@pega/lists-react 9.0.0-build.2.9 → 9.0.0-build.20.1

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

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,8 +0,0 @@
-import type { OmitStrict } from '@pega/cosmos-react-core';
-import type { TimelineToolbarProps } from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';
-import type { RsCoreTypes } from 'pega-repeating-structures-core';
-declare const TimelineToolbar: ({ view, ...restProps }: {
-    view: RsCoreTypes.View;
-} & OmitStrict<TimelineToolbarProps, "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,MAAM,yBAAyB,CAAC;AAE1D,OAAO,KAAK,EAGV,oBAAoB,EACrB,MAAM,gEAAgE,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAKlE,QAAA,MAAM,eAAe,GAAI,wBAGtB;IACD,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC;CACxB,GAAG,UAAU,CAAC,oBAAoB,EAAE,MAAM,GAAG,OAAO,CAAC,4CA4ErD,CAAC;AAEF,eAAe,eAAe,CAAC"}

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

@@ -1,61 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';
-import { TOOLBAR_FEATURES } from '../../../constants';
-import { mapDateFnToGroupOption } from '../../../Views/Timeline/utility';
-const TimelineToolbar = ({ view, ...restProps }) => {
-    const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);
-    const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);
-    const sort = useMemo(() => ({
-        selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',
-        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(() => ({
-        selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),
-        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(TimelineToolbarCosmos, { sort: displaySort ? sort : undefined, group: view.meta.grouping && displayGrouping ? group : undefined, ...restProps }));
-};
-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 } from '@pega/cosmos-react-core';\nimport { TimelineToolbar as TimelineToolbarCosmos } from '@pega/cosmos-react-work';\nimport type {\n  TimelineGroupBy,\n  TimelineSortOrder,\n  TimelineToolbarProps\n} from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-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<TimelineToolbarProps, 'sort' | 'group'>) => {\n  const displaySort = view.shouldDisplayFeature(TOOLBAR_FEATURES.SORT);\n  const displayGrouping = view.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING);\n\n  const sort = useMemo<{\n    selected: TimelineSortOrder;\n    onItemClick: (id: TimelineSortOrder) => void;\n  }>(\n    () => ({\n      selected: view.state.sortingOrder?.[0]?.order === 'asc' ? 'ascending' : 'descending',\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\n  const group = useMemo<{\n    selected: TimelineGroupBy | undefined;\n    onItemClick: (id: TimelineGroupBy) => void;\n  }>(\n    () => ({\n      selected: mapDateFnToGroupOption(view.state.groups?.[0]?.dateFunction),\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\n  return (\n    <TimelineToolbarCosmos\n      sort={displaySort ? sort : undefined}\n      group={view.meta.grouping && displayGrouping ? group : undefined}\n      {...restProps}\n    />\n  );\n};\n\nexport default TimelineToolbar;\n"]}

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

@@ -1,9 +0,0 @@
-/**
- * A custom React hook to manage a set of selected items.
- *
- * @param - The initial list of selected item IDs.
- *
- * @returns An array containing the set of selected items, a function to toggle selection, and a function to check if an item is selected.
- */
-export default function useSelect(initialSelected?: string[]): [Set<string>, (id: string) => void, (item: string) => boolean];
-//# sourceMappingURL=useSelect.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSelect.d.ts","sourceRoot":"","sources":["../../../Core/Hooks/useSelect.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,eAAe,GAAE,MAAM,EAAO,GAC7B,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC,CAkBhE"}

package/lib/Core/Hooks/useSelect.js

@@ -1,24 +0,0 @@
-import { useCallback, useState } from 'react';
-/**
- * A custom React hook to manage a set of selected items.
- *
- * @param - The initial list of selected item IDs.
- *
- * @returns An array containing the set of selected items, a function to toggle selection, and a function to check if an item is selected.
- */
-export default function useSelect(initialSelected = []) {
-    const [selected, setSelected] = useState(new Set([...initialSelected]));
-    const onSelect = useCallback((id) => {
-        const value = id;
-        if (selected.has(value)) {
-            selected.delete(value);
-        }
-        else {
-            selected.add(value);
-        }
-        setSelected(new Set(selected));
-    }, [selected, setSelected]);
-    const isSelected = useCallback((item) => selected.has(item), [selected]);
-    return [selected, onSelect, isSelected];
-}
-//# sourceMappingURL=useSelect.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSelect.js","sourceRoot":"","sources":["../../../Core/Hooks/useSelect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE9C;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,UAAU,SAAS,CAC/B,kBAA4B,EAAE;IAE9B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IAExE,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,EAAU,EAAE,EAAE;QACb,MAAM,KAAK,GAAG,EAAE,CAAC;QACjB,IAAI,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC;YACxB,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;QACD,WAAW,CAAC,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;IACjC,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,CAAC,CACxB,CAAC;IACF,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,IAAY,EAAE,EAAE,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjF,OAAO,CAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\n\n/**\n * A custom React hook to manage a set of selected items.\n *\n * @param - The initial list of selected item IDs.\n *\n * @returns An array containing the set of selected items, a function to toggle selection, and a function to check if an item is selected.\n */\nexport default function useSelect(\n  initialSelected: string[] = []\n): [Set<string>, (id: string) => void, (item: string) => boolean] {\n  const [selected, setSelected] = useState(new Set([...initialSelected]));\n\n  const onSelect = useCallback(\n    (id: string) => {\n      const value = id;\n      if (selected.has(value)) {\n        selected.delete(value);\n      } else {\n        selected.add(value);\n      }\n      setSelected(new Set(selected));\n    },\n    [selected, setSelected]\n  );\n  const isSelected = useCallback((item: string) => selected.has(item), [selected]);\n\n  return [selected, onSelect, isSelected];\n}\n"]}

package/lib/Core/Views/Gallery/ItemWrapper.d.ts

@@ -1,19 +0,0 @@
-export default ItemWrapper;
-declare function ItemWrapper({ children, itemKey }: {
-    children: any;
-    itemKey: any;
-}): import("react/jsx-runtime").JSX.Element;
-declare namespace ItemWrapper {
-    namespace propTypes {
-        let children: PropTypes.Requireable<object>;
-        let itemKey: PropTypes.Requireable<NonNullable<string | number | null | undefined>>;
-    }
-    namespace defaultProps {
-        let children_1: never[];
-        export { children_1 as children };
-        let itemKey_1: string;
-        export { itemKey_1 as itemKey };
-    }
-}
-import PropTypes from 'prop-types';
-//# sourceMappingURL=ItemWrapper.d.ts.map

package/lib/Core/Views/Gallery/ItemWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrapper.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/ItemWrapper.jsx"],"names":[],"mappings":";AAsBA;;;4CAOC;;;;;;;;;;;;;sBA7BqB,YAAY"}

package/lib/Core/Views/Gallery/ItemWrapper.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import PropTypes from 'prop-types';
-import styled, { css } from 'styled-components';
-import { useTheme, defaultThemeProp } from '@pega/cosmos-react-core';
-import { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';
-const StyledItemWrapper = styled.div(({ theme }) => {
-    return css `
-    &.tile {
-      flex: 1;
-      position: relative;
-      border: 0.063rem solid ${props => props.theme.base.palette['border-line']};
-      background: ${props => props.theme.base.palette['primary-background']};
-      box-shadow: 0 0 0.313rem 0 rgba(238, 238, 238, 1);
-      && ${StyledCardContent} {
-        padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);
-      }
-    }
-  `;
-});
-StyledItemWrapper.defaultProps = defaultThemeProp;
-function ItemWrapper({ children, itemKey }) {
-    const theme = useTheme();
-    return (_jsx(StyledItemWrapper, { theme: theme, "data-key": itemKey, className: 'tile', children: children }));
-}
-ItemWrapper.propTypes = {
-    children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),
-    itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
-};
-ItemWrapper.defaultProps = {
-    children: [],
-    itemKey: ''
-};
-export default ItemWrapper;
-//# sourceMappingURL=ItemWrapper.js.map

package/lib/Core/Views/Gallery/ItemWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ItemWrapper.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/ItemWrapper.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yDAAyD,CAAC;AAE5F,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IACjD,OAAO,GAAG,CAAA;;;;+BAImB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;oBAC3D,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC;;WAEhE,iBAAiB;8BACE,KAAK,CAAC,IAAI,CAAC,OAAO,UAAU,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO;;;GAGpF,CAAC;AACJ,CAAC,CAAC,CAAC;AACH,iBAAiB,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAElD,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE;IACxC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,OAAO,CACL,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,cAAY,OAAO,EAAE,SAAS,EAAC,MAAM,YACjE,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,SAAS,GAAG;IACtB,QAAQ,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IAClE,OAAO,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;CACnE,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG;IACzB,QAAQ,EAAE,EAAE;IACZ,OAAO,EAAE,EAAE;CACZ,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import PropTypes from 'prop-types';\nimport styled, { css } from 'styled-components';\n\nimport { useTheme, defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledCardContent } from '@pega/cosmos-react-core/lib/components/Card/CardContent';\n\nconst StyledItemWrapper = styled.div(({ theme }) => {\n  return css`\n    &.tile {\n      flex: 1;\n      position: relative;\n      border: 0.063rem solid ${props => props.theme.base.palette['border-line']};\n      background: ${props => props.theme.base.palette['primary-background']};\n      box-shadow: 0 0 0.313rem 0 rgba(238, 238, 238, 1);\n      && ${StyledCardContent} {\n        padding: calc(1.5 * ${theme.base.spacing}) calc(${theme.components.card.padding} * 2);\n      }\n    }\n  `;\n});\nStyledItemWrapper.defaultProps = defaultThemeProp;\n\nfunction ItemWrapper({ children, itemKey }) {\n  const theme = useTheme();\n  return (\n    <StyledItemWrapper theme={theme} data-key={itemKey} className='tile'>\n      {children}\n    </StyledItemWrapper>\n  );\n}\n\nItemWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.object, PropTypes.array]),\n  itemKey: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nItemWrapper.defaultProps = {\n  children: [],\n  itemKey: ''\n};\n\nexport default ItemWrapper;\n"]}

package/lib/Core/Views/Timeline/utility.d.ts

@@ -1,8 +0,0 @@
-import type { Group } from 'packages/lists-rs-core/types/State.types';
-import type { ActivityObject, TimelineGroupBy } from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';
-import type { RsCoreTypes } from 'pega-repeating-structures-core';
-declare const getActivity: (rows: RsCoreTypes.View["rows"], columns: RsCoreTypes.View["columns"], { timelineFields, timezone, defaultRowHeight }: RsCoreTypes.View["meta"]) => ActivityObject[] | undefined;
-export default getActivity;
-export declare const mapDateFnToGroupOption: (dateFunction: Group["dateFunction"]) => TimelineGroupBy;
-export declare function calculateBodyMaxHeight(maxHeight: string | number | undefined, domContainer: HTMLElement | undefined, pContainer: HTMLElement | null | undefined): string | undefined;
-//# sourceMappingURL=utility.d.ts.map

package/lib/Core/Views/Timeline/utility.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Timeline/utility.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,0CAA0C,CAAC;AAMtE,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EAChB,MAAM,gEAAgE,CAAC;AACxE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAqDlE,QAAA,MAAM,WAAW,GACf,MAAM,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,EAC9B,SAAS,WAAW,CAAC,IAAI,CAAC,SAAS,CAAC,EACpC,gDAAgD,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,KACvE,cAAc,EAAE,GAAG,SAqDrB,CAAC;AAEF,eAAe,WAAW,CAAC;AAE3B,eAAO,MAAM,sBAAsB,GAAI,cAAc,KAAK,CAAC,cAAc,CAAC,KAAG,eAa5E,CAAC;AAEF,wBAAgB,sBAAsB,CACpC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,EACtC,YAAY,EAAE,WAAW,GAAG,SAAS,EACrC,UAAU,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,sBAc3C"}

package/lib/Core/Views/Timeline/utility.js

@@ -1,120 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import dayjs from 'dayjs';
-import timezonePlugin from 'dayjs/plugin/timezone';
-import { FieldType, ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';
-import { NoValue } from '@pega/cosmos-react-core';
-import ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';
-dayjs.extend(timezonePlugin);
-const getStatusVariant = (data) => {
-    let variant;
-    const warnStrings = ['fail', 'cancel', 'reject', 'revoke', 'stopped', 'warn'];
-    const infoStrings = ['open', 'hold', 'info', 'new'];
-    const successStrings = ['resolved', 'completed', 'success'];
-    const pendingStrings = ['pending'];
-    if (new RegExp(warnStrings.join('|'), 'i').test(data)) {
-        variant = 'warn';
-    }
-    else if (new RegExp(infoStrings.join('|'), 'i').test(data)) {
-        variant = 'info';
-    }
-    else if (new RegExp(successStrings.join('|'), 'i').test(data)) {
-        variant = 'success';
-    }
-    else if (new RegExp(pendingStrings.join('|'), 'i').test(data)) {
-        variant = 'pending';
-    }
-    else {
-        variant = 'info';
-    }
-    return variant;
-};
-const getFieldsAsActivityContent = (columns, row) => {
-    return columns
-        ?.filter(column => column.field.name !== 'RowActionMenu' && !column.hidden)
-        ?.map(column => {
-        return {
-            id: column.field.id,
-            name: column.field.label,
-            value: _jsx(ValueRenderer, { column: column, row: row })
-        };
-    });
-};
-const convertDateToTimezone = (value, timezone) => {
-    return (dayjs(value)
-        .tz(timezone)
-        // cSpell:disable-next-line
-        .format('YYYY-MM-DDTHH:mm:ss'));
-};
-const getActivity = (rows, columns, { timelineFields, timezone, defaultRowHeight }) => {
-    const { title, date, status: statusProp, icon, content } = timelineFields ?? {};
-    const titleColumn = columns?.find(({ field }) => field.name === title?.name);
-    const dateColumn = columns?.find(({ field }) => field.name === date?.name);
-    const contentColumn = columns?.find(({ field }) => field.name === content?.name);
-    return rows
-        ?.map(row => {
-        const data = row.getContext().getValue();
-        const dateValue = date?.name ? data[date.name] : undefined;
-        const dateFieldType = dateColumn?.field?.type;
-        const isDateOnlyFieldType = dateFieldType === FieldType.DATE ||
-            dateFieldType === FieldType.DATE_ONLY ||
-            dateFieldType === FieldType.DATE_TIMELINE;
-        // Activity Object date can't be undefined
-        if (!dateValue) {
-            return undefined;
-        }
-        const statusData = statusProp?.name ? data[statusProp.name] : undefined;
-        let status;
-        if (statusData) {
-            status = {
-                variant: getStatusVariant(statusData),
-                children: statusData
-            };
-        }
-        const activity = {
-            id: row.key,
-            title: title?.name && data[title.name] && titleColumn ? (_jsx(ValueRenderer, { column: titleColumn, row: row })) : (_jsx(NoValue, {})),
-            date: timezone && dateColumn?.formatterAllowed && dateFieldType && !isDateOnlyFieldType // Date only value should be formatted without timezone
-                ? convertDateToTimezone(dateValue, timezone)
-                : dateValue,
-            dateVariant: isDateOnlyFieldType ? 'date' : 'datetime',
-            icon: icon?.name ? data[icon.name] : undefined,
-            defaultExpanded: defaultRowHeight === ROW_DENSITY.WRAP_CONTENT,
-            content: contentColumn ? (_jsx(ValueRenderer, { column: contentColumn, row: row })) : (getFieldsAsActivityContent(columns, row)),
-            status: statusProp?.getCustomContent ? statusProp.getCustomContent(row) : status
-        };
-        return activity;
-    })
-        ?.filter((item) => !!item);
-};
-export default getActivity;
-export const mapDateFnToGroupOption = (dateFunction) => {
-    switch (dateFunction) {
-        case 'YEARS':
-            return 'year';
-        case 'QUARTERS':
-            return 'quarteryear';
-        case 'MONTHS':
-            return 'monthyear';
-        case 'DAYS':
-            return 'date';
-        default:
-            return 'none';
-    }
-};
-export function calculateBodyMaxHeight(maxHeight, domContainer, pContainer) {
-    if (maxHeight === undefined)
-        return;
-    if (!domContainer || !pContainer)
-        return;
-    const extraHeight = domContainer.offsetHeight - pContainer.offsetHeight;
-    if (typeof maxHeight === 'string' && maxHeight.startsWith('--')) {
-        // Means it is a css variable which is a string, and it needs to be computed with calc function
-        // If css variable is not defined then fallback to default max height i.e. 550px
-        const defaultMaxHeight = `calc(550px + ${extraHeight}px + 32px)`;
-        return `calc(var(${maxHeight}, ${defaultMaxHeight}) - ${extraHeight}px - 32px)`;
-    }
-    if (typeof maxHeight === 'number') {
-        return `${maxHeight - extraHeight - 32}px`;
-    }
-}
-//# sourceMappingURL=utility.js.map

package/lib/Core/Views/Timeline/utility.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utility.js","sourceRoot":"","sources":["../../../../Core/Views/Timeline/utility.tsx"],"names":[],"mappings":"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","sourcesContent":["import dayjs from 'dayjs';\nimport timezonePlugin from 'dayjs/plugin/timezone';\nimport type { Group } from 'packages/lists-rs-core/types/State.types';\nimport type { ReactText } from 'react';\n\nimport { FieldType, ROW_DENSITY } from 'pega-repeating-structures-core/lib/types/Meta.types';\nimport type { FieldValueListProps, StatusProps } from '@pega/cosmos-react-core';\nimport { NoValue } from '@pega/cosmos-react-core';\nimport type {\n  ActivityObject,\n  TimelineGroupBy\n} from '@pega/cosmos-react-work/lib/components/Timeline/Timeline.types';\nimport type { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';\n\ndayjs.extend(timezonePlugin);\nconst getStatusVariant = (data: string): StatusProps['variant'] => {\n  let variant: StatusProps['variant'];\n  const warnStrings = ['fail', 'cancel', 'reject', 'revoke', 'stopped', 'warn'];\n  const infoStrings = ['open', 'hold', 'info', 'new'];\n  const successStrings = ['resolved', 'completed', 'success'];\n  const pendingStrings = ['pending'];\n\n  if (new RegExp(warnStrings.join('|'), 'i').test(data)) {\n    variant = 'warn';\n  } else if (new RegExp(infoStrings.join('|'), 'i').test(data)) {\n    variant = 'info';\n  } else if (new RegExp(successStrings.join('|'), 'i').test(data)) {\n    variant = 'success';\n  } else if (new RegExp(pendingStrings.join('|'), 'i').test(data)) {\n    variant = 'pending';\n  } else {\n    variant = 'info';\n  }\n  return variant;\n};\n\nconst getFieldsAsActivityContent = (\n  columns: RsCoreTypes.View['columns'],\n  row: RsCoreTypes.Row\n): FieldValueListProps['fields'] | undefined => {\n  return columns\n    ?.filter(column => column.field.name !== 'RowActionMenu' && !column.hidden)\n    ?.map(column => {\n      return {\n        id: column.field.id,\n        name: column.field.label,\n        value: <ValueRenderer column={column} row={row} />\n      };\n    });\n};\n\nconst convertDateToTimezone = (\n  value: string | number | Date,\n  timezone: RsCoreTypes.Meta['timezone']\n): string => {\n  return (\n    dayjs(value)\n      .tz(timezone)\n      // cSpell:disable-next-line\n      .format('YYYY-MM-DDTHH:mm:ss')\n  );\n};\n\nconst getActivity = (\n  rows: RsCoreTypes.View['rows'],\n  columns: RsCoreTypes.View['columns'],\n  { timelineFields, timezone, defaultRowHeight }: RsCoreTypes.View['meta']\n): ActivityObject[] | undefined => {\n  const { title, date, status: statusProp, icon, content } = timelineFields ?? {};\n  const titleColumn = columns?.find(({ field }) => field.name === title?.name);\n  const dateColumn = columns?.find(({ field }) => field.name === date?.name);\n  const contentColumn = columns?.find(({ field }) => field.name === content?.name);\n\n  return rows\n    ?.map(row => {\n      const data = row.getContext().getValue();\n      const dateValue = date?.name ? data[date.name] : undefined;\n      const dateFieldType = dateColumn?.field?.type;\n      const isDateOnlyFieldType =\n        dateFieldType === FieldType.DATE ||\n        dateFieldType === FieldType.DATE_ONLY ||\n        dateFieldType === FieldType.DATE_TIMELINE;\n\n      // Activity Object date can't be undefined\n      if (!dateValue) {\n        return undefined;\n      }\n      const statusData = statusProp?.name ? data[statusProp.name] : undefined;\n      let status;\n      if (statusData) {\n        status = {\n          variant: getStatusVariant(statusData as string),\n          children: statusData as ReactText\n        };\n      }\n      const activity: ActivityObject = {\n        id: row.key as string,\n        title:\n          title?.name && data[title.name] && titleColumn ? (\n            <ValueRenderer column={titleColumn} row={row} />\n          ) : (\n            <NoValue />\n          ),\n        date:\n          timezone && dateColumn?.formatterAllowed && dateFieldType && !isDateOnlyFieldType // Date only value should be formatted without timezone\n            ? convertDateToTimezone(dateValue as string, timezone)\n            : (dateValue as string),\n        dateVariant: isDateOnlyFieldType ? 'date' : 'datetime',\n        icon: icon?.name ? (data[icon.name] as string) : undefined,\n        defaultExpanded: defaultRowHeight === ROW_DENSITY.WRAP_CONTENT,\n        content: contentColumn ? (\n          <ValueRenderer column={contentColumn} row={row} />\n        ) : (\n          getFieldsAsActivityContent(columns, row)\n        ),\n        status: statusProp?.getCustomContent ? statusProp.getCustomContent(row) : status\n      };\n      return activity;\n    })\n    ?.filter((item): item is ActivityObject => !!item);\n};\n\nexport default getActivity;\n\nexport const mapDateFnToGroupOption = (dateFunction: Group['dateFunction']): TimelineGroupBy => {\n  switch (dateFunction) {\n    case 'YEARS':\n      return 'year';\n    case 'QUARTERS':\n      return 'quarteryear';\n    case 'MONTHS':\n      return 'monthyear';\n    case 'DAYS':\n      return 'date';\n    default:\n      return 'none';\n  }\n};\n\nexport function calculateBodyMaxHeight(\n  maxHeight: string | number | undefined,\n  domContainer: HTMLElement | undefined,\n  pContainer: HTMLElement | null | undefined\n) {\n  if (maxHeight === undefined) return;\n  if (!domContainer || !pContainer) return;\n  const extraHeight = domContainer.offsetHeight - pContainer.offsetHeight;\n  if (typeof maxHeight === 'string' && maxHeight.startsWith('--')) {\n    // Means it is a css variable which is a string, and it needs to be computed with calc function\n    // If css variable is not defined then fallback to default max height i.e. 550px\n    const defaultMaxHeight = `calc(550px + ${extraHeight}px + 32px)`;\n    return `calc(var(${maxHeight}, ${defaultMaxHeight}) - ${extraHeight}px - 32px)`;\n  }\n  if (typeof maxHeight === 'number') {\n    return `${maxHeight - extraHeight - 32}px`;\n  }\n}\n"]}