@hero-design/rn 8.103.2-alpha.0 → 8.103.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 (47) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +9 -2
  3. package/es/index.js +142 -143
  4. package/eslint.config.js +1 -0
  5. package/lib/index.js +141 -142
  6. package/package.json +1 -1
  7. package/src/components/BottomSheet/StyledBottomSheet.tsx +4 -3
  8. package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +153 -170
  9. package/src/components/BottomSheet/index.tsx +42 -31
  10. package/src/components/DatePicker/StyledDatePicker.tsx +1 -0
  11. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +358 -390
  12. package/src/components/PinInput/PinCell.tsx +6 -1
  13. package/src/components/PinInput/StyledPinInput.tsx +2 -2
  14. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +30 -0
  15. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +287 -5
  16. package/src/components/PinInput/__tests__/index.spec.tsx +33 -0
  17. package/src/components/PinInput/index.tsx +6 -2
  18. package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +3552 -3616
  19. package/src/components/Select/MultiSelect/index.tsx +15 -4
  20. package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +2469 -2517
  21. package/src/components/Select/SingleSelect/index.tsx +15 -4
  22. package/src/components/Select/index.internal.tsx +13 -0
  23. package/src/components/Select/index.tsx +14 -2
  24. package/src/components/Select/types.ts +4 -0
  25. package/src/components/TimePicker/StyledTimePicker.tsx +1 -0
  26. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +178 -194
  27. package/src/index.internal.ts +5 -0
  28. package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +0 -1
  29. package/src/theme/components/bottomSheet.ts +0 -1
  30. package/src/types.internal.ts +8 -0
  31. package/stats/8.103.1/rn-stats.html +1 -3
  32. package/stats/8.103.2/rn-stats.html +4844 -0
  33. package/stats/8.103.3/rn-stats.html +4844 -0
  34. package/types/components/BottomSheet/StyledBottomSheet.d.ts +1 -1
  35. package/types/components/Checkbox/index.d.ts +1 -1
  36. package/types/components/PinInput/StyledPinInput.d.ts +2 -4
  37. package/types/components/Select/MultiSelect/index.d.ts +5 -1
  38. package/types/components/Select/SingleSelect/index.d.ts +5 -1
  39. package/types/components/Select/index.d.ts +5 -3
  40. package/types/components/Select/index.internal.d.ts +8 -0
  41. package/types/components/Select/types.d.ts +4 -0
  42. package/types/components/TextInput/index.d.ts +1 -1
  43. package/types/index.internal.d.ts +4 -0
  44. package/types/theme/components/bottomSheet.d.ts +0 -1
  45. package/types/types.internal.d.ts +3 -0
  46. package/src/components/BottomSheet/ContentContainer.tsx +0 -34
  47. package/types/components/BottomSheet/ContentContainer.d.ts +0 -10
package/src/components/PinInput/PinCell.tsx CHANGED
@@ -19,7 +19,12 @@ function PinCell({
19
19
  state?: State;
20
20
  }) {
21
21
  return (
22
- <StyledCell themeFocused={focused} themeState={state}>
22
+ <StyledCell
23
+ themeFocused={focused}
24
+ themeState={state}
25
+ accessibilityState={{ selected: focused }}
26
+ testID="pin-cell"
27
+ >
23
28
  {value === '' && <StyledMask themeState={state} testID="pin-cell-mask" />}
24
29
  {value !== '' && secure && (
25
30
  <StyledFilledMask themeState={state} testID="pin-cell-filled-mask" />
package/src/components/PinInput/StyledPinInput.tsx CHANGED
@@ -1,12 +1,12 @@
1
1
  import styled from '@emotion/native';
2
- import { TextInput, View } from 'react-native';
2
+ import { Pressable, TextInput, View } from 'react-native';
3
3
  import Typography from '../Typography';
4
4
 
5
5
  export const StyledWrapper = styled(View)(() => ({
6
6
  alignContent: 'flex-start',
7
7
  }));
8
8
 
9
- export const StyledPinWrapper = styled(View)(() => ({
9
+ export const StyledPinWrapper = styled(Pressable)(() => ({
10
10
  flexDirection: 'row',
11
11
  }));
12
12
 
package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap CHANGED
@@ -9,6 +9,11 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
9
9
  }
10
10
  >
11
11
  <View
12
+ accessibilityState={
13
+ {
14
+ "selected": false,
15
+ }
16
+ }
12
17
  style={
13
18
  [
14
19
  {
@@ -23,6 +28,7 @@ exports[`PinCell renders correctly when focused is false, state is default 1`] =
23
28
  undefined,
24
29
  ]
25
30
  }
31
+ testID="pin-cell"
26
32
  themeFocused={false}
27
33
  themeState="default"
28
34
  >
@@ -85,6 +91,11 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
85
91
  }
86
92
  >
87
93
  <View
94
+ accessibilityState={
95
+ {
96
+ "selected": false,
97
+ }
98
+ }
88
99
  style={
89
100
  [
90
101
  {
@@ -99,6 +110,7 @@ exports[`PinCell renders correctly when focused is false, state is disabled 1`]
99
110
  undefined,
100
111
  ]
101
112
  }
113
+ testID="pin-cell"
102
114
  themeFocused={false}
103
115
  themeState="disabled"
104
116
  >
@@ -161,6 +173,11 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
161
173
  }
162
174
  >
163
175
  <View
176
+ accessibilityState={
177
+ {
178
+ "selected": false,
179
+ }
180
+ }
164
181
  style={
165
182
  [
166
183
  {
@@ -175,6 +192,7 @@ exports[`PinCell renders correctly when focused is false, state is error 1`] = `
175
192
  undefined,
176
193
  ]
177
194
  }
195
+ testID="pin-cell"
178
196
  themeFocused={false}
179
197
  themeState="error"
180
198
  >
@@ -237,6 +255,11 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
237
255
  }
238
256
  >
239
257
  <View
258
+ accessibilityState={
259
+ {
260
+ "selected": true,
261
+ }
262
+ }
240
263
  style={
241
264
  [
242
265
  {
@@ -251,6 +274,7 @@ exports[`PinCell renders correctly when focused is true, state is default 1`] =
251
274
  undefined,
252
275
  ]
253
276
  }
277
+ testID="pin-cell"
254
278
  themeFocused={true}
255
279
  themeState="default"
256
280
  >
@@ -313,6 +337,11 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
313
337
  }
314
338
  >
315
339
  <View
340
+ accessibilityState={
341
+ {
342
+ "selected": true,
343
+ }
344
+ }
316
345
  style={
317
346
  [
318
347
  {
@@ -327,6 +356,7 @@ exports[`PinCell renders correctly when focused is true, state is error 1`] = `
327
356
  undefined,
328
357
  ]
329
358
  }
359
+ testID="pin-cell"
330
360
  themeFocused={true}
331
361
  themeState="error"
332
362
  >