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

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

@@ -1,201 +0,0 @@
-"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 __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;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var native_1 = __importDefault(require("@emotion/native"));
-var addons_1 = require("@storybook/addons");
-var core_events_1 = __importDefault(require("@storybook/core-events"));
-var react_1 = __importStar(require("react"));
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../../hooks");
-var icons_1 = require("../Shared/icons");
-var layout_1 = require("../Shared/layout");
-var getNestedStories_1 = require("./getNestedStories");
-var SectionHeaderText = native_1.default.Text(function (_a) {
-    var theme = _a.theme;
-    return ({
-        fontSize: theme.storyList.fontSize,
-        color: theme.storyList.headerTextColor,
-        fontWeight: theme.storyList.headerFontWeight,
-        flexShrink: 1,
-    });
-});
-var StoryNameText = native_1.default.Text(function (_a) {
-    var selected = _a.selected, theme = _a.theme;
-    return ({
-        fontSize: theme.storyList.fontSize,
-        fontWeight: selected ? theme.storyList.storySelectedFontWeight : theme.storyList.storyFontWeight,
-        color: selected ? theme.storyList.storySelectedTextColor : theme.storyList.storyTextColor,
-    });
-});
-var SEARCH_ICON_SIZE = 24;
-var SearchInput = native_1.default.TextInput(__assign({ padding: 0 }, react_native_1.StyleSheet.absoluteFillObject), function (_a) {
-    var theme = _a.theme;
-    return ({
-        fontSize: theme.storyList.search.fontSize,
-        paddingStart: theme.storyList.search.paddingHorizontal + SEARCH_ICON_SIZE,
-        color: theme.storyList.search.textColor,
-    });
-});
-var SearchContainer = native_1.default.View(function (_a) {
-    var theme = _a.theme;
-    return ({
-        flexDirection: 'row',
-        alignItems: 'center',
-        margin: theme.panel.paddingHorizontal,
-        paddingVertical: theme.storyList.search.paddingVertical,
-        paddingStart: theme.storyList.search.paddingHorizontal,
-        borderColor: theme.storyList.search.borderColor,
-        borderWidth: theme.storyList.search.borderWidth,
-        borderRadius: theme.storyList.search.borderRadius,
-        backgroundColor: theme.storyList.search.backgroundColor,
-    });
-});
-var SearchBar = function (props) {
-    var theme = (0, hooks_1.useTheme)();
-    return ((0, jsx_runtime_1.jsxs)(SearchContainer, { children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { name: "search", opacity: 0.5 }), (0, jsx_runtime_1.jsx)(SearchInput, __assign({}, props, { autoCapitalize: "none", autoComplete: "off", autoCorrect: false, spellCheck: false, clearButtonMode: "while-editing", disableFullscreenUI: true, placeholderTextColor: theme.storyList.search.placeholderTextColor, returnKeyType: "search" }))] }));
-};
-var HeaderContainer = native_1.default.TouchableOpacity({
-    flexDirection: 'row',
-    alignItems: 'center',
-}, function (_a) {
-    var selected = _a.selected, theme = _a.theme, childSelected = _a.childSelected;
-    return ({
-        marginTop: theme.storyList.sectionSpacing,
-        paddingHorizontal: theme.storyList.headerPaddingHorizontal,
-        paddingVertical: theme.storyList.headerPaddingVertical,
-        backgroundColor: selected ? theme.storyList.sectionActiveBackgroundColor : undefined,
-        borderTopLeftRadius: theme.storyList.sectionBorderRadius,
-        borderTopRightRadius: theme.storyList.sectionBorderRadius,
-        borderBottomLeftRadius: selected && !childSelected ? theme.storyList.sectionBorderRadius : undefined,
-        borderBottomRightRadius: selected && !childSelected ? theme.storyList.sectionBorderRadius : undefined,
-    });
-});
-var SectionHeader = react_1.default.memo(function (_a) {
-    var name = _a.name, onPress = _a.onPress, isChildSelected = _a.isChildSelected, _b = _a.icon, icon = _b === void 0 ? 'grid' : _b, expanded = _a.expanded;
-    var selected = (0, hooks_1.useIsStorySectionSelected)(name) || isChildSelected;
-    return ((0, jsx_runtime_1.jsxs)(HeaderContainer, { selected: selected, childSelected: isChildSelected, onPress: onPress, activeOpacity: 0.8, children: [(0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
-                    transform: [{ rotate: expanded ? '90deg' : '0deg' }],
-                    marginRight: 6,
-                    alignItems: 'center',
-                    justifyContent: 'center',
-                }, children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { style: { fontSize: 8, color: 'grey', lineHeight: 8 }, children: '➤' }) }), (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: icon, width: 12, height: 12, marginRight: 6 }), (0, jsx_runtime_1.jsx)(SectionHeaderText, { numberOfLines: 2, selected: selected, children: name })] }, name));
-});
-var ItemTouchable = native_1.default.TouchableOpacity({
-    flexDirection: 'row',
-    alignItems: 'center',
-}, function (_a) {
-    var selected = _a.selected, sectionSelected = _a.sectionSelected, isLastItem = _a.isLastItem, theme = _a.theme;
-    return ({
-        padding: theme.storyList.storyPaddingHorizontal,
-        paddingStart: theme.storyList.storyIndent,
-        backgroundColor: selected
-            ? theme.storyList.storySelectedBackgroundColor
-            : sectionSelected
-                ? theme.storyList.sectionActiveBackgroundColor
-                : undefined,
-        borderBottomLeftRadius: isLastItem ? theme.storyList.sectionBorderRadius : undefined,
-        borderBottomRightRadius: isLastItem ? theme.storyList.sectionBorderRadius : undefined,
-    });
-});
-var ListItem = function (_a) {
-    var storyId = _a.storyId, kind = _a.kind, title = _a.title, isLastItem = _a.isLastItem, onPress = _a.onPress, isSiblingSelected = _a.isSiblingSelected;
-    var selected = (0, hooks_1.useIsStorySelected)(storyId);
-    var sectionSelected = (0, hooks_1.useIsStorySectionSelected)(kind) || isSiblingSelected;
-    return ((0, jsx_runtime_1.jsxs)(ItemTouchable, { onPress: onPress, activeOpacity: 0.8, testID: "Storybook.ListItem.".concat(kind, ".").concat(title), accessibilityLabel: "Storybook.ListItem.".concat(title), selected: selected, sectionSelected: sectionSelected, isLastItem: isLastItem, children: [(0, jsx_runtime_1.jsx)(icons_1.Icon, { width: 14, height: 14, name: selected ? 'story-white' : 'story-blue', marginRight: 6 }), (0, jsx_runtime_1.jsx)(StoryNameText, { selected: selected, children: title })] }, title));
-};
-var styles = react_native_1.StyleSheet.create({
-    sectionList: { flex: 1 },
-    sectionListContentContainer: { paddingBottom: 6 },
-});
-function keyExtractor(item, index) {
-    return item.name + index;
-}
-var RenderItem = function (_a) {
-    var _b, _c;
-    var item = _a.item, changeStory = _a.changeStory;
-    var isChildSelected = (0, hooks_1.useIsChildSelected)(item.stories);
-    var firstChild = (0, getNestedStories_1.findFirstChildStory)(item);
-    var firstChildSelected = (0, hooks_1.useIsStorySelected)(firstChild === null || firstChild === void 0 ? void 0 : firstChild.id);
-    var _d = (0, react_1.useState)(false), showChildren = _d[0], setShowChildren = _d[1];
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionHeader, { name: item.name, isChildSelected: isChildSelected, onPress: function () {
-                    if (firstChildSelected && showChildren) {
-                        setShowChildren(false);
-                    }
-                    else if (!showChildren && firstChild) {
-                        setShowChildren(true);
-                        changeStory(firstChild.id);
-                    }
-                    else if (showChildren && !firstChildSelected && firstChild) {
-                        changeStory(firstChild.id);
-                    }
-                }, icon: item.children.length ? 'folder' : 'grid', expanded: showChildren }), showChildren &&
-                ((_b = item.stories) === null || _b === void 0 ? void 0 : _b.map(function (story, idx) { return ((0, jsx_runtime_1.jsx)(ListItem, { storyId: story.id, title: story.name, kind: item.name, isSiblingSelected: isChildSelected, isLastItem: idx === item.stories.length - 1, onPress: function () { return changeStory(story.id); } }, story.id)); })), showChildren &&
-                ((_c = item.children) === null || _c === void 0 ? void 0 : _c.map(function (child, idx) { return ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { marginLeft: 16 }, children: (0, jsx_runtime_1.jsx)(RenderItem, { item: child, changeStory: changeStory }) }, "".concat(child.title, "-").concat(idx))); }))] }));
-};
-var StoryListView = function (_a) {
-    var storyIndex = _a.storyIndex;
-    var originalData = (0, react_1.useMemo)(function () { return (0, getNestedStories_1.getNestedStories)(storyIndex); }, [storyIndex]);
-    var _b = (0, react_1.useState)(originalData), data = _b[0], setData = _b[1];
-    var theme = (0, hooks_1.useTheme)();
-    var handleChangeSearchText = function (text) {
-        var query = text.trim();
-        if (!query) {
-            setData(originalData);
-            return;
-        }
-        setData((0, getNestedStories_1.filterNestedStories)(originalData, query));
-    };
-    var changeStory = function (storyId) {
-        var channel = addons_1.addons.getChannel();
-        channel.emit(core_events_1.default.SET_CURRENT_STORY, { storyId: storyId });
-    };
-    var renderItem = react_1.default.useCallback(function (_a) {
-        var item = _a.item;
-        return (0, jsx_runtime_1.jsx)(RenderItem, { item: item, changeStory: changeStory });
-    }, []);
-    return ((0, jsx_runtime_1.jsxs)(layout_1.Box, { flex: true, children: [(0, jsx_runtime_1.jsx)(SearchBar, { testID: "Storybook.ListView.SearchBar", onChangeText: handleChangeSearchText, placeholder: "Find by name" }), (0, jsx_runtime_1.jsx)(react_native_1.FlatList, { style: styles.sectionList, contentContainerStyle: [
-                    styles.sectionListContentContainer,
-                    {
-                        paddingVertical: theme.panel.paddingVertical,
-                        paddingHorizontal: theme.panel.paddingHorizontal,
-                    },
-                ], testID: "Storybook.ListView", renderItem: renderItem, keyExtractor: keyExtractor, data: data })] }));
-};
-exports.default = react_1.default.memo(StoryListView);

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

@@ -1,10 +0,0 @@
-import { StoryIndex, StoryIndexEntry } from '@storybook/client-api';
-export interface StoryGroup {
-    name: string;
-    title: string;
-    children: StoryGroup[];
-    stories: StoryIndexEntry[];
-}
-export declare function getNestedStories(storyIndex: StoryIndex): StoryGroup[];
-export declare const filterNestedStories: (stories: StoryGroup[], filter: string) => StoryGroup[];
-export declare const findFirstChildStory: (story: StoryGroup) => StoryIndexEntry | undefined;

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

@@ -1,95 +0,0 @@
-"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);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.findFirstChildStory = exports.filterNestedStories = exports.getNestedStories = void 0;
-// recursive funciton that transforms storyIndex to be StoryGroup[]
-function getNestedStories(storyIndex) {
-    var stories = Object.values(storyIndex.stories);
-    var group = [];
-    stories.forEach(function (story) {
-        var nameParts = story.title.split('/');
-        formGroup(nameParts, story, group);
-    });
-    return group;
-}
-exports.getNestedStories = getNestedStories;
-function formGroup(nameParts, story, group) {
-    if (nameParts.length === 1) {
-        var current = group.find(function (_a) {
-            var name = _a.name;
-            return name === nameParts[0];
-        });
-        if (current) {
-            current.stories.push(story);
-        }
-        else {
-            group.push({
-                title: story.title,
-                name: nameParts[0],
-                children: [],
-                stories: [story],
-            });
-        }
-        return;
-    }
-    var newParts = nameParts.slice(1);
-    var currentListPart = group.find(function (_a) {
-        var name = _a.name;
-        return name === nameParts[0];
-    });
-    if (!currentListPart) {
-        var toPush = {
-            name: nameParts[0],
-            title: story.title,
-            children: [],
-            stories: [],
-        };
-        group.push(toPush);
-        return formGroup(newParts, story, toPush.children);
-    }
-    else if (!currentListPart.children) {
-        currentListPart.children = [];
-    }
-    var newGroup = currentListPart.children;
-    return formGroup(newParts, story, newGroup);
-}
-var filterNestedStories = function (stories, filter) {
-    var filteredStories = [];
-    stories.forEach(function (story) {
-        var filtered = filterStoryGroup(story, filter);
-        if (filtered) {
-            filteredStories.push(filtered);
-        }
-    });
-    return filteredStories;
-};
-exports.filterNestedStories = filterNestedStories;
-var filterStoryGroup = function (story, filter) {
-    var filteredStories = story.stories.filter(function (item) {
-        return item.title.toLowerCase().includes(filter.toLowerCase()) ||
-            item.name.toLowerCase().includes(filter.toLowerCase());
-    });
-    var filteredChildren = (0, exports.filterNestedStories)(story.children, filter);
-    if (filteredStories.length || filteredChildren.length) {
-        return __assign(__assign({}, story), { children: filteredChildren, stories: filteredStories });
-    }
-};
-var findFirstChildStory = function (story) {
-    if (story.stories.length) {
-        return story.stories[0];
-    }
-    if (story.children.length) {
-        return (0, exports.findFirstChildStory)(story.children[0]);
-    }
-};
-exports.findFirstChildStory = findFirstChildStory;

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

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

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

@@ -1,237 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var getNestedStories_1 = require("./getNestedStories");
-var storyIndex = {
-    stories: {
-        'chat-message--message-first': {
-            id: 'chat-message--message-first',
-            importPath: './components/NestingExample/ChatMessage.stories.tsx',
-            name: 'Message First',
-            title: 'Chat/Message',
-        },
-        'chat-message--message-second': {
-            id: 'chat-message--message-second',
-            importPath: './components/NestingExample/ChatMessage.stories.tsx',
-            name: 'Message Second',
-            title: 'Chat/Message',
-        },
-        'chat-message-bubble--first': {
-            id: 'chat-message-bubble--first',
-            importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-            name: 'First',
-            title: 'Chat/Message/bubble',
-        },
-        'chat-message-bubble--second': {
-            id: 'chat-message-bubble--second',
-            importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-            name: 'Second Story',
-            title: 'Chat/Message/bubble',
-        },
-        'chat-message-reactions--message-one': {
-            id: 'chat-message-reactions--message-one',
-            importPath: './components/NestingExample/ChatMessageReactions.stories.tsx',
-            name: 'Message One',
-            title: 'Chat/Message/Reactions',
-        },
-        'chat-message-reactions--message-two': {
-            id: 'chat-message-reactions--message-two',
-            importPath: './components/NestingExample/ChatMessageReactions.stories.tsx',
-            name: 'Message Two',
-            title: 'Chat/Message/Reactions',
-        },
-        'chat-messageinput--basic': {
-            id: 'chat-messageinput--basic',
-            importPath: './components/NestingExample/ChatMessageMessageInput.stories.tsx',
-            name: 'Basic',
-            title: 'Chat/MessageInput',
-        },
-        'storylistview--basic': {
-            id: 'storylistview--basic',
-            importPath: './components/NestingExample/StoryList.stories.tsx',
-            name: 'Basic',
-            title: 'StoryListView',
-        },
-        'text-control--basic': {
-            id: 'text-control--basic',
-            importPath: './components/ControlExamples/Text/Text.stories.tsx',
-            name: 'Basic',
-            title: 'Text control',
-        },
-    },
-    v: 3,
-};
-var output = [
-    {
-        name: 'Chat',
-        title: 'Chat/Message',
-        stories: [],
-        children: [
-            {
-                name: 'Message',
-                title: 'Chat/Message',
-                stories: [
-                    {
-                        name: 'Message First',
-                        title: 'Chat/Message',
-                        id: 'chat-message--message-first',
-                        importPath: './components/NestingExample/ChatMessage.stories.tsx',
-                    },
-                    {
-                        name: 'Message Second',
-                        title: 'Chat/Message',
-                        id: 'chat-message--message-second',
-                        importPath: './components/NestingExample/ChatMessage.stories.tsx',
-                    },
-                ],
-                children: [
-                    {
-                        name: 'bubble',
-                        children: [],
-                        title: 'Chat/Message/bubble',
-                        stories: [
-                            {
-                                name: 'First',
-                                title: 'Chat/Message/bubble',
-                                id: 'chat-message-bubble--first',
-                                importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-                            },
-                            {
-                                name: 'Second Story',
-                                title: 'Chat/Message/bubble',
-                                id: 'chat-message-bubble--second',
-                                importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-                            },
-                        ],
-                    },
-                    {
-                        name: 'Reactions',
-                        title: 'Chat/Message/Reactions',
-                        children: [],
-                        stories: [
-                            {
-                                name: 'Message One',
-                                title: 'Chat/Message/Reactions',
-                                id: 'chat-message-reactions--message-one',
-                                importPath: './components/NestingExample/ChatMessageReactions.stories.tsx',
-                            },
-                            {
-                                name: 'Message Two',
-                                title: 'Chat/Message/Reactions',
-                                id: 'chat-message-reactions--message-two',
-                                importPath: './components/NestingExample/ChatMessageReactions.stories.tsx',
-                            },
-                        ],
-                    },
-                ],
-            },
-            {
-                name: 'MessageInput',
-                title: 'Chat/MessageInput',
-                children: [],
-                stories: [
-                    {
-                        name: 'Basic',
-                        title: 'Chat/MessageInput',
-                        id: 'chat-messageinput--basic',
-                        importPath: './components/NestingExample/ChatMessageMessageInput.stories.tsx',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        name: 'StoryListView',
-        title: 'StoryListView',
-        stories: [
-            {
-                name: 'Basic',
-                title: 'StoryListView',
-                id: 'storylistview--basic',
-                importPath: './components/NestingExample/StoryList.stories.tsx',
-            },
-        ],
-        children: [],
-    },
-    {
-        title: 'Text control',
-        name: 'Text control',
-        stories: [
-            {
-                name: 'Basic',
-                title: 'Text control',
-                id: 'text-control--basic',
-                importPath: './components/ControlExamples/Text/Text.stories.tsx',
-            },
-        ],
-        children: [],
-    },
-];
-test('story index to grouped list', function () {
-    expect((0, getNestedStories_1.getNestedStories)(storyIndex)).toEqual(output);
-});
-test('filter nested stories', function () {
-    expect((0, getNestedStories_1.filterNestedStories)(output, 'bubble')).toEqual([
-        {
-            title: 'Chat/Message',
-            name: 'Chat',
-            stories: [],
-            children: [
-                {
-                    title: 'Chat/Message',
-                    name: 'Message',
-                    stories: [],
-                    children: [
-                        {
-                            title: 'Chat/Message/bubble',
-                            name: 'bubble',
-                            children: [],
-                            stories: [
-                                {
-                                    name: 'First',
-                                    title: 'Chat/Message/bubble',
-                                    id: 'chat-message-bubble--first',
-                                    importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-                                },
-                                {
-                                    name: 'Second Story',
-                                    title: 'Chat/Message/bubble',
-                                    id: 'chat-message-bubble--second',
-                                    importPath: './components/NestingExample/ChatMessageBubble.stories.tsx',
-                                },
-                            ],
-                        },
-                    ],
-                },
-            ],
-        },
-    ]);
-    expect((0, getNestedStories_1.filterNestedStories)(output, 'one')).toEqual([
-        {
-            name: 'Chat',
-            title: 'Chat/Message',
-            stories: [],
-            children: [
-                {
-                    title: 'Chat/Message',
-                    name: 'Message',
-                    stories: [],
-                    children: [
-                        {
-                            name: 'Reactions',
-                            title: 'Chat/Message/Reactions',
-                            children: [],
-                            stories: [
-                                {
-                                    name: 'Message One',
-                                    title: 'Chat/Message/Reactions',
-                                    id: 'chat-message-reactions--message-one',
-                                    importPath: './components/NestingExample/ChatMessageReactions.stories.tsx',
-                                },
-                            ],
-                        },
-                    ],
-                },
-            ],
-        },
-    ]);
-});

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

@@ -1 +0,0 @@
-export { default } from './StoryListView';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var StoryListView_1 = require("./StoryListView");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(StoryListView_1).default; } });

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

@@ -1,3 +0,0 @@
-import React from 'react';
-declare const _default: React.MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
-export default _default;

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

@@ -1,47 +0,0 @@
-"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 });
-var jsx_runtime_1 = require("react/jsx-runtime");
-var react_1 = __importDefault(require("react"));
-var react_native_1 = require("react-native");
-var hooks_1 = require("../../../hooks");
-var layout_1 = require("../Shared/layout");
-/**
- * This is a handler for `onStartShouldSetResponder`, which dismisses the
- * keyboard as a side effect but then responds with `false` to the responder
- * system, so as not to start actually handling the touch.
- *
- * The objective here is to dismiss the keyboard when the story view is tapped,
- * but in a way that won't interfere with presses or swipes. Using a
- * `Touchable...` component as a wrapper will start to handle the touch, which
- * will swallow swipe gestures that should have gone on to a child view, such
- * as `ScrollView`.
- */
-function dismissOnStartResponder() {
-    react_native_1.Keyboard.dismiss();
-    return false;
-}
-var StoryView = function () {
-    var context = (0, hooks_1.useStoryContext)();
-    var id = context === null || context === void 0 ? void 0 : context.id;
-    var backgroundColor = (0, hooks_1.useTheme)().backgroundColor;
-    if (context && context.unboundStoryFn) {
-        var StoryComponent = context.unboundStoryFn;
-        return ((0, jsx_runtime_1.jsx)(layout_1.Box, { flex: true, testID: id, onStartShouldSetResponder: dismissOnStartResponder, backgroundColor: backgroundColor, children: StoryComponent && (0, jsx_runtime_1.jsx)(StoryComponent, __assign({}, context)) }, id));
-    }
-    return ((0, jsx_runtime_1.jsx)(layout_1.Box, { flex: true, padding: 16, alignItems: "center", justifyContent: "center", children: (0, jsx_runtime_1.jsx)(react_native_1.Text, { children: "Please open the sidebar and select a story to preview." }) }));
-};
-exports.default = react_1.default.memo(StoryView);

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

@@ -1 +0,0 @@
-export { default } from './StoryView';

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var StoryView_1 = require("./StoryView");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(StoryView_1).default; } });

package/dist/preview/executeLoadable.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="webpack-env" />
-/// <reference types="node" />
-import { Path, ModuleExports } from '@storybook/store';
-import { Loadable } from '../types/types';
-declare global {
-    var lastExportsMap: Map<Path, ModuleExports>;
-}
-/**
- * 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>;
-};