@react-stately/tabs 3.0.1 → 3.0.4

package/dist/main.js

@@ -1,40 +1,51 @@
-var {
-  useEffect
-} = require("react");
+var $7iSyh$reactstatelylist = require("@react-stately/list");
+var $7iSyh$react = require("react");
 
-var {
-  useSingleSelectListState
-} = require("@react-stately/list");
+function $parcel$exportWildcard(dest, source) {
+  Object.keys(source).forEach(function(key) {
+    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
+      return;
+    }
 
-var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends"));
+    Object.defineProperty(dest, key, {
+      enumerable: true,
+      get: function get() {
+        return source[key];
+      }
+    });
+  });
 
-function $parcel$interopDefault(a) {
-  return a && a.__esModule ? a.default : a;
+  return dest;
+}
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
+var $817f925d289daf81$exports = {};
 
-/**
- * Provides state management for a Tabs component. Tabs include a TabList which tracks
- * which tab is currently selected and displays the content associated with that Tab in a TabPanel.
- */
-function useTabListState(props) {
-  let state = useSingleSelectListState(_babelRuntimeHelpersExtends({}, props, {
-    suppressTextValueWarning: true
-  }));
-  useEffect(() => {
-    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
-    let selectedKey = state.selectedKey;
+$parcel$export($817f925d289daf81$exports, "useTabListState", () => $817f925d289daf81$export$4ba071daf4e486);
 
-    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-      selectedKey = state.collection.getFirstKey();
-      state.selectionManager.replaceSelection(selectedKey);
-    }
 
-    if (state.selectionManager.focusedKey == null) {
-      state.selectionManager.setFocusedKey(selectedKey);
+function $817f925d289daf81$export$4ba071daf4e486(props) {
+    let state = $7iSyh$reactstatelylist.useSingleSelectListState({
+        ...props,
+        suppressTextValueWarning: true
+    });
+    let { selectionManager: selectionManager , collection: collection , selectedKey: currentSelectedKey  } = state;
+    let lastSelectedKey = $7iSyh$react.useRef(currentSelectedKey);
+    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
+    let selectedKey = currentSelectedKey;
+    if (selectionManager.isEmpty || !collection.getItem(selectedKey)) {
+        selectedKey = collection.getFirstKey();
+        selectionManager.replaceSelection(selectedKey);
     }
-  }, [state.selectionManager, state.selectedKey, state.collection]);
-  return state;
+    // If the tablist doesn't have focus and the selected key changes or if there isn't a focused key yet, change focused key to the selected key if it exists.
+    if (selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current) selectionManager.setFocusedKey(selectedKey);
+    lastSelectedKey.current = selectedKey;
+    return state;
 }
 
-exports.useTabListState = useTabListState;
+
+$parcel$exportWildcard(module.exports, $817f925d289daf81$exports);
+
+
 //# sourceMappingURL=main.js.map

package/dist/main.js.map

@@ -1 +1 @@
-{"mappings":";;;;;;;;;;AAAA,SAASA,sBAAT,CAAgCC,CAAhC,EAAmC;AACjC,SAAOA,CAAC,IAAIA,CAAC,CAACC,UAAP,GAAoBD,CAAC,CAACE,OAAtB,GAAgCF,CAAvC;AACD;;ACiBD;;;;AAIO,SAASG,eAAT,CAA2CC,KAA3C,EAAoF;AACzF,MAAIC,KAAK,GAAGC,wBAAwB,iCAC/BF,KAD+B;AAElCG,IAAAA,wBAAwB,EAAE;AAFQ,KAApC;AAKAC,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,QAAIC,WAAW,GAAGJ,KAAK,CAACI,WAAxB;;AACA,QAAIJ,KAAK,CAACK,gBAAN,CAAuBC,OAAvB,IAAkC,CAACN,KAAK,CAACO,UAAN,CAAiBC,OAAjB,CAAyBJ,WAAzB,CAAvC,EAA8E;AAC5EA,MAAAA,WAAW,GAAGJ,KAAK,CAACO,UAAN,CAAiBE,WAAjB,EAAd;AACAT,MAAAA,KAAK,CAACK,gBAAN,CAAuBK,gBAAvB,CAAwCN,WAAxC;AACD;;AAED,QAAIJ,KAAK,CAACK,gBAAN,CAAuBM,UAAvB,IAAqC,IAAzC,EAA+C;AAC7CX,MAAAA,KAAK,CAACK,gBAAN,CAAuBO,aAAvB,CAAqCR,WAArC;AACD;AACF,GAXQ,EAWN,CAACJ,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACI,WAA/B,EAA4CJ,KAAK,CAACO,UAAlD,CAXM,CAAT;AAaA,SAAOP,KAAP;AACD","sources":["./node_modules/@parcel/scope-hoisting/lib/helpers.js","./packages/@react-stately/tabs/src/useTabListState.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 {SingleSelectListState, useSingleSelectListState} from '@react-stately/list';\nimport {TabListProps} from '@react-types/tabs';\nimport {useEffect} from 'react';\n\n\nexport interface TabListState<T> extends SingleSelectListState<T> {}\n\n/**\n * Provides state management for a Tabs component. Tabs include a TabList which tracks\n * which tab is currently selected and displays the content associated with that Tab in a TabPanel.\n */\nexport function useTabListState<T extends object>(props: TabListProps<T>): TabListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    suppressTextValueWarning: true\n  });\n\n  useEffect(() => {\n    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey = state.selectedKey;\n    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {\n      selectedKey = state.collection.getFirstKey();\n      state.selectionManager.replaceSelection(selectedKey);\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n  }, [state.selectionManager, state.selectedKey, state.collection]);\n\n  return state;\n}\n"],"names":["$parcel$interopDefault","a","__esModule","default","useTabListState","props","state","useSingleSelectListState","suppressTextValueWarning","useEffect","selectedKey","selectionManager","isEmpty","collection","getItem","getFirstKey","replaceSelection","focusedKey","setFocusedKey"],"version":3,"file":"main.js.map"}
+{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;SCuBgB,uCAAe,CAAmB,KAAsB,EAAmB,CAAC;IAC1F,GAAG,CAAC,KAAK,GAAG,gDAAwB,CAAI,CAAC;WACpC,KAAK;QACR,wBAAwB,EAAE,IAAI;IAChC,CAAC;IAED,GAAG,CAAC,CAAC,mBACH,gBAAgB,eAChB,UAAU,GACV,WAAW,EAAE,kBAAkB,EACjC,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,eAAe,GAAG,mBAAM,CAAC,kBAAkB;IAC/C,EAA0H,AAA1H,wHAA0H;IAC1H,GAAG,CAAC,WAAW,GAAG,kBAAkB;IACpC,EAAE,EAAE,gBAAgB,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;QACjE,WAAW,GAAG,UAAU,CAAC,WAAW;QACpC,gBAAgB,CAAC,gBAAgB,CAAC,WAAW;IAC/C,CAAC;IAED,EAA2J,AAA3J,yJAA2J;IAC3J,EAAE,EAAE,gBAAgB,CAAC,UAAU,IAAI,IAAI,KAAM,gBAAgB,CAAC,SAAS,IAAI,WAAW,KAAK,eAAe,CAAC,OAAO,EAChH,gBAAgB,CAAC,aAAa,CAAC,WAAW;IAE5C,eAAe,CAAC,OAAO,GAAG,WAAW;IAErC,MAAM,CAAC,KAAK;AACd,CAAC","sources":["packages/@react-stately/tabs/src/index.ts","packages/@react-stately/tabs/src/useTabListState.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 './useTabListState';\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 {SingleSelectListState, useSingleSelectListState} from '@react-stately/list';\nimport {TabListProps} from '@react-types/tabs';\nimport {useRef} from 'react';\n\n\nexport interface TabListState<T> extends SingleSelectListState<T> {}\n\n/**\n * Provides state management for a Tabs component. Tabs include a TabList which tracks\n * which tab is currently selected and displays the content associated with that Tab in a TabPanel.\n */\nexport function useTabListState<T extends object>(props: TabListProps<T>): TabListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    suppressTextValueWarning: true\n  });\n\n  let {\n    selectionManager,\n    collection,\n    selectedKey: currentSelectedKey\n  } = state;\n\n  let lastSelectedKey = useRef(currentSelectedKey);\n  // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)\n  let selectedKey = currentSelectedKey;\n  if (selectionManager.isEmpty || !collection.getItem(selectedKey)) {\n    selectedKey = collection.getFirstKey();\n    selectionManager.replaceSelection(selectedKey);\n  }\n\n  // If the tablist doesn't have focus and the selected key changes or if there isn't a focused key yet, change focused key to the selected key if it exists.\n  if (selectionManager.focusedKey == null || (!selectionManager.isFocused && selectedKey !== lastSelectedKey.current)) {\n    selectionManager.setFocusedKey(selectedKey);\n  }\n  lastSelectedKey.current = selectedKey;\n\n  return state;\n}\n"],"names":[],"version":3,"file":"main.js.map"}

package/dist/module.js

@@ -1,28 +1,35 @@
-import { useEffect } from "react";
-import { useSingleSelectListState } from "@react-stately/list";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
-
-/**
- * Provides state management for a Tabs component. Tabs include a TabList which tracks
- * which tab is currently selected and displays the content associated with that Tab in a TabPanel.
- */
-export function useTabListState(props) {
-  let state = useSingleSelectListState(_babelRuntimeHelpersEsmExtends({}, props, {
-    suppressTextValueWarning: true
-  }));
-  useEffect(() => {
-    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
-    let selectedKey = state.selectedKey;
+import {useSingleSelectListState as $ijHKZ$useSingleSelectListState} from "@react-stately/list";
+import {useRef as $ijHKZ$useRef} from "react";
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+var $76f919a04c5a7d14$exports = {};
+
+$parcel$export($76f919a04c5a7d14$exports, "useTabListState", () => $76f919a04c5a7d14$export$4ba071daf4e486);
 
-    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-      selectedKey = state.collection.getFirstKey();
-      state.selectionManager.replaceSelection(selectedKey);
-    }
 
-    if (state.selectionManager.focusedKey == null) {
-      state.selectionManager.setFocusedKey(selectedKey);
+function $76f919a04c5a7d14$export$4ba071daf4e486(props) {
+    let state = $ijHKZ$useSingleSelectListState({
+        ...props,
+        suppressTextValueWarning: true
+    });
+    let { selectionManager: selectionManager , collection: collection , selectedKey: currentSelectedKey  } = state;
+    let lastSelectedKey = $ijHKZ$useRef(currentSelectedKey);
+    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
+    let selectedKey = currentSelectedKey;
+    if (selectionManager.isEmpty || !collection.getItem(selectedKey)) {
+        selectedKey = collection.getFirstKey();
+        selectionManager.replaceSelection(selectedKey);
     }
-  }, [state.selectionManager, state.selectedKey, state.collection]);
-  return state;
+    // If the tablist doesn't have focus and the selected key changes or if there isn't a focused key yet, change focused key to the selected key if it exists.
+    if (selectionManager.focusedKey == null || !selectionManager.isFocused && selectedKey !== lastSelectedKey.current) selectionManager.setFocusedKey(selectedKey);
+    lastSelectedKey.current = selectedKey;
+    return state;
 }
+
+
+
+
+export {$76f919a04c5a7d14$export$4ba071daf4e486 as useTabListState};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":";;;;AAmBA;;;;OAIO,SAASA,eAAT,CAA2CC,KAA3C,EAAoF;AACzF,MAAIC,KAAK,GAAGC,wBAAwB,oCAC/BF,KAD+B;AAElCG,IAAAA,wBAAwB,EAAE;AAFQ,KAApC;AAKAC,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,QAAIC,WAAW,GAAGJ,KAAK,CAACI,WAAxB;;AACA,QAAIJ,KAAK,CAACK,gBAAN,CAAuBC,OAAvB,IAAkC,CAACN,KAAK,CAACO,UAAN,CAAiBC,OAAjB,CAAyBJ,WAAzB,CAAvC,EAA8E;AAC5EA,MAAAA,WAAW,GAAGJ,KAAK,CAACO,UAAN,CAAiBE,WAAjB,EAAd;AACAT,MAAAA,KAAK,CAACK,gBAAN,CAAuBK,gBAAvB,CAAwCN,WAAxC;AACD;;AAED,QAAIJ,KAAK,CAACK,gBAAN,CAAuBM,UAAvB,IAAqC,IAAzC,EAA+C;AAC7CX,MAAAA,KAAK,CAACK,gBAAN,CAAuBO,aAAvB,CAAqCR,WAArC;AACD;AACF,GAXQ,EAWN,CAACJ,KAAK,CAACK,gBAAP,EAAyBL,KAAK,CAACI,WAA/B,EAA4CJ,KAAK,CAACO,UAAlD,CAXM,CAAT;AAaA,SAAOP,KAAP;AACD","sources":["./packages/@react-stately/tabs/src/useTabListState.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 {SingleSelectListState, useSingleSelectListState} from '@react-stately/list';\nimport {TabListProps} from '@react-types/tabs';\nimport {useEffect} from 'react';\n\n\nexport interface TabListState<T> extends SingleSelectListState<T> {}\n\n/**\n * Provides state management for a Tabs component. Tabs include a TabList which tracks\n * which tab is currently selected and displays the content associated with that Tab in a TabPanel.\n */\nexport function useTabListState<T extends object>(props: TabListProps<T>): TabListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    suppressTextValueWarning: true\n  });\n\n  useEffect(() => {\n    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)\n    let selectedKey = state.selectedKey;\n    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {\n      selectedKey = state.collection.getFirstKey();\n      state.selectionManager.replaceSelection(selectedKey);\n    }\n\n    if (state.selectionManager.focusedKey == null) {\n      state.selectionManager.setFocusedKey(selectedKey);\n    }\n  }, [state.selectionManager, state.selectedKey, state.collection]);\n\n  return state;\n}\n"],"names":["useTabListState","props","state","useSingleSelectListState","suppressTextValueWarning","useEffect","selectedKey","selectionManager","isEmpty","collection","getItem","getFirstKey","replaceSelection","focusedKey","setFocusedKey"],"version":3,"file":"module.js.map"}
+{"mappings":";;;;;;;;;;;SCuBgB,uCAAe,CAAmB,KAAsB,EAAmB,CAAC;IAC1F,GAAG,CAAC,KAAK,GAAG,+BAAwB,CAAI,CAAC;WACpC,KAAK;QACR,wBAAwB,EAAE,IAAI;IAChC,CAAC;IAED,GAAG,CAAC,CAAC,mBACH,gBAAgB,eAChB,UAAU,GACV,WAAW,EAAE,kBAAkB,EACjC,CAAC,GAAG,KAAK;IAET,GAAG,CAAC,eAAe,GAAG,aAAM,CAAC,kBAAkB;IAC/C,EAA0H,AAA1H,wHAA0H;IAC1H,GAAG,CAAC,WAAW,GAAG,kBAAkB;IACpC,EAAE,EAAE,gBAAgB,CAAC,OAAO,KAAK,UAAU,CAAC,OAAO,CAAC,WAAW,GAAG,CAAC;QACjE,WAAW,GAAG,UAAU,CAAC,WAAW;QACpC,gBAAgB,CAAC,gBAAgB,CAAC,WAAW;IAC/C,CAAC;IAED,EAA2J,AAA3J,yJAA2J;IAC3J,EAAE,EAAE,gBAAgB,CAAC,UAAU,IAAI,IAAI,KAAM,gBAAgB,CAAC,SAAS,IAAI,WAAW,KAAK,eAAe,CAAC,OAAO,EAChH,gBAAgB,CAAC,aAAa,CAAC,WAAW;IAE5C,eAAe,CAAC,OAAO,GAAG,WAAW;IAErC,MAAM,CAAC,KAAK;AACd,CAAC","sources":["packages/@react-stately/tabs/src/index.ts","packages/@react-stately/tabs/src/useTabListState.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 './useTabListState';\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 {SingleSelectListState, useSingleSelectListState} from '@react-stately/list';\nimport {TabListProps} from '@react-types/tabs';\nimport {useRef} from 'react';\n\n\nexport interface TabListState<T> extends SingleSelectListState<T> {}\n\n/**\n * Provides state management for a Tabs component. Tabs include a TabList which tracks\n * which tab is currently selected and displays the content associated with that Tab in a TabPanel.\n */\nexport function useTabListState<T extends object>(props: TabListProps<T>): TabListState<T> {\n  let state = useSingleSelectListState<T>({\n    ...props,\n    suppressTextValueWarning: true\n  });\n\n  let {\n    selectionManager,\n    collection,\n    selectedKey: currentSelectedKey\n  } = state;\n\n  let lastSelectedKey = useRef(currentSelectedKey);\n  // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)\n  let selectedKey = currentSelectedKey;\n  if (selectionManager.isEmpty || !collection.getItem(selectedKey)) {\n    selectedKey = collection.getFirstKey();\n    selectionManager.replaceSelection(selectedKey);\n  }\n\n  // If the tablist doesn't have focus and the selected key changes or if there isn't a focused key yet, change focused key to the selected key if it exists.\n  if (selectionManager.focusedKey == null || (!selectionManager.isFocused && selectedKey !== lastSelectedKey.current)) {\n    selectionManager.setFocusedKey(selectedKey);\n  }\n  lastSelectedKey.current = selectedKey;\n\n  return state;\n}\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;AAiBA,8BAA8B,CAAC,CAAE,SAAQ,sBAAsB,CAAC,CAAC;CAAG;AAEpE;A;A;GAGG;AACH,gCAAgC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAoBzF","sources":["./packages/@react-stately/tabs/src/packages/@react-stately/tabs/src/useTabListState.ts","./packages/@react-stately/tabs/src/packages/@react-stately/tabs/src/index.ts"],"sourcesContent":[null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;AAiBA,8BAA8B,CAAC,CAAE,SAAQ,sBAAsB,CAAC,CAAC;CAAG;AAEpE;;;GAGG;AACH,gCAAgC,CAAC,SAAS,MAAM,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CA2BzF","sources":["packages/@react-stately/tabs/src/packages/@react-stately/tabs/src/useTabListState.ts","packages/@react-stately/tabs/src/packages/@react-stately/tabs/src/index.ts","packages/@react-stately/tabs/src/index.ts"],"sourcesContent":[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 './useTabListState';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-stately/tabs",
-  "version": "3.0.1",
+  "version": "3.0.4",
   "description": "Spectrum UI components in React",
   "license": "Apache-2.0",
   "main": "dist/main.js",
@@ -18,9 +18,9 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.6.2",
-    "@react-stately/list": "^3.3.0",
-    "@react-stately/utils": "^3.2.2",
-    "@react-types/tabs": "^3.0.1"
+    "@react-stately/list": "^3.4.4",
+    "@react-stately/utils": "^3.4.1",
+    "@react-types/tabs": "^3.0.4"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0-rc.1"
@@ -28,5 +28,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "9204e1b8cb61dac767e91087fb16203611dc67c5"
+  "gitHead": "ed8d8d984c2f7f2c31e8b18795b97858a95e4729"
 }

package/src/useTabListState.ts

@@ -12,7 +12,7 @@
 
 import {SingleSelectListState, useSingleSelectListState} from '@react-stately/list';
 import {TabListProps} from '@react-types/tabs';
-import {useEffect} from 'react';
+import {useRef} from 'react';
 
 
 export interface TabListState<T> extends SingleSelectListState<T> {}
@@ -27,18 +27,25 @@ export function useTabListState<T extends object>(props: TabListProps<T>): TabLi
     suppressTextValueWarning: true
   });
 
-  useEffect(() => {
-    // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
-    let selectedKey = state.selectedKey;
-    if (state.selectionManager.isEmpty || !state.collection.getItem(selectedKey)) {
-      selectedKey = state.collection.getFirstKey();
-      state.selectionManager.replaceSelection(selectedKey);
-    }
-
-    if (state.selectionManager.focusedKey == null) {
-      state.selectionManager.setFocusedKey(selectedKey);
-    }
-  }, [state.selectionManager, state.selectedKey, state.collection]);
+  let {
+    selectionManager,
+    collection,
+    selectedKey: currentSelectedKey
+  } = state;
+
+  let lastSelectedKey = useRef(currentSelectedKey);
+  // Ensure a tab is always selected (in case no selected key was specified or if selected item was deleted from collection)
+  let selectedKey = currentSelectedKey;
+  if (selectionManager.isEmpty || !collection.getItem(selectedKey)) {
+    selectedKey = collection.getFirstKey();
+    selectionManager.replaceSelection(selectedKey);
+  }
+
+  // If the tablist doesn't have focus and the selected key changes or if there isn't a focused key yet, change focused key to the selected key if it exists.
+  if (selectionManager.focusedKey == null || (!selectionManager.isFocused && selectedKey !== lastSelectedKey.current)) {
+    selectionManager.setFocusedKey(selectedKey);
+  }
+  lastSelectedKey.current = selectedKey;
 
   return state;
 }