@react-aria/focus 3.21.5 → 3.22.0

package/dist/useHasTabbableChild.module.js

@@ -1,57 +0,0 @@
-import {getFocusableTreeWalker as $9bf71ea28793e738$export$2d6ec8fc375ceafa} from "./FocusScope.module.js";
-import {useLayoutEffect as $hGAaG$useLayoutEffect} from "@react-aria/utils";
-import {useState as $hGAaG$useState} from "react";
-
-/*
- * Copyright 2022 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-
-
-function $83013635b024ae3d$export$eac1895992b9f3d6(ref, options) {
-    let isDisabled = options === null || options === void 0 ? void 0 : options.isDisabled;
-    let [hasTabbableChild, setHasTabbableChild] = (0, $hGAaG$useState)(false);
-    (0, $hGAaG$useLayoutEffect)(()=>{
-        if ((ref === null || ref === void 0 ? void 0 : ref.current) && !isDisabled) {
-            let update = ()=>{
-                if (ref.current) {
-                    let walker = (0, $9bf71ea28793e738$export$2d6ec8fc375ceafa)(ref.current, {
-                        tabbable: true
-                    });
-                    setHasTabbableChild(!!walker.nextNode());
-                }
-            };
-            update();
-            // Update when new elements are inserted, or the tabIndex/disabled attribute updates.
-            let observer = new MutationObserver(update);
-            observer.observe(ref.current, {
-                subtree: true,
-                childList: true,
-                attributes: true,
-                attributeFilter: [
-                    'tabIndex',
-                    'disabled'
-                ]
-            });
-            return ()=>{
-                // Disconnect mutation observer when a React update occurs on the top-level component
-                // so we update synchronously after re-rendering. Otherwise React will emit act warnings
-                // in tests since mutation observers fire asynchronously. The mutation observer is necessary
-                // so we also update if a child component re-renders and adds/removes something tabbable.
-                observer.disconnect();
-            };
-        }
-    });
-    return isDisabled ? false : hasTabbableChild;
-}
-
-
-export {$83013635b024ae3d$export$eac1895992b9f3d6 as useHasTabbableChild};
-//# sourceMappingURL=useHasTabbableChild.module.js.map

package/dist/useHasTabbableChild.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAoBM,SAAS,0CAAoB,GAA8B,EAAE,OAAqC;IACvG,IAAI,aAAa,oBAAA,8BAAA,QAAS,UAAU;IACpC,IAAI,CAAC,kBAAkB,oBAAoB,GAAG,CAAA,GAAA,eAAO,EAAE;IAEvD,CAAA,GAAA,sBAAc,EAAE;QACd,IAAI,CAAA,gBAAA,0BAAA,IAAK,OAAO,KAAI,CAAC,YAAY;YAC/B,IAAI,SAAS;gBACX,IAAI,IAAI,OAAO,EAAE;oBACf,IAAI,SAAS,CAAA,GAAA,yCAAqB,EAAE,IAAI,OAAO,EAAE;wBAAC,UAAU;oBAAI;oBAChE,oBAAoB,CAAC,CAAC,OAAO,QAAQ;gBACvC;YACF;YAEA;YAEA,qFAAqF;YACrF,IAAI,WAAW,IAAI,iBAAiB;YACpC,SAAS,OAAO,CAAC,IAAI,OAAO,EAAE;gBAC5B,SAAS;gBACT,WAAW;gBACX,YAAY;gBACZ,iBAAiB;oBAAC;oBAAY;iBAAW;YAC3C;YAEA,OAAO;gBACL,qFAAqF;gBACrF,wFAAwF;gBACxF,4FAA4F;gBAC5F,yFAAyF;gBACzF,SAAS,UAAU;YACrB;QACF;IACF;IAEA,OAAO,aAAa,QAAQ;AAC9B","sources":["packages/@react-aria/focus/src/useHasTabbableChild.ts"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {getFocusableTreeWalker} from './FocusScope';\nimport {RefObject} from '@react-types/shared';\nimport {useLayoutEffect} from '@react-aria/utils';\nimport {useState} from 'react';\n\ninterface AriaHasTabbableChildOptions {\n  isDisabled?: boolean\n}\n\n// This was created for a special empty case of a component that can have child or\n// be empty, like Collection/Virtualizer/Table/ListView/etc. When these components\n// are empty they can have a message with a tabbable element, which is like them\n// being not empty, when it comes to focus and tab order.\n\n/**\n * Returns whether an element has a tabbable child, and updates as children change.\n * @private\n */\nexport function useHasTabbableChild(ref: RefObject<Element | null>, options?: AriaHasTabbableChildOptions): boolean {\n  let isDisabled = options?.isDisabled;\n  let [hasTabbableChild, setHasTabbableChild] = useState(false);\n\n  useLayoutEffect(() => {\n    if (ref?.current && !isDisabled) {\n      let update = () => {\n        if (ref.current) {\n          let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n          setHasTabbableChild(!!walker.nextNode());\n        }\n      };\n\n      update();\n\n      // Update when new elements are inserted, or the tabIndex/disabled attribute updates.\n      let observer = new MutationObserver(update);\n      observer.observe(ref.current, {\n        subtree: true,\n        childList: true,\n        attributes: true,\n        attributeFilter: ['tabIndex', 'disabled']\n      });\n\n      return () => {\n        // Disconnect mutation observer when a React update occurs on the top-level component\n        // so we update synchronously after re-rendering. Otherwise React will emit act warnings\n        // in tests since mutation observers fire asynchronously. The mutation observer is necessary\n        // so we also update if a child component re-renders and adds/removes something tabbable.\n        observer.disconnect();\n      };\n    }\n  });\n\n  return isDisabled ? false : hasTabbableChild;\n}\n"],"names":[],"version":3,"file":"useHasTabbableChild.module.js.map"}

package/dist/virtualFocus.main.js

@@ -1,46 +0,0 @@
-var $jMsK8$reactariautils = require("@react-aria/utils");
-
-
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-
-$parcel$export(module.exports, "moveVirtualFocus", () => $a756eb2d3b28d089$export$76e4e37e5339496d);
-$parcel$export(module.exports, "getVirtuallyFocusedElement", () => $a756eb2d3b28d089$export$759df0d867455a91);
-$parcel$export(module.exports, "dispatchVirtualBlur", () => $a756eb2d3b28d089$export$6c5dc7e81d2cc29a);
-$parcel$export(module.exports, "dispatchVirtualFocus", () => $a756eb2d3b28d089$export$2b35b76d2e30e129);
-
-function $a756eb2d3b28d089$export$76e4e37e5339496d(to) {
-    let from = $a756eb2d3b28d089$export$759df0d867455a91((0, $jMsK8$reactariautils.getOwnerDocument)(to));
-    if (from !== to) {
-        if (from) $a756eb2d3b28d089$export$6c5dc7e81d2cc29a(from, to);
-        if (to) $a756eb2d3b28d089$export$2b35b76d2e30e129(to, from);
-    }
-}
-function $a756eb2d3b28d089$export$6c5dc7e81d2cc29a(from, to) {
-    from.dispatchEvent(new FocusEvent('blur', {
-        relatedTarget: to
-    }));
-    from.dispatchEvent(new FocusEvent('focusout', {
-        bubbles: true,
-        relatedTarget: to
-    }));
-}
-function $a756eb2d3b28d089$export$2b35b76d2e30e129(to, from) {
-    to.dispatchEvent(new FocusEvent('focus', {
-        relatedTarget: from
-    }));
-    to.dispatchEvent(new FocusEvent('focusin', {
-        bubbles: true,
-        relatedTarget: from
-    }));
-}
-function $a756eb2d3b28d089$export$759df0d867455a91(document) {
-    let activeElement = (0, $jMsK8$reactariautils.getActiveElement)(document);
-    let activeDescendant = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-activedescendant');
-    if (activeDescendant) return document.getElementById(activeDescendant) || activeElement;
-    return activeElement;
-}
-
-
-//# sourceMappingURL=virtualFocus.main.js.map

package/dist/virtualFocus.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;;;;;AAEO,SAAS,0CAAiB,EAAkB;IACjD,IAAI,OAAO,0CAA2B,CAAA,GAAA,sCAAe,EAAE;IACvD,IAAI,SAAS,IAAI;QACf,IAAI,MACF,0CAAoB,MAAM;QAE5B,IAAI,IACF,0CAAqB,IAAI;IAE7B;AACF;AAEO,SAAS,0CAAoB,IAAa,EAAE,EAAkB;IACnE,KAAK,aAAa,CAAC,IAAI,WAAW,QAAQ;QAAC,eAAe;IAAE;IAC5D,KAAK,aAAa,CAAC,IAAI,WAAW,YAAY;QAAC,SAAS;QAAM,eAAe;IAAE;AACjF;AAEO,SAAS,0CAAqB,EAAW,EAAE,IAAoB;IACpE,GAAG,aAAa,CAAC,IAAI,WAAW,SAAS;QAAC,eAAe;IAAI;IAC7D,GAAG,aAAa,CAAC,IAAI,WAAW,WAAW;QAAC,SAAS;QAAM,eAAe;IAAI;AAChF;AAEO,SAAS,0CAA2B,QAAkB;IAC3D,IAAI,gBAAgB,CAAA,GAAA,sCAAe,EAAE;IACrC,IAAI,mBAAmB,0BAAA,oCAAA,cAAe,YAAY,CAAC;IACnD,IAAI,kBACF,OAAO,SAAS,cAAc,CAAC,qBAAqB;IAGtD,OAAO;AACT","sources":["packages/@react-aria/focus/src/virtualFocus.ts"],"sourcesContent":["import {getActiveElement, getOwnerDocument} from '@react-aria/utils';\n\nexport function moveVirtualFocus(to: Element | null): void {\n  let from = getVirtuallyFocusedElement(getOwnerDocument(to));\n  if (from !== to) {\n    if (from) {\n      dispatchVirtualBlur(from, to);\n    }\n    if (to) {\n      dispatchVirtualFocus(to, from);\n    }\n  }\n}\n\nexport function dispatchVirtualBlur(from: Element, to: Element | null): void {\n  from.dispatchEvent(new FocusEvent('blur', {relatedTarget: to}));\n  from.dispatchEvent(new FocusEvent('focusout', {bubbles: true, relatedTarget: to}));\n}\n\nexport function dispatchVirtualFocus(to: Element, from: Element | null): void {\n  to.dispatchEvent(new FocusEvent('focus', {relatedTarget: from}));\n  to.dispatchEvent(new FocusEvent('focusin', {bubbles: true, relatedTarget: from}));\n}\n\nexport function getVirtuallyFocusedElement(document: Document): Element | null {\n  let activeElement = getActiveElement(document);\n  let activeDescendant = activeElement?.getAttribute('aria-activedescendant');\n  if (activeDescendant) {\n    return document.getElementById(activeDescendant) || activeElement;\n  }\n\n  return activeElement;\n}\n"],"names":[],"version":3,"file":"virtualFocus.main.js.map"}

package/dist/virtualFocus.mjs

@@ -1,38 +0,0 @@
-import {getOwnerDocument as $hpDQO$getOwnerDocument, getActiveElement as $hpDQO$getActiveElement} from "@react-aria/utils";
-
-
-function $55f9b1ae81f22853$export$76e4e37e5339496d(to) {
-    let from = $55f9b1ae81f22853$export$759df0d867455a91((0, $hpDQO$getOwnerDocument)(to));
-    if (from !== to) {
-        if (from) $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(from, to);
-        if (to) $55f9b1ae81f22853$export$2b35b76d2e30e129(to, from);
-    }
-}
-function $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(from, to) {
-    from.dispatchEvent(new FocusEvent('blur', {
-        relatedTarget: to
-    }));
-    from.dispatchEvent(new FocusEvent('focusout', {
-        bubbles: true,
-        relatedTarget: to
-    }));
-}
-function $55f9b1ae81f22853$export$2b35b76d2e30e129(to, from) {
-    to.dispatchEvent(new FocusEvent('focus', {
-        relatedTarget: from
-    }));
-    to.dispatchEvent(new FocusEvent('focusin', {
-        bubbles: true,
-        relatedTarget: from
-    }));
-}
-function $55f9b1ae81f22853$export$759df0d867455a91(document) {
-    let activeElement = (0, $hpDQO$getActiveElement)(document);
-    let activeDescendant = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-activedescendant');
-    if (activeDescendant) return document.getElementById(activeDescendant) || activeElement;
-    return activeElement;
-}
-
-
-export {$55f9b1ae81f22853$export$76e4e37e5339496d as moveVirtualFocus, $55f9b1ae81f22853$export$759df0d867455a91 as getVirtuallyFocusedElement, $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as dispatchVirtualBlur, $55f9b1ae81f22853$export$2b35b76d2e30e129 as dispatchVirtualFocus};
-//# sourceMappingURL=virtualFocus.module.js.map

package/dist/virtualFocus.module.js

@@ -1,38 +0,0 @@
-import {getOwnerDocument as $hpDQO$getOwnerDocument, getActiveElement as $hpDQO$getActiveElement} from "@react-aria/utils";
-
-
-function $55f9b1ae81f22853$export$76e4e37e5339496d(to) {
-    let from = $55f9b1ae81f22853$export$759df0d867455a91((0, $hpDQO$getOwnerDocument)(to));
-    if (from !== to) {
-        if (from) $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(from, to);
-        if (to) $55f9b1ae81f22853$export$2b35b76d2e30e129(to, from);
-    }
-}
-function $55f9b1ae81f22853$export$6c5dc7e81d2cc29a(from, to) {
-    from.dispatchEvent(new FocusEvent('blur', {
-        relatedTarget: to
-    }));
-    from.dispatchEvent(new FocusEvent('focusout', {
-        bubbles: true,
-        relatedTarget: to
-    }));
-}
-function $55f9b1ae81f22853$export$2b35b76d2e30e129(to, from) {
-    to.dispatchEvent(new FocusEvent('focus', {
-        relatedTarget: from
-    }));
-    to.dispatchEvent(new FocusEvent('focusin', {
-        bubbles: true,
-        relatedTarget: from
-    }));
-}
-function $55f9b1ae81f22853$export$759df0d867455a91(document) {
-    let activeElement = (0, $hpDQO$getActiveElement)(document);
-    let activeDescendant = activeElement === null || activeElement === void 0 ? void 0 : activeElement.getAttribute('aria-activedescendant');
-    if (activeDescendant) return document.getElementById(activeDescendant) || activeElement;
-    return activeElement;
-}
-
-
-export {$55f9b1ae81f22853$export$76e4e37e5339496d as moveVirtualFocus, $55f9b1ae81f22853$export$759df0d867455a91 as getVirtuallyFocusedElement, $55f9b1ae81f22853$export$6c5dc7e81d2cc29a as dispatchVirtualBlur, $55f9b1ae81f22853$export$2b35b76d2e30e129 as dispatchVirtualFocus};
-//# sourceMappingURL=virtualFocus.module.js.map

package/dist/virtualFocus.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;;AAEO,SAAS,0CAAiB,EAAkB;IACjD,IAAI,OAAO,0CAA2B,CAAA,GAAA,uBAAe,EAAE;IACvD,IAAI,SAAS,IAAI;QACf,IAAI,MACF,0CAAoB,MAAM;QAE5B,IAAI,IACF,0CAAqB,IAAI;IAE7B;AACF;AAEO,SAAS,0CAAoB,IAAa,EAAE,EAAkB;IACnE,KAAK,aAAa,CAAC,IAAI,WAAW,QAAQ;QAAC,eAAe;IAAE;IAC5D,KAAK,aAAa,CAAC,IAAI,WAAW,YAAY;QAAC,SAAS;QAAM,eAAe;IAAE;AACjF;AAEO,SAAS,0CAAqB,EAAW,EAAE,IAAoB;IACpE,GAAG,aAAa,CAAC,IAAI,WAAW,SAAS;QAAC,eAAe;IAAI;IAC7D,GAAG,aAAa,CAAC,IAAI,WAAW,WAAW;QAAC,SAAS;QAAM,eAAe;IAAI;AAChF;AAEO,SAAS,0CAA2B,QAAkB;IAC3D,IAAI,gBAAgB,CAAA,GAAA,uBAAe,EAAE;IACrC,IAAI,mBAAmB,0BAAA,oCAAA,cAAe,YAAY,CAAC;IACnD,IAAI,kBACF,OAAO,SAAS,cAAc,CAAC,qBAAqB;IAGtD,OAAO;AACT","sources":["packages/@react-aria/focus/src/virtualFocus.ts"],"sourcesContent":["import {getActiveElement, getOwnerDocument} from '@react-aria/utils';\n\nexport function moveVirtualFocus(to: Element | null): void {\n  let from = getVirtuallyFocusedElement(getOwnerDocument(to));\n  if (from !== to) {\n    if (from) {\n      dispatchVirtualBlur(from, to);\n    }\n    if (to) {\n      dispatchVirtualFocus(to, from);\n    }\n  }\n}\n\nexport function dispatchVirtualBlur(from: Element, to: Element | null): void {\n  from.dispatchEvent(new FocusEvent('blur', {relatedTarget: to}));\n  from.dispatchEvent(new FocusEvent('focusout', {bubbles: true, relatedTarget: to}));\n}\n\nexport function dispatchVirtualFocus(to: Element, from: Element | null): void {\n  to.dispatchEvent(new FocusEvent('focus', {relatedTarget: from}));\n  to.dispatchEvent(new FocusEvent('focusin', {bubbles: true, relatedTarget: from}));\n}\n\nexport function getVirtuallyFocusedElement(document: Document): Element | null {\n  let activeElement = getActiveElement(document);\n  let activeDescendant = activeElement?.getAttribute('aria-activedescendant');\n  if (activeDescendant) {\n    return document.getElementById(activeDescendant) || activeElement;\n  }\n\n  return activeElement;\n}\n"],"names":[],"version":3,"file":"virtualFocus.module.js.map"}

package/src/FocusRing.tsx

@@ -1,55 +0,0 @@
-/*
- * Copyright 2020 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import clsx from 'clsx';
-import {mergeProps} from '@react-aria/utils';
-import React, {ReactElement} from 'react';
-import {useFocusRing} from './useFocusRing';
-
-export interface FocusRingProps {
-  /** Child element to apply CSS classes to. */
-  children: ReactElement,
-  /** CSS class to apply when the element is focused. */
-  focusClass?: string,
-  /** CSS class to apply when the element has keyboard focus. */
-  focusRingClass?: string,
-  /**
-   * Whether to show the focus ring when something
-   * inside the container element has focus (true), or
-   * only if the container itself has focus (false).
-   * @default false
-   */
-  within?: boolean,
-  /** Whether the element is a text input. */
-  isTextInput?: boolean,
-  /** Whether the element will be auto focused. */
-  autoFocus?: boolean
-}
-
-/**
- * A utility component that applies a CSS class when an element has keyboard focus.
- * Focus rings are visible only when the user is interacting with a keyboard,
- * not with a mouse, touch, or other input methods.
- */
-export function FocusRing(props: FocusRingProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>> {
-  let {children, focusClass, focusRingClass} = props;
-  let {isFocused, isFocusVisible, focusProps} = useFocusRing(props);
-  let child = React.Children.only(children);
-
-  return React.cloneElement(child, mergeProps(child.props as any, {
-    ...focusProps,
-    className: clsx({
-      [focusClass || '']: isFocused,
-      [focusRingClass || '']: isFocusVisible
-    })
-  }));
-}