@jobber/components-native 0.73.0 → 0.73.2-JOB-107192-38c798c.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.
- package/dist/package.json +3 -6
- package/dist/src/ContentOverlay/ContentOverlay.js +7 -4
- package/dist/src/ContentOverlay/ContentOverlay.style.js +5 -7
- package/dist/src/InputText/InputText.js +1 -3
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/src/ActionItem/components/ActionItemContainer.style.d.ts +1 -1
- package/dist/types/src/Banner/Banner.style.d.ts +2 -2
- package/dist/types/src/Button/Button.style.d.ts +2 -2
- package/dist/types/src/ButtonGroup/ButtonGroup.style.d.ts +1 -1
- package/dist/types/src/Card/Card.style.d.ts +1 -1
- package/dist/types/src/Checkbox/Checkbox.style.d.ts +2 -2
- package/dist/types/src/Checkbox/CheckboxGroup.style.d.ts +1 -1
- package/dist/types/src/ContentOverlay/ContentOverlay.style.d.ts +5 -7
- package/dist/types/src/Disclosure/Disclosure.style.d.ts +1 -1
- package/dist/types/src/ErrorMessageWrapper/ErrorMessageWrapper.style.d.ts +4 -4
- package/dist/types/src/Form/Form.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormActionBar/FormActionBar.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormBody/FormBody.style.d.ts +1 -1
- package/dist/types/src/Form/components/FormMask/FormMask.style.d.ts +2 -2
- package/dist/types/src/Form/components/FormMessage/components/InternalFormMessage/InternalFormMessage.style.d.ts +1 -1
- package/dist/types/src/FormatFile/components/FileView/FileView.style.d.ts +5 -5
- package/dist/types/src/FormatFile/components/MediaView/MediaView.style.d.ts +4 -4
- package/dist/types/src/FormatFile/components/ProgressBar/ProgressBar.style.d.ts +2 -2
- package/dist/types/src/Glimmer/Glimmer.shape.style.d.ts +3 -3
- package/dist/types/src/Glimmer/Glimmer.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/CommonInputStyles.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/InputFieldWrapper.style.d.ts +2 -2
- package/dist/types/src/InputFieldWrapper/components/ClearAction/ClearAction.style.d.ts +1 -1
- package/dist/types/src/InputSearch/InputSearch.style.d.ts +1 -1
- package/dist/types/src/InputTime/InputTime.style.d.ts +1 -1
- package/dist/types/src/ProgressBar/ProgressBar.style.d.ts +4 -4
- package/dist/types/src/Select/Select.style.d.ts +5 -5
- package/dist/types/src/Select/components/SelectDefaultPicker/SelectDefaultPicker.style.d.ts +2 -2
- package/dist/types/src/Switch/Switch.styles.d.ts +1 -1
- package/dist/types/src/TextList/TextList.style.d.ts +1 -1
- package/dist/types/src/Toast/Toast.styles.d.ts +1 -1
- package/package.json +3 -6
- package/src/ContentOverlay/ContentOverlay.style.ts +6 -7
- package/src/ContentOverlay/ContentOverlay.tsx +5 -4
- package/src/InputText/InputText.tsx +0 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
borderColor: string;
|
|
5
5
|
borderStyle: "solid";
|
|
6
6
|
borderBottomWidth: number;
|
|
@@ -21,7 +21,7 @@ export declare const styles: {
|
|
|
21
21
|
marginTop: number;
|
|
22
22
|
};
|
|
23
23
|
fullWidth: {
|
|
24
|
-
width:
|
|
24
|
+
width: "100%";
|
|
25
25
|
};
|
|
26
26
|
bannerChildrenContent: {
|
|
27
27
|
marginBottom: number;
|
|
@@ -38,14 +38,14 @@ export declare const styles: {
|
|
|
38
38
|
};
|
|
39
39
|
content: {
|
|
40
40
|
paddingLeft: number;
|
|
41
|
-
height:
|
|
41
|
+
height: "100%";
|
|
42
42
|
};
|
|
43
43
|
contentWithLabel: {
|
|
44
44
|
paddingLeft: number;
|
|
45
45
|
};
|
|
46
46
|
iconStyle: {
|
|
47
47
|
position: "absolute";
|
|
48
|
-
top:
|
|
48
|
+
top: "50%";
|
|
49
49
|
left: number;
|
|
50
50
|
transform: {
|
|
51
51
|
translateY: number;
|
|
@@ -45,17 +45,15 @@ export declare const styles: {
|
|
|
45
45
|
hiddenContent: {
|
|
46
46
|
opacity: number;
|
|
47
47
|
};
|
|
48
|
-
|
|
48
|
+
title: {
|
|
49
49
|
flex: number;
|
|
50
|
-
flexDirection: "row";
|
|
51
50
|
justifyContent: "center";
|
|
52
|
-
|
|
53
|
-
|
|
51
|
+
paddingLeft: number;
|
|
52
|
+
};
|
|
53
|
+
titleWithoutDismiss: {
|
|
54
|
+
paddingRight: number;
|
|
54
55
|
};
|
|
55
56
|
titleWithDismiss: {
|
|
56
|
-
flex: number;
|
|
57
|
-
justifyContent: "center";
|
|
58
|
-
paddingLeft: number;
|
|
59
57
|
paddingRight: number;
|
|
60
58
|
};
|
|
61
59
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
wrapper: {
|
|
3
3
|
position: "relative";
|
|
4
|
-
width:
|
|
4
|
+
width: "100%";
|
|
5
5
|
};
|
|
6
6
|
wrapForCard: {
|
|
7
7
|
paddingHorizontal: number;
|
|
@@ -12,7 +12,7 @@ export declare const styles: {
|
|
|
12
12
|
};
|
|
13
13
|
messageWrapperIcon: {
|
|
14
14
|
flex: number;
|
|
15
|
-
flexBasis:
|
|
15
|
+
flexBasis: "auto";
|
|
16
16
|
paddingTop: number;
|
|
17
17
|
paddingRight: number;
|
|
18
18
|
};
|
|
@@ -23,7 +23,7 @@ export declare const styles: {
|
|
|
23
23
|
position: "absolute";
|
|
24
24
|
top: number;
|
|
25
25
|
left: number;
|
|
26
|
-
width:
|
|
27
|
-
height:
|
|
26
|
+
width: "100%";
|
|
27
|
+
height: "100%";
|
|
28
28
|
};
|
|
29
29
|
};
|
|
@@ -11,12 +11,12 @@ export declare const styles: {
|
|
|
11
11
|
marginBottom: number;
|
|
12
12
|
};
|
|
13
13
|
fileBackground: {
|
|
14
|
-
width:
|
|
14
|
+
width: "100%";
|
|
15
15
|
display: "flex";
|
|
16
16
|
alignItems: "center";
|
|
17
17
|
};
|
|
18
18
|
fileBackgroundGrid: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
};
|
|
21
21
|
fileBackgroundFlat: {
|
|
22
22
|
justifyContent: "center";
|
|
@@ -32,14 +32,14 @@ export declare const styles: {
|
|
|
32
32
|
alignItems: "center";
|
|
33
33
|
borderTopColor: string;
|
|
34
34
|
borderTopWidth: number;
|
|
35
|
-
width:
|
|
35
|
+
width: "100%";
|
|
36
36
|
marginTop: number;
|
|
37
37
|
};
|
|
38
38
|
fileName: {
|
|
39
39
|
alignItems: "center";
|
|
40
40
|
borderTopColor: string;
|
|
41
41
|
borderTopWidth: number;
|
|
42
|
-
width:
|
|
42
|
+
width: "100%";
|
|
43
43
|
};
|
|
44
44
|
fileNameGrid: {
|
|
45
45
|
position: "absolute";
|
|
@@ -56,7 +56,7 @@ export declare const styles: {
|
|
|
56
56
|
right: number;
|
|
57
57
|
bottom: number;
|
|
58
58
|
left: number;
|
|
59
|
-
height:
|
|
59
|
+
height: "100%";
|
|
60
60
|
paddingHorizontal: number;
|
|
61
61
|
};
|
|
62
62
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
imageBackground: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
justifyContent: "center";
|
|
5
5
|
alignItems: "center";
|
|
6
6
|
};
|
|
@@ -8,15 +8,15 @@ export declare const styles: {
|
|
|
8
8
|
aspectRatio: number;
|
|
9
9
|
};
|
|
10
10
|
imageBackgroundGrid: {
|
|
11
|
-
height:
|
|
11
|
+
height: "100%";
|
|
12
12
|
};
|
|
13
13
|
overlay: {
|
|
14
|
-
height:
|
|
14
|
+
height: "100%";
|
|
15
15
|
backgroundColor: string;
|
|
16
16
|
paddingHorizontal: number;
|
|
17
17
|
};
|
|
18
18
|
overlayError: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
backgroundColor: string;
|
|
21
21
|
paddingHorizontal: number;
|
|
22
22
|
borderColor: string;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const styles: {
|
|
2
2
|
container: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
height: number;
|
|
5
5
|
borderRadius: number;
|
|
6
6
|
overflow: "hidden";
|
|
7
7
|
backgroundColor: string;
|
|
8
8
|
};
|
|
9
9
|
progress: {
|
|
10
|
-
height:
|
|
10
|
+
height: "100%";
|
|
11
11
|
backgroundColor: string;
|
|
12
12
|
};
|
|
13
13
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
export declare const shapeStyles: {
|
|
2
2
|
rectangle: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
};
|
|
5
5
|
square: {
|
|
6
|
-
width:
|
|
6
|
+
width: "auto";
|
|
7
7
|
aspectRatio: number;
|
|
8
8
|
};
|
|
9
9
|
circle: {
|
|
10
|
-
width:
|
|
10
|
+
width: "auto";
|
|
11
11
|
aspectRatio: number;
|
|
12
12
|
borderRadius: number;
|
|
13
13
|
};
|
|
@@ -4,7 +4,7 @@ export declare const styles: {
|
|
|
4
4
|
backgroundColor: string;
|
|
5
5
|
overflow: "hidden";
|
|
6
6
|
position: "relative";
|
|
7
|
-
width:
|
|
7
|
+
width: "100%";
|
|
8
8
|
height: number;
|
|
9
9
|
borderRadius: number;
|
|
10
10
|
};
|
|
@@ -13,6 +13,6 @@ export declare const styles: {
|
|
|
13
13
|
top: number;
|
|
14
14
|
left: number;
|
|
15
15
|
width: number;
|
|
16
|
-
height:
|
|
16
|
+
height: "100%";
|
|
17
17
|
};
|
|
18
18
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
export declare const commonInputStyles: {
|
|
2
2
|
input: {
|
|
3
|
-
width:
|
|
3
|
+
width: "100%";
|
|
4
4
|
flexShrink: number;
|
|
5
5
|
flexGrow: number;
|
|
6
6
|
color: string;
|
|
@@ -23,7 +23,7 @@ export declare const commonInputStyles: {
|
|
|
23
23
|
minHeight: number;
|
|
24
24
|
flexDirection: "row";
|
|
25
25
|
justifyContent: "space-between";
|
|
26
|
-
width:
|
|
26
|
+
width: "100%";
|
|
27
27
|
borderColor: string;
|
|
28
28
|
borderStyle: "solid";
|
|
29
29
|
borderWidth: number;
|
|
@@ -6,7 +6,7 @@ export declare const styles: {
|
|
|
6
6
|
minHeight: number;
|
|
7
7
|
flexDirection: "row";
|
|
8
8
|
justifyContent: "space-between";
|
|
9
|
-
width:
|
|
9
|
+
width: "100%";
|
|
10
10
|
borderColor: string;
|
|
11
11
|
borderStyle: "solid";
|
|
12
12
|
borderWidth: number;
|
|
@@ -91,7 +91,7 @@ export declare const styles: {
|
|
|
91
91
|
zIndex: number;
|
|
92
92
|
};
|
|
93
93
|
toolbar: {
|
|
94
|
-
flexBasis:
|
|
94
|
+
flexBasis: "100%";
|
|
95
95
|
flexDirection: "row";
|
|
96
96
|
gap: number;
|
|
97
97
|
paddingBottom: number;
|
|
@@ -8,21 +8,21 @@ export declare const styles: {
|
|
|
8
8
|
};
|
|
9
9
|
progressBarInner: {
|
|
10
10
|
backgroundColor: string;
|
|
11
|
-
width:
|
|
12
|
-
height:
|
|
11
|
+
width: "100%";
|
|
12
|
+
height: "100%";
|
|
13
13
|
position: "absolute";
|
|
14
14
|
left: number;
|
|
15
15
|
top: number;
|
|
16
16
|
borderRadius: number;
|
|
17
17
|
};
|
|
18
18
|
progressInner: {
|
|
19
|
-
height:
|
|
19
|
+
height: "100%";
|
|
20
20
|
borderRadius: number;
|
|
21
21
|
};
|
|
22
22
|
step: {
|
|
23
23
|
flex: number;
|
|
24
24
|
marginRight: number;
|
|
25
|
-
height:
|
|
25
|
+
height: "100%";
|
|
26
26
|
borderRadius: number;
|
|
27
27
|
borderColor: string;
|
|
28
28
|
};
|
|
@@ -6,7 +6,7 @@ export declare const styles: {
|
|
|
6
6
|
minHeight: number;
|
|
7
7
|
flexDirection: "row";
|
|
8
8
|
justifyContent: "space-between";
|
|
9
|
-
width:
|
|
9
|
+
width: "100%";
|
|
10
10
|
borderColor: string;
|
|
11
11
|
borderStyle: "solid";
|
|
12
12
|
borderWidth: number;
|
|
@@ -19,7 +19,7 @@ export declare const styles: {
|
|
|
19
19
|
borderWidth: number;
|
|
20
20
|
};
|
|
21
21
|
input: {
|
|
22
|
-
width:
|
|
22
|
+
width: "100%";
|
|
23
23
|
flexShrink: number;
|
|
24
24
|
flexGrow: number;
|
|
25
25
|
color: string;
|
|
@@ -33,7 +33,7 @@ export declare const styles: {
|
|
|
33
33
|
flexGrow: number;
|
|
34
34
|
paddingTop: number;
|
|
35
35
|
minHeight: number;
|
|
36
|
-
minWidth:
|
|
36
|
+
minWidth: "100%";
|
|
37
37
|
paddingRight: number;
|
|
38
38
|
};
|
|
39
39
|
value: {
|
|
@@ -42,7 +42,7 @@ export declare const styles: {
|
|
|
42
42
|
};
|
|
43
43
|
icon: {
|
|
44
44
|
position: "absolute";
|
|
45
|
-
bottom:
|
|
45
|
+
bottom: "50%";
|
|
46
46
|
right: number;
|
|
47
47
|
flexGrow: number;
|
|
48
48
|
flexShrink: number;
|
|
@@ -53,7 +53,7 @@ export declare const styles: {
|
|
|
53
53
|
};
|
|
54
54
|
errorMessageWrapperIcon: {
|
|
55
55
|
flex: number;
|
|
56
|
-
flexBasis:
|
|
56
|
+
flexBasis: "auto";
|
|
57
57
|
paddingTop: number;
|
|
58
58
|
paddingRight: number;
|
|
59
59
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.73.
|
|
3
|
+
"version": "0.73.2-JOB-107192-38c798c.3+38c798c3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -53,17 +53,14 @@
|
|
|
53
53
|
},
|
|
54
54
|
"devDependencies": {
|
|
55
55
|
"@testing-library/jest-native": "^5.4.2",
|
|
56
|
-
"@testing-library/react-hooks": "^7.0.2",
|
|
57
56
|
"@testing-library/react-native": "^12.0.1",
|
|
58
57
|
"@types/lodash.chunk": "^4.2.7",
|
|
59
58
|
"@types/lodash.debounce": "^4.0.7",
|
|
60
59
|
"@types/lodash.identity": "^3.0.7",
|
|
61
60
|
"@types/react": "^18.0.28",
|
|
62
|
-
"@types/react-native": "^0.71.6",
|
|
63
61
|
"@types/react-native-uuid": "^1.4.0",
|
|
64
62
|
"metro-react-native-babel-preset": "^0.76.0",
|
|
65
|
-
"react-test-renderer": "^18.2.0"
|
|
66
|
-
"typescript": "^4.9.5"
|
|
63
|
+
"react-test-renderer": "^18.2.0"
|
|
67
64
|
},
|
|
68
65
|
"peerDependencies": {
|
|
69
66
|
"@babel/core": "^7.4.5",
|
|
@@ -82,5 +79,5 @@
|
|
|
82
79
|
"react-native-safe-area-context": "^4.5.2",
|
|
83
80
|
"react-native-svg": ">=12.0.0"
|
|
84
81
|
},
|
|
85
|
-
"gitHead": "
|
|
82
|
+
"gitHead": "38c798c3dfbfd5469b7fdd3f0a084a9dfdc49032"
|
|
86
83
|
}
|
|
@@ -54,18 +54,17 @@ export const styles = StyleSheet.create({
|
|
|
54
54
|
opacity: 0,
|
|
55
55
|
},
|
|
56
56
|
|
|
57
|
-
|
|
57
|
+
title: {
|
|
58
58
|
flex: 1,
|
|
59
|
-
flexDirection: "row",
|
|
60
59
|
justifyContent: "center",
|
|
61
|
-
|
|
62
|
-
|
|
60
|
+
paddingLeft: tokens["space-base"],
|
|
61
|
+
},
|
|
62
|
+
|
|
63
|
+
titleWithoutDismiss: {
|
|
64
|
+
paddingRight: tokens["space-base"],
|
|
63
65
|
},
|
|
64
66
|
|
|
65
67
|
titleWithDismiss: {
|
|
66
|
-
flex: 1,
|
|
67
|
-
justifyContent: "center",
|
|
68
|
-
paddingLeft: tokens["space-base"],
|
|
69
68
|
paddingRight: tokens["space-smaller"],
|
|
70
69
|
},
|
|
71
70
|
});
|
|
@@ -222,16 +222,17 @@ function ContentOverlayInternal(
|
|
|
222
222
|
<View onLayout={handleHeaderLayout} testID="ATL-Overlay-Header">
|
|
223
223
|
<View style={headerStyles}>
|
|
224
224
|
<View
|
|
225
|
-
style={
|
|
225
|
+
style={[
|
|
226
|
+
styles.title,
|
|
226
227
|
shouldShowDismiss
|
|
227
228
|
? styles.titleWithDismiss
|
|
228
|
-
: styles.titleWithoutDismiss
|
|
229
|
-
}
|
|
229
|
+
: styles.titleWithoutDismiss,
|
|
230
|
+
]}
|
|
230
231
|
>
|
|
231
232
|
<Heading
|
|
232
233
|
level="subtitle"
|
|
233
234
|
variation={loading ? "subdued" : "heading"}
|
|
234
|
-
align={
|
|
235
|
+
align={"start"}
|
|
235
236
|
>
|
|
236
237
|
{title}
|
|
237
238
|
</Heading>
|
|
@@ -400,7 +400,6 @@ function InputTextInternal(
|
|
|
400
400
|
styleOverride?.inputText,
|
|
401
401
|
loading && loadingType === "glimmer" && { color: "transparent" },
|
|
402
402
|
]}
|
|
403
|
-
// @ts-expect-error - does exist on 0.71 and up https://github.com/facebook/react-native/pull/39281
|
|
404
403
|
readOnly={readonly}
|
|
405
404
|
editable={!disabled}
|
|
406
405
|
keyboardType={keyboard}
|