@storybook/react-native 6.5.5 → 6.5.6-alpha.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.5.5",
+  "version": "6.5.6-alpha.0",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -32,9 +32,8 @@
     "template/**/*"
   ],
   "scripts": {
-    "dev": "yarn tsc --watch",
-    "preprepare": "rm -rf dist/",
-    "prepare": "tsc",
+    "dev": "ts-node ./buildscripts/gentsdev.ts && tsup --watch",
+    "prepare": "tsup",
     "test": "jest"
   },
   "jest": {
@@ -52,8 +51,6 @@
     "preset": "react-native"
   },
   "dependencies": {
-    "@emotion/native": "^11.11.0",
-    "@emotion/react": "^11.11.1",
     "@storybook/addons": "^6.5.14",
     "@storybook/channel-websocket": "^6.5.14",
     "@storybook/channels": "^6.5.14",
@@ -63,7 +60,7 @@
     "@storybook/core-events": "^6.5.14",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
     "@storybook/preview-web": "^6.5.14",
-    "@storybook/react-native-theming": "^6.5.5",
+    "@storybook/react-native-theming": "^6.5.6-alpha.0",
     "chokidar": "^3.5.1",
     "commander": "^8.2.0",
     "deepmerge": "^4.3.0",
@@ -79,6 +76,8 @@
     "babel-jest": "^29.4.3",
     "jest": "^29.4.3",
     "react-test-renderer": "18.2.0",
+    "ts-node": "^10.9.1",
+    "tsup": "^7.2.0",
     "typescript": "^5.1.3"
   },
   "peerDependencies": {
@@ -93,5 +92,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ad15a9640397fbaf3536c1b8469c7b13b70676d8"
+  "gitHead": "f2ff9ddebf4e2a8a008cc484bf054c4a5cd641c5"
 }

package/dist/constants.d.ts

@@ -1,5 +0,0 @@
-/**
- * Duration for a typical transition animation, such as rescaling the canvas
- * UI.
- */
-export declare const ANIMATION_DURATION_TRANSITION = 400;

package/dist/constants.js

@@ -1,8 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ANIMATION_DURATION_TRANSITION = void 0;
-/**
- * Duration for a typical transition animation, such as rescaling the canvas
- * UI.
- */
-exports.ANIMATION_DURATION_TRANSITION = 400;

package/dist/hooks.d.ts

@@ -1,67 +0,0 @@
-import type { StoryContext } from '@storybook/csf';
-import type { ReactNativeFramework } from './types/types-6.0';
-import { StoryIndexEntry } from '@storybook/client-api';
-/**
- * Hook that returns a function to set the current story context.
- */
-export declare function useSetStoryContext(): (args_0: StoryContext<ReactNativeFramework> | ((prev: StoryContext<ReactNativeFramework>) => StoryContext<ReactNativeFramework>)) => void;
-/**
- * Hook to read the current story context.
- */
-export declare function useStoryContext(): StoryContext<ReactNativeFramework>;
-/**
- * Hook that reads the value of a specific story context parameter.
- */
-export declare function useStoryContextParam<T = any>(name: string, defaultValue?: T): T;
-/**
- * Hook that indicates if `storyId` is the currently selected story.
- */
-export declare function useIsStorySelected(storyId: string): boolean;
-/**
- * Hook that indicates if story kind (title) is the currently selected story section.
- */
-export declare function useIsStorySectionSelected(title: string): boolean;
-export declare function useIsChildSelected(entries: StoryIndexEntry[]): boolean;
-/**
- * Hook that causes a re-render when the currently selected story is changed.
- */
-export declare function useUpdateOnStoryChanged(): void;
-/**
- * Hook that gets the current theme values.
- */
-export declare function useTheme(): import("@emotion/react").Theme;
-/**
- * A boolean atom creator for an atom that can only be toggled between
- * true/false.
- *
- * @see {@link https://jotai.org/docs/recipes/atom-creators#atomwithtoggle}
- */
-export declare function atomWithToggle(initialValue?: boolean): import("jotai").WritableAtom<boolean, [nextValue?: boolean], void> & {
-    init: boolean;
-};
-/**
- * Hook that retrieves the current state, and a setter, for the `isUIVisible`
- * atom.
- */
-export declare function useIsUIVisible(): [boolean, (nextValue?: boolean) => void];
-/**
- * Hook that retrieves the current state, and a setter, for the
- * `isSplitPanelVisibleAtom` atom.
- */
-export declare function useIsSplitPanelVisible(): [boolean, (nextValue?: boolean) => void];
-interface SyncExternalUIParams {
-    isUIVisible?: boolean;
-    isSplitPanelVisible?: boolean;
-}
-/**
- * Sync the UI atom states with external values, such as from Story parameters.
- */
-export declare function syncExternalUI({ isUIVisible, isSplitPanelVisible }: SyncExternalUIParams): void;
-/**
- * Hook that manages the state for the currently selected addon.
- *
- * This value persists across stories, so that the same addon will be selected
- * when switching stories.
- */
-export declare function useSelectedAddon(initialValue?: string): [string, (args_0: string | ((prev: string) => string)) => void];
-export {};

package/dist/hooks.js

@@ -1,168 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSelectedAddon = exports.syncExternalUI = exports.useIsSplitPanelVisible = exports.useIsUIVisible = exports.atomWithToggle = exports.useTheme = exports.useUpdateOnStoryChanged = exports.useIsChildSelected = exports.useIsStorySectionSelected = exports.useIsStorySelected = exports.useStoryContextParam = exports.useStoryContext = exports.useSetStoryContext = void 0;
-var react_1 = __importStar(require("react"));
-var jotai_1 = require("jotai");
-var react_2 = require("@emotion/react");
-var storyContextAtom = (0, jotai_1.atom)(null);
-/**
- * Hook that returns a function to set the current story context.
- */
-function useSetStoryContext() {
-    return (0, jotai_1.useSetAtom)(storyContextAtom);
-}
-exports.useSetStoryContext = useSetStoryContext;
-/**
- * Hook to read the current story context.
- */
-function useStoryContext() {
-    return (0, jotai_1.useAtomValue)(storyContextAtom);
-}
-exports.useStoryContext = useStoryContext;
-/**
- * Hook that reads the value of a specific story context parameter.
- */
-function useStoryContextParam(name, defaultValue) {
-    var _a;
-    var paramAtom = (0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a, _b; return (_b = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.parameters) === null || _b === void 0 ? void 0 : _b[name]; }); }, [name]);
-    return (_a = (0, jotai_1.useAtomValue)(paramAtom)) !== null && _a !== void 0 ? _a : defaultValue;
-}
-exports.useStoryContextParam = useStoryContextParam;
-/**
- * Hook that indicates if `storyId` is the currently selected story.
- */
-function useIsStorySelected(storyId) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a; return ((_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id) === storyId; }); }, [storyId]));
-}
-exports.useIsStorySelected = useIsStorySelected;
-/**
- * Hook that indicates if story kind (title) is the currently selected story section.
- */
-function useIsStorySectionSelected(title) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () {
-        return (0, jotai_1.atom)(function (get) {
-            var _a;
-            var contextTitle = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.title;
-            return contextTitle === title || (contextTitle === null || contextTitle === void 0 ? void 0 : contextTitle.startsWith("".concat(title, "/")));
-        });
-    }, [title]));
-}
-exports.useIsStorySectionSelected = useIsStorySectionSelected;
-function useIsChildSelected(entries) {
-    return (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () {
-        return (0, jotai_1.atom)(function (get) {
-            var _a;
-            var contextId = (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id;
-            return !!entries.find(function (_a) {
-                var id = _a.id;
-                return id === contextId;
-            });
-        });
-    }, [entries]));
-}
-exports.useIsChildSelected = useIsChildSelected;
-/**
- * Hook that causes a re-render when the currently selected story is changed.
- */
-function useUpdateOnStoryChanged() {
-    (0, jotai_1.useAtomValue)((0, react_1.useMemo)(function () { return (0, jotai_1.atom)(function (get) { var _a; return (_a = get(storyContextAtom)) === null || _a === void 0 ? void 0 : _a.id; }); }, []));
-}
-exports.useUpdateOnStoryChanged = useUpdateOnStoryChanged;
-/**
- * Hook that gets the current theme values.
- */
-function useTheme() {
-    return (0, react_2.useTheme)();
-}
-exports.useTheme = useTheme;
-/**
- * A boolean atom creator for an atom that can only be toggled between
- * true/false.
- *
- * @see {@link https://jotai.org/docs/recipes/atom-creators#atomwithtoggle}
- */
-function atomWithToggle(initialValue) {
-    var anAtom = (0, jotai_1.atom)(initialValue, function (get, set, nextValue) {
-        var update = nextValue !== null && nextValue !== void 0 ? nextValue : !get(anAtom);
-        set(anAtom, update);
-    });
-    return anAtom;
-}
-exports.atomWithToggle = atomWithToggle;
-var isUIVisibleAtom = atomWithToggle(true);
-/**
- * Hook that retrieves the current state, and a setter, for the `isUIVisible`
- * atom.
- */
-function useIsUIVisible() {
-    return (0, jotai_1.useAtom)(isUIVisibleAtom);
-}
-exports.useIsUIVisible = useIsUIVisible;
-var isSplitPanelVisibleAtom = atomWithToggle(false);
-/**
- * Hook that retrieves the current state, and a setter, for the
- * `isSplitPanelVisibleAtom` atom.
- */
-function useIsSplitPanelVisible() {
-    return (0, jotai_1.useAtom)(isSplitPanelVisibleAtom);
-}
-exports.useIsSplitPanelVisible = useIsSplitPanelVisible;
-/**
- * Sync the UI atom states with external values, such as from Story parameters.
- */
-function syncExternalUI(_a) {
-    var isUIVisible = _a.isUIVisible, isSplitPanelVisible = _a.isSplitPanelVisible;
-    var jotaiStore = (0, jotai_1.getDefaultStore)();
-    if (isUIVisible !== undefined) {
-        jotaiStore.set(isUIVisibleAtom, isUIVisible);
-    }
-    if (isSplitPanelVisible !== undefined) {
-        jotaiStore.set(isSplitPanelVisibleAtom, isSplitPanelVisible);
-    }
-}
-exports.syncExternalUI = syncExternalUI;
-var selectedAddonAtom = (0, jotai_1.atom)(undefined);
-/**
- * Hook that manages the state for the currently selected addon.
- *
- * This value persists across stories, so that the same addon will be selected
- * when switching stories.
- */
-function useSelectedAddon(initialValue) {
-    var result = (0, jotai_1.useAtom)(selectedAddonAtom);
-    var set = result[1];
-    react_1.default.useEffect(function () {
-        var jotaiStore = (0, jotai_1.getDefaultStore)();
-        // Only apply the initial value once, and only if the atom doesn't have a
-        // value yet.
-        if (jotaiStore.get(selectedAddonAtom) === undefined) {
-            set(initialValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
-    return result;
-}
-exports.useSelectedAddon = useSelectedAddon;

package/dist/preview/View.d.ts

@@ -1,50 +0,0 @@
-import { StoryIndex, SelectionSpecifier } from '@storybook/store';
-import { StoryContext } from '@storybook/csf';
-import { Theme } from '@storybook/react-native-theming';
-import type { ReactNativeFramework } from '../types/types-6.0';
-import { PreviewWeb } from '@storybook/preview-web';
-type StoryKind = string;
-type StoryName = string;
-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;
-};
-type DeepPartial<T> = T extends object ? {
-    [P in keyof T]?: DeepPartial<T[P]>;
-} : T;
-export type Params = {
-    onDeviceUI?: boolean;
-    enableWebsockets?: boolean;
-    query?: string;
-    host?: string;
-    port?: number;
-    secured?: boolean;
-    initialSelection?: InitialSelection;
-    shouldPersistSelection?: boolean;
-    tabOpen?: number;
-    isUIHidden?: boolean;
-    isSplitPanelVisible?: boolean;
-    shouldDisableKeyboardAvoidingView?: boolean;
-    keyboardAvoidingViewVerticalOffset?: number;
-    theme: DeepPartial<Theme>;
-};
-export declare class View {
-    _storyIndex: StoryIndex;
-    _setStory: (story: StoryContext<ReactNativeFramework>) => void;
-    _forceRerender: () => void;
-    _ready: boolean;
-    _preview: PreviewWeb<ReactNativeFramework>;
-    _asyncStorageStoryId: string;
-    _webUrl: string;
-    constructor(preview: PreviewWeb<ReactNativeFramework>);
-    _getInitialStory: ({ initialSelection, shouldPersistSelection, }?: Partial<Params>) => Promise<SelectionSpecifier>;
-    _getServerChannel: (params?: Partial<Params>) => import("@storybook/channels").Channel;
-    getStorybookUI: (params?: Partial<Params>) => () => import("react/jsx-runtime").JSX.Element;
-}
-export {};

package/dist/preview/View.js

@@ -1,183 +0,0 @@
-"use strict";
-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());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.View = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = require("react");
-var async_storage_1 = __importDefault(require("@react-native-async-storage/async-storage"));
-var csf_1 = require("@storybook/csf");
-var addons_1 = require("@storybook/addons");
-var react_2 = require("@emotion/react");
-var react_native_safe_area_context_1 = require("react-native-safe-area-context");
-var hooks_1 = require("../hooks");
-var OnDeviceUI_1 = __importDefault(require("./components/OnDeviceUI"));
-var react_native_theming_1 = require("@storybook/react-native-theming");
-var StoryView_1 = __importDefault(require("./components/StoryView"));
-var channel_websocket_1 = __importDefault(require("@storybook/channel-websocket"));
-var rn_host_detect_1 = __importDefault(require("./rn-host-detect"));
-var core_events_1 = __importDefault(require("@storybook/core-events"));
-var react_native_1 = require("react-native");
-var deepmerge_1 = __importDefault(require("deepmerge"));
-var STORAGE_KEY = 'lastOpenedStory';
-var View = /** @class */ (function () {
-    function View(preview) {
-        var _this = this;
-        this._setStory = function () { };
-        this._ready = false;
-        this._getInitialStory = function (_a) {
-            var _b = _a === void 0 ? {} : _a, initialSelection = _b.initialSelection, _c = _b.shouldPersistSelection, shouldPersistSelection = _c === void 0 ? true : _c;
-            return __awaiter(_this, void 0, void 0, function () {
-                var value, e_1;
-                return __generator(this, function (_d) {
-                    switch (_d.label) {
-                        case 0:
-                            if (initialSelection) {
-                                if (typeof initialSelection === 'string') {
-                                    return [2 /*return*/, { storySpecifier: initialSelection, viewMode: 'story' }];
-                                }
-                                else {
-                                    return [2 /*return*/, {
-                                            storySpecifier: (0, csf_1.toId)(initialSelection.kind, initialSelection.name),
-                                            viewMode: 'story',
-                                        }];
-                                }
-                            }
-                            if (!shouldPersistSelection) return [3 /*break*/, 5];
-                            _d.label = 1;
-                        case 1:
-                            _d.trys.push([1, 4, , 5]);
-                            value = this._asyncStorageStoryId;
-                            if (!!value) return [3 /*break*/, 3];
-                            return [4 /*yield*/, async_storage_1.default.getItem(STORAGE_KEY)];
-                        case 2:
-                            value = _d.sent();
-                            this._asyncStorageStoryId = value;
-                            _d.label = 3;
-                        case 3: return [2 /*return*/, { storySpecifier: value !== null && value !== void 0 ? value : '*', viewMode: 'story' }];
-                        case 4:
-                            e_1 = _d.sent();
-                            console.warn('storybook-log: error reading from async storage', e_1);
-                            return [3 /*break*/, 5];
-                        case 5: return [2 /*return*/, { storySpecifier: '*', viewMode: 'story' }];
-                    }
-                });
-            });
-        };
-        this._getServerChannel = function (params) {
-            if (params === void 0) { params = {}; }
-            var host = (0, rn_host_detect_1.default)(params.host || 'localhost');
-            var port = ":".concat(params.port || 7007);
-            var query = params.query || '';
-            var websocketType = params.secured ? 'wss' : 'ws';
-            var url = "".concat(websocketType, "://").concat(host).concat(port, "/").concat(query);
-            return (0, channel_websocket_1.default)({
-                url: url,
-                async: true,
-                onError: function () { return __awaiter(_this, void 0, void 0, function () { return __generator(this, function (_a) {
-                    return [2 /*return*/];
-                }); }); },
-            });
-        };
-        this.getStorybookUI = function (params) {
-            if (params === void 0) { params = {}; }
-            var _a = params.shouldPersistSelection, shouldPersistSelection = _a === void 0 ? true : _a, _b = params.onDeviceUI, onDeviceUI = _b === void 0 ? true : _b, _c = params.enableWebsockets, enableWebsockets = _c === void 0 ? false : _c;
-            var initialStory = _this._getInitialStory(params);
-            if (enableWebsockets) {
-                var channel = _this._getServerChannel(params);
-                addons_1.addons.setChannel(channel);
-                // TODO: check this with someone who knows what they're doing
-                _this._preview.channel = channel;
-                _this._preview.setupListeners();
-                channel.emit(core_events_1.default.CHANNEL_CREATED);
-                _this._preview.initializeWithStoryIndex(_this._storyIndex);
-            }
-            addons_1.addons.loadAddons({
-                store: function () { return ({
-                    fromId: function (id) {
-                        return _this._preview.storyStore.getStoryContext(_this._preview.storyStore.fromId(id));
-                    },
-                    getSelection: function () {
-                        return _this._preview.currentSelection;
-                    },
-                    _channel: _this._preview.channel,
-                }); },
-            });
-            // eslint-disable-next-line consistent-this
-            var self = _this;
-            // Sync the Storybook parameters (external) with app UI state (internal), to initialise them.
-            (0, hooks_1.syncExternalUI)({
-                isUIVisible: params.isUIHidden !== undefined ? !params.isUIHidden : undefined,
-                isSplitPanelVisible: params.isSplitPanelVisible,
-            });
-            return function () {
-                var setContext = (0, hooks_1.useSetStoryContext)();
-                var colorScheme = (0, react_native_1.useColorScheme)();
-                var _a = (0, react_1.useReducer)(function (x) { return x + 1; }, 0), forceUpdate = _a[1];
-                var appliedTheme = (0, react_1.useMemo)(function () { var _a; return (0, deepmerge_1.default)(colorScheme === 'dark' ? react_native_theming_1.darkTheme : react_native_theming_1.theme, (_a = params.theme) !== null && _a !== void 0 ? _a : {}); }, [colorScheme]);
-                (0, react_1.useEffect)(function () {
-                    self._setStory = function (newStory) {
-                        setContext(newStory);
-                        if (shouldPersistSelection) {
-                            async_storage_1.default.setItem(STORAGE_KEY, newStory.id).catch(function (e) {
-                                console.warn('storybook-log: error writing to async storage', e);
-                            });
-                        }
-                    };
-                    self._forceRerender = function () { return forceUpdate(); };
-                    initialStory.then(function (story) {
-                        self._preview.urlStore.selectionSpecifier = story;
-                        self._preview.selectSpecifiedStory();
-                    });
-                    // eslint-disable-next-line react-hooks/exhaustive-deps
-                }, []);
-                if (onDeviceUI) {
-                    return ((0, jsx_runtime_1.jsx)(react_native_safe_area_context_1.SafeAreaProvider, { children: (0, jsx_runtime_1.jsx)(react_2.ThemeProvider, { theme: appliedTheme, children: (0, jsx_runtime_1.jsx)(OnDeviceUI_1.default, { storyIndex: self._storyIndex, tabOpen: params.tabOpen, shouldDisableKeyboardAvoidingView: params.shouldDisableKeyboardAvoidingView, keyboardAvoidingViewVerticalOffset: params.keyboardAvoidingViewVerticalOffset }) }) }));
-                }
-                else {
-                    return (0, jsx_runtime_1.jsx)(StoryView_1.default, {});
-                }
-            };
-        };
-        this._preview = preview;
-    }
-    return View;
-}());
-exports.View = View;

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

@@ -1,12 +0,0 @@
-import { StoryIndex } from '@storybook/client-api';
-import React from 'react';
-export declare const IS_EXPO: boolean;
-interface OnDeviceUIProps {
-    storyIndex: StoryIndex;
-    url?: string;
-    tabOpen?: number;
-    shouldDisableKeyboardAvoidingView?: boolean;
-    keyboardAvoidingViewVerticalOffset?: number;
-}
-declare const _default: React.MemoExoticComponent<({ storyIndex, shouldDisableKeyboardAvoidingView, keyboardAvoidingViewVerticalOffset, tabOpen: initialTabOpen, }: OnDeviceUIProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;