@storybook/angular 6.5.7 → 6.5.9-alpha.0

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

@@ -15,6 +15,7 @@ export declare type ComponentInputsOutputs = {
 export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
 export declare const isDeclarable: (component: any) => boolean;
 export declare const isComponent: (component: any) => component is Type<unknown>;
+export declare const isStandaloneComponent: (component: any) => component is Type<unknown>;
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator

package/dist/ts3.9/client/preview/angular-beta/StorybookModule.js

@@ -45,16 +45,22 @@ exports.getStorybookModuleMetadata = ({ storyFnAngular, component: annotatedComp
      * Create a component that wraps generated template and gives it props
      */
     const ComponentToInject = StorybookWrapperComponent_1.createStorybookWrapperComponent(targetSelector, template, component, styles, props);
+    const isStandalone = NgComponentAnalyzer_1.isStandaloneComponent(component);
     // Look recursively (deep) if the component is not already declared by an import module
     const requiresComponentDeclaration = NgComponentAnalyzer_1.isDeclarable(component) &&
-        !NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules(component, moduleMetadata.declarations, moduleMetadata.imports);
+        !NgModulesAnalyzer_1.isComponentAlreadyDeclaredInModules(component, moduleMetadata.declarations, moduleMetadata.imports) &&
+        !isStandalone;
     return {
         declarations: [
             ...(requiresComponentDeclaration ? [component] : []),
             ComponentToInject,
             ...((_a = moduleMetadata.declarations) !== null && _a !== void 0 ? _a : []),
         ],
-        imports: [platform_browser_1.BrowserModule, ...((_b = moduleMetadata.imports) !== null && _b !== void 0 ? _b : [])],
+        imports: [
+            platform_browser_1.BrowserModule,
+            ...(isStandalone ? [component] : []),
+            ...((_b = moduleMetadata.imports) !== null && _b !== void 0 ? _b : []),
+        ],
         providers: [StorybookProvider_1.storyPropsProvider(storyProps$), ...((_c = moduleMetadata.providers) !== null && _c !== void 0 ? _c : [])],
         entryComponents: [...((_d = moduleMetadata.entryComponents) !== null && _d !== void 0 ? _d : [])],
         schemas: [...((_e = moduleMetadata.schemas) !== null && _e !== void 0 ? _e : [])],

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

@@ -15,6 +15,7 @@ export declare type ComponentInputsOutputs = {
 export declare const getComponentInputsOutputs: (component: any) => ComponentInputsOutputs;
 export declare const isDeclarable: (component: any) => boolean;
 export declare const isComponent: (component: any) => component is Type<unknown>;
+export declare const isStandaloneComponent: (component: any) => component is Type<unknown>;
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator

package/dist/ts3.9/client/preview/angular-beta/utils/NgComponentAnalyzer.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
+exports.getComponentDecoratorMetadata = exports.getComponentPropsDecoratorMetadata = exports.isStandaloneComponent = exports.isComponent = exports.isDeclarable = exports.getComponentInputsOutputs = void 0;
 const core_1 = require("@angular/core");
 const reflectionCapabilities = new core_1.ɵReflectionCapabilities();
 /**
@@ -61,6 +61,15 @@ exports.isComponent = (component) => {
     const decorators = reflectionCapabilities.annotations(component);
     return (decorators || []).some((d) => d instanceof core_1.Component);
 };
+exports.isStandaloneComponent = (component) => {
+    if (!component) {
+        return false;
+    }
+    const decorators = reflectionCapabilities.annotations(component);
+    // TODO: `standalone` is only available in Angular v14. Remove cast to `any` once
+    // Angular deps are updated to v14.x.x.
+    return (decorators || []).some((d) => d instanceof core_1.Component && d.standalone);
+};
 /**
  * Returns all component decorator properties
  * is used to get all `@Input` and `@Output` Decorator

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.5.7",
+  "version": "6.5.9-alpha.0",
   "description": "Storybook for Angular: Develop Angular Components in isolation with Hot Reloading.",
   "keywords": [
     "storybook"
@@ -45,17 +45,17 @@
     "prepare": "node ../../scripts/prepare.js"
   },
   "dependencies": {
-    "@storybook/addons": "6.5.7",
-    "@storybook/api": "6.5.7",
-    "@storybook/client-logger": "6.5.7",
-    "@storybook/core": "6.5.7",
-    "@storybook/core-common": "6.5.7",
-    "@storybook/core-events": "6.5.7",
+    "@storybook/addons": "6.5.9-alpha.0",
+    "@storybook/api": "6.5.9-alpha.0",
+    "@storybook/client-logger": "6.5.9-alpha.0",
+    "@storybook/core": "6.5.9-alpha.0",
+    "@storybook/core-common": "6.5.9-alpha.0",
+    "@storybook/core-events": "6.5.9-alpha.0",
     "@storybook/csf": "0.0.2--canary.4566f4d.1",
-    "@storybook/docs-tools": "6.5.7",
-    "@storybook/node-logger": "6.5.7",
+    "@storybook/docs-tools": "6.5.9-alpha.0",
+    "@storybook/node-logger": "6.5.9-alpha.0",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.5.7",
+    "@storybook/store": "6.5.9-alpha.0",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -137,5 +137,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "7e19d3e734efa14e7cffba146295ca0d3467a8c6"
+  "gitHead": "561ef6e64c97d1c2457c4ebd807a82eca60a84f5"
 }