@pega/lists-react 9.0.0-build.9.9 → 10.0.0-build.1.0

package/lib/Core/Components/DefaultComponents/PersonalizationSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationSelector.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Menu, useModalManager } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport PersonalizationUnsavedWarning from './PersonalizationUnsavedWarning';\n\nconst personalisationClicked = (\n  option,\n  personalization,\n  actionPersonalizationSetActive,\n  activePersonalizationName,\n  create,\n  translate\n) => {\n  if (option.id === personalization.active) {\n    return;\n  }\n  if (!personalization?.dirty) {\n    actionPersonalizationSetActive(option);\n    return;\n  }\n\n  create(\n    PersonalizationUnsavedWarning,\n    {\n      onSubmit: () => {\n        actionPersonalizationSetActive(option);\n      },\n      activePersonalizationName,\n      translate\n    },\n    { alert: true }\n  );\n};\n\nexport const usePersonalizationSelector = ({\n  personalization,\n  nonPersonalizationViewName,\n  actionPersonalizationSetActive,\n  name,\n  defaultPresetId\n}) => {\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const personalizations = personalization?.allPersonalizations || {};\n  const activePersonalization = personalization?.active || defaultPresetId;\n  let activePersonalizationName =\n    personalization?.allPersonalizations?.[activePersonalization]?.name;\n  if (activePersonalization === defaultPresetId) {\n    activePersonalizationName = name ?? nonPersonalizationViewName;\n  }\n  const dependentPresetId = personalizations?.APP_DEFAULT?.personalizationState?.presetId;\n\n  const defaultPersonalization = personalization?.defaultPersonalization;\n\n  const { [dependentPresetId]: _, ...filteredPersonalizations } = personalizations ?? {};\n\n  const options = Object.keys(filteredPersonalizations).map(key => ({\n    id: key,\n    name: personalizations[key]?.name,\n    isPreset: personalizations[key]?.isPreset\n  }));\n\n  let defaultId;\n  let appDefaultId;\n  const primaryName = option => {\n    if (option.id === 'APP_DEFAULT') {\n      appDefaultId = option.id;\n      return `${option.name} (app default)`;\n      // eslint-disable-next-line no-else-return\n    } else if (option.id === defaultPersonalization) {\n      defaultId = option.id;\n      return `${option.name} (default)`;\n    } else {\n      return option.name;\n    }\n  };\n\n  const actions = options.reduce(\n    (acc, option) => {\n      const obj = {\n        id: option.id,\n        primary: primaryName(option),\n        text: option.name,\n        selected: option.id === activePersonalization,\n        onClick: () => {\n          personalisationClicked(\n            option,\n            personalization,\n            actionPersonalizationSetActive,\n            activePersonalizationName,\n            create,\n            translate\n          );\n        }\n      };\n      if (option.isPreset) acc[0].push(obj);\n      else acc[1].push(obj);\n      return acc;\n    },\n    [[], []]\n  );\n\n  return { actions, activePersonalizationName, defaultId, appDefaultId };\n};\n\nexport default function PersonalizationSelector({ view }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const { actions } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization\n  });\n\n  return <Menu className='action-menu' items={actions} mode='single-select' />;\n}\n\nPersonalizationSelector.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"PersonalizationSelector.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/PersonalizationSelector.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Menu, useModalManager } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport PersonalizationUnsavedWarning from './PersonalizationUnsavedWarning';\n\nconst personalisationClicked = (\n  option,\n  personalization,\n  actionPersonalizationSetActive,\n  activePersonalizationName,\n  create,\n  translate\n) => {\n  if (option.id === personalization.active) {\n    return;\n  }\n  if (!personalization?.dirty) {\n    actionPersonalizationSetActive(option);\n    return;\n  }\n\n  create(\n    PersonalizationUnsavedWarning,\n    {\n      onSubmit: () => {\n        actionPersonalizationSetActive(option);\n      },\n      activePersonalizationName,\n      translate\n    },\n    { alert: true }\n  );\n};\n\nexport const usePersonalizationSelector = ({\n  personalization,\n  nonPersonalizationViewName,\n  actionPersonalizationSetActive,\n  name,\n  defaultPresetId\n}) => {\n  const [translate] = useTranslate();\n  const { create } = useModalManager();\n  const personalizations = personalization?.allPersonalizations || {};\n  const activePersonalization = personalization?.active || defaultPresetId;\n  let activePersonalizationName =\n    personalization?.allPersonalizations?.[activePersonalization]?.name;\n  if (activePersonalization === defaultPresetId) {\n    activePersonalizationName = name ?? nonPersonalizationViewName;\n  }\n  const dependentPresetId = personalizations?.APP_DEFAULT?.personalizationState?.presetId;\n\n  const defaultPersonalization = personalization?.defaultPersonalization;\n\n  const { [dependentPresetId]: _, ...filteredPersonalizations } = personalizations ?? {};\n\n  const options = Object.keys(filteredPersonalizations).map(key => ({\n    id: key,\n    name: personalizations[key]?.name,\n    isPreset: personalizations[key]?.isPreset\n  }));\n\n  const primaryName = option => {\n    if (option.id === 'APP_DEFAULT') {\n      return `${option.name} (app default)`;\n      // eslint-disable-next-line no-else-return\n    } else if (option.id === defaultPersonalization) {\n      return `${option.name} (default)`;\n    } else {\n      return option.name;\n    }\n  };\n\n  const actions = options.reduce(\n    (acc, option) => {\n      const obj = {\n        id: option.id,\n        primary: primaryName(option),\n        text: option.name,\n        selected: option.id === activePersonalization,\n        onClick: () => {\n          personalisationClicked(\n            option,\n            personalization,\n            actionPersonalizationSetActive,\n            activePersonalizationName,\n            create,\n            translate\n          );\n        }\n      };\n      // If this is the default personalization,\n      // place it at the beginning of the preset personalizations (acc[0])\n      if (option.id === defaultPersonalization) {\n        acc[0].unshift(obj);\n      } else {\n        // Preset personalizations go into acc[0],\n        // custom personalizations go into acc[1]\n        (option.isPreset ? acc[0] : acc[1]).push(obj);\n      }\n      return acc;\n    },\n    [[], []]\n  );\n\n  return { actions, activePersonalizationName };\n};\n\nexport default function PersonalizationSelector({ view }) {\n  const {\n    state: { personalization },\n    meta: { nonPersonalizationViewName }\n  } = view;\n  const { actions } = usePersonalizationSelector({\n    personalization,\n    nonPersonalizationViewName,\n    actionPersonalizationSetActive: view.type.applyActivePersonalization\n  });\n\n  return <Menu className='action-menu' items={actions} mode='single-select' />;\n}\n\nPersonalizationSelector.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

package/lib/Core/Components/DefaultComponents/SelectAllCheckbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":"AAmBA;;;;mDA2CC;;;;;;;;;sBA7DqB,YAAY"}
+{"version":3,"file":"SelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":"AAwBA;;;;mDAsCC;;;;;;;;;sBA7DqB,YAAY"}

package/lib/Core/Components/DefaultComponents/SelectAllCheckbox.js

@@ -1,12 +1,17 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
-import { useRef } from 'react';
 import { Checkbox } from '@pega/cosmos-react-core';
 import { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';
 import useTranslate from '../../Hooks/useTranslate';
+import useSelectAllCheckbox from '../../Hooks/useSelectAllCheckbox';
 const StyledDivWrapper = styled.div `
   height: 100%;
+
+  /* adding padding to the row select checkbox to give space of outline focus ring */
+  padding-block: 0.125rem;
+  padding-inline: 0.25rem;
+
   > div {
     height: 100%;
   }
@@ -16,26 +21,22 @@ const StyledDivWrapper = styled.div `
 `;
 export default function SelectAllCheckbox({ selectAllRows, getExecutionContext, getDisableSelection }) {
     const [translate] = useTranslate();
-    const isProcessingRef = useRef(false);
-    const { selectedRecordsCount, resultsCount, getState, getMeta } = getExecutionContext();
-    if (!getState().showSelectAllCheckbox) {
+    const { selectedRecordsCount, resultsCount, hasMoreResults, getMeta } = getExecutionContext?.() ?? {};
+    const { selectionMode, selectionCountThreshold, disableSelectionOnLoad } = getMeta?.() ?? {};
+    const { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange } = useSelectAllCheckbox({
+        selectedRecordsCount,
+        resultsCount,
+        hasMoreResults,
+        selectionMode,
+        selectionCountThreshold,
+        disableSelectionOnLoad,
+        selectAllRows,
+        getDisableSelection
+    });
+    if (!showSelectAllCheckbox) {
         return null;
     }
-    const { disableSelectionOnLoad } = getMeta();
-    const disableSelection = getDisableSelection() ?? disableSelectionOnLoad;
-    const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;
-    const isChecked = (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;
-    const handleChange = event => {
-        if (disableSelection || isProcessingRef.current) {
-            return;
-        }
-        const { checked } = event.target;
-        isProcessingRef.current = true;
-        selectAllRows(checked).then(() => {
-            isProcessingRef.current = false;
-        });
-    };
-    return (_jsx(StyledDivWrapper, { item: true, children: _jsx(Checkbox, { className: 'select-all-checkbox', checked: isChecked, onChange: handleChange, indeterminate: isIndeterminate, "aria-label": translate('Select all'), disabled: disableSelection }) }));
+    return (_jsx(StyledDivWrapper, { item: true, children: _jsx(Checkbox, { className: 'select-all-checkbox', checked: isChecked, onChange: handleChange, indeterminate: isIndeterminate, "aria-label": translate('Select all'), disabled: isDisabled }) }));
 }
 SelectAllCheckbox.propTypes = {
     getExecutionContext: PropTypes.func.isRequired,

package/lib/Core/Components/DefaultComponents/SelectAllCheckbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectAllCheckbox.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;IAK/B,sBAAsB;;;CAGzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB;IACC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,mBAAmB,EAAE,CAAC;IACxF,IAAI,CAAC,QAAQ,EAAE,CAAC,qBAAqB,EAAE,CAAC;QACtC,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,sBAAsB,EAAE,GAAG,OAAO,EAAE,CAAC;IAC7C,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,IAAI,sBAAsB,CAAC;IAEzE,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC;IAE1F,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,IAAI,eAAe,CAAC;IACzF,MAAM,YAAY,GAAG,KAAK,CAAC,EAAE;QAC3B,IAAI,gBAAgB,IAAI,eAAe,CAAC,OAAO,EAAE,CAAC;YAChD,OAAO;QACT,CAAC;QACD,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC;QACjC,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAE/B,aAAa,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,EAAE;YAC/B,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,kBACpB,KAAC,QAAQ,IACP,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,eAAe,gBAClB,SAAS,CAAC,YAAY,CAAC,EACnC,QAAQ,EAAE,gBAAgB,GAC1B,GACe,CACpB,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC9C,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,mBAAmB,EAAE,SAAS,CAAC,IAAI;CACpC,CAAC","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\nimport { useRef } from 'react';\n\nimport { Checkbox } from '@pega/cosmos-react-core';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst StyledDivWrapper = styled.div`\n  height: 100%;\n  > div {\n    height: 100%;\n  }\n  ${StyledPseudoRadioCheck} {\n    margin-inline-end: 0;\n  }\n`;\n\nexport default function SelectAllCheckbox({\n  selectAllRows,\n  getExecutionContext,\n  getDisableSelection\n}) {\n  const [translate] = useTranslate();\n  const isProcessingRef = useRef(false);\n\n  const { selectedRecordsCount, resultsCount, getState, getMeta } = getExecutionContext();\n  if (!getState().showSelectAllCheckbox) {\n    return null;\n  }\n  const { disableSelectionOnLoad } = getMeta();\n  const disableSelection = getDisableSelection() ?? disableSelectionOnLoad;\n\n  const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;\n\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;\n  const handleChange = event => {\n    if (disableSelection || isProcessingRef.current) {\n      return;\n    }\n    const { checked } = event.target;\n    isProcessingRef.current = true;\n\n    selectAllRows(checked).then(() => {\n      isProcessingRef.current = false;\n    });\n  };\n\n  return (\n    <StyledDivWrapper item>\n      <Checkbox\n        className='select-all-checkbox'\n        checked={isChecked}\n        onChange={handleChange}\n        indeterminate={isIndeterminate}\n        aria-label={translate('Select all')}\n        disabled={disableSelection}\n      />\n    </StyledDivWrapper>\n  );\n}\n\nSelectAllCheckbox.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired,\n  selectAllRows: PropTypes.func.isRequired,\n  getDisableSelection: PropTypes.func\n};\n"]}
+{"version":3,"file":"SelectAllCheckbox.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/SelectAllCheckbox.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,8DAA8D,CAAC;AAEtG,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,oBAAoB,MAAM,kCAAkC,CAAC;AAEpE,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;IAU/B,sBAAsB;;;CAGzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,aAAa,EACb,mBAAmB,EACnB,mBAAmB,EACpB;IACC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EAAE,oBAAoB,EAAE,YAAY,EAAE,cAAc,EAAE,OAAO,EAAE,GACnE,mBAAmB,EAAE,EAAE,IAAI,EAAE,CAAC;IAChC,MAAM,EAAE,aAAa,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,GAAG,OAAO,EAAE,EAAE,IAAI,EAAE,CAAC;IAE7F,MAAM,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,GACnF,oBAAoB,CAAC;QACnB,oBAAoB;QACpB,YAAY;QACZ,cAAc;QACd,aAAa;QACb,uBAAuB;QACvB,sBAAsB;QACtB,aAAa;QACb,mBAAmB;KACpB,CAAC,CAAC;IAEL,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,KAAC,gBAAgB,IAAC,IAAI,kBACpB,KAAC,QAAQ,IACP,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,YAAY,EACtB,aAAa,EAAE,eAAe,gBAClB,SAAS,CAAC,YAAY,CAAC,EACnC,QAAQ,EAAE,UAAU,GACpB,GACe,CACpB,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IAC9C,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;IACxC,mBAAmB,EAAE,SAAS,CAAC,IAAI;CACpC,CAAC","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { Checkbox } from '@pega/cosmos-react-core';\nimport { StyledPseudoRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\n\nimport useTranslate from '../../Hooks/useTranslate';\nimport useSelectAllCheckbox from '../../Hooks/useSelectAllCheckbox';\n\nconst StyledDivWrapper = styled.div`\n  height: 100%;\n\n  /* adding padding to the row select checkbox to give space of outline focus ring */\n  padding-block: 0.125rem;\n  padding-inline: 0.25rem;\n\n  > div {\n    height: 100%;\n  }\n  ${StyledPseudoRadioCheck} {\n    margin-inline-end: 0;\n  }\n`;\n\nexport default function SelectAllCheckbox({\n  selectAllRows,\n  getExecutionContext,\n  getDisableSelection\n}) {\n  const [translate] = useTranslate();\n  const { selectedRecordsCount, resultsCount, hasMoreResults, getMeta } =\n    getExecutionContext?.() ?? {};\n  const { selectionMode, selectionCountThreshold, disableSelectionOnLoad } = getMeta?.() ?? {};\n\n  const { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange } =\n    useSelectAllCheckbox({\n      selectedRecordsCount,\n      resultsCount,\n      hasMoreResults,\n      selectionMode,\n      selectionCountThreshold,\n      disableSelectionOnLoad,\n      selectAllRows,\n      getDisableSelection\n    });\n\n  if (!showSelectAllCheckbox) {\n    return null;\n  }\n\n  return (\n    <StyledDivWrapper item>\n      <Checkbox\n        className='select-all-checkbox'\n        checked={isChecked}\n        onChange={handleChange}\n        indeterminate={isIndeterminate}\n        aria-label={translate('Select all')}\n        disabled={isDisabled}\n      />\n    </StyledDivWrapper>\n  );\n}\n\nSelectAllCheckbox.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired,\n  selectAllRows: PropTypes.func.isRequired,\n  getDisableSelection: PropTypes.func\n};\n"]}

package/lib/Core/Components/DefaultComponents/index.d.ts

@@ -23,7 +23,6 @@ export namespace extRenderer {
 }
 declare const _default: {
     Operator: typeof import("./CellRenderers/Operator").default;
-    cellEditRenderer: typeof import("./CellRenderers/EditComponents").default;
     RowActionMenu: typeof import("./CellRenderers/RowActionMenu").default;
     RowDragDropHandle: typeof import("./CellRenderers/RowDragDropHandle").default;
     RowSelectHandle: import("react").MemoExoticComponent<{
@@ -39,6 +38,7 @@ declare const _default: {
         };
     }>;
     RowError: typeof import("./CellRenderers/RowError").default;
+    RowDeleteAction: typeof import("./CellRenderers/RowDeleteAction").default;
     'Text-Default': typeof import("./CellRenderers/DefaultTextRenderer").default;
     comma: typeof import("./CellRenderers/ColumnMergeTemplates/Comma").default;
     space: typeof import("./CellRenderers/ColumnMergeTemplates/Space").default;
@@ -63,8 +63,10 @@ declare const _default: {
     sortRenderer: typeof sort;
     filterRenderer: typeof Filter;
     headerCellRenderer: typeof HeaderCell;
-    emptyContainerRenderer: ({ message }: {
+    emptyContainerRenderer: ({ message, shouldAnnounce, domContainer }: {
         message: any;
+        shouldAnnounce: any;
+        domContainer: any;
     }) => import("react/jsx-runtime").JSX.Element;
     loadingIndicator: typeof LoadingIndicator;
     rowHeightRenderer: typeof RowHeightRenderer;
@@ -78,7 +80,6 @@ declare const _default: {
             value: PropTypes.Requireable<number>;
         };
     }>;
-    CardItemRenderer: import("react").NamedExoticComponent<object>;
     selectAllCheckboxRenderer: typeof SelectAllCheckbox;
 };
 export default _default;

package/lib/Core/Components/DefaultComponents/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA8BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAGR,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":"AA4BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBApDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAER,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}

package/lib/Core/Components/DefaultComponents/index.js

@@ -4,7 +4,6 @@ import sort from './Sort';
 import Filter from './Filter';
 import CellRenderers from './CellRenderers';
 import HeaderCell from './HeaderCell';
-import CardItem from './CardItem';
 import EmptyContainer from './EmptyContainer';
 import LoadingIndicator from './LoadingIndicator';
 import RowHeightRenderer from './RowHeight';
@@ -22,7 +21,6 @@ export default {
     personalizationSelectorRenderer,
     personalizationCreateEditRenderer,
     badgeRenderer: BadgeRenderer,
-    CardItemRenderer: CardItem,
     selectAllCheckboxRenderer: SelectAllCheckbox,
     ...CellRenderers
 };

package/lib/Core/Components/DefaultComponents/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,gBAAgB,EAAE,QAAQ;IAC1B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport CardItem from './CardItem';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  CardItemRenderer: CardItem,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/index.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,MAAM,MAAM,UAAU,CAAC;AAC9B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,iBAAiB,MAAM,aAAa,CAAC;AAC5C,OAAO,aAAa,MAAM,SAAS,CAAC;AACpC,OAAO,+BAA+B,MAAM,2BAA2B,CAAC;AACxE,OAAO,iCAAiC,MAAM,6BAA6B,CAAC;AAC5E,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AAEpD,eAAe;IACb,YAAY,EAAE,IAAI;IAClB,cAAc,EAAE,MAAM;IACtB,kBAAkB,EAAE,UAAU;IAC9B,sBAAsB,EAAE,cAAc;IACtC,gBAAgB,EAAE,gBAAgB;IAClC,iBAAiB,EAAE,iBAAiB;IACpC,+BAA+B;IAC/B,iCAAiC;IACjC,aAAa,EAAE,aAAa;IAC5B,yBAAyB,EAAE,iBAAiB;IAC5C,GAAG,aAAa;CACjB,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,IAAI,EAAE,KAAK;IACzC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,KAAC,IAAI,OAAK,KAAK,GAAI,CAAC;IAC7B,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,eAAe,CAAC,SAAS,GAAG;IAC1B,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,eAAe,CAAC,YAAY,GAAG;IAC7B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,MAAM,UAAU,WAAW,CAAC,IAAI,EAAE,KAAK;IACrC,IAAI,IAAI,EAAE,CAAC;QACT,OAAO,CACL,yBACE,KAAC,IAAI,OAAK,KAAK,GAAI,GACd,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,OAAO,EAAE,EAAE;CACZ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport sort from './Sort';\nimport Filter from './Filter';\nimport CellRenderers from './CellRenderers';\nimport HeaderCell from './HeaderCell';\nimport EmptyContainer from './EmptyContainer';\nimport LoadingIndicator from './LoadingIndicator';\nimport RowHeightRenderer from './RowHeight';\nimport BadgeRenderer from './Badge';\nimport personalizationSelectorRenderer from './PersonalizationSelector';\nimport personalizationCreateEditRenderer from './PersonalizationCreateEdit';\nimport SelectAllCheckbox from './SelectAllCheckbox';\n\nexport default {\n  sortRenderer: sort,\n  filterRenderer: Filter,\n  headerCellRenderer: HeaderCell,\n  emptyContainerRenderer: EmptyContainer,\n  loadingIndicator: LoadingIndicator,\n  rowHeightRenderer: RowHeightRenderer,\n  personalizationSelectorRenderer,\n  personalizationCreateEditRenderer,\n  badgeRenderer: BadgeRenderer,\n  selectAllCheckboxRenderer: SelectAllCheckbox,\n  ...CellRenderers\n};\n\nexport function defaultRenderer(Comp, props) {\n  if (Comp) {\n    return <Comp {...props} />;\n  }\n  return null;\n}\n\ndefaultRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\ndefaultRenderer.defaultProps = {\n  itemKey: ''\n};\n\nexport function extRenderer(Comp, props) {\n  if (Comp) {\n    return (\n      <span>\n        <Comp {...props} />\n      </span>\n    );\n  }\n  return null;\n}\n\nextRenderer.propTypes = {\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nextRenderer.defaultProps = {\n  itemKey: ''\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"AdvanceFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/AdvanceFilter.jsx"],"names":[],"mappings":"AAWA;;;;mDAsCC;;;;;;;;;;sBAjDqB,YAAY"}
+{"version":3,"file":"AdvanceFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/AdvanceFilter.jsx"],"names":[],"mappings":"AAWA;;;;mDAgDC;;;;;;;;;;sBA3DqB,YAAY"}

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

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { useRef } from 'react';
+import { useRef, useMemo } from 'react';
 import { ConditionBuilder } from '@pega/cosmos-react-condition-builder';
 import { FormDialog } from '@pega/cosmos-react-core';
 import getMenuItemsFromColumns from '../Toolbar/utils/utils';
@@ -8,7 +8,10 @@ import useTranslate from '../../Hooks/useTranslate';
 import useValidRhsTypes from './Hooks/useValidRhsTypes';
 export default function AdvanceFilter({ setShowFilter, view, popoverButtonRef }) {
     const filterExpression = view.state?.filterExpression;
-    const formattedColumns = getMenuItemsFromColumns(view.columns?.filter(c => c.field.filter), 'name');
+    const viewFieldDefs = view.getFieldDefs();
+    const formattedColumns = useMemo(() => getMenuItemsFromColumns(viewFieldDefs.filter(fieldDef => fieldDef.filter), 'name', {
+        columns: view.columns
+    }), [viewFieldDefs, view.columns]);
     const validRhsTypes = useValidRhsTypes(view);
     const handle = useRef(null);
     const [translate] = useTranslate();

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

@@ -1 +1 @@
-{"version":3,"file":"AdvanceFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/AdvanceFilter.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,uBAAuB,MAAM,wBAAwB,CAAC;AAC7D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,gBAAgB,EAAE;IAC7E,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACtD,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,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,sGAAsG;IACtG,0FAA0F;IAC1F,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChC,KAAC,UAAU,IACT,OAAO,EAAE,SAAS,CAAC,eAAe,CAAC,EACnC,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAChC,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,GAAG,EAAE;YACb,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;YACb,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;YACzD,IAAI,KAAK,EAAE,CAAC;gBACV,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,YAED,KAAC,gBAAgB,IACf,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,gBAAgB,IAAI,SAAS,EACxC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EACtC,WAAW,QACX,MAAM,EAAE,MAAM,GACd,GACS,CACd,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;IAClD,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACzC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef } from 'react';\n\nimport { ConditionBuilder } from '@pega/cosmos-react-condition-builder';\nimport { FormDialog } from '@pega/cosmos-react-core';\n\nimport getMenuItemsFromColumns from '../Toolbar/utils/utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useValidRhsTypes from './Hooks/useValidRhsTypes';\n\nexport default function AdvanceFilter({ setShowFilter, view, popoverButtonRef }) {\n  const filterExpression = view.state?.filterExpression;\n  const formattedColumns = getMenuItemsFromColumns(\n    view.columns?.filter(c => c.field.filter),\n    'name'\n  );\n  const validRhsTypes = useValidRhsTypes(view);\n  const handle = useRef(null);\n\n  const [translate] = useTranslate();\n  // FIXME: popoverButtonRef should be converted to a state since refs should not be read during render.\n  // https://react.dev/learn/referencing-values-with-refs#differences-between-refs-and-state\n  return popoverButtonRef.current ? (\n    <FormDialog\n      heading={translate('Filter column')}\n      target={popoverButtonRef.current}\n      placement='bottom-start'\n      onCancel={() => {\n        setShowFilter(false);\n      }}\n      onSubmit={() => {\n        const [valid, filterExp] = handle.current.getCondition();\n        if (valid) {\n          setShowFilter(false);\n          view.type.applyFilter({ filterExp });\n        }\n      }}\n    >\n      <ConditionBuilder\n        fields={formattedColumns}\n        condition={filterExpression || undefined}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={view.meta.dateFunctions} // Could be undefined\n        disallowNOT\n        handle={handle}\n      />\n    </FormDialog>\n  ) : null;\n}\n\nAdvanceFilter.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  setShowFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"AdvanceFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/AdvanceFilter.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,OAAO,uBAAuB,MAAM,wBAAwB,CAAC;AAC7D,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,OAAO,gBAAgB,MAAM,0BAA0B,CAAC;AAExD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,gBAAgB,EAAE;IAC7E,MAAM,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,gBAAgB,CAAC;IACtD,MAAM,aAAa,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;IAE1C,MAAM,gBAAgB,GAAG,OAAO,CAC9B,GAAG,EAAE,CACH,uBAAuB,CACrB,aAAa,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EACjD,MAAM,EACN;QACE,OAAO,EAAE,IAAI,CAAC,OAAO;KACtB,CACF,EACH,CAAC,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAC9B,CAAC;IAEF,MAAM,aAAa,GAAG,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC7C,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC;IAE5B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,sGAAsG;IACtG,0FAA0F;IAC1F,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC,CAAC,CAChC,KAAC,UAAU,IACT,OAAO,EAAE,SAAS,CAAC,eAAe,CAAC,EACnC,MAAM,EAAE,gBAAgB,CAAC,OAAO,EAChC,SAAS,EAAC,cAAc,EACxB,QAAQ,EAAE,GAAG,EAAE;YACb,aAAa,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,QAAQ,EAAE,GAAG,EAAE;YACb,MAAM,CAAC,KAAK,EAAE,SAAS,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,EAAE,CAAC;YACzD,IAAI,KAAK,EAAE,CAAC;gBACV,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,EAAE,CAAC,CAAC;YACvC,CAAC;QACH,CAAC,YAED,KAAC,gBAAgB,IACf,MAAM,EAAE,gBAAgB,EACxB,SAAS,EAAE,gBAAgB,IAAI,SAAS,EACxC,aAAa,EAAE,aAAa,EAC5B,aAAa,EAAE,IAAI,CAAC,IAAI,CAAC,aAAa,EACtC,WAAW,QACX,MAAM,EAAE,MAAM,GACd,GACS,CACd,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;IAClD,aAAa,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CACzC,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef, useMemo } from 'react';\n\nimport { ConditionBuilder } from '@pega/cosmos-react-condition-builder';\nimport { FormDialog } from '@pega/cosmos-react-core';\n\nimport getMenuItemsFromColumns from '../Toolbar/utils/utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useValidRhsTypes from './Hooks/useValidRhsTypes';\n\nexport default function AdvanceFilter({ setShowFilter, view, popoverButtonRef }) {\n  const filterExpression = view.state?.filterExpression;\n  const viewFieldDefs = view.getFieldDefs();\n\n  const formattedColumns = useMemo(\n    () =>\n      getMenuItemsFromColumns(\n        viewFieldDefs.filter(fieldDef => fieldDef.filter),\n        'name',\n        {\n          columns: view.columns\n        }\n      ),\n    [viewFieldDefs, view.columns]\n  );\n\n  const validRhsTypes = useValidRhsTypes(view);\n  const handle = useRef(null);\n\n  const [translate] = useTranslate();\n  // FIXME: popoverButtonRef should be converted to a state since refs should not be read during render.\n  // https://react.dev/learn/referencing-values-with-refs#differences-between-refs-and-state\n  return popoverButtonRef.current ? (\n    <FormDialog\n      heading={translate('Filter column')}\n      target={popoverButtonRef.current}\n      placement='bottom-start'\n      onCancel={() => {\n        setShowFilter(false);\n      }}\n      onSubmit={() => {\n        const [valid, filterExp] = handle.current.getCondition();\n        if (valid) {\n          setShowFilter(false);\n          view.type.applyFilter({ filterExp });\n        }\n      }}\n    >\n      <ConditionBuilder\n        fields={formattedColumns}\n        condition={filterExpression || undefined}\n        validRhsTypes={validRhsTypes}\n        dateFunctions={view.meta.dateFunctions} // Could be undefined\n        disallowNOT\n        handle={handle}\n      />\n    </FormDialog>\n  ) : null;\n}\n\nAdvanceFilter.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired,\n  setShowFilter: PropTypes.func.isRequired\n};\n"]}

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

@@ -3,7 +3,7 @@ declare function SelectFilter({ column, finishPopOver, onFilter, popoverButtonRe
     finishPopOver: any;
     onFilter: any;
     popoverButtonRef: any;
-}): import("react/jsx-runtime").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare namespace SelectFilter {
     namespace propTypes {
         let column: PropTypes.Validator<{

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

@@ -1 +1 @@
-{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"AA6BA;;;;;4CA8JC;;;;;;;;;;;sBA3LqB,YAAY"}
+{"version":3,"file":"SelectFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/SelectFilter.jsx"],"names":[],"mappings":"AA6BA;;;;;mDAoJC;;;;;;;;;;;sBAjLqB,YAAY"}

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

@@ -1,18 +1,11 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { useState, useEffect, useCallback } from 'react';
+import { useState, useEffect, useCallback, useRef } from 'react';
 import styled from 'styled-components';
-import { Checkbox, CheckboxGroup, Flex, Select, Option, FormDialog } from '@pega/cosmos-react-core';
-import { addFilter, getFilterInitializers, comparatorMap, FieldType } from 'pega-repeating-structures-core';
-import LoadingIndicator from '../LoadingIndicator';
+import { Checkbox, CheckboxGroup, Select, Option, FormDialog, Progress } from '@pega/cosmos-react-core';
+import { addFilter, getFilterInitializers, comparatorMap, FieldType, isEmpty } from 'pega-repeating-structures-core';
 import RenderingEngine from '../RenderingEngine/RenderCell';
 import useTranslate from '../../Hooks/useTranslate';
-const LoadingIndicatorStyle = styled.div `
-  position: absolute;
-  margin: auto;
-  left: 0;
-  right: 0;
-`;
 const CheckboxGroupStyle = styled.div `
   max-height: 11.719rem;
   overflow: auto;
@@ -24,13 +17,17 @@ export default function SelectFilter({ column, finishPopOver, onFilter, popoverB
     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 selectedValuesRef = useRef(prePopulateSelectFilter ? fInput : []);
     const [comparator, setComparator] = useState(fValue);
     const syncUniqueValues = useCallback(() => {
         if (!uniqueValuesFetched)
-            column.getUniqueValues().then(filteredData => {
+            column
+                .getUniqueValues()
+                .then(filteredData => {
+                setUniqueColumnValues(filteredData.filter(v => !isEmpty(v)));
+            })
+                .finally(() => {
                 setUniqueValuesFetched(true);
-                setUniqueColumnValues(filteredData);
             });
     }, [column, uniqueValuesFetched]);
     const [translate] = useTranslate();
@@ -61,7 +58,7 @@ export default function SelectFilter({ column, finishPopOver, onFilter, popoverB
         let localFilterExpression = null;
         const input = formattedComp === comparatorMap.isNull || formattedComp === comparatorMap.isNotNull
             ? null
-            : selectedValues;
+            : selectedValuesRef.current;
         localFilterExpression = addFilter({
             // Ignore the initial filter expression if prePopulateSelectFilter is true as user has chosen to override it.
             filterExpression: prePopulateSelectFilter ? null : filterExpression,
@@ -73,43 +70,45 @@ export default function SelectFilter({ column, finishPopOver, onFilter, popoverB
             filterExp: localFilterExpression
         });
         finishPopOver();
-    }, [comparator, selectedValues, filterExpression, column, onFilter, prePopulateSelectFilter]);
-    const isSelected = useCallback(value => {
-        return new Set(selectedValues).has(value);
-    }, [selectedValues]);
+    }, [comparator, filterExpression, column, onFilter, prePopulateSelectFilter]);
     const onSelectOrDeselect = useCallback(event => {
         /* Disabling operators like isAnyOf isNoneOf */
         const { value, checked } = event.target;
         const inputValue = column.field.type === FieldType.NUMBER ? parseFloat(value) : value;
+        const currentSelectedValues = selectedValuesRef.current;
         /* 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);
+        if (checked) {
+            selectedValuesRef.current = currentSelectedValues
+                ? [...new Set([inputValue, ...currentSelectedValues])]
+                : [...new Set([inputValue])];
+            return;
         }
-    }, [column, selectedValues]);
+        const index = currentSelectedValues.findIndex(val => val === inputValue);
+        selectedValuesRef.current = currentSelectedValues
+            .slice(0, index)
+            .concat(currentSelectedValues.slice(index + 1));
+    }, [column]);
     // 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 (_jsx(_Fragment, { children: popoverButtonRef.current ? (_jsxs(FormDialog, { heading: translate('Filter column'), onSubmit: submitFilter, onCancel: finishPopOver, target: popoverButtonRef.current, 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 }) })] }))] })) : null }));
+    const selectedValueSet = new Set(selectedValuesRef.current);
+    if (!popoverButtonRef.current)
+        return null;
+    return (_jsxs(FormDialog, { heading: translate('Filter column'), onSubmit: submitFilter, onCancel: finishPopOver, target: popoverButtonRef.current, 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 = selectedValueSet.has(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));
+                        }) }), !uniqueValuesFetched && _jsx(Progress, { placement: 'block' })] }))] }));
 }
 SelectFilter.propTypes = {
     column: PropTypes.objectOf(PropTypes.any).isRequired,

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

@@ -1 +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, FormDialog } from '@pega/cosmos-react-core';\nimport {\n  addFilter,\n  getFilterInitializers,\n  comparatorMap,\n  FieldType\n} from 'pega-repeating-structures-core';\n\nimport LoadingIndicator from '../LoadingIndicator';\nimport RenderingEngine from '../RenderingEngine/RenderCell';\nimport useTranslate from '../../Hooks/useTranslate';\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, popoverButtonRef }) {\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    finishPopOver();\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 === FieldType.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    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={submitFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex>\n            <Select\n              defaultValue={comparator}\n              onChange={e => onFilterChange({ value: e.target.value })}\n            >\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 {\n                        getValue: () => ({ [column.field.name]: item }),\n                        name: 'selectFilter'\n                      };\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        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nSelectFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"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, useRef } from 'react';\nimport styled from 'styled-components';\n\nimport {\n  Checkbox,\n  CheckboxGroup,\n  Select,\n  Option,\n  FormDialog,\n  Progress\n} from '@pega/cosmos-react-core';\nimport {\n  addFilter,\n  getFilterInitializers,\n  comparatorMap,\n  FieldType,\n  isEmpty\n} from 'pega-repeating-structures-core';\n\nimport RenderingEngine from '../RenderingEngine/RenderCell';\nimport useTranslate from '../../Hooks/useTranslate';\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, popoverButtonRef }) {\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 selectedValuesRef = useRef(prePopulateSelectFilter ? fInput : []);\n  const [comparator, setComparator] = useState(fValue);\n\n  const syncUniqueValues = useCallback(() => {\n    if (!uniqueValuesFetched)\n      column\n        .getUniqueValues()\n        .then(filteredData => {\n          setUniqueColumnValues(filteredData.filter(v => !isEmpty(v)));\n        })\n        .finally(() => {\n          setUniqueValuesFetched(true);\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        : selectedValuesRef.current;\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    finishPopOver();\n  }, [comparator, filterExpression, column, onFilter, prePopulateSelectFilter]);\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 === FieldType.NUMBER ? parseFloat(value) : value;\n      const currentSelectedValues = selectedValuesRef.current;\n      /* collecting set of unique values to sent with different operators */\n      if (checked) {\n        selectedValuesRef.current = currentSelectedValues\n          ? [...new Set([inputValue, ...currentSelectedValues])]\n          : [...new Set([inputValue])];\n        return;\n      }\n\n      const index = currentSelectedValues.findIndex(val => val === inputValue);\n      selectedValuesRef.current = currentSelectedValues\n        .slice(0, index)\n        .concat(currentSelectedValues.slice(index + 1));\n    },\n    [column]\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  const selectedValueSet = new Set(selectedValuesRef.current);\n\n  if (!popoverButtonRef.current) return null;\n\n  return (\n    <FormDialog\n      heading={translate('Filter column')}\n      onSubmit={submitFilter}\n      onCancel={finishPopOver}\n      target={popoverButtonRef.current}\n    >\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      {showUniqueValues && (\n        <CheckboxGroupStyle className='popup-menu'>\n          <CheckboxGroup>\n            {uniqueValues.map(item => {\n              const isItemSelected = selectedValueSet.has(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 {\n                    getValue: () => ({ [column.field.name]: item }),\n                    name: 'selectFilter'\n                  };\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          {!uniqueValuesFetched && <Progress placement='block' />}\n        </CheckboxGroupStyle>\n      )}\n    </FormDialog>\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.js

@@ -9,7 +9,7 @@ import useTranslate from '../../Hooks/useTranslate';
 import useValidRhsTypes from './Hooks/useValidRhsTypes';
 export default function SimpleFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {
     const view = column.parent;
-    const formattedColumns = getMenuItemsFromColumns(view.columns?.filter(c => c.field.filter), 'name');
+    const formattedColumns = getMenuItemsFromColumns(view.getFieldDefs()?.filter(f => f.filter), 'name');
     const validRhsTypes = useValidRhsTypes(view);
     const [translate] = useTranslate();
     const [, , prevConditionOnColumn] = getFilterInitializers(column); // Any previous condition on this column

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SimpleFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef } from 'react';\n\nimport { FormDialog } from '@pega/cosmos-react-core';\nimport { FieldCondition } from '@pega/cosmos-react-condition-builder';\nimport { getFilterInitializers } from 'pega-repeating-structures-core';\n\nimport getMenuItemsFromColumns from '../Toolbar/utils/utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useValidRhsTypes from './Hooks/useValidRhsTypes';\n\nexport default function SimpleFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\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 [translate] = useTranslate();\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    finishPopOver();\n    return true;\n  }, [column, onFilter, prevConditionOnColumn]);\n\n  return popoverButtonRef.current ? (\n    <FormDialog\n      heading={translate('Filter column')}\n      onSubmit={onSubmit}\n      onCancel={finishPopOver}\n      target={popoverButtonRef.current}\n    >\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    </FormDialog>\n  ) : null;\n}\n\nSimpleFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"SimpleFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/SimpleFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef } from 'react';\n\nimport { FormDialog } from '@pega/cosmos-react-core';\nimport { FieldCondition } from '@pega/cosmos-react-condition-builder';\nimport { getFilterInitializers } from 'pega-repeating-structures-core';\n\nimport getMenuItemsFromColumns from '../Toolbar/utils/utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport useValidRhsTypes from './Hooks/useValidRhsTypes';\n\nexport default function SimpleFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  const view = column.parent;\n  const formattedColumns = getMenuItemsFromColumns(\n    view.getFieldDefs()?.filter(f => f.filter),\n    'name'\n  );\n  const validRhsTypes = useValidRhsTypes(view);\n  const [translate] = useTranslate();\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    finishPopOver();\n    return true;\n  }, [column, onFilter, prevConditionOnColumn]);\n\n  return popoverButtonRef.current ? (\n    <FormDialog\n      heading={translate('Filter column')}\n      onSubmit={onSubmit}\n      onCancel={finishPopOver}\n      target={popoverButtonRef.current}\n    >\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    </FormDialog>\n  ) : null;\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/styles.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+declare const _default: import("styled-components").RuleSet<object>;
 export default _default;
 //# sourceMappingURL=styles.d.ts.map

package/lib/Core/Components/FooterAggregators.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterAggregators.d.ts","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";;AAaA;;mDAaC;;;;;;;;;;sBAzBqB,YAAY"}
+{"version":3,"file":"FooterAggregators.d.ts","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";;AAcA;;mDAgBC;;;;;;;;;;sBA7BqB,YAAY"}

package/lib/Core/Components/FooterAggregators.js

@@ -6,15 +6,18 @@ import AggregatorCell from './AggregatorCell';
 const StyledAggregatorWrapper = styled.div `
   border-bottom: 0;
   .aggregateCell {
-    border-top: var(--border-style);
+    border-top: ${props => props.theme.components.table.border['horizontal-inner'] ? 'var(--border-style)' : 'none'};
   }
 `;
 function FooterAggregators({ columns }) {
     if (columns.filter(c => c.aggregated).length === 0)
         return null;
-    return (_jsx(StyledAggregatorWrapper, { className: 'row', children: columns.map(column => {
+    return (_jsx(StyledAggregatorWrapper, { className: 'row', children: [...columns]
+            .sort((colA, colB) => colA.order - colB.order)
+            .map(column => {
             const context = {
-                getValue: () => column.aggregateValue
+                getValue: () => column.aggregateValue,
+                getExecutionContext: () => ({ name: 'footer' })
             };
             return _jsx(AggregatorCell, { column: column, context: context }, column.field?.id);
         }) }));

package/lib/Core/Components/FooterAggregators.js.map

@@ -1 +1 @@
-{"version":3,"file":"FooterAggregators.js","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAKzC,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE;IACpC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,CACL,KAAC,uBAAuB,IAAC,SAAS,EAAC,KAAK,YACrC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE;YACpB,MAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc;aACtC,CAAC;YACF,OAAO,KAAC,cAAc,IAAwB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAlD,MAAM,CAAC,KAAK,EAAE,EAAE,CAAsC,CAAC;QACrF,CAAC,CAAC,GACsB,CAC3B,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CAC1C,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport AggregatorCell from './AggregatorCell';\n\nconst StyledAggregatorWrapper = styled.div`\n  border-bottom: 0;\n  .aggregateCell {\n    border-top: var(--border-style);\n  }\n`;\n\nfunction FooterAggregators({ columns }) {\n  if (columns.filter(c => c.aggregated).length === 0) return null;\n\n  return (\n    <StyledAggregatorWrapper className='row'>\n      {columns.map(column => {\n        const context = {\n          getValue: () => column.aggregateValue\n        };\n        return <AggregatorCell key={column.field?.id} column={column} context={context} />;\n      })}\n    </StyledAggregatorWrapper>\n  );\n}\n\nFooterAggregators.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any)\n};\n\nFooterAggregators.defaultProps = {\n  columns: []\n};\n\nexport default memo(FooterAggregators);\n"]}
+{"version":3,"file":"FooterAggregators.js","sourceRoot":"","sources":["../../../Core/Components/FooterAggregators.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAE9C,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAA;;;kBAGxB,KAAK,CAAC,EAAE,CACpB,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,MAAM;;CAE7F,CAAC;AAEF,SAAS,iBAAiB,CAAC,EAAE,OAAO,EAAE;IACpC,IAAI,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAEhE,OAAO,CACL,KAAC,uBAAuB,IAAC,SAAS,EAAC,KAAK,YACrC,CAAC,GAAG,OAAO,CAAC;aACV,IAAI,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;aAC7C,GAAG,CAAC,MAAM,CAAC,EAAE;YACZ,MAAM,OAAO,GAAG;gBACd,QAAQ,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,cAAc;gBACrC,mBAAmB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;aAChD,CAAC;YACF,OAAO,KAAC,cAAc,IAAwB,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,IAAlD,MAAM,CAAC,KAAK,EAAE,EAAE,CAAsC,CAAC;QACrF,CAAC,CAAC,GACoB,CAC3B,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,OAAO,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC;CAC1C,CAAC;AAEF,iBAAiB,CAAC,YAAY,GAAG;IAC/B,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,IAAI,CAAC,iBAAiB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport PropTypes from 'prop-types';\nimport styled from 'styled-components';\n\nimport AggregatorCell from './AggregatorCell';\n\nconst StyledAggregatorWrapper = styled.div`\n  border-bottom: 0;\n  .aggregateCell {\n    border-top: ${props =>\n      props.theme.components.table.border['horizontal-inner'] ? 'var(--border-style)' : 'none'};\n  }\n`;\n\nfunction FooterAggregators({ columns }) {\n  if (columns.filter(c => c.aggregated).length === 0) return null;\n\n  return (\n    <StyledAggregatorWrapper className='row'>\n      {[...columns]\n        .sort((colA, colB) => colA.order - colB.order)\n        .map(column => {\n          const context = {\n            getValue: () => column.aggregateValue,\n            getExecutionContext: () => ({ name: 'footer' })\n          };\n          return <AggregatorCell key={column.field?.id} column={column} context={context} />;\n        })}\n    </StyledAggregatorWrapper>\n  );\n}\n\nFooterAggregators.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any)\n};\n\nFooterAggregators.defaultProps = {\n  columns: []\n};\n\nexport default memo(FooterAggregators);\n"]}

package/lib/Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.d.ts

@@ -0,0 +1,12 @@
+import { FieldType, type RsCoreTypes } from 'pega-repeating-structures-core';
+export type GroupAdditionalFieldData = RsCoreTypes.GroupGenerator['additionalFieldsData'][0];
+export type GetAdditionalDataResponse = NonNullable<Awaited<ReturnType<RsCoreTypes.GroupGenerator['getAdditionalFieldData']>>>;
+type FieldTypes = (typeof FieldType)[keyof typeof FieldType];
+export declare const isDateLikeField: (type: FieldTypes) => type is typeof FieldType.DATE | typeof FieldType.DATE_TIME | typeof FieldType.DATE_ONLY;
+declare const GroupAdditionalFieldDataModal: ({ groupHeader, additionalField, column }: {
+    groupHeader: RsCoreTypes.GroupGenerator;
+    additionalField: RsCoreTypes.GroupAdditionalField;
+    column: RsCoreTypes.Column;
+}) => import("react/jsx-runtime").JSX.Element;
+export default GroupAdditionalFieldDataModal;
+//# sourceMappingURL=GroupAdditionalFieldDataModal.d.ts.map

package/lib/Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupAdditionalFieldDataModal.d.ts","sourceRoot":"","sources":["../../../../Core/Components/GroupRenderer/GroupAdditionalFieldDataModal.tsx"],"names":[],"mappings":"AAGA,OAAO,EAGL,SAAS,EACT,KAAK,WAAW,EACjB,MAAM,gCAAgC,CAAC;AASxC,MAAM,MAAM,wBAAwB,GAAG,WAAW,CAAC,cAAc,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC;AAC7F,MAAM,MAAM,yBAAyB,GAAG,WAAW,CACjD,OAAO,CAAC,UAAU,CAAC,WAAW,CAAC,cAAc,CAAC,wBAAwB,CAAC,CAAC,CAAC,CAC1E,CAAC;AACF,KAAK,UAAU,GAAG,CAAC,OAAO,SAAS,CAAC,CAAC,MAAM,OAAO,SAAS,CAAC,CAAC;AAK7D,eAAO,MAAM,eAAe,GAC1B,MAAM,UAAU,KACf,IAAI,IAAI,OAAO,SAAS,CAAC,IAAI,GAAG,OAAO,SAAS,CAAC,SAAS,GAAG,OAAO,SAAS,CAAC,SAEhF,CAAC;AAwEF,QAAA,MAAM,6BAA6B,GAAI,0CAIpC;IACD,WAAW,EAAE,WAAW,CAAC,cAAc,CAAC;IACxC,eAAe,EAAE,WAAW,CAAC,oBAAoB,CAAC;IAClD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC;CAC5B,4CAyEA,CAAC;AAEF,eAAe,6BAA6B,CAAC"}