@eightshift/ui-components 5.0.10 → 5.1.0

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 (83) hide show
  1. package/dist/{Collection-uTAXq9Br.js → Collection-BRJOMbOa.js} +12 -7
  2. package/dist/{Dialog-CmAxaSUv.js → Dialog-D6EdDPeu.js} +8 -8
  3. package/dist/{useFormValidation-Dy0PXJg5.js → Form-Bnyyv3Im.js} +6 -4
  4. package/dist/{Group-DDPhPPTQ.js → Group-LBogWgyp.js} +2 -2
  5. package/dist/{Input-BmDS8Juy.js → Input-DfSBLhDx.js} +1 -1
  6. package/dist/List-BLeHBkfx.js +590 -0
  7. package/dist/{ListBox-_nDFq8-H.js → ListBox-BY3gwI8c.js} +3 -3
  8. package/dist/Select-BebwUgKB.js +764 -0
  9. package/dist/Separator-CTQWg_HO.js +1111 -0
  10. package/dist/TextField-o2U-uBWv.js +133 -0
  11. package/dist/assets/style-admin.css +268 -150
  12. package/dist/assets/style-editor.css +268 -150
  13. package/dist/assets/style.css +268 -150
  14. package/dist/assets/wp-font-enhancements.css +1 -1
  15. package/dist/assets/wp-ui-enhancements.css +1 -1
  16. package/dist/components/breakpoint-preview/breakpoint-preview.js +3 -4
  17. package/dist/components/button/button.js +3 -3
  18. package/dist/components/checkbox/checkbox.js +1 -2
  19. package/dist/components/color-pickers/color-picker.js +7 -9
  20. package/dist/components/color-pickers/color-swatch.js +1 -1
  21. package/dist/components/color-pickers/gradient-editor.js +19 -25
  22. package/dist/components/color-pickers/solid-color-picker.js +27 -27
  23. package/dist/components/component-toggle/component-toggle.js +1 -1
  24. package/dist/components/draggable/draggable-handle.js +2 -2
  25. package/dist/components/draggable/draggable.js +5 -5
  26. package/dist/components/draggable-list/draggable-list-item.js +2 -2
  27. package/dist/components/draggable-list/draggable-list.js +5 -5
  28. package/dist/components/expandable/expandable.js +1 -1
  29. package/dist/components/index.js +5 -5
  30. package/dist/components/input-field/input-field.js +13 -129
  31. package/dist/components/item-collection/item-collection.js +1 -1
  32. package/dist/components/link-input/link-input.js +1463 -17
  33. package/dist/components/matrix-align/matrix-align.js +11 -14
  34. package/dist/components/menu/menu.js +4 -8
  35. package/dist/components/modal/modal.js +3 -3
  36. package/dist/components/number-picker/number-picker.js +9 -10
  37. package/dist/components/option-select/option-select.js +140 -156
  38. package/dist/components/placeholders/file-placeholder.js +1 -1
  39. package/dist/components/placeholders/image-placeholder.js +3 -3
  40. package/dist/components/placeholders/media-placeholder.js +2 -2
  41. package/dist/components/popover/popover.js +10 -5
  42. package/dist/components/radio/radio.js +4 -5
  43. package/dist/components/repeater/repeater-item.js +1 -1
  44. package/dist/components/repeater/repeater.js +6 -6
  45. package/dist/components/responsive/mini-responsive.js +45 -47
  46. package/dist/components/responsive/responsive-legacy.js +51 -55
  47. package/dist/components/responsive/responsive.js +47 -49
  48. package/dist/components/responsive-preview/responsive-preview.js +12 -15
  49. package/dist/components/select/async-multi-select.js +4 -4
  50. package/dist/components/select/async-single-select.js +1 -1
  51. package/dist/components/select/multi-select-components.js +1 -1
  52. package/dist/components/select/multi-select.js +4 -4
  53. package/dist/components/select/shared.js +2 -2
  54. package/dist/components/select/single-select.js +1 -1
  55. package/dist/components/select/styles.js +3 -3
  56. package/dist/components/select/v2/async-select.js +215 -158
  57. package/dist/components/select/v2/shared.js +29 -20
  58. package/dist/components/select/v2/single-select.js +202 -851
  59. package/dist/components/slider/column-config-slider.js +2 -2
  60. package/dist/components/slider/slider.js +2 -2
  61. package/dist/components/slider/utils.js +1 -1
  62. package/dist/components/tabs/tabs.js +7 -8
  63. package/dist/components/toggle/switch.js +4 -3
  64. package/dist/components/toggle-button/toggle-button.js +1 -1
  65. package/dist/{default-i18n-CT_oS1Fy.js → default-i18n-OFa3zAyB.js} +5 -9
  66. package/dist/icons/jsx-svg.js +3 -4
  67. package/dist/index.js +4 -4
  68. package/dist/{multi-select-components-Sp-JEFEX.js → multi-select-components-BcKzA24f.js} +3 -3
  69. package/dist/{react-jsx-parser.min-DZCiis5V.js → react-jsx-parser.min-LF707GK8.js} +312 -332
  70. package/dist/useAsyncList-fLtZMvJO.js +420 -0
  71. package/dist/useFilter-BR5z1A4Q.js +50 -0
  72. package/dist/{useListState-9Hq_FiRF.js → useListState-BrZ2XvDS.js} +1 -1
  73. package/dist/{useNumberField-D0u2bh8g.js → useNumberField-y0dLc_6m.js} +2 -2
  74. package/dist/{useSingleSelectListState-DqhemUIh.js → useSingleSelectListState-Bh46cRXs.js} +1 -1
  75. package/dist/utilities/array-helpers.js +4 -7
  76. package/dist/utilities/es-dash.js +21 -3
  77. package/dist/utilities/index.js +2 -1
  78. package/dist/utilities/text-helpers.js +3 -3
  79. package/package.json +9 -9
  80. package/dist/ComboBox-BANSEKnb.js +0 -1915
  81. package/dist/Form-Cq3fu75_.js +0 -5
  82. package/dist/List-CZMUbkFU.js +0 -593
  83. package/dist/Separator-BN3mjL6q.js +0 -332
@@ -0,0 +1,764 @@
1
+ import { a as $d2b4bc8c273e7be6$export$24d547caef80ccd1 } from "./Button-DH22t_SM.js";
2
+ import { d as $3ef42575df84b30b$export$9d1611c77c2fe928, e as $bdb11010cef70236$export$f680877a34711e37, p as $ff5963eb1fccf552$export$e08e3b67e392101e, a as $64fa3d84918910a7$export$29f1550f4b0d4415, $ as $64fa3d84918910a7$export$fabf2dc03a41866e, b as $64fa3d84918910a7$export$4d86445c2cf5e3, g as $64fa3d84918910a7$export$9d4c57ee4c6ffdd8, h as $64fa3d84918910a7$export$ef03459518577ad4, i as $64fa3d84918910a7$export$2881499e37b75b9a } from "./utils-CZt7LCbO.js";
3
+ import { a as $2baaea4c71418dea$export$294aa081a6c6f55d, $ as $ee014567cb39d3f0$export$ff05c3ac10437e03 } from "./FieldError-DHrSdE_Q.js";
4
+ import { b as $e93e671b31057976$export$b8473d3665f3a75a, a as $e5be200c675c3b3a$export$fc1a364ae1f3ff10, $ as $d3e0e05bdfcf66bd$export$c24727297075ec6a } from "./Form-Bnyyv3Im.js";
5
+ import { a as $01b77f81d0f07f68$export$75b6ee27786ba447 } from "./Label-JS_ob-kh.js";
6
+ import { b as $eed445e0843c11d0$export$7ff8f37d2d81a48d, c as $eed445e0843c11d0$export$7c5906fe4f1f2af2 } from "./ListBox-BY3gwI8c.js";
7
+ import { o as $168583247155ddda$export$dc9c12ed27dd1b49, l as $de32f1b87079253c$export$d2f961adcb0afbe, p as $07b14b47974efb58$export$9b9a0cd73afb7ca4 } from "./Dialog-D6EdDPeu.js";
8
+ import { a as $514c0188e459b4c0$export$9afb8bc826b033ea } from "./Text-BuJgePCv.js";
9
+ import { l as $fb3050f43d946246$export$e32c88dfddc6e1d8, e as $e1995378a142960e$export$bf788dd355e3a401 } from "./Collection-BRJOMbOa.js";
10
+ import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
11
+ import { $ as $fc909762b330b746$export$61c6a8c84e605fb6, f as $9daab02d461809db$export$683480f191c0e3ea } from "./OverlayArrow-BUfV-5P3.js";
12
+ import React__default, { useMemo, useRef, useState, forwardRef, createContext, useContext, useCallback } from "react";
13
+ import { $ as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./useLocalizedStringFormatter-C9GO0IDB.js";
14
+ import { $ as $a0d645289fe9b86b$export$e7f05e985daf4b5f } from "./useSingleSelectListState-Bh46cRXs.js";
15
+ import { $ as $f7dceffc5ad7768b$export$4e328f61c538687f } from "./useFocusRing-Bv0UJQl8.js";
16
+ import { d as $325a3faab7a68acd$export$a16aca283550c30d, i as $2a25aae57d74318e$export$a05409b8bb224a5a } from "./Separator-CTQWg_HO.js";
17
+ import { q as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-C2SkI1Fn.js";
18
+ import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-D2YaWRIA.js";
19
+ import { a as $5c3e21d68f1c4674$export$a966af930f325cab } from "./VisuallyHidden-BYi0pekx.js";
20
+ const $58aed456727eb0f3$export$703601b7e90536f8 = /* @__PURE__ */ new WeakMap();
21
+ function $58aed456727eb0f3$export$e64b2f635402ca43(props, state, ref) {
22
+ let { keyboardDelegate, isDisabled, isRequired, name, validationBehavior = "aria" } = props;
23
+ let collator = $325a3faab7a68acd$export$a16aca283550c30d({
24
+ usage: "search",
25
+ sensitivity: "base"
26
+ });
27
+ let delegate = useMemo(() => keyboardDelegate || new $2a25aae57d74318e$export$a05409b8bb224a5a(state.collection, state.disabledKeys, ref, collator), [
28
+ keyboardDelegate,
29
+ state.collection,
30
+ state.disabledKeys,
31
+ collator,
32
+ ref
33
+ ]);
34
+ let { menuTriggerProps, menuProps } = $168583247155ddda$export$dc9c12ed27dd1b49({
35
+ isDisabled,
36
+ type: "listbox"
37
+ }, state, ref);
38
+ let onKeyDown = (e) => {
39
+ switch (e.key) {
40
+ case "ArrowLeft": {
41
+ var _delegate_getKeyAbove, _delegate_getFirstKey;
42
+ e.preventDefault();
43
+ let key = state.selectedKey != null ? (_delegate_getKeyAbove = delegate.getKeyAbove) === null || _delegate_getKeyAbove === void 0 ? void 0 : _delegate_getKeyAbove.call(delegate, state.selectedKey) : (_delegate_getFirstKey = delegate.getFirstKey) === null || _delegate_getFirstKey === void 0 ? void 0 : _delegate_getFirstKey.call(delegate);
44
+ if (key) state.setSelectedKey(key);
45
+ break;
46
+ }
47
+ case "ArrowRight": {
48
+ var _delegate_getKeyBelow, _delegate_getFirstKey1;
49
+ e.preventDefault();
50
+ let key = state.selectedKey != null ? (_delegate_getKeyBelow = delegate.getKeyBelow) === null || _delegate_getKeyBelow === void 0 ? void 0 : _delegate_getKeyBelow.call(delegate, state.selectedKey) : (_delegate_getFirstKey1 = delegate.getFirstKey) === null || _delegate_getFirstKey1 === void 0 ? void 0 : _delegate_getFirstKey1.call(delegate);
51
+ if (key) state.setSelectedKey(key);
52
+ break;
53
+ }
54
+ }
55
+ };
56
+ let { typeSelectProps } = $fb3050f43d946246$export$e32c88dfddc6e1d8({
57
+ keyboardDelegate: delegate,
58
+ selectionManager: state.selectionManager,
59
+ onTypeSelect(key) {
60
+ state.setSelectedKey(key);
61
+ }
62
+ });
63
+ let { isInvalid, validationErrors, validationDetails } = state.displayValidation;
64
+ let { labelProps, fieldProps, descriptionProps, errorMessageProps } = $2baaea4c71418dea$export$294aa081a6c6f55d({
65
+ ...props,
66
+ labelElementType: "span",
67
+ isInvalid,
68
+ errorMessage: props.errorMessage || validationErrors
69
+ });
70
+ typeSelectProps.onKeyDown = typeSelectProps.onKeyDownCapture;
71
+ delete typeSelectProps.onKeyDownCapture;
72
+ let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
73
+ labelable: true
74
+ });
75
+ let triggerProps = $3ef42575df84b30b$export$9d1611c77c2fe928(typeSelectProps, menuTriggerProps, fieldProps);
76
+ let valueId = $bdb11010cef70236$export$f680877a34711e37();
77
+ $58aed456727eb0f3$export$703601b7e90536f8.set(state, {
78
+ isDisabled,
79
+ isRequired,
80
+ name,
81
+ validationBehavior
82
+ });
83
+ return {
84
+ labelProps: {
85
+ ...labelProps,
86
+ onClick: () => {
87
+ if (!props.isDisabled) {
88
+ var _ref_current;
89
+ (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.focus();
90
+ $507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
91
+ }
92
+ }
93
+ },
94
+ triggerProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, {
95
+ ...triggerProps,
96
+ isDisabled,
97
+ onKeyDown: $ff5963eb1fccf552$export$e08e3b67e392101e(triggerProps.onKeyDown, onKeyDown, props.onKeyDown),
98
+ onKeyUp: props.onKeyUp,
99
+ "aria-labelledby": [
100
+ valueId,
101
+ triggerProps["aria-labelledby"],
102
+ triggerProps["aria-label"] && !triggerProps["aria-labelledby"] ? triggerProps.id : null
103
+ ].filter(Boolean).join(" "),
104
+ onFocus(e) {
105
+ if (state.isFocused) return;
106
+ if (props.onFocus) props.onFocus(e);
107
+ if (props.onFocusChange) props.onFocusChange(true);
108
+ state.setFocused(true);
109
+ },
110
+ onBlur(e) {
111
+ if (state.isOpen) return;
112
+ if (props.onBlur) props.onBlur(e);
113
+ if (props.onFocusChange) props.onFocusChange(false);
114
+ state.setFocused(false);
115
+ }
116
+ }),
117
+ valueProps: {
118
+ id: valueId
119
+ },
120
+ menuProps: {
121
+ ...menuProps,
122
+ autoFocus: state.focusStrategy || true,
123
+ shouldSelectOnPressUp: true,
124
+ shouldFocusOnHover: true,
125
+ disallowEmptySelection: true,
126
+ linkBehavior: "selection",
127
+ onBlur: (e) => {
128
+ if (e.currentTarget.contains(e.relatedTarget)) return;
129
+ if (props.onBlur) props.onBlur(e);
130
+ if (props.onFocusChange) props.onFocusChange(false);
131
+ state.setFocused(false);
132
+ },
133
+ "aria-labelledby": [
134
+ fieldProps["aria-labelledby"],
135
+ triggerProps["aria-label"] && !fieldProps["aria-labelledby"] ? triggerProps.id : null
136
+ ].filter(Boolean).join(" ")
137
+ },
138
+ descriptionProps,
139
+ errorMessageProps,
140
+ isInvalid,
141
+ validationErrors,
142
+ validationDetails
143
+ };
144
+ }
145
+ function $bdd25dc72710631f$export$f809e80f58e251d1(props, state, triggerRef) {
146
+ let data = $58aed456727eb0f3$export$703601b7e90536f8.get(state) || {};
147
+ let { autoComplete, name = data.name, isDisabled = data.isDisabled } = props;
148
+ let { validationBehavior, isRequired } = data;
149
+ let { visuallyHiddenProps } = $5c3e21d68f1c4674$export$a966af930f325cab();
150
+ $99facab73266f662$export$5add1d006293d136(props.selectRef, state.selectedKey, state.setSelectedKey);
151
+ $e93e671b31057976$export$b8473d3665f3a75a({
152
+ validationBehavior,
153
+ focus: () => {
154
+ var _triggerRef_current;
155
+ return (_triggerRef_current = triggerRef.current) === null || _triggerRef_current === void 0 ? void 0 : _triggerRef_current.focus();
156
+ }
157
+ }, state, props.selectRef);
158
+ var _state_selectedKey;
159
+ return {
160
+ containerProps: {
161
+ ...visuallyHiddenProps,
162
+ "aria-hidden": true,
163
+ // @ts-ignore
164
+ ["data-react-aria-prevent-focus"]: true,
165
+ // @ts-ignore
166
+ ["data-a11y-ignore"]: "aria-hidden-focus"
167
+ },
168
+ inputProps: {
169
+ style: {
170
+ display: "none"
171
+ }
172
+ },
173
+ selectProps: {
174
+ tabIndex: -1,
175
+ autoComplete,
176
+ disabled: isDisabled,
177
+ required: validationBehavior === "native" && isRequired,
178
+ name,
179
+ value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : void 0,
180
+ onChange: (e) => state.setSelectedKey(e.target.value)
181
+ }
182
+ };
183
+ }
184
+ function $bdd25dc72710631f$export$cbd84cdb2e668835(props) {
185
+ let { state, triggerRef, label, name, isDisabled } = props;
186
+ let selectRef = useRef(null);
187
+ let { containerProps, selectProps } = $bdd25dc72710631f$export$f809e80f58e251d1({
188
+ ...props,
189
+ selectRef
190
+ }, state, triggerRef);
191
+ var _state_selectedKey;
192
+ if (state.collection.size <= 300) return /* @__PURE__ */ React__default.createElement("div", {
193
+ ...containerProps,
194
+ "data-testid": "hidden-select-container"
195
+ }, /* @__PURE__ */ React__default.createElement("label", null, label, /* @__PURE__ */ React__default.createElement("select", {
196
+ ...selectProps,
197
+ ref: selectRef
198
+ }, /* @__PURE__ */ React__default.createElement("option", null), [
199
+ ...state.collection.getKeys()
200
+ ].map((key) => {
201
+ let item = state.collection.getItem(key);
202
+ if (item && item.type === "item") return /* @__PURE__ */ React__default.createElement("option", {
203
+ key: item.key,
204
+ value: item.key
205
+ }, item.textValue);
206
+ }))));
207
+ else if (name) return /* @__PURE__ */ React__default.createElement("input", {
208
+ type: "hidden",
209
+ autoComplete: selectProps.autoComplete,
210
+ name,
211
+ disabled: isDisabled,
212
+ value: (_state_selectedKey = state.selectedKey) !== null && _state_selectedKey !== void 0 ? _state_selectedKey : ""
213
+ });
214
+ return null;
215
+ }
216
+ function $2bc3a590c5373a4e$export$5159ec8b34d4ec12(props) {
217
+ let triggerState = $fc909762b330b746$export$61c6a8c84e605fb6(props);
218
+ let [focusStrategy, setFocusStrategy] = useState(null);
219
+ let listState = $a0d645289fe9b86b$export$e7f05e985daf4b5f({
220
+ ...props,
221
+ onSelectionChange: (key) => {
222
+ if (props.onSelectionChange != null) props.onSelectionChange(key);
223
+ triggerState.close();
224
+ validationState.commitValidation();
225
+ }
226
+ });
227
+ let validationState = $e5be200c675c3b3a$export$fc1a364ae1f3ff10({
228
+ ...props,
229
+ value: listState.selectedKey
230
+ });
231
+ let [isFocused, setFocused] = useState(false);
232
+ let isEmpty = useMemo(() => {
233
+ var _listState_collection_getItem;
234
+ return listState.collection.size === 0 || listState.collection.size === 1 && ((_listState_collection_getItem = listState.collection.getItem(listState.collection.getFirstKey())) === null || _listState_collection_getItem === void 0 ? void 0 : _listState_collection_getItem.type) === "loader";
235
+ }, [
236
+ listState.collection
237
+ ]);
238
+ return {
239
+ ...validationState,
240
+ ...listState,
241
+ ...triggerState,
242
+ focusStrategy,
243
+ open(focusStrategy2 = null) {
244
+ if (!isEmpty) {
245
+ setFocusStrategy(focusStrategy2);
246
+ triggerState.open();
247
+ }
248
+ },
249
+ toggle(focusStrategy2 = null) {
250
+ if (!isEmpty) {
251
+ setFocusStrategy(focusStrategy2);
252
+ triggerState.toggle();
253
+ }
254
+ },
255
+ isFocused,
256
+ setFocused
257
+ };
258
+ }
259
+ var $e038a7e7a6d81989$exports = {};
260
+ $e038a7e7a6d81989$exports = {
261
+ "colorSwatchPicker": `تغييرات الألوان`,
262
+ "dropzoneLabel": `DropZone`,
263
+ "selectPlaceholder": `حدد عنصرًا`,
264
+ "tableResizer": `أداة تغيير الحجم`
265
+ };
266
+ var $0ec14741b0133644$exports = {};
267
+ $0ec14741b0133644$exports = {
268
+ "colorSwatchPicker": `Цветови мостри`,
269
+ "dropzoneLabel": `DropZone`,
270
+ "selectPlaceholder": `Изберете предмет`,
271
+ "tableResizer": `Преоразмерител`
272
+ };
273
+ var $642f7badf2405784$exports = {};
274
+ $642f7badf2405784$exports = {
275
+ "colorSwatchPicker": `Vzorky barev`,
276
+ "dropzoneLabel": `Místo pro přetažení`,
277
+ "selectPlaceholder": `Vyberte položku`,
278
+ "tableResizer": `Změna velikosti`
279
+ };
280
+ var $30cee8d2535734ec$exports = {};
281
+ $30cee8d2535734ec$exports = {
282
+ "colorSwatchPicker": `Farveprøver`,
283
+ "dropzoneLabel": `DropZone`,
284
+ "selectPlaceholder": `Vælg et element`,
285
+ "tableResizer": `Størrelsesændring`
286
+ };
287
+ var $c302d0504fca332a$exports = {};
288
+ $c302d0504fca332a$exports = {
289
+ "colorSwatchPicker": `Farbfelder`,
290
+ "dropzoneLabel": `Ablegebereich`,
291
+ "selectPlaceholder": `Element wählen`,
292
+ "tableResizer": `Größenanpassung`
293
+ };
294
+ var $0d0703f2bd7e421c$exports = {};
295
+ $0d0703f2bd7e421c$exports = {
296
+ "colorSwatchPicker": `Χρωματικά δείγματα`,
297
+ "dropzoneLabel": `DropZone`,
298
+ "selectPlaceholder": `Επιλέξτε ένα αντικείμενο`,
299
+ "tableResizer": `Αλλαγή μεγέθους`
300
+ };
301
+ var $cafa55beb2fc5ef3$exports = {};
302
+ $cafa55beb2fc5ef3$exports = {
303
+ "selectPlaceholder": `Select an item`,
304
+ "tableResizer": `Resizer`,
305
+ "dropzoneLabel": `DropZone`,
306
+ "colorSwatchPicker": `Color swatches`
307
+ };
308
+ var $18ac2ceede598103$exports = {};
309
+ $18ac2ceede598103$exports = {
310
+ "colorSwatchPicker": `Muestras de colores`,
311
+ "dropzoneLabel": `DropZone`,
312
+ "selectPlaceholder": `Seleccionar un artículo`,
313
+ "tableResizer": `Cambiador de tamaño`
314
+ };
315
+ var $718705a15b8a633a$exports = {};
316
+ $718705a15b8a633a$exports = {
317
+ "colorSwatchPicker": `Värvinäidised`,
318
+ "dropzoneLabel": `DropZone`,
319
+ "selectPlaceholder": `Valige üksus`,
320
+ "tableResizer": `Suuruse muutja`
321
+ };
322
+ var $bf36dae9ecc81ce0$exports = {};
323
+ $bf36dae9ecc81ce0$exports = {
324
+ "colorSwatchPicker": `Värimallit`,
325
+ "dropzoneLabel": `DropZone`,
326
+ "selectPlaceholder": `Valitse kohde`,
327
+ "tableResizer": `Koon muuttaja`
328
+ };
329
+ var $0b4828edb010b855$exports = {};
330
+ $0b4828edb010b855$exports = {
331
+ "colorSwatchPicker": `Échantillons de couleurs`,
332
+ "dropzoneLabel": `DropZone`,
333
+ "selectPlaceholder": `Sélectionner un élément`,
334
+ "tableResizer": `Redimensionneur`
335
+ };
336
+ var $0030f210b040e540$exports = {};
337
+ $0030f210b040e540$exports = {
338
+ "colorSwatchPicker": `דוגמיות צבע`,
339
+ "dropzoneLabel": `DropZone`,
340
+ "selectPlaceholder": `בחר פריט`,
341
+ "tableResizer": `שינוי גודל`
342
+ };
343
+ var $1f0ebacf5a0c0fa1$exports = {};
344
+ $1f0ebacf5a0c0fa1$exports = {
345
+ "colorSwatchPicker": `Uzorci boja`,
346
+ "dropzoneLabel": `Zona spuštanja`,
347
+ "selectPlaceholder": `Odaberite stavku`,
348
+ "tableResizer": `Promjena veličine`
349
+ };
350
+ var $3a706ba61f3d6bba$exports = {};
351
+ $3a706ba61f3d6bba$exports = {
352
+ "colorSwatchPicker": `Színtárak`,
353
+ "dropzoneLabel": `DropZone`,
354
+ "selectPlaceholder": `Válasszon ki egy elemet`,
355
+ "tableResizer": `Átméretező`
356
+ };
357
+ var $0d17809e74607796$exports = {};
358
+ $0d17809e74607796$exports = {
359
+ "colorSwatchPicker": `Campioni di colore`,
360
+ "dropzoneLabel": `Zona di rilascio`,
361
+ "selectPlaceholder": `Seleziona un elemento`,
362
+ "tableResizer": `Ridimensionamento`
363
+ };
364
+ var $65a71f9a56f1398f$exports = {};
365
+ $65a71f9a56f1398f$exports = {
366
+ "colorSwatchPicker": `カラースウォッチ`,
367
+ "dropzoneLabel": `ドロップゾーン`,
368
+ "selectPlaceholder": `項目を選択`,
369
+ "tableResizer": `サイズ変更ツール`
370
+ };
371
+ var $e5efad074a74abef$exports = {};
372
+ $e5efad074a74abef$exports = {
373
+ "colorSwatchPicker": `색상 견본`,
374
+ "dropzoneLabel": `드롭 영역`,
375
+ "selectPlaceholder": `항목 선택`,
376
+ "tableResizer": `크기 조정기`
377
+ };
378
+ var $d70c2a849e55c607$exports = {};
379
+ $d70c2a849e55c607$exports = {
380
+ "colorSwatchPicker": `Spalvų pavyzdžiai`,
381
+ "dropzoneLabel": `„DropZone“`,
382
+ "selectPlaceholder": `Pasirinkite elementą`,
383
+ "tableResizer": `Dydžio keitiklis`
384
+ };
385
+ var $009bbbb440d0e907$exports = {};
386
+ $009bbbb440d0e907$exports = {
387
+ "colorSwatchPicker": `Krāsu paraugi`,
388
+ "dropzoneLabel": `DropZone`,
389
+ "selectPlaceholder": `Izvēlēties vienumu`,
390
+ "tableResizer": `Izmēra mainītājs`
391
+ };
392
+ var $9366fe642464ee83$exports = {};
393
+ $9366fe642464ee83$exports = {
394
+ "colorSwatchPicker": `Fargekart`,
395
+ "dropzoneLabel": `Droppsone`,
396
+ "selectPlaceholder": `Velg et element`,
397
+ "tableResizer": `Størrelsesendrer`
398
+ };
399
+ var $62f9bc1f98ea21de$exports = {};
400
+ $62f9bc1f98ea21de$exports = {
401
+ "colorSwatchPicker": `kleurstalen`,
402
+ "dropzoneLabel": `DropZone`,
403
+ "selectPlaceholder": `Selecteer een item`,
404
+ "tableResizer": `Resizer`
405
+ };
406
+ var $4ec2e5b6623b1b76$exports = {};
407
+ $4ec2e5b6623b1b76$exports = {
408
+ "colorSwatchPicker": `Próbki kolorów`,
409
+ "dropzoneLabel": `Strefa upuszczania`,
410
+ "selectPlaceholder": `Wybierz element`,
411
+ "tableResizer": `Zmiana rozmiaru`
412
+ };
413
+ var $e25098e26647cc04$exports = {};
414
+ $e25098e26647cc04$exports = {
415
+ "colorSwatchPicker": `Amostras de cores`,
416
+ "dropzoneLabel": `DropZone`,
417
+ "selectPlaceholder": `Selecione um item`,
418
+ "tableResizer": `Redimensionador`
419
+ };
420
+ var $dd39c57d242c8156$exports = {};
421
+ $dd39c57d242c8156$exports = {
422
+ "colorSwatchPicker": `Amostras de cores`,
423
+ "dropzoneLabel": `DropZone`,
424
+ "selectPlaceholder": `Selecione um item`,
425
+ "tableResizer": `Redimensionador`
426
+ };
427
+ var $3b4c1ba5afd57b35$exports = {};
428
+ $3b4c1ba5afd57b35$exports = {
429
+ "colorSwatchPicker": `Specimene de culoare`,
430
+ "dropzoneLabel": `Zonă de plasare`,
431
+ "selectPlaceholder": `Selectați un element`,
432
+ "tableResizer": `Instrument de redimensionare`
433
+ };
434
+ var $a455b2cda79eb746$exports = {};
435
+ $a455b2cda79eb746$exports = {
436
+ "colorSwatchPicker": `Цветовые образцы`,
437
+ "dropzoneLabel": `DropZone`,
438
+ "selectPlaceholder": `Выберите элемент`,
439
+ "tableResizer": `Средство изменения размера`
440
+ };
441
+ var $b983ca1383d5b960$exports = {};
442
+ $b983ca1383d5b960$exports = {
443
+ "colorSwatchPicker": `Vzorkovníky farieb`,
444
+ "dropzoneLabel": `DropZone`,
445
+ "selectPlaceholder": `Vyberte položku`,
446
+ "tableResizer": `Nástroj na zmenu veľkosti`
447
+ };
448
+ var $32a515ef673b0655$exports = {};
449
+ $32a515ef673b0655$exports = {
450
+ "colorSwatchPicker": `Barvne palete`,
451
+ "dropzoneLabel": `DropZone`,
452
+ "selectPlaceholder": `Izberite element`,
453
+ "tableResizer": `Spreminjanje velikosti`
454
+ };
455
+ var $89434176ab35446b$exports = {};
456
+ $89434176ab35446b$exports = {
457
+ "colorSwatchPicker": `Uzorci boje`,
458
+ "dropzoneLabel": `DropZone`,
459
+ "selectPlaceholder": `Izaberite stavku`,
460
+ "tableResizer": `Promena veličine`
461
+ };
462
+ var $727da781aca847f9$exports = {};
463
+ $727da781aca847f9$exports = {
464
+ "colorSwatchPicker": `Färgrutor`,
465
+ "dropzoneLabel": `DropZone`,
466
+ "selectPlaceholder": `Välj en artikel`,
467
+ "tableResizer": `Storleksändrare`
468
+ };
469
+ var $fcd2d84b9a2d489c$exports = {};
470
+ $fcd2d84b9a2d489c$exports = {
471
+ "colorSwatchPicker": `Renk örnekleri`,
472
+ "dropzoneLabel": `Bırakma Bölgesi`,
473
+ "selectPlaceholder": `Bir öğe seçin`,
474
+ "tableResizer": `Yeniden boyutlandırıcı`
475
+ };
476
+ var $2422ac328687ee23$exports = {};
477
+ $2422ac328687ee23$exports = {
478
+ "colorSwatchPicker": `Зразки кольорів`,
479
+ "dropzoneLabel": `DropZone`,
480
+ "selectPlaceholder": `Виберіть елемент`,
481
+ "tableResizer": `Засіб змінення розміру`
482
+ };
483
+ var $c9a532d1c973af61$exports = {};
484
+ $c9a532d1c973af61$exports = {
485
+ "colorSwatchPicker": `颜色色板`,
486
+ "dropzoneLabel": `放置区域`,
487
+ "selectPlaceholder": `选择一个项目`,
488
+ "tableResizer": `尺寸调整器`
489
+ };
490
+ var $34de119f14549a4b$exports = {};
491
+ $34de119f14549a4b$exports = {
492
+ "colorSwatchPicker": `色票`,
493
+ "dropzoneLabel": `放置區`,
494
+ "selectPlaceholder": `選取項目`,
495
+ "tableResizer": `大小調整器`
496
+ };
497
+ var $df39c1238ae2b5f3$exports = {};
498
+ $df39c1238ae2b5f3$exports = {
499
+ "ar-AE": $e038a7e7a6d81989$exports,
500
+ "bg-BG": $0ec14741b0133644$exports,
501
+ "cs-CZ": $642f7badf2405784$exports,
502
+ "da-DK": $30cee8d2535734ec$exports,
503
+ "de-DE": $c302d0504fca332a$exports,
504
+ "el-GR": $0d0703f2bd7e421c$exports,
505
+ "en-US": $cafa55beb2fc5ef3$exports,
506
+ "es-ES": $18ac2ceede598103$exports,
507
+ "et-EE": $718705a15b8a633a$exports,
508
+ "fi-FI": $bf36dae9ecc81ce0$exports,
509
+ "fr-FR": $0b4828edb010b855$exports,
510
+ "he-IL": $0030f210b040e540$exports,
511
+ "hr-HR": $1f0ebacf5a0c0fa1$exports,
512
+ "hu-HU": $3a706ba61f3d6bba$exports,
513
+ "it-IT": $0d17809e74607796$exports,
514
+ "ja-JP": $65a71f9a56f1398f$exports,
515
+ "ko-KR": $e5efad074a74abef$exports,
516
+ "lt-LT": $d70c2a849e55c607$exports,
517
+ "lv-LV": $009bbbb440d0e907$exports,
518
+ "nb-NO": $9366fe642464ee83$exports,
519
+ "nl-NL": $62f9bc1f98ea21de$exports,
520
+ "pl-PL": $4ec2e5b6623b1b76$exports,
521
+ "pt-BR": $e25098e26647cc04$exports,
522
+ "pt-PT": $dd39c57d242c8156$exports,
523
+ "ro-RO": $3b4c1ba5afd57b35$exports,
524
+ "ru-RU": $a455b2cda79eb746$exports,
525
+ "sk-SK": $b983ca1383d5b960$exports,
526
+ "sl-SI": $32a515ef673b0655$exports,
527
+ "sr-SP": $89434176ab35446b$exports,
528
+ "sv-SE": $727da781aca847f9$exports,
529
+ "tr-TR": $fcd2d84b9a2d489c$exports,
530
+ "uk-UA": $2422ac328687ee23$exports,
531
+ "zh-CN": $c9a532d1c973af61$exports,
532
+ "zh-TW": $34de119f14549a4b$exports
533
+ };
534
+ function $parcel$interopDefault(a) {
535
+ return a && a.__esModule ? a.default : a;
536
+ }
537
+ const $82d7e5349645de74$export$7540cee5be7dc19b = /* @__PURE__ */ createContext(null);
538
+ const $82d7e5349645de74$export$ef445b55be0601bd = /* @__PURE__ */ createContext(null);
539
+ const $82d7e5349645de74$export$ef9b1a59e592288f = /* @__PURE__ */ forwardRef(function Select(props, ref) {
540
+ [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $82d7e5349645de74$export$7540cee5be7dc19b);
541
+ let { children, isDisabled = false, isInvalid = false, isRequired = false } = props;
542
+ let content = useMemo(() => typeof children === "function" ? children({
543
+ isOpen: false,
544
+ isDisabled,
545
+ isInvalid,
546
+ isRequired,
547
+ isFocused: false,
548
+ isFocusVisible: false,
549
+ defaultChildren: null
550
+ }) : children, [
551
+ children,
552
+ isDisabled,
553
+ isInvalid,
554
+ isRequired
555
+ ]);
556
+ return /* @__PURE__ */ React__default.createElement($e1995378a142960e$export$bf788dd355e3a401, {
557
+ content
558
+ }, (collection) => /* @__PURE__ */ React__default.createElement($82d7e5349645de74$var$SelectInner, {
559
+ props,
560
+ collection,
561
+ selectRef: ref
562
+ }));
563
+ });
564
+ const $82d7e5349645de74$var$CLEAR_CONTEXTS = [
565
+ $01b77f81d0f07f68$export$75b6ee27786ba447,
566
+ $d2b4bc8c273e7be6$export$24d547caef80ccd1,
567
+ $514c0188e459b4c0$export$9afb8bc826b033ea
568
+ ];
569
+ function $82d7e5349645de74$var$SelectInner({ props, selectRef: ref, collection }) {
570
+ let { validationBehavior: formValidationBehavior } = $64fa3d84918910a7$export$fabf2dc03a41866e($d3e0e05bdfcf66bd$export$c24727297075ec6a) || {};
571
+ var _props_validationBehavior, _ref;
572
+ let validationBehavior = (_ref = (_props_validationBehavior = props.validationBehavior) !== null && _props_validationBehavior !== void 0 ? _props_validationBehavior : formValidationBehavior) !== null && _ref !== void 0 ? _ref : "native";
573
+ let state = $2bc3a590c5373a4e$export$5159ec8b34d4ec12({
574
+ ...props,
575
+ collection,
576
+ children: void 0,
577
+ validationBehavior
578
+ });
579
+ let { isFocusVisible, focusProps } = $f7dceffc5ad7768b$export$4e328f61c538687f({
580
+ within: true
581
+ });
582
+ let buttonRef = useRef(null);
583
+ let [labelRef, label] = $64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!props["aria-label"] && !props["aria-labelledby"]);
584
+ let { labelProps, triggerProps, valueProps, menuProps, descriptionProps, errorMessageProps, ...validation } = $58aed456727eb0f3$export$e64b2f635402ca43({
585
+ ...$64fa3d84918910a7$export$ef03459518577ad4(props),
586
+ label,
587
+ validationBehavior
588
+ }, state, buttonRef);
589
+ let [buttonWidth, setButtonWidth] = useState(null);
590
+ let onResize = useCallback(() => {
591
+ if (buttonRef.current) setButtonWidth(buttonRef.current.offsetWidth + "px");
592
+ }, [
593
+ buttonRef
594
+ ]);
595
+ $9daab02d461809db$export$683480f191c0e3ea({
596
+ ref: buttonRef,
597
+ onResize
598
+ });
599
+ let renderPropsState = useMemo(() => ({
600
+ isOpen: state.isOpen,
601
+ isFocused: state.isFocused,
602
+ isFocusVisible,
603
+ isDisabled: props.isDisabled || false,
604
+ isInvalid: validation.isInvalid || false,
605
+ isRequired: props.isRequired || false
606
+ }), [
607
+ state.isOpen,
608
+ state.isFocused,
609
+ isFocusVisible,
610
+ props.isDisabled,
611
+ validation.isInvalid,
612
+ props.isRequired
613
+ ]);
614
+ let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
615
+ ...props,
616
+ values: renderPropsState,
617
+ defaultClassName: "react-aria-Select"
618
+ });
619
+ let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
620
+ delete DOMProps.id;
621
+ let scrollRef = useRef(null);
622
+ return /* @__PURE__ */ React__default.createElement($64fa3d84918910a7$export$2881499e37b75b9a, {
623
+ values: [
624
+ [
625
+ $82d7e5349645de74$export$7540cee5be7dc19b,
626
+ props
627
+ ],
628
+ [
629
+ $82d7e5349645de74$export$ef445b55be0601bd,
630
+ state
631
+ ],
632
+ [
633
+ $82d7e5349645de74$export$f8f745c04421623f,
634
+ valueProps
635
+ ],
636
+ [
637
+ $01b77f81d0f07f68$export$75b6ee27786ba447,
638
+ {
639
+ ...labelProps,
640
+ ref: labelRef,
641
+ elementType: "span"
642
+ }
643
+ ],
644
+ [
645
+ $d2b4bc8c273e7be6$export$24d547caef80ccd1,
646
+ {
647
+ ...triggerProps,
648
+ ref: buttonRef,
649
+ isPressed: state.isOpen,
650
+ autoFocus: props.autoFocus
651
+ }
652
+ ],
653
+ [
654
+ $de32f1b87079253c$export$d2f961adcb0afbe,
655
+ state
656
+ ],
657
+ [
658
+ $07b14b47974efb58$export$9b9a0cd73afb7ca4,
659
+ {
660
+ trigger: "Select",
661
+ triggerRef: buttonRef,
662
+ scrollRef,
663
+ placement: "bottom start",
664
+ style: {
665
+ "--trigger-width": buttonWidth
666
+ },
667
+ "aria-labelledby": menuProps["aria-labelledby"],
668
+ clearContexts: $82d7e5349645de74$var$CLEAR_CONTEXTS
669
+ }
670
+ ],
671
+ [
672
+ $eed445e0843c11d0$export$7ff8f37d2d81a48d,
673
+ {
674
+ ...menuProps,
675
+ ref: scrollRef
676
+ }
677
+ ],
678
+ [
679
+ $eed445e0843c11d0$export$7c5906fe4f1f2af2,
680
+ state
681
+ ],
682
+ [
683
+ $514c0188e459b4c0$export$9afb8bc826b033ea,
684
+ {
685
+ slots: {
686
+ description: descriptionProps,
687
+ errorMessage: errorMessageProps
688
+ }
689
+ }
690
+ ],
691
+ [
692
+ $ee014567cb39d3f0$export$ff05c3ac10437e03,
693
+ validation
694
+ ]
695
+ ]
696
+ }, /* @__PURE__ */ React__default.createElement("div", {
697
+ ...DOMProps,
698
+ ...renderProps,
699
+ ...focusProps,
700
+ ref,
701
+ slot: props.slot || void 0,
702
+ "data-focused": state.isFocused || void 0,
703
+ "data-focus-visible": isFocusVisible || void 0,
704
+ "data-open": state.isOpen || void 0,
705
+ "data-disabled": props.isDisabled || void 0,
706
+ "data-invalid": validation.isInvalid || void 0,
707
+ "data-required": props.isRequired || void 0
708
+ }), /* @__PURE__ */ React__default.createElement($bdd25dc72710631f$export$cbd84cdb2e668835, {
709
+ autoComplete: props.autoComplete,
710
+ state,
711
+ triggerRef: buttonRef,
712
+ label,
713
+ name: props.name,
714
+ isDisabled: props.isDisabled
715
+ }));
716
+ }
717
+ const $82d7e5349645de74$export$f8f745c04421623f = /* @__PURE__ */ createContext(null);
718
+ const $82d7e5349645de74$export$e288731fd71264f0 = /* @__PURE__ */ forwardRef(function SelectValue(props, ref) {
719
+ var _state_selectedItem, _state_selectedItem1;
720
+ [props, ref] = $64fa3d84918910a7$export$29f1550f4b0d4415(props, ref, $82d7e5349645de74$export$f8f745c04421623f);
721
+ let state = useContext($82d7e5349645de74$export$ef445b55be0601bd);
722
+ let { placeholder } = $64fa3d84918910a7$export$fabf2dc03a41866e($82d7e5349645de74$export$7540cee5be7dc19b);
723
+ let selectedItem = state.selectedKey != null ? state.collection.getItem(state.selectedKey) : null;
724
+ let rendered = selectedItem === null || selectedItem === void 0 ? void 0 : selectedItem.props.children;
725
+ if (typeof rendered === "function") {
726
+ let fn = rendered;
727
+ rendered = fn({
728
+ isHovered: false,
729
+ isPressed: false,
730
+ isSelected: false,
731
+ isFocused: false,
732
+ isFocusVisible: false,
733
+ isDisabled: false,
734
+ selectionMode: "single",
735
+ selectionBehavior: "toggle"
736
+ });
737
+ }
738
+ let stringFormatter = $fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault($df39c1238ae2b5f3$exports), "react-aria-components");
739
+ var _ref, _state_selectedItem_value, _state_selectedItem_textValue;
740
+ let renderProps = $64fa3d84918910a7$export$4d86445c2cf5e3({
741
+ ...props,
742
+ defaultChildren: (_ref = rendered !== null && rendered !== void 0 ? rendered : placeholder) !== null && _ref !== void 0 ? _ref : stringFormatter.format("selectPlaceholder"),
743
+ defaultClassName: "react-aria-SelectValue",
744
+ values: {
745
+ selectedItem: (_state_selectedItem_value = (_state_selectedItem = state.selectedItem) === null || _state_selectedItem === void 0 ? void 0 : _state_selectedItem.value) !== null && _state_selectedItem_value !== void 0 ? _state_selectedItem_value : null,
746
+ selectedText: (_state_selectedItem_textValue = (_state_selectedItem1 = state.selectedItem) === null || _state_selectedItem1 === void 0 ? void 0 : _state_selectedItem1.textValue) !== null && _state_selectedItem_textValue !== void 0 ? _state_selectedItem_textValue : null,
747
+ isPlaceholder: !selectedItem
748
+ }
749
+ });
750
+ let DOMProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props);
751
+ return /* @__PURE__ */ React__default.createElement("span", {
752
+ ref,
753
+ ...DOMProps,
754
+ ...renderProps,
755
+ "data-placeholder": !selectedItem || void 0
756
+ }, /* @__PURE__ */ React__default.createElement($514c0188e459b4c0$export$9afb8bc826b033ea.Provider, {
757
+ value: void 0
758
+ }, renderProps.children));
759
+ });
760
+ export {
761
+ $82d7e5349645de74$export$ef9b1a59e592288f as $,
762
+ $82d7e5349645de74$export$e288731fd71264f0 as a,
763
+ $82d7e5349645de74$export$ef445b55be0601bd as b
764
+ };