@telia-ace/widget-types-grid 1.0.8 → 1.0.11

package/{lib-esm → dist}/ui/prepare-dom.d.ts

@@ -1,20 +1,20 @@
-import { ViewOutletOptions } from './view-outlet';
-declare enum ProvidedElements {
-    None = "none",
-    WidgetDOM = "widgetDOM",
-    TriggerDOM = "triggerDOM",
-    Both = "both"
-}
-export declare enum TriggerType {
-    Inline = "inline",
-    Link = "link",
-    Badge = "badge",
-    Unsupported = "unsupported"
-}
-export declare const determineProvidedElements: (widgetDOMElement?: HTMLElement | undefined, triggerDOMElement?: HTMLElement | undefined) => ProvidedElements;
-export declare const determineTriggerType: (triggerDefinition?: any) => TriggerType;
-declare type PrepareDOMElementsOutput = ViewOutletOptions & {
-    callback?: () => void;
-};
-export declare const prepareDOMElements: (name: string, providedWidgetElement?: HTMLElement | undefined, providedTriggerElement?: HTMLElement | undefined, triggerDefinition?: any, waitWithReplace?: boolean) => PrepareDOMElementsOutput;
-export {};
+import { ViewOutletOptions } from './view-outlet';
+declare enum ProvidedElements {
+    None = "none",
+    WidgetDOM = "widgetDOM",
+    TriggerDOM = "triggerDOM",
+    Both = "both"
+}
+export declare enum TriggerType {
+    Inline = "inline",
+    Link = "link",
+    Badge = "badge",
+    Unsupported = "unsupported"
+}
+export declare const determineProvidedElements: (widgetDOMElement?: HTMLElement | undefined, triggerDOMElement?: HTMLElement | undefined) => ProvidedElements;
+export declare const determineTriggerType: (triggerDefinition?: any) => TriggerType;
+declare type PrepareDOMElementsOutput = ViewOutletOptions & {
+    callback?: () => void;
+};
+export declare const prepareDOMElements: (name: string, providedWidgetElement?: HTMLElement | undefined, providedTriggerElement?: HTMLElement | undefined, triggerDefinition?: any, waitWithReplace?: boolean) => PrepareDOMElementsOutput;
+export {};

package/{lib-esm → dist}/ui/render.d.ts

@@ -1,3 +1,3 @@
-import { Container } from '@webprovisions/platform';
-declare const _default: (container: Container, element: HTMLElement) => void;
-export default _default;
+import { Container } from '@webprovisions/platform';
+declare const _default: (container: Container, element: HTMLElement) => void;
+export default _default;

package/{lib-esm → dist}/ui/resolvable-component.d.ts

@@ -1,7 +1,7 @@
-import React from 'react';
-declare type Props = {
-    role?: string;
-    className?: string;
-};
-declare const ResolvableComponent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
-export default ResolvableComponent;
+import React from 'react';
+declare type Props = {
+    role?: string;
+    className?: string;
+};
+declare const ResolvableComponent: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLElement>>;
+export default ResolvableComponent;

package/dist/ui/styles.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const styling: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    'data-width': number;
+    'data-indent': number;
+}, import("styled-components").DefaultTheme>>;
+export declare const StyledView: import("styled-components").StyledComponent<import("react").FC<{
+    className?: string | undefined;
+}>, import("styled-components").DefaultTheme, {
+    'data-width': number;
+    'data-indent': number;
+}, never>;
+export declare const StyledAnimatedView: import("styled-components").StyledComponent<import("react").FC<{
+    className?: string | undefined;
+}>, import("styled-components").DefaultTheme, {
+    'data-width': number;
+    'data-indent': number;
+}, never>;

package/{lib-esm → dist}/ui/switch.d.ts

@@ -1,11 +1,11 @@
-import { ViewDefinition } from '@telia-ace/widget-core';
-import React from 'react';
-declare type Props = {
-    location?: any;
-    views: {
-        [key: string]: ViewDefinition;
-    };
-    render: (viewName: string) => JSX.Element | null;
-};
-declare const Switch: React.FC<Props>;
-export default Switch;
+import { ViewDefinition } from '@telia-ace/widget-core';
+import React from 'react';
+declare type Props = {
+    location?: any;
+    views: {
+        [key: string]: ViewDefinition;
+    };
+    render: (viewName: string) => JSX.Element | null;
+};
+declare const Switch: React.FC<Props>;
+export default Switch;

package/{lib → dist}/ui/unmount.d.ts

@@ -1,2 +1,2 @@
-declare const _default: (element: HTMLElement) => boolean;
-export default _default;
+declare const _default: (element: HTMLElement) => boolean;
+export default _default;

package/{lib-esm → dist}/ui/use-component-node-properties.d.ts

@@ -1,3 +1,3 @@
-import { ComponentNodeProperties } from '@telia-ace/widget-core';
-declare const _default: (id: string) => ComponentNodeProperties;
-export default _default;
+import { ComponentNodeProperties } from '@telia-ace/widget-core';
+declare const _default: (id: string) => ComponentNodeProperties;
+export default _default;

package/{lib-esm → dist}/ui/use-router.d.ts

@@ -1,4 +1,4 @@
-import { RoutingService } from '@telia-ace/widget-routing';
-import { Container } from '@webprovisions/platform';
-declare const _default: (container: Container) => RoutingService | null;
-export default _default;
+import { RoutingService } from '@telia-ace/widget-routing';
+import { Container } from '@webprovisions/platform';
+declare const _default: (container: Container) => RoutingService | null;
+export default _default;

package/{lib-esm → dist}/ui/view-outlet.d.ts

@@ -1,32 +1,32 @@
-import { Symbol } from '@telia-ace/widget-ui';
-import { Container } from '@webprovisions/platform';
-import { TriggerType } from './prepare-dom';
-export declare type BadgeOptions = {
-    symbol?: Symbol;
-    label?: string;
-    ariaLabel?: string;
-    openTooltip?: string;
-    closedTooltip?: string;
-};
-export declare type ViewOutletOptions = {
-    widgetDOMElement: HTMLElement;
-    triggerDOMElement?: HTMLElement;
-    triggerOptions?: BadgeOptions | boolean;
-    triggerType: TriggerType;
-    cachedOriginals: {
-        widgetDOMElement?: Node;
-        triggerDOMElement?: Node;
-    };
-};
-export declare class ViewOutlet {
-    options: ViewOutletOptions;
-    container: Container;
-    private unsubscribe;
-    constructor(container: Container, options: ViewOutletOptions);
-    /**
-     * Renders the view outlet to the DOM.
-     */
-    render(): Promise<void>;
-    renderBadge(options: BadgeOptions): void;
-    dispose(): Promise<void>;
-}
+import { Symbol } from '@telia-ace/widget-ui';
+import { Container } from '@webprovisions/platform';
+import { TriggerType } from './prepare-dom';
+export declare type BadgeOptions = {
+    symbol?: Symbol;
+    label?: string;
+    ariaLabel?: string;
+    openTooltip?: string;
+    closedTooltip?: string;
+};
+export declare type ViewOutletOptions = {
+    widgetDOMElement: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    triggerOptions?: BadgeOptions | boolean;
+    triggerType: TriggerType;
+    cachedOriginals: {
+        widgetDOMElement?: Node;
+        triggerDOMElement?: Node;
+    };
+};
+export declare class ViewOutlet {
+    options: ViewOutletOptions;
+    container: Container;
+    private unsubscribe;
+    constructor(container: Container, options: ViewOutletOptions);
+    /**
+     * Renders the view outlet to the DOM.
+     */
+    render(): Promise<void>;
+    renderBadge(options: BadgeOptions): void;
+    dispose(): Promise<void>;
+}

package/{lib → dist}/ui/view.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-declare type Props = {
-    className?: string;
-};
-declare const View: React.FC<Props>;
-export default View;
+import React from 'react';
+declare type Props = {
+    className?: string;
+};
+declare const View: React.FC<Props>;
+export default View;

package/{lib-esm → dist}/ui/wrapper.d.ts

@@ -1,7 +1,7 @@
-import { Container } from '@webprovisions/platform';
-import React from 'react';
-declare type Props = {
-    container: Container;
-};
-declare const Wrapper: React.SFC<Props>;
-export default Wrapper;
+import { Container } from '@webprovisions/platform';
+import React from 'react';
+declare type Props = {
+    container: Container;
+};
+declare const Wrapper: React.SFC<Props>;
+export default Wrapper;

package/dist/unmount.js

@@ -0,0 +1,4 @@
+import { unmountComponentAtNode } from "react-dom";
+var unmount = (element) => unmountComponentAtNode(element);
+export { unmount as default };
+//# sourceMappingURL=unmount.js.map

package/dist/unmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unmount.js","sources":["../src/ui/unmount.tsx"],"sourcesContent":["import { unmountComponentAtNode } from 'react-dom';\n\nexport default (element: HTMLElement) => unmountComponentAtNode(element);\n"],"names":[],"mappings":";AAEA,IAAA,UAAe,CAAC,YAAyB,uBAAuB,OAAO;;"}

package/{lib-esm → dist}/widget.d.ts

@@ -1,54 +1,54 @@
-import { WidgetRenderState, WidgetSettings } from '@telia-ace/widget-core';
-import { BootstrappingActivationData } from '@webprovisions/bootstrapping';
-import { Container, EventSubscriptionCancellation, WidgetType } from '@webprovisions/platform';
-import { ViewOutlet } from '././ui/view-outlet';
-export declare enum InitialRenderState {
-    Open = "open",
-    Closed = "closed",
-    Hidden = "hidden",
-    Storage = "storage"
-}
-export declare type RenderData = {
-    widgetDOMElement?: HTMLElement;
-    triggerDOMElement?: HTMLElement;
-    key?: string;
-    open?: boolean;
-    withRenderState?: InitialRenderState;
-};
-export declare type AttachData = {
-    widgetDOMElement?: HTMLElement;
-    triggerDOMElement?: HTMLElement;
-    key?: string;
-    withRenderState?: InitialRenderState;
-};
-export default class Widget extends WidgetType {
-    outlets: Map<string, ViewOutlet>;
-    activated: Promise<void> | undefined;
-    subs: EventSubscriptionCancellation[];
-    constructor(container: Container);
-    handleBootstrapping: (activationData: BootstrappingActivationData) => void;
-    initialize(): Promise<void>;
-    attach(attachData?: AttachData): any;
-    detach(key?: string): void;
-    private triggerStateIfApplicable;
-    private getOrCreateViewOutlet;
-    render(renderData?: RenderData): any;
-    activate(data?: any): void;
-    setSettings(fn: (settings: WidgetSettings) => Promise<Partial<WidgetSettings>>): Promise<WidgetSettings>;
-    clearSettings(): Promise<void>;
-    action({ action, value }: {
-        action: string;
-        value?: any;
-    }): Promise<void>;
-    renderState(): Promise<WidgetRenderState>;
-    hide(): Promise<void>;
-    open(): Promise<void>;
-    close(): Promise<void>;
-    show(): Promise<void>;
-    private onAction;
-    private setRenderState;
-    private onOpen;
-    private onClose;
-    private setTriggerState;
-    deactivate(): Promise<void[]>;
-}
+import { WidgetRenderState, WidgetSettings } from '@telia-ace/widget-core';
+import { BootstrappingActivationData } from '@webprovisions/bootstrapping';
+import { Container, EventSubscriptionCancellation, WidgetType } from '@webprovisions/platform';
+import { ViewOutlet } from '././ui/view-outlet';
+export declare enum InitialRenderState {
+    Open = "open",
+    Closed = "closed",
+    Hidden = "hidden",
+    Storage = "storage"
+}
+export declare type RenderData = {
+    widgetDOMElement?: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    key?: string;
+    open?: boolean;
+    withRenderState?: InitialRenderState;
+};
+export declare type AttachData = {
+    widgetDOMElement?: HTMLElement;
+    triggerDOMElement?: HTMLElement;
+    key?: string;
+    withRenderState?: InitialRenderState;
+};
+export default class Widget extends WidgetType {
+    outlets: Map<string, ViewOutlet>;
+    activated: Promise<void> | undefined;
+    subs: EventSubscriptionCancellation[];
+    constructor(container: Container);
+    handleBootstrapping: (activationData: BootstrappingActivationData) => void;
+    initialize(): Promise<void>;
+    attach(attachData?: AttachData): any;
+    detach(key?: string): void;
+    private triggerStateIfApplicable;
+    private getOrCreateViewOutlet;
+    render(renderData?: RenderData): any;
+    activate(data?: any): void;
+    setSettings(fn: (settings: WidgetSettings) => Promise<Partial<WidgetSettings>>): Promise<WidgetSettings>;
+    clearSettings(): Promise<void>;
+    action({ action, value }: {
+        action: string;
+        value?: any;
+    }): Promise<void>;
+    renderState(): Promise<WidgetRenderState>;
+    hide(): Promise<void>;
+    open(): Promise<void>;
+    close(): Promise<void>;
+    show(): Promise<void>;
+    private onAction;
+    private setRenderState;
+    private onOpen;
+    private onClose;
+    private setTriggerState;
+    deactivate(): Promise<void[]>;
+}

package/package.json

@@ -1,39 +1,40 @@
 {
     "name": "@telia-ace/widget-types-grid",
-    "version": "1.0.8",
+    "version": "1.0.11",
     "description": "Type definition for Grid widget.",
     "license": "SEE LICENSE IN LICENSE.txt",
     "author": "Telia Company AB",
     "keywords": [
         "telia"
     ],
-    "main": "lib/index.js",
-    "module": "lib-esm/index.js",
+    "module": "dist/index.js",
+    "types": "dist/index.d.ts",
     "files": [
         "LICENSE.txt",
         "README.md",
-        "lib/",
-        "lib-esm/"
+        "dist/"
     ],
     "publishConfig": {
         "access": "public"
     },
     "scripts": {
-        "clean": "cleandir lib && cleandir lib-esm",
-        "compile": "tsc -p tsconfig.cjs.json && tsc -p tsconfig.esm.json"
+        "clean": "rimraf ./dist",
+        "precompile": "tsc -emitDeclarationOnly",
+        "compile": "vite build"
     },
     "sideEffects": false,
-    "typings": "lib/index.d.ts",
     "dependencies": {
-        "@telia-ace/knowledge-serviceclient": "^1.0.3",
-        "@telia-ace/widget-core": "^1.0.4",
-        "@telia-ace/widget-forms": "^1.0.8",
-        "@telia-ace/widget-routing": "^1.0.5",
-        "@telia-ace/widget-services": "^1.0.4",
-        "@telia-ace/widget-ui": "^1.0.8",
-        "@telia-ace/widget-utilities": "^1.0.1",
+        "@telia-ace/knowledge-serviceclient": "^1.0.4",
+        "@telia-ace/widget-core": "^1.0.7",
+        "@telia-ace/widget-forms": "^1.0.11",
+        "@telia-ace/widget-routing": "^1.0.8",
+        "@telia-ace/widget-services": "^1.0.7",
+        "@telia-ace/widget-ui": "^1.0.11",
+        "@telia-ace/widget-utilities": "^1.0.2",
         "@webprovisions/bootstrapping": "^1.0.12",
-        "@webprovisions/platform": "^1.1.2",
+        "@webprovisions/platform": "^1.1.2"
+    },
+    "peerDependencies": {
         "react": "^16.8.0",
         "react-dom": "^16.8.0",
         "react-router": "^5.0.0",
@@ -48,5 +49,5 @@
         "@types/react-transition-group": "^4.4.4",
         "@types/styled-components": "^5.1.7"
     },
-    "gitHead": "4f211de85d09516b182df7220f0130c8fb72ccaf"
+    "gitHead": "0dfcfc79a4b6c45f98b7e62b71d5c0a30b907236"
 }

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

@@ -1,13 +0,0 @@
-import { ChangesetOptions, ChangesetProvider, ComponentNodeSettings, ComponentPlatform, ComponentQuery } from '@telia-ace/widget-core';
-import { StorageWriter } from '@telia-ace/widget-services';
-import { Container, Widget } from '@webprovisions/platform';
-export declare class LocalStorageChangesetProvider implements ChangesetProvider {
-    private container;
-    private storageWriter;
-    constructor(container: Container, storageWriter: StorageWriter);
-    static create(container: Container): Promise<LocalStorageChangesetProvider>;
-    write(key: string, target: ComponentQuery, attributes: Partial<ComponentNodeSettings>, options: ChangesetOptions): Promise<any>;
-    remove(key: string): Promise<any>;
-    load(platform: ComponentPlatform): Promise<any>;
-}
-export declare const createPlatform: (widget: Widget) => Promise<ComponentPlatform>;

package/lib/component-platform-factory.js

@@ -1,105 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.createPlatform = exports.LocalStorageChangesetProvider = void 0;
-var widget_core_1 = require("@telia-ace/widget-core");
-var widget_services_1 = require("@telia-ace/widget-services");
-var widget_utilities_1 = require("@telia-ace/widget-utilities");
-var platform_1 = require("@webprovisions/platform");
-var STORAGE_KEY = 'changesets';
-var convertSettingsToAttributes = function (settings) {
-    var attributes = { tags: settings.tags };
-    if (settings.context && typeof settings.context !== 'function') {
-        attributes.context = settings.context;
-    }
-    if (settings.properties && typeof settings.properties !== 'function') {
-        attributes.properties = settings.properties;
-    }
-    if (settings.layout && typeof settings.layout !== 'function') {
-        attributes.layout = settings.layout;
-    }
-    return attributes;
-};
-var LocalStorageChangesetProvider = /** @class */ (function () {
-    function LocalStorageChangesetProvider(container, storageWriter) {
-        this.container = container;
-        this.storageWriter = storageWriter;
-    }
-    LocalStorageChangesetProvider.create = function (container) {
-        return (0, widget_services_1.createStorageWriter)(container, STORAGE_KEY, widget_services_1.StorageCategory.Necessary, {
-            medium: widget_services_1.StorageMedium.Local,
-        }).then(function (storageWriter) { return new LocalStorageChangesetProvider(container, storageWriter); });
-    };
-    LocalStorageChangesetProvider.prototype.write = function (key, target, attributes, options) {
-        var _this = this;
-        return (0, widget_utilities_1.lock)(this)(function () {
-            return (0, widget_services_1.readStorage)(_this.container, STORAGE_KEY, widget_services_1.StorageMedium.Local).then(function (bag) {
-                if (bag === void 0) { bag = {}; }
-                var _a = bag.keys, keys = _a === void 0 ? [] : _a, _b = bag.items, items = _b === void 0 ? {} : _b;
-                var existingIndex = keys.indexOf(key);
-                if (existingIndex > -1) {
-                    keys.splice(existingIndex, 1);
-                }
-                keys.push(key);
-                items[key] = {
-                    options: options,
-                    attributes: convertSettingsToAttributes(attributes),
-                    rules: target.rules,
-                };
-                return _this.storageWriter({ keys: keys, items: items });
-            });
-        });
-    };
-    LocalStorageChangesetProvider.prototype.remove = function (key) {
-        var _this = this;
-        return (0, widget_utilities_1.lock)(this)(function () {
-            return (0, widget_services_1.readStorage)(_this.container, STORAGE_KEY, widget_services_1.StorageMedium.Local).then(function (bag) {
-                if (bag === void 0) { bag = {}; }
-                var _a = bag.keys, keys = _a === void 0 ? [] : _a, _b = bag.items, items = _b === void 0 ? {} : _b;
-                var indexToRemove = keys.indexOf(key);
-                if (indexToRemove > -1) {
-                    keys.splice(indexToRemove, 1);
-                    delete items[key];
-                    return _this.storageWriter(bag);
-                }
-            });
-        });
-    };
-    LocalStorageChangesetProvider.prototype.load = function (platform) {
-        var _this = this;
-        return (0, widget_utilities_1.lock)(this)(function () {
-            return (0, widget_services_1.readStorage)(_this.container, STORAGE_KEY, widget_services_1.StorageMedium.Local).then(function (bag) {
-                if (bag === void 0) { bag = {}; }
-                var _a = bag.keys, keys = _a === void 0 ? [] : _a, _b = bag.items, items = _b === void 0 ? {} : _b;
-                keys.forEach(function (key) {
-                    var item = items[key];
-                    if (item) {
-                        var rules = item.rules, attributes = item.attributes, options = item.options;
-                        platform.write({
-                            attributes: attributes,
-                            options: options,
-                            target: new widget_core_1.ComponentQuery(platform, rules),
-                        });
-                    }
-                });
-            });
-        });
-    };
-    return LocalStorageChangesetProvider;
-}());
-exports.LocalStorageChangesetProvider = LocalStorageChangesetProvider;
-var createPlatform = function (widget) {
-    var container = widget.container;
-    return LocalStorageChangesetProvider.create(container).then(function (localStorage) {
-        var settings = container.get('$settings');
-        var providers = { localStorage: localStorage };
-        var platform = new widget_core_1.ComponentPlatform(widget, providers);
-        var destructComponentModel = (0, widget_core_1.createComponentModel)(platform, settings);
-        widget.events.subscribe('widget:state-change', function (event, data) {
-            if (data.state === platform_1.WidgetState.Deactivating) {
-                destructComponentModel();
-            }
-        });
-        return platform;
-    });
-};
-exports.createPlatform = createPlatform;

package/lib/index.js

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Widget = exports.GridWidget = exports.NotFound = exports.DetachedComponent = exports.genericComponentStyling = exports.Component = void 0;
-var component_1 = require("./ui/component");
-Object.defineProperty(exports, "Component", { enumerable: true, get: function () { return __importDefault(component_1).default; } });
-Object.defineProperty(exports, "genericComponentStyling", { enumerable: true, get: function () { return component_1.styling; } });
-var detached_component_1 = require("./ui/detached-component");
-Object.defineProperty(exports, "DetachedComponent", { enumerable: true, get: function () { return __importDefault(detached_component_1).default; } });
-var not_found_1 = require("./ui/not-found");
-Object.defineProperty(exports, "NotFound", { enumerable: true, get: function () { return __importDefault(not_found_1).default; } });
-var widget_1 = require("./widget");
-Object.defineProperty(exports, "GridWidget", { enumerable: true, get: function () { return __importDefault(widget_1).default; } });
-Object.defineProperty(exports, "Widget", { enumerable: true, get: function () { return __importDefault(widget_1).default; } });

package/lib/services.d.ts

@@ -1,7 +0,0 @@
-import { Container } from '@webprovisions/platform';
-export declare const createRoutingService: (container: Container) => Promise<any>;
-export declare const createStorageService: (container: Container) => Promise<import("@telia-ace/widget-services").StorageProvider>;
-export declare const createServiceClient: (container: Container) => Promise<any>;
-export declare const createActionResolver: (container: Container) => Promise<import("@telia-ace/widget-core").ActionResolver>;
-export declare const createComponentResolver: (container: Container) => Promise<import("@telia-ace/widget-core").ComponentResolver>;
-export declare const createComponentPlatform: (container: Container) => Promise<import("@telia-ace/widget-core").ComponentPlatform>;