@pega/cosmos-react-condition-builder 2.0.0-dev.2.1 → 2.0.0-dev.20.0

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

@@ -1,11 +1,16 @@
 import { FunctionComponent } from 'react';
 import { BaseProps, ForwardProps } from '@pega/cosmos-react-core';
-import { LeafCondition, Field } from './ConditionBuilder.types';
+import { LeafCondition, Field, DateFunctionsByType } from './ConditionBuilder.types';
 import { ComparatorsByType, RHSType } from './core/types';
 /** Determines the default condition object for a given LHS value */
-export declare function getInitConditionForLhs(lhs: LeafCondition['lhs'], fields: Field[], validRhsTypes: Set<RHSType>, validComparators?: ComparatorsByType[]): LeafCondition;
-/** Verifies if all the values in the condition are valid */
-export declare function isValidCondition(condition: LeafCondition, fields: Field[], validRhsTypes: Set<RHSType>, trimValues?: boolean): boolean;
+export declare function getInitConditionForLhs(lhs: LeafCondition['lhs'], fields: Field[], validRhsTypes: Set<RHSType>, validComparators?: ComparatorsByType[], dateFunctions?: DateFunctionsByType): LeafCondition;
+/**
+ * Verifies if all the values in the condition are valid.
+ * NOTES:
+ * - This is intended to be used only on conditions emitted by the components in this package.
+ * - If a condition is manually constructed outside these components, this utility could miss some malformed conditions.
+ */
+export declare function isValidCondition(condition: LeafCondition, fields: Field[], trimValues?: boolean): boolean;
 /** Type definition for the input props of AtomicCondition */
 interface AtomicConditionProps extends BaseProps {
     /** Condition to use in the component */
@@ -37,6 +42,8 @@ interface AtomicConditionProps extends BaseProps {
      *          comparators using the validComparators prop.
      */
     validRhsTypes?: Set<RHSType>;
+    /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */
+    dateFunctions?: DateFunctionsByType;
 }
 /** A controlled component for Atomic Conditions */
 declare const AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAE9D,OAAO,EAOL,SAAS,EACT,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAIhE,OAAO,EAAc,iBAAiB,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AA2CjF,oEAAoE;AACpE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,GACrC,aAAa,CAcf;AAED,4DAA4D;AAC5D,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,UAAU,GAAE,OAAe,GAC1B,OAAO,CAST;AAED,6DAA6D;AAC7D,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,wCAAwC;IACxC,SAAS,EAAE,aAAa,CAAC;IAEzB,mEAAmE;IACnE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEjC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;CAC9B;AAED,mDAAmD;AACnD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CA+G3E,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"AtomicCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAEvD,OAAO,EAOL,SAAS,EACT,YAAY,EACb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAIrF,OAAO,EAAc,iBAAiB,EAAa,OAAO,EAAE,MAAM,cAAc,CAAC;AA2CjF,oEAAoE;AACpE,wBAAgB,sBAAsB,CACpC,GAAG,EAAE,aAAa,CAAC,KAAK,CAAC,EACzB,MAAM,EAAE,KAAK,EAAE,EACf,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,EAC3B,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,EACtC,aAAa,CAAC,EAAE,mBAAmB,GAClC,aAAa,CAcf;AAED;;;;;GAKG;AACH,wBAAgB,gBAAgB,CAC9B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,KAAK,EAAE,EACf,UAAU,GAAE,OAAe,GAC1B,OAAO,CAST;AAED,6DAA6D;AAC7D,UAAU,oBAAqB,SAAQ,SAAS;IAC9C,wCAAwC;IACxC,SAAS,EAAE,aAAa,CAAC;IAEzB,mEAAmE;IACnE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEjC;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;;;;;;;;OAUG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED,mDAAmD;AACnD,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAmH3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/ConditionBuilder/AtomicCondition.js

@@ -1,17 +1,17 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Grid, Select, Option, Text, useI18n, hasProp } from '@pega/cosmos-react-core';
-import FieldSelector from './FieldSelector';
+import FieldSelector from './RhsControls/FieldSelector';
 import RhsControls, { getDefaultRhs, isValidRhs } from './RhsControls';
 import getComparatorOptions from './core/comparators';
 // Returns field-type for a given field-name
 function getFieldType(fieldName, fields) {
     const matchingField = fields.find(f => f.name === fieldName);
-    return matchingField === null || matchingField === void 0 ? void 0 : matchingField.type;
+    return matchingField?.type;
 }
 // Returns display label for a given field-name
 function getFieldLabel(fieldName, fields) {
     const matchingField = fields.find(f => f.name === fieldName);
-    return (matchingField === null || matchingField === void 0 ? void 0 : matchingField.label) || (matchingField === null || matchingField === void 0 ? void 0 : matchingField.name);
+    return matchingField?.label || matchingField?.name;
 }
 /**
  * Upon changing the comparator, checks if the old RHS is valid for the new comparator
@@ -41,7 +41,7 @@ function isRhsValidForComparator(rhs, comparator) {
     ].includes(comparator);
 }
 /** Determines the default condition object for a given LHS value */
-export function getInitConditionForLhs(lhs, fields, validRhsTypes, validComparators) {
+export function getInitConditionForLhs(lhs, fields, validRhsTypes, validComparators, dateFunctions) {
     let comparator;
     let rhs;
     if (lhs.field === '') {
@@ -52,12 +52,17 @@ export function getInitConditionForLhs(lhs, fields, validRhsTypes, validComparat
     else {
         const newFieldType = getFieldType(lhs.field, fields);
         comparator = getComparatorOptions(newFieldType, validComparators)[0].id; // Find the applicable comparators and select the first among them
-        rhs = getDefaultRhs(newFieldType, comparator, validRhsTypes);
+        rhs = getDefaultRhs(newFieldType, comparator, validRhsTypes, dateFunctions);
     }
     return { lhs, comparator, rhs };
 }
-/** Verifies if all the values in the condition are valid */
-export function isValidCondition(condition, fields, validRhsTypes, trimValues = false) {
+/**
+ * Verifies if all the values in the condition are valid.
+ * NOTES:
+ * - This is intended to be used only on conditions emitted by the components in this package.
+ * - If a condition is manually constructed outside these components, this utility could miss some malformed conditions.
+ */
+export function isValidCondition(condition, fields, trimValues = false) {
     // If no field is yet selected on the LHS
     if (condition.lhs.field === '') {
         return false;
@@ -65,22 +70,19 @@ export function isValidCondition(condition, fields, validRhsTypes, trimValues =
     // If a field is present on the LHS, check if the RHS is valid
     // No need to check the comparator since the comparator is always assigned a valid value
     const fieldType = getFieldType(condition.lhs.field, fields);
-    return isValidRhs(condition.rhs, fieldType, trimValues, validRhsTypes);
+    return isValidRhs(condition.rhs, fieldType, trimValues);
 }
 /** A controlled component for Atomic Conditions */
 const AtomicCondition = (props) => {
-    const { condition, fields, indicateErrors, validComparators, onChange, itemDirection, showLhsAsLabel, validRhsTypes } = props;
-    const rhsTypes = validRhsTypes && validRhsTypes.size !== 0
-        ? validRhsTypes
-        : new Set(['LITERAL', 'FIELD']);
+    const { condition, fields, indicateErrors, validComparators, onChange, itemDirection, showLhsAsLabel, validRhsTypes = new Set(['LITERAL', 'FIELD']), dateFunctions } = props;
     const fieldType = getFieldType(condition.lhs.field, fields); // Can be `undefined` if no match or if no previous field
     const comparatorOptions = fieldType
         ? getComparatorOptions(fieldType, validComparators)
-        : [{ id: '', label: 'Select...' }]; // FIXME: TR
+        : [{ id: '', label: 'Select…' }]; // FIXME: TR
     // Handle change in the field-selector
     const handleFieldChange = (id) => {
         const lhs = { field: id };
-        const newCondition = getInitConditionForLhs(lhs, fields, rhsTypes, validComparators); // Determine comparator and rhs for the new lhs
+        const newCondition = getInitConditionForLhs(lhs, fields, validRhsTypes, validComparators, dateFunctions); // Determine comparator and rhs for the new lhs
         onChange(newCondition); // Submit the new condition
     };
     // Handle change in the comparator
@@ -91,7 +93,7 @@ const AtomicCondition = (props) => {
         const comparator = e.target.value;
         const rhs = isRhsValidForComparator(condition.rhs, comparator)
             ? condition.rhs
-            : getDefaultRhs(fieldType, comparator, rhsTypes);
+            : getDefaultRhs(fieldType, comparator, validRhsTypes, dateFunctions);
         onChange({ ...condition, comparator, rhs }); // Submit the new condition
     };
     // Handle change in the RHS
@@ -101,7 +103,7 @@ const AtomicCondition = (props) => {
     const t = useI18n();
     return (
     // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448
-    React.createElement(Grid, { sm: {
+    _jsxs(Grid, { sm: {
             container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(5rem,1fr))' }
         }, md: {
             container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(10rem,1fr))' }
@@ -109,13 +111,9 @@ const AtomicCondition = (props) => {
             justifyItems: 'stretch',
             colGap: 0.5,
             rowGap: 0.5
-        } },
-        showLhsAsLabel && (React.createElement(Text, { variant: 'secondary' }, getFieldLabel(condition.lhs.field, fields))),
-        !showLhsAsLabel && (React.createElement(FieldSelector, { value: condition.lhs.field, onChange: handleFieldChange, fields: fields, status: indicateErrors && condition.lhs.field === '' ? 'error' : undefined, info: indicateErrors && condition.lhs.field === ''
-                ? t('condition_builder_condition_select_info_default')
-                : undefined })),
-        React.createElement(Select, { value: condition.comparator, onChange: handleComparatorChange, name: 'comparator', label: '-', labelHidden: true }, comparatorOptions.map(option => (React.createElement(Option, { key: option.id, value: option.id }, option.label)))),
-        React.createElement(RhsControls, { lhs: condition.lhs, comparator: condition.comparator, rhs: condition.rhs, fields: fields, onChange: handleRHSChange, indicateErrors: indicateErrors, validRhsTypes: rhsTypes })));
+        }, children: [showLhsAsLabel && (_jsx(Text, { variant: 'secondary', children: getFieldLabel(condition.lhs.field, fields) }, void 0)), !showLhsAsLabel && (_jsx(FieldSelector, { value: condition.lhs.field, onChange: handleFieldChange, fields: fields, status: indicateErrors && condition.lhs.field === '' ? 'error' : undefined, info: indicateErrors && condition.lhs.field === ''
+                    ? t('condition_builder_condition_select_info_default')
+                    : undefined }, void 0)), _jsx(Select, { value: condition.comparator, onChange: handleComparatorChange, name: 'comparator', label: '-', labelHidden: true, children: comparatorOptions.map(option => (_jsx(Option, { value: option.id, children: option.label }, option.id))) }, void 0), _jsx(RhsControls, { lhs: condition.lhs, comparator: condition.comparator, rhs: condition.rhs, fields: fields, onChange: handleRHSChange, indicateErrors: indicateErrors, validRhsTypes: validRhsTypes, dateFunctions: dateFunctions, itemDirection: itemDirection || 'row' }, void 0)] }, void 0));
 };
 export default AtomicCondition;
 //# sourceMappingURL=AtomicCondition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { FunctionComponent, ChangeEvent } from 'react';\n\nimport {\n  Grid,\n  Select,\n  Option,\n  Text,\n  useI18n,\n  hasProp,\n  BaseProps,\n  ForwardProps\n} from '@pega/cosmos-react-core';\n\nimport { LeafCondition, Field } from './ConditionBuilder.types';\nimport FieldSelector from './FieldSelector';\nimport RhsControls, { getDefaultRhs, isValidRhs } from './RhsControls';\nimport getComparatorOptions from './core/comparators';\nimport { Comparator, ComparatorsByType, FieldType, RHSType } from './core/types';\n\n// Returns field-type for a given field-name\nfunction getFieldType(fieldName: string, fields: Field[]): FieldType | undefined {\n  const matchingField = fields.find(f => f.name === fieldName);\n  return matchingField?.type;\n}\n\n// Returns display label for a given field-name\nfunction getFieldLabel(fieldName: string, fields: Field[]): string | undefined {\n  const matchingField = fields.find(f => f.name === fieldName);\n  return matchingField?.label || matchingField?.name;\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  // `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): 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);\n  }\n\n  return { lhs, comparator, rhs };\n}\n\n/** Verifies if all the values in the condition are valid */\nexport function isValidCondition(\n  condition: LeafCondition,\n  fields: Field[],\n  validRhsTypes: Set<RHSType>,\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, fieldType, trimValues, validRhsTypes);\n}\n\n/** Type definition for the input props of AtomicCondition */\ninterface AtomicConditionProps extends BaseProps {\n  /** Condition to use in the component */\n  condition: LeafCondition;\n\n  /** Metadata (data-model) for the Fields to use in the Condition */\n  fields: Field[];\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */\n  validComparators?: ComparatorsByType[];\n\n  /** Callback for any modifications to the Condition */\n  onChange: (newCondition: LeafCondition) => void;\n\n  /** Item flow direction. Defaults to 'row' */\n  itemDirection?: 'row' | 'column';\n\n  /**\n   * Allows showing the LHS as a readonly label.\n   * NOTE: Make sure that a valid LHS is passed in the 'condition'\n   */\n  showLhsAsLabel?: boolean;\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\n/** A controlled component for Atomic Conditions */\nconst AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps> = (\n  props: AtomicConditionProps\n) => {\n  const {\n    condition,\n    fields,\n    indicateErrors,\n    validComparators,\n    onChange,\n    itemDirection,\n    showLhsAsLabel,\n    validRhsTypes\n  } = props;\n\n  const rhsTypes =\n    validRhsTypes && validRhsTypes.size !== 0\n      ? validRhsTypes\n      : new Set<RHSType>(['LITERAL', 'FIELD']);\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: 'Select...' }]; // FIXME: TR\n\n  // Handle change in the field-selector\n  const handleFieldChange = (id: string) => {\n    const lhs = { field: id };\n    const newCondition = getInitConditionForLhs(lhs, fields, rhsTypes, validComparators); // Determine comparator and rhs for the new lhs\n    onChange(newCondition); // Submit the new condition\n  };\n\n  // Handle change in the comparator\n  const handleComparatorChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    if (e.target.value === '') {\n      return; // The option is shown only when an lhs is not yet selected. Ignore this selection for those cases\n    }\n    const comparator = e.target.value as Comparator;\n    const rhs = isRhsValidForComparator(condition.rhs, comparator)\n      ? condition.rhs\n      : getDefaultRhs(fieldType as FieldType, comparator, rhsTypes);\n    onChange({ ...condition, comparator, rhs }); // Submit the new condition\n  };\n\n  // Handle change in the RHS\n  const handleRHSChange = (rhs: LeafCondition['rhs']) => {\n    onChange({ ...condition, rhs }); // Submit the new condition\n  };\n\n  const t = useI18n();\n\n  return (\n    // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448\n    <Grid\n      sm={{\n        container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(5rem,1fr))' }\n      }}\n      md={{\n        container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(10rem,1fr))' }\n      }}\n      container={{\n        justifyItems: 'stretch',\n        colGap: 0.5,\n        rowGap: 0.5\n      }}\n    >\n      {/* LHS label */}\n      {showLhsAsLabel && (\n        <Text variant='secondary'>{getFieldLabel(condition.lhs.field, fields)}</Text>\n      )}\n      {/* LHS selector */}\n      {!showLhsAsLabel && (\n        <FieldSelector\n          value={condition.lhs.field}\n          onChange={handleFieldChange}\n          fields={fields}\n          status={indicateErrors && condition.lhs.field === '' ? 'error' : undefined}\n          info={\n            indicateErrors && condition.lhs.field === ''\n              ? t('condition_builder_condition_select_info_default')\n              : undefined\n          }\n        />\n      )}\n\n      {/* Comparator selector */}\n      <Select\n        value={condition.comparator}\n        onChange={handleComparatorChange}\n        name='comparator'\n        label='-'\n        labelHidden\n      >\n        {comparatorOptions.map(option => (\n          <Option key={option.id} value={option.id}>\n            {option.label}\n          </Option>\n        ))}\n      </Select>\n\n      {/* RHS controls */}\n      <RhsControls\n        lhs={condition.lhs}\n        comparator={condition.comparator}\n        rhs={condition.rhs}\n        fields={fields}\n        onChange={handleRHSChange}\n        indicateErrors={indicateErrors}\n        validRhsTypes={rhsTypes}\n      />\n    </Grid>\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 { FunctionComponent, ChangeEvent } from 'react';\n\nimport {\n  Grid,\n  Select,\n  Option,\n  Text,\n  useI18n,\n  hasProp,\n  BaseProps,\n  ForwardProps\n} from '@pega/cosmos-react-core';\n\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';\n\n// Returns field-type for a given field-name\nfunction getFieldType(fieldName: string, fields: Field[]): FieldType | undefined {\n  const matchingField = fields.find(f => f.name === fieldName);\n  return matchingField?.type;\n}\n\n// Returns display label for a given field-name\nfunction getFieldLabel(fieldName: string, fields: Field[]): string | undefined {\n  const matchingField = fields.find(f => f.name === fieldName);\n  return matchingField?.label || matchingField?.name;\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  // `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, fieldType, trimValues);\n}\n\n/** Type definition for the input props of AtomicCondition */\ninterface AtomicConditionProps extends BaseProps {\n  /** Condition to use in the component */\n  condition: LeafCondition;\n\n  /** Metadata (data-model) for the Fields to use in the Condition */\n  fields: Field[];\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */\n  validComparators?: ComparatorsByType[];\n\n  /** Callback for any modifications to the Condition */\n  onChange: (newCondition: LeafCondition) => void;\n\n  /** Item flow direction. Defaults to 'row' */\n  itemDirection?: 'row' | 'column';\n\n  /**\n   * Allows showing the LHS as a readonly label.\n   * NOTE: Make sure that a valid LHS is passed in the 'condition'\n   */\n  showLhsAsLabel?: boolean;\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\n/** A controlled component for Atomic Conditions */\nconst AtomicCondition: FunctionComponent<AtomicConditionProps & ForwardProps> = (\n  props: AtomicConditionProps\n) => {\n  const {\n    condition,\n    fields,\n    indicateErrors,\n    validComparators,\n    onChange,\n    itemDirection,\n    showLhsAsLabel,\n    validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n    dateFunctions\n  } = props;\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: 'Select…' }]; // FIXME: TR\n\n  // Handle change in the field-selector\n  const handleFieldChange = (id: string) => {\n    const lhs = { field: id };\n    const newCondition = getInitConditionForLhs(\n      lhs,\n      fields,\n      validRhsTypes,\n      validComparators,\n      dateFunctions\n    ); // Determine comparator and rhs for the new lhs\n    onChange(newCondition); // Submit the new condition\n  };\n\n  // Handle change in the comparator\n  const handleComparatorChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    if (e.target.value === '') {\n      return; // The option is shown only when an lhs is not yet selected. Ignore this selection for those cases\n    }\n    const comparator = e.target.value as Comparator;\n    const rhs = isRhsValidForComparator(condition.rhs, comparator)\n      ? condition.rhs\n      : getDefaultRhs(fieldType as FieldType, comparator, validRhsTypes, dateFunctions);\n    onChange({ ...condition, comparator, rhs }); // Submit the new condition\n  };\n\n  // Handle change in the RHS\n  const handleRHSChange = (rhs: LeafCondition['rhs']) => {\n    onChange({ ...condition, rhs }); // Submit the new condition\n  };\n\n  const t = useI18n();\n\n  return (\n    // Using minmax() to get equal widths: https://stackoverflow.com/a/61240964/4247448\n    <Grid\n      sm={{\n        container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(5rem,1fr))' }\n      }}\n      md={{\n        container: { cols: itemDirection === 'column' ? '1fr' : 'repeat(3, minmax(10rem,1fr))' }\n      }}\n      container={{\n        justifyItems: 'stretch',\n        colGap: 0.5,\n        rowGap: 0.5\n      }}\n    >\n      {/* LHS label */}\n      {showLhsAsLabel && (\n        <Text variant='secondary'>{getFieldLabel(condition.lhs.field, fields)}</Text>\n      )}\n      {/* LHS selector */}\n      {!showLhsAsLabel && (\n        <FieldSelector\n          value={condition.lhs.field}\n          onChange={handleFieldChange}\n          fields={fields}\n          status={indicateErrors && condition.lhs.field === '' ? 'error' : undefined}\n          info={\n            indicateErrors && condition.lhs.field === ''\n              ? t('condition_builder_condition_select_info_default')\n              : undefined\n          }\n        />\n      )}\n\n      {/* Comparator selector */}\n      <Select\n        value={condition.comparator}\n        onChange={handleComparatorChange}\n        name='comparator'\n        label='-'\n        labelHidden\n      >\n        {comparatorOptions.map(option => (\n          <Option key={option.id} value={option.id}>\n            {option.label}\n          </Option>\n        ))}\n      </Select>\n\n      {/* RHS controls */}\n      <RhsControls\n        lhs={condition.lhs}\n        comparator={condition.comparator}\n        rhs={condition.rhs}\n        fields={fields}\n        onChange={handleRHSChange}\n        indicateErrors={indicateErrors}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={dateFunctions}\n        itemDirection={itemDirection || 'row'}\n      />\n    </Grid>\n  );\n};\n\nexport default AtomicCondition;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAA+C,MAAM,OAAO,CAAC;AAG9F,OAAO,EAOL,YAAY,EAKb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,qBAAmD,MAAM,0BAA0B,CAAC;AAsD3F,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CAuU7E,CAAC;AAGF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ConditionBuilder.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAA+C,MAAM,OAAO,CAAC;AAGvF,OAAO,EAOL,YAAY,EAKb,MAAM,yBAAyB,CAAC;AAIjC,OAAO,qBAAmD,MAAM,0BAA0B,CAAC;AAsD3F,QAAA,MAAM,gBAAgB,EAAE,iBAAiB,CAAC,qBAAqB,GAAG,YAAY,CA0U7E,CAAC;AAGF,eAAe,gBAAgB,CAAC"}

package/lib/components/ConditionBuilder/ConditionBuilder.js

@@ -1,4 +1,5 @@
-import React, { Fragment, useState, useReducer } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment, useState, useReducer } from 'react';
 import styled from 'styled-components';
 import { Banner, Button, Flex, Icon, Input, MenuButton, createUID, hasProp, defaultThemeProp, useI18n } from '@pega/cosmos-react-core';
 import AtomicCondition, { isValidCondition } from './AtomicCondition';
@@ -44,7 +45,7 @@ const defaultProps = {
 };
 // Component for the builder
 const ConditionBuilder = (props) => {
-    const { fields, onConditionSubmit, condition: seedCondition, validComparators, disallowNOT } = props;
+    const { fields, onConditionSubmit, condition: seedCondition, validComparators, validRhsTypes = new Set(['LITERAL', 'FIELD']), dateFunctions, disallowNOT } = props;
     // Split the condition tree into a logic-string and a list of condition-rows.
     const clonedCondition = JSON.parse(JSON.stringify(seedCondition)); // Cloning to avoid modifying the original
     const { logic: seedLogic, rows: seedRows } = splitConditionForBuilder(clonedCondition);
@@ -56,7 +57,6 @@ const ConditionBuilder = (props) => {
     const [logicError, setLogicError] = useState(null); // Used to indicate errors in the logic string
     const [showModeWarning, setModeWarning] = useState(false); // Used to warn user about losing information when moving away from Advanced mode
     const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators in the condition rows
-    const validRhsTypes = new Set(['LITERAL', 'FIELD']);
     const enableShading = isBasicMode && operatorsList.includes('AND') && operatorsList.includes('OR'); // In Basic mode, enable shading to indicate grouping only when both operators are present
     // Upon adding/removing rows in Advanced mode, update the logic string to reflect the change in labels
     // NOTE: The input is updated only if the previous logicString was simple enough
@@ -195,7 +195,7 @@ const ConditionBuilder = (props) => {
             return;
         }
         // Identify and indicate any invalid values in the condition rows
-        const hasInvalidRows = conditionRows.some(row => !isValidCondition(row, fields, validRhsTypes, true));
+        const hasInvalidRows = conditionRows.some(row => !isValidCondition(row, fields, true));
         if (hasInvalidRows) {
             setErrorIndicators(true); // Enable inline error indications
             return;
@@ -209,46 +209,25 @@ const ConditionBuilder = (props) => {
         }
     };
     const t = useI18n();
-    return (React.createElement(Flex, { container: { direction: 'column', itemGap: 4 } },
-        React.createElement("div", null, conditionRows.map(({ id, label, ...leaf }, index) => (React.createElement(Fragment, { key: id },
-            isBasicMode && index > 0 && (React.createElement(StyledRowWithSeparator, { container: true, shaded: enableShading && operatorsList[index - 1] === 'AND' },
-                React.createElement(MenuButton, { text: operatorsList[index - 1].toLowerCase(), variant: 'simple', menu: {
-                        items: [
-                            {
-                                id: 'AND',
-                                primary: 'and',
-                                onClick: () => updateOperator(index - 1, 'AND')
-                            },
-                            {
-                                id: 'OR',
-                                primary: 'or',
-                                onClick: () => updateOperator(index - 1, 'OR')
-                            }
-                        ]
-                    } }))),
-            React.createElement(StyledRow, { container: { itemGap: 0.5 }, shaded: isBasicMode && enableShading },
-                !isBasicMode && React.createElement(StyledLabel, null, label),
-                React.createElement(Flex, { item: { grow: 1 } },
-                    React.createElement(AtomicCondition, { condition: leaf, fields: fields, indicateErrors: showErrorIndicators, validComparators: validComparators, onChange: (newCondition) => {
-                            const newRow = { id, label, ...newCondition };
-                            dispatch({ type: UPDATE_ROW, payload: { updateAt: index, newRow } });
-                        }, validRhsTypes: validRhsTypes })),
-                React.createElement(Button, { icon: true, variant: 'simple', onClick: () => insertRow(index + 1), "aria-label": t('condition_builder_add_button_label') },
-                    React.createElement(Icon, { name: 'plus' })),
-                React.createElement(Button, { icon: true, variant: 'simple', onClick: () => removeRow(index), "aria-label": t('condition_builder_remove_button_label') },
-                    React.createElement(Icon, { name: 'trash' }))))))),
-        !isBasicMode && (React.createElement("div", null,
-            React.createElement(Input, { type: 'text', placeholder: t('condition_builder_advanced_condition_placeholder').toString(), label: React.createElement(React.Fragment, null,
-                    t('condition_builder_advanced_condition_label'),
-                    "\u00A0",
-                    React.createElement(HelpButton, null, `A logical expression representing an advanced condition.\nUse numbers like 1,2,3,... to represent different condition rows.\nUse ${disallowNOT ? 'AND/OR' : 'AND/OR/NOT'} operators and parentheses to construct advanced conditions.\n\nExample: ${disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'}`)), value: logicString, onChange: (e) => setLogicString(e.target.value), onBlur: () => validateLogicString(logicString), status: logicError !== null ? 'error' : undefined, info: logicError }))),
-        React.createElement(Flex, { container: { direction: 'column', itemGap: 2 } },
-            showModeWarning && (React.createElement(Banner, { id: createUID(), variant: 'warning', messages: [t('condition_builder_switch_banner_text').toString()], action: React.createElement(Button, { name: 'force-mode-switch', variant: 'secondary', onClick: () => toggleMode(true) }, t('condition_builder_confirm_button_label')), onDismiss: () => setModeWarning(false) })),
-            React.createElement(Flex, { container: { justify: 'between' } },
-                React.createElement(Button, { name: 'mode-switch', variant: 'simple', onClick: () => toggleMode(false) }, isBasicMode
-                    ? t('condition_builder_advanced_mode_button_label')
-                    : t('condition_builder_basic_mode_button_label')),
-                React.createElement(Button, { type: 'submit', variant: 'primary', onClick: handleSubmission }, t('condition_builder_submit_button_label'))))));
+    return (_jsxs(Flex, { container: { direction: 'column', gap: 4 }, children: [_jsx("div", { children: conditionRows.map(({ id, label, ...leaf }, index) => (_jsxs(Fragment, { children: [isBasicMode && index > 0 && (_jsx(StyledRowWithSeparator, { container: true, shaded: enableShading && operatorsList[index - 1] === 'AND', children: _jsx(MenuButton, { text: operatorsList[index - 1].toLowerCase(), variant: 'simple', menu: {
+                                    items: [
+                                        {
+                                            id: 'AND',
+                                            primary: 'and',
+                                            onClick: () => updateOperator(index - 1, 'AND')
+                                        },
+                                        {
+                                            id: 'OR',
+                                            primary: 'or',
+                                            onClick: () => updateOperator(index - 1, 'OR')
+                                        }
+                                    ]
+                                } }, void 0) }, void 0)), _jsxs(StyledRow, { container: { gap: 0.5, alignItems: 'start' }, shaded: isBasicMode && enableShading, children: [!isBasicMode && _jsx(StyledLabel, { children: label }, void 0), _jsx(Flex, { item: { grow: 1 }, children: _jsx(AtomicCondition, { condition: leaf, fields: fields, indicateErrors: showErrorIndicators, validComparators: validComparators, dateFunctions: dateFunctions, onChange: (newCondition) => {
+                                            const newRow = { id, label, ...newCondition };
+                                            dispatch({ type: UPDATE_ROW, payload: { updateAt: index, newRow } });
+                                        }, validRhsTypes: validRhsTypes }, void 0) }, void 0), _jsx(Button, { icon: true, variant: 'simple', onClick: () => insertRow(index + 1), "aria-label": t('condition_builder_add_button_label'), children: _jsx(Icon, { name: 'plus' }, void 0) }, void 0), _jsx(Button, { icon: true, variant: 'simple', onClick: () => removeRow(index), "aria-label": t('condition_builder_remove_button_label'), children: _jsx(Icon, { name: 'trash' }, void 0) }, void 0)] }, void 0)] }, id))) }, void 0), !isBasicMode && (_jsx("div", { children: _jsx(Input, { type: 'text', placeholder: t('condition_builder_advanced_condition_placeholder'), label: _jsxs(_Fragment, { children: [t('condition_builder_advanced_condition_label'), "\u00A0", _jsx(HelpButton, { children: `A logical expression representing an advanced condition.\nUse numbers like 1,2,3,… to represent different condition rows.\nUse ${disallowNOT ? 'AND/OR' : 'AND/OR/NOT'} operators and parentheses to construct advanced conditions.\n\nExample: ${disallowNOT ? '(1 OR 2) AND (3 OR 4 OR 5)' : '(1 AND 2) OR (3 AND NOT 4)'}` }, void 0)] }, void 0), value: logicString, onChange: (e) => setLogicString(e.target.value), onBlur: () => validateLogicString(logicString), status: logicError !== null ? 'error' : undefined, info: logicError }, void 0) }, void 0)), _jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [showModeWarning && (_jsx(Banner, { id: createUID(), variant: 'warning', messages: [t('condition_builder_switch_banner_text')], action: _jsx(Button, { name: 'force-mode-switch', variant: 'secondary', onClick: () => toggleMode(true), children: t('condition_builder_confirm_button_label') }, void 0), onDismiss: () => setModeWarning(false) }, void 0)), _jsxs(Flex, { container: { justify: 'between' }, children: [_jsx(Button, { name: 'mode-switch', variant: 'simple', onClick: () => toggleMode(false), children: isBasicMode
+                                    ? t('condition_builder_advanced_mode_button_label')
+                                    : t('condition_builder_basic_mode_button_label') }, void 0), _jsx(Button, { name: 'condition-builder-submit', variant: 'primary', onClick: handleSubmission, children: t('condition_builder_submit_button_label') }, void 0)] }, void 0)] }, void 0)] }, void 0));
 };
 ConditionBuilder.defaultProps = defaultProps;
 export default ConditionBuilder;

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

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

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

@@ -1,5 +1,30 @@
 import { BaseProps } from '@pega/cosmos-react-core';
-import { FieldType, Comparator, ComparatorsByType } from './core/types';
+import { FieldType, Comparator, ComparatorsByType, DateFunction, RHSType, TimePeriod, DatePart } from './core/types';
+/** RHS object with a Date function */
+export interface RhsWithDateFunction {
+    /**
+     * Output format for the value varies based on the dateFunction:
+     * YEARS: First day of year as YYYY-MM-DD
+     * QUARTERS: First day of quarter as YYYY-MM-DD
+     * MONTHS: First day of month as YYYY-MM-DD
+     * WEEKS: First day of week as YYYY-MM-DD
+     * DAYS: Date as YYYY-MM-DD
+     * HOURS: YYYY-MM-DDTHH:mm:ss
+     * MONTHS_OF_YEAR: 1-12
+     * DAYS_OF_MONTH: 1-31
+     * DAYS_OF_WEEK: 1-7
+     */
+    value: string | number;
+    dateFunction: DateFunction;
+}
+/** RHS object with a Relative Date */
+export interface RhsWithRelativeDate {
+    relativeDate: {
+        timePeriod: TimePeriod;
+        interval?: number;
+        datePart: DatePart;
+    };
+}
 /** Type definition for the leaf-level nodes in nested conditions */
 export interface LeafCondition {
     comparator: Comparator;
@@ -12,7 +37,7 @@ export interface LeafCondition {
         value: string | number;
     } | {
         values: string[] | number[];
-    };
+    } | RhsWithDateFunction | RhsWithRelativeDate;
 }
 /** Type definition for objects representing condition-rows in the builder UI */
 export interface ConditionRow extends LeafCondition {
@@ -53,6 +78,13 @@ export interface Field {
      */
     possibleValues?: string[];
 }
+/** Valid date functions by field type */
+export interface DateFunctionsByType {
+    /** Date functions to enable for DATE_TIME fields */
+    DATE_TIME: DateFunction[];
+    /** Date functions to enable for DATE_ONLY fields */
+    DATE_ONLY: DateFunction[];
+}
 /** Type definition for the input props of ConditionBuilder */
 export default interface ConditionBuilderProps extends BaseProps {
     /** Metadata (data-model) for the Fields to use in the builder */
@@ -66,6 +98,14 @@ export default interface ConditionBuilderProps extends BaseProps {
     condition?: Condition;
     /** (Optional) Used to limit the Comparators allowed in the builder. */
     validComparators?: ComparatorsByType[];
+    /**
+     * (Optional) Pass this to control which all types of RHS are enabled in the component
+     * DEFAULT: Set(['LITERAL', 'FIELD'])
+     * NOTE: If enabling `DATE_FUNCTION`s, additionally pass a `dateFunctions` prop to specify which functions are enabled
+     */
+    validRhsTypes?: Set<RHSType>;
+    /** (Optional) When enabling 'DATE_FUNCTION's via `validRhsTypes`, pass this to specify which all date functions are applicable per field type */
+    dateFunctions?: DateFunctionsByType;
     /** (Optional) Pass this if the `NOT` operator should be considered as invalid */
     disallowNOT?: boolean;
 }

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAExE,oEAAoE;AACpE,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,UAAU,CAAC;IAEvB,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAGF,GAAG,CAAC,EACA;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GACjB;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAC1B;QAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;KAAE,CAAC;CACrC;AAED,gFAAgF;AAChF,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,oBAAY,SAAS,GACjB;IAAE,GAAG,EAAE,SAAS,EAAE,CAAA;CAAE,GACpB;IAAE,EAAE,EAAE,SAAS,EAAE,CAAA;CAAE,GACnB;IAAE,GAAG,EAAE,SAAS,CAAA;CAAE,GAClB;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AAEjC,2EAA2E;AAC3E,MAAM,WAAW,KAAK;IACpB,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IAEb,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,8DAA8D;AAC9D,MAAM,CAAC,OAAO,WAAW,qBAAsB,SAAQ,SAAS;IAC9D,iEAAiE;IACjE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB;;;OAGG;IACH,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9D,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EACL,SAAS,EACT,UAAU,EACV,iBAAiB,EACjB,YAAY,EACZ,OAAO,EACP,UAAU,EACV,QAAQ,EACT,MAAM,cAAc,CAAC;AAEtB,sCAAsC;AACtC,MAAM,WAAW,mBAAmB;IAClC;;;;;;;;;;;OAWG;IACH,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,YAAY,EAAE,YAAY,CAAC;CAC5B;AAED,sCAAsC;AACtC,MAAM,WAAW,mBAAmB;IAClC,YAAY,EAAE;QACZ,UAAU,EAAE,UAAU,CAAC;QACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,QAAQ,EAAE,QAAQ,CAAC;KACpB,CAAC;CACH;AAED,oEAAoE;AACpE,MAAM,WAAW,aAAa;IAC5B,UAAU,EAAE,UAAU,CAAC;IAEvB,GAAG,EAAE;QACH,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IAGF,GAAG,CAAC,EACA;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,GACjB;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,GAC1B;QAAE,MAAM,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAAA;KAAE,GAC/B,mBAAmB,GACnB,mBAAmB,CAAC;CACzB;AAED,gFAAgF;AAChF,MAAM,WAAW,YAAa,SAAQ,aAAa;IACjD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,oBAAY,SAAS,GACjB;IAAE,GAAG,EAAE,SAAS,EAAE,CAAA;CAAE,GACpB;IAAE,EAAE,EAAE,SAAS,EAAE,CAAA;CAAE,GACnB;IAAE,GAAG,EAAE,SAAS,CAAA;CAAE,GAClB;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;AAEjC,2EAA2E;AAC3E,MAAM,WAAW,KAAK;IACpB,+DAA+D;IAC/D,IAAI,EAAE,MAAM,CAAC;IAEb,6FAA6F;IAC7F,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;;;OAKG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB,yEAAyE;IACzE,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;CAC3B;AAED,yCAAyC;AACzC,MAAM,WAAW,mBAAmB;IAClC,oDAAoD;IACpD,SAAS,EAAE,YAAY,EAAE,CAAC;IAC1B,oDAAoD;IACpD,SAAS,EAAE,YAAY,EAAE,CAAC;CAC3B;AAED,8DAA8D;AAC9D,MAAM,CAAC,OAAO,WAAW,qBAAsB,SAAQ,SAAS;IAC9D,iEAAiE;IACjE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB;;;OAGG;IACH,iBAAiB,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;IAE9D,6FAA6F;IAC7F,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,uEAAuE;IACvE,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,iFAAiF;IACjF,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB"}

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":["import { BaseProps } from '@pega/cosmos-react-core';\n\nimport { FieldType, Comparator, ComparatorsByType } from './core/types';\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}\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 */\nexport interface Field {\n  /** Name of the Field. Saved as part of the output condition */\n  name: string;\n\n  /** (Optional) Display label for the Field. If none passed, the `name` itself will be used */\n  label?: string;\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  /** (Optional) Used to add the field to a group during field-selection */\n  groupLabel?: string;\n\n  /**\n   * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n   * This enables users to select from those values instead of manually typing them\n   */\n  possibleValues?: string[];\n}\n\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /**\n   * Callback used from the builder's `Submit` button\n   * Called with undefined when an empty condition is submitted (useful for clearing a previous condition)\n   */\n  onConditionSubmit: (condition: Condition | undefined) => void;\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  /** (Optional) Pass this if the `NOT` operator should be considered as invalid */\n  disallowNOT?: boolean;\n}\n"]}
+{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:ignore words DDTHH\nimport { BaseProps } 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   * 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/** 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    | 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}\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 */\nexport interface Field {\n  /** Name of the Field. Saved as part of the output condition */\n  name: string;\n\n  /** (Optional) Display label for the Field. If none passed, the `name` itself will be used */\n  label?: string;\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  /** (Optional) Used to add the field to a group during field-selection */\n  groupLabel?: string;\n\n  /**\n   * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.\n   * This enables users to select from those values instead of manually typing them\n   */\n  possibleValues?: string[];\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\n/** Type definition for the input props of ConditionBuilder */\nexport default interface ConditionBuilderProps extends BaseProps {\n  /** Metadata (data-model) for the Fields to use in the builder */\n  fields: Field[];\n\n  /**\n   * Callback used from the builder's `Submit` button\n   * Called with undefined when an empty condition is submitted (useful for clearing a previous condition)\n   */\n  onConditionSubmit: (condition: Condition | undefined) => void;\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"]}

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

@@ -1 +1 @@
-{"version":3,"file":"FieldCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAyB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AAIzD,kEAAkE;AAClE,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA6CzE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"FieldCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAyB,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAE9E,OAAO,mBAAmB,MAAM,wBAAwB,CAAC;AAIzD,kEAAkE;AAClE,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA2DzE,CAAC;AAEF,eAAe,cAAc,CAAC"}