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

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