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

package/cjs/useDataList/index.js

@@ -4,4 +4,4 @@ var useDataList = require('./useDataList.js');
 
 
 
-module.exports = useDataList['default'];
+module.exports = useDataList["default"];

package/cjs/useDataList/recordIterator.js

@@ -6,7 +6,10 @@ const defaultStrategy = () => {
   throw Error('Implement an iterator strategy for record iterator');
 };
 
-function recordIterator(records, strategy = defaultStrategy, decorators = [], instance) {
+function recordIterator(records) {
+  let strategy = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : defaultStrategy;
+  let decorators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  let instance = arguments.length > 3 ? arguments[3] : undefined;
   const nextRows = [];
   strategy({
     data: records,

package/cjs/useDataList/useDataList.js

@@ -4,8 +4,16 @@ 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.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.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');
+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 get = require('lodash/get');
 var utils = require('../createDataInstance/utils.js');
 var recordIterator = require('./recordIterator.js');
@@ -21,9 +29,15 @@ const _excluded = ["data", "plugins", "renderers", "itemRenderer", "customDecora
 
 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 getItemLabel = (record, nameKey = 'name') => get__default['default'](record, ['data', nameKey]);
-const getItemChildren = (record, childrenKey = 'children') => get__default['default'](record, ['data', childrenKey]);
+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 getItemLabel = function (record) {
+  let nameKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'name';
+  return get__default["default"](record, ['data', nameKey]);
+};
+const getItemChildren = function (record) {
+  let childrenKey = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'children';
+  return get__default["default"](record, ['data', childrenKey]);
+};
 const listRenderers = {
   list: 'ul',
   item: 'li'
@@ -37,7 +51,7 @@ function useDataList(_ref) {
     itemRenderer = [],
     customDecorators
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const listRef = React.useRef();
   const {
@@ -79,10 +93,10 @@ function useDataList(_ref) {
     nextRecords = decorators.records.reduce((nextRows, getter) => getter(nextRows, instance.current), nextRecords);
     return nextRecords;
   });
-  if (props.instanceRef) system.setRef(props.instanceRef, instance.current);
+  if (props.instanceRef) dsUtilities.setRef(props.instanceRef, instance.current);
   return instance.current;
 }
 
-exports['default'] = useDataList;
+exports["default"] = useDataList;
 exports.getItemChildren = getItemChildren;
 exports.getItemLabel = getItemLabel;

package/cjs/utils.js

@@ -3,6 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -10,7 +17,7 @@ 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; }
 
 /* eslint-disable no-cond-assign */
 const objectType = obj => Object.prototype.toString.call(obj).slice(8, -1);
@@ -69,7 +76,7 @@ const getTotalScroll = elem => {
   };
 };
 const getTransformProps = (x, y) => ({
-  transform: `translate(${x}px, ${y}px)`
+  transform: "translate(".concat(x, "px, ").concat(y, "px)")
 });
 const listWithChildren = (list, childrenProp) => list.map(item => _objectSpread(_objectSpread({}, item), {}, {
   [childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []

package/cjs/virtualization/AutoHeightList.js

@@ -2,26 +2,28 @@
 
 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 _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var reactWindow = require('react-window');
-var utils = require('@elliemae/ds-utilities/utils');
-var system = require('@elliemae/ds-utilities/system');
-var useWindowScrollerList = require('@elliemae/ds-utilities/hooks/useWindowScrollerList');
+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 }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var useWindowScrollerList__default = /*#__PURE__*/_interopDefaultLegacy(useWindowScrollerList);
 
 const _excluded = ["itemCount", "className", "innerRef", "itemData", "itemKey", "itemSize", "outerRef", "component"];
 
 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 AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     itemCount,
@@ -33,24 +35,24 @@ const AutoHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
     outerRef,
     component: ListComponent = reactWindow.FixedSizeList
   } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const listRef = React.useRef();
   const outerListRef = React.useRef();
-  useWindowScrollerList__default['default']({
+  dsUtilities.useWindowScrollerList({
     listInstance: listRef,
     outerListRef
   });
   return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
-    ref: system.mergeRefs(ref, listRef),
-    className: utils.cx(className, 'window-scroller-override'),
+    ref: dsUtilities.mergeRefs(ref, listRef),
+    className: dsUtilities.cx(className, 'window-scroller-override'),
     height: window.innerHeight,
     innerRef: innerRef,
     itemCount: itemCount,
     itemData: itemData,
     itemKey: itemKey,
     itemSize: itemSize,
-    outerRef: system.mergeRefs(outerListRef, outerRef),
+    outerRef: dsUtilities.mergeRefs(outerListRef, outerRef),
     overscanCount: 10,
     useIsScrolling: true
   }));

package/cjs/virtualization/FluidHeightList.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 _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -20,22 +25,25 @@ const _excluded = ["component"];
 
 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 FluidHeightList = /*#__PURE__*/React.forwardRef((_ref, ref) => {
   let {
     component: Component
   } = _ref,
-      props = _objectWithoutProperties__default['default'](_ref, _excluded);
+      props = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  return /*#__PURE__*/_jsx__default['default'](AutoSizer__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {
     disableWidth: true
-  }, void 0, ({
-    height: fluidHeight
-  }) => /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
-    ref: ref,
-    height: fluidHeight - 32 // taking in count the margins of the list
-
-  })));
+  }, void 0, _ref2 => {
+    let {
+      height: fluidHeight
+    } = _ref2;
+    return /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref,
+      height: fluidHeight - 32 // taking in count the margins of the list
+
+    }));
+  });
 });
 
 exports.FluidHeightList = FluidHeightList;

package/cjs/virtualization/index.js

@@ -5,12 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var FluidHeightList = require('./FluidHeightList.js');
 var AutoHeightList = require('./AutoHeightList.js');
 
-function getVirtualListComponent({
-  component: Component,
-  fluid,
-  height,
-  autoHeight
-}) {
+function getVirtualListComponent(_ref) {
+  let {
+    component: Component,
+    fluid,
+    height,
+    autoHeight
+  } = _ref;
   if (autoHeight) return AutoHeightList.AutoHeightList;
   if (fluid) return FluidHeightList.FluidHeightList;
   return Component;

package/esm/Animations/BaseAnimation.js

@@ -1,26 +1,30 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import { Transition } from 'react-spring/renderprops';
 
-const BaseAnimation = ({
-  keys = undefined,
-  items = [],
-  duration = 100,
-  enter = {},
-  from = {},
-  leave = {},
-  onRest = () => null,
-  children
-}) => /*#__PURE__*/_jsx(Transition, {
-  config: {
-    duration
-  },
-  enter: enter,
-  from: from,
-  items: items,
-  keys: keys,
-  leave: leave,
-  onRest: onRest
-}, void 0, children);
+const BaseAnimation = _ref => {
+  let {
+    keys = undefined,
+    items = [],
+    duration = 100,
+    enter = {},
+    from = {},
+    leave = {},
+    onRest = () => null,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(Transition, {
+    config: {
+      duration
+    },
+    enter: enter,
+    from: from,
+    items: items,
+    keys: keys,
+    leave: leave,
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { BaseAnimation as default };

package/esm/Animations/Grow.js

@@ -1,32 +1,36 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import BaseAnimation from './BaseAnimation.js';
 
-const Grow = ({
-  keys = undefined,
-  duration,
-  items = undefined,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx(BaseAnimation, {
-  duration: duration,
-  enter: {
-    opacity: 1,
-    transform: `scale(${to})`
-  },
-  from: {
-    opacity: 0,
-    transform: `scale(${from})`
-  },
-  items: items,
-  keys: keys,
-  leave: {
-    opacity: 0,
-    transform: `scale(${from})`
-  },
-  onRest: onRest
-}, void 0, children);
+const Grow = _ref => {
+  let {
+    keys = undefined,
+    duration,
+    items = undefined,
+    from = 0,
+    to = 1,
+    children,
+    onRest = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseAnimation, {
+    duration: duration,
+    enter: {
+      opacity: 1,
+      transform: "scale(".concat(to, ")")
+    },
+    from: {
+      opacity: 0,
+      transform: "scale(".concat(from, ")")
+    },
+    items: items,
+    keys: keys,
+    leave: {
+      opacity: 0,
+      transform: "scale(".concat(from, ")")
+    },
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { Grow as default };

package/esm/Animations/GrowRight.js

@@ -1,32 +1,36 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import BaseAnimation from './BaseAnimation.js';
 
-const GrowRight = ({
-  keys = undefined,
-  items = undefined,
-  duration = 200,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx(BaseAnimation, {
-  duration: duration,
-  enter: {
-    opacity: `${to}`,
-    transform: 'translateX(0px)'
-  },
-  from: {
-    opacity: `${from}`,
-    transform: 'translateX(100%)'
-  },
-  items: items,
-  keys: keys,
-  leave: {
-    opacity: `${from}`,
-    transform: 'translateX(100%)'
-  },
-  onRest: onRest
-}, void 0, children);
+const GrowRight = _ref => {
+  let {
+    keys = undefined,
+    items = undefined,
+    duration = 200,
+    from = 0,
+    to = 1,
+    children,
+    onRest = () => null
+  } = _ref;
+  return /*#__PURE__*/_jsx(BaseAnimation, {
+    duration: duration,
+    enter: {
+      opacity: "".concat(to),
+      transform: 'translateX(0px)'
+    },
+    from: {
+      opacity: "".concat(from),
+      transform: 'translateX(100%)'
+    },
+    items: items,
+    keys: keys,
+    leave: {
+      opacity: "".concat(from),
+      transform: 'translateX(100%)'
+    },
+    onRest: onRest
+  }, void 0, children);
+};
 
 export { GrowRight as default };

package/esm/Animations/GrowVertical.js

@@ -1,3 +1,4 @@
 import '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import 'react';
 import 'react-spring/renderprops';

package/esm/CheckableGroup.js

@@ -1,24 +1,33 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { cloneElement } from 'react';
-import { runAll, addOrRemove } from '@elliemae/ds-utilities/utils';
-import useDerivedStateFromProps from '@elliemae/ds-utilities/hooks/useDerivedStateFromProps';
+import { useDerivedStateFromProps, runAll, addOrRemove } from '@elliemae/ds-utilities';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function useCheckableGroup({
-  children,
-  active: activeProp,
-  multi,
-  onCheck = () => null
-}) {
+function useCheckableGroup(_ref) {
+  let {
+    children,
+    active: activeProp,
+    multi,
+    onCheck = () => null
+  } = _ref;
   const [active, setActive] = useDerivedStateFromProps(activeProp);
 
-  const handleCheck = ({
-    target: {
-      value
-    }
-  }, item) => {
+  const handleCheck = (_ref2, item) => {
+    let {
+      target: {
+        value
+      }
+    } = _ref2;
     setActive(prevActive => {
       const nextActive = multi ? addOrRemove(prevActive, value) : value;
       onCheck(nextActive, item);
@@ -38,12 +47,13 @@ function useCheckableGroup({
   });
 }
 
-function CheckableGroup({
-  active = [],
-  multi = false,
-  // checkbox or radio
-  children
-}) {
+function CheckableGroup(_ref3) {
+  let {
+    active = [],
+    multi = false,
+    // checkbox or radio
+    children
+  } = _ref3;
   return useCheckableGroup({
     active,
     multi,

package/esm/DeferRenderAfterComputation.js

@@ -1,12 +1,14 @@
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useEffect } from 'react';
 import raf from 'raf';
 
-function DeferRenderAfterComputation({
-  children,
-  resolve,
-  fallback,
-  timeout = 2000
-}) {
+function DeferRenderAfterComputation(_ref) {
+  let {
+    children,
+    resolve,
+    fallback,
+    timeout = 2000
+  } = _ref;
   const [shouldRender, setShouldRender] = useState(false);
   useEffect(() => {
     // eslint-disable-next-line max-nested-callbacks

package/esm/FocusGroup/FocusGrid.js

@@ -1,9 +1,12 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import React, { useRef, useEffect, useMemo, createContext } from 'react';
-import { get, runAll, isFunction } from '@elliemae/ds-utilities/utils';
-import useHotkeys from '@elliemae/ds-utilities/hooks/useHotkeys';
-import { mergeRefs } from '@elliemae/ds-utilities/system';
+import { mergeRefs, get, runAll, isFunction, useHotkeys } from '@elliemae/ds-utilities';
 import getNextCellPosition from './utils/getNextCellPosition.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
@@ -16,10 +19,11 @@ const {
 
 const preventDefault = e => e.preventDefault();
 
-function registerHotKeysHooks(hotKeys, {
-  focusedRow,
-  focusedCell
-}) {
+function registerHotKeysHooks(hotKeys, _ref) {
+  let {
+    focusedRow,
+    focusedCell
+  } = _ref;
   Object.keys(hotKeys).forEach(key => {
     const {
       handler,
@@ -40,14 +44,15 @@ function registerHotKeysHooks(hotKeys, {
 } // eslint-disable-next-line max-statements
 
 
-function FocusGridProvider({
-  shouldWrapRows = false,
-  shouldWrapCells = false,
-  shouldRefocus = true,
-  children,
-  keyBindings,
-  hotKeys
-}) {
+function FocusGridProvider(_ref2) {
+  let {
+    shouldWrapRows = false,
+    shouldWrapCells = false,
+    shouldRefocus = true,
+    children,
+    keyBindings,
+    hotKeys
+  } = _ref2;
   const focusedRow = useRef();
   const focusedCell = useRef();
   const grid = useRef([]);
@@ -57,10 +62,13 @@ function FocusGridProvider({
     innerRef: mergeRefs(child.props.innerRef, containerRef)
   });
 
-  const getNode = ({
-    rowIndex,
-    cellIndex
-  }) => get(grid.current, [rowIndex, cellIndex]);
+  const getNode = _ref3 => {
+    let {
+      rowIndex,
+      cellIndex
+    } = _ref3;
+    return get(grid.current, [rowIndex, cellIndex]);
+  };
 
   const register = (node, rowIndex, columnIndex) => {
     if (!node) return;