@jobber/components-native 0.85.1-JOB-136074-0fe613a.28 → 0.86.0
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 +2 -8
- package/dist/src/Banner/Banner.js +2 -0
- package/dist/src/Banner/components/BannerIcon/BannerIcon.style.js +3 -0
- package/dist/src/Form/Form.js +1 -4
- package/dist/src/InputFieldWrapper/InputFieldWrapper.style.js +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/src/Banner/components/BannerIcon/BannerIcon.style.d.ts +3 -0
- package/dist/types/src/Banner/types.d.ts +1 -1
- package/dist/types/src/InputFieldWrapper/InputFieldWrapper.style.d.ts +1 -1
- package/package.json +2 -8
- package/src/Banner/Banner.test.tsx +12 -0
- package/src/Banner/Banner.tsx +2 -0
- package/src/Banner/components/BannerIcon/BannerIcon.style.ts +3 -0
- package/src/Banner/types.ts +1 -1
- package/src/Form/Form.tsx +0 -6
- package/src/InputFieldWrapper/InputFieldWrapper.style.ts +1 -1
- package/dist/src/utils/buildConfig/isEdgeToEdgeEnabled.js +0 -18
- package/dist/types/src/utils/buildConfig/isEdgeToEdgeEnabled.d.ts +0 -1
- package/src/types/buildConfig.d.ts +0 -7
- package/src/utils/buildConfig/isEdgeToEdgeEnabled.ts +0 -21
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.86.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -86,7 +86,6 @@
|
|
|
86
86
|
"react": "^18.2.0",
|
|
87
87
|
"react-intl": "^6.4.2",
|
|
88
88
|
"react-native": ">=0.76.0",
|
|
89
|
-
"react-native-build-config": "^0.3.2",
|
|
90
89
|
"react-native-gesture-handler": ">=2.10.0",
|
|
91
90
|
"react-native-keyboard-aware-scroll-view": "^0.9.5",
|
|
92
91
|
"react-native-modal-datetime-picker": " >=13.0.0",
|
|
@@ -96,10 +95,5 @@
|
|
|
96
95
|
"react-native-safe-area-context": "^5.4.0",
|
|
97
96
|
"react-native-svg": ">=12.0.0"
|
|
98
97
|
},
|
|
99
|
-
"
|
|
100
|
-
"react-native-build-config": {
|
|
101
|
-
"optional": true
|
|
102
|
-
}
|
|
103
|
-
},
|
|
104
|
-
"gitHead": "0fe613a84c9d804a249c128d7cd35ea5a6cbda38"
|
|
98
|
+
"gitHead": "712019a3de148ba8511e117278495ced049f331f"
|
|
105
99
|
}
|
package/dist/src/Form/Form.js
CHANGED
|
@@ -38,7 +38,6 @@ import { useScrollToError } from "./hooks/useScrollToError";
|
|
|
38
38
|
import { FormSaveButton } from "./components/FormSaveButton";
|
|
39
39
|
import { useSaveButtonPosition } from "./hooks/useSaveButtonPosition";
|
|
40
40
|
import { FormCache } from "./components/FormCache/FormCache";
|
|
41
|
-
import { isEdgeToEdgeEnabled } from "../utils/buildConfig/isEdgeToEdgeEnabled";
|
|
42
41
|
import { InputAccessoriesProvider } from "../InputText";
|
|
43
42
|
import { tokens } from "../utils/design";
|
|
44
43
|
import { ErrorMessageProvider } from "../ErrorMessageWrapper";
|
|
@@ -103,14 +102,12 @@ function InternalForm({ children, onBeforeSubmit, onSubmit, onSubmitError, onSub
|
|
|
103
102
|
setMessageBannerHeight(event.nativeEvent.layout.height);
|
|
104
103
|
};
|
|
105
104
|
const styles = useStyles();
|
|
106
|
-
// Check if edge-to-edge is enabled using utility function
|
|
107
|
-
const edgeToEdgeEnabled = isEdgeToEdgeEnabled();
|
|
108
105
|
return (React.createElement(FormProvider, Object.assign({}, formMethods),
|
|
109
106
|
React.createElement(React.Fragment, null,
|
|
110
107
|
(isSubmitting || isSecondaryActionLoading) && React.createElement(FormMask, null),
|
|
111
108
|
React.createElement(FormCache, { localCacheKey: localCacheKey, localCacheExclude: localCacheExclude, setLocalCache: setLocalCache }),
|
|
112
109
|
React.createElement(FormBody, { keyboardHeight: calculateSaveButtonOffset(), submit: handleSubmit(internalSubmit), isFormSubmitting: isSubmitting, saveButtonLabel: saveButtonLabel, shouldRenderActionBar: saveButtonPosition === "sticky", renderStickySection: renderStickySection, secondaryActions: secondaryActions, setSecondaryActionLoading: setIsSecondaryActionLoading, setSaveButtonHeight: setSaveButtonHeight, saveButtonOffset: saveButtonOffset },
|
|
113
|
-
React.createElement(KeyboardAwareScrollView, Object.assign({ enableResetScrollToCoords: false, enableAutomaticScroll: true,
|
|
110
|
+
React.createElement(KeyboardAwareScrollView, Object.assign({ enableResetScrollToCoords: false, enableAutomaticScroll: true, keyboardOpeningTime: Platform.OS === "ios" ? tokens["timing-slowest"] : 0, keyboardShouldPersistTaps: "handled", ref: scrollViewRef }, keyboardProps, { extraHeight: headerHeight, contentContainerStyle: !keyboardHeight && styles.scrollContentContainer }),
|
|
114
111
|
React.createElement(View, { onLayout: ({ nativeEvent }) => {
|
|
115
112
|
setFormContentHeight(nativeEvent.layout.height);
|
|
116
113
|
} },
|
|
@@ -36,6 +36,7 @@ export const useStyles = buildThemedStyles(tokens => {
|
|
|
36
36
|
right: 0,
|
|
37
37
|
bottom: 0,
|
|
38
38
|
left: 0,
|
|
39
|
+
zIndex: 1,
|
|
39
40
|
},
|
|
40
41
|
miniLabel: {
|
|
41
42
|
top: 0,
|
|
@@ -44,7 +45,6 @@ export const useStyles = buildThemedStyles(tokens => {
|
|
|
44
45
|
marginRight: tokens["space-small"],
|
|
45
46
|
maxHeight: (typographyStyles.defaultSize.lineHeight || 0) +
|
|
46
47
|
tokens["space-smaller"],
|
|
47
|
-
zIndex: 1,
|
|
48
48
|
},
|
|
49
49
|
// Prevents the miniLabel from cutting off the ClearAction button
|
|
50
50
|
miniLabelShowClearAction: {
|