@pega/lists-react 9.0.0-build.6.7 → 9.0.0-build.6.9

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

@@ -19,5 +19,6 @@ declare namespace AggregateMenu {
     }
 }
 export default AggregateMenu;
+export function getFormattedAggregationValue(rawAggregationValue: number | string, aggregationType: string, column: import("pega-repeating-structures-core").RsCoreTypes.Column): string | number;
 import PropTypes from 'prop-types';
 //# sourceMappingURL=AggregateMenu.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AggregateMenu.d.ts","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"AAuCA;;;mDAmEC;;;;;;;;;;;;;;;;;;sBAzGqB,YAAY"}
+{"version":3,"file":"AggregateMenu.d.ts","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"AAkEA;;;mDAwDC;;;;;;;;;;;;;;;;;;AA3EM,kEALI,MAAM,GAAC,MAAM,mBACb,MAAM,UACN,OAAO,gCAAgC,EAAE,WAAW,CAAC,MAAM,GACzD,MAAM,GAAC,MAAM,CAmBzB;sBA/DqB,YAAY"}

package/lib/Core/Components/AggregateMenu.js

@@ -25,8 +25,32 @@ const StyledCell = styled.div `
 const StyledAggregationValue = styled.div `
   font-weight: ${props => props.theme.base['font-weight']['semi-bold']};
 `;
+/**
+ * Formats the aggregation value based on the aggregation type and column context.
+ *
+ * @param {number|string} rawAggregationValue - The raw aggregation value to format.
+ * @param {string} aggregationType - The type of aggregation (e.g., 'Avg').
+ * @param {import('pega-repeating-structures-core').RsCoreTypes.Column} column - The column object.
+ * @returns {string|number} The formatted aggregation value or the raw value if no formatter is available.
+ */
+export const getFormattedAggregationValue = (rawAggregationValue, aggregationType, column) => {
+    const formatter = column.getContext().getFormatter();
+    const fieldDef = column.getContext().getField();
+    const { fieldType } = fieldDef;
+    const { locale, timezone } = column.parent.meta;
+    if (!formatter)
+        return rawAggregationValue;
+    if (aggregationType === 'Avg' && fieldType === 'Integer') {
+        return formatNumber(Number(rawAggregationValue), {
+            locale,
+            useGrouping: true,
+            maximumFractionDigits: 2
+        });
+    }
+    return formatter(rawAggregationValue, { locale, timezone, fieldDef });
+};
 export default function AggregateMenu({ column, context }) {
-    const { aggregateOptions, locale, timezone } = column.parent.meta;
+    const { aggregateOptions } = column.parent.meta;
     const { aggregationType } = column;
     const uid = createUID();
     const [translate] = useTranslate();
@@ -39,21 +63,7 @@ export default function AggregateMenu({ column, context }) {
     if (!actions)
         return null;
     const rawAggregationValue = context.getValue();
-    const formatter = column.getContext().getFormatter();
-    const fieldDef = column.getContext().getField();
-    const { fieldType } = fieldDef;
-    const aggregationValue = (() => {
-        if (!formatter)
-            return rawAggregationValue;
-        if (aggregationType === 'Avg' && fieldType === 'Integer') {
-            return formatNumber(Number(rawAggregationValue), {
-                locale,
-                useGrouping: true,
-                maximumFractionDigits: 2
-            });
-        }
-        return formatter(rawAggregationValue, { locale, timezone, fieldDef });
-    })();
+    const aggregationValue = getFormattedAggregationValue(rawAggregationValue, aggregationType, column);
     const buttonText = translate('Aggregate options');
     return (_jsxs(StyledCell, { children: [_jsx("span", { children: translate(aggregationType) }), _jsx(StyledMenuButton, { className: 'aggregate-button', menu: {
                     items: actions,

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

@@ -1 +1 @@
-{"version":3,"file":"AggregateMenu.js","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport {\n  Flex,\n  MenuButton,\n  VisuallyHiddenText,\n  createUID,\n  formatNumber\n} from '@pega/cosmos-react-core';\n\nimport useTranslate from '../Hooks/useTranslate';\n\nimport TestIdConstants from './TestIdConstants';\n\nconst StyledMenuButton = styled(MenuButton)`\n  color: ${props => props.theme.base.palette['foreground-color']};\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nconst StyledCell = styled.div`\n  display: flex;\n  text-align: right;\n  justify-content: flex-end;\n  align-items: center;\n  margin-inline-end: var(--cell-padding);\n\n  &:hover {\n    background-clip: padding-box;\n  }\n`;\n\nconst StyledAggregationValue = styled.div`\n  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};\n`;\n\nexport default function AggregateMenu({ column, context }) {\n  const { aggregateOptions, locale, timezone } = column.parent.meta;\n  const { aggregationType } = column;\n  const uid = createUID();\n  const [translate] = useTranslate();\n\n  const actions = aggregateOptions[column.field.type]?.map(label => ({\n    primary: translate(label),\n    id: label,\n    onClick: () => column.applyAggregation(label),\n    selected: aggregationType === label\n  }));\n  if (!actions) return null;\n\n  const rawAggregationValue = context.getValue();\n  const formatter = column.getContext().getFormatter();\n  const fieldDef = column.getContext().getField();\n  const { fieldType } = fieldDef;\n\n  const aggregationValue = (() => {\n    if (!formatter) return rawAggregationValue;\n\n    if (aggregationType === 'Avg' && fieldType === 'Integer') {\n      return formatNumber(Number(rawAggregationValue), {\n        locale,\n        useGrouping: true,\n        maximumFractionDigits: 2\n      });\n    }\n\n    return formatter(rawAggregationValue, { locale, timezone, fieldDef });\n  })();\n\n  const buttonText = translate('Aggregate options');\n\n  return (\n    <StyledCell>\n      <span>{translate(aggregationType)}</span>\n      <StyledMenuButton\n        className='aggregate-button'\n        menu={{\n          items: actions,\n          mode: 'single-select'\n        }}\n        popover={{\n          portal: true\n        }}\n        icon='arrow-micro-down'\n        iconOnly\n        variant='simple'\n        compact\n        text={buttonText} // Text property to display tooltip on hover\n        aria-labelledby={`${uid}_label`}\n      />\n      <Flex\n        container\n        as={StyledAggregationValue}\n        item={{ shrink: 0 }}\n        data-testid={TestIdConstants.aggregateDisplayValue}\n      >\n        {aggregationValue}\n      </Flex>\n      <VisuallyHiddenText id={`${uid}_label`} aria-hidden>\n        {`${translate(aggregationType)} ${context.getValue()} ${buttonText}`}\n      </VisuallyHiddenText>\n    </StyledCell>\n  );\n}\n\nAggregateMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregateMenu.defaultProps = {\n  column: {},\n  context: {}\n};\n"]}
+{"version":3,"file":"AggregateMenu.js","sourceRoot":"","sources":["../../../Core/Components/AggregateMenu.jsx"],"names":[],"mappings":"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","sourcesContent":["import styled from 'styled-components';\nimport PropTypes from 'prop-types';\n\nimport {\n  Flex,\n  MenuButton,\n  VisuallyHiddenText,\n  createUID,\n  formatNumber\n} from '@pega/cosmos-react-core';\n\nimport useTranslate from '../Hooks/useTranslate';\n\nimport TestIdConstants from './TestIdConstants';\n\nconst StyledMenuButton = styled(MenuButton)`\n  color: ${props => props.theme.base.palette['foreground-color']};\n  svg {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n`;\n\nconst StyledCell = styled.div`\n  display: flex;\n  text-align: right;\n  justify-content: flex-end;\n  align-items: center;\n  margin-inline-end: var(--cell-padding);\n\n  &:hover {\n    background-clip: padding-box;\n  }\n`;\n\nconst StyledAggregationValue = styled.div`\n  font-weight: ${props => props.theme.base['font-weight']['semi-bold']};\n`;\n\n/**\n * Formats the aggregation value based on the aggregation type and column context.\n *\n * @param {number|string} rawAggregationValue - The raw aggregation value to format.\n * @param {string} aggregationType - The type of aggregation (e.g., 'Avg').\n * @param {import('pega-repeating-structures-core').RsCoreTypes.Column} column - The column object.\n * @returns {string|number} The formatted aggregation value or the raw value if no formatter is available.\n */\nexport const getFormattedAggregationValue = (rawAggregationValue, aggregationType, column) => {\n  const formatter = column.getContext().getFormatter();\n  const fieldDef = column.getContext().getField();\n  const { fieldType } = fieldDef;\n  const { locale, timezone } = column.parent.meta;\n\n  if (!formatter) return rawAggregationValue;\n\n  if (aggregationType === 'Avg' && fieldType === 'Integer') {\n    return formatNumber(Number(rawAggregationValue), {\n      locale,\n      useGrouping: true,\n      maximumFractionDigits: 2\n    });\n  }\n\n  return formatter(rawAggregationValue, { locale, timezone, fieldDef });\n};\n\nexport default function AggregateMenu({ column, context }) {\n  const { aggregateOptions } = column.parent.meta;\n  const { aggregationType } = column;\n  const uid = createUID();\n  const [translate] = useTranslate();\n\n  const actions = aggregateOptions[column.field.type]?.map(label => ({\n    primary: translate(label),\n    id: label,\n    onClick: () => column.applyAggregation(label),\n    selected: aggregationType === label\n  }));\n  if (!actions) return null;\n\n  const rawAggregationValue = context.getValue();\n\n  const aggregationValue = getFormattedAggregationValue(\n    rawAggregationValue,\n    aggregationType,\n    column\n  );\n\n  const buttonText = translate('Aggregate options');\n\n  return (\n    <StyledCell>\n      <span>{translate(aggregationType)}</span>\n      <StyledMenuButton\n        className='aggregate-button'\n        menu={{\n          items: actions,\n          mode: 'single-select'\n        }}\n        popover={{\n          portal: true\n        }}\n        icon='arrow-micro-down'\n        iconOnly\n        variant='simple'\n        compact\n        text={buttonText} // Text property to display tooltip on hover\n        aria-labelledby={`${uid}_label`}\n      />\n      <Flex\n        container\n        as={StyledAggregationValue}\n        item={{ shrink: 0 }}\n        data-testid={TestIdConstants.aggregateDisplayValue}\n      >\n        {aggregationValue}\n      </Flex>\n      <VisuallyHiddenText id={`${uid}_label`} aria-hidden>\n        {`${translate(aggregationType)} ${context.getValue()} ${buttonText}`}\n      </VisuallyHiddenText>\n    </StyledCell>\n  );\n}\n\nAggregateMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  context: PropTypes.objectOf(PropTypes.any)\n};\n\nAggregateMenu.defaultProps = {\n  column: {},\n  context: {}\n};\n"]}

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

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

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

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

package/lib/Core/Components/GroupRenderer.js

@@ -1,10 +1,12 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import PropTypes from 'prop-types';
 import { useRef } from 'react';
 import styled from 'styled-components';
-import { Icon } from '@pega/cosmos-react-core';
+import { Flex, Icon, Tooltip, useElement, Text, MetaList } from '@pega/cosmos-react-core';
 import BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';
 import { getGroupFromKey } from 'pega-ui-list-data-apis';
+import { dateFunctionLabels, FieldType } from 'pega-repeating-structures-core';
+import { StyledMetaListItem } from '@pega/cosmos-react-core/lib/components/MetaList/MetaList';
 import { createClassName as cx } from '../Utils';
 import useTranslate from '../Hooks/useTranslate';
 import { customFunctions, intervalGroupingBoundaries } from '../constants';
@@ -12,6 +14,7 @@ import AggregatorCell from './AggregatorCell';
 import RenderingEngine from './RenderingEngine/RenderCell';
 import DateValueDisplay from './DateValueDisplay';
 import TestIdConstants from './TestIdConstants';
+import { getFormattedAggregationValue } from './AggregateMenu';
 const groupheaderleftdisplacement = headerLevel => `${(headerLevel.level + 1) * 0.5}rem`;
 /**
  * TODO: remove currentColor style after cosmos fixes the issue
@@ -108,6 +111,7 @@ const StyledGroupHeader = styled.div `
 
       > .group-wrapper {
         margin-inline-start: ${({ groupHeader, theme }) => groupHeader.count === 0 ? `calc(${theme.base.spacing} * 2.25)` : 'unset'};
+        align-items: baseline;
       }
 
       .cell-content {
@@ -139,6 +143,107 @@ const StyledGroupHeader = styled.div `
     background-color: var(--group-bg-color);
   }
 `;
+const StyledText = styled(Text) `
+  display: inline-flex;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
+`;
+const StyledMetaList = styled(MetaList) `
+  margin-inline-start: 0;
+`;
+const GroupAdditionalInfoSeparator = styled(StyledMetaListItem) `
+  margin-inline-start: 0.3rem;
+`;
+/**
+ * For
+ * @param {*} additionalFieldData
+ * @param {*} additionalField
+ * @param {*} param2
+ * @returns
+ */
+/**
+ * Formats additional field data based on its type and properties.
+ *
+ * @typedef {NonNullable<
+ *   Awaited<
+ *     ReturnType<
+ *       NonNullable<
+ *         import('pega-repeating-structures-core').RsCoreTypes.ApiContext['fetchGroupedInfo']
+ *       >
+ *     >
+ *   >[number]['additionalFieldsData']
+ * >[number]} AdditionalFieldData
+ *
+ * @typedef {import('pega-repeating-structures-core').RsCoreTypes.Column} Column
+ * @typedef {import('pega-repeating-structures-core').RsCoreTypes.Meta} Meta
+ * @typedef {import('pega-repeating-structures-core').RsCoreTypes.GroupGenerator} GroupGenerator
+ *
+ * @param {AdditionalFieldData} additionalFieldData - The data for the additional field.
+ * @param {import('pega-repeating-structures-core').RsCoreTypes.GroupAdditionalField} additionalField - The configuration for the additional field.
+ * @param {{column: Column, meta: Meta, groupHeader: GroupGenerator}} config - Additional config for formatting.
+ * @param {Column} config.column - The column configuration.
+ * @param {Meta} config.meta - RS Meta.
+ * @param {GroupGenerator} config.groupHeader - The group header data.
+ *
+ * @returns {{label: string, renderer: ReactNode | string}} An object containing the formatted label and renderer.
+ * @returns {string} returns.label - The formatted label for the additional field.
+ * @returns {ReactNode | string} returns.renderer - The React component or value to render.
+ */
+const getFormattedAdditionalFieldData = (additionalFieldData, additionalField, { column, meta, groupHeader, translate }) => {
+    const { value, count = 0 } = additionalFieldData || {};
+    const { aggregation, dateFunction } = additionalField || {};
+    const { locale, timezone } = meta;
+    const { label, field: { type } } = column;
+    // Additional field as aggregation
+    if (aggregation && type === FieldType.NUMBER) {
+        return {
+            label: `${label}(${translate(aggregation)})`,
+            renderer: getFormattedAggregationValue(value, aggregation, column)
+        };
+    }
+    // Additional field as Date part
+    if (dateFunction && [FieldType.DATE, FieldType.DATE_TIME, FieldType.DATE_ONLY].includes(type)) {
+        return {
+            label: `${label}(${translate(dateFunctionLabels[dateFunction])})`,
+            renderer: (_jsx(DateValueDisplay, { value: value, dateFunction: dateFunction, locale: locale, timezone: timezone }))
+        };
+    }
+    // Additional field as normal field but with multiple values.
+    if (count > 1) {
+        const { getFormatterByKey } = column.parent;
+        const integerFormatter = getFormatterByKey('Integer');
+        return {
+            label: `${label}(${translate('Count')})`,
+            renderer: integerFormatter ? integerFormatter(count, { locale }) : count
+        };
+    }
+    // Additional field as normal field.
+    column.setExecutionContext(null);
+    return {
+        label,
+        renderer: (_jsx(RenderingEngine, { ...column.getRenderingEngineProps(),
+            context: {
+                ...column.getContext(),
+                name: 'GroupAdditionalField',
+                getValue: () => value,
+                getExecutionContext: () => {
+                    return { getValue: () => groupHeader.data, name: 'groupHeader' };
+                }
+            } }))
+    };
+};
+const GroupAdditionalInfo = ({ additionalFieldData, columns, groupHeader, additionalField }) => {
+    const [infoRef, setInfoRef] = useElement(null);
+    const [translate] = useTranslate();
+    const { id } = additionalFieldData;
+    const column = columns.find(c => c.field.id === id);
+    if (!column)
+        return null;
+    const { meta } = column.parent;
+    const { label, renderer } = getFormattedAdditionalFieldData(additionalFieldData, additionalField, { column, meta, groupHeader, translate });
+    return (_jsxs(_Fragment, { children: [_jsxs(Flex, { container: { gap: 0.5 }, ref: setInfoRef, children: [_jsxs(StyledText, { variant: 'secondary', "data-testid": 'additional-field-label', children: [label, ":"] }), _jsx(StyledText, { variant: 'secondary', "data-testid": 'additional-field-renderer', children: renderer })] }), _jsxs(Tooltip, { smart: true, target: infoRef, showDelay: 'short', hideDelay: 'none', children: [_jsx(Text, { children: `${label}: ` }), _jsx(Text, { children: renderer })] })] }));
+};
 /**
  *  Returns label for interval grouping based on interval and boundaries
   Response data depends on boundary settings.
@@ -204,7 +309,7 @@ export default function GroupHeader({ groupHeader, columns }) {
         return null;
     const view = columns[0].parent;
     // If grouping by a regular column (i.e. without a dateFunction), determine props for the renderer
-    const { columnId, dateFunction, customFunction } = getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};
+    const { columnId, dateFunction, customFunction, additionalFields = [] } = getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};
     // if state.groups is not yet prepared/updated, then getGroupFromKey will return undefined
     if (!columnId) {
         return null;
@@ -216,6 +321,7 @@ export default function GroupHeader({ groupHeader, columns }) {
         ? formatter(groupHeader.count, { locale })
         : groupHeader.count;
     const isAggregationApplied = columns.filter(c => !c.hidden).some(c => c.aggregated);
+    // FIXME: Import rather than COPY, i would rather
     return (_jsxs(StyledGroupHeader, { groupHeader: groupHeader, className: cx('row group-header-row sticky-group-header'), "data-test-id": 'groupHeader', "data-testid": TestIdConstants.groupHeader, isAggregationApplied: isAggregationApplied, role: 'row', onFocus: e => {
             if (buttonRef.current && !e.currentTarget.contains(e.relatedTarget)) {
                 e.preventDefault();
@@ -224,7 +330,9 @@ export default function GroupHeader({ groupHeader, columns }) {
         }, children: [_jsx("div", { className: 'stickyGroupHeader', children: _jsxs(BareButton, { ref: buttonRef, "aria-label": `${column.field.hideGroupColumnNameLabel ? '' : groupHeader.label} ${groupHeader.name}, ${groupCountFormatted} items`, "aria-expanded": !!groupHeader.isExpanded, style: {
                         paddingRight: 'var(--group-left)'
                     }, onClick: () => groupHeader.count > 0 && view.type.toggleGroupExpansion({ groupHeader }), tabIndex: -1, icon: true, children: [groupHeader.count > 0 &&
-                            (groupHeader.isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' })), _jsxs("div", { className: 'group-wrapper', children: [_jsx("div", { className: 'group-label' }), !column.field.hideGroupColumnNameLabel && (_jsxs("span", { className: 'group-header-groupby', "data-test-id": groupHeader.groupBy, "data-testid": `${TestIdConstants.groupHeaderGroupBy}-${groupHeader.groupBy}`, children: [groupHeader.label, ":"] })), _jsx("div", { className: 'group-label' }), _jsxs("span", { className: 'group-context-count', style: { display: 'inline-flex' }, "data-test-id": 'groupHeader', "data-testid": TestIdConstants.groupHeaderCount, children: [_jsx(GroupName, { view: view, column: column, groupHeader: groupHeader, dateFunction: dateFunction, customFunction: customFunction }), _jsx("span", { className: 'group-count', children: ` (${groupCountFormatted})` })] })] })] }) }), _jsx("div", { className: 'group-header-aggregation-row', children: columns.map(c => {
+                            (groupHeader.isExpanded ? _jsx(Icon, { name: 'caret-down' }) : _jsx(Icon, { name: 'caret-right' })), _jsxs("div", { className: 'group-wrapper', children: [_jsx("div", { className: 'group-label' }), !column.field.hideGroupColumnNameLabel && (_jsxs("span", { className: 'group-header-groupby', "data-test-id": groupHeader.groupBy, "data-testid": `${TestIdConstants.groupHeaderGroupBy}-${groupHeader.groupBy}`, children: [groupHeader.label, ":"] })), _jsx("div", { className: 'group-label' }), _jsxs("span", { className: 'group-context-count', style: { display: 'inline-flex' }, "data-test-id": 'groupHeader', "data-testid": TestIdConstants.groupHeaderCount, children: [_jsx(GroupName, { view: view, column: column, groupHeader: groupHeader, dateFunction: dateFunction, customFunction: customFunction }), _jsx("span", { className: 'group-count', children: ` (${groupCountFormatted})` })] }), !!(groupHeader.additionalFieldsData?.length && additionalFields.length) && (_jsxs(_Fragment, { children: [_jsx(Text, { "aria-hidden": true, variant: 'secondary', as: GroupAdditionalInfoSeparator, children: "\u2022" }), _jsx(StyledMetaList, { wrapItems: false, items: [
+                                                ...groupHeader.additionalFieldsData.map(additionalFieldsData => (_jsx(GroupAdditionalInfo, { additionalFieldData: additionalFieldsData, additionalField: additionalFields.find(additionalField => additionalField.id === additionalFieldsData.id), columns: columns, groupHeader: groupHeader })))
+                                            ] })] }))] })] }) }), _jsx("div", { className: 'group-header-aggregation-row', children: columns.map(c => {
                     const cxt = {
                         getValue: () => groupHeader?.aggregation?.[c.field.name]?.[c.aggregationType?.toLowerCase()]
                     };

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

@@ -1 +1 @@
-{"version":3,"file":"GroupRenderer.js","sourceRoot":"","sources":["../../../Core/Components/GroupRenderer.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Icon } from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { getGroupFromKey } from 'pega-ui-list-data-apis';\n\nimport { createClassName as cx } from '../Utils';\nimport useTranslate from '../Hooks/useTranslate';\nimport { customFunctions, intervalGroupingBoundaries } from '../constants';\n\nimport AggregatorCell from './AggregatorCell';\nimport RenderingEngine from './RenderingEngine/RenderCell';\nimport DateValueDisplay from './DateValueDisplay';\nimport TestIdConstants from './TestIdConstants';\n\nconst groupheaderleftdisplacement = headerLevel => `${(headerLevel.level + 1) * 0.5}rem`;\n/**\n * TODO: remove currentColor style after cosmos fixes the issue\n * Cosmos yet to handle dark theme on BareButton\n */\n\nconst StyledGroupHeader = styled.div`\n  --group-left: ${props => groupheaderleftdisplacement(props.groupHeader)};\n  --group-bg-color: ${props => props.theme.base.palette['secondary-background']};\n  background-color: var(--group-bg-color);\n  &:has(button[aria-expanded='true']) {\n    filter: ${props => props.theme.base.shadow['low-filter']};\n  }\n\n  &.row.sticky-group-header {\n    position: sticky;\n    display: block;\n    top: calc(\n      ${props =>\n        props.groupHeader.isLeafNode && props.groupHeader.level !== 0\n          ? 'calc(var(--row-height) + var(--group-header-height))'\n          : 'var(--row-height)'}\n    );\n\n    /* z-index starting from 8 because freeze-line has z-index 7 */\n    z-index: ${props => `${8 + props.groupHeader.index}`};\n    > .cell-action,\n    .cell-fixed {\n      background-color: var(--group-bg-color);\n    }\n  }\n\n  .group-label {\n    width: 0.437rem;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .group-header-groupby {\n    font-weight: ${props => props.theme.base['font-weight'].normal};\n  }\n\n  .group-context-count .group-count {\n    font-weight: ${props => props.theme.base['font-weight'].bold};\n    white-space: pre;\n  }\n\n  &.row.group-header-row {\n    height: auto;\n    border-bottom: ${props => (!props.isAggregationApplied ? 'var(--border-style)' : 'none')};\n\n    .group-header-aggregation-row {\n      display: flex;\n\n      /* Using height 0 so that the aggregations aren't visible when not applied but the cells can take the width and stretch the group header to the full width */\n      height: ${props => (props.isAggregationApplied ? 'var(--group-header-height)' : 0)};\n\n      &::before {\n        content: '';\n        position: sticky;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        width: 0.25rem;\n        height: 100%;\n        background-color: ${props => props.groupHeader.colorIndicator};\n        z-index: 12;\n      }\n    }\n  }\n\n  &.group-header-row .stickyGroupHeader {\n    position: sticky;\n    left: 0;\n    width: 0;\n    z-index: 10;\n    height: var(--group-header-height);\n\n    > button {\n      color: currentColor;\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: max-content;\n      max-width: var(--container-width);\n      display: flex;\n      align-items: center;\n      background-color: var(--group-bg-color);\n      padding-left: var(--group-left);\n      margin-inline-start: 0.25rem;\n      z-index: 30;\n      cursor: pointer;\n      white-space: nowrap;\n      text-align: inherit;\n      font-stretch: inherit;\n\n      > .group-wrapper {\n        margin-inline-start: ${({ groupHeader, theme }) =>\n          groupHeader.count === 0 ? `calc(${theme.base.spacing} * 2.25)` : 'unset'};\n      }\n\n      .cell-content {\n        max-height: var(--group-header-height);\n        padding: 0;\n      }\n    }\n    button:focus {\n      box-shadow: ${({ theme }) => theme.base.shadow['focus-inset']};\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      width: 0.25rem;\n      height: 100%;\n      background-color: ${props => props.groupHeader.colorIndicator};\n      z-index: 12;\n    }\n  }\n  .group-header.cell {\n    left: 0;\n    padding-left: var(--group-left);\n  }\n\n  div.group-header.cell-fixed {\n    background-color: var(--group-bg-color);\n  }\n`;\n\n/**\n *  Returns label for interval grouping based on interval and boundaries\n  Response data depends on boundary settings.\n Ex: For sample data of profit\n    profit  --> cases(count)\n   {'0': 10, 1': 100,  '2':30, '10': 35, '15':45, '20':2}\n  For Interval 10\n  If the boundary is 'include-lower-only',\n    and  value is 10 then label -> 10 to 20\n\n  If boundary is 'include-upper-only',\n    and value is 10 then label ->  0 to 10\n  * */\nfunction buildIntervalGroupingLabel(value, customFunction, translate) {\n  const { interval, boundaries } = customFunction;\n  // To restrict the decimals in labels\n  const intervalDecimalLength = (interval.toString().split('.')[1] || '').length;\n  value = Number(value);\n  // In case of 'include-lower-only'\n  let lowerValue = value.toFixed(intervalDecimalLength);\n  let upperValue = (value + interval).toFixed(intervalDecimalLength);\n  // In case of boundary 'include-upper-only'\n  if (boundaries === intervalGroupingBoundaries.includeUpperOnly) {\n    lowerValue = (value - interval).toFixed(intervalDecimalLength);\n    upperValue = value.toFixed(intervalDecimalLength);\n  }\n  return `${lowerValue} ${translate('to')} ${upperValue}`;\n}\n\nfunction GroupName({ view, column, groupHeader, dateFunction, customFunction }) {\n  const [translate] = useTranslate();\n  const { locale, timezone } = view.meta;\n  const isRangeGrouping = customFunction?.type === customFunctions.RANGE_GROUPING;\n  const isIntervalGrouping = customFunction?.type === customFunctions.INTERVAL_GROUPING;\n\n  if (dateFunction) {\n    return (\n      <DateValueDisplay\n        value={groupHeader.name}\n        dateFunction={dateFunction}\n        locale={locale}\n        timezone={timezone}\n      />\n    );\n  }\n\n  if (isRangeGrouping) {\n    /** If custom range grouping applied on number field , we need to show group name as text instead of number */\n    return groupHeader.name;\n  }\n\n  if (isIntervalGrouping) {\n    /** If custom range grouping applied on number , we need to show group name based on value and custom function details like interval and boundaries */\n    return buildIntervalGroupingLabel(groupHeader.name, customFunction, translate);\n  }\n\n  column.setExecutionContext(null); // If null is not set then it will execute on the previous row context and facing issues when cell is edited. Based on column.editMode and current context renderer varies (it can be cellEditRenderer)\n\n  const columnRendererProps = {\n    ...column.getRenderingEngineProps(),\n    context: {\n      getValue: () => groupHeader.name,\n      getExecutionContext: () => {\n        return { getValue: () => groupHeader.data, name: 'groupHeader' };\n      }\n    }\n  };\n\n  return <RenderingEngine {...columnRendererProps} />;\n}\n\n// NOTE: While making any changes in GroupRenderer.jsx, also make similar changes in HierarchicalGroupRenderer.jsx file if applicable\n\nexport default function GroupHeader({ groupHeader, columns }) {\n  const buttonRef = useRef();\n\n  // TODO: This we are adding temporary to show freeze border until we make group header rendering change\n  // when we will pick up aggregation.\n  if (!groupHeader.isVisible) return null;\n\n  const view = columns[0].parent;\n  // If grouping by a regular column (i.e. without a dateFunction), determine props for the renderer\n  const { columnId, dateFunction, customFunction } =\n    getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};\n  // if state.groups is not yet prepared/updated, then getGroupFromKey will return undefined\n  if (!columnId) {\n    return null;\n  }\n\n  const column = columns.find(c => c.field.id === columnId);\n  const formatter = view.getFormatterByKey('Integer');\n  const { locale } = view.meta;\n  const groupCountFormatted = formatter\n    ? formatter(groupHeader.count, { locale })\n    : groupHeader.count;\n  const isAggregationApplied = columns.filter(c => !c.hidden).some(c => c.aggregated);\n\n  return (\n    <StyledGroupHeader\n      groupHeader={groupHeader}\n      className={cx('row group-header-row sticky-group-header')}\n      data-test-id='groupHeader'\n      data-testid={TestIdConstants.groupHeader}\n      isAggregationApplied={isAggregationApplied}\n      role='row'\n      onFocus={e => {\n        if (buttonRef.current && !e.currentTarget.contains(e.relatedTarget)) {\n          e.preventDefault();\n          buttonRef.current.focus();\n        }\n      }}\n    >\n      <div className='stickyGroupHeader'>\n        <BareButton\n          ref={buttonRef}\n          aria-label={`${\n            column.field.hideGroupColumnNameLabel ? '' : groupHeader.label\n          } ${groupHeader.name}, ${groupCountFormatted} items`}\n          aria-expanded={!!groupHeader.isExpanded}\n          style={{\n            paddingRight: 'var(--group-left)'\n          }}\n          onClick={() => groupHeader.count > 0 && view.type.toggleGroupExpansion({ groupHeader })}\n          tabIndex={-1}\n          icon\n        >\n          {groupHeader.count > 0 &&\n            (groupHeader.isExpanded ? <Icon name='caret-down' /> : <Icon name='caret-right' />)}\n          <div className='group-wrapper'>\n            <div className='group-label' />\n            {!column.field.hideGroupColumnNameLabel && (\n              <span\n                className='group-header-groupby'\n                data-test-id={groupHeader.groupBy}\n                data-testid={`${TestIdConstants.groupHeaderGroupBy}-${groupHeader.groupBy}`}\n              >\n                {groupHeader.label}:\n              </span>\n            )}\n            <div className='group-label' />\n            <span\n              className='group-context-count'\n              style={{ display: 'inline-flex' }}\n              data-test-id='groupHeader'\n              data-testid={TestIdConstants.groupHeaderCount}\n            >\n              <GroupName\n                view={view}\n                column={column}\n                groupHeader={groupHeader}\n                dateFunction={dateFunction}\n                customFunction={customFunction}\n              />\n              {/* adding whitespace pre to preserve the space at the begining of count text */}\n              <span className='group-count'>{` (${groupCountFormatted})`}</span>\n            </span>\n          </div>\n        </BareButton>\n      </div>\n      <div className='group-header-aggregation-row'>\n        {columns.map(c => {\n          const cxt = {\n            getValue: () =>\n              groupHeader?.aggregation?.[c.field.name]?.[c.aggregationType?.toLowerCase()]\n          };\n          return (\n            <AggregatorCell\n              key={c.field.id}\n              column={c}\n              context={cxt}\n              className={cx('cell', {\n                'cell-fixed': column.frozen\n              })}\n            />\n          );\n        })}\n      </div>\n    </StyledGroupHeader>\n  );\n}\n\nGroupHeader.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any).isRequired,\n  groupHeader: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}
+{"version":3,"file":"GroupRenderer.js","sourceRoot":"","sources":["../../../Core/Components/GroupRenderer.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Flex, Icon, Tooltip, useElement, Text, MetaList } from '@pega/cosmos-react-core';\nimport BareButton from '@pega/cosmos-react-core/lib/components/Button/BareButton';\nimport { getGroupFromKey } from 'pega-ui-list-data-apis';\nimport { dateFunctionLabels, FieldType } from 'pega-repeating-structures-core';\nimport { StyledMetaListItem } from '@pega/cosmos-react-core/lib/components/MetaList/MetaList';\n\nimport { createClassName as cx } from '../Utils';\nimport useTranslate from '../Hooks/useTranslate';\nimport { customFunctions, intervalGroupingBoundaries } from '../constants';\n\nimport AggregatorCell from './AggregatorCell';\nimport RenderingEngine from './RenderingEngine/RenderCell';\nimport DateValueDisplay from './DateValueDisplay';\nimport TestIdConstants from './TestIdConstants';\nimport { getFormattedAggregationValue } from './AggregateMenu';\n\nconst groupheaderleftdisplacement = headerLevel => `${(headerLevel.level + 1) * 0.5}rem`;\n/**\n * TODO: remove currentColor style after cosmos fixes the issue\n * Cosmos yet to handle dark theme on BareButton\n */\n\nconst StyledGroupHeader = styled.div`\n  --group-left: ${props => groupheaderleftdisplacement(props.groupHeader)};\n  --group-bg-color: ${props => props.theme.base.palette['secondary-background']};\n  background-color: var(--group-bg-color);\n  &:has(button[aria-expanded='true']) {\n    filter: ${props => props.theme.base.shadow['low-filter']};\n  }\n\n  &.row.sticky-group-header {\n    position: sticky;\n    display: block;\n    top: calc(\n      ${props =>\n        props.groupHeader.isLeafNode && props.groupHeader.level !== 0\n          ? 'calc(var(--row-height) + var(--group-header-height))'\n          : 'var(--row-height)'}\n    );\n\n    /* z-index starting from 8 because freeze-line has z-index 7 */\n    z-index: ${props => `${8 + props.groupHeader.index}`};\n    > .cell-action,\n    .cell-fixed {\n      background-color: var(--group-bg-color);\n    }\n  }\n\n  .group-label {\n    width: 0.437rem;\n    display: inline-block;\n    flex-shrink: 0;\n  }\n\n  .group-header-groupby {\n    font-weight: ${props => props.theme.base['font-weight'].normal};\n  }\n\n  .group-context-count .group-count {\n    font-weight: ${props => props.theme.base['font-weight'].bold};\n    white-space: pre;\n  }\n\n  &.row.group-header-row {\n    height: auto;\n    border-bottom: ${props => (!props.isAggregationApplied ? 'var(--border-style)' : 'none')};\n\n    .group-header-aggregation-row {\n      display: flex;\n\n      /* Using height 0 so that the aggregations aren't visible when not applied but the cells can take the width and stretch the group header to the full width */\n      height: ${props => (props.isAggregationApplied ? 'var(--group-header-height)' : 0)};\n\n      &::before {\n        content: '';\n        position: sticky;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n        width: 0.25rem;\n        height: 100%;\n        background-color: ${props => props.groupHeader.colorIndicator};\n        z-index: 12;\n      }\n    }\n  }\n\n  &.group-header-row .stickyGroupHeader {\n    position: sticky;\n    left: 0;\n    width: 0;\n    z-index: 10;\n    height: var(--group-header-height);\n\n    > button {\n      color: currentColor;\n      position: absolute;\n      left: 0;\n      top: 0;\n      bottom: 0;\n      width: max-content;\n      max-width: var(--container-width);\n      display: flex;\n      align-items: center;\n      background-color: var(--group-bg-color);\n      padding-left: var(--group-left);\n      margin-inline-start: 0.25rem;\n      z-index: 30;\n      cursor: pointer;\n      white-space: nowrap;\n      text-align: inherit;\n      font-stretch: inherit;\n\n      > .group-wrapper {\n        margin-inline-start: ${({ groupHeader, theme }) =>\n          groupHeader.count === 0 ? `calc(${theme.base.spacing} * 2.25)` : 'unset'};\n        align-items: baseline;\n      }\n\n      .cell-content {\n        max-height: var(--group-header-height);\n        padding: 0;\n      }\n    }\n    button:focus {\n      box-shadow: ${({ theme }) => theme.base.shadow['focus-inset']};\n    }\n\n    &::before {\n      content: '';\n      position: absolute;\n      inset-block-start: 0;\n      inset-inline-start: 0;\n      width: 0.25rem;\n      height: 100%;\n      background-color: ${props => props.groupHeader.colorIndicator};\n      z-index: 12;\n    }\n  }\n  .group-header.cell {\n    left: 0;\n    padding-left: var(--group-left);\n  }\n\n  div.group-header.cell-fixed {\n    background-color: var(--group-bg-color);\n  }\n`;\n\nconst StyledText = styled(Text)`\n  display: inline-flex;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  overflow: hidden;\n`;\n\nconst StyledMetaList = styled(MetaList)`\n  margin-inline-start: 0;\n`;\nconst GroupAdditionalInfoSeparator = styled(StyledMetaListItem)`\n  margin-inline-start: 0.3rem;\n`;\n\n/**\n * For\n * @param {*} additionalFieldData\n * @param {*} additionalField\n * @param {*} param2\n * @returns\n */\n/**\n * Formats additional field data based on its type and properties.\n *\n * @typedef {NonNullable<\n *   Awaited<\n *     ReturnType<\n *       NonNullable<\n *         import('pega-repeating-structures-core').RsCoreTypes.ApiContext['fetchGroupedInfo']\n *       >\n *     >\n *   >[number]['additionalFieldsData']\n * >[number]} AdditionalFieldData\n *\n * @typedef {import('pega-repeating-structures-core').RsCoreTypes.Column} Column\n * @typedef {import('pega-repeating-structures-core').RsCoreTypes.Meta} Meta\n * @typedef {import('pega-repeating-structures-core').RsCoreTypes.GroupGenerator} GroupGenerator\n *\n * @param {AdditionalFieldData} additionalFieldData - The data for the additional field.\n * @param {import('pega-repeating-structures-core').RsCoreTypes.GroupAdditionalField} additionalField - The configuration for the additional field.\n * @param {{column: Column, meta: Meta, groupHeader: GroupGenerator}} config - Additional config for formatting.\n * @param {Column} config.column - The column configuration.\n * @param {Meta} config.meta - RS Meta.\n * @param {GroupGenerator} config.groupHeader - The group header data.\n *\n * @returns {{label: string, renderer: ReactNode | string}} An object containing the formatted label and renderer.\n * @returns {string} returns.label - The formatted label for the additional field.\n * @returns {ReactNode | string} returns.renderer - The React component or value to render.\n */\nconst getFormattedAdditionalFieldData = (\n  additionalFieldData,\n  additionalField,\n  { column, meta, groupHeader, translate }\n) => {\n  const { value, count = 0 } = additionalFieldData || {};\n  const { aggregation, dateFunction } = additionalField || {};\n  const { locale, timezone } = meta;\n  const {\n    label,\n    field: { type }\n  } = column;\n\n  // Additional field as aggregation\n  if (aggregation && type === FieldType.NUMBER) {\n    return {\n      label: `${label}(${translate(aggregation)})`,\n      renderer: getFormattedAggregationValue(value, aggregation, column)\n    };\n  }\n\n  // Additional field as Date part\n  if (dateFunction && [FieldType.DATE, FieldType.DATE_TIME, FieldType.DATE_ONLY].includes(type)) {\n    return {\n      label: `${label}(${translate(dateFunctionLabels[dateFunction])})`,\n      renderer: (\n        <DateValueDisplay\n          value={value}\n          dateFunction={dateFunction}\n          locale={locale}\n          timezone={timezone}\n        />\n      )\n    };\n  }\n\n  // Additional field as normal field but with multiple values.\n  if (count > 1) {\n    const { getFormatterByKey } = column.parent;\n    const integerFormatter = getFormatterByKey('Integer');\n    return {\n      label: `${label}(${translate('Count')})`,\n      renderer: integerFormatter ? integerFormatter(count, { locale }) : count\n    };\n  }\n\n  // Additional field as normal field.\n  column.setExecutionContext(null);\n  return {\n    label,\n    renderer: (\n      <RenderingEngine\n        {...{\n          ...column.getRenderingEngineProps(),\n          context: {\n            ...column.getContext(),\n            name: 'GroupAdditionalField',\n            getValue: () => value,\n            getExecutionContext: () => {\n              return { getValue: () => groupHeader.data, name: 'groupHeader' };\n            }\n          }\n        }}\n      />\n    )\n  };\n};\n\nconst GroupAdditionalInfo = ({ additionalFieldData, columns, groupHeader, additionalField }) => {\n  const [infoRef, setInfoRef] = useElement(null);\n  const [translate] = useTranslate();\n  const { id } = additionalFieldData;\n  const column = columns.find(c => c.field.id === id);\n\n  if (!column) return null;\n\n  const { meta } = column.parent;\n\n  const { label, renderer } = getFormattedAdditionalFieldData(\n    additionalFieldData,\n    additionalField,\n    { column, meta, groupHeader, translate }\n  );\n\n  return (\n    <>\n      <Flex container={{ gap: 0.5 }} ref={setInfoRef}>\n        <StyledText variant='secondary' data-testid='additional-field-label'>\n          {label}:\n        </StyledText>\n        <StyledText variant='secondary' data-testid='additional-field-renderer'>\n          {renderer}\n        </StyledText>\n      </Flex>\n      <Tooltip smart target={infoRef} showDelay='short' hideDelay='none'>\n        <Text>{`${label}: `}</Text>\n        <Text>{renderer}</Text>\n      </Tooltip>\n    </>\n  );\n};\n\n/**\n *  Returns label for interval grouping based on interval and boundaries\n  Response data depends on boundary settings.\n Ex: For sample data of profit\n    profit  --> cases(count)\n   {'0': 10, 1': 100,  '2':30, '10': 35, '15':45, '20':2}\n  For Interval 10\n  If the boundary is 'include-lower-only',\n    and  value is 10 then label -> 10 to 20\n\n  If boundary is 'include-upper-only',\n    and value is 10 then label ->  0 to 10\n  * */\nfunction buildIntervalGroupingLabel(value, customFunction, translate) {\n  const { interval, boundaries } = customFunction;\n  // To restrict the decimals in labels\n  const intervalDecimalLength = (interval.toString().split('.')[1] || '').length;\n  value = Number(value);\n  // In case of 'include-lower-only'\n  let lowerValue = value.toFixed(intervalDecimalLength);\n  let upperValue = (value + interval).toFixed(intervalDecimalLength);\n  // In case of boundary 'include-upper-only'\n  if (boundaries === intervalGroupingBoundaries.includeUpperOnly) {\n    lowerValue = (value - interval).toFixed(intervalDecimalLength);\n    upperValue = value.toFixed(intervalDecimalLength);\n  }\n  return `${lowerValue} ${translate('to')} ${upperValue}`;\n}\n\nfunction GroupName({ view, column, groupHeader, dateFunction, customFunction }) {\n  const [translate] = useTranslate();\n  const { locale, timezone } = view.meta;\n  const isRangeGrouping = customFunction?.type === customFunctions.RANGE_GROUPING;\n  const isIntervalGrouping = customFunction?.type === customFunctions.INTERVAL_GROUPING;\n\n  if (dateFunction) {\n    return (\n      <DateValueDisplay\n        value={groupHeader.name}\n        dateFunction={dateFunction}\n        locale={locale}\n        timezone={timezone}\n      />\n    );\n  }\n\n  if (isRangeGrouping) {\n    /** If custom range grouping applied on number field , we need to show group name as text instead of number */\n    return groupHeader.name;\n  }\n\n  if (isIntervalGrouping) {\n    /** If custom range grouping applied on number , we need to show group name based on value and custom function details like interval and boundaries */\n    return buildIntervalGroupingLabel(groupHeader.name, customFunction, translate);\n  }\n\n  column.setExecutionContext(null); // If null is not set then it will execute on the previous row context and facing issues when cell is edited. Based on column.editMode and current context renderer varies (it can be cellEditRenderer)\n\n  const columnRendererProps = {\n    ...column.getRenderingEngineProps(),\n    context: {\n      getValue: () => groupHeader.name,\n      getExecutionContext: () => {\n        return { getValue: () => groupHeader.data, name: 'groupHeader' };\n      }\n    }\n  };\n\n  return <RenderingEngine {...columnRendererProps} />;\n}\n\n// NOTE: While making any changes in GroupRenderer.jsx, also make similar changes in HierarchicalGroupRenderer.jsx file if applicable\n\nexport default function GroupHeader({ groupHeader, columns }) {\n  const buttonRef = useRef();\n\n  // TODO: This we are adding temporary to show freeze border until we make group header rendering change\n  // when we will pick up aggregation.\n  if (!groupHeader.isVisible) return null;\n\n  const view = columns[0].parent;\n  // If grouping by a regular column (i.e. without a dateFunction), determine props for the renderer\n  const {\n    columnId,\n    dateFunction,\n    customFunction,\n    additionalFields = []\n  } = getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};\n  // if state.groups is not yet prepared/updated, then getGroupFromKey will return undefined\n  if (!columnId) {\n    return null;\n  }\n\n  const column = columns.find(c => c.field.id === columnId);\n  const formatter = view.getFormatterByKey('Integer');\n  const { locale } = view.meta;\n  const groupCountFormatted = formatter\n    ? formatter(groupHeader.count, { locale })\n    : groupHeader.count;\n  const isAggregationApplied = columns.filter(c => !c.hidden).some(c => c.aggregated);\n\n  // FIXME: Import rather than COPY, i would rather\n  return (\n    <StyledGroupHeader\n      groupHeader={groupHeader}\n      className={cx('row group-header-row sticky-group-header')}\n      data-test-id='groupHeader'\n      data-testid={TestIdConstants.groupHeader}\n      isAggregationApplied={isAggregationApplied}\n      role='row'\n      onFocus={e => {\n        if (buttonRef.current && !e.currentTarget.contains(e.relatedTarget)) {\n          e.preventDefault();\n          buttonRef.current.focus();\n        }\n      }}\n    >\n      <div className='stickyGroupHeader'>\n        <BareButton\n          ref={buttonRef}\n          aria-label={`${\n            column.field.hideGroupColumnNameLabel ? '' : groupHeader.label\n          } ${groupHeader.name}, ${groupCountFormatted} items`}\n          aria-expanded={!!groupHeader.isExpanded}\n          style={{\n            paddingRight: 'var(--group-left)'\n          }}\n          onClick={() => groupHeader.count > 0 && view.type.toggleGroupExpansion({ groupHeader })}\n          tabIndex={-1}\n          icon\n        >\n          {groupHeader.count > 0 &&\n            (groupHeader.isExpanded ? <Icon name='caret-down' /> : <Icon name='caret-right' />)}\n          <div className='group-wrapper'>\n            <div className='group-label' />\n            {!column.field.hideGroupColumnNameLabel && (\n              <span\n                className='group-header-groupby'\n                data-test-id={groupHeader.groupBy}\n                data-testid={`${TestIdConstants.groupHeaderGroupBy}-${groupHeader.groupBy}`}\n              >\n                {groupHeader.label}:\n              </span>\n            )}\n            <div className='group-label' />\n            <span\n              className='group-context-count'\n              style={{ display: 'inline-flex' }}\n              data-test-id='groupHeader'\n              data-testid={TestIdConstants.groupHeaderCount}\n            >\n              <GroupName\n                view={view}\n                column={column}\n                groupHeader={groupHeader}\n                dateFunction={dateFunction}\n                customFunction={customFunction}\n              />\n              {/* adding whitespace pre to preserve the space at the begining of count text */}\n              <span className='group-count'>{` (${groupCountFormatted})`}</span>\n            </span>\n            {!!(groupHeader.additionalFieldsData?.length && additionalFields.length) && (\n              <>\n                <Text aria-hidden variant='secondary' as={GroupAdditionalInfoSeparator}>\n                  •\n                </Text>\n                <StyledMetaList\n                  wrapItems={false}\n                  items={[\n                    ...groupHeader.additionalFieldsData.map(additionalFieldsData => (\n                      <GroupAdditionalInfo\n                        additionalFieldData={additionalFieldsData}\n                        additionalField={additionalFields.find(\n                          additionalField => additionalField.id === additionalFieldsData.id\n                        )}\n                        columns={columns}\n                        groupHeader={groupHeader}\n                      />\n                    ))\n                  ]}\n                />\n              </>\n            )}\n          </div>\n        </BareButton>\n      </div>\n      <div className='group-header-aggregation-row'>\n        {columns.map(c => {\n          const cxt = {\n            getValue: () =>\n              groupHeader?.aggregation?.[c.field.name]?.[c.aggregationType?.toLowerCase()]\n          };\n          return (\n            <AggregatorCell\n              key={c.field.id}\n              column={c}\n              context={cxt}\n              className={cx('cell', {\n                'cell-fixed': column.frozen\n              })}\n            />\n          );\n        })}\n      </div>\n    </StyledGroupHeader>\n  );\n}\n\nGroupHeader.propTypes = {\n  columns: PropTypes.arrayOf(PropTypes.any).isRequired,\n  groupHeader: PropTypes.objectOf(PropTypes.any).isRequired\n};\n"]}

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

@@ -161,6 +161,7 @@ declare const defaultTranslations: {
     'Freeze applied': string;
     'Freeze modified': string;
     'Freeze removed': string;
+    Count: string;
 };
 export default defaultTranslations;
 //# sourceMappingURL=defaultTranslations.d.ts.map

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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyKxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"defaultTranslations.d.ts","sourceRoot":"","sources":["../../../Core/Localization/defaultTranslations.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0KxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/Core/Localization/defaultTranslations.js

@@ -161,7 +161,8 @@ const defaultTranslations = {
     'Show/Hide modified': 'Show/Hide modified',
     'Freeze applied': 'Freeze applied',
     'Freeze modified': 'Freeze modified',
-    'Freeze removed': 'Freeze removed'
+    'Freeze removed': 'Freeze removed',
+    Count: 'Count'
 };
 export default defaultTranslations;
 //# sourceMappingURL=defaultTranslations.js.map

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  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  '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};\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  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  '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  Count: 'Count'\n};\n\nexport default defaultTranslations;\n"]}

package/package.json

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