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

package/esm/plugins/filterable/filterableFormatter.js

@@ -1,18 +1,23 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import 'react';
 import FilterableHeader from './components/FilterableHeader.js';
 import { getFilterLabelsGroup, getFilterLabels } from './helper.js';
 
-function FilterableFormatter({
-  grid,
-  onAddFilter,
-  onRemoveFilter,
-  query,
-  filterMenuRef
-}) {
-  return (value, {
-    column
-  }) => {
+function FilterableFormatter(_ref) {
+  let {
+    grid,
+    onAddFilter,
+    onRemoveFilter,
+    query,
+    filterMenuRef
+  } = _ref;
+  return (value, _ref2) => {
+    let {
+      column
+    } = _ref2;
     const {
       rows,
       composedRows,

package/esm/plugins/filterable/filtering-helper/filterRowsByQuery.js

@@ -1,5 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { isFunction } from '@elliemae/ds-utilities/utils';
+import 'core-js/modules/esnext.async-iterator.some.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.some.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import { isFunction } from '@elliemae/ds-utilities';
 import strategiesOperators from './strategiesOperators.js';
 
 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; }
@@ -23,7 +32,10 @@ const executeFilterStrategy = (rule, row) => {
   return filterStrategy(transformedRowValue, transformedValue);
 };
 
-const filterByRules = (rules, condition = 'AND') => row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
+const filterByRules = function (rules) {
+  let condition = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'AND';
+  return row => condition === 'AND' ? rules.reduce((isFiltered, rule) => rule.rules && rule.rules.length ? isFiltered && filterByRules(rule.rules, rule.condition)(row) : isFiltered && executeFilterStrategy(rule, row), true) : rules.some(rule => rule.rules && rule.rules.length ? filterByRules(rule.rules, rule.condition)(row) : executeFilterStrategy(rule, row));
+};
 
 function filterRowsByQueryGroup(rows, query, composedRows) {
   if (query && query.rules && query.rules.length === 0) return rows;

package/esm/plugins/filterable/filtering-helper/strategiesOperators.js

@@ -1,10 +1,13 @@
 import compare from 'comparejs';
 
 var strategiesOperators = (op => ({
-  range: (rowValue, {
-    start,
-    end
-  }) => start <= rowValue && end >= rowValue,
+  range: (rowValue, _ref) => {
+    let {
+      start,
+      end
+    } = _ref;
+    return start <= rowValue && end >= rowValue;
+  },
   equal: (value1, value2) => compare.id(value1, value2),
   greaterThan: compare.gt,
   lessThan: compare.lt,

package/esm/plugins/filterable/helper.js

@@ -1,5 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import { uniqBy, property, get, isFunction, groupBy } from '@elliemae/ds-utilities/utils';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import { uniqBy, property, get, isFunction, groupBy } from '@elliemae/ds-utilities';
 
 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; }
 

package/esm/plugins/filterable/useFilterableState.js

@@ -1,4 +1,10 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect, useMemo } from 'react';
 import { v4 } from 'uuid';
 import { parseFiltersToQuery, getFilterValue, buildFilterArray } from './helper.js';
@@ -72,11 +78,12 @@ function useFilterableState(grid) {
     });
   };
 
-  const removeFilter = ({
-    group,
-    pill,
-    nextFilters
-  }) => {
+  const removeFilter = _ref => {
+    let {
+      group,
+      pill,
+      nextFilters
+    } = _ref;
     onRemoveFilter(group, pill.value, nextFilters);
     handleFiltersChange(nextFilters);
   };

package/esm/plugins/grouping-by/GroupingByPlugin.js

@@ -1,10 +1,12 @@
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { groupBy } from 'lodash';
 
 const groupedByData = (groupedBy, composedRows) => {
   const grouped = groupBy(composedRows, groupedBy);
   return Object.keys(grouped).map((c, key) => ({
-    id: `grouped-by-${groupedBy}-${key}`,
+    id: "grouped-by-".concat(groupedBy, "-").concat(key),
     key: groupedBy,
     value: c,
     children: grouped[c],

package/esm/plugins/grouping-grid/GroupingPlugin.js

@@ -1,6 +1,15 @@
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import { useMemo } from 'react';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
@@ -15,7 +24,7 @@ const _excluded = ["isExpanded"];
 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(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 blockName = `${dataGridBlockName}-group-row-header`;
+const blockName = "".concat(dataGridBlockName, "-group-row-header");
 const GroupRowHeaderWrapper = aggregatedClasses('div')(blockName);
 const GroupRowHeaderTitle = aggregatedClasses('div')(blockName, 'title');
 const GroupingPlugin = createInstancePlugin('groupedRows', {

package/esm/plugins/grouping-grid/walkStrategy.js

@@ -1,17 +1,21 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
+
 function getPath(parentNode, index, childrenKey) {
   if (!parentNode) return [index];
   return [...parentNode.path, childrenKey, index];
 }
 
-function walkTreeStrategy({
-  data,
-  childrenKey = 'children',
-  level = 0,
-  getId = item => item.id,
-  parentNode,
-  shouldWalkChildren = () => true,
-  cb
-}) {
+function walkTreeStrategy(_ref) {
+  let {
+    data,
+    childrenKey = 'children',
+    level = 0,
+    getId = item => item.id,
+    parentNode,
+    shouldWalkChildren = () => true,
+    cb
+  } = _ref;
+
   // eslint-disable-next-line no-loops/no-loops,no-plusplus
   for (let i = 0; i < data.length; i++) {
     const currLevel = level + 1;

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

@@ -1,5 +1,11 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useEffect } from 'react';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 
@@ -21,7 +27,8 @@ const registerStateHook = grid => {
   } = grid;
   const loading = 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/esm/plugins/pagination/PaginationPlugin.js

@@ -1,8 +1,15 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useMemo } from 'react';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs } from '@elliemae/ds-utilities';
 import FocusGridManager from '@elliemae/ds-shared/FocusGroup/FocusGrid';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import paginate from './helper.js';

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

@@ -6,15 +6,16 @@ import PerPageDropdown from './PerPageDropdown.js';
 
 const PaginationControls = 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/esm/plugins/pagination/components/Paginator.js

@@ -9,13 +9,14 @@ const blockName = 'data-grid';
 const PaginationContainer = aggregatedClasses('div')(blockName, 'pagination');
 const PagifyContext = aggregatedClasses(Pagify.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(PaginationContainer, {}, void 0, /*#__PURE__*/_jsx(PagifyContext, {

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

@@ -1,10 +1,17 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'react';
 import memoizeOne from 'memoize-one';
-import { range } from '@elliemae/ds-utilities/utils';
-import DSComboBox, { components } from '@elliemae/ds-basic/form/ComboBox';
+import { range } from '@elliemae/ds-utilities';
+import { DSComboBox, components } from '@elliemae/ds-form';
 import { jsxs } from 'react/jsx-runtime';
 
 var _span;
@@ -36,13 +43,14 @@ const getOptions = memoizeOne((step, min, max) => {
   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(DSComboBox, {
     className: "per-page-dropdown",

package/esm/plugins/pagination/helper.js

@@ -1,14 +1,17 @@
-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/esm/plugins/pagination/usePaginationState.js

@@ -1,5 +1,11 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import { useDerivedStateFromProps } from '@elliemae/ds-utilities';
 import { parsePerPageNumber } from './helper.js';
 
 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; }

package/esm/plugins/resizable/ResizablePlugin.js

@@ -1,9 +1,10 @@
-import { runAll } from '@elliemae/ds-utilities/utils';
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+import { runAll } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { addResizableToColumn, resizableFormatter } from './decorateResizable.js';
 
-/* eslint-disable no-param-reassign */
-
 const noop = () => null;
 
 const DELTA_LAST_COLUMN = 25; // eslint-disable-next-line no-unused-vars

package/esm/plugins/resizable/decorateResizable.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import React from 'react';
@@ -11,14 +16,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const addResizableToColumn = (column, formatter) => appendHeaderFormatter(formatter, column);
 
-const ResizableWrapper = /*#__PURE__*/React.memo(({
-  value,
-  onDrag,
-  onDragEnd,
-  onDragStart,
-  minWidth,
-  handleClassName
-}) => {
+const ResizableWrapper = /*#__PURE__*/React.memo(_ref => {
+  let {
+    value,
+    onDrag,
+    onDragEnd,
+    onDragStart,
+    minWidth,
+    handleClassName
+  } = _ref;
   const {
     containerRef,
     Handle

package/esm/plugins/resizable/useResizeHandle.js

@@ -1,13 +1,14 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useRef } from 'react';
 
-const useResizeHandle = ({
-  onDragStart,
-  onDrag,
-  onDragEnd,
-  minWidth = 10,
-  isLast = false
-}) => {
+const useResizeHandle = _ref => {
+  let {
+    onDragStart,
+    onDrag,
+    onDragEnd,
+    minWidth = 10,
+    isLast = false
+  } = _ref;
   const startX = useRef();
   const startWidth = useRef();
   const containerRef = useRef();
@@ -41,15 +42,19 @@ const useResizeHandle = ({
     triggerMove(onDragStart, event);
   };
 
-  const HandleComponent = ({
-    className = 'resize-handle'
-  }) =>
-  /*#__PURE__*/
-  // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-  _jsx("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("div", {
+        className: className,
+        onMouseDown: onMouseDown
+      })
+    );
+  };
 
   return {
     containerRef,

package/esm/plugins/resizable/utils.js

@@ -1,17 +1,20 @@
 import 'core-js/modules/es.string.replace.js';
-import { parseInt } from '@elliemae/ds-utilities/utils';
+import { parseInt } from '@elliemae/ds-utilities';
 import memoizeOne from 'memoize-one';
 
 const isPercentNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('%') !== -1;
 const isPxNumber = stringNumber => typeof stringNumber === 'string' && stringNumber.indexOf('px') !== -1;
-const translatePercentageToPx = memoizeOne((totalWidth, percentage, minWidth = 0) => {
+const translatePercentageToPx = memoizeOne(function (totalWidth, percentage) {
+  let minWidth = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
   const parsedPercentatge = parseInt(percentage.replace('%', ''));
   const width = totalWidth * parsedPercentatge / 100;
   return width > minWidth ? width : minWidth;
 });
 const translateStringPxToNumberPx = memoizeOne(pxNumber => parseInt(pxNumber.replace('%', '')));
-memoizeOne((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
-memoizeOne((gridWidth, width = 0, minWidth) => {
+memoizeOne((totalWidth, pxWidth) => "".concat(pxWidth / totalWidth * 100, "%"));
+memoizeOne(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/esm/plugins/row-dnd/DndRowsPlugin.js

@@ -1,9 +1,15 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useMemo } from 'react';
 import { SortableHandle, SortableElement, SortableContainer } from 'react-sortable-hoc';
-import GripperVertical from '@elliemae/ds-icons/GripperVertical';
-import { omit } from '@elliemae/ds-utilities/utils';
+import { GripperVertical } from '@elliemae/ds-icons';
+import { omit } from '@elliemae/ds-utilities';
 import { appendCellFormatter } from '@elliemae/ds-shared/useDataGrid/initColumnDefinition';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { jsx, Fragment } from 'react/jsx-runtime';
@@ -18,15 +24,18 @@ const DragHandle = SortableHandle(() => _GripperVertical || (_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 = {
@@ -54,10 +63,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));

package/esm/plugins/selectable/SelectablePlugin.js

@@ -1,13 +1,12 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useCallback, useEffect } from 'react';
 import cx from 'obj-str';
-import { isFunction } from '@elliemae/ds-utilities/utils';
+import { isFunction } from '@elliemae/ds-utilities';
 import createInstancePlugin from '@elliemae/ds-shared/createDataInstance/createInstancePlugin';
 import { selectionColumnCreator } from './addSelectableColumn.js';
 import { useSelectableState } from './useSelectableState.js';
 import { selectMultipleRow, selectSingleRow } from './helper.js';
 
-/* eslint-disable react-hooks/rules-of-hooks */
-
 const decorateColumns = (columns, grid) => {
   const {
     props: {
@@ -49,9 +48,10 @@ const decorateColumns = (columns, grid) => {
   return columns;
 };
 
-const getRowProps = (rowProps, grid, {
-  rowData
-}) => {
+const getRowProps = (rowProps, grid, _ref) => {
+  let {
+    rowData
+  } = _ref;
   const {
     props: {
       showSelectHighlight,
@@ -151,9 +151,10 @@ const SelectablePlugin = createInstancePlugin('selectable', {
   registerHotKeys(grid) {
     return [{
       key: 'space',
-      handler: ({
-        rowIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex
+        } = _ref2;
         const {
           composedRows,
           props: {