@pega/lists-react 9.0.0-build.29.25 → 9.0.0-build.29.27

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":"AAwBA;;;;mDA2CC;;;;;;;;;sBAlEqB,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,10 +1,10 @@
 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%;
 
@@ -21,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;;;;;;;;;;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,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\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 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/Toolbar/AdvanceToolbar.js

@@ -41,7 +41,7 @@ export default function AdvanceToolbar({ view }) {
             onClick: createNewAction.onClick
         }
         : undefined;
-    const Toolbar = template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (_jsx(MapToolbar, { locationFieldId: mapFieldIds?.location, name: title, showName: showTitle, formControlProps: formControlProps, rows: rows, count: count, createNew: createNew, additionalActions: additionalActions })) : (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, showName: showTitle, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: showFeatureForTemplate(template, 'group') && group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: showFeatureForTemplate(template, 'wrap') && wrapAction }), selectedActionContent, createEditViewContent] }));
+    const Toolbar = template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (_jsx(MapToolbar, { locationFieldId: mapFieldIds?.location, name: title, showName: showTitle, formControlProps: formControlProps, rows: rows, count: count, createNew: createNew, additionalActions: additionalActions })) : (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, showName: showTitle, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: showFeatureForTemplate(template, 'group') && group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: wrapAction }), selectedActionContent, createEditViewContent] }));
     return (_jsxs(AnnounceRowsCount, { state: state, count: count, isLoading: isLoading, announceCount: announceCount, children: [_jsx(ValidateMessage, { message: validatemessage, children: Toolbar }), refreshNotification && (_jsx(RefreshBanner, { refreshNotification: refreshNotification, forceRefresh: forceRefresh }))] }));
 }
 AdvanceToolbar.propTypes = {

package/lib/Core/Components/Toolbar/AdvanceToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvanceToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport { SELECTION_MODES } from '../../constants';\nimport showFeatureForTemplate from '../../templateFeatureSupport';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport useSearch from './hooks/useSearch';\nimport useFilter from './hooks/useFilter';\nimport usePersonalization from './hooks/usePersonalization';\nimport useMore from './hooks/useMore';\nimport useGroup from './hooks/useGroup/useGroup';\nimport useSort from './hooks/useSort/useSort';\nimport getCount from './utils/getCount';\nimport RefreshBanner from './RefreshBanner';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\n\nexport default function AdvanceToolbar({ view }) {\n  const {\n    selectedRecordsCount,\n    meta: {\n      basicMode,\n      selectionMode,\n      title,\n      showTitle,\n      toolbarActions,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount,\n    template\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector, createEditViewContent } = usePersonalization({ view });\n  const search = useSearch({ view });\n  const count = showCount ? getCount({ view }) : undefined;\n  const filter = useFilter({ view });\n  const group = useGroup({ view });\n  const sort = useSort({ view });\n  const { actions, actionsButtonRef, selectedActionContent } = useMore({ view });\n  const enableActionsMenu = selectionMode === SELECTION_MODES.multi && selectedRecordsCount !== 0;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  const additionalActions = (\n    <>\n      {basicMode && (\n        <ToolbarActions\n          toolbarActions={toolbarActions?.filter(action => !action.id.startsWith('Add'))}\n        />\n      )}\n      {allowBulkActions && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE && (\n        <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />\n      )}\n    </>\n  );\n\n  const createNewAction = toolbarActions?.find(action => action.id.startsWith('Add'));\n  const createNew =\n    createNewAction && basicMode\n      ? {\n          label: createNewAction?.text,\n          onClick: createNewAction.onClick\n        }\n      : undefined;\n\n  const Toolbar =\n    template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (\n      <MapToolbar\n        locationFieldId={mapFieldIds?.location}\n        name={title}\n        showName={showTitle}\n        formControlProps={formControlProps}\n        rows={rows}\n        count={count}\n        createNew={createNew}\n        additionalActions={additionalActions}\n      />\n    ) : (\n      <>\n        <ListToolbar\n          name={title}\n          showName={showTitle}\n          formControlProps={formControlProps}\n          viewSelector={viewSelector}\n          search={search}\n          count={count}\n          additionalActions={additionalActions}\n          filter={filter}\n          group={showFeatureForTemplate(template, 'group') && group}\n          sort={sort}\n          actions={actions}\n          actionsButtonRef={actionsButtonRef}\n          createNew={createNew}\n          wrap={showFeatureForTemplate(template, 'wrap') && wrapAction}\n        />\n        {selectedActionContent}\n        {createEditViewContent}\n      </>\n    );\n\n  return (\n    <AnnounceRowsCount\n      state={state}\n      count={count}\n      isLoading={isLoading}\n      announceCount={announceCount}\n    >\n      <ValidateMessage message={validatemessage}>\n        {Toolbar}\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nAdvanceToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"AdvanceToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,sBAAsB,MAAM,8BAA8B,CAAC;AAElE,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,SAAS,MAAM,mBAAmB,CAAC;AAC1C,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAC5D,OAAO,OAAO,MAAM,iBAAiB,CAAC;AACtC,OAAO,QAAQ,MAAM,2BAA2B,CAAC;AACjD,OAAO,OAAO,MAAM,yBAAyB,CAAC;AAC9C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE;IAC7C,MAAM,EACJ,oBAAoB,EACpB,IAAI,EAAE,EACJ,SAAS,EACT,aAAa,EACb,KAAK,EACL,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,WAAW,EACZ,GAAG,EAAE,EACN,IAAI,EACJ,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,EACT,mBAAmB,EACnB,IAAI,EAAE,EAAE,YAAY,EAAE,EACtB,aAAa,EACb,QAAQ,EACT,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACnD,MAAM,EAAE,YAAY,EAAE,qBAAqB,EAAE,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC7E,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,MAAM,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACnC,MAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IAC/E,MAAM,iBAAiB,GAAG,aAAa,KAAK,eAAe,CAAC,KAAK,IAAI,oBAAoB,KAAK,CAAC,CAAC;IAChG,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,MAAM,iBAAiB,GAAG,CACxB,8BACG,SAAS,IAAI,CACZ,KAAC,cAAc,IACb,cAAc,EAAE,cAAc,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,GAC9E,CACH,EACA,gBAAgB,IAAI,QAAQ,KAAK,6BAA6B,CAAC,QAAQ,IAAI,CAC1E,KAAC,WAAW,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,CAClE,IACA,CACJ,CAAC;IAEF,MAAM,eAAe,GAAG,cAAc,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,CAAC,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC;IACpF,MAAM,SAAS,GACb,eAAe,IAAI,SAAS;QAC1B,CAAC,CAAC;YACE,KAAK,EAAE,eAAe,EAAE,IAAI;YAC5B,OAAO,EAAE,eAAe,CAAC,OAAO;SACjC;QACH,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,OAAO,GACX,QAAQ,KAAK,6BAA6B,CAAC,GAAG,CAAC,CAAC,CAAC,CAC/C,KAAC,UAAU,IACT,eAAe,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,IAAI,KAAK,EACzD,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,UAAU,GAChB,EACD,qBAAqB,EACrB,qBAAqB,IACrB,CACJ,CAAC;IAEJ,OAAO,CACL,MAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,aAE5B,KAAC,eAAe,IAAC,OAAO,EAAE,eAAe,YACtC,OAAO,GAEQ,EACjB,mBAAmB,IAAI,CACtB,KAAC,aAAa,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,GAAI,CACxF,IACiB,CACrB,CAAC;AACJ,CAAC;AAED,cAAc,CAAC,SAAS,GAAG;IACzB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport { SELECTION_MODES } from '../../constants';\nimport showFeatureForTemplate from '../../templateFeatureSupport';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport useSearch from './hooks/useSearch';\nimport useFilter from './hooks/useFilter';\nimport usePersonalization from './hooks/usePersonalization';\nimport useMore from './hooks/useMore';\nimport useGroup from './hooks/useGroup/useGroup';\nimport useSort from './hooks/useSort/useSort';\nimport getCount from './utils/getCount';\nimport RefreshBanner from './RefreshBanner';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\n\nexport default function AdvanceToolbar({ view }) {\n  const {\n    selectedRecordsCount,\n    meta: {\n      basicMode,\n      selectionMode,\n      title,\n      showTitle,\n      toolbarActions,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount,\n    template\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector, createEditViewContent } = usePersonalization({ view });\n  const search = useSearch({ view });\n  const count = showCount ? getCount({ view }) : undefined;\n  const filter = useFilter({ view });\n  const group = useGroup({ view });\n  const sort = useSort({ view });\n  const { actions, actionsButtonRef, selectedActionContent } = useMore({ view });\n  const enableActionsMenu = selectionMode === SELECTION_MODES.multi && selectedRecordsCount !== 0;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  const additionalActions = (\n    <>\n      {basicMode && (\n        <ToolbarActions\n          toolbarActions={toolbarActions?.filter(action => !action.id.startsWith('Add'))}\n        />\n      )}\n      {allowBulkActions && template !== REPEATING_STRUCTURE_TEMPLATES.TIMELINE && (\n        <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />\n      )}\n    </>\n  );\n\n  const createNewAction = toolbarActions?.find(action => action.id.startsWith('Add'));\n  const createNew =\n    createNewAction && basicMode\n      ? {\n          label: createNewAction?.text,\n          onClick: createNewAction.onClick\n        }\n      : undefined;\n\n  const Toolbar =\n    template === REPEATING_STRUCTURE_TEMPLATES.MAP ? (\n      <MapToolbar\n        locationFieldId={mapFieldIds?.location}\n        name={title}\n        showName={showTitle}\n        formControlProps={formControlProps}\n        rows={rows}\n        count={count}\n        createNew={createNew}\n        additionalActions={additionalActions}\n      />\n    ) : (\n      <>\n        <ListToolbar\n          name={title}\n          showName={showTitle}\n          formControlProps={formControlProps}\n          viewSelector={viewSelector}\n          search={search}\n          count={count}\n          additionalActions={additionalActions}\n          filter={filter}\n          group={showFeatureForTemplate(template, 'group') && group}\n          sort={sort}\n          actions={actions}\n          actionsButtonRef={actionsButtonRef}\n          createNew={createNew}\n          wrap={wrapAction}\n        />\n        {selectedActionContent}\n        {createEditViewContent}\n      </>\n    );\n\n  return (\n    <AnnounceRowsCount\n      state={state}\n      count={count}\n      isLoading={isLoading}\n      announceCount={announceCount}\n    >\n      <ValidateMessage message={validatemessage}>\n        {Toolbar}\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nAdvanceToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

package/lib/Core/Components/Toolbar/SimpleToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":"AAYA;;4CAgCC;;;;;;;;;sBA5CqB,YAAY"}
+{"version":3,"file":"SimpleToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":"AAWA;;4CAgCC;;;;;;;;;sBA3CqB,YAAY"}

package/lib/Core/Components/Toolbar/SimpleToolbar.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { ListToolbar } from '@pega/cosmos-react-core';
-import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
 import RefreshBanner from './RefreshBanner';
 import getCount from './utils/getCount';
 import AnnounceRowsCount from './AnnounceRowsCount';
@@ -9,13 +8,13 @@ import ValidateMessage from './ValidateMessage';
 import useFormControlProps from './hooks/useFormControlProps';
 import useWrapAction from './hooks/useWrapAction';
 export default function SimpleToolbar({ view }) {
-    const { meta: { title, showTitle, template } = {}, state, getContext, showCount, refreshNotification, type: { forceRefresh } } = view;
+    const { meta: { title, showTitle } = {}, state, getContext, showCount, refreshNotification, type: { forceRefresh } } = view;
     const { getRequiredDef } = getContext();
     const { validatemessage } = getRequiredDef() || {};
     const count = showCount ? getCount({ view }) : undefined;
     const formControlProps = useFormControlProps(view);
     const wrapAction = useWrapAction(view);
-    return (_jsxs(AnnounceRowsCount, { state: state, count: count, children: [_jsx(ValidateMessage, { message: validatemessage, children: _jsx(ListToolbar, { name: title, showName: showTitle, count: count, formControlProps: formControlProps, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction }) }), refreshNotification && (_jsx(RefreshBanner, { refreshNotification: refreshNotification, forceRefresh: forceRefresh }))] }));
+    return (_jsxs(AnnounceRowsCount, { state: state, count: count, children: [_jsx(ValidateMessage, { message: validatemessage, children: _jsx(ListToolbar, { name: title, showName: showTitle, count: count, formControlProps: formControlProps, wrap: wrapAction }) }), refreshNotification && (_jsx(RefreshBanner, { refreshNotification: refreshNotification, forceRefresh: forceRefresh }))] }));
 }
 SimpleToolbar.propTypes = {
     view: PropTypes.objectOf(PropTypes.any).isRequired

package/lib/Core/Components/Toolbar/SimpleToolbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,6BAA6B,EAAE,MAAM,gCAAgC,CAAC;AAE/E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE;IAC5C,MAAM,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,EAAE,EACzC,KAAK,EACL,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,IAAI,EAAE,EAAE,YAAY,EAAE,EACvB,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aAC3C,KAAC,eAAe,IAAC,OAAO,EAAE,eAAe,YACvC,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,QAAQ,KAAK,6BAA6B,CAAC,KAAK,IAAI,UAAU,GACpE,GAEc,EACjB,mBAAmB,IAAI,CACtB,KAAC,aAAa,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,GAAI,CACxF,IACiB,CACrB,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\nimport { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';\n\nimport RefreshBanner from './RefreshBanner';\nimport getCount from './utils/getCount';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\n\nexport default function SimpleToolbar({ view }) {\n  const {\n    meta: { title, showTitle, template } = {},\n    state,\n    getContext,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh }\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const count = showCount ? getCount({ view }) : undefined;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  return (\n    <AnnounceRowsCount state={state} count={count}>\n      <ValidateMessage message={validatemessage}>\n        <ListToolbar\n          name={title}\n          showName={showTitle}\n          count={count}\n          formControlProps={formControlProps}\n          wrap={template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction}\n        />\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nSimpleToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"SimpleToolbar.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,QAAQ,MAAM,kBAAkB,CAAC;AACxC,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAChD,OAAO,mBAAmB,MAAM,6BAA6B,CAAC;AAC9D,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAElD,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE;IAC5C,MAAM,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,EAC/B,KAAK,EACL,UAAU,EACV,SAAS,EACT,mBAAmB,EACnB,IAAI,EAAE,EAAE,YAAY,EAAE,EACvB,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,cAAc,EAAE,GAAG,UAAU,EAAE,CAAC;IACxC,MAAM,EAAE,eAAe,EAAE,GAAG,cAAc,EAAE,IAAI,EAAE,CAAC;IACnD,MAAM,KAAK,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IACzD,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACnD,MAAM,UAAU,GAAG,aAAa,CAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACL,MAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,aAC3C,KAAC,eAAe,IAAC,OAAO,EAAE,eAAe,YACvC,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,UAAU,GAChB,GAEc,EACjB,mBAAmB,IAAI,CACtB,KAAC,aAAa,IAAC,mBAAmB,EAAE,mBAAmB,EAAE,YAAY,EAAE,YAAY,GAAI,CACxF,IACiB,CACrB,CAAC;AACJ,CAAC;AAED,aAAa,CAAC,SAAS,GAAG;IACxB,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { ListToolbar } from '@pega/cosmos-react-core';\n\nimport RefreshBanner from './RefreshBanner';\nimport getCount from './utils/getCount';\nimport AnnounceRowsCount from './AnnounceRowsCount';\nimport ValidateMessage from './ValidateMessage';\nimport useFormControlProps from './hooks/useFormControlProps';\nimport useWrapAction from './hooks/useWrapAction';\n\nexport default function SimpleToolbar({ view }) {\n  const {\n    meta: { title, showTitle } = {},\n    state,\n    getContext,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh }\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const count = showCount ? getCount({ view }) : undefined;\n  const formControlProps = useFormControlProps(view);\n  const wrapAction = useWrapAction(view);\n\n  return (\n    <AnnounceRowsCount state={state} count={count}>\n      <ValidateMessage message={validatemessage}>\n        <ListToolbar\n          name={title}\n          showName={showTitle}\n          count={count}\n          formControlProps={formControlProps}\n          wrap={wrapAction}\n        />\n        {/* FIXME: This implementation of error status should be considered temporary until an official, and properly accessible, spec is determined. */}\n      </ValidateMessage>\n      {refreshNotification && (\n        <RefreshBanner refreshNotification={refreshNotification} forceRefresh={forceRefresh} />\n      )}\n    </AnnounceRowsCount>\n  );\n}\n\nSimpleToolbar.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

package/lib/Core/Components/Toolbar/hooks/useWrapAction.d.ts

@@ -3,5 +3,5 @@ import type { RsCoreTypes } from 'pega-repeating-structures-core';
 export default function useWrapAction(view: RsCoreTypes.View): {
     enabled: boolean;
     onClick: () => void;
-};
+} | undefined;
 //# sourceMappingURL=useWrapAction.d.ts.map

package/lib/Core/Components/Toolbar/hooks/useWrapAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapAction.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useWrapAction.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAElE,sFAAsF;AACtF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI;;;EA+B3D"}
+{"version":3,"file":"useWrapAction.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useWrapAction.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,sFAAsF;AACtF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAI,EAAE,WAAW,CAAC,IAAI;;;cA6C3D"}

package/lib/Core/Components/Toolbar/hooks/useWrapAction.js

@@ -1,9 +1,14 @@
 import { useMemo, useRef } from 'react';
-import { ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';
+import { REPEATING_STRUCTURE_TEMPLATES, ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';
+import showFeatureForTemplate from '../../../templateFeatureSupport';
 /** Toggles word-wrap row density and restores the previous height when unwrapping. */
 export default function useWrapAction(view) {
     const { selectedHeightOption } = view.state;
-    const { defaultRowHeight } = view.meta;
+    // TODO(TS): tighten rs-core types so Meta.template and Meta.showWrapAction are required.
+    // Then remove these fallback defaults and rely on the typed contract directly.
+    const { defaultRowHeight, showWrapAction = true, template: metaTemplate = REPEATING_STRUCTURE_TEMPLATES.TABLE } = view.meta;
+    const template = view.template ?? metaTemplate;
+    const isWrapActionEnabled = showWrapAction && showFeatureForTemplate(template, 'wrap');
     // Track the last non-wrap height so we can restore it when unwrapping.
     /* TODO: If wrap is persisted via personalization, the pre-wrap height is lost on reload
      and falls back to meta default. Needs a separate state slice in RsCore to fix. */
@@ -12,17 +17,25 @@ export default function useWrapAction(view) {
     if (selectedHeightOption && selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {
         lastNonWrapHeightRef.current = selectedHeightOption;
     }
-    return useMemo(() => ({
-        enabled: selectedHeightOption === ROW_DENSITY.WRAP_CONTENT,
-        onClick: () => {
-            if (selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {
-                view.type.applyRowHeight(ROW_DENSITY.WRAP_CONTENT);
-            }
-            else {
-                // Disable wrap: restore last non-wrap height, fall back to meta default
-                view.type.applyRowHeight(lastNonWrapHeightRef.current ?? defaultRowHeight ?? ROW_DENSITY.SHORT);
-            }
+    return useMemo(() => {
+        if (!isWrapActionEnabled) {
+            return undefined;
         }
-    }), [selectedHeightOption, defaultRowHeight]);
+        return {
+            enabled: selectedHeightOption === ROW_DENSITY.WRAP_CONTENT,
+            onClick: () => {
+                if (selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {
+                    view.type.applyRowHeight(ROW_DENSITY.WRAP_CONTENT);
+                }
+                else {
+                    // Disable wrap: restore last non-wrap height, fall back to meta default, then fall back to SHORT
+                    const fallbackHeight = defaultRowHeight && defaultRowHeight !== ROW_DENSITY.WRAP_CONTENT
+                        ? defaultRowHeight
+                        : ROW_DENSITY.SHORT;
+                    view.type.applyRowHeight(lastNonWrapHeightRef.current ?? fallbackHeight);
+                }
+            }
+        };
+    }, [selectedHeightOption, defaultRowHeight, isWrapActionEnabled]);
 }
 //# sourceMappingURL=useWrapAction.js.map

package/lib/Core/Components/Toolbar/hooks/useWrapAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"useWrapAction.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useWrapAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EAAE,WAAW,EAAE,MAAM,qDAAqD,CAAC;AAGlF,sFAAsF;AACtF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAsB;IAC1D,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAC5C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC;IACvC,uEAAuE;IACvE;sFACkF;IAClF,MAAM,oBAAoB,GAAG,MAAM,CACjC,oBAAoB,KAAK,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CACrF,CAAC;IAEF,kDAAkD;IAClD,IAAI,oBAAoB,IAAI,oBAAoB,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;QAC9E,oBAAoB,CAAC,OAAO,GAAG,oBAAoB,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,OAAO,EAAE,oBAAoB,KAAK,WAAW,CAAC,YAAY;QAC1D,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,oBAAoB,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;gBACtD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;YACrD,CAAC;iBAAM,CAAC;gBACN,wEAAwE;gBACxE,IAAI,CAAC,IAAI,CAAC,cAAc,CACtB,oBAAoB,CAAC,OAAO,IAAI,gBAAgB,IAAI,WAAW,CAAC,KAAK,CACtE,CAAC;YACJ,CAAC;QACH,CAAC;KACF,CAAC,EACF,CAAC,oBAAoB,EAAE,gBAAgB,CAAC,CACzC,CAAC;AACJ,CAAC","sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport { ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\n/** Toggles word-wrap row density and restores the previous height when unwrapping. */\nexport default function useWrapAction(view: RsCoreTypes.View) {\n  const { selectedHeightOption } = view.state;\n  const { defaultRowHeight } = view.meta;\n  // Track the last non-wrap height so we can restore it when unwrapping.\n  /* TODO: If wrap is persisted via personalization, the pre-wrap height is lost on reload\n   and falls back to meta default. Needs a separate state slice in RsCore to fix. */\n  const lastNonWrapHeightRef = useRef(\n    selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT ? selectedHeightOption : undefined\n  );\n\n  // Update ref only when height is a non-wrap value\n  if (selectedHeightOption && selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {\n    lastNonWrapHeightRef.current = selectedHeightOption;\n  }\n\n  return useMemo(\n    () => ({\n      enabled: selectedHeightOption === ROW_DENSITY.WRAP_CONTENT,\n      onClick: () => {\n        if (selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {\n          view.type.applyRowHeight(ROW_DENSITY.WRAP_CONTENT);\n        } else {\n          // Disable wrap: restore last non-wrap height, fall back to meta default\n          view.type.applyRowHeight(\n            lastNonWrapHeightRef.current ?? defaultRowHeight ?? ROW_DENSITY.SHORT\n          );\n        }\n      }\n    }),\n    [selectedHeightOption, defaultRowHeight]\n  );\n}\n"]}
+{"version":3,"file":"useWrapAction.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/hooks/useWrapAction.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAExC,OAAO,EACL,6BAA6B,EAC7B,WAAW,EACZ,MAAM,qDAAqD,CAAC;AAG7D,OAAO,sBAAsB,MAAM,iCAAiC,CAAC;AAErE,sFAAsF;AACtF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,IAAsB;IAC1D,MAAM,EAAE,oBAAoB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;IAC5C,yFAAyF;IACzF,+EAA+E;IAC/E,MAAM,EACJ,gBAAgB,EAChB,cAAc,GAAG,IAAI,EACrB,QAAQ,EAAE,YAAY,GAAG,6BAA6B,CAAC,KAAK,EAC7D,GAAG,IAAI,CAAC,IAAI,CAAC;IACd,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,YAAY,CAAC;IAC/C,MAAM,mBAAmB,GAAG,cAAc,IAAI,sBAAsB,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEvF,uEAAuE;IACvE;sFACkF;IAClF,MAAM,oBAAoB,GAAG,MAAM,CACjC,oBAAoB,KAAK,WAAW,CAAC,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,SAAS,CACrF,CAAC;IAEF,kDAAkD;IAClD,IAAI,oBAAoB,IAAI,oBAAoB,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;QAC9E,oBAAoB,CAAC,OAAO,GAAG,oBAAoB,CAAC;IACtD,CAAC;IAED,OAAO,OAAO,CAAC,GAAG,EAAE;QAClB,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACzB,OAAO,SAAS,CAAC;QACnB,CAAC;QAED,OAAO;YACL,OAAO,EAAE,oBAAoB,KAAK,WAAW,CAAC,YAAY;YAC1D,OAAO,EAAE,GAAG,EAAE;gBACZ,IAAI,oBAAoB,KAAK,WAAW,CAAC,YAAY,EAAE,CAAC;oBACtD,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC;gBACrD,CAAC;qBAAM,CAAC;oBACN,iGAAiG;oBACjG,MAAM,cAAc,GAClB,gBAAgB,IAAI,gBAAgB,KAAK,WAAW,CAAC,YAAY;wBAC/D,CAAC,CAAC,gBAAgB;wBAClB,CAAC,CAAC,WAAW,CAAC,KAAK,CAAC;oBACxB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,oBAAoB,CAAC,OAAO,IAAI,cAAc,CAAC,CAAC;gBAC3E,CAAC;YACH,CAAC;SACF,CAAC;IACJ,CAAC,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,mBAAmB,CAAC,CAAC,CAAC;AACpE,CAAC","sourcesContent":["import { useMemo, useRef } from 'react';\n\nimport {\n  REPEATING_STRUCTURE_TEMPLATES,\n  ROW_DENSITY\n} from 'pega-repeating-structures-core/lib/types/Meta.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport showFeatureForTemplate from '../../../templateFeatureSupport';\n\n/** Toggles word-wrap row density and restores the previous height when unwrapping. */\nexport default function useWrapAction(view: RsCoreTypes.View) {\n  const { selectedHeightOption } = view.state;\n  // TODO(TS): tighten rs-core types so Meta.template and Meta.showWrapAction are required.\n  // Then remove these fallback defaults and rely on the typed contract directly.\n  const {\n    defaultRowHeight,\n    showWrapAction = true,\n    template: metaTemplate = REPEATING_STRUCTURE_TEMPLATES.TABLE\n  } = view.meta;\n  const template = view.template ?? metaTemplate;\n  const isWrapActionEnabled = showWrapAction && showFeatureForTemplate(template, 'wrap');\n\n  // Track the last non-wrap height so we can restore it when unwrapping.\n  /* TODO: If wrap is persisted via personalization, the pre-wrap height is lost on reload\n   and falls back to meta default. Needs a separate state slice in RsCore to fix. */\n  const lastNonWrapHeightRef = useRef(\n    selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT ? selectedHeightOption : undefined\n  );\n\n  // Update ref only when height is a non-wrap value\n  if (selectedHeightOption && selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {\n    lastNonWrapHeightRef.current = selectedHeightOption;\n  }\n\n  return useMemo(() => {\n    if (!isWrapActionEnabled) {\n      return undefined;\n    }\n\n    return {\n      enabled: selectedHeightOption === ROW_DENSITY.WRAP_CONTENT,\n      onClick: () => {\n        if (selectedHeightOption !== ROW_DENSITY.WRAP_CONTENT) {\n          view.type.applyRowHeight(ROW_DENSITY.WRAP_CONTENT);\n        } else {\n          // Disable wrap: restore last non-wrap height, fall back to meta default, then fall back to SHORT\n          const fallbackHeight =\n            defaultRowHeight && defaultRowHeight !== ROW_DENSITY.WRAP_CONTENT\n              ? defaultRowHeight\n              : ROW_DENSITY.SHORT;\n          view.type.applyRowHeight(lastNonWrapHeightRef.current ?? fallbackHeight);\n        }\n      }\n    };\n  }, [selectedHeightOption, defaultRowHeight, isWrapActionEnabled]);\n}\n"]}

package/lib/Core/Hooks/useDebounce.js

@@ -17,7 +17,7 @@ export default function useDebounce(value, delay) {
         return () => {
             clearTimeout(handler);
         };
-    }, [value]);
+    }, [delay, value]);
     return debouncedValue;
 }
 //# sourceMappingURL=useDebounce.js.map

package/lib/Core/Hooks/useDebounce.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../Core/Hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAa;IAC5D,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * A custom React hook that debounces a value by a specified delay.\n *\n * @param value - The value to debounce.\n * @param delay - The debounce delay in milliseconds.\n *\n * @returns The debounced value.\n */\nexport default function useDebounce<T>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [value]);\n\n  return debouncedValue;\n}\n"]}
+{"version":3,"file":"useDebounce.js","sourceRoot":"","sources":["../../../Core/Hooks/useDebounce.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,UAAU,WAAW,CAAI,KAAQ,EAAE,KAAa;IAC5D,wCAAwC;IACxC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE5D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YAC9B,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC3B,CAAC,EAAE,KAAK,CAAC,CAAC;QAEV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,OAAO,CAAC,CAAC;QACxB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC;IAEnB,OAAO,cAAc,CAAC;AACxB,CAAC","sourcesContent":["import { useState, useEffect } from 'react';\n\n/**\n * A custom React hook that debounces a value by a specified delay.\n *\n * @param value - The value to debounce.\n * @param delay - The debounce delay in milliseconds.\n *\n * @returns The debounced value.\n */\nexport default function useDebounce<T>(value: T, delay: number): T {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(() => {\n    const handler = setTimeout(() => {\n      setDebouncedValue(value);\n    }, delay);\n\n    return () => {\n      clearTimeout(handler);\n    };\n  }, [delay, value]);\n\n  return debouncedValue;\n}\n"]}

package/lib/Core/Hooks/useSelectAllCheckbox.d.ts

@@ -0,0 +1,21 @@
+import type { ChangeEvent } from 'react';
+interface UseSelectAllCheckboxParams {
+    selectedRecordsCount?: number;
+    resultsCount?: number;
+    hasMoreResults?: boolean;
+    selectionMode?: string;
+    selectionCountThreshold?: number;
+    disableSelectionOnLoad?: boolean;
+    selectAllRows?: (checked: boolean) => Promise<void>;
+    getDisableSelection?: () => boolean | undefined;
+}
+interface UseSelectAllCheckboxResult {
+    showSelectAllCheckbox: boolean;
+    isChecked: boolean;
+    isIndeterminate: boolean;
+    isDisabled: boolean;
+    handleChange: (event: ChangeEvent<HTMLInputElement>) => void;
+}
+export default function useSelectAllCheckbox({ selectedRecordsCount, resultsCount, hasMoreResults, selectionMode, selectionCountThreshold, disableSelectionOnLoad, selectAllRows, getDisableSelection }: UseSelectAllCheckboxParams): UseSelectAllCheckboxResult;
+export {};
+//# sourceMappingURL=useSelectAllCheckbox.d.ts.map

package/lib/Core/Hooks/useSelectAllCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectAllCheckbox.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useSelectAllCheckbox.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,UAAU,0BAA0B;IAClC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,mBAAmB,CAAC,EAAE,MAAM,OAAO,GAAG,SAAS,CAAC;CACjD;AAED,UAAU,0BAA0B;IAClC,qBAAqB,EAAE,OAAO,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,OAAO,CAAC;IACzB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,oBAAwB,EACxB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,uBAAuB,EACvB,sBAAsB,EACtB,aAAuC,EACvC,mBAAmB,EACpB,EAAE,0BAA0B,GAAG,0BAA0B,CA0BzD"}

package/lib/Core/Hooks/useSelectAllCheckbox.js

@@ -0,0 +1,23 @@
+import { useRef } from 'react';
+const SUPPORTED_MODES_FOR_SELECTALL = ['multi', 'multi_on_hover'];
+export default function useSelectAllCheckbox({ selectedRecordsCount = 0, resultsCount, hasMoreResults, selectionMode, selectionCountThreshold, disableSelectionOnLoad, selectAllRows = () => Promise.resolve(), getDisableSelection }) {
+    const isProcessingRef = useRef(false);
+    const isSupportedMode = !!selectionMode && SUPPORTED_MODES_FOR_SELECTALL.includes(selectionMode);
+    const showSelectAllCheckbox = isSupportedMode &&
+        (resultsCount ?? 0) > 0 &&
+        (resultsCount ?? 0) <= (selectionCountThreshold ?? 0) &&
+        !hasMoreResults;
+    const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;
+    const isChecked = (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;
+    const isDisabled = getDisableSelection?.() ?? disableSelectionOnLoad ?? false;
+    const handleChange = (event) => {
+        if (isDisabled || isProcessingRef.current)
+            return;
+        isProcessingRef.current = true;
+        selectAllRows(event.target.checked).finally(() => {
+            isProcessingRef.current = false;
+        });
+    };
+    return { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange };
+}
+//# sourceMappingURL=useSelectAllCheckbox.js.map

package/lib/Core/Hooks/useSelectAllCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSelectAllCheckbox.js","sourceRoot":"","sources":["../../../Core/Hooks/useSelectAllCheckbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAG/B,MAAM,6BAA6B,GAAG,CAAC,OAAO,EAAE,gBAAgB,CAAU,CAAC;AAqB3E,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,oBAAoB,GAAG,CAAC,EACxB,YAAY,EACZ,cAAc,EACd,aAAa,EACb,uBAAuB,EACvB,sBAAsB,EACtB,aAAa,GAAG,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,EACvC,mBAAmB,EACQ;IAC3B,MAAM,eAAe,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEtC,MAAM,eAAe,GACnB,CAAC,CAAC,aAAa,IAAK,6BAAmD,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;IAElG,MAAM,qBAAqB,GACzB,eAAe;QACf,CAAC,YAAY,IAAI,CAAC,CAAC,GAAG,CAAC;QACvB,CAAC,YAAY,IAAI,CAAC,CAAC,IAAI,CAAC,uBAAuB,IAAI,CAAC,CAAC;QACrD,CAAC,cAAc,CAAC;IAElB,MAAM,eAAe,GAAG,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC;IAC1F,MAAM,SAAS,GACb,CAAC,oBAAoB,GAAG,CAAC,IAAI,oBAAoB,KAAK,YAAY,CAAC,IAAI,eAAe,CAAC;IACzF,MAAM,UAAU,GAAG,mBAAmB,EAAE,EAAE,IAAI,sBAAsB,IAAI,KAAK,CAAC;IAE9E,MAAM,YAAY,GAAG,CAAC,KAAoC,EAAE,EAAE;QAC5D,IAAI,UAAU,IAAI,eAAe,CAAC,OAAO;YAAE,OAAO;QAClD,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;QAC/B,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;YAC/C,eAAe,CAAC,OAAO,GAAG,KAAK,CAAC;QAClC,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,EAAE,qBAAqB,EAAE,SAAS,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,CAAC;AACzF,CAAC","sourcesContent":["import { useRef } from 'react';\nimport type { ChangeEvent } from 'react';\n\nconst SUPPORTED_MODES_FOR_SELECTALL = ['multi', 'multi_on_hover'] as const;\n\ninterface UseSelectAllCheckboxParams {\n  selectedRecordsCount?: number;\n  resultsCount?: number;\n  hasMoreResults?: boolean;\n  selectionMode?: string;\n  selectionCountThreshold?: number;\n  disableSelectionOnLoad?: boolean;\n  selectAllRows?: (checked: boolean) => Promise<void>;\n  getDisableSelection?: () => boolean | undefined;\n}\n\ninterface UseSelectAllCheckboxResult {\n  showSelectAllCheckbox: boolean;\n  isChecked: boolean;\n  isIndeterminate: boolean;\n  isDisabled: boolean;\n  handleChange: (event: ChangeEvent<HTMLInputElement>) => void;\n}\n\nexport default function useSelectAllCheckbox({\n  selectedRecordsCount = 0,\n  resultsCount,\n  hasMoreResults,\n  selectionMode,\n  selectionCountThreshold,\n  disableSelectionOnLoad,\n  selectAllRows = () => Promise.resolve(),\n  getDisableSelection\n}: UseSelectAllCheckboxParams): UseSelectAllCheckboxResult {\n  const isProcessingRef = useRef(false);\n\n  const isSupportedMode =\n    !!selectionMode && (SUPPORTED_MODES_FOR_SELECTALL as readonly string[]).includes(selectionMode);\n\n  const showSelectAllCheckbox =\n    isSupportedMode &&\n    (resultsCount ?? 0) > 0 &&\n    (resultsCount ?? 0) <= (selectionCountThreshold ?? 0) &&\n    !hasMoreResults;\n\n  const isIndeterminate = selectedRecordsCount > 0 && selectedRecordsCount !== resultsCount;\n  const isChecked =\n    (selectedRecordsCount > 0 && selectedRecordsCount === resultsCount) || isIndeterminate;\n  const isDisabled = getDisableSelection?.() ?? disableSelectionOnLoad ?? false;\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    if (isDisabled || isProcessingRef.current) return;\n    isProcessingRef.current = true;\n    selectAllRows(event.target.checked).finally(() => {\n      isProcessingRef.current = false;\n    });\n  };\n\n  return { showSelectAllCheckbox, isChecked, isIndeterminate, isDisabled, handleChange };\n}\n"]}

package/lib/Core/Views/Table/GroupingHeaderCell.d.ts

@@ -1,21 +1,12 @@
 export default GroupingHeaderCell;
-declare function GroupingHeaderCell(props: any): import("react/jsx-runtime").JSX.Element | null;
+declare function GroupingHeaderCell({ view }: {
+    view: any;
+}): import("react/jsx-runtime").JSX.Element | null;
 declare namespace GroupingHeaderCell {
     namespace propTypes {
-        let isExpanded: PropTypes.Requireable<boolean>;
-        let enable: PropTypes.Requireable<boolean>;
-        let handleChange: PropTypes.Requireable<(...args: any[]) => any>;
-        let classList: PropTypes.Requireable<(string | null | undefined)[]>;
-    }
-    namespace defaultProps {
-        let isExpanded_1: boolean;
-        export { isExpanded_1 as isExpanded };
-        let enable_1: boolean;
-        export { enable_1 as enable };
-        export function handleChange_1(): undefined;
-        export { handleChange_1 as handleChange };
-        let classList_1: never[];
-        export { classList_1 as classList };
+        let view: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
     }
 }
 import PropTypes from 'prop-types';

package/lib/Core/Views/Table/GroupingHeaderCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingHeaderCell.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAOA,gGAkBC;;;;;;;;;;;;;QAYe,4CAAe;;;;;;sBArCT,YAAY"}
+{"version":3,"file":"GroupingHeaderCell.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAQA;;mDAqCC;;;;;;;;sBA7CqB,YAAY"}

package/lib/Core/Views/Table/GroupingHeaderCell.js

@@ -1,26 +1,28 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { Icon, Button } from '@pega/cosmos-react-core';
-import { createClassName as cx } from '../../Utils';
+import { createClassName as cx, isRowReorderFieldEnabled } from '../../Utils';
 import useTranslate from '../../Hooks/useTranslate';
-function GroupingHeaderCell(props) {
-    const { enable, isExpanded, handleChange, classList } = props;
+import useSelectAllCheckbox from '../../Hooks/useSelectAllCheckbox';
+function GroupingHeaderCell({ view }) {
     const [translate] = useTranslate();
+    const { enable, isExpanded, handleChange } = view.groupingHeaderCellProps;
+    const { showSelectAllCheckbox } = useSelectAllCheckbox({
+        selectedRecordsCount: view.selectedRecordsCount,
+        resultsCount: view.resultsCount,
+        hasMoreResults: view.hasMoreResults,
+        selectionMode: view.meta?.selectionMode,
+        selectionCountThreshold: view.meta?.selectionCountThreshold
+    });
+    const hasOotbColumns = showSelectAllCheckbox ||
+        !!view.state?.errors?.dataErrors ||
+        isRowReorderFieldEnabled(view.meta ?? {});
     if (!enable)
         return null;
-    return (_jsx("div", { className: cx('expand-collapse-all', { expanded: isExpanded }, ...classList), children: _jsx(Button, { onClick: () => handleChange(!isExpanded), variant: 'simple', icon: true, compact: true, "aria-live": 'polite', label: isExpanded ? translate('Collapse all groups') : translate('Expand all groups'), children: isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' }) }) }));
+    return (_jsx("div", { className: cx('expand-collapse-all', { expanded: isExpanded }, hasOotbColumns && 'no-border-right'), children: _jsx(Button, { onClick: () => handleChange(!isExpanded), variant: 'simple', icon: true, compact: true, "aria-live": 'polite', label: isExpanded ? translate('Collapse all groups') : translate('Expand all groups'), children: isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' }) }) }));
 }
 GroupingHeaderCell.propTypes = {
-    isExpanded: PropTypes.bool,
-    enable: PropTypes.bool,
-    handleChange: PropTypes.func,
-    classList: PropTypes.arrayOf(PropTypes.string)
-};
-GroupingHeaderCell.defaultProps = {
-    isExpanded: false,
-    enable: false,
-    handleChange: () => undefined,
-    classList: []
+    view: PropTypes.objectOf(PropTypes.any).isRequired
 };
 export default GroupingHeaderCell;
 //# sourceMappingURL=GroupingHeaderCell.js.map

package/lib/Core/Views/Table/GroupingHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupingHeaderCell.js","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,aAAa,CAAC;AACpD,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,SAAS,kBAAkB,CAAC,KAAK;IAC/B,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,cAAK,SAAS,EAAE,EAAE,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,EAAE,GAAG,SAAS,CAAC,YAC/E,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EACxC,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,qBACG,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAEpF,UAAU,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GAC/D,GACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,UAAU,EAAE,SAAS,CAAC,IAAI;IAC1B,MAAM,EAAE,SAAS,CAAC,IAAI;IACtB,YAAY,EAAE,SAAS,CAAC,IAAI;IAC5B,SAAS,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC;CAC/C,CAAC;AAEF,kBAAkB,CAAC,YAAY,GAAG;IAChC,UAAU,EAAE,KAAK;IACjB,MAAM,EAAE,KAAK;IACb,YAAY,EAAE,GAAG,EAAE,CAAC,SAAS;IAC7B,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Button } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\n\nfunction GroupingHeaderCell(props) {\n  const { enable, isExpanded, handleChange, classList } = props;\n  const [translate] = useTranslate();\n  if (!enable) return null;\n  return (\n    <div className={cx('expand-collapse-all', { expanded: isExpanded }, ...classList)}>\n      <Button\n        onClick={() => handleChange(!isExpanded)}\n        variant='simple'\n        icon\n        compact\n        aria-live='polite'\n        label={isExpanded ? translate('Collapse all groups') : translate('Expand all groups')}\n      >\n        {isExpanded ? <Icon name='caret-down' /> : <Icon name='caret-right' />}\n      </Button>\n    </div>\n  );\n}\n\nGroupingHeaderCell.propTypes = {\n  isExpanded: PropTypes.bool,\n  enable: PropTypes.bool,\n  handleChange: PropTypes.func,\n  classList: PropTypes.arrayOf(PropTypes.string)\n};\n\nGroupingHeaderCell.defaultProps = {\n  isExpanded: false,\n  enable: false,\n  handleChange: () => undefined,\n  classList: []\n};\n\nexport default GroupingHeaderCell;\n"]}
+{"version":3,"file":"GroupingHeaderCell.js","sourceRoot":"","sources":["../../../../Core/Views/Table/GroupingHeaderCell.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEvD,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,wBAAwB,EAAE,MAAM,aAAa,CAAC;AAC9E,OAAO,YAAY,MAAM,0BAA0B,CAAC;AACpD,OAAO,oBAAoB,MAAM,kCAAkC,CAAC;AAEpE,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAAE;IAClC,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,uBAAuB,CAAC;IAE1E,MAAM,EAAE,qBAAqB,EAAE,GAAG,oBAAoB,CAAC;QACrD,oBAAoB,EAAE,IAAI,CAAC,oBAAoB;QAC/C,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,cAAc,EAAE,IAAI,CAAC,cAAc;QACnC,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,aAAa;QACvC,uBAAuB,EAAE,IAAI,CAAC,IAAI,EAAE,uBAAuB;KAC5D,CAAC,CAAC;IACH,MAAM,cAAc,GAClB,qBAAqB;QACrB,CAAC,CAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU;QAChC,wBAAwB,CAAC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IACzB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,EAAE,QAAQ,EAAE,UAAU,EAAE,EACxB,cAAc,IAAI,iBAAiB,CACpC,YAED,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,UAAU,CAAC,EACxC,OAAO,EAAC,QAAQ,EAChB,IAAI,QACJ,OAAO,qBACG,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,mBAAmB,CAAC,YAEpF,UAAU,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,KAAC,IAAI,IAAC,IAAI,EAAC,aAAa,GAAG,GAC/D,GACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAkB,CAAC,SAAS,GAAG;IAC7B,IAAI,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,UAAU;CACnD,CAAC;AAEF,eAAe,kBAAkB,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { Icon, Button } from '@pega/cosmos-react-core';\n\nimport { createClassName as cx, isRowReorderFieldEnabled } from '../../Utils';\nimport useTranslate from '../../Hooks/useTranslate';\nimport useSelectAllCheckbox from '../../Hooks/useSelectAllCheckbox';\n\nfunction GroupingHeaderCell({ view }) {\n  const [translate] = useTranslate();\n  const { enable, isExpanded, handleChange } = view.groupingHeaderCellProps;\n\n  const { showSelectAllCheckbox } = useSelectAllCheckbox({\n    selectedRecordsCount: view.selectedRecordsCount,\n    resultsCount: view.resultsCount,\n    hasMoreResults: view.hasMoreResults,\n    selectionMode: view.meta?.selectionMode,\n    selectionCountThreshold: view.meta?.selectionCountThreshold\n  });\n  const hasOotbColumns =\n    showSelectAllCheckbox ||\n    !!view.state?.errors?.dataErrors ||\n    isRowReorderFieldEnabled(view.meta ?? {});\n\n  if (!enable) return null;\n  return (\n    <div\n      className={cx(\n        'expand-collapse-all',\n        { expanded: isExpanded },\n        hasOotbColumns && 'no-border-right'\n      )}\n    >\n      <Button\n        onClick={() => handleChange(!isExpanded)}\n        variant='simple'\n        icon\n        compact\n        aria-live='polite'\n        label={isExpanded ? translate('Collapse all groups') : translate('Expand all groups')}\n      >\n        {isExpanded ? <Icon name='caret-down' /> : <Icon name='caret-right' />}\n      </Button>\n    </div>\n  );\n}\n\nGroupingHeaderCell.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default GroupingHeaderCell;\n"]}

package/lib/Core/Views/Table/index.js

@@ -92,7 +92,7 @@ function StyledTable({ view }) {
                 'show-expand-collapse-all': view.showGroupingExpandCollapseAll
             }), theme: theme, view: view, isFullscreen: isFullscreen, children: [_jsx(WarningBanner, { warningMessages: view.warningMessages }), _jsx(Toolbar, { view: view }), _jsx(RenderView, { type: EXTERNAL_FILTERS, view: view }), _jsx(NotificationManager, { view: view }), _jsx(RepeatingStructureA11y, { view: view, a11yRef: a11yRef, children: _jsxs("div", { className: cx('container', view.className, {
                             'small-screen-table': !isSmallOrAbove
-                        }), ref: containerRef, ...view.getUIProps(), onClick: onClickHandler, onFocusCapture: e => a11yRef.current.onFocusHandler(e), onBlurCapture: e => a11yRef.current.onBlurHandler(e), children: [view.state?.groups?.length ? (_jsxs(_Fragment, { children: [_jsx(GroupingHeaderCell, { ...view.groupingHeaderCellProps }), _jsx(Virtualiser, { id: 'rootVirtualiser', view: view, renderHeader: renderHeader, renderFooter: renderFooter, isFullscreen: isFullscreen, children: _jsx(Body, { groupHeaders: groupHeaders, columns: columns, hierarchicalGroupEnabled: view.hierarchicalGroupEnabled }) })] })) : (_jsx(Virtualiser, { id: 'rootVirtualiser', view: view, renderHeader: renderHeader, renderFooter: renderFooter, isFullscreen: isFullscreen, useVariableRowHeightVirtualization: true })), _jsx(LoadingIndicator, { view: view, show: !rows || !!view.isLoading }), _jsx(ContextMenuContainer, { view: view, selector: contextMenuSelector })] }) })] }) }));
+                        }), ref: containerRef, ...view.getUIProps(), onClick: onClickHandler, onFocusCapture: e => a11yRef.current.onFocusHandler(e), onBlurCapture: e => a11yRef.current.onBlurHandler(e), children: [view.state?.groups?.length ? (_jsxs(_Fragment, { children: [_jsx(GroupingHeaderCell, { view: view }), _jsx(Virtualiser, { id: 'rootVirtualiser', view: view, renderHeader: renderHeader, renderFooter: renderFooter, isFullscreen: isFullscreen, children: _jsx(Body, { groupHeaders: groupHeaders, columns: columns, hierarchicalGroupEnabled: view.hierarchicalGroupEnabled }) })] })) : (_jsx(Virtualiser, { id: 'rootVirtualiser', view: view, renderHeader: renderHeader, renderFooter: renderFooter, isFullscreen: isFullscreen, useVariableRowHeightVirtualization: true })), _jsx(LoadingIndicator, { view: view, show: !rows || !!view.isLoading }), _jsx(ContextMenuContainer, { view: view, selector: contextMenuSelector })] }) })] }) }));
 }
 StyledTable.propTypes = {
     view: PropTypes.objectOf(PropTypes.any).isRequired

package/lib/Core/Views/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Table/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef, useEffect } from 'react';\n\nimport { useLiveLog } from '@pega/cosmos-react-core/lib/hooks';\nimport { useFullscreenContext, useTheme } from '@pega/cosmos-react-core';\nimport { expandCollapseAllMeta } from 'pega-repeating-structures-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport NotificationManager from '../../Components/NotificationManager';\nimport WarningBanner from '../../Components/WarningBanner';\nimport Toolbar from '../../Components/Toolbar';\nimport ContextMenuContainer from '../../Components/ContextMenu/ContextMenuContainer';\nimport LoadingIndicator from '../../Components/LoadingIndicator';\nimport TableFooter from '../../Components/Footer';\nimport RepeatingStructureA11y from '../../Components/A11y/RepeatingStructureA11y';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport { EXTERNAL_FILTERS, FOCUSABLE_SELECTORS, ACTIONABLE_SELECTORS } from '../../constants';\nimport useTranslate from '../../Hooks/useTranslate';\nimport RsCardWrapper from '../RsCardWrapper';\n\nimport GroupingHeaderCell from './GroupingHeaderCell';\nimport StyledTableContainer from './StyledTableContainer';\nimport TableA11y from './TableA11y';\nimport Body from './Body';\nimport Virtualiser from './VirtualizeWrapper';\nimport Headers from './Headers';\n\nconst contextMenuSelector = { query: '.cell:not([role=\"columnheader\"])' };\n\nfunction StyledTable({ view }) {\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const { columns, rows, groupHeaders, meta: { toolbarActions } = {} } = view;\n  const rowHeight = 40;\n  const footerHeight = 57;\n  const isSmallOrAbove = view?.state?.responsive?.sm;\n  const expandCollapseAllWidth = view.showGroupingExpandCollapseAll\n    ? expandCollapseAllMeta.width\n    : 0;\n\n  const containerStyles = {\n    '--row-height': `${rowHeight}px`,\n    '--footer-height': `${footerHeight}px`,\n    '--expand-collapse-all-width': `${expandCollapseAllWidth}px`\n  };\n  const renderHeader = useCallback(\n    () => <Headers ref={view.setItemElement} columns={columns} isVisible={!!rows} />,\n    [columns, rows, view]\n  );\n  const renderFooter = useCallback(() => <TableFooter view={view} />, [view]);\n  const addAction = toolbarActions?.find(action => action.id === 'Add_Record');\n  const theme = useTheme();\n  const containerRef = useRef(null);\n  const { announcePolite } = useLiveLog();\n  const [translate] = useTranslate();\n  const a11yRef = useRef(\n    new TableA11y(\n      {\n        topFocusRef: '.top',\n        bottomFocusRef: '.bottom',\n        focusElementSelector: '.cell',\n        parentElementSelector: '.row',\n        aboveLoader: '.above-loader',\n        belowLoader: '.below-loader',\n        expandCollpaseAll: '.expand-collapse-all',\n        stickyGroupHeaderSelector: '.stickyGroupHeader',\n        aggregateCell: '.aggregateCell',\n        tableLoader: '.table-loader',\n        footer: '.footer',\n        addActionSelector: addAction ? `[aria-label=\"${addAction.text}\"]` : undefined\n      },\n      FOCUSABLE_SELECTORS,\n      {\n        TAB: 9,\n        LEFT: 37,\n        UP: 38,\n        RIGHT: 39,\n        DOWN: 40\n      },\n      null,\n      announcePolite,\n      translate,\n      ACTIONABLE_SELECTORS,\n      translate('Interactive content')\n    )\n  );\n\n  useEffect(() => {\n    a11yRef.current.setContainer(containerRef.current);\n\n    return () => {\n      containerRef.current = null;\n      a11yRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    a11yRef.current.itemsLoadedCallback();\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const handler = e => a11yRef.current.a11yHandler(e);\n    container.addEventListener('keydown', handler);\n    return () => container.removeEventListener('keydown', handler);\n  }, []);\n\n  const onClickHandler = useCallback(e => {\n    const pointerType = e.nativeEvent.pointerType;\n    if (pointerType) {\n      a11yRef.current.clickHandler(e);\n    }\n  }, []);\n\n  return (\n    <RsCardWrapper>\n      <StyledTableContainer\n        style={containerStyles}\n        data-test-id='table'\n        data-testid='table'\n        className={cx('t-container', {\n          'show-expand-collapse-all': view.showGroupingExpandCollapseAll\n        })}\n        theme={theme}\n        view={view}\n        isFullscreen={isFullscreen}\n      >\n        <WarningBanner warningMessages={view.warningMessages} />\n        <Toolbar view={view} />\n        <RenderView type={EXTERNAL_FILTERS} view={view} />\n        <NotificationManager view={view} />\n        <RepeatingStructureA11y view={view} a11yRef={a11yRef}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div\n            className={cx('container', view.className, {\n              'small-screen-table': !isSmallOrAbove\n            })}\n            ref={containerRef}\n            {...view.getUIProps()}\n            onClick={onClickHandler}\n            onFocusCapture={e => a11yRef.current.onFocusHandler(e)}\n            onBlurCapture={e => a11yRef.current.onBlurHandler(e)}\n          >\n            {view.state?.groups?.length ? (\n              <>\n                <GroupingHeaderCell {...view.groupingHeaderCellProps} />\n                <Virtualiser\n                  id='rootVirtualiser'\n                  view={view}\n                  renderHeader={renderHeader}\n                  renderFooter={renderFooter}\n                  isFullscreen={isFullscreen}\n                >\n                  <Body\n                    groupHeaders={groupHeaders}\n                    columns={columns}\n                    hierarchicalGroupEnabled={view.hierarchicalGroupEnabled}\n                  />\n                </Virtualiser>\n              </>\n            ) : (\n              <Virtualiser\n                id='rootVirtualiser'\n                view={view}\n                renderHeader={renderHeader}\n                renderFooter={renderFooter}\n                isFullscreen={isFullscreen}\n                useVariableRowHeightVirtualization\n              />\n            )}\n            <LoadingIndicator view={view} show={!rows || !!view.isLoading} />\n            <ContextMenuContainer view={view} selector={contextMenuSelector} />\n          </div>\n        </RepeatingStructureA11y>\n      </StyledTableContainer>\n    </RsCardWrapper>\n  );\n}\n\nStyledTable.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default StyledTable;\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Views/Table/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useRef, useEffect } from 'react';\n\nimport { useLiveLog } from '@pega/cosmos-react-core/lib/hooks';\nimport { useFullscreenContext, useTheme } from '@pega/cosmos-react-core';\nimport { expandCollapseAllMeta } from 'pega-repeating-structures-core';\n\nimport { createClassName as cx } from '../../Utils';\nimport NotificationManager from '../../Components/NotificationManager';\nimport WarningBanner from '../../Components/WarningBanner';\nimport Toolbar from '../../Components/Toolbar';\nimport ContextMenuContainer from '../../Components/ContextMenu/ContextMenuContainer';\nimport LoadingIndicator from '../../Components/LoadingIndicator';\nimport TableFooter from '../../Components/Footer';\nimport RepeatingStructureA11y from '../../Components/A11y/RepeatingStructureA11y';\nimport RenderView from '../../Components/RenderingEngine/RenderView';\nimport { EXTERNAL_FILTERS, FOCUSABLE_SELECTORS, ACTIONABLE_SELECTORS } from '../../constants';\nimport useTranslate from '../../Hooks/useTranslate';\nimport RsCardWrapper from '../RsCardWrapper';\n\nimport GroupingHeaderCell from './GroupingHeaderCell';\nimport StyledTableContainer from './StyledTableContainer';\nimport TableA11y from './TableA11y';\nimport Body from './Body';\nimport Virtualiser from './VirtualizeWrapper';\nimport Headers from './Headers';\n\nconst contextMenuSelector = { query: '.cell:not([role=\"columnheader\"])' };\n\nfunction StyledTable({ view }) {\n  const isFullscreen = !!useFullscreenContext()?.[0];\n  const { columns, rows, groupHeaders, meta: { toolbarActions } = {} } = view;\n  const rowHeight = 40;\n  const footerHeight = 57;\n  const isSmallOrAbove = view?.state?.responsive?.sm;\n  const expandCollapseAllWidth = view.showGroupingExpandCollapseAll\n    ? expandCollapseAllMeta.width\n    : 0;\n\n  const containerStyles = {\n    '--row-height': `${rowHeight}px`,\n    '--footer-height': `${footerHeight}px`,\n    '--expand-collapse-all-width': `${expandCollapseAllWidth}px`\n  };\n  const renderHeader = useCallback(\n    () => <Headers ref={view.setItemElement} columns={columns} isVisible={!!rows} />,\n    [columns, rows, view]\n  );\n  const renderFooter = useCallback(() => <TableFooter view={view} />, [view]);\n  const addAction = toolbarActions?.find(action => action.id === 'Add_Record');\n  const theme = useTheme();\n  const containerRef = useRef(null);\n  const { announcePolite } = useLiveLog();\n  const [translate] = useTranslate();\n  const a11yRef = useRef(\n    new TableA11y(\n      {\n        topFocusRef: '.top',\n        bottomFocusRef: '.bottom',\n        focusElementSelector: '.cell',\n        parentElementSelector: '.row',\n        aboveLoader: '.above-loader',\n        belowLoader: '.below-loader',\n        expandCollpaseAll: '.expand-collapse-all',\n        stickyGroupHeaderSelector: '.stickyGroupHeader',\n        aggregateCell: '.aggregateCell',\n        tableLoader: '.table-loader',\n        footer: '.footer',\n        addActionSelector: addAction ? `[aria-label=\"${addAction.text}\"]` : undefined\n      },\n      FOCUSABLE_SELECTORS,\n      {\n        TAB: 9,\n        LEFT: 37,\n        UP: 38,\n        RIGHT: 39,\n        DOWN: 40\n      },\n      null,\n      announcePolite,\n      translate,\n      ACTIONABLE_SELECTORS,\n      translate('Interactive content')\n    )\n  );\n\n  useEffect(() => {\n    a11yRef.current.setContainer(containerRef.current);\n\n    return () => {\n      containerRef.current = null;\n      a11yRef.current = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    a11yRef.current.itemsLoadedCallback();\n  });\n\n  useEffect(() => {\n    const container = containerRef.current;\n    if (!container) return;\n    const handler = e => a11yRef.current.a11yHandler(e);\n    container.addEventListener('keydown', handler);\n    return () => container.removeEventListener('keydown', handler);\n  }, []);\n\n  const onClickHandler = useCallback(e => {\n    const pointerType = e.nativeEvent.pointerType;\n    if (pointerType) {\n      a11yRef.current.clickHandler(e);\n    }\n  }, []);\n\n  return (\n    <RsCardWrapper>\n      <StyledTableContainer\n        style={containerStyles}\n        data-test-id='table'\n        data-testid='table'\n        className={cx('t-container', {\n          'show-expand-collapse-all': view.showGroupingExpandCollapseAll\n        })}\n        theme={theme}\n        view={view}\n        isFullscreen={isFullscreen}\n      >\n        <WarningBanner warningMessages={view.warningMessages} />\n        <Toolbar view={view} />\n        <RenderView type={EXTERNAL_FILTERS} view={view} />\n        <NotificationManager view={view} />\n        <RepeatingStructureA11y view={view} a11yRef={a11yRef}>\n          {/* eslint-disable-next-line jsx-a11y/no-static-element-interactions, jsx-a11y/click-events-have-key-events */}\n          <div\n            className={cx('container', view.className, {\n              'small-screen-table': !isSmallOrAbove\n            })}\n            ref={containerRef}\n            {...view.getUIProps()}\n            onClick={onClickHandler}\n            onFocusCapture={e => a11yRef.current.onFocusHandler(e)}\n            onBlurCapture={e => a11yRef.current.onBlurHandler(e)}\n          >\n            {view.state?.groups?.length ? (\n              <>\n                <GroupingHeaderCell view={view} />\n                <Virtualiser\n                  id='rootVirtualiser'\n                  view={view}\n                  renderHeader={renderHeader}\n                  renderFooter={renderFooter}\n                  isFullscreen={isFullscreen}\n                >\n                  <Body\n                    groupHeaders={groupHeaders}\n                    columns={columns}\n                    hierarchicalGroupEnabled={view.hierarchicalGroupEnabled}\n                  />\n                </Virtualiser>\n              </>\n            ) : (\n              <Virtualiser\n                id='rootVirtualiser'\n                view={view}\n                renderHeader={renderHeader}\n                renderFooter={renderFooter}\n                isFullscreen={isFullscreen}\n                useVariableRowHeightVirtualization\n              />\n            )}\n            <LoadingIndicator view={view} show={!rows || !!view.isLoading} />\n            <ContextMenuContainer view={view} selector={contextMenuSelector} />\n          </div>\n        </RepeatingStructureA11y>\n      </StyledTableContainer>\n    </RsCardWrapper>\n  );\n}\n\nStyledTable.propTypes = {\n  view: PropTypes.objectOf(PropTypes.any).isRequired\n};\n\nexport default StyledTable;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "9.0.0-build.29.25",
+  "version": "9.0.0-build.29.27",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,17 +14,17 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "9.0.0-build.29.25",
-    "@pega/cosmos-react-core": "9.0.0-build.29.25",
-    "@pega/cosmos-react-rte": "9.0.0-build.29.25",
+    "@pega/cosmos-react-condition-builder": "9.0.0-build.29.27",
+    "@pega/cosmos-react-core": "9.0.0-build.29.27",
+    "@pega/cosmos-react-rte": "9.0.0-build.29.27",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.18.1",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.29.25",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.29.25",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.29.27",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.29.27",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
@@ -42,7 +42,7 @@
     "@testing-library/react": "^16.0.0",
     "@testing-library/user-event": "^14.6.1",
     "jest-axe": "^8.0.0",
-    "srs-utils": "9.0.0-build.29.25",
+    "srs-utils": "9.0.0-build.29.27",
     "typescript": "~5.9.3"
   }
 }