@pega/lists-react 9.0.0-build.19.4 → 9.0.0-build.19.6

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 { ReactText } from 'react';\n\nimport type { Group } from 'pega-repeating-structures-core/lib/types/State.types';\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"]}