@storybook/angular 6.4.0-beta.20 → 6.4.0-beta.24

package/dist/ts3.9/builders/utils/run-compodoc.js

@@ -1,45 +0,0 @@
-"use strict";
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.runCompodoc = void 0;
-var child_process_1 = require("child_process");
-var rxjs_1 = require("rxjs");
-exports.runCompodoc = function (_a, context) {
-    var compodocArgs = _a.compodocArgs, tsconfig = _a.tsconfig;
-    return new rxjs_1.Observable(function (observer) {
-        var finalCompodocArgs = __spreadArrays([
-            // Default options
-            '-p',
-            tsconfig,
-            '-d',
-            "" + context.workspaceRoot
-        ], compodocArgs);
-        try {
-            var child = child_process_1.spawn('compodoc', finalCompodocArgs);
-            child.stdout.on('data', function (data) {
-                context.logger.info(data.toString());
-            });
-            child.stderr.on('data', function (data) {
-                context.logger.error(data.toString());
-            });
-            child.on('close', function (code) {
-                if (code === 0) {
-                    observer.next();
-                    observer.complete();
-                }
-                else {
-                    observer.error();
-                }
-            });
-        }
-        catch (error) {
-            observer.error(error);
-        }
-    });
-};

package/dist/ts3.9/client/index.d.ts

@@ -1,4 +0,0 @@
-export { storiesOf, setAddon, addDecorator, addParameters, configure, getStorybook, forceReRender, raw, } from './preview';
-export * from './preview/types-6-0';
-export type { StoryFnAngularReturnType as IStory } from './preview/types';
-export { moduleMetadata, componentWrapperDecorator } from './preview/decorators';

package/dist/ts3.9/client/index.js

@@ -1,28 +0,0 @@
-"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var preview_1 = require("./preview");
-Object.defineProperty(exports, "storiesOf", { enumerable: true, get: function () { return preview_1.storiesOf; } });
-Object.defineProperty(exports, "setAddon", { enumerable: true, get: function () { return preview_1.setAddon; } });
-Object.defineProperty(exports, "addDecorator", { enumerable: true, get: function () { return preview_1.addDecorator; } });
-Object.defineProperty(exports, "addParameters", { enumerable: true, get: function () { return preview_1.addParameters; } });
-Object.defineProperty(exports, "configure", { enumerable: true, get: function () { return preview_1.configure; } });
-Object.defineProperty(exports, "getStorybook", { enumerable: true, get: function () { return preview_1.getStorybook; } });
-Object.defineProperty(exports, "forceReRender", { enumerable: true, get: function () { return preview_1.forceReRender; } });
-Object.defineProperty(exports, "raw", { enumerable: true, get: function () { return preview_1.raw; } });
-__exportStar(require("./preview/types-6-0"), exports);
-var decorators_1 = require("./preview/decorators");
-Object.defineProperty(exports, "moduleMetadata", { enumerable: true, get: function () { return decorators_1.moduleMetadata; } });
-Object.defineProperty(exports, "componentWrapperDecorator", { enumerable: true, get: function () { return decorators_1.componentWrapperDecorator; } });
-if (module && module.hot && module.hot.decline) {
-    module.hot.decline();
-}

package/dist/ts3.9/client/preview/angular/app.token.d.ts

@@ -1,3 +0,0 @@
-import { InjectionToken } from '@angular/core';
-import { StoryFnAngularReturnType } from '../types';
-export declare const STORY: InjectionToken<StoryFnAngularReturnType>;

package/dist/ts3.9/client/preview/angular/app.token.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.STORY = void 0;
-var core_1 = require("@angular/core");
-exports.STORY = new core_1.InjectionToken('story');

package/dist/ts3.9/client/preview/angular/components/app.component.d.ts

@@ -1,38 +0,0 @@
-import { OnInit, ViewContainerRef, ComponentFactoryResolver, OnDestroy, ChangeDetectorRef } from '@angular/core';
-import { Observable, Subscription } from 'rxjs';
-import { StoryFnAngularReturnType } from '../../types';
-export declare class AppComponent implements OnInit, OnDestroy {
-    private cfr;
-    private changeDetectorRef;
-    private data;
-    target: ViewContainerRef;
-    readonly previousValues: {
-        [key: string]: any;
-    };
-    subscription: Subscription;
-    propSubscriptions: Map<any, {
-        prop: any;
-        sub: Subscription;
-    }>;
-    constructor(cfr: ComponentFactoryResolver, changeDetectorRef: ChangeDetectorRef, data: Observable<StoryFnAngularReturnType>);
-    ngOnInit(): void;
-    ngOnDestroy(): void;
-    /**
-     * Set inputs and outputs
-     */
-    private setProps;
-    /**
-     * Manually call 'ngOnChanges' hook because angular doesn't do that for dynamic components
-     * Issue: [https://github.com/angular/angular/issues/8903]
-     */
-    private callNgOnChangesHook;
-    /**
-     * If component implements ControlValueAccessor interface try to set ngModel
-     */
-    private setNgModel;
-    /**
-     * Store ref to subscription for cleanup in 'ngOnDestroy' and check if
-     * observable needs to be resubscribed to, before creating a new subscription.
-     */
-    private setPropSubscription;
-}

package/dist/ts3.9/client/preview/angular/components/app.component.js

@@ -1,146 +0,0 @@
-"use strict";
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-var __metadata = (this && this.__metadata) || function (k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
-};
-var __param = (this && this.__param) || function (paramIndex, decorator) {
-    return function (target, key) { decorator(target, key, paramIndex); }
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AppComponent = void 0;
-/* eslint-disable no-useless-constructor */
-// We could use NgComponentOutlet here but there's currently no easy way
-// to provide @Inputs and subscribe to @Outputs, see
-// https://github.com/angular/angular/issues/15360
-// For the time being, the ViewContainerRef approach works pretty well.
-var core_1 = require("@angular/core");
-var rxjs_1 = require("rxjs");
-var operators_1 = require("rxjs/operators");
-var app_token_1 = require("../app.token");
-var AppComponent = /** @class */ (function () {
-    function AppComponent(cfr, changeDetectorRef, data) {
-        this.cfr = cfr;
-        this.changeDetectorRef = changeDetectorRef;
-        this.data = data;
-        this.previousValues = {};
-        this.propSubscriptions = new Map();
-    }
-    AppComponent.prototype.ngOnInit = function () {
-        var _this = this;
-        this.data.pipe(operators_1.first()).subscribe(function (data) {
-            _this.target.clear();
-            var compFactory = _this.cfr.resolveComponentFactory(data.component);
-            var componentRef = _this.target.createComponent(compFactory);
-            var instance = componentRef.instance;
-            // For some reason, manual change detection ref is only working when getting the ref from the injector (rather than componentRef.changeDetectorRef)
-            var childChangeDetectorRef = componentRef.injector.get(core_1.ChangeDetectorRef);
-            _this.subscription = _this.data.subscribe(function (newData) {
-                _this.setProps(instance, newData);
-                childChangeDetectorRef.markForCheck();
-                // Must detect changes on the current component in order to update any changes in child component's @HostBinding properties (angular/angular#22560)
-                _this.changeDetectorRef.detectChanges();
-            });
-        });
-    };
-    AppComponent.prototype.ngOnDestroy = function () {
-        this.target.clear();
-        if (this.subscription) {
-            this.subscription.unsubscribe();
-        }
-        this.propSubscriptions.forEach(function (v) {
-            if (!v.sub.closed) {
-                v.sub.unsubscribe();
-            }
-        });
-        this.propSubscriptions.clear();
-    };
-    /**
-     * Set inputs and outputs
-     */
-    AppComponent.prototype.setProps = function (instance, _a) {
-        var _this = this;
-        var _b = _a.props, props = _b === void 0 ? {} : _b;
-        var changes = {};
-        var hasNgOnChangesHook = !!instance.ngOnChanges;
-        Object.keys(props).forEach(function (key) {
-            var value = props[key];
-            var instanceProperty = instance[key];
-            if (!(instanceProperty instanceof core_1.EventEmitter) && value !== undefined && value !== null) {
-                // eslint-disable-next-line no-param-reassign
-                instance[key] = value;
-                if (hasNgOnChangesHook) {
-                    var previousValue = _this.previousValues[key];
-                    if (previousValue !== value) {
-                        changes[key] = new core_1.SimpleChange(previousValue, value, !Object.prototype.hasOwnProperty.call(_this.previousValues, key));
-                        _this.previousValues[key] = value;
-                    }
-                }
-            }
-            else if (typeof value === 'function' && key !== 'ngModelChange') {
-                _this.setPropSubscription(key, instanceProperty, value);
-            }
-        });
-        this.callNgOnChangesHook(instance, changes);
-        this.setNgModel(instance, props);
-    };
-    /**
-     * Manually call 'ngOnChanges' hook because angular doesn't do that for dynamic components
-     * Issue: [https://github.com/angular/angular/issues/8903]
-     */
-    AppComponent.prototype.callNgOnChangesHook = function (instance, changes) {
-        if (Object.keys(changes).length) {
-            instance.ngOnChanges(changes);
-        }
-    };
-    /**
-     * If component implements ControlValueAccessor interface try to set ngModel
-     */
-    AppComponent.prototype.setNgModel = function (instance, props) {
-        if (props.ngModel) {
-            instance.writeValue(props.ngModel);
-        }
-        if (typeof props.ngModelChange === 'function') {
-            instance.registerOnChange(props.ngModelChange);
-        }
-    };
-    /**
-     * Store ref to subscription for cleanup in 'ngOnDestroy' and check if
-     * observable needs to be resubscribed to, before creating a new subscription.
-     */
-    AppComponent.prototype.setPropSubscription = function (key, instanceProperty, value) {
-        if (this.propSubscriptions.has(key)) {
-            var v = this.propSubscriptions.get(key);
-            if (v.prop === value) {
-                // Prop hasn't changed, so the existing subscription can stay.
-                return;
-            }
-            // Now that the value has changed, unsubscribe from the previous value's subscription.
-            if (!v.sub.closed) {
-                v.sub.unsubscribe();
-            }
-        }
-        var sub = instanceProperty.subscribe(value);
-        this.propSubscriptions.set(key, { prop: value, sub: sub });
-    };
-    __decorate([
-        core_1.ViewChild('target', { read: core_1.ViewContainerRef, static: true }),
-        __metadata("design:type", core_1.ViewContainerRef)
-    ], AppComponent.prototype, "target", void 0);
-    AppComponent = __decorate([
-        core_1.Component({
-            selector: 'storybook-dynamic-app-root',
-            template: '<ng-template #target></ng-template>',
-        }),
-        __param(2, core_1.Inject(app_token_1.STORY)),
-        __metadata("design:paramtypes", [core_1.ComponentFactoryResolver,
-            core_1.ChangeDetectorRef,
-            rxjs_1.Observable])
-    ], AppComponent);
-    return AppComponent;
-}());
-exports.AppComponent = AppComponent;

package/dist/ts3.9/client/preview/angular/helpers.d.ts

@@ -1,8 +0,0 @@
-import { PartialStoryFn } from '@storybook/csf';
-import { AngularFramework } from '../types-6-0';
-declare global {
-    interface Window {
-        NODE_ENV: 'string' | 'development' | undefined;
-    }
-}
-export declare const renderNgApp: (storyFn: PartialStoryFn<AngularFramework>, forced: boolean) => void;

package/dist/ts3.9/client/preview/angular/helpers.js

@@ -1,165 +0,0 @@
-"use strict";
-var __spreadArrays = (this && this.__spreadArrays) || function () {
-    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;
-    for (var r = Array(s), k = 0, i = 0; i < il; i++)
-        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-            r[k] = a[j];
-    return r;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.renderNgApp = void 0;
-// @ts-ignore
-var global_1 = __importDefault(require("global"));
-var core_1 = require("@angular/core");
-var forms_1 = require("@angular/forms");
-var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
-var platform_browser_1 = require("@angular/platform-browser");
-var rxjs_1 = require("rxjs");
-var app_component_1 = require("./components/app.component");
-var app_token_1 = require("./app.token");
-var document = global_1.default.document;
-var platform = null;
-var promises = [];
-var storyData = new rxjs_1.ReplaySubject(1);
-var moduleClass = /** @class */ (function () {
-    function DynamicModule() {
-    }
-    return DynamicModule;
-}());
-var componentClass = /** @class */ (function () {
-    function DynamicComponent() {
-    }
-    return DynamicComponent;
-}());
-function storyDataFactory(data) {
-    return function (ngZone) {
-        return new rxjs_1.Observable(function (subscriber) {
-            var sub = data.subscribe(function (v) {
-                ngZone.run(function () { return subscriber.next(v); });
-            }, function (err) {
-                ngZone.run(function () { return subscriber.error(err); });
-            }, function () {
-                ngZone.run(function () { return subscriber.complete(); });
-            });
-            return function () {
-                sub.unsubscribe();
-            };
-        });
-    };
-}
-var getModule = function (declarations, entryComponents, bootstrap, data, moduleMetadata) {
-    // Complete last ReplaySubject and create a new one for the current module
-    storyData.complete();
-    storyData = new rxjs_1.ReplaySubject(1);
-    storyData.next(data);
-    var moduleMeta = {
-        declarations: __spreadArrays(declarations, (moduleMetadata.declarations || [])),
-        imports: __spreadArrays([platform_browser_1.BrowserModule, forms_1.FormsModule], (moduleMetadata.imports || [])),
-        providers: __spreadArrays([
-            { provide: app_token_1.STORY, useFactory: storyDataFactory(storyData.asObservable()), deps: [core_1.NgZone] }
-        ], (moduleMetadata.providers || [])),
-        entryComponents: __spreadArrays(entryComponents, (moduleMetadata.entryComponents || [])),
-        schemas: __spreadArrays((moduleMetadata.schemas || [])),
-        bootstrap: __spreadArrays(bootstrap),
-    };
-    return core_1.NgModule(moduleMeta)(moduleClass);
-};
-var createComponentFromTemplate = function (template, styles) {
-    return core_1.Component({
-        template: template,
-        styles: styles,
-    })(componentClass);
-};
-var extractNgModuleMetadata = function (importItem) {
-    var target = importItem && importItem.ngModule ? importItem.ngModule : importItem;
-    var decoratorKey = '__annotations__';
-    var decorators = Reflect &&
-        Reflect.getOwnPropertyDescriptor &&
-        Reflect.getOwnPropertyDescriptor(target, decoratorKey)
-        ? Reflect.getOwnPropertyDescriptor(target, decoratorKey).value
-        : target[decoratorKey];
-    if (!decorators || decorators.length === 0) {
-        return null;
-    }
-    var ngModuleDecorator = decorators.find(function (decorator) { return decorator instanceof core_1.NgModule; });
-    if (!ngModuleDecorator) {
-        return null;
-    }
-    return ngModuleDecorator;
-};
-var getExistenceOfComponentInModules = function (component, declarations, imports) {
-    if (declarations && declarations.some(function (declaration) { return declaration === component; })) {
-        // Found component in declarations array
-        return true;
-    }
-    if (!imports) {
-        return false;
-    }
-    return imports.some(function (importItem) {
-        var extractedNgModuleMetadata = extractNgModuleMetadata(importItem);
-        if (!extractedNgModuleMetadata) {
-            // Not an NgModule
-            return false;
-        }
-        return getExistenceOfComponentInModules(component, extractedNgModuleMetadata.declarations, extractedNgModuleMetadata.imports);
-    });
-};
-var initModule = function (storyFn) {
-    var storyObj = storyFn();
-    var component = storyObj.component, template = storyObj.template, props = storyObj.props, styles = storyObj.styles, _a = storyObj.moduleMetadata, moduleMetadata = _a === void 0 ? {} : _a;
-    var isCreatingComponentFromTemplate = Boolean(template);
-    var AnnotatedComponent = isCreatingComponentFromTemplate
-        ? createComponentFromTemplate(template, styles)
-        : component;
-    var componentRequiresDeclaration = isCreatingComponentFromTemplate ||
-        !getExistenceOfComponentInModules(component, moduleMetadata.declarations, moduleMetadata.imports);
-    var componentDeclarations = componentRequiresDeclaration
-        ? [app_component_1.AppComponent, AnnotatedComponent]
-        : [app_component_1.AppComponent];
-    var story = {
-        component: AnnotatedComponent,
-        props: props,
-    };
-    return getModule(componentDeclarations, [AnnotatedComponent], [app_component_1.AppComponent], story, moduleMetadata);
-};
-var staticRoot = document.getElementById('root');
-var insertDynamicRoot = function () {
-    var app = document.createElement('storybook-dynamic-app-root');
-    staticRoot.innerHTML = '';
-    staticRoot.appendChild(app);
-};
-var draw = function (newModule) {
-    if (!platform) {
-        insertDynamicRoot();
-        // eslint-disable-next-line no-undef
-        if (typeof NODE_ENV === 'string' && NODE_ENV !== 'development') {
-            try {
-                core_1.enableProdMode();
-            }
-            catch (e) {
-                //
-            }
-        }
-        platform = platform_browser_dynamic_1.platformBrowserDynamic();
-        promises.push(platform.bootstrapModule(newModule));
-    }
-    else {
-        Promise.all(promises).then(function (modules) {
-            modules.forEach(function (mod) { return mod.destroy(); });
-            insertDynamicRoot();
-            promises = [];
-            promises.push(platform.bootstrapModule(newModule));
-        });
-    }
-};
-exports.renderNgApp = function (storyFn, forced) {
-    if (!forced) {
-        draw(initModule(storyFn));
-    }
-    else {
-        storyData.next(storyFn());
-    }
-};

package/dist/ts3.9/client/preview/angular-beta/AbstractRenderer.d.ts

@@ -1,44 +0,0 @@
-import { Subject } from 'rxjs';
-import { ICollection, StoryFnAngularReturnType } from '../types';
-import { Parameters } from '../types-6-0';
-declare type StoryRenderInfo = {
-    storyFnAngular: StoryFnAngularReturnType;
-    moduleMetadataSnapshot: string;
-};
-export declare abstract class AbstractRenderer {
-    storyId: string;
-    /**
-     * Wait and destroy the platform
-     */
-    static resetPlatformBrowserDynamic(): Promise<void>;
-    /**
-     * Reset compiled components because we often want to compile the same component with
-     * more than one NgModule.
-     */
-    protected static resetCompiledComponents: () => Promise<void>;
-    protected previousStoryRenderInfo: StoryRenderInfo;
-    protected storyProps$: Subject<ICollection | undefined>;
-    constructor(storyId: string);
-    protected abstract beforeFullRender(): Promise<void>;
-    protected abstract afterFullRender(): Promise<void>;
-    /**
-     * Bootstrap main angular module with main component or send only new `props` with storyProps$
-     *
-     * @param storyFnAngular {StoryFnAngularReturnType}
-     * @param forced {boolean} If :
-     * - 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
-     * - false fully recharges or initializes angular module & component
-     * @param component {Component}
-     * @param parameters {Parameters}
-     */
-    render({ storyFnAngular, forced, parameters, component, targetDOMNode, }: {
-        storyFnAngular: StoryFnAngularReturnType;
-        forced: boolean;
-        component?: any;
-        parameters: Parameters;
-        targetDOMNode: HTMLElement;
-    }): Promise<void>;
-    protected initAngularRootElement(targetDOMNode: HTMLElement, targetSelector: string): void;
-    private fullRendererRequired;
-}
-export {};