@elliemae/ds-data-table 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/parts/Row.js

@@ -1,11 +1,19 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactRedux = require('react-redux');
 var DataTableContext = require('../DataTableContext.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('../configs/constants.js');
 var refsHelpers = require('../helpers/refs-helpers.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var SortableItemContext = require('./HoC/SortableItemContext.js');
 var withDnDSortableRowContext = require('./HoC/withDnDSortableRowContext.js');
 var index = require('./RowVariants/index.js');
@@ -16,22 +24,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const setItemRefs = (measureRef, draggableRef, ref) => {
-  const refsToSet = [measureRef];
+  const refsToSet = [];
+  if (measureRef) refsToSet.push(measureRef);
   if (draggableRef) refsToSet.push(draggableRef);
   refsHelpers.setMultipleRefs(...refsToSet)(ref);
 };
 
-const Row = props => {
+const RowComp = props => {
   const {
     row,
     measureRef,
     itemWrapperStyle,
-    itemIndex,
     isDragOverlay,
     focusedRowId,
     selectedRowId
   } = props;
-  const ctx = React.useContext(DataTableContext['default']);
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -39,9 +47,9 @@ const Row = props => {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     style: !isDragOverlay ? itemWrapperStyle : {},
     ref: ref => setItemRefs(measureRef, draggableRef, ref),
-    children: /*#__PURE__*/_jsx__default['default'](index.RowVariantMapItem, {
+    children: /*#__PURE__*/_jsx__default["default"](index.RowVariantMapItem, {
       row: row,
-      itemIndex: itemIndex,
+      itemIndex: row.realIndex,
       isDragOverlay: isDragOverlay,
       ctx: ctx,
       focusedRowId: focusedRowId,
@@ -50,15 +58,13 @@ const Row = props => {
   });
 };
 
-Row.defaultProps = {
-  itemWrapperStyle: {}
-};
-
 const mapStateToProps = state => ({
   focusedRowId: state.rows.focusedRowId,
   selectedRowId: state.rows.selectedRowId
 });
 
-var Row$1 = withDnDSortableRowContext.withDnDSortableRowContext(reactRedux.connect(mapStateToProps)(Row));
+const Row = reactRedux.connect(mapStateToProps)(RowComp);
+var Row$1 = withDnDSortableRowContext.withDnDSortableRowContext(Row);
 
-module.exports = Row$1;
+exports.Row = Row;
+exports["default"] = Row$1;

package/cjs/parts/RowLoading.js

@@ -6,24 +6,30 @@ var DSIndeterminateProgressIndicator = require('@elliemae/ds-indeterminate-progr
 var Grid = require('@elliemae/ds-grid');
 var styled = require('styled-components');
 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/ArrowShortReturn');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
 require('../styled.js');
 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');
 require('./HoC/SortableItemContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -34,15 +40,15 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _DSIndeterminateProgr;
-const StyledRowLoadingContainer = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledRowLoadingContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-1jmutz9-0"
 })(["position:absolute;bottom:-40px;left:0;width:100%;place-items:center;background-color:white;"]);
 
 const RowLoading = () => {
-  const PureLoading = React.useMemo(() => /*#__PURE__*/_jsx__default['default'](StyledRowLoadingContainer, {
+  const PureLoading = React.useMemo(() => /*#__PURE__*/_jsx__default["default"](StyledRowLoadingContainer, {
     role: "row",
     "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW
-  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default['default'](DSIndeterminateProgressIndicator__default['default'], {
+  }, void 0, _DSIndeterminateProgr || (_DSIndeterminateProgr = /*#__PURE__*/_jsx__default["default"](DSIndeterminateProgressIndicator__default["default"], {
     processing: true,
     title: "Loading"
   }))), []);

package/cjs/parts/RowVariants/RowVariantHeader.js

@@ -3,27 +3,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+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');
 var React = require('react');
 var Grid = require('@elliemae/ds-grid');
 var index = require('../../exported-related/RowRenderer/index.js');
 var styled = require('../../styled.js');
 var ColumnExpand = require('../../addons/Columns/ColumnExpand/ColumnExpand.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-form/Checkbox');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('@elliemae/ds-form');
 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('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('styled-components');
-require('@elliemae/ds-form/Radio');
 require('../TableContent.js');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
+require('@elliemae/ds-icons');
 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');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -67,37 +77,40 @@ const RowContent = props => {
     tabIndex: 0,
     backgroundColor: backgroundColor,
     "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW_HEADER_CONTENT,
-    children: /*#__PURE__*/_jsx__default['default'](styled.GroupHeaderContainer, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.GroupHeaderContainer, {
       "data-testid": constants.DATA_TESTID.DATA_TABLE_ROW_GROUP_HEADER,
       cols: hasExpandCell ? ['min-content', 'auto'] : ['auto'],
       padding: hasExpandCell ? '4px' : '16px'
-    }, void 0, hasExpandCell ? /*#__PURE__*/_jsx__default['default'](ColumnExpand.expandRowColumn.Cell, {
+    }, void 0, hasExpandCell ? /*#__PURE__*/_jsx__default["default"](ColumnExpand.expandRowColumn.Cell, {
       row: row,
       cell: row.cells[0],
       isRowSelected: selectedRowId === row.uid,
       ctx: ctx,
       draggableProps: {}
-    }) : _Grid || (_Grid = /*#__PURE__*/_jsx__default['default'](Grid__default['default'], {
+    }) : _Grid || (_Grid = /*#__PURE__*/_jsx__default["default"](Grid__default["default"], {
       width: "16px"
-    })), /*#__PURE__*/_jsx__default['default'](styled.GroupHeaderTitle, {}, void 0, titleContent))
+    })), /*#__PURE__*/_jsx__default["default"](styled.GroupHeaderTitle, {}, void 0, titleContent))
   });
 };
 
-const RowVariantHeader = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  focusedRowId,
-  selectedRowId
-}) => /*#__PURE__*/_jsx__default['default'](index, {
-  row: row,
-  itemIndex: itemIndex,
-  isDragOverlay: isDragOverlay,
-  minHeight: "0px",
-  height: "24px",
-  CustomRowContentRenderer: RowContent,
-  focusedRowId: focusedRowId,
-  selectedRowId: selectedRowId
-});
+const RowVariantHeader = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    focusedRowId,
+    selectedRowId
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](index, {
+    row: row,
+    itemIndex: itemIndex,
+    isDragOverlay: isDragOverlay,
+    minHeight: "0px",
+    height: "24px",
+    CustomRowContentRenderer: RowContent,
+    focusedRowId: focusedRowId,
+    selectedRowId: selectedRowId
+  });
+};
 
 exports.RowVariantHeader = RowVariantHeader;

package/cjs/parts/RowVariants/RowVariantPrimary.js

@@ -10,21 +10,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const RowVariantPrimary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
+const RowVariantPrimary = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    compact
+  } = _ref;
   const {
     layoutHelpers: {
       gridLayout
     }
   } = ctx;
-  return /*#__PURE__*/_jsx__default['default'](index, {
+  return /*#__PURE__*/_jsx__default["default"](index, {
     row: row,
     itemIndex: itemIndex,
     isDragOverlay: isDragOverlay,

package/cjs/parts/RowVariants/RowVariantSecondary.js

@@ -10,21 +10,22 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const RowVariantSecondary = ({
-  row,
-  itemIndex,
-  isDragOverlay,
-  ctx,
-  focusedRowId,
-  selectedRowId,
-  compact
-}) => {
+const RowVariantSecondary = _ref => {
+  let {
+    row,
+    itemIndex,
+    isDragOverlay,
+    ctx,
+    focusedRowId,
+    selectedRowId,
+    compact
+  } = _ref;
   const {
     layoutHelpers: {
       gridLayout
     }
   } = ctx;
-  return /*#__PURE__*/_jsx__default['default'](index, {
+  return /*#__PURE__*/_jsx__default["default"](index, {
     row: row,
     itemIndex: itemIndex,
     isDragOverlay: isDragOverlay,

package/cjs/parts/RowVariants/index.js

@@ -2,36 +2,45 @@
 
 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');
 require('react');
-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('core-js/modules/web.dom-collections.iterator.js');
 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('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/ArrowShortReturn');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('../../styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+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-utilities');
 require('uid');
 var RowVariants = require('../../exported-related/RowVariants.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 index = require('../Cells/index.js');
 var RowVariantHeader = require('./RowVariantHeader.js');
 var RowVariantPrimary = require('./RowVariantPrimary.js');
@@ -43,7 +52,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 RowVariantMapper = {
   [RowVariants.ROW_VARIANTS.HEADER_GROUP]: RowVariantHeader.RowVariantHeader,
   [RowVariants.ROW_VARIANTS.PRIMARY]: RowVariantPrimary.RowVariantPrimary,
@@ -69,7 +78,7 @@ const RowVariantMapItem = props => {
 
   if (typeof variant === 'string') {
     if (!(variant in RowVariantMapper)) {
-      throw new Error(`${variant} is not an out-of-the-box row variant`);
+      throw new Error("".concat(variant, " is not an out-of-the-box row variant"));
     }
 
     Component = RowVariantMapper[variant];

package/cjs/parts/Rows.js

@@ -1,6 +1,13 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 Row = require('./Row.js');
 var DataTableContext = require('../DataTableContext.js');
@@ -15,7 +22,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 Rows = () => {
   const {
@@ -27,7 +34,7 @@ const Rows = () => {
     },
     flattenedData,
     visibleColumns
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     visibleItems
   } = React.useContext(withConditionalDnDRowContext.DnDTreeContext);
@@ -44,12 +51,12 @@ const Rows = () => {
       addCellData.addCellData(row, visibleColumns);
       const style = {
         position: 'absolute',
-        top: `${start}px`,
+        top: "".concat(start, "px"),
         left: 0,
         width: totalColumnsWidth
       };
       const rowProps = {
-        key: `ds-table-row-${row.uid}`,
+        key: "ds-table-row-".concat(row.uid),
         row,
         measureRef,
         index,
@@ -57,7 +64,7 @@ const Rows = () => {
         itemIndex: index,
         itemWrapperStyle: style
       };
-      return /*#__PURE__*/jsxRuntime.jsx(Row, _objectSpread({}, rowProps));
+      return /*#__PURE__*/jsxRuntime.jsx(Row["default"], _objectSpread({}, rowProps));
     })
   }), [virtualItems, items, visibleColumns, totalColumnsWidth]);
   return PureVirtualizedRows;

package/cjs/parts/SortByCaret.js

@@ -4,28 +4,28 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var ArrowheadDown = require('@elliemae/ds-icons/ArrowheadDown');
-var ArrowheadUp = require('@elliemae/ds-icons/ArrowheadUp');
+var dsIcons = require('@elliemae/ds-icons');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadUp__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadUp);
 
 var _ArrowheadDown, _ArrowheadUp;
 const iconColor = ['brand-primary', 800];
-const SortByCaret = ({
-  isSortedDesc
-}) => React.useMemo(() => /*#__PURE__*/_jsx__default['default']("span", {
-  style: {
-    marginLeft: '4px'
-  }
-}, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default['default'](ArrowheadDown__default['default'], {
-  size: "s",
-  color: iconColor
-}))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default['default'](ArrowheadUp__default['default'], {
-  color: iconColor
-})))), [isSortedDesc]);
+const SortByCaret = _ref => {
+  let {
+    isSortedDesc
+  } = _ref;
+  return React.useMemo(() => /*#__PURE__*/_jsx__default["default"]("span", {
+    style: {
+      marginLeft: '4px'
+    }
+  }, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
+    size: "s",
+    color: iconColor
+  }))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadUp, {
+    color: iconColor
+  })))), [isSortedDesc]);
+};
 
 exports.SortByCaret = SortByCaret;

package/cjs/parts/SortableHeaderCell.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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Grid = require('@elliemae/ds-grid');
@@ -16,13 +21,13 @@ const _excluded = ["items", "isDragOverlay"];
 
 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 SortableHeaderCell = _ref => {
   let {
     items,
     isDragOverlay = false
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return withConditionalDnDSortableContext.withConditionalDnDSortableContext(items, isDragOverlay)(Grid.Grid)(_objectSpread(_objectSpread({}, rest), {}, {
     style: {

package/cjs/parts/TableContent.js

@@ -2,6 +2,12 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 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.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactRedux = require('react-redux');
 var styled = require('../styled.js');
@@ -9,22 +15,22 @@ var DataTableContext = require('../DataTableContext.js');
 var Pagination = require('../addons/Pagination/Pagination.js');
 var VirtualRowsList = require('./VirtualRowsList.js');
 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');
 require('../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 require('@elliemae/ds-icons');
+require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
-require('@elliemae/ds-form/Checkbox');
-require('@elliemae/ds-form/Radio');
+require('@elliemae/ds-form');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-circular-progress-indicator');
-require('@elliemae/ds-icons/WarningTriangle');
 require('@elliemae/ds-system');
 require('@elliemae/ds-button');
 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 }; }
@@ -37,7 +43,7 @@ var _VirtualRowsList, _Pagination;
 
 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 mapStateToProps = state => ({
   reduxFilters: state.filters
@@ -57,26 +63,30 @@ const TableContentComponent = props => {
     },
     allDataFlattened,
     visibleColumns
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
+  const [shiftKeyPressed, setShiftKeyPressed] = React.useState(false);
   const PureTableContent = React.useMemo(() => /*#__PURE__*/jsxRuntime.jsxs(styled.StyledDataTableWrapper, {
     "data-testid": constants.DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
     height: height,
     width: width,
     ref: forwardedRef,
-    children: [/*#__PURE__*/_jsx__default['default'](styled.StyledTableWrapper, {
+    noSelectionAllowed: shiftKeyPressed,
+    onKeyDown: e => setShiftKeyPressed(prevShiftKeyPressed => prevShiftKeyPressed || e.shiftKey),
+    onKeyUp: e => setShiftKeyPressed(prevShiftKeyPressed => prevShiftKeyPressed && e.code !== 'Shift'),
+    children: [/*#__PURE__*/_jsx__default["default"](styled.StyledTableWrapper, {
       role: "table",
       "aria-rowcount": allDataFlattened.length,
       "aria-colcount": visibleColumns.length,
       "data-testid": constants.DATA_TESTID.DATA_TABLE_TABLE,
       height: height,
       width: width
-    }, void 0, _VirtualRowsList || (_VirtualRowsList = /*#__PURE__*/_jsx__default['default'](VirtualRowsList, {}))), pagination ? _Pagination || (_Pagination = /*#__PURE__*/_jsx__default['default'](Pagination.Pagination, {})) : null]
-  }), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination]);
+    }, void 0, _VirtualRowsList || (_VirtualRowsList = /*#__PURE__*/_jsx__default["default"](VirtualRowsList, {}))), pagination ? _Pagination || (_Pagination = /*#__PURE__*/_jsx__default["default"](Pagination.Pagination, {})) : null]
+  }), [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
 
 const ConnectedTableContent = reactRedux.connect(mapStateToProps)(TableContentComponent);
-const TableContent = /*#__PURE__*/React__default['default'].forwardRef((props, ref) => /*#__PURE__*/jsxRuntime.jsx(ConnectedTableContent, _objectSpread(_objectSpread({}, props), {}, {
+const TableContent = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => /*#__PURE__*/jsxRuntime.jsx(ConnectedTableContent, _objectSpread(_objectSpread({}, props), {}, {
   forwardedRef: ref
 })));