@pega/lists-react 9.0.0-build.16.4 → 9.0.0-build.17.1

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

@@ -1 +1 @@
-{"version":3,"file":"AdvanceToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"AAyBA;;4CAqIC;;;;;;;;;sBA9JqB,YAAY"}
+{"version":3,"file":"AdvanceToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/AdvanceToolbar.jsx"],"names":[],"mappings":"AAwBA;;4CAgIC;;;;;;;;;sBAxJqB,YAAY"}

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

@@ -19,7 +19,6 @@ import AnnounceRowsCount from './AnnounceRowsCount';
 import ValidateMessage from './ValidateMessage';
 import useFormControlProps from './hooks/useFormControlProps';
 import useWrapAction from './hooks/useWrapAction';
-import KeyboardInstructions from './KeyboardInstructions';
 export default function AdvanceToolbar({ view }) {
     const { selectedRecordsCount, meta: { basicMode, selectionMode, title, toolbarActions, template, allowBulkActions, mapFieldIds } = {}, rows, state, getContext, isLoading, showCount, refreshNotification, type: { forceRefresh }, announceCount } = view;
     const { getRequiredDef } = getContext();
@@ -51,7 +50,7 @@ export default function AdvanceToolbar({ view }) {
             Toolbar = (_jsx(MapToolbar, { locationFieldId: mapFieldIds?.location, name: title, formControlProps: formControlProps, rows: rows, count: count, createNew: createNew, additionalActions: additionalActions }));
             break;
         default:
-            Toolbar = (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction, keyboardInstructions: template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (_jsx(KeyboardInstructions, { template: template })) : undefined }), content] }));
+            Toolbar = (_jsxs(_Fragment, { children: [_jsx(ListToolbar, { name: title, formControlProps: formControlProps, viewSelector: viewSelector, search: search, count: count, additionalActions: additionalActions, filter: filter, group: group, sort: sort, actions: actions, actionsButtonRef: actionsButtonRef, createNew: createNew, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction }), content] }));
     }
     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 }))] }));
 }

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/lib/types/Meta.types';\n\nimport { SELECTION_MODES } from '../../constants';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport TimelineToolbar from './Timeline/TimelineToolbar';\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';\nimport KeyboardInstructions from './KeyboardInstructions';\n\nexport default function AdvanceToolbar({ view }) {\n  const {\n    selectedRecordsCount,\n    meta: {\n      basicMode,\n      selectionMode,\n      title,\n      toolbarActions,\n      template,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector } = 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, content } = 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 && <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />}\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  let Toolbar;\n  switch (template) {\n    case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:\n      Toolbar = (\n        <>\n          <TimelineToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            createNew={createNew}\n            view={view}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n          />\n          {content}\n        </>\n      );\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.MAP:\n      Toolbar = (\n        <MapToolbar\n          locationFieldId={mapFieldIds?.location}\n          name={title}\n          formControlProps={formControlProps}\n          rows={rows}\n          count={count}\n          createNew={createNew}\n          additionalActions={additionalActions}\n        />\n      );\n      break;\n    default:\n      Toolbar = (\n        <>\n          <ListToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            group={group}\n            sort={sort}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n            createNew={createNew}\n            wrap={template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction}\n            keyboardInstructions={\n              template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (\n                <KeyboardInstructions template={template} />\n              ) : undefined\n            }\n          />\n          {content}\n        </>\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,qDAAqD,CAAC;AAEpG,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,OAAO,UAAU,MAAM,kBAAkB,CAAC;AAC1C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,eAAe,MAAM,4BAA4B,CAAC;AACzD,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,cAAc,EACd,QAAQ,EACR,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,EACd,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,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACtD,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,OAAO,EAAE,GAAG,OAAO,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjE,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,KAAC,WAAW,IAAC,iBAAiB,EAAE,iBAAiB,EAAE,IAAI,EAAE,IAAI,GAAI,IACrF,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,IAAI,OAAO,CAAC;IACZ,QAAQ,QAAQ,EAAE,CAAC;QACjB,KAAK,6BAA6B,CAAC,QAAQ;YACzC,OAAO,GAAG,CACR,8BACE,KAAC,eAAe,IACd,IAAI,EAAE,KAAK,EACX,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EAAE,YAAY,EAC1B,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,GAClC,EACD,OAAO,IACP,CACJ,CAAC;YACF,MAAM;QACR,KAAK,6BAA6B,CAAC,GAAG;YACpC,OAAO,GAAG,CACR,KAAC,UAAU,IACT,eAAe,EAAE,WAAW,EAAE,QAAQ,EACtC,IAAI,EAAE,KAAK,EACX,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;YACF,MAAM;QACR;YACE,OAAO,GAAG,CACR,8BACE,KAAC,WAAW,IACV,IAAI,EAAE,KAAK,EACX,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,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,QAAQ,KAAK,6BAA6B,CAAC,KAAK,IAAI,UAAU,GACpE,EACD,OAAO,IACP,CACJ,CAAC;IACN,CAAC;IAED,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/lib/types/Meta.types';\n\nimport { SELECTION_MODES } from '../../constants';\n\nimport ActionsMenu from './ActionsMenu';\nimport MapToolbar from './Map/MapToolbar';\nimport ToolbarActions from './ToolbarActions';\nimport TimelineToolbar from './Timeline/TimelineToolbar';\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      toolbarActions,\n      template,\n      allowBulkActions,\n      mapFieldIds\n    } = {},\n    rows,\n    state,\n    getContext,\n    isLoading,\n    showCount,\n    refreshNotification,\n    type: { forceRefresh },\n    announceCount\n  } = view;\n  const { getRequiredDef } = getContext();\n  const { validatemessage } = getRequiredDef() || {};\n  const { viewSelector } = 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, content } = 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 && <ActionsMenu enableActionsMenu={enableActionsMenu} view={view} />}\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  let Toolbar;\n  switch (template) {\n    case REPEATING_STRUCTURE_TEMPLATES.TIMELINE:\n      Toolbar = (\n        <>\n          <TimelineToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            createNew={createNew}\n            view={view}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n          />\n          {content}\n        </>\n      );\n      break;\n    case REPEATING_STRUCTURE_TEMPLATES.MAP:\n      Toolbar = (\n        <MapToolbar\n          locationFieldId={mapFieldIds?.location}\n          name={title}\n          formControlProps={formControlProps}\n          rows={rows}\n          count={count}\n          createNew={createNew}\n          additionalActions={additionalActions}\n        />\n      );\n      break;\n    default:\n      Toolbar = (\n        <>\n          <ListToolbar\n            name={title}\n            formControlProps={formControlProps}\n            viewSelector={viewSelector}\n            search={search}\n            count={count}\n            additionalActions={additionalActions}\n            filter={filter}\n            group={group}\n            sort={sort}\n            actions={actions}\n            actionsButtonRef={actionsButtonRef}\n            createNew={createNew}\n            wrap={template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction}\n          />\n          {content}\n        </>\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":"AAaA;;4CAoCC;;;;;;;;;sBAjDqB,YAAY"}
+{"version":3,"file":"SimpleToolbar.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/SimpleToolbar.jsx"],"names":[],"mappings":"AAYA;;4CA+BC;;;;;;;;;sBA3CqB,YAAY"}

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

@@ -8,7 +8,6 @@ import AnnounceRowsCount from './AnnounceRowsCount';
 import ValidateMessage from './ValidateMessage';
 import useFormControlProps from './hooks/useFormControlProps';
 import useWrapAction from './hooks/useWrapAction';
-import KeyboardInstructions from './KeyboardInstructions';
 export default function SimpleToolbar({ view }) {
     const { meta: { title, template } = {}, state, getContext, showCount, refreshNotification, type: { forceRefresh } } = view;
     const { getRequiredDef } = getContext();
@@ -16,7 +15,7 @@ export default function SimpleToolbar({ view }) {
     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, count: count, formControlProps: formControlProps, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction, keyboardInstructions: template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (_jsx(KeyboardInstructions, { template: template })) : undefined }) }), refreshNotification && (_jsx(RefreshBanner, { refreshNotification: refreshNotification, forceRefresh: forceRefresh }))] }));
+    return (_jsxs(AnnounceRowsCount, { state: state, count: count, children: [_jsx(ValidateMessage, { message: validatemessage, children: _jsx(ListToolbar, { name: title, count: count, formControlProps: formControlProps, wrap: template === REPEATING_STRUCTURE_TEMPLATES.TABLE && 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;AAClD,OAAO,oBAAoB,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EAAE,IAAI,EAAE;IAC5C,MAAM,EACJ,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC9B,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,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,gBAAgB,EAClC,IAAI,EAAE,QAAQ,KAAK,6BAA6B,CAAC,KAAK,IAAI,UAAU,EACpE,oBAAoB,EAClB,QAAQ,KAAK,6BAA6B,CAAC,KAAK,CAAC,CAAC,CAAC,CACjD,KAAC,oBAAoB,IAAC,QAAQ,EAAE,QAAQ,GAAI,CAC7C,CAAC,CAAC,CAAC,SAAS,GAEf,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';\nimport KeyboardInstructions from './KeyboardInstructions';\n\nexport default function SimpleToolbar({ view }) {\n  const {\n    meta: { title, 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          count={count}\n          formControlProps={formControlProps}\n          wrap={template === REPEATING_STRUCTURE_TEMPLATES.TABLE && wrapAction}\n          keyboardInstructions={\n            template === REPEATING_STRUCTURE_TEMPLATES.TABLE ? (\n              <KeyboardInstructions template={template} />\n            ) : undefined\n          }\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;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,QAAQ,EAAE,GAAG,EAAE,EAC9B,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,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, 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          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"]}

package/lib/Core/Localization/defaultTranslations.d.ts

@@ -142,13 +142,6 @@ declare const defaultTranslations: {
     state: string;
     'Filter column': string;
     Refresh: string;
-    table_a11y_intro: string;
-    table_a11y_instructions_arrow_keys_label: string;
-    table_a11y_instructions_arrow_keys_description: string;
-    table_a11y_instructions_enter_label: string;
-    table_a11y_instructions_enter_description: string;
-    table_a11y_instructions_escape_label: string;
-    table_a11y_instructions_escape_description: string;
     saved_changes: string;
     saved_changes_with_default: string;
     view_marked_default: string;

package/lib/Core/Localization/defaultTranslations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTranslations.d.ts","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4KxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"defaultTranslations.d.ts","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoKxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/Core/Localization/defaultTranslations.js

@@ -143,13 +143,6 @@ const defaultTranslations = {
     state: 'state',
     'Filter column': 'Filter column',
     Refresh: 'Refresh',
-    table_a11y_intro: 'Tab or click into the grid to use key commands.',
-    table_a11y_instructions_arrow_keys_label: 'Arrow keys or Shift+Alt+Arrow keys',
-    table_a11y_instructions_arrow_keys_description: 'navigate cells',
-    table_a11y_instructions_enter_label: 'Enter key',
-    table_a11y_instructions_enter_description: 'when on a cell with editable controls, switches to Tab navigation mode. Tab key now navigates between all interactive controls in the grid',
-    table_a11y_instructions_escape_label: 'Escape key',
-    table_a11y_instructions_escape_description: 'restores arrow-based grid navigation',
     saved_changes: '"{0}" saved with changes',
     saved_changes_with_default: '"{0}" saved with changes and marked as default view',
     view_marked_default: '"{0}" view is marked as Default',
@@ -157,7 +150,7 @@ const defaultTranslations = {
     created_view: 'Created view "{0}"',
     created_view_with_default: 'Created view "{0}" and marked as default view',
     deleted_view: 'Deleted view "{0}"',
-    view_navigation_instructions: '{0}, Refer to keyboard instructions for navigation.',
+    view_navigation_instructions: '{0}, press {1} for keyboard navigation help.',
     'Show/Hide modified': 'Show/Hide modified',
     'Freeze applied': 'Freeze applied',
     'Freeze modified': 'Freeze modified',

package/lib/Core/Localization/defaultTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTranslations.js","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"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","sourcesContent":["// FIXME: Move this file to Demo folder once the typings are available from cosmos translations pack\nconst defaultTranslations = {\n  Submit: 'Submit',\n  'Hide header icons': 'Hide header icons',\n  'Column name:': 'Column name:',\n  'Template:': 'Template:',\n  'Hide columns': 'Hide columns',\n  'Remove filter': 'Remove filter',\n  Year: 'Year',\n  Quarter: 'Quarter',\n  Month: 'Month',\n  Week: 'Week',\n  Day: 'Day',\n  Hour: 'Hour',\n  Minute: 'Minute',\n  'Month of year': 'Month of year',\n  'Day of month': 'Day of month',\n  'Day of week': 'Day of week',\n  'Hour of day': 'Hour of day',\n  Add: 'Add',\n  Aggregate: 'Aggregate',\n  Cancel: 'Cancel',\n  Ok: 'Ok',\n  'has unsaved changes, do you want to discard and proceed?':\n    'has unsaved changes, do you want to discard and proceed?',\n  Actions: 'Actions',\n  'Edit details': 'Edit details',\n  'Change stage': 'Change stage',\n  Preview: 'Preview',\n  'Open in a new tab': 'Open in a new tab',\n  Edit: 'Edit',\n  'Copy text': 'Copy text',\n  'Paste text': 'Paste text',\n  'Filter by this': 'Filter by this',\n  'Open link in new tab': 'Open link in new tab',\n  default: 'default',\n  Grouping: 'Grouping',\n  to: 'to',\n  Filter: 'Filter',\n  Freeze: 'Freeze',\n  Hide: 'Hide',\n  Summarize: 'Summarize',\n  'Combine with left': 'Combine with left',\n  'Combine with right': 'Combine with right',\n  Delete: 'Delete',\n  Format: 'Format',\n  Alias: 'Alias',\n  'Enter alias': 'Enter alias',\n  'Filter by': 'Filter by',\n  Group: 'Group',\n  'Group by': 'Group by',\n  Sort: 'Sort',\n  'Sort by': 'Sort by',\n  'Row density': 'Row density',\n  'Show/hide columns': 'Show/hide columns',\n  'Freeze columns': 'Freeze columns',\n  'Save view as..': 'Save view as..',\n  'Save changes': 'Save changes',\n  'View as...': 'View as...',\n  'Edit view': 'Edit view',\n  'Set as default': 'Set as default',\n  'Mark as default?': 'Mark as default?',\n  'Mark as app default': 'Mark as app default',\n  'Delete view': 'Delete view',\n  'Reset column widths': 'Reset column widths',\n  'Auto size columns': 'Auto size columns',\n  ShowHeaderIcons: 'ShowHeaderIcons',\n  'Query info': 'Query info',\n  'Export to Excel': 'Export to Excel',\n  'Export to CSV': 'Export to CSV',\n  Class: 'Class',\n  'Data page': 'Data page',\n  'Data source': 'Data source',\n  'Time taken': 'Time taken',\n  'Insight ID': 'Insight ID',\n  'Undo hierarchy': 'Undo hierarchy',\n  Normal: 'Normal',\n  Hierarchical: 'Hierarchical',\n  Display: 'Display',\n  table: 'table',\n  'Use arrow keys or Shift plus Alt plus arrow keys to navigate':\n    'Use arrow keys or Shift plus Alt plus arrow keys to navigate',\n  'No actions available': 'No actions available',\n  'Use Enter to open header menu': 'Use Enter to open header menu',\n  'Loading more results': 'Loading more results',\n  Sorted: 'Sorted',\n  'Sort priority': 'Sort priority',\n  'Filtered column': 'Filtered column',\n  Ascending: 'Ascending',\n  Descending: 'Descending',\n  Select: 'Select',\n  'Select all': 'Select all',\n  'Collapse all groups': 'Collapse all groups',\n  'Expand all groups': 'Expand all groups',\n  Sum: 'Sum',\n  Min: 'Min',\n  Max: 'Max',\n  Avg: 'Avg',\n  'Aggregate options': 'Aggregate options',\n  'Select two or more items to enable bulk actions':\n    'Select two or more items to enable bulk actions',\n  'Bulk actions': 'Bulk actions',\n  'Group applied': 'Group applied',\n  'Group modified': 'Group modified',\n  'Group removed': 'Group removed',\n  Loading: 'Loading',\n  'Loading completed': 'Loading completed',\n  'name is reserved for non Personalized view and cannot be used.':\n    'name is reserved for non Personalized view and cannot be used.',\n  'This view is already present.': 'This view is already present.',\n  'This view name cannot be empty.': 'This view name cannot be empty.',\n  'View name must contain less than 65 characters.':\n    'View name must contain less than 65 characters.',\n  'Sort order': 'Sort order',\n  Field: 'Field',\n  'Column name cannot be empty.': 'Column name cannot be empty.',\n  'Sort ascending': 'Sort ascending',\n  'Sort descending': 'Sort descending',\n  'Remove sort': 'Remove sort',\n  'No records found': 'No records found',\n  'No records': 'No records',\n  'Clear filter': 'Clear filter',\n  Equals: 'Equals',\n  'Not equals': 'Not equals',\n  After: 'After',\n  Before: 'Before',\n  'On or after': 'On or after',\n  'On or before': 'On or before',\n  'Greater than': 'Greater than',\n  'Less than': 'Less than',\n  'Greater than or equals': 'Greater than or equals',\n  'Less than or equals': 'Less than or equals',\n  'Starts with': 'Starts with',\n  'Not starts with': 'Not starts with',\n  'Ends with': 'Ends with',\n  'Not ends with': 'Not ends with',\n  Contains: 'Contains',\n  'Not contains': 'Not contains',\n  'Is any of': 'Is any of',\n  'Is not any of': 'Is not any of',\n  'Is null': 'Is null',\n  'Is not null': 'Is not null',\n  true: 'true',\n  false: 'false',\n  'Interactive content': 'Interactive content',\n  'Filter value': 'Filter value',\n  'Filter comparison': 'Filter comparison',\n  state: 'state',\n  'Filter column': 'Filter column',\n  Refresh: 'Refresh',\n  table_a11y_intro: 'Tab or click into the grid to use key commands.',\n  table_a11y_instructions_arrow_keys_label: 'Arrow keys or Shift+Alt+Arrow keys',\n  table_a11y_instructions_arrow_keys_description: 'navigate cells',\n  table_a11y_instructions_enter_label: 'Enter key',\n  table_a11y_instructions_enter_description:\n    'when on a cell with editable controls, switches to Tab navigation mode. Tab key now navigates between all interactive controls in the grid',\n  table_a11y_instructions_escape_label: 'Escape key',\n  table_a11y_instructions_escape_description: 'restores arrow-based grid navigation',\n  saved_changes: '\"{0}\" saved with changes',\n  saved_changes_with_default: '\"{0}\" saved with changes and marked as default view',\n  view_marked_default: '\"{0}\" view is marked as Default',\n  view_marked_app_default: '\"{0}\" view is marked as App Default',\n  created_view: 'Created view \"{0}\"',\n  created_view_with_default: 'Created view \"{0}\" and marked as default view',\n  deleted_view: 'Deleted view \"{0}\"',\n  view_navigation_instructions: '{0}, Refer to keyboard instructions for navigation.',\n  'Show/Hide modified': 'Show/Hide modified',\n  'Freeze applied': 'Freeze applied',\n  'Freeze modified': 'Freeze modified',\n  'Freeze removed': 'Freeze removed',\n  Multiple: 'Multiple',\n  Reorder: 'Reorder',\n  Error: 'Error'\n};\n\nexport default defaultTranslations;\n"]}
+{"version":3,"file":"defaultTranslations.js","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"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","sourcesContent":["// FIXME: Move this file to Demo folder once the typings are available from cosmos translations pack\nconst defaultTranslations = {\n  Submit: 'Submit',\n  'Hide header icons': 'Hide header icons',\n  'Column name:': 'Column name:',\n  'Template:': 'Template:',\n  'Hide columns': 'Hide columns',\n  'Remove filter': 'Remove filter',\n  Year: 'Year',\n  Quarter: 'Quarter',\n  Month: 'Month',\n  Week: 'Week',\n  Day: 'Day',\n  Hour: 'Hour',\n  Minute: 'Minute',\n  'Month of year': 'Month of year',\n  'Day of month': 'Day of month',\n  'Day of week': 'Day of week',\n  'Hour of day': 'Hour of day',\n  Add: 'Add',\n  Aggregate: 'Aggregate',\n  Cancel: 'Cancel',\n  Ok: 'Ok',\n  'has unsaved changes, do you want to discard and proceed?':\n    'has unsaved changes, do you want to discard and proceed?',\n  Actions: 'Actions',\n  'Edit details': 'Edit details',\n  'Change stage': 'Change stage',\n  Preview: 'Preview',\n  'Open in a new tab': 'Open in a new tab',\n  Edit: 'Edit',\n  'Copy text': 'Copy text',\n  'Paste text': 'Paste text',\n  'Filter by this': 'Filter by this',\n  'Open link in new tab': 'Open link in new tab',\n  default: 'default',\n  Grouping: 'Grouping',\n  to: 'to',\n  Filter: 'Filter',\n  Freeze: 'Freeze',\n  Hide: 'Hide',\n  Summarize: 'Summarize',\n  'Combine with left': 'Combine with left',\n  'Combine with right': 'Combine with right',\n  Delete: 'Delete',\n  Format: 'Format',\n  Alias: 'Alias',\n  'Enter alias': 'Enter alias',\n  'Filter by': 'Filter by',\n  Group: 'Group',\n  'Group by': 'Group by',\n  Sort: 'Sort',\n  'Sort by': 'Sort by',\n  'Row density': 'Row density',\n  'Show/hide columns': 'Show/hide columns',\n  'Freeze columns': 'Freeze columns',\n  'Save view as..': 'Save view as..',\n  'Save changes': 'Save changes',\n  'View as...': 'View as...',\n  'Edit view': 'Edit view',\n  'Set as default': 'Set as default',\n  'Mark as default?': 'Mark as default?',\n  'Mark as app default': 'Mark as app default',\n  'Delete view': 'Delete view',\n  'Reset column widths': 'Reset column widths',\n  'Auto size columns': 'Auto size columns',\n  ShowHeaderIcons: 'ShowHeaderIcons',\n  'Query info': 'Query info',\n  'Export to Excel': 'Export to Excel',\n  'Export to CSV': 'Export to CSV',\n  Class: 'Class',\n  'Data page': 'Data page',\n  'Data source': 'Data source',\n  'Time taken': 'Time taken',\n  'Insight ID': 'Insight ID',\n  'Undo hierarchy': 'Undo hierarchy',\n  Normal: 'Normal',\n  Hierarchical: 'Hierarchical',\n  Display: 'Display',\n  table: 'table',\n  'Use arrow keys or Shift plus Alt plus arrow keys to navigate':\n    'Use arrow keys or Shift plus Alt plus arrow keys to navigate',\n  'No actions available': 'No actions available',\n  'Use Enter to open header menu': 'Use Enter to open header menu',\n  'Loading more results': 'Loading more results',\n  Sorted: 'Sorted',\n  'Sort priority': 'Sort priority',\n  'Filtered column': 'Filtered column',\n  Ascending: 'Ascending',\n  Descending: 'Descending',\n  Select: 'Select',\n  'Select all': 'Select all',\n  'Collapse all groups': 'Collapse all groups',\n  'Expand all groups': 'Expand all groups',\n  Sum: 'Sum',\n  Min: 'Min',\n  Max: 'Max',\n  Avg: 'Avg',\n  'Aggregate options': 'Aggregate options',\n  'Select two or more items to enable bulk actions':\n    'Select two or more items to enable bulk actions',\n  'Bulk actions': 'Bulk actions',\n  'Group applied': 'Group applied',\n  'Group modified': 'Group modified',\n  'Group removed': 'Group removed',\n  Loading: 'Loading',\n  'Loading completed': 'Loading completed',\n  'name is reserved for non Personalized view and cannot be used.':\n    'name is reserved for non Personalized view and cannot be used.',\n  'This view is already present.': 'This view is already present.',\n  'This view name cannot be empty.': 'This view name cannot be empty.',\n  'View name must contain less than 65 characters.':\n    'View name must contain less than 65 characters.',\n  'Sort order': 'Sort order',\n  Field: 'Field',\n  'Column name cannot be empty.': 'Column name cannot be empty.',\n  'Sort ascending': 'Sort ascending',\n  'Sort descending': 'Sort descending',\n  'Remove sort': 'Remove sort',\n  'No records found': 'No records found',\n  'No records': 'No records',\n  'Clear filter': 'Clear filter',\n  Equals: 'Equals',\n  'Not equals': 'Not equals',\n  After: 'After',\n  Before: 'Before',\n  'On or after': 'On or after',\n  'On or before': 'On or before',\n  'Greater than': 'Greater than',\n  'Less than': 'Less than',\n  'Greater than or equals': 'Greater than or equals',\n  'Less than or equals': 'Less than or equals',\n  'Starts with': 'Starts with',\n  'Not starts with': 'Not starts with',\n  'Ends with': 'Ends with',\n  'Not ends with': 'Not ends with',\n  Contains: 'Contains',\n  'Not contains': 'Not contains',\n  'Is any of': 'Is any of',\n  'Is not any of': 'Is not any of',\n  'Is null': 'Is null',\n  'Is not null': 'Is not null',\n  true: 'true',\n  false: 'false',\n  'Interactive content': 'Interactive content',\n  'Filter value': 'Filter value',\n  'Filter comparison': 'Filter comparison',\n  state: 'state',\n  'Filter column': 'Filter column',\n  Refresh: 'Refresh',\n  saved_changes: '\"{0}\" saved with changes',\n  saved_changes_with_default: '\"{0}\" saved with changes and marked as default view',\n  view_marked_default: '\"{0}\" view is marked as Default',\n  view_marked_app_default: '\"{0}\" view is marked as App Default',\n  created_view: 'Created view \"{0}\"',\n  created_view_with_default: 'Created view \"{0}\" and marked as default view',\n  deleted_view: 'Deleted view \"{0}\"',\n  view_navigation_instructions: '{0}, press {1} for keyboard navigation help.',\n  'Show/Hide modified': 'Show/Hide modified',\n  'Freeze applied': 'Freeze applied',\n  'Freeze modified': 'Freeze modified',\n  'Freeze removed': 'Freeze removed',\n  Multiple: 'Multiple',\n  Reorder: 'Reorder',\n  Error: 'Error'\n};\n\nexport default defaultTranslations;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAwBA,oNAk3BG"}
+{"version":3,"file":"StyledTableContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAwBA,oNAu4BG"}

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

@@ -9,7 +9,18 @@ import { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabP
 import { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';
 import { CellIcon } from './CellWrapper';
 const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref: ref, ...props })))(({ theme, view, isFullscreen }) => {
-    const isAggregationApplied = view.columns?.filter(c => !c.hidden).some(c => c.aggregated);
+    let colIdToFillRemainingSpace;
+    let isAggregationApplied = false;
+    (view.columns ?? [])
+        .filter(c => !c.hidden)
+        .forEach(c => {
+        if (!colIdToFillRemainingSpace && c.field.fillAvailableSpace) {
+            colIdToFillRemainingSpace = c.field.id;
+        }
+        if (c.aggregated) {
+            isAggregationApplied = true;
+        }
+    });
     const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);
     const showFreezeLine = view.state.responsive?.sm &&
         !(view.hasNoRecords || view.hasNoFrozenColumns || view.bHideFreezeLine);
@@ -580,12 +591,22 @@ const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref
       border-bottom: none;
     }
 
-    /* stylelint-enable selector-max-class */
     .row .cell.cell-last {
       border-right: 0;
-      flex-grow: 1;
     }
 
+    ${!colIdToFillRemainingSpace
+        ? css `
+          .row .cell.cell-last {
+            flex-grow: 1;
+          }
+        `
+        : css `
+          .row .cell[data-col-id='${colIdToFillRemainingSpace}'] {
+            flex-grow: 1;
+          }
+        `}
+
     .row-container {
       --data-row-height: calc(
         var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding)
@@ -630,7 +651,6 @@ const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref
         &:has(.combined-cell) {
           padding: 0;
 
-          /* stylelint-disable-next-line selector-max-class */
           .cell-content {
             flex-grow: unset;
           }
@@ -675,7 +695,6 @@ const StyledTableContainer = styled(forwardRef((props, ref) => _jsx("div", { ref
             justify-content: space-between;
           }
 
-          /* stylelint-disable selector-max-class */
           /* stylelint-disable-next-line selector-max-compound-selectors */
           > .cell-content > .combined-cell > .combined-cell-content,
           > .cell-content {

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

@@ -1 +1 @@
-{"version":3,"file":"StyledTableContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport {\n  getLuminance,\n  meetsContrastGuidelines,\n  mix,\n  readableColor,\n  transparentize\n} from 'polished';\n\nimport { StyledStatus } from '@pega/cosmos-react-core/lib/components/Badges/Status';\nimport { StyledRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\nimport {\n  StyledLabel,\n  StyledProgressBackdrop,\n  calculateFontSize,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\n\nimport { CellIcon } from './CellWrapper';\n\nconst StyledTableContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(({\n  theme,\n  view,\n  isFullscreen\n}) => {\n  const isAggregationApplied = view.columns?.filter(c => !c.hidden).some(c => c.aggregated);\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const showFreezeLine =\n    view.state.responsive?.sm &&\n    !(view.hasNoRecords || view.hasNoFrozenColumns || view.bHideFreezeLine);\n  const selectedRowColor = tryCatch(() =>\n    mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  const lightGreyColor = theme.base.colors.gray['extra-light'];\n  const freezeLineShadowTransparent = transparentize(\n    0.9,\n    theme.components.table.header['foreground-color']\n  );\n  const oddRowBackgroundColor =\n    getLuminance(theme.components.table.body['secondary-background-color']) > 0.5\n      ? theme.components.table.body['secondary-background-color']\n      : mix(\n          0.75,\n          theme.components.table.body['background-color'],\n          theme.components.table.body['secondary-background-color']\n        );\n\n  const headerForegroundContrast = meetsContrastGuidelines(\n    theme.components.table.header['foreground-color'],\n    theme.components.table.header['background-color']\n  ).AA;\n  const usableHeaderForeground = headerForegroundContrast\n    ? theme.components.table.header['foreground-color']\n    : readableColor(\n        theme.components.table.header['foreground-color'],\n        theme.components.table.header['background-color']\n      );\n  const oddRowContrast = meetsContrastGuidelines(\n    theme.components.table.body['foreground-color'],\n    oddRowBackgroundColor\n  ).AA;\n  const useableOddRowForeground = oddRowContrast\n    ? theme.components.table.body['foreground-color']\n    : readableColor(theme.components.table.body['foreground-color'], oddRowBackgroundColor);\n\n  return css`\n    --primary-background: ${theme.base.palette['primary-background']};\n    --secondary-background: ${theme.components.table.header['background-color']};\n    --forground-color: ${theme.base.palette['foreground-color']};\n    --interactive: ${theme.base.palette.interactive};\n    --medium-blue: ${theme.base.colors.blue.medium};\n    --border-color: ${theme.base.palette['border-line']};\n    --border-color-freeze: #a5a5a5;\n    --border-width: 0.062rem;\n    --border-style: var(--border-width) solid var(--border-color);\n    --font-stretch: ${theme.components.table.typography['font-stretch']};\n    --letter-spacing: ${theme.components.table.typography['letter-spacing']};\n    --cell-padding: ${theme.base.spacing};\n    --cell-vertical-padding: calc(${theme.base.spacing} * 0.5);\n    --header-cell-padding: 0 0.44rem 0 var(--cell-padding);\n    --header-bg-color: var(--secondary-background);\n    --header-fg-color: ${usableHeaderForeground};\n    --default-group-header-height: 1.5rem;\n    --group-header-height: var(--default-group-header-height);\n    --box-sizing: content-box;\n    --animation-ease: ${theme.base.animation.timing.ease};\n    --font-weight-semi-bold: ${theme.base['font-weight']['semi-bold']};\n    --row-height-multiplier: 1.125;\n    --cell-fixed-position: sticky;\n    position: relative;\n    ${() => generateRSHeightStyles({ view, isFullscreen })}\n\n    .small-screen-table {\n      --cell-fixed-position: static;\n    }\n\n    .container {\n      ${() => generateRSDataContainerHeightStyles()};\n      border: var(--border-style);\n      border-radius: var(--border-radius, ${theme.base['border-radius']});\n      position: relative;\n      letter-spacing: var(--letter-spacing);\n      font-stretch: var(--font-stretch);\n      ${StyledTabPanel} & ${StyledProgressBackdrop} {\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      }\n    }\n\n    .hide-rows-till-ready .row[aria-rowindex] {\n      visibility: hidden;\n    }\n\n    .table-drag-proxy {\n      background: rgba(0, 0, 0, 0.21);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .table-drag-line {\n      background: #999999;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 0.12rem;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .cell-fixed {\n      z-index: 1;\n    }\n\n    .group-wrapper {\n      overflow: hidden;\n      display: inline-flex;\n      line-height: var(--group-header-height);\n\n      .group-context-count {\n        display: inline-flex;\n        overflow: hidden;\n      }\n    }\n\n    /* In review mode(Ex: Tabs) cosmos components are rendered and mark up is not compatible with\n      group-wrapper cell. Overridden css in group-header when dl exists inside that class which indicates\n      mark up is generated from cosmos which differentiates from normal table cell markup */\n    .group-wrapper .group-context-count dl {\n      grid-template-columns: auto;\n    }\n\n    .fallback,\n    .fallback-footer {\n      height: var(--row-height);\n      background-color: var(--header-bg-color);\n      color: var(--header-fg-color);\n      position: absolute;\n      width: 100%;\n      z-index: -1;\n      box-sizing: var(--box-sizing);\n    }\n\n    .fallback {\n      /* stylelint-disable unit-allowed-list */\n      top: -1px;\n      border-bottom: var(--border-style);\n    }\n\n    .fallback-footer {\n      top: 0;\n      border-top: var(--border-style);\n    }\n\n    .sticky-header {\n      display: grid;\n      position: sticky;\n      top: 0;\n      z-index: 6;\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n    }\n\n    .cell {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n\n      .icons-ph {\n        /* Maintaining action button aspect ratio of 1:1 with 24*24px width and height */\n        min-width: 1.5rem;\n      }\n\n      &.custom-item {\n        width: 10em;\n      }\n    }\n\n    .cell:focus {\n      outline: 0.125rem auto var(--medium-blue);\n    }\n\n    .cell.selection-border:focus {\n      outline: none 0;\n    }\n\n    .row {\n      display: inline-flex;\n      height: var(--row-height);\n      outline: none 0;\n      transition: transform 0.5s var(--animation-ease);\n      box-sizing: var(--box-sizing);\n      position: relative;\n\n      > .row-select-handle {\n        display: flex;\n        justify-content: center;\n        &:active {\n          outline: none;\n        }\n\n        > .header-lable-container {\n          min-width: 20px;\n        }\n        /* stylelint-disable selector-max-class */\n        &.cell-fixed > .cell-content {\n          flex-grow: unset;\n        }\n      }\n\n      > .cell,\n      .group-header-aggregation-row > .cell {\n        transition: transform 0.5s var(--animation-ease);\n        border-right: var(--border-style);\n        position: relative;\n        ${!theme.components.table['striped-rows'] &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n        display: flex;\n        align-items: center;\n\n        &::after {\n          opacity: 1;\n          transition: opacity 0.1s var(--animation-ease);\n        }\n\n        .row-action-menu {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        &.cell-action {\n          position: sticky;\n          z-index: 4;\n          right: 0;\n          border-right: 0;\n          justify-content: center;\n          border-left: var(--border-style);\n\n          /* The below styles are needed to avoid ellipses in safari when no text is present\n            and to hide the 'Actions' label */\n\n          /* stylelint-disable max-nesting-depth */\n\n          div.header-label {\n            text-overflow: unset;\n          }\n        }\n        &.aggregateCell {\n          background-color: var(--header-bg-color);\n        }\n      }\n\n      /** Adds bottom border to the last row of a group, when striped-rows are enabled */\n      &:has(+ .group-header-row) > .cell {\n        ${theme.components.table['striped-rows'] &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n      }\n      &.header > .cell {\n        border-bottom: var(--border-style);\n      }\n      .group-header-aggregation-row {\n        > .cell {\n          &.cell-action {\n            overflow: initial;\n\n            /* extending border on the top left of row action cell as we need to show border for at the end group label value when row actions are present */\n            &::before {\n              content: '';\n              position: absolute;\n              inline-size: 0;\n              inset-inline-start: calc(var(--border-width) * -1);\n              inset-block-start: calc(var(--group-header-height) * -1);\n              block-size: var(--group-header-height);\n              border-inline-start: var(--border-style);\n            }\n          }\n        }\n      }\n\n      > .cell-action {\n        background-color: var(--primary-background);\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n        border-right: 0 !important;\n        justify-content: center;\n        cursor: move;\n      }\n\n      .aggregateCell.cell {\n        border-right: none;\n      }\n\n      > .cell.cell-fixed,\n      .group-header-aggregation-row > .cell-fixed {\n        position: var(--cell-fixed-position);\n        z-index: 4;\n\n        ${showFreezeLine &&\n        css`\n          &.cell-last-frozen {\n            border-right: solid 1px var(--border-color-freeze);\n            box-shadow: calc(${theme.base.spacing} * 0.25) 0 0 0 ${freezeLineShadowTransparent};\n            transition: 0.5s;\n          }\n        `}\n\n        /* As the row select column and row dragDrop column always have to be frozen */\n        &[data-col-id='RowSelect'],\n        &[data-col-id='RowDragDrop'],\n        &[data-col-id='RowError'] {\n          position: sticky;\n          flex-shrink: 0;\n          z-index: 5;\n        }\n      }\n\n      > .cell.cell-fixed:focus-within,\n      .group-header-aggregation-row > .cell-fixed {\n        z-index: 6;\n      }\n\n      &.click {\n        cursor: pointer;\n      }\n\n      &:last-child {\n        border-end-start-radius: inherit;\n        border-end-end-radius: inherit;\n\n        > .cell {\n          &:first-child {\n            border-end-start-radius: inherit;\n          }\n\n          &:last-child {\n            border-end-end-radius: inherit;\n          }\n\n          ${theme.components.table['striped-rows'] &&\n          css`\n            border-bottom: var(--border-style);\n          `}\n        }\n      }\n    }\n    .row:not(.row-error):not(.group-header-row):not(.header) {\n      .cell-fixed {\n        background: var(--primary-background);\n      }\n      .cell-fixed.aggregateCell {\n        background: var(--header-bg-color);\n      }\n    }\n    ${theme.components.table['striped-rows'] &&\n    css`\n      /* Targets rows with an odd data-index attribute, excluding group header rows */\n      .row[data-index$='1']:not(.group-header-row):not(.header),\n      .row[data-index$='3']:not(.group-header-row):not(.header),\n      .row[data-index$='5']:not(.group-header-row):not(.header),\n      .row[data-index$='7']:not(.group-header-row):not(.header),\n      .row[data-index$='9']:not(.group-header-row):not(.header) {\n        background: ${oddRowBackgroundColor};\n        color: ${useableOddRowForeground};\n        .cell-fixed {\n          background: ${oddRowBackgroundColor};\n          color: ${useableOddRowForeground};\n        }\n        > .cell-action {\n          background: ${oddRowBackgroundColor};\n        }\n      }\n      .row[data-index$='0']:not(.group-header-row):not(.header),\n      .row[data-index$='2']:not(.group-header-row):not(.header),\n      .row[data-index$='4']:not(.group-header-row):not(.header),\n      .row[data-index$='6']:not(.group-header-row):not(.header),\n      .row[data-index$='8']:not(.group-header-row):not(.header) {\n        background: var(--primary-background);\n        .cell-fixed {\n          background: var(--primary-background);\n        }\n        > .cell-action {\n          background: var(--primary-background);\n        }\n      }\n    `}\n\n    .row-error {\n      background: ${mix(\n        0.1,\n        theme.components['form-field'].error['status-color'],\n        theme.base.palette['primary-background']\n      )};\n\n      /* stylelint-disable no-descending-specificity */\n      .cell-fixed,\n      .cell-action {\n        background: inherit;\n      }\n\n      > .cell:not(.cell-fixed):not(.cell-action) {\n        background: none;\n      }\n    }\n\n    .sort-info-container {\n      .sort-sequence {\n        font-size: 0.625rem;\n        color: ${theme.base.colors.gray['extra-dark']};\n      }\n    }\n\n    .filter-info-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        width: 14px;\n        height: 14px;\n      }\n    }\n\n    .cell.row-error-column {\n      padding: 0;\n      border-right: 0;\n      text-align: right;\n      outline: none;\n\n      /* Focus handling will be done as part of interation 2: EPIC-88751 */\n\n      svg {\n        color: ${theme.base.colors.red.medium};\n      }\n    }\n\n    .cell-right-align .filter-info-container svg {\n      margin: 0 0.312rem 0 0;\n    }\n\n    &.show-expand-collapse-all {\n      .row > .cell-first {\n        padding-left: calc(var(--expand-collapse-all-width) + var(--cell-padding) + 0.25rem);\n        &.row-reorder-handle,\n        &.row-error-column {\n          padding: 0;\n        }\n        &.row-select-handle {\n          padding-inline-start: var(--expand-collapse-all-width);\n        }\n      }\n\n      .row-container .row > .cell-first {\n        &.row-select-handle {\n          /* Offset padding of 0.5rem added to SelectAllCheckbox in grouped views(getting pushed by margin),\n             ensuring row select checkboxes align vertically in header and data rows */\n          padding-inline-start: calc(\n            var(--expand-collapse-all-width) - var(--cell-padding) + 0.5rem\n          );\n        }\n      }\n\n      /* stylelint-enable selector-max-class */\n      .expand-collapse-all {\n        position: absolute;\n        width: var(--expand-collapse-all-width);\n        z-index: 10;\n        height: var(--row-height);\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        border-right: var(--border-style);\n        border-bottom: var(--border-style);\n        border-start-start-radius: ${theme.base['border-radius']};\n        padding-inline-start: 0.125rem;\n        margin-inline-start: 0.25rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        &::before {\n          content: '';\n          position: absolute;\n          inset-block-start: 0;\n          inset-inline-start: -0.25rem;\n          width: 0.25rem;\n          height: 100%;\n          background-color: var(--header-bg-color);\n          z-index: 12;\n        }\n\n        > button {\n          color: var(--forground-color);\n          :focus {\n            box-shadow: ${theme.base.shadow.focus};\n          }\n        }\n      }\n      .no-border-right {\n        border-right: 0;\n      }\n    }\n\n    /* stylelint-disable selector-max-class */\n\n    .scroll-end {\n      &.row-container > .row:last-child {\n        & > .cell,\n        & .group-header-aggregation-row > .cell {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n    .header {\n      font-weight: var(--font-weight-semi-bold);\n      position: relative; /* This is required to position .border-fix element */\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      > .cell.row-error-column {\n        border-right: 0;\n      }\n      > .cell {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 2;\n        position: relative;\n        cursor: pointer;\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        font-weight: ${theme.base['font-weight'].bold};\n        font-size: ${fontSize.xxs};\n        border-right: var(--border-style);\n        padding: var(--header-cell-padding);\n\n        &:first-child {\n          border-start-start-radius: inherit;\n        }\n\n        &:last-child {\n          border-start-end-radius: inherit;\n        }\n\n        .header-lable-container {\n          display: inline-flex;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: ${fontSize.xs};\n          font-weight: var(--font-weight-semi-bold);\n          align-items: center;\n          gap: 0.125rem;\n        }\n\n        .header-label {\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          /* To avoid browser tooltip when we get ellipsis in safari */\n          &::after {\n            content: '';\n            display: block;\n          }\n\n          /* To utilize smart tooltip making it as a non-box element */\n          /* stylelint-disable selector-max-class */\n          .cell-content {\n            display: contents;\n          }\n        }\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n      }\n\n      > .row-select-handle {\n        /* Nullifying padding applied from .header > .cell */\n        padding: 0;\n        justify-content: center;\n      }\n      .row {\n        border-bottom: none;\n      }\n    }\n\n    /* 4 selectors required as aggregateCell of only footer need this effect */\n\n    .pContainer:not(.pContainerScroll) .footer .aggregateCell.cell {\n      border-bottom: none;\n    }\n\n    /* stylelint-enable selector-max-class */\n    .row .cell.cell-last {\n      border-right: 0;\n      flex-grow: 1;\n    }\n\n    .row-container {\n      --data-row-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding)\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--data-row-height)'};\n      &:not(.wrap-content-height) > .row:not(.group-header-row) {\n        height: var(--data-row-height);\n      }\n\n      & > .row:not(.group-header-row) {\n        min-width: 100%;\n      }\n      border-end-start-radius: inherit;\n      border-end-end-radius: inherit;\n\n      & > .row .cell-content {\n        /*\n         * Using box sizing content-box so that the padding is not considered for the alignment of the cell content.\n         * Vertical alignment is done using flex and max-height below even though the .cell-content might overflow due to padding + content size.\n         */\n        box-sizing: content-box;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-break: break-all;\n        flex-grow: 1;\n\n        /* Adding padding on .cell-content so that focus rings can appear properly and doesn't clip due to overflow: hidden */\n        padding: var(--cell-vertical-padding) var(--cell-padding);\n\n        /* setting max-height so that the elements with more height like RTL, align with the row density height */\n        max-height: var(--data-row-height);\n\n        /* hiding scroll bar in case the cell render introduces scrollbar based on its implementation */\n        & * {\n          scrollbar-width: none;\n        }\n\n        /* in case of combine columns, removing padding from parent cell-content as children already have the padding */\n        &:has(.combined-cell) {\n          padding: 0;\n\n          /* stylelint-disable-next-line selector-max-class */\n          .cell-content {\n            flex-grow: unset;\n          }\n        }\n      }\n    }\n\n    .row .aggregateCell .cell-content {\n      line-height: initial;\n      padding: 0;\n    }\n\n    .short-height,\n    .medium-height {\n      ${StyledStatus} {\n        white-space: nowrap;\n      }\n    }\n\n    .short-height {\n      ${StyledRadioCheck} ${StyledLabel} {\n        min-height: auto;\n      }\n    }\n\n    .medium-height {\n      --row-height-multiplier: 4 / 3;\n    }\n\n    .tall-height {\n      --row-height-multiplier: calc(4 / 3 + 0.5);\n      > .row:not(.group-header-row) {\n        > .cell {\n          display: inline-grid;\n          align-items: start;\n          white-space: normal;\n          word-break: break-all;\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable selector-max-class */\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 2;\n            white-space: inherit;\n            word-break: inherit;\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .wrap-content-height {\n      --row-height-multiplier: 4 / 3;\n      --row-min-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding) * 2\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--row-min-height)'};\n\n      > .row:not(.group-header-row) {\n        height: auto;\n        min-height: var(--row-min-height);\n        > .cell {\n          white-space: normal;\n\n          /* -- For BUG-625508 -- */\n          word-break: break-word;\n          display: inline-grid;\n          align-items: start;\n          padding-top: var(--cell-vertical-padding);\n          padding-bottom: var(--cell-vertical-padding);\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            /* for full-content, the row cells should adjust according to content */\n            max-height: none;\n            white-space: inherit;\n            word-break: inherit;\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .footer {\n      .row {\n        .cell {\n          padding: 0;\n        }\n      }\n    }\n\n    /* stylelint-disable no-duplicate-selectors */\n    .row-container {\n      position: absolute;\n      display: grid;\n      width: 100%;\n      font-size: ${fontSize.s};\n\n      > .group-header-row,\n      .hierarchical-group-footer-row {\n        height: var(--group-header-height);\n        .cell {\n          padding: 0;\n          border-right-width: 0;\n        }\n      }\n\n      > .hierarchical-group-header-row {\n        height: var(--group-header-height);\n      }\n      input.checkbox-on-hover + label {\n        opacity: 0;\n      }\n      input.checkbox-on-hover:checked + label {\n        opacity: 1;\n      }\n      .row.selected-row {\n        background-color: ${selectedRowColor};\n\n        > .cell,\n        .cell-fixed,\n        .cell-action {\n          background-color: ${selectedRowColor};\n        }\n      }\n      .row-on-hover:hover {\n        background-color: ${lightGreyColor};\n        input.checkbox-on-hover + label {\n          opacity: 1;\n        }\n\n        > .cell,\n        .cell-fixed,\n        .cell-action {\n          background-color: ${lightGreyColor};\n        }\n      }\n      .row.hierarchical-group-footer-row {\n        .cell-fixed {\n          background: ${lightGreyColor};\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n\n    .toolbar-button-applied {\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .toolbar-button {\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .column-resizer {\n      cursor: col-resize;\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 3;\n      width: 0.25rem;\n      height: 100%;\n    }\n\n    .column-resizer:hover,\n    .column-resizer:active {\n      background: var(--interactive);\n    }\n\n    .align-right {\n      justify-content: right;\n\n      .cell-content {\n        text-align: right;\n      }\n    }\n\n    .align-left {\n      justify-content: left;\n\n      .cell-content {\n        text-align: left;\n      }\n    }\n\n    .align-center {\n      justify-content: center;\n\n      .cell-content {\n        text-align: center;\n      }\n    }\n\n    .popper {\n      div.row {\n        display: flex;\n        vertical-align: middle;\n        line-height: unset;\n        border-bottom: none;\n        outline: none 0;\n        height: auto;\n      }\n    }\n  `;\n});\n\nexport default StyledTableContainer;\n"]}
+{"version":3,"file":"StyledTableContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Table/StyledTableContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,YAAY,EACZ,uBAAuB,EACvB,GAAG,EACH,aAAa,EACb,cAAc,EACf,MAAM,UAAU,CAAC;AAElB,OAAO,EAAE,YAAY,EAAE,MAAM,sDAAsD,CAAC;AACpF,OAAO,EAAE,gBAAgB,EAAE,MAAM,8DAA8D,CAAC;AAChG,OAAO,EACL,WAAW,EACX,sBAAsB,EACtB,iBAAiB,EACjB,QAAQ,EACT,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,sDAAsD,CAAC;AAEtF,OAAO,EAAE,mCAAmC,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAEjG,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAAC,CAAC,EAC7F,KAAK,EACL,IAAI,EACJ,YAAY,EACb,EAAE,EAAE;IACH,IAAI,yBAAyB,CAAC;IAC9B,IAAI,oBAAoB,GAAG,KAAK,CAAC;IAEjC,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC;SACjB,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;SACtB,OAAO,CAAC,CAAC,CAAC,EAAE;QACX,IAAI,CAAC,yBAAyB,IAAI,CAAC,CAAC,KAAK,CAAC,kBAAkB,EAAE,CAAC;YAC7D,yBAAyB,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC;QACzC,CAAC;QACD,IAAI,CAAC,CAAC,UAAU,EAAE,CAAC;YACjB,oBAAoB,GAAG,IAAI,CAAC;QAC9B,CAAC;IACH,CAAC,CAAC,CAAC;IAEL,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IACtF,MAAM,cAAc,GAClB,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,EAAE;QACzB,CAAC,CAAC,IAAI,CAAC,YAAY,IAAI,IAAI,CAAC,kBAAkB,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC;IAC1E,MAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,EAAE,CACrC,GAAG,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC,CACpF,CAAC;IACF,MAAM,cAAc,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;IAC7D,MAAM,2BAA2B,GAAG,cAAc,CAChD,GAAG,EACH,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAClD,CAAC;IACF,MAAM,qBAAqB,GACzB,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAAC,GAAG,GAAG;QAC3E,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC;QAC3D,CAAC,CAAC,GAAG,CACD,IAAI,EACJ,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAC/C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,4BAA4B,CAAC,CAC1D,CAAC;IAER,MAAM,wBAAwB,GAAG,uBAAuB,CACtD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACjD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAClD,CAAC,EAAE,CAAC;IACL,MAAM,sBAAsB,GAAG,wBAAwB;QACrD,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;QACnD,CAAC,CAAC,aAAa,CACX,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,EACjD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAClD,CAAC;IACN,MAAM,cAAc,GAAG,uBAAuB,CAC5C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAC/C,qBAAqB,CACtB,CAAC,EAAE,CAAC;IACL,MAAM,uBAAuB,GAAG,cAAc;QAC5C,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;QACjD,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC,EAAE,qBAAqB,CAAC,CAAC;IAE1F,OAAO,GAAG,CAAA;4BACgB,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;8BACtC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,kBAAkB,CAAC;yBACtD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,kBAAkB,CAAC;qBAC1C,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW;qBAC9B,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM;sBAC5B,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;;;;sBAIjC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC;wBAC/C,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;sBACrD,KAAK,CAAC,IAAI,CAAC,OAAO;oCACJ,KAAK,CAAC,IAAI,CAAC,OAAO;;;yBAG7B,sBAAsB;;;;wBAIvB,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,IAAI;+BACzB,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC;;;;MAI/D,GAAG,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;QAOlD,GAAG,EAAE,CAAC,mCAAmC,EAAE;;4CAEP,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;;QAI/D,cAAc,MAAM,sBAAsB;8CACJ,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAsI/D,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;QACzC,GAAG,CAAA;;SAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UAuCC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;QACxC,GAAG,CAAA;;SAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;UA4CC,cAAc;QAChB,GAAG,CAAA;;;+BAGoB,KAAK,CAAC,IAAI,CAAC,OAAO,kBAAkB,2BAA2B;;;SAGrF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAkCG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;QACxC,GAAG,CAAA;;WAEF;;;;;;;;;;;;MAYL,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,cAAc,CAAC;QACxC,GAAG,CAAA;;;;;;;sBAOe,qBAAqB;iBAC1B,uBAAuB;;wBAEhB,qBAAqB;mBAC1B,uBAAuB;;;wBAGlB,qBAAqB;;;;;;;;;;;;;;;;KAgBxC;;;oBAGe,GAAG,CACf,GAAG,EACH,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,EACpD,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CACzC;;;;;;;;;;;;;;;;iBAgBU,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;iBAwBpC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qCAwCR,KAAK,CAAC,IAAI,CAAC,eAAe,CAAC;;;;;;;;;;;;;;;;;;;;;0BAqBtC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBAuC1B,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI;qBAChC,QAAQ,CAAC,GAAG;;;;;;;;;;;;;;;;uBAgBV,QAAQ,CAAC,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAgD5B,CAAC,yBAAyB;QAC1B,CAAC,CAAC,GAAG,CAAA;;;;SAIF;QACH,CAAC,CAAC,GAAG,CAAA;oCACyB,yBAAyB;;;SAGpD;;;;;;+BAMsB,oBAAoB;QAC3C,CAAC,CAAC,oCAAoC;QACtC,CAAC,CAAC,wBAAwB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoD1B,YAAY;;;;;;QAMZ,gBAAgB,IAAI,WAAW;;;;;;;;;;;;;;;;;;;mBAmBpB,QAAQ;;;;;;;;;;;;;;;YAef,QAAQ;;;;;;;;;;;;+BAYW,oBAAoB;QAC3C,CAAC,CAAC,oCAAoC;QACtC,CAAC,CAAC,uBAAuB;;;;;;;;;;;;;;;;mBAgBd,QAAQ;;;;;;;;;;;;;;YAcf,QAAQ;;;;;;;;;;;;;;;;;;;;mBAoBD,QAAQ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;4BAqBD,gBAAgB;;;;;8BAKd,gBAAgB;;;;4BAIlB,cAAc;;;;;;;;8BAQZ,cAAc;;;;;wBAKpB,cAAc;;;;;;;;;uBASf,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;uBAKlB,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoDtC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,oBAAoB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport {\n  getLuminance,\n  meetsContrastGuidelines,\n  mix,\n  readableColor,\n  transparentize\n} from 'polished';\n\nimport { StyledStatus } from '@pega/cosmos-react-core/lib/components/Badges/Status';\nimport { StyledRadioCheck } from '@pega/cosmos-react-core/lib/components/RadioCheck/RadioCheck';\nimport {\n  StyledLabel,\n  StyledProgressBackdrop,\n  calculateFontSize,\n  tryCatch\n} from '@pega/cosmos-react-core';\nimport { StyledTabPanel } from '@pega/cosmos-react-core/lib/components/Tabs/TabPanel';\n\nimport { generateRSDataContainerHeightStyles, generateRSHeightStyles } from '../../Utils/styles';\n\nimport { CellIcon } from './CellWrapper';\n\nconst StyledTableContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(({\n  theme,\n  view,\n  isFullscreen\n}) => {\n  let colIdToFillRemainingSpace;\n  let isAggregationApplied = false;\n\n  (view.columns ?? [])\n    .filter(c => !c.hidden)\n    .forEach(c => {\n      if (!colIdToFillRemainingSpace && c.field.fillAvailableSpace) {\n        colIdToFillRemainingSpace = c.field.id;\n      }\n      if (c.aggregated) {\n        isAggregationApplied = true;\n      }\n    });\n\n  const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n  const showFreezeLine =\n    view.state.responsive?.sm &&\n    !(view.hasNoRecords || view.hasNoFrozenColumns || view.bHideFreezeLine);\n  const selectedRowColor = tryCatch(() =>\n    mix(0.85, theme.base.palette['primary-background'], theme.base.palette.interactive)\n  );\n  const lightGreyColor = theme.base.colors.gray['extra-light'];\n  const freezeLineShadowTransparent = transparentize(\n    0.9,\n    theme.components.table.header['foreground-color']\n  );\n  const oddRowBackgroundColor =\n    getLuminance(theme.components.table.body['secondary-background-color']) > 0.5\n      ? theme.components.table.body['secondary-background-color']\n      : mix(\n          0.75,\n          theme.components.table.body['background-color'],\n          theme.components.table.body['secondary-background-color']\n        );\n\n  const headerForegroundContrast = meetsContrastGuidelines(\n    theme.components.table.header['foreground-color'],\n    theme.components.table.header['background-color']\n  ).AA;\n  const usableHeaderForeground = headerForegroundContrast\n    ? theme.components.table.header['foreground-color']\n    : readableColor(\n        theme.components.table.header['foreground-color'],\n        theme.components.table.header['background-color']\n      );\n  const oddRowContrast = meetsContrastGuidelines(\n    theme.components.table.body['foreground-color'],\n    oddRowBackgroundColor\n  ).AA;\n  const useableOddRowForeground = oddRowContrast\n    ? theme.components.table.body['foreground-color']\n    : readableColor(theme.components.table.body['foreground-color'], oddRowBackgroundColor);\n\n  return css`\n    --primary-background: ${theme.base.palette['primary-background']};\n    --secondary-background: ${theme.components.table.header['background-color']};\n    --forground-color: ${theme.base.palette['foreground-color']};\n    --interactive: ${theme.base.palette.interactive};\n    --medium-blue: ${theme.base.colors.blue.medium};\n    --border-color: ${theme.base.palette['border-line']};\n    --border-color-freeze: #a5a5a5;\n    --border-width: 0.062rem;\n    --border-style: var(--border-width) solid var(--border-color);\n    --font-stretch: ${theme.components.table.typography['font-stretch']};\n    --letter-spacing: ${theme.components.table.typography['letter-spacing']};\n    --cell-padding: ${theme.base.spacing};\n    --cell-vertical-padding: calc(${theme.base.spacing} * 0.5);\n    --header-cell-padding: 0 0.44rem 0 var(--cell-padding);\n    --header-bg-color: var(--secondary-background);\n    --header-fg-color: ${usableHeaderForeground};\n    --default-group-header-height: 1.5rem;\n    --group-header-height: var(--default-group-header-height);\n    --box-sizing: content-box;\n    --animation-ease: ${theme.base.animation.timing.ease};\n    --font-weight-semi-bold: ${theme.base['font-weight']['semi-bold']};\n    --row-height-multiplier: 1.125;\n    --cell-fixed-position: sticky;\n    position: relative;\n    ${() => generateRSHeightStyles({ view, isFullscreen })}\n\n    .small-screen-table {\n      --cell-fixed-position: static;\n    }\n\n    .container {\n      ${() => generateRSDataContainerHeightStyles()};\n      border: var(--border-style);\n      border-radius: var(--border-radius, ${theme.base['border-radius']});\n      position: relative;\n      letter-spacing: var(--letter-spacing);\n      font-stretch: var(--font-stretch);\n      ${StyledTabPanel} & ${StyledProgressBackdrop} {\n        border-radius: var(--border-radius, ${theme.base['border-radius']});\n      }\n    }\n\n    .hide-rows-till-ready .row[aria-rowindex] {\n      visibility: hidden;\n    }\n\n    .table-drag-proxy {\n      background: rgba(0, 0, 0, 0.21);\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .table-drag-line {\n      background: #999999;\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      width: 0.12rem;\n      z-index: 6;\n      pointer-events: none;\n      display: none;\n    }\n\n    .cell-fixed {\n      z-index: 1;\n    }\n\n    .group-wrapper {\n      overflow: hidden;\n      display: inline-flex;\n      line-height: var(--group-header-height);\n\n      .group-context-count {\n        display: inline-flex;\n        overflow: hidden;\n      }\n    }\n\n    /* In review mode(Ex: Tabs) cosmos components are rendered and mark up is not compatible with\n      group-wrapper cell. Overridden css in group-header when dl exists inside that class which indicates\n      mark up is generated from cosmos which differentiates from normal table cell markup */\n    .group-wrapper .group-context-count dl {\n      grid-template-columns: auto;\n    }\n\n    .fallback,\n    .fallback-footer {\n      height: var(--row-height);\n      background-color: var(--header-bg-color);\n      color: var(--header-fg-color);\n      position: absolute;\n      width: 100%;\n      z-index: -1;\n      box-sizing: var(--box-sizing);\n    }\n\n    .fallback {\n      /* stylelint-disable unit-allowed-list */\n      top: -1px;\n      border-bottom: var(--border-style);\n    }\n\n    .fallback-footer {\n      top: 0;\n      border-top: var(--border-style);\n    }\n\n    .sticky-header {\n      display: grid;\n      position: sticky;\n      top: 0;\n      z-index: 6;\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n    }\n\n    .cell {\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      overflow: hidden;\n\n      .icons-ph {\n        /* Maintaining action button aspect ratio of 1:1 with 24*24px width and height */\n        min-width: 1.5rem;\n      }\n\n      &.custom-item {\n        width: 10em;\n      }\n    }\n\n    .cell:focus {\n      outline: 0.125rem auto var(--medium-blue);\n    }\n\n    .cell.selection-border:focus {\n      outline: none 0;\n    }\n\n    .row {\n      display: inline-flex;\n      height: var(--row-height);\n      outline: none 0;\n      transition: transform 0.5s var(--animation-ease);\n      box-sizing: var(--box-sizing);\n      position: relative;\n\n      > .row-select-handle {\n        display: flex;\n        justify-content: center;\n        &:active {\n          outline: none;\n        }\n\n        > .header-lable-container {\n          min-width: 20px;\n        }\n        /* stylelint-disable selector-max-class */\n        &.cell-fixed > .cell-content {\n          flex-grow: unset;\n        }\n      }\n\n      > .cell,\n      .group-header-aggregation-row > .cell {\n        transition: transform 0.5s var(--animation-ease);\n        border-right: var(--border-style);\n        position: relative;\n        ${!theme.components.table['striped-rows'] &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n        display: flex;\n        align-items: center;\n\n        &::after {\n          opacity: 1;\n          transition: opacity 0.1s var(--animation-ease);\n        }\n\n        .row-action-menu {\n          display: flex;\n          align-items: center;\n          justify-content: center;\n        }\n\n        &.cell-action {\n          position: sticky;\n          z-index: 4;\n          right: 0;\n          border-right: 0;\n          justify-content: center;\n          border-left: var(--border-style);\n\n          /* The below styles are needed to avoid ellipses in safari when no text is present\n            and to hide the 'Actions' label */\n\n          /* stylelint-disable max-nesting-depth */\n\n          div.header-label {\n            text-overflow: unset;\n          }\n        }\n        &.aggregateCell {\n          background-color: var(--header-bg-color);\n        }\n      }\n\n      /** Adds bottom border to the last row of a group, when striped-rows are enabled */\n      &:has(+ .group-header-row) > .cell {\n        ${theme.components.table['striped-rows'] &&\n        css`\n          border-bottom: var(--border-style);\n        `}\n      }\n      &.header > .cell {\n        border-bottom: var(--border-style);\n      }\n      .group-header-aggregation-row {\n        > .cell {\n          &.cell-action {\n            overflow: initial;\n\n            /* extending border on the top left of row action cell as we need to show border for at the end group label value when row actions are present */\n            &::before {\n              content: '';\n              position: absolute;\n              inline-size: 0;\n              inset-inline-start: calc(var(--border-width) * -1);\n              inset-block-start: calc(var(--group-header-height) * -1);\n              block-size: var(--group-header-height);\n              border-inline-start: var(--border-style);\n            }\n          }\n        }\n      }\n\n      > .cell-action {\n        background-color: var(--primary-background);\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n        border-right: 0 !important;\n        justify-content: center;\n        cursor: move;\n      }\n\n      .aggregateCell.cell {\n        border-right: none;\n      }\n\n      > .cell.cell-fixed,\n      .group-header-aggregation-row > .cell-fixed {\n        position: var(--cell-fixed-position);\n        z-index: 4;\n\n        ${showFreezeLine &&\n        css`\n          &.cell-last-frozen {\n            border-right: solid 1px var(--border-color-freeze);\n            box-shadow: calc(${theme.base.spacing} * 0.25) 0 0 0 ${freezeLineShadowTransparent};\n            transition: 0.5s;\n          }\n        `}\n\n        /* As the row select column and row dragDrop column always have to be frozen */\n        &[data-col-id='RowSelect'],\n        &[data-col-id='RowDragDrop'],\n        &[data-col-id='RowError'] {\n          position: sticky;\n          flex-shrink: 0;\n          z-index: 5;\n        }\n      }\n\n      > .cell.cell-fixed:focus-within,\n      .group-header-aggregation-row > .cell-fixed {\n        z-index: 6;\n      }\n\n      &.click {\n        cursor: pointer;\n      }\n\n      &:last-child {\n        border-end-start-radius: inherit;\n        border-end-end-radius: inherit;\n\n        > .cell {\n          &:first-child {\n            border-end-start-radius: inherit;\n          }\n\n          &:last-child {\n            border-end-end-radius: inherit;\n          }\n\n          ${theme.components.table['striped-rows'] &&\n          css`\n            border-bottom: var(--border-style);\n          `}\n        }\n      }\n    }\n    .row:not(.row-error):not(.group-header-row):not(.header) {\n      .cell-fixed {\n        background: var(--primary-background);\n      }\n      .cell-fixed.aggregateCell {\n        background: var(--header-bg-color);\n      }\n    }\n    ${theme.components.table['striped-rows'] &&\n    css`\n      /* Targets rows with an odd data-index attribute, excluding group header rows */\n      .row[data-index$='1']:not(.group-header-row):not(.header),\n      .row[data-index$='3']:not(.group-header-row):not(.header),\n      .row[data-index$='5']:not(.group-header-row):not(.header),\n      .row[data-index$='7']:not(.group-header-row):not(.header),\n      .row[data-index$='9']:not(.group-header-row):not(.header) {\n        background: ${oddRowBackgroundColor};\n        color: ${useableOddRowForeground};\n        .cell-fixed {\n          background: ${oddRowBackgroundColor};\n          color: ${useableOddRowForeground};\n        }\n        > .cell-action {\n          background: ${oddRowBackgroundColor};\n        }\n      }\n      .row[data-index$='0']:not(.group-header-row):not(.header),\n      .row[data-index$='2']:not(.group-header-row):not(.header),\n      .row[data-index$='4']:not(.group-header-row):not(.header),\n      .row[data-index$='6']:not(.group-header-row):not(.header),\n      .row[data-index$='8']:not(.group-header-row):not(.header) {\n        background: var(--primary-background);\n        .cell-fixed {\n          background: var(--primary-background);\n        }\n        > .cell-action {\n          background: var(--primary-background);\n        }\n      }\n    `}\n\n    .row-error {\n      background: ${mix(\n        0.1,\n        theme.components['form-field'].error['status-color'],\n        theme.base.palette['primary-background']\n      )};\n\n      /* stylelint-disable no-descending-specificity */\n      .cell-fixed,\n      .cell-action {\n        background: inherit;\n      }\n\n      > .cell:not(.cell-fixed):not(.cell-action) {\n        background: none;\n      }\n    }\n\n    .sort-info-container {\n      .sort-sequence {\n        font-size: 0.625rem;\n        color: ${theme.base.colors.gray['extra-dark']};\n      }\n    }\n\n    .filter-info-container {\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      svg {\n        width: 14px;\n        height: 14px;\n      }\n    }\n\n    .cell.row-error-column {\n      padding: 0;\n      border-right: 0;\n      text-align: right;\n      outline: none;\n\n      /* Focus handling will be done as part of interation 2: EPIC-88751 */\n\n      svg {\n        color: ${theme.base.colors.red.medium};\n      }\n    }\n\n    .cell-right-align .filter-info-container svg {\n      margin: 0 0.312rem 0 0;\n    }\n\n    &.show-expand-collapse-all {\n      .row > .cell-first {\n        padding-left: calc(var(--expand-collapse-all-width) + var(--cell-padding) + 0.25rem);\n        &.row-reorder-handle,\n        &.row-error-column {\n          padding: 0;\n        }\n        &.row-select-handle {\n          padding-inline-start: var(--expand-collapse-all-width);\n        }\n      }\n\n      .row-container .row > .cell-first {\n        &.row-select-handle {\n          /* Offset padding of 0.5rem added to SelectAllCheckbox in grouped views(getting pushed by margin),\n             ensuring row select checkboxes align vertically in header and data rows */\n          padding-inline-start: calc(\n            var(--expand-collapse-all-width) - var(--cell-padding) + 0.5rem\n          );\n        }\n      }\n\n      /* stylelint-enable selector-max-class */\n      .expand-collapse-all {\n        position: absolute;\n        width: var(--expand-collapse-all-width);\n        z-index: 10;\n        height: var(--row-height);\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        border-right: var(--border-style);\n        border-bottom: var(--border-style);\n        border-start-start-radius: ${theme.base['border-radius']};\n        padding-inline-start: 0.125rem;\n        margin-inline-start: 0.25rem;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n\n        &::before {\n          content: '';\n          position: absolute;\n          inset-block-start: 0;\n          inset-inline-start: -0.25rem;\n          width: 0.25rem;\n          height: 100%;\n          background-color: var(--header-bg-color);\n          z-index: 12;\n        }\n\n        > button {\n          color: var(--forground-color);\n          :focus {\n            box-shadow: ${theme.base.shadow.focus};\n          }\n        }\n      }\n      .no-border-right {\n        border-right: 0;\n      }\n    }\n\n    /* stylelint-disable selector-max-class */\n\n    .scroll-end {\n      &.row-container > .row:last-child {\n        & > .cell,\n        & .group-header-aggregation-row > .cell {\n          border-bottom: 0;\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n    .header {\n      font-weight: var(--font-weight-semi-bold);\n      position: relative; /* This is required to position .border-fix element */\n      border-start-start-radius: inherit;\n      border-start-end-radius: inherit;\n\n      > .cell.row-error-column {\n        border-right: 0;\n      }\n      > .cell {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        z-index: 2;\n        position: relative;\n        cursor: pointer;\n        background-color: var(--header-bg-color);\n        color: var(--header-fg-color);\n        font-weight: ${theme.base['font-weight'].bold};\n        font-size: ${fontSize.xxs};\n        border-right: var(--border-style);\n        padding: var(--header-cell-padding);\n\n        &:first-child {\n          border-start-start-radius: inherit;\n        }\n\n        &:last-child {\n          border-start-end-radius: inherit;\n        }\n\n        .header-lable-container {\n          display: inline-flex;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: ${fontSize.xs};\n          font-weight: var(--font-weight-semi-bold);\n          align-items: center;\n          gap: 0.125rem;\n        }\n\n        .header-label {\n          overflow: hidden;\n          text-overflow: ellipsis;\n\n          /* To avoid browser tooltip when we get ellipsis in safari */\n          &::after {\n            content: '';\n            display: block;\n          }\n\n          /* To utilize smart tooltip making it as a non-box element */\n          /* stylelint-disable selector-max-class */\n          .cell-content {\n            display: contents;\n          }\n        }\n      }\n\n      > .row-reorder-handle {\n        padding: 0;\n      }\n\n      > .row-select-handle {\n        /* Nullifying padding applied from .header > .cell */\n        padding: 0;\n        justify-content: center;\n      }\n      .row {\n        border-bottom: none;\n      }\n    }\n\n    /* 4 selectors required as aggregateCell of only footer need this effect */\n\n    .pContainer:not(.pContainerScroll) .footer .aggregateCell.cell {\n      border-bottom: none;\n    }\n\n    .row .cell.cell-last {\n      border-right: 0;\n    }\n\n    ${!colIdToFillRemainingSpace\n      ? css`\n          .row .cell.cell-last {\n            flex-grow: 1;\n          }\n        `\n      : css`\n          .row .cell[data-col-id='${colIdToFillRemainingSpace}'] {\n            flex-grow: 1;\n          }\n        `}\n\n    .row-container {\n      --data-row-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding)\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--data-row-height)'};\n      &:not(.wrap-content-height) > .row:not(.group-header-row) {\n        height: var(--data-row-height);\n      }\n\n      & > .row:not(.group-header-row) {\n        min-width: 100%;\n      }\n      border-end-start-radius: inherit;\n      border-end-end-radius: inherit;\n\n      & > .row .cell-content {\n        /*\n         * Using box sizing content-box so that the padding is not considered for the alignment of the cell content.\n         * Vertical alignment is done using flex and max-height below even though the .cell-content might overflow due to padding + content size.\n         */\n        box-sizing: content-box;\n        white-space: nowrap;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-break: break-all;\n        flex-grow: 1;\n\n        /* Adding padding on .cell-content so that focus rings can appear properly and doesn't clip due to overflow: hidden */\n        padding: var(--cell-vertical-padding) var(--cell-padding);\n\n        /* setting max-height so that the elements with more height like RTL, align with the row density height */\n        max-height: var(--data-row-height);\n\n        /* hiding scroll bar in case the cell render introduces scrollbar based on its implementation */\n        & * {\n          scrollbar-width: none;\n        }\n\n        /* in case of combine columns, removing padding from parent cell-content as children already have the padding */\n        &:has(.combined-cell) {\n          padding: 0;\n\n          .cell-content {\n            flex-grow: unset;\n          }\n        }\n      }\n    }\n\n    .row .aggregateCell .cell-content {\n      line-height: initial;\n      padding: 0;\n    }\n\n    .short-height,\n    .medium-height {\n      ${StyledStatus} {\n        white-space: nowrap;\n      }\n    }\n\n    .short-height {\n      ${StyledRadioCheck} ${StyledLabel} {\n        min-height: auto;\n      }\n    }\n\n    .medium-height {\n      --row-height-multiplier: 4 / 3;\n    }\n\n    .tall-height {\n      --row-height-multiplier: calc(4 / 3 + 0.5);\n      > .row:not(.group-header-row) {\n        > .cell {\n          display: inline-grid;\n          align-items: start;\n          white-space: normal;\n          word-break: break-all;\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            display: -webkit-box;\n            -webkit-box-orient: vertical;\n            -webkit-line-clamp: 2;\n            white-space: inherit;\n            word-break: inherit;\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .wrap-content-height {\n      --row-height-multiplier: 4 / 3;\n      --row-min-height: calc(\n        var(--hit-area) * var(--row-height-multiplier) + var(--cell-vertical-padding) * 2\n      );\n      --group-header-height: ${isAggregationApplied\n        ? 'var(--default-group-header-height)'\n        : 'var(--row-min-height)'};\n\n      > .row:not(.group-header-row) {\n        height: auto;\n        min-height: var(--row-min-height);\n        > .cell {\n          white-space: normal;\n\n          /* -- For BUG-625508 -- */\n          word-break: break-word;\n          display: inline-grid;\n          align-items: start;\n          padding-top: var(--cell-vertical-padding);\n          padding-bottom: var(--cell-vertical-padding);\n          grid-auto-flow: column;\n\n          :has(> ${CellIcon}) {\n            /* Adds spacing between children when icons are rendered alongside cell content in the cell container. */\n            justify-content: space-between;\n          }\n\n          /* stylelint-disable-next-line selector-max-compound-selectors */\n          > .cell-content > .combined-cell > .combined-cell-content,\n          > .cell-content {\n            /* for full-content, the row cells should adjust according to content */\n            max-height: none;\n            white-space: inherit;\n            word-break: inherit;\n          }\n\n          ${CellIcon} {\n            margin-block-start: 0.375rem;\n          }\n        }\n      }\n    }\n\n    .footer {\n      .row {\n        .cell {\n          padding: 0;\n        }\n      }\n    }\n\n    /* stylelint-disable no-duplicate-selectors */\n    .row-container {\n      position: absolute;\n      display: grid;\n      width: 100%;\n      font-size: ${fontSize.s};\n\n      > .group-header-row,\n      .hierarchical-group-footer-row {\n        height: var(--group-header-height);\n        .cell {\n          padding: 0;\n          border-right-width: 0;\n        }\n      }\n\n      > .hierarchical-group-header-row {\n        height: var(--group-header-height);\n      }\n      input.checkbox-on-hover + label {\n        opacity: 0;\n      }\n      input.checkbox-on-hover:checked + label {\n        opacity: 1;\n      }\n      .row.selected-row {\n        background-color: ${selectedRowColor};\n\n        > .cell,\n        .cell-fixed,\n        .cell-action {\n          background-color: ${selectedRowColor};\n        }\n      }\n      .row-on-hover:hover {\n        background-color: ${lightGreyColor};\n        input.checkbox-on-hover + label {\n          opacity: 1;\n        }\n\n        > .cell,\n        .cell-fixed,\n        .cell-action {\n          background-color: ${lightGreyColor};\n        }\n      }\n      .row.hierarchical-group-footer-row {\n        .cell-fixed {\n          background: ${lightGreyColor};\n        }\n      }\n    }\n\n    /* stylelint-enable selector-max-class */\n\n    .toolbar-button-applied {\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .toolbar-button {\n      padding: 0 8px;\n      margin: 0 calc(${theme.base.spacing} / 4);\n    }\n\n    .column-resizer {\n      cursor: col-resize;\n      position: absolute;\n      top: 0;\n      right: 0;\n      z-index: 3;\n      width: 0.25rem;\n      height: 100%;\n    }\n\n    .column-resizer:hover,\n    .column-resizer:active {\n      background: var(--interactive);\n    }\n\n    .align-right {\n      justify-content: right;\n\n      .cell-content {\n        text-align: right;\n      }\n    }\n\n    .align-left {\n      justify-content: left;\n\n      .cell-content {\n        text-align: left;\n      }\n    }\n\n    .align-center {\n      justify-content: center;\n\n      .cell-content {\n        text-align: center;\n      }\n    }\n\n    .popper {\n      div.row {\n        display: flex;\n        vertical-align: middle;\n        line-height: unset;\n        border-bottom: none;\n        outline: none 0;\n        height: auto;\n      }\n    }\n  `;\n});\n\nexport default StyledTableContainer;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/lists-react",
-  "version": "9.0.0-build.16.4",
+  "version": "9.0.0-build.17.1",
   "description": "Repeating view structures such as Table, Gallery(Repeating layouts), Kanban etc.",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
@@ -14,9 +14,9 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-condition-builder": "9.0.0-build.16.4",
-    "@pega/cosmos-react-core": "9.0.0-build.16.4",
-    "@pega/cosmos-react-rte": "9.0.0-build.16.4",
+    "@pega/cosmos-react-condition-builder": "9.0.0-build.17.1",
+    "@pega/cosmos-react-core": "9.0.0-build.17.1",
+    "@pega/cosmos-react-rte": "9.0.0-build.17.1",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
@@ -24,8 +24,8 @@
     "dayjs": "^1.11.13",
     "fast-deep-equal": "^3.1.3",
     "lodash-es": "^4.17.21",
-    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.16.4",
-    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.16.4",
+    "pega-repeating-structures-core": "npm:@pega/lists-core@9.0.0-build.17.1",
+    "pega-ui-list-data-apis": "npm:@pega/lists-core-utils@9.0.0-build.17.1",
     "polished": "^4.1.0",
     "prop-types": "^15.8.1",
     "react": "^17.0.0 || ^18.0.0",
@@ -44,7 +44,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.16.4",
+    "srs-utils": "9.0.0-build.17.1",
     "typescript": "~5.9.3"
   }
 }

package/lib/Core/Components/Toolbar/KeyboardInstructions.d.ts

@@ -1,6 +0,0 @@
-import { type RsCoreTypes } from 'pega-repeating-structures-core';
-declare const _default: import("react").MemoExoticComponent<({ template }: {
-    template: RsCoreTypes.Meta["template"];
-}) => import("react/jsx-runtime").JSX.Element | null>;
-export default _default;
-//# sourceMappingURL=KeyboardInstructions.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyboardInstructions.d.ts","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/KeyboardInstructions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAiC,KAAK,WAAW,EAAE,MAAM,gCAAgC,CAAC;2EASrD;IAAE,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAA;CAAE;AAkCtF,wBAA0C"}

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

@@ -1,32 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo } from 'react';
-import styled from 'styled-components';
-import { REPEATING_STRUCTURE_TEMPLATES } from 'pega-repeating-structures-core';
-import { Text, Flex, UnorderedList } from '@pega/cosmos-react-core';
-import useTranslate from '../../Hooks/useTranslate';
-const InstructionLabel = styled(Text) `
-  font-weight: ${({ theme }) => theme.base['font-weight'].bold};
-`;
-const KeyboardInstructions = ({ template }) => {
-    const [translate] = useTranslate();
-    if (template === REPEATING_STRUCTURE_TEMPLATES.TABLE) {
-        const keyboardInstructions = [
-            {
-                label: translate('table_a11y_instructions_arrow_keys_label'),
-                description: translate('table_a11y_instructions_arrow_keys_description')
-            },
-            {
-                label: translate('table_a11y_instructions_enter_label'),
-                description: translate('table_a11y_instructions_enter_description')
-            },
-            {
-                label: translate('table_a11y_instructions_escape_label'),
-                description: translate('table_a11y_instructions_escape_description')
-            }
-        ];
-        return (_jsxs(Flex, { container: { gap: 2, direction: 'column' }, children: [_jsx(Text, { as: 'p', children: translate('table_a11y_intro') }), _jsx(UnorderedList, { items: keyboardInstructions.map(instruction => (_jsxs(_Fragment, { children: [_jsx(InstructionLabel, { children: instruction.label }), " \u2013", ' ', instruction.description] }))) })] }));
-    }
-    return null;
-};
-export default memo(KeyboardInstructions);
-//# sourceMappingURL=KeyboardInstructions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"KeyboardInstructions.js","sourceRoot":"","sources":["../../../../Core/Components/Toolbar/KeyboardInstructions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,6BAA6B,EAAoB,MAAM,gCAAgC,CAAC;AACjG,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAEpE,OAAO,YAAY,MAAM,0BAA0B,CAAC;AAEpD,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;iBACpB,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI;CAC7D,CAAC;AAEF,MAAM,oBAAoB,GAAG,CAAC,EAAE,QAAQ,EAA8C,EAAE,EAAE;IACxF,MAAM,CAAC,SAAS,CAAC,GAAG,YAAY,EAAE,CAAC;IACnC,IAAI,QAAQ,KAAK,6BAA6B,CAAC,KAAK,EAAE,CAAC;QACrD,MAAM,oBAAoB,GAAG;YAC3B;gBACE,KAAK,EAAE,SAAS,CAAC,0CAA0C,CAAC;gBAC5D,WAAW,EAAE,SAAS,CAAC,gDAAgD,CAAC;aACzE;YACD;gBACE,KAAK,EAAE,SAAS,CAAC,qCAAqC,CAAC;gBACvD,WAAW,EAAE,SAAS,CAAC,2CAA2C,CAAC;aACpE;YACD;gBACE,KAAK,EAAE,SAAS,CAAC,sCAAsC,CAAC;gBACxD,WAAW,EAAE,SAAS,CAAC,4CAA4C,CAAC;aACrE;SACF,CAAC;QACF,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,aAC9C,KAAC,IAAI,IAAC,EAAE,EAAC,GAAG,YAAE,SAAS,CAAC,kBAAkB,CAAC,GAAQ,EACnD,KAAC,aAAa,IACZ,KAAK,EAAE,oBAAoB,CAAC,GAAG,CAAC,WAAW,CAAC,EAAE,CAAC,CAC7C,8BACE,KAAC,gBAAgB,cAAE,WAAW,CAAC,KAAK,GAAoB,aAAS,GAAG,EACnE,WAAW,CAAC,WAAW,IACvB,CACJ,CAAC,GACF,IACG,CACR,CAAC;IACJ,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,eAAe,IAAI,CAAC,oBAAoB,CAAC,CAAC","sourcesContent":["import { memo } from 'react';\nimport styled from 'styled-components';\n\nimport { REPEATING_STRUCTURE_TEMPLATES, type RsCoreTypes } from 'pega-repeating-structures-core';\nimport { Text, Flex, UnorderedList } from '@pega/cosmos-react-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\n\nconst InstructionLabel = styled(Text)`\n  font-weight: ${({ theme }) => theme.base['font-weight'].bold};\n`;\n\nconst KeyboardInstructions = ({ template }: { template: RsCoreTypes.Meta['template'] }) => {\n  const [translate] = useTranslate();\n  if (template === REPEATING_STRUCTURE_TEMPLATES.TABLE) {\n    const keyboardInstructions = [\n      {\n        label: translate('table_a11y_instructions_arrow_keys_label'),\n        description: translate('table_a11y_instructions_arrow_keys_description')\n      },\n      {\n        label: translate('table_a11y_instructions_enter_label'),\n        description: translate('table_a11y_instructions_enter_description')\n      },\n      {\n        label: translate('table_a11y_instructions_escape_label'),\n        description: translate('table_a11y_instructions_escape_description')\n      }\n    ];\n    return (\n      <Flex container={{ gap: 2, direction: 'column' }}>\n        <Text as='p'>{translate('table_a11y_intro')}</Text>\n        <UnorderedList\n          items={keyboardInstructions.map(instruction => (\n            <>\n              <InstructionLabel>{instruction.label}</InstructionLabel> &ndash;{' '}\n              {instruction.description}\n            </>\n          ))}\n        />\n      </Flex>\n    );\n  }\n  return null;\n};\n\nexport default memo(KeyboardInstructions);\n"]}