@vuu-ui/vuu-table-extras 0.8.11 → 0.8.12

package/package.json

@@ -1,21 +1,21 @@
 {
   "name": "@vuu-ui/vuu-table-extras",
-  "version": "0.8.11",
+  "version": "0.8.12",
   "author": "heswell",
   "license": "Apache-2.0",
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "0.8.11",
-    "@vuu-ui/vuu-protocol-types": "0.8.11"
+    "@vuu-ui/vuu-filter-types": "0.8.12",
+    "@vuu-ui/vuu-protocol-types": "0.8.12"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "0.8.11",
-    "@vuu-ui/vuu-data": "0.8.11",
-    "@vuu-ui/vuu-data-react": "0.8.11",
-    "@vuu-ui/vuu-datagrid-types": "0.8.11",
-    "@vuu-ui/vuu-layout": "0.8.11",
-    "@vuu-ui/vuu-popups": "0.8.11",
-    "@vuu-ui/vuu-utils": "0.8.11",
-    "@vuu-ui/vuu-ui-controls": "0.8.11",
+    "@vuu-ui/vuu-codemirror": "0.8.12",
+    "@vuu-ui/vuu-data": "0.8.12",
+    "@vuu-ui/vuu-data-react": "0.8.12",
+    "@vuu-ui/vuu-datagrid-types": "0.8.12",
+    "@vuu-ui/vuu-layout": "0.8.12",
+    "@vuu-ui/vuu-popups": "0.8.12",
+    "@vuu-ui/vuu-utils": "0.8.12",
+    "@vuu-ui/vuu-ui-controls": "0.8.12",
     "@lezer/lr": "1.3.4",
     "@salt-ds/core": "1.8.0",
     "@salt-ds/lab": "1.0.0-alpha.15"

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

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

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

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 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";
@@ -21,4 +21,5 @@ export interface ExpressionSuggestionConsumer {
 export declare const useColumnExpressionEditor: ({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => {
     editorRef: import("react").RefObject<HTMLDivElement>;
     clearInput: () => void;
+    onBlur: FocusEventHandler<Element>;
 };

package/types/column-expression-panel/ColumnExpressionPanel.d.ts

@@ -3,6 +3,10 @@ import { HTMLAttributes } from "react";
 import { ColumnSettingsProps } from "../column-settings";
 export interface ColumnExpressionPanelProps extends HTMLAttributes<HTMLDivElement>, Pick<ColumnSettingsProps, "tableConfig" | "vuuTable"> {
     column: ColumnDescriptor;
-    onSave: (column: ColumnDescriptor) => void;
+    /**
+     * Callback prop, invoked on every change to calculated column definition
+     * @param calculatedColumnName the full calculated column name
+     */
+    onChangeName?: (name: string) => void;
 }
-export declare const ColumnExpressionPanel: ({ column: columnProp, onSave: onSaveProp, tableConfig, vuuTable, }: ColumnExpressionPanelProps) => JSX.Element;
+export declare const ColumnExpressionPanel: ({ column: columnProp, onChangeName: onChangeNameProp, tableConfig, vuuTable, }: ColumnExpressionPanelProps) => JSX.Element;

package/types/column-expression-panel/useColumnExpression.d.ts

@@ -1,11 +1,10 @@
 import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
 import { FormEventHandler } from "react";
 import { ColumnExpressionPanelProps } from "./ColumnExpressionPanel";
-export type ColumnExpressionHookProps = Pick<ColumnExpressionPanelProps, "column" | "onSave">;
-export declare const useColumnExpression: ({ column: columnProp, onSave: onSaveProp, }: ColumnExpressionHookProps) => {
+export type ColumnExpressionHookProps = Pick<ColumnExpressionPanelProps, "column" | "onChangeName">;
+export declare const useColumnExpression: ({ column: columnProp, onChangeName: onChangeNameProp, }: ColumnExpressionHookProps) => {
     column: ColumnDescriptor;
     onChangeExpression: (value: string) => void;
     onChangeName: FormEventHandler<Element>;
     onChangeType: (evt: any, value: string | null) => void;
-    onSave: () => void;
 };

package/types/column-list/ColumnList.d.ts

@@ -8,5 +8,6 @@ export interface ColumnListProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
     columnItems: ColumnItem[];
     onChange: ColumnChangeHandler;
     onMoveListItem: ListProps["onMoveListItem"];
+    onNavigateToColumn?: (columnName: string) => void;
 }
-export declare const ColumnList: ({ columnItems, onChange, onMoveListItem, ...htmlAttributes }: ColumnListProps) => JSX.Element;
+export declare const ColumnList: ({ columnItems, onChange, onMoveListItem, onNavigateToColumn, ...htmlAttributes }: ColumnListProps) => JSX.Element;

package/types/column-settings/ColumnNameLabel.d.ts

@@ -0,0 +1,8 @@
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import "./ColumnNameLabel.css";
+import { MouseEventHandler } from "react";
+export interface ColumnNameLabelProps {
+    column: ColumnDescriptor;
+    onClick: MouseEventHandler;
+}
+export declare const ColumnNameLabel: ({ column, onClick }: ColumnNameLabelProps) => JSX.Element;

package/types/column-settings/ColumnSettingsPanel.d.ts

@@ -5,8 +5,9 @@ import "./ColumnSettingsPanel.css";
 export interface ColumnSettingsProps extends HTMLAttributes<HTMLDivElement> {
     column: ColumnDescriptor;
     onConfigChange: (config: TableConfig) => void;
+    onCancelCreateColumn: () => void;
     onCreateCalculatedColumn: (column: ColumnDescriptor) => void;
     tableConfig: TableConfig;
     vuuTable: VuuTable;
 }
-export declare const ColumnSettingsPanel: ({ column: columnProp, onConfigChange, onCreateCalculatedColumn, tableConfig, vuuTable, }: ColumnSettingsProps) => JSX.Element;
+export declare const ColumnSettingsPanel: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, vuuTable, }: ColumnSettingsProps) => JSX.Element;

package/types/column-settings/useColumnSettings.d.ts

@@ -3,15 +3,19 @@ import { CellRendererDescriptor } from "@vuu-ui/vuu-utils";
 import { SingleSelectionHandler } from "@vuu-ui/vuu-ui-controls";
 import { FormEventHandler } from "react";
 import { ColumnSettingsProps } from "./ColumnSettingsPanel";
-export declare const useColumnSettings: ({ column: columnProp, onConfigChange, onCreateCalculatedColumn, tableConfig, }: Omit<ColumnSettingsProps, "vuuTable">) => {
+export declare const useColumnSettings: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, }: Omit<ColumnSettingsProps, "vuuTable">) => {
     availableRenderers: CellRendererDescriptor[];
+    editCalculatedColumn: boolean;
     selectedCellRenderer: CellRendererDescriptor | undefined;
     column: ColumnDescriptor;
     navigateNextColumn: () => void;
     navigatePrevColumn: () => void;
+    onCancel: () => void;
     onChange: FormEventHandler<Element>;
+    onChangeCalculatedColumnName: (name: string) => void;
     onChangeFormatting: (formatting: TypeFormatting) => void;
     onChangeRenderer: SingleSelectionHandler<CellRendererDescriptor>;
+    onEditCalculatedColumn: () => void;
     onInputCommit: () => void;
-    onSave: (calculatedColumn: ColumnDescriptor) => void;
+    onSave: () => void;
 };

package/types/table-settings/TableSettingsPanel.d.ts

@@ -7,6 +7,7 @@ export interface TableSettingsProps extends HTMLAttributes<HTMLDivElement> {
     onAddCalculatedColumn: () => void;
     onConfigChange: (config: TableConfig) => void;
     onDataSourceConfigChange: (dataSOurceConfig: DataSourceConfig) => void;
+    onNavigateToColumn?: (columnName: string) => void;
     tableConfig: TableConfig;
 }
 /**
@@ -14,4 +15,4 @@ export interface TableSettingsProps extends HTMLAttributes<HTMLDivElement> {
   It updates the settings in state locally and notifies caller of
   every change via onChange callback
  */
-export declare const TableSettingsPanel: ({ availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, tableConfig: tableConfigProp, ...htmlAttributes }: TableSettingsProps) => JSX.Element;
+export declare const TableSettingsPanel: ({ availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, onNavigateToColumn, tableConfig: tableConfigProp, ...htmlAttributes }: TableSettingsProps) => JSX.Element;