dhx-react-suite 1.0.8 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dhx-react-suite.js +1261 -1068
- package/dist/dhx-react-suite.js.map +1 -1
- package/dist/dhx-react-suite.umd.cjs +2 -2
- package/dist/dhx-react-suite.umd.cjs.map +1 -1
- package/dist/index.d.ts +21 -10
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -380,9 +380,10 @@ export declare function Ribbon({ items, onAction, style }: RibbonProps): JSX_2.E
|
|
|
380
380
|
|
|
381
381
|
declare interface RibbonBlock {
|
|
382
382
|
type: "block";
|
|
383
|
+
title?: string;
|
|
383
384
|
label?: string;
|
|
384
385
|
direction?: "col" | "row";
|
|
385
|
-
items?: RibbonSubItem[];
|
|
386
|
+
items?: (RibbonSubItem | RibbonBlock)[];
|
|
386
387
|
}
|
|
387
388
|
|
|
388
389
|
export declare type RibbonItem = RibbonSubItem | RibbonBlock;
|
|
@@ -396,20 +397,23 @@ export declare interface RibbonProps {
|
|
|
396
397
|
declare interface RibbonSubItem {
|
|
397
398
|
id?: string;
|
|
398
399
|
type?: "separator" | "sep" | "input" | "selectButton";
|
|
400
|
+
value?: string;
|
|
399
401
|
text?: string;
|
|
400
402
|
icon?: React.ReactNode;
|
|
401
403
|
active?: boolean;
|
|
402
404
|
twoState?: boolean;
|
|
403
405
|
group?: string;
|
|
404
406
|
disabled?: boolean;
|
|
407
|
+
hidden?: boolean;
|
|
405
408
|
tooltip?: string;
|
|
406
409
|
label?: string;
|
|
407
|
-
size?: "
|
|
410
|
+
size?: "auto" | "small";
|
|
408
411
|
placeholder?: string;
|
|
409
|
-
value?: string;
|
|
410
412
|
width?: number;
|
|
413
|
+
count?: number;
|
|
411
414
|
items?: {
|
|
412
415
|
value: string;
|
|
416
|
+
hotkey?: string;
|
|
413
417
|
}[];
|
|
414
418
|
onClick?: (item: RibbonSubItem) => void;
|
|
415
419
|
onChange?: (value: string) => void;
|
|
@@ -521,30 +525,37 @@ export declare const tokens: {
|
|
|
521
525
|
font: string;
|
|
522
526
|
};
|
|
523
527
|
|
|
524
|
-
export declare function Toolbar({ items, style }: ToolbarProps): JSX_2.Element;
|
|
528
|
+
export declare function Toolbar({ items, onAction, style }: ToolbarProps): JSX_2.Element;
|
|
525
529
|
|
|
526
530
|
export declare interface ToolbarItem {
|
|
527
531
|
id?: string;
|
|
528
|
-
type?: "separator" | "spacer" | "input" | "select";
|
|
532
|
+
type?: "navItem" | "separator" | "spacer" | "input" | "select" | "imageButton";
|
|
533
|
+
value?: string;
|
|
529
534
|
text?: string;
|
|
530
535
|
icon?: React.ReactNode;
|
|
531
|
-
|
|
536
|
+
src?: string;
|
|
537
|
+
items?: MenuItem[];
|
|
538
|
+
width?: number;
|
|
539
|
+
placeholder?: string;
|
|
540
|
+
tooltip?: string;
|
|
532
541
|
twoState?: boolean;
|
|
542
|
+
active?: boolean;
|
|
543
|
+
group?: string;
|
|
533
544
|
disabled?: boolean;
|
|
545
|
+
hidden?: boolean;
|
|
546
|
+
count?: number;
|
|
534
547
|
label?: string;
|
|
535
|
-
placeholder?: string;
|
|
536
|
-
value?: string;
|
|
537
|
-
width?: number;
|
|
538
548
|
options?: {
|
|
539
549
|
value: string;
|
|
540
550
|
label: string;
|
|
541
551
|
}[];
|
|
542
|
-
onClick?: (
|
|
552
|
+
onClick?: (id: string) => void;
|
|
543
553
|
onChange?: (value: string) => void;
|
|
544
554
|
}
|
|
545
555
|
|
|
546
556
|
export declare interface ToolbarProps {
|
|
547
557
|
items?: ToolbarItem[];
|
|
558
|
+
onAction?: (id: string) => void;
|
|
548
559
|
style?: React.CSSProperties;
|
|
549
560
|
}
|
|
550
561
|
|