@hpcc-js/marshaller 2.28.7 → 2.28.8

package/src/ddl1/Tabbed.ts

@@ -1,91 +1,91 @@
-import { Grid, Tabbed as TabbedLayout } from "@hpcc-js/layout";
-import { HipieDDLMixin } from "./HipieDDLMixin";
-
-export class Tabbed extends TabbedLayout {
-    _ddlDashboards;
-
-    constructor() {
-        super();
-        HipieDDLMixin.call(this);
-
-        this.surfacePadding_default(0);
-    }
-
-    content() {
-        const retVal = [];
-        this.widgets().forEach(function (surface) {
-            const grid = surface.widget();
-            grid.content().forEach(function (widget) {
-                retVal.push(widget);
-            });
-        });
-        return retVal;
-    }
-
-    populateContent() {
-        const cellDensity = 3;
-        this._ddlDashboards.forEach(dashboard => {
-            const grid = new Grid().surfacePadding("0px");
-            this.addTab(grid, dashboard.dashboard.title);
-            let cellRow = 0;
-            let cellCol = 0;
-            const maxCol = Math.floor(Math.sqrt(dashboard.visualizations.length));
-            dashboard.visualizations.forEach(function (viz) {
-                if (viz.newWidgetSurface) {
-                    while (grid.getCell(cellRow * cellDensity, cellCol * cellDensity) !== null) {
-                        cellCol++;
-                        if (cellCol % maxCol === 0) {
-                            cellRow++;
-                            cellCol = 0;
-                        }
-                    }
-                    grid.setContent(cellRow * cellDensity, cellCol * cellDensity, viz.newWidgetSurface, "", cellDensity, cellDensity);
-                }
-            }, this);
-        });
-
-        const vizCellMap = {};
-        this.content().forEach(function (cell) {
-            let widget = cell.widget();
-            if (widget && widget.classID() === "layout_Surface") {
-                widget = widget.widget();
-            }
-            if (widget) {
-                vizCellMap[widget.id()] = cell;
-            }
-        });
-
-        this._ddlDashboards.forEach(function (dashboard) {
-            dashboard.visualizations.forEach(function (viz, idx) {
-                if (viz.properties.flyout || viz.parentVisualization) {
-                    return;
-                }
-                const targetVizs = viz.events.getUpdatesVisualizations();
-                const targetIDs = targetVizs.filter(function (targetViz) {
-                    return vizCellMap[targetViz.id];
-                }).map(function (targetViz) {
-                    return vizCellMap[targetViz.id].id();
-                });
-                vizCellMap[viz.id].indicateTheseIds(targetIDs);
-            });
-        }, this);
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-    }
-
-    render(callback) {
-        this._marshallerRender(TabbedLayout.prototype, callback);
-        return this;
-    }
-
-    commsError(source, error) {
-        alert("Comms Error:\n" + source + "\n" + error);
-    }
-
-    //  HipieDDLMixin  ---
-    _marshallerRender: (BaseClass, callback) => this;
-}
-Tabbed.prototype.mixin(HipieDDLMixin);
-Tabbed.prototype._class += " marshaller_Tabbed";
+import { Grid, Tabbed as TabbedLayout } from "@hpcc-js/layout";
+import { HipieDDLMixin } from "./HipieDDLMixin";
+
+export class Tabbed extends TabbedLayout {
+    _ddlDashboards;
+
+    constructor() {
+        super();
+        HipieDDLMixin.call(this);
+
+        this.surfacePadding_default(0);
+    }
+
+    content() {
+        const retVal = [];
+        this.widgets().forEach(function (surface) {
+            const grid = surface.widget();
+            grid.content().forEach(function (widget) {
+                retVal.push(widget);
+            });
+        });
+        return retVal;
+    }
+
+    populateContent() {
+        const cellDensity = 3;
+        this._ddlDashboards.forEach(dashboard => {
+            const grid = new Grid().surfacePadding("0px");
+            this.addTab(grid, dashboard.dashboard.title);
+            let cellRow = 0;
+            let cellCol = 0;
+            const maxCol = Math.floor(Math.sqrt(dashboard.visualizations.length));
+            dashboard.visualizations.forEach(function (viz) {
+                if (viz.newWidgetSurface) {
+                    while (grid.getCell(cellRow * cellDensity, cellCol * cellDensity) !== null) {
+                        cellCol++;
+                        if (cellCol % maxCol === 0) {
+                            cellRow++;
+                            cellCol = 0;
+                        }
+                    }
+                    grid.setContent(cellRow * cellDensity, cellCol * cellDensity, viz.newWidgetSurface, "", cellDensity, cellDensity);
+                }
+            }, this);
+        });
+
+        const vizCellMap = {};
+        this.content().forEach(function (cell) {
+            let widget = cell.widget();
+            if (widget && widget.classID() === "layout_Surface") {
+                widget = widget.widget();
+            }
+            if (widget) {
+                vizCellMap[widget.id()] = cell;
+            }
+        });
+
+        this._ddlDashboards.forEach(function (dashboard) {
+            dashboard.visualizations.forEach(function (viz, idx) {
+                if (viz.properties.flyout || viz.parentVisualization) {
+                    return;
+                }
+                const targetVizs = viz.events.getUpdatesVisualizations();
+                const targetIDs = targetVizs.filter(function (targetViz) {
+                    return vizCellMap[targetViz.id];
+                }).map(function (targetViz) {
+                    return vizCellMap[targetViz.id].id();
+                });
+                vizCellMap[viz.id].indicateTheseIds(targetIDs);
+            });
+        }, this);
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+    }
+
+    render(callback) {
+        this._marshallerRender(TabbedLayout.prototype, callback);
+        return this;
+    }
+
+    commsError(source, error) {
+        alert("Comms Error:\n" + source + "\n" + error);
+    }
+
+    //  HipieDDLMixin  ---
+    _marshallerRender: (BaseClass, callback) => this;
+}
+Tabbed.prototype.mixin(HipieDDLMixin);
+Tabbed.prototype._class += " marshaller_Tabbed";

package/src/ddl1/TargetMarshaller.ts

@@ -1,57 +1,57 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import { HipieDDLMixin } from "./HipieDDLMixin";
-
-export function TargetMarshaller(this: any) {
-    HTMLWidget.call(this);
-    HipieDDLMixin.call(this);
-    this._tag = "div";
-}
-TargetMarshaller.prototype = Object.create(HTMLWidget.prototype);
-TargetMarshaller.prototype.constructor = TargetMarshaller;
-TargetMarshaller.prototype.mixin(HipieDDLMixin);
-TargetMarshaller.prototype._class += " marshaller_TargetMarshaller";
-
-TargetMarshaller.prototype.publish("configObject", {}, "object", "TargetMarshaller setup object", null, { tags: ["Basic"] });
-
-TargetMarshaller.prototype.content = function () {
-    return [];
-};
-
-TargetMarshaller.prototype.populateContent = function () {
-    const _configObject = this.configObject();
-    for (const key in this._ddlDashboards) {
-        this._ddlDashboards[key].visualizations.forEach(function (viz, idx) {
-            const widget_config = _configObject[viz.id];
-            if (widget_config !== undefined) {
-                if (widget_config.target !== undefined) {
-                    viz.newWidgetSurface.target(widget_config.target);
-                } else {
-                    console.warn("Target not specified for the following:");
-                    console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
-                }
-                if (typeof widget_config.callback === "function") {
-                    widget_config.callback(viz.widget, viz.newWidgetSurface);
-                } else {
-                    console.warn("Callback not specified for the following:");
-                    console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
-                }
-            } else {
-                console.warn("Config not specified for the following:");
-                console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
-            }
-        }, this);
-    }
-};
-
-TargetMarshaller.prototype.enter = function (domNode, element) {
-    HTMLWidget.prototype.enter.apply(this, arguments);
-};
-
-TargetMarshaller.prototype.render = function (callback) {
-    this.marshallerRender(HTMLWidget.prototype, callback);
-    return this;
-};
-
-TargetMarshaller.prototype.commsError = function (source, error) {
-    alert("Comms Error:\n" + source + "\n" + error);
-};
+import { HTMLWidget } from "@hpcc-js/common";
+import { HipieDDLMixin } from "./HipieDDLMixin";
+
+export function TargetMarshaller(this: any) {
+    HTMLWidget.call(this);
+    HipieDDLMixin.call(this);
+    this._tag = "div";
+}
+TargetMarshaller.prototype = Object.create(HTMLWidget.prototype);
+TargetMarshaller.prototype.constructor = TargetMarshaller;
+TargetMarshaller.prototype.mixin(HipieDDLMixin);
+TargetMarshaller.prototype._class += " marshaller_TargetMarshaller";
+
+TargetMarshaller.prototype.publish("configObject", {}, "object", "TargetMarshaller setup object", null, { tags: ["Basic"] });
+
+TargetMarshaller.prototype.content = function () {
+    return [];
+};
+
+TargetMarshaller.prototype.populateContent = function () {
+    const _configObject = this.configObject();
+    for (const key in this._ddlDashboards) {
+        this._ddlDashboards[key].visualizations.forEach(function (viz, idx) {
+            const widget_config = _configObject[viz.id];
+            if (widget_config !== undefined) {
+                if (widget_config.target !== undefined) {
+                    viz.newWidgetSurface.target(widget_config.target);
+                } else {
+                    console.warn("Target not specified for the following:");
+                    console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
+                }
+                if (typeof widget_config.callback === "function") {
+                    widget_config.callback(viz.widget, viz.newWidgetSurface);
+                } else {
+                    console.warn("Callback not specified for the following:");
+                    console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
+                }
+            } else {
+                console.warn("Config not specified for the following:");
+                console.warn("this._ddlDashboards[" + key + "].visualizations[" + idx + "].id = " + viz.id);
+            }
+        }, this);
+    }
+};
+
+TargetMarshaller.prototype.enter = function (domNode, element) {
+    HTMLWidget.prototype.enter.apply(this, arguments);
+};
+
+TargetMarshaller.prototype.render = function (callback) {
+    this.marshallerRender(HTMLWidget.prototype, callback);
+    return this;
+};
+
+TargetMarshaller.prototype.commsError = function (source, error) {
+    alert("Comms Error:\n" + source + "\n" + error);
+};

package/src/ddl2/PopupManager.ts

@@ -1,89 +1,89 @@
-import { IMonitorHandle, Widget } from "@hpcc-js/common";
-import { compare } from "@hpcc-js/util";
-import { ElementContainer } from "./model/element";
-import { IVizPopupPanelOwner, VizChartPanel, VizPopupPanel } from "./model/vizChartPanel";
-
-export class PopupManager extends Widget implements IVizPopupPanelOwner {
-    protected _ec: ElementContainer;
-    protected _popups: VizPopupPanel[] = [];
-    protected _popupIdx: {
-        [id: string]: {
-            panel: VizPopupPanel,
-            monitorHandle: IMonitorHandle
-        }
-    } = {};
-
-    popupPanels(): VizPopupPanel[] {
-        if (!this._popups) this._popups = [];
-        if (!this._popupIdx) this._popupIdx = {};
-        return this._popups;
-    }
-
-    popupChartPanels(): VizChartPanel[] {
-        return this.popupPanels().map(p => p.widget() as VizChartPanel);
-    }
-
-    addPopup(cp: VizChartPanel) {
-        const elem = this._ec.element(cp);
-        const targetNode = this.element().node();
-        const pp = new VizPopupPanel(this, elem)
-            .target(targetNode)
-            .widget(cp)
-            .relativeTargetId(this.id())
-            .size({
-                width: cp.minWidth(),
-                height: cp.minHeight()
-            });
-        this._popups.push(pp);
-        this._popupIdx[cp.id()] = {
-            panel: pp,
-            monitorHandle: cp.monitor((id) => {
-                switch (id) {
-                    case "minWidth":
-                    case "minHeight":
-                        pp
-                            .resize({ width: cp.minWidth(), height: cp.minHeight() })
-                            .render()
-                            ;
-                        break;
-                }
-            })
-        };
-        this._ec.filteredBy(elem.id()).forEach(otherElem => {
-            otherElem.visualization().chartPanel().popup(pp);
-        });
-    }
-
-    removePopup(cp: VizChartPanel) {
-        const elem = this._ec.element(cp);
-        this._ec.filteredBy(elem.id()).forEach(otherElem => {
-            otherElem.visualization().chartPanel().popup(null);
-        });
-        this._popupIdx[cp.id()].panel.target(null);
-        this._popupIdx[cp.id()].monitorHandle.remove();
-        cp.target(null);
-        delete this._popupIdx[cp.id()];
-        this._popups = this._popups.filter(p => p.widget() !== cp);
-    }
-
-    syncPopups() {
-        const prevPopups = this.popupChartPanels();
-        const diffPopups = compare(prevPopups, this._ec.elements()
-            .filter(e => e.visualization().visibility() === "flyout")
-            .map((elem: any) => elem.visualization().chartPanel()))
-            ;
-
-        for (const w of diffPopups.exit) {
-            this.removePopup(w);
-        }
-
-        for (const w of diffPopups.enter) {
-            this.addPopup(w);
-        }
-
-        return this;
-    }
-
-    vizActivation() {
-    }
-}
+import { IMonitorHandle, Widget } from "@hpcc-js/common";
+import { compare } from "@hpcc-js/util";
+import { ElementContainer } from "./model/element";
+import { IVizPopupPanelOwner, VizChartPanel, VizPopupPanel } from "./model/vizChartPanel";
+
+export class PopupManager extends Widget implements IVizPopupPanelOwner {
+    protected _ec: ElementContainer;
+    protected _popups: VizPopupPanel[] = [];
+    protected _popupIdx: {
+        [id: string]: {
+            panel: VizPopupPanel,
+            monitorHandle: IMonitorHandle
+        }
+    } = {};
+
+    popupPanels(): VizPopupPanel[] {
+        if (!this._popups) this._popups = [];
+        if (!this._popupIdx) this._popupIdx = {};
+        return this._popups;
+    }
+
+    popupChartPanels(): VizChartPanel[] {
+        return this.popupPanels().map(p => p.widget() as VizChartPanel);
+    }
+
+    addPopup(cp: VizChartPanel) {
+        const elem = this._ec.element(cp);
+        const targetNode = this.element().node();
+        const pp = new VizPopupPanel(this, elem)
+            .target(targetNode)
+            .widget(cp)
+            .relativeTargetId(this.id())
+            .size({
+                width: cp.minWidth(),
+                height: cp.minHeight()
+            });
+        this._popups.push(pp);
+        this._popupIdx[cp.id()] = {
+            panel: pp,
+            monitorHandle: cp.monitor((id) => {
+                switch (id) {
+                    case "minWidth":
+                    case "minHeight":
+                        pp
+                            .resize({ width: cp.minWidth(), height: cp.minHeight() })
+                            .render()
+                            ;
+                        break;
+                }
+            })
+        };
+        this._ec.filteredBy(elem.id()).forEach(otherElem => {
+            otherElem.visualization().chartPanel().popup(pp);
+        });
+    }
+
+    removePopup(cp: VizChartPanel) {
+        const elem = this._ec.element(cp);
+        this._ec.filteredBy(elem.id()).forEach(otherElem => {
+            otherElem.visualization().chartPanel().popup(null);
+        });
+        this._popupIdx[cp.id()].panel.target(null);
+        this._popupIdx[cp.id()].monitorHandle.remove();
+        cp.target(null);
+        delete this._popupIdx[cp.id()];
+        this._popups = this._popups.filter(p => p.widget() !== cp);
+    }
+
+    syncPopups() {
+        const prevPopups = this.popupChartPanels();
+        const diffPopups = compare(prevPopups, this._ec.elements()
+            .filter(e => e.visualization().visibility() === "flyout")
+            .map((elem: any) => elem.visualization().chartPanel()))
+            ;
+
+        for (const w of diffPopups.exit) {
+            this.removePopup(w);
+        }
+
+        for (const w of diffPopups.enter) {
+            this.addPopup(w);
+        }
+
+        return this;
+    }
+
+    vizActivation() {
+    }
+}