@pega/lists-react 9.0.0-build.9.9 → 9.0.1

package/lib/Core/Components/GroupRenderer.js

@@ -1,348 +0,0 @@
-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 { 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';
-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
- * Cosmos yet to handle dark theme on BareButton
- */
-const StyledGroupHeader = styled.div `
-  --group-left: ${props => groupheaderleftdisplacement(props.groupHeader)};
-  --group-bg-color: ${props => props.theme.base.palette['secondary-background']};
-  background-color: var(--group-bg-color);
-  &:has(button[aria-expanded='true']) {
-    filter: ${props => props.theme.base.shadow['low-filter']};
-  }
-
-  &.row.sticky-group-header {
-    position: sticky;
-    display: block;
-    top: calc(
-      ${props => props.groupHeader.isLeafNode && props.groupHeader.level !== 0
-    ? 'calc(var(--row-height) + var(--group-header-height))'
-    : 'var(--row-height)'}
-    );
-
-    /* z-index starting from 8 because freeze-line has z-index 7 */
-    z-index: ${props => `${8 + props.groupHeader.index}`};
-    > .cell-action,
-    .cell-fixed {
-      background-color: var(--group-bg-color);
-    }
-  }
-
-  .group-label {
-    width: 0.437rem;
-    display: inline-block;
-    flex-shrink: 0;
-  }
-
-  .group-header-groupby {
-    font-weight: ${props => props.theme.base['font-weight'].normal};
-  }
-
-  .group-context-count .group-count {
-    font-weight: ${props => props.theme.base['font-weight'].bold};
-    white-space: pre;
-  }
-
-  &.row.group-header-row {
-    height: auto;
-    border-bottom: ${props => (!props.isAggregationApplied ? 'var(--border-style)' : 'none')};
-
-    .group-header-aggregation-row {
-      display: flex;
-
-      /* 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 */
-      height: ${props => (props.isAggregationApplied ? 'var(--group-header-height)' : 0)};
-
-      &::before {
-        content: '';
-        position: sticky;
-        inset-block-start: 0;
-        inset-inline-start: 0;
-        width: 0.25rem;
-        height: 100%;
-        background-color: ${props => props.groupHeader.colorIndicator};
-        z-index: 12;
-      }
-    }
-  }
-
-  &.group-header-row .stickyGroupHeader {
-    position: sticky;
-    left: 0;
-    width: 0;
-    z-index: 10;
-    height: var(--group-header-height);
-
-    > button {
-      color: currentColor;
-      position: absolute;
-      left: 0;
-      top: 0;
-      bottom: 0;
-      width: max-content;
-      max-width: var(--container-width);
-      display: flex;
-      align-items: center;
-      background-color: var(--group-bg-color);
-      padding-left: var(--group-left);
-      margin-inline-start: 0.25rem;
-      z-index: 30;
-      cursor: pointer;
-      white-space: nowrap;
-      text-align: inherit;
-      font-stretch: inherit;
-
-      > .group-wrapper {
-        margin-inline-start: ${({ groupHeader, theme }) => groupHeader.count === 0 ? `calc(${theme.base.spacing} * 2.25)` : 'unset'};
-        align-items: baseline;
-      }
-
-      .cell-content {
-        max-height: var(--group-header-height);
-        padding: 0;
-      }
-    }
-    button:focus {
-      box-shadow: ${({ theme }) => theme.base.shadow['focus-inset']};
-    }
-
-    &::before {
-      content: '';
-      position: absolute;
-      inset-block-start: 0;
-      inset-inline-start: 0;
-      width: 0.25rem;
-      height: 100%;
-      background-color: ${props => props.groupHeader.colorIndicator};
-      z-index: 12;
-    }
-  }
-  .group-header.cell {
-    left: 0;
-    padding-left: var(--group-left);
-  }
-
-  div.group-header.cell-fixed {
-    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.
- Ex: For sample data of profit
-    profit  --> cases(count)
-   {'0': 10, 1': 100,  '2':30, '10': 35, '15':45, '20':2}
-  For Interval 10
-  If the boundary is 'include-lower-only',
-    and  value is 10 then label -> 10 to 20
-
-  If boundary is 'include-upper-only',
-    and value is 10 then label ->  0 to 10
-  * */
-function buildIntervalGroupingLabel(value, customFunction, translate) {
-    const { interval, boundaries } = customFunction;
-    // To restrict the decimals in labels
-    const intervalDecimalLength = (interval.toString().split('.')[1] || '').length;
-    value = Number(value);
-    // In case of 'include-lower-only'
-    let lowerValue = value.toFixed(intervalDecimalLength);
-    let upperValue = (value + interval).toFixed(intervalDecimalLength);
-    // In case of boundary 'include-upper-only'
-    if (boundaries === intervalGroupingBoundaries.includeUpperOnly) {
-        lowerValue = (value - interval).toFixed(intervalDecimalLength);
-        upperValue = value.toFixed(intervalDecimalLength);
-    }
-    return `${lowerValue} ${translate('to')} ${upperValue}`;
-}
-function GroupName({ view, column, groupHeader, dateFunction, customFunction }) {
-    const [translate] = useTranslate();
-    const { locale, timezone } = view.meta;
-    const isRangeGrouping = customFunction?.type === customFunctions.RANGE_GROUPING;
-    const isIntervalGrouping = customFunction?.type === customFunctions.INTERVAL_GROUPING;
-    if (dateFunction) {
-        return (_jsx(DateValueDisplay, { value: groupHeader.name, dateFunction: dateFunction, locale: locale, timezone: timezone }));
-    }
-    if (isRangeGrouping) {
-        /** If custom range grouping applied on number field , we need to show group name as text instead of number */
-        return groupHeader.name;
-    }
-    if (isIntervalGrouping) {
-        /** If custom range grouping applied on number , we need to show group name based on value and custom function details like interval and boundaries */
-        return buildIntervalGroupingLabel(groupHeader.name, customFunction, translate);
-    }
-    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)
-    const columnRendererProps = {
-        ...column.getRenderingEngineProps(),
-        context: {
-            getValue: () => groupHeader.name,
-            getExecutionContext: () => {
-                return { getValue: () => groupHeader.data, name: 'groupHeader' };
-            }
-        }
-    };
-    return _jsx(RenderingEngine, { ...columnRendererProps });
-}
-// NOTE: While making any changes in GroupRenderer.jsx, also make similar changes in HierarchicalGroupRenderer.jsx file if applicable
-export default function GroupHeader({ groupHeader, columns }) {
-    const buttonRef = useRef();
-    // TODO: This we are adding temporary to show freeze border until we make group header rendering change
-    // when we will pick up aggregation.
-    if (!groupHeader.isVisible)
-        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, additionalFields = [] } = getGroupFromKey(groupHeader.groupBy, view.state.groups) ?? {};
-    // if state.groups is not yet prepared/updated, then getGroupFromKey will return undefined
-    if (!columnId) {
-        return null;
-    }
-    const column = columns.find(c => c.field.id === columnId);
-    const formatter = view.getFormatterByKey('Integer');
-    const { locale } = view.meta;
-    const groupCountFormatted = formatter
-        ? 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();
-                buttonRef.current.focus();
-            }
-        }, 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})` })] }), !!(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()]
-                    };
-                    return (_jsx(AggregatorCell, { column: c, context: cxt, className: cx('cell', {
-                            'cell-fixed': column.frozen
-                        }) }, c.field.id));
-                }) })] }));
-}
-GroupHeader.propTypes = {
-    columns: PropTypes.arrayOf(PropTypes.any).isRequired,
-    groupHeader: PropTypes.objectOf(PropTypes.any).isRequired
-};
-//# sourceMappingURL=GroupRenderer.js.map

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

@@ -1 +0,0 @@
-{"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/Components/RSWrapper/__mocks__/uuid.d.ts

@@ -1,2 +0,0 @@
-export function v4(): string;
-//# sourceMappingURL=uuid.d.ts.map

package/lib/Core/Components/RSWrapper/__mocks__/uuid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"uuid.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/RSWrapper/__mocks__/uuid.js"],"names":[],"mappings":"AACA,6BAA8B"}

package/lib/Core/Components/RSWrapper/__mocks__/uuid.js

@@ -1,4 +0,0 @@
-/* eslint-disable import/prefer-default-export */
-const v4 = () => 'someDummyID';
-export { v4 };
-//# sourceMappingURL=uuid.js.map

package/lib/Core/Components/RSWrapper/__mocks__/uuid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"uuid.js","sourceRoot":"","sources":["../../../../../Core/Components/RSWrapper/__mocks__/uuid.js"],"names":[],"mappings":"AAAA,iDAAiD;AACjD,MAAM,EAAE,GAAG,GAAG,EAAE,CAAC,aAAa,CAAC;AAC/B,OAAO,EAAE,EAAE,EAAE,CAAC","sourcesContent":["/* eslint-disable import/prefer-default-export */\nconst v4 = () => 'someDummyID';\nexport { v4 };\n"]}

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"]}

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts

@@ -1,7 +0,0 @@
-import type { OmitStrict, ListToolbarProps } from '@pega/cosmos-react-core';
-import type { RsCoreTypes } from 'pega-repeating-structures-core';
-declare const TimelineToolbar: ({ view, ...restProps }: {
-    view: RsCoreTypes.View;
-} & OmitStrict<ListToolbarProps, "sort" | "group">) => import("react/jsx-runtime").JSX.Element;
-export default TimelineToolbar;
-//# sourceMappingURL=TimelineToolbar.d.ts.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineToolbar.d.ts","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAMlE,QAAA,MAAM,eAAe,GAAI,wBAGtB;IACD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,GAAG,UAAU,CAAC,gBAAgB,EAAE,MAAM,GAAG,OAAO,CAAC,4CAiHjD,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js

@@ -1,109 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { ListToolbar, useI18n } from '@pega/cosmos-react-core';
-import { TOOLBAR_FEATURES } from '../../../constants';
-import { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';
-const TimelineToolbar = ({ view, ...restProps }) => {
-    const t = useI18n();
-    const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);
-    const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);
-    const sort = useMemo(() => {
-        const selected = view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending';
-        return {
-            mode: 'single-select',
-            items: [
-                {
-                    id: 'descending',
-                    text: t('timeline_toolbar_sort_descending'),
-                    icon: 'arrow-down',
-                    selected: selected === 'descending'
-                },
-                {
-                    id: 'ascending',
-                    text: t('timeline_toolbar_sort_ascending'),
-                    icon: 'arrow-up',
-                    selected: selected === 'ascending'
-                }
-            ],
-            onItemClick: id => {
-                if (view.state?.sortingOrder?.[0]) {
-                    view.type.applySorting([
-                        {
-                            ...view.state.sortingOrder[0],
-                            order: id === 'ascending' ? 'asc' : 'desc'
-                        }
-                    ]);
-                }
-            }
-        };
-    }, [view.state.sortingOrder, view.type.applySorting]);
-    const group = useMemo(() => {
-        const selected = mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction);
-        return {
-            mode: 'single-select',
-            items: [
-                {
-                    id: 'date',
-                    text: t('timeline_toolbar_group_date'),
-                    selected: selected === 'date'
-                },
-                {
-                    id: 'monthyear',
-                    text: t('timeline_toolbar_group_monthyear'),
-                    selected: selected === 'monthyear'
-                },
-                {
-                    id: 'quarteryear',
-                    text: t('timeline_toolbar_group_quarteryear'),
-                    selected: selected === 'quarteryear'
-                },
-                {
-                    id: 'year',
-                    text: t('timeline_toolbar_group_year'),
-                    selected: selected === 'year'
-                },
-                {
-                    id: 'none',
-                    text: t('timeline_toolbar_group_none'),
-                    selected: selected === 'none'
-                }
-            ],
-            onItemClick: id => {
-                let dateFunction;
-                switch (id) {
-                    case 'year':
-                        dateFunction = 'YEARS';
-                        break;
-                    case 'quarteryear':
-                        dateFunction = 'QUARTERS';
-                        break;
-                    case 'monthyear':
-                        dateFunction = 'MONTHS';
-                        break;
-                    case 'date':
-                        dateFunction = 'DAYS';
-                        break;
-                    default:
-                }
-                view.type.applyGrouping(dateFunction && view.meta.timelineFields?.date?.label
-                    ? [
-                        {
-                            columnId: view.meta.timelineFields.date.label,
-                            dateFunction,
-                            level: 0,
-                            order: view.state.sortingOrder?.[0]?.order ?? 'desc'
-                        }
-                    ]
-                    : []);
-            }
-        };
-    }, [
-        view.state.groups,
-        view.type.applyGrouping,
-        view.meta.timelineFields?.date,
-        view.state.sortingOrder
-    ]);
-    return (_jsx(ListToolbar, { ...restProps, sort: displaySort ? sort : undefined, group: view.meta.grouping && displayGrouping ? group : undefined }));
-};
-export default TimelineToolbar;
-//# sourceMappingURL=TimelineToolbar.js.map

package/lib/Core/Components/Toolbar/Timeline/TimelineToolbar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimelineToolbar.js","sourceRoot":"","sources":["../../../../../Core/Components/Toolbar/Timeline/TimelineToolbar.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { Group } from 'packages/lists-rs-core/types/State.types';\nimport { useMemo } from 'react';\n\nimport type { OmitStrict, ListToolbarProps } from '@pega/cosmos-react-core';\nimport type { PresetMenuProps } from '@pega/cosmos-react-core/lib/components/ListToolbar/ListToolbar.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\nimport { ListToolbar, useI18n } from '@pega/cosmos-react-core';\n\nimport { TOOLBAR_FEATURES } from '../../../constants';\nimport { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';\n\nconst TimelineToolbar = ({\n  view,\n  ...restProps\n}: {\n  view: RsCoreTypes.View;\n} & OmitStrict<ListToolbarProps, 'sort' | 'group'>) => {\n  const t = useI18n();\n  const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n\n  const sort: PresetMenuProps = useMemo(() => {\n    const selected = view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending';\n    return {\n      mode: 'single-select',\n      items: [\n        {\n          id: 'descending',\n          text: t('timeline_toolbar_sort_descending'),\n          icon: 'arrow-down',\n          selected: selected === 'descending'\n        },\n        {\n          id: 'ascending',\n          text: t('timeline_toolbar_sort_ascending'),\n          icon: 'arrow-up',\n          selected: selected === 'ascending'\n        }\n      ],\n      onItemClick: id => {\n        if (view.state?.sortingOrder?.[0]) {\n          view.type.applySorting([\n            {\n              ...view.state.sortingOrder[0],\n              order: id === 'ascending' ? 'asc' : 'desc'\n            }\n          ]);\n        }\n      }\n    };\n  }, [view.state.sortingOrder, view.type.applySorting]);\n\n  const group: PresetMenuProps = useMemo(() => {\n    const selected = mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction);\n\n    return {\n      mode: 'single-select',\n      items: [\n        {\n          id: 'date',\n          text: t('timeline_toolbar_group_date'),\n          selected: selected === 'date'\n        },\n        {\n          id: 'monthyear',\n          text: t('timeline_toolbar_group_monthyear'),\n          selected: selected === 'monthyear'\n        },\n        {\n          id: 'quarteryear',\n          text: t('timeline_toolbar_group_quarteryear'),\n          selected: selected === 'quarteryear'\n        },\n        {\n          id: 'year',\n          text: t('timeline_toolbar_group_year'),\n          selected: selected === 'year'\n        },\n        {\n          id: 'none',\n          text: t('timeline_toolbar_group_none'),\n          selected: selected === 'none'\n        }\n      ],\n      onItemClick: id => {\n        let dateFunction: Group['dateFunction'];\n        switch (id) {\n          case 'year':\n            dateFunction = 'YEARS';\n            break;\n          case 'quarteryear':\n            dateFunction = 'QUARTERS';\n            break;\n          case 'monthyear':\n            dateFunction = 'MONTHS';\n            break;\n          case 'date':\n            dateFunction = 'DAYS';\n            break;\n          default:\n        }\n        view.type.applyGrouping(\n          dateFunction && view.meta.timelineFields?.date?.label\n            ? [\n                {\n                  columnId: view.meta.timelineFields.date.label,\n                  dateFunction,\n                  level: 0,\n                  order: view.state.sortingOrder?.[0]?.order ?? 'desc'\n                }\n              ]\n            : []\n        );\n      }\n    };\n  }, [\n    view.state.groups,\n    view.type.applyGrouping,\n    view.meta.timelineFields?.date,\n    view.state.sortingOrder\n  ]);\n\n  return (\n    <ListToolbar\n      {...restProps}\n      sort={displaySort ? sort : undefined}\n      group={view.meta.grouping && displayGrouping ? group : undefined}\n    />\n  );\n};\n\nexport default TimelineToolbar;\n"]}