chore(1-3849): make IDs non-optional on front-end constraints.

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/ChangeOverwriteWarning/strategy-change-diff-calculation.test.ts

@@ -9,6 +9,7 @@ import {
     getSegmentChangesThatWouldBeOverwritten,
     getStrategyChangesThatWouldBeOverwritten,
 } from './strategy-change-diff-calculation.js';
+import { constraintId } from 'constants/constraintId.js';
 
 describe('Strategy change conflict detection', () => {
     const existingStrategy: IFeatureStrategy = {
@@ -175,6 +176,7 @@ describe('Strategy change conflict detection', () => {
                     operator: 'IN' as const,
                     contextName: 'appName',
                     caseInsensitive: false,
+                    [constraintId]: 'id1',
                 },
             ],
             variants: [
@@ -230,6 +232,7 @@ describe('Strategy change conflict detection', () => {
                     operator: 'IN' as const,
                     contextName: 'appName',
                     caseInsensitive: false,
+                    [constraintId]: 'id2',
                 },
             ],
         };
@@ -249,6 +252,7 @@ describe('Strategy change conflict detection', () => {
                             inverted: false,
                             operator: 'IN' as const,
                             values: ['blah'],
+                            [constraintId]: 'id2',
                         },
                     ],
                 },
@@ -478,6 +482,7 @@ describe('Segment change conflict detection', () => {
                     operator: 'IN' as const,
                     contextName: 'appName',
                     caseInsensitive: false,
+                    [constraintId]: 'id3',
                 },
             ],
         };
@@ -494,6 +499,7 @@ describe('Segment change conflict detection', () => {
                         operator: 'IN' as const,
                         contextName: 'appName',
                         caseInsensitive: false,
+                        [constraintId]: 'id4',
                     },
                 ],
             },

frontend/src/component/common/NewConstraintAccordion/ConstraintsList/EditableConstraintsList.tsx

@@ -9,7 +9,6 @@ import { ConstraintsList } from 'component/common/ConstraintsList/ConstraintsLis
 import { EditableConstraint } from 'component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint/EditableConstraint';
 import { createEmptyConstraint } from '../../../../utils/createEmptyConstraint.ts';
 import { constraintId } from 'constants/constraintId.ts';
-import { v4 as uuidv4 } from 'uuid';
 export interface IEditableConstraintsListRef {
     addConstraint?: (contextName: string) => void;
 }
@@ -44,7 +43,6 @@ export const EditableConstraintsList = forwardRef<
         if (!constraints.every((constraint) => constraintId in constraint)) {
             setConstraints(
                 constraints.map((constraint) => ({
-                    [constraintId]: uuidv4(),
                     ...constraint,
                 })),
             );

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint/useEditableConstraint/editable-constraint-type.test.ts

@@ -1,7 +1,6 @@
 import { createEmptyConstraint } from 'utils/createEmptyConstraint';
 import { fromIConstraint, toIConstraint } from './editable-constraint-type.ts';
 import { constraintId } from 'constants/constraintId';
-import type { IConstraint } from 'interfaces/strategy.ts';
 
 test('mapping to and from retains the constraint id', () => {
     const constraint = createEmptyConstraint('context');
@@ -11,18 +10,6 @@ test('mapping to and from retains the constraint id', () => {
     );
 });
 
-test('mapping to an editable constraint adds a constraint id if there is none', () => {
-    const constraint: IConstraint = createEmptyConstraint('context');
-    delete constraint[constraintId];
-
-    const editableConstraint = fromIConstraint(constraint);
-
-    expect(editableConstraint[constraintId]).toBeDefined();
-
-    const iConstraint = toIConstraint(editableConstraint);
-    expect(iConstraint[constraintId]).toEqual(editableConstraint[constraintId]);
-});
-
 test('mapping from an empty constraint removes redundant value / values', () => {
     const constraint = { ...createEmptyConstraint('context'), value: '' };
     expect(constraint).toHaveProperty('value');

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint/useEditableConstraint/editable-constraint-type.ts

@@ -1,4 +1,3 @@
-import { constraintId } from 'constants/constraintId';
 import {
     type DateOperator,
     isDateOperator,
@@ -11,7 +10,6 @@ import {
     isSemVerOperator,
 } from 'constants/operators';
 import type { IConstraint } from 'interfaces/strategy';
-import { v4 as uuidv4 } from 'uuid';
 
 type EditableConstraintBase = Omit<
     IConstraint,
@@ -74,14 +72,12 @@ export const fromIConstraint = (
     const { value, values, operator, ...rest } = constraint;
     if (isSingleValueOperator(operator)) {
         return {
-            [constraintId]: uuidv4(),
             ...rest,
             operator,
             value: value ?? '',
         };
     } else {
         return {
-            [constraintId]: uuidv4(),
             ...rest,
             operator,
             values: new Set(values),

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/EditableConstraint/useEditableConstraint/useEditableConstraint.test.tsx

@@ -13,6 +13,7 @@ import { vi } from 'vitest';
 import { testServerRoute, testServerSetup } from 'utils/testServer';
 import type { ContextFieldSchema } from 'openapi';
 import { NUM_EQ } from '@server/util/constants';
+import { constraintId } from 'constants/constraintId.js';
 
 const server = testServerSetup();
 
@@ -25,6 +26,7 @@ test('calls onUpdate with new state', async () => {
         contextName: 'context-field',
         operator: NOT_IN,
         values: ['A', 'B'],
+        [constraintId]: 'constraint id',
     };
 
     const onUpdate = vi.fn();
@@ -71,6 +73,7 @@ describe('validators', () => {
                 contextName: 'context-field',
                 operator: operator,
                 value: '',
+                [constraintId]: 'constraint id',
             };
 
             const { result } = renderHook(() =>
@@ -94,6 +97,7 @@ describe('validators', () => {
                 contextName: 'context-field',
                 operator: operator,
                 value: '',
+                [constraintId]: 'constraint id',
             };
 
             const { result } = renderHook(() =>
@@ -117,6 +121,7 @@ describe('validators', () => {
                 contextName: 'context-field',
                 operator: operator,
                 value: '',
+                [constraintId]: 'constraint id',
             };
 
             const { result } = renderHook(() =>
@@ -140,6 +145,7 @@ describe('validators', () => {
                 contextName: 'context-field',
                 operator: operator,
                 values: [],
+                [constraintId]: 'constraint id',
             };
 
             const { result } = renderHook(() =>
@@ -162,6 +168,7 @@ describe('validators', () => {
                 contextName: 'context-field',
                 operator: operator,
                 values: ['a', 'b'],
+                [constraintId]: 'constraint id',
             };
 
             const { result } = renderHook(() =>
@@ -189,6 +196,7 @@ describe('legal values', () => {
             contextName: definition.name,
             operator: IN,
             values: [],
+            [constraintId]: 'constraint id',
         };
 
         const { result } = renderHook(() =>
@@ -206,6 +214,7 @@ describe('legal values', () => {
             contextName: definition.name,
             operator: IN,
             values: [],
+            [constraintId]: 'constraint id',
         };
 
         const { result } = renderHook(() =>
@@ -231,6 +240,7 @@ describe('legal values', () => {
             contextName: 'field-with-no-legal-values',
             operator: IN,
             values: [],
+            [constraintId]: 'constraint id',
         };
 
         const { result } = renderHook(() =>
@@ -244,6 +254,7 @@ describe('legal values', () => {
             contextName: definition.name,
             operator: IN,
             values: ['A', 'B'],
+            [constraintId]: 'constraint id',
         };
 
         const { result } = renderHook(() =>
@@ -260,6 +271,7 @@ describe('legal values', () => {
             contextName: definition.name,
             operator: NUM_EQ,
             values: [],
+            [constraintId]: 'constraint id',
         };
 
         const { result } = renderHook(() =>

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/RecentlyUsedConstraints/useRecentlyUsedConstraints.test.tsx

@@ -6,6 +6,7 @@ import { renderHook, act } from '@testing-library/react';
 import type { IConstraint } from 'interfaces/strategy';
 import { IN, STR_CONTAINS } from 'constants/operators';
 import type { Operator } from 'constants/operators';
+import { constraintId } from 'constants/constraintId.ts';
 
 const createTestConstraint = (
     contextName: string,
@@ -15,6 +16,7 @@ const createTestConstraint = (
     contextName,
     operator,
     values,
+    [constraintId]: 'constraint id',
 });
 
 describe('areConstraintsEqual', () => {
@@ -24,13 +26,15 @@ describe('areConstraintsEqual', () => {
             operator: IN,
             values: ['user1', 'user2'],
             inverted: false,
+            [constraintId]: 'constraint id',
         };
 
         const constraint2: IConstraint = {
             contextName: 'userId',
             operator: IN,
             values: ['user1', 'user2'],
             inverted: false,
+            [constraintId]: 'constraint id',
         };
 
         expect(areConstraintsEqual(constraint1, constraint2)).toBe(true);
@@ -41,12 +45,14 @@ describe('areConstraintsEqual', () => {
             contextName: 'userId',
             operator: IN,
             values: ['user1', 'user2', 'user3'],
+            [constraintId]: 'constraint id',
         };
 
         const constraint2: IConstraint = {
             contextName: 'userId',
             operator: IN,
             values: ['user2', 'user3', 'user1'],
+            [constraintId]: 'constraint id',
         };
 
         expect(areConstraintsEqual(constraint1, constraint2)).toBe(true);
@@ -57,12 +63,14 @@ describe('areConstraintsEqual', () => {
             contextName: 'userId',
             operator: IN,
             values: ['user1', 'user2'],
+            [constraintId]: 'constraint id',
         };
 
         const constraint2: IConstraint = {
             contextName: 'userId',
             operator: IN,
             values: ['user1', 'user3'],
+            [constraintId]: 'constraint id',
         };
 
         expect(areConstraintsEqual(constraint1, constraint2)).toBe(false);
@@ -73,12 +81,14 @@ describe('areConstraintsEqual', () => {
             contextName: 'userId',
             operator: IN,
             values: ['user1'],
+            [constraintId]: 'constraint id',
         };
 
         const constraint2: IConstraint = {
             contextName: 'userId',
             operator: STR_CONTAINS,
             values: ['user1'],
+            [constraintId]: 'constraint id',
         };
 
         expect(areConstraintsEqual(constraint1, constraint2)).toBe(false);

frontend/src/component/project/Project/ProjectSettings/ProjectDefaultStrategySettings/ProjectEnvironment/ProjectEnvironmentDefaultStrategy/ProjectEnvironmentDefaultStrategy.tsx

@@ -11,6 +11,8 @@ import {
 } from '@server/types/permissions';
 import { StrategyItem } from 'component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyItem';
 import type { IFeatureStrategy } from 'interfaces/strategy';
+import { constraintId } from 'constants/constraintId';
+import { v4 as uuidv4 } from 'uuid';
 
 interface ProjectEnvironmentDefaultStrategyProps {
     environment: ProjectEnvironmentType;
@@ -55,7 +57,11 @@ export const ProjectEnvironmentDefaultStrategy = ({
         return {
             ...baseDefaultStrategy,
             disabled: false,
-            constraints: baseDefaultStrategy.constraints ?? [],
+            constraints:
+                baseDefaultStrategy.constraints?.map((constraint) => ({
+                    ...constraint,
+                    [constraintId]: uuidv4(),
+                })) ?? [],
             title: baseDefaultStrategy.title ?? '',
             parameters: baseDefaultStrategy.parameters ?? {},
         };

frontend/src/component/segments/SegmentForm.tsx

@@ -1,4 +1,4 @@
-import type { IConstraint, IConstraintWithId } from 'interfaces/strategy';
+import type { IConstraint } from 'interfaces/strategy';
 import { SegmentFormStepOne } from './SegmentFormStepOne.tsx';
 import { SegmentFormStepTwo } from './SegmentFormStepTwo.tsx';
 import type React from 'react';
@@ -14,7 +14,7 @@ interface ISegmentProps {
     name: string;
     description: string;
     project?: string;
-    constraints: IConstraintWithId[];
+    constraints: IConstraint[];
     setName: React.Dispatch<React.SetStateAction<string>>;
     setDescription: React.Dispatch<React.SetStateAction<string>>;
     setProject: React.Dispatch<React.SetStateAction<string | undefined>>;

frontend/src/component/segments/SegmentFormStepTwo.test.tsx

@@ -8,7 +8,7 @@ import {
     CREATE_SEGMENT,
     UPDATE_PROJECT_SEGMENT,
 } from 'component/providers/AccessProvider/permissions';
-import type { IConstraintWithId } from 'interfaces/strategy.ts';
+import type { IConstraint } from 'interfaces/strategy.ts';
 
 const server = testServerSetup();
 
@@ -26,7 +26,7 @@ const setupRoutes = () => {
 
 const defaultProps = {
     project: undefined,
-    constraints: [] as IConstraintWithId[],
+    constraints: [] as IConstraint[],
     setConstraints: vi.fn(),
     setCurrentStep: vi.fn(),
     mode: 'create' as const,

frontend/src/component/segments/SegmentFormStepTwo.tsx

@@ -13,7 +13,7 @@ import {
     UPDATE_SEGMENT,
 } from 'component/providers/AccessProvider/permissions';
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
-import type { IConstraint, IConstraintWithId } from 'interfaces/strategy';
+import type { IConstraint } from 'interfaces/strategy';
 import { useNavigate } from 'react-router-dom';
 import { EditableConstraintsList } from 'component/common/NewConstraintAccordion/ConstraintsList/EditableConstraintsList';
 import type { IEditableConstraintsListRef } from 'component/common/NewConstraintAccordion/ConstraintsList/EditableConstraintsList';
@@ -33,7 +33,7 @@ import { GO_BACK } from 'constants/navigate';
 
 interface ISegmentFormPartTwoProps {
     project?: string;
-    constraints: IConstraintWithId[];
+    constraints: IConstraint[];
     setConstraints: React.Dispatch<React.SetStateAction<IConstraint[]>>;
     setCurrentStep: React.Dispatch<React.SetStateAction<SegmentFormStep>>;
     mode: SegmentFormMode;

frontend/src/component/segments/hooks/useSegmentForm.ts

@@ -1,8 +1,6 @@
-import type { IConstraint, IConstraintWithId } from 'interfaces/strategy';
+import type { IConstraint } from 'interfaces/strategy';
 import { useEffect, useState } from 'react';
 import { useSegmentValidation } from 'hooks/api/getters/useSegmentValidation/useSegmentValidation';
-import { v4 as uuidv4 } from 'uuid';
-import { constraintId } from 'constants/constraintId';
 
 export const useSegmentForm = (
     initialName = '',
@@ -14,10 +12,9 @@ export const useSegmentForm = (
     const [description, setDescription] = useState(initialDescription);
     const [project, setProject] = useState<string | undefined>(initialProject);
     const initialConstraintsWithId = initialConstraints.map((constraint) => ({
-        [constraintId]: uuidv4(),
         ...constraint,
     }));
-    const [constraints, setConstraints] = useState<IConstraintWithId[]>(
+    const [constraints, setConstraints] = useState<IConstraint[]>(
         initialConstraintsWithId,
     );
     const [errors, setErrors] = useState({});