@elliemae/ds-shared 1.57.1-rc.0 → 2.0.0-alpha.11

package/cjs/useDataGrid/VolatileRowsListener.js

@@ -1,40 +1,26 @@
 'use strict';
 
-var _classCallCheck = require('@babel/runtime/helpers/classCallCheck');
-var _createClass = require('@babel/runtime/helpers/createClass');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var dsUtilities = require('@elliemae/ds-utilities');
+var utils = require('@elliemae/ds-utilities/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
-var _createClass__default = /*#__PURE__*/_interopDefaultLegacy(_createClass);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var VolatileRowsListener = /*#__PURE__*/function () {
-  function VolatileRowsListener() {
-    _classCallCheck__default['default'](this, VolatileRowsListener);
+class VolatileRowsListener {
+  constructor() {
+    _defineProperty__default["default"](this, "observers", []);
+  }
+
+  observe(listener) {
+    this.observers.push(listener);
+  }
 
-    _defineProperty__default['default'](this, "observers", []);
+  notify(nextRows) {
+    this.observers.forEach(observer => utils.safeCall(observer, nextRows));
+    this.observers = [];
   }
 
-  _createClass__default['default'](VolatileRowsListener, [{
-    key: "observe",
-    value: function observe(listener) {
-      this.observers.push(listener);
-    }
-  }, {
-    key: "notify",
-    value: function notify(nextRows) {
-      this.observers.forEach(function (observer) {
-        return dsUtilities.safeCall(observer, nextRows);
-      });
-      this.observers = [];
-    }
-  }]);
-
-  return VolatileRowsListener;
-}();
+}
 
 module.exports = VolatileRowsListener;
-//# sourceMappingURL=VolatileRowsListener.js.map

package/cjs/useDataGrid/index.js

@@ -1,22 +1,7 @@
 'use strict';
 
-var useDataGrid_useDataGrid = require('./useDataGrid.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@elliemae/ds-utilities');
-require('react');
-require('uuid');
-require('table-resolver');
-require('./initColumnDefinition.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('../createDataInstance/utils.js');
-require('./VolatileRowsListener.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('../utils.js');
+var useDataGrid = require('./useDataGrid.js');
 
 
 
-module.exports = useDataGrid_useDataGrid;
-//# sourceMappingURL=index.js.map
+module.exports = useDataGrid;

package/cjs/useDataGrid/initColumnDefinition.js

@@ -2,34 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var React = require('react');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/es.string.replace.js');
+require('react');
 var uuid = require('uuid');
-var dsUtilities = require('@elliemae/ds-utilities');
+var utils = require('@elliemae/ds-utilities/utils');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-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; }
 
-var appendHeaderFormatter = dsUtilities.curry(function (formatter, column) {
-  return _objectSpread(_objectSpread({}, column), {}, {
-    header: _objectSpread(_objectSpread({}, column.header), {}, {
-      formatters: [].concat(_toConsumableArray__default['default'](dsUtilities.get(column, 'header.formatters', [])), [formatter])
-    })
-  });
-});
-var appendCellFormatter = dsUtilities.curry(function (formatter, column) {
-  var path = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'formatters';
-  var nextColumn = dsUtilities.cloneDeep(column);
-  var formatters = dsUtilities.get(nextColumn, ['cell', path], []);
-  var scrollingFormatters = dsUtilities.get(nextColumn, 'cell.scrollingFormatters', []);
+const appendHeaderFormatter = utils.curry((formatter, column) => _objectSpread(_objectSpread({}, column), {}, {
+  header: _objectSpread(_objectSpread({}, column.header), {}, {
+    formatters: [...utils.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', []);
 
   if (Array.isArray(formatter)) {
     if (formatter[1]) scrollingFormatters.push(formatter[1]);
@@ -39,19 +37,19 @@ var appendCellFormatter = dsUtilities.curry(function (formatter, column) {
     scrollingFormatters.push(formatter);
   }
 
-  dsUtilities.set(nextColumn, ['cell', path], formatters);
-  dsUtilities.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
+  utils.set(nextColumn, ['cell', path], formatters);
+  utils.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
   return nextColumn;
 });
-var defaultColumnDefinitionOptions = {
+const defaultColumnDefinitionOptions = {
   normalize: false,
   useTextTruncation: true,
   isUserColumn: true,
   visible: true
 };
-var mergeClassNameToColumnHeader = dsUtilities.curry(function (className, column) {
-  var headerProps = dsUtilities.get(column, ['header', 'props'], {});
-  var headerClassName = headerProps.className || '';
+const mergeClassNameToColumnHeader = utils.curry((className, column) => {
+  const headerProps = utils.get(column, ['header', 'props'], {});
+  const headerClassName = headerProps.className || '';
   return _objectSpread(_objectSpread({}, column), {}, {
     header: _objectSpread(_objectSpread({}, column.header), {}, {
       props: _objectSpread(_objectSpread({}, headerProps), {}, {
@@ -60,10 +58,9 @@ var mergeClassNameToColumnHeader = dsUtilities.curry(function (className, column
     })
   });
 });
-function initColumnDefinition() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+function initColumnDefinition(options = {}) {
   // eslint-disable-next-line complexity
-  return function (column) {
+  return column => {
     // todo: clean this
     if (column.type === 'number') {
       // eslint-disable-next-line no-param-reassign
@@ -72,12 +69,12 @@ function initColumnDefinition() {
       };
     }
 
-    var _defaultColumnDefinit = _objectSpread(_objectSpread({}, defaultColumnDefinitionOptions), options),
-        _defaultColumnDefinit2 = _defaultColumnDefinit.useTextTruncation,
-        useTextTruncation = _defaultColumnDefinit2 === void 0 ? true : _defaultColumnDefinit2,
-        isUserColumn = _defaultColumnDefinit.isUserColumn,
-        visible = _defaultColumnDefinit.visible,
-        normalize = _defaultColumnDefinit.normalize;
+    const {
+      useTextTruncation = true,
+      isUserColumn,
+      visible,
+      normalize
+    } = _objectSpread(_objectSpread({}, defaultColumnDefinitionOptions), options);
 
     if (normalize) {
       // eslint-disable-next-line no-param-reassign
@@ -93,39 +90,35 @@ function initColumnDefinition() {
 
     column.header = _objectSpread(_objectSpread({}, column.header), {}, {
       label: column.label,
-      formatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['header', 'formatters'], [])),
+      formatters: [...utils.get(column, ['header', 'formatters'], [])],
       props: {
         style: column.headerStyle || {}
       }
     });
 
-    if (useTextTruncation && !(dsUtilities.isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
-      column.header.formatters.push(function (value) {
-        return /*#__PURE__*/React__default['default'].createElement("span", {
-          className: "cell-value"
-        }, value);
-      });
+    if (useTextTruncation && !(utils.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
 
 
     column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
       transforms: [],
-      formatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['cell', 'formatters'], [])),
-      scrollingFormatters: _toConsumableArray__default['default'](dsUtilities.get(column, ['cell', 'formatters'], [])),
+      formatters: [...utils.get(column, ['cell', 'formatters'], [])],
+      scrollingFormatters: [...utils.get(column, ['cell', 'formatters'], [])],
       props: {
         style: column.cellStyle || {}
       }
     });
 
-    if (useTextTruncation && !(dsUtilities.isFunction(column.customRenderer) || column.cell.formatters.length)) {
-      column.cell.formatters.push(function (value) {
-        return /*#__PURE__*/React__default['default'].createElement("span", {
-          className: "cell-value",
-          style: {
-            justifyContent: column.type === 'number' ? 'flex-end' : 'flex-start'
-          }
-        }, value);
-      });
+    if (useTextTruncation && !(utils.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'
+        }
+      }, void 0, value));
     } // eslint-disable-next-line no-param-reassign
 
 
@@ -142,6 +135,5 @@ function initColumnDefinition() {
 
 exports.appendCellFormatter = appendCellFormatter;
 exports.appendHeaderFormatter = appendHeaderFormatter;
-exports['default'] = initColumnDefinition;
+exports["default"] = initColumnDefinition;
 exports.mergeClassNameToColumnHeader = mergeClassNameToColumnHeader;
-//# sourceMappingURL=initColumnDefinition.js.map

package/cjs/useDataGrid/useDataGrid.js

@@ -1,19 +1,19 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var dsUtilities = require('@elliemae/ds-utilities');
+require('core-js/modules/web.dom-collections.iterator.js');
+var utils$1 = require('@elliemae/ds-utilities/utils');
 var React = require('react');
 var uuid = require('uuid');
 var resolve = require('table-resolver');
-var useDataGrid_initColumnDefinition = require('./initColumnDefinition.js');
-var createDataInstance_utils = require('../createDataInstance/utils.js');
-var useDataGrid_VolatileRowsListener = require('./VolatileRowsListener.js');
+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 VolatileRowsListener = require('./VolatileRowsListener.js');
 var utils = require('../utils.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -26,91 +26,66 @@ 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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var resolve__namespace = /*#__PURE__*/_interopNamespace(resolve);
+var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
+var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 
-var _excluded = ["uuid", "plugins", "rows", "columns", "renderers"];
+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; }
-var IS_INTERNET_EXPLORER = utils.isInternetExplorer(); // TODO: Reuse createDataInstance for the grid the same
+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
 
 function useDataGrid(_ref) {
-  var uuidProp = _ref.uuid,
-      pluginsFromProps = _ref.plugins,
-      rows = _ref.rows,
-      columns = _ref.columns,
-      _ref$renderers = _ref.renderers,
-      renderers = _ref$renderers === void 0 ? {} : _ref$renderers,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var plugins = pluginsFromProps;
-  var instance = React.useRef();
-  var tableRef = React.useRef();
-  var headerRef = React.useRef();
-  var bodyRef = React.useRef();
-  var bodyInnerRef = React.useRef();
-
-  var _useState = React.useState(uuidProp || function () {
-    return uuid.v4();
-  }),
-      _useState2 = _slicedToArray__default['default'](_useState, 1),
-      uuid$1 = _useState2[0];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      hasScroll = _useState4[0],
-      setHasScroll = _useState4[1];
-
-  var _useState5 = React.useState(false),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      isRowDragging = _useState6[0],
-      setIsRowDragging = _useState6[1];
-
-  var isScrolling = React.useRef();
-  var shouldRefocus = React.useRef(); // todo: we probably need a plugin for focus related stuff
-
-  var _useState7 = React.useState(function () {
-    return new useDataGrid_VolatileRowsListener();
-  }),
-      _useState8 = _slicedToArray__default['default'](_useState7, 1),
-      RowsObserver = _useState8[0]; // todo move this with rows composition
-
-
-  var _useDerivedStateFromP = dsUtilities.useDerivedStateFromProps(rows, {
+  let {
+    uuid: uuidProp,
+    plugins: pluginsFromProps,
+    rows,
+    columns,
+    renderers = {}
+  } = _ref,
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const plugins = pluginsFromProps;
+  const instance = React.useRef();
+  const tableRef = React.useRef();
+  const headerRef = React.useRef();
+  const bodyRef = React.useRef();
+  const bodyInnerRef = React.useRef();
+  const [uuid$1] = React.useState(uuidProp || (() => uuid.v4()));
+  const [hasScroll, setHasScroll] = React.useState(false);
+  const [isRowDragging, setIsRowDragging] = React.useState(false);
+  const isScrolling = React.useRef();
+  const shouldRefocus = React.useRef(); // todo: we probably need a plugin for focus related stuff
+
+  const [RowsObserver] = React.useState(() => new VolatileRowsListener()); // todo move this with rows composition
+
+  const [originalRows, updateRows] = useDerivedStateFromProps__default["default"](rows, {
     onUpdate: resolve__namespace.resolve({
-      columns: columns,
-      method: function method(extra) {
-        return dsUtilities.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra));
-      }
+      columns,
+      method: extra => utils$1.compose(resolve__namespace.byFunction('valueTransformation')(extra), resolve__namespace.nested(extra))
     }),
     updateOnStateChange: true
-  }),
-      _useDerivedStateFromP2 = _slicedToArray__default['default'](_useDerivedStateFromP, 2),
-      originalRows = _useDerivedStateFromP2[0],
-      updateRows = _useDerivedStateFromP2[1];
-
+  });
   instance.current = {
-    decoratedRenderers: dsUtilities.cloneDeep(renderers),
+    decoratedRenderers: utils$1.cloneDeep(renderers),
     decoratedColumns: columns,
-    columns: columns,
-    rows: rows,
+    columns,
+    rows,
     composedRows: originalRows,
     getRowProps: [],
     getHeaderRowProps: [],
@@ -118,7 +93,7 @@ function useDataGrid(_ref) {
     getTableProps: [],
     effects: [],
     uuid: uuid$1,
-    props: props,
+    props,
     refs: {
       table: tableRef,
       body: bodyRef,
@@ -126,54 +101,40 @@ function useDataGrid(_ref) {
       innerBody: bodyInnerRef
     },
     state: {
-      hasScroll: hasScroll
+      hasScroll
     },
     actions: {
-      updateRows: updateRows
+      updateRows
     },
-    updateRows: updateRows,
+    updateRows,
     // eslint-disable-next-line no-return-assign
-    enableEvents: function enableEvents() {
-      return document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null;
-    },
+    enableEvents: () => document.body.style.pointerEvents = IS_INTERNET_EXPLORER ? '' : null,
     // eslint-disable-next-line no-return-assign
-    disableEvents: function disableEvents() {
-      return document.body.style.pointerEvents = 'none';
-    },
-    observeRows: function observeRows(observer) {
-      return RowsObserver.observe(observer);
-    },
+    disableEvents: () => document.body.style.pointerEvents = 'none',
+    observeRows: observer => RowsObserver.observe(observer),
     hotKeys: {},
-    shouldRefocus: shouldRefocus,
-    isScrolling: isScrolling,
-    setHasScroll: setHasScroll,
-    setIsRowDragging: setIsRowDragging,
-    isRowDragging: isRowDragging,
-    plugins: plugins
+    shouldRefocus,
+    isScrolling,
+    setHasScroll,
+    setIsRowDragging,
+    isRowDragging,
+    plugins
   };
 
-  instance.current.getState = function () {
-    return instance.current.state;
-  };
+  instance.current.getState = () => instance.current.state;
 
-  instance.current.getInstance = function () {
-    return instance.current;
-  };
+  instance.current.getInstance = () => instance.current;
 
-  var defaultDecorators = {
+  const defaultDecorators = {
     decorateGrid: [],
     registerStateHook: [],
     registerHotKeys: [],
     decorateColumn: [],
-    decorateColumns: [function (cols) {
-      return cols.map(function (col) {
-        return useDataGrid_initColumnDefinition['default']({
-          useTextTruncation: col.useTextTruncation,
-          wrapText: props.wrapText,
-          normalize: props.normalizeDataKeys
-        })(col);
-      });
-    }],
+    decorateColumns: [cols => cols.map(col => initColumnDefinition["default"]({
+      useTextTruncation: col.useTextTruncation,
+      wrapText: props.wrapText,
+      normalize: props.normalizeDataKeys
+    })(col))],
     decorateRenderers: [],
     getRowProps: [],
     getHeaderRowProps: [],
@@ -182,42 +143,39 @@ function useDataGrid(_ref) {
     getHeaderProps: [],
     composeRows: []
   };
-  var decorators = React.useMemo(function () {
-    var nextDecorators = defaultDecorators; // eslint-disable-next-line no-return-assign
+  const decorators = React.useMemo(() => {
+    let nextDecorators = defaultDecorators; // eslint-disable-next-line no-return-assign
 
-    plugins.forEach(function (plugin) {
-      return nextDecorators = plugin(nextDecorators);
-    });
+    plugins.forEach(plugin => nextDecorators = plugin(nextDecorators));
     return nextDecorators;
   }, [plugins]);
-  instance.current = decorators.decorateGrid.reduce(function (nextInstance, decorator) {
-    return _objectSpread(_objectSpread({}, nextInstance), decorator(instance.current));
-  }, instance.current);
-  instance.current = decorators.registerStateHook.reduce(function (nextInstance, decorator) {
-    var _decorator = decorator(instance.current),
-        state = _decorator.state,
-        actions = _decorator.actions;
-
+  instance.current = decorators.decorateGrid.reduce((nextInstance, decorator) => _objectSpread(_objectSpread({}, nextInstance), decorator(instance.current)), instance.current);
+  instance.current = decorators.registerStateHook.reduce((nextInstance, decorator) => {
+    const {
+      state,
+      actions
+    } = decorator(instance.current);
     return _objectSpread(_objectSpread({}, nextInstance), {}, {
       state: _objectSpread(_objectSpread({}, nextInstance.state), state),
       actions: _objectSpread(_objectSpread({}, nextInstance.actions), actions)
     });
   }, instance.current);
 
-  var reduceHotKey = function reduceHotKey(nextInstance, _ref2) {
-    var key = _ref2.key,
-        handler = _ref2.handler,
-        options = _ref2.options;
-    return _objectSpread(_objectSpread({}, nextInstance), {}, {
-      hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, _defineProperty__default['default']({}, key, {
-        handler: handler,
-        options: options
-      }))
-    });
-  };
+  const reduceHotKey = (nextInstance, {
+    key,
+    handler,
+    options
+  }) => _objectSpread(_objectSpread({}, nextInstance), {}, {
+    hotKeys: _objectSpread(_objectSpread({}, nextInstance.hotKeys), {}, {
+      [key]: {
+        handler,
+        options
+      }
+    })
+  });
 
-  instance.current = decorators.registerHotKeys.reduce(function (nextInstance, decorator) {
-    var hotKeys = decorator(nextInstance);
+  instance.current = decorators.registerHotKeys.reduce((nextInstance, decorator) => {
+    const hotKeys = decorator(nextInstance);
 
     if (Array.isArray(hotKeys)) {
       return hotKeys.reduce(reduceHotKey, nextInstance);
@@ -225,36 +183,31 @@ function useDataGrid(_ref) {
 
     return reduceHotKey(nextInstance, hotKeys);
   }, instance.current);
-  instance.current.decoratedRenderers = createDataInstance_utils.applyDecorators(instance.current.decoratedRenderers, decorators.decorateRenderers, instance.current);
-  instance.current.decoratedColumns = React.useMemo(function () {
-    var visibleColumns = dsUtilities.cloneDeep(columns).filter(function (column) {
-      return typeof column.visible === 'undefined' || column.visible;
-    });
-    return visibleColumns.length ? createDataInstance_utils.decorateColumns(visibleColumns, decorators, instance.current) : [];
+  instance.current.decoratedRenderers = utils$2.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) : [];
   }, [columns]);
-  instance.current.getBodyProps = createDataInstance_utils.reducePropsGetter(decorators.getBodyProps, instance.current);
-  instance.current.getHeaderProps = createDataInstance_utils.reducePropsGetter(decorators.getHeaderProps, instance.current);
-  instance.current.getRowProps = createDataInstance_utils.reducePropsGetter(decorators.getRowProps, instance.current);
-  instance.current.getHeaderRowProps = createDataInstance_utils.reducePropsGetter(decorators.getHeaderRowProps, instance.current);
-  instance.current.getTableProps = createDataInstance_utils.reducePropsGetter(decorators.getTableProps, instance.current);
-  instance.current.composedRows = decorators.composeRows.reduce(function (nextRows, getter) {
-    return getter(nextRows, instance.current);
-  }, instance.current.composedRows);
+  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.composedRows = decorators.composeRows.reduce((nextRows, getter) => getter(nextRows, instance.current), instance.current.composedRows);
   RowsObserver.notify(instance.current.composedRows);
-  var currentShouldRefocus = instance.current.shouldRefocus.current;
-  var prevState = dsUtilities.usePrevious(instance.current.state);
+  const currentShouldRefocus = instance.current.shouldRefocus.current;
+  const prevState = usePrevious__default["default"](instance.current.state);
 
-  if (dsUtilities.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
+  if (utils$1.isObject(currentShouldRefocus) && currentShouldRefocus.forced) {
     instance.current.shouldRefocus.current = currentShouldRefocus.value;
   } else {
-    instance.current.shouldRefocus.current = !dsUtilities.isEqual(prevState, instance.current.state);
+    instance.current.shouldRefocus.current = !utils$1.isEqual(prevState, instance.current.state);
   }
 
-  if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
+  if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
   return _objectSpread(_objectSpread({}, instance.current), {}, {
-    decorators: decorators
+    decorators
   });
 }
 
 module.exports = useDataGrid;
-//# sourceMappingURL=useDataGrid.js.map

package/cjs/useDataList/index.js

@@ -1,20 +1,7 @@
 'use strict';
 
-var useDataList_useDataList = require('./useDataList.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('@elliemae/ds-utilities');
-require('lodash/get');
-require('../createDataInstance/utils.js');
-require('./recordIterator.js');
-require('../createDataInstance/createInstanceRef.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('uuid');
-require('lodash');
+var useDataList = require('./useDataList.js');
 
 
 
-module.exports = useDataList_useDataList['default'];
-//# sourceMappingURL=index.js.map
+module.exports = useDataList["default"];