@storybook/angular 7.0.0-beta.30 → 7.0.0-beta.31

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

@@ -49,7 +49,7 @@ export declare abstract class AbstractRenderer {
      * @protected
      * @memberof AbstractRenderer
      */
-    protected generateTargetSelectorFromStoryId(): string;
+    protected generateTargetSelectorFromStoryId(id: string): string;
     protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
     private fullRendererRequired;
 }

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

@@ -69,7 +69,7 @@ class AbstractRenderer {
      * @param parameters {Parameters}
      */
     async render({ storyFnAngular, forced, parameters, component, targetDOMNode, }) {
-        const targetSelector = `${this.generateTargetSelectorFromStoryId()}`;
+        const targetSelector = this.generateTargetSelectorFromStoryId(targetDOMNode.id);
         const newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
         if (!this.fullRendererRequired({
             storyFnAngular,
@@ -106,12 +106,10 @@ class AbstractRenderer {
      * @protected
      * @memberof AbstractRenderer
      */
-    generateTargetSelectorFromStoryId() {
+    generateTargetSelectorFromStoryId(id) {
         const invalidHtmlTag = /[^A-Za-z0-9-]/g;
-        const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(this.storyId);
-        return storyIdIsInvalidHtmlTagName
-            ? `sb-${this.storyId.replace(invalidHtmlTag, '')}-component`
-            : this.storyId;
+        const storyIdIsInvalidHtmlTagName = invalidHtmlTag.test(id);
+        return storyIdIsInvalidHtmlTagName ? `sb-${id.replace(invalidHtmlTag, '')}-component` : id;
     }
     initAngularRootElement(targetDOMNode, targetSelector) {
         // Adds DOM element that angular will use as bootstrap component

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

@@ -9,6 +9,7 @@ class RendererFactory {
         this.rendererMap = new Map();
     }
     async getRendererInstance(storyId, targetDOMNode) {
+        const targetId = targetDOMNode.id;
         // do nothing if the target node is null
         // fix a problem when the docs asks 2 times the same component at the same time
         // the 1st targetDOMNode of the 1st requested rendering becomes null 🤷‍♂️
@@ -22,11 +23,11 @@ class RendererFactory {
             clearRootHTMLElement(renderType);
             this.rendererMap.clear();
         }
-        if (!this.rendererMap.has(storyId)) {
-            this.rendererMap.set(storyId, this.buildRenderer(storyId, renderType));
+        if (!this.rendererMap.has(targetId)) {
+            this.rendererMap.set(targetId, this.buildRenderer(storyId, renderType));
         }
         this.lastRenderType = renderType;
-        return this.rendererMap.get(storyId);
+        return this.rendererMap.get(targetId);
     }
     buildRenderer(storyId, renderType) {
         if (renderType === 'docs') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-beta.30",
+  "version": "7.0.0-beta.31",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -36,20 +36,20 @@
     "prep": "../../../scripts/prepare/tsc.ts"
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-beta.30",
-    "@storybook/cli": "7.0.0-beta.30",
-    "@storybook/client-logger": "7.0.0-beta.30",
-    "@storybook/core-client": "7.0.0-beta.30",
-    "@storybook/core-common": "7.0.0-beta.30",
-    "@storybook/core-events": "7.0.0-beta.30",
-    "@storybook/core-server": "7.0.0-beta.30",
-    "@storybook/core-webpack": "7.0.0-beta.30",
-    "@storybook/docs-tools": "7.0.0-beta.30",
+    "@storybook/builder-webpack5": "7.0.0-beta.31",
+    "@storybook/cli": "7.0.0-beta.31",
+    "@storybook/client-logger": "7.0.0-beta.31",
+    "@storybook/core-client": "7.0.0-beta.31",
+    "@storybook/core-common": "7.0.0-beta.31",
+    "@storybook/core-events": "7.0.0-beta.31",
+    "@storybook/core-server": "7.0.0-beta.31",
+    "@storybook/core-webpack": "7.0.0-beta.31",
+    "@storybook/docs-tools": "7.0.0-beta.31",
     "@storybook/global": "^5.0.0",
-    "@storybook/manager-api": "7.0.0-beta.30",
-    "@storybook/node-logger": "7.0.0-beta.30",
-    "@storybook/preview-api": "7.0.0-beta.30",
-    "@storybook/types": "7.0.0-beta.30",
+    "@storybook/manager-api": "7.0.0-beta.31",
+    "@storybook/node-logger": "7.0.0-beta.31",
+    "@storybook/preview-api": "7.0.0-beta.31",
+    "@storybook/types": "7.0.0-beta.31",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -123,5 +123,5 @@
   "bundler": {
     "tsConfig": "tsconfig.build.json"
   },
-  "gitHead": "633f95bec79fb65524a7bcae867448b351920831"
+  "gitHead": "6d1ea7647fce605b2029077cbd02f655cafe1807"
 }