@storybook/angular 9.0.0-alpha.1 → 9.0.0-alpha.11

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocsRenderer = void 0;
 const core_events_1 = require("storybook/internal/core-events");
-const preview_api_1 = require("storybook/internal/preview-api");
+const preview_api_1 = require("storybook/preview-api");
 const AbstractRenderer_1 = require("./AbstractRenderer");
 const StoryUID_1 = require("./utils/StoryUID");
 class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {

package/dist/client/decorateStory.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = decorateStory;
 exports.decorateStory = decorateStory;
-const preview_api_1 = require("storybook/internal/preview-api");
+const preview_api_1 = require("storybook/preview-api");
 const ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
 function decorateStory(mainStoryFn, decorators) {
     const returnDecorators = [cleanArgsDecorator, ...decorators].reduce((previousStoryFn, decorator) => (context) => {

package/dist/client/decorateStory.test.js

@@ -16,7 +16,8 @@ const core_1 = require("@angular/core");
 const vitest_1 = require("vitest");
 const decorators_1 = require("./decorators");
 const decorateStory_1 = __importDefault(require("./decorateStory"));
-(0, vitest_1.describe)('decorateStory', () => {
+// TODO: Fix. Test is infinitely running.
+vitest_1.describe.skip('decorateStory', () => {
     (0, vitest_1.describe)('angular behavior', () => {
         (0, vitest_1.it)('should use componentWrapperDecorator with args', () => {
             const decorators = [

package/dist/client/decorators.test.js

@@ -37,6 +37,7 @@ const defaultContext = {
     step: undefined,
     context: undefined,
     canvas: undefined,
+    userEvent: undefined,
     mount: undefined,
 };
 defaultContext.context = defaultContext;

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

@@ -7,6 +7,6 @@ export declare const checkValidComponentOrDirective: (component: Component | Dir
 export declare const checkValidCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const findComponentByName: (name: string, compodocJson: CompodocJson) => Class | Injectable | Pipe | Directive | undefined;
 export declare const extractType: (property: Property, defaultValue: any) => SBType;
-export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes<import("@storybook/core/csf").Args>;
-export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("@storybook/core/csf").Args> | null | undefined;
+export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes<import("storybook/internal/csf").Args>;
+export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("storybook/internal/csf").Args> | null | undefined;
 export declare const extractComponentDescription: (component: Component | Directive) => string | null | undefined;

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

@@ -7,4 +7,4 @@ export declare const skipSourceRender: (context: StoryContext) => any;
  * @param storyFn Fn
  * @param context StoryContext
  */
-export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularRenderer>, context: StoryContext) => import("../types").StoryFnAngularReturnType;
+export declare const sourceDecorator: (storyFn: PartialStoryFn<AngularRenderer>, context: StoryContext) => import("..").IStory;

package/dist/client/docs/sourceDecorator.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceDecorator = exports.skipSourceRender = void 0;
 const docs_tools_1 = require("storybook/internal/docs-tools");
-const preview_api_1 = require("storybook/internal/preview-api");
+const preview_api_1 = require("storybook/preview-api");
 const renderer_1 = require("../../renderer");
 const skipSourceRender = (context) => {
     const sourceParams = context?.parameters.docs?.source;

package/dist/client/portable-stories.js

@@ -34,7 +34,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.setProjectAnnotations = setProjectAnnotations;
-const preview_api_1 = require("storybook/internal/preview-api");
+const preview_api_1 = require("storybook/preview-api");
 const INTERNAL_DEFAULT_PROJECT_ANNOTATIONS = __importStar(require("./render"));
 /**
  * Function that sets the globalConfig of your storybook. The global config is the preview module of

package/dist/server/angular-cli-webpack.js

@@ -62,9 +62,9 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
     ]);
     /** Merge baseConfig Webpack with angular-cli Webpack */
     const entry = [
+        ...(cliConfig.entry.polyfills ?? []),
         ...baseConfig.entry,
         ...(cliConfig.entry.styles ?? []),
-        ...(cliConfig.entry.polyfills ?? []),
     ];
     // Don't use storybooks styling rules because we have to use rules created by @angular-devkit/build-angular
     // because @angular-devkit/build-angular created rules have include/exclude for global style files.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "9.0.0-alpha.1",
+  "version": "9.0.0-alpha.11",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -23,18 +23,17 @@
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "node": "./dist/index.js",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
     },
     "./preset": "./preset.js",
     "./node": {
       "types": "./dist/node/index.d.ts",
-      "node": "./dist/node/index.js",
       "import": "./dist/node/index.js",
       "require": "./dist/node/index.js"
     },
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./*": "./*"
   },
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -53,13 +52,9 @@
     "prep": "rimraf dist && jiti ../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "9.0.0-alpha.1",
-    "@storybook/components": "9.0.0-alpha.1",
-    "@storybook/core-webpack": "9.0.0-alpha.1",
+    "@storybook/builder-webpack5": "9.0.0-alpha.11",
+    "@storybook/core-webpack": "9.0.0-alpha.11",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "9.0.0-alpha.1",
-    "@storybook/preview-api": "9.0.0-alpha.1",
-    "@storybook/theming": "9.0.0-alpha.1",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@types/semver": "^7.3.4",
@@ -111,8 +106,8 @@
     "@angular/platform-browser": ">=15.0.0 < 20.0.0",
     "@angular/platform-browser-dynamic": ">=15.0.0 < 20.0.0",
     "rxjs": "^6.0.0 || ^7.4.0",
-    "storybook": "^9.0.0-alpha.1",
-    "typescript": "^4.0.0 || ^5.0.0",
+    "storybook": "^9.0.0-alpha.11",
+    "typescript": "^4.9.0 || ^5.0.0",
     "zone.js": ">= 0.11.1 < 1.0.0"
   },
   "peerDependenciesMeta": {

package/template/cli/button.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
 
 import { ButtonComponent } from './button.component';
 

package/template/cli/header.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
-import { fn } from '@storybook/test';
+import { fn } from 'storybook/test';
 
 import { HeaderComponent } from './header.component';
 

package/template/cli/page.stories.ts

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/angular';
-import { expect, userEvent, within } from '@storybook/test';
+import { expect, userEvent, within } from 'storybook/test';
 
 import { PageComponent } from './page.component';