@elliemae/ds-shared 3.0.0-next.1 → 3.0.0-next.10

package/{esm → dist/esm}/FocusGroup/FocusGroup.js

@@ -1,85 +1,65 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/web.dom-collections.iterator.js';
-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.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import { get, isFunction } from '@elliemae/ds-utilities';
-import hotkeys from 'hotkeys-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; }
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import { isFunction, get } from "@elliemae/ds-utilities";
+import hotkeys from "hotkeys-js";
 const defaultOptions = {
-  orientation: 'vertical'
+  orientation: "vertical"
 };
-
-const safeCallAction = function (e, fun) {
+const safeCallAction = (e, fun, ...args) => {
   if (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 = 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,
-      handler,
-      allowDocumentHandler = false
-    } = hotKeys[hotkey];
-
-    const parameterizedHandler = e => {
+const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) => {
+  Object.keys(hotKeys).forEach((hotkey) => {
+    const { options, handler, allowDocumentHandler = false } = hotKeys[hotkey];
+    const parameterizedHandler = (e) => {
       const handlerParams = isFunction(params) ? params() : params;
-      if (!allowDocumentHandler && handlerParams.item !== document.activeElement) return;
+      if (!allowDocumentHandler && handlerParams.item !== document.activeElement)
+        return;
       e.preventDefault();
       handler(handlerParams);
     };
-
-    hotkeys(hotkey, _objectSpread({
-      element: getContainer()
-    }, options), parameterizedHandler);
+    hotkeys(hotkey, __spreadValues({ element: getContainer() }, options), parameterizedHandler);
   });
 };
-
-const unregisterHotKeys = function () {
-  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  Object.keys(hotKeys).forEach(hotkey => {
+const unregisterHotKeys = (hotKeys = {}) => {
+  Object.keys(hotKeys).forEach((hotkey) => {
     hotkeys.unbind(hotkey);
   });
 };
-
 const noop = () => null;
-
 class FocusGroup {
-  constructor() {
-    let options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  constructor(options = {}) {
     this.items = [];
-    this.options = _objectSpread(_objectSpread({}, defaultOptions), options);
-    const {
-      orientation
-    } = this.options;
-    this.keyBindings = _objectSpread({
-      ArrowUp: orientation !== 'horizontal' && 'previous',
-      ArrowRight: orientation !== 'vertical' && 'next',
-      ArrowDown: orientation !== 'horizontal' && 'next',
-      ArrowLeft: orientation !== 'vertical' && 'previous',
-      Home: 'first',
-      End: 'last',
-      PageUp: 'first',
-      PageDown: 'last',
-      Escape: 'exit'
+    this.options = __spreadValues(__spreadValues({}, defaultOptions), options);
+    const { orientation } = this.options;
+    this.keyBindings = __spreadValues({
+      ArrowUp: orientation !== "horizontal" && "previous",
+      ArrowRight: orientation !== "vertical" && "next",
+      ArrowDown: orientation !== "horizontal" && "next",
+      ArrowLeft: orientation !== "vertical" && "previous",
+      Home: "first",
+      End: "last",
+      PageUp: "first",
+      PageDown: "last",
+      Escape: "exit"
     }, options.keyBindings);
     this.currentFocusedItem = null;
     this.currIndex = null;
@@ -102,200 +82,154 @@ class FocusGroup {
     this.focusCurrent = this.focusCurrent.bind(this);
     this.getHotKeysParams = this.getHotKeysParams.bind(this);
   }
-
   getHotKeysParams() {
     const item = this.currentFocusedItem;
-    const {
-      index
-    } = get(item, ['dataset'], {});
+    const { index } = get(item, ["dataset"], {});
     return {
       item,
       index
     };
   }
-
   activate() {
-    const {
-      getContainer
-    } = this.options;
-    document.addEventListener('keydown', this.handleKeyDown, true);
+    const { getContainer } = this.options;
+    document.addEventListener("keydown", this.handleKeyDown, true);
     registerHotkeys(this.options.hotKeys, this.getHotKeysParams, getContainer);
   }
-
   deactivate() {
-    document.removeEventListener('keydown', this.handleKeyDown, true);
+    document.removeEventListener("keydown", this.handleKeyDown, true);
     unregisterHotKeys(this.options.hotKeys);
   }
-
   handleKeyDown(e) {
-    if (!this.isGroupActive()) return;
+    if (!this.isGroupActive())
+      return;
     this.executeActionByEvent(e);
   }
-
   executeActionByEvent(e) {
     const actions = Array.isArray(this.keyBindings[e.key]) ? this.keyBindings[e.key] : [this.keyBindings[e.key]];
-    return actions.map(action => typeof action === 'string' ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
+    return actions.map((action) => typeof action === "string" ? safeCallAction(e, this.mapActions[action]) : safeCallAction(e, action));
   }
-
-  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);
+  register(node, props = {}) {
+    const afterIndex = this.items.findIndex((item) => item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING);
     node.specialOnFocus = props.onFocus || noop;
     node.specialOnBlur = props.onBlur || noop;
-
     node.onclick = () => this.focusItem(node);
-
     node.onfocus = () => {
       this.focusItem(node);
     };
-
     if (afterIndex === -1) {
       this.items.push(node);
     } else {
       this.items.splice(afterIndex, 0, node);
     }
   }
-
   unregister(node) {
     const index = this.getItemIndexByNode(node);
-    if (index > -1) this.items.splice(index, 1);
+    if (index > -1)
+      this.items.splice(index, 1);
   }
-
   exit() {
-    const {
-      onExitFocusGroup
-    } = this.options;
+    const { onExitFocusGroup } = this.options;
     onExitFocusGroup();
   }
-
   focusItem(node) {
     if (this.currentFocusedItem && this.currentFocusedItem !== node) {
       this.currentFocusedItem.specialOnBlur();
-      this.currentFocusedItem.setAttribute('tabindex', -1);
+      this.currentFocusedItem.setAttribute("tabindex", -1);
     }
-
-    if (!node) return;
+    if (!node)
+      return;
     this.currentFocusedItem = node;
-    node.setAttribute('tabindex', 0);
+    node.setAttribute("tabindex", 0);
     node.focus();
     node.specialOnFocus();
   }
-
   focusNext() {
     const item = this.getNextItem();
     this.focusItem(item);
   }
-
   focusByNode(node) {
     const index = this.getItemIndexByNode(node);
     this.focusByIndex(index);
   }
-
   focusByIndex(index) {
     const item = this.getItemByIndex(index);
     this.focusItem(item);
   }
-
   focusPrevious() {
     const prevItem = this.getPreviousItem();
     this.focusItem(prevItem);
   }
-
   focusFirst() {
     const item = this.getFirstItem();
     this.focusItem(item);
   }
-
   focusLast() {
     const item = this.getLastItem();
     this.focusItem(item);
   }
-
   focusCurrent() {
     this.focusItem(this.currentFocusedItem);
   }
-
   focusNextGroup() {
-    const {
-      onFocusNextGroup
-    } = this.options;
+    const { onFocusNextGroup } = this.options;
     this.exit();
     onFocusNextGroup();
   }
-
   focusPreviousGroup() {
-    const {
-      onFocusPreviousGroup
-    } = this.options;
+    const { onFocusPreviousGroup } = this.options;
     this.exit();
     onFocusPreviousGroup();
   }
-
   getNextItem() {
-    const {
-      loop
-    } = this.options;
+    const { loop } = this.options;
     const currentIndex = this.getFocusedIndex();
     const supposedNextIndex = currentIndex + 1;
-
     if (!this.checkCanFocusNext(supposedNextIndex)) {
       return loop ? this.getFirstItem() : this.focusNextGroup();
     }
-
     return this.getItemByIndex(supposedNextIndex);
   }
-
   getPreviousItem() {
-    const {
-      loop
-    } = this.options;
+    const { loop } = this.options;
     const currentIndex = this.getFocusedIndex();
     const supposedPrevIndex = currentIndex - 1;
-
     if (!this.checkCanFocusPrev(supposedPrevIndex)) {
       return loop ? this.getLastItem() : this.focusPreviousGroup();
     }
-
     return this.getItemByIndex(supposedPrevIndex);
   }
-
   checkCanFocusNext(index) {
     return this.items.length > index;
   }
-
   checkCanFocusPrev(index) {
     return index >= 0;
   }
-
   getItemByIndex(index) {
     return this.items[index];
   }
-
   getItemIndexByNode(node) {
-    return this.items.findIndex(item => item === node);
+    return this.items.findIndex((item) => item === node);
   }
-
   getFocusedIndex() {
     return this.getItemIndexByNode(document.activeElement);
   }
-
   getFocusedItem() {
     const index = this.getFocusedIndex();
     return index > -1 && this.items[index];
   }
-
   isGroupActive() {
     return this.getFocusedIndex() !== -1;
   }
-
   getFirstItem() {
     return !!this.items.length && this.items[0];
   }
-
   getLastItem() {
     return !!this.items.length && this.items[this.items.length - 1];
   }
-
 }
-
-export { FocusGroup as default };
+var FocusGroup_default = FocusGroup;
+export {
+  FocusGroup,
+  FocusGroup_default as default
+};
+//# sourceMappingURL=FocusGroup.js.map

package/dist/esm/FocusGroup/FocusGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-param-reassign */\n/* eslint-disable max-statements */\n/* eslint-disable max-lines */\nimport { isFunction, get } from '@elliemae/ds-utilities';\nimport hotkeys from 'hotkeys-js';\n\nconst defaultOptions = {\n  orientation: 'vertical',\n};\n\nconst safeCallAction = (e, fun, ...args) => {\n  if (isFunction(fun)) {\n    e.preventDefault();\n    fun(...args);\n  }\n};\n\nconst registerHotkeys = (\n  hotKeys = {},\n  params,\n  getContainer = () => document,\n) => {\n  Object.keys(hotKeys).forEach((hotkey) => {\n    const { options, handler, allowDocumentHandler = false } = hotKeys[hotkey];\n    const parameterizedHandler = (e) => {\n      const handlerParams = isFunction(params) ? params() : params;\n      if (\n        !allowDocumentHandler &&\n        handlerParams.item !== document.activeElement\n      )\n        return;\n      e.preventDefault();\n      handler(handlerParams);\n    };\n    hotkeys(\n      hotkey,\n      { element: getContainer(), ...options },\n      parameterizedHandler,\n    );\n  });\n};\n\nconst unregisterHotKeys = (hotKeys = {}) => {\n  Object.keys(hotKeys).forEach((hotkey) => {\n    hotkeys.unbind(hotkey);\n  });\n};\n\nconst noop = () => null;\n\nclass FocusGroup {\n  items = [];\n\n  constructor(options = {}) {\n    this.options = { ...defaultOptions, ...options };\n\n    const { orientation } = this.options;\n\n    this.keyBindings = {\n      ArrowUp: orientation !== 'horizontal' && 'previous',\n      ArrowRight: orientation !== 'vertical' && 'next',\n      ArrowDown: orientation !== 'horizontal' && 'next',\n      ArrowLeft: orientation !== 'vertical' && 'previous',\n      Home: 'first',\n      End: 'last',\n      PageUp: 'first',\n      PageDown: 'last',\n      Escape: 'exit',\n      ...options.keyBindings,\n    };\n\n    this.currentFocusedItem = null;\n    this.currIndex = null;\n\n    this.mapActions = {\n      previous: this.focusPrevious.bind(this),\n      next: this.focusNext.bind(this),\n      first: this.focusFirst.bind(this),\n      last: this.focusLast.bind(this),\n      exit: this.exit.bind(this),\n      enter: () => null,\n    };\n    this.handleKeyDown = this.handleKeyDown.bind(this);\n    this.register = this.register.bind(this);\n    this.focusFirst = this.focusFirst.bind(this);\n    this.focusLast = this.focusLast.bind(this);\n    this.isGroupActive = this.isGroupActive.bind(this);\n    this.focusNext = this.focusNext.bind(this);\n    this.focusPrevious = this.focusPrevious.bind(this);\n    this.focusItem = this.focusItem.bind(this);\n    this.focusCurrent = this.focusCurrent.bind(this);\n    this.getHotKeysParams = this.getHotKeysParams.bind(this);\n  }\n\n  getHotKeysParams() {\n    const item = this.currentFocusedItem;\n    const { index } = get(item, ['dataset'], {});\n    return {\n      item,\n      index,\n    };\n  }\n\n  activate() {\n    const { getContainer } = this.options;\n    document.addEventListener('keydown', this.handleKeyDown, true);\n    registerHotkeys(this.options.hotKeys, this.getHotKeysParams, getContainer);\n  }\n\n  deactivate() {\n    document.removeEventListener('keydown', this.handleKeyDown, true);\n    unregisterHotKeys(this.options.hotKeys);\n  }\n\n  handleKeyDown(e) {\n    if (!this.isGroupActive()) return;\n    this.executeActionByEvent(e);\n  }\n\n  executeActionByEvent(e) {\n    const actions = Array.isArray(this.keyBindings[e.key])\n      ? this.keyBindings[e.key]\n      : [this.keyBindings[e.key]];\n    return actions.map((action) =>\n      typeof action === 'string'\n        ? safeCallAction(e, this.mapActions[action])\n        : safeCallAction(e, action),\n    );\n  }\n\n  register(node, props = {}) {\n    const afterIndex = this.items.findIndex(\n      (item) =>\n        item.compareDocumentPosition(node) === Node.DOCUMENT_POSITION_PRECEDING,\n    );\n    node.specialOnFocus = props.onFocus || noop;\n    node.specialOnBlur = props.onBlur || noop;\n    node.onclick = () => this.focusItem(node);\n    node.onfocus = () => {\n      this.focusItem(node);\n    };\n    if (afterIndex === -1) {\n      this.items.push(node);\n    } else {\n      this.items.splice(afterIndex, 0, node);\n    }\n  }\n\n  unregister(node) {\n    const index = this.getItemIndexByNode(node);\n    if (index > -1) this.items.splice(index, 1);\n  }\n\n  exit() {\n    const { onExitFocusGroup } = this.options;\n    onExitFocusGroup();\n  }\n\n  focusItem(node) {\n    if (this.currentFocusedItem && this.currentFocusedItem !== node) {\n      this.currentFocusedItem.specialOnBlur();\n      this.currentFocusedItem.setAttribute('tabindex', -1);\n    }\n    if (!node) return;\n    this.currentFocusedItem = node;\n    node.setAttribute('tabindex', 0);\n    node.focus();\n    node.specialOnFocus();\n  }\n\n  focusNext() {\n    const item = this.getNextItem();\n    this.focusItem(item);\n  }\n\n  focusByNode(node) {\n    const index = this.getItemIndexByNode(node);\n    this.focusByIndex(index);\n  }\n\n  focusByIndex(index) {\n    const item = this.getItemByIndex(index);\n    this.focusItem(item);\n  }\n\n  focusPrevious() {\n    const prevItem = this.getPreviousItem();\n    this.focusItem(prevItem);\n  }\n\n  focusFirst() {\n    const item = this.getFirstItem();\n    this.focusItem(item);\n  }\n\n  focusLast() {\n    const item = this.getLastItem();\n    this.focusItem(item);\n  }\n\n  focusCurrent() {\n    this.focusItem(this.currentFocusedItem);\n  }\n\n  focusNextGroup() {\n    const { onFocusNextGroup } = this.options;\n    this.exit();\n    onFocusNextGroup();\n  }\n\n  focusPreviousGroup() {\n    const { onFocusPreviousGroup } = this.options;\n    this.exit();\n    onFocusPreviousGroup();\n  }\n\n  getNextItem() {\n    const { loop } = this.options;\n    const currentIndex = this.getFocusedIndex();\n    const supposedNextIndex = currentIndex + 1;\n    if (!this.checkCanFocusNext(supposedNextIndex)) {\n      return loop ? this.getFirstItem() : this.focusNextGroup();\n    }\n    return this.getItemByIndex(supposedNextIndex);\n  }\n\n  getPreviousItem() {\n    const { loop } = this.options;\n    const currentIndex = this.getFocusedIndex();\n    const supposedPrevIndex = currentIndex - 1;\n    if (!this.checkCanFocusPrev(supposedPrevIndex)) {\n      return loop ? this.getLastItem() : this.focusPreviousGroup();\n    }\n    return this.getItemByIndex(supposedPrevIndex);\n  }\n\n  checkCanFocusNext(index) {\n    return this.items.length > index;\n  }\n\n  checkCanFocusPrev(index) {\n    return index >= 0;\n  }\n\n  getItemByIndex(index) {\n    return this.items[index];\n  }\n\n  getItemIndexByNode(node) {\n    return this.items.findIndex((item) => item === node);\n  }\n\n  getFocusedIndex() {\n    return this.getItemIndexByNode(document.activeElement);\n  }\n\n  getFocusedItem() {\n    const index = this.getFocusedIndex();\n    return index > -1 && this.items[index];\n  }\n\n  isGroupActive() {\n    return this.getFocusedIndex() !== -1;\n  }\n\n  getFirstItem() {\n    return !!this.items.length && this.items[0];\n  }\n\n  getLastItem() {\n    return !!this.items.length && this.items[this.items.length - 1];\n  }\n}\n\nexport { FocusGroup };\nexport default FocusGroup;"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/FocusGroup/FocusGroupContext.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import React2 from "react";
+const FocusGroupContext = React2.createContext();
+var FocusGroupContext_default = FocusGroupContext;
+export {
+  FocusGroupContext,
+  FocusGroupContext_default as default
+};
+//# sourceMappingURL=FocusGroupContext.js.map

package/dist/esm/FocusGroup/FocusGroupContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupContext.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nconst FocusGroupContext = React.createContext();\nexport { FocusGroupContext };\nexport default FocusGroupContext;\n"],
+  "mappings": "AAAA;ACAA;AAEA,MAAM,oBAAoB,OAAM;AAEhC,IAAO,4BAAQ;",
+  "names": []
+}

package/{esm → dist/esm}/FocusGroup/FocusGroupManager.js

@@ -1,11 +1,9 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import { Component } from 'react';
-import { isFunction } from '@elliemae/ds-utilities';
-import FocusGroup from './FocusGroup.js';
-import FocusGroupContext from './FocusGroupContext.js';
-
+import * as React from "react";
+import React2, { Component } from "react";
+import { isFunction } from "@elliemae/ds-utilities";
+import { FocusGroup } from "./FocusGroup";
+import { FocusGroupContext } from "./FocusGroupContext";
 const noop = () => null;
-
 class FocusGroupProvider extends Component {
   constructor(props) {
     super(props);
@@ -27,75 +25,58 @@ class FocusGroupProvider extends Component {
       focusPrevious: this.focusGroup.focusPrevious
     };
   }
-
   componentDidMount() {
-    const {
-      autoFocusOnMount
-    } = this.props;
+    const { autoFocusOnMount } = this.props;
     this.activate();
-
     if (autoFocusOnMount) {
       setTimeout(() => {
         this.actions.focusFirst();
       }, 0);
     }
   }
-
   componentWillUnmount() {
     this.deactivate();
   }
-
   activate() {
-    const {
-      onActivate
-    } = this.props;
+    const { onActivate } = this.props;
     this.focusGroup.activate();
     this.activated = true;
-    if (isFunction(onActivate)) onActivate();
+    if (isFunction(onActivate))
+      onActivate();
   }
-
   deactivate() {
-    const {
-      onExitFocusGroup
-    } = this.props;
+    const { onExitFocusGroup } = this.props;
     this.activated = false;
     this.focusGroup.deactivate();
-
     if (isFunction(onExitFocusGroup)) {
       onExitFocusGroup();
     }
   }
-
   register(item) {
     this.focusGroup.register(item);
   }
-
   unregister(item) {
     this.focusGroup.unregister(item);
   }
-
   focusItemByIndex(index) {
-    if (!this.activated) this.activate();
+    if (!this.activated)
+      this.activate();
     setTimeout(() => {
       this.focusGroup.focusByIndex(index);
     }, 200);
   }
-
   focusItemByNode(node) {
-    if (!this.activated) this.activate();
+    if (!this.activated)
+      this.activate();
     const index = this.focusGroup.getItemIndexByNode(node);
     this.focusItemByIndex(index);
   }
-
   render() {
-    const {
-      children
-    } = this.props;
-    return /*#__PURE__*/_jsx(FocusGroupContext.Provider, {
+    const { children } = this.props;
+    return /* @__PURE__ */ React2.createElement(FocusGroupContext.Provider, {
       value: this.actions
-    }, void 0, children);
+    }, children);
   }
-
 }
 FocusGroupProvider.defaultProps = {
   exitWhenNoPrevious: false,
@@ -107,5 +88,10 @@ FocusGroupProvider.defaultProps = {
   onFocusNextGroup: noop,
   onFocusGroupSet: noop
 };
-
-export { FocusGroupProvider as default };
+var FocusGroupManager_default = FocusGroupProvider;
+export {
+  FocusGroupProvider as FocusGroupManager,
+  FocusGroupProvider,
+  FocusGroupManager_default as default
+};
+//# sourceMappingURL=FocusGroupManager.js.map

package/dist/esm/FocusGroup/FocusGroupManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupManager.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n  activated = false;\n\n  static defaultProps = {\n    exitWhenNoPrevious: false,\n    exitWhenNoNext: false,\n    keyBindings: {},\n    onFocus: noop,\n    onExitFocusGroup: noop,\n    onFocusPreviousGroup: noop,\n    onFocusNextGroup: noop,\n    onFocusGroupSet: noop,\n  };\n\n  constructor(props) {\n    super(props);\n\n    this.focusGroup = new FocusGroup(props);\n\n    props.onFocusGroupSet(this);\n\n    this.actions = {\n      activate: this.activate.bind(this),\n      deactivate: this.deactivate.bind(this),\n      register: this.focusGroup.register,\n      unregister: this.unregister.bind(this),\n      focusFirst: this.focusGroup.focusFirst,\n      focusLast: this.focusGroup.focusLast,\n      focusItemByIndex: this.focusItemByIndex.bind(this),\n      focusItemByNode: this.focusItemByNode.bind(this),\n      focus: this.focusGroup.focusCurrent,\n      isGroupActive: this.focusGroup.isGroupActive,\n      focusNext: this.focusGroup.focusNext,\n      focusPrevious: this.focusGroup.focusPrevious,\n    };\n  }\n\n  componentDidMount() {\n    const { autoFocusOnMount } = this.props;\n\n    this.activate();\n\n    if (autoFocusOnMount) {\n      setTimeout(() => {\n        this.actions.focusFirst();\n      }, 0);\n    }\n  }\n\n  componentWillUnmount() {\n    this.deactivate();\n  }\n\n  activate() {\n    const { onActivate } = this.props;\n    this.focusGroup.activate();\n    this.activated = true;\n    if (isFunction(onActivate)) onActivate();\n  }\n\n  deactivate() {\n    const { onExitFocusGroup } = this.props;\n    this.activated = false;\n    this.focusGroup.deactivate();\n    if (isFunction(onExitFocusGroup)) {\n      onExitFocusGroup();\n    }\n  }\n\n  register(item) {\n    this.focusGroup.register(item);\n  }\n\n  unregister(item) {\n    this.focusGroup.unregister(item);\n  }\n\n  focusItemByIndex(index) {\n    if (!this.activated) this.activate();\n    setTimeout(() => {\n      this.focusGroup.focusByIndex(index);\n    }, 200);\n  }\n\n  focusItemByNode(node) {\n    if (!this.activated) this.activate();\n    const index = this.focusGroup.getItemIndexByNode(node);\n    this.focusItemByIndex(index);\n  }\n\n  render() {\n    const { children } = this.props;\n    return (\n      <FocusGroupContext.Provider value={this.actions}>\n        {children}\n      </FocusGroupContext.Provider>\n    );\n  }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAEnB,iCAAiC,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM;AAdR,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW;AAEjC,UAAM,gBAAgB;AAEtB,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK;AAAA,MAC7B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK;AAAA,MACjC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK;AAAA,MAC7C,iBAAiB,KAAK,gBAAgB,KAAK;AAAA,MAC3C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA;AAAA;AAAA,EAInC,oBAAoB;AAClB,UAAM,EAAE,qBAAqB,KAAK;AAElC,SAAK;AAEL,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ;AAAA,SACZ;AAAA;AAAA;AAAA,EAIP,uBAAuB;AACrB,SAAK;AAAA;AAAA,EAGP,WAAW;AACT,UAAM,EAAE,eAAe,KAAK;AAC5B,SAAK,WAAW;AAChB,SAAK,YAAY;AACjB,QAAI,WAAW;AAAa;AAAA;AAAA,EAG9B,aAAa;AACX,UAAM,EAAE,qBAAqB,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW;AAChB,QAAI,WAAW,mBAAmB;AAChC;AAAA;AAAA;AAAA,EAIJ,SAAS,MAAM;AACb,SAAK,WAAW,SAAS;AAAA;AAAA,EAG3B,WAAW,MAAM;AACf,SAAK,WAAW,WAAW;AAAA;AAAA,EAG7B,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,eAAW,MAAM;AACf,WAAK,WAAW,aAAa;AAAA,OAC5B;AAAA;AAAA,EAGL,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK;AAC1B,UAAM,QAAQ,KAAK,WAAW,mBAAmB;AACjD,SAAK,iBAAiB;AAAA;AAAA,EAGxB,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,qCAAC,kBAAkB,UAAnB;AAAA,MAA4B,OAAO,KAAK;AAAA,OACrC;AAAA;AAAA;AA3FA,AAHT,mBAGS,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AAAA;AA0FrB,IAAO,4BAAQ;",
+  "names": []
+}

package/dist/esm/FocusGroup/focusGroupManagerHoc.js

@@ -0,0 +1,55 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { FocusGroupProvider } from "./FocusGroupManager";
+function FocusGroupHoc(WrappedComponent, options = {}) {
+  return (_a) => {
+    var _b = _a, {
+      onExitFocusGroup,
+      onFocusPrevGroup,
+      focusKeyBindings
+    } = _b, props = __objRest(_b, [
+      "onExitFocusGroup",
+      "onFocusPrevGroup",
+      "focusKeyBindings"
+    ]);
+    return /* @__PURE__ */ React2.createElement(FocusGroupProvider, __spreadValues({
+      keyBindings: focusKeyBindings,
+      onExitFocusGroup,
+      onFocusPrevGroup
+    }, options), /* @__PURE__ */ React2.createElement(WrappedComponent, __spreadValues(__spreadValues({}, props), options)));
+  };
+}
+var focusGroupManagerHoc_default = FocusGroupHoc;
+export {
+  FocusGroupHoc,
+  focusGroupManagerHoc_default as default
+};
+//# sourceMappingURL=focusGroupManagerHoc.js.map

package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/focusGroupManagerHoc.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n  return ({\n    onExitFocusGroup,\n    onFocusPrevGroup,\n    focusKeyBindings,\n    ...props\n  }) => (\n    <FocusGroupProvider\n      keyBindings={focusKeyBindings}\n      onExitFocusGroup={onExitFocusGroup}\n      onFocusPrevGroup={onFocusPrevGroup}\n      {...options}\n    >\n      <WrappedComponent {...props} {...options} />\n    </FocusGroupProvider>\n  );\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACCA;AACA;AAEA,uBAAuB,kBAAkB,UAAU,IAAI;AACrD,SAAO,CAAC,OAKL;AALK,iBACN;AAAA;AAAA,MACA;AAAA,MACA;AAAA,QAHM,IAIH,kBAJG,IAIH;AAAA,MAHH;AAAA,MACA;AAAA,MACA;AAAA;AAGA,gDAAC,oBAAD;AAAA,MACE,aAAa;AAAA,MACb;AAAA,MACA;AAAA,OACI,UAEJ,qCAAC,kBAAD,kCAAsB,QAAW;AAAA;AAAA;AAMvC,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/esm/FocusGroup/index.js

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { FocusGroup } from "./FocusGroup";
+import { FocusGroupContext } from "./FocusGroupContext";
+import { FocusGroupManager } from "./FocusGroupManager";
+import { useFocusGroupItem, useFocusGroupWithState } from "./useFocusGroupItem";
+import { FocusGroupHoc } from "./focusGroupManagerHoc";
+import { FocusGridProvider, FocusGridContext } from "./FocusGrid";
+export {
+  FocusGridProvider as FocusGrid,
+  FocusGridContext,
+  FocusGroup,
+  FocusGroupContext,
+  FocusGroupManager,
+  FocusGroupHoc as focusGroupManagerHoc,
+  useFocusGroupItem,
+  useFocusGroupWithState
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/FocusGroup/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { FocusGroup } from './FocusGroup';\nexport { FocusGroupContext } from './FocusGroupContext';\nexport { FocusGroupManager } from './FocusGroupManager';\nexport { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';\nexport { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';\nexport { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;",
+  "names": []
+}