@hero-design/rn 8.99.1 → 8.99.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.
Files changed (29) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +14 -0
  3. package/es/index.js +29 -27
  4. package/lib/index.js +29 -27
  5. package/package.json +1 -1
  6. package/src/components/DatePicker/__tests__/__snapshots__/DatePicker.spec.tsx.snap +45 -96
  7. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +15 -32
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerCalendar.spec.tsx.snap +15 -32
  9. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +30 -64
  10. package/src/components/RichTextEditor/RichTextEditor.tsx +3 -11
  11. package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +30 -64
  12. package/src/components/Select/MultiSelect/OptionList.tsx +6 -4
  13. package/src/components/Select/MultiSelect/__tests__/OptionList.spec.tsx +45 -0
  14. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +106 -225
  15. package/src/components/Select/MultiSelect/__tests__/index.spec.tsx +40 -0
  16. package/src/components/Select/MultiSelect/__tests__/utils.spec.ts +31 -0
  17. package/src/components/Select/MultiSelect/index.tsx +3 -2
  18. package/src/components/Select/MultiSelect/utils.ts +12 -0
  19. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +91 -193
  20. package/src/components/TextInput/StyledTextInput.tsx +8 -9
  21. package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +42 -122
  22. package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +246 -520
  23. package/src/components/TextInput/index.tsx +3 -11
  24. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +30 -64
  25. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +30 -64
  26. package/stats/8.99.2/rn-stats.html +4842 -0
  27. package/stats/8.99.3/rn-stats.html +4844 -0
  28. package/types/components/Select/MultiSelect/utils.d.ts +2 -0
  29. package/types/components/TextInput/StyledTextInput.d.ts +5 -2
package/src/components/TextInput/index.tsx CHANGED
@@ -453,11 +453,12 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
453
453
 
454
454
  <View>{renderPrefix({ state, prefix })}</View>
455
455
  <StyledLabelContainerInsideTextInput
456
+ themeHasPrefix={!!prefix}
456
457
  themeVariant={variant}
457
458
  pointerEvents="none"
458
459
  style={[
459
460
  {
460
- position: 'absolute',
461
+ transformOrigin: 'left top',
461
462
  },
462
463
  {
463
464
  transform: [
@@ -472,15 +473,6 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
472
473
  ],
473
474
  }),
474
475
  },
475
- {
476
- translateX: focusAnimation.interpolate({
477
- inputRange: [0, 1],
478
- outputRange: [
479
- prefix ? theme.space.xxlarge : theme.space.medium,
480
- -theme.space.xlarge + theme.space.xsmall,
481
- ],
482
- }),
483
- },
484
476
  {
485
477
  scale: focusAnimation.interpolate({
486
478
  inputRange: [0, 1],
@@ -507,7 +499,7 @@ const TextInput = forwardRef<TextInputHandles, TextInputProps>(
507
499
  *
508
500
  </StyledAsteriskLabelInsideTextInput>
509
501
  )}
510
- <Typography.Body>{label}</Typography.Body>
502
+ <Typography.Body numberOfLines={1}>{label}</Typography.Body>
511
503
  </StyledLabelInsideTextInput>
512
504
  )}
513
505
  </StyledLabelContainerInsideTextInput>
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap CHANGED
@@ -106,64 +106,47 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
106
106
  {
107
107
  "alignItems": "center",
108
108
  "flexDirection": "row",
109
- "justifyContent": "center",
110
- "left": 0,
109
+ "left": 24,
111
110
  "position": "absolute",
112
- "right": 0,
111
+ "right": 16,
113
112
  "top": -10.666666666666666,
114
113
  "transform": [
115
114
  {
116
115
  "translateY": 0,
117
116
  },
118
- {
119
- "translateX": 16,
120
- },
121
117
  {
122
118
  "scale": 1,
123
119
  },
124
120
  ],
121
+ "transformOrigin": "left top",
125
122
  "zIndex": 1,
126
123
  }
127
124
  }
125
+ themeHasPrefix={false}
128
126
  themeVariant="text"
129
127
  >
130
- <Text
131
- allowFontScaling={false}
128
+ <View
132
129
  style={
133
130
  [
134
131
  {
132
+ "alignContent": "center",
133
+ "alignItems": "center",
135
134
  "color": "#001f23",
136
- "fontFamily": "BeVietnamPro-Regular",
137
- "fontSize": 16,
138
- "letterSpacing": 0.48,
139
- "lineHeight": 24,
135
+ "flexDirection": "row",
136
+ "marginTop": -2,
137
+ "textAlignVertical": "center",
138
+ },
139
+ {
140
+ "backgroundColor": "#ffffff",
140
141
  },
141
- [
142
- {
143
- "alignContent": "center",
144
- "alignItems": "center",
145
- "color": "#001f23",
146
- "left": 0,
147
- "marginTop": -2,
148
- "position": "absolute",
149
- "textAlignVertical": "center",
150
- "top": "50%",
151
- "zIndex": 1,
152
- },
153
- {
154
- "backgroundColor": "#ffffff",
155
- },
156
- ],
157
142
  ]
158
143
  }
159
144
  testID="input-label"
160
- themeIntent="body"
161
145
  themeState="filled"
162
- themeTypeface="neutral"
163
- themeVariant="regular"
164
146
  >
165
147
  <Text
166
148
  allowFontScaling={false}
149
+ numberOfLines={1}
167
150
  style={
168
151
  [
169
152
  {
@@ -182,7 +165,7 @@ exports[`TimePickerAndroid renders correct with hide suffix 1`] = `
182
165
  >
183
166
  Break time
184
167
  </Text>
185
- </Text>
168
+ </View>
186
169
  </View>
187
170
  <View
188
171
  style={
@@ -413,64 +396,47 @@ exports[`TimePickerAndroid renders correctly 1`] = `
413
396
  {
414
397
  "alignItems": "center",
415
398
  "flexDirection": "row",
416
- "justifyContent": "center",
417
- "left": 0,
399
+ "left": 24,
418
400
  "position": "absolute",
419
- "right": 0,
401
+ "right": 16,
420
402
  "top": -10.666666666666666,
421
403
  "transform": [
422
404
  {
423
405
  "translateY": 0,
424
406
  },
425
- {
426
- "translateX": 16,
427
- },
428
407
  {
429
408
  "scale": 1,
430
409
  },
431
410
  ],
411
+ "transformOrigin": "left top",
432
412
  "zIndex": 1,
433
413
  }
434
414
  }
415
+ themeHasPrefix={false}
435
416
  themeVariant="text"
436
417
  >
437
- <Text
438
- allowFontScaling={false}
418
+ <View
439
419
  style={
440
420
  [
441
421
  {
422
+ "alignContent": "center",
423
+ "alignItems": "center",
442
424
  "color": "#001f23",
443
- "fontFamily": "BeVietnamPro-Regular",
444
- "fontSize": 16,
445
- "letterSpacing": 0.48,
446
- "lineHeight": 24,
425
+ "flexDirection": "row",
426
+ "marginTop": -2,
427
+ "textAlignVertical": "center",
428
+ },
429
+ {
430
+ "backgroundColor": "#ffffff",
447
431
  },
448
- [
449
- {
450
- "alignContent": "center",
451
- "alignItems": "center",
452
- "color": "#001f23",
453
- "left": 0,
454
- "marginTop": -2,
455
- "position": "absolute",
456
- "textAlignVertical": "center",
457
- "top": "50%",
458
- "zIndex": 1,
459
- },
460
- {
461
- "backgroundColor": "#ffffff",
462
- },
463
- ],
464
432
  ]
465
433
  }
466
434
  testID="input-label"
467
- themeIntent="body"
468
435
  themeState="filled"
469
- themeTypeface="neutral"
470
- themeVariant="regular"
471
436
  >
472
437
  <Text
473
438
  allowFontScaling={false}
439
+ numberOfLines={1}
474
440
  style={
475
441
  [
476
442
  {
@@ -489,7 +455,7 @@ exports[`TimePickerAndroid renders correctly 1`] = `
489
455
  >
490
456
  Break time
491
457
  </Text>
492
- </Text>
458
+ </View>
493
459
  </View>
494
460
  <View
495
461
  style={
package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap CHANGED
@@ -106,64 +106,47 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
106
106
  {
107
107
  "alignItems": "center",
108
108
  "flexDirection": "row",
109
- "justifyContent": "center",
110
- "left": 0,
109
+ "left": 24,
111
110
  "position": "absolute",
112
- "right": 0,
111
+ "right": 16,
113
112
  "top": -10.666666666666666,
114
113
  "transform": [
115
114
  {
116
115
  "translateY": 0,
117
116
  },
118
- {
119
- "translateX": 16,
120
- },
121
117
  {
122
118
  "scale": 1,
123
119
  },
124
120
  ],
121
+ "transformOrigin": "left top",
125
122
  "zIndex": 1,
126
123
  }
127
124
  }
125
+ themeHasPrefix={false}
128
126
  themeVariant="text"
129
127
  >
130
- <Text
131
- allowFontScaling={false}
128
+ <View
132
129
  style={
133
130
  [
134
131
  {
132
+ "alignContent": "center",
133
+ "alignItems": "center",
135
134
  "color": "#001f23",
136
- "fontFamily": "BeVietnamPro-Regular",
137
- "fontSize": 16,
138
- "letterSpacing": 0.48,
139
- "lineHeight": 24,
135
+ "flexDirection": "row",
136
+ "marginTop": -2,
137
+ "textAlignVertical": "center",
138
+ },
139
+ {
140
+ "backgroundColor": "#ffffff",
140
141
  },
141
- [
142
- {
143
- "alignContent": "center",
144
- "alignItems": "center",
145
- "color": "#001f23",
146
- "left": 0,
147
- "marginTop": -2,
148
- "position": "absolute",
149
- "textAlignVertical": "center",
150
- "top": "50%",
151
- "zIndex": 1,
152
- },
153
- {
154
- "backgroundColor": "#ffffff",
155
- },
156
- ],
157
142
  ]
158
143
  }
159
144
  testID="input-label"
160
- themeIntent="body"
161
145
  themeState="filled"
162
- themeTypeface="neutral"
163
- themeVariant="regular"
164
146
  >
165
147
  <Text
166
148
  allowFontScaling={false}
149
+ numberOfLines={1}
167
150
  style={
168
151
  [
169
152
  {
@@ -182,7 +165,7 @@ exports[`TimePickerIOS renders correct with hide suffix 1`] = `
182
165
  >
183
166
  Break time
184
167
  </Text>
185
- </Text>
168
+ </View>
186
169
  </View>
187
170
  <View
188
171
  style={
@@ -413,64 +396,47 @@ exports[`TimePickerIOS renders correctly 1`] = `
413
396
  {
414
397
  "alignItems": "center",
415
398
  "flexDirection": "row",
416
- "justifyContent": "center",
417
- "left": 0,
399
+ "left": 24,
418
400
  "position": "absolute",
419
- "right": 0,
401
+ "right": 16,
420
402
  "top": -10.666666666666666,
421
403
  "transform": [
422
404
  {
423
405
  "translateY": 0,
424
406
  },
425
- {
426
- "translateX": 16,
427
- },
428
407
  {
429
408
  "scale": 1,
430
409
  },
431
410
  ],
411
+ "transformOrigin": "left top",
432
412
  "zIndex": 1,
433
413
  }
434
414
  }
415
+ themeHasPrefix={false}
435
416
  themeVariant="text"
436
417
  >
437
- <Text
438
- allowFontScaling={false}
418
+ <View
439
419
  style={
440
420
  [
441
421
  {
422
+ "alignContent": "center",
423
+ "alignItems": "center",
442
424
  "color": "#001f23",
443
- "fontFamily": "BeVietnamPro-Regular",
444
- "fontSize": 16,
445
- "letterSpacing": 0.48,
446
- "lineHeight": 24,
425
+ "flexDirection": "row",
426
+ "marginTop": -2,
427
+ "textAlignVertical": "center",
428
+ },
429
+ {
430
+ "backgroundColor": "#ffffff",
447
431
  },
448
- [
449
- {
450
- "alignContent": "center",
451
- "alignItems": "center",
452
- "color": "#001f23",
453
- "left": 0,
454
- "marginTop": -2,
455
- "position": "absolute",
456
- "textAlignVertical": "center",
457
- "top": "50%",
458
- "zIndex": 1,
459
- },
460
- {
461
- "backgroundColor": "#ffffff",
462
- },
463
- ],
464
432
  ]
465
433
  }
466
434
  testID="input-label"
467
- themeIntent="body"
468
435
  themeState="filled"
469
- themeTypeface="neutral"
470
- themeVariant="regular"
471
436
  >
472
437
  <Text
473
438
  allowFontScaling={false}
439
+ numberOfLines={1}
474
440
  style={
475
441
  [
476
442
  {
@@ -489,7 +455,7 @@ exports[`TimePickerIOS renders correctly 1`] = `
489
455
  >
490
456
  Break time
491
457
  </Text>
492
- </Text>
458
+ </View>
493
459
  </View>
494
460
  <View
495
461
  style={