@storybook/angular 7.0.0-alpha.50 → 7.0.0-alpha.51

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

@@ -2,7 +2,7 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { CLIOptions } from '@storybook/types';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
-export declare type StorybookBuilderOptions = JsonObject & {
+export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
@@ -10,6 +10,6 @@ export declare type StorybookBuilderOptions = JsonObject & {
     styles?: ExtraEntryPoint[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'outputDir' | 'configDir' | 'loglevel' | 'quiet' | 'docs' | 'webpackStatsJson'>;
-export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
+export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

@@ -2,7 +2,7 @@ import { BuilderOutput } from '@angular-devkit/architect';
 import { JsonObject } from '@angular-devkit/core';
 import { ExtraEntryPoint, StylePreprocessorOptions } from '@angular-devkit/build-angular';
 import { CLIOptions } from '@storybook/types';
-export declare type StorybookBuilderOptions = JsonObject & {
+export type StorybookBuilderOptions = JsonObject & {
     browserTarget?: string | null;
     tsConfig?: string;
     compodoc: boolean;
@@ -10,6 +10,6 @@ export declare type StorybookBuilderOptions = JsonObject & {
     styles?: ExtraEntryPoint[];
     stylePreprocessorOptions?: StylePreprocessorOptions;
 } & Pick<CLIOptions, 'port' | 'host' | 'configDir' | 'https' | 'sslCa' | 'sslCert' | 'sslKey' | 'smokeTest' | 'ci' | 'quiet' | 'docs'>;
-export declare type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
+export type StorybookBuilderOutput = JsonObject & BuilderOutput & {};
 declare const _default: import("@angular-devkit/architect/src/internal").Builder<any>;
 export default _default;

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

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

package/dist/client/angular-beta/AbstractRenderer.d.ts

@@ -1,6 +1,6 @@
 import { Subject } from 'rxjs';
 import { ICollection, StoryFnAngularReturnType, Parameters } from '../types';
-declare type StoryRenderInfo = {
+type StoryRenderInfo = {
     storyFnAngular: StoryFnAngularReturnType;
     moduleMetadataSnapshot: string;
 };

package/dist/client/angular-beta/AbstractRenderer.js

@@ -39,19 +39,6 @@ function getPlatform(newPlatform) {
     return platformRef;
 }
 class AbstractRenderer {
-    constructor(storyId) {
-        this.storyId = storyId;
-        if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
-            try {
-                // platform should be set after enableProdMode()
-                (0, core_1.enableProdMode)();
-            }
-            catch (e) {
-                // eslint-disable-next-line no-console
-                console.debug(e);
-            }
-        }
-    }
     /**
      * Wait and destroy the platform
      */
@@ -71,6 +58,19 @@ class AbstractRenderer {
             getPlatform(true);
         });
     }
+    constructor(storyId) {
+        this.storyId = storyId;
+        if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
+            try {
+                // platform should be set after enableProdMode()
+                (0, core_1.enableProdMode)();
+            }
+            catch (e) {
+                // eslint-disable-next-line no-console
+                console.debug(e);
+            }
+        }
+    }
     /**
      * Bootstrap main angular module with main component or send only new `props` with storyProps$
      *

package/dist/client/angular-beta/RendererFactory.d.ts

@@ -1,5 +1,5 @@
 import { AbstractRenderer } from './AbstractRenderer';
-declare type RenderType = 'canvas' | 'docs';
+type RenderType = 'canvas' | 'docs';
 export declare class RendererFactory {
     private lastRenderType;
     private rendererMap;

package/dist/client/angular-beta/utils/NgComponentAnalyzer.d.ts

@@ -1,5 +1,5 @@
 import { Type, Component } from '@angular/core';
-export declare type ComponentInputsOutputs = {
+export type ComponentInputsOutputs = {
     inputs: {
         propName: string;
         templateName: string;

package/dist/client/docs/__testfixtures__/doc-button/input.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter, ElementRef } from '@angular/core';
 export declare const exportedConstant = "An exported constant";
-export declare type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
+export type ButtonSize = 'small' | 'medium' | 'large' | 'xlarge';
 export declare enum ButtonAccent {
     'Normal' = "Normal",
     'High' = "High"

package/dist/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/client/public-types.d.ts

@@ -8,19 +8,19 @@ export type { AngularRenderer };
  *
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
  */
-export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularRenderer, TArgs>;
+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 declare type StoryFn<TArgs = Args> = AnnotatedStoryFn<AngularRenderer, TArgs>;
+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 declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, TArgs>;
+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.
@@ -30,7 +30,7 @@ export declare type StoryObj<TArgs = Args> = StoryAnnotations<AngularRenderer, T
  *
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
  */
-export declare type Story<TArgs = Args> = StoryFn<TArgs>;
-export declare type Decorator<TArgs = StrictArgs> = DecoratorFunction<AngularRenderer, TArgs>;
-export declare type Loader<TArgs = StrictArgs> = LoaderFunction<AngularRenderer, TArgs>;
-export declare type StoryContext<TArgs = StrictArgs> = GenericStoryContext<AngularRenderer, TArgs>;
+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>;

package/dist/client/types.d.ts

@@ -23,16 +23,16 @@ export interface StoryFnAngularReturnType {
 /**
  * @deprecated Use `AngularRenderer` instead.
  */
-export declare type AngularFramework = AngularRenderer;
+export type AngularFramework = AngularRenderer;
 export interface AngularRenderer extends WebRenderer {
     component: any;
     storyResult: StoryFnAngularReturnType;
 }
-export declare type Parameters = DefaultParameters & {
+export type Parameters = DefaultParameters & {
     /** Uses legacy angular rendering engine that use dynamic component */
     angularLegacyRendering?: boolean;
     bootstrapModuleOptions?: unknown;
 };
-export declare type StoryContext = DefaultStoryContext<AngularRenderer> & {
+export type StoryContext = DefaultStoryContext<AngularRenderer> & {
     parameters: Parameters;
 };

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

@@ -1,7 +1,7 @@
 import { 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 & {
+export type PresetOptions = CoreOptions & {
     angularBrowserTarget?: string | null;
     angularBuilderOptions?: {
         styles?: ExtraEntryPoint[];

package/dist/types.d.ts

@@ -1,11 +1,11 @@
 import { StorybookConfig as StorybookConfigBase, TypescriptOptions as TypescriptOptionsReact } from '@storybook/core-webpack';
 import { StorybookConfigWebpack, BuilderOptions, TypescriptOptions as TypescriptOptionsBuilder } from '@storybook/builder-webpack5';
-declare type FrameworkName = '@storybook/angular';
-declare type BuilderName = '@storybook/builder-webpack5';
-export declare type FrameworkOptions = AngularOptions & {
+type FrameworkName = '@storybook/angular';
+type BuilderName = '@storybook/builder-webpack5';
+export type FrameworkOptions = AngularOptions & {
     builder?: BuilderOptions;
 };
-declare type StorybookConfigFramework = {
+type StorybookConfigFramework = {
     framework: FrameworkName | {
         name: FrameworkName;
         options: FrameworkOptions;
@@ -21,7 +21,7 @@ declare type StorybookConfigFramework = {
 /**
  * The interface for Storybook configuration in `main.ts` files.
  */
-export declare type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
+export type StorybookConfig = Omit<StorybookConfigBase, keyof StorybookConfigWebpack | keyof StorybookConfigFramework> & StorybookConfigWebpack & StorybookConfigFramework;
 export interface AngularOptions {
     enableIvy?: boolean;
     enableNgcc?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.50",
+  "version": "7.0.0-alpha.51",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,21 +34,21 @@
     "prep": "rimraf dist && ../../../scripts/node_modules/.bin/tsc --project tsconfig.build.json && echo \"Preventing passing flags to tsc\""
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.50",
-    "@storybook/api": "7.0.0-alpha.50",
-    "@storybook/builder-webpack5": "7.0.0-alpha.50",
-    "@storybook/client-logger": "7.0.0-alpha.50",
-    "@storybook/core-client": "7.0.0-alpha.50",
-    "@storybook/core-common": "7.0.0-alpha.50",
-    "@storybook/core-events": "7.0.0-alpha.50",
-    "@storybook/core-server": "7.0.0-alpha.50",
-    "@storybook/core-webpack": "7.0.0-alpha.50",
-    "@storybook/docs-tools": "7.0.0-alpha.50",
-    "@storybook/node-logger": "7.0.0-alpha.50",
-    "@storybook/store": "7.0.0-alpha.50",
-    "@storybook/types": "7.0.0-alpha.50",
-    "@types/node": "^16.0.0",
-    "@types/react": "^16.14.23",
+    "@storybook/addons": "7.0.0-alpha.51",
+    "@storybook/api": "7.0.0-alpha.51",
+    "@storybook/builder-webpack5": "7.0.0-alpha.51",
+    "@storybook/client-logger": "7.0.0-alpha.51",
+    "@storybook/core-client": "7.0.0-alpha.51",
+    "@storybook/core-common": "7.0.0-alpha.51",
+    "@storybook/core-events": "7.0.0-alpha.51",
+    "@storybook/core-server": "7.0.0-alpha.51",
+    "@storybook/core-webpack": "7.0.0-alpha.51",
+    "@storybook/docs-tools": "7.0.0-alpha.51",
+    "@storybook/node-logger": "7.0.0-alpha.51",
+    "@storybook/store": "7.0.0-alpha.51",
+    "@storybook/types": "7.0.0-alpha.51",
+    "@types/node": "^16.0.0 || ^18.0.0",
+    "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
     "@types/semver": "^7.3.4",
     "@types/webpack-env": "^1.18.0",
@@ -81,12 +81,12 @@
     "@types/rimraf": "^3.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jest": "^28.0.0",
+    "jest": "^29.3.1",
     "jest-preset-angular": "^12.0.0",
     "jest-specific-snapshot": "^6.0.0",
     "rimraf": "^3.0.2",
     "tmp": "^0.2.1",
-    "typescript": "~4.6.3",
+    "typescript": "^4.9.3",
     "webpack": "5",
     "zone.js": "^0.11.0"
   },
@@ -123,5 +123,5 @@
     "access": "public"
   },
   "builders": "dist/builders/builders.json",
-  "gitHead": "77184d039091f4782dc4540df6d271a24fb3e242"
+  "gitHead": "4fec76c3f5135854d9834ebc1cf2f1f325696ded"
 }

package/template/cli/Button.stories.ts

@@ -1,20 +1,17 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import Button from './button.component';
 
-// More on how to set up stories at: https://storybook.js.org/docs/angular/writing-stories/introduction#default-export
+// More on how to set up stories at: https://storybook.js.org/docs/7.0/angular/writing-stories/introduction
 const meta: Meta<Button> = {
   title: 'Example/Button',
   component: Button,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/angular/writing-docs/docs-page
   tags: ['docsPage'],
-  // More on component templates: https://storybook.js.org/docs/angular/writing-stories/introduction#using-args
   render: (args: Button) => ({
     props: {
       backgroundColor: null,
       ...args,
     },
   }),
-  // More on argTypes: https://storybook.js.org/docs/angular/api/argtypes
   argTypes: {
     backgroundColor: {
       control: 'color',
@@ -25,7 +22,7 @@ const meta: Meta<Button> = {
 export default meta;
 type Story = StoryObj<Button>;
 
-// More on component templates: https://storybook.js.org/docs/angular/writing-stories/introduction#using-args
+// More on writing stories with args: https://storybook.js.org/docs/7.0/angular/writing-stories/args
 export const Primary: Story = {
   args: {
     primary: true,

package/template/cli/Header.stories.ts

@@ -8,7 +8,7 @@ import Header from './header.component';
 const meta: Meta<Header> = {
   title: 'Example/Header',
   component: Header,
-  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/angular/writing-docs/docs-page
+  // This component will have an automatically generated docsPage entry: https://storybook.js.org/docs/7.0/angular/writing-docs/docs-page
   tags: ['docsPage'],
   render: (args) => ({ props: args }),
   decorators: [
@@ -18,7 +18,7 @@ const meta: Meta<Header> = {
     }),
   ],
   parameters: {
-    // More on Story layout: https://storybook.js.org/docs/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
     layout: 'fullscreen',
   },
 };

package/template/cli/Page.stories.ts

@@ -11,7 +11,7 @@ const meta: Meta<Page> = {
   title: 'Example/Page',
   component: Page,
   parameters: {
-    // More on StoryFn layout: https://storybook.js.org/docs/angular/configure/story-layout
+    // More on how to position stories at: https://storybook.js.org/docs/7.0/angular/configure/story-layout
     layout: 'fullscreen',
   },
   decorators: [
@@ -31,7 +31,7 @@ export const LoggedOut: Story = {
   }),
 };
 
-// More on interaction testing: https://storybook.js.org/docs/angular/writing-tests/interaction-testing
+// More on interaction testing: https://storybook.js.org/docs/7.0/angular/writing-tests/interaction-testing
 export const LoggedIn: Story = {
   render: (args: Page) => ({
     props: args,