dhx-react-suite 1.0.5 → 1.0.7

package/dist/index.d.ts

@@ -185,22 +185,37 @@ export declare interface FormProps {
     style?: React.CSSProperties;
 }
 
-export declare function Grid({ columns, data, height, rowHeight, sortable, resizable, selection, multiselect, onSelect, style }: GridProps): JSX_2.Element;
+export declare function Grid({ columns, data, height, rowHeight, sortable, resizable, editable, stripe, autoWidth, keyNavigation, selection, multiselect, onSelect, onChange, style, }: GridProps): JSX_2.Element;
 
 export declare interface GridColumn {
     id: string;
     header?: {
         text: string;
+        align?: "left" | "center" | "right";
     }[] | string;
+    footer?: GridColumnFooter[];
     width?: number;
     minWidth?: number;
     sortable?: boolean;
     filterable?: boolean;
+    filterType?: "input" | "select";
     resizable?: boolean;
+    editable?: boolean;
     align?: "left" | "center" | "right";
     template?: (value: unknown, row: Record<string, unknown>) => React.ReactNode;
 }
 
+declare interface GridColumnFooter {
+    text?: string | ((s: {
+        sum: number;
+        avg: number;
+        count: number;
+        min: number;
+        max: number;
+    }) => string);
+    summary?: "sum" | "avg" | "count" | "min" | "max";
+}
+
 export declare interface GridProps {
     columns: GridColumn[];
     data?: Record<string, unknown>[];
@@ -208,9 +223,14 @@ export declare interface GridProps {
     rowHeight?: number;
     sortable?: boolean;
     resizable?: boolean;
+    editable?: boolean;
+    stripe?: boolean;
+    autoWidth?: boolean;
+    keyNavigation?: boolean;
     selection?: "row" | "cell";
     multiselect?: boolean;
     onSelect?: (row: Record<string, unknown>) => void;
+    onChange?: (row: Record<string, unknown>, colId: string, value: unknown) => void;
     style?: React.CSSProperties;
 }
 
@@ -519,21 +539,25 @@ export declare interface ToolbarProps {
     style?: React.CSSProperties;
 }
 
-export declare function Tree({ data, checkbox, editable, onSelect, onCheck, style }: TreeProps): JSX_2.Element;
+export declare function Tree({ data, checkbox, editable, dragMode, tooltip, onSelect, onCheck, onChange, style, }: TreeProps): JSX_2.Element;
 
 export declare interface TreeNode {
     id: string;
     value?: string;
     count?: number;
     items?: TreeNode[];
+    opened?: boolean;
 }
 
 export declare interface TreeProps {
     data?: TreeNode[];
     checkbox?: boolean;
     editable?: boolean;
+    dragMode?: "both" | "move" | "copy";
+    tooltip?: (node: TreeNode) => string;
     onSelect?: (node: TreeNode) => void;
     onCheck?: (id: string, checked: boolean) => void;
+    onChange?: (data: TreeNode[]) => void;
     style?: React.CSSProperties;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dhx-react-suite",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "description": "TypeScript ui-components",
   "type": "module",
   "main": "./dist/dhx-react-suite.umd.cjs",