@vuu-ui/vuu-table 0.6.16-debug → 0.6.17-debug

package/esm/index.js

@@ -18646,6 +18646,56 @@ var FilterExpression = class {
   }
 };
 _filter = new WeakMap();
+var walkTree = (tree, source) => {
+  const filterExpression = new FilterExpression();
+  const cursor = tree.cursor();
+  do {
+    const { name: name2, from, to } = cursor;
+    switch (name2) {
+      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();
+};
+
+// ../vuu-filters/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;
+};
 
 // ../vuu-filters/src/filter-input/highlighting.ts
 var myHighlightStyle = HighlightStyle.define([
@@ -18738,7 +18788,77 @@ import { EventEmitter, getLoggingConfig, uuid } from "@vuu-ui/vuu-utils";
 
 // ../vuu-data/src/data-source.ts
 var isSizeOnly = (message) => message.type === "viewport-update" && message.mode === "size-only";
+var exactlyTheSame = (a, b) => {
+  if (a === b) {
+    return true;
+  } else if (a === void 0 && b === void 0) {
+    return true;
+  } else {
+    return false;
+  }
+};
+var filterChanged = (c1, c2) => {
+  var _a2, _b;
+  return ((_a2 = c1.filter) == null ? void 0 : _a2.filter) !== ((_b = c2.filter) == null ? void 0 : _b.filter);
+};
+var sortChanged = ({ sort: s1 }, { sort: s2 }) => {
+  if (exactlyTheSame(s1, s2)) {
+    return false;
+  } else if (s1 === void 0 || s2 === void 0) {
+    return true;
+  } else if ((s1 == null ? void 0 : s1.sortDefs.length) !== (s2 == null ? void 0 : s2.sortDefs.length)) {
+    return true;
+  }
+  return s1.sortDefs.some(
+    ({ column, sortType }, i) => column !== s2.sortDefs[i].column || sortType !== s2.sortDefs[i].sortType
+  );
+};
+var groupByChanged = ({ groupBy: g1 }, { groupBy: g2 }) => {
+  if (exactlyTheSame(g1, g2)) {
+    return false;
+  } else if (g1 === void 0 || g2 === void 0) {
+    return true;
+  } else if ((g1 == null ? void 0 : g1.length) !== (g2 == null ? void 0 : g2.length)) {
+    return true;
+  }
+  return g1.some((column, i) => column !== (g2 == null ? void 0 : g2[i]));
+};
+var columnsChanged = ({ columns: cols1 }, { columns: cols2 }) => {
+  if (exactlyTheSame(cols1, cols2)) {
+    return false;
+  } else if (cols1 === void 0 || cols2 === void 0) {
+    return true;
+  } else if ((cols1 == null ? void 0 : cols1.length) !== (cols2 == null ? void 0 : cols2.length)) {
+    return true;
+  }
+  return cols1.some((column, i) => column !== (cols2 == null ? void 0 : cols2[i]));
+};
+var aggregationsChanged = ({ aggregations: agg1 }, { aggregations: agg2 }) => {
+  if (exactlyTheSame(agg1, agg2)) {
+    return false;
+  } else if (agg1 === void 0 || agg2 === void 0) {
+    return true;
+  } else if (agg1.length !== agg2.length) {
+    return true;
+  }
+  return agg1.some(
+    ({ column, aggType }, i) => column !== agg2[i].column || aggType !== agg2[i].aggType
+  );
+};
+var visualLinkChanged = () => {
+  return false;
+};
+var configChanged2 = (config, newConfig) => {
+  if (exactlyTheSame(config, newConfig)) {
+    return false;
+  }
+  if (config === void 0 || newConfig === void 0) {
+    return true;
+  }
+  return columnsChanged(config, newConfig) || filterChanged(config, newConfig) || sortChanged(config, newConfig) || groupByChanged(config, newConfig) || aggregationsChanged(config, newConfig) || visualLinkChanged(config, newConfig);
+};
 var datasourceMessages = [
+  "config",
   "aggregate",
   "viewport-update",
   "columns",
@@ -18758,7 +18878,9 @@ var shouldMessageBeRoutedToDataSource = (message) => {
   const type = message.type;
   return datasourceMessages.includes(type);
 };
-var isDataSourceConfigMessage = (message) => ["aggregate", "columns", "filter", "groupBy", "sort"].includes(message.type);
+var isDataSourceConfigMessage = (message) => ["config", "aggregate", "columns", "filter", "groupBy", "sort"].includes(
+  message.type
+);
 
 // ../vuu-data/src/server-proxy/messages.ts
 var GET_TABLE_LIST = "GET_TABLE_LIST";
@@ -19529,6 +19651,9 @@ var ArrayBackedMovingWindow = class {
 };
 _range = new WeakMap();
 
+// src/data-source.ts
+var hasGroupBy = (config) => config !== void 0 && config.groupBy !== void 0 && config.groupBy.length > 0;
+
 // src/server-proxy/viewport.ts
 var EMPTY_GROUPBY = [];
 var { debug: debug3, debugEnabled: debugEnabled3, error: error2, info: info2, infoEnabled, warn: warn2 } = logger("viewport");
@@ -19682,9 +19807,24 @@ var Viewport = class {
           warn2 == null ? void 0 : warn2("range requests sent faster than they are being ACKed");
         }
       }
+    } else if (type === "config") {
+      if (hasGroupBy(pendingOperation.data)) {
+        this.isTree = true;
+        this.groupBy = pendingOperation.data.groupBy;
+      } else if (this.isTree) {
+        this.isTree = false;
+        this.groupBy = [];
+      }
+      debug3 == null ? void 0 : debug3(\`config change confirmed, isTree : \${this.isTree}\`);
+      return {
+        clientViewportId,
+        type,
+        config: pendingOperation.data
+      };
     } else if (type === "groupBy") {
       this.isTree = pendingOperation.data.length > 0;
       this.groupBy = pendingOperation.data;
+      debug3 == null ? void 0 : debug3(\`groupBy change confirmed, isTree : \${this.isTree}\`);
       return {
         clientViewportId,
         type,
@@ -19942,6 +20082,22 @@ var Viewport = class {
     info2 == null ? void 0 : info2(\`filterRequest: \${filter}\`);
     return this.createRequest({ filterSpec: { filter } });
   }
+  setConfig(requestId, config) {
+    this.awaitOperation(requestId, { type: "config", data: config });
+    const { filter, ...remainingConfig } = config;
+    debugEnabled3 ? debug3 == null ? void 0 : debug3(\`setConfig \${JSON.stringify(config)}\`) : info2 == null ? void 0 : info2(\`setConfig\`);
+    return this.createRequest(
+      {
+        ...remainingConfig,
+        filterSpec: typeof (filter == null ? void 0 : filter.filter) === "string" ? {
+          filter: filter.filter
+        } : {
+          filter: ""
+        }
+      },
+      true
+    );
+  }
   aggregateRequest(requestId, aggregations) {
     this.awaitOperation(requestId, { type: "aggregate", data: aggregations });
     info2 == null ? void 0 : info2(\`aggregateRequest: \${aggregations}\`);
@@ -20043,19 +20199,27 @@ var Viewport = class {
     }
     return [out, mode];
   }
-  createRequest(params) {
-    return {
-      type: "CHANGE_VP",
-      viewPortId: this.serverViewportId,
-      aggregations: this.aggregations,
-      columns: this.columns,
-      sort: this.sort,
-      groupBy: this.groupBy,
-      filterSpec: {
-        filter: this.filter.filter
-      },
-      ...params
-    };
+  createRequest(params, overWrite = false) {
+    if (overWrite) {
+      return {
+        type: "CHANGE_VP",
+        viewPortId: this.serverViewportId,
+        ...params
+      };
+    } else {
+      return {
+        type: "CHANGE_VP",
+        viewPortId: this.serverViewportId,
+        aggregations: this.aggregations,
+        columns: this.columns,
+        sort: this.sort,
+        groupBy: this.groupBy,
+        filterSpec: {
+          filter: this.filter.filter
+        },
+        ...params
+      };
+    }
   }
 };
 var toClientRow = ({ rowIndex, rowKey, sel: isSelected, data }, keys) => {
@@ -20261,6 +20425,11 @@ var ServerProxy = class {
       this.postMessageToClient(debounceRequest);
     }
   }
+  setConfig(viewport, message) {
+    const requestId = nextRequestId();
+    const request = viewport.setConfig(requestId, message.config);
+    this.sendIfReady(request, requestId, viewport.status === "subscribed");
+  }
   aggregate(viewport, message) {
     const requestId = nextRequestId();
     const request = viewport.aggregateRequest(requestId, message.aggregations);
@@ -20418,6 +20587,8 @@ var ServerProxy = class {
         switch (message.type) {
           case "setViewRange":
             return this.setViewRange(viewport, message);
+          case "config":
+            return this.setConfig(viewport, message);
           case "aggregate":
             return this.aggregate(viewport, message);
           case "sort":
@@ -21996,6 +22167,32 @@ var RemoteDataSource = class extends EventEmitter4 {
   get config() {
     return __privateGet(this, _config);
   }
+  set config(config) {
+    var _a2;
+    if (configChanged2(__privateGet(this, _config), config)) {
+      if ((config == null ? void 0 : config.filter) && (config == null ? void 0 : config.filter.filterStruct) === void 0) {
+        __privateSet(this, _config, {
+          ...config,
+          filter: {
+            filter: config.filter.filter,
+            filterStruct: parseFilter(config.filter.filter)
+          }
+        });
+      } else {
+        __privateSet(this, _config, config);
+      }
+      if (__privateGet(this, _config) && this.viewport && this.server) {
+        if (config) {
+          (_a2 = this.server) == null ? void 0 : _a2.send({
+            viewport: this.viewport,
+            type: "config",
+            config: __privateGet(this, _config)
+          });
+        }
+      }
+      this.emit("config", __privateGet(this, _config));
+    }
+  }
   get optimize() {
     return __privateGet(this, _optimize);
   }
@@ -22228,9 +22425,6 @@ import { jsx as jsx18 } from "react/jsx-runtime";
 // ../vuu-filters/src/filter-toolbar/FilterToolbar.tsx
 import { jsx as jsx19 } from "react/jsx-runtime";
 
-// ../vuu-filters/src/filter-input/filter-language-parser/FilterParser.ts
-var strictParser = parser.configure({ strict: true });
-
 // ../vuu-filters/src/filter-utils.ts
 import { extractFilterForColumn, partition } from "@vuu-ui/vuu-utils";