@react-spectrum/actionbar 3.4.5-nightly.4623 → 3.4.5

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.
Files changed (7) hide show
  1. package/dist/ActionBar.main.js +15 -15
  2. package/dist/ActionBar.mjs +15 -15
  3. package/dist/ActionBar.module.js +15 -15
  4. package/dist/ActionBarContainer.main.js +1 -1
  5. package/dist/ActionBarContainer.mjs +1 -1
  6. package/dist/ActionBarContainer.module.js +1 -1
  7. package/package.json +17 -17
package/dist/ActionBar.main.js CHANGED
@@ -67,13 +67,13 @@ function $7b5467653feb1153$var$ActionBarInner(props, ref) {
67
67
  props = (0, $643e7$reactspectrumprovider.useProviderProps)(props);
68
68
  let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, items: items } = props;
69
69
  let { styleProps: styleProps } = (0, $643e7$reactspectrumutils.useStyleProps)(props);
70
- let stringFormatter = (0, $643e7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b1ba52ca91e22687$exports))), "@react-spectrum/actionbar");
70
+ let stringFormatter = (0, $643e7$reactariai18n.useLocalizedStringFormatter)((0, ($parcel$interopDefault($b1ba52ca91e22687$exports))), '@react-spectrum/actionbar');
71
71
  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
72
72
  let [lastCount, setLastCount] = (0, $643e7$react.useState)(selectedItemCount);
73
- if ((selectedItemCount === "all" || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
73
+ if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
74
74
  let { keyboardProps: keyboardProps } = (0, $643e7$reactariainteractions.useKeyboard)({
75
75
  onKeyDown (e) {
76
- if (e.key === "Escape") {
76
+ if (e.key === 'Escape') {
77
77
  e.preventDefault();
78
78
  onClearSelection();
79
79
  }
@@ -84,7 +84,7 @@ function $7b5467653feb1153$var$ActionBarInner(props, ref) {
84
84
  (0, $643e7$react.useEffect)(()=>{
85
85
  if (isInitial.current) {
86
86
  isInitial.current = false;
87
- (0, $643e7$reactarialiveannouncer.announce)(stringFormatter.format("actionsAvailable"));
87
+ (0, $643e7$reactarialiveannouncer.announce)(stringFormatter.format('actionsAvailable'));
88
88
  }
89
89
  }, [
90
90
  stringFormatter
@@ -96,30 +96,30 @@ function $7b5467653feb1153$var$ActionBarInner(props, ref) {
96
96
  ...styleProps,
97
97
  ...keyboardProps,
98
98
  ref: ref,
99
- className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar", {
100
- "react-spectrum-ActionBar--emphasized": isEmphasized,
101
- "is-open": isOpen
99
+ className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar', {
100
+ 'react-spectrum-ActionBar--emphasized': isEmphasized,
101
+ 'is-open': isOpen
102
102
  }, styleProps.className)
103
103
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement("div", {
104
- className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-bar")
104
+ className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-bar')
105
105
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumactiongroup.ActionGroup), {
106
106
  items: items,
107
- "aria-label": stringFormatter.format("actions"),
107
+ "aria-label": stringFormatter.format('actions'),
108
108
  isQuiet: true,
109
- staticColor: isEmphasized ? "white" : undefined,
109
+ staticColor: isEmphasized ? 'white' : undefined,
110
110
  overflowMode: "collapse",
111
111
  buttonLabelBehavior: "collapse",
112
112
  onAction: onAction,
113
- UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-actionGroup")
113
+ UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-actionGroup')
114
114
  }, children), /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumbutton.ActionButton), {
115
115
  gridArea: (0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))).clear,
116
- "aria-label": stringFormatter.format("clearSelection"),
116
+ "aria-label": stringFormatter.format('clearSelection'),
117
117
  onPress: ()=>onClearSelection(),
118
118
  isQuiet: true,
119
- staticColor: isEmphasized ? "white" : undefined
119
+ staticColor: isEmphasized ? 'white' : undefined
120
120
  }, /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, ($parcel$interopDefault($643e7$spectrumiconsuiCrossLarge))), null)), /*#__PURE__*/ (0, ($parcel$interopDefault($643e7$react))).createElement((0, $643e7$reactspectrumtext.Text), {
121
- UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "react-spectrum-ActionBar-selectedCount")
122
- }, lastCount === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
121
+ UNSAFE_className: (0, $643e7$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'react-spectrum-ActionBar-selectedCount')
122
+ }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
123
123
  count: lastCount
124
124
  })))));
125
125
  }
package/dist/ActionBar.mjs CHANGED
@@ -61,13 +61,13 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
61
61
  props = (0, $c4Nes$useProviderProps)(props);
62
62
  let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, items: items } = props;
63
63
  let { styleProps: styleProps } = (0, $c4Nes$useStyleProps)(props);
64
- let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), "@react-spectrum/actionbar");
64
+ let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), '@react-spectrum/actionbar');
65
65
  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
66
66
  let [lastCount, setLastCount] = (0, $c4Nes$useState)(selectedItemCount);
67
- if ((selectedItemCount === "all" || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
67
+ if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
68
68
  let { keyboardProps: keyboardProps } = (0, $c4Nes$useKeyboard)({
69
69
  onKeyDown (e) {
70
- if (e.key === "Escape") {
70
+ if (e.key === 'Escape') {
71
71
  e.preventDefault();
72
72
  onClearSelection();
73
73
  }
@@ -78,7 +78,7 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
78
78
  (0, $c4Nes$useEffect)(()=>{
79
79
  if (isInitial.current) {
80
80
  isInitial.current = false;
81
- (0, $c4Nes$announce)(stringFormatter.format("actionsAvailable"));
81
+ (0, $c4Nes$announce)(stringFormatter.format('actionsAvailable'));
82
82
  }
83
83
  }, [
84
84
  stringFormatter
@@ -90,30 +90,30 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
90
90
  ...styleProps,
91
91
  ...keyboardProps,
92
92
  ref: ref,
93
- className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar", {
94
- "react-spectrum-ActionBar--emphasized": isEmphasized,
95
- "is-open": isOpen
93
+ className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar', {
94
+ 'react-spectrum-ActionBar--emphasized': isEmphasized,
95
+ 'is-open': isOpen
96
96
  }, styleProps.className)
97
97
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
98
- className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-bar")
98
+ className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-bar')
99
99
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionGroup), {
100
100
  items: items,
101
- "aria-label": stringFormatter.format("actions"),
101
+ "aria-label": stringFormatter.format('actions'),
102
102
  isQuiet: true,
103
- staticColor: isEmphasized ? "white" : undefined,
103
+ staticColor: isEmphasized ? 'white' : undefined,
104
104
  overflowMode: "collapse",
105
105
  buttonLabelBehavior: "collapse",
106
106
  onAction: onAction,
107
- UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-actionGroup")
107
+ UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-actionGroup')
108
108
  }, children), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionButton), {
109
109
  gridArea: (0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))).clear,
110
- "aria-label": stringFormatter.format("clearSelection"),
110
+ "aria-label": stringFormatter.format('clearSelection'),
111
111
  onPress: ()=>onClearSelection(),
112
112
  isQuiet: true,
113
- staticColor: isEmphasized ? "white" : undefined
113
+ staticColor: isEmphasized ? 'white' : undefined
114
114
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$Text), {
115
- UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-selectedCount")
116
- }, lastCount === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
115
+ UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-selectedCount')
116
+ }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
117
117
  count: lastCount
118
118
  })))));
119
119
  }
package/dist/ActionBar.module.js CHANGED
@@ -61,13 +61,13 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
61
61
  props = (0, $c4Nes$useProviderProps)(props);
62
62
  let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, items: items } = props;
63
63
  let { styleProps: styleProps } = (0, $c4Nes$useStyleProps)(props);
64
- let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), "@react-spectrum/actionbar");
64
+ let stringFormatter = (0, $c4Nes$useLocalizedStringFormatter)((0, ($parcel$interopDefault($c4Nes$intlStringsmodulejs))), '@react-spectrum/actionbar');
65
65
  // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
66
66
  let [lastCount, setLastCount] = (0, $c4Nes$useState)(selectedItemCount);
67
- if ((selectedItemCount === "all" || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
67
+ if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
68
68
  let { keyboardProps: keyboardProps } = (0, $c4Nes$useKeyboard)({
69
69
  onKeyDown (e) {
70
- if (e.key === "Escape") {
70
+ if (e.key === 'Escape') {
71
71
  e.preventDefault();
72
72
  onClearSelection();
73
73
  }
@@ -78,7 +78,7 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
78
78
  (0, $c4Nes$useEffect)(()=>{
79
79
  if (isInitial.current) {
80
80
  isInitial.current = false;
81
- (0, $c4Nes$announce)(stringFormatter.format("actionsAvailable"));
81
+ (0, $c4Nes$announce)(stringFormatter.format('actionsAvailable'));
82
82
  }
83
83
  }, [
84
84
  stringFormatter
@@ -90,30 +90,30 @@ function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
90
90
  ...styleProps,
91
91
  ...keyboardProps,
92
92
  ref: ref,
93
- className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar", {
94
- "react-spectrum-ActionBar--emphasized": isEmphasized,
95
- "is-open": isOpen
93
+ className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar', {
94
+ 'react-spectrum-ActionBar--emphasized': isEmphasized,
95
+ 'is-open': isOpen
96
96
  }, styleProps.className)
97
97
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement("div", {
98
- className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-bar")
98
+ className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-bar')
99
99
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionGroup), {
100
100
  items: items,
101
- "aria-label": stringFormatter.format("actions"),
101
+ "aria-label": stringFormatter.format('actions'),
102
102
  isQuiet: true,
103
- staticColor: isEmphasized ? "white" : undefined,
103
+ staticColor: isEmphasized ? 'white' : undefined,
104
104
  overflowMode: "collapse",
105
105
  buttonLabelBehavior: "collapse",
106
106
  onAction: onAction,
107
- UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-actionGroup")
107
+ UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-actionGroup')
108
108
  }, children), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$ActionButton), {
109
109
  gridArea: (0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))).clear,
110
- "aria-label": stringFormatter.format("clearSelection"),
110
+ "aria-label": stringFormatter.format('clearSelection'),
111
111
  onPress: ()=>onClearSelection(),
112
112
  isQuiet: true,
113
- staticColor: isEmphasized ? "white" : undefined
113
+ staticColor: isEmphasized ? 'white' : undefined
114
114
  }, /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $c4Nes$react).createElement((0, $c4Nes$Text), {
115
- UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), "react-spectrum-ActionBar-selectedCount")
116
- }, lastCount === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
115
+ UNSAFE_className: (0, $c4Nes$classNames)((0, ($parcel$interopDefault($c4Nes$actionbar_cssmodulejs))), 'react-spectrum-ActionBar-selectedCount')
116
+ }, lastCount === 'all' ? stringFormatter.format('selectedAll') : stringFormatter.format('selected', {
117
117
  count: lastCount
118
118
  })))));
119
119
  }
package/dist/ActionBarContainer.main.js CHANGED
@@ -40,7 +40,7 @@ function $961b22d2b8bd2da1$var$ActionBarContainer(props, ref) {
40
40
  ...(0, $hZJeg$reactariautils.filterDOMProps)(props),
41
41
  ...styleProps,
42
42
  ref: domRef,
43
- className: (0, $hZJeg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), "ActionBarContainer", styleProps.className)
43
+ className: (0, $hZJeg$reactspectrumutils.classNames)((0, ($parcel$interopDefault($ff24c7bbe0c168db$exports))), 'ActionBarContainer', styleProps.className)
44
44
  }, children);
45
45
  }
46
46
  /**
package/dist/ActionBarContainer.mjs CHANGED
@@ -34,7 +34,7 @@ function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
34
34
  ...(0, $cNmre$filterDOMProps)(props),
35
35
  ...styleProps,
36
36
  ref: domRef,
37
- className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), "ActionBarContainer", styleProps.className)
37
+ className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), 'ActionBarContainer', styleProps.className)
38
38
  }, children);
39
39
  }
40
40
  /**
package/dist/ActionBarContainer.module.js CHANGED
@@ -34,7 +34,7 @@ function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
34
34
  ...(0, $cNmre$filterDOMProps)(props),
35
35
  ...styleProps,
36
36
  ref: domRef,
37
- className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), "ActionBarContainer", styleProps.className)
37
+ className: (0, $cNmre$classNames)((0, ($parcel$interopDefault($cNmre$actionbar_cssmodulejs))), 'ActionBarContainer', styleProps.className)
38
38
  }, children);
39
39
  }
40
40
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/actionbar",
3
- "version": "3.4.5-nightly.4623+b294de874",
3
+ "version": "3.4.5",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,24 +36,24 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2911+b294de874",
40
- "@react-aria/i18n": "3.0.0-nightly.2911+b294de874",
41
- "@react-aria/interactions": "3.0.0-nightly.2911+b294de874",
42
- "@react-aria/live-announcer": "3.0.0-nightly.2911+b294de874",
43
- "@react-aria/utils": "3.0.0-nightly.2911+b294de874",
44
- "@react-spectrum/actiongroup": "3.10.5-nightly.4623+b294de874",
45
- "@react-spectrum/button": "3.0.0-nightly.2911+b294de874",
46
- "@react-spectrum/overlays": "3.0.0-nightly.2911+b294de874",
47
- "@react-spectrum/text": "3.5.5-nightly.4623+b294de874",
48
- "@react-spectrum/utils": "3.0.0-nightly.2911+b294de874",
49
- "@react-stately/collections": "3.0.0-nightly.2911+b294de874",
50
- "@react-types/actionbar": "3.1.7-nightly.4623+b294de874",
51
- "@react-types/shared": "3.0.0-nightly.2911+b294de874",
52
- "@spectrum-icons/ui": "3.0.0-nightly.2911+b294de874",
39
+ "@react-aria/focus": "^3.17.1",
40
+ "@react-aria/i18n": "^3.11.1",
41
+ "@react-aria/interactions": "^3.21.3",
42
+ "@react-aria/live-announcer": "^3.3.4",
43
+ "@react-aria/utils": "^3.24.1",
44
+ "@react-spectrum/actiongroup": "^3.10.5",
45
+ "@react-spectrum/button": "^3.16.4",
46
+ "@react-spectrum/overlays": "^5.6.1",
47
+ "@react-spectrum/text": "^3.5.5",
48
+ "@react-spectrum/utils": "^3.11.7",
49
+ "@react-stately/collections": "^3.10.7",
50
+ "@react-types/actionbar": "^3.1.7",
51
+ "@react-types/shared": "^3.23.1",
52
+ "@spectrum-icons/ui": "^3.6.7",
53
53
  "@swc/helpers": "^0.5.0"
54
54
  },
55
55
  "devDependencies": {
56
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2911+b294de874"
56
+ "@adobe/spectrum-css-temp": "3.0.0-alpha.1"
57
57
  },
58
58
  "peerDependencies": {
59
59
  "@react-spectrum/provider": "^3.0.0",
@@ -63,5 +63,5 @@
63
63
  "publishConfig": {
64
64
  "access": "public"
65
65
  },
66
- "gitHead": "b294de874c16fad64bc4b930ccee1c9ffeb1c20f"
66
+ "gitHead": "b77d7d594dff4dcfb5359bffbcfd18142b146433"
67
67
  }