@elliemae/ds-datagrids 2.0.0-alpha.1 → 2.0.0-alpha.13

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');
@@ -16,27 +21,30 @@ 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 _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(_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 }; }
 
@@ -11,14 +20,14 @@ 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 checkAllRowsSelected = (rows, selectedRows) => {
   if (rows.length && selectedRows.length === rows.length) return true;
   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,33 +17,35 @@ 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; }
+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'];
-  return /*#__PURE__*/_jsx__default['default'](SelectableWrapper, {
+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, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
     checked: isSelected,
     "data-testid": "column-selectable-component",
     innerRef: ref,
@@ -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 _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');
@@ -21,14 +21,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -49,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) => {
@@ -69,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
 
@@ -81,7 +79,7 @@ const composeRows = (rows, grid) => {
   return !isDataSorted ? sorter.sorter(sortingConfig)(rows) : rows;
 };
 
-const SortablePlugin = createInstancePlugin__default['default']('sortable', {
+const SortablePlugin = createInstancePlugin__default["default"]('sortable', {
   registerStateHook: useSortableState.useSortableState,
   decorateColumn,
   composeRows,
@@ -89,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/checkIfSortable.js

@@ -19,4 +19,4 @@ const checkIfSortable = (column, rows) => {
 };
 
 exports.checkIfSortable = checkIfSortable;
-exports['default'] = checkIfSortable;
+exports["default"] = checkIfSortable;

package/cjs/plugins/sortable/sortHeaderFormatter.js

@@ -3,41 +3,40 @@
 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, {
+  return /*#__PURE__*/_jsx__default["default"](SortHeaderContainer, {
     onClick: onClick
-  }, void 0, /*#__PURE__*/_jsx__default['default']("span", {
+  }, void 0, /*#__PURE__*/_jsx__default["default"]("span", {
     className: "header-value"
   }, 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
@@ -50,7 +49,7 @@ const sortHeaderFormatter = (sortable, grid) => (value, {
     columnIndex,
     property
   });
-  return /*#__PURE__*/_jsx__default['default'](SortHeader, {
+  return /*#__PURE__*/_jsx__default["default"](SortHeader, {
     className: className,
     onClick: onClick,
     sortState: sortingColumns[property] && sortingColumns[property].direction,

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 }; }
@@ -14,14 +21,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -30,11 +35,14 @@ var sortabular__namespace = /*#__PURE__*/_interopNamespace(sortabular);
 
 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 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);