@elliemae/ds-data-table 1.54.0-next.5 → 1.55.0-next.1

package/cjs/parts/RowVariants/RowVariantPrimary.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-256fc644.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons/EditPencil');

package/cjs/parts/RowVariants/RowVariantSecondary.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-256fc644.js');
 require('styled-components');
 require('@elliemae/ds-grid');
 require('@elliemae/ds-icons/EditPencil');

package/cjs/parts/RowVariants/index.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('@babel/runtime/helpers/defineProperty');
 require('@babel/runtime/helpers/extends');
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../../styled-256fc644.js');
 require('@babel/runtime/helpers/slicedToArray');
 require('styled-components');
 require('@elliemae/ds-button');

package/cjs/parts/Rows.js

@@ -1,7 +1,7 @@
 'use strict';
 
 require('react');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-256fc644.js');
 require('../DataTableContext.js');
 require('./HoC/withConditionalDnDRowContext.js');
 require('../configs/constants.js');

package/cjs/parts/TableContent.js

@@ -1,12 +1,12 @@
 'use strict';
 
 require('@babel/runtime/helpers/extends');
+require('@babel/runtime/helpers/slicedToArray');
 require('react');
 require('react-redux');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-256fc644.js');
 require('../DataTableContext.js');
 require('../configs/constants.js');
-require('@babel/runtime/helpers/slicedToArray');
 require('react-virtual');
 require('../configs/useRowFlattenization.js');
 require('@babel/runtime/helpers/toConsumableArray');

package/cjs/parts/VirtualRowsList.js

@@ -2,7 +2,7 @@
 
 require('react');
 require('react-redux');
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-256fc644.js');
 require('./EmptyContent.js');
 require('./Footer.js');
 require('../DataTableContext.js');

package/cjs/parts/index.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-50e95c1e.js');
+var addons_Columns_ColumnExpand_ColumnExpand = require('../styled-256fc644.js');
 var parts_Loader = require('./Loader.js');
 var parts_EmptyContent = require('./EmptyContent.js');
 var parts_Footer = require('./Footer.js');

package/cjs/{styled-50e95c1e.js → styled-256fc644.js}

@@ -302,8 +302,8 @@ var multiSelectColumn = {
 
       return {};
     }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
-    var onChangeHandler = React.useCallback(function () {
-      onSelectionChange(newSelection);
+    var onChangeHandler = React.useCallback(function (e) {
+      onSelectionChange(newSelection, 'All', e);
     }, [newSelection, onSelectionChange]);
     var PureHeaderCheckbox = React.useMemo(function () {
       return /*#__PURE__*/React__default['default'].createElement(DSCheckbox__default['default'], {
@@ -337,7 +337,7 @@ var multiSelectColumn = {
         "aria-checked": selectedState,
         "aria-disabled": false,
         checked: selectedState,
-        onChange: function onChange() {
+        onChange: function onChange(e) {
           var newState = !selectedState;
 
           var newSelection = _objectSpread$a(_objectSpread$a({}, selection), {}, _defineProperty__default['default']({}, uid, newState)); // we only want true and mixed values
@@ -345,7 +345,7 @@ var multiSelectColumn = {
 
           if (!newState) delete newSelection[uid]; // if newState is false, remove from the new selection
 
-          onSelectionChange(newSelection);
+          onSelectionChange(newSelection, uid, e);
         },
         disabled: disabledRows[row.uid],
         innerRef: cell.ref,
@@ -1956,7 +1956,8 @@ var DateRangeFilter = function DateRangeFilter(props) {
       onFromDateChange: setStartDate,
       toDate: endDate,
       onToDateChange: setEndDate,
-      type: "date-range-inputs"
+      type: "date-range-inputs",
+      autoFocus: true
     })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
       onKeyDown: function onKeyDown(e) {
         return e.code === 'Enter' && setTimeout(function () {
@@ -2328,7 +2329,8 @@ var SingleDateFilter = function SingleDateFilter(props) {
       date: date,
       onDateChange: setDate,
       type: "date-inputs",
-      isClearable: true
+      isClearable: true,
+      autoFocus: true
     })), /*#__PURE__*/React__default['default'].createElement(Grid__default['default'], {
       onKeyDown: function onKeyDown(e) {
         return e.code === 'Enter' && setTimeout(commitDateChange, 0);
@@ -2934,12 +2936,28 @@ var TableContentComponent = function TableContentComponent(props) {
       allDataFlattened = _useContext.allDataFlattened,
       visibleColumns = _useContext.visibleColumns;
 
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      shiftKeyPressed = _useState2[0],
+      setShiftKeyPressed = _useState2[1];
+
   var PureTableContent = React.useMemo(function () {
     return /*#__PURE__*/React__default['default'].createElement(StyledDataTableWrapper, {
       "data-testid": configs_constants.DATA_TESTID.DATA_TABLE_CONTENT_WRAPPER,
       height: height,
       width: width,
-      ref: forwardedRef
+      ref: forwardedRef,
+      noSelectionAllowed: shiftKeyPressed,
+      onKeyDown: function onKeyDown(e) {
+        return setShiftKeyPressed(function (prevShiftKeyPressed) {
+          return prevShiftKeyPressed || e.shiftKey;
+        });
+      },
+      onKeyUp: function onKeyUp(e) {
+        return setShiftKeyPressed(function (prevShiftKeyPressed) {
+          return prevShiftKeyPressed && e.code !== 'Shift';
+        });
+      }
     }, /*#__PURE__*/React__default['default'].createElement(StyledTableWrapper, {
       role: "table",
       "aria-rowcount": allDataFlattened.length,
@@ -2948,7 +2966,7 @@ var TableContentComponent = function TableContentComponent(props) {
       height: height,
       width: width
     }, /*#__PURE__*/React__default['default'].createElement(VirtualRowsList, null)), pagination ? /*#__PURE__*/React__default['default'].createElement(Pagination, null) : null);
-  }, [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination]);
+  }, [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
 
@@ -3053,12 +3071,17 @@ var StyledFocusWithin = /*#__PURE__*/styled__default['default'](Grid__default['d
 });
 var StyledDataTableWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-38sgfo-1"
-})(["", ""], function (_ref2) {
-  var _ref2$width = _ref2.width,
-      width = _ref2$width === void 0 ? ' 100%' : _ref2$width,
-      _ref2$height = _ref2.height,
-      height = _ref2$height === void 0 ? ' 100%' : _ref2$height;
-  return "\n  width: ".concat(helpers_sizeToCss.sizeToCss(width), ";\n  height: ").concat(helpers_sizeToCss.sizeToCss(height), ";\n");
+})(["width:", ";height:", ";user-select:", ";"], function (props) {
+  var _props$width;
+
+  return helpers_sizeToCss.sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
+}, function (props) {
+  var _props$height;
+
+  return helpers_sizeToCss.sizeToCss((_props$height = props.height) !== null && _props$height !== void 0 ? _props$height : ' 100%');
+}, function (_ref2) {
+  var noSelectionAllowed = _ref2.noSelectionAllowed;
+  return noSelectionAllowed ? 'none' : 'auto';
 });
 var StyledTableWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
   componentId: "sc-38sgfo-2"
@@ -3313,4 +3336,4 @@ exports.useHierarchyPreviewHandlers = useHierarchyPreviewHandlers;
 exports.useSelectFilterHandlers = useSelectFilterHandlers;
 exports.withConditionalDnDColumnContext = withConditionalDnDColumnContext;
 exports.withDnDSortableColumnContext = withDnDSortableColumnContext;
-//# sourceMappingURL=styled-50e95c1e.js.map
+//# sourceMappingURL=styled-256fc644.js.map