@vuu-ui/vuu-table-extras 0.0.26

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

@@ -0,0 +1,25 @@
+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>;
+    clearInput: () => void;
+    onBlur: FocusEventHandler<Element>;
+};

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

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

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

@@ -0,0 +1,13 @@
+import { ColumnDescriptor, ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
+import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
+import { HTMLAttributes } from "react";
+export interface ColumnExpressionPanelProps extends HTMLAttributes<HTMLDivElement>, Pick<ColumnSettingsProps, "tableConfig" | "vuuTable"> {
+    column: ColumnDescriptor;
+    /**
+     * Callback prop, invoked on every change to calculated column definition
+     * @param calculatedColumnName the full calculated column name
+     */
+    onChangeName?: (name: string) => void;
+    onChangeServerDataType?: (name: VuuColumnDataType) => void;
+}
+export declare const ColumnExpressionPanel: ({ column: columnProp, onChangeName: onChangeNameProp, onChangeServerDataType: onChangeServerDataTypeProp, tableConfig, vuuTable, }: ColumnExpressionPanelProps) => JSX.Element;

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

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

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

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

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

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

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

@@ -0,0 +1,9 @@
+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) => JSX.Element;

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

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

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
+export declare const LongTypeFormattingSettings: (props: FormattingSettingsProps) => JSX.Element;

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

@@ -0,0 +1,3 @@
+export * from "./ColumnFormattingPanel";
+export * from "./BaseNumericFormattingSettings";
+export * from "./DateTimeFormattingSettings";

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

@@ -0,0 +1,12 @@
+import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
+import { ListProps } from "@vuu-ui/vuu-ui-controls";
+import { HTMLAttributes } from "react";
+import { ColumnItem } from "../table-settings";
+export type ColumnChangeHandler = (columnName: string, propertyName: keyof ColumnDescriptor | "subscribed", value: string | number | boolean) => void;
+export interface ColumnListProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    columnItems: ColumnItem[];
+    onChange: ColumnChangeHandler;
+    onMoveListItem: ListProps["onMoveListItem"];
+    onNavigateToColumn?: (columnName: string) => void;
+}
+export declare const ColumnList: ({ columnItems, onChange, onMoveListItem, onNavigateToColumn, ...htmlAttributes }: ColumnListProps) => JSX.Element;

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

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

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

@@ -0,0 +1,7 @@
+import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
+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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnSettingsProps } from "@vuu-ui/vuu-table-types";
+export declare const ColumnSettingsPanel: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, vuuTable, }: ColumnSettingsProps) => JSX.Element;

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

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

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

@@ -0,0 +1,22 @@
+import { ColumnDescriptor, ColumnTypeFormatting, ColumnSettingsProps, ColumnTypeSimple } from "@vuu-ui/vuu-table-types";
+import { CellRendererDescriptor, ColumnRenderPropsChangeHandler } from "@vuu-ui/vuu-utils";
+import { VuuColumnDataType } from "@vuu-ui/vuu-protocol-types";
+import { FormEventHandler } from "react";
+export declare const useColumnSettings: ({ column: columnProp, onCancelCreateColumn, onConfigChange, onCreateCalculatedColumn, tableConfig, }: Omit<ColumnSettingsProps, "vuuTable">) => {
+    availableRenderers: CellRendererDescriptor[];
+    editCalculatedColumn: boolean;
+    column: ColumnDescriptor;
+    navigateNextColumn: () => void;
+    navigatePrevColumn: () => void;
+    onCancel: () => void;
+    onChange: FormEventHandler<Element>;
+    onChangeCalculatedColumnName: (name: string) => void;
+    onChangeFormatting: (formatting: ColumnTypeFormatting) => void;
+    onChangeRendering: ColumnRenderPropsChangeHandler;
+    onChangeServerDataType: (serverDataType: VuuColumnDataType) => void;
+    onChangeToggleButton: FormEventHandler<Element>;
+    onChangeType: (type: ColumnTypeSimple) => void;
+    onEditCalculatedColumn: () => void;
+    onInputCommit: () => void;
+    onSave: () => void;
+};

package/types/datasource-stats/DatasourceStats.d.ts

@@ -0,0 +1,7 @@
+import { DataSource } from "@vuu-ui/vuu-data-types";
+import { HTMLAttributes } from "react";
+interface DataSourceStatsProps extends HTMLAttributes<HTMLSpanElement> {
+    dataSource: DataSource;
+}
+export declare const DataSourceStats: ({ className: classNameProp, dataSource, }: DataSourceStatsProps) => JSX.Element;
+export {};

package/types/datasource-stats/index.d.ts

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

package/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from "./cell-edit-validators";
+export * from "./cell-renderers";
+export * from "./column-list";
+export * from "./column-settings";
+export * from "./column-expression-input";
+export * from "./column-expression-panel";
+export * from "./column-formatting-settings";
+export * from "./datasource-stats";
+export * from "./table-settings";

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { TableSettingsProps } from "@vuu-ui/vuu-table-types";
+/**
+  The TableSettingsPanel assumes 'ownership' of the tableSettings.
+  It updates the settings in state locally and notifies caller of
+  every change via onChange callback
+ */
+export declare const TableSettingsPanel: ({ allowColumnLabelCase, allowColumnDefaultWidth, allowGridRowStyling, availableColumns, onAddCalculatedColumn, onConfigChange, onDataSourceConfigChange, onNavigateToColumn, tableConfig: tableConfigProp, }: TableSettingsProps) => JSX.Element;

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

@@ -0,0 +1,2 @@
+export * from "./TableSettingsPanel";
+export * from "./useTableSettings";

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

@@ -0,0 +1,18 @@
+import { ColumnDescriptor, TableConfig, TableSettingsProps } from "@vuu-ui/vuu-table-types";
+import { Commithandler } from "@vuu-ui/vuu-ui-controls/src";
+import { MouseEvent, SyntheticEvent } from "react";
+import { ColumnChangeHandler } from "../column-list";
+export type ColumnItem = Pick<ColumnDescriptor, "hidden" | "label" | "name" | "serverDataType"> & {
+    isCalculated: boolean;
+    subscribed: boolean;
+};
+export declare const useTableSettings: ({ availableColumns: availableColumnsProp, onConfigChange, onDataSourceConfigChange, tableConfig: tableConfigProp, }: Omit<TableSettingsProps, "onAddCalculatedColumn">) => {
+    columnItems: ColumnItem[];
+    columnLabelsValue: number;
+    onChangeColumnLabels: (evt: SyntheticEvent) => void;
+    onChangeTableAttribute: (evt: MouseEvent<HTMLButtonElement>) => void;
+    onColumnChange: ColumnChangeHandler;
+    onCommitColumnWidth: Commithandler<string>;
+    onMoveListItem: (fromIndex: number, toIndex: number) => void;
+    tableConfig: TableConfig;
+};