@pega/cosmos-react-condition-builder 4.0.0-dev.14.1 → 4.0.0-dev.15.0

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -221,7 +221,7 @@ const ConditionBuilder = (props) => {
                         .split('.')
                         .pop()}`;
                     let alignItems = 'end';
-                    if (!isValidCondition(leaf, fields, true) && showErrorIndicators) {
+                    if (showErrorIndicators && !isValidCondition(leaf, fields, false)) {
                         alignItems = 'center';
                     }
                     return (_jsxs(Fragment, { children: [isBasicMode && index > 0 && (_jsx(StyledRowWithSeparator, { container: true, shaded: enableShading && operatorsList[index - 1] === 'AND', children: _jsx(MenuButton, { text: operatorsList[index - 1].toLowerCase(), variant: 'simple', menu: {

package/lib/components/ConditionBuilder/ConditionBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  Fragment,\n  ChangeEvent,\n  useState,\n  useReducer,\n  useImperativeHandle,\n  useRef,\n  useEffect\n} from 'react';\n\nimport {\n  Banner,\n  Button,\n  Flex,\n  Icon,\n  Input,\n  MenuButton,\n  ForwardProps,\n  hasProp,\n  useI18n,\n  getFocusables,\n  BannerHandleValue,\n  Label,\n  useUID,\n  useLiveLog,\n  AdditionalInfo\n} from '@pega/cosmos-react-core';\n\nimport AtomicCondition, { isValidCondition } from './AtomicCondition';\nimport ConditionBuilderProps, {\n  Condition,\n  HandleValue,\n  LeafCondition\n} from './ConditionBuilder.types';\nimport {\n  splitConditionForBuilder,\n  parseLogicString,\n  disambiguateLogic,\n  isBasicModeApplicable,\n  getBasicModeOperators,\n  getLogicFromBasicMode\n} from './core/utils';\nimport rowsReducer, { INSERT_ROW, UPDATE_ROW, REMOVE_ROW } from './core/rows-reducer';\nimport { RHSType } from './core/types';\nimport {\n  StyledRowWithSeparator,\n  StyledRow,\n  StyledLabel,\n  StyledConditionBuilder\n} from './ConditionBuilder.styles';\n\n// Default props for the builder\nconst defaultProps: Partial<ConditionBuilderProps> = {\n  condition: {\n    condition: {\n      comparator: 'IS_NOT_NULL',\n      lhs: { field: '' }\n    }\n  }\n};\n\n// Component for the builder\nconst ConditionBuilder: FunctionComponent<ConditionBuilderProps & ForwardProps> = (\n  props: ConditionBuilderProps\n) => {\n  const {\n    fields,\n    condition: seedCondition,\n    validComparators,\n    validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n    dateFunctions,\n    disallowNOT,\n    handle\n  } = props;\n\n  // Split the condition tree into a logic-string and a list of condition-rows.\n  const clonedCondition: Condition = JSON.parse(JSON.stringify(seedCondition)); // Cloning to avoid modifying the original\n  const { logic: seedLogic, rows: seedRows } = splitConditionForBuilder(clonedCondition);\n\n  // On load, look to use the Basic-mode if the seed-condition is simple enough\n  const [isBasicMode, setBasicMode] = useState(() => isBasicModeApplicable(clonedCondition));\n  const [operatorsList, setOperatorsList] = useState(() => getBasicModeOperators(seedLogic)); // Operators-list used in Basic-mode to render dropdowns between the rows. NOTE: When in Advanced-mode, this can contain stale values.\n  const [logicString, setLogicString] = useState(seedLogic); // Logic-string used in Advanced-mode. NOTE: When in Basic-mode, this can contain stale values.\n  const [conditionRows, dispatch] = useReducer(rowsReducer, seedRows); // Conditions-rows\n  const [logicError, setLogicError] = useState<string | null>(null); // Used to indicate errors in the logic string\n  const [showModeWarning, setModeWarning] = useState(false); // Used to warn user about losing information when moving away from Advanced mode\n  const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators in the condition rows\n  const enableShading =\n    isBasicMode && operatorsList.includes('AND') && operatorsList.includes('OR'); // In Basic mode, enable shading to indicate grouping only when both operators are present\n  const labelId = useUID();\n\n  const newOperatorButtonRef = useRef<HTMLButtonElement | null>(null);\n  const focusRowRef = useRef<HTMLElement | null>(null);\n  const [focusRowIndex, setFocusRowIndex] = useState<number | null>(null);\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Upon adding/removing rows in Advanced mode, update the logic string to reflect the change in labels\n  // NOTE: The input is updated only if the previous logicString was simple enough\n  const updateLogicString = (actionType: string): void => {\n    const numNewRows =\n      actionType === INSERT_ROW ? conditionRows.length + 1 : conditionRows.length - 1;\n\n    // If only one row left after the action, simply use its label as logicString\n    // NOTE: If none left, the rowsReducer adds a new empty row\n    if (numNewRows <= 1) {\n      setLogicString('1');\n      return;\n    }\n\n    // If the previous string was a simple AND/OR between all the rows, update the logicString to follow the same for the new list of rows.\n    // If the previous string was a single token like `1` and a new row is inserted, do an AND between the new rows, i.e. `1 AND 2`\n    // For all other complex cases, skip automatically updating the string and wait for the user to change it\n    // To check this, split the previous string by `OR/AND` and check if each of the resultant token is a simple numeric token\n    const splitter = logicString.includes('OR') ? 'OR' : 'AND';\n    const tokens = logicString.split(splitter);\n    const isEveryTokenInteger = tokens.every(w => /^\\d+$/.test(w.trim()));\n    if (isEveryTokenInteger) {\n      setLogicString(\n        new Array(numNewRows)\n          .fill(0)\n          .map((w, i) => i + 1)\n          .join(` ${splitter} `)\n      );\n    }\n  };\n\n  // Manages the focus behavior when inserting/removing a row\n  useEffect(() => {\n    if (focusRowIndex === null) return;\n\n    if (newOperatorButtonRef.current) {\n      newOperatorButtonRef.current.focus();\n      newOperatorButtonRef.current = null;\n    } else if (focusRowIndex !== null) {\n      getFocusables(focusRowRef)[0]?.focus();\n    }\n\n    setFocusRowIndex(null);\n  }, [focusRowIndex]);\n\n  // Insert a new row at the given index\n  const insertRow = (insertAt: number): void => {\n    dispatch({ type: INSERT_ROW, payload: { insertAt } }); // Insert an entry in conditionRows\n    if (isBasicMode) {\n      // Set up a new AND/OR selector\n      const insertOpAt = insertAt - 1; // Using `insertAt-1` since the operatorsList has one less entry compared to the conditionRows\n      setOperatorsList([\n        ...operatorsList.slice(0, insertOpAt),\n        'AND',\n        ...operatorsList.slice(insertOpAt)\n      ]);\n    } else {\n      updateLogicString(INSERT_ROW); // Update the logicString input to reflect the insertion\n    }\n    setFocusRowIndex(insertAt);\n  };\n\n  // Remove the row at the given index\n  const removeRow = (removeAt: number): void => {\n    dispatch({ type: REMOVE_ROW, payload: { removeAt } }); // Remove an entry in conditionRows\n    if (isBasicMode) {\n      // Remove an AND/OR selector\n      if (removeAt === 0) {\n        // If removing the first of the condition rows, remove the extraneous operator\n        setOperatorsList(operatorsList.slice(1));\n      } else {\n        let removeOpAt = removeAt - 1; // Using `removeAt-1` since the operatorsList has one less entry compared to the conditionRows\n        if (operatorsList[removeOpAt] === 'OR' && operatorsList[removeOpAt + 1] === 'AND') {\n          // If removing a condition at the start of a nested group, remove the first operator from that group. e.g. Take `(1 AND 2) OR (3 AND 4 AND 5)`. If `3` is being deleted, it should become `(1 AND 2) OR (4 AND 5)` instead of `1 AND 2 AND 4 AND 5`\n          removeOpAt += 1;\n        }\n        setOperatorsList([\n          ...operatorsList.slice(0, removeOpAt),\n          ...operatorsList.slice(removeOpAt + 1)\n        ]);\n      }\n    } else {\n      updateLogicString(REMOVE_ROW); // Update the logicString input to reflect the removal\n    }\n    setFocusRowIndex(() => {\n      if (removeAt !== 0 && removeAt === conditionRows.length - 1) {\n        return removeAt - 1;\n      }\n\n      return removeAt;\n    });\n  };\n\n  // Update a Basic-mode operator at the given index\n  const updateOperator = (updateAt: number, newValue: 'AND' | 'OR'): void => {\n    setOperatorsList([\n      ...operatorsList.slice(0, updateAt),\n      newValue,\n      ...operatorsList.slice(updateAt + 1)\n    ]);\n  };\n\n  // Validate the logic input. Called upon clicking outside the textBox or upon submission.\n  // If the expression is invalid, shows appropriate feedback and returns null.\n  // If the expression is valid, formats it by setting up brackets at necessary places (to clear any ambiguities e.g. `1 AND 2 OR 3` is formatted as `(1 AND 2) OR 3` ). Returns a save-ready condition\n  const validateLogicString = (logicToUse: string): Condition | null => {\n    // Set up a lookup with row-labels as keys and rows as values\n    const conditionLookup: { [label: string]: LeafCondition } = {};\n    conditionRows.forEach(row => {\n      const { id, label, ...leaf } = row; // Discard the extra properties added by ConditionRow to the LeafCondition interface\n      conditionLookup[row.label] = leaf;\n    });\n\n    // Convert the logic string into a condition tree\n    const parseResult = parseLogicString(logicToUse, conditionLookup, disallowNOT);\n\n    // Indicate any parse error\n    if (hasProp(parseResult, 'error')) {\n      setLogicError(parseResult.error);\n      return null;\n    }\n\n    // If no errors\n    setLogicError(null); // Clear any previous error\n    setLogicString(disambiguateLogic(logicToUse)); // Disambiguating the logic string by placing parentheses at appropriate places\n    return parseResult.condition;\n  };\n\n  // Toggle between the Basic and Advanced modes\n  // `forceToggle:true` is passed when switching from Advanced to Basic mode despite a loss of information\n  const toggleMode = (forceToggle?: boolean): void => {\n    setModeWarning(false); // Clear any previous warning\n    if (isBasicMode) {\n      // Update the logicString to match the operatorsList before switching the mode\n      setLogicString(getLogicFromBasicMode(operatorsList));\n      setBasicMode(false);\n    } else if (forceToggle) {\n      // If forcibly toggling from Advanced to Basic despite a loss of operators\n      // Set up the default `AND` operator between all rows before switching to Basic mode\n      setOperatorsList(new Array(conditionRows.length - 1).fill('AND'));\n      setBasicMode(true);\n    } else {\n      // If switching from Advanced mode\n      const condition = validateLogicString(logicString); // Validate the logicString. If it is an invalid, an appropriate error is shown for the user to act on\n      if (condition !== null) {\n        // If it's a valid condition, check if it's simple enough to be shown in Basic mode without any loss of information\n        if (isBasicModeApplicable(condition)) {\n          // If the logic is simple enough, identify the new set of operators before switching to Basic mode\n          setOperatorsList(getBasicModeOperators(logicString));\n          setBasicMode(true);\n        } else {\n          // If the logic is too complex show a warning for the user to act on\n          setModeWarning(true);\n        }\n      }\n    }\n  };\n\n  const getCondition: HandleValue['getCondition'] = () => {\n    setErrorIndicators(false); // Reset any previous flag\n    setLogicError(null); // Clear any previous error\n\n    // If there's a single empty condition, submit with an `undefined` value (useful for clearing a previous condition)\n    if (conditionRows.length === 1 && conditionRows[0].lhs.field === '') {\n      return [true, undefined];\n    }\n\n    // Identify and indicate any invalid values in the condition rows\n    const hasInvalidRows = conditionRows.some(row => !isValidCondition(row, fields, true));\n    if (hasInvalidRows) {\n      setErrorIndicators(true); // Enable inline error indications\n      return [false];\n    }\n\n    // Validate the Logic string\n    const logicToUse = isBasicMode ? getLogicFromBasicMode(operatorsList) : logicString; // If in Basic-mode, construct a different logicString based on the operatorsList\n    const condition = validateLogicString(logicToUse); // This also takes care of showing an appropriate error feedback as needed\n    if (condition !== null) {\n      // Can be null when the logic string has errors\n      return [true, condition];\n    }\n\n    return [false];\n  };\n\n  useImperativeHandle(\n    handle,\n    () => ({\n      getCondition\n    }),\n    [getCondition]\n  );\n\n  const t = useI18n();\n\n  useEffect(() => {\n    if (showModeWarning) bannerHandleRef.current?.focus();\n  }, [showModeWarning]);\n\n  const { announceAssertive } = useLiveLog();\n\n  useEffect(() => {\n    announceAssertive({ message: t('condition_builder_mode_switch') });\n  }, [isBasicMode]);\n\n  return (\n    <StyledConditionBuilder container={{ direction: 'column', gap: 4 }}>\n      {/* Condition Rows */}\n      <div>\n        {conditionRows.map(({ id, label, ...leaf }, index) => {\n          const deleteAriaLabel = `${t('condition_builder_field_label')} ${leaf.lhs.field\n            .split('.')\n            .pop()}`;\n\n          let alignItems = 'end';\n          if (!isValidCondition(leaf, fields, true) && showErrorIndicators) {\n            alignItems = 'center';\n          }\n\n          return (\n            <Fragment key={id}>\n              {/* Row with the operator dropdown in Basic mode */}\n              {isBasicMode && index > 0 && (\n                <StyledRowWithSeparator\n                  container\n                  shaded={enableShading && operatorsList[index - 1] === 'AND'}\n                >\n                  <MenuButton\n                    text={operatorsList[index - 1].toLowerCase()}\n                    variant='simple'\n                    menu={{\n                      items: [\n                        {\n                          id: 'AND',\n                          primary: 'and',\n                          onClick: () => updateOperator(index - 1, 'AND')\n                        },\n                        {\n                          id: 'OR',\n                          primary: 'or',\n                          onClick: () => updateOperator(index - 1, 'OR')\n                        }\n                      ]\n                    }}\n                    ref={index === focusRowIndex ? newOperatorButtonRef : null}\n                  />\n                </StyledRowWithSeparator>\n              )}\n\n              {/* Row with the AtomicCondition */}\n              <StyledRow\n                container={{ gap: 0.5, alignItems }}\n                shaded={isBasicMode && enableShading}\n                ref={index === focusRowIndex ? focusRowRef : null}\n              >\n                {/* Label */}\n                {!isBasicMode && <StyledLabel>{label}</StyledLabel>}\n\n                {/* Condition controls */}\n                <Flex item={{ grow: 1 }}>\n                  <AtomicCondition\n                    condition={leaf}\n                    fields={fields}\n                    indicateErrors={showErrorIndicators}\n                    validComparators={validComparators}\n                    dateFunctions={dateFunctions}\n                    onChange={(newCondition: LeafCondition) => {\n                      const newRow = { id, label, ...newCondition };\n                      dispatch({ type: UPDATE_ROW, payload: { updateAt: index, newRow } });\n                    }}\n                    validRhsTypes={validRhsTypes}\n                  />\n                </Flex>\n\n                {/* Row actions */}\n                <Button\n                  icon\n                  variant='simple'\n                  onClick={() => insertRow(index + 1)}\n                  label={t('add_condition')}\n                >\n                  <Icon name='plus' />\n                </Button>\n                <Button\n                  icon\n                  variant='simple'\n                  onClick={() => removeRow(index)}\n                  label={t('delete')}\n                  aria-label={deleteAriaLabel ? t('delete_noun', [deleteAriaLabel]) : undefined}\n                >\n                  <Icon name='trash' />\n                </Button>\n              </StyledRow>\n            </Fragment>\n          );\n        })}\n      </div>\n\n      {/* LogicString input */}\n      {!isBasicMode && (\n        <div>\n          <Flex container={{ gap: 0.25, direction: 'column' }}>\n            <Flex container={{ alignItems: 'center' }}>\n              <Label htmlFor={labelId}>\n                {t('condition_builder_advanced_condition_label')}&nbsp;\n              </Label>\n\n              <AdditionalInfo heading={t('condition_builder_advanced_condition_label')}>\n                {t('condition_builder_advanced_condition_tooltip', [\n                  disallowNOT ? 'AND/OR' : 'AND/OR/NOT',\n                  disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'\n                ])}\n              </AdditionalInfo>\n            </Flex>\n\n            <Input\n              id={labelId}\n              type='text'\n              placeholder={t('condition_builder_advanced_condition_placeholder')}\n              value={logicString}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setLogicString(e.target.value)}\n              onBlur={() => validateLogicString(logicString)}\n              status={logicError !== null ? 'error' : undefined}\n              info={logicError}\n            />\n          </Flex>\n        </div>\n      )}\n\n      {/* Submit block */}\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        {/* Banner to show a warning when switching from Advanced to Basic mode */}\n        {showModeWarning && (\n          <Banner\n            variant='warning'\n            messages={[\n              {\n                label: t('condition_builder_switch_banner_text'),\n                action: {\n                  text: t('condition_builder_confirm_button_label'),\n                  onClick: () => {\n                    toggleMode(true);\n                    buttonRef.current?.focus();\n                  }\n                }\n              }\n            ]}\n            onDismiss={() => {\n              setModeWarning(false);\n              buttonRef.current?.focus();\n            }}\n            handle={bannerHandleRef}\n          />\n        )}\n\n        {/* Footer buttons */}\n        <Flex container={{ justify: 'between' }}>\n          <Button\n            name='mode-switch'\n            variant='simple'\n            onClick={() => {\n              toggleMode(false);\n            }}\n            aria-label={\n              isBasicMode\n                ? t('condition_builder_advanced_mode_button_aria_label')\n                : t('condition_builder_basic_mode_button_aria_label')\n            }\n            ref={buttonRef}\n          >\n            {isBasicMode\n              ? t('condition_builder_advanced_mode_button_label')\n              : t('condition_builder_basic_mode_button_label')}\n          </Button>\n        </Flex>\n      </Flex>\n    </StyledConditionBuilder>\n  );\n};\nConditionBuilder.defaultProps = defaultProps;\n\nexport default ConditionBuilder;\n"]}
+{"version":3,"file":"ConditionBuilder.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  Fragment,\n  ChangeEvent,\n  useState,\n  useReducer,\n  useImperativeHandle,\n  useRef,\n  useEffect\n} from 'react';\n\nimport {\n  Banner,\n  Button,\n  Flex,\n  Icon,\n  Input,\n  MenuButton,\n  ForwardProps,\n  hasProp,\n  useI18n,\n  getFocusables,\n  BannerHandleValue,\n  Label,\n  useUID,\n  useLiveLog,\n  AdditionalInfo\n} from '@pega/cosmos-react-core';\n\nimport AtomicCondition, { isValidCondition } from './AtomicCondition';\nimport ConditionBuilderProps, {\n  Condition,\n  HandleValue,\n  LeafCondition\n} from './ConditionBuilder.types';\nimport {\n  splitConditionForBuilder,\n  parseLogicString,\n  disambiguateLogic,\n  isBasicModeApplicable,\n  getBasicModeOperators,\n  getLogicFromBasicMode\n} from './core/utils';\nimport rowsReducer, { INSERT_ROW, UPDATE_ROW, REMOVE_ROW } from './core/rows-reducer';\nimport { RHSType } from './core/types';\nimport {\n  StyledRowWithSeparator,\n  StyledRow,\n  StyledLabel,\n  StyledConditionBuilder\n} from './ConditionBuilder.styles';\n\n// Default props for the builder\nconst defaultProps: Partial<ConditionBuilderProps> = {\n  condition: {\n    condition: {\n      comparator: 'IS_NOT_NULL',\n      lhs: { field: '' }\n    }\n  }\n};\n\n// Component for the builder\nconst ConditionBuilder: FunctionComponent<ConditionBuilderProps & ForwardProps> = (\n  props: ConditionBuilderProps\n) => {\n  const {\n    fields,\n    condition: seedCondition,\n    validComparators,\n    validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n    dateFunctions,\n    disallowNOT,\n    handle\n  } = props;\n\n  // Split the condition tree into a logic-string and a list of condition-rows.\n  const clonedCondition: Condition = JSON.parse(JSON.stringify(seedCondition)); // Cloning to avoid modifying the original\n  const { logic: seedLogic, rows: seedRows } = splitConditionForBuilder(clonedCondition);\n\n  // On load, look to use the Basic-mode if the seed-condition is simple enough\n  const [isBasicMode, setBasicMode] = useState(() => isBasicModeApplicable(clonedCondition));\n  const [operatorsList, setOperatorsList] = useState(() => getBasicModeOperators(seedLogic)); // Operators-list used in Basic-mode to render dropdowns between the rows. NOTE: When in Advanced-mode, this can contain stale values.\n  const [logicString, setLogicString] = useState(seedLogic); // Logic-string used in Advanced-mode. NOTE: When in Basic-mode, this can contain stale values.\n  const [conditionRows, dispatch] = useReducer(rowsReducer, seedRows); // Conditions-rows\n  const [logicError, setLogicError] = useState<string | null>(null); // Used to indicate errors in the logic string\n  const [showModeWarning, setModeWarning] = useState(false); // Used to warn user about losing information when moving away from Advanced mode\n  const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators in the condition rows\n  const enableShading =\n    isBasicMode && operatorsList.includes('AND') && operatorsList.includes('OR'); // In Basic mode, enable shading to indicate grouping only when both operators are present\n  const labelId = useUID();\n\n  const newOperatorButtonRef = useRef<HTMLButtonElement | null>(null);\n  const focusRowRef = useRef<HTMLElement | null>(null);\n  const [focusRowIndex, setFocusRowIndex] = useState<number | null>(null);\n  const bannerHandleRef = useRef<BannerHandleValue>(null);\n  const buttonRef = useRef<HTMLButtonElement>(null);\n\n  // Upon adding/removing rows in Advanced mode, update the logic string to reflect the change in labels\n  // NOTE: The input is updated only if the previous logicString was simple enough\n  const updateLogicString = (actionType: string): void => {\n    const numNewRows =\n      actionType === INSERT_ROW ? conditionRows.length + 1 : conditionRows.length - 1;\n\n    // If only one row left after the action, simply use its label as logicString\n    // NOTE: If none left, the rowsReducer adds a new empty row\n    if (numNewRows <= 1) {\n      setLogicString('1');\n      return;\n    }\n\n    // If the previous string was a simple AND/OR between all the rows, update the logicString to follow the same for the new list of rows.\n    // If the previous string was a single token like `1` and a new row is inserted, do an AND between the new rows, i.e. `1 AND 2`\n    // For all other complex cases, skip automatically updating the string and wait for the user to change it\n    // To check this, split the previous string by `OR/AND` and check if each of the resultant token is a simple numeric token\n    const splitter = logicString.includes('OR') ? 'OR' : 'AND';\n    const tokens = logicString.split(splitter);\n    const isEveryTokenInteger = tokens.every(w => /^\\d+$/.test(w.trim()));\n    if (isEveryTokenInteger) {\n      setLogicString(\n        new Array(numNewRows)\n          .fill(0)\n          .map((w, i) => i + 1)\n          .join(` ${splitter} `)\n      );\n    }\n  };\n\n  // Manages the focus behavior when inserting/removing a row\n  useEffect(() => {\n    if (focusRowIndex === null) return;\n\n    if (newOperatorButtonRef.current) {\n      newOperatorButtonRef.current.focus();\n      newOperatorButtonRef.current = null;\n    } else if (focusRowIndex !== null) {\n      getFocusables(focusRowRef)[0]?.focus();\n    }\n\n    setFocusRowIndex(null);\n  }, [focusRowIndex]);\n\n  // Insert a new row at the given index\n  const insertRow = (insertAt: number): void => {\n    dispatch({ type: INSERT_ROW, payload: { insertAt } }); // Insert an entry in conditionRows\n    if (isBasicMode) {\n      // Set up a new AND/OR selector\n      const insertOpAt = insertAt - 1; // Using `insertAt-1` since the operatorsList has one less entry compared to the conditionRows\n      setOperatorsList([\n        ...operatorsList.slice(0, insertOpAt),\n        'AND',\n        ...operatorsList.slice(insertOpAt)\n      ]);\n    } else {\n      updateLogicString(INSERT_ROW); // Update the logicString input to reflect the insertion\n    }\n    setFocusRowIndex(insertAt);\n  };\n\n  // Remove the row at the given index\n  const removeRow = (removeAt: number): void => {\n    dispatch({ type: REMOVE_ROW, payload: { removeAt } }); // Remove an entry in conditionRows\n    if (isBasicMode) {\n      // Remove an AND/OR selector\n      if (removeAt === 0) {\n        // If removing the first of the condition rows, remove the extraneous operator\n        setOperatorsList(operatorsList.slice(1));\n      } else {\n        let removeOpAt = removeAt - 1; // Using `removeAt-1` since the operatorsList has one less entry compared to the conditionRows\n        if (operatorsList[removeOpAt] === 'OR' && operatorsList[removeOpAt + 1] === 'AND') {\n          // If removing a condition at the start of a nested group, remove the first operator from that group. e.g. Take `(1 AND 2) OR (3 AND 4 AND 5)`. If `3` is being deleted, it should become `(1 AND 2) OR (4 AND 5)` instead of `1 AND 2 AND 4 AND 5`\n          removeOpAt += 1;\n        }\n        setOperatorsList([\n          ...operatorsList.slice(0, removeOpAt),\n          ...operatorsList.slice(removeOpAt + 1)\n        ]);\n      }\n    } else {\n      updateLogicString(REMOVE_ROW); // Update the logicString input to reflect the removal\n    }\n    setFocusRowIndex(() => {\n      if (removeAt !== 0 && removeAt === conditionRows.length - 1) {\n        return removeAt - 1;\n      }\n\n      return removeAt;\n    });\n  };\n\n  // Update a Basic-mode operator at the given index\n  const updateOperator = (updateAt: number, newValue: 'AND' | 'OR'): void => {\n    setOperatorsList([\n      ...operatorsList.slice(0, updateAt),\n      newValue,\n      ...operatorsList.slice(updateAt + 1)\n    ]);\n  };\n\n  // Validate the logic input. Called upon clicking outside the textBox or upon submission.\n  // If the expression is invalid, shows appropriate feedback and returns null.\n  // If the expression is valid, formats it by setting up brackets at necessary places (to clear any ambiguities e.g. `1 AND 2 OR 3` is formatted as `(1 AND 2) OR 3` ). Returns a save-ready condition\n  const validateLogicString = (logicToUse: string): Condition | null => {\n    // Set up a lookup with row-labels as keys and rows as values\n    const conditionLookup: { [label: string]: LeafCondition } = {};\n    conditionRows.forEach(row => {\n      const { id, label, ...leaf } = row; // Discard the extra properties added by ConditionRow to the LeafCondition interface\n      conditionLookup[row.label] = leaf;\n    });\n\n    // Convert the logic string into a condition tree\n    const parseResult = parseLogicString(logicToUse, conditionLookup, disallowNOT);\n\n    // Indicate any parse error\n    if (hasProp(parseResult, 'error')) {\n      setLogicError(parseResult.error);\n      return null;\n    }\n\n    // If no errors\n    setLogicError(null); // Clear any previous error\n    setLogicString(disambiguateLogic(logicToUse)); // Disambiguating the logic string by placing parentheses at appropriate places\n    return parseResult.condition;\n  };\n\n  // Toggle between the Basic and Advanced modes\n  // `forceToggle:true` is passed when switching from Advanced to Basic mode despite a loss of information\n  const toggleMode = (forceToggle?: boolean): void => {\n    setModeWarning(false); // Clear any previous warning\n    if (isBasicMode) {\n      // Update the logicString to match the operatorsList before switching the mode\n      setLogicString(getLogicFromBasicMode(operatorsList));\n      setBasicMode(false);\n    } else if (forceToggle) {\n      // If forcibly toggling from Advanced to Basic despite a loss of operators\n      // Set up the default `AND` operator between all rows before switching to Basic mode\n      setOperatorsList(new Array(conditionRows.length - 1).fill('AND'));\n      setBasicMode(true);\n    } else {\n      // If switching from Advanced mode\n      const condition = validateLogicString(logicString); // Validate the logicString. If it is an invalid, an appropriate error is shown for the user to act on\n      if (condition !== null) {\n        // If it's a valid condition, check if it's simple enough to be shown in Basic mode without any loss of information\n        if (isBasicModeApplicable(condition)) {\n          // If the logic is simple enough, identify the new set of operators before switching to Basic mode\n          setOperatorsList(getBasicModeOperators(logicString));\n          setBasicMode(true);\n        } else {\n          // If the logic is too complex show a warning for the user to act on\n          setModeWarning(true);\n        }\n      }\n    }\n  };\n\n  const getCondition: HandleValue['getCondition'] = () => {\n    setErrorIndicators(false); // Reset any previous flag\n    setLogicError(null); // Clear any previous error\n\n    // If there's a single empty condition, submit with an `undefined` value (useful for clearing a previous condition)\n    if (conditionRows.length === 1 && conditionRows[0].lhs.field === '') {\n      return [true, undefined];\n    }\n\n    // Identify and indicate any invalid values in the condition rows\n    const hasInvalidRows = conditionRows.some(row => !isValidCondition(row, fields, true));\n    if (hasInvalidRows) {\n      setErrorIndicators(true); // Enable inline error indications\n      return [false];\n    }\n\n    // Validate the Logic string\n    const logicToUse = isBasicMode ? getLogicFromBasicMode(operatorsList) : logicString; // If in Basic-mode, construct a different logicString based on the operatorsList\n    const condition = validateLogicString(logicToUse); // This also takes care of showing an appropriate error feedback as needed\n    if (condition !== null) {\n      // Can be null when the logic string has errors\n      return [true, condition];\n    }\n\n    return [false];\n  };\n\n  useImperativeHandle(\n    handle,\n    () => ({\n      getCondition\n    }),\n    [getCondition]\n  );\n\n  const t = useI18n();\n\n  useEffect(() => {\n    if (showModeWarning) bannerHandleRef.current?.focus();\n  }, [showModeWarning]);\n\n  const { announceAssertive } = useLiveLog();\n\n  useEffect(() => {\n    announceAssertive({ message: t('condition_builder_mode_switch') });\n  }, [isBasicMode]);\n\n  return (\n    <StyledConditionBuilder container={{ direction: 'column', gap: 4 }}>\n      {/* Condition Rows */}\n      <div>\n        {conditionRows.map(({ id, label, ...leaf }, index) => {\n          const deleteAriaLabel = `${t('condition_builder_field_label')} ${leaf.lhs.field\n            .split('.')\n            .pop()}`;\n\n          let alignItems = 'end';\n          if (showErrorIndicators && !isValidCondition(leaf, fields, false)) {\n            alignItems = 'center';\n          }\n\n          return (\n            <Fragment key={id}>\n              {/* Row with the operator dropdown in Basic mode */}\n              {isBasicMode && index > 0 && (\n                <StyledRowWithSeparator\n                  container\n                  shaded={enableShading && operatorsList[index - 1] === 'AND'}\n                >\n                  <MenuButton\n                    text={operatorsList[index - 1].toLowerCase()}\n                    variant='simple'\n                    menu={{\n                      items: [\n                        {\n                          id: 'AND',\n                          primary: 'and',\n                          onClick: () => updateOperator(index - 1, 'AND')\n                        },\n                        {\n                          id: 'OR',\n                          primary: 'or',\n                          onClick: () => updateOperator(index - 1, 'OR')\n                        }\n                      ]\n                    }}\n                    ref={index === focusRowIndex ? newOperatorButtonRef : null}\n                  />\n                </StyledRowWithSeparator>\n              )}\n\n              {/* Row with the AtomicCondition */}\n              <StyledRow\n                container={{ gap: 0.5, alignItems }}\n                shaded={isBasicMode && enableShading}\n                ref={index === focusRowIndex ? focusRowRef : null}\n              >\n                {/* Label */}\n                {!isBasicMode && <StyledLabel>{label}</StyledLabel>}\n\n                {/* Condition controls */}\n                <Flex item={{ grow: 1 }}>\n                  <AtomicCondition\n                    condition={leaf}\n                    fields={fields}\n                    indicateErrors={showErrorIndicators}\n                    validComparators={validComparators}\n                    dateFunctions={dateFunctions}\n                    onChange={(newCondition: LeafCondition) => {\n                      const newRow = { id, label, ...newCondition };\n                      dispatch({ type: UPDATE_ROW, payload: { updateAt: index, newRow } });\n                    }}\n                    validRhsTypes={validRhsTypes}\n                  />\n                </Flex>\n\n                {/* Row actions */}\n                <Button\n                  icon\n                  variant='simple'\n                  onClick={() => insertRow(index + 1)}\n                  label={t('add_condition')}\n                >\n                  <Icon name='plus' />\n                </Button>\n                <Button\n                  icon\n                  variant='simple'\n                  onClick={() => removeRow(index)}\n                  label={t('delete')}\n                  aria-label={deleteAriaLabel ? t('delete_noun', [deleteAriaLabel]) : undefined}\n                >\n                  <Icon name='trash' />\n                </Button>\n              </StyledRow>\n            </Fragment>\n          );\n        })}\n      </div>\n\n      {/* LogicString input */}\n      {!isBasicMode && (\n        <div>\n          <Flex container={{ gap: 0.25, direction: 'column' }}>\n            <Flex container={{ alignItems: 'center' }}>\n              <Label htmlFor={labelId}>\n                {t('condition_builder_advanced_condition_label')}&nbsp;\n              </Label>\n\n              <AdditionalInfo heading={t('condition_builder_advanced_condition_label')}>\n                {t('condition_builder_advanced_condition_tooltip', [\n                  disallowNOT ? 'AND/OR' : 'AND/OR/NOT',\n                  disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'\n                ])}\n              </AdditionalInfo>\n            </Flex>\n\n            <Input\n              id={labelId}\n              type='text'\n              placeholder={t('condition_builder_advanced_condition_placeholder')}\n              value={logicString}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setLogicString(e.target.value)}\n              onBlur={() => validateLogicString(logicString)}\n              status={logicError !== null ? 'error' : undefined}\n              info={logicError}\n            />\n          </Flex>\n        </div>\n      )}\n\n      {/* Submit block */}\n      <Flex container={{ direction: 'column', gap: 2 }}>\n        {/* Banner to show a warning when switching from Advanced to Basic mode */}\n        {showModeWarning && (\n          <Banner\n            variant='warning'\n            messages={[\n              {\n                label: t('condition_builder_switch_banner_text'),\n                action: {\n                  text: t('condition_builder_confirm_button_label'),\n                  onClick: () => {\n                    toggleMode(true);\n                    buttonRef.current?.focus();\n                  }\n                }\n              }\n            ]}\n            onDismiss={() => {\n              setModeWarning(false);\n              buttonRef.current?.focus();\n            }}\n            handle={bannerHandleRef}\n          />\n        )}\n\n        {/* Footer buttons */}\n        <Flex container={{ justify: 'between' }}>\n          <Button\n            name='mode-switch'\n            variant='simple'\n            onClick={() => {\n              toggleMode(false);\n            }}\n            aria-label={\n              isBasicMode\n                ? t('condition_builder_advanced_mode_button_aria_label')\n                : t('condition_builder_basic_mode_button_aria_label')\n            }\n            ref={buttonRef}\n          >\n            {isBasicMode\n              ? t('condition_builder_advanced_mode_button_label')\n              : t('condition_builder_basic_mode_button_label')}\n          </Button>\n        </Flex>\n      </Flex>\n    </StyledConditionBuilder>\n  );\n};\nConditionBuilder.defaultProps = defaultProps;\n\nexport default ConditionBuilder;\n"]}

package/lib/components/ConditionBuilder/ConditionBuilder.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,sBAAsB,mOAYlC,CAAC;AAKF,eAAO,MAAM,SAAS,mOAGrB,CAAC;AAIF,eAAO,MAAM,yBAAyB,yGAIpC,CAAC;AAKH,eAAO,MAAM,sBAAsB,mOAUlC,CAAC;AAKF,eAAO,MAAM,WAAW,yGAOvB,CAAC;AAIF,eAAO,MAAM,qBAAqB,yOAoBjC,CAAC"}
+{"version":3,"file":"ConditionBuilder.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,sBAAsB,mOAYlC,CAAC;AAKF,eAAO,MAAM,SAAS,mOAGrB,CAAC;AAIF,eAAO,MAAM,yBAAyB,yGAIpC,CAAC;AAKH,eAAO,MAAM,sBAAsB,mOAUlC,CAAC;AAKF,eAAO,MAAM,WAAW,yGAOvB,CAAC;AAIF,eAAO,MAAM,qBAAqB,yOAoBjC,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilder.styles.js

@@ -1,8 +1,9 @@
 import styled, { css } from 'styled-components';
 import { calculateFontSize, defaultThemeProp, FieldGroup, Flex, StyledFieldGroupLegend, StyledPopover } from '@pega/cosmos-react-core';
+import { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';
 export const StyledConditionBuilder = styled(Flex)(({ theme: { base: { 'content-width': contentWidth, spacing } } }) => {
     return css `
-      ${StyledPopover} & {
+      ${StyledPopover}:not(${StyledDialog}) & {
         min-width: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));
       }
     `;

package/lib/components/ConditionBuilder/ConditionBuilder.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,IAAI,EAEJ,sBAAsB,EACtB,aAAa,EACd,MAAM,yBAAyB,CAAC;AAEjC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAChD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;QACN,aAAa;yBACI,YAAY,CAAC,EAAE,sBAAsB,OAAO;;KAEhE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;gBAErB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;CAC9E,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;GACxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,uCAAuC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;CAUtD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CACrD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,EACjE,UAAU,EAAE,EAAE,IAAI,EAAE,EACrB,EACD,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzD,OAAO,CACL,CAAC,WAAW;QACZ,GAAG,CAAA;UACC,sBAAsB;uBACT,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAa,CAAC;yBAChD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;yCACb,OAAO;;OAEzC,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  FieldGroup,\n  Flex,\n  FontSize,\n  StyledFieldGroupLegend,\n  StyledPopover\n} from '@pega/cosmos-react-core';\n\nexport const StyledConditionBuilder = styled(Flex)(\n  ({\n    theme: {\n      base: { 'content-width': contentWidth, spacing }\n    }\n  }) => {\n    return css`\n      ${StyledPopover} & {\n        min-width: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));\n      }\n    `;\n  }\n);\n\nStyledConditionBuilder.defaultProps = defaultThemeProp;\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)`\n  padding: 0.25rem;\n  background: ${props => (props.shaded ? 'rgba(0, 0, 0, 0.05)' : 'transparent')};\n`;\n\nStyledRow.defaultProps = defaultThemeProp;\n\nexport const StyledTimePeriodContainer = styled.div(({ theme }) => {\n  return css`\n    width: ${theme.base['content-width'].sm};\n  `;\n});\n\nStyledTimePeriodContainer.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(StyledRow)`\n  padding: 0 0.25rem;\n  &::after {\n    content: '';\n    flex-grow: 1;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 0%);\n    background-position: left center;\n    background-size: 1.75rem 0.0625rem;\n    background-repeat: repeat-x;\n  }\n`;\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div`\n  line-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  min-width: 2rem;\n  text-align: center;\n  background: rgba(0, 0, 0, 0.04);\n`;\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(\n  ({\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { text }\n    },\n    collapsible\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return (\n      !collapsible &&\n      css`\n        ${StyledFieldGroupLegend} {\n          font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n          font-weight: ${text.secondary['font-weight']};\n          margin-block-end: calc(0.5 * ${spacing});\n        }\n      `\n    );\n  }\n);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n"]}
+{"version":3,"file":"ConditionBuilder.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EACL,iBAAiB,EACjB,gBAAgB,EAChB,UAAU,EACV,IAAI,EAEJ,sBAAsB,EACtB,aAAa,EACd,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,6DAA6D,CAAC;AAE3F,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,IAAI,CAAC,CAChD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,eAAe,EAAE,YAAY,EAAE,OAAO,EAAE,EACjD,EACF,EAAE,EAAE;IACH,OAAO,GAAG,CAAA;QACN,aAAa,QAAQ,YAAY;yBAChB,YAAY,CAAC,EAAE,sBAAsB,OAAO;;KAEhE,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,wCAAwC;AACxC,MAAM,CAAC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;gBAErB,KAAK,CAAC,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,aAAa,CAAC;CAC9E,CAAC;AAEF,SAAS,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAChE,OAAO,GAAG,CAAA;aACC,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,EAAE;GACxC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,uCAAuC;AACvC,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,SAAS,CAAC,CAAA;;;;;;;;;;CAUtD,CAAC;AAEF,sBAAsB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEvD,6CAA6C;AAC7C,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;CAOpC,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CACrD,CAAC,EACC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,EACjE,UAAU,EAAE,EAAE,IAAI,EAAE,EACrB,EACD,WAAW,EACZ,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,iBAAiB,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IACzD,OAAO,CACL,CAAC,WAAW;QACZ,GAAG,CAAA;UACC,sBAAsB;uBACT,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,CAAa,CAAC;yBAChD,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC;yCACb,OAAO;;OAEzC,CACF,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css } from 'styled-components';\n\nimport {\n  calculateFontSize,\n  defaultThemeProp,\n  FieldGroup,\n  Flex,\n  FontSize,\n  StyledFieldGroupLegend,\n  StyledPopover\n} from '@pega/cosmos-react-core';\nimport { StyledDialog } from '@pega/cosmos-react-core/lib/components/Dialog/Dialog.styles';\n\nexport const StyledConditionBuilder = styled(Flex)(\n  ({\n    theme: {\n      base: { 'content-width': contentWidth, spacing }\n    }\n  }) => {\n    return css`\n      ${StyledPopover}:not(${StyledDialog}) & {\n        min-width: min(${contentWidth.lg}, calc(100vw - 4 * ${spacing}));\n      }\n    `;\n  }\n);\n\nStyledConditionBuilder.defaultProps = defaultThemeProp;\n\n// Styled wrapper for each Condition row\nexport const StyledRow = styled(Flex)`\n  padding: 0.25rem;\n  background: ${props => (props.shaded ? 'rgba(0, 0, 0, 0.05)' : 'transparent')};\n`;\n\nStyledRow.defaultProps = defaultThemeProp;\n\nexport const StyledTimePeriodContainer = styled.div(({ theme }) => {\n  return css`\n    width: ${theme.base['content-width'].sm};\n  `;\n});\n\nStyledTimePeriodContainer.defaultProps = defaultThemeProp;\n\n// Styled row-separators for Basic-mode\nexport const StyledRowWithSeparator = styled(StyledRow)`\n  padding: 0 0.25rem;\n  &::after {\n    content: '';\n    flex-grow: 1;\n    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 0%);\n    background-position: left center;\n    background-size: 1.75rem 0.0625rem;\n    background-repeat: repeat-x;\n  }\n`;\n\nStyledRowWithSeparator.defaultProps = defaultThemeProp;\n\n// Styled label for the rows in Advanced-mode\nexport const StyledLabel = styled.div`\n  line-height: 2rem;\n  height: 2rem;\n  width: 2rem;\n  min-width: 2rem;\n  text-align: center;\n  background: rgba(0, 0, 0, 0.04);\n`;\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(FieldGroup)(\n  ({\n    theme: {\n      base: { 'font-size': fontSize, 'font-scale': fontScale, spacing },\n      components: { text }\n    },\n    collapsible\n  }) => {\n    const fontSizes = calculateFontSize(fontSize, fontScale);\n    return (\n      !collapsible &&\n      css`\n        ${StyledFieldGroupLegend} {\n          font-size: ${fontSizes[text.secondary['font-size'] as FontSize]};\n          font-weight: ${text.secondary['font-weight']};\n          margin-block-end: calc(0.5 * ${spacing});\n        }\n      `\n    );\n  }\n);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n"]}

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js

@@ -154,7 +154,7 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
         clear: () => {
             setSelections([]);
         }
-    }), [setSelections]);
+    }), []);
     return (_jsx(ComboBox, { ref: inputRef, mode: mode, label: label ?? t('condition_builder_possible_values_label'), placeholder: placeholder ??
             (mode === 'single-select'
                 ? t('condition_builder_single_selection_text_default')

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  Ref,\n  useImperativeHandle\n} from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  createStringMatcher,\n  useAfterInitialEffect,\n  NoChildrenProp,\n  ComboBoxProps,\n  hasProp,\n  Button,\n  Icon,\n  MenuProps,\n  HandleValue\n} from '@pega/cosmos-react-core';\n\nimport {\n  LeafCondition,\n  ParameterValue,\n  ReferenceValue,\n  ValueSelection\n} from '../ConditionBuilder.types';\nimport { Comparator } from '../core/types';\n\ninterface ValueSelectorProps<T extends { id: string; possibleValues?: ValueSelection<T> }>\n  extends BaseProps,\n    NoChildrenProp {\n  mode: ComboBoxProps['mode'];\n  /** Previous selection */\n  values: string[] | string;\n  /** Current selected LHS */\n  selectedField: T;\n  /** Current selected comparator */\n  comparator: Comparator;\n  /** Rhs for the condition */\n  rhs: NonNullable<LeafCondition['rhs']>;\n  /** Passed Parameters array for Rhstype PARAMETER */\n  parameters: ParameterValue[];\n  /** Callback for changes */\n  onChange: (selection: string[] | string) => void;\n  /** Callback for blur */\n  onBlur?: (selection?: string[] | string) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Placeholder text to display in empty control */\n  placeholder?: ComboBoxProps['placeholder'];\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** sets status and info */\n  setApiError?: Dispatch<SetStateAction<string | null>>;\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\n/** A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { id: string; possibleValues?: ValueSelection<F> }>({\n  values,\n  selectedField,\n  comparator,\n  rhs,\n  onChange,\n  onBlur,\n  onClear,\n  status,\n  mode,\n  parameters,\n  placeholder,\n  label,\n  info,\n  setApiError,\n  handle\n}: ValueSelectorProps<F>) => {\n  const t = useI18n();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n\n  const [selections, setSelections] = useState<string[] | string>(values);\n  const [filterValue, setFilterValue] = useState('');\n  const [options, setOptions] = useState<(string | ParameterValue | ReferenceValue)[]>([]);\n  const [filterOptions, setFilterOptions] = useState<(string | ParameterValue | ReferenceValue)[]>(\n    []\n  );\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [items, setItems] = useState<MenuProps['items']>([]);\n\n  const itemsToRender = (item: (string | ParameterValue | ReferenceValue)[]) => {\n    return item.map(option => {\n      if (typeof option === 'object') {\n        return {\n          ...option,\n          selected: Array.isArray(selections)\n            ? selections.includes(option.id)\n            : selections === option.id\n        };\n      }\n      return {\n        id: option,\n        primary: option,\n        selected: Array.isArray(selections) ? selections.includes(option) : selections === option\n      };\n    });\n  };\n\n  useEffect(() => {\n    const updatedItems = items.map(item => {\n      const result = Array.isArray(selections)\n        ? selections.includes(item.id)\n        : selections === item.id;\n      return { ...item, selected: result };\n    });\n    setItems(updatedItems);\n  }, [selections]);\n\n  useEffect(() => {\n    const matcher = createStringMatcher(filterValue, 'boundary');\n    setFilterOptions(\n      options.filter(option => {\n        if (typeof option === 'object') return matcher.test(option.primary);\n        return matcher.test(option);\n      })\n    );\n  }, [filterValue, options]);\n\n  useAfterInitialEffect(() => {\n    onChange(selections);\n  }, [selections]);\n\n  useEffect(() => {\n    if (!selectedField) {\n      return;\n    }\n    let subscribed = true;\n\n    if (hasProp(rhs, 'parameterId')) {\n      setOptions(parameters);\n    } else if (hasProp(selectedField, 'possibleValues')) {\n      const { possibleValues } = selectedField;\n      if (typeof possibleValues === 'function') {\n        setLoading(true);\n        setOptions([]);\n        possibleValues({ searchString: filterValue, comparator, lhs: selectedField })\n          .then(response => {\n            if (!subscribed) return;\n            setOptions(response);\n            setLoading(false);\n          })\n          .catch(err => {\n            if (err && subscribed) {\n              setApiError?.(t('condition_builder_possible_values_error'));\n              setOptions([]);\n              setLoading(false);\n            }\n          });\n      } else if (Array.isArray(possibleValues)) {\n        setOptions(possibleValues);\n      } else {\n        setOptions([]);\n      }\n    }\n\n    return () => {\n      subscribed = false;\n      setApiError?.(null);\n    };\n  }, [filterValue, selectedField.id, comparator]);\n\n  useEffect(() => setFilterValue(''), [selectedField, comparator]);\n\n  const getSelections = () => {\n    if (typeof selections === 'string') {\n      let itemLabel;\n      if (hasProp(rhs, 'parameterId')) {\n        const selectedItem = parameters.find(item => item.id === selections);\n        itemLabel = selectedItem !== undefined ? selectedItem.primary : selections;\n      } else itemLabel = selections;\n\n      return {\n        items: { id: selections, text: itemLabel }\n      };\n    }\n    if (selections.length > 0) {\n      return {\n        items: selections.map(s => {\n          const optionLabel = options.find(opt => typeof opt === 'object' && opt.id === s) as\n            | ParameterValue\n            | ReferenceValue\n            | undefined;\n          return { id: s, text: optionLabel?.primary ?? s };\n        }),\n        onRemove: (value: string) => {\n          setSelections(cur => {\n            const current = cur as string[];\n            return current.filter(selection => selection !== value);\n          });\n        }\n      };\n    }\n\n    return undefined;\n  };\n\n  useEffect(() => {\n    if (filterValue !== '') {\n      setItems(itemsToRender(filterOptions.slice(0, 10)));\n    } else {\n      setItems(itemsToRender(options.slice(0, 10)));\n    }\n  }, [options, filterOptions]);\n\n  const loadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n\n      let totalItem: (string | ParameterValue | ReferenceValue)[];\n      if (filterOptions.length > 0) totalItem = filterOptions;\n      else totalItem = options;\n\n      const remItems = totalItem.length - items.length;\n      let newItemsLength = 10;\n      if (remItems <= newItemsLength) {\n        setHasMore(false);\n        newItemsLength = remItems;\n      }\n\n      setLoading(false);\n      setItems(prev => {\n        return [\n          ...prev,\n          ...itemsToRender(totalItem.slice(items.length, items.length + newItemsLength))\n        ];\n      });\n    }\n  }, [options, loading, filterOptions, items, hasMore]);\n\n  useImperativeHandle(\n    handle,\n    () => ({\n      clear: () => {\n        setSelections([]);\n      }\n    }),\n    [setSelections]\n  );\n\n  return (\n    <ComboBox\n      ref={inputRef}\n      mode={mode}\n      label={label ?? t('condition_builder_possible_values_label')}\n      placeholder={\n        placeholder ??\n        (mode === 'single-select'\n          ? t('condition_builder_single_selection_text_default')\n          : t('condition_builder_multi_selection_text_default'))\n      }\n      value={filterValue}\n      onChange={e => {\n        setFilterValue(e.target.value);\n        setHasMore(true);\n      }}\n      onBlur={() => {\n        onBlur?.(selections);\n        setFilterValue('');\n      }}\n      menu={{\n        items,\n        onItemClick: id => {\n          setFilterValue('');\n          if (mode === 'single-select') {\n            setSelections(id);\n          } else {\n            setSelections(cur => {\n              const current = cur as string[];\n              return current.includes(id)\n                ? current.filter(selection => selection !== id)\n                : [...cur, id];\n            });\n          }\n        },\n        loading,\n        loadMore: hasMore ? loadMore : undefined\n      }}\n      selected={getSelections()}\n      status={status}\n      info={info}\n      actions={\n        onClear &&\n        selections.length > 0 && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              setSelections([]);\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ValueSelector;\n"]}
+{"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  Ref,\n  useImperativeHandle\n} from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  createStringMatcher,\n  useAfterInitialEffect,\n  NoChildrenProp,\n  ComboBoxProps,\n  hasProp,\n  Button,\n  Icon,\n  MenuProps,\n  HandleValue\n} from '@pega/cosmos-react-core';\n\nimport {\n  LeafCondition,\n  ParameterValue,\n  ReferenceValue,\n  ValueSelection\n} from '../ConditionBuilder.types';\nimport { Comparator } from '../core/types';\n\ninterface ValueSelectorProps<T extends { id: string; possibleValues?: ValueSelection<T> }>\n  extends BaseProps,\n    NoChildrenProp {\n  mode: ComboBoxProps['mode'];\n  /** Previous selection */\n  values: string[] | string;\n  /** Current selected LHS */\n  selectedField: T;\n  /** Current selected comparator */\n  comparator: Comparator;\n  /** Rhs for the condition */\n  rhs: NonNullable<LeafCondition['rhs']>;\n  /** Passed Parameters array for Rhstype PARAMETER */\n  parameters: ParameterValue[];\n  /** Callback for changes */\n  onChange: (selection: string[] | string) => void;\n  /** Callback for blur */\n  onBlur?: (selection?: string[] | string) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Placeholder text to display in empty control */\n  placeholder?: ComboBoxProps['placeholder'];\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** sets status and info */\n  setApiError?: Dispatch<SetStateAction<string | null>>;\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\n/** A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { id: string; possibleValues?: ValueSelection<F> }>({\n  values,\n  selectedField,\n  comparator,\n  rhs,\n  onChange,\n  onBlur,\n  onClear,\n  status,\n  mode,\n  parameters,\n  placeholder,\n  label,\n  info,\n  setApiError,\n  handle\n}: ValueSelectorProps<F>) => {\n  const t = useI18n();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n\n  const [selections, setSelections] = useState<string[] | string>(values);\n  const [filterValue, setFilterValue] = useState('');\n  const [options, setOptions] = useState<(string | ParameterValue | ReferenceValue)[]>([]);\n  const [filterOptions, setFilterOptions] = useState<(string | ParameterValue | ReferenceValue)[]>(\n    []\n  );\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [items, setItems] = useState<MenuProps['items']>([]);\n\n  const itemsToRender = (item: (string | ParameterValue | ReferenceValue)[]) => {\n    return item.map(option => {\n      if (typeof option === 'object') {\n        return {\n          ...option,\n          selected: Array.isArray(selections)\n            ? selections.includes(option.id)\n            : selections === option.id\n        };\n      }\n      return {\n        id: option,\n        primary: option,\n        selected: Array.isArray(selections) ? selections.includes(option) : selections === option\n      };\n    });\n  };\n\n  useEffect(() => {\n    const updatedItems = items.map(item => {\n      const result = Array.isArray(selections)\n        ? selections.includes(item.id)\n        : selections === item.id;\n      return { ...item, selected: result };\n    });\n    setItems(updatedItems);\n  }, [selections]);\n\n  useEffect(() => {\n    const matcher = createStringMatcher(filterValue, 'boundary');\n    setFilterOptions(\n      options.filter(option => {\n        if (typeof option === 'object') return matcher.test(option.primary);\n        return matcher.test(option);\n      })\n    );\n  }, [filterValue, options]);\n\n  useAfterInitialEffect(() => {\n    onChange(selections);\n  }, [selections]);\n\n  useEffect(() => {\n    if (!selectedField) {\n      return;\n    }\n    let subscribed = true;\n\n    if (hasProp(rhs, 'parameterId')) {\n      setOptions(parameters);\n    } else if (hasProp(selectedField, 'possibleValues')) {\n      const { possibleValues } = selectedField;\n      if (typeof possibleValues === 'function') {\n        setLoading(true);\n        setOptions([]);\n        possibleValues({ searchString: filterValue, comparator, lhs: selectedField })\n          .then(response => {\n            if (!subscribed) return;\n            setOptions(response);\n            setLoading(false);\n          })\n          .catch(err => {\n            if (err && subscribed) {\n              setApiError?.(t('condition_builder_possible_values_error'));\n              setOptions([]);\n              setLoading(false);\n            }\n          });\n      } else if (Array.isArray(possibleValues)) {\n        setOptions(possibleValues);\n      } else {\n        setOptions([]);\n      }\n    }\n\n    return () => {\n      subscribed = false;\n      setApiError?.(null);\n    };\n  }, [filterValue, selectedField.id, comparator]);\n\n  useEffect(() => setFilterValue(''), [selectedField, comparator]);\n\n  const getSelections = () => {\n    if (typeof selections === 'string') {\n      let itemLabel;\n      if (hasProp(rhs, 'parameterId')) {\n        const selectedItem = parameters.find(item => item.id === selections);\n        itemLabel = selectedItem !== undefined ? selectedItem.primary : selections;\n      } else itemLabel = selections;\n\n      return {\n        items: { id: selections, text: itemLabel }\n      };\n    }\n    if (selections.length > 0) {\n      return {\n        items: selections.map(s => {\n          const optionLabel = options.find(opt => typeof opt === 'object' && opt.id === s) as\n            | ParameterValue\n            | ReferenceValue\n            | undefined;\n          return { id: s, text: optionLabel?.primary ?? s };\n        }),\n        onRemove: (value: string) => {\n          setSelections(cur => {\n            const current = cur as string[];\n            return current.filter(selection => selection !== value);\n          });\n        }\n      };\n    }\n\n    return undefined;\n  };\n\n  useEffect(() => {\n    if (filterValue !== '') {\n      setItems(itemsToRender(filterOptions.slice(0, 10)));\n    } else {\n      setItems(itemsToRender(options.slice(0, 10)));\n    }\n  }, [options, filterOptions]);\n\n  const loadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n\n      let totalItem: (string | ParameterValue | ReferenceValue)[];\n      if (filterOptions.length > 0) totalItem = filterOptions;\n      else totalItem = options;\n\n      const remItems = totalItem.length - items.length;\n      let newItemsLength = 10;\n      if (remItems <= newItemsLength) {\n        setHasMore(false);\n        newItemsLength = remItems;\n      }\n\n      setLoading(false);\n      setItems(prev => {\n        return [\n          ...prev,\n          ...itemsToRender(totalItem.slice(items.length, items.length + newItemsLength))\n        ];\n      });\n    }\n  }, [options, loading, filterOptions, items, hasMore]);\n\n  useImperativeHandle(\n    handle,\n    () => ({\n      clear: () => {\n        setSelections([]);\n      }\n    }),\n    []\n  );\n\n  return (\n    <ComboBox\n      ref={inputRef}\n      mode={mode}\n      label={label ?? t('condition_builder_possible_values_label')}\n      placeholder={\n        placeholder ??\n        (mode === 'single-select'\n          ? t('condition_builder_single_selection_text_default')\n          : t('condition_builder_multi_selection_text_default'))\n      }\n      value={filterValue}\n      onChange={e => {\n        setFilterValue(e.target.value);\n        setHasMore(true);\n      }}\n      onBlur={() => {\n        onBlur?.(selections);\n        setFilterValue('');\n      }}\n      menu={{\n        items,\n        onItemClick: id => {\n          setFilterValue('');\n          if (mode === 'single-select') {\n            setSelections(id);\n          } else {\n            setSelections(cur => {\n              const current = cur as string[];\n              return current.includes(id)\n                ? current.filter(selection => selection !== id)\n                : [...cur, id];\n            });\n          }\n        },\n        loading,\n        loadMore: hasMore ? loadMore : undefined\n      }}\n      selected={getSelections()}\n      status={status}\n      info={info}\n      actions={\n        onClear &&\n        selections.length > 0 && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              setSelections([]);\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ValueSelector;\n"]}

package/lib/components/ConditionInput/ConditionInput.js

@@ -7,7 +7,7 @@ import ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';
 import { truncateISODateString } from '../ConditionBuilder/RhsControls';
 import { convertTimeValueToMs } from '../ConditionBuilder/core/time-utils';
 import { StyledVerticalAtomicCondition, StyledConditionRadioGroup, StyledVerticalFieldGroup } from './ConditionInput.styles';
-import { basicFieldMap, defaultComparators, compareValues, compareRangeValues, compareCondition } from './utils';
+import { basicFieldMap, defaultComparators, valuesEqual, rangeValuesEqual, conditionsEqual } from './utils';
 const isDateValid = (dateTimeParam) => {
     return dateTimeParam.valueAsISOString && !dateTimeParam.state;
 };
@@ -119,13 +119,13 @@ const ConditionInput = forwardRef(({ field: fieldProp, condition: conditionProp,
     const handleBlur = () => {
         const newValue = typeof inputValue === 'string' ? inputValue.trim() : inputValue;
         // trigger onChange only when value has changed
-        if (!compareValues(rhsValue, newValue)) {
+        if (!valuesEqual(rhsValue, newValue)) {
             onChange(newValue ? createConditionForDefaultMode(newValue) : undefined);
         }
     };
     const handleRangeUpdate = (newRangeValue) => {
         // trigger onChange only when value has changed
-        if (!compareRangeValues(rhsRangeValue, newRangeValue)) {
+        if (!rangeValuesEqual(rhsRangeValue, newRangeValue)) {
             onChange(createConditionForRange(newRangeValue));
         }
     };
@@ -267,7 +267,7 @@ const ConditionInput = forwardRef(({ field: fieldProp, condition: conditionProp,
         return showAdvanced ? (_jsx(StyledVerticalAtomicCondition, { collapsible: true, actions: [{ id: 'clear', text: t('clear'), onClick: clear }], condition: newCondition ??
                 getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])), onBlur: (value) => {
                 // comparing with conditionProp as it is not initialized as default condition
-                if (!compareCondition(value, conditionProp)) {
+                if (!conditionsEqual(value, conditionProp)) {
                     onChange(value);
                 }
                 setStatus(newConditionStatus.current);

package/lib/components/ConditionInput/ConditionInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionInput.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EAGV,QAAQ,EAER,SAAS,EACT,mBAAmB,EACnB,MAAM,EACP,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,cAAc,EAGd,OAAO,EACP,KAAK,EACL,WAAW,EACX,OAAO,EACP,gBAAgB,EAChB,cAAc,EACd,cAAc,EACd,MAAM,EACN,gBAAgB,EAChB,gBAAgB,EAGjB,MAAM,yBAAyB,CAAC;AAOjC,OAAO,eAAe,EAAE,EAEtB,sBAAsB,EACtB,gBAAgB,EACjB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAMjE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAC1E,OAAO,EAAE,qBAAqB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAG3E,OAAO,EACL,6BAA6B,EAC7B,yBAAyB,EACzB,wBAAwB,EACzB,MAAM,yBAAyB,CAAC;AACjC,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,GAAG,CAAC,aAAwC,EAAE,EAAE;IAC/D,OAAO,aAAa,CAAC,gBAAgB,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC;AAChE,CAAC,CAAC;AAEF,MAAM,aAAa,GAAG,IAAI,GAAG,CAAU,CAAC,SAAS,EAAE,eAAe,EAAE,eAAe,CAAC,CAAC,CAAC;AAEtF,MAAM,aAAa,GAAwB;IACzC,SAAS,EAAE;QACT,OAAO;QACP,UAAU;QACV,QAAQ;QACR,OAAO;QACP,MAAM;QACN,OAAO;QACP,SAAS;QACT,SAAS;QACT,gBAAgB;QAChB,eAAe;QACf,cAAc;QACd,cAAc;KACf;IACD,SAAS,EAAE;QACT,OAAO;QACP,UAAU;QACV,QAAQ;QACR,OAAO;QACP,gBAAgB;QAChB,eAAe;QACf,cAAc;KACf;CACF,CAAC;AAEF,MAAM,cAAc,GAA0D,UAAU,CACtF,CACE,EACE,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,KAAK,EACZ,MAAM,EAC+B,EACvC,GAA+B,EAC/B,EAAE;IACF,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IACpB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAExD,MAAM,KAAK,GAAU;QACnB,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK,IAAI,SAAS;KAC5B,CAAC;IAEF,MAAM,MAAM,GAAmC,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,6BAA6B,GAAG,CAAC,KAAwB,EAAiB,EAAE;QAChF,IAAI,QAA8B,CAAC;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,QAAQ,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;;YAClD,QAAQ,GAAG,EAAE,KAAK,EAAE,CAAC;QAE1B,OAAO;YACL,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YACzB,UAAU,EAAE,kBAAkB,CAAC,SAAS,CAAC;YACzC,GAAG,EAAE,QAAQ;SACd,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,KAAiC,EAAE,EAAE;QACjE,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC,GAAG,CAAC;YAAE,OAAO,SAAS,CAAC;QAE3E,MAAM,mBAAmB,GAAG,qBAAqB,CAC/C,KAAK,CAAC,KAAK,CAAC,gBAAgB,IAAI,EAAE,EAClC,SAAS,CACV,CAAC;QACF,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,KAAK,CAAC,GAAG,CAAC,gBAAgB,IAAI,EAAE,EAAE,SAAS,CAAC,CAAC;QAC7F,OAAO;YACL,KAAK,EACH,SAAS,KAAK,WAAW;gBACvB,CAAC,CAAC,oBAAoB,CAAC,mBAAmB,CAAC;gBAC3C,CAAC,CAAC,mBAAmB;YACzB,GAAG,EAAE,SAAS,KAAK,WAAW,CAAC,CAAC,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,iBAAiB;SAC7F,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,uBAAuB,GAAG,CAC9B,KAKa,EACc,EAAE;QAC7B,IAAI,CAAC,KAAK,IAAI,KAAK,CAAC,KAAK,KAAK,SAAS,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS;YAAE,OAAO;QAE3E,OAAO;YACL,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YACzB,UAAU,EAAE,kBAAkB,CAAC,SAAS,CAAC;YACzC,6DAA6D;YAC7D,GAAG,EAAE,EAAE,GAAG,KAAK,EAAsD;SACtE,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GACpB,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,MAAM,SAAS,GACb,aAAa;QACb,CAAC,SAAS,KAAK,SAAS;YACtB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,sBAAsB,CACpB,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,MAAM,EACN,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EACpB,gBAAgB,CACjB,CAAC,CAAC;IAET,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IAEvF,6GAA6G;IAC7G,MAAM,kBAAkB,GAAG,MAAM,CAAsB,SAAS,CAAC,CAAC;IAElE,6BAA6B;IAC7B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAA6B,SAAS,CAAC,CAAC;IAE5E,IAAI,QAAQ,GAAkC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACxF,IAAI,aAES,CAAC;IAEd,IAAI,SAAS,EAAE,GAAG,EAAE;QAClB,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE;YACnC,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAC3C;aAAM,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;YAC3C,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC7C;aAAM,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE;YAC1C,aAAa,GAAG,EAAE,KAAK,EAAE,SAAS,CAAC,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;SACxE;KACF;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvD,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,iEAAiE;QACjE,0CAA0C;QAC1C,IAAI,CAAC,kBAAkB,CAAC,OAAO;YAAE,eAAe,CAAC,SAAS,CAAC,CAAC;QAC5D,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,kBAAkB,CAAC,aAAa,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,MAAM,QAAQ,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC;QACjF,+CAA+C;QAC/C,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,QAAQ,CAAC,EAAE;YACtC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,6BAA6B,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC1E;IACH,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,aAG1B,EAAE,EAAE;QACH,+CAA+C;QAC/C,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,aAAa,CAAC,EAAE;YACrD,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,CAAC,CAAC;SAClD;IACH,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,aAGxB,EAAE,EAAE;QACH,kEAAkE;QAClE,kEAAkE;QAClE,IACE,aAAa;YACb,CAAC,CAAC,aAAa,CAAC,KAAK,KAAK,SAAS,IAAI,aAAa,CAAC,GAAG,KAAK,SAAS,CAAC;gBACrE,CAAC,aAAa,CAAC,GAAG,KAAK,SAAS,IAAI,aAAa,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,EACzE;YACA,SAAS,CAAC,OAAO,CAAC,CAAC;SACpB;aAAM;YACL,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;QAED,iBAAiB,CAAC,aAAa,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,aAAyC,EAAE,EAAE;QACxE,sEAAsE;QACtE,kGAAkG;QAClG,IACE,CAAC,aAAa,CAAC,KAAK,CAAC,gBAAgB,KAAK,SAAS;YACjD,aAAa,CAAC,GAAG,CAAC,gBAAgB,KAAK,SAAS,CAAC;YACnD,CAAC,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,EACtE;YACA,SAAS,CAAC,OAAO,CAAC,CAAC;SACpB;aAAM;YACL,SAAS,CAAC,SAAS,CAAC,CAAC;SACtB;QAED,iBAAiB,CAAC,oBAAoB,CAAC,aAAa,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAe,EAAE,EAAE;QAC9C,MAAM,gBAAgB,GACpB,KAAK,KAAK,SAAS;YACjB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzB,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;aAC3C,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,MAAM,CAAc,IAAI,CAAC,CAAC;IAE9C,MAAM,KAAK,GAAG,GAAG,EAAE;QACjB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,kBAAkB,CAAC,SAAS,CAAC,CAAC;QAC9B,kBAAkB,CAAC,OAAO,GAAG,SAAS,CAAC;QACvC,SAAS,CAAC,SAAS,CAAC,CAAC;QACrB,IAAI,WAAW,CAAC,OAAO;YAAE,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;IACvD,CAAC,CAAC;IAEF,mBAAmB,CACjB,MAAM,EACN,GAAG,EAAE,CAAC,CAAC;QACL,KAAK;KACN,CAAC,EACF,CAAC,KAAK,CAAC,CACR,CAAC;IAEF,MAAM,0BAA0B,GAAG,CAAC,KAAiC,EAAE,EAAE;QACvE,kBAAkB,CAAC;YACjB,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,gBAAgB,IAAI,SAAS;YAChD,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,gBAAgB,IAAI,SAAS;SAC7C,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,KAAK,UAAU,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC;IAEhG,IAAI,cAAc,GAAuB,IAAI,CAAC;IAE9C,MAAM,UAAU,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,IAAI,CAAC,YAAY,EAAE;QACjB,QAAQ,SAAS,EAAE;YACjB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS,CAAC;YACf,KAAK,YAAY,CAAC;YAClB,KAAK,UAAU;gBACb,cAAc,GAAG,CACf,KAAC,gBAAgB,IACf,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE;wBACL,KAAK,EAAE,eAAe,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE;wBAC/C,GAAG,EAAE,eAAe,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE;qBAC5C,EACD,QAAQ,EAAE,kBAAkB,EAC5B,MAAM,EAAE,aAAa,CAAC,EAAE;wBACtB,eAAe,CAAC;4BACd,KAAK,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS;4BACpE,GAAG,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;yBAC/D,CAAC,CAAC;oBACL,CAAC,EACD,gBAAgB,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EACzD,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,wCAAwC,CAAC,CAAC,CAAC,CAAC,SAAS,EAClF,MAAM,EAAE,WAAW,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,SAAS;gBACZ,cAAc,GAAG,CACf,MAAC,gBAAgB,IACf,EAAE,EAAE,yBAAyB,EAC7B,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,SAAS,EACf,MAAM,mBAEN,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,EACpB,OAAO,EAAE,SAAS,KAAK,SAAS,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,GACrC,EACF,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,SAAS,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,GACzC,EACF,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,UAAU,EAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAC1C,IACe,CACpB,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,KAAK,EACH,eAAe;wBACb,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,eAAe,CAAC,GAAG,EAAE;wBAC5D,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,0BAA0B,EACpC,MAAM,EAAE,mBAAmB,EAC3B,SAAS,EAAC,EAAE,EACZ,OAAO,EAAC,EAAE,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,MAAM,EAAE,WAAW,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,KAAK,EACH,eAAe;wBACb,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,eAAe,CAAC,GAAG,EAAE;wBAC5D,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,0BAA0B,EACpC,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,MAAM,EAAE,WAAW,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,cAAc,IACb,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,KAAK,EACH,eAAe;wBACb,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,KAAK,EAAE,GAAG,EAAE,eAAe,CAAC,GAAG,EAAE;wBAC5D,CAAC,CAAC,SAAS,EAEf,QAAQ,EAAE,0BAA0B,EACpC,MAAM,EAAE,mBAAmB,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,sCAAsC,CAAC,CAAC,CAAC,CAAC,SAAS,EAChF,MAAM,EAAE,WAAW,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,UAAU;gBACb,cAAc,GAAG,CACf,KAAC,aAAa,IACZ,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,EAC/B,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,UAAU,IAAI,EAAE,EACxB,aAAa,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAC9C,UAAU,EAAE,SAAS,EAAE,UAAU,IAAI,kBAAkB,CAAC,SAAS,CAAC,EAClE,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;oBACtD,CAAC,EACD,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,KAAK,EACd,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EACrB,UAAU,EAAE,EAAE,EACd,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,EACnB,MAAM,EAAE,WAAW,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,KAAK,CAAC;YACX,KAAK,OAAO,CAAC;YACb;gBACE,cAAc,GAAG,CACf,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7E,MAAM,EAAE,UAAU,GAClB,CACH,CAAC;gBACF,MAAM;SACT;KACF;IAED,MAAM,MAAM,GAAuE;QACjF,QAAQ,EAAE,eAAe;QACzB,aAAa,EAAE;YACb,SAAS,EACP,YAAY;gBACZ,sBAAsB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5E,MAAM;YACN,QAAQ,EAAE,eAAe;YACzB,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,QAAQ;YACjB,aAAa;YACb,aAAa;YACb,cAAc,EAAE,CAAC,CAAC,MAAM;SACzB;QACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACtB,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,SAAS,CAAC,SAAS,CAAC,CAAC;YACrB,KAAK,EAAE,CAAC;QACV,CAAC;QACD,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACrB,SAAS,CAAC,SAAS,CAAC,CAAC;YAErB,IAAI,YAAY,KAAK,SAAS,IAAI,gBAAgB,CAAC,YAAY,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;gBAC9E,QAAQ,CAAC,YAAY,CAAC,CAAC;gBACvB,KAAK,EAAE,CAAC;aACT;iBAAM;gBACL,SAAS,CAAC,OAAO,CAAC,CAAC;aACpB;QACH,CAAC;KACF,CAAC;IAEF,IAAI,IAAI,EAAE;QACR,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,6BAA6B,IAC5B,WAAW,QACX,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAC5D,SAAS,EACP,YAAY;gBACZ,sBAAsB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAE5E,MAAM,EAAE,CAAC,KAAoB,EAAE,EAAE;gBAC/B,6EAA6E;gBAC7E,IAAI,CAAC,gBAAgB,CAAC,KAAK,EAAE,aAAa,CAAC,EAAE;oBAC3C,QAAQ,CAAC,KAAK,CAAC,CAAC;iBACjB;gBAED,SAAS,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;YACxC,CAAC,EACD,QAAQ,EAAE,CAAC,KAAoB,EAAE,eAAyB,EAAE,EAAE;gBAC5D,kBAAkB,CAAC,OAAO,GAAG,eAAe,CAAC;gBAC7C,eAAe,CAAC,KAAK,CAAC,CAAC;YACzB,CAAC,EACD,MAAM,EAAE,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,MAAM,KAAK,OAAO,EAClC,GAAG,EAAE,GAAG,EACR,MAAM,EAAE,WAAW,GACnB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,wBAAwB,IACvB,IAAI,EAAE,KAAK,EACX,WAAW,QACX,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,YAE3D,cAAc,GACU,CAC5B,CAAC;KACH;IAED,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,KAAK,EACH,aAAa;gBACX,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;oBACvD,MAAM;oBACN,OAAO,EAAE,IAAI;iBACd,CAAC;gBACJ,CAAC,CAAC,SAAS,EAEf,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EACrB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;KACH;IAED,OAAO,cAAc,CAAC;AACxB,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useEffect,\n  useImperativeHandle,\n  useRef\n} from 'react';\n\nimport {\n  CompositeInput,\n  CompositeInputProps,\n  ForwardProps,\n  hasProp,\n  Input,\n  RadioButton,\n  useI18n,\n  useConfiguration,\n  DateRangeInput,\n  TimeRangeInput,\n  useUID,\n  NumberRangeInput,\n  RadioButtonGroup,\n  FormControlProps,\n  HandleValue\n} from '@pega/cosmos-react-core';\nimport {\n  DateRangeCallbackParameter,\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\n\nimport type { ComparatorsByType, RHSType } from '../ConditionBuilder/core/types';\nimport AtomicCondition, {\n  AtomicConditionProps,\n  getInitConditionForLhs,\n  isValidCondition\n} from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport type {\n  DateFunctionsByType,\n  Field,\n  LeafCondition\n} from '../ConditionBuilder/ConditionBuilder.types';\nimport ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';\nimport { truncateISODateString } from '../ConditionBuilder/RhsControls';\nimport { convertTimeValueToMs } from '../ConditionBuilder/core/time-utils';\n\nimport type { ConditionInputProps } from './ConditionInput.types';\nimport {\n  StyledVerticalAtomicCondition,\n  StyledConditionRadioGroup,\n  StyledVerticalFieldGroup\n} from './ConditionInput.styles';\nimport {\n  basicFieldMap,\n  defaultComparators,\n  compareValues,\n  compareRangeValues,\n  compareCondition\n} from './utils';\n\nconst isDateValid = (dateTimeParam: DateTimeCallbackParameter) => {\n  return dateTimeParam.valueAsISOString && !dateTimeParam.state;\n};\n\nconst validRhsTypes = new Set<RHSType>(['LITERAL', 'RELATIVE_DATE', 'DATE_FUNCTION']);\n\nconst dateFunctions: DateFunctionsByType = {\n  DATE_TIME: [\n    'YEARS',\n    'QUARTERS',\n    'MONTHS',\n    'WEEKS',\n    'DAYS',\n    'HOURS',\n    'MINUTES',\n    'SECONDS',\n    'MONTHS_OF_YEAR',\n    'DAYS_OF_MONTH',\n    'DAYS_OF_WEEK',\n    'HOURS_OF_DAY'\n  ],\n  DATE_ONLY: [\n    'YEARS',\n    'QUARTERS',\n    'MONTHS',\n    'WEEKS',\n    'MONTHS_OF_YEAR',\n    'DAYS_OF_MONTH',\n    'DAYS_OF_WEEK'\n  ]\n};\n\nconst ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps> = forwardRef(\n  (\n    {\n      field: fieldProp,\n      condition: conditionProp,\n      label,\n      mode,\n      onChange,\n      flat = false,\n      handle\n    }: PropsWithoutRef<ConditionInputProps>,\n    ref: ConditionInputProps['ref']\n  ) => {\n    const id = useUID();\n    const t = useI18n();\n    const { locale } = useConfiguration();\n\n    const { name: fieldName, type: fieldType } = fieldProp;\n    const basicType = basicFieldMap[fieldType] ?? fieldType;\n\n    const field: Field = {\n      id: fieldName,\n      type: basicType,\n      primary: label ?? fieldName\n    };\n\n    const fields: AtomicConditionProps['fields'] = [field];\n\n    const createConditionForDefaultMode = (value: string | string[]): LeafCondition => {\n      let valueObj: LeafCondition['rhs'];\n      if (Array.isArray(value)) valueObj = { values: value };\n      else valueObj = { value };\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        rhs: valueObj\n      };\n    };\n\n    const convertDateTimeValue = (range: DateRangeCallbackParameter) => {\n      if (!isDateValid(range.start) || !isDateValid(range.end)) return undefined;\n\n      const truncatedStartValue = truncateISODateString(\n        range.start.valueAsISOString ?? '',\n        basicType\n      );\n      const truncatedEndValue = truncateISODateString(range.end.valueAsISOString ?? '', basicType);\n      return {\n        start:\n          fieldType === 'TIME_ONLY'\n            ? convertTimeValueToMs(truncatedStartValue)\n            : truncatedStartValue,\n        end: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedEndValue) : truncatedEndValue\n      };\n    };\n\n    const createConditionForRange = (\n      value:\n        | {\n            start: string | number | undefined;\n            end: string | number | undefined;\n          }\n        | undefined\n    ): LeafCondition | undefined => {\n      if (!value || value.start === undefined || value.end === undefined) return;\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        // undefined checked before, type added to satisfy typescript\n        rhs: { ...value } as { start: string | number; end: string | number }\n      };\n    };\n\n    const validComparators: ComparatorsByType[] | undefined =\n      fieldType === 'PICKLIST' ? [{ type: 'TEXT', comparators: ['IN'] }] : undefined;\n\n    const condition =\n      conditionProp ??\n      (fieldType === 'BOOLEAN'\n        ? undefined\n        : getInitConditionForLhs(\n            { field: fieldName },\n            fields,\n            new Set(['LITERAL']),\n            validComparators\n          ));\n\n    const [newCondition, setNewCondition] = useState<LeafCondition | undefined>(condition);\n\n    // holds current status of condition to control if invalid values are kept in forms and errors are displaying\n    const newConditionStatus = useRef<'error' | undefined>(undefined);\n\n    // status of the form control\n    const [status, setStatus] = useState<FormControlProps['status']>(undefined);\n\n    let rhsValue: string | string[] | undefined = fieldType === 'PICKLIST' ? [] : undefined;\n    let rhsRangeValue:\n      | { start: string | number | undefined; end: string | number | undefined }\n      | undefined;\n\n    if (condition?.rhs) {\n      if (hasProp(condition.rhs, 'value')) {\n        rhsValue = condition.rhs.value.toString();\n      } else if (hasProp(condition.rhs, 'values')) {\n        rhsValue = condition.rhs.values.map(String);\n      } else if (hasProp(condition.rhs, 'start')) {\n        rhsRangeValue = { start: condition.rhs.start, end: condition.rhs.end };\n      }\n    }\n\n    const [inputValue, setInputValue] = useState(rhsValue);\n    const [rangeInputValue, setRangeInputValue] = useState(rhsRangeValue);\n\n    useEffect(() => {\n      // condition state is updated only when condition status is valid\n      // allows to keep invalid values in inputs\n      if (!newConditionStatus.current) setNewCondition(condition);\n      setInputValue(rhsValue);\n      setRangeInputValue(rhsRangeValue);\n    }, [conditionProp]);\n\n    const handleBlur = () => {\n      const newValue = typeof inputValue === 'string' ? inputValue.trim() : inputValue;\n      // trigger onChange only when value has changed\n      if (!compareValues(rhsValue, newValue)) {\n        onChange(newValue ? createConditionForDefaultMode(newValue) : undefined);\n      }\n    };\n\n    const handleRangeUpdate = (newRangeValue?: {\n      start: string | number | undefined;\n      end: string | number | undefined;\n    }) => {\n      // trigger onChange only when value has changed\n      if (!compareRangeValues(rhsRangeValue, newRangeValue)) {\n        onChange(createConditionForRange(newRangeValue));\n      }\n    };\n\n    const handleRangeBlur = (newRangeValue?: {\n      start: string | number | undefined;\n      end: string | number | undefined;\n    }) => {\n      // if both values are undefined, condition is treated as undefined\n      // if only one value is undefined, condition is treated as invalid\n      if (\n        newRangeValue &&\n        ((newRangeValue.start === undefined && newRangeValue.end !== undefined) ||\n          (newRangeValue.end === undefined && newRangeValue.start !== undefined))\n      ) {\n        setStatus('error');\n      } else {\n        setStatus(undefined);\n      }\n\n      handleRangeUpdate(newRangeValue);\n    };\n\n    const handleDateRangeBlur = (newRangeValue: DateRangeCallbackParameter) => {\n      // if both timestamps are undefined, condition is treated as undefined\n      // if only one value is undefined, or any of them is invalid, then condition is treated as invalid\n      if (\n        (newRangeValue.start.valueAsTimestamp !== undefined ||\n          newRangeValue.end.valueAsTimestamp !== undefined) &&\n        (!isDateValid(newRangeValue.start) || !isDateValid(newRangeValue.end))\n      ) {\n        setStatus('error');\n      } else {\n        setStatus(undefined);\n      }\n\n      handleRangeUpdate(convertDateTimeValue(newRangeValue));\n    };\n\n    const onRadioButtonChange = (value?: boolean) => {\n      const updatedCondition: LeafCondition | undefined =\n        value === undefined\n          ? undefined\n          : {\n              lhs: { field: fieldName },\n              comparator: value ? 'IS_TRUE' : 'IS_FALSE'\n            };\n      onChange(updatedCondition);\n    };\n\n    const clearHandle = useRef<HandleValue>(null);\n\n    const clear = () => {\n      onChange(undefined);\n      setNewCondition(undefined);\n      setRangeInputValue(undefined);\n      newConditionStatus.current = undefined;\n      setStatus(undefined);\n      if (clearHandle.current) clearHandle.current.clear();\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        clear\n      }),\n      [clear]\n    );\n\n    const handleDateRangeValueChange = (value: DateRangeCallbackParameter) => {\n      setRangeInputValue({\n        start: value.start.valueAsISOString || undefined,\n        end: value.end.valueAsISOString || undefined\n      });\n    };\n\n    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN' && fieldType !== 'PICKLIST';\n\n    let defaultControl: JSX.Element | null = null;\n\n    const valueToSet = typeof inputValue === 'string' ? inputValue : undefined;\n\n    if (!showAdvanced) {\n      switch (fieldType) {\n        case 'INTEGER':\n        case 'DECIMAL':\n        case 'PERCENTAGE':\n        case 'CURRENCY':\n          defaultControl = (\n            <NumberRangeInput\n              id={id}\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={{\n                start: rangeInputValue?.start?.toString() ?? '',\n                end: rangeInputValue?.end?.toString() ?? ''\n              }}\n              onChange={setRangeInputValue}\n              onBlur={newRangeValue => {\n                handleRangeBlur({\n                  start: newRangeValue.start ? Number(newRangeValue.start) : undefined,\n                  end: newRangeValue.end ? Number(newRangeValue.end) : undefined\n                });\n              }}\n              numberOfDecimals={fieldType === 'INTEGER' ? 0 : undefined}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_number_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'BOOLEAN':\n          defaultControl = (\n            <RadioButtonGroup\n              as={StyledConditionRadioGroup}\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              name={fieldName}\n              inline\n            >\n              <RadioButton\n                label={t('show_all')}\n                checked={condition === undefined}\n                onChange={() => onRadioButtonChange()}\n              />\n              <RadioButton\n                label={t('boolean_display_true_label')}\n                checked={condition?.comparator === 'IS_TRUE'}\n                onChange={() => onRadioButtonChange(true)}\n              />\n              <RadioButton\n                label={t('boolean_display_false_label')}\n                checked={condition?.comparator === 'IS_FALSE'}\n                onChange={() => onRadioButtonChange(false)}\n              />\n            </RadioButtonGroup>\n          );\n          break;\n        case 'DATE_ONLY':\n          defaultControl = (\n            <DateRangeInput\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              fromLabel=''\n              toLabel=''\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_date_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'TIME_ONLY':\n          defaultControl = (\n            <TimeRangeInput\n              id={id}\n              ref={ref}\n              mode='time'\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_time_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'DATE_TIME':\n          defaultControl = (\n            <TimeRangeInput\n              id={id}\n              ref={ref}\n              mode='datetime'\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_date_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'PICKLIST':\n          defaultControl = (\n            <ValueSelector\n              label={flat ? undefined : label}\n              mode='multi-select'\n              values={inputValue ?? []}\n              selectedField={{ id: fieldName, ...fieldProp }}\n              comparator={condition?.comparator ?? defaultComparators[fieldType]}\n              onChange={value => {\n                setInputValue(value.length > 0 ? value : undefined);\n              }}\n              onBlur={handleBlur}\n              onClear={clear}\n              placeholder={t('all')}\n              parameters={[]}\n              rhs={{ values: [] }}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'TEXT':\n        case 'EMAIL':\n        case 'URL':\n        case 'PHONE':\n        default:\n          defaultControl = (\n            <Input\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              value={valueToSet}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}\n              onBlur={handleBlur}\n            />\n          );\n          break;\n      }\n    }\n\n    const dialog: CompositeInputProps<AtomicConditionProps & ForwardProps>['dialog'] = {\n      renderer: AtomicCondition,\n      rendererProps: {\n        condition:\n          newCondition ??\n          getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),\n        fields,\n        onChange: setNewCondition,\n        itemDirection: 'column',\n        lhsMode: 'hidden',\n        validRhsTypes,\n        dateFunctions,\n        indicateErrors: !!status\n      },\n      onCancel: ({ close }) => {\n        setNewCondition(condition);\n        setStatus(undefined);\n        close();\n      },\n      onApply: ({ close }) => {\n        setStatus(undefined);\n\n        if (newCondition === undefined || isValidCondition(newCondition, fields, true)) {\n          onChange(newCondition);\n          close();\n        } else {\n          setStatus('error');\n        }\n      }\n    };\n\n    if (flat) {\n      return showAdvanced ? (\n        <StyledVerticalAtomicCondition\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: clear }]}\n          condition={\n            newCondition ??\n            getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL']))\n          }\n          onBlur={(value: LeafCondition) => {\n            // comparing with conditionProp as it is not initialized as default condition\n            if (!compareCondition(value, conditionProp)) {\n              onChange(value);\n            }\n\n            setStatus(newConditionStatus.current);\n          }}\n          onChange={(value: LeafCondition, conditionStatus?: 'error') => {\n            newConditionStatus.current = conditionStatus;\n            setNewCondition(value);\n          }}\n          fields={fields}\n          itemDirection='column'\n          lhsMode='label'\n          validRhsTypes={validRhsTypes}\n          dateFunctions={dateFunctions}\n          indicateErrors={status === 'error'}\n          ref={ref}\n          handle={clearHandle}\n        />\n      ) : (\n        <StyledVerticalFieldGroup\n          name={label}\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: clear }]}\n        >\n          {defaultControl}\n        </StyledVerticalFieldGroup>\n      );\n    }\n\n    if (showAdvanced) {\n      return (\n        <CompositeInput\n          dialog={dialog}\n          label={label}\n          onClear={clear}\n          value={\n            conditionProp\n              ? formatCondition({ condition: conditionProp }, fields, t, {\n                  locale,\n                  omitLhs: true\n                })\n              : undefined\n          }\n          placeholder={t('all')}\n          ref={ref}\n        />\n      );\n    }\n\n    return defaultControl;\n  }\n);\n\nexport default ConditionInput;\n"]}
+{"version":3,"file":"ConditionInput.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useEffect,\n  useImperativeHandle,\n  useRef\n} from 'react';\n\nimport {\n  CompositeInput,\n  CompositeInputProps,\n  ForwardProps,\n  hasProp,\n  Input,\n  RadioButton,\n  useI18n,\n  useConfiguration,\n  DateRangeInput,\n  TimeRangeInput,\n  useUID,\n  NumberRangeInput,\n  RadioButtonGroup,\n  FormControlProps,\n  HandleValue\n} from '@pega/cosmos-react-core';\nimport {\n  DateRangeCallbackParameter,\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\n\nimport type { ComparatorsByType, RHSType } from '../ConditionBuilder/core/types';\nimport AtomicCondition, {\n  AtomicConditionProps,\n  getInitConditionForLhs,\n  isValidCondition\n} from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport type {\n  DateFunctionsByType,\n  Field,\n  LeafCondition\n} from '../ConditionBuilder/ConditionBuilder.types';\nimport ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';\nimport { truncateISODateString } from '../ConditionBuilder/RhsControls';\nimport { convertTimeValueToMs } from '../ConditionBuilder/core/time-utils';\n\nimport type { ConditionInputProps } from './ConditionInput.types';\nimport {\n  StyledVerticalAtomicCondition,\n  StyledConditionRadioGroup,\n  StyledVerticalFieldGroup\n} from './ConditionInput.styles';\nimport {\n  basicFieldMap,\n  defaultComparators,\n  valuesEqual,\n  rangeValuesEqual,\n  conditionsEqual\n} from './utils';\n\nconst isDateValid = (dateTimeParam: DateTimeCallbackParameter) => {\n  return dateTimeParam.valueAsISOString && !dateTimeParam.state;\n};\n\nconst validRhsTypes = new Set<RHSType>(['LITERAL', 'RELATIVE_DATE', 'DATE_FUNCTION']);\n\nconst dateFunctions: DateFunctionsByType = {\n  DATE_TIME: [\n    'YEARS',\n    'QUARTERS',\n    'MONTHS',\n    'WEEKS',\n    'DAYS',\n    'HOURS',\n    'MINUTES',\n    'SECONDS',\n    'MONTHS_OF_YEAR',\n    'DAYS_OF_MONTH',\n    'DAYS_OF_WEEK',\n    'HOURS_OF_DAY'\n  ],\n  DATE_ONLY: [\n    'YEARS',\n    'QUARTERS',\n    'MONTHS',\n    'WEEKS',\n    'MONTHS_OF_YEAR',\n    'DAYS_OF_MONTH',\n    'DAYS_OF_WEEK'\n  ]\n};\n\nconst ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps> = forwardRef(\n  (\n    {\n      field: fieldProp,\n      condition: conditionProp,\n      label,\n      mode,\n      onChange,\n      flat = false,\n      handle\n    }: PropsWithoutRef<ConditionInputProps>,\n    ref: ConditionInputProps['ref']\n  ) => {\n    const id = useUID();\n    const t = useI18n();\n    const { locale } = useConfiguration();\n\n    const { name: fieldName, type: fieldType } = fieldProp;\n    const basicType = basicFieldMap[fieldType] ?? fieldType;\n\n    const field: Field = {\n      id: fieldName,\n      type: basicType,\n      primary: label ?? fieldName\n    };\n\n    const fields: AtomicConditionProps['fields'] = [field];\n\n    const createConditionForDefaultMode = (value: string | string[]): LeafCondition => {\n      let valueObj: LeafCondition['rhs'];\n      if (Array.isArray(value)) valueObj = { values: value };\n      else valueObj = { value };\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        rhs: valueObj\n      };\n    };\n\n    const convertDateTimeValue = (range: DateRangeCallbackParameter) => {\n      if (!isDateValid(range.start) || !isDateValid(range.end)) return undefined;\n\n      const truncatedStartValue = truncateISODateString(\n        range.start.valueAsISOString ?? '',\n        basicType\n      );\n      const truncatedEndValue = truncateISODateString(range.end.valueAsISOString ?? '', basicType);\n      return {\n        start:\n          fieldType === 'TIME_ONLY'\n            ? convertTimeValueToMs(truncatedStartValue)\n            : truncatedStartValue,\n        end: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedEndValue) : truncatedEndValue\n      };\n    };\n\n    const createConditionForRange = (\n      value:\n        | {\n            start: string | number | undefined;\n            end: string | number | undefined;\n          }\n        | undefined\n    ): LeafCondition | undefined => {\n      if (!value || value.start === undefined || value.end === undefined) return;\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        // undefined checked before, type added to satisfy typescript\n        rhs: { ...value } as { start: string | number; end: string | number }\n      };\n    };\n\n    const validComparators: ComparatorsByType[] | undefined =\n      fieldType === 'PICKLIST' ? [{ type: 'TEXT', comparators: ['IN'] }] : undefined;\n\n    const condition =\n      conditionProp ??\n      (fieldType === 'BOOLEAN'\n        ? undefined\n        : getInitConditionForLhs(\n            { field: fieldName },\n            fields,\n            new Set(['LITERAL']),\n            validComparators\n          ));\n\n    const [newCondition, setNewCondition] = useState<LeafCondition | undefined>(condition);\n\n    // holds current status of condition to control if invalid values are kept in forms and errors are displaying\n    const newConditionStatus = useRef<'error' | undefined>(undefined);\n\n    // status of the form control\n    const [status, setStatus] = useState<FormControlProps['status']>(undefined);\n\n    let rhsValue: string | string[] | undefined = fieldType === 'PICKLIST' ? [] : undefined;\n    let rhsRangeValue:\n      | { start: string | number | undefined; end: string | number | undefined }\n      | undefined;\n\n    if (condition?.rhs) {\n      if (hasProp(condition.rhs, 'value')) {\n        rhsValue = condition.rhs.value.toString();\n      } else if (hasProp(condition.rhs, 'values')) {\n        rhsValue = condition.rhs.values.map(String);\n      } else if (hasProp(condition.rhs, 'start')) {\n        rhsRangeValue = { start: condition.rhs.start, end: condition.rhs.end };\n      }\n    }\n\n    const [inputValue, setInputValue] = useState(rhsValue);\n    const [rangeInputValue, setRangeInputValue] = useState(rhsRangeValue);\n\n    useEffect(() => {\n      // condition state is updated only when condition status is valid\n      // allows to keep invalid values in inputs\n      if (!newConditionStatus.current) setNewCondition(condition);\n      setInputValue(rhsValue);\n      setRangeInputValue(rhsRangeValue);\n    }, [conditionProp]);\n\n    const handleBlur = () => {\n      const newValue = typeof inputValue === 'string' ? inputValue.trim() : inputValue;\n      // trigger onChange only when value has changed\n      if (!valuesEqual(rhsValue, newValue)) {\n        onChange(newValue ? createConditionForDefaultMode(newValue) : undefined);\n      }\n    };\n\n    const handleRangeUpdate = (newRangeValue?: {\n      start: string | number | undefined;\n      end: string | number | undefined;\n    }) => {\n      // trigger onChange only when value has changed\n      if (!rangeValuesEqual(rhsRangeValue, newRangeValue)) {\n        onChange(createConditionForRange(newRangeValue));\n      }\n    };\n\n    const handleRangeBlur = (newRangeValue?: {\n      start: string | number | undefined;\n      end: string | number | undefined;\n    }) => {\n      // if both values are undefined, condition is treated as undefined\n      // if only one value is undefined, condition is treated as invalid\n      if (\n        newRangeValue &&\n        ((newRangeValue.start === undefined && newRangeValue.end !== undefined) ||\n          (newRangeValue.end === undefined && newRangeValue.start !== undefined))\n      ) {\n        setStatus('error');\n      } else {\n        setStatus(undefined);\n      }\n\n      handleRangeUpdate(newRangeValue);\n    };\n\n    const handleDateRangeBlur = (newRangeValue: DateRangeCallbackParameter) => {\n      // if both timestamps are undefined, condition is treated as undefined\n      // if only one value is undefined, or any of them is invalid, then condition is treated as invalid\n      if (\n        (newRangeValue.start.valueAsTimestamp !== undefined ||\n          newRangeValue.end.valueAsTimestamp !== undefined) &&\n        (!isDateValid(newRangeValue.start) || !isDateValid(newRangeValue.end))\n      ) {\n        setStatus('error');\n      } else {\n        setStatus(undefined);\n      }\n\n      handleRangeUpdate(convertDateTimeValue(newRangeValue));\n    };\n\n    const onRadioButtonChange = (value?: boolean) => {\n      const updatedCondition: LeafCondition | undefined =\n        value === undefined\n          ? undefined\n          : {\n              lhs: { field: fieldName },\n              comparator: value ? 'IS_TRUE' : 'IS_FALSE'\n            };\n      onChange(updatedCondition);\n    };\n\n    const clearHandle = useRef<HandleValue>(null);\n\n    const clear = () => {\n      onChange(undefined);\n      setNewCondition(undefined);\n      setRangeInputValue(undefined);\n      newConditionStatus.current = undefined;\n      setStatus(undefined);\n      if (clearHandle.current) clearHandle.current.clear();\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        clear\n      }),\n      [clear]\n    );\n\n    const handleDateRangeValueChange = (value: DateRangeCallbackParameter) => {\n      setRangeInputValue({\n        start: value.start.valueAsISOString || undefined,\n        end: value.end.valueAsISOString || undefined\n      });\n    };\n\n    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN' && fieldType !== 'PICKLIST';\n\n    let defaultControl: JSX.Element | null = null;\n\n    const valueToSet = typeof inputValue === 'string' ? inputValue : undefined;\n\n    if (!showAdvanced) {\n      switch (fieldType) {\n        case 'INTEGER':\n        case 'DECIMAL':\n        case 'PERCENTAGE':\n        case 'CURRENCY':\n          defaultControl = (\n            <NumberRangeInput\n              id={id}\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={{\n                start: rangeInputValue?.start?.toString() ?? '',\n                end: rangeInputValue?.end?.toString() ?? ''\n              }}\n              onChange={setRangeInputValue}\n              onBlur={newRangeValue => {\n                handleRangeBlur({\n                  start: newRangeValue.start ? Number(newRangeValue.start) : undefined,\n                  end: newRangeValue.end ? Number(newRangeValue.end) : undefined\n                });\n              }}\n              numberOfDecimals={fieldType === 'INTEGER' ? 0 : undefined}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_number_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'BOOLEAN':\n          defaultControl = (\n            <RadioButtonGroup\n              as={StyledConditionRadioGroup}\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              name={fieldName}\n              inline\n            >\n              <RadioButton\n                label={t('show_all')}\n                checked={condition === undefined}\n                onChange={() => onRadioButtonChange()}\n              />\n              <RadioButton\n                label={t('boolean_display_true_label')}\n                checked={condition?.comparator === 'IS_TRUE'}\n                onChange={() => onRadioButtonChange(true)}\n              />\n              <RadioButton\n                label={t('boolean_display_false_label')}\n                checked={condition?.comparator === 'IS_FALSE'}\n                onChange={() => onRadioButtonChange(false)}\n              />\n            </RadioButtonGroup>\n          );\n          break;\n        case 'DATE_ONLY':\n          defaultControl = (\n            <DateRangeInput\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              fromLabel=''\n              toLabel=''\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_date_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'TIME_ONLY':\n          defaultControl = (\n            <TimeRangeInput\n              id={id}\n              ref={ref}\n              mode='time'\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_time_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'DATE_TIME':\n          defaultControl = (\n            <TimeRangeInput\n              id={id}\n              ref={ref}\n              mode='datetime'\n              label={label}\n              labelHidden={flat}\n              value={\n                rangeInputValue\n                  ? { start: rangeInputValue.start, end: rangeInputValue.end }\n                  : undefined\n              }\n              onChange={handleDateRangeValueChange}\n              onBlur={handleDateRangeBlur}\n              status={status}\n              info={status === 'error' ? t('condition_builder_invalid_date_range') : undefined}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'PICKLIST':\n          defaultControl = (\n            <ValueSelector\n              label={flat ? undefined : label}\n              mode='multi-select'\n              values={inputValue ?? []}\n              selectedField={{ id: fieldName, ...fieldProp }}\n              comparator={condition?.comparator ?? defaultComparators[fieldType]}\n              onChange={value => {\n                setInputValue(value.length > 0 ? value : undefined);\n              }}\n              onBlur={handleBlur}\n              onClear={clear}\n              placeholder={t('all')}\n              parameters={[]}\n              rhs={{ values: [] }}\n              handle={clearHandle}\n            />\n          );\n          break;\n        case 'TEXT':\n        case 'EMAIL':\n        case 'URL':\n        case 'PHONE':\n        default:\n          defaultControl = (\n            <Input\n              id={id}\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              value={valueToSet}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}\n              onBlur={handleBlur}\n            />\n          );\n          break;\n      }\n    }\n\n    const dialog: CompositeInputProps<AtomicConditionProps & ForwardProps>['dialog'] = {\n      renderer: AtomicCondition,\n      rendererProps: {\n        condition:\n          newCondition ??\n          getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),\n        fields,\n        onChange: setNewCondition,\n        itemDirection: 'column',\n        lhsMode: 'hidden',\n        validRhsTypes,\n        dateFunctions,\n        indicateErrors: !!status\n      },\n      onCancel: ({ close }) => {\n        setNewCondition(condition);\n        setStatus(undefined);\n        close();\n      },\n      onApply: ({ close }) => {\n        setStatus(undefined);\n\n        if (newCondition === undefined || isValidCondition(newCondition, fields, true)) {\n          onChange(newCondition);\n          close();\n        } else {\n          setStatus('error');\n        }\n      }\n    };\n\n    if (flat) {\n      return showAdvanced ? (\n        <StyledVerticalAtomicCondition\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: clear }]}\n          condition={\n            newCondition ??\n            getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL']))\n          }\n          onBlur={(value: LeafCondition) => {\n            // comparing with conditionProp as it is not initialized as default condition\n            if (!conditionsEqual(value, conditionProp)) {\n              onChange(value);\n            }\n\n            setStatus(newConditionStatus.current);\n          }}\n          onChange={(value: LeafCondition, conditionStatus?: 'error') => {\n            newConditionStatus.current = conditionStatus;\n            setNewCondition(value);\n          }}\n          fields={fields}\n          itemDirection='column'\n          lhsMode='label'\n          validRhsTypes={validRhsTypes}\n          dateFunctions={dateFunctions}\n          indicateErrors={status === 'error'}\n          ref={ref}\n          handle={clearHandle}\n        />\n      ) : (\n        <StyledVerticalFieldGroup\n          name={label}\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: clear }]}\n        >\n          {defaultControl}\n        </StyledVerticalFieldGroup>\n      );\n    }\n\n    if (showAdvanced) {\n      return (\n        <CompositeInput\n          dialog={dialog}\n          label={label}\n          onClear={clear}\n          value={\n            conditionProp\n              ? formatCondition({ condition: conditionProp }, fields, t, {\n                  locale,\n                  omitLhs: true\n                })\n              : undefined\n          }\n          placeholder={t('all')}\n          ref={ref}\n        />\n      );\n    }\n\n    return defaultControl;\n  }\n);\n\nexport default ConditionInput;\n"]}

package/lib/components/ConditionInput/utils.d.ts

@@ -3,13 +3,13 @@ import type { Comparator, FieldType } from '../ConditionBuilder/core/types';
 import type { ConditionFieldType } from './ConditionInput.types';
 export declare const defaultComparators: Record<ConditionFieldType, Comparator>;
 export declare const basicFieldMap: Record<ConditionFieldType, FieldType>;
-export declare const compareValues: (value1: string | string[] | undefined, value2: string | string[] | undefined) => boolean;
-export declare const compareRangeValues: (value1: {
+export declare const valuesEqual: (value1: string | string[] | undefined, value2: string | string[] | undefined) => boolean;
+export declare const rangeValuesEqual: (value1: {
     start: string | number | undefined;
     end: string | number | undefined;
 } | undefined, value2: {
     start: string | number | undefined;
     end: string | number | undefined;
 } | undefined) => boolean;
-export declare const compareCondition: (condition1: LeafCondition | undefined, condition2: LeafCondition | undefined) => boolean;
+export declare const conditionsEqual: (condition1: LeafCondition | undefined, condition2: LeafCondition | undefined) => boolean;
 //# sourceMappingURL=utils.d.ts.map

package/lib/components/ConditionInput/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAc5D,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,SAAS,CActD,CAAC;AAEX,eAAO,MAAM,aAAa,WAChB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,UAC7B,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,YAiBtC,CAAC;AAEF,eAAO,MAAM,kBAAkB,WACrB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,UACpF;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,YAS7F,CAAC;AAEF,eAAO,MAAM,gBAAgB,eACf,aAAa,GAAG,SAAS,cACzB,aAAa,GAAG,SAAS,YA0BtC,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAc5D,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,SAAS,CActD,CAAC;AAEX,eAAO,MAAM,WAAW,WACd,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,UAC7B,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,YAiBtC,CAAC;AAEF,eAAO,MAAM,gBAAgB,WACnB;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,UACpF;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;IAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;CAAE,GAAG,SAAS,YAS7F,CAAC;AAEF,eAAO,MAAM,eAAe,eACd,aAAa,GAAG,SAAS,cACzB,aAAa,GAAG,SAAS,YAoDtC,CAAC"}

package/lib/components/ConditionInput/utils.js

@@ -29,7 +29,7 @@ export const basicFieldMap = {
     DATE_TIME: 'DATE_TIME',
     PICKLIST: 'TEXT'
 };
-export const compareValues = (value1, value2) => {
+export const valuesEqual = (value1, value2) => {
     // both values are undefined
     if (!value1 && !value2)
         return true;
@@ -45,7 +45,7 @@ export const compareValues = (value1, value2) => {
         return false;
     return value1.every((value, index) => value === value2[index]);
 };
-export const compareRangeValues = (value1, value2) => {
+export const rangeValuesEqual = (value1, value2) => {
     // both values are undefined
     if (!value1 && !value2)
         return true;
@@ -54,24 +54,48 @@ export const compareRangeValues = (value1, value2) => {
         return false;
     return value1.start === value2.start && value1.end === value2.end;
 };
-export const compareCondition = (condition1, condition2) => {
+export const conditionsEqual = (condition1, condition2) => {
     // both values are undefined
     if (!condition1 && !condition2)
         return true;
     // only one value is undefined
     if (!condition1 || !condition2)
         return false;
+    // conditions are for different fields
+    if (condition1.lhs?.field !== condition2.lhs?.field)
+        return false;
+    // comparators are different
     if (condition1.comparator !== condition2.comparator)
         return false;
     if (condition1.rhs && condition2.rhs) {
+        // datefunction is first, cause it contains also 'value' prop, so it would fall into next condition block
+        if (hasProp(condition1.rhs, 'dateFunction') && hasProp(condition2.rhs, 'dateFunction')) {
+            return (condition1.rhs.dateFunction === condition2.rhs.dateFunction &&
+                valuesEqual(condition1.rhs.value.toString(), condition2.rhs.value.toString()));
+        }
         if (hasProp(condition1.rhs, 'value') && hasProp(condition2.rhs, 'value')) {
-            return compareValues(condition1.rhs.value.toString(), condition2.rhs.value.toString());
+            if (typeof condition1.rhs.value !== typeof condition2.rhs.value)
+                return false;
+            return valuesEqual(condition1.rhs.value.toString(), condition2.rhs.value.toString());
         }
         if (hasProp(condition1.rhs, 'values') && hasProp(condition2.rhs, 'values')) {
-            return compareValues(condition1.rhs.values.map(p => p.toString()), condition2.rhs.values.map(p => p.toString()));
+            if (typeof condition1.rhs.values[0] !== typeof condition2.rhs.values[0])
+                return false;
+            return valuesEqual(condition1.rhs.values.map(p => p.toString()), condition2.rhs.values.map(p => p.toString()));
         }
         if (hasProp(condition1.rhs, 'start') && hasProp(condition2.rhs, 'start')) {
-            return compareRangeValues(condition1.rhs, condition2.rhs);
+            return rangeValuesEqual(condition1.rhs, condition2.rhs);
+        }
+        if (hasProp(condition1.rhs, 'relativeDate') && hasProp(condition2.rhs, 'relativeDate')) {
+            return (condition1.rhs.relativeDate.datePart === condition2.rhs.relativeDate.datePart &&
+                condition1.rhs.relativeDate.interval === condition2.rhs.relativeDate.interval &&
+                condition1.rhs.relativeDate.timePeriod === condition2.rhs.relativeDate.timePeriod);
+        }
+        if (hasProp(condition1.rhs, 'field') && hasProp(condition2.rhs, 'field')) {
+            return condition1.rhs.field === condition2.rhs.field;
+        }
+        if (hasProp(condition1.rhs, 'parameterId') && hasProp(condition2.rhs, 'parameterId')) {
+            return condition1.rhs.parameterId === condition2.rhs.parameterId;
         }
     }
     return false;

package/lib/components/ConditionInput/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { hasProp } from '@pega/cosmos-react-core';\n\nimport { LeafCondition } from '../ConditionBuilder';\nimport type { Comparator, FieldType } from '../ConditionBuilder/core/types';\n\nimport type { ConditionFieldType } from './ConditionInput.types';\n\nexport const defaultComparators: Record<ConditionFieldType, Comparator> = {\n  TEXT: 'CONTAINS',\n  EMAIL: 'CONTAINS',\n  URL: 'CONTAINS',\n  PHONE: 'CONTAINS',\n  INTEGER: 'BTW',\n  DECIMAL: 'BTW',\n  PERCENTAGE: 'BTW',\n  CURRENCY: 'BTW',\n  BOOLEAN: 'IS_TRUE',\n  DATE_ONLY: 'BTW',\n  TIME_ONLY: 'BTW',\n  DATE_TIME: 'BTW',\n  PICKLIST: 'IN'\n} as const;\n\nexport const basicFieldMap: Record<ConditionFieldType, FieldType> = {\n  EMAIL: 'TEXT',\n  URL: 'TEXT',\n  PHONE: 'TEXT',\n  INTEGER: 'NUMBER',\n  DECIMAL: 'NUMBER',\n  PERCENTAGE: 'NUMBER',\n  CURRENCY: 'NUMBER',\n  TEXT: 'TEXT',\n  BOOLEAN: 'BOOLEAN',\n  DATE_ONLY: 'DATE_ONLY',\n  TIME_ONLY: 'TIME_ONLY',\n  DATE_TIME: 'DATE_TIME',\n  PICKLIST: 'TEXT'\n} as const;\n\nexport const compareValues = (\n  value1: string | string[] | undefined,\n  value2: string | string[] | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  // for strings compare only value\n  if (typeof value1 === 'string') {\n    return value1 === value2;\n  }\n\n  // for arrays compare length and every value\n  if (value1.length !== value2.length) return false;\n\n  return value1.every((value, index) => value === value2[index]);\n};\n\nexport const compareRangeValues = (\n  value1: { start: string | number | undefined; end: string | number | undefined } | undefined,\n  value2: { start: string | number | undefined; end: string | number | undefined } | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  return value1.start === value2.start && value1.end === value2.end;\n};\n\nexport const compareCondition = (\n  condition1: LeafCondition | undefined,\n  condition2: LeafCondition | undefined\n) => {\n  // both values are undefined\n  if (!condition1 && !condition2) return true;\n\n  // only one value is undefined\n  if (!condition1 || !condition2) return false;\n\n  if (condition1.comparator !== condition2.comparator) return false;\n\n  if (condition1.rhs && condition2.rhs) {\n    if (hasProp(condition1.rhs, 'value') && hasProp(condition2.rhs, 'value')) {\n      return compareValues(condition1.rhs.value.toString(), condition2.rhs.value.toString());\n    }\n    if (hasProp(condition1.rhs, 'values') && hasProp(condition2.rhs, 'values')) {\n      return compareValues(\n        condition1.rhs.values.map(p => p.toString()),\n        condition2.rhs.values.map(p => p.toString())\n      );\n    }\n    if (hasProp(condition1.rhs, 'start') && hasProp(condition2.rhs, 'start')) {\n      return compareRangeValues(condition1.rhs, condition2.rhs);\n    }\n  }\n\n  return false;\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { hasProp } from '@pega/cosmos-react-core';\n\nimport { LeafCondition } from '../ConditionBuilder';\nimport type { Comparator, FieldType } from '../ConditionBuilder/core/types';\n\nimport type { ConditionFieldType } from './ConditionInput.types';\n\nexport const defaultComparators: Record<ConditionFieldType, Comparator> = {\n  TEXT: 'CONTAINS',\n  EMAIL: 'CONTAINS',\n  URL: 'CONTAINS',\n  PHONE: 'CONTAINS',\n  INTEGER: 'BTW',\n  DECIMAL: 'BTW',\n  PERCENTAGE: 'BTW',\n  CURRENCY: 'BTW',\n  BOOLEAN: 'IS_TRUE',\n  DATE_ONLY: 'BTW',\n  TIME_ONLY: 'BTW',\n  DATE_TIME: 'BTW',\n  PICKLIST: 'IN'\n} as const;\n\nexport const basicFieldMap: Record<ConditionFieldType, FieldType> = {\n  EMAIL: 'TEXT',\n  URL: 'TEXT',\n  PHONE: 'TEXT',\n  INTEGER: 'NUMBER',\n  DECIMAL: 'NUMBER',\n  PERCENTAGE: 'NUMBER',\n  CURRENCY: 'NUMBER',\n  TEXT: 'TEXT',\n  BOOLEAN: 'BOOLEAN',\n  DATE_ONLY: 'DATE_ONLY',\n  TIME_ONLY: 'TIME_ONLY',\n  DATE_TIME: 'DATE_TIME',\n  PICKLIST: 'TEXT'\n} as const;\n\nexport const valuesEqual = (\n  value1: string | string[] | undefined,\n  value2: string | string[] | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  // for strings compare only value\n  if (typeof value1 === 'string') {\n    return value1 === value2;\n  }\n\n  // for arrays compare length and every value\n  if (value1.length !== value2.length) return false;\n\n  return value1.every((value, index) => value === value2[index]);\n};\n\nexport const rangeValuesEqual = (\n  value1: { start: string | number | undefined; end: string | number | undefined } | undefined,\n  value2: { start: string | number | undefined; end: string | number | undefined } | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  return value1.start === value2.start && value1.end === value2.end;\n};\n\nexport const conditionsEqual = (\n  condition1: LeafCondition | undefined,\n  condition2: LeafCondition | undefined\n) => {\n  // both values are undefined\n  if (!condition1 && !condition2) return true;\n\n  // only one value is undefined\n  if (!condition1 || !condition2) return false;\n\n  // conditions are for different fields\n  if (condition1.lhs?.field !== condition2.lhs?.field) return false;\n\n  // comparators are different\n  if (condition1.comparator !== condition2.comparator) return false;\n\n  if (condition1.rhs && condition2.rhs) {\n    // datefunction is first, cause it contains also 'value' prop, so it would fall into next condition block\n    if (hasProp(condition1.rhs, 'dateFunction') && hasProp(condition2.rhs, 'dateFunction')) {\n      return (\n        condition1.rhs.dateFunction === condition2.rhs.dateFunction &&\n        valuesEqual(condition1.rhs.value.toString(), condition2.rhs.value.toString())\n      );\n    }\n    if (hasProp(condition1.rhs, 'value') && hasProp(condition2.rhs, 'value')) {\n      if (typeof condition1.rhs.value !== typeof condition2.rhs.value) return false;\n      return valuesEqual(condition1.rhs.value.toString(), condition2.rhs.value.toString());\n    }\n    if (hasProp(condition1.rhs, 'values') && hasProp(condition2.rhs, 'values')) {\n      if (typeof condition1.rhs.values[0] !== typeof condition2.rhs.values[0]) return false;\n      return valuesEqual(\n        condition1.rhs.values.map(p => p.toString()),\n        condition2.rhs.values.map(p => p.toString())\n      );\n    }\n    if (hasProp(condition1.rhs, 'start') && hasProp(condition2.rhs, 'start')) {\n      return rangeValuesEqual(condition1.rhs, condition2.rhs);\n    }\n    if (hasProp(condition1.rhs, 'relativeDate') && hasProp(condition2.rhs, 'relativeDate')) {\n      return (\n        condition1.rhs.relativeDate.datePart === condition2.rhs.relativeDate.datePart &&\n        condition1.rhs.relativeDate.interval === condition2.rhs.relativeDate.interval &&\n        condition1.rhs.relativeDate.timePeriod === condition2.rhs.relativeDate.timePeriod\n      );\n    }\n    if (hasProp(condition1.rhs, 'field') && hasProp(condition2.rhs, 'field')) {\n      return condition1.rhs.field === condition2.rhs.field;\n    }\n    if (hasProp(condition1.rhs, 'parameterId') && hasProp(condition2.rhs, 'parameterId')) {\n      return condition1.rhs.parameterId === condition2.rhs.parameterId;\n    }\n  }\n\n  return false;\n};\n"]}

package/lib/components/PromotedFilters/ConditionSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAEL,SAAS,EAET,cAAc,EACd,aAAa,EAKb,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU,sBAAuB,SAAQ,SAAS,EAAE,cAAc;IAChE,4BAA4B;IAC5B,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,uCAAuC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,6CAA6C;IAC7C,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnE,oCAAoC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAmCD,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAkF/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"ConditionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAEL,SAAS,EAET,cAAc,EACd,aAAa,EAKb,YAAY,EAEb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGpD,UAAU,sBAAuB,SAAQ,SAAS,EAAE,cAAc;IAChE,4BAA4B;IAC5B,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,uCAAuC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,6CAA6C;IAC7C,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnE,oCAAoC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAED,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAkF/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/PromotedFilters/ConditionSelector.js

@@ -1,36 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
-import { useI18n, ComboBox, Button, Icon, useConfiguration, menuHelpers, hasProp } from '@pega/cosmos-react-core';
+import { useI18n, ComboBox, Button, Icon, useConfiguration, menuHelpers } from '@pega/cosmos-react-core';
 import formatCondition from '../ConditionBuilder/core/formatter';
-const equal = (c1, c2) => {
-    if (c1.comparator !== c2.comparator)
-        return false;
-    if (c1.rhs && c2.rhs) {
-        if (hasProp(c1.rhs, 'field') && hasProp(c2.rhs, 'field'))
-            return c1.rhs.field === c2.rhs.field;
-        if (hasProp(c1.rhs, 'dateFunction') && hasProp(c2.rhs, 'dateFunction')) {
-            return c1.rhs.dateFunction === c2.rhs.dateFunction && c1.rhs.value === c2.rhs.value;
-        }
-        if (hasProp(c1.rhs, 'value') && hasProp(c2.rhs, 'value'))
-            return c1.rhs.value === c2.rhs.value;
-        if (hasProp(c1.rhs, 'values') && hasProp(c2.rhs, 'values')) {
-            const rhs1 = c1.rhs;
-            const rhs2 = c2.rhs;
-            // due to https://github.com/microsoft/TypeScript/issues/44373
-            return (rhs1.values.length === rhs2.values.length &&
-                rhs1.values.every((v, i) => v === rhs2.values[i]));
-        }
-        if (hasProp(c1.rhs, 'parameterId') && hasProp(c2.rhs, 'parameterId')) {
-            return c1.rhs.parameterId === c2.rhs.parameterId;
-        }
-        if (hasProp(c1.rhs, 'relativeDate') && hasProp(c2.rhs, 'relativeDate')) {
-            return (c1.rhs.relativeDate.datePart === c2.rhs.relativeDate.datePart &&
-                c1.rhs.relativeDate.interval === c2.rhs.relativeDate.interval &&
-                c1.rhs.relativeDate.timePeriod === c2.rhs.relativeDate.timePeriod);
-        }
-    }
-    return c1.rhs === c2.rhs;
-};
+import { conditionsEqual } from '../ConditionInput/utils';
 const ConditionSelector = ({ onChange, onClear, status, label, info, fields, labelHidden, conditions, condition, ...restProps }) => {
     const t = useI18n();
     const { locale } = useConfiguration();
@@ -44,7 +16,7 @@ const ConditionSelector = ({ onChange, onClear, status, label, info, fields, lab
                         locale,
                         omitLhs: true
                     }),
-                selected: !!value && !!condition && equal(value, condition)
+                selected: !!value && !!condition && conditionsEqual(value, condition)
             };
         });
     }, [conditions, condition]);

package/lib/components/PromotedFilters/ConditionSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionSelector.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useRef, FunctionComponent } from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  NoChildrenProp,\n  ComboBoxProps,\n  Button,\n  Icon,\n  useConfiguration,\n  MenuItemProps,\n  ForwardProps,\n  menuHelpers,\n  hasProp\n} from '@pega/cosmos-react-core';\n\nimport { AtomicConditionProps } from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport { LeafCondition } from '../ConditionBuilder';\n\ninterface ConditionSelectorProps extends BaseProps, NoChildrenProp {\n  /** Callback for onChange */\n  onChange: (condition?: LeafCondition) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: ComboBoxProps['labelHidden'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** Definition of the field the condition is created for. */\n  fields: AtomicConditionProps['fields'];\n  /** List of possible predefined Conditions */\n  conditions: { id: string; value: LeafCondition; label?: string }[];\n  /** Currently selected condition. */\n  condition?: LeafCondition;\n}\n\nconst equal = (c1: LeafCondition, c2: LeafCondition) => {\n  if (c1.comparator !== c2.comparator) return false;\n\n  if (c1.rhs && c2.rhs) {\n    if (hasProp(c1.rhs, 'field') && hasProp(c2.rhs, 'field')) return c1.rhs.field === c2.rhs.field;\n    if (hasProp(c1.rhs, 'dateFunction') && hasProp(c2.rhs, 'dateFunction')) {\n      return c1.rhs.dateFunction === c2.rhs.dateFunction && c1.rhs.value === c2.rhs.value;\n    }\n    if (hasProp(c1.rhs, 'value') && hasProp(c2.rhs, 'value')) return c1.rhs.value === c2.rhs.value;\n    if (hasProp(c1.rhs, 'values') && hasProp(c2.rhs, 'values')) {\n      const rhs1 = c1.rhs;\n      const rhs2 = c2.rhs;\n      // due to https://github.com/microsoft/TypeScript/issues/44373\n      return (\n        rhs1.values.length === rhs2.values.length &&\n        (rhs1.values as unknown[]).every((v, i) => v === rhs2.values[i])\n      );\n    }\n    if (hasProp(c1.rhs, 'parameterId') && hasProp(c2.rhs, 'parameterId')) {\n      return c1.rhs.parameterId === c2.rhs.parameterId;\n    }\n    if (hasProp(c1.rhs, 'relativeDate') && hasProp(c2.rhs, 'relativeDate')) {\n      return (\n        c1.rhs.relativeDate.datePart === c2.rhs.relativeDate.datePart &&\n        c1.rhs.relativeDate.interval === c2.rhs.relativeDate.interval &&\n        c1.rhs.relativeDate.timePeriod === c2.rhs.relativeDate.timePeriod\n      );\n    }\n  }\n\n  return c1.rhs === c2.rhs;\n};\n\nconst ConditionSelector: FunctionComponent<ConditionSelectorProps & ForwardProps> = ({\n  onChange,\n  onClear,\n  status,\n  label,\n  info,\n  fields,\n  labelHidden,\n  conditions,\n  condition,\n  ...restProps\n}: ConditionSelectorProps) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n  const itemsToRender = useMemo(() => {\n    return conditions.map(({ id, label: conditionLabel, value }) => {\n      return {\n        id,\n        primary:\n          conditionLabel ??\n          formatCondition({ condition: value }, fields, t, {\n            locale,\n            omitLhs: true\n          }),\n        selected: !!value && !!condition && equal(value, condition)\n      };\n    });\n  }, [conditions, condition]);\n\n  const selected = useMemo<MenuItemProps | undefined>(\n    () => menuHelpers.getSelected(itemsToRender)[0],\n    [itemsToRender]\n  );\n\n  return (\n    <ComboBox\n      {...restProps}\n      ref={inputRef}\n      mode='single-select'\n      label={label ?? t('condition_builder_possible_values_label')}\n      labelHidden={labelHidden}\n      placeholder={t('all')}\n      selected={\n        selected\n          ? {\n              items: {\n                id: selected.id,\n                text: selected.primary\n              }\n            }\n          : undefined\n      }\n      menu={{\n        items: itemsToRender,\n        onItemClick: (id: MenuItemProps['id']) =>\n          onChange(conditions.find(cnd => cnd.id === id)?.value)\n      }}\n      status={status}\n      info={status === 'error' ? t('condition_builder_empty_selection_error_text') : info}\n      actions={\n        onClear &&\n        condition !== undefined && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ConditionSelector;\n"]}
+{"version":3,"file":"ConditionSelector.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useRef, FunctionComponent } from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  NoChildrenProp,\n  ComboBoxProps,\n  Button,\n  Icon,\n  useConfiguration,\n  MenuItemProps,\n  ForwardProps,\n  menuHelpers\n} from '@pega/cosmos-react-core';\n\nimport { AtomicConditionProps } from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport { LeafCondition } from '../ConditionBuilder';\nimport { conditionsEqual } from '../ConditionInput/utils';\n\ninterface ConditionSelectorProps extends BaseProps, NoChildrenProp {\n  /** Callback for onChange */\n  onChange: (condition?: LeafCondition) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: ComboBoxProps['labelHidden'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** Definition of the field the condition is created for. */\n  fields: AtomicConditionProps['fields'];\n  /** List of possible predefined Conditions */\n  conditions: { id: string; value: LeafCondition; label?: string }[];\n  /** Currently selected condition. */\n  condition?: LeafCondition;\n}\n\nconst ConditionSelector: FunctionComponent<ConditionSelectorProps & ForwardProps> = ({\n  onChange,\n  onClear,\n  status,\n  label,\n  info,\n  fields,\n  labelHidden,\n  conditions,\n  condition,\n  ...restProps\n}: ConditionSelectorProps) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n  const itemsToRender = useMemo(() => {\n    return conditions.map(({ id, label: conditionLabel, value }) => {\n      return {\n        id,\n        primary:\n          conditionLabel ??\n          formatCondition({ condition: value }, fields, t, {\n            locale,\n            omitLhs: true\n          }),\n        selected: !!value && !!condition && conditionsEqual(value, condition)\n      };\n    });\n  }, [conditions, condition]);\n\n  const selected = useMemo<MenuItemProps | undefined>(\n    () => menuHelpers.getSelected(itemsToRender)[0],\n    [itemsToRender]\n  );\n\n  return (\n    <ComboBox\n      {...restProps}\n      ref={inputRef}\n      mode='single-select'\n      label={label ?? t('condition_builder_possible_values_label')}\n      labelHidden={labelHidden}\n      placeholder={t('all')}\n      selected={\n        selected\n          ? {\n              items: {\n                id: selected.id,\n                text: selected.primary\n              }\n            }\n          : undefined\n      }\n      menu={{\n        items: itemsToRender,\n        onItemClick: (id: MenuItemProps['id']) =>\n          onChange(conditions.find(cnd => cnd.id === id)?.value)\n      }}\n      status={status}\n      info={status === 'error' ? t('condition_builder_empty_selection_error_text') : info}\n      actions={\n        onClear &&\n        condition !== undefined && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ConditionSelector;\n"]}

package/lib/components/PromotedFilters/PromotedFilters.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EASb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAiB,MAAM,4CAA4C,CAAC;AAOtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3F,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAqKD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAwHlF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EASb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAiB,MAAM,4CAA4C,CAAC;AAOtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3F,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AAsND,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAqHlF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/PromotedFilters/PromotedFilters.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { forwardRef, useCallback, useEffect, useRef, useState, useImperativeHandle } from 'react';
 import { Button, Flex, Icon, Modal, useModalManager, useBreakpoint, useI18n, useModalContext } from '@pega/cosmos-react-core';
 import { splitConditionForBuilder } from '../ConditionBuilder/core/utils';
 import ConditionInput from '../ConditionInput';
@@ -34,16 +34,45 @@ const PromotedFiltersContent = forwardRef(({ filters, condition, onChange, orien
                 })
             };
     };
+    // list of fields names used to count down onChange callbacks when Clear All action is invoked
+    // if undefined - Clear All was not triggered
+    // if stores any values - Clear All is in progress, waiting for all onChange callbacks to be invoked
+    const fieldsToClear = useRef(undefined);
+    const handleOnChange = (fieldName, newCondition) => {
+        // single onChange was invoked
+        if (fieldsToClear.current === undefined) {
+            onChange(createUpdatedCondition(fieldName, newCondition));
+        }
+        // prevent main onChange from being called for every onChange invoked from ConditionInput, when Clear All action was run
+        // counting down onChange callbacks, to wait when all are done
+        else {
+            fieldsToClear.current.delete(fieldName);
+            if (fieldsToClear.current.size === 0)
+                fieldsToClear.current = undefined;
+        }
+    };
+    // ref to store clear handles for all filters
+    const handlesRef = useRef([]);
+    useImperativeHandle(handle, () => ({
+        clear: () => {
+            // initialize array with all fields, which trigger onChange callbacks
+            fieldsToClear.current = new Set(handlesRef.current.filter(Boolean).map(c => {
+                return c.id;
+            }));
+            handlesRef.current.forEach(item => item.handle.clear());
+            onChange();
+        }
+    }), []);
     return (_jsx(Flex, { container: {
             gap: 2,
             direction: orientation === 'vertical' ? 'column' : 'row',
             wrap: 'wrap',
             alignItems: orientation === 'vertical' ? 'stretch' : 'start'
-        }, ref: ref, children: filters.map(({ field, mode, label, predefinedConditions }) => {
+        }, ref: ref, children: filters.map(({ field, mode, label, predefinedConditions }, i) => {
             if (mode !== 'predefined')
-                return (_jsx(ConditionInput, { field: field, mode: mode, label: label ?? field.name, condition: conditionsMap[field.name], flat: orientation === 'vertical', onChange: (newCondition) => {
-                        onChange(createUpdatedCondition(field.name, newCondition));
-                    }, handle: handle }, field.name));
+                return (_jsx(ConditionInput, { field: field, mode: mode, label: label ?? field.name, condition: conditionsMap[field.name], flat: orientation === 'vertical', onChange: newCondition => handleOnChange(field.name, newCondition), handle: (handleItem) => {
+                        handlesRef.current[i] = { id: field.name, handle: handleItem };
+                    } }, field.name));
             const selector = (_jsx(ConditionSelector, { label: label ?? field.name, labelHidden: orientation === 'vertical', fields: [
                     {
                         id: field.name,
@@ -72,10 +101,12 @@ const FilterModal = ({ filters, condition, onApply }) => {
         onApply?.(newCondition);
         dismiss();
     }, [newCondition, onApply]);
+    const clearHandle = useRef(null);
     const actions = (_jsxs(_Fragment, { children: [_jsx(Button, { onClick: dismiss, children: t('cancel') }), _jsx(Button, { variant: 'primary', onClick: onApplyClick, children: t('apply') })] }));
     return (_jsxs(Modal, { heading: t('filters'), actions: actions, stretch: true, children: [_jsx(Flex, { container: { justify: 'end' }, children: _jsx(StyledClearAllButton, { variant: 'simple', onClick: () => {
                         setNewCondition(undefined);
-                    }, children: t('clear_all') }) }), _jsx(PromotedFiltersContent, { filters: filters, condition: newCondition, onChange: setNewCondition, orientation: 'vertical' })] }));
+                        clearHandle.current?.clear();
+                    }, children: t('clear_all') }) }), _jsx(PromotedFiltersContent, { filters: filters, condition: newCondition, onChange: setNewCondition, orientation: 'vertical', handle: clearHandle })] }));
 };
 export const PromotedFilters = forwardRef(({ filters, condition, onChange, orientation = 'horizontal' }, ref) => {
     const t = useI18n();
@@ -109,14 +140,11 @@ export const PromotedFilters = forwardRef(({ filters, condition, onChange, orien
                         alignItems: 'center',
                         pad: [0, 0, 1, 0]
                     }, children: [_jsx(StyledTextWithEllipsis, { variant: 'h3', children: t('filters') }), _jsx(Button, { variant: 'simple', onClick: () => {
-                                onChange();
                                 clearHandle.current?.clear();
                             }, children: t('clear_all') })] })), _jsx(PromotedFiltersContent, { filters: filters, onChange: onChange, condition: condition, orientation: orientation, ref: ref, handle: clearHandle }), orientation === 'horizontal' && (_jsx("div", { children: _jsx(StyledClearAllButton, { variant: 'simple', onClick: () => {
-                            onChange();
                             clearHandle.current?.clear();
                         }, children: t('promoted_filters_clear_all_button_label') }) }))] })) : (_jsxs(_Fragment, { children: [_jsx(Button, { type: 'button', variant: 'text', onClick: openFiltersModal, children: _jsxs(Flex, { container: { alignItems: 'center', gap: 0.5 }, forwardedAs: 'span', children: [_jsx(Icon, { name: 'filter' }), _jsxs("span", { children: [t('filters'), conditionsCount && `\u00a0(${conditionsCount})`] })] }) }), _jsx(Button, { variant: 'simple', onClick: () => {
                         onChange();
-                        clearHandle.current?.clear();
                     }, children: t('clear_all') })] })) }));
 });
 export default PromotedFilters;

package/lib/components/PromotedFilters/PromotedFilters.js.map

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\n\nimport {\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  Modal,\n  ModalMethods,\n  useModalManager,\n  useBreakpoint,\n  useI18n,\n  useModalContext,\n  HandleValue\n} from '@pega/cosmos-react-core';\n\nimport { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\nimport { StyledVerticalFieldGroup } from '../ConditionInput/ConditionInput.styles';\nimport { basicFieldMap } from '../ConditionInput/utils';\n\nimport ConditionSelector from './ConditionSelector';\nimport { PromotedFiltersProps } from './PromotedFilters.types';\nimport {\n  StyledPromotedFilters,\n  StyledClearAllButton,\n  StyledTextWithEllipsis\n} from './PromotedFilters.styles';\n\nexport interface FilterModalProps extends Pick<PromotedFiltersProps, 'filters' | 'condition'> {\n  /** Callback fired on apply of any of the filters */\n  onApply?: (condition: Condition | undefined) => void;\n}\n\nconst PromotedFiltersContent: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation: orientationProp = 'horizontal',\n      handle\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const orientation =\n      isSmallOrAbove && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n\n    // map of Conditions indexed by field name\n    const conditionsMap = condition\n      ? splitConditionForBuilder(condition).rows.reduce(\n          (result: { [key: string]: LeafCondition }, item) => {\n            const { id, label, ...leaf } = item;\n            result[item.lhs.field] = leaf;\n            return result;\n          },\n          {}\n        )\n      : {};\n\n    const createUpdatedCondition = (key: string, newCondition?: LeafCondition) => {\n      if (newCondition) {\n        conditionsMap[key] = newCondition;\n      } else {\n        delete conditionsMap[key];\n      }\n\n      return Object.values(conditionsMap).length === 0\n        ? undefined\n        : {\n            AND: Object.values(conditionsMap).map(c => {\n              return { condition: c } as Condition;\n            })\n          };\n    };\n\n    return (\n      <Flex\n        container={{\n          gap: 2,\n          direction: orientation === 'vertical' ? 'column' : 'row',\n          wrap: 'wrap',\n          alignItems: orientation === 'vertical' ? 'stretch' : 'start'\n        }}\n        ref={ref}\n      >\n        {filters.map(({ field, mode, label, predefinedConditions }) => {\n          if (mode !== 'predefined')\n            return (\n              <ConditionInput\n                key={field.name}\n                field={field}\n                mode={mode}\n                label={label ?? field.name}\n                condition={conditionsMap[field.name]}\n                flat={orientation === 'vertical'}\n                onChange={(newCondition?: LeafCondition) => {\n                  onChange(createUpdatedCondition(field.name, newCondition));\n                }}\n                handle={handle}\n              />\n            );\n\n          const selector = (\n            <ConditionSelector\n              key={field.name}\n              label={label ?? field.name}\n              labelHidden={orientation === 'vertical'}\n              fields={[\n                {\n                  id: field.name,\n                  type: basicFieldMap[field.type],\n                  primary: label || field.name\n                }\n              ]}\n              condition={conditionsMap[field.name]}\n              conditions={predefinedConditions ?? []}\n              onChange={(newCondition?: LeafCondition) => {\n                onChange(createUpdatedCondition(field.name, newCondition));\n              }}\n              onClear={\n                orientation === 'horizontal'\n                  ? () => onChange(createUpdatedCondition(field.name, undefined))\n                  : undefined\n              }\n            />\n          );\n\n          return orientation === 'vertical' ? (\n            <StyledVerticalFieldGroup\n              key={field.name}\n              name={label ?? field.name}\n              collapsible\n              actions={[\n                {\n                  id: 'clear',\n                  text: t('clear'),\n                  onClick: () => onChange(createUpdatedCondition(field.name, undefined))\n                }\n              ]}\n            >\n              {selector}\n            </StyledVerticalFieldGroup>\n          ) : (\n            selector\n          );\n        })}\n      </Flex>\n    );\n  }\n);\n\nconst FilterModal = ({ filters, condition, onApply }: FilterModalProps) => {\n  const t = useI18n();\n\n  const { dismiss } = useModalContext();\n  const [newCondition, setNewCondition] = useState<Condition | undefined>(condition);\n\n  const onApplyClick = useCallback(() => {\n    onApply?.(newCondition);\n    dismiss();\n  }, [newCondition, onApply]);\n\n  const actions = (\n    <>\n      <Button onClick={dismiss}>{t('cancel')}</Button>\n      <Button variant='primary' onClick={onApplyClick}>\n        {t('apply')}\n      </Button>\n    </>\n  );\n\n  return (\n    <Modal heading={t('filters')} actions={actions} stretch>\n      <Flex container={{ justify: 'end' }}>\n        <StyledClearAllButton\n          variant='simple'\n          onClick={() => {\n            setNewCondition(undefined);\n          }}\n        >\n          {t('clear_all')}\n        </StyledClearAllButton>\n      </Flex>\n\n      <PromotedFiltersContent\n        filters={filters}\n        condition={newCondition}\n        onChange={setNewCondition}\n        orientation='vertical'\n      />\n    </Modal>\n  );\n};\n\nexport const PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const { create } = useModalManager();\n    const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n    // map of Conditions indexed by field name\n    const conditionsCount = condition ? splitConditionForBuilder(condition).rows.length : undefined;\n\n    useEffect(() => {\n      modalMethods.current?.update({\n        filters,\n        condition\n      });\n    }, [filters, condition]);\n\n    const openFiltersModal = () => {\n      modalMethods.current = create(FilterModal, {\n        filters,\n        condition,\n        onApply: onChange\n      });\n    };\n\n    const clearHandle = useRef<HandleValue>(null);\n\n    return (\n      <Flex\n        as={StyledPromotedFilters}\n        container={{\n          alignItems: orientation === 'horizontal' && isSmallOrAbove ? 'start' : undefined,\n          justify: 'between',\n          direction: !isSmallOrAbove || orientation === 'horizontal' ? 'row' : 'column',\n          pad: 2,\n          gap: 2\n        }}\n        ref={ref}\n      >\n        {isSmallOrAbove ? (\n          <>\n            {orientation === 'vertical' && (\n              <Flex\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  pad: [0, 0, 1, 0]\n                }}\n              >\n                <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n                <Button\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                    clearHandle.current?.clear();\n                  }}\n                >\n                  {t('clear_all')}\n                </Button>\n              </Flex>\n            )}\n\n            <PromotedFiltersContent\n              filters={filters}\n              onChange={onChange}\n              condition={condition}\n              orientation={orientation}\n              ref={ref}\n              handle={clearHandle}\n            />\n\n            {orientation === 'horizontal' && (\n              <div>\n                <StyledClearAllButton\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                    clearHandle.current?.clear();\n                  }}\n                >\n                  {t('promoted_filters_clear_all_button_label')}\n                </StyledClearAllButton>\n              </div>\n            )}\n          </>\n        ) : (\n          <>\n            <Button type='button' variant='text' onClick={openFiltersModal}>\n              <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n                <Icon name='filter' />\n                <span>\n                  {t('filters')}\n                  {conditionsCount && `\\u00a0(${conditionsCount})`}\n                </span>\n              </Flex>\n            </Button>\n            <Button\n              variant='simple'\n              onClick={() => {\n                onChange();\n                clearHandle.current?.clear();\n              }}\n            >\n              {t('clear_all')}\n            </Button>\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default PromotedFilters;\n"]}
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n  useImperativeHandle\n} from 'react';\n\nimport {\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  Modal,\n  ModalMethods,\n  useModalManager,\n  useBreakpoint,\n  useI18n,\n  useModalContext,\n  HandleValue\n} from '@pega/cosmos-react-core';\n\nimport { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\nimport { StyledVerticalFieldGroup } from '../ConditionInput/ConditionInput.styles';\nimport { basicFieldMap } from '../ConditionInput/utils';\n\nimport ConditionSelector from './ConditionSelector';\nimport { PromotedFiltersProps } from './PromotedFilters.types';\nimport {\n  StyledPromotedFilters,\n  StyledClearAllButton,\n  StyledTextWithEllipsis\n} from './PromotedFilters.styles';\n\nexport interface FilterModalProps extends Pick<PromotedFiltersProps, 'filters' | 'condition'> {\n  /** Callback fired on apply of any of the filters */\n  onApply?: (condition: Condition | undefined) => void;\n}\n\ninterface HandleValueObj {\n  /** Identifier for the corresponding field */\n  id: string;\n  /** Handle value for clear action */\n  handle: HandleValue;\n}\n\nconst PromotedFiltersContent: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation: orientationProp = 'horizontal',\n      handle\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const orientation =\n      isSmallOrAbove && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n\n    // map of Conditions indexed by field name\n    const conditionsMap = condition\n      ? splitConditionForBuilder(condition).rows.reduce(\n          (result: { [key: string]: LeafCondition }, item) => {\n            const { id, label, ...leaf } = item;\n            result[item.lhs.field] = leaf;\n            return result;\n          },\n          {}\n        )\n      : {};\n\n    const createUpdatedCondition = (key: string, newCondition?: LeafCondition) => {\n      if (newCondition) {\n        conditionsMap[key] = newCondition;\n      } else {\n        delete conditionsMap[key];\n      }\n\n      return Object.values(conditionsMap).length === 0\n        ? undefined\n        : {\n            AND: Object.values(conditionsMap).map(c => {\n              return { condition: c } as Condition;\n            })\n          };\n    };\n\n    // list of fields names used to count down onChange callbacks when Clear All action is invoked\n    // if undefined - Clear All was not triggered\n    // if stores any values - Clear All is in progress, waiting for all onChange callbacks to be invoked\n    const fieldsToClear = useRef<Set<string> | undefined>(undefined);\n\n    const handleOnChange = (fieldName: string, newCondition?: LeafCondition) => {\n      // single onChange was invoked\n      if (fieldsToClear.current === undefined) {\n        onChange(createUpdatedCondition(fieldName, newCondition));\n      }\n      // prevent main onChange from being called for every onChange invoked from ConditionInput, when Clear All action was run\n      // counting down onChange callbacks, to wait when all are done\n      else {\n        fieldsToClear.current.delete(fieldName);\n        if (fieldsToClear.current.size === 0) fieldsToClear.current = undefined;\n      }\n    };\n\n    // ref to store clear handles for all filters\n    const handlesRef = useRef<HandleValueObj[]>([]);\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        clear: () => {\n          // initialize array with all fields, which trigger onChange callbacks\n          fieldsToClear.current = new Set(\n            handlesRef.current.filter(Boolean).map(c => {\n              return c.id;\n            })\n          );\n          handlesRef.current.forEach(item => item.handle.clear());\n          onChange();\n        }\n      }),\n      []\n    );\n\n    return (\n      <Flex\n        container={{\n          gap: 2,\n          direction: orientation === 'vertical' ? 'column' : 'row',\n          wrap: 'wrap',\n          alignItems: orientation === 'vertical' ? 'stretch' : 'start'\n        }}\n        ref={ref}\n      >\n        {filters.map(({ field, mode, label, predefinedConditions }, i) => {\n          if (mode !== 'predefined')\n            return (\n              <ConditionInput\n                key={field.name}\n                field={field}\n                mode={mode}\n                label={label ?? field.name}\n                condition={conditionsMap[field.name]}\n                flat={orientation === 'vertical'}\n                onChange={newCondition => handleOnChange(field.name, newCondition)}\n                handle={(handleItem: HandleValue) => {\n                  handlesRef.current[i] = { id: field.name, handle: handleItem };\n                }}\n              />\n            );\n\n          const selector = (\n            <ConditionSelector\n              key={field.name}\n              label={label ?? field.name}\n              labelHidden={orientation === 'vertical'}\n              fields={[\n                {\n                  id: field.name,\n                  type: basicFieldMap[field.type],\n                  primary: label || field.name\n                }\n              ]}\n              condition={conditionsMap[field.name]}\n              conditions={predefinedConditions ?? []}\n              onChange={(newCondition?: LeafCondition) => {\n                onChange(createUpdatedCondition(field.name, newCondition));\n              }}\n              onClear={\n                orientation === 'horizontal'\n                  ? () => onChange(createUpdatedCondition(field.name, undefined))\n                  : undefined\n              }\n            />\n          );\n\n          return orientation === 'vertical' ? (\n            <StyledVerticalFieldGroup\n              key={field.name}\n              name={label ?? field.name}\n              collapsible\n              actions={[\n                {\n                  id: 'clear',\n                  text: t('clear'),\n                  onClick: () => onChange(createUpdatedCondition(field.name, undefined))\n                }\n              ]}\n            >\n              {selector}\n            </StyledVerticalFieldGroup>\n          ) : (\n            selector\n          );\n        })}\n      </Flex>\n    );\n  }\n);\n\nconst FilterModal = ({ filters, condition, onApply }: FilterModalProps) => {\n  const t = useI18n();\n\n  const { dismiss } = useModalContext();\n  const [newCondition, setNewCondition] = useState<Condition | undefined>(condition);\n\n  const onApplyClick = useCallback(() => {\n    onApply?.(newCondition);\n    dismiss();\n  }, [newCondition, onApply]);\n\n  const clearHandle = useRef<HandleValue>(null);\n\n  const actions = (\n    <>\n      <Button onClick={dismiss}>{t('cancel')}</Button>\n      <Button variant='primary' onClick={onApplyClick}>\n        {t('apply')}\n      </Button>\n    </>\n  );\n\n  return (\n    <Modal heading={t('filters')} actions={actions} stretch>\n      <Flex container={{ justify: 'end' }}>\n        <StyledClearAllButton\n          variant='simple'\n          onClick={() => {\n            setNewCondition(undefined);\n            clearHandle.current?.clear();\n          }}\n        >\n          {t('clear_all')}\n        </StyledClearAllButton>\n      </Flex>\n\n      <PromotedFiltersContent\n        filters={filters}\n        condition={newCondition}\n        onChange={setNewCondition}\n        orientation='vertical'\n        handle={clearHandle}\n      />\n    </Modal>\n  );\n};\n\nexport const PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const { create } = useModalManager();\n    const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n    // map of Conditions indexed by field name\n    const conditionsCount = condition ? splitConditionForBuilder(condition).rows.length : undefined;\n\n    useEffect(() => {\n      modalMethods.current?.update({\n        filters,\n        condition\n      });\n    }, [filters, condition]);\n\n    const openFiltersModal = () => {\n      modalMethods.current = create(FilterModal, {\n        filters,\n        condition,\n        onApply: onChange\n      });\n    };\n\n    const clearHandle = useRef<HandleValue>(null);\n\n    return (\n      <Flex\n        as={StyledPromotedFilters}\n        container={{\n          alignItems: orientation === 'horizontal' && isSmallOrAbove ? 'start' : undefined,\n          justify: 'between',\n          direction: !isSmallOrAbove || orientation === 'horizontal' ? 'row' : 'column',\n          pad: 2,\n          gap: 2\n        }}\n        ref={ref}\n      >\n        {isSmallOrAbove ? (\n          <>\n            {orientation === 'vertical' && (\n              <Flex\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  pad: [0, 0, 1, 0]\n                }}\n              >\n                <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n                <Button\n                  variant='simple'\n                  onClick={() => {\n                    clearHandle.current?.clear();\n                  }}\n                >\n                  {t('clear_all')}\n                </Button>\n              </Flex>\n            )}\n\n            <PromotedFiltersContent\n              filters={filters}\n              onChange={onChange}\n              condition={condition}\n              orientation={orientation}\n              ref={ref}\n              handle={clearHandle}\n            />\n\n            {orientation === 'horizontal' && (\n              <div>\n                <StyledClearAllButton\n                  variant='simple'\n                  onClick={() => {\n                    clearHandle.current?.clear();\n                  }}\n                >\n                  {t('promoted_filters_clear_all_button_label')}\n                </StyledClearAllButton>\n              </div>\n            )}\n          </>\n        ) : (\n          <>\n            <Button type='button' variant='text' onClick={openFiltersModal}>\n              <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n                <Icon name='filter' />\n                <span>\n                  {t('filters')}\n                  {conditionsCount && `\\u00a0(${conditionsCount})`}\n                </span>\n              </Flex>\n            </Button>\n            <Button\n              variant='simple'\n              onClick={() => {\n                onChange();\n              }}\n            >\n              {t('clear_all')}\n            </Button>\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default PromotedFilters;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-condition-builder",
-  "version": "4.0.0-dev.14.1",
+  "version": "4.0.0-dev.15.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -23,7 +23,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "4.0.0-dev.14.1",
+    "@pega/cosmos-react-core": "4.0.0-dev.15.0",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
     "@types/styled-components": "^5.1.26",