@storybook/react-native 8.6.1 → 9.0.0-alpha.0

package/dist/index.d.ts

@@ -1,9 +1,9 @@
-import * as _storybook_core_types from '@storybook/core/types';
-import { StoryIndex, PreparedStory, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StorybookConfig as StorybookConfig$1 } from '@storybook/core/types';
+import * as storybook_internal_types from 'storybook/internal/types';
+import { StoryIndex, PreparedStory, NormalizedStoriesSpecifier, Addon_StorySortParameterV7, StorybookConfig as StorybookConfig$1 } from 'storybook/internal/types';
 import { ReactRenderer } from '@storybook/react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { Channel } from '@storybook/core/channels';
-import { PreviewWithSelection } from '@storybook/core/preview-api';
+import { Channel } from 'storybook/internal/channels';
+import { PreviewWithSelection } from 'storybook/internal/preview-api';
 import { StoryContext } from '@storybook/csf';
 import { Theme } from '@storybook/react-native-theming';
 export { Theme, darkTheme, theme } from '@storybook/react-native-theming';
@@ -77,11 +77,11 @@ declare function prepareStories({ storyEntries, options, storySort, }: {
 }): {
     index: {
         v: number;
-        entries: Record<string, _storybook_core_types.IndexEntry>;
+        entries: Record<string, storybook_internal_types.IndexEntry>;
     };
     importMap: Record<string, any>;
 };
-declare const getProjectAnnotations: (view: View, annotations: any[]) => () => Promise<_storybook_core_types.NormalizedProjectAnnotations<ReactRenderer>>;
+declare const getProjectAnnotations: (view: View, annotations: any[]) => () => Promise<storybook_internal_types.NormalizedProjectAnnotations<ReactRenderer>>;
 declare function start({ annotations, storyEntries, options, }: {
     storyEntries: Array<NormalizedStoriesSpecifier & {
         req: any;

package/dist/index.js

@@ -41,17 +41,17 @@ var import_react_native_theming3 = require("@storybook/react-native-theming");
 
 // src/Start.tsx
 var import_react_native4 = require("react-native");
-var import_manager_api2 = require("@storybook/core/manager-api");
-var import_preview_api2 = require("@storybook/core/preview-api");
+var import_manager_api2 = require("storybook/internal/manager-api");
+var import_preview_api2 = require("storybook/internal/preview-api");
 var import_csf2 = require("@storybook/csf");
-var import_channels2 = require("@storybook/core/channels");
+var import_channels2 = require("storybook/internal/channels");
 
 // src/View.tsx
 var import_bottom_sheet = require("@gorhom/bottom-sheet");
-var import_channels = require("@storybook/core/channels");
-var import_core_events = __toESM(require("@storybook/core/core-events"));
-var import_manager_api = require("@storybook/core/manager-api");
-var import_preview_api = require("@storybook/core/preview-api");
+var import_channels = require("storybook/internal/channels");
+var import_core_events = __toESM(require("storybook/internal/core-events"));
+var import_manager_api = require("storybook/internal/manager-api");
+var import_preview_api = require("storybook/internal/preview-api");
 var import_csf = require("@storybook/csf");
 var import_react_native_theming2 = require("@storybook/react-native-theming");
 var import_react_native_ui = require("@storybook/react-native-ui");
@@ -1248,7 +1248,13 @@ function start({
   import_preview_api2.addons.setChannel(channel);
   const previewView = {
     prepareForStory: () => {
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
+      return {
+        component: () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {}),
+        canvasElement: null,
+        mount: () => Promise.resolve({}),
+        storyResult: null,
+        T: null
+      };
     },
     prepareForDocs: () => {
     },
@@ -1269,7 +1275,6 @@ function start({
     },
     showStoryDuringRender: () => {
     }
-    // TODO what happened to this type?
   };
   const selectionStore = {
     selection: null,
@@ -1277,6 +1282,7 @@ function start({
     setQueryParams: () => {
     },
     setSelection: (selection) => {
+      console.log("setSelection", selection);
       preview.selectionStore.selection = selection;
     }
   };

package/dist/metro/withStorybook.d.ts

@@ -18,7 +18,7 @@ interface WebsocketsOptions {
  */
 interface WithStorybookOptions {
     /**
-     * The path to the Storybook config folder. Defaults to './.storybook'.
+     * The path to the Storybook config folder. Defaults to './.rnstorybook'.
      */
     configPath?: string;
     /**
@@ -56,7 +56,7 @@ interface WithStorybookOptions {
  *
  * module.exports = withStorybook(config, {
  *   enabled: true,
- *   configPath: path.resolve(projectRoot, './.storybook'),
+ *   configPath: path.resolve(projectRoot, './.rnstorybook'),
  *   websockets: { port: 7007, host: 'localhost' },
  *   useJs: false,
  *   onDisabledRemoveStorybook: true,

package/dist/metro/withStorybook.js

@@ -27,7 +27,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 // scripts/common.js
 var require_common = __commonJS({
   "scripts/common.js"(exports2, module2) {
-    var { globToRegexp, serverRequire } = require("@storybook/core/common");
+    var { globToRegexp, serverRequire } = require("storybook/internal/common");
     var path2 = require("path");
     var fs = require("fs");
     var cwd = process.cwd();
@@ -128,7 +128,7 @@ var require_generate = __commonJS({
       resolveAddonFile,
       getAddonName
     } = require_common();
-    var { normalizeStories, globToRegexp } = require("@storybook/core/common");
+    var { normalizeStories, globToRegexp } = require("storybook/internal/common");
     var fs = require("fs");
     var prettier = require("prettier");
     var path2 = require("path");
@@ -301,7 +301,7 @@ function withStorybook(config, options = {
     });
   }
   (0, import_generate.generate)({
-    configPath: configPath ?? path.resolve(process.cwd(), "./.storybook"),
+    configPath: configPath ?? path.resolve(process.cwd(), "./.rnstorybook"),
     useJs
   });
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "8.6.1",
+  "version": "9.0.0-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -45,19 +45,18 @@
     "test:update": "jest --updateSnapshot"
   },
   "dependencies": {
-    "@storybook/core": "^8.6.6",
     "@storybook/csf": "^0.1.13",
     "@storybook/global": "^5.0.0",
-    "@storybook/react": "^8.6.6",
-    "@storybook/react-native-theming": "^8.6.1",
-    "@storybook/react-native-ui": "^8.6.1",
+    "@storybook/react": "9.0.0-alpha.3",
+    "@storybook/react-native-theming": "^9.0.0-alpha.0",
+    "@storybook/react-native-ui": "^9.0.0-alpha.0",
     "commander": "^8.2.0",
     "dedent": "^1.5.1",
     "deepmerge": "^4.3.0",
     "prettier": "^2.4.1",
     "react-native-url-polyfill": "^2.0.0",
     "setimmediate": "^1.0.5",
-    "storybook": "^8.6.6",
+    "storybook": "9.0.0-alpha.3",
     "type-fest": "~2.19",
     "util": "^0.12.4",
     "ws": "^8.18.0"
@@ -88,5 +87,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3408db3fae500345fdf4913d87c7d31330bc8437"
+  "gitHead": "6ca21ab6b467c73887d17a383fdd464da37865d6"
 }

package/scripts/common.js

@@ -1,4 +1,4 @@
-const { globToRegexp, serverRequire } = require('@storybook/core/common');
+const { globToRegexp, serverRequire } = require('storybook/internal/common');
 const path = require('path');
 const fs = require('fs');
 

package/scripts/generate.js

@@ -6,7 +6,7 @@ const {
   resolveAddonFile,
   getAddonName,
 } = require('./common');
-const { normalizeStories, globToRegexp } = require('@storybook/core/common');
+const { normalizeStories, globToRegexp } = require('storybook/internal/common');
 const fs = require('fs');
 const prettier = require('prettier');
 const path = require('path');

package/scripts/handle-args.js

@@ -6,7 +6,7 @@ function getArguments() {
     .option(
       '-c, --config-path <path>',
       'The path to your config folder relative to your project-dir',
-      './.storybook'
+      './.rnstorybook'
     )
     .option('-js, --use-js', 'Use a js file for storybook.requires')
     .option('-a, --absolute', 'Use absolute paths for story imports');

package/template/cli/storybook.requires.ts

@@ -8,7 +8,7 @@ import '@storybook/addon-ondevice-actions/register';
 const normalizedStories = [
   {
     titlePrefix: '',
-    directory: './.storybook/stories',
+    directory: './.rnstorybook/stories',
     files: '**/*.stories.?(ts|tsx|js|jsx)',
     importPathMatcher:
       /^\.(?:(?:^|\/|(?:(?:(?!(?:^|\/)\.).)*?)\/)(?!\.)(?=.)[^/]*?\.stories\.(?:ts|tsx|js|jsx)?)$/,
@@ -29,7 +29,7 @@ declare global {
 const annotations = [
   require('./preview'),
   require('@storybook/react-native/dist/preview'),
-  require('@storybook/addon-actions/preview'),
+  require('@storybook/addon-ondevice-actions/preview'),
 ];
 
 global.STORIES = normalizedStories;