@storybook/angular 7.6.0-alpha.3 → 7.6.0-alpha.5

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

@@ -155,6 +155,7 @@ class AbstractRenderer {
         return hasChangedModuleMetadata;
     }
 }
+exports.AbstractRenderer = AbstractRenderer;
 _a = AbstractRenderer;
 /**
  * Reset compiled components because we often want to compile the same component with
@@ -177,4 +178,3 @@ AbstractRenderer.resetCompiledComponents = async () => {
          */
     }
 };
-exports.AbstractRenderer = AbstractRenderer;

package/dist/client/angular-beta/__testfixtures__/input.component.js

@@ -16,8 +16,8 @@ var ButtonAccent;
 (function (ButtonAccent) {
     ButtonAccent["Normal"] = "Normal";
     ButtonAccent["High"] = "High";
-})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
-let InputComponent = class InputComponent {
+})(ButtonAccent || (exports.ButtonAccent = ButtonAccent = {}));
+let InputComponent = exports.InputComponent = class InputComponent {
     constructor() {
         /** Appearance style of the button. */
         this.appearance = 'secondary';
@@ -58,10 +58,9 @@ __decorate([
     (0, core_1.Output)(),
     __metadata("design:type", Object)
 ], InputComponent.prototype, "onClick", void 0);
-InputComponent = __decorate([
+exports.InputComponent = InputComponent = __decorate([
     (0, core_1.Component)({
         selector: 'doc-button',
         template: '<button>{{ label }}</button>',
     })
 ], InputComponent);
-exports.InputComponent = InputComponent;

package/dist/client/angular-beta/__testfixtures__/test.module.js

@@ -10,11 +10,10 @@ exports.WithOfficialModule = void 0;
 const common_1 = require("@angular/common");
 const http_1 = require("@angular/common/http");
 const core_1 = require("@angular/core");
-let WithOfficialModule = class WithOfficialModule {
+let WithOfficialModule = exports.WithOfficialModule = class WithOfficialModule {
 };
-WithOfficialModule = __decorate([
+exports.WithOfficialModule = WithOfficialModule = __decorate([
     (0, core_1.NgModule)({
         imports: [common_1.CommonModule, http_1.HttpClientModule],
     })
 ], WithOfficialModule);
-exports.WithOfficialModule = WithOfficialModule;

package/dist/client/angular-beta/utils/NgModulesAnalyzer.js

@@ -10,14 +10,14 @@ const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
  */
 const isComponentAlreadyDeclared = (componentToFind, moduleDeclarations, moduleImports) => {
     if (moduleDeclarations &&
-        moduleDeclarations.some((declaration) => declaration === componentToFind)) {
+        moduleDeclarations.flat().some((declaration) => declaration === componentToFind)) {
         // Found component in declarations array
         return true;
     }
     if (!moduleImports) {
         return false;
     }
-    return moduleImports.some((importItem) => {
+    return moduleImports.flat().some((importItem) => {
         const extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
         if (!extractedNgModuleMetadata) {
             // Not an NgModule

package/dist/client/angular-beta/utils/PropertyExtractor.js

@@ -88,6 +88,7 @@ class PropertyExtractor {
         }
     }
 }
+exports.PropertyExtractor = PropertyExtractor;
 _a = PropertyExtractor;
 PropertyExtractor.analyzeRestricted = (ngModule) => {
     if (ngModule === platform_browser_1.BrowserModule) {
@@ -159,4 +160,3 @@ PropertyExtractor.isDecoratorInstanceOf = (decorator, name) => {
     }
     return decorator instanceof factory || decorator.ngMetadataName === name;
 };
-exports.PropertyExtractor = PropertyExtractor;

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

@@ -20,7 +20,7 @@ var ButtonAccent;
 (function (ButtonAccent) {
     ButtonAccent["Normal"] = "Normal";
     ButtonAccent["High"] = "High";
-})(ButtonAccent = exports.ButtonAccent || (exports.ButtonAccent = {}));
+})(ButtonAccent || (exports.ButtonAccent = ButtonAccent = {}));
 /**
  * This is a simple button that demonstrates various JSDoc handling in Storybook Docs for Angular.
  *
@@ -34,7 +34,7 @@ var ButtonAccent;
  * @code `ThingThing`
  * @html <span class="badge">aaa</span>
  */
-let InputComponent = class InputComponent {
+let InputComponent = exports.InputComponent = class InputComponent {
     constructor() {
         /** Appearance style of the button. */
         this.appearance = 'secondary';
@@ -198,10 +198,9 @@ __decorate([
     __metadata("design:type", Array),
     __metadata("design:paramtypes", [Array])
 ], InputComponent.prototype, "item", null);
-InputComponent = __decorate([
+exports.InputComponent = InputComponent = __decorate([
     (0, core_1.Component)({
         selector: 'doc-button',
         template: '<button>{{ label }}</button>',
     })
 ], InputComponent);
-exports.InputComponent = InputComponent;

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

@@ -47,6 +47,9 @@ exports.getWebpackConfig = async (baseConfig, { builderOptions, builderContext }
         outputPath: 'noop-out',
         // Options provided by user
         ...builderOptions,
+        styles: builderOptions.styles
+            ?.map((style) => (typeof style === 'string' ? style : style.input))
+            .filter((style) => typeof style === 'string' || style.inject !== false),
         // Fixed options
         optimization: false,
         namedChunks: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.6.0-alpha.3",
+  "version": "7.6.0-alpha.5",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -37,20 +37,20 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.6.0-alpha.3",
-    "@storybook/cli": "7.6.0-alpha.3",
-    "@storybook/client-logger": "7.6.0-alpha.3",
-    "@storybook/core-common": "7.6.0-alpha.3",
-    "@storybook/core-events": "7.6.0-alpha.3",
-    "@storybook/core-server": "7.6.0-alpha.3",
-    "@storybook/core-webpack": "7.6.0-alpha.3",
-    "@storybook/docs-tools": "7.6.0-alpha.3",
+    "@storybook/builder-webpack5": "7.6.0-alpha.5",
+    "@storybook/cli": "7.6.0-alpha.5",
+    "@storybook/client-logger": "7.6.0-alpha.5",
+    "@storybook/core-common": "7.6.0-alpha.5",
+    "@storybook/core-events": "7.6.0-alpha.5",
+    "@storybook/core-server": "7.6.0-alpha.5",
+    "@storybook/core-webpack": "7.6.0-alpha.5",
+    "@storybook/docs-tools": "7.6.0-alpha.5",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.6.0-alpha.3",
-    "@storybook/node-logger": "7.6.0-alpha.3",
-    "@storybook/preview-api": "7.6.0-alpha.3",
-    "@storybook/telemetry": "7.6.0-alpha.3",
-    "@storybook/types": "7.6.0-alpha.3",
+    "@storybook/manager-api": "7.6.0-alpha.5",
+    "@storybook/node-logger": "7.6.0-alpha.5",
+    "@storybook/preview-api": "7.6.0-alpha.5",
+    "@storybook/telemetry": "7.6.0-alpha.5",
+    "@storybook/types": "7.6.0-alpha.5",
     "@types/node": "^18.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -81,7 +81,7 @@
     "@types/cross-spawn": "^6.0.2",
     "@types/tmp": "^0.2.3",
     "cross-spawn": "^7.0.3",
-    "jest": "^29.3.1",
+    "jest": "^29.7.0",
     "jest-preset-angular": "^13.0.1",
     "jest-specific-snapshot": "^8.0.0",
     "tmp": "^0.2.1",
@@ -90,17 +90,17 @@
     "zone.js": "^0.13.0"
   },
   "peerDependencies": {
-    "@angular-devkit/architect": ">=0.1400.0 < 0.1700.0",
-    "@angular-devkit/build-angular": ">=14.1.0 < 17.0.0",
-    "@angular-devkit/core": ">=14.1.0 < 17.0.0",
-    "@angular/cli": ">=14.1.0 < 17.0.0",
-    "@angular/common": ">=14.1.0 < 17.0.0",
-    "@angular/compiler": ">=14.1.0 < 17.0.0",
-    "@angular/compiler-cli": ">=14.1.0 < 17.0.0",
-    "@angular/core": ">=14.1.0 < 17.0.0",
-    "@angular/forms": ">=14.1.0 < 17.0.0",
-    "@angular/platform-browser": ">=14.1.0 < 17.0.0",
-    "@angular/platform-browser-dynamic": ">=14.1.0 < 17.0.0",
+    "@angular-devkit/architect": ">=0.1400.0 < 0.1800.0",
+    "@angular-devkit/build-angular": ">=14.1.0 < 18.0.0",
+    "@angular-devkit/core": ">=14.1.0 < 18.0.0",
+    "@angular/cli": ">=14.1.0 < 18.0.0",
+    "@angular/common": ">=14.1.0 < 18.0.0",
+    "@angular/compiler": ">=14.1.0 < 18.0.0",
+    "@angular/compiler-cli": ">=14.1.0 < 18.0.0",
+    "@angular/core": ">=14.1.0 < 18.0.0",
+    "@angular/forms": ">=14.1.0 < 18.0.0",
+    "@angular/platform-browser": ">=14.1.0 < 18.0.0",
+    "@angular/platform-browser-dynamic": ">=14.1.0 < 18.0.0",
     "@babel/core": "*",
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",

package/template/cli/Page.stories.ts

@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/angular';
 import { moduleMetadata } from '@storybook/angular';
-import { within, userEvent } from '@storybook/testing-library';
 import { CommonModule } from '@angular/common';
+import { within, userEvent, expect } from '@storybook/test';
 
 import Button from './button.component';
 import Header from './header.component';
@@ -38,9 +38,12 @@ export const LoggedIn: Story = {
   }),
   play: async ({ canvasElement }) => {
     const canvas = within(canvasElement);
-    const loginButton = await canvas.getByRole('button', {
-      name: /Log in/i,
-    });
+    const loginButton = canvas.getByRole('button', { name: /Log in/i });
+    await expect(loginButton).toBeInTheDocument();
     await userEvent.click(loginButton);
+    await expect(loginButton).not.toBeInTheDocument();
+
+    const logoutButton = canvas.getByRole('button', { name: /Log out/i });
+    await expect(logoutButton).toBeInTheDocument();
   },
 };