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

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

@@ -14,26 +14,27 @@ 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;
   if (pagination && pagination.conditionalPagination === true && paginated.amount === 1) return null;
-  return paginated.amount > 0 ? /*#__PURE__*/_jsx__default['default'](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default['default'](PerPageDropdown, {
+  return paginated.amount > 0 ? /*#__PURE__*/_jsx__default["default"](PaginationControls, {}, void 0, /*#__PURE__*/_jsx__default["default"](PerPageDropdown, {
     max: maxPerPage,
     min: minPerPage,
     onChange: onPerPage,
     step: paginationStep,
     value: perPage
-  }), /*#__PURE__*/_jsx__default['default'](Paginator, {
+  }), /*#__PURE__*/_jsx__default["default"](Paginator, {
     onSelect: onPageSelect,
     pages: paginated.amount,
     pagination: pagination

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

@@ -2,62 +2,63 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('react');
-var Pagify = require('react-pagify');
+var ReactPagify = require('react-pagify');
 var segmentize = require('segmentize');
 var dsClassnames = require('@elliemae/ds-classnames');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var Pagify__default = /*#__PURE__*/_interopDefaultLegacy(Pagify);
+var ReactPagify__default = /*#__PURE__*/_interopDefaultLegacy(ReactPagify);
 var segmentize__default = /*#__PURE__*/_interopDefaultLegacy(segmentize);
 
-var _Pagify$Segment, _Pagify$Ellipsis, _Pagify$Segment2, _Pagify$Segment3, _Pagify$Segment4, _Pagify$Ellipsis2, _Pagify$Segment5;
+var _ReactPagify$Segment, _ReactPagify$Ellipsis, _ReactPagify$Segment2, _ReactPagify$Segment3, _ReactPagify$Segment4, _ReactPagify$Ellipsis2, _ReactPagify$Segment5;
 const blockName = 'data-grid';
 const PaginationContainer = dsClassnames.aggregatedClasses('div')(blockName, 'pagination');
-const PagifyContext = dsClassnames.aggregatedClasses(Pagify__default['default'].Context)(blockName, 'pagify-pagination');
+const PagifyContext = dsClassnames.aggregatedClasses(ReactPagify__default["default"] === null || ReactPagify__default["default"] === void 0 ? void 0 : ReactPagify__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, {
+  return /*#__PURE__*/_jsx__default["default"](PaginationContainer, {}, void 0, /*#__PURE__*/_jsx__default["default"](PagifyContext, {
     onSelect: page => page !== pagination.page && onSelect(page),
-    segments: segmentize__default['default']({
+    segments: segmentize__default["default"]({
       page: pagination.page,
       pages,
       beginPages: 1,
       endPages: 1,
       sidePages: 1
     })
-  }, void 0, /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Button, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
     className: pagination.page <= 1 ? 'button-disabled' : '',
     page: prevPage
-  }, void 0, labelPrevious), _Pagify$Segment || (_Pagify$Segment = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Segment, {
+  }, void 0, labelPrevious), _ReactPagify$Segment || (_ReactPagify$Segment = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "beginPages"
-  })), _Pagify$Ellipsis || (_Pagify$Ellipsis = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Ellipsis, {
+  })), _ReactPagify$Ellipsis || (_ReactPagify$Ellipsis = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "previousPages",
     previousField: "beginPages"
-  })), _Pagify$Segment2 || (_Pagify$Segment2 = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment2 || (_ReactPagify$Segment2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "previousPages"
-  })), _Pagify$Segment3 || (_Pagify$Segment3 = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment3 || (_ReactPagify$Segment3 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     className: "selected",
     field: "centerPage"
-  })), _Pagify$Segment4 || (_Pagify$Segment4 = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment4 || (_ReactPagify$Segment4 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "nextPages"
-  })), _Pagify$Ellipsis2 || (_Pagify$Ellipsis2 = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Ellipsis, {
+  })), _ReactPagify$Ellipsis2 || (_ReactPagify$Ellipsis2 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Ellipsis, {
     className: "ellipsis",
     nextField: "endPages",
     previousField: "nextPages"
-  })), _Pagify$Segment5 || (_Pagify$Segment5 = /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Segment, {
+  })), _ReactPagify$Segment5 || (_ReactPagify$Segment5 = /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Segment, {
     field: "endPages"
-  })), /*#__PURE__*/_jsx__default['default'](Pagify__default['default'].Button, {
+  })), /*#__PURE__*/_jsx__default["default"](ReactPagify__default["default"].Button, {
     className: pagination.page >= pages ? 'button-disabled' : '',
     page: nextPage
   }, void 0, labelNext)));

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;
 
@@ -23,16 +29,16 @@ const _excluded = ["children"];
 
 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 SingleValue = _ref => {
   let {
     children
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/jsxRuntime.jsxs(DSComboBox.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
-    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default['default']("span", {}, void 0, "per page"))]
+  return /*#__PURE__*/jsxRuntime.jsxs(dsForm.components.SingleValue, _objectSpread(_objectSpread({}, props), {}, {
+    children: [children, " ", _span || (_span = /*#__PURE__*/_jsx__default["default"]("span", {}, void 0, "per page"))]
   }));
 };
 
@@ -41,20 +47,21 @@ const generateOption = value => ({
   label: value
 });
 
-const getOptions = memoizeOne__default['default']((step, min, max) => {
-  const options = utils.range(min, max + step, step).map(generateOption);
+const getOptions = memoizeOne__default["default"]((step, min, max) => {
+  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 {
@@ -34,5 +37,5 @@ function paginate(rows, {
   };
 }
 
-exports['default'] = paginate;
+exports["default"] = paginate;
 exports.parsePerPageNumber = parsePerPageNumber;

package/cjs/plugins/pagination/usePaginationState.js

@@ -3,17 +3,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+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 dsUtilities = require('@elliemae/ds-utilities');
 var helper = require('./helper.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function usePaginationState(grid) {
   const {
     minPerPage = 0,
@@ -30,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),
@@ -105,7 +106,7 @@ const decorateColumn = (column, grid, index) => {
   }));
 };
 
-const ResizablePlugin = createInstancePlugin__default['default']('resizable', {
+const ResizablePlugin = createInstancePlugin__default["default"]('resizable', {
   decorateColumn
 });
 

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');
@@ -17,18 +22,19 @@ 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; }
 
 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
@@ -42,7 +48,7 @@ const ResizableWrapper = /*#__PURE__*/React__default['default'].memo(({
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: containerRef,
     className: "resize-container",
-    children: [value, /*#__PURE__*/_jsx__default['default'](Handle, {})]
+    children: [value, /*#__PURE__*/_jsx__default["default"](Handle, {})]
   });
 }); // eslint-disable-next-line react/display-name
 

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('%', '')));
-memoizeOne__default['default']((totalWidth, pxWidth) => `${pxWidth / totalWidth * 100}%`);
-memoizeOne__default['default']((gridWidth, width = 0, minWidth) => {
+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;

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

@@ -4,10 +4,16 @@ 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');
@@ -16,28 +22,30 @@ 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;
 
 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'](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 = {
@@ -49,7 +57,7 @@ const decorateColumns = columns => {
     special: true
   };
   return [initColumnDefinition.appendCellFormatter(() => /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
-    children: _DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default['default'](DragHandle, {}))
+    children: _DragHandle || (_DragHandle = /*#__PURE__*/_jsx__default["default"](DragHandle, {}))
   }), dragColumn), ...columns];
 };
 
@@ -65,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));
@@ -89,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,
@@ -98,7 +106,7 @@ const decorateRenderers = renderers => {
   });
 };
 
-const DndRowsPlugin = createInstancePlugin__default['default']('dnd-rows', {
+const DndRowsPlugin = createInstancePlugin__default["default"]('dnd-rows', {
   decorateColumns,
   getBodyProps,
   decorateRenderers

package/cjs/plugins/selectable/SelectablePlugin.js

@@ -2,9 +2,10 @@
 
 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');
@@ -15,8 +16,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
 var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createInstancePlugin);
 
-/* eslint-disable react-hooks/rules-of-hooks */
-
 const decorateColumns = (columns, grid) => {
   const {
     props: {
@@ -58,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,
@@ -80,7 +80,7 @@ const getRowProps = (rowProps, grid, {
     rowProps.onClick = () => selectRow(rowData[rowKey], _index);
   }
 
-  rowProps.className = cx__default['default']({
+  rowProps.className = cx__default["default"]({
     [rowProps.className]: true,
     selected: isSelected,
     'select-highlight': showSelectHighlight && isSelected
@@ -100,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);
 };
@@ -150,7 +150,7 @@ const decorateGrid = grid => {
   };
 };
 
-const SelectablePlugin = createInstancePlugin__default['default']('selectable', {
+const SelectablePlugin = createInstancePlugin__default["default"]('selectable', {
   decorateGrid,
   registerStateHook: useSelectableState.useSelectableState,
   decorateColumns,
@@ -160,9 +160,10 @@ const SelectablePlugin = createInstancePlugin__default['default']('selectable',
   registerHotKeys(grid) {
     return [{
       key: 'space',
-      handler: ({
-        rowIndex
-      }) => {
+      handler: _ref2 => {
+        let {
+          rowIndex
+        } = _ref2;
         const {
           composedRows,
           props: {