@react-spectrum/picker 3.14.4-nightly.4555 → 3.14.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.
- package/dist/Picker.main.js +238 -0
- package/dist/Picker.main.js.map +1 -0
- package/dist/Picker.mjs +233 -0
- package/dist/Picker.module.js +233 -0
- package/dist/Picker.module.js.map +1 -0
- package/dist/ar-AE.mjs +1 -1
- package/dist/bg-BG.mjs +1 -1
- package/dist/cs-CZ.mjs +1 -1
- package/dist/da-DK.mjs +1 -1
- package/dist/de-DE.mjs +1 -1
- package/dist/dropdown_vars_css.main.js +77 -0
- package/dist/dropdown_vars_css.main.js.map +1 -0
- package/dist/dropdown_vars_css.mjs +79 -0
- package/dist/dropdown_vars_css.module.js +79 -0
- package/dist/dropdown_vars_css.module.js.map +1 -0
- package/dist/el-GR.mjs +1 -1
- package/dist/en-US.mjs +1 -1
- package/dist/es-ES.mjs +1 -1
- package/dist/et-EE.mjs +1 -1
- package/dist/fi-FI.mjs +1 -1
- package/dist/fr-FR.mjs +1 -1
- package/dist/he-IL.mjs +1 -1
- package/dist/hr-HR.mjs +1 -1
- package/dist/hu-HU.mjs +1 -1
- package/dist/import.mjs +1 -409
- package/dist/intlStrings.main.js +108 -0
- package/dist/intlStrings.main.js.map +1 -0
- package/dist/intlStrings.mjs +110 -0
- package/dist/intlStrings.module.js +110 -0
- package/dist/intlStrings.module.js.map +1 -0
- package/dist/it-IT.mjs +1 -1
- package/dist/ja-JP.mjs +1 -1
- package/dist/ko-KR.mjs +1 -1
- package/dist/lt-LT.mjs +1 -1
- package/dist/lv-LV.mjs +1 -1
- package/dist/main.js +2 -406
- package/dist/main.js.map +1 -1
- package/dist/module.js +1 -409
- package/dist/module.js.map +1 -1
- package/dist/nb-NO.mjs +1 -1
- package/dist/nl-NL.mjs +1 -1
- package/dist/pl-PL.mjs +1 -1
- package/dist/pt-BR.mjs +1 -1
- package/dist/pt-PT.mjs +1 -1
- package/dist/ro-RO.mjs +1 -1
- package/dist/ru-RU.mjs +1 -1
- package/dist/sk-SK.mjs +1 -1
- package/dist/sl-SI.mjs +1 -1
- package/dist/sr-SP.mjs +1 -1
- package/dist/sv-SE.mjs +1 -1
- package/dist/tr-TR.mjs +1 -1
- package/dist/uk-UA.mjs +1 -1
- package/dist/{main.css → vars.7b6f8dc5.css} +1 -1
- package/dist/{main.css.map → vars.7b6f8dc5.css.map} +1 -1
- package/dist/zh-CN.mjs +1 -1
- package/dist/zh-TW.mjs +1 -1
- package/package.json +20 -20
- package/dist/module.css +0 -288
- package/dist/module.css.map +0 -1
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
import $3FUvv$arAEmodulejs from "./ar-AE.module.js";
|
|
2
|
+
import $3FUvv$bgBGmodulejs from "./bg-BG.module.js";
|
|
3
|
+
import $3FUvv$csCZmodulejs from "./cs-CZ.module.js";
|
|
4
|
+
import $3FUvv$daDKmodulejs from "./da-DK.module.js";
|
|
5
|
+
import $3FUvv$deDEmodulejs from "./de-DE.module.js";
|
|
6
|
+
import $3FUvv$elGRmodulejs from "./el-GR.module.js";
|
|
7
|
+
import $3FUvv$enUSmodulejs from "./en-US.module.js";
|
|
8
|
+
import $3FUvv$esESmodulejs from "./es-ES.module.js";
|
|
9
|
+
import $3FUvv$etEEmodulejs from "./et-EE.module.js";
|
|
10
|
+
import $3FUvv$fiFImodulejs from "./fi-FI.module.js";
|
|
11
|
+
import $3FUvv$frFRmodulejs from "./fr-FR.module.js";
|
|
12
|
+
import $3FUvv$heILmodulejs from "./he-IL.module.js";
|
|
13
|
+
import $3FUvv$hrHRmodulejs from "./hr-HR.module.js";
|
|
14
|
+
import $3FUvv$huHUmodulejs from "./hu-HU.module.js";
|
|
15
|
+
import $3FUvv$itITmodulejs from "./it-IT.module.js";
|
|
16
|
+
import $3FUvv$jaJPmodulejs from "./ja-JP.module.js";
|
|
17
|
+
import $3FUvv$koKRmodulejs from "./ko-KR.module.js";
|
|
18
|
+
import $3FUvv$ltLTmodulejs from "./lt-LT.module.js";
|
|
19
|
+
import $3FUvv$lvLVmodulejs from "./lv-LV.module.js";
|
|
20
|
+
import $3FUvv$nbNOmodulejs from "./nb-NO.module.js";
|
|
21
|
+
import $3FUvv$nlNLmodulejs from "./nl-NL.module.js";
|
|
22
|
+
import $3FUvv$plPLmodulejs from "./pl-PL.module.js";
|
|
23
|
+
import $3FUvv$ptBRmodulejs from "./pt-BR.module.js";
|
|
24
|
+
import $3FUvv$ptPTmodulejs from "./pt-PT.module.js";
|
|
25
|
+
import $3FUvv$roROmodulejs from "./ro-RO.module.js";
|
|
26
|
+
import $3FUvv$ruRUmodulejs from "./ru-RU.module.js";
|
|
27
|
+
import $3FUvv$skSKmodulejs from "./sk-SK.module.js";
|
|
28
|
+
import $3FUvv$slSImodulejs from "./sl-SI.module.js";
|
|
29
|
+
import $3FUvv$srSPmodulejs from "./sr-SP.module.js";
|
|
30
|
+
import $3FUvv$svSEmodulejs from "./sv-SE.module.js";
|
|
31
|
+
import $3FUvv$trTRmodulejs from "./tr-TR.module.js";
|
|
32
|
+
import $3FUvv$ukUAmodulejs from "./uk-UA.module.js";
|
|
33
|
+
import $3FUvv$zhCNmodulejs from "./zh-CN.module.js";
|
|
34
|
+
import $3FUvv$zhTWmodulejs from "./zh-TW.module.js";
|
|
35
|
+
|
|
36
|
+
var $45fc5064af81e0a8$exports = {};
|
|
37
|
+
|
|
38
|
+
|
|
39
|
+
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
|
|
53
|
+
|
|
54
|
+
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
|
|
58
|
+
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
|
|
63
|
+
|
|
64
|
+
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
|
|
68
|
+
|
|
69
|
+
|
|
70
|
+
|
|
71
|
+
$45fc5064af81e0a8$exports = {
|
|
72
|
+
"ar-AE": $3FUvv$arAEmodulejs,
|
|
73
|
+
"bg-BG": $3FUvv$bgBGmodulejs,
|
|
74
|
+
"cs-CZ": $3FUvv$csCZmodulejs,
|
|
75
|
+
"da-DK": $3FUvv$daDKmodulejs,
|
|
76
|
+
"de-DE": $3FUvv$deDEmodulejs,
|
|
77
|
+
"el-GR": $3FUvv$elGRmodulejs,
|
|
78
|
+
"en-US": $3FUvv$enUSmodulejs,
|
|
79
|
+
"es-ES": $3FUvv$esESmodulejs,
|
|
80
|
+
"et-EE": $3FUvv$etEEmodulejs,
|
|
81
|
+
"fi-FI": $3FUvv$fiFImodulejs,
|
|
82
|
+
"fr-FR": $3FUvv$frFRmodulejs,
|
|
83
|
+
"he-IL": $3FUvv$heILmodulejs,
|
|
84
|
+
"hr-HR": $3FUvv$hrHRmodulejs,
|
|
85
|
+
"hu-HU": $3FUvv$huHUmodulejs,
|
|
86
|
+
"it-IT": $3FUvv$itITmodulejs,
|
|
87
|
+
"ja-JP": $3FUvv$jaJPmodulejs,
|
|
88
|
+
"ko-KR": $3FUvv$koKRmodulejs,
|
|
89
|
+
"lt-LT": $3FUvv$ltLTmodulejs,
|
|
90
|
+
"lv-LV": $3FUvv$lvLVmodulejs,
|
|
91
|
+
"nb-NO": $3FUvv$nbNOmodulejs,
|
|
92
|
+
"nl-NL": $3FUvv$nlNLmodulejs,
|
|
93
|
+
"pl-PL": $3FUvv$plPLmodulejs,
|
|
94
|
+
"pt-BR": $3FUvv$ptBRmodulejs,
|
|
95
|
+
"pt-PT": $3FUvv$ptPTmodulejs,
|
|
96
|
+
"ro-RO": $3FUvv$roROmodulejs,
|
|
97
|
+
"ru-RU": $3FUvv$ruRUmodulejs,
|
|
98
|
+
"sk-SK": $3FUvv$skSKmodulejs,
|
|
99
|
+
"sl-SI": $3FUvv$slSImodulejs,
|
|
100
|
+
"sr-SP": $3FUvv$srSPmodulejs,
|
|
101
|
+
"sv-SE": $3FUvv$svSEmodulejs,
|
|
102
|
+
"tr-TR": $3FUvv$trTRmodulejs,
|
|
103
|
+
"uk-UA": $3FUvv$ukUAmodulejs,
|
|
104
|
+
"zh-CN": $3FUvv$zhCNmodulejs,
|
|
105
|
+
"zh-TW": $3FUvv$zhTWmodulejs
|
|
106
|
+
};
|
|
107
|
+
|
|
108
|
+
|
|
109
|
+
export {$45fc5064af81e0a8$exports as default};
|
|
110
|
+
//# sourceMappingURL=intlStrings.module.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,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","sources":["packages/@react-spectrum/picker/src/*.js"],"sourcesContent":["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}"],"names":[],"version":3,"file":"intlStrings.module.js.map"}
|
package/dist/it-IT.mjs
CHANGED
package/dist/ja-JP.mjs
CHANGED
package/dist/ko-KR.mjs
CHANGED
package/dist/lt-LT.mjs
CHANGED
package/dist/lv-LV.mjs
CHANGED
package/dist/main.js
CHANGED
|
@@ -1,67 +1,12 @@
|
|
|
1
|
-
var $
|
|
2
|
-
var $146876e2177a34aa$exports = require("./bg-BG.main.js");
|
|
3
|
-
var $7349bb6d8a31ab4d$exports = require("./cs-CZ.main.js");
|
|
4
|
-
var $22b13068b0faa1ee$exports = require("./da-DK.main.js");
|
|
5
|
-
var $f6f852b8e013557d$exports = require("./de-DE.main.js");
|
|
6
|
-
var $637897118d3f68d8$exports = require("./el-GR.main.js");
|
|
7
|
-
var $700f837bfbf941fe$exports = require("./en-US.main.js");
|
|
8
|
-
var $e282d05496cfad1f$exports = require("./es-ES.main.js");
|
|
9
|
-
var $48a0d21d9506984b$exports = require("./et-EE.main.js");
|
|
10
|
-
var $3fb5f1756acecef2$exports = require("./fi-FI.main.js");
|
|
11
|
-
var $0290f6379e910cd9$exports = require("./fr-FR.main.js");
|
|
12
|
-
var $3d4dfe62507241ac$exports = require("./he-IL.main.js");
|
|
13
|
-
var $d2de2dae9493507c$exports = require("./hr-HR.main.js");
|
|
14
|
-
var $3e1bdddd8bf290da$exports = require("./hu-HU.main.js");
|
|
15
|
-
var $97be3e7a38e5c495$exports = require("./it-IT.main.js");
|
|
16
|
-
var $78bf12aa1b42968d$exports = require("./ja-JP.main.js");
|
|
17
|
-
var $670fecc37f4b8108$exports = require("./ko-KR.main.js");
|
|
18
|
-
var $5e5d0618bf4f3327$exports = require("./lt-LT.main.js");
|
|
19
|
-
var $0d3d0fdc7f4f8388$exports = require("./lv-LV.main.js");
|
|
20
|
-
var $9f49317ff63b766b$exports = require("./nb-NO.main.js");
|
|
21
|
-
var $57fc5bc347087de7$exports = require("./nl-NL.main.js");
|
|
22
|
-
var $d3f8820431992168$exports = require("./pl-PL.main.js");
|
|
23
|
-
var $c6002ee953000561$exports = require("./pt-BR.main.js");
|
|
24
|
-
var $743a55d845ecf1ea$exports = require("./pt-PT.main.js");
|
|
25
|
-
var $86b5655730fca6eb$exports = require("./ro-RO.main.js");
|
|
26
|
-
var $a6a9d47612edd183$exports = require("./ru-RU.main.js");
|
|
27
|
-
var $18de310aa582d102$exports = require("./sk-SK.main.js");
|
|
28
|
-
var $d3a70391c7504501$exports = require("./sl-SI.main.js");
|
|
29
|
-
var $58bfffdba11d41e8$exports = require("./sr-SP.main.js");
|
|
30
|
-
var $3ddb7e24330a8914$exports = require("./sv-SE.main.js");
|
|
31
|
-
var $a18856d5cf06f4a4$exports = require("./tr-TR.main.js");
|
|
32
|
-
var $a5401074209ec434$exports = require("./uk-UA.main.js");
|
|
33
|
-
var $3ff296eeb695953b$exports = require("./zh-CN.main.js");
|
|
34
|
-
var $d34d51bd3b86cf19$exports = require("./zh-TW.main.js");
|
|
35
|
-
require("./main.css");
|
|
1
|
+
var $902e54cfaa4270a9$exports = require("./Picker.main.js");
|
|
36
2
|
var $4FjNO$reactstatelycollections = require("@react-stately/collections");
|
|
37
|
-
var $4FjNO$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
|
|
38
|
-
var $4FjNO$spectrumiconsuiChevronDownMedium = require("@spectrum-icons/ui/ChevronDownMedium");
|
|
39
|
-
var $4FjNO$reactspectrumutils = require("@react-spectrum/utils");
|
|
40
|
-
var $4FjNO$reactspectrumlabel = require("@react-spectrum/label");
|
|
41
|
-
var $4FjNO$reactspectrumbutton = require("@react-spectrum/button");
|
|
42
|
-
var $4FjNO$reactariaselect = require("@react-aria/select");
|
|
43
|
-
var $4FjNO$reactspectrumlistbox = require("@react-spectrum/listbox");
|
|
44
|
-
var $4FjNO$reactariautils = require("@react-aria/utils");
|
|
45
|
-
var $4FjNO$reactspectrumoverlays = require("@react-spectrum/overlays");
|
|
46
|
-
var $4FjNO$reactariainteractions = require("@react-aria/interactions");
|
|
47
|
-
var $4FjNO$reactspectrumprogress = require("@react-spectrum/progress");
|
|
48
|
-
var $4FjNO$react = require("react");
|
|
49
|
-
var $4FjNO$reactspectrumtext = require("@react-spectrum/text");
|
|
50
|
-
var $4FjNO$reactspectrumform = require("@react-spectrum/form");
|
|
51
|
-
var $4FjNO$reactariai18n = require("@react-aria/i18n");
|
|
52
|
-
var $4FjNO$reactspectrumprovider = require("@react-spectrum/provider");
|
|
53
|
-
var $4FjNO$reactstatelyselect = require("@react-stately/select");
|
|
54
3
|
|
|
55
4
|
|
|
56
5
|
function $parcel$export(e, n, v, s) {
|
|
57
6
|
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
58
7
|
}
|
|
59
8
|
|
|
60
|
-
|
|
61
|
-
return a && a.__esModule ? a.default : a;
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
$parcel$export(module.exports, "Picker", () => $902e54cfaa4270a9$export$ba25329847403e11);
|
|
9
|
+
$parcel$export(module.exports, "Picker", () => $902e54cfaa4270a9$exports.Picker);
|
|
65
10
|
$parcel$export(module.exports, "Item", () => $4FjNO$reactstatelycollections.Item);
|
|
66
11
|
$parcel$export(module.exports, "Section", () => $4FjNO$reactstatelycollections.Section);
|
|
67
12
|
/*
|
|
@@ -75,355 +20,6 @@ $parcel$export(module.exports, "Section", () => $4FjNO$reactstatelycollections.S
|
|
|
75
20
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
76
21
|
* governing permissions and limitations under the License.
|
|
77
22
|
*/ /// <reference types="css-module-types" />
|
|
78
|
-
/*
|
|
79
|
-
* Copyright 2020 Adobe. All rights reserved.
|
|
80
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
81
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
82
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
83
|
-
*
|
|
84
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
85
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
86
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
87
|
-
* governing permissions and limitations under the License.
|
|
88
|
-
*/
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
var $b95bf71d4a256ee8$exports = {};
|
|
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
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
$b95bf71d4a256ee8$exports = {
|
|
130
|
-
"ar-AE": $f7a89742a1d9c438$exports,
|
|
131
|
-
"bg-BG": $146876e2177a34aa$exports,
|
|
132
|
-
"cs-CZ": $7349bb6d8a31ab4d$exports,
|
|
133
|
-
"da-DK": $22b13068b0faa1ee$exports,
|
|
134
|
-
"de-DE": $f6f852b8e013557d$exports,
|
|
135
|
-
"el-GR": $637897118d3f68d8$exports,
|
|
136
|
-
"en-US": $700f837bfbf941fe$exports,
|
|
137
|
-
"es-ES": $e282d05496cfad1f$exports,
|
|
138
|
-
"et-EE": $48a0d21d9506984b$exports,
|
|
139
|
-
"fi-FI": $3fb5f1756acecef2$exports,
|
|
140
|
-
"fr-FR": $0290f6379e910cd9$exports,
|
|
141
|
-
"he-IL": $3d4dfe62507241ac$exports,
|
|
142
|
-
"hr-HR": $d2de2dae9493507c$exports,
|
|
143
|
-
"hu-HU": $3e1bdddd8bf290da$exports,
|
|
144
|
-
"it-IT": $97be3e7a38e5c495$exports,
|
|
145
|
-
"ja-JP": $78bf12aa1b42968d$exports,
|
|
146
|
-
"ko-KR": $670fecc37f4b8108$exports,
|
|
147
|
-
"lt-LT": $5e5d0618bf4f3327$exports,
|
|
148
|
-
"lv-LV": $0d3d0fdc7f4f8388$exports,
|
|
149
|
-
"nb-NO": $9f49317ff63b766b$exports,
|
|
150
|
-
"nl-NL": $57fc5bc347087de7$exports,
|
|
151
|
-
"pl-PL": $d3f8820431992168$exports,
|
|
152
|
-
"pt-BR": $c6002ee953000561$exports,
|
|
153
|
-
"pt-PT": $743a55d845ecf1ea$exports,
|
|
154
|
-
"ro-RO": $86b5655730fca6eb$exports,
|
|
155
|
-
"ru-RU": $a6a9d47612edd183$exports,
|
|
156
|
-
"sk-SK": $18de310aa582d102$exports,
|
|
157
|
-
"sl-SI": $d3a70391c7504501$exports,
|
|
158
|
-
"sr-SP": $58bfffdba11d41e8$exports,
|
|
159
|
-
"sv-SE": $3ddb7e24330a8914$exports,
|
|
160
|
-
"tr-TR": $a18856d5cf06f4a4$exports,
|
|
161
|
-
"uk-UA": $a5401074209ec434$exports,
|
|
162
|
-
"zh-CN": $3ff296eeb695953b$exports,
|
|
163
|
-
"zh-TW": $d34d51bd3b86cf19$exports
|
|
164
|
-
};
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
var $b39b306bfc9a5551$exports = {};
|
|
174
|
-
|
|
175
|
-
$parcel$export($b39b306bfc9a5551$exports, "focus-ring", () => $b39b306bfc9a5551$export$f39a09f249340e2a, (v) => $b39b306bfc9a5551$export$f39a09f249340e2a = v);
|
|
176
|
-
$parcel$export($b39b306bfc9a5551$exports, "i18nFontFamily", () => $b39b306bfc9a5551$export$8c4ee2c50c22c514, (v) => $b39b306bfc9a5551$export$8c4ee2c50c22c514 = v);
|
|
177
|
-
$parcel$export($b39b306bfc9a5551$exports, "is-disabled", () => $b39b306bfc9a5551$export$d35bc1e505d1ebbf, (v) => $b39b306bfc9a5551$export$d35bc1e505d1ebbf = v);
|
|
178
|
-
$parcel$export($b39b306bfc9a5551$exports, "is-hovered", () => $b39b306bfc9a5551$export$b8813cd5d7824ce7, (v) => $b39b306bfc9a5551$export$b8813cd5d7824ce7 = v);
|
|
179
|
-
$parcel$export($b39b306bfc9a5551$exports, "is-invalid", () => $b39b306bfc9a5551$export$14a30de2866685fa, (v) => $b39b306bfc9a5551$export$14a30de2866685fa = v);
|
|
180
|
-
$parcel$export($b39b306bfc9a5551$exports, "is-placeholder", () => $b39b306bfc9a5551$export$e5b2f5233e4e5194, (v) => $b39b306bfc9a5551$export$e5b2f5233e4e5194 = v);
|
|
181
|
-
$parcel$export($b39b306bfc9a5551$exports, "is-selected", () => $b39b306bfc9a5551$export$1e0fb04f31d3c22a, (v) => $b39b306bfc9a5551$export$1e0fb04f31d3c22a = v);
|
|
182
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown", () => $b39b306bfc9a5551$export$f33c6833ddc773bd, (v) => $b39b306bfc9a5551$export$f33c6833ddc773bd = v);
|
|
183
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown--quiet", () => $b39b306bfc9a5551$export$b2306417a70c7a62, (v) => $b39b306bfc9a5551$export$b2306417a70c7a62 = v);
|
|
184
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-avatar", () => $b39b306bfc9a5551$export$f8e5a201376aedb0, (v) => $b39b306bfc9a5551$export$f8e5a201376aedb0 = v);
|
|
185
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-chevron", () => $b39b306bfc9a5551$export$abbb0cf96dbbb8a0, (v) => $b39b306bfc9a5551$export$abbb0cf96dbbb8a0 = v);
|
|
186
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-fieldWrapper--positionSide", () => $b39b306bfc9a5551$export$c0b4e9596538c7b1, (v) => $b39b306bfc9a5551$export$c0b4e9596538c7b1 = v);
|
|
187
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-fieldWrapper--quiet", () => $b39b306bfc9a5551$export$66ddc2410b0e9eba, (v) => $b39b306bfc9a5551$export$66ddc2410b0e9eba = v);
|
|
188
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-invalidIcon", () => $b39b306bfc9a5551$export$a32fdb5a063ea755, (v) => $b39b306bfc9a5551$export$a32fdb5a063ea755 = v);
|
|
189
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-label", () => $b39b306bfc9a5551$export$1235a00795b885e7, (v) => $b39b306bfc9a5551$export$1235a00795b885e7 = v);
|
|
190
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-popover--quiet", () => $b39b306bfc9a5551$export$cbeaf986973c0633, (v) => $b39b306bfc9a5551$export$cbeaf986973c0633 = v);
|
|
191
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-progressCircle", () => $b39b306bfc9a5551$export$18281c34cabbd13f, (v) => $b39b306bfc9a5551$export$18281c34cabbd13f = v);
|
|
192
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Dropdown-trigger", () => $b39b306bfc9a5551$export$37a6d27a7cb47ce5, (v) => $b39b306bfc9a5551$export$37a6d27a7cb47ce5 = v);
|
|
193
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Field", () => $b39b306bfc9a5551$export$f6d480ae1e56eba0, (v) => $b39b306bfc9a5551$export$f6d480ae1e56eba0 = v);
|
|
194
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-FocusRing-ring", () => $b39b306bfc9a5551$export$4109102f950813a6, (v) => $b39b306bfc9a5551$export$4109102f950813a6 = v);
|
|
195
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-FocusRing", () => $b39b306bfc9a5551$export$24c7f46a6e3605dd, (v) => $b39b306bfc9a5551$export$24c7f46a6e3605dd = v);
|
|
196
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-FocusRing--quiet", () => $b39b306bfc9a5551$export$2927016961429360, (v) => $b39b306bfc9a5551$export$2927016961429360 = v);
|
|
197
|
-
$parcel$export($b39b306bfc9a5551$exports, "spectrum-Icon", () => $b39b306bfc9a5551$export$d374b04f30360026, (v) => $b39b306bfc9a5551$export$d374b04f30360026 = v);
|
|
198
|
-
var $b39b306bfc9a5551$export$f39a09f249340e2a;
|
|
199
|
-
var $b39b306bfc9a5551$export$8c4ee2c50c22c514;
|
|
200
|
-
var $b39b306bfc9a5551$export$d35bc1e505d1ebbf;
|
|
201
|
-
var $b39b306bfc9a5551$export$b8813cd5d7824ce7;
|
|
202
|
-
var $b39b306bfc9a5551$export$14a30de2866685fa;
|
|
203
|
-
var $b39b306bfc9a5551$export$e5b2f5233e4e5194;
|
|
204
|
-
var $b39b306bfc9a5551$export$1e0fb04f31d3c22a;
|
|
205
|
-
var $b39b306bfc9a5551$export$f33c6833ddc773bd;
|
|
206
|
-
var $b39b306bfc9a5551$export$b2306417a70c7a62;
|
|
207
|
-
var $b39b306bfc9a5551$export$f8e5a201376aedb0;
|
|
208
|
-
var $b39b306bfc9a5551$export$abbb0cf96dbbb8a0;
|
|
209
|
-
var $b39b306bfc9a5551$export$c0b4e9596538c7b1;
|
|
210
|
-
var $b39b306bfc9a5551$export$66ddc2410b0e9eba;
|
|
211
|
-
var $b39b306bfc9a5551$export$a32fdb5a063ea755;
|
|
212
|
-
var $b39b306bfc9a5551$export$1235a00795b885e7;
|
|
213
|
-
var $b39b306bfc9a5551$export$cbeaf986973c0633;
|
|
214
|
-
var $b39b306bfc9a5551$export$18281c34cabbd13f;
|
|
215
|
-
var $b39b306bfc9a5551$export$37a6d27a7cb47ce5;
|
|
216
|
-
var $b39b306bfc9a5551$export$f6d480ae1e56eba0;
|
|
217
|
-
var $b39b306bfc9a5551$export$4109102f950813a6;
|
|
218
|
-
var $b39b306bfc9a5551$export$24c7f46a6e3605dd;
|
|
219
|
-
var $b39b306bfc9a5551$export$2927016961429360;
|
|
220
|
-
var $b39b306bfc9a5551$export$d374b04f30360026;
|
|
221
|
-
$b39b306bfc9a5551$export$f39a09f249340e2a = `PBsjDW_focus-ring`;
|
|
222
|
-
$b39b306bfc9a5551$export$8c4ee2c50c22c514 = `PBsjDW_i18nFontFamily`;
|
|
223
|
-
$b39b306bfc9a5551$export$d35bc1e505d1ebbf = `PBsjDW_is-disabled`;
|
|
224
|
-
$b39b306bfc9a5551$export$b8813cd5d7824ce7 = `PBsjDW_is-hovered`;
|
|
225
|
-
$b39b306bfc9a5551$export$14a30de2866685fa = `PBsjDW_is-invalid`;
|
|
226
|
-
$b39b306bfc9a5551$export$e5b2f5233e4e5194 = `PBsjDW_is-placeholder`;
|
|
227
|
-
$b39b306bfc9a5551$export$1e0fb04f31d3c22a = `PBsjDW_is-selected`;
|
|
228
|
-
$b39b306bfc9a5551$export$f33c6833ddc773bd = `PBsjDW_spectrum-Dropdown`;
|
|
229
|
-
$b39b306bfc9a5551$export$b2306417a70c7a62 = `PBsjDW_spectrum-Dropdown--quiet`;
|
|
230
|
-
$b39b306bfc9a5551$export$f8e5a201376aedb0 = `PBsjDW_spectrum-Dropdown-avatar`;
|
|
231
|
-
$b39b306bfc9a5551$export$abbb0cf96dbbb8a0 = `PBsjDW_spectrum-Dropdown-chevron`;
|
|
232
|
-
$b39b306bfc9a5551$export$c0b4e9596538c7b1 = `PBsjDW_spectrum-Dropdown-fieldWrapper--positionSide`;
|
|
233
|
-
$b39b306bfc9a5551$export$66ddc2410b0e9eba = `PBsjDW_spectrum-Dropdown-fieldWrapper--quiet`;
|
|
234
|
-
$b39b306bfc9a5551$export$a32fdb5a063ea755 = `PBsjDW_spectrum-Dropdown-invalidIcon`;
|
|
235
|
-
$b39b306bfc9a5551$export$1235a00795b885e7 = `PBsjDW_spectrum-Dropdown-label`;
|
|
236
|
-
$b39b306bfc9a5551$export$cbeaf986973c0633 = `PBsjDW_spectrum-Dropdown-popover--quiet`;
|
|
237
|
-
$b39b306bfc9a5551$export$18281c34cabbd13f = `PBsjDW_spectrum-Dropdown-progressCircle`;
|
|
238
|
-
$b39b306bfc9a5551$export$37a6d27a7cb47ce5 = `PBsjDW_spectrum-Dropdown-trigger`;
|
|
239
|
-
$b39b306bfc9a5551$export$f6d480ae1e56eba0 = `PBsjDW_spectrum-Field`;
|
|
240
|
-
$b39b306bfc9a5551$export$4109102f950813a6 = `PBsjDW_spectrum-FocusRing-ring`;
|
|
241
|
-
$b39b306bfc9a5551$export$24c7f46a6e3605dd = `PBsjDW_spectrum-FocusRing ${$b39b306bfc9a5551$export$4109102f950813a6}`;
|
|
242
|
-
$b39b306bfc9a5551$export$2927016961429360 = `PBsjDW_spectrum-FocusRing--quiet`;
|
|
243
|
-
$b39b306bfc9a5551$export$d374b04f30360026 = `PBsjDW_spectrum-Icon`;
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
function $902e54cfaa4270a9$var$Picker(props, ref) {
|
|
252
|
-
props = (0, $4FjNO$reactspectrumutils.useSlotProps)(props, "picker");
|
|
253
|
-
props = (0, $4FjNO$reactspectrumprovider.useProviderProps)(props);
|
|
254
|
-
props = (0, $4FjNO$reactspectrumform.useFormProps)(props);
|
|
255
|
-
let stringFormatter = (0, $4FjNO$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($b95bf71d4a256ee8$exports))), "@react-spectrum/picker");
|
|
256
|
-
let { autoComplete: autoComplete, isDisabled: isDisabled, direction: direction = "bottom", align: align = "start", shouldFlip: shouldFlip = true, placeholder: placeholder = stringFormatter.format("placeholder"), isQuiet: isQuiet, label: label, labelPosition: labelPosition = "top", menuWidth: menuWidth, name: name, autoFocus: autoFocus } = props;
|
|
257
|
-
let state = (0, $4FjNO$reactstatelyselect.useSelectState)(props);
|
|
258
|
-
let domRef = (0, $4FjNO$reactspectrumutils.useDOMRef)(ref);
|
|
259
|
-
let popoverRef = (0, $4FjNO$react.useRef)();
|
|
260
|
-
let triggerRef = (0, $4FjNO$react.useRef)();
|
|
261
|
-
let unwrappedTriggerRef = (0, $4FjNO$reactspectrumutils.useUnwrapDOMRef)(triggerRef);
|
|
262
|
-
let listboxRef = (0, $4FjNO$react.useRef)();
|
|
263
|
-
let isLoadingInitial = props.isLoading && state.collection.size === 0;
|
|
264
|
-
let isLoadingMore = props.isLoading && state.collection.size > 0;
|
|
265
|
-
let progressCircleId = (0, $4FjNO$reactariautils.useId)();
|
|
266
|
-
// We create the listbox layout in Picker and pass it to ListBoxBase below
|
|
267
|
-
// so that the layout information can be cached even while the listbox is not mounted.
|
|
268
|
-
// We also use the layout as the keyboard delegate for type to select.
|
|
269
|
-
let layout = (0, $4FjNO$reactspectrumlistbox.useListBoxLayout)(state, isLoadingMore);
|
|
270
|
-
let { labelProps: labelProps, triggerProps: triggerProps, valueProps: valueProps, menuProps: menuProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $4FjNO$reactariaselect.useSelect)({
|
|
271
|
-
...props,
|
|
272
|
-
"aria-describedby": isLoadingInitial ? progressCircleId : undefined,
|
|
273
|
-
keyboardDelegate: layout
|
|
274
|
-
}, state, unwrappedTriggerRef);
|
|
275
|
-
let isMobile = (0, $4FjNO$reactspectrumutils.useIsMobileDevice)();
|
|
276
|
-
let { hoverProps: hoverProps, isHovered: isHovered } = (0, $4FjNO$reactariainteractions.useHover)({
|
|
277
|
-
isDisabled: isDisabled
|
|
278
|
-
});
|
|
279
|
-
// On small screen devices, the listbox is rendered in a tray, otherwise a popover.
|
|
280
|
-
let listbox = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumlistbox.ListBoxBase), {
|
|
281
|
-
...menuProps,
|
|
282
|
-
ref: listboxRef,
|
|
283
|
-
disallowEmptySelection: true,
|
|
284
|
-
autoFocus: state.focusStrategy || true,
|
|
285
|
-
shouldSelectOnPressUp: true,
|
|
286
|
-
focusOnPointerEnter: true,
|
|
287
|
-
layout: layout,
|
|
288
|
-
state: state,
|
|
289
|
-
width: isMobile ? "100%" : undefined,
|
|
290
|
-
// Set max height: inherit so Tray scrolling works
|
|
291
|
-
UNSAFE_style: {
|
|
292
|
-
maxHeight: "inherit"
|
|
293
|
-
},
|
|
294
|
-
isLoading: props.isLoading,
|
|
295
|
-
onLoadMore: props.onLoadMore
|
|
296
|
-
});
|
|
297
|
-
// Measure the width of the button to inform the width of the menu (below).
|
|
298
|
-
let [buttonWidth, setButtonWidth] = (0, $4FjNO$react.useState)(null);
|
|
299
|
-
let { scale: scale } = (0, $4FjNO$reactspectrumprovider.useProvider)();
|
|
300
|
-
let onResize = (0, $4FjNO$react.useCallback)(()=>{
|
|
301
|
-
if (!isMobile && unwrappedTriggerRef.current) {
|
|
302
|
-
let width = unwrappedTriggerRef.current.offsetWidth;
|
|
303
|
-
setButtonWidth(width);
|
|
304
|
-
}
|
|
305
|
-
}, [
|
|
306
|
-
unwrappedTriggerRef,
|
|
307
|
-
setButtonWidth,
|
|
308
|
-
isMobile
|
|
309
|
-
]);
|
|
310
|
-
(0, $4FjNO$reactariautils.useResizeObserver)({
|
|
311
|
-
ref: unwrappedTriggerRef,
|
|
312
|
-
onResize: onResize
|
|
313
|
-
});
|
|
314
|
-
(0, $4FjNO$reactariautils.useLayoutEffect)(onResize, [
|
|
315
|
-
scale,
|
|
316
|
-
state.selectedKey,
|
|
317
|
-
onResize
|
|
318
|
-
]);
|
|
319
|
-
let overlay;
|
|
320
|
-
if (isMobile) overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumoverlays.Tray), {
|
|
321
|
-
state: state
|
|
322
|
-
}, listbox);
|
|
323
|
-
else {
|
|
324
|
-
// If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.
|
|
325
|
-
// Always have a minimum width of the button width. When quiet, there is an extra offset to add.
|
|
326
|
-
// Not using style props for this because they don't support `calc`.
|
|
327
|
-
let width = isQuiet ? null : buttonWidth;
|
|
328
|
-
let style = {
|
|
329
|
-
width: menuWidth ? (0, $4FjNO$reactspectrumutils.dimensionValue)(menuWidth) : width,
|
|
330
|
-
minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth
|
|
331
|
-
};
|
|
332
|
-
overlay = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumoverlays.Popover), {
|
|
333
|
-
UNSAFE_style: style,
|
|
334
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-popover", {
|
|
335
|
-
"spectrum-Dropdown-popover--quiet": isQuiet
|
|
336
|
-
}),
|
|
337
|
-
ref: popoverRef,
|
|
338
|
-
placement: `${direction} ${align}`,
|
|
339
|
-
shouldFlip: shouldFlip,
|
|
340
|
-
hideArrow: true,
|
|
341
|
-
state: state,
|
|
342
|
-
triggerRef: unwrappedTriggerRef,
|
|
343
|
-
scrollRef: listboxRef
|
|
344
|
-
}, listbox);
|
|
345
|
-
}
|
|
346
|
-
let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;
|
|
347
|
-
if (typeof contents === "string") contents = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumtext.Text), null, contents);
|
|
348
|
-
let picker = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement("div", {
|
|
349
|
-
className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown", {
|
|
350
|
-
"is-invalid": isInvalid && !isDisabled,
|
|
351
|
-
"is-disabled": isDisabled,
|
|
352
|
-
"spectrum-Dropdown--quiet": isQuiet
|
|
353
|
-
})
|
|
354
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactariaselect.HiddenSelect), {
|
|
355
|
-
autoComplete: autoComplete,
|
|
356
|
-
isDisabled: isDisabled,
|
|
357
|
-
state: state,
|
|
358
|
-
triggerRef: unwrappedTriggerRef,
|
|
359
|
-
label: label,
|
|
360
|
-
name: name
|
|
361
|
-
}), /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactariainteractions.PressResponder), (0, $4FjNO$reactariautils.mergeProps)(hoverProps, triggerProps), /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumbutton.FieldButton), {
|
|
362
|
-
ref: triggerRef,
|
|
363
|
-
isActive: state.isOpen,
|
|
364
|
-
isQuiet: isQuiet,
|
|
365
|
-
isDisabled: isDisabled,
|
|
366
|
-
isInvalid: isInvalid,
|
|
367
|
-
autoFocus: autoFocus,
|
|
368
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-trigger", {
|
|
369
|
-
"is-hovered": isHovered
|
|
370
|
-
})
|
|
371
|
-
}, /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumutils.SlotProvider), {
|
|
372
|
-
slots: {
|
|
373
|
-
icon: {
|
|
374
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Icon"),
|
|
375
|
-
size: "S"
|
|
376
|
-
},
|
|
377
|
-
avatar: {
|
|
378
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-avatar"),
|
|
379
|
-
size: "avatar-size-100"
|
|
380
|
-
},
|
|
381
|
-
text: {
|
|
382
|
-
...valueProps,
|
|
383
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-label", {
|
|
384
|
-
"is-placeholder": !state.selectedItem
|
|
385
|
-
})
|
|
386
|
-
},
|
|
387
|
-
description: {
|
|
388
|
-
isHidden: true
|
|
389
|
-
}
|
|
390
|
-
}
|
|
391
|
-
}, contents), isLoadingInitial && /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumprogress.ProgressCircle), {
|
|
392
|
-
id: progressCircleId,
|
|
393
|
-
isIndeterminate: true,
|
|
394
|
-
size: "S",
|
|
395
|
-
"aria-label": stringFormatter.format("loading"),
|
|
396
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-progressCircle")
|
|
397
|
-
}), isInvalid && !isLoadingInitial && !isDisabled && /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, ($parcel$interopDefault($4FjNO$spectrumiconsuiAlertMedium))), {
|
|
398
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-invalidIcon")
|
|
399
|
-
}), /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, ($parcel$interopDefault($4FjNO$spectrumiconsuiChevronDownMedium))), {
|
|
400
|
-
UNSAFE_className: (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Dropdown-chevron")
|
|
401
|
-
}))), state.collection.size === 0 ? null : overlay);
|
|
402
|
-
let wrapperClassName = (0, $4FjNO$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($b39b306bfc9a5551$exports))), "spectrum-Field", {
|
|
403
|
-
"spectrum-Dropdown-fieldWrapper--quiet": isQuiet,
|
|
404
|
-
"spectrum-Dropdown-fieldWrapper--positionSide": labelPosition === "side"
|
|
405
|
-
});
|
|
406
|
-
return /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).createElement((0, $4FjNO$reactspectrumlabel.Field), {
|
|
407
|
-
...props,
|
|
408
|
-
ref: domRef,
|
|
409
|
-
wrapperClassName: wrapperClassName,
|
|
410
|
-
labelProps: labelProps,
|
|
411
|
-
descriptionProps: descriptionProps,
|
|
412
|
-
errorMessageProps: errorMessageProps,
|
|
413
|
-
isInvalid: isInvalid,
|
|
414
|
-
validationErrors: validationErrors,
|
|
415
|
-
validationDetails: validationDetails,
|
|
416
|
-
showErrorIcon: false,
|
|
417
|
-
includeNecessityIndicatorInAccessibilityName: true,
|
|
418
|
-
elementType: "span"
|
|
419
|
-
}, picker);
|
|
420
|
-
}
|
|
421
|
-
/**
|
|
422
|
-
* Pickers allow users to choose a single option from a collapsible list of options when space is limited.
|
|
423
|
-
*/ // forwardRef doesn't support generic parameters, so cast the result to the correct type
|
|
424
|
-
// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref
|
|
425
|
-
const $902e54cfaa4270a9$export$ba25329847403e11 = /*#__PURE__*/ (0, ($parcel$interopDefault($4FjNO$react))).forwardRef($902e54cfaa4270a9$var$Picker);
|
|
426
|
-
|
|
427
23
|
|
|
428
24
|
|
|
429
25
|
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/picker/src/index.ts","packages/@react-spectrum/picker/src/Picker.tsx","packages/@react-spectrum/picker/src/*.js","packages/@adobe/spectrum-css-temp/components/dropdown/vars.css"],"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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\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 AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport ChevronDownMedium from '@spectrum-icons/ui/ChevronDownMedium';\nimport {\n classNames,\n dimensionValue,\n SlotProvider,\n useDOMRef,\n useIsMobileDevice,\n useSlotProps,\n useUnwrapDOMRef\n} from '@react-spectrum/utils';\nimport {DOMRef, DOMRefValue, FocusableRefValue, LabelPosition} from '@react-types/shared';\nimport {Field} from '@react-spectrum/label';\nimport {FieldButton} from '@react-spectrum/button';\nimport {HiddenSelect, useSelect} from '@react-aria/select';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport {ListBoxBase, useListBoxLayout} from '@react-spectrum/listbox';\nimport {mergeProps, useId, useLayoutEffect, useResizeObserver} from '@react-aria/utils';\nimport {Popover, Tray} from '@react-spectrum/overlays';\nimport {PressResponder, useHover} from '@react-aria/interactions';\nimport {ProgressCircle} from '@react-spectrum/progress';\nimport React, {ReactElement, useCallback, useRef, useState} from 'react';\nimport {SpectrumPickerProps} from '@react-types/select';\nimport styles from '@adobe/spectrum-css-temp/components/dropdown/vars.css';\nimport {Text} from '@react-spectrum/text';\nimport {useFormProps} from '@react-spectrum/form';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProvider, useProviderProps} from '@react-spectrum/provider';\nimport {useSelectState} from '@react-stately/select';\n\nfunction Picker<T extends object>(props: SpectrumPickerProps<T>, ref: DOMRef<HTMLDivElement>) {\n props = useSlotProps(props, 'picker');\n props = useProviderProps(props);\n props = useFormProps(props);\n let stringFormatter = useLocalizedStringFormatter(intlMessages, '@react-spectrum/picker');\n let {\n autoComplete,\n isDisabled,\n direction = 'bottom',\n align = 'start',\n shouldFlip = true,\n placeholder = stringFormatter.format('placeholder'),\n isQuiet,\n label,\n labelPosition = 'top' as LabelPosition,\n menuWidth,\n name,\n autoFocus\n } = props;\n\n let state = useSelectState(props);\n let domRef = useDOMRef(ref);\n\n let popoverRef = useRef<DOMRefValue<HTMLDivElement>>();\n let triggerRef = useRef<FocusableRefValue<HTMLElement>>();\n let unwrappedTriggerRef = useUnwrapDOMRef(triggerRef);\n let listboxRef = useRef();\n\n let isLoadingInitial = props.isLoading && state.collection.size === 0;\n let isLoadingMore = props.isLoading && state.collection.size > 0;\n let progressCircleId = useId();\n\n // We create the listbox layout in Picker and pass it to ListBoxBase below\n // so that the layout information can be cached even while the listbox is not mounted.\n // We also use the layout as the keyboard delegate for type to select.\n let layout = useListBoxLayout(state, isLoadingMore);\n let {labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, isInvalid, validationErrors, validationDetails} = useSelect({\n ...props,\n 'aria-describedby': (isLoadingInitial ? progressCircleId : undefined),\n keyboardDelegate: layout\n }, state, unwrappedTriggerRef);\n\n let isMobile = useIsMobileDevice();\n let {hoverProps, isHovered} = useHover({isDisabled});\n\n // On small screen devices, the listbox is rendered in a tray, otherwise a popover.\n let listbox = (\n <ListBoxBase\n {...menuProps}\n ref={listboxRef}\n disallowEmptySelection\n autoFocus={state.focusStrategy || true}\n shouldSelectOnPressUp\n focusOnPointerEnter\n layout={layout}\n state={state}\n width={isMobile ? '100%' : undefined}\n // Set max height: inherit so Tray scrolling works\n UNSAFE_style={{maxHeight: 'inherit'}}\n isLoading={props.isLoading}\n onLoadMore={props.onLoadMore} />\n );\n\n // Measure the width of the button to inform the width of the menu (below).\n let [buttonWidth, setButtonWidth] = useState(null);\n let {scale} = useProvider();\n\n let onResize = useCallback(() => {\n if (!isMobile && unwrappedTriggerRef.current) {\n let width = unwrappedTriggerRef.current.offsetWidth;\n setButtonWidth(width);\n }\n }, [unwrappedTriggerRef, setButtonWidth, isMobile]);\n\n useResizeObserver({\n ref: unwrappedTriggerRef,\n onResize: onResize\n });\n\n useLayoutEffect(onResize, [scale, state.selectedKey, onResize]);\n\n let overlay;\n if (isMobile) {\n overlay = (\n <Tray state={state}>\n {listbox}\n </Tray>\n );\n } else {\n // If quiet, use the default width, otherwise match the width of the button. This can be overridden by the menuWidth prop.\n // Always have a minimum width of the button width. When quiet, there is an extra offset to add.\n // Not using style props for this because they don't support `calc`.\n let width = isQuiet ? null : buttonWidth;\n let style = {\n width: menuWidth ? dimensionValue(menuWidth) : width,\n minWidth: isQuiet ? `calc(${buttonWidth}px + calc(2 * var(--spectrum-dropdown-quiet-offset)))` : buttonWidth\n };\n\n overlay = (\n <Popover\n UNSAFE_style={style}\n UNSAFE_className={classNames(styles, 'spectrum-Dropdown-popover', {'spectrum-Dropdown-popover--quiet': isQuiet})}\n ref={popoverRef}\n placement={`${direction} ${align}`}\n shouldFlip={shouldFlip}\n hideArrow\n state={state}\n triggerRef={unwrappedTriggerRef}\n scrollRef={listboxRef}>\n {listbox}\n </Popover>\n );\n }\n\n let contents = state.selectedItem ? state.selectedItem.rendered : placeholder;\n if (typeof contents === 'string') {\n contents = <Text>{contents}</Text>;\n }\n\n let picker = (\n <div\n className={\n classNames(\n styles,\n 'spectrum-Dropdown',\n {\n 'is-invalid': isInvalid && !isDisabled,\n 'is-disabled': isDisabled,\n 'spectrum-Dropdown--quiet': isQuiet\n }\n )\n }>\n <HiddenSelect\n autoComplete={autoComplete}\n isDisabled={isDisabled}\n state={state}\n triggerRef={unwrappedTriggerRef}\n label={label}\n name={name} />\n <PressResponder {...mergeProps(hoverProps, triggerProps)}>\n <FieldButton\n ref={triggerRef}\n isActive={state.isOpen}\n isQuiet={isQuiet}\n isDisabled={isDisabled}\n isInvalid={isInvalid}\n autoFocus={autoFocus}\n UNSAFE_className={classNames(styles, 'spectrum-Dropdown-trigger', {'is-hovered': isHovered})}>\n <SlotProvider\n slots={{\n icon: {UNSAFE_className: classNames(styles, 'spectrum-Icon'), size: 'S'},\n avatar: {UNSAFE_className: classNames(styles, 'spectrum-Dropdown-avatar'), size: 'avatar-size-100'},\n text: {\n ...valueProps,\n UNSAFE_className: classNames(\n styles,\n 'spectrum-Dropdown-label',\n {'is-placeholder': !state.selectedItem}\n )\n },\n description: {\n isHidden: true\n }\n }}>\n {contents}\n </SlotProvider>\n {isLoadingInitial &&\n <ProgressCircle\n id={progressCircleId}\n isIndeterminate\n size=\"S\"\n aria-label={stringFormatter.format('loading')}\n UNSAFE_className={classNames(styles, 'spectrum-Dropdown-progressCircle')} />\n }\n {isInvalid && !isLoadingInitial && !isDisabled &&\n <AlertMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-invalidIcon')} />\n }\n <ChevronDownMedium UNSAFE_className={classNames(styles, 'spectrum-Dropdown-chevron')} />\n </FieldButton>\n </PressResponder>\n {state.collection.size === 0 ? null : overlay}\n </div>\n );\n\n let wrapperClassName = classNames(\n styles,\n 'spectrum-Field',\n {\n 'spectrum-Dropdown-fieldWrapper--quiet': isQuiet,\n 'spectrum-Dropdown-fieldWrapper--positionSide': labelPosition === 'side'\n }\n );\n\n return (\n <Field\n {...props}\n ref={domRef}\n wrapperClassName={wrapperClassName}\n labelProps={labelProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n isInvalid={isInvalid}\n validationErrors={validationErrors}\n validationDetails={validationDetails}\n showErrorIcon={false}\n includeNecessityIndicatorInAccessibilityName\n elementType=\"span\">\n {picker}\n </Field>\n );\n}\n\n/**\n * Pickers allow users to choose a single option from a collapsible list of options when space is limited.\n */\n// forwardRef doesn't support generic parameters, so cast the result to the correct type\n// https://stackoverflow.com/questions/58469229/react-with-typescript-generics-while-using-react-forwardref\nconst _Picker = React.forwardRef(Picker) as <T>(props: SpectrumPickerProps<T> & {ref?: DOMRef<HTMLDivElement>}) => ReactElement;\nexport {_Picker as Picker};\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}","/*\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\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
|
1
|
+
{"mappings":";;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C","sources":["packages/@react-spectrum/picker/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\n/// <reference types=\"css-module-types\" />\n\nexport {Picker} from './Picker';\nexport {Item, Section} from '@react-stately/collections';\nexport type {SpectrumPickerProps} from '@react-types/select';\n"],"names":[],"version":3,"file":"main.js.map"}
|