@hero-design/rn 8.103.2 → 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 (35) hide show
  1. package/.turbo/turbo-build.log +3 -3
  2. package/CHANGELOG.md +7 -0
  3. package/es/index.js +102 -86
  4. package/eslint.config.js +1 -0
  5. package/lib/index.js +102 -86
  6. package/package.json +1 -1
  7. package/src/components/DatePicker/StyledDatePicker.tsx +1 -0
  8. package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +2 -0
  9. package/src/components/PinInput/PinCell.tsx +6 -1
  10. package/src/components/PinInput/StyledPinInput.tsx +2 -2
  11. package/src/components/PinInput/__tests__/__snapshots__/PinCell.spec.tsx.snap +30 -0
  12. package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +287 -5
  13. package/src/components/PinInput/__tests__/index.spec.tsx +33 -0
  14. package/src/components/PinInput/index.tsx +6 -2
  15. package/src/components/Select/MultiSelect/index.tsx +15 -4
  16. package/src/components/Select/SingleSelect/index.tsx +15 -4
  17. package/src/components/Select/index.internal.tsx +13 -0
  18. package/src/components/Select/index.tsx +14 -2
  19. package/src/components/Select/types.ts +4 -0
  20. package/src/components/TimePicker/StyledTimePicker.tsx +1 -0
  21. package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -0
  22. package/src/index.internal.ts +5 -0
  23. package/src/types.internal.ts +8 -0
  24. package/stats/8.103.2/rn-stats.html +3 -1
  25. package/stats/8.103.3/rn-stats.html +4844 -0
  26. package/types/components/Checkbox/index.d.ts +1 -1
  27. package/types/components/PinInput/StyledPinInput.d.ts +2 -4
  28. package/types/components/Select/MultiSelect/index.d.ts +5 -1
  29. package/types/components/Select/SingleSelect/index.d.ts +5 -1
  30. package/types/components/Select/index.d.ts +5 -3
  31. package/types/components/Select/index.internal.d.ts +8 -0
  32. package/types/components/Select/types.d.ts +4 -0
  33. package/types/components/TextInput/index.d.ts +1 -1
  34. package/types/index.internal.d.ts +4 -0
  35. package/types/types.internal.d.ts +3 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hero-design/rn",
3
- "version": "8.103.2",
3
+ "version": "8.103.3",
4
4
  "license": "MIT",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
package/src/components/DatePicker/StyledDatePicker.tsx CHANGED
@@ -4,6 +4,7 @@ import type { ViewProps } from 'react-native';
4
4
 
5
5
  const StyledPickerWrapper = styled(View)<ViewProps>(({ theme }) => ({
6
6
  height: theme.__hd__.datePicker.sizes.height,
7
+ alignItems: 'center',
7
8
  }));
8
9
 
9
10
  export { StyledPickerWrapper };
package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap CHANGED
@@ -524,6 +524,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
524
524
  style={
525
525
  [
526
526
  {
527
+ "alignItems": "center",
527
528
  "height": 176,
528
529
  },
529
530
  undefined,
@@ -1192,6 +1193,7 @@ exports[`DatePickerIOS renders correctly with custom locale 1`] = `
1192
1193
  style={
1193
1194
  [
1194
1195
  {
1196
+ "alignItems": "center",
1195
1197
  "height": 176,
1196
1198
  },
1197
1199
  undefined,
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
  >