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

package/cjs/parts/Loader.js

@@ -13,17 +13,17 @@ var Grid__default = /*#__PURE__*/_interopDefaultLegacy(Grid);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _DSCircularProgressIn;
-const StyledLoaderWrapper = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledLoaderWrapper = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-pol5j9-0"
 })(["place-items:center;z-index:0;background-color:white;"]);
 
-const Loader = () => /*#__PURE__*/_jsx__default['default'](StyledLoaderWrapper, {
+const Loader = () => /*#__PURE__*/_jsx__default["default"](StyledLoaderWrapper, {
   style: {
     height: '100%',
     maxHeight: '500px'
   },
   "aria-live": "polite"
-}, void 0, _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default['default'](dsCircularProgressIndicator.DSCircularProgressIndicator, {
+}, void 0, _DSCircularProgressIn || (_DSCircularProgressIn = /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
   size: "xl",
   loading: true,
   showLabel: true,

package/cjs/parts/Row.js

@@ -31,7 +31,7 @@ const Row = props => {
     focusedRowId,
     selectedRowId
   } = props;
-  const ctx = React.useContext(DataTableContext['default']);
+  const ctx = React.useContext(DataTableContext["default"]);
   const {
     draggableProps
   } = React.useContext(SortableItemContext.SortableItemContext);
@@ -39,7 +39,7 @@ 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,
       isDragOverlay: isDragOverlay,

package/cjs/parts/RowLoading.js

@@ -9,7 +9,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');
 require('react/jsx-runtime');
@@ -34,15 +33,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

@@ -67,19 +67,19 @@ 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))
   });
 };
 
@@ -89,7 +89,7 @@ const RowVariantHeader = ({
   isDragOverlay,
   focusedRowId,
   selectedRowId
-}) => /*#__PURE__*/_jsx__default['default'](index, {
+}) => /*#__PURE__*/_jsx__default["default"](index, {
   row: row,
   itemIndex: itemIndex,
   isDragOverlay: isDragOverlay,

package/cjs/parts/RowVariants/RowVariantPrimary.js

@@ -24,7 +24,7 @@ const RowVariantPrimary = ({
       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

@@ -24,7 +24,7 @@ const RowVariantSecondary = ({
       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

@@ -4,19 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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('@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');
@@ -24,10 +22,12 @@ 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 RowVariants = require('../../exported-related/RowVariants.js');
 require('../../exported-related/Filters/applyOutOfTheBoxFilters.js');
@@ -43,7 +43,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,

package/cjs/parts/Rows.js

@@ -15,7 +15,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 +27,7 @@ const Rows = () => {
     },
     flattenedData,
     visibleColumns
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     visibleItems
   } = React.useContext(withConditionalDnDRowContext.DnDTreeContext);

package/cjs/parts/SortByCaret.js

@@ -17,14 +17,14 @@ var _ArrowheadDown, _ArrowheadUp;
 const iconColor = ['brand-primary', 800];
 const SortByCaret = ({
   isSortedDesc
-}) => React.useMemo(() => /*#__PURE__*/_jsx__default['default']("span", {
+}) => React.useMemo(() => /*#__PURE__*/_jsx__default["default"]("span", {
   style: {
     marginLeft: '4px'
   }
-}, void 0, isSortedDesc && (_ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default['default'](ArrowheadDown__default['default'], {
+}, 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'], {
+}))), !isSortedDesc && (_ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](ArrowheadUp__default["default"], {
   color: iconColor
 })))), [isSortedDesc]);
 

package/cjs/parts/SortableHeaderCell.js

@@ -16,13 +16,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

@@ -11,9 +11,8 @@ var VirtualRowsList = require('./VirtualRowsList.js');
 var constants = require('../configs/constants.js');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -37,7 +36,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 +56,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
 })));
 

package/cjs/parts/VirtualRowsList.js

@@ -17,9 +17,8 @@ var constants = require('../configs/constants.js');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-icons/ArrowShortReturn');
-require('styled-components');
 require('@elliemae/ds-icons');
+require('styled-components');
 var jsxRuntime = require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
 require('@elliemae/ds-form/Radio');
@@ -55,7 +54,7 @@ const VirtualRowsListComponent = () => {
       totalColumnsWidth
     },
     flattenedData
-  } = React.useContext(DataTableContext['default']);
+  } = React.useContext(DataTableContext["default"]);
   const {
     totalSize,
     scrollToIndex
@@ -86,13 +85,13 @@ const VirtualRowsListComponent = () => {
     "data-testid": constants.DATA_TESTID.DATA_TABLE_SCROLLABLE_CONTAINER,
     onKeyDown: onKeyDown,
     tabIndex: -1,
-    children: /*#__PURE__*/_jsx__default['default'](styled.StyledTableContentWrapper, {
+    children: /*#__PURE__*/_jsx__default["default"](styled.StyledTableContentWrapper, {
       role: "rowgroup",
       height: totalSize || '100%'
-    }, void 0, _Headers || (_Headers = /*#__PURE__*/_jsx__default['default'](index, {})), isEmptyContent && /*#__PURE__*/_jsx__default['default'](EmptyContent, {
+    }, void 0, _Headers || (_Headers = /*#__PURE__*/_jsx__default["default"](index, {})), isEmptyContent && /*#__PURE__*/_jsx__default["default"](EmptyContent, {
       width: totalColumnsWidth
-    }), isLoading ? _Loader || (_Loader = /*#__PURE__*/_jsx__default['default'](Loader, {})) : null, !isLoading && !isEmptyContent && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-      children: [_Rows || (_Rows = /*#__PURE__*/_jsx__default['default'](Rows, {})), _Footer || (_Footer = /*#__PURE__*/_jsx__default['default'](Footer, {})), isLoadingAppended && (_RowLoading || (_RowLoading = /*#__PURE__*/_jsx__default['default'](RowLoading, {})))]
+    }), isLoading ? _Loader || (_Loader = /*#__PURE__*/_jsx__default["default"](Loader, {})) : null, !isLoading && !isEmptyContent && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [_Rows || (_Rows = /*#__PURE__*/_jsx__default["default"](Rows, {})), _Footer || (_Footer = /*#__PURE__*/_jsx__default["default"](Footer, {})), isLoadingAppended && (_RowLoading || (_RowLoading = /*#__PURE__*/_jsx__default["default"](RowLoading, {})))]
     }))
   });
 };

package/cjs/prop-types.js

@@ -12,40 +12,40 @@ var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 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 tableStateShape = {
-  allColumns: PropTypes__default['default'].array,
-  columns: PropTypes__default['default'].array,
-  visibleColumns: PropTypes__default['default'].array,
-  data: PropTypes__default['default'].array,
-  preFilteredFlatRows: PropTypes__default['default'].array,
-  preFilteredRows: PropTypes__default['default'].array,
-  rows: PropTypes__default['default'].array,
-  page: PropTypes__default['default'].array,
-  preFilteredRowsById: PropTypes__default['default'].object,
-  rowsById: PropTypes__default['default'].object,
-  setAllFilters: PropTypes__default['default'].func,
-  setFilter: PropTypes__default['default'].func,
-  totalColumnsWidth: PropTypes__default['default'].number
+  allColumns: PropTypes__default["default"].array,
+  columns: PropTypes__default["default"].array,
+  visibleColumns: PropTypes__default["default"].array,
+  data: PropTypes__default["default"].array,
+  preFilteredFlatRows: PropTypes__default["default"].array,
+  preFilteredRows: PropTypes__default["default"].array,
+  rows: PropTypes__default["default"].array,
+  page: PropTypes__default["default"].array,
+  preFilteredRowsById: PropTypes__default["default"].object,
+  rowsById: PropTypes__default["default"].object,
+  setAllFilters: PropTypes__default["default"].func,
+  setFilter: PropTypes__default["default"].func,
+  totalColumnsWidth: PropTypes__default["default"].number
 };
 const filterComponentPropType = _objectSpread(_objectSpread({}, tableStateShape), {}, {
-  column: PropTypes__default['default'].object
+  column: PropTypes__default["default"].object
 });
 const editableCellPropType = {
-  cell: PropTypes__default['default'].object.isRequired,
-  DefaultCellRender: PropTypes__default['default'].oneOfType([PropTypes__default['default'].func, PropTypes__default['default'].object]).isRequired
+  cell: PropTypes__default["default"].object.isRequired,
+  DefaultCellRender: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]).isRequired
 };
 const CellPropType = tableStateShape;
-const headerGroupsType = PropTypes__default['default'].arrayOf(PropTypes__default['default'].shape({
-  getHeaderGroupProps: PropTypes__default['default'].func.isRequired,
-  headers: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object).isRequired
+const headerGroupsType = PropTypes__default["default"].arrayOf(PropTypes__default["default"].shape({
+  getHeaderGroupProps: PropTypes__default["default"].func.isRequired,
+  headers: PropTypes__default["default"].arrayOf(PropTypes__default["default"].object).isRequired
 }));
-const renderRowActionsPropType = PropTypes__default['default'].oneOfType([PropTypes__default['default'].oneOf([false]), PropTypes__default['default'].shape({
-  columnWidth: PropTypes__default['default'].number.isRequired,
-  renderer: PropTypes__default['default'].func.isRequired
+const renderRowActionsPropType = PropTypes__default["default"].oneOfType([PropTypes__default["default"].oneOf([false]), PropTypes__default["default"].shape({
+  columnWidth: PropTypes__default["default"].number.isRequired,
+  renderer: PropTypes__default["default"].func.isRequired
 })]);
-const paginationPropType = PropTypes__default['default'].oneOfType([PropTypes__default['default'].bool, PropTypes__default['default'].shape({
-  perPageOptions: PropTypes__default['default'].arrayOf(PropTypes__default['default'].number)
+const paginationPropType = PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].shape({
+  perPageOptions: PropTypes__default["default"].arrayOf(PropTypes__default["default"].number)
 })]);
 
 exports.CellPropType = CellPropType;

package/cjs/redux/reducers/headersReducers/logic.js

@@ -10,7 +10,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 patchUpdateOneHeader = (payload, state) => {
   state[payload.headerId] = _objectSpread(_objectSpread({}, (state === null || state === void 0 ? void 0 : state[payload.headerId]) || {}), payload.newHeader);

package/cjs/redux/reducers/index.js

@@ -15,4 +15,4 @@ var rootReducer = redux.combineReducers({
 
 exports.useDispatchHeadersActions = useDispatchHeadersActions.useDispatchHeadersActions;
 exports.useDispatchRowsActions = useDispatchRowsActions.useDispatchRowsActions;
-exports['default'] = rootReducer;
+exports["default"] = rootReducer;

package/cjs/redux/storeConfig.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var index = require('./reducers/index.js');
 
 const storeConfig = {
-  reducer: index['default']
+  reducer: index["default"]
 };
 
 exports.storeConfig = storeConfig;

package/cjs/styled.js

@@ -14,7 +14,6 @@ require('react-virtual');
 require('./configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/jsx');
-require('@elliemae/ds-icons/ArrowShortReturn');
 require('@elliemae/ds-icons');
 require('react/jsx-runtime');
 require('@elliemae/ds-form/Checkbox');
@@ -55,19 +54,15 @@ const styledFocusCss = ({
   z-index: ${zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER};
 }`;
 
-const StyledFocusWithin = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledFocusWithin = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-0"
 })([":focus-within{", "}"], props => props.hideFocus ? '' : styledFocusCss(props));
-const StyledDataTableWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledDataTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["", ""], ({
-  width = ' 100%',
-  height = ' 100%'
-}) => `
-  width: ${sizeToCss.sizeToCss(width)};
-  height: ${sizeToCss.sizeToCss(height)};
-`);
-const StyledTableWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["width:", ";height:", ";user-select:", ";"], props => sizeToCss.sizeToCss(props.width ?? ' 100%'), props => sizeToCss.sizeToCss(props.height ?? ' 100%'), ({
+  noSelectionAllowed
+}) => noSelectionAllowed ? 'none' : 'auto');
+const StyledTableWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-2"
 })(["display:inline-block;border-spacing:0;z-index:0;position:relative;", ""], ({
   width = '100%',
@@ -76,14 +71,14 @@ const StyledTableWrapper = /*#__PURE__*/styled__default['default'].div.withConfi
   width: ${sizeToCss.sizeToCss(width)};
   height: ${sizeToCss.sizeToCss(height)};
   `);
-const StyledTableContentWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledTableContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-3"
 })(["position:relative;", ""], ({
   height = 'auto'
 }) => `
   height: ${sizeToCss.sizeToCss(height)};
   `);
-const StyledVirtualListWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledVirtualListWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-4"
 })(["overflow:auto;", ""], ({
   height = 'auto',
@@ -110,62 +105,62 @@ const getGridTemplateColumnsStyle = ({
   return `grid-template-columns: ${cols.map(col => `minmax(0, ${col})`).join(' ')}`;
 };
 
-const StyledHeadWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledHeadWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-5"
 })(["position:relative;position:sticky;top:0;z-index:4;background:white;width:", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%');
-const StyledHeadTr = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledHeadTr = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-6"
 })(["", ";", ";"], props => props.colsLayoutStyle === constants.ColsLayoutStyle.Auto ? 'width:100%' : '', props => getGridTemplateColumnsStyle({
   cols: props.cols,
   isExpandable: props.isExpandable,
   colsLayoutStyle: props.colsLayoutStyle
 }));
-const StyledHeadTh = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledHeadTh = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-7"
 })(["min-height:24px;line-height:normal;font-weight:600;text-transform:uppercase;font-size:0.923rem;text-align:left;", " color:#353c46;min-height:1.84615rem;position:relative;position:sticky;top:0;z-index:", ";display:flex;justify-content:space-between;box-sizing:border-box;border-right:1px solid ", ";border-bottom:1px solid ", ";outline:none;:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;right:-1px;bottom:-1px;border:2px solid ", ";pointer-events:none;z-index:", ";}}", ""], cellPadding.columnPadding, zIndexInternalConfig.ZIndexDataTable.HEADER_ROW, props => props.theme.colors.neutral['080'], props => props.isDragOverlay ? 'transparent' : props.theme.colors.neutral['080'], props => props.theme.colors.brand[700], zIndexInternalConfig.ZIndexDataTable.FOCUS_BORDER, props => props.isDraggingActive ? '' : `:hover {
     border-bottom: 1px solid ${props.isDragOverlay ? 'transparent' : props.theme.colors.brand[800]};
     cursor: pointer;
   }`);
-const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledHeaderRightIconsWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-8"
 })(["height:100%;display:flex;align-items:center;max-height:24px;"]);
-const StyledResizer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledResizer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-9"
 })(["display:inline-block;background:", ";width:4px;height:100%;position:absolute;right:0;top:0;z-index:1;touch-action:none;cursor:col-resize;"], ({
   isResizing,
   theme
 }) => isResizing ? theme.colors.brand[600] : theme.colors.brand[400]); // CELL ***********************************************************************/
 
-const StyledActionCell = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledActionCell = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-10"
 })(["position:relative;position:sticky;display:inline-block;right:0;background:white;"]);
-const StyledCell = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledCell = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-11"
 })(["", " display:flex;align-items:center;width:100%;position:relative;"], cellPadding.cellPadding);
-const StyledCellContent = /*#__PURE__*/styled__default['default'].div.withConfig({
+const StyledCellContent = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-12"
 })(["display:grid;justify-self:flex-end;flex:1 1 auto;width:100%;height:100%;align-items:center;"]);
-const StyledPencilIcon = /*#__PURE__*/styled__default['default'](EditPencil__default['default']).withConfig({
+const StyledPencilIcon = /*#__PURE__*/styled__default["default"](EditPencil__default["default"]).withConfig({
   componentId: "sc-38sgfo-13"
 })([""]);
-const StyledEditableContainer = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledEditableContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-14"
 })(["width:100%;height:100%;align-items:center;& ", "{display:", ";}&:hover{", "{display:block;}}&:focus{", " ", "{display:block;}}outline:none;"], StyledPencilIcon, props => props.shouldDisplayEditIcon ? 'block' : 'none', StyledPencilIcon, styledFocusCss, StyledPencilIcon); // ROW ************************************************************************/
 
-const StyledFullsizeGrid = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledFullsizeGrid = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-15"
 })(["position:relative;z-index:", ";min-height:", ";height:", ";"], zIndexInternalConfig.ZIndexDataTable.ROW, props => props.minHeight || '36px', props => props.height || 'auto');
-const GroupHeaderContainer = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const GroupHeaderContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-16"
 })(["background-color:", ";align-items:center;padding:0 ", ";border-top:solid 1px ", ";grid-template-columns:min-content 1fr;"], ({
   theme
 }) => theme.colors.brand[200], props => props.padding, ({
   theme
 }) => theme.colors.brand[300]);
-const GroupHeaderTitle = /*#__PURE__*/styled__default['default'].span.withConfig({
+const GroupHeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-38sgfo-17"
 })(["font-weight:", ";font-size:12px;color:", ";"], props => props.theme.fontWeights.semibold, props => props.theme.colors.neutral[700]);
-const StyledCellContainer = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const StyledCellContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-18"
 })(["position:relative;z-index:2;min-height:", ";height:", ";width:", ";", ";background-color:", ";outline:none;:focus{", "}", " ", " box-shadow:0 2px 4px 0 ", ";opacity:", ";", " color:", ";"], props => props.minHeight || '36px', props => props.height || 'auto', props => props.colLayoutStyle === constants.ColsLayoutStyle.Fixed ? sizeToCss.sizeToCss(props.totalColumnsWidth) : '100%', props => getGridTemplateColumnsStyle({
   cols: props.cols,
@@ -192,10 +187,10 @@ const StyledCellContainer = /*#__PURE__*/styled__default['default'](Grid__defaul
     background-color: ${props.theme.colors.brand[200]};
     `, props => props.disabled ? props.theme.colors.neutral['500'] : '#333333'); // PAGINATION ************************************************************************/
 
-const PaginationContainer = /*#__PURE__*/styled__default['default'](Grid__default['default']).withConfig({
+const PaginationContainer = /*#__PURE__*/styled__default["default"](Grid__default["default"]).withConfig({
   componentId: "sc-38sgfo-19"
 })(["padding:0 ", ";height:", "px;width:", ";max-width:100%;align-items:center;"], props => props.theme.space.xs, fixedSizes.FIXED_SIZES.PAGINATION_HEIGHT, props => sizeToCss.sizeToCss(props.width) || '100%');
-const PaginationWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const PaginationWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-38sgfo-20"
 })(["display:flex;margin:5px 0;justify-content:flex-end;"]);