@storybook/angular 7.0.0-alpha.42 → 7.0.0-alpha.44

package/dist/types/builders/build-storybook/index.d.ts

@@ -1,6 +1,6 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
-import type { CLIOptions } from '@storybook/core-common';
+import type { CLIOptions } from '@storybook/types';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;

package/dist/types/builders/build-storybook/index.spec.d.ts

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

package/dist/types/builders/build-storybook/index.spec.js

@@ -0,0 +1,202 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+const testing_1 = require("@angular-devkit/architect/testing");
+const core_1 = require("@angular-devkit/core");
+const path = __importStar(require("path"));
+const buildStandaloneMock = jest.fn();
+jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
+const cpSpawnMock = {
+    spawn: jest.fn(),
+};
+jest.doMock('child_process', () => cpSpawnMock);
+describe('Build Storybook Builder', () => {
+    let architect;
+    let architectHost;
+    beforeEach(async () => {
+        const registry = new core_1.schema.CoreSchemaRegistry();
+        registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
+        architectHost = new testing_1.TestingArchitectHost();
+        architect = new architect_1.Architect(architectHost, registry);
+        architectHost.addBuilder('@angular-devkit/build-angular:browser', (0, architect_1.createBuilder)(() => {
+            return { success: true };
+        }));
+        architectHost.addTarget({ project: 'angular-cli', target: 'build-2' }, '@angular-devkit/build-angular:browser', {
+            outputPath: 'dist/angular-cli',
+            index: 'src/index.html',
+            main: 'src/main.ts',
+            polyfills: 'src/polyfills.ts',
+            tsConfig: 'src/tsconfig.app.json',
+            assets: ['src/favicon.ico', 'src/assets'],
+            styles: ['src/styles.css'],
+            scripts: [],
+        });
+        // This will either take a Node package name, or a path to the directory
+        // for the package.json file.
+        await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+    });
+    beforeEach(() => {
+        buildStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should start storybook with angularBrowserTarget', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            mode: 'static',
+            tsConfig: './storybook/tsconfig.ts',
+            webpackStatsJson: false,
+        });
+    });
+    it('should start storybook with tsConfig', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            mode: 'static',
+            tsConfig: 'path/to/tsConfig.json',
+            webpackStatsJson: false,
+        });
+    });
+    it('should build storybook with webpack stats.json', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+            webpackStatsJson: true,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            mode: 'static',
+            tsConfig: 'path/to/tsConfig.json',
+            webpackStatsJson: true,
+        });
+    });
+    it('should throw error', async () => {
+        buildStandaloneMock.mockRejectedValue(true);
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        try {
+            await run.result;
+            expect(false).toEqual('Throw expected');
+        }
+        catch (error) {
+            // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
+            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+        }
+    });
+    it('should run compodoc', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            browserTarget: 'angular-cli:build-2',
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
+            cwd: '',
+        });
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            configDir: '.storybook',
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            mode: 'static',
+            tsConfig: './storybook/tsconfig.ts',
+            webpackStatsJson: false,
+        });
+    });
+    it('should start storybook with styles options', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:build-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            compodoc: false,
+            styles: ['style.scss'],
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: { styles: ['style.scss'] },
+            configDir: '.storybook',
+            loglevel: undefined,
+            quiet: false,
+            outputDir: 'storybook-static',
+            mode: 'static',
+            tsConfig: 'path/to/tsConfig.json',
+            webpackStatsJson: false,
+        });
+    });
+});

package/dist/types/builders/start-storybook/index.d.ts

@@ -1,7 +1,7 @@
 import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-import type { CLIOptions } from '@storybook/core-common';
+import type { CLIOptions } from '@storybook/types';
 export declare type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;

package/dist/types/builders/start-storybook/index.spec.d.ts

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

package/dist/types/builders/start-storybook/index.spec.js

@@ -0,0 +1,200 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const architect_1 = require("@angular-devkit/architect");
+const testing_1 = require("@angular-devkit/architect/testing");
+const core_1 = require("@angular-devkit/core");
+const path = __importStar(require("path"));
+const buildStandaloneMock = jest.fn();
+jest.doMock('@storybook/angular/standalone', () => buildStandaloneMock);
+jest.doMock('find-up', () => ({ sync: () => './storybook/tsconfig.ts' }));
+const cpSpawnMock = {
+    spawn: jest.fn(),
+};
+jest.doMock('child_process', () => cpSpawnMock);
+describe('Start Storybook Builder', () => {
+    let architect;
+    let architectHost;
+    beforeEach(async () => {
+        const registry = new core_1.schema.CoreSchemaRegistry();
+        registry.addPostTransform(core_1.schema.transforms.addUndefinedDefaults);
+        architectHost = new testing_1.TestingArchitectHost();
+        architect = new architect_1.Architect(architectHost, registry);
+        architectHost.addBuilder('@angular-devkit/build-angular:browser', (0, architect_1.createBuilder)(() => {
+            return { success: true };
+        }));
+        architectHost.addTarget({ project: 'angular-cli', target: 'build-2' }, '@angular-devkit/build-angular:browser', {
+            outputPath: 'dist/angular-cli',
+            index: 'src/index.html',
+            main: 'src/main.ts',
+            polyfills: 'src/polyfills.ts',
+            tsConfig: 'src/tsconfig.app.json',
+            assets: ['src/favicon.ico', 'src/assets'],
+            styles: ['src/styles.css'],
+            scripts: [],
+        });
+        // This will either take a Node package name, or a path to the directory
+        // for the package.json file.
+        await architectHost.addBuilderFromPackage(path.join(__dirname, '../../..'));
+    });
+    beforeEach(() => {
+        buildStandaloneMock.mockImplementation((_options) => Promise.resolve());
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should start storybook with angularBrowserTarget', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            host: 'localhost',
+            https: false,
+            port: 4400,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: './storybook/tsconfig.ts',
+        });
+    });
+    it('should start storybook with tsConfig', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            port: 4400,
+            compodoc: false,
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            host: 'localhost',
+            https: false,
+            port: 4400,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: 'path/to/tsConfig.json',
+        });
+    });
+    it('should throw error', async () => {
+        buildStandaloneMock.mockRejectedValue(true);
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+            port: 4400,
+            compodoc: false,
+        });
+        try {
+            await run.result;
+            expect(false).toEqual('Throw expected');
+        }
+        catch (error) {
+            // eslint-disable-next-line jest/no-try-expect, jest/no-conditional-expect
+            expect(error).toEqual('Broken build, fix the error above.\nYou may need to refresh the browser.');
+        }
+    });
+    it('should run compodoc', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            browserTarget: 'angular-cli:build-2',
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', './storybook/tsconfig.ts', '-d', '', '-e', 'json'], {
+            cwd: '',
+        });
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: 'angular-cli:build-2',
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {},
+            ci: false,
+            configDir: '.storybook',
+            host: 'localhost',
+            https: false,
+            port: 9009,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: './storybook/tsconfig.ts',
+        });
+    });
+    it('should start storybook with styles options', async () => {
+        const run = await architect.scheduleBuilder('@storybook/angular:start-storybook', {
+            tsConfig: 'path/to/tsConfig.json',
+            port: 4400,
+            compodoc: false,
+            styles: ['src/styles.css'],
+        });
+        const output = await run.result;
+        await run.stop();
+        expect(output.success).toBeTruthy();
+        expect(cpSpawnMock.spawn).not.toHaveBeenCalledWith();
+        expect(buildStandaloneMock).toHaveBeenCalledWith({
+            angularBrowserTarget: null,
+            angularBuilderContext: expect.any(Object),
+            angularBuilderOptions: {
+                styles: ['src/styles.css'],
+            },
+            ci: false,
+            configDir: '.storybook',
+            host: 'localhost',
+            https: false,
+            port: 4400,
+            quiet: false,
+            smokeTest: false,
+            sslCa: undefined,
+            sslCert: undefined,
+            sslKey: undefined,
+            tsConfig: 'path/to/tsConfig.json',
+        });
+    });
+});

package/dist/types/builders/utils/run-compodoc.spec.d.ts

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

package/dist/types/builders/utils/run-compodoc.spec.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const operators_1 = require("rxjs/operators");
+const cpSpawnMock = {
+    spawn: jest.fn(),
+};
+jest.doMock('child_process', () => cpSpawnMock);
+const { runCompodoc } = require('./run-compodoc');
+const builderContextLoggerMock = {
+    createChild: jest.fn(),
+    log: jest.fn(),
+    debug: jest.fn(),
+    info: jest.fn(),
+    warn: jest.fn(),
+    error: jest.fn(),
+    fatal: jest.fn(),
+};
+describe('runCompodoc', () => {
+    beforeEach(() => {
+        cpSpawnMock.spawn.mockImplementation(() => ({
+            stdout: { on: () => { } },
+            stderr: { on: () => { } },
+            on: (_event, cb) => cb(0),
+        }));
+    });
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+    it('should run compodoc with tsconfig from context', async () => {
+        runCompodoc({
+            compodocArgs: [],
+            tsconfig: 'path/to/tsconfig.json',
+        }, {
+            workspaceRoot: 'path/to/project',
+            logger: builderContextLoggerMock,
+        })
+            .pipe((0, operators_1.take)(1))
+            .subscribe();
+        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-p', 'path/to/tsconfig.json', '-d', 'path/to/project'], {
+            cwd: 'path/to/project',
+        });
+    });
+    it('should run compodoc with tsconfig from compodocArgs', async () => {
+        runCompodoc({
+            compodocArgs: ['-p', 'path/to/tsconfig.stories.json'],
+            tsconfig: 'path/to/tsconfig.json',
+        }, {
+            workspaceRoot: 'path/to/project',
+            logger: builderContextLoggerMock,
+        })
+            .pipe((0, operators_1.take)(1))
+            .subscribe();
+        expect(cpSpawnMock.spawn).toHaveBeenCalledWith('npx', ['compodoc', '-d', 'path/to/project', '-p', 'path/to/tsconfig.stories.json'], {
+            cwd: 'path/to/project',
+        });
+    });
+});

package/dist/types/builders/utils/standalone-options.d.ts

@@ -1,5 +1,5 @@
 import type { BuilderContext } from '@angular-devkit/architect';
-import type { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/core-common';
+import type { LoadOptions, CLIOptions, BuilderOptions } from '@storybook/types';
 export declare type StandaloneOptions = Partial<CLIOptions & LoadOptions & BuilderOptions & {
     mode?: 'static' | 'dev';
     angularBrowserTarget?: string | null;

package/dist/types/client/angular/app.component.js

@@ -13,7 +13,6 @@ var __param = (this && this.__param) || function (paramIndex, decorator) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AppComponent = void 0;
-/* eslint-disable no-useless-constructor */
 // We could use NgComponentOutlet here but there's currently no easy way
 // to provide @Inputs and subscribe to @Outputs, see
 // https://github.com/angular/angular/issues/15360

package/dist/types/client/angular/helpers.d.ts

@@ -1,4 +1,4 @@
-import type { PartialStoryFn } from '@storybook/csf';
+import type { PartialStoryFn } from '@storybook/types';
 import type { AngularFramework } from '../types';
 declare global {
     interface Window {

package/dist/types/client/angular-beta/ComputesTemplateFromComponent.d.ts

@@ -1,5 +1,5 @@
 import type { Type } from '@angular/core';
-import type { ArgTypes } from '@storybook/api';
+import type { API_ArgTypes } from '@storybook/types';
 import type { ICollection } from '../types';
 /**
  * Converts a component into a template with inputs/outputs present in initial props
@@ -14,4 +14,4 @@ export declare const computesTemplateFromComponent: (component: Type<unknown>, i
  * @param initialProps
  * @param innerTemplate
  */
-export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string;
+export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: API_ArgTypes) => string;

package/dist/types/client/angular-beta/DocsRenderer.js

@@ -1,11 +1,8 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocsRenderer = void 0;
 const addons_1 = require("@storybook/addons");
-const core_events_1 = __importDefault(require("@storybook/core-events"));
+const core_events_1 = require("@storybook/core-events");
 const AbstractRenderer_1 = require("./AbstractRenderer");
 class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async render(options) {
@@ -20,7 +17,7 @@ class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
          * rendered in the doc. But one event could be enough for the whole docs
          *
          */
-        channel.once(core_events_1.default.STORY_CHANGED, async () => {
+        channel.once(core_events_1.STORY_CHANGED, async () => {
             await DocsRenderer.resetPlatformBrowserDynamic();
         });
         /**
@@ -28,7 +25,7 @@ class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
          * when doc re render. Allows to call ngOnDestroy of angular
          * for previous component
          */
-        channel.once(core_events_1.default.DOCS_RENDERED, async () => {
+        channel.once(core_events_1.DOCS_RENDERED, async () => {
             await DocsRenderer.resetPlatformBrowserDynamic();
         });
         await super.render({ ...options, forced: false });

package/dist/types/client/angular-beta/StorybookWrapperComponent.js

@@ -38,7 +38,6 @@ const createStorybookWrapperComponent = (selector, template, storyComponent, sty
     // storyComponent was not provided.
     const viewChildSelector = storyComponent ?? '__storybook-noop';
     let StorybookWrapperComponent = class StorybookWrapperComponent {
-        // eslint-disable-next-line no-useless-constructor
         constructor(storyProps$, changeDetectorRef) {
             this.storyProps$ = storyProps$;
             this.changeDetectorRef = changeDetectorRef;

package/dist/types/client/decorateStory.d.ts

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

package/dist/types/client/decorators.d.ts

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

package/dist/types/client/docs/compodoc.d.ts

@@ -1,4 +1,4 @@
-import type { ArgTypes } from '@storybook/api';
+import type { API_ArgTypes } from '@storybook/types';
 import type { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
@@ -13,6 +13,6 @@ export declare const extractType: (property: Property, defaultValue: any) => {
     name: string;
     value: any[];
 };
-export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes;
-export declare const extractArgTypes: (component: Component | Directive) => ArgTypes;
+export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => API_ArgTypes;
+export declare const extractArgTypes: (component: Component | Directive) => API_ArgTypes;
 export declare const extractComponentDescription: (component: Component | Directive) => string;

package/dist/types/client/docs/config.d.ts

@@ -1,14 +1,4 @@
-import { SourceType } from '@storybook/docs-tools';
-export declare const parameters: {
-    docs: {
-        inlineStories: boolean;
-        extractArgTypes: (component: import("./types").Directive) => import("lib/api/dist").ArgTypes;
-        extractComponentDescription: (component: import("./types").Directive) => string;
-        source: {
-            type: SourceType;
-            language: string;
-        };
-    };
-};
-export declare const decorators: ((storyFn: import("@storybook/csf").PartialStoryFn<import("../types").AngularFramework, import("@storybook/csf").Args>, context: import("../types").StoryContext) => import("..").IStory)[];
-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 type { Parameters, DecoratorFunction, ArgTypesEnhancer } from '@storybook/types';
+export declare const parameters: Parameters;
+export declare const decorators: DecoratorFunction[];
+export declare const argTypesEnhancers: ArgTypesEnhancer[];

package/dist/types/client/docs/sourceDecorator.d.ts

@@ -1,4 +1,4 @@
-import type { PartialStoryFn } from '@storybook/csf';
+import type { PartialStoryFn } from '@storybook/types';
 import { StoryContext, AngularFramework } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**

package/dist/types/client/index.js

@@ -17,7 +17,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.componentWrapperDecorator = exports.moduleMetadata = void 0;
 require("./globals");
+// eslint-disable-next-line import/export
 __exportStar(require("./public-api"), exports);
+// eslint-disable-next-line import/export
 __exportStar(require("./public-types"), exports);
 var decorators_1 = require("./decorators");
 Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: function () { return decorators_1.moduleMetadata; } });

package/dist/types/client/public-api.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="webpack-env" />
 /// <reference types="node" />
-import type { ClientStoryApi, Loadable } from '@storybook/addons';
+import type { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
 import type { AngularFramework } from './types';
 export * from './public-types';
-interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
-    configure(loader: Loadable, module: NodeModule): void;
+interface ClientApi extends Addon_ClientStoryApi<AngularFramework['storyResult']> {
+    configure(loader: Addon_Loadable, module: NodeModule): void;
     forceReRender(): void;
     raw: () => any;
     load: (...args: any[]) => void;

package/dist/types/client/public-types.d.ts

@@ -1,6 +1,6 @@
-import type { Args, ComponentAnnotations, StoryAnnotations, AnnotatedStoryFn } from '@storybook/csf';
+import type { AnnotatedStoryFn, Args, ComponentAnnotations, StoryAnnotations } from '@storybook/types';
 import { AngularFramework } from './types';
-export type { Args, ArgTypes } from '@storybook/csf';
+export type { Args, ArgTypes } from '@storybook/types';
 /**
  * Metadata to configure the stories for a component.
  *
@@ -20,8 +20,12 @@ export declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularFramework, T
  */
 export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularFramework, TArgs>;
 /**
- * Story function that represents a CSFv3 component example.
+ * @deprecated Use `StoryFn` instead.
+ * Use `StoryObj` if you want to migrate to CSF3, which uses objects instead of functions to represent stories.
+ * You can read more about the CSF3 format here: https://storybook.js.org/blog/component-story-format-3-0/
+ *
+ * Story function that represents a CSFv2 component example.
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<TArgs = Args> = StoryObj<TArgs>;
+export declare type Story<TArgs = Args> = StoryFn<TArgs>;

package/dist/types/client/render.d.ts

@@ -1,7 +1,6 @@
-import type { RenderContext } from '@storybook/store';
-import type { ArgsStoryFn } from '@storybook/csf';
+import type { Store_RenderContext, ArgsStoryFn } from '@storybook/types';
 import type { AngularFramework } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
 export declare const render: ArgsStoryFn<AngularFramework>;
-export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;
+export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: Store_RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;

package/dist/types/client/types.d.ts

@@ -1,4 +1,4 @@
-import type { Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/csf';
+import type { Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/types';
 export interface NgModuleMetadata {
     declarations?: any[];
     entryComponents?: any[];

package/dist/types/preset.d.ts

@@ -1,4 +1,4 @@
-import type { PresetProperty } from '@storybook/core-common';
+import type { PresetProperty } from '@storybook/types';
 import { StorybookConfig } from './types';
 export declare const addons: PresetProperty<'addons', StorybookConfig>;
 export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/types/server/angular-read-workspace.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.findAngularProjectTarget = exports.getDefaultProjectName = exports.readAngularWorkspaceConfig = void 0;
+/* eslint-disable global-require */
 const node_1 = require("@angular-devkit/core/node");
 const core_1 = require("@angular-devkit/core");
 /**
@@ -16,7 +17,6 @@ const readAngularWorkspaceConfig = async (dirToSearch) => {
          * Apologies for the following line
          * If there's a better way to do it, let's do it
          */
-        /* eslint-disable global-require */
         // catch if nx.json does not exist
         require('@nrwl/workspace').readNxJson();
         const nxWorkspace = require('@nrwl/workspace').readWorkspaceConfig({

package/dist/types/server/framework-preset-angular-docs.d.ts

@@ -1,2 +1,2 @@
-import { StorybookConfig } from '@storybook/core-common';
+import type { StorybookConfig } from '@storybook/types';
 export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/types/server/framework-preset-angular-ivy.js

@@ -39,7 +39,7 @@ const path = __importStar(require("path"));
  * @returns A Promise that resolves to the dynamically imported module.
  */
 function loadEsmModule(modulePath) {
-    // eslint-disable-next-line no-new-func
+    // eslint-disable-next-line @typescript-eslint/no-implied-eval
     return new Function('modulePath', `return import(modulePath);`)(modulePath);
 }
 /**

package/dist/types/server/preset-options.d.ts

@@ -1,4 +1,4 @@
-import type { Options as CoreOptions } from '@storybook/core-common';
+import type { Options as CoreOptions } from '@storybook/types';
 import { BuilderContext } from '@angular-devkit/architect';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 export declare type PresetOptions = CoreOptions & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.42",
+  "version": "7.0.0-alpha.44",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,19 @@
     "prep": "node ../../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.42",
-    "@storybook/api": "7.0.0-alpha.42",
-    "@storybook/builder-webpack5": "7.0.0-alpha.42",
-    "@storybook/client-logger": "7.0.0-alpha.42",
-    "@storybook/core-client": "7.0.0-alpha.42",
-    "@storybook/core-common": "7.0.0-alpha.42",
-    "@storybook/core-events": "7.0.0-alpha.42",
-    "@storybook/core-server": "7.0.0-alpha.42",
-    "@storybook/core-webpack": "7.0.0-alpha.42",
-    "@storybook/csf": "next",
-    "@storybook/docs-tools": "7.0.0-alpha.42",
-    "@storybook/node-logger": "7.0.0-alpha.42",
-    "@storybook/store": "7.0.0-alpha.42",
+    "@storybook/addons": "7.0.0-alpha.44",
+    "@storybook/api": "7.0.0-alpha.44",
+    "@storybook/builder-webpack5": "7.0.0-alpha.44",
+    "@storybook/client-logger": "7.0.0-alpha.44",
+    "@storybook/core-client": "7.0.0-alpha.44",
+    "@storybook/core-common": "7.0.0-alpha.44",
+    "@storybook/core-events": "7.0.0-alpha.44",
+    "@storybook/core-server": "7.0.0-alpha.44",
+    "@storybook/core-webpack": "7.0.0-alpha.44",
+    "@storybook/docs-tools": "7.0.0-alpha.44",
+    "@storybook/node-logger": "7.0.0-alpha.44",
+    "@storybook/store": "7.0.0-alpha.44",
+    "@storybook/types": "7.0.0-alpha.44",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -120,5 +120,5 @@
     "access": "public"
   },
   "builders": "dist/types/builders/builders.json",
-  "gitHead": "4ed2e832e3accf8e533da92a46a812eacaf5db0b"
+  "gitHead": "d4965bd328d8f83c279560c7bc8428e490b275f3"
 }