@hero-design/rn-work-uikit 1.9.5 → 1.10.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 (45) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/README.md +219 -63
  3. package/assets/fonts/hero-icons-mobile.ttf +0 -0
  4. package/es/index.js +55337 -0
  5. package/lib/index.js +7173 -21259
  6. package/package.json +22 -22
  7. package/src/components/FormGroup/index.tsx +21 -10
  8. package/src/components/FormGroup/utils.ts +3 -3
  9. package/src/components/TextInput/InputRow.tsx +3 -6
  10. package/src/components/TextInput/index.tsx +4 -4
  11. package/src/components/TextInput/types.ts +4 -8
  12. package/types/index.d.ts +525 -0
  13. package/src/__tests__/index-export.spec.ts +0 -64
  14. package/src/__tests__/index.spec.tsx +0 -14
  15. package/src/components/DatePicker/__tests__/__snapshots__/index.spec.tsx.snap +0 -1649
  16. package/src/components/DatePicker/__tests__/index.spec.tsx +0 -56
  17. package/src/components/FormGroup/__tests__/__snapshots__/index.spec.tsx.snap +0 -908
  18. package/src/components/FormGroup/__tests__/index.spec.tsx +0 -319
  19. package/src/components/FormGroup/__tests__/utils.spec.ts +0 -73
  20. package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx +0 -154
  21. package/src/components/RichTextEditor/__tests__/MentionList.spec.tsx +0 -105
  22. package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx +0 -81
  23. package/src/components/RichTextEditor/__tests__/RichTextEditorInput.spec.tsx +0 -174
  24. package/src/components/RichTextEditor/__tests__/__snapshots__/EditorToolbar.spec.tsx.snap +0 -407
  25. package/src/components/RichTextEditor/__tests__/__snapshots__/MentionList.spec.tsx.snap +0 -13
  26. package/src/components/Select/__tests__/__snapshots__/index.spec.tsx.snap +0 -1324
  27. package/src/components/Select/__tests__/index.spec.tsx +0 -43
  28. package/src/components/TextInput/__tests__/ErrorOrHelpText.spec.tsx +0 -20
  29. package/src/components/TextInput/__tests__/FloatingLabel.spec.tsx +0 -190
  30. package/src/components/TextInput/__tests__/InputComponent.spec.tsx +0 -41
  31. package/src/components/TextInput/__tests__/InputRow.spec.tsx +0 -233
  32. package/src/components/TextInput/__tests__/MaxLengthMessage.spec.tsx +0 -17
  33. package/src/components/TextInput/__tests__/PrefixComponent.spec.tsx +0 -14
  34. package/src/components/TextInput/__tests__/StyledTextInput.spec.tsx +0 -114
  35. package/src/components/TextInput/__tests__/SuffixComponent.spec.tsx +0 -20
  36. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +0 -583
  37. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +0 -5835
  38. package/src/components/TextInput/__tests__/getState.spec.tsx +0 -89
  39. package/src/components/TextInput/__tests__/index.spec.tsx +0 -679
  40. package/src/components/TimePicker/__tests__/index.spec.tsx +0 -34
  41. package/src/theme/__tests__/ThemeProvider.spec.tsx +0 -32
  42. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -2042
  43. package/src/theme/__tests__/index.spec.ts +0 -7
  44. package/src/utils/__tests__/helpers.spec.ts +0 -92
  45. package/stats/1.3.0/rn-work-uikit-stats.html +0 -4842
package/src/components/TextInput/__tests__/SuffixComponent.spec.tsx DELETED
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import renderWithTheme from '../../../../testUtils/renderWithTheme';
3
- import SuffixComponent from '../SuffixComponent';
4
-
5
- describe('SuffixComponent', () => {
6
- it('renders loading icon with loading', () => {
7
- const wrapper = renderWithTheme(
8
- <SuffixComponent loading suffix="dollar-sign" state="default" />
9
- );
10
-
11
- expect(wrapper.getByLabelText('Suffix icon: loading')).toBeDefined();
12
- });
13
-
14
- it('renders suffix icon', () => {
15
- const wrapper = renderWithTheme(
16
- <SuffixComponent loading={false} suffix="dollar-sign" state="default" />
17
- );
18
- expect(wrapper.getByLabelText('Suffix icon: dollar-sign')).toBeDefined();
19
- });
20
- });
package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap DELETED
@@ -1,583 +0,0 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`StyledBorder renders correctly when focused 1`] = `
4
- <View
5
- style={
6
- [
7
- [
8
- {
9
- "borderColor": "#001f23",
10
- "borderRadius": 8,
11
- "borderWidth": 2,
12
- },
13
- ],
14
- undefined,
15
- ]
16
- }
17
- themeFocused={true}
18
- themeState="error"
19
- />
20
- `;
21
-
22
- exports[`StyledBorder renders correctly with themeState default 1`] = `
23
- <View
24
- style={
25
- [
26
- [
27
- {
28
- "borderColor": "#e8e9ea",
29
- "borderRadius": 8,
30
- "borderWidth": 2,
31
- },
32
- ],
33
- undefined,
34
- ]
35
- }
36
- themeFocused={false}
37
- themeState="default"
38
- />
39
- `;
40
-
41
- exports[`StyledBorder renders correctly with themeState disabled 1`] = `
42
- <View
43
- style={
44
- [
45
- [
46
- {
47
- "borderColor": "#bfc1c5",
48
- "borderRadius": 8,
49
- "borderWidth": 2,
50
- },
51
- ],
52
- undefined,
53
- ]
54
- }
55
- themeFocused={false}
56
- themeState="disabled"
57
- />
58
- `;
59
-
60
- exports[`StyledBorder renders correctly with themeState error 1`] = `
61
- <View
62
- style={
63
- [
64
- [
65
- {
66
- "borderColor": "#cb300a",
67
- "borderRadius": 8,
68
- "borderWidth": 2,
69
- },
70
- ],
71
- undefined,
72
- ]
73
- }
74
- themeFocused={false}
75
- themeState="error"
76
- />
77
- `;
78
-
79
- exports[`StyledBorder renders correctly with themeState filled 1`] = `
80
- <View
81
- style={
82
- [
83
- [
84
- {
85
- "borderColor": "#e8e9ea",
86
- "borderRadius": 8,
87
- "borderWidth": 2,
88
- },
89
- ],
90
- undefined,
91
- ]
92
- }
93
- themeFocused={false}
94
- themeState="filled"
95
- />
96
- `;
97
-
98
- exports[`StyledBorder renders correctly with themeState readonly 1`] = `
99
- <View
100
- style={
101
- [
102
- [
103
- {
104
- "borderColor": "#bfc1c5",
105
- "borderRadius": 8,
106
- "borderWidth": 2,
107
- },
108
- ],
109
- undefined,
110
- ]
111
- }
112
- themeFocused={false}
113
- themeState="readonly"
114
- />
115
- `;
116
-
117
- exports[`StyledCharacterCount renders correctly with themeState default 1`] = `
118
- <Text
119
- allowFontScaling={false}
120
- style={
121
- [
122
- [
123
- {
124
- "color": "#001f23",
125
- "fontFamily": "BeVietnamPro-Regular",
126
- "fontSize": 11.76923076923077,
127
- "letterSpacing": 0.36,
128
- "lineHeight": 15.76923076923077,
129
- },
130
- ],
131
- [
132
- [
133
- {
134
- "color": "#001f23",
135
- "flex": 1,
136
- "flexGrow": 1,
137
- "textAlign": "right",
138
- },
139
- ],
140
- undefined,
141
- ],
142
- ]
143
- }
144
- themeFontWeight="regular"
145
- themeIntent="body"
146
- themeIsItalic={false}
147
- themeState="default"
148
- >
149
- 100/255
150
- </Text>
151
- `;
152
-
153
- exports[`StyledCharacterCount renders correctly with themeState disabled 1`] = `
154
- <Text
155
- allowFontScaling={false}
156
- style={
157
- [
158
- [
159
- {
160
- "color": "#001f23",
161
- "fontFamily": "BeVietnamPro-Regular",
162
- "fontSize": 11.76923076923077,
163
- "letterSpacing": 0.36,
164
- "lineHeight": 15.76923076923077,
165
- },
166
- ],
167
- [
168
- [
169
- {
170
- "color": "#bfc1c5",
171
- "flex": 1,
172
- "flexGrow": 1,
173
- "textAlign": "right",
174
- },
175
- ],
176
- undefined,
177
- ],
178
- ]
179
- }
180
- themeFontWeight="regular"
181
- themeIntent="body"
182
- themeIsItalic={false}
183
- themeState="disabled"
184
- >
185
- 100/255
186
- </Text>
187
- `;
188
-
189
- exports[`StyledCharacterCount renders correctly with themeState error 1`] = `
190
- <Text
191
- allowFontScaling={false}
192
- style={
193
- [
194
- [
195
- {
196
- "color": "#001f23",
197
- "fontFamily": "BeVietnamPro-Regular",
198
- "fontSize": 11.76923076923077,
199
- "letterSpacing": 0.36,
200
- "lineHeight": 15.76923076923077,
201
- },
202
- ],
203
- [
204
- [
205
- {
206
- "color": "#cb300a",
207
- "flex": 1,
208
- "flexGrow": 1,
209
- "textAlign": "right",
210
- },
211
- ],
212
- undefined,
213
- ],
214
- ]
215
- }
216
- themeFontWeight="regular"
217
- themeIntent="body"
218
- themeIsItalic={false}
219
- themeState="error"
220
- >
221
- 100/255
222
- </Text>
223
- `;
224
-
225
- exports[`StyledCharacterCount renders correctly with themeState filled 1`] = `
226
- <Text
227
- allowFontScaling={false}
228
- style={
229
- [
230
- [
231
- {
232
- "color": "#001f23",
233
- "fontFamily": "BeVietnamPro-Regular",
234
- "fontSize": 11.76923076923077,
235
- "letterSpacing": 0.36,
236
- "lineHeight": 15.76923076923077,
237
- },
238
- ],
239
- [
240
- [
241
- {
242
- "color": "#001f23",
243
- "flex": 1,
244
- "flexGrow": 1,
245
- "textAlign": "right",
246
- },
247
- ],
248
- undefined,
249
- ],
250
- ]
251
- }
252
- themeFontWeight="regular"
253
- themeIntent="body"
254
- themeIsItalic={false}
255
- themeState="filled"
256
- >
257
- 100/255
258
- </Text>
259
- `;
260
-
261
- exports[`StyledCharacterCount renders correctly with themeState readonly 1`] = `
262
- <Text
263
- allowFontScaling={false}
264
- style={
265
- [
266
- [
267
- {
268
- "color": "#001f23",
269
- "fontFamily": "BeVietnamPro-Regular",
270
- "fontSize": 11.76923076923077,
271
- "letterSpacing": 0.36,
272
- "lineHeight": 15.76923076923077,
273
- },
274
- ],
275
- [
276
- [
277
- {
278
- "color": "#808f91",
279
- "flex": 1,
280
- "flexGrow": 1,
281
- "textAlign": "right",
282
- },
283
- ],
284
- undefined,
285
- ],
286
- ]
287
- }
288
- themeFontWeight="regular"
289
- themeIntent="body"
290
- themeIsItalic={false}
291
- themeState="readonly"
292
- >
293
- 100/255
294
- </Text>
295
- `;
296
-
297
- exports[`StyledError renders correctly 1`] = `
298
- <Text
299
- allowFontScaling={false}
300
- style={
301
- [
302
- [
303
- {
304
- "color": "#001f23",
305
- "fontFamily": "BeVietnamPro-Regular",
306
- "fontSize": 11.76923076923077,
307
- "letterSpacing": 0.36,
308
- "lineHeight": 15.76923076923077,
309
- },
310
- ],
311
- [
312
- [
313
- {
314
- "color": "#cb300a",
315
- "marginLeft": 3.9230769230769234,
316
- },
317
- ],
318
- undefined,
319
- ],
320
- ]
321
- }
322
- themeFontWeight="regular"
323
- themeIntent="body"
324
- themeIsItalic={false}
325
- >
326
- must not exceed character limit
327
- </Text>
328
- `;
329
-
330
- exports[`StyledErrorRow renders correctly 1`] = `
331
- <View
332
- style={
333
- [
334
- [
335
- {
336
- "alignItems": "center",
337
- "flex": 1,
338
- "flexDirection": "row",
339
- "flexGrow": 4,
340
- "marginRight": 3.9230769230769234,
341
- },
342
- ],
343
- undefined,
344
- ]
345
- }
346
- />
347
- `;
348
-
349
- exports[`StyledHelperText renders correctly 1`] = `
350
- <Text
351
- allowFontScaling={false}
352
- style={
353
- [
354
- [
355
- {
356
- "color": "#001f23",
357
- "fontFamily": "BeVietnamPro-Regular",
358
- "fontSize": 11.76923076923077,
359
- "letterSpacing": 0.36,
360
- "lineHeight": 15.76923076923077,
361
- },
362
- ],
363
- undefined,
364
- ]
365
- }
366
- themeFontWeight="regular"
367
- themeIntent="body"
368
- themeIsItalic={false}
369
- >
370
- helper text
371
- </Text>
372
- `;
373
-
374
- exports[`StyledLabel renders correctly with themeState default 1`] = `
375
- <Text
376
- allowFontScaling={false}
377
- style={
378
- [
379
- [
380
- {
381
- "color": "#001f23",
382
- "fontFamily": "BeVietnamPro-Regular",
383
- "fontSize": 11.76923076923077,
384
- "letterSpacing": 0.36,
385
- "lineHeight": 15.76923076923077,
386
- },
387
- ],
388
- [
389
- [
390
- {
391
- "color": "#808f91",
392
- },
393
- ],
394
- undefined,
395
- ],
396
- ]
397
- }
398
- themeFontWeight="regular"
399
- themeIntent="body"
400
- themeIsItalic={false}
401
- themeState="default"
402
- >
403
- Label
404
- </Text>
405
- `;
406
-
407
- exports[`StyledLabel renders correctly with themeState disabled 1`] = `
408
- <Text
409
- allowFontScaling={false}
410
- style={
411
- [
412
- [
413
- {
414
- "color": "#001f23",
415
- "fontFamily": "BeVietnamPro-Regular",
416
- "fontSize": 11.76923076923077,
417
- "letterSpacing": 0.36,
418
- "lineHeight": 15.76923076923077,
419
- },
420
- ],
421
- [
422
- [
423
- {
424
- "color": "#bfc1c5",
425
- },
426
- ],
427
- undefined,
428
- ],
429
- ]
430
- }
431
- themeFontWeight="regular"
432
- themeIntent="body"
433
- themeIsItalic={false}
434
- themeState="disabled"
435
- >
436
- Label
437
- </Text>
438
- `;
439
-
440
- exports[`StyledLabel renders correctly with themeState error 1`] = `
441
- <Text
442
- allowFontScaling={false}
443
- style={
444
- [
445
- [
446
- {
447
- "color": "#001f23",
448
- "fontFamily": "BeVietnamPro-Regular",
449
- "fontSize": 11.76923076923077,
450
- "letterSpacing": 0.36,
451
- "lineHeight": 15.76923076923077,
452
- },
453
- ],
454
- [
455
- [
456
- {
457
- "color": "#cb300a",
458
- },
459
- ],
460
- undefined,
461
- ],
462
- ]
463
- }
464
- themeFontWeight="regular"
465
- themeIntent="body"
466
- themeIsItalic={false}
467
- themeState="error"
468
- >
469
- Label
470
- </Text>
471
- `;
472
-
473
- exports[`StyledLabel renders correctly with themeState filled 1`] = `
474
- <Text
475
- allowFontScaling={false}
476
- style={
477
- [
478
- [
479
- {
480
- "color": "#001f23",
481
- "fontFamily": "BeVietnamPro-Regular",
482
- "fontSize": 11.76923076923077,
483
- "letterSpacing": 0.36,
484
- "lineHeight": 15.76923076923077,
485
- },
486
- ],
487
- [
488
- [
489
- {
490
- "color": "#808f91",
491
- },
492
- ],
493
- undefined,
494
- ],
495
- ]
496
- }
497
- themeFontWeight="regular"
498
- themeIntent="body"
499
- themeIsItalic={false}
500
- themeState="filled"
501
- >
502
- Label
503
- </Text>
504
- `;
505
-
506
- exports[`StyledLabel renders correctly with themeState readonly 1`] = `
507
- <Text
508
- allowFontScaling={false}
509
- style={
510
- [
511
- [
512
- {
513
- "color": "#001f23",
514
- "fontFamily": "BeVietnamPro-Regular",
515
- "fontSize": 11.76923076923077,
516
- "letterSpacing": 0.36,
517
- "lineHeight": 15.76923076923077,
518
- },
519
- ],
520
- [
521
- [
522
- {
523
- "color": "#808f91",
524
- },
525
- ],
526
- undefined,
527
- ],
528
- ]
529
- }
530
- themeFontWeight="regular"
531
- themeIntent="body"
532
- themeIsItalic={false}
533
- themeState="readonly"
534
- >
535
- Label
536
- </Text>
537
- `;
538
-
539
- exports[`StyledTextInput renders correctly with $themeState state 1`] = `
540
- <TextInput
541
- style={
542
- [
543
- [
544
- {
545
- "flexGrow": 2,
546
- "fontFamily": "BeVietnamPro-Regular",
547
- "fontSize": 15.692307692307693,
548
- "height": undefined,
549
- "maxHeight": 141.23076923076923,
550
- "minHeight": 23.53846153846154,
551
- "paddingVertical": 0,
552
- "textAlignVertical": "center",
553
- },
554
- ],
555
- undefined,
556
- ]
557
- }
558
- themeVariant="text"
559
- />
560
- `;
561
-
562
- exports[`StyledTextInput renders correctly with $themeState state 2`] = `
563
- <TextInput
564
- style={
565
- [
566
- [
567
- {
568
- "flexGrow": 2,
569
- "fontFamily": "BeVietnamPro-Regular",
570
- "fontSize": 15.692307692307693,
571
- "height": 141.23076923076923,
572
- "maxHeight": 141.23076923076923,
573
- "minHeight": 23.53846153846154,
574
- "paddingVertical": 0,
575
- "textAlignVertical": "top",
576
- },
577
- ],
578
- undefined,
579
- ]
580
- }
581
- themeVariant="textarea"
582
- />
583
- `;