@pega/cosmos-react-condition-builder 4.0.0-dev.1.1 → 4.0.0-dev.10.0

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

@@ -1,38 +1,51 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useMemo, useEffect, useRef } from 'react';
+import { useState, useEffect, useRef, useCallback, useImperativeHandle } from 'react';
 import { useI18n, ComboBox, createStringMatcher, useAfterInitialEffect, hasProp, Button, Icon } from '@pega/cosmos-react-core';
 /** A control for selecting multiple values using checkboxes in an overlay */
-const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlur, onClear, status, mode, parameters, placeholder, label, info, setApiError }) => {
+const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlur, onClear, status, mode, parameters, placeholder, label, info, setApiError, handle }) => {
     const t = useI18n();
     const inputRef = useRef(null);
     const [selections, setSelections] = useState(values);
     const [filterValue, setFilterValue] = useState('');
     const [options, setOptions] = useState([]);
+    const [filterOptions, setFilterOptions] = useState([]);
     const [loading, setLoading] = useState(false);
-    const itemsToRender = useMemo(() => {
-        let opts = options;
-        if (filterValue) {
-            const matcher = createStringMatcher(filterValue, 'boundary');
-            opts = opts.filter(option => {
-                if (typeof option === 'object')
-                    return matcher.test(option.primary);
-                return matcher.test(option);
-            });
-        }
-        return opts.map(option => {
+    const [hasMore, setHasMore] = useState(true);
+    const [items, setItems] = useState([]);
+    const itemsToRender = (item) => {
+        return item.map(option => {
             if (typeof option === 'object') {
                 return {
                     ...option,
-                    selected: selections.includes(option.id)
+                    selected: Array.isArray(selections)
+                        ? selections.includes(option.id)
+                        : selections === option.id
                 };
             }
             return {
                 id: option,
                 primary: option,
-                selected: selections.includes(option)
+                selected: Array.isArray(selections) ? selections.includes(option) : selections === option
             };
         });
-    }, [options, filterValue, selections]);
+    };
+    useEffect(() => {
+        const updatedItems = items.map(item => {
+            const result = Array.isArray(selections)
+                ? selections.includes(item.id)
+                : selections === item.id;
+            return { ...item, selected: result };
+        });
+        setItems(updatedItems);
+    }, [selections]);
+    useEffect(() => {
+        const matcher = createStringMatcher(filterValue, 'boundary');
+        setFilterOptions(options.filter(option => {
+            if (typeof option === 'object')
+                return matcher.test(option.primary);
+            return matcher.test(option);
+        }));
+    }, [filterValue, options]);
     useAfterInitialEffect(() => {
         onChange(selections);
     }, [selections]);
@@ -106,16 +119,53 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
         }
         return undefined;
     };
+    useEffect(() => {
+        if (filterValue !== '') {
+            setItems(itemsToRender(filterOptions.slice(0, 10)));
+        }
+        else {
+            setItems(itemsToRender(options.slice(0, 10)));
+        }
+    }, [options, filterOptions]);
+    const loadMore = useCallback(() => {
+        if (!loading) {
+            setLoading(true);
+            let totalItem;
+            if (filterOptions.length > 0)
+                totalItem = filterOptions;
+            else
+                totalItem = options;
+            const remItems = totalItem.length - items.length;
+            let newItemsLength = 10;
+            if (remItems <= newItemsLength) {
+                setHasMore(false);
+                newItemsLength = remItems;
+            }
+            setLoading(false);
+            setItems(prev => {
+                return [
+                    ...prev,
+                    ...itemsToRender(totalItem.slice(items.length, items.length + newItemsLength))
+                ];
+            });
+        }
+    }, [options, loading, filterOptions, items, hasMore]);
+    useImperativeHandle(handle, () => ({
+        clear: () => {
+            setSelections([]);
+        }
+    }), [setSelections]);
     return (_jsx(ComboBox, { ref: inputRef, mode: mode, label: label ?? t('condition_builder_possible_values_label'), labelHidden: !label, placeholder: placeholder ??
             (mode === 'single-select'
                 ? t('condition_builder_single_selection_text_default')
                 : t('condition_builder_multi_selection_text_default')), value: filterValue, onChange: e => {
             setFilterValue(e.target.value);
+            setHasMore(true);
         }, onBlur: () => {
             onBlur?.(selections);
             setFilterValue('');
         }, menu: {
-            items: itemsToRender,
+            items,
             onItemClick: id => {
                 setFilterValue('');
                 if (mode === 'single-select') {
@@ -130,7 +180,8 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
                     });
                 }
             },
-            loading
+            loading,
+            loadMore: hasMore ? loadMore : undefined
         }, selected: getSelections(), status: status, info: info, actions: onClear &&
             selections.length > 0 && (_jsx(Button, { icon: true, variant: 'simple', label: t('clear'), onClick: () => {
                 setSelections([]);

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

@@ -1 +1 @@
-{"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo, useEffect, useRef, Dispatch, SetStateAction } from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  createStringMatcher,\n  useAfterInitialEffect,\n  NoChildrenProp,\n  ComboBoxProps,\n  hasProp,\n  Button,\n  Icon\n} from '@pega/cosmos-react-core';\n\nimport {\n  LeafCondition,\n  ParameterValue,\n  ReferenceValue,\n  ValueSelection\n} from '../ConditionBuilder.types';\nimport { Comparator } from '../core/types';\n\ninterface ValueSelectorProps<T extends { possibleValues?: ValueSelection<T> }>\n  extends BaseProps,\n    NoChildrenProp {\n  mode: ComboBoxProps['mode'];\n  /** Previous selection */\n  values: string[] | string;\n  /** Current selected LHS */\n  selectedField: T;\n  /** Current selected comparator */\n  comparator: Comparator;\n  /** Rhs for the condition */\n  rhs: NonNullable<LeafCondition['rhs']>;\n  /** Passed Parameters array for Rhstype PARAMETER */\n  parameters: ParameterValue[];\n  /** Callback for changes */\n  onChange: (selection: string[] | string) => void;\n  /** Callback for blur */\n  onBlur?: (selection?: string[] | string) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Placeholder text to display in empty control */\n  placeholder?: ComboBoxProps['placeholder'];\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** sets status and info */\n  setApiError?: Dispatch<SetStateAction<string | null>>;\n}\n\n/** A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { possibleValues?: ValueSelection<F> }>({\n  values,\n  selectedField,\n  comparator,\n  rhs,\n  onChange,\n  onBlur,\n  onClear,\n  status,\n  mode,\n  parameters,\n  placeholder,\n  label,\n  info,\n  setApiError\n}: ValueSelectorProps<F>) => {\n  const t = useI18n();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n\n  const [selections, setSelections] = useState<string[] | string>(values);\n  const [filterValue, setFilterValue] = useState('');\n  const [options, setOptions] = useState<(string | ParameterValue | ReferenceValue)[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  const itemsToRender = useMemo(() => {\n    let opts = options;\n\n    if (filterValue) {\n      const matcher = createStringMatcher(filterValue, 'boundary');\n      opts = opts.filter(option => {\n        if (typeof option === 'object') return matcher.test(option.primary);\n        return matcher.test(option);\n      });\n    }\n\n    return opts.map(option => {\n      if (typeof option === 'object') {\n        return {\n          ...option,\n          selected: selections.includes(option.id)\n        };\n      }\n      return {\n        id: option,\n        primary: option,\n        selected: selections.includes(option)\n      };\n    });\n  }, [options, filterValue, selections]);\n\n  useAfterInitialEffect(() => {\n    onChange(selections);\n  }, [selections]);\n\n  useEffect(() => {\n    if (!selectedField) {\n      return;\n    }\n    let subscribed = true;\n\n    if (hasProp(rhs, 'parameterId')) {\n      setOptions(parameters);\n    } else if (hasProp(selectedField, 'possibleValues')) {\n      const { possibleValues } = selectedField;\n      if (typeof possibleValues === 'function') {\n        setLoading(true);\n        setOptions([]);\n        possibleValues({ searchString: filterValue, comparator, lhs: selectedField })\n          .then(response => {\n            if (!subscribed) return;\n            setOptions(response);\n            setLoading(false);\n          })\n          .catch(err => {\n            if (err && subscribed) {\n              setApiError?.(t('condition_builder_possible_values_error'));\n              setOptions([]);\n              setLoading(false);\n            }\n          });\n      } else if (Array.isArray(possibleValues)) {\n        setOptions(possibleValues);\n      } else {\n        setOptions([]);\n      }\n    }\n\n    return () => {\n      subscribed = false;\n      setApiError?.(null);\n    };\n  }, [filterValue, selectedField, comparator]);\n\n  useEffect(() => setFilterValue(''), [selectedField, comparator]);\n\n  const getSelections = () => {\n    if (typeof selections === 'string') {\n      let itemLabel;\n      if (hasProp(rhs, 'parameterId')) {\n        const selectedItem = parameters.find(item => item.id === selections);\n        itemLabel = selectedItem !== undefined ? selectedItem.primary : selections;\n      } else itemLabel = selections;\n\n      return {\n        items: { id: selections, text: itemLabel }\n      };\n    }\n    if (selections.length > 0) {\n      return {\n        items: selections.map(s => {\n          const optionLabel = options.find(opt => typeof opt === 'object' && opt.id === s) as\n            | ParameterValue\n            | ReferenceValue\n            | undefined;\n          return { id: s, text: optionLabel?.primary ?? s };\n        }),\n        onRemove: (value: string) => {\n          setSelections(cur => {\n            const current = cur as string[];\n            return current.filter(selection => selection !== value);\n          });\n        }\n      };\n    }\n\n    return undefined;\n  };\n\n  return (\n    <ComboBox\n      ref={inputRef}\n      mode={mode}\n      label={label ?? t('condition_builder_possible_values_label')}\n      labelHidden={!label}\n      placeholder={\n        placeholder ??\n        (mode === 'single-select'\n          ? t('condition_builder_single_selection_text_default')\n          : t('condition_builder_multi_selection_text_default'))\n      }\n      value={filterValue}\n      onChange={e => {\n        setFilterValue(e.target.value);\n      }}\n      onBlur={() => {\n        onBlur?.(selections);\n        setFilterValue('');\n      }}\n      menu={{\n        items: itemsToRender,\n        onItemClick: id => {\n          setFilterValue('');\n          if (mode === 'single-select') {\n            setSelections(id);\n          } else {\n            setSelections(cur => {\n              const current = cur as string[];\n              return current.includes(id)\n                ? current.filter(selection => selection !== id)\n                : [...cur, id];\n            });\n          }\n        },\n        loading\n      }}\n      selected={getSelections()}\n      status={status}\n      info={info}\n      actions={\n        onClear &&\n        selections.length > 0 && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              setSelections([]);\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ValueSelector;\n"]}
+{"version":3,"file":"ValueSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,QAAQ,EACR,SAAS,EACT,MAAM,EAGN,WAAW,EAEX,mBAAmB,EACpB,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,OAAO,EAEP,QAAQ,EACR,mBAAmB,EACnB,qBAAqB,EAGrB,OAAO,EACP,MAAM,EACN,IAAI,EAGL,MAAM,yBAAyB,CAAC;AA4CjC,6EAA6E;AAC7E,MAAM,aAAa,GAAG,CAA4D,EAChF,MAAM,EACN,aAAa,EACb,UAAU,EACV,GAAG,EACH,QAAQ,EACR,MAAM,EACN,OAAO,EACP,MAAM,EACN,IAAI,EACJ,UAAU,EACV,WAAW,EACX,KAAK,EACL,IAAI,EACJ,WAAW,EACX,MAAM,EACgB,EAAE,EAAE;IAC1B,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE9C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAoB,MAAM,CAAC,CAAC;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAA+C,EAAE,CAAC,CAAC;IACzF,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAChD,EAAE,CACH,CAAC;IACF,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAE3D,MAAM,aAAa,GAAG,CAAC,IAAkD,EAAE,EAAE;QAC3E,OAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACvB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;gBAC9B,OAAO;oBACL,GAAG,MAAM;oBACT,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;wBACjC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;wBAChC,CAAC,CAAC,UAAU,KAAK,MAAM,CAAC,EAAE;iBAC7B,CAAC;aACH;YACD,OAAO;gBACL,EAAE,EAAE,MAAM;gBACV,OAAO,EAAE,MAAM;gBACf,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,UAAU,KAAK,MAAM;aAC1F,CAAC;QACJ,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;YACpC,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC;gBACtC,CAAC,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC9B,CAAC,CAAC,UAAU,KAAK,IAAI,CAAC,EAAE,CAAC;YAC3B,OAAO,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;QACvC,CAAC,CAAC,CAAC;QACH,QAAQ,CAAC,YAAY,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,mBAAmB,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC;QAC7D,gBAAgB,CACd,OAAO,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE;YACtB,IAAI,OAAO,MAAM,KAAK,QAAQ;gBAAE,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACpE,OAAO,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,CAAC,CACH,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC,CAAC;IAE3B,qBAAqB,CAAC,GAAG,EAAE;QACzB,QAAQ,CAAC,UAAU,CAAC,CAAC;IACvB,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO;SACR;QACD,IAAI,UAAU,GAAG,IAAI,CAAC;QAEtB,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,CAAC,EAAE;YAC/B,UAAU,CAAC,UAAU,CAAC,CAAC;SACxB;aAAM,IAAI,OAAO,CAAC,aAAa,EAAE,gBAAgB,CAAC,EAAE;YACnD,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,CAAC;YACzC,IAAI,OAAO,cAAc,KAAK,UAAU,EAAE;gBACxC,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,UAAU,CAAC,EAAE,CAAC,CAAC;gBACf,cAAc,CAAC,EAAE,YAAY,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,EAAE,aAAa,EAAE,CAAC;qBAC1E,IAAI,CAAC,QAAQ,CAAC,EAAE;oBACf,IAAI,CAAC,UAAU;wBAAE,OAAO;oBACxB,UAAU,CAAC,QAAQ,CAAC,CAAC;oBACrB,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC,CAAC;qBACD,KAAK,CAAC,GAAG,CAAC,EAAE;oBACX,IAAI,GAAG,IAAI,UAAU,EAAE;wBACrB,WAAW,EAAE,CAAC,CAAC,CAAC,yCAAyC,CAAC,CAAC,CAAC;wBAC5D,UAAU,CAAC,EAAE,CAAC,CAAC;wBACf,UAAU,CAAC,KAAK,CAAC,CAAC;qBACnB;gBACH,CAAC,CAAC,CAAC;aACN;iBAAM,IAAI,KAAK,CAAC,OAAO,CAAC,cAAc,CAAC,EAAE;gBACxC,UAAU,CAAC,cAAc,CAAC,CAAC;aAC5B;iBAAM;gBACL,UAAU,CAAC,EAAE,CAAC,CAAC;aAChB;SACF;QAED,OAAO,GAAG,EAAE;YACV,UAAU,GAAG,KAAK,CAAC;YACnB,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAE7C,SAAS,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjE,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,IAAI,OAAO,UAAU,KAAK,QAAQ,EAAE;YAClC,IAAI,SAAS,CAAC;YACd,IAAI,OAAO,CAAC,GAAG,EAAE,aAAa,CAAC,EAAE;gBAC/B,MAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC;gBACrE,SAAS,GAAG,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;aAC5E;;gBAAM,SAAS,GAAG,UAAU,CAAC;YAE9B,OAAO;gBACL,KAAK,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,SAAS,EAAE;aAC3C,CAAC;SACH;QACD,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC,EAAE;YACzB,OAAO;gBACL,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;oBACxB,MAAM,WAAW,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,CAAC,EAAE,KAAK,CAAC,CAGlE,CAAC;oBACd,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,CAAC,EAAE,CAAC;gBACpD,CAAC,CAAC;gBACF,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE;oBAC1B,aAAa,CAAC,GAAG,CAAC,EAAE;wBAClB,MAAM,OAAO,GAAG,GAAe,CAAC;wBAChC,OAAO,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC;oBAC1D,CAAC,CAAC,CAAC;gBACL,CAAC;aACF,CAAC;SACH;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,WAAW,KAAK,EAAE,EAAE;YACtB,QAAQ,CAAC,aAAa,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SACrD;aAAM;YACL,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC;IAE7B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,OAAO,EAAE;YACZ,UAAU,CAAC,IAAI,CAAC,CAAC;YAEjB,IAAI,SAAuD,CAAC;YAC5D,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC;gBAAE,SAAS,GAAG,aAAa,CAAC;;gBACnD,SAAS,GAAG,OAAO,CAAC;YAEzB,MAAM,QAAQ,GAAG,SAAS,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC;YACjD,IAAI,cAAc,GAAG,EAAE,CAAC;YACxB,IAAI,QAAQ,IAAI,cAAc,EAAE;gBAC9B,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,cAAc,GAAG,QAAQ,CAAC;aAC3B;YAED,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,QAAQ,CAAC,IAAI,CAAC,EAAE;gBACd,OAAO;oBACL,GAAG,IAAI;oBACP,GAAG,aAAa,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;iBAC/E,CAAC;YACJ,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAEtD,mBAAmB,CACjB,MAAM,EACN,GAAG,EAAE,CAAC,CAAC;QACL,KAAK,EAAE,GAAG,EAAE;YACV,aAAa,CAAC,EAAE,CAAC,CAAC;QACpB,CAAC;KACF,CAAC,EACF,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,OAAO,CACL,KAAC,QAAQ,IACP,GAAG,EAAE,QAAQ,EACb,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,CAAC,CAAC,yCAAyC,CAAC,EAC5D,WAAW,EAAE,CAAC,KAAK,EACnB,WAAW,EACT,WAAW;YACX,CAAC,IAAI,KAAK,eAAe;gBACvB,CAAC,CAAC,CAAC,CAAC,iDAAiD,CAAC;gBACtD,CAAC,CAAC,CAAC,CAAC,gDAAgD,CAAC,CAAC,EAE1D,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;YACZ,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,MAAM,EAAE,CAAC,UAAU,CAAC,CAAC;YACrB,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,EACD,IAAI,EAAE;YACJ,KAAK;YACL,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,cAAc,CAAC,EAAE,CAAC,CAAC;gBACnB,IAAI,IAAI,KAAK,eAAe,EAAE;oBAC5B,aAAa,CAAC,EAAE,CAAC,CAAC;iBACnB;qBAAM;oBACL,aAAa,CAAC,GAAG,CAAC,EAAE;wBAClB,MAAM,OAAO,GAAG,GAAe,CAAC;wBAChC,OAAO,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;4BACzB,CAAC,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,SAAS,KAAK,EAAE,CAAC;4BAC/C,CAAC,CAAC,CAAC,GAAG,GAAG,EAAE,EAAE,CAAC,CAAC;oBACnB,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC;YACD,OAAO;YACP,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;SACzC,EACD,QAAQ,EAAE,aAAa,EAAE,EACzB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EACL,OAAO;YACP,UAAU,CAAC,MAAM,GAAG,CAAC,IAAI,CACvB,KAAC,MAAM,IACL,IAAI,QACJ,OAAO,EAAC,QAAQ,EAChB,KAAK,EAAE,CAAC,CAAC,OAAO,CAAC,EACjB,OAAO,EAAE,GAAG,EAAE;gBACZ,aAAa,CAAC,EAAE,CAAC,CAAC;gBAClB,OAAO,EAAE,CAAC;gBACV,IAAI,QAAQ,CAAC,OAAO,EAAE;oBACpB,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;oBACxD,OAAO,EAAE,KAAK,EAAE,CAAC;iBAClB;YACH,CAAC,YAED,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACd,CACV,GAEH,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import {\n  useState,\n  useEffect,\n  useRef,\n  Dispatch,\n  SetStateAction,\n  useCallback,\n  Ref,\n  useImperativeHandle\n} from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  createStringMatcher,\n  useAfterInitialEffect,\n  NoChildrenProp,\n  ComboBoxProps,\n  hasProp,\n  Button,\n  Icon,\n  MenuProps,\n  HandleValue\n} from '@pega/cosmos-react-core';\n\nimport {\n  LeafCondition,\n  ParameterValue,\n  ReferenceValue,\n  ValueSelection\n} from '../ConditionBuilder.types';\nimport { Comparator } from '../core/types';\n\ninterface ValueSelectorProps<T extends { possibleValues?: ValueSelection<T> }>\n  extends BaseProps,\n    NoChildrenProp {\n  mode: ComboBoxProps['mode'];\n  /** Previous selection */\n  values: string[] | string;\n  /** Current selected LHS */\n  selectedField: T;\n  /** Current selected comparator */\n  comparator: Comparator;\n  /** Rhs for the condition */\n  rhs: NonNullable<LeafCondition['rhs']>;\n  /** Passed Parameters array for Rhstype PARAMETER */\n  parameters: ParameterValue[];\n  /** Callback for changes */\n  onChange: (selection: string[] | string) => void;\n  /** Callback for blur */\n  onBlur?: (selection?: string[] | string) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Placeholder text to display in empty control */\n  placeholder?: ComboBoxProps['placeholder'];\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** sets status and info */\n  setApiError?: Dispatch<SetStateAction<string | null>>;\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\n/** A control for selecting multiple values using checkboxes in an overlay */\nconst ValueSelector = <F extends object & { possibleValues?: ValueSelection<F> }>({\n  values,\n  selectedField,\n  comparator,\n  rhs,\n  onChange,\n  onBlur,\n  onClear,\n  status,\n  mode,\n  parameters,\n  placeholder,\n  label,\n  info,\n  setApiError,\n  handle\n}: ValueSelectorProps<F>) => {\n  const t = useI18n();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n\n  const [selections, setSelections] = useState<string[] | string>(values);\n  const [filterValue, setFilterValue] = useState('');\n  const [options, setOptions] = useState<(string | ParameterValue | ReferenceValue)[]>([]);\n  const [filterOptions, setFilterOptions] = useState<(string | ParameterValue | ReferenceValue)[]>(\n    []\n  );\n  const [loading, setLoading] = useState(false);\n  const [hasMore, setHasMore] = useState(true);\n  const [items, setItems] = useState<MenuProps['items']>([]);\n\n  const itemsToRender = (item: (string | ParameterValue | ReferenceValue)[]) => {\n    return item.map(option => {\n      if (typeof option === 'object') {\n        return {\n          ...option,\n          selected: Array.isArray(selections)\n            ? selections.includes(option.id)\n            : selections === option.id\n        };\n      }\n      return {\n        id: option,\n        primary: option,\n        selected: Array.isArray(selections) ? selections.includes(option) : selections === option\n      };\n    });\n  };\n\n  useEffect(() => {\n    const updatedItems = items.map(item => {\n      const result = Array.isArray(selections)\n        ? selections.includes(item.id)\n        : selections === item.id;\n      return { ...item, selected: result };\n    });\n    setItems(updatedItems);\n  }, [selections]);\n\n  useEffect(() => {\n    const matcher = createStringMatcher(filterValue, 'boundary');\n    setFilterOptions(\n      options.filter(option => {\n        if (typeof option === 'object') return matcher.test(option.primary);\n        return matcher.test(option);\n      })\n    );\n  }, [filterValue, options]);\n\n  useAfterInitialEffect(() => {\n    onChange(selections);\n  }, [selections]);\n\n  useEffect(() => {\n    if (!selectedField) {\n      return;\n    }\n    let subscribed = true;\n\n    if (hasProp(rhs, 'parameterId')) {\n      setOptions(parameters);\n    } else if (hasProp(selectedField, 'possibleValues')) {\n      const { possibleValues } = selectedField;\n      if (typeof possibleValues === 'function') {\n        setLoading(true);\n        setOptions([]);\n        possibleValues({ searchString: filterValue, comparator, lhs: selectedField })\n          .then(response => {\n            if (!subscribed) return;\n            setOptions(response);\n            setLoading(false);\n          })\n          .catch(err => {\n            if (err && subscribed) {\n              setApiError?.(t('condition_builder_possible_values_error'));\n              setOptions([]);\n              setLoading(false);\n            }\n          });\n      } else if (Array.isArray(possibleValues)) {\n        setOptions(possibleValues);\n      } else {\n        setOptions([]);\n      }\n    }\n\n    return () => {\n      subscribed = false;\n      setApiError?.(null);\n    };\n  }, [filterValue, selectedField, comparator]);\n\n  useEffect(() => setFilterValue(''), [selectedField, comparator]);\n\n  const getSelections = () => {\n    if (typeof selections === 'string') {\n      let itemLabel;\n      if (hasProp(rhs, 'parameterId')) {\n        const selectedItem = parameters.find(item => item.id === selections);\n        itemLabel = selectedItem !== undefined ? selectedItem.primary : selections;\n      } else itemLabel = selections;\n\n      return {\n        items: { id: selections, text: itemLabel }\n      };\n    }\n    if (selections.length > 0) {\n      return {\n        items: selections.map(s => {\n          const optionLabel = options.find(opt => typeof opt === 'object' && opt.id === s) as\n            | ParameterValue\n            | ReferenceValue\n            | undefined;\n          return { id: s, text: optionLabel?.primary ?? s };\n        }),\n        onRemove: (value: string) => {\n          setSelections(cur => {\n            const current = cur as string[];\n            return current.filter(selection => selection !== value);\n          });\n        }\n      };\n    }\n\n    return undefined;\n  };\n\n  useEffect(() => {\n    if (filterValue !== '') {\n      setItems(itemsToRender(filterOptions.slice(0, 10)));\n    } else {\n      setItems(itemsToRender(options.slice(0, 10)));\n    }\n  }, [options, filterOptions]);\n\n  const loadMore = useCallback(() => {\n    if (!loading) {\n      setLoading(true);\n\n      let totalItem: (string | ParameterValue | ReferenceValue)[];\n      if (filterOptions.length > 0) totalItem = filterOptions;\n      else totalItem = options;\n\n      const remItems = totalItem.length - items.length;\n      let newItemsLength = 10;\n      if (remItems <= newItemsLength) {\n        setHasMore(false);\n        newItemsLength = remItems;\n      }\n\n      setLoading(false);\n      setItems(prev => {\n        return [\n          ...prev,\n          ...itemsToRender(totalItem.slice(items.length, items.length + newItemsLength))\n        ];\n      });\n    }\n  }, [options, loading, filterOptions, items, hasMore]);\n\n  useImperativeHandle(\n    handle,\n    () => ({\n      clear: () => {\n        setSelections([]);\n      }\n    }),\n    [setSelections]\n  );\n\n  return (\n    <ComboBox\n      ref={inputRef}\n      mode={mode}\n      label={label ?? t('condition_builder_possible_values_label')}\n      labelHidden={!label}\n      placeholder={\n        placeholder ??\n        (mode === 'single-select'\n          ? t('condition_builder_single_selection_text_default')\n          : t('condition_builder_multi_selection_text_default'))\n      }\n      value={filterValue}\n      onChange={e => {\n        setFilterValue(e.target.value);\n        setHasMore(true);\n      }}\n      onBlur={() => {\n        onBlur?.(selections);\n        setFilterValue('');\n      }}\n      menu={{\n        items,\n        onItemClick: id => {\n          setFilterValue('');\n          if (mode === 'single-select') {\n            setSelections(id);\n          } else {\n            setSelections(cur => {\n              const current = cur as string[];\n              return current.includes(id)\n                ? current.filter(selection => selection !== id)\n                : [...cur, id];\n            });\n          }\n        },\n        loading,\n        loadMore: hasMore ? loadMore : undefined\n      }}\n      selected={getSelections()}\n      status={status}\n      info={info}\n      actions={\n        onClear &&\n        selections.length > 0 && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              setSelections([]);\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ValueSelector;\n"]}

package/lib/components/ConditionBuilder/RhsControls/index.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, ForwardProps, FormControlProps, HandleValue } from '@pega/cosmos-react-core';
 import { FieldType, Comparator, RHSType } from '../core/types';
 import { LeafCondition, Field, DateFunctionsByType } from '../ConditionBuilder.types';
 /**
@@ -24,7 +24,7 @@ interface RhsControlProps extends BaseProps {
     /** Metadata (data-model) for the Fields to use in the RHS field-selector */
     fields: Field[];
     /** Callback for any modifications to the Rhs */
-    onChange: (rhs: LeafCondition['rhs']) => void;
+    onChange: (rhs: LeafCondition['rhs'], status?: 'error') => void;
     /** Used to enable inline error indicators on invalid inputs */
     indicateErrors: boolean;
     /** Item flow direction */
@@ -35,6 +35,8 @@ interface RhsControlProps extends BaseProps {
     dateFunctions?: DateFunctionsByType;
     /** Visually hides the label region. */
     labelHidden?: FormControlProps['labelHidden'];
+    /** Imperative handle */
+    handle?: Ref<HandleValue>;
 }
 /** A controlled component for controls on a Condition's RHS */
 declare const RhsControls: FunctionComponent<RhsControlProps & ForwardProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6C,MAAM,OAAO,CAAC;AAErF,OAAO,EAML,SAAS,EACT,YAAY,EAKZ,gBAAgB,EAEjB,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAwCtF;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,SAAS,CAAC,EAAE,SAAS,EACrB,UAAU,GAAE,OAAe,GAC1B,OAAO,CAqFT;AAED,wHAAwH;AACxH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,aAAa,CAAC,EAAE,mBAAmB,GAClC,aAAa,CAAC,KAAK,CAAC,CAgDtB;AAID,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAkBtF;AAED,yDAAyD;AACzD,UAAU,eAAgB,SAAQ,SAAS;IACzC,4BAA4B;IAC5B,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1B,mCAAmC;IACnC,UAAU,EAAE,UAAU,CAAC;IAEvB,4BAA4B;IAC5B,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1B,4EAA4E;IAC5E,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IAE9C,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,0BAA0B;IAC1B,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEhC,uDAAuD;IACvD,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE5B,oHAAoH;IACpH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,uCAAuC;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC/C;AAED,+DAA+D;AAC/D,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAoXlE,CAAC;AACF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA6C,GAAG,EAAE,MAAM,OAAO,CAAC;AAE1F,OAAO,EAML,SAAS,EACT,YAAY,EAKZ,gBAAgB,EAEhB,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAMjC,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAwCtF;;;;;;GAMG;AACH,wBAAgB,UAAU,CACxB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,SAAS,CAAC,EAAE,SAAS,EACrB,UAAU,GAAE,OAAe,GAC1B,OAAO,CAqFT;AAED,wHAAwH;AACxH,wBAAgB,aAAa,CAC3B,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,aAAa,CAAC,EAAE,mBAAmB,GAClC,aAAa,CAAC,KAAK,CAAC,CAgDtB;AAID,wBAAgB,qBAAqB,CAAC,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,MAAM,CAkBtF;AAED,yDAAyD;AACzD,UAAU,eAAgB,SAAQ,SAAS;IACzC,4BAA4B;IAC5B,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1B,mCAAmC;IACnC,UAAU,EAAE,UAAU,CAAC;IAEvB,4BAA4B;IAC5B,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE1B,4EAA4E;IAC5E,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEhE,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,0BAA0B;IAC1B,aAAa,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEhC,uDAAuD;IACvD,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE5B,oHAAoH;IACpH,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,uCAAuC;IACvC,WAAW,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAE9C,wBAAwB;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B;AAED,+DAA+D;AAC/D,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CA6ZlE,CAAC;AACF,eAAe,WAAW,CAAC"}

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

@@ -163,7 +163,7 @@ export function truncateISODateString(dateString, fieldType) {
 }
 /** A controlled component for controls on a Condition's RHS */
 const RhsControls = (props) => {
-    const { lhs, comparator, rhs, fields, onChange, indicateErrors, itemDirection, validRhsTypes, dateFunctions, labelHidden = true } = props;
+    const { lhs, comparator, rhs, fields, onChange, indicateErrors, itemDirection, validRhsTypes, dateFunctions, labelHidden = true, handle } = props;
     const t = useI18n();
     const [apiError, setApiError] = useState(null);
     // Find the field corresponding to the LHS
@@ -228,16 +228,33 @@ const RhsControls = (props) => {
     // Handle changes from a DateInput
     const handleDateValueChange = ({ valueAsISOString, valueAsTimestamp, state }) => {
         // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp as both undefined
-        if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid')
+        if (valueAsTimestamp === undefined) {
+            onChange({ value: '' });
             return;
+        }
+        if (state) {
+            // sending empty value marked as 'error' to allow clearing condition
+            onChange({ value: '' }, 'error');
+            return;
+        }
         const truncatedValue = truncateISODateString(valueAsISOString, fieldType); // Truncate to return a wall time as per spec
         onChange({
             value: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedValue) : truncatedValue
         });
     };
     const handleDateRangeValueChange = ({ start, end }) => {
-        if (start.valueAsISOString === '' || end.valueAsISOString === '')
+        if (start.valueAsTimestamp === undefined && end.valueAsTimestamp === undefined) {
+            onChange({ start: '', end: '' });
             return;
+        }
+        if (start.valueAsTimestamp === undefined ||
+            end.valueAsTimestamp === undefined ||
+            start.state ||
+            end.state) {
+            // sending empty value marked as 'error' to allow clearing condition
+            onChange({ start: '', end: '' }, 'error');
+            return;
+        }
         const [truncatedStartValue, truncatedEndValue] = [
             truncateISODateString(start.valueAsISOString, fieldType),
             truncateISODateString(end.valueAsISOString, fieldType)
@@ -248,10 +265,14 @@ const RhsControls = (props) => {
         });
     };
     const handleNumberRangeValueChange = ({ start, end }) => {
+        const startValue = start.trim();
+        const endValue = end.trim();
         onChange({
-            start: start.trim() ? Number(start) : '',
-            end: end.trim() ? Number(end) : ''
-        });
+            start: startValue ? Number(start) : '',
+            end: endValue ? Number(end) : ''
+        }, 
+        // checking one of values is empty, but not both
+        (!startValue || !endValue) && (startValue || endValue) ? 'error' : undefined);
     };
     // Handle changes from a CSV-input
     const handleCSVChange = (e) => {
@@ -274,8 +295,8 @@ const RhsControls = (props) => {
             alignItems: itemDirection === 'column' ? 'stretch' : 'start',
             justify: 'between',
             gap: 0.5
-        }, children: [_jsx(RhsModeSwitch, { parameters: parameters, fieldType: fieldType, comparator: comparator, rhs: rhs, onChange: onChange, mode: itemDirection === 'column' ? 'combo-box' : 'menu-button', validRhsTypes: validRhsTypes, dateFunctions: dateFunctions }), hasProp(rhs, 'field') && (_jsx(Flex, { item: { grow: 1 }, children: _jsx(FieldSelector, { value: rhs.field, onChange: handleFieldChange, fields: fieldOptions, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : undefined }) })), hasProp(rhs, 'parameterId') && (_jsxs(Flex, { item: { grow: 1 }, children: [parameters.length === 1 && (_jsx(Input, { value: parameters[0].primary.toString(), status: showError ? 'error' : undefined, info: showError ? t('condition_builder_empty_value_text') : undefined, name: 'rhs-text-parameter-input', label: t('condition_builder_rhs_with_readOnly_input'), labelHidden: true, readOnly: true })), parameters.length > 1 && (_jsx(ValueSelector, { parameters: parameters, mode: 'single-select', values: rhs.parameterId.toString(), selectedField: matchingField, rhs: rhs, comparator: comparator, onChange: handleValueSelection, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_empty_selection_error_text') : undefined }))] })), hasProp(rhs, 'value') && !hasProp(rhs, 'dateFunction') && (_jsxs(Flex, { item: { grow: 1 }, children: [fieldType === 'TEXT' && useValueSelector && (_jsx(ValueSelector, { parameters: parameters, mode: 'single-select', values: rhs.value.toString(), selectedField: matchingField, comparator: comparator, rhs: rhs, onChange: handleValueSelection, status: showError || apiError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : apiError, setApiError: setApiError })), fieldType === 'TEXT' && !useValueSelector && (_jsx(Input, { value: rhs.value.toString(), onChange: handleValueChange, status: showError ? 'error' : undefined, info: showError ? t('empty_value') : undefined, name: 'rhs-text-literal-input', label: t('condition_builder_rhs_with_input_type'), labelHidden: true })), fieldType === 'NUMBER' && (_jsx(NumericInput, { rhs: rhs, onChange: onChange, status: showError ? 'error' : undefined })), fieldType === 'TIME_ONLY' && (_jsx(TimeInput, { value: rhs.value !== '' ? convertMsToTimeValue(Number(rhs.value)) : undefined, withSeconds: true, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_time') : '', label: '-', labelHidden: true })), fieldType === 'DATE_ONLY' && (_jsx(DateInput, { value: rhs.value, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date') : '', label: '-', labelHidden: true })), fieldType === 'DATE_TIME' && (_jsx(DateTimeInput, { value: rhs.value !== '' ? rhs.value : undefined, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date') : '', label: '-', labelHidden: true }))] })), (fieldType === 'DATE_ONLY' || fieldType === 'DATE_TIME') &&
-                (hasProp(rhs, 'relativeDate') || hasProp(rhs, 'dateFunction')) && (_jsx(Flex, { item: { grow: 1 }, children: _jsx(TimePeriodComp, { rhs: rhs, fieldType: fieldType, onChange: onChange, dateFunctionsList: dateFunctions ? dateFunctions[fieldType] : [], status: showError ? 'error' : undefined }) })), hasProp(rhs, 'values') && (_jsxs(Flex, { item: { grow: 1 }, children: [useValueSelector && (_jsx(ValueSelector, { parameters: parameters, mode: 'multi-select', values: rhs.values.map(String), selectedField: matchingField, comparator: comparator, rhs: rhs, onChange: handleValueSelection, status: showError || apiError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : apiError, setApiError: setApiError })), !useValueSelector && (_jsx(Input, { value: csvInput, onChange: handleCSVChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_values') : undefined, label: '-', labelHidden: true, placeholder: t('condition_builder_enter_csv_placeholder') }))] })), hasProp(rhs, 'start') && (_jsxs(Flex, { item: { grow: 1 }, children: [fieldType === 'NUMBER' && (_jsx(NumberRangeInput, { value: { start: rhs.start.toString(), end: rhs.end.toString() }, onChange: handleNumberRangeValueChange, status: showError ? 'error' : undefined, label: matchingField.primary, labelHidden: labelHidden, info: showError ? t('condition_builder_invalid_number_range') : undefined })), fieldType === 'DATE_ONLY' && (_jsx(DateRangeInput, { value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date_range') : '' })), fieldType === 'TIME_ONLY' && (_jsx(TimeRangeInput, { mode: 'time', value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_time_range') : '' })), fieldType === 'DATE_TIME' && (_jsx(TimeRangeInput, { mode: 'datetime', value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date_range') : '' }))] }))] }));
+        }, children: [_jsx(RhsModeSwitch, { parameters: parameters, fieldType: fieldType, comparator: comparator, rhs: rhs, onChange: onChange, mode: itemDirection === 'column' ? 'combo-box' : 'menu-button', validRhsTypes: validRhsTypes, dateFunctions: dateFunctions }), hasProp(rhs, 'field') && (_jsx(Flex, { item: { grow: 1 }, children: _jsx(FieldSelector, { value: rhs.field, onChange: handleFieldChange, fields: fieldOptions, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : undefined }) })), hasProp(rhs, 'parameterId') && (_jsxs(Flex, { item: { grow: 1 }, children: [parameters.length === 1 && (_jsx(Input, { value: parameters[0].primary.toString(), status: showError ? 'error' : undefined, info: showError ? t('condition_builder_empty_value_text') : undefined, name: 'rhs-text-parameter-input', label: t('condition_builder_rhs_with_readOnly_input'), labelHidden: true, readOnly: true })), parameters.length > 1 && (_jsx(ValueSelector, { parameters: parameters, mode: 'single-select', values: rhs.parameterId.toString(), selectedField: matchingField, rhs: rhs, comparator: comparator, onChange: handleValueSelection, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_empty_selection_error_text') : undefined, handle: handle }))] })), hasProp(rhs, 'value') && !hasProp(rhs, 'dateFunction') && (_jsxs(Flex, { item: { grow: 1 }, children: [fieldType === 'TEXT' && useValueSelector && (_jsx(ValueSelector, { parameters: parameters, mode: 'single-select', values: rhs.value.toString(), selectedField: matchingField, comparator: comparator, rhs: rhs, onChange: handleValueSelection, status: showError || apiError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : apiError, setApiError: setApiError, handle: handle })), fieldType === 'TEXT' && !useValueSelector && (_jsx(Input, { value: rhs.value.toString(), onChange: handleValueChange, status: showError ? 'error' : undefined, info: showError ? t('empty_value') : undefined, name: 'rhs-text-literal-input', label: t('condition_builder_rhs_with_input_type'), labelHidden: true })), fieldType === 'NUMBER' && (_jsx(NumericInput, { rhs: rhs, onChange: onChange, status: showError ? 'error' : undefined })), fieldType === 'TIME_ONLY' && (_jsx(TimeInput, { value: rhs.value !== '' ? convertMsToTimeValue(Number(rhs.value)) : undefined, withSeconds: true, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_time') : '', label: '-', labelHidden: true, handle: handle })), fieldType === 'DATE_ONLY' && (_jsx(DateInput, { value: rhs.value, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date') : '', label: '-', labelHidden: true, handle: handle })), fieldType === 'DATE_TIME' && (_jsx(DateTimeInput, { value: rhs.value !== '' ? rhs.value : undefined, onChange: handleDateValueChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date') : '', label: '-', labelHidden: true, handle: handle }))] })), (fieldType === 'DATE_ONLY' || fieldType === 'DATE_TIME') &&
+                (hasProp(rhs, 'relativeDate') || hasProp(rhs, 'dateFunction')) && (_jsx(Flex, { item: { grow: 1 }, children: _jsx(TimePeriodComp, { rhs: rhs, fieldType: fieldType, onChange: onChange, dateFunctionsList: dateFunctions ? dateFunctions[fieldType] : [], status: showError ? 'error' : undefined }) })), hasProp(rhs, 'values') && (_jsxs(Flex, { item: { grow: 1 }, children: [useValueSelector && (_jsx(ValueSelector, { parameters: parameters, mode: 'multi-select', values: rhs.values.map(String), selectedField: matchingField, comparator: comparator, rhs: rhs, onChange: handleValueSelection, status: showError || apiError ? 'error' : undefined, info: showError ? t('condition_builder_no_selection') : apiError, setApiError: setApiError, handle: handle })), !useValueSelector && (_jsx(Input, { value: csvInput, onChange: handleCSVChange, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_values') : undefined, label: '-', labelHidden: true, placeholder: t('condition_builder_enter_csv_placeholder') }))] })), hasProp(rhs, 'start') && (_jsxs(Flex, { item: { grow: 1 }, children: [fieldType === 'NUMBER' && (_jsx(NumberRangeInput, { value: { start: rhs.start.toString(), end: rhs.end.toString() }, onChange: handleNumberRangeValueChange, status: showError ? 'error' : undefined, label: matchingField.primary, labelHidden: labelHidden, info: showError ? t('condition_builder_invalid_number_range') : undefined, handle: handle })), fieldType === 'DATE_ONLY' && (_jsx(DateRangeInput, { value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date_range') : '', handle: handle })), fieldType === 'TIME_ONLY' && (_jsx(TimeRangeInput, { mode: 'time', value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_time_range') : '', handle: handle })), fieldType === 'DATE_TIME' && (_jsx(TimeRangeInput, { mode: 'datetime', value: { start: rhs.start || undefined, end: rhs.end || undefined }, onChange: handleDateRangeValueChange, labelHidden: labelHidden, label: matchingField.primary, status: showError ? 'error' : undefined, info: showError ? t('condition_builder_invalid_date_range') : '', handle: handle }))] }))] }));
 };
 export default RhsControls;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, ChangeEvent, useState, useEffect, useMemo } from 'react';\n\nimport {\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Input,\n  hasProp,\n  BaseProps,\n  ForwardProps,\n  TimeInput,\n  useI18n,\n  DateRangeInput,\n  TimeRangeInput,\n  FormControlProps,\n  NumberRangeInput\n} from '@pega/cosmos-react-core';\nimport type {\n  DateTimeCallbackParameter,\n  DateRangeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\n\nimport { FieldType, Comparator, RHSType } from '../core/types';\nimport { LeafCondition, Field, DateFunctionsByType } from '../ConditionBuilder.types';\nimport { convertTimeValueToMs, convertMsToTimeValue } from '../core/time-utils';\nimport { getItem } from '../core/utils';\n\nimport ValueSelector from './ValueSelector';\nimport FieldSelector from './FieldSelector';\nimport RhsModeSwitch from './RhsModeSwitch';\nimport TimePeriodInput from './TimePeriodInput';\nimport TimePeriodMenu from './TimePeriodMenu';\nimport NumericInput from './NumericInput';\n\nfunction isValidLiteralValue(\n  value: string | number,\n  fieldType?: FieldType,\n  trimValues: boolean = false\n): boolean {\n  // Identify any invalid numbers (e.g. when `-` is entered)\n  if (typeof value === 'number') {\n    return !Number.isNaN(value);\n  }\n\n  // NOTE: Not trimming the value in the change-handler so that users can freely type spaces between words\n  if (trimValues) {\n    value = value.trim();\n  }\n\n  // Can be empty on init and on clearing the value\n  if (value.trim() === '') {\n    return false;\n  }\n\n  // This check is needed to eliminate invalid dates like `Feb 31` (02/31/2020), which the input allows\n  if (\n    (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY') &&\n    Number.isNaN(new Date(value).getTime())\n  ) {\n    return false;\n  }\n  return true;\n}\n/**\n * Verifies if the condition has all valid values.\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 * - Also, this does not try to validate if the given `rhs` matches the `lhs`/`comparator`/`validRhsTypes`. Instead, it assumes that the appropriate LHS/Comparator/validRhsTypes must have been already in place for this rhs to be generated.\n */\nexport function isValidRhs(\n  rhs: LeafCondition['rhs'],\n  lhs: LeafCondition['lhs'],\n  fields: Field[],\n  fieldType?: FieldType,\n  trimValues: boolean = false\n): boolean {\n  // Find the field corresponding to the LHS\n  const matchingField = getItem(fields, lhs.field);\n\n  if (matchingField === undefined || !hasProp(matchingField, 'type')) {\n    // Check if the RHS has no defined values to select\n    return false;\n  }\n\n  // A ValueSelector in single/multiple mode is possible when these criteria are met\n  const isValueSelectorPossible =\n    fieldType === 'TEXT' && matchingField.possibleValues !== undefined;\n\n  // RHS would be `undefined` when no RHS is needed. Treat it as a valid value\n  if (rhs === undefined) {\n    return true;\n  }\n\n  // Field-selector on the RHS\n  if (hasProp(rhs, 'field')) {\n    // RHS is invalid if no field is selected\n    return rhs.field !== '';\n  }\n\n  // rhs of Parameter type\n  if (hasProp(rhs, 'parameterId')) {\n    // RHS is invalid if no id is returned\n    return !!rhs.parameterId;\n  }\n\n  // List-input cases\n  if (hasProp(rhs, 'values')) {\n    // RHS is invalid if the list is empty\n    if (rhs.values.length === 0) {\n      return false;\n    }\n    // For numeric fields, RHS is invalid if any NaN values are present in the list\n    if (fieldType === 'NUMBER' && (rhs.values as number[]).some(v => Number.isNaN(v))) {\n      return false;\n    }\n  }\n\n  if (hasProp(rhs, 'value')) {\n    // Identify any invalid numbers (e.g. when `-` is entered)\n    if (typeof rhs.value === 'number') {\n      return !Number.isNaN(rhs.value);\n    }\n\n    // NOTE: Not trimming the value in the change-handler so that users can freely type spaces between words\n    if (trimValues && !isValueSelectorPossible) {\n      rhs.value = rhs.value.trim();\n    }\n\n    // Can be empty on init and on clearing the value\n    if (rhs.value.trim() === '') {\n      return false;\n    }\n\n    // This check is needed to eliminate invalid dates like `Feb 31` (02/31/2020), which the input allows\n    if (\n      (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY') &&\n      Number.isNaN(new Date(rhs.value).getTime())\n    ) {\n      return false;\n    }\n  }\n\n  if (\n    hasProp(rhs, 'relativeDate') &&\n    ((rhs.relativeDate.timePeriod === 'CURRENT' && rhs.relativeDate.interval) ||\n      (rhs.relativeDate.timePeriod !== 'CURRENT' &&\n        (!rhs.relativeDate.interval || rhs.relativeDate.interval <= 0)))\n  ) {\n    return false;\n  }\n\n  if (\n    hasProp(rhs, 'start') &&\n    (!isValidLiteralValue(rhs.start, fieldType, trimValues) ||\n      !isValidLiteralValue(rhs.end, fieldType, trimValues))\n  ) {\n    return false;\n  }\n\n  return true;\n}\n\n/** For a condition with the given comparator and lhs-field-type, determines an appropriate default value for the Rhs */\nexport function getDefaultRhs(\n  fieldType: FieldType,\n  comparator: Comparator,\n  validRhsTypes: Set<RHSType>,\n  dateFunctions?: DateFunctionsByType\n): LeafCondition['rhs'] {\n  switch (comparator) {\n    case 'IS_TRUE':\n    case 'IS_FALSE':\n    case 'IS_NULL':\n    case 'IS_NOT_NULL':\n      return undefined; // These comparators do not have an Rhs\n\n    case 'IN':\n    case 'NOT_IN':\n      return { values: [] };\n\n    case 'BTW':\n    case 'NOT_BTW':\n      return { start: '', end: '' };\n\n    default: {\n      if (fieldType === 'BOOLEAN' && (comparator === 'EQ' || comparator === 'NEQ')) {\n        // For booleans, these comparators can only be used for comparing with other fields\n        return { field: '' };\n      }\n\n      if (validRhsTypes.has('LITERAL')) return { value: '' };\n\n      if (validRhsTypes.has('PARAMETER')) return { parameterId: '' };\n\n      if (\n        validRhsTypes.has('DATE_FUNCTION') &&\n        dateFunctions &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      )\n        return { value: '', dateFunction: dateFunctions[fieldType][0] };\n\n      if (\n        validRhsTypes.has('RELATIVE_DATE') &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      ) {\n        return {\n          relativeDate: {\n            timePeriod: 'CURRENT',\n            datePart: 'DAYS'\n          }\n        };\n      }\n\n      return { field: '' };\n    }\n  }\n}\n\n// Truncates output values from DateInput/DateTimeInput to return a wall time on the RHS\n// NOTE: This assumes that the input date is set up on the UTC timezone\nexport function truncateISODateString(dateString: string, fieldType: FieldType): string {\n  const date = new Date(dateString);\n  const YYYY = date.getUTCFullYear().toString().padStart(4, '0');\n  const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');\n  const DD = date.getUTCDate().toString().padStart(2, '0');\n\n  // For DATE_ONLY fields, returning a YYYY-MM-DD format as per spec\n  if (fieldType === 'DATE_ONLY') return `${YYYY}-${MM}-${DD}`;\n\n  const hh = date.getUTCHours().toString().padStart(2, '0');\n  const mm = date.getUTCMinutes().toString().padStart(2, '0');\n  const ss = date.getUTCSeconds().toString().padStart(2, '0');\n\n  if (fieldType === 'TIME_ONLY') return `${hh}:${mm}:${ss}`;\n\n  // cspell:disable-next-line\n  // For DATE_TIME fields, returning a YYYY-MM-DDTHH:mm format and discarding the time-zone etc. to be consistent with the previous spec which was returning a wall time\n  return `${YYYY}-${MM}-${DD}T${hh}:${mm}`;\n}\n\n/** Type definition for the input props of RhsControls */\ninterface RhsControlProps extends BaseProps {\n  /** Lhs for the condition */\n  lhs: LeafCondition['lhs'];\n\n  /** Comparator for the condition */\n  comparator: Comparator;\n\n  /** Rhs for the condition */\n  rhs: LeafCondition['rhs'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields: Field[];\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: LeafCondition['rhs']) => void;\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** Item flow direction */\n  itemDirection: 'row' | 'column';\n\n  /** Restricts RHS values to only specified RHS types */\n  validRhsTypes: Set<RHSType>;\n\n  /** Passed to enable additional date controls on the RHS, when a DATE_TIME/DATE_ONLY field is selected on the LHS */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n}\n\n/** A controlled component for controls on a Condition's RHS */\nconst RhsControls: FunctionComponent<RhsControlProps & ForwardProps> = (props: RhsControlProps) => {\n  const {\n    lhs,\n    comparator,\n    rhs,\n    fields,\n    onChange,\n    indicateErrors,\n    itemDirection,\n    validRhsTypes,\n    dateFunctions,\n    labelHidden = true\n  } = props;\n\n  const t = useI18n();\n\n  const [apiError, setApiError] = useState<string | null>(null);\n\n  // Find the field corresponding to the LHS\n  const matchingField = getItem(fields, lhs.field);\n\n  // Options for the Field-selector (if applicable)\n  const fieldOptions = useMemo(() => {\n    if (!matchingField || !hasProp(matchingField, 'type')) return [];\n    // Show all other fields of the same data type as the LHS\n    return fields.filter(\n      f => hasProp(f, 'type') && f.type === matchingField.type && f.id !== lhs.field\n    );\n  }, [fields, lhs]);\n\n  // Set up a CSV input for IN/NOT_IN comparators\n  const [csvInput, setCsvInput] = useState(\n    rhs && hasProp(rhs, 'values') ? rhs.values.join(', ') : ''\n  );\n\n  useEffect(() => {\n    // If moving away from the CSV-mode, clear the CSV Input.\n    // This ensures that if a different `rhs.values` is passed (a new empty array can be passed when an applicable comparator is selected), the local state matches the new input.\n    if (csvInput && (!rhs || !hasProp(rhs, 'values'))) {\n      setCsvInput('');\n    }\n  }, [rhs]);\n\n  // If a field is not selected or if the comparator doesn't need any RHS, don't render anything\n  if (rhs === undefined) {\n    return <div />; // Rendering a placeholder div to keep the layout consistent\n  }\n\n  if (matchingField === undefined || !hasProp(matchingField, 'type')) {\n    // For safety against any rare cases where the LHS from an input condition is not present in the input fields to the ConditionBuilder\n    // In those cases, don't render an RHS and wait for a valid value to be picked on LHS\n    return <div />; // Rendering a placeholder div to keep the layout consistent\n  }\n  const fieldType = matchingField.type;\n\n  const parameters = matchingField.parameters !== undefined ? matchingField.parameters : [];\n\n  // If errors should be indicated inline, validate the current rhs\n  let showError = false;\n  if (indicateErrors) {\n    showError = !isValidRhs(rhs, lhs, fields, fieldType, false);\n  }\n\n  const isValueSelectorPossible =\n    fieldType === 'TEXT' &&\n    matchingField.possibleValues !== undefined &&\n    ['EQ', 'NEQ', 'IN', 'NOT_IN'].includes(comparator); // A ValueSelector in single/multiple mode is possible when these criteria are met\n  const useValueSelector = isValueSelectorPossible && !hasProp(rhs, 'field'); // Use the ValueSelector component if it is applicable and if not in ANOTHER_FIELD mode and if RHS is not PARAMETER type\n  // Handle changes from the Value-selector\n\n  const handleValueSelection = (selection: string | string[]) => {\n    if (typeof selection === 'string') {\n      if (hasProp(rhs, 'parameterId')) onChange({ parameterId: selection });\n      else onChange({ value: selection }); // Submit a new RHS\n    } else {\n      onChange({ values: selection }); // Submit a new RHS\n    }\n  };\n\n  // Handle changes from the Field-selector\n  const handleFieldChange = (id: string) => {\n    onChange({ field: id }); // Submit a new RHS\n  };\n\n  // Handle changes from a Value-input\n  const handleValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n    // NOTE: Not trimming the value here so that users can freely type spaces between words. Trimming is done on Submit, via the isValidRhs call\n    onChange({ value: e.target.value }); // Submit a new RHS\n  };\n\n  // Handle changes from a DateInput\n  const handleDateValueChange = ({\n    valueAsISOString,\n    valueAsTimestamp,\n    state\n  }: DateTimeCallbackParameter) => {\n    // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp as both undefined\n    if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid') return;\n\n    const truncatedValue = truncateISODateString(valueAsISOString, fieldType); // Truncate to return a wall time as per spec\n    onChange({\n      value: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedValue) : truncatedValue\n    });\n  };\n\n  const handleDateRangeValueChange = ({ start, end }: DateRangeCallbackParameter) => {\n    if (start.valueAsISOString === '' || end.valueAsISOString === '') return;\n\n    const [truncatedStartValue, truncatedEndValue] = [\n      truncateISODateString(start.valueAsISOString, fieldType),\n      truncateISODateString(end.valueAsISOString, fieldType)\n    ];\n\n    onChange({\n      start:\n        fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedStartValue) : truncatedStartValue,\n      end: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedEndValue) : truncatedEndValue\n    });\n  };\n\n  const handleNumberRangeValueChange = ({ start, end }: { start: string; end: string }) => {\n    onChange({\n      start: start.trim() ? Number(start) : '',\n      end: end.trim() ? Number(end) : ''\n    });\n  };\n\n  // Handle changes from a CSV-input\n  const handleCSVChange = (e: ChangeEvent<HTMLInputElement>) => {\n    // Update the controlled input\n    setCsvInput(e.target.value);\n\n    // Submit a new RHS\n    let newValues: string[] | number[] = e.target.value\n      .split(',')\n      .map(v => v.trim())\n      .filter(v => v.length > 0); // Ignore empty strings\n    if (fieldType === 'NUMBER') {\n      newValues = newValues.map(v => Number(v)); // This can set up some NaN values. Those are used to show an appropriate feedback when the submit button is hit\n    }\n    onChange({ values: newValues });\n  };\n\n  // Render the menu directly if in a vertical layout\n  const TimePeriodComp = itemDirection === 'column' ? TimePeriodMenu : TimePeriodInput;\n  return (\n    <Flex\n      container={{\n        direction: itemDirection,\n        alignItems: itemDirection === 'column' ? 'stretch' : 'start',\n        justify: 'between',\n        gap: 0.5\n      }}\n    >\n      {/* Gear MenuButton */}\n      <RhsModeSwitch\n        parameters={parameters}\n        fieldType={fieldType}\n        comparator={comparator}\n        rhs={rhs}\n        onChange={onChange}\n        mode={itemDirection === 'column' ? 'combo-box' : 'menu-button'}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={dateFunctions}\n      />\n\n      {/* Field-selector */}\n      {hasProp(rhs, 'field') && (\n        <Flex item={{ grow: 1 }}>\n          <FieldSelector\n            value={rhs.field}\n            onChange={handleFieldChange}\n            fields={fieldOptions}\n            status={showError ? 'error' : undefined}\n            info={showError ? t('condition_builder_no_selection') : undefined}\n          />\n        </Flex>\n      )}\n\n      {/* Parameter input */}\n      {hasProp(rhs, 'parameterId') && (\n        <Flex item={{ grow: 1 }}>\n          {parameters.length === 1 && (\n            <Input\n              value={parameters[0].primary.toString()}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_empty_value_text') : undefined}\n              name='rhs-text-parameter-input'\n              label={t('condition_builder_rhs_with_readOnly_input')}\n              labelHidden\n              readOnly\n            />\n          )}\n\n          {parameters.length > 1 && (\n            <ValueSelector\n              parameters={parameters}\n              mode='single-select'\n              values={rhs.parameterId.toString()}\n              selectedField={matchingField}\n              rhs={rhs}\n              comparator={comparator}\n              onChange={handleValueSelection}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_empty_selection_error_text') : undefined}\n            />\n          )}\n        </Flex>\n      )}\n\n      {/* Value input */}\n      {hasProp(rhs, 'value') && !hasProp(rhs, 'dateFunction') && (\n        <Flex item={{ grow: 1 }}>\n          {fieldType === 'TEXT' && useValueSelector && (\n            <ValueSelector\n              parameters={parameters}\n              mode='single-select'\n              values={rhs.value.toString()}\n              selectedField={matchingField}\n              comparator={comparator}\n              rhs={rhs}\n              onChange={handleValueSelection}\n              status={showError || apiError ? 'error' : undefined}\n              info={showError ? t('condition_builder_no_selection') : apiError}\n              setApiError={setApiError}\n            />\n          )}\n\n          {fieldType === 'TEXT' && !useValueSelector && (\n            <Input\n              value={rhs.value.toString()}\n              onChange={handleValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('empty_value') : undefined}\n              name='rhs-text-literal-input'\n              label={t('condition_builder_rhs_with_input_type')}\n              labelHidden\n            />\n          )}\n\n          {fieldType === 'NUMBER' && (\n            <NumericInput rhs={rhs} onChange={onChange} status={showError ? 'error' : undefined} />\n          )}\n          {fieldType === 'TIME_ONLY' && (\n            <TimeInput\n              value={rhs.value !== '' ? convertMsToTimeValue(Number(rhs.value)) : undefined}\n              withSeconds\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_time') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n              label='-'\n              labelHidden\n            />\n          )}\n          {fieldType === 'DATE_ONLY' && (\n            <DateInput\n              value={rhs.value}\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date') : ''}\n              label='-'\n              labelHidden\n            />\n          )}\n          {fieldType === 'DATE_TIME' && (\n            <DateTimeInput\n              value={rhs.value !== '' ? rhs.value : undefined}\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date') : ''}\n              label='-'\n              labelHidden\n            />\n          )}\n        </Flex>\n      )}\n\n      {(fieldType === 'DATE_ONLY' || fieldType === 'DATE_TIME') &&\n        (hasProp(rhs, 'relativeDate') || hasProp(rhs, 'dateFunction')) && (\n          <Flex item={{ grow: 1 }}>\n            <TimePeriodComp\n              rhs={rhs}\n              fieldType={fieldType}\n              onChange={onChange}\n              dateFunctionsList={dateFunctions ? dateFunctions[fieldType] : []}\n              status={showError ? 'error' : undefined}\n            />\n          </Flex>\n        )}\n\n      {/* Multiple-values input */}\n      {hasProp(rhs, 'values') && (\n        <Flex item={{ grow: 1 }}>\n          {useValueSelector && (\n            <ValueSelector\n              parameters={parameters}\n              mode='multi-select'\n              values={rhs.values.map(String)}\n              selectedField={matchingField}\n              comparator={comparator}\n              rhs={rhs}\n              onChange={handleValueSelection}\n              status={showError || apiError ? 'error' : undefined}\n              info={showError ? t('condition_builder_no_selection') : apiError}\n              setApiError={setApiError}\n            />\n          )}\n          {!useValueSelector && (\n            <Input\n              value={csvInput}\n              onChange={handleCSVChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_values') : undefined}\n              label='-'\n              labelHidden\n              placeholder={t('condition_builder_enter_csv_placeholder')}\n            />\n          )}\n        </Flex>\n      )}\n\n      {hasProp(rhs, 'start') && (\n        <Flex item={{ grow: 1 }}>\n          {fieldType === 'NUMBER' && (\n            <NumberRangeInput\n              value={{ start: rhs.start.toString(), end: rhs.end.toString() }}\n              onChange={handleNumberRangeValueChange}\n              status={showError ? 'error' : undefined}\n              label={matchingField.primary}\n              labelHidden={labelHidden}\n              info={showError ? t('condition_builder_invalid_number_range') : undefined}\n            />\n          )}\n\n          {fieldType === 'DATE_ONLY' && (\n            <DateRangeInput\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n            />\n          )}\n\n          {fieldType === 'TIME_ONLY' && (\n            <TimeRangeInput\n              mode='time'\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_time_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n            />\n          )}\n\n          {fieldType === 'DATE_TIME' && (\n            <TimeRangeInput\n              mode='datetime'\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n            />\n          )}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\nexport default RhsControls;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/index.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, ChangeEvent, useState, useEffect, useMemo, Ref } from 'react';\n\nimport {\n  DateInput,\n  DateTimeInput,\n  Flex,\n  Input,\n  hasProp,\n  BaseProps,\n  ForwardProps,\n  TimeInput,\n  useI18n,\n  DateRangeInput,\n  TimeRangeInput,\n  FormControlProps,\n  NumberRangeInput,\n  HandleValue\n} from '@pega/cosmos-react-core';\nimport type {\n  DateTimeCallbackParameter,\n  DateRangeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\n\nimport { FieldType, Comparator, RHSType } from '../core/types';\nimport { LeafCondition, Field, DateFunctionsByType } from '../ConditionBuilder.types';\nimport { convertTimeValueToMs, convertMsToTimeValue } from '../core/time-utils';\nimport { getItem } from '../core/utils';\n\nimport ValueSelector from './ValueSelector';\nimport FieldSelector from './FieldSelector';\nimport RhsModeSwitch from './RhsModeSwitch';\nimport TimePeriodInput from './TimePeriodInput';\nimport TimePeriodMenu from './TimePeriodMenu';\nimport NumericInput from './NumericInput';\n\nfunction isValidLiteralValue(\n  value: string | number,\n  fieldType?: FieldType,\n  trimValues: boolean = false\n): boolean {\n  // Identify any invalid numbers (e.g. when `-` is entered)\n  if (typeof value === 'number') {\n    return !Number.isNaN(value);\n  }\n\n  // NOTE: Not trimming the value in the change-handler so that users can freely type spaces between words\n  if (trimValues) {\n    value = value.trim();\n  }\n\n  // Can be empty on init and on clearing the value\n  if (value.trim() === '') {\n    return false;\n  }\n\n  // This check is needed to eliminate invalid dates like `Feb 31` (02/31/2020), which the input allows\n  if (\n    (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY') &&\n    Number.isNaN(new Date(value).getTime())\n  ) {\n    return false;\n  }\n  return true;\n}\n/**\n * Verifies if the condition has all valid values.\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 * - Also, this does not try to validate if the given `rhs` matches the `lhs`/`comparator`/`validRhsTypes`. Instead, it assumes that the appropriate LHS/Comparator/validRhsTypes must have been already in place for this rhs to be generated.\n */\nexport function isValidRhs(\n  rhs: LeafCondition['rhs'],\n  lhs: LeafCondition['lhs'],\n  fields: Field[],\n  fieldType?: FieldType,\n  trimValues: boolean = false\n): boolean {\n  // Find the field corresponding to the LHS\n  const matchingField = getItem(fields, lhs.field);\n\n  if (matchingField === undefined || !hasProp(matchingField, 'type')) {\n    // Check if the RHS has no defined values to select\n    return false;\n  }\n\n  // A ValueSelector in single/multiple mode is possible when these criteria are met\n  const isValueSelectorPossible =\n    fieldType === 'TEXT' && matchingField.possibleValues !== undefined;\n\n  // RHS would be `undefined` when no RHS is needed. Treat it as a valid value\n  if (rhs === undefined) {\n    return true;\n  }\n\n  // Field-selector on the RHS\n  if (hasProp(rhs, 'field')) {\n    // RHS is invalid if no field is selected\n    return rhs.field !== '';\n  }\n\n  // rhs of Parameter type\n  if (hasProp(rhs, 'parameterId')) {\n    // RHS is invalid if no id is returned\n    return !!rhs.parameterId;\n  }\n\n  // List-input cases\n  if (hasProp(rhs, 'values')) {\n    // RHS is invalid if the list is empty\n    if (rhs.values.length === 0) {\n      return false;\n    }\n    // For numeric fields, RHS is invalid if any NaN values are present in the list\n    if (fieldType === 'NUMBER' && (rhs.values as number[]).some(v => Number.isNaN(v))) {\n      return false;\n    }\n  }\n\n  if (hasProp(rhs, 'value')) {\n    // Identify any invalid numbers (e.g. when `-` is entered)\n    if (typeof rhs.value === 'number') {\n      return !Number.isNaN(rhs.value);\n    }\n\n    // NOTE: Not trimming the value in the change-handler so that users can freely type spaces between words\n    if (trimValues && !isValueSelectorPossible) {\n      rhs.value = rhs.value.trim();\n    }\n\n    // Can be empty on init and on clearing the value\n    if (rhs.value.trim() === '') {\n      return false;\n    }\n\n    // This check is needed to eliminate invalid dates like `Feb 31` (02/31/2020), which the input allows\n    if (\n      (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY') &&\n      Number.isNaN(new Date(rhs.value).getTime())\n    ) {\n      return false;\n    }\n  }\n\n  if (\n    hasProp(rhs, 'relativeDate') &&\n    ((rhs.relativeDate.timePeriod === 'CURRENT' && rhs.relativeDate.interval) ||\n      (rhs.relativeDate.timePeriod !== 'CURRENT' &&\n        (!rhs.relativeDate.interval || rhs.relativeDate.interval <= 0)))\n  ) {\n    return false;\n  }\n\n  if (\n    hasProp(rhs, 'start') &&\n    (!isValidLiteralValue(rhs.start, fieldType, trimValues) ||\n      !isValidLiteralValue(rhs.end, fieldType, trimValues))\n  ) {\n    return false;\n  }\n\n  return true;\n}\n\n/** For a condition with the given comparator and lhs-field-type, determines an appropriate default value for the Rhs */\nexport function getDefaultRhs(\n  fieldType: FieldType,\n  comparator: Comparator,\n  validRhsTypes: Set<RHSType>,\n  dateFunctions?: DateFunctionsByType\n): LeafCondition['rhs'] {\n  switch (comparator) {\n    case 'IS_TRUE':\n    case 'IS_FALSE':\n    case 'IS_NULL':\n    case 'IS_NOT_NULL':\n      return undefined; // These comparators do not have an Rhs\n\n    case 'IN':\n    case 'NOT_IN':\n      return { values: [] };\n\n    case 'BTW':\n    case 'NOT_BTW':\n      return { start: '', end: '' };\n\n    default: {\n      if (fieldType === 'BOOLEAN' && (comparator === 'EQ' || comparator === 'NEQ')) {\n        // For booleans, these comparators can only be used for comparing with other fields\n        return { field: '' };\n      }\n\n      if (validRhsTypes.has('LITERAL')) return { value: '' };\n\n      if (validRhsTypes.has('PARAMETER')) return { parameterId: '' };\n\n      if (\n        validRhsTypes.has('DATE_FUNCTION') &&\n        dateFunctions &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      )\n        return { value: '', dateFunction: dateFunctions[fieldType][0] };\n\n      if (\n        validRhsTypes.has('RELATIVE_DATE') &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      ) {\n        return {\n          relativeDate: {\n            timePeriod: 'CURRENT',\n            datePart: 'DAYS'\n          }\n        };\n      }\n\n      return { field: '' };\n    }\n  }\n}\n\n// Truncates output values from DateInput/DateTimeInput to return a wall time on the RHS\n// NOTE: This assumes that the input date is set up on the UTC timezone\nexport function truncateISODateString(dateString: string, fieldType: FieldType): string {\n  const date = new Date(dateString);\n  const YYYY = date.getUTCFullYear().toString().padStart(4, '0');\n  const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');\n  const DD = date.getUTCDate().toString().padStart(2, '0');\n\n  // For DATE_ONLY fields, returning a YYYY-MM-DD format as per spec\n  if (fieldType === 'DATE_ONLY') return `${YYYY}-${MM}-${DD}`;\n\n  const hh = date.getUTCHours().toString().padStart(2, '0');\n  const mm = date.getUTCMinutes().toString().padStart(2, '0');\n  const ss = date.getUTCSeconds().toString().padStart(2, '0');\n\n  if (fieldType === 'TIME_ONLY') return `${hh}:${mm}:${ss}`;\n\n  // cspell:disable-next-line\n  // For DATE_TIME fields, returning a YYYY-MM-DDTHH:mm format and discarding the time-zone etc. to be consistent with the previous spec which was returning a wall time\n  return `${YYYY}-${MM}-${DD}T${hh}:${mm}`;\n}\n\n/** Type definition for the input props of RhsControls */\ninterface RhsControlProps extends BaseProps {\n  /** Lhs for the condition */\n  lhs: LeafCondition['lhs'];\n\n  /** Comparator for the condition */\n  comparator: Comparator;\n\n  /** Rhs for the condition */\n  rhs: LeafCondition['rhs'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector */\n  fields: Field[];\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: LeafCondition['rhs'], status?: 'error') => void;\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** Item flow direction */\n  itemDirection: 'row' | 'column';\n\n  /** Restricts RHS values to only specified RHS types */\n  validRhsTypes: Set<RHSType>;\n\n  /** Passed to enable additional date controls on the RHS, when a DATE_TIME/DATE_ONLY field is selected on the LHS */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Visually hides the label region. */\n  labelHidden?: FormControlProps['labelHidden'];\n\n  /** Imperative handle */\n  handle?: Ref<HandleValue>;\n}\n\n/** A controlled component for controls on a Condition's RHS */\nconst RhsControls: FunctionComponent<RhsControlProps & ForwardProps> = (props: RhsControlProps) => {\n  const {\n    lhs,\n    comparator,\n    rhs,\n    fields,\n    onChange,\n    indicateErrors,\n    itemDirection,\n    validRhsTypes,\n    dateFunctions,\n    labelHidden = true,\n    handle\n  } = props;\n\n  const t = useI18n();\n\n  const [apiError, setApiError] = useState<string | null>(null);\n\n  // Find the field corresponding to the LHS\n  const matchingField = getItem(fields, lhs.field);\n\n  // Options for the Field-selector (if applicable)\n  const fieldOptions = useMemo(() => {\n    if (!matchingField || !hasProp(matchingField, 'type')) return [];\n    // Show all other fields of the same data type as the LHS\n    return fields.filter(\n      f => hasProp(f, 'type') && f.type === matchingField.type && f.id !== lhs.field\n    );\n  }, [fields, lhs]);\n\n  // Set up a CSV input for IN/NOT_IN comparators\n  const [csvInput, setCsvInput] = useState(\n    rhs && hasProp(rhs, 'values') ? rhs.values.join(', ') : ''\n  );\n\n  useEffect(() => {\n    // If moving away from the CSV-mode, clear the CSV Input.\n    // This ensures that if a different `rhs.values` is passed (a new empty array can be passed when an applicable comparator is selected), the local state matches the new input.\n    if (csvInput && (!rhs || !hasProp(rhs, 'values'))) {\n      setCsvInput('');\n    }\n  }, [rhs]);\n\n  // If a field is not selected or if the comparator doesn't need any RHS, don't render anything\n  if (rhs === undefined) {\n    return <div />; // Rendering a placeholder div to keep the layout consistent\n  }\n\n  if (matchingField === undefined || !hasProp(matchingField, 'type')) {\n    // For safety against any rare cases where the LHS from an input condition is not present in the input fields to the ConditionBuilder\n    // In those cases, don't render an RHS and wait for a valid value to be picked on LHS\n    return <div />; // Rendering a placeholder div to keep the layout consistent\n  }\n  const fieldType = matchingField.type;\n\n  const parameters = matchingField.parameters !== undefined ? matchingField.parameters : [];\n\n  // If errors should be indicated inline, validate the current rhs\n  let showError = false;\n  if (indicateErrors) {\n    showError = !isValidRhs(rhs, lhs, fields, fieldType, false);\n  }\n\n  const isValueSelectorPossible =\n    fieldType === 'TEXT' &&\n    matchingField.possibleValues !== undefined &&\n    ['EQ', 'NEQ', 'IN', 'NOT_IN'].includes(comparator); // A ValueSelector in single/multiple mode is possible when these criteria are met\n  const useValueSelector = isValueSelectorPossible && !hasProp(rhs, 'field'); // Use the ValueSelector component if it is applicable and if not in ANOTHER_FIELD mode and if RHS is not PARAMETER type\n  // Handle changes from the Value-selector\n\n  const handleValueSelection = (selection: string | string[]) => {\n    if (typeof selection === 'string') {\n      if (hasProp(rhs, 'parameterId')) onChange({ parameterId: selection });\n      else onChange({ value: selection }); // Submit a new RHS\n    } else {\n      onChange({ values: selection }); // Submit a new RHS\n    }\n  };\n\n  // Handle changes from the Field-selector\n  const handleFieldChange = (id: string) => {\n    onChange({ field: id }); // Submit a new RHS\n  };\n\n  // Handle changes from a Value-input\n  const handleValueChange = (e: ChangeEvent<HTMLInputElement>) => {\n    // NOTE: Not trimming the value here so that users can freely type spaces between words. Trimming is done on Submit, via the isValidRhs call\n    onChange({ value: e.target.value }); // Submit a new RHS\n  };\n\n  // Handle changes from a DateInput\n  const handleDateValueChange = ({\n    valueAsISOString,\n    valueAsTimestamp,\n    state\n  }: DateTimeCallbackParameter) => {\n    // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp as both undefined\n    if (valueAsTimestamp === undefined) {\n      onChange({ value: '' });\n      return;\n    }\n\n    if (state) {\n      // sending empty value marked as 'error' to allow clearing condition\n      onChange({ value: '' }, 'error');\n      return;\n    }\n\n    const truncatedValue = truncateISODateString(valueAsISOString, fieldType); // Truncate to return a wall time as per spec\n    onChange({\n      value: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedValue) : truncatedValue\n    });\n  };\n\n  const handleDateRangeValueChange = ({ start, end }: DateRangeCallbackParameter) => {\n    if (start.valueAsTimestamp === undefined && end.valueAsTimestamp === undefined) {\n      onChange({ start: '', end: '' });\n      return;\n    }\n\n    if (\n      start.valueAsTimestamp === undefined ||\n      end.valueAsTimestamp === undefined ||\n      start.state ||\n      end.state\n    ) {\n      // sending empty value marked as 'error' to allow clearing condition\n      onChange({ start: '', end: '' }, 'error');\n      return;\n    }\n\n    const [truncatedStartValue, truncatedEndValue] = [\n      truncateISODateString(start.valueAsISOString, fieldType),\n      truncateISODateString(end.valueAsISOString, fieldType)\n    ];\n\n    onChange({\n      start:\n        fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedStartValue) : truncatedStartValue,\n      end: fieldType === 'TIME_ONLY' ? convertTimeValueToMs(truncatedEndValue) : truncatedEndValue\n    });\n  };\n\n  const handleNumberRangeValueChange = ({ start, end }: { start: string; end: string }) => {\n    const startValue = start.trim();\n    const endValue = end.trim();\n\n    onChange(\n      {\n        start: startValue ? Number(start) : '',\n        end: endValue ? Number(end) : ''\n      },\n      // checking one of values is empty, but not both\n      (!startValue || !endValue) && (startValue || endValue) ? 'error' : undefined\n    );\n  };\n\n  // Handle changes from a CSV-input\n  const handleCSVChange = (e: ChangeEvent<HTMLInputElement>) => {\n    // Update the controlled input\n    setCsvInput(e.target.value);\n\n    // Submit a new RHS\n    let newValues: string[] | number[] = e.target.value\n      .split(',')\n      .map(v => v.trim())\n      .filter(v => v.length > 0); // Ignore empty strings\n    if (fieldType === 'NUMBER') {\n      newValues = newValues.map(v => Number(v)); // This can set up some NaN values. Those are used to show an appropriate feedback when the submit button is hit\n    }\n    onChange({ values: newValues });\n  };\n\n  // Render the menu directly if in a vertical layout\n  const TimePeriodComp = itemDirection === 'column' ? TimePeriodMenu : TimePeriodInput;\n  return (\n    <Flex\n      container={{\n        direction: itemDirection,\n        alignItems: itemDirection === 'column' ? 'stretch' : 'start',\n        justify: 'between',\n        gap: 0.5\n      }}\n    >\n      {/* Gear MenuButton */}\n      <RhsModeSwitch\n        parameters={parameters}\n        fieldType={fieldType}\n        comparator={comparator}\n        rhs={rhs}\n        onChange={onChange}\n        mode={itemDirection === 'column' ? 'combo-box' : 'menu-button'}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={dateFunctions}\n      />\n\n      {/* Field-selector */}\n      {hasProp(rhs, 'field') && (\n        <Flex item={{ grow: 1 }}>\n          <FieldSelector\n            value={rhs.field}\n            onChange={handleFieldChange}\n            fields={fieldOptions}\n            status={showError ? 'error' : undefined}\n            info={showError ? t('condition_builder_no_selection') : undefined}\n          />\n        </Flex>\n      )}\n\n      {/* Parameter input */}\n      {hasProp(rhs, 'parameterId') && (\n        <Flex item={{ grow: 1 }}>\n          {parameters.length === 1 && (\n            <Input\n              value={parameters[0].primary.toString()}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_empty_value_text') : undefined}\n              name='rhs-text-parameter-input'\n              label={t('condition_builder_rhs_with_readOnly_input')}\n              labelHidden\n              readOnly\n            />\n          )}\n\n          {parameters.length > 1 && (\n            <ValueSelector\n              parameters={parameters}\n              mode='single-select'\n              values={rhs.parameterId.toString()}\n              selectedField={matchingField}\n              rhs={rhs}\n              comparator={comparator}\n              onChange={handleValueSelection}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_empty_selection_error_text') : undefined}\n              handle={handle}\n            />\n          )}\n        </Flex>\n      )}\n\n      {/* Value input */}\n      {hasProp(rhs, 'value') && !hasProp(rhs, 'dateFunction') && (\n        <Flex item={{ grow: 1 }}>\n          {fieldType === 'TEXT' && useValueSelector && (\n            <ValueSelector\n              parameters={parameters}\n              mode='single-select'\n              values={rhs.value.toString()}\n              selectedField={matchingField}\n              comparator={comparator}\n              rhs={rhs}\n              onChange={handleValueSelection}\n              status={showError || apiError ? 'error' : undefined}\n              info={showError ? t('condition_builder_no_selection') : apiError}\n              setApiError={setApiError}\n              handle={handle}\n            />\n          )}\n\n          {fieldType === 'TEXT' && !useValueSelector && (\n            <Input\n              value={rhs.value.toString()}\n              onChange={handleValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('empty_value') : undefined}\n              name='rhs-text-literal-input'\n              label={t('condition_builder_rhs_with_input_type')}\n              labelHidden\n            />\n          )}\n\n          {fieldType === 'NUMBER' && (\n            <NumericInput rhs={rhs} onChange={onChange} status={showError ? 'error' : undefined} />\n          )}\n          {fieldType === 'TIME_ONLY' && (\n            <TimeInput\n              value={rhs.value !== '' ? convertMsToTimeValue(Number(rhs.value)) : undefined}\n              withSeconds\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_time') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n              label='-'\n              labelHidden\n              handle={handle}\n            />\n          )}\n          {fieldType === 'DATE_ONLY' && (\n            <DateInput\n              value={rhs.value}\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date') : ''}\n              label='-'\n              labelHidden\n              handle={handle}\n            />\n          )}\n          {fieldType === 'DATE_TIME' && (\n            <DateTimeInput\n              value={rhs.value !== '' ? rhs.value : undefined}\n              onChange={handleDateValueChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date') : ''}\n              label='-'\n              labelHidden\n              handle={handle}\n            />\n          )}\n        </Flex>\n      )}\n\n      {(fieldType === 'DATE_ONLY' || fieldType === 'DATE_TIME') &&\n        (hasProp(rhs, 'relativeDate') || hasProp(rhs, 'dateFunction')) && (\n          <Flex item={{ grow: 1 }}>\n            <TimePeriodComp\n              rhs={rhs}\n              fieldType={fieldType}\n              onChange={onChange}\n              dateFunctionsList={dateFunctions ? dateFunctions[fieldType] : []}\n              status={showError ? 'error' : undefined}\n            />\n          </Flex>\n        )}\n\n      {/* Multiple-values input */}\n      {hasProp(rhs, 'values') && (\n        <Flex item={{ grow: 1 }}>\n          {useValueSelector && (\n            <ValueSelector\n              parameters={parameters}\n              mode='multi-select'\n              values={rhs.values.map(String)}\n              selectedField={matchingField}\n              comparator={comparator}\n              rhs={rhs}\n              onChange={handleValueSelection}\n              status={showError || apiError ? 'error' : undefined}\n              info={showError ? t('condition_builder_no_selection') : apiError}\n              setApiError={setApiError}\n              handle={handle}\n            />\n          )}\n          {!useValueSelector && (\n            <Input\n              value={csvInput}\n              onChange={handleCSVChange}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_values') : undefined}\n              label='-'\n              labelHidden\n              placeholder={t('condition_builder_enter_csv_placeholder')}\n            />\n          )}\n        </Flex>\n      )}\n\n      {hasProp(rhs, 'start') && (\n        <Flex item={{ grow: 1 }}>\n          {fieldType === 'NUMBER' && (\n            <NumberRangeInput\n              value={{ start: rhs.start.toString(), end: rhs.end.toString() }}\n              onChange={handleNumberRangeValueChange}\n              status={showError ? 'error' : undefined}\n              label={matchingField.primary}\n              labelHidden={labelHidden}\n              info={showError ? t('condition_builder_invalid_number_range') : undefined}\n              handle={handle}\n            />\n          )}\n\n          {fieldType === 'DATE_ONLY' && (\n            <DateRangeInput\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n              handle={handle}\n            />\n          )}\n\n          {fieldType === 'TIME_ONLY' && (\n            <TimeRangeInput\n              mode='time'\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_time_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n              handle={handle}\n            />\n          )}\n\n          {fieldType === 'DATE_TIME' && (\n            <TimeRangeInput\n              mode='datetime'\n              value={{ start: rhs.start || undefined, end: rhs.end || undefined }}\n              onChange={handleDateRangeValueChange}\n              labelHidden={labelHidden}\n              label={matchingField.primary}\n              status={showError ? 'error' : undefined}\n              info={showError ? t('condition_builder_invalid_date_range') : ''} // NOTE: Using empty quotes to disable the default info which indicates the format\n              handle={handle}\n            />\n          )}\n        </Flex>\n      )}\n    </Flex>\n  );\n};\nexport default RhsControls;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"evaluator.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/core/evaluator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAiB,KAAK,EAAuB,MAAM,2BAA2B,CAAC;AA8QjG;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAClC,MAAM,EAAE,KAAK,EAAE,GACd,OAAO,CAoBT"}
+{"version":3,"file":"evaluator.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/core/evaluator.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAiB,KAAK,EAAuB,MAAM,2BAA2B,CAAC;AAwSjG;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,iBAAiB,CACvC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE;IAAE,CAAC,SAAS,EAAE,MAAM,GAAG,GAAG,CAAA;CAAE,EAClC,MAAM,EAAE,KAAK,EAAE,GACd,OAAO,CAoBT"}

package/lib/components/ConditionBuilder/core/evaluator.js

@@ -94,7 +94,9 @@ function getDateParts(date) {
         QQ: (3 * Math.floor(date.getMonth() / 3) + 1).toString().padStart(2, '0'),
         MM: (date.getMonth() + 1).toString().padStart(2, '0'),
         DD: date.getDate().toString().padStart(2, '0'),
-        HH: date.getHours().toString().padStart(2, '0')
+        HH: date.getHours().toString().padStart(2, '0'),
+        mm: date.getMinutes().toString().padStart(2, '0'),
+        ss: date.getSeconds().toString().padStart(2, '0')
     };
 }
 /** Evaluates leaf conditions with Date-functions */
@@ -102,7 +104,7 @@ function evaluateDateFuncCondition(lhsValue, fieldType, comparator, rhs) {
     if (fieldType === 'DATE_ONLY')
         lhsValue += 'T00:00:00'; // `T00:00:00` is needed for the `Date()` constructor to treat it as local (not UTC)
     const lhsDateObj = new Date(lhsValue);
-    const { YYYY: lhsYYYY, QQ: lhsQQ, MM: lhsMM, DD: lhsDD, HH: lhsHH } = getDateParts(lhsDateObj);
+    const { YYYY: lhsYYYY, QQ: lhsQQ, MM: lhsMM, DD: lhsDD, HH: lhsHH, mm: lhsMinute, ss: lhsSecond } = getDateParts(lhsDateObj);
     // Determine a numeric representation of the values for the given date function
     let lhsNumVal = 0;
     let rhsNumVal = 0;
@@ -143,6 +145,20 @@ function evaluateDateFuncCondition(lhsValue, fieldType, comparator, rhs) {
             lhsNumVal = Number(`${lhsYYYY}${lhsMM}${lhsDD}${lhsHH}`);
             rhsNumVal = Number(rhs.value.replace(/-|T/g, '').slice(0, 10));
             break;
+        case 'MINUTES':
+            // Using YYYYMMDDHH as a number
+            lhsNumVal = Number(`${lhsYYYY}${lhsMM}${lhsDD}${lhsHH}${lhsMinute}`);
+            rhsNumVal = Number(rhs.value.replace(/-|T|:/g, '').slice(0, 12));
+            break;
+        case 'SECONDS':
+            // Using YYYYMMDDHH as a number
+            lhsNumVal = Number(`${lhsYYYY}${lhsMM}${lhsDD}${lhsHH}${lhsMinute}${lhsSecond}`);
+            rhsNumVal = Number(rhs.value.replace(/-|T|:/g, '').slice(0, 14));
+            break;
+        case 'HOURS_OF_DAY':
+            lhsNumVal = Number(lhsHH);
+            rhsNumVal = Number(rhs.value);
+            break;
         case 'MONTHS_OF_YEAR':
             lhsNumVal = Number(lhsMM);
             rhsNumVal = rhs.value;