@elliemae/ds-shared 2.0.0-alpha.8 → 2.0.0-next.11

package/cjs/Animations/BaseAnimation.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var renderprops = require('react-spring/renderprops');
 
@@ -8,25 +9,28 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const BaseAnimation = ({
-  keys = undefined,
-  items = [],
-  duration = 100,
-  enter = {},
-  from = {},
-  leave = {},
-  onRest = () => null,
-  children
-}) => /*#__PURE__*/_jsx__default["default"](renderprops.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__default["default"](renderprops.Transition, {
+    config: {
+      duration
+    },
+    enter: enter,
+    from: from,
+    items: items,
+    keys: keys,
+    leave: leave,
+    onRest: onRest
+  }, void 0, children);
+};
 
 module.exports = BaseAnimation;

package/cjs/Animations/Grow.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var BaseAnimation = require('./BaseAnimation.js');
 
@@ -8,31 +9,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const Grow = ({
-  keys = undefined,
-  duration,
-  items = undefined,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx__default["default"](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__default["default"](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);
+};
 
 module.exports = Grow;

package/cjs/Animations/GrowRight.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 var BaseAnimation = require('./BaseAnimation.js');
 
@@ -8,31 +9,34 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-const GrowRight = ({
-  keys = undefined,
-  items = undefined,
-  duration = 200,
-  from = 0,
-  to = 1,
-  children,
-  onRest = () => null
-}) => /*#__PURE__*/_jsx__default["default"](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__default["default"](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);
+};
 
 module.exports = GrowRight;

package/cjs/Animations/GrowVertical.js

@@ -1,6 +1,7 @@
 'use strict';
 
 require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 require('react');
 require('react-spring/renderprops');
 

package/cjs/CheckableGroup.js

@@ -3,34 +3,42 @@
 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.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 utils = require('@elliemae/ds-utilities/utils');
-var useDerivedStateFromProps = require('@elliemae/ds-utilities/hooks/useDerivedStateFromProps');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var useDerivedStateFromProps__default = /*#__PURE__*/_interopDefaultLegacy(useDerivedStateFromProps);
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-function useCheckableGroup({
-  children,
-  active: activeProp,
-  multi,
-  onCheck = () => null
-}) {
-  const [active, setActive] = useDerivedStateFromProps__default["default"](activeProp);
+function useCheckableGroup(_ref) {
+  let {
+    children,
+    active: activeProp,
+    multi,
+    onCheck = () => null
+  } = _ref;
+  const [active, setActive] = dsUtilities.useDerivedStateFromProps(activeProp);
 
-  const handleCheck = ({
-    target: {
-      value
-    }
-  }, item) => {
+  const handleCheck = (_ref2, item) => {
+    let {
+      target: {
+        value
+      }
+    } = _ref2;
     setActive(prevActive => {
-      const nextActive = multi ? utils.addOrRemove(prevActive, value) : value;
+      const nextActive = multi ? dsUtilities.addOrRemove(prevActive, value) : value;
       onCheck(nextActive, item);
       return nextActive;
     });
@@ -43,17 +51,18 @@ function useCheckableGroup({
     const checked = Array.isArray(active) ? active.indexOf(props.name) !== -1 : active === props.name;
     return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
       checked,
-      onClick: utils.runAll(handleCheck, props.onClick)
+      onClick: dsUtilities.runAll(handleCheck, props.onClick)
     }));
   });
 }
 
-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/cjs/DeferRenderAfterComputation.js

@@ -1,5 +1,6 @@
 'use strict';
 
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var raf = require('raf');
 
@@ -7,12 +8,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var raf__default = /*#__PURE__*/_interopDefaultLegacy(raf);
 
-function DeferRenderAfterComputation({
-  children,
-  resolve,
-  fallback,
-  timeout = 2000
-}) {
+function DeferRenderAfterComputation(_ref) {
+  let {
+    children,
+    resolve,
+    fallback,
+    timeout = 2000
+  } = _ref;
   const [shouldRender, setShouldRender] = React.useState(false);
   React.useEffect(() => {
     // eslint-disable-next-line max-nested-callbacks

package/cjs/FocusGroup/FocusGrid.js

@@ -4,10 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 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.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
-var useHotkeys = require('@elliemae/ds-utilities/hooks/useHotkeys');
-var system = require('@elliemae/ds-utilities/system');
+var dsUtilities = require('@elliemae/ds-utilities');
 var getNextCellPosition = require('./utils/getNextCellPosition.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -15,7 +18,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
 
 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; }
 
@@ -27,16 +29,17 @@ 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,
       options
     } = hotKeys[key];
-    useHotkeys__default["default"]({
+    dsUtilities.useHotkeys({
       keys: key,
       handler: e => {
         e.preventDefault();
@@ -51,27 +54,31 @@ 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 = React.useRef();
   const focusedCell = React.useRef();
   const grid = React.useRef([]);
   const containerRef = React.useRef(document);
   const child = React__default["default"].Children.only(children);
   const decoratedChild = /*#__PURE__*/React__default["default"].cloneElement(child, {
-    innerRef: system.mergeRefs(child.props.innerRef, containerRef)
+    innerRef: dsUtilities.mergeRefs(child.props.innerRef, containerRef)
   });
 
-  const getNode = ({
-    rowIndex,
-    cellIndex
-  }) => utils.get(grid.current, [rowIndex, cellIndex]);
+  const getNode = _ref3 => {
+    let {
+      rowIndex,
+      cellIndex
+    } = _ref3;
+    return dsUtilities.get(grid.current, [rowIndex, cellIndex]);
+  };
 
   const register = (node, rowIndex, columnIndex) => {
     if (!node) return;
@@ -104,7 +111,7 @@ function FocusGridProvider({
     if (shouldRefocus) {
       const rowIndex = focusedRow.current;
       const cellIndex = focusedCell.current;
-      const node = utils.get(grid.current, [rowIndex, cellIndex]);
+      const node = dsUtilities.get(grid.current, [rowIndex, cellIndex]);
       if (node) node.focus();
     }
   });
@@ -140,11 +147,11 @@ function FocusGridProvider({
   });
 
   const defaultKeyBindings = _objectSpread({
-    ArrowUp: utils.runAll(preventDefault, () => focusNextCell(-1, 0)),
-    ArrowRight: utils.runAll(preventDefault, () => focusNextCell(0, 1)),
-    ArrowDown: utils.runAll(preventDefault, () => focusNextCell(1, 0)),
-    ArrowLeft: utils.runAll(preventDefault, () => focusNextCell(0, -1)),
-    Home: utils.runAll(preventDefault, e => {
+    ArrowUp: dsUtilities.runAll(preventDefault, () => focusNextCell(-1, 0)),
+    ArrowRight: dsUtilities.runAll(preventDefault, () => focusNextCell(0, 1)),
+    ArrowDown: dsUtilities.runAll(preventDefault, () => focusNextCell(1, 0)),
+    ArrowLeft: dsUtilities.runAll(preventDefault, () => focusNextCell(0, -1)),
+    Home: dsUtilities.runAll(preventDefault, e => {
       let rowIndex = focusedRow.current;
 
       if (e.ctrlKey) {
@@ -156,7 +163,7 @@ function FocusGridProvider({
         cellIndex: 0
       });
     }),
-    End: utils.runAll(preventDefault, e => {
+    End: dsUtilities.runAll(preventDefault, e => {
       let rowIndex = focusedRow.current;
 
       if (e.ctrlKey) {
@@ -170,7 +177,7 @@ function FocusGridProvider({
     })
   }, keyBindings);
 
-  const nextKeyBindings = utils.isFunction(keyBindings) ? keyBindings({
+  const nextKeyBindings = dsUtilities.isFunction(keyBindings) ? keyBindings({
     defaultBindings: defaultKeyBindings,
     rowIndex: focusedRow.current,
     cellIndex: focusedCell.current
@@ -179,7 +186,7 @@ function FocusGridProvider({
   const onKeyDown = e => {
     if (e.target.tagName.toLowerCase() === 'input') return;
     const action = nextKeyBindings[e.key];
-    if (utils.isFunction(action)) action(e);
+    if (dsUtilities.isFunction(action)) action(e);
   };
 
   const activate = container => {

package/cjs/FocusGroup/FocusGroup.js

@@ -1,7 +1,15 @@
 'use strict';
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var utils = require('@elliemae/ds-utilities/utils');
+require('core-js/modules/web.dom-collections.iterator.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.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');
+var dsUtilities = require('@elliemae/ds-utilities');
 var hotkeys = require('hotkeys-js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -16,14 +24,22 @@ const defaultOptions = {
   orientation: 'vertical'
 };
 
-const safeCallAction = (e, fun, ...args) => {
-  if (utils.isFunction(fun)) {
+const safeCallAction = function (e, fun) {
+  if (dsUtilities.isFunction(fun)) {
     e.preventDefault();
+
+    for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+      args[_key - 2] = arguments[_key];
+    }
+
     fun(...args);
   }
 };
 
-const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) => {
+const registerHotkeys = function () {
+  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let params = arguments.length > 1 ? arguments[1] : undefined;
+  let getContainer = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => document;
   Object.keys(hotKeys).forEach(hotkey => {
     const {
       options,
@@ -32,7 +48,7 @@ const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) =>
     } = hotKeys[hotkey];
 
     const parameterizedHandler = e => {
-      const handlerParams = utils.isFunction(params) ? params() : params;
+      const handlerParams = dsUtilities.isFunction(params) ? params() : params;
       if (!allowDocumentHandler && handlerParams.item !== document.activeElement) return;
       e.preventDefault();
       handler(handlerParams);
@@ -44,7 +60,8 @@ const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) =>
   });
 };
 
-const unregisterHotKeys = (hotKeys = {}) => {
+const unregisterHotKeys = function () {
+  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   Object.keys(hotKeys).forEach(hotkey => {
     hotkeys__default["default"].unbind(hotkey);
   });
@@ -53,7 +70,9 @@ const unregisterHotKeys = (hotKeys = {}) => {
 const noop = () => null;
 
 class FocusGroup {
-  constructor(options = {}) {
+  constructor() {
+    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+
     _defineProperty__default["default"](this, "items", []);
 
     this.options = _objectSpread(_objectSpread({}, defaultOptions), options);
@@ -97,7 +116,7 @@ class FocusGroup {
     const item = this.currentFocusedItem;
     const {
       index
-    } = utils.get(item, ['dataset'], {});
+    } = dsUtilities.get(item, ['dataset'], {});
     return {
       item,
       index
@@ -127,7 +146,8 @@ class FocusGroup {
     return actions.map(action => typeof action === 'string' ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
   }
 
-  register(node, props = {}) {
+  register(node) {
+    let props = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     const afterIndex = this.items.findIndex(item => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
     node.specialOnFocus = props.onFocus || noop;
     node.specialOnBlur = props.onBlur || noop;

package/cjs/FocusGroup/FocusGroupManager.js

@@ -3,7 +3,7 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var React = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var FocusGroup = require('./FocusGroup.js');
 var FocusGroupContext = require('./FocusGroupContext.js');
 
@@ -61,7 +61,7 @@ class FocusGroupProvider extends React.Component {
     } = this.props;
     this.focusGroup.activate();
     this.activated = true;
-    if (utils.isFunction(onActivate)) onActivate();
+    if (dsUtilities.isFunction(onActivate)) onActivate();
   }
 
   deactivate() {
@@ -71,7 +71,7 @@ class FocusGroupProvider extends React.Component {
     this.activated = false;
     this.focusGroup.deactivate();
 
-    if (utils.isFunction(onExitFocusGroup)) {
+    if (dsUtilities.isFunction(onExitFocusGroup)) {
       onExitFocusGroup();
     }
   }

package/cjs/FocusGroup/focusGroupManagerHoc.js

@@ -1,5 +1,10 @@
 'use strict';
 
+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');
 require('react');
@@ -16,7 +21,8 @@ const _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
 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 FocusGroupHoc(WrappedComponent, options = {}) {
+function FocusGroupHoc(WrappedComponent) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return _ref => {
     let {
       onExitFocusGroup,

package/cjs/FocusGroup/useFocusGroupItem.js

@@ -12,7 +12,10 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 
 const _excluded = ["register", "unregister"],
       _excluded2 = ["register", "unregister"];
-function useFocusGroupItem(ref = {}, props) {
+function useFocusGroupItem() {
+  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 1 ? arguments[1] : undefined;
+
   const _ref = React.useContext(FocusGroupContext) || {},
         {
     register,
@@ -30,7 +33,10 @@ function useFocusGroupItem(ref = {}, props) {
   if (!register) return {};
   return otherActions;
 }
-const useFocusGroupWithState = (ref = {}, props) => {
+const useFocusGroupWithState = function () {
+  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  let props = arguments.length > 1 ? arguments[1] : undefined;
+
   const _ref2 = React.useContext(FocusGroupContext) || {},
         {
     register,

package/cjs/FocusGroup/utils/getNextCellPosition.js

@@ -1,15 +1,16 @@
 'use strict';
 
 // eslint-disable-next-line max-statements
-function getNextCellPosition({
-  grid,
-  currentRow = 0,
-  currentCell = 0,
-  directionY,
-  directionX,
-  shouldWrapCells,
-  shouldWrapRows
-}) {
+function getNextCellPosition(_ref) {
+  let {
+    grid,
+    currentRow = 0,
+    currentCell = 0,
+    directionY,
+    directionX,
+    shouldWrapCells,
+    shouldWrapRows
+  } = _ref;
   let nextRow = currentRow + directionY;
   let nextCell = currentCell + directionX;
   const rowCount = grid.length;