@jobber/components-native 0.100.1 → 0.101.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 -2
- package/dist/src/ContentOverlay/ContentOverlay.js +3 -3
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/dist/types/src/ContentOverlay/types.d.ts +1 -1
- package/package.json +2 -2
- package/src/ActionItem/ActionItem.stories.tsx +7 -6
- package/src/ActionItem/ActionItemGroup.stories.tsx +10 -9
- package/src/Banner/Banner.stories.tsx +2 -1
- package/src/BottomSheet/BottomSheet.stories.tsx +11 -10
- package/src/ButtonGroup/ButtonGroup.stories.tsx +9 -8
- package/src/Card/Card.stories.tsx +3 -2
- package/src/Chip/Chip.stories.tsx +9 -8
- package/src/ContentOverlay/ContentOverlay.stories.tsx +12 -7
- package/src/ContentOverlay/ContentOverlay.test.tsx +40 -3
- package/src/ContentOverlay/ContentOverlay.tsx +3 -3
- package/src/ContentOverlay/types.ts +1 -1
- package/src/EmptyState/EmptyState.stories.tsx +3 -2
- package/src/Form/Form.stories.tsx +4 -3
- package/src/IconButton/IconButton.stories.tsx +2 -1
- package/src/InputPressable/InputPressable.stories.tsx +5 -4
- package/src/InputSearch/InputSearch.stories.tsx +2 -1
- package/src/InputTime/InputTime.stories.tsx +2 -1
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components-native",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.101.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "React Native implementation of Atlantis",
|
|
6
6
|
"repository": {
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"react-native-safe-area-context": "^5.4.0",
|
|
95
95
|
"react-native-svg": ">=12.0.0"
|
|
96
96
|
},
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "60059897a6dcbc0277774885c6a7ade0658c335d"
|
|
98
98
|
}
|
|
@@ -141,7 +141,7 @@ export function ContentOverlay({ children, title, accessibilityLabel, fullScreen
|
|
|
141
141
|
];
|
|
142
142
|
const renderHeader = () => {
|
|
143
143
|
const closeOverlayA11YLabel = t("ContentOverlay.close", {
|
|
144
|
-
title: title,
|
|
144
|
+
title: title || "",
|
|
145
145
|
});
|
|
146
146
|
const headerStyles = [
|
|
147
147
|
styles.header,
|
|
@@ -156,7 +156,7 @@ export function ContentOverlay({ children, title, accessibilityLabel, fullScreen
|
|
|
156
156
|
backgroundColor: getModalBackgroundColor(modalBackgroundColor, tokens),
|
|
157
157
|
},
|
|
158
158
|
];
|
|
159
|
-
return (React.createElement(View, { testID: "ATL-Overlay-Header" },
|
|
159
|
+
return title || shouldShowDismiss ? (React.createElement(View, { testID: "ATL-Overlay-Header" },
|
|
160
160
|
React.createElement(View, { style: headerStyles },
|
|
161
161
|
React.createElement(View, { style: [
|
|
162
162
|
styles.title,
|
|
@@ -168,7 +168,7 @@ export function ContentOverlay({ children, title, accessibilityLabel, fullScreen
|
|
|
168
168
|
shouldShowDismiss && (React.createElement(View, { style: styles.dismissButton, ref: overlayHeader, accessibilityLabel: accessibilityLabel || closeOverlayA11YLabel, accessible: true },
|
|
169
169
|
React.createElement(IconButton, { name: "cross", customColor: loading ? tokens["color-disabled"] : tokens["color-heading"], onPress: () => onCloseController(), accessibilityLabel: closeOverlayA11YLabel, testID: "ATL-Overlay-CloseButton" })))),
|
|
170
170
|
React.createElement(View, null,
|
|
171
|
-
React.createElement(View, { style: headerShadowStyles }))));
|
|
171
|
+
React.createElement(View, { style: headerShadowStyles })))) : null;
|
|
172
172
|
};
|
|
173
173
|
return (React.createElement(BottomSheetModal, { ref: bottomSheetModalRef, onChange: handleChange, style: sheetStyle, backgroundStyle: backgroundStyle, handleStyle: styles.handleWrapper, handleIndicatorStyle: handleIndicatorStyles, backdropComponent: props => (React.createElement(Backdrop, Object.assign({}, props, { pressBehavior: isCloseableOnOverlayTap ? "close" : "none" }))), snapPoints: snapPoints, enablePanDownToClose: effectiveIsDraggable, enableContentPanningGesture: effectiveIsDraggable, enableHandlePanningGesture: effectiveIsDraggable, enableDynamicSizing: behavior.initialHeight === "contentHeight", keyboardBehavior: "interactive", keyboardBlurBehavior: "restore", topInset: topInset, onDismiss: () => onClose === null || onClose === void 0 ? void 0 : onClose() },
|
|
174
174
|
React.createElement(ContentOverlayKeyboardContext.Provider, { value: scrollEnabled }, scrollEnabled ? (React.createElement(BottomSheetKeyboardAwareScrollView, { ref: scrollViewRef, contentContainerStyle: { paddingBottom: insets.bottom }, keyboardShouldPersistTaps: keyboardShouldPersistTaps ? "handled" : "never", showsVerticalScrollIndicator: false, onScroll: handleOnScroll, stickyHeaderIndices: [0], bottomOffset: KEYBOARD_TOP_PADDING_AUTO_SCROLL },
|