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

package/esm/parts/Rows.js

@@ -1,5 +1,5 @@
 import 'react';
-export { w as default } from '../styled-79b4e1ed.js';
+export { w as default } from '../styled-e953974e.js';
 import '../DataTableContext.js';
 import './HoC/withConditionalDnDRowContext.js';
 import '../configs/constants.js';

package/esm/parts/TableContent.js

@@ -1,10 +1,10 @@
 import '@babel/runtime/helpers/esm/extends';
+import '@babel/runtime/helpers/esm/slicedToArray';
 import 'react';
 import 'react-redux';
-export { T as default } from '../styled-79b4e1ed.js';
+export { T as default } from '../styled-e953974e.js';
 import '../DataTableContext.js';
 import '../configs/constants.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
 import 'react-virtual';
 import '../configs/useRowFlattenization.js';
 import '@babel/runtime/helpers/esm/toConsumableArray';

package/esm/parts/VirtualRowsList.js

@@ -1,6 +1,6 @@
 import 'react';
 import 'react-redux';
-export { X as default } from '../styled-79b4e1ed.js';
+export { X as default } from '../styled-e953974e.js';
 import './EmptyContent.js';
 import './Footer.js';
 import '../DataTableContext.js';

package/esm/parts/index.js

@@ -1,4 +1,4 @@
-export { D as DnDHandle, R as Row, T as TableContent } from '../styled-79b4e1ed.js';
+export { D as DnDHandle, R as Row, T as TableContent } from '../styled-e953974e.js';
 export { default as Loader } from './Loader.js';
 export { default as EmptyContent } from './EmptyContent.js';
 export { default as Footer } from './Footer.js';

package/esm/{styled-79b4e1ed.js → styled-e953974e.js}

@@ -276,8 +276,8 @@ var multiSelectColumn = {
 
       return {};
     }, [newGlobalStateAfterToggle, allDataFlattened, disabledRows]);
-    var onChangeHandler = useCallback(function () {
-      onSelectionChange(newSelection);
+    var onChangeHandler = useCallback(function (e) {
+      onSelectionChange(newSelection, 'All', e);
     }, [newSelection, onSelectionChange]);
     var PureHeaderCheckbox = useMemo(function () {
       return /*#__PURE__*/React.createElement(DSCheckbox, {
@@ -311,7 +311,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({}, uid, newState)); // we only want true and mixed values
@@ -319,7 +319,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,
@@ -1930,7 +1930,8 @@ var DateRangeFilter = function DateRangeFilter(props) {
       onFromDateChange: setStartDate,
       toDate: endDate,
       onToDateChange: setEndDate,
-      type: "date-range-inputs"
+      type: "date-range-inputs",
+      autoFocus: true
     })), /*#__PURE__*/React.createElement(Grid, {
       onKeyDown: function onKeyDown(e) {
         return e.code === 'Enter' && setTimeout(function () {
@@ -2302,7 +2303,8 @@ var SingleDateFilter = function SingleDateFilter(props) {
       date: date,
       onDateChange: setDate,
       type: "date-inputs",
-      isClearable: true
+      isClearable: true,
+      autoFocus: true
     })), /*#__PURE__*/React.createElement(Grid, {
       onKeyDown: function onKeyDown(e) {
         return e.code === 'Enter' && setTimeout(commitDateChange, 0);
@@ -2908,12 +2910,28 @@ var TableContentComponent = function TableContentComponent(props) {
       allDataFlattened = _useContext.allDataFlattened,
       visibleColumns = _useContext.visibleColumns;
 
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      shiftKeyPressed = _useState2[0],
+      setShiftKeyPressed = _useState2[1];
+
   var PureTableContent = useMemo(function () {
     return /*#__PURE__*/React.createElement(StyledDataTableWrapper, {
       "data-testid": 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.createElement(StyledTableWrapper, {
       role: "table",
       "aria-rowcount": allDataFlattened.length,
@@ -2922,7 +2940,7 @@ var TableContentComponent = function TableContentComponent(props) {
       height: height,
       width: width
     }, /*#__PURE__*/React.createElement(VirtualRowsList, null)), pagination ? /*#__PURE__*/React.createElement(Pagination, null) : null);
-  }, [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination]);
+  }, [height, width, forwardedRef, allDataFlattened.length, visibleColumns.length, pagination, shiftKeyPressed]);
   return PureTableContent;
 };
 
@@ -3027,12 +3045,17 @@ var StyledFocusWithin = /*#__PURE__*/styled(Grid).withConfig({
 });
 var StyledDataTableWrapper = /*#__PURE__*/styled.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(sizeToCss(width), ";\n  height: ").concat(sizeToCss(height), ";\n");
+})(["width:", ";height:", ";user-select:", ";"], function (props) {
+  var _props$width;
+
+  return sizeToCss((_props$width = props.width) !== null && _props$width !== void 0 ? _props$width : ' 100%');
+}, function (props) {
+  var _props$height;
+
+  return 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.div.withConfig({
   componentId: "sc-38sgfo-2"
@@ -3216,4 +3239,4 @@ var PaginationWrapper = /*#__PURE__*/styled.div.withConfig({
 })(["display:flex;margin:5px 0;justify-content:flex-end;"]);
 
 export { StyledTableWrapper as $, useHierarchyDndkitConfig as A, DnDGroupContext as B, ComboboxEditableCell as C, DragHandle as D, EditableCell as E, FilterPopover as F, withConditionalDnDColumnContext as G, focusNextMenuItem as H, focusPrevMenuItem as I, useSelectFilterHandlers as J, BaseSelectFilter as K, FilterMapItem as L, MultiSelectFilter as M, NumberRangeFilter as N, HeaderResizer as O, Pagination as P, HeaderCell as Q, Row$1 as R, SingleSelectFilter as S, TableContent as T, withDnDSortableColumnContext as U, HeaderCellGroup as V, Headers as W, VirtualRowsList as X, INTERNAL_COLUMNS as Y, StyledFocusWithin as Z, StyledDataTableWrapper as _, applyOutOfTheBoxFilters as a, StyledTableContentWrapper as a0, StyledVirtualListWrapper as a1, StyledHeadWrapper as a2, StyledHeadTr as a3, StyledHeadTh as a4, StyledHeaderRightIconsWrapper as a5, StyledResizer as a6, StyledActionCell as a7, StyledCell as a8, StyledCellContent as a9, StyledPencilIcon as aa, StyledEditableContainer as ab, StyledFullsizeGrid as ac, GroupHeaderContainer as ad, GroupHeaderTitle as ae, StyledCellContainer as af, PaginationContainer as ag, PaginationWrapper as ah, singleSelectColumn as b, dragHandleColumn as c, dateRangeFilterFn as d, expandRowColumn as e, DateRangeFilter as f, SingleDateFilter as g, TextInputFilter as h, PagesButtons as i, RowLoading as j, TextEditableCell as k, Cell as l, multiSelectColumn as m, Cells as n, outOfTheBoxEditables as o, DefaultRowContentRenderer as p, RowRenderer as q, RowVariantHeader as r, singleDateFilterFn as s, RowVariantPrimary as t, RowVariantSecondary as u, RowVariantMapItem as v, Rows$1 as w, useHierarchyPreviewHandlers as x, getHierarchyKeyboardCoordinates as y, customCollisionDetection as z };
-//# sourceMappingURL=styled-79b4e1ed.js.map
+//# sourceMappingURL=styled-e953974e.js.map