@elliemae/ds-data-table 2.0.0-alpha.11 → 2.0.0-alpha.12

package/esm/parts/FilterBar/components/SelectPill.js

@@ -1,17 +1,21 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
-const SelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const SelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const handleOnRemove = useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
@@ -21,7 +25,7 @@ const SelectPill = ({
     label: columnHeader
   }), /*#__PURE__*/_jsx(DSPillV2, {
     type: "removable",
-    label: value,
+    label: value.label,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

package/esm/parts/FilterBar/components/SingleDatePill.js

@@ -1,18 +1,22 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/es.string.replace.js';
 import { useCallback } from 'react';
 import { DSPillGroupV2, DSPillV2 } from '@elliemae/ds-pills';
 
-const SingleDatePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const SingleDatePill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const handleOnRemove = useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));

package/esm/parts/FilterBar/components/index.js

@@ -1,6 +1,6 @@
 export { DateRangePill } from './DateRangePill.js';
+export { DateSwitcherPill } from './DateSwitcherPill.js';
 export { MultiSelectPill } from './MultiSelectPill.js';
 export { NumberRangePill } from './NumberRangePill.js';
 export { SelectPill } from './SelectPill.js';
 export { SingleDatePill } from './SingleDatePill.js';
-export { TextPill } from './TextPill.js';

package/esm/parts/Filters/index.js

@@ -1,41 +1,51 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useCallback } from 'react';
 import { DateRangeFilter } from '../../addons/Filters/Components/DateRangeFilter/index.js';
+import { DateSwitcherFilter } from '../../addons/Filters/Components/DateSwitcherFilter/index.js';
 import { NumberRangeFilter } from '../../addons/Filters/Components/NumberRangeFilter/index.js';
+import { CurrencyRangeFilter } from '../../addons/Filters/Components/CurrencyRangeFilter/index.js';
 import { SingleSelectFilter } from '../../addons/Filters/Components/SelectFilter/SingleSelectFilter.js';
 import { MultiSelectFilter } from '../../addons/Filters/Components/SelectFilter/MultiSelectFilter.js';
 import { SingleDateFilter } from '../../addons/Filters/Components/SingleDateFilter/index.js';
-import { TextInputFilter } from '../../addons/Filters/Components/TextInputFilter/index.js';
 import '@babel/runtime/helpers/esm/jsx';
 import '@elliemae/ds-button';
 import '@elliemae/ds-popperjs';
 import 'styled-components';
 import '../../redux/reducers/index.js';
 import '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import '../../configs/useRowFlattenization.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import '../../styled.js';
 import { jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
-import '@elliemae/ds-icons/MoreOptionsVert';
-import '@elliemae/ds-utilities/hooks';
+import '@elliemae/ds-utilities';
 import 'uid';
 import { FILTER_TYPES } from '../../exported-related/FilterTypes.js';
 import '../../exported-related/Filters/applyOutOfTheBoxFilters.js';
 import 'moment';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.some.js';
 import { useDispatchHeadersActions } from '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -44,10 +54,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const FilterMapper = {
   [FILTER_TYPES.SELECT]: SingleSelectFilter,
   [FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter,
-  [FILTER_TYPES.TEXT]: TextInputFilter,
   [FILTER_TYPES.SINGLE_DATE]: SingleDateFilter,
   [FILTER_TYPES.DATE_RANGE]: DateRangeFilter,
-  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter
+  [FILTER_TYPES.DATE_SWITCHER]: DateSwitcherFilter,
+  [FILTER_TYPES.NUMBER_RANGE]: NumberRangeFilter,
+  [FILTER_TYPES.CURRENCY_RANGE]: CurrencyRangeFilter
 };
 const FilterMapItem = props => {
   const {

package/esm/parts/Footer.js

@@ -2,11 +2,14 @@ import 'react';
 import PropTypes from 'prop-types';
 import { jsx, Fragment } from 'react/jsx-runtime';
 
-const Footer = ({
-  children
-}) => /*#__PURE__*/jsx(Fragment, {
-  children: children
-});
+const Footer = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsx(Fragment, {
+    children: children
+  });
+};
 
 Footer.propTypes = {
   children: PropTypes.node

package/esm/parts/Headers/HeaderCell.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useContext, useRef, useMemo } from 'react';
@@ -10,7 +15,7 @@ import { SortByCaret } from '../SortByCaret.js';
 import '../TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
 import 'styled-components';
-import '@elliemae/ds-icons/WarningTriangle';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../Row.js';
@@ -24,12 +29,14 @@ import { useHeaderCellConfig } from './useHeaderCellConfig.js';
 import { useRecoverFocusCol } from '../../hooks/useRecoverFocusCol.js';
 import { DATA_TESTID } from '../../configs/constants.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import '../../configs/useRowFlattenization.js';
-import '@elliemae/ds-icons';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { jsxs } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import { HeaderCellTitle } from './HeaderCellTitle.js';
 import { useDispatchHeadersActions } from '../../redux/reducers/headersReducers/useDispatchHeadersActions.js';
 
@@ -62,7 +69,7 @@ function mapStateToProps(state, ownProps) {
 const connector = connect(mapStateToProps);
 
 const HeaderCellComp = props => {
-  var _FilterMapItem;
+  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
 
   const {
     reduxHeader,
@@ -87,7 +94,6 @@ const HeaderCellComp = props => {
   } = useDispatchHeadersActions();
   const dragHandleRef = useRef(null);
   const filterIconRef = useRef(null);
-  const headerRef = useRef(null);
   const {
     draggableProps
   } = useContext(SortableItemContext);
@@ -143,7 +149,7 @@ const HeaderCellComp = props => {
     onColumnSortChange,
     dragHandleRef,
     filterIconRef,
-    headerRef
+    headerRef: column.ref
   });
   return /*#__PURE__*/jsxs(StyledHeadTh, _objectSpread(_objectSpread({
     column: column
@@ -154,12 +160,12 @@ const HeaderCellComp = props => {
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": DATA_TESTID.DATA_TABLE_HEADER,
-    isFirstRowGroup: !!flattenedData[0].original.dimsumHeaderValue,
+    isFirstRowGroup: !!((_flattenedData$ = flattenedData[0]) !== null && _flattenedData$ !== void 0 && (_flattenedData$$origi = _flattenedData$.original) !== null && _flattenedData$$origi !== void 0 && _flattenedData$$origi.dimsumHeaderValue),
     tabIndex: column.isFocuseable === false ? -1 : 0,
     isDragOverlay: isDragOverlay,
     isDraggingActive: draggableProps && draggableProps.active,
     shouldShowDnD: shouldShowDnD,
-    ref: headerRef,
+    ref: column.ref,
     children: [/*#__PURE__*/_jsx(Grid, {
       width: "100%",
       cols: hCols

package/esm/parts/Headers/HeaderCellGroup.js

@@ -1,4 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useContext } from 'react';
 import { Grid } from '@elliemae/ds-grid';
 import styled from 'styled-components';
@@ -9,45 +11,50 @@ import DropIndicator from '../DropIndicator.js';
 import { SortableHeaderCell } from '../SortableHeaderCell.js';
 import { EmptyChildrenGroup } from './EmptyChildrenGroup.js';
 import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
 import '@elliemae/ds-icons';
 import '../../styled.js';
 import { jsxs } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 
 var _EmptyChildrenGroup;
 const StyledWrapper = /*#__PURE__*/styled(Grid).withConfig({
   componentId: "sc-1dqaj8a-0"
 })(["position:relative;width:", ";grid-column:", ";background:", ";opacity:", ";box-shadow:0 2px 4px 0 ", ";"], props => props.isDragOverlay ? 'fit-content' : '100%', props => props.gridColumn, props => props.isDragging ? props.theme.colors.neutral['080'] : 'white', props => props.isDragging ? 0.8 : 1, props => props.isDragOverlay ? 'rgba(0,0,0,0.5)' : 'transparent');
 
-const HeaderCellGroupComp = ({
-  header,
-  isDragOverlay,
-  isDraggingParent,
-  isLast
-}) => {
+const HeaderCellGroupComp = _ref => {
   var _children$length;
 
+  let {
+    header,
+    isDragOverlay,
+    isDraggingParent,
+    isLast
+  } = _ref;
   const {
     draggableProps
   } = useContext(SortableItemContext);
   const children = header.columns;
   const isDragging = draggableProps && draggableProps.isDragging || isDraggingParent;
   const dropIndicatorPosition = draggableProps && draggableProps.shouldShowDropIndicatorPosition && draggableProps.dropIndicatorPosition;
-  const ChildGroup = isDragOverlay ? NotSortableHeaderCellGroup : HeaderCellGroup;
+  const ChildGroup = isDragOverlay ? HeaderCellGroup : HeaderCellGroupSortable;
   const colSpan = (_children$length = children === null || children === void 0 ? void 0 : children.length) !== null && _children$length !== void 0 ? _children$length : 1;
   return /*#__PURE__*/jsxs(StyledWrapper, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
@@ -77,7 +84,7 @@ const HeaderCellGroupComp = ({
 };
 
 // We need to declare this because we MUST avoid the useSortable call in the recursive calls of the function
-const NotSortableHeaderCellGroup = HeaderCellGroupComp;
-const HeaderCellGroup = withDnDSortableColumnContext(HeaderCellGroupComp);
+const HeaderCellGroup = HeaderCellGroupComp;
+const HeaderCellGroupSortable = withDnDSortableColumnContext(HeaderCellGroupComp);
 
-export { HeaderCellGroup };
+export { HeaderCellGroup, HeaderCellGroupSortable as default };

package/esm/parts/Headers/HeaderCellTitle.js

@@ -3,57 +3,69 @@ import 'react';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { RequiredDot } from './RequiredDot.js';
 import { DATA_TESTID } from '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import '../../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import '@elliemae/ds-icons';
 import 'styled-components';
 import '../../styled.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
 
 var _RequiredDot;
 
-const StringTitle = ({
-  column,
-  textWrap
-}) => (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
-  value: column.Header
-}) : /*#__PURE__*/jsx(Fragment, {
-  children: column.Header
-});
+const StringTitle = _ref => {
+  let {
+    column,
+    textWrap
+  } = _ref;
+  return (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
+    value: column.Header
+  }) : /*#__PURE__*/jsx(Fragment, {
+    children: column.Header
+  });
+};
 
-const HeaderCellTitle = ({
-  column,
-  ctx,
-  draggableProps,
-  textWrap
-}) => /*#__PURE__*/_jsx("div", {
-  style: {
-    display: 'flex',
-    alignItems: 'center'
-  },
-  "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
-}, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx(StringTitle, {
-  column: column,
-  textWrap: textWrap
-}) : /*#__PURE__*/_jsx(column.Header, {
-  column: column,
-  ctx: ctx,
-  draggableProps: draggableProps
-}), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx(RequiredDot, {}))));
+const HeaderCellTitle = _ref2 => {
+  let {
+    column,
+    ctx,
+    draggableProps,
+    textWrap
+  } = _ref2;
+  return /*#__PURE__*/_jsx("div", {
+    style: {
+      display: 'flex',
+      alignItems: 'center'
+    },
+    "data-testid": DATA_TESTID.DATA_TABLE_HEADER_CELL_TITLE
+  }, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx(StringTitle, {
+    column: column,
+    textWrap: textWrap
+  }) : /*#__PURE__*/_jsx(column.Header, {
+    column: column,
+    ctx: ctx,
+    draggableProps: draggableProps
+  }), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx(RequiredDot, {}))));
+};
 
 export { HeaderCellTitle };

package/esm/parts/Headers/HeaderResizer.js

@@ -1,7 +1,16 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useContext, useState, useMemo, useEffect, useRef, useCallback } from 'react';
 import { ColsLayoutStyle } from '../../configs/constants.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'react-virtual';
 import { columnsToGrid } from '../../helpers/columnsToGrid.js';
 import '../../configs/useRowFlattenization.js';
@@ -10,18 +19,15 @@ import '@elliemae/ds-icons';
 import 'styled-components';
 import { StyledResizer } from '../../styled.js';
 import { jsx } from 'react/jsx-runtime';
-import '@elliemae/ds-form/Checkbox';
-import '@elliemae/ds-form/Radio';
+import '@elliemae/ds-form';
 import '../TableContent.js';
 import '@elliemae/ds-grid';
 import '@elliemae/ds-circular-progress-indicator';
-import '@elliemae/ds-icons/WarningTriangle';
 import '@elliemae/ds-system';
 import '@elliemae/ds-button';
 import DataTableContext from '../../DataTableContext.js';
 import '../Row.js';
 import '../Footer.js';
-import '@elliemae/ds-icons/GripperVertical';
 import '../HoC/SortableItemContext.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -30,11 +36,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const narrow = (value, min, max) => Math.min(Math.max(value, min !== null && min !== void 0 ? min : 30), max !== null && max !== void 0 ? max : Infinity);
 
-const HeaderResizer = ({
-  column
-}) => {
+const HeaderResizer = _ref => {
   var _column$width;
 
+  let {
+    column
+  } = _ref;
   const {
     layoutHelpers: {
       setGridLayout

package/esm/parts/Headers/index.js

@@ -1,9 +1,11 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useContext, useMemo } from 'react';
 import { StyledHeadTr, StyledHeadWrapper } from '../../styled.js';
 import DataTableContext from '../../DataTableContext.js';
 import { withConditionalDnDColumnContext } from '../HoC/withConditionalDnDColumnContext.js';
-import { HeaderCellGroup } from './HeaderCellGroup.js';
+import HeaderCellGroupSortable from './HeaderCellGroup.js';
 import { SortableHeaderCell } from '../SortableHeaderCell.js';
 import { jsx } from 'react/jsx-runtime';
 
@@ -27,7 +29,7 @@ const HeadersComp = () => {
     cols: gridLayout,
     colsLayoutStyle: colsLayoutStyle,
     isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx(HeaderCellGroup, {
+  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx(HeaderCellGroupSortable, {
     header: h,
     isLast: index === visibleColumns.length - 1
   }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);

package/esm/parts/Headers/useHeaderCellConfig.js

@@ -1,11 +1,16 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+
 /* eslint-disable complexity */
-const useHeaderCellConfig = ({
-  column,
-  dragAndDropColumns,
-  draggableProps,
-  reduxHeader,
-  isDragOverlay
-}) => {
+const useHeaderCellConfig = _ref => {
+  let {
+    column,
+    dragAndDropColumns,
+    draggableProps,
+    reduxHeader,
+    isDragOverlay
+  } = _ref;
   const hasFilter = !!(column.filter || column.Filter);
   const hasDnD = dragAndDropColumns && !column.disableDnD;
   const hasSortingCaret = column.canSort && typeof column.isSortedDesc === 'boolean';

package/esm/parts/Headers/useHeaderCellHandlers.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import { useCallback } from 'react';
 
@@ -5,30 +10,36 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const buildNextHeader = (reduxHeader, value, hasFilter, hasDnD, withTabStops = false) => _objectSpread(_objectSpread({
-  hideFilterMenu: true
-}, reduxHeader), {}, {
-  hideFilterButton: !(hasFilter && value),
-  showDnDHandle: hasDnD && value,
-  withTabStops
-});
+const buildNextHeader = function (reduxHeader, value, hasFilter, hasDnD) {
+  let withTabStops = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  return _objectSpread(_objectSpread({
+    hideFilterMenu: true
+  }, reduxHeader), {}, {
+    hideFilterButton: !(hasFilter && value),
+    showDnDHandle: hasDnD && value,
+    withTabStops
+  });
+};
 
-const useHeaderCellHandlers = ({
-  hasFilter,
-  patchHeader,
-  column,
-  reduxHeader,
-  hasDnD,
-  onColumnSortChange,
-  dragHandleRef,
-  filterIconRef,
-  headerRef
-}) => {
+const useHeaderCellHandlers = _ref => {
+  let {
+    hasFilter,
+    patchHeader,
+    column,
+    reduxHeader,
+    hasDnD,
+    onColumnSortChange,
+    dragHandleRef,
+    filterIconRef,
+    headerRef
+  } = _ref;
   const onMouseEnter = useCallback(() => {
     patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
   }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
   const onMouseLeave = useCallback(() => {
-    if (!headerRef.current.contains(document.activeElement)) {
+    var _headerRef$current;
+
+    if (!(headerRef !== null && headerRef !== void 0 && (_headerRef$current = headerRef.current) !== null && _headerRef$current !== void 0 && _headerRef$current.contains(document.activeElement))) {
       patchHeader(column.id, buildNextHeader(reduxHeader, false, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);
@@ -63,7 +74,7 @@ const useHeaderCellHandlers = ({
   }, [column.canSort, column.id, onColumnSortChange, patchHeader, reduxHeader, hasFilter, hasDnD, dragHandleRef, filterIconRef]);
   const onFocus = useCallback(e => {
     // Don't do anything if focus wasn't placed in the element (bubling issues)
-    if (e.target === headerRef.current) {
+    if (e.target === (headerRef === null || headerRef === void 0 ? void 0 : headerRef.current)) {
       patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
     }
   }, [column.id, hasDnD, hasFilter, headerRef, patchHeader, reduxHeader]);