@hero-design/rn 8.2.0 → 8.2.2
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.
- package/.turbo/turbo-build.log +9 -9
- package/es/index.js +4246 -4084
- package/lib/index.js +4245 -4083
- package/package.json +6 -6
- package/src/components/BottomSheet/BottomSheetContext.ts +11 -0
- package/src/components/BottomSheet/ScrollView.tsx +57 -0
- package/src/components/BottomSheet/__tests__/__snapshots__/index.spec.tsx.snap +9 -24
- package/src/components/BottomSheet/__tests__/index.spec.tsx +17 -0
- package/src/components/BottomSheet/index.tsx +21 -8
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerAndroid.spec.tsx.snap +1 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +1 -24
- package/src/components/PinInput/__tests__/__snapshots__/index.spec.tsx.snap +4 -0
- package/src/components/PinInput/index.tsx +1 -0
- package/src/components/RichTextEditor/__tests__/__snapshots__/RichTextEditor.spec.tsx.snap +2 -0
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +6 -72
- package/src/components/Select/SingleSelect/__tests__/__snapshots__/index.spec.tsx.snap +6 -36
- package/src/components/TextInput/StyledTextInput.tsx +2 -0
- package/src/components/TextInput/__tests__/__snapshots__/StyledTextInput.spec.tsx.snap +6 -0
- package/src/components/TextInput/__tests__/__snapshots__/index.spec.tsx.snap +19 -0
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerAndroid.spec.tsx.snap +2 -0
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +2 -24
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +4 -0
- package/src/theme/components/textInput.ts +6 -1
- package/types/components/BottomSheet/BottomSheetContext.d.ts +5 -0
- package/types/components/BottomSheet/ScrollView.d.ts +3 -0
- package/types/components/BottomSheet/index.d.ts +5 -3
- package/types/theme/components/textInput.d.ts +4 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.2.
|
|
3
|
+
"version": "8.2.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@emotion/native": "^11.9.3",
|
|
23
23
|
"@emotion/react": "^11.9.3",
|
|
24
|
-
"@hero-design/colors": "8.2.
|
|
24
|
+
"@hero-design/colors": "8.2.2",
|
|
25
25
|
"date-fns": "^2.16.1",
|
|
26
26
|
"events": "^3.2.0",
|
|
27
|
-
"hero-editor": "^1.9.
|
|
27
|
+
"hero-editor": "^1.9.21"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"@react-native-community/datetimepicker": "^3.5.2",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"@babel/preset-typescript": "^7.17.12",
|
|
45
45
|
"@babel/runtime": "^7.18.9",
|
|
46
46
|
"@emotion/jest": "^11.9.3",
|
|
47
|
-
"@hero-design/eslint-plugin": "8.2.
|
|
47
|
+
"@hero-design/eslint-plugin": "8.2.2",
|
|
48
48
|
"@react-native-community/datetimepicker": "^3.5.2",
|
|
49
49
|
"@react-native-community/slider": "4.1.12",
|
|
50
50
|
"@rollup/plugin-babel": "^5.3.1",
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
"@types/react-native": "^0.67.7",
|
|
61
61
|
"@types/react-native-vector-icons": "^6.4.10",
|
|
62
62
|
"babel-plugin-inline-import": "^3.0.0",
|
|
63
|
-
"eslint-config-hd": "8.2.
|
|
63
|
+
"eslint-config-hd": "8.2.2",
|
|
64
64
|
"jest": "^27.3.1",
|
|
65
|
-
"prettier-config-hd": "8.2.
|
|
65
|
+
"prettier-config-hd": "8.2.2",
|
|
66
66
|
"react": "18.0.0",
|
|
67
67
|
"react-native": "0.69.7",
|
|
68
68
|
"react-native-gesture-handler": "~2.1.0",
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { createContext } from 'react';
|
|
2
|
+
|
|
3
|
+
export type BottomSheetContextType = {
|
|
4
|
+
setInternalShowDivider: (value: boolean) => void;
|
|
5
|
+
};
|
|
6
|
+
|
|
7
|
+
const BottomSheetContext = createContext<BottomSheetContextType>(
|
|
8
|
+
{} as BottomSheetContextType
|
|
9
|
+
);
|
|
10
|
+
|
|
11
|
+
export default BottomSheetContext;
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import React, { useContext, useCallback } from 'react';
|
|
2
|
+
import {
|
|
3
|
+
NativeScrollEvent,
|
|
4
|
+
NativeSyntheticEvent,
|
|
5
|
+
ScrollView,
|
|
6
|
+
ScrollViewProps,
|
|
7
|
+
} from 'react-native';
|
|
8
|
+
import BottomSheetContext, {
|
|
9
|
+
BottomSheetContextType,
|
|
10
|
+
} from './BottomSheetContext';
|
|
11
|
+
|
|
12
|
+
const BottomSheetScrollView = ({
|
|
13
|
+
scrollEventThrottle = 100,
|
|
14
|
+
...props
|
|
15
|
+
}: ScrollViewProps): JSX.Element => {
|
|
16
|
+
const { setInternalShowDivider } =
|
|
17
|
+
useContext<BottomSheetContextType>(BottomSheetContext);
|
|
18
|
+
|
|
19
|
+
const onScrollBeginDrag = useCallback(
|
|
20
|
+
(e: NativeSyntheticEvent<NativeScrollEvent>) => {
|
|
21
|
+
setInternalShowDivider(true);
|
|
22
|
+
|
|
23
|
+
props?.onScrollBeginDrag?.(e);
|
|
24
|
+
},
|
|
25
|
+
[]
|
|
26
|
+
);
|
|
27
|
+
|
|
28
|
+
const onMomentumScrollBegin = useCallback(
|
|
29
|
+
(e: NativeSyntheticEvent<NativeScrollEvent>) => {
|
|
30
|
+
setInternalShowDivider(true);
|
|
31
|
+
|
|
32
|
+
props?.onMomentumScrollEnd?.(e);
|
|
33
|
+
},
|
|
34
|
+
[]
|
|
35
|
+
);
|
|
36
|
+
|
|
37
|
+
const onMomentumScrollEnd = useCallback(
|
|
38
|
+
(e: NativeSyntheticEvent<NativeScrollEvent>) => {
|
|
39
|
+
setInternalShowDivider(false);
|
|
40
|
+
|
|
41
|
+
props?.onMomentumScrollEnd?.(e);
|
|
42
|
+
},
|
|
43
|
+
[]
|
|
44
|
+
);
|
|
45
|
+
|
|
46
|
+
return (
|
|
47
|
+
<ScrollView
|
|
48
|
+
{...props}
|
|
49
|
+
onScrollBeginDrag={onScrollBeginDrag}
|
|
50
|
+
onMomentumScrollBegin={onMomentumScrollBegin}
|
|
51
|
+
onMomentumScrollEnd={onMomentumScrollEnd}
|
|
52
|
+
scrollEventThrottle={scrollEventThrottle}
|
|
53
|
+
/>
|
|
54
|
+
);
|
|
55
|
+
};
|
|
56
|
+
|
|
57
|
+
export default BottomSheetScrollView;
|
|
@@ -1,5 +1,14 @@
|
|
|
1
1
|
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
2
|
|
|
3
|
+
exports[`BottomSheet renders correctly with BottomSheet.ScrollView 1`] = `
|
|
4
|
+
<Modal
|
|
5
|
+
hardwareAccelerated={false}
|
|
6
|
+
onRequestClose={[MockFunction]}
|
|
7
|
+
transparent={true}
|
|
8
|
+
visible={false}
|
|
9
|
+
/>
|
|
10
|
+
`;
|
|
11
|
+
|
|
3
12
|
exports[`BottomSheet renders correctly with close state 1`] = `
|
|
4
13
|
<Modal
|
|
5
14
|
hardwareAccelerated={false}
|
|
@@ -196,34 +205,10 @@ exports[`BottomSheet renders correctly with open state 1`] = `
|
|
|
196
205
|
</View>
|
|
197
206
|
</View>
|
|
198
207
|
</View>
|
|
199
|
-
<View
|
|
200
|
-
style={
|
|
201
|
-
Array [
|
|
202
|
-
Object {
|
|
203
|
-
"borderBottomColor": "#e8e9ea",
|
|
204
|
-
"borderBottomWidth": 1,
|
|
205
|
-
"maxWidth": "100%",
|
|
206
|
-
},
|
|
207
|
-
undefined,
|
|
208
|
-
]
|
|
209
|
-
}
|
|
210
|
-
/>
|
|
211
208
|
<Text>
|
|
212
209
|
Content
|
|
213
210
|
</Text>
|
|
214
211
|
<View>
|
|
215
|
-
<View
|
|
216
|
-
style={
|
|
217
|
-
Array [
|
|
218
|
-
Object {
|
|
219
|
-
"borderBottomColor": "#e8e9ea",
|
|
220
|
-
"borderBottomWidth": 1,
|
|
221
|
-
"maxWidth": "100%",
|
|
222
|
-
},
|
|
223
|
-
undefined,
|
|
224
|
-
]
|
|
225
|
-
}
|
|
226
|
-
/>
|
|
227
212
|
<View
|
|
228
213
|
style={
|
|
229
214
|
Array [
|
|
@@ -40,6 +40,23 @@ describe('BottomSheet', () => {
|
|
|
40
40
|
expect(toJSON()).toMatchSnapshot();
|
|
41
41
|
});
|
|
42
42
|
|
|
43
|
+
it('renders correctly with BottomSheet.ScrollView', () => {
|
|
44
|
+
const { toJSON } = renderWithTheme(
|
|
45
|
+
<BottomSheet
|
|
46
|
+
open={false}
|
|
47
|
+
header="Title"
|
|
48
|
+
footer={<Button title="Footer CTA" />}
|
|
49
|
+
onRequestClose={jest.fn()}
|
|
50
|
+
>
|
|
51
|
+
<BottomSheet.ScrollView>
|
|
52
|
+
<Content />
|
|
53
|
+
</BottomSheet.ScrollView>
|
|
54
|
+
</BottomSheet>
|
|
55
|
+
);
|
|
56
|
+
|
|
57
|
+
expect(toJSON()).toMatchSnapshot();
|
|
58
|
+
});
|
|
59
|
+
|
|
43
60
|
describe('Header', () => {
|
|
44
61
|
it('renders default header correctly', () => {
|
|
45
62
|
const { getByText } = renderWithTheme(
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
-
import
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import React, { useEffect, useMemo, useRef, useState } from 'react';
|
|
3
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
2
4
|
import {
|
|
3
5
|
Animated,
|
|
4
6
|
Dimensions,
|
|
@@ -7,8 +9,7 @@ import {
|
|
|
7
9
|
Modal,
|
|
8
10
|
Platform,
|
|
9
11
|
} from 'react-native';
|
|
10
|
-
import
|
|
11
|
-
import type { StyleProp, ViewStyle } from 'react-native';
|
|
12
|
+
import BottomSheetContext from './BottomSheetContext';
|
|
12
13
|
import Footer from './Footer';
|
|
13
14
|
import Header from './Header';
|
|
14
15
|
import {
|
|
@@ -17,6 +18,7 @@ import {
|
|
|
17
18
|
StyledKeyboardAvoidingView,
|
|
18
19
|
StyledWrapper,
|
|
19
20
|
} from './StyledBottomSheet';
|
|
21
|
+
import ScrollView from './ScrollView';
|
|
20
22
|
|
|
21
23
|
interface BottomSheetProps {
|
|
22
24
|
/**
|
|
@@ -72,7 +74,6 @@ interface BottomSheetProps {
|
|
|
72
74
|
* Testing id of the component.
|
|
73
75
|
*/
|
|
74
76
|
testID?: string;
|
|
75
|
-
|
|
76
77
|
/**
|
|
77
78
|
* keyboardAvoidingView's props
|
|
78
79
|
* */
|
|
@@ -90,7 +91,7 @@ const BottomSheet = ({
|
|
|
90
91
|
onDismiss,
|
|
91
92
|
showCloseButton = true,
|
|
92
93
|
hasBackdrop = true,
|
|
93
|
-
showDivider =
|
|
94
|
+
showDivider = false,
|
|
94
95
|
style,
|
|
95
96
|
testID,
|
|
96
97
|
keyboardAvoidingViewProps = {},
|
|
@@ -100,6 +101,8 @@ const BottomSheet = ({
|
|
|
100
101
|
// Internal state to control modal open/close timing with animation
|
|
101
102
|
const [visible, setVisibility] = useState<boolean>(open);
|
|
102
103
|
const animatedValue = useRef(new Animated.Value(open ? 0 : 1));
|
|
104
|
+
const [internalShowDivider, setInternalShowDivider] =
|
|
105
|
+
useState<boolean>(showDivider);
|
|
103
106
|
|
|
104
107
|
useEffect(() => {
|
|
105
108
|
// Show the modal before the open animation start
|
|
@@ -146,6 +149,11 @@ const BottomSheet = ({
|
|
|
146
149
|
})
|
|
147
150
|
: 0;
|
|
148
151
|
|
|
152
|
+
const BottomSheetContextValue = useMemo(
|
|
153
|
+
() => ({ setInternalShowDivider }),
|
|
154
|
+
[setInternalShowDivider]
|
|
155
|
+
);
|
|
156
|
+
|
|
149
157
|
return (
|
|
150
158
|
<Modal
|
|
151
159
|
visible={visible}
|
|
@@ -179,12 +187,15 @@ const BottomSheet = ({
|
|
|
179
187
|
{header !== undefined ? (
|
|
180
188
|
<Header
|
|
181
189
|
content={header}
|
|
182
|
-
showDivider={
|
|
190
|
+
showDivider={internalShowDivider}
|
|
183
191
|
onRequestClose={onRequestClose}
|
|
184
192
|
showCloseButton={showCloseButton}
|
|
185
193
|
/>
|
|
186
194
|
) : null}
|
|
187
|
-
{
|
|
195
|
+
<BottomSheetContext.Provider value={BottomSheetContextValue}>
|
|
196
|
+
{children}
|
|
197
|
+
</BottomSheetContext.Provider>
|
|
198
|
+
|
|
188
199
|
{footer ? (
|
|
189
200
|
<Footer showDivider={showDivider}>{footer}</Footer>
|
|
190
201
|
) : null}
|
|
@@ -195,4 +206,6 @@ const BottomSheet = ({
|
|
|
195
206
|
);
|
|
196
207
|
};
|
|
197
208
|
|
|
198
|
-
export default BottomSheet
|
|
209
|
+
export default Object.assign(BottomSheet, {
|
|
210
|
+
ScrollView,
|
|
211
|
+
});
|
|
@@ -146,6 +146,7 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
146
146
|
"alignSelf": "stretch",
|
|
147
147
|
"flexGrow": 2,
|
|
148
148
|
"fontSize": 14,
|
|
149
|
+
"lineHeight": 18,
|
|
149
150
|
"marginHorizontal": 8,
|
|
150
151
|
"paddingVertical": 0,
|
|
151
152
|
"textAlignVertical": "center",
|
|
@@ -427,18 +428,6 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
427
428
|
</View>
|
|
428
429
|
</View>
|
|
429
430
|
</View>
|
|
430
|
-
<View
|
|
431
|
-
style={
|
|
432
|
-
Array [
|
|
433
|
-
Object {
|
|
434
|
-
"borderBottomColor": "#e8e9ea",
|
|
435
|
-
"borderBottomWidth": 1,
|
|
436
|
-
"maxWidth": "100%",
|
|
437
|
-
},
|
|
438
|
-
undefined,
|
|
439
|
-
]
|
|
440
|
-
}
|
|
441
|
-
/>
|
|
442
431
|
<View
|
|
443
432
|
style={
|
|
444
433
|
Array [
|
|
@@ -463,18 +452,6 @@ exports[`DatePickerIOS renders correctly 1`] = `
|
|
|
463
452
|
/>
|
|
464
453
|
</View>
|
|
465
454
|
<View>
|
|
466
|
-
<View
|
|
467
|
-
style={
|
|
468
|
-
Array [
|
|
469
|
-
Object {
|
|
470
|
-
"borderBottomColor": "#e8e9ea",
|
|
471
|
-
"borderBottomWidth": 1,
|
|
472
|
-
"maxWidth": "100%",
|
|
473
|
-
},
|
|
474
|
-
undefined,
|
|
475
|
-
]
|
|
476
|
-
}
|
|
477
|
-
/>
|
|
478
455
|
<View
|
|
479
456
|
style={
|
|
480
457
|
Array [
|
|
@@ -204,6 +204,7 @@ exports[`rendering renders correctly 1`] = `
|
|
|
204
204
|
onBlur={[Function]}
|
|
205
205
|
onChangeText={[Function]}
|
|
206
206
|
onFocus={[Function]}
|
|
207
|
+
pointerEvents="box-only"
|
|
207
208
|
secureTextEntry={true}
|
|
208
209
|
style={
|
|
209
210
|
Array [
|
|
@@ -429,6 +430,7 @@ exports[`rendering renders correctly when disabled 1`] = `
|
|
|
429
430
|
onBlur={[Function]}
|
|
430
431
|
onChangeText={[Function]}
|
|
431
432
|
onFocus={[Function]}
|
|
433
|
+
pointerEvents="box-only"
|
|
432
434
|
secureTextEntry={true}
|
|
433
435
|
style={
|
|
434
436
|
Array [
|
|
@@ -739,6 +741,7 @@ exports[`rendering renders correctly when length is 6 and secure is false 1`] =
|
|
|
739
741
|
onBlur={[Function]}
|
|
740
742
|
onChangeText={[Function]}
|
|
741
743
|
onFocus={[Function]}
|
|
744
|
+
pointerEvents="box-only"
|
|
742
745
|
secureTextEntry={false}
|
|
743
746
|
style={
|
|
744
747
|
Array [
|
|
@@ -1006,6 +1009,7 @@ exports[`rendering renders correctly when there is error 1`] = `
|
|
|
1006
1009
|
onBlur={[Function]}
|
|
1007
1010
|
onChangeText={[Function]}
|
|
1008
1011
|
onFocus={[Function]}
|
|
1012
|
+
pointerEvents="box-only"
|
|
1009
1013
|
secureTextEntry={true}
|
|
1010
1014
|
style={
|
|
1011
1015
|
Array [
|
|
@@ -91,6 +91,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
|
|
|
91
91
|
"alignItems": "center",
|
|
92
92
|
"color": "#001f23",
|
|
93
93
|
"fontSize": 14,
|
|
94
|
+
"lineHeight": 18,
|
|
94
95
|
"textAlignVertical": "center",
|
|
95
96
|
},
|
|
96
97
|
undefined,
|
|
@@ -354,6 +355,7 @@ exports[`RichTextEditor should render correctly 1`] = `
|
|
|
354
355
|
"alignItems": "center",
|
|
355
356
|
"color": "#001f23",
|
|
356
357
|
"fontSize": 14,
|
|
358
|
+
"lineHeight": 18,
|
|
357
359
|
"textAlignVertical": "center",
|
|
358
360
|
},
|
|
359
361
|
undefined,
|
|
@@ -116,6 +116,7 @@ Array [
|
|
|
116
116
|
"alignItems": "center",
|
|
117
117
|
"color": "#001f23",
|
|
118
118
|
"fontSize": 14,
|
|
119
|
+
"lineHeight": 18,
|
|
119
120
|
"textAlignVertical": "center",
|
|
120
121
|
},
|
|
121
122
|
undefined,
|
|
@@ -151,6 +152,7 @@ Array [
|
|
|
151
152
|
"alignSelf": "stretch",
|
|
152
153
|
"flexGrow": 2,
|
|
153
154
|
"fontSize": 14,
|
|
155
|
+
"lineHeight": 18,
|
|
154
156
|
"marginHorizontal": 8,
|
|
155
157
|
"paddingVertical": 0,
|
|
156
158
|
"textAlignVertical": "center",
|
|
@@ -393,18 +395,6 @@ Array [
|
|
|
393
395
|
</View>
|
|
394
396
|
</View>
|
|
395
397
|
</View>
|
|
396
|
-
<View
|
|
397
|
-
style={
|
|
398
|
-
Array [
|
|
399
|
-
Object {
|
|
400
|
-
"borderBottomColor": "#e8e9ea",
|
|
401
|
-
"borderBottomWidth": 1,
|
|
402
|
-
"maxWidth": "100%",
|
|
403
|
-
},
|
|
404
|
-
undefined,
|
|
405
|
-
]
|
|
406
|
-
}
|
|
407
|
-
/>
|
|
408
398
|
<RCTScrollView
|
|
409
399
|
ListFooterComponent={null}
|
|
410
400
|
data={
|
|
@@ -1286,18 +1276,6 @@ Array [
|
|
|
1286
1276
|
</View>
|
|
1287
1277
|
</RCTScrollView>
|
|
1288
1278
|
<View>
|
|
1289
|
-
<View
|
|
1290
|
-
style={
|
|
1291
|
-
Array [
|
|
1292
|
-
Object {
|
|
1293
|
-
"borderBottomColor": "#e8e9ea",
|
|
1294
|
-
"borderBottomWidth": 1,
|
|
1295
|
-
"maxWidth": "100%",
|
|
1296
|
-
},
|
|
1297
|
-
undefined,
|
|
1298
|
-
]
|
|
1299
|
-
}
|
|
1300
|
-
/>
|
|
1301
1279
|
<View
|
|
1302
1280
|
style={
|
|
1303
1281
|
Array [
|
|
@@ -1529,6 +1507,7 @@ Array [
|
|
|
1529
1507
|
"alignSelf": "stretch",
|
|
1530
1508
|
"flexGrow": 2,
|
|
1531
1509
|
"fontSize": 14,
|
|
1510
|
+
"lineHeight": 18,
|
|
1532
1511
|
"marginHorizontal": 8,
|
|
1533
1512
|
"paddingVertical": 0,
|
|
1534
1513
|
"textAlignVertical": "center",
|
|
@@ -1739,6 +1718,7 @@ Array [
|
|
|
1739
1718
|
"alignSelf": "stretch",
|
|
1740
1719
|
"flexGrow": 2,
|
|
1741
1720
|
"fontSize": 14,
|
|
1721
|
+
"lineHeight": 18,
|
|
1742
1722
|
"marginHorizontal": 8,
|
|
1743
1723
|
"paddingVertical": 0,
|
|
1744
1724
|
"textAlignVertical": "center",
|
|
@@ -1981,18 +1961,6 @@ Array [
|
|
|
1981
1961
|
</View>
|
|
1982
1962
|
</View>
|
|
1983
1963
|
</View>
|
|
1984
|
-
<View
|
|
1985
|
-
style={
|
|
1986
|
-
Array [
|
|
1987
|
-
Object {
|
|
1988
|
-
"borderBottomColor": "#e8e9ea",
|
|
1989
|
-
"borderBottomWidth": 1,
|
|
1990
|
-
"maxWidth": "100%",
|
|
1991
|
-
},
|
|
1992
|
-
undefined,
|
|
1993
|
-
]
|
|
1994
|
-
}
|
|
1995
|
-
/>
|
|
1996
1964
|
<RCTScrollView
|
|
1997
1965
|
ListFooterComponent={null}
|
|
1998
1966
|
data={
|
|
@@ -3051,18 +3019,6 @@ Array [
|
|
|
3051
3019
|
</View>
|
|
3052
3020
|
</RCTScrollView>
|
|
3053
3021
|
<View>
|
|
3054
|
-
<View
|
|
3055
|
-
style={
|
|
3056
|
-
Array [
|
|
3057
|
-
Object {
|
|
3058
|
-
"borderBottomColor": "#e8e9ea",
|
|
3059
|
-
"borderBottomWidth": 1,
|
|
3060
|
-
"maxWidth": "100%",
|
|
3061
|
-
},
|
|
3062
|
-
undefined,
|
|
3063
|
-
]
|
|
3064
|
-
}
|
|
3065
|
-
/>
|
|
3066
3022
|
<View
|
|
3067
3023
|
style={
|
|
3068
3024
|
Array [
|
|
@@ -3294,6 +3250,7 @@ Array [
|
|
|
3294
3250
|
"alignSelf": "stretch",
|
|
3295
3251
|
"flexGrow": 2,
|
|
3296
3252
|
"fontSize": 14,
|
|
3253
|
+
"lineHeight": 18,
|
|
3297
3254
|
"marginHorizontal": 8,
|
|
3298
3255
|
"paddingVertical": 0,
|
|
3299
3256
|
"textAlignVertical": "center",
|
|
@@ -3517,6 +3474,7 @@ Array [
|
|
|
3517
3474
|
"alignSelf": "stretch",
|
|
3518
3475
|
"flexGrow": 2,
|
|
3519
3476
|
"fontSize": 14,
|
|
3477
|
+
"lineHeight": 18,
|
|
3520
3478
|
"marginHorizontal": 8,
|
|
3521
3479
|
"paddingVertical": 0,
|
|
3522
3480
|
"textAlignVertical": "center",
|
|
@@ -3759,18 +3717,6 @@ Array [
|
|
|
3759
3717
|
</View>
|
|
3760
3718
|
</View>
|
|
3761
3719
|
</View>
|
|
3762
|
-
<View
|
|
3763
|
-
style={
|
|
3764
|
-
Array [
|
|
3765
|
-
Object {
|
|
3766
|
-
"borderBottomColor": "#e8e9ea",
|
|
3767
|
-
"borderBottomWidth": 1,
|
|
3768
|
-
"maxWidth": "100%",
|
|
3769
|
-
},
|
|
3770
|
-
undefined,
|
|
3771
|
-
]
|
|
3772
|
-
}
|
|
3773
|
-
/>
|
|
3774
3720
|
<RCTScrollView
|
|
3775
3721
|
ListFooterComponent={null}
|
|
3776
3722
|
data={
|
|
@@ -4447,18 +4393,6 @@ Array [
|
|
|
4447
4393
|
</View>
|
|
4448
4394
|
</RCTScrollView>
|
|
4449
4395
|
<View>
|
|
4450
|
-
<View
|
|
4451
|
-
style={
|
|
4452
|
-
Array [
|
|
4453
|
-
Object {
|
|
4454
|
-
"borderBottomColor": "#e8e9ea",
|
|
4455
|
-
"borderBottomWidth": 1,
|
|
4456
|
-
"maxWidth": "100%",
|
|
4457
|
-
},
|
|
4458
|
-
undefined,
|
|
4459
|
-
]
|
|
4460
|
-
}
|
|
4461
|
-
/>
|
|
4462
4396
|
<View
|
|
4463
4397
|
style={
|
|
4464
4398
|
Array [
|
|
@@ -116,6 +116,7 @@ Array [
|
|
|
116
116
|
"alignItems": "center",
|
|
117
117
|
"color": "#001f23",
|
|
118
118
|
"fontSize": 14,
|
|
119
|
+
"lineHeight": 18,
|
|
119
120
|
"textAlignVertical": "center",
|
|
120
121
|
},
|
|
121
122
|
undefined,
|
|
@@ -151,6 +152,7 @@ Array [
|
|
|
151
152
|
"alignSelf": "stretch",
|
|
152
153
|
"flexGrow": 2,
|
|
153
154
|
"fontSize": 14,
|
|
155
|
+
"lineHeight": 18,
|
|
154
156
|
"marginHorizontal": 8,
|
|
155
157
|
"paddingVertical": 0,
|
|
156
158
|
"textAlignVertical": "center",
|
|
@@ -392,18 +394,6 @@ Array [
|
|
|
392
394
|
</View>
|
|
393
395
|
</View>
|
|
394
396
|
</View>
|
|
395
|
-
<View
|
|
396
|
-
style={
|
|
397
|
-
Array [
|
|
398
|
-
Object {
|
|
399
|
-
"borderBottomColor": "#e8e9ea",
|
|
400
|
-
"borderBottomWidth": 1,
|
|
401
|
-
"maxWidth": "100%",
|
|
402
|
-
},
|
|
403
|
-
undefined,
|
|
404
|
-
]
|
|
405
|
-
}
|
|
406
|
-
/>
|
|
407
397
|
<RCTScrollView
|
|
408
398
|
ListFooterComponent={null}
|
|
409
399
|
data={
|
|
@@ -1437,6 +1427,7 @@ Array [
|
|
|
1437
1427
|
"alignSelf": "stretch",
|
|
1438
1428
|
"flexGrow": 2,
|
|
1439
1429
|
"fontSize": 14,
|
|
1430
|
+
"lineHeight": 18,
|
|
1440
1431
|
"marginHorizontal": 8,
|
|
1441
1432
|
"paddingVertical": 0,
|
|
1442
1433
|
"textAlignVertical": "center",
|
|
@@ -1647,6 +1638,7 @@ Array [
|
|
|
1647
1638
|
"alignSelf": "stretch",
|
|
1648
1639
|
"flexGrow": 2,
|
|
1649
1640
|
"fontSize": 14,
|
|
1641
|
+
"lineHeight": 18,
|
|
1650
1642
|
"marginHorizontal": 8,
|
|
1651
1643
|
"paddingVertical": 0,
|
|
1652
1644
|
"textAlignVertical": "center",
|
|
@@ -1889,18 +1881,6 @@ Array [
|
|
|
1889
1881
|
</View>
|
|
1890
1882
|
</View>
|
|
1891
1883
|
</View>
|
|
1892
|
-
<View
|
|
1893
|
-
style={
|
|
1894
|
-
Array [
|
|
1895
|
-
Object {
|
|
1896
|
-
"borderBottomColor": "#e8e9ea",
|
|
1897
|
-
"borderBottomWidth": 1,
|
|
1898
|
-
"maxWidth": "100%",
|
|
1899
|
-
},
|
|
1900
|
-
undefined,
|
|
1901
|
-
]
|
|
1902
|
-
}
|
|
1903
|
-
/>
|
|
1904
1884
|
<RCTScrollView
|
|
1905
1885
|
ListFooterComponent={null}
|
|
1906
1886
|
data={
|
|
@@ -3057,6 +3037,7 @@ Array [
|
|
|
3057
3037
|
"alignSelf": "stretch",
|
|
3058
3038
|
"flexGrow": 2,
|
|
3059
3039
|
"fontSize": 14,
|
|
3040
|
+
"lineHeight": 18,
|
|
3060
3041
|
"marginHorizontal": 8,
|
|
3061
3042
|
"paddingVertical": 0,
|
|
3062
3043
|
"textAlignVertical": "center",
|
|
@@ -3280,6 +3261,7 @@ Array [
|
|
|
3280
3261
|
"alignSelf": "stretch",
|
|
3281
3262
|
"flexGrow": 2,
|
|
3282
3263
|
"fontSize": 14,
|
|
3264
|
+
"lineHeight": 18,
|
|
3283
3265
|
"marginHorizontal": 8,
|
|
3284
3266
|
"paddingVertical": 0,
|
|
3285
3267
|
"textAlignVertical": "center",
|
|
@@ -3522,18 +3504,6 @@ Array [
|
|
|
3522
3504
|
</View>
|
|
3523
3505
|
</View>
|
|
3524
3506
|
</View>
|
|
3525
|
-
<View
|
|
3526
|
-
style={
|
|
3527
|
-
Array [
|
|
3528
|
-
Object {
|
|
3529
|
-
"borderBottomColor": "#e8e9ea",
|
|
3530
|
-
"borderBottomWidth": 1,
|
|
3531
|
-
"maxWidth": "100%",
|
|
3532
|
-
},
|
|
3533
|
-
undefined,
|
|
3534
|
-
]
|
|
3535
|
-
}
|
|
3536
|
-
/>
|
|
3537
3507
|
<RCTScrollView
|
|
3538
3508
|
ListFooterComponent={null}
|
|
3539
3509
|
data={
|
|
@@ -43,6 +43,7 @@ const StyledLabelInsideTextInput = styled(Typography.Text)<{
|
|
|
43
43
|
textAlignVertical: 'center',
|
|
44
44
|
alignContent: 'center',
|
|
45
45
|
fontSize: theme.__hd__.textInput.fontSizes.labelInsideTextInput,
|
|
46
|
+
lineHeight: theme.__hd__.textInput.lineHeights.labelInsideTextInput,
|
|
46
47
|
alignItems: 'center',
|
|
47
48
|
color: theme.__hd__.textInput.colors.labelsInsideTextInput[themeVariant],
|
|
48
49
|
}));
|
|
@@ -86,6 +87,7 @@ const StyledHelperText = styled(Typography.Text)(({ theme }) => ({
|
|
|
86
87
|
const StyledTextInput = styled(TextInput)(({ theme }) => ({
|
|
87
88
|
textAlignVertical: 'center',
|
|
88
89
|
fontSize: theme.__hd__.textInput.fontSizes.text,
|
|
90
|
+
lineHeight: theme.__hd__.textInput.lineHeights.text,
|
|
89
91
|
alignSelf: 'stretch',
|
|
90
92
|
flexGrow: 2,
|
|
91
93
|
marginHorizontal: theme.__hd__.textInput.space.inputHorizontalMargin,
|