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

package/cjs/createDataInstance/utils.js

@@ -3,6 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,18 +20,26 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 reducePropsGetter = (decorators = [], grid) => (props = {}, extraParams) => {
-  let nextProps = props;
-  decorators.forEach(decorator => {
-    nextProps = decorator(nextProps, grid, extraParams);
-  });
-  return nextProps;
+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 reducePropsGetter = function () {
+  let decorators = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let grid = arguments.length > 1 ? arguments[1] : undefined;
+  return function () {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    let extraParams = arguments.length > 1 ? arguments[1] : undefined;
+    let nextProps = props;
+    decorators.forEach(decorator => {
+      nextProps = decorator(nextProps, grid, extraParams);
+    });
+    return nextProps;
+  };
 };
 /* eslint-disable-next-line max-params */
 
-function evaluateTransforms(transforms, value, extraParams = {}, props = {}, grid) {
+function evaluateTransforms(transforms, value) {
+  let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let props = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  let grid = arguments.length > 4 ? arguments[4] : undefined;
   let nextProps = props;
   transforms.forEach(transform => {
     nextProps = transform(value, extraParams, nextProps, grid);
@@ -30,15 +48,26 @@ function evaluateTransforms(transforms, value, extraParams = {}, props = {}, gri
 }
 /* eslint-disable-next-line max-params */
 
-function evaluateFormatters(formatters, value, extraParams = {}, grid) {
+function evaluateFormatters(formatters, value) {
+  let extraParams = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  let grid = arguments.length > 3 ? arguments[3] : undefined;
   return formatters.reduce((result, formatter) => formatter(result, extraParams, grid), value);
 }
-function composeFormatters(formatters, instance, getItemValue = record => record.data.name) {
+function composeFormatters(formatters, instance) {
+  let getItemValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : record => record.data.name;
   // todo: make the formatters subscribe to the item props instead of getting the whole instance
   // todo: addd should formatter update to memoize specific ones
   return props => formatters.reduce((result, formatter) => formatter(result, props, instance), getItemValue(props.record));
 }
-const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
+const applyDecorators = function (subject) {
+  let decorators = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    args[_key - 2] = arguments[_key];
+  }
+
+  return decorators.reduce((nextSubject, decorator) => decorator(nextSubject, ...args), subject);
+};
 const decorateColumns = (columns, decorators, grid) => {
   const nextColumns = applyDecorators(columns, decorators.decorateColumns, grid);
   return nextColumns.map((column, index) => applyDecorators(column, decorators.decorateColumn, grid, index));
@@ -55,20 +84,23 @@ const registerStateHookToInstance = (instance, stateHook) => {
   });
 };
 
-const reduceHotKey = (instance, {
-  key,
-  handler,
-  options,
-  allowDocumentHandler
-}) => _objectSpread(_objectSpread({}, instance), {}, {
-  hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, {
-    [key]: {
-      handler,
-      options,
-      allowDocumentHandler
-    }
-  })
-});
+const reduceHotKey = (instance, _ref) => {
+  let {
+    key,
+    handler,
+    options,
+    allowDocumentHandler
+  } = _ref;
+  return _objectSpread(_objectSpread({}, instance), {}, {
+    hotKeys: _objectSpread(_objectSpread({}, instance.hotKeys), {}, {
+      [key]: {
+        handler,
+        options,
+        allowDocumentHandler
+      }
+    })
+  });
+};
 
 const registerHotKeysHookToInstance = (instance, hotKeysHook) => {
   const hotKeys = hotKeysHook(instance);

package/cjs/defer-render-hoc/index.js

@@ -1,6 +1,12 @@
 'use strict';
 
 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 raf = require('raf');
 var hoistNonReactStatic = require('hoist-non-react-statics');
@@ -14,19 +20,18 @@ var hoistNonReactStatic__default = /*#__PURE__*/_interopDefaultLegacy(hoistNonRe
 
 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 deferComponentRender(WrappedComponent, fallback) {
   class DeferredRenderWrapper extends React.PureComponent {
-    constructor(...args) {
-      super(...args);
-
-      _defineProperty__default['default'](this, "state", {
+    constructor() {
+      super(...arguments);
+      this.state = {
         shouldRender: false
-      });
+      };
     }
 
     componentDidMount() {
-      raf__default['default'](() => raf__default['default'](() => this.setState({
+      raf__default["default"](() => raf__default["default"](() => this.setState({
         shouldRender: true
       })));
     }
@@ -38,7 +43,7 @@ function deferComponentRender(WrappedComponent, fallback) {
 
   }
 
-  return hoistNonReactStatic__default['default'](DeferredRenderWrapper, WrappedComponent);
+  return hoistNonReactStatic__default["default"](DeferredRenderWrapper, WrappedComponent);
 }
 
 module.exports = deferComponentRender;

package/cjs/index.js

@@ -10,7 +10,7 @@ var GroupItem = require('./GroupContext/GroupItem.js');
 
 
 
-exports.ScrollSync = ScrollSync['default'];
+exports.ScrollSync = ScrollSync["default"];
 exports.ScrollSyncPane = ScrollSyncPane;
 exports.Group = Group;
 exports.GroupContext = GroupContext.GroupContext;

package/cjs/react-spring/index.js

@@ -9,8 +9,6 @@ var web = require('react-spring/web');
 Object.keys(web).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () {
-			return web[k];
-		}
+		get: function () { return web[k]; }
 	});
 });

package/cjs/react-spring/renderprops.js

@@ -9,8 +9,6 @@ var renderprops = require('react-spring/renderprops');
 Object.keys(renderprops).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,
-		get: function () {
-			return renderprops[k];
-		}
+		get: function () { return renderprops[k]; }
 	});
 });

package/cjs/toolbar/ToolbarProvider.js

@@ -4,9 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 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 DSPopover = require('@elliemae/ds-basic/Popover');
-var hooks = require('@elliemae/ds-utilities/hooks');
+var DSPopover = require('@elliemae/ds-popper');
+var dsUtilities = require('@elliemae/ds-utilities');
 var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -18,8 +24,8 @@ var DSPopover__default = /*#__PURE__*/_interopDefaultLegacy(DSPopover);
 
 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 ToolbarContext = /*#__PURE__*/React__default['default'].createContext();
+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 ToolbarContext = /*#__PURE__*/React__default["default"].createContext();
 const {
   Provider
 } = ToolbarContext;
@@ -35,12 +41,13 @@ const useScrollListener = (callback, dependencies) => {
 
 const noop = () => null;
 
-function ToolbarProvider({
-  delay = 200,
-  children,
-  onHide = noop,
-  onShow = noop
-}) {
+function ToolbarProvider(_ref) {
+  let {
+    delay = 200,
+    children,
+    onHide = noop,
+    onShow = noop
+  } = _ref;
   const showTimer = React.useRef();
   const hideTimer = React.useRef();
   const toolbarRef = React.useRef();
@@ -63,7 +70,7 @@ function ToolbarProvider({
   };
 
   useScrollListener(e => hide(e, true), tooltipState.visible);
-  hooks.useOnClickOutside(toolbarRef, () => hide());
+  dsUtilities.useOnClickOutside(toolbarRef, () => hide());
 
   const keyDownHandler = e => {
     if (e.key === 'Escape') {
@@ -82,32 +89,35 @@ function ToolbarProvider({
     show,
     hide
   }), [tooltipState.reference]);
-  return /*#__PURE__*/_jsx__default['default'](Provider, {
+  return /*#__PURE__*/_jsx__default["default"](Provider, {
     value: value
-  }, void 0, children, /*#__PURE__*/jsxRuntime.jsx(DSPopover__default['default'], _objectSpread(_objectSpread({
+  }, void 0, children, /*#__PURE__*/jsxRuntime.jsx(DSPopover__default["default"], _objectSpread(_objectSpread({
     boundaries: "scrollParent"
   }, tooltipState.options || {}), {}, {
     content: tooltipState.renderer,
     placement: "left",
     referenceEl: tooltipState.reference,
-    renderer: ({
-      as: Component,
-      style,
-      children: Content
-    }) => /*#__PURE__*/jsxRuntime.jsx("div", {
-      ref: toolbarRef,
-      onMouseEnter: e => show(tooltipState),
-      onMouseLeave: hide,
-      children: /*#__PURE__*/_jsx__default['default'](Component, {
-        style: style
-      }, void 0, Content)
-    }),
+    renderer: _ref2 => {
+      let {
+        as: Component,
+        style,
+        children: Content
+      } = _ref2;
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: toolbarRef,
+        onMouseEnter: e => show(tooltipState),
+        onMouseLeave: hide,
+        children: /*#__PURE__*/_jsx__default["default"](Component, {
+          style: style
+        }, void 0, Content)
+      });
+    },
     style: tooltipState.style,
     visible: tooltipState.visible
   })));
 }
 
-var ToolbarProvider$1 = /*#__PURE__*/React__default['default'].memo(ToolbarProvider);
+var ToolbarProvider$1 = /*#__PURE__*/React__default["default"].memo(ToolbarProvider);
 
 exports.ToolbarContext = ToolbarContext;
-exports['default'] = ToolbarProvider$1;
+exports["default"] = ToolbarProvider$1;

package/cjs/useDataGrid/VolatileRowsListener.js

@@ -1,15 +1,13 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 class VolatileRowsListener {
   constructor() {
-    _defineProperty__default['default'](this, "observers", []);
+    this.observers = [];
   }
 
   observe(listener) {
@@ -17,7 +15,7 @@ class VolatileRowsListener {
   }
 
   notify(nextRows) {
-    this.observers.forEach(observer => utils.safeCall(observer, nextRows));
+    this.observers.forEach(observer => dsUtilities.safeCall(observer, nextRows));
     this.observers = [];
   }
 

package/cjs/useDataGrid/initColumnDefinition.js

@@ -4,10 +4,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('core-js/modules/es.string.replace.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 uuid = require('uuid');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,17 +22,18 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 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 appendHeaderFormatter = utils.curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
+const appendHeaderFormatter = dsUtilities.curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
   header: _objectSpread(_objectSpread({}, column.header), {}, {
-    formatters: [...utils.get(column, 'header.formatters', []), formatter]
+    formatters: [...dsUtilities.get(column, 'header.formatters', []), formatter]
   })
 }));
-const appendCellFormatter = utils.curry((formatter, column, path = 'formatters') => {
-  const nextColumn = utils.cloneDeep(column);
-  const formatters = utils.get(nextColumn, ['cell', path], []);
-  const scrollingFormatters = utils.get(nextColumn, 'cell.scrollingFormatters', []);
+const appendCellFormatter = dsUtilities.curry(function (formatter, column) {
+  let path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
+  const nextColumn = dsUtilities.cloneDeep(column);
+  const formatters = dsUtilities.get(nextColumn, ['cell', path], []);
+  const scrollingFormatters = dsUtilities.get(nextColumn, 'cell.scrollingFormatters', []);
 
   if (Array.isArray(formatter)) {
     if (formatter[1]) scrollingFormatters.push(formatter[1]);
@@ -36,8 +43,8 @@ const appendCellFormatter = utils.curry((formatter, column, path = 'formatters')
     scrollingFormatters.push(formatter);
   }
 
-  utils.set(nextColumn, ['cell', path], formatters);
-  utils.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
+  dsUtilities.set(nextColumn, ['cell', path], formatters);
+  dsUtilities.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
   return nextColumn;
 });
 const defaultColumnDefinitionOptions = {
@@ -46,18 +53,19 @@ const defaultColumnDefinitionOptions = {
   isUserColumn: true,
   visible: true
 };
-const mergeClassNameToColumnHeader = utils.curry((className, column) => {
-  const headerProps = utils.get(column, ['header', 'props'], {});
+const mergeClassNameToColumnHeader = dsUtilities.curry((className, column) => {
+  const headerProps = dsUtilities.get(column, ['header', 'props'], {});
   const headerClassName = headerProps.className || '';
   return _objectSpread(_objectSpread({}, column), {}, {
     header: _objectSpread(_objectSpread({}, column.header), {}, {
       props: _objectSpread(_objectSpread({}, headerProps), {}, {
-        className: `${headerClassName} ${className}`
+        className: "".concat(headerClassName, " ").concat(className)
       })
     })
   });
 });
-function initColumnDefinition(options = {}) {
+function initColumnDefinition() {
+  let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   // eslint-disable-next-line complexity
   return column => {
     // todo: clean this
@@ -89,14 +97,14 @@ function initColumnDefinition(options = {}) {
 
     column.header = _objectSpread(_objectSpread({}, column.header), {}, {
       label: column.label,
-      formatters: [...utils.get(column, ['header', 'formatters'], [])],
+      formatters: [...dsUtilities.get(column, ['header', 'formatters'], [])],
       props: {
         style: column.headerStyle || {}
       }
     });
 
-    if (useTextTruncation && !(utils.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
-      column.header.formatters.push(value => /*#__PURE__*/_jsx__default['default']("span", {
+    if (useTextTruncation && !(dsUtilities.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
+      column.header.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
         className: "cell-value"
       }, void 0, value));
     } // eslint-disable-next-line no-param-reassign
@@ -104,15 +112,15 @@ function initColumnDefinition(options = {}) {
 
     column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
       transforms: [],
-      formatters: [...utils.get(column, ['cell', 'formatters'], [])],
-      scrollingFormatters: [...utils.get(column, ['cell', 'formatters'], [])],
+      formatters: [...dsUtilities.get(column, ['cell', 'formatters'], [])],
+      scrollingFormatters: [...dsUtilities.get(column, ['cell', 'formatters'], [])],
       props: {
         style: column.cellStyle || {}
       }
     });
 
-    if (useTextTruncation && !(utils.isFunction(column.customRenderer) || column.cell.formatters.length)) {
-      column.cell.formatters.push(value => /*#__PURE__*/_jsx__default['default']("span", {
+    if (useTextTruncation && !(dsUtilities.isFunction(column.customRenderer) || column.cell.formatters.length)) {
+      column.cell.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
         className: "cell-value",
         style: {
           justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start'
@@ -134,5 +142,5 @@ function initColumnDefinition(options = {}) {
 
 exports.appendCellFormatter = appendCellFormatter;
 exports.appendHeaderFormatter = appendHeaderFormatter;
-exports['default'] = initColumnDefinition;
+exports["default"] = initColumnDefinition;
 exports.mergeClassNameToColumnHeader = mergeClassNameToColumnHeader;

package/cjs/useDataGrid/useDataGrid.js

@@ -2,15 +2,22 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var utils$1 = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.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.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
+var dsUtilities = require('@elliemae/ds-utilities');
 var React = require('react');
 var uuid = require('uuid');
 var resolve = require('table-resolver');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
-var system = require('@elliemae/ds-utilities/system');
 var initColumnDefinition = require('./initColumnDefinition.js');
-var utils$2 = require('../createDataInstance/utils.js');
+var utils$1 = require('../createDataInstance/utils.js');
 var VolatileRowsListener = require('./VolatileRowsListener.js');
 var utils = require('../utils.js');
 
@@ -25,28 +32,24 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var resolve__namespace = /*#__PURE__*/_interopNamespace(resolve);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
 const _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
 
 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 IS_INTERNET_EXPLORER = utils.isInternetExplorer(); // TODO: Reuse createDataInstance for the grid the same
 //  way as the list does ex: packages/ds-shared/src/useDataList/useDataList.js
 // eslint-disable-next-line max-statements
@@ -59,7 +62,7 @@ function useDataGrid(_ref) {
     columns,
     renderers = {}
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const plugins = pluginsFromProps;
   const instance = React.useRef();
@@ -75,15 +78,15 @@ function useDataGrid(_ref) {
 
   const [RowsObserver] = React.useState(() => new VolatileRowsListener()); // todo move this with rows composition
 
-  const [originalRows, updateRows] = useDerivedStateFromProps__default['default'](rows, {
+  const [originalRows, updateRows] = dsUtilities.useDerivedStateFromProps(rows, {
     onUpdate: resolve__namespace.resolve({
       columns,
-      method: extra => utils$1.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
+      method: extra => dsUtilities.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
     }),
     updateOnStateChange: true
   });
   instance.current = {
-    decoratedRenderers: utils$1.cloneDeep(renderers),
+    decoratedRenderers: dsUtilities.cloneDeep(renderers),
     decoratedColumns: columns,
     columns,
     rows,
@@ -131,7 +134,7 @@ function useDataGrid(_ref) {
     registerStateHook: [],
     registerHotKeys: [],
     decorateColumn: [],
-    decorateColumns: [cols => cols.map(col => initColumnDefinition['default']({
+    decorateColumns: [cols => cols.map(col => initColumnDefinition["default"]({
       useTextTruncation: col.useTextTruncation,
       wrapText: props.wrapText,
       normalize: props.normalizeDataKeys
@@ -162,18 +165,21 @@ function useDataGrid(_ref) {
     });
   }, instance.current);
 
-  const reduceHotKey = (nextInstance, {
-    key,
-    handler,
-    options
-  }) => _objectSpread(_objectSpread({}, nextInstance), {}, {
-    hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
-      [key]: {
-        handler,
-        options
-      }
-    })
-  });
+  const reduceHotKey = (nextInstance, _ref2) => {
+    let {
+      key,
+      handler,
+      options
+    } = _ref2;
+    return _objectSpread(_objectSpread({}, nextInstance), {}, {
+      hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
+        [key]: {
+          handler,
+          options
+        }
+      })
+    });
+  };
 
   instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
     const hotKeys = decorator(nextInstance);
@@ -184,28 +190,28 @@ function useDataGrid(_ref) {
 
     return reduceHotKey(nextInstance, hotKeys);
   }, instance.current);
-  instance.current.decoratedRenderers = utils$2.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
+  instance.current.decoratedRenderers = utils$1.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
   instance.current.decoratedColumns = React.useMemo(() => {
-    const visibleColumns = utils$1.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
-    return visibleColumns.length ? utils$2.decorateColumns(visibleColumns, decorators, instance.current) : [];
+    const visibleColumns = dsUtilities.cloneDeep(columns).filter(column => typeof column.visible === 'undefined' || column.visible);
+    return visibleColumns.length ? utils$1.decorateColumns(visibleColumns, decorators, instance.current) : [];
   }, [columns]);
-  instance.current.getBodyProps = utils$2.reducePropsGetter(decorators.getBodyProps, instance.current);
-  instance.current.getHeaderProps = utils$2.reducePropsGetter(decorators.getHeaderProps, instance.current);
-  instance.current.getRowProps = utils$2.reducePropsGetter(decorators.getRowProps, instance.current);
-  instance.current.getHeaderRowProps = utils$2.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
-  instance.current.getTableProps = utils$2.reducePropsGetter(decorators.getTableProps, instance.current);
+  instance.current.getBodyProps = utils$1.reducePropsGetter(decorators.getBodyProps, instance.current);
+  instance.current.getHeaderProps = utils$1.reducePropsGetter(decorators.getHeaderProps, instance.current);
+  instance.current.getRowProps = utils$1.reducePropsGetter(decorators.getRowProps, instance.current);
+  instance.current.getHeaderRowProps = utils$1.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
+  instance.current.getTableProps = utils$1.reducePropsGetter(decorators.getTableProps, instance.current);
   instance.current.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
   RowsObserver.notify(instance.current.composedRows);
   const currentShouldRefocus = instance.current.shouldRefocus.current;
-  const prevState = usePrevious__default['default'](instance.current.state);
+  const prevState = dsUtilities.usePrevious(instance.current.state);
 
-  if (utils$1.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
+  if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
     instance.current.shouldRefocus.current = currentShouldRefocus.value;
   } else {
-    instance.current.shouldRefocus.current = !utils$1.isEqual(prevState, instance.current.state);
+    instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
   }
 
-  if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
+  if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
   return _objectSpread(_objectSpread({}, instance.current), {}, {
     decorators
   });