@react-aria/tabs 3.1.1-nightly.3036 → 3.1.1-nightly.3047

package/dist/main.js

@@ -1,292 +1,229 @@
-var {
-  useLocale
-} = require("@react-aria/i18n");
-
-var {
-  mergeProps,
-  useLabels,
-  useId
-} = require("@react-aria/utils");
+var $hxncP$reactariaselection = require("@react-aria/selection");
+var $hxncP$reactariafocus = require("@react-aria/focus");
+var $hxncP$react = require("react");
+var $hxncP$reactariautils = require("@react-aria/utils");
+var $hxncP$reactariai18n = require("@react-aria/i18n");
+
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var {
-  useLayoutEffect,
-  useState,
-  useMemo
-} = require("react");
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-var {
-  getFocusableTreeWalker
-} = require("@react-aria/focus");
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $bca6ccd6c0f0d1c7$exports = {};
+
+$parcel$export($bca6ccd6c0f0d1c7$exports, "useTab", () => $bca6ccd6c0f0d1c7$export$fdf4756d5b8ef90a);
+const $e8ba102c56610ecd$export$c5f62239608282b6 = new WeakMap();
+function $e8ba102c56610ecd$export$567fc7097e064344(state, key, role) {
+    if (typeof key === 'string') key = key.replace(/\s+/g, '');
+    let baseId = $e8ba102c56610ecd$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
+}
 
-var {
-  useSelectableItem,
-  useSelectableCollection
-} = require("@react-aria/selection");
 
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
+function $bca6ccd6c0f0d1c7$export$fdf4756d5b8ef90a(props, state, ref) {
+    let { key: key , isDisabled: propsDisabled  } = props;
+    let { selectionManager: manager , selectedKey: selectedKey  } = state;
+    let isSelected = key === selectedKey;
+    let isDisabled = propsDisabled || state.disabledKeys.has(key);
+    let { itemProps: itemProps  } = $hxncP$reactariaselection.useSelectableItem({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled
+    });
+    let tabId = $e8ba102c56610ecd$export$567fc7097e064344(state, key, 'tab');
+    let tabPanelId = $e8ba102c56610ecd$export$567fc7097e064344(state, key, 'tabpanel');
+    let { tabIndex: tabIndex  } = itemProps;
+    return {
+        tabProps: {
+            ...itemProps,
+            id: tabId,
+            'aria-selected': isSelected,
+            'aria-disabled': isDisabled || undefined,
+            'aria-controls': isSelected ? tabPanelId : undefined,
+            tabIndex: isDisabled ? undefined : tabIndex,
+            role: 'tab'
+        }
+    };
 }
 
-/*
- * 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.
- */
-const $c685c043bb86d16b2fcf2a65974f3$export$tabsIds = new WeakMap();
-
-function $c685c043bb86d16b2fcf2a65974f3$export$generateId(state, key, role) {
-  if (typeof key === 'string') {
-    key = key.replace(/\s+/g, '');
-  }
 
-  let baseId = $c685c043bb86d16b2fcf2a65974f3$export$tabsIds.get(state);
-  return baseId + "-" + role + "-" + key;
+var $83205e167d36c1bd$exports = {};
+
+$parcel$export($83205e167d36c1bd$exports, "useTabPanel", () => $83205e167d36c1bd$export$fae0121b5afe572d);
+
+
+
+
+function $83205e167d36c1bd$export$fae0121b5afe572d(props, state, ref) {
+    let [tabIndex, setTabIndex] = $hxncP$react.useState(0);
+    // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.
+    // Otherwise, tabbing from the focused tab should go directly to the first tabbable element
+    // within the tabpanel.
+    $hxncP$react.useLayoutEffect(()=>{
+        if (ref?.current) {
+            let update = ()=>{
+                // Detect if there are any tabbable elements and update the tabIndex accordingly.
+                let walker = $hxncP$reactariafocus.getFocusableTreeWalker(ref.current, {
+                    tabbable: true
+                });
+                setTabIndex(walker.nextNode() ? undefined : 0);
+            };
+            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 ()=>{
+                observer.disconnect();
+            };
+        }
+    }, [
+        ref
+    ]);
+    const id = $e8ba102c56610ecd$export$567fc7097e064344(state, state?.selectedKey, 'tabpanel');
+    const tabPanelProps = $hxncP$reactariautils.useLabels({
+        ...props,
+        id: id,
+        'aria-labelledby': $e8ba102c56610ecd$export$567fc7097e064344(state, state?.selectedKey, 'tab')
+    });
+    return {
+        tabPanelProps: $hxncP$reactariautils.mergeProps(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: 'tabpanel',
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
+        })
+    };
 }
 
-/**
- * Provides the behavior and accessibility implementation for a tab.
- * When selected, the associated tab panel is shown.
- */
-function useTab(props, state, ref) {
-  let {
-    key,
-    isDisabled: propsDisabled
-  } = props;
-  let {
-    selectionManager: manager,
-    selectedKey
-  } = state;
-  let isSelected = key === selectedKey;
-  let isDisabled = propsDisabled || state.disabledKeys.has(key);
-  let {
-    itemProps
-  } = useSelectableItem({
-    selectionManager: manager,
-    key,
-    ref,
-    isDisabled
-  });
-  let tabId = $c685c043bb86d16b2fcf2a65974f3$export$generateId(state, key, 'tab');
-  let tabPanelId = $c685c043bb86d16b2fcf2a65974f3$export$generateId(state, key, 'tabpanel');
-  let {
-    tabIndex
-  } = itemProps;
-  return {
-    tabProps: _babelRuntimeHelpersExtends({}, itemProps, {
-      id: tabId,
-      'aria-selected': isSelected,
-      'aria-disabled': isDisabled || undefined,
-      'aria-controls': isSelected ? tabPanelId : undefined,
-      tabIndex: isDisabled ? undefined : tabIndex,
-      role: 'tab'
-    })
-  };
-}
 
-exports.useTab = useTab;
+var $082250f9aef6d971$exports = {};
 
-/**
- * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for
- * the contents of a tab, and is shown when the tab is selected.
- */
-function useTabPanel(props, state, ref) {
-  let [tabIndex, setTabIndex] = useState(0); // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.
-  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element
-  // within the tabpanel.
+$parcel$export($082250f9aef6d971$exports, "useTabList", () => $082250f9aef6d971$export$773e389e644c5874);
 
-  useLayoutEffect(() => {
-    if (ref != null && ref.current) {
-      let update = () => {
-        // Detect if there are any tabbable elements and update the tabIndex accordingly.
-        let walker = getFocusableTreeWalker(ref.current, {
-          tabbable: true
-        });
-        setTabIndex(walker.nextNode() ? undefined : 0);
-      };
 
-      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 () => {
-        observer.disconnect();
-      };
+class $d4e272ab55181b4b$export$15010ca3c1abe90b {
+    constructor(collection, direction, orientation, disabledKeys = new Set()){
+        this.collection = collection;
+        this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
+        this.orientation = orientation;
+        this.disabledKeys = disabledKeys;
     }
-  }, [ref]);
-  const id = $c685c043bb86d16b2fcf2a65974f3$export$generateId(state, state == null ? void 0 : state.selectedKey, 'tabpanel');
-  const tabPanelProps = useLabels(_babelRuntimeHelpersExtends({}, props, {
-    id,
-    'aria-labelledby': $c685c043bb86d16b2fcf2a65974f3$export$generateId(state, state == null ? void 0 : state.selectedKey, 'tab')
-  }));
-  return {
-    tabPanelProps: mergeProps(tabPanelProps, {
-      tabIndex,
-      role: 'tabpanel',
-      'aria-describedby': props['aria-describedby'],
-      'aria-details': props['aria-details']
-    })
-  };
-}
-
-exports.useTabPanel = useTabPanel;
-
-class $c98ba41732a4afea84f1af0a5428958$export$TabsKeyboardDelegate {
-  constructor(collection, direction, orientation, disabledKeys) {
-    if (disabledKeys === void 0) {
-      disabledKeys = new Set();
+    getKeyLeftOf(key) {
+        if (this.flipDirection) return this.getNextKey(key);
+        else {
+            if (this.orientation === 'horizontal') return this.getPreviousKey(key);
+            return null;
+        }
     }
-
-    this.collection = void 0;
-    this.flipDirection = void 0;
-    this.disabledKeys = void 0;
-    this.orientation = void 0;
-    this.collection = collection;
-    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    this.orientation = orientation;
-    this.disabledKeys = disabledKeys;
-  }
-
-  getKeyLeftOf(key) {
-    if (this.flipDirection) {
-      return this.getNextKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getPreviousKey(key);
-      }
-
-      return null;
+    getKeyRightOf(key) {
+        if (this.flipDirection) return this.getPreviousKey(key);
+        else {
+            if (this.orientation === 'horizontal') return this.getNextKey(key);
+            return null;
+        }
     }
-  }
-
-  getKeyRightOf(key) {
-    if (this.flipDirection) {
-      return this.getPreviousKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getNextKey(key);
-      }
-
-      return null;
+    getKeyAbove(key) {
+        if (this.orientation === 'vertical') return this.getPreviousKey(key);
+        return null;
     }
-  }
-
-  getKeyAbove(key) {
-    if (this.orientation === 'vertical') {
-      return this.getPreviousKey(key);
+    getKeyBelow(key) {
+        if (this.orientation === 'vertical') return this.getNextKey(key);
+        return null;
     }
-
-    return null;
-  }
-
-  getKeyBelow(key) {
-    if (this.orientation === 'vertical') {
-      return this.getNextKey(key);
+    getFirstKey() {
+        let key = this.collection.getFirstKey();
+        if (this.disabledKeys.has(key)) key = this.getNextKey(key);
+        return key;
     }
-
-    return null;
-  }
-
-  getFirstKey() {
-    let key = this.collection.getFirstKey();
-
-    if (this.disabledKeys.has(key)) {
-      key = this.getNextKey(key);
+    getLastKey() {
+        let key = this.collection.getLastKey();
+        if (this.disabledKeys.has(key)) key = this.getPreviousKey(key);
+        return key;
     }
-
-    return key;
-  }
-
-  getLastKey() {
-    let key = this.collection.getLastKey();
-
-    if (this.disabledKeys.has(key)) {
-      key = this.getPreviousKey(key);
+    getNextKey(key) {
+        do {
+            key = this.collection.getKeyAfter(key);
+            if (key == null) key = this.collection.getFirstKey();
+        }while (this.disabledKeys.has(key))
+        return key;
     }
+    getPreviousKey(key) {
+        do {
+            key = this.collection.getKeyBefore(key);
+            if (key == null) key = this.collection.getLastKey();
+        }while (this.disabledKeys.has(key))
+        return key;
+    }
+}
 
-    return key;
-  }
-
-  getNextKey(key) {
-    do {
-      key = this.collection.getKeyAfter(key);
-
-      if (key == null) {
-        key = this.collection.getFirstKey();
-      }
-    } while (this.disabledKeys.has(key));
-
-    return key;
-  }
-
-  getPreviousKey(key) {
-    do {
-      key = this.collection.getKeyBefore(key);
 
-      if (key == null) {
-        key = this.collection.getLastKey();
-      }
-    } while (this.disabledKeys.has(key));
 
-    return key;
-  }
 
+function $082250f9aef6d971$export$773e389e644c5874(props, state, ref) {
+    let { orientation: orientation = 'horizontal' , keyboardActivation: keyboardActivation = 'automatic'  } = props;
+    let { collection: collection , selectionManager: manager , disabledKeys: disabledKeys  } = state;
+    let { direction: direction  } = $hxncP$reactariai18n.useLocale();
+    let delegate = $hxncP$react.useMemo(()=>new $d4e272ab55181b4b$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
+    , [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps  } = $hxncP$reactariaselection.useSelectableCollection({
+        ref: ref,
+        selectionManager: manager,
+        keyboardDelegate: delegate,
+        selectOnFocus: keyboardActivation === 'automatic',
+        disallowEmptySelection: true,
+        scrollRef: ref
+    });
+    // Compute base id for all tabs
+    let tabsId = $hxncP$reactariautils.useId();
+    $e8ba102c56610ecd$export$c5f62239608282b6.set(state, tabsId);
+    let tabListLabelProps = $hxncP$reactariautils.useLabels({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...$hxncP$reactariautils.mergeProps(collectionProps, tabListLabelProps),
+            role: 'tablist',
+            'aria-orientation': orientation,
+            tabIndex: undefined
+        }
+    };
 }
 
-/**
- * Provides the behavior and accessibility implementation for a tab list.
- * Tabs organize content into multiple sections and allow users to navigate between them.
- */
-function useTabList(props, state, ref) {
-  let {
-    orientation = 'horizontal',
-    keyboardActivation = 'automatic'
-  } = props;
-  let {
-    collection,
-    selectionManager: manager,
-    disabledKeys
-  } = state;
-  let {
-    direction
-  } = useLocale();
-  let delegate = useMemo(() => new $c98ba41732a4afea84f1af0a5428958$export$TabsKeyboardDelegate(collection, direction, orientation, disabledKeys), [collection, disabledKeys, orientation, direction]);
-  let {
-    collectionProps
-  } = useSelectableCollection({
-    ref,
-    selectionManager: manager,
-    keyboardDelegate: delegate,
-    selectOnFocus: keyboardActivation === 'automatic',
-    disallowEmptySelection: true,
-    scrollRef: ref
-  }); // Compute base id for all tabs
 
-  let tabsId = useId();
-  $c685c043bb86d16b2fcf2a65974f3$export$tabsIds.set(state, tabsId);
-  let tabListLabelProps = useLabels(_babelRuntimeHelpersExtends({}, props, {
-    id: tabsId
-  }));
-  return {
-    tabListProps: _babelRuntimeHelpersExtends({}, mergeProps(collectionProps, tabListLabelProps), {
-      role: 'tablist',
-      'aria-orientation': orientation,
-      tabIndex: undefined
-    })
-  };
-}
+$parcel$exportWildcard(module.exports, $bca6ccd6c0f0d1c7$exports);
+$parcel$exportWildcard(module.exports, $83205e167d36c1bd$exports);
+$parcel$exportWildcard(module.exports, $082250f9aef6d971$exports);
+
 
-exports.useTabList = useTabList;
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-aria/tabs/src/utils.ts","./packages/@react-aria/tabs/src/useTab.ts","./packages/@react-aria/tabs/src/useTabPanel.ts","./packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","./packages/@react-aria/tabs/src/useTabList.ts"],"sourcesContent":["function $parcel$interopDefault(a) {\n  return a && a.__esModule ? a.default : a;\n}\n\nfunction $parcel$defineInteropFlag(a) {\n  Object.defineProperty(a, '__esModule', {value: true});\n}\n\nfunction $parcel$exportWildcard(dest, source) {\n  Object.keys(source).forEach(function(key) {\n    if (key === 'default' || key === '__esModule') {\n      return;\n    }\n\n    Object.defineProperty(dest, key, {\n      enumerable: true,\n      get: function get() {\n        return source[key];\n      },\n    });\n  });\n\n  return dest;\n}\n\nfunction $parcel$missingModule(name) {\n  var err = new Error(\"Cannot find module '\" + name + \"'\");\n  err.code = 'MODULE_NOT_FOUND';\n  throw err;\n}\n\nvar $parcel$global =\n  typeof globalThis !== 'undefined'\n    ? globalThis\n    : typeof self !== 'undefined'\n    ? self\n    : typeof window !== 'undefined'\n    ? window\n    : typeof global !== 'undefined'\n    ? global\n    : {};\n","/*\n * Copyright 2020 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 {Key} from 'react';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T>, key: Key, role: string) {\n  if (typeof key === 'string') {\n    key = key.replace(/\\s+/g, '');\n  }\n\n  let baseId = tabsIds.get(state);\n  return `${baseId}-${role}-${key}`;\n}\n\n","/*\n * Copyright 2020 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 {AriaTabProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\ninterface TabAria {\n  /** Props for the tab element. */\n  tabProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<HTMLElement>\n): TabAria {\n  let {key, isDisabled: propsDisabled} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.disabledKeys.has(key);\n  let {itemProps} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  return {\n    tabProps: {\n      ...itemProps,\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }\n  };\n}\n\n","/*\n * Copyright 2020 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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {getFocusableTreeWalker} from '@react-aria/focus';\nimport {HTMLAttributes, RefObject, useLayoutEffect, useState} from 'react';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\n\ninterface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for\n * the contents of a tab, and is shown when the tab is selected.\n */\nexport function useTabPanel<T>(props: AriaTabPanelProps, state: TabListState<T>, ref: RefObject<HTMLElement>): TabPanelAria {\n  let [tabIndex, setTabIndex] = useState(0);\n\n  // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.\n  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element\n  // within the tabpanel.\n  useLayoutEffect(() => {\n    if (ref?.current) {\n      let update = () => {\n        // Detect if there are any tabbable elements and update the tabIndex accordingly.\n        let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n        setTabIndex(walker.nextNode() ? undefined : 0);\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        observer.disconnect();\n      };\n    }\n  }, [ref]);\n\n  const id = generateId(state, state?.selectedKey, 'tabpanel');\n  const tabPanelProps = useLabels({...props, id, 'aria-labelledby': generateId(state, state?.selectedKey, 'tab')});\n\n  return {\n    tabPanelProps: mergeProps(tabPanelProps, {\n      tabIndex,\n      role: 'tabpanel',\n      'aria-describedby': props['aria-describedby'],\n      'aria-details': props['aria-details']\n    })\n  };\n}\n","/*\n * Copyright 2020 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 {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TabsKeyboardDelegate<T> implements KeyboardDelegate {\n  private collection: Collection<T>;\n  private flipDirection: boolean;\n  private disabledKeys: Set<Key>;\n  private orientation: Orientation;\n\n  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {\n    this.collection = collection;\n    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';\n    this.orientation = orientation;\n    this.disabledKeys = disabledKeys;\n  }\n\n  getKeyLeftOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getNextKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getPreviousKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyRightOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getPreviousKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getNextKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyAbove(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getPreviousKey(key);\n    }\n    return null;\n  }\n\n  getKeyBelow(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getNextKey(key);\n    }\n    return null;\n  }\n\n  getFirstKey() {\n    let key = this.collection.getFirstKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getNextKey(key);\n    }\n    return key;\n  }\n\n  getLastKey() {\n    let key = this.collection.getLastKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getPreviousKey(key);\n    }\n    return key;\n  }\n\n  getNextKey(key) {\n    do {\n      key = this.collection.getKeyAfter(key);\n      if (key == null) {\n        key = this.collection.getFirstKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n\n  getPreviousKey(key) {\n    do {\n      key = this.collection.getKeyBefore(key);\n      if (key == null) {\n        key = this.collection.getLastKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n}\n","/*\n* Copyright 2020 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 {AriaTabListProps} from '@react-types/tabs';\nimport {HTMLAttributes, RefObject, useMemo} from 'react';\nimport {mergeProps, useId, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {tabsIds} from './utils';\nimport {TabsKeyboardDelegate} from './TabsKeyboardDelegate';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSelectableCollection} from '@react-aria/selection';\n\ninterface TabListAria {\n  /** Props for the tablist container. */\n  tabListProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab list.\n * Tabs organize content into multiple sections and allow users to navigate between them.\n */\nexport function useTabList<T>(props: AriaTabListProps<T>, state: TabListState<T>, ref: RefObject<HTMLElement>): TabListAria {\n  let {\n    orientation = 'horizontal',\n    keyboardActivation = 'automatic'\n  } = props;\n  let {\n    collection,\n    selectionManager: manager,\n    disabledKeys\n  } = state;\n  let {direction} = useLocale();\n  let delegate = useMemo(() => new TabsKeyboardDelegate(\n    collection,\n    direction,\n    orientation,\n    disabledKeys), [collection, disabledKeys, orientation, direction]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    selectOnFocus: keyboardActivation === 'automatic',\n    disallowEmptySelection: true,\n    scrollRef: ref\n  });\n\n  // Compute base id for all tabs\n  let tabsId = useId();\n  tabsIds.set(state, tabsId);\n\n  let tabListLabelProps = useLabels({...props, id: tabsId});\n\n  return {\n    tabListProps: {\n      ...mergeProps(collectionProps, tabListLabelProps),\n      role: 'tablist',\n      'aria-orientation': orientation,\n      tabIndex: undefined\n    }\n  };\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","tabsIds","WeakMap","generateId","state","key","role","replace","baseId","get","useTab","props","ref","isDisabled","propsDisabled","selectionManager","manager","selectedKey","isSelected","disabledKeys","has","itemProps","useSelectableItem","tabId","tabPanelId","tabIndex","tabProps","id","undefined","useTabPanel","setTabIndex","useState","useLayoutEffect","current","update","walker","getFocusableTreeWalker","tabbable","nextNode","observer","MutationObserver","observe","subtree","childList","attributes","attributeFilter","disconnect","tabPanelProps","useLabels","mergeProps","TabsKeyboardDelegate","constructor","collection","direction","orientation","Set","flipDirection","getKeyLeftOf","getNextKey","getPreviousKey","getKeyRightOf","getKeyAbove","getKeyBelow","getFirstKey","getLastKey","getKeyAfter","getKeyBefore","useTabList","keyboardActivation","useLocale","delegate","useMemo","collectionProps","useSelectableCollection","keyboardDelegate","selectOnFocus","disallowEmptySelection","scrollRef","tabsId","useId","set","tabListLabelProps","tabListProps"],"version":3,"file":"main.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/tabs/src/index.ts","packages/@react-aria/tabs/src/useTab.ts","packages/@react-aria/tabs/src/utils.ts","packages/@react-aria/tabs/src/useTabPanel.ts","packages/@react-aria/tabs/src/useTabList.ts","packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts"],"sourcesContent":["/*\n * Copyright 2020 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\nexport * from './useTab';\nexport * from './useTabPanel';\nexport * from './useTabList';\n","/*\n * Copyright 2020 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 {AriaTabProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\ninterface TabAria {\n  /** Props for the tab element. */\n  tabProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<HTMLElement>\n): TabAria {\n  let {key, isDisabled: propsDisabled} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.disabledKeys.has(key);\n  let {itemProps} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  return {\n    tabProps: {\n      ...itemProps,\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }\n  };\n}\n\n","/*\n * Copyright 2020 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 {Key} from 'react';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T>, key: Key, role: string) {\n  if (typeof key === 'string') {\n    key = key.replace(/\\s+/g, '');\n  }\n\n  let baseId = tabsIds.get(state);\n  return `${baseId}-${role}-${key}`;\n}\n\n","/*\n * Copyright 2020 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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {getFocusableTreeWalker} from '@react-aria/focus';\nimport {HTMLAttributes, RefObject, useLayoutEffect, useState} from 'react';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\n\ninterface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for\n * the contents of a tab, and is shown when the tab is selected.\n */\nexport function useTabPanel<T>(props: AriaTabPanelProps, state: TabListState<T>, ref: RefObject<HTMLElement>): TabPanelAria {\n  let [tabIndex, setTabIndex] = useState(0);\n\n  // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.\n  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element\n  // within the tabpanel.\n  useLayoutEffect(() => {\n    if (ref?.current) {\n      let update = () => {\n        // Detect if there are any tabbable elements and update the tabIndex accordingly.\n        let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n        setTabIndex(walker.nextNode() ? undefined : 0);\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        observer.disconnect();\n      };\n    }\n  }, [ref]);\n\n  const id = generateId(state, state?.selectedKey, 'tabpanel');\n  const tabPanelProps = useLabels({...props, id, 'aria-labelledby': generateId(state, state?.selectedKey, 'tab')});\n\n  return {\n    tabPanelProps: mergeProps(tabPanelProps, {\n      tabIndex,\n      role: 'tabpanel',\n      'aria-describedby': props['aria-describedby'],\n      'aria-details': props['aria-details']\n    })\n  };\n}\n","/*\n* Copyright 2020 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 {AriaTabListProps} from '@react-types/tabs';\nimport {HTMLAttributes, RefObject, useMemo} from 'react';\nimport {mergeProps, useId, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {tabsIds} from './utils';\nimport {TabsKeyboardDelegate} from './TabsKeyboardDelegate';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSelectableCollection} from '@react-aria/selection';\n\ninterface TabListAria {\n  /** Props for the tablist container. */\n  tabListProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab list.\n * Tabs organize content into multiple sections and allow users to navigate between them.\n */\nexport function useTabList<T>(props: AriaTabListProps<T>, state: TabListState<T>, ref: RefObject<HTMLElement>): TabListAria {\n  let {\n    orientation = 'horizontal',\n    keyboardActivation = 'automatic'\n  } = props;\n  let {\n    collection,\n    selectionManager: manager,\n    disabledKeys\n  } = state;\n  let {direction} = useLocale();\n  let delegate = useMemo(() => new TabsKeyboardDelegate(\n    collection,\n    direction,\n    orientation,\n    disabledKeys), [collection, disabledKeys, orientation, direction]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    selectOnFocus: keyboardActivation === 'automatic',\n    disallowEmptySelection: true,\n    scrollRef: ref\n  });\n\n  // Compute base id for all tabs\n  let tabsId = useId();\n  tabsIds.set(state, tabsId);\n\n  let tabListLabelProps = useLabels({...props, id: tabsId});\n\n  return {\n    tabListProps: {\n      ...mergeProps(collectionProps, tabListLabelProps),\n      role: 'tablist',\n      'aria-orientation': orientation,\n      tabIndex: undefined\n    }\n  };\n}\n","/*\n * Copyright 2020 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 {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TabsKeyboardDelegate<T> implements KeyboardDelegate {\n  private collection: Collection<T>;\n  private flipDirection: boolean;\n  private disabledKeys: Set<Key>;\n  private orientation: Orientation;\n\n  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {\n    this.collection = collection;\n    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';\n    this.orientation = orientation;\n    this.disabledKeys = disabledKeys;\n  }\n\n  getKeyLeftOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getNextKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getPreviousKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyRightOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getPreviousKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getNextKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyAbove(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getPreviousKey(key);\n    }\n    return null;\n  }\n\n  getKeyBelow(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getNextKey(key);\n    }\n    return null;\n  }\n\n  getFirstKey() {\n    let key = this.collection.getFirstKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getNextKey(key);\n    }\n    return key;\n  }\n\n  getLastKey() {\n    let key = this.collection.getLastKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getPreviousKey(key);\n    }\n    return key;\n  }\n\n  getNextKey(key) {\n    do {\n      key = this.collection.getKeyAfter(key);\n      if (key == null) {\n        key = this.collection.getFirstKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n\n  getPreviousKey(key) {\n    do {\n      key = this.collection.getKeyBefore(key);\n      if (key == null) {\n        key = this.collection.getLastKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,262 +1,211 @@
-import { useLocale } from "@react-aria/i18n";
-import { mergeProps, useLabels, useId } from "@react-aria/utils";
-import { useLayoutEffect, useState, useMemo } from "react";
-import { getFocusableTreeWalker } from "@react-aria/focus";
-import { useSelectableItem, useSelectableCollection } from "@react-aria/selection";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-
-/*
- * 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.
- */
-const $c5c378b07d37fb3729fd37493414d657$export$tabsIds = new WeakMap();
-
-function $c5c378b07d37fb3729fd37493414d657$export$generateId(state, key, role) {
-  if (typeof key === 'string') {
-    key = key.replace(/\s+/g, '');
-  }
-
-  let baseId = $c5c378b07d37fb3729fd37493414d657$export$tabsIds.get(state);
-  return baseId + "-" + role + "-" + key;
+import {useSelectableItem as $h3U02$useSelectableItem, useSelectableCollection as $h3U02$useSelectableCollection} from "@react-aria/selection";
+import {getFocusableTreeWalker as $h3U02$getFocusableTreeWalker} from "@react-aria/focus";
+import {useState as $h3U02$useState, useLayoutEffect as $h3U02$useLayoutEffect, useMemo as $h3U02$useMemo} from "react";
+import {useLabels as $h3U02$useLabels, mergeProps as $h3U02$mergeProps, useId as $h3U02$useId} from "@react-aria/utils";
+import {useLocale as $h3U02$useLocale} from "@react-aria/i18n";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-
-/**
- * Provides the behavior and accessibility implementation for a tab.
- * When selected, the associated tab panel is shown.
- */
-export function useTab(props, state, ref) {
-  let {
-    key,
-    isDisabled: propsDisabled
-  } = props;
-  let {
-    selectionManager: manager,
-    selectedKey
-  } = state;
-  let isSelected = key === selectedKey;
-  let isDisabled = propsDisabled || state.disabledKeys.has(key);
-  let {
-    itemProps
-  } = useSelectableItem({
-    selectionManager: manager,
-    key,
-    ref,
-    isDisabled
-  });
-  let tabId = $c5c378b07d37fb3729fd37493414d657$export$generateId(state, key, 'tab');
-  let tabPanelId = $c5c378b07d37fb3729fd37493414d657$export$generateId(state, key, 'tabpanel');
-  let {
-    tabIndex
-  } = itemProps;
-  return {
-    tabProps: _babelRuntimeHelpersEsmExtends({}, itemProps, {
-      id: tabId,
-      'aria-selected': isSelected,
-      'aria-disabled': isDisabled || undefined,
-      'aria-controls': isSelected ? tabPanelId : undefined,
-      tabIndex: isDisabled ? undefined : tabIndex,
-      role: 'tab'
-    })
-  };
+var $184b4f90085af26c$exports = {};
+
+$parcel$export($184b4f90085af26c$exports, "useTab", () => $184b4f90085af26c$export$fdf4756d5b8ef90a);
+const $106426b893fe64c5$export$c5f62239608282b6 = new WeakMap();
+function $106426b893fe64c5$export$567fc7097e064344(state, key, role) {
+    if (typeof key === 'string') key = key.replace(/\s+/g, '');
+    let baseId = $106426b893fe64c5$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
 }
 
-/**
- * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for
- * the contents of a tab, and is shown when the tab is selected.
- */
-export function useTabPanel(props, state, ref) {
-  let [tabIndex, setTabIndex] = useState(0); // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.
-  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element
-  // within the tabpanel.
 
-  useLayoutEffect(() => {
-    if (ref != null && ref.current) {
-      let update = () => {
-        // Detect if there are any tabbable elements and update the tabIndex accordingly.
-        let walker = getFocusableTreeWalker(ref.current, {
-          tabbable: true
-        });
-        setTabIndex(walker.nextNode() ? undefined : 0);
-      };
 
-      update(); // Update when new elements are inserted, or the tabIndex/disabled attribute updates.
+function $184b4f90085af26c$export$fdf4756d5b8ef90a(props, state, ref) {
+    let { key: key , isDisabled: propsDisabled  } = props;
+    let { selectionManager: manager , selectedKey: selectedKey  } = state;
+    let isSelected = key === selectedKey;
+    let isDisabled = propsDisabled || state.disabledKeys.has(key);
+    let { itemProps: itemProps  } = $h3U02$useSelectableItem({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled
+    });
+    let tabId = $106426b893fe64c5$export$567fc7097e064344(state, key, 'tab');
+    let tabPanelId = $106426b893fe64c5$export$567fc7097e064344(state, key, 'tabpanel');
+    let { tabIndex: tabIndex  } = itemProps;
+    return {
+        tabProps: {
+            ...itemProps,
+            id: tabId,
+            'aria-selected': isSelected,
+            'aria-disabled': isDisabled || undefined,
+            'aria-controls': isSelected ? tabPanelId : undefined,
+            tabIndex: isDisabled ? undefined : tabIndex,
+            role: 'tab'
+        }
+    };
+}
 
-      let observer = new MutationObserver(update);
-      observer.observe(ref.current, {
-        subtree: true,
-        childList: true,
-        attributes: true,
-        attributeFilter: ['tabIndex', 'disabled']
-      });
-      return () => {
-        observer.disconnect();
-      };
-    }
-  }, [ref]);
-  const id = $c5c378b07d37fb3729fd37493414d657$export$generateId(state, state == null ? void 0 : state.selectedKey, 'tabpanel');
-  const tabPanelProps = useLabels(_babelRuntimeHelpersEsmExtends({}, props, {
-    id,
-    'aria-labelledby': $c5c378b07d37fb3729fd37493414d657$export$generateId(state, state == null ? void 0 : state.selectedKey, 'tab')
-  }));
-  return {
-    tabPanelProps: mergeProps(tabPanelProps, {
-      tabIndex,
-      role: 'tabpanel',
-      'aria-describedby': props['aria-describedby'],
-      'aria-details': props['aria-details']
-    })
-  };
+
+var $4583fbfef9273355$exports = {};
+
+$parcel$export($4583fbfef9273355$exports, "useTabPanel", () => $4583fbfef9273355$export$fae0121b5afe572d);
+
+
+
+
+function $4583fbfef9273355$export$fae0121b5afe572d(props, state, ref) {
+    let [tabIndex, setTabIndex] = $h3U02$useState(0);
+    // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.
+    // Otherwise, tabbing from the focused tab should go directly to the first tabbable element
+    // within the tabpanel.
+    $h3U02$useLayoutEffect(()=>{
+        if (ref?.current) {
+            let update = ()=>{
+                // Detect if there are any tabbable elements and update the tabIndex accordingly.
+                let walker = $h3U02$getFocusableTreeWalker(ref.current, {
+                    tabbable: true
+                });
+                setTabIndex(walker.nextNode() ? undefined : 0);
+            };
+            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 ()=>{
+                observer.disconnect();
+            };
+        }
+    }, [
+        ref
+    ]);
+    const id = $106426b893fe64c5$export$567fc7097e064344(state, state?.selectedKey, 'tabpanel');
+    const tabPanelProps = $h3U02$useLabels({
+        ...props,
+        id: id,
+        'aria-labelledby': $106426b893fe64c5$export$567fc7097e064344(state, state?.selectedKey, 'tab')
+    });
+    return {
+        tabPanelProps: $h3U02$mergeProps(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: 'tabpanel',
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
+        })
+    };
 }
 
-class $ace72fda23df319bd9db38f00073d9$export$TabsKeyboardDelegate {
-  constructor(collection, direction, orientation, disabledKeys) {
-    if (disabledKeys === void 0) {
-      disabledKeys = new Set();
-    }
 
-    this.collection = void 0;
-    this.flipDirection = void 0;
-    this.disabledKeys = void 0;
-    this.orientation = void 0;
-    this.collection = collection;
-    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    this.orientation = orientation;
-    this.disabledKeys = disabledKeys;
-  }
+var $f34b9b0e5fb410d4$exports = {};
 
-  getKeyLeftOf(key) {
-    if (this.flipDirection) {
-      return this.getNextKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getPreviousKey(key);
-      }
+$parcel$export($f34b9b0e5fb410d4$exports, "useTabList", () => $f34b9b0e5fb410d4$export$773e389e644c5874);
 
-      return null;
-    }
-  }
 
-  getKeyRightOf(key) {
-    if (this.flipDirection) {
-      return this.getPreviousKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getNextKey(key);
-      }
 
-      return null;
+class $6e3da305df7d9d45$export$15010ca3c1abe90b {
+    constructor(collection, direction, orientation, disabledKeys = new Set()){
+        this.collection = collection;
+        this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
+        this.orientation = orientation;
+        this.disabledKeys = disabledKeys;
     }
-  }
-
-  getKeyAbove(key) {
-    if (this.orientation === 'vertical') {
-      return this.getPreviousKey(key);
+    getKeyLeftOf(key) {
+        if (this.flipDirection) return this.getNextKey(key);
+        else {
+            if (this.orientation === 'horizontal') return this.getPreviousKey(key);
+            return null;
+        }
     }
-
-    return null;
-  }
-
-  getKeyBelow(key) {
-    if (this.orientation === 'vertical') {
-      return this.getNextKey(key);
+    getKeyRightOf(key) {
+        if (this.flipDirection) return this.getPreviousKey(key);
+        else {
+            if (this.orientation === 'horizontal') return this.getNextKey(key);
+            return null;
+        }
     }
-
-    return null;
-  }
-
-  getFirstKey() {
-    let key = this.collection.getFirstKey();
-
-    if (this.disabledKeys.has(key)) {
-      key = this.getNextKey(key);
+    getKeyAbove(key) {
+        if (this.orientation === 'vertical') return this.getPreviousKey(key);
+        return null;
     }
-
-    return key;
-  }
-
-  getLastKey() {
-    let key = this.collection.getLastKey();
-
-    if (this.disabledKeys.has(key)) {
-      key = this.getPreviousKey(key);
+    getKeyBelow(key) {
+        if (this.orientation === 'vertical') return this.getNextKey(key);
+        return null;
     }
+    getFirstKey() {
+        let key = this.collection.getFirstKey();
+        if (this.disabledKeys.has(key)) key = this.getNextKey(key);
+        return key;
+    }
+    getLastKey() {
+        let key = this.collection.getLastKey();
+        if (this.disabledKeys.has(key)) key = this.getPreviousKey(key);
+        return key;
+    }
+    getNextKey(key) {
+        do {
+            key = this.collection.getKeyAfter(key);
+            if (key == null) key = this.collection.getFirstKey();
+        }while (this.disabledKeys.has(key))
+        return key;
+    }
+    getPreviousKey(key) {
+        do {
+            key = this.collection.getKeyBefore(key);
+            if (key == null) key = this.collection.getLastKey();
+        }while (this.disabledKeys.has(key))
+        return key;
+    }
+}
 
-    return key;
-  }
-
-  getNextKey(key) {
-    do {
-      key = this.collection.getKeyAfter(key);
-
-      if (key == null) {
-        key = this.collection.getFirstKey();
-      }
-    } while (this.disabledKeys.has(key));
 
-    return key;
-  }
 
-  getPreviousKey(key) {
-    do {
-      key = this.collection.getKeyBefore(key);
 
-      if (key == null) {
-        key = this.collection.getLastKey();
-      }
-    } while (this.disabledKeys.has(key));
+function $f34b9b0e5fb410d4$export$773e389e644c5874(props, state, ref) {
+    let { orientation: orientation = 'horizontal' , keyboardActivation: keyboardActivation = 'automatic'  } = props;
+    let { collection: collection , selectionManager: manager , disabledKeys: disabledKeys  } = state;
+    let { direction: direction  } = $h3U02$useLocale();
+    let delegate = $h3U02$useMemo(()=>new $6e3da305df7d9d45$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
+    , [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps  } = $h3U02$useSelectableCollection({
+        ref: ref,
+        selectionManager: manager,
+        keyboardDelegate: delegate,
+        selectOnFocus: keyboardActivation === 'automatic',
+        disallowEmptySelection: true,
+        scrollRef: ref
+    });
+    // Compute base id for all tabs
+    let tabsId = $h3U02$useId();
+    $106426b893fe64c5$export$c5f62239608282b6.set(state, tabsId);
+    let tabListLabelProps = $h3U02$useLabels({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...$h3U02$mergeProps(collectionProps, tabListLabelProps),
+            role: 'tablist',
+            'aria-orientation': orientation,
+            tabIndex: undefined
+        }
+    };
+}
 
-    return key;
-  }
 
-}
 
-/**
- * Provides the behavior and accessibility implementation for a tab list.
- * Tabs organize content into multiple sections and allow users to navigate between them.
- */
-export function useTabList(props, state, ref) {
-  let {
-    orientation = 'horizontal',
-    keyboardActivation = 'automatic'
-  } = props;
-  let {
-    collection,
-    selectionManager: manager,
-    disabledKeys
-  } = state;
-  let {
-    direction
-  } = useLocale();
-  let delegate = useMemo(() => new $ace72fda23df319bd9db38f00073d9$export$TabsKeyboardDelegate(collection, direction, orientation, disabledKeys), [collection, disabledKeys, orientation, direction]);
-  let {
-    collectionProps
-  } = useSelectableCollection({
-    ref,
-    selectionManager: manager,
-    keyboardDelegate: delegate,
-    selectOnFocus: keyboardActivation === 'automatic',
-    disallowEmptySelection: true,
-    scrollRef: ref
-  }); // Compute base id for all tabs
 
-  let tabsId = useId();
-  $c5c378b07d37fb3729fd37493414d657$export$tabsIds.set(state, tabsId);
-  let tabListLabelProps = useLabels(_babelRuntimeHelpersEsmExtends({}, props, {
-    id: tabsId
-  }));
-  return {
-    tabListProps: _babelRuntimeHelpersEsmExtends({}, mergeProps(collectionProps, tabListLabelProps), {
-      role: 'tablist',
-      'aria-orientation': orientation,
-      tabIndex: undefined
-    })
-  };
-}
+export {$184b4f90085af26c$export$fdf4756d5b8ef90a as useTab, $4583fbfef9273355$export$fae0121b5afe572d as useTabPanel, $f34b9b0e5fb410d4$export$773e389e644c5874 as useTabList};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/tabs/src/utils.ts","./packages/@react-aria/tabs/src/useTab.ts","./packages/@react-aria/tabs/src/useTabPanel.ts","./packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","./packages/@react-aria/tabs/src/useTabList.ts"],"sourcesContent":["/*\n * Copyright 2020 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 {Key} from 'react';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T>, key: Key, role: string) {\n  if (typeof key === 'string') {\n    key = key.replace(/\\s+/g, '');\n  }\n\n  let baseId = tabsIds.get(state);\n  return `${baseId}-${role}-${key}`;\n}\n\n","/*\n * Copyright 2020 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 {AriaTabProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\ninterface TabAria {\n  /** Props for the tab element. */\n  tabProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<HTMLElement>\n): TabAria {\n  let {key, isDisabled: propsDisabled} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.disabledKeys.has(key);\n  let {itemProps} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  return {\n    tabProps: {\n      ...itemProps,\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }\n  };\n}\n\n","/*\n * Copyright 2020 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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {getFocusableTreeWalker} from '@react-aria/focus';\nimport {HTMLAttributes, RefObject, useLayoutEffect, useState} from 'react';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\n\ninterface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for\n * the contents of a tab, and is shown when the tab is selected.\n */\nexport function useTabPanel<T>(props: AriaTabPanelProps, state: TabListState<T>, ref: RefObject<HTMLElement>): TabPanelAria {\n  let [tabIndex, setTabIndex] = useState(0);\n\n  // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.\n  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element\n  // within the tabpanel.\n  useLayoutEffect(() => {\n    if (ref?.current) {\n      let update = () => {\n        // Detect if there are any tabbable elements and update the tabIndex accordingly.\n        let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n        setTabIndex(walker.nextNode() ? undefined : 0);\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        observer.disconnect();\n      };\n    }\n  }, [ref]);\n\n  const id = generateId(state, state?.selectedKey, 'tabpanel');\n  const tabPanelProps = useLabels({...props, id, 'aria-labelledby': generateId(state, state?.selectedKey, 'tab')});\n\n  return {\n    tabPanelProps: mergeProps(tabPanelProps, {\n      tabIndex,\n      role: 'tabpanel',\n      'aria-describedby': props['aria-describedby'],\n      'aria-details': props['aria-details']\n    })\n  };\n}\n","/*\n * Copyright 2020 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 {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TabsKeyboardDelegate<T> implements KeyboardDelegate {\n  private collection: Collection<T>;\n  private flipDirection: boolean;\n  private disabledKeys: Set<Key>;\n  private orientation: Orientation;\n\n  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {\n    this.collection = collection;\n    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';\n    this.orientation = orientation;\n    this.disabledKeys = disabledKeys;\n  }\n\n  getKeyLeftOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getNextKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getPreviousKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyRightOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getPreviousKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getNextKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyAbove(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getPreviousKey(key);\n    }\n    return null;\n  }\n\n  getKeyBelow(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getNextKey(key);\n    }\n    return null;\n  }\n\n  getFirstKey() {\n    let key = this.collection.getFirstKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getNextKey(key);\n    }\n    return key;\n  }\n\n  getLastKey() {\n    let key = this.collection.getLastKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getPreviousKey(key);\n    }\n    return key;\n  }\n\n  getNextKey(key) {\n    do {\n      key = this.collection.getKeyAfter(key);\n      if (key == null) {\n        key = this.collection.getFirstKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n\n  getPreviousKey(key) {\n    do {\n      key = this.collection.getKeyBefore(key);\n      if (key == null) {\n        key = this.collection.getLastKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n}\n","/*\n* Copyright 2020 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 {AriaTabListProps} from '@react-types/tabs';\nimport {HTMLAttributes, RefObject, useMemo} from 'react';\nimport {mergeProps, useId, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {tabsIds} from './utils';\nimport {TabsKeyboardDelegate} from './TabsKeyboardDelegate';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSelectableCollection} from '@react-aria/selection';\n\ninterface TabListAria {\n  /** Props for the tablist container. */\n  tabListProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab list.\n * Tabs organize content into multiple sections and allow users to navigate between them.\n */\nexport function useTabList<T>(props: AriaTabListProps<T>, state: TabListState<T>, ref: RefObject<HTMLElement>): TabListAria {\n  let {\n    orientation = 'horizontal',\n    keyboardActivation = 'automatic'\n  } = props;\n  let {\n    collection,\n    selectionManager: manager,\n    disabledKeys\n  } = state;\n  let {direction} = useLocale();\n  let delegate = useMemo(() => new TabsKeyboardDelegate(\n    collection,\n    direction,\n    orientation,\n    disabledKeys), [collection, disabledKeys, orientation, direction]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    selectOnFocus: keyboardActivation === 'automatic',\n    disallowEmptySelection: true,\n    scrollRef: ref\n  });\n\n  // Compute base id for all tabs\n  let tabsId = useId();\n  tabsIds.set(state, tabsId);\n\n  let tabListLabelProps = useLabels({...props, id: tabsId});\n\n  return {\n    tabListProps: {\n      ...mergeProps(collectionProps, tabListLabelProps),\n      role: 'tablist',\n      'aria-orientation': orientation,\n      tabIndex: undefined\n    }\n  };\n}\n"],"names":["tabsIds","WeakMap","generateId","state","key","role","replace","baseId","get","useTab","props","ref","isDisabled","propsDisabled","selectionManager","manager","selectedKey","isSelected","disabledKeys","has","itemProps","useSelectableItem","tabId","tabPanelId","tabIndex","tabProps","id","undefined","useTabPanel","setTabIndex","useState","useLayoutEffect","current","update","walker","getFocusableTreeWalker","tabbable","nextNode","observer","MutationObserver","observe","subtree","childList","attributes","attributeFilter","disconnect","tabPanelProps","useLabels","mergeProps","TabsKeyboardDelegate","constructor","collection","direction","orientation","Set","flipDirection","getKeyLeftOf","getNextKey","getPreviousKey","getKeyRightOf","getKeyAbove","getKeyBelow","getFirstKey","getLastKey","getKeyAfter","getKeyBefore","useTabList","keyboardActivation","useLocale","delegate","useMemo","collectionProps","useSelectableCollection","keyboardDelegate","selectOnFocus","disallowEmptySelection","scrollRef","tabsId","useId","set","tabListLabelProps","tabListProps"],"version":3,"file":"module.js.map"}
+{"mappings":"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","sources":["packages/@react-aria/tabs/src/index.ts","packages/@react-aria/tabs/src/useTab.ts","packages/@react-aria/tabs/src/utils.ts","packages/@react-aria/tabs/src/useTabPanel.ts","packages/@react-aria/tabs/src/useTabList.ts","packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts"],"sourcesContent":["/*\n * Copyright 2020 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\nexport * from './useTab';\nexport * from './useTabPanel';\nexport * from './useTabList';\n","/*\n * Copyright 2020 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 {AriaTabProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {HTMLAttributes, RefObject} from 'react';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\ninterface TabAria {\n  /** Props for the tab element. */\n  tabProps: HTMLAttributes<HTMLElement>\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<HTMLElement>\n): TabAria {\n  let {key, isDisabled: propsDisabled} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.disabledKeys.has(key);\n  let {itemProps} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  return {\n    tabProps: {\n      ...itemProps,\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }\n  };\n}\n\n","/*\n * Copyright 2020 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 {Key} from 'react';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T>, key: Key, role: string) {\n  if (typeof key === 'string') {\n    key = key.replace(/\\s+/g, '');\n  }\n\n  let baseId = tabsIds.get(state);\n  return `${baseId}-${role}-${key}`;\n}\n\n","/*\n * Copyright 2020 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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {generateId} from './utils';\nimport {getFocusableTreeWalker} from '@react-aria/focus';\nimport {HTMLAttributes, RefObject, useLayoutEffect, useState} from 'react';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\n\ninterface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for\n * the contents of a tab, and is shown when the tab is selected.\n */\nexport function useTabPanel<T>(props: AriaTabPanelProps, state: TabListState<T>, ref: RefObject<HTMLElement>): TabPanelAria {\n  let [tabIndex, setTabIndex] = useState(0);\n\n  // The tabpanel should have tabIndex=0 when there are no tabbable elements within it.\n  // Otherwise, tabbing from the focused tab should go directly to the first tabbable element\n  // within the tabpanel.\n  useLayoutEffect(() => {\n    if (ref?.current) {\n      let update = () => {\n        // Detect if there are any tabbable elements and update the tabIndex accordingly.\n        let walker = getFocusableTreeWalker(ref.current, {tabbable: true});\n        setTabIndex(walker.nextNode() ? undefined : 0);\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        observer.disconnect();\n      };\n    }\n  }, [ref]);\n\n  const id = generateId(state, state?.selectedKey, 'tabpanel');\n  const tabPanelProps = useLabels({...props, id, 'aria-labelledby': generateId(state, state?.selectedKey, 'tab')});\n\n  return {\n    tabPanelProps: mergeProps(tabPanelProps, {\n      tabIndex,\n      role: 'tabpanel',\n      'aria-describedby': props['aria-describedby'],\n      'aria-details': props['aria-details']\n    })\n  };\n}\n","/*\n* Copyright 2020 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 {AriaTabListProps} from '@react-types/tabs';\nimport {HTMLAttributes, RefObject, useMemo} from 'react';\nimport {mergeProps, useId, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {tabsIds} from './utils';\nimport {TabsKeyboardDelegate} from './TabsKeyboardDelegate';\nimport {useLocale} from '@react-aria/i18n';\nimport {useSelectableCollection} from '@react-aria/selection';\n\ninterface TabListAria {\n  /** Props for the tablist container. */\n  tabListProps: HTMLAttributes<HTMLElement>\n}\n\n\n/**\n * Provides the behavior and accessibility implementation for a tab list.\n * Tabs organize content into multiple sections and allow users to navigate between them.\n */\nexport function useTabList<T>(props: AriaTabListProps<T>, state: TabListState<T>, ref: RefObject<HTMLElement>): TabListAria {\n  let {\n    orientation = 'horizontal',\n    keyboardActivation = 'automatic'\n  } = props;\n  let {\n    collection,\n    selectionManager: manager,\n    disabledKeys\n  } = state;\n  let {direction} = useLocale();\n  let delegate = useMemo(() => new TabsKeyboardDelegate(\n    collection,\n    direction,\n    orientation,\n    disabledKeys), [collection, disabledKeys, orientation, direction]);\n\n  let {collectionProps} = useSelectableCollection({\n    ref,\n    selectionManager: manager,\n    keyboardDelegate: delegate,\n    selectOnFocus: keyboardActivation === 'automatic',\n    disallowEmptySelection: true,\n    scrollRef: ref\n  });\n\n  // Compute base id for all tabs\n  let tabsId = useId();\n  tabsIds.set(state, tabsId);\n\n  let tabListLabelProps = useLabels({...props, id: tabsId});\n\n  return {\n    tabListProps: {\n      ...mergeProps(collectionProps, tabListLabelProps),\n      role: 'tablist',\n      'aria-orientation': orientation,\n      tabIndex: undefined\n    }\n  };\n}\n","/*\n * Copyright 2020 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 {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TabsKeyboardDelegate<T> implements KeyboardDelegate {\n  private collection: Collection<T>;\n  private flipDirection: boolean;\n  private disabledKeys: Set<Key>;\n  private orientation: Orientation;\n\n  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {\n    this.collection = collection;\n    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';\n    this.orientation = orientation;\n    this.disabledKeys = disabledKeys;\n  }\n\n  getKeyLeftOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getNextKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getPreviousKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyRightOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getPreviousKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getNextKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyAbove(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getPreviousKey(key);\n    }\n    return null;\n  }\n\n  getKeyBelow(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getNextKey(key);\n    }\n    return null;\n  }\n\n  getFirstKey() {\n    let key = this.collection.getFirstKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getNextKey(key);\n    }\n    return key;\n  }\n\n  getLastKey() {\n    let key = this.collection.getLastKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getPreviousKey(key);\n    }\n    return key;\n  }\n\n  getNextKey(key) {\n    do {\n      key = this.collection.getKeyAfter(key);\n      if (key == null) {\n        key = this.collection.getFirstKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n\n  getPreviousKey(key) {\n    do {\n      key = this.collection.getKeyBefore(key);\n      if (key == null) {\n        key = this.collection.getLastKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;ACkBA;IACE,iCAAiC;IACjC,QAAQ,EAAE,eAAe,WAAW,CAAC,CAAA;CACtC;AAED;A;A;GAGG;AACH,uBAAuB,CAAC,EACtB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,aAAa,CAAC,CAAC,EACtB,GAAG,EAAE,UAAU,WAAW,CAAC,GAC1B,OAAO,CA6BT;ACzCD;IACE,uCAAuC;IACvC,aAAa,EAAE,eAAe,WAAW,CAAC,CAAA;CAC3C;AAGD;A;A;GAGG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CA0C1H;AElDD;IACE,uCAAuC;IACvC,YAAY,EAAE,eAAe,WAAW,CAAC,CAAA;CAC1C;AAGD;A;A;GAGG;AACH,2BAA2B,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,CAwC1H","sources":["./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/utils.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTab.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabPanel.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabList.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/index.ts"],"sourcesContent":[null,null,null,null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;ACkBA;IACE,iCAAiC;IACjC,QAAQ,EAAE,eAAe,WAAW,CAAC,CAAA;CACtC;AAED;;;GAGG;AACH,uBAAuB,CAAC,EACtB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,aAAa,CAAC,CAAC,EACtB,GAAG,EAAE,UAAU,WAAW,CAAC,GAC1B,OAAO,CA6BT;ACzCD;IACE,uCAAuC;IACvC,aAAa,EAAE,eAAe,WAAW,CAAC,CAAA;CAC3C;AAGD;;;GAGG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,YAAY,CA0C1H;AElDD;IACE,uCAAuC;IACvC,YAAY,EAAE,eAAe,WAAW,CAAC,CAAA;CAC1C;AAGD;;;GAGG;AACH,2BAA2B,CAAC,EAAE,KAAK,EAAE,iBAAiB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,CAAC,GAAG,WAAW,CAwC1H","sources":["packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/utils.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTab.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabPanel.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabList.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/index.ts","packages/@react-aria/tabs/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"/*\n * Copyright 2020 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\nexport * from './useTab';\nexport * from './useTabPanel';\nexport * from './useTabList';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/tabs",
-  "version": "3.1.1-nightly.3036+f6ce7acdd",
+  "version": "3.1.1-nightly.3047+87960ad25",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,15 +18,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-aria/focus": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-aria/i18n": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-aria/interactions": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-aria/selection": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-aria/utils": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-stately/list": "3.4.2-nightly.3036+f6ce7acdd",
-    "@react-stately/tabs": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-types/shared": "3.0.0-nightly.1345+f6ce7acdd",
-    "@react-types/tabs": "3.0.2-nightly.3036+f6ce7acdd"
+    "@react-aria/focus": "3.0.0-nightly.1356+87960ad25",
+    "@react-aria/i18n": "3.0.0-nightly.1356+87960ad25",
+    "@react-aria/interactions": "3.0.0-nightly.1356+87960ad25",
+    "@react-aria/selection": "3.0.0-nightly.1356+87960ad25",
+    "@react-aria/utils": "3.0.0-nightly.1356+87960ad25",
+    "@react-stately/list": "3.4.2-nightly.3047+87960ad25",
+    "@react-stately/tabs": "3.0.0-nightly.1356+87960ad25",
+    "@react-types/shared": "3.0.0-nightly.1356+87960ad25",
+    "@react-types/tabs": "3.0.2-nightly.3047+87960ad25"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -34,5 +34,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f6ce7acdd85c9a23a3397b0e75350e3208fdd04a"
+  "gitHead": "87960ad25c26bc4cd6af506bb5e7e0f06621556c"
 }