refactor: deprecate old ConstraintAccordion and point to new version (#9613)

Code for constraint accordion was copy-pasted before previous
improvement. Old version is still in use for Segments. When we get to
improving constraint editing we should rebuild segments editing, without
use of this code.

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/EditChange.tsx

@@ -24,7 +24,7 @@ import { SidebarModal } from 'component/common/SidebarModal/SidebarModal';
 import { useSegments } from 'hooks/api/getters/useSegments/useSegments';
 import { FeatureStrategyForm } from '../../../../feature/FeatureStrategy/FeatureStrategyForm/FeatureStrategyForm';
 import { NewStrategyVariants } from 'component/feature/StrategyTypes/NewStrategyVariants';
-import { constraintId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { v4 as uuidv4 } from 'uuid';
 
 interface IEditChangeProps {

frontend/src/component/changeRequest/ChangeRequest/Changes/Change/SegmentChangeDetails.tsx

@@ -8,7 +8,7 @@ import type {
 } from 'component/changeRequest/changeRequest.types';
 import { useSegment } from 'hooks/api/getters/useSegment/useSegment';
 import { SegmentDiff, SegmentTooltipLink } from '../../SegmentTooltipLink';
-import { ConstraintAccordionList } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+import { ConstraintAccordionList } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import { ChangeOverwriteWarning } from './ChangeOverwriteWarning/ChangeOverwriteWarning';
 
 const ChangeItemCreateEditWrapper = styled(Box)(({ theme }) => ({

frontend/src/component/common/ConstraintsList/ConstraintItemHeader/ConstraintItemHeader.tsx

@@ -1,7 +1,7 @@
 import type { ComponentProps, FC, ReactNode } from 'react';
 import { StrategyEvaluationItem } from '../StrategyEvaluationItem/StrategyEvaluationItem';
 import type { ConstraintSchema } from 'openapi';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 import { StrategyEvaluationChip } from '../StrategyEvaluationChip/StrategyEvaluationChip';
 import { styled, Tooltip } from '@mui/material';
 import { Truncator } from 'component/common/Truncator/Truncator';

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordion.tsx

@@ -14,6 +14,9 @@ interface IConstraintAccordionProps {
     onSave?: (constraint: IConstraint) => void;
 }
 
+/**
+ * @deprecated use `component/common/NewConstraintAccordion/NewConstraintAccordion`
+ */
 export const ConstraintAccordion = ({
     constraint,
     compact = false,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEdit.tsx

@@ -77,6 +77,9 @@ const StyledAccordionDetails = styled(AccordionDetails)(({ theme }) => ({
     padding: 0,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEdit = ({
     constraint,
     compact,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.tsx

@@ -41,6 +41,9 @@ const StyledRightButton = styled(Button)(({ theme }) => ({
     minWidth: '125px',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEditBody: React.FC<
     IConstraintAccordionBody
 > = ({ localConstraint, children, triggerTransition, setAction, onSubmit }) => {

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintFormHeader/ConstraintFormHeader.tsx

@@ -8,6 +8,9 @@ const StyledHeader = styled('h3')(({ theme }) => ({
     marginBottom: theme.spacing(0.5),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintFormHeader: React.FC<
     React.HTMLAttributes<HTMLDivElement>
 > = ({ children, ...rest }) => {

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/DateSingleValue/DateSingleValue.tsx

@@ -21,6 +21,9 @@ const StyledWrapper = styled('div')(({ theme }) => ({
     gap: theme.spacing(1),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const DateSingleValue = ({
     setValue,
     value,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/FreeTextInput/FreeTextInput.tsx

@@ -53,6 +53,9 @@ const useStyles = makeStyles()((theme) => ({
 
 const ENTER = 'Enter';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const FreeTextInput = ({
     values,
     removeValue,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/LegalValueLabel/LegalValueLabel.tsx

@@ -29,6 +29,9 @@ export const LegalValueLabel = ({ legal, control }: ILegalValueTextProps) => {
     );
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const filterLegalValues = (
     legalValues: ILegalValue[],
     filter: string,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ResolveInput/ResolveInput.tsx

@@ -61,6 +61,9 @@ const resolveLegalValues = (
     };
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ResolveInput = ({
     input,
     contextDefinition,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx

@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { Alert, Checkbox, styled } from '@mui/material';
 import { useThemeStyles } from 'themes/themeStyles';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import type { ILegalValue } from 'interfaces/context';
 import {
@@ -60,6 +60,9 @@ const StyledValuesContainer = styled('div')(({ theme }) => ({
     overflow: 'auto',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const RestrictiveLegalValues = ({
     data,
     values,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/SingleLegalValue/SingleLegalValue.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState } from 'react';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import { FormControl, RadioGroup, Radio, Alert } from '@mui/material';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { useThemeStyles } from 'themes/themeStyles';
 import type { ILegalValue } from 'interfaces/context';
@@ -26,6 +26,9 @@ interface ISingleLegalValueProps {
     constraintValue: string;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleLegalValue = ({
     setValue,
     value,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/SingleValue/SingleValue.tsx

@@ -18,6 +18,9 @@ const useStyles = makeStyles()((theme) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleValue = ({
     setValue,
     value,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/useConstraintInput/useConstraintInput.tsx

@@ -64,6 +64,9 @@ type Validator =
     | 'STRING_ARRAY_VALIDATOR'
     | 'DATE_VALIDATOR';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const useConstraintInput = ({
     contextDefinition,
     localConstraint,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx

@@ -2,7 +2,7 @@ import type { IConstraint } from 'interfaces/strategy';
 
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
 import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import {
     dateOperators,
@@ -15,7 +15,7 @@ import { oneOf } from 'utils/oneOf';
 import type React from 'react';
 import { useEffect, useState } from 'react';
 import type { Operator } from 'constants/operators';
-import { ConstraintOperatorSelect } from 'component/common/ConstraintAccordion/ConstraintOperatorSelect';
+import { ConstraintOperatorSelect } from 'component/common/LegacyConstraintAccordion/ConstraintOperatorSelect';
 import {
     operatorsForContext,
     CURRENT_TIME_CONTEXT_FIELD,
@@ -87,6 +87,9 @@ const StyledHeaderText = styled('p')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionEditHeader = ({
     compact,
     localConstraint,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx

@@ -13,6 +13,9 @@ interface CaseSensitiveButtonProps {
     setCaseInsensitive: () => void;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const CaseSensitiveButton = ({
     localConstraint,
     setCaseInsensitive,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/InvertedOperatorButton/InvertedOperatorButton.tsx

@@ -13,6 +13,9 @@ interface InvertedOperatorButtonProps {
     setInvertedOperator: () => void;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const InvertedOperatorButton = ({
     localConstraint,
     setInvertedOperator,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/StyledToggleButton.tsx

@@ -1,6 +1,9 @@
 import { styled } from '@mui/system';
 import { IconButton } from '@mui/material';
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({
     width: '28px',
     minWidth: '28px',
@@ -19,6 +22,9 @@ export const StyledToggleButtonOff = styled(IconButton)(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledToggleButtonOn = styled(IconButton)(({ theme }) => ({
     width: '28px',
     minWidth: '28px',

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions.tsx

@@ -19,6 +19,9 @@ const StyledHeaderActions = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionHeaderActions = ({
     onEdit,
     onDelete,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx

@@ -8,12 +8,12 @@ import {
 import { Button, styled, Tooltip } from '@mui/material';
 import HelpOutline from '@mui/icons-material/HelpOutline';
 import type { IConstraint } from 'interfaces/strategy';
-import { ConstraintAccordion } from 'component/common/ConstraintAccordion/ConstraintAccordion';
+import { ConstraintAccordion } from 'component/common/LegacyConstraintAccordion/ConstraintAccordion';
 import produce from 'immer';
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
 import { type IUseWeakMap, useWeakMap } from 'hooks/useWeakMap';
 import { objectId } from 'utils/objectId';
-import { createEmptyConstraint } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { createEmptyConstraint } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { StrategySeparator } from 'component/common/StrategySeparator/LegacyStrategySeparator';
 
@@ -104,6 +104,9 @@ export const useConstraintAccordionList = (
     return { onAdd, state, context };
 };
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionList = forwardRef<
     IConstraintAccordionListRef | undefined,
     IConstraintAccordionListProps
@@ -183,6 +186,9 @@ interface IConstraintList {
     state: IUseWeakMap<IConstraint, IConstraintAccordionListItemState>;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintList = forwardRef<
     IConstraintAccordionListRef | undefined,
     IConstraintList

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView.tsx

@@ -63,6 +63,9 @@ const StyledWrapper = styled('div')({
     width: '100%',
 });
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionView = ({
     constraint,
     onEdit,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewBody/ConstraintAccordionViewBody.tsx

@@ -15,6 +15,9 @@ const StyledValueContainer = styled('div')(({ theme }) => ({
     overflowY: 'auto',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewBody = ({
     constraint,
 }: IConstraintAccordionViewBodyProps) => {

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewBody/MultipleValues/MultipleValues.tsx

@@ -16,6 +16,9 @@ const StyledChip = styled(Chip)(({ theme }) => ({
     margin: theme.spacing(0, 1, 1, 0),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const MultipleValues = ({ values }: IMultipleValuesProps) => {
     const [filter, setFilter] = useState('');
 

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewBody/SingleValue/SingleValue.tsx

@@ -24,6 +24,9 @@ const StyledChip = styled(Chip)(({ theme }) => ({
     margin: theme.spacing(0, 1, 1, 0),
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const SingleValue = ({ value, operator }: ISingleValueProps) => {
     if (!value) return null;
 

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeader.tsx

@@ -1,4 +1,4 @@
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import type { IConstraint } from 'interfaces/strategy';
 import { ConstraintAccordionViewHeaderInfo } from './ConstraintAccordionViewHeaderInfo';
 import { ConstraintAccordionHeaderActions } from '../../ConstraintAccordionHeaderActions/ConstraintAccordionHeaderActions';
@@ -27,6 +27,9 @@ const StyledContainer = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeader = ({
     constraint,
     onEdit,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderInfo.tsx

@@ -53,6 +53,9 @@ interface ConstraintAccordionViewHeaderMetaInfoProps {
     maxLength?: number;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderInfo = ({
     constraint,
     singleValue,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderMultipleValues.tsx

@@ -51,6 +51,9 @@ const StyledHeaderValuesExpand = styled('p')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderMultipleValues = ({
     constraint,
     expanded,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeaderSingleValue.tsx

@@ -24,6 +24,9 @@ const StyledHeaderValuesContainerWrapper = styled('div')(({ theme }) => ({
     margin: 'auto 0',
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintAccordionViewHeaderSingleValue = ({
     constraint,
     allowExpand,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintViewHeaderOperator.tsx

@@ -28,6 +28,9 @@ const StyledHeaderConstraintContainer = styled('div')(({ theme }) => ({
     },
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintViewHeaderOperator = ({
     constraint,
     disabled = false,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/StyledIconWrapper.tsx

@@ -25,6 +25,9 @@ const StyledPrefixIconWrapper = styled(StyledIconWrapperBase)(({ theme }) => ({
     borderBottomRightRadius: 0,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const StyledIconWrapper = forwardRef<
     HTMLDivElement,
     { isPrefix?: boolean; children?: ReactNode }

frontend/src/component/common/LegacyConstraintAccordion/ConstraintIcon.tsx

@@ -7,6 +7,9 @@ interface IConstraintIconProps {
     disabled?: boolean;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintIcon: VFC<IConstraintIconProps> = ({
     compact,
     disabled,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintOperator/ConstraintOperator.tsx

@@ -1,5 +1,5 @@
 import type { IConstraint } from 'interfaces/strategy';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 import { styled } from '@mui/material';
 
 interface IConstraintOperatorProps {
@@ -30,6 +30,9 @@ const StyledText = styled('p', {
     color: disabled ? theme.palette.text.secondary : theme.palette.neutral.main,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintOperator = ({
     constraint,
     hasPrefix,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintOperatorSelect.tsx

@@ -15,7 +15,7 @@ import {
     inOperators,
 } from 'constants/operators';
 import { useState } from 'react';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 
 interface IConstraintOperatorSelectProps {
     options: Operator[];
@@ -74,6 +74,9 @@ const StyledOptionContainer = styled('div')(({ theme }) => ({
     lineHeight: 1.2,
 }));
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintOperatorSelect = ({
     options,
     value,

frontend/src/component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch.tsx

@@ -6,6 +6,9 @@ interface IConstraintValueSearchProps {
     setFilter: React.Dispatch<React.SetStateAction<string>>;
 }
 
+/**
+ * @deprecated use NewConstraintAccordion components
+ */
 export const ConstraintValueSearch = ({
     filter,
     setFilter,

frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/RestrictiveLegalValues/RestrictiveLegalValues.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useState } from 'react';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { Alert, Button, Checkbox, Chip, Stack, styled } from '@mui/material';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import type { ILegalValue } from 'interfaces/context';
 import {

frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/SingleLegalValue/SingleLegalValue.tsx

@@ -2,7 +2,7 @@ import type React from 'react';
 import { useState } from 'react';
 import { ConstraintFormHeader } from '../ConstraintFormHeader/ConstraintFormHeader';
 import { FormControl, RadioGroup, Radio, Alert, styled } from '@mui/material';
-import { ConstraintValueSearch } from 'component/common/ConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
+import { ConstraintValueSearch } from 'component/common/LegacyConstraintAccordion/ConstraintValueSearch/ConstraintValueSearch';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { useThemeStyles } from 'themes/themeStyles';
 import type { ILegalValue } from 'interfaces/context';

frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx

@@ -2,7 +2,7 @@ import type { IConstraint } from 'interfaces/strategy';
 
 import useUnleashContext from 'hooks/api/getters/useUnleashContext/useUnleashContext';
 import GeneralSelect from 'component/common/GeneralSelect/GeneralSelect';
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import {
     dateOperators,
@@ -15,7 +15,7 @@ import { oneOf } from 'utils/oneOf';
 import type React from 'react';
 import { useEffect, useState } from 'react';
 import type { Operator } from 'constants/operators';
-import { ConstraintOperatorSelect } from 'component/common/ConstraintAccordion/ConstraintOperatorSelect';
+import { ConstraintOperatorSelect } from 'component/common/LegacyConstraintAccordion/ConstraintOperatorSelect';
 import {
     operatorsForContext,
     CURRENT_TIME_CONTEXT_FIELD,

frontend/src/component/common/NewConstraintAccordion/ConstraintAccordionView/ConstraintAccordionViewHeader/ConstraintAccordionViewHeader.tsx

@@ -1,4 +1,4 @@
-import { ConstraintIcon } from 'component/common/ConstraintAccordion/ConstraintIcon';
+import { ConstraintIcon } from 'component/common/LegacyConstraintAccordion/ConstraintIcon';
 import type { IConstraint } from 'interfaces/strategy';
 import { ConstraintAccordionViewHeaderInfo } from './ConstraintAccordionViewHeaderInfo';
 import { ConstraintAccordionViewHeaderInfo as LegacyConstraintAccordionViewHeaderInfo } from './LegacyConstraintAccordionViewHeaderInfo';

frontend/src/component/common/NewConstraintAccordion/ConstraintOperator/ConstraintOperator.tsx

@@ -1,5 +1,5 @@
 import type { IConstraint } from 'interfaces/strategy';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 import { styled } from '@mui/material';
 
 interface IConstraintOperatorProps {

frontend/src/component/common/NewConstraintAccordion/ConstraintOperatorSelect.tsx

@@ -15,7 +15,7 @@ import {
     inOperators,
 } from 'constants/operators';
 import { useState } from 'react';
-import { formatOperatorDescription } from 'component/common/ConstraintAccordion/ConstraintOperator/formatOperatorDescription';
+import { formatOperatorDescription } from 'component/common/LegacyConstraintAccordion/ConstraintOperator/formatOperatorDescription';
 
 interface IConstraintOperatorSelectProps {
     options: Operator[];

frontend/src/component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList.tsx

@@ -8,7 +8,7 @@ import { type IUseWeakMap, useWeakMap } from 'hooks/useWeakMap';
 import {
     constraintId,
     createEmptyConstraint,
-} from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+} from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { StrategySeparator } from 'component/common/StrategySeparator/LegacyStrategySeparator';
 import { NewConstraintAccordion } from 'component/common/NewConstraintAccordion/NewConstraintAccordion';

frontend/src/component/common/SegmentItem/LegacySegmentItem.tsx

@@ -10,7 +10,7 @@ import {
     styled,
     Typography,
 } from '@mui/material';
-import { ConstraintAccordionList } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+import { ConstraintAccordionList } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 
 interface ISegmentItemProps {

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.test.tsx

@@ -3,7 +3,7 @@ import { render } from 'utils/testRenderer';
 import { testServerRoute, testServerSetup } from 'utils/testServer';
 import { FeatureStrategyConstraintAccordionList } from './FeatureStrategyConstraintAccordionList';
 import type { IConstraint } from 'interfaces/strategy';
-import { constraintId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 
 const server = testServerSetup();
 

frontend/src/component/feature/FeatureStrategy/FeatureStrategyConstraints/FeatureStrategyConstraintAccordionList/FeatureStrategyConstraintAccordionList.tsx

@@ -9,7 +9,7 @@ import { HelpIcon } from 'component/common/HelpIcon/HelpIcon';
 import {
     type IConstraintAccordionListRef,
     useConstraintAccordionList,
-} from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+} from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import { NewConstraintAccordionList } from 'component/common/NewConstraintAccordion/NewConstraintAccordionList/NewConstraintAccordionList';
 import { Limit } from 'component/common/Limit/Limit';
 import useUiConfig from 'hooks/api/getters/useUiConfig/useUiConfig';

frontend/src/component/feature/FeatureStrategy/FeatureStrategyEdit/FeatureStrategyEdit.tsx

@@ -28,7 +28,7 @@ import { usePendingChangeRequests } from 'hooks/api/getters/usePendingChangeRequ
 import { usePlausibleTracker } from 'hooks/usePlausibleTracker';
 import { FeatureStrategyForm } from '../FeatureStrategyForm/FeatureStrategyForm';
 import { NewStrategyVariants } from 'component/feature/StrategyTypes/NewStrategyVariants';
-import { constraintId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { v4 as uuidv4 } from 'uuid';
 import { useScheduledChangeRequestsWithStrategy } from 'hooks/api/getters/useScheduledChangeRequestsWithStrategy/useScheduledChangeRequestsWithStrategy';
 import {

frontend/src/component/feature/FeatureStrategy/FeatureStrategySegment/FeatureStrategySegmentChip.tsx

@@ -5,7 +5,7 @@ import Clear from '@mui/icons-material/Clear';
 import VisibilityOff from '@mui/icons-material/VisibilityOff';
 import Visibility from '@mui/icons-material/Visibility';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
-import { constraintAccordionListId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+import { constraintAccordionListId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import { styled, type Theme, Tooltip } from '@mui/material';
 
 interface IFeatureStrategySegmentListProps {

frontend/src/component/feature/FeatureView/FeatureOverview/FeatureOverviewEnvironments/FeatureOverviewEnvironment/EnvironmentAccordionBody/StrategyDraggableItem/StrategyItem/StrategyExecution/LegacyStrategyExecution.tsx

@@ -7,7 +7,7 @@ import { ConstraintItem } from './ConstraintItem/LegacyConstraintItem';
 import { useStrategies } from 'hooks/api/getters/useStrategies/useStrategies';
 import { useSegments } from 'hooks/api/getters/useSegments/useSegments';
 import { FeatureOverviewSegment } from 'component/feature/FeatureView/FeatureOverview/FeatureOverviewSegment/FeatureOverviewSegment';
-import { ConstraintAccordionList } from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+import { ConstraintAccordionList } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import {
     parseParameterNumber,
     parseParameterString,

frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/ConstraintExecutionWithoutResults.tsx

@@ -4,7 +4,7 @@ import { objectId } from 'utils/objectId';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { StrategySeparator } from 'component/common/StrategySeparator/LegacyStrategySeparator';
 import { styled } from '@mui/material';
-import { ConstraintAccordionView } from 'component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView';
+import { ConstraintAccordionView } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView';
 
 interface IConstraintExecutionWithoutResultsProps {
     constraints?: PlaygroundConstraintSchema[];

frontend/src/component/playground/Playground/PlaygroundResultsTable/FeatureResultInfoPopoverCell/FeatureStrategyList/StrategyList/StrategyItem/StrategyExecution/ConstraintExecution/LegacyConstraintExecution.tsx

@@ -7,7 +7,7 @@ import { objectId } from 'utils/objectId';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
 import { StrategySeparator } from 'component/common/StrategySeparator/LegacyStrategySeparator';
 import { styled } from '@mui/material';
-import { ConstraintAccordionView } from 'component/common/ConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView';
+import { ConstraintAccordionView } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionView/ConstraintAccordionView';
 import { ConstraintError } from './ConstraintError/LegacyConstraintError';
 import { ConstraintOk } from './ConstraintOk/LegacyConstraintOk';
 

frontend/src/component/project/Project/ProjectSettings/ProjectActions/ProjectActionsTable/ProjectActionsModal/ProjectActionsForm/ProjectActionsFormStep/ProjectActionsFormStepSource/ProjectActionsFilterItem.tsx

@@ -9,7 +9,7 @@ import type { ActionsFilterState } from '../../useProjectActionsForm';
 import Delete from '@mui/icons-material/Delete';
 import Input from 'component/common/Input/Input';
 import { ProjectActionsFormItem } from '../ProjectActionsFormItem';
-import { ConstraintOperatorSelect } from 'component/common/ConstraintAccordion/ConstraintOperatorSelect';
+import { ConstraintOperatorSelect } from 'component/common/NewConstraintAccordion/ConstraintOperatorSelect';
 import {
     type Operator,
     allOperators,

frontend/src/component/segments/SegmentFormStepTwo.tsx

@@ -18,7 +18,7 @@ import { useNavigate } from 'react-router-dom';
 import {
     ConstraintAccordionList,
     type IConstraintAccordionListRef,
-} from 'component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
+} from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList';
 import type { SegmentFormStep, SegmentFormMode } from './SegmentForm';
 import {
     AutocompleteBox,

frontend/src/interfaces/strategy.ts

@@ -1,6 +1,6 @@
 import type { Operator } from 'constants/operators';
 import type { IFeatureVariant } from './featureToggle';
-import { constraintId } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
+import { constraintId } from 'component/common/LegacyConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 
 export interface IFeatureStrategy {
     id: string;