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

package/cjs/parts/Filters/index.js

@@ -3,43 +3,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
-var index$2 = require('../../addons/Filters/Components/DateRangeFilter/index.js');
+var index$1 = require('../../addons/Filters/Components/DateRangeFilter/index.js');
+var index$2 = require('../../addons/Filters/Components/DateSwitcherFilter/index.js');
 var index$3 = require('../../addons/Filters/Components/NumberRangeFilter/index.js');
+var index$4 = require('../../addons/Filters/Components/CurrencyRangeFilter/index.js');
 var SingleSelectFilter = require('../../addons/Filters/Components/SelectFilter/SingleSelectFilter.js');
 var MultiSelectFilter = require('../../addons/Filters/Components/SelectFilter/MultiSelectFilter.js');
-var index$1 = require('../../addons/Filters/Components/SingleDateFilter/index.js');
-var index = require('../../addons/Filters/Components/TextInputFilter/index.js');
+var index = require('../../addons/Filters/Components/SingleDateFilter/index.js');
 require('@babel/runtime/helpers/jsx');
 require('@elliemae/ds-button');
 require('@elliemae/ds-popperjs');
 require('styled-components');
 require('../../redux/reducers/index.js');
 require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../../styled.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('../../DataTableContext.js');
 require('../Row.js');
 require('../Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../HoC/SortableItemContext.js');
-require('@elliemae/ds-icons/MoreOptionsVert');
-require('@elliemae/ds-utilities/hooks');
+require('@elliemae/ds-utilities');
 require('uid');
 var FilterTypes = require('../../exported-related/FilterTypes.js');
 require('../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.some.js');
 var useDispatchHeadersActions = require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -52,10 +62,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const FilterMapper = {
   [FilterTypes.FILTER_TYPES.SELECT]: SingleSelectFilter.SingleSelectFilter,
   [FilterTypes.FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter.MultiSelectFilter,
-  [FilterTypes.FILTER_TYPES.TEXT]: index.TextInputFilter,
-  [FilterTypes.FILTER_TYPES.SINGLE_DATE]: index$1.SingleDateFilter,
-  [FilterTypes.FILTER_TYPES.DATE_RANGE]: index$2.DateRangeFilter,
-  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: index$3.NumberRangeFilter
+  [FilterTypes.FILTER_TYPES.SINGLE_DATE]: index.SingleDateFilter,
+  [FilterTypes.FILTER_TYPES.DATE_RANGE]: index$1.DateRangeFilter,
+  [FilterTypes.FILTER_TYPES.DATE_SWITCHER]: index$2.DateSwitcherFilter,
+  [FilterTypes.FILTER_TYPES.NUMBER_RANGE]: index$3.NumberRangeFilter,
+  [FilterTypes.FILTER_TYPES.CURRENCY_RANGE]: index$4.CurrencyRangeFilter
 };
 const FilterMapItem = props => {
   const {

package/cjs/parts/Footer.js

@@ -8,11 +8,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-const Footer = ({
-  children
-}) => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-  children: children
-});
+const Footer = _ref => {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: children
+  });
+};
 
 Footer.propTypes = {
   children: PropTypes__default["default"].node

package/cjs/parts/Headers/HeaderCell.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -14,7 +19,7 @@ var SortByCaret = require('../SortByCaret.js');
 require('../TableContent.js');
 require('@elliemae/ds-circular-progress-indicator');
 require('styled-components');
-require('@elliemae/ds-icons/WarningTriangle');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../Row.js');
@@ -28,12 +33,14 @@ var useHeaderCellConfig = require('./useHeaderCellConfig.js');
 var useRecoverFocusCol = require('../../hooks/useRecoverFocusCol.js');
 var constants = require('../../configs/constants.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 var HeaderCellTitle = require('./HeaderCellTitle.js');
 var useDispatchHeadersActions = require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
 
@@ -72,7 +79,7 @@ function mapStateToProps(state, ownProps) {
 const connector = reactRedux.connect(mapStateToProps);
 
 const HeaderCellComp = props => {
-  var _FilterMapItem;
+  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
 
   const {
     reduxHeader,
@@ -97,7 +104,6 @@ const HeaderCellComp = props => {
   } = useDispatchHeadersActions.useDispatchHeadersActions();
   const dragHandleRef = React.useRef(null);
   const filterIconRef = React.useRef(null);
-  const headerRef = React.useRef(null);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -153,7 +159,7 @@ const HeaderCellComp = props => {
     onColumnSortChange,
     dragHandleRef,
     filterIconRef,
-    headerRef
+    headerRef: column.ref
   });
   return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledHeadTh, _objectSpread(_objectSpread({
     column: column
@@ -164,12 +170,12 @@ const HeaderCellComp = props => {
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": constants.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__default["default"](Grid__default["default"], {
       width: "100%",
       cols: hCols

package/cjs/parts/Headers/HeaderCellGroup.js

@@ -3,6 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
@@ -13,24 +15,28 @@ var DropIndicator = require('../DropIndicator.js');
 var SortableHeaderCell = require('../SortableHeaderCell.js');
 var EmptyChildrenGroup = require('./EmptyChildrenGroup.js');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@elliemae/ds-icons');
 require('../../styled.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../TableContent.js');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 require('../../DataTableContext.js');
 require('../Row.js');
 require('../Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -42,21 +48,22 @@ const StyledWrapper = /*#__PURE__*/styled__default["default"](Grid.Grid).withCon
   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
   } = React.useContext(SortableItemContext.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__*/jsxRuntime.jsxs(StyledWrapper, {
     ref: draggableProps ? draggableProps.setNodeRef : null,
@@ -86,7 +93,8 @@ 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.withDnDSortableColumnContext(HeaderCellGroupComp);
+const HeaderCellGroup = HeaderCellGroupComp;
+const HeaderCellGroupSortable = withDnDSortableColumnContext.withDnDSortableColumnContext(HeaderCellGroupComp);
 
 exports.HeaderCellGroup = HeaderCellGroup;
+exports["default"] = HeaderCellGroupSortable;

package/cjs/parts/Headers/HeaderCellTitle.js

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

package/cjs/parts/Headers/HeaderResizer.js

@@ -4,8 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var constants = require('../../configs/constants.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 require('react-virtual');
 var columnsToGrid = require('../../helpers/columnsToGrid.js');
 require('../../configs/useRowFlattenization.js');
@@ -14,18 +23,15 @@ require('@elliemae/ds-icons');
 require('styled-components');
 var styled = require('../../styled.js');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('../TableContent.js');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 var DataTableContext = require('../../DataTableContext.js');
 require('../Row.js');
 require('../Footer.js');
-require('@elliemae/ds-icons/GripperVertical');
 require('../HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -38,11 +44,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/cjs/parts/Headers/index.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var styled = require('../../styled.js');
 var DataTableContext = require('../../DataTableContext.js');
@@ -33,7 +35,7 @@ const HeadersComp = () => {
     cols: gridLayout,
     colsLayoutStyle: colsLayoutStyle,
     isExpandable: isExpandable
-  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx__default["default"](HeaderCellGroup.HeaderCellGroup, {
+  }, void 0, visibleColumns.map((h, index) => /*#__PURE__*/_jsx__default["default"](HeaderCellGroup["default"], {
     header: h,
     isLast: index === visibleColumns.length - 1
   }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);

package/cjs/parts/Headers/useHeaderCellConfig.js

@@ -2,14 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('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/cjs/parts/Headers/useHeaderCellHandlers.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
 
@@ -13,30 +18,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__default["default"](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 = React.useCallback(() => {
     patchHeader(column.id, buildNextHeader(reduxHeader, true, hasFilter, hasDnD));
   }, [column.id, hasDnD, hasFilter, patchHeader, reduxHeader]);
   const onMouseLeave = React.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]);
@@ -71,7 +82,7 @@ const useHeaderCellHandlers = ({
   }, [column.canSort, column.id, onColumnSortChange, patchHeader, reduxHeader, hasFilter, hasDnD, dragHandleRef, filterIconRef]);
   const onFocus = React.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]);