@storybook/angular 7.0.0-alpha.54 → 7.0.0-alpha.56

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/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/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/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: [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@storybook/angular",
-  "version": "7.0.0-alpha.54",
+  "version": "7.0.0-alpha.56",
   "description": "Storybook for Angular: Develop Angular components in isolation with hot reloading.",
   "keywords": [
     "storybook",
@@ -34,18 +34,18 @@
     "prep": "rimraf dist && ../../../scripts/node_modules/.bin/tsc --project tsconfig.build.json && echo \"Preventing passing flags to tsc\""
   },
   "dependencies": {
-    "@storybook/builder-webpack5": "7.0.0-alpha.54",
-    "@storybook/client-logger": "7.0.0-alpha.54",
-    "@storybook/core-client": "7.0.0-alpha.54",
-    "@storybook/core-common": "7.0.0-alpha.54",
-    "@storybook/core-events": "7.0.0-alpha.54",
-    "@storybook/core-server": "7.0.0-alpha.54",
-    "@storybook/core-webpack": "7.0.0-alpha.54",
-    "@storybook/docs-tools": "7.0.0-alpha.54",
-    "@storybook/manager-api": "7.0.0-alpha.54",
-    "@storybook/node-logger": "7.0.0-alpha.54",
-    "@storybook/preview-api": "7.0.0-alpha.54",
-    "@storybook/types": "7.0.0-alpha.54",
+    "@storybook/builder-webpack5": "7.0.0-alpha.56",
+    "@storybook/client-logger": "7.0.0-alpha.56",
+    "@storybook/core-client": "7.0.0-alpha.56",
+    "@storybook/core-common": "7.0.0-alpha.56",
+    "@storybook/core-events": "7.0.0-alpha.56",
+    "@storybook/core-server": "7.0.0-alpha.56",
+    "@storybook/core-webpack": "7.0.0-alpha.56",
+    "@storybook/docs-tools": "7.0.0-alpha.56",
+    "@storybook/manager-api": "7.0.0-alpha.56",
+    "@storybook/node-logger": "7.0.0-alpha.56",
+    "@storybook/preview-api": "7.0.0-alpha.56",
+    "@storybook/types": "7.0.0-alpha.56",
     "@types/node": "^16.0.0",
     "@types/react": "^16.14.34",
     "@types/react-dom": "^16.9.14",
@@ -58,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",
@@ -82,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",
@@ -122,5 +122,5 @@
     "access": "public"
   },
   "builders": "dist/builders/builders.json",
-  "gitHead": "91177d4e27daec556a24ae6223c3cbe17a998d9b"
+  "gitHead": "c8e9a862bb83c4a0d6b5975e795b4ca7f7ff7bc2"
 }