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

package/cjs/plugins/resizable/useResizeHandle.js

@@ -2,35 +2,37 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-var useResizeHandle = function useResizeHandle(_ref) {
-  var onDragStart = _ref.onDragStart,
-      onDrag = _ref.onDrag,
-      onDragEnd = _ref.onDragEnd,
-      _ref$minWidth = _ref.minWidth,
-      minWidth = _ref$minWidth === void 0 ? 10 : _ref$minWidth;
-      _ref.isLast;
-  var startX = React.useRef();
-  var startWidth = React.useRef();
-  var containerRef = React.useRef();
+const useResizeHandle = _ref => {
+  let {
+    onDragStart,
+    onDrag,
+    onDragEnd,
+    minWidth = 10,
+    isLast = false
+  } = _ref;
+  const startX = React.useRef();
+  const startWidth = React.useRef();
+  const containerRef = React.useRef();
 
-  var triggerMove = function triggerMove(handler, event) {
-    var increasing = startX.current - event.clientX < 0;
+  const triggerMove = (handler, event) => {
+    const increasing = startX.current - event.clientX < 0;
     handler(Math.max(startWidth.current - startX.current + event.clientX, minWidth), increasing, {});
   };
 
-  var onMouseMove = function onMouseMove(event) {
+  const onMouseMove = event => {
     event.stopPropagation();
     event.preventDefault();
     triggerMove(onDrag, event);
   };
 
-  var onMouseUp = function onMouseUp(event) {
+  const onMouseUp = event => {
     event.stopPropagation();
     event.preventDefault();
     triggerMove(onDragEnd, event);
@@ -38,7 +40,7 @@ var useResizeHandle = function useResizeHandle(_ref) {
     document.removeEventListener('mouseup', onMouseUp);
   };
 
-  var onMouseDown = function onMouseDown(event) {
+  const onMouseDown = event => {
     event.stopPropagation();
     event.preventDefault();
     document.addEventListener('mousemove', onMouseMove);
@@ -48,13 +50,14 @@ var useResizeHandle = function useResizeHandle(_ref) {
     triggerMove(onDragStart, event);
   };
 
-  var HandleComponent = function HandleComponent(_ref2) {
-    var _ref2$className = _ref2.className,
-        className = _ref2$className === void 0 ? 'resize-handle' : _ref2$className;
+  const HandleComponent = _ref2 => {
+    let {
+      className = 'resize-handle'
+    } = _ref2;
     return (
       /*#__PURE__*/
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      React__default['default'].createElement("div", {
+      _jsx__default["default"]("div", {
         className: className,
         onMouseDown: onMouseDown
       })
@@ -62,10 +65,9 @@ var useResizeHandle = function useResizeHandle(_ref) {
   };
 
   return {
-    containerRef: containerRef,
+    containerRef,
     Handle: HandleComponent
   };
 };
 
 exports.useResizeHandle = useResizeHandle;
-//# sourceMappingURL=useResizeHandle.js.map

package/cjs/plugins/resizable/utils.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/es.string.replace.js');
 var dsUtilities = require('@elliemae/ds-utilities');
 var memoizeOne = require('memoize-one');
 
@@ -9,27 +10,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
 
-var isPercentNumber = function isPercentNumber(stringNumber) {
-  return typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
-};
-var isPxNumber = function isPxNumber(stringNumber) {
-  return typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
-};
-var translatePercentageToPx = memoizeOne__default['default'](function (totalWidth, percentage) {
-  var minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
-  var parsedPercentatge = dsUtilities.parseInt(percentage.replace('%', ''));
-  var width = totalWidth * parsedPercentatge / 100;
+const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
+const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
+const translatePercentageToPx = memoizeOne__default["default"](function (totalWidth, percentage) {
+  let minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  const parsedPercentatge = dsUtilities.parseInt(percentage.replace('%', ''));
+  const width = totalWidth * parsedPercentatge / 100;
   return width > minWidth ? width : minWidth;
 });
-var translateStringPxToNumberPx = memoizeOne__default['default'](function (pxNumber) {
-  return dsUtilities.parseInt(pxNumber.replace('%', ''));
-});
-memoizeOne__default['default'](function (totalWidth, pxWidth) {
-  return "".concat(pxWidth / totalWidth * 100, "%");
-});
-memoizeOne__default['default'](function (gridWidth) {
-  var width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  var minWidth = arguments.length > 2 ? arguments[2] : undefined;
+const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => dsUtilities.parseInt(pxNumber.replace('%', '')));
+memoizeOne__default["default"]((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
+memoizeOne__default["default"](function (gridWidth) {
+  let width = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
+  let minWidth = arguments.length > 2 ? arguments[2] : undefined;
   if (isPercentNumber(width)) return translatePercentageToPx(gridWidth, width, minWidth);
   if (isPxNumber(width)) return translateStringPxToNumberPx(width);
   return width;
@@ -38,4 +31,3 @@ memoizeOne__default['default'](function (gridWidth) {
 exports.isPercentNumber = isPercentNumber;
 exports.isPxNumber = isPxNumber;
 exports.translatePercentageToPx = translatePercentageToPx;
-//# sourceMappingURL=utils.js.map

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

@@ -3,36 +3,43 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+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 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
+var _GripperVertical, _DragHandle;
+
 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 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"](dsIcons.GripperVertical, {
+  className: "drag-handle"
+})));
 
-var 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'];
-var DragHandle = reactSortableHoc.SortableHandle(function () {
-  return /*#__PURE__*/React__default['default'].createElement(dsIcons.GripperVertical, {
-    className: "drag-handle"
-  });
-});
-
-var translateDnDData = function translateDnDData(_ref) {
-  var oldIndex = _ref.oldIndex,
-      newIndex = _ref.newIndex,
-      index = _ref.index;
+const translateDnDData = _ref => {
+  let {
+    oldIndex,
+    newIndex,
+    index
+  } = _ref;
   return {
     sourceIndex: oldIndex,
     targetIndex: newIndex,
@@ -40,8 +47,8 @@ var translateDnDData = function translateDnDData(_ref) {
   };
 };
 
-var decorateColumns = function decorateColumns(columns) {
-  var dragColumn = {
+const decorateColumns = columns => {
+  const dragColumn = {
     property: 'drag',
     label: '',
     visible: true,
@@ -49,55 +56,48 @@ var decorateColumns = function decorateColumns(columns) {
     minWidth: 24,
     special: true
   };
-  return [initColumnDefinition.appendCellFormatter(function () {
-    return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(DragHandle, null));
-  }, dragColumn)].concat(_toConsumableArray__default['default'](columns));
+  return [initColumnDefinition.appendCellFormatter(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
+    children: _DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {}))
+  }), dragColumn), ...columns];
 };
 
-var getBodyProps = function getBodyProps(props, grid) {
-  var _grid$props = grid.props,
-      onMoveRowEnd = _grid$props.onMoveRowEnd,
-      onReorder = _grid$props.onReorder,
-      onMoveRowStart = _grid$props.onMoveRowStart;
+const getBodyProps = (props, grid) => {
+  const {
+    onMoveRowEnd,
+    onReorder,
+    onMoveRowStart
+  } = grid.props;
   return _objectSpread(_objectSpread({}, props), {}, {
-    onSortEnd: function onSortEnd(data) {
+    onSortEnd: data => {
       grid.enableEvents();
       grid.setIsRowDragging(false);
       onMoveRowEnd(translateDnDData(data));
     },
-    onSortStart: function onSortStart() {
+    onSortStart: function () {
       grid.disableEvents();
       grid.setIsRowDragging(true);
-      onMoveRowStart.apply(void 0, arguments);
+      onMoveRowStart(...arguments);
     },
-    onSortOver: function onSortOver(data) {
+    onSortOver: data => {
       onReorder(translateDnDData(data));
     },
     lockAxis: 'y',
     useDragHandle: true,
     helperClass: 'row-drag-helper',
     // a promise is needed, since sortable it's mounted before it's container
-    getContainer: function getContainer() {
-      return new Promise(function (resolve) {
-        setTimeout(function () {
-          resolve(grid.refs.innerBody.current || grid.refs.body.current);
-        }, 100);
-      });
-    }
+    getContainer: () => new Promise(resolve => {
+      setTimeout(() => {
+        resolve(grid.refs.innerBody.current || grid.refs.body.current);
+      }, 100);
+    })
   });
 };
 
-var decorateRenderers = function decorateRenderers(renderers) {
-  var RowComponent = renderers.body.row;
-  var BodyWrapperComponent = renderers.body.wrapper;
-  var Row = React.useMemo(function () {
-    return reactSortableHoc.SortableElement(RowComponent);
-  }, []);
-  var BodyWrapper = React.useMemo(function () {
-    return reactSortableHoc.SortableContainer(function (props) {
-      return /*#__PURE__*/React__default['default'].createElement(BodyWrapperComponent, dsUtilities.omit(props, keysToOmit));
-    });
-  }, []);
+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({}, dsUtilities.omit(props, keysToOmit)))), []);
   return _objectSpread(_objectSpread({}, renderers), {}, {
     body: _objectSpread(_objectSpread({}, renderers.body), {}, {
       wrapper: BodyWrapper,
@@ -106,11 +106,10 @@ var decorateRenderers = function decorateRenderers(renderers) {
   });
 };
 
-var DndRowsPlugin = createInstancePlugin__default['default']('dnd-rows', {
-  decorateColumns: decorateColumns,
-  getBodyProps: getBodyProps,
-  decorateRenderers: decorateRenderers
+const DndRowsPlugin = createInstancePlugin__default["default"]('dnd-rows', {
+  decorateColumns,
+  getBodyProps,
+  decorateRenderers
 });
 
 exports.DndRowsPlugin = DndRowsPlugin;
-//# sourceMappingURL=DndRowsPlugin.js.map

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

@@ -2,17 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var plugins_rowDnd_DndRowsPlugin = require('./DndRowsPlugin.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('react');
-require('react-sortable-hoc');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
+var DndRowsPlugin = require('./DndRowsPlugin.js');
 
 
 
-exports.DndRowsPlugin = plugins_rowDnd_DndRowsPlugin.DndRowsPlugin;
-//# sourceMappingURL=index.js.map
+exports.DndRowsPlugin = DndRowsPlugin.DndRowsPlugin;

package/cjs/plugins/selectable/SelectablePlugin.js

@@ -2,135 +2,134 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var cx = require('obj-str');
 var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
-var plugins_selectable_addSelectableColumn = require('./addSelectableColumn.js');
-var plugins_selectable_useSelectableState = require('./useSelectableState.js');
-var plugins_selectable_helper = require('./helper.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-shared/useDataGrid/initColumnDefinition');
-require('./selectableFormatter.js');
-require('@elliemae/ds-form');
+var addSelectableColumn = require('./addSelectableColumn.js');
+var useSelectableState = require('./useSelectableState.js');
+var helper = require('./helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-var decorateColumns = function decorateColumns(columns, grid) {
-  var _grid$props = grid.props,
-      selectable = _grid$props.selectable,
-      multiSelectFilterLabel = _grid$props.multiSelectFilterLabel,
-      multiSelectFilterOptions = _grid$props.multiSelectFilterOptions,
-      multiSelectFilterLabels = _grid$props.multiSelectFilterLabels,
-      multiSelectComponent = _grid$props.multiSelectComponent,
-      _grid$actions = grid.actions,
-      handleSelectAll = _grid$actions.selectAll,
-      handleSelectRow = _grid$actions.selectRow,
-      selection = grid.state.selection;
-  var createSelectionColumn = plugins_selectable_addSelectableColumn.selectionColumnCreator({
-    grid: grid,
+const decorateColumns = (columns, grid) => {
+  const {
+    props: {
+      selectable,
+      multiSelectFilterLabel,
+      multiSelectFilterOptions,
+      multiSelectFilterLabels,
+      multiSelectComponent
+    },
+    actions: {
+      selectAll: handleSelectAll,
+      selectRow: handleSelectRow
+    },
+    state: {
+      selection
+    }
+  } = grid;
+  const createSelectionColumn = addSelectableColumn.selectionColumnCreator({
+    grid,
     multiple: selectable === 'multi',
     selectAll: selection.selectAll,
     onSelectAll: handleSelectAll,
     onSelectRow: handleSelectRow,
-    multiSelectFilterLabel: multiSelectFilterLabel,
-    multiSelectFilterOptions: multiSelectFilterOptions,
-    multiSelectFilterLabels: multiSelectFilterLabels,
-    multiSelectComponent: multiSelectComponent
+    multiSelectFilterLabel,
+    multiSelectFilterOptions,
+    multiSelectFilterLabels,
+    multiSelectComponent
   });
-  var _grid$props2 = grid.props,
-      showSelectColumn = _grid$props2.showSelectColumn,
-      selectionColumnDefinition = _grid$props2.selectionColumnDefinition;
+  const {
+    showSelectColumn,
+    selectionColumnDefinition
+  } = grid.props;
 
   if (showSelectColumn) {
-    var selectionColumn = createSelectionColumn(selectionColumnDefinition);
-    return [selectionColumn].concat(_toConsumableArray__default['default'](columns));
+    const selectionColumn = createSelectionColumn(selectionColumnDefinition);
+    return [selectionColumn, ...columns];
   }
 
   return columns;
 };
 
-var getRowProps = function getRowProps(rowProps, grid, _ref) {
-  var _cx;
-
-  var rowData = _ref.rowData;
-
-  var _grid$getInstance = grid.getInstance(),
-      _grid$getInstance$pro = _grid$getInstance.props,
-      showSelectHighlight = _grid$getInstance$pro.showSelectHighlight,
-      showSelectColumn = _grid$getInstance$pro.showSelectColumn,
-      rowKey = _grid$getInstance$pro.rowKey,
-      selectRow = _grid$getInstance.actions.selectRow;
-
-  var _index = rowData._index;
-  var isSelected = rowData['metaData.selected'];
+const getRowProps = (rowProps, grid, _ref) => {
+  let {
+    rowData
+  } = _ref;
+  const {
+    props: {
+      showSelectHighlight,
+      showSelectColumn,
+      rowKey
+    },
+    actions: {
+      selectRow
+    }
+  } = grid.getInstance();
+  const {
+    _index
+  } = rowData;
+  const isSelected = rowData['metaData.selected'];
 
   if (!showSelectColumn) {
-    rowProps.onClick = function () {
-      return selectRow(rowData[rowKey], _index);
-    };
+    rowProps.onClick = () => selectRow(rowData[rowKey], _index);
   }
 
-  rowProps.className = cx__default['default']((_cx = {}, _defineProperty__default['default'](_cx, rowProps.className, true), _defineProperty__default['default'](_cx, "selected", isSelected), _defineProperty__default['default'](_cx, 'select-highlight', showSelectHighlight && isSelected), _cx));
+  rowProps.className = cx__default["default"]({
+    [rowProps.className]: true,
+    selected: isSelected,
+    'select-highlight': showSelectHighlight && isSelected
+  });
   return rowProps;
 };
 
-var composeRows = function composeRows(rows, grid) {
-  var _grid$getInstance2 = grid.getInstance(),
-      _grid$getInstance2$pr = _grid$getInstance2.props,
-      isRowSelected = _grid$getInstance2$pr.isRowSelected,
-      multiple = _grid$getInstance2$pr.multiple,
-      rowKey = _grid$getInstance2$pr.rowKey,
-      selection = _grid$getInstance2.state.selection;
-
-  var selectionPredicate = function selectionPredicate(row) {
-    return dsUtilities.isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
-  };
-
-  return multiple ? plugins_selectable_helper.selectMultipleRow(rows, selectionPredicate) : plugins_selectable_helper.selectSingleRow(rows, selectionPredicate);
+const composeRows = (rows, grid) => {
+  const {
+    props: {
+      isRowSelected,
+      multiple,
+      rowKey
+    },
+    state: {
+      selection
+    }
+  } = grid.getInstance();
+
+  const selectionPredicate = row => dsUtilities.isFunction(isRowSelected) ? isRowSelected(row) : !!selection.selectedRows[row[rowKey]];
+
+  return multiple ? helper.selectMultipleRow(rows, selectionPredicate) : helper.selectSingleRow(rows, selectionPredicate);
 };
 
-var decorateGrid = function decorateGrid(grid) {
+const decorateGrid = grid => {
   // const handler = useRef();
-  var _grid$getInstance3 = grid.getInstance(),
-      _grid$getInstance3$pr = _grid$getInstance3.props,
-      isRowSelected = _grid$getInstance3$pr.isRowSelected,
-      rowKey = _grid$getInstance3$pr.rowKey,
-      selectRow = _grid$getInstance3.actions.selectRow,
-      selection = _grid$getInstance3.state.selection;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      shiftPressed = _useState2[0],
-      setShiftPressed = _useState2[1];
-
-  var _useState3 = React.useState(null),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      lastSelectedRow = _useState4[0],
-      setLastSelectedRow = _useState4[1];
-
-  var selectRowHandler = React.useCallback(function (rowData, index) {
-    return function () {
-      return selectRow(rowData[rowKey], index, shiftPressed);
-    };
-  }, [isRowSelected, selection, shiftPressed]);
-  React.useEffect(function () {
-    var keyDownListener = function keyDownListener(event) {
+  const {
+    props: {
+      isRowSelected,
+      rowKey
+    },
+    actions: {
+      selectRow
+    },
+    state: {
+      selection
+    }
+  } = grid.getInstance();
+  const [shiftPressed, setShiftPressed] = React.useState(false);
+  const [lastSelectedRow, setLastSelectedRow] = React.useState(null);
+  const selectRowHandler = React.useCallback((rowData, index) => () => selectRow(rowData[rowKey], index, shiftPressed), [isRowSelected, selection, shiftPressed]);
+  React.useEffect(() => {
+    const keyDownListener = event => {
       if (event.key === 'Shift' && event.target.tagName.toLowerCase() !== 'input' && event.target.parentNode.className !== 'em-ds-combobox__input') {
         setShiftPressed(true);
       }
     };
 
-    var keyUpListener = function keyUpListener(event) {
+    const keyUpListener = event => {
       if (event.key === 'Shift' && event.target.tagName.toLowerCase() !== 'input' && event.target.parentNode.className !== 'em-ds-combobox__input') {
         setShiftPressed(false);
       }
@@ -138,53 +137,63 @@ var decorateGrid = function decorateGrid(grid) {
 
     window.addEventListener('keydown', keyDownListener);
     window.addEventListener('keyup', keyUpListener);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', keyDownListener);
       window.removeEventListener('keyup', keyUpListener);
     };
   });
   return {
-    shiftPressed: shiftPressed,
-    selectRowHandler: selectRowHandler,
-    setLastSelectedRow: setLastSelectedRow,
-    lastSelectedRow: lastSelectedRow
+    shiftPressed,
+    selectRowHandler,
+    setLastSelectedRow,
+    lastSelectedRow
   };
 };
 
-var SelectablePlugin = createInstancePlugin__default['default']('selectable', {
-  decorateGrid: decorateGrid,
-  registerStateHook: plugins_selectable_useSelectableState.useSelectableState,
-  decorateColumns: decorateColumns,
-  getRowProps: getRowProps,
-  composeRows: composeRows,
-  registerHotKeys: function registerHotKeys(grid) {
+const SelectablePlugin = createInstancePlugin__default["default"]('selectable', {
+  decorateGrid,
+  registerStateHook: useSelectableState.useSelectableState,
+  decorateColumns,
+  getRowProps,
+  composeRows,
+
+  registerHotKeys(grid) {
     return [{
       key: 'space',
-      handler: function handler(_ref2) {
-        var rowIndex = _ref2.rowIndex;
-
-        var _grid$getInstance4 = grid.getInstance(),
-            composedRows = _grid$getInstance4.composedRows,
-            rowKey = _grid$getInstance4.props.rowKey,
-            selectRow = _grid$getInstance4.actions.selectRow;
-
-        var rows = composedRows.rows || composedRows;
-        var row = rows[rowIndex];
+      handler: _ref2 => {
+        let {
+          rowIndex
+        } = _ref2;
+        const {
+          composedRows,
+          props: {
+            rowKey
+          },
+          actions: {
+            selectRow
+          }
+        } = grid.getInstance();
+        const rows = composedRows.rows || composedRows;
+        const row = rows[rowIndex];
         if (!row) return;
         selectRow(row[rowKey], rowIndex);
       }
     }, {
       key: 'ctrl+a',
-      handler: function handler() {
-        var _grid$getInstance5 = grid.getInstance(),
-            selection = _grid$getInstance5.state.selection,
-            selectAll = _grid$getInstance5.actions.selectAll;
-
+      handler: () => {
+        const {
+          state: {
+            selection
+          },
+          actions: {
+            selectAll
+          }
+        } = grid.getInstance();
         selectAll(!selection.selectAll);
       }
     }];
   }
+
 });
 
 exports.SelectablePlugin = SelectablePlugin;
-//# sourceMappingURL=SelectablePlugin.js.map