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

package/dist/module.js

@@ -1,9 +1,6 @@
-import { useSelectableCollection, useSelectableItem } from "@react-aria/selection";
-import { usePress } from "@react-aria/interactions";
-import { useLocale } from "@react-aria/i18n";
-import { mergeProps, useId, useLabels } from "@react-aria/utils";
-import { useMemo } from "react";
-import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
+import {useTab as $0175d55c2a017ebc$export$fdf4756d5b8ef90a} from "./useTab.module.js";
+import {useTabPanel as $34bce698202e07cb$export$fae0121b5afe572d} from "./useTabPanel.module.js";
+import {useTabList as $58d314389b21fa3f$export$773e389e644c5874} from "./useTabList.module.js";
 
 /*
  * Copyright 2020 Adobe. All rights reserved.
@@ -15,208 +12,10 @@ import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends";
  * 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 $ace72fda23df319bd9db38f00073d9$export$TabsKeyboardDelegate {
-  constructor(collection, direction, orientation, disabledKeys) {
-    if (disabledKeys === void 0) {
-      disabledKeys = new Set();
-    }
+ */ 
 
-    this.collection = void 0;
-    this.flipDirection = void 0;
-    this.disabledKeys = void 0;
-    this.orientation = void 0;
-    this.collection = collection;
-    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
-    this.orientation = orientation;
-    this.disabledKeys = disabledKeys;
-  }
 
-  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;
-  }
-
-}
-
-const $a98339edf5b490c874cb7f3b44b70$var$tabsIds = new WeakMap();
-export function useTabs(props, state, ref) {
-  let {
-    orientation = 'horizontal',
-    keyboardActivation = 'automatic'
-  } = props;
-  let {
-    collection,
-    selectionManager: manager,
-    disabledKeys,
-    selectedKey
-  } = state;
-  let {
-    direction
-  } = useLocale();
-  let delegate = useMemo(() => new $ace72fda23df319bd9db38f00073d9$export$TabsKeyboardDelegate(collection, direction, orientation, disabledKeys), [collection, disabledKeys, orientation, direction]);
-  let {
-    collectionProps
-  } = useSelectableCollection({
-    ref,
-    selectionManager: manager,
-    keyboardDelegate: delegate,
-    selectOnFocus: keyboardActivation === 'automatic',
-    disallowEmptySelection: true
-  }); // Compute base id for all tabs
-
-  let tabsId = useId();
-  $a98339edf5b490c874cb7f3b44b70$var$tabsIds.set(state, tabsId);
-  let tabListLabelProps = useLabels(_babelRuntimeHelpersEsmExtends({}, props, {
-    id: tabsId
-  }));
-  return {
-    tabListProps: _babelRuntimeHelpersEsmExtends({}, mergeProps(collectionProps, tabListLabelProps), {
-      role: 'tablist',
-      'aria-orientation': orientation,
-      tabIndex: undefined
-    }),
-    tabPanelProps: {
-      id: $a98339edf5b490c874cb7f3b44b70$var$generateId(state, selectedKey, 'tabpanel'),
-      'aria-labelledby': $a98339edf5b490c874cb7f3b44b70$var$generateId(state, selectedKey, 'tab'),
-      tabIndex: 0,
-      role: 'tabpanel'
-    }
-  };
-}
-export function useTab(props, state, ref) {
-  let {
-    item,
-    isDisabled: propsDisabled
-  } = props;
-  let {
-    key
-  } = item;
-  let {
-    selectionManager: manager,
-    selectedKey
-  } = state;
-  let isSelected = key === selectedKey;
-  let {
-    itemProps
-  } = useSelectableItem({
-    selectionManager: manager,
-    key,
-    ref
-  });
-  let isDisabled = propsDisabled || state.disabledKeys.has(key);
-  let {
-    pressProps
-  } = usePress(_babelRuntimeHelpersEsmExtends({}, itemProps, {
-    isDisabled
-  }));
-  let tabId = $a98339edf5b490c874cb7f3b44b70$var$generateId(state, key, 'tab');
-  let tabPanelId = $a98339edf5b490c874cb7f3b44b70$var$generateId(state, key, 'tabpanel');
-  let {
-    tabIndex
-  } = pressProps; // selected tab should have tabIndex=0, when it initializes
-
-  if (isSelected && !isDisabled) {
-    tabIndex = 0;
-  }
-
-  return {
-    tabProps: _babelRuntimeHelpersEsmExtends({}, pressProps, {
-      id: tabId,
-      'aria-selected': isSelected,
-      'aria-disabled': isDisabled || undefined,
-      'aria-controls': isSelected ? tabPanelId : undefined,
-      tabIndex: isDisabled ? undefined : tabIndex,
-      role: 'tab'
-    })
-  };
-}
-
-function $a98339edf5b490c874cb7f3b44b70$var$generateId(state, key, role) {
-  if (typeof key === 'string') {
-    key = key.replace(/\s+/g, '');
-  }
-
-  let baseId = $a98339edf5b490c874cb7f3b44b70$var$tabsIds.get(state);
-  return baseId + "-" + role + "-" + key;
-}
+export {$0175d55c2a017ebc$export$fdf4756d5b8ef90a as useTab, $34bce698202e07cb$export$fae0121b5afe572d as useTabPanel, $58d314389b21fa3f$export$773e389e644c5874 as useTabList};
 //# sourceMappingURL=module.js.map

package/dist/module.js.map

@@ -1 +1 @@
-{"mappings":"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","sources":["./packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","./packages/@react-aria/tabs/src/useTabs.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 {Collection, Direction, KeyboardDelegate, Orientation} from '@react-types/shared';\nimport {Key} from 'react';\n\nexport class TabsKeyboardDelegate<T> implements KeyboardDelegate {\n  private collection: Collection<T>;\n  private flipDirection: boolean;\n  private disabledKeys: Set<Key>;\n  private orientation: Orientation;\n\n  constructor(collection: Collection<T>, direction: Direction, orientation: Orientation, disabledKeys: Set<Key> = new Set()) {\n    this.collection = collection;\n    this.flipDirection = direction === 'rtl' && orientation === 'horizontal';\n    this.orientation = orientation;\n    this.disabledKeys = disabledKeys;\n  }\n\n  getKeyLeftOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getNextKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getPreviousKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyRightOf(key: Key) {\n    if (this.flipDirection) {\n      return this.getPreviousKey(key);\n    } else {\n      if (this.orientation === 'horizontal') {\n        return this.getNextKey(key);\n      }\n      return null;\n    }\n  }\n\n  getKeyAbove(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getPreviousKey(key);\n    }\n    return null;\n  }\n\n  getKeyBelow(key: Key) {\n    if (this.orientation === 'vertical') {\n      return this.getNextKey(key);\n    }\n    return null;\n  }\n\n  getFirstKey() {\n    let key = this.collection.getFirstKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getNextKey(key);\n    }\n    return key;\n  }\n\n  getLastKey() {\n    let key = this.collection.getLastKey();\n    if (this.disabledKeys.has(key)) {\n      key = this.getPreviousKey(key);\n    }\n    return key;\n  }\n\n  getNextKey(key) {\n    do {\n      key = this.collection.getKeyAfter(key);\n      if (key == null) {\n        key = this.collection.getFirstKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n\n  getPreviousKey(key) {\n    do {\n      key = this.collection.getKeyBefore(key);\n      if (key == null) {\n        key = this.collection.getLastKey();\n      }\n    } while (this.disabledKeys.has(key));\n    return key;\n  }\n}\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {AriaTabProps, AriaTabsProps} from '@react-types/tabs';\nimport {HTMLAttributes, Key, RefObject, useMemo} from 'react';\nimport {mergeProps, useId, useLabels} from '@react-aria/utils';\nimport {SingleSelectListState} from '@react-stately/list';\nimport {TabsKeyboardDelegate} from './TabsKeyboardDelegate';\nimport {TabsState} from '@react-stately/tabs';\nimport {useLocale} from '@react-aria/i18n';\nimport {usePress} from '@react-aria/interactions';\nimport {useSelectableCollection, useSelectableItem} from '@react-aria/selection';\n\ninterface TabsAria {\n  /** Props for the tablist container. */\n  tabListProps: HTMLAttributes<HTMLElement>,\n  /** Props for the associated tabpanel element. */\n  tabPanelProps: HTMLAttributes<HTMLElement>\n}\n\nconst tabsIds = new WeakMap<SingleSelectListState<unknown>, string>();\n\nexport function useTabs<T>(props: AriaTabsProps<T>, state: TabsState<T>, ref): TabsAria {\n  let {\n    orientation = 'horizontal',\n    keyboardActivation = 'automatic'\n  } = props;\n  let {\n    collection,\n    selectionManager: manager,\n    disabledKeys,\n    selectedKey\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  });\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    tabPanelProps: {\n      id: generateId(state, selectedKey, 'tabpanel'),\n      'aria-labelledby': generateId(state, selectedKey, 'tab'),\n      tabIndex: 0,\n      role: 'tabpanel'\n    }\n  };\n}\n\ninterface TabAria {\n  /** Props for the tab element. */\n  tabProps: HTMLAttributes<HTMLElement>\n}\n\nexport function useTab<T>(\n  props: AriaTabProps<T>,\n  state: SingleSelectListState<T>,\n  ref: RefObject<HTMLElement>\n): TabAria {\n  let {item, isDisabled: propsDisabled} = props;\n  let {key} = item;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let {itemProps} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref\n  });\n  let isDisabled = propsDisabled || state.disabledKeys.has(key);\n\n  let {pressProps} = usePress({...itemProps, isDisabled});\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = pressProps;\n\n  // selected tab should have tabIndex=0, when it initializes\n  if (isSelected && !isDisabled) {\n    tabIndex = 0;\n  }\n\n  return {\n    tabProps: {\n      ...pressProps,\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }\n  };\n}\n\nfunction generateId<T>(state: SingleSelectListState<T>, key: Key, role: string) {\n  if (typeof key === 'string') {\n    key = key.replace(/\\s+/g, '');\n  }\n\n  let baseId = tabsIds.get(state);\n  return `${baseId}-${role}-${key}`;\n}\n"],"names":["TabsKeyboardDelegate","constructor","collection","direction","orientation","disabledKeys","Set","flipDirection","getKeyLeftOf","key","getNextKey","getPreviousKey","getKeyRightOf","getKeyAbove","getKeyBelow","getFirstKey","has","getLastKey","getKeyAfter","getKeyBefore","tabsIds","WeakMap","useTabs","props","state","ref","keyboardActivation","selectionManager","manager","selectedKey","useLocale","delegate","useMemo","collectionProps","useSelectableCollection","keyboardDelegate","selectOnFocus","disallowEmptySelection","tabsId","useId","set","tabListLabelProps","useLabels","id","tabListProps","mergeProps","role","tabIndex","undefined","tabPanelProps","generateId","useTab","item","isDisabled","propsDisabled","isSelected","itemProps","useSelectableItem","pressProps","usePress","tabId","tabPanelId","tabProps","replace","baseId","get"],"version":3,"file":"module.js.map"}
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC","sources":["packages/@react-aria/tabs/src/index.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 */\nexport {useTab} from './useTab';\nexport {useTabPanel} from './useTabPanel';\nexport {useTabList} from './useTabList';\nexport type {AriaTabListProps, AriaTabPanelProps, AriaTabProps} from '@react-types/tabs';\nexport type {Orientation} from '@react-types/shared';\nexport type {TabAria} from './useTab';\nexport type {TabPanelAria} from './useTabPanel';\nexport type {AriaTabListOptions, TabListAria} from './useTabList';\n"],"names":[],"version":3,"file":"module.js.map"}

package/dist/types.d.ts

@@ -1,18 +1,42 @@
-import { AriaTabProps, AriaTabsProps } from "@react-types/tabs";
-import { HTMLAttributes, RefObject } from "react";
-import { SingleSelectListState } from "@react-stately/list";
-import { TabsState } from "@react-stately/tabs";
-interface TabsAria {
-    /** Props for the tablist container. */
-    tabListProps: HTMLAttributes<HTMLElement>;
-    /** Props for the associated tabpanel element. */
-    tabPanelProps: HTMLAttributes<HTMLElement>;
-}
-export function useTabs<T>(props: AriaTabsProps<T>, state: TabsState<T>, ref: any): TabsAria;
-interface TabAria {
+import { AriaTabProps, AriaTabPanelProps, AriaTabListProps } from "@react-types/tabs";
+import { DOMAttributes, FocusableElement, RefObject } from "@react-types/shared";
+import { TabListState } from "@react-stately/tabs";
+export interface TabAria {
     /** Props for the tab element. */
-    tabProps: HTMLAttributes<HTMLElement>;
+    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;
+export interface TabPanelAria {
+    /** Props for the tab panel element. */
+    tabPanelProps: DOMAttributes;
+}
+/**
+ * Provides the behavior and accessibility implementation for a tab panel. A tab panel is a container for
+ * the contents of a tab, and is shown when the tab is selected.
+ */
+export function useTabPanel<T>(props: AriaTabPanelProps, state: TabListState<T> | null, ref: RefObject<Element | null>): TabPanelAria;
+export interface AriaTabListOptions<T> extends Omit<AriaTabListProps<T>, 'children'> {
+}
+export interface TabListAria {
+    /** Props for the tablist container. */
+    tabListProps: DOMAttributes;
 }
-export function useTab<T>(props: AriaTabProps<T>, state: SingleSelectListState<T>, ref: RefObject<HTMLElement>): TabAria;
+/**
+ * Provides the behavior and accessibility implementation for a tab list.
+ * Tabs organize content into multiple sections and allow users to navigate between them.
+ */
+export function useTabList<T>(props: AriaTabListOptions<T>, state: TabListState<T>, ref: RefObject<HTMLElement | null>): TabListAria;
+export type { AriaTabListProps, AriaTabPanelProps, AriaTabProps } from '@react-types/tabs';
+export type { Orientation } from '@react-types/shared';
 
 //# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"mappings":"A;A;A;A;ACsBA;IACE,uCAAuC;IACvC,YAAY,EAAE,eAAe,WAAW,CAAC,CAAC;IAC1C,iDAAiD;IACjD,aAAa,EAAE,eAAe,WAAW,CAAC,CAAA;CAC3C;AAID,wBAAwB,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,EAAE,GAAG,KAAA,GAAG,QAAQ,CA8CtF;AAED;IACE,iCAAiC;IACjC,QAAQ,EAAE,eAAe,WAAW,CAAC,CAAA;CACtC;AAED,uBAAuB,CAAC,EACtB,KAAK,EAAE,aAAa,CAAC,CAAC,EACtB,KAAK,EAAE,sBAAsB,CAAC,CAAC,EAC/B,GAAG,EAAE,UAAU,WAAW,CAAC,GAC1B,OAAO,CAmCT","sources":["./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabs.ts","./packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/index.ts"],"sourcesContent":[null,null,null],"names":[],"version":3,"file":"types.d.ts.map"}
+{"mappings":";;;ACmBA;IACE,iCAAiC;IACjC,QAAQ,EAAE,aAAa,CAAC;IACxB,6CAA6C;IAC7C,UAAU,EAAE,OAAO,CAAC;IACpB,mCAAmC;IACnC,UAAU,EAAE,OAAO,CAAC;IACpB,uDAAuD;IACvD,SAAS,EAAE,OAAO,CAAA;CACnB;AAED;;;GAGG;AACH,uBAAuB,CAAC,EACtB,KAAK,EAAE,YAAY,EACnB,KAAK,EAAE,aAAa,CAAC,CAAC,EACtB,GAAG,EAAE,UAAU,gBAAgB,GAAG,IAAI,CAAC,GACtC,OAAO,CAsCT;ACzDD;IACE,uCAAuC;IACvC,aAAa,EAAE,aAAa,CAAA;CAC7B;AAGD;;;GAGG;AACH,4BAA4B,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,UAAU,OAAO,GAAG,IAAI,CAAC,GAAG,YAAY,CAiBpI;AExBD,oCAAoC,CAAC,CAAE,SAAQ,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE,UAAU,CAAC;CAAG;AAEvF;IACE,uCAAuC;IACvC,YAAY,EAAE,aAAa,CAAA;CAC5B;AAED;;;GAGG;AACH,2BAA2B,CAAC,EAAE,KAAK,EAAE,mBAAmB,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,EAAE,GAAG,EAAE,UAAU,WAAW,GAAG,IAAI,CAAC,GAAG,WAAW,CAyCnI;AC5DD,YAAY,EAAC,gBAAgB,EAAE,iBAAiB,EAAE,YAAY,EAAC,MAAM,mBAAmB,CAAC;AACzF,YAAY,EAAC,WAAW,EAAC,MAAM,qBAAqB,CAAC","sources":["packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/utils.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTab.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabPanel.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/TabsKeyboardDelegate.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/useTabList.ts","packages/@react-aria/tabs/src/packages/@react-aria/tabs/src/index.ts","packages/@react-aria/tabs/src/index.ts"],"sourcesContent":[null,null,null,null,null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\nexport {useTab} from './useTab';\nexport {useTabPanel} from './useTabPanel';\nexport {useTabList} from './useTabList';\nexport type {AriaTabListProps, AriaTabPanelProps, AriaTabProps} from '@react-types/tabs';\nexport type {Orientation} from '@react-types/shared';\nexport type {TabAria} from './useTab';\nexport type {TabPanelAria} from './useTabPanel';\nexport type {AriaTabListOptions, TabListAria} from './useTabList';\n"],"names":[],"version":3,"file":"types.d.ts.map"}

package/dist/useTab.main.js

@@ -0,0 +1,62 @@
+var $a217ebca77471970$exports = require("./utils.main.js");
+var $dX61C$reactariautils = require("@react-aria/utils");
+var $dX61C$reactariaselection = require("@react-aria/selection");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTab", () => $4eeea1c984cc0628$export$fdf4756d5b8ef90a);
+/*
+ * 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 $4eeea1c984cc0628$export$fdf4756d5b8ef90a(props, state, ref) {
+    let { key: key, isDisabled: propsDisabled, shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
+    let { selectionManager: manager, selectedKey: selectedKey } = state;
+    let isSelected = key === selectedKey;
+    let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+    let { itemProps: itemProps, isPressed: isPressed } = (0, $dX61C$reactariaselection.useSelectableItem)({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled,
+        shouldSelectOnPressUp: shouldSelectOnPressUp,
+        linkBehavior: 'selection'
+    });
+    let tabId = (0, $a217ebca77471970$exports.generateId)(state, key, 'tab');
+    let tabPanelId = (0, $a217ebca77471970$exports.generateId)(state, key, 'tabpanel');
+    let { tabIndex: tabIndex } = itemProps;
+    let item = state.collection.getItem(key);
+    let domProps = (0, $dX61C$reactariautils.filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
+        labelable: true
+    });
+    delete domProps.id;
+    let linkProps = (0, $dX61C$reactariautils.useLinkProps)(item === null || item === void 0 ? void 0 : item.props);
+    return {
+        tabProps: (0, $dX61C$reactariautils.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: isSelected,
+        isDisabled: isDisabled,
+        isPressed: isPressed
+    };
+}
+
+
+//# sourceMappingURL=useTab.main.js.map

package/dist/useTab.main.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;;;;;;AAAA;;;;;;;;;;CAUC;;;AAwBM,SAAS,0CACd,KAAmB,EACnB,KAAsB,EACtB,GAAuC;IAEvC,IAAI,OAAC,GAAG,EAAE,YAAY,aAAa,yBAAE,qBAAqB,EAAC,GAAG;IAC9D,IAAI,EAAC,kBAAkB,OAAO,eAAE,WAAW,EAAC,GAAG;IAE/C,IAAI,aAAa,QAAQ;IAEzB,IAAI,aAAa,iBAAiB,MAAM,UAAU,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC;IACxF,IAAI,aAAC,SAAS,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE;QAC7C,kBAAkB;aAClB;aACA;oBACA;+BACA;QACA,cAAc;IAChB;IAEA,IAAI,QAAQ,CAAA,GAAA,oCAAS,EAAE,OAAO,KAAK;IACnC,IAAI,aAAa,CAAA,GAAA,oCAAS,EAAE,OAAO,KAAK;IACxC,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,OAAO,MAAM,UAAU,CAAC,OAAO,CAAC;IACpC,IAAI,WAAW,CAAA,GAAA,oCAAa,EAAE,iBAAA,2BAAA,KAAM,KAAK,EAAE;QAAC,WAAW;IAAI;IAC3D,OAAO,SAAS,EAAE;IAClB,IAAI,YAAY,CAAA,GAAA,kCAAW,EAAE,iBAAA,2BAAA,KAAM,KAAK;IAExC,OAAO;QACL,UAAU,CAAA,GAAA,gCAAS,EAAE,UAAU,WAAW,WAAW;YACnD,IAAI;YACJ,iBAAiB;YACjB,iBAAiB,cAAc;YAC/B,iBAAiB,aAAa,aAAa;YAC3C,UAAU,aAAa,YAAY;YACnC,MAAM;QACR;oBACA;oBACA;mBACA;IACF;AACF","sources":["packages/@react-aria/tabs/src/useTab.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 {AriaTabProps} from '@react-types/tabs';\nimport {DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useLinkProps} from '@react-aria/utils';\nimport {generateId} from './utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\nexport interface TabAria {\n  /** Props for the tab element. */\n  tabProps: DOMAttributes,\n  /** Whether the tab is currently selected. */\n  isSelected: boolean,\n  /** Whether the tab is disabled. */\n  isDisabled: boolean,\n  /** Whether the tab is currently in a pressed state. */\n  isPressed: boolean\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TabAria {\n  let {key, isDisabled: propsDisabled, shouldSelectOnPressUp} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);\n  let {itemProps, isPressed} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled,\n    shouldSelectOnPressUp,\n    linkBehavior: 'selection'\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  let item = state.collection.getItem(key);\n  let domProps = filterDOMProps(item?.props, {labelable: true});\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    tabProps: mergeProps(domProps, linkProps, itemProps, {\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }),\n    isSelected,\n    isDisabled,\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTab.main.js.map"}

package/dist/useTab.mjs

@@ -0,0 +1,57 @@
+import {generateId as $99b62ae3ff97ec45$export$567fc7097e064344} from "./utils.mjs";
+import {filterDOMProps as $dObGJ$filterDOMProps, useLinkProps as $dObGJ$useLinkProps, mergeProps as $dObGJ$mergeProps} from "@react-aria/utils";
+import {useSelectableItem as $dObGJ$useSelectableItem} 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 $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
+    let { key: key, isDisabled: propsDisabled, shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
+    let { selectionManager: manager, selectedKey: selectedKey } = state;
+    let isSelected = key === selectedKey;
+    let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+    let { itemProps: itemProps, isPressed: isPressed } = (0, $dObGJ$useSelectableItem)({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled,
+        shouldSelectOnPressUp: shouldSelectOnPressUp,
+        linkBehavior: 'selection'
+    });
+    let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tab');
+    let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tabpanel');
+    let { tabIndex: tabIndex } = itemProps;
+    let item = state.collection.getItem(key);
+    let domProps = (0, $dObGJ$filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
+        labelable: true
+    });
+    delete domProps.id;
+    let linkProps = (0, $dObGJ$useLinkProps)(item === null || item === void 0 ? void 0 : item.props);
+    return {
+        tabProps: (0, $dObGJ$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: isSelected,
+        isDisabled: isDisabled,
+        isPressed: isPressed
+    };
+}
+
+
+export {$0175d55c2a017ebc$export$fdf4756d5b8ef90a as useTab};
+//# sourceMappingURL=useTab.module.js.map

package/dist/useTab.module.js

@@ -0,0 +1,57 @@
+import {generateId as $99b62ae3ff97ec45$export$567fc7097e064344} from "./utils.module.js";
+import {filterDOMProps as $dObGJ$filterDOMProps, useLinkProps as $dObGJ$useLinkProps, mergeProps as $dObGJ$mergeProps} from "@react-aria/utils";
+import {useSelectableItem as $dObGJ$useSelectableItem} 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 $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
+    let { key: key, isDisabled: propsDisabled, shouldSelectOnPressUp: shouldSelectOnPressUp } = props;
+    let { selectionManager: manager, selectedKey: selectedKey } = state;
+    let isSelected = key === selectedKey;
+    let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);
+    let { itemProps: itemProps, isPressed: isPressed } = (0, $dObGJ$useSelectableItem)({
+        selectionManager: manager,
+        key: key,
+        ref: ref,
+        isDisabled: isDisabled,
+        shouldSelectOnPressUp: shouldSelectOnPressUp,
+        linkBehavior: 'selection'
+    });
+    let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tab');
+    let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tabpanel');
+    let { tabIndex: tabIndex } = itemProps;
+    let item = state.collection.getItem(key);
+    let domProps = (0, $dObGJ$filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
+        labelable: true
+    });
+    delete domProps.id;
+    let linkProps = (0, $dObGJ$useLinkProps)(item === null || item === void 0 ? void 0 : item.props);
+    return {
+        tabProps: (0, $dObGJ$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: isSelected,
+        isDisabled: isDisabled,
+        isPressed: isPressed
+    };
+}
+
+
+export {$0175d55c2a017ebc$export$fdf4756d5b8ef90a as useTab};
+//# sourceMappingURL=useTab.module.js.map

package/dist/useTab.module.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;AAAA;;;;;;;;;;CAUC;;;AAwBM,SAAS,0CACd,KAAmB,EACnB,KAAsB,EACtB,GAAuC;IAEvC,IAAI,OAAC,GAAG,EAAE,YAAY,aAAa,yBAAE,qBAAqB,EAAC,GAAG;IAC9D,IAAI,EAAC,kBAAkB,OAAO,eAAE,WAAW,EAAC,GAAG;IAE/C,IAAI,aAAa,QAAQ;IAEzB,IAAI,aAAa,iBAAiB,MAAM,UAAU,IAAI,MAAM,gBAAgB,CAAC,UAAU,CAAC;IACxF,IAAI,aAAC,SAAS,aAAE,SAAS,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;QAC7C,kBAAkB;aAClB;aACA;oBACA;+BACA;QACA,cAAc;IAChB;IAEA,IAAI,QAAQ,CAAA,GAAA,yCAAS,EAAE,OAAO,KAAK;IACnC,IAAI,aAAa,CAAA,GAAA,yCAAS,EAAE,OAAO,KAAK;IACxC,IAAI,YAAC,QAAQ,EAAC,GAAG;IAEjB,IAAI,OAAO,MAAM,UAAU,CAAC,OAAO,CAAC;IACpC,IAAI,WAAW,CAAA,GAAA,qBAAa,EAAE,iBAAA,2BAAA,KAAM,KAAK,EAAE;QAAC,WAAW;IAAI;IAC3D,OAAO,SAAS,EAAE;IAClB,IAAI,YAAY,CAAA,GAAA,mBAAW,EAAE,iBAAA,2BAAA,KAAM,KAAK;IAExC,OAAO;QACL,UAAU,CAAA,GAAA,iBAAS,EAAE,UAAU,WAAW,WAAW;YACnD,IAAI;YACJ,iBAAiB;YACjB,iBAAiB,cAAc;YAC/B,iBAAiB,aAAa,aAAa;YAC3C,UAAU,aAAa,YAAY;YACnC,MAAM;QACR;oBACA;oBACA;mBACA;IACF;AACF","sources":["packages/@react-aria/tabs/src/useTab.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 {AriaTabProps} from '@react-types/tabs';\nimport {DOMAttributes, FocusableElement, RefObject} from '@react-types/shared';\nimport {filterDOMProps, mergeProps, useLinkProps} from '@react-aria/utils';\nimport {generateId} from './utils';\nimport {TabListState} from '@react-stately/tabs';\nimport {useSelectableItem} from '@react-aria/selection';\n\nexport interface TabAria {\n  /** Props for the tab element. */\n  tabProps: DOMAttributes,\n  /** Whether the tab is currently selected. */\n  isSelected: boolean,\n  /** Whether the tab is disabled. */\n  isDisabled: boolean,\n  /** Whether the tab is currently in a pressed state. */\n  isPressed: boolean\n}\n\n/**\n * Provides the behavior and accessibility implementation for a tab.\n * When selected, the associated tab panel is shown.\n */\nexport function useTab<T>(\n  props: AriaTabProps,\n  state: TabListState<T>,\n  ref: RefObject<FocusableElement | null>\n): TabAria {\n  let {key, isDisabled: propsDisabled, shouldSelectOnPressUp} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isSelected = key === selectedKey;\n\n  let isDisabled = propsDisabled || state.isDisabled || state.selectionManager.isDisabled(key);\n  let {itemProps, isPressed} = useSelectableItem({\n    selectionManager: manager,\n    key,\n    ref,\n    isDisabled,\n    shouldSelectOnPressUp,\n    linkBehavior: 'selection'\n  });\n\n  let tabId = generateId(state, key, 'tab');\n  let tabPanelId = generateId(state, key, 'tabpanel');\n  let {tabIndex} = itemProps;\n\n  let item = state.collection.getItem(key);\n  let domProps = filterDOMProps(item?.props, {labelable: true});\n  delete domProps.id;\n  let linkProps = useLinkProps(item?.props);\n\n  return {\n    tabProps: mergeProps(domProps, linkProps, itemProps, {\n      id: tabId,\n      'aria-selected': isSelected,\n      'aria-disabled': isDisabled || undefined,\n      'aria-controls': isSelected ? tabPanelId : undefined,\n      tabIndex: isDisabled ? undefined : tabIndex,\n      role: 'tab'\n    }),\n    isSelected,\n    isDisabled,\n    isPressed\n  };\n}\n"],"names":[],"version":3,"file":"useTab.module.js.map"}

package/dist/useTabList.main.js

@@ -0,0 +1,67 @@
+var $a217ebca77471970$exports = require("./utils.main.js");
+var $283e5d8830177ead$exports = require("./TabsKeyboardDelegate.main.js");
+var $c5HcZ$reactariautils = require("@react-aria/utils");
+var $c5HcZ$reactariai18n = require("@react-aria/i18n");
+var $c5HcZ$react = require("react");
+var $c5HcZ$reactariaselection = require("@react-aria/selection");
+
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "useTabList", () => $f2b4a4926440e901$export$773e389e644c5874);
+/*
+* 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 $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 } = (0, $c5HcZ$reactariai18n.useLocale)();
+    let delegate = (0, $c5HcZ$react.useMemo)(()=>new (0, $283e5d8830177ead$exports.TabsKeyboardDelegate)(collection, direction, orientation, disabledKeys), [
+        collection,
+        disabledKeys,
+        orientation,
+        direction
+    ]);
+    let { collectionProps: collectionProps } = (0, $c5HcZ$reactariaselection.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, $c5HcZ$reactariautils.useId)();
+    (0, $a217ebca77471970$exports.tabsIds).set(state, tabsId);
+    let tabListLabelProps = (0, $c5HcZ$reactariautils.useLabels)({
+        ...props,
+        id: tabsId
+    });
+    return {
+        tabListProps: {
+            ...(0, $c5HcZ$reactariautils.mergeProps)(collectionProps, tabListLabelProps),
+            role: 'tablist',
+            'aria-orientation': orientation,
+            tabIndex: undefined
+        }
+    };
+}
+
+
+//# sourceMappingURL=useTabList.main.js.map

package/dist/useTabList.main.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,8BAAQ;IAC1B,IAAI,WAAW,CAAA,GAAA,oBAAM,EAAE,IAAM,IAAI,CAAA,GAAA,8CAAmB,EAClD,YACA,WACA,aACA,eAAe;QAAC;QAAY;QAAc;QAAa;KAAU;IAEnE,IAAI,mBAAC,eAAe,EAAC,GAAG,CAAA,GAAA,iDAAsB,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,2BAAI;IACjB,CAAA,GAAA,iCAAM,EAAE,GAAG,CAAC,OAAO;IAEnB,IAAI,oBAAoB,CAAA,GAAA,+BAAQ,EAAE;QAAC,GAAG,KAAK;QAAE,IAAI;IAAM;IAEvD,OAAO;QACL,cAAc;YACZ,GAAG,CAAA,GAAA,gCAAS,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.main.js.map"}