@storybook/react-native 7.0.0-alpha.1 → 7.0.0-alpha.3

package/dist/index.js

@@ -4,6 +4,9 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -26,6 +29,32 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
+// ../../node_modules/@storybook/types/dist/index.js
+var require_dist = __commonJS({
+  "../../node_modules/@storybook/types/dist/index.js"(exports, module2) {
+    "use strict";
+    var __defProp2 = Object.defineProperty;
+    var __getOwnPropDesc2 = Object.getOwnPropertyDescriptor;
+    var __getOwnPropNames2 = Object.getOwnPropertyNames;
+    var __hasOwnProp2 = Object.prototype.hasOwnProperty;
+    var __export2 = (target, all) => {
+      for (var name in all)
+        __defProp2(target, name, { get: all[name], enumerable: true });
+    };
+    var __copyProps2 = (to, from, except, desc) => {
+      if (from && typeof from == "object" || typeof from == "function")
+        for (let key of __getOwnPropNames2(from))
+          !__hasOwnProp2.call(to, key) && key !== except && __defProp2(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc2(from, key)) || desc.enumerable });
+      return to;
+    };
+    var __toCommonJS2 = (mod) => __copyProps2(__defProp2({}, "__esModule", { value: true }), mod);
+    var src_exports2 = {};
+    __export2(src_exports2, { Addon_TypesEnum: () => Addon_TypesEnum2 });
+    module2.exports = __toCommonJS2(src_exports2);
+    var Addon_TypesEnum2 = ((Addon_TypesEnum22) => (Addon_TypesEnum22.TAB = "tab", Addon_TypesEnum22.PANEL = "panel", Addon_TypesEnum22.TOOL = "tool", Addon_TypesEnum22.TOOLEXTRA = "toolextra", Addon_TypesEnum22.PREVIEW = "preview", Addon_TypesEnum22.experimental_PAGE = "page", Addon_TypesEnum22.NOTES_ELEMENT = "notes-element", Addon_TypesEnum22))(Addon_TypesEnum2 || {});
+  }
+});
+
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -34,28 +63,28 @@ __export(src_exports, {
   addDecorator: () => addDecorator,
   addParameters: () => addParameters,
   configure: () => configure,
-  darkTheme: () => import_react_native_theming14.darkTheme,
+  darkTheme: () => import_react_native_theming13.darkTheme,
   getStorybookUI: () => getStorybookUI,
   raw: () => raw,
   storiesOf: () => storiesOf,
-  theme: () => import_react_native_theming14.theme
+  theme: () => import_react_native_theming13.theme
 });
 module.exports = __toCommonJS(src_exports);
 
 // src/preview/start.tsx
-var import_addons4 = require("@storybook/addons");
 var import_channels2 = __toESM(require("@storybook/channels"));
 var import_core_events3 = __toESM(require("@storybook/core-events"));
 var import_global = require("@storybook/global");
+var import_manager_api4 = require("@storybook/manager-api");
 var import_preview_api = require("@storybook/preview-api");
 var import_preview_web = require("@storybook/preview-web");
 
 // src/preview/View.tsx
-var import_react14 = require("react");
 var import_async_storage = __toESM(require("@react-native-async-storage/async-storage"));
 var import_csf = require("@storybook/csf");
-var import_addons3 = require("@storybook/addons");
+var import_manager_api3 = require("@storybook/manager-api");
 var import_react_native_theming12 = require("@storybook/react-native-theming");
+var import_react14 = require("react");
 var import_react_native_safe_area_context3 = require("react-native-safe-area-context");
 
 // src/hooks.tsx
@@ -148,8 +177,8 @@ var import_react_native13 = require("react-native");
 var ANIMATION_DURATION_TRANSITION = 400;
 
 // src/preview/components/StoryListView/StoryListView.tsx
-var import_addons = require("@storybook/addons");
 var import_core_events = __toESM(require("@storybook/core-events"));
+var import_manager_api = require("@storybook/manager-api");
 var import_react_native_theming = require("@storybook/react-native-theming");
 var import_react2 = __toESM(require("react"));
 var import_react_native2 = require("react-native");
@@ -502,7 +531,7 @@ var StoryListView = ({ storyIndex }) => {
     setData(filterNestedStories(originalData, query));
   };
   const changeStory = (storyId) => {
-    const channel = import_addons.addons.getChannel();
+    const channel = import_manager_api.addons.getChannel();
     channel.emit(import_core_events.default.SET_CURRENT_STORY, { storyId });
   };
   const renderItem = import_react2.default.useCallback(({ item }) => {
@@ -627,8 +656,9 @@ var Panel = ({ edge, children, style }) => {
 var Panel_default = import_react5.default.memo(Panel);
 
 // src/preview/components/OnDeviceUI/addons/Addons.tsx
-var import_addons2 = require("@storybook/addons");
+var import_manager_api2 = require("@storybook/manager-api");
 var import_react_native_theming7 = require("@storybook/react-native-theming");
+var import_types = __toESM(require_dist());
 var import_react9 = __toESM(require("react"));
 var import_react_native8 = require("react-native");
 
@@ -692,10 +722,8 @@ var TabBarContainer = import_react_native_theming4.styled.View(() => ({
 // src/preview/components/OnDeviceUI/addons/List.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var AddonList = ({ panels, addonSelected, onPressAddon }) => {
-  const addonKeys = Object.keys(panels);
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabBar, { scrollable: true, children: addonKeys.map((id) => {
-    const { title } = panels[id];
-    let resolvedTitle = typeof title === "function" ? title() : title;
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(TabBar, { scrollable: true, children: Object.values(panels).map(({ id, title }) => {
+    let resolvedTitle = typeof title === "function" ? title({}) : title;
     if (typeof resolvedTitle === "string") {
       resolvedTitle = resolvedTitle.toUpperCase();
     }
@@ -740,7 +768,7 @@ var Text3 = import_react_native_theming7.styled.Text(({ theme: theme3 }) => ({
   marginTop: theme3.tokens.spacing4
 }));
 var Addons = ({ active }) => {
-  const panels = import_addons2.addons.getElements("panel");
+  const panels = import_manager_api2.addons.getElements(import_types.Addon_TypesEnum.PANEL);
   const [addonSelected, setAddonSelected] = useSelectedAddon(Object.keys(panels)[0]);
   const context = useStoryContext();
   const id = context?.id;
@@ -1224,8 +1252,10 @@ var OnDeviceUI = ({
 var OnDeviceUI_default = import_react13.default.memo(OnDeviceUI);
 
 // src/preview/View.tsx
-var import_react_native_theming13 = require("@storybook/react-native-theming");
 var import_channels = require("@storybook/channels");
+var import_core_events2 = __toESM(require("@storybook/core-events"));
+var import_deepmerge = __toESM(require("deepmerge"));
+var import_react_native15 = require("react-native");
 
 // src/preview/rn-host-detect.js
 function getByRemoteConfig(hostname) {
@@ -1273,9 +1303,6 @@ function getHost(hostname) {
 }
 
 // src/preview/View.tsx
-var import_core_events2 = __toESM(require("@storybook/core-events"));
-var import_react_native15 = require("react-native");
-var import_deepmerge = __toESM(require("deepmerge"));
 var import_jsx_runtime15 = require("react/jsx-runtime");
 var STORAGE_KEY = "lastOpenedStory";
 var View10 = class {
@@ -1336,13 +1363,13 @@ var View10 = class {
     const initialStory = this._getInitialStory(params);
     if (enableWebsockets) {
       const channel = this._getServerChannel(params);
-      import_addons3.addons.setChannel(channel);
+      import_manager_api3.addons.setChannel(channel);
       this._preview.channel = channel;
       this._preview.setupListeners();
       channel.emit(import_core_events2.default.CHANNEL_CREATED);
       this._preview.initializeWithStoryIndex(this._storyIndex);
     }
-    import_addons3.addons.loadAddons({
+    import_manager_api3.addons.loadAddons({
       store: () => ({
         fromId: (id) => this._preview.storyStore.getStoryContext(this._preview.storyStore.fromId(id)),
         getSelection: () => {
@@ -1362,7 +1389,7 @@ var View10 = class {
       const colorScheme = (0, import_react_native15.useColorScheme)();
       const [, forceUpdate] = (0, import_react14.useReducer)((x) => x + 1, 0);
       const appliedTheme = (0, import_react14.useMemo)(
-        () => (0, import_deepmerge.default)(colorScheme === "dark" ? import_react_native_theming13.darkTheme : import_react_native_theming13.theme, params.theme ?? {}),
+        () => (0, import_deepmerge.default)(colorScheme === "dark" ? import_react_native_theming12.darkTheme : import_react_native_theming12.theme, params.theme ?? {}),
         [colorScheme]
       );
       (0, import_react14.useEffect)(() => {
@@ -1469,7 +1496,7 @@ var render = (args, context) => {
 };
 function start() {
   const channel = new import_channels2.default({ async: true });
-  import_addons4.addons.setChannel(channel);
+  import_manager_api4.addons.setChannel(channel);
   const clientApi2 = new import_preview_api.ClientApi();
   const previewView = {
     prepareForStory: () => {
@@ -1576,7 +1603,7 @@ function start() {
 }
 
 // src/index.ts
-var import_react_native_theming14 = require("@storybook/react-native-theming");
+var import_react_native_theming13 = require("@storybook/react-native-theming");
 var { clientApi, configure, view } = start();
 var rawStoriesOf = clientApi.storiesOf.bind(clientApi);
 var addDecorator = clientApi.addDecorator.bind(clientApi);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "7.0.0-alpha.1",
+  "version": "7.0.0-alpha.3",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -51,7 +51,6 @@
     "preset": "react-native"
   },
   "dependencies": {
-    "@storybook/addons": "^7",
     "@storybook/channel-websocket": "^7",
     "@storybook/channels": "^7",
     "@storybook/client-logger": "^7",
@@ -59,9 +58,10 @@
     "@storybook/core-events": "^7",
     "@storybook/csf": "^0.1.1",
     "@storybook/global": "^5.0.0",
+    "@storybook/manager-api": "^7",
     "@storybook/preview-api": "^7",
     "@storybook/preview-web": "^7",
-    "@storybook/react-native-theming": "^7.0.0-alpha.1",
+    "@storybook/react-native-theming": "^7.0.0-alpha.3",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "deepmerge": "^4.3.0",
@@ -94,5 +94,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6e257261ea4c4f47adfbef7e1afc4fe3fe4e12bf"
+  "gitHead": "965a87593437128bb38caf9e6bb16302809655ec"
 }

package/scripts/__snapshots__/loader.test.js.snap

@@ -4,7 +4,7 @@ exports[`loader writeRequires when there are different file extensions writes th
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = [{"titlePrefix":"","directory":"./scripts/mocks/file-extensions","files":"FakeStory.stories.tsx","importPathMatcher":"^\\\\.[\\\\\\\\/](?:scripts\\\\/mocks\\\\/file-extensions\\\\/FakeStory\\\\.stories\\\\.tsx)$"}]
 
@@ -48,7 +48,7 @@ exports[`loader writeRequires when there is a configuration object writes the st
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = [{"titlePrefix":"ComponentsPrefix","files":"**/*.stories.tsx","directory":"./scripts/mocks/configuration-objects/components","importPathMatcher":"^\\\\.[\\\\\\\\/](?:scripts\\\\/mocks\\\\/configuration-objects\\\\/components(?:\\\\/(?!\\\\.)(?:(?:(?!(?:^|\\\\/)\\\\.).)*?)\\\\/|\\\\/|$)(?!\\\\.)(?=.)[^/]*?\\\\.stories\\\\.tsx)$"}]
 
@@ -92,7 +92,7 @@ exports[`loader writeRequires when there is a story glob and exclude paths globs
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = [{"titlePrefix":"","directory":"./scripts/mocks/exclude-config-files","files":"**/*.stories.tsx","importPathMatcher":"^\\\\.[\\\\\\\\/](?:scripts\\\\/mocks\\\\/exclude-config-files(?:\\\\/(?!\\\\.)(?:(?:(?!(?:^|\\\\/)\\\\.).)*?)\\\\/|\\\\/|$)(?!\\\\.)(?=.)[^/]*?\\\\.stories\\\\.tsx)$"}]
 
@@ -136,7 +136,7 @@ exports[`loader writeRequires when there is a story glob writes the story import
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = [{"titlePrefix":"","directory":"./scripts/mocks/all-config-files","files":"FakeStory.stories.tsx","importPathMatcher":"^\\\\.[\\\\\\\\/](?:scripts\\\\/mocks\\\\/all-config-files\\\\/FakeStory\\\\.stories\\\\.tsx)$"}]
 
@@ -180,7 +180,7 @@ exports[`loader writeRequires when there is no preview does not add preview rela
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = [{"titlePrefix":"","directory":"./scripts/mocks/no-preview","files":"FakeStory.stories.tsx","importPathMatcher":"^\\\\.[\\\\\\\\/](?:scripts\\\\/mocks\\\\/no-preview\\\\/FakeStory\\\\.stories\\\\.tsx)$"}]
 
@@ -214,7 +214,7 @@ exports[`loader writeRequires when there is no story glob or addons writes no st
 "
       /* do not change this file, it is auto generated by storybook. */
 
-      import { configure, addDecorator, addParameters, addArgsEnhancer, clearDecorators } from '@storybook/react-native';
+      import { configure, addDecorator, addParameters, addArgsEnhancer } from '@storybook/react-native';
 
       global.STORIES = []