@storybook/react-native-ui-lite 10.5.0 → 10.5.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.
Files changed (5) hide show
  1. package/dist/index.js +6 -10
  2. package/package.json +8 -8
  3. package/src/Layout.tsx +8 -4
  4. package/src/MobileAddonsPanel.tsx +1 -1
  5. package/src/MobileMenuDrawer.tsx +1 -2
package/dist/index.js CHANGED
@@ -1377,9 +1377,9 @@ const MobileAddonsPanel = (0, react.forwardRef)(({ storyId, parameters }, ref) =
1377
1377
  left: 0,
1378
1378
  right: 0,
1379
1379
  height: panelHeight,
1380
- transform: [{ translateY: positionBottomAnimation }]
1380
+ transform: [{ translateY: positionBottomAnimation }],
1381
+ pointerEvents: isOpen ? "auto" : "none"
1381
1382
  },
1382
- pointerEvents: isOpen ? "auto" : "none",
1383
1383
  accessibilityElementsHidden: !isOpen,
1384
1384
  importantForAccessibility: isOpen ? "auto" : "no-hide-descendants",
1385
1385
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
@@ -1694,8 +1694,7 @@ const MobileMenuDrawer = (0, react.memo)((0, react.forwardRef)(({ children, onVi
1694
1694
  return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_gorhom_portal.Portal, {
1695
1695
  hostName: "storybook-lite-ui-root",
1696
1696
  children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.Animated.View, {
1697
- style: portalContainerStyle,
1698
- pointerEvents: isVisible ? "auto" : "none",
1697
+ style: [portalContainerStyle, { pointerEvents: isVisible ? "auto" : "none" }],
1699
1698
  accessibilityElementsHidden: !isVisible,
1700
1699
  importantForAccessibility: isVisible ? "auto" : "no-hide-descendants",
1701
1700
  accessibilityViewIsModal: isVisible,
@@ -2038,8 +2037,7 @@ const Layout = ({ storyHash, story, storyBackgroundColor, children }) => {
2038
2037
  importantForAccessibility: isDrawerOpen ? "no-hide-descendants" : "auto",
2039
2038
  children: [
2040
2039
  isDesktop ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
2041
- style: desktopSidebarStyle,
2042
- pointerEvents: isResizing ? "none" : "auto",
2040
+ style: [desktopSidebarStyle, { pointerEvents: isResizing ? "none" : "auto" }],
2043
2041
  children: desktopSidebarOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_native.View, {
2044
2042
  style: desktopLogoContainer,
2045
2043
  children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(StorybookLogo, { theme }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_storybook_react_native_ui_common.IconButton, {
@@ -2074,8 +2072,7 @@ const Layout = ({ storyHash, story, storyBackgroundColor, children }) => {
2074
2072
  style: mobileContentStyle,
2075
2073
  children: [
2076
2074
  /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
2077
- style: isDesktop ? storyContentStyle : contentContainerStyle,
2078
- pointerEvents: isResizing ? "none" : "auto",
2075
+ style: [isDesktop ? storyContentStyle : contentContainerStyle, { pointerEvents: isResizing ? "none" : "auto" }],
2079
2076
  children
2080
2077
  }),
2081
2078
  story?.parameters?.hideFullScreenButton || isDesktop ? null : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.TouchableOpacity, {
@@ -2097,8 +2094,7 @@ const Layout = ({ storyHash, story, storyBackgroundColor, children }) => {
2097
2094
  onResizeStart,
2098
2095
  onResizeEnd
2099
2096
  }) : null, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react_native.View, {
2100
- style: desktopAddonsPanelStyle,
2101
- pointerEvents: isResizing ? "none" : "auto",
2097
+ style: [desktopAddonsPanelStyle, { pointerEvents: isResizing ? "none" : "auto" }],
2102
2098
  children: desktopAddonsPanelOpen ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AddonsTabs, {
2103
2099
  storyId: story?.id,
2104
2100
  parameters: story?.parameters,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@storybook/react-native-ui-lite",
3
- "version": "10.5.0",
3
+ "version": "10.5.2",
4
4
  "description": "lightweight ui components for react native storybook",
5
5
  "keywords": [
6
6
  "react",
@@ -29,24 +29,24 @@
29
29
  ],
30
30
  "dependencies": {
31
31
  "@gorhom/portal": "^1.0.14",
32
- "@legendapp/list": "^3.3.2",
32
+ "@legendapp/list": "^3.3.3",
33
33
  "@nozbe/microfuzz": "^1.0.0",
34
- "@storybook/react": "^10.5.0",
35
- "@storybook/react-native-theming": "^10.5.0",
36
- "@storybook/react-native-ui-common": "^10.5.0",
34
+ "@storybook/react": "^10.5.2",
35
+ "@storybook/react-native-theming": "^10.5.2",
36
+ "@storybook/react-native-ui-common": "^10.5.2",
37
37
  "polished": "^4.3.1"
38
38
  },
39
39
  "devDependencies": {
40
40
  "@types/react": "~19.2.14",
41
- "storybook": "^10.5.0",
41
+ "storybook": "^10.5.2",
42
42
  "ts-dedent": "^2.3.0",
43
- "tsdown": "^0.22.4",
43
+ "tsdown": "^0.22.12",
44
44
  "typescript": "~6.0.3"
45
45
  },
46
46
  "peerDependencies": {
47
47
  "react": "*",
48
48
  "react-native": ">=0.57.0",
49
- "react-native-safe-area-context": "*",
49
+ "react-native-safe-area-context": "5.8.0",
50
50
  "storybook": ">=10 || ^10"
51
51
  },
52
52
  "engines": {
package/src/Layout.tsx CHANGED
@@ -270,7 +270,7 @@ export const Layout = ({
270
270
  >
271
271
  {isDesktop ? (
272
272
  <>
273
- <View style={desktopSidebarStyle} pointerEvents={isResizing ? 'none' : 'auto'}>
273
+ <View style={[desktopSidebarStyle, { pointerEvents: isResizing ? 'none' : 'auto' }]}>
274
274
  {desktopSidebarOpen ? (
275
275
  <>
276
276
  <View style={desktopLogoContainer}>
@@ -317,8 +317,10 @@ export const Layout = ({
317
317
 
318
318
  <View style={mobileContentStyle}>
319
319
  <View
320
- style={isDesktop ? storyContentStyle : contentContainerStyle}
321
- pointerEvents={isResizing ? 'none' : 'auto'}
320
+ style={[
321
+ isDesktop ? storyContentStyle : contentContainerStyle,
322
+ { pointerEvents: isResizing ? 'none' : 'auto' },
323
+ ]}
322
324
  >
323
325
  {children}
324
326
  </View>
@@ -349,7 +351,9 @@ export const Layout = ({
349
351
  onResizeEnd={onResizeEnd}
350
352
  />
351
353
  ) : null}
352
- <View style={desktopAddonsPanelStyle} pointerEvents={isResizing ? 'none' : 'auto'}>
354
+ <View
355
+ style={[desktopAddonsPanelStyle, { pointerEvents: isResizing ? 'none' : 'auto' }]}
356
+ >
353
357
  {desktopAddonsPanelOpen ? (
354
358
  <AddonsTabs
355
359
  storyId={story?.id}
package/src/MobileAddonsPanel.tsx CHANGED
@@ -122,8 +122,8 @@ export const MobileAddonsPanel = forwardRef<MobileAddonsPanelRef, MobileAddonsPa
122
122
  right: 0,
123
123
  height: panelHeight,
124
124
  transform: [{ translateY: positionBottomAnimation }],
125
+ pointerEvents: isOpen ? 'auto' : 'none',
125
126
  }}
126
- pointerEvents={isOpen ? 'auto' : 'none'}
127
127
  accessibilityElementsHidden={!isOpen}
128
128
  importantForAccessibility={isOpen ? 'auto' : 'no-hide-descendants'}
129
129
  >
package/src/MobileMenuDrawer.tsx CHANGED
@@ -273,8 +273,7 @@ export const MobileMenuDrawer = memo(
273
273
  return (
274
274
  <Portal hostName="storybook-lite-ui-root">
275
275
  <Animated.View
276
- style={portalContainerStyle}
277
- pointerEvents={isVisible ? 'auto' : 'none'}
276
+ style={[portalContainerStyle, { pointerEvents: isVisible ? 'auto' : 'none' }]}
278
277
  accessibilityElementsHidden={!isVisible}
279
278
  importantForAccessibility={isVisible ? 'auto' : 'no-hide-descendants'}
280
279
  accessibilityViewIsModal={isVisible}