@pega/cosmos-react-condition-builder 3.0.0-dev.12.0 → 3.0.0-dev.13.0

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

@@ -12,7 +12,7 @@ export declare function getInitConditionForLhs(lhs: LeafCondition['lhs'], fields
  */
 export declare function isValidCondition(condition: LeafCondition, fields: Field[], trimValues?: boolean): boolean;
 /** Type definition for the input props of AtomicCondition */
-interface AtomicConditionProps extends BaseProps {
+export interface AtomicConditionProps extends BaseProps {
     /** Condition to use in the component */
     condition: LeafCondition;
     /** Metadata (data-model) for the Fields to use in the Condition */

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

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAe,MAAM,OAAO,CAAC;AAEvD,OAAO,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"}
+{"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,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,wCAAwC;IACxC,SAAS,EAAE,aAAa,CAAC;IAEzB,mEAAmE;IACnE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,+DAA+D;IAC/D,cAAc,EAAE,OAAO,CAAC;IAExB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,YAAY,EAAE,aAAa,KAAK,IAAI,CAAC;IAEhD,6CAA6C;IAC7C,aAAa,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAEjC;;;OAGG;IACH,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.map

@@ -1 +1 @@
-{"version":3,"file":"AtomicCondition.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/AtomicCondition.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, ChangeEvent } from 'react';\n\nimport {\n  Grid,\n  Select,\n  Option,\n  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"]}
+{"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 */\nexport interface AtomicConditionProps extends BaseProps {\n  /** Condition to use in the component */\n  condition: LeafCondition;\n\n  /** Metadata (data-model) for the Fields to use in the Condition */\n  fields: Field[];\n\n  /** Used to enable inline error indicators on invalid inputs */\n  indicateErrors: boolean;\n\n  /** (Optional) Lookup used to limit the Comparators allowed in the Condition. */\n  validComparators?: ComparatorsByType[];\n\n  /** Callback for any modifications to the Condition */\n  onChange: (newCondition: LeafCondition) => void;\n\n  /** Item flow direction. Defaults to 'row' */\n  itemDirection?: 'row' | 'column';\n\n  /**\n   * Allows 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/core/formatter.js

@@ -99,8 +99,8 @@ function formatLeafCondition(leaf, fields, translate, { locale = 'en-US' } = {})
                         break;
                     case 'NUMBER':
                         rhsText = getFormattedValue(rhs.value.toString(), locale, undefined, {
-                            showGroupSeparators: true,
-                            numberOfDecimals: 4
+                            useGrouping: true,
+                            maximumFractionDigits: 4
                         });
                         break;
                     default:

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

@@ -1 +1 @@
-{"version":3,"file":"formatter.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/core/formatter.ts"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words LPAREN RPAREN\n// FIXME: TR (Several constructs in this file need to be localized)\nimport { hasProp, TranslationPack } from '@pega/cosmos-react-core';\nimport { getFormattedValue } from '@pega/cosmos-react-core/lib/components/Number/utils';\nimport { TranslationFunction } from '@pega/cosmos-react-core/lib/i18n/translate';\nimport { getQuarter } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';\n\nimport { Condition, LeafCondition, Field } from '../ConditionBuilder.types';\n\nimport { DatePart, TimePeriod } from './types';\nimport { convertMsToTimeValue } from './time-utils';\n\nconst LPAREN = '(';\nconst RPAREN = ')';\n\n/** Options object optionally passed to formatCondition method. */\ninterface ConditionFormatOptions {\n  locale?: string;\n}\n\nexport function formatRelativeDate(\n  translate: TranslationFunction<TranslationPack>,\n  timePeriod: TimePeriod,\n  datePart: DatePart,\n  interval?: number\n): string {\n  const translationKey =\n    timePeriod === 'CURRENT'\n      ? `condition_builder_current_${datePart.toLowerCase().slice(0, -1)}`\n      : `condition_builder_${timePeriod.toLowerCase()}_X_${datePart.toLowerCase()}`;\n  return translate(translationKey as keyof TranslationPack, [interval ?? 0], {\n    count: interval ?? 0\n  });\n}\n\n/** Returns a user-friendly text representation of a given leaf condition */\nfunction formatLeafCondition(\n  leaf: LeafCondition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  { locale = 'en-US' }: ConditionFormatOptions = {}\n): string {\n  const { lhs, comparator, rhs } = leaf;\n\n  // Determine texts for LHS and RHS\n  const lhsField = fields.find(f => f.name === lhs.field) as Field; // Expecting valid inputs\n  const lhsText = lhsField.label || lhsField.name; // label is optional\n  let rhsText = '';\n  if (rhs) {\n    if (hasProp(rhs, 'field')) {\n      // If RHS is another field\n      const rhsField = fields.find(f => f.name === rhs.field) as Field; // Expecting valid inputs\n      rhsText = rhsField.label || rhsField.name; // label is optional\n    } else if (hasProp(rhs, 'value')) {\n      if (hasProp(rhs, 'dateFunction')) {\n        // If RHS is a date function value\n        switch (rhs.dateFunction) {\n          case 'YEARS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric'\n            });\n            break;\n          case 'QUARTERS': {\n            const formattedYear = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric'\n            });\n            const quarterNumber = getQuarter(rhs.value);\n            rhsText = `${translate(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n            break;\n          }\n          case 'MONTHS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short'\n            });\n            break;\n          case 'WEEKS':\n            rhsText = `Week of ${new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric'\n            })}`;\n            break;\n          case 'DAYS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric'\n            });\n            break;\n          case 'HOURS':\n            rhsText = new Date(rhs.value).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric',\n              hour: 'numeric',\n              hour12: true\n            });\n            break;\n          case 'MONTHS_OF_YEAR':\n            rhsText = new Date(2021, (rhs.value as number) - 1, 1).toLocaleString(locale, {\n              month: 'long'\n            });\n            break;\n          case 'DAYS_OF_MONTH':\n            rhsText = `Day ${rhs.value} of month`;\n            break;\n          case 'DAYS_OF_WEEK':\n            // Choosing Feb-2021 as it starts on a Monday\n            rhsText = new Date(2021, 1, rhs.value as number).toLocaleString(locale, {\n              weekday: 'long'\n            });\n            break;\n          default: // Not needed\n        }\n      } else {\n        // If RHS is a single literal value\n        switch (lhsField.type) {\n          case 'TIME_ONLY':\n            // For these cases, rhs.value is stored as # of milliseconds since day-start\n            rhsText = convertMsToTimeValue(rhs.value as number);\n            break;\n          case 'NUMBER':\n            rhsText = getFormattedValue(rhs.value.toString(), locale, undefined, {\n              showGroupSeparators: true,\n              numberOfDecimals: 4\n            });\n            break;\n          default:\n            rhsText = rhs.value as string;\n        }\n      }\n    } else if (hasProp(rhs, 'relativeDate')) {\n      const {\n        relativeDate: { timePeriod, interval, datePart }\n      } = rhs;\n      rhsText = formatRelativeDate(translate, timePeriod, datePart, interval);\n    } else {\n      rhsText = rhs.values.join(', '); // If RHS is a list of values\n    }\n  }\n\n  switch (comparator) {\n    case 'IS_NULL':\n      return `${lhsText} is null`;\n    case 'IS_NOT_NULL':\n      return `${lhsText} is not null`;\n    case 'IS_TRUE':\n      return `${lhsText} is true`;\n    case 'IS_FALSE':\n      return `${lhsText} is false`;\n    case 'EQ':\n      return `${lhsText} is ${rhsText}`;\n    case 'NEQ':\n      return `${lhsText} isn't ${rhsText}`;\n    case 'IN':\n      return `${lhsText} is among ${rhsText}`;\n    case 'NOT_IN':\n      return `${lhsText} is not among ${rhsText}`;\n    case 'GT':\n      return `${lhsText} > ${rhsText}`;\n    case 'GTE':\n      return `${lhsText} >= ${rhsText}`;\n    case 'LT':\n      return `${lhsText} < ${rhsText}`;\n    case 'LTE':\n      return `${lhsText} <= ${rhsText}`;\n    case 'STARTS_WITH':\n      return `${lhsText} starts with ${rhsText}`;\n    case 'NOT_STARTS_WITH':\n      return `${lhsText} doesn't start with ${rhsText}`;\n    case 'ENDS_WITH':\n      return `${lhsText} ends with ${rhsText}`;\n    case 'NOT_ENDS_WITH':\n      return `${lhsText} doesn't end with ${rhsText}`;\n    case 'CONTAINS':\n      return `${lhsText} contains ${rhsText}`;\n    case 'NOT_CONTAINS':\n      return `${lhsText} doesn't contain ${rhsText}`;\n    default:\n      return ''; // Not needed\n  }\n}\n\n/** Returns a user-friendly text representation of the given node in a condition */\nfunction formatConditionNode(\n  node: Condition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  options?: ConditionFormatOptions\n): string {\n  if (hasProp(node, 'AND')) {\n    const childStrings = node.AND.map(n => formatConditionNode(n, fields, translate, options));\n    return `(${childStrings.join(' AND ')})`;\n  }\n\n  if (hasProp(node, 'OR')) {\n    const childStrings = node.OR.map(n => formatConditionNode(n, fields, translate, options));\n    return `(${childStrings.join(' OR ')})`;\n  }\n\n  if (hasProp(node, 'NOT')) {\n    const childString = formatConditionNode(node.NOT, fields, translate, options);\n    if (childString.startsWith(LPAREN) && childString.endsWith(RPAREN)) {\n      // Avoid double brackets when the child node is an AND/OR node\n      return `NOT ${childString}`;\n    }\n    return `NOT (${childString})`;\n  }\n\n  return formatLeafCondition(node.condition, fields, translate, options); // If leaf-level is reached\n}\n\n/**\n * Returns a user-friendly text representation of a given complex condition\n * The input `fields` are used to look up display labels for the fields\n */\nexport default function formatCondition(\n  condition: Condition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  options?: ConditionFormatOptions\n): string {\n  // Recursively format the tree, starting at the root node\n  let text = formatConditionNode(condition, fields, translate, options);\n\n  // If the root node is AND/OR, there will be extra parentheses. Remove them\n  if (text.startsWith(LPAREN) && text.endsWith(RPAREN)) {\n    text = text.slice(1, -1);\n  }\n\n  return text;\n}\n"]}
+{"version":3,"file":"formatter.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/core/formatter.ts"],"names":[],"mappings":"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","sourcesContent":["// cSpell:words LPAREN RPAREN\n// FIXME: TR (Several constructs in this file need to be localized)\nimport { hasProp, TranslationPack } from '@pega/cosmos-react-core';\nimport { getFormattedValue } from '@pega/cosmos-react-core/lib/components/Number/utils';\nimport { TranslationFunction } from '@pega/cosmos-react-core/lib/i18n/translate';\nimport { getQuarter } from '@pega/cosmos-react-core/lib/components/DateTime/Input/utils';\n\nimport { Condition, LeafCondition, Field } from '../ConditionBuilder.types';\n\nimport { DatePart, TimePeriod } from './types';\nimport { convertMsToTimeValue } from './time-utils';\n\nconst LPAREN = '(';\nconst RPAREN = ')';\n\n/** Options object optionally passed to formatCondition method. */\ninterface ConditionFormatOptions {\n  locale?: string;\n}\n\nexport function formatRelativeDate(\n  translate: TranslationFunction<TranslationPack>,\n  timePeriod: TimePeriod,\n  datePart: DatePart,\n  interval?: number\n): string {\n  const translationKey =\n    timePeriod === 'CURRENT'\n      ? `condition_builder_current_${datePart.toLowerCase().slice(0, -1)}`\n      : `condition_builder_${timePeriod.toLowerCase()}_X_${datePart.toLowerCase()}`;\n  return translate(translationKey as keyof TranslationPack, [interval ?? 0], {\n    count: interval ?? 0\n  });\n}\n\n/** Returns a user-friendly text representation of a given leaf condition */\nfunction formatLeafCondition(\n  leaf: LeafCondition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  { locale = 'en-US' }: ConditionFormatOptions = {}\n): string {\n  const { lhs, comparator, rhs } = leaf;\n\n  // Determine texts for LHS and RHS\n  const lhsField = fields.find(f => f.name === lhs.field) as Field; // Expecting valid inputs\n  const lhsText = lhsField.label || lhsField.name; // label is optional\n  let rhsText = '';\n  if (rhs) {\n    if (hasProp(rhs, 'field')) {\n      // If RHS is another field\n      const rhsField = fields.find(f => f.name === rhs.field) as Field; // Expecting valid inputs\n      rhsText = rhsField.label || rhsField.name; // label is optional\n    } else if (hasProp(rhs, 'value')) {\n      if (hasProp(rhs, 'dateFunction')) {\n        // If RHS is a date function value\n        switch (rhs.dateFunction) {\n          case 'YEARS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric'\n            });\n            break;\n          case 'QUARTERS': {\n            const formattedYear = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric'\n            });\n            const quarterNumber = getQuarter(rhs.value);\n            rhsText = `${translate(`date_quarter_q${quarterNumber}`, [formattedYear])}`;\n            break;\n          }\n          case 'MONTHS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short'\n            });\n            break;\n          case 'WEEKS':\n            rhsText = `Week of ${new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric'\n            })}`;\n            break;\n          case 'DAYS':\n            rhsText = new Date(`${rhs.value}T00:00:00`).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric'\n            });\n            break;\n          case 'HOURS':\n            rhsText = new Date(rhs.value).toLocaleString(locale, {\n              year: 'numeric',\n              month: 'short',\n              day: 'numeric',\n              hour: 'numeric',\n              hour12: true\n            });\n            break;\n          case 'MONTHS_OF_YEAR':\n            rhsText = new Date(2021, (rhs.value as number) - 1, 1).toLocaleString(locale, {\n              month: 'long'\n            });\n            break;\n          case 'DAYS_OF_MONTH':\n            rhsText = `Day ${rhs.value} of month`;\n            break;\n          case 'DAYS_OF_WEEK':\n            // Choosing Feb-2021 as it starts on a Monday\n            rhsText = new Date(2021, 1, rhs.value as number).toLocaleString(locale, {\n              weekday: 'long'\n            });\n            break;\n          default: // Not needed\n        }\n      } else {\n        // If RHS is a single literal value\n        switch (lhsField.type) {\n          case 'TIME_ONLY':\n            // For these cases, rhs.value is stored as # of milliseconds since day-start\n            rhsText = convertMsToTimeValue(rhs.value as number);\n            break;\n          case 'NUMBER':\n            rhsText = getFormattedValue(rhs.value.toString(), locale, undefined, {\n              useGrouping: true,\n              maximumFractionDigits: 4\n            });\n            break;\n          default:\n            rhsText = rhs.value as string;\n        }\n      }\n    } else if (hasProp(rhs, 'relativeDate')) {\n      const {\n        relativeDate: { timePeriod, interval, datePart }\n      } = rhs;\n      rhsText = formatRelativeDate(translate, timePeriod, datePart, interval);\n    } else {\n      rhsText = rhs.values.join(', '); // If RHS is a list of values\n    }\n  }\n\n  switch (comparator) {\n    case 'IS_NULL':\n      return `${lhsText} is null`;\n    case 'IS_NOT_NULL':\n      return `${lhsText} is not null`;\n    case 'IS_TRUE':\n      return `${lhsText} is true`;\n    case 'IS_FALSE':\n      return `${lhsText} is false`;\n    case 'EQ':\n      return `${lhsText} is ${rhsText}`;\n    case 'NEQ':\n      return `${lhsText} isn't ${rhsText}`;\n    case 'IN':\n      return `${lhsText} is among ${rhsText}`;\n    case 'NOT_IN':\n      return `${lhsText} is not among ${rhsText}`;\n    case 'GT':\n      return `${lhsText} > ${rhsText}`;\n    case 'GTE':\n      return `${lhsText} >= ${rhsText}`;\n    case 'LT':\n      return `${lhsText} < ${rhsText}`;\n    case 'LTE':\n      return `${lhsText} <= ${rhsText}`;\n    case 'STARTS_WITH':\n      return `${lhsText} starts with ${rhsText}`;\n    case 'NOT_STARTS_WITH':\n      return `${lhsText} doesn't start with ${rhsText}`;\n    case 'ENDS_WITH':\n      return `${lhsText} ends with ${rhsText}`;\n    case 'NOT_ENDS_WITH':\n      return `${lhsText} doesn't end with ${rhsText}`;\n    case 'CONTAINS':\n      return `${lhsText} contains ${rhsText}`;\n    case 'NOT_CONTAINS':\n      return `${lhsText} doesn't contain ${rhsText}`;\n    default:\n      return ''; // Not needed\n  }\n}\n\n/** Returns a user-friendly text representation of the given node in a condition */\nfunction formatConditionNode(\n  node: Condition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  options?: ConditionFormatOptions\n): string {\n  if (hasProp(node, 'AND')) {\n    const childStrings = node.AND.map(n => formatConditionNode(n, fields, translate, options));\n    return `(${childStrings.join(' AND ')})`;\n  }\n\n  if (hasProp(node, 'OR')) {\n    const childStrings = node.OR.map(n => formatConditionNode(n, fields, translate, options));\n    return `(${childStrings.join(' OR ')})`;\n  }\n\n  if (hasProp(node, 'NOT')) {\n    const childString = formatConditionNode(node.NOT, fields, translate, options);\n    if (childString.startsWith(LPAREN) && childString.endsWith(RPAREN)) {\n      // Avoid double brackets when the child node is an AND/OR node\n      return `NOT ${childString}`;\n    }\n    return `NOT (${childString})`;\n  }\n\n  return formatLeafCondition(node.condition, fields, translate, options); // If leaf-level is reached\n}\n\n/**\n * Returns a user-friendly text representation of a given complex condition\n * The input `fields` are used to look up display labels for the fields\n */\nexport default function formatCondition(\n  condition: Condition,\n  fields: Field[],\n  translate: TranslationFunction<TranslationPack>,\n  options?: ConditionFormatOptions\n): string {\n  // Recursively format the tree, starting at the root node\n  let text = formatConditionNode(condition, fields, translate, options);\n\n  // If the root node is AND/OR, there will be extra parentheses. Remove them\n  if (text.startsWith(LPAREN) && text.endsWith(RPAREN)) {\n    text = text.slice(1, -1);\n  }\n\n  return text;\n}\n"]}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { ConditionInputProps } from './ConditionInput.types';
+declare const ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps>;
+export default ConditionInput;
+//# sourceMappingURL=ConditionInput.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAUjC,OAAO,EAAsB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAkCjF,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CA6KzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ConditionInput/ConditionInput.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useState, useEffect } from 'react';
+import styled from 'styled-components';
+import { CompositeInput, defaultThemeProp, hasProp, Input, NumberInput, RadioButton, RadioButtonGroup, StyledGrid, useI18n } from '@pega/cosmos-react-core';
+import AtomicCondition, { getInitConditionForLhs } from '../ConditionBuilder/AtomicCondition';
+import formatCondition from '../ConditionBuilder/core/formatter';
+const defaultComparators = {
+    TEXT: 'CONTAINS',
+    EMAIL: 'CONTAINS',
+    URL: 'CONTAINS',
+    PHONE: 'CONTAINS',
+    INTEGER: 'EQ',
+    DECIMAL: 'EQ',
+    PERCENTAGE: 'EQ',
+    CURRENCY: 'EQ',
+    BOOLEAN: 'IS_TRUE'
+};
+const basicFieldMap = {
+    EMAIL: 'TEXT',
+    URL: 'TEXT',
+    PHONE: 'TEXT',
+    INTEGER: 'NUMBER',
+    DECIMAL: 'NUMBER',
+    PERCENTAGE: 'NUMBER',
+    CURRENCY: 'NUMBER',
+    TEXT: 'TEXT',
+    BOOLEAN: 'BOOLEAN'
+};
+const StyledConditionRadioGroup = styled(RadioButtonGroup) `
+  ${StyledGrid} {
+    display: inline-flex;
+  } ;
+`;
+StyledConditionRadioGroup.defaultProps = defaultThemeProp;
+const ConditionInput = forwardRef(({ fieldName, fieldType, condition: conditionProp, fieldLabel, mode, onChange }, ref) => {
+    const t = useI18n();
+    const basicType = basicFieldMap[fieldType] ?? fieldType;
+    const fields = [
+        { name: fieldName, type: basicType, label: fieldLabel }
+    ];
+    const condition = conditionProp ??
+        (fieldType === 'BOOLEAN'
+            ? undefined
+            : getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])));
+    const onRadioButtonChange = (value) => {
+        const updatedCondition = value === undefined
+            ? undefined
+            : {
+                lhs: { field: fieldName },
+                comparator: value ? 'IS_TRUE' : 'IS_FALSE'
+            };
+        onChange(updatedCondition);
+    };
+    const createConditionForDefaultMode = (value) => {
+        return {
+            lhs: { field: fieldName },
+            comparator: defaultComparators[fieldType],
+            rhs: { value: basicType === 'NUMBER' ? Number(value) : value }
+        };
+    };
+    const rhsValue = condition?.rhs && hasProp(condition.rhs, 'value')
+        ? condition.rhs.value.toString()
+        : undefined;
+    const [inputValue, setInputValue] = useState(rhsValue);
+    useEffect(() => {
+        setInputValue(rhsValue);
+    }, [conditionProp]);
+    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN';
+    let defaultControl = null;
+    if (!showAdvanced) {
+        switch (fieldType) {
+            case 'INTEGER':
+            case 'DECIMAL':
+            case 'PERCENTAGE':
+            case 'CURRENCY':
+                defaultControl = (_jsx(NumberInput, { label: fieldLabel, ref: ref, value: inputValue, onChange: setInputValue, onBlur: value => {
+                        onChange(createConditionForDefaultMode(value));
+                    }, numberOfDecimals: fieldType === 'INTEGER' ? 0 : undefined }));
+                break;
+            case 'BOOLEAN':
+                defaultControl = (_jsxs(StyledConditionRadioGroup, { ref: ref, label: fieldLabel, name: fieldName, inline: true, children: [_jsx(RadioButton, { label: t('show_all'), checked: condition === undefined, onChange: () => onRadioButtonChange() }), _jsx(RadioButton, { label: t('boolean_display_true_label'), checked: condition?.comparator === 'IS_TRUE', onChange: () => onRadioButtonChange(true) }), _jsx(RadioButton, { label: t('boolean_display_false_label'), checked: condition?.comparator === 'IS_FALSE', onChange: () => onRadioButtonChange(false) })] }));
+                break;
+            case 'TEXT':
+            case 'EMAIL':
+            case 'URL':
+            case 'PHONE':
+            default:
+                defaultControl = (_jsx(Input, { label: fieldLabel, ref: ref, value: inputValue, onChange: (e) => setInputValue(e.target.value), onBlur: (e) => onChange(createConditionForDefaultMode(e.target.value)) }));
+                break;
+        }
+    }
+    const [newCondition, setNewCondition] = useState(condition);
+    useEffect(() => {
+        setNewCondition(condition);
+    }, [conditionProp]);
+    const dialog = {
+        renderer: AtomicCondition,
+        rendererProps: {
+            condition: newCondition ??
+                getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),
+            fields,
+            onChange: setNewCondition,
+            itemDirection: 'column',
+            showLhsAsLabel: true,
+            validRhsTypes: new Set(['LITERAL']),
+            indicateErrors: false
+        },
+        onCancel: ({ close }) => {
+            setNewCondition(condition);
+            close();
+        },
+        onApply: ({ close }) => {
+            onChange(newCondition);
+            close();
+        }
+    };
+    const onClear = () => {
+        onChange(undefined);
+        setNewCondition(condition);
+    };
+    return (_jsx(_Fragment, { children: showAdvanced ? (_jsx(CompositeInput, { dialog: dialog, label: fieldLabel, onClear: onClear, value: conditionProp ? formatCondition({ condition: conditionProp }, fields, t) : undefined, placeholder: t('all'), ref: ref })) : (defaultControl) }));
+});
+export default ConditionInput;
+//# sourceMappingURL=ConditionInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useEffect\n} from 'react';\nimport styled from 'styled-components';\n\nimport {\n  CompositeInput,\n  CompositeInputProps,\n  defaultThemeProp,\n  ForwardProps,\n  hasProp,\n  Input,\n  NumberInput,\n  RadioButton,\n  RadioButtonGroup,\n  StyledGrid,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport type { Comparator, FieldType } from '../ConditionBuilder/core/types';\nimport AtomicCondition, {\n  AtomicConditionProps,\n  getInitConditionForLhs\n} from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport type { LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\n\nimport { ConditionFieldType, ConditionInputProps } from './ConditionInput.types';\n\nconst defaultComparators: Record<ConditionFieldType, Comparator> = {\n  TEXT: 'CONTAINS',\n  EMAIL: 'CONTAINS',\n  URL: 'CONTAINS',\n  PHONE: 'CONTAINS',\n  INTEGER: 'EQ',\n  DECIMAL: 'EQ',\n  PERCENTAGE: 'EQ',\n  CURRENCY: 'EQ',\n  BOOLEAN: 'IS_TRUE'\n} as const;\n\nconst basicFieldMap: Record<ConditionFieldType, FieldType> = {\n  EMAIL: 'TEXT',\n  URL: 'TEXT',\n  PHONE: 'TEXT',\n  INTEGER: 'NUMBER',\n  DECIMAL: 'NUMBER',\n  PERCENTAGE: 'NUMBER',\n  CURRENCY: 'NUMBER',\n  TEXT: 'TEXT',\n  BOOLEAN: 'BOOLEAN'\n} as const;\n\nconst StyledConditionRadioGroup = styled(RadioButtonGroup)`\n  ${StyledGrid} {\n    display: inline-flex;\n  } ;\n`;\n\nStyledConditionRadioGroup.defaultProps = defaultThemeProp;\n\nconst ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps> = forwardRef(\n  (\n    {\n      fieldName,\n      fieldType,\n      condition: conditionProp,\n      fieldLabel,\n      mode,\n      onChange\n    }: PropsWithoutRef<ConditionInputProps>,\n    ref: ConditionInputProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const basicType = basicFieldMap[fieldType] ?? fieldType;\n\n    const fields: AtomicConditionProps['fields'] = [\n      { name: fieldName, type: basicType, label: fieldLabel }\n    ];\n\n    const condition =\n      conditionProp ??\n      (fieldType === 'BOOLEAN'\n        ? undefined\n        : getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])));\n\n    const onRadioButtonChange = (value?: boolean) => {\n      const updatedCondition: LeafCondition | undefined =\n        value === undefined\n          ? undefined\n          : {\n              lhs: { field: fieldName },\n              comparator: value ? 'IS_TRUE' : 'IS_FALSE'\n            };\n      onChange(updatedCondition);\n    };\n\n    const createConditionForDefaultMode = (value: string) => {\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        rhs: { value: basicType === 'NUMBER' ? Number(value) : value }\n      };\n    };\n\n    const rhsValue =\n      condition?.rhs && hasProp(condition.rhs, 'value')\n        ? condition.rhs.value.toString()\n        : undefined;\n\n    const [inputValue, setInputValue] = useState(rhsValue);\n\n    useEffect(() => {\n      setInputValue(rhsValue);\n    }, [conditionProp]);\n\n    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN';\n\n    let defaultControl: JSX.Element | null = null;\n\n    if (!showAdvanced) {\n      switch (fieldType) {\n        case 'INTEGER':\n        case 'DECIMAL':\n        case 'PERCENTAGE':\n        case 'CURRENCY':\n          defaultControl = (\n            <NumberInput\n              label={fieldLabel}\n              ref={ref}\n              value={inputValue}\n              onChange={setInputValue}\n              onBlur={value => {\n                onChange(createConditionForDefaultMode(value));\n              }}\n              numberOfDecimals={fieldType === 'INTEGER' ? 0 : undefined}\n            />\n          );\n          break;\n        case 'BOOLEAN':\n          defaultControl = (\n            <StyledConditionRadioGroup ref={ref} label={fieldLabel} name={fieldName} inline>\n              <RadioButton\n                label={t('show_all')}\n                checked={condition === undefined}\n                onChange={() => onRadioButtonChange()}\n              />\n              <RadioButton\n                label={t('boolean_display_true_label')}\n                checked={condition?.comparator === 'IS_TRUE'}\n                onChange={() => onRadioButtonChange(true)}\n              />\n              <RadioButton\n                label={t('boolean_display_false_label')}\n                checked={condition?.comparator === 'IS_FALSE'}\n                onChange={() => onRadioButtonChange(false)}\n              />\n            </StyledConditionRadioGroup>\n          );\n          break;\n        case 'TEXT':\n        case 'EMAIL':\n        case 'URL':\n        case 'PHONE':\n        default:\n          defaultControl = (\n            <Input\n              label={fieldLabel}\n              ref={ref}\n              value={inputValue}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}\n              onBlur={(e: ChangeEvent<HTMLInputElement>) =>\n                onChange(createConditionForDefaultMode(e.target.value))\n              }\n            />\n          );\n          break;\n      }\n    }\n\n    const [newCondition, setNewCondition] = useState<LeafCondition | undefined>(condition);\n\n    useEffect(() => {\n      setNewCondition(condition);\n    }, [conditionProp]);\n\n    const dialog: CompositeInputProps<AtomicConditionProps & ForwardProps>['dialog'] = {\n      renderer: AtomicCondition,\n      rendererProps: {\n        condition:\n          newCondition ??\n          getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),\n        fields,\n        onChange: setNewCondition,\n        itemDirection: 'column',\n        showLhsAsLabel: true,\n        validRhsTypes: new Set(['LITERAL']),\n        indicateErrors: false\n      },\n      onCancel: ({ close }) => {\n        setNewCondition(condition);\n        close();\n      },\n      onApply: ({ close }) => {\n        onChange(newCondition);\n        close();\n      }\n    };\n\n    const onClear = () => {\n      onChange(undefined);\n      setNewCondition(condition);\n    };\n\n    return (\n      <>\n        {showAdvanced ? (\n          <CompositeInput\n            dialog={dialog}\n            label={fieldLabel}\n            onClear={onClear}\n            value={\n              conditionProp ? formatCondition({ condition: conditionProp }, fields, t) : undefined\n            }\n            placeholder={t('all')}\n            ref={ref}\n          />\n        ) : (\n          defaultControl\n        )}\n      </>\n    );\n  }\n);\n\nexport default ConditionInput;\n"]}

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

@@ -0,0 +1,21 @@
+import { Ref } from 'react';
+import { LeafCondition } from '../ConditionBuilder';
+export declare type ConditionFieldType = 'TEXT' | 'EMAIL' | 'URL' | 'PHONE' | 'INTEGER' | 'DECIMAL' | 'PERCENTAGE' | 'BOOLEAN' | 'CURRENCY';
+export declare type ConditionInputMode = 'default' | 'advanced';
+export interface ConditionInputProps {
+    /** Name of the field the condition is created for. */
+    fieldName: string;
+    /** Type of the field the condition is created for. */
+    fieldType: ConditionFieldType;
+    /** Display mode. Either with default comparator or the full-fledged. */
+    mode: ConditionInputMode;
+    /** Label for the input. */
+    fieldLabel?: string;
+    /** Condition value. */
+    condition?: LeafCondition;
+    /** Callback invoked when user changes the condition. */
+    onChange: (condition?: LeafCondition) => void;
+    /** Reference to the input element. */
+    ref?: Ref<HTMLInputElement>;
+}
+//# sourceMappingURL=ConditionInput.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,oBAAY,kBAAkB,GAC1B,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,UAAU,CAAC;AAEf,oBAAY,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,sDAAsD;IACtD,SAAS,EAAE,MAAM,CAAC;IAClB,sDAAsD;IACtD,SAAS,EAAE,kBAAkB,CAAC;IAC9B,wEAAwE;IACxE,IAAI,EAAE,kBAAkB,CAAC;IACzB,2BAA2B;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,uBAAuB;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;CAC7B"}

package/lib/components/ConditionInput/ConditionInput.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ConditionInput.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.types.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { LeafCondition } from '../ConditionBuilder';\n\nexport type ConditionFieldType =\n  | 'TEXT'\n  | 'EMAIL'\n  | 'URL'\n  | 'PHONE'\n  | 'INTEGER'\n  | 'DECIMAL'\n  | 'PERCENTAGE'\n  | 'BOOLEAN'\n  | 'CURRENCY';\n\nexport type ConditionInputMode = 'default' | 'advanced';\n\nexport interface ConditionInputProps {\n  /** Name of the field the condition is created for. */\n  fieldName: string;\n  /** Type of the field the condition is created for. */\n  fieldType: ConditionFieldType;\n  /** Display mode. Either with default comparator or the full-fledged. */\n  mode: ConditionInputMode;\n  /** Label for the input. */\n  fieldLabel?: string;\n  /** Condition value. */\n  condition?: LeafCondition;\n  /** Callback invoked when user changes the condition. */\n  onChange: (condition?: LeafCondition) => void;\n  /** Reference to the input element. */\n  ref?: Ref<HTMLInputElement>;\n}\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './ConditionInput';
+export { ConditionInputProps, ConditionInputMode, ConditionFieldType } from './ConditionInput.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAC3C,OAAO,EACL,mBAAmB,EACnB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,wBAAwB,CAAC"}

package/lib/components/ConditionInput/index.js

@@ -0,0 +1,2 @@
+export { default } from './ConditionInput';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC","sourcesContent":["export { default } from './ConditionInput';\nexport {\n  ConditionInputProps,\n  ConditionInputMode,\n  ConditionFieldType\n} from './ConditionInput.types';\n"]}

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

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+import { ForwardProps } from '@pega/cosmos-react-core';
+import { PromotedFiltersProps } from './PromotedFilters.types';
+declare const PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps>;
+export default PromotedFilters;
+//# sourceMappingURL=PromotedFilters.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,iBAAiB,EAAmB,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAkC,YAAY,EAAW,MAAM,yBAAyB,CAAC;AAMhG,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAkB/D,QAAA,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAqE3E,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/PromotedFilters/PromotedFilters.js

@@ -0,0 +1,50 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { Button, defaultThemeProp, Flex, useI18n } from '@pega/cosmos-react-core';
+import { splitConditionForBuilder } from '../ConditionBuilder/core/utils';
+import ConditionInput from '../ConditionInput';
+const StyledPromotedFilters = styled.div(({ theme }) => {
+    return css `
+    border-radius: ${theme.components.card['border-radius']};
+    background-color: ${theme.base.palette['secondary-background']};
+  `;
+});
+StyledPromotedFilters.defaultProps = defaultThemeProp;
+const StyledClearAllButton = styled(Button) `
+  margin-top: 0.625rem;
+  white-space: nowrap;
+`;
+StyledClearAllButton.defaultProps = defaultThemeProp;
+const PromotedFilters = forwardRef(({ filters, condition, onChange }, ref) => {
+    const t = useI18n();
+    // map of Conditions indexed by field name
+    const conditionsMap = condition
+        ? splitConditionForBuilder(condition).rows.reduce((result, item) => {
+            result[item.lhs.field] = item;
+            return result;
+        }, {})
+        : {};
+    const createUpdatedCondition = (key, newCondition) => {
+        if (newCondition) {
+            conditionsMap[key] = newCondition;
+        }
+        else {
+            delete conditionsMap[key];
+        }
+        return {
+            AND: Object.values(conditionsMap).map(c => {
+                return { condition: c };
+            })
+        };
+    };
+    return (_jsxs(Flex, { as: StyledPromotedFilters, container: { alignItems: 'start', justify: 'between', pad: 2, gap: 2 }, ref: ref, children: [_jsx(Flex, { container: { wrap: 'wrap', gap: 2 }, children: filters.map(filter => {
+                    return (_jsx(ConditionInput, { fieldName: filter.fieldName, fieldType: filter.fieldType, mode: filter.mode, fieldLabel: filter.fieldLabel ?? filter.fieldName, condition: conditionsMap[filter.fieldName], onChange: (newCondition) => {
+                            onChange(createUpdatedCondition(filter.fieldName, newCondition));
+                        } }, filter.fieldName));
+                }) }), _jsx("div", { children: _jsx(StyledClearAllButton, { variant: 'simple', onClick: () => {
+                        onChange();
+                    }, children: t('promoted_filters_clear_all_button_label') }) })] }));
+});
+export default PromotedFilters;
+//# sourceMappingURL=PromotedFilters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, FunctionComponent, PropsWithoutRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Button, defaultThemeProp, Flex, ForwardProps, useI18n } from '@pega/cosmos-react-core';\n\nimport { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\n\nimport { PromotedFiltersProps } from './PromotedFilters.types';\n\nconst StyledPromotedFilters = styled.div(({ theme }) => {\n  return css`\n    border-radius: ${theme.components.card['border-radius']};\n    background-color: ${theme.base.palette['secondary-background']};\n  `;\n});\n\nStyledPromotedFilters.defaultProps = defaultThemeProp;\n\nconst StyledClearAllButton = styled(Button)`\n  margin-top: 0.625rem;\n  white-space: nowrap;\n`;\n\nStyledClearAllButton.defaultProps = defaultThemeProp;\n\nconst PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    { filters, condition, onChange }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n\n    // map of Conditions indexed by field name\n    const conditionsMap = condition\n      ? splitConditionForBuilder(condition).rows.reduce(\n          (result: { [key: string]: LeafCondition }, item) => {\n            result[item.lhs.field] = item;\n            return result;\n          },\n          {}\n        )\n      : {};\n\n    const createUpdatedCondition = (key: string, newCondition?: LeafCondition) => {\n      if (newCondition) {\n        conditionsMap[key] = newCondition;\n      } else {\n        delete conditionsMap[key];\n      }\n\n      return {\n        AND: Object.values(conditionsMap).map(c => {\n          return { condition: c } as Condition;\n        })\n      };\n    };\n\n    return (\n      <Flex\n        as={StyledPromotedFilters}\n        container={{ alignItems: 'start', justify: 'between', pad: 2, gap: 2 }}\n        ref={ref}\n      >\n        <Flex container={{ wrap: 'wrap', gap: 2 }}>\n          {filters.map(filter => {\n            return (\n              <ConditionInput\n                key={filter.fieldName}\n                fieldName={filter.fieldName}\n                fieldType={filter.fieldType}\n                mode={filter.mode}\n                fieldLabel={filter.fieldLabel ?? filter.fieldName}\n                condition={conditionsMap[filter.fieldName]}\n                onChange={(newCondition?: LeafCondition) => {\n                  onChange(createUpdatedCondition(filter.fieldName, newCondition));\n                }}\n              />\n            );\n          })}\n        </Flex>\n\n        <div>\n          <StyledClearAllButton\n            variant='simple'\n            onClick={() => {\n              onChange();\n            }}\n          >\n            {t('promoted_filters_clear_all_button_label')}\n          </StyledClearAllButton>\n        </div>\n      </Flex>\n    );\n  }\n);\n\nexport default PromotedFilters;\n"]}

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

@@ -0,0 +1,25 @@
+import { Ref } from 'react';
+import { BaseProps } from '@pega/cosmos-react-core';
+import type { Condition } from '../ConditionBuilder/ConditionBuilder.types';
+import type { ConditionInputMode, ConditionFieldType } from '../ConditionInput/ConditionInput.types';
+export interface PromotedFilter {
+    /** Unique field identifier. */
+    fieldName: string;
+    /** Type of the field. */
+    fieldType: ConditionFieldType;
+    /** Display mode. */
+    mode: ConditionInputMode;
+    /** Label for the filter. */
+    fieldLabel?: string;
+}
+export interface PromotedFiltersProps extends BaseProps {
+    /** Configuration of filters for every field that has been defined as promoted. */
+    filters: PromotedFilter[];
+    /** A value representing the current condition state. */
+    condition?: Condition;
+    /** Callback fired on change of any of the filters. */
+    onChange: (condition?: Condition) => void;
+    /** Ref for the wrapping element. */
+    ref?: Ref<HTMLDivElement>;
+}
+//# sourceMappingURL=PromotedFilters.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,wCAAwC,CAAC;AAEhD,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,SAAS,EAAE,MAAM,CAAC;IAClB,yBAAyB;IACzB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,oBAAoB;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS;IACrD,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,sDAAsD;IACtD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

package/lib/components/PromotedFilters/PromotedFilters.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=PromotedFilters.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PromotedFilters.types.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps } from '@pega/cosmos-react-core';\n\nimport type { Condition } from '../ConditionBuilder/ConditionBuilder.types';\nimport type {\n  ConditionInputMode,\n  ConditionFieldType\n} from '../ConditionInput/ConditionInput.types';\n\nexport interface PromotedFilter {\n  /** Unique field identifier. */\n  fieldName: string;\n  /** Type of the field. */\n  fieldType: ConditionFieldType;\n  /** Display mode. */\n  mode: ConditionInputMode;\n  /** Label for the filter. */\n  fieldLabel?: string;\n}\n\nexport interface PromotedFiltersProps extends BaseProps {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the current condition state. */\n  condition?: Condition;\n  /** Callback fired on change of any of the filters. */\n  onChange: (condition?: Condition) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './PromotedFilters';
+export { PromotedFiltersProps, PromotedFilter } from './PromotedFilters.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC"}

package/lib/components/PromotedFilters/index.js

@@ -0,0 +1,2 @@
+export { default } from './PromotedFilters';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC","sourcesContent":["export { default } from './PromotedFilters';\nexport { PromotedFiltersProps, PromotedFilter } from './PromotedFilters.types';\n"]}

package/lib/index.d.ts

@@ -1,3 +1,7 @@
 export { default as ConditionBuilder } from './components/ConditionBuilder';
 export * from './components/ConditionBuilder';
+export { default as ConditionInput } from './components/ConditionInput';
+export * from './components/ConditionInput';
+export { default as PromotedFilters } from './components/PromotedFilters';
+export * from './components/PromotedFilters';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/lib/index.js

@@ -1,4 +1,8 @@
 // This file is autogenerated. Any changes will be overwritten.
 export { default as ConditionBuilder } from './components/ConditionBuilder';
 export * from './components/ConditionBuilder';
+export { default as ConditionInput } from './components/ConditionInput';
+export * from './components/ConditionInput';
+export { default as PromotedFilters } from './components/PromotedFilters';
+export * from './components/PromotedFilters';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as ConditionBuilder } from './components/ConditionBuilder';\nexport * from './components/ConditionBuilder';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,cAAc,+BAA+B,CAAC;AAC9C,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,cAAc,6BAA6B,CAAC;AAC5C,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as ConditionBuilder } from './components/ConditionBuilder';\nexport * from './components/ConditionBuilder';\nexport { default as ConditionInput } from './components/ConditionInput';\nexport * from './components/ConditionInput';\nexport { default as PromotedFilters } from './components/PromotedFilters';\nexport * from './components/PromotedFilters';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-condition-builder",
-  "version": "3.0.0-dev.12.0",
+  "version": "3.0.0-dev.13.0",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -22,7 +22,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.12.0",
+    "@pega/cosmos-react-core": "3.0.0-dev.13.0",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
     "@types/styled-components": "^5.1.7",
@@ -40,6 +40,9 @@
     "@storybook/addons": "^6.4.19",
     "@storybook/react": "^6.4.19",
     "@storybook/theming": "^6.4.19",
+    "@testing-library/jest-dom": "^5.16.2",
+    "@testing-library/react": "^12.1.3",
+    "@testing-library/user-event": "^13.5.0",
     "enzyme": "^3.11.0",
     "typescript": "~4.6.2"
   }