@storybook/angular 6.4.0-alpha.32 → 6.4.0-alpha.36

package/dist/ts3.4/builders/build-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'staticDir' | 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;

package/dist/ts3.4/builders/start-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'port' | 'host' | 'staticDir' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;

package/dist/ts3.4/client/preview/angular/helpers.d.ts

@@ -1,8 +1,8 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from '../types';
+import { PartialStoryFn } from '@storybook/csf';
+import { AngularFramework } from '../types-6-0';
 declare global {
     interface Window {
         NODE_ENV: 'string' | 'development' | undefined;
     }
 }
-export declare const renderNgApp: (storyFn: StoryFn<StoryFnAngularReturnType>, forced: boolean) => void;
+export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;

package/dist/ts3.4/client/preview/angular-beta/AbstractRenderer.d.ts

@@ -28,11 +28,13 @@ export declare abstract class AbstractRenderer {
      * @param forced {boolean} If :
      * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
      * - false fully recharges or initializes angular module & component
+     * @param component {Component}
      * @param parameters {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, targetDOMNode, }: {
+    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component?: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

package/dist/ts3.4/client/preview/angular-beta/CanvasRenderer.d.ts

@@ -6,6 +6,7 @@ export declare class CanvasRenderer extends AbstractRenderer {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
         parameters: Parameters;
+        component: any;
         targetDOMNode: HTMLElement;
     }): Promise<void>;
     beforeFullRender(): Promise<void>;

package/dist/ts3.4/client/preview/angular-beta/DocsRenderer.d.ts

@@ -5,6 +5,7 @@ export declare class DocsRenderer extends AbstractRenderer {
     render(options: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component: any;
         parameters: Parameters;
         targetDOMNode: HTMLElement;
     }): Promise<void>;

package/dist/ts3.4/client/preview/angular-beta/ElementRendererService.d.ts

@@ -10,8 +10,9 @@ export declare class ElementRendererService {
     /**
      * Returns a custom element generated by Angular elements
      */
-    renderAngularElement({ storyFnAngular, parameters, }: {
+    renderAngularElement({ storyFnAngular, parameters, component, }: {
         storyFnAngular: StoryFnAngularReturnType;
         parameters: Parameters;
+        component: any;
     }): Promise<CustomElementConstructor>;
 }

package/dist/ts3.4/client/preview/angular-beta/RendererService.d.ts

@@ -21,11 +21,12 @@ export declare class RendererService {
      * @param forced {boolean} If :
      * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
      * - false fully recharges or initializes angular module & component
-     * @param parameters {Parameters}
+     * @param component {Parameters}
      */
-    render({ storyFnAngular, forced, parameters, }: {
+    render({ storyFnAngular, forced, component, parameters, }: {
         storyFnAngular: StoryFnAngularReturnType;
         forced: boolean;
+        component?: any;
         parameters: Parameters;
     }): Promise<void>;
     newPlatformBrowserDynamic(): PlatformRef;

package/dist/ts3.4/client/preview/angular-beta/StorybookModule.d.ts

@@ -1,10 +1,9 @@
 import { NgModule, Type } from '@angular/core';
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-export declare const getStorybookModuleMetadata: ({ storyFnAngular, parameters, targetSelector, }: {
+export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
     storyFnAngular: StoryFnAngularReturnType;
-    parameters: Parameters;
+    component?: any;
     targetSelector: string;
 }, storyProps$: Subject<ICollection>) => NgModule;
 export declare const createStorybookModule: (ngModule: NgModule) => Type<unknown>;

package/dist/ts3.4/client/preview/config.d.ts

@@ -0,0 +1,4 @@
+export { render, renderToDOM } from './render';
+export declare const parameters: {
+    framework: string;
+};

package/dist/ts3.4/client/preview/decorateStory.d.ts

@@ -1,3 +1,3 @@
-import { DecoratorFunction, StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from './types';
-export default function decorateStory(mainStoryFn: StoryFn<StoryFnAngularReturnType>, decorators: DecoratorFunction<StoryFnAngularReturnType>[]): StoryFn<StoryFnAngularReturnType>;
+import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types-6-0';
+export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;

package/dist/ts3.4/client/preview/decorators.d.ts

@@ -1,5 +1,6 @@
 import { Type } from '@angular/core';
-import { DecoratorFunction, StoryContext } from '@storybook/addons';
-import { ICollection, NgModuleMetadata, StoryFnAngularReturnType } from './types';
-export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<StoryFnAngularReturnType>;
-export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext) => ICollection)) => DecoratorFunction<StoryFnAngularReturnType>;
+import { DecoratorFunction, StoryContext } from '@storybook/csf';
+import { ICollection, NgModuleMetadata } from './types';
+import { AngularFramework } from './types-6-0';
+export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework>;
+export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework>) => ICollection)) => DecoratorFunction<AngularFramework>;

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

@@ -2,8 +2,9 @@
 /// <reference types="node" />
 import { ClientStoryApi, Loadable } from '@storybook/addons';
 import './globals';
-import { IStorybookSection, StoryFnAngularReturnType } from './types';
-interface ClientApi extends ClientStoryApi<StoryFnAngularReturnType> {
+import { IStorybookSection } from './types';
+import { AngularFramework } from './types-6-0';
+interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
     setAddon(addon: any): void;
     configure(loader: Loadable, module: NodeModule): void;
     getStorybook(): IStorybookSection[];

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

@@ -1,13 +1,7 @@
-import { StoryFn } from '@storybook/addons';
-import { StoryFnAngularReturnType } from './types';
-import { Parameters } from './types-6-0';
+import { RenderContext } from '@storybook/store';
+import { ArgsStoryFn } from '@storybook/csf';
+import { AngularFramework } from './types-6-0';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
-export default function renderMain({ storyFn, showMain, forceRender, parameters, targetDOMNode, id, }: {
-    storyFn: StoryFn<StoryFnAngularReturnType>;
-    showMain: () => void;
-    forceRender: boolean;
-    parameters: Parameters;
-    targetDOMNode: HTMLElement;
-    id: string;
-}): Promise<void>;
+export declare const render: ArgsStoryFn<AngularFramework>;
+export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;

package/dist/ts3.4/client/preview/types-6-0.d.ts

@@ -1,26 +1,27 @@
-import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory, Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/addons';
+import { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotationsOrFn } from '@storybook/csf';
 import { StoryFnAngularReturnType } from './types';
-export { Args, ArgTypes } from '@storybook/addons';
-declare type AngularComponent = any;
-declare type AngularReturnType = StoryFnAngularReturnType;
+export { Args, ArgTypes } from '@storybook/csf';
+export declare type AngularFramework = {
+    component: any;
+    storyResult: StoryFnAngularReturnType;
+};
 /**
  * Metadata to configure the stories for a component.
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<Args = DefaultArgs> = BaseMeta<AngularComponent> & Annotations<Args, AngularReturnType>;
+export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
 /**
  * Story function that represents a component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<Args = DefaultArgs> = BaseStory<Args, AngularReturnType> & Annotations<Args, AngularReturnType>;
+export declare type Story<TArgs = Args> = StoryAnnotationsOrFn<AngularFramework, TArgs>;
 export declare type Parameters = DefaultParameters & {
     /** Uses legacy angular rendering engine that use dynamic component */
     angularLegacyRendering?: boolean;
-    component: unknown;
     bootstrapModuleOptions?: unknown;
 };
-export declare type StoryContext = DefaultStoryContext & {
+export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
     parameters: Parameters;
 };

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

@@ -10,7 +10,7 @@ export interface ICollection {
 }
 export interface IStorybookStory {
     name: string;
-    render: () => any;
+    render: (context: any) => any;
 }
 export interface IStorybookSection {
     kind: string;

package/dist/ts3.4/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.4/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.4/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts

@@ -0,0 +1 @@
+export declare const not = "empty";

package/dist/ts3.4/server/framework-preset-angular-cli.d.ts

@@ -3,6 +3,7 @@ import TsconfigPathsPlugin from 'tsconfig-paths-webpack-plugin';
 import { Options as CoreOptions } from '@storybook/core-common';
 export declare type Options = CoreOptions & {
     angularBrowserTarget?: string;
+    tsConfig?: string;
 };
 export declare function webpackFinal(baseConfig: webpack.Configuration, options: Options): Promise<webpack.Configuration | {
     entry: any[];

package/dist/ts3.9/builders/build-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'staticDir' | 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs'>;

package/dist/ts3.9/builders/build-storybook/index.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -59,33 +70,40 @@ var run_compodoc_1 = require("../utils/run-compodoc");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
     return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var browserOptions = _a.browserOptions;
-        return options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: browserOptions.tsConfig }, context)
+        var tsConfig = _a.tsConfig;
+        var runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
             : rxjs_1.of({});
-    }), operators_1.map(function () { return (__assign(__assign({}, options), { angularBrowserTarget: options.browserTarget })); }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
+    }), operators_1.map(function (_a) {
+        var tsConfig = _a.tsConfig;
+        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
+        return __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, tsConfig: tsConfig });
+    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(__assign(__assign({}, standaloneOptions), { mode: 'static' })); }), operators_1.map(function () {
         return { success: true };
     }));
 }
 function setup(options, context) {
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function () {
-        var browserTarget, browserOptions, _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var browserOptions, browserTarget, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
+                    if (!options.browserTarget) return [3 /*break*/, 4];
                     browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _b = (_a = context).validateOptions;
+                    _d = (_c = context).validateOptions;
                     return [4 /*yield*/, context.getTargetOptions(browserTarget)];
                 case 1:
-                    _c = [_d.sent()];
+                    _e = [_f.sent()];
                     return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _b.apply(_a, _c.concat([_d.sent()]))];
+                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
                 case 3:
-                    browserOptions = _d.sent();
-                    return [2 /*return*/, {
-                            browserOptions: browserOptions,
-                            browserTarget: browserTarget,
-                        }];
+                    browserOptions = _f.sent();
+                    _f.label = 4;
+                case 4: return [2 /*return*/, {
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                    }];
             }
         });
     });

package/dist/ts3.9/builders/build-storybook/schema.json

@@ -7,7 +7,12 @@
         "browserTarget": {
             "type": "string",
             "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
-            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
+            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
+            "default": null
+        },
+        "tsConfig": {
+            "type": "string",
+            "description": "The full path for the TypeScript configuration file, relative to the current workspace."
         },
         "staticDir": {
             "type": "array",
@@ -56,5 +61,12 @@
         }
     },
     "additionalProperties": false,
-    "required": ["browserTarget"]
+    "oneOf": [
+        {
+            "required": ["browserTarget"]
+        },
+        {
+            "required": ["tsConfig"]
+        }
+    ]
 }

package/dist/ts3.9/builders/start-storybook/index.d.ts

@@ -2,7 +2,8 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/core-common';
 export declare type StorybookBuilderOptions = JsonObject & {
-    browserTarget: string;
+    browserTarget?: string | null;
+    tsConfig?: string;
     compodoc: boolean;
     compodocArgs: string[];
 } & Pick<CLIOptions, 'port' | 'host' | 'staticDir' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;

package/dist/ts3.9/builders/start-storybook/index.js

@@ -46,6 +46,17 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -59,33 +70,40 @@ var run_compodoc_1 = require("../utils/run-compodoc");
 exports.default = architect_1.createBuilder(commandBuilder);
 function commandBuilder(options, context) {
     return rxjs_1.from(setup(options, context)).pipe(operators_1.switchMap(function (_a) {
-        var browserOptions = _a.browserOptions;
-        return options.compodoc
-            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: browserOptions.tsConfig }, context)
+        var tsConfig = _a.tsConfig;
+        var runCompodoc$ = options.compodoc
+            ? run_compodoc_1.runCompodoc({ compodocArgs: options.compodocArgs, tsconfig: tsConfig }, context).pipe(operators_1.mapTo({ tsConfig: tsConfig }))
             : rxjs_1.of({});
-    }), operators_1.map(function () { return (__assign(__assign({}, options), { angularBrowserTarget: options.browserTarget })); }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
+        return runCompodoc$.pipe(operators_1.mapTo({ tsConfig: tsConfig }));
+    }), operators_1.map(function (_a) {
+        var tsConfig = _a.tsConfig;
+        var browserTarget = options.browserTarget, otherOptions = __rest(options, ["browserTarget"]);
+        return __assign(__assign({}, otherOptions), { angularBrowserTarget: browserTarget, tsConfig: tsConfig });
+    }), operators_1.switchMap(function (standaloneOptions) { return runInstance(standaloneOptions); }), operators_1.map(function () {
         return { success: true };
     }));
 }
 function setup(options, context) {
+    var _a, _b;
     return __awaiter(this, void 0, void 0, function () {
-        var browserTarget, browserOptions, _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+        var browserOptions, browserTarget, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
                 case 0:
+                    if (!options.browserTarget) return [3 /*break*/, 4];
                     browserTarget = architect_1.targetFromTargetString(options.browserTarget);
-                    _b = (_a = context).validateOptions;
+                    _d = (_c = context).validateOptions;
                     return [4 /*yield*/, context.getTargetOptions(browserTarget)];
                 case 1:
-                    _c = [_d.sent()];
+                    _e = [_f.sent()];
                     return [4 /*yield*/, context.getBuilderNameForTarget(browserTarget)];
-                case 2: return [4 /*yield*/, _b.apply(_a, _c.concat([_d.sent()]))];
+                case 2: return [4 /*yield*/, _d.apply(_c, _e.concat([_f.sent()]))];
                 case 3:
-                    browserOptions = _d.sent();
-                    return [2 /*return*/, {
-                            browserOptions: browserOptions,
-                            browserTarget: browserTarget,
-                        }];
+                    browserOptions = _f.sent();
+                    _f.label = 4;
+                case 4: return [2 /*return*/, {
+                        tsConfig: (_b = (_a = options.tsConfig) !== null && _a !== void 0 ? _a : browserOptions.tsConfig) !== null && _b !== void 0 ? _b : undefined,
+                    }];
             }
         });
     });

package/dist/ts3.9/builders/start-storybook/schema.json

@@ -7,7 +7,12 @@
         "browserTarget": {
             "type": "string",
             "description": "Build target to be served in project-name:builder:config format. Should generally target on the builder: '@angular-devkit/build-angular:browser'. Useful for Storybook to use options (styles, assets, ...).",
-            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$"
+            "pattern": "^[^:\\s]+:[^:\\s]+(:[^\\s]+)?$",
+            "default": null
+        },
+        "tsConfig": {
+            "type": "string",
+            "description": "The full path for the TypeScript configuration file, relative to the current workspace."
         },
         "port": {
             "type": "number",
@@ -83,5 +88,12 @@
         }
     },
     "additionalProperties": false,
-    "required": ["browserTarget"]
+    "oneOf": [
+        {
+            "required": ["browserTarget"]
+        },
+        {
+            "required": ["tsConfig"]
+        }
+    ]
 }