@elliemae/ds-shared 2.3.0-next.0 → 3.0.0-alpha.0

package/dist/cjs/FocusGroup/FocusGroup.js

@@ -0,0 +1,249 @@
+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"
+};
+const safeCallAction = (e, fun, ...args) => {
+  if ((0, import_ds_utilities.isFunction)(fun)) {
+    e.preventDefault();
+    fun(...args);
+  }
+};
+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);
+    };
+    (0, import_hotkeys_js.default)(hotkey, { element: getContainer(), ...options }, parameterizedHandler);
+  });
+};
+const unregisterHotKeys = (hotKeys = {}) => {
+  Object.keys(hotKeys).forEach((hotkey) => {
+    import_hotkeys_js.default.unbind(hotkey);
+  });
+};
+const noop = () => null;
+class FocusGroup {
+  constructor(options = {}) {
+    this.items = [];
+    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 = {
+      previous: this.focusPrevious.bind(this),
+      next: this.focusNext.bind(this),
+      first: this.focusFirst.bind(this),
+      last: this.focusLast.bind(this),
+      exit: this.exit.bind(this),
+      enter: () => null
+    };
+    this.handleKeyDown = this.handleKeyDown.bind(this);
+    this.register = this.register.bind(this);
+    this.focusFirst = this.focusFirst.bind(this);
+    this.focusLast = this.focusLast.bind(this);
+    this.isGroupActive = this.isGroupActive.bind(this);
+    this.focusNext = this.focusNext.bind(this);
+    this.focusPrevious = this.focusPrevious.bind(this);
+    this.focusItem = this.focusItem.bind(this);
+    this.focusCurrent = this.focusCurrent.bind(this);
+    this.getHotKeysParams = this.getHotKeysParams.bind(this);
+  }
+  getHotKeysParams() {
+    const item = this.currentFocusedItem;
+    const { index } = (0, import_ds_utilities.get)(item, ["dataset"], {});
+    return {
+      item,
+      index
+    };
+  }
+  activate() {
+    const { getContainer } = this.options;
+    document.addEventListener("keydown", this.handleKeyDown, true);
+    registerHotkeys(this.options.hotKeys, this.getHotKeysParams, getContainer);
+  }
+  deactivate() {
+    document.removeEventListener("keydown", this.handleKeyDown, true);
+    unregisterHotKeys(this.options.hotKeys);
+  }
+  handleKeyDown(e) {
+    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));
+  }
+  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);
+  }
+  exit() {
+    const { onExitFocusGroup } = this.options;
+    onExitFocusGroup();
+  }
+  focusItem(node) {
+    if (this.currentFocusedItem && this.currentFocusedItem !== node) {
+      this.currentFocusedItem.specialOnBlur();
+      this.currentFocusedItem.setAttribute("tabindex", -1);
+    }
+    if (!node)
+      return;
+    this.currentFocusedItem = node;
+    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;
+    this.exit();
+    onFocusNextGroup();
+  }
+  focusPreviousGroup() {
+    const { onFocusPreviousGroup } = this.options;
+    this.exit();
+    onFocusPreviousGroup();
+  }
+  getNextItem() {
+    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 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);
+  }
+  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];
+  }
+}
+var FocusGroup_default = FocusGroup;
+module.exports = __toCommonJS(FocusGroup_exports);
+//# sourceMappingURL=FocusGroup.js.map

package/dist/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/dist/cjs/FocusGroup/FocusGroupContext.js

@@ -0,0 +1,38 @@
+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/dist/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/dist/cjs/FocusGroup/FocusGroupManager.js

@@ -0,0 +1,126 @@
+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 import_react.Component {
+  constructor(props) {
+    super(props);
+    this.activated = false;
+    this.focusGroup = new import_FocusGroup.FocusGroup(props);
+    props.onFocusGroupSet(this);
+    this.actions = {
+      activate: this.activate.bind(this),
+      deactivate: this.deactivate.bind(this),
+      register: this.focusGroup.register,
+      unregister: this.unregister.bind(this),
+      focusFirst: this.focusGroup.focusFirst,
+      focusLast: this.focusGroup.focusLast,
+      focusItemByIndex: this.focusItemByIndex.bind(this),
+      focusItemByNode: this.focusItemByNode.bind(this),
+      focus: this.focusGroup.focusCurrent,
+      isGroupActive: this.focusGroup.isGroupActive,
+      focusNext: this.focusGroup.focusNext,
+      focusPrevious: this.focusGroup.focusPrevious
+    };
+  }
+  componentDidMount() {
+    const { autoFocusOnMount } = this.props;
+    this.activate();
+    if (autoFocusOnMount) {
+      setTimeout(() => {
+        this.actions.focusFirst();
+      }, 0);
+    }
+  }
+  componentWillUnmount() {
+    this.deactivate();
+  }
+  activate() {
+    const { onActivate } = this.props;
+    this.focusGroup.activate();
+    this.activated = true;
+    if ((0, import_ds_utilities.isFunction)(onActivate))
+      onActivate();
+  }
+  deactivate() {
+    const { onExitFocusGroup } = this.props;
+    this.activated = false;
+    this.focusGroup.deactivate();
+    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();
+    setTimeout(() => {
+      this.focusGroup.focusByIndex(index);
+    }, 200);
+  }
+  focusItemByNode(node) {
+    if (!this.activated)
+      this.activate();
+    const index = this.focusGroup.getItemIndexByNode(node);
+    this.focusItemByIndex(index);
+  }
+  render() {
+    const { children } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement(import_FocusGroupContext.FocusGroupContext.Provider, {
+      value: this.actions
+    }, children);
+  }
+}
+FocusGroupProvider.defaultProps = {
+  exitWhenNoPrevious: false,
+  exitWhenNoNext: false,
+  keyBindings: {},
+  onFocus: noop,
+  onExitFocusGroup: noop,
+  onFocusPreviousGroup: noop,
+  onFocusNextGroup: noop,
+  onFocusGroupSet: noop
+};
+var FocusGroupManager_default = FocusGroupProvider;
+module.exports = __toCommonJS(FocusGroupManager_exports);
+//# sourceMappingURL=FocusGroupManager.js.map

package/dist/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": []
+}

package/dist/cjs/FocusGroup/focusGroupManagerHoc.js

@@ -0,0 +1,54 @@
+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 focusGroupManagerHoc_exports = {};
+__export(focusGroupManagerHoc_exports, {
+  FocusGroupHoc: () => FocusGroupHoc,
+  default: () => focusGroupManagerHoc_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_FocusGroupManager = require("./FocusGroupManager");
+function FocusGroupHoc(WrappedComponent, options = {}) {
+  return ({
+    onExitFocusGroup,
+    onFocusPrevGroup,
+    focusKeyBindings,
+    ...props
+  }) => /* @__PURE__ */ import_react.default.createElement(import_FocusGroupManager.FocusGroupProvider, {
+    keyBindings: focusKeyBindings,
+    onExitFocusGroup,
+    onFocusPrevGroup,
+    ...options
+  }, /* @__PURE__ */ import_react.default.createElement(WrappedComponent, {
+    ...props,
+    ...options
+  }));
+}
+var focusGroupManagerHoc_default = FocusGroupHoc;
+module.exports = __toCommonJS(focusGroupManagerHoc_exports);
+//# sourceMappingURL=focusGroupManagerHoc.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FocusGroup/focusGroupManagerHoc.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,+BAAmC;AAEnC,uBAAuB,kBAAkB,UAAU,IAAI;AACrD,SAAO,CAAC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,QAEH,mDAAC,6CAAD;AAAA,IACE,aAAa;AAAA,IACb;AAAA,IACA;AAAA,OACI;AAAA,KAEJ,mDAAC,kBAAD;AAAA,OAAsB;AAAA,OAAW;AAAA;AAAA;AAMvC,IAAO,+BAAQ;",
+  "names": []
+}

package/dist/cjs/FocusGroup/index.js

@@ -0,0 +1,47 @@
+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, {
+  FocusGrid: () => import_FocusGrid.FocusGridProvider,
+  FocusGridContext: () => import_FocusGrid.FocusGridContext,
+  FocusGroup: () => import_FocusGroup.FocusGroup,
+  FocusGroupContext: () => import_FocusGroupContext.FocusGroupContext,
+  FocusGroupManager: () => import_FocusGroupManager.FocusGroupManager,
+  focusGroupManagerHoc: () => import_focusGroupManagerHoc.FocusGroupHoc,
+  useFocusGroupItem: () => import_useFocusGroupItem.useFocusGroupItem,
+  useFocusGroupWithState: () => import_useFocusGroupItem.useFocusGroupWithState
+});
+var React = __toESM(require("react"));
+var import_FocusGroup = require("./FocusGroup");
+var import_FocusGroupContext = require("./FocusGroupContext");
+var import_FocusGroupManager = require("./FocusGroupManager");
+var import_useFocusGroupItem = require("./useFocusGroupItem");
+var import_focusGroupManagerHoc = require("./focusGroupManagerHoc");
+var import_FocusGrid = require("./FocusGrid");
+module.exports = __toCommonJS(FocusGroup_exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/FocusGroup/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA2B;AAC3B,+BAAkC;AAClC,+BAAkC;AAClC,+BAA0D;AAC1D,kCAAsD;AACtD,uBAAiE;",
+  "names": []
+}

package/dist/cjs/FocusGroup/useFocusGroupItem.js

@@ -0,0 +1,67 @@
+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 useFocusGroupItem_exports = {};
+__export(useFocusGroupItem_exports, {
+  default: () => useFocusGroupItem_default,
+  useFocusGroupItem: () => useFocusGroupItem,
+  useFocusGroupWithState: () => useFocusGroupWithState
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_FocusGroupContext = require("./FocusGroupContext");
+function useFocusGroupItem(ref = {}, props) {
+  const { register, unregister, ...otherActions } = (0, import_react.useContext)(import_FocusGroupContext.FocusGroupContext) || {};
+  (0, import_react.useEffect)(() => {
+    if (ref.current && register)
+      register(ref.current, props);
+    return () => {
+      if (ref.current && unregister)
+        unregister(ref.current);
+    };
+  });
+  if (!register)
+    return {};
+  return otherActions;
+}
+const useFocusGroupWithState = (ref = {}, props) => {
+  const { register, unregister, ...otherActions } = (0, import_react.useContext)(import_FocusGroupContext.FocusGroupContext) || {};
+  (0, import_react.useEffect)(() => {
+    if (ref && register)
+      register(ref, props);
+    return () => {
+      if (ref && unregister)
+        unregister(ref);
+    };
+  }, [ref]);
+  if (!register)
+    return {};
+  return otherActions;
+};
+var useFocusGroupItem_default = useFocusGroupItem;
+module.exports = __toCommonJS(useFocusGroupItem_exports);
+//# sourceMappingURL=useFocusGroupItem.js.map