@elliemae/ds-datagrids 2.0.0-next.8 → 2.0.0-rc.3

package/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -5,6 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 
@@ -32,7 +37,8 @@ const registerStateHook = grid => {
   } = grid;
   const loading = React.useRef(false);
 
-  const addMoreData = (data = []) => {
+  const addMoreData = function () {
+    let data = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
     loading.current = false;
     updateRows(prevRows => prevRows.concat(data || []));
   };

package/cjs/plugins/pagination/PaginationPlugin.js

@@ -5,8 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 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 React = require('react');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var FocusGridManager = require('@elliemae/ds-shared/FocusGroup/FocusGrid');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var helper = require('./helper.js');
@@ -64,7 +71,7 @@ const Body = /*#__PURE__*/React__default["default"].memo(_ref => {
       otherBodyProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, otherBodyProps), {}, {
-    innerRef: system.mergeRefs(innerRef),
+    innerRef: dsUtilities.mergeRefs(innerRef),
     children: !isPlaceholderActive ? rows.map((row, index) => rowRenderer(row, {
       index,
       rowIndex: index

package/cjs/plugins/pagination/components/Pagination.js

@@ -14,15 +14,16 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 const PaginationControls = dsClassnames.aggregatedClasses('div')('data-grid', 'controls-pagination');
 
-const Pagination = ({
-  paginated,
-  pagination = {},
-  onPerPage,
-  onPageSelect,
-  paginationStep = 5,
-  maxPerPage = 10,
-  minPerPage = 5
-}) => {
+const Pagination = _ref => {
+  let {
+    paginated,
+    pagination = {},
+    onPerPage,
+    onPageSelect,
+    paginationStep = 5,
+    maxPerPage = 10,
+    minPerPage = 5
+  } = _ref;
   const {
     perPage
   } = pagination;

package/cjs/plugins/pagination/components/Paginator.js

@@ -17,13 +17,14 @@ const blockName = 'data-grid';
 const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
 const PagifyContext = dsClassnames.aggregatedClasses(Pagify__default["default"].Context)(blockName, 'pagify-pagination');
 
-const Paginator = ({
-  pagination,
-  pages,
-  onSelect,
-  labelPrevious = 'Previous',
-  labelNext = 'Next'
-}) => {
+const Paginator = _ref => {
+  let {
+    pagination,
+    pages,
+    onSelect,
+    labelPrevious = 'Previous',
+    labelNext = 'Next'
+  } = _ref;
   const prevPage = pagination.page - 1;
   const nextPage = pagination.page + 1;
   return /*#__PURE__*/_jsx__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {

package/cjs/plugins/pagination/components/PerPageDropdown.js

@@ -3,10 +3,17 @@
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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');
 require('react');
 var memoizeOne = require('memoize-one');
-var utils = require('@elliemae/ds-utilities/utils');
-var DSComboBox = require('@elliemae/ds-basic/form/ComboBox');
+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 }; }
@@ -15,7 +22,6 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
-var DSComboBox__default = /*#__PURE__*/_interopDefaultLegacy(DSComboBox);
 
 var _span;
 
@@ -31,7 +37,7 @@ const SingleValue = _ref => {
   } = _ref,
       props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsxs(DSComboBox.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+  return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
     children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
   }));
 };
@@ -42,19 +48,20 @@ const generateOption = value => ({
 });
 
 const getOptions = memoizeOne__default["default"]((step, min, max) => {
-  const options = utils.range(min, max + step, step).map(generateOption);
+  const options = dsUtilities.range(min, max + step, step).map(generateOption);
   return min === 0 ? options.slice(1, options.length) : options;
 });
 
-function PerPageDropdown({
-  min = 0,
-  max = 100,
-  step = 5,
-  value = 0,
-  onChange = () => null
-}) {
+function PerPageDropdown(_ref2) {
+  let {
+    min = 0,
+    max = 100,
+    step = 5,
+    value = 0,
+    onChange = () => null
+  } = _ref2;
   const options = getOptions(step, min, max);
-  return /*#__PURE__*/_jsx__default["default"](DSComboBox__default["default"], {
+  return /*#__PURE__*/_jsx__default["default"](dsForm.DSComboBox, {
     className: "per-page-dropdown",
     components: {
       SingleValue

package/cjs/plugins/pagination/helper.js

@@ -2,17 +2,20 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const parsePerPageNumber = (number, max, min = 1) => {
+const parsePerPageNumber = function (number, max) {
+  let min = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
   if (number > max) return max;
   if (number < min) return min;
   return number;
 };
-function paginate(rows, {
-  page,
-  perPage = 1,
-  amountOfPages: amount,
-  totalRows
-}) {
+function paginate(rows, _ref) {
+  let {
+    page,
+    perPage = 1,
+    amountOfPages: amount,
+    totalRows
+  } = _ref;
+
   // return if pagination state is controlled
   if (amount && totalRows) {
     return {

package/cjs/plugins/pagination/usePaginationState.js

@@ -4,13 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('core-js/modules/web.dom-collections.iterator.js');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+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 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; }
 
@@ -31,7 +35,7 @@ function usePaginationState(grid) {
     composedRows,
     rows
   } = grid.getInstance();
-  const [pagination, setPagination] = useDerivedStateFromProps__default["default"](paginationProp);
+  const [pagination, setPagination] = dsUtilities.useDerivedStateFromProps(paginationProp);
 
   const onPerPage = perPageNumber => {
     const parsedPerPageNumber = helper.parsePerPageNumber(perPageNumber, maxPerPage, minPerPage);

package/cjs/plugins/resizable/ResizablePlugin.js

@@ -2,7 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-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');
+var dsUtilities = require('@elliemae/ds-utilities');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var decorateResizable = require('./decorateResizable.js');
 
@@ -10,8 +13,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-/* eslint-disable no-param-reassign */
-
 const noop = () => null;
 
 const DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars
@@ -97,7 +98,7 @@ const decorateColumn = (column, grid, index) => {
         width,
         extraData
       });
-      utils.runAll(onResizeEnd)(width, extraData);
+      dsUtilities.runAll(onResizeEnd)(width, extraData);
       grid.updateRowWidth();
     },
     minWidth: (column.minWidth || minColumnWidth) - (isLast ? DELTA_LAST_COLUMN : 0),

package/cjs/plugins/resizable/decorateResizable.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 _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -21,14 +26,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const addResizableToColumn = (column, formatter) => initColumnDefinition.appendHeaderFormatter(formatter, column);
 
-const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(({
-  value,
-  onDrag,
-  onDragEnd,
-  onDragStart,
-  minWidth,
-  handleClassName
-}) => {
+const ResizableWrapper = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    value,
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  } = _ref;
   const {
     containerRef,
     Handle

package/cjs/plugins/resizable/useResizeHandle.js

@@ -9,13 +9,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const useResizeHandle = ({
-  onDragStart,
-  onDrag,
-  onDragEnd,
-  minWidth = 10,
-  isLast = false
-}) => {
+const useResizeHandle = _ref => {
+  let {
+    onDragStart,
+    onDrag,
+    onDragEnd,
+    minWidth = 10,
+    isLast = false
+  } = _ref;
   const startX = React.useRef();
   const startWidth = React.useRef();
   const containerRef = React.useRef();
@@ -49,15 +50,19 @@ const useResizeHandle = ({
     triggerMove(onDragStart, event);
   };
 
-  const HandleComponent = ({
-    className = 'resize-handle'
-  }) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  _jsx__default["default"]("div", {
-    className: className,
-    onMouseDown: onMouseDown
-  });
+  const HandleComponent = _ref2 => {
+    let {
+      className = 'resize-handle'
+    } = _ref2;
+    return (
+      /*#__PURE__*/
+      // eslint-disable-next-line jsx-a11y/no-static-element-interactions
+      _jsx__default["default"]("div", {
+        className: className,
+        onMouseDown: onMouseDown
+      })
+    );
+  };
 
   return {
     containerRef,

package/cjs/plugins/resizable/utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('core-js/modules/es.string.replace.js');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var memoizeOne = require('memoize-one');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,14 +12,17 @@ var memoizeOne__default = /*#__PURE__*/_interopDefaultLegacy(memoizeOne);
 
 const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
 const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
-const translatePercentageToPx = memoizeOne__default["default"]((totalWidth, percentage, minWidth = 0) => {
-  const parsedPercentatge = utils.parseInt(percentage.replace('%', ''));
+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;
 });
-const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => utils.parseInt(pxNumber.replace('%', '')));
+const translateStringPxToNumberPx = memoizeOne__default["default"](pxNumber => dsUtilities.parseInt(pxNumber.replace('%', '')));
 memoizeOne__default["default"]((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
-memoizeOne__default["default"]((gridWidth, width = 0, minWidth) => {
+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;

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

@@ -5,10 +5,15 @@ 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');
@@ -17,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;
@@ -26,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 = {
@@ -66,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));
@@ -90,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

@@ -5,7 +5,7 @@ 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');
@@ -57,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,
@@ -99,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);
 };
@@ -159,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