fix: update to canary version

dannyhw · dannyhw · commit e77aa95e52ab · 2025-09-26T19:54:43.000+01:00
diff --git a/examples/expo-example/package.json b/examples/expo-example/package.json
@@ -35,11 +35,11 @@
     "@storybook/addon-ondevice-notes": "^10.0.0-beta.5",
     "@storybook/addon-react-native-server": "^1.0.0",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "10.0.0-beta.7",
+    "@storybook/react": "0.0.0-pr-32572-sha-c9578275",
     "@storybook/react-native": "^10.0.0-beta.5",
     "@storybook/react-native-theming": "^10.0.0-beta.5",
     "@storybook/react-native-ui-lite": "^10.0.0-beta.5",
-    "@storybook/react-native-web-vite": "10.0.0-beta.7",
+    "@storybook/react-native-web-vite": "0.0.0-pr-32572-sha-c9578275",
     "babel-plugin-react-compiler": "^19.1.0-rc.2",
     "expo": "^54.0.10",
     "expo-updates": "~29.0.11",
@@ -53,7 +53,7 @@
     "react-native-svg": "15.12.1",
     "react-native-web": "^0.21.0",
     "react-native-worklets": "^0.5.1",
-    "storybook": "10.0.0-beta.7",
+    "storybook": "0.0.0-pr-32572-sha-c9578275",
     "storybook-addon-deep-controls": "^0.9.3",
     "ws": "^8.18.0"
   },
diff --git a/packages/ondevice-actions/src/containers/ActionLogger/index.tsx b/packages/ondevice-actions/src/containers/ActionLogger/index.tsx
@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import deepEqual from 'fast-deep-equal';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import { SET_CURRENT_STORY } from 'storybook/internal/core-events';
 import { ActionDisplay, EVENT_ID } from 'storybook/actions';
 import { ActionLogger as ActionLoggerComponent } from '../../components/ActionLogger';
diff --git a/packages/ondevice-actions/src/index.tsx b/packages/ondevice-actions/src/index.tsx
@@ -1,5 +1,5 @@
 import { ADDON_ID, PANEL_ID, PARAM_KEY } from 'storybook/actions';
-import { addons, types } from 'storybook/internal/manager-api';
+import { addons, types } from 'storybook/manager-api';
 import ActionLogger from './containers/ActionLogger';
 
 export function register() {
diff --git a/packages/ondevice-backgrounds/src/BackgroundPanel.tsx b/packages/ondevice-backgrounds/src/BackgroundPanel.tsx
@@ -1,4 +1,4 @@
-import type { AddonStore, API } from 'storybook/internal/manager-api';
+import type { AddonStore, API } from 'storybook/manager-api';
 import { StyleSheet, Text, View } from 'react-native';
 
 import Swatch from './Swatch';
diff --git a/packages/ondevice-backgrounds/src/index.tsx b/packages/ondevice-backgrounds/src/index.tsx
@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { makeDecorator } from 'storybook/internal/preview-api';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 
 import Events from './constants';
 import Container from './container';
diff --git a/packages/ondevice-backgrounds/src/register.tsx b/packages/ondevice-backgrounds/src/register.tsx
@@ -1,4 +1,4 @@
-import { addons, types } from 'storybook/internal/manager-api';
+import { addons, types } from 'storybook/manager-api';
 import BackgroundPanel from './BackgroundPanel';
 import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';
 
diff --git a/packages/ondevice-controls/src/ControlsPanel.tsx b/packages/ondevice-controls/src/ControlsPanel.tsx
@@ -1,4 +1,4 @@
-import type { API } from 'storybook/internal/manager-api';
+import type { API } from 'storybook/manager-api';
 import { Channel } from 'storybook/internal/channels';
 import {
   type Args,
diff --git a/packages/ondevice-controls/src/index.tsx b/packages/ondevice-controls/src/index.tsx
@@ -1,4 +1,4 @@
-import { addons, types } from 'storybook/internal/manager-api';
+import { addons, types } from 'storybook/manager-api';
 
 import ControlsPanel from './ControlsPanel';
 import { AddonPanel } from './Panel';
diff --git a/packages/ondevice-notes/src/components/Notes.tsx b/packages/ondevice-notes/src/components/Notes.tsx
@@ -5,7 +5,7 @@ import Markdown from 'react-native-markdown-display';
 
 import { RNAddonApi, StoryFromId } from '../register';
 import { ErrorBoundary } from '../ErrorBoundary';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import { useTheme } from '@storybook/react-native-theming';
 
 export const PARAM_KEY = 'notes';
diff --git a/packages/ondevice-notes/src/register.tsx b/packages/ondevice-notes/src/register.tsx
@@ -1,4 +1,4 @@
-import { type API, addons, types } from 'storybook/internal/manager-api';
+import { type API, addons, types } from 'storybook/manager-api';
 import { Notes } from './components/Notes';
 
 import type { Args, StoryContext } from 'storybook/internal/csf';
diff --git a/packages/react-native-ui-common/package.json b/packages/react-native-ui-common/package.json
@@ -57,7 +57,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "10.0.0-beta.7",
+    "@storybook/react": "0.0.0-pr-32572-sha-c9578275",
     "@storybook/react-native-theming": "^10.0.0-beta.5",
     "es-toolkit": "^1.38.0",
     "fuse.js": "^7.0.0",
diff --git a/packages/react-native-ui-common/src/hooks/useExpanded.ts b/packages/react-native-ui-common/src/hooks/useExpanded.ts
@@ -1,4 +1,4 @@
-import type { StoriesHash } from 'storybook/internal/manager-api';
+import type { StoriesHash } from 'storybook/manager-api';
 import type { Dispatch } from 'react';
 import { useCallback, useEffect, useReducer } from 'react';
 import { getAncestorIds } from '../util/tree';
diff --git a/packages/react-native-ui-common/src/types.ts b/packages/react-native-ui-common/src/types.ts
@@ -5,7 +5,7 @@ import { Storage } from './StorageProvider';
 import * as Fuse from 'fuse.js';
 import { ReactElement, ReactNode } from 'react';
 import { PressableProps } from 'react-native';
-import type { State, StoriesHash } from 'storybook/internal/manager-api';
+import type { State, StoriesHash } from 'storybook/manager-api';
 import type {
   API_IndexHash,
   StatusesByStoryIdAndTypeId,
diff --git a/packages/react-native-ui-common/src/util/StoryHash.ts b/packages/react-native-ui-common/src/util/StoryHash.ts
@@ -1,5 +1,5 @@
 import { sanitize } from 'storybook/internal/csf';
-import type { API, State } from 'storybook/internal/manager-api';
+import type { API, State } from 'storybook/manager-api';
 import type {
   API_ComponentEntry,
   API_DocsEntry,
diff --git a/packages/react-native-ui-common/src/util/tree.ts b/packages/react-native-ui-common/src/util/tree.ts
@@ -1,6 +1,6 @@
 import memoize from 'memoizerific';
 import type { SyntheticEvent } from 'react';
-import type { IndexHash } from 'storybook/internal/manager-api';
+import type { IndexHash } from 'storybook/manager-api';
 
 import { DEFAULT_REF_ID } from '../constants';
 import type { Item, RefType, Dataset, SearchItem } from '../types';
diff --git a/packages/react-native-ui-lite/package.json b/packages/react-native-ui-lite/package.json
@@ -58,7 +58,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "10.0.0-beta.7",
+    "@storybook/react": "0.0.0-pr-32572-sha-c9578275",
     "@storybook/react-native-theming": "^10.0.0-beta.5",
     "@storybook/react-native-ui-common": "^10.0.0-beta.5",
     "fuse.js": "^7.0.0",
diff --git a/packages/react-native-ui-lite/src/Layout.tsx b/packages/react-native-ui-lite/src/Layout.tsx
@@ -21,7 +21,7 @@ import {
   ViewStyle,
 } from 'react-native';
 import { SET_CURRENT_STORY } from 'storybook/internal/core-events';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import { type API_IndexHash } from 'storybook/internal/types';
 import { AddonsTabs, MobileAddonsPanel, MobileAddonsPanelRef } from './MobileAddonsPanel';
 import { MobileMenuDrawer, MobileMenuDrawerRef } from './MobileMenuDrawer';
diff --git a/packages/react-native-ui-lite/src/MobileAddonsPanel.tsx b/packages/react-native-ui-lite/src/MobileAddonsPanel.tsx
@@ -14,7 +14,7 @@ import {
   View,
   ViewStyle,
 } from 'react-native';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import { Addon_TypesEnum } from 'storybook/internal/types';
 import { CloseIcon } from './icon/iconDataUris';
 import useAnimatedValue from './useAnimatedValue';
diff --git a/packages/react-native-ui-lite/src/Refs.tsx b/packages/react-native-ui-lite/src/Refs.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useMemo, useCallback, useEffect, useState } from 'react';
-import type { State } from 'storybook/internal/manager-api';
+import type { State } from 'storybook/manager-api';
 import { styled } from '@storybook/react-native-theming';
 import { Tree } from './Tree';
 import type { RefType } from '@storybook/react-native-ui-common';
diff --git a/packages/react-native-ui-lite/src/Sidebar.stories.tsx b/packages/react-native-ui-lite/src/Sidebar.stories.tsx
@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from '@storybook/react';
 import type { RefType } from '@storybook/react-native-ui-common';
 import { Button, LayoutProvider } from '@storybook/react-native-ui-common';
 import React from 'react';
-import type { IndexHash, State } from 'storybook/internal/manager-api';
+import type { IndexHash, State } from 'storybook/manager-api';
 import { Sidebar } from './Sidebar';
 import { DEFAULT_REF_ID } from './constants';
 import { mockDataset } from './mockdata';
diff --git a/packages/react-native-ui-lite/src/Sidebar.tsx b/packages/react-native-ui-lite/src/Sidebar.tsx
@@ -3,7 +3,7 @@ import type { CombinedDataset, Selection } from '@storybook/react-native-ui-comm
 import { useLastViewed } from '@storybook/react-native-ui-common';
 import React, { useMemo } from 'react';
 import { View } from 'react-native';
-import type { State } from 'storybook/internal/manager-api';
+import type { State } from 'storybook/manager-api';
 import type { API_LoadedRefData } from 'storybook/internal/types';
 import { DEFAULT_REF_ID } from './constants';
 import { Explorer } from './Explorer';
diff --git a/packages/react-native-ui-lite/src/Tree.stories.tsx b/packages/react-native-ui-lite/src/Tree.stories.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import type { ComponentEntry, IndexHash } from 'storybook/internal/manager-api';
+import type { ComponentEntry, IndexHash } from 'storybook/manager-api';
 import type { StoryObj, Meta } from '@storybook/react';
 import { Tree } from './Tree';
 import type { Dataset } from '@storybook/react-native-ui-common';
diff --git a/packages/react-native-ui-lite/src/Tree.tsx b/packages/react-native-ui-lite/src/Tree.tsx
@@ -17,7 +17,7 @@ import type {
   State,
   StoriesHash,
   StoryEntry,
-} from 'storybook/internal/manager-api';
+} from 'storybook/manager-api';
 import { useSelectedNode } from './SelectedNodeProvider';
 import { ComponentNode, GroupNode, StoryNode } from './TreeNode';
 import { CollapseAllIcon, CollapseIcon, ExpandAllIcon } from './icon/iconDataUris';
diff --git a/packages/react-native-ui/package.json b/packages/react-native-ui/package.json
@@ -58,7 +58,7 @@
     "typescript": "~5.9.2"
   },
   "dependencies": {
-    "@storybook/react": "10.0.0-beta.7",
+    "@storybook/react": "0.0.0-pr-32572-sha-c9578275",
     "@storybook/react-native-theming": "^10.0.0-beta.5",
     "@storybook/react-native-ui-common": "^10.0.0-beta.5",
     "es-toolkit": "^1.38.0",
diff --git a/packages/react-native-ui/src/Layout.tsx b/packages/react-native-ui/src/Layout.tsx
@@ -16,7 +16,7 @@ import { ScrollView, Text, TouchableOpacity, View, ViewStyle } from 'react-nativ
 import { GestureHandlerRootView } from 'react-native-gesture-handler';
 import { SafeAreaProvider, useSafeAreaInsets } from 'react-native-safe-area-context';
 import { SET_CURRENT_STORY } from 'storybook/internal/core-events';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import type { API_IndexHash } from 'storybook/internal/types';
 import { DEFAULT_REF_ID } from './constants';
 import { BottomBarToggleIcon } from './icon/BottomBarToggleIcon';
diff --git a/packages/react-native-ui/src/MobileAddonsPanel.tsx b/packages/react-native-ui/src/MobileAddonsPanel.tsx
@@ -1,5 +1,5 @@
 import { BottomSheetModal } from '@gorhom/bottom-sheet';
-import { addons } from 'storybook/internal/manager-api';
+import { addons } from 'storybook/manager-api';
 import { styled, useTheme } from '@storybook/react-native-theming';
 import { Addon_TypesEnum } from 'storybook/internal/types';
 import { forwardRef, useImperativeHandle, useMemo, useRef, useState } from 'react';
diff --git a/packages/react-native-ui/src/Refs.tsx b/packages/react-native-ui/src/Refs.tsx
@@ -1,6 +1,6 @@
 import type { FC } from 'react';
 import React, { useMemo, useCallback, useEffect, useState } from 'react';
-import type { State } from 'storybook/internal/manager-api';
+import type { State } from 'storybook/manager-api';
 import { styled } from '@storybook/react-native-theming';
 import { Tree } from './Tree';
 import type { RefType } from '@storybook/react-native-ui-common';
diff --git a/packages/react-native-ui/src/Sidebar.stories.tsx b/packages/react-native-ui/src/Sidebar.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
-import type { IndexHash, State } from 'storybook/internal/manager-api';
+import type { IndexHash, State } from 'storybook/manager-api';
 import { Button, type RefType } from '@storybook/react-native-ui-common';
 import { Sidebar } from './Sidebar';
 import { DEFAULT_REF_ID } from './constants';
diff --git a/packages/react-native-ui/src/Sidebar.tsx b/packages/react-native-ui/src/Sidebar.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { styled } from '@storybook/react-native-theming';
-import type { State } from 'storybook/internal/manager-api';
+import type { State } from 'storybook/manager-api';
 import type { API_LoadedRefData } from 'storybook/internal/types';
 import { Explorer } from './Explorer';
 import { Search } from './Search';
diff --git a/packages/react-native-ui/src/Tree.stories.tsx b/packages/react-native-ui/src/Tree.stories.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react';
-import type { ComponentEntry, IndexHash } from 'storybook/internal/manager-api';
+import type { ComponentEntry, IndexHash } from 'storybook/manager-api';
 import type { StoryObj, Meta } from '@storybook/react';
 import { Tree } from './Tree';
 import type { Dataset } from '@storybook/react-native-ui-common';
diff --git a/packages/react-native-ui/src/Tree.tsx b/packages/react-native-ui/src/Tree.tsx
@@ -4,7 +4,7 @@ import type {
   State,
   StoriesHash,
   StoryEntry,
-} from 'storybook/internal/manager-api';
+} from 'storybook/manager-api';
 import { styled } from '@storybook/react-native-theming';
 import React, { useCallback, useMemo, useRef } from 'react';
 import { View } from 'react-native';
diff --git a/packages/react-native/package.json b/packages/react-native/package.json
@@ -49,7 +49,7 @@
   },
   "dependencies": {
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "10.0.0-beta.7",
+    "@storybook/react": "0.0.0-pr-32572-sha-c9578275",
     "@storybook/react-native-theming": "^10.0.0-beta.5",
     "@storybook/react-native-ui": "^10.0.0-beta.5",
     "@storybook/react-native-ui-common": "^10.0.0-beta.5",
@@ -74,7 +74,7 @@
     "jotai": "^2.6.2",
     "react": "19.1.0",
     "react-native": "0.81.4",
-    "storybook": "10.0.0-beta.7",
+    "storybook": "0.0.0-pr-32572-sha-c9578275",
     "tsup": "^8.5.0",
     "typescript": "~5.9.2",
     "universal-test-renderer": "^0.6.0"
diff --git a/packages/react-native/src/Start.tsx b/packages/react-native/src/Start.tsx
@@ -1,6 +1,6 @@
+import './polyfill';
 import { Platform } from 'react-native';
-
-import { addons as managerAddons } from 'storybook/internal/manager-api';
+import { addons as managerAddons } from 'storybook/manager-api';
 import {
   composeConfigs,
   addons as previewAddons,
@@ -21,22 +21,6 @@ import type {
 import type { ReactRenderer } from '@storybook/react';
 import { View } from './View';
 
-// @ts-ignore
-if (Platform.OS !== 'web') {
-  // We polyfill URLSearchParams for React Native since URLSearchParams.get is not implemented yet is used in storybook
-  // with expo this would never run because its already polyfilled
-  try {
-    let params = new URLSearchParams({ test: '1' });
-
-    // the base react native url implementation throws an error when trying to access this function
-    params.get('test');
-  } catch {
-    const { setupURLPolyfill } = require('react-native-url-polyfill');
-
-    setupURLPolyfill();
-  }
-}
-
 /**
  * Since we aren't supporting  these web addons yet in react native (or reimplement them) then we should disable them
  * to avoid running code for addons that are not supported.
diff --git a/packages/react-native/src/View.tsx b/packages/react-native/src/View.tsx
@@ -4,7 +4,7 @@ import { Theme, darkTheme, theme } from '@storybook/react-native-theming';
 import { type SBUI, transformStoryIndexToStoriesHash } from '@storybook/react-native-ui-common';
 import { Channel, WebsocketTransport } from 'storybook/internal/channels';
 import { CHANNEL_CREATED, SET_CURRENT_STORY } from 'storybook/internal/core-events';
-import { addons as managerAddons } from 'storybook/internal/manager-api';
+import { addons as managerAddons } from 'storybook/manager-api';
 import { PreviewWithSelection, addons as previewAddons } from 'storybook/internal/preview-api';
 import type { API_IndexHash, PreparedStory, StoryId, StoryIndex } from 'storybook/internal/types';
 
diff --git a/packages/react-native/src/polyfill.ts b/packages/react-native/src/polyfill.ts
@@ -0,0 +1,26 @@
+import { Platform } from 'react-native-web';
+
+// if (Platform.OS !== 'web') {
+//   globalThis.document = {
+//     // @ts-expect-error
+//     querySelectorAll: () => {
+//       console.trace('querySelectorAll is not supported on React Native');
+//       return [];
+//     },
+//   };
+// }
+
+if (Platform.OS !== 'web') {
+  // We polyfill URLSearchParams for React Native since URLSearchParams.get is not implemented yet is used in storybook
+  // with expo this would never run because its already polyfilled
+  try {
+    let params = new URLSearchParams({ test: '1' });
+
+    // the base react native url implementation throws an error when trying to access this function
+    params.get('test');
+  } catch {
+    const { setupURLPolyfill } = require('react-native-url-polyfill');
+
+    setupURLPolyfill();
+  }
+}
diff --git a/yarn.lock b/yarn.lock

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { AddonStore, API } from 'storybook/internal/manager-api';`
	`1`	`+import type { AddonStore, API } from 'storybook/manager-api';`
`2`	`2`	`import { StyleSheet, Text, View } from 'react-native';`
`3`	`3`
`4`	`4`	`import Swatch from './Swatch';`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { addons, types } from 'storybook/internal/manager-api';`
	`1`	`+import { addons, types } from 'storybook/manager-api';`
`2`	`2`	`import BackgroundPanel from './BackgroundPanel';`
`3`	`3`	`import { ADDON_ID, PANEL_ID, PARAM_KEY } from './constants';`
`4`	`4`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import type { API } from 'storybook/internal/manager-api';`
	`1`	`+import type { API } from 'storybook/manager-api';`
`2`	`2`	`import { Channel } from 'storybook/internal/channels';`
`3`	`3`	`import {`
`4`	`4`	`type Args,`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { type API, addons, types } from 'storybook/internal/manager-api';`
	`1`	`+import { type API, addons, types } from 'storybook/manager-api';`
`2`	`2`	`import { Notes } from './components/Notes';`
`3`	`3`
`4`	`4`	`import type { Args, StoryContext } from 'storybook/internal/csf';`