@telia-ace/widget-core 1.0.0 → 1.0.4

package/LICENSE.txt

@@ -1,6 +1,6 @@
-Copyright © 2021, Telia Company AB. All rights reserved.
-
-THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
-THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
-AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
+Copyright © 2021, Telia Company AB. All rights reserved.
+
+THIS PACKAGE AND CONTAINING SOFTWARE IS PART OF
+THE HUMANY SERVICE. BY USING THIS SOFTWARE YOU
+AGREE TO THE FOLLOWING TERMS AND CONDITIONS:
 http://www.humany.com/legal

package/README.md

@@ -1,3 +1,3 @@
-# `@telia-ace/widget-core`
-
-Core framework for ACE widgets.
+# `@telia-ace/widget-core`
+
+Core framework for ACE widgets.

package/lib/component-platform/component-configuration-api.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@webprovisions/platform").ConfigurationApiDefinition;
+export default _default;

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

@@ -0,0 +1,32 @@
+"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 });
+var platform_1 = require("@webprovisions/platform");
+exports.default = (0, platform_1.createConfigurationApi)(function (builder) {
+    builder.createCommand('components', function (context) { return function (config) {
+        context.events.subscribeOnce('components:platform-created', function (event, _a) {
+            var platform = _a.platform;
+            if (config.handlers) {
+                config.handlers.forEach(function (_a) {
+                    var _b = __read(_a, 2), key = _b[0], handler = _b[1];
+                    platform.addComponentHandler(key, handler);
+                });
+            }
+        });
+    }; });
+});

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

@@ -4,6 +4,7 @@ import { ChangesetProvider } from './changeset-provider';
 import { ChangesetOptions, ComponentNode, ComponentNodeSettings, RemoveChangeset } from './component-node';
 import { ComponentNodeCollection } from './component-node-collection';
 import { ComponentQuery } from './component-query';
+import { CustomHandlerCallback } from './custom-component-handler';
 export declare type MergeOptions = {
     breakpoints?: string[];
 };
@@ -28,6 +29,7 @@ export declare class ComponentPlatform {
     private changesets;
     private subscriptions;
     private processNode;
+    private customComponentHandler;
     constructor(widget: Widget, providers?: {
         [key: string]: ChangesetProvider;
     });
@@ -46,5 +48,7 @@ export declare class ComponentPlatform {
     components(): ComponentQuery;
     actions(target: ComponentQuery, ns: string): ActionsController;
     write(data: ChangesetData): RemoveChangeset;
+    addComponentHandler(definitionType: string, fn: CustomHandlerCallback): void;
+    getComponentHandler(definitionType: string): CustomHandlerCallback | undefined;
     dispose(): void;
 }

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

@@ -22,6 +22,7 @@ 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 custom_component_handler_1 = require("./custom-component-handler");
 var state_processor_1 = require("./state-processor");
 var ComponentPlatform = /** @class */ (function () {
     function ComponentPlatform(widget, providers) {
@@ -34,6 +35,7 @@ var ComponentPlatform = /** @class */ (function () {
         this.switches = {};
         this.changesets = [];
         this.subscriptions = [];
+        this.customComponentHandler = new custom_component_handler_1.CustomComponentHandler();
         this.events = widget.events.createChild(this);
         var root = new component_node_1.ComponentNode(this.events, 'root');
         root.name = "root-".concat(widget.name);
@@ -110,6 +112,9 @@ var ComponentPlatform = /** @class */ (function () {
             var parentNode = _a.parentNode;
             processNode(parentNode, { properties: true });
         }));
+        if (this.events.parent) {
+            this.events.parent.dispatch('components:platform-created', { platform: this });
+        }
     }
     ComponentPlatform.getInstance = function (container) {
         return container.getAsync('components');
@@ -201,6 +206,12 @@ var ComponentPlatform = /** @class */ (function () {
             }
         };
     };
+    ComponentPlatform.prototype.addComponentHandler = function (definitionType, fn) {
+        this.customComponentHandler.add(definitionType, fn);
+    };
+    ComponentPlatform.prototype.getComponentHandler = function (definitionType) {
+        return this.customComponentHandler.get(definitionType);
+    };
     ComponentPlatform.prototype.dispose = function () {
         this.subscriptions.forEach(function (sub) { return sub(); });
     };

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

@@ -1,6 +1,6 @@
 import { EventSubscriptionCancellation } from '@webprovisions/platform';
-import { Breakpoints, WidgetSettings } from '../types';
-import { ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
+import { Breakpoints, ComponentSettings, ViewDefinition, WidgetSettings } from '../types';
+import { ComponentNode, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
 import { ComponentPlatform } from './component-platform';
 declare type ComponentReference = string | [string, ...ComponentReferenceOverride[]];
 declare type ComponentReferenceOverride = {
@@ -10,10 +10,27 @@ declare type ComponentReferenceOverride = {
     properties?: ComponentNodeProperties;
     layout?: ComponentNodeLayout;
 };
-declare type NormalizedComponentReference = {
+export declare type NormalizedComponentReference = {
     definitionId: string;
     overrides: ComponentReferenceOverride[];
 };
 export declare const normalizeReference: (reference: ComponentReference) => NormalizedComponentReference;
+export declare type ComponentHandlerOptions = {
+    platform: ComponentPlatform;
+    node: ComponentNode;
+    references: ComponentReference[];
+    definitions: {
+        [name: string]: ComponentSettings;
+    };
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    branch?: string;
+};
+export declare const createChildren: (platform: ComponentPlatform, node: ComponentNode, references: ComponentReference[], definitions: {
+    [name: string]: ComponentSettings;
+}, views: {
+    [key: string]: ViewDefinition;
+}, branch?: string | undefined) => void;
 export declare const createComponentModel: (platform: ComponentPlatform, settings: WidgetSettings) => EventSubscriptionCancellation;
 export {};

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

@@ -16,7 +16,7 @@ var __read = (this && this.__read) || function (o, n) {
     return ar;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createComponentModel = exports.normalizeReference = void 0;
+exports.createComponentModel = exports.createChildren = exports.normalizeReference = void 0;
 var widget_utilities_1 = require("@telia-ace/widget-utilities");
 var normalizeReference = function (reference) {
     if (Array.isArray(reference)) {
@@ -35,12 +35,13 @@ exports.normalizeReference = normalizeReference;
 var createChildren = function (platform, node, references, definitions, views, branch) {
     references.forEach(function (ref) {
         var childRef = (0, exports.normalizeReference)(ref);
+        var childDef = definitions[childRef.definitionId];
         if (childRef.definitionId === 'view') {
             var viewNode_1 = platform.createNode('view');
             viewNode_1.name = 'view';
             Object.keys(views).forEach(function (key) {
                 var viewDef = views[key];
-                createChildren(platform, viewNode_1, [viewDef.entry], definitions, views, key);
+                (0, exports.createChildren)(platform, viewNode_1, [viewDef.entry], definitions, views, key);
             });
             node.appendChild(viewNode_1);
             childRef.overrides.forEach(function (override) {
@@ -57,25 +58,38 @@ var createChildren = function (platform, node, references, definitions, views, b
                 }
             });
         }
+        else if (platform.getComponentHandler(childDef.type)) {
+            var handle = platform.getComponentHandler(childDef.type);
+            if (handle) {
+                handle(childRef, {
+                    platform: platform,
+                    node: node,
+                    references: references,
+                    definitions: definitions,
+                    views: views,
+                    branch: branch,
+                });
+            }
+        }
         else {
-            var childDef = definitions[childRef.definitionId];
+            var childDef_1 = definitions[childRef.definitionId];
             if (process.env.NODE_ENV !== 'production') {
-                if (!childDef) {
+                if (!childDef_1) {
                     widget_utilities_1.Logger.error("No definition found for component type '".concat(childRef.definitionId, "'."));
                     return;
                 }
             }
-            var childNode_1 = platform.createNode(childDef.type);
+            var childNode_1 = platform.createNode(childDef_1.type);
             childNode_1.name = childRef.definitionId;
-            childNode_1.tags = childDef.tags || [];
-            if (childDef.properties) {
-                childNode_1.writeProperties(childDef.properties);
+            childNode_1.tags = childDef_1.tags || [];
+            if (childDef_1.properties) {
+                childNode_1.writeProperties(childDef_1.properties);
             }
-            if (childDef.context) {
-                childNode_1.writeContext(childDef.context);
+            if (childDef_1.context) {
+                childNode_1.writeContext(childDef_1.context);
             }
-            if (childDef.layout) {
-                childNode_1.writeLayout(childDef.layout);
+            if (childDef_1.layout) {
+                childNode_1.writeLayout(childDef_1.layout);
             }
             node.appendChild(childNode_1, branch);
             childRef.overrides.forEach(function (override) {
@@ -90,12 +104,13 @@ var createChildren = function (platform, node, references, definitions, views, b
                     childNode_1.writeLayout(override.layout, options);
                 }
             });
-            if (childDef.children) {
-                createChildren(platform, childNode_1, childDef.children, definitions, views);
+            if (childDef_1.children) {
+                (0, exports.createChildren)(platform, childNode_1, childDef_1.children, definitions, views);
             }
         }
     });
 };
+exports.createChildren = createChildren;
 var createComponentModel = function (platform, settings) {
     var entry = settings.entry, components = settings.components, breakpoints = settings.breakpoints, views = settings.views;
     var subscriptions = [];
@@ -116,7 +131,7 @@ var createComponentModel = function (platform, settings) {
         list.addListener(listener);
         subscriptions.push(function () { return list.removeListener(listener); });
     });
-    createChildren(platform, platform.nodes.root, [entry], components, views);
+    (0, exports.createChildren)(platform, platform.nodes.root, [entry], components, views);
     return function () {
         return subscriptions.forEach(function (sub) {
             sub();

package/lib/component-platform/custom-component-handler.d.ts

@@ -0,0 +1,21 @@
+import { ComponentReference, ComponentSettings, ViewDefinition } from '../types';
+import { ComponentNode } from './component-node';
+import { ComponentPlatform } from './component-platform';
+import { NormalizedComponentReference } from './create-component-model';
+export declare type CustomHandlerCallback = (ref: NormalizedComponentReference, options: {
+    platform: ComponentPlatform;
+    node: ComponentNode;
+    references: ComponentReference[];
+    definitions: {
+        [name: string]: ComponentSettings;
+    };
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    branch?: string;
+}) => void;
+export declare class CustomComponentHandler {
+    private handlers;
+    add(name: string, fn: CustomHandlerCallback): void;
+    get(name: string): CustomHandlerCallback | undefined;
+}

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomComponentHandler = void 0;
+var CustomComponentHandler = /** @class */ (function () {
+    function CustomComponentHandler() {
+        this.handlers = new Map();
+    }
+    CustomComponentHandler.prototype.add = function (name, fn) {
+        this.handlers.set(name, fn);
+    };
+    CustomComponentHandler.prototype.get = function (name) {
+        return this.handlers.get(name);
+    };
+    return CustomComponentHandler;
+}());
+exports.CustomComponentHandler = CustomComponentHandler;

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

@@ -1,6 +1,7 @@
 export { ActionsController } from './actions-controller';
 export type { WatchActionDelegate } from './actions-controller';
 export type { ChangesetProvider } from './changeset-provider';
+export { default as componentConfigurationApi } from './component-configuration-api';
 export { AbstractComponentController, ComponentNodeController } from './component-controller';
 export { ComponentNode } from './component-node';
 export type { ChangesetOptions, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, Size, } from './component-node';
@@ -8,7 +9,8 @@ export { ComponentPlatform } from './component-platform';
 export type { SwitchMap } from './component-platform';
 export { ComponentQuery } from './component-query';
 export type { ComponentQueryRule } from './component-query';
-export { createComponentModel } from './create-component-model';
+export { createChildren, createComponentModel } from './create-component-model';
+export type { ComponentHandlerOptions, NormalizedComponentReference, } from './create-component-model';
 export { asDescriptor } from './descriptor';
 export type { ComponentDescriptor } from './descriptor';
 export { extendComponent } from './extend-component';

package/lib/component-platform/index.js

@@ -1,8 +1,13 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.traverseComponents = exports.findVisibleComponents = exports.findComponent = exports.extendComponent = exports.asDescriptor = exports.createComponentModel = exports.ComponentQuery = exports.ComponentPlatform = exports.ComponentNode = exports.ComponentNodeController = exports.AbstractComponentController = exports.ActionsController = void 0;
+exports.traverseComponents = exports.findVisibleComponents = exports.findComponent = exports.extendComponent = exports.asDescriptor = exports.createComponentModel = exports.createChildren = exports.ComponentQuery = exports.ComponentPlatform = exports.ComponentNode = exports.ComponentNodeController = exports.AbstractComponentController = exports.componentConfigurationApi = exports.ActionsController = void 0;
 var actions_controller_1 = require("./actions-controller");
 Object.defineProperty(exports, "ActionsController", { enumerable: true, get: function () { return actions_controller_1.ActionsController; } });
+var component_configuration_api_1 = require("./component-configuration-api");
+Object.defineProperty(exports, "componentConfigurationApi", { enumerable: true, get: function () { return __importDefault(component_configuration_api_1).default; } });
 var component_controller_1 = require("./component-controller");
 Object.defineProperty(exports, "AbstractComponentController", { enumerable: true, get: function () { return component_controller_1.AbstractComponentController; } });
 Object.defineProperty(exports, "ComponentNodeController", { enumerable: true, get: function () { return component_controller_1.ComponentNodeController; } });
@@ -13,6 +18,7 @@ Object.defineProperty(exports, "ComponentPlatform", { enumerable: true, get: fun
 var component_query_1 = require("./component-query");
 Object.defineProperty(exports, "ComponentQuery", { enumerable: true, get: function () { return component_query_1.ComponentQuery; } });
 var create_component_model_1 = require("./create-component-model");
+Object.defineProperty(exports, "createChildren", { enumerable: true, get: function () { return create_component_model_1.createChildren; } });
 Object.defineProperty(exports, "createComponentModel", { enumerable: true, get: function () { return create_component_model_1.createComponentModel; } });
 var descriptor_1 = require("./descriptor");
 Object.defineProperty(exports, "asDescriptor", { enumerable: true, get: function () { return descriptor_1.asDescriptor; } });

package/lib/index.d.ts

@@ -1,6 +1,6 @@
 export { default as ActionResolver } from './action-resolver';
-export { ActionsController, asDescriptor, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
-export type { ChangesetOptions, ChangesetProvider, ComponentDescriptor, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, ComponentQueryRule, ExtendComponentHandler, ExtendComponentOptions, Size, SwitchMap, WatchActionDelegate, } from './component-platform';
+export { ActionsController, asDescriptor, componentConfigurationApi, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createChildren, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
+export type { ChangesetOptions, ChangesetProvider, ComponentDescriptor, ComponentHandlerOptions, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, ComponentQueryRule, ExtendComponentHandler, ExtendComponentOptions, NormalizedComponentReference, Size, SwitchMap, WatchActionDelegate, } from './component-platform';
 export { default as ComponentResolver } from './component-resolver';
 export type { ReactComponent } from './component-resolver';
 export { createEventSubscriber } from './event-subscriber';

package/lib/index.js

@@ -17,16 +17,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createEventSubscriber = exports.ComponentResolver = exports.traverseComponents = exports.findVisibleComponents = exports.findComponent = exports.extendComponent = exports.createComponentModel = exports.ComponentQuery = exports.ComponentPlatform = exports.ComponentNodeController = exports.ComponentNode = exports.asDescriptor = exports.ActionsController = exports.ActionResolver = void 0;
+exports.createEventSubscriber = exports.ComponentResolver = exports.traverseComponents = exports.findVisibleComponents = exports.findComponent = exports.extendComponent = exports.createComponentModel = exports.createChildren = exports.ComponentQuery = exports.ComponentPlatform = exports.ComponentNodeController = exports.ComponentNode = exports.componentConfigurationApi = exports.asDescriptor = exports.ActionsController = exports.ActionResolver = void 0;
 var action_resolver_1 = require("./action-resolver");
 Object.defineProperty(exports, "ActionResolver", { enumerable: true, get: function () { return __importDefault(action_resolver_1).default; } });
 var component_platform_1 = require("./component-platform");
 Object.defineProperty(exports, "ActionsController", { enumerable: true, get: function () { return component_platform_1.ActionsController; } });
 Object.defineProperty(exports, "asDescriptor", { enumerable: true, get: function () { return component_platform_1.asDescriptor; } });
+Object.defineProperty(exports, "componentConfigurationApi", { enumerable: true, get: function () { return component_platform_1.componentConfigurationApi; } });
 Object.defineProperty(exports, "ComponentNode", { enumerable: true, get: function () { return component_platform_1.ComponentNode; } });
 Object.defineProperty(exports, "ComponentNodeController", { enumerable: true, get: function () { return component_platform_1.ComponentNodeController; } });
 Object.defineProperty(exports, "ComponentPlatform", { enumerable: true, get: function () { return component_platform_1.ComponentPlatform; } });
 Object.defineProperty(exports, "ComponentQuery", { enumerable: true, get: function () { return component_platform_1.ComponentQuery; } });
+Object.defineProperty(exports, "createChildren", { enumerable: true, get: function () { return component_platform_1.createChildren; } });
 Object.defineProperty(exports, "createComponentModel", { enumerable: true, get: function () { return component_platform_1.createComponentModel; } });
 Object.defineProperty(exports, "extendComponent", { enumerable: true, get: function () { return component_platform_1.extendComponent; } });
 Object.defineProperty(exports, "findComponent", { enumerable: true, get: function () { return component_platform_1.findComponent; } });

package/lib/types/ui.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type Theme = {
     gap: string;
     accessibility: {

package/lib-esm/component-platform/component-configuration-api.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("@webprovisions/platform").ConfigurationApiDefinition;
+export default _default;

package/lib-esm/component-platform/component-configuration-api.js

@@ -0,0 +1,30 @@
+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;
+};
+import { createConfigurationApi } from '@webprovisions/platform';
+export default createConfigurationApi(function (builder) {
+    builder.createCommand('components', function (context) { return function (config) {
+        context.events.subscribeOnce('components:platform-created', function (event, _a) {
+            var platform = _a.platform;
+            if (config.handlers) {
+                config.handlers.forEach(function (_a) {
+                    var _b = __read(_a, 2), key = _b[0], handler = _b[1];
+                    platform.addComponentHandler(key, handler);
+                });
+            }
+        });
+    }; });
+});

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

@@ -4,6 +4,7 @@ import { ChangesetProvider } from './changeset-provider';
 import { ChangesetOptions, ComponentNode, ComponentNodeSettings, RemoveChangeset } from './component-node';
 import { ComponentNodeCollection } from './component-node-collection';
 import { ComponentQuery } from './component-query';
+import { CustomHandlerCallback } from './custom-component-handler';
 export declare type MergeOptions = {
     breakpoints?: string[];
 };
@@ -28,6 +29,7 @@ export declare class ComponentPlatform {
     private changesets;
     private subscriptions;
     private processNode;
+    private customComponentHandler;
     constructor(widget: Widget, providers?: {
         [key: string]: ChangesetProvider;
     });
@@ -46,5 +48,7 @@ export declare class ComponentPlatform {
     components(): ComponentQuery;
     actions(target: ComponentQuery, ns: string): ActionsController;
     write(data: ChangesetData): RemoveChangeset;
+    addComponentHandler(definitionType: string, fn: CustomHandlerCallback): void;
+    getComponentHandler(definitionType: string): CustomHandlerCallback | undefined;
     dispose(): void;
 }

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

@@ -19,6 +19,7 @@ import { ActionsController } from './actions-controller';
 import { ComponentNode, } from './component-node';
 import { ComponentNodeCollection } from './component-node-collection';
 import { ComponentQuery } from './component-query';
+import { CustomComponentHandler } from './custom-component-handler';
 import { createStateProcessor } from './state-processor';
 var ComponentPlatform = /** @class */ (function () {
     function ComponentPlatform(widget, providers) {
@@ -31,6 +32,7 @@ var ComponentPlatform = /** @class */ (function () {
         this.switches = {};
         this.changesets = [];
         this.subscriptions = [];
+        this.customComponentHandler = new CustomComponentHandler();
         this.events = widget.events.createChild(this);
         var root = new ComponentNode(this.events, 'root');
         root.name = "root-".concat(widget.name);
@@ -107,6 +109,9 @@ var ComponentPlatform = /** @class */ (function () {
             var parentNode = _a.parentNode;
             processNode(parentNode, { properties: true });
         }));
+        if (this.events.parent) {
+            this.events.parent.dispatch('components:platform-created', { platform: this });
+        }
     }
     ComponentPlatform.getInstance = function (container) {
         return container.getAsync('components');
@@ -198,6 +203,12 @@ var ComponentPlatform = /** @class */ (function () {
             }
         };
     };
+    ComponentPlatform.prototype.addComponentHandler = function (definitionType, fn) {
+        this.customComponentHandler.add(definitionType, fn);
+    };
+    ComponentPlatform.prototype.getComponentHandler = function (definitionType) {
+        return this.customComponentHandler.get(definitionType);
+    };
     ComponentPlatform.prototype.dispose = function () {
         this.subscriptions.forEach(function (sub) { return sub(); });
     };

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

@@ -1,6 +1,6 @@
 import { EventSubscriptionCancellation } from '@webprovisions/platform';
-import { Breakpoints, WidgetSettings } from '../types';
-import { ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
+import { Breakpoints, ComponentSettings, ViewDefinition, WidgetSettings } from '../types';
+import { ComponentNode, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties } from './component-node';
 import { ComponentPlatform } from './component-platform';
 declare type ComponentReference = string | [string, ...ComponentReferenceOverride[]];
 declare type ComponentReferenceOverride = {
@@ -10,10 +10,27 @@ declare type ComponentReferenceOverride = {
     properties?: ComponentNodeProperties;
     layout?: ComponentNodeLayout;
 };
-declare type NormalizedComponentReference = {
+export declare type NormalizedComponentReference = {
     definitionId: string;
     overrides: ComponentReferenceOverride[];
 };
 export declare const normalizeReference: (reference: ComponentReference) => NormalizedComponentReference;
+export declare type ComponentHandlerOptions = {
+    platform: ComponentPlatform;
+    node: ComponentNode;
+    references: ComponentReference[];
+    definitions: {
+        [name: string]: ComponentSettings;
+    };
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    branch?: string;
+};
+export declare const createChildren: (platform: ComponentPlatform, node: ComponentNode, references: ComponentReference[], definitions: {
+    [name: string]: ComponentSettings;
+}, views: {
+    [key: string]: ViewDefinition;
+}, branch?: string | undefined) => void;
 export declare const createComponentModel: (platform: ComponentPlatform, settings: WidgetSettings) => EventSubscriptionCancellation;
 export {};

package/lib-esm/component-platform/create-component-model.js

@@ -28,9 +28,10 @@ export var normalizeReference = function (reference) {
         overrides: [],
     };
 };
-var createChildren = function (platform, node, references, definitions, views, branch) {
+export var createChildren = function (platform, node, references, definitions, views, branch) {
     references.forEach(function (ref) {
         var childRef = normalizeReference(ref);
+        var childDef = definitions[childRef.definitionId];
         if (childRef.definitionId === 'view') {
             var viewNode_1 = platform.createNode('view');
             viewNode_1.name = 'view';
@@ -53,25 +54,38 @@ var createChildren = function (platform, node, references, definitions, views, b
                 }
             });
         }
+        else if (platform.getComponentHandler(childDef.type)) {
+            var handle = platform.getComponentHandler(childDef.type);
+            if (handle) {
+                handle(childRef, {
+                    platform: platform,
+                    node: node,
+                    references: references,
+                    definitions: definitions,
+                    views: views,
+                    branch: branch,
+                });
+            }
+        }
         else {
-            var childDef = definitions[childRef.definitionId];
+            var childDef_1 = definitions[childRef.definitionId];
             if (process.env.NODE_ENV !== 'production') {
-                if (!childDef) {
+                if (!childDef_1) {
                     Logger.error("No definition found for component type '".concat(childRef.definitionId, "'."));
                     return;
                 }
             }
-            var childNode_1 = platform.createNode(childDef.type);
+            var childNode_1 = platform.createNode(childDef_1.type);
             childNode_1.name = childRef.definitionId;
-            childNode_1.tags = childDef.tags || [];
-            if (childDef.properties) {
-                childNode_1.writeProperties(childDef.properties);
+            childNode_1.tags = childDef_1.tags || [];
+            if (childDef_1.properties) {
+                childNode_1.writeProperties(childDef_1.properties);
             }
-            if (childDef.context) {
-                childNode_1.writeContext(childDef.context);
+            if (childDef_1.context) {
+                childNode_1.writeContext(childDef_1.context);
             }
-            if (childDef.layout) {
-                childNode_1.writeLayout(childDef.layout);
+            if (childDef_1.layout) {
+                childNode_1.writeLayout(childDef_1.layout);
             }
             node.appendChild(childNode_1, branch);
             childRef.overrides.forEach(function (override) {
@@ -86,8 +100,8 @@ var createChildren = function (platform, node, references, definitions, views, b
                     childNode_1.writeLayout(override.layout, options);
                 }
             });
-            if (childDef.children) {
-                createChildren(platform, childNode_1, childDef.children, definitions, views);
+            if (childDef_1.children) {
+                createChildren(platform, childNode_1, childDef_1.children, definitions, views);
             }
         }
     });

package/lib-esm/component-platform/custom-component-handler.d.ts

@@ -0,0 +1,21 @@
+import { ComponentReference, ComponentSettings, ViewDefinition } from '../types';
+import { ComponentNode } from './component-node';
+import { ComponentPlatform } from './component-platform';
+import { NormalizedComponentReference } from './create-component-model';
+export declare type CustomHandlerCallback = (ref: NormalizedComponentReference, options: {
+    platform: ComponentPlatform;
+    node: ComponentNode;
+    references: ComponentReference[];
+    definitions: {
+        [name: string]: ComponentSettings;
+    };
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    branch?: string;
+}) => void;
+export declare class CustomComponentHandler {
+    private handlers;
+    add(name: string, fn: CustomHandlerCallback): void;
+    get(name: string): CustomHandlerCallback | undefined;
+}

package/lib-esm/component-platform/custom-component-handler.js

@@ -0,0 +1,13 @@
+var CustomComponentHandler = /** @class */ (function () {
+    function CustomComponentHandler() {
+        this.handlers = new Map();
+    }
+    CustomComponentHandler.prototype.add = function (name, fn) {
+        this.handlers.set(name, fn);
+    };
+    CustomComponentHandler.prototype.get = function (name) {
+        return this.handlers.get(name);
+    };
+    return CustomComponentHandler;
+}());
+export { CustomComponentHandler };

package/lib-esm/component-platform/index.d.ts

@@ -1,6 +1,7 @@
 export { ActionsController } from './actions-controller';
 export type { WatchActionDelegate } from './actions-controller';
 export type { ChangesetProvider } from './changeset-provider';
+export { default as componentConfigurationApi } from './component-configuration-api';
 export { AbstractComponentController, ComponentNodeController } from './component-controller';
 export { ComponentNode } from './component-node';
 export type { ChangesetOptions, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, Size, } from './component-node';
@@ -8,7 +9,8 @@ export { ComponentPlatform } from './component-platform';
 export type { SwitchMap } from './component-platform';
 export { ComponentQuery } from './component-query';
 export type { ComponentQueryRule } from './component-query';
-export { createComponentModel } from './create-component-model';
+export { createChildren, createComponentModel } from './create-component-model';
+export type { ComponentHandlerOptions, NormalizedComponentReference, } from './create-component-model';
 export { asDescriptor } from './descriptor';
 export type { ComponentDescriptor } from './descriptor';
 export { extendComponent } from './extend-component';

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

@@ -1,9 +1,10 @@
 export { ActionsController } from './actions-controller';
+export { default as componentConfigurationApi } from './component-configuration-api';
 export { AbstractComponentController, ComponentNodeController } from './component-controller';
 export { ComponentNode } from './component-node';
 export { ComponentPlatform } from './component-platform';
 export { ComponentQuery } from './component-query';
-export { createComponentModel } from './create-component-model';
+export { createChildren, createComponentModel } from './create-component-model';
 export { asDescriptor } from './descriptor';
 export { extendComponent } from './extend-component';
 export { findComponent, findVisibleComponents, traverseComponents } from './queries';

package/lib-esm/index.d.ts

@@ -1,6 +1,6 @@
 export { default as ActionResolver } from './action-resolver';
-export { ActionsController, asDescriptor, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
-export type { ChangesetOptions, ChangesetProvider, ComponentDescriptor, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, ComponentQueryRule, ExtendComponentHandler, ExtendComponentOptions, Size, SwitchMap, WatchActionDelegate, } from './component-platform';
+export { ActionsController, asDescriptor, componentConfigurationApi, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createChildren, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
+export type { ChangesetOptions, ChangesetProvider, ComponentDescriptor, ComponentHandlerOptions, ComponentNodeAttributes, ComponentNodeContext, ComponentNodeLayout, ComponentNodeProperties, ComponentNodeSettings, ComponentQueryRule, ExtendComponentHandler, ExtendComponentOptions, NormalizedComponentReference, Size, SwitchMap, WatchActionDelegate, } from './component-platform';
 export { default as ComponentResolver } from './component-resolver';
 export type { ReactComponent } from './component-resolver';
 export { createEventSubscriber } from './event-subscriber';

package/lib-esm/index.js

@@ -1,5 +1,5 @@
 export { default as ActionResolver } from './action-resolver';
-export { ActionsController, asDescriptor, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
+export { ActionsController, asDescriptor, componentConfigurationApi, ComponentNode, ComponentNodeController, ComponentPlatform, ComponentQuery, createChildren, createComponentModel, extendComponent, findComponent, findVisibleComponents, traverseComponents, } from './component-platform';
 export { default as ComponentResolver } from './component-resolver';
 export { createEventSubscriber } from './event-subscriber';
 export * from './types';

package/lib-esm/types/ui.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type Theme = {
     gap: string;
     accessibility: {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@telia-ace/widget-core",
-    "version": "1.0.0",
+    "version": "1.0.4",
     "description": "Core framework for ACE widgets.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
@@ -29,5 +29,5 @@
         "@webprovisions/bootstrapping": "^1.0.12",
         "@webprovisions/platform": "^1.1.2"
     },
-    "gitHead": "a45fde2bae0981a2a791a2362f2ecaf53430570b"
+    "gitHead": "34cb85e421c0c4a5bd08ccd899291683a11b3cf9"
 }