@elliemae/ds-shared 2.2.0-next.3 → 2.3.0-alpha.1

package/cjs/FocusGroup/FocusGroup.js

@@ -1,93 +1,83 @@
-'use strict';
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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 }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var hotkeys__default = /*#__PURE__*/_interopDefaultLegacy(hotkeys);
-
-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; }
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FocusGroup_exports = {};
+__export(FocusGroup_exports, {
+  FocusGroup: () => FocusGroup,
+  default: () => FocusGroup_default
+});
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_hotkeys_js = __toESM(require("hotkeys-js"));
 const defaultOptions = {
-  orientation: 'vertical'
+  orientation: "vertical"
 };
-
-const safeCallAction = function (e, fun) {
-  if (dsUtilities.isFunction(fun)) {
+const safeCallAction = (e, fun, ...args) => {
+  if ((0, import_ds_utilities.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 handlerParams = dsUtilities.isFunction(params) ? params() : params;
-      if (!allowDocumentHandler && handlerParams.item !== document.activeElement) return;
+const registerHotkeys = (hotKeys = {}, params, getContainer = () => document) => {
+  Object.keys(hotKeys).forEach((hotkey) => {
+    const { options, handler, allowDocumentHandler = false } = hotKeys[hotkey];
+    const parameterizedHandler = (e) => {
+      const handlerParams = (0, import_ds_utilities.isFunction)(params) ? params() : params;
+      if (!allowDocumentHandler && handlerParams.item !== document.activeElement)
+        return;
       e.preventDefault();
       handler(handlerParams);
     };
-
-    hotkeys__default["default"](hotkey, _objectSpread({
-      element: getContainer()
-    }, options), parameterizedHandler);
+    (0, import_hotkeys_js.default)(hotkey, { element: getContainer(), ...options }, parameterizedHandler);
   });
 };
-
-const unregisterHotKeys = function () {
-  let hotKeys = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  Object.keys(hotKeys).forEach(hotkey => {
-    hotkeys__default["default"].unbind(hotkey);
+const unregisterHotKeys = (hotKeys = {}) => {
+  Object.keys(hotKeys).forEach((hotkey) => {
+    import_hotkeys_js.default.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'
-    }, options.keyBindings);
+    this.options = { ...defaultOptions, ...options };
+    const { orientation } = this.options;
+    this.keyBindings = {
+      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;
     this.mapActions = {
@@ -109,200 +99,151 @@ class FocusGroup {
     this.focusCurrent = this.focusCurrent.bind(this);
     this.getHotKeysParams = this.getHotKeysParams.bind(this);
   }
-
   getHotKeysParams() {
     const item = this.currentFocusedItem;
-    const {
-      index
-    } = dsUtilities.get(item, ['dataset'], {});
+    const { index } = (0, import_ds_utilities.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];
   }
-
 }
-
-module.exports = FocusGroup;
+var FocusGroup_default = FocusGroup;
+module.exports = __toCommonJS(FocusGroup_exports);
+//# sourceMappingURL=FocusGroup.js.map

package/cjs/FocusGroup/FocusGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FocusGroup/FocusGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/cjs/FocusGroup/FocusGroupContext.js

@@ -1,11 +1,38 @@
-'use strict';
-
-var React = require('react');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-var FocusGroupContext = /*#__PURE__*/React__default["default"].createContext();
-
-module.exports = FocusGroupContext;
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FocusGroupContext_exports = {};
+__export(FocusGroupContext_exports, {
+  FocusGroupContext: () => FocusGroupContext,
+  default: () => FocusGroupContext_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const FocusGroupContext = import_react.default.createContext();
+var FocusGroupContext_default = FocusGroupContext;
+module.exports = __toCommonJS(FocusGroupContext_exports);
+//# sourceMappingURL=FocusGroupContext.js.map

package/cjs/FocusGroup/FocusGroupContext.js.map

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

package/cjs/FocusGroup/FocusGroupManager.js

@@ -1,22 +1,47 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var FocusGroup = require('./FocusGroup.js');
-var FocusGroupContext = require('./FocusGroupContext.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var FocusGroupManager_exports = {};
+__export(FocusGroupManager_exports, {
+  FocusGroupManager: () => FocusGroupProvider,
+  FocusGroupProvider: () => FocusGroupProvider,
+  default: () => FocusGroupManager_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_FocusGroup = require("./FocusGroup");
+var import_FocusGroupContext = require("./FocusGroupContext");
 const noop = () => null;
-
-class FocusGroupProvider extends React.Component {
+class FocusGroupProvider extends import_react.Component {
   constructor(props) {
     super(props);
     this.activated = false;
-    this.focusGroup = new FocusGroup(props);
+    this.focusGroup = new import_FocusGroup.FocusGroup(props);
     props.onFocusGroupSet(this);
     this.actions = {
       activate: this.activate.bind(this),
@@ -33,75 +58,58 @@ class FocusGroupProvider extends React.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 (dsUtilities.isFunction(onActivate)) onActivate();
+    if ((0, import_ds_utilities.isFunction)(onActivate))
+      onActivate();
   }
-
   deactivate() {
-    const {
-      onExitFocusGroup
-    } = this.props;
+    const { onExitFocusGroup } = this.props;
     this.activated = false;
     this.focusGroup.deactivate();
-
-    if (dsUtilities.isFunction(onExitFocusGroup)) {
+    if ((0, import_ds_utilities.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__default["default"](FocusGroupContext.Provider, {
+    const { children } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(import_FocusGroupContext.FocusGroupContext.Provider, {
       value: this.actions
-    }, void 0, children);
+    }, children);
   }
-
 }
 FocusGroupProvider.defaultProps = {
   exitWhenNoPrevious: false,
@@ -113,5 +121,6 @@ FocusGroupProvider.defaultProps = {
   onFocusNextGroup: noop,
   onFocusGroupSet: noop
 };
-
-module.exports = FocusGroupProvider;
+var FocusGroupManager_default = FocusGroupProvider;
+module.exports = __toCommonJS(FocusGroupManager_exports);
+//# sourceMappingURL=FocusGroupManager.js.map

package/cjs/FocusGroup/FocusGroupManager.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FocusGroup/FocusGroupManager.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA4C;AAC5C,0BAA2B;AAC3B,wBAA2B;AAC3B,+BAAkC;AAElC,MAAM,OAAO,MAAM;AAEnB,iCAAiC,uBAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM;AAdR,qBAAY;AAgBV,SAAK,aAAa,IAAI,6BAAW;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,oCAAW;AAAa;AAAA;AAAA,EAG9B,aAAa;AACX,UAAM,EAAE,qBAAqB,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW;AAChB,QAAI,oCAAW,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,mDAAC,2CAAkB,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": []
+}