@rovula/ui 0.0.49 → 0.0.51
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/cjs/bundle.css +3 -0
- package/dist/cjs/bundle.js +3 -3
- package/dist/cjs/bundle.js.map +1 -1
- package/dist/cjs/types/components/Tree/Tree.stories.d.ts +1 -0
- package/dist/cjs/types/components/Tree/type.d.ts +19 -12
- package/dist/components/Tree/Tree.js +8 -6
- package/dist/components/Tree/Tree.stories.js +2094 -1
- package/dist/components/Tree/TreeItem.js +16 -15
- package/dist/esm/bundle.css +3 -0
- package/dist/esm/bundle.js +1 -1
- package/dist/esm/bundle.js.map +1 -1
- package/dist/esm/types/components/Tree/Tree.stories.d.ts +1 -0
- package/dist/esm/types/components/Tree/type.d.ts +19 -12
- package/dist/index.d.ts +19 -12
- package/dist/src/theme/global.css +4 -0
- package/package.json +1 -1
- package/src/components/Tree/Tree.stories.tsx +2168 -1
- package/src/components/Tree/Tree.tsx +17 -6
- package/src/components/Tree/TreeItem.tsx +163 -106
- package/src/components/Tree/type.ts +22 -11
|
@@ -3,6 +3,7 @@ import Tree from "./Tree";
|
|
|
3
3
|
declare const meta: Meta<typeof Tree>;
|
|
4
4
|
export default meta;
|
|
5
5
|
export declare const Default: StoryObj<typeof Tree>;
|
|
6
|
+
export declare const Controller: StoryObj<typeof Tree>;
|
|
6
7
|
export declare const onClick: StoryObj<typeof Tree>;
|
|
7
8
|
export declare const CustomIcon: StoryObj<typeof Tree>;
|
|
8
9
|
export declare const renderRightSection: StoryObj<typeof Tree>;
|
|
@@ -19,6 +19,10 @@ export interface TreeItemProps extends TreeData {
|
|
|
19
19
|
showIcon?: boolean;
|
|
20
20
|
showExpandButton?: boolean;
|
|
21
21
|
enableSeparatorLine?: boolean;
|
|
22
|
+
lineSize?: number;
|
|
23
|
+
horizontalLineWidth?: number;
|
|
24
|
+
expandButtonSize?: number;
|
|
25
|
+
spacing?: number;
|
|
22
26
|
checkIsExpanded: (id: string) => boolean;
|
|
23
27
|
checkIsChecked: (id: string) => boolean;
|
|
24
28
|
checkIsLoading?: (id: string) => void;
|
|
@@ -49,20 +53,23 @@ export interface TreeItemProps extends TreeData {
|
|
|
49
53
|
selected: boolean;
|
|
50
54
|
}) => ReactNode;
|
|
51
55
|
classes?: Partial<{
|
|
52
|
-
elementWrapper
|
|
53
|
-
branch
|
|
54
|
-
itemWrapper
|
|
55
|
-
itemContainer
|
|
56
|
-
horizontalLine
|
|
57
|
-
expandButton
|
|
58
|
-
separatorLine
|
|
59
|
-
checkbox
|
|
60
|
-
item
|
|
61
|
-
title
|
|
62
|
-
|
|
56
|
+
elementWrapper?: string;
|
|
57
|
+
branch?: string;
|
|
58
|
+
itemWrapper?: string;
|
|
59
|
+
itemContainer?: string;
|
|
60
|
+
horizontalLine?: string;
|
|
61
|
+
expandButton?: string;
|
|
62
|
+
separatorLine?: string;
|
|
63
|
+
checkbox?: string;
|
|
64
|
+
item?: string;
|
|
65
|
+
title?: string;
|
|
66
|
+
expandedChildrenWrapper?: string;
|
|
67
|
+
expandedChildrenWrapperInner?: string;
|
|
68
|
+
rowWrapperClasses?: string;
|
|
69
|
+
columnWrapperClasses?: string;
|
|
63
70
|
}>;
|
|
64
71
|
}
|
|
65
|
-
export interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSection" | "renderElement" | "renderTitle" | "showIcon" | "disabled" | "enableSeparatorLine" | "classes"> {
|
|
72
|
+
export interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSection" | "renderElement" | "renderTitle" | "showIcon" | "disabled" | "enableSeparatorLine" | "classes" | "lineSize" | "horizontalLineWidth" | "expandButtonSize" | "spacing"> {
|
|
66
73
|
data: TreeData[];
|
|
67
74
|
defaultExpandedId?: string[];
|
|
68
75
|
defaultCheckedId?: string[];
|
package/dist/index.d.ts
CHANGED
|
@@ -621,6 +621,10 @@ interface TreeItemProps extends TreeData {
|
|
|
621
621
|
showIcon?: boolean;
|
|
622
622
|
showExpandButton?: boolean;
|
|
623
623
|
enableSeparatorLine?: boolean;
|
|
624
|
+
lineSize?: number;
|
|
625
|
+
horizontalLineWidth?: number;
|
|
626
|
+
expandButtonSize?: number;
|
|
627
|
+
spacing?: number;
|
|
624
628
|
checkIsExpanded: (id: string) => boolean;
|
|
625
629
|
checkIsChecked: (id: string) => boolean;
|
|
626
630
|
checkIsLoading?: (id: string) => void;
|
|
@@ -651,20 +655,23 @@ interface TreeItemProps extends TreeData {
|
|
|
651
655
|
selected: boolean;
|
|
652
656
|
}) => ReactNode;
|
|
653
657
|
classes?: Partial<{
|
|
654
|
-
elementWrapper
|
|
655
|
-
branch
|
|
656
|
-
itemWrapper
|
|
657
|
-
itemContainer
|
|
658
|
-
horizontalLine
|
|
659
|
-
expandButton
|
|
660
|
-
separatorLine
|
|
661
|
-
checkbox
|
|
662
|
-
item
|
|
663
|
-
title
|
|
664
|
-
|
|
658
|
+
elementWrapper?: string;
|
|
659
|
+
branch?: string;
|
|
660
|
+
itemWrapper?: string;
|
|
661
|
+
itemContainer?: string;
|
|
662
|
+
horizontalLine?: string;
|
|
663
|
+
expandButton?: string;
|
|
664
|
+
separatorLine?: string;
|
|
665
|
+
checkbox?: string;
|
|
666
|
+
item?: string;
|
|
667
|
+
title?: string;
|
|
668
|
+
expandedChildrenWrapper?: string;
|
|
669
|
+
expandedChildrenWrapperInner?: string;
|
|
670
|
+
rowWrapperClasses?: string;
|
|
671
|
+
columnWrapperClasses?: string;
|
|
665
672
|
}>;
|
|
666
673
|
}
|
|
667
|
-
interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSection" | "renderElement" | "renderTitle" | "showIcon" | "disabled" | "enableSeparatorLine" | "classes"> {
|
|
674
|
+
interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSection" | "renderElement" | "renderTitle" | "showIcon" | "disabled" | "enableSeparatorLine" | "classes" | "lineSize" | "horizontalLineWidth" | "expandButtonSize" | "spacing"> {
|
|
668
675
|
data: TreeData[];
|
|
669
676
|
defaultExpandedId?: string[];
|
|
670
677
|
defaultCheckedId?: string[];
|