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

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/Gallery/StyledGalleryContainer.d.ts

@@ -1,3 +0,0 @@
-export default StyledGalleryContainer;
-declare const StyledGalleryContainer: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<any>>, import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=StyledGalleryContainer.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StyledGalleryContainer.d.ts","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAKA,sNA8CE"}

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

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import styled, { css } from 'styled-components';
-import { generateRSHeightStyles } from '../../Utils/styles';
-const StyledGalleryContainer = styled(forwardRef((props, ref) => _jsx("div", { ref: ref, ...props })))(() => {
-    return css `
-      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}
-
-      .card-item-grid-container {
-        display: grid;
-        /* stylelint-disable-next-line unit-allowed-list */
-        grid-gap: 10px;
-        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));
-        width: 100%;
-      }
-
-      .flex-container {
-        display: flex;
-        flex-wrap: wrap;
-        /* stylelint-disable-next-line unit-allowed-list */
-        gap: 10px;
-      }
-
-      /* Gallery view CSS START */
-      .icon-ph > button {
-        cursor: pointer;
-        margin-right: 0.437rem;
-      }
-      .icon-ph {
-        margin: 0.625rem 0;
-      }
-      .field-value > li {
-        padding-bottom: 0.25rem;
-      }
-
-      .row-container {
-        position: absolute;
-        justify-content: space-evenly;
-      }
-
-      &.animate {
-        .row-container > span {
-          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);
-        }
-      }
-
-      /* Gallery view CSS END */
-    `;
-});
-export default StyledGalleryContainer;
-//# sourceMappingURL=StyledGalleryContainer.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"StyledGalleryContainer.js","sourceRoot":"","sources":["../../../../Core/Views/Gallery/StyledGalleryContainer.jsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,sBAAsB,EAAE,MAAM,oBAAoB,CAAC;AAE5D,MAAM,sBAAsB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,cAAK,GAAG,EAAE,GAAG,KAAM,KAAK,GAAI,CAAC,CAAC,CAC7F,GAAG,EAAE;IACH,OAAO,GAAG,CAAA;QACN,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC,sBAAsB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KAyC7E,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { generateRSHeightStyles } from '../../Utils/styles';\n\nconst StyledGalleryContainer = styled(forwardRef((props, ref) => <div ref={ref} {...props} />))(\n  () => {\n    return css`\n      ${({ view, isFullscreen }) => generateRSHeightStyles({ view, isFullscreen })}\n\n      .card-item-grid-container {\n        display: grid;\n        /* stylelint-disable-next-line unit-allowed-list */\n        grid-gap: 10px;\n        grid-template-columns: repeat(auto-fit, minmax(18.75rem, 1fr));\n        width: 100%;\n      }\n\n      .flex-container {\n        display: flex;\n        flex-wrap: wrap;\n        /* stylelint-disable-next-line unit-allowed-list */\n        gap: 10px;\n      }\n\n      /* Gallery view CSS START */\n      .icon-ph > button {\n        cursor: pointer;\n        margin-right: 0.437rem;\n      }\n      .icon-ph {\n        margin: 0.625rem 0;\n      }\n      .field-value > li {\n        padding-bottom: 0.25rem;\n      }\n\n      .row-container {\n        position: absolute;\n        justify-content: space-evenly;\n      }\n\n      &.animate {\n        .row-container > span {\n          transition: transform 0.5s cubic-bezier(0.4, 0.6, 0.1, 1);\n        }\n      }\n\n      /* Gallery view CSS END */\n    `;\n  }\n);\n\nexport default StyledGalleryContainer;\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 { RsCoreTypes } from 'pega-repeating-structures-core';
-import type { ActivityObject, TimelineGroupBy } from './Timeline.types';
-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,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAIlE,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAmDxE,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 { RsCoreTypes } from 'pega-repeating-structures-core';\n\nimport ValueRenderer from '../../Components/RenderingEngine/ValueRenderer';\n\nimport type { ActivityObject, TimelineGroupBy } from './Timeline.types';\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"]}