@portnet/ui 6.0.1 → 6.0.3

package/dist/v2/hooks/useFocusOnRouteChange.d.ts

@@ -0,0 +1,65 @@
+/**
+ * useFocusOnRouteChange — move focus to the main landmark when the page changes
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS EXISTS (capability gap G-60)
+ *
+ * In a single-page application, navigating does NOT move focus. The browser
+ * only does that on a real document load. So after a route change the focus
+ * stays on whatever was clicked — or, when that element is unmounted by the
+ * very navigation it triggered, falls to `document.body`.
+ *
+ * From `document.body`, a keyboard user's next Tab starts at the top of the
+ * BROWSER, not of the page: they walk the address bar and the toolbar again on
+ * every screen. A screen-reader user gets no announcement at all — the new page
+ * simply exists, silently, and they must go looking for it. WCAG 2.4.3 (Focus
+ * Order) is what this fails, and nothing on screen shows it: the pixels are
+ * perfect.
+ *
+ * The failure is at its worst where a navigation follows an ACTION, because the
+ * trigger is gone by the time focus would return to it. Observed in
+ * `autorisation-admis-pour-conforme-fe` (Area 10): archiving a dossier closes a
+ * confirmation dialog and navigates back, so the dialog's focus trap restores
+ * focus to a button that no longer exists.
+ *
+ * The library is the right home even though it knows nothing about routers:
+ * `AppMain` — the landmark this hook targets — is the library's, and it is
+ * `AppMain` that carries the `tabIndex={-1}` making the region focusable at
+ * all. A host wiring this by hand would be reimplementing the pairing that
+ * `SkipLink` + `AppMain` already own.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ * ROUTER-AGNOSTIC BY CONSTRUCTION. No router is imported; the host passes the
+ * key it wants to watch:
+ *
+ *   const { pathname } = useLocation();
+ *   useFocusOnRouteChange(pathname);
+ *
+ * PASS THE PATHNAME, NOT `location.key` NOR THE FULL URL. A list screen writes
+ * its filters, its page number and its sort into the query string, and each of
+ * those is a new `key`: watching it would steal focus from the input the user
+ * is typing in, mid-search. What deserves a focus move is a change of PAGE, not
+ * a change of page state.
+ *
+ * THE FIRST RENDER IS SKIPPED. On initial load the browser has already placed
+ * focus at the start of the document, which is where a user expects it —
+ * moving it then would fight the browser and, worse, scroll a deep-linked page
+ * away from its anchor.
+ */
+export interface UseFocusOnRouteChangeOptions {
+    /**
+     * Id of the element to focus. Defaults to `"main-content"` — `AppMain`'s
+     * default id, which is also `SkipLink`'s default target. Change all three
+     * together or none.
+     */
+    targetId?: string | undefined;
+    /**
+     * Set to `false` to suspend the behaviour. Exists for the host that owns a
+     * screen where a deliberate focus placement must survive a route change
+     * (an embedded wizard step, say) — not as a global off switch.
+     */
+    enabled?: boolean | undefined;
+}
+export declare function useFocusOnRouteChange(routeKey: string | undefined, options?: UseFocusOnRouteChangeOptions): void;
+export default useFocusOnRouteChange;
+//# sourceMappingURL=useFocusOnRouteChange.d.ts.map

package/dist/v2/hooks/useFocusOnRouteChange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusOnRouteChange.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/hooks/useFocusOnRouteChange.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,MAAM,WAAW,4BAA4B;IAC3C;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAC/B;AAED,wBAAgB,qBAAqB,CACnC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,OAAO,GAAE,4BAAiC,GACzC,IAAI,CA0BN;AAED,eAAe,qBAAqB,CAAC"}

package/dist/v2/hooks/useFocusOnRouteChange.js

@@ -0,0 +1,88 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.useFocusOnRouteChange = useFocusOnRouteChange;
+var React = _interopRequireWildcard(require("react"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * useFocusOnRouteChange — move focus to the main landmark when the page changes
+ *
+ * ─────────────────────────────────────────────────────────────────────────────
+ * WHY THIS EXISTS (capability gap G-60)
+ *
+ * In a single-page application, navigating does NOT move focus. The browser
+ * only does that on a real document load. So after a route change the focus
+ * stays on whatever was clicked — or, when that element is unmounted by the
+ * very navigation it triggered, falls to `document.body`.
+ *
+ * From `document.body`, a keyboard user's next Tab starts at the top of the
+ * BROWSER, not of the page: they walk the address bar and the toolbar again on
+ * every screen. A screen-reader user gets no announcement at all — the new page
+ * simply exists, silently, and they must go looking for it. WCAG 2.4.3 (Focus
+ * Order) is what this fails, and nothing on screen shows it: the pixels are
+ * perfect.
+ *
+ * The failure is at its worst where a navigation follows an ACTION, because the
+ * trigger is gone by the time focus would return to it. Observed in
+ * `autorisation-admis-pour-conforme-fe` (Area 10): archiving a dossier closes a
+ * confirmation dialog and navigates back, so the dialog's focus trap restores
+ * focus to a button that no longer exists.
+ *
+ * The library is the right home even though it knows nothing about routers:
+ * `AppMain` — the landmark this hook targets — is the library's, and it is
+ * `AppMain` that carries the `tabIndex={-1}` making the region focusable at
+ * all. A host wiring this by hand would be reimplementing the pairing that
+ * `SkipLink` + `AppMain` already own.
+ * ─────────────────────────────────────────────────────────────────────────────
+ *
+ * ROUTER-AGNOSTIC BY CONSTRUCTION. No router is imported; the host passes the
+ * key it wants to watch:
+ *
+ *   const { pathname } = useLocation();
+ *   useFocusOnRouteChange(pathname);
+ *
+ * PASS THE PATHNAME, NOT `location.key` NOR THE FULL URL. A list screen writes
+ * its filters, its page number and its sort into the query string, and each of
+ * those is a new `key`: watching it would steal focus from the input the user
+ * is typing in, mid-search. What deserves a focus move is a change of PAGE, not
+ * a change of page state.
+ *
+ * THE FIRST RENDER IS SKIPPED. On initial load the browser has already placed
+ * focus at the start of the document, which is where a user expects it —
+ * moving it then would fight the browser and, worse, scroll a deep-linked page
+ * away from its anchor.
+ */
+
+function useFocusOnRouteChange(routeKey, options = {}) {
+  const {
+    targetId = "main-content",
+    enabled = true
+  } = options;
+
+  /* The previous key, NOT a boolean "has mounted": comparing keys is what lets
+     the effect run once per actual change, and skip the first render without a
+     second piece of state. */
+  const previousKeyRef = React.useRef(routeKey);
+  React.useEffect(() => {
+    if (!enabled) return;
+    if (previousKeyRef.current === routeKey) return;
+    previousKeyRef.current = routeKey;
+    const target = document.getElementById(targetId);
+    /* Silently doing nothing is deliberate: a host may render this hook on a
+       shell that mounts BEFORE its landmark (a pre-auth screen, an error
+       boundary). Throwing there would replace a missing focus move with a
+       crash. */
+    if (target === null) return;
+
+    /* `preventScroll` is NOT set: bringing the top of the region into view is
+       part of what the user expects from a page change, and suppressing it
+       would leave a long list scrolled where the previous page had left it
+       while the focus ring sits off-screen. */
+    target.focus();
+  }, [routeKey, targetId, enabled]);
+}
+var _default = exports.default = useFocusOnRouteChange;
+//# sourceMappingURL=useFocusOnRouteChange.js.map

package/dist/v2/hooks/useFocusOnRouteChange.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFocusOnRouteChange.js","names":["React","_interopRequireWildcard","require","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","useFocusOnRouteChange","routeKey","options","targetId","enabled","previousKeyRef","useRef","useEffect","current","target","document","getElementById","focus","_default","exports"],"sources":["../../../src/lib/v2/hooks/useFocusOnRouteChange.ts"],"sourcesContent":["import * as React from \"react\";\r\n\r\n/**\r\n * useFocusOnRouteChange — move focus to the main landmark when the page changes\r\n *\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n * WHY THIS EXISTS (capability gap G-60)\r\n *\r\n * In a single-page application, navigating does NOT move focus. The browser\r\n * only does that on a real document load. So after a route change the focus\r\n * stays on whatever was clicked — or, when that element is unmounted by the\r\n * very navigation it triggered, falls to `document.body`.\r\n *\r\n * From `document.body`, a keyboard user's next Tab starts at the top of the\r\n * BROWSER, not of the page: they walk the address bar and the toolbar again on\r\n * every screen. A screen-reader user gets no announcement at all — the new page\r\n * simply exists, silently, and they must go looking for it. WCAG 2.4.3 (Focus\r\n * Order) is what this fails, and nothing on screen shows it: the pixels are\r\n * perfect.\r\n *\r\n * The failure is at its worst where a navigation follows an ACTION, because the\r\n * trigger is gone by the time focus would return to it. Observed in\r\n * `autorisation-admis-pour-conforme-fe` (Area 10): archiving a dossier closes a\r\n * confirmation dialog and navigates back, so the dialog's focus trap restores\r\n * focus to a button that no longer exists.\r\n *\r\n * The library is the right home even though it knows nothing about routers:\r\n * `AppMain` — the landmark this hook targets — is the library's, and it is\r\n * `AppMain` that carries the `tabIndex={-1}` making the region focusable at\r\n * all. A host wiring this by hand would be reimplementing the pairing that\r\n * `SkipLink` + `AppMain` already own.\r\n * ─────────────────────────────────────────────────────────────────────────────\r\n *\r\n * ROUTER-AGNOSTIC BY CONSTRUCTION. No router is imported; the host passes the\r\n * key it wants to watch:\r\n *\r\n *   const { pathname } = useLocation();\r\n *   useFocusOnRouteChange(pathname);\r\n *\r\n * PASS THE PATHNAME, NOT `location.key` NOR THE FULL URL. A list screen writes\r\n * its filters, its page number and its sort into the query string, and each of\r\n * those is a new `key`: watching it would steal focus from the input the user\r\n * is typing in, mid-search. What deserves a focus move is a change of PAGE, not\r\n * a change of page state.\r\n *\r\n * THE FIRST RENDER IS SKIPPED. On initial load the browser has already placed\r\n * focus at the start of the document, which is where a user expects it —\r\n * moving it then would fight the browser and, worse, scroll a deep-linked page\r\n * away from its anchor.\r\n */\r\n\r\nexport interface UseFocusOnRouteChangeOptions {\r\n  /**\r\n   * Id of the element to focus. Defaults to `\"main-content\"` — `AppMain`'s\r\n   * default id, which is also `SkipLink`'s default target. Change all three\r\n   * together or none.\r\n   */\r\n  targetId?: string | undefined;\r\n  /**\r\n   * Set to `false` to suspend the behaviour. Exists for the host that owns a\r\n   * screen where a deliberate focus placement must survive a route change\r\n   * (an embedded wizard step, say) — not as a global off switch.\r\n   */\r\n  enabled?: boolean | undefined;\r\n}\r\n\r\nexport function useFocusOnRouteChange(\r\n  routeKey: string | undefined,\r\n  options: UseFocusOnRouteChangeOptions = {}\r\n): void {\r\n  const { targetId = \"main-content\", enabled = true } = options;\r\n\r\n  /* The previous key, NOT a boolean \"has mounted\": comparing keys is what lets\r\n     the effect run once per actual change, and skip the first render without a\r\n     second piece of state. */\r\n  const previousKeyRef = React.useRef<string | undefined>(routeKey);\r\n\r\n  React.useEffect(() => {\r\n    if (!enabled) return;\r\n    if (previousKeyRef.current === routeKey) return;\r\n    previousKeyRef.current = routeKey;\r\n\r\n    const target = document.getElementById(targetId);\r\n    /* Silently doing nothing is deliberate: a host may render this hook on a\r\n       shell that mounts BEFORE its landmark (a pre-auth screen, an error\r\n       boundary). Throwing there would replace a missing focus move with a\r\n       crash. */\r\n    if (target === null) return;\r\n\r\n    /* `preventScroll` is NOT set: bringing the top of the region into view is\r\n       part of what the user expects from a page change, and suppressing it\r\n       would leave a long list scrolled where the previous page had left it\r\n       while the focus ring sits off-screen. */\r\n    target.focus();\r\n  }, [routeKey, targetId, enabled]);\r\n}\r\n\r\nexport default useFocusOnRouteChange;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA+B,SAAAD,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAE/B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAiBO,SAASkB,qBAAqBA,CACnCC,QAA4B,EAC5BC,OAAqC,GAAG,CAAC,CAAC,EACpC;EACN,MAAM;IAAEC,QAAQ,GAAG,cAAc;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGF,OAAO;;EAE7D;AACF;AACA;EACE,MAAMG,cAAc,GAAG3B,KAAK,CAAC4B,MAAM,CAAqBL,QAAQ,CAAC;EAEjEvB,KAAK,CAAC6B,SAAS,CAAC,MAAM;IACpB,IAAI,CAACH,OAAO,EAAE;IACd,IAAIC,cAAc,CAACG,OAAO,KAAKP,QAAQ,EAAE;IACzCI,cAAc,CAACG,OAAO,GAAGP,QAAQ;IAEjC,MAAMQ,MAAM,GAAGC,QAAQ,CAACC,cAAc,CAACR,QAAQ,CAAC;IAChD;AACJ;AACA;AACA;IACI,IAAIM,MAAM,KAAK,IAAI,EAAE;;IAErB;AACJ;AACA;AACA;IACIA,MAAM,CAACG,KAAK,CAAC,CAAC;EAChB,CAAC,EAAE,CAACX,QAAQ,EAAEE,QAAQ,EAAEC,OAAO,CAAC,CAAC;AACnC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAvB,OAAA,GAEcS,qBAAqB","ignoreList":[]}

package/dist/v2/hooks/useFocusTrap.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = useFocusTrap;
+exports.default = useFocusTrap;
 var _react = require("react");
 /**
  * useFocusTrap — Portnet UI v2
@@ -62,8 +62,8 @@ var _react = require("react");
  * @param isActive Whether the trap is currently on.
  */
 
-var FOCUSABLE_SELECTORS = ["a[href]", "button:not(:disabled)", "input:not(:disabled)", "select:not(:disabled)", "textarea:not(:disabled)", '[tabindex]:not([tabindex="-1"])', '[contenteditable]:not([contenteditable="false"])', "audio[controls]", "video[controls]"].join(", ");
-var AUTOFOCUS_SELECTORS = "[autofocus], [data-autofocus]";
+const FOCUSABLE_SELECTORS = ["a[href]", "button:not(:disabled)", "input:not(:disabled)", "select:not(:disabled)", "textarea:not(:disabled)", '[tabindex]:not([tabindex="-1"])', '[contenteditable]:not([contenteditable="false"])', "audio[controls]", "video[controls]"].join(", ");
+const AUTOFOCUS_SELECTORS = "[autofocus], [data-autofocus]";
 
 /**
  * Module-level stack of active trap containers. Only the LAST entry
@@ -71,7 +71,7 @@ var AUTOFOCUS_SELECTORS = "[autofocus], [data-autofocus]";
  * pass-through. Cleanup pops by reference to tolerate out-of-order
  * unmount sequences (portal teardown, hot-replace).
  */
-var trapStack = [];
+const trapStack = [];
 
 /**
  * Is `container` the INNERMOST active trap?
@@ -94,9 +94,7 @@ var trapStack = [];
  * the inner trap pops, the outer contains nothing and resumes duty.
  */
 function isInnermostTrap(container) {
-  return !trapStack.some(function (other) {
-    return other !== container && container.contains(other);
-  });
+  return !trapStack.some(other => other !== container && container.contains(other));
 }
 
 /**
@@ -116,7 +114,7 @@ function isVisuallyFocusable(el) {
     return false;
   }
   // Walk ancestors for hidden / aria-hidden / inert.
-  var node = el;
+  let node = el;
   while (node && node !== document.body) {
     if (node.hasAttribute && (node.hasAttribute("inert") || node.hasAttribute("hidden") || node.getAttribute("aria-hidden") === "true")) {
       return false;
@@ -126,19 +124,17 @@ function isVisuallyFocusable(el) {
   return true;
 }
 function useFocusTrap(ref, isActive) {
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!isActive || !ref.current) return undefined;
-    var container = ref.current;
+    const container = ref.current;
     trapStack.push(container);
-    var getFocusable = function getFocusable() {
-      return Array.from(container.querySelectorAll(FOCUSABLE_SELECTORS)).filter(isVisuallyFocusable);
-    };
-    var trigger = document.activeElement;
+    const getFocusable = () => Array.from(container.querySelectorAll(FOCUSABLE_SELECTORS)).filter(isVisuallyFocusable);
+    const trigger = document.activeElement;
 
     // Initial focus, deferred to next frame so React has finished
     // painting any conditional content. Cancellation handle stored
     // so unmount-within-same-frame cannot leak a stale .focus() call.
-    var rafId = requestAnimationFrame(function () {
+    const rafId = requestAnimationFrame(() => {
       /* Only the innermost trap claims initial focus — same predicate as `trap()`
        * below, so keyboard duty and initial focus can never disagree.
        *
@@ -146,26 +142,26 @@ function useFocusTrap(ref, isActive) {
        * activation regardless of nesting, so on simultaneous mount the outer
        * trap's rAF fired last and overwrote the inner trap's focus. */
       if (!isInnermostTrap(container)) return;
-      var explicit = container.querySelector(AUTOFOCUS_SELECTORS);
-      var target = explicit && isVisuallyFocusable(explicit) ? explicit : getFocusable()[0];
+      const explicit = container.querySelector(AUTOFOCUS_SELECTORS);
+      const target = explicit && isVisuallyFocusable(explicit) ? explicit : getFocusable()[0];
       if (target && typeof target.focus === "function") target.focus();
     });
-    var trap = function trap(e) {
+    const trap = e => {
       if (e.key !== "Tab") return;
       // Only the innermost trap acts. Outer traps stay registered and defer.
       // Containment, NOT stack position — see isInnermostTrap.
       if (!isInnermostTrap(container)) return;
-      var els = getFocusable();
+      const els = getFocusable();
       if (!els.length) {
         // Pathological case (no focusable inside): swallow Tab so
         // focus cannot escape into the page behind the trap.
         e.preventDefault();
         return;
       }
-      var first = els[0];
-      var last = els[els.length - 1];
+      const first = els[0];
+      const last = els[els.length - 1];
       if (!first || !last) return;
-      var active = document.activeElement;
+      const active = document.activeElement;
 
       // Recovery: if focus is currently OUTSIDE the container, warp it
       // back to the first focusable. Without this, an escaped focus
@@ -185,12 +181,12 @@ function useFocusTrap(ref, isActive) {
       }
     };
     document.addEventListener("keydown", trap, true);
-    return function () {
+    return () => {
       cancelAnimationFrame(rafId);
 
       // Pop by reference (NOT by index) — tolerates out-of-order
       // unmount sequences during portal teardown or hot-replace.
-      var idx = trapStack.lastIndexOf(container);
+      const idx = trapStack.lastIndexOf(container);
       if (idx >= 0) trapStack.splice(idx, 1);
       document.removeEventListener("keydown", trap, true);
 

package/dist/v2/hooks/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFocusTrap.js","names":["_react","require","FOCUSABLE_SELECTORS","join","AUTOFOCUS_SELECTORS","trapStack","isInnermostTrap","container","some","other","contains","isVisuallyFocusable","el","disabled","getAttribute","getClientRects","length","node","document","body","hasAttribute","parentElement","useFocusTrap","ref","isActive","useEffect","current","undefined","push","getFocusable","Array","from","querySelectorAll","filter","trigger","activeElement","rafId","requestAnimationFrame","explicit","querySelector","target","focus","trap","e","key","els","preventDefault","first","last","active","shiftKey","addEventListener","cancelAnimationFrame","idx","lastIndexOf","splice","removeEventListener"],"sources":["../../../src/lib/v2/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect, type RefObject } from \"react\";\r\n\r\n/**\r\n * useFocusTrap — Portnet UI v2\r\n *\r\n * Traps Tab / Shift+Tab inside `ref` while `isActive`.\r\n * On activation, focuses the first `[autofocus]` / `[data-autofocus]`\r\n * descendant if present, otherwise the first focusable child.\r\n * On deactivation, restores focus to the element that previously held\r\n * it (only if still in the DOM).\r\n *\r\n * WCAG 2.4.3, charter R-F.2.\r\n *\r\n * Implementation notes\r\n *   - Keydown listener attached to `document` in capture phase. If\r\n *     focus has somehow escaped the container, the next Tab is caught\r\n *     and warped back inside.\r\n *   - NESTED TRAPS — only the topmost trap on `trapStack` intercepts\r\n *     Tab. Outer traps stay registered and resume duty when the inner\r\n *     trap unmounts. This makes ConfirmDialog-in-Drawer-in-Modal\r\n *     flows behave correctly.\r\n *   - Focusable elements are filtered to exclude those inside\r\n *     aria-hidden / inert / hidden / display:none subtrees, even\r\n *     though querySelectorAll happily returns them.\r\n *   - BOUNDARY SCOPE — Tab is intercepted only at the cycle edges\r\n *     (Tab on `last`, Shift+Tab on `first`) plus the escaped-focus\r\n *     recovery path. Mid-cycle moves are deliberately left to the\r\n *     browser's native tab order.\r\n *\r\n *     Consequence worth knowing: the filter above decides what counts\r\n *     as `first` / `last`, so the trap never DELIVERS focus into a\r\n *     filtered element — but it cannot stop the browser tabbing into\r\n *     one mid-cycle. `hidden` and `inert` are unaffected (both remove\r\n *     an element from the native tab order); `aria-hidden` is NOT, as\r\n *     per spec it annotates only the accessibility tree. So a\r\n *     focusable control inside `aria-hidden=\"true\"` IS still reachable\r\n *     by Tab — that is a content defect (axe `aria-hidden-focus`), and\r\n *     the fix is `inert` on the subtree, not more interception here.\r\n *\r\n *     Full per-Tab interception would close that gap, at the cost of\r\n *     taking over native traversal for every Modal / Drawer /\r\n *     ConfirmDialog in the fleet — which also breaks radio-group\r\n *     roving tabindex and any positive `tabindex` ordering. Not done\r\n *     without a browser-level test bed. See the aria-hidden case in\r\n *     __tests__/useFocusTrap.test.tsx.\r\n *   - Cleanup never calls focus() on an unmounted or detached\r\n *     trigger and cancels the initial-focus rAF.\r\n *\r\n * Escape handling is INTENTIONALLY OUT OF SCOPE — the consumer (Modal,\r\n * Drawer, ConfirmDialog) is responsible for closing on Escape per\r\n * R-F.1. Mixing concerns here would force every trap user to opt out.\r\n *\r\n * @param ref      The container ref to trap focus inside. Accepts a\r\n *                 nullable `current` (`RefObject<T | null>`) so callers\r\n *                 can pass `useRef<HTMLElement>(null)` directly without a\r\n *                 cast — the effect no-ops until `current` is populated.\r\n * @param isActive Whether the trap is currently on.\r\n */\r\n\r\nconst FOCUSABLE_SELECTORS = [\r\n  \"a[href]\",\r\n  \"button:not(:disabled)\",\r\n  \"input:not(:disabled)\",\r\n  \"select:not(:disabled)\",\r\n  \"textarea:not(:disabled)\",\r\n  '[tabindex]:not([tabindex=\"-1\"])',\r\n  '[contenteditable]:not([contenteditable=\"false\"])',\r\n  \"audio[controls]\",\r\n  \"video[controls]\",\r\n].join(\", \");\r\n\r\nconst AUTOFOCUS_SELECTORS = \"[autofocus], [data-autofocus]\";\r\n\r\n/**\r\n * Module-level stack of active trap containers. Only the LAST entry\r\n * (innermost trap) intercepts Tab; outer traps stay registered but\r\n * pass-through. Cleanup pops by reference to tolerate out-of-order\r\n * unmount sequences (portal teardown, hot-replace).\r\n */\r\nconst trapStack: HTMLElement[] = [];\r\n\r\n/**\r\n * Is `container` the INNERMOST active trap?\r\n *\r\n * ⚠ DO NOT REPLACE THIS WITH `trapStack[trapStack.length - 1] === container`.\r\n *\r\n * Stack POSITION does not track nesting depth. React runs CHILD effects before\r\n * PARENT effects, so when an outer and an inner trap mount in the SAME commit\r\n * (Modal rendering a ConfirmDialog, Drawer with a nested trap) the INNER trap is\r\n * pushed FIRST and the OUTER one LAST — making the last entry the OUTERMOST trap,\r\n * the exact opposite of the intent.\r\n *\r\n * Push order only happens to match nesting when the traps mount at different\r\n * times, which is the common case and why the bug stayed hidden. The\r\n * simultaneous-mount path gave Tab duty to the trap BEHIND the dialog the user\r\n * was looking at (R-M.2 / R-F.2).\r\n *\r\n * Containment is order-independent: a trap is innermost when no other active\r\n * trap lives inside it. Correct for both mount orderings, and for unmount — once\r\n * the inner trap pops, the outer contains nothing and resumes duty.\r\n */\r\nfunction isInnermostTrap(container: HTMLElement): boolean {\r\n  return !trapStack.some(\r\n    (other) => other !== container && container.contains(other)\r\n  );\r\n}\r\n\r\n/**\r\n * True iff the element is rendered AND not inside an aria-hidden /\r\n * inert / hidden / display:none ancestor. querySelectorAll picks\r\n * those up indiscriminately, so re-filter at use time.\r\n */\r\nfunction isVisuallyFocusable(el: Element | null): el is HTMLElement {\r\n  if (!el) return false;\r\n  if (\"disabled\" in el && el.disabled) return false;\r\n  if (el.getAttribute && el.getAttribute(\"aria-disabled\") === \"true\") return false;\r\n  // Cheap visibility test — covers display:none and visibility:hidden.\r\n  // Note: elements with `display: contents` may report 0 rects but have\r\n  // focusable descendants; the descendants themselves still match if\r\n  // they have their own boxes, so this filter is a reasonable trade-off.\r\n  if (typeof el.getClientRects === \"function\" && el.getClientRects().length === 0) {\r\n    return false;\r\n  }\r\n  // Walk ancestors for hidden / aria-hidden / inert.\r\n  let node: Element | null = el;\r\n  while (node && node !== document.body) {\r\n    if (node.hasAttribute && (\r\n      node.hasAttribute(\"inert\") ||\r\n      node.hasAttribute(\"hidden\") ||\r\n      node.getAttribute(\"aria-hidden\") === \"true\"\r\n    )) {\r\n      return false;\r\n    }\r\n    node = node.parentElement;\r\n  }\r\n  return true;\r\n}\r\n\r\nexport default function useFocusTrap<T extends HTMLElement = HTMLElement>(\r\n  ref: RefObject<T | null>,\r\n  isActive: boolean\r\n): void {\r\n  useEffect(() => {\r\n    if (!isActive || !ref.current) return undefined;\r\n\r\n    const container = ref.current;\r\n    trapStack.push(container);\r\n\r\n    const getFocusable = (): HTMLElement[] =>\r\n      Array.from(container.querySelectorAll(FOCUSABLE_SELECTORS)).filter(isVisuallyFocusable);\r\n\r\n    const trigger = document.activeElement;\r\n\r\n    // Initial focus, deferred to next frame so React has finished\r\n    // painting any conditional content. Cancellation handle stored\r\n    // so unmount-within-same-frame cannot leak a stale .focus() call.\r\n    const rafId = requestAnimationFrame(() => {\r\n      /* Only the innermost trap claims initial focus — same predicate as `trap()`\r\n       * below, so keyboard duty and initial focus can never disagree.\r\n       *\r\n       * Initial focus was previously unguarded: every trap focused on\r\n       * activation regardless of nesting, so on simultaneous mount the outer\r\n       * trap's rAF fired last and overwrote the inner trap's focus. */\r\n      if (!isInnermostTrap(container)) return;\r\n\r\n      const explicit = container.querySelector(AUTOFOCUS_SELECTORS);\r\n      const target = (explicit && isVisuallyFocusable(explicit))\r\n        ? explicit\r\n        : getFocusable()[0];\r\n      if (target && typeof target.focus === \"function\") target.focus();\r\n    });\r\n\r\n    const trap = (e: KeyboardEvent): void => {\r\n      if (e.key !== \"Tab\") return;\r\n      // Only the innermost trap acts. Outer traps stay registered and defer.\r\n      // Containment, NOT stack position — see isInnermostTrap.\r\n      if (!isInnermostTrap(container)) return;\r\n\r\n      const els = getFocusable();\r\n      if (!els.length) {\r\n        // Pathological case (no focusable inside): swallow Tab so\r\n        // focus cannot escape into the page behind the trap.\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n      const first = els[0];\r\n      const last = els[els.length - 1];\r\n      if (!first || !last) return;\r\n      const active = document.activeElement;\r\n\r\n      // Recovery: if focus is currently OUTSIDE the container, warp it\r\n      // back to the first focusable. Without this, an escaped focus\r\n      // (mount race, programmatic blur, SR virtual cursor) leaks Tab\r\n      // navigation to the page behind the trap.\r\n      if (!container.contains(active)) {\r\n        e.preventDefault();\r\n        first.focus();\r\n        return;\r\n      }\r\n\r\n      if (e.shiftKey && active === first) {\r\n        e.preventDefault();\r\n        last.focus();\r\n      } else if (!e.shiftKey && active === last) {\r\n        e.preventDefault();\r\n        first.focus();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", trap, true);\r\n\r\n    return () => {\r\n      cancelAnimationFrame(rafId);\r\n\r\n      // Pop by reference (NOT by index) — tolerates out-of-order\r\n      // unmount sequences during portal teardown or hot-replace.\r\n      const idx = trapStack.lastIndexOf(container);\r\n      if (idx >= 0) trapStack.splice(idx, 1);\r\n\r\n      document.removeEventListener(\"keydown\", trap, true);\r\n\r\n      // Restore focus only if the trigger is still mounted, focusable,\r\n      // and not currently disabled. Calling .focus() on a detached or\r\n      // disabled node silently leaves focus on <body> with no visible\r\n      // indicator — actively user-hostile.\r\n      if (\r\n        trigger &&\r\n        trigger !== document.body &&\r\n        \"focus\" in trigger &&\r\n        typeof trigger.focus === \"function\" &&\r\n        document.body.contains(trigger) &&\r\n        !(\"disabled\" in trigger && trigger.disabled)\r\n      ) {\r\n        trigger.focus();\r\n      }\r\n    };\r\n  }, [isActive, ref]);\r\n}\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,IAAMC,mBAAmB,GAAG,CAC1B,SAAS,EACT,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,iCAAiC,EACjC,kDAAkD,EAClD,iBAAiB,EACjB,iBAAiB,CAClB,CAACC,IAAI,CAAC,IAAI,CAAC;AAEZ,IAAMC,mBAAmB,GAAG,+BAA+B;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA,IAAMC,SAAwB,GAAG,EAAE;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAACC,SAAsB,EAAW;EACxD,OAAO,CAACF,SAAS,CAACG,IAAI,CACpB,UAACC,KAAK;IAAA,OAAKA,KAAK,KAAKF,SAAS,IAAIA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAAC;EAAA,CAC7D,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,mBAAmBA,CAACC,EAAkB,EAAqB;EAClE,IAAI,CAACA,EAAE,EAAE,OAAO,KAAK;EACrB,IAAI,UAAU,IAAIA,EAAE,IAAIA,EAAE,CAACC,QAAQ,EAAE,OAAO,KAAK;EACjD,IAAID,EAAE,CAACE,YAAY,IAAIF,EAAE,CAACE,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,EAAE,OAAO,KAAK;EAChF;EACA;EACA;EACA;EACA,IAAI,OAAOF,EAAE,CAACG,cAAc,KAAK,UAAU,IAAIH,EAAE,CAACG,cAAc,CAAC,CAAC,CAACC,M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","ignoreList":[]}
+{"version":3,"file":"useFocusTrap.js","names":["_react","require","FOCUSABLE_SELECTORS","join","AUTOFOCUS_SELECTORS","trapStack","isInnermostTrap","container","some","other","contains","isVisuallyFocusable","el","disabled","getAttribute","getClientRects","length","node","document","body","hasAttribute","parentElement","useFocusTrap","ref","isActive","useEffect","current","undefined","push","getFocusable","Array","from","querySelectorAll","filter","trigger","activeElement","rafId","requestAnimationFrame","explicit","querySelector","target","focus","trap","e","key","els","preventDefault","first","last","active","shiftKey","addEventListener","cancelAnimationFrame","idx","lastIndexOf","splice","removeEventListener"],"sources":["../../../src/lib/v2/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect, type RefObject } from \"react\";\r\n\r\n/**\r\n * useFocusTrap — Portnet UI v2\r\n *\r\n * Traps Tab / Shift+Tab inside `ref` while `isActive`.\r\n * On activation, focuses the first `[autofocus]` / `[data-autofocus]`\r\n * descendant if present, otherwise the first focusable child.\r\n * On deactivation, restores focus to the element that previously held\r\n * it (only if still in the DOM).\r\n *\r\n * WCAG 2.4.3, charter R-F.2.\r\n *\r\n * Implementation notes\r\n *   - Keydown listener attached to `document` in capture phase. If\r\n *     focus has somehow escaped the container, the next Tab is caught\r\n *     and warped back inside.\r\n *   - NESTED TRAPS — only the topmost trap on `trapStack` intercepts\r\n *     Tab. Outer traps stay registered and resume duty when the inner\r\n *     trap unmounts. This makes ConfirmDialog-in-Drawer-in-Modal\r\n *     flows behave correctly.\r\n *   - Focusable elements are filtered to exclude those inside\r\n *     aria-hidden / inert / hidden / display:none subtrees, even\r\n *     though querySelectorAll happily returns them.\r\n *   - BOUNDARY SCOPE — Tab is intercepted only at the cycle edges\r\n *     (Tab on `last`, Shift+Tab on `first`) plus the escaped-focus\r\n *     recovery path. Mid-cycle moves are deliberately left to the\r\n *     browser's native tab order.\r\n *\r\n *     Consequence worth knowing: the filter above decides what counts\r\n *     as `first` / `last`, so the trap never DELIVERS focus into a\r\n *     filtered element — but it cannot stop the browser tabbing into\r\n *     one mid-cycle. `hidden` and `inert` are unaffected (both remove\r\n *     an element from the native tab order); `aria-hidden` is NOT, as\r\n *     per spec it annotates only the accessibility tree. So a\r\n *     focusable control inside `aria-hidden=\"true\"` IS still reachable\r\n *     by Tab — that is a content defect (axe `aria-hidden-focus`), and\r\n *     the fix is `inert` on the subtree, not more interception here.\r\n *\r\n *     Full per-Tab interception would close that gap, at the cost of\r\n *     taking over native traversal for every Modal / Drawer /\r\n *     ConfirmDialog in the fleet — which also breaks radio-group\r\n *     roving tabindex and any positive `tabindex` ordering. Not done\r\n *     without a browser-level test bed. See the aria-hidden case in\r\n *     __tests__/useFocusTrap.test.tsx.\r\n *   - Cleanup never calls focus() on an unmounted or detached\r\n *     trigger and cancels the initial-focus rAF.\r\n *\r\n * Escape handling is INTENTIONALLY OUT OF SCOPE — the consumer (Modal,\r\n * Drawer, ConfirmDialog) is responsible for closing on Escape per\r\n * R-F.1. Mixing concerns here would force every trap user to opt out.\r\n *\r\n * @param ref      The container ref to trap focus inside. Accepts a\r\n *                 nullable `current` (`RefObject<T | null>`) so callers\r\n *                 can pass `useRef<HTMLElement>(null)` directly without a\r\n *                 cast — the effect no-ops until `current` is populated.\r\n * @param isActive Whether the trap is currently on.\r\n */\r\n\r\nconst FOCUSABLE_SELECTORS = [\r\n  \"a[href]\",\r\n  \"button:not(:disabled)\",\r\n  \"input:not(:disabled)\",\r\n  \"select:not(:disabled)\",\r\n  \"textarea:not(:disabled)\",\r\n  '[tabindex]:not([tabindex=\"-1\"])',\r\n  '[contenteditable]:not([contenteditable=\"false\"])',\r\n  \"audio[controls]\",\r\n  \"video[controls]\",\r\n].join(\", \");\r\n\r\nconst AUTOFOCUS_SELECTORS = \"[autofocus], [data-autofocus]\";\r\n\r\n/**\r\n * Module-level stack of active trap containers. Only the LAST entry\r\n * (innermost trap) intercepts Tab; outer traps stay registered but\r\n * pass-through. Cleanup pops by reference to tolerate out-of-order\r\n * unmount sequences (portal teardown, hot-replace).\r\n */\r\nconst trapStack: HTMLElement[] = [];\r\n\r\n/**\r\n * Is `container` the INNERMOST active trap?\r\n *\r\n * ⚠ DO NOT REPLACE THIS WITH `trapStack[trapStack.length - 1] === container`.\r\n *\r\n * Stack POSITION does not track nesting depth. React runs CHILD effects before\r\n * PARENT effects, so when an outer and an inner trap mount in the SAME commit\r\n * (Modal rendering a ConfirmDialog, Drawer with a nested trap) the INNER trap is\r\n * pushed FIRST and the OUTER one LAST — making the last entry the OUTERMOST trap,\r\n * the exact opposite of the intent.\r\n *\r\n * Push order only happens to match nesting when the traps mount at different\r\n * times, which is the common case and why the bug stayed hidden. The\r\n * simultaneous-mount path gave Tab duty to the trap BEHIND the dialog the user\r\n * was looking at (R-M.2 / R-F.2).\r\n *\r\n * Containment is order-independent: a trap is innermost when no other active\r\n * trap lives inside it. Correct for both mount orderings, and for unmount — once\r\n * the inner trap pops, the outer contains nothing and resumes duty.\r\n */\r\nfunction isInnermostTrap(container: HTMLElement): boolean {\r\n  return !trapStack.some(\r\n    (other) => other !== container && container.contains(other)\r\n  );\r\n}\r\n\r\n/**\r\n * True iff the element is rendered AND not inside an aria-hidden /\r\n * inert / hidden / display:none ancestor. querySelectorAll picks\r\n * those up indiscriminately, so re-filter at use time.\r\n */\r\nfunction isVisuallyFocusable(el: Element | null): el is HTMLElement {\r\n  if (!el) return false;\r\n  if (\"disabled\" in el && el.disabled) return false;\r\n  if (el.getAttribute && el.getAttribute(\"aria-disabled\") === \"true\") return false;\r\n  // Cheap visibility test — covers display:none and visibility:hidden.\r\n  // Note: elements with `display: contents` may report 0 rects but have\r\n  // focusable descendants; the descendants themselves still match if\r\n  // they have their own boxes, so this filter is a reasonable trade-off.\r\n  if (typeof el.getClientRects === \"function\" && el.getClientRects().length === 0) {\r\n    return false;\r\n  }\r\n  // Walk ancestors for hidden / aria-hidden / inert.\r\n  let node: Element | null = el;\r\n  while (node && node !== document.body) {\r\n    if (node.hasAttribute && (\r\n      node.hasAttribute(\"inert\") ||\r\n      node.hasAttribute(\"hidden\") ||\r\n      node.getAttribute(\"aria-hidden\") === \"true\"\r\n    )) {\r\n      return false;\r\n    }\r\n    node = node.parentElement;\r\n  }\r\n  return true;\r\n}\r\n\r\nexport default function useFocusTrap<T extends HTMLElement = HTMLElement>(\r\n  ref: RefObject<T | null>,\r\n  isActive: boolean\r\n): void {\r\n  useEffect(() => {\r\n    if (!isActive || !ref.current) return undefined;\r\n\r\n    const container = ref.current;\r\n    trapStack.push(container);\r\n\r\n    const getFocusable = (): HTMLElement[] =>\r\n      Array.from(container.querySelectorAll(FOCUSABLE_SELECTORS)).filter(isVisuallyFocusable);\r\n\r\n    const trigger = document.activeElement;\r\n\r\n    // Initial focus, deferred to next frame so React has finished\r\n    // painting any conditional content. Cancellation handle stored\r\n    // so unmount-within-same-frame cannot leak a stale .focus() call.\r\n    const rafId = requestAnimationFrame(() => {\r\n      /* Only the innermost trap claims initial focus — same predicate as `trap()`\r\n       * below, so keyboard duty and initial focus can never disagree.\r\n       *\r\n       * Initial focus was previously unguarded: every trap focused on\r\n       * activation regardless of nesting, so on simultaneous mount the outer\r\n       * trap's rAF fired last and overwrote the inner trap's focus. */\r\n      if (!isInnermostTrap(container)) return;\r\n\r\n      const explicit = container.querySelector(AUTOFOCUS_SELECTORS);\r\n      const target = (explicit && isVisuallyFocusable(explicit))\r\n        ? explicit\r\n        : getFocusable()[0];\r\n      if (target && typeof target.focus === \"function\") target.focus();\r\n    });\r\n\r\n    const trap = (e: KeyboardEvent): void => {\r\n      if (e.key !== \"Tab\") return;\r\n      // Only the innermost trap acts. Outer traps stay registered and defer.\r\n      // Containment, NOT stack position — see isInnermostTrap.\r\n      if (!isInnermostTrap(container)) return;\r\n\r\n      const els = getFocusable();\r\n      if (!els.length) {\r\n        // Pathological case (no focusable inside): swallow Tab so\r\n        // focus cannot escape into the page behind the trap.\r\n        e.preventDefault();\r\n        return;\r\n      }\r\n      const first = els[0];\r\n      const last = els[els.length - 1];\r\n      if (!first || !last) return;\r\n      const active = document.activeElement;\r\n\r\n      // Recovery: if focus is currently OUTSIDE the container, warp it\r\n      // back to the first focusable. Without this, an escaped focus\r\n      // (mount race, programmatic blur, SR virtual cursor) leaks Tab\r\n      // navigation to the page behind the trap.\r\n      if (!container.contains(active)) {\r\n        e.preventDefault();\r\n        first.focus();\r\n        return;\r\n      }\r\n\r\n      if (e.shiftKey && active === first) {\r\n        e.preventDefault();\r\n        last.focus();\r\n      } else if (!e.shiftKey && active === last) {\r\n        e.preventDefault();\r\n        first.focus();\r\n      }\r\n    };\r\n\r\n    document.addEventListener(\"keydown\", trap, true);\r\n\r\n    return () => {\r\n      cancelAnimationFrame(rafId);\r\n\r\n      // Pop by reference (NOT by index) — tolerates out-of-order\r\n      // unmount sequences during portal teardown or hot-replace.\r\n      const idx = trapStack.lastIndexOf(container);\r\n      if (idx >= 0) trapStack.splice(idx, 1);\r\n\r\n      document.removeEventListener(\"keydown\", trap, true);\r\n\r\n      // Restore focus only if the trigger is still mounted, focusable,\r\n      // and not currently disabled. Calling .focus() on a detached or\r\n      // disabled node silently leaves focus on <body> with no visible\r\n      // indicator — actively user-hostile.\r\n      if (\r\n        trigger &&\r\n        trigger !== document.body &&\r\n        \"focus\" in trigger &&\r\n        typeof trigger.focus === \"function\" &&\r\n        document.body.contains(trigger) &&\r\n        !(\"disabled\" in trigger && trigger.disabled)\r\n      ) {\r\n        trigger.focus();\r\n      }\r\n    };\r\n  }, [isActive, ref]);\r\n}\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,MAAMC,mBAAmB,GAAG,CAC1B,SAAS,EACT,uBAAuB,EACvB,sBAAsB,EACtB,uBAAuB,EACvB,yBAAyB,EACzB,iCAAiC,EACjC,kDAAkD,EAClD,iBAAiB,EACjB,iBAAiB,CAClB,CAACC,IAAI,CAAC,IAAI,CAAC;AAEZ,MAAMC,mBAAmB,GAAG,+BAA+B;;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,SAAwB,GAAG,EAAE;;AAEnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,eAAeA,CAACC,SAAsB,EAAW;EACxD,OAAO,CAACF,SAAS,CAACG,IAAI,CACnBC,KAAK,IAAKA,KAAK,KAAKF,SAAS,IAAIA,SAAS,CAACG,QAAQ,CAACD,KAAK,CAC5D,CAAC;AACH;;AAEA;AACA;AACA;AACA;AACA;AACA,SAASE,mBAAmBA,CAACC,EAAkB,EAAqB;EAClE,IAAI,CAACA,EAAE,EAAE,OAAO,KAAK;EACrB,IAAI,UAAU,IAAIA,EAAE,IAAIA,EAAE,CAACC,QAAQ,EAAE,OAAO,KAAK;EACjD,IAAID,EAAE,CAACE,YAAY,IAAIF,EAAE,CAACE,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM,EAAE,OAAO,KAAK;EAChF;EACA;EACA;EACA;EACA,IAAI,OAAOF,EAAE,CAACG,cAAc,KAAK,UAAU,IAAIH,EAAE,CAACG,cAAc,CAAC,CAAC,CAACC,MAAM,KAAK,CAAC,EAAE;IAC/E,OAAO,KAAK;EACd;EACA;EACA,IAAIC,IAAoB,GAAGL,EAAE;EAC7B,OAAOK,IAAI,IAAIA,IAAI,KAAKC,QAAQ,CAACC,IAAI,EAAE;IACrC,IAAIF,IAAI,CAACG,YAAY,KACnBH,IAAI,CAACG,YAAY,CAAC,OAAO,CAAC,IAC1BH,IAAI,CAACG,YAAY,CAAC,QAAQ,CAAC,IAC3BH,IAAI,CAACH,YAAY,CAAC,aAAa,CAAC,KAAK,MAAM,CAC5C,EAAE;MACD,OAAO,KAAK;IACd;IACAG,IAAI,GAAGA,IAAI,CAACI,aAAa;EAC3B;EACA,OAAO,IAAI;AACb;AAEe,SAASC,YAAYA,CAClCC,GAAwB,EACxBC,QAAiB,EACX;EACN,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAI,CAACD,QAAQ,IAAI,CAACD,GAAG,CAACG,OAAO,EAAE,OAAOC,SAAS;IAE/C,MAAMpB,SAAS,GAAGgB,GAAG,CAACG,OAAO;IAC7BrB,SAAS,CAACuB,IAAI,CAACrB,SAAS,CAAC;IAEzB,MAAMsB,YAAY,GAAGA,CAAA,KACnBC,KAAK,CAACC,IAAI,CAACxB,SAAS,CAACyB,gBAAgB,CAAC9B,mBAAmB,CAAC,CAAC,CAAC+B,MAAM,CAACtB,mBAAmB,CAAC;IAEzF,MAAMuB,OAAO,GAAGhB,QAAQ,CAACiB,aAAa;;IAEtC;IACA;IACA;IACA,MAAMC,KAAK,GAAGC,qBAAqB,CAAC,MAAM;MACxC;AACN;AACA;AACA;AACA;AACA;MACM,IAAI,CAAC/B,eAAe,CAACC,SAAS,CAAC,EAAE;MAEjC,MAAM+B,QAAQ,GAAG/B,SAAS,CAACgC,aAAa,CAACnC,mBAAmB,CAAC;MAC7D,MAAMoC,MAAM,GAAIF,QAAQ,IAAI3B,mBAAmB,CAAC2B,QAAQ,CAAC,GACrDA,QAAQ,GACRT,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;MACrB,IAAIW,MAAM,IAAI,OAAOA,MAAM,CAACC,KAAK,KAAK,UAAU,EAAED,MAAM,CAACC,KAAK,CAAC,CAAC;IAClE,CAAC,CAAC;IAEF,MAAMC,IAAI,GAAIC,CAAgB,IAAW;MACvC,IAAIA,CAAC,CAACC,GAAG,KAAK,KAAK,EAAE;MACrB;MACA;MACA,IAAI,CAACtC,eAAe,CAACC,SAAS,CAAC,EAAE;MAEjC,MAAMsC,GAAG,GAAGhB,YAAY,CAAC,CAAC;MAC1B,IAAI,CAACgB,GAAG,CAAC7B,MAAM,EAAE;QACf;QACA;QACA2B,CAAC,CAACG,cAAc,CAAC,CAAC;QAClB;MACF;MACA,MAAMC,KAAK,GAAGF,GAAG,CAAC,CAAC,CAAC;MACpB,MAAMG,IAAI,GAAGH,GAAG,CAACA,GAAG,CAAC7B,MAAM,GAAG,CAAC,CAAC;MAChC,IAAI,CAAC+B,KAAK,IAAI,CAACC,IAAI,EAAE;MACrB,MAAMC,MAAM,GAAG/B,QAAQ,CAACiB,aAAa;;MAErC;MACA;MACA;MACA;MACA,IAAI,CAAC5B,SAAS,CAACG,QAAQ,CAACuC,MAAM,CAAC,EAAE;QAC/BN,CAAC,CAACG,cAAc,CAAC,CAAC;QAClBC,KAAK,CAACN,KAAK,CAAC,CAAC;QACb;MACF;MAEA,IAAIE,CAAC,CAACO,QAAQ,IAAID,MAAM,KAAKF,KAAK,EAAE;QAClCJ,CAAC,CAACG,cAAc,CAAC,CAAC;QAClBE,IAAI,CAACP,KAAK,CAAC,CAAC;MACd,CAAC,MAAM,IAAI,CAACE,CAAC,CAACO,QAAQ,IAAID,MAAM,KAAKD,IAAI,EAAE;QACzCL,CAAC,CAACG,cAAc,CAAC,CAAC;QAClBC,KAAK,CAACN,KAAK,CAAC,CAAC;MACf;IACF,CAAC;IAEDvB,QAAQ,CAACiC,gBAAgB,CAAC,SAAS,EAAET,IAAI,EAAE,IAAI,CAAC;IAEhD,OAAO,MAAM;MACXU,oBAAoB,CAAChB,KAAK,CAAC;;MAE3B;MACA;MACA,MAAMiB,GAAG,GAAGhD,SAAS,CAACiD,WAAW,CAAC/C,SAAS,CAAC;MAC5C,IAAI8C,GAAG,IAAI,CAAC,EAAEhD,SAAS,CAACkD,MAAM,CAACF,GAAG,EAAE,CAAC,CAAC;MAEtCnC,QAAQ,CAACsC,mBAAmB,CAAC,SAAS,EAAEd,IAAI,EAAE,IAAI,CAAC;;MAEnD;MACA;MACA;MACA;MACA,IACER,OAAO,IACPA,OAAO,KAAKhB,QAAQ,CAACC,IAAI,IACzB,OAAO,IAAIe,OAAO,IAClB,OAAOA,OAAO,CAACO,KAAK,KAAK,UAAU,IACnCvB,QAAQ,CAACC,IAAI,CAACT,QAAQ,CAACwB,OAAO,CAAC,IAC/B,EAAE,UAAU,IAAIA,OAAO,IAAIA,OAAO,CAACrB,QAAQ,CAAC,EAC5C;QACAqB,OAAO,CAACO,KAAK,CAAC,CAAC;MACjB;IACF,CAAC;EACH,CAAC,EAAE,CAACjB,QAAQ,EAAED,GAAG,CAAC,CAAC;AACrB","ignoreList":[]}

package/dist/v2/hooks/useFormAutoSave.d.ts

@@ -26,10 +26,10 @@ type FormAutoSaveOptions<Values> = {
     storageKey: string;
     values: Values;
     /** Required if you call restoreDraft(). */
-    setValues?: (values: Values) => void;
-    enabled?: boolean;
-    debounceMs?: number;
-    initialEmptyCheck?: (values: Values) => boolean;
+    setValues?: ((values: Values) => void) | undefined;
+    enabled?: boolean | undefined;
+    debounceMs?: number | undefined;
+    initialEmptyCheck?: ((values: Values) => boolean) | undefined;
 };
 type FormAutoSaveResult = {
     hasDraft: boolean;

package/dist/v2/hooks/useFormAutoSave.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useFormAutoSave.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/hooks/useFormAutoSave.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,KAAK,mBAAmB,CAAC,MAAM,IAAI;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,iBAAiB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC;CACjD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,MAAM,EAAE,EAC9C,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAc,EACd,UAAgB,EAChB,iBAAqC,GACtC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG,kBAAkB,CA+HlD"}
+{"version":3,"file":"useFormAutoSave.d.ts","sourceRoot":"","sources":["../../../src/lib/v2/hooks/useFormAutoSave.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,KAAK,mBAAmB,CAAC,MAAM,IAAI;IACjC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IACnD,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,CAAC,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,GAAG,SAAS,CAAC;CAC/D,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,OAAO,CAAC;IAC5B,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,MAAM,EAAE,EAC9C,UAAU,EACV,MAAM,EACN,SAAS,EACT,OAAc,EACd,UAAgB,EAChB,iBAAqC,GACtC,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAAG,kBAAkB,CA+HlD"}

package/dist/v2/hooks/useFormAutoSave.js

@@ -3,15 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = useFormAutoSave;
+exports.default = useFormAutoSave;
 var _react = require("react");
-function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0) { ; } } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * useFormAutoSave — persist Formik (or any form) values to
  * localStorage with debounced writes, and expose draft-restore
@@ -37,49 +30,41 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
  *     with empty initial values before the user decides to restore/ignore.
  */
 
-function useFormAutoSave(_ref) {
-  var storageKey = _ref.storageKey,
-    values = _ref.values,
-    setValues = _ref.setValues,
-    _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled,
-    _ref$debounceMs = _ref.debounceMs,
-    debounceMs = _ref$debounceMs === void 0 ? 800 : _ref$debounceMs,
-    _ref$initialEmptyChec = _ref.initialEmptyCheck,
-    initialEmptyCheck = _ref$initialEmptyChec === void 0 ? defaultEmptyCheck : _ref$initialEmptyChec;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    hasDraft = _useState2[0],
-    setHasDraft = _useState2[1];
-  var _useState3 = (0, _react.useState)(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    lastSavedAt = _useState4[0],
-    setLastSavedAt = _useState4[1];
-  var debounceTimerRef = (0, _react.useRef)(null);
-  var mountedRef = (0, _react.useRef)(false);
+function useFormAutoSave({
+  storageKey,
+  values,
+  setValues,
+  enabled = true,
+  debounceMs = 800,
+  initialEmptyCheck = defaultEmptyCheck
+}) {
+  const [hasDraft, setHasDraft] = (0, _react.useState)(false);
+  const [lastSavedAt, setLastSavedAt] = (0, _react.useState)(null);
+  const debounceTimerRef = (0, _react.useRef)(null);
+  const mountedRef = (0, _react.useRef)(false);
 
   /* ── Mount-time draft detection ────────────────── */
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!enabled) return;
     if (mountedRef.current) return;
     mountedRef.current = true;
     try {
-      var raw = localStorage.getItem(storageKey);
+      const raw = localStorage.getItem(storageKey);
       if (!raw) return;
-      var parsed = JSON.parse(raw);
-      if (parsed && _typeof(parsed) === "object" && "values" in parsed && parsed.values && _typeof(parsed.values) === "object") {
+      const parsed = JSON.parse(raw);
+      if (parsed && typeof parsed === "object" && "values" in parsed && parsed.values && typeof parsed.values === "object") {
         setHasDraft(true);
         if ("savedAt" in parsed && typeof parsed.savedAt === "string") {
-          var d = new Date(parsed.savedAt);
+          const d = new Date(parsed.savedAt);
           if (!Number.isNaN(d.getTime())) setLastSavedAt(d);
         }
       } else {
         localStorage.removeItem(storageKey);
       }
-    } catch (_unused) {
+    } catch {
       try {
         localStorage.removeItem(storageKey);
-      } catch (_unused2) {
+      } catch {
         /* ignore */
       }
     }
@@ -100,26 +85,26 @@ function useFormAutoSave(_ref) {
    *   - clearDraft()   is called (user chose to ignore)
    *   - No draft existed on mount (hasDraft was never set to true)
    */
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     if (!enabled) return undefined;
     if (hasDraft) return undefined; // ← PAUSE: preserve existing draft
     if (initialEmptyCheck(values)) return undefined;
     if (debounceTimerRef.current) {
       clearTimeout(debounceTimerRef.current);
     }
-    debounceTimerRef.current = setTimeout(function () {
+    debounceTimerRef.current = setTimeout(() => {
       try {
-        var now = new Date();
+        const now = new Date();
         localStorage.setItem(storageKey, JSON.stringify({
-          values: values,
+          values,
           savedAt: now.toISOString()
         }));
         setLastSavedAt(now);
-      } catch (_unused3) {
+      } catch {
         // Quota full / private mode — no-op.
       }
     }, debounceMs);
-    return function () {
+    return () => {
       if (debounceTimerRef.current) {
         clearTimeout(debounceTimerRef.current);
       }
@@ -127,7 +112,7 @@ function useFormAutoSave(_ref) {
   }, [values, enabled, hasDraft, storageKey, debounceMs, initialEmptyCheck]);
 
   /* ── Restore draft ─────────────────────── */
-  var restoreDraft = (0, _react.useCallback)(function () {
+  const restoreDraft = (0, _react.useCallback)(() => {
     if (!setValues) {
       if (process.env["NODE_ENV"] !== "production") {
         // eslint-disable-next-line no-console
@@ -136,10 +121,10 @@ function useFormAutoSave(_ref) {
       return false;
     }
     try {
-      var raw = localStorage.getItem(storageKey);
+      const raw = localStorage.getItem(storageKey);
       if (!raw) return false;
-      var parsed = JSON.parse(raw);
-      if (!parsed || _typeof(parsed) !== "object" || !("values" in parsed) || !parsed.values) {
+      const parsed = JSON.parse(raw);
+      if (!parsed || typeof parsed !== "object" || !("values" in parsed) || !parsed.values) {
         return false;
       }
       // Persisted draft payload is the form's Values, round-tripped
@@ -147,26 +132,26 @@ function useFormAutoSave(_ref) {
       setValues(parsed.values);
       setHasDraft(false); // ← resumes auto-save with restored values
       return true;
-    } catch (_unused4) {
+    } catch {
       return false;
     }
   }, [storageKey, setValues]);
 
   /* ── Clear draft ─────────────────────── */
-  var clearDraft = (0, _react.useCallback)(function () {
+  const clearDraft = (0, _react.useCallback)(() => {
     try {
       localStorage.removeItem(storageKey);
-    } catch (_unused5) {
+    } catch {
       /* ignore */
     }
     setHasDraft(false); // ← resumes auto-save for new input
     setLastSavedAt(null);
   }, [storageKey]);
   return {
-    hasDraft: hasDraft,
-    lastSavedAt: lastSavedAt,
-    restoreDraft: restoreDraft,
-    clearDraft: clearDraft
+    hasDraft,
+    lastSavedAt,
+    restoreDraft,
+    clearDraft
   };
 }
 
@@ -176,11 +161,11 @@ function isEmptyValue(v) {
   if (v === null || v === undefined) return true;
   if (typeof v === "string") return v.trim().length === 0;
   if (Array.isArray(v)) return v.length === 0;
-  if (_typeof(v) === "object") return Object.keys(v).length === 0;
+  if (typeof v === "object") return Object.keys(v).length === 0;
   return false;
 }
 function defaultEmptyCheck(values) {
-  if (!values || _typeof(values) !== "object") return true;
+  if (!values || typeof values !== "object") return true;
   return Object.values(values).every(isEmptyValue);
 }
 //# sourceMappingURL=useFormAutoSave.js.map