@vuu-ui/vuu-table-extras 3.3.9 → 3.3.10

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

@@ -0,0 +1,18 @@
+import type { MenuActionHandler } from "@vuu-ui/vuu-context-menu";
+import type { DataSource } from "@vuu-ui/vuu-data-types";
+import type { TableProps } from "@vuu-ui/vuu-table";
+import type { ColumnDescriptor } from "@vuu-ui/vuu-table-types";
+import { ReactNode } from "react";
+import type { ColumnMenuActionType } from "../column-menu/column-menu-utils";
+export interface TableContextProps extends Pick<TableProps, "dataSource" | "rowActionHandlers"> {
+    menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
+}
+export declare const TableContext: import("react").Context<TableContextProps>;
+export declare const TableProvider: ({ children, dataSource, menuActionHandler, rowActionHandlers, }: TableContextProps & {
+    children: ReactNode;
+}) => import("react").JSX.Element;
+export declare function useTableContext(throwIfNoDataSource?: boolean): {
+    dataSource: DataSource;
+    menuActionHandler: MenuActionHandler<ColumnMenuActionType, ColumnDescriptor>;
+};
+export declare const useRowAction: (actionId: string) => import("@vuu-ui/vuu-table-types").RowActionHandler;

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

@@ -0,0 +1,22 @@
+import { TableDisplayAttributes, TableSettingsPermissions } from "@vuu-ui/vuu-table-types";
+export declare const defaultTableSettingsPermissions: Readonly<TableSettingsPermissions>;
+export declare const noTableSettingsPermissions: Readonly<TableSettingsPermissions>;
+export type TableDisplayAttributeChangeHandler = (displayAttributes: TableDisplayAttributes) => void;
+/**
+ * Describes the props for a Table Configuration Editor, for which
+ * an implementation is provided in vuu-table-extras
+ */
+export interface TableSettingsPanelProps {
+    allowColumnLabelCase?: boolean;
+    allowColumnDefaultWidth?: boolean;
+    allowGridRowStyling?: boolean;
+    onDisplayAttributeChange: TableDisplayAttributeChangeHandler;
+    tableDisplayAttributes: TableDisplayAttributes;
+    permissions?: TableSettingsPermissions | boolean;
+}
+/**
+  The TableSettingsPanel assumes 'ownership' of the tableSettings.
+  It updates the settings in state locally and notifies caller of
+  every change via onChange callback
+ */
+export declare const TableSettingsPanel: ({ onDisplayAttributeChange, tableDisplayAttributes: tableDisplayAttributesProp, permissions: permissionsProp, }: TableSettingsPanelProps) => import("react").JSX.Element;

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

@@ -0,0 +1,14 @@
+import { TableDisplayAttributes } from "@vuu-ui/vuu-table-types";
+import { CommitHandler } from "@vuu-ui/vuu-utils";
+import { MouseEvent, SyntheticEvent } from "react";
+import { TableSettingsPanelProps } from "./TableSettingsPanel";
+export type ColumnLike = {
+    name: string;
+};
+export declare const useTableSettings: ({ onDisplayAttributeChange, tableDisplayAttributes: tableDisplayAttributesProp, }: TableSettingsPanelProps) => {
+    columnLabelsValue: number;
+    onChangeColumnLabels: (evt: SyntheticEvent) => void;
+    onChangeTableAttribute: (evt: MouseEvent<HTMLButtonElement>) => void;
+    onCommitColumnWidth: CommitHandler;
+    tableDisplayAttributes: TableDisplayAttributes;
+};