@elliemae/ds-datagrids 2.0.0-next.0 → 2.0.0-next.12

package/cjs/plugins/row-dnd/DndRowsPlugin.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 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 reactSortableHoc = require('react-sortable-hoc');
-var GripperVertical = require('@elliemae/ds-icons/GripperVertical');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsIcons = require('@elliemae/ds-icons');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var jsxRuntime = require('react/jsx-runtime');
@@ -16,7 +22,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var GripperVertical__default = /*#__PURE__*/_interopDefaultLegacy(GripperVertical);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
 var _GripperVertical, _DragHandle;
@@ -25,19 +30,22 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 keysToOmit = ['axis', 'contentWindow', 'disableAutoscroll', 'distance', 'getContainer', 'getHelperDimensions', 'helperClass', 'helperContainer', 'hideSortableGhost', 'keyboardSortingTransitionDuration', 'lockAxis', 'lockOffset', 'lockToContainerEdges', 'onSortEnd', 'onSortMove', 'onSortOver', 'onSortStart', 'pressDelay', 'pressThreshold', 'shouldCancelStart', 'transitionDuration', 'updateBeforeSortStart', 'useDragHandle', 'useWindowAsScrollContainer'];
-const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](GripperVertical__default["default"], {
+const DragHandle = reactSortableHoc.SortableHandle(() => _GripperVertical || (_GripperVertical = /*#__PURE__*/_jsx__default["default"](dsIcons.GripperVertical, {
   className: "drag-handle"
 })));
 
-const translateDnDData = ({
-  oldIndex,
-  newIndex,
-  index
-}) => ({
-  sourceIndex: oldIndex,
-  targetIndex: newIndex,
-  fromIndex: index === undefined ? oldIndex : index
-});
+const translateDnDData = _ref => {
+  let {
+    oldIndex,
+    newIndex,
+    index
+  } = _ref;
+  return {
+    sourceIndex: oldIndex,
+    targetIndex: newIndex,
+    fromIndex: index === undefined ? oldIndex : index
+  };
+};
 
 const decorateColumns = columns => {
   const dragColumn = {
@@ -65,10 +73,10 @@ const getBodyProps = (props, grid) => {
       grid.setIsRowDragging(false);
       onMoveRowEnd(translateDnDData(data));
     },
-    onSortStart: (...args) => {
+    onSortStart: function () {
       grid.disableEvents();
       grid.setIsRowDragging(true);
-      onMoveRowStart(...args);
+      onMoveRowStart(...arguments);
     },
     onSortOver: data => {
       onReorder(translateDnDData(data));
@@ -89,7 +97,7 @@ const decorateRenderers = renderers => {
   const RowComponent = renderers.body.row;
   const BodyWrapperComponent = renderers.body.wrapper;
   const Row = React.useMemo(() => reactSortableHoc.SortableElement(RowComponent), []);
-  const BodyWrapper = React.useMemo(() => reactSortableHoc.SortableContainer(props => /*#__PURE__*/jsxRuntime.jsx(BodyWrapperComponent, _objectSpread({}, utils.omit(props, keysToOmit)))), []);
+  const BodyWrapper = React.useMemo(() => reactSortableHoc.SortableContainer(props => /*#__PURE__*/jsxRuntime.jsx(BodyWrapperComponent, _objectSpread({}, dsUtilities.omit(props, keysToOmit)))), []);
   return _objectSpread(_objectSpread({}, renderers), {}, {
     body: _objectSpread(_objectSpread({}, renderers.body), {}, {
       wrapper: BodyWrapper,

package/cjs/plugins/selectable/SelectablePlugin.js

@@ -2,9 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var cx = require('obj-str');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var addSelectableColumn = require('./addSelectableColumn.js');
 var useSelectableState = require('./useSelectableState.js');
@@ -15,8 +16,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-/* eslint-disable react-hooks/rules-of-hooks */
-
 const decorateColumns = (columns, grid) => {
   const {
     props: {
@@ -58,9 +57,10 @@ const decorateColumns = (columns, grid) => {
   return columns;
 };
 
-const getRowProps = (rowProps, grid, {
-  rowData
-}) => {
+const getRowProps = (rowProps, grid, _ref) => {
+  let {
+    rowData
+  } = _ref;
   const {
     props: {
       showSelectHighlight,
@@ -100,7 +100,7 @@ const composeRows = (rows, grid) => {
     }
   } = grid.getInstance();
 
-  const selectionPredicate = row => utils.isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
+  const selectionPredicate = row => dsUtilities.isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
 
   return multiple ? helper.selectMultipleRow(rows, selectionPredicate) : helper.selectSingleRow(rows, selectionPredicate);
 };
@@ -160,9 +160,10 @@ const SelectablePlugin = createInstancePlugin__default["default"]('selectable',
   registerHotKeys(grid) {
     return [{
       key: 'space',
-      handler: ({
-        rowIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex
+        } = _ref2;
         const {
           composedRows,
           props: {

package/cjs/plugins/selectable/addSelectableColumn.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 initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
@@ -17,26 +22,29 @@ const _excluded = ["visible", "isDataColumn", "width", "minWidth", "cellRenderer
 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 selectionColumnCreator({
-  grid,
-  selectAll,
-  selectionComponent,
-  onSelectRow,
-  onSelectAll,
-  multiple,
-  // backward compatibility: later this needed to be passed through column definition
-  multiSelectFilterLabel,
-  multiSelectFilterOptions,
-  multiSelectFilterLabels,
-  multiSelectComponent // favor selectionComponent
+function selectionColumnCreator(_ref) {
+  let {
+    grid,
+    selectAll,
+    selectionComponent,
+    onSelectRow,
+    onSelectAll,
+    multiple,
+    // backward compatibility: later this needed to be passed through column definition
+    multiSelectFilterLabel,
+    multiSelectFilterOptions,
+    multiSelectFilterLabels,
+    multiSelectComponent // favor selectionComponent
 
-}) {
+  } = _ref;
   const {
     props: {
       rowKey
     }
   } = grid;
-  return (_ref = {}) => {
+  return function () {
+    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     let {
       visible = true,
       isDataColumn = false,
@@ -46,8 +54,8 @@ function selectionColumnCreator({
       headerCellRenderer,
       customRenderer,
       header
-    } = _ref,
-        column = _objectWithoutProperties__default["default"](_ref, _excluded);
+    } = _ref2,
+        column = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
     let selectionColumn = _objectSpread(_objectSpread({}, column), {}, {
       property: 'metaData.selected',

package/cjs/plugins/selectable/helper.js

@@ -3,7 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+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.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -17,8 +26,8 @@ const checkAllRowsSelected = (rows, selectedRows) => {
   if (selectedRows.length) return 'mixed';
   return false;
 };
-const toggleSelectAll = (rows, checked) => !checked ? {} : rows.reduce((nextSelRows, row) => utils.toggleInObject(nextSelRows, row.id, true), {});
-const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? utils.toggleInObject({}, id, true) : {};
+const toggleSelectAll = (rows, checked) => !checked ? {} : rows.reduce((nextSelRows, row) => dsUtilities.toggleInObject(nextSelRows, row.id, true), {});
+const toggleSingleSelectable = (selectedRows, id) => !selectedRows[id] ? dsUtilities.toggleInObject({}, id, true) : {};
 
 const mergeSelectedToMetaData = selected => row => _objectSpread(_objectSpread({}, row), {}, {
   'metaData.selected': selected

package/cjs/plugins/selectable/selectableFormatter.js

@@ -1,11 +1,15 @@
 'use strict';
 
+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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSCheckbox = require('@elliemae/ds-basic/form/Checkbox');
-var DSRadio = require('@elliemae/ds-basic/form/Radio');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsForm = require('@elliemae/ds-form');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -13,30 +17,32 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var DSCheckbox__default = /*#__PURE__*/_interopDefaultLegacy(DSCheckbox);
-var DSRadio__default = /*#__PURE__*/_interopDefaultLegacy(DSRadio);
 
 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; }
 
-const SelectableWrapper = ({
-  className,
-  children
-}) => /*#__PURE__*/_jsx__default["default"]("div", {
-  className: className,
-  onClick: e => e.stopPropagation()
-}, void 0, children);
+const SelectableWrapper = _ref => {
+  let {
+    className,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
+    className: className,
+    onClick: e => e.stopPropagation()
+  }, void 0, children);
+};
 
-const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef(({
-  className,
-  isMultiSelect,
-  isHeader,
-  onSelect,
-  isSelected,
-  value
-}, ref) => {
-  const SelectComponent = isMultiSelect || isHeader ? DSCheckbox__default["default"] : DSRadio__default["default"];
+const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PURE__*/React.forwardRef((_ref2, ref) => {
+  let {
+    className,
+    isMultiSelect,
+    isHeader,
+    onSelect,
+    isSelected,
+    value
+  } = _ref2;
+  const SelectComponent = isMultiSelect || isHeader ? dsForm.DSCheckbox : dsForm.DSRadio;
   return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
     className: className
   }, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
@@ -49,58 +55,61 @@ const SelectableComponent = /*#__PURE__*/React__default["default"].memo( /*#__PU
   }));
 }, (prev, next) => next.isScrolling));
 
-const selectableFormatter = ({
-  isMultiSelect = false,
-  renderer,
-  className,
-  isHeader,
-  onSelect
-}, grid) => (valueRender, extraParams) => {
-  const {
-    registerFocus
-  } = extraParams;
-  const ref = React.useRef();
-  const {
-    props: {
-      rowKey
-    },
-    state: {
-      selection
-    },
-    shiftPressed,
-    lastSelectedRow
-  } = grid.getInstance();
-  const {
-    rowData,
-    isScrolling
-  } = extraParams;
-  React.useEffect(() => {
-    if (registerFocus) registerFocus(ref.current);
-  }, [ref.current]);
-  const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
-  const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
+const selectableFormatter = (_ref3, grid) => {
+  let {
+    isMultiSelect = false,
+    renderer,
+    className,
+    isHeader,
+    onSelect
+  } = _ref3;
+  return (valueRender, extraParams) => {
+    const {
+      registerFocus
+    } = extraParams;
+    const ref = React.useRef();
+    const {
+      props: {
+        rowKey
+      },
+      state: {
+        selection
+      },
+      shiftPressed,
+      lastSelectedRow
+    } = grid.getInstance();
+    const {
+      rowData,
+      isScrolling
+    } = extraParams;
+    React.useEffect(() => {
+      if (registerFocus) registerFocus(ref.current);
+    }, [ref.current]);
+    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
+    const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
 
-  if (utils.isFunction(renderer)) {
-    return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
-      className: className
-    }, void 0, renderer(_objectSpread(_objectSpread({
-      rowData: {}
-    }, extraParams), {}, {
-      value: isSelected,
-      isHeader,
-      onSelect: handleSelect
-    })));
-  }
+    if (dsUtilities.isFunction(renderer)) {
+      return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
+        className: className
+      }, void 0, renderer(_objectSpread(_objectSpread({
+        rowData: {}
+      }, extraParams), {}, {
+        value: isSelected,
+        isHeader,
+        onSelect: handleSelect
+      })));
+    }
 
-  return /*#__PURE__*/jsxRuntime.jsx(SelectableComponent, {
-    ref: ref,
-    className: className,
-    isMultiSelect: isMultiSelect,
-    isScrolling: isScrolling,
-    isSelected: isSelected,
-    onSelect: handleSelect,
-    value: !isHeader ? rowData[rowKey] : 'header-select-all'
-  });
+    return /*#__PURE__*/jsxRuntime.jsx(SelectableComponent, {
+      ref: ref,
+      className: className,
+      isMultiSelect: isMultiSelect,
+      isScrolling: isScrolling,
+      isSelected: isSelected,
+      onSelect: handleSelect,
+      value: !isHeader ? rowData[rowKey] : 'header-select-all'
+    });
+  };
 };
 
 module.exports = selectableFormatter;

package/cjs/plugins/selectable/useSelectableState.js

@@ -3,23 +3,36 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.filter.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 dsUtilities = require('@elliemae/ds-utilities');
 var helper = require('./helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 
 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 deriveSelectedStateFromPropsOnUpdate(rows) {
-  return (nextProp = {}, prevProp = {}) => {
+  return function () {
+    let nextProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let prevProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
     if (nextProp.selectAll !== prevProp.selectAll) {
-      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : utils.hashArray(nextProp.selectedRows || []);
+      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
       return {
         selectedRows: nextSelectedRows,
         selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
@@ -27,7 +40,7 @@ function deriveSelectedStateFromPropsOnUpdate(rows) {
     }
 
     return {
-      selectedRows: utils.hashArray(nextProp.selectedRows || []),
+      selectedRows: dsUtilities.hashArray(nextProp.selectedRows || []),
       selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
     };
   };
@@ -47,15 +60,16 @@ function useSelectableState(grid) {
     setLastSelectedRow
   } = grid.getInstance();
   const multiple = selectable === 'multi';
-  const [selection, setSelectedRowsState] = useDerivedStateFromProps__default["default"]({
+  const [selection, setSelectedRowsState] = dsUtilities.useDerivedStateFromProps({
     selectedRows,
     selectAll
   }, {
     onUpdate: deriveSelectedStateFromPropsOnUpdate(rows)
   }); // ACTIONS
 
-  const handleSelectRow = (id, index, shift = false, lastSelectedRow = null // eslint-disable-next-line max-params
-  ) => {
+  const handleSelectRow = function (id, index) {
+    let shift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+    let lastSelectedRow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
     setSelectedRowsState(prevState => {
       const {
         rows: nextRows
@@ -63,7 +77,7 @@ function useSelectableState(grid) {
       const wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
       // eslint-disable-next-line eqeqeq
       elem => elem == id);
-      let nextSelectedRows = multiple ? utils.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
+      let nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
       setLastSelectedRow({
         index,
         mode: wasSelected ? 'deselect' : 'select'
@@ -76,7 +90,7 @@ function useSelectableState(grid) {
         const rowSegment = nextRows.slice(sliceStart, sliceEnd).map(row => row[rowKey]);
 
         if (lastSelectedRow.mode === 'deselect') {
-          nextSelectedRows = utils.omit(prevState.selectedRows, rowSegment);
+          nextSelectedRows = dsUtilities.omit(prevState.selectedRows, rowSegment);
         } else {
           const selectedSegment = rowSegment.reduce((o, key) => _objectSpread(_objectSpread({}, o), {}, {
             [key]: true

package/cjs/plugins/sortable/SortablePlugin.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var sortabular = require('sortabular');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var initColumnDefinition = require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var sortHeaderFormatter = require('./sortHeaderFormatter.js');
@@ -47,7 +47,7 @@ const decorateColumn = (column, grid) => {
     onSort: grid.actions.sort,
     strategy: sortabular__namespace.strategies.byProperty
   }), grid);
-  return utils.compose(initColumnDefinition.appendHeaderFormatter(formatter), initColumnDefinition.mergeClassNameToColumnHeader('with-sortable'))(column);
+  return dsUtilities.compose(initColumnDefinition.appendHeaderFormatter(formatter), initColumnDefinition.mergeClassNameToColumnHeader('with-sortable'))(column);
 };
 
 const composeRows = (rows, grid) => {
@@ -67,8 +67,8 @@ const composeRows = (rows, grid) => {
   } = grid.getInstance();
   const sortingConfig = {
     columns: decoratedColumns,
-    sortingColumns: !utils.isEmpty(sortingColumns) && sortingColumns,
-    sort: utils.orderBy,
+    sortingColumns: !dsUtilities.isEmpty(sortingColumns) && sortingColumns,
+    sort: dsUtilities.orderBy,
     emptyLast: sortEmptyLast
   }; // TODO: 1572 FIX
 
@@ -87,9 +87,10 @@ const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
   registerHotKeys(grid) {
     return {
       key: 'ctrl+s',
-      handler: ({
-        cellIndex
-      }) => {
+      handler: _ref => {
+        let {
+          cellIndex
+        } = _ref;
         const {
           actions: {
             sort

package/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -3,28 +3,26 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var dsClassnames = require('@elliemae/ds-classnames');
-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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var ArrowheadDown__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadDown);
-var ArrowheadUp__default = /*#__PURE__*/_interopDefaultLegacy(ArrowheadUp);
 
 var _ArrowheadUp, _ArrowheadDown;
 const blockName = 'data-grid-sort-header';
 const SortHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName);
 const iconColor = ['brand-primary', 800];
-const SortHeader = /*#__PURE__*/React__default["default"].memo(({
-  value,
-  onClick,
-  sortState
-}) => {
-  const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](ArrowheadUp__default["default"], {
+const SortHeader = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    value,
+    onClick,
+    sortState
+  } = _ref;
+  const sortIndicator = sortState === 'asc' ? _ArrowheadUp || (_ArrowheadUp = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadUp, {
     color: iconColor
-  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](ArrowheadDown__default["default"], {
+  })) : _ArrowheadDown || (_ArrowheadDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ArrowheadDown, {
     color: iconColor
   }));
   return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
@@ -34,10 +32,11 @@ const SortHeader = /*#__PURE__*/React__default["default"].memo(({
   }, void 0, value), sortState && sortIndicator);
 });
 
-const sortHeaderFormatter = (sortable, grid) => (value, {
-  columnIndex,
-  property
-}) => {
+const sortHeaderFormatter = (sortable, grid) => (value, _ref2) => {
+  let {
+    columnIndex,
+    property
+  } = _ref2;
   const {
     state: {
       sortingColumns

package/cjs/plugins/sortable/sortTree.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 sortabular = require('sortabular');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -30,9 +37,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 deepSorting = (sortConfig, rows = []) => sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
-  children: deepSorting(sortConfig, row.children)
-}) : row));
+const deepSorting = function (sortConfig) {
+  let rows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  return sortabular__namespace.sorter(sortConfig)(rows.map(row => row.children && row.children.length ? _objectSpread(_objectSpread({}, row), {}, {
+    children: deepSorting(sortConfig, row.children)
+  }) : row));
+};
 
 function sortTree(sortConfig) {
   return rows => deepSorting(sortConfig, rows);