@rovula/ui 0.0.52 → 0.0.53

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.
Files changed (33) hide show
  1. package/dist/cjs/bundle.css +50 -10
  2. package/dist/cjs/bundle.js +2 -2
  3. package/dist/cjs/bundle.js.map +1 -1
  4. package/dist/cjs/types/components/Tabs/Tabs.d.ts +14 -1
  5. package/dist/cjs/types/components/Tabs/Tabs.stories.d.ts +81 -2
  6. package/dist/cjs/types/components/Tree/Tree.stories.d.ts +3 -0
  7. package/dist/cjs/types/components/Tree/example-data.d.ts +5 -0
  8. package/dist/cjs/types/components/Tree/type.d.ts +13 -4
  9. package/dist/components/Tabs/Tabs.js +35 -18
  10. package/dist/components/Tabs/Tabs.stories.js +70 -3
  11. package/dist/components/Tree/Tree.js +6 -4
  12. package/dist/components/Tree/Tree.stories.js +34 -2090
  13. package/dist/components/Tree/TreeItem.js +16 -8
  14. package/dist/components/Tree/example-data.js +2125 -0
  15. package/dist/esm/bundle.css +50 -10
  16. package/dist/esm/bundle.js +2 -2
  17. package/dist/esm/bundle.js.map +1 -1
  18. package/dist/esm/types/components/Tabs/Tabs.d.ts +14 -1
  19. package/dist/esm/types/components/Tabs/Tabs.stories.d.ts +81 -2
  20. package/dist/esm/types/components/Tree/Tree.stories.d.ts +3 -0
  21. package/dist/esm/types/components/Tree/example-data.d.ts +5 -0
  22. package/dist/esm/types/components/Tree/type.d.ts +13 -4
  23. package/dist/index.d.ts +26 -5
  24. package/dist/src/theme/global.css +36 -13
  25. package/package.json +6 -1
  26. package/src/components/Tabs/Tabs.css +21 -0
  27. package/src/components/Tabs/Tabs.stories.tsx +140 -4
  28. package/src/components/Tabs/Tabs.tsx +134 -50
  29. package/src/components/Tree/Tree.stories.tsx +58 -2125
  30. package/src/components/Tree/Tree.tsx +15 -2
  31. package/src/components/Tree/TreeItem.tsx +47 -17
  32. package/src/components/Tree/example-data.ts +2162 -0
  33. package/src/components/Tree/type.ts +17 -4
@@ -1,20 +1,22 @@
1
1
  import { CSSProperties, ReactNode } from "react";
2
2
 
3
- export type TreeData = {
3
+ export type TreeData<T = {}> = {
4
4
  id: string;
5
5
  title: string;
6
6
  icon?: ReactNode;
7
7
  disabled?: boolean;
8
+ isLeaf?: boolean;
8
9
  onClickItem?: (id: string) => void;
9
- children?: TreeData[];
10
+ children?: TreeData<T>[]; // Recursively include additional data
10
11
  renderIcon?: (params: {
11
12
  id: string;
12
13
  expanded: boolean;
13
14
  selected: boolean;
14
15
  }) => ReactNode;
15
- };
16
+ } & T; // Merge additional data
16
17
 
17
18
  export interface TreeItemProps extends TreeData {
19
+ checkable?: boolean;
18
20
  isFirstLevel?: boolean;
19
21
  isLastItem: boolean;
20
22
  disabled?: boolean;
@@ -25,11 +27,14 @@ export interface TreeItemProps extends TreeData {
25
27
  horizontalLineWidth?: number;
26
28
  expandButtonSize?: number;
27
29
  spacing?: number;
30
+ currentLevel: number;
31
+ maxLevel?: number;
28
32
  checkIsExpanded: (id: string) => boolean;
29
33
  checkIsChecked: (id: string) => boolean;
30
34
  checkIsLoading?: (id: string) => void;
31
35
  onExpandChange?: (id: string, expanded: boolean) => void;
32
36
  onCheckedChange?: (id: string, checked: boolean) => void;
37
+ notifyClickItem?: (id: string) => void;
33
38
  renderRightSection?: (params: {
34
39
  id: string;
35
40
  expanded: boolean;
@@ -95,8 +100,16 @@ export interface TreeProps
95
100
  checkedId?: string[];
96
101
  loadingId?: string[];
97
102
  onExpandChange?: (id: string, expanded: boolean) => void;
98
- onCheckedChange?: (checkedId: string[]) => void;
103
+ onCheckedChange?: (
104
+ checkedId: string[],
105
+ uncheckedId: string[],
106
+ checkedState: Record<string, boolean>
107
+ ) => void;
108
+ onClickItem?: (id: string) => void;
109
+ onCheckedItem?: (id: string, checked: boolean) => void;
99
110
  defaultExpandAll?: boolean;
100
111
  defaultCheckAll?: boolean;
101
112
  hierarchicalCheck?: boolean;
113
+ checkable?: boolean;
114
+ maxLevel?: number;
102
115
  }