@react-aria/tabs 3.0.0-beta.0 → 3.0.0-nightly-4980928d3-240906

package/dist/useTabList.mjs

@@ -0,0 +1,62 @@
+import {tabsIds as $99b62ae3ff97ec45$export$c5f62239608282b6} from "./utils.mjs";
+import {TabsKeyboardDelegate as $bfc6f2d60b8a4c40$export$15010ca3c1abe90b} from "./TabsKeyboardDelegate.mjs";
+import {useId as $bQNZs$useId, useLabels as $bQNZs$useLabels, mergeProps as $bQNZs$mergeProps} from "@react-aria/utils";
+import {useLocale as $bQNZs$useLocale} from "@react-aria/i18n";
+import {useMemo as $bQNZs$useMemo} from "react";
+import {useSelectableCollection as $bQNZs$useSelectableCollection} from "@react-aria/selection";
+
+/*
+* 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.
+*/ 
+
+
+
+
+
+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 } = (0, $bQNZs$useLocale)();
+    let delegate = (0, $bQNZs$useMemo)(()=>new (0, $bfc6f2d60b8a4c40$export$15010ca3c1abe90b)(collection, direction, orientation, disabledKeys), [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps } = (0, $bQNZs$useSelectableCollection)({
+        ref: ref,
+        selectionManager: manager,
+        keyboardDelegate: delegate,
+        selectOnFocus: keyboardActivation === 'automatic',
+        disallowEmptySelection: true,
+        scrollRef: ref,
+        linkBehavior: 'selection'
+    });
+    // Compute base id for all tabs
+    let tabsId = (0, $bQNZs$useId)();
+    (0, $99b62ae3ff97ec45$export$c5f62239608282b6).set(state, tabsId);
+    let tabListLabelProps = (0, $bQNZs$useLabels)({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...(0, $bQNZs$mergeProps)(collectionProps, tabListLabelProps),
+            role: 'tablist',
+            'aria-orientation': orientation,
+            tabIndex: undefined
+        }
+    };
+}
+
+
+export {$58d314389b21fa3f$export$773e389e644c5874 as useTabList};
+//# sourceMappingURL=useTabList.module.js.map

package/dist/useTabList.module.js

@@ -0,0 +1,62 @@
+import {tabsIds as $99b62ae3ff97ec45$export$c5f62239608282b6} from "./utils.module.js";
+import {TabsKeyboardDelegate as $bfc6f2d60b8a4c40$export$15010ca3c1abe90b} from "./TabsKeyboardDelegate.module.js";
+import {useId as $bQNZs$useId, useLabels as $bQNZs$useLabels, mergeProps as $bQNZs$mergeProps} from "@react-aria/utils";
+import {useLocale as $bQNZs$useLocale} from "@react-aria/i18n";
+import {useMemo as $bQNZs$useMemo} from "react";
+import {useSelectableCollection as $bQNZs$useSelectableCollection} from "@react-aria/selection";
+
+/*
+* 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.
+*/ 
+
+
+
+
+
+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 } = (0, $bQNZs$useLocale)();
+    let delegate = (0, $bQNZs$useMemo)(()=>new (0, $bfc6f2d60b8a4c40$export$15010ca3c1abe90b)(collection, direction, orientation, disabledKeys), [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps } = (0, $bQNZs$useSelectableCollection)({
+        ref: ref,
+        selectionManager: manager,
+        keyboardDelegate: delegate,
+        selectOnFocus: keyboardActivation === 'automatic',
+        disallowEmptySelection: true,
+        scrollRef: ref,
+        linkBehavior: 'selection'
+    });
+    // Compute base id for all tabs
+    let tabsId = (0, $bQNZs$useId)();
+    (0, $99b62ae3ff97ec45$export$c5f62239608282b6).set(state, tabsId);
+    let tabListLabelProps = (0, $bQNZs$useLabels)({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...(0, $bQNZs$mergeProps)(collectionProps, tabListLabelProps),
+            role: 'tablist',
+            'aria-orientation': orientation,
+            tabIndex: undefined
+        }
+    };
+}
+
+
+export {$58d314389b21fa3f$export$773e389e644c5874 as useTabList};
+//# sourceMappingURL=useTabList.module.js.map

package/dist/useTabList.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;AAUA;;;;;;AAuBO,SAAS,0CAAc,KAA4B,EAAE,KAAsB,EAAE,GAAkC;IACpH,IAAI,eACF,cAAc,kCACd,qBAAqB,aACtB,GAAG;IACJ,IAAI,cACF,UAAU,EACV,kBAAkB,OAAO,gBACzB,YAAY,EACb,GAAG;IACJ,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,gBAAQ;IAC1B,IAAI,WAAW,CAAA,GAAA,cAAM,EAAE,IAAM,IAAI,CAAA,GAAA,yCAAmB,EAClD,YACA,WACA,aACA,eAAe;QAAC;QAAY;QAAc;QAAa;KAAU;IAEnE,IAAI,mBAAC,eAAe,EAAC,GAAG,CAAA,GAAA,8BAAsB,EAAE;aAC9C;QACA,kBAAkB;QAClB,kBAAkB;QAClB,eAAe,uBAAuB;QACtC,wBAAwB;QACxB,WAAW;QACX,cAAc;IAChB;IAEA,+BAA+B;IAC/B,IAAI,SAAS,CAAA,GAAA,YAAI;IACjB,CAAA,GAAA,yCAAM,EAAE,GAAG,CAAC,OAAO;IAEnB,IAAI,oBAAoB,CAAA,GAAA,gBAAQ,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI;IAAM;IAEvD,OAAO;QACL,cAAc;YACZ,GAAG,CAAA,GAAA,iBAAS,EAAE,iBAAiB,kBAAkB;YACjD,MAAM;YACN,oBAAoB;YACpB,UAAU;QACZ;IACF;AACF","sources":["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 {AriaTabListProps} from '@react-types/tabs';\nimport {DOMAttributes, RefObject} from '@react-types/shared';\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 {useMemo} from 'react';\nimport {useSelectableCollection} from '@react-aria/selection';\n\nexport interface AriaTabListOptions<T> extends Omit<AriaTabListProps<T>, 'children'> {}\n\nexport interface TabListAria {\n  /** Props for the tablist container. */\n  tabListProps: DOMAttributes\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: AriaTabListOptions<T>, state: TabListState<T>, ref: RefObject<HTMLElement | null>): 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    linkBehavior: 'selection'\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":[],"version":3,"file":"useTabList.module.js.map"}

package/dist/useTabPanel.main.js

@@ -0,0 +1,47 @@
+var $a217ebca77471970$exports = require("./utils.main.js");
+var $8Zd8I$reactariautils = require("@react-aria/utils");
+var $8Zd8I$reactariafocus = require("@react-aria/focus");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTabPanel", () => $8db1928b18472a1f$export$fae0121b5afe572d);
+/*
+ * 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.
+ */ 
+
+
+function $8db1928b18472a1f$export$fae0121b5afe572d(props, state, ref) {
+    // 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.
+    let tabIndex = (0, $8Zd8I$reactariafocus.useHasTabbableChild)(ref) ? undefined : 0;
+    var _props_id;
+    const id = (0, $a217ebca77471970$exports.generateId)(state, (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
+    const tabPanelProps = (0, $8Zd8I$reactariautils.useLabels)({
+        ...props,
+        id: id,
+        'aria-labelledby': (0, $a217ebca77471970$exports.generateId)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
+    });
+    return {
+        tabPanelProps: (0, $8Zd8I$reactariautils.mergeProps)(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: 'tabpanel',
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
+        })
+    };
+}
+
+
+//# sourceMappingURL=useTabPanel.main.js.map

package/dist/useTabPanel.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,SAAS,0CAAe,KAAwB,EAAE,KAA6B,EAAE,GAA8B;IACpH,qFAAqF;IACrF,2FAA2F;IAC3F,uBAAuB;IACvB,IAAI,WAAW,CAAA,GAAA,yCAAkB,EAAE,OAAO,YAAY;QAEzB;IAA7B,MAAM,KAAK,CAAA,GAAA,oCAAS,EAAE,OAAO,CAAA,YAAA,MAAM,EAAE,cAAR,uBAAA,YAAY,kBAAA,4BAAA,MAAO,WAAW,EAAE;IAC7D,MAAM,gBAAgB,CAAA,GAAA,+BAAQ,EAAE;QAAC,GAAG,KAAK;YAAE;QAAI,mBAAmB,CAAA,GAAA,oCAAS,EAAE,OAAO,kBAAA,4BAAA,MAAO,WAAW,EAAE;IAAM;IAE9G,OAAO;QACL,eAAe,CAAA,GAAA,gCAAS,EAAE,eAAe;sBACvC;YACA,MAAM;YACN,oBAAoB,KAAK,CAAC,mBAAmB;YAC7C,gBAAgB,KAAK,CAAC,eAAe;QACvC;IACF;AACF","sources":["packages/@react-aria/tabs/src/useTabPanel.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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {DOMAttributes, RefObject} from '@react-types/shared';\nimport {generateId} from './utils';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {useHasTabbableChild} from '@react-aria/focus';\n\nexport interface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: DOMAttributes\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> | null, ref: RefObject<Element | null>): TabPanelAria {\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  let tabIndex = useHasTabbableChild(ref) ? undefined : 0;\n\n  const id = generateId(state, props.id ?? 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"],"names":[],"version":3,"file":"useTabPanel.main.js.map"}

package/dist/useTabPanel.mjs

@@ -0,0 +1,42 @@
+import {generateId as $99b62ae3ff97ec45$export$567fc7097e064344} from "./utils.mjs";
+import {useLabels as $jik2T$useLabels, mergeProps as $jik2T$mergeProps} from "@react-aria/utils";
+import {useHasTabbableChild as $jik2T$useHasTabbableChild} from "@react-aria/focus";
+
+/*
+ * 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.
+ */ 
+
+
+function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
+    // 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.
+    let tabIndex = (0, $jik2T$useHasTabbableChild)(ref) ? undefined : 0;
+    var _props_id;
+    const id = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
+    const tabPanelProps = (0, $jik2T$useLabels)({
+        ...props,
+        id: id,
+        'aria-labelledby': (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
+    });
+    return {
+        tabPanelProps: (0, $jik2T$mergeProps)(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: 'tabpanel',
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
+        })
+    };
+}
+
+
+export {$34bce698202e07cb$export$fae0121b5afe572d as useTabPanel};
+//# sourceMappingURL=useTabPanel.module.js.map

package/dist/useTabPanel.module.js

@@ -0,0 +1,42 @@
+import {generateId as $99b62ae3ff97ec45$export$567fc7097e064344} from "./utils.module.js";
+import {useLabels as $jik2T$useLabels, mergeProps as $jik2T$mergeProps} from "@react-aria/utils";
+import {useHasTabbableChild as $jik2T$useHasTabbableChild} from "@react-aria/focus";
+
+/*
+ * 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.
+ */ 
+
+
+function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
+    // 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.
+    let tabIndex = (0, $jik2T$useHasTabbableChild)(ref) ? undefined : 0;
+    var _props_id;
+    const id = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, (_props_id = props.id) !== null && _props_id !== void 0 ? _props_id : state === null || state === void 0 ? void 0 : state.selectedKey, 'tabpanel');
+    const tabPanelProps = (0, $jik2T$useLabels)({
+        ...props,
+        id: id,
+        'aria-labelledby': (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
+    });
+    return {
+        tabPanelProps: (0, $jik2T$mergeProps)(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: 'tabpanel',
+            'aria-describedby': props['aria-describedby'],
+            'aria-details': props['aria-details']
+        })
+    };
+}
+
+
+export {$34bce698202e07cb$export$fae0121b5afe572d as useTabPanel};
+//# sourceMappingURL=useTabPanel.module.js.map

package/dist/useTabPanel.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAmBM,SAAS,0CAAe,KAAwB,EAAE,KAA6B,EAAE,GAA8B;IACpH,qFAAqF;IACrF,2FAA2F;IAC3F,uBAAuB;IACvB,IAAI,WAAW,CAAA,GAAA,0BAAkB,EAAE,OAAO,YAAY;QAEzB;IAA7B,MAAM,KAAK,CAAA,GAAA,yCAAS,EAAE,OAAO,CAAA,YAAA,MAAM,EAAE,cAAR,uBAAA,YAAY,kBAAA,4BAAA,MAAO,WAAW,EAAE;IAC7D,MAAM,gBAAgB,CAAA,GAAA,gBAAQ,EAAE;QAAC,GAAG,KAAK;YAAE;QAAI,mBAAmB,CAAA,GAAA,yCAAS,EAAE,OAAO,kBAAA,4BAAA,MAAO,WAAW,EAAE;IAAM;IAE9G,OAAO;QACL,eAAe,CAAA,GAAA,iBAAS,EAAE,eAAe;sBACvC;YACA,MAAM;YACN,oBAAoB,KAAK,CAAC,mBAAmB;YAC7C,gBAAgB,KAAK,CAAC,eAAe;QACvC;IACF;AACF","sources":["packages/@react-aria/tabs/src/useTabPanel.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 {AriaTabPanelProps} from '@react-types/tabs';\nimport {DOMAttributes, RefObject} from '@react-types/shared';\nimport {generateId} from './utils';\nimport {mergeProps, useLabels} from '@react-aria/utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {useHasTabbableChild} from '@react-aria/focus';\n\nexport interface TabPanelAria {\n  /** Props for the tab panel element. */\n  tabPanelProps: DOMAttributes\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> | null, ref: RefObject<Element | null>): TabPanelAria {\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  let tabIndex = useHasTabbableChild(ref) ? undefined : 0;\n\n  const id = generateId(state, props.id ?? 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"],"names":[],"version":3,"file":"useTabPanel.module.js.map"}

package/dist/utils.main.js

@@ -0,0 +1,28 @@
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "tabsIds", () => $a217ebca77471970$export$c5f62239608282b6);
+$parcel$export(module.exports, "generateId", () => $a217ebca77471970$export$567fc7097e064344);
+/*
+ * 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 $a217ebca77471970$export$c5f62239608282b6 = new WeakMap();
+function $a217ebca77471970$export$567fc7097e064344(state, key, role) {
+    if (!state) // this case should only happen in the first render before the tabs are registered
+    return '';
+    if (typeof key === 'string') key = key.replace(/\s+/g, '');
+    let baseId = $a217ebca77471970$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
+}
+
+
+//# sourceMappingURL=utils.main.js.map

package/dist/utils.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;AAAA;;;;;;;;;;CAUC,GAKM,MAAM,4CAAU,IAAI;AAEpB,SAAS,0CAAc,KAA6B,EAAE,GAA2B,EAAE,IAAY;IACpG,IAAI,CAAC,OACH,kFAAkF;IAClF,OAAO;IAET,IAAI,OAAO,QAAQ,UACjB,MAAM,IAAI,OAAO,CAAC,QAAQ;IAG5B,IAAI,SAAS,0CAAQ,GAAG,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;AACnC","sources":["packages/@react-aria/tabs/src/utils.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-types/shared';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T> | null, key: Key | null | undefined, role: string) {\n  if (!state) {\n    // this case should only happen in the first render before the tabs are registered\n    return '';\n  }\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"],"names":[],"version":3,"file":"utils.main.js.map"}

package/dist/utils.mjs

@@ -0,0 +1,22 @@
+/*
+ * 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 $99b62ae3ff97ec45$export$c5f62239608282b6 = new WeakMap();
+function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
+    if (!state) // this case should only happen in the first render before the tabs are registered
+    return '';
+    if (typeof key === 'string') key = key.replace(/\s+/g, '');
+    let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
+}
+
+
+export {$99b62ae3ff97ec45$export$c5f62239608282b6 as tabsIds, $99b62ae3ff97ec45$export$567fc7097e064344 as generateId};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js

@@ -0,0 +1,22 @@
+/*
+ * 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 $99b62ae3ff97ec45$export$c5f62239608282b6 = new WeakMap();
+function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
+    if (!state) // this case should only happen in the first render before the tabs are registered
+    return '';
+    if (typeof key === 'string') key = key.replace(/\s+/g, '');
+    let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
+}
+
+
+export {$99b62ae3ff97ec45$export$c5f62239608282b6 as tabsIds, $99b62ae3ff97ec45$export$567fc7097e064344 as generateId};
+//# sourceMappingURL=utils.module.js.map

package/dist/utils.module.js.map

@@ -0,0 +1 @@
+{"mappings":"AAAA;;;;;;;;;;CAUC,GAKM,MAAM,4CAAU,IAAI;AAEpB,SAAS,0CAAc,KAA6B,EAAE,GAA2B,EAAE,IAAY;IACpG,IAAI,CAAC,OACH,kFAAkF;IAClF,OAAO;IAET,IAAI,OAAO,QAAQ,UACjB,MAAM,IAAI,OAAO,CAAC,QAAQ;IAG5B,IAAI,SAAS,0CAAQ,GAAG,CAAC;IACzB,OAAO,CAAC,EAAE,OAAO,CAAC,EAAE,KAAK,CAAC,EAAE,IAAI,CAAC;AACnC","sources":["packages/@react-aria/tabs/src/utils.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-types/shared';\nimport {TabListState} from '@react-stately/tabs';\n\nexport const tabsIds = new WeakMap<TabListState<unknown>, string>();\n\nexport function generateId<T>(state: TabListState<T> | null, key: Key | null | undefined, role: string) {\n  if (!state) {\n    // this case should only happen in the first render before the tabs are registered\n    return '';\n  }\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"],"names":[],"version":3,"file":"utils.module.js.map"}

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/tabs",
-  "version": "3.0.0-beta.0",
+  "version": "3.0.0-nightly-4980928d3-240906",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
   "module": "dist/module.js",
+  "exports": {
+    "types": "./dist/types.d.ts",
+    "import": "./dist/import.mjs",
+    "require": "./dist/main.js"
+  },
   "types": "dist/types.d.ts",
   "source": "src/index.ts",
   "files": [
@@ -17,21 +22,21 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@babel/runtime": "^7.6.2",
-    "@react-aria/i18n": "^3.3.0",
-    "@react-aria/interactions": "^3.3.3",
-    "@react-aria/selection": "^3.3.2",
-    "@react-aria/utils": "^3.6.0",
-    "@react-stately/list": "^3.2.2",
-    "@react-stately/tabs": "3.0.0-beta.0",
-    "@react-types/shared": "^3.4.0",
-    "@react-types/tabs": "3.0.0-beta.0"
+    "@react-aria/focus": "^3.0.0-nightly-4980928d3-240906",
+    "@react-aria/i18n": "^3.0.0-nightly-4980928d3-240906",
+    "@react-aria/selection": "^3.0.0-nightly-4980928d3-240906",
+    "@react-aria/utils": "^3.0.0-nightly-4980928d3-240906",
+    "@react-stately/tabs": "^3.0.0-nightly-4980928d3-240906",
+    "@react-types/shared": "^3.0.0-nightly-4980928d3-240906",
+    "@react-types/tabs": "^3.0.0-nightly-4980928d3-240906",
+    "@swc/helpers": "^0.5.0"
   },
   "peerDependencies": {
-    "react": "^16.8.0 || ^17.0.0-rc.1"
+    "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9920ffaa2596a03c4498a15cb940bd2f4ba5cd6a"
-}
+  "stableVersion": "3.9.5"
+}

package/src/TabsKeyboardDelegate.ts

@@ -10,61 +10,43 @@
  * governing permissions and limitations under the License.
  */
 
-import {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';
-import {Key} from 'react';
+import {Collection, Direction, Key, KeyboardDelegate, Node, Orientation} from '@react-types/shared';
 
 export class TabsKeyboardDelegate<T> implements KeyboardDelegate {
-  private collection: Collection<T>;
+  private collection: Collection<Node<T>>;
   private flipDirection: boolean;
   private disabledKeys: Set<Key>;
-  private orientation: Orientation;
+  private tabDirection: boolean;
 
-  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {
+  constructor(collection: Collection<Node<T>>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {
     this.collection = collection;
     this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    this.orientation = orientation;
     this.disabledKeys = disabledKeys;
+    this.tabDirection = orientation === 'horizontal';
   }
 
   getKeyLeftOf(key: Key) {
     if (this.flipDirection) {
       return this.getNextKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getPreviousKey(key);
-      }
-      return null;
     }
+    return this.getPreviousKey(key);
   }
 
   getKeyRightOf(key: Key) {
     if (this.flipDirection) {
       return this.getPreviousKey(key);
-    } else {
-      if (this.orientation === 'horizontal') {
-        return this.getNextKey(key);
-      }
-      return null;
     }
+    return this.getNextKey(key);
   }
 
-  getKeyAbove(key: Key) {
-    if (this.orientation === 'vertical') {
-      return this.getPreviousKey(key);
-    }
-    return null;
-  }
 
-  getKeyBelow(key: Key) {
-    if (this.orientation === 'vertical') {
-      return this.getNextKey(key);
-    }
-    return null;
+  private isDisabled(key: Key) {
+    return this.disabledKeys.has(key) || !!this.collection.getItem(key)?.props?.isDisabled;
   }
 
   getFirstKey() {
     let key = this.collection.getFirstKey();
-    if (this.disabledKeys.has(key)) {
+    if (key != null && this.isDisabled(key)) {
       key = this.getNextKey(key);
     }
     return key;
@@ -72,11 +54,25 @@ export class TabsKeyboardDelegate<T> implements KeyboardDelegate {
 
   getLastKey() {
     let key = this.collection.getLastKey();
-    if (this.disabledKeys.has(key)) {
+    if (key != null && this.isDisabled(key)) {
       key = this.getPreviousKey(key);
     }
     return key;
   }
+  
+  getKeyAbove(key: Key) {
+    if (this.tabDirection) {
+      return null;
+    }
+    return this.getPreviousKey(key);
+  }
+
+  getKeyBelow(key: Key) {
+    if (this.tabDirection) {
+      return null;
+    }
+    return this.getNextKey(key);
+  }
 
   getNextKey(key) {
     do {
@@ -84,7 +80,7 @@ export class TabsKeyboardDelegate<T> implements KeyboardDelegate {
       if (key == null) {
         key = this.collection.getFirstKey();
       }
-    } while (this.disabledKeys.has(key));
+    } while (this.isDisabled(key));
     return key;
   }
 
@@ -94,7 +90,7 @@ export class TabsKeyboardDelegate<T> implements KeyboardDelegate {
       if (key == null) {
         key = this.collection.getLastKey();
       }
-    } while (this.disabledKeys.has(key));
+    } while (this.isDisabled(key));
     return key;
   }
 }

package/src/index.ts

@@ -9,5 +9,11 @@
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */
-
-export * from './useTabs';
+export {useTab} from './useTab';
+export {useTabPanel} from './useTabPanel';
+export {useTabList} from './useTabList';
+export type {AriaTabListProps, AriaTabPanelProps, AriaTabProps} from '@react-types/tabs';
+export type {Orientation} from '@react-types/shared';
+export type {TabAria} from './useTab';
+export type {TabPanelAria} from './useTabPanel';
+export type {AriaTabListOptions, TabListAria} from './useTabList';

package/src/useTab.ts

@@ -0,0 +1,77 @@
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {AriaTabProps} from '@react-types/tabs';
+import {DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';
+import {filterDOMProps, mergeProps, useLinkProps} from '@react-aria/utils';
+import {generateId} from './utils';
+import {TabListState} from '@react-stately/tabs';
+import {useSelectableItem} from '@react-aria/selection';
+
+export interface TabAria {
+  /** Props for the tab element. */
+  tabProps: DOMAttributes,
+  /** Whether the tab is currently selected. */
+  isSelected: boolean,
+  /** Whether the tab is disabled. */
+  isDisabled: boolean,
+  /** Whether the tab is currently in a pressed state. */
+  isPressed: boolean
+}
+
+/**
+ * Provides the behavior and accessibility implementation for a tab.
+ * When selected, the associated tab panel is shown.
+ */
+export function useTab<T>(
+  props: AriaTabProps,
+  state: TabListState<T>,
+  ref: RefObject<FocusableElement | null>
+): TabAria {
+  let {key, isDisabled: propsDisabled, shouldSelectOnPressUp} = props;
+  let {selectionManager: manager, selectedKey} = state;
+
+  let isSelected = key === selectedKey;
+
+  let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+  let {itemProps, isPressed} = useSelectableItem({
+    selectionManager: manager,
+    key,
+    ref,
+    isDisabled,
+    shouldSelectOnPressUp,
+    linkBehavior: 'selection'
+  });
+
+  let tabId = generateId(state, key, 'tab');
+  let tabPanelId = generateId(state, key, 'tabpanel');
+  let {tabIndex} = itemProps;
+
+  let item = state.collection.getItem(key);
+  let domProps = filterDOMProps(item?.props, {labelable: true});
+  delete domProps.id;
+  let linkProps = useLinkProps(item?.props);
+
+  return {
+    tabProps: mergeProps(domProps, linkProps, itemProps, {
+      id: tabId,
+      'aria-selected': isSelected,
+      'aria-disabled': isDisabled || undefined,
+      'aria-controls': isSelected ? tabPanelId : undefined,
+      tabIndex: isDisabled ? undefined : tabIndex,
+      role: 'tab'
+    }),
+    isSelected,
+    isDisabled,
+    isPressed
+  };
+}