@react-spectrum/actionbar 3.4.4-nightly.4555 → 3.4.4-nightly.4560

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 (66) hide show
  1. package/dist/ActionBar.main.js +132 -0
  2. package/dist/ActionBar.main.js.map +1 -0
  3. package/dist/ActionBar.mjs +127 -0
  4. package/dist/ActionBar.module.js +127 -0
  5. package/dist/ActionBar.module.js.map +1 -0
  6. package/dist/ActionBarContainer.main.js +52 -0
  7. package/dist/ActionBarContainer.main.js.map +1 -0
  8. package/dist/ActionBarContainer.mjs +47 -0
  9. package/dist/ActionBarContainer.module.js +47 -0
  10. package/dist/ActionBarContainer.module.js.map +1 -0
  11. package/dist/{main.css → actionbar.6c2bbcbf.css} +1 -1
  12. package/dist/{main.css.map → actionbar.6c2bbcbf.css.map} +1 -1
  13. package/dist/actionbar_css.main.js +38 -0
  14. package/dist/actionbar_css.main.js.map +1 -0
  15. package/dist/actionbar_css.mjs +40 -0
  16. package/dist/actionbar_css.module.js +40 -0
  17. package/dist/actionbar_css.module.js.map +1 -0
  18. package/dist/ar-AE.mjs +1 -1
  19. package/dist/bg-BG.mjs +1 -1
  20. package/dist/cs-CZ.mjs +1 -1
  21. package/dist/da-DK.mjs +1 -1
  22. package/dist/de-DE.mjs +1 -1
  23. package/dist/el-GR.mjs +1 -1
  24. package/dist/en-US.mjs +1 -1
  25. package/dist/es-ES.mjs +1 -1
  26. package/dist/et-EE.mjs +1 -1
  27. package/dist/fi-FI.mjs +1 -1
  28. package/dist/fr-FR.mjs +1 -1
  29. package/dist/he-IL.mjs +1 -1
  30. package/dist/hr-HR.mjs +1 -1
  31. package/dist/hu-HU.mjs +1 -1
  32. package/dist/import.mjs +2 -297
  33. package/dist/intlStrings.main.js +108 -0
  34. package/dist/intlStrings.main.js.map +1 -0
  35. package/dist/intlStrings.mjs +110 -0
  36. package/dist/intlStrings.module.js +110 -0
  37. package/dist/intlStrings.module.js.map +1 -0
  38. package/dist/it-IT.mjs +1 -1
  39. package/dist/ja-JP.mjs +1 -1
  40. package/dist/ko-KR.mjs +1 -1
  41. package/dist/lt-LT.mjs +1 -1
  42. package/dist/lv-LV.mjs +1 -1
  43. package/dist/main.js +4 -295
  44. package/dist/main.js.map +1 -1
  45. package/dist/module.js +2 -297
  46. package/dist/module.js.map +1 -1
  47. package/dist/nb-NO.mjs +1 -1
  48. package/dist/nl-NL.mjs +1 -1
  49. package/dist/pl-PL.mjs +1 -1
  50. package/dist/pt-BR.mjs +1 -1
  51. package/dist/pt-PT.mjs +1 -1
  52. package/dist/ro-RO.mjs +1 -1
  53. package/dist/ru-RU.mjs +1 -1
  54. package/dist/sk-SK.mjs +1 -1
  55. package/dist/sl-SI.mjs +1 -1
  56. package/dist/sr-SP.mjs +1 -1
  57. package/dist/sv-SE.mjs +1 -1
  58. package/dist/tr-TR.mjs +1 -1
  59. package/dist/types.d.ts +2 -2
  60. package/dist/types.d.ts.map +1 -1
  61. package/dist/uk-UA.mjs +1 -1
  62. package/dist/zh-CN.mjs +1 -1
  63. package/dist/zh-TW.mjs +1 -1
  64. package/package.json +17 -17
  65. package/dist/module.css +0 -83
  66. package/dist/module.css.map +0 -1
package/dist/module.js CHANGED
@@ -1,61 +1,7 @@
1
- import $42f1aaf0cd835ede$exports from "./ar-AE.module.js";
2
- import $22c931b8c5fa9db9$exports from "./bg-BG.module.js";
3
- import $07dc24deaaf64ab0$exports from "./cs-CZ.module.js";
4
- import $44fd3a75baaf9937$exports from "./da-DK.module.js";
5
- import $3281990be7bd78f6$exports from "./de-DE.module.js";
6
- import $242cbd951f3bcfeb$exports from "./el-GR.module.js";
7
- import $117deeeb64547dc7$exports from "./en-US.module.js";
8
- import $5b8605d86a9af2ee$exports from "./es-ES.module.js";
9
- import $5530e5c9f2623025$exports from "./et-EE.module.js";
10
- import $7a405d1dfc563131$exports from "./fi-FI.module.js";
11
- import $e0c3da022513542b$exports from "./fr-FR.module.js";
12
- import $796ff5aed019aee1$exports from "./he-IL.module.js";
13
- import $e1066348ea80fd36$exports from "./hr-HR.module.js";
14
- import $939ac78e6c54d005$exports from "./hu-HU.module.js";
15
- import $087af352bd8a67a5$exports from "./it-IT.module.js";
16
- import $ef25b75f84bf9640$exports from "./ja-JP.module.js";
17
- import $a9fcaa28ab16ac58$exports from "./ko-KR.module.js";
18
- import $7103396bd37d192c$exports from "./lt-LT.module.js";
19
- import $da39587a937fb6fd$exports from "./lv-LV.module.js";
20
- import $fef3c3414d151198$exports from "./nb-NO.module.js";
21
- import $3cfd427955fee95c$exports from "./nl-NL.module.js";
22
- import $ecd102793531599a$exports from "./pl-PL.module.js";
23
- import $70b0a95af4186e29$exports from "./pt-BR.module.js";
24
- import $4b15e180aed5c52d$exports from "./pt-PT.module.js";
25
- import $d0ef0a1cef9c2d6c$exports from "./ro-RO.module.js";
26
- import $58fc1ff371f0c7fd$exports from "./ru-RU.module.js";
27
- import $b5f65f4e7988d1dd$exports from "./sk-SK.module.js";
28
- import $5409ad409aeaf678$exports from "./sl-SI.module.js";
29
- import $43feb38b3d4bbf1f$exports from "./sr-SP.module.js";
30
- import $cbe41ff823ebe108$exports from "./sv-SE.module.js";
31
- import $57b680843fcbe09e$exports from "./tr-TR.module.js";
32
- import $1e4c96bc308e0da2$exports from "./uk-UA.module.js";
33
- import $18faa55a67dca8f3$exports from "./zh-CN.module.js";
34
- import $804c64c525579787$exports from "./zh-TW.module.js";
35
- import "./module.css";
1
+ import {ActionBar as $a4e665fbd087d71e$export$e213cebad6250b4a} from "./ActionBar.module.js";
2
+ import {ActionBarContainer as $2f6c8b20aa071c6d$export$ac2eb07f267e434c} from "./ActionBarContainer.module.js";
36
3
  import {Item as $da70baa779e17e7a$re_export$Item} from "@react-stately/collections";
37
- import {ActionButton as $N9qJl$ActionButton} from "@react-spectrum/button";
38
- import {ActionGroup as $N9qJl$ActionGroup} from "@react-spectrum/actiongroup";
39
- import {announce as $N9qJl$announce} from "@react-aria/live-announcer";
40
- import {useDOMRef as $N9qJl$useDOMRef, useStyleProps as $N9qJl$useStyleProps, classNames as $N9qJl$classNames} from "@react-spectrum/utils";
41
- import $N9qJl$spectrumiconsuiCrossLarge from "@spectrum-icons/ui/CrossLarge";
42
- import {filterDOMProps as $N9qJl$filterDOMProps} from "@react-aria/utils";
43
- import {FocusScope as $N9qJl$FocusScope} from "@react-aria/focus";
44
- import {OpenTransition as $N9qJl$OpenTransition} from "@react-spectrum/overlays";
45
- import $N9qJl$react, {useState as $N9qJl$useState, useRef as $N9qJl$useRef, useEffect as $N9qJl$useEffect} from "react";
46
- import {Text as $N9qJl$Text} from "@react-spectrum/text";
47
- import {useKeyboard as $N9qJl$useKeyboard} from "@react-aria/interactions";
48
- import {useLocalizedStringFormatter as $N9qJl$useLocalizedStringFormatter} from "@react-aria/i18n";
49
- import {useProviderProps as $N9qJl$useProviderProps} from "@react-spectrum/provider";
50
4
 
51
-
52
- function $parcel$interopDefault(a) {
53
- return a && a.__esModule ? a.default : a;
54
- }
55
-
56
- function $parcel$export(e, n, v, s) {
57
- Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
58
- }
59
5
  /*
60
6
  * Copyright 2020 Adobe. All rights reserved.
61
7
  * This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -67,247 +13,6 @@ function $parcel$export(e, n, v, s) {
67
13
  * OF ANY KIND, either express or implied. See the License for the specific language
68
14
  * governing permissions and limitations under the License.
69
15
  */ /// <reference types="css-module-types" />
70
- /*
71
- * Copyright 2020 Adobe. All rights reserved.
72
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
73
- * you may not use this file except in compliance with the License. You may obtain a copy
74
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
75
- *
76
- * Unless required by applicable law or agreed to in writing, software distributed under
77
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
78
- * OF ANY KIND, either express or implied. See the License for the specific language
79
- * governing permissions and limitations under the License.
80
- */
81
-
82
-
83
-
84
-
85
-
86
-
87
- var $29b198d669109c8b$exports = {};
88
-
89
-
90
-
91
-
92
-
93
-
94
-
95
-
96
-
97
-
98
-
99
-
100
-
101
-
102
-
103
-
104
-
105
-
106
-
107
-
108
-
109
-
110
-
111
-
112
-
113
-
114
-
115
-
116
-
117
-
118
-
119
-
120
-
121
-
122
- $29b198d669109c8b$exports = {
123
- "ar-AE": $42f1aaf0cd835ede$exports,
124
- "bg-BG": $22c931b8c5fa9db9$exports,
125
- "cs-CZ": $07dc24deaaf64ab0$exports,
126
- "da-DK": $44fd3a75baaf9937$exports,
127
- "de-DE": $3281990be7bd78f6$exports,
128
- "el-GR": $242cbd951f3bcfeb$exports,
129
- "en-US": $117deeeb64547dc7$exports,
130
- "es-ES": $5b8605d86a9af2ee$exports,
131
- "et-EE": $5530e5c9f2623025$exports,
132
- "fi-FI": $7a405d1dfc563131$exports,
133
- "fr-FR": $e0c3da022513542b$exports,
134
- "he-IL": $796ff5aed019aee1$exports,
135
- "hr-HR": $e1066348ea80fd36$exports,
136
- "hu-HU": $939ac78e6c54d005$exports,
137
- "it-IT": $087af352bd8a67a5$exports,
138
- "ja-JP": $ef25b75f84bf9640$exports,
139
- "ko-KR": $a9fcaa28ab16ac58$exports,
140
- "lt-LT": $7103396bd37d192c$exports,
141
- "lv-LV": $da39587a937fb6fd$exports,
142
- "nb-NO": $fef3c3414d151198$exports,
143
- "nl-NL": $3cfd427955fee95c$exports,
144
- "pl-PL": $ecd102793531599a$exports,
145
- "pt-BR": $70b0a95af4186e29$exports,
146
- "pt-PT": $4b15e180aed5c52d$exports,
147
- "ro-RO": $d0ef0a1cef9c2d6c$exports,
148
- "ru-RU": $58fc1ff371f0c7fd$exports,
149
- "sk-SK": $b5f65f4e7988d1dd$exports,
150
- "sl-SI": $5409ad409aeaf678$exports,
151
- "sr-SP": $43feb38b3d4bbf1f$exports,
152
- "sv-SE": $cbe41ff823ebe108$exports,
153
- "tr-TR": $57b680843fcbe09e$exports,
154
- "uk-UA": $1e4c96bc308e0da2$exports,
155
- "zh-CN": $18faa55a67dca8f3$exports,
156
- "zh-TW": $804c64c525579787$exports
157
- };
158
-
159
-
160
-
161
-
162
- var $7bd9eeb2cd70bd0c$exports = {};
163
-
164
- $parcel$export($7bd9eeb2cd70bd0c$exports, "ActionBarContainer", () => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c, (v) => $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = v);
165
- $parcel$export($7bd9eeb2cd70bd0c$exports, "actiongroup", () => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4, (v) => $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = v);
166
- $parcel$export($7bd9eeb2cd70bd0c$exports, "clear", () => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac, (v) => $7bd9eeb2cd70bd0c$export$42ffd38884aecdac = v);
167
- $parcel$export($7bd9eeb2cd70bd0c$exports, "is-open", () => $7bd9eeb2cd70bd0c$export$a9781837241c946d, (v) => $7bd9eeb2cd70bd0c$export$a9781837241c946d = v);
168
- $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar", () => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5, (v) => $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = v);
169
- $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar--emphasized", () => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7, (v) => $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = v);
170
- $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-actionGroup", () => $7bd9eeb2cd70bd0c$export$adc2706661946993, (v) => $7bd9eeb2cd70bd0c$export$adc2706661946993 = v);
171
- $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-bar", () => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9, (v) => $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = v);
172
- $parcel$export($7bd9eeb2cd70bd0c$exports, "react-spectrum-ActionBar-selectedCount", () => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e, (v) => $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = v);
173
- $parcel$export($7bd9eeb2cd70bd0c$exports, "selected", () => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7, (v) => $7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = v);
174
- var $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c;
175
- var $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4;
176
- var $7bd9eeb2cd70bd0c$export$42ffd38884aecdac;
177
- var $7bd9eeb2cd70bd0c$export$a9781837241c946d;
178
- var $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5;
179
- var $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7;
180
- var $7bd9eeb2cd70bd0c$export$adc2706661946993;
181
- var $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9;
182
- var $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e;
183
- var $7bd9eeb2cd70bd0c$export$d90250155de6d7e7;
184
- $7bd9eeb2cd70bd0c$export$ac2eb07f267e434c = `R4yOqG_ActionBarContainer`;
185
- $7bd9eeb2cd70bd0c$export$7c12d760fcaf48e4 = `R4yOqG_actiongroup`;
186
- $7bd9eeb2cd70bd0c$export$42ffd38884aecdac = `R4yOqG_clear`;
187
- $7bd9eeb2cd70bd0c$export$a9781837241c946d = `R4yOqG_is-open`;
188
- $7bd9eeb2cd70bd0c$export$71a4c2be37bc4ee5 = `R4yOqG_react-spectrum-ActionBar`;
189
- $7bd9eeb2cd70bd0c$export$3377f5e3cddd68a7 = `R4yOqG_react-spectrum-ActionBar--emphasized`;
190
- $7bd9eeb2cd70bd0c$export$adc2706661946993 = `R4yOqG_react-spectrum-ActionBar-actionGroup`;
191
- $7bd9eeb2cd70bd0c$export$ea5a1c79ca7998e9 = `R4yOqG_react-spectrum-ActionBar-bar`;
192
- $7bd9eeb2cd70bd0c$export$8b9fb52122670f9e = `R4yOqG_react-spectrum-ActionBar-selectedCount`;
193
- $7bd9eeb2cd70bd0c$export$d90250155de6d7e7 = `R4yOqG_selected`;
194
-
195
-
196
-
197
-
198
-
199
-
200
- function $a4e665fbd087d71e$var$ActionBar(props, ref) {
201
- let isOpen = props.selectedItemCount !== 0;
202
- let domRef = (0, $N9qJl$useDOMRef)(ref);
203
- return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$OpenTransition), {
204
- nodeRef: domRef,
205
- in: isOpen,
206
- mountOnEnter: true,
207
- unmountOnExit: true
208
- }, /*#__PURE__*/ (0, $N9qJl$react).createElement($a4e665fbd087d71e$var$ActionBarInnerWithRef, {
209
- ...props,
210
- ref: domRef
211
- }));
212
- }
213
- function $a4e665fbd087d71e$var$ActionBarInner(props, ref) {
214
- props = (0, $N9qJl$useProviderProps)(props);
215
- let { children: children, isEmphasized: isEmphasized, onAction: onAction, onClearSelection: onClearSelection, selectedItemCount: selectedItemCount, isOpen: isOpen, items: items } = props;
216
- let { styleProps: styleProps } = (0, $N9qJl$useStyleProps)(props);
217
- let stringFormatter = (0, $N9qJl$useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($29b198d669109c8b$exports))), "@react-spectrum/actionbar");
218
- // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.
219
- let [lastCount, setLastCount] = (0, $N9qJl$useState)(selectedItemCount);
220
- if ((selectedItemCount === "all" || selectedItemCount > 0) && selectedItemCount !== lastCount) setLastCount(selectedItemCount);
221
- let { keyboardProps: keyboardProps } = (0, $N9qJl$useKeyboard)({
222
- onKeyDown (e) {
223
- if (e.key === "Escape") {
224
- e.preventDefault();
225
- onClearSelection();
226
- }
227
- }
228
- });
229
- // Announce "actions available" on mount.
230
- let isInitial = (0, $N9qJl$useRef)(true);
231
- (0, $N9qJl$useEffect)(()=>{
232
- if (isInitial.current) {
233
- isInitial.current = false;
234
- (0, $N9qJl$announce)(stringFormatter.format("actionsAvailable"));
235
- }
236
- }, [
237
- stringFormatter
238
- ]);
239
- return /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$FocusScope), {
240
- restoreFocus: true
241
- }, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
242
- ...(0, $N9qJl$filterDOMProps)(props),
243
- ...styleProps,
244
- ...keyboardProps,
245
- ref: ref,
246
- className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar", {
247
- "react-spectrum-ActionBar--emphasized": isEmphasized,
248
- "is-open": isOpen
249
- }, styleProps.className)
250
- }, /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
251
- className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-bar")
252
- }, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionGroup), {
253
- items: items,
254
- "aria-label": stringFormatter.format("actions"),
255
- isQuiet: true,
256
- staticColor: isEmphasized ? "white" : undefined,
257
- overflowMode: "collapse",
258
- buttonLabelBehavior: "collapse",
259
- onAction: onAction,
260
- UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-actionGroup")
261
- }, children), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$ActionButton), {
262
- gridArea: (0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))).clear,
263
- "aria-label": stringFormatter.format("clearSelection"),
264
- onPress: ()=>onClearSelection(),
265
- isQuiet: true,
266
- staticColor: isEmphasized ? "white" : undefined
267
- }, /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$spectrumiconsuiCrossLarge), null)), /*#__PURE__*/ (0, $N9qJl$react).createElement((0, $N9qJl$Text), {
268
- UNSAFE_className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "react-spectrum-ActionBar-selectedCount")
269
- }, lastCount === "all" ? stringFormatter.format("selectedAll") : stringFormatter.format("selected", {
270
- count: lastCount
271
- })))));
272
- }
273
- const $a4e665fbd087d71e$var$ActionBarInnerWithRef = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBarInner);
274
- /**
275
- * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.
276
- */ const $a4e665fbd087d71e$export$e213cebad6250b4a = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($a4e665fbd087d71e$var$ActionBar);
277
-
278
-
279
- /*
280
- * Copyright 2020 Adobe. All rights reserved.
281
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
282
- * you may not use this file except in compliance with the License. You may obtain a copy
283
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
284
- *
285
- * Unless required by applicable law or agreed to in writing, software distributed under
286
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
287
- * OF ANY KIND, either express or implied. See the License for the specific language
288
- * governing permissions and limitations under the License.
289
- */
290
-
291
-
292
-
293
-
294
- function $2f6c8b20aa071c6d$var$ActionBarContainer(props, ref) {
295
- // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.
296
- props = (0, $N9qJl$useProviderProps)(props);
297
- let { children: children } = props;
298
- let { styleProps: styleProps } = (0, $N9qJl$useStyleProps)(props);
299
- let domRef = (0, $N9qJl$useDOMRef)(ref);
300
- return /*#__PURE__*/ (0, $N9qJl$react).createElement("div", {
301
- ...(0, $N9qJl$filterDOMProps)(props),
302
- ...styleProps,
303
- ref: domRef,
304
- className: (0, $N9qJl$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7bd9eeb2cd70bd0c$exports))), "ActionBarContainer", styleProps.className)
305
- }, children);
306
- }
307
- /**
308
- * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
309
- * the ActionBar's position with respect to its linked component.
310
- */ const $2f6c8b20aa071c6d$export$ac2eb07f267e434c = /*#__PURE__*/ (0, $N9qJl$react).forwardRef($2f6c8b20aa071c6d$var$ActionBarContainer);
311
16
 
312
17
 
313
18
 
@@ -1 +1 @@
1
- {"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C;ACX1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACwBD,4BAAiB;IACf,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;AACX;;;;;;;;;;;;;;;;;ACrEA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AATA,4CAAuC,CAAC,yBAAyB,CAAC;AAClE,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA0B,CAAC,YAAY,CAAC;AACxC,4CAA4B,CAAC,cAAc,CAAC;AAC5C,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAyD,CAAC,2CAA2C,CAAC;AACtG,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA2D,CAAC,6CAA6C,CAAC;AAC1G,4CAA6B,CAAC,eAAe,CAAC;;;;;;;AFsB9C,SAAS,gCAA4B,KAAgC,EAAE,GAA2B;IAChG,IAAI,SAAS,MAAM,iBAAiB,KAAK;IACzC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC,CAAA,GAAA,qBAAa;QACZ,SAAS;QACT,IAAI;QACJ,cAAA;QACA,eAAA;qBACA,gCAAC;QAAuB,GAAG,KAAK;QAAE,KAAK;;AAG7C;AAMA,SAAS,qCAAkB,KAA6B,EAAE,GAAwB;IAChF,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAEzB,IAAI,YACF,QAAQ,gBACR,YAAY,YACZ,QAAQ,oBACR,gBAAgB,qBAChB,iBAAiB,UACjB,MAAM,SACN,KAAK,EACN,GAAG;IAEJ,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,kBAAkB,CAAA,GAAA,kCAA0B,EAAE,CAAA,GAAA,gEAAW,GAAG;IAEhE,mHAAmH;IACnH,IAAI,CAAC,WAAW,aAAa,GAAG,CAAA,GAAA,eAAO,EAAE;IACzC,IAAI,AAAC,CAAA,sBAAsB,SAAS,oBAAoB,CAAA,KAAM,sBAAsB,WAClF,aAAa;IAGf,IAAI,iBAAC,aAAa,EAAC,GAAG,CAAA,GAAA,kBAAU,EAAE;QAChC,WAAU,CAAC;YACT,IAAI,EAAE,GAAG,KAAK,UAAU;gBACtB,EAAE,cAAc;gBAChB;YACF;QACF;IACF;IAEA,yCAAyC;IACzC,IAAI,YAAY,CAAA,GAAA,aAAK,EAAE;IACvB,CAAA,GAAA,gBAAQ,EAAE;QACR,IAAI,UAAU,OAAO,EAAE;YACrB,UAAU,OAAO,GAAG;YACpB,CAAA,GAAA,eAAO,EAAE,gBAAgB,MAAM,CAAC;QAClC;IACF,GAAG;QAAC;KAAgB;IAEpB,qBACE,gCAAC,CAAA,GAAA,iBAAS;QAAE,cAAA;qBACV,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACb,GAAG,aAAa;QACjB,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,gEAAK,GACL,4BAA4B;YAC1B,wCAAwC;YACxC,WAAW;QACb,GACA,WAAW,SAAS;qBAEtB,gCAAC;QAAI,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;qBACjC,gCAAC,CAAA,GAAA,kBAAU;QACT,OAAO;QACP,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAA;QACA,aAAa,eAAe,UAAU;QACtC,cAAa;QACb,qBAAoB;QACpB,UAAU;QACV,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OACpC,yBAEH,gCAAC,CAAA,GAAA,mBAAW;QACV,UAAU,CAAA,GAAA,gEAAK,EAAE,KAAK;QACtB,cAAY,gBAAgB,MAAM,CAAC;QACnC,SAAS,IAAM;QACf,SAAA;QACA,aAAa,eAAe,UAAU;qBACtC,gCAAC,CAAA,GAAA,gCAAS,yBAEZ,gCAAC,CAAA,GAAA,WAAG;QAAE,kBAAkB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;OACxC,cAAc,QACX,gBAAgB,MAAM,CAAC,iBACvB,gBAAgB,MAAM,CAAC,YAAY;QAAC,OAAO;IAAS;AAMpE;AAEA,MAAM,4DAAwB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC;AAE/C;;CAEC,GACD,MAAM,0DAAa,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC;;;AG7IpC;;;;;;;;;;CAUC;;;;;AAUD,SAAS,yCAAmB,KAAsC,EAAE,GAA2B;IAC7F,wMAAwM;IACxM,QAAQ,CAAA,GAAA,uBAAe,EAAE;IAEzB,IAAI,YAAC,QAAQ,EAAC,GAAG;IACjB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IACjC,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IAEvB,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,MAAM;QACxB,GAAG,UAAU;QACd,KAAK;QACL,WAAW,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG,sBAAsB,WAAW,SAAS;OACvE;AAGP;AAEA;;;CAGC,GACD,MAAM,0DAAsB,CAAA,GAAA,YAAI,EAAE,UAAU,CAAC;;","sources":["packages/@react-spectrum/actionbar/src/index.ts","packages/@react-spectrum/actionbar/src/ActionBar.tsx","packages/@react-spectrum/actionbar/src/*.js","packages/@react-spectrum/actionbar/src/actionbar.css","packages/@react-spectrum/actionbar/src/ActionBarContainer.tsx"],"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/// <reference types=\"css-module-types\" />\nexport {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\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 {ActionButton} from '@react-spectrum/button';\nimport {ActionGroup} from '@react-spectrum/actiongroup';\nimport {announce} from '@react-aria/live-announcer';\nimport {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport CrossLarge from '@spectrum-icons/ui/CrossLarge';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusScope} from '@react-aria/focus';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {OpenTransition} from '@react-spectrum/overlays';\nimport React, {ReactElement, Ref, useEffect, useRef, useState} from 'react';\nimport {SpectrumActionBarProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {Text} from '@react-spectrum/text';\nimport {useKeyboard} from '@react-aria/interactions';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionBar<T extends object>(props: SpectrumActionBarProps<T>, ref: DOMRef<HTMLDivElement>) {\n let isOpen = props.selectedItemCount !== 0;\n let domRef = useDOMRef(ref);\n\n return (\n <OpenTransition\n nodeRef={domRef}\n in={isOpen}\n mountOnEnter\n unmountOnExit>\n <ActionBarInnerWithRef {...props} ref={domRef} />\n </OpenTransition>\n );\n}\n\ninterface ActionBarInnerProps<T> extends SpectrumActionBarProps<T> {\n isOpen?: boolean\n}\n\nfunction ActionBarInner<T>(props: ActionBarInnerProps<T>, ref: Ref<HTMLDivElement>) {\n props = useProviderProps(props);\n\n let {\n children,\n isEmphasized,\n onAction,\n onClearSelection,\n selectedItemCount,\n isOpen,\n items\n } = props;\n\n let {styleProps} = useStyleProps(props);\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/actionbar');\n\n // Store the last count greater than zero in a ref so that we can retain it while rendering the fade-out animation.\n let [lastCount, setLastCount] = useState(selectedItemCount);\n if ((selectedItemCount === 'all' || selectedItemCount > 0) && selectedItemCount !== lastCount) {\n setLastCount(selectedItemCount);\n }\n\n let {keyboardProps} = useKeyboard({\n onKeyDown(e) {\n if (e.key === 'Escape') {\n e.preventDefault();\n onClearSelection();\n }\n }\n });\n\n // Announce \"actions available\" on mount.\n let isInitial = useRef(true);\n useEffect(() => {\n if (isInitial.current) {\n isInitial.current = false;\n announce(stringFormatter.format('actionsAvailable'));\n }\n }, [stringFormatter]);\n\n return (\n <FocusScope restoreFocus>\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n {...keyboardProps}\n ref={ref}\n className={classNames(\n styles,\n 'react-spectrum-ActionBar', {\n 'react-spectrum-ActionBar--emphasized': isEmphasized,\n 'is-open': isOpen\n },\n styleProps.className\n )}>\n <div className={classNames(styles, 'react-spectrum-ActionBar-bar')}>\n <ActionGroup\n items={items}\n aria-label={stringFormatter.format('actions')}\n isQuiet\n staticColor={isEmphasized ? 'white' : undefined}\n overflowMode=\"collapse\"\n buttonLabelBehavior=\"collapse\"\n onAction={onAction}\n UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-actionGroup')}>\n {children}\n </ActionGroup>\n <ActionButton\n gridArea={styles.clear}\n aria-label={stringFormatter.format('clearSelection')}\n onPress={() => onClearSelection()}\n isQuiet\n staticColor={isEmphasized ? 'white' : undefined}>\n <CrossLarge />\n </ActionButton>\n <Text UNSAFE_className={classNames(styles, 'react-spectrum-ActionBar-selectedCount')}>\n {lastCount === 'all'\n ? stringFormatter.format('selectedAll')\n : stringFormatter.format('selected', {count: lastCount})}\n </Text>\n </div>\n </div>\n </FocusScope>\n );\n}\n\nconst ActionBarInnerWithRef = React.forwardRef(ActionBarInner) as <T>(props: ActionBarInnerProps<T> & {ref?: Ref<HTMLDivElement>}) => ReactElement;\n\n/**\n * Action bars are used for single and bulk selection patterns when a user needs to perform actions on one or more items at the same time.\n */\nconst _ActionBar = React.forwardRef(ActionBar) as <T>(props: SpectrumActionBarProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_ActionBar as ActionBar};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}",".ActionBarContainer {\n display: flex;\n flex-direction: column;\n position: relative;\n\n & > :not(.react-spectrum-ActionBar) {\n flex: 1;\n min-height: 0;\n }\n\n & > .react-spectrum-ActionBar {\n flex: 0 0 auto;\n }\n}\n\n.react-spectrum-ActionBar {\n transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n /* Take up no space when not open */\n block-size: 0;\n opacity: 0;\n width: 100%;\n\n /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n overflow: hidden;\n\n &.is-open {\n height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .react-spectrum-ActionBar-bar {\n display: grid;\n grid-template-areas: \"clear selected . actiongroup\";\n grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n align-items: center;\n isolation: isolate;\n justify-content: space-between;\n padding: var(--spectrum-global-dimension-size-100);\n\n position: absolute;\n bottom: var(--spectrum-global-dimension-size-100);\n left: var(--spectrum-global-dimension-size-100);\n right: var(--spectrum-global-dimension-size-100);\n max-width: 960px;\n margin: 0 auto;\n\n background: var(--spectrum-global-color-gray-50);\n border-radius: var(--spectrum-popover-border-radius);\n border-style: solid;\n border-width: var(--spectrum-popover-border-size);\n border-color: var(--spectrum-popover-border-color);\n box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &.is-open .react-spectrum-ActionBar-bar {\n transform: translateY(0);\n }\n\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n background: var(--spectrum-global-color-static-blue-700);\n color: white;\n box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n border: none;\n }\n\n .react-spectrum-ActionBar-selectedCount {\n grid-area: selected;\n padding: 0 var(--spectrum-global-dimension-size-50);\n user-select: none;\n cursor: default;\n }\n\n .react-spectrum-ActionBar-actionGroup {\n grid-area: actiongroup;\n min-width: 0;\n }\n}\n@media (forced-colors: active) {\n .react-spectrum-ActionBar {\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n border: 1px solid transparent;\n }\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 {classNames, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React from 'react';\nimport {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nimport styles from './actionbar.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction ActionBarContainer(props: SpectrumActionBarContainerProps, ref: DOMRef<HTMLDivElement>) {\n // Grabs specific props from the closest Provider (see https://react-spectrum.adobe.com/react-spectrum/Provider.html#property-groups). Remove if your component doesn't support any of the listed props.\n props = useProviderProps(props);\n\n let {children} = props;\n let {styleProps} = useStyleProps(props);\n let domRef = useDOMRef(ref);\n\n return (\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n ref={domRef}\n className={classNames(styles, 'ActionBarContainer', styleProps.className)}>\n {children}\n </div>\n );\n}\n\n/**\n * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles\n * the ActionBar's position with respect to its linked component.\n */\nconst _ActionBarContainer = React.forwardRef(ActionBarContainer);\nexport {_ActionBarContainer as ActionBarContainer};\n"],"names":[],"version":3,"file":"module.js.map"}
1
+ {"mappings":";;;;AAAA;;;;;;;;;;CAUC,GACD,0CAA0C","sources":["packages/@react-spectrum/actionbar/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 */\n/// <reference types=\"css-module-types\" />\nexport {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\n"],"names":[],"version":3,"file":"module.js.map"}
package/dist/nb-NO.mjs CHANGED
@@ -9,4 +9,4 @@ $fef3c3414d151198$exports = {
9
9
 
10
10
 
11
11
  export {$fef3c3414d151198$exports as default};
12
- //# sourceMappingURL=nb-NO.module.js.map
12
+ //# sourceMappingURL=nb-NO.mjs.map
package/dist/nl-NL.mjs CHANGED
@@ -12,4 +12,4 @@ $3cfd427955fee95c$exports = {
12
12
 
13
13
 
14
14
  export {$3cfd427955fee95c$exports as default};
15
- //# sourceMappingURL=nl-NL.module.js.map
15
+ //# sourceMappingURL=nl-NL.mjs.map
package/dist/pl-PL.mjs CHANGED
@@ -9,4 +9,4 @@ $ecd102793531599a$exports = {
9
9
 
10
10
 
11
11
  export {$ecd102793531599a$exports as default};
12
- //# sourceMappingURL=pl-PL.module.js.map
12
+ //# sourceMappingURL=pl-PL.mjs.map
package/dist/pt-BR.mjs CHANGED
@@ -13,4 +13,4 @@ $70b0a95af4186e29$exports = {
13
13
 
14
14
 
15
15
  export {$70b0a95af4186e29$exports as default};
16
- //# sourceMappingURL=pt-BR.module.js.map
16
+ //# sourceMappingURL=pt-BR.mjs.map
package/dist/pt-PT.mjs CHANGED
@@ -13,4 +13,4 @@ $4b15e180aed5c52d$exports = {
13
13
 
14
14
 
15
15
  export {$4b15e180aed5c52d$exports as default};
16
- //# sourceMappingURL=pt-PT.module.js.map
16
+ //# sourceMappingURL=pt-PT.mjs.map
package/dist/ro-RO.mjs CHANGED
@@ -13,4 +13,4 @@ $d0ef0a1cef9c2d6c$exports = {
13
13
 
14
14
 
15
15
  export {$d0ef0a1cef9c2d6c$exports as default};
16
- //# sourceMappingURL=ro-RO.module.js.map
16
+ //# sourceMappingURL=ro-RO.mjs.map
package/dist/ru-RU.mjs CHANGED
@@ -9,4 +9,4 @@ $58fc1ff371f0c7fd$exports = {
9
9
 
10
10
 
11
11
  export {$58fc1ff371f0c7fd$exports as default};
12
- //# sourceMappingURL=ru-RU.module.js.map
12
+ //# sourceMappingURL=ru-RU.mjs.map
package/dist/sk-SK.mjs CHANGED
@@ -9,4 +9,4 @@ $b5f65f4e7988d1dd$exports = {
9
9
 
10
10
 
11
11
  export {$b5f65f4e7988d1dd$exports as default};
12
- //# sourceMappingURL=sk-SK.module.js.map
12
+ //# sourceMappingURL=sk-SK.mjs.map
package/dist/sl-SI.mjs CHANGED
@@ -9,4 +9,4 @@ $5409ad409aeaf678$exports = {
9
9
 
10
10
 
11
11
  export {$5409ad409aeaf678$exports as default};
12
- //# sourceMappingURL=sl-SI.module.js.map
12
+ //# sourceMappingURL=sl-SI.mjs.map
package/dist/sr-SP.mjs CHANGED
@@ -9,4 +9,4 @@ $43feb38b3d4bbf1f$exports = {
9
9
 
10
10
 
11
11
  export {$43feb38b3d4bbf1f$exports as default};
12
- //# sourceMappingURL=sr-SP.module.js.map
12
+ //# sourceMappingURL=sr-SP.mjs.map
package/dist/sv-SE.mjs CHANGED
@@ -13,4 +13,4 @@ $cbe41ff823ebe108$exports = {
13
13
 
14
14
 
15
15
  export {$cbe41ff823ebe108$exports as default};
16
- //# sourceMappingURL=sv-SE.module.js.map
16
+ //# sourceMappingURL=sv-SE.mjs.map
package/dist/tr-TR.mjs CHANGED
@@ -12,4 +12,4 @@ $57b680843fcbe09e$exports = {
12
12
 
13
13
 
14
14
  export {$57b680843fcbe09e$exports as default};
15
- //# sourceMappingURL=tr-TR.module.js.map
15
+ //# sourceMappingURL=tr-TR.mjs.map
package/dist/types.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import { DOMRef } from "@react-types/shared";
1
+ import { DOMRef, DOMRefValue } from "@react-types/shared";
2
2
  import React, { ReactElement } from "react";
3
3
  import { SpectrumActionBarProps, SpectrumActionBarContainerProps } from "@react-types/actionbar";
4
4
  /**
@@ -11,7 +11,7 @@ export const ActionBar: <T>(props: SpectrumActionBarProps<T> & {
11
11
  * ActionBarContainer wraps around an ActionBar and a component that supports selection. It handles
12
12
  * the ActionBar's position with respect to its linked component.
13
13
  */
14
- export const ActionBarContainer: React.ForwardRefExoticComponent<SpectrumActionBarContainerProps & React.RefAttributes<import("@react-types/shared").DOMRefValue<HTMLDivElement>>>;
14
+ export const ActionBarContainer: React.ForwardRefExoticComponent<SpectrumActionBarContainerProps & React.RefAttributes<DOMRefValue<HTMLDivElement>>>;
15
15
  export { Item } from '@react-stately/collections';
16
16
  export type { SpectrumActionBarContainerProps } from '@react-types/actionbar';
17
17
  export type { SpectrumActionBarProps } from '@react-types/actionbar';
@@ -1 +1 @@
1
- {"mappings":";;;AA0IA;;GAEG;AACH,OAAA,MAAM;UAA0F,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACtGzI;;;GAGG;AACH,OAAA,MAAM,qKAA0D,CAAC;AC7BjE,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAChD,YAAY,EAAC,+BAA+B,EAAC,MAAM,wBAAwB,CAAC;AAC5E,YAAY,EAAC,sBAAsB,EAAC,MAAM,wBAAwB,CAAC","sources":["packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/ActionBar.tsx","packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/ActionBarContainer.tsx","packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/index.ts","packages/@react-spectrum/actionbar/src/index.ts"],"sourcesContent":[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 */\n/// <reference types=\"css-module-types\" />\nexport {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
1
+ {"mappings":";;;AA0IA;;GAEG;AACH,OAAA,MAAM;UAA0F,OAAO,cAAc,CAAC;MAAM,YAAY,CAAC;ACtGzI;;;GAGG;AACH,OAAA,MAAM,uIAA0D,CAAC;AC7BjE,OAAO,EAAC,IAAI,EAAC,MAAM,4BAA4B,CAAC;AAChD,YAAY,EAAC,+BAA+B,EAAC,MAAM,wBAAwB,CAAC;AAC5E,YAAY,EAAC,sBAAsB,EAAC,MAAM,wBAAwB,CAAC","sources":["packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/ActionBar.tsx","packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/ActionBarContainer.tsx","packages/@react-spectrum/actionbar/src/packages/@react-spectrum/actionbar/src/index.ts","packages/@react-spectrum/actionbar/src/index.ts"],"sourcesContent":[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 */\n/// <reference types=\"css-module-types\" />\nexport {ActionBar} from './ActionBar';\nexport {ActionBarContainer} from './ActionBarContainer';\nexport {Item} from '@react-stately/collections';\nexport type {SpectrumActionBarContainerProps} from '@react-types/actionbar';\nexport type {SpectrumActionBarProps} from '@react-types/actionbar';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
package/dist/uk-UA.mjs CHANGED
@@ -9,4 +9,4 @@ $1e4c96bc308e0da2$exports = {
9
9
 
10
10
 
11
11
  export {$1e4c96bc308e0da2$exports as default};
12
- //# sourceMappingURL=uk-UA.module.js.map
12
+ //# sourceMappingURL=uk-UA.mjs.map
package/dist/zh-CN.mjs CHANGED
@@ -12,4 +12,4 @@ $18faa55a67dca8f3$exports = {
12
12
 
13
13
 
14
14
  export {$18faa55a67dca8f3$exports as default};
15
- //# sourceMappingURL=zh-CN.module.js.map
15
+ //# sourceMappingURL=zh-CN.mjs.map
package/dist/zh-TW.mjs CHANGED
@@ -12,4 +12,4 @@ $804c64c525579787$exports = {
12
12
 
13
13
 
14
14
  export {$804c64c525579787$exports as default};
15
- //# sourceMappingURL=zh-TW.module.js.map
15
+ //# sourceMappingURL=zh-TW.mjs.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/actionbar",
3
- "version": "3.4.4-nightly.4555+81162ea39",
3
+ "version": "3.4.4-nightly.4560+72775d272",
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.2843+81162ea39",
40
- "@react-aria/i18n": "3.0.0-nightly.2843+81162ea39",
41
- "@react-aria/interactions": "3.0.0-nightly.2843+81162ea39",
42
- "@react-aria/live-announcer": "3.0.0-nightly.2843+81162ea39",
43
- "@react-aria/utils": "3.0.0-nightly.2843+81162ea39",
44
- "@react-spectrum/actiongroup": "3.10.4-nightly.4555+81162ea39",
45
- "@react-spectrum/button": "3.0.0-nightly.2843+81162ea39",
46
- "@react-spectrum/overlays": "3.0.0-nightly.2843+81162ea39",
47
- "@react-spectrum/text": "3.5.4-nightly.4555+81162ea39",
48
- "@react-spectrum/utils": "3.0.0-nightly.2843+81162ea39",
49
- "@react-stately/collections": "3.0.0-nightly.2843+81162ea39",
50
- "@react-types/actionbar": "3.1.6-nightly.4555+81162ea39",
51
- "@react-types/shared": "3.0.0-nightly.2843+81162ea39",
52
- "@spectrum-icons/ui": "3.0.0-nightly.2843+81162ea39",
39
+ "@react-aria/focus": "3.0.0-nightly.2848+72775d272",
40
+ "@react-aria/i18n": "3.0.0-nightly.2848+72775d272",
41
+ "@react-aria/interactions": "3.0.0-nightly.2848+72775d272",
42
+ "@react-aria/live-announcer": "3.0.0-nightly.2848+72775d272",
43
+ "@react-aria/utils": "3.0.0-nightly.2848+72775d272",
44
+ "@react-spectrum/actiongroup": "3.10.4-nightly.4560+72775d272",
45
+ "@react-spectrum/button": "3.0.0-nightly.2848+72775d272",
46
+ "@react-spectrum/overlays": "3.0.0-nightly.2848+72775d272",
47
+ "@react-spectrum/text": "3.5.4-nightly.4560+72775d272",
48
+ "@react-spectrum/utils": "3.0.0-nightly.2848+72775d272",
49
+ "@react-stately/collections": "3.0.0-nightly.2848+72775d272",
50
+ "@react-types/actionbar": "3.1.6-nightly.4560+72775d272",
51
+ "@react-types/shared": "3.0.0-nightly.2848+72775d272",
52
+ "@spectrum-icons/ui": "3.0.0-nightly.2848+72775d272",
53
53
  "@swc/helpers": "^0.5.0"
54
54
  },
55
55
  "devDependencies": {
56
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2843+81162ea39"
56
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2848+72775d272"
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": "81162ea392926d06ec3d25c228e6f9b6b5479d59"
66
+ "gitHead": "72775d272be04cfa32d26ec821bc68513d92a72b"
67
67
  }
package/dist/module.css DELETED
@@ -1,83 +0,0 @@
1
- .R4yOqG_ActionBarContainer {
2
- flex-direction: column;
3
- display: flex;
4
- position: relative;
5
- }
6
-
7
- .R4yOqG_ActionBarContainer > :not(.R4yOqG_react-spectrum-ActionBar) {
8
- flex: 1;
9
- min-height: 0;
10
- }
11
-
12
- .R4yOqG_ActionBarContainer > .R4yOqG_react-spectrum-ActionBar {
13
- flex: none;
14
- }
15
-
16
- .R4yOqG_react-spectrum-ActionBar {
17
- transition: height var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
18
- opacity: 0;
19
- block-size: 0;
20
- width: 100%;
21
- overflow: hidden;
22
- }
23
-
24
- .R4yOqG_react-spectrum-ActionBar.R4yOqG_is-open {
25
- height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);
26
- opacity: 1;
27
- transition-delay: 0s;
28
- }
29
-
30
- .R4yOqG_react-spectrum-ActionBar .R4yOqG_react-spectrum-ActionBar-bar {
31
- grid-template-areas: "R4yOqG_clear R4yOqG_selected . R4yOqG_actiongroup";
32
- grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;
33
- isolation: isolate;
34
- padding: var(--spectrum-global-dimension-size-100);
35
- bottom: var(--spectrum-global-dimension-size-100);
36
- left: var(--spectrum-global-dimension-size-100);
37
- right: var(--spectrum-global-dimension-size-100);
38
- background: var(--spectrum-global-color-gray-50);
39
- border-radius: var(--spectrum-popover-border-radius, var(--spectrum-alias-border-radius-regular));
40
- border-style: solid;
41
- border-width: var(--spectrum-popover-border-size, var(--spectrum-alias-border-size-thin));
42
- border-color: var(--spectrum-popover-border-color, var(--spectrum-alias-border-color-dark));
43
- box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);
44
- transform: translateY(var(--spectrum-overlay-positive-transform-distance));
45
- transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
46
- justify-content: space-between;
47
- align-items: center;
48
- max-width: 960px;
49
- margin: 0 auto;
50
- display: grid;
51
- position: absolute;
52
- }
53
-
54
- .R4yOqG_react-spectrum-ActionBar.R4yOqG_is-open .R4yOqG_react-spectrum-ActionBar-bar {
55
- transform: translateY(0);
56
- }
57
-
58
- .R4yOqG_react-spectrum-ActionBar.R4yOqG_react-spectrum-ActionBar--emphasized .R4yOqG_react-spectrum-ActionBar-bar {
59
- background: var(--spectrum-global-color-static-blue-700, #0d66d0);
60
- color: #fff;
61
- box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);
62
- border: none;
63
- }
64
-
65
- .R4yOqG_react-spectrum-ActionBar .R4yOqG_react-spectrum-ActionBar-selectedCount {
66
- padding: 0 var(--spectrum-global-dimension-size-50);
67
- -webkit-user-select: none;
68
- user-select: none;
69
- cursor: default;
70
- grid-area: R4yOqG_selected;
71
- }
72
-
73
- .R4yOqG_react-spectrum-ActionBar .R4yOqG_react-spectrum-ActionBar-actionGroup {
74
- grid-area: R4yOqG_actiongroup;
75
- min-width: 0;
76
- }
77
-
78
- @media (forced-colors: active) {
79
- .R4yOqG_react-spectrum-ActionBar.R4yOqG_react-spectrum-ActionBar--emphasized .R4yOqG_react-spectrum-ActionBar-bar {
80
- border: 1px solid #0000;
81
- }
82
- }
83
- /*# sourceMappingURL=module.css.map */
@@ -1 +0,0 @@
1
- {"mappings":"AAAA;;;;;;AAKE;;;;;AAKA;;;;AAKF;;;;;;;;AAYE;;;;;;AAMA;;;;;;;;;;;;;;;;;;;;;;;;AA2BA;;;;AAIA;;;;;;;AAOA;;;;;;;;AAOA;;;;;AAMF;EAEI","sources":["packages/@react-spectrum/actionbar/src/actionbar.css"],"sourcesContent":[".ActionBarContainer {\n display: flex;\n flex-direction: column;\n position: relative;\n\n & > :not(.react-spectrum-ActionBar) {\n flex: 1;\n min-height: 0;\n }\n\n & > .react-spectrum-ActionBar {\n flex: 0 0 auto;\n }\n}\n\n.react-spectrum-ActionBar {\n transition: height var(--spectrum-global-animation-duration-100) ease-in-out,\n opacity var(--spectrum-global-animation-duration-100) ease-in-out;\n\n /* Take up no space when not open */\n block-size: 0;\n opacity: 0;\n width: 100%;\n\n /* Clip anything outside of us, whether we're open or not. This makes the animation smooth */\n overflow: hidden;\n\n &.is-open {\n height: calc(var(--spectrum-global-dimension-size-600) + var(--spectrum-global-dimension-size-100) * 2);\n opacity: 1;\n transition-delay: 0ms;\n }\n\n .react-spectrum-ActionBar-bar {\n display: grid;\n grid-template-areas: \"clear selected . actiongroup\";\n grid-template-columns: auto max-content minmax(var(--spectrum-global-dimension-size-300), 1fr) auto;\n align-items: center;\n isolation: isolate;\n justify-content: space-between;\n padding: var(--spectrum-global-dimension-size-100);\n\n position: absolute;\n bottom: var(--spectrum-global-dimension-size-100);\n left: var(--spectrum-global-dimension-size-100);\n right: var(--spectrum-global-dimension-size-100);\n max-width: 960px;\n margin: 0 auto;\n\n background: var(--spectrum-global-color-gray-50);\n border-radius: var(--spectrum-popover-border-radius);\n border-style: solid;\n border-width: var(--spectrum-popover-border-size);\n border-color: var(--spectrum-popover-border-color);\n box-shadow: 0 2px 8px var(--spectrum-alias-dropshadow-color);\n\n transform: translateY(var(--spectrum-overlay-positive-transform-distance));\n transition: transform var(--spectrum-global-animation-duration-100) ease-in-out;\n }\n\n &.is-open .react-spectrum-ActionBar-bar {\n transform: translateY(0);\n }\n\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n background: var(--spectrum-global-color-static-blue-700);\n color: white;\n box-shadow: 0 2px 6px var(--spectrum-alias-dropshadow-color);\n border: none;\n }\n\n .react-spectrum-ActionBar-selectedCount {\n grid-area: selected;\n padding: 0 var(--spectrum-global-dimension-size-50);\n user-select: none;\n cursor: default;\n }\n\n .react-spectrum-ActionBar-actionGroup {\n grid-area: actiongroup;\n min-width: 0;\n }\n}\n@media (forced-colors: active) {\n .react-spectrum-ActionBar {\n &.react-spectrum-ActionBar--emphasized .react-spectrum-ActionBar-bar {\n\n border: 1px solid transparent;\n }\n }\n}\n"],"names":[],"version":3,"file":"module.css.map"}