@vuu-ui/vuu-table-extras 3.4.1 → 3.5.0-beta.2

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "3.4.1",
+  "version": "3.5.0-beta.2",
   "author": "heswell",
   "main": "./src/index.js",
   "license": "Apache-2.0",
@@ -11,19 +11,19 @@
     "lezer-generate:column": "lezer-generator --output ./src/column-expression-input/column-language-parser/generated/column-parser.js ./src/column-expression-input/column-language-parser/grammar/column.grammar"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "3.4.1",
-    "@vuu-ui/vuu-protocol-types": "3.4.1"
+    "@vuu-ui/vuu-filter-types": "3.5.0-beta.2",
+    "@vuu-ui/vuu-protocol-types": "3.5.0-beta.2"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "3.4.1",
-    "@vuu-ui/vuu-data-editing": "3.4.1",
-    "@vuu-ui/vuu-data-react": "3.4.1",
-    "@vuu-ui/vuu-data-types": "3.4.1",
-    "@vuu-ui/vuu-table-types": "3.4.1",
-    "@vuu-ui/vuu-popups": "3.4.1",
-    "@vuu-ui/vuu-table": "3.4.1",
-    "@vuu-ui/vuu-utils": "3.4.1",
-    "@vuu-ui/vuu-ui-controls": "3.4.1",
+    "@vuu-ui/vuu-codemirror": "3.5.0-beta.2",
+    "@vuu-ui/vuu-data-editing": "3.5.0-beta.2",
+    "@vuu-ui/vuu-data-react": "3.5.0-beta.2",
+    "@vuu-ui/vuu-data-types": "3.5.0-beta.2",
+    "@vuu-ui/vuu-table-types": "3.5.0-beta.2",
+    "@vuu-ui/vuu-popups": "3.5.0-beta.2",
+    "@vuu-ui/vuu-table": "3.5.0-beta.2",
+    "@vuu-ui/vuu-utils": "3.5.0-beta.2",
+    "@vuu-ui/vuu-ui-controls": "3.5.0-beta.2",
     "@lezer/lr": "1.4.2",
     "@salt-ds/core": "1.54.1",
     "@salt-ds/lab": "1.0.0-alpha.83",

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

@@ -1,6 +1,6 @@
 import { AnnotationType, getRelationalOperators, numericOperators, stringOperators, toSuggestions } from "@vuu-ui/vuu-codemirror";
 import { getTypeaheadParams, useTypeaheadSuggestions } from "@vuu-ui/vuu-data-react";
-import { isNumericColumn, isTextColumn } from "@vuu-ui/vuu-utils";
+import { isNumericColumn, isTemporalColumn, isTextColumn } from "@vuu-ui/vuu-utils";
 import { useCallback, useRef } from "react";
 import { columnFunctionDescriptors } from "./column-function-descriptors.js";
 import { functionDocInfo } from "./functionDocInfo.js";
@@ -64,7 +64,7 @@ const arithmeticOperators = [
     }
 ];
 const getOperators = (column)=>{
-    if (void 0 === column || isNumericColumn(column)) return arithmeticOperators;
+    if (void 0 === column || isNumericColumn(column) || isTemporalColumn(column)) return arithmeticOperators;
     return NO_OPERATORS;
 };
 const getConditionOperators = (column)=>{

package/src/column-formatting-settings/ColumnFormattingPanel.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { getCellRendererOptions, getConfigurationEditor, isColumnTypeRenderer, isTypeDescriptor } from "@vuu-ui/vuu-utils";
+import { getCellRendererOptions, getConfigurationEditor, isColumnTypeRenderer, isTemporalColumn, isTypeDescriptor } from "@vuu-ui/vuu-utils";
 import { Dropdown, FormField, FormFieldLabel, Option } from "@salt-ds/core";
 import clsx from "clsx";
 import { useCallback, useMemo } from "react";
@@ -88,21 +88,24 @@ const ColumnFormattingPanel = ({ availableRenderers, className, column, onChange
 function getFormattingSettingsComponent(props) {
     const { column } = props;
     switch(column.serverDataType){
+        case "long":
+            return /*#__PURE__*/ jsx(LongTypeFormattingSettings, {
+                ...props
+            });
+        case "epochtimestamp":
+        case "epochtimestampnano":
+            return /*#__PURE__*/ jsx(DateTimeFormattingSettings, {
+                ...props
+            });
         case "double":
         case "scaleddecimal2":
         case "scaleddecimal4":
         case "scaleddecimal6":
         case "scaleddecimal8":
         case "int":
-            return /*#__PURE__*/ jsx(BaseNumericFormattingSettings, {
+            return isTemporalColumn(column) ? /*#__PURE__*/ jsx(DateTimeFormattingSettings, {
                 ...props
-            });
-        case "long":
-            return /*#__PURE__*/ jsx(LongTypeFormattingSettings, {
-                ...props
-            });
-        case "epochtimestamp":
-            return /*#__PURE__*/ jsx(DateTimeFormattingSettings, {
+            }) : /*#__PURE__*/ jsx(BaseNumericFormattingSettings, {
                 ...props
             });
         default:

package/src/column-formatting-settings/DateTimeFormattingSettings.js

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { dateTimeLabelByType, defaultPatternsByType, fallbackDateTimePattern, getTypeFormattingFromColumn, isDatePattern, isTimePattern, supportedDateTimePatterns } from "@vuu-ui/vuu-utils";
+import { dateTimeLabelByType, dateTimePattern, defaultPatternsByType, fallbackDateTimePattern, getTemporalInfo, getTypeFormattingFromColumn, isDatePattern, isTimePattern, supportedDateTimePatterns } from "@vuu-ui/vuu-utils";
 import { Dropdown, FormField, FormFieldLabel, Option, ToggleButton, ToggleButtonGroup } from "@salt-ds/core";
 import { useCallback, useMemo, useState } from "react";
 const toggleValues = [
@@ -7,6 +7,32 @@ const toggleValues = [
     "time",
     "both"
 ];
+const DEFAULT = "default";
+const fractionalSecondDigitOptions = [
+    DEFAULT,
+    "0",
+    "3",
+    "6",
+    "9"
+];
+const timeZoneOptions = [
+    DEFAULT,
+    "local",
+    "UTC",
+    "Europe/London",
+    "Europe/Paris",
+    "America/New_York",
+    "Asia/Tokyo",
+    "Asia/Hong_Kong"
+];
+const localeOptions = [
+    DEFAULT,
+    "en-GB",
+    "en-US",
+    "de-DE",
+    "fr-FR",
+    "ja-JP"
+];
 function getToggleValue(pattern) {
     return pattern.time ? pattern.date ? "both" : "time" : "date";
 }
@@ -20,7 +46,8 @@ const getSelectedPattern = (pattern)=>{
 };
 const DateTimeFormattingSettings = ({ column, onChangeFormatting: onChange })=>{
     const formatting = getTypeFormattingFromColumn(column);
-    const { pattern = fallbackDateTimePattern } = formatting;
+    const temporalInfo = getTemporalInfo(column);
+    const { pattern = temporalInfo ? dateTimePattern(column.type, temporalInfo.kind) : fallbackDateTimePattern } = formatting;
     const toggleValue = useMemo(()=>getToggleValue(pattern), [
         pattern
     ]);
@@ -28,6 +55,26 @@ const DateTimeFormattingSettings = ({ column, onChangeFormatting: onChange })=>{
         time: pattern.time ?? defaultPatternsByType.time,
         date: pattern.date ?? defaultPatternsByType.date
     });
+    const onFractionalSecondDigitsChange = useCallback((_, [value])=>{
+        const { fractionalSecondDigits, ...rest } = formatting;
+        onChange(value === DEFAULT ? rest : {
+            ...rest,
+            fractionalSecondDigits: parseInt(value, 10)
+        });
+    }, [
+        formatting,
+        onChange
+    ]);
+    const onFormattingOptionChange = useCallback((key)=>(_, [value])=>{
+            const { [key]: _previous, ...rest } = formatting;
+            onChange(value === DEFAULT ? rest : {
+                ...rest,
+                [key]: value
+            });
+        }, [
+        formatting,
+        onChange
+    ]);
     const onPatternChange = useCallback((pattern)=>onChange({
             ...formatting,
             pattern
@@ -109,7 +156,64 @@ const DateTimeFormattingSettings = ({ column, onChangeFormatting: onChange })=>{
                                 }, i))
                         })
                     ]
-                }, v))
+                }, v)),
+            pattern.time ? /*#__PURE__*/ jsxs(FormField, {
+                labelPlacement: "top",
+                children: [
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
+                        children: "Fractional second digits"
+                    }),
+                    /*#__PURE__*/ jsx(Dropdown, {
+                        onSelectionChange: onFractionalSecondDigitsChange,
+                        selected: [
+                            `${formatting.fractionalSecondDigits ?? DEFAULT}`
+                        ],
+                        value: `${formatting.fractionalSecondDigits ?? DEFAULT}`,
+                        children: fractionalSecondDigitOptions.filter((digits)=>temporalInfo?.precision === "ns" || "6" !== digits && "9" !== digits).map((digits)=>/*#__PURE__*/ jsx(Option, {
+                                value: digits,
+                                children: digits
+                            }, digits))
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ jsxs(FormField, {
+                labelPlacement: "top",
+                children: [
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
+                        children: "Time zone"
+                    }),
+                    /*#__PURE__*/ jsx(Dropdown, {
+                        onSelectionChange: onFormattingOptionChange("timeZone"),
+                        selected: [
+                            formatting.timeZone ?? DEFAULT
+                        ],
+                        value: formatting.timeZone ?? DEFAULT,
+                        children: timeZoneOptions.map((timeZone)=>/*#__PURE__*/ jsx(Option, {
+                                value: timeZone,
+                                children: timeZone
+                            }, timeZone))
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs(FormField, {
+                labelPlacement: "top",
+                children: [
+                    /*#__PURE__*/ jsx(FormFieldLabel, {
+                        children: "Locale"
+                    }),
+                    /*#__PURE__*/ jsx(Dropdown, {
+                        onSelectionChange: onFormattingOptionChange("locale"),
+                        selected: [
+                            formatting.locale ?? DEFAULT
+                        ],
+                        value: formatting.locale ?? DEFAULT,
+                        children: localeOptions.map((locale)=>/*#__PURE__*/ jsx(Option, {
+                                value: locale,
+                                children: locale
+                            }, locale))
+                    })
+                ]
+            })
         ]
     });
 };

package/src/column-formatting-settings/LongTypeFormattingSettings.js

@@ -5,7 +5,8 @@ import { useWindow } from "@salt-ds/window";
 import { useCallback } from "react";
 import { BaseNumericFormattingSettings } from "./BaseNumericFormattingSettings.js";
 import LongTypeFormattingSettings from "./LongTypeFormattingSettings.css";
-import { isTypeDescriptor } from "@vuu-ui/vuu-utils";
+import { isTemporalColumn, isTypeDescriptor } from "@vuu-ui/vuu-utils";
+import { DateTimeFormattingSettings } from "./DateTimeFormattingSettings.js";
 const classBase = "vuuLongColumnFormattingSettings";
 const LongTypeFormattingSettings_LongTypeFormattingSettings = (props)=>{
     const targetWindow = useWindow();
@@ -41,7 +42,9 @@ const LongTypeFormattingSettings_LongTypeFormattingSettings = (props)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ jsx(BaseNumericFormattingSettings, {
+            isTemporalColumn(column) ? /*#__PURE__*/ jsx(DateTimeFormattingSettings, {
+                ...props
+            }) : /*#__PURE__*/ jsx(BaseNumericFormattingSettings, {
                 ...props
             })
         ]
@@ -49,6 +52,8 @@ const LongTypeFormattingSettings_LongTypeFormattingSettings = (props)=>{
 };
 const toggleValues = [
     "number",
-    "date/time"
+    "date/time",
+    "date",
+    "time"
 ];
 export { LongTypeFormattingSettings_LongTypeFormattingSettings as LongTypeFormattingSettings };

package/src/freeze-control/FreezeControl.css.js

@@ -70,8 +70,7 @@ const css = `
 }
 
 .vuuFreezeControl-customBadge-flashing {
-  animation: flashGreenRed var(--freeze-control-flash-duration, .25s)
-    steps(1, end) infinite;
+  animation: flashGreenRed var(--freeze-control-flash-duration, .25s) steps(1, end) infinite;
 }
 
 .vuuFreezeControl-customBadge[data-overflow="true"] {

package/src/table-footer/TableFooter.js

@@ -4,10 +4,10 @@ import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import TableFooter from "./TableFooter.css";
 const classBase = "vuuTableFooter";
-const TableFooterTray = ({ children, position = 'end' })=>/*#__PURE__*/ jsx("div", {
+const TableFooterTray = ({ children, position = "end" })=>/*#__PURE__*/ jsx("div", {
         className: clsx(`${classBase}Tray`, {
-            [`${classBase}Tray-center`]: 'center' === position,
-            [`${classBase}Tray-end`]: 'end' === position
+            [`${classBase}Tray-center`]: "center" === position,
+            [`${classBase}Tray-end`]: "end" === position
         }),
         children: children
     });

package/types/column-formatting-settings/DateTimeFormattingSettings.d.ts

@@ -1,3 +1,3 @@
-import { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
+import type { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
 import React from "react";
 export declare const DateTimeFormattingSettings: React.FC<FormattingSettingsProps>;

package/types/table-footer/TableFooter.d.ts

@@ -3,7 +3,7 @@ export interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
     onInvokeAction?: (action: string) => void;
     tooltrayActions?: ReactNode;
 }
-export declare const TableFooterTray: ({ children, position }: {
+export declare const TableFooterTray: ({ children, position, }: {
     children: ReactNode;
     position?: "center" | "end";
 }) => import("react/jsx-runtime").JSX.Element;

package/types/src/calculated-column/CalculatedColumnPanel.d.ts

@@ -1,12 +0,0 @@
-import { HTMLAttributes } from "react";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { VuuColumnDataType, VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { ColumnModel } from "../column-picker/ColumnModel";
-export interface CalculatedColumnPanelProps extends HTMLAttributes<HTMLDivElement> {
-    column: ColumnDescriptor;
-    columnModel: ColumnModel;
-    onChangeColumn: (column: ColumnDescriptor) => void;
-    onChangeServerDataType?: (name: VuuColumnDataType) => void;
-    vuuTable: VuuTable;
-}
-export declare const CalculatedColumnPanel: ({ column: columnProp, columnModel, onChangeColumn, onChangeServerDataType: onChangeServerDataTypeProp, vuuTable, }: CalculatedColumnPanelProps) => import("react").JSX.Element;

package/types/src/calculated-column/useCalculatedColumnPanel.d.ts

@@ -1,10 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { FormEventHandler, SyntheticEvent } from "react";
-import { CalculatedColumnPanelProps } from "./CalculatedColumnPanel";
-export type ColumnExpressionHookProps = Pick<CalculatedColumnPanelProps, "column" | "onChangeColumn" | "onChangeServerDataType">;
-export declare const useCalculatedColumnPanel: ({ column: columnProp, onChangeColumn, onChangeServerDataType: onChangeServerDataTypeProp, }: ColumnExpressionHookProps) => {
-    column: ColumnDescriptor;
-    onChangeExpression: (value: string) => void;
-    onChangeName: FormEventHandler;
-    onChangeServerDataType: (_e: SyntheticEvent, [serverDataType]: string[]) => void;
-};

package/types/src/calculated-column/useEditCalculatedColumn.d.ts

@@ -1,13 +0,0 @@
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ColumnModel } from "../column-picker/ColumnModel";
-export interface EditCalculatedColumnProps {
-    calculatedColumn?: ColumnDescriptor;
-    columnModel: ColumnModel;
-    onSaveColumn?: (caclulatedColumn: ColumnDescriptor) => void;
-    vuuTable?: VuuTable;
-}
-export declare const useEditCalculatedColumn: ({ calculatedColumn, columnModel, onSaveColumn, vuuTable, }: EditCalculatedColumnProps) => {
-    onCreateCalculatedColumn: () => void;
-    onEditCalculatedColumn: () => void;
-};

package/types/src/cell-edit-validators/CaseValidator.d.ts

@@ -1,2 +0,0 @@
-import { EditRuleValidator } from "@vuu-ui/vuu-data-types";
-export declare const CaseValidator: EditRuleValidator;

package/types/src/cell-edit-validators/PatternValidator.d.ts

@@ -1,2 +0,0 @@
-import { EditRuleValidator } from "@vuu-ui/vuu-data-types";
-export declare const PatternValidator: EditRuleValidator;

package/types/src/cell-edit-validators/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./CaseValidator";
-export * from "./PatternValidator";

package/types/src/cell-renderers/background-cell/BackgroundCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const BackgroundCell: import("react").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react").JSX.Element>;

package/types/src/cell-renderers/background-cell/BackgroundCellConfigurationEditor.d.ts

@@ -1,2 +0,0 @@
-import { ConfigurationEditorProps } from "@vuu-ui/vuu-utils";
-export declare const BackgroundCellConfigurationEditor: ({ column, onChangeRendering, }: ConfigurationEditorProps) => import("react").JSX.Element;

package/types/src/cell-renderers/background-cell/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./BackgroundCell";
-export * from "./BackgroundCellConfigurationEditor";

package/types/src/cell-renderers/background-cell/useDirection.d.ts

@@ -1,3 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { valueChangeDirection } from "@vuu-ui/vuu-utils";
-export declare function useDirection(key: string, value: unknown, column: RuntimeColumnDescriptor): valueChangeDirection;

package/types/src/cell-renderers/button-cell/IconButtonCell.d.ts

@@ -1,6 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-/**
- * To assign an icon to the cell, give the columndescriptor
- * a className. In css, assign an icon variable to --vuu-svg-icon.
- */
-export declare const IconButtonCell: ({ column, dataRow }: TableCellRendererProps) => import("react").JSX.Element;

package/types/src/cell-renderers/dropdown-cell/DropdownCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const DropdownCell: import("react").MemoExoticComponent<({ column, dataRow, editedDuringCurrentSession, onEdit, }: TableCellRendererProps) => import("react").JSX.Element>;

package/types/src/cell-renderers/dropdown-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./DropdownCell";

package/types/src/cell-renderers/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./background-cell";
-export * from "./dropdown-cell";
-export * from "./lookup-cell";
-export * from "./pct-progress-cell";
-export * from "./progress-cell";
-export { IconButtonCell } from "./button-cell/IconButtonCell";

package/types/src/cell-renderers/lookup-cell/LookupCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellRendererProps } from "@vuu-ui/vuu-table-types";
-export declare const LookupCell: import("react").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react").JSX.Element>;

package/types/src/cell-renderers/lookup-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./LookupCell";

package/types/src/cell-renderers/pct-progress-cell/PctProgressCell.d.ts

@@ -1,2 +0,0 @@
-import { TableCellProps } from "@vuu-ui/vuu-table-types";
-export declare const PctProgressCell: ({ column, dataRow }: TableCellProps) => import("react").JSX.Element;

package/types/src/cell-renderers/pct-progress-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./PctProgressCell";

package/types/src/cell-renderers/progress-cell/ProgressCell.d.ts

@@ -1 +0,0 @@
-export {};

package/types/src/cell-renderers/progress-cell/index.d.ts

@@ -1 +0,0 @@
-export * from "./ProgressCell";

package/types/src/column-expression-input/ColumnExpressionInput.d.ts

@@ -1,10 +0,0 @@
-import { HTMLAttributes } from "react";
-import { ColumnDefinitionExpression } from "./column-language-parser";
-import { ExpressionSuggestionConsumer } from "./useColumnExpressionEditor";
-export type ColumnExpressionSubmitHandler = (source: string, expression: ColumnDefinitionExpression | undefined) => void;
-export interface ColumnExpressionInputProps extends ExpressionSuggestionConsumer, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    onChange?: (source: string) => void;
-    onSubmitExpression?: ColumnExpressionSubmitHandler;
-    source?: string;
-}
-export declare const ColumnExpressionInput: import("react").MemoExoticComponent<({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => import("react").JSX.Element>;

package/types/src/column-expression-input/column-function-descriptors.d.ts

@@ -1,15 +0,0 @@
-export type ColumnFunctionDescriptor = {
-    accepts: "string" | "number" | "boolean" | "any" | Array<"string" | "number" | "boolean">;
-    description: string;
-    example: {
-        expression: string;
-        result: string;
-    };
-    name: string;
-    params: {
-        count?: number;
-        description: string;
-    };
-    type: "string" | "number" | "boolean" | "variable";
-};
-export declare const columnFunctionDescriptors: ColumnFunctionDescriptor[];

package/types/src/column-expression-input/column-language-parser/ColumnExpressionLanguage.d.ts

@@ -1,2 +0,0 @@
-import { LanguageSupport } from "@vuu-ui/vuu-codemirror";
-export declare const columnExpressionLanguageSupport: () => LanguageSupport;

package/types/src/column-expression-input/column-language-parser/ColumnExpressionTreeWalker.d.ts

@@ -1,57 +0,0 @@
-import type { Tree } from "@vuu-ui/vuu-codemirror";
-type expressionType = "arithmeticExpression" | "booleanCondition" | "booleanLiteralExpression" | "callExpression" | "colExpression" | "conditionalExpression" | "numericLiteralExpression" | "relationalExpression" | "stringLiteralExpression" | "unknown";
-type arithmeticOp = "*" | "/" | "+" | "-" | "unknown";
-type booleanOp = "and" | "or";
-type relationalOp = "=" | "!=" | ">" | ">=" | "<" | "<=" | "unknown";
-export interface Expression {
-    type: expressionType;
-    expressions?: Expression[];
-    toJSON?: () => unknown;
-    value?: string | number | boolean;
-}
-interface BooleanLiteralExpression {
-    type: "booleanLiteralExpression";
-    value: boolean;
-}
-interface NumericLiteralExpression {
-    type: "numericLiteralExpression";
-    value: number;
-}
-interface StringLiteralExpression {
-    type: "stringLiteralExpression";
-    value: string;
-}
-interface ArithmeticExpression extends Expression {
-    expressions: [Expression, Expression];
-    op: arithmeticOp;
-    type: "arithmeticExpression";
-}
-interface BooleanCondition extends Expression {
-    expressions: Expression[];
-    op: booleanOp;
-    type: "booleanCondition";
-}
-interface RelationalExpression extends Expression {
-    expressions: Expression[];
-    op: relationalOp;
-    type: "relationalExpression";
-}
-interface ColExpression extends Expression {
-    column?: string;
-    type: "colExpression";
-}
-interface CallExpression extends Expression {
-    arguments: Expression[];
-    functionName?: string;
-    type: "callExpression";
-}
-type ConditionExpression = RelationalExpression | BooleanCondition;
-interface ConditionalExpression extends Expression {
-    type: "conditionalExpression";
-    condition: ConditionExpression;
-    truthyExpression: Expression;
-    falsyExpression: Expression;
-}
-export type ColumnDefinitionExpression = ArithmeticExpression | BooleanLiteralExpression | CallExpression | ColExpression | ConditionalExpression | NumericLiteralExpression | StringLiteralExpression;
-export declare const walkTree: (tree: Tree, source: string) => ColumnDefinitionExpression;
-export {};

package/types/src/column-expression-input/column-language-parser/column-expression-parse-utils.d.ts

@@ -1,5 +0,0 @@
-import type { SyntaxNode } from "@vuu-ui/vuu-codemirror";
-export declare const ColumnNamedTerms: readonly string[];
-export declare const isCompleteExpression: (src: string) => boolean;
-export declare const lastNamedChild: (node: SyntaxNode) => SyntaxNode | null;
-export declare const isCompleteRelationalExpression: (node?: SyntaxNode) => boolean;

package/types/src/column-expression-input/column-language-parser/generated/column-parser.d.ts

@@ -1,2 +0,0 @@
-import { LRParser } from "@lezer/lr";
-export declare const parser: LRParser;

package/types/src/column-expression-input/column-language-parser/generated/column-parser.terms.d.ts

@@ -1 +0,0 @@
-export declare const ColumnDefinitionExpression = 1, Column = 2, Number = 3, String = 4, True = 5, False = 6, ParenthesizedExpression = 7, OpenBrace = 8, CloseBrace = 9, ArithmeticExpression = 10, Divide = 11, Times = 12, Plus = 13, Minus = 14, ConditionalExpression = 15, If = 16, RelationalExpression = 17, RelationalOperator = 18, AndCondition = 19, OrCondition = 20, Comma = 21, CallExpression = 22, Function = 23, ArgList = 24;

package/types/src/column-expression-input/column-language-parser/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./ColumnExpressionLanguage";
-export * from "./ColumnExpressionTreeWalker";
-export * from "./column-expression-parse-utils";

package/types/src/column-expression-input/column-language-parser/test.d.mts

@@ -1 +0,0 @@
-export declare const walkTree: (tree: any, source: any) => void;

package/types/src/column-expression-input/functionDocInfo.d.ts

@@ -1,2 +0,0 @@
-import { ColumnFunctionDescriptor } from "./column-function-descriptors";
-export declare const functionDocInfo: ({ name, description, example, params, type, }: ColumnFunctionDescriptor) => HTMLElement;

package/types/src/column-expression-input/highlighting.d.ts

@@ -1 +0,0 @@
-export declare const vuuHighlighting: import("@codemirror/state").Extension;

package/types/src/column-expression-input/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./ColumnExpressionInput";
-export * from "./column-language-parser";
-export * from "./useColumnExpressionEditor";
-export * from "./useColumnExpressionSuggestionProvider";

package/types/src/column-expression-input/theme.d.ts

@@ -1 +0,0 @@
-export declare const vuuTheme: import("@codemirror/state").Extension;

package/types/src/column-expression-input/useColumnAutoComplete.d.ts

@@ -1,6 +0,0 @@
-import { type CompletionSource } from "@vuu-ui/vuu-codemirror";
-import { type RefObject } from "react";
-import type { IExpressionSuggestionProvider } from "./useColumnExpressionEditor";
-export type ApplyCompletion = (mode?: "add" | "replace") => void;
-export type Operator = "";
-export declare const useColumnAutoComplete: (suggestionProvider: IExpressionSuggestionProvider, onSubmit: RefObject<ApplyCompletion>) => CompletionSource;

package/types/src/column-expression-input/useColumnExpressionEditor.d.ts

@@ -1,25 +0,0 @@
-import { Completion } from "@vuu-ui/vuu-codemirror";
-import { FocusEventHandler } from "react";
-import { ColumnExpressionInputProps } from "./ColumnExpressionInput";
-export type ColumnExpressionOperator = "Times" | "Divide" | "Minus" | "Plus";
-export type ColumnExpressionSuggestionType = "column" | "columnValue" | "expression" | "condition-operator" | "operator" | "relational-operator";
-export type ColumnExpressionSuggestionOptions = {
-    columnName?: string;
-    functionName?: string;
-    operator?: ColumnExpressionOperator;
-    prefix?: string;
-    startsWith?: string;
-    selection?: string[];
-};
-export interface IExpressionSuggestionProvider {
-    getSuggestions: (valueType: ColumnExpressionSuggestionType, options?: ColumnExpressionSuggestionOptions) => Promise<Completion[]>;
-    isPartialMatch: (valueType: ColumnExpressionSuggestionType, columnName?: string, text?: string | undefined) => Promise<boolean>;
-}
-export interface ExpressionSuggestionConsumer {
-    suggestionProvider: IExpressionSuggestionProvider;
-}
-export declare const useColumnExpressionEditor: ({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => {
-    editorRef: import("react").RefObject<HTMLDivElement | null>;
-    clearInput: () => void;
-    onBlur: FocusEventHandler;
-};

package/types/src/column-expression-input/useColumnExpressionSuggestionProvider.d.ts

@@ -1,8 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { IExpressionSuggestionProvider } from "./useColumnExpressionEditor";
-export interface SuggestionProviderHookProps {
-    columns: readonly ColumnDescriptor[];
-    table: VuuTable;
-}
-export declare const useColumnExpressionSuggestionProvider: ({ columns, table, }: SuggestionProviderHookProps) => IExpressionSuggestionProvider;

package/types/src/column-formatting-settings/BaseNumericFormattingSettings.d.ts

@@ -1,2 +0,0 @@
-import { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
-export declare const BaseNumericFormattingSettings: ({ column, onChangeFormatting: onChange, }: FormattingSettingsProps) => import("react").JSX.Element;

package/types/src/column-formatting-settings/ColumnFormattingPanel.d.ts

@@ -1,9 +0,0 @@
-import { ColumnDescriptor, ColumnTypeRendering, FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
-import { CellRendererDescriptor } from "@vuu-ui/vuu-utils";
-import { HTMLAttributes } from "react";
-export interface ColumnFormattingPanelProps extends HTMLAttributes<HTMLDivElement>, FormattingSettingsProps {
-    availableRenderers: CellRendererDescriptor[];
-    column: ColumnDescriptor;
-    onChangeRendering: (renderProps: ColumnTypeRendering) => void;
-}
-export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeColumnType, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => import("react").JSX.Element;

package/types/src/column-formatting-settings/DateTimeFormattingSettings.d.ts

@@ -1,3 +0,0 @@
-import { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
-import React from "react";
-export declare const DateTimeFormattingSettings: React.FC<FormattingSettingsProps>;