@storybook/react 6.5.9 → 7.0.0-alpha.2

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,10 @@
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        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/types/docs/config.d.ts

@@ -0,0 +1,10 @@
+import { extractComponentDescription } from '@storybook/docs-tools';
+export declare const parameters: {
+    docs: {
+        inlineStories: boolean;
+        extractArgTypes: import("@storybook/docs-tools").ArgTypesExtractor;
+        extractComponentDescription: typeof extractComponentDescription;
+    };
+};
+export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("..").ReactFramework, import("@storybook/csf").Args>, context: import("@storybook/csf").StoryContext<import("..").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/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.9",
-  "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
+  "version": "7.0.0-alpha.2",
+  "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.9",
-    "@storybook/client-logger": "6.5.9",
-    "@storybook/core": "6.5.9",
-    "@storybook/core-common": "6.5.9",
+    "@storybook/addons": "7.0.0-alpha.2",
+    "@storybook/client-logger": "7.0.0-alpha.2",
+    "@storybook/core-client": "7.0.0-alpha.2",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.9",
-    "@storybook/node-logger": "6.5.9",
-    "@storybook/react-docgen-typescript-plugin": "1.0.2-canary.6.9d540b91e815f8fc2f8829189deb00553559ff63.0",
-    "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.5.9",
+    "@storybook/docs-tools": "7.0.0-alpha.2",
+    "@storybook/store": "7.0.0-alpha.2",
     "@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": "e2673f765722cbb542ef1b5cf8d533c8e746a127",
-  "sbmodern": "dist/modern/client/index.js"
+  "gitHead": "44920e2b6bd51981bac5124743c29fb9f5517e44"
 }

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,
-};

package/dist/cjs/client/docs/extractArgTypes.js

@@ -1,54 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.extractArgTypes = void 0;
-
-require("core-js/modules/es.object.to-string.js");
-
-require("core-js/modules/es.function.name.js");
-
-require("core-js/modules/es.symbol.js");
-
-require("core-js/modules/es.symbol.description.js");
-
-require("core-js/modules/es.object.assign.js");
-
-var _extractProps2 = require("./extractProps");
-
-var extractArgTypes = function extractArgTypes(component) {
-  if (component) {
-    var _extractProps = (0, _extractProps2.extractProps)(component),
-        rows = _extractProps.rows;
-
-    if (rows) {
-      return rows.reduce(function (acc, row) {
-        var name = row.name,
-            description = row.description,
-            type = row.type,
-            sbType = row.sbType,
-            defaultSummary = row.defaultValue,
-            jsDocTags = row.jsDocTags,
-            required = row.required;
-        acc[name] = {
-          name: name,
-          description: description,
-          type: Object.assign({
-            required: required
-          }, sbType),
-          table: {
-            type: type,
-            jsDocTags: jsDocTags,
-            defaultValue: defaultSummary
-          }
-        };
-        return acc;
-      }, {});
-    }
-  }
-
-  return null;
-};
-
-exports.extractArgTypes = extractArgTypes;