@uwdata/mosaic-inputs 0.10.0 → 0.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uwdata/mosaic-inputs",
-  "version": "0.10.0",
+  "version": "0.12.0",
   "description": "Mosaic input components.",
   "keywords": [
     "inputs",
@@ -21,13 +21,13 @@
     "prebuild": "rimraf dist && mkdir dist",
     "build": "node ../../esbuild.js mosaic-inputs",
     "lint": "eslint src test",
-    "test": "mocha 'test/**/*-test.js'",
+    "test": "vitest run",
     "prepublishOnly": "npm run test && npm run lint && npm run build"
   },
   "dependencies": {
-    "@uwdata/mosaic-core": "^0.10.0",
-    "@uwdata/mosaic-sql": "^0.10.0",
+    "@uwdata/mosaic-core": "^0.12.0",
+    "@uwdata/mosaic-sql": "^0.12.0",
     "isoformat": "^0.2.1"
   },
-  "gitHead": "94fc4f0d4efc622001f6afd6714d1e9dda745be2"
+  "gitHead": "523b1afe2a0880291c92f81e4a7b91829362d285"
 }

package/src/Table.js

@@ -1,4 +1,4 @@
-import { MosaicClient, clausePoints, coordinator, toDataColumns } from '@uwdata/mosaic-core';
+import { MosaicClient, clausePoints, coordinator, isParam, toDataColumns } from '@uwdata/mosaic-core';
 import { Query, column, desc } from '@uwdata/mosaic-sql';
 import { formatDate, formatLocaleAuto, formatLocaleNumber } from './util/format.js';
 import { input } from './input.js';
@@ -33,6 +33,11 @@ export class Table extends MosaicClient {
     this.align = align;
     this.widths = typeof width === 'object' ? width : {};
 
+    if (isParam(from)) {
+      // if data table is a param, re-initialize upon change
+      from.addEventListener('value', () => this.initialize());
+    }
+
     this.offset = 0;
     this.limit = +rowBatch;
     this.pending = false;
@@ -94,6 +99,10 @@ export class Table extends MosaicClient {
     this.element.appendChild(this.style);
   }
 
+  sourceTable() {
+    return isParam(this.from) ? this.from.value : this.from;
+  }
+
   clause(rows = []) {
     const { data, limit, schema } = this;
     const fields = schema.map(s => s.column);
@@ -116,7 +125,8 @@ export class Table extends MosaicClient {
   }
 
   fields() {
-    return this.columns.map(name => column(this.from, name));
+    const from = this.sourceTable();
+    return this.columns.map(name => column(name, from));
   }
 
   fieldInfo(info) {
@@ -148,8 +158,8 @@ export class Table extends MosaicClient {
   }
 
   query(filter = []) {
-    const { from, limit, offset, schema, sortColumn, sortDesc } = this;
-    return Query.from(from)
+    const { limit, offset, schema, sortColumn, sortDesc } = this;
+    return Query.from(this.sourceTable())
       .select(schema.map(s => s.column))
       .where(filter)
       .orderby(sortColumn ? (sortDesc ? desc(sortColumn) : sortColumn) : [])