@vuu-ui/vuu-table-extras 4.0.0-alpha.2 → 4.0.0-alpha.21

package/src/csv-upload/useCsvUpload.js

@@ -1,205 +1,36 @@
-import { EditSession } from "@vuu-ui/vuu-data-editing";
-import { Range, isRpcError, isSessionTable, useData } from "@vuu-ui/vuu-utils";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Range, isSessionTable } from "@vuu-ui/vuu-utils";
+import { useCallback, useMemo, useRef, useState } from "react";
 import { parseCsv } from "./parse/csv-parse.js";
-import { validateCsvAgainstSchema } from "./parse/csv-schema-validation.js";
-import { buildRowErrorMessage, createUploadError, hasFileParseErrors, isCsvParseError, mergeValidationWithParseErrors, toErrorMessage } from "./parse/csv-upload-utils.js";
-import { CSV_FIRST_DATA_ROW_NUMBER } from "./parse/csv-constants.js";
-const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importTable, onImportSessionEnded, onImportSessionStarted, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, rowDefaults, validators })=>{
-    const { getServerAPI } = useData();
+import { CsvValidationErrorEnum, validateCsvAgainstSchema } from "./parse/csv-schema-validation.js";
+import { createUploadError, hasFileParseErrors, isCsvParseError, mergeValidationWithParseErrors, toErrorMessage } from "./parse/csv-upload-utils.js";
+import { useImportSchema } from "./session/useImportSchema.js";
+import { useImportSession } from "./session/useImportSession.js";
+const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importTable, onImportSessionEnded, onImportSessionReady, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, rowDefaults, validators })=>{
     const [validation, setValidation] = useState();
-    const [sessionTable, setSessionTable] = useState();
     const [isProcessingFile, setIsProcessingFile] = useState(false);
     const [isImporting, setIsImporting] = useState(false);
-    const [fetchedImportSchema, setFetchedImportSchema] = useState();
     const [error, setError] = useState();
+    const operationIdRef = useRef(0);
+    const processingPromiseRef = useRef(void 0);
     const handleError = useCallback((errResult)=>{
         setError(errResult);
         onError?.(errResult);
     }, [
         onError
     ]);
-    useEffect(()=>{
-        if (importSchema || void 0 === importTable) return void setFetchedImportSchema(void 0);
-        let cancelled = false;
-        (async ()=>{
-            try {
-                const server = await getServerAPI();
-                const tableSchema = await server.getTableSchema(importTable);
-                if (!cancelled) setFetchedImportSchema(tableSchema);
-            } catch (error) {
-                console.error("[useCsvUpload] failed to fetch import table schema", error);
-            }
-        })();
-        return ()=>{
-            cancelled = true;
-        };
-    }, [
-        getServerAPI,
+    const { schema, sessionOverrides } = useImportSchema({
+        dataSource,
         importSchema,
         importTable
-    ]);
-    const resolvedImportSchema = importSchema ?? fetchedImportSchema;
-    const sessionOverrides = useMemo(()=>{
-        const columns = resolvedImportSchema?.columns.map(({ name })=>name);
-        return columns || importTable ? {
-            columns,
-            table: importTable
-        } : void 0;
-    }, [
-        resolvedImportSchema,
-        importTable
-    ]);
-    const importDataSource = useMemo(()=>({
-            tableSchema: dataSource.tableSchema,
-            createSessionDataSource: async (copyOption, sessionType)=>{
-                if (!dataSource.createSessionDataSource) throw Error("[useCsvUpload] dataSource does not support createSessionDataSource");
-                const sessionDs = await dataSource.createSessionDataSource(copyOption, sessionType, sessionOverrides);
-                if (!sessionDs) throw Error("[useCsvUpload] Failed to create session datasource");
-                if (!sessionDs.columns.includes("vuuMsg")) sessionDs.columns = sessionDs.columns.concat("vuuMsg");
-                if (sessionDs.isRemote) return new Promise((resolve, reject)=>{
-                    const handleSubscribed = ()=>{
-                        sessionDs.removeListener("subscribed", handleSubscribed);
-                        resolve(sessionDs);
-                    };
-                    sessionDs.on("subscribed", handleSubscribed);
-                    try {
-                        sessionDs.subscribe({
-                            range: Range(0, 0)
-                        }, ()=>{});
-                    } catch (err) {
-                        sessionDs.removeListener("subscribed", handleSubscribed);
-                        reject(err);
-                    }
-                });
-                return sessionDs;
-            }
-        }), [
+    });
+    const { addAllRows, beginEditSession, checkSessionTableErrors, closePendingEditSession, editSession, endEditSessionAndNotify, releaseEditSessionOwnership, sessionDataSourceRef, sessionTable, setActiveSessionDataSource } = useImportSession({
         dataSource,
-        sessionOverrides
-    ]);
-    const editSession = useMemo(()=>new EditSession({
-            dataSource: importDataSource,
-            editSessionApi: "createSessionDataSource",
-            rowDefaults
-        }), [
-        importDataSource,
-        rowDefaults
-    ]);
-    const ownsEditSessionRef = useRef(true);
-    const operationIdRef = useRef(0);
-    const processingPromiseRef = useRef(void 0);
-    const sessionDataSourceRef = useRef(void 0);
-    useEffect(()=>()=>{
-            operationIdRef.current++;
-            const processingPromise = processingPromiseRef.current;
-            (async ()=>{
-                try {
-                    await processingPromise;
-                } finally{
-                    if (ownsEditSessionRef.current) try {
-                        await editSession.end(false);
-                    } catch (error) {
-                        console.error("[useCsvUpload] failed to discard edit session during cleanup", error);
-                    }
-                }
-            })();
-        }, [
-        editSession
-    ]);
-    const setActiveSessionDataSource = useCallback((sessionDataSource)=>{
-        sessionDataSourceRef.current = sessionDataSource;
-        const table = sessionDataSource?.table;
-        setSessionTable(table && isSessionTable(table) ? table : void 0);
-    }, []);
-    const endEditSessionAndNotify = useCallback(async (save, reason)=>{
-        const sessionDataSource = sessionDataSourceRef.current;
-        if (!sessionDataSource) throw Error("CsvUpload has no active edit session.");
-        if (!sessionDataSource.endEditSession) throw Error("CsvUpload requires the session datasource to support endEditSession.");
-        const currentSessionTable = sessionDataSource.table;
-        try {
-            await editSession.end(save);
-        } finally{
-            if ("unsubscribed" !== sessionDataSource.status) sessionDataSource.unsubscribe();
-            setActiveSessionDataSource(void 0);
-        }
-        onImportSessionEnded?.({
-            reason,
-            sessionTable: currentSessionTable && isSessionTable(currentSessionTable) ? currentSessionTable : void 0
-        });
-    }, [
-        editSession,
-        onImportSessionEnded,
-        setActiveSessionDataSource
-    ]);
+        sessionOverrides,
+        rowDefaults,
+        processingPromiseRef,
+        onImportSessionEnded
+    });
     const table = dataSource.table;
-    const schema = importTable ? resolvedImportSchema : resolvedImportSchema ?? dataSource.tableSchema;
-    const addAllRows = useCallback(async (mergedValidation, operationId)=>{
-        const vuuMsgByRow = new Map();
-        for (const { rowNum, column, message } of mergedValidation.errors){
-            if (rowNum < CSV_FIRST_DATA_ROW_NUMBER) continue;
-            const existing = vuuMsgByRow.get(rowNum);
-            const columnError = `${column}: ${message}`;
-            vuuMsgByRow.set(rowNum, existing ? `${existing}; ${columnError}` : `${0 === rowNum ? "Header" : `Row ${rowNum}`}: ${columnError}`);
-        }
-        const parsedRowCount = mergedValidation.rows.length;
-        const unparsedErrorRows = [
-            ...vuuMsgByRow.keys()
-        ].filter((rowNum)=>rowNum - CSV_FIRST_DATA_ROW_NUMBER >= parsedRowCount).map((rowNum)=>({
-                rowNum,
-                rowData: {},
-                vuuMsg: vuuMsgByRow.get(rowNum) ?? ""
-            }));
-        const allRows = [
-            ...mergedValidation.rows.map((rowData, idx)=>({
-                    rowNum: idx + CSV_FIRST_DATA_ROW_NUMBER,
-                    rowData: rowData ?? {},
-                    vuuMsg: vuuMsgByRow.get(idx + CSV_FIRST_DATA_ROW_NUMBER) ?? ""
-                })),
-            ...unparsedErrorRows
-        ];
-        const rpcErrors = [];
-        for (const { rowNum, rowData, vuuMsg } of allRows){
-            if (operationId !== operationIdRef.current) return false;
-            try {
-                const payload = vuuMsg ? {
-                    vuuRowNum: rowNum,
-                    vuuMsg
-                } : {
-                    ...rowData,
-                    vuuRowNum: rowNum,
-                    vuuMsg
-                };
-                const result = await editSession.addRow(payload);
-                if (isRpcError(result)) throw Error(result.errorMessage);
-                if ("string" == typeof result) throw Error(result);
-            } catch (error) {
-                rpcErrors.push(`${0 === rowNum ? "Header" : `Row ${rowNum}`}: ${toErrorMessage(error)}`);
-            }
-        }
-        if (rpcErrors.length > 0) throw Error(buildRowErrorMessage("Import failed", rpcErrors));
-        return true;
-    }, [
-        editSession
-    ]);
-    const beginEditSession = useCallback(async ()=>{
-        const sessionDataSource = await editSession.begin("Empty", "import");
-        const sessionVuuTable = sessionDataSource?.table;
-        if (void 0 === sessionDataSource || void 0 === sessionVuuTable || !isSessionTable(sessionVuuTable)) throw Error("CsvUpload createSessionDataSource returned no session datasource.");
-        setActiveSessionDataSource(sessionDataSource);
-        onImportSessionStarted?.(sessionDataSource);
-        return sessionDataSource;
-    }, [
-        editSession,
-        onImportSessionStarted,
-        setActiveSessionDataSource
-    ]);
-    const closePendingEditSession = useCallback(async (save)=>{
-        if (void 0 === sessionDataSourceRef.current) return;
-        await endEditSessionAndNotify(save, save ? "saved" : "discarded");
-    }, [
-        endEditSessionAndNotify
-    ]);
     const cancelImport = useCallback(async ()=>{
         operationIdRef.current++;
         processingPromiseRef.current = void 0;
@@ -245,13 +76,10 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         });
         if (Object.keys(schemaValidation.errorMap.fileErrors).length > 0) {
             setValidation(schemaValidation);
+            const detailedMessage = `CSV validation failed: ${schemaValidation.errors.map((e)=>"*" === e.column ? e.message : `${e.column}: ${e.message}`).join("; ")}`;
             handleError({
                 errors: {
-                    schemaError: createUploadError("schema", "CSV validation failed.", parsedCsv.error, {
-                        errorMap: schemaValidation.errorMap,
-                        errors: schemaValidation.errors,
-                        message: "CSV validation failed."
-                    })
+                    schemaError: createUploadError("schema", detailedMessage, parsedCsv.error, schemaValidation)
                 }
             });
             return;
@@ -259,10 +87,31 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         const mergedValidation = mergeValidationWithParseErrors(schemaValidation, parsedCsv.error);
         setValidation(mergedValidation);
         if (mergedValidation.rows.length > 0) try {
-            await beginEditSession();
+            const sessionDataSource = await beginEditSession();
             if (operationId !== operationIdRef.current) return;
-            const rowsAdded = await addAllRows(mergedValidation, operationId);
-            if (!rowsAdded) return;
+            const rowsAddedCount = await addAllRows(mergedValidation, ()=>operationId !== operationIdRef.current);
+            if (false === rowsAddedCount) return;
+            const expectedRowCount = rowsAddedCount;
+            sessionDataSource.range = Range(0, expectedRowCount);
+            const sessionErrors = await checkSessionTableErrors(sessionDataSource, expectedRowCount);
+            if (operationId !== operationIdRef.current) return;
+            if (sessionErrors.length > 0) {
+                const serverValidationErrors = sessionErrors.map(({ rowNum, message })=>({
+                        rowNum,
+                        column: "*",
+                        message,
+                        value: "",
+                        errorEnum: CsvValidationErrorEnum.CUSTOM_VALIDATION
+                    }));
+                setValidation((prev)=>prev ? {
+                        ...prev,
+                        errors: [
+                            ...prev.errors,
+                            ...serverValidationErrors
+                        ]
+                    } : void 0);
+            }
+            onImportSessionReady?.(sessionDataSource);
         } catch (error) {
             if (void 0 !== sessionDataSourceRef.current) await endEditSessionAndNotify(false, "failed");
             else try {
@@ -281,6 +130,7 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         handleError,
         editSession,
         addAllRows,
+        checkSessionTableErrors,
         maxRows,
         parseOptions,
         beginEditSession,
@@ -290,7 +140,9 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         table,
         endEditSessionAndNotify,
         schema,
-        validators
+        validators,
+        onImportSessionReady,
+        sessionDataSourceRef
     ]);
     const handleFiles = useCallback(async (files)=>{
         const file = files[0];
@@ -333,10 +185,11 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
     }, [
         handleFiles
     ]);
-    const canImport = useMemo(()=>void 0 !== validation && 0 === validation.errors.length && validation.rows.length > 0 && !isProcessingFile && !isImporting, [
+    const canImport = useMemo(()=>void 0 !== validation && 0 === validation.errors.length && validation.rows.length > 0 && !isProcessingFile && !isImporting && void 0 === error, [
         isImporting,
         isProcessingFile,
-        validation
+        validation,
+        error
     ]);
     const importData = useCallback(async ()=>{
         if (!canImport || void 0 === validation) return false;
@@ -357,7 +210,7 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
                     editSession,
                     tableData
                 });
-                ownsEditSessionRef.current = false;
+                releaseEditSessionOwnership();
             } else {
                 await endEditSessionAndNotify(true, "saved");
                 onImported?.({
@@ -385,6 +238,8 @@ const useCsvUpload = ({ dataSource, importMode = "direct", importSchema, importT
         onImported,
         onPreview,
         importMode,
+        releaseEditSessionOwnership,
+        sessionDataSourceRef,
         validation
     ]);
     return {

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

@@ -1,8 +1,8 @@
 const css = `
 .vuuFreezeControl {
   --freeze-control-flash-duration: .25s;
-  --freeze-control-active-button-color: var(--salt-palette-error-background);
-  --freeze-control-badge-color: var(--salt-palette-success-background);
+  --freeze-control-active-button-color: var(--salt-status-error-background);
+  --freeze-control-badge-color: var(--salt-status-success-background);
   height: fit-content;
   display: inline-flex;
 
@@ -31,7 +31,7 @@ const css = `
 
   & .vuuFreezeControl-buttonWrapper-active .saltToggleButton {
     background-color: var(--freeze-control-active-button-color);
-    color: var(--salt-actionable-secondary-foreground-active);
+    color: var(--salt-actionable-subtle-foreground-active);
   }
 
   & .saltToggleButtonGroup.vuuStateButtonGroup {
@@ -43,7 +43,7 @@ const css = `
   }
 
   & .vuuFreezeControl-customBadge {
-    color: var(--salt-text-primary-foreground);
+    color: var(--salt-content-primary-foreground);
     font-size: var(--salt-text-fontSize);
     height: var(--salt-size-base);
     width: var(--salt-size-base);

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

@@ -1,8 +1,8 @@
 const css = `
 .FrozenBanner {
-  --freeze-control-active-button-color: var(--salt-palette-error-background);
+  --freeze-control-active-button-color: var(--salt-status-error-background);
   background-color: var(--freeze-control-active-button-color);
-  color: var(--salt-actionable-secondary-foreground-active);
+  color: var(--salt-actionable-subtle-foreground-active);
   font-size: var(--salt-text-fontSize);
   height: var(--salt-size-base);
   padding: 0 var(--salt-spacing-200);

package/src/tabbed-table-config-panel/TabbedTableConfigPanel.js

@@ -1,5 +1,5 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Tab, TabBar, TabList, TabPanel, TabTrigger, Tabs } from "@salt-ds/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Button, Tab, TabBar, TabList, TabPanel, TabTrigger, Tabs } from "@salt-ds/core";
 import { useComponentCssInjection } from "@salt-ds/styles";
 import { useWindow } from "@salt-ds/window";
 import clsx from "clsx";
@@ -78,12 +78,21 @@ const TabbedTableConfigPanel_TabbedTableConfigPanel = ({ allowCreateCalculatedCo
                 }),
                 /*#__PURE__*/ jsx(TabPanel, {
                     value: "table-columns",
-                    children: /*#__PURE__*/ jsx(ColumnPicker, {
-                        allowCreateCalculatedColumn: allowCreateCalculatedColumn,
-                        columnModel: columnModel,
-                        onClickCreateCalculatedColumn: onCreateCalculatedColumn,
-                        onSelectionChange: handleSelectionChange,
-                        selected: columns
+                    children: /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(ColumnPicker, {
+                                columnModel: columnModel,
+                                onSelectionChange: handleSelectionChange,
+                                selected: columns
+                            }),
+                            allowCreateCalculatedColumn ? /*#__PURE__*/ jsx("div", {
+                                className: `${classBase}-column-buttons`,
+                                children: /*#__PURE__*/ jsx(Button, {
+                                    onClick: onCreateCalculatedColumn,
+                                    children: "Create calculated column"
+                                })
+                            }) : null
+                        ]
                     })
                 }),
                 /*#__PURE__*/ jsx(TabPanel, {

package/src/tabbed-table-config-panel/useTabbedTableConfigPanel.js

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
-import { useCallback, useRef } from "react";
 import { useContextPanel } from "@vuu-ui/vuu-ui-controls";
+import { useCallback, useRef } from "react";
 import { TabbedTableConfigPanel } from "./TabbedTableConfigPanel.js";
 const useTabbedTableConfigPanel = ({ allowCreateCalculatedColumn, columnModel, config, onDisplayAttributeChange, vuuTable })=>{
     const showContextPanel = useContextPanel();

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/calculated-column/CalculatedColumnPanel.d.ts

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

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

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

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

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

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

@@ -3,4 +3,4 @@ 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;
+export declare const IconButtonCell: ({ column, dataRow }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -7,4 +7,4 @@ export interface ColumnExpressionInputProps extends ExpressionSuggestionConsumer
     onSubmitExpression?: ColumnExpressionSubmitHandler;
     source?: string;
 }
-export declare const ColumnExpressionInput: import("react").MemoExoticComponent<({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => import("react").JSX.Element>;
+export declare const ColumnExpressionInput: import("react").MemoExoticComponent<({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => import("react/jsx-runtime").JSX.Element>;

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

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

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

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

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

@@ -6,4 +6,4 @@ export interface ColumnFormattingPanelProps extends HTMLAttributes<HTMLDivElemen
     column: ColumnDescriptor;
     onChangeRendering: (renderProps: ColumnTypeRendering) => void;
 }
-export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeColumnType, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => import("react").JSX.Element;
+export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeColumnType, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => import("react/jsx-runtime").JSX.Element;

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/column-formatting-settings/LongTypeFormattingSettings.d.ts

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

package/types/column-menu/ColumnMenu.d.ts

@@ -7,4 +7,4 @@ export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
     menuActionHandler?: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
     menuPermissions?: ColumnMenuPermissions;
 }
-export declare const ColumnMenu: ({ className, column, menuActionHandler: menuActionHandlerProp, menuPermissions: { allowSort, allowGroup, allowAggregation, allowHide, allowRemove, allowPin, }, }: ColumnMenuProps) => import("react").JSX.Element;
+export declare const ColumnMenu: ({ className, column, menuActionHandler: menuActionHandlerProp, menuPermissions: { allowSort, allowGroup, allowAggregation, allowHide, allowRemove, allowPin, }, }: ColumnMenuProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-picker/ColumnModel.d.ts

@@ -58,12 +58,13 @@ export declare class ColumnModel extends EventEmitter<ColumnEvents> {
      * Columns already selected and rendered in Table.
      */
     selectedColumns: readonly ColumnDescriptor[]);
-    get availableColumns(): ColumnDescriptor[];
-    set searchPattern(pattern: string);
-    get searchPattern(): string;
     get selectedColumns(): readonly ColumnDescriptor[];
     setSelectedColumns(selectedColumns: readonly ColumnDescriptor[], source: ColumnChangeSource, changeDescriptor?: SelectedColumnChangeDescriptor): void;
     getColumn(name: string): ColumnDescriptor;
+    /**
+     * Introduced for use by ColumnPicker
+     */
+    addRemoveOrReorderSelectedColumns(newSelectedColumns: readonly ColumnDescriptor[], source: ColumnChangeSource): void;
     addItemToSelectedColumns(name: string, source: ColumnChangeSource): void;
     removeItemFromSelectedColumns(name: string, source: ColumnChangeSource): void;
     reorderSelectedColumns(orderedColumnNames: string[], source: ColumnChangeSource): void;

package/types/column-picker/ColumnPicker.d.ts

@@ -1,10 +1,8 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { HTMLAttributes, MouseEventHandler } from "react";
-import { ListBoxProps } from "@salt-ds/core";
-import { ColumnPickerHookProps } from "./useColumnPicker";
+import type { ListBoxProps } from "@salt-ds/core";
+import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
+import { type HTMLAttributes } from "react";
+import { type ColumnPickerHookProps } from "./useColumnPicker";
 export declare const classBaseListItem = "vuuColumnPickerListItem";
 export interface ColumnPickerProps extends ColumnPickerHookProps, Pick<ListBoxProps<ColumnDescriptor>, "selected" | "onSelectionChange">, HTMLAttributes<HTMLDivElement> {
-    allowCreateCalculatedColumn?: boolean;
-    onClickCreateCalculatedColumn?: MouseEventHandler<HTMLButtonElement>;
 }
 export declare const ColumnPicker: import("react").ForwardRefExoticComponent<ColumnPickerProps & import("react").RefAttributes<HTMLDivElement>>;

package/types/column-picker/ColumnPickerAction.d.ts

@@ -2,4 +2,4 @@ import { IconButtonProps } from "@vuu-ui/vuu-ui-controls";
 import { ColumnPickerHookProps } from "./useColumnPicker";
 export interface ColumnPickerActionProps extends Partial<IconButtonProps>, ColumnPickerHookProps {
 }
-export declare const ColumnPickerAction: ({ appearance, columnModel, icon, sentiment, ...IconButtonProps }: ColumnPickerActionProps) => import("react").JSX.Element;
+export declare const ColumnPickerAction: ({ appearance, columnModel, icon, sentiment, ...IconButtonProps }: ColumnPickerActionProps) => import("react/jsx-runtime").JSX.Element;

package/types/column-picker/useColumnPicker.d.ts

@@ -1,16 +1,13 @@
-import { ColumnDescriptor, TableSelectionModel } from "@vuu-ui/vuu-table-types";
-import { FormEventHandler, MouseEventHandler } from "react";
-import { ColumnModel, SelectedColumnChangeType } from "./ColumnModel";
+import { TableSelectionModel } from "@vuu-ui/vuu-table-types";
+import { ItemDescriptor } from "@vuu-ui/vuu-ui-controls";
+import { ColumnModel } from "./ColumnModel";
 export type ColumnSelectionModel = Extract<TableSelectionModel, "none" | "single">;
-export type SelectedColumnsChangeHandler = (columns: ColumnDescriptor[], changeType: SelectedColumnChangeType) => void;
 export interface ColumnPickerHookProps {
     columnModel: ColumnModel;
 }
 export declare const useColumnPicker: ({ columnModel: model, }: ColumnPickerHookProps) => {
-    availableColumns: ColumnDescriptor[];
-    onAddItemToSelectedList: MouseEventHandler<HTMLButtonElement>;
-    onRemoveItemFromSelectedList: MouseEventHandler<HTMLButtonElement>;
-    onChangeSearchInput: FormEventHandler;
-    searchText: string;
-    selectedColumns: readonly ColumnDescriptor[];
+    allItems: ItemDescriptor[];
+    selectedItems: ItemDescriptor[];
+    oneOrMoreColumnsIsCalculated: boolean;
+    handleSelectedItemsChange: (newSelectedItems: readonly ItemDescriptor[]) => void;
 };

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

@@ -4,4 +4,4 @@ export interface ColumnNameLabelProps {
     column: ColumnDescriptor;
     onClick?: MouseEventHandler;
 }
-export declare const ColumnNameLabel: ({ column, onClick }: ColumnNameLabelProps) => import("react").JSX.Element;
+export declare const ColumnNameLabel: ({ column, onClick }: ColumnNameLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,4 +2,4 @@ import { ColumnSettingsProps } from "./useColumnSettings";
 export interface ColumnSettinsPanelProps extends ColumnSettingsProps {
     onClickEditCalculatedColumn?: () => void;
 }
-export declare const ColumnSettingsPanel: ({ column: columnProp, columnModel, onClickEditCalculatedColumn, onConfigChange, }: ColumnSettinsPanelProps) => import("react").JSX.Element;
+export declare const ColumnSettingsPanel: ({ column: columnProp, columnModel, onClickEditCalculatedColumn, onConfigChange, }: ColumnSettinsPanelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { ColumnDescriptor, TableConfig, ColumnTypeFormatting } from "@vuu-ui/vuu-table-types";
-import { CellRendererDescriptor, ColumnRenderPropsChangeHandler } from "@vuu-ui/vuu-utils";
+import { ColumnDescriptor, ColumnTypeFormatting, TableConfig } from "@vuu-ui/vuu-table-types";
+import { DataValueTypeSimple } from "@vuu-ui/vuu-data-types";
 import { VuuColumnDataType, VuuTable } from "@vuu-ui/vuu-protocol-types";
+import { CellRendererDescriptor, ColumnRenderPropsChangeHandler } from "@vuu-ui/vuu-utils";
 import { FormEventHandler } from "react";
-import { DataValueTypeSimple } from "@vuu-ui/vuu-data-types";
 import { ColumnModel } from "../column-picker/ColumnModel";
 /**
  * Describes the props for a Column Configuration Editor, for which