@elliemae/ds-hooks-focus-stack 3.33.0-next.10

package/dist/cjs/DSHooksFocusStack.js

@@ -0,0 +1,79 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSHooksFocusStack_exports = {};
+__export(DSHooksFocusStack_exports, {
+  UseFocusStackWithSchema: () => UseFocusStackWithSchema,
+  useFocusStack: () => useFocusStack
+});
+module.exports = __toCommonJS(DSHooksFocusStack_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types2 = require("./react-desc-prop-types.js");
+const useFocusStack = (props) => {
+  const { fallBackRef } = props;
+  const [stack, setStack] = (0, import_react.useState)([]);
+  const handleOnFocus = (0, import_react.useCallback)(
+    (e) => {
+      if (e.target !== stack[0] && e.relatedTarget)
+        setStack((prev) => [e.relatedTarget, ...prev]);
+      else
+        setStack((prev) => prev.length > 0 ? prev.slice(1) : prev);
+    },
+    [stack]
+  );
+  const config = (0, import_react.useMemo)(
+    () => ({
+      onBlur: () => setStack([])
+    }),
+    []
+  );
+  const handleOnBlur = (0, import_ds_utilities.useOnBlurOut)(config);
+  const focusLastElement = (0, import_react.useCallback)(() => {
+    if (stack.length > 0 && stack[0]?.checkVisibility()) {
+      stack[0]?.focus();
+    } else {
+      fallBackRef.current?.focus();
+    }
+  }, [fallBackRef, stack]);
+  return (0, import_react.useMemo)(
+    () => ({ trackFocus: handleOnFocus, cleanStack: handleOnBlur, stack, focusLastElement }),
+    [handleOnFocus, handleOnBlur, stack, focusLastElement]
+  );
+};
+const UseFocusStackWithSchema = (0, import_ds_props_helpers.describe)(useFocusStack);
+UseFocusStackWithSchema.propTypes = import_react_desc_prop_types2.propTypes;
+UseFocusStackWithSchema.returnType = {
+  stack: import_ds_props_helpers.PropTypes.object.description("The stack of elements that have been focused").isRequired,
+  trackFocus: import_ds_props_helpers.PropTypes.func.description("The function to be invoked when focus enters the wrapping container").signature("((e: React.FocusEvent<HTMLElement>) => void)").isRequired,
+  cleanStack: import_ds_props_helpers.PropTypes.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent<HTMLElement>) => void)").isRequired,
+  focusLastElement: import_ds_props_helpers.PropTypes.func.description("Focuses the last element in the stack").signature("() => void").isRequired
+};
+//# sourceMappingURL=DSHooksFocusStack.js.map

package/dist/cjs/DSHooksFocusStack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSHooksFocusStack.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useMemo, useState } from 'react';\nimport { useOnBlurOut } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSHooksFocusStackT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nconst useFocusStack = (props: DSHooksFocusStackT.Props) => {\n  const { fallBackRef } = props;\n  const [stack, setStack] = useState<HTMLElement[]>([]);\n\n  const handleOnFocus: React.FocusEventHandler<HTMLElement> = useCallback(\n    (e) => {\n      // check if the new focused element is not the first element in the stack\n      // if it is, remove it from the stack\n      if (e.target !== stack[0] && e.relatedTarget) setStack((prev) => [e.relatedTarget as HTMLElement, ...prev]);\n      else setStack((prev) => (prev.length > 0 ? prev.slice(1) : prev));\n    },\n    [stack],\n  );\n\n  const config = useMemo(\n    () => ({\n      onBlur: () => setStack([]),\n    }),\n    [],\n  );\n  const handleOnBlur = useOnBlurOut(config);\n\n  const focusLastElement = useCallback(() => {\n    if (stack.length > 0 && stack[0]?.checkVisibility()) {\n      stack[0]?.focus();\n    } else {\n      fallBackRef.current?.focus();\n    }\n  }, [fallBackRef, stack]);\n\n  return useMemo(\n    () => ({ trackFocus: handleOnFocus, cleanStack: handleOnBlur, stack, focusLastElement }),\n    [handleOnFocus, handleOnBlur, stack, focusLastElement],\n  );\n};\n\nconst UseFocusStackWithSchema = describe(useFocusStack);\nUseFocusStackWithSchema.propTypes = propTypes;\nUseFocusStackWithSchema.returnType = {\n  stack: PropTypes.object.description('The stack of elements that have been focused').isRequired,\n  trackFocus: PropTypes.func\n    .description('The function to be invoked when focus enters the wrapping container')\n    .signature('((e: React.FocusEvent<HTMLElement>) => void)').isRequired,\n  cleanStack: PropTypes.func\n    .description('The function to be invoked when focus exits the wrapping container')\n    .signature('((e: React.FocusEvent<HTMLElement>) => void)').isRequired,\n  focusLastElement: PropTypes.func.description('Focuses the last element in the stack').signature('() => void')\n    .isRequired,\n};\nexport { useFocusStack, UseFocusStackWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA+C;AAC/C,0BAA6B;AAC7B,8BAAoC;AAEpC,IAAAA,gCAA0B;AAC1B,MAAM,gBAAgB,CAAC,UAAoC;AACzD,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAwB,CAAC,CAAC;AAEpD,QAAM,oBAAsD;AAAA,IAC1D,CAAC,MAAM;AAGL,UAAI,EAAE,WAAW,MAAM,CAAC,KAAK,EAAE;AAAe,iBAAS,CAAC,SAAS,CAAC,EAAE,eAA8B,GAAG,IAAI,CAAC;AAAA;AACrG,iBAAS,CAAC,SAAU,KAAK,SAAS,IAAI,KAAK,MAAM,CAAC,IAAI,IAAK;AAAA,IAClE;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,aAAS;AAAA,IACb,OAAO;AAAA,MACL,QAAQ,MAAM,SAAS,CAAC,CAAC;AAAA,IAC3B;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,mBAAe,kCAAa,MAAM;AAExC,QAAM,uBAAmB,0BAAY,MAAM;AACzC,QAAI,MAAM,SAAS,KAAK,MAAM,CAAC,GAAG,gBAAgB,GAAG;AACnD,YAAM,CAAC,GAAG,MAAM;AAAA,IAClB,OAAO;AACL,kBAAY,SAAS,MAAM;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,aAAO;AAAA,IACL,OAAO,EAAE,YAAY,eAAe,YAAY,cAAc,OAAO,iBAAiB;AAAA,IACtF,CAAC,eAAe,cAAc,OAAO,gBAAgB;AAAA,EACvD;AACF;AAEA,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;AACpC,wBAAwB,aAAa;AAAA,EACnC,OAAO,kCAAU,OAAO,YAAY,8CAA8C,EAAE;AAAA,EACpF,YAAY,kCAAU,KACnB,YAAY,qEAAqE,EACjF,UAAU,8CAA8C,EAAE;AAAA,EAC7D,YAAY,kCAAU,KACnB,YAAY,oEAAoE,EAChF,UAAU,8CAA8C,EAAE;AAAA,EAC7D,kBAAkB,kCAAU,KAAK,YAAY,uCAAuC,EAAE,UAAU,YAAY,EACzG;AACL;",
+  "names": ["import_react_desc_prop_types"]
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  UseFocusStackWithSchema: () => import_DSHooksFocusStack.UseFocusStackWithSchema,
+  useFocusStack: () => import_DSHooksFocusStack.useFocusStack
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSHooksFocusStack = require("./DSHooksFocusStack.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { UseFocusStackWithSchema, useFocusStack } from './DSHooksFocusStack.js';\nexport { type DSHooksFocusStackT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAuD;AACvD,mCAAwC;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/react-desc-prop-types.js

@@ -0,0 +1,39 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  propTypes: () => propTypes
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const propTypes = {
+  fallBackRef: import_ds_utilities.PropTypes.object.description("The fallback ref to focus when the stack is empty").isRequired
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/cjs/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\n\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nexport declare namespace DSHooksFocusStackT {\n  interface Props {\n    fallBackRef: React.RefObject<HTMLElement>;\n  }\n}\n\nexport const propTypes = {\n  fallBackRef: PropTypes.object.description('The fallback ref to focus when the stack is empty').isRequired,\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA0B;AAOnB,MAAM,YAAY;AAAA,EACvB,aAAa,8BAAU,OAAO,YAAY,mDAAmD,EAAE;AACjG;",
+  "names": []
+}

package/dist/esm/DSHooksFocusStack.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import { useCallback, useMemo, useState } from "react";
+import { useOnBlurOut } from "@elliemae/ds-utilities";
+import { describe, PropTypes } from "@elliemae/ds-props-helpers";
+import { propTypes } from "./react-desc-prop-types.js";
+const useFocusStack = (props) => {
+  const { fallBackRef } = props;
+  const [stack, setStack] = useState([]);
+  const handleOnFocus = useCallback(
+    (e) => {
+      if (e.target !== stack[0] && e.relatedTarget)
+        setStack((prev) => [e.relatedTarget, ...prev]);
+      else
+        setStack((prev) => prev.length > 0 ? prev.slice(1) : prev);
+    },
+    [stack]
+  );
+  const config = useMemo(
+    () => ({
+      onBlur: () => setStack([])
+    }),
+    []
+  );
+  const handleOnBlur = useOnBlurOut(config);
+  const focusLastElement = useCallback(() => {
+    if (stack.length > 0 && stack[0]?.checkVisibility()) {
+      stack[0]?.focus();
+    } else {
+      fallBackRef.current?.focus();
+    }
+  }, [fallBackRef, stack]);
+  return useMemo(
+    () => ({ trackFocus: handleOnFocus, cleanStack: handleOnBlur, stack, focusLastElement }),
+    [handleOnFocus, handleOnBlur, stack, focusLastElement]
+  );
+};
+const UseFocusStackWithSchema = describe(useFocusStack);
+UseFocusStackWithSchema.propTypes = propTypes;
+UseFocusStackWithSchema.returnType = {
+  stack: PropTypes.object.description("The stack of elements that have been focused").isRequired,
+  trackFocus: PropTypes.func.description("The function to be invoked when focus enters the wrapping container").signature("((e: React.FocusEvent<HTMLElement>) => void)").isRequired,
+  cleanStack: PropTypes.func.description("The function to be invoked when focus exits the wrapping container").signature("((e: React.FocusEvent<HTMLElement>) => void)").isRequired,
+  focusLastElement: PropTypes.func.description("Focuses the last element in the stack").signature("() => void").isRequired
+};
+export {
+  UseFocusStackWithSchema,
+  useFocusStack
+};
+//# sourceMappingURL=DSHooksFocusStack.js.map

package/dist/esm/DSHooksFocusStack.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSHooksFocusStack.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useMemo, useState } from 'react';\nimport { useOnBlurOut } from '@elliemae/ds-utilities';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { type DSHooksFocusStackT } from './react-desc-prop-types.js';\nimport { propTypes } from './react-desc-prop-types.js';\nconst useFocusStack = (props: DSHooksFocusStackT.Props) => {\n  const { fallBackRef } = props;\n  const [stack, setStack] = useState<HTMLElement[]>([]);\n\n  const handleOnFocus: React.FocusEventHandler<HTMLElement> = useCallback(\n    (e) => {\n      // check if the new focused element is not the first element in the stack\n      // if it is, remove it from the stack\n      if (e.target !== stack[0] && e.relatedTarget) setStack((prev) => [e.relatedTarget as HTMLElement, ...prev]);\n      else setStack((prev) => (prev.length > 0 ? prev.slice(1) : prev));\n    },\n    [stack],\n  );\n\n  const config = useMemo(\n    () => ({\n      onBlur: () => setStack([]),\n    }),\n    [],\n  );\n  const handleOnBlur = useOnBlurOut(config);\n\n  const focusLastElement = useCallback(() => {\n    if (stack.length > 0 && stack[0]?.checkVisibility()) {\n      stack[0]?.focus();\n    } else {\n      fallBackRef.current?.focus();\n    }\n  }, [fallBackRef, stack]);\n\n  return useMemo(\n    () => ({ trackFocus: handleOnFocus, cleanStack: handleOnBlur, stack, focusLastElement }),\n    [handleOnFocus, handleOnBlur, stack, focusLastElement],\n  );\n};\n\nconst UseFocusStackWithSchema = describe(useFocusStack);\nUseFocusStackWithSchema.propTypes = propTypes;\nUseFocusStackWithSchema.returnType = {\n  stack: PropTypes.object.description('The stack of elements that have been focused').isRequired,\n  trackFocus: PropTypes.func\n    .description('The function to be invoked when focus enters the wrapping container')\n    .signature('((e: React.FocusEvent<HTMLElement>) => void)').isRequired,\n  cleanStack: PropTypes.func\n    .description('The function to be invoked when focus exits the wrapping container')\n    .signature('((e: React.FocusEvent<HTMLElement>) => void)').isRequired,\n  focusLastElement: PropTypes.func.description('Focuses the last element in the stack').signature('() => void')\n    .isRequired,\n};\nexport { useFocusStack, UseFocusStackWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,SAAS,gBAAgB;AAC/C,SAAS,oBAAoB;AAC7B,SAAS,UAAU,iBAAiB;AAEpC,SAAS,iBAAiB;AAC1B,MAAM,gBAAgB,CAAC,UAAoC;AACzD,QAAM,EAAE,YAAY,IAAI;AACxB,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,CAAC,CAAC;AAEpD,QAAM,gBAAsD;AAAA,IAC1D,CAAC,MAAM;AAGL,UAAI,EAAE,WAAW,MAAM,CAAC,KAAK,EAAE;AAAe,iBAAS,CAAC,SAAS,CAAC,EAAE,eAA8B,GAAG,IAAI,CAAC;AAAA;AACrG,iBAAS,CAAC,SAAU,KAAK,SAAS,IAAI,KAAK,MAAM,CAAC,IAAI,IAAK;AAAA,IAClE;AAAA,IACA,CAAC,KAAK;AAAA,EACR;AAEA,QAAM,SAAS;AAAA,IACb,OAAO;AAAA,MACL,QAAQ,MAAM,SAAS,CAAC,CAAC;AAAA,IAC3B;AAAA,IACA,CAAC;AAAA,EACH;AACA,QAAM,eAAe,aAAa,MAAM;AAExC,QAAM,mBAAmB,YAAY,MAAM;AACzC,QAAI,MAAM,SAAS,KAAK,MAAM,CAAC,GAAG,gBAAgB,GAAG;AACnD,YAAM,CAAC,GAAG,MAAM;AAAA,IAClB,OAAO;AACL,kBAAY,SAAS,MAAM;AAAA,IAC7B;AAAA,EACF,GAAG,CAAC,aAAa,KAAK,CAAC;AAEvB,SAAO;AAAA,IACL,OAAO,EAAE,YAAY,eAAe,YAAY,cAAc,OAAO,iBAAiB;AAAA,IACtF,CAAC,eAAe,cAAc,OAAO,gBAAgB;AAAA,EACvD;AACF;AAEA,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;AACpC,wBAAwB,aAAa;AAAA,EACnC,OAAO,UAAU,OAAO,YAAY,8CAA8C,EAAE;AAAA,EACpF,YAAY,UAAU,KACnB,YAAY,qEAAqE,EACjF,UAAU,8CAA8C,EAAE;AAAA,EAC7D,YAAY,UAAU,KACnB,YAAY,oEAAoE,EAChF,UAAU,8CAA8C,EAAE;AAAA,EAC7D,kBAAkB,UAAU,KAAK,YAAY,uCAAuC,EAAE,UAAU,YAAY,EACzG;AACL;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { UseFocusStackWithSchema, useFocusStack } from "./DSHooksFocusStack.js";
+import {} from "./react-desc-prop-types.js";
+export {
+  UseFocusStackWithSchema,
+  useFocusStack
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { UseFocusStackWithSchema, useFocusStack } from './DSHooksFocusStack.js';\nexport { type DSHooksFocusStackT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB,qBAAqB;AACvD,eAAwC;",
+  "names": []
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-utilities";
+const propTypes = {
+  fallBackRef: PropTypes.object.description("The fallback ref to focus when the stack is empty").isRequired
+};
+export {
+  propTypes
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\n\nimport type React from 'react';\nimport { PropTypes } from '@elliemae/ds-utilities';\nexport declare namespace DSHooksFocusStackT {\n  interface Props {\n    fallBackRef: React.RefObject<HTMLElement>;\n  }\n}\n\nexport const propTypes = {\n  fallBackRef: PropTypes.object.description('The fallback ref to focus when the stack is empty').isRequired,\n} as React.WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,iBAAiB;AAOnB,MAAM,YAAY;AAAA,EACvB,aAAa,UAAU,OAAO,YAAY,mDAAmD,EAAE;AACjG;",
+  "names": []
+}

package/dist/types/DSHooksFocusStack.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type DSHooksFocusStackT } from './react-desc-prop-types.js';
+declare const useFocusStack: (props: DSHooksFocusStackT.Props) => {
+    trackFocus: import("react").FocusEventHandler<HTMLElement>;
+    cleanStack: import("@elliemae/ds-utilities").DSHooksUseOBlurOutT.OnBlurCb;
+    stack: HTMLElement[];
+    focusLastElement: () => void;
+};
+declare const UseFocusStackWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSHooksFocusStackT.Props>;
+export { useFocusStack, UseFocusStackWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { UseFocusStackWithSchema, useFocusStack } from './DSHooksFocusStack.js';
+export { type DSHooksFocusStackT } from './react-desc-prop-types.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,7 @@
+import type React from 'react';
+export declare namespace DSHooksFocusStackT {
+    interface Props {
+        fallBackRef: React.RefObject<HTMLElement>;
+    }
+}
+export declare const propTypes: React.WeakValidationMap<unknown>;

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@elliemae/ds-hooks-focus-stack",
+  "version": "3.33.0-next.10",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Hooks Focus Stack",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@elliemae/ds-props-helpers": "3.33.0-next.10",
+    "@elliemae/ds-utilities": "3.33.0-next.10"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@xstyled/system": "3.7.0",
+    "styled-components": "~5.3.9",
+    "styled-system": "~5.1.5",
+    "@elliemae/ds-monorepo-devops": "3.33.0-next.10"
+  },
+  "peerDependencies": {
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests --coverage=\"false\"",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}