@vincentgraul/react-components 1.0.23 → 1.0.25

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.
@@ -1 +1 @@
1
- {"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../src/language-selector/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI9D,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,KAAK,2CA2BpD"}
1
+ {"version":3,"file":"LanguageSelector.d.ts","sourceRoot":"","sources":["../../src/language-selector/LanguageSelector.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI9D,UAAU,KAAK;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,UAAU,MAAM;IACd,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,KAAK,EAAE,KAAK,2CAgCpD"}
@@ -10,14 +10,18 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
10
10
  import { jsx as _jsx } from "react/jsx-runtime";
11
11
  import { useEffect, useState } from "react";
12
12
  import Select from "../select/Select";
13
- import { fetchIcon } from "./utils";
13
+ import { capitalize } from "@vincentgraul/utils/word";
14
14
  export default function LanguageSelector(props) {
15
15
  const { languages, onChange } = props;
16
16
  const [options, setOptions] = useState(null);
17
17
  useEffect(() => {
18
+ const fetchIcon = (name) => __awaiter(this, void 0, void 0, function* () {
19
+ const { default: Flag } = yield import(`./icons/${capitalize(name)}.js`);
20
+ return Flag;
21
+ });
18
22
  const prepareOptions = () => __awaiter(this, void 0, void 0, function* () {
19
23
  setOptions(yield Promise.all(languages.map((language) => __awaiter(this, void 0, void 0, function* () {
20
- const { default: Flag } = yield fetchIcon(language);
24
+ const Flag = yield fetchIcon(language);
21
25
  return {
22
26
  value: language,
23
27
  label: _jsx(Flag, { style: Object.assign({}, FlagStyle) }),
@@ -35,7 +35,7 @@ declare const Option: import("styled-components").IStyledComponent<"web", {
35
35
  style?: React.CSSProperties;
36
36
  tabIndex?: number;
37
37
  title?: string;
38
- translate?: "no" | "yes";
38
+ translate?: "yes" | "no";
39
39
  radioGroup?: string;
40
40
  role?: React.AriaRole;
41
41
  about?: string;
@@ -85,7 +85,7 @@ declare const Option: import("styled-components").IStyledComponent<"web", {
85
85
  'aria-expanded'?: boolean | "true" | "false";
86
86
  'aria-flowto'?: string;
87
87
  'aria-grabbed'?: boolean | "true" | "false";
88
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
88
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
89
89
  'aria-hidden'?: boolean | "true" | "false";
90
90
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
91
91
  'aria-keyshortcuts'?: string;
@@ -48,7 +48,7 @@ export declare const Th: import("styled-components").IStyledComponent<"web", {
48
48
  style?: React.CSSProperties;
49
49
  tabIndex?: number;
50
50
  title?: string;
51
- translate?: "no" | "yes";
51
+ translate?: "yes" | "no";
52
52
  radioGroup?: string;
53
53
  role?: React.AriaRole;
54
54
  about?: string;
@@ -98,7 +98,7 @@ export declare const Th: import("styled-components").IStyledComponent<"web", {
98
98
  'aria-expanded'?: boolean | "true" | "false";
99
99
  'aria-flowto'?: string;
100
100
  'aria-grabbed'?: boolean | "true" | "false";
101
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
101
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
102
102
  'aria-hidden'?: boolean | "true" | "false";
103
103
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
104
104
  'aria-keyshortcuts'?: string;
@@ -320,7 +320,7 @@ export declare const Tr: import("styled-components").IStyledComponent<"web", {
320
320
  style?: React.CSSProperties;
321
321
  tabIndex?: number;
322
322
  title?: string;
323
- translate?: "no" | "yes";
323
+ translate?: "yes" | "no";
324
324
  radioGroup?: string;
325
325
  role?: React.AriaRole;
326
326
  about?: string;
@@ -370,7 +370,7 @@ export declare const Tr: import("styled-components").IStyledComponent<"web", {
370
370
  'aria-expanded'?: boolean | "true" | "false";
371
371
  'aria-flowto'?: string;
372
372
  'aria-grabbed'?: boolean | "true" | "false";
373
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
373
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
374
374
  'aria-hidden'?: boolean | "true" | "false";
375
375
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
376
376
  'aria-keyshortcuts'?: string;
@@ -601,7 +601,7 @@ export declare const Td: import("styled-components").IStyledComponent<"web", {
601
601
  style?: React.CSSProperties;
602
602
  tabIndex?: number;
603
603
  title?: string;
604
- translate?: "no" | "yes";
604
+ translate?: "yes" | "no";
605
605
  radioGroup?: string;
606
606
  role?: React.AriaRole;
607
607
  about?: string;
@@ -651,7 +651,7 @@ export declare const Td: import("styled-components").IStyledComponent<"web", {
651
651
  'aria-expanded'?: boolean | "true" | "false";
652
652
  'aria-flowto'?: string;
653
653
  'aria-grabbed'?: boolean | "true" | "false";
654
- 'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "true" | "false" | "listbox" | "tree";
654
+ 'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree";
655
655
  'aria-hidden'?: boolean | "true" | "false";
656
656
  'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
657
657
  'aria-keyshortcuts'?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vincentgraul/react-components",
3
- "version": "1.0.23",
3
+ "version": "1.0.25",
4
4
  "main": "build/index.js",
5
5
  "exports": {
6
6
  "./match-device": {
@@ -1,2 +0,0 @@
1
- export declare function fetchIcon(name: string): Promise<typeof import("./icons/Ad.js")>;
2
- //# sourceMappingURL=utils.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/language-selector/utils.ts"],"names":[],"mappings":"AAAA,wBAAsB,SAAS,CAAC,IAAI,EAAE,MAAM,2CAic3C"}
@@ -1,461 +0,0 @@
1
- var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
2
- function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
3
- return new (P || (P = Promise))(function (resolve, reject) {
4
- function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
5
- function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
6
- function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
7
- step((generator = generator.apply(thisArg, _arguments || [])).next());
8
- });
9
- };
10
- export function fetchIcon(name) {
11
- return __awaiter(this, void 0, void 0, function* () {
12
- switch (name) {
13
- case "ad":
14
- return yield import("./icons/Ad.js");
15
- case "ae":
16
- return yield import("./icons/Ae.js");
17
- case "af":
18
- return yield import("./icons/Af.js");
19
- case "ag":
20
- return yield import("./icons/Ag.js");
21
- case "ai":
22
- return yield import("./icons/Ai.js");
23
- case "al":
24
- return yield import("./icons/Al.js");
25
- case "am":
26
- return yield import("./icons/Am.js");
27
- case "ao":
28
- return yield import("./icons/Ao.js");
29
- case "ar":
30
- return yield import("./icons/Ar.js");
31
- case "as":
32
- return yield import("./icons/As.js");
33
- case "at":
34
- return yield import("./icons/At.js");
35
- case "au":
36
- return yield import("./icons/Au.js");
37
- case "aw":
38
- return yield import("./icons/Aw.js");
39
- case "az":
40
- return yield import("./icons/Az.js");
41
- case "ba":
42
- return yield import("./icons/Ba.js");
43
- case "bb":
44
- return yield import("./icons/Bb.js");
45
- case "bd":
46
- return yield import("./icons/Bd.js");
47
- case "be":
48
- return yield import("./icons/Be.js");
49
- case "bf":
50
- return yield import("./icons/Bf.js");
51
- case "bg":
52
- return yield import("./icons/Bg.js");
53
- case "bh":
54
- return yield import("./icons/Bh.js");
55
- case "bi":
56
- return yield import("./icons/Bi.js");
57
- case "bj":
58
- return yield import("./icons/Bj.js");
59
- case "bm":
60
- return yield import("./icons/Bm.js");
61
- case "bo":
62
- return yield import("./icons/Bo.js");
63
- case "br":
64
- return yield import("./icons/Br.js");
65
- case "bs":
66
- return yield import("./icons/Bs.js");
67
- case "bt":
68
- return yield import("./icons/Bt.js");
69
- case "bw":
70
- return yield import("./icons/Bw.js");
71
- case "by":
72
- return yield import("./icons/By.js");
73
- case "bz":
74
- return yield import("./icons/Bz.js");
75
- case "ca":
76
- return yield import("./icons/Ca.js");
77
- case "cd":
78
- return yield import("./icons/Cd.js");
79
- case "cf":
80
- return yield import("./icons/Cf.js");
81
- case "cg":
82
- return yield import("./icons/Cg.js");
83
- case "ch":
84
- return yield import("./icons/Ch.js");
85
- case "ci":
86
- return yield import("./icons/Ci.js");
87
- case "ck":
88
- return yield import("./icons/Ck.js");
89
- case "cl":
90
- return yield import("./icons/Cl.js");
91
- case "cm":
92
- return yield import("./icons/Cm.js");
93
- case "cn":
94
- return yield import("./icons/Cn.js");
95
- case "co":
96
- return yield import("./icons/Co.js");
97
- case "cr":
98
- return yield import("./icons/Cr.js");
99
- case "cu":
100
- return yield import("./icons/Cu.js");
101
- case "cv":
102
- return yield import("./icons/Cv.js");
103
- case "cw":
104
- return yield import("./icons/Cw.js");
105
- case "cy":
106
- return yield import("./icons/Cy.js");
107
- case "cz":
108
- return yield import("./icons/Cz.js");
109
- case "de":
110
- return yield import("./icons/De.js");
111
- case "dj":
112
- return yield import("./icons/Dj.js");
113
- case "dk":
114
- return yield import("./icons/Dk.js");
115
- case "dm":
116
- return yield import("./icons/Dm.js");
117
- case "do":
118
- return yield import("./icons/Do.js");
119
- case "dz":
120
- return yield import("./icons/Dz.js");
121
- case "ec":
122
- return yield import("./icons/Ec.js");
123
- case "ee":
124
- return yield import("./icons/Ee.js");
125
- case "eg":
126
- return yield import("./icons/Eg.js");
127
- case "er":
128
- return yield import("./icons/Er.js");
129
- case "es":
130
- return yield import("./icons/Es.js");
131
- case "et":
132
- return yield import("./icons/Et.js");
133
- case "fi":
134
- return yield import("./icons/Fi.js");
135
- case "fj":
136
- return yield import("./icons/Fj.js");
137
- case "fk":
138
- return yield import("./icons/Fk.js");
139
- case "fm":
140
- return yield import("./icons/Fm.js");
141
- case "fo":
142
- return yield import("./icons/Fo.js");
143
- case "fr":
144
- return yield import("./icons/Fr.js");
145
- case "ga":
146
- return yield import("./icons/Ga.js");
147
- case "gb":
148
- return yield import("./icons/Gb.js");
149
- case "gd":
150
- return yield import("./icons/Gd.js");
151
- case "ge":
152
- return yield import("./icons/Ge.js");
153
- case "gg":
154
- return yield import("./icons/Gg.js");
155
- case "gh":
156
- return yield import("./icons/Gh.js");
157
- case "gi":
158
- return yield import("./icons/Gi.js");
159
- case "gl":
160
- return yield import("./icons/Gl.js");
161
- case "gm":
162
- return yield import("./icons/Gm.js");
163
- case "gn":
164
- return yield import("./icons/Gn.js");
165
- case "gq":
166
- return yield import("./icons/Gq.js");
167
- case "gr":
168
- return yield import("./icons/Gr.js");
169
- case "gt":
170
- return yield import("./icons/Gt.js");
171
- case "gu":
172
- return yield import("./icons/Gu.js");
173
- case "gw":
174
- return yield import("./icons/Gw.js");
175
- case "hk":
176
- return yield import("./icons/Hk.js");
177
- case "hn":
178
- return yield import("./icons/Hn.js");
179
- case "hr":
180
- return yield import("./icons/Hr.js");
181
- case "ht":
182
- return yield import("./icons/Ht.js");
183
- case "hu":
184
- return yield import("./icons/Hu.js");
185
- case "id":
186
- return yield import("./icons/Id.js");
187
- case "ie":
188
- return yield import("./icons/Ie.js");
189
- case "il":
190
- return yield import("./icons/Il.js");
191
- case "im":
192
- return yield import("./icons/Im.js");
193
- case "in":
194
- return yield import("./icons/In.js");
195
- case "io":
196
- return yield import("./icons/Io.js");
197
- case "iq":
198
- return yield import("./icons/Iq.js");
199
- case "ir":
200
- return yield import("./icons/Ir.js");
201
- case "is":
202
- return yield import("./icons/Is.js");
203
- case "it":
204
- return yield import("./icons/It.js");
205
- case "je":
206
- return yield import("./icons/Je.js");
207
- case "jm":
208
- return yield import("./icons/Jm.js");
209
- case "jo":
210
- return yield import("./icons/Jo.js");
211
- case "jp":
212
- return yield import("./icons/Jp.js");
213
- case "ke":
214
- return yield import("./icons/Ke.js");
215
- case "kg":
216
- return yield import("./icons/Kg.js");
217
- case "kh":
218
- return yield import("./icons/Kh.js");
219
- case "ki":
220
- return yield import("./icons/Ki.js");
221
- case "km":
222
- return yield import("./icons/Km.js");
223
- case "kn":
224
- return yield import("./icons/Kn.js");
225
- case "kp":
226
- return yield import("./icons/Kp.js");
227
- case "kr":
228
- return yield import("./icons/Kr.js");
229
- case "kw":
230
- return yield import("./icons/Kw.js");
231
- case "ky":
232
- return yield import("./icons/Ky.js");
233
- case "kz":
234
- return yield import("./icons/Kz.js");
235
- case "la":
236
- return yield import("./icons/La.js");
237
- case "lb":
238
- return yield import("./icons/Lb.js");
239
- case "li":
240
- return yield import("./icons/Li.js");
241
- case "lk":
242
- return yield import("./icons/Lk.js");
243
- case "lr":
244
- return yield import("./icons/Lr.js");
245
- case "ls":
246
- return yield import("./icons/Ls.js");
247
- case "lt":
248
- return yield import("./icons/Lt.js");
249
- case "lu":
250
- return yield import("./icons/Lu.js");
251
- case "lv":
252
- return yield import("./icons/Lv.js");
253
- case "ly":
254
- return yield import("./icons/Ly.js");
255
- case "ma":
256
- return yield import("./icons/Ma.js");
257
- case "mc":
258
- return yield import("./icons/Mc.js");
259
- case "md":
260
- return yield import("./icons/Md.js");
261
- case "me":
262
- return yield import("./icons/Me.js");
263
- case "mg":
264
- return yield import("./icons/Mg.js");
265
- case "mh":
266
- return yield import("./icons/Mh.js");
267
- case "mk":
268
- return yield import("./icons/Mk.js");
269
- case "ml":
270
- return yield import("./icons/Ml.js");
271
- case "mm":
272
- return yield import("./icons/Mm.js");
273
- case "mn":
274
- return yield import("./icons/Mn.js");
275
- case "mo":
276
- return yield import("./icons/Mo.js");
277
- case "mp":
278
- return yield import("./icons/Mp.js");
279
- case "mq":
280
- return yield import("./icons/Mq.js");
281
- case "mr":
282
- return yield import("./icons/Mr.js");
283
- case "ms":
284
- return yield import("./icons/Ms.js");
285
- case "mt":
286
- return yield import("./icons/Mt.js");
287
- case "mu":
288
- return yield import("./icons/Mu.js");
289
- case "mv":
290
- return yield import("./icons/Mv.js");
291
- case "mw":
292
- return yield import("./icons/Mw.js");
293
- case "mx":
294
- return yield import("./icons/Mx.js");
295
- case "my":
296
- return yield import("./icons/My.js");
297
- case "mz":
298
- return yield import("./icons/Mz.js");
299
- case "na":
300
- return yield import("./icons/Na.js");
301
- case "nato":
302
- return yield import("./icons/Nato.js");
303
- case "ne":
304
- return yield import("./icons/Ne.js");
305
- case "nf":
306
- return yield import("./icons/Nf.js");
307
- case "ng":
308
- return yield import("./icons/Ng.js");
309
- case "ni":
310
- return yield import("./icons/Ni.js");
311
- case "nl":
312
- return yield import("./icons/Nl.js");
313
- case "no":
314
- return yield import("./icons/No.js");
315
- case "np":
316
- return yield import("./icons/Np.js");
317
- case "nr":
318
- return yield import("./icons/Nr.js");
319
- case "nu":
320
- return yield import("./icons/Nu.js");
321
- case "nz":
322
- return yield import("./icons/Nz.js");
323
- case "om":
324
- return yield import("./icons/Om.js");
325
- case "pa":
326
- return yield import("./icons/Pa.js");
327
- case "pe":
328
- return yield import("./icons/Pe.js");
329
- case "pf":
330
- return yield import("./icons/Pf.js");
331
- case "pg":
332
- return yield import("./icons/Pg.js");
333
- case "ph":
334
- return yield import("./icons/Ph.js");
335
- case "pk":
336
- return yield import("./icons/Pk.js");
337
- case "pl":
338
- return yield import("./icons/Pl.js");
339
- case "pn":
340
- return yield import("./icons/Pn.js");
341
- case "pr":
342
- return yield import("./icons/Pr.js");
343
- case "ps":
344
- return yield import("./icons/Ps.js");
345
- case "pt":
346
- return yield import("./icons/Pt.js");
347
- case "pw":
348
- return yield import("./icons/Pw.js");
349
- case "py":
350
- return yield import("./icons/Py.js");
351
- case "qa":
352
- return yield import("./icons/Qa.js");
353
- case "ro":
354
- return yield import("./icons/Ro.js");
355
- case "rs":
356
- return yield import("./icons/Rs.js");
357
- case "ru":
358
- return yield import("./icons/Ru.js");
359
- case "rw":
360
- return yield import("./icons/Rw.js");
361
- case "sa":
362
- return yield import("./icons/Sa.js");
363
- case "sb":
364
- return yield import("./icons/Sb.js");
365
- case "sc":
366
- return yield import("./icons/Sc.js");
367
- case "sd":
368
- return yield import("./icons/Sd.js");
369
- case "se":
370
- return yield import("./icons/Se.js");
371
- case "sg":
372
- return yield import("./icons/Sg.js");
373
- case "si":
374
- return yield import("./icons/Si.js");
375
- case "sk":
376
- return yield import("./icons/Sk.js");
377
- case "sl":
378
- return yield import("./icons/Sl.js");
379
- case "sm":
380
- return yield import("./icons/Sm.js");
381
- case "sn":
382
- return yield import("./icons/Sn.js");
383
- case "so":
384
- return yield import("./icons/So.js");
385
- case "sq":
386
- return yield import("./icons/Sq.js");
387
- case "sr":
388
- return yield import("./icons/Sr.js");
389
- case "ss":
390
- return yield import("./icons/Ss.js");
391
- case "st":
392
- return yield import("./icons/St.js");
393
- case "sv":
394
- return yield import("./icons/Sv.js");
395
- case "sx":
396
- return yield import("./icons/Sx.js");
397
- case "sy":
398
- return yield import("./icons/Sy.js");
399
- case "sz":
400
- return yield import("./icons/Sz.js");
401
- case "tc":
402
- return yield import("./icons/Tc.js");
403
- case "td":
404
- return yield import("./icons/Td.js");
405
- case "tg":
406
- return yield import("./icons/Tg.js");
407
- case "th":
408
- return yield import("./icons/Th.js");
409
- case "tibet":
410
- return yield import("./icons/Tibet.js");
411
- case "tj":
412
- return yield import("./icons/Tj.js");
413
- case "tk":
414
- return yield import("./icons/Tk.js");
415
- case "tm":
416
- return yield import("./icons/Tm.js");
417
- case "tn":
418
- return yield import("./icons/Tn.js");
419
- case "to":
420
- return yield import("./icons/To.js");
421
- case "tr":
422
- return yield import("./icons/Tr.js");
423
- case "tt":
424
- return yield import("./icons/Tt.js");
425
- case "tv":
426
- return yield import("./icons/Tv.js");
427
- case "tw":
428
- return yield import("./icons/Tw.js");
429
- case "tz":
430
- return yield import("./icons/Tz.js");
431
- case "ua":
432
- return yield import("./icons/Ua.js");
433
- case "ug":
434
- return yield import("./icons/Ug.js");
435
- case "us":
436
- return yield import("./icons/Us.js");
437
- case "uy":
438
- return yield import("./icons/Uy.js");
439
- case "uz":
440
- return yield import("./icons/Uz.js");
441
- case "ve":
442
- return yield import("./icons/Ve.js");
443
- case "vi":
444
- return yield import("./icons/Vi.js");
445
- case "vn":
446
- return yield import("./icons/Vn.js");
447
- case "vu":
448
- return yield import("./icons/Vu.js");
449
- case "ws":
450
- return yield import("./icons/Ws.js");
451
- case "ye":
452
- return yield import("./icons/Ye.js");
453
- case "za":
454
- return yield import("./icons/Za.js");
455
- case "zm":
456
- return yield import("./icons/Zm.js");
457
- case "zw":
458
- return yield import("./icons/Zw.js");
459
- }
460
- });
461
- }