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

package/types/csv-export/export-utils.d.ts

@@ -1,16 +1,28 @@
 import type { CopyOption, DataSource, SessionDataSourceOverrides } from "@vuu-ui/vuu-data-types";
-export type ExportColumnDescriptor<TName extends string = string> = {
-    name: TName;
-    /** Override the column name used as the CSV header label. */
+import type { ColumnDescriptor, RowAccessor } from "@vuu-ui/vuu-table-types";
+export type { RowAccessor };
+export type ExportServerColumnDescriptor = Omit<ColumnDescriptor, "source" | "exportFormatter"> & {
+    name: string;
+    source?: "server";
     label?: string;
-    exportFormatter?: (value: unknown) => string;
+    exportable?: boolean;
+    exportFormatter?: (value: unknown, row: RowAccessor) => string;
 };
-export interface ExportToCsvOptions<TName extends string = string> {
+export type ExportClientColumnDescriptor = Omit<ColumnDescriptor, "source" | "exportFormatter"> & {
+    name: string;
+    source: "client";
+    label?: string;
+    exportable?: boolean;
+    exportFormatter: (value: unknown, row: RowAccessor) => string;
+};
+export type ExportColumnDescriptor = ExportServerColumnDescriptor | ExportClientColumnDescriptor;
+export interface ExportToCsvOptions {
     filename?: string;
     copyOption?: CopyOption;
     excludeColumns?: string[];
     maxRows?: number;
-    columnDescriptors?: ExportColumnDescriptor<TName>[];
+    columnDescriptors?: readonly (ExportColumnDescriptor | ColumnDescriptor)[];
+    columns?: readonly (string | ExportColumnDescriptor | ColumnDescriptor)[];
     overrides?: SessionDataSourceOverrides;
     /** Timeout in milliseconds before the export times out. Default: 30_000ms (0 to disable). */
     timeout?: number;
@@ -20,13 +32,14 @@ export interface ExportToCsvOptions<TName extends string = string> {
 export interface ExportCsvTemplateOptions {
     filename?: string;
     excludeColumns?: string[];
-    columns?: string[];
+    columns?: readonly (string | ColumnDescriptor)[];
     overrides?: SessionDataSourceOverrides;
     /** Timeout in milliseconds before template generation times out. Default: 10_000ms (0 to disable). */
     timeout?: number;
     onError?: (error: Error) => void;
     onSuccess?: () => void;
 }
+export declare const isExportableColumn: (descriptor?: ExportColumnDescriptor | ColumnDescriptor) => boolean;
 /** Downloads a single-row CSV containing only the column headers, for use as an import template. */
 export declare const exportCsvTemplate: (dataSource: DataSource, options?: ExportCsvTemplateOptions) => Promise<void>;
 /**
@@ -35,8 +48,8 @@ export declare const exportCsvTemplate: (dataSource: DataSource, options?: Expor
  * then triggers a browser download. The session data source is unsubscribed automatically once the download
  * is initiated.
  */
-export declare const exportSessionTableToCsv: <TName extends string = string>(dataSource: DataSource, options?: ExportToCsvOptions<TName>) => Promise<void>;
+export declare const exportSessionTableToCsv: (dataSource: DataSource, options?: ExportToCsvOptions) => Promise<void>;
 /**
  * Creates an export session table from `dataSource`, collects all rows in memory, then triggers a CSV download.
  */
-export declare const exportToCsv: <TName extends string = string>(dataSource: DataSource, options?: ExportToCsvOptions<TName>) => Promise<void>;
+export declare const exportToCsv: (dataSource: DataSource, options?: ExportToCsvOptions) => Promise<void>;

package/types/csv-export/index.d.ts

@@ -1,2 +1,2 @@
-export { exportCsvTemplate, exportSessionTableToCsv, exportToCsv, type ExportColumnDescriptor, type ExportCsvTemplateOptions, type ExportToCsvOptions, } from "./export-utils";
+export { exportCsvTemplate, exportSessionTableToCsv, exportToCsv, isExportableColumn, type ExportClientColumnDescriptor, type ExportColumnDescriptor, type ExportCsvTemplateOptions, type ExportServerColumnDescriptor, type ExportToCsvOptions, type RowAccessor, } from "./export-utils";
 export { useCsvExport, type UseCsvExportProps, type UseCsvExportResult, } from "./useCsvExport";

package/types/csv-export/useCsvExport.d.ts

@@ -1,14 +1,17 @@
 import type { DataSource } from "@vuu-ui/vuu-data-types";
-import { type ExportCsvTemplateOptions, type ExportToCsvOptions } from "./export-utils";
+import type { ColumnDescriptor, TableConfig } from "@vuu-ui/vuu-table-types";
+import { type ExportColumnDescriptor, type ExportCsvTemplateOptions, type ExportToCsvOptions } from "./export-utils";
 export interface UseCsvExportProps {
     dataSource?: DataSource;
+    tableConfig?: TableConfig;
+    columns?: readonly (string | ExportColumnDescriptor | ColumnDescriptor)[];
     onError?: (error: Error) => void;
     onSuccess?: () => void;
 }
 export interface UseCsvExportResult {
     isExporting: boolean;
     error: Error | null;
-    exportCsv: <TName extends string = string>(options?: ExportToCsvOptions<TName>, overrideDataSource?: DataSource) => Promise<void>;
+    exportCsv: (options?: ExportToCsvOptions, overrideDataSource?: DataSource) => Promise<void>;
     exportTemplate: (options?: ExportCsvTemplateOptions, overrideDataSource?: DataSource) => Promise<void>;
 }
 export declare function useCsvExport(propsOrDataSource?: DataSource | UseCsvExportProps): UseCsvExportResult;

package/types/csv-upload/CsvUpload.d.ts

@@ -46,7 +46,7 @@ export interface CsvUploadProps {
     importSchema?: TableSchema;
     /** Expected import table, used to validate the session table returned by the server. */
     importTable?: VuuTable;
-    onImportSessionStarted?: (dataSource: DataSource) => void;
+    onImportSessionReady?: (dataSource: DataSource) => void;
     onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;
     onError?: (result: CsvUploadErrorResult | undefined) => void;
     onImported?: (result: CsvUploadImportedResult) => void;
@@ -61,9 +61,5 @@ export interface CsvUploadProps {
     importMode?: "direct" | "preview";
     rowDefaults?: RowDefaultDataItemValues;
     validators?: Record<string, CsvColumnValidator>;
-    /**
-     * Custom renderer for the error panel.
-     */
-    renderError?: (error: CsvUploadErrorResult) => ReactNode;
 }
-export declare const CsvUpload: (props: CsvUploadProps) => import("react").JSX.Element;
+export declare const CsvUpload: (props: CsvUploadProps) => import("react/jsx-runtime").JSX.Element;

package/types/csv-upload/data-upload-preview/DataUploadPreview.d.ts

@@ -7,4 +7,4 @@ export interface DataUploadPreviewProps extends Omit<HTMLAttributes<HTMLDivEleme
     saveLabel?: string;
     tableSchema: TableSchema;
 }
-export declare const DataUploadPreview: ({ className, editSession, onClose, saveLabel, tableSchema, ...htmlAttributes }: DataUploadPreviewProps) => import("react").JSX.Element;
+export declare const DataUploadPreview: ({ className, editSession, onClose, saveLabel, tableSchema, ...htmlAttributes }: DataUploadPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/types/csv-upload/parse/csv-errors.d.ts

@@ -11,7 +11,7 @@ export declare enum CsvValidationErrorEnum {
     MISSING_KEY_COLUMN = "MISSING_KEY_COLUMN",
     UNKNOWN_COLUMN = "UNKNOWN_COLUMN",
     MAX_ROWS_EXCEEDED = "MAX_ROWS_EXCEEDED",
-    EMPTY_NON_STRING_VALUE = "EMPTY_NON_STRING_VALUE",
+    REQUIRED_FIELD_MISSING = "REQUIRED_FIELD_MISSING",
     TYPE_MISMATCH = "TYPE_MISMATCH",
     CUSTOM_VALIDATION = "CUSTOM_VALIDATION"
 }

package/types/csv-upload/parse/csv-schema-validation.d.ts

@@ -1,8 +1,14 @@
-import type { TableSchema } from "@vuu-ui/vuu-data-types";
+import type { TableSchema, SchemaColumn } from "@vuu-ui/vuu-data-types";
 import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
 import type { CsvValidationError, CsvValidationErrorMap, CsvParseError } from "./csv-errors";
 import type { CsvParseResult } from "./csv-parse";
 export { CsvValidationErrorEnum, type CsvValidationError, type CsvValidationErrorMap, type CsvValidationErrorType, type CsvValidationStructuredError, } from "./csv-errors";
+export interface ImportSchemaColumn extends SchemaColumn {
+    required?: boolean;
+}
+export interface ImportTableSchema extends Omit<TableSchema, "columns"> {
+    readonly columns: readonly ImportSchemaColumn[];
+}
 export type CsvColumnValidator = (value: string, columnName: string, row: Record<string, string>) => boolean | string;
 export type CsvValidationResult = {
     columns: string[];
@@ -15,4 +21,4 @@ export type CsvValidationOptions = {
     maxRows?: number;
     validators?: Record<string, CsvColumnValidator>;
 };
-export declare const validateCsvAgainstSchema: (parsed: CsvParseResult, tableSchema: TableSchema, options?: CsvValidationOptions) => CsvValidationResult;
+export declare const validateCsvAgainstSchema: (parsed: CsvParseResult, tableSchema: TableSchema | ImportTableSchema, options?: CsvValidationOptions) => CsvValidationResult;

package/types/csv-upload/parse/csv-upload-utils.d.ts

@@ -1,4 +1,5 @@
 import type { VuuRowDataItemType } from "@vuu-ui/vuu-protocol-types";
+import type { DataSourceRow } from "@vuu-ui/vuu-data-types";
 import type { CsvUploadError } from "../CsvUpload";
 import type { CsvParseError } from "./csv-parse";
 import type { CsvValidationError, CsvValidationResult } from "./csv-schema-validation";
@@ -19,3 +20,11 @@ export type RpcBatchResult = {
     results: unknown[];
 };
 export declare const executeBatchRpcCalls: <T>(items: T[], executor: (item: T) => Promise<unknown>, errorFormatter: (item: T, error: string) => string) => Promise<RpcBatchResult>;
+export type SessionRowError = {
+    rowNum: number;
+    message: string;
+};
+export type SessionRowUpdateListener = () => void;
+export declare const getInlineRowErrorMessage: (result: unknown) => string | undefined;
+export declare const getRowVuuMsgError: (row: DataSourceRow, vuuMsgDataIndex: number, vuuRowNumDataIndex: number) => SessionRowError | undefined;
+export declare const waitForSessionErrors: (isRemote: boolean, sessionErrors: Map<string | number, SessionRowError>, receivedRowKeys: Set<string | number>, expectedRowCount: number, listeners: Set<SessionRowUpdateListener>, timeoutMs?: number) => Promise<SessionRowError[]>;

package/types/csv-upload/session/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./useImportSchema";
+export * from "./useImportSession";

package/types/csv-upload/session/useImportSchema.d.ts

@@ -0,0 +1,13 @@
+import type { DataSource, SessionDataSourceOverrides, TableSchema } from "@vuu-ui/vuu-data-types";
+import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
+export interface UseImportSchemaProps {
+    dataSource: DataSource;
+    importSchema?: TableSchema;
+    importTable?: VuuTable;
+}
+export interface UseImportSchemaResult {
+    resolvedImportSchema: TableSchema | undefined;
+    schema: TableSchema | undefined;
+    sessionOverrides: SessionDataSourceOverrides | undefined;
+}
+export declare const useImportSchema: ({ dataSource, importSchema, importTable, }: UseImportSchemaProps) => UseImportSchemaResult;

package/types/csv-upload/session/useImportSession.d.ts

@@ -0,0 +1,26 @@
+import type { DataSource, SessionDataSourceOverrides } from "@vuu-ui/vuu-data-types";
+import { EditSession, type RowDefaultDataItemValues } from "@vuu-ui/vuu-data-editing";
+import { type RefObject } from "react";
+import type { CsvValidationResult } from "../parse/csv-schema-validation";
+import { type SessionRowError } from "../parse/csv-upload-utils";
+import type { CsvUploadSessionEndReason, CsvUploadSessionEndResult, CsvUploadSessionTable } from "../CsvUpload";
+export interface UseImportSessionProps {
+    dataSource: DataSource;
+    sessionOverrides?: SessionDataSourceOverrides;
+    rowDefaults?: RowDefaultDataItemValues;
+    processingPromiseRef?: RefObject<Promise<void> | undefined>;
+    onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;
+}
+export interface UseImportSessionReturn {
+    addAllRows: (mergedValidation: CsvValidationResult, isCancelled: () => boolean) => Promise<number | false>;
+    beginEditSession: () => Promise<DataSource>;
+    checkSessionTableErrors: (sessionDs: DataSource, expectedRowCount: number) => Promise<SessionRowError[]>;
+    closePendingEditSession: (save: boolean) => Promise<void>;
+    editSession: EditSession;
+    endEditSessionAndNotify: (save: boolean, reason: CsvUploadSessionEndReason) => Promise<void>;
+    releaseEditSessionOwnership: () => void;
+    sessionDataSourceRef: React.MutableRefObject<DataSource | undefined>;
+    sessionTable: CsvUploadSessionTable | undefined;
+    setActiveSessionDataSource: (sessionDataSource?: DataSource) => void;
+}
+export declare const useImportSession: ({ dataSource, sessionOverrides, rowDefaults, processingPromiseRef, onImportSessionEnded, }: UseImportSessionProps) => UseImportSessionReturn;

package/types/csv-upload/useCsvUpload.d.ts

@@ -1,5 +1,5 @@
 import type { DataSource, TableSchema } from "@vuu-ui/vuu-data-types";
-import { type RowDefaultDataItemValues } from "@vuu-ui/vuu-data-editing";
+import type { RowDefaultDataItemValues } from "@vuu-ui/vuu-data-editing";
 import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
 import { type CsvParseOptions } from "./parse/csv-parse";
 import { type CsvValidationResult, type CsvColumnValidator } from "./parse/csv-schema-validation";
@@ -17,7 +17,7 @@ export interface CsvUploadHookProps {
     importTable?: VuuTable;
     maxRows?: number;
     onImportSessionEnded?: (result: CsvUploadSessionEndResult) => void;
-    onImportSessionStarted?: (dataSource: DataSource) => void;
+    onImportSessionReady?: (dataSource: DataSource) => void;
     onError?: (result: CsvUploadErrorResult | undefined) => void;
     onImported?: (result: CsvUploadImportedResult) => void;
     onPreview?: (result: CsvUploadPreviewResult) => void;
@@ -40,4 +40,4 @@ export type UseCsvUploadReturn = {
     validation: CsvValidationResult | undefined;
     error: CsvUploadErrorResult | undefined;
 };
-export declare const useCsvUpload: ({ dataSource, importMode, importSchema, importTable, onImportSessionEnded, onImportSessionStarted, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, rowDefaults, validators, }: CsvUploadHookProps) => UseCsvUploadReturn;
+export declare const useCsvUpload: ({ dataSource, importMode, importSchema, importTable, onImportSessionEnded, onImportSessionReady, onError, onImported, onPreview, onProcessingStarted, maxRows, parseOptions, rowDefaults, validators, }: CsvUploadHookProps) => UseCsvUploadReturn;

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

@@ -14,4 +14,4 @@ export interface DataSourceStatsProps extends DatasourceStatsHookProps, Omit<HTM
     selectionActions?: ReactNode;
     tooltrayActions?: ReactNode;
 }
-export declare const DataSourceStats: ({ children, className, dataSource, showRowStats, tooltrayActions, ...htmlAttributes }: DataSourceStatsProps) => import("react").JSX.Element;
+export declare const DataSourceStats: ({ children, className, dataSource, showRowStats, tooltrayActions, ...htmlAttributes }: DataSourceStatsProps) => import("react/jsx-runtime").JSX.Element;

package/types/freeze-control/FreezeControl.d.ts

@@ -12,4 +12,4 @@ export interface FreezeControlProps extends HTMLAttributes<HTMLDivElement>, Free
      */
     flashDuration?: number;
 }
-export declare const FreezeControl: ({ dataSource, className, newItemsLabel, flashDuration, ...htmlAttributes }: FreezeControlProps) => import("react").JSX.Element;
+export declare const FreezeControl: ({ dataSource, className, newItemsLabel, flashDuration, ...htmlAttributes }: FreezeControlProps) => import("react/jsx-runtime").JSX.Element;

package/types/freeze-control/FrozenBanner.d.ts

@@ -3,4 +3,4 @@ import { DataSource } from "@vuu-ui/vuu-data-types";
 export interface FrozenBannerProps extends HTMLAttributes<HTMLDivElement> {
     dataSource: DataSource;
 }
-export declare const FrozenBanner: ({ dataSource, className, ...htmlAttributes }: FrozenBannerProps) => import("react").JSX.Element | null;
+export declare const FrozenBanner: ({ dataSource, className, ...htmlAttributes }: FrozenBannerProps) => import("react/jsx-runtime").JSX.Element | null;

package/types/index.d.ts

@@ -11,7 +11,6 @@ export { useColumnActions } from "./column-menu/useColumnActions";
 export { ColumnChangeSource, ColumnModel, isColumnAdded, isColumnRemoved, isColumnsReordered, SelectedColumnChangeType, type ColumnEvents, type ColumnsChangeHandler, } from "./column-picker/ColumnModel";
 export { ColumnPicker, type ColumnPickerProps, } from "./column-picker/ColumnPicker";
 export { ColumnPickerAction } from "./column-picker/ColumnPickerAction";
-export type { SelectedColumnsChangeHandler } from "./column-picker/useColumnPicker";
 export { useTableColumnPicker } from "./column-picker/useTableColumnPicker";
 export { ColumnSettingsPanel } from "./column-settings-panel/ColumnSettingsPanel";
 export { useColumnSettings } from "./column-settings-panel/useColumnSettings";

package/types/inline-add-row/InlineAddRow.d.ts

@@ -1,3 +1,3 @@
 import type { BaseRowProps } from "@vuu-ui/vuu-table-types";
 export type InlineAddRowProps = BaseRowProps;
-export declare const InlineAddRow: ({ ariaRowIndex, className, columns, style, }: InlineAddRowProps) => import("react").JSX.Element;
+export declare const InlineAddRow: ({ ariaRowIndex, className, columns, style, }: InlineAddRowProps) => import("react/jsx-runtime").JSX.Element;

package/types/inline-add-row/useInlineAddRow.d.ts

@@ -16,7 +16,8 @@ export declare const useInlineAddRow: ({ columns }: UseInlineAddRowProps) => {
         allowColumnHeaderMenu?: false;
         colHeaderContentRenderer?: string;
         colHeaderLabelRenderer?: string;
-        exportFormatter?: (value: unknown) => string;
+        exportable?: boolean;
+        exportFormatter?: (value: unknown, row: import("@vuu-ui/vuu-table-types").RowAccessor) => string;
         getIcon?: (row: DataRow) => string | undefined;
         groupable?: boolean;
         hidden?: boolean;

package/types/tabbed-table-config-panel/TabbedTableConfigPanel.d.ts

@@ -13,5 +13,5 @@ export interface TabbedTableConfigPanelProps extends ColumnPickerProps, Pick<Tab
     selectedTab?: TabName;
     vuuTable?: VuuTable;
 }
-export declare const TabbedTableConfigPanel: ({ allowCreateCalculatedColumn, className, columnModel, config, onDisplayAttributeChange, selectedTab, vuuTable, ...htmlAttributes }: TabbedTableConfigPanelProps) => import("react").JSX.Element;
+export declare const TabbedTableConfigPanel: ({ allowCreateCalculatedColumn, className, columnModel, config, onDisplayAttributeChange, selectedTab, vuuTable, ...htmlAttributes }: TabbedTableConfigPanelProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/types/tabbed-table-config-panel/TabbedTableSettingsAction.d.ts

@@ -4,4 +4,4 @@ import { TableDisplayAttributeChangeHandler } from "../table-settings-panel/Tabl
 export interface TabbedTableSettingsActionProps extends Partial<IconButtonProps>, TabbedTableConfigPanelHookProps {
     onDisplayAttributeChange: TableDisplayAttributeChangeHandler;
 }
-export declare const TabbedTableSettingsAction: ({ allowCreateCalculatedColumn, appearance, columnModel, config, icon, onDisplayAttributeChange, sentiment, vuuTable, ...IconButtonProps }: TabbedTableSettingsActionProps) => import("react").JSX.Element;
+export declare const TabbedTableSettingsAction: ({ allowCreateCalculatedColumn, appearance, columnModel, config, icon, onDisplayAttributeChange, sentiment, vuuTable, ...IconButtonProps }: TabbedTableSettingsActionProps) => import("react/jsx-runtime").JSX.Element;

package/types/tabbed-table-config-panel/useTabbedTableConfigPanel.d.ts

@@ -1,12 +1,13 @@
-import { TableSettingsPanelProps } from "../table-settings-panel/TableSettingsPanel";
+import { VuuTable } from "@vuu-ui/vuu-protocol-types";
 import { TableProps } from "@vuu-ui/vuu-table";
 import { ColumnPickerProps } from "../column-picker/ColumnPicker";
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-export interface TabbedTableConfigPanelHookProps extends Pick<ColumnPickerProps, "allowCreateCalculatedColumn" | "columnModel">, Pick<TableSettingsPanelProps, "onDisplayAttributeChange">, Pick<TableProps, "config"> {
+import { TableSettingsPanelProps } from "../table-settings-panel/TableSettingsPanel";
+export interface TabbedTableConfigPanelHookProps extends Pick<ColumnPickerProps, "columnModel">, Pick<TableSettingsPanelProps, "onDisplayAttributeChange">, Pick<TableProps, "config"> {
     /**
      * only required for calculated columns
      */
     vuuTable?: VuuTable;
+    allowCreateCalculatedColumn?: boolean;
 }
 export declare const useTabbedTableConfigPanel: ({ allowCreateCalculatedColumn, columnModel, config, onDisplayAttributeChange, vuuTable, }: TabbedTableConfigPanelHookProps) => {
     showTabbedTableConfigPanel: (title?: string) => void;

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

@@ -3,8 +3,8 @@ 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.Element;
-export declare const TableFooter: ({ children, className, onInvokeAction, tooltrayActions, ...htmlAttributes }: TableFooterProps) => import("react").JSX.Element;
+    position?: "center" | "end";
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const TableFooter: ({ children, className, onInvokeAction, tooltrayActions, ...htmlAttributes }: TableFooterProps) => import("react/jsx-runtime").JSX.Element;

package/types/table-provider/TableProvider.d.ts

@@ -10,7 +10,7 @@ export interface TableContextProps extends Pick<TableProps, "dataSource" | "rowA
 export declare const TableContext: import("react").Context<TableContextProps>;
 export declare const TableProvider: ({ children, dataSource, menuActionHandler, rowActionHandlers, }: TableContextProps & {
     children: ReactNode;
-}) => import("react").JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare function useTableContext(throwIfNoDataSource?: boolean): {
     dataSource: DataSource;
     menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;

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

@@ -19,4 +19,4 @@ export interface TableSettingsPanelProps {
   It updates the settings in state locally and notifies caller of
   every change via onChange callback
  */
-export declare const TableSettingsPanel: ({ onDisplayAttributeChange, tableDisplayAttributes: tableDisplayAttributesProp, permissions: permissionsProp, }: TableSettingsPanelProps) => import("react").JSX.Element;
+export declare const TableSettingsPanel: ({ onDisplayAttributeChange, tableDisplayAttributes: tableDisplayAttributesProp, permissions: permissionsProp, }: TableSettingsPanelProps) => import("react/jsx-runtime").JSX.Element;