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

package/lib/components/ConditionBuilder/AtomicCondition.js

@@ -149,7 +149,7 @@ const AtomicCondition = forwardRef(({ condition, fields, indicateErrors, validCo
     _jsx(StyledAtomicCondition, { ...restProps, name: lhsMode === 'label' ? lhsLabel : undefined, "aria-label": lhsMode === 'hidden' ? lhsLabel : undefined, children: _jsxs(Grid, { sm: {
                 container: {
                     cols: itemDirection === 'column'
-                        ? '1fr'
+                        ? 'minmax(0, 1fr)'
                         : `repeat(${lhsMode !== 'input' ? 2 : 3}, minmax(0,1fr))`
                 }
             }, container: {

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

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

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

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

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

@@ -3,9 +3,7 @@ import { BaseProps } from '@pega/cosmos-react-core';
 import { ComparatorsByType, RHSType } from './core/types';
 import { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';
 export interface HandleValue {
-    /**
-     * Returns condition validity and condition if valid.
-     */
+    /** Returns condition validity and condition if valid. */
     getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];
 }
 /** Type definition for the input props of FieldCondition */

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

@@ -1 +1 @@
-{"version":3,"file":"FieldCondition.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;CAC9E;AAED,4DAA4D;AAC5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,SAAS;IAC5D,mEAAmE;IACnE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzB,iFAAiF;IACjF,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"FieldCondition.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAErF,MAAM,WAAW,WAAW;IAC1B,yDAAyD;IACzD,YAAY,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,aAAa,CAAC,CAAC;CAC9E;AAED,4DAA4D;AAC5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,SAAS;IAC5D,mEAAmE;IACnE,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;IAEzB,iFAAiF;IACjF,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;IAEpC,2CAA2C;IAC3C,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldCondition.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps } from '@pega/cosmos-react-core';\n\nimport { ComparatorsByType, RHSType } from './core/types';\nimport { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';\n\nexport interface HandleValue {\n  /**\n   * Returns condition validity and condition if valid.\n   */\n  getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];\n}\n\n/** Type definition for the input props of FieldCondition */\nexport default interface FieldConditionProps extends BaseProps {\n  /** Id of the field on which the condition should be constructed */\n  targetField: Field['id'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector etc. */\n  fields: Field[];\n\n  /** (Optional) Passed when editing an existing condition */\n  condition?: LeafCondition;\n\n  /** (Optional) Used to limit the Comparators allowed in the component. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}
+{"version":3,"file":"FieldCondition.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps } from '@pega/cosmos-react-core';\n\nimport { ComparatorsByType, RHSType } from './core/types';\nimport { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';\n\nexport interface HandleValue {\n  /** Returns condition validity and condition if valid. */\n  getCondition: () => [valid: false] | [valid: true, condition: LeafCondition];\n}\n\n/** Type definition for the input props of FieldCondition */\nexport default interface FieldConditionProps extends BaseProps {\n  /** Id of the field on which the condition should be constructed */\n  targetField: Field['id'];\n\n  /** Metadata (data-model) for the Fields to use in the RHS field-selector etc. */\n  fields: Field[];\n\n  /** (Optional) Passed when editing an existing condition */\n  condition?: LeafCondition;\n\n  /** (Optional) Used to limit the Comparators allowed in the component. */\n  validComparators?: ComparatorsByType[];\n\n  /**\n   * (Optional) Pass this to control which all types of RHS are enabled in the component\n   * DEFAULT: Set(['LITERAL', 'FIELD'])\n   * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled\n   */\n  validRhsTypes?: Set<RHSType>;\n\n  /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */\n  dateFunctions?: DateFunctionsByType;\n\n  /** Imperative handle for the component. */\n  handle?: Ref<HandleValue>;\n}\n"]}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:ignore words DDTHH
+// cspell:words DDTHH
 import { useMemo } from 'react';
 import { Select, Option, MonthInput, WeekInput, DateInput, DateTimeInput, NumberInput, DayOfWeekInput, useI18n, useConfiguration, QuarterInput, range, ComboBox, menuHelpers } from '@pega/cosmos-react-core';
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"DateFunctionMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:ignore words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Select,\n  Option,\n  MonthInput,\n  WeekInput,\n  DateInput,\n  DateTimeInput,\n  NumberInput,\n  FormControlProps,\n  DayOfWeekInput,\n  useI18n,\n  useConfiguration,\n  QuarterInput,\n  range,\n  NoChildrenProp,\n  ComboBox,\n  ComboBoxProps,\n  MenuProps,\n  menuHelpers\n} from '@pega/cosmos-react-core';\nimport DateTimeProps, {\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DayOfWeek } from '@pega/cosmos-react-core/lib/components/DateTime/Input/DayOfWeekInput';\n\nimport { RhsWithDateFunction } from '../ConditionBuilder.types';\nimport { DateFunction } from '../core/types';\n\n/**\n * Formats the input date string to match the spec expected for the given date function\n * NOTE: This assumes that the input date is set up on the UTC timezone\n * SPEC:\n * - QUARTERS: First day of quarter as YYYY-MM-DD\n * - MONTHS: First day of month as YYYY-MM-DD\n * - WEEKS: First day of week as YYYY-MM-DD\n * - DAYS: Date as YYYY-MM-DD\n * - HOURS: YYYY-MM-DDTHH:mm:ss\n */\nfunction formatDateFunctionValue(isoDateString: string, dateFunction: DateFunction): string {\n  const date = new Date(isoDateString);\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  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  switch (dateFunction) {\n    case 'QUARTERS':\n    case 'MONTHS':\n      return `${YYYY}-${MM}-01`;\n    case 'WEEKS':\n    case 'DAYS':\n      return `${YYYY}-${MM}-${DD}`;\n    case 'MINUTES':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:00`;\n    case 'SECONDS':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}`;\n    default:\n      return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS\n  }\n}\n\nexport interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps> = (\n  props: DateFunctionMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status } = props;\n  const { locale } = useConfiguration();\n  const t = useI18n();\n\n  // Options for the Date-function selector\n  const dateFunctionOptions = useMemo(() => {\n    const dateFunctionLabels: Record<DateFunction, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second'),\n      HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),\n      MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),\n      DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),\n      DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')\n    };\n\n    return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));\n  }, [dateFunctionsList, t]);\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({ dateFunction: selection, value: '' });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: rhs.value === '' ? undefined : rhs.value.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  // Props for all functions that use a component from the DateTime package\n  const dateComponentProps: DateTimeProps = {\n    ...valueComponentProps,\n    onChange: ({ valueAsISOString, state }: DateTimeCallbackParameter) => {\n      // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined\n      if (valueAsISOString === undefined || state === 'incomplete' || state === 'invalid') return;\n\n      // Format the value as per spec and return\n      onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });\n    }\n  };\n\n  // HOURS_OF_DAY\n  const hoursOfDayItems: MenuProps['items'] = useMemo(\n    () =>\n      range(0, 23).map(i => {\n        const index = i.toString();\n        return {\n          id: index,\n          primary: `${index.toString().padStart(2, '0')}:00`,\n          selected: rhs.value === i\n        };\n      }),\n    [rhs.value]\n  );\n\n  const hoursOfDaySelected = useMemo(() => {\n    return menuHelpers.getSelected(hoursOfDayItems)[0];\n  }, [hoursOfDayItems]);\n\n  const hourOfDayProps: ComboBoxProps = {\n    ...valueComponentProps,\n    value: `${rhs.value.toString().padStart(2, '0')}:00`,\n    mode: 'single-select',\n    menu: {\n      items: hoursOfDayItems,\n      onItemClick: id => {\n        onChange({ ...rhs, value: Number(id) });\n      }\n    },\n    selected: hoursOfDaySelected\n      ? {\n          items: {\n            id: hoursOfDaySelected.id,\n            text: hoursOfDaySelected.primary\n          }\n        }\n      : undefined\n  };\n\n  // YEARS\n  const yearOptions = useMemo(() => {\n    const currentYear = new Date().getFullYear();\n    const years = range(currentYear - 10, currentYear + 10);\n    return years.map(year => ({\n      id: `${year}-01-01`,\n      label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })\n    }));\n  }, [locale]);\n  const onYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...rhs, value: e.target.value });\n  };\n\n  // MONTHS_OF_YEAR\n  const monthOfYearOptions = useMemo(\n    () =>\n      range(1, 12).map(n => ({\n        id: `${n}`,\n        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })\n      })),\n    [locale]\n  );\n  const onMonthOfYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const value = e.target.value ? Number(e.target.value) : '';\n    onChange({ ...rhs, value });\n  };\n\n  // DAYS_OF_MONTH\n  const onDayOfMonthChange = (value: string) => {\n    let newValue: string | number = value;\n    if (newValue !== '') {\n      newValue = Number(newValue);\n      if (newValue > 31) newValue = 31;\n      if (newValue < 1) newValue = 1;\n    }\n    onChange({ ...rhs, value: newValue });\n  };\n\n  // DAYS_OF_WEEK\n  const onDayOfWeekChange = (value: DayOfWeek) => {\n    onChange({ ...rhs, value });\n  };\n\n  return (\n    <>\n      {/* Date function selector */}\n      <Select\n        label={t('condition_builder_date_part')}\n        value={rhs.dateFunction}\n        onChange={handleDatePartChange}\n      >\n        {dateFunctionOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n\n      {rhs.dateFunction === 'YEARS' && (\n        <Select {...valueComponentProps} onChange={onYearChange} name='year-selector'>\n          <Option> </Option>\n          {yearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'QUARTERS' && <QuarterInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'MONTHS' && <MonthInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'WEEKS' && <WeekInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'DAYS' && <DateInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'HOURS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'MINUTES' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'SECONDS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} withSeconds />\n      )}\n      {rhs.dateFunction === 'HOURS_OF_DAY' && <ComboBox {...hourOfDayProps} />}\n      {rhs.dateFunction === 'MONTHS_OF_YEAR' && (\n        <Select\n          {...valueComponentProps}\n          onChange={onMonthOfYearChange}\n          name='month-of-year-selector'\n        >\n          <Option> </Option>\n          {monthOfYearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'DAYS_OF_MONTH' && (\n        <NumberInput\n          {...valueComponentProps}\n          placeholder='1 - 31'\n          min={1}\n          max={31}\n          step={1}\n          showDecimal={false}\n          onChange={onDayOfMonthChange}\n        />\n      )}\n      {rhs.dateFunction === 'DAYS_OF_WEEK' && (\n        <DayOfWeekInput\n          {...valueComponentProps}\n          value={rhs.value as DayOfWeek}\n          onChange={onDayOfWeekChange}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DateFunctionMenu;\n"]}
+{"version":3,"file":"DateFunctionMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Select,\n  Option,\n  MonthInput,\n  WeekInput,\n  DateInput,\n  DateTimeInput,\n  NumberInput,\n  FormControlProps,\n  DayOfWeekInput,\n  useI18n,\n  useConfiguration,\n  QuarterInput,\n  range,\n  NoChildrenProp,\n  ComboBox,\n  ComboBoxProps,\n  MenuProps,\n  menuHelpers\n} from '@pega/cosmos-react-core';\nimport DateTimeProps, {\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DayOfWeek } from '@pega/cosmos-react-core/lib/components/DateTime/Input/DayOfWeekInput';\n\nimport { RhsWithDateFunction } from '../ConditionBuilder.types';\nimport { DateFunction } from '../core/types';\n\n/**\n * Formats the input date string to match the spec expected for the given date function\n * NOTE: This assumes that the input date is set up on the UTC timezone\n * SPEC:\n * - QUARTERS: First day of quarter as YYYY-MM-DD\n * - MONTHS: First day of month as YYYY-MM-DD\n * - WEEKS: First day of week as YYYY-MM-DD\n * - DAYS: Date as YYYY-MM-DD\n * - HOURS: YYYY-MM-DDTHH:mm:ss\n */\nfunction formatDateFunctionValue(isoDateString: string, dateFunction: DateFunction): string {\n  const date = new Date(isoDateString);\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  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  switch (dateFunction) {\n    case 'QUARTERS':\n    case 'MONTHS':\n      return `${YYYY}-${MM}-01`;\n    case 'WEEKS':\n    case 'DAYS':\n      return `${YYYY}-${MM}-${DD}`;\n    case 'MINUTES':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:00`;\n    case 'SECONDS':\n      return `${YYYY}-${MM}-${DD}T${HH}:${mm}:${ss}`;\n    default:\n      return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS\n  }\n}\n\nexport interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps> = (\n  props: DateFunctionMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status } = props;\n  const { locale } = useConfiguration();\n  const t = useI18n();\n\n  // Options for the Date-function selector\n  const dateFunctionOptions = useMemo(() => {\n    const dateFunctionLabels: Record<DateFunction, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second'),\n      HOURS_OF_DAY: t('condition_builder_date_function_hour_of_day'),\n      MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),\n      DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),\n      DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')\n    };\n\n    return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));\n  }, [dateFunctionsList, t]);\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({ dateFunction: selection, value: '' });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: rhs.value === '' ? undefined : rhs.value.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  // Props for all functions that use a component from the DateTime package\n  const dateComponentProps: DateTimeProps = {\n    ...valueComponentProps,\n    onChange: ({ valueAsISOString, state }: DateTimeCallbackParameter) => {\n      // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined\n      if (valueAsISOString === undefined || state === 'incomplete' || state === 'invalid') return;\n\n      // Format the value as per spec and return\n      onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });\n    }\n  };\n\n  // HOURS_OF_DAY\n  const hoursOfDayItems: MenuProps['items'] = useMemo(\n    () =>\n      range(0, 23).map(i => {\n        const index = i.toString();\n        return {\n          id: index,\n          primary: `${index.toString().padStart(2, '0')}:00`,\n          selected: rhs.value === i\n        };\n      }),\n    [rhs.value]\n  );\n\n  const hoursOfDaySelected = useMemo(() => {\n    return menuHelpers.getSelected(hoursOfDayItems)[0];\n  }, [hoursOfDayItems]);\n\n  const hourOfDayProps: ComboBoxProps = {\n    ...valueComponentProps,\n    value: `${rhs.value.toString().padStart(2, '0')}:00`,\n    mode: 'single-select',\n    menu: {\n      items: hoursOfDayItems,\n      onItemClick: id => {\n        onChange({ ...rhs, value: Number(id) });\n      }\n    },\n    selected: hoursOfDaySelected\n      ? {\n          items: {\n            id: hoursOfDaySelected.id,\n            text: hoursOfDaySelected.primary\n          }\n        }\n      : undefined\n  };\n\n  // YEARS\n  const yearOptions = useMemo(() => {\n    const currentYear = new Date().getFullYear();\n    const years = range(currentYear - 10, currentYear + 10);\n    return years.map(year => ({\n      id: `${year}-01-01`,\n      label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })\n    }));\n  }, [locale]);\n  const onYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...rhs, value: e.target.value });\n  };\n\n  // MONTHS_OF_YEAR\n  const monthOfYearOptions = useMemo(\n    () =>\n      range(1, 12).map(n => ({\n        id: `${n}`,\n        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })\n      })),\n    [locale]\n  );\n  const onMonthOfYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const value = e.target.value ? Number(e.target.value) : '';\n    onChange({ ...rhs, value });\n  };\n\n  // DAYS_OF_MONTH\n  const onDayOfMonthChange = (value: string) => {\n    let newValue: string | number = value;\n    if (newValue !== '') {\n      newValue = Number(newValue);\n      if (newValue > 31) newValue = 31;\n      if (newValue < 1) newValue = 1;\n    }\n    onChange({ ...rhs, value: newValue });\n  };\n\n  // DAYS_OF_WEEK\n  const onDayOfWeekChange = (value: DayOfWeek) => {\n    onChange({ ...rhs, value });\n  };\n\n  return (\n    <>\n      {/* Date function selector */}\n      <Select\n        label={t('condition_builder_date_part')}\n        value={rhs.dateFunction}\n        onChange={handleDatePartChange}\n      >\n        {dateFunctionOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n\n      {rhs.dateFunction === 'YEARS' && (\n        <Select {...valueComponentProps} onChange={onYearChange} name='year-selector'>\n          <Option> </Option>\n          {yearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'QUARTERS' && <QuarterInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'MONTHS' && <MonthInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'WEEKS' && <WeekInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'DAYS' && <DateInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'HOURS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'MINUTES' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'SECONDS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} withSeconds />\n      )}\n      {rhs.dateFunction === 'HOURS_OF_DAY' && <ComboBox {...hourOfDayProps} />}\n      {rhs.dateFunction === 'MONTHS_OF_YEAR' && (\n        <Select\n          {...valueComponentProps}\n          onChange={onMonthOfYearChange}\n          name='month-of-year-selector'\n        >\n          <Option> </Option>\n          {monthOfYearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'DAYS_OF_MONTH' && (\n        <NumberInput\n          {...valueComponentProps}\n          placeholder='1 - 31'\n          min={1}\n          max={31}\n          step={1}\n          showDecimal={false}\n          onChange={onDayOfMonthChange}\n        />\n      )}\n      {rhs.dateFunction === 'DAYS_OF_WEEK' && (\n        <DayOfWeekInput\n          {...valueComponentProps}\n          value={rhs.value as DayOfWeek}\n          onChange={onDayOfWeekChange}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DateFunctionMenu;\n"]}

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:ignore words DDTHH
+// cspell:words DDTHH
 import { useMemo } from 'react';
 import { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';
 /** A menu with controls to select a Time period value on RHS */

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

@@ -1 +1 @@
-{"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:ignore words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Flex,\n  Select,\n  Option,\n  NumberInput,\n  FormControlProps,\n  useI18n,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\n\nimport { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithRelativeDate) => void;\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n  props: RelativeDateMenuProps\n) => {\n  const { rhs, onChange, status, fieldType } = props;\n  const t = useI18n();\n\n  const { relativeDate } = rhs;\n\n  // Options for the Date Part selector\n  const datePartOptions = useMemo(() => {\n    const allOptions = [\n      'YEARS',\n      'QUARTERS',\n      'MONTHS',\n      'WEEKS',\n      'DAYS',\n      'HOURS',\n      'MINUTES',\n      'SECONDS'\n    ];\n    const datePartLabels: Record<DatePart, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second')\n    };\n    if (fieldType === 'DATE_TIME') {\n      // TODO: Remove temporary hide MINUTES option\n      return allOptions.map(datePart => ({\n        id: datePart,\n        label: datePartLabels[datePart as DatePart]\n      }));\n    }\n    // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields\n    return allOptions.splice(0, allOptions.length - 3).map(datePart => ({\n      id: datePart,\n      label: datePartLabels[datePart as DatePart]\n    }));\n  }, [t, fieldType]);\n\n  // Options for the Date-function selector\n  const timePeriodOptions = useMemo(() => {\n    const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n    const timePeriodLabels: Record<TimePeriod, string> = {\n      CURRENT: t('condition_builder_time_period_current'),\n      LAST: t('condition_builder_time_period_last'),\n      PREVIOUS: t('condition_builder_time_period_previous'),\n      NEXT: t('condition_builder_time_period_next')\n    };\n    return allOptions.map(timePeriod => ({\n      id: timePeriod,\n      label: timePeriodLabels[timePeriod as TimePeriod]\n    }));\n  }, [t]);\n\n  const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value;\n    if (selection === 'CURRENT') {\n      onChange({\n        relativeDate: {\n          timePeriod: selection as TimePeriod,\n          datePart: relativeDate.datePart\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          timePeriod: selection as TimePeriod,\n          interval: relativeDate.interval ?? undefined\n        }\n      });\n    }\n  };\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({\n      relativeDate: {\n        ...relativeDate,\n        datePart: selection as DatePart\n      }\n    });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: relativeDate.interval?.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  const handleIntervalChange = (value: string) => {\n    let newValue: number;\n    if (value !== '' && !Number.isNaN(Number(value))) {\n      newValue = Number(value);\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: newValue\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: undefined\n        }\n      });\n    }\n  };\n\n  return (\n    <>\n      <Select\n        label={t('condition_builder_time_period_label')}\n        value={rhs.relativeDate.timePeriod}\n        onChange={handleTimePeriodChange}\n      >\n        {timePeriodOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n      <Flex container={{ direction: 'row', colGap: 1 }}>\n        {relativeDate.timePeriod !== 'CURRENT' && (\n          <Flex item={{ basis: '30%' }}>\n            <NumberInput\n              {...valueComponentProps}\n              min={1}\n              step={1}\n              showDecimal={false}\n              onChange={handleIntervalChange}\n            />\n          </Flex>\n        )}\n        <Flex item={{ basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }}>\n          <Select\n            label={t('condition_builder_date_part')}\n            value={relativeDate.datePart}\n            onChange={handleDatePartChange}\n          >\n            {datePartOptions.map(o => (\n              <Option key={o.id} value={o.id}>\n                {o.label}\n              </Option>\n            ))}\n          </Select>\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n\nexport default RelativeDateMenu;\n"]}
+{"version":3,"file":"RelativeDateMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["// cspell:words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Flex,\n  Select,\n  Option,\n  NumberInput,\n  FormControlProps,\n  useI18n,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\n\nimport { RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, DatePart, TimePeriod, FieldType } from '../core/types';\n\nexport interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithRelativeDate) => void;\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps> = (\n  props: RelativeDateMenuProps\n) => {\n  const { rhs, onChange, status, fieldType } = props;\n  const t = useI18n();\n\n  const { relativeDate } = rhs;\n\n  // Options for the Date Part selector\n  const datePartOptions = useMemo(() => {\n    const allOptions = [\n      'YEARS',\n      'QUARTERS',\n      'MONTHS',\n      'WEEKS',\n      'DAYS',\n      'HOURS',\n      'MINUTES',\n      'SECONDS'\n    ];\n    const datePartLabels: Record<DatePart, string> = {\n      YEARS: t('condition_builder_year'),\n      QUARTERS: t('condition_builder_quarter'),\n      MONTHS: t('condition_builder_month'),\n      WEEKS: t('condition_builder_week'),\n      DAYS: t('condition_builder_day'),\n      HOURS: t('condition_builder_hour'),\n      MINUTES: t('condition_builder_minute'),\n      SECONDS: t('condition_builder_second')\n    };\n    if (fieldType === 'DATE_TIME') {\n      // TODO: Remove temporary hide MINUTES option\n      return allOptions.map(datePart => ({\n        id: datePart,\n        label: datePartLabels[datePart as DatePart]\n      }));\n    }\n    // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields\n    return allOptions.splice(0, allOptions.length - 3).map(datePart => ({\n      id: datePart,\n      label: datePartLabels[datePart as DatePart]\n    }));\n  }, [t, fieldType]);\n\n  // Options for the Date-function selector\n  const timePeriodOptions = useMemo(() => {\n    const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];\n    const timePeriodLabels: Record<TimePeriod, string> = {\n      CURRENT: t('condition_builder_time_period_current'),\n      LAST: t('condition_builder_time_period_last'),\n      PREVIOUS: t('condition_builder_time_period_previous'),\n      NEXT: t('condition_builder_time_period_next')\n    };\n    return allOptions.map(timePeriod => ({\n      id: timePeriod,\n      label: timePeriodLabels[timePeriod as TimePeriod]\n    }));\n  }, [t]);\n\n  const handleTimePeriodChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value;\n    if (selection === 'CURRENT') {\n      onChange({\n        relativeDate: {\n          timePeriod: selection as TimePeriod,\n          datePart: relativeDate.datePart\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          timePeriod: selection as TimePeriod,\n          interval: relativeDate.interval ?? undefined\n        }\n      });\n    }\n  };\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({\n      relativeDate: {\n        ...relativeDate,\n        datePart: selection as DatePart\n      }\n    });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: relativeDate.interval?.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  const handleIntervalChange = (value: string) => {\n    let newValue: number;\n    if (value !== '' && !Number.isNaN(Number(value))) {\n      newValue = Number(value);\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: newValue\n        }\n      });\n    } else {\n      onChange({\n        relativeDate: {\n          ...relativeDate,\n          interval: undefined\n        }\n      });\n    }\n  };\n\n  return (\n    <>\n      <Select\n        label={t('condition_builder_time_period_label')}\n        value={rhs.relativeDate.timePeriod}\n        onChange={handleTimePeriodChange}\n      >\n        {timePeriodOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n      <Flex container={{ direction: 'row', colGap: 1 }}>\n        {relativeDate.timePeriod !== 'CURRENT' && (\n          <Flex item={{ basis: '30%' }}>\n            <NumberInput\n              {...valueComponentProps}\n              min={1}\n              step={1}\n              showDecimal={false}\n              onChange={handleIntervalChange}\n            />\n          </Flex>\n        )}\n        <Flex item={{ basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }}>\n          <Select\n            label={t('condition_builder_date_part')}\n            value={relativeDate.datePart}\n            onChange={handleDatePartChange}\n          >\n            {datePartOptions.map(o => (\n              <Option key={o.id} value={o.id}>\n                {o.label}\n              </Option>\n            ))}\n          </Select>\n        </Flex>\n      </Flex>\n    </>\n  );\n};\n\nexport default RelativeDateMenu;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"TimePeriodInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EAEL,YAAY,EASb,MAAM,yBAAyB,CAAC;AAQjC,OAAuB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAyEvE,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA4D1E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"TimePeriodInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EAEL,YAAY,EASb,MAAM,yBAAyB,CAAC;AAQjC,OAAuB,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAyEvE,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA0D1E,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Flex, useConfiguration, useI18n, hasProp, CompositeInput, parseToDate, useAfterInitialEffect } from '@pega/cosmos-react-core';
 import { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';
@@ -74,36 +74,36 @@ const TimePeriodInput = (props) => {
     useAfterInitialEffect(() => {
         setNewRhsValue(rhs);
     }, [rhs]);
-    return (_jsx(_Fragment, { children: _jsx(Flex, { container: { direction: 'column', pad: [0, 0, 0.25] }, children: _jsx(CompositeInput, { value: createDisplayValue(rhs, t, locale), label: t('condition_builder_value_label'), status: status, info: info, dialog: {
-                    renderer: TimePeriodMenu,
-                    rendererProps: {
-                        rhs: newRhsValue,
-                        fieldType,
-                        onChange: setNewRhsValue,
-                        dateFunctionsList,
-                        status
-                    },
-                    onApply: ({ close }) => {
-                        if (newRhsValue)
-                            onChange(newRhsValue);
-                        close();
-                    },
-                    onCancel: ({ close }) => {
-                        close();
-                    }
-                }, onClear: () => {
-                    if (hasProp(newRhsValue, 'relativeDate')) {
-                        onChange({
-                            relativeDate: {
-                                timePeriod: 'CURRENT',
-                                datePart: 'DAYS'
-                            }
-                        });
-                    }
-                    else if (hasProp(newRhsValue, 'dateFunction')) {
-                        onChange({ value: '', dateFunction: dateFunctionsList[0] });
-                    }
-                } }) }) }));
+    return (_jsx(Flex, { container: { direction: 'column', pad: [0, 0, 0.25] }, children: _jsx(CompositeInput, { value: createDisplayValue(rhs, t, locale), label: t('condition_builder_value_label'), status: status, info: info, dialog: {
+                renderer: TimePeriodMenu,
+                rendererProps: {
+                    rhs: newRhsValue,
+                    fieldType,
+                    onChange: setNewRhsValue,
+                    dateFunctionsList,
+                    status
+                },
+                onApply: ({ close }) => {
+                    if (newRhsValue)
+                        onChange(newRhsValue);
+                    close();
+                },
+                onCancel: ({ close }) => {
+                    close();
+                }
+            }, onClear: () => {
+                if (hasProp(newRhsValue, 'relativeDate')) {
+                    onChange({
+                        relativeDate: {
+                            timePeriod: 'CURRENT',
+                            datePart: 'DAYS'
+                        }
+                    });
+                }
+                else if (hasProp(newRhsValue, 'dateFunction')) {
+                    onChange({ value: '', dateFunction: dateFunctionsList[0] });
+                }
+            } }) }));
 };
 export default TimePeriodInput;
 //# sourceMappingURL=TimePeriodInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TimePeriodInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport {\n  Flex,\n  ForwardProps,\n  useConfiguration,\n  useI18n,\n  hasProp,\n  CompositeInput,\n  parseToDate,\n  useAfterInitialEffect,\n  TranslationFunction,\n  TranslationPack\n} from '@pega/cosmos-react-core';\nimport { DateTimeVariant } from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';\n\nimport { RhsWithDateFunction, RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { formatRelativeDate } from '../core/formatter';\nimport { DateFunction } from '../core/types';\n\nimport TimePeriodMenu, { TimePeriodMenuProps } from './TimePeriodMenu';\n\nconst dateDisplayVariants: Record<\n  Exclude<DateFunction, 'MONTHS_OF_YEAR' | 'DAYS_OF_MONTH' | 'DAYS_OF_WEEK' | 'HOURS_OF_DAY'>,\n  DateTimeVariant\n> = {\n  YEARS: 'year',\n  QUARTERS: 'quarteryear',\n  MONTHS: 'monthyear',\n  WEEKS: 'week',\n  DAYS: 'date',\n  HOURS: 'datetime',\n  MINUTES: 'datetime',\n  SECONDS: 'datetime'\n};\n\n/** Creating display value for the selected time period value */\nconst createDisplayValue = (\n  rhsValue: RhsWithDateFunction | RhsWithRelativeDate,\n  t: TranslationFunction<TranslationPack>,\n  locale: string\n) => {\n  if (hasProp(rhsValue, 'relativeDate')) {\n    const {\n      relativeDate: { timePeriod, interval, datePart }\n    } = rhsValue;\n    return formatRelativeDate(t, timePeriod, datePart, interval);\n  }\n\n  const { value, dateFunction } = rhsValue;\n\n  if (!value && !(dateFunction === 'HOURS_OF_DAY' && value === 0)) {\n    return t('condition_builder_select_placeholder');\n  }\n\n  switch (dateFunction) {\n    case 'MONTHS_OF_YEAR':\n      return new Date(2021, (value as number) - 1, 1).toLocaleString(locale, { month: 'long' });\n\n    case 'DAYS_OF_MONTH':\n      return t('condition_builder_day_number_of_month', [value], {\n        count: Number(value),\n        pluralType: 'ordinal'\n      });\n    case 'DAYS_OF_WEEK':\n      return new Date(2021, 1, value as number).toLocaleString(locale, { weekday: 'long' });\n    case 'HOURS_OF_DAY':\n      return t('condition_builder_hour_number_of_day', [`${value.toString().padStart(2, '0')}:00`]);\n    case 'MINUTES':\n    case 'SECONDS': {\n      const result = dateFunction === 'SECONDS' ? t('seconds_text') : t('minutes_text');\n      let output = formatDateTime(parseToDate(value), {\n        t,\n        locale,\n        format: dateFunction === 'SECONDS' ? 'long' : 'short',\n        variant: dateDisplayVariants[dateFunction],\n        timeZone: 'UTC'\n      });\n      output += ` (${result.toLowerCase()})`;\n      return output;\n    }\n    default: {\n      return formatDateTime(parseToDate(value), {\n        t,\n        locale,\n        format: 'short',\n        variant: dateDisplayVariants[dateFunction],\n        timeZone: 'UTC'\n      });\n    }\n  }\n};\n\nconst TimePeriodInput: FunctionComponent<TimePeriodMenuProps & ForwardProps> = (\n  props: TimePeriodMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status, fieldType } = props;\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const [newRhsValue, setNewRhsValue] = useState<TimePeriodMenuProps['rhs']>(rhs);\n\n  let info;\n  if (status === 'error') {\n    info = hasProp(rhs, 'relativeDate')\n      ? t('condition_builder_invalid_relative_date')\n      : t('condition_builder_invalid_time_period');\n  }\n\n  useAfterInitialEffect(() => {\n    setNewRhsValue(rhs);\n  }, [rhs]);\n\n  return (\n    <>\n      <Flex container={{ direction: 'column', pad: [0, 0, 0.25] }}>\n        <CompositeInput\n          value={createDisplayValue(rhs, t, locale)}\n          label={t('condition_builder_value_label')}\n          status={status}\n          info={info}\n          dialog={{\n            renderer: TimePeriodMenu,\n            rendererProps: {\n              rhs: newRhsValue,\n              fieldType,\n              onChange: setNewRhsValue,\n              dateFunctionsList,\n              status\n            },\n            onApply: ({ close }) => {\n              if (newRhsValue) onChange(newRhsValue);\n              close();\n            },\n            onCancel: ({ close }) => {\n              close();\n            }\n          }}\n          onClear={() => {\n            if (hasProp(newRhsValue, 'relativeDate')) {\n              onChange({\n                relativeDate: {\n                  timePeriod: 'CURRENT',\n                  datePart: 'DAYS'\n                }\n              });\n            } else if (hasProp(newRhsValue, 'dateFunction')) {\n              onChange({ value: '', dateFunction: dateFunctionsList[0] });\n            }\n          }}\n        />\n      </Flex>\n    </>\n  );\n};\n\nexport default TimePeriodInput;\n\n// Suppresses\n"]}
+{"version":3,"file":"TimePeriodInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport {\n  Flex,\n  ForwardProps,\n  useConfiguration,\n  useI18n,\n  hasProp,\n  CompositeInput,\n  parseToDate,\n  useAfterInitialEffect,\n  TranslationFunction,\n  TranslationPack\n} from '@pega/cosmos-react-core';\nimport { DateTimeVariant } from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { formatDateTime } from '@pega/cosmos-react-core/lib/components/DateTime/utils';\n\nimport { RhsWithDateFunction, RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { formatRelativeDate } from '../core/formatter';\nimport { DateFunction } from '../core/types';\n\nimport TimePeriodMenu, { TimePeriodMenuProps } from './TimePeriodMenu';\n\nconst dateDisplayVariants: Record<\n  Exclude<DateFunction, 'MONTHS_OF_YEAR' | 'DAYS_OF_MONTH' | 'DAYS_OF_WEEK' | 'HOURS_OF_DAY'>,\n  DateTimeVariant\n> = {\n  YEARS: 'year',\n  QUARTERS: 'quarteryear',\n  MONTHS: 'monthyear',\n  WEEKS: 'week',\n  DAYS: 'date',\n  HOURS: 'datetime',\n  MINUTES: 'datetime',\n  SECONDS: 'datetime'\n};\n\n/** Creating display value for the selected time period value */\nconst createDisplayValue = (\n  rhsValue: RhsWithDateFunction | RhsWithRelativeDate,\n  t: TranslationFunction<TranslationPack>,\n  locale: string\n) => {\n  if (hasProp(rhsValue, 'relativeDate')) {\n    const {\n      relativeDate: { timePeriod, interval, datePart }\n    } = rhsValue;\n    return formatRelativeDate(t, timePeriod, datePart, interval);\n  }\n\n  const { value, dateFunction } = rhsValue;\n\n  if (!value && !(dateFunction === 'HOURS_OF_DAY' && value === 0)) {\n    return t('condition_builder_select_placeholder');\n  }\n\n  switch (dateFunction) {\n    case 'MONTHS_OF_YEAR':\n      return new Date(2021, (value as number) - 1, 1).toLocaleString(locale, { month: 'long' });\n\n    case 'DAYS_OF_MONTH':\n      return t('condition_builder_day_number_of_month', [value], {\n        count: Number(value),\n        pluralType: 'ordinal'\n      });\n    case 'DAYS_OF_WEEK':\n      return new Date(2021, 1, value as number).toLocaleString(locale, { weekday: 'long' });\n    case 'HOURS_OF_DAY':\n      return t('condition_builder_hour_number_of_day', [`${value.toString().padStart(2, '0')}:00`]);\n    case 'MINUTES':\n    case 'SECONDS': {\n      const result = dateFunction === 'SECONDS' ? t('seconds_text') : t('minutes_text');\n      let output = formatDateTime(parseToDate(value), {\n        t,\n        locale,\n        format: dateFunction === 'SECONDS' ? 'long' : 'short',\n        variant: dateDisplayVariants[dateFunction],\n        timeZone: 'UTC'\n      });\n      output += ` (${result.toLowerCase()})`;\n      return output;\n    }\n    default: {\n      return formatDateTime(parseToDate(value), {\n        t,\n        locale,\n        format: 'short',\n        variant: dateDisplayVariants[dateFunction],\n        timeZone: 'UTC'\n      });\n    }\n  }\n};\n\nconst TimePeriodInput: FunctionComponent<TimePeriodMenuProps & ForwardProps> = (\n  props: TimePeriodMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status, fieldType } = props;\n  const t = useI18n();\n  const { locale } = useConfiguration();\n  const [newRhsValue, setNewRhsValue] = useState<TimePeriodMenuProps['rhs']>(rhs);\n\n  let info;\n  if (status === 'error') {\n    info = hasProp(rhs, 'relativeDate')\n      ? t('condition_builder_invalid_relative_date')\n      : t('condition_builder_invalid_time_period');\n  }\n\n  useAfterInitialEffect(() => {\n    setNewRhsValue(rhs);\n  }, [rhs]);\n\n  return (\n    <Flex container={{ direction: 'column', pad: [0, 0, 0.25] }}>\n      <CompositeInput\n        value={createDisplayValue(rhs, t, locale)}\n        label={t('condition_builder_value_label')}\n        status={status}\n        info={info}\n        dialog={{\n          renderer: TimePeriodMenu,\n          rendererProps: {\n            rhs: newRhsValue,\n            fieldType,\n            onChange: setNewRhsValue,\n            dateFunctionsList,\n            status\n          },\n          onApply: ({ close }) => {\n            if (newRhsValue) onChange(newRhsValue);\n            close();\n          },\n          onCancel: ({ close }) => {\n            close();\n          }\n        }}\n        onClear={() => {\n          if (hasProp(newRhsValue, 'relativeDate')) {\n            onChange({\n              relativeDate: {\n                timePeriod: 'CURRENT',\n                datePart: 'DAYS'\n              }\n            });\n          } else if (hasProp(newRhsValue, 'dateFunction')) {\n            onChange({ value: '', dateFunction: dateFunctionsList[0] });\n          }\n        }}\n      />\n    </Flex>\n  );\n};\n\nexport default TimePeriodInput;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"TimePeriodMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,IAAI,EAAgB,OAAO,EAAkB,MAAM,yBAAyB,CAAC;AAIjG,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAmBlD,gEAAgE;AAChE,MAAM,cAAc,GAA0D,CAC5E,KAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtE,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,yBAAyB,EAC7B,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAEhB,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,GACd,CACH,EACA,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CACzF,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// cspell:ignore words DDTHH\nimport { FunctionComponent } from 'react';\n\nimport { BaseProps, Flex, ForwardProps, hasProp, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport { RhsWithDateFunction, RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, FieldType } from '../core/types';\nimport { StyledTimePeriodContainer } from '../ConditionBuilder.styles';\n\nimport DateFunctionMenu from './DateFunctionMenu';\nimport RelativeDateMenu from './RelativeDateMenu';\n\nexport interface TimePeriodMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction | RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction | RhsWithRelativeDate) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst TimePeriodMenu: FunctionComponent<TimePeriodMenuProps & ForwardProps> = (\n  props: TimePeriodMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status, fieldType } = props;\n  return (\n    <Flex\n      as={StyledTimePeriodContainer}\n      container={{ direction: 'column', rowGap: 0.5 }}\n      item={{ grow: 1 }}\n    >\n      {hasProp(rhs, 'dateFunction') && (\n        <DateFunctionMenu\n          rhs={rhs}\n          onChange={onChange}\n          dateFunctionsList={dateFunctionsList}\n          status={status}\n        />\n      )}\n      {hasProp(rhs, 'relativeDate') && (\n        <RelativeDateMenu rhs={rhs} fieldType={fieldType} onChange={onChange} status={status} />\n      )}\n    </Flex>\n  );\n};\n\nexport default TimePeriodMenu;\n"]}
+{"version":3,"file":"TimePeriodMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/TimePeriodMenu.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAa,IAAI,EAAgB,OAAO,EAAkB,MAAM,yBAAyB,CAAC;AAIjG,OAAO,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAEvE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAmBlD,gEAAgE;AAChE,MAAM,cAAc,GAA0D,CAC5E,KAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IACtE,OAAO,CACL,MAAC,IAAI,IACH,EAAE,EAAE,yBAAyB,EAC7B,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAC/C,IAAI,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,aAEhB,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,GACd,CACH,EACA,OAAO,CAAC,GAAG,EAAE,cAAc,CAAC,IAAI,CAC/B,KAAC,gBAAgB,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CACzF,IACI,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["// cspell:words DDTHH\nimport { FunctionComponent } from 'react';\n\nimport { BaseProps, Flex, ForwardProps, hasProp, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport { RhsWithDateFunction, RhsWithRelativeDate } from '../ConditionBuilder.types';\nimport { DateFunction, FieldType } from '../core/types';\nimport { StyledTimePeriodContainer } from '../ConditionBuilder.styles';\n\nimport DateFunctionMenu from './DateFunctionMenu';\nimport RelativeDateMenu from './RelativeDateMenu';\n\nexport interface TimePeriodMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction | RhsWithRelativeDate;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction | RhsWithRelativeDate) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */\n  fieldType: FieldType;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst TimePeriodMenu: FunctionComponent<TimePeriodMenuProps & ForwardProps> = (\n  props: TimePeriodMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status, fieldType } = props;\n  return (\n    <Flex\n      as={StyledTimePeriodContainer}\n      container={{ direction: 'column', rowGap: 0.5 }}\n      item={{ grow: 1 }}\n    >\n      {hasProp(rhs, 'dateFunction') && (\n        <DateFunctionMenu\n          rhs={rhs}\n          onChange={onChange}\n          dateFunctionsList={dateFunctionsList}\n          status={status}\n        />\n      )}\n      {hasProp(rhs, 'relativeDate') && (\n        <RelativeDateMenu rhs={rhs} fieldType={fieldType} onChange={onChange} status={status} />\n      )}\n    </Flex>\n  );\n};\n\nexport default TimePeriodMenu;\n"]}

package/lib/components/ConditionBuilder/RhsControls/ValueSelector.d.ts

@@ -3,6 +3,7 @@ import { BaseProps, NoChildrenProp, ComboBoxProps, HandleValue } from '@pega/cos
 import { LeafCondition, ParameterValue, ValueSelection } from '../ConditionBuilder.types';
 import { Comparator } from '../core/types';
 interface ValueSelectorProps<T extends {
+    id: string;
     possibleValues?: ValueSelection<T>;
 }> extends BaseProps, NoChildrenProp {
     mode: ComboBoxProps['mode'];
@@ -37,6 +38,7 @@ interface ValueSelectorProps<T extends {
 }
 /** A control for selecting multiple values using checkboxes in an overlay */
 declare const ValueSelector: <F extends object & {
+    id: string;
     possibleValues?: ValueSelection<F> | undefined;
 }>({ values, selectedField, comparator, rhs, onChange, onBlur, onClear, status, mode, parameters, placeholder, label, info, setApiError, handle }: ValueSelectorProps<F>) => JSX.Element;
 export default ValueSelector;

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

@@ -1 +1 @@
-{"version":3,"file":"ValueSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,QAAQ,EACR,cAAc,EAEd,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,SAAS,EAIT,cAAc,EACd,aAAa,EAKb,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,aAAa,EACb,cAAc,EAEd,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,kBAAkB,CAAC,CAAC,SAAS;IAAE,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CAC3E,SAAQ,SAAS,EACf,cAAc;IAChB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,yBAAyB;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,aAAa,EAAE,CAAC,CAAC;IACjB,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,oDAAoD;IACpD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB;IACxB,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD,wBAAwB;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B;AAED,6EAA6E;AAC7E,QAAA,MAAM,aAAa;;wLA6PlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ValueSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/ValueSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,QAAQ,EACR,cAAc,EAEd,GAAG,EAEJ,MAAM,OAAO,CAAC;AAEf,OAAO,EAEL,SAAS,EAIT,cAAc,EACd,aAAa,EAKb,WAAW,EACZ,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EACL,aAAa,EACb,cAAc,EAEd,cAAc,EACf,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,UAAU,kBAAkB,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,cAAc,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,CAAA;CAAE,CACvF,SAAQ,SAAS,EACf,cAAc;IAChB,IAAI,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC5B,yBAAyB;IACzB,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IAC1B,2BAA2B;IAC3B,aAAa,EAAE,CAAC,CAAC;IACjB,kCAAkC;IAClC,UAAU,EAAE,UAAU,CAAC;IACvB,4BAA4B;IAC5B,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IACvC,oDAAoD;IACpD,UAAU,EAAE,cAAc,EAAE,CAAC;IAC7B,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,wBAAwB;IACxB,MAAM,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,KAAK,IAAI,CAAC;IACjD,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,mDAAmD;IACnD,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,2BAA2B;IAC3B,WAAW,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,IAAI,CAAC,CAAC,CAAC;IACtD,wBAAwB;IACxB,MAAM,CAAC,EAAE,GAAG,CAAC,WAAW,CAAC,CAAC;CAC3B;AAED,6EAA6E;AAC7E,QAAA,MAAM,aAAa;QAA6B,MAAM;;wLA6PrD,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -88,7 +88,7 @@ const ValueSelector = ({ values, selectedField, comparator, rhs, onChange, onBlu
             subscribed = false;
             setApiError?.(null);
         };
-    }, [filterValue, selectedField, comparator]);
+    }, [filterValue, selectedField.id, comparator]);
     useEffect(() => setFilterValue(''), [selectedField, comparator]);
     const getSelections = () => {
         if (typeof selections === 'string') {