@mantine/hooks 7.0.0-alpha.9 → 7.0.0-beta.1

package/cjs/use-event-listener/use-event-listener.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-event-listener.js","sources":["../../src/use-event-listener/use-event-listener.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(\n  type: K,\n  listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n) {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.addEventListener(type, listener as any, options);\n      return () => ref.current?.removeEventListener(type, listener as any, options);\n    }\n    return undefined;\n  }, [listener, options]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;SAEgB,gBAAgB,CAC9B,IAAO,EACP,QAAmE,EACnE,OAA2C;IAE3C,MAAM,GAAG,GAAGA,YAAM,EAAK,CAAC;IAExBC,eAAS,CAAC;QACR,IAAI,GAAG,CAAC,OAAO,EAAE;YACf,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAe,EAAE,OAAO,CAAC,CAAC;YAC7D,OAAO,gBAAM,OAAA,MAAA,GAAG,CAAC,OAAO,0CAAE,mBAAmB,CAAC,IAAI,EAAE,QAAe,EAAE,OAAO,CAAC,CAAA,EAAA,CAAC;SAC/E;QACD,OAAO,SAAS,CAAC;KAClB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAExB,OAAO,GAAG,CAAC;AACb;;;;"}
+{"version":3,"file":"use-event-listener.js","sources":["../../src/use-event-listener/use-event-listener.ts"],"sourcesContent":["import { useRef, useEffect } from 'react';\n\nexport function useEventListener<K extends keyof HTMLElementEventMap, T extends HTMLElement = any>(\n  type: K,\n  listener: (this: HTMLDivElement, ev: HTMLElementEventMap[K]) => any,\n  options?: boolean | AddEventListenerOptions\n) {\n  const ref = useRef<T>();\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.addEventListener(type, listener as any, options);\n      return () => ref.current?.removeEventListener(type, listener as any, options);\n    }\n    return undefined;\n  }, [listener, options]);\n\n  return ref;\n}\n"],"names":["useRef","useEffect"],"mappings":";;;;;;AACO,SAAS,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE;AAC1D,EAAE,MAAM,GAAG,GAAGA,YAAM,EAAE,CAAC;AACvB,EAAEC,eAAS,CAAC,MAAM;AAClB,IAAI,IAAI,GAAG,CAAC,OAAO,EAAE;AACrB,MAAM,GAAG,CAAC,OAAO,CAAC,gBAAgB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC5D,MAAM,OAAO,MAAM;AACnB,QAAQ,IAAI,EAAE,CAAC;AACf,QAAQ,OAAO,CAAC,EAAE,GAAG,GAAG,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,IAAI,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC;AACrG,OAAO,CAAC;AACR,KAAK;AACL,IAAI,OAAO,KAAK,CAAC,CAAC;AAClB,GAAG,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1B,EAAE,OAAO,GAAG,CAAC;AACb;;;;"}

package/cjs/use-eye-dropper/use-eye-dropper.js

@@ -6,18 +6,21 @@ var React = require('react');
 var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.js');
 
 function useEyeDropper() {
-    const [supported, setSupported] = React.useState(false);
-    useIsomorphicEffect.useIsomorphicEffect(() => {
-        setSupported(typeof window !== 'undefined' && 'EyeDropper' in window);
-    }, []);
-    const open = React.useCallback((options = {}) => {
-        if (supported) {
-            const eyeDropper = new window.EyeDropper();
-            return eyeDropper.open(options);
-        }
-        return Promise.resolve(undefined);
-    }, [supported]);
-    return { supported, open };
+  const [supported, setSupported] = React.useState(false);
+  useIsomorphicEffect.useIsomorphicEffect(() => {
+    setSupported(typeof window !== "undefined" && "EyeDropper" in window);
+  }, []);
+  const open = React.useCallback(
+    (options = {}) => {
+      if (supported) {
+        const eyeDropper = new window.EyeDropper();
+        return eyeDropper.open(options);
+      }
+      return Promise.resolve(void 0);
+    },
+    [supported]
+  );
+  return { supported, open };
 }
 
 exports.useEyeDropper = useEyeDropper;

package/cjs/use-eye-dropper/use-eye-dropper.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-eye-dropper.js","sources":["../../src/use-eye-dropper/use-eye-dropper.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\ninterface EyeDropperOpenOptions {\n  signal?: AbortSignal;\n}\n\nexport interface EyeDropperOpenReturnType {\n  sRGBHex: string;\n}\n\nexport function useEyeDropper() {\n  const [supported, setSupported] = useState(false);\n\n  useIsomorphicEffect(() => {\n    setSupported(typeof window !== 'undefined' && 'EyeDropper' in window);\n  }, []);\n\n  const open = useCallback(\n    (options: EyeDropperOpenOptions = {}): Promise<EyeDropperOpenReturnType | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper();\n        return eyeDropper.open(options);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    [supported]\n  );\n\n  return { supported, open };\n}\n"],"names":["useState","useIsomorphicEffect","useCallback"],"mappings":";;;;;;;SAWgB,aAAa;IAC3B,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;IAElDC,uCAAmB,CAAC;QAClB,YAAY,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,CAAC,CAAC;KACvE,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,IAAI,GAAGC,iBAAW,CACtB,CAAC,UAAiC,EAAE;QAClC,IAAI,SAAS,EAAE;YACb,MAAM,UAAU,GAAG,IAAK,MAAc,CAAC,UAAU,EAAE,CAAC;YACpD,OAAO,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;SACjC;QAED,OAAO,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;KACnC,EACD,CAAC,SAAS,CAAC,CACZ,CAAC;IAEF,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC7B;;;;"}
+{"version":3,"file":"use-eye-dropper.js","sources":["../../src/use-eye-dropper/use-eye-dropper.ts"],"sourcesContent":["import { useCallback, useState } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\ninterface EyeDropperOpenOptions {\n  signal?: AbortSignal;\n}\n\nexport interface EyeDropperOpenReturnType {\n  sRGBHex: string;\n}\n\nexport function useEyeDropper() {\n  const [supported, setSupported] = useState(false);\n\n  useIsomorphicEffect(() => {\n    setSupported(typeof window !== 'undefined' && 'EyeDropper' in window);\n  }, []);\n\n  const open = useCallback(\n    (options: EyeDropperOpenOptions = {}): Promise<EyeDropperOpenReturnType | undefined> => {\n      if (supported) {\n        const eyeDropper = new (window as any).EyeDropper();\n        return eyeDropper.open(options);\n      }\n\n      return Promise.resolve(undefined);\n    },\n    [supported]\n  );\n\n  return { supported, open };\n}\n"],"names":["useState","useIsomorphicEffect","useCallback"],"mappings":";;;;;;;AAEO,SAAS,aAAa,GAAG;AAChC,EAAE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAGA,cAAQ,CAAC,KAAK,CAAC,CAAC;AACpD,EAAEC,uCAAmB,CAAC,MAAM;AAC5B,IAAI,YAAY,CAAC,OAAO,MAAM,KAAK,WAAW,IAAI,YAAY,IAAI,MAAM,CAAC,CAAC;AAC1E,GAAG,EAAE,EAAE,CAAC,CAAC;AACT,EAAE,MAAM,IAAI,GAAGC,iBAAW;AAC1B,IAAI,CAAC,OAAO,GAAG,EAAE,KAAK;AACtB,MAAM,IAAI,SAAS,EAAE;AACrB,QAAQ,MAAM,UAAU,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;AACnD,QAAQ,OAAO,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;AACxC,OAAO;AACP,MAAM,OAAO,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;AACrC,KAAK;AACL,IAAI,CAAC,SAAS,CAAC;AACf,GAAG,CAAC;AACJ,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC7B;;;;"}

package/cjs/use-favicon/use-favicon.js

@@ -6,31 +6,33 @@ var React = require('react');
 var useIsomorphicEffect = require('../use-isomorphic-effect/use-isomorphic-effect.js');
 
 const MIME_TYPES = {
-    ico: 'image/x-icon',
-    png: 'image/png',
-    svg: 'image/svg+xml',
-    gif: 'image/gif',
+  ico: "image/x-icon",
+  png: "image/png",
+  svg: "image/svg+xml",
+  gif: "image/gif"
 };
 function useFavicon(url) {
-    const link = React.useRef();
-    useIsomorphicEffect.useIsomorphicEffect(() => {
-        if (!url) {
-            return;
-        }
-        if (!link.current) {
-            const existingElements = document.querySelectorAll('link[rel*="icon"]');
-            existingElements.forEach((element) => document.head.removeChild(element));
-            const element = document.createElement('link');
-            element.rel = 'shortcut icon';
-            link.current = element;
-            document.querySelector('head').appendChild(element);
-        }
-        const splittedUrl = url.split('.');
-        link.current.setAttribute('type', 
-        // @ts-ignore
-        MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]);
-        link.current.setAttribute('href', url);
-    }, [url]);
+  const link = React.useRef();
+  useIsomorphicEffect.useIsomorphicEffect(() => {
+    if (!url) {
+      return;
+    }
+    if (!link.current) {
+      const existingElements = document.querySelectorAll('link[rel*="icon"]');
+      existingElements.forEach((element2) => document.head.removeChild(element2));
+      const element = document.createElement("link");
+      element.rel = "shortcut icon";
+      link.current = element;
+      document.querySelector("head").appendChild(element);
+    }
+    const splittedUrl = url.split(".");
+    link.current.setAttribute(
+      "type",
+      // @ts-ignore
+      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]
+    );
+    link.current.setAttribute("href", url);
+  }, [url]);
 }
 
 exports.useFavicon = useFavicon;

package/cjs/use-favicon/use-favicon.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-favicon.js","sources":["../../src/use-favicon/use-favicon.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nconst MIME_TYPES = {\n  ico: 'image/x-icon',\n  png: 'image/png',\n  svg: 'image/svg+xml',\n  gif: 'image/gif',\n};\n\nexport function useFavicon(url: string) {\n  const link = useRef<HTMLLinkElement>();\n\n  useIsomorphicEffect(() => {\n    if (!url) {\n      return;\n    }\n\n    if (!link.current) {\n      const existingElements = document.querySelectorAll<HTMLLinkElement>('link[rel*=\"icon\"]');\n      existingElements.forEach((element) => document.head.removeChild(element));\n\n      const element = document.createElement('link');\n      element.rel = 'shortcut icon';\n      link.current = element;\n      document.querySelector('head')!.appendChild(element);\n    }\n\n    const splittedUrl = url.split('.');\n    link.current.setAttribute(\n      'type',\n      // @ts-ignore\n      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]\n    );\n    link.current.setAttribute('href', url);\n  }, [url]);\n}\n"],"names":["useRef","useIsomorphicEffect"],"mappings":";;;;;;;AAGA,MAAM,UAAU,GAAG;IACjB,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,eAAe;IACpB,GAAG,EAAE,WAAW;CACjB,CAAC;SAEc,UAAU,CAAC,GAAW;IACpC,MAAM,IAAI,GAAGA,YAAM,EAAmB,CAAC;IAEvCC,uCAAmB,CAAC;QAClB,IAAI,CAAC,GAAG,EAAE;YACR,OAAO;SACR;QAED,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACjB,MAAM,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAkB,mBAAmB,CAAC,CAAC;YACzF,gBAAgB,CAAC,OAAO,CAAC,CAAC,OAAO,KAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;YAE1E,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/C,OAAO,CAAC,GAAG,GAAG,eAAe,CAAC;YAC9B,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;YACvB,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAE,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;SACtD;QAED,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,YAAY,CACvB,MAAM;;QAEN,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC,CAC9D,CAAC;QACF,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;KACxC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ;;;;"}
+{"version":3,"file":"use-favicon.js","sources":["../../src/use-favicon/use-favicon.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useIsomorphicEffect } from '../use-isomorphic-effect/use-isomorphic-effect';\n\nconst MIME_TYPES = {\n  ico: 'image/x-icon',\n  png: 'image/png',\n  svg: 'image/svg+xml',\n  gif: 'image/gif',\n};\n\nexport function useFavicon(url: string) {\n  const link = useRef<HTMLLinkElement>();\n\n  useIsomorphicEffect(() => {\n    if (!url) {\n      return;\n    }\n\n    if (!link.current) {\n      const existingElements = document.querySelectorAll<HTMLLinkElement>('link[rel*=\"icon\"]');\n      existingElements.forEach((element) => document.head.removeChild(element));\n\n      const element = document.createElement('link');\n      element.rel = 'shortcut icon';\n      link.current = element;\n      document.querySelector('head')!.appendChild(element);\n    }\n\n    const splittedUrl = url.split('.');\n    link.current.setAttribute(\n      'type',\n      // @ts-ignore\n      MIME_TYPES[splittedUrl[splittedUrl.length - 1].toLowerCase()]\n    );\n    link.current.setAttribute('href', url);\n  }, [url]);\n}\n"],"names":["useRef","useIsomorphicEffect"],"mappings":";;;;;;;AAEA,MAAM,UAAU,GAAG;AACnB,EAAE,GAAG,EAAE,cAAc;AACrB,EAAE,GAAG,EAAE,WAAW;AAClB,EAAE,GAAG,EAAE,eAAe;AACtB,EAAE,GAAG,EAAE,WAAW;AAClB,CAAC,CAAC;AACK,SAAS,UAAU,CAAC,GAAG,EAAE;AAChC,EAAE,MAAM,IAAI,GAAGA,YAAM,EAAE,CAAC;AACxB,EAAEC,uCAAmB,CAAC,MAAM;AAC5B,IAAI,IAAI,CAAC,GAAG,EAAE;AACd,MAAM,OAAO;AACb,KAAK;AACL,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;AACvB,MAAM,MAAM,gBAAgB,GAAG,QAAQ,CAAC,gBAAgB,CAAC,mBAAmB,CAAC,CAAC;AAC9E,MAAM,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;AAClF,MAAM,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;AACrD,MAAM,OAAO,CAAC,GAAG,GAAG,eAAe,CAAC;AACpC,MAAM,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;AAC7B,MAAM,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAC1D,KAAK;AACL,IAAI,MAAM,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;AACvC,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY;AAC7B,MAAM,MAAM;AACZ;AACA,MAAM,UAAU,CAAC,WAAW,CAAC,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;AACnE,KAAK,CAAC;AACN,IAAI,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;AAC3C,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACZ;;;;"}

package/cjs/use-focus-return/use-focus-return.js

@@ -5,37 +5,33 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var useDidUpdate = require('../use-did-update/use-did-update.js');
 
-/** Returns focus to last active element, used in Modal and Drawer */
 function useFocusReturn({ opened, shouldReturnFocus = true }) {
-    const lastActiveElement = React.useRef();
-    const returnFocus = () => {
-        var _a;
-        if (lastActiveElement.current &&
-            'focus' in lastActiveElement.current &&
-            typeof lastActiveElement.current.focus === 'function') {
-            (_a = lastActiveElement.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
-        }
+  const lastActiveElement = React.useRef();
+  const returnFocus = () => {
+    var _a;
+    if (lastActiveElement.current && "focus" in lastActiveElement.current && typeof lastActiveElement.current.focus === "function") {
+      (_a = lastActiveElement.current) == null ? void 0 : _a.focus({ preventScroll: true });
+    }
+  };
+  useDidUpdate.useDidUpdate(() => {
+    let timeout = -1;
+    const clearFocusTimeout = (event) => {
+      if (event.key === "Tab") {
+        window.clearTimeout(timeout);
+      }
     };
-    useDidUpdate.useDidUpdate(() => {
-        let timeout = -1;
-        const clearFocusTimeout = (event) => {
-            if (event.key === 'Tab') {
-                window.clearTimeout(timeout);
-            }
-        };
-        document.addEventListener('keydown', clearFocusTimeout);
-        if (opened) {
-            lastActiveElement.current = document.activeElement;
-        }
-        else if (shouldReturnFocus) {
-            timeout = window.setTimeout(returnFocus, 10);
-        }
-        return () => {
-            window.clearTimeout(timeout);
-            document.removeEventListener('keydown', clearFocusTimeout);
-        };
-    }, [opened, shouldReturnFocus]);
-    return returnFocus;
+    document.addEventListener("keydown", clearFocusTimeout);
+    if (opened) {
+      lastActiveElement.current = document.activeElement;
+    } else if (shouldReturnFocus) {
+      timeout = window.setTimeout(returnFocus, 10);
+    }
+    return () => {
+      window.clearTimeout(timeout);
+      document.removeEventListener("keydown", clearFocusTimeout);
+    };
+  }, [opened, shouldReturnFocus]);
+  return returnFocus;
 }
 
 exports.useFocusReturn = useFocusReturn;

package/cjs/use-focus-return/use-focus-return.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-focus-return.js","sources":["../../src/use-focus-return/use-focus-return.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\ninterface UseFocusReturn {\n  opened: boolean;\n  shouldReturnFocus?: boolean;\n}\n\n/** Returns focus to last active element, used in Modal and Drawer */\nexport function useFocusReturn({ opened, shouldReturnFocus = true }: UseFocusReturn) {\n  const lastActiveElement = useRef<HTMLElement>();\n  const returnFocus = () => {\n    if (\n      lastActiveElement.current &&\n      'focus' in lastActiveElement.current &&\n      typeof lastActiveElement.current.focus === 'function'\n    ) {\n      lastActiveElement.current?.focus({ preventScroll: true });\n    }\n  };\n\n  useDidUpdate(() => {\n    let timeout = -1;\n\n    const clearFocusTimeout = (event: KeyboardEvent) => {\n      if (event.key === 'Tab') {\n        window.clearTimeout(timeout);\n      }\n    };\n\n    document.addEventListener('keydown', clearFocusTimeout);\n\n    if (opened) {\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (shouldReturnFocus) {\n      timeout = window.setTimeout(returnFocus, 10);\n    }\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('keydown', clearFocusTimeout);\n    };\n  }, [opened, shouldReturnFocus]);\n\n  return returnFocus;\n}\n"],"names":["useRef","useDidUpdate"],"mappings":";;;;;;;AAQA;SACgB,cAAc,CAAC,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAkB;IACjF,MAAM,iBAAiB,GAAGA,YAAM,EAAe,CAAC;IAChD,MAAM,WAAW,GAAG;;QAClB,IACE,iBAAiB,CAAC,OAAO;YACzB,OAAO,IAAI,iBAAiB,CAAC,OAAO;YACpC,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU,EACrD;YACA,MAAA,iBAAiB,CAAC,OAAO,0CAAE,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;SAC3D;KACF,CAAC;IAEFC,yBAAY,CAAC;QACX,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;QAEjB,MAAM,iBAAiB,GAAG,CAAC,KAAoB;YAC7C,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;gBACvB,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;aAC9B;SACF,CAAC;QAEF,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;QAExD,IAAI,MAAM,EAAE;YACV,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAA4B,CAAC;SACnE;aAAM,IAAI,iBAAiB,EAAE;YAC5B,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;SAC9C;QAED,OAAO;YACL,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YAC7B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;SAC5D,CAAC;KACH,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;IAEhC,OAAO,WAAW,CAAC;AACrB;;;;"}
+{"version":3,"file":"use-focus-return.js","sources":["../../src/use-focus-return/use-focus-return.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { useDidUpdate } from '../use-did-update/use-did-update';\n\ninterface UseFocusReturn {\n  opened: boolean;\n  shouldReturnFocus?: boolean;\n}\n\n/** Returns focus to last active element, used in Modal and Drawer */\nexport function useFocusReturn({ opened, shouldReturnFocus = true }: UseFocusReturn) {\n  const lastActiveElement = useRef<HTMLElement>();\n  const returnFocus = () => {\n    if (\n      lastActiveElement.current &&\n      'focus' in lastActiveElement.current &&\n      typeof lastActiveElement.current.focus === 'function'\n    ) {\n      lastActiveElement.current?.focus({ preventScroll: true });\n    }\n  };\n\n  useDidUpdate(() => {\n    let timeout = -1;\n\n    const clearFocusTimeout = (event: KeyboardEvent) => {\n      if (event.key === 'Tab') {\n        window.clearTimeout(timeout);\n      }\n    };\n\n    document.addEventListener('keydown', clearFocusTimeout);\n\n    if (opened) {\n      lastActiveElement.current = document.activeElement as HTMLElement;\n    } else if (shouldReturnFocus) {\n      timeout = window.setTimeout(returnFocus, 10);\n    }\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('keydown', clearFocusTimeout);\n    };\n  }, [opened, shouldReturnFocus]);\n\n  return returnFocus;\n}\n"],"names":["useRef","useDidUpdate"],"mappings":";;;;;;;AAEO,SAAS,cAAc,CAAC,EAAE,MAAM,EAAE,iBAAiB,GAAG,IAAI,EAAE,EAAE;AACrE,EAAE,MAAM,iBAAiB,GAAGA,YAAM,EAAE,CAAC;AACrC,EAAE,MAAM,WAAW,GAAG,MAAM;AAC5B,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,IAAI,iBAAiB,CAAC,OAAO,IAAI,OAAO,iBAAiB,CAAC,OAAO,CAAC,KAAK,KAAK,UAAU,EAAE;AACpI,MAAM,CAAC,EAAE,GAAG,iBAAiB,CAAC,OAAO,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,EAAE,aAAa,EAAE,IAAI,EAAE,CAAC,CAAC;AAC5F,KAAK;AACL,GAAG,CAAC;AACJ,EAAEC,yBAAY,CAAC,MAAM;AACrB,IAAI,IAAI,OAAO,GAAG,CAAC,CAAC,CAAC;AACrB,IAAI,MAAM,iBAAiB,GAAG,CAAC,KAAK,KAAK;AACzC,MAAM,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,EAAE;AAC/B,QAAQ,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACrC,OAAO;AACP,KAAK,CAAC;AACN,IAAI,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AAC5D,IAAI,IAAI,MAAM,EAAE;AAChB,MAAM,iBAAiB,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC;AACzD,KAAK,MAAM,IAAI,iBAAiB,EAAE;AAClC,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,OAAO,MAAM;AACjB,MAAM,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;AACnC,MAAM,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,iBAAiB,CAAC,CAAC;AACjE,KAAK,CAAC;AACN,GAAG,EAAE,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC;AAClC,EAAE,OAAO,WAAW,CAAC;AACrB;;;;"}

package/cjs/use-focus-trap/create-aria-hider.js

@@ -4,43 +4,43 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var randomId = require('../utils/random-id/random-id.js');
 
-function createAriaHider(containerNode, selector = 'body > :not(script)') {
-    const id = randomId.randomId();
-    const rootNodes = Array.from(document.querySelectorAll(selector)).map((node) => {
-        var _a;
-        if (((_a = node === null || node === void 0 ? void 0 : node.shadowRoot) === null || _a === void 0 ? void 0 : _a.contains(containerNode)) || node.contains(containerNode)) {
-            return undefined;
-        }
-        const ariaHidden = node.getAttribute('aria-hidden');
-        const prevAriaHidden = node.getAttribute('data-hidden');
-        const prevFocusId = node.getAttribute('data-focus-id');
-        node.setAttribute('data-focus-id', id);
-        if (ariaHidden === null || ariaHidden === 'false') {
-            node.setAttribute('aria-hidden', 'true');
-        }
-        else if (!prevAriaHidden && !prevFocusId) {
-            node.setAttribute('data-hidden', ariaHidden);
-        }
-        return {
-            node,
-            ariaHidden: prevAriaHidden || null,
-        };
-    });
-    return () => {
-        rootNodes.forEach((item) => {
-            if (!item || id !== item.node.getAttribute('data-focus-id')) {
-                return;
-            }
-            if (item.ariaHidden === null) {
-                item.node.removeAttribute('aria-hidden');
-            }
-            else {
-                item.node.setAttribute('aria-hidden', item.ariaHidden);
-            }
-            item.node.removeAttribute('data-focus-id');
-            item.node.removeAttribute('data-hidden');
-        });
+function createAriaHider(containerNode, selector = "body > :not(script)") {
+  const id = randomId.randomId();
+  const rootNodes = Array.from(
+    document.querySelectorAll(selector)
+  ).map((node) => {
+    var _a;
+    if (((_a = node == null ? void 0 : node.shadowRoot) == null ? void 0 : _a.contains(containerNode)) || node.contains(containerNode)) {
+      return void 0;
+    }
+    const ariaHidden = node.getAttribute("aria-hidden");
+    const prevAriaHidden = node.getAttribute("data-hidden");
+    const prevFocusId = node.getAttribute("data-focus-id");
+    node.setAttribute("data-focus-id", id);
+    if (ariaHidden === null || ariaHidden === "false") {
+      node.setAttribute("aria-hidden", "true");
+    } else if (!prevAriaHidden && !prevFocusId) {
+      node.setAttribute("data-hidden", ariaHidden);
+    }
+    return {
+      node,
+      ariaHidden: prevAriaHidden || null
     };
+  });
+  return () => {
+    rootNodes.forEach((item) => {
+      if (!item || id !== item.node.getAttribute("data-focus-id")) {
+        return;
+      }
+      if (item.ariaHidden === null) {
+        item.node.removeAttribute("aria-hidden");
+      } else {
+        item.node.setAttribute("aria-hidden", item.ariaHidden);
+      }
+      item.node.removeAttribute("data-focus-id");
+      item.node.removeAttribute("data-hidden");
+    });
+  };
 }
 
 exports.createAriaHider = createAriaHider;

package/cjs/use-focus-trap/create-aria-hider.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["import { randomId } from '../utils';\n\ninterface Value {\n  node: HTMLElement;\n  ariaHidden: string | null;\n}\n\nexport function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const id = randomId();\n\n  const rootNodes: (Value | undefined)[] = Array.from<HTMLElement>(\n    document.querySelectorAll(selector)\n  ).map((node) => {\n    if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n      return undefined;\n    }\n\n    const ariaHidden = node.getAttribute('aria-hidden');\n    const prevAriaHidden = node.getAttribute('data-hidden');\n    const prevFocusId = node.getAttribute('data-focus-id');\n\n    node.setAttribute('data-focus-id', id);\n\n    if (ariaHidden === null || ariaHidden === 'false') {\n      node.setAttribute('aria-hidden', 'true');\n    } else if (!prevAriaHidden && !prevFocusId) {\n      node.setAttribute('data-hidden', ariaHidden);\n    }\n\n    return {\n      node,\n      ariaHidden: prevAriaHidden || null,\n    };\n  });\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item || id !== item.node.getAttribute('data-focus-id')) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n\n      item.node.removeAttribute('data-focus-id');\n      item.node.removeAttribute('data-hidden');\n    });\n  };\n}\n"],"names":["randomId"],"mappings":";;;;;;SAOgB,eAAe,CAC7B,aAA0B,EAC1B,WAAmB,qBAAqB;IAExC,MAAM,EAAE,GAAGA,iBAAQ,EAAE,CAAC;IAEtB,MAAM,SAAS,GAA0B,KAAK,CAAC,IAAI,CACjD,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CACpC,CAAC,GAAG,CAAC,CAAC,IAAI;;QACT,IAAI,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU,0CAAE,QAAQ,CAAC,aAAa,CAAC,KAAI,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;YAC7E,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACpD,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;QACxD,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;QAEvD,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;QAEvC,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;YACjD,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;SAC1C;aAAM,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,EAAE;YAC1C,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;SAC9C;QAED,OAAO;YACL,IAAI;YACJ,UAAU,EAAE,cAAc,IAAI,IAAI;SACnC,CAAC;KACH,CAAC,CAAC;IAEH,OAAO;QACL,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI;YACrB,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;gBAC3D,OAAO;aACR;YAED,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;gBAC5B,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;aAC1C;iBAAM;gBACL,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;aACxD;YAED,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;YAC3C,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;SAC1C,CAAC,CAAC;KACJ,CAAC;AACJ;;;;"}
+{"version":3,"file":"create-aria-hider.js","sources":["../../src/use-focus-trap/create-aria-hider.ts"],"sourcesContent":["import { randomId } from '../utils';\n\ninterface Value {\n  node: HTMLElement;\n  ariaHidden: string | null;\n}\n\nexport function createAriaHider(\n  containerNode: HTMLElement,\n  selector: string = 'body > :not(script)'\n) {\n  const id = randomId();\n\n  const rootNodes: (Value | undefined)[] = Array.from<HTMLElement>(\n    document.querySelectorAll(selector)\n  ).map((node) => {\n    if (node?.shadowRoot?.contains(containerNode) || node.contains(containerNode)) {\n      return undefined;\n    }\n\n    const ariaHidden = node.getAttribute('aria-hidden');\n    const prevAriaHidden = node.getAttribute('data-hidden');\n    const prevFocusId = node.getAttribute('data-focus-id');\n\n    node.setAttribute('data-focus-id', id);\n\n    if (ariaHidden === null || ariaHidden === 'false') {\n      node.setAttribute('aria-hidden', 'true');\n    } else if (!prevAriaHidden && !prevFocusId) {\n      node.setAttribute('data-hidden', ariaHidden);\n    }\n\n    return {\n      node,\n      ariaHidden: prevAriaHidden || null,\n    };\n  });\n\n  return () => {\n    rootNodes.forEach((item) => {\n      if (!item || id !== item.node.getAttribute('data-focus-id')) {\n        return;\n      }\n\n      if (item.ariaHidden === null) {\n        item.node.removeAttribute('aria-hidden');\n      } else {\n        item.node.setAttribute('aria-hidden', item.ariaHidden);\n      }\n\n      item.node.removeAttribute('data-focus-id');\n      item.node.removeAttribute('data-hidden');\n    });\n  };\n}\n"],"names":["randomId"],"mappings":";;;;;;AACO,SAAS,eAAe,CAAC,aAAa,EAAE,QAAQ,GAAG,qBAAqB,EAAE;AACjF,EAAE,MAAM,EAAE,GAAGA,iBAAQ,EAAE,CAAC;AACxB,EAAE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI;AAC9B,IAAI,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,CAAC;AACvC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK;AAClB,IAAI,IAAI,EAAE,CAAC;AACX,IAAI,IAAI,CAAC,CAAC,EAAE,GAAG,IAAI,IAAI,IAAI,GAAG,KAAK,CAAC,GAAG,IAAI,CAAC,UAAU,KAAK,IAAI,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,aAAa,CAAC,KAAK,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AACxI,MAAM,OAAO,KAAK,CAAC,CAAC;AACpB,KAAK;AACL,IAAI,MAAM,UAAU,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AACxD,IAAI,MAAM,cAAc,GAAG,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC,CAAC;AAC5D,IAAI,MAAM,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;AAC3D,IAAI,IAAI,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;AAC3C,IAAI,IAAI,UAAU,KAAK,IAAI,IAAI,UAAU,KAAK,OAAO,EAAE;AACvD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;AAC/C,KAAK,MAAM,IAAI,CAAC,cAAc,IAAI,CAAC,WAAW,EAAE;AAChD,MAAM,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,CAAC,CAAC;AACnD,KAAK;AACL,IAAI,OAAO;AACX,MAAM,IAAI;AACV,MAAM,UAAU,EAAE,cAAc,IAAI,IAAI;AACxC,KAAK,CAAC;AACN,GAAG,CAAC,CAAC;AACL,EAAE,OAAO,MAAM;AACf,IAAI,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,KAAK;AAChC,MAAM,IAAI,CAAC,IAAI,IAAI,EAAE,KAAK,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,EAAE;AACnE,QAAQ,OAAO;AACf,OAAO;AACP,MAAM,IAAI,IAAI,CAAC,UAAU,KAAK,IAAI,EAAE;AACpC,QAAQ,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AACjD,OAAO,MAAM;AACb,QAAQ,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;AAC/D,OAAO;AACP,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,eAAe,CAAC,CAAC;AACjD,MAAM,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,aAAa,CAAC,CAAC;AAC/C,KAAK,CAAC,CAAC;AACP,GAAG,CAAC;AACJ;;;;"}

package/cjs/use-focus-trap/scope-tab.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tabbable = require('./tabbable.js');
 
 function scopeTab(node, event) {
-    const tabbable$1 = tabbable.findTabbableDescendants(node);
-    if (!tabbable$1.length) {
-        event.preventDefault();
-        return;
-    }
-    const finalTabbable = tabbable$1[event.shiftKey ? 0 : tabbable$1.length - 1];
-    const root = node.getRootNode();
-    const leavingFinalTabbable = finalTabbable === root.activeElement || node === root.activeElement;
-    if (!leavingFinalTabbable) {
-        return;
-    }
+  const tabbable$1 = tabbable.findTabbableDescendants(node);
+  if (!tabbable$1.length) {
     event.preventDefault();
-    const target = tabbable$1[event.shiftKey ? tabbable$1.length - 1 : 0];
-    if (target) {
-        target.focus();
-    }
+    return;
+  }
+  const finalTabbable = tabbable$1[event.shiftKey ? 0 : tabbable$1.length - 1];
+  const root = node.getRootNode();
+  const leavingFinalTabbable = finalTabbable === root.activeElement || node === root.activeElement;
+  if (!leavingFinalTabbable) {
+    return;
+  }
+  event.preventDefault();
+  const target = tabbable$1[event.shiftKey ? tabbable$1.length - 1 : 0];
+  if (target) {
+    target.focus();
+  }
 }
 
 exports.scopeTab = scopeTab;

package/cjs/use-focus-trap/scope-tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"scope-tab.js","sources":["../../src/use-focus-trap/scope-tab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\nexport function scopeTab(node: HTMLElement, event: KeyboardEvent) {\n  const tabbable = findTabbableDescendants(node);\n  if (!tabbable.length) {\n    event.preventDefault();\n    return;\n  }\n  const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n  const root = node.getRootNode() as unknown as DocumentOrShadowRoot;\n  const leavingFinalTabbable = finalTabbable === root.activeElement || node === root.activeElement;\n\n  if (!leavingFinalTabbable) {\n    return;\n  }\n\n  event.preventDefault();\n\n  const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n\n  if (target) {\n    target.focus();\n  }\n}\n"],"names":["tabbable","findTabbableDescendants"],"mappings":";;;;;;SAEgB,QAAQ,CAAC,IAAiB,EAAE,KAAoB;IAC9D,MAAMA,UAAQ,GAAGC,gCAAuB,CAAC,IAAI,CAAC,CAAC;IAC/C,IAAI,CAACD,UAAQ,CAAC,MAAM,EAAE;QACpB,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,OAAO;KACR;IACD,MAAM,aAAa,GAAGA,UAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAGA,UAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;IACzE,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAqC,CAAC;IACnE,MAAM,oBAAoB,GAAG,aAAa,KAAK,IAAI,CAAC,aAAa,IAAI,IAAI,KAAK,IAAI,CAAC,aAAa,CAAC;IAEjG,IAAI,CAAC,oBAAoB,EAAE;QACzB,OAAO;KACR;IAED,KAAK,CAAC,cAAc,EAAE,CAAC;IAEvB,MAAM,MAAM,GAAGA,UAAQ,CAAC,KAAK,CAAC,QAAQ,GAAGA,UAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;IAElE,IAAI,MAAM,EAAE;QACV,MAAM,CAAC,KAAK,EAAE,CAAC;KAChB;AACH;;;;"}
+{"version":3,"file":"scope-tab.js","sources":["../../src/use-focus-trap/scope-tab.ts"],"sourcesContent":["import { findTabbableDescendants } from './tabbable';\n\nexport function scopeTab(node: HTMLElement, event: KeyboardEvent) {\n  const tabbable = findTabbableDescendants(node);\n  if (!tabbable.length) {\n    event.preventDefault();\n    return;\n  }\n  const finalTabbable = tabbable[event.shiftKey ? 0 : tabbable.length - 1];\n  const root = node.getRootNode() as unknown as DocumentOrShadowRoot;\n  const leavingFinalTabbable = finalTabbable === root.activeElement || node === root.activeElement;\n\n  if (!leavingFinalTabbable) {\n    return;\n  }\n\n  event.preventDefault();\n\n  const target = tabbable[event.shiftKey ? tabbable.length - 1 : 0];\n\n  if (target) {\n    target.focus();\n  }\n}\n"],"names":["tabbable","findTabbableDescendants"],"mappings":";;;;;;AACO,SAAS,QAAQ,CAAC,IAAI,EAAE,KAAK,EAAE;AACtC,EAAE,MAAMA,UAAQ,GAAGC,gCAAuB,CAAC,IAAI,CAAC,CAAC;AACjD,EAAE,IAAI,CAACD,UAAQ,CAAC,MAAM,EAAE;AACxB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;AAC3B,IAAI,OAAO;AACX,GAAG;AACH,EAAE,MAAM,aAAa,GAAGA,UAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,GAAGA,UAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC;AAC3E,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC;AAClC,EAAE,MAAM,oBAAoB,GAAG,aAAa,KAAK,IAAI,CAAC,aAAa,IAAI,IAAI,KAAK,IAAI,CAAC,aAAa,CAAC;AACnG,EAAE,IAAI,CAAC,oBAAoB,EAAE;AAC7B,IAAI,OAAO;AACX,GAAG;AACH,EAAE,KAAK,CAAC,cAAc,EAAE,CAAC;AACzB,EAAE,MAAM,MAAM,GAAGA,UAAQ,CAAC,KAAK,CAAC,QAAQ,GAAGA,UAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACpE,EAAE,IAAI,MAAM,EAAE;AACd,IAAI,MAAM,CAAC,KAAK,EAAE,CAAC;AACnB,GAAG;AACH;;;;"}

package/cjs/use-focus-trap/tabbable.js

@@ -3,55 +3,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const TABBABLE_NODES = /input|select|textarea|button|object/;
-const FOCUS_SELECTOR = 'a, input, select, textarea, button, object, [tabindex]';
+const FOCUS_SELECTOR = "a, input, select, textarea, button, object, [tabindex]";
 function hidden(element) {
-    if (process.env.NODE_ENV === 'test') {
-        return false;
-    }
-    return element.style.display === 'none';
+  if (process.env.NODE_ENV === "test") {
+    return false;
+  }
+  return element.style.display === "none";
 }
 function visible(element) {
-    const isHidden = element.getAttribute('aria-hidden') ||
-        element.getAttribute('hidden') ||
-        element.getAttribute('type') === 'hidden';
-    if (isHidden) {
-        return false;
+  const isHidden = element.getAttribute("aria-hidden") || element.getAttribute("hidden") || element.getAttribute("type") === "hidden";
+  if (isHidden) {
+    return false;
+  }
+  let parentElement = element;
+  while (parentElement) {
+    if (parentElement === document.body || parentElement.nodeType === 11) {
+      break;
     }
-    let parentElement = element;
-    while (parentElement) {
-        if (parentElement === document.body || parentElement.nodeType === 11) {
-            break;
-        }
-        if (hidden(parentElement)) {
-            return false;
-        }
-        parentElement = parentElement.parentNode;
+    if (hidden(parentElement)) {
+      return false;
     }
-    return true;
+    parentElement = parentElement.parentNode;
+  }
+  return true;
 }
 function getElementTabIndex(element) {
-    let tabIndex = element.getAttribute('tabindex');
-    if (tabIndex === null) {
-        tabIndex = undefined;
-    }
-    return parseInt(tabIndex, 10);
+  let tabIndex = element.getAttribute("tabindex");
+  if (tabIndex === null) {
+    tabIndex = void 0;
+  }
+  return parseInt(tabIndex, 10);
 }
 function focusable(element) {
-    const nodeName = element.nodeName.toLowerCase();
-    const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
-    const res = 
+  const nodeName = element.nodeName.toLowerCase();
+  const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));
+  const res = (
     // @ts-ignore
-    (TABBABLE_NODES.test(nodeName) && !element.disabled) ||
-        (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);
-    return res && visible(element);
+    TABBABLE_NODES.test(nodeName) && !element.disabled || (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN)
+  );
+  return res && visible(element);
 }
 function tabbable(element) {
-    const tabIndex = getElementTabIndex(element);
-    const isTabIndexNaN = Number.isNaN(tabIndex);
-    return (isTabIndexNaN || tabIndex >= 0) && focusable(element);
+  const tabIndex = getElementTabIndex(element);
+  const isTabIndexNaN = Number.isNaN(tabIndex);
+  return (isTabIndexNaN || tabIndex >= 0) && focusable(element);
 }
 function findTabbableDescendants(element) {
-    return Array.from(element.querySelectorAll(FOCUS_SELECTOR)).filter(tabbable);
+  return Array.from(element.querySelectorAll(FOCUS_SELECTOR)).filter(tabbable);
 }
 
 exports.FOCUS_SELECTOR = FOCUS_SELECTOR;

package/cjs/use-focus-trap/tabbable.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbable.js","sources":["../../src/use-focus-trap/tabbable.ts"],"sourcesContent":["const TABBABLE_NODES = /input|select|textarea|button|object/;\nexport const FOCUS_SELECTOR = 'a, input, select, textarea, button, object, [tabindex]';\n\nfunction hidden(element: HTMLElement) {\n  if (process.env.NODE_ENV === 'test') {\n    return false;\n  }\n\n  return element.style.display === 'none';\n}\n\nfunction visible(element: HTMLElement) {\n  const isHidden =\n    element.getAttribute('aria-hidden') ||\n    element.getAttribute('hidden') ||\n    element.getAttribute('type') === 'hidden';\n\n  if (isHidden) {\n    return false;\n  }\n\n  let parentElement: HTMLElement = element;\n  while (parentElement) {\n    if (parentElement === document.body || parentElement.nodeType === 11) {\n      break;\n    }\n\n    if (hidden(parentElement)) {\n      return false;\n    }\n\n    parentElement = parentElement.parentNode as HTMLElement;\n  }\n\n  return true;\n}\n\nfunction getElementTabIndex(element: HTMLElement) {\n  let tabIndex: string | null | undefined = element.getAttribute('tabindex');\n  if (tabIndex === null) {\n    tabIndex = undefined;\n  }\n  return parseInt(tabIndex as string, 10);\n}\n\nexport function focusable(element: HTMLElement) {\n  const nodeName = element.nodeName.toLowerCase();\n  const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));\n  const res =\n    // @ts-ignore\n    (TABBABLE_NODES.test(nodeName) && !element.disabled) ||\n    (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);\n\n  return res && visible(element);\n}\n\nexport function tabbable(element: HTMLElement) {\n  const tabIndex = getElementTabIndex(element);\n  const isTabIndexNaN = Number.isNaN(tabIndex);\n  return (isTabIndexNaN || tabIndex >= 0) && focusable(element);\n}\n\nexport function findTabbableDescendants(element: HTMLElement): HTMLElement[] {\n  return Array.from(element.querySelectorAll<HTMLElement>(FOCUS_SELECTOR)).filter(tabbable);\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,qCAAqC,CAAC;MAChD,cAAc,GAAG,yDAAyD;AAEvF,SAAS,MAAM,CAAC,OAAoB;IAClC,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;QACnC,OAAO,KAAK,CAAC;KACd;IAED,OAAO,OAAO,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC;AAC1C,CAAC;AAED,SAAS,OAAO,CAAC,OAAoB;IACnC,MAAM,QAAQ,GACZ,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC;QACnC,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC;QAC9B,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC;IAE5C,IAAI,QAAQ,EAAE;QACZ,OAAO,KAAK,CAAC;KACd;IAED,IAAI,aAAa,GAAgB,OAAO,CAAC;IACzC,OAAO,aAAa,EAAE;QACpB,IAAI,aAAa,KAAK,QAAQ,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,KAAK,EAAE,EAAE;YACpE,MAAM;SACP;QAED,IAAI,MAAM,CAAC,aAAa,CAAC,EAAE;YACzB,OAAO,KAAK,CAAC;SACd;QAED,aAAa,GAAG,aAAa,CAAC,UAAyB,CAAC;KACzD;IAED,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,kBAAkB,CAAC,OAAoB;IAC9C,IAAI,QAAQ,GAA8B,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;IAC3E,IAAI,QAAQ,KAAK,IAAI,EAAE;QACrB,QAAQ,GAAG,SAAS,CAAC;KACtB;IACD,OAAO,QAAQ,CAAC,QAAkB,EAAE,EAAE,CAAC,CAAC;AAC1C,CAAC;SAEe,SAAS,CAAC,OAAoB;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;IAChD,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;IACpE,MAAM,GAAG;;IAEP,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ;SAClD,OAAO,YAAY,iBAAiB,GAAG,OAAO,CAAC,IAAI,IAAI,gBAAgB,GAAG,gBAAgB,CAAC,CAAC;IAE/F,OAAO,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC;SAEe,QAAQ,CAAC,OAAoB;IAC3C,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAC7C,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC7C,OAAO,CAAC,aAAa,IAAI,QAAQ,IAAI,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC;AAChE,CAAC;SAEe,uBAAuB,CAAC,OAAoB;IAC1D,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAc,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC5F;;;;;;;"}
+{"version":3,"file":"tabbable.js","sources":["../../src/use-focus-trap/tabbable.ts"],"sourcesContent":["const TABBABLE_NODES = /input|select|textarea|button|object/;\nexport const FOCUS_SELECTOR = 'a, input, select, textarea, button, object, [tabindex]';\n\nfunction hidden(element: HTMLElement) {\n  if (process.env.NODE_ENV === 'test') {\n    return false;\n  }\n\n  return element.style.display === 'none';\n}\n\nfunction visible(element: HTMLElement) {\n  const isHidden =\n    element.getAttribute('aria-hidden') ||\n    element.getAttribute('hidden') ||\n    element.getAttribute('type') === 'hidden';\n\n  if (isHidden) {\n    return false;\n  }\n\n  let parentElement: HTMLElement = element;\n  while (parentElement) {\n    if (parentElement === document.body || parentElement.nodeType === 11) {\n      break;\n    }\n\n    if (hidden(parentElement)) {\n      return false;\n    }\n\n    parentElement = parentElement.parentNode as HTMLElement;\n  }\n\n  return true;\n}\n\nfunction getElementTabIndex(element: HTMLElement) {\n  let tabIndex: string | null | undefined = element.getAttribute('tabindex');\n  if (tabIndex === null) {\n    tabIndex = undefined;\n  }\n  return parseInt(tabIndex as string, 10);\n}\n\nexport function focusable(element: HTMLElement) {\n  const nodeName = element.nodeName.toLowerCase();\n  const isTabIndexNotNaN = !Number.isNaN(getElementTabIndex(element));\n  const res =\n    // @ts-ignore\n    (TABBABLE_NODES.test(nodeName) && !element.disabled) ||\n    (element instanceof HTMLAnchorElement ? element.href || isTabIndexNotNaN : isTabIndexNotNaN);\n\n  return res && visible(element);\n}\n\nexport function tabbable(element: HTMLElement) {\n  const tabIndex = getElementTabIndex(element);\n  const isTabIndexNaN = Number.isNaN(tabIndex);\n  return (isTabIndexNaN || tabIndex >= 0) && focusable(element);\n}\n\nexport function findTabbableDescendants(element: HTMLElement): HTMLElement[] {\n  return Array.from(element.querySelectorAll<HTMLElement>(FOCUS_SELECTOR)).filter(tabbable);\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,cAAc,GAAG,qCAAqC,CAAC;AACjD,MAAC,cAAc,GAAG,yDAAyD;AACvF,SAAS,MAAM,CAAC,OAAO,EAAE;AACzB,EAAE,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,EAAE;AACvC,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,OAAO,OAAO,CAAC,KAAK,CAAC,OAAO,KAAK,MAAM,CAAC;AAC1C,CAAC;AACD,SAAS,OAAO,CAAC,OAAO,EAAE;AAC1B,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,QAAQ,CAAC,IAAI,OAAO,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,QAAQ,CAAC;AACtI,EAAE,IAAI,QAAQ,EAAE;AAChB,IAAI,OAAO,KAAK,CAAC;AACjB,GAAG;AACH,EAAE,IAAI,aAAa,GAAG,OAAO,CAAC;AAC9B,EAAE,OAAO,aAAa,EAAE;AACxB,IAAI,IAAI,aAAa,KAAK,QAAQ,CAAC,IAAI,IAAI,aAAa,CAAC,QAAQ,KAAK,EAAE,EAAE;AAC1E,MAAM,MAAM;AACZ,KAAK;AACL,IAAI,IAAI,MAAM,CAAC,aAAa,CAAC,EAAE;AAC/B,MAAM,OAAO,KAAK,CAAC;AACnB,KAAK;AACL,IAAI,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC;AAC7C,GAAG;AACH,EAAE,OAAO,IAAI,CAAC;AACd,CAAC;AACD,SAAS,kBAAkB,CAAC,OAAO,EAAE;AACrC,EAAE,IAAI,QAAQ,GAAG,OAAO,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;AAClD,EAAE,IAAI,QAAQ,KAAK,IAAI,EAAE;AACzB,IAAI,QAAQ,GAAG,KAAK,CAAC,CAAC;AACtB,GAAG;AACH,EAAE,OAAO,QAAQ,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;AAChC,CAAC;AACM,SAAS,SAAS,CAAC,OAAO,EAAE;AACnC,EAAE,MAAM,QAAQ,GAAG,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;AAClD,EAAE,MAAM,gBAAgB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC;AACtE,EAAE,MAAM,GAAG;AACX;AACA,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,KAAK,OAAO,YAAY,iBAAiB,GAAG,OAAO,CAAC,IAAI,IAAI,gBAAgB,GAAG,gBAAgB,CAAC;AACtJ,GAAG,CAAC;AACJ,EAAE,OAAO,GAAG,IAAI,OAAO,CAAC,OAAO,CAAC,CAAC;AACjC,CAAC;AACM,SAAS,QAAQ,CAAC,OAAO,EAAE;AAClC,EAAE,MAAM,QAAQ,GAAG,kBAAkB,CAAC,OAAO,CAAC,CAAC;AAC/C,EAAE,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AAC/C,EAAE,OAAO,CAAC,aAAa,IAAI,QAAQ,IAAI,CAAC,KAAK,SAAS,CAAC,OAAO,CAAC,CAAC;AAChE,CAAC;AACM,SAAS,uBAAuB,CAAC,OAAO,EAAE;AACjD,EAAE,OAAO,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC/E;;;;;;;"}

package/cjs/use-focus-trap/use-focus-trap.js

@@ -8,75 +8,75 @@ var scopeTab = require('./scope-tab.js');
 var createAriaHider = require('./create-aria-hider.js');
 
 function useFocusTrap(active = true) {
-    const ref = React.useRef();
-    const restoreAria = React.useRef(null);
-    const focusNode = (node) => {
-        let focusElement = node.querySelector('[data-autofocus]');
-        if (!focusElement) {
-            const children = Array.from(node.querySelectorAll(tabbable.FOCUS_SELECTOR));
-            focusElement = children.find(tabbable.tabbable) || children.find(tabbable.focusable) || null;
-            if (!focusElement && tabbable.focusable(node))
-                focusElement = node;
-        }
-        if (focusElement) {
-            focusElement.focus({ preventScroll: true });
-        }
-        else if (process.env.NODE_ENV === 'development') {
-            // eslint-disable-next-line no-console
-            console.warn('[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node', node);
+  const ref = React.useRef();
+  const restoreAria = React.useRef(null);
+  const focusNode = (node) => {
+    let focusElement = node.querySelector("[data-autofocus]");
+    if (!focusElement) {
+      const children = Array.from(node.querySelectorAll(tabbable.FOCUS_SELECTOR));
+      focusElement = children.find(tabbable.tabbable) || children.find(tabbable.focusable) || null;
+      if (!focusElement && tabbable.focusable(node))
+        focusElement = node;
+    }
+    if (focusElement) {
+      focusElement.focus({ preventScroll: true });
+    } else if (process.env.NODE_ENV === "development") {
+      console.warn(
+        "[@mantine/hooks/use-focus-trap] Failed to find focusable element within provided node",
+        node
+      );
+    }
+  };
+  const setRef = React.useCallback(
+    (node) => {
+      if (!active) {
+        return;
+      }
+      if (node === null) {
+        if (restoreAria.current) {
+          restoreAria.current();
+          restoreAria.current = null;
         }
+        return;
+      }
+      restoreAria.current = createAriaHider.createAriaHider(node);
+      if (ref.current === node) {
+        return;
+      }
+      if (node) {
+        setTimeout(() => {
+          if (node.getRootNode()) {
+            focusNode(node);
+          } else if (process.env.NODE_ENV === "development") {
+            console.warn("[@mantine/hooks/use-focus-trap] Ref node is not part of the dom", node);
+          }
+        });
+        ref.current = node;
+      } else {
+        ref.current = null;
+      }
+    },
+    [active]
+  );
+  React.useEffect(() => {
+    if (!active) {
+      return void 0;
+    }
+    ref.current && setTimeout(() => focusNode(ref.current));
+    const handleKeyDown = (event) => {
+      if (event.key === "Tab" && ref.current) {
+        scopeTab.scopeTab(ref.current, event);
+      }
     };
-    const setRef = React.useCallback((node) => {
-        if (!active) {
-            return;
-        }
-        if (node === null) {
-            if (restoreAria.current) {
-                restoreAria.current();
-                restoreAria.current = null;
-            }
-            return;
-        }
-        restoreAria.current = createAriaHider.createAriaHider(node);
-        if (ref.current === node) {
-            return;
-        }
-        if (node) {
-            // Delay processing the HTML node by a frame. This ensures focus is assigned correctly.
-            setTimeout(() => {
-                if (node.getRootNode()) {
-                    focusNode(node);
-                }
-                else if (process.env.NODE_ENV === 'development') {
-                    // eslint-disable-next-line no-console
-                    console.warn('[@mantine/hooks/use-focus-trap] Ref node is not part of the dom', node);
-                }
-            });
-            ref.current = node;
-        }
-        else {
-            ref.current = null;
-        }
-    }, [active]);
-    React.useEffect(() => {
-        if (!active) {
-            return undefined;
-        }
-        ref.current && setTimeout(() => focusNode(ref.current));
-        const handleKeyDown = (event) => {
-            if (event.key === 'Tab' && ref.current) {
-                scopeTab.scopeTab(ref.current, event);
-            }
-        };
-        document.addEventListener('keydown', handleKeyDown);
-        return () => {
-            document.removeEventListener('keydown', handleKeyDown);
-            if (restoreAria.current) {
-                restoreAria.current();
-            }
-        };
-    }, [active]);
-    return setRef;
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("keydown", handleKeyDown);
+      if (restoreAria.current) {
+        restoreAria.current();
+      }
+    };
+  }, [active]);
+  return setRef;
 }
 
 exports.useFocusTrap = useFocusTrap;