@vuu-ui/vuu-table-extras 3.3.17 → 4.0.0-alpha.10

package/package.json

@@ -1,43 +1,44 @@
 {
-  "version": "3.3.17",
+  "version": "4.0.0-alpha.10",
   "author": "heswell",
   "main": "./src/index.js",
   "license": "Apache-2.0",
+  "type": "module",
   "scripts": {
     "prebuild": "npm run lezer-generate:column",
     "build:dev": "node ../../scripts/run-build.mjs",
     "build": "node ../../scripts/run-build-rslib.ts",
     "type-defs": "node ../../scripts/build-type-defs.mjs",
-    "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"
+    "lezer-generate:column": "lezer-generator --output ./src/column-expression-input/column-language-parser/generated/column-parser.ts ./src/column-expression-input/column-language-parser/grammar/column.grammar"
   },
   "devDependencies": {
-    "@vuu-ui/vuu-filter-types": "3.3.17",
-    "@vuu-ui/vuu-protocol-types": "3.3.17"
+    "@vuu-ui/vuu-filter-types": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-protocol-types": "4.0.0-alpha.10"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "3.3.17",
-    "@vuu-ui/vuu-data-editing": "3.3.17",
-    "@vuu-ui/vuu-data-react": "3.3.17",
-    "@vuu-ui/vuu-data-types": "3.3.17",
-    "@vuu-ui/vuu-table-types": "3.3.17",
-    "@vuu-ui/vuu-popups": "3.3.17",
-    "@vuu-ui/vuu-table": "3.3.17",
-    "@vuu-ui/vuu-utils": "3.3.17",
-    "@vuu-ui/vuu-ui-controls": "3.3.17",
+    "@vuu-ui/core": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-codemirror": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-data-editing": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-data-react": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-data-types": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-table-types": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-popups": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-table": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-utils": "4.0.0-alpha.10",
+    "@vuu-ui/vuu-ui-controls": "4.0.0-alpha.10",
     "@lezer/lr": "1.4.2",
-    "@salt-ds/core": "1.54.1",
-    "@salt-ds/lab": "1.0.0-alpha.83",
+    "@salt-ds/core": "1.67.0",
+    "@salt-ds/lab": "1.0.0-alpha.99",
     "@salt-ds/styles": "0.2.1",
     "@salt-ds/window": "0.1.1",
     "csv-parse": "^7.0.0"
   },
   "peerDependencies": {
-    "@floating-ui/react": "^0.26.28",
+    "@floating-ui/react": "^0.27.19",
     "clsx": "^2.0.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
-  "type": "module",
   "files": [
     "README.md",
     "src",

package/src/calculated-column/useEditCalculatedColumn.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { useModal } from "@vuu-ui/vuu-ui-controls";
+import { useModal } from "@vuu-ui/core";
 import { useCallback, useRef } from "react";
 import { CalculatedColumnPanel } from "./CalculatedColumnPanel.js";
 const useEditCalculatedColumn = ({ calculatedColumn, columnModel, onSaveColumn, vuuTable })=>{

package/src/column-expression-input/column-language-parser/column-expression-parse-utils.js

@@ -33,7 +33,7 @@ const isCompleteExpression = (src)=>{
     try {
         strictParser.parse(src);
         return true;
-    } catch (err) {
+    } catch (_err) {
         return false;
     }
 };

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

@@ -116,7 +116,6 @@ const useColumnExpressionEditor = ({ onChange, onSubmitExpression, source, sugge
             viewRef.current?.destroy();
         };
     }, [
-        completionFn,
         createState
     ]);
     const handleBlur = useCallback(()=>{

package/src/column-picker/ColumnPicker.js

@@ -28,7 +28,9 @@ const ColumnPicker_ColumnPicker = /*#__PURE__*/ forwardRef(function({ columnMode
         selectedItems: selectedItems,
         itemTypeName: "column",
         onSelectedItemsChange: handleSelectedItemsChange,
-        ref: forwardedRef
+        onSelectionChange: onSelectionChange,
+        ref: forwardedRef,
+        selected: selected
     });
 });
 export { ColumnPicker_ColumnPicker as ColumnPicker, classBaseListItem };

package/src/csv-upload/data-upload-preview/DataUploadPreview.js

@@ -45,7 +45,7 @@ const DataUploadPreview_DataUploadPreview = ({ className, editSession, onClose,
                 editable: false,
                 hidden: false,
                 label: "Error",
-                width: 300
+                width: 200
             } : {
                 ...column,
                 editable: true

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

@@ -4,15 +4,15 @@ const css = `
   position: absolute;
   inset: 0;
 
-  & .saltTabsNext {
+  & .saltTabs {
     height: 100%;
 
-    & .saltTabListNext {
+    & .saltTabList {
       border-bottom: solid var(--salt-separable-secondary-borderColor) 1px;
       height: var(--tabs-height);
     }
 
-    & .saltTabNextPanel {
+    & .saltTabPanel {
       height: calc(100% - var(--tabs-height));
     }
   }

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

@@ -1,5 +1,5 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { TabListNext, TabNext, TabNextPanel, TabNextTrigger, TabsNext } from "@salt-ds/lab";
+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";
@@ -8,7 +8,6 @@ import { useEditCalculatedColumn } from "../calculated-column/useEditCalculatedC
 import { ColumnPicker } from "../column-picker/ColumnPicker.js";
 import { ColumnSettingsPanel } from "../column-settings-panel/ColumnSettingsPanel.js";
 import { TableSettingsPanel } from "../table-settings-panel/TableSettingsPanel.js";
-import { Button } from "@salt-ds/core";
 import TabbedTableConfigPanel from "./TabbedTableConfigPanel.css";
 const classBase = "vuuTabbedTableConfigPanel";
 const TabbedTableConfigPanel_TabbedTableConfigPanel = ({ allowCreateCalculatedColumn = false, className, columnModel, config, onDisplayAttributeChange, selectedTab = "table-settings", vuuTable, ...htmlAttributes })=>{
@@ -40,42 +39,44 @@ const TabbedTableConfigPanel_TabbedTableConfigPanel = ({ allowCreateCalculatedCo
     return /*#__PURE__*/ jsx("div", {
         ...htmlAttributes,
         className: clsx(classBase, className),
-        children: /*#__PURE__*/ jsxs(TabsNext, {
+        children: /*#__PURE__*/ jsxs(Tabs, {
             onChange: handleChange,
             value: value,
             children: [
-                /*#__PURE__*/ jsxs(TabListNext, {
-                    appearance: "transparent",
-                    children: [
-                        /*#__PURE__*/ jsx(TabNext, {
-                            value: "table-settings",
-                            children: /*#__PURE__*/ jsx(TabNextTrigger, {
-                                children: "Table settings"
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(TabNext, {
-                            value: "table-columns",
-                            children: /*#__PURE__*/ jsx(TabNextTrigger, {
-                                children: "Table columns"
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(TabNext, {
-                            disabled: 0 === columns.length,
-                            value: "column-settings",
-                            children: /*#__PURE__*/ jsx(TabNextTrigger, {
-                                children: "Column settings"
+                /*#__PURE__*/ jsx(TabBar, {
+                    children: /*#__PURE__*/ jsxs(TabList, {
+                        appearance: "transparent",
+                        children: [
+                            /*#__PURE__*/ jsx(Tab, {
+                                value: "table-settings",
+                                children: /*#__PURE__*/ jsx(TabTrigger, {
+                                    children: "Table settings"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tab, {
+                                value: "table-columns",
+                                children: /*#__PURE__*/ jsx(TabTrigger, {
+                                    children: "Table columns"
+                                })
+                            }),
+                            /*#__PURE__*/ jsx(Tab, {
+                                disabled: 0 === columns.length,
+                                value: "column-settings",
+                                children: /*#__PURE__*/ jsx(TabTrigger, {
+                                    children: "Column settings"
+                                })
                             })
-                        })
-                    ]
+                        ]
+                    })
                 }),
-                /*#__PURE__*/ jsx(TabNextPanel, {
+                /*#__PURE__*/ jsx(TabPanel, {
                     value: "table-settings",
                     children: /*#__PURE__*/ jsx(TableSettingsPanel, {
                         onDisplayAttributeChange: onDisplayAttributeChange,
                         tableDisplayAttributes: config
                     })
                 }),
-                /*#__PURE__*/ jsx(TabNextPanel, {
+                /*#__PURE__*/ jsx(TabPanel, {
                     value: "table-columns",
                     children: /*#__PURE__*/ jsxs(Fragment, {
                         children: [
@@ -94,7 +95,7 @@ const TabbedTableConfigPanel_TabbedTableConfigPanel = ({ allowCreateCalculatedCo
                         ]
                     })
                 }),
-                /*#__PURE__*/ jsx(TabNextPanel, {
+                /*#__PURE__*/ jsx(TabPanel, {
                     value: "column-settings",
                     children: columns.length > 0 ? /*#__PURE__*/ jsx(ColumnSettingsPanel, {
                         column: columns[0],

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

@@ -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-runtime").JSX.Element;
+export declare const CalculatedColumnPanel: ({ column: columnProp, columnModel, onChangeColumn, onChangeServerDataType: onChangeServerDataTypeProp, vuuTable, }: CalculatedColumnPanelProps) => import("react").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").NamedExoticComponent<TableCellRendererProps>;
+export declare const BackgroundCell: import("react").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react").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-runtime").JSX.Element;
+export declare const BackgroundCellConfigurationEditor: ({ column, onChangeRendering, }: ConfigurationEditorProps) => import("react").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-runtime").JSX.Element;
+export declare const IconButtonCell: ({ column, dataRow }: TableCellRendererProps) => import("react").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").NamedExoticComponent<TableCellRendererProps>;
+export declare const DropdownCell: import("react").MemoExoticComponent<({ column, dataRow, editedDuringCurrentSession, onEdit, }: TableCellRendererProps) => import("react").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").NamedExoticComponent<TableCellRendererProps>;
+export declare const LookupCell: import("react").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react").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-runtime").JSX.Element;
+export declare const PctProgressCell: ({ column, dataRow }: TableCellProps) => import("react").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-runtime").JSX.Element>;
+export declare const ColumnExpressionInput: import("react").MemoExoticComponent<({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => import("react").JSX.Element>;

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

@@ -2,4 +2,4 @@ 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;
+export declare const isCompleteRelationalExpression: (node?: any) => boolean;

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

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

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

@@ -1,24 +1 @@
-export const ColumnDefinitionExpression: 1;
-export const Column: 2;
-export const Number: 3;
-export const String: 4;
-export const True: 5;
-export const False: 6;
-export const ParenthesizedExpression: 7;
-export const OpenBrace: 8;
-export const CloseBrace: 9;
-export const ArithmeticExpression: 10;
-export const Divide: 11;
-export const Times: 12;
-export const Plus: 13;
-export const Minus: 14;
-export const ConditionalExpression: 15;
-export const If: 16;
-export const RelationalExpression: 17;
-export const RelationalOperator: 18;
-export const AndCondition: 19;
-export const OrCondition: 20;
-export const Comma: 21;
-export const CallExpression: 22;
-export const Function: 23;
-export const ArgList: 24;
+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/column-expression-input/useColumnExpressionEditor.d.ts

@@ -1,6 +1,6 @@
-import { Completion } from "@vuu-ui/vuu-codemirror";
-import { FocusEventHandler } from "react";
-import { ColumnExpressionInputProps } from "./ColumnExpressionInput";
+import { type Completion } from "@vuu-ui/vuu-codemirror";
+import { type FocusEventHandler, type RefObject } from "react";
+import type { ColumnExpressionInputProps } from "./ColumnExpressionInput";
 export type ColumnExpressionOperator = "Times" | "Divide" | "Minus" | "Plus";
 export type ColumnExpressionSuggestionType = "column" | "columnValue" | "expression" | "condition-operator" | "operator" | "relational-operator";
 export type ColumnExpressionSuggestionOptions = {
@@ -19,7 +19,7 @@ export interface ExpressionSuggestionConsumer {
     suggestionProvider: IExpressionSuggestionProvider;
 }
 export declare const useColumnExpressionEditor: ({ onChange, onSubmitExpression, source, suggestionProvider, }: ColumnExpressionInputProps) => {
-    editorRef: import("react").RefObject<HTMLDivElement | null>;
+    editorRef: RefObject<HTMLDivElement | null>;
     clearInput: () => void;
     onBlur: FocusEventHandler;
 };

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-runtime").JSX.Element;
+export declare const BaseNumericFormattingSettings: ({ column, onChangeFormatting: onChange, }: FormattingSettingsProps) => import("react").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-runtime").JSX.Element;
+export declare const ColumnFormattingPanel: ({ availableRenderers, className, column, onChangeFormatting, onChangeColumnType, onChangeRendering, ...htmlAttributes }: ColumnFormattingPanelProps) => import("react").JSX.Element;

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

@@ -1,2 +1,3 @@
 import { FormattingSettingsProps } from "@vuu-ui/vuu-table-types";
-export declare const LongTypeFormattingSettings: (props: FormattingSettingsProps) => import("react/jsx-runtime").JSX.Element;
+import React from "react";
+export declare const LongTypeFormattingSettings: (props: FormattingSettingsProps) => React.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-runtime").JSX.Element;
+export declare const ColumnMenu: ({ className, column, menuActionHandler: menuActionHandlerProp, menuPermissions: { allowSort, allowGroup, allowAggregation, allowHide, allowRemove, allowPin, }, }: ColumnMenuProps) => import("react").JSX.Element;

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

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

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-runtime").JSX.Element;
+export declare const ColumnPickerAction: ({ appearance, columnModel, icon, sentiment, ...IconButtonProps }: ColumnPickerActionProps) => import("react").JSX.Element;

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-runtime").JSX.Element;
+export declare const ColumnNameLabel: ({ column, onClick }: ColumnNameLabelProps) => import("react").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-runtime").JSX.Element;
+export declare const ColumnSettingsPanel: ({ column: columnProp, columnModel, onClickEditCalculatedColumn, onConfigChange, }: ColumnSettinsPanelProps) => import("react").JSX.Element;

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

@@ -62,4 +62,4 @@ export interface CsvUploadProps {
     rowDefaults?: RowDefaultDataItemValues;
     validators?: Record<string, CsvColumnValidator>;
 }
-export declare const CsvUpload: (props: CsvUploadProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CsvUpload: (props: CsvUploadProps) => import("react").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-runtime").JSX.Element;
+export declare const DataUploadPreview: ({ className, editSession, onClose, saveLabel, tableSchema, ...htmlAttributes }: DataUploadPreviewProps) => import("react").JSX.Element;

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-runtime").JSX.Element;
+export declare const DataSourceStats: ({ children, className, dataSource, showRowStats, tooltrayActions, ...htmlAttributes }: DataSourceStatsProps) => import("react").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-runtime").JSX.Element;
+export declare const FreezeControl: ({ dataSource, className, newItemsLabel, flashDuration, ...htmlAttributes }: FreezeControlProps) => import("react").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-runtime").JSX.Element | null;
+export declare const FrozenBanner: ({ dataSource, className, ...htmlAttributes }: FrozenBannerProps) => import("react").JSX.Element | null;

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

@@ -4,7 +4,7 @@ export interface FreezeProps {
     dataSource: DataSource;
 }
 export declare const useFreezeControl: ({ dataSource }: FreezeProps) => {
-    onToggleChange: (evt: SyntheticEvent<HTMLButtonElement>) => void;
     isFrozen: boolean;
     newRecordCount: number;
+    onToggleChange: (evt: SyntheticEvent<HTMLButtonElement>) => void;
 };

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-runtime").JSX.Element;
+export declare const InlineAddRow: ({ ariaRowIndex, className, columns, style, }: InlineAddRowProps) => import("react").JSX.Element;

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

@@ -7,8 +7,27 @@ export declare const useInlineAddRow: ({ columns }: UseInlineAddRowProps) => {
     dataRow: DataRow;
     draftRevision: number;
     inlineAddColumns: {
-        CellRenderer: import("react").FunctionComponent<import("@vuu-ui/vuu-table-types").TableCellRendererProps> | undefined;
-        editable: boolean;
+        editableBulk?: import("@vuu-ui/vuu-data-types").BulkEdit;
+        name: string;
+        required?: boolean;
+        serverDataType?: import("@vuu-ui/vuu-protocol-types").VuuColumnDataType;
+        type?: import("@vuu-ui/vuu-data-types").DataValueType;
+        aggregate?: import("@vuu-ui/vuu-protocol-types").VuuAggType;
+        allowColumnHeaderMenu?: false;
+        colHeaderContentRenderer?: string;
+        colHeaderLabelRenderer?: string;
+        exportFormatter?: (value: unknown) => string;
+        getIcon?: (row: DataRow) => string | undefined;
+        groupable?: boolean;
+        hidden?: boolean;
+        locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;
+        maxWidth?: number;
+        minWidth?: number;
+        pin?: import("@vuu-ui/vuu-table-types").PinLocation | false;
+        removeable?: boolean;
+        selected?: boolean;
+        source?: "client" | "server";
+        status?: import("@salt-ds/core").ValidationStatus;
         align?: "left" | "right";
         ariaColIndex: number;
         HeaderCellContentRenderer?: import("react").FunctionComponent<Omit<import("@vuu-ui/vuu-table-types").HeaderCellProps, "id" | "index">>;
@@ -34,26 +53,7 @@ export declare const useInlineAddRow: ({ columns }: UseInlineAddRowProps) => {
         sorted?: import("@vuu-ui/vuu-table-types").ColumnSort;
         valueFormatter: import("@vuu-ui/vuu-table-types").ValueFormatter;
         width: number;
-        aggregate?: import("@vuu-ui/vuu-protocol-types").VuuAggType;
-        allowColumnHeaderMenu?: false;
-        colHeaderContentRenderer?: string;
-        colHeaderLabelRenderer?: string;
-        exportFormatter?: (value: unknown) => string;
-        getIcon?: (row: DataRow) => string | undefined;
-        groupable?: boolean;
-        hidden?: boolean;
-        locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;
-        maxWidth?: number;
-        minWidth?: number;
-        pin?: import("@vuu-ui/vuu-table-types").PinLocation | false;
-        removeable?: boolean;
-        selected?: boolean;
-        source?: "client" | "server";
-        status?: import("@salt-ds/core").ValidationStatus;
-        editableBulk?: import("@vuu-ui/vuu-data-types").BulkEdit;
-        name: string;
-        required?: boolean;
-        serverDataType?: import("@vuu-ui/vuu-protocol-types").VuuColumnDataType;
-        type?: import("@vuu-ui/vuu-data-types").DataValueType;
+        editable: boolean;
+        CellRenderer: import("react").FunctionComponent<import("@vuu-ui/vuu-table-types").TableCellRendererProps> | undefined;
     }[];
 };

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

@@ -1,8 +1,8 @@
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
+import type { VuuTable } from "@vuu-ui/vuu-protocol-types";
 import type { TableProps } from "@vuu-ui/vuu-table";
-import { HTMLAttributes } from "react";
-import { ColumnPickerProps } from "../column-picker/ColumnPicker";
-import { TableSettingsPanelProps } from "../table-settings-panel/TableSettingsPanel";
+import { type HTMLAttributes } from "react";
+import { type ColumnPickerProps } from "../column-picker/ColumnPicker";
+import { type TableSettingsPanelProps } from "../table-settings-panel/TableSettingsPanel";
 declare const TabLabels: {
     readonly "table-settings": "Table";
     readonly "table-columns": "Columns";
@@ -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-runtime").JSX.Element;
+export declare const TabbedTableConfigPanel: ({ allowCreateCalculatedColumn, className, columnModel, config, onDisplayAttributeChange, selectedTab, vuuTable, ...htmlAttributes }: TabbedTableConfigPanelProps) => import("react").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-runtime").JSX.Element;
+export declare const TabbedTableSettingsAction: ({ allowCreateCalculatedColumn, appearance, columnModel, config, icon, onDisplayAttributeChange, sentiment, vuuTable, ...IconButtonProps }: TabbedTableSettingsActionProps) => import("react").JSX.Element;

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

@@ -5,6 +5,6 @@ export interface TableFooterProps extends HTMLAttributes<HTMLDivElement> {
 }
 export declare const TableFooterTray: ({ children, position }: {
     children: ReactNode;
-    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;
+    position?: 'center' | 'end';
+}) => import("react").JSX.Element;
+export declare const TableFooter: ({ children, className, onInvokeAction, tooltrayActions, ...htmlAttributes }: TableFooterProps) => import("react").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-runtime").JSX.Element;
+}) => import("react").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-runtime").JSX.Element;
+export declare const TableSettingsPanel: ({ onDisplayAttributeChange, tableDisplayAttributes: tableDisplayAttributesProp, permissions: permissionsProp, }: TableSettingsPanelProps) => import("react").JSX.Element;