@storybook/react 6.5.7 → 7.0.0-alpha.0

package/dist/{modern/client → esm}/docs/jsxDecorator.js

@@ -2,6 +2,7 @@ const _excluded = ["mdxType", "originalType", "children"];
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
+/* eslint-disable no-underscore-dangle */
 import React, { createElement } from 'react';
 import reactElementToJSXString from 'react-element-to-jsx-string';
 import dedent from 'ts-dedent';
@@ -107,35 +108,29 @@ const defaultOpts = {
   showDefaultProps: false
 };
 export const skipJsxRender = context => {
-  var _context$parameters$d;
+  const sourceParams = context?.parameters.docs?.source;
+  const isArgsStory = context?.parameters.__isArgsStory; // always render if the user forces it
 
-  const sourceParams = context === null || context === void 0 ? void 0 : (_context$parameters$d = context.parameters.docs) === null || _context$parameters$d === void 0 ? void 0 : _context$parameters$d.source;
-  const isArgsStory = context === null || context === void 0 ? void 0 : context.parameters.__isArgsStory; // always render if the user forces it
-
-  if ((sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.DYNAMIC) {
+  if (sourceParams?.type === SourceType.DYNAMIC) {
     return false;
   } // never render if the user is forcing the block to render code, or
   // if the user provides code, or if it's not an args story.
 
 
-  return !isArgsStory || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === SourceType.CODE;
+  return !isArgsStory || sourceParams?.code || sourceParams?.type === SourceType.CODE;
 };
 
-const isMdx = node => {
-  var _node$type, _node$props;
-
-  return ((_node$type = node.type) === null || _node$type === void 0 ? void 0 : _node$type.displayName) === 'MDXCreateElement' && !!((_node$props = node.props) !== null && _node$props !== void 0 && _node$props.mdxType);
-};
+const isMdx = node => node.type?.displayName === 'MDXCreateElement' && !!node.props?.mdxType;
 
 const mdxToJsx = node => {
   if (!isMdx(node)) return node;
 
-  const _node$props2 = node.props,
+  const _node$props = node.props,
         {
     originalType,
     children
-  } = _node$props2,
-        rest = _objectWithoutPropertiesLoose(_node$props2, _excluded);
+  } = _node$props,
+        rest = _objectWithoutPropertiesLoose(_node$props, _excluded);
 
   let jsxChildren = [];
 
@@ -148,8 +143,6 @@ const mdxToJsx = node => {
 };
 
 export const jsxDecorator = (storyFn, context) => {
-  var _context$parameters$d2, _context$parameters$d3;
-
   const channel = addons.getChannel();
   const skip = skipJsxRender(context);
   const story = storyFn();
@@ -163,9 +156,9 @@ export const jsxDecorator = (storyFn, context) => {
     return story;
   }
 
-  const options = Object.assign({}, defaultOpts, (context === null || context === void 0 ? void 0 : context.parameters.jsx) || {}); // Exclude decorators from source code snippet by default
+  const options = Object.assign({}, defaultOpts, context?.parameters.jsx || {}); // Exclude decorators from source code snippet by default
 
-  const storyJsx = context !== null && context !== void 0 && (_context$parameters$d2 = context.parameters.docs) !== null && _context$parameters$d2 !== void 0 && (_context$parameters$d3 = _context$parameters$d2.source) !== null && _context$parameters$d3 !== void 0 && _context$parameters$d3.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
+  const storyJsx = context?.parameters.docs?.source?.excludeDecorators ? context.originalStoryFn(context.args, context) : story;
   const sourceJsx = mdxToJsx(storyJsx);
   const rendered = renderJsx(sourceJsx, options);
 

package/dist/{modern/client → esm}/docs/lib/defaultValues/createFromRawDefaultProp.js

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-types */
 import isPlainObject from 'lodash/isPlainObject';
 import isFunction from 'lodash/isFunction';
 import isString from 'lodash/isString'; // @ts-ignore

package/dist/{modern/client → esm}/docs/lib/defaultValues/prettyIdentifier.js

@@ -1,4 +1,10 @@
 import { InspectionType } from '../inspection';
+export function getPrettyFuncIdentifier(identifier, hasArguments) {
+  return hasArguments ? `${identifier}( ... )` : `${identifier}()`;
+}
+export function getPrettyElementIdentifier(identifier) {
+  return `<${identifier} />`;
+}
 export function getPrettyIdentifier(inferredType) {
   const {
     type,
@@ -15,10 +21,4 @@ export function getPrettyIdentifier(inferredType) {
     default:
       return identifier;
   }
-}
-export function getPrettyFuncIdentifier(identifier, hasArguments) {
-  return hasArguments ? `${identifier}( ... )` : `${identifier}()`;
-}
-export function getPrettyElementIdentifier(identifier) {
-  return `<${identifier} />`;
 }

package/dist/{modern/client → esm}/docs/propTypes/createType.js

@@ -1,4 +1,3 @@
-import "core-js/modules/es.array.reduce.js";
 import { createSummaryValue, isTooLongForTypeSummary } from '@storybook/docs-tools';
 import { generateFuncSignature, generateShortFuncSignature, toMultilineSignature } from './generateFuncSignature';
 import { OBJECT_CAPTION, ARRAY_CAPTION, CLASS_CAPTION, FUNCTION_CAPTION, ELEMENT_CAPTION, CUSTOM_CAPTION, isHtmlTag, generateObjectCode, generateCode } from '../lib';

package/dist/{modern/client → esm}/index.js

@@ -1,7 +1,5 @@
 export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, raw, forceReRender } from './preview';
 export * from './testing';
-export * from './preview/types-6-3';
+export * from './preview/types-6-3'; // optimization: stop HMR propagation in webpack
 
-if (module && module.hot && module.hot.decline) {
-  module.hot.decline();
-}
+module?.hot?.decline();

package/dist/esm/preview/config.js

@@ -0,0 +1 @@
+export { render, renderToDOM } from './render';

package/dist/{modern/client → esm}/preview/index.js

@@ -1,5 +1,5 @@
 /* eslint-disable prefer-destructuring */
-import { start } from '@storybook/core';
+import { start } from '@storybook/core-client';
 import './globals';
 import { renderToDOM, render } from './render';
 const framework = 'react';

package/dist/{modern/client → esm}/preview/render.js

@@ -35,7 +35,7 @@ const renderElement = async (node, el) => {
 };
 
 const canUseNewReactRootApi = reactDomVersion && (reactDomVersion.startsWith('18') || reactDomVersion.startsWith('0.0.0'));
-const shouldUseNewRootApi = (FRAMEWORK_OPTIONS === null || FRAMEWORK_OPTIONS === void 0 ? void 0 : FRAMEWORK_OPTIONS.legacyRootApi) !== true;
+const shouldUseNewRootApi = FRAMEWORK_OPTIONS?.legacyRootApi !== true;
 const isUsingNewReactRootApi = shouldUseNewRootApi && canUseNewReactRootApi;
 
 const unmountElement = el => {
@@ -113,7 +113,7 @@ class ErrorBoundary extends ReactComponent {
 
 }
 
-const Wrapper = FRAMEWORK_OPTIONS !== null && FRAMEWORK_OPTIONS !== void 0 && FRAMEWORK_OPTIONS.strictMode ? StrictMode : Fragment;
+const Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment;
 export async function renderToDOM({
   storyContext,
   unboundStoryFn,

package/dist/types/config.d.ts

@@ -0,0 +1,11 @@
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        prepareForInline: (storyFn: import("@storybook/csf").PartialStoryFn<import(".").ReactFramework, import("@storybook/csf").Args>) => import("./preview/types").StoryFnReactReturnType;
+        extractArgTypes: import("lib/docs-tools/dist/types").ArgTypesExtractor;
+        extractComponentDescription: typeof import("lib/docs-tools/dist/types").extractComponentDescription;
+    };
+    framework: string;
+};
+export { decorators, argTypesEnhancers } from './docs/config';
+export * from './preview/config';

package/dist/{ts3.9/client → types}/docs/config.d.ts

@@ -10,4 +10,4 @@ export declare const parameters: {
     };
 };
 export declare const decorators: ((storyFn: PartialStoryFn<ReactFramework, import("@storybook/csf").Args>, context: import("@storybook/csf").StoryContext<ReactFramework, import("@storybook/csf").Args>) => import("../preview/types").StoryFnReactReturnType)[];
-export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/addons").Parameters | import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args>)[];
+export declare const argTypesEnhancers: (<TFramework extends import("@storybook/csf").AnyFramework>(context: import("@storybook/csf").StoryContextForEnhancers<TFramework, import("@storybook/csf").Args>) => import("@storybook/csf").StrictArgTypes<import("@storybook/csf").Args> | import("lib/addons/dist/types").Parameters)[];

package/dist/{ts3.9/client → types}/docs/lib/defaultValues/prettyIdentifier.d.ts

@@ -1,4 +1,4 @@
 import { InspectionIdentifiableInferedType } from '../inspection';
-export declare function getPrettyIdentifier(inferredType: InspectionIdentifiableInferedType): string;
 export declare function getPrettyFuncIdentifier(identifier: string, hasArguments: boolean): string;
 export declare function getPrettyElementIdentifier(identifier: string): string;
+export declare function getPrettyIdentifier(inferredType: InspectionIdentifiableInferedType): string;

package/dist/types/preview/config.d.ts

@@ -0,0 +1 @@
+export { render, renderToDOM } from './render';

package/dist/{ts3.9/client → types}/testing/index.d.ts

@@ -81,4 +81,4 @@ export declare function composeStory<TArgs = Args>(story: ComposedStory<ReactFra
  * @param csfExports - e.g. (import * as stories from './Button.stories')
  * @param [projectAnnotations] - e.g. (import * as projectAnnotations from '../.storybook/preview') this can be applied automatically if you use `setProjectAnnotations` in your setup files.
  */
-export declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Pick<StoriesWithPartialProps<ReactFramework, TModule>, Exclude<keyof TModule, "default" | "__esModule" | "__namedExportsOrder">>;
+export declare function composeStories<TModule extends CSFExports<ReactFramework>>(csfExports: TModule, projectAnnotations?: ProjectAnnotations<ReactFramework>): Omit<StoriesWithPartialProps<ReactFramework, TModule>, keyof CSFExports<import("@storybook/csf").AnyFramework>>;

package/package.json

@@ -1,41 +1,28 @@
 {
   "name": "@storybook/react",
-  "version": "6.5.7",
-  "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
+  "version": "7.0.0-alpha.0",
+  "description": "Storybook React renderer",
   "keywords": [
     "storybook"
   ],
-  "homepage": "https://github.com/storybookjs/storybook/tree/main/app/react",
+  "homepage": "https://github.com/storybookjs/storybook/tree/main/renderers/react",
   "bugs": {
     "url": "https://github.com/storybookjs/storybook/issues"
   },
   "repository": {
     "type": "git",
     "url": "https://github.com/storybookjs/storybook.git",
-    "directory": "app/react"
+    "directory": "renderers/react"
   },
   "funding": {
     "type": "opencollective",
     "url": "https://opencollective.com/storybook"
   },
   "license": "MIT",
-  "main": "dist/cjs/client/index.js",
-  "module": "dist/esm/client/index.js",
-  "types": "dist/ts3.9/client/index.d.ts",
-  "typesVersions": {
-    "<3.8": {
-      "dist/ts3.9/*": [
-        "dist/ts3.4/*"
-      ]
-    }
-  },
-  "bin": {
-    "build-storybook": "./bin/build.js",
-    "start-storybook": "./bin/index.js",
-    "storybook-server": "./bin/index.js"
-  },
+  "main": "dist/cjs/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
   "files": [
-    "bin/**/*",
     "dist/**/*",
     "types/**/*",
     "README.md",
@@ -46,69 +33,39 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@babel/preset-flow": "^7.12.1",
-    "@babel/preset-react": "^7.12.10",
-    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
-    "@storybook/addons": "6.5.7",
-    "@storybook/client-logger": "6.5.7",
-    "@storybook/core": "6.5.7",
-    "@storybook/core-common": "6.5.7",
+    "@storybook/addons": "7.0.0-alpha.0",
+    "@storybook/client-logger": "7.0.0-alpha.0",
+    "@storybook/core-client": "7.0.0-alpha.0",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.7",
-    "@storybook/node-logger": "6.5.7",
-    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
-    "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.5.7",
+    "@storybook/docs-tools": "7.0.0-alpha.0",
+    "@storybook/store": "7.0.0-alpha.0",
     "@types/estree": "^0.0.51",
     "@types/node": "^14.14.20 || ^16.0.0",
-    "@types/webpack-env": "^1.16.0",
     "acorn": "^7.4.1",
     "acorn-jsx": "^5.3.1",
     "acorn-walk": "^7.2.0",
-    "babel-plugin-add-react-displayname": "^0.0.5",
-    "babel-plugin-react-docgen": "^4.2.1",
     "core-js": "^3.8.2",
     "escodegen": "^2.0.0",
-    "fs-extra": "^9.0.1",
     "global": "^4.4.0",
     "html-tags": "^3.1.0",
     "lodash": "^4.17.21",
     "prop-types": "^15.7.2",
     "react-element-to-jsx-string": "^14.3.4",
-    "react-refresh": "^0.11.0",
-    "read-pkg-up": "^7.0.1",
     "regenerator-runtime": "^0.13.7",
     "ts-dedent": "^2.0.0",
-    "util-deprecate": "^1.0.2",
-    "webpack": ">=4.43.0 <6.0.0"
+    "util-deprecate": "^1.0.2"
   },
   "devDependencies": {
-    "@types/util-deprecate": "^1.0.0",
-    "jest-specific-snapshot": "^4.0.0",
-    "webpack": "4"
+    "@babel/core": "^7.11.5",
+    "@types/util-deprecate": "^1.0.0"
   },
   "peerDependencies": {
-    "@babel/core": "^7.11.5",
+    "jest-specific-snapshot": "^4.0.0",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "require-from-string": "^2.0.2"
   },
   "peerDependenciesMeta": {
-    "@babel/core": {
-      "optional": true
-    },
-    "@storybook/builder-webpack4": {
-      "optional": true
-    },
-    "@storybook/builder-webpack5": {
-      "optional": true
-    },
-    "@storybook/manager-webpack4": {
-      "optional": true
-    },
-    "@storybook/manager-webpack5": {
-      "optional": true
-    },
     "typescript": {
       "optional": true
     }
@@ -119,6 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "7e19d3e734efa14e7cffba146295ca0d3467a8c6",
-  "sbmodern": "dist/modern/client/index.js"
+  "gitHead": "c82d897ea765da8cf4fbbcc2af1f28c808a93e23"
 }

package/preview.js

@@ -0,0 +1 @@
+export * from './dist/esm/config';

package/bin/build.js

@@ -1,4 +0,0 @@
-#!/usr/bin/env node
-
-process.env.NODE_ENV = process.env.NODE_ENV || 'production';
-require('../dist/cjs/server/build');

package/bin/index.js

@@ -1,3 +0,0 @@
-#!/usr/bin/env node
-
-require('../dist/cjs/server');

package/demo.d.ts

@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-declare const Welcome: {
-    ({ showApp }: {
-        showApp: () => void;
-    }): JSX.Element;
-    displayName: string;
-    propTypes: {
-        showApp: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        showApp: any;
-    };
-};
-
-declare const Button: {
-    ({ children, onClick, }: {
-        children: React.ReactNode;
-        onClick: (event: React.MouseEvent<HTMLElement, MouseEvent>) => void;
-    }): JSX.Element;
-    displayName: string;
-    propTypes: {
-        children: PropTypes.Validator<PropTypes.ReactNodeLike>;
-        onClick: PropTypes.Requireable<(...args: any[]) => any>;
-    };
-    defaultProps: {
-        onClick: () => void;
-    };
-};
-
-export { Welcome, Button };

package/demo.js

@@ -1,5 +0,0 @@
-/* eslint-disable global-require */
-module.exports = {
-  Welcome: require('./dist/esm/demo/Welcome').default,
-  Button: require('./dist/esm/demo/Button').default,
-};