@midas-ds/components 1.0.2 → 1.0.3
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/Button-B4vMZbC6.js +182 -0
- package/CHANGELOG.md +10 -0
- package/Checkbox-DnKWanep.js +402 -0
- package/{Collection-B3xUVWPF.js → Collection-COLWgm24.js} +179 -152
- package/Dialog-Cb6toyXO.js +1951 -0
- package/DragAndDrop-B0T3WgjL.js +40 -0
- package/FocusScope-C8i7CH6y.js +513 -0
- package/Form-BQQs3jUk.js +238 -0
- package/Group-CdwXhx8Q.js +42 -0
- package/{Hidden-BQWDvze4.js → Hidden-DngIphiL.js} +1 -1
- package/Link-iAZLB3RI.js +75 -0
- package/ListBox-BKWkIIm6.js +474 -0
- package/ListKeyboardDelegate-BH-K5hyq.js +172 -0
- package/{PressResponder-DP8ZDNGy.js → PressResponder-Cz-TRBHO.js} +10 -10
- package/README.md +21 -3
- package/SelectionManager-8o40f7mx.js +1047 -0
- package/Separator-BlvmQjwz.js +49 -0
- package/Tag--W5TgxmK.js +728 -0
- package/Text-CQPW6xs7.js +15 -0
- package/TextField-DeK_yiK-.js +225 -0
- package/TextField.module-0-u4LVPp.js +143 -0
- package/{VisuallyHidden-B_XzVvlX.js → VisuallyHidden-CFx06Bae.js} +1 -1
- package/{context-ScOIq_Gu.js → context-Bnqknrce.js} +1 -1
- package/index-B-jHjTDC.js +120 -0
- package/{index-CorR1LBD.js → index-BPdc9gJ8.js} +3 -3
- package/index-DK9ZACEc.js +642 -0
- package/{index-Dl1Q-tbj.js → index-KSgQWWiy.js} +5315 -5315
- package/index.js +45 -47
- package/index15.js +1 -1
- package/index16.js +1 -1
- package/index25.js +1 -1
- package/index26.js +1 -1
- package/index3.js +2 -4
- package/index31.js +3 -3
- package/index32.js +2 -2
- package/index33.js +2 -2
- package/index34.js +1 -1
- package/index35.js +1 -1
- package/index36.js +1 -1
- package/index37.js +1 -1
- package/index38.js +1 -1
- package/index39.js +1 -1
- package/index40.js +1 -1
- package/index41.js +1 -1
- package/index42.js +1 -1
- package/index43.js +1 -1
- package/index45.js +3 -3
- package/index5.js +1 -1
- package/index50.js +1 -1
- package/index52.js +3 -3
- package/index53.js +3 -3
- package/index54.js +1 -1
- package/index55.js +4 -4
- package/index56.js +1 -1
- package/index57.js +1 -1
- package/index58.js +1 -1
- package/index59.js +3 -3
- package/index60.js +1 -1
- package/index61.js +1 -1
- package/index62.js +1 -1
- package/index63.js +4 -4
- package/index64.js +3 -3
- package/index65.js +3 -3
- package/index66.js +1 -1
- package/index67.js +3 -3
- package/index68.js +2 -2
- package/index69.js +1 -1
- package/index71.js +1 -1
- package/index76.js +5 -5
- package/index77.js +2 -2
- package/index78.js +2 -2
- package/index79.js +1 -1
- package/index80.js +226 -227
- package/index81.js +197 -199
- package/index82.js +192 -195
- package/index83.js +181 -183
- package/index84.js +52 -54
- package/index85.js +261 -262
- package/index86.js +262 -262
- package/index87.js +209 -211
- package/index88.js +436 -440
- package/index89.js +962 -964
- package/index90.js +2401 -2399
- package/index92.js +5 -5
- package/index93.js +1 -1
- package/index94.js +1 -1
- package/link/Link.d.ts +2 -2
- package/link-button/LinkButton.d.ts +1 -1
- package/package.json +7 -1
- package/{react.esm-D8HpDGKP.js → react.esm-sMU8Z7rL.js} +1872 -1872
- package/textfield/index.d.ts +0 -2
- package/{useControlledState-S_TYcV_c.js → useControlledState-DrAoodI6.js} +1 -1
- package/{useDescription-D4_zk_sA.js → useDescription-BPs7eRff.js} +1 -1
- package/useField-Dz62UHCP.js +67 -0
- package/{useFilter-BnJDBCkt.js → useFilter-ViwzkzZe.js} +1 -1
- package/useFocusRing-BKGhL91C.js +1297 -0
- package/{useFocusable-C-N9wcwm.js → useFocusable-CRSmYEQc.js} +11 -8
- package/{useGridSelectionCheckbox-i1rsjlC-.js → useGridSelectionCheckbox-CVEvUCJL.js} +3 -3
- package/useHasTabbableChild-C8y4fwiY.js +34 -0
- package/{useHighlightSelectionDescription-JVx2MW_e.js → useHighlightSelectionDescription-CD74uzLh.js} +19 -19
- package/useListState-DKnP5TB5.js +119 -0
- package/{useLocalizedStringFormatter-DVCAZqcL.js → useLocalizedStringFormatter-DsZ-ZWSk.js} +29 -29
- package/{useSingleSelectListState-CmX9_L5H.js → useSingleSelectListState-BHTLh8Ob.js} +5 -5
- package/Button-CCevm2s3.js +0 -183
- package/Checkbox-CllWDBxF.js +0 -405
- package/Dialog-CLTyYwkS.js +0 -1889
- package/DragAndDrop-OTN7La7U.js +0 -42
- package/FocusScope-BR0SJ-cZ.js +0 -512
- package/Form-DXLoQL91.js +0 -240
- package/Group-DPMuN3h8.js +0 -44
- package/Label-C18A_4Z5.js +0 -69
- package/Link-BU1h3K2a.js +0 -77
- package/ListBox-D21tdwTs.js +0 -463
- package/ListKeyboardDelegate-DxMjfMsI.js +0 -172
- package/SelectionManager-D4WtKtey.js +0 -988
- package/Separator-DLUHK9vv.js +0 -48
- package/Tag-CEd6WWSc.js +0 -725
- package/Text-DGLaY3HR.js +0 -17
- package/TextField-C_hq9WeT.js +0 -226
- package/TextField.module-Cwq1FAm7.js +0 -141
- package/index-CEg5vZQH.js +0 -132
- package/index-CgfokhRq.js +0 -674
- package/useFocusRing-D97-G3fT.js +0 -1324
- package/useHasTabbableChild-DeuCnGGv.js +0 -34
- package/useListState-DSOTbsL3.js +0 -119
package/index87.js
CHANGED
|
@@ -1,374 +1,372 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import { a as
|
|
6
|
-
import {
|
|
7
|
-
import { a as
|
|
8
|
-
import { $ as
|
|
9
|
-
import * as
|
|
10
|
-
import
|
|
11
|
-
import { $ as
|
|
12
|
-
import { $ as
|
|
13
|
-
import { Button as
|
|
14
|
-
import { c as
|
|
15
|
-
import { c as
|
|
16
|
-
import { X as
|
|
1
|
+
import { jsxs as B, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { $ as le, a as fe, b as de } from "./Form-BQQs3jUk.js";
|
|
3
|
+
import { a as $e, $ as D, b as pe, T as be } from "./TextField.module-0-u4LVPp.js";
|
|
4
|
+
import { $ as xe, a as ve } from "./useField-Dz62UHCP.js";
|
|
5
|
+
import { a as he } from "./Button-B4vMZbC6.js";
|
|
6
|
+
import { G as Ce, a as E, x as me, y as Pe, z as ye, d as Be, n as De, A as Ee, e as ke } from "./useFocusRing-BKGhL91C.js";
|
|
7
|
+
import { a as ge } from "./Group-CdwXhx8Q.js";
|
|
8
|
+
import { $ as _e } from "./Text-CQPW6xs7.js";
|
|
9
|
+
import * as Se from "react";
|
|
10
|
+
import k, { forwardRef as Re, useRef as Ie, createContext as ze } from "react";
|
|
11
|
+
import { $ as Ae } from "./useControlledState-DrAoodI6.js";
|
|
12
|
+
import { $ as Fe } from "./useLocalizedStringFormatter-DsZ-ZWSk.js";
|
|
13
|
+
import { Button as g } from "./index69.js";
|
|
14
|
+
import { c as Ve } from "./clsx-OuTLNxxd.js";
|
|
15
|
+
import { c as Ne } from "./createLucideIcon-DeWljiyi.js";
|
|
16
|
+
import { X as Te } from "./x-JK7i-TQC.js";
|
|
17
17
|
import './SearchField.css';/**
|
|
18
18
|
* @license lucide-react v0.453.0 - ISC
|
|
19
19
|
*
|
|
20
20
|
* This source code is licensed under the ISC license.
|
|
21
21
|
* See the LICENSE file in the root directory of this source tree.
|
|
22
22
|
*/
|
|
23
|
-
const
|
|
23
|
+
const we = Ne("Search", [
|
|
24
24
|
["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
|
|
25
25
|
["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
|
|
26
26
|
]);
|
|
27
|
-
var E = {};
|
|
28
|
-
E = {
|
|
29
|
-
"Clear search": "مسح البحث"
|
|
30
|
-
};
|
|
31
|
-
var k = {};
|
|
32
|
-
k = {
|
|
33
|
-
"Clear search": "Изчистване на търсене"
|
|
34
|
-
};
|
|
35
|
-
var g = {};
|
|
36
|
-
g = {
|
|
37
|
-
"Clear search": "Vymazat hledání"
|
|
38
|
-
};
|
|
39
|
-
var _ = {};
|
|
40
|
-
_ = {
|
|
41
|
-
"Clear search": "Ryd søgning"
|
|
42
|
-
};
|
|
43
27
|
var S = {};
|
|
44
28
|
S = {
|
|
45
|
-
"Clear search": "
|
|
29
|
+
"Clear search": "مسح البحث"
|
|
46
30
|
};
|
|
47
31
|
var R = {};
|
|
48
32
|
R = {
|
|
49
|
-
"Clear search": "
|
|
33
|
+
"Clear search": "Изчистване на търсене"
|
|
50
34
|
};
|
|
51
35
|
var I = {};
|
|
52
36
|
I = {
|
|
53
|
-
"Clear search": "
|
|
54
|
-
};
|
|
55
|
-
var F = {};
|
|
56
|
-
F = {
|
|
57
|
-
"Clear search": "Borrar búsqueda"
|
|
37
|
+
"Clear search": "Vymazat hledání"
|
|
58
38
|
};
|
|
59
39
|
var z = {};
|
|
60
40
|
z = {
|
|
61
|
-
"Clear search": "
|
|
41
|
+
"Clear search": "Ryd søgning"
|
|
62
42
|
};
|
|
63
43
|
var A = {};
|
|
64
44
|
A = {
|
|
65
|
-
"Clear search": "
|
|
45
|
+
"Clear search": "Suche zurücksetzen"
|
|
46
|
+
};
|
|
47
|
+
var F = {};
|
|
48
|
+
F = {
|
|
49
|
+
"Clear search": "Απαλοιφή αναζήτησης"
|
|
66
50
|
};
|
|
67
51
|
var V = {};
|
|
68
52
|
V = {
|
|
69
|
-
"Clear search": "
|
|
70
|
-
};
|
|
71
|
-
var w = {};
|
|
72
|
-
w = {
|
|
73
|
-
"Clear search": "נקה חיפוש"
|
|
53
|
+
"Clear search": "Clear search"
|
|
74
54
|
};
|
|
75
55
|
var N = {};
|
|
76
56
|
N = {
|
|
77
|
-
"Clear search": "
|
|
57
|
+
"Clear search": "Borrar búsqueda"
|
|
78
58
|
};
|
|
79
59
|
var T = {};
|
|
80
60
|
T = {
|
|
81
|
-
"Clear search": "
|
|
61
|
+
"Clear search": "Tühjenda otsing"
|
|
62
|
+
};
|
|
63
|
+
var w = {};
|
|
64
|
+
w = {
|
|
65
|
+
"Clear search": "Tyhjennä haku"
|
|
82
66
|
};
|
|
83
67
|
var O = {};
|
|
84
68
|
O = {
|
|
85
|
-
"Clear search": "
|
|
69
|
+
"Clear search": "Effacer la recherche"
|
|
86
70
|
};
|
|
87
71
|
var K = {};
|
|
88
72
|
K = {
|
|
89
|
-
"Clear search": "
|
|
73
|
+
"Clear search": "נקה חיפוש"
|
|
90
74
|
};
|
|
91
75
|
var L = {};
|
|
92
76
|
L = {
|
|
93
|
-
"Clear search": "
|
|
77
|
+
"Clear search": "Obriši pretragu"
|
|
94
78
|
};
|
|
95
79
|
var M = {};
|
|
96
80
|
M = {
|
|
97
|
-
"Clear search": "
|
|
81
|
+
"Clear search": "Keresés törlése"
|
|
98
82
|
};
|
|
99
83
|
var j = {};
|
|
100
84
|
j = {
|
|
101
|
-
"Clear search": "
|
|
85
|
+
"Clear search": "Cancella ricerca"
|
|
102
86
|
};
|
|
103
87
|
var q = {};
|
|
104
88
|
q = {
|
|
105
|
-
"Clear search": "
|
|
89
|
+
"Clear search": "検索をクリア"
|
|
106
90
|
};
|
|
107
91
|
var U = {};
|
|
108
92
|
U = {
|
|
109
|
-
"Clear search": "
|
|
110
|
-
};
|
|
111
|
-
var H = {};
|
|
112
|
-
H = {
|
|
113
|
-
"Clear search": "Wyczyść zawartość wyszukiwania"
|
|
93
|
+
"Clear search": "검색 지우기"
|
|
114
94
|
};
|
|
115
95
|
var G = {};
|
|
116
96
|
G = {
|
|
117
|
-
"Clear search": "
|
|
97
|
+
"Clear search": "Išvalyti iešką"
|
|
98
|
+
};
|
|
99
|
+
var H = {};
|
|
100
|
+
H = {
|
|
101
|
+
"Clear search": "Notīrīt meklēšanu"
|
|
118
102
|
};
|
|
119
103
|
var W = {};
|
|
120
104
|
W = {
|
|
121
|
-
"Clear search": "
|
|
105
|
+
"Clear search": "Tøm søk"
|
|
122
106
|
};
|
|
123
107
|
var Z = {};
|
|
124
108
|
Z = {
|
|
125
|
-
"Clear search": "
|
|
109
|
+
"Clear search": "Zoekactie wissen"
|
|
126
110
|
};
|
|
127
111
|
var J = {};
|
|
128
112
|
J = {
|
|
129
|
-
"Clear search": "
|
|
113
|
+
"Clear search": "Wyczyść zawartość wyszukiwania"
|
|
130
114
|
};
|
|
131
115
|
var X = {};
|
|
132
116
|
X = {
|
|
133
|
-
"Clear search": "
|
|
117
|
+
"Clear search": "Limpar pesquisa"
|
|
134
118
|
};
|
|
135
119
|
var Q = {};
|
|
136
120
|
Q = {
|
|
137
|
-
"Clear search": "
|
|
121
|
+
"Clear search": "Limpar pesquisa"
|
|
138
122
|
};
|
|
139
123
|
var Y = {};
|
|
140
124
|
Y = {
|
|
141
|
-
"Clear search": "
|
|
125
|
+
"Clear search": "Ştergeţi căutarea"
|
|
142
126
|
};
|
|
143
127
|
var ee = {};
|
|
144
128
|
ee = {
|
|
145
|
-
"Clear search": "
|
|
129
|
+
"Clear search": "Очистить поиск"
|
|
146
130
|
};
|
|
147
131
|
var ae = {};
|
|
148
132
|
ae = {
|
|
149
|
-
"Clear search": "
|
|
133
|
+
"Clear search": "Vymazať vyhľadávanie"
|
|
150
134
|
};
|
|
151
135
|
var re = {};
|
|
152
136
|
re = {
|
|
153
|
-
"Clear search": "
|
|
137
|
+
"Clear search": "Počisti iskanje"
|
|
154
138
|
};
|
|
155
139
|
var te = {};
|
|
156
140
|
te = {
|
|
157
|
-
"Clear search": "
|
|
141
|
+
"Clear search": "Obriši pretragu"
|
|
158
142
|
};
|
|
159
143
|
var se = {};
|
|
160
144
|
se = {
|
|
161
|
-
"Clear search": "
|
|
145
|
+
"Clear search": "Rensa sökning"
|
|
162
146
|
};
|
|
163
147
|
var ue = {};
|
|
164
148
|
ue = {
|
|
165
|
-
"
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
"
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
"
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
"
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
"
|
|
182
|
-
"
|
|
183
|
-
"
|
|
184
|
-
"
|
|
185
|
-
"
|
|
186
|
-
"
|
|
187
|
-
"
|
|
188
|
-
"
|
|
189
|
-
"
|
|
190
|
-
"
|
|
191
|
-
"
|
|
192
|
-
"
|
|
193
|
-
"
|
|
194
|
-
"
|
|
195
|
-
"
|
|
196
|
-
"
|
|
197
|
-
"
|
|
198
|
-
"
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
149
|
+
"Clear search": "Aramayı temizle"
|
|
150
|
+
};
|
|
151
|
+
var ce = {};
|
|
152
|
+
ce = {
|
|
153
|
+
"Clear search": "Очистити пошук"
|
|
154
|
+
};
|
|
155
|
+
var oe = {};
|
|
156
|
+
oe = {
|
|
157
|
+
"Clear search": "清除搜索"
|
|
158
|
+
};
|
|
159
|
+
var ne = {};
|
|
160
|
+
ne = {
|
|
161
|
+
"Clear search": "清除搜尋條件"
|
|
162
|
+
};
|
|
163
|
+
var ie = {};
|
|
164
|
+
ie = {
|
|
165
|
+
"ar-AE": S,
|
|
166
|
+
"bg-BG": R,
|
|
167
|
+
"cs-CZ": I,
|
|
168
|
+
"da-DK": z,
|
|
169
|
+
"de-DE": A,
|
|
170
|
+
"el-GR": F,
|
|
171
|
+
"en-US": V,
|
|
172
|
+
"es-ES": N,
|
|
173
|
+
"et-EE": T,
|
|
174
|
+
"fi-FI": w,
|
|
175
|
+
"fr-FR": O,
|
|
176
|
+
"he-IL": K,
|
|
177
|
+
"hr-HR": L,
|
|
178
|
+
"hu-HU": M,
|
|
179
|
+
"it-IT": j,
|
|
180
|
+
"ja-JP": q,
|
|
181
|
+
"ko-KR": U,
|
|
182
|
+
"lt-LT": G,
|
|
183
|
+
"lv-LV": H,
|
|
184
|
+
"nb-NO": W,
|
|
185
|
+
"nl-NL": Z,
|
|
186
|
+
"pl-PL": J,
|
|
187
|
+
"pt-BR": X,
|
|
188
|
+
"pt-PT": Q,
|
|
189
|
+
"ro-RO": Y,
|
|
190
|
+
"ru-RU": ee,
|
|
191
|
+
"sk-SK": ae,
|
|
192
|
+
"sl-SI": re,
|
|
193
|
+
"sr-SP": te,
|
|
194
|
+
"sv-SE": se,
|
|
195
|
+
"tr-TR": ue,
|
|
196
|
+
"uk-UA": ce,
|
|
197
|
+
"zh-CN": oe,
|
|
198
|
+
"zh-TW": ne
|
|
199
|
+
};
|
|
200
|
+
function Oe(a) {
|
|
201
|
+
return a && a.__esModule ? a.default : a;
|
|
202
202
|
}
|
|
203
|
-
function
|
|
204
|
-
let
|
|
205
|
-
const
|
|
206
|
-
|
|
203
|
+
function Ke(a, e, r) {
|
|
204
|
+
let l = Fe(Oe(ie), "@react-aria/searchfield"), { isDisabled: s, isReadOnly: u, onSubmit: f, onClear: n, type: p = "search" } = a, $ = (t) => {
|
|
205
|
+
const c = t.key;
|
|
206
|
+
c === "Enter" && (s || u) && t.preventDefault(), !(s || u) && (c === "Enter" && f && (t.preventDefault(), f(e.value)), c === "Escape" && (e.value === "" && (!r.current || r.current.value === "") ? t.continuePropagation() : (t.preventDefault(), e.setValue(""), n && n())));
|
|
207
207
|
}, b = () => {
|
|
208
|
-
|
|
209
|
-
},
|
|
210
|
-
var
|
|
211
|
-
(
|
|
212
|
-
}, { labelProps:
|
|
213
|
-
...
|
|
214
|
-
value:
|
|
215
|
-
onChange:
|
|
216
|
-
onKeyDown:
|
|
208
|
+
e.setValue(""), n && n();
|
|
209
|
+
}, x = () => {
|
|
210
|
+
var t;
|
|
211
|
+
(t = r.current) === null || t === void 0 || t.focus();
|
|
212
|
+
}, { labelProps: i, inputProps: v, descriptionProps: h, errorMessageProps: C, ...m } = $e({
|
|
213
|
+
...a,
|
|
214
|
+
value: e.value,
|
|
215
|
+
onChange: e.setValue,
|
|
216
|
+
onKeyDown: u ? a.onKeyDown : Ce($, a.onKeyDown),
|
|
217
217
|
type: p
|
|
218
|
-
},
|
|
218
|
+
}, r);
|
|
219
219
|
return {
|
|
220
|
-
labelProps:
|
|
220
|
+
labelProps: i,
|
|
221
221
|
inputProps: {
|
|
222
|
-
...
|
|
222
|
+
...v,
|
|
223
223
|
// already handled by useSearchFieldState
|
|
224
224
|
defaultValue: void 0
|
|
225
225
|
},
|
|
226
226
|
clearButtonProps: {
|
|
227
|
-
"aria-label":
|
|
227
|
+
"aria-label": l.format("Clear search"),
|
|
228
228
|
excludeFromTabOrder: !0,
|
|
229
229
|
preventFocusOnPress: !0,
|
|
230
|
-
isDisabled:
|
|
230
|
+
isDisabled: s || u,
|
|
231
231
|
onPress: b,
|
|
232
|
-
onPressStart:
|
|
232
|
+
onPressStart: x
|
|
233
233
|
},
|
|
234
|
-
descriptionProps:
|
|
235
|
-
errorMessageProps:
|
|
236
|
-
|
|
234
|
+
descriptionProps: h,
|
|
235
|
+
errorMessageProps: C,
|
|
236
|
+
...m
|
|
237
237
|
};
|
|
238
238
|
}
|
|
239
|
-
function
|
|
240
|
-
let [
|
|
239
|
+
function Le(a) {
|
|
240
|
+
let [e, r] = Ae(_(a.value), _(a.defaultValue) || "", a.onChange);
|
|
241
241
|
return {
|
|
242
|
-
value:
|
|
243
|
-
setValue:
|
|
242
|
+
value: e,
|
|
243
|
+
setValue: r
|
|
244
244
|
};
|
|
245
245
|
}
|
|
246
|
-
function
|
|
247
|
-
if (
|
|
248
|
-
return
|
|
246
|
+
function _(a) {
|
|
247
|
+
if (a != null)
|
|
248
|
+
return a.toString();
|
|
249
249
|
}
|
|
250
|
-
const
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
let c = (t = (u = e.validationBehavior) !== null && u !== void 0 ? u : s) !== null && t !== void 0 ? t : "native", f = _e(null), [i, p] = Ce(), l = Te({
|
|
250
|
+
const Me = /* @__PURE__ */ ze(null), je = /* @__PURE__ */ Re(function(e, r) {
|
|
251
|
+
[e, r] = E(e, r, Me);
|
|
252
|
+
let { validationBehavior: l } = me(le) || {};
|
|
253
|
+
var s, u;
|
|
254
|
+
let f = (u = (s = e.validationBehavior) !== null && s !== void 0 ? s : l) !== null && u !== void 0 ? u : "native", n = Ie(null), [p, $] = E({}, n, D), [b, x] = Pe(), i = Le({
|
|
256
255
|
...e,
|
|
257
|
-
validationBehavior:
|
|
258
|
-
}), { labelProps:
|
|
259
|
-
...
|
|
260
|
-
label:
|
|
261
|
-
validationBehavior:
|
|
262
|
-
},
|
|
256
|
+
validationBehavior: f
|
|
257
|
+
}), { labelProps: v, inputProps: h, clearButtonProps: C, descriptionProps: m, errorMessageProps: t, ...c } = Ke({
|
|
258
|
+
...ye(e),
|
|
259
|
+
label: x,
|
|
260
|
+
validationBehavior: f
|
|
261
|
+
}, i, $), P = Be({
|
|
263
262
|
...e,
|
|
264
263
|
values: {
|
|
265
|
-
isEmpty:
|
|
264
|
+
isEmpty: i.value === "",
|
|
266
265
|
isDisabled: e.isDisabled || !1,
|
|
267
|
-
isInvalid:
|
|
268
|
-
state:
|
|
266
|
+
isInvalid: c.isInvalid || !1,
|
|
267
|
+
state: i
|
|
269
268
|
},
|
|
270
269
|
defaultClassName: "react-aria-SearchField"
|
|
271
|
-
}),
|
|
272
|
-
return delete
|
|
273
|
-
...
|
|
274
|
-
|
|
275
|
-
ref:
|
|
270
|
+
}), y = De(e);
|
|
271
|
+
return delete y.id, /* @__PURE__ */ k.createElement("div", {
|
|
272
|
+
...y,
|
|
273
|
+
...P,
|
|
274
|
+
ref: r,
|
|
276
275
|
slot: e.slot || void 0,
|
|
277
|
-
"data-empty":
|
|
276
|
+
"data-empty": i.value === "" || void 0,
|
|
278
277
|
"data-disabled": e.isDisabled || void 0,
|
|
279
|
-
"data-invalid":
|
|
280
|
-
}, /* @__PURE__ */
|
|
278
|
+
"data-invalid": c.isInvalid || void 0
|
|
279
|
+
}, /* @__PURE__ */ k.createElement(Ee, {
|
|
281
280
|
values: [
|
|
282
281
|
[
|
|
283
|
-
|
|
282
|
+
xe,
|
|
284
283
|
{
|
|
285
|
-
...
|
|
286
|
-
ref:
|
|
284
|
+
...v,
|
|
285
|
+
ref: b
|
|
287
286
|
}
|
|
288
287
|
],
|
|
289
288
|
[
|
|
290
|
-
|
|
289
|
+
D,
|
|
291
290
|
{
|
|
292
|
-
...
|
|
293
|
-
ref:
|
|
291
|
+
...ke(h, p),
|
|
292
|
+
ref: $
|
|
294
293
|
}
|
|
295
294
|
],
|
|
296
295
|
[
|
|
297
|
-
|
|
298
|
-
|
|
296
|
+
he,
|
|
297
|
+
C
|
|
299
298
|
],
|
|
300
299
|
[
|
|
301
|
-
|
|
300
|
+
_e,
|
|
302
301
|
{
|
|
303
302
|
slots: {
|
|
304
|
-
description:
|
|
305
|
-
errorMessage:
|
|
303
|
+
description: m,
|
|
304
|
+
errorMessage: t
|
|
306
305
|
}
|
|
307
306
|
}
|
|
308
307
|
],
|
|
309
308
|
[
|
|
310
|
-
|
|
309
|
+
ge,
|
|
311
310
|
{
|
|
312
|
-
isInvalid:
|
|
311
|
+
isInvalid: c.isInvalid,
|
|
313
312
|
isDisabled: e.isDisabled || !1
|
|
314
313
|
}
|
|
315
314
|
],
|
|
316
315
|
[
|
|
317
|
-
|
|
318
|
-
|
|
316
|
+
fe,
|
|
317
|
+
c
|
|
319
318
|
]
|
|
320
319
|
]
|
|
321
|
-
},
|
|
322
|
-
}
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
...s
|
|
320
|
+
}, P.children));
|
|
321
|
+
}), qe = '"../theme/tokens.css"', Ue = '"Inter", sans-serif', Ge = "#143c50", He = "#1f1f1f", We = "#ffffff", Ze = "_container_1thfk_5", Je = "_inputContainer_1thfk_12", Xe = "_icon_1thfk_18", Qe = "_clear_1thfk_26", Ye = "_input_1thfk_12", d = {
|
|
322
|
+
tokens: qe,
|
|
323
|
+
display: Ue,
|
|
324
|
+
blue150: Ge,
|
|
325
|
+
gray150: He,
|
|
326
|
+
backgroundPrimary: We,
|
|
327
|
+
container: Ze,
|
|
328
|
+
inputContainer: Je,
|
|
329
|
+
icon: Xe,
|
|
330
|
+
clear: Qe,
|
|
331
|
+
input: Ye
|
|
332
|
+
}, ba = ({
|
|
333
|
+
placeholder: a,
|
|
334
|
+
buttonText: e,
|
|
335
|
+
...r
|
|
338
336
|
}) => {
|
|
339
|
-
const [
|
|
340
|
-
return /* @__PURE__ */
|
|
341
|
-
|
|
337
|
+
const [l, s] = Se.useState(!1);
|
|
338
|
+
return /* @__PURE__ */ B(
|
|
339
|
+
je,
|
|
342
340
|
{
|
|
343
|
-
onInput: () =>
|
|
344
|
-
onClear: () =>
|
|
341
|
+
onInput: () => s(!0),
|
|
342
|
+
onClear: () => s(!1),
|
|
345
343
|
className: d.container,
|
|
346
|
-
...
|
|
344
|
+
...r,
|
|
347
345
|
children: [
|
|
348
|
-
/* @__PURE__ */ o(
|
|
349
|
-
/* @__PURE__ */
|
|
346
|
+
/* @__PURE__ */ o(ve, { hidden: !0, children: a }),
|
|
347
|
+
/* @__PURE__ */ B("div", { className: d.inputContainer, children: [
|
|
350
348
|
/* @__PURE__ */ o(
|
|
351
|
-
|
|
349
|
+
we,
|
|
352
350
|
{
|
|
353
351
|
size: 20,
|
|
354
352
|
className: d.icon
|
|
355
353
|
}
|
|
356
354
|
),
|
|
357
355
|
/* @__PURE__ */ o(
|
|
358
|
-
|
|
356
|
+
pe,
|
|
359
357
|
{
|
|
360
|
-
className:
|
|
361
|
-
placeholder:
|
|
358
|
+
className: Ve(be.input, d.input),
|
|
359
|
+
placeholder: a
|
|
362
360
|
}
|
|
363
361
|
),
|
|
364
|
-
|
|
365
|
-
|
|
362
|
+
l && /* @__PURE__ */ o(
|
|
363
|
+
g,
|
|
366
364
|
{
|
|
367
365
|
variant: "icon",
|
|
368
366
|
size: "small",
|
|
369
367
|
className: d.clear,
|
|
370
368
|
children: /* @__PURE__ */ o(
|
|
371
|
-
|
|
369
|
+
Te,
|
|
372
370
|
{
|
|
373
371
|
size: 20,
|
|
374
372
|
"aria-hidden": !0
|
|
@@ -377,12 +375,12 @@ const Le = /* @__PURE__ */ ge(Ke), Me = '"../theme/tokens.css"', je = '"Inter",
|
|
|
377
375
|
}
|
|
378
376
|
)
|
|
379
377
|
] }),
|
|
380
|
-
/* @__PURE__ */ o(
|
|
381
|
-
/* @__PURE__ */ o(
|
|
378
|
+
/* @__PURE__ */ o(de, {}),
|
|
379
|
+
/* @__PURE__ */ o(g, { type: "submit", children: e || "Sök" })
|
|
382
380
|
]
|
|
383
381
|
}
|
|
384
382
|
);
|
|
385
383
|
};
|
|
386
384
|
export {
|
|
387
|
-
|
|
385
|
+
ba as SearchField
|
|
388
386
|
};
|