@pega/cosmos-react-condition-builder 3.0.0-dev.21.2 → 3.0.0-dev.23.1

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionInput.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAGf,OAAO,EAIL,YAAY,EAeb,MAAM,yBAAyB,CAAC;AAWjC,OAAO,KAAK,EAAsB,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAyFtF,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAoSzE,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"ConditionInput.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EAUb,MAAM,yBAAyB,CAAC;AAWjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAQlE,QAAA,MAAM,cAAc,EAAE,iBAAiB,CAAC,mBAAmB,GAAG,YAAY,CAsSzE,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/ConditionInput/ConditionInput.js

@@ -1,79 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useState, useEffect } from 'react';
-import styled, { css } from 'styled-components';
-import { CompositeInput, defaultThemeProp, hasProp, Input, NumberInput, RadioButton, RadioButtonGroup, StyledGrid, useI18n, FieldGroup, StyledFieldGroupLegend, StyledButton, DateInput, TimeInput, DateTimeInput, useConfiguration } from '@pega/cosmos-react-core';
+import { CompositeInput, hasProp, Input, NumberInput, RadioButton, useI18n, DateInput, TimeInput, DateTimeInput, useConfiguration } from '@pega/cosmos-react-core';
 import AtomicCondition, { getInitConditionForLhs } from '../ConditionBuilder/AtomicCondition';
 import formatCondition from '../ConditionBuilder/core/formatter';
 import ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';
-const defaultComparators = {
-    TEXT: 'CONTAINS',
-    EMAIL: 'CONTAINS',
-    URL: 'CONTAINS',
-    PHONE: 'CONTAINS',
-    INTEGER: 'EQ',
-    DECIMAL: 'EQ',
-    PERCENTAGE: 'EQ',
-    CURRENCY: 'EQ',
-    BOOLEAN: 'IS_TRUE',
-    DATE_ONLY: 'LT',
-    TIME_ONLY: 'LT',
-    DATE_TIME: 'LT',
-    PICKLIST: 'IN'
-};
-const basicFieldMap = {
-    EMAIL: 'TEXT',
-    URL: 'TEXT',
-    PHONE: 'TEXT',
-    INTEGER: 'NUMBER',
-    DECIMAL: 'NUMBER',
-    PERCENTAGE: 'NUMBER',
-    CURRENCY: 'NUMBER',
-    TEXT: 'TEXT',
-    BOOLEAN: 'BOOLEAN',
-    DATE_ONLY: 'DATE_ONLY',
-    TIME_ONLY: 'TIME_ONLY',
-    DATE_TIME: 'DATE_TIME',
-    PICKLIST: 'TEXT'
-};
-const StyledConditionRadioGroup = styled(RadioButtonGroup) `
-  ${StyledGrid} {
-    display: inline-flex;
-  } ;
-`;
-StyledConditionRadioGroup.defaultProps = defaultThemeProp;
-const StyledFieldGroupLegendFn = ({ theme: { base: { palette } } }) => {
-    return css `
-    ${StyledFieldGroupLegend} {
-      border-block-start: 0.0625rem solid ${palette['border-line']};
-      padding-block-start: 0.625rem;
-
-      ${StyledButton} {
-        border-color: transparent;
-        font-weight: initial;
-      }
-    }
-  `;
-};
-const StyledFieldGroup = styled(FieldGroup)(StyledFieldGroupLegendFn);
-StyledFieldGroup.defaultProps = defaultThemeProp;
-const StyledAtomicCondition = styled(AtomicCondition)(StyledFieldGroupLegendFn);
-StyledAtomicCondition.defaultProps = defaultThemeProp;
-const compareValues = (value1, value2) => {
-    // both values are undefined
-    if (!value1 && !value2)
-        return true;
-    // only one value is undefined
-    if (!value1 || !value2)
-        return false;
-    // for strings compare only value
-    if (typeof value1 === 'string') {
-        return value1 === value2;
-    }
-    // for arrays compare length and every value
-    if (value1.length !== value2.length)
-        return false;
-    return value1.every((value, index) => value === value2[index]);
-};
+import { StyledConditionRadioGroup, StyledAtomicCondition, StyledFieldGroup } from './ConditionInput.styles';
+import { basicFieldMap, defaultComparators, compareValues } from './utils';
 const ConditionInput = forwardRef(({ field: fieldProp, condition: conditionProp, label, mode, onChange, flat = false }, ref) => {
     const t = useI18n();
     const { locale } = useConfiguration();

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionInput.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EAGV,QAAQ,EAER,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,MAAM,EAAE,EAAE,GAAG,EAA4B,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EACL,cAAc,EAEd,gBAAgB,EAEhB,OAAO,EACP,KAAK,EACL,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,UAAU,EACV,OAAO,EACP,UAAU,EACV,sBAAsB,EACtB,YAAY,EACZ,SAAS,EACT,SAAS,EACT,aAAa,EACb,gBAAgB,EACjB,MAAM,yBAAyB,CAAC;AAGjC,OAAO,eAAe,EAAE,EAEtB,sBAAsB,EACvB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,eAAe,MAAM,oCAAoC,CAAC;AAEjE,OAAO,aAAa,MAAM,+CAA+C,CAAC;AAI1E,MAAM,kBAAkB,GAA2C;IACjE,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;CACN,CAAC;AAEX,MAAM,aAAa,GAA0C;IAC3D,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,MAAM;CACR,CAAC;AAEX,MAAM,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACtD,UAAU;;;CAGb,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACwB,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;MACN,sBAAsB;4CACgB,OAAO,CAAC,aAAa,CAAC;;;QAG1D,YAAY;;;;;GAKjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,wBAAwB,CAAC,CAAC;AAEtE,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,wBAAwB,CAAC,CAAC;AAEhF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,aAAa,GAAG,CACpB,MAAqC,EACrC,MAAqC,EACrC,EAAE;IACF,4BAA4B;IAC5B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAErC,iCAAiC;IACjC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAM,KAAK,MAAM,CAAC;KAC1B;IAED,4CAA4C;IAC5C,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAElD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACjE,CAAC,CAAC;AAEF,MAAM,cAAc,GAA0D,UAAU,CACtF,CACE,EACE,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,aAAa,EACxB,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,IAAI,GAAG,KAAK,EACyB,EACvC,GAA+B,EAC/B,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,EAAE,MAAM,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAEtC,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,CAAC;IACvD,MAAM,SAAS,GAAG,aAAa,CAAC,SAAS,CAAC,IAAI,SAAS,CAAC;IAExD,MAAM,KAAK,GAAU;QACnB,EAAE,EAAE,SAAS;QACb,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK,IAAI,SAAS;KAC5B,CAAC;IAEF,MAAM,MAAM,GAAmC,CAAC,KAAK,CAAC,CAAC;IAEvD,MAAM,6BAA6B,GAAG,CAAC,KAAwB,EAAiB,EAAE;QAChF,IAAI,QAA8B,CAAC;QACnC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;YAAE,QAAQ,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;;YAClD,QAAQ,GAAG,EAAE,KAAK,EAAE,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;QAE1E,OAAO;YACL,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;YACzB,UAAU,EAAE,kBAAkB,CAAC,SAAS,CAAC;YACzC,GAAG,EAAE,QAAQ;SACd,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,gBAAgB,GACpB,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAEjF,MAAM,SAAS,GACb,aAAa;QACb,CAAC,SAAS,KAAK,SAAS;YACtB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC,sBAAsB,CACpB,EAAE,KAAK,EAAE,SAAS,EAAE,EACpB,MAAM,EACN,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EACpB,gBAAgB,CACjB,CAAC,CAAC;IAET,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAA4B,SAAS,CAAC,CAAC;IAEvF,IAAI,QAAQ,GAAkC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;IAExF,IAAI,SAAS,EAAE,GAAG,EAAE;QAClB,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE;YACnC,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;SAC3C;aAAM,IAAI,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,QAAQ,CAAC,EAAE;YAC3C,QAAQ,GAAG,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;SAC7C;KACF;IAED,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,aAAa,CAAC,QAAQ,CAAC,CAAC;IAC1B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,+CAA+C;QAC/C,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE,UAAU,CAAC,EAAE;YACxC,QAAQ,CAAC,UAAU,CAAC,CAAC,CAAC,6BAA6B,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;SAC9E;IACH,CAAC,CAAC;IAEF,MAAM,mBAAmB,GAAG,CAAC,KAAe,EAAE,EAAE;QAC9C,MAAM,gBAAgB,GACpB,KAAK,KAAK,SAAS;YACjB,CAAC,CAAC,SAAS;YACX,CAAC,CAAC;gBACE,GAAG,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzB,UAAU,EAAE,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU;aAC3C,CAAC;QACR,QAAQ,CAAC,gBAAgB,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACnB,QAAQ,CAAC,SAAS,CAAC,CAAC;QACpB,eAAe,CAAC,SAAS,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,IAAI,KAAK,UAAU,IAAI,SAAS,KAAK,SAAS,IAAI,SAAS,KAAK,UAAU,CAAC;IAEhG,IAAI,cAAc,GAAuB,IAAI,CAAC;IAE9C,MAAM,UAAU,GAAG,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IAE3E,IAAI,CAAC,YAAY,EAAE;QACjB,QAAQ,SAAS,EAAE;YACjB,KAAK,SAAS,CAAC;YACf,KAAK,SAAS,CAAC;YACf,KAAK,YAAY,CAAC;YAClB,KAAK,UAAU;gBACb,cAAc,GAAG,CACf,KAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,UAAU,EAClB,gBAAgB,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,GACzD,CACH,CAAC;gBACF,MAAM;YACR,KAAK,SAAS;gBACZ,cAAc,GAAG,CACf,MAAC,yBAAyB,IACxB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,IAAI,EAAE,SAAS,EACf,MAAM,mBAEN,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,UAAU,CAAC,EACpB,OAAO,EAAE,SAAS,KAAK,SAAS,EAChC,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,EAAE,GACrC,EACF,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,4BAA4B,CAAC,EACtC,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,SAAS,EAC5C,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,CAAC,GACzC,EACF,KAAC,WAAW,IACV,KAAK,EAAE,CAAC,CAAC,6BAA6B,CAAC,EACvC,OAAO,EAAE,SAAS,EAAE,UAAU,KAAK,UAAU,EAC7C,QAAQ,EAAE,GAAG,EAAE,CAAC,mBAAmB,CAAC,KAAK,CAAC,GAC1C,IACwB,CAC7B,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACnE,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;wBAC/B,QAAQ,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBAC5D,CAAC,GACD,CACH,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,IAAI,SAAS,EAC9B,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACnE,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;wBAC/B,QAAQ,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBAC5D,CAAC,GACD,CACH,CAAC;gBACF,MAAM;YACR,KAAK,WAAW;gBACd,cAAc,GAAG,CACf,KAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,gBAAgB,CAAC,EACnE,MAAM,EAAE,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE;wBAC/B,QAAQ,CAAC,6BAA6B,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBAC5D,CAAC,GACD,CACH,CAAC;gBACF,MAAM;YACR,KAAK,UAAU;gBACb,cAAc,GAAG,CACf,KAAC,aAAa,IACZ,IAAI,EAAC,cAAc,EACnB,MAAM,EAAE,UAAU,IAAI,EAAE,EACxB,aAAa,EAAE,SAAS,EACxB,UAAU,EAAE,SAAS,EAAE,UAAU,IAAI,kBAAkB,CAAC,SAAS,CAAC,EAClE,QAAQ,EAAE,KAAK,CAAC,EAAE;wBAChB,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;oBACtD,CAAC,EACD,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EACrB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,EAAE,EACd,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,GACnB,CACH,CAAC;gBACF,MAAM;YACR,KAAK,MAAM,CAAC;YACZ,KAAK,OAAO,CAAC;YACb,KAAK,KAAK,CAAC;YACX,KAAK,OAAO,CAAC;YACb;gBACE,cAAc,GAAG,CACf,KAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,IAAI,EACjB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAgC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC7E,MAAM,EAAE,UAAU,GAClB,CACH,CAAC;gBACF,MAAM;SACT;KACF;IAED,MAAM,MAAM,GAAuE;QACjF,QAAQ,EAAE,eAAe;QACzB,aAAa,EAAE;YACb,SAAS,EACP,YAAY;gBACZ,sBAAsB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC;YAC5E,MAAM;YACN,QAAQ,EAAE,eAAe;YACzB,aAAa,EAAE,QAAQ;YACvB,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC;YACnC,cAAc,EAAE,KAAK;SACtB;QACD,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACtB,eAAe,CAAC,SAAS,CAAC,CAAC;YAC3B,KAAK,EAAE,CAAC;QACV,CAAC;QACD,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;YACrB,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,KAAK,EAAE,CAAC;QACV,CAAC;KACF,CAAC;IAEF,IAAI,IAAI,EAAE;QACR,OAAO,YAAY,CAAC,CAAC,CAAC,CACpB,KAAC,qBAAqB,IACpB,WAAW,QACX,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,EAC9D,SAAS,EACP,YAAY;gBACZ,sBAAsB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAE5E,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAC,OAAO,EACf,aAAa,EAAE,IAAI,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EACnC,cAAc,EAAE,KAAK,GACrB,CACH,CAAC,CAAC,CAAC,CACF,KAAC,gBAAgB,IACf,IAAI,EAAE,KAAK,EACX,WAAW,QACX,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,CAAC,YAE7D,cAAc,GACE,CACpB,CAAC;KACH;IACD,IAAI,YAAY,EAAE;QAChB,OAAO,CACL,KAAC,cAAc,IACb,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EACH,aAAa;gBACX,CAAC,CAAC,eAAe,CAAC,EAAE,SAAS,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE;oBACvD,MAAM;oBACN,OAAO,EAAE,IAAI;iBACd,CAAC;gBACJ,CAAC,CAAC,SAAS,EAEf,WAAW,EAAE,CAAC,CAAC,KAAK,CAAC,EACrB,GAAG,EAAE,GAAG,GACR,CACH,CAAC;KACH;IACD,OAAO,cAAc,CAAC;AACxB,CAAC,CACF,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useEffect\n} from 'react';\nimport styled, { css, DefaultTheme, ThemeProps } from 'styled-components';\n\nimport {\n  CompositeInput,\n  CompositeInputProps,\n  defaultThemeProp,\n  ForwardProps,\n  hasProp,\n  Input,\n  NumberInput,\n  RadioButton,\n  RadioButtonGroup,\n  StyledGrid,\n  useI18n,\n  FieldGroup,\n  StyledFieldGroupLegend,\n  StyledButton,\n  DateInput,\n  TimeInput,\n  DateTimeInput,\n  useConfiguration\n} from '@pega/cosmos-react-core';\n\nimport type { Comparator, ComparatorsByType, FieldType } from '../ConditionBuilder/core/types';\nimport AtomicCondition, {\n  AtomicConditionProps,\n  getInitConditionForLhs\n} from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport type { Field, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';\n\nimport type { ConditionFieldType, ConditionInputProps } from './ConditionInput.types';\n\nconst defaultComparators: Record<ConditionFieldType, Comparator> = {\n  TEXT: 'CONTAINS',\n  EMAIL: 'CONTAINS',\n  URL: 'CONTAINS',\n  PHONE: 'CONTAINS',\n  INTEGER: 'EQ',\n  DECIMAL: 'EQ',\n  PERCENTAGE: 'EQ',\n  CURRENCY: 'EQ',\n  BOOLEAN: 'IS_TRUE',\n  DATE_ONLY: 'LT',\n  TIME_ONLY: 'LT',\n  DATE_TIME: 'LT',\n  PICKLIST: 'IN'\n} as const;\n\nconst basicFieldMap: Record<ConditionFieldType, FieldType> = {\n  EMAIL: 'TEXT',\n  URL: 'TEXT',\n  PHONE: 'TEXT',\n  INTEGER: 'NUMBER',\n  DECIMAL: 'NUMBER',\n  PERCENTAGE: 'NUMBER',\n  CURRENCY: 'NUMBER',\n  TEXT: 'TEXT',\n  BOOLEAN: 'BOOLEAN',\n  DATE_ONLY: 'DATE_ONLY',\n  TIME_ONLY: 'TIME_ONLY',\n  DATE_TIME: 'DATE_TIME',\n  PICKLIST: 'TEXT'\n} as const;\n\nconst StyledConditionRadioGroup = styled(RadioButtonGroup)`\n  ${StyledGrid} {\n    display: inline-flex;\n  } ;\n`;\n\nStyledConditionRadioGroup.defaultProps = defaultThemeProp;\n\nconst StyledFieldGroupLegendFn = ({\n  theme: {\n    base: { palette }\n  }\n}: ThemeProps<DefaultTheme>) => {\n  return css`\n    ${StyledFieldGroupLegend} {\n      border-block-start: 0.0625rem solid ${palette['border-line']};\n      padding-block-start: 0.625rem;\n\n      ${StyledButton} {\n        border-color: transparent;\n        font-weight: initial;\n      }\n    }\n  `;\n};\n\nconst StyledFieldGroup = styled(FieldGroup)(StyledFieldGroupLegendFn);\n\nStyledFieldGroup.defaultProps = defaultThemeProp;\n\nconst StyledAtomicCondition = styled(AtomicCondition)(StyledFieldGroupLegendFn);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n\nconst compareValues = (\n  value1: string | string[] | undefined,\n  value2: string | string[] | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  // for strings compare only value\n  if (typeof value1 === 'string') {\n    return value1 === value2;\n  }\n\n  // for arrays compare length and every value\n  if (value1.length !== value2.length) return false;\n\n  return value1.every((value, index) => value === value2[index]);\n};\n\nconst ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps> = forwardRef(\n  (\n    {\n      field: fieldProp,\n      condition: conditionProp,\n      label,\n      mode,\n      onChange,\n      flat = false\n    }: PropsWithoutRef<ConditionInputProps>,\n    ref: ConditionInputProps['ref']\n  ) => {\n    const t = useI18n();\n    const { locale } = useConfiguration();\n\n    const { name: fieldName, type: fieldType } = fieldProp;\n    const basicType = basicFieldMap[fieldType] ?? fieldType;\n\n    const field: Field = {\n      id: fieldName,\n      type: basicType,\n      primary: label || fieldName\n    };\n\n    const fields: AtomicConditionProps['fields'] = [field];\n\n    const createConditionForDefaultMode = (value: string | string[]): LeafCondition => {\n      let valueObj: LeafCondition['rhs'];\n      if (Array.isArray(value)) valueObj = { values: value };\n      else valueObj = { value: basicType === 'NUMBER' ? Number(value) : value };\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        rhs: valueObj\n      };\n    };\n\n    const validComparators: ComparatorsByType[] | undefined =\n      fieldType === 'PICKLIST' ? [{ type: 'TEXT', comparators: ['IN'] }] : undefined;\n\n    const condition =\n      conditionProp ??\n      (fieldType === 'BOOLEAN'\n        ? undefined\n        : getInitConditionForLhs(\n            { field: fieldName },\n            fields,\n            new Set(['LITERAL']),\n            validComparators\n          ));\n\n    const [newCondition, setNewCondition] = useState<LeafCondition | undefined>(condition);\n\n    let rhsValue: string | string[] | undefined = fieldType === 'PICKLIST' ? [] : undefined;\n\n    if (condition?.rhs) {\n      if (hasProp(condition.rhs, 'value')) {\n        rhsValue = condition.rhs.value.toString();\n      } else if (hasProp(condition.rhs, 'values')) {\n        rhsValue = condition.rhs.values.map(String);\n      }\n    }\n\n    const [inputValue, setInputValue] = useState(rhsValue);\n\n    useEffect(() => {\n      setNewCondition(condition);\n      setInputValue(rhsValue);\n    }, [conditionProp]);\n\n    const handleBlur = () => {\n      // trigger onChange only when value has changed\n      if (!compareValues(rhsValue, inputValue)) {\n        onChange(inputValue ? createConditionForDefaultMode(inputValue) : undefined);\n      }\n    };\n\n    const onRadioButtonChange = (value?: boolean) => {\n      const updatedCondition: LeafCondition | undefined =\n        value === undefined\n          ? undefined\n          : {\n              lhs: { field: fieldName },\n              comparator: value ? 'IS_TRUE' : 'IS_FALSE'\n            };\n      onChange(updatedCondition);\n    };\n\n    const onClear = () => {\n      onChange(undefined);\n      setNewCondition(condition);\n    };\n\n    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN' && fieldType !== 'PICKLIST';\n\n    let defaultControl: JSX.Element | null = null;\n\n    const valueToSet = typeof inputValue === 'string' ? inputValue : undefined;\n\n    if (!showAdvanced) {\n      switch (fieldType) {\n        case 'INTEGER':\n        case 'DECIMAL':\n        case 'PERCENTAGE':\n        case 'CURRENCY':\n          defaultControl = (\n            <NumberInput\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={valueToSet}\n              onChange={setInputValue}\n              onBlur={handleBlur}\n              numberOfDecimals={fieldType === 'INTEGER' ? 0 : undefined}\n            />\n          );\n          break;\n        case 'BOOLEAN':\n          defaultControl = (\n            <StyledConditionRadioGroup\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              name={fieldName}\n              inline\n            >\n              <RadioButton\n                label={t('show_all')}\n                checked={condition === undefined}\n                onChange={() => onRadioButtonChange()}\n              />\n              <RadioButton\n                label={t('boolean_display_true_label')}\n                checked={condition?.comparator === 'IS_TRUE'}\n                onChange={() => onRadioButtonChange(true)}\n              />\n              <RadioButton\n                label={t('boolean_display_false_label')}\n                checked={condition?.comparator === 'IS_FALSE'}\n                onChange={() => onRadioButtonChange(false)}\n              />\n            </StyledConditionRadioGroup>\n          );\n          break;\n        case 'DATE_ONLY':\n          defaultControl = (\n            <DateInput\n              label={label}\n              ref={ref}\n              value={valueToSet}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'TIME_ONLY':\n          defaultControl = (\n            <TimeInput\n              label={label}\n              ref={ref}\n              value={valueToSet || undefined}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'DATE_TIME':\n          defaultControl = (\n            <DateTimeInput\n              label={label}\n              ref={ref}\n              value={valueToSet}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'PICKLIST':\n          defaultControl = (\n            <ValueSelector\n              mode='multi-select'\n              values={inputValue ?? []}\n              selectedField={fieldProp}\n              comparator={condition?.comparator ?? defaultComparators[fieldType]}\n              onChange={value => {\n                setInputValue(value.length > 0 ? value : undefined);\n              }}\n              onBlur={handleBlur}\n              onClear={onClear}\n              placeholder={t('all')}\n              label={label}\n              parameters={[]}\n              rhs={{ values: [] }}\n            />\n          );\n          break;\n        case 'TEXT':\n        case 'EMAIL':\n        case 'URL':\n        case 'PHONE':\n        default:\n          defaultControl = (\n            <Input\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={valueToSet}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}\n              onBlur={handleBlur}\n            />\n          );\n          break;\n      }\n    }\n\n    const dialog: CompositeInputProps<AtomicConditionProps & ForwardProps>['dialog'] = {\n      renderer: AtomicCondition,\n      rendererProps: {\n        condition:\n          newCondition ??\n          getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),\n        fields,\n        onChange: setNewCondition,\n        itemDirection: 'column',\n        lhsMode: 'hidden',\n        validRhsTypes: new Set(['LITERAL']),\n        indicateErrors: false\n      },\n      onCancel: ({ close }) => {\n        setNewCondition(condition);\n        close();\n      },\n      onApply: ({ close }) => {\n        onChange(newCondition);\n        close();\n      }\n    };\n\n    if (flat) {\n      return showAdvanced ? (\n        <StyledAtomicCondition\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: onClear }]}\n          condition={\n            newCondition ??\n            getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL']))\n          }\n          onChange={onChange}\n          fields={fields}\n          itemDirection='column'\n          lhsMode='label'\n          validRhsTypes={new Set(['LITERAL'])}\n          indicateErrors={false}\n        />\n      ) : (\n        <StyledFieldGroup\n          name={label}\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: onClear }]}\n        >\n          {defaultControl}\n        </StyledFieldGroup>\n      );\n    }\n    if (showAdvanced) {\n      return (\n        <CompositeInput\n          dialog={dialog}\n          label={label}\n          onClear={onClear}\n          value={\n            conditionProp\n              ? formatCondition({ condition: conditionProp }, fields, t, {\n                  locale,\n                  omitLhs: true\n                })\n              : undefined\n          }\n          placeholder={t('all')}\n          ref={ref}\n        />\n      );\n    }\n    return defaultControl;\n  }\n);\n\nexport default ConditionInput;\n"]}
+{"version":3,"file":"ConditionInput.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useState,\n  ChangeEvent,\n  useEffect\n} from 'react';\n\nimport {\n  CompositeInput,\n  CompositeInputProps,\n  ForwardProps,\n  hasProp,\n  Input,\n  NumberInput,\n  RadioButton,\n  useI18n,\n  DateInput,\n  TimeInput,\n  DateTimeInput,\n  useConfiguration\n} from '@pega/cosmos-react-core';\n\nimport type { ComparatorsByType } from '../ConditionBuilder/core/types';\nimport AtomicCondition, {\n  AtomicConditionProps,\n  getInitConditionForLhs\n} from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport type { Field, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport ValueSelector from '../ConditionBuilder/RhsControls/ValueSelector';\n\nimport type { ConditionInputProps } from './ConditionInput.types';\nimport {\n  StyledConditionRadioGroup,\n  StyledAtomicCondition,\n  StyledFieldGroup\n} from './ConditionInput.styles';\nimport { basicFieldMap, defaultComparators, compareValues } from './utils';\n\nconst ConditionInput: FunctionComponent<ConditionInputProps & ForwardProps> = forwardRef(\n  (\n    {\n      field: fieldProp,\n      condition: conditionProp,\n      label,\n      mode,\n      onChange,\n      flat = false\n    }: PropsWithoutRef<ConditionInputProps>,\n    ref: ConditionInputProps['ref']\n  ) => {\n    const t = useI18n();\n    const { locale } = useConfiguration();\n\n    const { name: fieldName, type: fieldType } = fieldProp;\n    const basicType = basicFieldMap[fieldType] ?? fieldType;\n\n    const field: Field = {\n      id: fieldName,\n      type: basicType,\n      primary: label || fieldName\n    };\n\n    const fields: AtomicConditionProps['fields'] = [field];\n\n    const createConditionForDefaultMode = (value: string | string[]): LeafCondition => {\n      let valueObj: LeafCondition['rhs'];\n      if (Array.isArray(value)) valueObj = { values: value };\n      else valueObj = { value: basicType === 'NUMBER' ? Number(value) : value };\n\n      return {\n        lhs: { field: fieldName },\n        comparator: defaultComparators[fieldType],\n        rhs: valueObj\n      };\n    };\n\n    const validComparators: ComparatorsByType[] | undefined =\n      fieldType === 'PICKLIST' ? [{ type: 'TEXT', comparators: ['IN'] }] : undefined;\n\n    const condition =\n      conditionProp ??\n      (fieldType === 'BOOLEAN'\n        ? undefined\n        : getInitConditionForLhs(\n            { field: fieldName },\n            fields,\n            new Set(['LITERAL']),\n            validComparators\n          ));\n\n    const [newCondition, setNewCondition] = useState<LeafCondition | undefined>(condition);\n\n    let rhsValue: string | string[] | undefined = fieldType === 'PICKLIST' ? [] : undefined;\n\n    if (condition?.rhs) {\n      if (hasProp(condition.rhs, 'value')) {\n        rhsValue = condition.rhs.value.toString();\n      } else if (hasProp(condition.rhs, 'values')) {\n        rhsValue = condition.rhs.values.map(String);\n      }\n    }\n\n    const [inputValue, setInputValue] = useState(rhsValue);\n\n    useEffect(() => {\n      setNewCondition(condition);\n      setInputValue(rhsValue);\n    }, [conditionProp]);\n\n    const handleBlur = () => {\n      // trigger onChange only when value has changed\n      if (!compareValues(rhsValue, inputValue)) {\n        onChange(inputValue ? createConditionForDefaultMode(inputValue) : undefined);\n      }\n    };\n\n    const onRadioButtonChange = (value?: boolean) => {\n      const updatedCondition: LeafCondition | undefined =\n        value === undefined\n          ? undefined\n          : {\n              lhs: { field: fieldName },\n              comparator: value ? 'IS_TRUE' : 'IS_FALSE'\n            };\n      onChange(updatedCondition);\n    };\n\n    const onClear = () => {\n      onChange(undefined);\n      setNewCondition(condition);\n    };\n\n    const showAdvanced = mode === 'advanced' && fieldType !== 'BOOLEAN' && fieldType !== 'PICKLIST';\n\n    let defaultControl: JSX.Element | null = null;\n\n    const valueToSet = typeof inputValue === 'string' ? inputValue : undefined;\n\n    if (!showAdvanced) {\n      switch (fieldType) {\n        case 'INTEGER':\n        case 'DECIMAL':\n        case 'PERCENTAGE':\n        case 'CURRENCY':\n          defaultControl = (\n            <NumberInput\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={valueToSet}\n              onChange={setInputValue}\n              onBlur={handleBlur}\n              numberOfDecimals={fieldType === 'INTEGER' ? 0 : undefined}\n            />\n          );\n          break;\n        case 'BOOLEAN':\n          defaultControl = (\n            <StyledConditionRadioGroup\n              ref={ref}\n              label={label}\n              labelHidden={flat}\n              name={fieldName}\n              inline\n            >\n              <RadioButton\n                label={t('show_all')}\n                checked={condition === undefined}\n                onChange={() => onRadioButtonChange()}\n              />\n              <RadioButton\n                label={t('boolean_display_true_label')}\n                checked={condition?.comparator === 'IS_TRUE'}\n                onChange={() => onRadioButtonChange(true)}\n              />\n              <RadioButton\n                label={t('boolean_display_false_label')}\n                checked={condition?.comparator === 'IS_FALSE'}\n                onChange={() => onRadioButtonChange(false)}\n              />\n            </StyledConditionRadioGroup>\n          );\n          break;\n        case 'DATE_ONLY':\n          defaultControl = (\n            <DateInput\n              label={label}\n              ref={ref}\n              value={valueToSet}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'TIME_ONLY':\n          defaultControl = (\n            <TimeInput\n              label={label}\n              ref={ref}\n              value={valueToSet || undefined}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'DATE_TIME':\n          defaultControl = (\n            <DateTimeInput\n              label={label}\n              ref={ref}\n              value={valueToSet}\n              onChange={({ valueAsISOString }) => setInputValue(valueAsISOString)}\n              onBlur={({ valueAsISOString }) => {\n                onChange(createConditionForDefaultMode(valueAsISOString));\n              }}\n            />\n          );\n          break;\n        case 'PICKLIST':\n          defaultControl = (\n            <ValueSelector\n              mode='multi-select'\n              values={inputValue ?? []}\n              selectedField={fieldProp}\n              comparator={condition?.comparator ?? defaultComparators[fieldType]}\n              onChange={value => {\n                setInputValue(value.length > 0 ? value : undefined);\n              }}\n              onBlur={handleBlur}\n              onClear={onClear}\n              placeholder={t('all')}\n              label={label}\n              parameters={[]}\n              rhs={{ values: [] }}\n            />\n          );\n          break;\n        case 'TEXT':\n        case 'EMAIL':\n        case 'URL':\n        case 'PHONE':\n        default:\n          defaultControl = (\n            <Input\n              label={label}\n              labelHidden={flat}\n              ref={ref}\n              value={valueToSet}\n              onChange={(e: ChangeEvent<HTMLInputElement>) => setInputValue(e.target.value)}\n              onBlur={handleBlur}\n            />\n          );\n          break;\n      }\n    }\n\n    const dialog: CompositeInputProps<AtomicConditionProps & ForwardProps>['dialog'] = {\n      renderer: AtomicCondition,\n      rendererProps: {\n        condition:\n          newCondition ??\n          getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL'])),\n        fields,\n        onChange: setNewCondition,\n        itemDirection: 'column',\n        lhsMode: 'hidden',\n        validRhsTypes: new Set(['LITERAL']),\n        indicateErrors: false\n      },\n      onCancel: ({ close }) => {\n        setNewCondition(condition);\n        close();\n      },\n      onApply: ({ close }) => {\n        onChange(newCondition);\n        close();\n      }\n    };\n\n    if (flat) {\n      return showAdvanced ? (\n        <StyledAtomicCondition\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: onClear }]}\n          condition={\n            newCondition ??\n            getInitConditionForLhs({ field: fieldName }, fields, new Set(['LITERAL']))\n          }\n          onChange={onChange}\n          fields={fields}\n          itemDirection='column'\n          lhsMode='label'\n          validRhsTypes={new Set(['LITERAL'])}\n          indicateErrors={false}\n        />\n      ) : (\n        <StyledFieldGroup\n          name={label}\n          collapsible\n          actions={[{ id: 'clear', text: t('clear'), onClick: onClear }]}\n        >\n          {defaultControl}\n        </StyledFieldGroup>\n      );\n    }\n\n    if (showAdvanced) {\n      return (\n        <CompositeInput\n          dialog={dialog}\n          label={label}\n          onClear={onClear}\n          value={\n            conditionProp\n              ? formatCondition({ condition: conditionProp }, fields, t, {\n                  locale,\n                  omitLhs: true\n                })\n              : undefined\n          }\n          placeholder={t('all')}\n          ref={ref}\n        />\n      );\n    }\n\n    return defaultControl;\n  }\n);\n\nexport default ConditionInput;\n"]}

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

@@ -0,0 +1,5 @@
+import { DefaultTheme } from 'styled-components';
+export declare const StyledConditionRadioGroup: import("styled-components").StyledComponent<import("react").FC<import("@pega/cosmos-react-core").RadioCheckGroupProps & import("@pega/cosmos-react-core").ForwardProps>, DefaultTheme, {}, never>;
+export declare const StyledFieldGroup: import("styled-components").StyledComponent<import("react").FunctionComponent<import("@pega/cosmos-react-core").FieldGroupProps & import("@pega/cosmos-react-core").ForwardProps>, DefaultTheme, {}, never>;
+export declare const StyledAtomicCondition: import("styled-components").StyledComponent<import("react").FunctionComponent<import("../ConditionBuilder/AtomicCondition").AtomicConditionProps & import("@pega/cosmos-react-core").ForwardProps>, DefaultTheme, {}, never>;
+//# sourceMappingURL=ConditionInput.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.styles.ts"],"names":[],"mappings":"AAAA,OAAe,EAAc,YAAY,EAAO,MAAM,mBAAmB,CAAC;AAa1E,eAAO,MAAM,yBAAyB,mMAIrC,CAAC;AAsBF,eAAO,MAAM,gBAAgB,6MAA+C,CAAC;AAI7E,eAAO,MAAM,qBAAqB,8NAAoD,CAAC"}

package/lib/components/ConditionInput/ConditionInput.styles.js

@@ -0,0 +1,27 @@
+import styled, { css } from 'styled-components';
+import { RadioButtonGroup, StyledGrid, defaultThemeProp, StyledFieldGroupLegend, StyledButton, FieldGroup } from '@pega/cosmos-react-core';
+import { AtomicCondition } from '../ConditionBuilder';
+export const StyledConditionRadioGroup = styled(RadioButtonGroup) `
+  ${StyledGrid} {
+    display: inline-flex;
+  } ;
+`;
+StyledConditionRadioGroup.defaultProps = defaultThemeProp;
+const StyledFieldGroupLegendFn = ({ theme: { base: { palette } } }) => {
+    return css `
+    ${StyledFieldGroupLegend} {
+      border-block-start: 0.0625rem solid ${palette['border-line']};
+      padding-block-start: 0.625rem;
+
+      ${StyledButton} {
+        border-color: transparent;
+        font-weight: initial;
+      }
+    }
+  `;
+};
+export const StyledFieldGroup = styled(FieldGroup)(StyledFieldGroupLegendFn);
+StyledFieldGroup.defaultProps = defaultThemeProp;
+export const StyledAtomicCondition = styled(AtomicCondition)(StyledFieldGroupLegendFn);
+StyledAtomicCondition.defaultProps = defaultThemeProp;
+//# sourceMappingURL=ConditionInput.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionInput.styles.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAA4B,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAE1E,OAAO,EACL,gBAAgB,EAChB,UAAU,EACV,gBAAgB,EAChB,sBAAsB,EACtB,YAAY,EACZ,UAAU,EACX,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEtD,MAAM,CAAC,MAAM,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAC7D,UAAU;;;CAGb,CAAC;AAEF,yBAAyB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE1D,MAAM,wBAAwB,GAAG,CAAC,EAChC,KAAK,EAAE,EACL,IAAI,EAAE,EAAE,OAAO,EAAE,EAClB,EACwB,EAAE,EAAE;IAC7B,OAAO,GAAG,CAAA;MACN,sBAAsB;4CACgB,OAAO,CAAC,aAAa,CAAC;;;QAG1D,YAAY;;;;;GAKjB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,wBAAwB,CAAC,CAAC;AAE7E,gBAAgB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEjD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC,wBAAwB,CAAC,CAAC;AAEvF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { ThemeProps, DefaultTheme, css } from 'styled-components';\n\nimport {\n  RadioButtonGroup,\n  StyledGrid,\n  defaultThemeProp,\n  StyledFieldGroupLegend,\n  StyledButton,\n  FieldGroup\n} from '@pega/cosmos-react-core';\n\nimport { AtomicCondition } from '../ConditionBuilder';\n\nexport const StyledConditionRadioGroup = styled(RadioButtonGroup)`\n  ${StyledGrid} {\n    display: inline-flex;\n  } ;\n`;\n\nStyledConditionRadioGroup.defaultProps = defaultThemeProp;\n\nconst StyledFieldGroupLegendFn = ({\n  theme: {\n    base: { palette }\n  }\n}: ThemeProps<DefaultTheme>) => {\n  return css`\n    ${StyledFieldGroupLegend} {\n      border-block-start: 0.0625rem solid ${palette['border-line']};\n      padding-block-start: 0.625rem;\n\n      ${StyledButton} {\n        border-color: transparent;\n        font-weight: initial;\n      }\n    }\n  `;\n};\n\nexport const StyledFieldGroup = styled(FieldGroup)(StyledFieldGroupLegendFn);\n\nStyledFieldGroup.defaultProps = defaultThemeProp;\n\nexport const StyledAtomicCondition = styled(AtomicCondition)(StyledFieldGroupLegendFn);\n\nStyledAtomicCondition.defaultProps = defaultThemeProp;\n"]}

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

@@ -9,7 +9,7 @@ export interface ConditionField {
     /** List of possible field values */
     possibleValues?: ValueSelection<ConditionField>;
 }
-export declare type ConditionInputMode = 'default' | 'advanced';
+export declare type ConditionInputMode = 'default' | 'advanced' | 'predefined';
 export interface ConditionInputProps {
     /** Definition of the field the condition is created for. */
     field: ConditionField;

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEzE,oBAAY,kBAAkB,GAC1B,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,EAAE,kBAAkB,CAAC;IACzB,oCAAoC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,oBAAY,kBAAkB,GAAG,SAAS,GAAG,UAAU,CAAC;AAExD,MAAM,WAAW,mBAAmB;IAClC,4DAA4D;IAC5D,KAAK,EAAE,cAAc,CAAC;IACtB,uEAAuE;IACvE,IAAI,EAAE,kBAAkB,CAAC;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}
+{"version":3,"file":"ConditionInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAEzE,oBAAY,kBAAkB,GAC1B,MAAM,GACN,OAAO,GACP,KAAK,GACL,OAAO,GACP,SAAS,GACT,SAAS,GACT,YAAY,GACZ,SAAS,GACT,UAAU,GACV,WAAW,GACX,WAAW,GACX,WAAW,GACX,UAAU,CAAC;AAEf,MAAM,WAAW,cAAc;IAC7B,+BAA+B;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,yBAAyB;IACzB,IAAI,EAAE,kBAAkB,CAAC;IACzB,oCAAoC;IACpC,cAAc,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CACjD;AAED,oBAAY,kBAAkB,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAC;AAEvE,MAAM,WAAW,mBAAmB;IAClC,4DAA4D;IAC5D,KAAK,EAAE,cAAc,CAAC;IACtB,uEAAuE;IACvE,IAAI,EAAE,kBAAkB,CAAC;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,wDAAwD;IACxD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,sCAAsC;IACtC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAC;IAC5B,qEAAqE;IACrE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB"}

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

@@ -1 +1 @@
-{"version":3,"file":"ConditionInput.types.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport type { LeafCondition, ValueSelection } from '../ConditionBuilder';\n\nexport type ConditionFieldType =\n  | 'TEXT'\n  | 'EMAIL'\n  | 'URL'\n  | 'PHONE'\n  | 'INTEGER'\n  | 'DECIMAL'\n  | 'PERCENTAGE'\n  | 'BOOLEAN'\n  | 'CURRENCY'\n  | 'DATE_ONLY'\n  | 'TIME_ONLY'\n  | 'DATE_TIME'\n  | 'PICKLIST';\n\nexport interface ConditionField {\n  /** Unique field identifier. */\n  name: string;\n  /** Type of the field. */\n  type: ConditionFieldType;\n  /** List of possible field values */\n  possibleValues?: ValueSelection<ConditionField>;\n}\n\nexport type ConditionInputMode = 'default' | 'advanced';\n\nexport interface ConditionInputProps {\n  /** Definition of the field the condition is created for. */\n  field: ConditionField;\n  /** Display mode. Either with default comparator or the full-fledged */\n  mode: ConditionInputMode;\n  /** Label for the input. */\n  label?: string;\n  /** Condition value. */\n  condition?: LeafCondition;\n  /** Callback invoked when user changes the condition. */\n  onChange: (condition?: LeafCondition) => void;\n  /** Reference to the input element. */\n  ref?: Ref<HTMLInputElement>;\n  /** Whether advanced view should be wrapped in popup or just flat. */\n  flat?: boolean;\n}\n"]}
+{"version":3,"file":"ConditionInput.types.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/ConditionInput.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport type { LeafCondition, ValueSelection } from '../ConditionBuilder';\n\nexport type ConditionFieldType =\n  | 'TEXT'\n  | 'EMAIL'\n  | 'URL'\n  | 'PHONE'\n  | 'INTEGER'\n  | 'DECIMAL'\n  | 'PERCENTAGE'\n  | 'BOOLEAN'\n  | 'CURRENCY'\n  | 'DATE_ONLY'\n  | 'TIME_ONLY'\n  | 'DATE_TIME'\n  | 'PICKLIST';\n\nexport interface ConditionField {\n  /** Unique field identifier. */\n  name: string;\n  /** Type of the field. */\n  type: ConditionFieldType;\n  /** List of possible field values */\n  possibleValues?: ValueSelection<ConditionField>;\n}\n\nexport type ConditionInputMode = 'default' | 'advanced' | 'predefined';\n\nexport interface ConditionInputProps {\n  /** Definition of the field the condition is created for. */\n  field: ConditionField;\n  /** Display mode. Either with default comparator or the full-fledged */\n  mode: ConditionInputMode;\n  /** Label for the input. */\n  label?: string;\n  /** Condition value. */\n  condition?: LeafCondition;\n  /** Callback invoked when user changes the condition. */\n  onChange: (condition?: LeafCondition) => void;\n  /** Reference to the input element. */\n  ref?: Ref<HTMLInputElement>;\n  /** Whether advanced view should be wrapped in popup or just flat. */\n  flat?: boolean;\n}\n"]}

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

@@ -0,0 +1,6 @@
+import type { Comparator, FieldType } from '../ConditionBuilder/core/types';
+import type { ConditionFieldType } from './ConditionInput.types';
+export declare const defaultComparators: Record<ConditionFieldType, Comparator>;
+export declare const basicFieldMap: Record<ConditionFieldType, FieldType>;
+export declare const compareValues: (value1: string | string[] | undefined, value2: string | string[] | undefined) => boolean;
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAE5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,kBAAkB,EAAE,UAAU,CAc5D,CAAC;AAEX,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,kBAAkB,EAAE,SAAS,CActD,CAAC;AAEX,eAAO,MAAM,aAAa,WAChB,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,UAC7B,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS,YAiBtC,CAAC"}

package/lib/components/ConditionInput/utils.js

@@ -0,0 +1,47 @@
+export const defaultComparators = {
+    TEXT: 'CONTAINS',
+    EMAIL: 'CONTAINS',
+    URL: 'CONTAINS',
+    PHONE: 'CONTAINS',
+    INTEGER: 'EQ',
+    DECIMAL: 'EQ',
+    PERCENTAGE: 'EQ',
+    CURRENCY: 'EQ',
+    BOOLEAN: 'IS_TRUE',
+    DATE_ONLY: 'LT',
+    TIME_ONLY: 'LT',
+    DATE_TIME: 'LT',
+    PICKLIST: 'IN'
+};
+export const basicFieldMap = {
+    EMAIL: 'TEXT',
+    URL: 'TEXT',
+    PHONE: 'TEXT',
+    INTEGER: 'NUMBER',
+    DECIMAL: 'NUMBER',
+    PERCENTAGE: 'NUMBER',
+    CURRENCY: 'NUMBER',
+    TEXT: 'TEXT',
+    BOOLEAN: 'BOOLEAN',
+    DATE_ONLY: 'DATE_ONLY',
+    TIME_ONLY: 'TIME_ONLY',
+    DATE_TIME: 'DATE_TIME',
+    PICKLIST: 'TEXT'
+};
+export const compareValues = (value1, value2) => {
+    // both values are undefined
+    if (!value1 && !value2)
+        return true;
+    // only one value is undefined
+    if (!value1 || !value2)
+        return false;
+    // for strings compare only value
+    if (typeof value1 === 'string') {
+        return value1 === value2;
+    }
+    // for arrays compare length and every value
+    if (value1.length !== value2.length)
+        return false;
+    return value1.every((value, index) => value === value2[index]);
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/ConditionInput/utils.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,kBAAkB,GAA2C;IACxE,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,UAAU;IACjB,GAAG,EAAE,UAAU;IACf,KAAK,EAAE,UAAU;IACjB,OAAO,EAAE,IAAI;IACb,OAAO,EAAE,IAAI;IACb,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,SAAS,EAAE,IAAI;IACf,QAAQ,EAAE,IAAI;CACN,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAA0C;IAClE,KAAK,EAAE,MAAM;IACb,GAAG,EAAE,MAAM;IACX,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,QAAQ;IACjB,OAAO,EAAE,QAAQ;IACjB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,QAAQ;IAClB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,MAAM;CACR,CAAC;AAEX,MAAM,CAAC,MAAM,aAAa,GAAG,CAC3B,MAAqC,EACrC,MAAqC,EACrC,EAAE;IACF,4BAA4B;IAC5B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEpC,8BAA8B;IAC9B,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAErC,iCAAiC;IACjC,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;QAC9B,OAAO,MAAM,KAAK,MAAM,CAAC;KAC1B;IAED,4CAA4C;IAC5C,IAAI,MAAM,CAAC,MAAM,KAAK,MAAM,CAAC,MAAM;QAAE,OAAO,KAAK,CAAC;IAElD,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;AACjE,CAAC,CAAC","sourcesContent":["import type { Comparator, FieldType } from '../ConditionBuilder/core/types';\n\nimport type { ConditionFieldType } from './ConditionInput.types';\n\nexport const defaultComparators: Record<ConditionFieldType, Comparator> = {\n  TEXT: 'CONTAINS',\n  EMAIL: 'CONTAINS',\n  URL: 'CONTAINS',\n  PHONE: 'CONTAINS',\n  INTEGER: 'EQ',\n  DECIMAL: 'EQ',\n  PERCENTAGE: 'EQ',\n  CURRENCY: 'EQ',\n  BOOLEAN: 'IS_TRUE',\n  DATE_ONLY: 'LT',\n  TIME_ONLY: 'LT',\n  DATE_TIME: 'LT',\n  PICKLIST: 'IN'\n} as const;\n\nexport const basicFieldMap: Record<ConditionFieldType, FieldType> = {\n  EMAIL: 'TEXT',\n  URL: 'TEXT',\n  PHONE: 'TEXT',\n  INTEGER: 'NUMBER',\n  DECIMAL: 'NUMBER',\n  PERCENTAGE: 'NUMBER',\n  CURRENCY: 'NUMBER',\n  TEXT: 'TEXT',\n  BOOLEAN: 'BOOLEAN',\n  DATE_ONLY: 'DATE_ONLY',\n  TIME_ONLY: 'TIME_ONLY',\n  DATE_TIME: 'DATE_TIME',\n  PICKLIST: 'TEXT'\n} as const;\n\nexport const compareValues = (\n  value1: string | string[] | undefined,\n  value2: string | string[] | undefined\n) => {\n  // both values are undefined\n  if (!value1 && !value2) return true;\n\n  // only one value is undefined\n  if (!value1 || !value2) return false;\n\n  // for strings compare only value\n  if (typeof value1 === 'string') {\n    return value1 === value2;\n  }\n\n  // for arrays compare length and every value\n  if (value1.length !== value2.length) return false;\n\n  return value1.every((value, index) => value === value2[index]);\n};\n"]}

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

@@ -0,0 +1,31 @@
+import { FunctionComponent } from 'react';
+import { BaseProps, NoChildrenProp, ComboBoxProps, ForwardProps } from '@pega/cosmos-react-core';
+import { AtomicConditionProps } from '../ConditionBuilder/AtomicCondition';
+import { LeafCondition } from '../ConditionBuilder';
+interface ConditionSelectorProps extends BaseProps, NoChildrenProp {
+    /** Callback for onChange */
+    onChange: (condition?: LeafCondition) => void;
+    /** Callback for clear */
+    onClear?: () => void;
+    /** Used to indicate any errors on the control */
+    status?: 'error';
+    /** Custom label for input. Makes label visible if provided. */
+    label?: ComboBoxProps['label'];
+    /** Visually hides the label region. */
+    labelHidden?: ComboBoxProps['labelHidden'];
+    /** Guidance text that apppears below the input. */
+    info?: ComboBoxProps['info'];
+    /** Definition of the field the condition is created for. */
+    fields: AtomicConditionProps['fields'];
+    /** List of possible predefined Conditions */
+    conditions: {
+        id: string;
+        value: LeafCondition;
+        label?: string;
+    }[];
+    /** Currently selected condition. */
+    condition?: LeafCondition;
+}
+declare const ConditionSelector: FunctionComponent<ConditionSelectorProps & ForwardProps>;
+export default ConditionSelector;
+//# sourceMappingURL=ConditionSelector.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionSelector.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAmB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAEL,SAAS,EAET,cAAc,EACd,aAAa,EAKb,YAAY,EAGb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAE3E,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU,sBAAuB,SAAQ,SAAS,EAAE,cAAc;IAChE,4BAA4B;IAC5B,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iDAAiD;IACjD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,+DAA+D;IAC/D,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC/B,uCAAuC;IACvC,WAAW,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC3C,mDAAmD;IACnD,IAAI,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC7B,4DAA4D;IAC5D,MAAM,EAAE,oBAAoB,CAAC,QAAQ,CAAC,CAAC;IACvC,6CAA6C;IAC7C,UAAU,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACnE,oCAAoC;IACpC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B;AAmCD,QAAA,MAAM,iBAAiB,EAAE,iBAAiB,CAAC,sBAAsB,GAAG,YAAY,CAkF/E,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/PromotedFilters/ConditionSelector.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo, useRef } from 'react';
+import { useI18n, ComboBox, Button, Icon, useConfiguration, menuHelpers, hasProp } from '@pega/cosmos-react-core';
+import formatCondition from '../ConditionBuilder/core/formatter';
+const equal = (c1, c2) => {
+    if (c1.comparator !== c2.comparator)
+        return false;
+    if (c1.rhs && c2.rhs) {
+        if (hasProp(c1.rhs, 'field') && hasProp(c2.rhs, 'field'))
+            return c1.rhs.field === c2.rhs.field;
+        if (hasProp(c1.rhs, 'dateFunction') && hasProp(c2.rhs, 'dateFunction')) {
+            return c1.rhs.dateFunction === c2.rhs.dateFunction && c1.rhs.value === c2.rhs.value;
+        }
+        if (hasProp(c1.rhs, 'value') && hasProp(c2.rhs, 'value'))
+            return c1.rhs === c2.rhs;
+        if (hasProp(c1.rhs, 'values') && hasProp(c2.rhs, 'values')) {
+            const rhs1 = c1.rhs;
+            const rhs2 = c2.rhs;
+            // due to https://github.com/microsoft/TypeScript/issues/44373
+            return (rhs1.values.length === rhs2.values.length &&
+                rhs1.values.every((v, i) => v === rhs2.values[i]));
+        }
+        if (hasProp(c1.rhs, 'parameterId') && hasProp(c2.rhs, 'parameterId')) {
+            return c1.rhs.parameterId === c2.rhs.parameterId;
+        }
+        if (hasProp(c1.rhs, 'relativeDate') && hasProp(c2.rhs, 'relativeDate')) {
+            return (c1.rhs.relativeDate.datePart === c2.rhs.relativeDate.datePart &&
+                c1.rhs.relativeDate.interval === c2.rhs.relativeDate.interval &&
+                c1.rhs.relativeDate.timePeriod === c2.rhs.relativeDate.timePeriod);
+        }
+    }
+    return c1.rhs === c2.rhs;
+};
+const ConditionSelector = ({ onChange, onClear, status, label, info, fields, labelHidden, conditions, condition, ...restProps }) => {
+    const t = useI18n();
+    const { locale } = useConfiguration();
+    const inputRef = useRef(null);
+    const itemsToRender = useMemo(() => {
+        return conditions.map(({ id, label: conditionLabel, value }) => {
+            return {
+                id,
+                primary: conditionLabel ??
+                    formatCondition({ condition: value }, fields, t, {
+                        locale,
+                        omitLhs: true
+                    }),
+                selected: !!value && !!condition && equal(value, condition)
+            };
+        });
+    }, [conditions, condition]);
+    const selected = useMemo(() => menuHelpers.getSelected(itemsToRender)[0], [itemsToRender]);
+    return (_jsx(ComboBox, { ...restProps, ref: inputRef, mode: 'single-select', label: label ?? t('condition_builder_possible_values_label'), labelHidden: labelHidden, placeholder: t('all'), selected: selected
+            ? {
+                items: {
+                    id: selected.id,
+                    text: selected.primary
+                }
+            }
+            : undefined, menu: {
+            items: itemsToRender,
+            onItemClick: (id) => onChange(conditions.find(cnd => cnd.id === id)?.value)
+        }, status: status, info: status === 'error' ? t('condition_builder_empty_selection_error_text') : info, actions: onClear &&
+            condition !== undefined && (_jsx(Button, { icon: true, variant: 'simple', label: t('clear'), onClick: () => {
+                onClear();
+                if (inputRef.current) {
+                    const inputEl = inputRef.current.querySelector('input');
+                    inputEl?.focus();
+                }
+            }, children: _jsx(Icon, { name: 'times' }) })) }));
+};
+export default ConditionSelector;
+//# sourceMappingURL=ConditionSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionSelector.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/ConditionSelector.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useRef, FunctionComponent } from 'react';\n\nimport {\n  useI18n,\n  BaseProps,\n  ComboBox,\n  NoChildrenProp,\n  ComboBoxProps,\n  Button,\n  Icon,\n  useConfiguration,\n  MenuItemProps,\n  ForwardProps,\n  menuHelpers,\n  hasProp\n} from '@pega/cosmos-react-core';\n\nimport { AtomicConditionProps } from '../ConditionBuilder/AtomicCondition';\nimport formatCondition from '../ConditionBuilder/core/formatter';\nimport { LeafCondition } from '../ConditionBuilder';\n\ninterface ConditionSelectorProps extends BaseProps, NoChildrenProp {\n  /** Callback for onChange */\n  onChange: (condition?: LeafCondition) => void;\n  /** Callback for clear */\n  onClear?: () => void;\n  /** Used to indicate any errors on the control */\n  status?: 'error';\n  /** Custom label for input. Makes label visible if provided. */\n  label?: ComboBoxProps['label'];\n  /** Visually hides the label region. */\n  labelHidden?: ComboBoxProps['labelHidden'];\n  /** Guidance text that apppears below the input. */\n  info?: ComboBoxProps['info'];\n  /** Definition of the field the condition is created for. */\n  fields: AtomicConditionProps['fields'];\n  /** List of possible predefined Conditions */\n  conditions: { id: string; value: LeafCondition; label?: string }[];\n  /** Currently selected condition. */\n  condition?: LeafCondition;\n}\n\nconst equal = (c1: LeafCondition, c2: LeafCondition) => {\n  if (c1.comparator !== c2.comparator) return false;\n\n  if (c1.rhs && c2.rhs) {\n    if (hasProp(c1.rhs, 'field') && hasProp(c2.rhs, 'field')) return c1.rhs.field === c2.rhs.field;\n    if (hasProp(c1.rhs, 'dateFunction') && hasProp(c2.rhs, 'dateFunction')) {\n      return c1.rhs.dateFunction === c2.rhs.dateFunction && c1.rhs.value === c2.rhs.value;\n    }\n    if (hasProp(c1.rhs, 'value') && hasProp(c2.rhs, 'value')) return c1.rhs === c2.rhs;\n    if (hasProp(c1.rhs, 'values') && hasProp(c2.rhs, 'values')) {\n      const rhs1 = c1.rhs;\n      const rhs2 = c2.rhs;\n      // due to https://github.com/microsoft/TypeScript/issues/44373\n      return (\n        rhs1.values.length === rhs2.values.length &&\n        (rhs1.values as unknown[]).every((v, i) => v === rhs2.values[i])\n      );\n    }\n    if (hasProp(c1.rhs, 'parameterId') && hasProp(c2.rhs, 'parameterId')) {\n      return c1.rhs.parameterId === c2.rhs.parameterId;\n    }\n    if (hasProp(c1.rhs, 'relativeDate') && hasProp(c2.rhs, 'relativeDate')) {\n      return (\n        c1.rhs.relativeDate.datePart === c2.rhs.relativeDate.datePart &&\n        c1.rhs.relativeDate.interval === c2.rhs.relativeDate.interval &&\n        c1.rhs.relativeDate.timePeriod === c2.rhs.relativeDate.timePeriod\n      );\n    }\n  }\n\n  return c1.rhs === c2.rhs;\n};\n\nconst ConditionSelector: FunctionComponent<ConditionSelectorProps & ForwardProps> = ({\n  onChange,\n  onClear,\n  status,\n  label,\n  info,\n  fields,\n  labelHidden,\n  conditions,\n  condition,\n  ...restProps\n}: ConditionSelectorProps) => {\n  const t = useI18n();\n  const { locale } = useConfiguration();\n\n  const inputRef = useRef<HTMLDivElement>(null);\n  const itemsToRender = useMemo(() => {\n    return conditions.map(({ id, label: conditionLabel, value }) => {\n      return {\n        id,\n        primary:\n          conditionLabel ??\n          formatCondition({ condition: value }, fields, t, {\n            locale,\n            omitLhs: true\n          }),\n        selected: !!value && !!condition && equal(value, condition)\n      };\n    });\n  }, [conditions, condition]);\n\n  const selected = useMemo<MenuItemProps | undefined>(\n    () => menuHelpers.getSelected(itemsToRender)[0],\n    [itemsToRender]\n  );\n\n  return (\n    <ComboBox\n      {...restProps}\n      ref={inputRef}\n      mode='single-select'\n      label={label ?? t('condition_builder_possible_values_label')}\n      labelHidden={labelHidden}\n      placeholder={t('all')}\n      selected={\n        selected\n          ? {\n              items: {\n                id: selected.id,\n                text: selected.primary\n              }\n            }\n          : undefined\n      }\n      menu={{\n        items: itemsToRender,\n        onItemClick: (id: MenuItemProps['id']) =>\n          onChange(conditions.find(cnd => cnd.id === id)?.value)\n      }}\n      status={status}\n      info={status === 'error' ? t('condition_builder_empty_selection_error_text') : info}\n      actions={\n        onClear &&\n        condition !== undefined && (\n          <Button\n            icon\n            variant='simple'\n            label={t('clear')}\n            onClick={() => {\n              onClear();\n              if (inputRef.current) {\n                const inputEl = inputRef.current.querySelector('input');\n                inputEl?.focus();\n              }\n            }}\n          >\n            <Icon name='times' />\n          </Button>\n        )\n      }\n    />\n  );\n};\n\nexport default ConditionSelector;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EAOb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAiB,MAAM,4CAA4C,CAAC;AAItF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3F,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AA+GD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAkHlF,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"PromotedFilters.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAMlB,MAAM,OAAO,CAAC;AAEf,OAAO,EAGL,YAAY,EAQb,MAAM,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAiB,MAAM,4CAA4C,CAAC;AAOtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAO/D,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,CAAC;IAC3F,oDAAoD;IACpD,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,KAAK,IAAI,CAAC;CACtD;AA8JD,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,oBAAoB,GAAG,YAAY,CAkHlF,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/PromotedFilters/PromotedFilters.js

@@ -1,10 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';
-import { Button, Flex, Icon, Modal, ModalManagerContext, useBreakpoint, useI18n } from '@pega/cosmos-react-core';
+import { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
+import { Button, Flex, Icon, Modal, useModalManager, useBreakpoint, useI18n, useModalContext } from '@pega/cosmos-react-core';
 import { splitConditionForBuilder } from '../ConditionBuilder/core/utils';
 import ConditionInput from '../ConditionInput';
+import { StyledFieldGroup } from '../ConditionInput/ConditionInput.styles';
+import { basicFieldMap } from '../ConditionInput/utils';
+import ConditionSelector from './ConditionSelector';
 import { StyledPromotedFilters, StyledClearAllButton, StyledTextWithEllipsis } from './PromotedFilters.styles';
 const PromotedFiltersContent = forwardRef(({ filters, condition, onChange, orientation: orientationProp = 'horizontal' }, ref) => {
+    const t = useI18n();
     const isSmallOrAbove = useBreakpoint('sm');
     const orientation = isSmallOrAbove && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';
     // map of Conditions indexed by field name
@@ -21,26 +25,46 @@ const PromotedFiltersContent = forwardRef(({ filters, condition, onChange, orien
         else {
             delete conditionsMap[key];
         }
-        return {
-            AND: Object.values(conditionsMap).map(c => {
-                return { condition: c };
-            })
-        };
+        return Object.values(conditionsMap).length === 0
+            ? undefined
+            : {
+                AND: Object.values(conditionsMap).map(c => {
+                    return { condition: c };
+                })
+            };
     };
     return (_jsx(Flex, { container: {
             gap: 2,
             direction: orientation === 'vertical' ? 'column' : 'row',
             wrap: 'wrap'
-        }, ref: ref, children: filters.map(({ field, mode, label }) => {
-            return (_jsx(ConditionInput, { field: field, mode: mode, label: label ?? field.name, condition: conditionsMap[field.name], flat: orientation === 'vertical', onChange: (newCondition) => {
+        }, ref: ref, children: filters.map(({ field, mode, label, predefinedConditions }) => {
+            if (mode !== 'predefined')
+                return (_jsx(ConditionInput, { field: field, mode: mode, label: label ?? field.name, condition: conditionsMap[field.name], flat: orientation === 'vertical', onChange: (newCondition) => {
+                        onChange(createUpdatedCondition(field.name, newCondition));
+                    } }, field.name));
+            const selector = (_jsx(ConditionSelector, { label: label ?? field.name, labelHidden: orientation === 'vertical', fields: [
+                    {
+                        id: field.name,
+                        type: basicFieldMap[field.type],
+                        primary: label || field.name
+                    }
+                ], condition: conditionsMap[field.name], conditions: predefinedConditions ?? [], onChange: (newCondition) => {
                     onChange(createUpdatedCondition(field.name, newCondition));
-                } }, field.name));
+                }, onClear: orientation === 'horizontal'
+                    ? () => onChange(createUpdatedCondition(field.name, undefined))
+                    : undefined }, field.name));
+            return orientation === 'vertical' ? (_jsx(StyledFieldGroup, { name: label, collapsible: true, actions: [
+                    {
+                        id: 'clear',
+                        text: t('clear'),
+                        onClick: () => onChange(createUpdatedCondition(field.name, undefined))
+                    }
+                ], children: selector }, field.name)) : (selector);
         }) }));
 });
 const FilterModal = ({ filters, condition, onApply }) => {
     const t = useI18n();
-    const { ModalContext } = useContext(ModalManagerContext);
-    const { dismiss } = useContext(ModalContext);
+    const { dismiss } = useModalContext();
     const [newCondition, setNewCondition] = useState(condition);
     const onApplyClick = useCallback(() => {
         onApply?.(newCondition);
@@ -54,7 +78,7 @@ const FilterModal = ({ filters, condition, onApply }) => {
 export const PromotedFilters = forwardRef(({ filters, condition, onChange, orientation = 'horizontal' }, ref) => {
     const t = useI18n();
     const isSmallOrAbove = useBreakpoint('sm');
-    const { create } = useContext(ModalManagerContext);
+    const { create } = useModalManager();
     const modalMethods = useRef();
     // map of Conditions indexed by field name
     const conditionsCount = condition ? splitConditionForBuilder(condition).rows.length : undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,UAAU,EAGV,WAAW,EACX,UAAU,EACV,SAAS,EACT,MAAM,EACN,QAAQ,EACT,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,MAAM,EACN,IAAI,EAEJ,IAAI,EACJ,KAAK,EAEL,mBAAmB,EACnB,aAAa,EACb,OAAO,EACR,MAAM,yBAAyB,CAAC;AAGjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC1E,OAAO,cAAc,MAAM,mBAAmB,CAAC;AAG/C,OAAO,EACL,qBAAqB,EACrB,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAOlC,MAAM,sBAAsB,GAA2D,UAAU,CAC/F,CACE,EACE,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,eAAe,GAAG,YAAY,EACL,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAC3C,MAAM,WAAW,GACf,cAAc,IAAI,eAAe,KAAK,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,UAAU,CAAC;IAEjF,0CAA0C;IAC1C,MAAM,aAAa,GAAG,SAAS;QAC7B,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,MAAM,CAC7C,CAAC,MAAwC,EAAE,IAAI,EAAE,EAAE;YACjD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;YAC9B,OAAO,MAAM,CAAC;QAChB,CAAC,EACD,EAAE,CACH;QACH,CAAC,CAAC,EAAE,CAAC;IAEP,MAAM,sBAAsB,GAAG,CAAC,GAAW,EAAE,YAA4B,EAAE,EAAE;QAC3E,IAAI,YAAY,EAAE;YAChB,aAAa,CAAC,GAAG,CAAC,GAAG,YAAY,CAAC;SACnC;aAAM;YACL,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC;SAC3B;QAED,OAAO;YACL,GAAG,EAAE,MAAM,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBACxC,OAAO,EAAE,SAAS,EAAE,CAAC,EAAe,CAAC;YACvC,CAAC,CAAC;SACH,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE;YACT,GAAG,EAAE,CAAC;YACN,SAAS,EAAE,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK;YACxD,IAAI,EAAE,MAAM;SACb,EACD,GAAG,EAAE,GAAG,YAEP,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,EAAE;YACtC,OAAO,CACL,KAAC,cAAc,IAEb,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IAAI,KAAK,CAAC,IAAI,EAC1B,SAAS,EAAE,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,EACpC,IAAI,EAAE,WAAW,KAAK,UAAU,EAChC,QAAQ,EAAE,CAAC,YAA4B,EAAE,EAAE;oBACzC,QAAQ,CAAC,sBAAsB,CAAC,KAAK,CAAC,IAAI,EAAE,YAAY,CAAC,CAAC,CAAC;gBAC7D,CAAC,IARI,KAAK,CAAC,IAAI,CASf,CACH,CAAC;QACJ,CAAC,CAAC,GACG,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAoB,EAAE,EAAE;IACxE,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACzD,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IAC7C,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAwB,SAAS,CAAC,CAAC;IAEnF,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QACpC,OAAO,EAAE,CAAC,YAAY,CAAC,CAAC;QACxB,OAAO,EAAE,CAAC;IACZ,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC;IAE5B,MAAM,OAAO,GAAG,CACd,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,YAAY,YAC5C,CAAC,CAAC,OAAO,CAAC,GACJ,CACV,CAAC;IAEF,OAAO,CACL,MAAC,KAAK,IAAC,OAAO,EAAE,CAAC,CAAC,SAAS,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,mBACrD,KAAC,IAAI,IAAC,SAAS,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YACjC,KAAC,oBAAoB,IACnB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,eAAe,CAAC,SAAS,CAAC,CAAC;oBAC7B,CAAC,YAEA,CAAC,CAAC,WAAW,CAAC,GACM,GAClB,EAEP,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,YAAY,EACvB,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAC,UAAU,GACtB,IACI,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAA2D,UAAU,CAC/F,CACE,EACE,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,GAAG,YAAY,EACY,EACxC,GAAgC,EAChC,EAAE;IACF,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IAEpB,MAAM,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAE3C,MAAM,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IACnD,MAAM,YAAY,GAAG,MAAM,EAAkC,CAAC;IAE9D,0CAA0C;IAC1C,MAAM,eAAe,GAAG,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhG,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC;YAC3B,OAAO;YACP,SAAS;SACV,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC;IAEzB,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,YAAY,CAAC,OAAO,GAAG,MAAM,CAAC,WAAW,EAAE;YACzC,OAAO;YACP,SAAS;YACT,OAAO,EAAE,QAAQ;SAClB,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,IAAI,IACH,EAAE,EAAE,qBAAqB,EACzB,SAAS,EAAE;YACT,UAAU,EAAE,WAAW,KAAK,YAAY,IAAI,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS;YAChF,OAAO,EAAE,SAAS;YAClB,SAAS,EAAE,CAAC,cAAc,IAAI,WAAW,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ;YAC7E,GAAG,EAAE,CAAC;YACN,GAAG,EAAE,CAAC;SACP,EACD,GAAG,EAAE,GAAG,YAEP,cAAc,CAAC,CAAC,CAAC,CAChB,8BACG,WAAW,KAAK,UAAU,IAAI,CAC7B,MAAC,IAAI,IACH,SAAS,EAAE;wBACT,OAAO,EAAE,SAAS;wBAClB,UAAU,EAAE,QAAQ;wBACpB,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;qBAClB,aAED,KAAC,sBAAsB,IAAC,OAAO,EAAC,IAAI,YAAE,CAAC,CAAC,SAAS,CAAC,GAA0B,EAC5E,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;gCACZ,QAAQ,EAAE,CAAC;4BACb,CAAC,YAEA,CAAC,CAAC,WAAW,CAAC,GACR,IACJ,CACR,EAED,KAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,GAAG,EAAE,GAAG,GACR,EAED,WAAW,KAAK,YAAY,IAAI,CAC/B,wBACE,KAAC,oBAAoB,IACnB,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,EAAE,CAAC;wBACb,CAAC,YAEA,CAAC,CAAC,yCAAyC,CAAC,GACxB,GACnB,CACP,IACA,CACJ,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,MAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,gBAAgB,YAC5D,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,EAAE,EAAE,WAAW,EAAC,MAAM,aACrE,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,GAAG,EACtB,2BACG,CAAC,CAAC,SAAS,CAAC,EACZ,eAAe,IAAI,UAAU,eAAe,GAAG,IAC3C,IACF,GACA,EACT,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,GAAG,EAAE;wBACZ,QAAQ,EAAE,CAAC;oBACb,CAAC,YAEA,CAAC,CAAC,WAAW,CAAC,GACR,IACR,CACJ,GACI,CACR,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,eAAe,CAAC","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\n\nimport {\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  Modal,\n  ModalMethods,\n  ModalManagerContext,\n  useBreakpoint,\n  useI18n\n} from '@pega/cosmos-react-core';\n\nimport { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\n\nimport { PromotedFiltersProps } from './PromotedFilters.types';\nimport {\n  StyledPromotedFilters,\n  StyledClearAllButton,\n  StyledTextWithEllipsis\n} from './PromotedFilters.styles';\n\nexport interface FilterModalProps extends Pick<PromotedFiltersProps, 'filters' | 'condition'> {\n  /** Callback fired on apply of any of the filters */\n  onApply?: (condition: Condition | undefined) => void;\n}\n\nconst PromotedFiltersContent: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation: orientationProp = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const isSmallOrAbove = useBreakpoint('sm');\n    const orientation =\n      isSmallOrAbove && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n\n    // map of Conditions indexed by field name\n    const conditionsMap = condition\n      ? splitConditionForBuilder(condition).rows.reduce(\n          (result: { [key: string]: LeafCondition }, item) => {\n            result[item.lhs.field] = item;\n            return result;\n          },\n          {}\n        )\n      : {};\n\n    const createUpdatedCondition = (key: string, newCondition?: LeafCondition) => {\n      if (newCondition) {\n        conditionsMap[key] = newCondition;\n      } else {\n        delete conditionsMap[key];\n      }\n\n      return {\n        AND: Object.values(conditionsMap).map(c => {\n          return { condition: c } as Condition;\n        })\n      };\n    };\n\n    return (\n      <Flex\n        container={{\n          gap: 2,\n          direction: orientation === 'vertical' ? 'column' : 'row',\n          wrap: 'wrap'\n        }}\n        ref={ref}\n      >\n        {filters.map(({ field, mode, label }) => {\n          return (\n            <ConditionInput\n              key={field.name}\n              field={field}\n              mode={mode}\n              label={label ?? field.name}\n              condition={conditionsMap[field.name]}\n              flat={orientation === 'vertical'}\n              onChange={(newCondition?: LeafCondition) => {\n                onChange(createUpdatedCondition(field.name, newCondition));\n              }}\n            />\n          );\n        })}\n      </Flex>\n    );\n  }\n);\n\nconst FilterModal = ({ filters, condition, onApply }: FilterModalProps) => {\n  const t = useI18n();\n\n  const { ModalContext } = useContext(ModalManagerContext);\n  const { dismiss } = useContext(ModalContext);\n  const [newCondition, setNewCondition] = useState<Condition | undefined>(condition);\n\n  const onApplyClick = useCallback(() => {\n    onApply?.(newCondition);\n    dismiss();\n  }, [newCondition, onApply]);\n\n  const actions = (\n    <Button variant='primary' onClick={onApplyClick}>\n      {t('apply')}\n    </Button>\n  );\n\n  return (\n    <Modal heading={t('filters')} actions={actions} stretch>\n      <Flex container={{ justify: 'end' }}>\n        <StyledClearAllButton\n          variant='simple'\n          onClick={() => {\n            setNewCondition(undefined);\n          }}\n        >\n          {t('clear_all')}\n        </StyledClearAllButton>\n      </Flex>\n\n      <PromotedFiltersContent\n        filters={filters}\n        condition={newCondition}\n        onChange={setNewCondition}\n        orientation='vertical'\n      />\n    </Modal>\n  );\n};\n\nexport const PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const { create } = useContext(ModalManagerContext);\n    const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n    // map of Conditions indexed by field name\n    const conditionsCount = condition ? splitConditionForBuilder(condition).rows.length : undefined;\n\n    useEffect(() => {\n      modalMethods.current?.update({\n        filters,\n        condition\n      });\n    }, [filters, condition]);\n\n    const openFiltersModal = () => {\n      modalMethods.current = create(FilterModal, {\n        filters,\n        condition,\n        onApply: onChange\n      });\n    };\n\n    return (\n      <Flex\n        as={StyledPromotedFilters}\n        container={{\n          alignItems: orientation === 'horizontal' && isSmallOrAbove ? 'start' : undefined,\n          justify: 'between',\n          direction: !isSmallOrAbove || orientation === 'horizontal' ? 'row' : 'column',\n          pad: 2,\n          gap: 2\n        }}\n        ref={ref}\n      >\n        {isSmallOrAbove ? (\n          <>\n            {orientation === 'vertical' && (\n              <Flex\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  pad: [0, 0, 1, 0]\n                }}\n              >\n                <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n                <Button\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                  }}\n                >\n                  {t('clear_all')}\n                </Button>\n              </Flex>\n            )}\n\n            <PromotedFiltersContent\n              filters={filters}\n              onChange={onChange}\n              condition={condition}\n              orientation={orientation}\n              ref={ref}\n            />\n\n            {orientation === 'horizontal' && (\n              <div>\n                <StyledClearAllButton\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                  }}\n                >\n                  {t('promoted_filters_clear_all_button_label')}\n                </StyledClearAllButton>\n              </div>\n            )}\n          </>\n        ) : (\n          <>\n            <Button type='button' variant='text' onClick={openFiltersModal}>\n              <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n                <Icon name='filter' />\n                <span>\n                  {t('filters')}\n                  {conditionsCount && `\\u00a0(${conditionsCount})`}\n                </span>\n              </Flex>\n            </Button>\n            <Button\n              variant='simple'\n              onClick={() => {\n                onChange();\n              }}\n            >\n              {t('clear_all')}\n            </Button>\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default PromotedFilters;\n"]}
+{"version":3,"file":"PromotedFilters.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  FunctionComponent,\n  PropsWithoutRef,\n  useCallback,\n  useEffect,\n  useRef,\n  useState\n} from 'react';\n\nimport {\n  Button,\n  Flex,\n  ForwardProps,\n  Icon,\n  Modal,\n  ModalMethods,\n  useModalManager,\n  useBreakpoint,\n  useI18n,\n  useModalContext\n} from '@pega/cosmos-react-core';\n\nimport { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport { splitConditionForBuilder } from '../ConditionBuilder/core/utils';\nimport ConditionInput from '../ConditionInput';\nimport { StyledFieldGroup } from '../ConditionInput/ConditionInput.styles';\nimport { basicFieldMap } from '../ConditionInput/utils';\n\nimport ConditionSelector from './ConditionSelector';\nimport { PromotedFiltersProps } from './PromotedFilters.types';\nimport {\n  StyledPromotedFilters,\n  StyledClearAllButton,\n  StyledTextWithEllipsis\n} from './PromotedFilters.styles';\n\nexport interface FilterModalProps extends Pick<PromotedFiltersProps, 'filters' | 'condition'> {\n  /** Callback fired on apply of any of the filters */\n  onApply?: (condition: Condition | undefined) => void;\n}\n\nconst PromotedFiltersContent: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation: orientationProp = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n    const isSmallOrAbove = useBreakpoint('sm');\n    const orientation =\n      isSmallOrAbove && orientationProp === 'horizontal' ? 'horizontal' : 'vertical';\n\n    // map of Conditions indexed by field name\n    const conditionsMap = condition\n      ? splitConditionForBuilder(condition).rows.reduce(\n          (result: { [key: string]: LeafCondition }, item) => {\n            result[item.lhs.field] = item;\n            return result;\n          },\n          {}\n        )\n      : {};\n\n    const createUpdatedCondition = (key: string, newCondition?: LeafCondition) => {\n      if (newCondition) {\n        conditionsMap[key] = newCondition;\n      } else {\n        delete conditionsMap[key];\n      }\n\n      return Object.values(conditionsMap).length === 0\n        ? undefined\n        : {\n            AND: Object.values(conditionsMap).map(c => {\n              return { condition: c } as Condition;\n            })\n          };\n    };\n\n    return (\n      <Flex\n        container={{\n          gap: 2,\n          direction: orientation === 'vertical' ? 'column' : 'row',\n          wrap: 'wrap'\n        }}\n        ref={ref}\n      >\n        {filters.map(({ field, mode, label, predefinedConditions }) => {\n          if (mode !== 'predefined')\n            return (\n              <ConditionInput\n                key={field.name}\n                field={field}\n                mode={mode}\n                label={label ?? field.name}\n                condition={conditionsMap[field.name]}\n                flat={orientation === 'vertical'}\n                onChange={(newCondition?: LeafCondition) => {\n                  onChange(createUpdatedCondition(field.name, newCondition));\n                }}\n              />\n            );\n\n          const selector = (\n            <ConditionSelector\n              key={field.name}\n              label={label ?? field.name}\n              labelHidden={orientation === 'vertical'}\n              fields={[\n                {\n                  id: field.name,\n                  type: basicFieldMap[field.type],\n                  primary: label || field.name\n                }\n              ]}\n              condition={conditionsMap[field.name]}\n              conditions={predefinedConditions ?? []}\n              onChange={(newCondition?: LeafCondition) => {\n                onChange(createUpdatedCondition(field.name, newCondition));\n              }}\n              onClear={\n                orientation === 'horizontal'\n                  ? () => onChange(createUpdatedCondition(field.name, undefined))\n                  : undefined\n              }\n            />\n          );\n\n          return orientation === 'vertical' ? (\n            <StyledFieldGroup\n              key={field.name}\n              name={label}\n              collapsible\n              actions={[\n                {\n                  id: 'clear',\n                  text: t('clear'),\n                  onClick: () => onChange(createUpdatedCondition(field.name, undefined))\n                }\n              ]}\n            >\n              {selector}\n            </StyledFieldGroup>\n          ) : (\n            selector\n          );\n        })}\n      </Flex>\n    );\n  }\n);\n\nconst FilterModal = ({ filters, condition, onApply }: FilterModalProps) => {\n  const t = useI18n();\n\n  const { dismiss } = useModalContext();\n  const [newCondition, setNewCondition] = useState<Condition | undefined>(condition);\n\n  const onApplyClick = useCallback(() => {\n    onApply?.(newCondition);\n    dismiss();\n  }, [newCondition, onApply]);\n\n  const actions = (\n    <Button variant='primary' onClick={onApplyClick}>\n      {t('apply')}\n    </Button>\n  );\n\n  return (\n    <Modal heading={t('filters')} actions={actions} stretch>\n      <Flex container={{ justify: 'end' }}>\n        <StyledClearAllButton\n          variant='simple'\n          onClick={() => {\n            setNewCondition(undefined);\n          }}\n        >\n          {t('clear_all')}\n        </StyledClearAllButton>\n      </Flex>\n\n      <PromotedFiltersContent\n        filters={filters}\n        condition={newCondition}\n        onChange={setNewCondition}\n        orientation='vertical'\n      />\n    </Modal>\n  );\n};\n\nexport const PromotedFilters: FunctionComponent<PromotedFiltersProps & ForwardProps> = forwardRef(\n  (\n    {\n      filters,\n      condition,\n      onChange,\n      orientation = 'horizontal'\n    }: PropsWithoutRef<PromotedFiltersProps>,\n    ref: PromotedFiltersProps['ref']\n  ) => {\n    const t = useI18n();\n\n    const isSmallOrAbove = useBreakpoint('sm');\n\n    const { create } = useModalManager();\n    const modalMethods = useRef<ModalMethods<FilterModalProps>>();\n\n    // map of Conditions indexed by field name\n    const conditionsCount = condition ? splitConditionForBuilder(condition).rows.length : undefined;\n\n    useEffect(() => {\n      modalMethods.current?.update({\n        filters,\n        condition\n      });\n    }, [filters, condition]);\n\n    const openFiltersModal = () => {\n      modalMethods.current = create(FilterModal, {\n        filters,\n        condition,\n        onApply: onChange\n      });\n    };\n\n    return (\n      <Flex\n        as={StyledPromotedFilters}\n        container={{\n          alignItems: orientation === 'horizontal' && isSmallOrAbove ? 'start' : undefined,\n          justify: 'between',\n          direction: !isSmallOrAbove || orientation === 'horizontal' ? 'row' : 'column',\n          pad: 2,\n          gap: 2\n        }}\n        ref={ref}\n      >\n        {isSmallOrAbove ? (\n          <>\n            {orientation === 'vertical' && (\n              <Flex\n                container={{\n                  justify: 'between',\n                  alignItems: 'center',\n                  pad: [0, 0, 1, 0]\n                }}\n              >\n                <StyledTextWithEllipsis variant='h3'>{t('filters')}</StyledTextWithEllipsis>\n                <Button\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                  }}\n                >\n                  {t('clear_all')}\n                </Button>\n              </Flex>\n            )}\n\n            <PromotedFiltersContent\n              filters={filters}\n              onChange={onChange}\n              condition={condition}\n              orientation={orientation}\n              ref={ref}\n            />\n\n            {orientation === 'horizontal' && (\n              <div>\n                <StyledClearAllButton\n                  variant='simple'\n                  onClick={() => {\n                    onChange();\n                  }}\n                >\n                  {t('promoted_filters_clear_all_button_label')}\n                </StyledClearAllButton>\n              </div>\n            )}\n          </>\n        ) : (\n          <>\n            <Button type='button' variant='text' onClick={openFiltersModal}>\n              <Flex container={{ alignItems: 'center', gap: 0.5 }} forwardedAs='span'>\n                <Icon name='filter' />\n                <span>\n                  {t('filters')}\n                  {conditionsCount && `\\u00a0(${conditionsCount})`}\n                </span>\n              </Flex>\n            </Button>\n            <Button\n              variant='simple'\n              onClick={() => {\n                onChange();\n              }}\n            >\n              {t('clear_all')}\n            </Button>\n          </>\n        )}\n      </Flex>\n    );\n  }\n);\n\nexport default PromotedFilters;\n"]}

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

@@ -1,6 +1,6 @@
 import { Ref } from 'react';
 import { BaseProps, NoChildrenProp } from '@pega/cosmos-react-core';
-import type { Condition } from '../ConditionBuilder/ConditionBuilder.types';
+import type { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';
 import type { ConditionInputMode, ConditionField } from '../ConditionInput/ConditionInput.types';
 export interface PromotedFilter {
     /** Definition of the field to be filtered. */
@@ -9,6 +9,12 @@ export interface PromotedFilter {
     mode: ConditionInputMode;
     /** Label for the filter. */
     label?: string;
+    /** List of possible predefined Conditions */
+    predefinedConditions?: {
+        id: string;
+        value: LeafCondition;
+        label?: string;
+    }[];
 }
 export interface PromotedFiltersProps extends BaseProps, NoChildrenProp {
     /** Configuration of filters for every field that has been defined as promoted. */

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AAC5E,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}
+{"version":3,"file":"PromotedFilters.types.d.ts","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5B,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,KAAK,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,4CAA4C,CAAC;AAC3F,OAAO,KAAK,EAAE,kBAAkB,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAEjG,MAAM,WAAW,cAAc;IAC7B,8CAA8C;IAC9C,KAAK,EAAE,cAAc,CAAC;IACtB,oBAAoB;IACpB,IAAI,EAAE,kBAAkB,CAAC;IACzB,4BAA4B;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,oBAAoB,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,aAAa,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;CAC/E;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,cAAc;IACrE,kFAAkF;IAClF,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,wDAAwD;IACxD,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,mDAAmD;IACnD,WAAW,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IACxC,sDAAsD;IACtD,QAAQ,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAC1C,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B"}

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

@@ -1 +1 @@
-{"version":3,"file":"PromotedFilters.types.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport type { Condition } from '../ConditionBuilder/ConditionBuilder.types';\nimport type { ConditionInputMode, ConditionField } from '../ConditionInput/ConditionInput.types';\n\nexport interface PromotedFilter {\n  /** Definition of the field to be filtered. */\n  field: ConditionField;\n  /** Display mode. */\n  mode: ConditionInputMode;\n  /** Label for the filter. */\n  label?: string;\n}\n\nexport interface PromotedFiltersProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the current condition state. */\n  condition?: Condition;\n  /** Orientation mode. The default is horizontal. */\n  orientation?: 'vertical' | 'horizontal';\n  /** Callback fired on change of any of the filters. */\n  onChange: (condition?: Condition) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}
+{"version":3,"file":"PromotedFilters.types.js","sourceRoot":"","sources":["../../../src/components/PromotedFilters/PromotedFilters.types.ts"],"names":[],"mappings":"","sourcesContent":["import { Ref } from 'react';\n\nimport { BaseProps, NoChildrenProp } from '@pega/cosmos-react-core';\n\nimport type { Condition, LeafCondition } from '../ConditionBuilder/ConditionBuilder.types';\nimport type { ConditionInputMode, ConditionField } from '../ConditionInput/ConditionInput.types';\n\nexport interface PromotedFilter {\n  /** Definition of the field to be filtered. */\n  field: ConditionField;\n  /** Display mode. */\n  mode: ConditionInputMode;\n  /** Label for the filter. */\n  label?: string;\n  /** List of possible predefined Conditions */\n  predefinedConditions?: { id: string; value: LeafCondition; label?: string }[];\n}\n\nexport interface PromotedFiltersProps extends BaseProps, NoChildrenProp {\n  /** Configuration of filters for every field that has been defined as promoted. */\n  filters: PromotedFilter[];\n  /** A value representing the current condition state. */\n  condition?: Condition;\n  /** Orientation mode. The default is horizontal. */\n  orientation?: 'vertical' | 'horizontal';\n  /** Callback fired on change of any of the filters. */\n  onChange: (condition?: Condition) => void;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLDivElement>;\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-condition-builder",
-  "version": "3.0.0-dev.21.2",
+  "version": "3.0.0-dev.23.1",
   "author": "Pegasystems",
   "license": "SEE LICENSE IN LICENSE",
   "repository": {
@@ -23,7 +23,7 @@
     "build": "tsc -b"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "3.0.0-dev.21.2",
+    "@pega/cosmos-react-core": "3.0.0-dev.23.1",
     "@types/react": "^16.14.24 || ^17.0.38",
     "@types/react-dom": "^16.9.14 || ^17.0.11",
     "@types/styled-components": "^5.1.7",