polymatica-widget-component-legacy 2.1.18 → 2.1.19

package/LICENSE

@@ -1,13 +1,13 @@
-Copyright (c) 2021, Polymatica <E-mail address>
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted, provided that the above
-copyright notice and this permission notice appear in all copies.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
-WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
-MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
-ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
-WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
-ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
-OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+Copyright (c) 2021, Polymatica <E-mail address>
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted, provided that the above
+copyright notice and this permission notice appear in all copies.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES
+WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF
+MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR
+ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES
+WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN
+ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF
+OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.

package/README.md

@@ -1,6 +1,6 @@
-# polymatica-widget-component-legacy
-
-![build: success](https://raw.githubusercontent.com/git@gitlab.ptnl.moscow:constructor/platform/polymatica-widget-component-legacy/master/badges/build.svg)
-![license: ISC](https://raw.githubusercontent.com/git@gitlab.ptnl.moscow:constructor/platform/polymatica-widget-component-legacy/master/badges/license.svg)
-
-readme
+# polymatica-widget-component-legacy
+
+![build: success](https://raw.githubusercontent.com/git@gitlab.ptnl.moscow:constructor/platform/polymatica-widget-component-legacy/master/badges/build.svg)
+![license: ISC](https://raw.githubusercontent.com/git@gitlab.ptnl.moscow:constructor/platform/polymatica-widget-component-legacy/master/badges/license.svg)
+
+readme

package/esm/context.d.ts

@@ -1,21 +1,21 @@
-import { WidgetRenderEnv } from 'plmt-constructor-sdk';
-import { Locale } from 'plmt-constructor-sdk/config';
-import { ConfigDataOption_Server } from 'plmt-constructor-sdk/__internal__/config';
-import { ThemeProvide } from 'plmt-constructor-sdk/__internal__/theme';
-import { WidgetRepresent } from 'plmt-constructor-sdk/__internal__/widget';
-import { Connector } from './tools/connector';
-export type UID = string;
-export interface Context {
-    readonly iframe: HTMLIFrameElement;
-    dataConfig?: ConfigDataOption_Server;
-    widgetRepresent?: WidgetRepresent;
-    locale?: Locale;
-    theme?: ThemeProvide;
-    widgetBasePath?: string;
-    widgetRenderEnv?: WidgetRenderEnv;
-    uid?: UID;
-    inited: boolean;
-    shadowRoot: ShadowRoot;
-    connector: Connector;
-    otherFilterColumnId: number;
-}
+import { WidgetRenderEnv } from 'plmt-constructor-sdk';
+import { Locale } from 'plmt-constructor-sdk/config';
+import { ConfigDataOption_Server } from 'plmt-constructor-sdk/__internal__/config';
+import { ThemeProvide } from 'plmt-constructor-sdk/__internal__/theme';
+import { WidgetRepresent } from 'plmt-constructor-sdk/__internal__/widget';
+import { Connector } from './tools/connector';
+export type UID = string;
+export interface Context {
+    readonly iframe: HTMLIFrameElement;
+    dataConfig?: ConfigDataOption_Server;
+    widgetRepresent?: WidgetRepresent;
+    locale?: Locale;
+    theme?: ThemeProvide;
+    widgetBasePath?: string;
+    widgetRenderEnv?: WidgetRenderEnv;
+    uid?: UID;
+    inited: boolean;
+    shadowRoot: ShadowRoot;
+    connector: Connector;
+    otherFilterColumnId: number;
+}

package/esm/context.js

@@ -1,2 +1,2 @@
-export {};
+export {};
 //# sourceMappingURL=context.js.map

package/esm/css.d.ts

@@ -1 +1 @@
-export declare const css = "\n:host {\n    display: block;\n}\n\niframe {\n    border: none;\n    width: 100%;\n    height: 100%;\n}\n";
+export declare const css = "\n:host {\n    display: block;\n}\n\niframe {\n    border: none;\n    width: 100%;\n    height: 100%;\n}\n";

package/esm/css.js

@@ -1,12 +1,12 @@
-export const css = `
-:host {
-    display: block;
-}
-
-iframe {
-    border: none;
-    width: 100%;
-    height: 100%;
-}
-`;
+export const css = `
+:host {
+    display: block;
+}
+
+iframe {
+    border: none;
+    width: 100%;
+    height: 100%;
+}
+`;
 //# sourceMappingURL=css.js.map

package/esm/events.d.ts

@@ -1 +1 @@
-export { EventType } from 'polymatica-widget-component';
+export { EventType } from 'polymatica-widget-component';

package/esm/events.js

@@ -1,2 +1,2 @@
-export { EventType } from 'polymatica-widget-component';
+export { EventType } from 'polymatica-widget-component';
 //# sourceMappingURL=events.js.map

package/esm/index.d.ts

@@ -1 +1 @@
-export * from './polymatica-widget-component-legacy';
+export * from './polymatica-widget-component-legacy';

package/esm/index.js

@@ -1,4 +1,4 @@
-import { PolymaticaWidgetLegacy } from './polymatica-widget-component-legacy';
-export * from './polymatica-widget-component-legacy';
-customElements.define('polymatica-widget-legacy', PolymaticaWidgetLegacy);
+import { PolymaticaWidgetLegacy } from './polymatica-widget-component-legacy';
+export * from './polymatica-widget-component-legacy';
+customElements.define('polymatica-widget-legacy', PolymaticaWidgetLegacy);
 //# sourceMappingURL=index.js.map

package/esm/polymatica-widget-component-legacy.d.ts

@@ -1,29 +1,29 @@
-import { Locale, Options, Theme } from 'polymatica-widget';
-import { PolymaticaWidget, WidgetColumn, WidgetData, WidgetDatasetRef } from 'polymatica-widget-component';
-import { WidgetRenderEnv } from 'plmt-constructor-sdk';
-import { ConfigDataOption_Server } from 'plmt-constructor-sdk/__internal__/config';
-import { UID } from './context';
-declare global {
-    interface Window {
-        format: {
-            [uid: UID]: {
-                [columnPath: WidgetColumn['path']]: WidgetColumn['format'];
-            };
-        };
-    }
-}
-export declare class PolymaticaWidgetLegacy extends HTMLElement implements Omit<PolymaticaWidget, '#private'> {
-    set renderEnv(value: WidgetRenderEnv);
-    set widgetBasePath(value: string);
-    set locale(value: Locale);
-    private _uid;
-    set uid(value: UID);
-    get uid(): UID;
-    constructor();
-    private initFormatterToWindow;
-    setDataConfig(dataConfig: ConfigDataOption_Server): void;
-    provide(data: WidgetData | undefined, options: Options | undefined): void;
-    provideTheme(theme: Theme): void;
-    highlight(_: WidgetDatasetRef, rowIndexArray: number[]): void;
-    setInteractColumnId(id: number): void;
-}
+import { Locale, Options, Theme } from 'polymatica-widget';
+import { PolymaticaWidget, WidgetColumn, WidgetData, WidgetDatasetRef } from 'polymatica-widget-component';
+import { WidgetRenderEnv } from 'plmt-constructor-sdk';
+import { ConfigDataOption_Server } from 'plmt-constructor-sdk/__internal__/config';
+import { UID } from './context';
+declare global {
+    interface Window {
+        format: {
+            [uid: UID]: {
+                [columnPath: WidgetColumn['path']]: WidgetColumn['format'];
+            };
+        };
+    }
+}
+export declare class PolymaticaWidgetLegacy extends HTMLElement implements Omit<PolymaticaWidget, '#private'> {
+    set renderEnv(value: WidgetRenderEnv);
+    set widgetBasePath(value: string);
+    set locale(value: Locale);
+    private _uid;
+    set uid(value: UID);
+    get uid(): UID;
+    constructor();
+    private initFormatterToWindow;
+    setDataConfig(dataConfig: ConfigDataOption_Server): void;
+    provide(data: WidgetData | undefined, options: Options | undefined): void;
+    provideTheme(theme: Theme): void;
+    highlight(_: WidgetDatasetRef, rowIndexArray: number[]): void;
+    setInteractColumnId(id: number): void;
+}

package/esm/polymatica-widget-component-legacy.js

@@ -1,224 +1,224 @@
-import { not } from 'logical-not';
-import { WidgetRenderEnv } from 'plmt-constructor-sdk';
-import { DataQueryFunction, DataQueryMethod, } from 'plmt-constructor-sdk/config';
-import { FilterMethod } from 'plmt-constructor-sdk/data';
-import { ConfigDataBlockType_Server, blockFilterKey, blockSortKey, } from 'plmt-constructor-sdk/__internal__/config';
-import { widgetDefaultKey, } from 'plmt-constructor-sdk/__internal__/widget';
-import { Input } from 'plmt-constructor-sdk/__internal__/widget-io';
-import { css } from './css';
-import { attributesWatcher } from './tools/attributes-watcher';
-import { Connector } from './tools/connector';
-const map = new WeakMap();
-Connector.widgetContextMap = map;
-export class PolymaticaWidgetLegacy extends HTMLElement {
-    set renderEnv(value) {
-        switch (value) {
-            case WidgetRenderEnv.Print:
-                change(this, { widgetRenderEnv: value });
-                break;
-        }
-    }
-    set widgetBasePath(value) {
-        change(this, { widgetBasePath: value });
-    }
-    set locale(value) {
-        change(this, { locale: value });
-    }
-    set uid(value) {
-        this._uid = value;
-    }
-    get uid() {
-        return this._uid;
-    }
-    constructor() {
-        super();
-        const shadowRoot = this.attachShadow({ mode: 'closed' });
-        const iframe = document.createElement('iframe');
-        const style = document.createElement('style');
-        style.textContent = css;
-        shadowRoot.append(style);
-        const context = {
-            iframe,
-            inited: false,
-            shadowRoot,
-            connector: new Connector(this),
-            otherFilterColumnId: 0,
-        };
-        map.set(this, context);
-        attributesWatcher(this);
-    }
-    initFormatterToWindow(dataset, uid) {
-        const format = window['format'] || {};
-        format[uid] = format[uid] || {};
-        dataset.columns.forEach((column) => {
-            format[uid][column.path] = column.format;
-        });
-        window.format = format;
-    }
-    setDataConfig(dataConfig) {
-        change(this, { dataConfig });
-    }
-    provide(data, options) {
-        const { dataset } = data;
-        if (this.uid) {
-            this.initFormatterToWindow(dataset, this.uid);
-        }
-        const blocks = Object.entries(dataset.columnsByBlock).map(([key, columnIds]) => ({
-            key,
-            block_type: ConfigDataBlockType_Server.Column,
-            function: DataQueryFunction.Group,
-            columns: columnIds.map((column_id) => ({
-                column_id,
-            })),
-        }));
-        if (options?.sort?.length) {
-            const sortBlock = {
-                key: blockSortKey,
-                block_type: ConfigDataBlockType_Server.Sort,
-                function: null,
-                columns: options.sort.map(({ column_id, direction }) => {
-                    return { column_id, value: direction };
-                }),
-            };
-            blocks.push(sortBlock);
-        }
-        if (options?.filters) {
-            const filterBlock = {
-                key: blockFilterKey,
-                block_type: ConfigDataBlockType_Server.Filter,
-                function: null,
-                columns: options.filters.map(({ column_id, action, value }) => {
-                    return { column_id, action, value };
-                }),
-            };
-            blocks.push(filterBlock);
-        }
-        const columns = dataset.columns.map((column) => ({
-            id: column.id,
-            name: column.name,
-            path: column.path,
-            base_type: column.type,
-        }));
-        change(this, {
-            uid: this.uid,
-            widgetRepresent: {
-                dataOptionsMap: {
-                    [widgetDefaultKey]: {
-                        data_option: {
-                            key: widgetDefaultKey,
-                            id: 0,
-                            dataset: {
-                                id: 0,
-                                name: '',
-                                columns_id: columns,
-                            },
-                            method: DataQueryMethod.Aggregate,
-                            limit_rows: -1,
-                            offset: 0,
-                            blocks,
-                        },
-                        rows: dataset.rows,
-                        total: dataset.rows.length,
-                    },
-                },
-                viewOptions: Object.entries(options || {}).map(([key, value]) => ({
-                    key,
-                    value,
-                })),
-            },
-        });
-    }
-    provideTheme(theme) {
-        change(this, {
-            theme: {
-                theme: {
-                    background: 'rgb(241, 241, 242)',
-                    backgroundBright: 'rgb(32, 33, 39)',
-                    backgroundTint: [
-                        'rgb(230, 230, 234)',
-                        'rgb(208, 208, 213)',
-                        'rgb(163, 163, 172)',
-                        'rgb(118, 118, 133)',
-                        'rgb(64, 64, 83)',
-                        'rgb(32, 33, 39)',
-                    ],
-                    text: 'rgb(0, 175, 215)',
-                    textTint: [
-                        '#0d131e',
-                        '#111827',
-                        '#1f2937',
-                        '#374151',
-                        '#4b5563',
-                    ],
-                    colors: theme.palette,
-                    colorize: theme.heatmap ?? [],
-                },
-                themeKey: 'polymatica',
-                themeProjectKey: 'polymatica',
-            },
-        });
-    }
-    highlight(_, rowIndexArray) {
-        const { connector, otherFilterColumnId, widgetRepresent } = getContext(this);
-        const value = [];
-        const data = widgetRepresent?.dataOptionsMap[widgetDefaultKey];
-        if (data) {
-            const column = data.data_option.dataset.columns_id.find(({ id }) => id === otherFilterColumnId);
-            if (column) {
-                rowIndexArray.forEach((i) => {
-                    if (i in data.rows)
-                        value.push(data.rows[i][column.path]);
-                });
-            }
-        }
-        connector.send(Input.ChangeOtherFilters, [
-            {
-                column_id: otherFilterColumnId,
-                value,
-                action: FilterMethod.InList,
-            },
-        ]);
-    }
-    setInteractColumnId(id) {
-        const context = getContext(this);
-        context.otherFilterColumnId = id;
-    }
-}
-function getContext(widget) {
-    return map.get(widget);
-}
-function change(widget, slice) {
-    const context = getContext(widget);
-    Object.assign(context, slice);
-    const { iframe, inited, widgetRepresent, locale, theme, widgetBasePath } = context;
-    if (not(widgetRepresent))
-        return;
-    if (not(locale))
-        return;
-    if (not(theme))
-        return;
-    if (not(widgetBasePath))
-        return;
-    if (not(inited)) {
-        context.inited = true;
-        let src = widgetBasePath;
-        if (not(src.endsWith('/')))
-            src += '/';
-        src += `index.html?token=${context.connector.token}`;
-        if (context.uid) {
-            src += `&uid=${context.uid}`;
-        }
-        iframe.src = src;
-        context.shadowRoot.append(iframe);
-    }
-    else {
-        const { connector } = context;
-        if (slice.theme)
-            connector.send(Input.ChangeTheme, theme);
-        if (slice.locale)
-            connector.send(Input.ChangeLang, locale);
-        if (slice.widgetRepresent)
-            connector.send(Input.Change, widgetRepresent);
-    }
-}
+import { not } from 'logical-not';
+import { WidgetRenderEnv } from 'plmt-constructor-sdk';
+import { DataQueryFunction, DataQueryMethod, } from 'plmt-constructor-sdk/config';
+import { FilterMethod } from 'plmt-constructor-sdk/data';
+import { ConfigDataBlockType_Server, blockFilterKey, blockSortKey, } from 'plmt-constructor-sdk/__internal__/config';
+import { widgetDefaultKey, } from 'plmt-constructor-sdk/__internal__/widget';
+import { Input } from 'plmt-constructor-sdk/__internal__/widget-io';
+import { css } from './css';
+import { attributesWatcher } from './tools/attributes-watcher';
+import { Connector } from './tools/connector';
+const map = new WeakMap();
+Connector.widgetContextMap = map;
+export class PolymaticaWidgetLegacy extends HTMLElement {
+    set renderEnv(value) {
+        switch (value) {
+            case WidgetRenderEnv.Print:
+                change(this, { widgetRenderEnv: value });
+                break;
+        }
+    }
+    set widgetBasePath(value) {
+        change(this, { widgetBasePath: value });
+    }
+    set locale(value) {
+        change(this, { locale: value });
+    }
+    set uid(value) {
+        this._uid = value;
+    }
+    get uid() {
+        return this._uid;
+    }
+    constructor() {
+        super();
+        const shadowRoot = this.attachShadow({ mode: 'closed' });
+        const iframe = document.createElement('iframe');
+        const style = document.createElement('style');
+        style.textContent = css;
+        shadowRoot.append(style);
+        const context = {
+            iframe,
+            inited: false,
+            shadowRoot,
+            connector: new Connector(this),
+            otherFilterColumnId: 0,
+        };
+        map.set(this, context);
+        attributesWatcher(this);
+    }
+    initFormatterToWindow(dataset, uid) {
+        const format = window['format'] || {};
+        format[uid] = format[uid] || {};
+        dataset.columns.forEach((column) => {
+            format[uid][column.path] = column.format;
+        });
+        window.format = format;
+    }
+    setDataConfig(dataConfig) {
+        change(this, { dataConfig });
+    }
+    provide(data, options) {
+        const { dataset } = data;
+        if (this.uid) {
+            this.initFormatterToWindow(dataset, this.uid);
+        }
+        const blocks = Object.entries(dataset.columnsByBlock).map(([key, columnIds]) => ({
+            key,
+            block_type: ConfigDataBlockType_Server.Column,
+            function: DataQueryFunction.Group,
+            columns: columnIds.map((column_id) => ({
+                column_id,
+            })),
+        }));
+        if (options?.sort?.length) {
+            const sortBlock = {
+                key: blockSortKey,
+                block_type: ConfigDataBlockType_Server.Sort,
+                function: null,
+                columns: options.sort.map(({ column_id, direction }) => {
+                    return { column_id, value: direction };
+                }),
+            };
+            blocks.push(sortBlock);
+        }
+        if (options?.filters) {
+            const filterBlock = {
+                key: blockFilterKey,
+                block_type: ConfigDataBlockType_Server.Filter,
+                function: null,
+                columns: options.filters.map(({ column_id, action, value }) => {
+                    return { column_id, action, value };
+                }),
+            };
+            blocks.push(filterBlock);
+        }
+        const columns = dataset.columns.map((column) => ({
+            id: column.id,
+            name: column.name,
+            path: column.path,
+            base_type: column.type,
+        }));
+        change(this, {
+            uid: this.uid,
+            widgetRepresent: {
+                dataOptionsMap: {
+                    [widgetDefaultKey]: {
+                        data_option: {
+                            key: widgetDefaultKey,
+                            id: 0,
+                            dataset: {
+                                id: 0,
+                                name: '',
+                                columns_id: columns,
+                            },
+                            method: DataQueryMethod.Aggregate,
+                            limit_rows: -1,
+                            offset: 0,
+                            blocks,
+                        },
+                        rows: dataset.rows,
+                        total: dataset.rows.length,
+                    },
+                },
+                viewOptions: Object.entries(options || {}).map(([key, value]) => ({
+                    key,
+                    value,
+                })),
+            },
+        });
+    }
+    provideTheme(theme) {
+        change(this, {
+            theme: {
+                theme: {
+                    background: 'rgb(241, 241, 242)',
+                    backgroundBright: 'rgb(32, 33, 39)',
+                    backgroundTint: [
+                        'rgb(230, 230, 234)',
+                        'rgb(208, 208, 213)',
+                        'rgb(163, 163, 172)',
+                        'rgb(118, 118, 133)',
+                        'rgb(64, 64, 83)',
+                        'rgb(32, 33, 39)',
+                    ],
+                    text: 'rgb(0, 175, 215)',
+                    textTint: [
+                        '#0d131e',
+                        '#111827',
+                        '#1f2937',
+                        '#374151',
+                        '#4b5563',
+                    ],
+                    colors: theme.palette,
+                    colorize: theme.heatmap ?? [],
+                },
+                themeKey: 'polymatica',
+                themeProjectKey: 'polymatica',
+            },
+        });
+    }
+    highlight(_, rowIndexArray) {
+        const { connector, otherFilterColumnId, widgetRepresent } = getContext(this);
+        const value = [];
+        const data = widgetRepresent?.dataOptionsMap[widgetDefaultKey];
+        if (data) {
+            const column = data.data_option.dataset.columns_id.find(({ id }) => id === otherFilterColumnId);
+            if (column) {
+                rowIndexArray.forEach((i) => {
+                    if (i in data.rows)
+                        value.push(data.rows[i][column.path]);
+                });
+            }
+        }
+        connector.send(Input.ChangeOtherFilters, [
+            {
+                column_id: otherFilterColumnId,
+                value,
+                action: FilterMethod.InList,
+            },
+        ]);
+    }
+    setInteractColumnId(id) {
+        const context = getContext(this);
+        context.otherFilterColumnId = id;
+    }
+}
+function getContext(widget) {
+    return map.get(widget);
+}
+function change(widget, slice) {
+    const context = getContext(widget);
+    Object.assign(context, slice);
+    const { iframe, inited, widgetRepresent, locale, theme, widgetBasePath } = context;
+    if (not(widgetRepresent))
+        return;
+    if (not(locale))
+        return;
+    if (not(theme))
+        return;
+    if (not(widgetBasePath))
+        return;
+    if (not(inited)) {
+        context.inited = true;
+        let src = widgetBasePath;
+        if (not(src.endsWith('/')))
+            src += '/';
+        src += `index.html?token=${context.connector.token}`;
+        if (context.uid) {
+            src += `&uid=${context.uid}`;
+        }
+        iframe.src = src;
+        context.shadowRoot.append(iframe);
+    }
+    else {
+        const { connector } = context;
+        if (slice.theme)
+            connector.send(Input.ChangeTheme, theme);
+        if (slice.locale)
+            connector.send(Input.ChangeLang, locale);
+        if (slice.widgetRepresent)
+            connector.send(Input.Change, widgetRepresent);
+    }
+}
 //# sourceMappingURL=polymatica-widget-component-legacy.js.map

package/esm/tools/attributes-watcher.d.ts

@@ -1,2 +1,2 @@
-import { PolymaticaWidgetLegacy } from '../polymatica-widget-component-legacy';
-export declare function attributesWatcher(widget: PolymaticaWidgetLegacy): void;
+import { PolymaticaWidgetLegacy } from '../polymatica-widget-component-legacy';
+export declare function attributesWatcher(widget: PolymaticaWidgetLegacy): void;