@storybook/cli 7.0.0-alpha.3 → 7.0.0-alpha.30

package/dist/cjs/automigrate/fixes/webpack5.js

@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.webpack5 = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _chalk = _interopRequireDefault(require("chalk"));
 
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+var _tsDedent = require("ts-dedent");
 
 var _semver = _interopRequireDefault(require("@storybook/semver"));
 
@@ -44,7 +42,7 @@ const webpack5 = {
     const storybookCoerced = storybookVersion && ((_semver$coerce = _semver.default.coerce(storybookVersion)) === null || _semver$coerce === void 0 ? void 0 : _semver$coerce.version);
 
     if (!storybookCoerced) {
-      logger.warn((0, _tsDedent.default)`
+      logger.warn((0, _tsDedent.dedent)`
         ❌ Unable to determine storybook version, skipping ${_chalk.default.cyan('webpack5')} fix.
         🤔 Are you running automigrate from your project directory?
       `);
@@ -52,7 +50,7 @@ const webpack5 = {
     }
 
     if (_semver.default.lt(storybookCoerced, '6.3.0')) {
-      logger.warn((0, _tsDedent.default)`
+      logger.warn((0, _tsDedent.dedent)`
           Detected SB 6.3 or below, please upgrade storybook to use webpack5.
 
           To upgrade to the latest stable release, run this from your project directory:
@@ -111,7 +109,7 @@ const webpack5 = {
   }) {
     const webpackFormatted = _chalk.default.cyan(`webpack ${webpackVersion}`);
 
-    return (0, _tsDedent.default)`
+    return (0, _tsDedent.dedent)`
       We've detected you're running ${webpackFormatted}.
       Your Storybook's main.js files specifies webpack4, which is incompatible.
       
@@ -130,7 +128,7 @@ const webpack5 = {
     packageManager,
     dryRun
   }) {
-    const deps = [`@storybook/manager-webpack5@${storybookVersion}`, `@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
+    const deps = [`@storybook/builder-webpack5@${storybookVersion}`]; // this also gets called by 'cra5' fix so we need to add
     // webpack5 at the project root so that it gets hoisted
 
     if (!webpackVersion) {

package/dist/cjs/automigrate/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.automigrate = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _prompts = _interopRequireDefault(require("prompts"));
 
 var _chalk = _interopRequireDefault(require("chalk"));
@@ -81,7 +79,7 @@ const automigrate = async ({
           logger.info(`✅ ran ${_chalk.default.cyan(f.id)} migration`);
         } catch (error) {
           logger.info(`❌ error when running ${_chalk.default.cyan(f.id)} migration:`);
-          logger.info(error.message);
+          logger.info(error);
           logger.info();
         }
       } else {

package/dist/cjs/babel-config.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.generateStorybookBabelConfigInCWD = exports.generateStorybookBabelConfig = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _fsExtra = require("fs-extra");
 
 var _nodeLogger = require("@storybook/node-logger");

package/dist/cjs/build.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.build = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _readPkgUp = require("read-pkg-up");
 
 var _nodeLogger = require("@storybook/node-logger");

package/dist/cjs/detect.js

@@ -19,8 +19,6 @@ var _project_types = require("./project_types");
 
 var _helpers = require("./helpers");
 
-var _jsPackageManager = require("./js-package-manager");
-
 var _detectNextjs = require("./detect-nextjs");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -145,15 +143,8 @@ function isStorybookInstalled(dependencies, force) {
   return false;
 }
 
-function detectLanguage() {
+function detectLanguage(packageJson) {
   let language = _project_types.SupportedLanguage.JAVASCRIPT;
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
   const bowerJson = (0, _helpers.getBowerJson)();
 
   if (!packageJson && !bowerJson) {
@@ -167,14 +158,7 @@ function detectLanguage() {
   return language;
 }
 
-function detect(options = {}) {
-  let packageJson;
-
-  try {
-    packageJson = (0, _jsPackageManager.readPackageJson)();
-  } catch (err) {//
-  }
-
+function detect(packageJson, options = {}) {
   const bowerJson = (0, _helpers.getBowerJson)();
 
   if (!packageJson && !bowerJson) {

package/dist/cjs/dev.js

@@ -5,9 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.dev = void 0;
 
-require("core-js/modules/es.promise.js");
-
-var _tsDedent = _interopRequireDefault(require("ts-dedent"));
+var _tsDedent = require("ts-dedent");
 
 var _readPkgUp = require("read-pkg-up");
 
@@ -17,8 +15,6 @@ var _coreServer = require("@storybook/core-server");
 
 var _coreCommon = require("@storybook/core-common");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const dev = async cliOptions => {
   process.env.NODE_ENV = process.env.NODE_ENV || 'development';
 
@@ -53,10 +49,10 @@ const dev = async cliOptions => {
 
     _nodeLogger.logger.line();
 
-    _nodeLogger.logger.warn(error.close ? (0, _tsDedent.default)`
+    _nodeLogger.logger.warn(error.close ? (0, _tsDedent.dedent)`
           FATAL broken build!, will close the process,
           Fix the error below and restart storybook.
-        ` : (0, _tsDedent.default)`
+        ` : (0, _tsDedent.dedent)`
           Broken build, fix the error above.
           You may need to refresh the browser.
         `);

package/dist/cjs/dirs.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getBaseDir = getBaseDir;
+
+var _path = require("path");
+
+function getBaseDir() {
+  return (0, _path.dirname)(require.resolve('@storybook/cli/package.json'));
+}

package/dist/cjs/extract.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.extract = extract;
 
-require("core-js/modules/es.promise.js");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _fsExtra = require("fs-extra");

package/dist/cjs/generate.js

@@ -1,7 +1,5 @@
 "use strict";
 
-require("core-js/modules/es.symbol.description.js");
-
 var _commander = _interopRequireDefault(require("commander"));
 
 var _path = _interopRequireDefault(require("path"));
@@ -28,6 +26,8 @@ var _upgrade = require("./upgrade");
 
 var _repro = require("./repro");
 
+var _reproNext = require("./repro-next");
+
 var _link = require("./link");
 
 var _automigrate = require("./automigrate");
@@ -52,7 +52,11 @@ process.env.STORYBOOK_DISABLE_TELEMETRY && process.env.STORYBOOK_DISABLE_TELEMET
 
 _commander.default.option('--enable-crash-reports', 'enable sending crash reports to telemetry data');
 
-_commander.default.command('init').description('Initialize Storybook into your project.').option('-f --force', 'Force add Storybook').option('-s --skip-install', 'Skip installing deps').option('-N --use-npm', 'Use npm to install deps').option('--use-pnp', 'Enable pnp mode').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-t --type <type>', 'Add Storybook for a specific project type').option('-y --yes', 'Answer yes to all prompts').option('-b --builder <builder>', 'Builder library').option('-l --linkable', 'Prepare installation for link (contributor helper)').action(options => (0, _initiate.initiate)(options, pkg));
+_commander.default.command('init').description('Initialize Storybook into your project.').option('-f --force', 'Force add Storybook').option('-s --skip-install', 'Skip installing deps').option('-N --use-npm', 'Use npm to install deps').option('--use-pnp', 'Enable pnp mode').option('-p --parser <babel | babylon | flow | ts | tsx>', 'jscodeshift parser').option('-t --type <type>', 'Add Storybook for a specific project type').option('-y --yes', 'Answer yes to all prompts').option('-b --builder <builder>', 'Builder library').option('-l --linkable', 'Prepare installation for link (contributor helper)').action(options => (0, _initiate.initiate)(options, pkg).catch(err => {
+  _nodeLogger.logger.error(err);
+
+  process.exit(1);
+}));
 
 _commander.default.command('add <addon>').description('Add an addon to your Storybook').option('-N --use-npm', 'Use NPM to build the Storybook server').option('-s --skip-postinstall', 'Skip package specific postinstall config modifications').action((addonName, options) => (0, _add.add)(addonName, options));
 
@@ -101,7 +105,7 @@ _commander.default.command('extract [location] [output]').description('extract s
   process.exit(1);
 }));
 
-_commander.default.command('repro [outputDirectory]').description('Create a reproduction from a set of possible templates').option('-f --renderer <renderer>', 'Filter on given renderer').option('-t --template <template>', 'Use the given template').option('-l --list', 'List available templates').option('-g --generator <generator>', 'Use custom generator command').option('--pnp', "Use Yarn Plug'n'Play mode instead of node_modules one").option('--local', "use storybook's local packages instead of yarn's registry").option('--e2e', 'Used in e2e context').action((outputDirectory, {
+_commander.default.command('repro [outputDirectory]').description('Create a reproduction from a set of possible templates').option('-f --renderer <renderer>', 'Filter on given renderer').option('-t --template <template>', 'Use the given template').option('-l --list', 'List available templates').option('-g --generator <generator>', 'Use custom generator command').option('--registry <registry>', 'which registry to use for storybook packages').option('--pnp', "Use Yarn Plug'n'Play mode instead of node_modules one").option('--local', "use storybook's local packages instead of yarn's registry").option('--e2e', 'Used in e2e context').action((outputDirectory, {
   renderer,
   template,
   list,
@@ -124,11 +128,21 @@ _commander.default.command('repro [outputDirectory]').description('Create a repr
   process.exit(1);
 }));
 
-_commander.default.command('link <repo-url-or-directory>').description('Pull down a repro from a URL (or a local directory), link it, and run storybook').option('--local', 'Link a local directory already in your file system').action((target, {
-  local
+_commander.default.command('repro-next [filterValue]').description('Create a reproduction from a set of possible templates').option('-o --output <outDir>', 'Define an output directory').option('-b --branch <branch>', 'Define the branch to degit from', 'next').option('--no-init', 'Whether to download a template without an initialized Storybook', false).action((filterValue, options) => (0, _reproNext.reproNext)(Object.assign({
+  filterValue
+}, options)).catch(e => {
+  _nodeLogger.logger.error(e);
+
+  process.exit(1);
+}));
+
+_commander.default.command('link <repo-url-or-directory>').description('Pull down a repro from a URL (or a local directory), link it, and run storybook').option('--local', 'Link a local directory already in your file system').option('--no-start', 'Start the storybook', true).action((target, {
+  local,
+  start
 }) => (0, _link.link)({
   target,
-  local
+  local,
+  start
 }).catch(e => {
   _nodeLogger.logger.error(e);
 

package/dist/cjs/generators/ANGULAR/angular-helpers.js

@@ -10,8 +10,6 @@ exports.getAngularAppTsConfigPath = getAngularAppTsConfigPath;
 exports.getBaseTsConfigName = getBaseTsConfigName;
 exports.getDefaultProjectName = getDefaultProjectName;
 
-require("core-js/modules/es.promise.js");
-
 var path = _interopRequireWildcard(require("path"));
 
 var fs = _interopRequireWildcard(require("fs"));

package/dist/cjs/generators/ANGULAR/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _path = _interopRequireDefault(require("path"));
 
 var _semver = _interopRequireDefault(require("@storybook/semver"));

package/dist/cjs/generators/ANGULAR/template-csf/.storybook/tsconfig.json

@@ -1,21 +1,10 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": [
-      "node"
-    ],
+    "types": ["node"],
     "allowSyntheticDefaultImports": true
   },
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ],
-  "files": [
-    "./typings.d.ts"
-  ]
-}
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
+  "include": ["../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"]
+}

package/dist/cjs/generators/AURELIA/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _helpers = require("../../helpers");
 
 var _baseGenerator = require("../baseGenerator");

package/dist/cjs/generators/AURELIA/template-csf/.storybook/tsconfig.json

@@ -1,20 +1,9 @@
 {
   "extends": "%SET_DURING_SB_INIT%",
   "compilerOptions": {
-    "types": [
-      "node"
-    ]
+    "types": ["node"]
   },
-  "exclude": [
-    "../src/test.ts",
-    "../src/**/*.spec.ts",
-    "../projects/**/*.spec.ts"
-  ],
-  "include": [
-    "../src/**/*",
-    "../projects/**/*"
-  ],
-  "files": [
-    "./typings.d.ts"
-  ]
-}
+  "exclude": ["../src/test.ts", "../src/**/*.spec.ts", "../projects/**/*.spec.ts"],
+  "include": ["../src/**/*", "../projects/**/*"],
+  "files": ["./typings.d.ts"]
+}

package/dist/cjs/generators/EMBER/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/HTML/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/MARIONETTE/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/MARKO/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/MITHRIL/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/PREACT/index.js

@@ -5,14 +5,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {
-  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact', {
-    extraPackages: ['core-js']
-  });
+  await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'preact');
 };
 
 var _default = generator;

package/dist/cjs/generators/RAX/index.js

@@ -5,12 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
-var _jsPackageManager = require("../../js-package-manager");
-
 const generator = async (packageManager, npmOptions, options) => {
   const [latestRaxVersion] = await packageManager.getVersions('rax');
   const packageJson = packageManager.retrievePackageJson();
@@ -22,7 +18,7 @@ const generator = async (packageManager, npmOptions, options) => {
   packageJson.dependencies['rax-link'] = packageJson.dependencies['rax-link'] || raxVersion;
   packageJson.dependencies['rax-text'] = packageJson.dependencies['rax-text'] || raxVersion;
   packageJson.dependencies['rax-view'] = packageJson.dependencies['rax-view'] || raxVersion;
-  (0, _jsPackageManager.writePackageJson)(packageJson);
+  packageManager.writePackageJson(packageJson);
   await (0, _baseGenerator.baseGenerator)(packageManager, npmOptions, options, 'rax', {
     extraPackages: ['rax']
   });

package/dist/cjs/generators/REACT/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _baseGenerator = require("../baseGenerator");
 
 const generator = async (packageManager, npmOptions, options) => {

package/dist/cjs/generators/REACT_NATIVE/index.js

@@ -5,8 +5,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-require("core-js/modules/es.promise.js");
-
 var _chalk = _interopRequireDefault(require("chalk"));
 
 var _shelljs = _interopRequireDefault(require("shelljs"));

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/addons.js

@@ -1,3 +1,7 @@
-import '@storybook/addon-actions/manager';
-import '@storybook/addon-links/manager';
-import '@storybook/addon-knobs/manager';
+"use strict";
+
+require("@storybook/addon-actions/manager");
+
+require("@storybook/addon-links/manager");
+
+require("@storybook/addon-knobs/manager");

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/index.js

@@ -1,25 +1,31 @@
-// if you use expo remove this line
-import { AppRegistry } from 'react-native';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactNative = require("react-native");
+
+var _reactNative2 = require("@storybook/react-native");
 
-import { getStorybookUI, configure, addDecorator } from '@storybook/react-native';
-import { withKnobs } from '@storybook/addon-knobs';
+var _addonKnobs = require("@storybook/addon-knobs");
 
-import './rn-addons';
+require("./rn-addons");
 
+// if you use expo remove this line
 // enables knobs for all stories
-addDecorator(withKnobs);
+(0, _reactNative2.addDecorator)(_addonKnobs.withKnobs); // import stories
 
-// import stories
-configure(() => {
+(0, _reactNative2.configure)(() => {
   require('./stories');
-}, module);
-
-// Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
+}, module); // Refer to https://github.com/storybookjs/react-native/tree/master/app/react-native#getstorybookui-options
 // To find allowed options for getStorybookUI
-const StorybookUIRoot = getStorybookUI({});
 
-// If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
+const StorybookUIRoot = (0, _reactNative2.getStorybookUI)({}); // If you are using React Native vanilla and after installation you don't see your app name here, write it manually.
 // If you use Expo you should remove this line.
-AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
 
-export default StorybookUIRoot;
+_reactNative.AppRegistry.registerComponent('%APP_NAME%', () => StorybookUIRoot);
+
+var _default = StorybookUIRoot;
+exports.default = _default;

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/rn-addons.js

@@ -1,2 +1,5 @@
-import '@storybook/addon-ondevice-actions/manager';
-import '@storybook/addon-ondevice-knobs/manager';
+"use strict";
+
+require("@storybook/addon-ondevice-actions/register");
+
+require("@storybook/addon-ondevice-knobs/register");

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Button/Button.stories.js

@@ -1,20 +1,23 @@
-import { action } from '@storybook/addon-actions';
-import { text } from '@storybook/addon-knobs';
-import { storiesOf } from '@storybook/react-native';
-import React from 'react';
-import { Text } from 'react-native';
-import Button from '.';
-import CenterView from '../CenterView';
-
-storiesOf('Button', module)
-  .addDecorator((getStory) => <CenterView>{getStory()}</CenterView>)
-  .add('with text', () => (
-    <Button onPress={action('clicked-text')}>
-      <Text>{text('Button text', 'Hello Button')}</Text>
-    </Button>
-  ))
-  .add('with some emoji', () => (
-    <Button onPress={action('clicked-emoji')}>
-      <Text>😀 😎 👍 💯</Text>
-    </Button>
-  ));
+"use strict";
+
+var _addonActions = require("@storybook/addon-actions");
+
+var _addonKnobs = require("@storybook/addon-knobs");
+
+var _reactNative = require("@storybook/react-native");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative2 = require("react-native");
+
+var _ = _interopRequireDefault(require("."));
+
+var _CenterView = _interopRequireDefault(require("../CenterView"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+(0, _reactNative.storiesOf)('Button', module).addDecorator(getStory => /*#__PURE__*/_react.default.createElement(_CenterView.default, null, getStory())).add('with text', () => /*#__PURE__*/_react.default.createElement(_.default, {
+  onPress: (0, _addonActions.action)('clicked-text')
+}, /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, (0, _addonKnobs.text)('Button text', 'Hello Button')))).add('with some emoji', () => /*#__PURE__*/_react.default.createElement(_.default, {
+  onPress: (0, _addonActions.action)('clicked-emoji')
+}, /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, "\uD83D\uDE00 \uD83D\uDE0E \uD83D\uDC4D \uD83D\uDCAF")));

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/Button/index.js

@@ -1,17 +1,32 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { TouchableHighlight } from 'react-native';
+"use strict";
 
-export default function Button({ onPress, children }) {
-  return <TouchableHighlight onPress={onPress}>{children}</TouchableHighlight>;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Button;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactNative = require("react-native");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Button({
+  onPress,
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
+    onPress: onPress
+  }, children);
 }
 
 Button.defaultProps = {
   children: null,
-  onPress: () => {},
+  onPress: () => {}
 };
-
 Button.propTypes = {
-  children: PropTypes.node,
-  onPress: PropTypes.func,
-};
+  children: _propTypes.default.node,
+  onPress: _propTypes.default.func
+};

package/dist/cjs/generators/REACT_NATIVE/template-csf/storybook/stories/CenterView/index.js

@@ -1,16 +1,31 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import { View } from 'react-native';
-import style from './style';
+"use strict";
 
-export default function CenterView({ children }) {
-  return <View style={style.main}>{children}</View>;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = CenterView;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _reactNative = require("react-native");
+
+var _style = _interopRequireDefault(require("./style"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function CenterView({
+  children
+}) {
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _style.default.main
+  }, children);
 }
 
 CenterView.defaultProps = {
-  children: null,
+  children: null
 };
-
 CenterView.propTypes = {
-  children: PropTypes.node,
-};
+  children: _propTypes.default.node
+};