@react-aria/tabs 3.1.2 → 3.1.3-nightly.3113

package/dist/main.js

@@ -1,8 +1,8 @@
-var $buLjC$reactariaselection = require("@react-aria/selection");
-var $buLjC$reactariafocus = require("@react-aria/focus");
-var $buLjC$react = require("react");
-var $buLjC$reactariautils = require("@react-aria/utils");
-var $buLjC$reactariai18n = require("@react-aria/i18n");
+var $1cJu1$reactariaselection = require("@react-aria/selection");
+var $1cJu1$reactariafocus = require("@react-aria/focus");
+var $1cJu1$react = require("react");
+var $1cJu1$reactariautils = require("@react-aria/utils");
+var $1cJu1$reactariai18n = require("@react-aria/i18n");
 
 function $parcel$exportWildcard(dest, source) {
   Object.keys(source).forEach(function(key) {
@@ -23,31 +23,31 @@ function $parcel$exportWildcard(dest, source) {
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $89ebbca46b589799$exports = {};
+var $4eeea1c984cc0628$exports = {};
 
-$parcel$export($89ebbca46b589799$exports, "useTab", () => $89ebbca46b589799$export$fdf4756d5b8ef90a);
-const $818d4bbb9201cea8$export$c5f62239608282b6 = new WeakMap();
-function $818d4bbb9201cea8$export$567fc7097e064344(state, key, role) {
+$parcel$export($4eeea1c984cc0628$exports, "useTab", () => $4eeea1c984cc0628$export$fdf4756d5b8ef90a);
+const $a217ebca77471970$export$c5f62239608282b6 = new WeakMap();
+function $a217ebca77471970$export$567fc7097e064344(state, key, role) {
     if (typeof key === 'string') key = key.replace(/\s+/g, '');
-    let baseId = $818d4bbb9201cea8$export$c5f62239608282b6.get(state);
+    let baseId = $a217ebca77471970$export$c5f62239608282b6.get(state);
     return `${baseId}-${role}-${key}`;
 }
 
 
 
-function $89ebbca46b589799$export$fdf4756d5b8ef90a(props, state, ref) {
+function $4eeea1c984cc0628$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  } = $buLjC$reactariaselection.useSelectableItem({
+    let { itemProps: itemProps  } = $1cJu1$reactariaselection.useSelectableItem({
         selectionManager: manager,
         key: key,
         ref: ref,
         isDisabled: isDisabled
     });
-    let tabId = $818d4bbb9201cea8$export$567fc7097e064344(state, key, 'tab');
-    let tabPanelId = $818d4bbb9201cea8$export$567fc7097e064344(state, key, 'tabpanel');
+    let tabId = $a217ebca77471970$export$567fc7097e064344(state, key, 'tab');
+    let tabPanelId = $a217ebca77471970$export$567fc7097e064344(state, key, 'tabpanel');
     let { tabIndex: tabIndex  } = itemProps;
     return {
         tabProps: {
@@ -63,23 +63,23 @@ function $89ebbca46b589799$export$fdf4756d5b8ef90a(props, state, ref) {
 }
 
 
-var $6e4089dd984c6897$exports = {};
+var $8db1928b18472a1f$exports = {};
 
-$parcel$export($6e4089dd984c6897$exports, "useTabPanel", () => $6e4089dd984c6897$export$fae0121b5afe572d);
+$parcel$export($8db1928b18472a1f$exports, "useTabPanel", () => $8db1928b18472a1f$export$fae0121b5afe572d);
 
 
 
 
-function $6e4089dd984c6897$export$fae0121b5afe572d(props, state, ref) {
-    let [tabIndex, setTabIndex] = $buLjC$react.useState(0);
+function $8db1928b18472a1f$export$fae0121b5afe572d(props, state, ref) {
+    let [tabIndex, setTabIndex] = $1cJu1$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.
-    $buLjC$reactariautils.useLayoutEffect(()=>{
+    $1cJu1$reactariautils.useLayoutEffect(()=>{
         if (ref === null || ref === void 0 ? void 0 : ref.current) {
             let update = ()=>{
                 // Detect if there are any tabbable elements and update the tabIndex accordingly.
-                let walker = $buLjC$reactariafocus.getFocusableTreeWalker(ref.current, {
+                let walker = $1cJu1$reactariafocus.getFocusableTreeWalker(ref.current, {
                     tabbable: true
                 });
                 setTabIndex(walker.nextNode() ? undefined : 0);
@@ -103,14 +103,14 @@ function $6e4089dd984c6897$export$fae0121b5afe572d(props, state, ref) {
     }, [
         ref
     ]);
-    const id = $818d4bbb9201cea8$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
-    const tabPanelProps = $buLjC$reactariautils.useLabels({
+    const id = $a217ebca77471970$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
+    const tabPanelProps = $1cJu1$reactariautils.useLabels({
         ...props,
         id: id,
-        'aria-labelledby': $818d4bbb9201cea8$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
+        'aria-labelledby': $a217ebca77471970$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
     });
     return {
-        tabPanelProps: $buLjC$reactariautils.mergeProps(tabPanelProps, {
+        tabPanelProps: $1cJu1$reactariautils.mergeProps(tabPanelProps, {
             tabIndex: tabIndex,
             role: 'tabpanel',
             'aria-describedby': props['aria-describedby'],
@@ -120,13 +120,13 @@ function $6e4089dd984c6897$export$fae0121b5afe572d(props, state, ref) {
 }
 
 
-var $772c13a2b24fa2ac$exports = {};
+var $f2b4a4926440e901$exports = {};
 
-$parcel$export($772c13a2b24fa2ac$exports, "useTabList", () => $772c13a2b24fa2ac$export$773e389e644c5874);
+$parcel$export($f2b4a4926440e901$exports, "useTabList", () => $f2b4a4926440e901$export$773e389e644c5874);
 
 
 
-class $4dce8c7e6d6eaebd$export$15010ca3c1abe90b {
+class $283e5d8830177ead$export$15010ca3c1abe90b {
     getKeyLeftOf(key) {
         if (this.flipDirection) return this.getNextKey(key);
         else {
@@ -184,18 +184,18 @@ class $4dce8c7e6d6eaebd$export$15010ca3c1abe90b {
 
 
 
-function $772c13a2b24fa2ac$export$773e389e644c5874(props, state, ref) {
+function $f2b4a4926440e901$export$773e389e644c5874(props, state, ref) {
     let { orientation: orientation = 'horizontal' , keyboardActivation: keyboardActivation = 'automatic'  } = props;
     let { collection: collection , selectionManager: manager , disabledKeys: disabledKeys  } = state;
-    let { direction: direction  } = $buLjC$reactariai18n.useLocale();
-    let delegate = $buLjC$react.useMemo(()=>new $4dce8c7e6d6eaebd$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
+    let { direction: direction  } = $1cJu1$reactariai18n.useLocale();
+    let delegate = $1cJu1$react.useMemo(()=>new $283e5d8830177ead$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
     , [
         collection,
         disabledKeys,
         orientation,
         direction
     ]);
-    let { collectionProps: collectionProps  } = $buLjC$reactariaselection.useSelectableCollection({
+    let { collectionProps: collectionProps  } = $1cJu1$reactariaselection.useSelectableCollection({
         ref: ref,
         selectionManager: manager,
         keyboardDelegate: delegate,
@@ -204,15 +204,15 @@ function $772c13a2b24fa2ac$export$773e389e644c5874(props, state, ref) {
         scrollRef: ref
     });
     // Compute base id for all tabs
-    let tabsId = $buLjC$reactariautils.useId();
-    $818d4bbb9201cea8$export$c5f62239608282b6.set(state, tabsId);
-    let tabListLabelProps = $buLjC$reactariautils.useLabels({
+    let tabsId = $1cJu1$reactariautils.useId();
+    $a217ebca77471970$export$c5f62239608282b6.set(state, tabsId);
+    let tabListLabelProps = $1cJu1$reactariautils.useLabels({
         ...props,
         id: tabsId
     });
     return {
         tabListProps: {
-            ...$buLjC$reactariautils.mergeProps(collectionProps, tabListLabelProps),
+            ...$1cJu1$reactariautils.mergeProps(collectionProps, tabListLabelProps),
             role: 'tablist',
             'aria-orientation': orientation,
             tabIndex: undefined
@@ -221,9 +221,9 @@ function $772c13a2b24fa2ac$export$773e389e644c5874(props, state, ref) {
 }
 
 
-$parcel$exportWildcard(module.exports, $89ebbca46b589799$exports);
-$parcel$exportWildcard(module.exports, $6e4089dd984c6897$exports);
-$parcel$exportWildcard(module.exports, $772c13a2b24fa2ac$exports);
+$parcel$exportWildcard(module.exports, $4eeea1c984cc0628$exports);
+$parcel$exportWildcard(module.exports, $8db1928b18472a1f$exports);
+$parcel$exportWildcard(module.exports, $f2b4a4926440e901$exports);
 
 
 //# sourceMappingURL=main.js.map

package/dist/module.js

@@ -1,37 +1,37 @@
-import {useSelectableItem as $G86Z8$useSelectableItem, useSelectableCollection as $G86Z8$useSelectableCollection} from "@react-aria/selection";
-import {getFocusableTreeWalker as $G86Z8$getFocusableTreeWalker} from "@react-aria/focus";
-import {useState as $G86Z8$useState, useMemo as $G86Z8$useMemo} from "react";
-import {useLayoutEffect as $G86Z8$useLayoutEffect, useLabels as $G86Z8$useLabels, mergeProps as $G86Z8$mergeProps, useId as $G86Z8$useId} from "@react-aria/utils";
-import {useLocale as $G86Z8$useLocale} from "@react-aria/i18n";
+import {useSelectableItem as $8kq0t$useSelectableItem, useSelectableCollection as $8kq0t$useSelectableCollection} from "@react-aria/selection";
+import {getFocusableTreeWalker as $8kq0t$getFocusableTreeWalker} from "@react-aria/focus";
+import {useState as $8kq0t$useState, useMemo as $8kq0t$useMemo} from "react";
+import {useLayoutEffect as $8kq0t$useLayoutEffect, useLabels as $8kq0t$useLabels, mergeProps as $8kq0t$mergeProps, useId as $8kq0t$useId} from "@react-aria/utils";
+import {useLocale as $8kq0t$useLocale} from "@react-aria/i18n";
 
 function $parcel$export(e, n, v, s) {
   Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
-var $fbeca008f459f5aa$exports = {};
+var $0175d55c2a017ebc$exports = {};
 
-$parcel$export($fbeca008f459f5aa$exports, "useTab", () => $fbeca008f459f5aa$export$fdf4756d5b8ef90a);
-const $2bc294289400274c$export$c5f62239608282b6 = new WeakMap();
-function $2bc294289400274c$export$567fc7097e064344(state, key, role) {
+$parcel$export($0175d55c2a017ebc$exports, "useTab", () => $0175d55c2a017ebc$export$fdf4756d5b8ef90a);
+const $99b62ae3ff97ec45$export$c5f62239608282b6 = new WeakMap();
+function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
     if (typeof key === 'string') key = key.replace(/\s+/g, '');
-    let baseId = $2bc294289400274c$export$c5f62239608282b6.get(state);
+    let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
     return `${baseId}-${role}-${key}`;
 }
 
 
 
-function $fbeca008f459f5aa$export$fdf4756d5b8ef90a(props, state, ref) {
+function $0175d55c2a017ebc$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  } = $G86Z8$useSelectableItem({
+    let { itemProps: itemProps  } = $8kq0t$useSelectableItem({
         selectionManager: manager,
         key: key,
         ref: ref,
         isDisabled: isDisabled
     });
-    let tabId = $2bc294289400274c$export$567fc7097e064344(state, key, 'tab');
-    let tabPanelId = $2bc294289400274c$export$567fc7097e064344(state, key, 'tabpanel');
+    let tabId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, 'tab');
+    let tabPanelId = $99b62ae3ff97ec45$export$567fc7097e064344(state, key, 'tabpanel');
     let { tabIndex: tabIndex  } = itemProps;
     return {
         tabProps: {
@@ -47,23 +47,23 @@ function $fbeca008f459f5aa$export$fdf4756d5b8ef90a(props, state, ref) {
 }
 
 
-var $bc77009ac794dd15$exports = {};
+var $34bce698202e07cb$exports = {};
 
-$parcel$export($bc77009ac794dd15$exports, "useTabPanel", () => $bc77009ac794dd15$export$fae0121b5afe572d);
+$parcel$export($34bce698202e07cb$exports, "useTabPanel", () => $34bce698202e07cb$export$fae0121b5afe572d);
 
 
 
 
-function $bc77009ac794dd15$export$fae0121b5afe572d(props, state, ref) {
-    let [tabIndex, setTabIndex] = $G86Z8$useState(0);
+function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
+    let [tabIndex, setTabIndex] = $8kq0t$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.
-    $G86Z8$useLayoutEffect(()=>{
+    $8kq0t$useLayoutEffect(()=>{
         if (ref === null || ref === void 0 ? void 0 : ref.current) {
             let update = ()=>{
                 // Detect if there are any tabbable elements and update the tabIndex accordingly.
-                let walker = $G86Z8$getFocusableTreeWalker(ref.current, {
+                let walker = $8kq0t$getFocusableTreeWalker(ref.current, {
                     tabbable: true
                 });
                 setTabIndex(walker.nextNode() ? undefined : 0);
@@ -87,14 +87,14 @@ function $bc77009ac794dd15$export$fae0121b5afe572d(props, state, ref) {
     }, [
         ref
     ]);
-    const id = $2bc294289400274c$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
-    const tabPanelProps = $G86Z8$useLabels({
+    const id = $99b62ae3ff97ec45$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
+    const tabPanelProps = $8kq0t$useLabels({
         ...props,
         id: id,
-        'aria-labelledby': $2bc294289400274c$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
+        'aria-labelledby': $99b62ae3ff97ec45$export$567fc7097e064344(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
     });
     return {
-        tabPanelProps: $G86Z8$mergeProps(tabPanelProps, {
+        tabPanelProps: $8kq0t$mergeProps(tabPanelProps, {
             tabIndex: tabIndex,
             role: 'tabpanel',
             'aria-describedby': props['aria-describedby'],
@@ -104,13 +104,13 @@ function $bc77009ac794dd15$export$fae0121b5afe572d(props, state, ref) {
 }
 
 
-var $67cd7a6663dbdf35$exports = {};
+var $58d314389b21fa3f$exports = {};
 
-$parcel$export($67cd7a6663dbdf35$exports, "useTabList", () => $67cd7a6663dbdf35$export$773e389e644c5874);
+$parcel$export($58d314389b21fa3f$exports, "useTabList", () => $58d314389b21fa3f$export$773e389e644c5874);
 
 
 
-class $d9c38f86f4c836f2$export$15010ca3c1abe90b {
+class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
     getKeyLeftOf(key) {
         if (this.flipDirection) return this.getNextKey(key);
         else {
@@ -168,18 +168,18 @@ class $d9c38f86f4c836f2$export$15010ca3c1abe90b {
 
 
 
-function $67cd7a6663dbdf35$export$773e389e644c5874(props, state, ref) {
+function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
     let { orientation: orientation = 'horizontal' , keyboardActivation: keyboardActivation = 'automatic'  } = props;
     let { collection: collection , selectionManager: manager , disabledKeys: disabledKeys  } = state;
-    let { direction: direction  } = $G86Z8$useLocale();
-    let delegate = $G86Z8$useMemo(()=>new $d9c38f86f4c836f2$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
+    let { direction: direction  } = $8kq0t$useLocale();
+    let delegate = $8kq0t$useMemo(()=>new $bfc6f2d60b8a4c40$export$15010ca3c1abe90b(collection, direction, orientation, disabledKeys)
     , [
         collection,
         disabledKeys,
         orientation,
         direction
     ]);
-    let { collectionProps: collectionProps  } = $G86Z8$useSelectableCollection({
+    let { collectionProps: collectionProps  } = $8kq0t$useSelectableCollection({
         ref: ref,
         selectionManager: manager,
         keyboardDelegate: delegate,
@@ -188,15 +188,15 @@ function $67cd7a6663dbdf35$export$773e389e644c5874(props, state, ref) {
         scrollRef: ref
     });
     // Compute base id for all tabs
-    let tabsId = $G86Z8$useId();
-    $2bc294289400274c$export$c5f62239608282b6.set(state, tabsId);
-    let tabListLabelProps = $G86Z8$useLabels({
+    let tabsId = $8kq0t$useId();
+    $99b62ae3ff97ec45$export$c5f62239608282b6.set(state, tabsId);
+    let tabListLabelProps = $8kq0t$useLabels({
         ...props,
         id: tabsId
     });
     return {
         tabListProps: {
-            ...$G86Z8$mergeProps(collectionProps, tabListLabelProps),
+            ...$8kq0t$mergeProps(collectionProps, tabListLabelProps),
             role: 'tablist',
             'aria-orientation': orientation,
             tabIndex: undefined
@@ -207,5 +207,5 @@ function $67cd7a6663dbdf35$export$773e389e644c5874(props, state, ref) {
 
 
 
-export {$fbeca008f459f5aa$export$fdf4756d5b8ef90a as useTab, $bc77009ac794dd15$export$fae0121b5afe572d as useTabPanel, $67cd7a6663dbdf35$export$773e389e644c5874 as useTabList};
+export {$0175d55c2a017ebc$export$fdf4756d5b8ef90a as useTab, $34bce698202e07cb$export$fae0121b5afe572d as useTabPanel, $58d314389b21fa3f$export$773e389e644c5874 as useTabList};
 //# sourceMappingURL=module.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-aria/tabs",
-  "version": "3.1.2",
+  "version": "3.1.3-nightly.3113+404d41859",
   "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.5.2",
-    "@react-aria/i18n": "^3.3.6",
-    "@react-aria/interactions": "^3.8.1",
-    "@react-aria/selection": "^3.7.3",
-    "@react-aria/utils": "^3.11.2",
-    "@react-stately/list": "^3.4.3",
-    "@react-stately/tabs": "^3.0.3",
-    "@react-types/shared": "^3.11.1",
-    "@react-types/tabs": "^3.0.3"
+    "@react-aria/focus": "3.0.0-nightly.1417+404d41859",
+    "@react-aria/i18n": "3.0.0-nightly.1417+404d41859",
+    "@react-aria/interactions": "3.0.0-nightly.1417+404d41859",
+    "@react-aria/selection": "3.0.0-nightly.1417+404d41859",
+    "@react-aria/utils": "3.0.0-nightly.1417+404d41859",
+    "@react-stately/list": "3.4.4-nightly.3113+404d41859",
+    "@react-stately/tabs": "3.0.0-nightly.1417+404d41859",
+    "@react-types/shared": "3.0.0-nightly.1417+404d41859",
+    "@react-types/tabs": "3.0.4-nightly.3113+404d41859"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"