dhx-react-suite 1.2.0 → 1.2.2

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import { Context } from 'react';
 import { default as default_2 } from 'react';
+import { ForwardRefExoticComponent } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
+import { RefAttributes } from 'react';
 import { RefObject } from 'react';
 
 export declare function Button({ children, variant, size, icon, disabled, onClick, style, className, }: ButtonProps): JSX_2.Element;
@@ -494,6 +496,51 @@ export declare interface RibbonSubItem {
     onFocus?: (value: string) => void;
 }
 
+export declare const Richtext: ForwardRefExoticComponent<RichtextProps & RefAttributes<RichtextRef>>;
+
+export declare type RichtextCustomButton = {
+    type: "button";
+    id?: string;
+    icon?: string;
+    css?: string;
+    label?: string;
+    tooltip?: string;
+    handler?: () => void;
+};
+
+export declare type RichtextLayoutMode = "classic" | "document";
+
+export declare interface RichtextProps {
+    /** Initial HTML content */
+    value?: string;
+    /** Toolbar buttons list, true = full toolbar, false = hidden */
+    toolbar?: boolean | Array<RichtextToolbarButton | RichtextCustomButton>;
+    /** Start in fullscreen mode */
+    fullscreenMode?: boolean;
+    /** Editor layout mode */
+    layoutMode?: RichtextLayoutMode;
+    /** Server endpoint for image uploads (reserved for future use) */
+    imageUploadUrl?: string;
+    /** Localisation object */
+    locale?: Record<string, string>;
+    /** Default text styles per block type */
+    defaultStyles?: Record<string, Record<string, string>>;
+    /** Fires on every content change with current HTML value */
+    onChange?: (value: string) => void;
+    style?: React.CSSProperties;
+    className?: string;
+    /** Show menu bar — reserved, not yet implemented */
+    menubar?: boolean;
+}
+
+export declare interface RichtextRef {
+    getValue(): string;
+    setValue(html: string): void;
+    focus(): void;
+}
+
+export declare type RichtextToolbarButton = "undo" | "redo" | "style" | "font-family" | "font-size" | "bold" | "italic" | "underline" | "strike" | "subscript" | "superscript" | "text-color" | "background-color" | "align" | "indent" | "outdent" | "line-height" | "quote" | "bulleted-list" | "numbered-list" | "link" | "image" | "line" | "clear" | "print" | "fullscreen" | "mode" | "shortcuts" | "separator";
+
 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";

package/package.json

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