dhx-react-suite 1.1.6 → 1.1.8

package/dist/index.d.ts

@@ -205,14 +205,11 @@ export declare interface FormProps {
     style?: React.CSSProperties;
 }
 
-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 function Grid({ columns, data, height, rowHeight, headerRowHeight, footerRowHeight, sortable, resizable, editable, stripe, autoWidth, keyNavigation, selection, multiselect, leftSplit, onSelect, onChange, style, }: GridProps): JSX_2.Element;
 
 export declare interface GridColumn {
     id: string;
-    header?: {
-        text: string;
-        align?: "left" | "center" | "right";
-    }[] | string;
+    header?: GridColumnHeader[] | string;
     footer?: GridColumnFooter[];
     width?: number;
     minWidth?: number;
@@ -221,6 +218,12 @@ export declare interface GridColumn {
     filterType?: "input" | "select";
     resizable?: boolean;
     editable?: boolean;
+    editorType?: "input" | "select" | "combobox";
+    options?: string[];
+    hidden?: boolean;
+    type?: "string" | "number" | "date" | "boolean";
+    htmlEnable?: boolean;
+    summary?: "sum" | "avg" | "count" | "min" | "max";
     align?: "left" | "center" | "right";
     template?: (value: unknown, row: Record<string, unknown>) => React.ReactNode;
 }
@@ -236,11 +239,20 @@ declare interface GridColumnFooter {
     summary?: "sum" | "avg" | "count" | "min" | "max";
 }
 
+declare interface GridColumnHeader {
+    text?: string;
+    align?: "left" | "center" | "right";
+    htmlEnable?: boolean;
+    content?: "inputFilter" | "selectFilter" | "comboFilter";
+}
+
 export declare interface GridProps {
     columns: GridColumn[];
     data?: Record<string, unknown>[];
     height?: string | number;
     rowHeight?: number;
+    headerRowHeight?: number;
+    footerRowHeight?: number;
     sortable?: boolean;
     resizable?: boolean;
     editable?: boolean;
@@ -249,6 +261,7 @@ export declare interface GridProps {
     keyNavigation?: boolean;
     selection?: "row" | "cell";
     multiselect?: boolean;
+    leftSplit?: number;
     onSelect?: (row: Record<string, unknown>) => void;
     onChange?: (row: Record<string, unknown>, colId: string, value: unknown) => void;
     style?: React.CSSProperties;
@@ -439,25 +452,44 @@ declare interface RibbonSubItem {
     onChange?: (value: string) => void;
 }
 
-export declare function Sidebar({ items, width, collapsed: collapsedProp, onSelect, header, footer, style }: SidebarProps): JSX_2.Element;
+export declare function Sidebar({ items, width, minWidth, header, footer, collapsed, defaultCollapsed, selected, defaultSelected, onSelect, onCollapse, onExpand, onBeforeCollapse, onBeforeExpand, onToggleItem, style, }: SidebarProps): JSX_2.Element;
+
+export declare type SidebarBadgeColor = "danger" | "primary" | "success" | "secondary";
 
 export declare interface SidebarItem {
-    id: string;
+    id?: string;
+    type?: "navItem" | "separator" | "spacer" | "title" | "customHTML";
     value?: string;
     icon?: React.ReactNode;
-    count?: number;
-    type?: "separator" | "customHTML";
     html?: string;
+    tooltip?: string;
+    count?: number;
+    countColor?: SidebarBadgeColor;
+    twoState?: boolean;
+    active?: boolean;
+    group?: string;
+    disabled?: boolean;
+    hidden?: boolean;
     items?: SidebarItem[];
+    onClick?: (id: string) => void;
 }
 
 export declare interface SidebarProps {
     items?: SidebarItem[];
     width?: number;
-    collapsed?: boolean;
+    minWidth?: number;
     header?: React.ReactNode;
     footer?: React.ReactNode;
+    collapsed?: boolean;
+    defaultCollapsed?: boolean;
+    selected?: string;
+    defaultSelected?: string;
     onSelect?: (item: SidebarItem) => void;
+    onCollapse?: () => void;
+    onExpand?: () => void;
+    onBeforeCollapse?: () => boolean | void;
+    onBeforeExpand?: () => boolean | void;
+    onToggleItem?: (id: string, active: boolean) => void;
     style?: React.CSSProperties;
 }
 

package/package.json

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