@pega/cosmos-react-condition-builder 5.0.0-dev.4.7 → 5.0.0-dev.4.9

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

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

@@ -1,21 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp, ComboBoxProps } 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?: ComboBoxProps['status'];
-    /** Info for the ComboBox */
-    info?: ComboBoxProps['info'];
-    /** Label for the ComboBox */
-    label?: ComboBoxProps['label'];
-}
-/** 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,cAAc,EAGd,aAAa,EACd,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAiBlD,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,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjC,4BAA4B;IAC5B,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAE7B,6BAA6B;IAC7B,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;CAChC;AAED,+EAA+E;AAC/E,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAyDvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,60 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo, useState } from 'react';
-import { ComboBox, menuHelpers, hasProp, useI18n } from '@pega/cosmos-react-core';
-/** Convert input Fields to use as ComboBox options */
-function getMenuItemsFromFields(fields, selection) {
-    return fields.map(field => {
-        const { id, primary } = field;
-        let childitems;
-        if (hasProp(field, 'items'))
-            childitems = getMenuItemsFromFields(field.items, selection);
-        return {
-            id,
-            primary,
-            selected: childitems ? undefined : id === selection,
-            items: childitems
-        };
-    });
-}
-/** Sets up a ComboBox to select a Field. Handles grouping and autocomplete. */
-const FieldSelector = (props) => {
-    const { value, onChange, fields, status, info, label } = props;
-    const t = useI18n();
-    // 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: label ?? t('condition_builder_field_label'), status: status, info: info, placeholder: t('select_placeholder_default'), 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
-            }
-        } }));
-};
-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":"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","sourcesContent":["import { ChangeEvent, FunctionComponent, useMemo, useState } from 'react';\n\nimport {\n  ComboBox,\n  MenuProps,\n  menuHelpers,\n  BaseProps,\n  ForwardProps,\n  NoChildrenProp,\n  hasProp,\n  useI18n,\n  ComboBoxProps\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  return fields.map(field => {\n    const { id, primary } = field;\n    let childitems;\n    if (hasProp(field, 'items')) childitems = getMenuItemsFromFields(field.items, selection);\n    return {\n      id,\n      primary,\n      selected: childitems ? undefined : id === selection, // set Selected field to selection\n      items: childitems\n    };\n  });\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?: ComboBoxProps['status'];\n\n  /** Info for the ComboBox */\n  info?: ComboBoxProps['info'];\n\n  /** Label for the ComboBox */\n  label?: ComboBoxProps['label'];\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, label } = props;\n\n  const t = useI18n();\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={label ?? t('condition_builder_field_label')}\n      status={status}\n      info={info}\n      placeholder={t('select_placeholder_default')}\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/NumericInput.d.ts

@@ -1,18 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, NoChildrenProp } from '@pega/cosmos-react-core';
-interface NumericInputProps extends BaseProps, NoChildrenProp {
-    /** Rhs for the condition */
-    rhs: {
-        value: string | number;
-    };
-    /** Callback for any modifications to the Rhs */
-    onChange: (rhs: {
-        value: string | number;
-    }) => void;
-    /** Used to indicate any errors on the control */
-    status?: 'error';
-}
-/** Wrapper over the NumberInput to parse values as Numbers, while still allowing the user to type partial values like `12.`, `12.0`, ... */
-declare const NumericInput: FunctionComponent<NumericInputProps>;
-export default NumericInput;
-//# sourceMappingURL=NumericInput.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumericInput.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEpD,OAAO,EACL,SAAS,EACT,cAAc,EAIf,MAAM,yBAAyB,CAAC;AAEjC,UAAU,iBAAkB,SAAQ,SAAS,EAAE,cAAc;IAC3D,4BAA4B;IAC5B,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,CAAC;IAEhC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE;QAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpD,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,4IAA4I;AAC5I,QAAA,MAAM,YAAY,EAAE,iBAAiB,CAAC,iBAAiB,CA2BtD,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useState } from 'react';
-import { NumberInput, useAfterInitialEffect, useI18n } from '@pega/cosmos-react-core';
-/** Wrapper over the NumberInput to parse values as Numbers, while still allowing the user to type partial values like `12.`, `12.0`, ... */
-const NumericInput = (props) => {
-    const { rhs, onChange, status } = props;
-    const t = useI18n();
-    // Since we want to always call onChange with parsed Numbers,
-    // if we parse values like `12.`, `12.0`, etc., the decimals will be lost leading to bad UX
-    // Using a local state to avoid that
-    const [localValue, setLocalValue] = useState(rhs.value.toString());
-    useAfterInitialEffect(() => {
-        setLocalValue(rhs.value.toString());
-    }, [rhs.value]);
-    const handleInputChange = (newValue) => {
-        setLocalValue(newValue);
-        onChange({ value: newValue.trim() ? Number(newValue) : '' }); // Save as a number unless the input is empty
-    };
-    return (_jsx(NumberInput, { value: localValue, onChange: handleInputChange, status: status, info: status === 'error' ? t('condition_builder_invalid_number') : undefined, label: t('condition_builder_value_label') }));
-};
-export default NumericInput;
-//# sourceMappingURL=NumericInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"NumericInput.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/NumericInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAqB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAGL,WAAW,EACX,qBAAqB,EACrB,OAAO,EACR,MAAM,yBAAyB,CAAC;AAajC,4IAA4I;AAC5I,MAAM,YAAY,GAAyC,CAAC,KAAwB,EAAE,EAAE;IACtF,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,6DAA6D;IAC7D,2FAA2F;IAC3F,oCAAoC;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IAEnE,qBAAqB,CAAC,GAAG,EAAE;QACzB,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC;IACtC,CAAC,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC;IAEhB,MAAM,iBAAiB,GAAG,CAAC,QAAgB,EAAE,EAAE;QAC7C,aAAa,CAAC,QAAQ,CAAC,CAAC;QACxB,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,6CAA6C;IAC7G,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,IACV,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,iBAAiB,EAC3B,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC5E,KAAK,EAAE,CAAC,CAAC,+BAA+B,CAAC,GACzC,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,YAAY,CAAC","sourcesContent":["import { FunctionComponent, useState } from 'react';\n\nimport {\n  BaseProps,\n  NoChildrenProp,\n  NumberInput,\n  useAfterInitialEffect,\n  useI18n\n} from '@pega/cosmos-react-core';\n\ninterface NumericInputProps extends BaseProps, NoChildrenProp {\n  /** Rhs for the condition */\n  rhs: { value: string | number };\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: { value: string | number }) => void;\n\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n}\n\n/** Wrapper over the NumberInput to parse values as Numbers, while still allowing the user to type partial values like `12.`, `12.0`, ... */\nconst NumericInput: FunctionComponent<NumericInputProps> = (props: NumericInputProps) => {\n  const { rhs, onChange, status } = props;\n  const t = useI18n();\n\n  // Since we want to always call onChange with parsed Numbers,\n  // if we parse values like `12.`, `12.0`, etc., the decimals will be lost leading to bad UX\n  // Using a local state to avoid that\n  const [localValue, setLocalValue] = useState(rhs.value.toString());\n\n  useAfterInitialEffect(() => {\n    setLocalValue(rhs.value.toString());\n  }, [rhs.value]);\n\n  const handleInputChange = (newValue: string) => {\n    setLocalValue(newValue);\n    onChange({ value: newValue.trim() ? Number(newValue) : '' }); // Save as a number unless the input is empty\n  };\n\n  return (\n    <NumberInput\n      value={localValue}\n      onChange={handleInputChange}\n      status={status}\n      info={status === 'error' ? t('condition_builder_invalid_number') : undefined}\n      label={t('condition_builder_value_label')}\n    />\n  );\n};\n\nexport default NumericInput;\n"]}

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

@@ -1,18 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import { RhsWithRelativeDate } from '../ConditionBuilder.types';
-import { FieldType } from '../core/types';
-export interface RelativeDateMenuProps extends BaseProps, NoChildrenProp {
-    /** Rhs for the condition */
-    rhs: RhsWithRelativeDate;
-    /** Callback for any modifications to the Rhs */
-    onChange: (rhs: RhsWithRelativeDate) => void;
-    /** FieldType of the LHS Field. Will only be DATE_TIME or DATE_ONLY */
-    fieldType: FieldType;
-    /** Used to indicate any errors on the control */
-    status?: 'error';
-}
-/** A menu with controls to select a Time period value on RHS */
-declare const RelativeDateMenu: FunctionComponent<RelativeDateMenuProps & ForwardProps>;
-export default RelativeDateMenu;
-//# sourceMappingURL=RelativeDateMenu.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RelativeDateMenu.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RelativeDateMenu.tsx"],"names":[],"mappings":"AACA,OAAO,EAAe,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEhE,OAAO,EACL,SAAS,EACT,YAAY,EAOZ,cAAc,EACf,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAsC,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,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,sEAAsE;IACtE,SAAS,EAAE,SAAS,CAAC;IAErB,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/RelativeDateMenu.js

@@ -1,119 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-// cspell:words DDTHH
-import { useMemo } from 'react';
-import { Flex, Select, Option, NumberInput, useI18n } from '@pega/cosmos-react-core';
-/** A menu with controls to select a Time period value on RHS */
-const RelativeDateMenu = (props) => {
-    const { rhs, onChange, status, fieldType } = props;
-    const t = useI18n();
-    const { relativeDate } = rhs;
-    // Options for the Date Part selector
-    const datePartOptions = useMemo(() => {
-        const allOptions = [
-            'YEARS',
-            'QUARTERS',
-            'MONTHS',
-            'WEEKS',
-            'DAYS',
-            'HOURS',
-            'MINUTES',
-            'SECONDS'
-        ];
-        const datePartLabels = {
-            YEARS: t('condition_builder_year'),
-            QUARTERS: t('condition_builder_quarter'),
-            MONTHS: t('condition_builder_month'),
-            WEEKS: t('condition_builder_week'),
-            DAYS: t('condition_builder_day'),
-            HOURS: t('condition_builder_hour'),
-            MINUTES: t('condition_builder_minute'),
-            SECONDS: t('condition_builder_second')
-        };
-        if (fieldType === 'DATE_TIME') {
-            // TODO: Remove temporary hide MINUTES option
-            return allOptions.map(datePart => ({
-                id: datePart,
-                label: datePartLabels[datePart]
-            }));
-        }
-        // Removes SECONDS, MINUTES and HOURS for DATE_ONLY fields
-        return allOptions.splice(0, allOptions.length - 3).map(datePart => ({
-            id: datePart,
-            label: datePartLabels[datePart]
-        }));
-    }, [t, fieldType]);
-    // Options for the Date-function selector
-    const timePeriodOptions = useMemo(() => {
-        const allOptions = ['CURRENT', 'LAST', 'PREVIOUS', 'NEXT'];
-        const timePeriodLabels = {
-            CURRENT: t('condition_builder_time_period_current'),
-            LAST: t('condition_builder_time_period_last'),
-            PREVIOUS: t('condition_builder_time_period_previous'),
-            NEXT: t('condition_builder_time_period_next')
-        };
-        return allOptions.map(timePeriod => ({
-            id: timePeriod,
-            label: timePeriodLabels[timePeriod]
-        }));
-    }, [t]);
-    const handleTimePeriodChange = (e) => {
-        const selection = e.target.value;
-        if (selection === 'CURRENT') {
-            onChange({
-                relativeDate: {
-                    timePeriod: selection,
-                    datePart: relativeDate.datePart
-                }
-            });
-        }
-        else {
-            onChange({
-                relativeDate: {
-                    ...relativeDate,
-                    timePeriod: selection,
-                    interval: relativeDate.interval ?? undefined
-                }
-            });
-        }
-    };
-    // Handle changes to the Date-function selector
-    const handleDatePartChange = (e) => {
-        const selection = e.target.value;
-        onChange({
-            relativeDate: {
-                ...relativeDate,
-                datePart: selection
-            }
-        });
-    };
-    // Common props for all value controls
-    const valueComponentProps = {
-        value: relativeDate.interval?.toString(),
-        label: t('condition_builder_value_label'),
-        status,
-        info: status ? t('condition_builder_invalid_value') : undefined
-    };
-    const handleIntervalChange = (value) => {
-        let newValue;
-        if (value !== '' && !Number.isNaN(Number(value))) {
-            newValue = Number(value);
-            onChange({
-                relativeDate: {
-                    ...relativeDate,
-                    interval: newValue
-                }
-            });
-        }
-        else {
-            onChange({
-                relativeDate: {
-                    ...relativeDate,
-                    interval: undefined
-                }
-            });
-        }
-    };
-    return (_jsxs(_Fragment, { children: [_jsx(Select, { label: t('condition_builder_time_period_label'), value: rhs.relativeDate.timePeriod, onChange: handleTimePeriodChange, children: timePeriodOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }), _jsxs(Flex, { container: { direction: 'row', colGap: 1 }, children: [relativeDate.timePeriod !== 'CURRENT' && (_jsx(Flex, { item: { basis: '30%' }, children: _jsx(NumberInput, { ...valueComponentProps, min: 1, step: 1, showDecimal: false, onChange: handleIntervalChange }) })), _jsx(Flex, { item: { basis: relativeDate.timePeriod !== 'CURRENT' ? '70%' : '100%' }, children: _jsx(Select, { label: t('condition_builder_date_part'), value: relativeDate.datePart, onChange: handleDatePartChange, children: datePartOptions.map(o => (_jsx(Option, { value: o.id, children: o.label }, o.id))) }) })] })] }));
-};
-export default RelativeDateMenu;
-//# sourceMappingURL=RelativeDateMenu.js.map

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

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

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

@@ -1,26 +0,0 @@
-import { FunctionComponent } from 'react';
-import { BaseProps, ForwardProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import { Comparator, FieldType, RHSType } from '../core/types';
-import { DateFunctionsByType, LeafCondition, ParameterValue } from '../ConditionBuilder.types';
-interface RhsMenuButtonProps extends BaseProps, NoChildrenProp {
-    /** Passed Parameters array for Rhstype PARAMETER */
-    parameters: ParameterValue[];
-    /** Type of field on the LHS */
-    fieldType: FieldType;
-    /** Comparator for the condition */
-    comparator: Comparator;
-    /** Rhs for the condition */
-    rhs: NonNullable<LeafCondition['rhs']>;
-    /** Callback for any modifications to the Rhs */
-    onChange: (rhs: NonNullable<LeafCondition['rhs']>) => void;
-    /** Display mode */
-    mode: 'combo-box' | 'menu-button';
-    /** Restricts RHS values to only specified RHS types */
-    validRhsTypes: Set<RHSType>;
-    /** Passed to enable additional date controls on the RHS, when a DATE_TIME/DATE_ONLY field is selected on the LHS */
-    dateFunctions?: DateFunctionsByType;
-}
-/** Renders a Gear MenuButton on the RHS (when applicable) */
-declare const RhsModeSwitch: FunctionComponent<RhsMenuButtonProps & ForwardProps>;
-export default RhsModeSwitch;
-//# sourceMappingURL=RhsModeSwitch.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RhsModeSwitch.d.ts","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RhsModeSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAEnD,OAAO,EACL,SAAS,EAET,YAAY,EAKZ,cAAc,EAGf,MAAM,yBAAyB,CAAC;AAIjC,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAyC/F,UAAU,kBAAmB,SAAQ,SAAS,EAAE,cAAc;IAC5D,oDAAoD;IACpD,UAAU,EAAE,cAAc,EAAE,CAAC;IAE7B,+BAA+B;IAC/B,SAAS,EAAE,SAAS,CAAC;IAErB,mCAAmC;IACnC,UAAU,EAAE,UAAU,CAAC;IAEvB,4BAA4B;IAC5B,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC;IAEvC,gDAAgD;IAChD,QAAQ,EAAE,CAAC,GAAG,EAAE,WAAW,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,IAAI,CAAC;IAE3D,mBAAmB;IACnB,IAAI,EAAE,WAAW,GAAG,aAAa,CAAC;IAElC,uDAAuD;IACvD,aAAa,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IAE5B,oHAAoH;IACpH,aAAa,CAAC,EAAE,mBAAmB,CAAC;CACrC;AAED,6DAA6D;AAC7D,QAAA,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,GAAG,YAAY,CAkJvE,CAAC;AAEF,eAAe,aAAa,CAAC"}

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

@@ -1,156 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { ComboBox, hasProp, MenuButton, menuHelpers, useI18n } from '@pega/cosmos-react-core';
-var ItemID;
-(function (ItemID) {
-    ItemID["LITERAL_VALUE"] = "LITERAL_VALUE";
-    ItemID["DATE_PART"] = "DATE_PART";
-    ItemID["RELATIVE_DATE"] = "RELATIVE_DATE";
-    ItemID["ANOTHER_FIELD"] = "ANOTHER_FIELD";
-    ItemID["PARAMETER"] = "PARAMETER";
-})(ItemID || (ItemID = {}));
-function isRangeComparator(comparator) {
-    return comparator === 'BTW' || comparator === 'NOT_BTW';
-}
-// Label for the `Enter <value>` option on the gear-menu
-function getValueOptionLabel(fieldType, t, comparator) {
-    switch (fieldType) {
-        case 'TEXT':
-            return t('condition_builder_compare_with_text_value');
-        case 'NUMBER':
-            return isRangeComparator(comparator)
-                ? t('condition_builder_compare_with_numeric_range_value')
-                : t('condition_builder_compare_with_numeric_value');
-        case 'DATE_TIME':
-        case 'DATE_ONLY':
-            return isRangeComparator(comparator)
-                ? t('condition_builder_compare_with_date_range_value')
-                : t('condition_builder_compare_with_date_value');
-        case 'TIME_ONLY':
-            return isRangeComparator(comparator)
-                ? t('condition_builder_compare_with_time_range_value')
-                : t('condition_builder_compare_with_time_value');
-        default:
-            return t('condition_builder_value_label'); // Not needed (BOOLEAN is not expected to be passed to the function)
-    }
-}
-/** Renders a Gear MenuButton on the RHS (when applicable) */
-const RhsModeSwitch = ({ parameters, fieldType, comparator, rhs, onChange, mode, validRhsTypes, dateFunctions }) => {
-    const t = useI18n();
-    // Identify current mode
-    const currentMode = useMemo(() => {
-        if (hasProp(rhs, 'field'))
-            return ItemID.ANOTHER_FIELD;
-        if (hasProp(rhs, 'field'))
-            return ItemID.ANOTHER_FIELD;
-        if (hasProp(rhs, 'value') && hasProp(rhs, 'dateFunction'))
-            return ItemID.DATE_PART;
-        if (hasProp(rhs, 'parameterId'))
-            return ItemID.PARAMETER;
-        if (hasProp(rhs, 'relativeDate'))
-            return ItemID.RELATIVE_DATE;
-        return ItemID.LITERAL_VALUE;
-    }, [rhs]);
-    // Determine actions for the menu
-    const menu = useMemo(() => {
-        const items = [];
-        // Boolean conditions either don't use an rhs or always use the field-selector
-        // For IN/NOT_IN comparators, only one mode is possible for a given case - CSV Input or a Value-selector
-        if (fieldType !== 'BOOLEAN' && !['IN', 'NOT_IN'].includes(comparator)) {
-            // Literal value input
-            if (validRhsTypes.has('LITERAL')) {
-                // Literal Value inputs
-                items.push({
-                    id: ItemID.LITERAL_VALUE,
-                    primary: getValueOptionLabel(fieldType, t, comparator),
-                    onClick: id => {
-                        if (id === currentMode)
-                            return; // Ignore if already in that mode
-                        onChange(isRangeComparator(comparator) ? { start: '', end: '' } : { value: '' }); // Submit a new RHS to re-render with the new mode
-                    },
-                    selected: currentMode === ItemID.LITERAL_VALUE
-                });
-            }
-            // Field selector
-            if (validRhsTypes.has('FIELD')) {
-                items.push({
-                    id: ItemID.ANOTHER_FIELD,
-                    primary: t('condition_builder_compare_with_another_field'),
-                    onClick: id => {
-                        if (id === currentMode)
-                            return; // Ignore if already in that mode
-                        onChange({ field: '' }); // Submit a new RHS to re-render with the new mode
-                    },
-                    selected: currentMode === ItemID.ANOTHER_FIELD
-                });
-            }
-            // Rhs of PARAMETER type
-            if (validRhsTypes.has('PARAMETER') &&
-                ['EQ', 'NEQ'].includes(comparator) &&
-                parameters.length > 0) {
-                items.push({
-                    id: ItemID.PARAMETER,
-                    primary: t('condition_builder_compare_with_parameter'),
-                    onClick: id => {
-                        if (id === currentMode)
-                            return; // Ignore if already in that mode
-                        if (parameters.length === 1)
-                            onChange({ parameterId: parameters[0].id });
-                        else
-                            onChange({ parameterId: '' }); // Submit a new RHS to re-render with the new mode
-                    },
-                    selected: currentMode === ItemID.PARAMETER
-                });
-            }
-            // Relative Date value input
-            if (validRhsTypes.has('RELATIVE_DATE') &&
-                (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')) {
-                items.push({
-                    id: ItemID.RELATIVE_DATE,
-                    primary: t('condition_builder_compare_with_relative_date'),
-                    onClick: id => {
-                        if (id === currentMode)
-                            return; // Ignore if already in that mode
-                        onChange({
-                            relativeDate: {
-                                timePeriod: 'CURRENT',
-                                datePart: 'DAYS'
-                            }
-                        });
-                    },
-                    selected: currentMode === ItemID.RELATIVE_DATE
-                });
-            }
-            // Date Part value input
-            if (validRhsTypes.has('DATE_FUNCTION') &&
-                dateFunctions &&
-                (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')) {
-                items.push({
-                    id: ItemID.DATE_PART,
-                    primary: t('condition_builder_date_part'),
-                    onClick: id => {
-                        if (id === currentMode)
-                            return; // Ignore if already in that mode
-                        onChange({ value: '', dateFunction: dateFunctions[fieldType][0] }); // Submit a new RHS to re-render with the new mode. Initializing with the first available date function
-                    },
-                    selected: currentMode === ItemID.DATE_PART
-                });
-            }
-        }
-        return { items, mode: 'single-select' };
-    }, [fieldType, comparator, onChange, validRhsTypes, dateFunctions, currentMode, t]);
-    // Identify current selection for ComboBox
-    const selected = useMemo(() => {
-        const selectedItem = menuHelpers.getItem(menu.items, currentMode);
-        return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;
-    }, [menu, currentMode]);
-    // Render the button only when there are multiple options in the menu
-    if (menu.items.length < 2)
-        return null;
-    if (mode === 'combo-box') {
-        return (_jsx(ComboBox, { label: t('condition_builder_compare_with'), mode: 'single-select', selected: { items: selected }, menu: menu }));
-    }
-    return (_jsx(MenuButton, { text: t('condition_builder_compare_with'), "aria-label": selected ? t('condition_builder_compare_with', [selected.text]) : undefined, icon: 'gear', iconOnly: true, variant: 'simple', menu: menu }));
-};
-export default RhsModeSwitch;
-//# sourceMappingURL=RhsModeSwitch.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"RhsModeSwitch.js","sourceRoot":"","sources":["../../../../src/components/ConditionBuilder/RhsControls/RhsModeSwitch.tsx"],"names":[],"mappings":"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","sourcesContent":["import { FunctionComponent, useMemo } from 'react';\n\nimport {\n  BaseProps,\n  ComboBox,\n  ForwardProps,\n  hasProp,\n  MenuButton,\n  menuHelpers,\n  MenuProps,\n  NoChildrenProp,\n  TranslationPack,\n  useI18n\n} from '@pega/cosmos-react-core';\nimport { TranslationFunction } from '@pega/cosmos-react-core/lib/i18n/translate';\nimport { Selected } from '@pega/cosmos-react-core/lib/components/ComboBox/ComboBox.types';\n\nimport { Comparator, FieldType, RHSType } from '../core/types';\nimport { DateFunctionsByType, LeafCondition, ParameterValue } from '../ConditionBuilder.types';\n\nenum ItemID {\n  LITERAL_VALUE = 'LITERAL_VALUE',\n  DATE_PART = 'DATE_PART',\n  RELATIVE_DATE = 'RELATIVE_DATE',\n  ANOTHER_FIELD = 'ANOTHER_FIELD',\n  PARAMETER = 'PARAMETER'\n}\n\nfunction isRangeComparator(comparator: Comparator | undefined): boolean {\n  return comparator === 'BTW' || comparator === 'NOT_BTW';\n}\n\n// Label for the `Enter <value>` option on the gear-menu\nfunction getValueOptionLabel(\n  fieldType: FieldType,\n  t: TranslationFunction<TranslationPack>,\n  comparator?: Comparator\n): string {\n  switch (fieldType) {\n    case 'TEXT':\n      return t('condition_builder_compare_with_text_value');\n    case 'NUMBER':\n      return isRangeComparator(comparator)\n        ? t('condition_builder_compare_with_numeric_range_value')\n        : t('condition_builder_compare_with_numeric_value');\n    case 'DATE_TIME':\n    case 'DATE_ONLY':\n      return isRangeComparator(comparator)\n        ? t('condition_builder_compare_with_date_range_value')\n        : t('condition_builder_compare_with_date_value');\n    case 'TIME_ONLY':\n      return isRangeComparator(comparator)\n        ? t('condition_builder_compare_with_time_range_value')\n        : t('condition_builder_compare_with_time_value');\n    default:\n      return t('condition_builder_value_label'); // Not needed (BOOLEAN is not expected to be passed to the function)\n  }\n}\n\ninterface RhsMenuButtonProps extends BaseProps, NoChildrenProp {\n  /** Passed Parameters array for Rhstype PARAMETER */\n  parameters: ParameterValue[];\n\n  /** Type of field on the LHS */\n  fieldType: FieldType;\n\n  /** Comparator for the condition */\n  comparator: Comparator;\n\n  /** Rhs for the condition */\n  rhs: NonNullable<LeafCondition['rhs']>;\n\n  /** Callback for any modifications to the Rhs */\n  onChange: (rhs: NonNullable<LeafCondition['rhs']>) => void;\n\n  /** Display mode */\n  mode: 'combo-box' | 'menu-button';\n\n  /** Restricts RHS values to only specified RHS types */\n  validRhsTypes: Set<RHSType>;\n\n  /** Passed to enable additional date controls on the RHS, when a DATE_TIME/DATE_ONLY field is selected on the LHS */\n  dateFunctions?: DateFunctionsByType;\n}\n\n/** Renders a Gear MenuButton on the RHS (when applicable) */\nconst RhsModeSwitch: FunctionComponent<RhsMenuButtonProps & ForwardProps> = ({\n  parameters,\n  fieldType,\n  comparator,\n  rhs,\n  onChange,\n  mode,\n  validRhsTypes,\n  dateFunctions\n}: RhsMenuButtonProps) => {\n  const t = useI18n();\n\n  // Identify current mode\n  const currentMode = useMemo(() => {\n    if (hasProp(rhs, 'field')) return ItemID.ANOTHER_FIELD;\n    if (hasProp(rhs, 'field')) return ItemID.ANOTHER_FIELD;\n    if (hasProp(rhs, 'value') && hasProp(rhs, 'dateFunction')) return ItemID.DATE_PART;\n    if (hasProp(rhs, 'parameterId')) return ItemID.PARAMETER;\n    if (hasProp(rhs, 'relativeDate')) return ItemID.RELATIVE_DATE;\n    return ItemID.LITERAL_VALUE;\n  }, [rhs]);\n\n  // Determine actions for the menu\n  const menu = useMemo<MenuProps>(() => {\n    const items: MenuProps['items'] = [];\n\n    // Boolean conditions either don't use an rhs or always use the field-selector\n    // For IN/NOT_IN comparators, only one mode is possible for a given case - CSV Input or a Value-selector\n    if (fieldType !== 'BOOLEAN' && !['IN', 'NOT_IN'].includes(comparator)) {\n      // Literal value input\n      if (validRhsTypes.has('LITERAL')) {\n        // Literal Value inputs\n        items.push({\n          id: ItemID.LITERAL_VALUE,\n          primary: getValueOptionLabel(fieldType, t, comparator),\n          onClick: id => {\n            if (id === currentMode) return; // Ignore if already in that mode\n            onChange(isRangeComparator(comparator) ? { start: '', end: '' } : { value: '' }); // Submit a new RHS to re-render with the new mode\n          },\n          selected: currentMode === ItemID.LITERAL_VALUE\n        });\n      }\n\n      // Field selector\n      if (validRhsTypes.has('FIELD')) {\n        items.push({\n          id: ItemID.ANOTHER_FIELD,\n          primary: t('condition_builder_compare_with_another_field'),\n          onClick: id => {\n            if (id === currentMode) return; // Ignore if already in that mode\n            onChange({ field: '' }); // Submit a new RHS to re-render with the new mode\n          },\n          selected: currentMode === ItemID.ANOTHER_FIELD\n        });\n      }\n\n      // Rhs of PARAMETER type\n      if (\n        validRhsTypes.has('PARAMETER') &&\n        ['EQ', 'NEQ'].includes(comparator) &&\n        parameters.length > 0\n      ) {\n        items.push({\n          id: ItemID.PARAMETER,\n          primary: t('condition_builder_compare_with_parameter'),\n          onClick: id => {\n            if (id === currentMode) return; // Ignore if already in that mode\n            if (parameters.length === 1) onChange({ parameterId: parameters[0].id });\n            else onChange({ parameterId: '' }); // Submit a new RHS to re-render with the new mode\n          },\n          selected: currentMode === ItemID.PARAMETER\n        });\n      }\n\n      // Relative Date value input\n      if (\n        validRhsTypes.has('RELATIVE_DATE') &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      ) {\n        items.push({\n          id: ItemID.RELATIVE_DATE,\n          primary: t('condition_builder_compare_with_relative_date'),\n          onClick: id => {\n            if (id === currentMode) return; // Ignore if already in that mode\n            onChange({\n              relativeDate: {\n                timePeriod: 'CURRENT',\n                datePart: 'DAYS'\n              }\n            });\n          },\n          selected: currentMode === ItemID.RELATIVE_DATE\n        });\n      }\n\n      // Date Part value input\n      if (\n        validRhsTypes.has('DATE_FUNCTION') &&\n        dateFunctions &&\n        (fieldType === 'DATE_TIME' || fieldType === 'DATE_ONLY')\n      ) {\n        items.push({\n          id: ItemID.DATE_PART,\n          primary: t('condition_builder_date_part'),\n          onClick: id => {\n            if (id === currentMode) return; // Ignore if already in that mode\n            onChange({ value: '', dateFunction: dateFunctions[fieldType][0] }); // Submit a new RHS to re-render with the new mode. Initializing with the first available date function\n          },\n          selected: currentMode === ItemID.DATE_PART\n        });\n      }\n    }\n\n    return { items, mode: 'single-select' };\n  }, [fieldType, comparator, onChange, validRhsTypes, dateFunctions, currentMode, t]);\n\n  // Identify current selection for ComboBox\n  const selected = useMemo<Selected | undefined>(() => {\n    const selectedItem = menuHelpers.getItem(menu.items, currentMode);\n    return selectedItem ? { id: selectedItem.id, text: selectedItem.primary } : undefined;\n  }, [menu, currentMode]);\n\n  // Render the button only when there are multiple options in the menu\n  if (menu.items.length < 2) return null;\n\n  if (mode === 'combo-box') {\n    return (\n      <ComboBox\n        label={t('condition_builder_compare_with')}\n        mode='single-select'\n        selected={{ items: selected }}\n        menu={menu}\n      />\n    );\n  }\n\n  return (\n    <MenuButton\n      text={t('condition_builder_compare_with')}\n      aria-label={selected ? t('condition_builder_compare_with', [selected.text]) : undefined}\n      icon='gear'\n      iconOnly\n      variant='simple'\n      menu={menu}\n    />\n  );\n};\n\nexport default RhsModeSwitch;\n"]}

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

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

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

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