@elliemae/ds-datagrids 1.61.0 → 2.0.0-alpha.12

package/cjs/plugins/selectable/addSelectableColumn.js

@@ -2,73 +2,82 @@
 
 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');
-var plugins_selectable_selectableFormatter = require('./selectableFormatter.js');
-require('react');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-form');
+var selectableFormatter = require('./selectableFormatter.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-var _excluded = ["visible", "isDataColumn", "width", "minWidth", "cellRenderer", "headerCellRenderer", "customRenderer", "header"];
+const _excluded = ["visible", "isDataColumn", "width", "minWidth", "cellRenderer", "headerCellRenderer", "customRenderer", "header"];
 
 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 selectionColumnCreator(_ref) {
-  var grid = _ref.grid,
-      selectAll = _ref.selectAll,
-      selectionComponent = _ref.selectionComponent,
-      onSelectRow = _ref.onSelectRow,
-      onSelectAll = _ref.onSelectAll,
-      multiple = _ref.multiple,
-      multiSelectFilterLabel = _ref.multiSelectFilterLabel,
-      multiSelectFilterOptions = _ref.multiSelectFilterOptions,
-      multiSelectFilterLabels = _ref.multiSelectFilterLabels,
-      multiSelectComponent = _ref.multiSelectComponent;
-  var rowKey = grid.props.rowKey;
+  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 function () {
-    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
 
-    var _ref2$visible = _ref2.visible,
-        visible = _ref2$visible === void 0 ? true : _ref2$visible,
-        _ref2$isDataColumn = _ref2.isDataColumn,
-        isDataColumn = _ref2$isDataColumn === void 0 ? false : _ref2$isDataColumn,
-        _ref2$width = _ref2.width,
-        width = _ref2$width === void 0 ? 40 : _ref2$width,
-        minWidth = _ref2.minWidth;
-        _ref2.cellRenderer;
-        _ref2.headerCellRenderer;
-        _ref2.customRenderer;
-        _ref2.header;
-        var column = _objectWithoutProperties__default['default'](_ref2, _excluded);
+    let {
+      visible = true,
+      isDataColumn = false,
+      width = 40,
+      minWidth,
+      cellRenderer,
+      headerCellRenderer,
+      customRenderer,
+      header
+    } = _ref2,
+        column = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-    var selectionColumn = _objectSpread(_objectSpread({}, column), {}, {
+    let selectionColumn = _objectSpread(_objectSpread({}, column), {}, {
       property: 'metaData.selected',
       filterLabel: multiSelectFilterLabel,
       filterOptions: multiSelectFilterOptions,
       filterLabels: multiSelectFilterLabels,
-      visible: visible,
-      width: width,
+      visible,
+      width,
       minWidth: minWidth || width,
-      isDataColumn: isDataColumn
+      isDataColumn
     });
 
-    selectionColumn = initColumnDefinition.appendCellFormatter(plugins_selectable_selectableFormatter({
+    selectionColumn = initColumnDefinition.appendCellFormatter(selectableFormatter({
       isMultiSelect: multiple,
       renderer: selectionComponent || multiSelectComponent,
       onSelect: onSelectRow
     }, grid))(selectionColumn);
 
     if (multiple) {
-      selectionColumn = initColumnDefinition.appendHeaderFormatter(plugins_selectable_selectableFormatter({
-        rowKey: rowKey,
-        selectAll: selectAll,
+      selectionColumn = initColumnDefinition.appendHeaderFormatter(selectableFormatter({
+        rowKey,
+        selectAll,
         isMultiSelect: true,
         isHeader: true,
         className: 'multi-select-wrapper',
@@ -82,4 +91,3 @@ function selectionColumnCreator(_ref) {
 }
 
 exports.selectionColumnCreator = selectionColumnCreator;
-//# sourceMappingURL=addSelectableColumn.js.map

package/cjs/plugins/selectable/helper.js

@@ -3,6 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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,43 +20,24 @@ 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; }
-var checkAllRowsSelected = function checkAllRowsSelected(rows, selectedRows) {
+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;
 };
-var toggleSelectAll = function toggleSelectAll(rows, checked) {
-  return !checked ? {} : rows.reduce(function (nextSelRows, row) {
-    return dsUtilities.toggleInObject(nextSelRows, row.id, true);
-  }, {});
-};
-var toggleSingleSelectable = function toggleSingleSelectable(selectedRows, id) {
-  return !selectedRows[id] ? dsUtilities.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) : {};
 
-var mergeSelectedToMetaData = function mergeSelectedToMetaData(selected) {
-  return function (row) {
-    return _objectSpread(_objectSpread({}, row), {}, {
-      'metaData.selected': selected
-    });
-  };
-};
+const mergeSelectedToMetaData = selected => row => _objectSpread(_objectSpread({}, row), {}, {
+  'metaData.selected': selected
+});
 
-var selectSingleRow = function selectSingleRow(rows, filter) {
-  return rows.map(function (row) {
-    return mergeSelectedToMetaData(filter(row))(row);
-  });
-};
-var selectMultipleRow = function selectMultipleRow(rows, isRowSelectedPredicate) {
-  return rows.map(function (row) {
-    return mergeSelectedToMetaData(isRowSelectedPredicate(row))(row);
-  });
-};
+const selectSingleRow = (rows, filter) => rows.map(row => mergeSelectedToMetaData(filter(row))(row));
+const selectMultipleRow = (rows, isRowSelectedPredicate) => rows.map(row => mergeSelectedToMetaData(isRowSelectedPredicate(row))(row));
 
 exports.checkAllRowsSelected = checkAllRowsSelected;
 exports.selectMultipleRow = selectMultipleRow;
 exports.selectSingleRow = selectSingleRow;
 exports.toggleSelectAll = toggleSelectAll;
 exports.toggleSingleSelectable = toggleSingleSelectable;
-//# sourceMappingURL=helper.js.map

package/cjs/plugins/selectable/index.js

@@ -2,23 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_selectable_SelectablePlugin = require('./SelectablePlugin.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('react');
-require('obj-str');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-require('./addSelectableColumn.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./selectableFormatter.js');
-require('@elliemae/ds-form');
-require('./useSelectableState.js');
-require('./helper.js');
+var SelectablePlugin = require('./SelectablePlugin.js');
 
 
 
-exports.SelectablePlugin = plugins_selectable_SelectablePlugin.SelectablePlugin;
-//# sourceMappingURL=index.js.map
+exports.SelectablePlugin = SelectablePlugin.SelectablePlugin;

package/cjs/plugins/selectable/selectableFormatter.js

@@ -1,41 +1,51 @@
 '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 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 }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 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; }
 
-var SelectableWrapper = function SelectableWrapper(_ref) {
-  var className = _ref.className,
-      children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement("div", {
+const SelectableWrapper = _ref => {
+  let {
+    className,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     className: className,
-    onClick: function onClick(e) {
-      return e.stopPropagation();
-    }
-  }, children);
+    onClick: e => e.stopPropagation()
+  }, void 0, children);
 };
 
-var SelectableComponent = /*#__PURE__*/React__default['default'].memo( /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
-  var className = _ref2.className,
-      isMultiSelect = _ref2.isMultiSelect,
-      isHeader = _ref2.isHeader,
-      onSelect = _ref2.onSelect,
-      isSelected = _ref2.isSelected,
-      value = _ref2.value;
-  var SelectComponent = isMultiSelect || isHeader ? dsForm.DSCheckbox : dsForm.DSRadio;
-  return /*#__PURE__*/React__default['default'].createElement(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
-  }, /*#__PURE__*/React__default['default'].createElement(SelectComponent, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](SelectComponent, {
     checked: isSelected,
     "data-testid": "column-selectable-component",
     innerRef: ref,
@@ -43,52 +53,54 @@ var SelectableComponent = /*#__PURE__*/React__default['default'].memo( /*#__PURE
     tabIndex: -1,
     value: value
   }));
-}, function (prev, next) {
-  return next.isScrolling;
-}));
-
-var selectableFormatter = function selectableFormatter(_ref3, grid) {
-  var _ref3$isMultiSelect = _ref3.isMultiSelect,
-      isMultiSelect = _ref3$isMultiSelect === void 0 ? false : _ref3$isMultiSelect,
-      renderer = _ref3.renderer,
-      className = _ref3.className,
-      isHeader = _ref3.isHeader,
-      onSelect = _ref3.onSelect;
-  return function (valueRender, extraParams) {
-    var registerFocus = extraParams.registerFocus;
-    var ref = React.useRef();
-
-    var _grid$getInstance = grid.getInstance(),
-        rowKey = _grid$getInstance.props.rowKey,
-        selection = _grid$getInstance.state.selection,
-        shiftPressed = _grid$getInstance.shiftPressed,
-        lastSelectedRow = _grid$getInstance.lastSelectedRow;
+}, (prev, next) => next.isScrolling));
 
-    var rowData = extraParams.rowData,
-        isScrolling = extraParams.isScrolling;
-    React.useEffect(function () {
+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]);
-    var isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
-    var handleSelect = isHeader ? function () {
-      return onSelect(!isSelected);
-    } : function () {
-      return onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
-    };
+    const isSelected = isHeader ? selection.selectAll : !!selection.selectedRows[rowData[rowKey]];
+    const handleSelect = isHeader ? () => onSelect(!isSelected) : () => onSelect(rowData[rowKey], extraParams.rowIndex, shiftPressed, lastSelectedRow);
 
     if (dsUtilities.isFunction(renderer)) {
-      return /*#__PURE__*/React__default['default'].createElement(SelectableWrapper, {
+      return /*#__PURE__*/_jsx__default["default"](SelectableWrapper, {
         className: className
-      }, renderer(_objectSpread(_objectSpread({
+      }, void 0, renderer(_objectSpread(_objectSpread({
         rowData: {}
       }, extraParams), {}, {
         value: isSelected,
-        isHeader: isHeader,
+        isHeader,
         onSelect: handleSelect
       })));
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(SelectableComponent, {
+    return /*#__PURE__*/jsxRuntime.jsx(SelectableComponent, {
       ref: ref,
       className: className,
       isMultiSelect: isMultiSelect,
@@ -101,4 +113,3 @@ var selectableFormatter = function selectableFormatter(_ref3, grid) {
 };
 
 module.exports = selectableFormatter;
-//# sourceMappingURL=selectableFormatter.js.map

package/cjs/plugins/selectable/useSelectableState.js

@@ -3,126 +3,125 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+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 plugins_selectable_helper = require('./helper.js');
+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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 
 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 function () {
-    var nextProp = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-    var prevProp = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    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) {
-      var nextSelectedRows = nextProp.selectAll ? plugins_selectable_helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
+      const nextSelectedRows = nextProp.selectAll ? helper.toggleSelectAll(rows, true) : dsUtilities.hashArray(nextProp.selectedRows || []);
       return {
         selectedRows: nextSelectedRows,
-        selectAll: plugins_selectable_helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
+        selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextSelectedRows))
       };
     }
 
     return {
       selectedRows: dsUtilities.hashArray(nextProp.selectedRows || []),
-      selectAll: plugins_selectable_helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
+      selectAll: helper.checkAllRowsSelected(rows, Object.keys(nextProp.selectedRows))
     };
   };
 }
 
 function useSelectableState(grid) {
-  var _grid$getInstance = grid.getInstance(),
-      _grid$getInstance$pro = _grid$getInstance.props,
-      _grid$getInstance$pro2 = _grid$getInstance$pro.rowKey,
-      rowKey = _grid$getInstance$pro2 === void 0 ? 'id' : _grid$getInstance$pro2,
-      selectedRows = _grid$getInstance$pro.selectedRows,
-      selectAll = _grid$getInstance$pro.selectAll,
-      selectable = _grid$getInstance$pro.selectable,
-      onSelectRow = _grid$getInstance$pro.onSelectRow,
-      onSelectAll = _grid$getInstance$pro.onSelectAll,
-      rows = _grid$getInstance.rows,
-      setLastSelectedRow = _grid$getInstance.setLastSelectedRow;
-
-  var multiple = selectable === 'multi';
-
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps({
-    selectedRows: selectedRows,
-    selectAll: selectAll
+  const {
+    props: {
+      rowKey = 'id',
+      selectedRows,
+      selectAll,
+      selectable,
+      onSelectRow,
+      onSelectAll
+    },
+    rows,
+    setLastSelectedRow
+  } = grid.getInstance();
+  const multiple = selectable === 'multi';
+  const [selection, setSelectedRowsState] = dsUtilities.useDerivedStateFromProps({
+    selectedRows,
+    selectAll
   }, {
     onUpdate: deriveSelectedStateFromPropsOnUpdate(rows)
-  }),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      selection = _useDerivedStateFromP2[0],
-      setSelectedRowsState = _useDerivedStateFromP2[1]; // ACTIONS
-
-
-  var handleSelectRow = function handleSelectRow(id, index) {
-    var shift = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
-    var lastSelectedRow = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-    setSelectedRowsState(function (prevState) {
-      var _grid$getInstance2 = grid.getInstance(),
-          nextRows = _grid$getInstance2.rows;
-
-      var wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
+  }); // ACTIONS
+
+  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
+      } = grid.getInstance();
+      const wasSelected = Object.keys(prevState.selectedRows).some( // we need to match softly as the id may be a number
       // eslint-disable-next-line eqeqeq
-      function (elem) {
-        return elem == id;
-      });
-      var nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : plugins_selectable_helper.toggleSingleSelectable(prevState.selectedRows, id);
+      elem => elem == id);
+      let nextSelectedRows = multiple ? dsUtilities.toggleInObject(prevState.selectedRows, id, true) : helper.toggleSingleSelectable(prevState.selectedRows, id);
       setLastSelectedRow({
-        index: index,
+        index,
         mode: wasSelected ? 'deselect' : 'select'
       });
 
       if (shift && lastSelectedRow) {
-        var prevSmallest = lastSelectedRow.index < index + 1;
-        var sliceStart = prevSmallest ? lastSelectedRow.index : index;
-        var sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;
-        var rowSegment = nextRows.slice(sliceStart, sliceEnd).map(function (row) {
-          return row[rowKey];
-        });
+        const prevSmallest = lastSelectedRow.index < index + 1;
+        const sliceStart = prevSmallest ? lastSelectedRow.index : index;
+        const sliceEnd = prevSmallest ? index + 1 : lastSelectedRow.index + 1;
+        const rowSegment = nextRows.slice(sliceStart, sliceEnd).map(row => row[rowKey]);
 
         if (lastSelectedRow.mode === 'deselect') {
           nextSelectedRows = dsUtilities.omit(prevState.selectedRows, rowSegment);
         } else {
-          var selectedSegment = rowSegment.reduce(function (o, key) {
-            return _objectSpread(_objectSpread({}, o), {}, _defineProperty__default['default']({}, key, true));
-          }, {});
+          const selectedSegment = rowSegment.reduce((o, key) => _objectSpread(_objectSpread({}, o), {}, {
+            [key]: true
+          }), {});
           nextSelectedRows = _objectSpread(_objectSpread({}, prevState.selectedRows), selectedSegment);
         }
       }
 
-      var nextState = {
+      const nextState = {
         selectedRows: nextSelectedRows,
-        selectAll: plugins_selectable_helper.checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows))
+        selectAll: helper.checkAllRowsSelected(nextRows, Object.keys(nextSelectedRows))
       };
 
       if (index !== null && index !== undefined) {
-        onSelectRow(nextRows.filter(function (row) {
-          return nextState.selectedRows[row[rowKey]];
-        }), nextState.selectAll, index);
+        onSelectRow(nextRows.filter(row => nextState.selectedRows[row[rowKey]]), nextState.selectAll, index);
       }
 
       return nextState;
     });
   };
 
-  var handleSelectAll = function handleSelectAll(checked) {
+  const handleSelectAll = checked => {
     if (!multiple) return;
     setLastSelectedRow(null);
-    setSelectedRowsState(function () {
-      var _grid$getInstance3 = grid.getInstance(),
-          nextRows = _grid$getInstance3.composedRows;
-
-      var nextState = {
+    setSelectedRowsState(() => {
+      const {
+        composedRows: nextRows
+      } = grid.getInstance();
+      const nextState = {
         selectAll: checked,
-        selectedRows: plugins_selectable_helper.toggleSelectAll(nextRows, checked)
+        selectedRows: helper.toggleSelectAll(nextRows, checked)
       };
       onSelectAll(nextState.selectAll);
       onSelectRow(checked ? nextRows : [], nextState.selectAll);
@@ -136,10 +135,9 @@ function useSelectableState(grid) {
       selectAll: handleSelectAll
     },
     state: {
-      selection: selection
+      selection
     }
   };
 }
 
 exports.useSelectableState = useSelectableState;
-//# sourceMappingURL=useSelectableState.js.map