@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/Filters/FilterMenu.js

@@ -0,0 +1,32 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import { Button, defaultThemeProp } from '@pega/cosmos-react-core';
+import useTranslate from '../../Hooks/useTranslate';
+import useFilterSubmit from './Hooks/useFilterSubmit';
+import styles from './styles';
+const StyledFilterContainer = styled(forwardRef((props, ref) => _jsx("div", { ref: ref, ...props }))) `
+  ${styles}
+`;
+StyledFilterContainer.defaultProps = defaultThemeProp;
+const footerStyle = {
+    marginTop: '0.625rem',
+    marginLeft: '0.312rem',
+    display: 'flex',
+    justifyContent: 'space-between',
+    alignItems: 'baseline'
+};
+export default function FilterMenu({ submitFilter, children, finishPopOver }) {
+    const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });
+    const [translate] = useTranslate();
+    return (_jsxs(StyledFilterContainer, { children: [children, _jsxs("footer", { style: footerStyle, children: [_jsx(Button, { onClick: () => {
+                            finishPopOver();
+                        }, children: translate('Cancel') }), _jsx(Button, { variant: 'primary', onClick: applyFilter, children: translate('Submit') })] })] }));
+}
+FilterMenu.propTypes = {
+    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,
+    finishPopOver: PropTypes.func.isRequired,
+    submitFilter: PropTypes.func.isRequired
+};
+//# sourceMappingURL=FilterMenu.js.map

package/lib/Core/Components/Filters/FilterMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterMenu.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/FilterMenu.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEnE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,eAAe,MAAM,yBAAyB,CAAC;AACtD,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,MAAM,qBAAqB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAAA;IAC1F,MAAM;CACT,CAAC;AAEF,qBAAqB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEtD,MAAM,WAAW,GAAG;IAClB,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,eAAe;IAC/B,UAAU,EAAE,UAAU;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE;IAC1E,MAAM,WAAW,GAAG,eAAe,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,CAAC,CAAC;IACrE,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,OAAO,CACL,MAAC,qBAAqB,eACnB,QAAQ,EACT,kBAAQ,KAAK,EAAE,WAAW,aACxB,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,EAAE,CAAC;wBAClB,CAAC,YAEA,SAAS,CAAC,QAAQ,CAAC,GACb,EACT,KAAC,MAAM,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,WAAW,YAC3C,SAAS,CAAC,QAAQ,CAAC,GACb,IACF,IACa,CACzB,CAAC;AACJ,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU;IAC7E,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,YAAY,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACxC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Button, defaultThemeProp } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useFilterSubmit from './Hooks/useFilterSubmit';\nimport styles from './styles';\n\nconst StyledFilterContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))`\n  ${styles}\n`;\n\nStyledFilterContainer.defaultProps = defaultThemeProp;\n\nconst footerStyle = {\n  marginTop: '0.625rem',\n  marginLeft: '0.312rem',\n  display: 'flex',\n  justifyContent: 'space-between',\n  alignItems: 'baseline'\n};\n\nexport default function FilterMenu({ submitFilter, children, finishPopOver }) {\n  const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });\n  const [translate] = useTranslate();\n  return (\n    <StyledFilterContainer>\n      {children}\n      <footer style={footerStyle}>\n        <Button\n          onClick={() => {\n            finishPopOver();\n          }}\n        >\n          {translate('Cancel')}\n        </Button>\n        <Button variant='primary' onClick={applyFilter}>\n          {translate('Submit')}\n        </Button>\n      </footer>\n    </StyledFilterContainer>\n  );\n}\n\nFilterMenu.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  submitFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/FilterType.d.ts

@@ -0,0 +1,18 @@
+declare function FilterType({ column, onFilter, finishPopOver, popoverButtonRef }: {
+    column: any;
+    onFilter: any;
+    finishPopOver: any;
+    popoverButtonRef: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace FilterType {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let finishPopOver: PropTypes.Validator<(...args: any[]) => any>;
+        let onFilter: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default FilterType;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=FilterType.d.ts.map

package/lib/Core/Components/Filters/FilterType.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterType.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/FilterType.jsx"],"names":[],"mappings":"AAUA;;;;;mDA+BC;;;;;;;;;;;sBAzCqB,YAAY"}

package/lib/Core/Components/Filters/FilterType.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { getFilterConditions } from 'pega-repeating-structures-core';
+import AdvanceFilter from './AdvanceFilter';
+import SelectFilter from './SelectFilter';
+import SimpleFilter from './SimpleFilter';
+import CommonFilter from './CommonFilter';
+import BooleanFilter from './BooleanFilter';
+export default function FilterType({ column, onFilter, finishPopOver, popoverButtonRef }) {
+    if (!column)
+        return null;
+    const filterExpression = column?.getFilterProperties()?.filterExpression;
+    const filters = getFilterConditions({ filterExpression });
+    if (filters.length >= 2) {
+        return (_jsx(AdvanceFilter, { view: column.parent, setShowFilter: finishPopOver, popoverButtonRef: popoverButtonRef }));
+    }
+    if (column.field.filterPickList) {
+        return _jsx(SelectFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver });
+    }
+    if (column.field.type === 'date' ||
+        column.field.type === 'datetime' ||
+        column.field.type === 'time') {
+        return _jsx(SimpleFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver });
+    }
+    if (column.field.type === 'boolean') {
+        return _jsx(BooleanFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver });
+    }
+    return _jsx(CommonFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver });
+}
+FilterType.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    finishPopOver: PropTypes.func.isRequired,
+    onFilter: PropTypes.func.isRequired
+};
+//# sourceMappingURL=FilterType.js.map

package/lib/Core/Components/Filters/FilterType.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterType.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/FilterType.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAErE,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE,gBAAgB,EAAE;IACtF,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,gBAAgB,GAAG,MAAM,EAAE,mBAAmB,EAAE,EAAE,gBAAgB,CAAC;IACzE,MAAM,OAAO,GAAG,mBAAmB,CAAC,EAAE,gBAAgB,EAAE,CAAC,CAAC;IAE1D,IAAI,OAAO,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;QACxB,OAAO,CACL,KAAC,aAAa,IACZ,IAAI,EAAE,MAAM,CAAC,MAAM,EACnB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;QAChC,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;IAC5F,CAAC;IACD,IACE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM;QAC5B,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,UAAU;QAChC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,MAAM,EAC5B,CAAC;QACD,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;IAC5F,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,KAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;IAC7F,CAAC;IAED,OAAO,KAAC,YAAY,IAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,aAAa,EAAE,aAAa,GAAI,CAAC;AAC5F,CAAC;AAED,UAAU,CAAC,SAAS,GAAG;IACrB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { getFilterConditions } from 'pega-repeating-structures-core';\n\nimport AdvanceFilter from './AdvanceFilter';\nimport SelectFilter from './SelectFilter';\nimport SimpleFilter from './SimpleFilter';\nimport CommonFilter from './CommonFilter';\nimport BooleanFilter from './BooleanFilter';\n\nexport default function FilterType({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  if (!column) return null;\n\n  const filterExpression = column?.getFilterProperties()?.filterExpression;\n  const filters = getFilterConditions({ filterExpression });\n\n  if (filters.length >= 2) {\n    return (\n      <AdvanceFilter\n        view={column.parent}\n        setShowFilter={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  if (column.field.filterPickList) {\n    return <SelectFilter column={column} onFilter={onFilter} finishPopOver={finishPopOver} />;\n  }\n  if (\n    column.field.type === 'date' ||\n    column.field.type === 'datetime' ||\n    column.field.type === 'time'\n  ) {\n    return <SimpleFilter column={column} onFilter={onFilter} finishPopOver={finishPopOver} />;\n  }\n  if (column.field.type === 'boolean') {\n    return <BooleanFilter column={column} onFilter={onFilter} finishPopOver={finishPopOver} />;\n  }\n\n  return <CommonFilter column={column} onFilter={onFilter} finishPopOver={finishPopOver} />;\n}\n\nFilterType.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/Hooks/useFilterSubmit.d.ts

@@ -0,0 +1,5 @@
+export default function useFilterSubmit({ finishPopOver, submitFilter }: {
+    finishPopOver: any;
+    submitFilter: any;
+}): () => void;
+//# sourceMappingURL=useFilterSubmit.d.ts.map

package/lib/Core/Components/Filters/Hooks/useFilterSubmit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSubmit.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Filters/Hooks/useFilterSubmit.js"],"names":[],"mappings":"AAEA;;;eAMC"}

package/lib/Core/Components/Filters/Hooks/useFilterSubmit.js

@@ -0,0 +1,10 @@
+import { useCallback } from 'react';
+export default function useFilterSubmit({ finishPopOver, submitFilter }) {
+    return useCallback(() => {
+        const filterSubmitResult = submitFilter();
+        if (filterSubmitResult === false)
+            return;
+        finishPopOver();
+    }, [finishPopOver, submitFilter]);
+}
+//# sourceMappingURL=useFilterSubmit.js.map

package/lib/Core/Components/Filters/Hooks/useFilterSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterSubmit.js","sourceRoot":"","sources":["../../../../../Core/Components/Filters/Hooks/useFilterSubmit.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE;IACrE,OAAO,WAAW,CAAC,GAAG,EAAE;QACtB,MAAM,kBAAkB,GAAG,YAAY,EAAE,CAAC;QAC1C,IAAI,kBAAkB,KAAK,KAAK;YAAE,OAAO;QACzC,aAAa,EAAE,CAAC;IAClB,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,CAAC,CAAC,CAAC;AACpC,CAAC","sourcesContent":["import { useCallback } from 'react';\n\nexport default function useFilterSubmit({ finishPopOver, submitFilter }) {\n  return useCallback(() => {\n    const filterSubmitResult = submitFilter();\n    if (filterSubmitResult === false) return;\n    finishPopOver();\n  }, [finishPopOver, submitFilter]);\n}\n"]}

package/lib/Core/Components/Filters/Hooks/useValidRhsTypes.d.ts

@@ -0,0 +1,2 @@
+export default function useValidRhsTypes(view: any): Set<string>;
+//# sourceMappingURL=useValidRhsTypes.d.ts.map

package/lib/Core/Components/Filters/Hooks/useValidRhsTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidRhsTypes.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Filters/Hooks/useValidRhsTypes.js"],"names":[],"mappings":"AAEA,iEAWC"}

package/lib/Core/Components/Filters/Hooks/useValidRhsTypes.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+export default function useValidRhsTypes(view) {
+    return useMemo(() => {
+        const rhsTypes = ['LITERAL', 'FIELD']; // Defaults
+        if (view.meta.dateFunctions) {
+            rhsTypes.push('DATE_FUNCTION');
+        }
+        if (view.meta.relativeDates) {
+            rhsTypes.push('RELATIVE_DATE');
+        }
+        return new Set(rhsTypes);
+    }, [view.meta.dateFunctions, view.meta.relativeDates]);
+}
+//# sourceMappingURL=useValidRhsTypes.js.map

package/lib/Core/Components/Filters/Hooks/useValidRhsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidRhsTypes.js","sourceRoot":"","sources":["../../../../../Core/Components/Filters/Hooks/useValidRhsTypes.js"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,IAAI;IAC3C,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,MAAM,QAAQ,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,WAAW;QAClD,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjC,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;QACjC,CAAC;QACD,OAAO,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC;AACzD,CAAC","sourcesContent":["import { useMemo } from 'react';\n\nexport default function useValidRhsTypes(view) {\n  return useMemo(() => {\n    const rhsTypes = ['LITERAL', 'FIELD']; // Defaults\n    if (view.meta.dateFunctions) {\n      rhsTypes.push('DATE_FUNCTION');\n    }\n    if (view.meta.relativeDates) {\n      rhsTypes.push('RELATIVE_DATE');\n    }\n    return new Set(rhsTypes);\n  }, [view.meta.dateFunctions, view.meta.relativeDates]);\n}\n"]}

package/lib/Core/Components/Filters/InputWrapper.d.ts

@@ -0,0 +1,28 @@
+declare const _default: import("react").MemoExoticComponent<{
+    (props: any): import("react/jsx-runtime").JSX.Element;
+    propTypes: {
+        id: PropTypes.Requireable<string>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onKeyDown: PropTypes.Validator<(...args: any[]) => any>;
+        placeholder: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        style: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        type: PropTypes.Requireable<string>;
+        label: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
+    };
+    defaultProps: {
+        id: string;
+        placeholder: null;
+        style: null;
+        value: string;
+        label: string;
+        type: string;
+    };
+}>;
+export default _default;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=InputWrapper.d.ts.map

package/lib/Core/Components/Filters/InputWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/InputWrapper.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;sBAAsB,YAAY"}

package/lib/Core/Components/Filters/InputWrapper.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { memo, useCallback } from 'react';
+import { Input } from '@pega/cosmos-react-core';
+const InputWrapper = props => {
+    const { id, type, placeholder, style, value, onChange, onKeyDown, label } = props;
+    const onChangehandler = useCallback(e => {
+        const v = e.target.value;
+        if (!Number.isNaN(v)) {
+            onChange(v);
+        }
+    }, [onChange]);
+    const onKeyDownHandler = useCallback(e => {
+        const v = e.target.value;
+        if (!Number.isNaN(v)) {
+            onKeyDown(e);
+        }
+    }, [onKeyDown]);
+    return (_jsx(Input, { id: id, type: type, onChange: onChangehandler, placeholder: placeholder, style: style, value: value, label: label, onKeyDown: onKeyDownHandler }));
+};
+InputWrapper.propTypes = {
+    id: PropTypes.string,
+    onChange: PropTypes.func.isRequired,
+    onKeyDown: PropTypes.func.isRequired,
+    placeholder: PropTypes.objectOf(PropTypes.any),
+    style: PropTypes.objectOf(PropTypes.any),
+    type: PropTypes.string,
+    label: PropTypes.string,
+    value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+};
+InputWrapper.defaultProps = {
+    id: '',
+    placeholder: null,
+    style: null,
+    value: '',
+    label: '',
+    type: ''
+};
+export default memo(InputWrapper);
+//# sourceMappingURL=InputWrapper.js.map

package/lib/Core/Components/Filters/InputWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputWrapper.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/InputWrapper.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEhD,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;IAC3B,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAClF,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,CAAC,EAAE;QACF,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,QAAQ,CAAC,CAAC,CAAC,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,CAAC,EAAE;QACF,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACrB,SAAS,CAAC,CAAC,CAAC,CAAC;QACf,CAAC;IACH,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,CACL,KAAC,KAAK,IACJ,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,eAAe,EACzB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,gBAAgB,GAC3B,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,YAAY,CAAC,SAAS,GAAG;IACvB,EAAE,EAAE,SAAS,CAAC,MAAM;IACpB,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACnC,SAAS,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACpC,WAAW,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IAC9C,KAAK,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACxC,IAAI,EAAE,SAAS,CAAC,MAAM;IACtB,KAAK,EAAE,SAAS,CAAC,MAAM;IACvB,KAAK,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACjE,CAAC;AAEF,YAAY,CAAC,YAAY,GAAG;IAC1B,EAAE,EAAE,EAAE;IACN,WAAW,EAAE,IAAI;IACjB,KAAK,EAAE,IAAI;IACX,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC,YAAY,CAAC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { memo, useCallback } from 'react';\n\nimport { Input } from '@pega/cosmos-react-core';\n\nconst InputWrapper = props => {\n  const { id, type, placeholder, style, value, onChange, onKeyDown, label } = props;\n  const onChangehandler = useCallback(\n    e => {\n      const v = e.target.value;\n      if (!Number.isNaN(v)) {\n        onChange(v);\n      }\n    },\n    [onChange]\n  );\n  const onKeyDownHandler = useCallback(\n    e => {\n      const v = e.target.value;\n      if (!Number.isNaN(v)) {\n        onKeyDown(e);\n      }\n    },\n    [onKeyDown]\n  );\n\n  return (\n    <Input\n      id={id}\n      type={type}\n      onChange={onChangehandler}\n      placeholder={placeholder}\n      style={style}\n      value={value}\n      label={label}\n      onKeyDown={onKeyDownHandler}\n    />\n  );\n};\n\nInputWrapper.propTypes = {\n  id: PropTypes.string,\n  onChange: PropTypes.func.isRequired,\n  onKeyDown: PropTypes.func.isRequired,\n  placeholder: PropTypes.objectOf(PropTypes.any),\n  style: PropTypes.objectOf(PropTypes.any),\n  type: PropTypes.string,\n  label: PropTypes.string,\n  value: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n};\n\nInputWrapper.defaultProps = {\n  id: '',\n  placeholder: null,\n  style: null,\n  value: '',\n  label: '',\n  type: ''\n};\n\nexport default memo(InputWrapper);\n"]}

package/lib/Core/Components/Filters/SelectFilter.d.ts

@@ -0,0 +1,17 @@
+declare function SelectFilter({ column, finishPopOver, onFilter }: {
+    column: any;
+    finishPopOver: any;
+    onFilter: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SelectFilter {
+    namespace propTypes {
+        let column: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        let finishPopOver: PropTypes.Validator<(...args: any[]) => any>;
+        let onFilter: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default SelectFilter;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=SelectFilter.d.ts.map

package/lib/Core/Components/Filters/SelectFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"AA0BA;;;;4CA8IC;;;;;;;;;;;sBAxKqB,YAAY"}

package/lib/Core/Components/Filters/SelectFilter.js

@@ -0,0 +1,116 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useState, useEffect, useCallback } from 'react';
+import styled from 'styled-components';
+import { Checkbox, CheckboxGroup, Flex, Select, Option } from '@pega/cosmos-react-core';
+import { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';
+import LoadingIndicator from '../LoadingIndicator';
+import RenderingEngine from '../RenderingEngine/RenderCell';
+import useTranslate from '../../Hooks/useTranslate';
+import FilterMenu from './FilterMenu';
+const LoadingIndicatorStyle = styled.div `
+  position: absolute;
+  margin: auto;
+  left: 0;
+  right: 0;
+`;
+const CheckboxGroupStyle = styled.div `
+  max-height: 11.719rem;
+  overflow: auto;
+  margin-top: 0.5rem;
+`;
+export default function SelectFilter({ column, finishPopOver, onFilter }) {
+    const [fInput, fValue, , filterExpression] = getFilterInitializers(column);
+    const [uniqueValues, setUniqueColumnValues] = useState([]);
+    const [uniqueValuesFetched, setUniqueValuesFetched] = useState(false);
+    // Prepopulate the select filter with values only when global filter condition matches with condition in select filter.
+    const prePopulateSelectFilter = column.field.filterParams.some(filterParam => filterParam.key === fValue);
+    const [selectedValues, setSelectedValues] = useState(prePopulateSelectFilter ? fInput : []);
+    const [comparator, setComparator] = useState(fValue);
+    const syncUniqueValues = useCallback(() => {
+        if (!uniqueValuesFetched)
+            column.getUniqueValues().then(filteredData => {
+                setUniqueValuesFetched(true);
+                setUniqueColumnValues(filteredData);
+            });
+    }, [column, uniqueValuesFetched]);
+    const [translate] = useTranslate();
+    useEffect(() => {
+        const resultSet = new Set();
+        column.data.forEach(d => {
+            if (d)
+                resultSet.add(d);
+        });
+        setUniqueColumnValues([...resultSet]);
+    }, [column]);
+    // set the comparator as 1st option by default only if global filter criteria does not match with select filter (prepopulateSelectFilter)
+    useEffect(() => {
+        if (!prePopulateSelectFilter && column.field.filterParams?.[0]?.key)
+            setComparator(column.field.filterParams[0].key);
+        // Should be call only on initial load thats why empty dependencies
+    }, []);
+    useEffect(() => {
+        if (!column.field?.filterParams?.find(item => item.key !== 'select'))
+            return;
+        syncUniqueValues();
+    }, [column, syncUniqueValues]);
+    const onFilterChange = useCallback(({ value: comparatorType }) => {
+        setComparator(comparatorType);
+    }, []);
+    const submitFilter = useCallback(() => {
+        const formattedComp = comparatorMap[comparator];
+        let localFilterExpression = null;
+        const input = formattedComp === comparatorMap.isNull || formattedComp === comparatorMap.isNotNull
+            ? null
+            : selectedValues;
+        localFilterExpression = addFilter({
+            // Ignore the initial filter expression if prePopulateSelectFilter is true as user has chosen to override it.
+            filterExpression: prePopulateSelectFilter ? null : filterExpression,
+            comparator: formattedComp,
+            column,
+            input
+        });
+        onFilter({
+            filterExp: localFilterExpression
+        });
+    }, [comparator, selectedValues, filterExpression, column, onFilter, prePopulateSelectFilter]);
+    const isSelected = useCallback(value => {
+        return new Set(selectedValues).has(value);
+    }, [selectedValues]);
+    const onSelectOrDeselect = useCallback(event => {
+        /* Disabling operators like isAnyOf isNoneOf */
+        const { value, checked } = event.target;
+        const inputValue = column.field.type === 'number' ? parseFloat(value) : value;
+        /* collecting set of unique values to sent with different operators */
+        if (checked)
+            setSelectedValues(selectedValues
+                ? [...new Set([inputValue, ...selectedValues])]
+                : [...new Set([inputValue])]);
+        else {
+            const index = selectedValues.findIndex(val => val === inputValue);
+            const values = selectedValues.slice(0, index).concat(selectedValues.slice(index + 1));
+            setSelectedValues(values);
+        }
+    }, [column, selectedValues]);
+    // show unique values checkboxes for selection only if comparator is other than 'IS_NULL' and 'IS_NOT_NULL'
+    const showUniqueValues = ![comparatorMap.isNull, comparatorMap.isNotNull].includes(comparatorMap[comparator]);
+    return (_jsxs(FilterMenu, { finishPopOver: finishPopOver, column: column, submitFilter: submitFilter, children: [_jsx(Flex, { children: _jsx(Select, { defaultValue: comparator, onChange: e => onFilterChange({ value: e.target.value }), children: (column.field.filterParams || []).map(opt => (_jsx(Option, { value: opt.key, children: translate(opt.value) }, opt.key))) }) }), showUniqueValues && (_jsxs(CheckboxGroupStyle, { className: 'popup-menu', children: [_jsx(CheckboxGroup, { children: uniqueValues.map(item => {
+                            const isItemSelected = isSelected(item);
+                            // Custom context prepared for Rendering engine should contain getExecutionContext
+                            // otherwise the execution context will be populated wrongly from the previous table rendering cycle.
+                            // For Select filter execution context should be derived from unique values that are displayed in the modal.
+                            const context = {
+                                getExecutionContext: () => {
+                                    return { getValue: () => ({ [column.field.name]: item }), name: 'selectFilter' };
+                                },
+                                getValue: () => item
+                            };
+                            return (_jsx(Checkbox, { id: item, defaultChecked: isItemSelected, name: item, onClick: onSelectOrDeselect, value: item, label: _jsx(RenderingEngine, { ...column.getRenderingEngineProps(), context: context }) }, item));
+                        }) }), _jsx(LoadingIndicatorStyle, { children: _jsx(LoadingIndicator, { view: column.parent, show: !uniqueValuesFetched }) })] }))] }));
+}
+SelectFilter.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any).isRequired,
+    finishPopOver: PropTypes.func.isRequired,
+    onFilter: PropTypes.func.isRequired
+};
+//# sourceMappingURL=SelectFilter.js.map

package/lib/Core/Components/Filters/SelectFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useEffect, useCallback } from 'react';\nimport styled from 'styled-components';\n\nimport { Checkbox, CheckboxGroup, Flex, Select, Option } from '@pega/cosmos-react-core';\nimport { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';\n\nimport LoadingIndicator from '../LoadingIndicator';\nimport RenderingEngine from '../RenderingEngine/RenderCell';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport FilterMenu from './FilterMenu';\n\nconst LoadingIndicatorStyle = styled.div`\n  position: absolute;\n  margin: auto;\n  left: 0;\n  right: 0;\n`;\n\nconst CheckboxGroupStyle = styled.div`\n  max-height: 11.719rem;\n  overflow: auto;\n  margin-top: 0.5rem;\n`;\n\nexport default function SelectFilter({ column, finishPopOver, onFilter }) {\n  const [fInput, fValue, , filterExpression] = getFilterInitializers(column);\n  const [uniqueValues, setUniqueColumnValues] = useState([]);\n  const [uniqueValuesFetched, setUniqueValuesFetched] = useState(false);\n  // Prepopulate the select filter with values only when global filter condition matches with condition in select filter.\n  const prePopulateSelectFilter = column.field.filterParams.some(\n    filterParam => filterParam.key === fValue\n  );\n  const [selectedValues, setSelectedValues] = useState(prePopulateSelectFilter ? fInput : []);\n  const [comparator, setComparator] = useState(fValue);\n\n  const syncUniqueValues = useCallback(() => {\n    if (!uniqueValuesFetched)\n      column.getUniqueValues().then(filteredData => {\n        setUniqueValuesFetched(true);\n        setUniqueColumnValues(filteredData);\n      });\n  }, [column, uniqueValuesFetched]);\n  const [translate] = useTranslate();\n  useEffect(() => {\n    const resultSet = new Set();\n    column.data.forEach(d => {\n      if (d) resultSet.add(d);\n    });\n    setUniqueColumnValues([...resultSet]);\n  }, [column]);\n\n  // set the comparator as 1st option by default only if global filter criteria does not match with select filter (prepopulateSelectFilter)\n  useEffect(() => {\n    if (!prePopulateSelectFilter && column.field.filterParams?.[0]?.key)\n      setComparator(column.field.filterParams[0].key);\n    // Should be call only on initial load thats why empty dependencies\n  }, []);\n\n  useEffect(() => {\n    if (!column.field?.filterParams?.find(item => item.key !== 'select')) return;\n    syncUniqueValues();\n  }, [column, syncUniqueValues]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    const formattedComp = comparatorMap[comparator];\n    let localFilterExpression = null;\n    const input =\n      formattedComp === comparatorMap.isNull || formattedComp === comparatorMap.isNotNull\n        ? null\n        : selectedValues;\n    localFilterExpression = addFilter({\n      // Ignore the initial filter expression if prePopulateSelectFilter is true as user has chosen to override it.\n      filterExpression: prePopulateSelectFilter ? null : filterExpression,\n      comparator: formattedComp,\n      column,\n      input\n    });\n    onFilter({\n      filterExp: localFilterExpression\n    });\n  }, [comparator, selectedValues, filterExpression, column, onFilter, prePopulateSelectFilter]);\n\n  const isSelected = useCallback(\n    value => {\n      return new Set(selectedValues).has(value);\n    },\n    [selectedValues]\n  );\n\n  const onSelectOrDeselect = useCallback(\n    event => {\n      /* Disabling operators like isAnyOf isNoneOf */\n      const { value, checked } = event.target;\n      const inputValue = column.field.type === 'number' ? parseFloat(value) : value;\n      /* collecting set of unique values to sent with different operators */\n      if (checked)\n        setSelectedValues(\n          selectedValues\n            ? [...new Set([inputValue, ...selectedValues])]\n            : [...new Set([inputValue])]\n        );\n      else {\n        const index = selectedValues.findIndex(val => val === inputValue);\n        const values = selectedValues.slice(0, index).concat(selectedValues.slice(index + 1));\n        setSelectedValues(values);\n      }\n    },\n    [column, selectedValues]\n  );\n\n  // show unique values checkboxes for selection only if comparator is other than 'IS_NULL' and 'IS_NOT_NULL'\n  const showUniqueValues = ![comparatorMap.isNull, comparatorMap.isNotNull].includes(\n    comparatorMap[comparator]\n  );\n\n  return (\n    <FilterMenu finishPopOver={finishPopOver} column={column} submitFilter={submitFilter}>\n      <Flex>\n        <Select defaultValue={comparator} onChange={e => onFilterChange({ value: e.target.value })}>\n          {(column.field.filterParams || []).map(opt => (\n            <Option key={opt.key} value={opt.key}>\n              {translate(opt.value)}\n            </Option>\n          ))}\n        </Select>\n      </Flex>\n      {showUniqueValues && (\n        <CheckboxGroupStyle className='popup-menu'>\n          <CheckboxGroup>\n            {uniqueValues.map(item => {\n              const isItemSelected = isSelected(item);\n              // Custom context prepared for Rendering engine should contain getExecutionContext\n              // otherwise the execution context will be populated wrongly from the previous table rendering cycle.\n              // For Select filter execution context should be derived from unique values that are displayed in the modal.\n              const context = {\n                getExecutionContext: () => {\n                  return { getValue: () => ({ [column.field.name]: item }), name: 'selectFilter' };\n                },\n                getValue: () => item\n              };\n              return (\n                <Checkbox\n                  key={item}\n                  id={item}\n                  defaultChecked={isItemSelected}\n                  name={item}\n                  onClick={onSelectOrDeselect}\n                  value={item}\n                  label={\n                    <RenderingEngine {...column.getRenderingEngineProps()} context={context} />\n                  }\n                />\n              );\n            })}\n          </CheckboxGroup>\n          <LoadingIndicatorStyle>\n            <LoadingIndicator view={column.parent} show={!uniqueValuesFetched} />\n          </LoadingIndicatorStyle>\n        </CheckboxGroupStyle>\n      )}\n    </FilterMenu>\n  );\n}\n\nSelectFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/SimpleFilter.d.ts

@@ -0,0 +1,17 @@
+declare function SimpleFilter({ column, onFilter, finishPopOver }: {
+    column: any;
+    onFilter: any;
+    finishPopOver: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace SimpleFilter {
+    namespace propTypes {
+        let column: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        let finishPopOver: PropTypes.Validator<(...args: any[]) => any>;
+        let onFilter: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+export default SimpleFilter;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=SimpleFilter.d.ts.map

package/lib/Core/Components/Filters/SimpleFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SimpleFilter.jsx"],"names":[],"mappings":"AAWA;;;;4CAyCC;;;;;;;;;;;sBApDqB,YAAY"}

package/lib/Core/Components/Filters/SimpleFilter.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useCallback, useRef } from 'react';
+import { FieldCondition } from '@pega/cosmos-react-condition-builder';
+import { getFilterInitializers } from 'pega-repeating-structures-core';
+import getMenuItemsFromColumns from '../Toolbar/utils/utils';
+import useValidRhsTypes from './Hooks/useValidRhsTypes';
+import FilterMenu from './FilterMenu';
+export default function SimpleFilter({ column, onFilter, finishPopOver }) {
+    const view = column.parent;
+    const formattedColumns = getMenuItemsFromColumns(view.columns?.filter(c => c.field.filter), 'name');
+    const validRhsTypes = useValidRhsTypes(view);
+    const [, , prevConditionOnColumn] = getFilterInitializers(column); // Any previous condition on this column
+    const handle = useRef(null);
+    const onSubmit = useCallback(() => {
+        if (!handle.current)
+            return true;
+        const [isValid, condition] = handle.current.getCondition();
+        if (!isValid)
+            return false;
+        // Apply the new condition on the view
+        let filterExp = { condition };
+        // If there was a previous filter but not on this column, combine the two filters
+        const prevFilter = column?.getFilterProperties()?.filterExpression;
+        if (prevFilter && Object.keys(prevFilter).length > 0 && !prevConditionOnColumn) {
+            filterExp = { AND: [prevFilter, filterExp] };
+        }
+        onFilter({ filterExp });
+        return true;
+    }, [column, onFilter, prevConditionOnColumn]);
+    return (_jsx(FilterMenu, { finishPopOver: finishPopOver, column: column, submitFilter: onSubmit, children: _jsx(FieldCondition, { targetField: column.field.name, fields: formattedColumns, condition: prevConditionOnColumn, validRhsTypes: validRhsTypes, dateFunctions: view.meta.dateFunctions, handle: handle }) }));
+}
+SimpleFilter.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any).isRequired,
+    finishPopOver: PropTypes.func.isRequired,
+    onFilter: PropTypes.func.isRequired
+};
+//# sourceMappingURL=SimpleFilter.js.map

package/lib/Core/Components/Filters/SimpleFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SimpleFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SimpleFilter.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AACtE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAEvE,OAAO,uBAAuB,MAAM,wBAAwB,CAAC;AAE7D,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AACxD,OAAO,UAAU,MAAM,cAAc,CAAC;AAEtC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,aAAa,EAAE;IACtE,MAAM,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;IAC3B,MAAM,gBAAgB,GAAG,uBAAuB,CAC9C,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,EACzC,MAAM,CACP,CAAC;IACF,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,CAAC,EAAE,AAAD,EAAG,qBAAqB,CAAC,GAAG,qBAAqB,CAAC,MAAM,CAAC,CAAC,CAAC,wCAAwC;IAC3G,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,QAAQ,GAAG,WAAW,CAAC,GAAG,EAAE;QAChC,IAAI,CAAC,MAAM,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAEjC,MAAM,CAAC,OAAO,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;QAC3D,IAAI,CAAC,OAAO;YAAE,OAAO,KAAK,CAAC;QAE3B,sCAAsC;QACtC,IAAI,SAAS,GAAG,EAAE,SAAS,EAAE,CAAC;QAE9B,iFAAiF;QACjF,MAAM,UAAU,GAAG,MAAM,EAAE,mBAAmB,EAAE,EAAE,gBAAgB,CAAC;QACnE,IAAI,UAAU,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC/E,SAAS,GAAG,EAAE,GAAG,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,EAAE,CAAC;QAC/C,CAAC;QAED,QAAQ,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;QACxB,OAAO,IAAI,CAAC;IACd,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE9C,OAAO,CACL,KAAC,UAAU,IAAC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,QAAQ,YAC9E,KAAC,cAAc,IACb,WAAW,EAAE,MAAM,CAAC,KAAK,CAAC,IAAI,EAC9B,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,qBAAqB,EAChC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EACtC,MAAM,EAAE,MAAM,GACd,GACS,CACd,CAAC;AACJ,CAAC;AAED,YAAY,CAAC,SAAS,GAAG;IACvB,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;IACpD,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACpC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef } from 'react';\n\nimport { FieldCondition } from '@pega/cosmos-react-condition-builder';\nimport { getFilterInitializers } from 'pega-repeating-structures-core';\n\nimport getMenuItemsFromColumns from '../Toolbar/utils/utils';\n\nimport useValidRhsTypes from './Hooks/useValidRhsTypes';\nimport FilterMenu from './FilterMenu';\n\nexport default function SimpleFilter({ column, onFilter, finishPopOver }) {\n  const view = column.parent;\n  const formattedColumns = getMenuItemsFromColumns(\n    view.columns?.filter(c => c.field.filter),\n    'name'\n  );\n  const validRhsTypes = useValidRhsTypes(view);\n  const [, , prevConditionOnColumn] = getFilterInitializers(column); // Any previous condition on this column\n  const handle = useRef(null);\n\n  const onSubmit = useCallback(() => {\n    if (!handle.current) return true;\n\n    const [isValid, condition] = handle.current.getCondition();\n    if (!isValid) return false;\n\n    // Apply the new condition on the view\n    let filterExp = { condition };\n\n    // If there was a previous filter but not on this column, combine the two filters\n    const prevFilter = column?.getFilterProperties()?.filterExpression;\n    if (prevFilter && Object.keys(prevFilter).length > 0 && !prevConditionOnColumn) {\n      filterExp = { AND: [prevFilter, filterExp] };\n    }\n\n    onFilter({ filterExp });\n    return true;\n  }, [column, onFilter, prevConditionOnColumn]);\n\n  return (\n    <FilterMenu finishPopOver={finishPopOver} column={column} submitFilter={onSubmit}>\n      <FieldCondition\n        targetField={column.field.name}\n        fields={formattedColumns}\n        condition={prevConditionOnColumn}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={view.meta.dateFunctions} // Could be undefined\n        handle={handle}\n      />\n    </FilterMenu>\n  );\n}\n\nSimpleFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}

package/lib/Core/Components/Filters/config.d.ts

@@ -0,0 +1,75 @@
+export namespace filterParams {
+    let date: {
+        value: string;
+        key: string;
+    }[];
+    let time: {
+        value: string;
+        key: string;
+    }[];
+    let datetime: {
+        value: string;
+        key: string;
+    }[];
+    let number: {
+        value: string;
+        key: string;
+    }[];
+    let text: {
+        value: string;
+        key: string;
+    }[];
+    let URL: {
+        value: string;
+        key: string;
+    }[];
+    let pickList: {
+        value: string;
+        key: string;
+    }[];
+    let boolean: ({
+        value: boolean;
+        key: string;
+    } | {
+        value: string;
+        key: string;
+    })[];
+}
+export namespace typeMap {
+    let text_1: string;
+    export { text_1 as text };
+    let number_1: string;
+    export { number_1 as number };
+    let boolean_1: string;
+    export { boolean_1 as boolean };
+    let datetime_1: string;
+    export { datetime_1 as datetime };
+    let date_1: string;
+    export { date_1 as date };
+    let time_1: string;
+    export { time_1 as time };
+}
+export namespace comparatorMap {
+    export let isNull: string;
+    export let isNotNull: string;
+    export let equals: string;
+    export let notEquals: string;
+    export let greaterThan: string;
+    export let notEqualsTo: string;
+    export let greaterThanEquals: string;
+    export let lessThan: string;
+    export let lessThanEquals: string;
+    export let isTrue: string;
+    export let isFalse: string;
+    let _in: string;
+    export { _in as in };
+    export let notIn: string;
+    export let startsWith: string;
+    export let notStartsWith: string;
+    export let endsWith: string;
+    export let notEndsWith: string;
+    export let notContains: string;
+    export let contains: string;
+    export let inRange: string;
+}
+//# sourceMappingURL=config.d.ts.map

package/lib/Core/Components/Filters/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/config.js"],"names":[],"mappings":""}