@vuu-ui/vuu-table-extras 4.0.1 → 5.0.0-alpha.1

package/package.json

@@ -1,34 +1,35 @@
 {
-  "version": "4.0.1",
+  "version": "5.0.0-alpha.1",
   "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": "4.0.1",
-    "@vuu-ui/vuu-protocol-types": "4.0.1"
+    "@vuu-ui/vuu-filter-types": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-protocol-types": "5.0.0-alpha.1"
   },
   "dependencies": {
-    "@vuu-ui/vuu-codemirror": "4.0.1",
-    "@vuu-ui/vuu-data-editing": "4.0.1",
-    "@vuu-ui/vuu-data-react": "4.0.1",
-    "@vuu-ui/vuu-data-types": "4.0.1",
-    "@vuu-ui/vuu-table-types": "4.0.1",
-    "@vuu-ui/vuu-popups": "4.0.1",
-    "@vuu-ui/vuu-table": "4.0.1",
-    "@vuu-ui/vuu-utils": "4.0.1",
-    "@vuu-ui/vuu-ui-controls": "4.0.1",
+    "@vuu-ui/vuu-codemirror": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-data-editing": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-data-react": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-data-types": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-table-types": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-popups": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-table": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-utils": "5.0.0-alpha.1",
+    "@vuu-ui/vuu-ui-controls": "5.0.0-alpha.1",
     "@lezer/lr": "1.4.2",
     "@salt-ds/core": "1.74.0",
     "@salt-ds/styles": "0.4.2",
     "@salt-ds/window": "0.1.2",
-    "csv-parse": "^7.0.0"
+    "csv-parse": "^7.0.0",
+    "@vuu-ui/core": "5.0.0-alpha.1"
   },
   "peerDependencies": {
     "@floating-ui/react": "^0.27.19",
@@ -36,7 +37,6 @@
     "react": "^19.2.3",
     "react-dom": "^19.2.3"
   },
-  "type": "module",
   "files": [
     "README.md",
     "src",
@@ -44,9 +44,9 @@
   ],
   "exports": {
     ".": {
+      "types": "./types/index.d.ts",
       "import": "./src/index.js",
-      "default": "./src/index.js",
-      "types": "./types/index.d.ts"
+      "default": "./src/index.js"
     }
   },
   "module": "./src/index.js",

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/cell-renderers/dropdown-cell/DropdownCell.css.js

@@ -1,20 +1,24 @@
 const css = `
 .vuuTableCell {
   & .vuuTableDropdownCell {
-    --vuu-icon-height: 15px;
-    --vuu-icon-left: calc(100% - var(--salt-spacing-300));
-    --vuu-icon-size: 8px;
-    --vuu-icon-top: -3px;
     --salt-focused-outlineStyle: none;
     --saltButton-borderRadius: 2px;
     border: solid 1px var(--salt-editable-borderColor);
     height: var(--vuu-table-embedded-control-height);
     min-height: var(--vuu-table-embedded-control-height);
     text-align: left;
-    border-radius: 2px;
     font-weight: 500;
+    font-size: inherit;
+    border-radius: 2px;
+    gap: 3px;
+    padding: 0 3px 0 4px;
+    line-height: normal;
     position: relative;
 
+    & .saltDropdown-content {
+      min-width: 0;
+    }
+
     & button:focus-visible {
       --saltButton-borderColor: var(--salt-focused-outlineColor);
       --saltButton-borderWidth: 2px;
@@ -31,6 +35,26 @@ const css = `
   }
 }
 
+.salt-theme.vuu-theme .vuuTableCell .vuuTableDropdownCell .saltDropdown-toggle {
+  flex: 0 0 12px;
+  width: 12px;
+  height: 12px;
+  margin-left: 0;
+  display: inline-block;
+}
+
+.vuuTableDropdownCell-options .saltOption {
+  align-items: center;
+  min-height: 21px;
+  padding: 2px 8px;
+  font-size: 11px;
+  line-height: 17px;
+}
+
+.salt-theme.vuu-theme .saltOptionList.vuuTableDropdownCell-options .saltOption[aria-selected="true"] {
+  box-shadow: inset calc(var(--salt-spacing-100) / 2) 0 0 0 var(--salt-selectable-borderColor-selected);
+}
+
 
 `;
 export default css;

package/src/cell-renderers/dropdown-cell/DropdownCell.js

@@ -64,7 +64,10 @@ const DropdownCell_DropdownCell = /*#__PURE__*/ memo(function({ column, dataRow,
         className: clsx(classBase, {
             [`${classBase}-edited`]: true === editedDuringCurrentSession
         }),
-        "data-icon": "triangle-down",
+        OverlayProps: {
+            className: `${classBase}-options`
+        },
+        title: selectedOption?.label,
         onClick: handleClick,
         onKeyDownCapture: handleKeyDown,
         onOpenChange: handleOpenChange,

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/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").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;
+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").MemoExoticComponent<({ column, dataRow, editedDuringCurrentSession, onEdit, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;
+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").MemoExoticComponent<({ column, dataRow, }: TableCellRendererProps) => import("react/jsx-runtime").JSX.Element>;
+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/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

@@ -19,4 +19,4 @@ export interface ColumnMenuProps extends HTMLAttributes<HTMLSpanElement> {
  * is not :focus-visible and is left to the click, so the button is not
  * replaced between mouse down and mouse up.
  */
-export declare const ColumnMenu: (props: ColumnMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnMenu: (props: 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: ({ "aria-label": ariaLabel, appearance, columnModel, icon, sentiment, ...IconButtonProps }: ColumnPickerActionProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ColumnPickerAction: ({ "aria-label": ariaLabel, 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

@@ -103,4 +103,4 @@ export interface CsvUploadProps {
     /** Custom per-column validation functions. */
     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/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

@@ -19,6 +19,7 @@ export declare const useInlineAddRow: ({ columns }: UseInlineAddRowProps) => {
         exportable?: boolean;
         exportFormatter?: (value: unknown, row: import("@vuu-ui/vuu-table-types").RowAccessor) => string;
         getIcon?: (row: DataRow) => string | undefined;
+        getGroupAdornment?: (row: DataRow) => import("react").ReactNode;
         groupable?: boolean;
         hidden?: boolean;
         locked?: Exclude<import("@vuu-ui/vuu-table-types").PinLocation, "left"> | false;

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

@@ -6,5 +6,5 @@ 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;
+}) => 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;

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

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

package/types/src/calculated-column/useCalculatedColumnPanel.d.ts

@@ -1,10 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { FormEventHandler, SyntheticEvent } from "react";
-import { CalculatedColumnPanelProps } from "./CalculatedColumnPanel";
-export type ColumnExpressionHookProps = Pick<CalculatedColumnPanelProps, "column" | "onChangeColumn" | "onChangeServerDataType">;
-export declare const useCalculatedColumnPanel: ({ column: columnProp, onChangeColumn, onChangeServerDataType: onChangeServerDataTypeProp, }: ColumnExpressionHookProps) => {
-    column: ColumnDescriptor;
-    onChangeExpression: (value: string) => void;
-    onChangeName: FormEventHandler;
-    onChangeServerDataType: (_e: SyntheticEvent, [serverDataType]: string[]) => void;
-};

package/types/src/calculated-column/useEditCalculatedColumn.d.ts

@@ -1,13 +0,0 @@
-import { VuuTable } from "@vuu-ui/vuu-protocol-types";
-import { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { ColumnModel } from "../column-picker/ColumnModel";
-export interface EditCalculatedColumnProps {
-    calculatedColumn?: ColumnDescriptor;
-    columnModel: ColumnModel;
-    onSaveColumn?: (caclulatedColumn: ColumnDescriptor) => void;
-    vuuTable?: VuuTable;
-}
-export declare const useEditCalculatedColumn: ({ calculatedColumn, columnModel, onSaveColumn, vuuTable, }: EditCalculatedColumnProps) => {
-    onCreateCalculatedColumn: () => void;
-    onEditCalculatedColumn: () => void;
-};

package/types/src/cell-edit-validators/CaseValidator.d.ts

@@ -1,2 +0,0 @@
-import { EditRuleValidator } from "@vuu-ui/vuu-data-types";
-export declare const CaseValidator: EditRuleValidator;

package/types/src/cell-edit-validators/PatternValidator.d.ts

@@ -1,2 +0,0 @@
-import { EditRuleValidator } from "@vuu-ui/vuu-data-types";
-export declare const PatternValidator: EditRuleValidator;

package/types/src/cell-edit-validators/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./CaseValidator";
-export * from "./PatternValidator";

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

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

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

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

package/types/src/cell-renderers/background-cell/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./BackgroundCell";
-export * from "./BackgroundCellConfigurationEditor";

package/types/src/cell-renderers/background-cell/useDirection.d.ts

@@ -1,3 +0,0 @@
-import { RuntimeColumnDescriptor } from "@vuu-ui/vuu-table-types";
-import { valueChangeDirection } from "@vuu-ui/vuu-utils";
-export declare function useDirection(key: string, value: unknown, column: RuntimeColumnDescriptor): valueChangeDirection;

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

@@ -1,6 +0,0 @@
-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;

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

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

package/types/src/cell-renderers/dropdown-cell/index.d.ts

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

package/types/src/cell-renderers/index.d.ts

@@ -1,6 +0,0 @@
-export * from "./background-cell";
-export * from "./dropdown-cell";
-export * from "./lookup-cell";
-export * from "./pct-progress-cell";
-export * from "./progress-cell";
-export { IconButtonCell } from "./button-cell/IconButtonCell";

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

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

package/types/src/cell-renderers/lookup-cell/index.d.ts

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

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

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

package/types/src/cell-renderers/pct-progress-cell/index.d.ts

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

package/types/src/cell-renderers/progress-cell/ProgressCell.d.ts

@@ -1 +0,0 @@
-export {};

package/types/src/cell-renderers/progress-cell/index.d.ts

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

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

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

package/types/src/column-expression-input/column-function-descriptors.d.ts

@@ -1,15 +0,0 @@
-export type ColumnFunctionDescriptor = {
-    accepts: "string" | "number" | "boolean" | "any" | Array<"string" | "number" | "boolean">;
-    description: string;
-    example: {
-        expression: string;
-        result: string;
-    };
-    name: string;
-    params: {
-        count?: number;
-        description: string;
-    };
-    type: "string" | "number" | "boolean" | "variable";
-};
-export declare const columnFunctionDescriptors: ColumnFunctionDescriptor[];

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

@@ -1,2 +0,0 @@
-import { LanguageSupport } from "@vuu-ui/vuu-codemirror";
-export declare const columnExpressionLanguageSupport: () => LanguageSupport;