@pega/cosmos-react-condition-builder 2.1.5 → 2.1.6

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

@@ -1,112 +0,0 @@
-import type { BaseProps, NoChildrenProp } from '@pega/cosmos-react-core';
-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;
-    lhs: {
-        field: string;
-    };
-    rhs?: {
-        field: string;
-    } | {
-        value: string | number;
-    } | {
-        values: string[] | number[];
-    } | RhsWithDateFunction | RhsWithRelativeDate;
-}
-/** Type definition for objects representing condition-rows in the builder UI */
-export interface ConditionRow extends LeafCondition {
-    id: string;
-    label: string;
-}
-/**
- * Type definition for simple/complex conditions
- * At a given node in the condition tree, it can have exactly one of the keys AND/OR/NOT/condition
- */
-export declare type Condition = {
-    AND: Condition[];
-} | {
-    OR: Condition[];
-} | {
-    NOT: Condition;
-} | {
-    condition: LeafCondition;
-};
-/** Type definition for the input Field objects for the ConditionBuilder */
-export interface Field {
-    /** Name of the Field. Saved as part of the output condition */
-    name: string;
-    /** (Optional) Display label for the Field. If none passed, the `name` itself will be used */
-    label?: string;
-    /**
-     * Data-type for the field.
-     * Has to be one of these values. Convert where necessary
-     * e.g. Integer/Decimal/... should be used as `NUMBER`
-     * e.g. Text(single value)/Picklist/... should be used as `TEXT`
-     */
-    type: FieldType;
-    /** (Optional) Used to add the field to a group during field-selection */
-    groupLabel?: string;
-    /**
-     * For TEXT fields, if a list of possible values is known ahead of time, they can be passed.
-     * This enables users to select from those values instead of manually typing them
-     */
-    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, NoChildrenProp {
-    /** Metadata (data-model) for the Fields to use in the builder */
-    fields: Field[];
-    /**
-     * Callback used from the builder's `Submit` button
-     * Called with undefined when an empty condition is submitted (useful for clearing a previous condition)
-     */
-    onConditionSubmit: (condition: Condition | undefined) => void;
-    /** (Optional) A seed condition for the builder. To use when editing an existing condition */
-    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;
-}
-//# sourceMappingURL=ConditionBuilder.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzE,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,EAAE,cAAc;IAC9E,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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"ConditionBuilder.types.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/ConditionBuilder.types.ts"],"names":[],"mappings":"","sourcesContent":["// cspell:ignore words DDTHH\nimport type { BaseProps, NoChildrenProp } 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, NoChildrenProp {\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

@@ -1,7 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ForwardProps } from '@pega/cosmos-react-core';
-import FieldConditionProps from './FieldCondition.types';
-/** Component for building an atomic condition on a given field */
-declare const FieldCondition: FunctionComponent<FieldConditionProps & ForwardProps>;
-export default FieldCondition;
-//# sourceMappingURL=FieldCondition.d.ts.map

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

@@ -1 +0,0 @@
-{"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"}

package/lib/components/ConditionBuilder/FieldCondition.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Flex, Button, useI18n } from '@pega/cosmos-react-core';
-import AtomicCondition, { getInitConditionForLhs, isValidCondition } from './AtomicCondition';
-/** Component for building an atomic condition on a given field */
-const FieldCondition = (props) => {
-    const { targetField, fields, onSubmit, condition: seedCondition, validComparators, validRhsTypes = new Set(['LITERAL', 'FIELD']), dateFunctions } = props;
-    const [condition, setCondition] = useState(
-    // If editing use the seedCondition, otherwise, determine an initial condition based on the targetField
-    () => seedCondition ||
-        getInitConditionForLhs({ field: targetField }, fields, validRhsTypes, validComparators, dateFunctions));
-    const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators on the controls
-    const t = useI18n();
-    const handleSubmission = () => {
-        setErrorIndicators(false); // Reset any previous flag
-        if (isValidCondition(condition, fields, true)) {
-            onSubmit(condition); // If it's a valid condition, submit it
-        }
-        else {
-            setErrorIndicators(true); // Otherwise, indicate errors
-        }
-    };
-    return (_jsxs(Flex, { container: { direction: 'column', gap: 2 }, children: [_jsx(AtomicCondition, { condition: condition, fields: fields, indicateErrors: showErrorIndicators, validComparators: validComparators, dateFunctions: dateFunctions, onChange: c => setCondition(c), itemDirection: 'column', validRhsTypes: validRhsTypes, showLhsAsLabel: true }, void 0), _jsx(Flex, { container: { justify: 'end' }, children: _jsx(Button, { name: 'field-condition-submit', variant: 'primary', onClick: handleSubmission, children: t('condition_builder_submit_button_label') }, void 0) }, void 0)] }, void 0));
-};
-export default FieldCondition;
-//# sourceMappingURL=FieldCondition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldCondition.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAgB,MAAM,yBAAyB,CAAC;AAG9E,OAAO,eAAe,EAAE,EAAE,sBAAsB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG9F,kEAAkE;AAClE,MAAM,cAAc,GAA0D,CAC5E,KAA0B,EAC1B,EAAE;IACF,MAAM,EACJ,WAAW,EACX,MAAM,EACN,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,gBAAgB,EAChB,aAAa,GAAG,IAAI,GAAG,CAAU,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,EACtD,aAAa,EACd,GAAG,KAAK,CAAC;IACV,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ;IACxC,uGAAuG;IACvG,GAAG,EAAE,CACH,aAAa;QACb,sBAAsB,CACpB,EAAE,KAAK,EAAE,WAAW,EAAE,EACtB,MAAM,EACN,aAAa,EACb,gBAAgB,EAChB,aAAa,CACd,CACJ,CAAC;IACF,MAAM,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,yDAAyD;IAC5H,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,kBAAkB,CAAC,KAAK,CAAC,CAAC,CAAC,0BAA0B;QAErD,IAAI,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE;YAC7C,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC,uCAAuC;SAC7D;aAAM;YACL,kBAAkB,CAAC,IAAI,CAAC,CAAC,CAAC,6BAA6B;SACxD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,aAC9C,KAAC,eAAe,IACd,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,mBAAmB,EACnC,gBAAgB,EAAE,gBAAgB,EAClC,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC,EAC9B,aAAa,EAAC,QAAQ,EACtB,aAAa,EAAE,aAAa,EAC5B,cAAc,iBACd,EAGF,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACjC,KAAC,MAAM,IAAC,IAAI,EAAC,wBAAwB,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,gBAAgB,YAC9E,CAAC,CAAC,uCAAuC,CAAC,WACpC,WACJ,YACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport { Flex, Button, useI18n, ForwardProps } from '@pega/cosmos-react-core';\n\nimport FieldConditionProps from './FieldCondition.types';\nimport AtomicCondition, { getInitConditionForLhs, isValidCondition } from './AtomicCondition';\nimport { RHSType } from './core/types';\n\n/** Component for building an atomic condition on a given field */\nconst FieldCondition: FunctionComponent<FieldConditionProps & ForwardProps> = (\n  props: FieldConditionProps\n) => {\n  const {\n    targetField,\n    fields,\n    onSubmit,\n    condition: seedCondition,\n    validComparators,\n    validRhsTypes = new Set<RHSType>(['LITERAL', 'FIELD']),\n    dateFunctions\n  } = props;\n  const [condition, setCondition] = useState(\n    // If editing use the seedCondition, otherwise, determine an initial condition based on the targetField\n    () =>\n      seedCondition ||\n      getInitConditionForLhs(\n        { field: targetField },\n        fields,\n        validRhsTypes,\n        validComparators,\n        dateFunctions\n      )\n  );\n  const [showErrorIndicators, setErrorIndicators] = useState(false); // Used to enable inline error indicators on the controls\n  const t = useI18n();\n\n  const handleSubmission = () => {\n    setErrorIndicators(false); // Reset any previous flag\n\n    if (isValidCondition(condition, fields, true)) {\n      onSubmit(condition); // If it's a valid condition, submit it\n    } else {\n      setErrorIndicators(true); // Otherwise, indicate errors\n    }\n  };\n\n  return (\n    <Flex container={{ direction: 'column', gap: 2 }}>\n      <AtomicCondition\n        condition={condition}\n        fields={fields}\n        indicateErrors={showErrorIndicators}\n        validComparators={validComparators}\n        dateFunctions={dateFunctions}\n        onChange={c => setCondition(c)}\n        itemDirection='column'\n        validRhsTypes={validRhsTypes}\n        showLhsAsLabel\n      />\n\n      {/* Submit block */}\n      <Flex container={{ justify: 'end' }}>\n        <Button name='field-condition-submit' variant='primary' onClick={handleSubmission}>\n          {t('condition_builder_submit_button_label')}\n        </Button>\n      </Flex>\n    </Flex>\n  );\n};\n\nexport default FieldCondition;\n"]}

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

@@ -1,25 +0,0 @@
-import { BaseProps } from '@pega/cosmos-react-core';
-import { ComparatorsByType, RHSType } from './core/types';
-import { Field, LeafCondition, DateFunctionsByType } from './ConditionBuilder.types';
-/** Type definition for the input props of FieldCondition */
-export default interface FieldConditionProps extends BaseProps {
-    /** Name of the field on which the condition should be constructed */
-    targetField: Field['name'];
-    /** Metadata (data-model) for the Fields to use in the RHS field-selector etc. */
-    fields: Field[];
-    /** Callback used from the component's `Submit` button */
-    onSubmit: (condition: LeafCondition) => void;
-    /** (Optional) Passed when editing an existing condition */
-    condition?: LeafCondition;
-    /** (Optional) Used to limit the Comparators allowed in the component. */
-    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;
-}
-//# sourceMappingURL=FieldCondition.types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldCondition.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/FieldCondition.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAErF,4DAA4D;AAC5D,MAAM,CAAC,OAAO,WAAW,mBAAoB,SAAQ,SAAS;IAC5D,qEAAqE;IACrE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE3B,iFAAiF;IACjF,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,yDAAyD;IACzD,QAAQ,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAE7C,2DAA2D;IAC3D,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yEAAyE;IACzE,gBAAgB,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAEvC;;;;OAIG;IACH,aAAa,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE7B,iJAAiJ;IACjJ,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC"}

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

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

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

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

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

@@ -1,10 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps } from '@pega/cosmos-react-core';
-interface HelpButtonProps extends BaseProps {
-    /** Content to show on hover of the button */
-    children: string;
-}
-/** Renders an inline Help icon that shows help content on hover */
-declare const HelpButton: FunctionComponent<HelpButtonProps & ForwardProps>;
-export default HelpButton;
-//# sourceMappingURL=HelpButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HelpButton.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/HelpButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAGL,SAAS,EACT,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAEjC,UAAU,eAAgB,SAAQ,SAAS;IACzC,6CAA6C;IAC7C,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,mEAAmE;AACnE,QAAA,MAAM,UAAU,EAAE,iBAAiB,CAAC,eAAe,GAAG,YAAY,CAejE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/ConditionBuilder/HelpButton.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon, Tooltip, useElement, useUID } from '@pega/cosmos-react-core';
-/** Renders an inline Help icon that shows help content on hover */
-const HelpButton = (props) => {
-    const { children } = props;
-    const [iconEl, setIconEl] = useElement();
-    const id = useUID();
-    return (_jsxs(_Fragment, { children: [_jsx(Icon, { name: 'information', ref: setIconEl, "aria-describedby": id }, void 0), iconEl && (_jsx(Tooltip, { target: iconEl, id: id, children: children }, void 0))] }, void 0));
-};
-export default HelpButton;
-//# sourceMappingURL=HelpButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HelpButton.js","sourceRoot":"","sources":["../../../src/components/ConditionBuilder/HelpButton.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,IAAI,EACJ,OAAO,EAGP,UAAU,EACV,MAAM,EACP,MAAM,yBAAyB,CAAC;AAOjC,mEAAmE;AACnE,MAAM,UAAU,GAAsD,CAAC,KAAsB,EAAE,EAAE;IAC/F,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,UAAU,EAAE,CAAC;IACzC,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAEpB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,EAAC,GAAG,EAAE,SAAS,sBAAoB,EAAE,WAAI,EAChE,MAAM,IAAI,CACT,KAAC,OAAO,IAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,YAC5B,QAAQ,WACD,CACX,YACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import { FunctionComponent } from 'react';\n\nimport {\n  Icon,\n  Tooltip,\n  BaseProps,\n  ForwardProps,\n  useElement,\n  useUID\n} from '@pega/cosmos-react-core';\n\ninterface HelpButtonProps extends BaseProps {\n  /** Content to show on hover of the button */\n  children: string;\n}\n\n/** Renders an inline Help icon that shows help content on hover */\nconst HelpButton: FunctionComponent<HelpButtonProps & ForwardProps> = (props: HelpButtonProps) => {\n  const { children } = props;\n  const [iconEl, setIconEl] = useElement();\n  const id = useUID();\n\n  return (\n    <>\n      <Icon name='information' ref={setIconEl} aria-describedby={id} />\n      {iconEl && (\n        <Tooltip target={iconEl} id={id}>\n          {children}\n        </Tooltip>\n      )}\n    </>\n  );\n};\n\nexport default HelpButton;\n"]}

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

@@ -1,18 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import { RhsWithDateFunction } from '../ConditionBuilder.types';
-import { DateFunction } from '../core/types';
-export interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {
-    /** Rhs for the condition */
-    rhs: RhsWithDateFunction;
-    /** Callback for any modifications to the Rhs */
-    onChange: (rhs: RhsWithDateFunction) => void;
-    /** List of date functions enabled for the current LHS field type */
-    dateFunctionsList: DateFunction[];
-    /** Used to indicate any errors on the control */
-    status?: 'error';
-}
-/** A menu with controls to select a Time period value on RHS */
-declare const DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps>;
-export default DateFunctionMenu;
-//# sourceMappingURL=DateFunctionMenu.d.ts.map

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

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

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

@@ -1,115 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:ignore words DDTHH
-import { useMemo } from 'react';
-import { Select, Option, MonthInput, WeekInput, DateInput, DateTimeInput, NumberInput, DayOfWeekInput, useI18n, useConfiguration, QuarterInput, range } from '@pega/cosmos-react-core';
-/**
- * Formats the input date string to match the spec expected for the given date function
- * NOTE: This assumes that the input date is set up on the UTC timezone
- * SPEC:
- * - 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
- */
-function formatDateFunctionValue(isoDateString, dateFunction) {
-    const date = new Date(isoDateString);
-    const YYYY = date.getUTCFullYear().toString().padStart(4, '0');
-    const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');
-    const DD = date.getUTCDate().toString().padStart(2, '0');
-    const HH = date.getUTCHours().toString().padStart(2, '0');
-    switch (dateFunction) {
-        case 'QUARTERS':
-        case 'MONTHS':
-            return `${YYYY}-${MM}-01`;
-        case 'WEEKS':
-        case 'DAYS':
-            return `${YYYY}-${MM}-${DD}`;
-        default:
-            return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS
-    }
-}
-/** A menu with controls to select a Time period value on RHS */
-const DateFunctionMenu = (props) => {
-    const { rhs, onChange, dateFunctionsList, status } = props;
-    const { locale } = useConfiguration();
-    const t = useI18n();
-    // Options for the Date-function selector
-    const dateFunctionOptions = useMemo(() => {
-        const dateFunctionLabels = {
-            YEARS: t('condition_builder_date_function_year'),
-            QUARTERS: t('condition_builder_date_function_quarter'),
-            MONTHS: t('condition_builder_date_function_month'),
-            WEEKS: t('condition_builder_date_function_week'),
-            DAYS: t('condition_builder_date_function_day'),
-            HOURS: t('condition_builder_date_function_hour'),
-            MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),
-            DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),
-            DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')
-        };
-        return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));
-    }, [dateFunctionsList, t]);
-    // Handle changes to the Date-function selector
-    const handleDatePartChange = (e) => {
-        const selection = e.target.value;
-        onChange({ dateFunction: selection, value: '' });
-    };
-    // Common props for all value controls
-    const valueComponentProps = {
-        value: rhs.value === '' ? undefined : rhs.value.toString(),
-        label: t('condition_builder_value_label'),
-        status,
-        info: status ? t('condition_builder_invalid_value') : undefined
-    };
-    // Props for all functions that use a component from the DateTime package
-    const dateComponentProps = {
-        ...valueComponentProps,
-        onChange: ({ valueAsISOString, valueAsTimestamp, state }) => {
-            // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined
-            if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid')
-                return;
-            // Format the value as per spec and return
-            onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });
-        }
-    };
-    // YEARS
-    const yearOptions = useMemo(() => {
-        const currentYear = new Date().getFullYear();
-        const years = range(currentYear - 10, currentYear + 10);
-        return years.map(year => ({
-            id: `${year}-01-01`,
-            label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })
-        }));
-    }, [locale]);
-    const onYearChange = (e) => {
-        onChange({ ...rhs, value: e.target.value });
-    };
-    // MONTHS_OF_YEAR
-    const monthOfYearOptions = useMemo(() => range(1, 12).map(n => ({
-        id: `${n}`,
-        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })
-    })), [locale]);
-    const onMonthOfYearChange = (e) => {
-        const value = e.target.value ? Number(e.target.value) : '';
-        onChange({ ...rhs, value });
-    };
-    // DAYS_OF_MONTH
-    const onDayOfMonthChange = (value) => {
-        let newValue = value;
-        if (newValue !== '') {
-            newValue = Number(newValue);
-            if (newValue > 31)
-                newValue = 31;
-            if (newValue < 1)
-                newValue = 1;
-        }
-        onChange({ ...rhs, value: newValue });
-    };
-    // DAYS_OF_WEEK
-    const onDayOfWeekChange = (value) => {
-        onChange({ ...rhs, value });
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_date_part'), value: rhs.dateFunction, onChange: handleDatePartChange, children: dateFunctionOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }, void 0), rhs.dateFunction === 'YEARS' && (_jsxs(Select, { ...valueComponentProps, onChange: onYearChange, name: 'year-selector', children: [_jsx(Option, { children: " " }, void 0), yearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] }, void 0)), rhs.dateFunction === 'QUARTERS' && _jsx(QuarterInput, { ...dateComponentProps }, void 0), rhs.dateFunction === 'MONTHS' && _jsx(MonthInput, { ...dateComponentProps }, void 0), rhs.dateFunction === 'WEEKS' && _jsx(WeekInput, { ...dateComponentProps }, void 0), rhs.dateFunction === 'DAYS' && _jsx(DateInput, { ...dateComponentProps }, void 0), rhs.dateFunction === 'HOURS' && (_jsx(DateTimeInput, { ...dateComponentProps, pickerInterval: 60 }, void 0)), rhs.dateFunction === 'MONTHS_OF_YEAR' && (_jsxs(Select, { ...valueComponentProps, onChange: onMonthOfYearChange, name: 'month-of-year-selector', children: [_jsx(Option, { children: " " }, void 0), monthOfYearOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id)))] }, void 0)), rhs.dateFunction === 'DAYS_OF_MONTH' && (_jsx(NumberInput, { ...valueComponentProps, placeholder: '1 - 31', min: 1, max: 31, step: 1, showDecimal: false, onChange: onDayOfMonthChange }, void 0)), rhs.dateFunction === 'DAYS_OF_WEEK' && (_jsx(DayOfWeekInput, { ...valueComponentProps, value: rhs.value, onChange: onDayOfWeekChange }, void 0))] }, void 0));
-};
-export default DateFunctionMenu;
-//# sourceMappingURL=DateFunctionMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateFunctionMenu.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/DateFunctionMenu.tsx"],"names":[],"mappings":";AAAA,4BAA4B;AAC5B,OAAO,EAAkC,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,EAGL,MAAM,EACN,MAAM,EACN,UAAU,EACV,SAAS,EACT,SAAS,EACT,aAAa,EACb,WAAW,EAEX,cAAc,EACd,OAAO,EACP,gBAAgB,EAChB,YAAY,EACZ,KAAK,EAEN,MAAM,yBAAyB,CAAC;AASjC;;;;;;;;;GASG;AACH,SAAS,uBAAuB,CAAC,aAAqB,EAAE,YAA0B;IAChF,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,aAAa,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAC/D,MAAM,EAAE,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAChE,MAAM,EAAE,GAAG,IAAI,CAAC,UAAU,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IACzD,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC;IAE1D,QAAQ,YAAY,EAAE;QACpB,KAAK,UAAU,CAAC;QAChB,KAAK,QAAQ;YACX,OAAO,GAAG,IAAI,IAAI,EAAE,KAAK,CAAC;QAC5B,KAAK,OAAO,CAAC;QACb,KAAK,MAAM;YACT,OAAO,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC;QAC/B;YACE,OAAO,GAAG,IAAI,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,QAAQ;KACrD;AACH,CAAC;AAgBD,gEAAgE;AAChE,MAAM,gBAAgB,GAA4D,CAChF,KAA4B,EAC5B,EAAE;IACF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IACtC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,yCAAyC;IACzC,MAAM,mBAAmB,GAAG,OAAO,CAAC,GAAG,EAAE;QACvC,MAAM,kBAAkB,GAAiC;YACvD,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC;YAChD,QAAQ,EAAE,CAAC,CAAC,yCAAyC,CAAC;YACtD,MAAM,EAAE,CAAC,CAAC,uCAAuC,CAAC;YAClD,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC;YAChD,IAAI,EAAE,CAAC,CAAC,qCAAqC,CAAC;YAC9C,KAAK,EAAE,CAAC,CAAC,sCAAsC,CAAC;YAChD,cAAc,EAAE,CAAC,CAAC,+CAA+C,CAAC;YAClE,aAAa,EAAE,CAAC,CAAC,8CAA8C,CAAC;YAChE,YAAY,EAAE,CAAC,CAAC,6CAA6C,CAAC;SAC/D,CAAC;QAEF,OAAO,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC;IACxF,CAAC,EAAE,CAAC,iBAAiB,EAAE,CAAC,CAAC,CAAC,CAAC;IAE3B,+CAA+C;IAC/C,MAAM,oBAAoB,GAAG,CAAC,CAAiC,EAAE,EAAE;QACjE,MAAM,SAAS,GAAG,CAAC,CAAC,MAAM,CAAC,KAAqB,CAAC;QACjD,QAAQ,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IACnD,CAAC,CAAC;IAEF,sCAAsC;IACtC,MAAM,mBAAmB,GAAqB;QAC5C,KAAK,EAAE,GAAG,CAAC,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC1D,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC;QACzC,MAAM;QACN,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,yEAAyE;IACzE,MAAM,kBAAkB,GAAkB;QACxC,GAAG,mBAAmB;QACtB,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,EAA6B,EAAE,EAAE;YACrF,uGAAuG;YACvG,IAAI,gBAAgB,KAAK,SAAS,IAAI,KAAK,KAAK,YAAY,IAAI,KAAK,KAAK,SAAS;gBAAE,OAAO;YAE5F,0CAA0C;YAC1C,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,uBAAuB,CAAC,gBAAgB,EAAE,GAAG,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;QAC3F,CAAC;KACF,CAAC;IAEF,QAAQ;IACR,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,MAAM,WAAW,GAAG,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;QAC7C,MAAM,KAAK,GAAG,KAAK,CAAC,WAAW,GAAG,EAAE,EAAE,WAAW,GAAG,EAAE,CAAC,CAAC;QACxD,OAAO,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;YACxB,EAAE,EAAE,GAAG,IAAI,QAAQ;YACnB,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;SACxE,CAAC,CAAC,CAAC;IACN,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,MAAM,YAAY,GAAG,CAAC,CAAiC,EAAE,EAAE;QACzD,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,iBAAiB;IACjB,MAAM,kBAAkB,GAAG,OAAO,CAChC,GAAG,EAAE,CACH,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACrB,EAAE,EAAE,GAAG,CAAC,EAAE;QACV,KAAK,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC;KAC1E,CAAC,CAAC,EACL,CAAC,MAAM,CAAC,CACT,CAAC;IACF,MAAM,mBAAmB,GAAG,CAAC,CAAiC,EAAE,EAAE;QAChE,MAAM,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3D,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,gBAAgB;IAChB,MAAM,kBAAkB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC3C,IAAI,QAAQ,GAAoB,KAAK,CAAC;QACtC,IAAI,QAAQ,KAAK,EAAE,EAAE;YACnB,QAAQ,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;YAC5B,IAAI,QAAQ,GAAG,EAAE;gBAAE,QAAQ,GAAG,EAAE,CAAC;YACjC,IAAI,QAAQ,GAAG,CAAC;gBAAE,QAAQ,GAAG,CAAC,CAAC;SAChC;QACD,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,eAAe;IACf,MAAM,iBAAiB,GAAG,CAAC,KAAgB,EAAE,EAAE;QAC7C,QAAQ,CAAC,EAAE,GAAG,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,8BAEE,KAAC,MAAM,IACL,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,KAAK,EAAE,GAAG,CAAC,YAAY,EACvB,QAAQ,EAAE,oBAAoB,YAE7B,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC5B,KAAC,MAAM,IAAY,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,WACK,EAER,GAAG,CAAC,YAAY,KAAK,OAAO,IAAI,CAC/B,MAAC,MAAM,OAAK,mBAAmB,EAAE,QAAQ,EAAE,YAAY,EAAE,IAAI,EAAC,eAAe,aAC3E,KAAC,MAAM,4BAAW,EACjB,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CACpB,KAAC,MAAM,IAAY,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,YACK,CACV,EACA,GAAG,CAAC,YAAY,KAAK,UAAU,IAAI,KAAC,YAAY,OAAK,kBAAkB,WAAI,EAC3E,GAAG,CAAC,YAAY,KAAK,QAAQ,IAAI,KAAC,UAAU,OAAK,kBAAkB,WAAI,EACvE,GAAG,CAAC,YAAY,KAAK,OAAO,IAAI,KAAC,SAAS,OAAK,kBAAkB,WAAI,EACrE,GAAG,CAAC,YAAY,KAAK,MAAM,IAAI,KAAC,SAAS,OAAK,kBAAkB,WAAI,EACpE,GAAG,CAAC,YAAY,KAAK,OAAO,IAAI,CAC/B,KAAC,aAAa,OAAK,kBAAkB,EAAE,cAAc,EAAE,EAAE,WAAI,CAC9D,EACA,GAAG,CAAC,YAAY,KAAK,gBAAgB,IAAI,CACxC,MAAC,MAAM,OACD,mBAAmB,EACvB,QAAQ,EAAE,mBAAmB,EAC7B,IAAI,EAAC,wBAAwB,aAE7B,KAAC,MAAM,4BAAW,EACjB,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAC3B,KAAC,MAAM,IAAY,KAAK,EAAE,CAAC,CAAC,EAAE,YAC3B,CAAC,CAAC,KAAK,IADG,CAAC,CAAC,EAAE,CAER,CACV,CAAC,YACK,CACV,EACA,GAAG,CAAC,YAAY,KAAK,eAAe,IAAI,CACvC,KAAC,WAAW,OACN,mBAAmB,EACvB,WAAW,EAAC,QAAQ,EACpB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,EAAE,EACP,IAAI,EAAE,CAAC,EACP,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,kBAAkB,WAC5B,CACH,EACA,GAAG,CAAC,YAAY,KAAK,cAAc,IAAI,CACtC,KAAC,cAAc,OACT,mBAAmB,EACvB,KAAK,EAAE,GAAG,CAAC,KAAkB,EAC7B,QAAQ,EAAE,iBAAiB,WAC3B,CACH,YACA,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC","sourcesContent":["// cspell:ignore words DDTHH\nimport { ChangeEvent, FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ForwardProps,\n  Select,\n  Option,\n  MonthInput,\n  WeekInput,\n  DateInput,\n  DateTimeInput,\n  NumberInput,\n  FormControlProps,\n  DayOfWeekInput,\n  useI18n,\n  useConfiguration,\n  QuarterInput,\n  range,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport DateTimeProps, {\n  DateTimeCallbackParameter\n} from '@pega/cosmos-react-core/lib/components/DateTime/DateTime.types';\nimport { DayOfWeek } from '@pega/cosmos-react-core/lib/components/DateTime/Input/DayOfWeekInput';\n\nimport { RhsWithDateFunction } from '../ConditionBuilder.types';\nimport { DateFunction } from '../core/types';\n\n/**\n * Formats the input date string to match the spec expected for the given date function\n * NOTE: This assumes that the input date is set up on the UTC timezone\n * SPEC:\n * - QUARTERS: First day of quarter as YYYY-MM-DD\n * - MONTHS: First day of month as YYYY-MM-DD\n * - WEEKS: First day of week as YYYY-MM-DD\n * - DAYS: Date as YYYY-MM-DD\n * - HOURS: YYYY-MM-DDTHH:mm:ss\n */\nfunction formatDateFunctionValue(isoDateString: string, dateFunction: DateFunction): string {\n  const date = new Date(isoDateString);\n  const YYYY = date.getUTCFullYear().toString().padStart(4, '0');\n  const MM = (date.getUTCMonth() + 1).toString().padStart(2, '0');\n  const DD = date.getUTCDate().toString().padStart(2, '0');\n  const HH = date.getUTCHours().toString().padStart(2, '0');\n\n  switch (dateFunction) {\n    case 'QUARTERS':\n    case 'MONTHS':\n      return `${YYYY}-${MM}-01`;\n    case 'WEEKS':\n    case 'DAYS':\n      return `${YYYY}-${MM}-${DD}`;\n    default:\n      return `${YYYY}-${MM}-${DD}T${HH}:00:00`; // HOURS\n  }\n}\n\nexport interface DateFunctionMenuProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: RhsWithDateFunction;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: RhsWithDateFunction) => void;\n\n  /** List of date functions enabled for the current LHS field type */\n  dateFunctionsList: DateFunction[];\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** A menu with controls to select a Time period value on RHS */\nconst DateFunctionMenu: FunctionComponent<DateFunctionMenuProps & ForwardProps> = (\n  props: DateFunctionMenuProps\n) => {\n  const { rhs, onChange, dateFunctionsList, status } = props;\n  const { locale } = useConfiguration();\n  const t = useI18n();\n\n  // Options for the Date-function selector\n  const dateFunctionOptions = useMemo(() => {\n    const dateFunctionLabels: Record<DateFunction, string> = {\n      YEARS: t('condition_builder_date_function_year'),\n      QUARTERS: t('condition_builder_date_function_quarter'),\n      MONTHS: t('condition_builder_date_function_month'),\n      WEEKS: t('condition_builder_date_function_week'),\n      DAYS: t('condition_builder_date_function_day'),\n      HOURS: t('condition_builder_date_function_hour'),\n      MONTHS_OF_YEAR: t('condition_builder_date_function_month_of_year'),\n      DAYS_OF_MONTH: t('condition_builder_date_function_day_of_month'),\n      DAYS_OF_WEEK: t('condition_builder_date_function_day_of_week')\n    };\n\n    return dateFunctionsList.map(func => ({ id: func, label: dateFunctionLabels[func] }));\n  }, [dateFunctionsList, t]);\n\n  // Handle changes to the Date-function selector\n  const handleDatePartChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const selection = e.target.value as DateFunction;\n    onChange({ dateFunction: selection, value: '' });\n  };\n\n  // Common props for all value controls\n  const valueComponentProps: FormControlProps = {\n    value: rhs.value === '' ? undefined : rhs.value.toString(),\n    label: t('condition_builder_value_label'),\n    status,\n    info: status ? t('condition_builder_invalid_value') : undefined\n  };\n\n  // Props for all functions that use a component from the DateTime package\n  const dateComponentProps: DateTimeProps = {\n    ...valueComponentProps,\n    onChange: ({ valueAsISOString, valueAsTimestamp, state }: DateTimeCallbackParameter) => {\n      // NOTE: Not relying fully on `state` since in some cases state and valueAsTimestamp are both undefined\n      if (valueAsTimestamp === undefined || state === 'incomplete' || state === 'invalid') return;\n\n      // Format the value as per spec and return\n      onChange({ ...rhs, value: formatDateFunctionValue(valueAsISOString, rhs.dateFunction) });\n    }\n  };\n\n  // YEARS\n  const yearOptions = useMemo(() => {\n    const currentYear = new Date().getFullYear();\n    const years = range(currentYear - 10, currentYear + 10);\n    return years.map(year => ({\n      id: `${year}-01-01`,\n      label: new Date(year, 0, 1).toLocaleString(locale, { year: 'numeric' })\n    }));\n  }, [locale]);\n  const onYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    onChange({ ...rhs, value: e.target.value });\n  };\n\n  // MONTHS_OF_YEAR\n  const monthOfYearOptions = useMemo(\n    () =>\n      range(1, 12).map(n => ({\n        id: `${n}`,\n        label: new Date(2021, n - 1, 1).toLocaleString(locale, { month: 'long' })\n      })),\n    [locale]\n  );\n  const onMonthOfYearChange = (e: ChangeEvent<HTMLSelectElement>) => {\n    const value = e.target.value ? Number(e.target.value) : '';\n    onChange({ ...rhs, value });\n  };\n\n  // DAYS_OF_MONTH\n  const onDayOfMonthChange = (value: string) => {\n    let newValue: string | number = value;\n    if (newValue !== '') {\n      newValue = Number(newValue);\n      if (newValue > 31) newValue = 31;\n      if (newValue < 1) newValue = 1;\n    }\n    onChange({ ...rhs, value: newValue });\n  };\n\n  // DAYS_OF_WEEK\n  const onDayOfWeekChange = (value: DayOfWeek) => {\n    onChange({ ...rhs, value });\n  };\n\n  return (\n    <>\n      {/* Date function selector */}\n      <Select\n        label={t('condition_builder_date_part')}\n        value={rhs.dateFunction}\n        onChange={handleDatePartChange}\n      >\n        {dateFunctionOptions.map(o => (\n          <Option key={o.id} value={o.id}>\n            {o.label}\n          </Option>\n        ))}\n      </Select>\n\n      {rhs.dateFunction === 'YEARS' && (\n        <Select {...valueComponentProps} onChange={onYearChange} name='year-selector'>\n          <Option> </Option>\n          {yearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'QUARTERS' && <QuarterInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'MONTHS' && <MonthInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'WEEKS' && <WeekInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'DAYS' && <DateInput {...dateComponentProps} />}\n      {rhs.dateFunction === 'HOURS' && (\n        <DateTimeInput {...dateComponentProps} pickerInterval={60} />\n      )}\n      {rhs.dateFunction === 'MONTHS_OF_YEAR' && (\n        <Select\n          {...valueComponentProps}\n          onChange={onMonthOfYearChange}\n          name='month-of-year-selector'\n        >\n          <Option> </Option>\n          {monthOfYearOptions.map(o => (\n            <Option key={o.id} value={o.id}>\n              {o.label}\n            </Option>\n          ))}\n        </Select>\n      )}\n      {rhs.dateFunction === 'DAYS_OF_MONTH' && (\n        <NumberInput\n          {...valueComponentProps}\n          placeholder='1 - 31'\n          min={1}\n          max={31}\n          step={1}\n          showDecimal={false}\n          onChange={onDayOfMonthChange}\n        />\n      )}\n      {rhs.dateFunction === 'DAYS_OF_WEEK' && (\n        <DayOfWeekInput\n          {...valueComponentProps}\n          value={rhs.value as DayOfWeek}\n          onChange={onDayOfWeekChange}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DateFunctionMenu;\n"]}

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

@@ -1,19 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, FormControlProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import { Field } from '../ConditionBuilder.types';
-interface FieldSelectorProps extends BaseProps, NoChildrenProp {
-    /** Current selection */
-    value: string;
-    /** Change handler */
-    onChange: (selection: string) => void;
-    /** Metadata (data-model) for the Fields to use in the selector */
-    fields: Field[];
-    /** Status for the ComboBox */
-    status?: FormControlProps['status'];
-    /** Info for the ComboBox */
-    info?: FormControlProps['info'];
-}
-/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */
-declare const FieldSelector: FunctionComponent<FieldSelectorProps & ForwardProps>;
-export default FieldSelector;
-//# sourceMappingURL=FieldSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAe,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAE1E,OAAO,EAIL,SAAS,EACT,YAAY,EACZ,gBAAgB,EAChB,cAAc,EACf,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AA4BlD,UAAU,kBAAmB,SAAQ,SAAS,EAAE,cAAc;IAC5D,wBAAwB;IACxB,KAAK,EAAE,MAAM,CAAC;IAEd,qBAAqB;IACrB,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAEtC,kEAAkE;IAClE,MAAM,EAAE,KAAK,EAAE,CAAC;IAEhB,8BAA8B;IAC9B,MAAM,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAEpC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAC;CACjC;AAED,+EAA+E;AAC/E,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAwDvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,67 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { ComboBox, menuHelpers } from '@pega/cosmos-react-core';
-/** Convert input Fields to use as ComboBox options */
-function getMenuItemsFromFields(fields, selection) {
-    const items = [];
-    const itemsByGroupLabel = {};
-    fields.forEach(field => {
-        const item = {
-            id: field.name,
-            primary: field.label ?? field.name,
-            selected: field.name === selection // set Selected field to selection
-        };
-        if (field.groupLabel) {
-            itemsByGroupLabel[field.groupLabel] = itemsByGroupLabel[field.groupLabel] || [];
-            itemsByGroupLabel[field.groupLabel].push(item);
-        }
-        else {
-            items.push(item);
-        }
-    });
-    Object.entries(itemsByGroupLabel).forEach(([label, childItems]) => {
-        items.push({ id: label, primary: label, items: childItems });
-    });
-    return items;
-}
-/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */
-const FieldSelector = (props) => {
-    const { value, onChange, fields, status, info } = props;
-    // Determine ComboBox menu items from the fields
-    const items = useMemo(() => getMenuItemsFromFields(fields, value), [fields, value]);
-    const selected = useMemo(() => {
-        const selectedItem = menuHelpers.getItem(items, value);
-        return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;
-    }, [items]);
-    // Set up autocomplete input
-    const [filterValue, setFilterValue] = useState(''); // NOTE: `''` is needed to show the current selection
-    const filterRegex = useMemo(() => {
-        // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping
-        // Literal string match from input, not user regex input.
-        return filterValue
-            ? new RegExp(filterValue.replace(/[.*+\-?^${}()|[\]\\]/g, '\\$&'), 'i')
-            : undefined;
-    }, [filterValue]);
-    const filteredItems = useMemo(() => {
-        return filterRegex
-            ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))
-            : items;
-    }, [filterRegex, items]);
-    return (_jsx(ComboBox, { label: 'field', labelHidden: true, status: status, info: info, placeholder: 'Select\u2026', mode: 'single-select', value: filterValue, onChange: (ev) => {
-            setFilterValue(ev.target.value);
-            if (!ev.target.value)
-                onChange('');
-        }, onBlur: () => {
-            setFilterValue('');
-        }, selected: { items: selected }, menu: {
-            items: filteredItems,
-            mode: 'single-select',
-            accent: filterRegex,
-            onItemClick: id => {
-                onChange(id);
-                setFilterValue(''); // To show the selected value in the input
-            }
-        } }, void 0));
-};
-export default FieldSelector;
-//# sourceMappingURL=FieldSelector.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FieldSelector.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/FieldSelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAkC,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1E,OAAO,EACL,QAAQ,EAER,WAAW,EAKZ,MAAM,yBAAyB,CAAC;AAKjC,sDAAsD;AACtD,SAAS,sBAAsB,CAAC,MAAe,EAAE,SAAiB;IAChE,MAAM,KAAK,GAAuB,EAAE,CAAC;IACrC,MAAM,iBAAiB,GAA4C,EAAE,CAAC;IAEtE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;QACrB,MAAM,IAAI,GAAG;YACX,EAAE,EAAE,KAAK,CAAC,IAAI;YACd,OAAO,EAAE,KAAK,CAAC,KAAK,IAAI,KAAK,CAAC,IAAI;YAClC,QAAQ,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,kCAAkC;SACtE,CAAC;QACF,IAAI,KAAK,CAAC,UAAU,EAAE;YACpB,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC;YAChF,iBAAiB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAChD;aAAM;YACL,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;SAClB;IACH,CAAC,CAAC,CAAC;IAEH,MAAM,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,EAAE;QAChE,KAAK,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,CAAC,CAAC;IAC/D,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AACf,CAAC;AAmBD,+EAA+E;AAC/E,MAAM,aAAa,GAAyD,CAC1E,KAAyB,EACzB,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAExD,gDAAgD;IAChD,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,sBAAsB,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;IACpF,MAAM,QAAQ,GAAyB,OAAO,CAAC,GAAG,EAAE;QAClD,MAAM,YAAY,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACvD,OAAO,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IACxF,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,4BAA4B;IAC5B,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC,CAAC,qDAAqD;IACjH,MAAM,WAAW,GAAG,OAAO,CAAC,GAAG,EAAE;QAC/B,6FAA6F;QAC7F,yDAAyD;QACzD,OAAO,WAAW;YAChB,CAAC,CAAC,IAAI,MAAM,CAAC,WAAW,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,EAAE,GAAG,CAAC;YACvE,CAAC,CAAC,SAAS,CAAC;IAChB,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,OAAO,WAAW;YAChB,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YAC/E,CAAC,CAAC,KAAK,CAAC;IACZ,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;IAEzB,OAAO,CACL,KAAC,QAAQ,IACP,KAAK,EAAC,OAAO,EACb,WAAW,QACX,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,WAAW,EAAC,cAAS,EACrB,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,EAAiC,EAAE,EAAE;YAC9C,cAAc,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAChC,IAAI,CAAC,EAAE,CAAC,MAAM,CAAC,KAAK;gBAAE,QAAQ,CAAC,EAAE,CAAC,CAAC;QACrC,CAAC,EACD,MAAM,EAAE,GAAG,EAAE;YACX,cAAc,CAAC,EAAE,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAC7B,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa;YACpB,IAAI,EAAE,eAAe;YACrB,MAAM,EAAE,WAAW;YACnB,WAAW,EAAE,EAAE,CAAC,EAAE;gBAChB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,cAAc,CAAC,EAAE,CAAC,CAAC,CAAC,0CAA0C;YAChE,CAAC;SACF,WACD,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC","sourcesContent":["import { ChangeEvent, FunctionComponent, useMemo, useState } from 'react';\n\nimport {\n  ComboBox,\n  MenuProps,\n  menuHelpers,\n  BaseProps,\n  ForwardProps,\n  FormControlProps,\n  NoChildrenProp\n} from '@pega/cosmos-react-core';\nimport { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport { Field } from '../ConditionBuilder.types';\n\n/** Convert input Fields to use as ComboBox options */\nfunction getMenuItemsFromFields(fields: Field[], selection: string): MenuProps['items'] {\n  const items: MenuProps['items'] = [];\n  const itemsByGroupLabel: { [label: string]: MenuProps['items'] } = {};\n\n  fields.forEach(field => {\n    const item = {\n      id: field.name,\n      primary: field.label ?? field.name, // field.label is optional\n      selected: field.name === selection // set Selected field to selection\n    };\n    if (field.groupLabel) {\n      itemsByGroupLabel[field.groupLabel] = itemsByGroupLabel[field.groupLabel] || [];\n      itemsByGroupLabel[field.groupLabel].push(item);\n    } else {\n      items.push(item);\n    }\n  });\n\n  Object.entries(itemsByGroupLabel).forEach(([label, childItems]) => {\n    items.push({ id: label, primary: label, items: childItems });\n  });\n\n  return items;\n}\n\ninterface FieldSelectorProps extends BaseProps, NoChildrenProp {\n  /** Current selection */\n  value: string;\n\n  /** Change handler */\n  onChange: (selection: string) => void;\n\n  /** Metadata (data-model) for the Fields to use in the selector */\n  fields: Field[];\n\n  /** Status for the ComboBox */\n  status?: FormControlProps['status'];\n\n  /** Info for the ComboBox */\n  info?: FormControlProps['info'];\n}\n\n/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */\nconst FieldSelector: FunctionComponent<FieldSelectorProps & ForwardProps> = (\n  props: FieldSelectorProps\n) => {\n  const { value, onChange, fields, status, info } = props;\n\n  // Determine ComboBox menu items from the fields\n  const items = useMemo(() => getMenuItemsFromFields(fields, value), [fields, value]);\n  const selected: Selected | undefined = useMemo(() => {\n    const selectedItem = menuHelpers.getItem(items, value);\n    return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;\n  }, [items]);\n\n  // Set up autocomplete input\n  const [filterValue, setFilterValue] = useState<string>(''); // NOTE: `''` is needed to show the current selection\n  const filterRegex = useMemo(() => {\n    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n    // Literal string match from input, not user regex input.\n    return filterValue\n      ? new RegExp(filterValue.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'), 'i')\n      : undefined;\n  }, [filterValue]);\n\n  const filteredItems = useMemo(() => {\n    return filterRegex\n      ? menuHelpers.flatten(items).filter(({ primary }) => filterRegex.test(primary))\n      : items;\n  }, [filterRegex, items]);\n\n  return (\n    <ComboBox\n      label='field'\n      labelHidden\n      status={status}\n      info={info}\n      placeholder='Select…'\n      mode='single-select'\n      value={filterValue}\n      onChange={(ev: ChangeEvent<HTMLInputElement>) => {\n        setFilterValue(ev.target.value);\n        if (!ev.target.value) onChange('');\n      }}\n      onBlur={() => {\n        setFilterValue('');\n      }}\n      selected={{ items: selected }}\n      menu={{\n        items: filteredItems,\n        mode: 'single-select',\n        accent: filterRegex,\n        onItemClick: id => {\n          onChange(id);\n          setFilterValue(''); // To show the selected value in the input\n        }\n      }}\n    />\n  );\n};\n\nexport default FieldSelector;\n"]}

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

@@ -1,16 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';
-interface MultiSelectorProps extends BaseProps, NoChildrenProp {
-    /** Previous selection */
-    values: string[];
-    /** Options for the selector */
-    options: string[];
-    /** Callback for changes */
-    onChange: (selection: string[]) => void;
-    /** Used to indicate any errors on the control */
-    status?: 'error';
-}
-/** A control for selecting multiple values using checkboxes in an overlay */
-declare const MultiValueSelector: FunctionComponent<MultiSelectorProps & ForwardProps>;
-export default MultiValueSelector;
-//# sourceMappingURL=MultiValueSelector.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiValueSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/MultiValueSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAqB,MAAM,OAAO,CAAC;AAE7D,OAAO,EAEL,SAAS,EACT,YAAY,EAIZ,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,UAAU,kBAAmB,SAAQ,SAAS,EAAE,cAAc;IAC5D,yBAAyB;IACzB,MAAM,EAAE,MAAM,EAAE,CAAC;IAEjB,+BAA+B;IAC/B,OAAO,EAAE,MAAM,EAAE,CAAC;IAElB,2BAA2B;IAC3B,QAAQ,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAExC,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,6EAA6E;AAC7E,QAAA,MAAM,kBAAkB,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAgE5E,CAAC;AAEF,eAAe,kBAAkB,CAAC"}

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

@@ -1,43 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import { useI18n, ComboBox, createStringMatcher, useAfterInitialEffect } from '@pega/cosmos-react-core';
-/** A control for selecting multiple values using checkboxes in an overlay */
-const MultiValueSelector = ({ values, options, onChange, status }) => {
-    const t = useI18n();
-    const [selections, setSelections] = useState(values);
-    const [filterValue, setFilterValue] = useState('');
-    const itemsToRender = useMemo(() => {
-        let opts = options;
-        if (filterValue) {
-            const matcher = createStringMatcher(filterValue, 'boundary');
-            opts = opts.filter(opt => matcher.test(opt));
-        }
-        return opts.map(option => {
-            return {
-                id: option,
-                primary: option,
-                selected: selections.includes(option)
-            };
-        });
-    }, [options, filterValue, selections]);
-    useAfterInitialEffect(() => {
-        onChange(selections);
-    }, [selections]);
-    return (_jsx(ComboBox, { mode: 'multi-select', label: t('condition_builder_possible_values_label'), labelHidden: true, placeholder: t('condition_builder_selection_text_default'), value: filterValue, onChange: e => {
-            setFilterValue(e.target.value);
-        }, menu: {
-            items: itemsToRender,
-            onItemClick: option => {
-                setSelections(cur => cur.includes(option) ? cur.filter(selection => selection !== option) : [...cur, option]);
-            }
-        }, selected: selections.length > 0
-            ? {
-                items: selections.map(s => ({ id: s, text: s })),
-                onRemove: value => {
-                    setSelections(cur => cur.filter(selection => selection !== value));
-                }
-            }
-            : undefined, status: status, info: status === 'error' ? t('condition_builder_empty_selection_error_text') : undefined }, void 0));
-};
-export default MultiValueSelector;
-//# sourceMappingURL=MultiValueSelector.js.map