@elliemae/ds-hooks-focus-trap 3.32.0-rc.6

package/dist/cjs/DSHookOnFirstFocusIn.js

@@ -0,0 +1,109 @@
+"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 DSHookOnFirstFocusIn_exports = {};
+__export(DSHookOnFirstFocusIn_exports, {
+  UseFocusTrapWithSchema: () => UseFocusTrapWithSchema,
+  useFocusTrap: () => useFocusTrap
+});
+module.exports = __toCommonJS(DSHookOnFirstFocusIn_exports);
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+const useFocusTrapProps = {
+  firstElementRef: "object",
+  lastElementRef: "object",
+  onKeyDown: "function"
+};
+const getVariableType = (arg) => {
+  if (Array.isArray(arg))
+    return "array";
+  if (arg === null)
+    return "null";
+  if (arg === void 0)
+    return "undefined";
+  return typeof arg;
+};
+const throwTypeError = (validPropKey, invalidProp) => {
+  throw new Error(
+    `Warning: You are trying to pass a not valid "${validPropKey}" property to use a useFocusTrap hook, please provide a valid type.
+
+  Received: ${getVariableType(invalidProp)}
+  Expected: ${useFocusTrapProps[validPropKey]}
+  `
+  );
+};
+const throwRequiredError = (validPropKey) => {
+  throw new Error(
+    `Warning: Please provide a "${validPropKey}" property to use a useFocusTrap hook, this property is required.`
+  );
+};
+const validateProps = (componentProps) => {
+  if (componentProps.firstElementRef === void 0) {
+    throwRequiredError("firstElementRef");
+  }
+  if (componentProps.lastElementRef === void 0) {
+    throwRequiredError("lastElementRef");
+  }
+  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== "object") {
+    throwTypeError("firstElementRef", componentProps.firstElementRef);
+  }
+  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== "object") {
+    throwTypeError("lastElementRef", componentProps.lastElementRef);
+  }
+  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== "function") {
+    throwTypeError("onKeyDown", componentProps.onKeyDown);
+  }
+};
+const useFocusTrap = (props) => {
+  (0, import_react.useEffect)(() => validateProps(props), [props]);
+  const { firstElementRef, lastElementRef, onKeyDown } = props;
+  return (0, import_react.useCallback)(
+    (e) => {
+      if (onKeyDown)
+        onKeyDown(e);
+      if (e.key === "Tab" && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+        firstElementRef.current.focus();
+      }
+      if (e.key === "Tab" && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+        lastElementRef.current.focus();
+      }
+    },
+    [firstElementRef, lastElementRef, onKeyDown]
+  );
+};
+useFocusTrap.displayName = "useFocusTrap";
+const UseFocusTrapWithSchema = (0, import_ds_props_helpers.describe)(useFocusTrap);
+UseFocusTrapWithSchema.propTypes = import_react_desc_prop_types.UseFocusTrapPropTypes;
+UseFocusTrapWithSchema.returnType = import_react_desc_prop_types.UseFocusTrapReturnType;
+//# sourceMappingURL=DSHookOnFirstFocusIn.js.map

package/dist/cjs/DSHookOnFirstFocusIn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSHookOnFirstFocusIn.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useCallback, useEffect } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { UseFocusTrapPropTypes, type DSHooksUseFocusTrapT, UseFocusTrapReturnType } from './react-desc-prop-types.js';\n\nconst useFocusTrapProps: { [index: string]: string } = {\n  firstElementRef: 'object',\n  lastElementRef: 'object',\n  onKeyDown: 'function',\n};\n\nconst getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nconst throwTypeError = (validPropKey: string, invalidProp: unknown): void => {\n  throw new Error(\n    `Warning: You are trying to pass a not valid \"${validPropKey}\" property to use a useFocusTrap hook, please provide a valid type.\n\n  Received: ${getVariableType(invalidProp)}\n  Expected: ${useFocusTrapProps[validPropKey]}\n  `,\n  );\n};\n\nconst throwRequiredError = (validPropKey: string): void => {\n  throw new Error(\n    `Warning: Please provide a \"${validPropKey}\" property to use a useFocusTrap hook, this property is required.`,\n  );\n};\n\nconst validateProps = (componentProps: Record<string, unknown>): void => {\n  if (componentProps.firstElementRef === undefined) {\n    throwRequiredError('firstElementRef');\n  }\n  if (componentProps.lastElementRef === undefined) {\n    throwRequiredError('lastElementRef');\n  }\n  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== 'object') {\n    throwTypeError('firstElementRef', componentProps.firstElementRef);\n  }\n  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== 'object') {\n    throwTypeError('lastElementRef', componentProps.lastElementRef);\n  }\n  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== 'function') {\n    throwTypeError('onKeyDown', componentProps.onKeyDown);\n  }\n};\n\nconst useFocusTrap: DSHooksUseFocusTrapT.UseFocusTrapT & { displayName: string } = (props) => {\n  // We need to investigate how to validate references with useValidateTypescriptPropTypes.\n  useEffect(() => validateProps(props), [props]);\n\n  const { firstElementRef, lastElementRef, onKeyDown } = props;\n\n  return useCallback(\n    (e) => {\n      if (onKeyDown) onKeyDown(e);\n      // we need to check all the condition before preventing default\n      // because we want last-element/first-element tab/shift-tab to keep working\n\n      if (e.key === 'Tab' && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        firstElementRef.current.focus();\n      }\n      if (e.key === 'Tab' && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        lastElementRef.current.focus();\n      }\n    },\n    [firstElementRef, lastElementRef, onKeyDown],\n  );\n};\n\nuseFocusTrap.displayName = 'useFocusTrap';\nconst UseFocusTrapWithSchema = describe(useFocusTrap);\n\nUseFocusTrapWithSchema.propTypes = UseFocusTrapPropTypes;\nUseFocusTrapWithSchema.returnType = UseFocusTrapReturnType;\n\nexport { useFocusTrap, UseFocusTrapWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuC;AACvC,8BAAyB;AACzB,mCAAyF;AAEzF,MAAM,oBAAiD;AAAA,EACrD,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW;AACb;AAEA,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAC3E,QAAM,IAAI;AAAA,IACR,gDAAgD;AAAA;AAAA,cAEtC,gBAAgB,WAAW;AAAA,cAC3B,kBAAkB,YAAY;AAAA;AAAA,EAE1C;AACF;AAEA,MAAM,qBAAqB,CAAC,iBAA+B;AACzD,QAAM,IAAI;AAAA,IACR,8BAA8B;AAAA,EAChC;AACF;AAEA,MAAM,gBAAgB,CAAC,mBAAkD;AACvE,MAAI,eAAe,oBAAoB,QAAW;AAChD,uBAAmB,iBAAiB;AAAA,EACtC;AACA,MAAI,eAAe,mBAAmB,QAAW;AAC/C,uBAAmB,gBAAgB;AAAA,EACrC;AACA,MAAI,eAAe,mBAAmB,OAAO,eAAe,oBAAoB,UAAU;AACxF,mBAAe,mBAAmB,eAAe,eAAe;AAAA,EAClE;AACA,MAAI,eAAe,kBAAkB,OAAO,eAAe,mBAAmB,UAAU;AACtF,mBAAe,kBAAkB,eAAe,cAAc;AAAA,EAChE;AACA,MAAI,eAAe,aAAa,OAAO,eAAe,cAAc,YAAY;AAC9E,mBAAe,aAAa,eAAe,SAAS;AAAA,EACtD;AACF;AAEA,MAAM,eAA6E,CAAC,UAAU;AAE5F,8BAAU,MAAM,cAAc,KAAK,GAAG,CAAC,KAAK,CAAC;AAE7C,QAAM,EAAE,iBAAiB,gBAAgB,UAAU,IAAI;AAEvD,aAAO;AAAA,IACL,CAAC,MAAM;AACL,UAAI;AAAW,kBAAU,CAAC;AAI1B,UAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,YAAY,EAAE,WAAW,eAAe,WAAW,gBAAgB,SAAS;AACpG,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB,wBAAgB,QAAQ,MAAM;AAAA,MAChC;AACA,UAAI,EAAE,QAAQ,SAAS,EAAE,YAAY,EAAE,WAAW,gBAAgB,WAAW,eAAe,SAAS;AACnG,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB,uBAAe,QAAQ,MAAM;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,gBAAgB,SAAS;AAAA,EAC7C;AACF;AAEA,aAAa,cAAc;AAC3B,MAAM,6BAAyB,kCAAS,YAAY;AAEpD,uBAAuB,YAAY;AACnC,uBAAuB,aAAa;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,37 @@
+"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, {
+  UseFocusTrapWithSchema: () => import_DSHookOnFirstFocusIn.UseFocusTrapWithSchema,
+  useFocusTrap: () => import_DSHookOnFirstFocusIn.useFocusTrap
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSHookOnFirstFocusIn = require("./DSHookOnFirstFocusIn.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 { useFocusTrap, UseFocusTrapWithSchema } from './DSHookOnFirstFocusIn.js';\nexport type { DSHooksUseFocusTrapT } 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,kCAAqD;",
+  "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,51 @@
+"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, {
+  UseFocusTrapPropTypes: () => UseFocusTrapPropTypes,
+  UseFocusTrapReturnType: () => UseFocusTrapReturnType
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+const UseFocusTrapPropTypes = {
+  firstElementRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.oneOf([null]), import_ds_props_helpers.PropTypes.node]).description(
+    "Reference to the first element in the focus trap."
+  ).isRequired,
+  lastElementRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.oneOf([null]), import_ds_props_helpers.PropTypes.node]).description(
+    "Reference to the second element in the focus trap."
+  ).isRequired,
+  onKeyDown: import_ds_props_helpers.PropTypes.func.description("Optional onKeyDown callback.")
+};
+const UseFocusTrapReturnType = {
+  handleOnKeyDown: import_ds_props_helpers.PropTypes.func.description(
+    "onKeyDown event handler that must be added to the DOM node that contains the tabbable elements you want to trap."
+  ).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": ["import type { WeakValidationMap } from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSHooksUseFocusTrapT {\n  export type UseFocusTrapT = <T extends HTMLElement = HTMLElement, K extends HTMLElement = HTMLElement>({\n    firstElementRef,\n    lastElementRef,\n    onKeyDown,\n  }: {\n    firstElementRef: React.MutableRefObject<T | null>;\n    lastElementRef: React.MutableRefObject<K | null>;\n    onKeyDown?: React.KeyboardEventHandler;\n  }) => React.KeyboardEventHandler;\n}\n\nexport const UseFocusTrapPropTypes = {\n  firstElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the first element in the focus trap.',\n  ).isRequired,\n  lastElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the second element in the focus trap.',\n  ).isRequired,\n  onKeyDown: PropTypes.func.description('Optional onKeyDown callback.'),\n} as WeakValidationMap<unknown>;\n\nexport const UseFocusTrapReturnType = {\n  handleOnKeyDown: PropTypes.func.description(\n    'onKeyDown event handler that must be added to the DOM node that contains the tabbable elements you want to trap.',\n  ).isRequired,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AAcnB,MAAM,wBAAwB;AAAA,EACnC,iBAAiB,kCAAU,UAAU,CAAC,kCAAU,MAAM,CAAC,IAAI,CAAC,GAAG,kCAAU,IAAI,CAAC,EAAE;AAAA,IAC9E;AAAA,EACF,EAAE;AAAA,EACF,gBAAgB,kCAAU,UAAU,CAAC,kCAAU,MAAM,CAAC,IAAI,CAAC,GAAG,kCAAU,IAAI,CAAC,EAAE;AAAA,IAC7E;AAAA,EACF,EAAE;AAAA,EACF,WAAW,kCAAU,KAAK,YAAY,8BAA8B;AACtE;AAEO,MAAM,yBAAyB;AAAA,EACpC,iBAAiB,kCAAU,KAAK;AAAA,IAC9B;AAAA,EACF,EAAE;AACJ;",
+  "names": []
+}

package/dist/esm/DSHookOnFirstFocusIn.js

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { useCallback, useEffect } from "react";
+import { describe } from "@elliemae/ds-props-helpers";
+import { UseFocusTrapPropTypes, UseFocusTrapReturnType } from "./react-desc-prop-types.js";
+const useFocusTrapProps = {
+  firstElementRef: "object",
+  lastElementRef: "object",
+  onKeyDown: "function"
+};
+const getVariableType = (arg) => {
+  if (Array.isArray(arg))
+    return "array";
+  if (arg === null)
+    return "null";
+  if (arg === void 0)
+    return "undefined";
+  return typeof arg;
+};
+const throwTypeError = (validPropKey, invalidProp) => {
+  throw new Error(
+    `Warning: You are trying to pass a not valid "${validPropKey}" property to use a useFocusTrap hook, please provide a valid type.
+
+  Received: ${getVariableType(invalidProp)}
+  Expected: ${useFocusTrapProps[validPropKey]}
+  `
+  );
+};
+const throwRequiredError = (validPropKey) => {
+  throw new Error(
+    `Warning: Please provide a "${validPropKey}" property to use a useFocusTrap hook, this property is required.`
+  );
+};
+const validateProps = (componentProps) => {
+  if (componentProps.firstElementRef === void 0) {
+    throwRequiredError("firstElementRef");
+  }
+  if (componentProps.lastElementRef === void 0) {
+    throwRequiredError("lastElementRef");
+  }
+  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== "object") {
+    throwTypeError("firstElementRef", componentProps.firstElementRef);
+  }
+  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== "object") {
+    throwTypeError("lastElementRef", componentProps.lastElementRef);
+  }
+  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== "function") {
+    throwTypeError("onKeyDown", componentProps.onKeyDown);
+  }
+};
+const useFocusTrap = (props) => {
+  useEffect(() => validateProps(props), [props]);
+  const { firstElementRef, lastElementRef, onKeyDown } = props;
+  return useCallback(
+    (e) => {
+      if (onKeyDown)
+        onKeyDown(e);
+      if (e.key === "Tab" && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+        firstElementRef.current.focus();
+      }
+      if (e.key === "Tab" && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {
+        e.preventDefault();
+        e.stopPropagation();
+        lastElementRef.current.focus();
+      }
+    },
+    [firstElementRef, lastElementRef, onKeyDown]
+  );
+};
+useFocusTrap.displayName = "useFocusTrap";
+const UseFocusTrapWithSchema = describe(useFocusTrap);
+UseFocusTrapWithSchema.propTypes = UseFocusTrapPropTypes;
+UseFocusTrapWithSchema.returnType = UseFocusTrapReturnType;
+export {
+  UseFocusTrapWithSchema,
+  useFocusTrap
+};
+//# sourceMappingURL=DSHookOnFirstFocusIn.js.map

package/dist/esm/DSHookOnFirstFocusIn.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSHookOnFirstFocusIn.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useCallback, useEffect } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { UseFocusTrapPropTypes, type DSHooksUseFocusTrapT, UseFocusTrapReturnType } from './react-desc-prop-types.js';\n\nconst useFocusTrapProps: { [index: string]: string } = {\n  firstElementRef: 'object',\n  lastElementRef: 'object',\n  onKeyDown: 'function',\n};\n\nconst getVariableType = (arg: unknown): string => {\n  if (Array.isArray(arg)) return 'array';\n  if (arg === null) return 'null';\n  if (arg === undefined) return 'undefined';\n  return typeof arg;\n};\n\nconst throwTypeError = (validPropKey: string, invalidProp: unknown): void => {\n  throw new Error(\n    `Warning: You are trying to pass a not valid \"${validPropKey}\" property to use a useFocusTrap hook, please provide a valid type.\n\n  Received: ${getVariableType(invalidProp)}\n  Expected: ${useFocusTrapProps[validPropKey]}\n  `,\n  );\n};\n\nconst throwRequiredError = (validPropKey: string): void => {\n  throw new Error(\n    `Warning: Please provide a \"${validPropKey}\" property to use a useFocusTrap hook, this property is required.`,\n  );\n};\n\nconst validateProps = (componentProps: Record<string, unknown>): void => {\n  if (componentProps.firstElementRef === undefined) {\n    throwRequiredError('firstElementRef');\n  }\n  if (componentProps.lastElementRef === undefined) {\n    throwRequiredError('lastElementRef');\n  }\n  if (componentProps.firstElementRef && typeof componentProps.firstElementRef !== 'object') {\n    throwTypeError('firstElementRef', componentProps.firstElementRef);\n  }\n  if (componentProps.lastElementRef && typeof componentProps.lastElementRef !== 'object') {\n    throwTypeError('lastElementRef', componentProps.lastElementRef);\n  }\n  if (componentProps.onKeyDown && typeof componentProps.onKeyDown !== 'function') {\n    throwTypeError('onKeyDown', componentProps.onKeyDown);\n  }\n};\n\nconst useFocusTrap: DSHooksUseFocusTrapT.UseFocusTrapT & { displayName: string } = (props) => {\n  // We need to investigate how to validate references with useValidateTypescriptPropTypes.\n  useEffect(() => validateProps(props), [props]);\n\n  const { firstElementRef, lastElementRef, onKeyDown } = props;\n\n  return useCallback(\n    (e) => {\n      if (onKeyDown) onKeyDown(e);\n      // we need to check all the condition before preventing default\n      // because we want last-element/first-element tab/shift-tab to keep working\n\n      if (e.key === 'Tab' && !e.shiftKey && e.target === lastElementRef.current && firstElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        firstElementRef.current.focus();\n      }\n      if (e.key === 'Tab' && e.shiftKey && e.target === firstElementRef.current && lastElementRef.current) {\n        e.preventDefault();\n        e.stopPropagation();\n        lastElementRef.current.focus();\n      }\n    },\n    [firstElementRef, lastElementRef, onKeyDown],\n  );\n};\n\nuseFocusTrap.displayName = 'useFocusTrap';\nconst UseFocusTrapWithSchema = describe(useFocusTrap);\n\nUseFocusTrapWithSchema.propTypes = UseFocusTrapPropTypes;\nUseFocusTrapWithSchema.returnType = UseFocusTrapReturnType;\n\nexport { useFocusTrap, UseFocusTrapWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa,iBAAiB;AACvC,SAAS,gBAAgB;AACzB,SAAS,uBAAkD,8BAA8B;AAEzF,MAAM,oBAAiD;AAAA,EACrD,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,WAAW;AACb;AAEA,MAAM,kBAAkB,CAAC,QAAyB;AAChD,MAAI,MAAM,QAAQ,GAAG;AAAG,WAAO;AAC/B,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,QAAQ;AAAW,WAAO;AAC9B,SAAO,OAAO;AAChB;AAEA,MAAM,iBAAiB,CAAC,cAAsB,gBAA+B;AAC3E,QAAM,IAAI;AAAA,IACR,gDAAgD;AAAA;AAAA,cAEtC,gBAAgB,WAAW;AAAA,cAC3B,kBAAkB,YAAY;AAAA;AAAA,EAE1C;AACF;AAEA,MAAM,qBAAqB,CAAC,iBAA+B;AACzD,QAAM,IAAI;AAAA,IACR,8BAA8B;AAAA,EAChC;AACF;AAEA,MAAM,gBAAgB,CAAC,mBAAkD;AACvE,MAAI,eAAe,oBAAoB,QAAW;AAChD,uBAAmB,iBAAiB;AAAA,EACtC;AACA,MAAI,eAAe,mBAAmB,QAAW;AAC/C,uBAAmB,gBAAgB;AAAA,EACrC;AACA,MAAI,eAAe,mBAAmB,OAAO,eAAe,oBAAoB,UAAU;AACxF,mBAAe,mBAAmB,eAAe,eAAe;AAAA,EAClE;AACA,MAAI,eAAe,kBAAkB,OAAO,eAAe,mBAAmB,UAAU;AACtF,mBAAe,kBAAkB,eAAe,cAAc;AAAA,EAChE;AACA,MAAI,eAAe,aAAa,OAAO,eAAe,cAAc,YAAY;AAC9E,mBAAe,aAAa,eAAe,SAAS;AAAA,EACtD;AACF;AAEA,MAAM,eAA6E,CAAC,UAAU;AAE5F,YAAU,MAAM,cAAc,KAAK,GAAG,CAAC,KAAK,CAAC;AAE7C,QAAM,EAAE,iBAAiB,gBAAgB,UAAU,IAAI;AAEvD,SAAO;AAAA,IACL,CAAC,MAAM;AACL,UAAI;AAAW,kBAAU,CAAC;AAI1B,UAAI,EAAE,QAAQ,SAAS,CAAC,EAAE,YAAY,EAAE,WAAW,eAAe,WAAW,gBAAgB,SAAS;AACpG,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB,wBAAgB,QAAQ,MAAM;AAAA,MAChC;AACA,UAAI,EAAE,QAAQ,SAAS,EAAE,YAAY,EAAE,WAAW,gBAAgB,WAAW,eAAe,SAAS;AACnG,UAAE,eAAe;AACjB,UAAE,gBAAgB;AAClB,uBAAe,QAAQ,MAAM;AAAA,MAC/B;AAAA,IACF;AAAA,IACA,CAAC,iBAAiB,gBAAgB,SAAS;AAAA,EAC7C;AACF;AAEA,aAAa,cAAc;AAC3B,MAAM,yBAAyB,SAAS,YAAY;AAEpD,uBAAuB,YAAY;AACnC,uBAAuB,aAAa;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { useFocusTrap, UseFocusTrapWithSchema } from "./DSHookOnFirstFocusIn.js";
+export {
+  UseFocusTrapWithSchema,
+  useFocusTrap
+};
+//# 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 { useFocusTrap, UseFocusTrapWithSchema } from './DSHookOnFirstFocusIn.js';\nexport type { DSHooksUseFocusTrapT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc,8BAA8B;",
+  "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,21 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const UseFocusTrapPropTypes = {
+  firstElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(
+    "Reference to the first element in the focus trap."
+  ).isRequired,
+  lastElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(
+    "Reference to the second element in the focus trap."
+  ).isRequired,
+  onKeyDown: PropTypes.func.description("Optional onKeyDown callback.")
+};
+const UseFocusTrapReturnType = {
+  handleOnKeyDown: PropTypes.func.description(
+    "onKeyDown event handler that must be added to the DOM node that contains the tabbable elements you want to trap."
+  ).isRequired
+};
+export {
+  UseFocusTrapPropTypes,
+  UseFocusTrapReturnType
+};
+//# 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", "import type { WeakValidationMap } from 'react';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSHooksUseFocusTrapT {\n  export type UseFocusTrapT = <T extends HTMLElement = HTMLElement, K extends HTMLElement = HTMLElement>({\n    firstElementRef,\n    lastElementRef,\n    onKeyDown,\n  }: {\n    firstElementRef: React.MutableRefObject<T | null>;\n    lastElementRef: React.MutableRefObject<K | null>;\n    onKeyDown?: React.KeyboardEventHandler;\n  }) => React.KeyboardEventHandler;\n}\n\nexport const UseFocusTrapPropTypes = {\n  firstElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the first element in the focus trap.',\n  ).isRequired,\n  lastElementRef: PropTypes.oneOfType([PropTypes.oneOf([null]), PropTypes.node]).description(\n    'Reference to the second element in the focus trap.',\n  ).isRequired,\n  onKeyDown: PropTypes.func.description('Optional onKeyDown callback.'),\n} as WeakValidationMap<unknown>;\n\nexport const UseFocusTrapReturnType = {\n  handleOnKeyDown: PropTypes.func.description(\n    'onKeyDown event handler that must be added to the DOM node that contains the tabbable elements you want to trap.',\n  ).isRequired,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAcnB,MAAM,wBAAwB;AAAA,EACnC,iBAAiB,UAAU,UAAU,CAAC,UAAU,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,EAAE;AAAA,IAC9E;AAAA,EACF,EAAE;AAAA,EACF,gBAAgB,UAAU,UAAU,CAAC,UAAU,MAAM,CAAC,IAAI,CAAC,GAAG,UAAU,IAAI,CAAC,EAAE;AAAA,IAC7E;AAAA,EACF,EAAE;AAAA,EACF,WAAW,UAAU,KAAK,YAAY,8BAA8B;AACtE;AAEO,MAAM,yBAAyB;AAAA,EACpC,iBAAiB,UAAU,KAAK;AAAA,IAC9B;AAAA,EACF,EAAE;AACJ;",
+  "names": []
+}

package/dist/types/DSHookOnFirstFocusIn.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { type DSHooksUseFocusTrapT } from './react-desc-prop-types.js';
+declare const useFocusTrap: DSHooksUseFocusTrapT.UseFocusTrapT & {
+    displayName: string;
+};
+declare const UseFocusTrapWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<{
+    firstElementRef: import("react").MutableRefObject<HTMLElement | null>;
+    lastElementRef: import("react").MutableRefObject<HTMLElement | null>;
+    onKeyDown?: import("react").KeyboardEventHandler<Element> | undefined;
+}>;
+export { useFocusTrap, UseFocusTrapWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { useFocusTrap, UseFocusTrapWithSchema } from './DSHookOnFirstFocusIn.js';
+export type { DSHooksUseFocusTrapT } from './react-desc-prop-types.js';

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

@@ -0,0 +1,12 @@
+import type { WeakValidationMap } from 'react';
+export declare namespace DSHooksUseFocusTrapT {
+    type UseFocusTrapT = <T extends HTMLElement = HTMLElement, K extends HTMLElement = HTMLElement>({ firstElementRef, lastElementRef, onKeyDown, }: {
+        firstElementRef: React.MutableRefObject<T | null>;
+        lastElementRef: React.MutableRefObject<K | null>;
+        onKeyDown?: React.KeyboardEventHandler;
+    }) => React.KeyboardEventHandler;
+}
+export declare const UseFocusTrapPropTypes: WeakValidationMap<unknown>;
+export declare const UseFocusTrapReturnType: {
+    handleOnKeyDown: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
+};

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@elliemae/ds-hooks-focus-trap",
+  "version": "3.32.0-rc.6",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Hooks Focus Trap",
+  "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.32.0-rc.6"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@elliemae/ds-monorepo-devops": "3.32.0-rc.6"
+  },
+  "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",
+    "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/*\""
+  }
+}