@react-aria/tabs 3.9.1-nightly.4624 → 3.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -59,7 +59,7 @@ $parcel$export(module.exports, "TabsKeyboardDelegate", () => $283e5d8830177ead$e
59
59
  }
60
60
  constructor(collection, direction, orientation, disabledKeys = new Set()){
61
61
  this.collection = collection;
62
- this.flipDirection = direction === "rtl" && orientation === "horizontal";
62
+ this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
63
63
  this.disabledKeys = disabledKeys;
64
64
  }
65
65
  }
@@ -53,7 +53,7 @@
53
53
  }
54
54
  constructor(collection, direction, orientation, disabledKeys = new Set()){
55
55
  this.collection = collection;
56
- this.flipDirection = direction === "rtl" && orientation === "horizontal";
56
+ this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
57
57
  this.disabledKeys = disabledKeys;
58
58
  }
59
59
  }
@@ -53,7 +53,7 @@
53
53
  }
54
54
  constructor(collection, direction, orientation, disabledKeys = new Set()){
55
55
  this.collection = collection;
56
- this.flipDirection = direction === "rtl" && orientation === "horizontal";
56
+ this.flipDirection = direction === 'rtl' && orientation === 'horizontal';
57
57
  this.disabledKeys = disabledKeys;
58
58
  }
59
59
  }
@@ -32,10 +32,10 @@ function $4eeea1c984cc0628$export$fdf4756d5b8ef90a(props, state, ref) {
32
32
  ref: ref,
33
33
  isDisabled: isDisabled,
34
34
  shouldSelectOnPressUp: shouldSelectOnPressUp,
35
- linkBehavior: "selection"
35
+ linkBehavior: 'selection'
36
36
  });
37
- let tabId = (0, $a217ebca77471970$exports.generateId)(state, key, "tab");
38
- let tabPanelId = (0, $a217ebca77471970$exports.generateId)(state, key, "tabpanel");
37
+ let tabId = (0, $a217ebca77471970$exports.generateId)(state, key, 'tab');
38
+ let tabPanelId = (0, $a217ebca77471970$exports.generateId)(state, key, 'tabpanel');
39
39
  let { tabIndex: tabIndex } = itemProps;
40
40
  let item = state.collection.getItem(key);
41
41
  let domProps = (0, $dX61C$reactariautils.filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
@@ -46,11 +46,11 @@ function $4eeea1c984cc0628$export$fdf4756d5b8ef90a(props, state, ref) {
46
46
  return {
47
47
  tabProps: (0, $dX61C$reactariautils.mergeProps)(domProps, linkProps, itemProps, {
48
48
  id: tabId,
49
- "aria-selected": isSelected,
50
- "aria-disabled": isDisabled || undefined,
51
- "aria-controls": isSelected ? tabPanelId : undefined,
49
+ 'aria-selected': isSelected,
50
+ 'aria-disabled': isDisabled || undefined,
51
+ 'aria-controls': isSelected ? tabPanelId : undefined,
52
52
  tabIndex: isDisabled ? undefined : tabIndex,
53
- role: "tab"
53
+ role: 'tab'
54
54
  }),
55
55
  isSelected: isSelected,
56
56
  isDisabled: isDisabled,
package/dist/useTab.mjs CHANGED
@@ -26,10 +26,10 @@ function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
26
26
  ref: ref,
27
27
  isDisabled: isDisabled,
28
28
  shouldSelectOnPressUp: shouldSelectOnPressUp,
29
- linkBehavior: "selection"
29
+ linkBehavior: 'selection'
30
30
  });
31
- let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, "tab");
32
- let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, "tabpanel");
31
+ let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tab');
32
+ let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tabpanel');
33
33
  let { tabIndex: tabIndex } = itemProps;
34
34
  let item = state.collection.getItem(key);
35
35
  let domProps = (0, $dObGJ$filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
@@ -40,11 +40,11 @@ function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
40
40
  return {
41
41
  tabProps: (0, $dObGJ$mergeProps)(domProps, linkProps, itemProps, {
42
42
  id: tabId,
43
- "aria-selected": isSelected,
44
- "aria-disabled": isDisabled || undefined,
45
- "aria-controls": isSelected ? tabPanelId : undefined,
43
+ 'aria-selected': isSelected,
44
+ 'aria-disabled': isDisabled || undefined,
45
+ 'aria-controls': isSelected ? tabPanelId : undefined,
46
46
  tabIndex: isDisabled ? undefined : tabIndex,
47
- role: "tab"
47
+ role: 'tab'
48
48
  }),
49
49
  isSelected: isSelected,
50
50
  isDisabled: isDisabled,
@@ -26,10 +26,10 @@ function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
26
26
  ref: ref,
27
27
  isDisabled: isDisabled,
28
28
  shouldSelectOnPressUp: shouldSelectOnPressUp,
29
- linkBehavior: "selection"
29
+ linkBehavior: 'selection'
30
30
  });
31
- let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, "tab");
32
- let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, "tabpanel");
31
+ let tabId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tab');
32
+ let tabPanelId = (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, key, 'tabpanel');
33
33
  let { tabIndex: tabIndex } = itemProps;
34
34
  let item = state.collection.getItem(key);
35
35
  let domProps = (0, $dObGJ$filterDOMProps)(item === null || item === void 0 ? void 0 : item.props, {
@@ -40,11 +40,11 @@ function $0175d55c2a017ebc$export$fdf4756d5b8ef90a(props, state, ref) {
40
40
  return {
41
41
  tabProps: (0, $dObGJ$mergeProps)(domProps, linkProps, itemProps, {
42
42
  id: tabId,
43
- "aria-selected": isSelected,
44
- "aria-disabled": isDisabled || undefined,
45
- "aria-controls": isSelected ? tabPanelId : undefined,
43
+ 'aria-selected': isSelected,
44
+ 'aria-disabled': isDisabled || undefined,
45
+ 'aria-controls': isSelected ? tabPanelId : undefined,
46
46
  tabIndex: isDisabled ? undefined : tabIndex,
47
- role: "tab"
47
+ role: 'tab'
48
48
  }),
49
49
  isSelected: isSelected,
50
50
  isDisabled: isDisabled,
@@ -28,7 +28,7 @@ $parcel$export(module.exports, "useTabList", () => $f2b4a4926440e901$export$773e
28
28
 
29
29
 
30
30
  function $f2b4a4926440e901$export$773e389e644c5874(props, state, ref) {
31
- let { orientation: orientation = "horizontal", keyboardActivation: keyboardActivation = "automatic" } = props;
31
+ let { orientation: orientation = 'horizontal', keyboardActivation: keyboardActivation = 'automatic' } = props;
32
32
  let { collection: collection, selectionManager: manager, disabledKeys: disabledKeys } = state;
33
33
  let { direction: direction } = (0, $c5HcZ$reactariai18n.useLocale)();
34
34
  let delegate = (0, $c5HcZ$react.useMemo)(()=>new (0, $283e5d8830177ead$exports.TabsKeyboardDelegate)(collection, direction, orientation, disabledKeys), [
@@ -41,10 +41,10 @@ function $f2b4a4926440e901$export$773e389e644c5874(props, state, ref) {
41
41
  ref: ref,
42
42
  selectionManager: manager,
43
43
  keyboardDelegate: delegate,
44
- selectOnFocus: keyboardActivation === "automatic",
44
+ selectOnFocus: keyboardActivation === 'automatic',
45
45
  disallowEmptySelection: true,
46
46
  scrollRef: ref,
47
- linkBehavior: "selection"
47
+ linkBehavior: 'selection'
48
48
  });
49
49
  // Compute base id for all tabs
50
50
  let tabsId = (0, $c5HcZ$reactariautils.useId)();
@@ -56,8 +56,8 @@ function $f2b4a4926440e901$export$773e389e644c5874(props, state, ref) {
56
56
  return {
57
57
  tabListProps: {
58
58
  ...(0, $c5HcZ$reactariautils.mergeProps)(collectionProps, tabListLabelProps),
59
- role: "tablist",
60
- "aria-orientation": orientation,
59
+ role: 'tablist',
60
+ 'aria-orientation': orientation,
61
61
  tabIndex: undefined
62
62
  }
63
63
  };
@@ -22,7 +22,7 @@ import {useSelectableCollection as $bQNZs$useSelectableCollection} from "@react-
22
22
 
23
23
 
24
24
  function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
25
- let { orientation: orientation = "horizontal", keyboardActivation: keyboardActivation = "automatic" } = props;
25
+ let { orientation: orientation = 'horizontal', keyboardActivation: keyboardActivation = 'automatic' } = props;
26
26
  let { collection: collection, selectionManager: manager, disabledKeys: disabledKeys } = state;
27
27
  let { direction: direction } = (0, $bQNZs$useLocale)();
28
28
  let delegate = (0, $bQNZs$useMemo)(()=>new (0, $bfc6f2d60b8a4c40$export$15010ca3c1abe90b)(collection, direction, orientation, disabledKeys), [
@@ -35,10 +35,10 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
35
35
  ref: ref,
36
36
  selectionManager: manager,
37
37
  keyboardDelegate: delegate,
38
- selectOnFocus: keyboardActivation === "automatic",
38
+ selectOnFocus: keyboardActivation === 'automatic',
39
39
  disallowEmptySelection: true,
40
40
  scrollRef: ref,
41
- linkBehavior: "selection"
41
+ linkBehavior: 'selection'
42
42
  });
43
43
  // Compute base id for all tabs
44
44
  let tabsId = (0, $bQNZs$useId)();
@@ -50,8 +50,8 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
50
50
  return {
51
51
  tabListProps: {
52
52
  ...(0, $bQNZs$mergeProps)(collectionProps, tabListLabelProps),
53
- role: "tablist",
54
- "aria-orientation": orientation,
53
+ role: 'tablist',
54
+ 'aria-orientation': orientation,
55
55
  tabIndex: undefined
56
56
  }
57
57
  };
@@ -22,7 +22,7 @@ import {useSelectableCollection as $bQNZs$useSelectableCollection} from "@react-
22
22
 
23
23
 
24
24
  function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
25
- let { orientation: orientation = "horizontal", keyboardActivation: keyboardActivation = "automatic" } = props;
25
+ let { orientation: orientation = 'horizontal', keyboardActivation: keyboardActivation = 'automatic' } = props;
26
26
  let { collection: collection, selectionManager: manager, disabledKeys: disabledKeys } = state;
27
27
  let { direction: direction } = (0, $bQNZs$useLocale)();
28
28
  let delegate = (0, $bQNZs$useMemo)(()=>new (0, $bfc6f2d60b8a4c40$export$15010ca3c1abe90b)(collection, direction, orientation, disabledKeys), [
@@ -35,10 +35,10 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
35
35
  ref: ref,
36
36
  selectionManager: manager,
37
37
  keyboardDelegate: delegate,
38
- selectOnFocus: keyboardActivation === "automatic",
38
+ selectOnFocus: keyboardActivation === 'automatic',
39
39
  disallowEmptySelection: true,
40
40
  scrollRef: ref,
41
- linkBehavior: "selection"
41
+ linkBehavior: 'selection'
42
42
  });
43
43
  // Compute base id for all tabs
44
44
  let tabsId = (0, $bQNZs$useId)();
@@ -50,8 +50,8 @@ function $58d314389b21fa3f$export$773e389e644c5874(props, state, ref) {
50
50
  return {
51
51
  tabListProps: {
52
52
  ...(0, $bQNZs$mergeProps)(collectionProps, tabListLabelProps),
53
- role: "tablist",
54
- "aria-orientation": orientation,
53
+ role: 'tablist',
54
+ 'aria-orientation': orientation,
55
55
  tabIndex: undefined
56
56
  }
57
57
  };
@@ -27,18 +27,18 @@ function $8db1928b18472a1f$export$fae0121b5afe572d(props, state, ref) {
27
27
  // within the tabpanel.
28
28
  let tabIndex = (0, $8Zd8I$reactariafocus.useHasTabbableChild)(ref) ? undefined : 0;
29
29
  var _props_id;
30
- 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");
30
+ 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');
31
31
  const tabPanelProps = (0, $8Zd8I$reactariautils.useLabels)({
32
32
  ...props,
33
33
  id: id,
34
- "aria-labelledby": (0, $a217ebca77471970$exports.generateId)(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
34
+ 'aria-labelledby': (0, $a217ebca77471970$exports.generateId)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
35
35
  });
36
36
  return {
37
37
  tabPanelProps: (0, $8Zd8I$reactariautils.mergeProps)(tabPanelProps, {
38
38
  tabIndex: tabIndex,
39
- role: "tabpanel",
40
- "aria-describedby": props["aria-describedby"],
41
- "aria-details": props["aria-details"]
39
+ role: 'tabpanel',
40
+ 'aria-describedby': props['aria-describedby'],
41
+ 'aria-details': props['aria-details']
42
42
  })
43
43
  };
44
44
  }
@@ -21,18 +21,18 @@ function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
21
21
  // within the tabpanel.
22
22
  let tabIndex = (0, $jik2T$useHasTabbableChild)(ref) ? undefined : 0;
23
23
  var _props_id;
24
- 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");
24
+ 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');
25
25
  const tabPanelProps = (0, $jik2T$useLabels)({
26
26
  ...props,
27
27
  id: id,
28
- "aria-labelledby": (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
28
+ 'aria-labelledby': (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
29
29
  });
30
30
  return {
31
31
  tabPanelProps: (0, $jik2T$mergeProps)(tabPanelProps, {
32
32
  tabIndex: tabIndex,
33
- role: "tabpanel",
34
- "aria-describedby": props["aria-describedby"],
35
- "aria-details": props["aria-details"]
33
+ role: 'tabpanel',
34
+ 'aria-describedby': props['aria-describedby'],
35
+ 'aria-details': props['aria-details']
36
36
  })
37
37
  };
38
38
  }
@@ -21,18 +21,18 @@ function $34bce698202e07cb$export$fae0121b5afe572d(props, state, ref) {
21
21
  // within the tabpanel.
22
22
  let tabIndex = (0, $jik2T$useHasTabbableChild)(ref) ? undefined : 0;
23
23
  var _props_id;
24
- 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");
24
+ 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');
25
25
  const tabPanelProps = (0, $jik2T$useLabels)({
26
26
  ...props,
27
27
  id: id,
28
- "aria-labelledby": (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, "tab")
28
+ 'aria-labelledby': (0, $99b62ae3ff97ec45$export$567fc7097e064344)(state, state === null || state === void 0 ? void 0 : state.selectedKey, 'tab')
29
29
  });
30
30
  return {
31
31
  tabPanelProps: (0, $jik2T$mergeProps)(tabPanelProps, {
32
32
  tabIndex: tabIndex,
33
- role: "tabpanel",
34
- "aria-describedby": props["aria-describedby"],
35
- "aria-details": props["aria-details"]
33
+ role: 'tabpanel',
34
+ 'aria-describedby': props['aria-describedby'],
35
+ 'aria-details': props['aria-details']
36
36
  })
37
37
  };
38
38
  }
@@ -17,7 +17,7 @@ $parcel$export(module.exports, "generateId", () => $a217ebca77471970$export$567f
17
17
  * governing permissions and limitations under the License.
18
18
  */ const $a217ebca77471970$export$c5f62239608282b6 = new WeakMap();
19
19
  function $a217ebca77471970$export$567fc7097e064344(state, key, role) {
20
- if (typeof key === "string") key = key.replace(/\s+/g, "");
20
+ if (typeof key === 'string') key = key.replace(/\s+/g, '');
21
21
  let baseId = $a217ebca77471970$export$c5f62239608282b6.get(state);
22
22
  return `${baseId}-${role}-${key}`;
23
23
  }
package/dist/utils.mjs CHANGED
@@ -10,7 +10,7 @@
10
10
  * governing permissions and limitations under the License.
11
11
  */ const $99b62ae3ff97ec45$export$c5f62239608282b6 = new WeakMap();
12
12
  function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
13
- if (typeof key === "string") key = key.replace(/\s+/g, "");
13
+ if (typeof key === 'string') key = key.replace(/\s+/g, '');
14
14
  let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
15
15
  return `${baseId}-${role}-${key}`;
16
16
  }
@@ -10,7 +10,7 @@
10
10
  * governing permissions and limitations under the License.
11
11
  */ const $99b62ae3ff97ec45$export$c5f62239608282b6 = new WeakMap();
12
12
  function $99b62ae3ff97ec45$export$567fc7097e064344(state, key, role) {
13
- if (typeof key === "string") key = key.replace(/\s+/g, "");
13
+ if (typeof key === 'string') key = key.replace(/\s+/g, '');
14
14
  let baseId = $99b62ae3ff97ec45$export$c5f62239608282b6.get(state);
15
15
  return `${baseId}-${role}-${key}`;
16
16
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-aria/tabs",
3
- "version": "3.9.1-nightly.4624+d80999e89",
3
+ "version": "3.9.1",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -22,13 +22,13 @@
22
22
  "url": "https://github.com/adobe/react-spectrum"
23
23
  },
24
24
  "dependencies": {
25
- "@react-aria/focus": "3.0.0-nightly.2912+d80999e89",
26
- "@react-aria/i18n": "3.0.0-nightly.2912+d80999e89",
27
- "@react-aria/selection": "3.0.0-nightly.2912+d80999e89",
28
- "@react-aria/utils": "3.0.0-nightly.2912+d80999e89",
29
- "@react-stately/tabs": "3.0.0-nightly.2912+d80999e89",
30
- "@react-types/shared": "3.0.0-nightly.2912+d80999e89",
31
- "@react-types/tabs": "3.3.7-nightly.4624+d80999e89",
25
+ "@react-aria/focus": "^3.17.1",
26
+ "@react-aria/i18n": "^3.11.1",
27
+ "@react-aria/selection": "^3.18.1",
28
+ "@react-aria/utils": "^3.24.1",
29
+ "@react-stately/tabs": "^3.6.6",
30
+ "@react-types/shared": "^3.23.1",
31
+ "@react-types/tabs": "^3.3.7",
32
32
  "@swc/helpers": "^0.5.0"
33
33
  },
34
34
  "peerDependencies": {
@@ -38,5 +38,5 @@
38
38
  "publishConfig": {
39
39
  "access": "public"
40
40
  },
41
- "gitHead": "d80999e897b4d4db9fcfb4e9b8fcdc9fdd700882"
41
+ "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
42
42
  }