@storybook/angular 7.0.0-alpha.8 → 7.0.0-beta.0

package/dist/client/docs/__testfixtures__/doc-button/input.js

@@ -0,0 +1,207 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputComponent = exports.ButtonAccent = exports.exportedConstant = void 0;
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-nocheck
+/* eslint-disable no-console */
+/* eslint-disable no-underscore-dangle */
+const core_1 = require("@angular/core");
+exports.exportedConstant = 'An exported constant';
+var ButtonAccent;
+(function (ButtonAccent) {
+    ButtonAccent["Normal"] = "Normal";
+    ButtonAccent["High"] = "High";
+})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
+/**
+ * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
+ *
+ * It supports [markdown](https://en.wikipedia.org/wiki/Markdown), so you can embed formatted text,
+ * like **bold**, _italic_, and `inline code`.
+ *
+ * > How you like dem apples?! It's never been easier to document all your components.
+ *
+ * @string Hello world
+ * @link [Example](http://example.com)
+ * @code `ThingThing`
+ * @html <span class="badge">aaa</span>
+ */
+let InputComponent = class InputComponent {
+    constructor() {
+        /** Appearance style of the button. */
+        this.appearance = 'secondary';
+        /** Sets the button to a disabled state. */
+        this.isDisabled = false;
+        /** Size of the button. */
+        this.size = 'medium';
+        /**
+         * Some input you shouldn't use.
+         *
+         * @deprecated
+         */
+        this.somethingYouShouldNotUse = false;
+        /**
+         * Handler to be called when the button is clicked by a user.
+         *
+         * Will also block the emission of the event if `isDisabled` is true.
+         */
+        this.onClick = new core_1.EventEmitter();
+        this._inputValue = 'some value';
+        this.focus = false;
+        /**
+         * @ignore
+         */
+        this.ignoredProperty = 'Ignore me';
+        /** Public value. */
+        this.internalProperty = 'Public hello';
+        /** Private value. */
+        this._value = 'Private hello';
+    }
+    /**
+     * This is an internal method that we don't want to document and have added the `ignore` annotation to.
+     *
+     * @ignore
+     */
+    handleClick(event) {
+        event.stopPropagation();
+        if (!this.isDisabled) {
+            this.onClick.emit(event);
+        }
+    }
+    /** Setter for `inputValue` that is also an `@Input`. */
+    set inputValue(value) {
+        this._inputValue = value;
+    }
+    /** Getter for `inputValue`. */
+    get inputValue() {
+        return this._inputValue;
+    }
+    onClickListener(btn) {
+        console.log('button', btn);
+    }
+    /**
+     * Returns all the CSS classes for the button.
+     *
+     * @ignore
+     */
+    get classes() {
+        return [this.appearance, this.size]
+            .filter((_class) => !!_class)
+            .map((_class) => `btn-${_class}`);
+    }
+    /** Set the private value. */
+    set value(value) {
+        this._value = `${value}`;
+    }
+    /** Get the private value. */
+    get value() {
+        return this._value;
+    }
+    /**
+     * An internal calculation method which adds `x` and `y` together.
+     *
+     * @param x Some number you'd like to use.
+     * @param y Some other number or string you'd like to use, will have `parseInt()` applied before calculation.
+     */
+    calc(x, y) {
+        return x + parseInt(`${y}`, 10);
+    }
+    /** A public method using an interface. */
+    publicMethod(things) {
+        console.log(things);
+    }
+    /**
+     * A protected method.
+     *
+     * @param id Some `id`.
+     */
+    protectedMethod(id) {
+        console.log(id);
+    }
+    /**
+     * A private method.
+     *
+     * @param password Some `password`.
+     */
+    privateMethod(password) {
+        console.log(password);
+    }
+    set item(item) {
+        this.processedItem = item;
+    }
+};
+__decorate([
+    (0, core_1.ViewChild)('buttonRef', { static: false }),
+    __metadata("design:type", core_1.ElementRef)
+], InputComponent.prototype, "buttonRef", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "appearance", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "accent", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "isDisabled", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "label", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String)
+], InputComponent.prototype, "size", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "someDataObject", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "somethingYouShouldNotUse", void 0);
+__decorate([
+    (0, core_1.Output)(),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "onClick", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", String),
+    __metadata("design:paramtypes", [String])
+], InputComponent.prototype, "inputValue", null);
+__decorate([
+    (0, core_1.HostListener)('click', ['$event.target']),
+    __metadata("design:type", Function),
+    __metadata("design:paramtypes", [Object]),
+    __metadata("design:returntype", void 0)
+], InputComponent.prototype, "onClickListener", null);
+__decorate([
+    (0, core_1.HostBinding)('class.focused'),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "focus", void 0);
+__decorate([
+    (0, core_1.Input)('showKeyAlias'),
+    __metadata("design:type", Object)
+], InputComponent.prototype, "showKey", void 0);
+__decorate([
+    (0, core_1.Input)(),
+    __metadata("design:type", Array),
+    __metadata("design:paramtypes", [Array])
+], InputComponent.prototype, "item", null);
+InputComponent = __decorate([
+    (0, core_1.Component)({
+        selector: 'doc-button',
+        template: '<button>{{ label }}</button>',
+    })
+], InputComponent);
+exports.InputComponent = InputComponent;

package/dist/client/docs/__testfixtures__/doc-button/tsconfig.json

@@ -0,0 +1,7 @@
+{
+    "extends": "../../../tsconfig.json",
+    "compilerOptions": {
+        "rootDir": "."
+    },
+    "include": ["./*.ts"]
+}

package/dist/client/docs/angular-properties.test.d.ts

@@ -0,0 +1 @@
+import 'jest-specific-snapshot';

package/dist/client/docs/angular-properties.test.js

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+require("jest-specific-snapshot");
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const tmp_1 = __importDefault(require("tmp"));
+const cross_spawn_1 = require("cross-spawn");
+const compodoc_1 = require("./compodoc");
+// @ts-expect-error (Converted from ts-ignore)
+const { SNAPSHOT_OS } = global;
+// File hierarchy: __testfixtures__ / some-test-case / input.*
+const inputRegExp = /^input\..*$/;
+const runCompodoc = (inputPath) => {
+    const testDir = path_1.default.dirname(inputPath);
+    const { name: tmpDir, removeCallback } = tmp_1.default.dirSync();
+    // FIXME: for now, this requires a tsconfig.json for each test case. Tried generating
+    // one dynamically in tmpDir, but compodoc doesn't handle absolute paths properly
+    // (and screwed around with relative paths as well, but couldn't get it working)
+    (0, cross_spawn_1.sync)('yarn', ['compodoc', '-p', `${testDir}/tsconfig.json`, '-e', 'json', '-d', tmpDir], {
+        stdio: 'inherit',
+        shell: true,
+    });
+    const output = fs_1.default.readFileSync(`${tmpDir}/documentation.json`, 'utf8');
+    try {
+        removeCallback();
+    }
+    catch (e) {
+        //
+    }
+    return output;
+};
+describe('angular component properties', () => {
+    const fixturesDir = path_1.default.join(__dirname, '__testfixtures__');
+    fs_1.default.readdirSync(fixturesDir, { withFileTypes: true }).forEach((testEntry) => {
+        if (testEntry.isDirectory()) {
+            const testDir = path_1.default.join(fixturesDir, testEntry.name);
+            const testFile = fs_1.default.readdirSync(testDir).find((fileName) => inputRegExp.test(fileName));
+            if (testFile) {
+                it(`${testEntry.name}`, () => {
+                    const inputPath = path_1.default.join(testDir, testFile);
+                    // snapshot the output of compodoc
+                    const compodocOutput = runCompodoc(inputPath);
+                    const compodocJson = JSON.parse(compodocOutput);
+                    expect(compodocJson).toMatchSpecificSnapshot(path_1.default.join(testDir, `compodoc-${SNAPSHOT_OS}.snapshot`));
+                    // snapshot the output of addon-docs angular-properties
+                    const componentData = (0, compodoc_1.findComponentByName)('InputComponent', compodocJson);
+                    const argTypes = (0, compodoc_1.extractArgTypesFromData)(componentData);
+                    expect(argTypes).toMatchSpecificSnapshot(path_1.default.join(testDir, 'argtypes.snapshot'));
+                });
+            }
+        }
+    });
+});

package/dist/{types/client → client}/docs/compodoc.d.ts

@@ -1,18 +1,12 @@
-import type { ArgTypes } from '@storybook/api';
-import type { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
+import { ArgTypes, SBType } from '@storybook/types';
+import { 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;
 export declare const getCompodocJson: () => CompodocJson;
 export declare const checkValidComponentOrDirective: (component: Component | Directive) => void;
 export declare const checkValidCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const findComponentByName: (name: string, compodocJson: CompodocJson) => Class | Injectable | Pipe | Directive;
-export declare const extractType: (property: Property, defaultValue: any) => {
-    name: string;
-    value?: undefined;
-} | {
-    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 extractType: (property: Property, defaultValue: any) => SBType;
+export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes<import("@storybook/types").Args>;
+export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("@storybook/types").Args>;
 export declare const extractComponentDescription: (component: Component | Directive) => string;

package/dist/{types/client → client}/docs/compodoc.js

@@ -9,11 +9,11 @@ const isMethod = (methodOrProp) => {
 };
 exports.isMethod = isMethod;
 const setCompodocJson = (compodocJson) => {
-    // @ts-ignore
+    // @ts-expect-error (Converted from ts-ignore)
     window.__STORYBOOK_COMPODOC_JSON__ = compodocJson;
 };
 exports.setCompodocJson = setCompodocJson;
-// @ts-ignore
+// @ts-expect-error (Converted from ts-ignore)
 const getCompodocJson = () => window.__STORYBOOK_COMPODOC_JSON__;
 exports.getCompodocJson = getCompodocJson;
 const checkValidComponentOrDirective = (component) => {
@@ -121,11 +121,13 @@ const extractType = (property, defaultValue) => {
             return { name: compodocType };
         case undefined:
         case null:
-            return { name: 'void' };
+            return { name: 'other', value: 'void' };
         default: {
             const resolvedType = resolveTypealias(compodocType);
             const enumValues = extractEnumValues(resolvedType);
-            return enumValues ? { name: 'enum', value: enumValues } : { name: 'object' };
+            return enumValues
+                ? { name: 'enum', value: enumValues }
+                : { name: 'other', value: 'empty-enum' };
         }
     }
 };
@@ -165,7 +167,6 @@ const extractDefaultValueFromComments = (property, value) => {
     let commentValue = value;
     property.jsdoctags.forEach((tag) => {
         if (['default', 'defaultvalue'].includes(tag.tagName.escapedText)) {
-            // @ts-ignore
             const dom = new window.DOMParser().parseFromString(tag.comment, 'text/html');
             commentValue = dom.body.textContent;
         }
@@ -202,13 +203,12 @@ const extractArgTypesFromData = (componentData) => {
             const section = mapItemToSection(key, item);
             const defaultValue = (0, exports.isMethod)(item) ? undefined : extractDefaultValue(item);
             const type = (0, exports.isMethod)(item) || (section !== 'inputs' && section !== 'properties')
-                ? { name: 'void' }
+                ? { name: 'other', value: 'void' }
                 : (0, exports.extractType)(item, defaultValue);
             const action = section === 'outputs' ? { action: item.name } : {};
             const argType = {
                 name: item.name,
                 description: item.rawdescription || item.description,
-                defaultValue,
                 type,
                 ...action,
                 table: {

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

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

package/dist/client/docs/compodoc.test.js

@@ -0,0 +1,131 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const compodoc_1 = require("./compodoc");
+const makeProperty = (compodocType) => ({
+    type: compodocType,
+    name: 'dummy',
+    decorators: [],
+    optional: true,
+});
+const getDummyCompodocJson = () => {
+    return {
+        miscellaneous: {
+            typealiases: [
+                {
+                    name: 'EnumAlias',
+                    ctype: 'miscellaneous',
+                    subtype: 'typealias',
+                    rawtype: 'EnumNumeric',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                    description: '',
+                    kind: 161,
+                },
+                {
+                    name: 'TypeAlias',
+                    ctype: 'miscellaneous',
+                    subtype: 'typealias',
+                    rawtype: '"Type Alias 1" | "Type Alias 2" | "Type Alias 3"',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                    description: '',
+                    kind: 168,
+                },
+            ],
+            enumerations: [
+                {
+                    name: 'EnumNumeric',
+                    childs: [
+                        {
+                            name: 'FIRST',
+                        },
+                        {
+                            name: 'SECOND',
+                        },
+                        {
+                            name: 'THIRD',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '<p>Button Priority</p>\n',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+                {
+                    name: 'EnumNumericInitial',
+                    childs: [
+                        {
+                            name: 'UNO',
+                            value: '1',
+                        },
+                        {
+                            name: 'DOS',
+                        },
+                        {
+                            name: 'TRES',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+                {
+                    name: 'EnumStringValues',
+                    childs: [
+                        {
+                            name: 'PRIMARY',
+                            value: 'PRIMARY',
+                        },
+                        {
+                            name: 'SECONDARY',
+                            value: 'SECONDARY',
+                        },
+                        {
+                            name: 'TERTIARY',
+                            value: 'TERTIARY',
+                        },
+                    ],
+                    ctype: 'miscellaneous',
+                    subtype: 'enum',
+                    description: '',
+                    file: 'src/stories/component-with-enums/enums.component.ts',
+                },
+            ],
+        },
+    };
+};
+describe('extractType', () => {
+    describe('with compodoc type', () => {
+        (0, compodoc_1.setCompodocJson)(getDummyCompodocJson());
+        it.each([
+            ['string', { name: 'string' }],
+            ['boolean', { name: 'boolean' }],
+            ['number', { name: 'number' }],
+            ['object', { name: 'object' }],
+            ['foo', { name: 'object' }],
+            [null, { name: 'void' }],
+            [undefined, { name: 'void' }],
+            ['T[]', { name: 'object' }],
+            ['[]', { name: 'object' }],
+            ['"primary" | "secondary"', { name: 'enum', value: ['primary', 'secondary'] }],
+            ['TypeAlias', { name: 'enum', value: ['Type Alias 1', 'Type Alias 2', 'Type Alias 3'] }],
+            ['EnumNumeric', { name: 'object' }],
+            ['EnumNumericInitial', { name: 'object' }],
+            ['EnumStringValues', { name: 'enum', value: ['PRIMARY', 'SECONDARY', 'TERTIARY'] }],
+        ])('%s', (compodocType, expected) => {
+            expect((0, compodoc_1.extractType)(makeProperty(compodocType), null)).toEqual(expected);
+        });
+    });
+    describe('without compodoc type', () => {
+        it.each([
+            ['string', { name: 'string' }],
+            ['', { name: 'string' }],
+            [false, { name: 'boolean' }],
+            [10, { name: 'number' }],
+            [['abc'], { name: 'object' }],
+            [{ foo: 1 }, { name: 'object' }],
+            [undefined, { name: 'void' }],
+        ])('%s', (defaultValue, expected) => {
+            expect((0, compodoc_1.extractType)(makeProperty(null), defaultValue)).toEqual(expected);
+        });
+    });
+});

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

@@ -0,0 +1,4 @@
+import { 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 → client}/docs/sourceDecorator.d.ts

@@ -1,9 +1,9 @@
-import type { PartialStoryFn } from '@storybook/csf';
-import { StoryContext, AngularFramework } from '../types';
+import { PartialStoryFn } from '@storybook/types';
+import { StoryContext, AngularRenderer } from '../types';
 export declare const skipSourceRender: (context: StoryContext) => any;
 /**
  * Angular source decorator.
  * @param storyFn Fn
  * @param context  StoryContext
  */
-export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularFramework>, context: StoryContext) => import("../types").StoryFnAngularReturnType;
+export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularRenderer>, context: StoryContext) => import("../types").StoryFnAngularReturnType;

package/dist/{types/client → client}/docs/sourceDecorator.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceDecorator = exports.skipSourceRender = void 0;
-const addons_1 = require("@storybook/addons");
+const preview_api_1 = require("@storybook/preview-api");
 const docs_tools_1 = require("@storybook/docs-tools");
 const renderer_1 = require("../../renderer");
 const skipSourceRender = (context) => {
@@ -25,11 +25,11 @@ const sourceDecorator = (storyFn, context) => {
     if ((0, exports.skipSourceRender)(context)) {
         return story;
     }
-    const channel = addons_1.addons.getChannel();
+    const channel = preview_api_1.addons.getChannel();
     const { props, template, userDefinedTemplate } = story;
     const { component, argTypes } = context;
     let toEmit;
-    (0, addons_1.useEffect)(() => {
+    (0, preview_api_1.useEffect)(() => {
         if (toEmit) {
             channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
         }

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

@@ -57,7 +57,7 @@ export interface Directive {
     description?: string;
     rawdescription?: string;
 }
-export declare type Component = Directive;
+export type Component = Directive;
 export interface Argument {
     name: string;
     type: string;

package/dist/{types/client → client}/index.js

@@ -1,4 +1,5 @@
 "use strict";
+/// <reference types="webpack-env" />
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -16,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/client/public-api.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="webpack-env" />
+/// <reference types="node" />
+import { Addon_ClientStoryApi, Addon_Loadable } from '@storybook/types';
+import { AngularRenderer } from './types';
+export * from './public-types';
+interface ClientApi extends Addon_ClientStoryApi<AngularRenderer['storyResult']> {
+    configure(loader: Addon_Loadable, module: NodeModule): void;
+    forceReRender(): void;
+    raw: () => any;
+    load: (...args: any[]) => void;
+}
+export declare const storiesOf: ClientApi['storiesOf'];
+export declare const configure: ClientApi['configure'];
+export declare const forceReRender: ClientApi['forceReRender'];
+export declare const raw: ClientApi['raw'];

package/dist/{types/client → client}/public-api.js

@@ -17,13 +17,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
+exports.raw = exports.forceReRender = exports.configure = exports.storiesOf = void 0;
 const core_client_1 = require("@storybook/core-client");
 const render_1 = require("./render");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
 __exportStar(require("./public-types"), exports);
 const FRAMEWORK = 'angular';
-const api = (0, core_client_1.start)(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
+const api = (0, core_client_1.start)(render_1.renderToCanvas, { decorateStory: decorateStory_1.default, render: render_1.render });
 const storiesOf = (kind, m) => {
     return api.clientApi.storiesOf(kind, m).addParameters({
         framework: FRAMEWORK,
@@ -32,12 +32,5 @@ const storiesOf = (kind, m) => {
 exports.storiesOf = storiesOf;
 const configure = (...args) => api.configure(FRAMEWORK, ...args);
 exports.configure = configure;
-exports.addDecorator = api.clientApi
-    .addDecorator;
-exports.addParameters = api.clientApi
-    .addParameters;
-exports.clearDecorators = api.clientApi.clearDecorators;
-exports.setAddon = api.clientApi.setAddon;
 exports.forceReRender = api.forceReRender;
-exports.getStorybook = api.clientApi.getStorybook;
 exports.raw = api.clientApi.raw;

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

@@ -0,0 +1,36 @@
+import { AnnotatedStoryFn, Args, ComponentAnnotations, DecoratorFunction, LoaderFunction, StoryAnnotations, StoryContext as GenericStoryContext, StrictArgs } from '@storybook/types';
+import { AngularRenderer } from './types';
+export type { Args, ArgTypes, Parameters, StrictArgs } from '@storybook/types';
+export type { Parameters as AngularParameters } from './types';
+export type { AngularRenderer };
+/**
+ * Metadata to configure the stories for a component.
+ *
+ * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
+ */
+export type Meta<TArgs = Args> = ComponentAnnotations<AngularRenderer, TArgs>;
+/**
+ * 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 type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularRenderer, TArgs>;
+/**
+ * Story function that represents a CSFv3 component example.
+ *
+ * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
+ */
+export type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, TArgs>;
+/**
+ * @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 type Story<TArgs = Args> = StoryFn<TArgs>;
+export type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
+export type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
+export type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;