@elliemae/ds-datagrids 2.0.0-alpha.10 → 2.0.0-alpha.14

package/cjs/plugins/filterable/filtering-helper/filterRowsByQuery.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.some.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.some.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var strategiesOperators = require('./strategiesOperators.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -25,13 +34,16 @@ const executeFilterStrategy = (rule, row) => {
   } = rule;
   if (field === 'all') return Object.values(row).some(colValue => strategiesOperators('contains')(colValue, value));
   const rowValue = row[field];
-  const transformedValue = utils.isFunction(transform) ? transform(value) : value;
-  const transformedRowValue = utils.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
+  const transformedValue = dsUtilities.isFunction(transform) ? transform(value) : value;
+  const transformedRowValue = dsUtilities.isFunction(transformRowValue) ? transformRowValue(rowValue) : rowValue;
   const filterStrategy = getRuleStrategyOperator(rule);
   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/cjs/plugins/filterable/filtering-helper/strategiesOperators.js

@@ -7,10 +7,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var compare__default = /*#__PURE__*/_interopDefaultLegacy(compare);
 
 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__default["default"].id(value1, value2),
   greaterThan: compare__default["default"].gt,
   lessThan: compare__default["default"].lt,

package/cjs/plugins/filterable/helper.js

@@ -3,7 +3,17 @@
 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.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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -13,12 +23,12 @@ 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 getFilterLabel = (column, value) => column.filterLabels ? column.filterLabels[value] || value : value;
-const getFilterLabels = (column, rows) => utils.uniqBy(rows, utils.property(column.searchBy || column.property)).map(row => {
-  const value = utils.get(row, column.searchBy || column.property);
+const getFilterLabels = (column, rows) => dsUtilities.uniqBy(rows, dsUtilities.property(column.searchBy || column.property)).map(row => {
+  const value = dsUtilities.get(row, column.searchBy || column.property);
   if (value === undefined) return {};
-  const rowColumnValue = String(utils.get(row, column.searchBy || column.property));
+  const rowColumnValue = String(dsUtilities.get(row, column.searchBy || column.property));
 
-  if (utils.isFunction(column.valueTransformation)) {
+  if (dsUtilities.isFunction(column.valueTransformation)) {
     const nextValue = column.valueTransformation(rowColumnValue);
     return {
       id: nextValue,
@@ -68,7 +78,7 @@ function getFilterValue(filter, column) {
 }
 function buildFilterArray(newFilter, filters) {
   // if (newFilter.type && newFilter.type === 'date') return [...filters.slice(1), newFilter]
-  return utils.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
+  return dsUtilities.uniqBy([...filters, newFilter], v => [v.group, v.value].join());
 }
 const groupFilters = filters => filters.filter(filter => !filter.fixed);
 
@@ -80,7 +90,7 @@ function parseFilterToRule(filter) {
 }
 
 function parseFiltersToQuery(filters) {
-  const groupedFilters = utils.groupBy(groupFilters(filters), filter => filter.group);
+  const groupedFilters = dsUtilities.groupBy(groupFilters(filters), filter => filter.group);
   return Object.keys(groupedFilters).reduce((queryResult, field) => {
     const filter = groupedFilters[field];
 

package/cjs/plugins/filterable/useFilterableState.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+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 uuid = require('uuid');
 var helper = require('./helper.js');
@@ -80,11 +86,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/cjs/plugins/grouping-by/GroupingByPlugin.js

@@ -2,6 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var lodash = require('lodash');
 
@@ -12,7 +14,7 @@ var createInstancePlugin__default = /*#__PURE__*/_interopDefaultLegacy(createIns
 const groupedByData = (groupedBy, composedRows) => {
   const grouped = lodash.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/cjs/plugins/grouping-grid/GroupingPlugin.js

@@ -5,6 +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.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.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var createInstancePlugin = require('@elliemae/ds-shared/createDataInstance/createInstancePlugin');
 var dsClassnames = require('@elliemae/ds-classnames');
@@ -26,7 +35,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__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 blockName = `${blockNames.dataGridBlockName}-group-row-header`;
+const blockName = "".concat(blockNames.dataGridBlockName, "-group-row-header");
 const GroupRowHeaderWrapper = dsClassnames.aggregatedClasses('div')(blockName);
 const GroupRowHeaderTitle = dsClassnames.aggregatedClasses('div')(blockName, 'title');
 const GroupingPlugin = createInstancePlugin__default["default"]('groupedRows', {

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

@@ -2,20 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('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/cjs/plugins/infinite-scrolling/InfiniteScrollPlugin.js

@@ -4,6 +4,12 @@ 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');
 
@@ -31,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

@@ -2,28 +2,29 @@
 
 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, {
@@ -35,29 +36,29 @@ const Paginator = ({
       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;
 
@@ -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

@@ -3,13 +3,18 @@
 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; }
 
@@ -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),

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,