@storybook/react-native 6.5.3 → 6.5.4-alpha.0

package/dist/preview/start.js

@@ -1,91 +1,115 @@
-import { addons } from '@storybook/addons';
-import Channel from '@storybook/channels';
-import { ClientApi, setGlobalRender } from '@storybook/client-api';
-import Events from '@storybook/core-events';
-import { PreviewWeb } from '@storybook/preview-web';
-import React from 'react';
-import { executeLoadableForChanges } from './executeLoadable';
-import { View } from './View';
-export const render = (args, context) => {
-    const { id, component: Component } = context;
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.start = exports.render = void 0;
+var addons_1 = require("@storybook/addons");
+var channels_1 = __importDefault(require("@storybook/channels"));
+var client_api_1 = require("@storybook/client-api");
+var core_events_1 = __importDefault(require("@storybook/core-events"));
+var preview_web_1 = require("@storybook/preview-web");
+var react_1 = __importDefault(require("react"));
+var executeLoadable_1 = require("./executeLoadable");
+var View_1 = require("./View");
+var render = function (args, context) {
+    var id = context.id, Component = context.component;
     if (!Component) {
-        throw new Error(`Unable to render story ${id} as the component annotation is missing from the default export`);
+        throw new Error("Unable to render story ".concat(id, " as the component annotation is missing from the default export"));
     }
-    return React.createElement(Component, Object.assign({}, args));
+    return react_1.default.createElement(Component, __assign({}, args));
 };
-export function start() {
+exports.render = render;
+function start() {
     // TODO: can we get settings from main.js and set the channel here?
-    const channel = new Channel({ async: true });
-    addons.setChannel(channel);
-    const clientApi = new ClientApi();
-    const previewView = {
-        prepareForStory: () => null,
-        showNoPreview: () => { },
-        showPreparingStory: () => { },
-        applyLayout: () => { },
-        showErrorDisplay: (e) => {
+    var channel = new channels_1.default({ async: true });
+    addons_1.addons.setChannel(channel);
+    var clientApi = new client_api_1.ClientApi();
+    var previewView = {
+        prepareForStory: function () { return null; },
+        showNoPreview: function () { },
+        showPreparingStory: function () { },
+        applyLayout: function () { },
+        showErrorDisplay: function (e) {
             console.log(e);
         },
-        showStoryDuringRender: () => { },
-        showMain: () => { },
-        checkIfLayoutExists: () => { },
-        showStory: () => { },
+        showStoryDuringRender: function () { },
+        showMain: function () { },
+        checkIfLayoutExists: function () { },
+        showStory: function () { },
         docsRoot: null,
-        prepareForDocs: () => null,
-        showDocs: () => { },
-        preparingTimeout: setTimeout(() => { }, 0),
-        showMode: () => { },
-        showPreparingDocs: () => { },
+        prepareForDocs: function () { return null; },
+        showDocs: function () { },
+        preparingTimeout: setTimeout(function () { }, 0),
+        showMode: function () { },
+        showPreparingDocs: function () { },
         storyRoot: null,
         testing: false,
     };
-    const urlStore = {
+    var urlStore = {
         selection: { storyId: '', viewMode: 'story' },
         selectionSpecifier: null,
-        setQueryParams: () => { },
-        setSelection: (selection) => {
+        setQueryParams: function () { },
+        setSelection: function (selection) {
             preview.urlStore.selection = selection;
         },
     };
-    const preview = new PreviewWeb(urlStore, previewView);
+    var preview = new preview_web_1.PreviewWeb(urlStore, previewView);
     clientApi.storyStore = preview.storyStore;
-    setGlobalRender(render);
-    let initialized = false;
+    (0, client_api_1.setGlobalRender)(exports.render);
+    var initialized = false;
     function onStoriesChanged() {
-        const storyIndex = clientApi.getStoryIndex();
-        preview.onStoriesChanged({ storyIndex });
+        var storyIndex = clientApi.getStoryIndex();
+        preview.onStoriesChanged({ storyIndex: storyIndex });
         view._storyIndex = storyIndex;
     }
-    const view = new View(preview);
+    var view = new View_1.View(preview);
     return {
-        view,
-        forceReRender: () => channel.emit(Events.FORCE_RE_RENDER),
-        clientApi,
-        preview,
+        view: view,
+        forceReRender: function () { return channel.emit(core_events_1.default.FORCE_RE_RENDER); },
+        clientApi: clientApi,
+        preview: preview,
         // This gets called each time the user calls configure (i.e. once per HMR)
         // The first time, it constructs thecurrentSelection preview, subsequently it updates it
-        configure(loadable, m) {
+        configure: function (loadable, m) {
             clientApi.addParameters({ framework: 'react-native' });
             // We need to run the `executeLoadableForChanges` function *inside* the `getProjectAnnotations
             // function in case it throws. So we also need to process its output there also
-            const getProjectAnnotations = () => {
-                const { added, removed } = executeLoadableForChanges(loadable, m);
-                Array.from(added.entries()).forEach(([fileName, fileExports]) => clientApi.facade.addStoriesFromExports(fileName, fileExports));
-                Array.from(removed.entries()).forEach(([fileName]) => clientApi.facade.clearFilenameExports(fileName));
-                return Object.assign(Object.assign({}, clientApi.facade.projectAnnotations), { renderToDOM: (context) => {
+            var getProjectAnnotations = function () {
+                var _a = (0, executeLoadable_1.executeLoadableForChanges)(loadable, m), added = _a.added, removed = _a.removed;
+                Array.from(added.entries()).forEach(function (_a) {
+                    var fileName = _a[0], fileExports = _a[1];
+                    return clientApi.facade.addStoriesFromExports(fileName, fileExports);
+                });
+                Array.from(removed.entries()).forEach(function (_a) {
+                    var fileName = _a[0];
+                    return clientApi.facade.clearFilenameExports(fileName);
+                });
+                return __assign(__assign({}, clientApi.facade.projectAnnotations), { renderToDOM: function (context) {
                         view._setStory(context.storyContext);
                     } });
             };
-            const importFn = (path) => clientApi.importFn(path);
+            var importFn = function (path) { return clientApi.importFn(path); };
             if (!initialized) {
                 preview.initialize({
-                    getStoryIndex: () => {
-                        const index = clientApi.getStoryIndex();
+                    getStoryIndex: function () {
+                        var index = clientApi.getStoryIndex();
                         view._storyIndex = index;
                         return index;
                     },
-                    importFn,
-                    getProjectAnnotations,
+                    importFn: importFn,
+                    getProjectAnnotations: getProjectAnnotations,
                 });
                 initialized = true;
             }
@@ -97,3 +121,4 @@ export function start() {
         },
     };
 }
+exports.start = start;

package/dist/types/types-6.0.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/types.js

@@ -1 +1,2 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.5.3",
+  "version": "6.5.4-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -14,7 +14,7 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/react-native.git",
-    "directory": "app/react-native"
+    "directory": "packages/react-native"
   },
   "license": "MIT",
   "main": "dist/index.js",
@@ -88,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "464967fd130b46df44f91395d08e6a25afa36679"
+  "gitHead": "3ab16a135c9881a69957fd330174b37e8f2bc634"
 }