@storybook/react-native 6.5.2 → 6.5.3

package/dist/preview/View.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import React, { useEffect, useReducer } from 'react';
+import React, { useEffect, useMemo, useReducer } from 'react';
 import AsyncStorage from '@react-native-async-storage/async-storage';
 import { toId } from '@storybook/csf';
 import { addons } from '@storybook/addons';
@@ -20,7 +20,7 @@ import StoryView from './components/StoryView';
 import createChannel from '@storybook/channel-websocket';
 import getHost from './rn-host-detect';
 import events from '@storybook/core-events';
-import { Appearance } from 'react-native';
+import { useColorScheme } from 'react-native';
 import deepmerge from 'deepmerge';
 const STORAGE_KEY = 'lastOpenedStory';
 export class View {
@@ -67,7 +67,6 @@ export class View {
             });
         };
         this.getStorybookUI = (params = {}) => {
-            var _a;
             const { shouldPersistSelection = true, onDeviceUI = true, enableWebsockets = false } = params;
             const initialStory = this._getInitialStory(params);
             if (enableWebsockets) {
@@ -90,7 +89,6 @@ export class View {
             });
             // eslint-disable-next-line consistent-this
             const self = this;
-            const appliedTheme = deepmerge(Appearance.getColorScheme() === 'dark' ? darkTheme : theme, (_a = params.theme) !== null && _a !== void 0 ? _a : {});
             // Sync the Storybook parameters (external) with app UI state (internal), to initialise them.
             syncExternalUI({
                 isUIVisible: params.isUIHidden !== undefined ? !params.isUIHidden : undefined,
@@ -98,7 +96,12 @@ export class View {
             });
             return () => {
                 const setContext = useSetStoryContext();
+                const colorScheme = useColorScheme();
                 const [, forceUpdate] = useReducer((x) => x + 1, 0);
+                const appliedTheme = useMemo(() => {
+                    var _a;
+                    return deepmerge(colorScheme === 'dark' ? darkTheme : theme, (_a = params.theme) !== null && _a !== void 0 ? _a : {});
+                }, [colorScheme]);
                 useEffect(() => {
                     self._setStory = (newStory) => {
                         setContext(newStory);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react-native",
-  "version": "6.5.2",
+  "version": "6.5.3",
   "description": "A better way to develop React Native Components for your app",
   "keywords": [
     "react",
@@ -32,6 +32,7 @@
     "template/**/*"
   ],
   "scripts": {
+    "dev": "yarn tsc --watch",
     "preprepare": "rm -rf dist/",
     "prepare": "tsc",
     "test": "jest"
@@ -87,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3a4e7ee204b9ab396dc0ef53c902be0d33e90921"
+  "gitHead": "464967fd130b46df44f91395d08e6a25afa36679"
 }

package/dist/types/emotion-native.d.js

@@ -1,4 +0,0 @@
-"use strict";
-
-var _css2 = _interopRequireDefault(require("@emotion/css"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/template/cli/storybook.requires.js

@@ -1,58 +0,0 @@
-/* do not change this file, it is auto generated by storybook. */
-
-import {
-  configure,
-  addDecorator,
-  addParameters,
-  addArgsEnhancer,
-  clearDecorators,
-} from '@storybook/react-native';
-
-import '@storybook/addon-ondevice-controls/register';
-import '@storybook/addon-ondevice-actions/register';
-
-import { argsEnhancers } from '@storybook/addon-actions/dist/modern/preset/addArgs';
-
-// eslint-disable-next-line import/named
-import { decorators, parameters } from './preview';
-
-global.STORIES = [
-  {
-    titlePrefix: '',
-    directory: './.storybook/stories',
-    files: '**/*.stories.?(ts|tsx|js|jsx)',
-    importPathMatcher:
-      '^\\.[\\\\/](?:\\.storybook\\/stories(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(?:ts|tsx|js|jsx)?)$',
-  },
-];
-
-if (decorators) {
-  // eslint-disable-next-line no-undef
-  if (__DEV__) {
-    // stops the warning from showing on every HMR
-    require('react-native').LogBox.ignoreLogs([
-      '`clearDecorators` is deprecated and will be removed in Storybook 7.0',
-    ]);
-  }
-  // workaround for global decorators getting infinitely applied on HMR, see https://github.com/storybookjs/react-native/issues/185
-  clearDecorators();
-  decorators.forEach((decorator) => addDecorator(decorator));
-}
-
-if (parameters) {
-  addParameters(parameters);
-}
-
-try {
-  argsEnhancers.forEach((enhancer) => addArgsEnhancer(enhancer));
-} catch {
-  /* workaround for occasional crash */
-}
-
-const getStories = () => {
-  return {
-    './.storybook/stories/Button/Button.stories.js': require('./stories/Button/Button.stories.js'),
-  };
-};
-
-configure(getStories, module, false);