@storybook/angular 7.0.0-alpha.53 → 7.0.0-alpha.55

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

@@ -1,5 +1,5 @@
 import { Type } from '@angular/core';
-import { API_ArgTypes } from '@storybook/types';
+import { ArgTypes } from '@storybook/types';
 import { ICollection } from '../types';
 /**
  * Converts a component into a template with inputs/outputs present in initial props
@@ -14,4 +14,4 @@ export declare const computesTemplateFromComponent: (component: Type<unknown>, i
  * @param initialProps
  * @param innerTemplate
  */
-export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: API_ArgTypes) => string;
+export declare const computesTemplateSourceFromComponent: (component: Type<unknown>, initialProps?: ICollection, argTypes?: ArgTypes) => string;

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

@@ -37,9 +37,9 @@ const computesTemplateFromComponent = (component, initialProps, innerTemplate =
 };
 exports.computesTemplateFromComponent = computesTemplateFromComponent;
 const createAngularInputProperty = ({ propertyName, value, argType, }) => {
-    const { name: type = null, summary = null } = argType?.type || {};
-    let templateValue = type === 'enum' && !!summary ? `${summary}.${value}` : value;
-    const actualType = type === 'enum' && summary ? 'enum' : typeof value;
+    const { name: type = null } = (typeof argType?.type === 'object' && argType?.type) || {};
+    let templateValue = type === 'enum' && value;
+    const actualType = type === 'enum' && typeof value;
     const requiresBrackets = ['object', 'any', 'boolean', 'enum', 'number'].includes(actualType);
     if (typeof value === 'object') {
         templateValue = propertyName;

package/dist/client/angular-beta/ComputesTemplateFromComponent.test.js

@@ -335,7 +335,7 @@ describe('angular source decorator', () => {
                     type: {
                         name: 'enum',
                         required: true,
-                        summary: 'ButtonAccent',
+                        value: [],
                     },
                 },
             };
@@ -362,6 +362,7 @@ describe('angular source decorator', () => {
                     type: {
                         name: 'object',
                         required: true,
+                        value: {},
                     },
                 },
             };

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

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DocsRenderer = void 0;
-const addons_1 = require("@storybook/addons");
+const preview_api_1 = require("@storybook/preview-api");
 const core_events_1 = require("@storybook/core-events");
 const AbstractRenderer_1 = require("./AbstractRenderer");
 class DocsRenderer extends AbstractRenderer_1.AbstractRenderer {
     async render(options) {
-        const channel = addons_1.addons.getChannel();
+        const channel = preview_api_1.addons.getChannel();
         /**
          * Destroy and recreate the PlatformBrowserDynamic of angular
          * For several stories to be rendered in the same docs we should

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

@@ -261,7 +261,7 @@ describe('RendererFactory', () => {
                     .getElementById('storybook-root')
                     .appendChild(global.document.createElement('👾'));
                 expect(global.document.getElementById('storybook-root').innerHTML).toContain('Canvas 🖼');
-                const render = await rendererFactory.getRendererInstance('my-story-in-docs', rootDocstargetDOMNode);
+                await rendererFactory.getRendererInstance('my-story-in-docs', rootDocstargetDOMNode);
                 expect(global.document.getElementById('storybook-root').innerHTML).toBe('');
             });
         });

package/dist/client/decorateStory.js

@@ -1,14 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.decorateStory = void 0;
-const store_1 = require("@storybook/store");
+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) => {
         const decoratedStory = decorator((update) => {
             return previousStoryFn({
                 ...context,
-                ...(0, store_1.sanitizeStoryContextUpdate)(update),
+                ...(0, preview_api_1.sanitizeStoryContextUpdate)(update),
             });
         }, context);
         return decoratedStory;

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

@@ -1,4 +1,4 @@
-import { API_ArgTypes } from '@storybook/types';
+import { ArgTypes, SBType } from '@storybook/types';
 import { Class, CompodocJson, Component, Injectable, Method, Pipe, Property, Directive } from './types';
 export declare const isMethod: (methodOrProp: Method | Property) => methodOrProp is Method;
 export declare const setCompodocJson: (compodocJson: CompodocJson) => void;
@@ -6,13 +6,7 @@ export declare const getCompodocJson: () => CompodocJson;
 export declare const checkValidComponentOrDirective: (component: Component | Directive) => void;
 export declare const checkValidCompodocJson: (compodocJson: CompodocJson) => void;
 export declare const findComponentByName: (name: string, compodocJson: CompodocJson) => Class | Injectable | Pipe | Directive;
-export declare const extractType: (property: Property, defaultValue: any) => {
-    name: string;
-    value?: undefined;
-} | {
-    name: string;
-    value: any[];
-};
-export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => API_ArgTypes;
-export declare const extractArgTypes: (component: Component | Directive) => API_ArgTypes;
+export declare const extractType: (property: Property, defaultValue: any) => SBType;
+export declare const extractArgTypesFromData: (componentData: Class | Directive | Injectable | Pipe) => ArgTypes<import("@storybook/types").Args>;
+export declare const extractArgTypes: (component: Component | Directive) => ArgTypes<import("@storybook/types").Args>;
 export declare const extractComponentDescription: (component: Component | Directive) => string;

package/dist/client/docs/compodoc.js

@@ -121,11 +121,13 @@ const extractType = (property, defaultValue) => {
             return { name: compodocType };
         case undefined:
         case null:
-            return { name: 'void' };
+            return { name: 'other', value: 'void' };
         default: {
             const resolvedType = resolveTypealias(compodocType);
             const enumValues = extractEnumValues(resolvedType);
-            return enumValues ? { name: 'enum', value: enumValues } : { name: 'object' };
+            return enumValues
+                ? { name: 'enum', value: enumValues }
+                : { name: 'other', value: 'empty-enum' };
         }
     }
 };
@@ -201,7 +203,7 @@ const extractArgTypesFromData = (componentData) => {
             const section = mapItemToSection(key, item);
             const defaultValue = (0, exports.isMethod)(item) ? undefined : extractDefaultValue(item);
             const type = (0, exports.isMethod)(item) || (section !== 'inputs' && section !== 'properties')
-                ? { name: 'void' }
+                ? { name: 'other', value: 'void' }
                 : (0, exports.extractType)(item, defaultValue);
             const action = section === 'outputs' ? { action: item.name } : {};
             const argType = {

package/dist/client/docs/sourceDecorator.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceDecorator = exports.skipSourceRender = void 0;
-const addons_1 = require("@storybook/addons");
+const preview_api_1 = require("@storybook/preview-api");
 const docs_tools_1 = require("@storybook/docs-tools");
 const renderer_1 = require("../../renderer");
 const skipSourceRender = (context) => {
@@ -25,11 +25,11 @@ const sourceDecorator = (storyFn, context) => {
     if ((0, exports.skipSourceRender)(context)) {
         return story;
     }
-    const channel = addons_1.addons.getChannel();
+    const channel = preview_api_1.addons.getChannel();
     const { props, template, userDefinedTemplate } = story;
     const { component, argTypes } = context;
     let toEmit;
-    (0, addons_1.useEffect)(() => {
+    (0, preview_api_1.useEffect)(() => {
         if (toEmit) {
             channel.emit(docs_tools_1.SNIPPET_RENDERED, context.id, toEmit, 'angular');
         }

package/dist/client/render.d.ts

@@ -1,6 +1,6 @@
-import { Store_RenderContext, ArgsStoryFn } from '@storybook/types';
+import { RenderContext, ArgsStoryFn } from '@storybook/types';
 import { AngularRenderer } from './types';
 import { RendererFactory } from './angular-beta/RendererFactory';
 export declare const rendererFactory: RendererFactory;
 export declare const render: ArgsStoryFn<AngularRenderer>;
-export declare function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: Store_RenderContext<AngularRenderer>, element: HTMLElement): Promise<void>;
+export declare function renderToCanvas({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularRenderer>, element: HTMLElement): Promise<void>;

package/dist/server/framework-preset-angular-cli.test.js

@@ -28,10 +28,8 @@ describe('framework-preset-angular-cli', () => {
         options = {};
     });
     describe('without angular.json', () => {
-        let consoleErrorSpy;
         beforeEach(() => {
             initMockWorkspace('');
-            consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation();
         });
         it('should return webpack base config and display log error', async () => {
             const webpackBaseConfig = newWebpackConfiguration();
@@ -336,10 +334,6 @@ describe('framework-preset-angular-cli', () => {
         it('should set webpack "module.rules"', async () => {
             const baseWebpackConfig = newWebpackConfiguration();
             const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const stylePaths = [
-                path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                path_1.default.join(workspaceRoot, 'src', 'styles.scss'),
-            ];
             const expectedRules = [
                 {
                     oneOf: [
@@ -417,10 +411,6 @@ describe('framework-preset-angular-cli', () => {
         it('should set webpack "module.rules"', async () => {
             const baseWebpackConfig = newWebpackConfiguration();
             const webpackFinalConfig = await (0, framework_preset_angular_cli_1.webpackFinal)(baseWebpackConfig, options);
-            const stylePaths = [
-                path_1.default.join(workspaceRoot, 'src', 'styles.css'),
-                path_1.default.join(workspaceRoot, 'src', 'styles.scss'),
-            ];
             const expectedRules = [
                 {
                     oneOf: [
@@ -679,8 +669,8 @@ const newWebpackConfiguration = (transformer = (c) => c) => {
             modules: ['node_modules'],
             mainFields: ['browser', 'main'],
             alias: {
-                '@storybook/addons': '/Users/joe/storybook/lib/addons',
-                '@storybook/api': '/Users/joe/storybook/lib/api',
+                '@storybook/preview-api': '/Users/joe/storybook/lib/addons',
+                '@storybook/manager-api': '/Users/joe/storybook/lib/api',
                 '@storybook/channels': '/Users/joe/storybook/lib/channels',
                 '@storybook/channel-postmessage': '/Users/joe/storybook/lib/channel-postmessage',
                 '@storybook/components': '/Users/joe/storybook/ui/components',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.53",
+  "version": "7.0.0-alpha.55",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,19 +34,18 @@
     "prep": "rimraf dist && ../../../scripts/node_modules/.bin/tsc --project tsconfig.build.json && echo \"Preventing passing flags to tsc\""
   },
   "dependencies": {
-    "@storybook/addons": "7.0.0-alpha.53",
-    "@storybook/api": "7.0.0-alpha.53",
-    "@storybook/builder-webpack5": "7.0.0-alpha.53",
-    "@storybook/client-logger": "7.0.0-alpha.53",
-    "@storybook/core-client": "7.0.0-alpha.53",
-    "@storybook/core-common": "7.0.0-alpha.53",
-    "@storybook/core-events": "7.0.0-alpha.53",
-    "@storybook/core-server": "7.0.0-alpha.53",
-    "@storybook/core-webpack": "7.0.0-alpha.53",
-    "@storybook/docs-tools": "7.0.0-alpha.53",
-    "@storybook/node-logger": "7.0.0-alpha.53",
-    "@storybook/store": "7.0.0-alpha.53",
-    "@storybook/types": "7.0.0-alpha.53",
+    "@storybook/builder-webpack5": "7.0.0-alpha.55",
+    "@storybook/client-logger": "7.0.0-alpha.55",
+    "@storybook/core-client": "7.0.0-alpha.55",
+    "@storybook/core-common": "7.0.0-alpha.55",
+    "@storybook/core-events": "7.0.0-alpha.55",
+    "@storybook/core-server": "7.0.0-alpha.55",
+    "@storybook/core-webpack": "7.0.0-alpha.55",
+    "@storybook/docs-tools": "7.0.0-alpha.55",
+    "@storybook/manager-api": "7.0.0-alpha.55",
+    "@storybook/node-logger": "7.0.0-alpha.55",
+    "@storybook/preview-api": "7.0.0-alpha.55",
+    "@storybook/types": "7.0.0-alpha.55",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -59,7 +58,7 @@
     "react-dom": "^16.14.0",
     "read-pkg-up": "^7.0.1",
     "semver": "^7.3.7",
-    "telejson": "^6.0.8",
+    "telejson": "^7.0.3",
     "ts-dedent": "^2.0.0",
     "tsconfig-paths-webpack-plugin": "^3.5.2",
     "util-deprecate": "^1.0.2",
@@ -83,7 +82,7 @@
     "cross-spawn": "^7.0.3",
     "jest": "^29.3.1",
     "jest-preset-angular": "^12.0.0",
-    "jest-specific-snapshot": "^6.0.0",
+    "jest-specific-snapshot": "^7.0.0",
     "rimraf": "^3.0.2",
     "tmp": "^0.2.1",
     "typescript": "^4.9.3",
@@ -123,5 +122,5 @@
     "access": "public"
   },
   "builders": "dist/builders/builders.json",
-  "gitHead": "fd1cf81615a5ddac3369e7bb567a1a43081fdc23"
+  "gitHead": "55cd2ab63d1f897de59e2471d2f916f7d2c13546"
 }