@uwdata/mosaic-inputs 0.18.0 → 0.19.1

package/dist/src/Menu.d.ts

@@ -12,6 +12,7 @@ export function menu(options?: {
     from?: string;
     column?: string;
     label?: string;
+    listMatch?: "any" | "all";
 }): HTMLElement;
 /**
  * A HTML <select>-based dropdown menu input.
@@ -44,8 +45,9 @@ export class Menu extends Input {
      *  to pull menu options. The unique column values are used as menu options.
      *  Used in conjunction with the *from* option.
      * @param {string} [options.label] A text label for this input.
+     * @param {'any' | 'all'} [options.listMatch] The list match mode.
      */
-    constructor({ element, filterBy, as, from, column, label, format, options, value, field }?: {
+    constructor({ element, filterBy, as, from, column, label, format, options, value, field, listMatch, }?: {
         element?: HTMLElement;
         filterBy?: Selection;
         as?: Param<any>;
@@ -59,11 +61,13 @@ export class Menu extends Input {
         from?: string;
         column?: string;
         label?: string;
+        listMatch?: "any" | "all";
     });
     from: string;
     column: string;
     format: (value: any) => string;
     field: string;
+    listMatch: "any" | "all";
     selection: Param<any>;
     select: HTMLSelectElement;
     data: any[];

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

@@ -1 +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"}
+{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../src/Menu.js"],"names":[],"mappings":"AAsCO,+BA1BJ;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;IACkB,SAAS,GAAjC,KAAK,GAAG,KAAK;CACrB,GAAU,WAAW,CAE2B;AAEnD;;;GAGG;AACH;IACE;;;;;;;;;;;;;;;;;;;;;;;;;;;OA2BG;IACH,wGAzBG;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;QACkB,SAAS,GAAjC,KAAK,GAAG,KAAK;KACvB,EAmEA;IApDC,aAAgB;IAChB,eAAoB;IACpB,gBA7BiB,GAAG,KAAK,MAAM,CA6BX;IACpB,cAAkB;IAClB,yBAA0B;IACR,sBAAmB;IAMrC,0BAA8C;IAK5C,YAAoE;IAsCxE,+CAYC;IAED,cAEC;IAQD,0BAWC;IAED,gEASC;IAED,6BAIC;IAED,eAqBC;CACF;+BAzNqC,qBAAqB;2BAArB,qBAAqB;sBAG9B,YAAY"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uwdata/mosaic-inputs",
-  "version": "0.18.0",
+  "version": "0.19.1",
   "description": "Mosaic input components.",
   "keywords": [
     "inputs",
@@ -30,8 +30,8 @@
     "prepublishOnly": "npm run test && npm run lint && tsc --build"
   },
   "dependencies": {
-    "@uwdata/mosaic-core": "^0.18.0",
-    "@uwdata/mosaic-sql": "^0.18.0"
+    "@uwdata/mosaic-core": "^0.19.1",
+    "@uwdata/mosaic-sql": "^0.19.0"
   },
-  "gitHead": "dfb9ded0b0307754e3185ca34cc49a1384fe8455"
+  "gitHead": "64ac2aaeefe9ff469edfeed417414a0a7866863f"
 }

package/src/Menu.js

@@ -1,6 +1,6 @@
 /** @import { Param, Selection } from '@uwdata/mosaic-core' */
-import { isParam, isSelection, clausePoint } from '@uwdata/mosaic-core';
-import { Query } from '@uwdata/mosaic-sql';
+import { isParam, isSelection, clausePoint, clauseList } from '@uwdata/mosaic-core';
+import { Query, unnest } from '@uwdata/mosaic-sql';
 import { Input, input } from './input.js';
 
 const isObject = v => {
@@ -33,6 +33,7 @@ const isObject = v => {
  *  to pull menu options. The unique column values are used as menu options.
  *  Used in conjunction with the *from* option.
  * @param {string} [options.label] A text label for this input.
+ * @param {'any' | 'all'} [options.listMatch] The list match mode.
  * @returns {HTMLElement} The container element for a menu input.
  */
 export const menu = options => input(Menu, options);
@@ -68,6 +69,7 @@ export class Menu extends Input {
    *  to pull menu options. The unique column values are used as menu options.
    *  Used in conjunction with the *from* option.
    * @param {string} [options.label] A text label for this input.
+   * @param {'any' | 'all'} [options.listMatch] The list match mode.
    */
   constructor({
     element,
@@ -79,13 +81,15 @@ export class Menu extends Input {
     format = x => x, // TODO
     options,
     value,
-    field = column
+    field = column,
+    listMatch,
   } = {}) {
     super(filterBy, element);
     this.from = from;
     this.column = column;
     this.format = format;
     this.field = field;
+    this.listMatch = listMatch;
     const selection = this.selection = as;
 
     const lab = document.createElement('label');
@@ -160,10 +164,12 @@ export class Menu extends Input {
   }
 
   publish(value) {
-    const { selection, field } = this;
+    const { selection, field, listMatch } = this;
     if (isSelection(selection)) {
       if (value === '') value = undefined; // 'All' option
-      const clause = clausePoint(field, value, { source: this });
+      const clause = listMatch
+        ? clauseList(field, value, { source: this, listMatch })
+        : clausePoint(field, value, { source: this });
       selection.update(clause);
     } else if (isParam(selection)) {
       selection.update(value);
@@ -171,11 +177,11 @@ export class Menu extends Input {
   }
 
   query(filter = []) {
-    const { from, column } = this;
+    const { from, column, listMatch } = this;
     if (!from) return null;
     return Query
       .from(from)
-      .select({ value: column })
+      .select({ value: listMatch ? unnest(column) : column })
       .distinct()
       .where(filter)
       .orderby(column)

package/src/Table.js

@@ -176,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: /** @type {ClauseSource} */(this) });
+    return clausePoints(fields, values, { source: this });
   }
 
   requestData(offset = 0) {