@uwdata/mosaic-inputs 0.16.2 → 0.18.0

package/LICENSE

@@ -1,6 +1,6 @@
 BSD 3-Clause License
 
-Copyright (c) 2023, UW Interactive Data Lab
+Copyright (c) 2023-2025, UW Interactive Data Lab
 
 Redistribution and use in source and binary forms, with or without
 modification, are permitted provided that the following conditions are met:

package/README.md

@@ -4,4 +4,4 @@
 
 Standalone data-driven components such as input menus, text search boxes, and sortable, load-on-scroll data tables. Input widgets integrate with Mosaic Params and Selections, and can either be used in a standalone fashion or draw values from a backing data table.
 
-The `mosaic-inputs` package is included as part of the [vgplot](https://github.com/uwdata/mosaic/tree/main/packages/vgplot) API.
+The `mosaic-inputs` package is included as part of the [vgplot](https://github.com/uwdata/mosaic/tree/main/packages/vgplot/vgplot) API.

package/dist/{types → src}/Menu.d.ts

@@ -1,7 +1,7 @@
 export function menu(options?: {
     element?: HTMLElement;
     filterBy?: Selection;
-    as?: Param;
+    as?: Param<any>;
     field?: string;
     options?: (any | {
         value: any;
@@ -48,7 +48,7 @@ export class Menu extends Input {
     constructor({ element, filterBy, as, from, column, label, format, options, value, field }?: {
         element?: HTMLElement;
         filterBy?: Selection;
-        as?: Param;
+        as?: Param<any>;
         field?: string;
         options?: (any | {
             value: any;
@@ -64,7 +64,7 @@ export class Menu extends Input {
     column: string;
     format: (value: any) => string;
     field: string;
-    selection: Param;
+    selection: Param<any>;
     select: HTMLSelectElement;
     data: any[];
     selectedValue(value: any, ...args: any[]): any;
@@ -77,3 +77,4 @@ export class Menu extends Input {
 import type { Selection } from '@uwdata/mosaic-core';
 import type { Param } from '@uwdata/mosaic-core';
 import { Input } from './input.js';
+//# sourceMappingURL=Menu.d.ts.map

package/dist/src/Menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu.js"],"names":[],"mappings":"AAqCO,+BAzBJ;IAA8B,OAAO,GAA7B,WAAW;IAES,QAAQ,GAA5B,SAAS;IAEO,EAAE;IAED,KAAK,GAAtB,MAAM;IAE6C,OAAO,GAA1D,CAAC,GAAG,GAAG;QAAE,KAAK,EAAE,GAAG,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE;IAIP,MAAM,GAAvC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM;IAIV,KAAK,GAAjB,GAAC;IACgB,IAAI,GAArB,MAAM;IAEW,MAAM,GAAvB,MAAM;IAGW,KAAK,GAAtB,MAAM;CACd,GAAU,WAAW,CAE2B;AAEnD;;;GAGG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;OA0BG;IACH,4FAxBG;QAA8B,OAAO,GAA7B,WAAW;QAES,QAAQ,GAA5B,SAAS;QAEO,EAAE;QAED,KAAK,GAAtB,MAAM;QAE6C,OAAO,GAA1D,CAAC,GAAG,GAAG;YAAE,KAAK,EAAE,GAAG,CAAC;YAAC,KAAK,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE;QAIP,MAAM,GAAvC,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM;QAIV,KAAK,GAAjB,GAAC;QACgB,IAAI,GAArB,MAAM;QAEW,MAAM,GAAvB,MAAM;QAGW,KAAK,GAAtB,MAAM;KAChB,EAiEA;IAnDC,aAAgB;IAChB,eAAoB;IACpB,gBA3BiB,GAAG,KAAK,MAAM,CA2BX;IACpB,cAAkB;IACA,sBAAmB;IAMrC,0BAA8C;IAK5C,YAAoE;IAsCxE,+CAYC;IAED,cAEC;IAQD,0BASC;IAED,gEASC;IAED,6BAIC;IAED,eAqBC;CACF;+BAnNqC,qBAAqB;2BAArB,qBAAqB;sBAG9B,YAAY"}

package/dist/{types → src}/Search.d.ts

@@ -1,7 +1,7 @@
 export function search(options?: {
     element?: HTMLElement;
     filterBy?: Selection;
-    as?: Param;
+    as?: Param<any>;
     field?: string;
     type?: "contains" | "prefix" | "suffix" | "regexp";
     from?: string;
@@ -41,7 +41,7 @@ export class Search extends Input {
     constructor({ element, filterBy, from, column, label, type, field, as }?: {
         element?: HTMLElement;
         filterBy?: Selection;
-        as?: Param;
+        as?: Param<any>;
         field?: string;
         type?: "contains" | "prefix" | "suffix" | "regexp";
         from?: string;
@@ -52,7 +52,7 @@ export class Search extends Input {
     type: "contains" | "prefix" | "suffix" | "regexp";
     from: string;
     column: string;
-    selection: Param;
+    selection: Param<any>;
     field: string;
     searchbox: HTMLInputElement;
     reset(): void;
@@ -67,3 +67,4 @@ export class Search extends Input {
 import type { Selection } from '@uwdata/mosaic-core';
 import type { Param } from '@uwdata/mosaic-core';
 import { Input } from './input.js';
+//# sourceMappingURL=Search.d.ts.map

package/dist/src/Search.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/Search.js"],"names":[],"mappings":"AAiCO,iCAvBJ;IAA8B,OAAO,GAA7B,WAAW;IAES,QAAQ,GAA5B,SAAS;IAEO,EAAE;IAED,KAAK,GAAtB,MAAM;IAEgD,IAAI,GAA1D,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;IAM1B,IAAI,GAArB,MAAM;IAGW,MAAM,GAAvB,MAAM;IAGW,KAAK,GAAtB,MAAM;CACd,GAAU,WAAW,CAE+B;AAEvD;;;GAGG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;OAwBG;IACH,0EAtBG;QAA8B,OAAO,GAA7B,WAAW;QAES,QAAQ,GAA5B,SAAS;QAEO,EAAE;QAED,KAAK,GAAtB,MAAM;QAEgD,IAAI,GAA1D,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ;QAM1B,IAAI,GAArB,MAAM;QAGW,MAAM,GAAvB,MAAM;QAGW,KAAK,GAAtB,MAAM;KAChB,EAkDA;IAtCC,WAA6B;IAC7B,kDAAgB;IAChB,aAAgB;IAChB,eAAoB;IACpB,sBAAmB;IACnB,cAAkB;IASlB,4BAAgD;IA0BlD,cAEC;IAED,kEAGC;IAQD,0BAOC;IAED,gEAQC;IAED,6BAGC;IAFC,UAAgB;IAIlB,eAaC;IAH0B,8BAAoB;CAIhD;+BAzKqC,qBAAqB;2BAArB,qBAAqB;sBAG9B,YAAY"}

package/dist/{types → src}/Slider.d.ts

@@ -1,7 +1,7 @@
 export function slider(options?: {
     element?: HTMLElement;
     filterBy?: Selection;
-    as?: Param;
+    as?: Param<any>;
     field?: string;
     select?: "point" | "interval";
     min?: number;
@@ -51,7 +51,7 @@ export class Slider extends Input {
     constructor({ element, filterBy, as, min, max, step, from, column, label, value, select, field, width }?: {
         element?: HTMLElement;
         filterBy?: Selection;
-        as?: Param;
+        as?: Param<any>;
         field?: string;
         select?: "point" | "interval";
         min?: number;
@@ -66,7 +66,7 @@ export class Slider extends Input {
     id: string;
     from: string;
     column: string;
-    selection: Param;
+    selection: Param<any>;
     selectionType: "point" | "interval";
     field: string;
     min: number;
@@ -82,3 +82,4 @@ export class Slider extends Input {
 import type { Selection } from '@uwdata/mosaic-core';
 import type { Param } from '@uwdata/mosaic-core';
 import { Input } from './input.js';
+//# sourceMappingURL=Slider.d.ts.map

package/dist/src/Slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../src/Slider.js"],"names":[],"mappings":"AAsCO,iCA5BJ;IAA8B,OAAO,GAA7B,WAAW;IAES,QAAQ,GAA5B,SAAS;IAEO,EAAE;IAED,KAAK,GAAtB,MAAM;IAEyB,MAAM,GAArC,OAAO,GAAG,UAAU;IAKH,GAAG,GAApB,MAAM;IACW,GAAG,GAApB,MAAM;IACW,IAAI,GAArB,MAAM;IAEW,KAAK,GAAtB,MAAM;IACW,IAAI,GAArB,MAAM;IAGW,MAAM,GAAvB,MAAM;IAGW,KAAK,GAAtB,MAAM;IACW,KAAK,GAAtB,MAAM;CACd,GAAU,WAAW,CAE+B;AAEvD;;;GAGG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,0GA3BG;QAA8B,OAAO,GAA7B,WAAW;QAES,QAAQ,GAA5B,SAAS;QAEO,EAAE;QAED,KAAK,GAAtB,MAAM;QAEyB,MAAM,GAArC,OAAO,GAAG,UAAU;QAKH,GAAG,GAApB,MAAM;QACW,GAAG,GAApB,MAAM;QACW,IAAI,GAArB,MAAM;QAEW,KAAK,GAAtB,MAAM;QACW,IAAI,GAArB,MAAM;QAGW,MAAM,GAAvB,MAAM;QAGW,KAAK,GAAtB,MAAM;QACW,KAAK,GAAtB,MAAM;KAChB,EAgFA;IA/DC,WAA6B;IAC7B,aAAgB;IAChB,eAA+B;IAC/B,sBAAmB;IACnB,oCAA2B;IAC3B,cAAkB;IAClB,YAAc;IACd,YAAc;IACd,aAAgB;IAShB,yBAA6C;IAS7C,yBAA6C;IAuC/C,gEAOC;IAED,6BAeC;IAED,kEAcC;IAQD,0BAOC;CACF;+BApNmD,qBAAqB;2BAArB,qBAAqB;sBAG5C,YAAY"}

package/dist/{types → src}/Table.d.ts

@@ -100,7 +100,10 @@ export class Table extends Input {
     requestData(offset?: number): void;
     schema: import("@uwdata/mosaic-core").FieldInfo[];
     formats: any;
-    query(filter?: any[]): import("@uwdata/mosaic-sql").SelectQuery;
+    /**
+     * @param {FilterExpr} filter
+     */
+    query(filter?: FilterExpr): import("@uwdata/mosaic-sql").SelectQuery;
     queryResult(data: any): this;
     loaded: boolean;
     data: any[];
@@ -109,3 +112,5 @@ export class Table extends Input {
 }
 import type { Selection } from '@uwdata/mosaic-core';
 import { Input } from './input.js';
+import type { FilterExpr } from '@uwdata/mosaic-sql';
+//# sourceMappingURL=Table.d.ts.map

package/dist/src/Table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../src/Table.js"],"names":[],"mappings":"AA0CO,+BA5BJ;IAA8B,OAAO,GAA7B,WAAW;IAES,QAAQ,GAA5B,SAAS;IAEW,EAAE,GAAtB,SAAS;IAEiD,KAAK,GAA/D;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;KAAE;IAGM,MAAM,GAA3D;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAA;KAAE;IAIzB,IAAI,GAArB,MAAM;IAEa,OAAO,GAA1B,MAAM,EAAE;IAGsC,KAAK,GAAnD,MAAM,GAAG;QAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;KAAE;IAGlB,QAAQ,GAAzB,MAAM;IACW,MAAM,GAAvB,MAAM;IACW,QAAQ,GAAzB,MAAM;CAGd,GAAU,WAAW,CAE6B;AAErD;;;GAGG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BG;IACH,yGA3BG;QAA8B,OAAO,GAA7B,WAAW;QAES,QAAQ,GAA5B,SAAS;QAEW,EAAE,GAAtB,SAAS;QAEiD,KAAK,GAA/D;YAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAA;SAAE;QAGM,MAAM,GAA3D;YAAE,CAAC,IAAI,EAAE,MAAM,GAAG,CAAC,KAAK,EAAE,GAAG,KAAK,MAAM,CAAA;SAAE;QAIzB,IAAI,GAArB,MAAM;QAEa,OAAO,GAA1B,MAAM,EAAE;QAGsC,KAAK,GAAnD,MAAM,GAAG;YAAE,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAAA;SAAE;QAGlB,QAAQ,GAAzB,MAAM;QACW,MAAM,GAAvB,MAAM;QACW,QAAQ,GAAzB,MAAM;KAGhB,EAuFA;IAvEC,WAA0B;IAG1B,aAAgB;IAChB,kBAAsB;IACtB;gCAtCmC,GAAG,KAAK,MAAM;MAsC7B;IACpB;;MAAkB;IAClB;;MAAoD;IAOpD,eAAe;IACf,cAAsB;IACtB,mBAAsB;IAEtB,qBAAmB;IACnB,mBAAoB;IAEpB,gBAAsB;IACtB,gBAAsB;IACtB,kBAAqB;IAuBrB,sBAA0C;IAG1C,8BAA2C;IAG3C,8BAA2C;IAiB3C,wBAA4C;IAI9C,mBAEC;IAED,oEAQC;IAED,mCASC;IAOC,kDAAoB;IAgBpB,aAA4C;IAU9C;;OAEG;IACH,eAFW,UAAU,4CAUpB;IAED,6BAUC;IAPG,gBAAmB;IACnB,YAAc;IAQlB,eA2BC;IAQD,oCAsBC;CACF;+BAjT2C,qBAAqB;sBAMpC,YAAY;gCALV,oBAAoB"}

package/dist/{types → src}/index.d.ts

@@ -2,3 +2,4 @@ export { Menu, menu } from "./Menu.js";
 export { Search, search } from "./Search.js";
 export { Slider, slider } from "./Slider.js";
 export { Table, table } from "./Table.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.js"],"names":[],"mappings":""}

package/dist/{types → src}/input.d.ts

@@ -26,3 +26,4 @@ export class Input extends MosaicClient implements Activatable {
 }
 import type { Activatable } from '@uwdata/mosaic-core';
 import { MosaicClient } from '@uwdata/mosaic-core';
+//# sourceMappingURL=input.d.ts.map

package/dist/src/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/input.js"],"names":[],"mappings":"AAEA;;;;;;;GAOG;AACH,sBAL2C,CAAC,SAA/B,KAAM,GAAG,IAAI,EAAE,GAAG,KAAK,KAAM,cAC/B,CAAC,aACD,qBAAqB,CAAC,CAAC,CAAC,GACtB,WAAW,CAMvB;AAED;;;;GAIG;AACH;IACE;;;;;;OAMG;IACH,uBALW,OAAO,qBAAqB,EAAE,SAAS,YAEvC,WAAW,cACX,MAAM,EAOhB;IAHC,qBAAuD;IAKzD,iBAEC;CACF;iCArB6B,qBAAqB;6BAlBT,qBAAqB"}

package/dist/{types → src}/util/format.d.ts

@@ -6,3 +6,4 @@ export function formatLocaleAuto(locale?: string): any;
 export function formatLocaleNumber(locale?: string): any;
 export const formatAuto: any;
 export const formatNumber: any;
+//# sourceMappingURL=format.d.ts.map

package/dist/src/util/format.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format.d.ts","sourceRoot":"","sources":["../../../src/util/format.js"],"names":[],"mappings":"AAGA,0CAEC;AAkBD,4CAYC;AAED,8CAEC;AAGD,mCAGU,eAAa,SAGtB;AAHQ,uDAEsB;AAFtB,yDAEsB;AA5B/B,6BAA6C;AAE7C,+BAAiD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uwdata/mosaic-inputs",
-  "version": "0.16.2",
+  "version": "0.18.0",
   "description": "Mosaic input components.",
   "keywords": [
     "inputs",
@@ -10,25 +10,28 @@
   "author": "Jeffrey Heer (https://idl.uw.edu)",
   "type": "module",
   "exports": {
-    "types": "./dist/types/index.d.ts",
+    "types": "./dist/src/index.d.ts",
     "default": "./src/index.js"
   },
+  "files": [
+    "dist",
+    "!dist/tsconfig.tsbuildinfo",
+    "src"
+  ],
   "repository": {
     "type": "git",
     "url": "https://github.com/uwdata/mosaic.git"
   },
   "scripts": {
-    "prebuild": "rimraf dist && mkdir dist",
-    "build": "npm run types",
-    "types": "tsc -p tsconfig.json",
+    "clean": "rimraf dist && mkdir dist",
+    "prebuild": "npm run clean",
     "lint": "eslint src test",
-    "test": "vitest run && npm run tsc",
-    "tsc": "tsc -p jsconfig.json",
-    "prepublishOnly": "npm run test && npm run lint && npm run build"
+    "test": "vitest run",
+    "prepublishOnly": "npm run test && npm run lint && tsc --build"
   },
   "dependencies": {
-    "@uwdata/mosaic-core": "^0.16.2",
-    "@uwdata/mosaic-sql": "^0.16.2"
+    "@uwdata/mosaic-core": "^0.18.0",
+    "@uwdata/mosaic-sql": "^0.18.0"
   },
-  "gitHead": "26d2719f4bcab471d2831145e1f03f39f3509869"
+  "gitHead": "dfb9ded0b0307754e3185ca34cc49a1384fe8455"
 }

package/src/Slider.js

@@ -1,4 +1,4 @@
-/** @import { Param, Selection } from '@uwdata/mosaic-core' */
+/** @import { ClauseSource, Param, Selection } from '@uwdata/mosaic-core' */
 import { clauseInterval, clausePoint, isParam, isSelection } from '@uwdata/mosaic-core';
 import { Query, max, min } from '@uwdata/mosaic-sql';
 import { Input, input } from './input.js';
@@ -186,13 +186,13 @@ export class Slider extends Input {
       /** @type {[number, number]} */
       const domain = [this.min ?? 0, value];
       return clauseInterval(field, domain, {
-        source: this,
+        source: /** @type {ClauseSource} */(this),
         bin: 'ceil',
         scale: { type: 'identity', domain },
         pixelSize: this.step
       });
     } else {
-      return clausePoint(field, value, { source: this });
+      return clausePoint(field, value, { source: /** @type {ClauseSource} */(this) });
     }
   }
 

package/src/Table.js

@@ -1,4 +1,7 @@
-/** @import { Selection } from '@uwdata/mosaic-core' */
+/**
+ * @import { ClauseSource, Selection } from '@uwdata/mosaic-core'
+ * @import { FilterExpr } from '@uwdata/mosaic-sql'
+ */
 import { clausePoints, coordinator, isParam, isSelection, queryFieldInfo, toDataColumns } from '@uwdata/mosaic-core';
 import { Query, desc } from '@uwdata/mosaic-sql';
 import { formatDate, formatLocaleAuto, formatLocaleNumber } from './util/format.js';
@@ -122,7 +125,7 @@ export class Table extends Input {
     let prevScrollTop = -1;
     this.element.addEventListener('scroll', evt => {
       const { isPending, loaded } = this;
-      // @ts-ignore
+      // @ts-expect-error unpack event
       const { scrollHeight, scrollTop, clientHeight } = evt.target;
 
       const back = scrollTop < prevScrollTop;
@@ -173,7 +176,7 @@ export class Table extends Input {
       const { columns } = data[~~(row / limit)];
       return fields.map(f => columns[f][row % limit]);
     });
-    return clausePoints(fields, values, { source: this });
+    return clausePoints(fields, values, { source: /** @type {ClauseSource} */(this) });
   }
 
   requestData(offset = 0) {
@@ -218,6 +221,9 @@ export class Table extends Input {
     );
   }
 
+  /**
+   * @param {FilterExpr} filter
+   */
   query(filter = []) {
     const { limit, offset, schema, sortColumn, sortDesc } = this;
     return Query.from(this.sourceTable())

package/jsconfig.json

@@ -1,11 +0,0 @@
-{
-  "include": ["src/**/*"],
-  "compilerOptions": {
-    "checkJs": true,
-    "noEmit": true,
-    "noImplicitAny": false,
-    "module": "node16",
-    "skipLibCheck": true,
-    "types": []
-  }
-}

package/tsconfig.json

@@ -1,11 +0,0 @@
-{
-  "include": ["src/**/*.js", "src/**/*.ts"],
-  "compilerOptions": {
-    "allowJs": true,
-    "declaration": true,
-    "emitDeclarationOnly": true,
-    "outDir": "dist/types",
-    "module": "node16",
-    "skipLibCheck": true
-  }
-}

package/vitest.config.ts

@@ -1,3 +0,0 @@
-import { defineConfig } from 'vite';
-
-export default defineConfig({});