@telia-ace/widget-core 1.0.1 → 1.0.5

package/lib/component-platform/component-node-collection.d.ts

@@ -1,18 +0,0 @@
-import { EventManager } from '@webprovisions/platform';
-import { ComponentNode } from './component-node';
-import { SwitchMap } from './component-platform';
-export declare type QueryDescriptor = {
-    id?: string;
-    type?: string;
-    name?: string;
-};
-export declare class ComponentNodeCollection {
-    root: ComponentNode;
-    private switches;
-    all: ComponentNode[];
-    visible: ComponentNode[];
-    detached: ComponentNode[];
-    constructor(root: ComponentNode, switches: SwitchMap, events: EventManager);
-    query(query?: QueryDescriptor): ComponentNode[];
-    get(id: string): ComponentNode | undefined;
-}

package/lib/component-platform/component-node-collection.js

@@ -1,51 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentNodeCollection = void 0;
-var queries_1 = require("./queries");
-var ComponentNodeCollection = /** @class */ (function () {
-    function ComponentNodeCollection(root, switches, events) {
-        var _this = this;
-        this.root = root;
-        this.switches = switches;
-        this.all = [];
-        this.visible = [];
-        this.detached = [];
-        events.subscribe('components:node-appended', function (event, data) {
-            _this.all.push(data.node);
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-        events.subscribe('components:node-removed', function (event, data) {
-            var indexToRemove = _this.all.indexOf(data.node);
-            if (indexToRemove > -1) {
-                _this.all.splice(indexToRemove, 1);
-            }
-            indexToRemove = _this.visible.indexOf(data.node);
-            if (indexToRemove > -1) {
-                _this.visible.splice(indexToRemove, 1);
-            }
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-        events.subscribe('components:node-switched', function (event, data) {
-            _this.visible = (0, queries_1.findVisibleComponents)(root, switches);
-        });
-    }
-    ComponentNodeCollection.prototype.query = function (query) {
-        if (query === void 0) { query = {}; }
-        var nodes = [];
-        (0, queries_1.traverseComponents)(this.root, this.switches, function (node) {
-            var match = Object.keys(query).every(function (member) {
-                return query[member] === node[member];
-            });
-            if (match) {
-                nodes.push(node);
-            }
-        });
-        return nodes;
-    };
-    ComponentNodeCollection.prototype.get = function (id) {
-        return ((0, queries_1.findComponent)(this.root, this.switches, function (node) { return node.id === id; }) ||
-            this.detached.find(function (node) { return node.id === id; }));
-    };
-    return ComponentNodeCollection;
-}());
-exports.ComponentNodeCollection = ComponentNodeCollection;

package/lib/component-platform/component-node.d.ts

@@ -1,63 +0,0 @@
-import { Container, EventManager } from '@webprovisions/platform';
-import { Breakpoints } from '../types';
-export declare type ComponentNodeEventData = {
-    node: ComponentNode;
-};
-export declare type RemoveChangeset = () => void;
-export declare type ComponentNodeAttributes = {
-    tags: string[];
-    properties: ComponentNodeProperties;
-    context: ComponentNodeContext;
-    layout: ComponentNodeLayout;
-};
-export declare type ResolveComponentNodeProperties = (properties: ComponentNodeProperties) => Partial<ComponentNodeProperties> | void;
-export declare type ResolveComponentNodeContext = (context: ComponentNodeContext) => Partial<ComponentNodeContext>;
-export declare type ResolveComponentNodeLayout = (layout: ComponentNodeLayout) => Partial<ComponentNodeLayout>;
-export declare type ComponentNodeSettings = {
-    tags?: string[];
-    properties?: ComponentNodeProperties | ResolveComponentNodeProperties;
-    context?: ComponentNodeContext | ResolveComponentNodeContext;
-    layout?: ComponentNodeLayout | ResolveComponentNodeLayout;
-};
-export declare type ComponentNodeProperties = {
-    [key: string]: any;
-};
-export declare type ComponentNodeContext = {
-    [key: string]: any;
-};
-export declare type ComponentNodeLayout = {
-    size?: Size;
-    indent?: number;
-    order?: number;
-};
-export declare type Size = number | 'full' | 'none';
-export declare type UnmountComponentNode = () => void;
-export declare type ChangesetOptions = {
-    breakpoints?: Breakpoints;
-};
-export declare type Changeset = [Partial<ComponentNodeSettings>, ChangesetOptions];
-export declare class ComponentNode {
-    private events;
-    id: string;
-    type: string;
-    name?: string;
-    parent?: ComponentNode;
-    tags: string[];
-    children: {
-        [key: string]: ComponentNode[];
-    };
-    changesets: Changeset[];
-    attributes: ComponentNodeAttributes;
-    private mountCount;
-    constructor(events: EventManager, type: string);
-    mount(viewOutletContainer: Container, element?: HTMLElement): UnmountComponentNode;
-    appendChild(node: ComponentNode, branch?: string): void;
-    prependChild(node: ComponentNode, branch?: string): void;
-    touchProperties(properties: ResolveComponentNodeProperties, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeProperties(properties: Partial<ComponentNodeProperties> | ResolveComponentNodeProperties, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeLayout(layout: Partial<ComponentNodeLayout> | ResolveComponentNodeLayout, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    writeContext(context: Partial<ComponentNodeContext> | ResolveComponentNodeContext, options?: ChangesetOptions, removable?: boolean): RemoveChangeset;
-    getChildren(branch?: string): ComponentNode[];
-    remove(): void;
-    removeChild(node: ComponentNode): void;
-}

package/lib/component-platform/component-node.js

@@ -1,190 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentNode = void 0;
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var ComponentNode = /** @class */ (function () {
-    function ComponentNode(events, type) {
-        this.events = events;
-        this.tags = [];
-        this.children = {};
-        this.changesets = [];
-        this.mountCount = 0;
-        this.id = (0, widget_utilities_1.uuid)();
-        this.type = type;
-        this.attributes = {
-            context: {},
-            properties: {},
-            layout: {},
-            tags: [],
-        };
-        // write default attributes
-        this.writeLayout({ size: 'full', indent: 0 });
-    }
-    ComponentNode.prototype.mount = function (viewOutletContainer, element) {
-        var _this = this;
-        var mountedNodes = viewOutletContainer.get('mounted-nodes');
-        if (!mountedNodes) {
-            mountedNodes = new Map();
-            viewOutletContainer.register('mounted-nodes', mountedNodes);
-        }
-        if (mountedNodes.has(this)) {
-            if (process.env.NODE_ENV !== 'production') {
-                widget_utilities_1.Logger.error('Trying to mount an already mounted component node.', this);
-            }
-            return function () { };
-        }
-        /**
-         * Dispatched when a node is mounted in a component.
-         * This happens once for every `ViewOutlet`.
-         */
-        this.events.dispatch('components:node-mounted', { node: this });
-        if (this.mountCount === 0) {
-            this.mountCount = this.mountCount + 1;
-            /**
-             * Dispatched when a node is mounted in a component the first time.
-             */
-            this.events.dispatch('components:node-enter', { node: this });
-        }
-        return function () {
-            mountedNodes.delete(_this);
-            _this.events.dispatch('components:node-unmounted', { node: _this });
-            _this.mountCount = _this.mountCount - 1;
-            if (_this.mountCount === 0) {
-                _this.events.dispatch('components:node-exit', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.appendChild = function (node, branch) {
-        if (branch === void 0) { branch = 'default'; }
-        if (node.parent) {
-            if (node.parent === this) {
-                return;
-            }
-            node.parent.removeChild(node);
-        }
-        node.parent = this;
-        if (!this.children[branch]) {
-            this.children[branch] = [];
-        }
-        this.children[branch].push(node);
-        this.events.dispatch('components:node-appended', { node: node });
-    };
-    ComponentNode.prototype.prependChild = function (node, branch) {
-        if (branch === void 0) { branch = 'default'; }
-        if (node.parent) {
-            if (node.parent === this) {
-                return;
-            }
-            node.parent.removeChild(node);
-        }
-        node.parent = this;
-        if (!this.children[branch]) {
-            this.children[branch] = [];
-        }
-        this.children[branch].unshift(node);
-        this.events.dispatch('components:node-appended', { node: node });
-    };
-    ComponentNode.prototype.touchProperties = function (properties, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { properties: properties };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-properties', { node: this });
-        return function () {
-            if (removable) {
-                var indexToRemove = _this.changesets.indexOf(changeset);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                    _this.events.dispatch('components:set-properties', { node: _this });
-                }
-            }
-        };
-    };
-    ComponentNode.prototype.writeProperties = function (properties, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { properties: properties };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-properties', { node: this });
-        return function () {
-            if (removable) {
-                var indexToRemove = _this.changesets.indexOf(changeset);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                    _this.events.dispatch('components:set-properties', { node: _this });
-                }
-            }
-        };
-    };
-    ComponentNode.prototype.writeLayout = function (layout, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { layout: layout };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-layout', { node: this });
-        return function () {
-            if (!removable) {
-                return;
-            }
-            var indexToRemove = _this.changesets.indexOf(changeset);
-            if (indexToRemove > -1) {
-                _this.changesets.splice(indexToRemove, 1);
-                _this.events.dispatch('components:set-layout', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.writeContext = function (context, options, removable) {
-        var _this = this;
-        if (options === void 0) { options = {}; }
-        var attributes = { context: context };
-        var changeset = [attributes, options];
-        this.changesets.push(changeset);
-        this.events.dispatch('components:set-context', { node: this });
-        return function () {
-            if (!removable) {
-                return;
-            }
-            var indexToRemove = _this.changesets.indexOf(changeset);
-            if (indexToRemove > -1) {
-                _this.changesets.splice(indexToRemove, 1);
-                _this.events.dispatch('components:set-context', { node: _this });
-            }
-        };
-    };
-    ComponentNode.prototype.getChildren = function (branch) {
-        if (branch === void 0) { branch = 'default'; }
-        var children = this.children[branch] || [];
-        return children.reduce(function (acc, node, i) {
-            var _a = node.attributes.layout.order, index = _a === void 0 ? i : _a;
-            if (!acc[index]) {
-                acc[index] = node;
-            }
-            else {
-                acc.splice(index, 0, node);
-            }
-            return acc;
-        }, Array(children.length));
-    };
-    ComponentNode.prototype.remove = function () {
-        if (this.parent) {
-            this.parent.removeChild(this);
-        }
-    };
-    ComponentNode.prototype.removeChild = function (node) {
-        var _this = this;
-        Object.keys(this.children).forEach(function (branch) {
-            var children = _this.children[branch];
-            var indexToRemove = children.indexOf(node);
-            if (indexToRemove > -1) {
-                children.splice(indexToRemove, 1);
-                _this.events.dispatch('components:node-removed', { node: node, parentNode: _this });
-            }
-        });
-        delete node.parent;
-    };
-    return ComponentNode;
-}());
-exports.ComponentNode = ComponentNode;

package/lib/component-platform/component-platform.js

@@ -1,209 +0,0 @@
-"use strict";
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentPlatform = void 0;
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var actions_controller_1 = require("./actions-controller");
-var component_node_1 = require("./component-node");
-var component_node_collection_1 = require("./component-node-collection");
-var component_query_1 = require("./component-query");
-var state_processor_1 = require("./state-processor");
-var ComponentPlatform = /** @class */ (function () {
-    function ComponentPlatform(widget, providers) {
-        if (providers === void 0) { providers = {}; }
-        var _this = this;
-        this.providers = providers;
-        this.breakpoints = [];
-        // internal
-        this.actionsState = { handlers: [], watchers: [] };
-        this.switches = {};
-        this.changesets = [];
-        this.subscriptions = [];
-        this.events = widget.events.createChild(this);
-        var root = new component_node_1.ComponentNode(this.events, 'root');
-        root.name = "root-".concat(widget.name);
-        this.nodes = new component_node_collection_1.ComponentNodeCollection(root, this.switches, this.events);
-        var processNode = (this.processNode = (0, state_processor_1.createStateProcessor)(this, function (report) {
-            var nodes = Array.from(report.keys());
-            if (process.env.NODE_ENV !== 'production') {
-                console.info("STATE PROCESSOR: ".concat(nodes.length, " node(s) processed:\n").concat(nodes.map(function (node) { return "".concat(node.name || '<no name>', " (").concat(node.id, ")\n"); })));
-            }
-            nodes.forEach(function (node) {
-                var options = report.get(node);
-                if (node.parent && node.parent.type === 'root') {
-                    _this.events.dispatch('components:root-children-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.context) {
-                    _this.events.dispatch('components:context-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.properties) {
-                    _this.events.dispatch('components:properties-changed', { node: node });
-                }
-                if (options === null || options === void 0 ? void 0 : options.layout) {
-                    _this.events.dispatch('components:layout-changed', { node: node });
-                }
-            });
-            _this.events.dispatch('components:component-model-initialized', {}, { bubbles: true });
-        }));
-        Promise.all(Object.keys(providers).map(function (key) {
-            var provider = providers[key];
-            return provider.load(_this);
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-appended', function (event, data) {
-            var node = data.node;
-            _this.changesets.forEach(function (record) {
-                var changeset = record.changeset, target = record.target, removes = record.removes;
-                var _a = __read(changeset, 2), change = _a[0], options = _a[1];
-                if (target.match(data.node)) {
-                    if (change.properties) {
-                        removes.push(node.writeProperties(change.properties, options));
-                    }
-                    if (change.context) {
-                        removes.push(node.writeContext(change.context, options));
-                    }
-                    if (change.layout) {
-                        removes.push(node.writeLayout(change.layout, options));
-                    }
-                }
-            });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-appended', function (event, data) {
-            processNode(data.node, { properties: true, context: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-properties', function (event, data) {
-            processNode(data.node, { properties: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-context', function (event, data) {
-            processNode(data.node, { properties: true, context: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-indent', function (event, data) {
-            processNode(data.node, { layout: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:set-layout', function (event, data) {
-            processNode(data.node, { layout: true });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-switched', function (event, _a) {
-            var node = _a.node, branch = _a.branch;
-            processNode(node, {
-                layout: true,
-                recursive: true,
-                properties: true,
-                context: true,
-            });
-        }));
-        this.subscriptions.push(this.events.subscribe('components:node-removed', function (event, _a) {
-            var parentNode = _a.parentNode;
-            processNode(parentNode, { properties: true });
-        }));
-    }
-    ComponentPlatform.getInstance = function (container) {
-        return container.getAsync('components');
-    };
-    ComponentPlatform.prototype.addBreakpoint = function (name) {
-        if (this.breakpoints.indexOf(name) === -1) {
-            this.breakpoints.push(name);
-            this.processNode(this.nodes.root, {
-                context: true,
-                properties: true,
-                layout: true,
-                recursive: true,
-            });
-        }
-    };
-    ComponentPlatform.prototype.removeBreakpoint = function (name) {
-        var indexToRemove = this.breakpoints.indexOf(name);
-        if (indexToRemove > -1) {
-            this.breakpoints.splice(indexToRemove, 1);
-            this.processNode(this.nodes.root, {
-                context: true,
-                properties: true,
-                layout: true,
-                recursive: true,
-            });
-        }
-    };
-    ComponentPlatform.prototype.setSwitch = function (node, branch) {
-        this.switches[node.id] = branch;
-        this.events.dispatch('components:node-switched', { node: node, branch: branch });
-    };
-    ComponentPlatform.prototype.getBranch = function (node) {
-        return this.switches[node.id];
-    };
-    /**
-     * Creates a `ComponentNode` of the specified type.
-     * @param type Type of node.
-     */
-    ComponentPlatform.prototype.createNode = function (type, options) {
-        if (options === void 0) { options = {}; }
-        var node = new component_node_1.ComponentNode(this.events, type);
-        if (options.detached) {
-            this.nodes.detached.push(node);
-        }
-        return node;
-    };
-    ComponentPlatform.prototype.components = function () {
-        return new component_query_1.ComponentQuery(this);
-    };
-    ComponentPlatform.prototype.actions = function (target, ns) {
-        return new actions_controller_1.ActionsController(this, target, ns);
-    };
-    ComponentPlatform.prototype.write = function (data) {
-        var _this = this;
-        var providerName = data.provider, target = data.target, attributes = data.attributes, _a = data.options, options = _a === void 0 ? {} : _a, removable = data.removable;
-        var key = data.key || (0, widget_utilities_1.uuid)();
-        var changeset = [attributes, options];
-        var record = { changeset: changeset, target: target, removes: [] };
-        if (providerName) {
-            var provider_1 = this.providers[providerName];
-            provider_1.write(key, target, attributes, options);
-            record.removes.push(function () {
-                provider_1.remove(key);
-            });
-        }
-        this.changesets.push(record);
-        this.nodes.all.forEach(function (node) {
-            if (target.match(node)) {
-                var remove = function () { };
-                if (attributes.properties) {
-                    remove = node.writeProperties(attributes.properties, options, removable);
-                }
-                if (attributes.context) {
-                    remove = node.writeContext(attributes.context, options, removable);
-                }
-                if (attributes.layout) {
-                    remove = node.writeContext(attributes.layout, options, removable);
-                }
-                record.removes.push(remove);
-            }
-        });
-        return function () {
-            if (removable) {
-                record.removes.forEach(function (remove) { return remove(); });
-                var indexToRemove = _this.changesets.indexOf(record);
-                if (indexToRemove > -1) {
-                    _this.changesets.splice(indexToRemove, 1);
-                }
-            }
-        };
-    };
-    ComponentPlatform.prototype.dispose = function () {
-        this.subscriptions.forEach(function (sub) { return sub(); });
-    };
-    return ComponentPlatform;
-}());
-exports.ComponentPlatform = ComponentPlatform;

package/lib/component-platform/component-query.d.ts

@@ -1,16 +0,0 @@
-import { AbstractComponentController } from './component-controller';
-import { ComponentNode } from './component-node';
-import { ComponentPlatform } from './component-platform';
-export declare type ComponentQueryRule = {
-    id?: string;
-    type?: string;
-};
-export declare class ComponentQuery {
-    private platform;
-    rules: ComponentQueryRule[];
-    constructor(platform: ComponentPlatform, rules?: ComponentQueryRule[]);
-    match(node: ComponentNode): boolean;
-    ofType(type: string): ComponentQuery;
-    withId(id: string): ComponentQuery;
-    select(): AbstractComponentController;
-}

package/lib/component-platform/component-query.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentQuery = void 0;
-var component_controller_1 = require("./component-controller");
-var ComponentQuery = /** @class */ (function () {
-    function ComponentQuery(platform, rules) {
-        if (rules === void 0) { rules = []; }
-        this.platform = platform;
-        this.rules = rules;
-    }
-    ComponentQuery.prototype.match = function (node) {
-        return this.rules.every(function (rule) {
-            if (rule.id && rule.id !== node.id) {
-                return false;
-            }
-            if (rule.type && rule.type !== node.type) {
-                return false;
-            }
-            return true;
-        });
-    };
-    ComponentQuery.prototype.ofType = function (type) {
-        this.rules.push({ type: type });
-        return this;
-    };
-    ComponentQuery.prototype.withId = function (id) {
-        this.rules.push({ id: id });
-        return this;
-    };
-    ComponentQuery.prototype.select = function () {
-        return new component_controller_1.AbstractComponentController(this.platform, this);
-    };
-    return ComponentQuery;
-}());
-exports.ComponentQuery = ComponentQuery;

package/lib/component-platform/create-component-model.d.ts

@@ -1,19 +0,0 @@
-import { EventSubscriptionCancellation } from '@webprovisions/platform';
-import { Breakpoints, WidgetSettings } from '../types';
-import { ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
-import { ComponentPlatform } from './component-platform';
-declare type ComponentReference = string | [string, ...ComponentReferenceOverride[]];
-declare type ComponentReferenceOverride = {
-    breakpoints?: Breakpoints;
-    tags?: string[];
-    context?: ComponentNodeContext;
-    properties?: ComponentNodeProperties;
-    layout?: ComponentNodeLayout;
-};
-declare type NormalizedComponentReference = {
-    definitionId: string;
-    overrides: ComponentReferenceOverride[];
-};
-export declare const normalizeReference: (reference: ComponentReference) => NormalizedComponentReference;
-export declare const createComponentModel: (platform: ComponentPlatform, settings: WidgetSettings) => EventSubscriptionCancellation;
-export {};