@perspective-dev/viewer 4.2.0 → 4.4.0

package/dist/wasm/perspective-viewer.wasm.d.ts

@@ -1,10 +1,7 @@
 /* tslint:disable */
 /* eslint-disable */
 export const memory: WebAssembly.Memory;
-export const __wbg_columndropdownelement_free: (a: number, b: number) => void;
 export const __wbg_copydropdownmenuelement_free: (a: number, b: number) => void;
-export const __wbg_filterdropdownelement_free: (a: number, b: number) => void;
-export const __wbg_functiondropdownelement_free: (a: number, b: number) => void;
 export const __wbg_perspectivedebugpluginelement_free: (a: number, b: number) => void;
 export const __wbg_perspectiveviewerelement_free: (a: number, b: number) => void;
 export const copydropdownmenuelement___set_model: (a: number, b: number) => void;
@@ -50,7 +47,7 @@ export const perspectiveviewerelement_resize: (a: number, b: number) => number;
 export const perspectiveviewerelement_restore: (a: number, b: number) => number;
 export const perspectiveviewerelement_restyleElement: (a: number) => number;
 export const perspectiveviewerelement_save: (a: number) => number;
-export const perspectiveviewerelement_setAutoPause: (a: number, b: number) => void;
+export const perspectiveviewerelement_setAutoPause: (a: number, b: number) => number;
 export const perspectiveviewerelement_setAutoSize: (a: number, b: number) => void;
 export const perspectiveviewerelement_setSelection: (a: number, b: number, c: number) => void;
 export const perspectiveviewerelement_setThrottle: (a: number, b: number, c: number) => void;
@@ -78,6 +75,7 @@ export const client___getClassname: (a: number, b: number) => void;
 export const client_get_hosted_table_names: (a: number) => number;
 export const client_handle_error: (a: number, b: number, c: number, d: number) => number;
 export const client_handle_response: (a: number, b: number) => number;
+export const client_join: (a: number, b: number, c: number, d: number, e: number, f: number) => number;
 export const client_new: (a: number, b: number, c: number) => void;
 export const client_new_proxy_session: (a: number, b: number) => number;
 export const client_on_error: (a: number, b: number) => number;
@@ -96,6 +94,7 @@ export const genericsqlvirtualservermodel_tableValidateExpression: (a: number, b
 export const genericsqlvirtualservermodel_viewColumnSize: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewDelete: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewGetData: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
+export const genericsqlvirtualservermodel_viewGetMinMax: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
 export const genericsqlvirtualservermodel_viewSchema: (a: number, b: number, c: number, d: number) => void;
 export const genericsqlvirtualservermodel_viewSize: (a: number, b: number, c: number, d: number) => void;
 export const proxysession_close: (a: number) => number;
@@ -143,6 +142,7 @@ export const view_to_csv: (a: number, b: number) => number;
 export const view_to_json: (a: number, b: number) => number;
 export const view_to_json_string: (a: number, b: number) => number;
 export const view_to_ndjson: (a: number, b: number) => number;
+export const virtualdataslice_fromArrowIpc: (a: number, b: number, c: number) => void;
 export const virtualdataslice_new: (a: number) => number;
 export const virtualdataslice_setBooleanCol: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
 export const virtualdataslice_setCol: (a: number, b: number, c: number, d: number, e: number, f: number, g: number, h: number, i: number) => void;
@@ -152,20 +152,19 @@ export const virtualdataslice_setIntegerCol: (a: number, b: number, c: number, d
 export const virtualdataslice_setStringCol: (a: number, b: number, c: number, d: number, e: number, f: number, g: number) => void;
 export const virtualserver_handleRequest: (a: number, b: number, c: number) => number;
 export const virtualserver_new: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_13825: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_4731: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_4732: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_17730: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_18379: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_18417: (a: number, b: number) => void;
-export const __wasm_bindgen_func_elem_20097: (a: number, b: number, c: number, d: number) => void;
-export const __wasm_bindgen_func_elem_5112: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_5113: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_5110: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_17748: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_18419: (a: number, b: number, c: number) => void;
-export const __wasm_bindgen_func_elem_14088: (a: number, b: number) => number;
-export const __wasm_bindgen_func_elem_18381: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_13435: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_3153: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_16498: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_17146: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_17170: (a: number, b: number) => void;
+export const __wasm_bindgen_func_elem_24265: (a: number, b: number, c: number, d: number) => void;
+export const __wasm_bindgen_func_elem_5194: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_5195: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_5192: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_16617: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_17187: (a: number, b: number, c: number) => void;
+export const __wasm_bindgen_func_elem_14338: (a: number, b: number) => number;
+export const __wasm_bindgen_func_elem_17149: (a: number, b: number) => void;
 export const __wbindgen_export: (a: number, b: number) => number;
 export const __wbindgen_export2: (a: number, b: number, c: number, d: number) => number;
 export const __wbindgen_export3: (a: number) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@perspective-dev/viewer",
-  "version": "4.2.0",
+  "version": "4.4.0",
   "description": "The `<perspective-viewer>` Custom Element, frontend for Perspective.js",
   "repository": {
     "type": "git",
@@ -19,7 +19,8 @@
     "./src/*": "./src/*",
     "./test/*": "./test/*",
     "./package.json": "./package.json",
-    "./tsconfig.json": "./tsconfig.json"
+    "./tsconfig.json": "./tsconfig.json",
+    "./tools.mjs": "./tools.mjs"
   },
   "files": [
     "dist/**/*",
@@ -38,10 +39,12 @@
     "@perspective-dev/esbuild-plugin": "",
     "@perspective-dev/test": "",
     "@perspective-dev/metadata": "",
-    "@prospective.co/procss": "0.1.18",
-    "@playwright/test": "=1.52.0",
-    "@playwright/experimental-ct-react": "=1.52.0",
-    "@types/react": "^18",
+    "lightningcss": "^1.29.0",
+    "@playwright/test": "=1.58.0",
+    "@playwright/experimental-ct-react": "=1.58.0",
+    "@types/react": ">17 <20",
+    "@types/node": ">=22",
+    "@types/react-dom": ">17 <20",
     "prettier": ">=3 <4",
     "typedoc": "^0.28.7",
     "typescript": ">=5 <6",

package/src/{less/aggregate-selector.less → css/aggregate-selector.css}

@@ -1,26 +1,27 @@
-// ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
-// ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
-// ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
-// ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
-// ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
-// ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
-// ┃ 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). ┃
+ * ┗━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┛
+ */
 
 :host {
-    // Wrapper prevents the width of the selector options from increasing the width of
-    // the container it is embedded in.
+    /* Wrapper prevents the width of the selector options from increasing the width of */
+    /* the container it is embedded in. */
     .aggregate-selector-wrapper {
         height: 19px;
         display: flex;
-        padding-left: 23px;
-        width: 85px;
-        min-width: 85px;
-        max-width: 85px;
-        flex: 0 0 85px;
+        padding-left: 6px;
+        width: 68px;
+        min-width: 68px;
+        max-width: 68px;
+        flex: 0 0 68px;
 
         label {
             font-size: 10px;
@@ -34,7 +35,6 @@
         }
 
         .aggregate-selector {
-            font-size: 10px;
             border-bottom-width: 0px;
             margin-top: 0px;
             height: 19px;
@@ -43,9 +43,12 @@
             text-overflow: ellipsis;
             padding-right: 12px;
             border: 1px solid transparent;
+            select {
+                font-size: 0.8em;
+            }
 
             &:hover {
-                border: 1px solid var(--icon--color);
+                border: 1px solid var(--psp--color);
                 border-radius: 2px;
                 transition: none;
             }

package/src/css/column-dropdown.css

@@ -0,0 +1,109 @@
+/* ┏━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┓
+ * ┃ ██████ ██████ ██████       █      █      █      █      █ █▄  ▀███ █       ┃
+ * ┃ ▄▄▄▄▄█ █▄▄▄▄▄ ▄▄▄▄▄█  ▀▀▀▀▀█▀▀▀▀▀ █ ▀▀▀▀▀█ ████████▌▐███ ███▄  ▀█ █ ▀▀▀▀▀ ┃
+ * ┃ █▀▀▀▀▀ █▀▀▀▀▀ █▀██▀▀ ▄▄▄▄▄ █ ▄▄▄▄▄█ ▄▄▄▄▄█ ████████▌▐███ █████▄   █ ▄▄▄▄▄ ┃
+ * ┃ █      ██████ █  ▀█▄       █ ██████      █      ███▌▐███ ███████▄ █       ┃
+ * ┣━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━┫
+ * ┃ 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 {
+    box-sizing: border-box;
+    position: fixed;
+    z-index: 10000;
+    outline: none;
+    font-size: 0.75em;
+    border: inherit;
+    /* box-shadow: 0 2px 4px 0 rgb(0 0 0 / 10%); */
+    user-select: none;
+    background-color: var(--psp--color, #fff) !important;
+    color: var(--psp--background-color, #333) !important;
+    /* padding: 6px 8px; */
+    border: 1px solid var(--psp--color) !important;
+    max-width: 300px;
+    overflow: hidden;
+    max-height: 600px;
+    overflow: auto;
+    &:hover {
+        --fix: ;
+    }
+    &::-webkit-scrollbar-thumb {
+        border-radius: 2px;
+        border: 2px solid transparent;
+        box-shadow: inset 0px 0px 0 4px var(--psp-inactive--color);
+    }
+    &:hover::-webkit-scrollbar-thumb {
+        border: 1px solid transparent;
+        box-shadow: inset 0px 0px 0 4px var(--psp-inactive--color);
+    }
+    &::-webkit-scrollbar,
+    &::-webkit-scrollbar-corner {
+        background-color: transparent;
+        width: 6px;
+        height: 6px;
+    }
+
+    display: flex;
+    flex-direction: column;
+
+    .selected {
+        background-color: var(--psp--background-color) !important;
+        color: var(--psp--color) !important;
+    }
+
+    span {
+        cursor: pointer;
+        padding: 4px 5px;
+    }
+
+    .no-results {
+        padding: 3px 24px 6px 11px;
+        color: var(--psp-error--color);
+        font-size: 8px;
+    }
+
+    .no-results:before {
+        content: var(--psp-label--no-results--content, "Invalid Column");
+    }
+
+    #add-expression {
+        .icon {
+            background-repeat: no-repeat;
+            background-color: var(--psp--color);
+            display: inline-flex;
+            -webkit-mask-size: cover;
+            mask-size: cover;
+            margin-right: 5px;
+            -webkit-mask-image: var(--psp-icon--add-expression--mask-image);
+            mask-image: var(--psp-icon--add-expression--mask-image);
+            &:before {
+                line-height: 0;
+                content: var(--psp-icon--add-expression--mask-image);
+                visibility: hidden;
+            }
+        }
+    }
+}
+
+:host(:hover) {
+    .selected {
+        background-color: var(--psp--color, #fff) !important;
+        color: var(--psp--background-color, #333) !important;
+    }
+
+    span:hover,
+    span.selected:hover {
+        background-color: var(--psp--background-color) !important;
+        color: var(--psp--color) !important;
+    }
+}
+
+:host(.no-results) {
+    overflow: hidden;
+    background-color: transparent !important;
+    border: none !important;
+}