@storybook/react-native-ui 8.5.0 → 8.5.2-alpha.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/index.js +3 -2
- package/package.json +3 -3
- package/src/Layout.tsx +1 -1
- package/src/MobileAddonsPanel.tsx +3 -2
package/dist/index.js
CHANGED
|
@@ -4530,8 +4530,9 @@ var MobileAddonsPanel = (0, import_react15.forwardRef)(
|
|
|
4530
4530
|
}));
|
|
4531
4531
|
const { height } = (0, import_react_native6.useWindowDimensions)();
|
|
4532
4532
|
const adjustedBottomSheetSize = (0, import_react_native_reanimated.useAnimatedStyle)(() => {
|
|
4533
|
+
const extraPadding = import_react_native6.Platform.OS === "android" ? 32 : 16;
|
|
4533
4534
|
return {
|
|
4534
|
-
maxHeight: height - animatedPosition.value - insets.bottom
|
|
4535
|
+
maxHeight: height - animatedPosition.value - insets.bottom - extraPadding
|
|
4535
4536
|
};
|
|
4536
4537
|
}, [animatedPosition, height, insets.bottom]);
|
|
4537
4538
|
return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
|
|
@@ -5182,7 +5183,7 @@ var Layout = ({
|
|
|
5182
5183
|
children: [
|
|
5183
5184
|
/* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react_native9.View, { style: { flex: 1, overflow: "hidden" }, children: [
|
|
5184
5185
|
children,
|
|
5185
|
-
story
|
|
5186
|
+
story?.parameters?.hideFullScreenButton ? null : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
|
|
5186
5187
|
import_react_native9.TouchableOpacity,
|
|
5187
5188
|
{
|
|
5188
5189
|
style: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@storybook/react-native-ui",
|
|
3
|
-
"version": "8.5.0",
|
|
3
|
+
"version": "8.5.2-alpha.0",
|
|
4
4
|
"description": "ui components for react native storybook",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"dependencies": {
|
|
61
61
|
"@storybook/core": "^8.4.2",
|
|
62
62
|
"@storybook/react": "^8.4.2",
|
|
63
|
-
"@storybook/react-native-theming": "^8.5.0",
|
|
63
|
+
"@storybook/react-native-theming": "^8.5.2-alpha.0",
|
|
64
64
|
"fuse.js": "^7.0.0",
|
|
65
65
|
"memoizerific": "^1.11.3",
|
|
66
66
|
"polished": "^4.3.1",
|
|
@@ -81,5 +81,5 @@
|
|
|
81
81
|
"publishConfig": {
|
|
82
82
|
"access": "public"
|
|
83
83
|
},
|
|
84
|
-
"gitHead": "
|
|
84
|
+
"gitHead": "9404dd2484bf4c4851724639a36c93926e03311f"
|
|
85
85
|
}
|
package/src/Layout.tsx
CHANGED
|
@@ -146,7 +146,7 @@ export const Layout = ({
|
|
|
146
146
|
<View style={{ flex: 1, overflow: 'hidden' }}>
|
|
147
147
|
{children}
|
|
148
148
|
|
|
149
|
-
{story
|
|
149
|
+
{story?.parameters?.hideFullScreenButton ? null : (
|
|
150
150
|
<TouchableOpacity
|
|
151
151
|
style={{
|
|
152
152
|
position: 'absolute',
|
|
@@ -3,7 +3,7 @@ import { addons } from '@storybook/core/manager-api';
|
|
|
3
3
|
import { styled } from '@storybook/react-native-theming';
|
|
4
4
|
import { Addon_TypesEnum } from '@storybook/core/types';
|
|
5
5
|
import { forwardRef, useImperativeHandle, useRef, useState } from 'react';
|
|
6
|
-
import { Text, View, useWindowDimensions } from 'react-native';
|
|
6
|
+
import { Platform, Text, View, useWindowDimensions } from 'react-native';
|
|
7
7
|
import { ScrollView } from 'react-native-gesture-handler';
|
|
8
8
|
import Animated, {
|
|
9
9
|
useAnimatedKeyboard,
|
|
@@ -47,8 +47,9 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, { storyId?: st
|
|
|
47
47
|
const { height } = useWindowDimensions();
|
|
48
48
|
|
|
49
49
|
const adjustedBottomSheetSize = useAnimatedStyle(() => {
|
|
50
|
+
const extraPadding = Platform.OS === 'android' ? 32 : 16;
|
|
50
51
|
return {
|
|
51
|
-
maxHeight: height - animatedPosition.value - insets.bottom,
|
|
52
|
+
maxHeight: height - animatedPosition.value - insets.bottom - extraPadding,
|
|
52
53
|
};
|
|
53
54
|
}, [animatedPosition, height, insets.bottom]);
|
|
54
55
|
|