@pega/lists-react 8.8.0 → 9.0.0-build.10.0

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js

@@ -1,19 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useState, useMemo } from 'react';
-import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import { MenuButton } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
 import useTranslate from '../../../Hooks/useTranslate';
-const StyledActionMenu = styled.div `
-  button {
-    /* stylelint-disable unit-allowed-list */
-    height: 25px;
-    min-height: 25px;
-    > svg {
-      height: 70%;
-    }
-  }
-`;
 const hydrateActions = (actions, rowContext, refreshRow) => {
     return actions.map(action => ({
         ...action,
@@ -23,7 +13,7 @@ const hydrateActions = (actions, rowContext, refreshRow) => {
         }
     }));
 };
-function RowActionMenu({ getRsMeta, getExecutionContext }) {
+function RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {
     const [translate] = useTranslate();
     const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();
     const [rowActions, setRowActions] = useState([]);
@@ -49,15 +39,13 @@ function RowActionMenu({ getRsMeta, getExecutionContext }) {
     };
     const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();
     const translatedActionsText = translate('Actions');
-    return (_jsx(StyledActionMenu, { className: 'row-action-menu', children: _jsx(MenuButton, { compact: true, text: translatedActionsText, iconOnly: true, variant: 'simple', tabIndex: -1, menu: {
-                items: actionsFetched ? rowActions : [],
-                emptyText: translate('No actions available'),
-                loading: !actionsFetched
-            }, "aria-label": rowHeaderValue
-                ? `${translatedActionsText} - ${rowHeaderValue}`
-                : `${translatedActionsText}`, onClick: fetchCaseDeatils, placement: 'bottom-end', popover: {
-                portal: true
-            }, icon: 'more' }) }));
+    return (_jsx(MenuButton, { text: translatedActionsText, iconOnly: true, variant: 'simple', compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, tabIndex: -1, menu: {
+            items: actionsFetched ? rowActions : [],
+            emptyText: translate('No actions available'),
+            loading: !actionsFetched
+        }, "aria-label": rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`, onClick: fetchCaseDeatils, placement: 'bottom-end', popover: {
+            portal: true
+        }, icon: 'more' }));
 }
 RowActionMenu.propTypes = {
     getRsMeta: PropTypes.func.isRequired,

package/lib/Core/Components/DefaultComponents/CellRenderers/RowActionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst StyledActionMenu = styled.div`\n  button {\n    /* stylelint-disable unit-allowed-list */\n    height: 25px;\n    min-height: 25px;\n    > svg {\n      height: 70%;\n    }\n  }\n`;\n\nconst hydrateActions = (actions, rowContext, refreshRow) => {\n  return actions.map(action => ({\n    ...action,\n    primary: action.text,\n    onClick: () => {\n      action.onClick(rowContext, refreshRow);\n    }\n  }));\n};\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext }) {\n  const [translate] = useTranslate();\n  const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rowContext = getValue();\n  const { rowActions: tableMetaRowActions } = getRsMeta();\n  const staticActions = useMemo(\n    () => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)),\n    [rowContext]\n  );\n\n  const fetchCaseDeatils = () => {\n    setActionsFetched(false);\n    const currentRowContext = getExecutionContext()?.getValue();\n    getRowActionDetails(currentRowContext)\n      .then(response => {\n        if (Array.isArray(response)) {\n          const latestRowContext = getExecutionContext()?.getValue();\n          const actions = hydrateActions(\n            response,\n            latestRowContext,\n            refreshRow.bind(null, latestRowContext)\n          );\n          const arr = [...actions, ...staticActions];\n          setRowActions(arr);\n        }\n      })\n      .finally(() => {\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <StyledActionMenu className='row-action-menu'>\n      <MenuButton\n        compact\n        text={translatedActionsText}\n        iconOnly\n        variant='simple'\n        tabIndex={-1}\n        menu={{\n          items: actionsFetched ? rowActions : [],\n          emptyText: translate('No actions available'),\n          loading: !actionsFetched\n        }}\n        aria-label={\n          rowHeaderValue\n            ? `${translatedActionsText} - ${rowHeaderValue}`\n            : `${translatedActionsText}`\n        }\n        onClick={fetchCaseDeatils}\n        placement='bottom-end'\n        popover={{\n          portal: true\n        }}\n        icon='more'\n      />\n    </StyledActionMenu>\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}
+{"version":3,"file":"RowActionMenu.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowActionMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import { useState, useMemo } from 'react';\nimport PropTypes from 'prop-types';\n\nimport { MenuButton } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../../Hooks/useTranslate';\n\nconst hydrateActions = (actions, rowContext, refreshRow) => {\n  return actions.map(action => ({\n    ...action,\n    primary: action.text,\n    onClick: () => {\n      action.onClick(rowContext, refreshRow);\n    }\n  }));\n};\n\nfunction RowActionMenu({ getRsMeta, getExecutionContext, getParentContext }) {\n  const [translate] = useTranslate();\n  const { getValue, getRowActionDetails, refreshRow } = getExecutionContext();\n  const [rowActions, setRowActions] = useState([]);\n  const [actionsFetched, setActionsFetched] = useState(false);\n  const rowContext = getValue();\n  const { rowActions: tableMetaRowActions } = getRsMeta();\n  const staticActions = useMemo(\n    () => hydrateActions(tableMetaRowActions ?? [], rowContext, refreshRow.bind(null, rowContext)),\n    [rowContext]\n  );\n\n  const fetchCaseDeatils = () => {\n    setActionsFetched(false);\n    const currentRowContext = getExecutionContext()?.getValue();\n    getRowActionDetails(currentRowContext)\n      .then(response => {\n        if (Array.isArray(response)) {\n          const latestRowContext = getExecutionContext()?.getValue();\n          const actions = hydrateActions(\n            response,\n            latestRowContext,\n            refreshRow.bind(null, latestRowContext)\n          );\n          const arr = [...actions, ...staticActions];\n          setRowActions(arr);\n        }\n      })\n      .finally(() => {\n        setActionsFetched(true);\n      });\n  };\n  const rowHeaderValue = getExecutionContext().getRowHeader()?.getValue();\n  const translatedActionsText = translate('Actions');\n\n  return (\n    <MenuButton\n      text={translatedActionsText}\n      iconOnly\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      tabIndex={-1}\n      menu={{\n        items: actionsFetched ? rowActions : [],\n        emptyText: translate('No actions available'),\n        loading: !actionsFetched\n      }}\n      aria-label={\n        rowHeaderValue ? `${translatedActionsText} - ${rowHeaderValue}` : `${translatedActionsText}`\n      }\n      onClick={fetchCaseDeatils}\n      placement='bottom-end'\n      popover={{\n        portal: true\n      }}\n      icon='more'\n    />\n  );\n}\n\nRowActionMenu.propTypes = {\n  getRsMeta: PropTypes.func.isRequired,\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowActionMenu;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.d.ts

@@ -1,6 +1,7 @@
 export default RowDragDropHandle;
-declare function RowDragDropHandle({ getExecutionContext }: {
+declare function RowDragDropHandle({ getExecutionContext, getParentContext }: {
     getExecutionContext: any;
+    getParentContext: any;
 }): import("react/jsx-runtime").JSX.Element;
 declare namespace RowDragDropHandle {
     namespace propTypes {

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowDragDropHandle.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAIA;;4CAMC;;;;;;sBAVqB,YAAY"}
+{"version":3,"file":"RowDragDropHandle.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAKA;;;4CAWC;;;;;;sBAhBqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.js

@@ -1,8 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { Icon, Flex } from '@pega/cosmos-react-core';
-function RowDragDropHandle({ getExecutionContext }) {
-    return (_jsx(Flex, { item: true, ...getExecutionContext?.().getDragProps?.(), children: _jsx(Icon, { name: 'drag' }) }));
+import { Icon, Button } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
+function RowDragDropHandle({ getExecutionContext, getParentContext }) {
+    return (_jsx(Button, { variant: 'simple', compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, icon: true, ...getExecutionContext?.().getDragProps?.(), children: _jsx(Icon, { name: 'drag' }) }));
 }
 RowDragDropHandle.propTypes = {
     getExecutionContext: PropTypes.func.isRequired

package/lib/Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowDragDropHandle.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AAErD,SAAS,iBAAiB,CAAC,EAAE,mBAAmB,EAAE;IAChD,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,WAAK,mBAAmB,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,YACrD,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACf,CACR,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Flex } from '@pega/cosmos-react-core';\n\nfunction RowDragDropHandle({ getExecutionContext }) {\n  return (\n    <Flex item {...getExecutionContext?.().getDragProps?.()}>\n      <Icon name='drag' />\n    </Flex>\n  );\n}\n\nRowDragDropHandle.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowDragDropHandle;\n"]}
+{"version":3,"file":"RowDragDropHandle.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowDragDropHandle.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,SAAS,iBAAiB,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IAClE,OAAO,CACL,KAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,EACjE,IAAI,WACA,mBAAmB,EAAE,EAAE,CAAC,YAAY,EAAE,EAAE,YAE5C,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACb,CACV,CAAC;AACJ,CAAC;AAED,iBAAiB,CAAC,SAAS,GAAG;IAC5B,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,iBAAiB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Button } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nfunction RowDragDropHandle({ getExecutionContext, getParentContext }) {\n  return (\n    <Button\n      variant='simple'\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n      icon\n      {...getExecutionContext?.().getDragProps?.()}\n    >\n      <Icon name='drag' />\n    </Button>\n  );\n}\n\nRowDragDropHandle.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowDragDropHandle;\n"]}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.d.ts

@@ -1,6 +1,7 @@
 export default RowError;
-declare function RowError({ getExecutionContext }: {
+declare function RowError({ getExecutionContext, getParentContext }: {
     getExecutionContext: any;
+    getParentContext: any;
 }): import("react/jsx-runtime").JSX.Element | null;
 declare namespace RowError {
     namespace propTypes {

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RowError.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAIA;;mDAWC;;;;;;sBAfqB,YAAY"}
+{"version":3,"file":"RowError.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAKA;;;mDAeC;;;;;;sBApBqB,YAAY"}

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.js

@@ -1,10 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { Icon, Tooltip, Flex, useElement } from '@pega/cosmos-react-core';
-function RowError({ getExecutionContext }) {
+import { Icon, Tooltip, useElement, Button } from '@pega/cosmos-react-core';
+import { ROW_DENSITY } from 'pega-repeating-structures-core';
+function RowError({ getExecutionContext, getParentContext }) {
     const [avatarEl, setAvatarEl] = useElement(null);
     const message = getExecutionContext().getRowError()?.message;
-    return message ? (_jsxs(Flex, { children: [_jsx(Icon, { ref: setAvatarEl, name: 'warn-solid', "aria-label": message }), _jsx(Tooltip, { target: avatarEl, showDelay: 'none', hideDelay: 'none', describeTarget: false, children: getExecutionContext().getRowError()?.message })] })) : null;
+    return message ? (_jsxs(Button, { variant: 'simple', icon: true, compact: getParentContext().getRowDensity() === ROW_DENSITY.SHORT, children: [_jsx(Icon, { ref: setAvatarEl, name: 'warn-solid', "aria-label": message }), _jsx(Tooltip, { target: avatarEl, showDelay: 'none', hideDelay: 'none', describeTarget: false, children: getExecutionContext().getRowError()?.message })] })) : null;
 }
 RowError.propTypes = {
     getExecutionContext: PropTypes.func.isRequired

package/lib/Core/Components/DefaultComponents/CellRenderers/RowError.js.map

@@ -1 +1 @@
-{"version":3,"file":"RowError.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1E,SAAS,QAAQ,CAAC,EAAE,mBAAmB,EAAE;IACvC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,MAAC,IAAI,eACH,KAAC,IAAI,IAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,gBAAa,OAAO,GAAI,EACjE,KAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,cAAc,EAAE,KAAK,YAC/E,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,GACrC,IACL,CACR,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Tooltip, Flex, useElement } from '@pega/cosmos-react-core';\n\nfunction RowError({ getExecutionContext }) {\n  const [avatarEl, setAvatarEl] = useElement(null);\n  const message = getExecutionContext().getRowError()?.message;\n  return message ? (\n    <Flex>\n      <Icon ref={setAvatarEl} name='warn-solid' aria-label={message} />\n      <Tooltip target={avatarEl} showDelay='none' hideDelay='none' describeTarget={false}>\n        {getExecutionContext().getRowError()?.message}\n      </Tooltip>\n    </Flex>\n  ) : null;\n}\n\nRowError.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowError;\n"]}
+{"version":3,"file":"RowError.js","sourceRoot":"","sources":["../../../../../Core/Components/DefaultComponents/CellRenderers/RowError.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,SAAS,QAAQ,CAAC,EAAE,mBAAmB,EAAE,gBAAgB,EAAE;IACzD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,OAAO,GAAG,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,CAAC;IAC7D,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,MAAC,MAAM,IACL,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,EAAE,gBAAgB,EAAE,CAAC,aAAa,EAAE,KAAK,WAAW,CAAC,KAAK,aAEjE,KAAC,IAAI,IAAC,GAAG,EAAE,WAAW,EAAE,IAAI,EAAC,YAAY,gBAAa,OAAO,GAAI,EACjE,KAAC,OAAO,IAAC,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAC,cAAc,EAAE,KAAK,YAC/E,mBAAmB,EAAE,CAAC,WAAW,EAAE,EAAE,OAAO,GACrC,IACH,CACV,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,QAAQ,CAAC,SAAS,GAAG;IACnB,mBAAmB,EAAE,SAAS,CAAC,IAAI,CAAC,UAAU;CAC/C,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Tooltip, useElement, Button } from '@pega/cosmos-react-core';\nimport { ROW_DENSITY } from 'pega-repeating-structures-core';\n\nfunction RowError({ getExecutionContext, getParentContext }) {\n  const [avatarEl, setAvatarEl] = useElement(null);\n  const message = getExecutionContext().getRowError()?.message;\n  return message ? (\n    <Button\n      variant='simple'\n      icon\n      compact={getParentContext().getRowDensity() === ROW_DENSITY.SHORT}\n    >\n      <Icon ref={setAvatarEl} name='warn-solid' aria-label={message} />\n      <Tooltip target={avatarEl} showDelay='none' hideDelay='none' describeTarget={false}>\n        {getExecutionContext().getRowError()?.message}\n      </Tooltip>\n    </Button>\n  ) : null;\n}\n\nRowError.propTypes = {\n  getExecutionContext: PropTypes.func.isRequired\n};\n\nexport default RowError;\n"]}

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

@@ -1,3 +1,5 @@
 export default EmptyContainer;
-declare function EmptyContainer(): import("react/jsx-runtime").JSX.Element;
+declare function EmptyContainer({ message }: {
+    message: any;
+}): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmptyContainer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAuBA,2EAWC"}
+{"version":3,"file":"EmptyContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAsBA;;4CASC"}

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

@@ -2,7 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { defaultThemeProp, EmptyState } from '@pega/cosmos-react-core';
 import TestIdConstants from '../TestIdConstants';
-import useTranslate from '../../Hooks/useTranslate';
 const EmptyContainerStyle = styled.div `
   position: absolute;
   display: flex;
@@ -17,9 +16,8 @@ const EmptyContainerStyle = styled.div `
   overflow: hidden;
 `;
 EmptyContainerStyle.defaultProps = defaultThemeProp;
-const EmptyContainer = () => {
-    const [translate] = useTranslate();
-    return (_jsx(EmptyContainerStyle, { "data-test-id": TestIdConstants.noRecords, "data-testid": TestIdConstants.noRecords, children: _jsx(EmptyState, { message: translate('No records found.') }) }));
+const EmptyContainer = ({ message }) => {
+    return (_jsx(EmptyContainerStyle, { "data-test-id": TestIdConstants.noRecords, "data-testid": TestIdConstants.noRecords, children: _jsx(EmptyState, { message: message }) }));
 };
 export default EmptyContainer;
 //# sourceMappingURL=EmptyContainer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyContainer.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AACjD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;gBAUtB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;CAEtE,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,cAAc,GAAG,GAAG,EAAE;IAC1B,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IAEnC,OAAO,CACL,KAAC,mBAAmB,oBACJ,eAAe,CAAC,SAAS,iBAC1B,eAAe,CAAC,SAAS,YAEtC,KAAC,UAAU,IAAC,OAAO,EAAE,SAAS,CAAC,mBAAmB,CAAC,GAAI,GACnC,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport { defaultThemeProp, EmptyState } from '@pega/cosmos-react-core';\n\nimport TestIdConstants from '../TestIdConstants';\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst EmptyContainerStyle = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  top: var(--row-height, 0);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.theme.base.palette['primary-background']};\n  overflow: hidden;\n`;\n\nEmptyContainerStyle.defaultProps = defaultThemeProp;\n\nconst EmptyContainer = () => {\n  const [translate] = useTranslate();\n\n  return (\n    <EmptyContainerStyle\n      data-test-id={TestIdConstants.noRecords}\n      data-testid={TestIdConstants.noRecords}\n    >\n      <EmptyState message={translate('No records found.')} />\n    </EmptyContainerStyle>\n  );\n};\n\nexport default EmptyContainer;\n"]}
+{"version":3,"file":"EmptyContainer.js","sourceRoot":"","sources":["../../../../Core/Components/DefaultComponents/EmptyContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAEvE,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;gBAUtB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;CAEtE,CAAC;AAEF,mBAAmB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAEpD,MAAM,cAAc,GAAG,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE;IACrC,OAAO,CACL,KAAC,mBAAmB,oBACJ,eAAe,CAAC,SAAS,iBAC1B,eAAe,CAAC,SAAS,YAEtC,KAAC,UAAU,IAAC,OAAO,EAAE,OAAO,GAAI,GACZ,CACvB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC","sourcesContent":["import styled from 'styled-components';\n\nimport { defaultThemeProp, EmptyState } from '@pega/cosmos-react-core';\n\nimport TestIdConstants from '../TestIdConstants';\n\nconst EmptyContainerStyle = styled.div`\n  position: absolute;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  top: var(--row-height, 0);\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: ${props => props.theme.base.palette['primary-background']};\n  overflow: hidden;\n`;\n\nEmptyContainerStyle.defaultProps = defaultThemeProp;\n\nconst EmptyContainer = ({ message }) => {\n  return (\n    <EmptyContainerStyle\n      data-test-id={TestIdConstants.noRecords}\n      data-testid={TestIdConstants.noRecords}\n    >\n      <EmptyState message={message} />\n    </EmptyContainerStyle>\n  );\n};\n\nexport default EmptyContainer;\n"]}

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

@@ -63,7 +63,9 @@ declare const _default: {
     sortRenderer: typeof sort;
     filterRenderer: typeof Filter;
     headerCellRenderer: typeof HeaderCell;
-    emptyContainerRenderer: () => import("react/jsx-runtime").JSX.Element;
+    emptyContainerRenderer: ({ message }: {
+        message: any;
+    }) => import("react/jsx-runtime").JSX.Element;
     loadingIndicator: typeof LoadingIndicator;
     rowHeightRenderer: typeof RowHeightRenderer;
     personalizationSelectorRenderer: typeof personalizationSelectorRenderer;

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":"AA8BA,uGAKC;;;;;;;;;;AAUD,mGASC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAtDqB,YAAY;iBAEjB,QAAQ;mBACN,UAAU;uBAEN,cAAc;6BAGR,oBAAoB;8BACnB,aAAa;4CAEC,2BAA2B;8CACzB,6BAA6B;8BAC7C,qBAAqB"}

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

@@ -1 +1 @@
-{"version":3,"file":"CommonFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"AAWA;;;;;4CA2GC;;;;;;;;;;;sBAtHqB,YAAY"}
+{"version":3,"file":"CommonFilter.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"AAgBA;;;;;4CA2GC;;;;;;;;;;;sBA3HqB,YAAY"}

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import PropTypes from 'prop-types';
 import { useState, useCallback, useEffect } from 'react';
 import { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';
-import { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';
+import { addFilter, getFilterInitializers, comparatorMap, FieldType } from 'pega-repeating-structures-core';
 import useTranslate from '../../Hooks/useTranslate';
 import InputWrapper from './InputWrapper';
 import useFilterSubmit from './Hooks/useFilterSubmit';
@@ -47,7 +47,7 @@ export default function CommonFilter({ column, onFilter, finishPopOver, popoverB
     };
     // eslint-disable-next-line sonarjs/no-small-switch
     switch (column.field.type) {
-        case 'number': {
+        case FieldType.NUMBER: {
             content = (_jsx(InputWrapper, { id: `${column.field.name}`, type: 'number', onChange: onNumberChange, onKeyDown: handleSubmitHandler, style: { width: '100%' }, label: translate('Filter value'), value: filterInput }));
             break;
         }

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

@@ -1 +1 @@
-{"version":3,"file":"CommonFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';\nimport { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport InputWrapper from './InputWrapper';\nimport useFilterSubmit from './Hooks/useFilterSubmit';\n\nexport default function CommonFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  const params = column.field.filterParams || [];\n  const [fInput, fValue, filter, filterExpression] = getFilterInitializers(column);\n  const [filterInput, setFilterInput] = useState(fInput);\n  const [comparator, setComparator] = useState(fValue);\n  const [translate] = useTranslate();\n  let content = null;\n  useEffect(() => {\n    /* Safe check for params */\n    if (params?.[0]?.key && !comparator) setComparator(params[0].key);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    /* Sending filter expression */\n    const newFilterExpression = addFilter({\n      filterExpression: filter ? null : filterExpression,\n      column,\n      comparator: comparatorMap[comparator],\n      input: filterInput\n    });\n    onFilter({\n      filterExp: newFilterExpression\n    });\n  }, [filter, filterExpression, column, comparator, filterInput, onFilter]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });\n\n  const onTextChange = useCallback(value => {\n    setFilterInput(value);\n  }, []);\n\n  const onNumberChange = useCallback(value => {\n    setFilterInput(parseFloat(value));\n  }, []);\n\n  const handleSubmitHandler = e => {\n    if (e.key === 'Enter') {\n      applyFilter();\n    }\n  };\n\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (column.field.type) {\n    case 'number': {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='number'\n          onChange={onNumberChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n    default: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='text'\n          onChange={onTextChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n  }\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={applyFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex container={{ direction: 'column', wrap: 'no-wrap', itemGap: 1 }}>\n            <Flex item>\n              <Select\n                defaultValue={comparator}\n                onChange={e => onFilterChange({ value: e.target.value })}\n                id={`select-${column.field.name}`}\n                label={translate('Filter comparison')}\n              >\n                {params.map(opt => (\n                  <Option key={opt.key} value={opt.key}>\n                    {translate(opt.value)}\n                  </Option>\n                ))}\n              </Select>\n            </Flex>\n            <Flex item>{content}</Flex>\n          </Flex>\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nCommonFilter.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any).isRequired,\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"version":3,"file":"CommonFilter.js","sourceRoot":"","sources":["../../../../Core/Components/Filters/CommonFilter.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useState, useCallback, useEffect } from 'react';\n\nimport { Select, Option, Flex, FormDialog } from '@pega/cosmos-react-core';\nimport {\n  addFilter,\n  getFilterInitializers,\n  comparatorMap,\n  FieldType\n} from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nimport InputWrapper from './InputWrapper';\nimport useFilterSubmit from './Hooks/useFilterSubmit';\n\nexport default function CommonFilter({ column, onFilter, finishPopOver, popoverButtonRef }) {\n  const params = column.field.filterParams || [];\n  const [fInput, fValue, filter, filterExpression] = getFilterInitializers(column);\n  const [filterInput, setFilterInput] = useState(fInput);\n  const [comparator, setComparator] = useState(fValue);\n  const [translate] = useTranslate();\n  let content = null;\n  useEffect(() => {\n    /* Safe check for params */\n    if (params?.[0]?.key && !comparator) setComparator(params[0].key);\n  }, []);\n\n  const submitFilter = useCallback(() => {\n    /* Sending filter expression */\n    const newFilterExpression = addFilter({\n      filterExpression: filter ? null : filterExpression,\n      column,\n      comparator: comparatorMap[comparator],\n      input: filterInput\n    });\n    onFilter({\n      filterExp: newFilterExpression\n    });\n  }, [filter, filterExpression, column, comparator, filterInput, onFilter]);\n\n  const onFilterChange = useCallback(({ value: comparatorType }) => {\n    setComparator(comparatorType);\n  }, []);\n\n  const applyFilter = useFilterSubmit({ finishPopOver, submitFilter });\n\n  const onTextChange = useCallback(value => {\n    setFilterInput(value);\n  }, []);\n\n  const onNumberChange = useCallback(value => {\n    setFilterInput(parseFloat(value));\n  }, []);\n\n  const handleSubmitHandler = e => {\n    if (e.key === 'Enter') {\n      applyFilter();\n    }\n  };\n\n  // eslint-disable-next-line sonarjs/no-small-switch\n  switch (column.field.type) {\n    case FieldType.NUMBER: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='number'\n          onChange={onNumberChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n    default: {\n      content = (\n        <InputWrapper\n          id={`${column.field.name}`}\n          type='text'\n          onChange={onTextChange}\n          onKeyDown={handleSubmitHandler}\n          style={{ width: '100%' }}\n          label={translate('Filter value')}\n          value={filterInput}\n        />\n      );\n      break;\n    }\n  }\n\n  return (\n    <>\n      {popoverButtonRef.current ? (\n        <FormDialog\n          heading={translate('Filter column')}\n          onSubmit={applyFilter}\n          onCancel={finishPopOver}\n          target={popoverButtonRef.current}\n        >\n          <Flex container={{ direction: 'column', wrap: 'no-wrap', itemGap: 1 }}>\n            <Flex item>\n              <Select\n                defaultValue={comparator}\n                onChange={e => onFilterChange({ value: e.target.value })}\n                id={`select-${column.field.name}`}\n                label={translate('Filter comparison')}\n              >\n                {params.map(opt => (\n                  <Option key={opt.key} value={opt.key}>\n                    {translate(opt.value)}\n                  </Option>\n                ))}\n              </Select>\n            </Flex>\n            <Flex item>{content}</Flex>\n          </Flex>\n        </FormDialog>\n      ) : null}\n    </>\n  );\n}\n\nCommonFilter.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/FilterType.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
-import { getFilterConditions } from 'pega-repeating-structures-core';
+import { getFilterConditions, FieldType } from 'pega-repeating-structures-core';
 import AdvanceFilter from './AdvanceFilter';
 import SelectFilter from './SelectFilter';
 import SimpleFilter from './SimpleFilter';
@@ -17,12 +17,12 @@ export default function FilterType({ column, onFilter, finishPopOver, popoverBut
     if (column.field.filterPickList) {
         return (_jsx(SelectFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
-    if (column.field.type === 'date' ||
-        column.field.type === 'datetime' ||
-        column.field.type === 'time') {
+    if (column.field.type === FieldType.DATE ||
+        column.field.type === FieldType.DATE_TIME ||
+        column.field.type === FieldType.TIME) {
         return (_jsx(SimpleFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
-    if (column.field.type === 'boolean') {
+    if (column.field.type === FieldType.BOOLEAN) {
         return (_jsx(BooleanFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
     }
     return (_jsx(CommonFilter, { column: column, onFilter: onFilter, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));

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

@@ -1 +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,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,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,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QACpC,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,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 (\n      <SelectFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (\n    column.field.type === 'date' ||\n    column.field.type === 'datetime' ||\n    column.field.type === 'time'\n  ) {\n    return (\n      <SimpleFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (column.field.type === 'boolean') {\n    return (\n      <BooleanFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  return (\n    <CommonFilter\n      column={column}\n      onFilter={onFilter}\n      finishPopOver={finishPopOver}\n      popoverButtonRef={popoverButtonRef}\n    />\n  );\n}\n\nFilterType.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  finishPopOver: PropTypes.func.isRequired,\n  onFilter: PropTypes.func.isRequired\n};\n"]}
+{"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,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAEhF,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,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IACE,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI;QACpC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,SAAS;QACzC,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,IAAI,EACpC,CAAC;QACD,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,OAAO,EAAE,CAAC;QAC5C,OAAO,CACL,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,aAAa,EAC5B,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;AACJ,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, FieldType } 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 (\n      <SelectFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (\n    column.field.type === FieldType.DATE ||\n    column.field.type === FieldType.DATE_TIME ||\n    column.field.type === FieldType.TIME\n  ) {\n    return (\n      <SimpleFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n  if (column.field.type === FieldType.BOOLEAN) {\n    return (\n      <BooleanFilter\n        column={column}\n        onFilter={onFilter}\n        finishPopOver={finishPopOver}\n        popoverButtonRef={popoverButtonRef}\n      />\n    );\n  }\n\n  return (\n    <CommonFilter\n      column={column}\n      onFilter={onFilter}\n      finishPopOver={finishPopOver}\n      popoverButtonRef={popoverButtonRef}\n    />\n  );\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/SelectFilter.d.ts.map

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

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

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import { useState, useEffect, useCallback } from 'react';
 import styled from 'styled-components';
 import { Checkbox, CheckboxGroup, Flex, Select, Option, FormDialog } from '@pega/cosmos-react-core';
-import { addFilter, getFilterInitializers, comparatorMap } from 'pega-repeating-structures-core';
+import { addFilter, getFilterInitializers, comparatorMap, FieldType } from 'pega-repeating-structures-core';
 import LoadingIndicator from '../LoadingIndicator';
 import RenderingEngine from '../RenderingEngine/RenderCell';
 import useTranslate from '../../Hooks/useTranslate';
@@ -80,7 +80,7 @@ export default function SelectFilter({ column, finishPopOver, onFilter, popoverB
     const onSelectOrDeselect = useCallback(event => {
         /* Disabling operators like isAnyOf isNoneOf */
         const { value, checked } = event.target;
-        const inputValue = column.field.type === 'number' ? parseFloat(value) : value;
+        const inputValue = column.field.type === FieldType.NUMBER ? parseFloat(value) : value;
         /* collecting set of unique values to sent with different operators */
         if (checked)
             setSelectedValues(selectedValues

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 { addFilter, getFilterInitializers, comparatorMap } 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 === '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 } 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"]}

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

@@ -11,5 +11,21 @@ declare namespace GroupHeader {
     }
 }
 export default GroupHeader;
+/**
+ * Formats additional field data based on its type and properties.
+ */
+export type AdditionalFieldData = NonNullable<Awaited<ReturnType<NonNullable<import("pega-repeating-structures-core").RsCoreTypes.ApiContext["fetchGroupedInfo"]>>>[number]["additionalFieldsData"]>[number];
+/**
+ * Formats additional field data based on its type and properties.
+ */
+export type Column = import("pega-repeating-structures-core").RsCoreTypes.Column;
+/**
+ * Formats additional field data based on its type and properties.
+ */
+export type Meta = import("pega-repeating-structures-core").RsCoreTypes.Meta;
+/**
+ * Formats additional field data based on its type and properties.
+ */
+export type GroupGenerator = import("pega-repeating-structures-core").RsCoreTypes.GroupGenerator;
 import PropTypes from 'prop-types';
 //# sourceMappingURL=GroupRenderer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"GroupRenderer.d.ts","sourceRoot":"","sources":["../../../Core/Components/GroupRenderer.jsx"],"names":[],"mappings":"AA6NA;;;mDAyGC;;;;;;;;;;sBAtUqB,YAAY"}
+{"version":3,"file":"GroupRenderer.d.ts","sourceRoot":"","sources":["../../../Core/Components/GroupRenderer.jsx"],"names":[],"mappings":"AAoYA;;;mDAqIC;;;;;;;;;;;;;kCAxVY,WAAW,CACnB,OAAO,CACL,UAAU,CACR,WAAW,CACnB,OAAiB,gCAAgC,EAAE,WAAW,CAAC,UAAU,CAAC,kBAAkB,CAAC,CACpF,CACF,CACF,CAAC,MAAM,CAAC,CAAC,sBAAsB,CAAC,CAClC,CAAC,MAAM,CAAC;;;;qBAEC,OAAO,gCAAgC,EAAE,WAAW,CAAC,MAAM;;;;mBAC3D,OAAO,gCAAgC,EAAE,WAAW,CAAC,IAAI;;;;6BACzD,OAAO,gCAAgC,EAAE,WAAW,CAAC,cAAc;sBA7L1D,YAAY"}