@storybook/angular 6.5.0-alpha.50 → 6.5.0-alpha.53

package/dist/ts3.4/server/framework-preset-angular-docs.d.ts

@@ -1,2 +1,2 @@
 import { StorybookConfig } from '@storybook/core-common';
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.4/server/preset.d.ts

@@ -1,3 +1,3 @@
 import { StorybookConfig } from '@storybook/core-common';
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
 export declare const addons: StorybookConfig['addons'];

package/dist/ts3.9/client/docs/sourceDecorator.js

@@ -1,32 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceDecorator = exports.skipSourceRender = void 0;
 const addons_1 = require("@storybook/addons");
@@ -43,22 +15,6 @@ exports.skipSourceRender = (context) => {
     // if the user provides code
     return (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.code) || (sourceParams === null || sourceParams === void 0 ? void 0 : sourceParams.type) === docs_tools_1.SourceType.CODE;
 };
-let prettyUpInternal;
-const makePrettyUp = () => __awaiter(void 0, void 0, void 0, function* () {
-    if (prettyUpInternal) {
-        return prettyUpInternal;
-    }
-    const prettierHtml = yield Promise.resolve().then(() => __importStar(require('prettier/parser-html')));
-    const prettier = yield Promise.resolve().then(() => __importStar(require('prettier/standalone')));
-    prettyUpInternal = (source) => {
-        return prettier.format(source, {
-            parser: 'angular',
-            plugins: [prettierHtml],
-            htmlWhitespaceSensitivity: 'ignore',
-        });
-    };
-    return prettyUpInternal;
-});
 /**
  * Angular source decorator.
  * @param storyFn Fn
@@ -73,25 +29,21 @@ exports.sourceDecorator = (storyFn, context) => {
     const { props, template, userDefinedTemplate } = story;
     const { component, argTypes } = context;
     let toEmit;
-    const prettyUpPromise = makePrettyUp();
     addons_1.useEffect(() => {
-        prettyUpPromise.then((prettyUp) => {
-            if (toEmit)
-                channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, prettyUp(toEmit));
-        });
-    });
-    prettyUpPromise.then((prettyUp) => {
-        if (component && !userDefinedTemplate) {
-            const source = renderer_1.computesTemplateSourceFromComponent(component, props, argTypes);
-            // We might have a story with a Directive or Service defined as the component
-            // In these cases there might exist a template, even if we aren't able to create source from component
-            if (source || template) {
-                toEmit = prettyUp(source || template);
-            }
-        }
-        else if (template) {
-            toEmit = prettyUp(template);
+        if (toEmit) {
+            channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
         }
     });
+    if (component && !userDefinedTemplate) {
+        const source = renderer_1.computesTemplateSourceFromComponent(component, props, argTypes);
+        // We might have a story with a Directive or Service defined as the component
+        // In these cases there might exist a template, even if we aren't able to create source from component
+        if (source || template) {
+            toEmit = source || template;
+        }
+    }
+    else if (template) {
+        toEmit = template;
+    }
     return story;
 };

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

@@ -68,22 +68,11 @@ exports.createStorybookWrapperComponent = (selector, template, storyComponent, s
                 // And then forces the `detectChanges`
                 this.storyComponentViewContainerRef.injector.get(core_1.ChangeDetectorRef).markForCheck();
                 this.changeDetectorRef.detectChanges();
-                // Once target component has been initialized, the storyProps$ observable keeps target component inputs up to date
+                // Once target component has been initialized, the storyProps$ observable keeps target component properties than are not Input|Output up to date
                 this.storyComponentPropsSubscription = this.storyProps$
                     .pipe(operators_1.skip(1), operators_1.map((props) => {
-                    // removes component output in props
-                    const outputsKeyToRemove = ngComponentInputsOutputs.outputs.map((o) => o.templateName);
-                    return Object.entries(props).reduce((prev, [key, value]) => (Object.assign(Object.assign({}, prev), (!outputsKeyToRemove.includes(key) && {
-                        [key]: value,
-                    }))), {});
-                }), operators_1.map((props) => {
-                    // In case a component uses an input with `bindingPropertyName` (ex: @Input('name'))
-                    // find the value of the local propName in the component Inputs
-                    // otherwise use the input key
-                    return Object.entries(props).reduce((prev, [propKey, value]) => {
-                        const input = ngComponentInputsOutputs.inputs.find((o) => o.templateName === propKey);
-                        return Object.assign(Object.assign({}, prev), (input ? { [input.propName]: value } : { [propKey]: value }));
-                    }, {});
+                    const propsKeyToKeep = getNonInputsOutputsProps(ngComponentInputsOutputs, props);
+                    return propsKeyToKeep.reduce((acc, p) => (Object.assign(Object.assign({}, acc), { [p]: props[p] })), {});
                 }))
                     .subscribe((props) => {
                     // Replace inputs with new ones from props

package/dist/ts3.9/server/framework-preset-angular-docs.d.ts

@@ -1,2 +1,2 @@
 import { StorybookConfig } from '@storybook/core-common';
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];

package/dist/ts3.9/server/framework-preset-angular-docs.js

@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.config = void 0;
+exports.previewAnnotations = void 0;
 const path_1 = __importDefault(require("path"));
 const docs_tools_1 = require("@storybook/docs-tools");
-exports.config = (entry = [], options) => {
+exports.previewAnnotations = (entry = [], options) => {
     if (!docs_tools_1.hasDocsOrControls(options))
         return entry;
     return [...entry, path_1.default.join(__dirname, '../../../dist/ts3.9/client/docs/config')];

package/dist/ts3.9/server/preset.d.ts

@@ -1,3 +1,3 @@
 import type { StorybookConfig } from '@storybook/core-common';
-export declare const config: StorybookConfig['config'];
+export declare const previewAnnotations: StorybookConfig['previewAnnotations'];
 export declare const addons: StorybookConfig['addons'];

package/dist/ts3.9/server/preset.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addons = exports.config = void 0;
-exports.config = (entries = []) => [
+exports.addons = exports.previewAnnotations = void 0;
+exports.previewAnnotations = (entries = []) => [
     ...entries,
     require.resolve('../client/preview/config'),
 ];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "6.5.0-alpha.50",
+  "version": "6.5.0-alpha.53",
   "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.0-alpha.50",
-    "@storybook/api": "6.5.0-alpha.50",
-    "@storybook/client-logger": "6.5.0-alpha.50",
-    "@storybook/core": "6.5.0-alpha.50",
-    "@storybook/core-common": "6.5.0-alpha.50",
-    "@storybook/core-events": "6.5.0-alpha.50",
+    "@storybook/addons": "6.5.0-alpha.53",
+    "@storybook/api": "6.5.0-alpha.53",
+    "@storybook/client-logger": "6.5.0-alpha.53",
+    "@storybook/core": "6.5.0-alpha.53",
+    "@storybook/core-common": "6.5.0-alpha.53",
+    "@storybook/core-events": "6.5.0-alpha.53",
     "@storybook/csf": "0.0.2--canary.507502b.0",
-    "@storybook/docs-tools": "6.5.0-alpha.50",
-    "@storybook/node-logger": "6.5.0-alpha.50",
+    "@storybook/docs-tools": "6.5.0-alpha.53",
+    "@storybook/node-logger": "6.5.0-alpha.53",
     "@storybook/semver": "^7.3.2",
-    "@storybook/store": "6.5.0-alpha.50",
+    "@storybook/store": "6.5.0-alpha.53",
     "@types/node": "^14.14.20 || ^16.0.0",
     "@types/react": "^16.14.23",
     "@types/react-dom": "^16.9.14",
@@ -69,7 +69,6 @@
     "p-limit": "^3.1.0",
     "postcss": "^7.0.36",
     "postcss-loader": "^4.2.0",
-    "prettier": ">=2.2.1 <=2.3.0",
     "raw-loader": "^4.0.2",
     "react": "^16.14.0",
     "react-dom": "^16.14.0",
@@ -81,7 +80,7 @@
     "ts-loader": "^8.0.14",
     "tsconfig-paths-webpack-plugin": "^3.3.0",
     "util-deprecate": "^1.0.2",
-    "webpack": "4"
+    "webpack": ">=4.0.0 <6.0.0"
   },
   "devDependencies": {
     "@angular-devkit/architect": "~0.1102.0",
@@ -102,7 +101,8 @@
     "jest": "^26.6.3",
     "jest-preset-angular": "^8.3.2",
     "jest-specific-snapshot": "^4.0.0",
-    "tmp": "^0.2.1"
+    "tmp": "^0.2.1",
+    "webpack": "4"
   },
   "peerDependencies": {
     "@angular-devkit/architect": ">=0.8.9",
@@ -137,5 +137,5 @@
     "access": "public"
   },
   "builders": "dist/ts3.9/builders/builders.json",
-  "gitHead": "6cf4571e5a1200613de94aa066fe93f75aec6ad1"
+  "gitHead": "652768b3ff83a355651d5636ccc4d78bee2cdbf9"
 }