@vuu-ui/vuu-filters 0.7.5-debug → 0.7.5

package/esm/index.js

@@ -1,2082 +1,34 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __commonJS = (cb, mod) => function __require() {
-  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-};
-var __privateSet = (obj, member, value, setter) => {
-  __accessCheck(obj, member, "write to private field");
-  setter ? setter.call(obj, value) : member.set(obj, value);
-  return value;
-};
-
-// ../../node_modules/classnames/index.js
-var require_classnames = __commonJS({
-  "../../node_modules/classnames/index.js"(exports, module) {
-    (function() {
-      "use strict";
-      var hasOwn = {}.hasOwnProperty;
-      var nativeCodeString = "[native code]";
-      function classNames() {
-        var classes = [];
-        for (var i = 0; i < arguments.length; i++) {
-          var arg = arguments[i];
-          if (!arg)
-            continue;
-          var argType = typeof arg;
-          if (argType === "string" || argType === "number") {
-            classes.push(arg);
-          } else if (Array.isArray(arg)) {
-            if (arg.length) {
-              var inner = classNames.apply(null, arg);
-              if (inner) {
-                classes.push(inner);
-              }
-            }
-          } else if (argType === "object") {
-            if (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes("[native code]")) {
-              classes.push(arg.toString());
-              continue;
-            }
-            for (var key in arg) {
-              if (hasOwn.call(arg, key) && arg[key]) {
-                classes.push(key);
-              }
-            }
-          }
-        }
-        return classes.join(" ");
-      }
-      if (typeof module !== "undefined" && module.exports) {
-        classNames.default = classNames;
-        module.exports = classNames;
-      } else if (typeof define === "function" && typeof define.amd === "object" && define.amd) {
-        define("classnames", [], function() {
-          return classNames;
-        });
-      } else {
-        window.classNames = classNames;
-      }
-    })();
-  }
-});
-
-// src/column-filter/ColumnFilter.tsx
-import {
-  Dropdown,
-  Toolbar,
-  ToolbarButton,
-  ToolbarField as ToolbarField2
-} from "@heswell/salt-lab";
-import { Text } from "@salt-ds/core";
-
-// ../../node_modules/@salt-ds/icons/dist-es/packages/icons/src/icon/Icon.js
-import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-
-// ../../node_modules/clsx/dist/clsx.m.js
-function r(e) {
-  var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e)
-    n += e;
-  else if ("object" == typeof e)
-    if (Array.isArray(e))
-      for (t = 0; t < e.length; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    else
-      for (t in e)
-        e[t] && (n && (n += " "), n += t);
-  return n;
-}
-function clsx() {
-  for (var e, t, f = 0, n = ""; f < arguments.length; )
-    (e = arguments[f++]) && (t = r(e)) && (n && (n += " "), n += t);
-  return n;
+var mo=Object.create;var fe=Object.defineProperty;var fo=Object.getOwnPropertyDescriptor;var go=Object.getOwnPropertyNames;var xo=Object.getPrototypeOf,Io=Object.prototype.hasOwnProperty;var So=(e,o)=>()=>(o||e((o={exports:{}}).exports,o),o.exports);var Fo=(e,o,r,t)=>{if(o&&typeof o=="object"||typeof o=="function")for(let n of go(o))!Io.call(e,n)&&n!==r&&fe(e,n,{get:()=>o[n],enumerable:!(t=fo(o,n))||t.enumerable});return e};var ge=(e,o,r)=>(r=e!=null?mo(xo(e)):{},Fo(o||!e||!e.__esModule?fe(r,"default",{value:e,enumerable:!0}):r,e));var xe=(e,o,r)=>{if(!o.has(e))throw TypeError("Cannot "+r)};var O=(e,o,r)=>(xe(e,o,"read from private field"),r?r.call(e):o.get(e)),Ie=(e,o,r)=>{if(o.has(e))throw TypeError("Cannot add the same private member more than once");o instanceof WeakSet?o.add(e):o.set(e,r)},J=(e,o,r,t)=>(xe(e,o,"write to private field"),t?t.call(e,r):o.set(e,r),r);var ae=So((bn,z)=>{(function(){"use strict";var e={}.hasOwnProperty,o="[native code]";function r(){for(var t=[],n=0;n<arguments.length;n++){var i=arguments[n];if(i){var s=typeof i;if(s==="string"||s==="number")t.push(i);else if(Array.isArray(i)){if(i.length){var p=r.apply(null,i);p&&t.push(p)}}else if(s==="object"){if(i.toString!==Object.prototype.toString&&!i.toString.toString().includes("[native code]")){t.push(i.toString());continue}for(var f in i)e.call(i,f)&&i[f]&&t.push(f)}}}return t.join(" ")}typeof z<"u"&&z.exports?(r.default=r,z.exports=r):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return r}):window.classNames=r})()});import{Dropdown as Ko,Toolbar as Jo,ToolbarButton as er,ToolbarField as $}from"@heswell/salt-lab";import{Text as or}from"@salt-ds/core";import{jsx as Ce}from"react/jsx-runtime";import{forwardRef as Co}from"react";function Se(e){var o,r,t="";if(typeof e=="string"||typeof e=="number")t+=e;else if(typeof e=="object")if(Array.isArray(e))for(o=0;o<e.length;o++)e[o]&&(r=Se(e[o]))&&(t&&(t+=" "),t+=r);else for(o in e)e[o]&&(t&&(t+=" "),t+=o);return t}function Fe(){for(var e,o,r=0,t="";r<arguments.length;)(e=arguments[r++])&&(o=Se(e))&&(t&&(t+=" "),t+=o);return t}function he(e,o){o===void 0&&(o={});var r=o.insertAt;if(!(!e||typeof document>"u")){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css",r==="top"&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var ho=`/* Style applied to the root element */
+.saltIcon {
+  --icon-color: var(--saltIcon-color, var(--salt-text-secondary-foreground));
+  --icon-size-multiplier: var(--saltIcon-size-multiplier, 1);
+  --icon-base-size: var(--salt-size-icon-base, 12px);
+  /**
+   * Icon size will be the multiplier (an integer from the size prop) * the base size (set by the theme per density)
+   * Icons should never be smaller than 12px for readability so we've added a max() to enforce this
+  */
+  --icon-size: max(calc(var(--icon-base-size) * var(--icon-size-multiplier)), 12px);
 }
 
-// ../../node_modules/@salt-ds/icons/dist-es/node_modules/style-inject/dist/style-inject.es.js
-function styleInject(css, ref) {
-  if (ref === void 0)
-    ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === "undefined") {
-    return;
-  }
-  var head = document.head || document.getElementsByTagName("head")[0];
-  var style = document.createElement("style");
-  style.type = "text/css";
-  if (insertAt === "top") {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
+.saltIcon {
+  fill: var(--saltIcon-color, var(--icon-color));
+  display: inline-block;
+  margin: var(--saltIcon-margin, 0);
+  position: relative;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  min-width: var(--icon-size);
+  min-height: var(--icon-size);
 }
 
-// ../../node_modules/@salt-ds/icons/dist-es/packages/icons/src/icon/Icon.css.js
-var css_248z = "/* Style applied to the root element */\n.saltIcon {\n  --icon-color: var(--saltIcon-color, var(--salt-text-secondary-foreground));\n  --icon-size-multiplier: var(--saltIcon-size-multiplier, 1);\n  --icon-base-size: var(--salt-size-icon-base, 12px);\n  /**\n   * Icon size will be the multiplier (an integer from the size prop) * the base size (set by the theme per density)\n   * Icons should never be smaller than 12px for readability so we've added a max() to enforce this\n  */\n  --icon-size: max(calc(var(--icon-base-size) * var(--icon-size-multiplier)), 12px);\n}\n\n.saltIcon {\n  fill: var(--saltIcon-color, var(--icon-color));\n  display: inline-block;\n  margin: var(--saltIcon-margin, 0);\n  position: relative;\n  width: var(--icon-size);\n  height: var(--icon-size);\n  min-width: var(--icon-size);\n  min-height: var(--icon-size);\n}\n\n.saltIcon:hover {\n  --icon-color: var(--saltIcon-color-hover, var(--salt-text-secondary-foreground));\n}\n\n.saltIcon:active {\n  --icon-color: var(--saltIcon-color-active, var(--salt-text-secondary-foreground));\n}\n";
-styleInject(css_248z);
-
-// ../../node_modules/@salt-ds/icons/dist-es/packages/icons/src/icon/Icon.js
-var makePrefixer = (prefix) => (...names) => [prefix, ...names].join("-");
-var withBaseName = makePrefixer("saltIcon");
-var DEFAULT_ICON_SIZE = 1;
-var Icon = forwardRef(function Icon2({ children, className, size = DEFAULT_ICON_SIZE, style: styleProp, ...rest }, ref) {
-  const style = {
-    ...styleProp,
-    "--saltIcon-size-multiplier": `${size}`
-  };
-  return /* @__PURE__ */ jsx("svg", {
-    className: clsx(withBaseName(), className),
-    style,
-    role: "img",
-    ...rest,
-    ref,
-    children: /* @__PURE__ */ jsx("g", {
-      "aria-hidden": true,
-      children
-    })
-  });
-});
-
-// ../../node_modules/@salt-ds/icons/dist-es/packages/icons/src/components/Delete.js
-import { jsxs, jsx as jsx2 } from "react/jsx-runtime";
-import { forwardRef as forwardRef2 } from "react";
-var DeleteIcon = forwardRef2(
-  function DeleteIcon2(props, ref) {
-    return /* @__PURE__ */ jsxs(Icon, {
-      "data-testid": "DeleteIcon",
-      "aria-label": "delete",
-      viewBox: "0 0 12 12",
-      ref,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx2("path", {
-          d: "M5 4v6H4V4h1Zm2 0v6H6V4h1Z"
-        }),
-        /* @__PURE__ */ jsx2("path", {
-          fillRule: "evenodd",
-          d: "M4 0a1 1 0 0 0-1 1v1H0v1h1v7a2 2 0 0 0 2 2h5.25A1.75 1.75 0 0 0 10 10.25V3h1V2H8V1a1 1 0 0 0-1-1H4Zm5 3H2v7a1 1 0 0 0 1 1h5.25a.75.75 0 0 0 .75-.75V3ZM7 2H4v-.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V2Z",
-          clipRule: "evenodd"
-        })
-      ]
-    });
-  }
-);
-
-// src/column-filter/RangeFilter.tsx
-import { Input, ToolbarField } from "@heswell/salt-lab";
-
-// src/filter-utils.ts
-import { extractFilterForColumn, partition } from "@vuu-ui/vuu-utils";
-
-// src/filterTypes.ts
-var singleValueFilterOps = /* @__PURE__ */ new Set([
-  "=",
-  "!=",
-  ">",
-  ">=",
-  "<",
-  "<=",
-  "starts",
-  "ends"
-]);
-var isNamedFilter = (f) => f !== void 0 && f.name !== void 0;
-var isSingleValueFilter = (f) => f !== void 0 && singleValueFilterOps.has(f.op);
-var isFilterClause = (f) => f !== void 0 && (isSingleValueFilter(f) || isMultiValueFilter(f));
-var isMultiValueFilter = (f) => f !== void 0 && f.op === "in";
-var isInFilter = (f) => f.op === "in";
-var isAndFilter = (f) => f.op === "and";
-var isOrFilter = (f) => f.op === "or";
-function isMultiClauseFilter(f) {
-  return f !== void 0 && (f.op === "and" || f.op === "or");
+.saltIcon:hover {
+  --icon-color: var(--saltIcon-color-hover, var(--salt-text-secondary-foreground));
 }
 
-// src/filter-utils.ts
-var AND = "and";
-var EQUALS = "=";
-var GREATER_THAN = ">";
-var LESS_THAN = "<";
-var OR = "or";
-var STARTS_WITH = "starts";
-var ENDS_WITH = "ends";
-var IN = "in";
-var filterClauses = (filter, clauses = []) => {
-  if (filter) {
-    if (isMultiClauseFilter(filter)) {
-      filter.filters.forEach((f) => clauses.push(...filterClauses(f)));
-    } else {
-      clauses.push(filter);
-    }
-  }
-  return clauses;
-};
-var DEFAULT_ADD_FILTER_OPTS = {
-  combineWith: "and"
-};
-var addFilter = (existingFilter, filter, { combineWith = AND } = DEFAULT_ADD_FILTER_OPTS) => {
-  var _a;
-  if (includesNoValues(filter)) {
-    if (isMultiClauseFilter(filter)) {
-    } else {
-      existingFilter = removeFilterForColumn(existingFilter, {
-        name: filter.column
-      });
-    }
-  } else if (includesAllValues(filter)) {
-    if (isMultiClauseFilter(filter)) {
-    }
-    return removeFilterForColumn(existingFilter, { name: (_a = filter.column) != null ? _a : "" });
-  }
-  if (!existingFilter) {
-    return filter;
-  }
-  if (!filter) {
-    return existingFilter;
-  }
-  if (existingFilter.op === AND && filter.op === AND) {
-    return {
-      op: AND,
-      filters: combine(existingFilter.filters, filter.filters)
-    };
-  }
-  if (existingFilter.op === AND) {
-    const filters = replaceOrInsert(existingFilter.filters, filter);
-    return filters.length > 1 ? { op: AND, filters } : filters[0];
-  }
-  if (filter.op === AND) {
-    return { op: AND, filters: filter.filters.concat(existingFilter) };
-  }
-  if (filterEquals(existingFilter, filter, true)) {
-    return filter;
-  }
-  if (canMerge(existingFilter, filter)) {
-    return merge(existingFilter, filter);
-  }
-  return { op: combineWith, filters: [existingFilter, filter] };
-};
-var includesNoValues = (filter) => {
-  if (!filter) {
-    return false;
-  }
-  if (isInFilter(filter) && filter.values.length === 0) {
-    return true;
-  }
-  return isAndFilter(filter) && filter.filters.some((f) => includesNoValues(f));
-};
-var filterValue = (value) => typeof value === "string" ? `"${value}"` : value;
-var filterAsQuery = (f) => {
-  if (isMultiClauseFilter(f)) {
-    return f.filters.map((filter) => filterAsQuery(filter)).join(` ${f.op} `);
-  } else if (isMultiValueFilter(f)) {
-    return `${f.column} ${f.op} [${f.values.join(",")}]`;
-  } else {
-    return `${f.column} ${f.op} ${filterValue(f.value)}`;
-  }
-};
-var includesAllValues = (filter) => {
-  if (!filter) {
-    return false;
-  }
-  if (filter.op === STARTS_WITH && filter.value === "") {
-    return true;
-  }
-  return filter.op === STARTS_WITH && filter.value === "";
-};
-var replaceOrInsert = (filters, filter) => {
-  return filters.concat(filter);
-};
-var merge = (f1, f2) => {
-  if (includesNoValues(f2)) {
-    return f2;
-  }
-  if (isInFilter(f1) && isInFilter(f2)) {
-    return {
-      ...f1,
-      values: [
-        ...f1.values,
-        ...f2.values.filter(
-          (v) => !f1.values.includes(v)
-        )
-      ]
-    };
-  } else if (isInFilter(f1) && f2.op === EQUALS) {
-    return {
-      ...f1,
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      values: f1.values.concat([f2.value])
-    };
-  } else if (f1.op === EQUALS && f2.op === EQUALS) {
-    return {
-      column: f1.column,
-      op: IN,
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      values: [f1.value, f2.value]
-    };
-  }
-  return f2;
-};
-var combine = (existingFilters, replacementFilters) => {
-  const equivalentType = ({ op: t1 }, { op: t2 }) => {
-    return t1 === t2 || t1[0] === t2[0];
-  };
-  const replaces = (existingFilter, replacementFilter) => {
-    return existingFilter.column === replacementFilter.column && equivalentType(existingFilter, replacementFilter);
-  };
-  const stillApplicable = (existingFilter) => replacementFilters.some(
-    (replacementFilter) => replaces(existingFilter, replacementFilter)
-  ) === false;
-  return existingFilters.filter(stillApplicable).concat(replacementFilters);
-};
-var removeColumnFromFilter = (column, filter) => {
-  if (isMultiClauseFilter(filter)) {
-    const [clause1, clause2] = filter.filters;
-    if (clause1.column === column.name) {
-      return [clause2, filterAsQuery(clause2)];
-    }
-    if (clause2.column === column.name) {
-      return [clause1, filterAsQuery(clause1)];
-    }
-  }
-  return [void 0, ""];
-};
-var removeFilter = (sourceFilter, filterToRemove) => {
-  if (filterEquals(sourceFilter, filterToRemove, true)) {
-    return null;
-  }
-  if (sourceFilter.op !== AND) {
-    throw Error(
-      `removeFilter cannot remove ${JSON.stringify(
-        filterToRemove
-      )} from ${JSON.stringify(sourceFilter)}`
-    );
-  }
-  const filters = sourceFilter.filters.filter(
-    (f) => !filterEquals(f, filterToRemove)
-  );
-  return filters.length > 0 ? { type: AND, filters } : null;
-};
-var splitFilterOnColumn = (filter, columnName) => {
-  if (!filter) {
-    return [null, null];
-  }
-  if (filter.column === columnName) {
-    return [filter, null];
-  }
-  if (filter.op !== AND) {
-    return [null, filter];
-  }
-  const [[columnFilter = null], filters] = partition(
-    filter.filters,
-    (f) => f.column === columnName
-  );
-  return filters.length === 1 ? [columnFilter, filters[0]] : [columnFilter, { op: AND, filters }];
-};
-var overrideColName = (filter, column) => {
-  if (isMultiClauseFilter(filter)) {
-    return {
-      op: filter.op,
-      filters: filter.filters.map((f) => overrideColName(f, column))
-    };
-  }
-  return { ...filter, column };
-};
-var filterIncludesColumn = (filter, column) => {
-  if (!filter) {
-    return false;
-  }
-  const { op, column: filterColName } = filter;
-  switch (op) {
-    case AND:
-    case OR:
-      return filter.filters != null && filter.filters.some((f) => filterIncludesColumn(f, column));
-    default:
-      return filterColName === column.name;
-  }
-};
-var removeFilterForColumn = (sourceFilter, column) => {
-  const colName = column.name;
-  if (!sourceFilter) {
-    return void 0;
-  }
-  if (sourceFilter.column === colName) {
-    return void 0;
-  }
-  if (isAndFilter(sourceFilter) || isOrFilter(sourceFilter)) {
-    const { op } = sourceFilter;
-    const filters = sourceFilter.filters;
-    const otherColFilters = filters.filter((f) => f.column !== colName);
-    switch (otherColFilters.length) {
-      case 0:
-        return void 0;
-      case 1:
-        return otherColFilters[0];
-      default:
-        return { op, filters: otherColFilters };
-    }
-  }
-  return sourceFilter;
-};
-var canMerge = (f1, f2) => f1.column === f2.column && (f1.op === "=" || f1.op === "in") && (f2.op === "=" || f2.op === "in");
-var sameValues = (arr1, arr2) => {
-  if (arr1 === arr2) {
-    return true;
-  }
-  if (arr1.length === arr2.length) {
-    const a = arr1.slice().sort();
-    const b = arr2.slice().sort();
-    return a.join("|") === b.join("|");
-  }
-  return false;
-};
-var filterEquals = (f1, f2, strict = false) => {
-  if (!strict) {
-    return true;
-  }
-  if (f1 && f2 && canMerge(f1, f2)) {
-    return f1.op === f2.op && (isSingleValueFilter(f1) && isSingleValueFilter(f2) && f1.value === f2.value || isMultiValueFilter(f1) && isMultiValueFilter(f2) && sameValues(f1.values, f2.values));
-  }
-  return false;
-};
-var updateFilter = (filter, newFilter, mode) => {
-  if (filter && newFilter) {
-    if (mode === "replace") {
-      return newFilter;
-    }
-    if (filter.op === "and") {
-      return {
-        ...filter,
-        filters: filter.filters.concat(newFilter)
-      };
-    }
-    const { column: columnName } = newFilter;
-    if (columnName) {
-      const existingClause = newFilter.column ? extractFilterForColumn(filter, columnName) : void 0;
-      if (existingClause && columnName) {
-        const result = removeFilterForColumn(filter, { name: columnName });
-        return updateFilter(result, newFilter, "add");
-      }
-    }
-    return {
-      op: "and",
-      filters: [filter, newFilter]
-    };
-  }
-  if (newFilter) {
-    return newFilter;
-  }
-  return filter;
-};
-
-// src/column-filter/utils.ts
-var isStartsWithValue = (value) => /\.\.\.$/.test(value);
-var getTypeaheadFilter = (column, filterValues, isStartsWithFilter) => {
-  if (filterValues.length === 0) {
-    return void 0;
-  }
-  if (isStartsWithFilter) {
-    const startsWith = filterValues[0].substring(0, filterValues[0].length - 3);
-    return {
-      column,
-      op: "starts",
-      value: `"${startsWith}"`
-    };
-  }
-  return {
-    column,
-    op: "in",
-    values: filterValues.map((value) => `"${value}"`)
-  };
-};
-var getRangeFilter = (column, startValue, endValue) => {
-  const startFilter = startValue === void 0 ? void 0 : { column, op: ">", value: startValue - 1 };
-  const endFilter = endValue === void 0 ? void 0 : { column, op: "<", value: endValue + 1 };
-  if (endFilter === void 0)
-    return startFilter;
-  return addFilter(startFilter, endFilter, { combineWith: "and" });
-};
-
-// src/column-filter/RangeFilter.tsx
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var RangeFilter = ({
-  defaultTypeaheadParams,
-  filterValues,
-  onChange
-}) => {
-  var _a, _b;
-  const columnName = defaultTypeaheadParams[1];
-  const startChangeHandler = (e) => {
-    const value = parseFloat(e.target.value);
-    const newRange = {
-      start: isNaN(value) ? void 0 : value,
-      end: filterValues == null ? void 0 : filterValues.end
-    };
-    const filter = getRangeFilter(columnName, newRange.start, newRange.end);
-    onChange(newRange, filter);
-  };
-  const endChangeHandler = (e) => {
-    const value = parseFloat(e.target.value);
-    const newRange = {
-      start: filterValues == null ? void 0 : filterValues.start,
-      end: isNaN(value) ? void 0 : value
-    };
-    const filter = getRangeFilter(columnName, newRange.start, newRange.end);
-    onChange(newRange, filter);
-  };
-  return /* @__PURE__ */ jsxs2("div", { style: { display: "flex", flexDirection: "row" }, children: [
-    /* @__PURE__ */ jsx3(ToolbarField, { label: "From", children: /* @__PURE__ */ jsx3(
-      Input,
-      {
-        onChange: startChangeHandler,
-        value: ((_a = filterValues == null ? void 0 : filterValues.start) == null ? void 0 : _a.toString()) || "",
-        type: "number"
-      }
-    ) }),
-    /* @__PURE__ */ jsx3(ToolbarField, { label: "To", children: /* @__PURE__ */ jsx3(
-      Input,
-      {
-        onChange: endChangeHandler,
-        value: ((_b = filterValues == null ? void 0 : filterValues.end) == null ? void 0 : _b.toString()) || "",
-        type: "number"
-      }
-    ) })
-  ] });
-};
-
-// src/column-filter/TypeaheadFilter.tsx
-import { useCallback, useEffect, useState } from "react";
-import { useTypeaheadSuggestions } from "@vuu-ui/vuu-data";
-import { ComboBoxDeprecated } from "@heswell/salt-lab";
-import { jsx as jsx4 } from "react/jsx-runtime";
-var TypeaheadFilter = ({
-  defaultTypeaheadParams,
-  filterValues = [],
-  onChange: onFilterChange
-}) => {
-  const [tableName, columnName] = defaultTypeaheadParams;
-  const [searchValue, setSearchValue] = useState("");
-  const [typeaheadValues, setTypeaheadValues] = useState([]);
-  const getSuggestions = useTypeaheadSuggestions();
-  useEffect(() => {
-    const params = searchValue ? [tableName, columnName, searchValue] : defaultTypeaheadParams;
-    let isSubscribed = true;
-    getSuggestions(params).then((options) => {
-      if (!isSubscribed) {
-        return;
-      }
-      if (isStartsWithValue(filterValues[0])) {
-        options.unshift(filterValues[0]);
-      }
-      if (searchValue) {
-        options.unshift(`${searchValue}...`);
-      }
-      options.concat(filterValues);
-      setTypeaheadValues(options);
-    });
-    return () => {
-      isSubscribed = false;
-    };
-  }, [
-    filterValues,
-    searchValue,
-    columnName,
-    tableName,
-    getSuggestions,
-    defaultTypeaheadParams
-  ]);
-  const onInputChange = useCallback(
-    (evt) => {
-      const value = evt.target.value;
-      setSearchValue(value);
-    },
-    []
-  );
-  const onSelectionChange = useCallback(
-    (_evt, selected) => {
-      setSearchValue("");
-      if (selected === null)
-        return;
-      if (selected.some(isStartsWithValue)) {
-        selected = selected.filter(isStartsWithValue).slice(-1);
-      }
-      const filter = getTypeaheadFilter(
-        columnName,
-        selected,
-        isStartsWithValue(selected[0])
-      );
-      onFilterChange(selected, filter);
-    },
-    [columnName, onFilterChange]
-  );
-  return /* @__PURE__ */ jsx4(
-    ComboBoxDeprecated,
-    {
-      multiSelect: true,
-      onInputChange,
-      onChange: onSelectionChange,
-      source: typeaheadValues,
-      style: { minWidth: 200 },
-      inputValue: searchValue,
-      selectedItem: filterValues
-    },
-    columnName
-  );
-};
-
-// src/column-filter/ColumnListItem.tsx
-import { memo } from "react";
-import {
-  Highlighter,
-  ListItem
-} from "@heswell/salt-lab";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var ColumnListItem = (props) => {
-  return /* @__PURE__ */ jsx5(MemoColumnItem, { ...props });
-};
-var MemoColumnItem = memo(function MemoizedItem({
-  item,
-  itemTextHighlightPattern,
-  ...restProps
-}) {
-  return /* @__PURE__ */ jsx5(ListItem, { ...restProps, children: /* @__PURE__ */ jsx5("span", { style: { marginLeft: 10 }, children: /* @__PURE__ */ jsx5(
-    Highlighter,
-    {
-      matchPattern: itemTextHighlightPattern,
-      text: item == null ? void 0 : item.name
-    }
-  ) }) });
-});
-
-// src/column-filter/useColumnFilterStore.ts
-import { useCallback as useCallback2, useState as useState2 } from "react";
-var addOrReplace = (array, newValue, key) => array.filter((oldValue) => oldValue[key] !== newValue[key]).concat(newValue);
-var useColumnFilterStore = (onFilterSubmit) => {
-  var _a, _b;
-  const [selectedColumnName, setSelectedColumnName] = useState2("");
-  const [savedFilters, setSavedFilters] = useState2([]);
-  const [rangeValues, setRangeValues] = useState2([]);
-  const [typeaheadValues, setTypeaheadValues] = useState2([]);
-  const clear = () => {
-    setSelectedColumnName("");
-    setRangeValues([]);
-    setTypeaheadValues([]);
-    setSavedFilters([]);
-    onFilterSubmit("");
-  };
-  const updateFilters = useCallback2(
-    (newFilter) => {
-      const newSavedFilters = addOrReplace(
-        savedFilters,
-        { column: selectedColumnName, filter: newFilter },
-        "column"
-      );
-      setSavedFilters(newSavedFilters);
-      const combinedFilter = newSavedFilters.map((x) => x.filter).reduce((prev, filter) => {
-        if (filter === void 0)
-          return prev;
-        return addFilter(prev, filter, { combineWith: AND });
-      }, void 0);
-      const query = combinedFilter === void 0 ? "" : filterAsQuery(combinedFilter);
-      onFilterSubmit(query, combinedFilter);
-    },
-    [selectedColumnName, onFilterSubmit, savedFilters]
-  );
-  const onTypeaheadChange = useCallback2(
-    (newValues, newFilter) => {
-      setTypeaheadValues(
-        addOrReplace(
-          typeaheadValues,
-          { column: selectedColumnName, value: newValues },
-          "column"
-        )
-      );
-      updateFilters(newFilter);
-    },
-    [selectedColumnName, typeaheadValues, updateFilters]
-  );
-  const onRangeChange = useCallback2(
-    (newValues, newFilter) => {
-      setRangeValues(
-        addOrReplace(
-          rangeValues,
-          { column: selectedColumnName, value: newValues },
-          "column"
-        )
-      );
-      updateFilters(newFilter);
-    },
-    [selectedColumnName, rangeValues, updateFilters]
-  );
-  const onSelectedColumnChange = useCallback2(
-    (column) => setSelectedColumnName((column == null ? void 0 : column.name) || ""),
-    []
-  );
-  const rangeValue = (_a = rangeValues.filter(
-    (v) => v.column === selectedColumnName
-  )[0]) == null ? void 0 : _a.value;
-  const typeaheadValue = (_b = typeaheadValues.filter(
-    (v) => v.column === selectedColumnName
-  )[0]) == null ? void 0 : _b.value;
-  return {
-    clear,
-    selectedColumnName,
-    rangeValue,
-    typeaheadValue,
-    onSelectedColumnChange,
-    onRangeChange,
-    onTypeaheadChange
-  };
-};
-
-// src/column-filter/ColumnFilter.tsx
-import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
-var ColumnFilter = ({
-  className,
-  table,
-  columns,
-  onFilterSubmit,
-  ...htmlAttributes
-}) => {
-  const {
-    clear,
-    onTypeaheadChange,
-    onRangeChange,
-    onSelectedColumnChange,
-    selectedColumnName,
-    rangeValue,
-    typeaheadValue
-  } = useColumnFilterStore(onFilterSubmit);
-  const getFilterComponent = () => {
-    var _a;
-    const defaultTypeaheadParams = [table, selectedColumnName];
-    const selectedColumnType = (_a = columns.find(
-      (column) => column.name === selectedColumnName
-    )) == null ? void 0 : _a.serverDataType;
-    switch (selectedColumnType) {
-      case "string":
-      case "char":
-        return /* @__PURE__ */ jsx6(
-          ToolbarField2,
-          {
-            label: "Start typing to select a filter",
-            labelPlacement: "top",
-            children: /* @__PURE__ */ jsx6(
-              TypeaheadFilter,
-              {
-                defaultTypeaheadParams,
-                filterValues: typeaheadValue,
-                onChange: onTypeaheadChange
-              }
-            )
-          }
-        );
-      case "int":
-      case "long":
-      case "double":
-        return /* @__PURE__ */ jsx6(ToolbarField2, { label: "Select a range", labelPlacement: "top", children: /* @__PURE__ */ jsx6(
-          RangeFilter,
-          {
-            defaultTypeaheadParams,
-            filterValues: rangeValue,
-            onChange: onRangeChange
-          }
-        ) });
-      default:
-        return /* @__PURE__ */ jsx6(ToolbarField2, { children: /* @__PURE__ */ jsx6(Text, { children: "Data type unsupported" }) });
-    }
-  };
-  return /* @__PURE__ */ jsxs3(
-    Toolbar,
-    {
-      ...htmlAttributes,
-      style: { alignItems: "center", height: "36px" },
-      children: [
-        /* @__PURE__ */ jsx6(
-          ToolbarField2,
-          {
-            label: "Select a column to filter",
-            labelPlacement: "top",
-            style: { width: 180 },
-            children: /* @__PURE__ */ jsx6(
-              Dropdown,
-              {
-                source: columns,
-                ListItem: ColumnListItem,
-                itemToString: (column) => column.name,
-                onSelectionChange: (_evt, column) => onSelectedColumnChange(column)
-              }
-            )
-          }
-        ),
-        selectedColumnName && getFilterComponent(),
-        /* @__PURE__ */ jsx6(ToolbarButton, { onClick: clear, children: /* @__PURE__ */ jsx6(DeleteIcon, {}) })
-      ]
-    }
-  );
-};
-
-// src/filter-input/FilterInput.tsx
-import { Button } from "@salt-ds/core";
-
-// src/filter-input/useCodeMirrorEditor.ts
-var import_classnames = __toESM(require_classnames(), 1);
-import {
-  autocompletion,
-  defaultKeymap,
-  EditorState as EditorState2,
-  EditorView as EditorView2,
-  ensureSyntaxTree,
-  keymap,
-  minimalSetup,
-  startCompletion
-} from "@vuu-ui/vuu-codemirror";
-import { useEffect as useEffect2, useMemo, useRef } from "react";
-
-// src/filter-input/filter-language-parser/FilterLanguage.ts
-import {
-  LanguageSupport,
-  LRLanguage,
-  styleTags,
-  tags as tag
-} from "@vuu-ui/vuu-codemirror";
-
-// src/filter-input/filter-language-parser/generated/filter-parser.js
-import { LRParser } from "@vuu-ui/vuu-codemirror";
-var parser = LRParser.deserialize({
-  version: 14,
-  states: "%QOVQPOOOOQO'#C_'#C_O_QQO'#C^OOQO'#DO'#DOOvQQO'#C|OOQO'#DR'#DROVQPO'#CuOOQO'#C}'#C}QOQPOOOOQO'#C`'#C`O!UQQO,58xO!dQPO,59VOVQPO,59]OVQPO,59_O!iQPO,59hO!nQQO,59aOOQO'#DQ'#DQOOQO1G.d1G.dO!UQQO1G.qO!yQQO1G.wOOQO1G.y1G.yOOQO'#Cw'#CwOOQO1G/S1G/SOOQO1G.{1G.{O#[QPO'#CnO#dQPO7+$]O!UQQO'#CxO#iQPO,59YOOQO<<Gw<<GwOOQO,59d,59dOOQO-E6v-E6v",
-  stateData: "#q~OoOS~OsPOvUO~OTXOUXOVXOWXOXXOYXO`ZO~Of[Oh]Oj^OmpX~OZ`O[`O]`O^`O~OabO~OseO~Of[Oh]OwgO~Oh]Ofeijeimeiwei~OcjOdbX~OdlO~OcjOdba~O",
-  goto: "#YvPPw}!TPPPPPPPPPPwPP!WPP!ZP!ZP!aP!g!jPPP!p!s!aP#P!aXROU[]XQOU[]RYQRibXTOU[]XVOU[]Rf^QkhRnkRWOQSOQ_UQc[Rd]QaYQhbRmj",
-  nodeNames: "\u26A0 Filter ColumnValueExpression Column Operator Eq NotEq Gt Lt Starts Ends Number String True False ColumnSetExpression In LBrack Values Comma RBrack AndExpression And OrExpression Or ParenthesizedExpression As FilterName",
-  maxTerm: 39,
-  skippedNodes: [0],
-  repeatNodeCount: 1,
-  tokenData: "6p~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$j|}$o!O!P$t!Q![%S!^!_%_!_!`%d!`!a%i!c!}%n!}#O&V#P#Q&[#R#S%n#T#U&a#U#X%n#X#Y(w#Y#Z+]#Z#]%n#]#^.]#^#c%n#c#d/e#d#g%n#g#h0m#h#i4[#i#o%n~#USo~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOU~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_O[~~$bP;=`<%l#m~$jOv~~$oOw~~$tOc~~$wP!Q![$z~%PPZ~!Q![$z~%XQZ~!O!P$t!Q![%S~%dOW~~%iOT~~%nOV~P%sUsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n~&[Oa~~&aOd~R&fYsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c'U#c#g%n#g#h(^#h#o%nR'ZWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X's#X#o%nR'zUfQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(eUjQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c)f#c#o%nR)kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X*T#X#o%nR*YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h*r#h#o%nR*yUYQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR+bVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U+w#U#o%nR+|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#`%n#`#a,f#a#o%nR,kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h-T#h#o%nR-YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y-r#Y#o%nR-yU^QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR.bWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c.z#c#o%nR/RU`QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR/jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g0S#g#o%nR0ZUhQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR0rWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i1[#i#o%nR1aVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U1v#U#o%nR1{WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g2e#g#o%nR2jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i3S#i#o%nR3XWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h3q#h#o%nR3xUXQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR4aWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g4y#g#o%nR5OWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#i%n#i#j5h#j#o%nR5mWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y6V#Y#o%nR6^U]QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n",
-  tokenizers: [0, 1],
-  topRules: { "Filter": [0, 1] },
-  tokenPrec: 0
-});
-
-// src/filter-input/filter-language-parser/FilterLanguage.ts
-var filterLanguage = LRLanguage.define({
-  name: "VuuFilterQuery",
-  parser: parser.configure({
-    props: [
-      styleTags({
-        Identifier: tag.variableName,
-        String: tag.string,
-        Or: tag.emphasis,
-        Operator: tag.operator
-      })
-    ]
-  })
-});
-var filterLanguageSupport = () => {
-  return new LanguageSupport(filterLanguage);
-};
-
-// src/filter-input/filter-language-parser/FilterTreeWalker.ts
-import {
-  isMultiClauseFilter as isMultiClauseFilter2,
-  isMultiValueFilter as isMultiValueFilter2,
-  isSingleValueFilter as isSingleValueFilter2
-} from "@vuu-ui/vuu-utils";
-var _filter;
-var FilterExpression = class {
-  constructor() {
-    __privateAdd(this, _filter, void 0);
-  }
-  setFilterCombinatorOp(op, filter = __privateGet(this, _filter)) {
-    if (isMultiClauseFilter2(filter) && filter.op === op) {
-      return;
-    } else {
-      __privateSet(this, _filter, {
-        op,
-        filters: [__privateGet(this, _filter)]
-      });
-    }
-  }
-  add(filter) {
-    if (__privateGet(this, _filter) === void 0) {
-      __privateSet(this, _filter, filter);
-    } else if (isMultiClauseFilter2(__privateGet(this, _filter))) {
-      __privateGet(this, _filter).filters.push(filter);
-    } else {
-      throw Error(`Invalid filter passed to FilterExpression`);
-    }
-  }
-  setColumn(column, filter = __privateGet(this, _filter)) {
-    if (isMultiClauseFilter2(filter)) {
-      const target = filter.filters.at(-1);
-      if (target) {
-        this.setColumn(column, target);
-      }
-    } else if (filter) {
-      filter.column = column;
-    }
-  }
-  setOp(value, filter = __privateGet(this, _filter)) {
-    if (isMultiClauseFilter2(filter)) {
-      const target = filter.filters.at(-1);
-      if (target) {
-        this.setOp(value, target);
-      }
-    } else if (filter) {
-      filter.op = value;
-    }
-  }
-  setValue(value, filter = __privateGet(this, _filter)) {
-    var _a;
-    if (isMultiClauseFilter2(filter)) {
-      const target = filter.filters.at(-1);
-      if (target) {
-        this.setValue(value, target);
-      }
-    } else if (isMultiValueFilter2(filter)) {
-      (_a = filter.values) != null ? _a : filter.values = [];
-      filter.values.push(value);
-    } else if (isSingleValueFilter2(filter)) {
-      filter.value = value;
-    }
-  }
-  toJSON(filter = __privateGet(this, _filter)) {
-    if (this.name) {
-      return {
-        ...filter,
-        name: this.name
-      };
-    } else {
-      return filter;
-    }
-  }
-};
-_filter = new WeakMap();
-var walkTree = (tree, source) => {
-  const filterExpression = new FilterExpression();
-  const cursor = tree.cursor();
-  do {
-    const { name, from, to } = cursor;
-    switch (name) {
-      case "ColumnValueExpression":
-        filterExpression.add({});
-        break;
-      case "ColumnSetExpression":
-        filterExpression.add({ op: "in" });
-        break;
-      case "Or":
-      case "And":
-        filterExpression.setFilterCombinatorOp(source.substring(from, to));
-        break;
-      case "Column":
-        filterExpression.setColumn(source.substring(from, to));
-        break;
-      case "Operator":
-        filterExpression.setOp(source.substring(from, to));
-        break;
-      case "String":
-        filterExpression.setValue(source.substring(from + 1, to - 1));
-        break;
-      case "Number":
-        filterExpression.setValue(parseFloat(source.substring(from, to)));
-        break;
-      case "True":
-        filterExpression.setValue(true);
-        break;
-      case "False":
-        filterExpression.setValue(false);
-        break;
-      case "FilterName":
-        filterExpression.name = source.substring(from, to);
-        break;
-      default:
-    }
-  } while (cursor.next());
-  return filterExpression.toJSON();
-};
-
-// src/filter-input/filter-language-parser/FilterParser.ts
-var strictParser = parser.configure({ strict: true });
-var parseFilter = (filterQuery) => {
-  const parseTree = strictParser.parse(filterQuery);
-  const filter = walkTree(parseTree, filterQuery);
-  return filter;
-};
-
-// src/filter-input/highlighting.ts
-import {
-  HighlightStyle,
-  syntaxHighlighting,
-  tags
-} from "@vuu-ui/vuu-codemirror";
-var myHighlightStyle = HighlightStyle.define([
-  { tag: tags.variableName, color: "var(--vuuFilterEditor-variableColor)" },
-  { tag: tags.comment, color: "green", fontStyle: "italic" }
-]);
-var vuuHighlighting = syntaxHighlighting(myHighlightStyle);
-
-// src/filter-input/theme.ts
-import { EditorView } from "@vuu-ui/vuu-codemirror";
-var vuuTheme = EditorView.theme(
-  {
-    "&": {
-      color: "var(--vuuFilterEditor-color)",
-      backgroundColor: "var(--vuuFilterEditor-background)",
-      fontSize: "var(--vuuFilterEditor-fontSize)"
-    },
-    ".cm-content": {
-      caretColor: "var(--vuuFilterEditor-cursorColor)",
-      padding: 0
-    },
-    ".cm-line": {
-      lineHeight: "var(--vuuFilterEditor-lineHeight)"
-    },
-    "&.cm-focused .cm-cursor": {
-      borderLeftColor: "var(--vuuFilterEditor-cursorColor)"
-    },
-    "&.cm-focused .cm-selectionBackground, ::selection": {
-      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
-    },
-    ".cm-selectionBackground, ::selection": {
-      backgroundColor: "var(--vuuFilterEditor-selectionBackground)"
-    },
-    ".cm-scroller": {
-      fontFamily: "var(--vuuFilterEditor-fontFamily)"
-    },
-    ".cm-tooltip": {
-      background: "var(--vuuFilterEditor-tooltipBackground)",
-      border: "var(--vuuFilterEditor-tooltipBorder)",
-      boxShadow: "var(--vuuFilterEditor-tooltipElevation)",
-      "&.cm-tooltip-autocomplete > ul": {
-        fontFamily: "var(--vuuFilterEditor-fontFamily)",
-        fontSize: "var(--vuuFilterEditor-fontSize)",
-        maxHeight: "240px"
-      },
-      "&.cm-tooltip-autocomplete > ul > li": {
-        alignItems: "center",
-        display: "flex",
-        height: "var(--vuuFilterEditor-suggestion-height)",
-        padding: "0 3px",
-        lineHeight: "var(--vuuFilterEditor-suggestion-height)"
-      },
-      "&.cm-tooltip-autocomplete li[aria-selected]": {
-        background: "var(--vuuFilterEditor-suggestion-selectedBackground)",
-        color: "var(--vuuFilterEditor-suggestion-selectedColor)"
-      }
-    },
-    ".cm-completionIcon": {
-      height: "18px",
-      flex: "0 0 16px"
-    },
-    ".cm-completionLabel": {
-      flex: "1 1 auto"
-    },
-    ".cm-completionIcon-filter": {
-      position: "relative",
-      "&:after": {
-        background: "var(--salt-text-secondary-foreground)",
-        content: "''",
-        "-webkit-mask": "var(--svg-filter) center center/13px 13px",
-        "-webkit-mask-repeat": "no-repeat",
-        position: "absolute",
-        height: "18px",
-        left: "0px",
-        top: "0px",
-        width: "16px"
-      }
-    }
-  },
-  { dark: false }
-);
-
-// src/filter-input/useFilterAutoComplete.ts
-import {
-  getNodeByName,
-  getValue,
-  syntaxTree
-} from "@vuu-ui/vuu-codemirror";
-import { useCallback as useCallback3 } from "react";
-var getOperator = (node, state) => {
-  let maybeColumnNode = node.prevSibling || node.parent;
-  while (maybeColumnNode && !["Column", "Operator", "In"].includes(maybeColumnNode.name)) {
-    maybeColumnNode = maybeColumnNode.prevSibling || maybeColumnNode.parent;
-  }
-  if ((maybeColumnNode == null ? void 0 : maybeColumnNode.name) === "In" || (maybeColumnNode == null ? void 0 : maybeColumnNode.name) === "Operator") {
-    return getValue(maybeColumnNode, state);
-  } else {
-    return void 0;
-  }
-};
-var getPartialOperator = (maybeOperatorNode, state, columnName) => {
-  const value = getValue(maybeOperatorNode, state);
-  if (columnName === void 0 || value === columnName) {
-    return;
-  }
-  if (["contains", "ends", "starts"].some(
-    (val) => val.startsWith(value.toLowerCase())
-  )) {
-    return value;
-  } else {
-    return void 0;
-  }
-};
-var getClauseOperator = (node, state) => {
-  let maybeTargetNode = node.prevSibling || node.parent || node.lastChild;
-  while (maybeTargetNode && maybeTargetNode.name === "\u26A0")
-    maybeTargetNode = maybeTargetNode.prevSibling;
-  if (maybeTargetNode && ["As", "Or", "And"].includes(maybeTargetNode.name)) {
-    return getValue(maybeTargetNode, state);
-  } else {
-    return void 0;
-  }
-};
-var getFilterName = (node, state) => {
-  if (node.name === "FilterName") {
-    return getValue(node, state);
-  } else {
-    let maybeTargetNode = node.prevSibling || node.parent || node.lastChild;
-    while (maybeTargetNode && maybeTargetNode.name !== "FilterName")
-      maybeTargetNode = maybeTargetNode.prevSibling;
-    if (maybeTargetNode && maybeTargetNode.name === "FilterName") {
-      return getValue(node, state);
-    }
-  }
-};
-var getColumnName = (node, state) => {
-  const prevNode = node.prevSibling;
-  if ((prevNode == null ? void 0 : prevNode.name) === "Column") {
-    return getValue(prevNode, state);
-  } else if ((prevNode == null ? void 0 : prevNode.name) === "Operator") {
-    return getColumnName(prevNode, state);
-  }
-};
-var getSetValues = (node, state) => {
-  let maybeTargetNode = node.lastChild;
-  const values = [];
-  while (maybeTargetNode && maybeTargetNode.name !== "In") {
-    const value = getValue(maybeTargetNode, state);
-    if (value) {
-      values.push(value);
-    } else {
-      break;
-    }
-    maybeTargetNode = maybeTargetNode.prevSibling;
-  }
-  return values;
-};
-var useAutoComplete = (suggestionProvider, onSubmit, existingFilter) => {
-  const makeSuggestions = useCallback3(
-    async (context, suggestionType, optionalArgs = {}) => {
-      const { startsWith = "" } = optionalArgs;
-      const options = await suggestionProvider.getSuggestions(
-        suggestionType,
-        optionalArgs
-      );
-      return { from: context.pos - startsWith.length, options };
-    },
-    [suggestionProvider]
-  );
-  return useCallback3(
-    async (context) => {
-      var _a, _b;
-      const { state, pos } = context;
-      const word = (_a = context.matchBefore(/\w*/)) != null ? _a : {
-        from: 0,
-        to: 0,
-        text: void 0
-      };
-      const tree = syntaxTree(state);
-      const nodeBefore = tree.resolveInner(pos, -1);
-      console.log({ nodeBeforeName: nodeBefore.name });
-      switch (nodeBefore.name) {
-        case "Filter":
-          if (context.pos === 0) {
-            return makeSuggestions(context, "column");
-          } else {
-            const clauseOperator = getClauseOperator(nodeBefore, state);
-            if (clauseOperator === "as") {
-              return makeSuggestions(context, "name");
-            } else {
-              const filterName = getFilterName(nodeBefore, state);
-              return makeSuggestions(context, "save", {
-                onSubmit: onSubmit.current,
-                existingFilter,
-                filterName
-              });
-            }
-          }
-        case "String":
-          {
-            const operator = getOperator(nodeBefore, state);
-            const columnName = getColumnName(nodeBefore, state);
-            const { from, to } = nodeBefore;
-            if (to - from === 2 && context.pos === from + 1) {
-              if (columnName && operator) {
-                return makeSuggestions(context, "columnValue", {
-                  columnName,
-                  operator,
-                  quoted: true,
-                  startsWith: word.text
-                });
-              }
-            } else {
-              console.log(
-                `we have a string, column is ${columnName} ${from} ${to}`
-              );
-            }
-          }
-          break;
-        case "As":
-          return makeSuggestions(context, "name");
-        case "FilterName":
-          return makeSuggestions(context, "save", {
-            onSubmit: onSubmit.current,
-            existingFilter,
-            filterName: getFilterName(nodeBefore, state)
-          });
-        case "Column": {
-          const columnName = getValue(nodeBefore, state);
-          const isPartialMatch = await suggestionProvider.isPartialMatch(
-            "column",
-            void 0,
-            columnName
-          );
-          if (isPartialMatch) {
-            return makeSuggestions(context, "column", {
-              startsWith: columnName
-            });
-          } else {
-            return makeSuggestions(context, "operator", { columnName });
-          }
-        }
-        case "\u26A0": {
-          const columnName = getNodeByName(nodeBefore, state);
-          const operator = getOperator(nodeBefore, state);
-          const partialOperator = operator ? void 0 : getPartialOperator(nodeBefore, state, columnName);
-          if (partialOperator) {
-            return makeSuggestions(context, "operator", {
-              columnName,
-              startsWith: partialOperator
-            });
-          } else {
-            return makeSuggestions(context, "columnValue", {
-              columnName,
-              operator,
-              startsWith: word.text
-            });
-          }
-        }
-        case "Identifier":
-          {
-            const clauseOperator = getClauseOperator(nodeBefore, state);
-            if (clauseOperator === "as") {
-              return {
-                from: context.pos,
-                options: [
-                  {
-                    label: "press ENTER to apply filter and save",
-                    apply: () => onSubmit.current(),
-                    boost: 5
-                  }
-                ]
-              };
-            }
-          }
-          break;
-        case "ColumnSetExpression":
-        case "Values": {
-          const columnName = getNodeByName(nodeBefore, state);
-          const selection = getSetValues(nodeBefore, state);
-          return makeSuggestions(context, "columnValue", {
-            columnName,
-            selection
-          });
-        }
-        case "Comma":
-        case "LBrack": {
-          const columnName = getNodeByName(nodeBefore, state);
-          return makeSuggestions(context, "columnValue", { columnName });
-        }
-        case "ColumnValueExpression":
-          {
-            const lastToken = (_b = nodeBefore.lastChild) == null ? void 0 : _b.prevSibling;
-            if ((lastToken == null ? void 0 : lastToken.name) === "Column") {
-              return makeSuggestions(context, "operator", {
-                columnName: getNodeByName(nodeBefore, state)
-              });
-            } else if ((lastToken == null ? void 0 : lastToken.name) === "Operator") {
-              return makeSuggestions(context, "columnValue", {
-                columnName: getNodeByName(lastToken, state),
-                operator: getValue(lastToken, state)
-              });
-            }
-          }
-          break;
-        case "In": {
-          return {
-            from: context.pos,
-            options: [{ label: "[", apply: " [", type: "text" }]
-          };
-        }
-        case "Eq": {
-          return makeSuggestions(context, "columnValue", {
-            columnName: getNodeByName(nodeBefore, state)
-          });
-        }
-        case "AndExpression":
-        case "OrExpression": {
-          return makeSuggestions(context, "column");
-        }
-        default:
-      }
-    },
-    [existingFilter, makeSuggestions, onSubmit, suggestionProvider]
-  );
-};
-
-// src/filter-input/useCodeMirrorEditor.ts
-var getView = (ref) => {
-  if (ref.current == void 0) {
-    throw Error("EditorView not defined");
-  }
-  return ref.current;
-};
-var getOptionClass = (completion) => {
-  return (0, import_classnames.default)("vuuSuggestion", {
-    vuuIllustration: completion.isIllustration
-  });
-};
-var stripName = (filterQuery) => {
-  const pos = filterQuery.lastIndexOf(" as ");
-  if (pos !== -1) {
-    return filterQuery.slice(0, pos);
-  } else {
-    return filterQuery;
-  }
-};
-var noop = () => console.log("noooop");
-var useCodeMirrorEditor = ({
-  existingFilter,
-  onSubmitFilter,
-  suggestionProvider
-}) => {
-  const editorRef = useRef(null);
-  const onSubmit = useRef(noop);
-  const viewRef = useRef();
-  const completionFn = useAutoComplete(
-    suggestionProvider,
-    onSubmit,
-    existingFilter
-  );
-  const [createState, clearInput] = useMemo(() => {
-    const parseFilter2 = () => {
-      const view = getView(viewRef);
-      const source = view.state.doc.toString();
-      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5e3);
-      if (tree) {
-        const filter = walkTree(tree, source);
-        return [filter, stripName(source), filter.name];
-      } else {
-        return [void 0, "", void 0];
-      }
-    };
-    const clearInput2 = () => {
-      getView(viewRef).setState(createState2());
-    };
-    const submitFilterAndClearInput = (mode) => {
-      const [filter, filterQuery, filterName] = parseFilter2();
-      onSubmitFilter == null ? void 0 : onSubmitFilter(filter, filterQuery, mode, filterName);
-      clearInput2();
-    };
-    const submitFilter = (key) => {
-      return keymap.of([
-        {
-          key,
-          run() {
-            submitFilterAndClearInput();
-            return true;
-          }
-        }
-      ]);
-    };
-    const showSuggestions = (key) => {
-      return keymap.of([
-        {
-          key,
-          run() {
-            startCompletion(getView(viewRef));
-            return true;
-          }
-        }
-      ]);
-    };
-    const createState2 = () => EditorState2.create({
-      doc: "",
-      extensions: [
-        minimalSetup,
-        autocompletion({
-          override: [completionFn],
-          optionClass: getOptionClass
-        }),
-        filterLanguageSupport(),
-        keymap.of(defaultKeymap),
-        submitFilter("Ctrl-Enter"),
-        showSuggestions("ArrowDown"),
-        EditorView2.updateListener.of((v) => {
-          const view = getView(viewRef);
-          if (v.docChanged) {
-            startCompletion(view);
-          }
-        }),
-        EditorState2.transactionFilter.of(
-          (tr) => tr.newDoc.lines > 1 ? [] : tr
-        ),
-        vuuTheme,
-        vuuHighlighting
-      ]
-    });
-    onSubmit.current = (mode) => {
-      submitFilterAndClearInput(mode);
-      setTimeout(() => {
-        getView(viewRef).focus();
-      }, 100);
-    };
-    return [createState2, clearInput2];
-  }, [completionFn, onSubmitFilter]);
-  useEffect2(() => {
-    if (!editorRef.current) {
-      throw Error("editor not in dom");
-    }
-    viewRef.current = new EditorView2({
-      state: createState(),
-      parent: editorRef.current
-    });
-    return () => {
-      var _a;
-      (_a = viewRef.current) == null ? void 0 : _a.destroy();
-    };
-  }, [completionFn, createState]);
-  return { editorRef, clearInput };
-};
-
-// src/filter-input/FilterInput.tsx
-import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
-var classBase = "vuuFilterInput";
-var FilterInput = ({
-  existingFilter,
-  iconName = "filter",
-  namedFilters,
-  onSubmitFilter,
-  suggestionProvider,
-  ...props
-}) => {
-  const { editorRef, clearInput } = useCodeMirrorEditor({
-    existingFilter,
-    onSubmitFilter,
-    suggestionProvider
-  });
-  return /* @__PURE__ */ jsxs4("div", { ...props, className: classBase, children: [
-    /* @__PURE__ */ jsx7(
-      Button,
-      {
-        className: `${classBase}-FilterButton`,
-        "data-icon": iconName,
-        tabIndex: -1
-      }
-    ),
-    /* @__PURE__ */ jsx7("div", { className: `${classBase}-Editor`, ref: editorRef }),
-    /* @__PURE__ */ jsx7(
-      Button,
-      {
-        className: `${classBase}-ClearButton`,
-        "data-icon": "close-circle",
-        onClick: clearInput
-      }
-    )
-  ] });
-};
-
-// src/filter-input/useFilterSuggestionProvider.ts
-import {
-  asNameSuggestion,
-  booleanJoinSuggestions,
-  getNamePrompt,
-  numericOperators,
-  stringOperators,
-  toSuggestions
-} from "@vuu-ui/vuu-codemirror";
-import {
-  getTypeaheadParams,
-  useTypeaheadSuggestions as useTypeaheadSuggestions2
-} from "@vuu-ui/vuu-data";
-import { useCallback as useCallback4, useRef as useRef2 } from "react";
-
-// src/filter-input/filterInfo.ts
-import { createEl } from "@vuu-ui/vuu-utils";
-var filterInfo = (filterName, filterQuery) => {
-  const rootElement = createEl("div", "vuuFunctionDoc");
-  const headingElement = createEl("div", "function-heading");
-  const nameElement = createEl("span", "function-name", filterName);
-  headingElement.appendChild(nameElement);
-  const child2 = createEl("p", void 0, filterQuery);
-  rootElement.appendChild(headingElement);
-  rootElement.appendChild(child2);
-  return rootElement;
-};
-
-// src/filter-input/useFilterSuggestionProvider.ts
-var NO_NAMED_FILTERS = [];
-var NONE = {};
-var saveAsTab = (onSubmit) => [
-  {
-    label: "Press ENTER to create TAB",
-    apply: () => onSubmit("tab"),
-    boost: 6
-  }
-];
-var makeSaveOrExtendSuggestions = (onSubmit, existingFilter, withJoinSuggestions = true) => {
-  const result = existingFilter ? [
-    {
-      label: "REPLACE existing filter",
-      apply: () => onSubmit("replace"),
-      boost: 8
-    },
-    {
-      label: "AND existing filter",
-      apply: () => onSubmit("and"),
-      boost: 7
-    },
-    {
-      label: "OR existing filter",
-      apply: () => onSubmit("or"),
-      boost: 7
-    }
-  ] : [
-    {
-      label: "Press ENTER to submit",
-      apply: () => onSubmit(),
-      boost: 6
-    }
-  ];
-  return withJoinSuggestions ? result.concat(booleanJoinSuggestions).concat(asNameSuggestion) : result;
-};
-var promptToSaveOrExtend = (onSubmit, existingFilter) => makeSaveOrExtendSuggestions(onSubmit, existingFilter, true);
-var promptToSave = (onSubmit) => makeSaveOrExtendSuggestions(onSubmit, void 0);
-var getSaveSuggestions = ({
-  existingFilter,
-  filterName,
-  onSubmit,
-  saveOptions
-}) => {
-  const includeTabSuggestion = filterName && saveOptions.allowSaveAsTab;
-  const result = existingFilter ? promptToSaveOrExtend(onSubmit, existingFilter) : promptToSave(onSubmit);
-  if (includeTabSuggestion) {
-    return result.concat(saveAsTab(onSubmit));
-  } else {
-    return result;
-  }
-};
-var suggestColumns = (columns) => columns.map((column) => ({
-  boost: 5,
-  label: column.name
-}));
-var suggestNamedFilters = (namedFilters) => namedFilters ? Array.from(namedFilters.entries()).map(([filterName, filterQuery]) => ({
-  info: () => filterInfo(filterName, filterQuery),
-  label: filterName,
-  type: "filter"
-})) : NO_NAMED_FILTERS;
-var doneCommand = {
-  label: "Done",
-  apply: "] ",
-  type: "keyword",
-  boost: 10
-};
-var withApplySpace = (suggestions, startsWith = "") => suggestions.filter((sugg) => startsWith === "" || sugg.label.startsWith(startsWith)).map((suggestion) => ({
-  ...suggestion,
-  apply: suggestion.label + " "
-}));
-var defaultSaveOptions = {
-  allowReplace: true
-};
-var useFilterSuggestionProvider = ({
-  columns,
-  namedFilters,
-  saveOptions = defaultSaveOptions,
-  table,
-  typeaheadHook: useTypeahead = useTypeaheadSuggestions2
-}) => {
-  const latestSuggestionsRef = useRef2();
-  const getTypeaheadSuggestions = useTypeahead();
-  const getSuggestions = useCallback4(
-    async (suggestionType, options = NONE) => {
-      const {
-        columnName,
-        existingFilter,
-        filterName,
-        operator,
-        quoted: autoQuoted,
-        onSubmit,
-        startsWith,
-        selection
-      } = options;
-      switch (suggestionType) {
-        case "operator":
-          {
-            const column = columns.find((col) => col.name === columnName);
-            if (column) {
-              switch (column.serverDataType) {
-                case "string":
-                case "char":
-                  return withApplySpace(stringOperators, startsWith);
-                case "int":
-                case "long":
-                case "double":
-                  return withApplySpace(numericOperators);
-              }
-            } else {
-              console.warn(`'${columnName}' does not match any column name`);
-            }
-          }
-          break;
-        case "column": {
-          const columnSuggestions = await suggestColumns(columns);
-          const filterSuggestions = await suggestNamedFilters(namedFilters);
-          return (latestSuggestionsRef.current = withApplySpace(columnSuggestions)).concat(
-            withApplySpace(filterSuggestions)
-          );
-        }
-        case "columnValue":
-          {
-            if (columnName) {
-              const column = columns.find((col) => col.name === columnName);
-              if (!column) {
-                throw Error(
-                  `useFilterSUggestionProvider no column ${columnName}`
-                );
-              }
-              const prefix = Array.isArray(selection) ? selection.length === 0 ? "[" : "," : "";
-              const params = getTypeaheadParams(
-                table,
-                columnName,
-                startsWith
-              );
-              const suggestions = await getTypeaheadSuggestions(params);
-              const isIllustration = operator === "starts";
-              latestSuggestionsRef.current = toSuggestions(suggestions, {
-                moveCursorToEnd: autoQuoted,
-                quoted: (column == null ? void 0 : column.serverDataType) === "string" && !autoQuoted,
-                suffix: autoQuoted ? "" : " ",
-                prefix: isIllustration ? startsWith : prefix,
-                isIllustration
-              });
-              if (Array.isArray(selection) && (selection == null ? void 0 : selection.length) > 1) {
-                return [doneCommand, ...latestSuggestionsRef.current];
-              }
-              return latestSuggestionsRef.current;
-            }
-          }
-          break;
-        case "save": {
-          if (typeof onSubmit !== "function") {
-            throw Error(
-              "useFilterSuggestionProvider, onSubmit must be supplied for 'save' suggestions"
-            );
-          }
-          return await getSaveSuggestions({
-            existingFilter,
-            filterName,
-            onSubmit,
-            saveOptions
-          });
-        }
-        case "name":
-          return await getNamePrompt("filter");
-        default:
-      }
-      return [];
-    },
-    [columns, getTypeaheadSuggestions, namedFilters, saveOptions, table]
-  );
-  const isPartialMatch = useCallback4(
-    async (valueType, columnName, pattern) => {
-      const suggestions = (
-        // latestSuggestions && latestSuggestions.length > 0
-        //   ? latestSuggestions
-        await getSuggestions(valueType, { columnName })
-      );
-      if (pattern && suggestions) {
-        for (const option of suggestions) {
-          if (option.label === pattern) {
-            return false;
-          } else if (option.label.startsWith(pattern)) {
-            return true;
-          }
-        }
-      }
-      return false;
-    },
-    [getSuggestions]
-  );
-  return {
-    getSuggestions,
-    isPartialMatch
-  };
-};
-
-// src/filter-toolbar/FilterToolbar.tsx
-var import_classnames2 = __toESM(require_classnames(), 1);
-import { Toolbar as Toolbar2 } from "@heswell/salt-lab";
-
-// src/filter-toolbar/useFilterToolbar.tsx
-import { ToggleButton, ToolbarField as ToolbarField3 } from "@heswell/salt-lab";
-
-// src/filter-toolbar/FilterDropdown.tsx
-import { Dropdown as Dropdown2 } from "@heswell/salt-lab";
-import { useCallback as useCallback5, useState as useState3 } from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var isString = (s) => typeof s === "string";
-var stripQuotes = (selected) => {
-  if (isString(selected)) {
-    if (selected.startsWith('"') && selected.endsWith('"')) {
-      return selected.slice(1, -1);
-    } else {
-      return selected;
-    }
-  } else {
-    return selected.map(stripQuotes);
-  }
-};
-var FilterDropdown = ({
-  column,
-  selected: selectedProp,
-  suggestionProvider,
-  ...props
-}) => {
-  const selected = selectedProp != null ? stripQuotes(selectedProp) : void 0;
-  const initialValues = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
-  const [values, setValues] = useState3(initialValues);
-  console.log({ initialValues });
-  const handleOpenChange = useCallback5(
-    async (isOpen) => {
-      if (isOpen) {
-        const values2 = await suggestionProvider.getSuggestions("columnValue", {
-          columnName: column
-        });
-        console.log({ values: values2 });
-        setValues(values2.map((suggestion) => suggestion.label));
-      }
-    },
-    [column, suggestionProvider]
-  );
-  return /* @__PURE__ */ jsx8(
-    Dropdown2,
-    {
-      ...props,
-      onOpenChange: handleOpenChange,
-      selected,
-      source: values
-    }
-  );
-};
-
-// src/filter-toolbar/FilterDropdownMultiSelect.tsx
-import { Dropdown as Dropdown3 } from "@heswell/salt-lab";
-import { useCallback as useCallback6, useState as useState4 } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var isString2 = (s) => typeof s === "string";
-var stripQuotes2 = (selected) => {
-  if (selected === void 0) {
-    return void 0;
-  } else if (isString2(selected)) {
-    if (selected.startsWith('"') && selected.endsWith('"')) {
-      return selected.slice(1, -1);
-    } else {
-      return selected;
-    }
-  } else {
-    return selected.map(stripQuotes2);
-  }
-};
-var FilterDropdownMultiSelect = ({
-  column,
-  selected: selectedProp,
-  suggestionProvider,
-  ...props
-}) => {
-  const selected = stripQuotes2(selectedProp);
-  const initialValues = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
-  const [values, setValues] = useState4(initialValues);
-  const handleOpenChange = useCallback6(
-    async (isOpen) => {
-      if (isOpen) {
-        const values2 = await suggestionProvider.getSuggestions("columnValue", {
-          columnName: column
-        });
-        console.log({ values: values2 });
-        setValues(values2.map((suggestion) => suggestion.label));
-      }
-    },
-    [column, suggestionProvider]
-  );
-  return /* @__PURE__ */ jsx9(
-    Dropdown3,
-    {
-      ...props,
-      onOpenChange: handleOpenChange,
-      selected,
-      selectionStrategy: "multiple",
-      source: values
-    }
-  );
-};
-
-// src/filter-toolbar/useFilterToolbar.tsx
-import { jsx as jsx10 } from "react/jsx-runtime";
-var filterToControl = (filter, suggestionProvider) => {
-  if (isNamedFilter(filter)) {
-    return /* @__PURE__ */ jsx10(
-      ToggleButton,
-      {
-        className: "vuuToggleButton",
-        toggled: true,
-        variant: "secondary",
-        children: filter.name
-      }
-    );
-  }
-  if (isSingleValueFilter(filter)) {
-    const { column, value } = filter;
-    return /* @__PURE__ */ jsx10(
-      ToolbarField3,
-      {
-        className: "vuuFilterDropdown",
-        label: column,
-        labelPlacement: "top",
-        children: /* @__PURE__ */ jsx10(
-          FilterDropdown,
-          {
-            column,
-            selected: value.toString(),
-            selectionStrategy: "default",
-            source: [value.toString()],
-            suggestionProvider,
-            style: { width: 100 }
-          }
-        )
-      },
-      column
-    );
-  }
-  if (isMultiValueFilter(filter)) {
-    const values = filter.values.map((v) => v.toString());
-    return /* @__PURE__ */ jsx10(
-      ToolbarField3,
-      {
-        className: "vuuFilterDropdown",
-        label: filter.column,
-        labelPlacement: "top",
-        children: /* @__PURE__ */ jsx10(
-          FilterDropdownMultiSelect,
-          {
-            column: filter.column,
-            selected: values,
-            source: values,
-            suggestionProvider,
-            style: { width: 100 }
-          }
-        )
-      },
-      filter.column
-    );
-  }
-  return filter.filters.map(
-    (filter2) => filterToControl(filter2, suggestionProvider)
-  );
-};
-var useFilterToolbar = ({
-  filter,
-  suggestionProvider
-}) => {
-  if (filter) {
-    return filterToControl(filter, suggestionProvider);
-  }
-  return [];
-};
-
-// src/filter-toolbar/FilterToolbar.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
-var FilterToolbar = ({
-  className,
-  filter,
-  suggestionProvider,
-  ...props
-}) => {
-  console.log(`FilterToolbar ${JSON.stringify(filter, null, 2)}`);
-  const toolbarItems = useFilterToolbar({ filter, suggestionProvider });
-  return /* @__PURE__ */ jsx11(Toolbar2, { className: (0, import_classnames2.default)("vuuFilterToolbar", className), ...props, children: toolbarItems });
-};
-
-// src/filter-evaluation-utils.ts
-var filterPredicateMap = /* @__PURE__ */ new Map();
-var filterReject = () => false;
-var getFilterPredicate = (columnMap, filterQuery) => {
-  let predicate = filterPredicateMap.get(filterQuery);
-  if (predicate) {
-    return predicate;
-  }
-  try {
-    const filter = parseFilter(filterQuery);
-    predicate = filterPredicate(columnMap, filter);
-    filterPredicateMap.set(filterQuery, predicate);
-    return predicate;
-  } catch (err) {
-    console.warn(
-      `filter-evaluation-utils, failed to parse filter "${filterQuery}"`
-    );
-    return filterReject;
-  }
-};
-function filterPredicate(columnMap, filter) {
-  switch (filter.op) {
-    case "in":
-      return testInclude(columnMap, filter);
-    case "=":
-      return testEQ(columnMap, filter);
-    case ">":
-      return testGT(columnMap, filter);
-    case ">=":
-      return testGE(columnMap, filter);
-    case "<":
-      return testLT(columnMap, filter);
-    case "<=":
-      return testLE(columnMap, filter);
-    case "starts":
-      return testSW(columnMap, filter);
-    case "and":
-      return testAND(columnMap, filter);
-    case "or":
-      return testOR(columnMap, filter);
-    default:
-      console.log(`unrecognized filter type ${filter.op}`);
-      return () => true;
-  }
-}
-var testInclude = (columnMap, filter) => {
-  return (row) => filter.values.indexOf(row[columnMap[filter.column]]) !== -1;
-};
-var testEQ = (columnMap, filter) => {
-  return (row) => row[columnMap[filter.column]] === filter.value;
-};
-var testGT = (columnMap, filter) => {
-  return (row) => row[columnMap[filter.column]] > filter.value;
-};
-var testGE = (columnMap, filter) => {
-  return (row) => row[columnMap[filter.column]] >= filter.value;
-};
-var testLT = (columnMap, filter) => {
-  return (row) => row[columnMap[filter.column]] < filter.value;
-};
-var testLE = (columnMap, filter) => {
-  return (row) => row[columnMap[filter.column]] <= filter.value;
-};
-var testSW = (columnMap, filter) => {
-  const filterValue2 = filter.value;
-  if (typeof filterValue2 !== "string") {
-    throw Error("string filter applied to value of wrong type");
-  }
-  return (row) => {
-    const rowValue = row[columnMap[filter.column]];
-    if (typeof rowValue !== "string") {
-      throw Error("string filter applied to value of wrong type");
-    }
-    return rowValue.toLowerCase().startsWith(filterValue2.toLowerCase());
-  };
-};
-var testAND = (columnMap, filter) => {
-  const filters = filter.filters.map((f1) => filterPredicate(columnMap, f1));
-  return (row) => filters.every((fn) => fn(row));
-};
-function testOR(columnMap, filter) {
-  const filters = filter.filters.map((f1) => filterPredicate(columnMap, f1));
-  return (row) => filters.some((fn) => fn(row));
+.saltIcon:active {
+  --icon-color: var(--saltIcon-color-active, var(--salt-text-secondary-foreground));
 }
-export {
-  AND,
-  ColumnFilter,
-  ENDS_WITH,
-  EQUALS,
-  FilterInput,
-  FilterToolbar,
-  GREATER_THAN,
-  IN,
-  LESS_THAN,
-  OR,
-  STARTS_WITH,
-  addFilter,
-  filterAsQuery,
-  filterClauses,
-  filterEquals,
-  filterIncludesColumn,
-  filterPredicate,
-  getFilterPredicate,
-  isAndFilter,
-  isFilterClause,
-  isInFilter,
-  isMultiClauseFilter,
-  isMultiValueFilter,
-  isNamedFilter,
-  isOrFilter,
-  isSingleValueFilter,
-  overrideColName,
-  parseFilter,
-  removeColumnFromFilter,
-  removeFilter,
-  splitFilterOnColumn,
-  updateFilter,
-  useCodeMirrorEditor,
-  useFilterSuggestionProvider
-};
+`;he(ho);var Oo=e=>(...o)=>[e,...o].join("-"),vo=Oo("saltIcon"),bo=1,Oe=Co(function({children:o,className:r,size:t=bo,style:n,...i},s){let p={...n,"--saltIcon-size-multiplier":`${t}`};return Ce("svg",{className:Fe(vo(),r),style:p,role:"img",...i,ref:s,children:Ce("g",{"aria-hidden":!0,children:o})})});import{jsxs as yo,jsx as ve}from"react/jsx-runtime";import{forwardRef as Po}from"react";var ee=Po(function(o,r){return yo(Oe,{"data-testid":"DeleteIcon","aria-label":"delete",viewBox:"0 0 12 12",ref:r,...o,children:[ve("path",{d:"M5 4v6H4V4h1Zm2 0v6H6V4h1Z"}),ve("path",{fillRule:"evenodd",d:"M4 0a1 1 0 0 0-1 1v1H0v1h1v7a2 2 0 0 0 2 2h5.25A1.75 1.75 0 0 0 10 10.25V3h1V2H8V1a1 1 0 0 0-1-1H4Zm5 3H2v7a1 1 0 0 0 1 1h5.25a.75.75 0 0 0 .75-.75V3ZM7 2H4v-.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 .5.5V2Z",clipRule:"evenodd"})]})});import{Input as we,ToolbarField as Ee}from"@heswell/salt-lab";import{extractFilterForColumn as Ro,partition as wo}from"@vuu-ui/vuu-utils";var To=new Set(["=","!=",">",">=","<","<=","starts","ends"]),be=e=>e!==void 0&&e.name!==void 0,w=e=>e!==void 0&&To.has(e.op),Dt=e=>e!==void 0&&(w(e)||P(e)),P=e=>e!==void 0&&e.op==="in",D=e=>e.op==="in",oe=e=>e.op==="and",ye=e=>e.op==="or";function T(e){return e!==void 0&&(e.op==="and"||e.op==="or")}var S="and",re="=",kt=">",Mt="<",Eo="or",Pe="starts",Lt="ends",No="in",Do=(e,o=[])=>(e&&(T(e)?e.filters.forEach(r=>o.push(...Do(r))):o.push(e)),o),Vo={combineWith:"and"},L=(e,o,{combineWith:r=S}=Vo)=>{var t;if(ie(o))T(o)||(e=te(e,{name:o.column}));else if(Ao(o))return T(o),te(e,{name:(t=o.column)!=null?t:""});if(!e)return o;if(!o)return e;if(e.op===S&&o.op===S)return{op:S,filters:Lo(e.filters,o.filters)};if(e.op===S){let n=ko(e.filters,o);return n.length>1?{op:S,filters:n}:n[0]}return o.op===S?{op:S,filters:o.filters.concat(e)}:ne(e,o,!0)?o:Te(e,o)?Mo(e,o):{op:r,filters:[e,o]}},ie=e=>e?D(e)&&e.values.length===0?!0:oe(e)&&e.filters.some(o=>ie(o)):!1,Qo=e=>typeof e=="string"?`"${e}"`:e,V=e=>T(e)?e.filters.map(o=>V(o)).join(` ${e.op} `):P(e)?`${e.column} ${e.op} [${e.values.join(",")}]`:`${e.column} ${e.op} ${Qo(e.value)}`,Ao=e=>e?e.op===Pe&&e.value===""?!0:e.op===Pe&&e.value==="":!1,ko=(e,o)=>e.concat(o),Mo=(e,o)=>ie(o)?o:D(e)&&D(o)?{...e,values:[...e.values,...o.values.filter(r=>!e.values.includes(r))]}:D(e)&&o.op===re?{...e,values:e.values.concat([o.value])}:e.op===re&&o.op===re?{column:e.column,op:No,values:[e.value,o.value]}:o,Lo=(e,o)=>{let r=({op:i},{op:s})=>i===s||i[0]===s[0],t=(i,s)=>i.column===s.column&&r(i,s),n=i=>o.some(s=>t(i,s))===!1;return e.filter(n).concat(o)},Ut=(e,o)=>{if(T(o)){let[r,t]=o.filters;if(r.column===e.name)return[t,V(t)];if(t.column===e.name)return[r,V(r)]}return[void 0,""]},Wt=(e,o)=>{if(ne(e,o,!0))return null;if(e.op!==S)throw Error(`removeFilter cannot remove ${JSON.stringify(o)} from ${JSON.stringify(e)}`);let r=e.filters.filter(t=>!ne(t,o));return r.length>0?{type:S,filters:r}:null},Ht=(e,o)=>{if(!e)return[null,null];if(e.column===o)return[e,null];if(e.op!==S)return[null,e];let[[r=null],t]=wo(e.filters,n=>n.column===o);return t.length===1?[r,t[0]]:[r,{op:S,filters:t}]},Uo=(e,o)=>T(e)?{op:e.op,filters:e.filters.map(r=>Uo(r,o))}:{...e,column:o},Wo=(e,o)=>{if(!e)return!1;let{op:r,column:t}=e;switch(r){case S:case Eo:return e.filters!=null&&e.filters.some(n=>Wo(n,o));default:return t===o.name}},te=(e,o)=>{let r=o.name;if(e&&e.column!==r){if(oe(e)||ye(e)){let{op:t}=e,i=e.filters.filter(s=>s.column!==r);switch(i.length){case 0:return;case 1:return i[0];default:return{op:t,filters:i}}}return e}},Te=(e,o)=>e.column===o.column&&(e.op==="="||e.op==="in")&&(o.op==="="||o.op==="in"),Ho=(e,o)=>{if(e===o)return!0;if(e.length===o.length){let r=e.slice().sort(),t=o.slice().sort();return r.join("|")===t.join("|")}return!1},ne=(e,o,r=!1)=>r?e&&o&&Te(e,o)?e.op===o.op&&(w(e)&&w(o)&&e.value===o.value||P(e)&&P(o)&&Ho(e.values,o.values)):!1:!0,Bo=(e,o,r)=>{if(e&&o){if(r==="replace")return o;if(e.op==="and")return{...e,filters:e.filters.concat(o)};let{column:t}=o;if(t&&(o.column?Ro(e,t):void 0)&&t){let i=te(e,{name:t});return Bo(i,o,"add")}return{op:"and",filters:[e,o]}}return o||e};var Q=e=>/\.\.\.$/.test(e),Re=(e,o,r)=>{if(o.length!==0){if(r){let t=o[0].substring(0,o[0].length-3);return{column:e,op:"starts",value:`"${t}"`}}return{column:e,op:"in",values:o.map(t=>`"${t}"`)}}},se=(e,o,r)=>{let t=o===void 0?void 0:{column:e,op:">",value:o-1},n=r===void 0?void 0:{column:e,op:"<",value:r+1};return n===void 0?t:L(t,n,{combineWith:"and"})};import{jsx as U,jsxs as $o}from"react/jsx-runtime";var Ne=({defaultTypeaheadParams:e,filterValues:o,onChange:r})=>{var s,p;let t=e[1],n=f=>{let l=parseFloat(f.target.value),u={start:isNaN(l)?void 0:l,end:o==null?void 0:o.end},m=se(t,u.start,u.end);r(u,m)},i=f=>{let l=parseFloat(f.target.value),u={start:o==null?void 0:o.start,end:isNaN(l)?void 0:l},m=se(t,u.start,u.end);r(u,m)};return $o("div",{style:{display:"flex",flexDirection:"row"},children:[U(Ee,{label:"From",children:U(we,{onChange:n,value:((s=o==null?void 0:o.start)==null?void 0:s.toString())||"",type:"number"})}),U(Ee,{label:"To",children:U(we,{onChange:i,value:((p=o==null?void 0:o.end)==null?void 0:p.toString())||"",type:"number"})})]})};import{useCallback as De,useEffect as zo,useState as Ve}from"react";import{useTypeaheadSuggestions as Xo}from"@vuu-ui/vuu-data";import{ComboBoxDeprecated as _o}from"@heswell/salt-lab";import{jsx as Go}from"react/jsx-runtime";var Qe=({defaultTypeaheadParams:e,filterValues:o=[],onChange:r})=>{let[t,n]=e,[i,s]=Ve(""),[p,f]=Ve([]),l=Xo();zo(()=>{let a=i?[t,n,i]:e,c=!0;return l(a).then(x=>{c&&(Q(o[0])&&x.unshift(o[0]),i&&x.unshift(`${i}...`),x.concat(o),f(x))}),()=>{c=!1}},[o,i,n,t,l,e]);let u=De(a=>{let c=a.target.value;s(c)},[]),m=De((a,c)=>{if(s(""),c===null)return;c.some(Q)&&(c=c.filter(Q).slice(-1));let x=Re(n,c,Q(c[0]));r(c,x)},[n,r]);return Go(_o,{multiSelect:!0,onInputChange:u,onChange:m,source:p,style:{minWidth:200},inputValue:i,selectedItem:o},n)};import{memo as jo}from"react";import{Highlighter as Zo,ListItem as Yo}from"@heswell/salt-lab";import{jsx as W}from"react/jsx-runtime";var Ae=e=>W(qo,{...e}),qo=jo(function({item:o,itemTextHighlightPattern:r,...t}){return W(Yo,{...t,children:W("span",{style:{marginLeft:10},children:W(Zo,{matchPattern:r,text:o==null?void 0:o.name})})})});import{useCallback as H,useState as B}from"react";var le=(e,o,r)=>e.filter(t=>t[r]!==o[r]).concat(o),ke=e=>{var F,C;let[o,r]=B(""),[t,n]=B([]),[i,s]=B([]),[p,f]=B([]),l=()=>{r(""),s([]),f([]),n([]),e("")},u=H(g=>{let I=le(t,{column:o,filter:g},"column");n(I);let b=I.map(R=>R.filter).reduce((R,N)=>N===void 0?R:L(R,N,{combineWith:S}),void 0),K=b===void 0?"":V(b);e(K,b)},[o,e,t]),m=H((g,I)=>{f(le(p,{column:o,value:g},"column")),u(I)},[o,p,u]),a=H((g,I)=>{s(le(i,{column:o,value:g},"column")),u(I)},[o,i,u]),c=H(g=>r((g==null?void 0:g.name)||""),[]),x=(F=i.filter(g=>g.column===o)[0])==null?void 0:F.value,d=(C=p.filter(g=>g.column===o)[0])==null?void 0:C.value;return{clear:l,selectedColumnName:o,rangeValue:x,typeaheadValue:d,onSelectedColumnChange:c,onRangeChange:a,onTypeaheadChange:m}};import{jsx as v,jsxs as rr}from"react/jsx-runtime";var Fn=({className:e,table:o,columns:r,onFilterSubmit:t,...n})=>{let{clear:i,onTypeaheadChange:s,onRangeChange:p,onSelectedColumnChange:f,selectedColumnName:l,rangeValue:u,typeaheadValue:m}=ke(t);return rr(Jo,{...n,style:{alignItems:"center",height:"36px"},children:[v($,{label:"Select a column to filter",labelPlacement:"top",style:{width:180},children:v(Ko,{source:r,ListItem:Ae,itemToString:c=>c.name,onSelectionChange:(c,x)=>f(x)})}),l&&(()=>{var d;let c=[o,l];switch((d=r.find(F=>F.name===l))==null?void 0:d.serverDataType){case"string":case"char":return v($,{label:"Start typing to select a filter",labelPlacement:"top",children:v(Qe,{defaultTypeaheadParams:c,filterValues:m,onChange:s})});case"int":case"long":case"double":return v($,{label:"Select a range",labelPlacement:"top",children:v(Ne,{defaultTypeaheadParams:c,filterValues:u,onChange:p})});default:return v($,{children:v(or,{children:"Data type unsupported"})})}})(),v(er,{onClick:i,children:v(ee,{})})]})};import{Button as Ke}from"@salt-ds/core";var Ye=ge(ae(),1);import{autocompletion as Sr,defaultKeymap as Fr,EditorState as Ge,EditorView as je,ensureSyntaxTree as hr,keymap as pe,minimalSetup as Cr,startCompletion as Ze}from"@vuu-ui/vuu-codemirror";import{useEffect as Or,useMemo as vr,useRef as ue}from"react";import{LanguageSupport as nr,LRLanguage as ir,styleTags as sr,tags as _}from"@vuu-ui/vuu-codemirror";import{LRParser as tr}from"@vuu-ui/vuu-codemirror";var X=tr.deserialize({version:14,states:"%QOVQPOOOOQO'#C_'#C_O_QQO'#C^OOQO'#DO'#DOOvQQO'#C|OOQO'#DR'#DROVQPO'#CuOOQO'#C}'#C}QOQPOOOOQO'#C`'#C`O!UQQO,58xO!dQPO,59VOVQPO,59]OVQPO,59_O!iQPO,59hO!nQQO,59aOOQO'#DQ'#DQOOQO1G.d1G.dO!UQQO1G.qO!yQQO1G.wOOQO1G.y1G.yOOQO'#Cw'#CwOOQO1G/S1G/SOOQO1G.{1G.{O#[QPO'#CnO#dQPO7+$]O!UQQO'#CxO#iQPO,59YOOQO<<Gw<<GwOOQO,59d,59dOOQO-E6v-E6v",stateData:"#q~OoOS~OsPOvUO~OTXOUXOVXOWXOXXOYXO`ZO~Of[Oh]Oj^OmpX~OZ`O[`O]`O^`O~OabO~OseO~Of[Oh]OwgO~Oh]Ofeijeimeiwei~OcjOdbX~OdlO~OcjOdba~O",goto:"#YvPPw}!TPPPPPPPPPPwPP!WPP!ZP!ZP!aP!g!jPPP!p!s!aP#P!aXROU[]XQOU[]RYQRibXTOU[]XVOU[]Rf^QkhRnkRWOQSOQ_UQc[Rd]QaYQhbRmj",nodeNames:"\u26A0 Filter ColumnValueExpression Column Operator Eq NotEq Gt Lt Starts Ends Number String True False ColumnSetExpression In LBrack Values Comma RBrack AndExpression And OrExpression Or ParenthesizedExpression As FilterName",maxTerm:39,skippedNodes:[0],repeatNodeCount:1,tokenData:"6p~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$j|}$o!O!P$t!Q![%S!^!_%_!_!`%d!`!a%i!c!}%n!}#O&V#P#Q&[#R#S%n#T#U&a#U#X%n#X#Y(w#Y#Z+]#Z#]%n#]#^.]#^#c%n#c#d/e#d#g%n#g#h0m#h#i4[#i#o%n~#USo~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOU~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_O[~~$bP;=`<%l#m~$jOv~~$oOw~~$tOc~~$wP!Q![$z~%PPZ~!Q![$z~%XQZ~!O!P$t!Q![%S~%dOW~~%iOT~~%nOV~P%sUsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n~&[Oa~~&aOd~R&fYsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c'U#c#g%n#g#h(^#h#o%nR'ZWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X's#X#o%nR'zUfQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(eUjQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR(|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c)f#c#o%nR)kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#W%n#W#X*T#X#o%nR*YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h*r#h#o%nR*yUYQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR+bVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U+w#U#o%nR+|WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#`%n#`#a,f#a#o%nR,kWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h-T#h#o%nR-YWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y-r#Y#o%nR-yU^QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR.bWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#b%n#b#c.z#c#o%nR/RU`QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR/jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g0S#g#o%nR0ZUhQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR0rWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i1[#i#o%nR1aVsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#U1v#U#o%nR1{WsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g2e#g#o%nR2jWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#h%n#h#i3S#i#o%nR3XWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#g%n#g#h3q#h#o%nR3xUXQsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%nR4aWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#f%n#f#g4y#g#o%nR5OWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#i%n#i#j5h#j#o%nR5mWsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#X%n#X#Y6V#Y#o%nR6^U]QsP}!O%n!O!P%n!Q![%n!c!}%n#R#S%n#T#o%n",tokenizers:[0,1],topRules:{Filter:[0,1]},tokenPrec:0});var lr=ir.define({name:"VuuFilterQuery",parser:X.configure({props:[sr({Identifier:_.variableName,String:_.string,Or:_.emphasis,Operator:_.operator})]})}),Me=()=>new nr(lr);import{isMultiClauseFilter as A,isMultiValueFilter as ar,isSingleValueFilter as cr}from"@vuu-ui/vuu-utils";var h,ce=class{constructor(){Ie(this,h,void 0)}setFilterCombinatorOp(o,r=O(this,h)){A(r)&&r.op===o||J(this,h,{op:o,filters:[O(this,h)]})}add(o){if(O(this,h)===void 0)J(this,h,o);else if(A(O(this,h)))O(this,h).filters.push(o);else throw Error("Invalid filter passed to FilterExpression")}setColumn(o,r=O(this,h)){if(A(r)){let t=r.filters.at(-1);t&&this.setColumn(o,t)}else r&&(r.column=o)}setOp(o,r=O(this,h)){if(A(r)){let t=r.filters.at(-1);t&&this.setOp(o,t)}else r&&(r.op=o)}setValue(o,r=O(this,h)){var t;if(A(r)){let n=r.filters.at(-1);n&&this.setValue(o,n)}else ar(r)?((t=r.values)!=null||(r.values=[]),r.values.push(o)):cr(r)&&(r.value=o)}toJSON(o=O(this,h)){return this.name?{...o,name:this.name}:o}};h=new WeakMap;var G=(e,o)=>{let r=new ce,t=e.cursor();do{let{name:n,from:i,to:s}=t;switch(n){case"ColumnValueExpression":r.add({});break;case"ColumnSetExpression":r.add({op:"in"});break;case"Or":case"And":r.setFilterCombinatorOp(o.substring(i,s));break;case"Column":r.setColumn(o.substring(i,s));break;case"Operator":r.setOp(o.substring(i,s));break;case"String":r.setValue(o.substring(i+1,s-1));break;case"Number":r.setValue(parseFloat(o.substring(i,s)));break;case"True":r.setValue(!0);break;case"False":r.setValue(!1);break;case"FilterName":r.name=o.substring(i,s);break;default:}}while(t.next());return r.toJSON()};var pr=X.configure({strict:!0}),j=e=>{let o=pr.parse(e);return G(o,e)};import{HighlightStyle as ur,syntaxHighlighting as mr,tags as Le}from"@vuu-ui/vuu-codemirror";var dr=ur.define([{tag:Le.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:Le.comment,color:"green",fontStyle:"italic"}]),Ue=mr(dr);import{EditorView as fr}from"@vuu-ui/vuu-codemirror";var We=fr.theme({"&":{color:"var(--vuuFilterEditor-color)",backgroundColor:"var(--vuuFilterEditor-background)",fontSize:"var(--vuuFilterEditor-fontSize)"},".cm-content":{caretColor:"var(--vuuFilterEditor-cursorColor)",padding:0},".cm-line":{lineHeight:"var(--vuuFilterEditor-lineHeight)"},"&.cm-focused .cm-cursor":{borderLeftColor:"var(--vuuFilterEditor-cursorColor)"},"&.cm-focused .cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-selectionBackground, ::selection":{backgroundColor:"var(--vuuFilterEditor-selectionBackground)"},".cm-scroller":{fontFamily:"var(--vuuFilterEditor-fontFamily)"},".cm-tooltip":{background:"var(--vuuFilterEditor-tooltipBackground)",border:"var(--vuuFilterEditor-tooltipBorder)",boxShadow:"var(--vuuFilterEditor-tooltipElevation)","&.cm-tooltip-autocomplete > ul":{fontFamily:"var(--vuuFilterEditor-fontFamily)",fontSize:"var(--vuuFilterEditor-fontSize)",maxHeight:"240px"},"&.cm-tooltip-autocomplete > ul > li":{alignItems:"center",display:"flex",height:"var(--vuuFilterEditor-suggestion-height)",padding:"0 3px",lineHeight:"var(--vuuFilterEditor-suggestion-height)"},"&.cm-tooltip-autocomplete li[aria-selected]":{background:"var(--vuuFilterEditor-suggestion-selectedBackground)",color:"var(--vuuFilterEditor-suggestion-selectedColor)"}},".cm-completionIcon":{height:"18px",flex:"0 0 16px"},".cm-completionLabel":{flex:"1 1 auto"},".cm-completionIcon-filter":{position:"relative","&:after":{background:"var(--salt-text-secondary-foreground)",content:"''","-webkit-mask":"var(--svg-filter) center center/13px 13px","-webkit-mask-repeat":"no-repeat",position:"absolute",height:"18px",left:"0px",top:"0px",width:"16px"}}},{dark:!1});import{getNodeByName as E,getValue as y,syntaxTree as gr}from"@vuu-ui/vuu-codemirror";import{useCallback as He}from"react";var Be=(e,o)=>{let r=e.prevSibling||e.parent;for(;r&&!["Column","Operator","In"].includes(r.name);)r=r.prevSibling||r.parent;if((r==null?void 0:r.name)==="In"||(r==null?void 0:r.name)==="Operator")return y(r,o)},xr=(e,o,r)=>{let t=y(e,o);if(!(r===void 0||t===r)&&["contains","ends","starts"].some(n=>n.startsWith(t.toLowerCase())))return t},$e=(e,o)=>{let r=e.prevSibling||e.parent||e.lastChild;for(;r&&r.name==="\u26A0";)r=r.prevSibling;if(r&&["As","Or","And"].includes(r.name))return y(r,o)},ze=(e,o)=>{if(e.name==="FilterName")return y(e,o);{let r=e.prevSibling||e.parent||e.lastChild;for(;r&&r.name!=="FilterName";)r=r.prevSibling;if(r&&r.name==="FilterName")return y(e,o)}},Xe=(e,o)=>{let r=e.prevSibling;if((r==null?void 0:r.name)==="Column")return y(r,o);if((r==null?void 0:r.name)==="Operator")return Xe(r,o)},Ir=(e,o)=>{let r=e.lastChild,t=[];for(;r&&r.name!=="In";){let n=y(r,o);if(n)t.push(n);else break;r=r.prevSibling}return t};var _e=(e,o,r)=>{let t=He(async(n,i,s={})=>{let{startsWith:p=""}=s,f=await e.getSuggestions(i,s);return{from:n.pos-p.length,options:f}},[e]);return He(async n=>{var u,m;let{state:i,pos:s}=n,p=(u=n.matchBefore(/\w*/))!=null?u:{from:0,to:0,text:void 0},l=gr(i).resolveInner(s,-1);switch(console.log({nodeBeforeName:l.name}),l.name){case"Filter":if(n.pos===0)return t(n,"column");if($e(l,i)==="as")return t(n,"name");{let c=ze(l,i);return t(n,"save",{onSubmit:o.current,existingFilter:r,filterName:c})}case"String":{let a=Be(l,i),c=Xe(l,i),{from:x,to:d}=l;if(d-x===2&&n.pos===x+1){if(c&&a)return t(n,"columnValue",{columnName:c,operator:a,quoted:!0,startsWith:p.text})}else console.log(`we have a string, column is ${c} ${x} ${d}`)}break;case"As":return t(n,"name");case"FilterName":return t(n,"save",{onSubmit:o.current,existingFilter:r,filterName:ze(l,i)});case"Column":{let a=y(l,i);return await e.isPartialMatch("column",void 0,a)?t(n,"column",{startsWith:a}):t(n,"operator",{columnName:a})}case"\u26A0":{let a=E(l,i),c=Be(l,i),x=c?void 0:xr(l,i,a);return x?t(n,"operator",{columnName:a,startsWith:x}):t(n,"columnValue",{columnName:a,operator:c,startsWith:p.text})}case"Identifier":if($e(l,i)==="as")return{from:n.pos,options:[{label:"press ENTER to apply filter and save",apply:()=>o.current(),boost:5}]};break;case"ColumnSetExpression":case"Values":{let a=E(l,i),c=Ir(l,i);return t(n,"columnValue",{columnName:a,selection:c})}case"Comma":case"LBrack":{let a=E(l,i);return t(n,"columnValue",{columnName:a})}case"ColumnValueExpression":{let a=(m=l.lastChild)==null?void 0:m.prevSibling;if((a==null?void 0:a.name)==="Column")return t(n,"operator",{columnName:E(l,i)});if((a==null?void 0:a.name)==="Operator")return t(n,"columnValue",{columnName:E(a,i),operator:y(a,i)})}break;case"In":return{from:n.pos,options:[{label:"[",apply:" [",type:"text"}]};case"Eq":return t(n,"columnValue",{columnName:E(l,i)});case"AndExpression":case"OrExpression":return t(n,"column");default:}},[r,t,o,e])};var k=e=>{if(e.current==null)throw Error("EditorView not defined");return e.current},br=e=>(0,Ye.default)("vuuSuggestion",{vuuIllustration:e.isIllustration}),yr=e=>{let o=e.lastIndexOf(" as ");return o!==-1?e.slice(0,o):e},Pr=()=>console.log("noooop"),qe=({existingFilter:e,onSubmitFilter:o,suggestionProvider:r})=>{let t=ue(null),n=ue(Pr),i=ue(),s=_e(r,n,e),[p,f]=vr(()=>{let l=()=>{let d=k(i),F=d.state.doc.toString(),C=hr(d.state,d.state.doc.length,5e3);if(C){let g=G(C,F);return[g,yr(F),g.name]}else return[void 0,"",void 0]},u=()=>{k(i).setState(x())},m=d=>{let[F,C,g]=l();o==null||o(F,C,d,g),u()},a=d=>pe.of([{key:d,run(){return m(),!0}}]),c=d=>pe.of([{key:d,run(){return Ze(k(i)),!0}}]),x=()=>Ge.create({doc:"",extensions:[Cr,Sr({override:[s],optionClass:br}),Me(),pe.of(Fr),a("Ctrl-Enter"),c("ArrowDown"),je.updateListener.of(d=>{let F=k(i);d.docChanged&&Ze(F)}),Ge.transactionFilter.of(d=>d.newDoc.lines>1?[]:d),We,Ue]});return n.current=d=>{m(d),setTimeout(()=>{k(i).focus()},100)},[x,u]},[s,o]);return Or(()=>{if(!t.current)throw Error("editor not in dom");return i.current=new je({state:p(),parent:t.current}),()=>{var l;(l=i.current)==null||l.destroy()}},[s,p]),{editorRef:t,clearInput:f}};import{jsx as me,jsxs as Tr}from"react/jsx-runtime";var Z="vuuFilterInput",xi=({existingFilter:e,iconName:o="filter",namedFilters:r,onSubmitFilter:t,suggestionProvider:n,...i})=>{let{editorRef:s,clearInput:p}=qe({existingFilter:e,onSubmitFilter:t,suggestionProvider:n});return Tr("div",{...i,className:Z,children:[me(Ke,{className:`${Z}-FilterButton`,"data-icon":o,tabIndex:-1}),me("div",{className:`${Z}-Editor`,ref:s}),me(Ke,{className:`${Z}-ClearButton`,"data-icon":"close-circle",onClick:p})]})};import{asNameSuggestion as Rr,booleanJoinSuggestions as wr,getNamePrompt as Er,numericOperators as Nr,stringOperators as Dr,toSuggestions as Vr}from"@vuu-ui/vuu-codemirror";import{getTypeaheadParams as Qr,useTypeaheadSuggestions as Ar}from"@vuu-ui/vuu-data";import{useCallback as eo,useRef as kr}from"react";import{createEl as Y}from"@vuu-ui/vuu-utils";var Je=(e,o)=>{let r=Y("div","vuuFunctionDoc"),t=Y("div","function-heading"),n=Y("span","function-name",e);t.appendChild(n);let i=Y("p",void 0,o);return r.appendChild(t),r.appendChild(i),r};var Mr=[],Lr={},Ur=e=>[{label:"Press ENTER to create TAB",apply:()=>e("tab"),boost:6}],oo=(e,o,r=!0)=>{let t=o?[{label:"REPLACE existing filter",apply:()=>e("replace"),boost:8},{label:"AND existing filter",apply:()=>e("and"),boost:7},{label:"OR existing filter",apply:()=>e("or"),boost:7}]:[{label:"Press ENTER to submit",apply:()=>e(),boost:6}];return r?t.concat(wr).concat(Rr):t},Wr=(e,o)=>oo(e,o,!0),Hr=e=>oo(e,void 0),Br=({existingFilter:e,filterName:o,onSubmit:r,saveOptions:t})=>{let n=o&&t.allowSaveAsTab,i=e?Wr(r,e):Hr(r);return n?i.concat(Ur(r)):i},$r=e=>e.map(o=>({boost:5,label:o.name})),zr=e=>e?Array.from(e.entries()).map(([o,r])=>({info:()=>Je(o,r),label:o,type:"filter"})):Mr,Xr={label:"Done",apply:"] ",type:"keyword",boost:10},q=(e,o="")=>e.filter(r=>o===""||r.label.startsWith(o)).map(r=>({...r,apply:r.label+" "})),_r={allowReplace:!0},Ti=({columns:e,namedFilters:o,saveOptions:r=_r,table:t,typeaheadHook:n=Ar})=>{let i=kr(),s=n(),p=eo(async(l,u=Lr)=>{let{columnName:m,existingFilter:a,filterName:c,operator:x,quoted:d,onSubmit:F,startsWith:C,selection:g}=u;switch(l){case"operator":{let I=e.find(b=>b.name===m);if(I)switch(I.serverDataType){case"string":case"char":return q(Dr,C);case"int":case"long":case"double":return q(Nr)}else console.warn(`'${m}' does not match any column name`)}break;case"column":{let I=await $r(e),b=await zr(o);return(i.current=q(I)).concat(q(b))}case"columnValue":if(m){let I=e.find(uo=>uo.name===m);if(!I)throw Error(`useFilterSUggestionProvider no column ${m}`);let b=Array.isArray(g)?g.length===0?"[":",":"",K=Qr(t,m,C),R=await s(K),N=x==="starts";return i.current=Vr(R,{moveCursorToEnd:d,quoted:(I==null?void 0:I.serverDataType)==="string"&&!d,suffix:d?"":" ",prefix:N?C:b,isIllustration:N}),Array.isArray(g)&&(g==null?void 0:g.length)>1?[Xr,...i.current]:i.current}break;case"save":{if(typeof F!="function")throw Error("useFilterSuggestionProvider, onSubmit must be supplied for 'save' suggestions");return await Br({existingFilter:a,filterName:c,onSubmit:F,saveOptions:r})}case"name":return await Er("filter");default:}return[]},[e,s,o,r,t]),f=eo(async(l,u,m)=>{let a=await p(l,{columnName:u});if(m&&a)for(let c of a){if(c.label===m)return!1;if(c.label.startsWith(m))return!0}return!1},[p]);return{getSuggestions:p,isPartialMatch:f}};var co=ge(ae(),1);import{Toolbar as nt}from"@heswell/salt-lab";import{ToggleButton as tt,ToolbarField as so}from"@heswell/salt-lab";import{Dropdown as Gr}from"@heswell/salt-lab";import{useCallback as jr,useState as Zr}from"react";import{jsx as qr}from"react/jsx-runtime";var Yr=e=>typeof e=="string",ro=e=>Yr(e)?e.startsWith('"')&&e.endsWith('"')?e.slice(1,-1):e:e.map(ro),to=({column:e,selected:o,suggestionProvider:r,...t})=>{let n=o!=null?ro(o):void 0,i=Array.isArray(n)?n:n!=null?[n]:[],[s,p]=Zr(i);console.log({initialValues:i});let f=jr(async l=>{if(l){let u=await r.getSuggestions("columnValue",{columnName:e});console.log({values:u}),p(u.map(m=>m.label))}},[e,r]);return qr(Gr,{...t,onOpenChange:f,selected:n,source:s})};import{Dropdown as Kr}from"@heswell/salt-lab";import{useCallback as Jr,useState as et}from"react";import{jsx as rt}from"react/jsx-runtime";var ot=e=>typeof e=="string",no=e=>{if(e!==void 0)return ot(e)?e.startsWith('"')&&e.endsWith('"')?e.slice(1,-1):e:e.map(no)},io=({column:e,selected:o,suggestionProvider:r,...t})=>{let n=no(o),i=Array.isArray(n)?n:n!=null?[n]:[],[s,p]=et(i),f=Jr(async l=>{if(l){let u=await r.getSuggestions("columnValue",{columnName:e});console.log({values:u}),p(u.map(m=>m.label))}},[e,r]);return rt(Kr,{...t,onOpenChange:f,selected:n,selectionStrategy:"multiple",source:s})};import{jsx as M}from"react/jsx-runtime";var lo=(e,o)=>{if(be(e))return M(tt,{className:"vuuToggleButton",toggled:!0,variant:"secondary",children:e.name});if(w(e)){let{column:r,value:t}=e;return M(so,{className:"vuuFilterDropdown",label:r,labelPlacement:"top",children:M(to,{column:r,selected:t.toString(),selectionStrategy:"default",source:[t.toString()],suggestionProvider:o,style:{width:100}})},r)}if(P(e)){let r=e.values.map(t=>t.toString());return M(so,{className:"vuuFilterDropdown",label:e.column,labelPlacement:"top",children:M(io,{column:e.column,selected:r,source:r,suggestionProvider:o,style:{width:100}})},e.column)}return e.filters.map(r=>lo(r,o))},ao=({filter:e,suggestionProvider:o})=>e?lo(e,o):[];import{jsx as it}from"react/jsx-runtime";var ns=({className:e,filter:o,suggestionProvider:r,...t})=>{console.log(`FilterToolbar ${JSON.stringify(o,null,2)}`);let n=ao({filter:o,suggestionProvider:r});return it(nt,{className:(0,co.default)("vuuFilterToolbar",e),...t,children:n})};var po=new Map,st=()=>!1,ps=(e,o)=>{let r=po.get(o);if(r)return r;try{let t=j(o);return r=de(e,t),po.set(o,r),r}catch{return console.warn(`filter-evaluation-utils, failed to parse filter "${o}"`),st}};function de(e,o){switch(o.op){case"in":return lt(e,o);case"=":return at(e,o);case">":return ct(e,o);case">=":return pt(e,o);case"<":return ut(e,o);case"<=":return mt(e,o);case"starts":return dt(e,o);case"and":return ft(e,o);case"or":return gt(e,o);default:return console.log(`unrecognized filter type ${o.op}`),()=>!0}}var lt=(e,o)=>r=>o.values.indexOf(r[e[o.column]])!==-1,at=(e,o)=>r=>r[e[o.column]]===o.value,ct=(e,o)=>r=>r[e[o.column]]>o.value,pt=(e,o)=>r=>r[e[o.column]]>=o.value,ut=(e,o)=>r=>r[e[o.column]]<o.value,mt=(e,o)=>r=>r[e[o.column]]<=o.value,dt=(e,o)=>{let r=o.value;if(typeof r!="string")throw Error("string filter applied to value of wrong type");return t=>{let n=t[e[o.column]];if(typeof n!="string")throw Error("string filter applied to value of wrong type");return n.toLowerCase().startsWith(r.toLowerCase())}},ft=(e,o)=>{let r=o.filters.map(t=>de(e,t));return t=>r.every(n=>n(t))};function gt(e,o){let r=o.filters.map(t=>de(e,t));return t=>r.some(n=>n(t))}export{S as AND,Fn as ColumnFilter,Lt as ENDS_WITH,re as EQUALS,xi as FilterInput,ns as FilterToolbar,kt as GREATER_THAN,No as IN,Mt as LESS_THAN,Eo as OR,Pe as STARTS_WITH,L as addFilter,V as filterAsQuery,Do as filterClauses,ne as filterEquals,Wo as filterIncludesColumn,de as filterPredicate,ps as getFilterPredicate,oe as isAndFilter,Dt as isFilterClause,D as isInFilter,T as isMultiClauseFilter,P as isMultiValueFilter,be as isNamedFilter,ye as isOrFilter,w as isSingleValueFilter,Uo as overrideColName,j as parseFilter,Ut as removeColumnFromFilter,Wt as removeFilter,Ht as splitFilterOnColumn,Bo as updateFilter,qe as useCodeMirrorEditor,Ti as useFilterSuggestionProvider};
 /*! Bundled license information:
 
 classnames/index.js: