@vuu-ui/vuu-table-extras 0.8.7-debug → 0.8.8-debug

package/types/vuu-table-extras/src/table-settings/TableSettingsPanel.d.ts

@@ -0,0 +1,15 @@
+import { SchemaColumn } from "packages/vuu-data/src";
+import { TableConfig } from "packages/vuu-datagrid-types";
+import { HTMLAttributes } from "react";
+import "./TableSettingsPanel.css";
+export interface TableSettingsProps extends HTMLAttributes<HTMLDivElement> {
+    availableColumns: SchemaColumn[];
+    onConfigChange: (config: TableConfig) => void;
+    tableConfig: TableConfig;
+}
+/**
+  The TableSettingsPanel assumes 'ownership' of the tableSettings.
+  It updates the settings in state locally and notifies caller of
+  every change vis onChange callback
+ */
+export declare const TableSettingsPanel: ({ availableColumns, onConfigChange, tableConfig, ...htmlAttributes }: TableSettingsProps) => JSX.Element;

package/types/vuu-table-extras/src/table-settings/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TableSettingsPanel";
+export * from "./useTableSettings";

package/types/vuu-table-extras/src/table-settings/useTableSettings.d.ts

@@ -0,0 +1,14 @@
+import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
+import { SyntheticEvent } from "react";
+import { ColumnChangeHandler } from "../column-list";
+import { TableSettingsProps } from "./TableSettingsPanel";
+export type ColumnItem = Pick<ColumnDescriptor, "hidden" | "label" | "name" | "serverDataType"> & {
+    subscribed: boolean;
+};
+export declare const useTableSettings: ({ availableColumns, onConfigChange, tableConfig: tableConfigProp, }: TableSettingsProps) => {
+    columnItems: ColumnItem[];
+    columnLabelsValue: number;
+    onChangeColumnLabels: (evt: SyntheticEvent) => void;
+    onColumnChange: ColumnChangeHandler;
+    onMoveListItem: (fromIndex: number, toIndex: number) => void;
+};

package/types/table-settings/column-picker/ColumnListItem.d.ts

@@ -1,4 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { ListItemType } from "@salt-ds/lab";
-import "./ColumnListItem.css";
-export declare const ColumnListItem: ListItemType<ColumnDescriptor>;

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

@@ -1,13 +0,0 @@
-import { ColumnDescriptor } from "@vuu-ui/vuu-datagrid-types";
-import { Dispatch, HTMLAttributes } from "react";
-import { ColumnAction } from "../settings-panel/useGridSettings";
-import "./ColumnPicker.css";
-export interface ColumnPickerProps extends HTMLAttributes<HTMLDivElement> {
-    availableColumns: ColumnDescriptor[];
-    dispatchColumnAction: Dispatch<ColumnAction>;
-    onAddCalculatedColumnClick: () => void;
-    onSelectionChange?: (selected: ColumnDescriptor | null) => void;
-    chosenColumns: ColumnDescriptor[];
-    selectedColumn: ColumnDescriptor | null;
-}
-export declare const ColumnPicker: ({ availableColumns, id: idProp, dispatchColumnAction: dispatch, onAddCalculatedColumnClick, onSelectionChange, chosenColumns, selectedColumn, }: ColumnPickerProps) => JSX.Element;

package/types/table-settings/column-picker/index.d.ts

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