@react-aria/tabs 3.3.5-nightly.3696 → 3.3.5-nightly.3705

package/dist/import.mjs

@@ -0,0 +1,260 @@
+import {useSelectableItem as $8kq0t$useSelectableItem, useSelectableCollection as $8kq0t$useSelectableCollection} from "@react-aria/selection";
+import {getFocusableTreeWalker as $8kq0t$getFocusableTreeWalker} from "@react-aria/focus";
+import {useLayoutEffect as $8kq0t$useLayoutEffect, useLabels as $8kq0t$useLabels, mergeProps as $8kq0t$mergeProps, useId as $8kq0t$useId} from "@react-aria/utils";
+import {useState as $8kq0t$useState, useMemo as $8kq0t$useMemo} from "react";
+import {useLocale as $8kq0t$useLocale} from "@react-aria/i18n";
+
+/*
+ * 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.
+ */ /*
+ * 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.
+ */ /*
+ * 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 (typeof key === "string") key = key.replace(/\s+/g, "");
+    let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
+    return `${baseId}-${role}-${key}`;
+}
+
+
+
+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.isDisabled || state.disabledKeys.has(key);
+    let { itemProps: itemProps  } = (0, $8kq0t$useSelectableItem)({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled
+    });
+    let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, "tab");
+    let tabPanelId = (0, $99b62ae3ff97ec45$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"
+        },
+        isSelected: isSelected,
+        isDisabled: isDisabled
+    };
+}
+
+
+/*
+ * 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) {
+    let [tabIndex, setTabIndex] = (0, $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.
+    (0, $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 = (0, $8kq0t$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 = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tabpanel");
+    const tabPanelProps = (0, $8kq0t$useLabels)({
+        ...props,
+        id: id,
+        "aria-labelledby": (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
+    });
+    return {
+        tabPanelProps: (0, $8kq0t$mergeProps)(tabPanelProps, {
+            tabIndex: tabIndex,
+            role: "tabpanel",
+            "aria-describedby": props["aria-describedby"],
+            "aria-details": props["aria-details"]
+        })
+    };
+}
+
+
+/*
+* 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.
+*/ 
+
+
+/*
+ * 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.
+ */ class $bfc6f2d60b8a4c40$export$15010ca3c1abe90b {
+    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;
+        }
+    }
+    getKeyAbove(key) {
+        if (this.orientation === "vertical") return this.getPreviousKey(key);
+        return null;
+    }
+    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;
+    }
+    constructor(collection, direction, orientation, disabledKeys = new Set()){
+        this.collection = collection;
+        this.flipDirection = direction === "rtl" && orientation === "horizontal";
+        this.orientation = orientation;
+        this.disabledKeys = disabledKeys;
+    }
+}
+
+
+
+
+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, $8kq0t$useLocale)();
+    let delegate = (0, $8kq0t$useMemo)(()=>new (0, $bfc6f2d60b8a4c40$export$15010ca3c1abe90b)(collection, direction, orientation, disabledKeys), [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps  } = (0, $8kq0t$useSelectableCollection)({
+        ref: ref,
+        selectionManager: manager,
+        keyboardDelegate: delegate,
+        selectOnFocus: keyboardActivation === "automatic",
+        disallowEmptySelection: true,
+        scrollRef: ref
+    });
+    // Compute base id for all tabs
+    let tabsId = (0, $8kq0t$useId)();
+    (0, $99b62ae3ff97ec45$export$c5f62239608282b6).set(state, tabsId);
+    let tabListLabelProps = (0, $8kq0t$useLabels)({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...(0, $8kq0t$mergeProps)(collectionProps, tabListLabelProps),
+            role: "tablist",
+            "aria-orientation": orientation,
+            tabIndex: undefined
+        }
+    };
+}
+
+
+
+
+export {$0175d55c2a017ebc$export$fdf4756d5b8ef90a as useTab, $34bce698202e07cb$export$fae0121b5afe572d as useTabPanel, $58d314389b21fa3f$export$773e389e644c5874 as useTabList};
+//# sourceMappingURL=module.js.map

package/package.json

@@ -1,10 +1,15 @@
 {
   "name": "@react-aria/tabs",
-  "version": "3.3.5-nightly.3696+be0fae9f7",
+  "version": "3.3.5-nightly.3705+93b3c951e",
   "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,15 +22,15 @@
     "url": "https://github.com/adobe/react-spectrum"
   },
   "dependencies": {
-    "@react-aria/focus": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/i18n": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/interactions": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/selection": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-aria/utils": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-stately/list": "3.6.2-nightly.3696+be0fae9f7",
-    "@react-stately/tabs": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-types/shared": "3.0.0-nightly.1996+be0fae9f7",
-    "@react-types/tabs": "3.1.6-nightly.3696+be0fae9f7",
+    "@react-aria/focus": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/i18n": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/interactions": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/selection": "3.0.0-nightly.2005+93b3c951e",
+    "@react-aria/utils": "3.0.0-nightly.2005+93b3c951e",
+    "@react-stately/list": "3.6.2-nightly.3705+93b3c951e",
+    "@react-stately/tabs": "3.0.0-nightly.2005+93b3c951e",
+    "@react-types/shared": "3.0.0-nightly.2005+93b3c951e",
+    "@react-types/tabs": "3.1.6-nightly.3705+93b3c951e",
     "@swc/helpers": "^0.4.14"
   },
   "peerDependencies": {
@@ -34,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "be0fae9f7952f4d09823498dc1f251e13842f338"
+  "gitHead": "93b3c951eb784b14183f9988f2d188b34de8f42d"
 }