dhx-react-suite 1.1.7 → 1.1.9

package/dist/index.d.ts

@@ -147,6 +147,8 @@ export declare interface DataViewProps {
     style?: React.CSSProperties;
 }
 
+export declare type DHXColor = "danger" | "secondary" | "primary" | "success";
+
 export declare function Form({ config, defaultValues, onSubmit, style }: FormProps): JSX_2.Element;
 
 export declare interface FormConfig {
@@ -409,68 +411,107 @@ export declare interface PopupProps {
     style?: React.CSSProperties;
 }
 
-export declare function Ribbon({ items, onAction, style }: RibbonProps): JSX_2.Element;
+export declare function Ribbon({ items, css: cssProp, menuCss, style, onAction, onInputChange, onInputBlur, onInputFocus, onOpenMenu, }: RibbonProps): JSX_2.Element;
 
-declare interface RibbonBlock {
+export declare interface RibbonBlock {
     type: "block";
+    id?: string;
     title?: string;
     label?: string;
     direction?: "col" | "row";
+    css?: string | string[];
+    disabled?: boolean;
+    hidden?: boolean;
     items?: (RibbonSubItem | RibbonBlock)[];
 }
 
 export declare type RibbonItem = RibbonSubItem | RibbonBlock;
 
+export declare type RibbonItemSize = "auto" | "medium" | "small";
+
 export declare interface RibbonProps {
     items?: RibbonItem[];
-    onAction?: (id: string, item: RibbonSubItem) => void;
+    css?: string;
+    menuCss?: string;
     style?: React.CSSProperties;
+    onAction?: (id: string, item: RibbonSubItem) => void;
+    onInputChange?: (id: string, value: string) => void;
+    onInputBlur?: (id: string, value: string) => void;
+    onInputFocus?: (id: string, value: string) => void;
+    onOpenMenu?: (id: string) => void;
 }
 
-declare interface RibbonSubItem {
+export declare interface RibbonSubItem {
     id?: string;
-    type?: "separator" | "sep" | "input" | "selectButton";
+    type?: "button" | "navItem" | "imageButton" | "separator" | "sep" | "spacer" | "title" | "input" | "selectButton" | "customHTML";
     value?: string;
     text?: string;
+    html?: string;
     icon?: React.ReactNode;
+    src?: string;
+    size?: RibbonItemSize;
+    color?: DHXColor;
+    view?: "flat" | "link";
+    circle?: boolean;
+    loading?: boolean;
     active?: boolean;
     twoState?: boolean;
     group?: string;
     disabled?: boolean;
     hidden?: boolean;
     tooltip?: string;
+    hotkey?: string;
     label?: string;
-    size?: "auto" | "small";
     placeholder?: string;
     width?: number;
     count?: number;
-    items?: {
-        value: string;
-        hotkey?: string;
-    }[];
+    countColor?: DHXColor;
+    items?: MenuItem[];
+    css?: string | string[];
     onClick?: (item: RibbonSubItem) => void;
     onChange?: (value: string) => void;
+    onBlur?: (value: string) => void;
+    onFocus?: (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.7",
+  "version": "1.1.9",
   "description": "TypeScript ui-components",
   "type": "module",
   "main": "./dist/dhx-react-suite.umd.cjs",