@hpcc-js/phosphor 2.20.0 → 3.2.0

package/package.json

@@ -1,52 +1,50 @@
 {
     "name": "@hpcc-js/phosphor",
-    "version": "2.20.0",
+    "version": "3.2.0",
     "description": "hpcc-js - Viz Phosphor",
-    "main": "dist/index.js",
-    "module": "dist/index.es6",
-    "unpkg": "dist/index.min.js",
-    "jsdelivr": "dist/index.min.js",
-    "types": "types/index.d.ts",
-    "typesVersions": {
-        "<3.8": {
-            "*": [
-                "types-3.4/index.d.ts"
-            ]
-        }
+    "type": "module",
+    "main": "./dist/index.umd.cjs",
+    "module": "./dist/index.js",
+    "exports": {
+        ".": {
+            "types": "./types/index.d.ts",
+            "import": "./dist/index.js",
+            "require": "./dist/index.umd.cjs"
+        },
+        "./dist/*": "./dist/*"
     },
+    "browser": "./dist/index.umd.cjs",
+    "types": "./types/index.d.ts",
     "files": [
         "dist/*",
-        "types/*",
-        "types-3.4/*",
-        "src/*"
+        "src/*",
+        "types/*"
     ],
     "scripts": {
-        "clean": "rimraf --glob lib* types dist *.tsbuildinfo",
-        "compile-es6": "tsc --module es6 --outDir ./lib-es6",
-        "compile-es6-watch": "npm run compile-es6 -- -w",
-        "compile-umd": "tsc --module umd --outDir ./lib-umd",
-        "compile-umd-watch": "npm run compile-umd -- -w",
-        "bundle": "rollup -c",
-        "bundle-watch": "npm run bundle -- -w",
-        "minimize": "terser dist/index.js -c -m --source-map \"content='dist/index.js.map',url='index.min.js.map'\" -o dist/index.min.js",
-        "gen-legacy-types": "downlevel-dts ./types ./types-3.4",
-        "build": "npm run compile-es6 && npm run bundle",
-        "watch": "npm-run-all compile-es6 -p compile-es6-watch bundle-watch",
-        "stamp": "node ../../node_modules/@hpcc-js/bundle/src/stamp.js",
+        "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
+        "bundle": "vite build",
+        "bundle-watch": "vite --port 5516",
+        "gen-types": "tsc --project tsconfig.json",
+        "gen-types-watch": "npm run gen-types -- --watch",
+        "build": "run-p gen-types bundle",
         "lint": "eslint ./src",
+        "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
-        "update": "npx --yes npm-check-updates -u -t minor"
+        "test-browser": "vitest run --project browser",
+        "test": "vitest run",
+        "coverage": "vitest run --coverage",
+        "update": "npx --yes npm-check-updates -u -t minor",
+        "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/common": "^2.73.0",
-        "@hpcc-js/other": "^2.17.0",
-        "@hpcc-js/phosphor-shim": "^2.16.0",
-        "@hpcc-js/util": "^2.53.0"
+        "@hpcc-js/common": "^3.3.0"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
-        "d3-selection": "^1",
-        "tslib": "2.7.0"
+        "@hpcc-js/esbuild-plugins": "^1.4.0",
+        "@lumino/algorithm": "1.9.2",
+        "@lumino/commands": "1.21.1",
+        "@lumino/messaging": "1.10.3",
+        "@lumino/widgets": "1.37.2"
     },
     "repository": {
         "type": "git",
@@ -59,5 +57,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "fbbef050700b0e9d76ef99714856383d95155149"
+    "gitHead": "145a4d4c8189c70f08e9804e63959d6dd398bd9f"
 }

package/src/DockPanel.ts

@@ -1,8 +1,7 @@
-import { HTMLWidget, Widget, Utility } from "@hpcc-js/common";
-import { DockPanel as PhosphorDockPanel, IMessageHandler, IMessageHook, Message, MessageLoop, Widget as PWidget } from "@hpcc-js/phosphor-shim";
-import { select as d3Select } from "d3-selection";
-import { PDockPanel } from "./PDockPanel";
-import { IClosable, Msg, WidgetAdapter } from "./WidgetAdapter";
+import { HTMLWidget, Widget, Utility, select as d3Select } from "@hpcc-js/common";
+import { DockPanel as PhosphorDockPanel, IMessageHandler, IMessageHook, Message, MessageLoop, Widget as PWidget } from "./phosphor-shim.ts";
+import { PDockPanel } from "./PDockPanel.ts";
+import { IClosable, Msg, WidgetAdapter } from "./WidgetAdapter.ts";
 
 import "../src/DockPanel.css";
 
@@ -102,6 +101,7 @@ export class DockPanel extends HTMLWidget implements IMessageHandler, IMessageHo
 
     exit(domNode, element) {
         [...this.widgets()].forEach(w => this.removeWidget(w));
+        PWidget.detach(this._dock);
         super.exit(domNode, element);
     }
 
@@ -117,7 +117,7 @@ export class DockPanel extends HTMLWidget implements IMessageHandler, IMessageHo
             setTimeout(() => {
                 const tabBars = this.element().selectAll(".p-Widget.p-TabBar.p-DockPanel-tabBar");
                 let refit = false;
-                tabBars.each(function () {
+                tabBars.each(function (this: HTMLElement) {
                     const tabBar = d3Select(this);
                     const tabsCount = (tabBar.node() as HTMLElement).childNodes[0].childNodes.length;
                     const hide = context.hideSingleTabs() && tabsCount === 1;

package/src/PDockPanel.ts

@@ -1,6 +1,6 @@
 // import { Persist } from "@hpcc-js/other";
-import { DockLayout, DockPanel, TabBar, Widget } from "@hpcc-js/phosphor-shim";
-import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter";
+import { DockLayout, DockPanel, TabBar, Widget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
 
 export class PRenderer extends DockPanel.Renderer {
     _owner: PDockPanel;
@@ -55,11 +55,11 @@ export class PDockPanel extends DockPanel {
                 return {
                     __id: widget.widget.id()
                 };
-            } catch (e) {
+            } catch (e: any) {
                 return {
                     exception: {
-                        message: e.message,
-                        stack: e.stack
+                        message: e.message ?? "",
+                        stack: e.stack ?? []
                     }
                 };
             }

package/src/SplitPanel.ts

@@ -1,6 +1,6 @@
 import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { SplitPanel as PSplitPanel, Widget as PWidget } from "@hpcc-js/phosphor-shim";
-import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter";
+import { SplitPanel as PSplitPanel, Widget as PWidget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
 
 import "../src/DockPanel.css";
 
@@ -56,6 +56,7 @@ export class SplitPanel extends HTMLWidget {
     }
 
     exit(domNode, element) {
+        PWidget.detach(this._split);
         super.exit(domNode, element);
     }
 

package/src/TabPanel.ts

@@ -1,6 +1,6 @@
 import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { IMessageHandler, Message, TabPanel as PTabPanel, Widget as PWidget } from "@hpcc-js/phosphor-shim";
-import { Msg, WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter";
+import { IMessageHandler, Message, TabPanel as PTabPanel, Widget as PWidget } from "./phosphor-shim.ts";
+import { Msg, WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter.ts";
 
 import "../src/DockPanel.css";
 
@@ -71,6 +71,7 @@ export class TabPanel extends HTMLWidget {
     }
 
     exit(domNode, element) {
+        PWidget.detach(this._tab);
         super.exit(domNode, element);
     }
 

package/src/WidgetAdapter.ts

@@ -1,7 +1,6 @@
-import { Widget } from "@hpcc-js/common";
+import { Widget, select as d3Select } from "@hpcc-js/common";
 // import { Persist } from "@hpcc-js/other";
-import { ConflatableMessage, Message, MessageLoop, Widget as PWidget } from "@hpcc-js/phosphor-shim";
-import { select as d3Select } from "d3-selection";
+import { ConflatableMessage, Message, MessageLoop, Widget as PWidget } from "./phosphor-shim.ts";
 
 import "../src/WidgetAdapter.css";
 

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/phosphor";
-export const PKG_VERSION = "2.20.0";
-export const BUILD_VERSION = "2.107.0";
+export const PKG_VERSION = "3.1.0";
+export const BUILD_VERSION = "3.2.1";

package/src/index.ts

@@ -1,6 +1,9 @@
-export * from "./__package__";
-export { CommandPalette, CommandRegistry, ContextMenu } from "@hpcc-js/phosphor-shim";
-export * from "./DockPanel";
-export * from "./SplitPanel";
-export * from "./TabPanel";
-export * from "./WidgetAdapter";
+export * from "./__package__.ts";
+
+export { CommandPalette, CommandRegistry, ContextMenu } from "./phosphor-shim.ts";
+
+export * from "./DockPanel.ts";
+export * from "./SplitPanel.ts";
+export * from "./TabPanel.ts";
+export * from "./WidgetAdapter.ts";
+

package/src/phosphor-shim.ts

@@ -0,0 +1,16 @@
+export { each } from "@lumino/algorithm";
+export { CommandRegistry } from "@lumino/commands";
+export { ConflatableMessage, Message, MessageLoop } from "@lumino/messaging";
+export type { IMessageHandler, IMessageHook } from "@lumino/messaging";
+export { BoxPanel, CommandPalette, ContextMenu, DockLayout, DockPanel, Menu, MenuBar, SplitPanel, TabBar, TabPanel, Widget } from "@lumino/widgets";
+
+import "@lumino/widgets/style/widget.css";
+
+import "@lumino/widgets/style/commandpalette.css";
+import "@lumino/widgets/style/dockpanel.css";
+import "@lumino/widgets/style/menu.css";
+import "@lumino/widgets/style/menubar.css";
+import "@lumino/widgets/style/scrollbar.css";
+import "@lumino/widgets/style/splitpanel.css";
+import "@lumino/widgets/style/tabbar.css";
+import "@lumino/widgets/style/tabpanel.css";

package/types/DockPanel.d.ts

@@ -1,6 +1,6 @@
 import { HTMLWidget, Widget } from "@hpcc-js/common";
-import { DockPanel as PhosphorDockPanel, IMessageHandler, IMessageHook, Message } from "@hpcc-js/phosphor-shim";
-import { IClosable, WidgetAdapter } from "./WidgetAdapter";
+import { DockPanel as PhosphorDockPanel, IMessageHandler, IMessageHook, Message } from "./phosphor-shim.ts";
+import { IClosable, WidgetAdapter } from "./WidgetAdapter.ts";
 import "../src/DockPanel.css";
 export declare class DockPanel extends HTMLWidget implements IMessageHandler, IMessageHook {
     private _dock;
@@ -34,4 +34,3 @@ export interface DockPanel {
     hideSingleTabs(): boolean;
     hideSingleTabs(_: boolean): this;
 }
-//# sourceMappingURL=DockPanel.d.ts.map

package/types/PDockPanel.d.ts

@@ -1,5 +1,5 @@
-import { DockLayout, DockPanel, TabBar, Widget } from "@hpcc-js/phosphor-shim";
-import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter";
+import { DockLayout, DockPanel, TabBar, Widget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
 export declare class PRenderer extends DockPanel.Renderer {
     _owner: PDockPanel;
     constructor();
@@ -20,4 +20,3 @@ export declare class PDockPanel extends DockPanel {
     saveLayout(): DockLayout.ILayoutConfig;
     restoreLayout(config: DockLayout.ILayoutConfig): void;
 }
-//# sourceMappingURL=PDockPanel.d.ts.map

package/types/SplitPanel.d.ts

@@ -1,5 +1,5 @@
 import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { WidgetAdapter } from "./WidgetAdapter";
+import { WidgetAdapter } from "./WidgetAdapter.ts";
 import "../src/DockPanel.css";
 export declare class SplitPanel extends HTMLWidget {
     private _split;
@@ -14,4 +14,3 @@ export declare class SplitPanel extends HTMLWidget {
     exit(domNode: any, element: any): void;
     render(callback?: (w: Widget) => void): this;
 }
-//# sourceMappingURL=SplitPanel.d.ts.map

package/types/TabPanel.d.ts

@@ -1,6 +1,6 @@
 import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { IMessageHandler, Message, Widget as PWidget } from "@hpcc-js/phosphor-shim";
-import { WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter";
+import { IMessageHandler, Message, Widget as PWidget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter.ts";
 import "../src/DockPanel.css";
 export declare class TabPanel extends HTMLWidget {
     private _tab;
@@ -21,4 +21,3 @@ export declare class TabPanel extends HTMLWidget {
     active(): Widget;
     active(_: Widget): any;
 }
-//# sourceMappingURL=TabPanel.d.ts.map

package/types/WidgetAdapter.d.ts

@@ -1,5 +1,5 @@
 import { Widget } from "@hpcc-js/common";
-import { ConflatableMessage, Message, Widget as PWidget } from "@hpcc-js/phosphor-shim";
+import { ConflatableMessage, Message, Widget as PWidget } from "./phosphor-shim.ts";
 import "../src/WidgetAdapter.css";
 export declare namespace Msg {
     class WAConflatableMessage extends ConflatableMessage {
@@ -48,4 +48,3 @@ export declare class WidgetAdapterArray extends Array<WidgetAdapter> {
     static create<WidgetAdapter>(): WidgetAdapterArray;
     watchRendered(w: Widget, callback?: (w: Widget) => void): void;
 }
-//# sourceMappingURL=WidgetAdapter.d.ts.map

package/types/__package__.d.ts

@@ -1,4 +1,3 @@
 export declare const PKG_NAME = "@hpcc-js/phosphor";
-export declare const PKG_VERSION = "2.20.0";
-export declare const BUILD_VERSION = "2.107.0";
-//# sourceMappingURL=__package__.d.ts.map
+export declare const PKG_VERSION = "3.1.0";
+export declare const BUILD_VERSION = "3.2.1";

package/types/index.d.ts

@@ -1,7 +1,6 @@
-export * from "./__package__";
-export { CommandPalette, CommandRegistry, ContextMenu } from "@hpcc-js/phosphor-shim";
-export * from "./DockPanel";
-export * from "./SplitPanel";
-export * from "./TabPanel";
-export * from "./WidgetAdapter";
-//# sourceMappingURL=index.d.ts.map
+export * from "./__package__.ts";
+export { CommandPalette, CommandRegistry, ContextMenu } from "./phosphor-shim.ts";
+export * from "./DockPanel.ts";
+export * from "./SplitPanel.ts";
+export * from "./TabPanel.ts";
+export * from "./WidgetAdapter.ts";

package/types/phosphor-shim.d.ts

@@ -0,0 +1,14 @@
+export { each } from "@lumino/algorithm";
+export { CommandRegistry } from "@lumino/commands";
+export { ConflatableMessage, Message, MessageLoop } from "@lumino/messaging";
+export type { IMessageHandler, IMessageHook } from "@lumino/messaging";
+export { BoxPanel, CommandPalette, ContextMenu, DockLayout, DockPanel, Menu, MenuBar, SplitPanel, TabBar, TabPanel, Widget } from "@lumino/widgets";
+import "@lumino/widgets/style/widget.css";
+import "@lumino/widgets/style/commandpalette.css";
+import "@lumino/widgets/style/dockpanel.css";
+import "@lumino/widgets/style/menu.css";
+import "@lumino/widgets/style/menubar.css";
+import "@lumino/widgets/style/scrollbar.css";
+import "@lumino/widgets/style/splitpanel.css";
+import "@lumino/widgets/style/tabbar.css";
+import "@lumino/widgets/style/tabpanel.css";