@pega/lists-react 8.0.0-build.27.14

package/lib/Core/Components/HeaderMenu/actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../../Core/Components/HeaderMenu/actions.js"],"names":[],"mappings":"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","sourcesContent":["import { getFilters } from 'pega-repeating-structures-core';\n\nimport { allowToggle } from '../../Utils';\nimport { sortActions, TOOLBAR_FEATURES } from '../../constants';\n\nconst Grouping = 'Grouping';\nconst Filter = 'Filter';\nconst ClearFilter = 'Clear filter';\nconst Freeze = 'Freeze';\nconst Visibility = 'Hide';\nconst Summarize = 'Summarize';\nconst DynamicColumnLeft = 'Combine with left';\nconst DynamicColumnRight = 'Combine with right';\nconst DynamicColumnDelete = 'Delete';\nconst CustomizeColumn = 'Format';\nconst UndoHierarchy = 'Undo hierarchy';\n\n/** Checks if it's a column where grouping by date-functions is enabled */\nfunction isColumnWithDateFuncGrouping(column) {\n  const view = column.parent;\n  return (\n    view.meta.dateFunctions && (column.field.type === 'date' || column.field.type === 'datetime')\n  );\n}\n\nexport function customizeColumn(column, rfName, displayMode, newColumnAlias, oldAlias) {\n  if (rfName !== undefined) {\n    column.applyFormatter(rfName);\n  }\n\n  if (displayMode !== undefined) {\n    column.applyDisplay(displayMode);\n  }\n\n  // old alias can be undefined\n  if (oldAlias?.trim() !== newColumnAlias.trim()) {\n    column.applyLabel(newColumnAlias);\n  }\n}\n\nconst updateRowHeight = column => {\n  const view = column.parent;\n  const { customFields } = view.state;\n\n  let shouldUpdateRowDensity = true;\n  customFields.forEach(field => {\n    if (field.id !== column.field.id) {\n      const { expression } = field;\n      expression.forEach(exp => {\n        if (Array.isArray(exp) && exp[0] === 'multiline') shouldUpdateRowDensity = false;\n      });\n    }\n  });\n  if (shouldUpdateRowDensity) view.type.applyRowHeight(view.meta?.defaultRowHeight);\n};\n\nconst prepareColumnSortActions = (column, translate, finishPopOver) => {\n  const SortActions = [];\n  sortActions.forEach(action => {\n    const { actionId, actionName, actionIcon } = action;\n    // eslint-disable-next-line\n    if (actionId != column.sortOrder)\n      SortActions.push({\n        id: actionName,\n        icon: actionIcon,\n        label: translate(actionName),\n        show: column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.SORT, column),\n        onClick: () => {\n          column.applySorting(!column.sorted, actionId);\n          finishPopOver();\n        }\n      });\n  });\n  return SortActions;\n};\n\nfunction removeFilter(column) {\n  const { filterExpression } = column.parent.state;\n  const { applyFilter, clearFilter } = column.parent.type;\n  const filters = getFilters({ filterExpression });\n  if (filters.length > 1) {\n    clearFilter(column.field.id);\n  } else {\n    applyFilter({\n      filterExp: null\n    });\n  }\n}\n\n/**\n * This method is executed when a column is removed from the table, it sets the focus to the next\n * column on the left, or if its the first column, then on the next column on right.\n * @param {object} column\n */\nexport function handleFocus(column) {\n  const { order } = column;\n  let focusColumnOrder = order;\n  // When hiding first column, focus should go to the next column on right\n  if (order === 0) focusColumnOrder = 2;\n  const selector = `[role='columnheader'][aria-colindex='${focusColumnOrder}'] > .icons-ph > .header-menu > button`;\n  const domContainer = column.parent.getDomContainer();\n  const ele = domContainer.querySelector(selector);\n  if (ele) {\n    ele.focus();\n  }\n}\n\nexport function getActions({ column, setMoreContent, onUndoHierarchy, translate, finishPopOver }) {\n  const {\n    aggregateOptions,\n    grouping: isGroupingEnabled,\n    toggleFieldVisibility\n  } = column.parent.meta;\n  return [\n    ...prepareColumnSortActions(column, translate, finishPopOver),\n    {\n      id: Filter,\n      icon: 'filter',\n      label: translate(Filter),\n      show: column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.FILTER, column),\n      onClick: () => setMoreContent(Filter)\n    },\n    {\n      id: ClearFilter,\n      icon: 'reset',\n      label: translate(ClearFilter),\n      show: !!column.filtered,\n      onClick: () => {\n        removeFilter(column);\n        finishPopOver();\n      }\n    },\n    {\n      id: Grouping,\n      icon: 'row',\n      label: column.grouped ? translate('Ungroup') : translate('Group'),\n      show:\n        isGroupingEnabled &&\n        !column.parent?.hierarchicalGroupEnabled &&\n        column.parent.shouldDisplayFeature(TOOLBAR_FEATURES.GROUPING, column),\n      onClick: () => {\n        if (isColumnWithDateFuncGrouping(column) && !column.grouped) {\n          setMoreContent(Grouping);\n          return;\n        }\n        column.applyGrouping();\n        finishPopOver();\n      }\n    },\n    {\n      id: Visibility,\n      icon: 'eye-off',\n      label: translate(Visibility),\n      show: !!(toggleFieldVisibility && column.field.toggle),\n      onClick: () => {\n        column.applyToggleVisibility();\n        finishPopOver();\n        handleFocus(column);\n      },\n      disabled: !allowToggle(column.parent.getVisibleColumns())\n    },\n    {\n      id: Freeze,\n      icon: 'freeze-column',\n      label: column.frozen ? translate('Unfreeze') : translate('Freeze'),\n      show: !!column.field.freeze,\n      onClick: () => {\n        column.applyFreeze();\n        finishPopOver();\n      }\n    },\n    {\n      id: Summarize,\n      icon: 'sigma',\n      label: column.aggregated ? translate('Remove aggregation') : translate('Aggregate'),\n      show: !!(\n        column.field.aggregation &&\n        (column.field.type === 'number' || column.field.type === 'currency') &&\n        aggregateOptions[column.field.type] &&\n        aggregateOptions[column.field.type].length\n      ),\n      onClick: () => {\n        column.applyAggregation(\n          !column.aggregated ? aggregateOptions[column.field.type]?.[0] : undefined\n        );\n        finishPopOver();\n      }\n    },\n    {\n      id: DynamicColumnLeft,\n      icon: 'arrow-left-column',\n      label: translate(DynamicColumnLeft),\n      show: !!column.field.combineColumn && !column.isFirstDataColumn,\n      onClick: () => setMoreContent(DynamicColumnLeft)\n    },\n    {\n      id: DynamicColumnRight,\n      icon: 'arrow-right-column',\n      label: translate(DynamicColumnRight),\n      show: !!column.field.combineColumn && !column.isLastColumn,\n      onClick: () => setMoreContent(DynamicColumnRight)\n    },\n    {\n      id: DynamicColumnDelete,\n      icon: 'column-delete',\n      label: translate(DynamicColumnDelete),\n      show: !!column.isCustomColumn,\n      onClick: () => {\n        column.deleteCustomColumn();\n        updateRowHeight(column);\n        handleFocus(column);\n      }\n    },\n    {\n      id: CustomizeColumn,\n      icon: 'circle-stacked-mixed',\n      label: translate(CustomizeColumn),\n      show: !!column.field.customizeColumn && !column.isCustomColumn,\n      onClick: () => setMoreContent(CustomizeColumn)\n    },\n    {\n      id: UndoHierarchy,\n      icon: 'folder-nested-solid',\n      label: translate(UndoHierarchy),\n      show: column.isFirstDataColumn && !!column.parent?.hierarchicalGroupEnabled,\n      onClick: onUndoHierarchy\n    }\n  ];\n}\n"]}

package/lib/Core/Components/HeaderMenu/index.d.ts

@@ -0,0 +1,23 @@
+declare function HeaderMenu({ column, popoverButtonRef }: {
+    column: any;
+    popoverButtonRef: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace HeaderMenu {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let popoverButtonRef: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+    }
+    namespace defaultProps {
+        let column_1: {};
+        export { column_1 as column };
+        let popoverButtonRef_1: {};
+        export { popoverButtonRef_1 as popoverButtonRef };
+    }
+}
+export default HeaderMenu;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=index.d.ts.map

package/lib/Core/Components/HeaderMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../Core/Components/HeaderMenu/index.jsx"],"names":[],"mappings":"AAgFA;;;mDAuMC;;;;;;;;;;;;;;;;;;sBAvRqB,YAAY"}

package/lib/Core/Components/HeaderMenu/index.js

@@ -0,0 +1,187 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { useCallback, useMemo, useEffect, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { Icon, Popover, Menu, useElement, Button, VisuallyHiddenText, createUID, getActiveElement, useOuterEvent } from '@pega/cosmos-react-core';
+import { removeEmptyValues, ACTION_FIELD_TYPE } from 'pega-repeating-structures-core';
+import useTranslate from '../../Hooks/useTranslate';
+import DynamicFieldConfiguration from '../DynamicFieldConfiguration';
+import FilterComponent from '../Filters/Filter';
+import RFColumnConfigurator from '../RFColumnConfigurator';
+import GroupingMenu from '../Grouping/GroupingMenu';
+import { getActions, customizeColumn } from './actions';
+const Default = 'default';
+const Filter = 'Filter';
+const Grouping = 'Grouping';
+const DynamicColumnLeft = 'Combine with left';
+const DynamicColumnRight = 'Combine with right';
+const CustomizeColumn = 'Format';
+const sortActionStates = ['Sort-ascending', 'Sort-descending', 'Remove-sort'];
+const ariaSort = {
+    asc: 'ascending',
+    desc: 'descending'
+};
+function getFirstLevelActions(actions) {
+    return removeEmptyValues(actions.map(function mapper(s) {
+        if (Array.isArray(s)) {
+            return s.map(mapper);
+        }
+        const { id, icon, label, show = true, onClick, disabled } = s;
+        if (!show) {
+            return null;
+        }
+        return {
+            'data-test-id': id,
+            primary: label,
+            visual: _jsx(Icon, { name: icon }),
+            id: id.replaceAll(' ', '-'), // eg: Combine with right -> Combine-with-right
+            onClick,
+            disabled
+        };
+    }));
+}
+function getFocusables(elementRef) {
+    return elementRef.querySelectorAll('a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]):not([readonly]), input:not([disabled]):not([readonly]), select:not([disabled]):not([readonly])');
+}
+function headerMenuTabHandler(e, popperRef) {
+    const focusables = getFocusables(popperRef);
+    const { 0: firstFocusable, [focusables.length - 1]: lastFocusable } = focusables;
+    const activeEl = getActiveElement();
+    if (!e.shiftKey && (activeEl === popperRef || activeEl === lastFocusable)) {
+        firstFocusable?.focus();
+        e.preventDefault();
+    }
+    else if (e.shiftKey && (activeEl === popperRef || activeEl === firstFocusable)) {
+        lastFocusable?.focus();
+        e.preventDefault();
+    }
+}
+export default function HeaderMenu({ column, popoverButtonRef }) {
+    const view = column.parent;
+    const { state: { clearColFilter } } = view;
+    const [translate] = useTranslate();
+    const { field } = column;
+    const uid = createUID();
+    const sortDescriptionId = `${uid}_description`;
+    const isClearColFilter = clearColFilter === field.id;
+    const sort = ariaSort[column?.getSortProperties()?.sortOrder];
+    const sortSequence = column?.getSortProperties()?.sortSequence;
+    const filtered = column?.filtered;
+    const [moreContent, setMoreContent] = useState(Default);
+    const [forceShowMenu, setForceShowMenu] = useState(false);
+    const [sortDescription, setSortDescription] = useState('');
+    const [popperRef, setPopperRef] = useElement();
+    const finishPopOver = useCallback(() => {
+        if (moreContent === Filter && isClearColFilter) {
+            view.type.clearFilter(null);
+        }
+        if (popperRef && popoverButtonRef.current) {
+            popoverButtonRef.current.focus();
+        }
+        setForceShowMenu(false);
+    }, [moreContent, isClearColFilter, view, popperRef, popoverButtonRef]);
+    const onUndoHierarchy = useCallback(() => {
+        column.parent?.type.clearHierarchicalGroup();
+        finishPopOver();
+    }, [column, finishPopOver]);
+    useEffect(() => {
+        let sortStr = '';
+        if (sort)
+            sortStr = `${translate('Sorted')} ${translate(sort)}`;
+        if (sortSequence)
+            sortStr += ` ${translate('Sort priority')} ${sortSequence}`;
+        if (filtered)
+            sortStr += ` ${translate('Filtered column')}`;
+        setSortDescription(sortStr);
+    }, [sort, sortSequence, filtered, translate]);
+    const actions = useMemo(() => getActions({
+        column,
+        setMoreContent,
+        onUndoHierarchy,
+        translate,
+        finishPopOver
+    }), [column, onUndoHierarchy, translate, finishPopOver]);
+    const firstLevelActions = useMemo(() => getFirstLevelActions(actions), [actions]);
+    const content = useMemo(() => {
+        switch (moreContent) {
+            case Filter:
+                return (_jsx(FilterComponent, { column: column, finishPopOver: finishPopOver, popoverButtonRef: popoverButtonRef }));
+            case Grouping:
+                return _jsx(GroupingMenu, { column: column, finishPopOver: finishPopOver });
+            case DynamicColumnLeft:
+            case DynamicColumnRight:
+                return (_jsx(DynamicFieldConfiguration, { column: column, onSubmit: (title, templateName, bHideColumns) => {
+                        column.applyMerge(moreContent === DynamicColumnLeft ? 'left' : 'right', title, templateName, bHideColumns);
+                        finishPopOver();
+                        if (templateName === 'multiline')
+                            view.type.applyRowHeight('4');
+                    }, onCancel: finishPopOver }));
+            case CustomizeColumn:
+                return (_jsx(RFColumnConfigurator, { column: column, finishPopOver: finishPopOver, onSubmit: (rfName, columnAlias, displayMode) => {
+                        customizeColumn(column, rfName, displayMode, columnAlias, column.alias);
+                    }, onCancel: finishPopOver }));
+            default:
+                return (_jsx(Menu, { scrollAt: '400', "data-test-id": 'action-menu', items: firstLevelActions.flat(), className: 'action-menu', focusControlEl: popoverButtonRef.current, onItemClick: id => {
+                        // NVDA/JAWS reading out the stale sort order on sort action
+                        // Removing intermediate sort state and adding back when we receive it from column prop
+                        if (sortActionStates.includes(id)) {
+                            setSortDescription('');
+                        }
+                    } }));
+        }
+    }, [moreContent, column, finishPopOver, popoverButtonRef, firstLevelActions, view.type]);
+    useOuterEvent('mousedown', [popperRef], () => {
+        if (moreContent !== Filter) {
+            finishPopOver();
+        }
+    });
+    useEffect(() => {
+        if (isClearColFilter) {
+            setMoreContent(Filter);
+            setForceShowMenu(true);
+        }
+    }, [isClearColFilter]);
+    useEffect(() => {
+        // Focus the first focusable element in nested menu content eg: filter,customize column etc
+        if (moreContent && popperRef && moreContent !== 'default') {
+            getFocusables(popperRef)?.[0]?.focus();
+        }
+    }, [forceShowMenu, popperRef, moreContent]);
+    // Don't show the menu for columns which are of action type eg: rowActionMenu, rowDragDrop etc
+    if (firstLevelActions.flat().length === 0 || field.type === ACTION_FIELD_TYPE)
+        return null;
+    return (_jsxs("div", { className: 'header-menu', children: [_jsx(Button, { variant: 'simple', className: 'button-more', compact: true, "aria-expanded": forceShowMenu, "aria-label": `${translate('Actions')} - ${column.categorizedHeaderLabel}`, label: !forceShowMenu ? `${translate('Actions')}` : undefined, ref: popoverButtonRef, "aria-describedby": sortDescriptionId, onClick: () => {
+                    setMoreContent('default');
+                    setForceShowMenu(true);
+                }, onKeyDown: e => {
+                    if (forceShowMenu && e.key !== 'Enter') {
+                        // TODO remove preventDefault when popover steals the focus into its content
+                        e.preventDefault();
+                    }
+                    if (e.key === 'Escape' && forceShowMenu) {
+                        setForceShowMenu(false);
+                        setPopperRef(null);
+                    }
+                }, children: _jsx(Icon, { name: 'more' }) }), forceShowMenu &&
+                createPortal(_jsx(Popover, { className: 'popper', ref: setPopperRef, arrow: true, target: popoverButtonRef.current, placement: 'bottom-start', hideOnTargetHidden: true, 
+                    // TODO: Consume FormDialog cosmos component in nested menu option renderers filter, group etc
+                    onKeyDown: e => {
+                        if (e.key === 'Escape' && forceShowMenu) {
+                            setForceShowMenu(false);
+                            setPopperRef(null);
+                            popoverButtonRef.current.focus();
+                        }
+                        if (e.key === 'Tab') {
+                            headerMenuTabHandler(e, popperRef);
+                        }
+                    }, children: content }), column.parent.getDomContainer()), _jsx(VisuallyHiddenText, { id: sortDescriptionId, "aria-hidden": true, children: sortDescription })] }));
+}
+HeaderMenu.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    popoverButtonRef: PropTypes.objectOf(PropTypes.any)
+};
+HeaderMenu.defaultProps = {
+    column: {},
+    popoverButtonRef: {}
+};
+//# sourceMappingURL=index.js.map

package/lib/Core/Components/HeaderMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../Core/Components/HeaderMenu/index.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport { useCallback, useMemo, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport {\n  Icon,\n  Popover,\n  Menu,\n  useElement,\n  Button,\n  VisuallyHiddenText,\n  createUID,\n  getActiveElement,\n  useOuterEvent\n} from '@pega/cosmos-react-core';\nimport { removeEmptyValues, ACTION_FIELD_TYPE } from 'pega-repeating-structures-core';\n\nimport useTranslate from '../../Hooks/useTranslate';\nimport DynamicFieldConfiguration from '../DynamicFieldConfiguration';\nimport FilterComponent from '../Filters/Filter';\nimport RFColumnConfigurator from '../RFColumnConfigurator';\nimport GroupingMenu from '../Grouping/GroupingMenu';\n\nimport { getActions, customizeColumn } from './actions';\n\nconst Default = 'default';\nconst Filter = 'Filter';\nconst Grouping = 'Grouping';\nconst DynamicColumnLeft = 'Combine with left';\nconst DynamicColumnRight = 'Combine with right';\nconst CustomizeColumn = 'Format';\nconst sortActionStates = ['Sort-ascending', 'Sort-descending', 'Remove-sort'];\n\nconst ariaSort = {\n  asc: 'ascending',\n  desc: 'descending'\n};\n\nfunction getFirstLevelActions(actions) {\n  return removeEmptyValues(\n    actions.map(function mapper(s) {\n      if (Array.isArray(s)) {\n        return s.map(mapper);\n      }\n      const { id, icon, label, show = true, onClick, disabled } = s;\n      if (!show) {\n        return null;\n      }\n      return {\n        'data-test-id': id,\n        primary: label,\n        visual: <Icon name={icon} />,\n        id: id.replaceAll(' ', '-'), // eg: Combine with right -> Combine-with-right\n        onClick,\n        disabled\n      };\n    })\n  );\n}\n\nfunction getFocusables(elementRef) {\n  return elementRef.querySelectorAll(\n    'a[href]:not([disabled]), button:not([disabled]), textarea:not([disabled]):not([readonly]), input:not([disabled]):not([readonly]), select:not([disabled]):not([readonly])'\n  );\n}\n\nfunction headerMenuTabHandler(e, popperRef) {\n  const focusables = getFocusables(popperRef);\n  const { 0: firstFocusable, [focusables.length - 1]: lastFocusable } = focusables;\n  const activeEl = getActiveElement();\n\n  if (!e.shiftKey && (activeEl === popperRef || activeEl === lastFocusable)) {\n    firstFocusable?.focus();\n    e.preventDefault();\n  } else if (e.shiftKey && (activeEl === popperRef || activeEl === firstFocusable)) {\n    lastFocusable?.focus();\n    e.preventDefault();\n  }\n}\n\nexport default function HeaderMenu({ column, popoverButtonRef }) {\n  const view = column.parent;\n  const {\n    state: { clearColFilter }\n  } = view;\n  const [translate] = useTranslate();\n  const { field } = column;\n  const uid = createUID();\n  const sortDescriptionId = `${uid}_description`;\n  const isClearColFilter = clearColFilter === field.id;\n  const sort = ariaSort[column?.getSortProperties()?.sortOrder];\n  const sortSequence = column?.getSortProperties()?.sortSequence;\n  const filtered = column?.filtered;\n\n  const [moreContent, setMoreContent] = useState(Default);\n  const [forceShowMenu, setForceShowMenu] = useState(false);\n  const [sortDescription, setSortDescription] = useState('');\n  const [popperRef, setPopperRef] = useElement();\n\n  const finishPopOver = useCallback(() => {\n    if (moreContent === Filter && isClearColFilter) {\n      view.type.clearFilter(null);\n    }\n    if (popperRef && popoverButtonRef.current) {\n      popoverButtonRef.current.focus();\n    }\n    setForceShowMenu(false);\n  }, [moreContent, isClearColFilter, view, popperRef, popoverButtonRef]);\n\n  const onUndoHierarchy = useCallback(() => {\n    column.parent?.type.clearHierarchicalGroup();\n    finishPopOver();\n  }, [column, finishPopOver]);\n\n  useEffect(() => {\n    let sortStr = '';\n    if (sort) sortStr = `${translate('Sorted')} ${translate(sort)}`;\n    if (sortSequence) sortStr += ` ${translate('Sort priority')} ${sortSequence}`;\n    if (filtered) sortStr += ` ${translate('Filtered column')}`;\n    setSortDescription(sortStr);\n  }, [sort, sortSequence, filtered, translate]);\n\n  const actions = useMemo(\n    () =>\n      getActions({\n        column,\n        setMoreContent,\n        onUndoHierarchy,\n        translate,\n        finishPopOver\n      }),\n    [column, onUndoHierarchy, translate, finishPopOver]\n  );\n\n  const firstLevelActions = useMemo(() => getFirstLevelActions(actions), [actions]);\n\n  const content = useMemo(() => {\n    switch (moreContent) {\n      case Filter:\n        return (\n          <FilterComponent\n            column={column}\n            finishPopOver={finishPopOver}\n            popoverButtonRef={popoverButtonRef}\n          />\n        );\n      case Grouping:\n        return <GroupingMenu column={column} finishPopOver={finishPopOver} />;\n      case DynamicColumnLeft:\n      case DynamicColumnRight:\n        return (\n          <DynamicFieldConfiguration\n            column={column}\n            onSubmit={(title, templateName, bHideColumns) => {\n              column.applyMerge(\n                moreContent === DynamicColumnLeft ? 'left' : 'right',\n                title,\n                templateName,\n                bHideColumns\n              );\n              finishPopOver();\n              if (templateName === 'multiline') view.type.applyRowHeight('4');\n            }}\n            onCancel={finishPopOver}\n          />\n        );\n      case CustomizeColumn:\n        return (\n          <RFColumnConfigurator\n            column={column}\n            finishPopOver={finishPopOver}\n            onSubmit={(rfName, columnAlias, displayMode) => {\n              customizeColumn(column, rfName, displayMode, columnAlias, column.alias);\n            }}\n            onCancel={finishPopOver}\n          />\n        );\n      default:\n        return (\n          <Menu\n            scrollAt='400'\n            data-test-id='action-menu'\n            items={firstLevelActions.flat()}\n            className='action-menu'\n            focusControlEl={popoverButtonRef.current}\n            onItemClick={id => {\n              // NVDA/JAWS reading out the stale sort order on sort action\n              // Removing intermediate sort state and adding back when we receive it from column prop\n              if (sortActionStates.includes(id)) {\n                setSortDescription('');\n              }\n            }}\n          />\n        );\n    }\n  }, [moreContent, column, finishPopOver, popoverButtonRef, firstLevelActions, view.type]);\n\n  useOuterEvent('mousedown', [popperRef], () => {\n    if (moreContent !== Filter) {\n      finishPopOver();\n    }\n  });\n\n  useEffect(() => {\n    if (isClearColFilter) {\n      setMoreContent(Filter);\n      setForceShowMenu(true);\n    }\n  }, [isClearColFilter]);\n\n  useEffect(() => {\n    // Focus the first focusable element in nested menu content eg: filter,customize column etc\n    if (moreContent && popperRef && moreContent !== 'default') {\n      getFocusables(popperRef)?.[0]?.focus();\n    }\n  }, [forceShowMenu, popperRef, moreContent]);\n\n  // Don't show the menu for columns which are of action type eg: rowActionMenu, rowDragDrop etc\n  if (firstLevelActions.flat().length === 0 || field.type === ACTION_FIELD_TYPE) return null;\n\n  return (\n    <div className='header-menu'>\n      <Button\n        variant='simple'\n        className='button-more'\n        compact\n        aria-expanded={forceShowMenu}\n        aria-label={`${translate('Actions')} - ${column.categorizedHeaderLabel}`}\n        label={!forceShowMenu ? `${translate('Actions')}` : undefined}\n        ref={popoverButtonRef}\n        aria-describedby={sortDescriptionId}\n        onClick={() => {\n          setMoreContent('default');\n          setForceShowMenu(true);\n        }}\n        onKeyDown={e => {\n          if (forceShowMenu && e.key !== 'Enter') {\n            // TODO remove preventDefault when popover steals the focus into its content\n            e.preventDefault();\n          }\n          if (e.key === 'Escape' && forceShowMenu) {\n            setForceShowMenu(false);\n            setPopperRef(null);\n          }\n        }}\n      >\n        <Icon name='more' />\n      </Button>\n      {forceShowMenu &&\n        createPortal(\n          <Popover\n            className='popper'\n            ref={setPopperRef}\n            arrow\n            target={popoverButtonRef.current}\n            placement='bottom-start'\n            hideOnTargetHidden\n            // TODO: Consume FormDialog cosmos component in nested menu option renderers filter, group etc\n            onKeyDown={e => {\n              if (e.key === 'Escape' && forceShowMenu) {\n                setForceShowMenu(false);\n                setPopperRef(null);\n                popoverButtonRef.current.focus();\n              }\n              if (e.key === 'Tab') {\n                headerMenuTabHandler(e, popperRef);\n              }\n            }}\n          >\n            {content}\n          </Popover>,\n          column.parent.getDomContainer()\n        )}\n\n      <VisuallyHiddenText id={sortDescriptionId} aria-hidden>\n        {sortDescription}\n      </VisuallyHiddenText>\n    </div>\n  );\n}\n\nHeaderMenu.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  popoverButtonRef: PropTypes.objectOf(PropTypes.any)\n};\n\nHeaderMenu.defaultProps = {\n  column: {},\n  popoverButtonRef: {}\n};\n"]}

package/lib/Core/Components/HierarchicalCell.d.ts

@@ -0,0 +1,23 @@
+declare function HierarchicalCell({ column, columnRendererProps }: {
+    column: any;
+    columnRendererProps: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+declare namespace HierarchicalCell {
+    namespace propTypes {
+        let column: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        let columnRendererProps: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+    }
+    namespace defaultProps {
+        let column_1: undefined;
+        export { column_1 as column };
+        let columnRendererProps_1: undefined;
+        export { columnRendererProps_1 as columnRendererProps };
+    }
+}
+export default HierarchicalCell;
+import PropTypes from 'prop-types';
+//# sourceMappingURL=HierarchicalCell.d.ts.map

package/lib/Core/Components/HierarchicalCell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalCell.d.ts","sourceRoot":"","sources":["../../../Core/Components/HierarchicalCell.jsx"],"names":[],"mappings":"AAQA;;;mDA8BC;;;;;;;;;;;;;;;;;;sBAtCqB,YAAY"}

package/lib/Core/Components/HierarchicalCell.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { createClassName as cx } from '../Utils';
+import { CELL_ALIGN_CLASSES } from '../constants';
+import RenderingEngine from './RenderingEngine/RenderCell';
+import TestIdConstants from './TestIdConstants';
+export default function HierarchicalCell({ column, columnRendererProps }) {
+    if (column.hidden)
+        return null;
+    const { field: { id, idHash, cellAlign } } = column;
+    const { classList, ...otherProps } = column.getUIProps();
+    return (_jsx("div", { ...otherProps, className: cx('hierarchicalCell cell', ...classList, {
+            'cell-fixed': column.frozen,
+            'cell-last': column.isLastColumn,
+            'cell-first': column.isFirstVisualColumn
+        }, !column.isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]), style: {
+            left: `var(--col-left-${idHash})`,
+            order: `var(--col-order-${idHash})`,
+            width: `var(--col-width-${idHash})`
+        }, "data-test-id": id, "data-testid": `${TestIdConstants.hierarchicalCell}-${id}`, children: _jsx(RenderingEngine, { highlighter: true, ...columnRendererProps }) }));
+}
+HierarchicalCell.propTypes = {
+    column: PropTypes.objectOf(PropTypes.any),
+    columnRendererProps: PropTypes.objectOf(PropTypes.any)
+};
+HierarchicalCell.defaultProps = {
+    column: undefined,
+    columnRendererProps: undefined
+};
+//# sourceMappingURL=HierarchicalCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalCell.js","sourceRoot":"","sources":["../../../Core/Components/HierarchicalCell.jsx"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAE,eAAe,IAAI,EAAE,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,OAAO,eAAe,MAAM,8BAA8B,CAAC;AAC3D,OAAO,eAAe,MAAM,mBAAmB,CAAC;AAEhD,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EAAE,MAAM,EAAE,mBAAmB,EAAE;IACtE,IAAI,MAAM,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAC/B,MAAM,EACJ,KAAK,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EACjC,GAAG,MAAM,CAAC;IACX,MAAM,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,MAAM,CAAC,UAAU,EAAE,CAAC;IACzD,OAAO,CACL,iBACM,UAAU,EACd,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,GAAG,SAAS,EACZ;YACE,YAAY,EAAE,MAAM,CAAC,MAAM;YAC3B,WAAW,EAAE,MAAM,CAAC,YAAY;YAChC,YAAY,EAAE,MAAM,CAAC,mBAAmB;SACzC,EACD,CAAC,MAAM,CAAC,cAAc,IAAI,SAAS,IAAI,kBAAkB,CAAC,SAAS,CAAC,CACrE,EACD,KAAK,EAAE;YACL,IAAI,EAAE,kBAAkB,MAAM,GAAG;YACjC,KAAK,EAAE,mBAAmB,MAAM,GAAG;YACnC,KAAK,EAAE,mBAAmB,MAAM,GAAG;SACpC,kBACa,EAAE,iBACH,GAAG,eAAe,CAAC,gBAAgB,IAAI,EAAE,EAAE,YAExD,KAAC,eAAe,IAAC,WAAW,WAAK,mBAAmB,GAAI,GACpD,CACP,CAAC;AACJ,CAAC;AAED,gBAAgB,CAAC,SAAS,GAAG;IAC3B,MAAM,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;IACzC,mBAAmB,EAAE,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,GAAG,CAAC;CACvD,CAAC;AAEF,gBAAgB,CAAC,YAAY,GAAG;IAC9B,MAAM,EAAE,SAAS;IACjB,mBAAmB,EAAE,SAAS;CAC/B,CAAC","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { createClassName as cx } from '../Utils';\nimport { CELL_ALIGN_CLASSES } from '../constants';\n\nimport RenderingEngine from './RenderingEngine/RenderCell';\nimport TestIdConstants from './TestIdConstants';\n\nexport default function HierarchicalCell({ column, columnRendererProps }) {\n  if (column.hidden) return null;\n  const {\n    field: { id, idHash, cellAlign }\n  } = column;\n  const { classList, ...otherProps } = column.getUIProps();\n  return (\n    <div\n      {...otherProps}\n      className={cx(\n        'hierarchicalCell cell',\n        ...classList,\n        {\n          'cell-fixed': column.frozen,\n          'cell-last': column.isLastColumn,\n          'cell-first': column.isFirstVisualColumn\n        },\n        !column.isCustomColumn && cellAlign && CELL_ALIGN_CLASSES[cellAlign]\n      )}\n      style={{\n        left: `var(--col-left-${idHash})`,\n        order: `var(--col-order-${idHash})`,\n        width: `var(--col-width-${idHash})`\n      }}\n      data-test-id={id}\n      data-testid={`${TestIdConstants.hierarchicalCell}-${id}`}\n    >\n      <RenderingEngine highlighter {...columnRendererProps} />\n    </div>\n  );\n}\n\nHierarchicalCell.propTypes = {\n  column: PropTypes.objectOf(PropTypes.any),\n  columnRendererProps: PropTypes.objectOf(PropTypes.any)\n};\n\nHierarchicalCell.defaultProps = {\n  column: undefined,\n  columnRendererProps: undefined\n};\n"]}

package/lib/Core/Components/HierarchicalGroupFooters.d.ts

@@ -0,0 +1,32 @@
+export default HierarchicalGroupFooters;
+declare function HierarchicalGroupFooters({ groupHeaders, columns, headerIndex, hierarchicalGroupInfoRef }: {
+    groupHeaders: any;
+    columns: any;
+    headerIndex: any;
+    hierarchicalGroupInfoRef: any;
+}): import("react/jsx-runtime").JSX.Element;
+declare namespace HierarchicalGroupFooters {
+    namespace propTypes {
+        let groupHeaders: PropTypes.Requireable<any[]>;
+        let columns: PropTypes.Requireable<any[]>;
+        let headerIndex: PropTypes.Requireable<number>;
+        let hierarchicalGroupInfoRef: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+            current: PropTypes.Requireable<PropTypes.InferProps<{
+                prevLevel: PropTypes.Requireable<number>;
+                parentGroupFooters: PropTypes.Requireable<{
+                    [x: string]: any;
+                }>;
+            }>>;
+        }>>>;
+    }
+    namespace defaultProps {
+        let groupHeaders_1: never[];
+        export { groupHeaders_1 as groupHeaders };
+        let columns_1: never[];
+        export { columns_1 as columns };
+        let headerIndex_1: number;
+        export { headerIndex_1 as headerIndex };
+    }
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=HierarchicalGroupFooters.d.ts.map

package/lib/Core/Components/HierarchicalGroupFooters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalGroupFooters.d.ts","sourceRoot":"","sources":["../../../Core/Components/HierarchicalGroupFooters.jsx"],"names":[],"mappings":";AAMA;;;;;4CAsDC;;;;;;;;;;;;;;;;;;;;;;;;sBA5DqB,YAAY"}

package/lib/Core/Components/HierarchicalGroupFooters.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import PropTypes from 'prop-types';
+import { keyFrom } from '../Utils';
+import { HierarchicalGroupFooter } from './HierarchicalGroupRenderer';
+function HierarchicalGroupFooters({ groupHeaders, columns, headerIndex, hierarchicalGroupInfoRef }) {
+    const header = groupHeaders[headerIndex];
+    const groupFooterKey = `${keyFrom(...header.hierarchy)}-footer`;
+    const headersLength = groupHeaders.length;
+    const getParentFooters = (from, to) => {
+        const footers = [];
+        for (let i = from; i <= to; i += 1) {
+            if (hierarchicalGroupInfoRef.current.parentGroupFooters[i]) {
+                footers.unshift(hierarchicalGroupInfoRef.current.parentGroupFooters[i]);
+                delete hierarchicalGroupInfoRef.current.parentGroupFooters[i];
+            }
+        }
+        return footers;
+    };
+    const fillGroupFooters = () => {
+        const groupFooters = [];
+        if (header.showHierarchicalFooter) {
+            const footerNode = (_jsx(HierarchicalGroupFooter, { groupHeader: header, columns: columns }, groupFooterKey));
+            if (header.isLeafNode) {
+                groupFooters.push(footerNode);
+            }
+            else {
+                hierarchicalGroupInfoRef.current.parentGroupFooters[header.level] = footerNode;
+                hierarchicalGroupInfoRef.current.prevLevel = header.level;
+            }
+        }
+        // Check next coming group node whether it is last node or non leaf node
+        // and pull group footers from next group level to previous level
+        if (headersLength === headerIndex + 1 ||
+            groupHeaders[headerIndex + 1].level <= hierarchicalGroupInfoRef.current.prevLevel) {
+            groupFooters.push(...getParentFooters(headersLength === headerIndex + 1 ? 0 : groupHeaders[headerIndex + 1].level, hierarchicalGroupInfoRef.current.prevLevel));
+        }
+        return groupFooters;
+    };
+    return _jsx(_Fragment, { children: fillGroupFooters() });
+}
+HierarchicalGroupFooters.propTypes = {
+    groupHeaders: PropTypes.arrayOf(PropTypes.any),
+    columns: PropTypes.arrayOf(PropTypes.any),
+    headerIndex: PropTypes.number,
+    hierarchicalGroupInfoRef: PropTypes.shape({
+        current: PropTypes.shape({
+            prevLevel: PropTypes.number,
+            parentGroupFooters: PropTypes.objectOf(PropTypes.any)
+        })
+    }).isRequired
+};
+HierarchicalGroupFooters.defaultProps = {
+    groupHeaders: [],
+    columns: [],
+    headerIndex: 0
+};
+export default HierarchicalGroupFooters;
+//# sourceMappingURL=HierarchicalGroupFooters.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalGroupFooters.js","sourceRoot":"","sources":["../../../Core/Components/HierarchicalGroupFooters.jsx"],"names":[],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\n\nimport { keyFrom } from '../Utils';\n\nimport { HierarchicalGroupFooter } from './HierarchicalGroupRenderer';\n\nfunction HierarchicalGroupFooters({\n  groupHeaders,\n  columns,\n  headerIndex,\n  hierarchicalGroupInfoRef\n}) {\n  const header = groupHeaders[headerIndex];\n  const groupFooterKey = `${keyFrom(...header.hierarchy)}-footer`;\n  const headersLength = groupHeaders.length;\n\n  const getParentFooters = (from, to) => {\n    const footers = [];\n    for (let i = from; i <= to; i += 1) {\n      if (hierarchicalGroupInfoRef.current.parentGroupFooters[i]) {\n        footers.unshift(hierarchicalGroupInfoRef.current.parentGroupFooters[i]);\n        delete hierarchicalGroupInfoRef.current.parentGroupFooters[i];\n      }\n    }\n\n    return footers;\n  };\n\n  const fillGroupFooters = () => {\n    const groupFooters = [];\n\n    if (header.showHierarchicalFooter) {\n      const footerNode = (\n        <HierarchicalGroupFooter key={groupFooterKey} groupHeader={header} columns={columns} />\n      );\n\n      if (header.isLeafNode) {\n        groupFooters.push(footerNode);\n      } else {\n        hierarchicalGroupInfoRef.current.parentGroupFooters[header.level] = footerNode;\n        hierarchicalGroupInfoRef.current.prevLevel = header.level;\n      }\n    }\n    // Check next coming group node whether it is last node or non leaf node\n    // and pull group footers from next group level to previous level\n    if (\n      headersLength === headerIndex + 1 ||\n      groupHeaders[headerIndex + 1].level <= hierarchicalGroupInfoRef.current.prevLevel\n    ) {\n      groupFooters.push(\n        ...getParentFooters(\n          headersLength === headerIndex + 1 ? 0 : groupHeaders[headerIndex + 1].level,\n          hierarchicalGroupInfoRef.current.prevLevel\n        )\n      );\n    }\n    return groupFooters;\n  };\n\n  return <>{fillGroupFooters()}</>;\n}\n\nHierarchicalGroupFooters.propTypes = {\n  groupHeaders: PropTypes.arrayOf(PropTypes.any),\n  columns: PropTypes.arrayOf(PropTypes.any),\n  headerIndex: PropTypes.number,\n  hierarchicalGroupInfoRef: PropTypes.shape({\n    current: PropTypes.shape({\n      prevLevel: PropTypes.number,\n      parentGroupFooters: PropTypes.objectOf(PropTypes.any)\n    })\n  }).isRequired\n};\n\nHierarchicalGroupFooters.defaultProps = {\n  groupHeaders: [],\n  columns: [],\n  headerIndex: 0\n};\n\nexport default HierarchicalGroupFooters;\n"]}

package/lib/Core/Components/HierarchicalGroupRenderer.d.ts

@@ -0,0 +1,31 @@
+export function HierarchicalGroupHeader({ groupHeader, columns }: {
+    groupHeader: any;
+    columns: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace HierarchicalGroupHeader {
+    namespace propTypes {
+        let columns: PropTypes.Validator<any[]>;
+        let groupHeader: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+    }
+}
+export function hierarchicalgroupheaderleftdisplacement(headerLevel: any): string;
+export function resetCounter(): void;
+export function HierarchicalGroupFooter({ columns, groupHeader }: {
+    columns: any;
+    groupHeader: any;
+}): import("react/jsx-runtime").JSX.Element | null;
+export namespace HierarchicalGroupFooter {
+    export namespace propTypes_1 {
+        let columns_1: PropTypes.Validator<any[]>;
+        export { columns_1 as columns };
+        let groupHeader_1: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        export { groupHeader_1 as groupHeader };
+    }
+    export { propTypes_1 as propTypes };
+}
+import PropTypes from 'prop-types';
+//# sourceMappingURL=HierarchicalGroupRenderer.d.ts.map

package/lib/Core/Components/HierarchicalGroupRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HierarchicalGroupRenderer.d.ts","sourceRoot":"","sources":["../../../Core/Components/HierarchicalGroupRenderer.jsx"],"names":[],"mappings":"AAoIA;;;mDAyHC;;;;;;;;;AA/OM,kFAC0B;AAI1B,qCAEN;AA+OM;;;mDAqCN;;;;;;;;;;;;sBAzSqB,YAAY"}