@storybook/react-native 6.0.1-beta.8 → 6.0.1-canary.0

package/dist/preview/components/StoryListView/StoryListView.d.ts

@@ -1,7 +1,10 @@
-import { StoreItem, StoryStore } from '@storybook/client-api';
+/// <reference types="react" />
+import { /* StoreItem, */ StoryIndex } from '@storybook/client-api';
+import { StoryContext } from '@storybook/csf';
+import { ReactNativeFramework } from 'src/types/types-6.0';
 interface Props {
-    storyStore: StoryStore;
-    selectedStory: StoreItem;
+    storyIndex: StoryIndex;
+    selectedStoryContext: StoryContext<ReactNativeFramework>;
 }
-declare const StoryListView: ({ selectedStory, storyStore }: Props) => JSX.Element;
+declare const StoryListView: ({ selectedStoryContext, storyIndex }: Props) => JSX.Element;
 export default StoryListView;

package/dist/preview/components/StoryListView/StoryListView.js

@@ -47,27 +47,27 @@ const ItemTouchable = styled.TouchableOpacity({
 const ListItem = React.memo(({ kind, title, selected, onPress }) => (React.createElement(ItemTouchable, { key: title, onPress: onPress, activeOpacity: 0.8, testID: `Storybook.ListItem.${kind}.${title}`, accessibilityLabel: `Storybook.ListItem.${title}`, selected: selected },
     React.createElement(StoryIcon, { selected: selected }),
     React.createElement(Name, { selected: selected }, title))), (prevProps, nextProps) => prevProps.selected === nextProps.selected);
-const getStories = (storyStore) => {
-    if (!storyStore) {
+const getStories = (storyIndex) => {
+    if (!storyIndex) {
         return [];
     }
-    return Object.values(storyStore
-        .raw()
-        .reduce((acc, story) => {
-        acc[story.kind] = {
-            title: story.kind,
-            data: (acc[story.kind] ? acc[story.kind].data : []).concat(story),
+    const groupedStories = Object.values(storyIndex.stories).reduce((acc, story) => {
+        var _a, _b;
+        acc[story.title] = {
+            title: story.title,
+            data: ((_b = (_a = acc[story.title]) === null || _a === void 0 ? void 0 : _a.data) !== null && _b !== void 0 ? _b : []).concat(story),
         };
         return acc;
-    }, {}));
+    }, {});
+    return Object.values(groupedStories);
 };
 const styles = StyleSheet.create({
     sectionList: { flex: 1 },
 });
 const tabBarHeight = 40;
-const StoryListView = ({ selectedStory, storyStore }) => {
+const StoryListView = ({ selectedStoryContext, storyIndex }) => {
     const insets = useSafeAreaInsets();
-    const originalData = useMemo(() => getStories(storyStore), [storyStore]);
+    const originalData = useMemo(() => getStories(storyIndex), [storyIndex]);
     const [data, setData] = useState(originalData);
     const handleChangeSearchText = (text) => {
         const query = text.trim();
@@ -100,6 +100,6 @@ const StoryListView = ({ selectedStory, storyStore }) => {
             // contentInset={{ bottom: insets.bottom, top: 0 }}
             , { 
                 // contentInset={{ bottom: insets.bottom, top: 0 }}
-                style: styles.sectionList, testID: "Storybook.ListView", renderItem: ({ item }) => (React.createElement(ListItem, { title: item.name, kind: item.kind, selected: selectedStory && item.id === selectedStory.id, onPress: () => changeStory(item.id) })), renderSectionHeader: ({ section: { title } }) => (React.createElement(SectionHeader, { title: title, selected: selectedStory && title === selectedStory.kind })), keyExtractor: (item, index) => item.id + index, sections: data, stickySectionHeadersEnabled: false }))));
+                style: styles.sectionList, testID: "Storybook.ListView", renderItem: ({ item }) => (React.createElement(ListItem, { title: item.name, kind: item.title, selected: selectedStoryContext && item.id === selectedStoryContext.id, onPress: () => changeStory(item.id) })), renderSectionHeader: ({ section: { title } }) => (React.createElement(SectionHeader, { title: title, selected: selectedStoryContext && title === selectedStoryContext.title })), keyExtractor: (item, index) => item.id + index, sections: data, stickySectionHeadersEnabled: false }))));
 };
 export default StoryListView;

package/dist/preview/components/StoryView/StoryView.d.ts

@@ -1,6 +1,8 @@
-import { StoreItem } from '@storybook/client-api';
+/// <reference types="react" />
+import type { StoryContext } from '@storybook/csf';
+import { ReactNativeFramework } from 'src/types/types-6.0';
 interface Props {
-    story?: StoreItem;
+    context?: StoryContext<ReactNativeFramework>;
 }
-declare const StoryView: ({ story }: Props) => JSX.Element;
+declare const StoryView: ({ context }: Props) => JSX.Element;
 export default StoryView;

package/dist/preview/components/StoryView/StoryView.js

@@ -1,13 +1,4 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React, { useState, useEffect } from 'react';
+import React from 'react';
 import { Text, View, StyleSheet } from 'react-native';
 const styles = StyleSheet.create({
     container: { flex: 1 },
@@ -19,20 +10,10 @@ const styles = StyleSheet.create({
         justifyContent: 'center',
     },
 });
-const StoryView = ({ story }) => {
-    const [context, setContext] = useState(undefined);
-    const id = story === null || story === void 0 ? void 0 : story.id;
-    useEffect(() => {
-        const loadContext = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (story && story.unboundStoryFn && story.applyLoaders) {
-                setContext(yield story.applyLoaders());
-            }
-        });
-        loadContext();
-    }, [story, id]);
-    if (story && story.unboundStoryFn) {
-        const { unboundStoryFn } = story;
-        const StoryComponent = (context && context.id === story.id) ? unboundStoryFn : null;
+const StoryView = ({ context }) => {
+    const id = context === null || context === void 0 ? void 0 : context.id;
+    if (context && context.unboundStoryFn) {
+        const { unboundStoryFn: StoryComponent } = context;
         return (React.createElement(View, { key: id, testID: id, style: styles.container }, StoryComponent && React.createElement(StoryComponent, Object.assign({}, context))));
     }
     return (React.createElement(View, { style: styles.helpContainer },

package/dist/preview/executeLoadable.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { ModuleExports } from '@storybook/store';
+import { Loadable } from '../types/types';
+/**
+ * Executes a Loadable (function that returns exports or require context(s))
+ * and returns a map of filename => module exports
+ *
+ * @param loadable Loadable
+ * @returns Map<Path, ModuleExports>
+ */
+export declare function executeLoadable(loadable: Loadable): Map<string, ModuleExports>;
+/**
+ * Executes a Loadable (function that returns exports or require context(s))
+ * and compares it's output to the last time it was run (as stored on a node module)
+ *
+ * @param loadable Loadable
+ * @param m NodeModule
+ * @returns { added: Map<Path, ModuleExports>, removed: Map<Path, ModuleExports> }
+ */
+export declare function executeLoadableForChanges(loadable: Loadable, _m?: NodeModule): {
+    added: Map<string, ModuleExports>;
+    removed: Map<string, ModuleExports>;
+};

package/dist/preview/executeLoadable.js

@@ -0,0 +1,82 @@
+import { logger } from '@storybook/client-logger';
+/**
+ * Executes a Loadable (function that returns exports or require context(s))
+ * and returns a map of filename => module exports
+ *
+ * @param loadable Loadable
+ * @returns Map<Path, ModuleExports>
+ */
+export function executeLoadable(loadable) {
+    let reqs = null;
+    // todo discuss / improve type check
+    if (Array.isArray(loadable)) {
+        reqs = loadable;
+    }
+    else if (loadable.keys) {
+        reqs = [loadable];
+    }
+    let exportsMap = new Map();
+    if (reqs) {
+        reqs.forEach((req) => {
+            req.keys().forEach((filename) => {
+                try {
+                    const fileExports = req(filename);
+                    exportsMap.set(typeof req.resolve === 'function' ? req.resolve(filename) : filename, fileExports);
+                }
+                catch (error) {
+                    const errorString = error.message && error.stack ? `${error.message}\n ${error.stack}` : error.toString();
+                    logger.error(`Unexpected error while loading ${filename}: ${errorString}`);
+                }
+            });
+        });
+    }
+    else {
+        const exported = loadable();
+        if (Array.isArray(exported) /*FIXME && exported.every((obj) => obj.default != null)*/) {
+            const csfExports = exported.filter((obj) => obj.default != null);
+            exportsMap = new Map(csfExports.map((fileExports, index) => [`exports-map-${index}`, fileExports]));
+        }
+        //  else if (exported) {
+        //   logger.warn(
+        //     `Loader function passed to 'configure' should return void or an array of module exports that all contain a 'default' export. Received: ${JSON.stringify(
+        //       exported
+        //     )}`
+        //   );
+        // }
+    }
+    return exportsMap;
+}
+global.lastExportsMap = new Map();
+/**
+ * Executes a Loadable (function that returns exports or require context(s))
+ * and compares it's output to the last time it was run (as stored on a node module)
+ *
+ * @param loadable Loadable
+ * @param m NodeModule
+ * @returns { added: Map<Path, ModuleExports>, removed: Map<Path, ModuleExports> }
+ */
+export function executeLoadableForChanges(loadable, _m) {
+    // if (m?.hot?.dispose) {
+    //   m.hot.accept();
+    //   m.hot.dispose((data) => {
+    //     // eslint-disable-next-line no-param-reassign
+    //     data.lastExportsMap = lastExportsMap;
+    //   });
+    // }
+    const lastExportsMap = global.lastExportsMap;
+    const exportsMap = executeLoadable(loadable);
+    const added = new Map();
+    Array.from(exportsMap.entries())
+        // Ignore files that do not have a default export
+        .filter(([, fileExports]) => !!fileExports.default)
+        // Ignore exports that are equal (by reference) to last time, this means the file hasn't changed
+        .filter(([fileName, fileExports]) => lastExportsMap.get(fileName) !== fileExports)
+        .forEach(([fileName, fileExports]) => added.set(fileName, fileExports));
+    const removed = new Map();
+    Array.from(lastExportsMap.keys())
+        .filter((fileName) => !exportsMap.has(fileName))
+        .forEach((fileName) => removed.set(fileName, lastExportsMap.get(fileName)));
+    // Save the value for the dispose() call above
+    global.lastExportsMap = exportsMap;
+    return { added, removed };
+}

package/dist/preview/rn-host-detect.d.ts

@@ -0,0 +1 @@
+export default function getHost(hostname: any): any;

package/dist/preview/rn-host-detect.js

@@ -0,0 +1,62 @@
+'use strict';
+/*
+ * It only for Debug Remotely mode for Android
+ * When __DEV__ === false, we can't use window.require('NativeModules')
+ */
+function getByRemoteConfig(hostname) {
+    var remoteModuleConfig = typeof window !== 'undefined' &&
+        window.__fbBatchedBridgeConfig &&
+        window.__fbBatchedBridgeConfig.remoteModuleConfig;
+    if (!Array.isArray(remoteModuleConfig) ||
+        (hostname !== 'localhost' && hostname !== '127.0.0.1')) {
+        return { hostname: hostname, passed: false };
+    }
+    var constants = (remoteModuleConfig.find(getConstants) || [])[1];
+    if (constants) {
+        var serverHost = constants.ServerHost || hostname;
+        return { hostname: serverHost.split(':')[0], passed: true };
+    }
+    return { hostname: hostname, passed: false };
+}
+function getConstants(config) {
+    return config && (config[0] === 'AndroidConstants' || config[0] === 'PlatformConstants');
+}
+function getByRNRequirePolyfill(hostname) {
+    var NativeModules;
+    var PlatformConstants;
+    var AndroidConstants;
+    if (typeof window === 'undefined' ||
+        !window.__DEV__ ||
+        typeof window.require !== 'function' ||
+        // RN >= 0.56
+        // TODO: Get NativeModules for RN >= 0.56
+        window.require.name === 'metroRequire') {
+        return hostname;
+    }
+    NativeModules = window.require('NativeModules');
+    if (!NativeModules || (!NativeModules.PlatformConstants && !NativeModules.AndroidConstants)) {
+        return hostname;
+    }
+    PlatformConstants = NativeModules.PlatformConstants;
+    AndroidConstants = NativeModules.AndroidConstants;
+    var serverHost = (PlatformConstants ? PlatformConstants.ServerHost : AndroidConstants.ServerHost) || hostname;
+    return serverHost.split(':')[0];
+}
+/*
+ * Get React Native server IP if hostname is `localhost`
+ * On Android emulator, the IP of host is `10.0.2.2` (Genymotion: 10.0.3.2)
+ */
+export default function getHost(hostname) {
+    // Check if it in React Native environment
+    if (typeof __fbBatchedBridge !== 'object' ||
+        (hostname !== 'localhost' && hostname !== '127.0.0.1')) {
+        return hostname;
+    }
+    var result = getByRemoteConfig(hostname);
+    // Leave if get hostname by remote config successful
+    if (result.passed) {
+        return result.hostname;
+    }
+    // Otherwise, use RN's require polyfill
+    return getByRNRequirePolyfill(hostname);
+}

package/dist/preview/start.d.ts

@@ -0,0 +1,13 @@
+import { Loadable } from '@storybook/core-client';
+import { PreviewWeb } from '@storybook/preview-web';
+import { ClientApi } from '@storybook/client-api';
+import type { ReactNativeFramework } from '../types/types-6.0';
+import { View } from './View';
+import '../document-polyfill';
+export declare function start(): {
+    view: View;
+    forceReRender: () => void;
+    clientApi: ClientApi<ReactNativeFramework>;
+    preview: PreviewWeb<ReactNativeFramework>;
+    configure(loadable: Loadable): void;
+};

package/dist/preview/start.js

@@ -0,0 +1,75 @@
+import Channel from '@storybook/channels';
+import { addons } from '@storybook/addons';
+import Events from '@storybook/core-events';
+import { PreviewWeb } from '@storybook/preview-web';
+import { ClientApi } from '@storybook/client-api';
+import { View } from './View';
+import { executeLoadableForChanges } from './executeLoadable';
+import '../document-polyfill';
+export function start() {
+    var _a, _b, _c, _d, _e, _f, _g, _h;
+    const channel = new Channel({ async: true });
+    addons.setChannel(channel);
+    const clientApi = new ClientApi();
+    const preview = new PreviewWeb();
+    clientApi.storyStore = preview.storyStore;
+    preview.urlStore = {
+        selection: { storyId: '', viewMode: 'story' },
+        selectionSpecifier: null,
+        setQueryParams: () => { },
+        setSelection: (selection) => {
+            preview.urlStore.selection = selection;
+        },
+    };
+    preview.view = Object.assign(Object.assign({}, preview.view), { prepareForStory: () => null, showNoPreview: () => { }, showPreparingStory: () => { }, applyLayout: () => { }, showErrorDisplay: (e) => {
+            console.log(e);
+        }, showStoryDuringRender: () => { }, showMain: () => { }, 
+        // these are just to make typescript happy
+        showDocs: (_a = preview.view) === null || _a === void 0 ? void 0 : _a.showDocs, storyRoot: (_b = preview.view) === null || _b === void 0 ? void 0 : _b.storyRoot, prepareForDocs: (_c = preview.view) === null || _c === void 0 ? void 0 : _c.prepareForDocs, docsRoot: (_d = preview.view) === null || _d === void 0 ? void 0 : _d.docsRoot, checkIfLayoutExists: (_e = preview.view) === null || _e === void 0 ? void 0 : _e.checkIfLayoutExists, showMode: (_f = preview.view) === null || _f === void 0 ? void 0 : _f.showMode, showPreparingDocs: (_g = preview.view) === null || _g === void 0 ? void 0 : _g.showPreparingDocs, showStory: (_h = preview.view) === null || _h === void 0 ? void 0 : _h.showStory });
+    let initialized = false;
+    function onStoriesChanged() {
+        const storyIndex = clientApi.getStoryIndex();
+        preview.onStoriesChanged({ storyIndex });
+        view._storyIndex = storyIndex;
+    }
+    const view = new View(preview);
+    return {
+        view,
+        forceReRender: () => channel.emit(Events.FORCE_RE_RENDER),
+        clientApi,
+        preview,
+        // This gets called each time the user calls configure (i.e. once per HMR)
+        // The first time, it constructs the preview, subsequently it updates it
+        configure(loadable) {
+            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) => {
+                        view._setStory(context.storyContext);
+                    } });
+            };
+            const importFn = (path) => clientApi.importFn(path);
+            if (!initialized) {
+                preview.initialize({
+                    getStoryIndex: () => {
+                        const index = clientApi.getStoryIndex();
+                        view._storyIndex = index;
+                        return index;
+                    },
+                    importFn,
+                    getProjectAnnotations,
+                });
+                initialized = true;
+            }
+            else {
+                // TODO -- why don't we care about the new annotations?
+                getProjectAnnotations();
+                onStoriesChanged();
+            }
+        },
+    };
+}

package/dist/{types-6.0.d.ts → types/types-6.0.d.ts}

@@ -4,6 +4,10 @@ export declare type StoryFnReactReturnType = ReactElement<unknown>;
 export type { Args, ArgTypes, Parameters, StoryContext } from '@storybook/addons';
 declare type ReactComponent = ComponentType<any>;
 declare type ReactReturnType = StoryFnReactReturnType;
+export declare type ReactNativeFramework = {
+    component: ComponentType<any>;
+    storyResult: StoryFnReactReturnType;
+};
 /**
  * Metadata to configure the stories for a component.
  *

package/dist/types/types-6.0.js

@@ -0,0 +1 @@
+export {};

package/dist/types/types.d.ts

@@ -0,0 +1,14 @@
+import { RenderContext, RenderContextWithoutStoryContext } from '@storybook/client-api';
+export interface PreviewError {
+    message?: string;
+    stack?: string;
+}
+export interface RequireContext {
+    keys: () => string[];
+    (id: string): any;
+    resolve(id: string): string;
+}
+export declare type LoaderFunction = () => void | any[];
+export declare type Loadable = RequireContext | RequireContext[] | LoaderFunction;
+export type { RenderContext, RenderContextWithoutStoryContext };
+export declare type RenderStoryFunction = (context: RenderContext) => void;

package/dist/types/types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.0.1-beta.8",
+  "version": "6.0.1-canary.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -49,14 +49,15 @@
   "dependencies": {
     "@emotion/core": "^10.0.20",
     "@emotion/native": "^10.0.14",
-    "@storybook/addons": "~6.3",
-    "@storybook/channel-websocket": "~6.3",
-    "@storybook/channels": "~6.3",
-    "@storybook/client-api": "~6.3",
-    "@storybook/client-logger": "~6.3",
-    "@storybook/core-client": "~6.3",
-    "@storybook/core-events": "~6.3",
-    "@storybook/csf": "0.0.1",
+    "@storybook/addons": "^6.5",
+    "@storybook/channel-websocket": "^6.5",
+    "@storybook/channels": "^6.5",
+    "@storybook/client-api": "^6.5",
+    "@storybook/client-logger": "^6.5",
+    "@storybook/core-client": "^6.5",
+    "@storybook/core-events": "^6.5",
+    "@storybook/csf": "0.0.2--canary.7c6c115.0",
+    "@storybook/preview-web": "^6.5",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "emotion-theming": "^10.0.19",
@@ -66,10 +67,11 @@
     "util": "^0.12.4"
   },
   "devDependencies": {
-    "@types/react-native": "^0.66.15",
+    "@types/react": "^18.0.21",
+    "@types/react-native": "^0.70.4",
     "babel-jest": "^26.6.3",
     "jest": "^26.6.3",
-    "react-test-renderer": "17.0.2"
+    "react-test-renderer": "18.2.0"
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=1",
@@ -83,5 +85,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4a63116f26509bf6742ac7678271a8f088a30c96"
+  "gitHead": "2aa26caa5afbee685a7a9eb673ef0afd9b3ad857"
 }

package/dist/preview/Preview.d.ts

@@ -1,57 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import Channel from '@storybook/channels';
-import { ClientApi, ConfigApi, StoryStore } from '@storybook/client-api';
-import { Loadable } from '@storybook/core-client';
-import { theme } from './components/Shared/theme';
-declare type StoryKind = string;
-declare type StoryName = string;
-declare type InitialSelection = `${StoryKind}--${StoryName}` | {
-    /**
-     * Kind is the default export name or the storiesOf("name") name
-     */
-    kind: StoryKind;
-    /**
-     * Name is the named export or the .add("name") name
-     */
-    name: StoryName;
-};
-export declare type Params = {
-    onDeviceUI?: boolean;
-    resetStorybook?: boolean;
-    disableWebsockets?: boolean;
-    query?: string;
-    host?: string;
-    port?: number;
-    secured?: boolean;
-    initialSelection?: InitialSelection;
-    shouldPersistSelection?: boolean;
-    tabOpen?: number;
-    isUIHidden?: boolean;
-    shouldDisableKeyboardAvoidingView?: boolean;
-    keyboardAvoidingViewVerticalOffset?: number;
-} & {
-    theme?: typeof theme;
-};
-export default class Preview {
-    _clientApi: ClientApi;
-    _storyStore: StoryStore;
-    _addons: any;
-    _channel: Channel;
-    _decorators: any[];
-    _asyncStorageStoryId: string;
-    _configApi: ConfigApi;
-    configure: (loadable: Loadable, m: NodeModule, showDeprecationWarning: boolean) => void;
-    constructor();
-    api: () => ClientApi;
-    getStorybookUI: (params?: Partial<Params>) => () => JSX.Element;
-    _setInitialStory: (initialSelection?: InitialSelection, shouldPersistSelection?: boolean) => Promise<void>;
-    _getInitialStory: (initialSelection?: InitialSelection, shouldPersistSelection?: boolean) => Promise<import("@storybook/client-api").PublishedStoreItem>;
-    _getStory(storyId: string): import("@storybook/client-api").PublishedStoreItem;
-    _selectStoryEvent({ storyId }: {
-        storyId: string;
-    }, shouldPersistSelection: any): void;
-    _selectStory(story: any): void;
-    _checkStory(storyId: string): import("@storybook/client-api").PublishedStoreItem;
-}
-export {};

package/dist/preview/Preview.js

@@ -1,121 +0,0 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { addons } from '@storybook/addons';
-import Channel from '@storybook/channels';
-import { ClientApi, ConfigApi, StoryStore } from '@storybook/client-api';
-import Events from '@storybook/core-events';
-import { toId } from '@storybook/csf';
-import { ThemeProvider } from 'emotion-theming';
-import React from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-import OnDeviceUI from './components/OnDeviceUI';
-import { theme } from './components/Shared/theme';
-import { loadCsf } from './loadCsf';
-const STORAGE_KEY = 'lastOpenedStory';
-export default class Preview {
-    constructor() {
-        this.api = () => {
-            return this._clientApi;
-        };
-        this.getStorybookUI = (params = {}) => {
-            const { initialSelection, shouldPersistSelection = true } = params;
-            this._setInitialStory(initialSelection, shouldPersistSelection);
-            this._channel.on(Events.SET_CURRENT_STORY, (d) => {
-                this._selectStoryEvent(d, shouldPersistSelection);
-            });
-            const { _storyStore } = this;
-            addons.loadAddons(this._clientApi);
-            const appliedTheme = Object.assign(Object.assign({}, theme), params.theme);
-            return () => (React.createElement(SafeAreaProvider, null,
-                React.createElement(ThemeProvider, { theme: appliedTheme },
-                    React.createElement(OnDeviceUI, { storyStore: _storyStore, isUIHidden: params.isUIHidden, tabOpen: params.tabOpen, shouldDisableKeyboardAvoidingView: params.shouldDisableKeyboardAvoidingView, keyboardAvoidingViewVerticalOffset: params.keyboardAvoidingViewVerticalOffset }))));
-        };
-        this._setInitialStory = (initialSelection, shouldPersistSelection = true) => __awaiter(this, void 0, void 0, function* () {
-            const story = yield this._getInitialStory(initialSelection, shouldPersistSelection);
-            if (story) {
-                this._selectStory(story);
-            }
-        });
-        this._getInitialStory = (initialSelection, shouldPersistSelection = true) => __awaiter(this, void 0, void 0, function* () {
-            let story = null;
-            const initialSelectionId = initialSelection === undefined
-                ? undefined
-                : typeof initialSelection === 'string'
-                    ? initialSelection
-                    : toId(initialSelection.kind, initialSelection.name);
-            if (initialSelectionId !== undefined && this._checkStory(initialSelectionId)) {
-                story = initialSelectionId;
-            }
-            else if (shouldPersistSelection) {
-                try {
-                    let value = this._asyncStorageStoryId;
-                    if (!value) {
-                        value = JSON.parse(yield AsyncStorage.getItem(STORAGE_KEY));
-                        this._asyncStorageStoryId = value;
-                    }
-                    if (this._checkStory(value)) {
-                        story = value;
-                    }
-                }
-                catch (e) {
-                    //
-                }
-            }
-            if (story) {
-                return this._getStory(story);
-            }
-            const stories = this._storyStore.raw();
-            if (stories && stories.length) {
-                return this._getStory(stories[0].id);
-            }
-            return null;
-        });
-        const channel = new Channel({ async: true });
-        this._decorators = [];
-        this._storyStore = new StoryStore({ channel });
-        this._clientApi = new ClientApi({ storyStore: this._storyStore });
-        this._configApi = new ConfigApi({ storyStore: this._storyStore });
-        this._channel = channel;
-        const configure = loadCsf({
-            clientApi: this._clientApi,
-            storyStore: this._storyStore,
-            configApi: this._configApi,
-        });
-        this.configure = (...args) => configure('react-native', ...args);
-        addons.setChannel(channel);
-    }
-    _getStory(storyId) {
-        return this._storyStore.fromId(storyId);
-    }
-    _selectStoryEvent({ storyId }, shouldPersistSelection) {
-        if (storyId) {
-            if (shouldPersistSelection) {
-                AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(storyId)).catch(() => { });
-            }
-            const story = this._getStory(storyId);
-            this._selectStory(story);
-        }
-    }
-    _selectStory(story) {
-        this._storyStore.setSelection({ storyId: story.id, viewMode: 'story' });
-        this._channel.emit(Events.SELECT_STORY, story);
-    }
-    _checkStory(storyId) {
-        if (!storyId) {
-            return null;
-        }
-        const story = this._getStory(storyId);
-        if (story === null || story.storyFn === null) {
-            return null;
-        }
-        return story;
-    }
-}

package/dist/preview/global.d.ts

@@ -1,8 +0,0 @@
-export {};
-declare global {
-    namespace NodeJS {
-        interface Global {
-            previousExports: Map<any, string>;
-        }
-    }
-}