@storybook/react-native 6.5.3 → 6.5.4

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

@@ -1,87 +1,146 @@
-import styled from '@emotion/native';
-import { addons } from '@storybook/addons';
-import Events from '@storybook/core-events';
-import React, { useMemo, useState } from 'react';
-import { SectionList, StyleSheet } from 'react-native';
-import { Icon } from '../Shared/icons';
-import { Box } from '../Shared/layout';
-import { useIsStorySelected, useIsStorySectionSelected, useTheme } from '../../../hooks';
-const SectionHeaderText = styled.Text(({ theme }) => ({
-    fontSize: theme.storyList.fontSize,
-    color: theme.storyList.headerTextColor,
-    fontWeight: theme.storyList.headerFontWeight,
-}));
-const StoryNameText = styled.Text(({ selected, theme }) => ({
-    fontSize: theme.storyList.fontSize,
-    fontWeight: selected ? theme.storyList.storySelectedFontWeight : theme.storyList.storyFontWeight,
-    color: selected ? theme.storyList.storySelectedTextColor : theme.storyList.storyTextColor,
-}));
-const SEARCH_ICON_SIZE = 24;
-const SearchInput = styled.TextInput(Object.assign({ padding: 0 }, StyleSheet.absoluteFillObject), ({ theme }) => ({
-    fontSize: theme.storyList.search.fontSize,
-    paddingStart: theme.storyList.search.paddingHorizontal + SEARCH_ICON_SIZE,
-    color: theme.storyList.search.textColor,
-}));
-const SearchContainer = styled.View(({ theme }) => ({
-    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,
+"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];
 }));
-const SearchBar = (props) => {
-    const theme = useTheme();
-    return (React.createElement(SearchContainer, null,
-        React.createElement(Icon, { name: "search", opacity: 0.5, color: 'white' }),
-        React.createElement(SearchInput, Object.assign({}, props, { autoCapitalize: "none", autoComplete: "off", autoCorrect: false, spellCheck: false, clearButtonMode: "while-editing", disableFullscreenUI: true, placeholderTextColor: theme.storyList.search.placeholderTextColor, returnKeyType: "search" }))));
+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 };
 };
-const HeaderContainer = styled.TouchableOpacity({
+Object.defineProperty(exports, "__esModule", { value: true });
+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 icons_1 = require("../Shared/icons");
+var layout_1 = require("../Shared/layout");
+var hooks_1 = require("../../../hooks");
+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,
+    });
+});
+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 (react_1.default.createElement(SearchContainer, null,
+        react_1.default.createElement(icons_1.Icon, { name: "search", opacity: 0.5, color: 'white' }),
+        react_1.default.createElement(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',
-}, ({ selected, theme }) => ({
-    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,
-}));
-const SectionHeader = React.memo(({ title, onPress }) => {
-    const selected = useIsStorySectionSelected(title);
-    return (React.createElement(HeaderContainer, { key: title, selected: selected, onPress: onPress, activeOpacity: 0.8 },
-        React.createElement(Icon, { name: "grid", width: 12, height: 12, marginRight: 6 }),
-        React.createElement(SectionHeaderText, { selected: selected }, title)));
+}, function (_a) {
+    var selected = _a.selected, theme = _a.theme;
+    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,
+    });
+});
+var SectionHeader = react_1.default.memo(function (_a) {
+    var title = _a.title, onPress = _a.onPress;
+    var selected = (0, hooks_1.useIsStorySectionSelected)(title);
+    return (react_1.default.createElement(HeaderContainer, { key: title, selected: selected, onPress: onPress, activeOpacity: 0.8 },
+        react_1.default.createElement(icons_1.Icon, { name: "grid", width: 12, height: 12, marginRight: 6 }),
+        react_1.default.createElement(SectionHeaderText, { selected: selected }, title)));
 });
-const ItemTouchable = styled.TouchableOpacity({
+var ItemTouchable = native_1.default.TouchableOpacity({
     flexDirection: 'row',
     alignItems: 'center',
-}, ({ selected, sectionSelected, isLastItem, theme }) => ({
-    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,
-}));
-const ListItem = React.memo(({ storyId, kind, title, isLastItem, onPress }) => {
-    const selected = useIsStorySelected(storyId);
-    const sectionSelected = useIsStorySectionSelected(kind);
-    return (React.createElement(ItemTouchable, { key: title, onPress: onPress, activeOpacity: 0.8, testID: `Storybook.ListItem.${kind}.${title}`, accessibilityLabel: `Storybook.ListItem.${title}`, selected: selected, sectionSelected: sectionSelected, isLastItem: isLastItem },
-        React.createElement(Icon, { width: 14, height: 14, name: selected ? 'story-white' : 'story-blue', marginRight: 6 }),
-        React.createElement(StoryNameText, { selected: selected }, title)));
-}, (prevProps, nextProps) => prevProps.storyId === nextProps.storyId);
-const getStories = (storyIndex) => {
+}, 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 = react_1.default.memo(function (_a) {
+    var storyId = _a.storyId, kind = _a.kind, title = _a.title, isLastItem = _a.isLastItem, onPress = _a.onPress;
+    var selected = (0, hooks_1.useIsStorySelected)(storyId);
+    var sectionSelected = (0, hooks_1.useIsStorySectionSelected)(kind);
+    return (react_1.default.createElement(ItemTouchable, { key: title, onPress: onPress, activeOpacity: 0.8, testID: "Storybook.ListItem.".concat(kind, ".").concat(title), accessibilityLabel: "Storybook.ListItem.".concat(title), selected: selected, sectionSelected: sectionSelected, isLastItem: isLastItem },
+        react_1.default.createElement(icons_1.Icon, { width: 14, height: 14, name: selected ? 'story-white' : 'story-blue', marginRight: 6 }),
+        react_1.default.createElement(StoryNameText, { selected: selected }, title)));
+}, function (prevProps, nextProps) { return prevProps.storyId === nextProps.storyId; });
+var getStories = function (storyIndex) {
     if (!storyIndex) {
         return [];
     }
-    const groupedStories = Object.values(storyIndex.stories).reduce((acc, story) => {
+    var groupedStories = Object.values(storyIndex.stories).reduce(function (acc, story) {
         var _a, _b;
         acc[story.title] = {
             title: story.title,
@@ -91,47 +150,52 @@ const getStories = (storyIndex) => {
     }, {});
     return Object.values(groupedStories);
 };
-const styles = StyleSheet.create({
+var styles = react_native_1.StyleSheet.create({
     sectionList: { flex: 1 },
     sectionListContentContainer: { paddingBottom: 6 },
 });
 function keyExtractor(item, index) {
     return item.id + index;
 }
-const StoryListView = ({ storyIndex }) => {
-    const originalData = useMemo(() => getStories(storyIndex), [storyIndex]);
-    const [data, setData] = useState(originalData);
-    const theme = useTheme();
-    const handleChangeSearchText = (text) => {
-        const query = text.trim();
+var StoryListView = function (_a) {
+    var storyIndex = _a.storyIndex;
+    var originalData = (0, react_1.useMemo)(function () { return getStories(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;
         }
-        const checkValue = (value) => value.toLowerCase().includes(query.toLowerCase());
-        const filteredData = originalData.reduce((acc, story) => {
-            const hasTitle = checkValue(story.title);
-            const hasKind = story.data.some((ref) => checkValue(ref.name));
+        var checkValue = function (value) { return value.toLowerCase().includes(query.toLowerCase()); };
+        var filteredData = originalData.reduce(function (acc, story) {
+            var hasTitle = checkValue(story.title);
+            var hasKind = story.data.some(function (ref) { return checkValue(ref.name); });
             if (hasTitle || hasKind) {
-                acc.push(Object.assign(Object.assign({}, story), { 
+                acc.push(__assign(__assign({}, story), { 
                     // in case the query matches component's title, all of its stories will be shown
-                    data: !hasTitle ? story.data.filter((ref) => checkValue(ref.name)) : story.data }));
+                    data: !hasTitle ? story.data.filter(function (ref) { return checkValue(ref.name); }) : story.data }));
             }
             return acc;
         }, []);
         setData(filteredData);
     };
-    const changeStory = (storyId) => {
-        const channel = addons.getChannel();
-        channel.emit(Events.SET_CURRENT_STORY, { storyId });
+    var changeStory = function (storyId) {
+        var channel = addons_1.addons.getChannel();
+        channel.emit(core_events_1.default.SET_CURRENT_STORY, { storyId: storyId });
     };
-    const renderItem = React.useCallback(({ item, index, section }) => {
-        return (React.createElement(ListItem, { storyId: item.id, title: item.name, kind: item.title, isLastItem: index === section.data.length - 1, onPress: () => changeStory(item.id) }));
+    var renderItem = react_1.default.useCallback(function (_a) {
+        var item = _a.item, index = _a.index, section = _a.section;
+        return (react_1.default.createElement(ListItem, { storyId: item.id, title: item.name, kind: item.title, isLastItem: index === section.data.length - 1, onPress: function () { return changeStory(item.id); } }));
+    }, []);
+    var renderSectionHeader = react_1.default.useCallback(function (_a) {
+        var _b = _a.section, title = _b.title, sectionData = _b.data;
+        return (react_1.default.createElement(SectionHeader, { title: title, onPress: function () { return changeStory(sectionData[0].id); } }));
     }, []);
-    const renderSectionHeader = React.useCallback(({ section: { title, data: sectionData } }) => (React.createElement(SectionHeader, { title: title, onPress: () => changeStory(sectionData[0].id) })), []);
-    return (React.createElement(Box, { flex: true },
-        React.createElement(SearchBar, { testID: "Storybook.ListView.SearchBar", onChangeText: handleChangeSearchText, placeholder: "Find by name" }),
-        React.createElement(SectionList, { style: styles.sectionList, contentContainerStyle: [
+    return (react_1.default.createElement(layout_1.Box, { flex: true },
+        react_1.default.createElement(SearchBar, { testID: "Storybook.ListView.SearchBar", onChangeText: handleChangeSearchText, placeholder: "Find by name" }),
+        react_1.default.createElement(react_native_1.SectionList, { style: styles.sectionList, contentContainerStyle: [
                 styles.sectionListContentContainer,
                 {
                     paddingVertical: theme.panel.paddingVertical,
@@ -139,4 +203,4 @@ const StoryListView = ({ storyIndex }) => {
                 },
             ], testID: "Storybook.ListView", renderItem: renderItem, renderSectionHeader: renderSectionHeader, keyExtractor: keyExtractor, sections: data, stickySectionHeadersEnabled: false })));
 };
-export default React.memo(StoryListView);
+exports.default = react_1.default.memo(StoryListView);

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

@@ -1 +1,8 @@
-export { default } from './StoryListView';
+"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.js

@@ -1,7 +1,23 @@
-import React from 'react';
-import { Text, Keyboard } from 'react-native';
-import { useStoryContext, useTheme } from '../../../hooks';
-import { Box } from '../Shared/layout';
+"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 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
@@ -14,18 +30,18 @@ import { Box } from '../Shared/layout';
  * as `ScrollView`.
  */
 function dismissOnStartResponder() {
-    Keyboard.dismiss();
+    react_native_1.Keyboard.dismiss();
     return false;
 }
-const StoryView = () => {
-    const context = useStoryContext();
-    const id = context === null || context === void 0 ? void 0 : context.id;
-    const { backgroundColor } = useTheme();
+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) {
-        const { unboundStoryFn: StoryComponent } = context;
-        return (React.createElement(Box, { flex: true, key: id, testID: id, onStartShouldSetResponder: dismissOnStartResponder, backgroundColor: backgroundColor }, StoryComponent && React.createElement(StoryComponent, Object.assign({}, context))));
+        var StoryComponent = context.unboundStoryFn;
+        return (react_1.default.createElement(layout_1.Box, { flex: true, key: id, testID: id, onStartShouldSetResponder: dismissOnStartResponder, backgroundColor: backgroundColor }, StoryComponent && react_1.default.createElement(StoryComponent, __assign({}, context))));
     }
-    return (React.createElement(Box, { flex: true, padding: 16, alignItems: "center", justifyContent: "center" },
-        React.createElement(Text, null, "Please open the sidebar and select a story to preview.")));
+    return (react_1.default.createElement(layout_1.Box, { flex: true, padding: 16, alignItems: "center", justifyContent: "center" },
+        react_1.default.createElement(react_native_1.Text, null, "Please open the sidebar and select a story to preview.")));
 };
-export default React.memo(StoryView);
+exports.default = react_1.default.memo(StoryView);

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

@@ -1 +1,8 @@
-export { default } from './StoryView';
+"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,7 +1,10 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
-import { ModuleExports } from '@storybook/store';
+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

package/dist/preview/executeLoadable.js

@@ -1,4 +1,7 @@
-import { logger } from '@storybook/client-logger';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.executeLoadableForChanges = exports.executeLoadable = void 0;
+var client_logger_1 = require("@storybook/client-logger");
 /**
  * Executes a Loadable (function that returns exports or require context(s))
  * and returns a map of filename => module exports
@@ -6,8 +9,8 @@ import { logger } from '@storybook/client-logger';
  * @param loadable Loadable
  * @returns Map<Path, ModuleExports>
  */
-export function executeLoadable(loadable) {
-    let reqs = null;
+function executeLoadable(loadable) {
+    var reqs = null;
     // todo discuss / improve type check
     if (Array.isArray(loadable)) {
         reqs = loadable;
@@ -15,30 +18,37 @@ export function executeLoadable(loadable) {
     else if (loadable.keys) {
         reqs = [loadable]; // todo: test with metro require context
     }
-    let exportsMap = new Map();
+    var exportsMap = new Map();
     if (reqs) {
-        reqs.forEach((req) => {
-            req.keys().forEach((filename) => {
+        reqs.forEach(function (req) {
+            req.keys().forEach(function (filename) {
                 try {
-                    const fileExports = req(filename);
+                    var 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}`);
+                    var errorString = error.message && error.stack ? "".concat(error.message, "\n ").concat(error.stack) : error.toString();
+                    client_logger_1.logger.error("Unexpected error while loading ".concat(filename, ": ").concat(errorString));
                 }
             });
         });
     }
     else {
-        const exported = loadable();
+        var exported = loadable();
         if (typeof exported === 'object') {
-            const csfExports = Object.entries(exported).filter(([_key, value]) => value.default != null);
-            exportsMap = new Map(csfExports.map(([filePath, fileExports]) => [filePath, fileExports]));
+            var csfExports = Object.entries(exported).filter(function (_a) {
+                var _key = _a[0], value = _a[1];
+                return value.default != null;
+            });
+            exportsMap = new Map(csfExports.map(function (_a) {
+                var filePath = _a[0], fileExports = _a[1];
+                return [filePath, fileExports];
+            }));
         }
     }
     return exportsMap;
 }
+exports.executeLoadable = executeLoadable;
 global.lastExportsMap = new Map();
 /**
  * Executes a Loadable (function that returns exports or require context(s))
@@ -48,25 +58,35 @@ global.lastExportsMap = new Map();
  * @param m NodeModule
  * @returns { added: Map<Path, ModuleExports>, removed: Map<Path, ModuleExports> }
  */
-export function executeLoadableForChanges(loadable, m) {
+function executeLoadableForChanges(loadable, m) {
     var _a;
     if ((_a = m === null || m === void 0 ? void 0 : m.hot) === null || _a === void 0 ? void 0 : _a.accept) {
         m.hot.accept();
     }
-    const lastExportsMap = global.lastExportsMap;
-    const exportsMap = executeLoadable(loadable);
-    const added = new Map();
+    var lastExportsMap = global.lastExportsMap;
+    var exportsMap = executeLoadable(loadable);
+    var added = new Map();
     Array.from(exportsMap.entries())
         // Ignore files that do not have a default export
-        .filter(([, fileExports]) => !!fileExports.default)
+        .filter(function (_a) {
+        var fileExports = _a[1];
+        return !!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();
+        .filter(function (_a) {
+        var fileName = _a[0], fileExports = _a[1];
+        return lastExportsMap.get(fileName) !== fileExports;
+    })
+        .forEach(function (_a) {
+        var fileName = _a[0], fileExports = _a[1];
+        return added.set(fileName, fileExports);
+    });
+    var removed = new Map();
     Array.from(lastExportsMap.keys())
-        .filter((fileName) => !exportsMap.has(fileName))
-        .forEach((fileName) => removed.set(fileName, lastExportsMap.get(fileName)));
+        .filter(function (fileName) { return !exportsMap.has(fileName); })
+        .forEach(function (fileName) { return removed.set(fileName, lastExportsMap.get(fileName)); });
     // Save the value for the dispose() call above
     global.lastExportsMap = exportsMap;
-    return { added, removed };
+    return { added: added, removed: removed };
 }
+exports.executeLoadableForChanges = executeLoadableForChanges;

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

@@ -1,4 +1,5 @@
 'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
 /*
  * It only for Debug Remotely mode for Android
  * When __DEV__ === false, we can't use window.require('NativeModules')
@@ -45,7 +46,7 @@ function getByRNRequirePolyfill(hostname) {
  * 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) {
+function getHost(hostname) {
     // Check if it in React Native environment
     if (typeof __fbBatchedBridge !== 'object' ||
         (hostname !== 'localhost' && hostname !== '127.0.0.1')) {
@@ -59,3 +60,4 @@ export default function getHost(hostname) {
     // Otherwise, use RN's require polyfill
     return getByRNRequirePolyfill(hostname);
 }
+exports.default = getHost;