@storybook/react 5.3.10 → 5.3.14

package/dist/demo/Welcome.js

@@ -138,7 +138,7 @@ var Welcome = function Welcome(_ref4) {
   var showApp = _ref4.showApp;
   return _react["default"].createElement(Main, null, _react["default"].createElement(Title, null, "Welcome to storybook"), _react["default"].createElement("p", null, "This is a UI component dev environment for your app."), _react["default"].createElement("p", null, "We've added some basic stories inside the ", _react["default"].createElement(InlineCode, null, "src/stories"), " directory.", _react["default"].createElement("br", null), "A story is a single state of one or more UI components. You can have as many stories as you want.", _react["default"].createElement("br", null), "(Basically a story is like a visual test case.)"), _react["default"].createElement("p", null, "See these sample ", _react["default"].createElement(NavButton, {
     onClick: showApp
-  }, "stories"), " for a component called\xA0", _react["default"].createElement(InlineCode, null, "Button"), "."), _react["default"].createElement("p", null, "Just like that, you can add your own components as stories.", _react["default"].createElement("br", null), "You can also edit those components and see changes right away.", _react["default"].createElement("br", null), "(Try editing the ", _react["default"].createElement(InlineCode, null, "Button"), " stories located at\xA0", _react["default"].createElement(InlineCode, null, "src/stories/index.js"), ".)"), _react["default"].createElement("p", null, "Usually we create stories with smaller UI components in the app.", _react["default"].createElement("br", null), "Have a look at the\xA0", _react["default"].createElement(Link, {
+  }, "stories"), " for a component called\xA0", _react["default"].createElement(InlineCode, null, "Button"), "."), _react["default"].createElement("p", null, "Just like that, you can add your own components as stories.", _react["default"].createElement("br", null), "You can also edit those components and see changes right away.", _react["default"].createElement("br", null), "(Try editing the ", _react["default"].createElement(InlineCode, null, "Button"), " stories located at\xA0", _react["default"].createElement(InlineCode, null, "src/stories/1-Button.stories.js"), ".)"), _react["default"].createElement("p", null, "Usually we create stories with smaller UI components in the app.", _react["default"].createElement("br", null), "Have a look at the\xA0", _react["default"].createElement(Link, {
     href: "https://storybook.js.org/basics/writing-stories",
     target: "_blank",
     rel: "noopener noreferrer"

package/dist/server/cra-config.js

@@ -17,8 +17,6 @@ var _path = _interopRequireDefault(require("path"));
 
 var _semver = _interopRequireDefault(require("semver"));
 
-var _miniCssExtractPlugin = _interopRequireDefault(require("mini-css-extract-plugin"));
-
 var _RuleSet = require("webpack/lib/RuleSet");
 
 var _nodeLogger = require("@storybook/node-logger");
@@ -167,14 +165,14 @@ function applyCRAWebpackConfig(baseConfig, configDir) {
 
   const craWebpackConfig = getCraWebpackConfig(baseConfig.mode);
   const craStyleRules = getStyleRules(craWebpackConfig.module.rules);
-  const craTypeScriptRules = hasTsSupport ? getTypeScriptRules(craWebpackConfig.module.rules, configDir) : []; //  Add css minification for production
-
-  const plugins = [...baseConfig.plugins];
-
-  if (baseConfig.mode === 'production') {
-    // @ts-ignore
-    plugins.push(new _miniCssExtractPlugin.default());
-  }
+  const craTypeScriptRules = hasTsSupport ? getTypeScriptRules(craWebpackConfig.module.rules, configDir) : []; // I disabled the MiniCssExtractPlugin, because there's often a version mismatch between CRA & storybook
+  // causing a lot of issues of the build-storybook failing
+  //  Add css minification for production
+
+  const plugins = [...baseConfig.plugins]; // if (baseConfig.mode === 'production') {
+  //   // @ts-ignore
+  //   plugins.push(new MiniCssExtractPlugin());
+  // }
 
   return _objectSpread({}, baseConfig, {
     module: _objectSpread({}, baseConfig.module, {

package/dist/server/framework-preset-cra.d.ts

@@ -36,7 +36,6 @@ export declare function babelDefault(config: Configuration, { presetsList }: {
     cache?: boolean | object;
     watch?: boolean;
     watchOptions?: import("webpack").ICompiler.WatchOptions;
-    debug?: boolean;
     node?: false | import("webpack").Node;
     amd?: {
         [moduleName: string]: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/react",
-  "version": "5.3.10",
+  "version": "5.3.14",
   "description": "Storybook for React: Develop React Component in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -15,13 +15,6 @@
     "directory": "app/react"
   },
   "license": "MIT",
-  "files": [
-    "bin/**/*",
-    "dist/**/*",
-    "README.md",
-    "*.js",
-    "*.d.ts"
-  ],
   "main": "dist/client/index.js",
   "types": "dist/client/index.d.ts",
   "bin": {
@@ -29,6 +22,14 @@
     "start-storybook": "./bin/index.js",
     "storybook-server": "./bin/index.js"
   },
+  "files": [
+    "bin/**/*",
+    "dist/**/*",
+    "README.md",
+    "*.js",
+    "*.d.ts",
+    "ts3.5/**/*"
+  ],
   "scripts": {
     "prepare": "node ../../scripts/prepare.js"
   },
@@ -36,9 +37,9 @@
     "@babel/plugin-transform-react-constant-elements": "^7.6.3",
     "@babel/preset-flow": "^7.0.0",
     "@babel/preset-react": "^7.0.0",
-    "@storybook/addons": "5.3.10",
-    "@storybook/core": "5.3.10",
-    "@storybook/node-logger": "5.3.10",
+    "@storybook/addons": "5.3.14",
+    "@storybook/core": "5.3.14",
+    "@storybook/node-logger": "5.3.14",
     "@svgr/webpack": "^4.0.3",
     "@types/webpack-env": "^1.15.0",
     "babel-plugin-add-react-displayname": "^0.0.5",
@@ -47,7 +48,7 @@
     "core-js": "^3.0.1",
     "global": "^4.3.2",
     "lodash": "^4.17.15",
-    "mini-css-extract-plugin": "^0.9.0",
+    "mini-css-extract-plugin": "^0.7.0",
     "prop-types": "^15.7.2",
     "react-dev-utils": "^9.0.0",
     "regenerator-runtime": "^0.13.3",
@@ -72,5 +73,12 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "589bec8cb46cf8a32c887ac1d81fddc27e4aaac7"
+  "gitHead": "91d9c0c4e0afd7e494b23ec8076b21e45b7a8906",
+  "typesVersions": {
+    "<=3.5": {
+      "*": [
+        "ts3.5/*"
+      ]
+    }
+  }
 }

package/ts3.5/dist/client/index.d.ts

@@ -0,0 +1 @@
+export { storiesOf, setAddon, addDecorator, DecoratorFn, addParameters, configure, getStorybook, raw, forceReRender, } from './preview';

package/ts3.5/dist/client/preview/globals.d.ts

@@ -0,0 +1 @@
+export {};

package/ts3.5/dist/client/preview/index.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="node" />
+/// <reference types="webpack-env" />
+import { ClientStoryApi, Loadable } from '@storybook/addons';
+import './globals';
+import { IStorybookSection, StoryFnReactReturnType } from './types';
+interface ClientApi extends ClientStoryApi<StoryFnReactReturnType> {
+    setAddon(addon: any): void;
+    configure(loader: Loadable, module: NodeModule): void;
+    getStorybook(): IStorybookSection[];
+    clearDecorators(): void;
+    forceReRender(): void;
+    raw: () => any;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const addDecorator: ClientApi['addDecorator'];
+export declare type DecoratorFn = Parameters<typeof addDecorator>[0];
+export declare const addParameters: ClientApi['addParameters'];
+export declare const clearDecorators: ClientApi['clearDecorators'];
+export declare const setAddon: ClientApi['setAddon'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const getStorybook: ClientApi['getStorybook'];
+export declare const raw: ClientApi['raw'];
+export {};

package/ts3.5/dist/client/preview/render.d.ts

@@ -0,0 +1,2 @@
+import { RenderMainArgs } from './types';
+export default function renderMain({ storyFn: StoryFn, showMain, showException, forceRender, }: RenderMainArgs): Promise<void>;

package/ts3.5/dist/client/preview/types.d.ts

@@ -0,0 +1,23 @@
+import { FunctionComponent, ReactElement } from 'react';
+export interface ShowErrorArgs {
+    title: string;
+    description: string;
+}
+export interface RenderMainArgs {
+    storyFn: FunctionComponent<any>;
+    selectedKind: string;
+    selectedStory: string;
+    showMain: () => void;
+    showError: (args: ShowErrorArgs) => void;
+    showException: (err: Error) => void;
+    forceRender: boolean;
+}
+export declare type StoryFnReactReturnType = ReactElement<unknown>;
+export interface IStorybookStory {
+    name: string;
+    render: () => any;
+}
+export interface IStorybookSection {
+    kind: string;
+    stories: IStorybookStory[];
+}

package/ts3.5/dist/demo/Button.d.ts

@@ -0,0 +1,4 @@
+import { FunctionComponent, HTMLAttributes } from 'react';
+declare type Props = Pick<HTMLAttributes<HTMLButtonElement>, 'onClick'>;
+declare const Button: FunctionComponent<Props>;
+export default Button;

package/ts3.5/dist/demo/Welcome.d.ts

@@ -0,0 +1,6 @@
+import { FunctionComponent } from 'react';
+declare type WelcomeProps = {
+    showApp: () => void;
+};
+declare const Welcome: FunctionComponent<WelcomeProps>;
+export { Welcome as default };

package/ts3.5/dist/server/__mocks__/mockConfig.d.ts

@@ -0,0 +1,25 @@
+declare class BaseTestPlugin1 {
+}
+declare class BaseTestPlugin2 {
+}
+declare const _default: {
+    devtool: string;
+    resolve: {
+        extensions: string[];
+        alias: {
+            baseAlias: string;
+        };
+        modules: any[];
+    };
+    module: {
+        noParse: RegExp;
+        rules: {
+            test: RegExp;
+            include: string;
+            loader: string;
+            options: {};
+        }[];
+    };
+    plugins: (BaseTestPlugin1 | BaseTestPlugin2)[];
+};
+export default _default;

package/ts3.5/dist/server/__mocks__/mockRules.d.ts

@@ -0,0 +1,189 @@
+declare const _default: ({
+    parser: {
+        requireEnsure: boolean;
+    };
+    test?: undefined;
+    enforce?: undefined;
+    use?: undefined;
+    include?: undefined;
+    oneOf?: undefined;
+} | {
+    test: RegExp;
+    enforce: string;
+    use: {
+        options: {
+            formatter: string;
+            eslintPath: string;
+            baseConfig: {
+                extends: string[];
+            };
+            ignore: boolean;
+            useEslintrc: boolean;
+        };
+        loader: string;
+    }[];
+    include: string;
+    parser?: undefined;
+    oneOf?: undefined;
+} | {
+    oneOf: ({
+        test: RegExp[];
+        loader: string;
+        options: {
+            limit: number;
+            name: string;
+            customize?: undefined;
+            babelrc?: undefined;
+            configFile?: undefined;
+            presets?: undefined;
+            cacheIdentifier?: undefined;
+            plugins?: undefined;
+            cacheDirectory?: undefined;
+            cacheCompression?: undefined;
+            compact?: undefined;
+            sourceMaps?: undefined;
+        };
+        include?: undefined;
+        exclude?: undefined;
+        use?: undefined;
+        sideEffects?: undefined;
+    } | {
+        test: RegExp;
+        include: string;
+        loader: string;
+        options: {
+            customize: string;
+            babelrc: boolean;
+            configFile: boolean;
+            presets: string[];
+            cacheIdentifier: string;
+            plugins: (string | {
+                loaderMap: {
+                    svg: {
+                        ReactComponent: string;
+                    };
+                };
+            })[][];
+            cacheDirectory: boolean;
+            cacheCompression: boolean;
+            compact: boolean;
+            limit?: undefined;
+            name?: undefined;
+            sourceMaps?: undefined;
+        };
+        exclude?: undefined;
+        use?: undefined;
+        sideEffects?: undefined;
+    } | {
+        test: RegExp;
+        exclude: {};
+        loader: string;
+        options: {
+            babelrc: boolean;
+            configFile: boolean;
+            compact: boolean;
+            presets: (string | {
+                helpers: boolean;
+            })[][];
+            cacheDirectory: boolean;
+            cacheCompression: boolean;
+            cacheIdentifier: string;
+            sourceMaps: boolean;
+            limit?: undefined;
+            name?: undefined;
+            customize?: undefined;
+            plugins?: undefined;
+        };
+        include?: undefined;
+        use?: undefined;
+        sideEffects?: undefined;
+    } | {
+        test: RegExp;
+        exclude: {};
+        use: (string | {
+            loader: string;
+            options: {
+                importLoaders: number;
+                sourceMap: boolean;
+                ident?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                ident: string;
+                sourceMap: boolean;
+                importLoaders?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                sourceMap: boolean;
+                importLoaders?: undefined;
+                ident?: undefined;
+            };
+        })[];
+        sideEffects: boolean;
+        loader?: undefined;
+        options?: undefined;
+        include?: undefined;
+    } | {
+        test: RegExp;
+        use: (string | {
+            loader: string;
+            options: {
+                importLoaders: number;
+                sourceMap: boolean;
+                modules: boolean;
+                ident?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                ident: string;
+                sourceMap: boolean;
+                importLoaders?: undefined;
+                modules?: undefined;
+            };
+        } | {
+            loader: string;
+            options: {
+                sourceMap: boolean;
+                importLoaders?: undefined;
+                modules?: undefined;
+                ident?: undefined;
+            };
+        })[];
+        loader?: undefined;
+        options?: undefined;
+        include?: undefined;
+        exclude?: undefined;
+        sideEffects?: undefined;
+    } | {
+        loader: string;
+        exclude: {}[];
+        options: {
+            name: string;
+            limit?: undefined;
+            customize?: undefined;
+            babelrc?: undefined;
+            configFile?: undefined;
+            presets?: undefined;
+            cacheIdentifier?: undefined;
+            plugins?: undefined;
+            cacheDirectory?: undefined;
+            cacheCompression?: undefined;
+            compact?: undefined;
+            sourceMaps?: undefined;
+        };
+        test?: undefined;
+        include?: undefined;
+        use?: undefined;
+        sideEffects?: undefined;
+    })[];
+    parser?: undefined;
+    test?: undefined;
+    enforce?: undefined;
+    use?: undefined;
+    include?: undefined;
+})[];
+export default _default;

package/ts3.5/dist/server/build.d.ts

@@ -0,0 +1 @@
+export {};

package/ts3.5/dist/server/cra-config.d.ts

@@ -0,0 +1,9 @@
+import { Configuration, RuleSetRule } from 'webpack';
+export declare function getReactScriptsPath({ noCache }?: {
+    noCache?: boolean;
+}): string;
+export declare function isReactScriptsInstalled(requiredVersion?: string): boolean;
+export declare const getRules: (extensions: string[]) => (rules: RuleSetRule[]) => RuleSetRule[];
+export declare const getTypeScriptRules: (webpackConfigRules: RuleSetRule[], configDir: string) => RuleSetRule[];
+export declare function getCraWebpackConfig(mode: 'development' | 'production' | 'none'): any;
+export declare function applyCRAWebpackConfig(baseConfig: Configuration, configDir: string): Configuration;

package/ts3.5/dist/server/framework-preset-cra.d.ts

@@ -0,0 +1,51 @@
+import { Configuration } from 'webpack';
+declare type Preset = string | {
+    name: string;
+};
+export declare function webpackFinal(config: Configuration, { presetsList, configDir }: {
+    presetsList: Preset[];
+    configDir: string;
+}): Configuration;
+export declare function managerWebpack(config: Configuration, { presetsList }: {
+    presetsList: Preset[];
+}): Configuration;
+export declare function babelDefault(config: Configuration, { presetsList }: {
+    presetsList: Preset[];
+}): Configuration | {
+    presets: string[];
+    plugins: (string | {
+        loaderMap: {
+            svg: {
+                ReactComponent: string;
+            };
+        };
+    })[][];
+    mode?: "none" | "development" | "production";
+    name?: string;
+    context?: string;
+    entry?: string | string[] | import("webpack").Entry | import("webpack").EntryFunc;
+    devtool?: import("webpack").Options.Devtool;
+    output?: import("webpack").Output;
+    module?: import("webpack").Module;
+    resolve?: import("webpack").Resolve;
+    resolveLoader?: import("webpack").ResolveLoader;
+    externals?: string | RegExp | import("webpack").ExternalsObjectElement | import("webpack").ExternalsFunctionElement | import("webpack").ExternalsElement[];
+    target?: "web" | "webworker" | "node" | "async-node" | "node-webkit" | "atom" | "electron" | "electron-renderer" | "electron-main" | ((compiler?: any) => void);
+    bail?: boolean;
+    profile?: boolean;
+    cache?: boolean | object;
+    watch?: boolean;
+    watchOptions?: import("webpack").ICompiler.WatchOptions;
+    node?: false | import("webpack").Node;
+    amd?: {
+        [moduleName: string]: boolean;
+    };
+    recordsPath?: string;
+    recordsInputPath?: string;
+    recordsOutputPath?: string;
+    stats?: import("webpack").Stats.ToStringOptions;
+    performance?: false | import("webpack").Options.Performance;
+    parallelism?: number;
+    optimization?: import("webpack").Options.Optimization;
+};
+export {};

package/ts3.5/dist/server/framework-preset-react-docgen.d.ts

@@ -0,0 +1,43 @@
+import { TransformOptions } from '@babel/core';
+export declare function babel(config: TransformOptions): {
+    plugins: any[];
+    ast?: boolean;
+    auxiliaryCommentAfter?: string;
+    auxiliaryCommentBefore?: string;
+    root?: string;
+    rootMode?: "root" | "upward" | "upward-optional";
+    configFile?: string | false;
+    babelrc?: boolean;
+    babelrcRoots?: string | true | string[];
+    envName?: string;
+    code?: boolean;
+    comments?: boolean;
+    compact?: boolean | "auto";
+    cwd?: string;
+    caller?: import("@babel/core").TransformCaller;
+    env?: {
+        [index: string]: TransformOptions;
+    };
+    extends?: string;
+    filename?: string;
+    filenameRelative?: string;
+    generatorOpts?: import("@babel/generator").GeneratorOptions;
+    getModuleId?: (moduleName: string) => string;
+    highlightCode?: boolean;
+    ignore?: string[];
+    inputSourceMap?: object;
+    minified?: boolean;
+    moduleId?: string;
+    moduleIds?: boolean;
+    moduleRoot?: string;
+    only?: string | RegExp | (string | RegExp)[];
+    parserOpts?: import("@babel/parser").ParserOptions;
+    presets?: import("@babel/core").PluginItem[];
+    retainLines?: boolean;
+    shouldPrintComment?: (commentContents: string) => boolean;
+    sourceFileName?: string;
+    sourceMaps?: boolean | "inline" | "both";
+    sourceRoot?: string;
+    sourceType?: "script" | "module" | "unambiguous";
+    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
+};

package/ts3.5/dist/server/framework-preset-react.d.ts

@@ -0,0 +1,43 @@
+import { TransformOptions } from '@babel/core';
+export declare function babelDefault(config: TransformOptions): {
+    presets: (string | object)[];
+    plugins: (string | object)[];
+    ast?: boolean;
+    auxiliaryCommentAfter?: string;
+    auxiliaryCommentBefore?: string;
+    root?: string;
+    rootMode?: "root" | "upward" | "upward-optional";
+    configFile?: string | false;
+    babelrc?: boolean;
+    babelrcRoots?: string | true | string[];
+    envName?: string;
+    code?: boolean;
+    comments?: boolean;
+    compact?: boolean | "auto";
+    cwd?: string;
+    caller?: import("@babel/core").TransformCaller;
+    env?: {
+        [index: string]: TransformOptions;
+    };
+    extends?: string;
+    filename?: string;
+    filenameRelative?: string;
+    generatorOpts?: import("@babel/generator").GeneratorOptions;
+    getModuleId?: (moduleName: string) => string;
+    highlightCode?: boolean;
+    ignore?: string[];
+    inputSourceMap?: object;
+    minified?: boolean;
+    moduleId?: string;
+    moduleIds?: boolean;
+    moduleRoot?: string;
+    only?: string | RegExp | (string | RegExp)[];
+    parserOpts?: import("@babel/parser").ParserOptions;
+    retainLines?: boolean;
+    shouldPrintComment?: (commentContents: string) => boolean;
+    sourceFileName?: string;
+    sourceMaps?: boolean | "inline" | "both";
+    sourceRoot?: string;
+    sourceType?: "script" | "module" | "unambiguous";
+    wrapPluginVisitorMethod?: (pluginAlias: string, visitorType: "enter" | "exit", callback: (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void) => (path: import("@babel/traverse").NodePath<import("@babel/types").Node>, state: any) => void;
+};

package/ts3.5/dist/server/index.d.ts

@@ -0,0 +1 @@
+export {};

package/ts3.5/dist/server/options.d.ts

@@ -0,0 +1,6 @@
+declare const _default: {
+    packageJson: any;
+    framework: string;
+    frameworkPresets: string[];
+};
+export default _default;