@vuu-ui/vuu-table-extras 0.6.26-debug → 0.6.26

package/cjs/index.js

@@ -1,2868 +1,2 @@
-"use strict";
-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 __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), 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;
-};
-
-// src/index.ts
-var src_exports = {};
-__export(src_exports, {
-  ColumnExpressionInput: () => ColumnExpressionInput,
-  ColumnNamedTerms: () => ColumnNamedTerms,
-  DataSourceStats: () => DataSourceStats,
-  DatagridSettingsPanel: () => DatagridSettingsPanel,
-  columnExpressionLanguageSupport: () => columnExpressionLanguageSupport,
-  isCompleteExpression: () => isCompleteExpression,
-  isCompleteRelationalExpression: () => isCompleteRelationalExpression,
-  lastNamedChild: () => lastNamedChild,
-  useColumnExpressionEditor: () => useColumnExpressionEditor,
-  useColumnExpressionSuggestionProvider: () => useColumnExpressionSuggestionProvider,
-  walkTree: () => walkTree
-});
-module.exports = __toCommonJS(src_exports);
-
-// src/cell-renderers/background-cell/BackgroundCell.tsx
-var import_vuu_utils3 = require("@vuu-ui/vuu-utils");
-var import_classnames = __toESM(require("classnames"), 1);
-
-// src/cell-renderers/background-cell/useDirection.ts
-var import_react = require("react");
-var import_vuu_utils = require("@vuu-ui/vuu-utils");
-var import_vuu_utils2 = require("@vuu-ui/vuu-utils");
-var INITIAL_VALUE = [void 0, void 0, void 0, void 0];
-function useDirection(key, value, column) {
-  var _a;
-  const ref = (0, import_react.useRef)();
-  const [prevKey, prevValue, prevColumn, prevDirection] = ref.current || INITIAL_VALUE;
-  const { type: dataType } = column;
-  const decimals = (0, import_vuu_utils.isTypeDescriptor)(dataType) ? (_a = dataType.formatting) == null ? void 0 : _a.decimals : void 0;
-  const direction = key === prevKey && (0, import_vuu_utils2.isValidNumber)(value) && (0, import_vuu_utils2.isValidNumber)(prevValue) && column === prevColumn ? (0, import_vuu_utils2.getMovingValueDirection)(value, prevDirection, prevValue, decimals) : "";
-  (0, import_react.useEffect)(() => {
-    ref.current = [key, value, column, direction];
-  });
-  return direction;
-}
-
-// src/cell-renderers/background-cell/BackgroundCell.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var CHAR_ARROW_UP = String.fromCharCode(11014);
-var CHAR_ARROW_DOWN = String.fromCharCode(11015);
-var { KEY } = import_vuu_utils3.metadataKeys;
-var classBase = "vuuBackgroundCell";
-var FlashStyle = {
-  ArrowOnly: "arrow",
-  BackgroundOnly: "bg-only",
-  ArrowBackground: "arrow-bg"
-};
-var getFlashStyle = (colType) => {
-  if ((0, import_vuu_utils3.isTypeDescriptor)(colType) && colType.renderer) {
-    if ("flashStyle" in colType.renderer) {
-      return colType.renderer["flashStyle"];
-    }
-  }
-  return FlashStyle.BackgroundOnly;
-};
-var BackgroundCell = ({ column, row }) => {
-  const { key, type, valueFormatter } = column;
-  const value = row[key];
-  const flashStyle = getFlashStyle(type);
-  const direction = useDirection(row[KEY], value, column);
-  const arrow = flashStyle === FlashStyle.ArrowOnly || flashStyle === FlashStyle.ArrowBackground ? direction === import_vuu_utils3.UP1 || direction === import_vuu_utils3.UP2 ? CHAR_ARROW_UP : direction === import_vuu_utils3.DOWN1 || direction === import_vuu_utils3.DOWN2 ? CHAR_ARROW_DOWN : null : null;
-  const dirClass = direction ? ` ` + direction : "";
-  const className = (0, import_classnames.default)(classBase, dirClass, {
-    [`${classBase}-arrowOnly`]: flashStyle === FlashStyle.ArrowOnly,
-    [`${classBase}-arrowBackground`]: flashStyle === FlashStyle.ArrowBackground
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className, tabIndex: -1, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classBase}-flasher`, children: arrow }),
-    valueFormatter(row[column.key])
-  ] });
-};
-(0, import_vuu_utils3.registerComponent)("background", BackgroundCell, "cell-renderer", {
-  serverDataType: ["long", "int", "double"]
-});
-
-// src/cell-renderers/progress-cell/ProgressCell.tsx
-var import_vuu_utils4 = require("@vuu-ui/vuu-utils");
-var import_classnames2 = __toESM(require("classnames"), 1);
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var classBase2 = "vuuProgressCell";
-var ProgressCell = ({ column, columnMap, row }) => {
-  const { type } = column;
-  const value = row[column.key];
-  let showProgress = false;
-  let percentage = 0;
-  if ((0, import_vuu_utils4.isTypeDescriptor)(type) && (0, import_vuu_utils4.isColumnTypeRenderer)(type.renderer)) {
-    const { associatedField } = type.renderer;
-    const associatedValue = row[columnMap[associatedField]];
-    if (typeof value === "number" && typeof associatedValue === "number") {
-      percentage = Math.min(Math.round(value / associatedValue * 100), 100);
-      showProgress = isFinite(percentage);
-    } else {
-      const floatValue = parseFloat(value);
-      if (Number.isFinite(floatValue)) {
-        const floatOtherValue = parseFloat(associatedValue);
-        if (Number.isFinite(floatOtherValue)) {
-          percentage = Math.min(
-            Math.round(floatValue / floatOtherValue * 100),
-            100
-          );
-          showProgress = isFinite(percentage);
-        }
-      }
-    }
-  }
-  const className = (0, import_classnames2.default)(classBase2, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className, tabIndex: -1, children: [
-    showProgress ? /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: `${classBase2}-track`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${classBase2}-bg` }),
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-        "span",
-        {
-          className: `${classBase2}-bar`,
-          style: { "--progress-bar-pct": `-${100 - percentage}%` }
-        }
-      )
-    ] }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: `${classBase2}-text`, children: `${percentage} %` })
-  ] });
-};
-(0, import_vuu_utils4.registerComponent)("vuu.progress", ProgressCell, "cell-renderer", {
-  serverDataType: ["long", "int", "double"]
-});
-
-// src/column-expression-input/useColumnExpressionEditor.ts
-var import_vuu_codemirror5 = require("@vuu-ui/vuu-codemirror");
-var import_vuu_utils5 = require("@vuu-ui/vuu-utils");
-var import_react3 = require("react");
-
-// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
-var import_vuu_codemirror = require("@vuu-ui/vuu-codemirror");
-
-// src/column-expression-input/column-language-parser/generated/column-parser.js
-var import_lr = require("@lezer/lr");
-var parser = import_lr.LRParser.deserialize({
-  version: 14,
-  states: "&fOVQPOOO!SQPO'#C^OVQPO'#CcQ!pQPOOO#OQPO'#CkO#TQPO'#CrOOQO'#Cy'#CyO#YQPO,58}OVQPO,59QOVQPO,59QOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO#kQPO1G.lO$fQPO'#CmO%WQQO1G.qOOQO'#C{'#C{O%cQPO,59`OOQO'#Cn'#CnO%wQPO,59XOVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO&`QPO1G.zOOQO1G.z1G.zO&hQQO'#C^O&rQQO1G.sO'ZQQO1G.uOOQO1G.v1G.vO'fQPO<<GwO'wQPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(]QQO1G.lO(tQPOG22}OOQOLD(iLD(iO%wQPO,59QO%wQPO,59Q",
-  stateData: ")[~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXeQX~OjQXXQXpQXqQXrQXsQXtQXuQX~PnOZWO[WO]XO^XO~OWYO~OWZO~OX]OZWO[WO]XO^XO~OZWO[WO]Yi^YijYiXYipYiqYirYisYitYiuYieYi~OZWO[WO]XO^XOpdOqdOrdOsdOtdOudO~OehOvfOwgO~OXkOZWO[WO]XO^XOeiO~ORUOSUOTUOUUOWQO`SOnlO~OXsOeiO~OvQXwQX~PnOZxO[xO]yO^yOeaivaiwai~OwgOecivci~OZWO[WO]XO^XOetO~OZWO[WO]XO^XOXiaeia~OZxO[xO]Yi^YieYivYiwYi~OXwOZWO[WO]XO^XO~O`UTn~",
-  goto: "#spPPqPPPPqPPqPPPPqP!R!W!R!RPq!Z!k!nPPP!tP#jmUOQWXYZefghitxyVbYfgRe`mTOQWXYZefghitxyR[TQjcRrjQROQVQS^WxQ_XU`YfgQcZQmeQphQqiQuyRvtQaYQnfRog",
-  nodeNames: "\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",
-  maxTerm: 39,
-  skippedNodes: [0],
-  repeatNodeCount: 1,
-  tokenData: ".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",
-  tokenizers: [0, 1],
-  topRules: { "ColumnDefinitionExpression": [0, 1] },
-  tokenPrec: 375
-});
-
-// src/column-expression-input/column-language-parser/ColumnExpressionLanguage.ts
-var columnExpressionLanguage = import_vuu_codemirror.LRLanguage.define({
-  name: "VuuColumnExpression",
-  parser: parser.configure({
-    props: [
-      (0, import_vuu_codemirror.styleTags)({
-        Function: import_vuu_codemirror.tags.variableName,
-        String: import_vuu_codemirror.tags.string,
-        Or: import_vuu_codemirror.tags.emphasis,
-        Operator: import_vuu_codemirror.tags.operator
-      })
-    ]
-  })
-});
-var columnExpressionLanguageSupport = () => {
-  return new import_vuu_codemirror.LanguageSupport(
-    columnExpressionLanguage
-    /*, [exampleCompletion]*/
-  );
-};
-
-// src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.ts
-var LiteralExpressionImpl = class {
-  constructor(value) {
-    this.value = value;
-    switch (typeof value) {
-      case "boolean":
-        this.type = "booleanLiteralExpression";
-        break;
-      case "number":
-        this.type = "numericLiteralExpression";
-        break;
-      default:
-        this.type = "stringLiteralExpression";
-    }
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      value: this.value
-    };
-  }
-};
-var ColumnExpressionImpl = class {
-  constructor(columnName) {
-    this.type = "colExpression";
-    this.column = columnName;
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      column: this.column
-    };
-  }
-};
-var _expressions, _op;
-var ArithmeticExpressionImpl = class {
-  constructor(op = "unknown") {
-    __privateAdd(this, _expressions, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op, void 0);
-    this.type = "arithmeticExpression";
-    __privateSet(this, _op, op);
-  }
-  get op() {
-    return __privateGet(this, _op);
-  }
-  set op(op) {
-    __privateSet(this, _op, op);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op),
-      expressions: __privateGet(this, _expressions)
-    };
-  }
-};
-_expressions = new WeakMap();
-_op = new WeakMap();
-var _expressions2;
-var CallExpressionImpl = class {
-  constructor(functionName) {
-    __privateAdd(this, _expressions2, []);
-    this.type = "callExpression";
-    this.functionName = functionName;
-  }
-  get expressions() {
-    return __privateGet(this, _expressions2);
-  }
-  get arguments() {
-    return __privateGet(this, _expressions2);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      functionName: this.functionName,
-      arguments: __privateGet(this, _expressions2).map((e) => {
-        var _a;
-        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
-      })
-    };
-  }
-};
-_expressions2 = new WeakMap();
-var _expressions3, _op2;
-var RelationalExpressionImpl = class {
-  constructor() {
-    __privateAdd(this, _expressions3, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op2, "unknown");
-    this.type = "relationalExpression";
-  }
-  get op() {
-    return __privateGet(this, _op2);
-  }
-  set op(op) {
-    __privateSet(this, _op2, op);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions3);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op2),
-      expressions: __privateGet(this, _expressions3)
-    };
-  }
-};
-_expressions3 = new WeakMap();
-_op2 = new WeakMap();
-var _expressions4, _op3;
-var BooleanConditionImp = class {
-  constructor(booleanOperator) {
-    __privateAdd(this, _expressions4, [
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-    __privateAdd(this, _op3, void 0);
-    this.type = "booleanCondition";
-    __privateSet(this, _op3, booleanOperator);
-  }
-  get op() {
-    return __privateGet(this, _op3);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions4);
-  }
-  toJSON() {
-    return {
-      type: this.type,
-      op: __privateGet(this, _op3),
-      expressions: __privateGet(this, _expressions4).map((e) => {
-        var _a;
-        return (_a = e.toJSON) == null ? void 0 : _a.call(e);
-      })
-    };
-  }
-};
-_expressions4 = new WeakMap();
-_op3 = new WeakMap();
-var _expressions5;
-var ConditionalExpressionImpl = class {
-  constructor(booleanOperator) {
-    __privateAdd(this, _expressions5, void 0);
-    this.type = "conditionalExpression";
-    __privateSet(this, _expressions5, [
-      booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl(),
-      { type: "unknown" },
-      { type: "unknown" }
-    ]);
-  }
-  get expressions() {
-    return __privateGet(this, _expressions5);
-  }
-  get condition() {
-    return __privateGet(this, _expressions5)[0];
-  }
-  get truthyExpression() {
-    return __privateGet(this, _expressions5)[1];
-  }
-  set truthyExpression(expression) {
-    __privateGet(this, _expressions5)[1] = expression;
-  }
-  get falsyExpression() {
-    return __privateGet(this, _expressions5)[2];
-  }
-  set falsyExpression(expression) {
-    __privateGet(this, _expressions5)[2] = expression;
-  }
-  toJSON() {
-    var _a, _b, _c, _d, _e;
-    return {
-      type: this.type,
-      condition: (_b = (_a = this.condition).toJSON) == null ? void 0 : _b.call(_a),
-      truthyExpression: this.truthyExpression,
-      falsyExpression: (_e = (_d = (_c = this.falsyExpression) == null ? void 0 : _c.toJSON) == null ? void 0 : _d.call(_c)) != null ? _e : this.falsyExpression
-    };
-  }
-};
-_expressions5 = new WeakMap();
-var isUnknown = (e) => e.type === "unknown";
-var isArithmeticExpression = (expression) => expression.type === "arithmeticExpression";
-var isCallExpression = (expression) => expression.type === "callExpression";
-var isConditionalExpression = (expression) => expression.type === "conditionalExpression";
-var isCondition = (expression) => expression.type === "relationalExpression" || expression.type === "booleanCondition";
-var isBooleanCondition = (expression) => expression.type === "booleanCondition";
-var isRelationalExpression = (expression) => (expression == null ? void 0 : expression.type) === "relationalExpression";
-var firstIncompleteExpression = (expression) => {
-  if (isUnknown(expression)) {
-    return expression;
-  } else if (isRelationalExpression(expression)) {
-    const [operand1, operand2] = expression.expressions;
-    if (expressionIsIncomplete(operand1)) {
-      return firstIncompleteExpression(operand1);
-    } else if (expression.op === "unknown") {
-      return expression;
-    } else if (expressionIsIncomplete(operand2)) {
-      return firstIncompleteExpression(operand2);
-    }
-  } else if (isCondition(expression)) {
-    const { expressions = [] } = expression;
-    for (const e of expressions) {
-      if (expressionIsIncomplete(e)) {
-        return firstIncompleteExpression(e);
-      }
-    }
-  } else if (isConditionalExpression(expression)) {
-    const { condition, truthyExpression, falsyExpression } = expression;
-    if (expressionIsIncomplete(condition)) {
-      return firstIncompleteExpression(condition);
-    } else if (expressionIsIncomplete(truthyExpression)) {
-      return firstIncompleteExpression(truthyExpression);
-    } else if (expressionIsIncomplete(falsyExpression)) {
-      return firstIncompleteExpression(falsyExpression);
-    }
-  } else if (isArithmeticExpression(expression)) {
-    const { expressions = [] } = expression;
-    for (const e of expressions) {
-      if (expressionIsIncomplete(e)) {
-        return firstIncompleteExpression(e);
-      }
-    }
-  }
-};
-var replaceUnknownExpression = (incompleteExpression, unknownExpression, expression) => {
-  const { expressions = [] } = incompleteExpression;
-  if (expressions.includes(unknownExpression)) {
-    const pos = expressions.indexOf(unknownExpression);
-    expressions.splice(pos, 1, expression);
-    return true;
-  } else {
-    for (const e of expressions) {
-      if (replaceUnknownExpression(e, unknownExpression, expression)) {
-        return true;
-      }
-    }
-  }
-  return false;
-};
-var expressionIsIncomplete = (expression) => {
-  if (isUnknown(expression)) {
-    return true;
-  } else if (isConditionalExpression(expression)) {
-    return expressionIsIncomplete(expression.condition) || expressionIsIncomplete(expression.truthyExpression) || expressionIsIncomplete(expression.falsyExpression);
-  } else if (isRelationalExpression(expression) || isBooleanCondition(expression)) {
-    return expression.op === void 0 || expression.expressions.some((e) => expressionIsIncomplete(e));
-  }
-  return false;
-};
-var addExpression = (expression, subExpression) => {
-  const targetExpression = firstIncompleteExpression(expression);
-  if (targetExpression) {
-    if (targetExpression.expressions) {
-      targetExpression.expressions.push(subExpression);
-    } else {
-      console.warn("don't know how to treat targetExpression");
-    }
-  } else {
-    console.error("no target expression found");
-  }
-};
-var _expression, _callStack;
-var ColumnExpression = class {
-  constructor() {
-    __privateAdd(this, _expression, void 0);
-    __privateAdd(this, _callStack, []);
-  }
-  setCondition(booleanOperator) {
-    if (__privateGet(this, _expression) === void 0) {
-      this.addExpression(new ConditionalExpressionImpl(booleanOperator));
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression).condition)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      } else if (isUnknown(__privateGet(this, _expression).truthyExpression)) {
-        __privateGet(this, _expression).truthyExpression = new ConditionalExpressionImpl(
-          booleanOperator
-        );
-      } else if (expressionIsIncomplete(__privateGet(this, _expression).truthyExpression)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      } else if (isUnknown(__privateGet(this, _expression).falsyExpression)) {
-        __privateGet(this, _expression).falsyExpression = new ConditionalExpressionImpl(
-          booleanOperator
-        );
-      } else if (expressionIsIncomplete(__privateGet(this, _expression).falsyExpression)) {
-        const condition = booleanOperator ? new BooleanConditionImp(booleanOperator) : new RelationalExpressionImpl();
-        this.addExpression(condition);
-      }
-    } else {
-      console.error("setCondition called unexpectedly");
-    }
-  }
-  addExpression(expression) {
-    if (__privateGet(this, _callStack).length > 0) {
-      const currentCallExpression = __privateGet(this, _callStack).at(-1);
-      currentCallExpression == null ? void 0 : currentCallExpression.arguments.push(expression);
-    } else if (__privateGet(this, _expression) === void 0) {
-      __privateSet(this, _expression, expression);
-    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
-      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-      if (targetExpression && isUnknown(targetExpression)) {
-        replaceUnknownExpression(
-          __privateGet(this, _expression),
-          targetExpression,
-          expression
-        );
-      }
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression))) {
-        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-        if (targetExpression && isUnknown(targetExpression)) {
-          replaceUnknownExpression(
-            __privateGet(this, _expression),
-            targetExpression,
-            expression
-          );
-        } else if (targetExpression) {
-          addExpression(targetExpression, expression);
-        }
-      }
-    }
-  }
-  setFunction(functionName) {
-    const callExpression = new CallExpressionImpl(functionName);
-    this.addExpression(callExpression);
-    __privateGet(this, _callStack).push(callExpression);
-  }
-  setColumn(columnName) {
-    this.addExpression(new ColumnExpressionImpl(columnName));
-  }
-  setArithmeticOp(value) {
-    const op = value;
-    const expression = __privateGet(this, _expression);
-    if (isArithmeticExpression(expression)) {
-      expression.op = op;
-    }
-  }
-  setRelationalOperator(value) {
-    const op = value;
-    if (__privateGet(this, _expression) && isConditionalExpression(__privateGet(this, _expression))) {
-      const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-      if (isRelationalExpression(targetExpression)) {
-        targetExpression.op = op;
-      } else {
-        console.error(`no target expression found (op = ${value})`);
-      }
-    }
-  }
-  setValue(value) {
-    const literalExpression = new LiteralExpressionImpl(value);
-    if (__privateGet(this, _expression) === void 0) {
-      __privateSet(this, _expression, literalExpression);
-    } else if (isArithmeticExpression(__privateGet(this, _expression))) {
-      this.addExpression(literalExpression);
-    } else if (isCallExpression(__privateGet(this, _expression))) {
-      __privateGet(this, _expression).arguments.push(literalExpression);
-    } else if (isConditionalExpression(__privateGet(this, _expression))) {
-      if (expressionIsIncomplete(__privateGet(this, _expression))) {
-        const targetExpression = firstIncompleteExpression(__privateGet(this, _expression));
-        if (targetExpression && isUnknown(targetExpression)) {
-          replaceUnknownExpression(
-            __privateGet(this, _expression),
-            targetExpression,
-            literalExpression
-          );
-        } else if (targetExpression) {
-          addExpression(targetExpression, literalExpression);
-        }
-      } else {
-        console.log("what do we do with value, in a complete expression");
-      }
-    }
-  }
-  closeBrace() {
-    __privateGet(this, _callStack).pop();
-  }
-  get expression() {
-    return __privateGet(this, _expression);
-  }
-  toJSON() {
-    var _a;
-    return (_a = __privateGet(this, _expression)) == null ? void 0 : _a.toJSON();
-  }
-};
-_expression = new WeakMap();
-_callStack = new WeakMap();
-var walkTree = (tree, source) => {
-  const columnExpression = new ColumnExpression();
-  const cursor = tree.cursor();
-  do {
-    const { name, from, to } = cursor;
-    switch (name) {
-      case "AndCondition":
-        columnExpression.setCondition("and");
-        break;
-      case "OrCondition":
-        columnExpression.setCondition("or");
-        break;
-      case "RelationalExpression":
-        columnExpression.setCondition();
-        break;
-      case "ArithmeticExpression":
-        columnExpression.addExpression(new ArithmeticExpressionImpl());
-        break;
-      case "Column":
-        {
-          const columnName = source.substring(from, to);
-          columnExpression.setColumn(columnName);
-        }
-        break;
-      case "Function":
-        {
-          const functionName = source.substring(from, to);
-          columnExpression.setFunction(functionName);
-        }
-        break;
-      case "Times":
-      case "Divide":
-      case "Plus":
-      case "Minus":
-        {
-          const op = source.substring(from, to);
-          columnExpression.setArithmeticOp(op);
-        }
-        break;
-      case "RelationalOperator":
-        {
-          const op = source.substring(from, to);
-          columnExpression.setRelationalOperator(op);
-        }
-        break;
-      case "False":
-      case "True":
-        {
-          const value = source.substring(from, to);
-          columnExpression.setValue(value === "true" ? true : false);
-        }
-        break;
-      case "String":
-        columnExpression.setValue(source.substring(from + 1, to - 1));
-        break;
-      case "Number":
-        columnExpression.setValue(parseFloat(source.substring(from, to)));
-        break;
-      case "CloseBrace":
-        columnExpression.closeBrace();
-        break;
-      default:
-    }
-  } while (cursor.next());
-  return columnExpression.toJSON();
-};
-
-// src/column-expression-input/column-language-parser/column-expression-parse-utils.ts
-var strictParser = parser.configure({ strict: true });
-var RelationalOperands = ["Number", "String"];
-var ColumnNamedTerms = [
-  ...RelationalOperands,
-  "AndCondition",
-  "ArithmeticExpression",
-  "BooleanOperator",
-  "RelationalOperatorOperator",
-  "CallExpression",
-  "CloseBrace",
-  "Column",
-  "Comma",
-  "ConditionalExpression",
-  "Divide",
-  "Equal",
-  "If",
-  "Minus",
-  "OpenBrace",
-  "OrCondition",
-  "ParenthesizedExpression",
-  "Plus",
-  "RelationalExpression",
-  "RelationalOperator",
-  "Times"
-];
-var isCompleteExpression = (src) => {
-  try {
-    strictParser.parse(src);
-    return true;
-  } catch (err) {
-    return false;
-  }
-};
-var lastNamedChild = (node) => {
-  let { lastChild } = node;
-  while (lastChild && !ColumnNamedTerms.includes(lastChild.name)) {
-    lastChild = lastChild.prevSibling;
-    console.log(lastChild == null ? void 0 : lastChild.name);
-  }
-  return lastChild;
-};
-var isCompleteRelationalExpression = (node) => {
-  if ((node == null ? void 0 : node.name) === "RelationalExpression") {
-    const { firstChild } = node;
-    const lastChild = lastNamedChild(node);
-    if ((firstChild == null ? void 0 : firstChild.name) === "Column" && typeof (lastChild == null ? void 0 : lastChild.name) === "string" && RelationalOperands.includes(lastChild.name)) {
-      return true;
-    }
-  }
-  return false;
-};
-
-// src/column-expression-input/highlighting.ts
-var import_vuu_codemirror2 = require("@vuu-ui/vuu-codemirror");
-var myHighlightStyle = import_vuu_codemirror2.HighlightStyle.define([
-  { tag: import_vuu_codemirror2.tags.variableName, color: "var(--vuuFilterEditor-variableColor)" },
-  { tag: import_vuu_codemirror2.tags.comment, color: "green", fontStyle: "italic" }
-]);
-var vuuHighlighting = (0, import_vuu_codemirror2.syntaxHighlighting)(myHighlightStyle);
-
-// src/column-expression-input/theme.ts
-var import_vuu_codemirror3 = require("@vuu-ui/vuu-codemirror");
-var vuuTheme = import_vuu_codemirror3.EditorView.theme(
-  {
-    "&": {
-      border: "solid 1px var(--salt-container-primary-borderColor)",
-      color: "var(--vuuFilterEditor-color)",
-      backgroundColor: "var(--vuuFilterEditor-background)"
-    },
-    ".cm-content": {
-      caretColor: "var(--vuuFilterEditor-cursorColor)"
-    },
-    "&.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": {
-        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-tooltip-autocomplete li .cm-completionDetail": {
-        color: "var(--vuuFilterEditor-suggestion-detailColor)"
-      }
-    }
-  },
-  { dark: false }
-);
-
-// src/column-expression-input/useColumnAutoComplete.ts
-var import_vuu_codemirror4 = require("@vuu-ui/vuu-codemirror");
-var import_react2 = require("react");
-var applyPrefix = (completions, prefix) => prefix ? completions.map((completion) => {
-  var _a;
-  return {
-    ...completion,
-    apply: typeof completion.apply === "function" ? completion.apply : `${prefix}${(_a = completion.apply) != null ? _a : completion.label}`
-  };
-}) : completions;
-var isOperator = (node) => node === void 0 ? false : ["Times", "Divide", "Plus", "Minus"].includes(node.name);
-var getLastChild = (node, context) => {
-  var _a;
-  let { lastChild: childNode } = node;
-  const { pos } = context;
-  while (childNode) {
-    const isBeforeCursor = childNode.from < pos;
-    if (isBeforeCursor && ColumnNamedTerms.includes(childNode.name)) {
-      if (childNode.name === "ParenthesizedExpression") {
-        const expression = (_a = childNode.firstChild) == null ? void 0 : _a.nextSibling;
-        if (expression) {
-          childNode = expression;
-        }
-      }
-      return childNode;
-    } else {
-      childNode = childNode.prevSibling;
-    }
-  }
-};
-var getFunctionName = (node, state) => {
-  var _a;
-  if (node.name === "ArgList") {
-    const functionNode = node.prevSibling;
-    if (functionNode) {
-      return (0, import_vuu_codemirror4.getValue)(functionNode, state);
-    }
-  } else if (node.name === "OpenBrace") {
-    const maybeFunction = (_a = node.parent) == null ? void 0 : _a.prevSibling;
-    if ((maybeFunction == null ? void 0 : maybeFunction.name) === "Function") {
-      return (0, import_vuu_codemirror4.getValue)(maybeFunction, state);
-    }
-  }
-};
-var getRelationalOperator = (node, state) => {
-  if (node.name === "RelationalExpression") {
-    const lastNode = lastNamedChild(node);
-    if ((lastNode == null ? void 0 : lastNode.name) === "RelationalOperator") {
-      return (0, import_vuu_codemirror4.getValue)(lastNode, state);
-    }
-  } else {
-    const prevNode = node.prevSibling;
-    if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
-      return (0, import_vuu_codemirror4.getValue)(prevNode, state);
-    }
-  }
-};
-var getColumnName = (node, state) => {
-  var _a;
-  if (node.name === "RelationalExpression") {
-    if (((_a = node.firstChild) == null ? void 0 : _a.name) === "Column") {
-      return (0, import_vuu_codemirror4.getValue)(node.firstChild, state);
-    }
-  } else {
-    const prevNode = node.prevSibling;
-    if ((prevNode == null ? void 0 : prevNode.name) === "Column") {
-      return (0, import_vuu_codemirror4.getValue)(prevNode, state);
-    } else if ((prevNode == null ? void 0 : prevNode.name) === "RelationalOperator") {
-      return getColumnName(prevNode, state);
-    }
-  }
-};
-var makeSuggestions = async (context, suggestionProvider, suggestionType, optionalArgs = {}) => {
-  const options = await suggestionProvider.getSuggestions(
-    suggestionType,
-    optionalArgs
-  );
-  const { startsWith = "" } = optionalArgs;
-  return { from: context.pos - startsWith.length, options };
-};
-var handleConditionalExpression = (node, context, suggestionProvider, maybeComplete, onSubmit) => {
-  const lastChild = getLastChild(node, context);
-  console.log(`conditional expression last child ${lastChild == null ? void 0 : lastChild.name}`);
-  switch (lastChild == null ? void 0 : lastChild.name) {
-    case "If":
-      return makeSuggestions(context, suggestionProvider, "expression", {
-        prefix: "( "
-      });
-    case "OpenBrace":
-      return makeSuggestions(context, suggestionProvider, "expression");
-    case "Condition":
-      return makeSuggestions(context, suggestionProvider, "expression", {
-        prefix: ", "
-      });
-    case "CloseBrace":
-      if (maybeComplete) {
-        const options = [
-          {
-            apply: () => {
-              onSubmit == null ? void 0 : onSubmit();
-            },
-            label: "Save Expression",
-            boost: 10
-          }
-        ];
-        return { from: context.pos, options };
-      }
-  }
-};
-var promptToSave = (context, onSubmit) => {
-  const options = [
-    {
-      apply: () => {
-        onSubmit == null ? void 0 : onSubmit();
-      },
-      label: "Save Expression",
-      boost: 10
-    }
-  ];
-  return { from: context.pos, options };
-};
-var useColumnAutoComplete = (suggestionProvider, onSubmit) => {
-  const makeSuggestions2 = (0, import_react2.useCallback)(
-    async (context, suggestionType, optionalArgs = {}) => {
-      const options = await suggestionProvider.getSuggestions(
-        suggestionType,
-        optionalArgs
-      );
-      const { startsWith = "" } = optionalArgs;
-      return { from: context.pos - startsWith.length, options };
-    },
-    [suggestionProvider]
-  );
-  return (0, import_react2.useCallback)(
-    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 = (0, import_vuu_codemirror4.syntaxTree)(state);
-      const nodeBefore = tree.resolveInner(pos, -1);
-      const text = state.doc.toString();
-      const maybeComplete = isCompleteExpression(text);
-      console.log({ nodeBeforeName: nodeBefore.name });
-      switch (nodeBefore.name) {
-        case "If": {
-          console.log(`conditional expression  If`);
-          return makeSuggestions2(context, "expression", { prefix: "( " });
-        }
-        case "Condition":
-          {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              const prevChild = (0, import_vuu_codemirror4.getPreviousNode)(lastChild);
-              if ((prevChild == null ? void 0 : prevChild.name) !== "RelationalOperator") {
-                return makeSuggestions2(context, "condition-operator", {
-                  columnName: (0, import_vuu_codemirror4.getValue)(lastChild, state)
-                });
-              }
-              console.log(
-                `Condition last child Column, prev child ${prevChild == null ? void 0 : prevChild.name}`
-              );
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "RelationalOperator") {
-              return makeSuggestions2(context, "expression");
-            }
-            console.log(`condition  last child ${lastChild == null ? void 0 : lastChild.name}`);
-          }
-          break;
-        case "ConditionalExpression":
-          return handleConditionalExpression(
-            nodeBefore,
-            context,
-            suggestionProvider
-          );
-        case "RelationalExpression":
-          {
-            if (isCompleteRelationalExpression(nodeBefore)) {
-              return {
-                from: context.pos,
-                options: import_vuu_codemirror4.booleanJoinSuggestions.concat({
-                  label: ", <truthy expression>, <falsy expression>",
-                  apply: ", "
-                })
-              };
-            } else {
-              const operator = getRelationalOperator(nodeBefore, state);
-              const columnName = getColumnName(nodeBefore, state);
-              if (!operator) {
-                const options = await suggestionProvider.getSuggestions(
-                  "condition-operator",
-                  {
-                    columnName
-                  }
-                );
-                return { from: context.pos, options };
-              } else {
-                return makeSuggestions2(context, "expression");
-              }
-            }
-          }
-          break;
-        case "RelationalOperator":
-          return makeSuggestions2(context, "expression");
-        case "String":
-          {
-            const operator = getRelationalOperator(
-              nodeBefore,
-              state
-            );
-            const columnName = getColumnName(nodeBefore, state);
-            const { from, to } = nodeBefore;
-            if (to - from === 2 && context.pos === from + 1) {
-              if (columnName && operator) {
-                return makeSuggestions2(context, "columnValue", {
-                  columnName,
-                  operator,
-                  startsWith: word.text
-                });
-              }
-            } else if (to - from > 2 && context.pos === to) {
-              return makeSuggestions2(context, "expression", {
-                prefix: ", "
-              });
-            }
-            console.log(
-              `we have a string, column is ${columnName} ${from} ${to}`
-            );
-          }
-          break;
-        case "ArithmeticExpression":
-          {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              return makeSuggestions2(context, "expression");
-            } else if (isOperator(lastChild)) {
-              const operator = lastChild.name;
-              return makeSuggestions2(context, "column", { operator });
-            }
-          }
-          break;
-        case "OpenBrace":
-          {
-            const functionName = getFunctionName(nodeBefore, state);
-            return makeSuggestions2(context, "expression", { functionName });
-          }
-          break;
-        case "ArgList": {
-          const functionName = getFunctionName(nodeBefore, state);
-          const lastArgument = getLastChild(nodeBefore, context);
-          const prefix = (lastArgument == null ? void 0 : lastArgument.name) === "OpenBrace" ? void 0 : ",";
-          let options = await suggestionProvider.getSuggestions("expression", {
-            functionName
-          });
-          options = prefix ? applyPrefix(options, ", ") : options;
-          if ((lastArgument == null ? void 0 : lastArgument.name) !== "OpenBrace" && (lastArgument == null ? void 0 : lastArgument.name) !== "Comma") {
-            options = [
-              {
-                apply: ") ",
-                boost: 10,
-                label: "Done - no more arguments"
-              }
-            ].concat(options);
-          }
-          return { from: context.pos, options };
-        }
-        case "Equal":
-          if (text.trim() === "=") {
-            return makeSuggestions2(context, "expression");
-          }
-          break;
-        case "ParenthesizedExpression":
-        case "ColumnDefinitionExpression":
-          if (context.pos === 0) {
-            return makeSuggestions2(context, "expression");
-          } else {
-            const lastChild = getLastChild(nodeBefore, context);
-            if ((lastChild == null ? void 0 : lastChild.name) === "Column") {
-              if (maybeComplete) {
-                const options = [
-                  {
-                    apply: () => {
-                      onSubmit.current();
-                    },
-                    label: "Save Expression",
-                    boost: 10
-                  }
-                ];
-                const columnName = (0, import_vuu_codemirror4.getValue)(lastChild, state);
-                const columnOptions = await suggestionProvider.getSuggestions("operator", {
-                  columnName
-                });
-                return {
-                  from: context.pos,
-                  options: options.concat(columnOptions)
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "CallExpression") {
-              if (maybeComplete) {
-                const options = [
-                  {
-                    apply: () => {
-                      onSubmit.current();
-                    },
-                    label: "Save Expression",
-                    boost: 10
-                  }
-                ];
-                return {
-                  from: context.pos,
-                  options
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "ArithmeticExpression") {
-              if (maybeComplete) {
-                let options = [
-                  {
-                    apply: () => {
-                      onSubmit.current();
-                    },
-                    label: "Save Expression",
-                    boost: 10
-                  }
-                ];
-                const lastExpressionChild = getLastChild(lastChild, context);
-                if ((lastExpressionChild == null ? void 0 : lastExpressionChild.name) === "Column") {
-                  const columnName = (0, import_vuu_codemirror4.getValue)(lastExpressionChild, state);
-                  const suggestions = await suggestionProvider.getSuggestions(
-                    "operator",
-                    { columnName }
-                  );
-                  options = options.concat(suggestions);
-                }
-                return {
-                  from: context.pos,
-                  options
-                };
-              }
-            } else if ((lastChild == null ? void 0 : lastChild.name) === "ConditionalExpression") {
-              return handleConditionalExpression(
-                lastChild,
-                context,
-                suggestionProvider,
-                maybeComplete,
-                onSubmit.current
-              );
-            }
-            break;
-          }
-        case "Column":
-          {
-            const isPartialMatch = await suggestionProvider.isPartialMatch(
-              "expression",
-              void 0,
-              word.text
-            );
-            if (isPartialMatch) {
-              return makeSuggestions2(context, "expression", {
-                startsWith: word.text
-              });
-            }
-          }
-          break;
-        case "Comma":
-          {
-            const parentNode = (0, import_vuu_codemirror4.getNamedParentNode)(nodeBefore);
-            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
-              return makeSuggestions2(context, "expression");
-            }
-          }
-          break;
-        case "CloseBrace":
-          {
-            const parentNode = (0, import_vuu_codemirror4.getNamedParentNode)(nodeBefore);
-            if ((parentNode == null ? void 0 : parentNode.name) === "ConditionalExpression") {
-              return handleConditionalExpression(
-                parentNode,
-                context,
-                suggestionProvider,
-                maybeComplete,
-                onSubmit.current
-              );
-            } else if ((parentNode == null ? void 0 : parentNode.name) === "ArgList") {
-              if (maybeComplete) {
-                return promptToSave(context, onSubmit.current);
-              }
-            }
-            console.log(
-              `does closebrace denote an ARgList or a parenthetised expression ? ${parentNode}`
-            );
-          }
-          break;
-        default: {
-          if (((_b = nodeBefore == null ? void 0 : nodeBefore.prevSibling) == null ? void 0 : _b.name) === "FilterClause") {
-            console.log("looks like we ight be a or|and operator");
-          }
-        }
-      }
-    },
-    [makeSuggestions2, onSubmit, suggestionProvider]
-  );
-};
-
-// src/column-expression-input/useColumnExpressionEditor.ts
-var getView = (ref) => {
-  if (ref.current == void 0) {
-    throw Error("EditorView not defined");
-  }
-  return ref.current;
-};
-var getOptionClass = () => {
-  return "vuuSuggestion";
-};
-var noop = () => console.log("noooop");
-var hasExpressionType = (completion) => "expressionType" in completion;
-var injectOptionContent = (completion) => {
-  if (hasExpressionType(completion)) {
-    const div = (0, import_vuu_utils5.createEl)("div", "expression-type-container");
-    const span = (0, import_vuu_utils5.createEl)("span", "expression-type", completion.expressionType);
-    div.appendChild(span);
-    return div;
-  } else {
-    return null;
-  }
-};
-var useColumnExpressionEditor = ({
-  onChange,
-  onSubmitExpression,
-  suggestionProvider
-}) => {
-  const editorRef = (0, import_react3.useRef)(null);
-  const onSubmit = (0, import_react3.useRef)(noop);
-  const viewRef = (0, import_react3.useRef)();
-  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmit);
-  const [createState, clearInput] = (0, import_react3.useMemo)(() => {
-    const parseExpression = () => {
-      const view = getView(viewRef);
-      const source = view.state.doc.toString();
-      const tree = (0, import_vuu_codemirror5.ensureSyntaxTree)(view.state, view.state.doc.length, 5e3);
-      if (tree) {
-        const expression = walkTree(tree, source);
-        return [source, expression];
-      } else {
-        return ["", void 0];
-      }
-    };
-    const clearInput2 = () => {
-      getView(viewRef).setState(createState2());
-    };
-    const submitExpressionAndClearInput = () => {
-      const [source, expression] = parseExpression();
-      onSubmitExpression == null ? void 0 : onSubmitExpression(source, expression);
-      clearInput2();
-    };
-    const submitFilter = (key) => {
-      return import_vuu_codemirror5.keymap.of([
-        {
-          key,
-          run() {
-            submitExpressionAndClearInput();
-            return true;
-          }
-        }
-      ]);
-    };
-    const showSuggestions = (key) => {
-      return import_vuu_codemirror5.keymap.of([
-        {
-          key,
-          run() {
-            (0, import_vuu_codemirror5.startCompletion)(getView(viewRef));
-            return true;
-          }
-        }
-      ]);
-    };
-    const createState2 = () => import_vuu_codemirror5.EditorState.create({
-      doc: "",
-      extensions: [
-        import_vuu_codemirror5.minimalSetup,
-        (0, import_vuu_codemirror5.autocompletion)({
-          addToOptions: [
-            {
-              render: injectOptionContent,
-              position: 70
-            }
-          ],
-          override: [completionFn],
-          optionClass: getOptionClass
-        }),
-        columnExpressionLanguageSupport(),
-        import_vuu_codemirror5.keymap.of(import_vuu_codemirror5.defaultKeymap),
-        submitFilter("Ctrl-Enter"),
-        showSuggestions("ArrowDown"),
-        import_vuu_codemirror5.EditorView.updateListener.of((v) => {
-          const view = getView(viewRef);
-          if (v.docChanged) {
-            (0, import_vuu_codemirror5.startCompletion)(view);
-            const source = view.state.doc.toString();
-            onChange == null ? void 0 : onChange(source, void 0);
-          }
-        }),
-        // Enforces single line view
-        // EditorState.transactionFilter.of((tr) =>
-        //   tr.newDoc.lines > 1 ? [] : tr
-        // ),
-        vuuTheme,
-        vuuHighlighting
-      ]
-    });
-    onSubmit.current = () => {
-      submitExpressionAndClearInput();
-      setTimeout(() => {
-        getView(viewRef).focus();
-      }, 100);
-    };
-    return [createState2, clearInput2];
-  }, [completionFn, onChange, onSubmitExpression]);
-  (0, import_react3.useEffect)(() => {
-    if (!editorRef.current) {
-      throw Error("editor not in dom");
-    }
-    viewRef.current = new import_vuu_codemirror5.EditorView({
-      state: createState(),
-      parent: editorRef.current
-    });
-    return () => {
-      var _a;
-      (_a = viewRef.current) == null ? void 0 : _a.destroy();
-    };
-  }, [completionFn, createState]);
-  return { editorRef, clearInput };
-};
-
-// src/column-expression-input/ColumnExpressionInput.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var classBase3 = "vuuColumnExpressionInput";
-var ColumnExpressionInput = ({
-  onChange,
-  onSubmitExpression,
-  suggestionProvider
-}) => {
-  const { editorRef } = useColumnExpressionEditor({
-    onChange,
-    onSubmitExpression,
-    suggestionProvider
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: `${classBase3}`, ref: editorRef });
-};
-
-// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
-var import_vuu_codemirror6 = require("@vuu-ui/vuu-codemirror");
-var import_vuu_data = require("@vuu-ui/vuu-data");
-var import_vuu_utils7 = require("@vuu-ui/vuu-utils");
-var import_react4 = require("react");
-
-// src/column-expression-input/column-function-descriptors.ts
-var columnFunctionDescriptors = [
-  /**
-   * concatenate()
-   */
-  {
-    accepts: "string",
-    description: "Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",
-    example: {
-      expression: 'concatenate("example", "-test")',
-      result: '"example-test"'
-    },
-    name: "concatenate",
-    params: {
-      description: "( string, string, [ string* ] )"
-    },
-    type: "string"
-  },
-  /**
-   * contains()
-   */
-  {
-    accepts: ["string", "string"],
-    description: "Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",
-    example: {
-      expression: 'contains("Royal Bank of Scotland", "bank")',
-      result: "true"
-    },
-    name: "contains",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  /**
-   * left()
-   */
-  {
-    accepts: ["string", "number"],
-    description: "Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: 'left("USD Benchmark Report", 3)',
-      result: '"USD"'
-    },
-    name: "left",
-    params: {
-      count: 2,
-      description: "( string, number )"
-    },
-    type: "string"
-  },
-  /**
-   * len()
-   */
-  {
-    accepts: "string",
-    description: "Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: 'len("example")',
-      result: "7"
-    },
-    name: "len",
-    params: {
-      description: "(string)"
-    },
-    type: "number"
-  },
-  /**
-   * lower()
-   */
-  {
-    accepts: "string",
-    description: "Convert a string value to lowercase. Argument may be a string column or other string expression.",
-    example: {
-      expression: 'lower("examPLE")',
-      result: '"example"'
-    },
-    name: "lower",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * upper()
-   */
-  {
-    accepts: "string",
-    description: "Convert a string value to uppercase. Argument may be a string column or other string expression.",
-    example: {
-      expression: 'upper("example")',
-      result: '"EXAMPLE"'
-    },
-    name: "upper",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * right()
-   */
-  {
-    accepts: ["string", "number"],
-    description: "Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "right",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * replace()
-   */
-  {
-    accepts: ["string", "string", "string"],
-    description: "Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "replace",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * text()
-   */
-  {
-    accepts: "number",
-    description: "Converts a number to a string.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "text",
-    params: {
-      description: "( string )"
-    },
-    type: "string"
-  },
-  /**
-   * starts()
-   */
-  {
-    accepts: "string",
-    description: "Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "starts",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  /**
-   * starts()
-   */
-  {
-    accepts: "string",
-    description: "Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "ends",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "min",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "max",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "sum",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "number",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "round",
-    params: {
-      description: "( string )"
-    },
-    type: "number"
-  },
-  {
-    accepts: "any",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "or",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "any",
-    description: "blah",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "and",
-    params: {
-      description: "( string )"
-    },
-    type: "boolean"
-  },
-  {
-    accepts: "any",
-    description: "Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",
-    example: {
-      expression: "blah",
-      result: "blah"
-    },
-    name: "if",
-    params: {
-      description: "( filterExpression, expression1, expression 2)"
-    },
-    type: "variable"
-  }
-];
-
-// src/column-expression-input/functionDocInfo.ts
-var import_vuu_utils6 = require("@vuu-ui/vuu-utils");
-var functionDocInfo = ({
-  name,
-  description,
-  example,
-  params,
-  type
-}) => {
-  const rootElement = (0, import_vuu_utils6.createEl)("div", "vuuFunctionDoc");
-  const headingElement = (0, import_vuu_utils6.createEl)("div", "function-heading");
-  const nameElement = (0, import_vuu_utils6.createEl)("span", "function-name", name);
-  const paramElement = (0, import_vuu_utils6.createEl)("span", "param-list", params.description);
-  const typeElement = (0, import_vuu_utils6.createEl)("span", "function-type", type);
-  headingElement.appendChild(nameElement);
-  headingElement.appendChild(paramElement);
-  headingElement.appendChild(typeElement);
-  const child2 = (0, import_vuu_utils6.createEl)("p", void 0, description);
-  rootElement.appendChild(headingElement);
-  rootElement.appendChild(child2);
-  if (example) {
-    const exampleElement = (0, import_vuu_utils6.createEl)("div", "example-container", "Example:");
-    const expressionElement = (0, import_vuu_utils6.createEl)(
-      "div",
-      "example-expression",
-      example.expression
-    );
-    const resultElement = (0, import_vuu_utils6.createEl)("div", "example-result", example.result);
-    exampleElement.appendChild(expressionElement);
-    exampleElement.appendChild(resultElement);
-    rootElement.appendChild(exampleElement);
-  }
-  return rootElement;
-};
-
-// src/column-expression-input/useColumnExpressionSuggestionProvider.ts
-var NO_OPERATORS = [];
-var withApplySpace = (suggestions) => suggestions.map((suggestion) => {
-  var _a;
-  return {
-    ...suggestion,
-    apply: ((_a = suggestion.apply) != null ? _a : suggestion.label) + " "
-  };
-});
-var getValidColumns = (columns, { functionName, operator }) => {
-  if (operator) {
-    return columns.filter(import_vuu_utils7.isNumericColumn);
-  } else if (functionName) {
-    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
-    if (fn) {
-      switch (fn.accepts) {
-        case "string":
-          return columns.filter(import_vuu_utils7.isTextColumn);
-        case "number":
-          return columns.filter(import_vuu_utils7.isNumericColumn);
-        default:
-          return columns;
-      }
-    }
-  }
-  return columns;
-};
-var getColumns = (columns, options) => {
-  const validColumns = getValidColumns(columns, options);
-  return validColumns.map((column) => {
-    var _a;
-    const label = (_a = column.label) != null ? _a : column.name;
-    return {
-      apply: options.prefix ? `${options.prefix}${label}` : label,
-      label,
-      boost: 5,
-      type: "column",
-      expressionType: column.serverDataType
-    };
-  });
-};
-var arithmeticOperators = [
-  { apply: "* ", boost: 2, label: "*", type: "operator" },
-  { apply: "/ ", boost: 2, label: "/", type: "operator" },
-  { apply: "+ ", boost: 2, label: "+", type: "operator" },
-  { apply: "- ", boost: 2, label: "-", type: "operator" }
-];
-var getOperators = (column) => {
-  if (column === void 0 || (0, import_vuu_utils7.isNumericColumn)(column)) {
-    return arithmeticOperators;
-  } else {
-    return NO_OPERATORS;
-  }
-};
-var getConditionOperators = (column) => {
-  switch (column.serverDataType) {
-    case "string":
-    case "char":
-      return withApplySpace(
-        import_vuu_codemirror6.stringOperators
-        /*, startsWith*/
-      );
-    case "int":
-    case "long":
-    case "double":
-      return withApplySpace(import_vuu_codemirror6.numericOperators);
-  }
-};
-var toFunctionCompletion = (functionDescriptor) => ({
-  apply: `${functionDescriptor.name}( `,
-  boost: 2,
-  expressionType: functionDescriptor.type,
-  info: () => functionDocInfo(functionDescriptor),
-  label: functionDescriptor.name,
-  type: "function"
-});
-var getAcceptedTypes = (fn) => {
-  if (fn) {
-    if (typeof fn.accepts === "string") {
-      return fn.accepts;
-    } else if (Array.isArray(fn.accepts)) {
-      if (fn.accepts.every((s) => s === "string")) {
-        return "string";
-      } else {
-        return "any";
-      }
-    }
-  }
-  return "any";
-};
-var functions = columnFunctionDescriptors.map(toFunctionCompletion);
-var getFunctions = ({ functionName }) => {
-  if (functionName) {
-    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);
-    const acceptedTypes = getAcceptedTypes(fn);
-    if (fn) {
-      switch (acceptedTypes) {
-        case "string":
-          return columnFunctionDescriptors.filter((f) => f.type === "string" || f.type === "variable").map(toFunctionCompletion);
-        case "number":
-          return columnFunctionDescriptors.filter((f) => f.type === "number" || f.type === "variable").map(toFunctionCompletion);
-        default:
-      }
-    }
-  }
-  return functions;
-};
-var NONE = {};
-var useColumnExpressionSuggestionProvider = ({
-  columns,
-  table
-}) => {
-  const findColumn = (0, import_react4.useCallback)(
-    (name) => name ? columns.find((col) => col.name === name) : void 0,
-    [columns]
-  );
-  const latestSuggestionsRef = (0, import_react4.useRef)();
-  const getTypeaheadSuggestions = (0, import_vuu_data.useTypeaheadSuggestions)();
-  const getSuggestions = (0, import_react4.useCallback)(
-    async (suggestionType, options = NONE) => {
-      const { columnName, functionName, operator, prefix } = options;
-      switch (suggestionType) {
-        case "expression": {
-          const suggestions = await withApplySpace(
-            getColumns(columns, { functionName, prefix })
-          ).concat(getFunctions(options));
-          return latestSuggestionsRef.current = suggestions;
-        }
-        case "column": {
-          const suggestions = await getColumns(columns, options);
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "operator": {
-          const suggestions = await getOperators(findColumn(columnName));
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "relational-operator": {
-          const suggestions = await (0, import_vuu_codemirror6.getRelationalOperators)(
-            findColumn(columnName)
-          );
-          return latestSuggestionsRef.current = withApplySpace(suggestions);
-        }
-        case "condition-operator":
-          {
-            const column = findColumn(columnName);
-            if (column) {
-              const suggestions = await getConditionOperators(column);
-              if (suggestions) {
-                return latestSuggestionsRef.current = withApplySpace(suggestions);
-              }
-            }
-          }
-          break;
-        case "columnValue":
-          if (columnName && operator) {
-            const params = (0, import_vuu_data.getTypeaheadParams)(
-              table,
-              columnName
-              /*, startsWith*/
-            );
-            const suggestions = await getTypeaheadSuggestions(params);
-            latestSuggestionsRef.current = (0, import_vuu_codemirror6.toSuggestions)(suggestions, {
-              suffix: ""
-            });
-            latestSuggestionsRef.current.forEach((suggestion) => {
-              suggestion.apply = (view, completion, from) => {
-                const annotation = new import_vuu_codemirror6.AnnotationType();
-                const cursorPos = from + completion.label.length + 1;
-                view.dispatch({
-                  changes: { from, insert: completion.label },
-                  selection: { anchor: cursorPos, head: cursorPos },
-                  annotations: annotation.of(completion)
-                });
-              };
-            });
-            return latestSuggestionsRef.current;
-          }
-          break;
-      }
-      return [];
-    },
-    [columns, findColumn, getTypeaheadSuggestions, table]
-  );
-  const isPartialMatch = (0, import_react4.useCallback)(
-    async (valueType, columnName, pattern) => {
-      const { current: latestSuggestions } = latestSuggestionsRef;
-      let maybe = false;
-      const suggestions = 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)) {
-            maybe = true;
-          }
-        }
-      }
-      return maybe;
-    },
-    [getSuggestions]
-  );
-  return {
-    getSuggestions,
-    isPartialMatch
-  };
-};
-
-// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
-var import_core7 = require("@salt-ds/core");
-var import_classnames6 = __toESM(require("classnames"), 1);
-var import_react12 = require("react");
-
-// src/datagrid-configuration-ui/column-picker/ColumnPicker.tsx
-var import_salt_lab2 = require("@heswell/salt-lab");
-var import_core = require("@salt-ds/core");
-var import_react5 = require("react");
-
-// src/datagrid-configuration-ui/column-picker/ColumnListItem.tsx
-var import_salt_lab = require("@heswell/salt-lab");
-var import_classnames3 = __toESM(require("classnames"), 1);
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var classBase4 = "vuuColumnListItem";
-var ColumnListItem = ({
-  className: classNameProp,
-  item,
-  label,
-  style: styleProp,
-  ...restProps
-}) => {
-  const className = (0, import_classnames3.default)(classBase4, classNameProp, {
-    [`${classBase4}-calculated`]: item == null ? void 0 : item.expression,
-    [`${classBase4}-hidden`]: item == null ? void 0 : item.hidden
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(import_salt_lab.ListItem, { className, ...restProps, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `${classBase4}-iconType` }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("label", { className: `${classBase4}-label`, children: label }),
-    /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: `${classBase4}-iconHidden` })
-  ] });
-};
-
-// src/datagrid-configuration-ui/column-picker/ColumnPicker.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var classBase5 = "vuuColumnPicker";
-var removeSelectedColumns = (availableColumns, selectedColumns) => {
-  return availableColumns.filter(
-    (column) => selectedColumns.find((col) => col.name === column.name) == null
-  );
-};
-var ColumnPicker = ({
-  availableColumns,
-  id: idProp,
-  dispatchColumnAction: dispatch,
-  onAddCalculatedColumnClick,
-  onSelectionChange,
-  chosenColumns,
-  selectedColumn
-}) => {
-  const [selected1, setSelected1] = (0, import_react5.useState)([]);
-  const id = (0, import_core.useIdMemo)(idProp);
-  const unusedColumns = removeSelectedColumns(availableColumns, chosenColumns);
-  const addColumn2 = (0, import_react5.useCallback)(() => {
-    if (selected1.length > 0) {
-      setSelected1([]);
-      dispatch({ type: "addColumn", columns: selected1 });
-    }
-  }, [dispatch, selected1]);
-  const removeColumn2 = (0, import_react5.useCallback)(
-    () => selectedColumn && dispatch({ type: "removeColumn", column: selectedColumn }),
-    [selectedColumn, dispatch]
-  );
-  const moveColumnUp = (0, import_react5.useCallback)(
-    () => selectedColumn && dispatch({ type: "moveColumn", column: selectedColumn, moveBy: -1 }),
-    [dispatch, selectedColumn]
-  );
-  const moveColumnDown = (0, import_react5.useCallback)(
-    () => selectedColumn && dispatch({ type: "moveColumn", column: selectedColumn, moveBy: 1 }),
-    [dispatch, selectedColumn]
-  );
-  const handleSelectionChange1 = (0, import_react5.useCallback)(
-    (evt, selected) => setSelected1(selected),
-    []
-  );
-  const handleSelectionChange2 = (0, import_react5.useCallback)(
-    (evt, selected) => onSelectionChange == null ? void 0 : onSelectionChange(selected),
-    [onSelectionChange]
-  );
-  const handleDrop = (0, import_react5.useCallback)(
-    (moveFrom, moveTo) => {
-      dispatch({ type: "moveColumn", moveFrom, moveTo });
-    },
-    [dispatch]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: classBase5, id, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `${classBase5}-listColumn`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: `available-${id}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core.Text, { as: "h4", children: "Available Columns" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "div",
-        {
-          className: `${classBase5}-listContainer`,
-          style: { flex: 1, overflow: "hidden" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_salt_lab2.List,
-            {
-              borderless: true,
-              checkable: false,
-              height: "100%",
-              id: `available-${id}`,
-              itemHeight: 24,
-              itemToString: (item) => item.name,
-              onSelectionChange: handleSelectionChange1,
-              selected: selected1,
-              selectionStrategy: "extended",
-              source: unusedColumns
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "div",
-        {
-          style: {
-            display: "flex",
-            alignItems: "center",
-            flex: "0 0 32px",
-            marginTop: "var(--salt-size-basis-unit)"
-          },
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core.Button, { onClick: addColumn2, disabled: selected1.length === 0, children: [
-            "Show",
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-icon": "arrow-thin-right", style: { marginLeft: 8 } })
-          ] })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("div", { className: `${classBase5}-listColumn`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("label", { htmlFor: `selected-${id}`, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_core.Text, { as: "h4", children: "Included Columns" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-        "div",
-        {
-          className: `${classBase5}-listContainer`,
-          style: { flex: 1, overflow: "hidden" },
-          children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-            import_salt_lab2.List,
-            {
-              ListItem: ColumnListItem,
-              allowDragDrop: true,
-              borderless: true,
-              height: "100%",
-              id: `selected-${id}`,
-              itemHeight: 24,
-              itemToString: (item) => item.name,
-              onMoveListItem: handleDrop,
-              onSelectionChange: handleSelectionChange2,
-              selected: selectedColumn,
-              style: { flex: 1 },
-              source: chosenColumns
-            }
-          )
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
-        "div",
-        {
-          style: {
-            alignItems: "center",
-            flex: "0 0 32px",
-            display: "flex",
-            gap: 6,
-            marginTop: "var(--salt-size-basis-unit)"
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_core.Button, { onClick: removeColumn2, disabled: selectedColumn === null, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-icon": "arrow-thin-left", style: { marginRight: 8 } }),
-              "Hide"
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_core.Button,
-              {
-                "aria-label": "Move column up",
-                onClick: moveColumnUp,
-                disabled: selectedColumn === null || (chosenColumns == null ? void 0 : chosenColumns.indexOf(selectedColumn)) === 0,
-                style: { width: 28 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-icon": "arrow-thin-up" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_core.Button,
-              {
-                "aria-label": "Move column down",
-                onClick: moveColumnDown,
-                disabled: selectedColumn === null || chosenColumns.indexOf(selectedColumn) === chosenColumns.length - 1,
-                style: { width: 28 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-icon": "arrow-thin-down" })
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-              import_core.Button,
-              {
-                "aria-label": "Add calculated column",
-                className: `${classBase5}-addCalculatedColumn`,
-                onClick: onAddCalculatedColumnClick,
-                variant: "primary",
-                children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { "data-icon": "add" })
-              }
-            )
-          ]
-        }
-      )
-    ] })
-  ] });
-};
-
-// src/datagrid-configuration-ui/column-settings-panel/ColumnSettingsPanel.tsx
-var import_vuu_layout = require("@vuu-ui/vuu-layout");
-var import_salt_lab5 = require("@heswell/salt-lab");
-var import_core4 = require("@salt-ds/core");
-var import_classnames5 = __toESM(require("classnames"), 1);
-var import_react8 = require("react");
-
-// src/datagrid-configuration-ui/column-type-panel/ColumnTypePanel.tsx
-var import_vuu_utils8 = require("@vuu-ui/vuu-utils");
-var import_salt_lab4 = require("@heswell/salt-lab");
-var import_core3 = require("@salt-ds/core");
-var import_classnames4 = __toESM(require("classnames"), 1);
-var import_react7 = require("react");
-
-// src/datagrid-configuration-ui/column-type-panel/NumericColumnPanel.tsx
-var import_salt_lab3 = require("@heswell/salt-lab");
-var import_core2 = require("@salt-ds/core");
-var import_react6 = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var defaultValues = {
-  alignOnDecimals: false,
-  decimals: 4,
-  zeroPad: false
-};
-var getColumnValues = (columnType, gridDefaultValues) => {
-  const columnValue = typeof columnType === "object" && columnType.formatting ? columnType.formatting : {};
-  const properties = ["alignOnDecimals", "decimals", "zeroPad"];
-  return properties.reduce((configValues, property) => {
-    if (columnValue[property] !== void 0) {
-      return {
-        ...configValues,
-        [property]: columnValue[property]
-      };
-    } else if ((gridDefaultValues == null ? void 0 : gridDefaultValues[property]) !== void 0) {
-      return {
-        ...configValues,
-        [property]: gridDefaultValues[property]
-      };
-    }
-    return configValues;
-  }, defaultValues);
-};
-var NumericColumnPanel = ({
-  column,
-  dispatchColumnAction
-}) => {
-  const { decimals, alignOnDecimals, zeroPad } = getColumnValues(column == null ? void 0 : column.type);
-  const dispatchUpdate = (0, import_react6.useCallback)(
-    (values) => dispatchColumnAction({
-      type: "updateColumnTypeFormatting",
-      column,
-      ...values
-    }),
-    [column, dispatchColumnAction]
-  );
-  const handleChangeDecimals = (0, import_react6.useCallback)(
-    (value) => dispatchUpdate({ decimals: parseInt(value.toString(), 10) }),
-    [dispatchUpdate]
-  );
-  const handleChangeAlignOnDecimals = (0, import_react6.useCallback)(
-    (evt, value) => dispatchUpdate({ alignOnDecimals: value }),
-    [dispatchUpdate]
-  );
-  const handleChangeZeroPad = (0, import_react6.useCallback)(
-    (evt, value) => dispatchUpdate({ zeroPad: value }),
-    [dispatchUpdate]
-  );
-  switch (column.serverDataType) {
-    case "double":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_salt_lab3.FormField, { label: "No of Decimals", labelPlacement: "top", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_salt_lab3.StepperInput, { value: decimals, onChange: handleChangeDecimals }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_salt_lab3.Switch,
-          {
-            checked: alignOnDecimals,
-            label: "Align on decimals",
-            LabelProps: { className: "vuuColumnPanelSwitch" },
-            onChange: handleChangeAlignOnDecimals
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-          import_salt_lab3.Switch,
-          {
-            checked: zeroPad,
-            label: "Zero pad",
-            LabelProps: { className: "vuuColumnPanelSwitch" },
-            onChange: handleChangeZeroPad
-          }
-        )
-      ] });
-    case "long":
-    case "int":
-      return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_core2.Text, { children: "Work in progress" }) });
-    default:
-      return null;
-  }
-};
-
-// src/datagrid-configuration-ui/column-type-panel/StringColumnPanel.tsx
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var StringColumnPanel = ({
-  column,
-  dispatchColumnAction
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_jsx_runtime7.Fragment, { children: "String" });
-};
-
-// src/datagrid-configuration-ui/column-type-panel/ColumnTypePanel.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var classBase6 = "vuuColumnTypePanel";
-var integerCellRenderers = ["Default Renderer (int, long)"];
-var doubleCellRenderers = ["Default Renderer (double)"];
-var stringCellRenderers = ["Default Renderer (string)"];
-var getAvailableCellRenderers = (column) => {
-  const customCellRenderers = (0, import_vuu_utils8.getRegisteredCellRenderers)(column.serverDataType);
-  const customRendererNames = customCellRenderers.map((r) => r.name);
-  console.log({ customRendererNames });
-  switch (column.serverDataType) {
-    case "char":
-    case "string":
-      return stringCellRenderers;
-    case "int":
-    case "long":
-      return integerCellRenderers;
-    case "double":
-      return doubleCellRenderers.concat(customRendererNames);
-    default:
-      return stringCellRenderers;
-  }
-};
-var ColumnTypePanel = ({
-  className,
-  column,
-  dispatchColumnAction,
-  ...props
-}) => {
-  const content = (0, import_react7.useMemo)(() => {
-    switch (column.serverDataType) {
-      case "double":
-      case "int":
-      case "long":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          NumericColumnPanel,
-          {
-            column,
-            dispatchColumnAction
-          }
-        );
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-          StringColumnPanel,
-          {
-            column,
-            dispatchColumnAction
-          }
-        );
-    }
-  }, [column, dispatchColumnAction]);
-  const { serverDataType = "string" } = column;
-  const availableRenderers = getAvailableCellRenderers(column);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_salt_lab4.Dropdown,
-      {
-        className: (0, import_classnames4.default)(`${classBase6}-renderer`),
-        fullWidth: true,
-        selected: availableRenderers[0],
-        source: availableRenderers
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-      import_core3.Panel,
-      {
-        ...props,
-        className: (0, import_classnames4.default)(classBase6, className, `${classBase6}-${serverDataType}`),
-        children: content
-      }
-    )
-  ] });
-};
-
-// src/datagrid-configuration-ui/column-settings-panel/ColumnSettingsPanel.tsx
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var classBase7 = "vuuColumnSettingsPanel";
-var tabstripProps = {
-  className: "salt-density-high"
-};
-var NullActivationIndicator = () => null;
-var ColumnSettingsPanel = ({
-  column,
-  dispatchColumnAction,
-  style: styleProp,
-  ...props
-}) => {
-  var _a, _b, _c, _d;
-  const [activeTab, setActiveTab] = (0, import_react8.useState)(0);
-  const dispatchUpdate = (0, import_react8.useCallback)(
-    (values) => dispatchColumnAction({
-      type: "updateColumnProp",
-      column,
-      ...values
-    }),
-    [column, dispatchColumnAction]
-  );
-  const handleChangeAlign = (0, import_react8.useCallback)(
-    (evt) => dispatchUpdate({ align: evt.target.value }),
-    [dispatchUpdate]
-  );
-  const handleChangePin = (0, import_react8.useCallback)(
-    (evt) => dispatchUpdate({ pin: evt.target.value }),
-    [dispatchUpdate]
-  );
-  const handleChangeHidden = (0, import_react8.useCallback)(
-    (evt, value) => dispatchUpdate({ hidden: value }),
-    [dispatchUpdate]
-  );
-  const handleChangeLabel = (0, import_react8.useCallback)(
-    (evt, value) => dispatchUpdate({ label: value }),
-    [dispatchUpdate]
-  );
-  const handleChangeWidth = (0, import_react8.useCallback)(
-    (value) => dispatchUpdate({ width: parseInt(value.toString(), 10) }),
-    [dispatchUpdate]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-    "div",
-    {
-      className: classBase7,
-      ...props,
-      style: {
-        ...styleProp
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_core4.Text, { as: "h4", children: "Column Settings" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-          import_vuu_layout.Stack,
-          {
-            active: activeTab,
-            showTabs: true,
-            className: (0, import_classnames5.default)(`${classBase7}-columnTabs`),
-            onTabSelectionChanged: setActiveTab,
-            TabstripProps: tabstripProps,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core4.Panel, { title: "Column", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.FormField, { label: "Hidden", labelPlacement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.Checkbox,
-                  {
-                    checked: column.hidden === true,
-                    onChange: handleChangeHidden
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.FormField, { label: "Label", labelPlacement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.Input,
-                  {
-                    value: (_a = column.label) != null ? _a : column.name,
-                    onChange: handleChangeLabel
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.FormField, { label: "Width", labelPlacement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.StepperInput,
-                  {
-                    value: (_b = column.width) != null ? _b : 100,
-                    onChange: handleChangeWidth
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.FormField,
-                  {
-                    label: "Align",
-                    labelPlacement: "left",
-                    ActivationIndicatorComponent: NullActivationIndicator,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                      import_salt_lab5.RadioButtonGroup,
-                      {
-                        "aria-label": "Column Align",
-                        value: (_c = column.align) != null ? _c : "left",
-                        legend: "Align",
-                        onChange: handleChangeAlign,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.RadioButton, { label: "Left", value: "left" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.RadioButton, { label: "Right", value: "right" })
-                        ]
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.FormField,
-                  {
-                    label: "Pin Column",
-                    labelPlacement: "left",
-                    ActivationIndicatorComponent: NullActivationIndicator,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
-                      import_salt_lab5.RadioButtonGroup,
-                      {
-                        "aria-label": "Pin Column",
-                        value: (_d = column.pin) != null ? _d : "",
-                        legend: "Pin Column",
-                        onChange: handleChangePin,
-                        children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.RadioButton, { label: "Do not pin", value: "" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.RadioButton, { label: "Left", value: "left" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.RadioButton, { label: "Right", value: "right" })
-                        ]
-                      }
-                    )
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                ColumnTypePanel,
-                {
-                  column,
-                  dispatchColumnAction,
-                  title: "Data Cell"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_core4.Panel, { title: "Vuu", variant: "secondary", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.FormField,
-                  {
-                    label: "Name",
-                    labelPlacement: "top",
-                    readOnly: true,
-                    variant: "secondary",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.Input, { value: column.name })
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-                  import_salt_lab5.FormField,
-                  {
-                    label: "Vuu type",
-                    labelPlacement: "top",
-                    readOnly: true,
-                    variant: "secondary",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_salt_lab5.Input, { value: column.serverDataType })
-                  }
-                )
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/datagrid-configuration-ui/settings-panel/GridSettingsPanel.tsx
-var import_salt_lab6 = require("@heswell/salt-lab");
-var import_core5 = require("@salt-ds/core");
-var import_react9 = require("react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var classBase8 = "vuuGridSettingsPanel";
-var NullActivationIndicator2 = () => null;
-var GridSettingsPanel = ({
-  config,
-  dispatchColumnAction,
-  style: styleProp,
-  ...props
-}) => {
-  var _a;
-  const dispatchUpdate = (0, import_react9.useCallback)(
-    (values) => dispatchColumnAction({
-      type: "updateGridSettings",
-      ...values
-    }),
-    [dispatchColumnAction]
-  );
-  const handleChangeLabelFormatting = (0, import_react9.useCallback)(
-    (evt) => dispatchUpdate({
-      columnFormatHeader: evt.target.value
-    }),
-    [dispatchUpdate]
-  );
-  const handleChangeWidth = (0, import_react9.useCallback)(
-    (value) => dispatchUpdate({ columnDefaultWidth: parseInt(value.toString(), 10) }),
-    [dispatchUpdate]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-    "div",
-    {
-      className: classBase8,
-      ...props,
-      style: {
-        ...styleProp
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_core5.Text, { as: "h4", children: "Grid Settings" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_core5.Panel, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_salt_lab6.FormField,
-            {
-              label: "Format column labels",
-              labelPlacement: "left",
-              ActivationIndicatorComponent: NullActivationIndicator2,
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
-                import_salt_lab6.RadioButtonGroup,
-                {
-                  "aria-label": "Format column labels",
-                  value: config.columnFormatHeader,
-                  legend: "Format column labels",
-                  onChange: handleChangeLabelFormatting,
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_salt_lab6.RadioButton, { label: "No Formatting", value: void 0 }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_salt_lab6.RadioButton, { label: "Capitalize", value: "capitalize" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_salt_lab6.RadioButton, { label: "Uppercase", value: "uppercase" })
-                  ]
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_salt_lab6.FormField, { label: "Default Column Width", labelPlacement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-            import_salt_lab6.StepperInput,
-            {
-              value: (_a = config.columnDefaultWidth) != null ? _a : 100,
-              onChange: handleChangeWidth
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-};
-
-// src/datagrid-configuration-ui/settings-panel/useGridSettings.ts
-var import_react10 = require("react");
-var import_salt_lab7 = require("@heswell/salt-lab");
-var import_vuu_utils9 = require("@vuu-ui/vuu-utils");
-var gridSettingsReducer = (state, action) => {
-  console.log(`gridSettingsReducer ${action.type}`);
-  switch (action.type) {
-    case "addColumn":
-      return addColumn(state, action);
-    case "addCalculatedColumn":
-      return addCalculatedColumn(state, action);
-    case "moveColumn":
-      return moveColumn(state, action);
-    case "removeColumn":
-      return removeColumn(state, action);
-    case "updateColumn":
-      return state;
-    case "updateColumnProp":
-      return updateColumnProp(state, action);
-    case "updateGridSettings":
-      return updateGridSettings(state, action);
-    case "updateColumnTypeFormatting":
-      return updateColumnTypeFormatting(state, action);
-    default:
-      return state;
-  }
-};
-var useGridSettings = (config) => {
-  const [state, dispatchColumnAction] = (0, import_react10.useReducer)(
-    gridSettingsReducer,
-    config
-  );
-  return {
-    gridSettings: state,
-    dispatchColumnAction
-  };
-};
-function addColumn(state, { column, columns, index = -1 }) {
-  const { columns: stateColumns } = state;
-  if (index === -1) {
-    if (Array.isArray(columns)) {
-      return { ...state, columns: stateColumns.concat(columns) };
-    } else if (column) {
-      return { ...state, columns: stateColumns.concat(column) };
-    }
-  }
-  return state;
-}
-function addCalculatedColumn(state, { columnName, columnType, expression }) {
-  const { columns: stateColumns } = state;
-  const calculatedColumn = {
-    name: columnName,
-    expression,
-    serverDataType: columnType
-  };
-  return { ...state, columns: stateColumns.concat(calculatedColumn) };
-}
-function removeColumn(state, { column }) {
-  const { columns: stateColumns } = state;
-  return {
-    ...state,
-    columns: stateColumns.filter((col) => col.name !== column.name)
-  };
-}
-function moveColumn(state, { column, moveBy, moveFrom, moveTo }) {
-  const { columns: stateColumns } = state;
-  if (column && typeof moveBy === "number") {
-    const idx = stateColumns.indexOf(column);
-    const newColumns = stateColumns.slice();
-    const [movedColumns] = newColumns.splice(idx, 1);
-    newColumns.splice(idx + moveBy, 0, movedColumns);
-    return {
-      ...state,
-      columns: newColumns
-    };
-  } else if (typeof moveFrom === "number" && typeof moveTo === "number") {
-    return {
-      ...state,
-      columns: (0, import_salt_lab7.moveItem)(stateColumns, moveFrom, moveTo)
-    };
-  } else {
-    return state;
-  }
-}
-function updateColumnProp(state, { align, column, hidden, label, width }) {
-  let { columns: stateColumns } = state;
-  if (align === "left" || align === "right") {
-    stateColumns = replaceColumn(stateColumns, { ...column, align });
-  }
-  if (typeof hidden === "boolean") {
-    stateColumns = replaceColumn(stateColumns, { ...column, hidden });
-  }
-  if (typeof label === "string") {
-    stateColumns = replaceColumn(stateColumns, { ...column, label });
-  }
-  if (typeof width === "number") {
-    stateColumns = replaceColumn(stateColumns, { ...column, width });
-  }
-  return {
-    ...state,
-    columns: stateColumns
-  };
-}
-function updateGridSettings(state, { columnFormatHeader }) {
-  return {
-    ...state,
-    columnFormatHeader: columnFormatHeader != null ? columnFormatHeader : state.columnFormatHeader
-  };
-}
-function updateColumnTypeFormatting(state, {
-  alignOnDecimals,
-  column,
-  decimals,
-  zeroPad
-}) {
-  const { columns: stateColumns } = state;
-  const targetColumn = stateColumns.find((col) => col.name === column.name);
-  if (targetColumn) {
-    const {
-      serverDataType = "string",
-      type: columnType = (0, import_vuu_utils9.fromServerDataType)(serverDataType)
-    } = column;
-    const type = typeof columnType === "string" ? {
-      name: columnType
-    } : {
-      ...columnType
-    };
-    if (typeof alignOnDecimals === "boolean") {
-      type.formatting = {
-        ...type.formatting,
-        alignOnDecimals
-      };
-    }
-    if (typeof decimals === "number") {
-      type.formatting = {
-        ...type.formatting,
-        decimals
-      };
-    }
-    if (typeof zeroPad === "boolean") {
-      type.formatting = {
-        ...type.formatting,
-        zeroPad
-      };
-    }
-    return {
-      ...state,
-      columns: replaceColumn(stateColumns, { ...column, type })
-    };
-  } else {
-    return state;
-  }
-}
-function replaceColumn(columns, column) {
-  return columns.map((col) => col.name === column.name ? column : col);
-}
-
-// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
-var import_vuu_layout2 = require("@vuu-ui/vuu-layout");
-
-// src/datagrid-configuration-ui/calculated-column-panel/CalculatedColumnPanel.tsx
-var import_salt_lab8 = require("@heswell/salt-lab");
-var import_core6 = require("@salt-ds/core");
-var import_react11 = require("react");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var CalculatedColumnPanel = ({
-  columns,
-  dispatchColumnAction,
-  table
-}) => {
-  const [columnName, setColumnName] = (0, import_react11.useState)("");
-  const [, setExpression] = (0, import_react11.useState)();
-  const sourceRef = (0, import_react11.useRef)("");
-  const suggestionProvider = useColumnExpressionSuggestionProvider({
-    columns,
-    table
-  });
-  const handleChangeName = (0, import_react11.useCallback)(
-    (evt) => {
-      const { value } = evt.target;
-      setColumnName(value);
-    },
-    []
-  );
-  const handleChangeExpression = (0, import_react11.useCallback)((source) => {
-    sourceRef.current = source;
-  }, []);
-  const handleSubmitExpression = (0, import_react11.useCallback)(
-    (source, expression) => {
-      console.log({ source });
-      setExpression(expression);
-    },
-    []
-  );
-  const handleSave = (0, import_react11.useCallback)(() => {
-    if (sourceRef.current) {
-      console.log(
-        `save expression ${JSON.stringify(sourceRef.current, null, 2)}`
-      );
-      dispatchColumnAction({
-        type: "addCalculatedColumn",
-        columnName,
-        expression: sourceRef.current,
-        columnType: "string"
-      });
-    }
-  }, [columnName, dispatchColumnAction]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(import_core6.Panel, { className: "vuuCalculatedColumnPanel", title: "Define Computed Column", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core6.Text, { styleAs: "h4", children: "Define Computed Column" }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_salt_lab8.FormField, { label: "Column Name", labelPlacement: "left", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_salt_lab8.Input, { value: columnName, onChange: handleChangeName }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-      ColumnExpressionInput,
-      {
-        onChange: handleChangeExpression,
-        onSubmitExpression: handleSubmitExpression,
-        suggestionProvider
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { style: { marginTop: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_core6.Button, { onClick: handleSave, children: "Add Column" }) })
-  ] });
-};
-
-// src/datagrid-configuration-ui/settings-panel/DatagridSettingsPanel.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var classBase9 = "vuuDatagridSettingsPanel";
-var getTabLabel = () => void 0;
-var icons = [
-  "table-settings",
-  "column-chooser",
-  "column-settings",
-  "define-column"
-];
-var getTabIcon = (component, tabIndex) => icons[tabIndex];
-var DatagridSettingsPanel = ({
-  availableColumns,
-  className,
-  gridConfig,
-  onCancel,
-  onConfigChange,
-  ...props
-}) => {
-  var _a;
-  console.log(`DatagridSettingsPanel render`);
-  const [selectedTabIndex, setSelectedTabIndex] = (0, import_react12.useState)(0);
-  const { gridSettings, dispatchColumnAction } = useGridSettings(gridConfig);
-  const [selectedColumnName, setSelectedColumnName] = (0, import_react12.useState)(
-    null
-  );
-  const handleColumnSelected = (0, import_react12.useCallback)(
-    (selected) => {
-      setSelectedColumnName(selected ? selected.name : null);
-    },
-    []
-  );
-  const handleApply = (0, import_react12.useCallback)(
-    (evt, closePanel = false) => {
-      console.log(`1) DataGridSettingsPanel fire onConfigChange`);
-      onConfigChange == null ? void 0 : onConfigChange(gridSettings, closePanel);
-    },
-    [gridSettings, onConfigChange]
-  );
-  const handleTabSelectionChanged = (0, import_react12.useCallback)((selectedTabIndex2) => {
-    setSelectedTabIndex(selectedTabIndex2);
-  }, []);
-  const handleSave = (0, import_react12.useCallback)(
-    (evt) => handleApply(evt, true),
-    [handleApply]
-  );
-  const selectedColumn = selectedColumnName === null ? null : (_a = gridSettings.columns.find((col) => col.name === selectedColumnName)) != null ? _a : null;
-  const tabstripProps2 = {
-    activeTabIndex: selectedTabIndex,
-    enableRenameTab: false,
-    orientation: "vertical"
-  };
-  const handleAddCalculatedColumn = (0, import_react12.useCallback)(
-    () => setSelectedTabIndex(3),
-    []
-  );
-  const panelShift = selectedTabIndex === 2 ? "right" : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { ...props, className: (0, import_classnames6.default)(classBase9, className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      import_vuu_layout2.Stack,
-      {
-        TabstripProps: tabstripProps2,
-        className: `${classBase9}-stack`,
-        getTabIcon,
-        getTabLabel,
-        active: selectedTabIndex === 2 ? 1 : selectedTabIndex,
-        onTabSelectionChanged: handleTabSelectionChanged,
-        showTabs: true,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            GridSettingsPanel,
-            {
-              config: gridSettings,
-              dispatchColumnAction
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${classBase9}-columnPanels`, "data-align": panelShift, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              ColumnPicker,
-              {
-                availableColumns,
-                chosenColumns: gridSettings.columns,
-                dispatchColumnAction,
-                onSelectionChange: handleColumnSelected,
-                onAddCalculatedColumnClick: handleAddCalculatedColumn,
-                selectedColumn
-              }
-            ),
-            selectedColumn === null ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core7.Panel, { className: "vuuColumnSettingsPanel", children: "Select a column" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-              ColumnSettingsPanel,
-              {
-                column: selectedColumn,
-                dispatchColumnAction,
-                style: { background: "white", flex: "1 0 150px" }
-              }
-            )
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { title: "Column Settings", children: "Column Settings" }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            CalculatedColumnPanel,
-            {
-              columns: gridSettings.columns,
-              dispatchColumnAction,
-              table: { module: "SIMUL", table: "instruments" }
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: `${classBase9}-buttonBar`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core7.Button, { onClick: onCancel, children: "Cancel" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core7.Button, { onClick: handleApply, children: "Apply" }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_core7.Button, { onClick: handleSave, children: "Save" })
-    ] })
-  ] });
-};
-
-// src/datasource-stats/DatasourceStats.tsx
-var import_react13 = require("react");
-var import_classnames7 = __toESM(require("classnames"), 1);
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var classBase10 = "vuuDatasourceStats";
-var numberFormatter = new Intl.NumberFormat();
-var DataSourceStats = ({
-  className: classNameProp,
-  dataSource
-}) => {
-  const [optimize, setOptimize] = (0, import_react13.useState)(
-    dataSource.optimize
-  );
-  const [range, setRange] = (0, import_react13.useState)(dataSource.range);
-  const [size, setSize] = (0, import_react13.useState)(dataSource.size);
-  (0, import_react13.useEffect)(() => {
-    setOptimize(dataSource.optimize);
-    setSize(dataSource.size);
-    dataSource.on("optimize", setOptimize);
-    dataSource.on("resize", setSize);
-    dataSource.on("range", setRange);
-  }, [dataSource]);
-  const className = (0, import_classnames7.default)(classBase10, classNameProp);
-  const from = numberFormatter.format(range.from);
-  const to = numberFormatter.format(range.to - 1);
-  const value = numberFormatter.format(size);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "Showing rows" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `${classBase10}-range`, children: from }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `${classBase10}-range`, children: to }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "of" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `${classBase10}-size`, children: value }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: `${classBase10}-optimize`, children: optimize })
-  ] });
-};
+"use strict";var ut=Object.create;var Fe=Object.defineProperty;var mt=Object.getOwnPropertyDescriptor;var dt=Object.getOwnPropertyNames;var gt=Object.getPrototypeOf,ft=Object.prototype.hasOwnProperty;var Ct=(n,e)=>{for(var t in e)Fe(n,t,{get:e[t],enumerable:!0})},yn=(n,e,t,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of dt(e))!ft.call(n,r)&&r!==t&&Fe(n,r,{get:()=>e[r],enumerable:!(o=mt(e,r))||o.enumerable});return n};var q=(n,e,t)=>(t=n!=null?ut(gt(n)):{},yn(e||!n||!n.__esModule?Fe(t,"default",{value:n,enumerable:!0}):t,n)),xt=n=>yn(Fe({},"__esModule",{value:!0}),n);var bn=(n,e,t)=>{if(!e.has(n))throw TypeError("Cannot "+t)};var u=(n,e,t)=>(bn(n,e,"read from private field"),t?t.call(n):e.get(n)),N=(n,e,t)=>{if(e.has(n))throw TypeError("Cannot add the same private member more than once");e instanceof WeakSet?e.add(n):e.set(n,t)},Z=(n,e,t,o)=>(bn(n,e,"write to private field"),o?o.call(n,t):e.set(n,t),t);var xo={};Ct(xo,{ColumnExpressionInput:()=>mn,ColumnNamedTerms:()=>Ge,DataSourceStats:()=>Co,DatagridSettingsPanel:()=>fo,columnExpressionLanguageSupport:()=>Je,isCompleteExpression:()=>on,isCompleteRelationalExpression:()=>rn,lastNamedChild:()=>We,useColumnExpressionEditor:()=>un,useColumnExpressionSuggestionProvider:()=>gn,walkTree:()=>tn});module.exports=xt(xo);var D=require("@vuu-ui/vuu-utils"),vn=q(require("classnames"),1);var Le=require("react"),En=require("@vuu-ui/vuu-utils"),Oe=require("@vuu-ui/vuu-utils"),ht=[void 0,void 0,void 0,void 0];function On(n,e,t){var x;let o=(0,Le.useRef)(),[r,i,s,p]=o.current||ht,{type:l}=t,c=(0,En.isTypeDescriptor)(l)?(x=l.formatting)==null?void 0:x.decimals:void 0,g=n===r&&(0,Oe.isValidNumber)(e)&&(0,Oe.isValidNumber)(i)&&t===s?(0,Oe.getMovingValueDirection)(e,p,i,c):"";return(0,Le.useEffect)(()=>{o.current=[n,e,t,g]}),g}var Be=require("react/jsx-runtime"),yt=String.fromCharCode(11014),bt=String.fromCharCode(11015),{KEY:Et}=D.metadataKeys,Ie="vuuBackgroundCell",ve={ArrowOnly:"arrow",BackgroundOnly:"bg-only",ArrowBackground:"arrow-bg"},Ot=n=>(0,D.isTypeDescriptor)(n)&&n.renderer&&"flashStyle"in n.renderer?n.renderer.flashStyle:ve.BackgroundOnly,vt=({column:n,row:e})=>{let{key:t,type:o,valueFormatter:r}=n,i=e[t],s=Ot(o),p=On(e[Et],i,n),l=s===ve.ArrowOnly||s===ve.ArrowBackground?p===D.UP1||p===D.UP2?yt:p===D.DOWN1||p===D.DOWN2?bt:null:null,c=p?" "+p:"",g=(0,vn.default)(Ie,c,{[`${Ie}-arrowOnly`]:s===ve.ArrowOnly,[`${Ie}-arrowBackground`]:s===ve.ArrowBackground});return(0,Be.jsxs)("div",{className:g,tabIndex:-1,children:[(0,Be.jsx)("div",{className:`${Ie}-flasher`,children:l}),r(e[n.key])]})};(0,D.registerComponent)("background",vt,"cell-renderer",{serverDataType:["long","int","double"]});var re=require("@vuu-ui/vuu-utils"),Pn=q(require("classnames"),1);var _=require("react/jsx-runtime"),Pe="vuuProgressCell",Pt=({column:n,columnMap:e,row:t})=>{let{type:o}=n,r=t[n.key],i=!1,s=0;if((0,re.isTypeDescriptor)(o)&&(0,re.isColumnTypeRenderer)(o.renderer)){let{associatedField:l}=o.renderer,c=t[e[l]];if(typeof r=="number"&&typeof c=="number")s=Math.min(Math.round(r/c*100),100),i=isFinite(s);else{let g=parseFloat(r);if(Number.isFinite(g)){let x=parseFloat(c);Number.isFinite(x)&&(s=Math.min(Math.round(g/x*100),100),i=isFinite(s))}}}let p=(0,Pn.default)(Pe,{});return(0,_.jsxs)("div",{className:p,tabIndex:-1,children:[i?(0,_.jsxs)("span",{className:`${Pe}-track`,children:[(0,_.jsx)("span",{className:`${Pe}-bg`}),(0,_.jsx)("span",{className:`${Pe}-bar`,style:{"--progress-bar-pct":`-${100-s}%`}})]}):null,(0,_.jsx)("span",{className:`${Pe}-text`,children:`${s} %`})]})};(0,re.registerComponent)("vuu.progress",Pt,"cell-renderer",{serverDataType:["long","int","double"]});var O=require("@vuu-ui/vuu-codemirror"),cn=require("@vuu-ui/vuu-utils"),J=require("react");var Q=require("@vuu-ui/vuu-codemirror");var Sn=require("@lezer/lr"),$e=Sn.LRParser.deserialize({version:14,states:"&fOVQPOOO!SQPO'#C^OVQPO'#CcQ!pQPOOO#OQPO'#CkO#TQPO'#CrOOQO'#Cy'#CyO#YQPO,58}OVQPO,59QOVQPO,59QOVQPO,59VOVQPO'#CtOOQO,59^,59^OOQO1G.i1G.iOOQO1G.l1G.lO#kQPO1G.lO$fQPO'#CmO%WQQO1G.qOOQO'#C{'#C{O%cQPO,59`OOQO'#Cn'#CnO%wQPO,59XOVQPO,59ZOVQPO,59[OVQPO7+$]OVQPO'#CuO&`QPO1G.zOOQO1G.z1G.zO&hQQO'#C^O&rQQO1G.sO'ZQQO1G.uOOQO1G.v1G.vO'fQPO<<GwO'wQPO,59aOOQO-E6s-E6sOOQO7+$f7+$fOVQPOAN=cO(]QQO1G.lO(tQPOG22}OOQOLD(iLD(iO%wQPO,59QO%wQPO,59Q",stateData:")[~OlOS~ORUOSUOTUOUUOWQO`SOnPO~OWgXZQX[QX]QX^QXeQX~OjQXXQXpQXqQXrQXsQXtQXuQX~PnOZWO[WO]XO^XO~OWYO~OWZO~OX]OZWO[WO]XO^XO~OZWO[WO]Yi^YijYiXYipYiqYirYisYitYiuYieYi~OZWO[WO]XO^XOpdOqdOrdOsdOtdOudO~OehOvfOwgO~OXkOZWO[WO]XO^XOeiO~ORUOSUOTUOUUOWQO`SOnlO~OXsOeiO~OvQXwQX~PnOZxO[xO]yO^yOeaivaiwai~OwgOecivci~OZWO[WO]XO^XOetO~OZWO[WO]XO^XOXiaeia~OZxO[xO]Yi^YieYivYiwYi~OXwOZWO[WO]XO^XO~O`UTn~",goto:"#spPPqPPPPqPPqPPPPqP!R!W!R!RPq!Z!k!nPPP!tP#jmUOQWXYZefghitxyVbYfgRe`mTOQWXYZefghitxyR[TQjcRrjQROQVQS^WxQ_XU`YfgQcZQmeQphQqiQuyRvtQaYQnfRog",nodeNames:"\u26A0 ColumnDefinitionExpression Column Number String True False ParenthesizedExpression OpenBrace CloseBrace ArithmeticExpression Divide Times Plus Minus ConditionalExpression If RelationalExpression RelationalOperator AndCondition OrCondition Comma CallExpression Function ArgList",maxTerm:39,skippedNodes:[0],repeatNodeCount:1,tokenData:".^~RnXY#PYZ#P]^#Ppq#Pqr#brs#mxy$eyz$jz{$o{|$t|}$y}!O%O!O!P%T!P!Q%c!Q![%h!^!_%s!_!`&Q!`!a&V!c!}&d#R#S&d#T#U&u#U#Y&d#Y#Z(Y#Z#]&d#]#^*j#^#c&d#c#d+f#d#h&d#h#i,b#i#o&d~#USl~XY#PYZ#P]^#Ppq#P~#eP!_!`#h~#mOu~~#pWOX#mZ]#m^r#mrs$Ys#O#m#P;'S#m;'S;=`$_<%lO#m~$_OS~~$bP;=`<%l#m~$jOW~~$oOX~~$tO[~~$yO]~~%OOe~~%TO^~~%WP!Q![%Z~%`PR~!Q![%Z~%hOZ~~%mQR~!O!P%Z!Q![%h~%xPr~!_!`%{~&QOt~~&VOp~~&[Pq~!_!`&_~&dOs~P&iSnP!Q![&d!c!}&d#R#S&d#T#o&dR&zUnP!Q![&d!c!}&d#R#S&d#T#b&d#b#c'^#c#o&dR'cUnP!Q![&d!c!}&d#R#S&d#T#W&d#W#X'u#X#o&dR'|SvQnP!Q![&d!c!}&d#R#S&d#T#o&d~(_TnP!Q![&d!c!}&d#R#S&d#T#U(n#U#o&d~(sUnP!Q![&d!c!}&d#R#S&d#T#`&d#`#a)V#a#o&d~)[UnP!Q![&d!c!}&d#R#S&d#T#g&d#g#h)n#h#o&d~)sUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y*V#Y#o&d~*^SU~nP!Q![&d!c!}&d#R#S&d#T#o&d~*oUnP!Q![&d!c!}&d#R#S&d#T#Y&d#Y#Z+R#Z#o&d~+YS`~nP!Q![&d!c!}&d#R#S&d#T#o&dR+kUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g+}#g#o&dR,USwQnP!Q![&d!c!}&d#R#S&d#T#o&d~,gUnP!Q![&d!c!}&d#R#S&d#T#f&d#f#g,y#g#o&d~-OUnP!Q![&d!c!}&d#R#S&d#T#i&d#i#j-b#j#o&d~-gUnP!Q![&d!c!}&d#R#S&d#T#X&d#X#Y-y#Y#o&d~.QST~nP!Q![&d!c!}&d#R#S&d#T#o&d",tokenizers:[0,1],topRules:{ColumnDefinitionExpression:[0,1]},tokenPrec:375});var St=Q.LRLanguage.define({name:"VuuColumnExpression",parser:$e.configure({props:[(0,Q.styleTags)({Function:Q.tags.variableName,String:Q.tags.string,Or:Q.tags.emphasis,Operator:Q.tags.operator})]})}),Je=()=>new Q.LanguageSupport(St);var qe=class{constructor(e){switch(this.value=e,typeof e){case"boolean":this.type="booleanLiteralExpression";break;case"number":this.type="numericLiteralExpression";break;default:this.type="stringLiteralExpression"}}toJSON(){return{type:this.type,value:this.value}}},_e=class{constructor(e){this.type="colExpression";this.column=e}toJSON(){return{type:this.type,column:this.column}}},Te,j,Ke=class{constructor(e="unknown"){N(this,Te,[{type:"unknown"},{type:"unknown"}]);N(this,j,void 0);this.type="arithmeticExpression";Z(this,j,e)}get op(){return u(this,j)}set op(e){Z(this,j,e)}get expressions(){return u(this,Te)}toJSON(){return{type:this.type,op:u(this,j),expressions:u(this,Te)}}};Te=new WeakMap,j=new WeakMap;var le,je=class{constructor(e){N(this,le,[]);this.type="callExpression";this.functionName=e}get expressions(){return u(this,le)}get arguments(){return u(this,le)}toJSON(){return{type:this.type,functionName:this.functionName,arguments:u(this,le).map(e=>{var t;return(t=e.toJSON)==null?void 0:t.call(e)})}}};le=new WeakMap;var we,pe,ie=class{constructor(){N(this,we,[{type:"unknown"},{type:"unknown"}]);N(this,pe,"unknown");this.type="relationalExpression"}get op(){return u(this,pe)}set op(e){Z(this,pe,e)}get expressions(){return u(this,we)}toJSON(){return{type:this.type,op:u(this,pe),expressions:u(this,we)}}};we=new WeakMap,pe=new WeakMap;var De,ce,ae=class{constructor(e){N(this,De,[{type:"unknown"},{type:"unknown"}]);N(this,ce,void 0);this.type="booleanCondition";Z(this,ce,e)}get op(){return u(this,ce)}get expressions(){return u(this,De)}toJSON(){return{type:this.type,op:u(this,ce),expressions:u(this,De).map(e=>{var t;return(t=e.toJSON)==null?void 0:t.call(e)})}}};De=new WeakMap,ce=new WeakMap;var I,Se=class{constructor(e){N(this,I,void 0);this.type="conditionalExpression";Z(this,I,[e?new ae(e):new ie,{type:"unknown"},{type:"unknown"}])}get expressions(){return u(this,I)}get condition(){return u(this,I)[0]}get truthyExpression(){return u(this,I)[1]}set truthyExpression(e){u(this,I)[1]=e}get falsyExpression(){return u(this,I)[2]}set falsyExpression(e){u(this,I)[2]=e}toJSON(){var e,t,o,r,i;return{type:this.type,condition:(t=(e=this.condition).toJSON)==null?void 0:t.call(e),truthyExpression:this.truthyExpression,falsyExpression:(i=(r=(o=this.falsyExpression)==null?void 0:o.toJSON)==null?void 0:r.call(o))!=null?i:this.falsyExpression}}};I=new WeakMap;var K=n=>n.type==="unknown",Ue=n=>n.type==="arithmeticExpression",Tt=n=>n.type==="callExpression",se=n=>n.type==="conditionalExpression",wt=n=>n.type==="relationalExpression"||n.type==="booleanCondition";var Dt=n=>n.type==="booleanCondition",nn=n=>(n==null?void 0:n.type)==="relationalExpression";var R=n=>{if(K(n))return n;if(nn(n)){let[e,t]=n.expressions;if(S(e))return R(e);if(n.op==="unknown")return n;if(S(t))return R(t)}else if(wt(n)){let{expressions:e=[]}=n;for(let t of e)if(S(t))return R(t)}else if(se(n)){let{condition:e,truthyExpression:t,falsyExpression:o}=n;if(S(e))return R(e);if(S(t))return R(t);if(S(o))return R(o)}else if(Ue(n)){let{expressions:e=[]}=n;for(let t of e)if(S(t))return R(t)}},Me=(n,e,t)=>{let{expressions:o=[]}=n;if(o.includes(e)){let r=o.indexOf(e);return o.splice(r,1,t),!0}else for(let r of o)if(Me(r,e,t))return!0;return!1},S=n=>K(n)?!0:se(n)?S(n.condition)||S(n.truthyExpression)||S(n.falsyExpression):nn(n)||Dt(n)?n.op===void 0||n.expressions.some(e=>S(e)):!1,Tn=(n,e)=>{let t=R(n);t?t.expressions?t.expressions.push(e):console.warn("don't know how to treat targetExpression"):console.error("no target expression found")},C,ee,en=class{constructor(){N(this,C,void 0);N(this,ee,[])}setCondition(e){if(u(this,C)===void 0)this.addExpression(new Se(e));else if(se(u(this,C))){if(S(u(this,C).condition)){let t=e?new ae(e):new ie;this.addExpression(t)}else if(K(u(this,C).truthyExpression))u(this,C).truthyExpression=new Se(e);else if(S(u(this,C).truthyExpression)){let t=e?new ae(e):new ie;this.addExpression(t)}else if(K(u(this,C).falsyExpression))u(this,C).falsyExpression=new Se(e);else if(S(u(this,C).falsyExpression)){let t=e?new ae(e):new ie;this.addExpression(t)}}else console.error("setCondition called unexpectedly")}addExpression(e){if(u(this,ee).length>0){let t=u(this,ee).at(-1);t==null||t.arguments.push(e)}else if(u(this,C)===void 0)Z(this,C,e);else if(Ue(u(this,C))){let t=R(u(this,C));t&&K(t)&&Me(u(this,C),t,e)}else if(se(u(this,C))&&S(u(this,C))){let t=R(u(this,C));t&&K(t)?Me(u(this,C),t,e):t&&Tn(t,e)}}setFunction(e){let t=new je(e);this.addExpression(t),u(this,ee).push(t)}setColumn(e){this.addExpression(new _e(e))}setArithmeticOp(e){let t=e,o=u(this,C);Ue(o)&&(o.op=t)}setRelationalOperator(e){let t=e;if(u(this,C)&&se(u(this,C))){let o=R(u(this,C));nn(o)?o.op=t:console.error(`no target expression found (op = ${e})`)}}setValue(e){let t=new qe(e);if(u(this,C)===void 0)Z(this,C,t);else if(Ue(u(this,C)))this.addExpression(t);else if(Tt(u(this,C)))u(this,C).arguments.push(t);else if(se(u(this,C)))if(S(u(this,C))){let o=R(u(this,C));o&&K(o)?Me(u(this,C),o,t):o&&Tn(o,t)}else console.log("what do we do with value, in a complete expression")}closeBrace(){u(this,ee).pop()}get expression(){return u(this,C)}toJSON(){var e;return(e=u(this,C))==null?void 0:e.toJSON()}};C=new WeakMap,ee=new WeakMap;var tn=(n,e)=>{let t=new en,o=n.cursor();do{let{name:r,from:i,to:s}=o;switch(r){case"AndCondition":t.setCondition("and");break;case"OrCondition":t.setCondition("or");break;case"RelationalExpression":t.setCondition();break;case"ArithmeticExpression":t.addExpression(new Ke);break;case"Column":{let p=e.substring(i,s);t.setColumn(p)}break;case"Function":{let p=e.substring(i,s);t.setFunction(p)}break;case"Times":case"Divide":case"Plus":case"Minus":{let p=e.substring(i,s);t.setArithmeticOp(p)}break;case"RelationalOperator":{let p=e.substring(i,s);t.setRelationalOperator(p)}break;case"False":case"True":{let p=e.substring(i,s);t.setValue(p==="true")}break;case"String":t.setValue(e.substring(i+1,s-1));break;case"Number":t.setValue(parseFloat(e.substring(i,s)));break;case"CloseBrace":t.closeBrace();break;default:}}while(o.next());return t.toJSON()};var Rt=$e.configure({strict:!0}),wn=["Number","String"],Ge=[...wn,"AndCondition","ArithmeticExpression","BooleanOperator","RelationalOperatorOperator","CallExpression","CloseBrace","Column","Comma","ConditionalExpression","Divide","Equal","If","Minus","OpenBrace","OrCondition","ParenthesizedExpression","Plus","RelationalExpression","RelationalOperator","Times"],on=n=>{try{return Rt.parse(n),!0}catch{return!1}},We=n=>{let{lastChild:e}=n;for(;e&&!Ge.includes(e.name);)e=e.prevSibling,console.log(e==null?void 0:e.name);return e},rn=n=>{if((n==null?void 0:n.name)==="RelationalExpression"){let{firstChild:e}=n,t=We(n);if((e==null?void 0:e.name)==="Column"&&typeof(t==null?void 0:t.name)=="string"&&wn.includes(t.name))return!0}return!1};var ne=require("@vuu-ui/vuu-codemirror"),At=ne.HighlightStyle.define([{tag:ne.tags.variableName,color:"var(--vuuFilterEditor-variableColor)"},{tag:ne.tags.comment,color:"green",fontStyle:"italic"}]),Dn=(0,ne.syntaxHighlighting)(At);var Rn=require("@vuu-ui/vuu-codemirror"),An=Rn.EditorView.theme({"&":{border:"solid 1px var(--salt-container-primary-borderColor)",color:"var(--vuuFilterEditor-color)",backgroundColor:"var(--vuuFilterEditor-background)"},".cm-content":{caretColor:"var(--vuuFilterEditor-cursorColor)"},"&.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":{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-tooltip-autocomplete li .cm-completionDetail":{color:"var(--vuuFilterEditor-suggestion-detailColor)"}}},{dark:!1});var v=require("@vuu-ui/vuu-codemirror"),ln=require("react");var kt=(n,e)=>e?n.map(t=>{var o;return{...t,apply:typeof t.apply=="function"?t.apply:`${e}${(o=t.apply)!=null?o:t.label}`}}):n,Nt=n=>n===void 0?!1:["Times","Divide","Plus","Minus"].includes(n.name),ue=(n,e)=>{var r;let{lastChild:t}=n,{pos:o}=e;for(;t;)if(t.from<o&&Ge.includes(t.name)){if(t.name==="ParenthesizedExpression"){let s=(r=t.firstChild)==null?void 0:r.nextSibling;s&&(t=s)}return t}else t=t.prevSibling},kn=(n,e)=>{var t;if(n.name==="ArgList"){let o=n.prevSibling;if(o)return(0,v.getValue)(o,e)}else if(n.name==="OpenBrace"){let o=(t=n.parent)==null?void 0:t.prevSibling;if((o==null?void 0:o.name)==="Function")return(0,v.getValue)(o,e)}},Nn=(n,e)=>{if(n.name==="RelationalExpression"){let t=We(n);if((t==null?void 0:t.name)==="RelationalOperator")return(0,v.getValue)(t,e)}else{let t=n.prevSibling;if((t==null?void 0:t.name)==="RelationalOperator")return(0,v.getValue)(t,e)}},pn=(n,e)=>{var t;if(n.name==="RelationalExpression"){if(((t=n.firstChild)==null?void 0:t.name)==="Column")return(0,v.getValue)(n.firstChild,e)}else{let o=n.prevSibling;if((o==null?void 0:o.name)==="Column")return(0,v.getValue)(o,e);if((o==null?void 0:o.name)==="RelationalOperator")return pn(o,e)}},sn=async(n,e,t,o={})=>{let r=await e.getSuggestions(t,o),{startsWith:i=""}=o;return{from:n.pos-i.length,options:r}},an=(n,e,t,o,r)=>{let i=ue(n,e);switch(console.log(`conditional expression last child ${i==null?void 0:i.name}`),i==null?void 0:i.name){case"If":return sn(e,t,"expression",{prefix:"( "});case"OpenBrace":return sn(e,t,"expression");case"Condition":return sn(e,t,"expression",{prefix:", "});case"CloseBrace":if(o){let s=[{apply:()=>{r==null||r()},label:"Save Expression",boost:10}];return{from:e.pos,options:s}}}},Qt=(n,e)=>{let t=[{apply:()=>{e==null||e()},label:"Save Expression",boost:10}];return{from:n.pos,options:t}},Qn=(n,e)=>{let t=(0,ln.useCallback)(async(o,r,i={})=>{let s=await n.getSuggestions(r,i),{startsWith:p=""}=i;return{from:o.pos-p.length,options:s}},[n]);return(0,ln.useCallback)(async o=>{var x,E;let{state:r,pos:i}=o,s=(x=o.matchBefore(/\w*/))!=null?x:{from:0,to:0,text:void 0},l=(0,v.syntaxTree)(r).resolveInner(i,-1),c=r.doc.toString(),g=on(c);switch(console.log({nodeBeforeName:l.name}),l.name){case"If":return console.log("conditional expression  If"),t(o,"expression",{prefix:"( "});case"Condition":{let a=ue(l,o);if((a==null?void 0:a.name)==="Column"){let m=(0,v.getPreviousNode)(a);if((m==null?void 0:m.name)!=="RelationalOperator")return t(o,"condition-operator",{columnName:(0,v.getValue)(a,r)});console.log(`Condition last child Column, prev child ${m==null?void 0:m.name}`)}else if((a==null?void 0:a.name)==="RelationalOperator")return t(o,"expression");console.log(`condition  last child ${a==null?void 0:a.name}`)}break;case"ConditionalExpression":return an(l,o,n);case"RelationalExpression":{if(rn(l))return{from:o.pos,options:v.booleanJoinSuggestions.concat({label:", <truthy expression>, <falsy expression>",apply:", "})};{let a=Nn(l,r),m=pn(l,r);if(a)return t(o,"expression");{let f=await n.getSuggestions("condition-operator",{columnName:m});return{from:o.pos,options:f}}}}break;case"RelationalOperator":return t(o,"expression");case"String":{let a=Nn(l,r),m=pn(l,r),{from:f,to:d}=l;if(d-f===2&&o.pos===f+1){if(m&&a)return t(o,"columnValue",{columnName:m,operator:a,startsWith:s.text})}else if(d-f>2&&o.pos===d)return t(o,"expression",{prefix:", "});console.log(`we have a string, column is ${m} ${f} ${d}`)}break;case"ArithmeticExpression":{let a=ue(l,o);if((a==null?void 0:a.name)==="Column")return t(o,"expression");if(Nt(a)){let m=a.name;return t(o,"column",{operator:m})}}break;case"OpenBrace":{let a=kn(l,r);return t(o,"expression",{functionName:a})}break;case"ArgList":{let a=kn(l,r),m=ue(l,o),f=(m==null?void 0:m.name)==="OpenBrace"?void 0:",",d=await n.getSuggestions("expression",{functionName:a});return d=f?kt(d,", "):d,(m==null?void 0:m.name)!=="OpenBrace"&&(m==null?void 0:m.name)!=="Comma"&&(d=[{apply:") ",boost:10,label:"Done - no more arguments"}].concat(d)),{from:o.pos,options:d}}case"Equal":if(c.trim()==="=")return t(o,"expression");break;case"ParenthesizedExpression":case"ColumnDefinitionExpression":if(o.pos===0)return t(o,"expression");{let a=ue(l,o);if((a==null?void 0:a.name)==="Column"){if(g){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}],f=(0,v.getValue)(a,r),d=await n.getSuggestions("operator",{columnName:f});return{from:o.pos,options:m.concat(d)}}}else if((a==null?void 0:a.name)==="CallExpression"){if(g){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}];return{from:o.pos,options:m}}}else if((a==null?void 0:a.name)==="ArithmeticExpression"){if(g){let m=[{apply:()=>{e.current()},label:"Save Expression",boost:10}],f=ue(a,o);if((f==null?void 0:f.name)==="Column"){let d=(0,v.getValue)(f,r),P=await n.getSuggestions("operator",{columnName:d});m=m.concat(P)}return{from:o.pos,options:m}}}else if((a==null?void 0:a.name)==="ConditionalExpression")return an(a,o,n,g,e.current);break}case"Column":if(await n.isPartialMatch("expression",void 0,s.text))return t(o,"expression",{startsWith:s.text});break;case"Comma":{let a=(0,v.getNamedParentNode)(l);if((a==null?void 0:a.name)==="ConditionalExpression")return t(o,"expression")}break;case"CloseBrace":{let a=(0,v.getNamedParentNode)(l);if((a==null?void 0:a.name)==="ConditionalExpression")return an(a,o,n,g,e.current);if((a==null?void 0:a.name)==="ArgList"&&g)return Qt(o,e.current);console.log(`does closebrace denote an ARgList or a parenthetised expression ? ${a}`)}break;default:((E=l==null?void 0:l.prevSibling)==null?void 0:E.name)==="FilterClause"&&console.log("looks like we ight be a or|and operator")}},[t,e,n])};var Re=n=>{if(n.current==null)throw Error("EditorView not defined");return n.current},Ft=()=>"vuuSuggestion",Lt=()=>console.log("noooop"),It=n=>"expressionType"in n,Bt=n=>{if(It(n)){let e=(0,cn.createEl)("div","expression-type-container"),t=(0,cn.createEl)("span","expression-type",n.expressionType);return e.appendChild(t),e}else return null},un=({onChange:n,onSubmitExpression:e,suggestionProvider:t})=>{let o=(0,J.useRef)(null),r=(0,J.useRef)(Lt),i=(0,J.useRef)(),s=Qn(t,r),[p,l]=(0,J.useMemo)(()=>{let c=()=>{let f=Re(i),d=f.state.doc.toString(),P=(0,O.ensureSyntaxTree)(f.state,f.state.doc.length,5e3);if(P){let w=tn(P,d);return[d,w]}else return["",void 0]},g=()=>{Re(i).setState(m())},x=()=>{let[f,d]=c();e==null||e(f,d),g()},E=f=>O.keymap.of([{key:f,run(){return x(),!0}}]),a=f=>O.keymap.of([{key:f,run(){return(0,O.startCompletion)(Re(i)),!0}}]),m=()=>O.EditorState.create({doc:"",extensions:[O.minimalSetup,(0,O.autocompletion)({addToOptions:[{render:Bt,position:70}],override:[s],optionClass:Ft}),Je(),O.keymap.of(O.defaultKeymap),E("Ctrl-Enter"),a("ArrowDown"),O.EditorView.updateListener.of(f=>{let d=Re(i);if(f.docChanged){(0,O.startCompletion)(d);let P=d.state.doc.toString();n==null||n(P,void 0)}}),An,Dn]});return r.current=()=>{x(),setTimeout(()=>{Re(i).focus()},100)},[m,g]},[s,n,e]);return(0,J.useEffect)(()=>{if(!o.current)throw Error("editor not in dom");return i.current=new O.EditorView({state:p(),parent:o.current}),()=>{var c;(c=i.current)==null||c.destroy()}},[s,p]),{editorRef:o,clearInput:l}};var Fn=require("react/jsx-runtime"),$t="vuuColumnExpressionInput",mn=({onChange:n,onSubmitExpression:e,suggestionProvider:t})=>{let{editorRef:o}=un({onChange:n,onSubmitExpression:e,suggestionProvider:t});return(0,Fn.jsx)("div",{className:`${$t}`,ref:o})};var $=require("@vuu-ui/vuu-codemirror"),Xe=require("@vuu-ui/vuu-data"),ge=require("@vuu-ui/vuu-utils"),de=require("react");var me=[{accepts:"string",description:"Returns multiple string values as a single joined string. Arguments may be string literal values, string columns or other string expressions. Non string arguments may also be included, these will be converted to strings.",example:{expression:'concatenate("example", "-test")',result:'"example-test"'},name:"concatenate",params:{description:"( string, string, [ string* ] )"},type:"string"},{accepts:["string","string"],description:"Tests a string value to determine whether it contains a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> contains one or more occurrences of <target subscring>",example:{expression:'contains("Royal Bank of Scotland", "bank")',result:"true"},name:"contains",params:{description:"( string )"},type:"boolean"},{accepts:["string","number"],description:"Returns the leftmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:'left("USD Benchmark Report", 3)',result:'"USD"'},name:"left",params:{count:2,description:"( string, number )"},type:"string"},{accepts:"string",description:"Returns the number of characters in <string>. Argument may be a string literal, string column or other string expression.",example:{expression:'len("example")',result:"7"},name:"len",params:{description:"(string)"},type:"number"},{accepts:"string",description:"Convert a string value to lowercase. Argument may be a string column or other string expression.",example:{expression:'lower("examPLE")',result:'"example"'},name:"lower",params:{description:"( string )"},type:"string"},{accepts:"string",description:"Convert a string value to uppercase. Argument may be a string column or other string expression.",example:{expression:'upper("example")',result:'"EXAMPLE"'},name:"upper",params:{description:"( string )"},type:"string"},{accepts:["string","number"],description:"Returns the rightmost <number> characters from <string>. First argument may be a string literal, string column or other string expression.",example:{expression:"blah",result:"blah"},name:"right",params:{description:"( string )"},type:"string"},{accepts:["string","string","string"],description:"Replace characters within a string. Accepts three arguments: source text, text to replace and replacement text. Returns a copy of <source text> with any occurrences of <text to replace> replaced by <replacement text>",example:{expression:"blah",result:"blah"},name:"replace",params:{description:"( string )"},type:"string"},{accepts:"number",description:"Converts a number to a string.",example:{expression:"blah",result:"blah"},name:"text",params:{description:"( string )"},type:"string"},{accepts:"string",description:"Tests a string value to determine whether it starts with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> starts with <target subscring>.",example:{expression:"blah",result:"blah"},name:"starts",params:{description:"( string )"},type:"boolean"},{accepts:"string",description:"Tests a string value to determine whether it ends with a given substring. Accepts two arguments: source text and target substring. Returns true if <source text> ends with <target subscring>.",example:{expression:"blah",result:"blah"},name:"ends",params:{description:"( string )"},type:"boolean"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"min",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"max",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"sum",params:{description:"( string )"},type:"number"},{accepts:"number",description:"blah",example:{expression:"blah",result:"blah"},name:"round",params:{description:"( string )"},type:"number"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"or",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"blah",example:{expression:"blah",result:"blah"},name:"and",params:{description:"( string )"},type:"boolean"},{accepts:"any",description:"Return one of two possible result values, depending on the evaluation of a filter expression. If <filterExpression> resolves to true, result is <expression1>, otherwise <expression2>. ",example:{expression:"blah",result:"blah"},name:"if",params:{description:"( filterExpression, expression1, expression 2)"},type:"variable"}];var B=require("@vuu-ui/vuu-utils"),Ln=({name:n,description:e,example:t,params:o,type:r})=>{let i=(0,B.createEl)("div","vuuFunctionDoc"),s=(0,B.createEl)("div","function-heading"),p=(0,B.createEl)("span","function-name",n),l=(0,B.createEl)("span","param-list",o.description),c=(0,B.createEl)("span","function-type",r);s.appendChild(p),s.appendChild(l),s.appendChild(c);let g=(0,B.createEl)("p",void 0,e);if(i.appendChild(s),i.appendChild(g),t){let x=(0,B.createEl)("div","example-container","Example:"),E=(0,B.createEl)("div","example-expression",t.expression),a=(0,B.createEl)("div","example-result",t.result);x.appendChild(E),x.appendChild(a),i.appendChild(x)}return i};var Ut=[],te=n=>n.map(e=>{var t;return{...e,apply:((t=e.apply)!=null?t:e.label)+" "}}),Mt=(n,{functionName:e,operator:t})=>{if(t)return n.filter(ge.isNumericColumn);if(e){let o=me.find(r=>r.name===e);if(o)switch(o.accepts){case"string":return n.filter(ge.isTextColumn);case"number":return n.filter(ge.isNumericColumn);default:return n}}return n},In=(n,e)=>Mt(n,e).map(o=>{var i;let r=(i=o.label)!=null?i:o.name;return{apply:e.prefix?`${e.prefix}${r}`:r,label:r,boost:5,type:"column",expressionType:o.serverDataType}}),Gt=[{apply:"* ",boost:2,label:"*",type:"operator"},{apply:"/ ",boost:2,label:"/",type:"operator"},{apply:"+ ",boost:2,label:"+",type:"operator"},{apply:"- ",boost:2,label:"-",type:"operator"}],Wt=n=>n===void 0||(0,ge.isNumericColumn)(n)?Gt:Ut,Xt=n=>{switch(n.serverDataType){case"string":case"char":return te($.stringOperators);case"int":case"long":case"double":return te($.numericOperators)}},dn=n=>({apply:`${n.name}( `,boost:2,expressionType:n.type,info:()=>Ln(n),label:n.name,type:"function"}),Ht=n=>{if(n){if(typeof n.accepts=="string")return n.accepts;if(Array.isArray(n.accepts))return n.accepts.every(e=>e==="string")?"string":"any"}return"any"},Vt=me.map(dn),zt=({functionName:n})=>{if(n){let e=me.find(o=>o.name===n),t=Ht(e);if(e)switch(t){case"string":return me.filter(o=>o.type==="string"||o.type==="variable").map(dn);case"number":return me.filter(o=>o.type==="number"||o.type==="variable").map(dn);default:}}return Vt},Yt={},gn=({columns:n,table:e})=>{let t=(0,de.useCallback)(p=>p?n.find(l=>l.name===p):void 0,[n]),o=(0,de.useRef)(),r=(0,Xe.useTypeaheadSuggestions)(),i=(0,de.useCallback)(async(p,l=Yt)=>{let{columnName:c,functionName:g,operator:x,prefix:E}=l;switch(p){case"expression":{let a=await te(In(n,{functionName:g,prefix:E})).concat(zt(l));return o.current=a}case"column":{let a=await In(n,l);return o.current=te(a)}case"operator":{let a=await Wt(t(c));return o.current=te(a)}case"relational-operator":{let a=await(0,$.getRelationalOperators)(t(c));return o.current=te(a)}case"condition-operator":{let a=t(c);if(a){let m=await Xt(a);if(m)return o.current=te(m)}}break;case"columnValue":if(c&&x){let a=(0,Xe.getTypeaheadParams)(e,c),m=await r(a);return o.current=(0,$.toSuggestions)(m,{suffix:""}),o.current.forEach(f=>{f.apply=(d,P,w)=>{let G=new $.AnnotationType,Ee=w+P.label.length+1;d.dispatch({changes:{from:w,insert:P.label},selection:{anchor:Ee,head:Ee},annotations:G.of(P)})}}),o.current}break}return[]},[n,t,r,e]),s=(0,de.useCallback)(async(p,l,c)=>{let{current:g}=o,x=!1,E=g||await i(p,{columnName:l});if(c&&E)for(let a of E){if(a.label===c)return!1;a.label.startsWith(c)&&(x=!0)}return x},[i]);return{getSuggestions:i,isPartialMatch:s}};var ye=require("@salt-ds/core"),at=q(require("classnames"),1),z=require("react");var fn=require("@heswell/salt-lab"),F=require("@salt-ds/core"),U=require("react");var Bn=require("@heswell/salt-lab"),$n=q(require("classnames"),1);var Ce=require("react/jsx-runtime"),fe="vuuColumnListItem",Un=({className:n,item:e,label:t,style:o,...r})=>{let i=(0,$n.default)(fe,n,{[`${fe}-calculated`]:e==null?void 0:e.expression,[`${fe}-hidden`]:e==null?void 0:e.hidden});return(0,Ce.jsxs)(Bn.ListItem,{className:i,...r,children:[(0,Ce.jsx)("span",{className:`${fe}-iconType`}),(0,Ce.jsx)("label",{className:`${fe}-label`,children:t}),(0,Ce.jsx)("span",{className:`${fe}-iconHidden`})]})};var y=require("react/jsx-runtime"),xe="vuuColumnPicker",Zt=(n,e)=>n.filter(t=>e.find(o=>o.name===t.name)==null),Mn=({availableColumns:n,id:e,dispatchColumnAction:t,onAddCalculatedColumnClick:o,onSelectionChange:r,chosenColumns:i,selectedColumn:s})=>{let[p,l]=(0,U.useState)([]),c=(0,F.useIdMemo)(e),g=Zt(n,i),x=(0,U.useCallback)(()=>{p.length>0&&(l([]),t({type:"addColumn",columns:p}))},[t,p]),E=(0,U.useCallback)(()=>s&&t({type:"removeColumn",column:s}),[s,t]),a=(0,U.useCallback)(()=>s&&t({type:"moveColumn",column:s,moveBy:-1}),[t,s]),m=(0,U.useCallback)(()=>s&&t({type:"moveColumn",column:s,moveBy:1}),[t,s]),f=(0,U.useCallback)((w,G)=>l(G),[]),d=(0,U.useCallback)((w,G)=>r==null?void 0:r(G),[r]),P=(0,U.useCallback)((w,G)=>{t({type:"moveColumn",moveFrom:w,moveTo:G})},[t]);return(0,y.jsxs)("div",{className:xe,id:c,children:[(0,y.jsxs)("div",{className:`${xe}-listColumn`,children:[(0,y.jsx)("label",{htmlFor:`available-${c}`,children:(0,y.jsx)(F.Text,{as:"h4",children:"Available Columns"})}),(0,y.jsx)("div",{className:`${xe}-listContainer`,style:{flex:1,overflow:"hidden"},children:(0,y.jsx)(fn.List,{borderless:!0,checkable:!1,height:"100%",id:`available-${c}`,itemHeight:24,itemToString:w=>w.name,onSelectionChange:f,selected:p,selectionStrategy:"extended",source:g})}),(0,y.jsx)("div",{style:{display:"flex",alignItems:"center",flex:"0 0 32px",marginTop:"var(--salt-size-basis-unit)"},children:(0,y.jsxs)(F.Button,{onClick:x,disabled:p.length===0,children:["Show",(0,y.jsx)("span",{"data-icon":"arrow-thin-right",style:{marginLeft:8}})]})})]}),(0,y.jsxs)("div",{className:`${xe}-listColumn`,children:[(0,y.jsx)("label",{htmlFor:`selected-${c}`,children:(0,y.jsx)(F.Text,{as:"h4",children:"Included Columns"})}),(0,y.jsx)("div",{className:`${xe}-listContainer`,style:{flex:1,overflow:"hidden"},children:(0,y.jsx)(fn.List,{ListItem:Un,allowDragDrop:!0,borderless:!0,height:"100%",id:`selected-${c}`,itemHeight:24,itemToString:w=>w.name,onMoveListItem:P,onSelectionChange:d,selected:s,style:{flex:1},source:i})}),(0,y.jsxs)("div",{style:{alignItems:"center",flex:"0 0 32px",display:"flex",gap:6,marginTop:"var(--salt-size-basis-unit)"},children:[(0,y.jsxs)(F.Button,{onClick:E,disabled:s===null,children:[(0,y.jsx)("span",{"data-icon":"arrow-thin-left",style:{marginRight:8}}),"Hide"]}),(0,y.jsx)(F.Button,{"aria-label":"Move column up",onClick:a,disabled:s===null||(i==null?void 0:i.indexOf(s))===0,style:{width:28},children:(0,y.jsx)("span",{"data-icon":"arrow-thin-up"})}),(0,y.jsx)(F.Button,{"aria-label":"Move column down",onClick:m,disabled:s===null||i.indexOf(s)===i.length-1,style:{width:28},children:(0,y.jsx)("span",{"data-icon":"arrow-thin-down"})}),(0,y.jsx)(F.Button,{"aria-label":"Add calculated column",className:`${xe}-addCalculatedColumn`,onClick:o,variant:"primary",children:(0,y.jsx)("span",{"data-icon":"add"})})]})]})]})};var Kn=require("@vuu-ui/vuu-layout"),b=require("@heswell/salt-lab"),ke=require("@salt-ds/core"),jn=q(require("classnames"),1),H=require("react");var Vn=require("@vuu-ui/vuu-utils"),zn=require("@heswell/salt-lab"),Yn=require("@salt-ds/core"),xn=q(require("classnames"),1),Zn=require("react");var oe=require("@heswell/salt-lab"),Gn=require("@salt-ds/core"),Ae=require("react");var A=require("react/jsx-runtime"),Jt={alignOnDecimals:!1,decimals:4,zeroPad:!1},qt=(n,e)=>{let t=typeof n=="object"&&n.formatting?n.formatting:{};return["alignOnDecimals","decimals","zeroPad"].reduce((r,i)=>t[i]!==void 0?{...r,[i]:t[i]}:(e==null?void 0:e[i])!==void 0?{...r,[i]:e[i]}:r,Jt)},Wn=({column:n,dispatchColumnAction:e})=>{let{decimals:t,alignOnDecimals:o,zeroPad:r}=qt(n==null?void 0:n.type),i=(0,Ae.useCallback)(c=>e({type:"updateColumnTypeFormatting",column:n,...c}),[n,e]),s=(0,Ae.useCallback)(c=>i({decimals:parseInt(c.toString(),10)}),[i]),p=(0,Ae.useCallback)((c,g)=>i({alignOnDecimals:g}),[i]),l=(0,Ae.useCallback)((c,g)=>i({zeroPad:g}),[i]);switch(n.serverDataType){case"double":return(0,A.jsxs)(A.Fragment,{children:[(0,A.jsx)(oe.FormField,{label:"No of Decimals",labelPlacement:"top",children:(0,A.jsx)(oe.StepperInput,{value:t,onChange:s})}),(0,A.jsx)(oe.Switch,{checked:o,label:"Align on decimals",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:p}),(0,A.jsx)(oe.Switch,{checked:r,label:"Zero pad",LabelProps:{className:"vuuColumnPanelSwitch"},onChange:l})]});case"long":case"int":return(0,A.jsx)(A.Fragment,{children:(0,A.jsx)(Gn.Text,{children:"Work in progress"})});default:return null}};var He=require("react/jsx-runtime"),Xn=({column:n,dispatchColumnAction:e})=>(0,He.jsx)(He.Fragment,{children:"String"});var X=require("react/jsx-runtime"),Cn="vuuColumnTypePanel",_t=["Default Renderer (int, long)"],Kt=["Default Renderer (double)"],Hn=["Default Renderer (string)"],jt=n=>{let t=(0,Vn.getRegisteredCellRenderers)(n.serverDataType).map(o=>o.name);switch(console.log({customRendererNames:t}),n.serverDataType){case"char":case"string":return Hn;case"int":case"long":return _t;case"double":return Kt.concat(t);default:return Hn}},Jn=({className:n,column:e,dispatchColumnAction:t,...o})=>{let r=(0,Zn.useMemo)(()=>{switch(e.serverDataType){case"double":case"int":case"long":return(0,X.jsx)(Wn,{column:e,dispatchColumnAction:t});default:return(0,X.jsx)(Xn,{column:e,dispatchColumnAction:t})}},[e,t]),{serverDataType:i="string"}=e,s=jt(e);return(0,X.jsxs)(X.Fragment,{children:[(0,X.jsx)(zn.Dropdown,{className:(0,xn.default)(`${Cn}-renderer`),fullWidth:!0,selected:s[0],source:s}),(0,X.jsx)(Yn.Panel,{...o,className:(0,xn.default)(Cn,n,`${Cn}-${i}`),children:r})]})};var h=require("react/jsx-runtime"),qn="vuuColumnSettingsPanel",eo={className:"salt-density-high"},_n=()=>null,et=({column:n,dispatchColumnAction:e,style:t,...o})=>{var E,a,m,f;let[r,i]=(0,H.useState)(0),s=(0,H.useCallback)(d=>e({type:"updateColumnProp",column:n,...d}),[n,e]),p=(0,H.useCallback)(d=>s({align:d.target.value}),[s]),l=(0,H.useCallback)(d=>s({pin:d.target.value}),[s]),c=(0,H.useCallback)((d,P)=>s({hidden:P}),[s]),g=(0,H.useCallback)((d,P)=>s({label:P}),[s]),x=(0,H.useCallback)(d=>s({width:parseInt(d.toString(),10)}),[s]);return(0,h.jsxs)("div",{className:qn,...o,style:{...t},children:[(0,h.jsx)(ke.Text,{as:"h4",children:"Column Settings"}),(0,h.jsxs)(Kn.Stack,{active:r,showTabs:!0,className:(0,jn.default)(`${qn}-columnTabs`),onTabSelectionChanged:i,TabstripProps:eo,children:[(0,h.jsxs)(ke.Panel,{title:"Column",children:[(0,h.jsx)(b.FormField,{label:"Hidden",labelPlacement:"left",children:(0,h.jsx)(b.Checkbox,{checked:n.hidden===!0,onChange:c})}),(0,h.jsx)(b.FormField,{label:"Label",labelPlacement:"left",children:(0,h.jsx)(b.Input,{value:(E=n.label)!=null?E:n.name,onChange:g})}),(0,h.jsx)(b.FormField,{label:"Width",labelPlacement:"left",children:(0,h.jsx)(b.StepperInput,{value:(a=n.width)!=null?a:100,onChange:x})}),(0,h.jsx)(b.FormField,{label:"Align",labelPlacement:"left",ActivationIndicatorComponent:_n,children:(0,h.jsxs)(b.RadioButtonGroup,{"aria-label":"Column Align",value:(m=n.align)!=null?m:"left",legend:"Align",onChange:p,children:[(0,h.jsx)(b.RadioButton,{label:"Left",value:"left"}),(0,h.jsx)(b.RadioButton,{label:"Right",value:"right"})]})}),(0,h.jsx)(b.FormField,{label:"Pin Column",labelPlacement:"left",ActivationIndicatorComponent:_n,children:(0,h.jsxs)(b.RadioButtonGroup,{"aria-label":"Pin Column",value:(f=n.pin)!=null?f:"",legend:"Pin Column",onChange:l,children:[(0,h.jsx)(b.RadioButton,{label:"Do not pin",value:""}),(0,h.jsx)(b.RadioButton,{label:"Left",value:"left"}),(0,h.jsx)(b.RadioButton,{label:"Right",value:"right"})]})})]}),(0,h.jsx)(Jn,{column:n,dispatchColumnAction:e,title:"Data Cell"}),(0,h.jsxs)(ke.Panel,{title:"Vuu",variant:"secondary",children:[(0,h.jsx)(b.FormField,{label:"Name",labelPlacement:"top",readOnly:!0,variant:"secondary",children:(0,h.jsx)(b.Input,{value:n.name})}),(0,h.jsx)(b.FormField,{label:"Vuu type",labelPlacement:"top",readOnly:!0,variant:"secondary",children:(0,h.jsx)(b.Input,{value:n.serverDataType})})]})]})]})};var L=require("@heswell/salt-lab"),ze=require("@salt-ds/core"),Ve=require("react");var k=require("react/jsx-runtime"),no="vuuGridSettingsPanel",to=()=>null,nt=({config:n,dispatchColumnAction:e,style:t,...o})=>{var p;let r=(0,Ve.useCallback)(l=>e({type:"updateGridSettings",...l}),[e]),i=(0,Ve.useCallback)(l=>r({columnFormatHeader:l.target.value}),[r]),s=(0,Ve.useCallback)(l=>r({columnDefaultWidth:parseInt(l.toString(),10)}),[r]);return(0,k.jsxs)("div",{className:no,...o,style:{...t},children:[(0,k.jsx)(ze.Text,{as:"h4",children:"Grid Settings"}),(0,k.jsxs)(ze.Panel,{children:[(0,k.jsx)(L.FormField,{label:"Format column labels",labelPlacement:"left",ActivationIndicatorComponent:to,children:(0,k.jsxs)(L.RadioButtonGroup,{"aria-label":"Format column labels",value:n.columnFormatHeader,legend:"Format column labels",onChange:i,children:[(0,k.jsx)(L.RadioButton,{label:"No Formatting",value:void 0}),(0,k.jsx)(L.RadioButton,{label:"Capitalize",value:"capitalize"}),(0,k.jsx)(L.RadioButton,{label:"Uppercase",value:"uppercase"})]})}),(0,k.jsx)(L.FormField,{label:"Default Column Width",labelPlacement:"left",children:(0,k.jsx)(L.StepperInput,{value:(p=n.columnDefaultWidth)!=null?p:100,onChange:s})})]})]})};var tt=require("react"),ot=require("@heswell/salt-lab"),rt=require("@vuu-ui/vuu-utils"),oo=(n,e)=>{switch(console.log(`gridSettingsReducer ${e.type}`),e.type){case"addColumn":return ro(n,e);case"addCalculatedColumn":return so(n,e);case"moveColumn":return ao(n,e);case"removeColumn":return io(n,e);case"updateColumn":return n;case"updateColumnProp":return lo(n,e);case"updateGridSettings":return po(n,e);case"updateColumnTypeFormatting":return co(n,e);default:return n}},st=n=>{let[e,t]=(0,tt.useReducer)(oo,n);return{gridSettings:e,dispatchColumnAction:t}};function ro(n,{column:e,columns:t,index:o=-1}){let{columns:r}=n;if(o===-1){if(Array.isArray(t))return{...n,columns:r.concat(t)};if(e)return{...n,columns:r.concat(e)}}return n}function so(n,{columnName:e,columnType:t,expression:o}){let{columns:r}=n,i={name:e,expression:o,serverDataType:t};return{...n,columns:r.concat(i)}}function io(n,{column:e}){let{columns:t}=n;return{...n,columns:t.filter(o=>o.name!==e.name)}}function ao(n,{column:e,moveBy:t,moveFrom:o,moveTo:r}){let{columns:i}=n;if(e&&typeof t=="number"){let s=i.indexOf(e),p=i.slice(),[l]=p.splice(s,1);return p.splice(s+t,0,l),{...n,columns:p}}else return typeof o=="number"&&typeof r=="number"?{...n,columns:(0,ot.moveItem)(i,o,r)}:n}function lo(n,{align:e,column:t,hidden:o,label:r,width:i}){let{columns:s}=n;return(e==="left"||e==="right")&&(s=Ne(s,{...t,align:e})),typeof o=="boolean"&&(s=Ne(s,{...t,hidden:o})),typeof r=="string"&&(s=Ne(s,{...t,label:r})),typeof i=="number"&&(s=Ne(s,{...t,width:i})),{...n,columns:s}}function po(n,{columnFormatHeader:e}){return{...n,columnFormatHeader:e!=null?e:n.columnFormatHeader}}function co(n,{alignOnDecimals:e,column:t,decimals:o,zeroPad:r}){let{columns:i}=n;if(i.find(p=>p.name===t.name)){let{serverDataType:p="string",type:l=(0,rt.fromServerDataType)(p)}=t,c=typeof l=="string"?{name:l}:{...l};return typeof e=="boolean"&&(c.formatting={...c.formatting,alignOnDecimals:e}),typeof o=="number"&&(c.formatting={...c.formatting,decimals:o}),typeof r=="boolean"&&(c.formatting={...c.formatting,zeroPad:r}),{...n,columns:Ne(i,{...t,type:c})}}else return n}function Ne(n,e){return n.map(t=>t.name===e.name?e:t)}var lt=require("@vuu-ui/vuu-layout");var Ye=require("@heswell/salt-lab"),he=require("@salt-ds/core"),M=require("react");var V=require("react/jsx-runtime"),it=({columns:n,dispatchColumnAction:e,table:t})=>{let[o,r]=(0,M.useState)(""),[,i]=(0,M.useState)(),s=(0,M.useRef)(""),p=gn({columns:n,table:t}),l=(0,M.useCallback)(E=>{let{value:a}=E.target;r(a)},[]),c=(0,M.useCallback)(E=>{s.current=E},[]),g=(0,M.useCallback)((E,a)=>{console.log({source:E}),i(a)},[]),x=(0,M.useCallback)(()=>{s.current&&(console.log(`save expression ${JSON.stringify(s.current,null,2)}`),e({type:"addCalculatedColumn",columnName:o,expression:s.current,columnType:"string"}))},[o,e]);return(0,V.jsxs)(he.Panel,{className:"vuuCalculatedColumnPanel",title:"Define Computed Column",children:[(0,V.jsx)(he.Text,{styleAs:"h4",children:"Define Computed Column"}),(0,V.jsx)(Ye.FormField,{label:"Column Name",labelPlacement:"left",children:(0,V.jsx)(Ye.Input,{value:o,onChange:l})}),(0,V.jsx)(mn,{onChange:c,onSubmitExpression:g,suggestionProvider:p}),(0,V.jsx)("div",{style:{marginTop:12},children:(0,V.jsx)(he.Button,{onClick:x,children:"Add Column"})})]})};var T=require("react/jsx-runtime"),Ze="vuuDatagridSettingsPanel",uo=()=>{},mo=["table-settings","column-chooser","column-settings","define-column"],go=(n,e)=>mo[e],fo=({availableColumns:n,className:e,gridConfig:t,onCancel:o,onConfigChange:r,...i})=>{var Ee;console.log("DatagridSettingsPanel render");let[s,p]=(0,z.useState)(0),{gridSettings:l,dispatchColumnAction:c}=st(t),[g,x]=(0,z.useState)(null),E=(0,z.useCallback)(W=>{x(W?W.name:null)},[]),a=(0,z.useCallback)((W,ct=!1)=>{console.log("1) DataGridSettingsPanel fire onConfigChange"),r==null||r(l,ct)},[l,r]),m=(0,z.useCallback)(W=>{p(W)},[]),f=(0,z.useCallback)(W=>a(W,!0),[a]),d=g===null?null:(Ee=l.columns.find(W=>W.name===g))!=null?Ee:null,P={activeTabIndex:s,enableRenameTab:!1,orientation:"vertical"},w=(0,z.useCallback)(()=>p(3),[]),G=s===2?"right":void 0;return(0,T.jsxs)("div",{...i,className:(0,at.default)(Ze,e),children:[(0,T.jsxs)(lt.Stack,{TabstripProps:P,className:`${Ze}-stack`,getTabIcon:go,getTabLabel:uo,active:s===2?1:s,onTabSelectionChanged:m,showTabs:!0,children:[(0,T.jsx)(nt,{config:l,dispatchColumnAction:c}),(0,T.jsxs)("div",{className:`${Ze}-columnPanels`,"data-align":G,children:[(0,T.jsx)(Mn,{availableColumns:n,chosenColumns:l.columns,dispatchColumnAction:c,onSelectionChange:E,onAddCalculatedColumnClick:w,selectedColumn:d}),d===null?(0,T.jsx)(ye.Panel,{className:"vuuColumnSettingsPanel",children:"Select a column"}):(0,T.jsx)(et,{column:d,dispatchColumnAction:c,style:{background:"white",flex:"1 0 150px"}})]}),(0,T.jsx)("div",{title:"Column Settings",children:"Column Settings"}),(0,T.jsx)(it,{columns:l.columns,dispatchColumnAction:c,table:{module:"SIMUL",table:"instruments"}})]}),(0,T.jsxs)("div",{className:`${Ze}-buttonBar`,children:[(0,T.jsx)(ye.Button,{onClick:o,children:"Cancel"}),(0,T.jsx)(ye.Button,{onClick:a,children:"Apply"}),(0,T.jsx)(ye.Button,{onClick:f,children:"Save"})]})]})};var be=require("react"),pt=q(require("classnames"),1);var Y=require("react/jsx-runtime"),Qe="vuuDatasourceStats",hn=new Intl.NumberFormat,Co=({className:n,dataSource:e})=>{let[t,o]=(0,be.useState)(e.optimize),[r,i]=(0,be.useState)(e.range),[s,p]=(0,be.useState)(e.size);(0,be.useEffect)(()=>{o(e.optimize),p(e.size),e.on("optimize",o),e.on("resize",p),e.on("range",i)},[e]);let l=(0,pt.default)(Qe,n),c=hn.format(r.from),g=hn.format(r.to-1),x=hn.format(s);return(0,Y.jsxs)("div",{className:l,children:[(0,Y.jsx)("span",{children:"Showing rows"}),(0,Y.jsx)("span",{className:`${Qe}-range`,children:c}),(0,Y.jsx)("span",{className:`${Qe}-range`,children:g}),(0,Y.jsx)("span",{children:"of"}),(0,Y.jsx)("span",{className:`${Qe}-size`,children:x}),(0,Y.jsx)("span",{className:`${Qe}-optimize`,children:t})]})};
 //# sourceMappingURL=index.js.map