@elliemae/ds-data-table 2.0.0-alpha.3 → 2.0.0-alpha.7

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

@@ -27,18 +27,19 @@ const MultiSelectPill = ({
 
     if (newFilters[filterIndex].value.length === 0) {
       if (prevRef !== null && prevRef !== void 0 && prevRef.current) prevRef.current.focus();else nextRef.current.focus();
+      newFilters.splice(filterIndex, 1);
     }
 
     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, {
+  return value !== null && value !== void 0 && value.length ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), value.map(val => /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), value.map((val, index) => /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: val,
     onRemove: () => handleOnRemove(val),
-    innerRef: innerRef
+    innerRef: index === value.length - 1 ? innerRef : {}
   }, val))) : null;
 };
 

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

@@ -24,10 +24,10 @@ const NumberRangePill = ({
     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 === 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, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: `${value.from} - ${value.to}`,
     onRemove: handleOnRemove,

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

@@ -24,10 +24,10 @@ const SelectPill = ({
     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 ? /*#__PURE__*/_jsx__default['default'](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value,
     onRemove: handleOnRemove,

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

@@ -25,10 +25,10 @@ const SingleDatePill = ({
     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 ? /*#__PURE__*/_jsx__default['default'](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value.replace(/-/g, '/'),
     onRemove: handleOnRemove,

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

@@ -24,10 +24,10 @@ const TextPill = ({
     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 ? /*#__PURE__*/_jsx__default['default'](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  return value ? /*#__PURE__*/_jsx__default["default"](dsPills.DSPillGroupV2, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "label",
     label: columnHeader
-  }), /*#__PURE__*/_jsx__default['default'](dsPills.DSPillV2, {
+  }), /*#__PURE__*/_jsx__default["default"](dsPills.DSPillV2, {
     type: "removable",
     label: value,
     onRemove: handleOnRemove,

package/cjs/parts/FilterBar/styled.js

@@ -12,10 +12,10 @@ var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu)
 var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const StyledWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-10txld7-0"
 })(["display:flex;flex-wrap:wrap;width:", ";align-items:center;min-height:33px;padding:0 ", ";"], props => props.width, props => props.theme.space.xxxs);
-const StyledDropdownMenu = /*#__PURE__*/styled__default['default'](DSDropdownMenu__default['default']).withConfig({
+const StyledDropdownMenu = /*#__PURE__*/styled__default["default"](DSDropdownMenu__default["default"]).withConfig({
   componentId: "sc-10txld7-1"
 })(["margin-left:auto;"]);
 

package/cjs/parts/Filters/index.js

@@ -10,19 +10,17 @@ var SingleSelectFilter = require('../../addons/Filters/Components/SelectFilter/S
 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');
-require('../../exported-related/FilterPopover.js');
 require('@babel/runtime/helpers/jsx');
-require('../../styled.js');
-require('../../DataTableContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-require('styled-components');
 require('@elliemae/ds-button');
-require('@elliemae/ds-icons/MoreOptionsVert');
+require('@elliemae/ds-popperjs');
+require('styled-components');
+require('../../redux/reducers/index.js');
 require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
+require('../../styled.js');
+var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
 require('../TableContent.js');
@@ -30,15 +28,16 @@ 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('uid');
 var FilterTypes = require('../../exported-related/FilterTypes.js');
 require('../../exported-related/Filters/applyOutOfTheBoxFilters.js');
 require('moment');
-require('../../redux/reducers/index.js');
 var useDispatchHeadersActions = require('../../redux/reducers/headersReducers/useDispatchHeadersActions.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -47,7 +46,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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 FilterMapper = {
   [FilterTypes.FILTER_TYPES.SELECT]: SingleSelectFilter.SingleSelectFilter,
   [FilterTypes.FILTER_TYPES.MULTI_SELECT]: MultiSelectFilter.MultiSelectFilter,

package/cjs/parts/Footer.js

@@ -15,7 +15,7 @@ const Footer = ({
 });
 
 Footer.propTypes = {
-  children: PropTypes__default['default'].node
+  children: PropTypes__default["default"].node
 };
 
 module.exports = Footer;

package/cjs/parts/Headers/EmptyChildrenGroup.js

@@ -12,9 +12,9 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _StyledBox;
-const StyledBox = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledBox = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1dcayi9-0"
 })(["height:24px;margin:0 ", ";border-top:1px solid ", ";"], props => props.theme.space.xxs, props => props.theme.colors.neutral[200]);
-const EmptyChildrenGroup = () => _StyledBox || (_StyledBox = /*#__PURE__*/_jsx__default['default'](StyledBox, {}));
+const EmptyChildrenGroup = () => _StyledBox || (_StyledBox = /*#__PURE__*/_jsx__default["default"](StyledBox, {}));
 
 exports.EmptyChildrenGroup = EmptyChildrenGroup;

package/cjs/parts/Headers/HeaderCell.js

@@ -29,7 +29,6 @@ var useRecoverFocusCol = require('../../hooks/useRecoverFocusCol.js');
 var constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
 var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
@@ -45,7 +44,7 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 
 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; }
 
-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; }
+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 buildScreenReaderInstructions = (colSpan, draggable, filterable, sortable) => {
   const preffix = colSpan === 1 ? '' : 'Column Group. ';
@@ -80,7 +79,7 @@ const HeaderCellComp = props => {
     isDragOverlay,
     colSpan
   } = props;
-  const ctx = React.useContext(DataTableContext['default']);
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
     tableProps: {
       isResizeable,
@@ -118,26 +117,26 @@ const HeaderCellComp = props => {
   useRecoverFocusCol.useRecoverFocusCol(isDragging, dragHandleRef);
   const rightIcons = React.useMemo(() => {
     if (!hasRightIcons) return null;
-    return /*#__PURE__*/_jsx__default['default'](styled.StyledHeaderRightIconsWrapper, {}, void 0, _FilterMapItem || (_FilterMapItem = /*#__PURE__*/_jsx__default['default'](index.FilterMapItem, {
+    return /*#__PURE__*/_jsx__default["default"](styled.StyledHeaderRightIconsWrapper, {}, void 0, _FilterMapItem || (_FilterMapItem = /*#__PURE__*/_jsx__default["default"](index.FilterMapItem, {
       column: column,
       ctx: ctx,
       onFiltersChange: onFiltersChange,
       reduxHeader: reduxHeader,
       filterValue: filters,
       innerRef: filterIconRef
-    })), hasSortingCaret && /*#__PURE__*/_jsx__default['default'](SortByCaret.SortByCaret, {
+    })), hasSortingCaret && /*#__PURE__*/_jsx__default["default"](SortByCaret.SortByCaret, {
       isSortedDesc: column.isSortedDesc
     }));
   }, [hasRightIcons, column, ctx, onFiltersChange, reduxHeader, filters, hasSortingCaret]);
-  const DnDHandleComponent = React.useMemo(() => /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+  const DnDHandleComponent = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
     mr: "2px",
     alignItems: "center",
     style: {
       position: 'relative'
     }
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.StyledFocusWithin, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledFocusWithin, {
     hideFocus: isDragging
-  }, void 0, /*#__PURE__*/_jsx__default['default'](DnDHandle, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](DnDHandle, {
     innerRef: dragHandleRef,
     isReachable: reduxHeader === null || reduxHeader === void 0 ? void 0 : reduxHeader.withTabStops,
     id: column.id,
@@ -168,17 +167,17 @@ const HeaderCellComp = props => {
     isDraggingActive: draggableProps && draggableProps.active,
     shouldShowDnD: shouldShowDnD,
     ref: headerRef,
-    children: [/*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    children: [/*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       width: "100%",
       cols: hCols
-    }, void 0, shouldShowDnD && DnDHandleComponent, /*#__PURE__*/_jsx__default['default'](HeaderCellTitle.HeaderCellTitle, {
+    }, void 0, shouldShowDnD && DnDHandleComponent, /*#__PURE__*/_jsx__default["default"](HeaderCellTitle.HeaderCellTitle, {
       column: column,
       ctx: ctx,
       draggableProps: draggableProps,
       textWrap: textWrap
-    }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx__default['default'](HeaderResizer.HeaderResizer, {
+    }), rightIcons, isResizeable && column.canResize !== false && /*#__PURE__*/_jsx__default["default"](HeaderResizer.HeaderResizer, {
       column: column
-    })), /*#__PURE__*/_jsx__default['default']("span", {
+    })), /*#__PURE__*/_jsx__default["default"]("span", {
       id: `${column.id}-instructions`,
       style: {
         display: 'none'

package/cjs/parts/Headers/HeaderCellGroup.js

@@ -16,7 +16,6 @@ var constants = require('../../configs/constants.js');
 require('react-virtual');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
 require('../../styled.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -38,7 +37,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _EmptyChildrenGroup;
-const StyledWrapper = /*#__PURE__*/styled__default['default'](Grid.Grid).withConfig({
+const StyledWrapper = /*#__PURE__*/styled__default["default"](Grid.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');
 
@@ -63,19 +62,19 @@ const HeaderCellGroupComp = ({
     isDragging: isDragging,
     cols: ['auto'],
     "data-testid": isDragOverlay ? constants.DATA_TESTID.DATA_TABLE_COLUMN_DRAG_OVERLAY : undefined,
-    children: [/*#__PURE__*/_jsx__default['default'](HeaderCell.HeaderCell, {
+    children: [/*#__PURE__*/_jsx__default["default"](HeaderCell.HeaderCell, {
       column: header,
       isDragOverlay: isDragOverlay,
       colSpan: colSpan
-    }), !!(children !== null && children !== void 0 && children.length) && !isDragOverlay && /*#__PURE__*/_jsx__default['default'](SortableHeaderCell.SortableHeaderCell, {
+    }), !!(children !== null && children !== void 0 && children.length) && !isDragOverlay && /*#__PURE__*/_jsx__default["default"](SortableHeaderCell.SortableHeaderCell, {
       items: children,
       isDragOverlay: isDragOverlay
-    }, void 0, children.map((h, index) => /*#__PURE__*/_jsx__default['default'](ChildGroup, {
+    }, void 0, children.map((h, index) => /*#__PURE__*/_jsx__default["default"](ChildGroup, {
       header: h,
       isDragOverlay: isDragOverlay,
       isDraggingParent: isDragging,
       isLast: index === children.length - 1
-    }, h.id))), (children === null || children === void 0 ? void 0 : children.length) && isDragOverlay && (_EmptyChildrenGroup || (_EmptyChildrenGroup = /*#__PURE__*/_jsx__default['default'](EmptyChildrenGroup.EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx__default['default'](DropIndicator, {
+    }, h.id))), (children === null || children === void 0 ? void 0 : children.length) && isDragOverlay && (_EmptyChildrenGroup || (_EmptyChildrenGroup = /*#__PURE__*/_jsx__default["default"](EmptyChildrenGroup.EmptyChildrenGroup, {}))), /*#__PURE__*/_jsx__default["default"](DropIndicator, {
       vertical: true,
       dropIndicatorPosition: dropIndicatorPosition,
       isLast: isLast && isDragging

package/cjs/parts/Headers/HeaderCellTitle.js

@@ -6,7 +6,27 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var RequiredDot = require('./RequiredDot.js');
+var constants = require('../../configs/constants.js');
+require('react-virtual');
+require('../../configs/useRowFlattenization.js');
+require('@babel/runtime/helpers/defineProperty');
+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('../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 }; }
 
@@ -17,7 +37,7 @@ var _RequiredDot;
 const StringTitle = ({
   column,
   textWrap
-}) => (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx__default['default'](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+}) => (column.textWrap || textWrap) === 'truncate' ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
   value: column.Header
 }) : /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
   children: column.Header
@@ -28,18 +48,19 @@ const HeaderCellTitle = ({
   ctx,
   draggableProps,
   textWrap
-}) => /*#__PURE__*/_jsx__default['default']("div", {
+}) => /*#__PURE__*/_jsx__default["default"]("div", {
   style: {
     display: 'flex',
     alignItems: 'center'
-  }
-}, void 0, typeof column.Header === 'string' ? /*#__PURE__*/_jsx__default['default'](StringTitle, {
+  },
+  "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, {
+}) : /*#__PURE__*/_jsx__default["default"](column.Header, {
   column: column,
   ctx: ctx,
   draggableProps: draggableProps
-}), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx__default['default'](RequiredDot.RequiredDot, {}))));
+}), column.required && (_RequiredDot || (_RequiredDot = /*#__PURE__*/_jsx__default["default"](RequiredDot.RequiredDot, {}))));
 
 exports.HeaderCellTitle = HeaderCellTitle;

package/cjs/parts/Headers/HeaderResizer.js

@@ -9,9 +9,8 @@ require('react-virtual');
 var columnsToGrid = require('../../helpers/columnsToGrid.js');
 require('../../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 var styled = require('../../styled.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
@@ -34,7 +33,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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 narrow = (value, min, max) => Math.min(Math.max(value, min ?? 30), max ?? Infinity);
 
@@ -49,7 +48,7 @@ const HeaderResizer = ({
     tableProps: {
       onColumnResize
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const [isResizing, setIsResizing] = React.useState(false);
   const [nextWidth, setNextWidth] = React.useState(column.width ?? 150);
   const visibleColumnsCopy = React.useMemo(() => visibleColumns.map(col => _objectSpread({}, col)), [visibleColumns]);

package/cjs/parts/Headers/RequiredDot.js

@@ -10,14 +10,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 var _circle;
-const RequiredDot = () => /*#__PURE__*/_jsx__default['default']("svg", {
+const RequiredDot = () => /*#__PURE__*/_jsx__default["default"]("svg", {
   height: "4",
   width: "4",
   style: {
     marginBottom: '6px',
     marginLeft: '4px'
   }
-}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default['default']("circle", {
+}, void 0, _circle || (_circle = /*#__PURE__*/_jsx__default["default"]("circle", {
   cx: "2",
   cy: "2",
   r: "2",

package/cjs/parts/Headers/index.js

@@ -25,15 +25,15 @@ const HeadersComp = () => {
     },
     columnHeaderRef,
     visibleColumns
-  } = React.useContext(DataTableContext['default']);
-  const HeadersCells = React.useMemo(() => /*#__PURE__*/_jsx__default['default'](SortableHeaderCell.SortableHeaderCell, {
+  } = React.useContext(DataTableContext["default"]);
+  const HeadersCells = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](SortableHeaderCell.SortableHeaderCell, {
     items: visibleColumns
-  }, void 0, /*#__PURE__*/_jsx__default['default'](styled.StyledHeadTr, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](styled.StyledHeadTr, {
     role: "row",
     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.HeaderCellGroup, {
     header: h,
     isLast: index === visibleColumns.length - 1
   }, h.id)))), [isExpandable, visibleColumns, gridLayout, colsLayoutStyle]);

package/cjs/parts/Headers/useHeaderCellHandlers.js

@@ -11,7 +11,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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

package/cjs/parts/HoC/withConditionalDnDColumnContext.js

@@ -20,7 +20,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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; }
 
-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; }
+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 DnDGroupContext = /*#__PURE__*/React.createContext({
   activeIndex: undefined
 });
@@ -50,8 +50,8 @@ const withConditionalDnDColumnContext = Component => props => {
       columns,
       onColumnsReorder
     }
-  } = React__default['default'].useContext(DataTableContext['default']);
-  const [PureDraggedJSX, setPureDraggedJSX] = React__default['default'].useState(null); // todo: check if this can be done via portal
+  } = React__default["default"].useContext(DataTableContext["default"]);
+  const [PureDraggedJSX, setPureDraggedJSX] = React__default["default"].useState(null); // todo: check if this can be done via portal
 
   const flattenedItems = React.useMemo(() => flattenColumns(columns), [columns]);
   const onReorder = React.useCallback((movedItem, indexes) => {
@@ -84,15 +84,15 @@ const withConditionalDnDColumnContext = Component => props => {
     onReorder
   });
   if (dragAndDropColumns) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
-    children: [/*#__PURE__*/_jsx__default['default'](DragOverlayContext.DragOverlayContext.Provider, {
+    children: [/*#__PURE__*/_jsx__default["default"](DragOverlayContext.DragOverlayContext.Provider, {
       value: {
         setPureDraggedJSX
       }
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DnDGroupContext.Provider, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DnDGroupContext.Provider, {
       value: {
         activeIndex
       }
-    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))), /*#__PURE__*/_jsx__default['default'](core.DragOverlay, {}, void 0, activeId ? PureDraggedJSX : null)]
+    }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)))), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {}, void 0, activeId ? PureDraggedJSX : null)]
   }));
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props));
 };

package/cjs/parts/HoC/withConditionalDnDRowContext.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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; }
 
-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; }
+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 DnDTreeContext = /*#__PURE__*/React.createContext({
   depth: undefined,
   activeIndex: undefined,
@@ -41,10 +41,10 @@ const withConditionalDnDRowContext = Component => props => {
     },
     flattenedData,
     allDataFlattened
-  } = React__default['default'].useContext(DataTableContext['default']);
-  const [PureDraggedJSX, setPureDraggedJSX] = React__default['default'].useState(null); // todo: check if this can be done via portal
+  } = React__default["default"].useContext(DataTableContext["default"]);
+  const [PureDraggedJSX, setPureDraggedJSX] = React__default["default"].useState(null); // todo: check if this can be done via portal
 
-  const [lastActiveId, setLastActiveId] = React__default['default'].useState(null);
+  const [lastActiveId, setLastActiveId] = React__default["default"].useState(null);
   const onReorder = React.useCallback((newData, indexes, considerExpanding) => {
     // Pull the row's original data into an object
     const nodes = {};
@@ -83,11 +83,11 @@ const withConditionalDnDRowContext = Component => props => {
   if (lastActiveId !== activeId && activeId) setLastActiveId(activeId);
   if (dragAndDropRows) return /*#__PURE__*/jsxRuntime.jsxs(core.DndContext, _objectSpread(_objectSpread({}, dndContextProps), {}, {
     children: [/*#__PURE__*/jsxRuntime.jsx(sortable.SortableContext, _objectSpread(_objectSpread({}, sortableContextProps), {}, {
-      children: /*#__PURE__*/_jsx__default['default'](DragOverlayContext.DragOverlayContext.Provider, {
+      children: /*#__PURE__*/_jsx__default["default"](DragOverlayContext.DragOverlayContext.Provider, {
         value: {
           setPureDraggedJSX
         }
-      }, void 0, /*#__PURE__*/_jsx__default['default'](DnDTreeContext.Provider, {
+      }, void 0, /*#__PURE__*/_jsx__default["default"](DnDTreeContext.Provider, {
         value: {
           activeIndex,
           depth,
@@ -97,7 +97,7 @@ const withConditionalDnDRowContext = Component => props => {
           setLastActiveId
         }
       }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props))))
-    })), /*#__PURE__*/_jsx__default['default'](core.DragOverlay, {
+    })), /*#__PURE__*/_jsx__default["default"](core.DragOverlay, {
       style: {
         width: 'auto'
       }

package/cjs/parts/HoC/withConditionalDnDSortableContext.js

@@ -16,16 +16,16 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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 withConditionalDnDSortableContext = (items, isDragOverlay = false) => Component => props => {
   const {
     tableProps: {
       dragAndDropColumns
     }
-  } = React.useContext(DataTableContext['default']); // Only add the context if it's not a dragOverlay and dnd for cols was requested
+  } = React.useContext(DataTableContext["default"]); // Only add the context if it's not a dragOverlay and dnd for cols was requested
   // It's important that drag overlays DO NOT have any sortable functionality!
 
-  if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx__default['default'](sortable.SortableContext, {
+  if (!isDragOverlay && dragAndDropColumns) return /*#__PURE__*/_jsx__default["default"](sortable.SortableContext, {
     items: items.map(item => item.Header),
     strategy: sortable.horizontalListSortingStrategy
   }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, props)));

package/cjs/parts/HoC/withDnDSortableColumnContext.js

@@ -19,13 +19,13 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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 withDnDSortableColumnContext = Component => props => {
   const {
     tableProps: {
       dragAndDropColumns
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     setPureDraggedJSX
   } = React.useContext(DragOverlayContext.DragOverlayContext);
@@ -66,7 +66,7 @@ const withDnDSortableColumnContext = Component => props => {
     draggableProps
   }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
 
-  return /*#__PURE__*/_jsx__default['default'](SortableItemContext.SortableItemContext.Provider, {
+  return /*#__PURE__*/_jsx__default["default"](SortableItemContext.SortableItemContext.Provider, {
     value: ctx
   }, void 0, PureComponentJSX);
 };

package/cjs/parts/HoC/withDnDSortableRowContext.js

@@ -19,13 +19,13 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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; }
 
-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; }
+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 withDnDSortableRowContext = Component => props => {
   const {
     tableProps: {
       dragAndDropRows
     }
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     setPureDraggedJSX
   } = React.useContext(DragOverlayContext.DragOverlayContext);
@@ -70,7 +70,7 @@ const withDnDSortableRowContext = Component => props => {
     draggableProps
   }), [draggableProps]); // we always add the context, if draggableProps===false we don't have the DnD enabled.
 
-  return /*#__PURE__*/_jsx__default['default'](SortableItemContext.SortableItemContext.Provider, {
+  return /*#__PURE__*/_jsx__default["default"](SortableItemContext.SortableItemContext.Provider, {
     value: ctx
   }, void 0, PureComponentJSX);
 };