@elliemae/ds-shared 3.0.0-next.0 → 3.0.0-next.4

package/cjs/virtualization/AutoHeightList.js

@@ -1,61 +0,0 @@
-'use strict';
-
-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 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);
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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,
-    className,
-    innerRef,
-    itemData,
-    itemKey,
-    itemSize,
-    outerRef,
-    component: ListComponent = reactWindow.FixedSizeList
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const listRef = React.useRef();
-  const outerListRef = React.useRef();
-  dsUtilities.useWindowScrollerList({
-    listInstance: listRef,
-    outerListRef
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(ListComponent, _objectSpread(_objectSpread({}, otherProps), {}, {
-    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: dsUtilities.mergeRefs(outerListRef, outerRef),
-    overscanCount: 10,
-    useIsScrolling: true
-  }));
-});
-
-exports.AutoHeightList = AutoHeightList;

package/cjs/virtualization/FluidHeightList.js

@@ -1,49 +0,0 @@
-'use strict';
-
-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');
-var React = require('react');
-var AutoSizer = require('react-virtualized-auto-sizer');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var AutoSizer__default = /*#__PURE__*/_interopDefaultLegacy(AutoSizer);
-
-const _excluded = ["component"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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);
-
-  return /*#__PURE__*/_jsx__default["default"](AutoSizer__default["default"], {
-    disableWidth: true
-  }, 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

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

package/esm/Animations/BaseAnimation.js

@@ -1,30 +0,0 @@
-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 = _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,36 +0,0 @@
-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 = _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,36 +0,0 @@
-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 = _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,4 +0,0 @@
-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,64 +0,0 @@
-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 { useDerivedStateFromProps, runAll, addOrRemove } from '@elliemae/ds-utilities';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function useCheckableGroup(_ref) {
-  let {
-    children,
-    active: activeProp,
-    multi,
-    onCheck = () => null
-  } = _ref;
-  const [active, setActive] = useDerivedStateFromProps(activeProp);
-
-  const handleCheck = (_ref2, item) => {
-    let {
-      target: {
-        value
-      }
-    } = _ref2;
-    setActive(prevActive => {
-      const nextActive = multi ? addOrRemove(prevActive, value) : value;
-      onCheck(nextActive, item);
-      return nextActive;
-    });
-  };
-
-  return React.Children.map(children, child => {
-    const {
-      props
-    } = child;
-    const checked = Array.isArray(active) ? active.indexOf(props.name) !== -1 : active === props.name;
-    return /*#__PURE__*/cloneElement(child, _objectSpread(_objectSpread({}, props), {}, {
-      checked,
-      onClick: runAll(handleCheck, props.onClick)
-    }));
-  });
-}
-
-function CheckableGroup(_ref3) {
-  let {
-    active = [],
-    multi = false,
-    // checkbox or radio
-    children
-  } = _ref3;
-  return useCheckableGroup({
-    active,
-    multi,
-    children
-  });
-}
-
-export { CheckableGroup as default, useCheckableGroup };

package/esm/DeferRenderAfterComputation.js

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

package/esm/FocusGroup/FocusGrid.js

@@ -1,204 +0,0 @@
-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 { 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const FocusGridContext = /*#__PURE__*/createContext();
-const {
-  Provider
-} = FocusGridContext;
-
-const preventDefault = e => e.preventDefault();
-
-function registerHotKeysHooks(hotKeys, _ref) {
-  let {
-    focusedRow,
-    focusedCell
-  } = _ref;
-  Object.keys(hotKeys).forEach(key => {
-    const {
-      handler,
-      options
-    } = hotKeys[key];
-    useHotkeys({
-      keys: key,
-      handler: e => {
-        e.preventDefault();
-        handler({
-          rowIndex: focusedRow.current,
-          cellIndex: focusedCell.current
-        });
-      },
-      options
-    });
-  });
-} // eslint-disable-next-line max-statements
-
-
-function FocusGridProvider(_ref2) {
-  let {
-    shouldWrapRows = false,
-    shouldWrapCells = false,
-    shouldRefocus = true,
-    children,
-    keyBindings,
-    hotKeys
-  } = _ref2;
-  const focusedRow = useRef();
-  const focusedCell = useRef();
-  const grid = useRef([]);
-  const containerRef = useRef(document);
-  const child = React.Children.only(children);
-  const decoratedChild = /*#__PURE__*/React.cloneElement(child, {
-    innerRef: mergeRefs(child.props.innerRef, containerRef)
-  });
-
-  const getNode = _ref3 => {
-    let {
-      rowIndex,
-      cellIndex
-    } = _ref3;
-    return get(grid.current, [rowIndex, cellIndex]);
-  };
-
-  const register = (node, rowIndex, columnIndex) => {
-    if (!node) return;
-
-    if (!Array.isArray(grid.current[rowIndex])) {
-      grid.current[rowIndex] = [];
-    }
-
-    if (rowIndex === 0 && columnIndex === 0) {
-      node.setAttribute('tabindex', 0);
-    } else {
-      node.setAttribute('tabindex', -1);
-    }
-
-    node.onfocus = () => {
-      const prevNode = getNode({
-        rowIndex: focusedRow.current,
-        cellIndex: focusedCell.current
-      });
-      if (prevNode) prevNode.setAttribute('tabindex', -1);
-      node.setAttribute('tabindex', 0);
-      focusedRow.current = rowIndex;
-      focusedCell.current = columnIndex;
-    };
-
-    grid.current[rowIndex][columnIndex] = node;
-  };
-
-  useEffect(() => {
-    if (shouldRefocus) {
-      const rowIndex = focusedRow.current;
-      const cellIndex = focusedCell.current;
-      const node = get(grid.current, [rowIndex, cellIndex]);
-      if (node) node.focus();
-    }
-  });
-
-  const focusNextCell = (directionY, directionX, position) => {
-    const {
-      rowIndex,
-      cellIndex
-    } = position || getNextCellPosition({
-      grid: grid.current,
-      currentCell: focusedCell.current,
-      currentRow: focusedRow.current,
-      directionX,
-      directionY,
-      shouldWrapCells,
-      shouldWrapRows
-    });
-    const node = getNode({
-      rowIndex,
-      cellIndex
-    }); // can focus
-
-    if (node) {
-      node.focus();
-      focusedRow.current = rowIndex;
-      focusedCell.current = cellIndex;
-    }
-  };
-
-  registerHotKeysHooks(hotKeys, {
-    focusedCell,
-    focusedRow
-  });
-
-  const defaultKeyBindings = _objectSpread({
-    ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),
-    ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),
-    ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),
-    ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),
-    Home: runAll(preventDefault, e => {
-      let rowIndex = focusedRow.current;
-
-      if (e.ctrlKey) {
-        rowIndex = 0;
-      }
-
-      focusNextCell(0, 0, {
-        rowIndex,
-        cellIndex: 0
-      });
-    }),
-    End: runAll(preventDefault, e => {
-      let rowIndex = focusedRow.current;
-
-      if (e.ctrlKey) {
-        rowIndex = grid.current.length - 1;
-      }
-
-      focusNextCell(0, 0, {
-        rowIndex,
-        cellIndex: grid.current[0].length - 1
-      });
-    })
-  }, keyBindings);
-
-  const nextKeyBindings = isFunction(keyBindings) ? keyBindings({
-    defaultBindings: defaultKeyBindings,
-    rowIndex: focusedRow.current,
-    cellIndex: focusedCell.current
-  }) : _objectSpread(_objectSpread({}, defaultKeyBindings), keyBindings);
-
-  const onKeyDown = e => {
-    if (e.target.tagName.toLowerCase() === 'input') return;
-    const action = nextKeyBindings[e.key];
-    if (isFunction(action)) action(e);
-  };
-
-  const activate = container => {
-    container.addEventListener('keydown', onKeyDown, true);
-  };
-
-  const deactivate = container => {
-    container.removeEventListener('keydown', onKeyDown, true);
-  };
-
-  useEffect(() => {
-    activate(containerRef.current);
-    return () => {
-      deactivate(containerRef.current);
-    };
-  }, []);
-  const valueProvider = useMemo(() => ({
-    register
-  }), []);
-  return /*#__PURE__*/_jsx(Provider, {
-    value: valueProvider
-  }, void 0, decoratedChild);
-}
-
-export { FocusGridContext, FocusGridProvider as default };

package/esm/FocusGroup/FocusGroupContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-var FocusGroupContext = /*#__PURE__*/React.createContext();
-
-export { FocusGroupContext as default };

package/esm/FocusGroup/focusGroupManagerHoc.js

@@ -1,37 +0,0 @@
-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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import FocusGroupProvider from './FocusGroupManager.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["onExitFocusGroup", "onFocusPrevGroup", "focusKeyBindings"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-function FocusGroupHoc(WrappedComponent) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return _ref => {
-    let {
-      onExitFocusGroup,
-      onFocusPrevGroup,
-      focusKeyBindings
-    } = _ref,
-        props = _objectWithoutProperties(_ref, _excluded);
-
-    return /*#__PURE__*/jsx(FocusGroupProvider, _objectSpread(_objectSpread({
-      keyBindings: focusKeyBindings,
-      onExitFocusGroup: onExitFocusGroup,
-      onFocusPrevGroup: onFocusPrevGroup
-    }, options), {}, {
-      children: /*#__PURE__*/jsx(WrappedComponent, _objectSpread(_objectSpread({}, props), options))
-    }));
-  };
-}
-
-export { FocusGroupHoc as default };

package/esm/FocusGroup/index.js

@@ -1,6 +0,0 @@
-export { default as FocusGroup } from './FocusGroup.js';
-export { default as FocusGroupContext } from './FocusGroupContext.js';
-export { default as FocusGroupManager } from './FocusGroupManager.js';
-export { default as useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem.js';
-export { default as focusGroupManagerHoc } from './focusGroupManagerHoc.js';
-export { default as FocusGrid, FocusGridContext } from './FocusGrid.js';

package/esm/FocusGroup/useFocusGroupItem.js

@@ -1,50 +0,0 @@
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import { useContext, useEffect } from 'react';
-import FocusGroupContext from './FocusGroupContext.js';
-
-const _excluded = ["register", "unregister"],
-      _excluded2 = ["register", "unregister"];
-function useFocusGroupItem() {
-  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let props = arguments.length > 1 ? arguments[1] : undefined;
-
-  const _ref = useContext(FocusGroupContext) || {},
-        {
-    register,
-    unregister
-  } = _ref,
-        otherActions = _objectWithoutProperties(_ref, _excluded);
-
-  useEffect(() => {
-    if (ref.current && register) register(ref.current, props);
-    return () => {
-      if (ref.current && unregister) unregister(ref.current);
-    };
-  }); // if the focus item is not wrapped with the focus provider then return null
-
-  if (!register) return {};
-  return otherActions;
-}
-const useFocusGroupWithState = function () {
-  let ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  let props = arguments.length > 1 ? arguments[1] : undefined;
-
-  const _ref2 = useContext(FocusGroupContext) || {},
-        {
-    register,
-    unregister
-  } = _ref2,
-        otherActions = _objectWithoutProperties(_ref2, _excluded2);
-
-  useEffect(() => {
-    if (ref && register) register(ref, props);
-    return () => {
-      if (ref && unregister) unregister(ref);
-    };
-  }, [ref]); // if the focus item is not wrapped with the focus provider then return null
-
-  if (!register) return {};
-  return otherActions;
-};
-
-export { useFocusGroupItem as default, useFocusGroupWithState };