@storybook/angular 6.4.0-alpha.32 → 6.4.0-alpha.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (68) hide show
  1. package/dist/ts3.4/builders/build-storybook/index.d.ts +2 -1
  2. package/dist/ts3.4/builders/start-storybook/index.d.ts +2 -1
  3. package/dist/ts3.4/client/preview/angular/helpers.d.ts +3 -3
  4. package/dist/ts3.4/client/preview/angular-beta/AbstractRenderer.d.ts +3 -1
  5. package/dist/ts3.4/client/preview/angular-beta/CanvasRenderer.d.ts +1 -0
  6. package/dist/ts3.4/client/preview/angular-beta/DocsRenderer.d.ts +1 -0
  7. package/dist/ts3.4/client/preview/angular-beta/ElementRendererService.d.ts +2 -1
  8. package/dist/ts3.4/client/preview/angular-beta/RendererService.d.ts +3 -2
  9. package/dist/ts3.4/client/preview/angular-beta/StorybookModule.d.ts +2 -3
  10. package/dist/ts3.4/client/preview/config.d.ts +4 -0
  11. package/dist/ts3.4/client/preview/decorateStory.d.ts +3 -3
  12. package/dist/ts3.4/client/preview/decorators.d.ts +5 -4
  13. package/dist/ts3.4/client/preview/index.d.ts +3 -2
  14. package/dist/ts3.4/client/preview/render.d.ts +5 -11
  15. package/dist/ts3.4/client/preview/types-6-0.d.ts +9 -8
  16. package/dist/ts3.4/client/preview/types.d.ts +1 -1
  17. package/dist/ts3.4/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +1 -0
  18. package/dist/ts3.4/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +1 -0
  19. package/dist/ts3.4/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +1 -0
  20. package/dist/ts3.4/server/framework-preset-angular-cli.d.ts +1 -0
  21. package/dist/ts3.9/builders/build-storybook/index.d.ts +2 -1
  22. package/dist/ts3.9/builders/build-storybook/index.js +33 -15
  23. package/dist/ts3.9/builders/build-storybook/schema.json +14 -2
  24. package/dist/ts3.9/builders/start-storybook/index.d.ts +2 -1
  25. package/dist/ts3.9/builders/start-storybook/index.js +33 -15
  26. package/dist/ts3.9/builders/start-storybook/schema.json +14 -2
  27. package/dist/ts3.9/client/preview/angular/helpers.d.ts +3 -3
  28. package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.d.ts +3 -1
  29. package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.js +3 -2
  30. package/dist/ts3.9/client/preview/angular-beta/CanvasRenderer.d.ts +1 -0
  31. package/dist/ts3.9/client/preview/angular-beta/DocsRenderer.d.ts +1 -0
  32. package/dist/ts3.9/client/preview/angular-beta/ElementRendererService.d.ts +2 -1
  33. package/dist/ts3.9/client/preview/angular-beta/ElementRendererService.js +2 -2
  34. package/dist/ts3.9/client/preview/angular-beta/RendererService.d.ts +3 -2
  35. package/dist/ts3.9/client/preview/angular-beta/RendererService.js +3 -3
  36. package/dist/ts3.9/client/preview/angular-beta/StorybookModule.d.ts +2 -3
  37. package/dist/ts3.9/client/preview/angular-beta/StorybookModule.js +2 -2
  38. package/dist/ts3.9/client/preview/config.d.ts +4 -0
  39. package/dist/ts3.9/client/preview/config.js +7 -0
  40. package/dist/ts3.9/client/preview/decorateStory.d.ts +3 -3
  41. package/dist/ts3.9/client/preview/decorateStory.js +4 -26
  42. package/dist/ts3.9/client/preview/decorators.d.ts +5 -4
  43. package/dist/ts3.9/client/preview/index.d.ts +3 -2
  44. package/dist/ts3.9/client/preview/index.js +3 -5
  45. package/dist/ts3.9/client/preview/render.d.ts +5 -11
  46. package/dist/ts3.9/client/preview/render.js +10 -9
  47. package/dist/ts3.9/client/preview/types-6-0.d.ts +9 -8
  48. package/dist/ts3.9/client/preview/types.d.ts +1 -1
  49. package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/angular.json +28 -0
  50. package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.d.ts +1 -0
  51. package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/src/main.js +5 -0
  52. package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/projects/pattern-lib/tsconfig.lib.json +25 -0
  53. package/dist/ts3.9/server/__mocks-ng-workspace__/with-lib/tsconfig.json +13 -0
  54. package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.d.ts +1 -0
  55. package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/src/main.js +5 -0
  56. package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/projects/pattern-lib/tsconfig.lib.json +25 -0
  57. package/dist/ts3.9/server/__mocks-ng-workspace__/without-projects-entry/tsconfig.json +13 -0
  58. package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/angular.json +16 -0
  59. package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.d.ts +1 -0
  60. package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/main.js +5 -0
  61. package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/src/tsconfig.app.json +9 -0
  62. package/dist/ts3.9/server/__mocks-ng-workspace__/without-tsConfig/tsconfig.json +13 -0
  63. package/dist/ts3.9/server/angular-devkit-build-webpack.js +2 -2
  64. package/dist/ts3.9/server/framework-preset-angular-cli.d.ts +1 -0
  65. package/dist/ts3.9/server/framework-preset-angular-cli.js +20 -11
  66. package/package.json +11 -9
  67. package/preset.js +7 -0
  68. package/standalone.d.ts +2 -1
@@ -1,8 +1,8 @@
1
- import { StoryFn } from '@storybook/addons';
2
- import { StoryFnAngularReturnType } from '../types';
1
+ import { PartialStoryFn } from '@storybook/csf';
2
+ import { AngularFramework } from '../types-6-0';
3
3
  declare global {
4
4
  interface Window {
5
5
  NODE_ENV: 'string' | 'development' | undefined;
6
6
  }
7
7
  }
8
- export declare const renderNgApp: (storyFn: StoryFn<StoryFnAngularReturnType>, forced: boolean) => void;
8
+ export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;
@@ -28,11 +28,13 @@ export declare abstract class AbstractRenderer {
28
28
  * @param forced {boolean} If :
29
29
  * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
30
30
  * - false fully recharges or initializes angular module & component
31
+ * @param component {Component}
31
32
  * @param parameters {Parameters}
32
33
  */
33
- render({ storyFnAngular, forced, parameters, targetDOMNode, }: {
34
+ render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
34
35
  storyFnAngular: StoryFnAngularReturnType;
35
36
  forced: boolean;
37
+ component?: any;
36
38
  parameters: Parameters;
37
39
  targetDOMNode: HTMLElement;
38
40
  }): Promise<void>;
@@ -114,11 +114,12 @@ var AbstractRenderer = /** @class */ (function () {
114
114
  * @param forced {boolean} If :
115
115
  * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
116
116
  * - false fully recharges or initializes angular module & component
117
+ * @param component {Component}
117
118
  * @param parameters {Parameters}
118
119
  */
119
120
  AbstractRenderer.prototype.render = function (_a) {
120
121
  var _b;
121
- var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, targetDOMNode = _a.targetDOMNode;
122
+ var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters, component = _a.component, targetDOMNode = _a.targetDOMNode;
122
123
  return __awaiter(this, void 0, void 0, function () {
123
124
  var targetSelector, newStoryProps$, moduleMetadata;
124
125
  return __generator(this, function (_c) {
@@ -126,7 +127,7 @@ var AbstractRenderer = /** @class */ (function () {
126
127
  case 0:
127
128
  targetSelector = "" + this.storyId;
128
129
  newStoryProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
129
- moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: targetSelector }, newStoryProps$);
130
+ moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: targetSelector }, newStoryProps$);
130
131
  if (!this.fullRendererRequired({
131
132
  storyFnAngular: storyFnAngular,
132
133
  moduleMetadata: moduleMetadata,
@@ -6,6 +6,7 @@ export declare class CanvasRenderer extends AbstractRenderer {
6
6
  storyFnAngular: StoryFnAngularReturnType;
7
7
  forced: boolean;
8
8
  parameters: Parameters;
9
+ component: any;
9
10
  targetDOMNode: HTMLElement;
10
11
  }): Promise<void>;
11
12
  beforeFullRender(): Promise<void>;
@@ -5,6 +5,7 @@ export declare class DocsRenderer extends AbstractRenderer {
5
5
  render(options: {
6
6
  storyFnAngular: StoryFnAngularReturnType;
7
7
  forced: boolean;
8
+ component: any;
8
9
  parameters: Parameters;
9
10
  targetDOMNode: HTMLElement;
10
11
  }): Promise<void>;
@@ -10,8 +10,9 @@ export declare class ElementRendererService {
10
10
  /**
11
11
  * Returns a custom element generated by Angular elements
12
12
  */
13
- renderAngularElement({ storyFnAngular, parameters, }: {
13
+ renderAngularElement({ storyFnAngular, parameters, component, }: {
14
14
  storyFnAngular: StoryFnAngularReturnType;
15
15
  parameters: Parameters;
16
+ component: any;
16
17
  }): Promise<CustomElementConstructor>;
17
18
  }
@@ -81,11 +81,11 @@ var ElementRendererService = /** @class */ (function () {
81
81
  */
82
82
  ElementRendererService.prototype.renderAngularElement = function (_a) {
83
83
  var _b;
84
- var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters;
84
+ var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters, component = _a.component;
85
85
  return __awaiter(this, void 0, void 0, function () {
86
86
  var ngModule;
87
87
  return __generator(this, function (_c) {
88
- ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: RendererService_1.RendererService.SELECTOR_STORYBOOK_WRAPPER }, new rxjs_1.BehaviorSubject(storyFnAngular.props));
88
+ ngModule = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService_1.RendererService.SELECTOR_STORYBOOK_WRAPPER }, new rxjs_1.BehaviorSubject(storyFnAngular.props));
89
89
  return [2 /*return*/, this.rendererService
90
90
  .newPlatformBrowserDynamic()
91
91
  .bootstrapModule(createElementsModule(ngModule), (_b = parameters.bootstrapModuleOptions) !== null && _b !== void 0 ? _b : undefined)
@@ -21,11 +21,12 @@ export declare class RendererService {
21
21
  * @param forced {boolean} If :
22
22
  * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
23
23
  * - false fully recharges or initializes angular module & component
24
- * @param parameters {Parameters}
24
+ * @param component {Parameters}
25
25
  */
26
- render({ storyFnAngular, forced, parameters, }: {
26
+ render({ storyFnAngular, forced, component, parameters, }: {
27
27
  storyFnAngular: StoryFnAngularReturnType;
28
28
  forced: boolean;
29
+ component?: any;
29
30
  parameters: Parameters;
30
31
  }): Promise<void>;
31
32
  newPlatformBrowserDynamic(): PlatformRef;
@@ -74,18 +74,18 @@ var RendererService = /** @class */ (function () {
74
74
  * @param forced {boolean} If :
75
75
  * - true render will only use the StoryFn `props' in storyProps observable that will update sotry's component/template properties. Improves performance without reloading the whole module&component if props changes
76
76
  * - false fully recharges or initializes angular module & component
77
- * @param parameters {Parameters}
77
+ * @param component {Parameters}
78
78
  */
79
79
  RendererService.prototype.render = function (_a) {
80
80
  var _b;
81
- var storyFnAngular = _a.storyFnAngular, forced = _a.forced, parameters = _a.parameters;
81
+ var storyFnAngular = _a.storyFnAngular, forced = _a.forced, component = _a.component, parameters = _a.parameters;
82
82
  return __awaiter(this, void 0, void 0, function () {
83
83
  var storyProps$, moduleMetadata, resetCompiledComponents;
84
84
  return __generator(this, function (_c) {
85
85
  switch (_c.label) {
86
86
  case 0:
87
87
  storyProps$ = new rxjs_1.BehaviorSubject(storyFnAngular.props);
88
- moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, parameters: parameters, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER }, storyProps$);
88
+ moduleMetadata = StorybookModule_1.getStorybookModuleMetadata({ storyFnAngular: storyFnAngular, component: component, targetSelector: RendererService.SELECTOR_STORYBOOK_WRAPPER }, storyProps$);
89
89
  if (!this.fullRendererRequired({
90
90
  storyFnAngular: storyFnAngular,
91
91
  moduleMetadata: moduleMetadata,
@@ -1,10 +1,9 @@
1
1
  import { NgModule, Type } from '@angular/core';
2
2
  import { Subject } from 'rxjs';
3
3
  import { ICollection, StoryFnAngularReturnType } from '../types';
4
- import { Parameters } from '../types-6-0';
5
- export declare const getStorybookModuleMetadata: ({ storyFnAngular, parameters, targetSelector, }: {
4
+ export declare const getStorybookModuleMetadata: ({ storyFnAngular, component: annotatedComponent, targetSelector, }: {
6
5
  storyFnAngular: StoryFnAngularReturnType;
7
- parameters: Parameters;
6
+ component?: any;
8
7
  targetSelector: string;
9
8
  }, storyProps$: Subject<ICollection>) => NgModule;
10
9
  export declare const createStorybookModule: (ngModule: NgModule) => Type<unknown>;
@@ -33,13 +33,13 @@ var ComputesTemplateFromComponent_1 = require("./ComputesTemplateFromComponent")
33
33
  var deprecatedStoryComponentWarning = util_deprecate_1.default(function () { }, ts_dedent_1.default(templateObject_1 || (templateObject_1 = __makeTemplateObject(["`component` story return value is deprecated, and will be removed in Storybook 7.0.\n Instead, use `export const default = () => ({ component: AppComponent });`\n or\n ```\n export const Primary: Story = () => ({});\n Primary.parameters = { component: AppComponent };\n ```\n Read more at \n - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n - https://storybook.js.org/docs/angular/writing-stories/parameters\n "], ["\\`component\\` story return value is deprecated, and will be removed in Storybook 7.0.\n Instead, use \\`export const default = () => ({ component: AppComponent });\\`\n or\n \\`\\`\\`\n export const Primary: Story = () => ({});\n Primary.parameters = { component: AppComponent };\n \\`\\`\\`\n Read more at \n - https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-angular-story-component).\n - https://storybook.js.org/docs/angular/writing-stories/parameters\n "]))));
34
34
  exports.getStorybookModuleMetadata = function (_a, storyProps$) {
35
35
  var _b, _c, _d, _e, _f;
36
- var storyFnAngular = _a.storyFnAngular, parameters = _a.parameters, targetSelector = _a.targetSelector;
36
+ var storyFnAngular = _a.storyFnAngular, annotatedComponent = _a.component, targetSelector = _a.targetSelector;
37
37
  var storyComponent = storyFnAngular.component, props = storyFnAngular.props, styles = storyFnAngular.styles, _g = storyFnAngular.moduleMetadata, moduleMetadata = _g === void 0 ? {} : _g;
38
38
  var template = storyFnAngular.template;
39
39
  if (storyComponent) {
40
40
  deprecatedStoryComponentWarning();
41
41
  }
42
- var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : parameters.component;
42
+ var component = storyComponent !== null && storyComponent !== void 0 ? storyComponent : annotatedComponent;
43
43
  if (hasNoTemplate(template) && component) {
44
44
  template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, props, '');
45
45
  }
@@ -0,0 +1,4 @@
1
+ export { render, renderToDOM } from './render';
2
+ export declare const parameters: {
3
+ framework: string;
4
+ };
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.parameters = void 0;
4
+ var render_1 = require("./render");
5
+ Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });
6
+ Object.defineProperty(exports, "renderToDOM", { enumerable: true, get: function () { return render_1.renderToDOM; } });
7
+ exports.parameters = { framework: 'angular' };
@@ -1,3 +1,3 @@
1
- import { DecoratorFunction, StoryFn } from '@storybook/addons';
2
- import { StoryFnAngularReturnType } from './types';
3
- export default function decorateStory(mainStoryFn: StoryFn<StoryFnAngularReturnType>, decorators: DecoratorFunction<StoryFnAngularReturnType>[]): StoryFn<StoryFnAngularReturnType>;
1
+ import { DecoratorFunction, LegacyStoryFn } from '@storybook/csf';
2
+ import { AngularFramework } from './types-6-0';
3
+ export default function decorateStory(mainStoryFn: LegacyStoryFn<AngularFramework>, decorators: DecoratorFunction<AngularFramework>[]): LegacyStoryFn<AngularFramework>;
@@ -10,17 +10,6 @@ var __assign = (this && this.__assign) || function () {
10
10
  };
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
- var __rest = (this && this.__rest) || function (s, e) {
14
- var t = {};
15
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
16
- t[p] = s[p];
17
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
18
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
19
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
20
- t[p[i]] = s[p[i]];
21
- }
22
- return t;
23
- };
24
13
  var __spreadArrays = (this && this.__spreadArrays) || function () {
25
14
  for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
26
15
  for (var r = Array(s), k = 0, i = 0; i < il; i++)
@@ -29,23 +18,12 @@ var __spreadArrays = (this && this.__spreadArrays) || function () {
29
18
  return r;
30
19
  };
31
20
  Object.defineProperty(exports, "__esModule", { value: true });
21
+ var store_1 = require("@storybook/store");
32
22
  var ComputesTemplateFromComponent_1 = require("./angular-beta/ComputesTemplateFromComponent");
33
- var defaultContext = {
34
- id: 'unspecified',
35
- name: 'unspecified',
36
- kind: 'unspecified',
37
- parameters: {},
38
- args: {},
39
- argTypes: {},
40
- globals: {},
41
- };
42
23
  function decorateStory(mainStoryFn, decorators) {
43
24
  var returnDecorators = __spreadArrays([cleanArgsDecorator], decorators).reduce(function (previousStoryFn, decorator) { return function (context) {
44
- if (context === void 0) { context = defaultContext; }
45
- var decoratedStory = decorator(function (_a) {
46
- if (_a === void 0) { _a = {}; }
47
- var parameters = _a.parameters, innerContext = __rest(_a, ["parameters"]);
48
- return previousStoryFn(__assign(__assign({}, context), innerContext));
25
+ var decoratedStory = decorator(function (update) {
26
+ return previousStoryFn(__assign(__assign({}, context), store_1.sanitizeStoryContextUpdate(update)));
49
27
  }, context);
50
28
  return decoratedStory;
51
29
  }; }, function (context) { return prepareMain(mainStoryFn(context), context); });
@@ -55,7 +33,7 @@ exports.default = decorateStory;
55
33
  var prepareMain = function (story, context) {
56
34
  var _a;
57
35
  var template = story.template;
58
- var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.parameters.component;
36
+ var component = (_a = story.component) !== null && _a !== void 0 ? _a : context.component;
59
37
  var userDefinedTemplate = !hasNoTemplate(template);
60
38
  if (!userDefinedTemplate && component) {
61
39
  template = ComputesTemplateFromComponent_1.computesTemplateFromComponent(component, story.props, '');
@@ -1,5 +1,6 @@
1
1
  import { Type } from '@angular/core';
2
- import { DecoratorFunction, StoryContext } from '@storybook/addons';
3
- import { ICollection, NgModuleMetadata, StoryFnAngularReturnType } from './types';
4
- export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<StoryFnAngularReturnType>;
5
- export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext) => ICollection)) => DecoratorFunction<StoryFnAngularReturnType>;
2
+ import { DecoratorFunction, StoryContext } from '@storybook/csf';
3
+ import { ICollection, NgModuleMetadata } from './types';
4
+ import { AngularFramework } from './types-6-0';
5
+ export declare const moduleMetadata: (metadata: Partial<NgModuleMetadata>) => DecoratorFunction<AngularFramework>;
6
+ export declare const componentWrapperDecorator: (element: Type<unknown> | ((story: string) => string), props?: ICollection | ((storyContext: StoryContext<AngularFramework>) => ICollection)) => DecoratorFunction<AngularFramework>;
@@ -2,8 +2,9 @@
2
2
  /// <reference types="node" />
3
3
  import { ClientStoryApi, Loadable } from '@storybook/addons';
4
4
  import './globals';
5
- import { IStorybookSection, StoryFnAngularReturnType } from './types';
6
- interface ClientApi extends ClientStoryApi<StoryFnAngularReturnType> {
5
+ import { IStorybookSection } from './types';
6
+ import { AngularFramework } from './types-6-0';
7
+ interface ClientApi extends ClientStoryApi<AngularFramework['storyResult']> {
7
8
  setAddon(addon: any): void;
8
9
  configure(loader: Loadable, module: NodeModule): void;
9
10
  getStorybook(): IStorybookSection[];
@@ -12,13 +12,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
12
12
  Object.defineProperty(exports, "__esModule", { value: true });
13
13
  exports.raw = exports.getStorybook = exports.forceReRender = exports.setAddon = exports.clearDecorators = exports.addParameters = exports.addDecorator = exports.configure = exports.storiesOf = void 0;
14
14
  var client_1 = require("@storybook/core/client");
15
- var decorateStory_1 = __importDefault(require("./decorateStory"));
16
15
  require("./globals");
17
- var render_1 = __importDefault(require("./render"));
16
+ var render_1 = require("./render");
17
+ var decorateStory_1 = __importDefault(require("./decorateStory"));
18
18
  var framework = 'angular';
19
- var globalRender = function (props) { return ({ props: props }); };
20
- var api = client_1.start(render_1.default, { decorateStory: decorateStory_1.default });
21
- api.clientApi.globalRender = globalRender;
19
+ var api = client_1.start(render_1.renderToDOM, { decorateStory: decorateStory_1.default, render: render_1.render });
22
20
  exports.storiesOf = function (kind, m) {
23
21
  return api.clientApi.storiesOf(kind, m).addParameters({
24
22
  framework: framework,
@@ -1,13 +1,7 @@
1
- import { StoryFn } from '@storybook/addons';
2
- import { StoryFnAngularReturnType } from './types';
3
- import { Parameters } from './types-6-0';
1
+ import { RenderContext } from '@storybook/store';
2
+ import { ArgsStoryFn } from '@storybook/csf';
3
+ import { AngularFramework } from './types-6-0';
4
4
  import { RendererFactory } from './angular-beta/RendererFactory';
5
5
  export declare const rendererFactory: RendererFactory;
6
- export default function renderMain({ storyFn, showMain, forceRender, parameters, targetDOMNode, id, }: {
7
- storyFn: StoryFn<StoryFnAngularReturnType>;
8
- showMain: () => void;
9
- forceRender: boolean;
10
- parameters: Parameters;
11
- targetDOMNode: HTMLElement;
12
- id: string;
13
- }): Promise<void>;
6
+ export declare const render: ArgsStoryFn<AngularFramework>;
7
+ export declare function renderToDOM({ storyFn, showMain, forceRemount, storyContext: { parameters, component }, id, }: RenderContext<AngularFramework>, element: HTMLElement): Promise<void>;
@@ -36,13 +36,13 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
36
36
  }
37
37
  };
38
38
  Object.defineProperty(exports, "__esModule", { value: true });
39
- exports.rendererFactory = void 0;
39
+ exports.renderToDOM = exports.render = exports.rendererFactory = void 0;
40
40
  var helpers_1 = require("./angular/helpers");
41
41
  var RendererFactory_1 = require("./angular-beta/RendererFactory");
42
- var rootElement = global.document.getElementById('root');
43
42
  exports.rendererFactory = new RendererFactory_1.RendererFactory();
44
- function renderMain(_a) {
45
- var storyFn = _a.storyFn, showMain = _a.showMain, forceRender = _a.forceRender, parameters = _a.parameters, _b = _a.targetDOMNode, targetDOMNode = _b === void 0 ? rootElement : _b, id = _a.id;
43
+ exports.render = function (props) { return ({ props: props }); };
44
+ function renderToDOM(_a, element) {
45
+ var storyFn = _a.storyFn, showMain = _a.showMain, forceRemount = _a.forceRemount, _b = _a.storyContext, parameters = _b.parameters, component = _b.component, id = _a.id;
46
46
  return __awaiter(this, void 0, void 0, function () {
47
47
  var renderer;
48
48
  return __generator(this, function (_c) {
@@ -50,17 +50,18 @@ function renderMain(_a) {
50
50
  case 0:
51
51
  showMain();
52
52
  if (parameters.angularLegacyRendering) {
53
- helpers_1.renderNgApp(storyFn, forceRender);
53
+ helpers_1.renderNgApp(storyFn, !forceRemount);
54
54
  return [2 /*return*/];
55
55
  }
56
- return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, targetDOMNode)];
56
+ return [4 /*yield*/, exports.rendererFactory.getRendererInstance(id, element)];
57
57
  case 1:
58
58
  renderer = _c.sent();
59
59
  return [4 /*yield*/, renderer.render({
60
60
  storyFnAngular: storyFn(),
61
+ component: component,
61
62
  parameters: parameters,
62
- forced: forceRender,
63
- targetDOMNode: targetDOMNode,
63
+ forced: !forceRemount,
64
+ targetDOMNode: element,
64
65
  })];
65
66
  case 2:
66
67
  _c.sent();
@@ -69,4 +70,4 @@ function renderMain(_a) {
69
70
  });
70
71
  });
71
72
  }
72
- exports.default = renderMain;
73
+ exports.renderToDOM = renderToDOM;
@@ -1,26 +1,27 @@
1
- import { Args as DefaultArgs, Annotations, BaseMeta, BaseStory, Parameters as DefaultParameters, StoryContext as DefaultStoryContext } from '@storybook/addons';
1
+ import { Args, Parameters as DefaultParameters, StoryContext as DefaultStoryContext, ComponentAnnotations, StoryAnnotationsOrFn } from '@storybook/csf';
2
2
  import { StoryFnAngularReturnType } from './types';
3
- export type { Args, ArgTypes } from '@storybook/addons';
4
- declare type AngularComponent = any;
5
- declare type AngularReturnType = StoryFnAngularReturnType;
3
+ export type { Args, ArgTypes } from '@storybook/csf';
4
+ export declare type AngularFramework = {
5
+ component: any;
6
+ storyResult: StoryFnAngularReturnType;
7
+ };
6
8
  /**
7
9
  * Metadata to configure the stories for a component.
8
10
  *
9
11
  * @see [Default export](https://storybook.js.org/docs/formats/component-story-format/#default-export)
10
12
  */
11
- export declare type Meta<Args = DefaultArgs> = BaseMeta<AngularComponent> & Annotations<Args, AngularReturnType>;
13
+ export declare type Meta<TArgs = Args> = ComponentAnnotations<AngularFramework, TArgs>;
12
14
  /**
13
15
  * Story function that represents a component example.
14
16
  *
15
17
  * @see [Named Story exports](https://storybook.js.org/docs/formats/component-story-format/#named-story-exports)
16
18
  */
17
- export declare type Story<Args = DefaultArgs> = BaseStory<Args, AngularReturnType> & Annotations<Args, AngularReturnType>;
19
+ export declare type Story<TArgs = Args> = StoryAnnotationsOrFn<AngularFramework, TArgs>;
18
20
  export declare type Parameters = DefaultParameters & {
19
21
  /** Uses legacy angular rendering engine that use dynamic component */
20
22
  angularLegacyRendering?: boolean;
21
- component: unknown;
22
23
  bootstrapModuleOptions?: unknown;
23
24
  };
24
- export declare type StoryContext = DefaultStoryContext & {
25
+ export declare type StoryContext = DefaultStoryContext<AngularFramework> & {
25
26
  parameters: Parameters;
26
27
  };
@@ -10,7 +10,7 @@ export interface ICollection {
10
10
  }
11
11
  export interface IStorybookStory {
12
12
  name: string;
13
- render: () => any;
13
+ render: (context: any) => any;
14
14
  }
15
15
  export interface IStorybookSection {
16
16
  kind: string;
@@ -0,0 +1,28 @@
1
+ {
2
+ "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
3
+ "version": 1,
4
+ "newProjectRoot": "projects",
5
+ "projects": {
6
+ "pattern-lib": {
7
+ "projectType": "library",
8
+ "root": "projects/pattern-lib",
9
+ "sourceRoot": "projects/pattern-lib/src",
10
+ "prefix": "lib",
11
+ "architect": {
12
+ "build": {
13
+ "builder": "@angular-devkit/build-angular:ng-packagr",
14
+ "options": {
15
+ "tsConfig": "projects/pattern-lib/tsconfig.lib.json",
16
+ "project": "projects/pattern-lib/ng-package.json"
17
+ },
18
+ "configurations": {
19
+ "production": {
20
+ "tsConfig": "projects/pattern-lib/tsconfig.lib.prod.json"
21
+ }
22
+ }
23
+ }
24
+ }
25
+ }
26
+ },
27
+ "defaultProject": "pattern-lib"
28
+ }
@@ -0,0 +1 @@
1
+ export declare const not = "empty";
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.not = void 0;
4
+ // To avoid "No inputs were found in config file" tsc error
5
+ exports.not = 'empty';
@@ -0,0 +1,25 @@
1
+ /* To learn more about this file see: https://angular.io/config/tsconfig. */
2
+ {
3
+ "extends": "../../tsconfig.json",
4
+ "compilerOptions": {
5
+ "outDir": "../../out-tsc/lib",
6
+ "target": "es2015",
7
+ "declaration": true,
8
+ "declarationMap": true,
9
+ "inlineSources": true,
10
+ "types": [],
11
+ "lib": [
12
+ "dom",
13
+ "es2018"
14
+ ]
15
+ },
16
+ "angularCompilerOptions": {
17
+ "skipTemplateCodegen": true,
18
+ "strictMetadataEmit": true,
19
+ "enableResourceInlining": true
20
+ },
21
+ "exclude": [
22
+ "src/test.ts",
23
+ "**/*.spec.ts"
24
+ ]
25
+ }