@vuu-ui/vuu-table-extras 0.13.9 → 0.13.10

package/cjs/column-expression-input/useColumnExpressionEditor.js

@@ -0,0 +1,131 @@
+'use strict';
+
+var vuuCodemirror = require('@vuu-ui/vuu-codemirror');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+var ColumnExpressionLanguage = require('./column-language-parser/ColumnExpressionLanguage.js');
+var ColumnExpressionTreeWalker = require('./column-language-parser/ColumnExpressionTreeWalker.js');
+require('./column-language-parser/column-expression-parse-utils.js');
+var highlighting = require('./highlighting.js');
+var theme = require('./theme.js');
+var useColumnAutoComplete = require('./useColumnAutoComplete.js');
+
+const getView = (ref) => {
+  if (ref.current == void 0) {
+    throw Error("EditorView not defined");
+  }
+  return ref.current;
+};
+const getOptionClass = () => {
+  return "vuuSuggestion";
+};
+const noop = () => console.log("noooop");
+const hasExpressionType = (completion) => "expressionType" in completion;
+const injectOptionContent = (completion) => {
+  if (hasExpressionType(completion)) {
+    const div = vuuUtils.createEl("div", "expression-type-container");
+    const span = vuuUtils.createEl("span", "expression-type", completion.expressionType);
+    div.appendChild(span);
+    return div;
+  } else {
+    return null;
+  }
+};
+const useColumnExpressionEditor = ({
+  onChange,
+  onSubmitExpression,
+  source,
+  suggestionProvider
+}) => {
+  const editorRef = react.useRef(null);
+  const onSubmitRef = react.useRef(noop);
+  const viewRef = react.useRef(void 0);
+  const completionFn = useColumnAutoComplete.useColumnAutoComplete(suggestionProvider, onSubmitRef);
+  const [createState, clearInput, submit] = react.useMemo(() => {
+    const parseExpression = () => {
+      const view = getView(viewRef);
+      const source2 = view.state.doc.toString();
+      const tree = vuuCodemirror.ensureSyntaxTree(view.state, view.state.doc.length, 5e3);
+      if (tree) {
+        const expression = ColumnExpressionTreeWalker.walkTree(tree, source2);
+        return [source2, expression];
+      } else {
+        return ["", void 0];
+      }
+    };
+    const clearInput2 = () => {
+      getView(viewRef).setState(createState2());
+    };
+    const submitExpression = () => {
+      const [source2, expression] = parseExpression();
+      onSubmitExpression?.(source2, expression);
+    };
+    const showSuggestions = (key) => {
+      return vuuCodemirror.keymap.of([
+        {
+          key,
+          run() {
+            vuuCodemirror.startCompletion(getView(viewRef));
+            return true;
+          }
+        }
+      ]);
+    };
+    const createState2 = () => vuuCodemirror.EditorState.create({
+      doc: source,
+      extensions: [
+        vuuCodemirror.minimalSetup,
+        vuuCodemirror.autocompletion({
+          addToOptions: [
+            {
+              render: injectOptionContent,
+              position: 70
+            }
+          ],
+          override: [completionFn],
+          optionClass: getOptionClass
+        }),
+        ColumnExpressionLanguage.columnExpressionLanguageSupport(),
+        vuuCodemirror.keymap.of(vuuCodemirror.defaultKeymap),
+        showSuggestions("ArrowDown"),
+        vuuCodemirror.EditorView.updateListener.of((v) => {
+          const view = getView(viewRef);
+          if (v.docChanged) {
+            vuuCodemirror.startCompletion(view);
+            const source2 = view.state.doc.toString();
+            onChange?.(source2);
+          }
+        }),
+        // Enforces single line view
+        vuuCodemirror.EditorState.transactionFilter.of(
+          (tr) => tr.newDoc.lines > 1 ? [] : tr
+        ),
+        theme.vuuTheme,
+        highlighting.vuuHighlighting
+      ]
+    });
+    onSubmitRef.current = () => {
+      submitExpression();
+    };
+    return [createState2, clearInput2, submitExpression];
+  }, [completionFn, onChange, onSubmitExpression, source]);
+  react.useEffect(() => {
+    if (!editorRef.current) {
+      throw Error("editor not in dom");
+    }
+    viewRef.current = new vuuCodemirror.EditorView({
+      state: createState(),
+      parent: editorRef.current
+    });
+    return () => {
+      viewRef.current?.destroy();
+    };
+  }, [completionFn, createState]);
+  const handleBlur = react.useCallback(() => {
+    submit();
+  }, [submit]);
+  return { editorRef, clearInput, onBlur: handleBlur };
+};
+
+exports.useColumnExpressionEditor = useColumnExpressionEditor;
+//# sourceMappingURL=useColumnExpressionEditor.js.map

package/cjs/column-expression-input/useColumnExpressionEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnExpressionEditor.js","sources":["../../src/column-expression-input/useColumnExpressionEditor.ts"],"sourcesContent":["import {\n  autocompletion,\n  Completion,\n  defaultKeymap,\n  EditorState,\n  EditorView,\n  ensureSyntaxTree,\n  keymap,\n  minimalSetup,\n  startCompletion,\n} from \"@vuu-ui/vuu-codemirror\";\nimport { createEl } from \"@vuu-ui/vuu-utils\";\nimport {\n  FocusEventHandler,\n  MutableRefObject,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { columnExpressionLanguageSupport } from \"./column-language-parser\";\nimport {\n  ColumnDefinitionExpression,\n  walkTree,\n} from \"./column-language-parser/ColumnExpressionTreeWalker\";\nimport { ColumnExpressionInputProps } from \"./ColumnExpressionInput\";\nimport { vuuHighlighting } from \"./highlighting\";\nimport { vuuTheme } from \"./theme\";\nimport {\n  ApplyCompletion,\n  useColumnAutoComplete,\n} from \"./useColumnAutoComplete\";\n\nexport type ColumnExpressionOperator = \"Times\" | \"Divide\" | \"Minus\" | \"Plus\";\n\nexport type ColumnExpressionSuggestionType =\n  | \"column\"\n  | \"columnValue\"\n  | \"expression\"\n  | \"condition-operator\"\n  | \"operator\"\n  | \"relational-operator\";\n\nexport type ColumnExpressionSuggestionOptions = {\n  columnName?: string;\n  functionName?: string;\n  operator?: ColumnExpressionOperator;\n  prefix?: string;\n  startsWith?: string;\n  selection?: string[];\n};\n\n// TODO move this somewhere neutral\nexport interface IExpressionSuggestionProvider {\n  getSuggestions: (\n    valueType: ColumnExpressionSuggestionType,\n    options?: ColumnExpressionSuggestionOptions,\n  ) => Promise<Completion[]>;\n  isPartialMatch: (\n    valueType: ColumnExpressionSuggestionType,\n    columnName?: string,\n    text?: string | undefined,\n  ) => Promise<boolean>;\n}\n\nexport interface ExpressionSuggestionConsumer {\n  suggestionProvider: IExpressionSuggestionProvider;\n}\n\nconst getView = (ref: MutableRefObject<EditorView | undefined>): EditorView => {\n  if (ref.current == undefined) {\n    throw Error(\"EditorView not defined\");\n  }\n  return ref.current;\n};\n\nconst getOptionClass = (/*completion: Completion*/) => {\n  return \"vuuSuggestion\";\n};\n\nconst noop = () => console.log(\"noooop\");\n\nconst hasExpressionType = (\n  completion: Completion,\n): completion is Completion & { expressionType: string } =>\n  \"expressionType\" in completion;\n\nconst injectOptionContent = (\n  completion: Completion /*, state: EditorState*/,\n) => {\n  if (hasExpressionType(completion)) {\n    const div = createEl(\"div\", \"expression-type-container\");\n    const span = createEl(\"span\", \"expression-type\", completion.expressionType);\n    div.appendChild(span);\n    return div;\n  } else {\n    return null;\n  }\n};\n\nexport const useColumnExpressionEditor = ({\n  onChange,\n  onSubmitExpression,\n  source,\n  suggestionProvider,\n}: ColumnExpressionInputProps) => {\n  const editorRef = useRef<HTMLDivElement>(null);\n  const onSubmitRef = useRef<ApplyCompletion>(noop);\n  const viewRef = useRef<EditorView>(undefined);\n  const completionFn = useColumnAutoComplete(suggestionProvider, onSubmitRef);\n\n  const [createState, clearInput, submit] = useMemo(() => {\n    const parseExpression = ():\n      | [string, ColumnDefinitionExpression]\n      | [\"\", undefined] => {\n      const view = getView(viewRef);\n      const source = view.state.doc.toString();\n      const tree = ensureSyntaxTree(view.state, view.state.doc.length, 5000);\n      if (tree) {\n        const expression = walkTree(tree, source);\n        return [source, expression];\n      } else {\n        return [\"\", undefined];\n      }\n    };\n\n    const clearInput = () => {\n      getView(viewRef).setState(createState());\n    };\n\n    const submitExpression = () => {\n      const [source, expression] = parseExpression();\n      onSubmitExpression?.(source, expression);\n    };\n\n    const showSuggestions = (key: string) => {\n      return keymap.of([\n        {\n          key,\n          run() {\n            startCompletion(getView(viewRef));\n            return true;\n          },\n        },\n      ]);\n    };\n\n    const createState = (): EditorState =>\n      EditorState.create({\n        doc: source,\n        extensions: [\n          minimalSetup,\n          autocompletion({\n            addToOptions: [\n              {\n                render: injectOptionContent,\n                position: 70,\n              },\n            ],\n            override: [completionFn],\n            optionClass: getOptionClass,\n          }),\n          columnExpressionLanguageSupport(),\n          keymap.of(defaultKeymap),\n          showSuggestions(\"ArrowDown\"),\n          EditorView.updateListener.of((v) => {\n            const view = getView(viewRef);\n            if (v.docChanged) {\n              startCompletion(view);\n              const source = view.state.doc.toString();\n              onChange?.(source);\n            }\n          }),\n          // Enforces single line view\n          EditorState.transactionFilter.of((tr) =>\n            tr.newDoc.lines > 1 ? [] : tr,\n          ),\n          vuuTheme,\n          vuuHighlighting,\n        ],\n      });\n\n    onSubmitRef.current = () => {\n      submitExpression();\n    };\n\n    return [createState, clearInput, submitExpression];\n  }, [completionFn, onChange, onSubmitExpression, source]);\n\n  useEffect(() => {\n    if (!editorRef.current) {\n      throw Error(\"editor not in dom\");\n    }\n\n    viewRef.current = new EditorView({\n      state: createState(),\n      parent: editorRef.current,\n    });\n\n    return () => {\n      viewRef.current?.destroy();\n    };\n  }, [completionFn, createState]);\n\n  const handleBlur = useCallback<FocusEventHandler>(() => {\n    submit();\n  }, [submit]);\n\n  return { editorRef, clearInput, onBlur: handleBlur };\n};\n"],"names":["createEl","useRef","useColumnAutoComplete","useMemo","source","ensureSyntaxTree","walkTree","clearInput","createState","keymap","startCompletion","EditorState","minimalSetup","autocompletion","columnExpressionLanguageSupport","defaultKeymap","EditorView","vuuTheme","vuuHighlighting","useEffect","useCallback"],"mappings":"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"}

package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js

@@ -0,0 +1,213 @@
+'use strict';
+
+var vuuCodemirror = require('@vuu-ui/vuu-codemirror');
+var vuuDataReact = require('@vuu-ui/vuu-data-react');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+var columnFunctionDescriptors = require('./column-function-descriptors.js');
+var functionDocInfo = require('./functionDocInfo.js');
+
+const NO_OPERATORS = [];
+const withApplySpace = (suggestions) => suggestions.map((suggestion) => ({
+  ...suggestion,
+  apply: (suggestion.apply ?? suggestion.label) + " "
+}));
+const getValidColumns = (columns, { functionName, operator }) => {
+  if (operator) {
+    return columns.filter(vuuUtils.isNumericColumn);
+  } else if (functionName) {
+    const fn = columnFunctionDescriptors.columnFunctionDescriptors.find((f) => f.name === functionName);
+    if (fn) {
+      switch (fn.accepts) {
+        case "string":
+          return columns.filter(vuuUtils.isTextColumn);
+        case "number":
+          return columns.filter(vuuUtils.isNumericColumn);
+        default:
+          return columns;
+      }
+    }
+  }
+  return columns;
+};
+const getColumns = (columns, options) => {
+  const validColumns = getValidColumns(columns, options);
+  return validColumns.map((column) => {
+    const label = column.label ?? column.name;
+    return {
+      apply: options.prefix ? `${options.prefix}${column.name}` : column.name,
+      label,
+      boost: 5,
+      type: "column",
+      expressionType: column.serverDataType
+    };
+  });
+};
+const 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" }
+];
+const getOperators = (column) => {
+  if (column === void 0 || vuuUtils.isNumericColumn(column)) {
+    return arithmeticOperators;
+  } else {
+    return NO_OPERATORS;
+  }
+};
+const getConditionOperators = (column) => {
+  switch (column.serverDataType) {
+    case "string":
+    case "char":
+      return withApplySpace(
+        vuuCodemirror.stringOperators
+        /*, startsWith*/
+      );
+    case "int":
+    case "long":
+    case "double":
+      return withApplySpace(vuuCodemirror.numericOperators);
+  }
+};
+const toFunctionCompletion = (functionDescriptor) => ({
+  apply: `${functionDescriptor.name}( `,
+  boost: 2,
+  expressionType: functionDescriptor.type,
+  info: () => functionDocInfo.functionDocInfo(functionDescriptor),
+  label: functionDescriptor.name,
+  type: "function"
+});
+const 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";
+};
+const functions = columnFunctionDescriptors.columnFunctionDescriptors.map(toFunctionCompletion);
+const getFunctions = ({ functionName }) => {
+  if (functionName) {
+    const fn = columnFunctionDescriptors.columnFunctionDescriptors.find((f) => f.name === functionName);
+    const acceptedTypes = getAcceptedTypes(fn);
+    if (fn) {
+      switch (acceptedTypes) {
+        case "string":
+          return columnFunctionDescriptors.columnFunctionDescriptors.filter((f) => f.type === "string" || f.type === "variable").map(toFunctionCompletion);
+        case "number":
+          return columnFunctionDescriptors.columnFunctionDescriptors.filter((f) => f.type === "number" || f.type === "variable").map(toFunctionCompletion);
+      }
+    }
+  }
+  return functions;
+};
+const NONE = {};
+const useColumnExpressionSuggestionProvider = ({
+  columns,
+  table
+}) => {
+  const findColumn = react.useCallback(
+    (name) => name ? columns.find((col) => col.name === name) : void 0,
+    [columns]
+  );
+  const latestSuggestionsRef = react.useRef(void 0);
+  const getTypeaheadSuggestions = vuuDataReact.useTypeaheadSuggestions();
+  const getSuggestions = react.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 vuuCodemirror.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 = vuuDataReact.getTypeaheadParams(
+              table,
+              columnName
+            );
+            const suggestions = await getTypeaheadSuggestions(params);
+            if (suggestions) {
+              latestSuggestionsRef.current = vuuCodemirror.toSuggestions(suggestions, {
+                suffix: ""
+              });
+              latestSuggestionsRef.current.forEach((suggestion) => {
+                suggestion.apply = (view, completion, from) => {
+                  const annotation = new vuuCodemirror.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 = react.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
+  };
+};
+
+exports.useColumnExpressionSuggestionProvider = useColumnExpressionSuggestionProvider;
+//# sourceMappingURL=useColumnExpressionSuggestionProvider.js.map

package/cjs/column-expression-input/useColumnExpressionSuggestionProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnExpressionSuggestionProvider.js","sources":["../../src/column-expression-input/useColumnExpressionSuggestionProvider.ts"],"sourcesContent":["import {\n  AnnotationType,\n  Completion,\n  EditorView,\n  getRelationalOperators,\n  numericOperators,\n  stringOperators,\n  toSuggestions,\n} from \"@vuu-ui/vuu-codemirror\";\nimport {\n  getTypeaheadParams,\n  useTypeaheadSuggestions,\n} from \"@vuu-ui/vuu-data-react\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { VuuTable } from \"@vuu-ui/vuu-protocol-types\";\nimport { isNumericColumn, isTextColumn } from \"@vuu-ui/vuu-utils\";\nimport { useCallback, useRef } from \"react\";\nimport {\n  ColumnFunctionDescriptor,\n  columnFunctionDescriptors,\n} from \"./column-function-descriptors\";\nimport { functionDocInfo } from \"./functionDocInfo\";\nimport {\n  ColumnExpressionOperator,\n  ColumnExpressionSuggestionType,\n  IExpressionSuggestionProvider,\n} from \"./useColumnExpressionEditor\";\n\nconst NO_OPERATORS = [] as Completion[];\n\nconst withApplySpace = (suggestions: Completion[]): Completion[] =>\n  suggestions.map((suggestion) => ({\n    ...suggestion,\n    apply: (suggestion.apply ?? suggestion.label) + \" \",\n  }));\n\ntype ColumnOptions = {\n  functionName?: string;\n  operator?: ColumnExpressionOperator;\n  prefix?: string;\n};\n\nconst getValidColumns = (\n  columns: ColumnDescriptor[],\n  { functionName, operator }: ColumnOptions,\n) => {\n  if (operator) {\n    return columns.filter(isNumericColumn);\n  } else if (functionName) {\n    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);\n    if (fn) {\n      switch (fn.accepts) {\n        case \"string\":\n          return columns.filter(isTextColumn);\n        case \"number\":\n          return columns.filter(isNumericColumn);\n        default:\n          return columns;\n      }\n    }\n  }\n  return columns;\n};\n\nconst getColumns = (columns: ColumnDescriptor[], options: ColumnOptions) => {\n  const validColumns = getValidColumns(columns, options);\n  return validColumns.map((column) => {\n    const label = column.label ?? column.name;\n    return {\n      apply: options.prefix ? `${options.prefix}${column.name}` : column.name,\n      label,\n      boost: 5,\n      type: \"column\",\n      expressionType: column.serverDataType,\n    };\n  });\n};\n\n// prettier-ignore\nconst arithmeticOperators = [\n  { apply: \"* \", boost: 2, label: \"*\", type: \"operator\" },\n  { apply: \"/ \", boost: 2, label: \"/\", type: \"operator\" },\n  { apply: \"+ \", boost: 2, label: \"+\", type: \"operator\" },\n  { apply: \"- \", boost: 2, label: \"-\", type: \"operator\" },\n];\n\nconst getOperators = (column?: ColumnDescriptor) => {\n  if (column === undefined || isNumericColumn(column)) {\n    return arithmeticOperators;\n  } else {\n    return NO_OPERATORS;\n  }\n};\n\nconst getConditionOperators = (column: ColumnDescriptor) => {\n  switch (column.serverDataType) {\n    case \"string\":\n    case \"char\":\n      return withApplySpace(stringOperators /*, startsWith*/);\n    case \"int\":\n    case \"long\":\n    case \"double\":\n      return withApplySpace(numericOperators);\n  }\n};\n\nconst toFunctionCompletion = (\n  functionDescriptor: ColumnFunctionDescriptor,\n) => ({\n  apply: `${functionDescriptor.name}( `,\n  boost: 2,\n  expressionType: functionDescriptor.type,\n  info: () => functionDocInfo(functionDescriptor),\n  label: functionDescriptor.name,\n  type: \"function\",\n});\n\nconst getAcceptedTypes = (fn?: ColumnFunctionDescriptor) => {\n  if (fn) {\n    if (typeof fn.accepts === \"string\") {\n      return fn.accepts;\n    } else if (Array.isArray(fn.accepts)) {\n      if (fn.accepts.every((s) => s === \"string\")) {\n        return \"string\";\n      } else {\n        return \"any\";\n      }\n    }\n  }\n  return \"any\";\n};\n\nconst functions: Completion[] =\n  columnFunctionDescriptors.map(toFunctionCompletion);\n\nconst getFunctions = ({ functionName }: ColumnOptions) => {\n  if (functionName) {\n    const fn = columnFunctionDescriptors.find((f) => f.name === functionName);\n    const acceptedTypes = getAcceptedTypes(fn);\n    if (fn) {\n      switch (acceptedTypes) {\n        case \"string\":\n          return columnFunctionDescriptors\n            .filter((f) => f.type === \"string\" || f.type === \"variable\")\n            .map(toFunctionCompletion);\n        case \"number\":\n          return columnFunctionDescriptors\n            .filter((f) => f.type === \"number\" || f.type === \"variable\")\n            .map(toFunctionCompletion);\n        default:\n      }\n    }\n  }\n  return functions;\n};\n\nexport interface SuggestionProviderHookProps {\n  columns: ColumnDescriptor[];\n  table: VuuTable;\n}\n\nconst NONE = {};\n\nexport const useColumnExpressionSuggestionProvider = ({\n  columns,\n  table,\n}: SuggestionProviderHookProps): IExpressionSuggestionProvider => {\n  const findColumn = useCallback(\n    (name?: string) =>\n      name ? columns.find((col) => col.name === name) : undefined,\n    [columns],\n  );\n\n  const latestSuggestionsRef = useRef<Completion[]>(undefined);\n  const getTypeaheadSuggestions = useTypeaheadSuggestions();\n\n  const getSuggestions: IExpressionSuggestionProvider[\"getSuggestions\"] =\n    useCallback(\n      async (suggestionType, options = NONE): Promise<Completion[]> => {\n        const { columnName, functionName, operator, prefix } = options;\n\n        switch (suggestionType) {\n          case \"expression\": {\n            const suggestions = await withApplySpace(\n              getColumns(columns, { functionName, prefix }),\n            ).concat(getFunctions(options));\n            return (latestSuggestionsRef.current = suggestions);\n          }\n          case \"column\": {\n            const suggestions = await getColumns(columns, options);\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"operator\": {\n            const suggestions = await getOperators(findColumn(columnName));\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"relational-operator\": {\n            const suggestions = await getRelationalOperators(\n              findColumn(columnName),\n            );\n            return (latestSuggestionsRef.current = withApplySpace(suggestions));\n          }\n          case \"condition-operator\":\n            {\n              const column = findColumn(columnName);\n              if (column) {\n                const suggestions = await getConditionOperators(column);\n                if (suggestions) {\n                  return (latestSuggestionsRef.current =\n                    withApplySpace(suggestions));\n                }\n              }\n            }\n            break;\n          case \"columnValue\":\n            if (columnName && operator) {\n              // const column = findColumn(columnName);\n              const params = getTypeaheadParams(\n                table,\n                columnName /*, startsWith*/,\n              );\n              const suggestions = await getTypeaheadSuggestions(params);\n              if (suggestions) {\n                latestSuggestionsRef.current = toSuggestions(suggestions, {\n                  suffix: \"\",\n                });\n\n                latestSuggestionsRef.current.forEach((suggestion) => {\n                  suggestion.apply = (\n                    view: EditorView,\n                    completion: Completion,\n                    from: number,\n                  ) => {\n                    const annotation = new AnnotationType<Completion>();\n                    const cursorPos = from + completion.label.length + 1;\n                    view.dispatch({\n                      changes: { from, insert: completion.label },\n                      selection: { anchor: cursorPos, head: cursorPos },\n                      annotations: annotation.of(completion),\n                    });\n                  };\n                });\n              }\n              return latestSuggestionsRef.current || [];\n            }\n            break;\n        }\n\n        return [];\n      },\n      [columns, findColumn, getTypeaheadSuggestions, table],\n    );\n\n  const isPartialMatch = useCallback(\n    async (\n      valueType: ColumnExpressionSuggestionType,\n      columnName?: string,\n      pattern?: string,\n    ) => {\n      const { current: latestSuggestions } = latestSuggestionsRef;\n      let maybe = false;\n      const suggestions =\n        latestSuggestions || (await getSuggestions(valueType, { columnName }));\n      if (pattern && suggestions) {\n        for (const option of suggestions) {\n          if (option.label === pattern) {\n            return false;\n          } else if (option.label.startsWith(pattern)) {\n            maybe = true;\n          }\n        }\n      }\n      return maybe;\n    },\n    [getSuggestions],\n  );\n\n  return {\n    getSuggestions,\n    isPartialMatch,\n  };\n};\n"],"names":["isNumericColumn","columnFunctionDescriptors","isTextColumn","stringOperators","numericOperators","functionDocInfo","useCallback","useRef","useTypeaheadSuggestions","getRelationalOperators","getTypeaheadParams","toSuggestions","AnnotationType"],"mappings":"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"}

package/cjs/column-expression-panel/ColumnExpressionPanel.js

@@ -0,0 +1,85 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var core = require('@salt-ds/core');
+var react = require('react');
+var ColumnExpressionInput = require('../column-expression-input/ColumnExpressionInput.js');
+require('../column-expression-input/column-language-parser/ColumnExpressionLanguage.js');
+require('../column-expression-input/column-language-parser/ColumnExpressionTreeWalker.js');
+require('../column-expression-input/column-language-parser/column-expression-parse-utils.js');
+require('@vuu-ui/vuu-codemirror');
+require('../column-expression-input/highlighting.js');
+require('../column-expression-input/theme.js');
+var useColumnExpressionSuggestionProvider = require('../column-expression-input/useColumnExpressionSuggestionProvider.js');
+var useColumnExpression = require('./useColumnExpression.js');
+
+const classBase = "vuuColumnExpressionPanel";
+const ColumnExpressionPanel = ({
+  column: columnProp,
+  onChangeName: onChangeNameProp,
+  onChangeServerDataType: onChangeServerDataTypeProp,
+  tableConfig,
+  vuuTable
+}) => {
+  const typeRef = react.useRef(null);
+  const { column, onChangeExpression, onChangeName, onChangeServerDataType } = useColumnExpression.useColumnExpression({
+    column: columnProp,
+    onChangeName: onChangeNameProp,
+    onChangeServerDataType: onChangeServerDataTypeProp
+  });
+  const initialExpressionRef = react.useRef(
+    vuuUtils.getCalculatedColumnDetails(column).expression ?? ""
+  );
+  const suggestionProvider = useColumnExpressionSuggestionProvider.useColumnExpressionSuggestionProvider({
+    columns: tableConfig.columns,
+    table: vuuTable
+  });
+  const handleSubmitExpression = react.useCallback(() => {
+    if (typeRef.current) {
+      typeRef.current?.querySelector("button")?.focus();
+    }
+  }, []);
+  const { name, serverDataType } = vuuUtils.getCalculatedColumnDetails(column);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classBase, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "vuuColumnSettingsPanel-header", children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: "Calculation" }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { "data-field": "column-name", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: "Column Name" }),
+      /* @__PURE__ */ jsxRuntime.jsx(core.Input, { className: "vuuInput", onChange: onChangeName, value: name })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { "data-field": "column-expression", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: "Expression" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ColumnExpressionInput.ColumnExpressionInput,
+        {
+          onChange: onChangeExpression,
+          onSubmitExpression: handleSubmitExpression,
+          source: initialExpressionRef.current,
+          suggestionProvider
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(core.FormField, { "data-field": "type", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(core.FormFieldLabel, { children: "Column type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(
+        core.Dropdown,
+        {
+          className: `${classBase}-type`,
+          onSelectionChange: onChangeServerDataType,
+          ref: typeRef,
+          selected: serverDataType ? [serverDataType] : [],
+          value: serverDataType,
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: "boolean", children: "Boolean" }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: "double", children: "Double" }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: "long", children: "Long" }),
+            /* @__PURE__ */ jsxRuntime.jsx(core.Option, { value: "string", children: "String" })
+          ]
+        }
+      )
+    ] })
+  ] });
+};
+
+exports.ColumnExpressionPanel = ColumnExpressionPanel;
+//# sourceMappingURL=ColumnExpressionPanel.js.map

package/cjs/column-expression-panel/ColumnExpressionPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnExpressionPanel.js","sources":["../../src/column-expression-panel/ColumnExpressionPanel.tsx"],"sourcesContent":["import { VuuColumnDataType } from \"@vuu-ui/vuu-protocol-types\";\nimport { ColumnDescriptor, ColumnSettingsProps } from \"@vuu-ui/vuu-table-types\";\nimport { getCalculatedColumnDetails } from \"@vuu-ui/vuu-utils\";\nimport {\n  Dropdown,\n  FormField,\n  FormFieldLabel,\n  Input,\n  Option,\n} from \"@salt-ds/core\";\nimport { HTMLAttributes, useCallback, useRef } from \"react\";\nimport {\n  ColumnExpressionInput,\n  ColumnExpressionSubmitHandler,\n  useColumnExpressionSuggestionProvider,\n} from \"../column-expression-input\";\nimport { useColumnExpression } from \"./useColumnExpression\";\n\nconst classBase = \"vuuColumnExpressionPanel\";\n\nexport interface ColumnExpressionPanelProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<ColumnSettingsProps, \"tableConfig\" | \"vuuTable\"> {\n  column: ColumnDescriptor;\n  /**\n   * Callback prop, invoked on every change to calculated column definition\n   * @param calculatedColumnName the full calculated column name\n   */\n  onChangeName?: (name: string) => void;\n  onChangeServerDataType?: (name: VuuColumnDataType) => void;\n}\n\nexport const ColumnExpressionPanel = ({\n  column: columnProp,\n  onChangeName: onChangeNameProp,\n  onChangeServerDataType: onChangeServerDataTypeProp,\n  tableConfig,\n  vuuTable,\n}: ColumnExpressionPanelProps) => {\n  const typeRef = useRef<HTMLButtonElement>(null);\n  const { column, onChangeExpression, onChangeName, onChangeServerDataType } =\n    useColumnExpression({\n      column: columnProp,\n      onChangeName: onChangeNameProp,\n      onChangeServerDataType: onChangeServerDataTypeProp,\n    });\n  // The initial value to pass into the Expression Input. That is a\n  // CodeMirror editor and will manage its own state once initialised.\n  const initialExpressionRef = useRef<string>(\n    getCalculatedColumnDetails(column).expression ?? \"\",\n  );\n\n  const suggestionProvider = useColumnExpressionSuggestionProvider({\n    columns: tableConfig.columns,\n    table: vuuTable,\n  });\n\n  const handleSubmitExpression =\n    useCallback<ColumnExpressionSubmitHandler>(() => {\n      if (typeRef.current) {\n        (\n          typeRef.current?.querySelector(\"button\") as HTMLButtonElement\n        )?.focus();\n      }\n    }, []);\n\n  const { name, serverDataType } = getCalculatedColumnDetails(column);\n\n  return (\n    <div className={classBase}>\n      <div className=\"vuuColumnSettingsPanel-header\">\n        <span>Calculation</span>\n      </div>\n\n      <FormField data-field=\"column-name\">\n        <FormFieldLabel>Column Name</FormFieldLabel>\n        <Input className=\"vuuInput\" onChange={onChangeName} value={name} />\n      </FormField>\n\n      <FormField data-field=\"column-expression\">\n        <FormFieldLabel>Expression</FormFieldLabel>\n        <ColumnExpressionInput\n          onChange={onChangeExpression}\n          onSubmitExpression={handleSubmitExpression}\n          source={initialExpressionRef.current}\n          suggestionProvider={suggestionProvider}\n        />\n      </FormField>\n      <FormField data-field=\"type\">\n        <FormFieldLabel>Column type</FormFieldLabel>\n        <Dropdown\n          className={`${classBase}-type`}\n          onSelectionChange={onChangeServerDataType}\n          ref={typeRef}\n          selected={serverDataType ? [serverDataType] : []}\n          value={serverDataType}\n        >\n          <Option value=\"boolean\">Boolean</Option>\n          <Option value=\"double\">Double</Option>\n          <Option value=\"long\">Long</Option>\n          <Option value=\"string\">String</Option>\n        </Dropdown>\n      </FormField>\n    </div>\n  );\n};\n"],"names":["useRef","useColumnExpression","getCalculatedColumnDetails","useColumnExpressionSuggestionProvider","useCallback","jsxs","jsx","FormField","FormFieldLabel","Input","ColumnExpressionInput","Dropdown","Option"],"mappings":"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"}

package/cjs/column-expression-panel/useColumnExpression.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var vuuUtils = require('@vuu-ui/vuu-utils');
+var react = require('react');
+
+const applyDefaults = (column) => {
+  const { name, expression, serverDataType } = vuuUtils.getCalculatedColumnDetails(column);
+  if (serverDataType === void 0) {
+    return {
+      ...column,
+      name: `${name}:string:${expression}`
+    };
+  } else {
+    return column;
+  }
+};
+const useColumnExpression = ({
+  column: columnProp,
+  onChangeName: onChangeNameProp,
+  onChangeServerDataType: onChangeServerDataTypeProp
+}) => {
+  const [column, _setColumn] = react.useState(
+    applyDefaults(columnProp)
+  );
+  const columnRef = react.useRef(columnProp);
+  const setColumn = react.useCallback((column2) => {
+    columnRef.current = column2;
+    _setColumn(column2);
+  }, []);
+  const onChangeName = react.useCallback(
+    (evt) => {
+      const { value } = evt.target;
+      const newColumn = vuuUtils.setCalculatedColumnName(column, value);
+      setColumn(newColumn);
+      onChangeNameProp?.(newColumn.name);
+    },
+    [column, onChangeNameProp, setColumn]
+  );
+  const onChangeExpression = react.useCallback(
+    (value) => {
+      const expression = value.trim();
+      const { current: column2 } = columnRef;
+      const newColumn = vuuUtils.setCalculatedColumnExpression(column2, expression);
+      setColumn(newColumn);
+      onChangeNameProp?.(newColumn.name);
+    },
+    [onChangeNameProp, setColumn]
+  );
+  const onChangeServerDataType = react.useCallback(
+    (_e, [serverDataType]) => {
+      if (vuuUtils.isVuuColumnDataType(serverDataType)) {
+        const newColumn = vuuUtils.setCalculatedColumnType(column, serverDataType);
+        setColumn(newColumn);
+        onChangeNameProp?.(newColumn.name);
+        onChangeServerDataTypeProp?.(serverDataType);
+      }
+    },
+    [column, onChangeNameProp, onChangeServerDataTypeProp, setColumn]
+  );
+  return {
+    column,
+    onChangeExpression,
+    onChangeName,
+    onChangeServerDataType
+  };
+};
+
+exports.useColumnExpression = useColumnExpression;
+//# sourceMappingURL=useColumnExpression.js.map

package/cjs/column-expression-panel/useColumnExpression.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnExpression.js","sources":["../../src/column-expression-panel/useColumnExpression.ts"],"sourcesContent":["import { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport {\n  getCalculatedColumnDetails,\n  isVuuColumnDataType,\n  setCalculatedColumnExpression,\n  setCalculatedColumnName,\n  setCalculatedColumnType,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  FormEventHandler,\n  SyntheticEvent,\n  useCallback,\n  useRef,\n  useState,\n} from \"react\";\nimport { ColumnExpressionPanelProps } from \"./ColumnExpressionPanel\";\n\nexport type ColumnExpressionHookProps = Pick<\n  ColumnExpressionPanelProps,\n  \"column\" | \"onChangeName\" | \"onChangeServerDataType\"\n>;\n\nconst applyDefaults = (column: ColumnDescriptor) => {\n  const { name, expression, serverDataType } =\n    getCalculatedColumnDetails(column);\n  if (serverDataType === undefined) {\n    return {\n      ...column,\n      name: `${name}:string:${expression}`,\n    };\n  } else {\n    return column;\n  }\n};\n\nexport const useColumnExpression = ({\n  column: columnProp,\n  onChangeName: onChangeNameProp,\n  onChangeServerDataType: onChangeServerDataTypeProp,\n}: ColumnExpressionHookProps) => {\n  const [column, _setColumn] = useState<ColumnDescriptor>(\n    applyDefaults(columnProp),\n  );\n  const columnRef = useRef<ColumnDescriptor>(columnProp);\n  const setColumn = useCallback((column: ColumnDescriptor) => {\n    columnRef.current = column;\n    _setColumn(column);\n  }, []);\n\n  // We need to track column name in a ref because ColunExpressionInput\n  // is not a pure React component, it hosts a CodeMirror editor. We\n  // do not want to cause it to render mid-edit. Therefore it uses memo\n  // and only renders on initial load. onChangeExpression must be stable.\n  // const columnNameRef = useRef<string>(column.name);\n  // const expressionRef = useRef(getCalculatedColumnDetails(column)[1]);\n\n  const onChangeName = useCallback<FormEventHandler>(\n    (evt) => {\n      const { value } = evt.target as HTMLInputElement;\n      const newColumn = setCalculatedColumnName(column, value);\n      // columnNameRef.current = newColumn.name;\n      setColumn(newColumn);\n      onChangeNameProp?.(newColumn.name);\n    },\n    [column, onChangeNameProp, setColumn],\n  );\n\n  const onChangeExpression = useCallback(\n    (value: string) => {\n      // we do not set state when this changes as the codemirror editor\n      // manages state of the expression for us until complete\n      const expression = value.trim();\n      // expressionRef.current = expression;\n      // const [name, , type] = column.name.split(\":\");\n      // columnNameRef.current = `${name}:${expression}:${type}`;\n\n      const { current: column } = columnRef;\n      const newColumn = setCalculatedColumnExpression(column, expression);\n      setColumn(newColumn);\n\n      onChangeNameProp?.(newColumn.name);\n\n      // console.log(`calculatedColumnName ${columnNameRef.current}`);\n    },\n    [onChangeNameProp, setColumn],\n  );\n\n  const onChangeServerDataType = useCallback(\n    (_e: SyntheticEvent, [serverDataType]: string[]) => {\n      if (isVuuColumnDataType(serverDataType)) {\n        const newColumn = setCalculatedColumnType(column, serverDataType);\n        setColumn(newColumn);\n        onChangeNameProp?.(newColumn.name);\n        onChangeServerDataTypeProp?.(serverDataType);\n      }\n    },\n    [column, onChangeNameProp, onChangeServerDataTypeProp, setColumn],\n  );\n\n  return {\n    column,\n    onChangeExpression,\n    onChangeName,\n    onChangeServerDataType,\n  };\n};\n"],"names":["getCalculatedColumnDetails","useState","useRef","useCallback","column","setCalculatedColumnName","setCalculatedColumnExpression","isVuuColumnDataType","setCalculatedColumnType"],"mappings":";;;;;AAsBA,MAAM,aAAA,GAAgB,CAAC,MAA6B,KAAA;AAClD,EAAA,MAAM,EAAE,IAAM,EAAA,UAAA,EAAY,cAAe,EAAA,GACvCA,oCAA2B,MAAM,CAAA;AACnC,EAAA,IAAI,mBAAmB,KAAW,CAAA,EAAA;AAChC,IAAO,OAAA;AAAA,MACL,GAAG,MAAA;AAAA,MACH,IAAM,EAAA,CAAA,EAAG,IAAI,CAAA,QAAA,EAAW,UAAU,CAAA;AAAA,KACpC;AAAA,GACK,MAAA;AACL,IAAO,OAAA,MAAA;AAAA;AAEX,CAAA;AAEO,MAAM,sBAAsB,CAAC;AAAA,EAClC,MAAQ,EAAA,UAAA;AAAA,EACR,YAAc,EAAA,gBAAA;AAAA,EACd,sBAAwB,EAAA;AAC1B,CAAiC,KAAA;AAC/B,EAAM,MAAA,CAAC,MAAQ,EAAA,UAAU,CAAI,GAAAC,cAAA;AAAA,IAC3B,cAAc,UAAU;AAAA,GAC1B;AACA,EAAM,MAAA,SAAA,GAAYC,aAAyB,UAAU,CAAA;AACrD,EAAM,MAAA,SAAA,GAAYC,iBAAY,CAAA,CAACC,OAA6B,KAAA;AAC1D,IAAA,SAAA,CAAU,OAAUA,GAAAA,OAAAA;AACpB,IAAA,UAAA,CAAWA,OAAM,CAAA;AAAA,GACnB,EAAG,EAAE,CAAA;AASL,EAAA,MAAM,YAAe,GAAAD,iBAAA;AAAA,IACnB,CAAC,GAAQ,KAAA;AACP,MAAM,MAAA,EAAE,KAAM,EAAA,GAAI,GAAI,CAAA,MAAA;AACtB,MAAM,MAAA,SAAA,GAAYE,gCAAwB,CAAA,MAAA,EAAQ,KAAK,CAAA;AAEvD,MAAA,SAAA,CAAU,SAAS,CAAA;AACnB,MAAA,gBAAA,GAAmB,UAAU,IAAI,CAAA;AAAA,KACnC;AAAA,IACA,CAAC,MAAQ,EAAA,gBAAA,EAAkB,SAAS;AAAA,GACtC;AAEA,EAAA,MAAM,kBAAqB,GAAAF,iBAAA;AAAA,IACzB,CAAC,KAAkB,KAAA;AAGjB,MAAM,MAAA,UAAA,GAAa,MAAM,IAAK,EAAA;AAK9B,MAAM,MAAA,EAAE,OAASC,EAAAA,OAAAA,EAAW,GAAA,SAAA;AAC5B,MAAM,MAAA,SAAA,GAAYE,sCAA8BF,CAAAA,OAAAA,EAAQ,UAAU,CAAA;AAClE,MAAA,SAAA,CAAU,SAAS,CAAA;AAEnB,MAAA,gBAAA,GAAmB,UAAU,IAAI,CAAA;AAAA,KAGnC;AAAA,IACA,CAAC,kBAAkB,SAAS;AAAA,GAC9B;AAEA,EAAA,MAAM,sBAAyB,GAAAD,iBAAA;AAAA,IAC7B,CAAC,EAAA,EAAoB,CAAC,cAAc,CAAgB,KAAA;AAClD,MAAI,IAAAI,4BAAA,CAAoB,cAAc,CAAG,EAAA;AACvC,QAAM,MAAA,SAAA,GAAYC,gCAAwB,CAAA,MAAA,EAAQ,cAAc,CAAA;AAChE,QAAA,SAAA,CAAU,SAAS,CAAA;AACnB,QAAA,gBAAA,GAAmB,UAAU,IAAI,CAAA;AACjC,QAAA,0BAAA,GAA6B,cAAc,CAAA;AAAA;AAC7C,KACF;AAAA,IACA,CAAC,MAAA,EAAQ,gBAAkB,EAAA,0BAAA,EAA4B,SAAS;AAAA,GAClE;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}