@perspective-dev/workspace 4.3.0 → 4.4.1

package/dist/esm/workspace/widget.d.ts

@@ -22,7 +22,7 @@ export declare class PerspectiveViewerWidget extends Widget {
     toggleConfig(): Promise<void>;
     load(table: psp.Table | Promise<psp.Table>): Promise<void>;
     restore(config: psp_viewer.ViewerConfigUpdate): Promise<any>;
-    save(): Promise<any>;
+    save(): Promise<import("@perspective-dev/viewer/dist/wasm/perspective-viewer.js").ViewerConfig>;
     addClass(name: string): void;
     removeClass(name: string): void;
     setCallback(callback?: (event: MouseEvent) => {}): void;

package/dist/esm/workspace/workspace.d.ts

@@ -1,6 +1,6 @@
 import { SplitPanel } from "@lumino/widgets";
 import { DebouncedFuncLeading } from "lodash";
-import type { HTMLPerspectiveViewerElement } from "@perspective-dev/viewer";
+import type { HTMLPerspectiveViewerElement, ViewerConfig } from "@perspective-dev/viewer";
 import type * as psp from "@perspective-dev/client";
 import type * as psp_viewer from "@perspective-dev/viewer";
 import { PerspectiveDockPanel } from "./dockpanel";
@@ -84,9 +84,11 @@ export declare class PerspectiveWorkspace extends SplitPanel {
     _unmaximize(): void;
     toggleSingleDocument(widget: PerspectiveViewerWidget): void;
     _filterViewer(viewer: HTMLPerspectiveViewerElement, removeFilters: psp.Filter[], insertFilters: psp.Filter[], candidates: Set<string>): Promise<void>;
-    onPerspectiveSelect(event: CustomEvent): Promise<void>;
+    onPerspectiveSelect(filterFun: (config: ViewerConfig) => boolean, event: CustomEvent): Promise<void>;
+    private on_select_callback;
+    private on_global_filter_callback;
     makeMaster(widget: PerspectiveViewerWidget): Promise<void>;
-    makeDetail(widget: PerspectiveViewerWidget): void;
+    makeDetail(widget: PerspectiveViewerWidget): Promise<void>;
     /***************************************************************************
      *
      * Context Menu

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perspective-dev/workspace",
-  "version": "4.3.0",
+  "version": "4.4.1",
   "description": "Perspective Workspace",
   "files": [
     "dist/**/*",
@@ -41,7 +41,7 @@
   },
   "devDependencies": {
     "@perspective-dev/viewer": "",
-    "@prospective.co/procss": "0.1.18",
+    "lightningcss": "^1.29.0",
     "@perspective-dev/esbuild-plugin": "",
     "@perspective-dev/test": "",
     "@types/lodash": "^4.17.20",

package/src/css/dockpanel.css

@@ -0,0 +1,110 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
+
+:host {
+    .lm-DockPanel {
+        overflow: var(--dock-panel--overflow, hidden);
+        position: absolute;
+        background-color: var(--detail--background-color, transparent);
+        padding: var(--psp-workspace--spacing);
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        &[data-mode="single-document"] {
+            padding: 0px;
+        }
+    }
+
+    .lm-Widget,
+    .lm-Widget {
+        cursor: inherit;
+    }
+
+    .lm-DockPanel.ew,
+    .lm-DockPanel.ew .lm-Widget,
+    .lm-SplitPanel.ew,
+    .lm-SplitPanel.ew .lm-Widget {
+        cursor: ew-resize !important;
+    }
+
+    .lm-DockPanel.ns,
+    .lm-DockPanel.ns .lm-Widget,
+    .lm-SplitPanel.ns,
+    .lm-SplitPanel.ns .lm-Widget {
+        cursor: ns-resize !important;
+    }
+
+    .workspace-master-widget {
+        min-width: 100px !important;
+    }
+
+    .lm-DockPanel.resizing ::slotted(perspective-viewer),
+    .lm-SplitPanel.resizing ::slotted(perspective-viewer) {
+        pointer-events: none;
+    }
+
+    .widget-blur ::slotted(perspective-viewer) {
+        opacity: 0.5;
+    }
+
+    .lm-DockPanel-handle.resizing {
+        background-color: rgba(0, 0, 0, 0.05);
+    }
+
+    .perspective-scroll-panel {
+        overflow: auto !important;
+    }
+
+    .lm-Panel {
+        min-height: 100%;
+    }
+
+    .lm-DockPanel-handle {
+        background-color: none;
+    }
+
+    .lm-SplitPanel-handle {
+        background-color: var(
+            --psp-workspace--split-panel-handle--background-color
+        );
+    }
+
+    .lm-SplitPanel-handle,
+    .lm-DockPanel-handle {
+        transition: background-color 0.3s ease-out;
+        &:hover {
+            background-color: rgba(0, 0, 0, 0.05);
+        }
+    }
+
+    .lm-DockPanel-handle[data-orientation="horizontal"] {
+        width: 10px !important;
+        margin-left: -5px;
+    }
+
+    .lm-DockPanel-handle[data-orientation="vertical"] {
+        height: 10px !important;
+        margin-top: -5px;
+    }
+
+    .lm-DockPanel-overlay {
+        background: rgba(75, 75, 75, 0.2);
+        border: 1px dashed #666;
+        border-radius: 6px;
+        transition-property: top, left, right, bottom;
+        transition-duration: 50ms;
+        transition-timing-function: linear;
+        margin: 0px;
+    }
+}

package/src/{less/injected.less → css/injected.css}

@@ -1,14 +1,15 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
-// ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
-// ┃ This file is part of the Perspective library, distributed under the terms ┃
-// ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
-// ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
 
-@import "./viewer.less";
-@import "./menu.less";
+@import "./viewer.css";
+@import "./menu.css";

package/src/css/menu.css

@@ -0,0 +1,130 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ Copyright (c) 2017, the Perspective Authors.                              ┃
+ * ┃ ╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌╌ ┃
+ * ┃ This file is part of the Perspective library, distributed under the terms ┃
+ * ┃ of the [Apache License 2.0](https://www.apache.org/licenses/LICENSE-2.0). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
+
+@import "@lumino/widgets/style/menu.css";
+
+:host {
+    .lm-Menu {
+        font-size: 12px;
+        padding: 8px;
+        background-color: var(--psp--background-color);
+        color: var(--psp--color);
+        border: 1px solid var(--psp-inactive--color);
+        border-radius: 3px;
+        max-width: 350px;
+        top: 0;
+        left: 0;
+    }
+
+    .lm-Menu.perspective-workspace-menu {
+        .lm-Menu-item {
+            padding-left: 37px !important;
+        }
+    }
+
+    .lm-Menu-item.lm-mod-active {
+        background-color: var(--psp--color);
+        color: var(--psp--background-color);
+    }
+
+    .lm-Menu-item.lm-mod-disabled {
+        opacity: 0.5;
+    }
+
+    .lm-Menu-itemIcon {
+        width: 24px;
+        height: 12px;
+        margin-right: 4px;
+    }
+
+    .lm-Menu-itemLabel {
+        flex: 1 1;
+        padding: 4px 2px 4px 2px;
+    }
+
+    .lm-Menu-itemMnemonic {
+        text-decoration: underline;
+    }
+
+    .lm-Menu-itemShortcut {
+        padding: 4px 0px;
+    }
+
+    .lm-Menu-itemSubmenuIcon {
+        width: 24px;
+        height: 18px;
+    }
+
+    .lm-Menu-item {
+        display: flex;
+        align-items: center;
+        outline: none;
+
+        margin: 0 -8px;
+        padding: 0 8px;
+    }
+
+    .lm-Menu-item[data-type="separator"] > div {
+        padding: 0;
+        height: 9px;
+    }
+
+    .lm-Menu-item[data-type="separator"] > div::after {
+        content: "";
+        display: block;
+        position: relative;
+        top: 4px;
+        border-top: 1px solid;
+    }
+
+    .lm-MenuBar-menu {
+        transform: translateY(-1px);
+    }
+
+    .lm-MenuBar-item {
+        padding: 10px 32px;
+        border-left: 1px solid transparent;
+        border-right: 1px solid transparent;
+        color: #737373 !important;
+    }
+
+    .lm-MenuBar-item.lm-mod-active {
+        background: rgba(0, 0, 0, 0.2);
+    }
+
+    .lm-MenuBar.lm-mod-active .lm-MenuBar-item.lm-mod-active {
+        z-index: 10001;
+        background: rgba(0, 0, 0, 0.2);
+        /* border-left: 1px solid #c0c0c0; */
+        /* border-right: 1px solid #c0c0c0; */
+    }
+
+    .lm-Menu-itemIcon:before {
+        content: attr(content);
+        font-family:
+            "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
+            "Liberation Mono", monospace;
+    }
+
+    [data-type="submenu"] .lm-Menu-itemSubmenuIcon:before {
+        content: ">";
+        font-family:
+            "ui-monospace", "SFMono-Regular", "SF Mono", "Menlo", "Consolas",
+            "Liberation Mono", monospace;
+        height: 18px;
+    }
+
+    .lm-mod-drag-image.lm-TabBar-tab {
+        display: none;
+    }
+}