@pega/cosmos-react-condition-builder 4.0.0-dev.6.1 → 4.0.0-dev.8.0

package/lib/components/ConditionBuilder/AtomicCondition.d.ts

@@ -1,5 +1,5 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, FormControlProps } from '@pega/cosmos-react-core';
+import { FunctionComponent, Ref } from 'react';
+import { BaseProps, HandleValue, ForwardProps, FormControlProps } from '@pega/cosmos-react-core';
 import { LeafCondition, Field, DateFunctionsByType } from './ConditionBuilder.types';
 import { ComparatorsByType, RHSType } from './core/types';
 /** Determines the default condition object for a given LHS value */
@@ -22,7 +22,9 @@ export interface AtomicConditionProps extends BaseProps {
     /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */
     validComparators?: ComparatorsByType[];
     /** Callback for any modifications to the Condition */
-    onChange: (newCondition: LeafCondition) => void;
+    onChange?: (newCondition: LeafCondition, status?: 'error') => void;
+    /** Callback fired when the condition changes. */
+    onBlur?: (newCondition?: LeafCondition) => void;
     /** Item flow direction. Defaults to 'row' */
     itemDirection?: 'row' | 'column';
     /**
@@ -46,6 +48,10 @@ export interface AtomicConditionProps extends BaseProps {
     dateFunctions?: DateFunctionsByType;
     /** Visually hides the label region of the RHS. */
     rhsLabelHidden?: FormControlProps['labelHidden'];
+    /** Ref forwarded to the wrapping element. */
+    ref?: Ref<HTMLDivElement>;
+    /** Imperative handle */
+    handle?: Ref<HandleValue>;
 }
 /** A controlled component for Atomic Conditions */
 declare const AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAEvD,OAAO,EAML,SAAS,EACT,YAAY,EACZ,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIrF,OAAO,EAAc,iBAAiB,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AAoDjF,oEAAoE;AACpE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,EACtC,aAAa,CAAC,EAAE,mBAAmB,GAClC,aAAa,CAcf;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,GAAE,OAAe,GAC1B,OAAO,CAST;AAED,6DAA6D;AAC7D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,wCAAwC;IACxC,SAAS,EAAE,aAAa,CAAC;IAEzB,mEAAmE;IACnE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,kDAAkD;IAClD,cAAc,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAClD;AAED,mDAAmD;AACnD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAwH3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AtomicCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,GAAG,EAKJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAML,SAAS,EACT,WAAW,EACX,YAAY,EACZ,gBAAgB,EAIjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIrF,OAAO,EAAc,iBAAiB,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AAoDjF,oEAAoE;AACpE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,EACtC,aAAa,CAAC,EAAE,mBAAmB,GAClC,aAAa,CAcf;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,GAAE,OAAe,GAC1B,OAAO,CAST;AAED,6DAA6D;AAC7D,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,wCAAwC;IACxC,SAAS,EAAE,aAAa,CAAC;IAEzB,mEAAmE;IACnE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,aAAa,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnE,iDAAiD;IACjD,MAAM,CAAC,EAAE,CAAC,YAAY,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEjC;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC;IAEvC;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,kDAAkD;IAClD,cAAc,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IACjD,6CAA6C;IAC7C,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;IAC1B,wBAAwB;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B;AAED,mDAAmD;AACnD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAoL3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/ConditionBuilder/AtomicCondition.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Grid, Select, Option, useI18n, hasProp } from '@pega/cosmos-react-core';
+import { forwardRef, useRef, useState, useImperativeHandle } from 'react';
+import { Grid, Select, Option, useI18n, hasProp, useConsolidatedRef, useFocusWithin, useAfterInitialEffect } from '@pega/cosmos-react-core';
 import { getItem } from './core/utils';
 import FieldSelector from './RhsControls/FieldSelector';
 import RhsControls, { getDefaultRhs, isValidRhs } from './RhsControls';
@@ -81,17 +82,41 @@ export function isValidCondition(condition, fields, trimValues = false) {
     return isValidRhs(condition.rhs, condition.lhs, fields, fieldType, trimValues);
 }
 /** A controlled component for Atomic Conditions */
-const AtomicCondition = ({ condition, fields, indicateErrors, validComparators, onChange, itemDirection, lhsMode = 'input', validRhsTypes = new Set(['LITERAL', 'FIELD']), dateFunctions, rhsLabelHidden, ...restProps }) => {
+const AtomicCondition = forwardRef(({ condition, fields, indicateErrors, validComparators, onChange, onBlur, itemDirection, lhsMode = 'input', validRhsTypes = new Set(['LITERAL', 'FIELD']), dateFunctions, rhsLabelHidden, handle, ...restProps }, ref) => {
     const t = useI18n();
+    // stores condition form state
+    const [state, setState] = useState(condition);
+    // ref needed to handle use case of onChange and onBlur being triggered at the same time
+    // state is not updated by the time blur is invoked, ref is always set to newest value
+    const newCondition = useRef(condition);
     const fieldType = getFieldType(condition.lhs.field, fields); // Can be `undefined` if no match or if no previous field
     const comparatorOptions = fieldType
         ? getComparatorOptions(fieldType, validComparators)
         : [{ id: '', label: t('condition_builder_select_placeholder') }];
+    useAfterInitialEffect(() => {
+        setState(condition);
+    }, [condition]);
+    const onFocusChange = (focused) => {
+        if (!focused) {
+            // newCondition is returned, as it stores newest value
+            onBlur?.(newCondition.current && isValidCondition(newCondition.current, fields, true)
+                ? newCondition.current
+                : undefined);
+        }
+    };
+    const containerRef = useConsolidatedRef(ref);
+    useFocusWithin([containerRef], onFocusChange);
+    // Handle condition update
+    const handleConditionChange = (updatedCondition, status) => {
+        newCondition.current = updatedCondition;
+        // new condition is returned with status to allow recognizing errors and avoiding clearing wrong values from input
+        onChange?.(updatedCondition, status);
+    };
     // Handle change in the field-selector
     const handleFieldChange = (id) => {
         const lhs = { field: id };
-        const newCondition = getInitConditionForLhs(lhs, fields, validRhsTypes, validComparators, dateFunctions); // Determine comparator and rhs for the new lhs
-        onChange(newCondition); // Submit the new condition
+        const initCondition = getInitConditionForLhs(lhs, fields, validRhsTypes, validComparators, dateFunctions); // Determine comparator and rhs for the new lhs
+        handleConditionChange(initCondition);
     };
     // Handle change in the comparator
     const handleComparatorChange = (e) => {
@@ -102,12 +127,22 @@ const AtomicCondition = ({ condition, fields, indicateErrors, validComparators,
         const rhs = isRhsValidForComparator(condition.rhs, comparator)
             ? condition.rhs
             : getDefaultRhs(fieldType, comparator, validRhsTypes, dateFunctions);
-        onChange({ ...condition, comparator, rhs }); // Submit the new condition
+        handleConditionChange({ ...condition, comparator, rhs });
     };
     // Handle change in the RHS
-    const handleRHSChange = (rhs) => {
-        onChange({ ...condition, rhs }); // Submit the new condition
+    const handleRHSChange = (rhs, status) => {
+        handleConditionChange({ ...condition, rhs }, status);
+    };
+    const rhsHandle = useRef(null);
+    const clear = () => {
+        rhsHandle.current?.clear();
+        if (newCondition.current) {
+            handleConditionChange(getInitConditionForLhs(state.lhs, fields, validRhsTypes, validComparators, dateFunctions));
+        }
     };
+    useImperativeHandle(handle, () => ({
+        clear
+    }), [clear]);
     const lhsLabel = getFieldLabel(condition.lhs.field, fields);
     return (
     // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448
@@ -121,9 +156,9 @@ const AtomicCondition = ({ condition, fields, indicateErrors, validComparators,
                 justifyItems: 'stretch',
                 colGap: 0.5,
                 rowGap: 0.5
-            }, children: [lhsMode === 'input' && (_jsx(FieldSelector, { value: condition.lhs.field, onChange: handleFieldChange, fields: fields, status: indicateErrors && condition.lhs.field === '' ? 'error' : undefined, info: indicateErrors && condition.lhs.field === ''
+            }, ref: containerRef, children: [lhsMode === 'input' && (_jsx(FieldSelector, { value: state.lhs.field, onChange: handleFieldChange, fields: fields, status: indicateErrors && state.lhs.field === '' ? 'error' : undefined, info: indicateErrors && state.lhs.field === ''
                         ? t('condition_builder_condition_select_info_default')
-                        : undefined })), _jsx(Select, { value: condition.comparator, onChange: handleComparatorChange, name: 'comparator', label: t('condition_builder_comparator_label'), labelHidden: true, children: comparatorOptions.map(option => (_jsx(Option, { value: option.id, children: option.label }, option.id))) }), _jsx(RhsControls, { lhs: condition.lhs, comparator: condition.comparator, rhs: condition.rhs, fields: fields, onChange: handleRHSChange, indicateErrors: indicateErrors, validRhsTypes: validRhsTypes, dateFunctions: dateFunctions, itemDirection: itemDirection || 'row', labelHidden: rhsLabelHidden })] }) }));
-};
+                        : undefined })), _jsx(Select, { value: state.comparator, onChange: handleComparatorChange, name: 'comparator', label: t('condition_builder_comparator_label'), labelHidden: true, children: comparatorOptions.map(option => (_jsx(Option, { value: option.id, children: option.label }, option.id))) }), _jsx(RhsControls, { lhs: state.lhs, comparator: state.comparator, rhs: state.rhs, fields: fields, onChange: handleRHSChange, indicateErrors: indicateErrors, validRhsTypes: validRhsTypes, dateFunctions: dateFunctions, itemDirection: itemDirection || 'row', labelHidden: rhsLabelHidden, handle: rhsHandle })] }) }));
+});
 export default AtomicCondition;
 //# sourceMappingURL=AtomicCondition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, ChangeEvent } from 'react';\n\nimport {\n  Grid,\n  Select,\n  Option,\n  useI18n,\n  hasProp,\n  BaseProps,\n  ForwardProps,\n  FormControlProps\n} from '@pega/cosmos-react-core';\n\nimport { getItem } from './core/utils';\nimport { LeafCondition, Field, DateFunctionsByType } from './ConditionBuilder.types';\nimport FieldSelector from './RhsControls/FieldSelector';\nimport RhsControls, { getDefaultRhs, isValidRhs } from './RhsControls';\nimport getComparatorOptions from './core/comparators';\nimport { Comparator, ComparatorsByType, FieldType, RHSType } from './core/types';\nimport { StyledAtomicCondition } from './ConditionBuilder.styles';\n\n// Returns field-type for a given field-name\nfunction getFieldType(fieldName: string, fields: Field[]): FieldType | undefined {\n  const matchingField = getItem(fields, fieldName);\n  return matchingField && hasProp(matchingField, 'type') ? matchingField.type : undefined;\n}\n\n// Returns display label for a given field-name\nfunction getFieldLabel(fieldName: string, fields: Field[]): string | undefined {\n  const matchingField = getItem(fields, fieldName);\n  return matchingField?.primary;\n}\n\n/**\n * Upon changing the comparator, checks if the old RHS is valid for the new comparator\n * NOTE: This works under the assumption that the LHS doesn't change\n */\nfunction isRhsValidForComparator(rhs: LeafCondition['rhs'], comparator: Comparator): boolean {\n  if (rhs === undefined) {\n    return ['IS_NULL', 'IS_NOT_NULL', 'IS_TRUE', 'IS_FALSE'].includes(comparator);\n  }\n  if (hasProp(rhs, 'values')) {\n    return ['IN', 'NOT_IN'].includes(comparator);\n  }\n\n  if (hasProp(rhs, 'parameterId')) {\n    return ['EQ', 'NEQ'].includes(comparator);\n  }\n\n  if (hasProp(rhs, 'start')) {\n    return ['BTW', 'NOT_BTW'].includes(comparator);\n  }\n\n  // `rhs.field` and `rhs.value` cases\n  return [\n    'EQ',\n    'NEQ',\n    'GT',\n    'GTE',\n    'LT',\n    'LTE',\n    'STARTS_WITH',\n    'NOT_STARTS_WITH',\n    'ENDS_WITH',\n    'NOT_ENDS_WITH',\n    'CONTAINS',\n    'NOT_CONTAINS'\n  ].includes(comparator);\n}\n\n/** Determines the default condition object for a given LHS value */\nexport function getInitConditionForLhs(\n  lhs: LeafCondition['lhs'],\n  fields: Field[],\n  validRhsTypes: Set<RHSType>,\n  validComparators?: ComparatorsByType[],\n  dateFunctions?: DateFunctionsByType\n): LeafCondition {\n  let comparator: Comparator;\n  let rhs: LeafCondition['rhs'];\n  if (lhs.field === '') {\n    // If the empty option is selected, reset the comparator and rhs to their default values\n    comparator = 'IS_NOT_NULL';\n    rhs = undefined;\n  } else {\n    const newFieldType = getFieldType(lhs.field, fields) as FieldType;\n    comparator = getComparatorOptions(newFieldType, validComparators)[0].id; // Find the applicable comparators and select the first among them\n    rhs = getDefaultRhs(newFieldType, comparator, validRhsTypes, dateFunctions);\n  }\n\n  return { lhs, comparator, rhs };\n}\n\n/**\n * Verifies if all the values in the condition are valid.\n * NOTES:\n * - This is intended to be used only on conditions emitted by the components in this package.\n * - If a condition is manually constructed outside these components, this utility could miss some malformed conditions.\n */\nexport function isValidCondition(\n  condition: LeafCondition,\n  fields: Field[],\n  trimValues: boolean = false\n): boolean {\n  // If no field is yet selected on the LHS\n  if (condition.lhs.field === '') {\n    return false;\n  }\n  // If a field is present on the LHS, check if the RHS is valid\n  // No need to check the comparator since the comparator is always assigned a valid value\n  const fieldType = getFieldType(condition.lhs.field, fields);\n  return isValidRhs(condition.rhs, condition.lhs, fields, fieldType, trimValues);\n}\n\n/** Type definition for the input props of AtomicCondition */\nexport interface AtomicConditionProps extends BaseProps {\n  /** Condition to use in the component */\n  condition: LeafCondition;\n\n  /** Metadata (data-model) for the Fields to use in the Condition */\n  fields: Field[];\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */\n  validComparators?: ComparatorsByType[];\n\n  /** Callback for any modifications to the Condition */\n  onChange: (newCondition: LeafCondition) => void;\n\n  /** Item flow direction. Defaults to 'row' */\n  itemDirection?: 'row' | 'column';\n\n  /**\n   * Allows presenting the LHS as a readonly text, input or hidden. Defaults presenting as 'input'.\n   * NOTE: Make sure that a valid LHS is passed in the 'condition'\n   */\n  lhsMode?: 'input' | 'label' | 'hidden';\n\n  /** Restricts RHS values to only specified types of values.\n   * DEFAULT: Set(['LITERAL', 'FIELD']).\n   * WARNING: There are LHS/Comparator pairings that require specific RHS types. Please be mindful of\n   *          these incompatibilities when limiting RHS value types using this prop. We do not support\n   *          limiting RHS field types to incompatible types and it will result in a validation error\n   *          if you do so. The pairings referred to here are as follows:\n   *              - BOOLEAN LHS Fields coupled with \"EQ\" or \"NEQ\" comparators, will always yield a Field RHS\n   *              - Any LHS Fields coupled with \"IN\" or \"NOT_IN\" comparators, will always yield a Literal RHS (Comma separated list)\n   *          If you would like to limit RHS value types and avoid these incompatibilities, you will need to exclude these\n   *          comparators using the validComparators prop.\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Visually hides the label region of the RHS. */\n  rhsLabelHidden?: FormControlProps['labelHidden'];\n}\n\n/** A controlled component for Atomic Conditions */\nconst AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps> = ({\n  condition,\n  fields,\n  indicateErrors,\n  validComparators,\n  onChange,\n  itemDirection,\n  lhsMode = 'input',\n  validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n  dateFunctions,\n  rhsLabelHidden,\n  ...restProps\n}: AtomicConditionProps) => {\n  const t = useI18n();\n\n  const fieldType = getFieldType(condition.lhs.field, fields); // Can be `undefined` if no match or if no previous field\n  const comparatorOptions = fieldType\n    ? getComparatorOptions(fieldType, validComparators)\n    : [{ id: '', label: t('condition_builder_select_placeholder') }];\n\n  // Handle change in the field-selector\n  const handleFieldChange = (id: string) => {\n    const lhs = { field: id };\n    const newCondition = getInitConditionForLhs(\n      lhs,\n      fields,\n      validRhsTypes,\n      validComparators,\n      dateFunctions\n    ); // Determine comparator and rhs for the new lhs\n    onChange(newCondition); // Submit the new condition\n  };\n\n  // Handle change in the comparator\n  const handleComparatorChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    if (e.target.value === '') {\n      return; // The option is shown only when an lhs is not yet selected. Ignore this selection for those cases\n    }\n    const comparator = e.target.value as Comparator;\n    const rhs = isRhsValidForComparator(condition.rhs, comparator)\n      ? condition.rhs\n      : getDefaultRhs(fieldType as FieldType, comparator, validRhsTypes, dateFunctions);\n    onChange({ ...condition, comparator, rhs }); // Submit the new condition\n  };\n\n  // Handle change in the RHS\n  const handleRHSChange = (rhs: LeafCondition['rhs']) => {\n    onChange({ ...condition, rhs }); // Submit the new condition\n  };\n\n  const lhsLabel = getFieldLabel(condition.lhs.field, fields);\n\n  return (\n    // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448\n    <StyledAtomicCondition\n      {...restProps}\n      name={lhsMode === 'label' ? lhsLabel : undefined}\n      aria-label={lhsLabel}\n    >\n      <Grid\n        sm={{\n          container: {\n            cols:\n              itemDirection === 'column'\n                ? '1fr'\n                : `repeat(${lhsMode !== 'input' ? 2 : 3}, minmax(0,1fr))`\n          }\n        }}\n        container={{\n          justifyItems: 'stretch',\n          colGap: 0.5,\n          rowGap: 0.5\n        }}\n      >\n        {/* LHS selector */}\n        {lhsMode === 'input' && (\n          <FieldSelector\n            value={condition.lhs.field}\n            onChange={handleFieldChange}\n            fields={fields}\n            status={indicateErrors && condition.lhs.field === '' ? 'error' : undefined}\n            info={\n              indicateErrors && condition.lhs.field === ''\n                ? t('condition_builder_condition_select_info_default')\n                : undefined\n            }\n          />\n        )}\n\n        {/* Comparator selector */}\n        <Select\n          value={condition.comparator}\n          onChange={handleComparatorChange}\n          name='comparator'\n          label={t('condition_builder_comparator_label')}\n          labelHidden\n        >\n          {comparatorOptions.map(option => (\n            <Option key={option.id} value={option.id}>\n              {option.label}\n            </Option>\n          ))}\n        </Select>\n\n        {/* RHS controls */}\n        <RhsControls\n          lhs={condition.lhs}\n          comparator={condition.comparator}\n          rhs={condition.rhs}\n          fields={fields}\n          onChange={handleRHSChange}\n          indicateErrors={indicateErrors}\n          validRhsTypes={validRhsTypes}\n          dateFunctions={dateFunctions}\n          itemDirection={itemDirection || 'row'}\n          labelHidden={rhsLabelHidden}\n        />\n      </Grid>\n    </StyledAtomicCondition>\n  );\n};\n\nexport default AtomicCondition;\n"]}
+{"version":3,"file":"AtomicCondition.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  FunctionComponent,\n  ChangeEvent,\n  forwardRef,\n  Ref,\n  useRef,\n  useState,\n  PropsWithoutRef,\n  useImperativeHandle\n} from 'react';\n\nimport {\n  Grid,\n  Select,\n  Option,\n  useI18n,\n  hasProp,\n  BaseProps,\n  HandleValue,\n  ForwardProps,\n  FormControlProps,\n  useConsolidatedRef,\n  useFocusWithin,\n  useAfterInitialEffect\n} from '@pega/cosmos-react-core';\n\nimport { getItem } from './core/utils';\nimport { LeafCondition, Field, DateFunctionsByType } from './ConditionBuilder.types';\nimport FieldSelector from './RhsControls/FieldSelector';\nimport RhsControls, { getDefaultRhs, isValidRhs } from './RhsControls';\nimport getComparatorOptions from './core/comparators';\nimport { Comparator, ComparatorsByType, FieldType, RHSType } from './core/types';\nimport { StyledAtomicCondition } from './ConditionBuilder.styles';\n\n// Returns field-type for a given field-name\nfunction getFieldType(fieldName: string, fields: Field[]): FieldType | undefined {\n  const matchingField = getItem(fields, fieldName);\n  return matchingField && hasProp(matchingField, 'type') ? matchingField.type : undefined;\n}\n\n// Returns display label for a given field-name\nfunction getFieldLabel(fieldName: string, fields: Field[]): string | undefined {\n  const matchingField = getItem(fields, fieldName);\n  return matchingField?.primary;\n}\n\n/**\n * Upon changing the comparator, checks if the old RHS is valid for the new comparator\n * NOTE: This works under the assumption that the LHS doesn't change\n */\nfunction isRhsValidForComparator(rhs: LeafCondition['rhs'], comparator: Comparator): boolean {\n  if (rhs === undefined) {\n    return ['IS_NULL', 'IS_NOT_NULL', 'IS_TRUE', 'IS_FALSE'].includes(comparator);\n  }\n  if (hasProp(rhs, 'values')) {\n    return ['IN', 'NOT_IN'].includes(comparator);\n  }\n\n  if (hasProp(rhs, 'parameterId')) {\n    return ['EQ', 'NEQ'].includes(comparator);\n  }\n\n  if (hasProp(rhs, 'start')) {\n    return ['BTW', 'NOT_BTW'].includes(comparator);\n  }\n\n  // `rhs.field` and `rhs.value` cases\n  return [\n    'EQ',\n    'NEQ',\n    'GT',\n    'GTE',\n    'LT',\n    'LTE',\n    'STARTS_WITH',\n    'NOT_STARTS_WITH',\n    'ENDS_WITH',\n    'NOT_ENDS_WITH',\n    'CONTAINS',\n    'NOT_CONTAINS'\n  ].includes(comparator);\n}\n\n/** Determines the default condition object for a given LHS value */\nexport function getInitConditionForLhs(\n  lhs: LeafCondition['lhs'],\n  fields: Field[],\n  validRhsTypes: Set<RHSType>,\n  validComparators?: ComparatorsByType[],\n  dateFunctions?: DateFunctionsByType\n): LeafCondition {\n  let comparator: Comparator;\n  let rhs: LeafCondition['rhs'];\n  if (lhs.field === '') {\n    // If the empty option is selected, reset the comparator and rhs to their default values\n    comparator = 'IS_NOT_NULL';\n    rhs = undefined;\n  } else {\n    const newFieldType = getFieldType(lhs.field, fields) as FieldType;\n    comparator = getComparatorOptions(newFieldType, validComparators)[0].id; // Find the applicable comparators and select the first among them\n    rhs = getDefaultRhs(newFieldType, comparator, validRhsTypes, dateFunctions);\n  }\n\n  return { lhs, comparator, rhs };\n}\n\n/**\n * Verifies if all the values in the condition are valid.\n * NOTES:\n * - This is intended to be used only on conditions emitted by the components in this package.\n * - If a condition is manually constructed outside these components, this utility could miss some malformed conditions.\n */\nexport function isValidCondition(\n  condition: LeafCondition,\n  fields: Field[],\n  trimValues: boolean = false\n): boolean {\n  // If no field is yet selected on the LHS\n  if (condition.lhs.field === '') {\n    return false;\n  }\n  // If a field is present on the LHS, check if the RHS is valid\n  // No need to check the comparator since the comparator is always assigned a valid value\n  const fieldType = getFieldType(condition.lhs.field, fields);\n  return isValidRhs(condition.rhs, condition.lhs, fields, fieldType, trimValues);\n}\n\n/** Type definition for the input props of AtomicCondition */\nexport interface AtomicConditionProps extends BaseProps {\n  /** Condition to use in the component */\n  condition: LeafCondition;\n\n  /** Metadata (data-model) for the Fields to use in the Condition */\n  fields: Field[];\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */\n  validComparators?: ComparatorsByType[];\n\n  /** Callback for any modifications to the Condition */\n  onChange?: (newCondition: LeafCondition, status?: 'error') => void;\n\n  /** Callback fired when the condition changes. */\n  onBlur?: (newCondition?: LeafCondition) => void;\n\n  /** Item flow direction. Defaults to 'row' */\n  itemDirection?: 'row' | 'column';\n\n  /**\n   * Allows presenting the LHS as a readonly text, input or hidden. Defaults presenting as 'input'.\n   * NOTE: Make sure that a valid LHS is passed in the 'condition'\n   */\n  lhsMode?: 'input' | 'label' | 'hidden';\n\n  /** Restricts RHS values to only specified types of values.\n   * DEFAULT: Set(['LITERAL', 'FIELD']).\n   * WARNING: There are LHS/Comparator pairings that require specific RHS types. Please be mindful of\n   *          these incompatibilities when limiting RHS value types using this prop. We do not support\n   *          limiting RHS field types to incompatible types and it will result in a validation error\n   *          if you do so. The pairings referred to here are as follows:\n   *              - BOOLEAN LHS Fields coupled with \"EQ\" or \"NEQ\" comparators, will always yield a Field RHS\n   *              - Any LHS Fields coupled with \"IN\" or \"NOT_IN\" comparators, will always yield a Literal RHS (Comma separated list)\n   *          If you would like to limit RHS value types and avoid these incompatibilities, you will need to exclude these\n   *          comparators using the validComparators prop.\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Visually hides the label region of the RHS. */\n  rhsLabelHidden?: FormControlProps['labelHidden'];\n  /** Ref forwarded to the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\n/** A controlled component for Atomic Conditions */\nconst AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps> = forwardRef(\n  (\n    {\n      condition,\n      fields,\n      indicateErrors,\n      validComparators,\n      onChange,\n      onBlur,\n      itemDirection,\n      lhsMode = 'input',\n      validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n      dateFunctions,\n      rhsLabelHidden,\n      handle,\n      ...restProps\n    }: PropsWithoutRef<AtomicConditionProps>,\n    ref: AtomicConditionProps['ref']\n  ) => {\n    const t = useI18n();\n\n    // stores condition form state\n    const [state, setState] = useState<LeafCondition>(condition);\n    // ref needed to handle use case of onChange and onBlur being triggered at the same time\n    // state is not updated by the time blur is invoked, ref is always set to newest value\n    const newCondition = useRef(condition);\n\n    const fieldType = getFieldType(condition.lhs.field, fields); // Can be `undefined` if no match or if no previous field\n    const comparatorOptions = fieldType\n      ? getComparatorOptions(fieldType, validComparators)\n      : [{ id: '', label: t('condition_builder_select_placeholder') }];\n\n    useAfterInitialEffect(() => {\n      setState(condition);\n    }, [condition]);\n\n    const onFocusChange = (focused: boolean) => {\n      if (!focused) {\n        // newCondition is returned, as it stores newest value\n        onBlur?.(\n          newCondition.current && isValidCondition(newCondition.current, fields, true)\n            ? newCondition.current\n            : undefined\n        );\n      }\n    };\n\n    const containerRef = useConsolidatedRef(ref);\n    useFocusWithin([containerRef], onFocusChange);\n\n    // Handle condition update\n    const handleConditionChange = (updatedCondition: LeafCondition, status?: 'error') => {\n      newCondition.current = updatedCondition;\n      // new condition is returned with status to allow recognizing errors and avoiding clearing wrong values from input\n      onChange?.(updatedCondition, status);\n    };\n\n    // Handle change in the field-selector\n    const handleFieldChange = (id: string) => {\n      const lhs = { field: id };\n      const initCondition = getInitConditionForLhs(\n        lhs,\n        fields,\n        validRhsTypes,\n        validComparators,\n        dateFunctions\n      ); // Determine comparator and rhs for the new lhs\n      handleConditionChange(initCondition);\n    };\n\n    // Handle change in the comparator\n    const handleComparatorChange = (e: ChangeEvent<HTMLSelectElement>) => {\n      if (e.target.value === '') {\n        return; // The option is shown only when an lhs is not yet selected. Ignore this selection for those cases\n      }\n      const comparator = e.target.value as Comparator;\n      const rhs = isRhsValidForComparator(condition.rhs, comparator)\n        ? condition.rhs\n        : getDefaultRhs(fieldType as FieldType, comparator, validRhsTypes, dateFunctions);\n\n      handleConditionChange({ ...condition, comparator, rhs });\n    };\n\n    // Handle change in the RHS\n    const handleRHSChange = (rhs: LeafCondition['rhs'], status?: 'error') => {\n      handleConditionChange({ ...condition, rhs }, status);\n    };\n\n    const rhsHandle = useRef<HandleValue>(null);\n\n    const clear = () => {\n      rhsHandle.current?.clear();\n      if (newCondition.current) {\n        handleConditionChange(\n          getInitConditionForLhs(state.lhs, fields, validRhsTypes, validComparators, dateFunctions)\n        );\n      }\n    };\n\n    useImperativeHandle(\n      handle,\n      () => ({\n        clear\n      }),\n      [clear]\n    );\n\n    const lhsLabel = getFieldLabel(condition.lhs.field, fields);\n\n    return (\n      // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448\n      <StyledAtomicCondition\n        {...restProps}\n        name={lhsMode === 'label' ? lhsLabel : undefined}\n        aria-label={lhsLabel}\n      >\n        <Grid\n          sm={{\n            container: {\n              cols:\n                itemDirection === 'column'\n                  ? '1fr'\n                  : `repeat(${lhsMode !== 'input' ? 2 : 3}, minmax(0,1fr))`\n            }\n          }}\n          container={{\n            justifyItems: 'stretch',\n            colGap: 0.5,\n            rowGap: 0.5\n          }}\n          ref={containerRef}\n        >\n          {/* LHS selector */}\n          {lhsMode === 'input' && (\n            <FieldSelector\n              value={state.lhs.field}\n              onChange={handleFieldChange}\n              fields={fields}\n              status={indicateErrors && state.lhs.field === '' ? 'error' : undefined}\n              info={\n                indicateErrors && state.lhs.field === ''\n                  ? t('condition_builder_condition_select_info_default')\n                  : undefined\n              }\n            />\n          )}\n\n          {/* Comparator selector */}\n          <Select\n            value={state.comparator}\n            onChange={handleComparatorChange}\n            name='comparator'\n            label={t('condition_builder_comparator_label')}\n            labelHidden\n          >\n            {comparatorOptions.map(option => (\n              <Option key={option.id} value={option.id}>\n                {option.label}\n              </Option>\n            ))}\n          </Select>\n\n          {/* RHS controls */}\n          <RhsControls\n            lhs={state.lhs}\n            comparator={state.comparator}\n            rhs={state.rhs}\n            fields={fields}\n            onChange={handleRHSChange}\n            indicateErrors={indicateErrors}\n            validRhsTypes={validRhsTypes}\n            dateFunctions={dateFunctions}\n            itemDirection={itemDirection || 'row'}\n            labelHidden={rhsLabelHidden}\n            handle={rhsHandle}\n          />\n        </Grid>\n      </StyledAtomicCondition>\n    );\n  }\n);\n\nexport default AtomicCondition;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,qBAIN,MAAM,0BAA0B,CAAC;AAwBlC,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAiV7E,CAAC;AAGF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAQlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAOL,YAAY,EAIb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,qBAIN,MAAM,0BAA0B,CAAC;AAwBlC,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA6W7E,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Fragment, useState, useReducer, useImperativeHandle } from 'react';
-import { Banner, Button, Flex, Icon, Input, MenuButton, hasProp, useI18n } from '@pega/cosmos-react-core';
+import { Fragment, useState, useReducer, useImperativeHandle, useRef, useEffect } from 'react';
+import { Banner, Button, Flex, Icon, Input, MenuButton, hasProp, useI18n, getFocusables } from '@pega/cosmos-react-core';
 import AtomicCondition, { isValidCondition } from './AtomicCondition';
 import HelpButton from './HelpButton';
 import { splitConditionForBuilder, parseLogicString, disambiguateLogic, isBasicModeApplicable, getBasicModeOperators, getLogicFromBasicMode } from './core/utils';
@@ -30,6 +30,9 @@ const ConditionBuilder = (props) => {
     const [showModeWarning, setModeWarning] = useState(false); // Used to warn user about losing information when moving away from Advanced mode
     const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators in the condition rows
     const enableShading = isBasicMode && operatorsList.includes('AND') && operatorsList.includes('OR'); // In Basic mode, enable shading to indicate grouping only when both operators are present
+    const newOperatorButtonRef = useRef(null);
+    const focusRowRef = useRef(null);
+    const [focusRowIndex, setFocusRowIndex] = useState(null);
     // Upon adding/removing rows in Advanced mode, update the logic string to reflect the change in labels
     // NOTE: The input is updated only if the previous logicString was simple enough
     const updateLogicString = (actionType) => {
@@ -54,6 +57,19 @@ const ConditionBuilder = (props) => {
                 .join(` ${splitter} `));
         }
     };
+    // Manages the focus behavior when inserting/removing a row
+    useEffect(() => {
+        if (focusRowIndex === null)
+            return;
+        if (newOperatorButtonRef.current) {
+            newOperatorButtonRef.current.focus();
+            newOperatorButtonRef.current = null;
+        }
+        else if (focusRowIndex !== null) {
+            getFocusables(focusRowRef)[0]?.focus();
+        }
+        setFocusRowIndex(null);
+    }, [focusRowIndex]);
     // Insert a new row at the given index
     const insertRow = (insertAt) => {
         dispatch({ type: INSERT_ROW, payload: { insertAt } }); // Insert an entry in conditionRows
@@ -69,6 +85,7 @@ const ConditionBuilder = (props) => {
         else {
             updateLogicString(INSERT_ROW); // Update the logicString input to reflect the insertion
         }
+        setFocusRowIndex(insertAt);
     };
     // Remove the row at the given index
     const removeRow = (removeAt) => {
@@ -94,6 +111,12 @@ const ConditionBuilder = (props) => {
         else {
             updateLogicString(REMOVE_ROW); // Update the logicString input to reflect the removal
         }
+        setFocusRowIndex(() => {
+            if (removeAt !== 0 && removeAt === conditionRows.length - 1) {
+                return removeAt - 1;
+            }
+            return removeAt;
+        });
     };
     // Update a Basic-mode operator at the given index
     const updateOperator = (updateAt, newValue) => {
@@ -196,7 +219,7 @@ const ConditionBuilder = (props) => {
                                             onClick: () => updateOperator(index - 1, 'OR')
                                         }
                                     ]
-                                } }) })), _jsxs(StyledRow, { container: { gap: 0.5, alignItems: 'start' }, shaded: isBasicMode && enableShading, children: [!isBasicMode && _jsx(StyledLabel, { children: label }), _jsx(Flex, { item: { grow: 1 }, children: _jsx(AtomicCondition, { condition: leaf, fields: fields, indicateErrors: showErrorIndicators, validComparators: validComparators, dateFunctions: dateFunctions, onChange: (newCondition) => {
+                                }, ref: index === focusRowIndex ? newOperatorButtonRef : null }) })), _jsxs(StyledRow, { container: { gap: 0.5, alignItems: 'start' }, shaded: isBasicMode && enableShading, ref: index === focusRowIndex ? focusRowRef : null, children: [!isBasicMode && _jsx(StyledLabel, { children: label }), _jsx(Flex, { item: { grow: 1 }, children: _jsx(AtomicCondition, { condition: leaf, fields: fields, indicateErrors: showErrorIndicators, validComparators: validComparators, dateFunctions: dateFunctions, onChange: (newCondition) => {
                                             const newRow = { id, label, ...newCondition };
                                             dispatch({ type: UPDATE_ROW, payload: { updateAt: index, newRow } });
                                         }, validRhsTypes: validRhsTypes }) }), _jsx(Button, { icon: true, variant: 'simple', onClick: () => insertRow(index + 1), "aria-label": t('condition_builder_add_button_label'), children: _jsx(Icon, { name: 'plus' }) }), _jsx(Button, { icon: true, variant: 'simple', onClick: () => removeRow(index), "aria-label": t('condition_builder_remove_button_label'), children: _jsx(Icon, { name: 'trash' }) })] })] }, id))) }), !isBasicMode && (_jsx("div", { children: _jsx(Input, { type: 'text', placeholder: t('condition_builder_advanced_condition_placeholder'), label: _jsxs(_Fragment, { children: [t('condition_builder_advanced_condition_label'), "\u00A0", _jsx(HelpButton, { children: `A logical expression representing an advanced condition.\nUse numbers like 1,2,3,… to represent different condition rows.\nUse ${disallowNOT ? 'AND/OR' : 'AND/OR/NOT'} operators and parentheses to construct advanced conditions.\n\nExample: ${disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'}` })] }), value: logicString, onChange: (e) => setLogicString(e.target.value), onBlur: () => validateLogicString(logicString), status: logicError !== null ? 'error' : undefined, info: logicError }) })), _jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [showModeWarning && (_jsx(Banner, { variant: 'warning', messages: [

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} from 'react';\n\nimport {\n  Banner,\n  Button,\n  Flex,\n  Icon,\n  Input,\n  MenuButton,\n  ForwardProps,\n  hasProp,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport AtomicCondition, { isValidCondition } from './AtomicCondition';\nimport HelpButton from './HelpButton';\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 { StyledRowWithSeparator, StyledRow, StyledLabel } 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\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  // 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  };\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  };\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  return (\n    <Flex container={{ direction: 'column', gap: 4 }}>\n      {/* Condition Rows */}\n      <div>\n        {conditionRows.map(({ id, label, ...leaf }, index) => (\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                />\n              </StyledRowWithSeparator>\n            )}\n\n            {/* Row with the AtomicCondition */}\n            <StyledRow\n              container={{ gap: 0.5, alignItems: 'start' }}\n              shaded={isBasicMode && enableShading}\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                aria-label={t('condition_builder_add_button_label')}\n              >\n                <Icon name='plus' />\n              </Button>\n              <Button\n                icon\n                variant='simple'\n                onClick={() => removeRow(index)}\n                aria-label={t('condition_builder_remove_button_label')}\n              >\n                <Icon name='trash' />\n              </Button>\n            </StyledRow>\n          </Fragment>\n        ))}\n      </div>\n\n      {/* LogicString input */}\n      {!isBasicMode && (\n        <div>\n          <Input\n            type='text'\n            placeholder={t('condition_builder_advanced_condition_placeholder')}\n            label={\n              <>\n                {t('condition_builder_advanced_condition_label')}&nbsp;\n                {/* FIXME: TR */}\n                <HelpButton>\n                  {`A logical expression representing an advanced condition.\\nUse numbers like 1,2,3,… to represent different condition rows.\\nUse ${\n                    disallowNOT ? 'AND/OR' : 'AND/OR/NOT'\n                  } operators and parentheses to construct advanced conditions.\\n\\nExample: ${\n                    disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'\n                  }`}\n                </HelpButton>\n              </>\n            }\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        </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: () => toggleMode(true)\n                }\n              }\n            ]}\n            onDismiss={() => setModeWarning(false)}\n          />\n        )}\n\n        {/* Footer buttons */}\n        <Flex container={{ justify: 'between' }}>\n          <Button name='mode-switch' variant='simple' onClick={() => toggleMode(false)}>\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    </Flex>\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} from '@pega/cosmos-react-core';\n\nimport AtomicCondition, { isValidCondition } from './AtomicCondition';\nimport HelpButton from './HelpButton';\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 { StyledRowWithSeparator, StyledRow, StyledLabel } 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\n  const newOperatorButtonRef = useRef<HTMLButtonElement | null>(null);\n  const focusRowRef = useRef<HTMLElement | null>(null);\n  const [focusRowIndex, setFocusRowIndex] = useState<number | null>(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  return (\n    <Flex container={{ direction: 'column', gap: 4 }}>\n      {/* Condition Rows */}\n      <div>\n        {conditionRows.map(({ id, label, ...leaf }, index) => (\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: 'start' }}\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                aria-label={t('condition_builder_add_button_label')}\n              >\n                <Icon name='plus' />\n              </Button>\n              <Button\n                icon\n                variant='simple'\n                onClick={() => removeRow(index)}\n                aria-label={t('condition_builder_remove_button_label')}\n              >\n                <Icon name='trash' />\n              </Button>\n            </StyledRow>\n          </Fragment>\n        ))}\n      </div>\n\n      {/* LogicString input */}\n      {!isBasicMode && (\n        <div>\n          <Input\n            type='text'\n            placeholder={t('condition_builder_advanced_condition_placeholder')}\n            label={\n              <>\n                {t('condition_builder_advanced_condition_label')}&nbsp;\n                {/* FIXME: TR */}\n                <HelpButton>\n                  {`A logical expression representing an advanced condition.\\nUse numbers like 1,2,3,… to represent different condition rows.\\nUse ${\n                    disallowNOT ? 'AND/OR' : 'AND/OR/NOT'\n                  } operators and parentheses to construct advanced conditions.\\n\\nExample: ${\n                    disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'\n                  }`}\n                </HelpButton>\n              </>\n            }\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        </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: () => toggleMode(true)\n                }\n              }\n            ]}\n            onDismiss={() => setModeWarning(false)}\n          />\n        )}\n\n        {/* Footer buttons */}\n        <Flex container={{ justify: 'between' }}>\n          <Button name='mode-switch' variant='simple' onClick={() => toggleMode(false)}>\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    </Flex>\n  );\n};\nConditionBuilder.defaultProps = defaultProps;\n\nexport default ConditionBuilder;\n"]}

package/lib/components/ConditionBuilder/ConditionBuilder.types.d.ts

@@ -11,6 +11,8 @@ export interface RhsWithDateFunction {
      * WEEKS: First day of week as YYYY-MM-DD
      * DAYS: Date as YYYY-MM-DD
      * HOURS: YYYY-MM-DDTHH:mm:ss
+     * MINUTES: YYYY-MM-DDTHH:mm:ss
+     * SECONDS: YYYY-MM-DDTHH:mm:ss
      * HOURS_OF_DAY: 0-23
      * MONTHS_OF_YEAR: 1-12
      * DAYS_OF_MONTH: 1-31

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:ignore words DDTHH\nimport { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, MenuItemProps } from '@pega/cosmos-react-core';\n\nimport {\n  FieldType,\n  Comparator,\n  ComparatorsByType,\n  DateFunction,\n  RHSType,\n  TimePeriod,\n  DatePart\n} from './core/types';\n\n/** RHS object with a Date function */\nexport interface RhsWithDateFunction {\n  /**\n   * Output format for the value varies based on the dateFunction:\n   * YEARS: First day of year as YYYY-MM-DD\n   * QUARTERS: First day of quarter as YYYY-MM-DD\n   * MONTHS: First day of month as YYYY-MM-DD\n   * WEEKS: First day of week as YYYY-MM-DD\n   * DAYS: Date as YYYY-MM-DD\n   * HOURS: YYYY-MM-DDTHH:mm:ss\n   * HOURS_OF_DAY: 0-23\n   * MONTHS_OF_YEAR: 1-12\n   * DAYS_OF_MONTH: 1-31\n   * DAYS_OF_WEEK: 1-7\n   */\n  value: string | number;\n  dateFunction: DateFunction;\n}\n\n/** RHS object with a Relative Date */\nexport interface RhsWithRelativeDate {\n  relativeDate: {\n    timePeriod: TimePeriod;\n    interval?: number;\n    datePart: DatePart;\n  };\n}\n\n/** RHS object with PARAMETER type */\nexport interface RhsWithParameter {\n  parameterId: string;\n}\n\n/** Type definition for the leaf-level nodes in nested conditions */\nexport interface LeafCondition {\n  comparator: Comparator;\n\n  lhs: {\n    field: string;\n  };\n\n  // Optional for some of the comparators like IS_TRUE, IS_NULL, etc.\n  rhs?:\n    | { field: string } // When comparing the LHS with another field\n    | { value: string | number } // When comparing the LHS with a single literal value (for comparators like EQ, GTE etc.)\n    | { values: string[] | number[] } // When comparing the LHS with a list of literal values (for comparators like IN, NOT_IN etc.)\n    | { start: string | number; end: string | number } // When comparing numeric or date field with two values that determine range\n    | RhsWithDateFunction // When comparing a date field with a date function on RHS\n    | RhsWithRelativeDate // When comparing a date field with a symbolic date on RHS\n    | RhsWithParameter; //  When comparing the LHS with PARAMETER type\n}\n\n/** Type definition for objects representing condition-rows in the builder UI */\nexport interface ConditionRow extends LeafCondition {\n  id: string; // To use as `key` prop when rendering a list of rows\n  label: string; // Used to refer the row from a logic-string\n}\n\n/**\n * Type definition for simple/complex conditions\n * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition\n */\nexport type Condition =\n  | { AND: Condition[] }\n  | { OR: Condition[] }\n  | { NOT: Condition }\n  | { condition: LeafCondition };\n\n/** Type definition for the input Field objects for the ConditionBuilder */\n\nexport type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ValueSelection<F> =\n  | string[]\n  | ReferenceValue[]\n  | (({\n      searchString,\n      comparator,\n      lhs\n    }: {\n      searchString?: string;\n      comparator?: string;\n      lhs?: F;\n    }) => Promise<string[] | ReferenceValue[]>);\n\ninterface BasicField extends Pick<MenuItemProps, 'id' | 'primary'> {}\n\nexport type Field = BasicField &\n  (\n    | {\n        parameters?: ParameterValue[];\n\n        /**\n         * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n         * Otherwise we fetch data from api and pass a promise which returns list of values\n         * This enables users to select from those values instead of manually typing them\n         */\n        possibleValues?: ValueSelection<Field>;\n\n        /**\n         * Data-type for the field.\n         * Has to be one of these values. Convert where necessary\n         * e.g. Integer/Decimal/... should be used as `NUMBER`\n         * e.g. Text(single value)/Picklist/... should be used as `TEXT`\n         */\n        type: FieldType;\n      }\n    | {\n        /** An array of type Field to represent the child items. */\n        items: Field[];\n      }\n  );\n\n/** Valid date functions by field type */\nexport interface DateFunctionsByType {\n  /** Date functions to enable for DATE_TIME fields */\n  DATE_TIME: DateFunction[];\n  /** Date functions to enable for DATE_ONLY fields */\n  DATE_ONLY: DateFunction[];\n}\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition or undefined if valid.\n   * Undefined indicates no condition.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: Condition | undefined];\n}\n\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps, NoChildrenProp {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /** (Optional) A seed condition for the builder. To use when editing an existing condition */\n  condition?: Condition;\n\n  /** (Optional) Used to limit the Comparators allowed in the builder. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** (Optional) Pass this if the `NOT` operator should be considered as invalid */\n  disallowNOT?: boolean;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}
+{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:ignore words DDTHH\nimport { Ref } from 'react';\n\nimport type { BaseProps, NoChildrenProp, MenuItemProps } from '@pega/cosmos-react-core';\n\nimport {\n  FieldType,\n  Comparator,\n  ComparatorsByType,\n  DateFunction,\n  RHSType,\n  TimePeriod,\n  DatePart\n} from './core/types';\n\n/** RHS object with a Date function */\nexport interface RhsWithDateFunction {\n  /**\n   * Output format for the value varies based on the dateFunction:\n   * YEARS: First day of year as YYYY-MM-DD\n   * QUARTERS: First day of quarter as YYYY-MM-DD\n   * MONTHS: First day of month as YYYY-MM-DD\n   * WEEKS: First day of week as YYYY-MM-DD\n   * DAYS: Date as YYYY-MM-DD\n   * HOURS: YYYY-MM-DDTHH:mm:ss\n   * MINUTES: YYYY-MM-DDTHH:mm:ss\n   * SECONDS: YYYY-MM-DDTHH:mm:ss\n   * HOURS_OF_DAY: 0-23\n   * MONTHS_OF_YEAR: 1-12\n   * DAYS_OF_MONTH: 1-31\n   * DAYS_OF_WEEK: 1-7\n   */\n  value: string | number;\n  dateFunction: DateFunction;\n}\n\n/** RHS object with a Relative Date */\nexport interface RhsWithRelativeDate {\n  relativeDate: {\n    timePeriod: TimePeriod;\n    interval?: number;\n    datePart: DatePart;\n  };\n}\n\n/** RHS object with PARAMETER type */\nexport interface RhsWithParameter {\n  parameterId: string;\n}\n\n/** Type definition for the leaf-level nodes in nested conditions */\nexport interface LeafCondition {\n  comparator: Comparator;\n\n  lhs: {\n    field: string;\n  };\n\n  // Optional for some of the comparators like IS_TRUE, IS_NULL, etc.\n  rhs?:\n    | { field: string } // When comparing the LHS with another field\n    | { value: string | number } // When comparing the LHS with a single literal value (for comparators like EQ, GTE etc.)\n    | { values: string[] | number[] } // When comparing the LHS with a list of literal values (for comparators like IN, NOT_IN etc.)\n    | { start: string | number; end: string | number } // When comparing numeric or date field with two values that determine range\n    | RhsWithDateFunction // When comparing a date field with a date function on RHS\n    | RhsWithRelativeDate // When comparing a date field with a symbolic date on RHS\n    | RhsWithParameter; //  When comparing the LHS with PARAMETER type\n}\n\n/** Type definition for objects representing condition-rows in the builder UI */\nexport interface ConditionRow extends LeafCondition {\n  id: string; // To use as `key` prop when rendering a list of rows\n  label: string; // Used to refer the row from a logic-string\n}\n\n/**\n * Type definition for simple/complex conditions\n * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition\n */\nexport type Condition =\n  | { AND: Condition[] }\n  | { OR: Condition[] }\n  | { NOT: Condition }\n  | { condition: LeafCondition };\n\n/** Type definition for the input Field objects for the ConditionBuilder */\n\nexport type ParameterValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ReferenceValue = Pick<MenuItemProps, 'id' | 'primary'>;\n\nexport type ValueSelection<F> =\n  | string[]\n  | ReferenceValue[]\n  | (({\n      searchString,\n      comparator,\n      lhs\n    }: {\n      searchString?: string;\n      comparator?: string;\n      lhs?: F;\n    }) => Promise<string[] | ReferenceValue[]>);\n\ninterface BasicField extends Pick<MenuItemProps, 'id' | 'primary'> {}\n\nexport type Field = BasicField &\n  (\n    | {\n        parameters?: ParameterValue[];\n\n        /**\n         * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n         * Otherwise we fetch data from api and pass a promise which returns list of values\n         * This enables users to select from those values instead of manually typing them\n         */\n        possibleValues?: ValueSelection<Field>;\n\n        /**\n         * Data-type for the field.\n         * Has to be one of these values. Convert where necessary\n         * e.g. Integer/Decimal/... should be used as `NUMBER`\n         * e.g. Text(single value)/Picklist/... should be used as `TEXT`\n         */\n        type: FieldType;\n      }\n    | {\n        /** An array of type Field to represent the child items. */\n        items: Field[];\n      }\n  );\n\n/** Valid date functions by field type */\nexport interface DateFunctionsByType {\n  /** Date functions to enable for DATE_TIME fields */\n  DATE_TIME: DateFunction[];\n  /** Date functions to enable for DATE_ONLY fields */\n  DATE_ONLY: DateFunction[];\n}\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition or undefined if valid.\n   * Undefined indicates no condition.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: Condition | undefined];\n}\n\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps, NoChildrenProp {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /** (Optional) A seed condition for the builder. To use when editing an existing condition */\n  condition?: Condition;\n\n  /** (Optional) Used to limit the Comparators allowed in the builder. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** (Optional) Pass this if the `NOT` operator should be considered as invalid */\n  disallowNOT?: boolean;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}

package/lib/components/ConditionBuilder/RhsControls/DateFunctionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateFunctionMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAcZ,cAAc,EAKf,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AA+B7C,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,oEAAoE;IACpE,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAuM7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"DateFunctionMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAcZ,cAAc,EAKf,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAqC7C,MAAM,WAAW,qBAAsB,SAAQ,SAAS,EAAE,cAAc;IACtE,4BAA4B;IAC5B,GAAG,EAAE,mBAAmB,CAAC;IAEzB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAE7C,oEAAoE;IACpE,iBAAiB,EAAE,YAAY,EAAE,CAAC;IAElC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,gEAAgE;AAChE,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA+M7E,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -18,6 +18,8 @@ function formatDateFunctionValue(isoDateString, dateFunction) {
     const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');
     const DD = date.getUTCDate().toString().padStart(2, '0');
     const HH = date.getUTCHours().toString().padStart(2, '0');
+    const mm = date.getUTCMinutes().toString().padStart(2, '0');
+    const ss = date.getUTCSeconds().toString().padStart(2, '0');
     switch (dateFunction) {
         case 'QUARTERS':
         case 'MONTHS':
@@ -25,6 +27,10 @@ function formatDateFunctionValue(isoDateString, dateFunction) {
         case 'WEEKS':
         case 'DAYS':
             return `${YYYY}-${MM}-${DD}`;
+        case 'MINUTES':
+            return `${YYYY}-${MM}-${DD}T${HH}:${mm}:00`;
+        case 'SECONDS':
+            return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}`;
         default:
             return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS
     }
@@ -43,6 +49,8 @@ const DateFunctionMenu = (props) => {
             WEEKS: t('condition_builder_date_function_week'),
             DAYS: t('condition_builder_date_function_day'),
             HOURS: t('condition_builder_date_function_hour'),
+            MINUTES: t('condition_builder_date_function_minute'),
+            SECONDS: t('condition_builder_date_function_second'),
             HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),
             MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),
             DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),
@@ -141,7 +149,7 @@ const DateFunctionMenu = (props) => {
     const onDayOfWeekChange = (value) => {
         onChange({ ...rhs, value });
     };
-    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_date_part'), value: rhs.dateFunction, onChange: handleDatePartChange, children: dateFunctionOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), rhs.dateFunction === 'YEARS' && (_jsxs(Select, { ...valueComponentProps, onChange: onYearChange, name: 'year-selector', children: [_jsx(Option, { children: " " }), yearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'QUARTERS' && _jsx(QuarterInput, { ...dateComponentProps }), rhs.dateFunction === 'MONTHS' && _jsx(MonthInput, { ...dateComponentProps }), rhs.dateFunction === 'WEEKS' && _jsx(WeekInput, { ...dateComponentProps }), rhs.dateFunction === 'DAYS' && _jsx(DateInput, { ...dateComponentProps }), rhs.dateFunction === 'HOURS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'HOURS_OF_DAY' && _jsx(ComboBox, { ...hourOfDayProps }), rhs.dateFunction === 'MONTHS_OF_YEAR' && (_jsxs(Select, { ...valueComponentProps, onChange: onMonthOfYearChange, name: 'month-of-year-selector', children: [_jsx(Option, { children: " " }), monthOfYearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'DAYS_OF_MONTH' && (_jsx(NumberInput, { ...valueComponentProps, placeholder: '1 - 31', min: 1, max: 31, step: 1, showDecimal: false, onChange: onDayOfMonthChange })), rhs.dateFunction === 'DAYS_OF_WEEK' && (_jsx(DayOfWeekInput, { ...valueComponentProps, value: rhs.value, onChange: onDayOfWeekChange }))] }));
+    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_date_part'), value: rhs.dateFunction, onChange: handleDatePartChange, children: dateFunctionOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), rhs.dateFunction === 'YEARS' && (_jsxs(Select, { ...valueComponentProps, onChange: onYearChange, name: 'year-selector', children: [_jsx(Option, { children: " " }), yearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'QUARTERS' && _jsx(QuarterInput, { ...dateComponentProps }), rhs.dateFunction === 'MONTHS' && _jsx(MonthInput, { ...dateComponentProps }), rhs.dateFunction === 'WEEKS' && _jsx(WeekInput, { ...dateComponentProps }), rhs.dateFunction === 'DAYS' && _jsx(DateInput, { ...dateComponentProps }), rhs.dateFunction === 'HOURS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'MINUTES' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 })), rhs.dateFunction === 'SECONDS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60, withSeconds: true })), rhs.dateFunction === 'HOURS_OF_DAY' && _jsx(ComboBox, { ...hourOfDayProps }), rhs.dateFunction === 'MONTHS_OF_YEAR' && (_jsxs(Select, { ...valueComponentProps, onChange: onMonthOfYearChange, name: 'month-of-year-selector', children: [_jsx(Option, { children: " " }), monthOfYearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] })), rhs.dateFunction === 'DAYS_OF_MONTH' && (_jsx(NumberInput, { ...valueComponentProps, placeholder: '1 - 31', min: 1, max: 31, step: 1, showDecimal: false, onChange: onDayOfMonthChange })), rhs.dateFunction === 'DAYS_OF_WEEK' && (_jsx(DayOfWeekInput, { ...valueComponentProps, value: rhs.value, onChange: onDayOfWeekChange }))] }));
 };
 export default DateFunctionMenu;
 //# sourceMappingURL=DateFunctionMenu.js.map