@elliemae/ds-data-table 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/parts/FilterBar/components/DateSwitcherPill.js

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/es.string.replace.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');
+var React = require('react');
+var dsPills = require('@elliemae/ds-pills');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+const format = value => value === null || value === void 0 ? void 0 : value.replace(/-/g, '/');
+
+const DateSwitcherPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const handleOnRemove = React.useCallback(() => {
+    if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
+    onFiltersChange(filters.filter(filter => filter.id !== column));
+  }, [onFiltersChange, filters, prevRef, nextRef, column]);
+  return value !== null && value !== void 0 && value.startDate && value !== null && value !== void 0 && value.endDate ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "label",
+    label: columnHeader
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+    type: "removable",
+    label: value.isDateRange ? "".concat(format(value.startDate), " - ").concat(format(value.endDate)) : format(value.startDate),
+    onRemove: handleOnRemove,
+    innerRef: innerRef
+  })) : null;
+};
+
+exports.DateSwitcherPill = DateSwitcherPill;

package/cjs/parts/FilterBar/components/MultiSelectPill.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
@@ -10,20 +16,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const MultiSelectPill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const MultiSelectPill = _ref => {
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
+  const multiSelectedValue = value;
   const handleOnRemove = React.useCallback(valToRemove => {
     const newFilters = [...filters];
     const filterIndex = newFilters.findIndex(filter => filter.id === column);
-    newFilters[filterIndex].value = value.filter(val => val !== valToRemove);
+    newFilters[filterIndex].value = multiSelectedValue.filter(val => val.dsId !== valToRemove.dsId);
 
     if (newFilters[filterIndex].value.length === 0) {
       if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
@@ -31,16 +39,16 @@ const MultiSelectPill = ({
     }
 
     onFiltersChange(newFilters);
-  }, [filters, value, onFiltersChange, column, prevRef, nextRef]);
-  return value !== null && value !== void 0 && value.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }, [filters, multiSelectedValue, onFiltersChange, column, prevRef, nextRef]);
+  return multiSelectedValue !== null && multiSelectedValue !== void 0 && multiSelectedValue.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), value.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  }), multiSelectedValue.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: val,
+    label: val.label,
     onRemove: () => handleOnRemove(val),
-    innerRef: index === value.length - 1 ? innerRef : {}
-  }, val))) : null;
+    innerRef: index === multiSelectedValue.length - 1 ? innerRef : {}
+  }, val.dsId))) : null;
 };
 
 exports.MultiSelectPill = MultiSelectPill;

package/cjs/parts/FilterBar/components/NumberRangePill.js

@@ -3,6 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
@@ -10,26 +13,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const NumberRangePill = ({
-  columnHeader,
-  column,
-  value,
-  filters,
-  onFiltersChange,
-  prevRef,
-  innerRef,
-  nextRef
-}) => {
+const NumberRangePill = _ref => {
+  var _value$from, _value$to;
+
+  let {
+    columnHeader,
+    column,
+    value,
+    filters,
+    onFiltersChange,
+    prevRef,
+    innerRef,
+    nextRef
+  } = _ref;
   const handleOnRemove = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
   }, [onFiltersChange, filters, column, prevRef, nextRef]);
-  return ((value === null || value === void 0 ? void 0 : value.from) ?? '') !== '' && ((value === null || value === void 0 ? void 0 : value.to) ?? '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
+  return ((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : '') !== '' && ((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : '') !== '' ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
   }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: `${value.from} - ${value.to}`,
+    label: "".concat(value.from, " - ").concat(value.to),
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -3,6 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
 
@@ -10,16 +13,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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 = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));
@@ -29,7 +33,7 @@ const SelectPill = ({
     label: columnHeader
   }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
-    label: value,
+    label: value.label,
     onRemove: handleOnRemove,
     innerRef: innerRef
   })) : null;

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

@@ -3,6 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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/es.string.replace.js');
 var React = require('react');
 var dsPills = require('@elliemae/ds-pills');
@@ -11,16 +14,17 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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 = React.useCallback(() => {
     if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
     onFiltersChange(filters.filter(filter => filter.id !== column));

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DateRangePill = require('./DateRangePill.js');
+var DateSwitcherPill = require('./DateSwitcherPill.js');
 var MultiSelectPill = require('./MultiSelectPill.js');
 var NumberRangePill = require('./NumberRangePill.js');
 var SelectPill = require('./SelectPill.js');
 var SingleDatePill = require('./SingleDatePill.js');
-var TextPill = require('./TextPill.js');
 
 
 
 exports.DateRangePill = DateRangePill.DateRangePill;
+exports.DateSwitcherPill = DateSwitcherPill.DateSwitcherPill;
 exports.MultiSelectPill = MultiSelectPill.MultiSelectPill;
 exports.NumberRangePill = NumberRangePill.NumberRangePill;
 exports.SelectPill = SelectPill.SelectPill;
 exports.SingleDatePill = SingleDatePill.SingleDatePill;
-exports.TextPill = TextPill.TextPill;

package/cjs/parts/Filters/index.js

@@ -3,41 +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');
 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 }; }
@@ -50,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 {
@@ -95,7 +108,7 @@ const FilterMapItem = props => {
 
   if (typeof column.filter === 'string') {
     if (!(column.filter in FilterMapper)) {
-      throw new Error(`column.filter must be a supported out-of-the-box filter in ${column}`);
+      throw new Error("column.filter must be a supported out-of-the-box filter in ".concat(column));
     }
 
     const FilterComp = FilterMapper[column.filter];
@@ -104,7 +117,7 @@ const FilterMapItem = props => {
 
   if (column.Filter) {
     if (typeof column.Filter !== 'function') {
-      throw new Error(`column.Filter must be a component`);
+      throw new Error("column.Filter must be a component");
     }
 
     const FilterComp = column.Filter;

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');
@@ -27,12 +32,15 @@ var useHeaderCellHandlers = require('./useHeaderCellHandlers.js');
 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');
 
@@ -52,12 +60,12 @@ const buildScreenReaderInstructions = (colSpan, draggable, filterable, sortable)
   let message = sortable ? 'You can sort the data ascendingly/descendingly by this column. Use the up / down arrows keys to do so' : '';
 
   if (draggable && filterable) {
-    message = `This column is draggable and filterable. To enable these interactions press the enter key. ${message}`;
+    message = "This column is draggable and filterable. To enable these interactions press the enter key. ".concat(message);
   } else if (draggable || filterable) {
-    message = `This column is ${draggable ? 'draggable' : 'filterable'}. To enable this interaction press the enter key. ${message}`;
+    message = "This column is ".concat(draggable ? 'draggable' : 'filterable', ". To enable this interaction press the enter key. ").concat(message);
   }
 
-  return `${preffix}${message}`;
+  return "".concat(preffix).concat(message);
 };
 
 function mapStateToProps(state, ownProps) {
@@ -71,7 +79,7 @@ function mapStateToProps(state, ownProps) {
 const connector = reactRedux.connect(mapStateToProps);
 
 const HeaderCellComp = props => {
-  var _FilterMapItem;
+  var _FilterMapItem, _flattenedData$, _flattenedData$$origi;
 
   const {
     reduxHeader,
@@ -88,14 +96,14 @@ const HeaderCellComp = props => {
       onFiltersChange,
       filters,
       textWrap
-    }
+    },
+    flattenedData
   } = ctx;
   const {
     patchHeader
   } = useDispatchHeadersActions.useDispatchHeadersActions();
   const dragHandleRef = React.useRef(null);
   const filterIconRef = React.useRef(null);
-  const headerRef = React.useRef(null);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -151,22 +159,23 @@ const HeaderCellComp = props => {
     onColumnSortChange,
     dragHandleRef,
     filterIconRef,
-    headerRef
+    headerRef: column.ref
   });
   return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledHeadTh, _objectSpread(_objectSpread({
     column: column
   }, handlers), {}, {
     role: colSpan === 1 ? 'columnheader' : 'group',
     colSpan: colSpan,
-    "aria-describedby": `${column.id}-instructions` // eslint-disable-next-line no-nested-ternary
+    "aria-describedby": "".concat(column.id, "-instructions") // eslint-disable-next-line no-nested-ternary
     ,
     "aria-sort": hasSortingCaret ? column.isSortedDesc ? 'descending' : 'ascending' : 'none',
     "data-testid": constants.DATA_TESTID.DATA_TABLE_HEADER,
+    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
@@ -178,7 +187,7 @@ const HeaderCellComp = props => {
     }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx__default["default"](HeaderResizer.HeaderResizer, {
       column: column
     })), /*#__PURE__*/_jsx__default["default"]("span", {
-      id: `${column.id}-instructions`,
+      id: "".concat(column.id, "-instructions"),
       style: {
         display: 'none'
       },

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,23 +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 }; }
 
@@ -41,23 +48,26 @@ 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 colSpan = (children === null || children === void 0 ? void 0 : children.length) ?? 1;
+  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,
-    gridColumn: isDragOverlay ? 'auto' : `span ${colSpan}`,
+    gridColumn: isDragOverlay ? 'auto' : "span ".concat(colSpan),
     isDragOverlay: isDragOverlay,
     isDragging: isDragging,
     cols: ['auto'],
@@ -83,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;