@rovula/ui 0.0.51 → 0.0.53

package/dist/esm/types/components/Tabs/Tabs.d.ts

@@ -1,9 +1,12 @@
 import React from "react";
+import "./Tabs.css";
 type Tab = {
     label: string;
     startTabContent?: React.ReactElement;
     endTabContent?: React.ReactElement;
     content: React.ReactNode;
+    disabled?: boolean;
+    isLoading?: boolean;
 };
 type TabsProps = {
     tabs: Tab[];
@@ -11,12 +14,22 @@ type TabsProps = {
     tabBarSize?: number;
     tabMode?: "start" | "justify";
     enableBorderLine?: boolean;
+    enableAddTabButton?: boolean;
+    keepIconSpace?: boolean;
     className?: string;
     tabBarClassName?: string;
+    tabBarContainerClassName?: string;
+    tabBarWrapperClassName?: string;
     tabButtonClassName?: string;
     tabButtonActiveClassName?: string;
     tabContentClassName?: string;
-    borderSliderClassname?: string;
+    addTabButtonWrapperClassName?: string;
+    borderSliderClassName?: string;
+    leftAction?: React.ReactNode;
+    rightAction?: React.ReactNode;
+    disabled?: boolean;
+    onAddTab?: () => void;
+    onTabChange?: (tabIndex: number) => void;
 };
 declare const Tabs: React.FC<TabsProps>;
 export default Tabs;

package/dist/esm/types/components/Tabs/Tabs.stories.d.ts

@@ -7,17 +7,29 @@ declare const meta: {
             startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             content: React.ReactNode;
+            disabled?: boolean | undefined;
+            isLoading?: boolean | undefined;
         }[];
         initialTab?: number | undefined;
         tabBarSize?: number | undefined;
         tabMode?: "start" | "justify" | undefined;
         enableBorderLine?: boolean | undefined;
+        enableAddTabButton?: boolean | undefined;
+        keepIconSpace?: boolean | undefined;
         className?: string | undefined;
         tabBarClassName?: string | undefined;
+        tabBarContainerClassName?: string | undefined;
+        tabBarWrapperClassName?: string | undefined;
         tabButtonClassName?: string | undefined;
         tabButtonActiveClassName?: string | undefined;
         tabContentClassName?: string | undefined;
-        borderSliderClassname?: string | undefined;
+        addTabButtonWrapperClassName?: string | undefined;
+        borderSliderClassName?: string | undefined;
+        leftAction?: React.ReactNode;
+        rightAction?: React.ReactNode;
+        disabled?: boolean | undefined;
+        onAddTab?: (() => void) | undefined;
+        onTabChange?: ((tabIndex: number) => void) | undefined;
     }>;
     tags: string[];
     parameters: {
@@ -29,17 +41,29 @@ declare const meta: {
             startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             content: React.ReactNode;
+            disabled?: boolean | undefined;
+            isLoading?: boolean | undefined;
         }[];
         initialTab?: number | undefined;
         tabBarSize?: number | undefined;
         tabMode?: "start" | "justify" | undefined;
         enableBorderLine?: boolean | undefined;
+        enableAddTabButton?: boolean | undefined;
+        keepIconSpace?: boolean | undefined;
         className?: string | undefined;
         tabBarClassName?: string | undefined;
+        tabBarContainerClassName?: string | undefined;
+        tabBarWrapperClassName?: string | undefined;
         tabButtonClassName?: string | undefined;
         tabButtonActiveClassName?: string | undefined;
         tabContentClassName?: string | undefined;
-        borderSliderClassname?: string | undefined;
+        addTabButtonWrapperClassName?: string | undefined;
+        borderSliderClassName?: string | undefined;
+        leftAction?: React.ReactNode;
+        rightAction?: React.ReactNode;
+        disabled?: boolean | undefined;
+        onAddTab?: (() => void) | undefined;
+        onTabChange?: ((tabIndex: number) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
@@ -65,3 +89,58 @@ export declare const CustomTab: {
     };
     render: (args: {}) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const TabWithLeftRightAction: {
+    args: {
+        initialTab: number;
+        tabs: {
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const AddTabWithScrolling: {
+    args: {
+        initialTab: number;
+        tabs: {
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+        enableAddTabButton: boolean;
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const KeepIconSpacing: {
+    args: {
+        initialTab: number;
+        tabs: {
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+        keepIconSpace: boolean;
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Loading: {
+    args: {
+        initialTab: number;
+        tabs: {
+            isLoading: boolean;
+            startTabContent: import("react/jsx-runtime").JSX.Element;
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Disabled: {
+    args: {
+        initialTab: number;
+        tabs: {
+            disabled: boolean;
+            label: string;
+            content: import("react/jsx-runtime").JSX.Element;
+        }[];
+    };
+    render: (args: {}) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/esm/types/components/Tree/Tree.stories.d.ts

@@ -11,3 +11,6 @@ export declare const ControlShowExpandButton: StoryObj<typeof Tree>;
 export declare const Diabled: StoryObj<typeof Tree>;
 export declare const DiabledEachItem: StoryObj<typeof Tree>;
 export declare const ExpandLoadData: StoryObj<typeof Tree>;
+export declare const MaximumLevel: StoryObj<typeof Tree>;
+export declare const Leaf: StoryObj<typeof Tree>;
+export declare const HideCheckboxMode: StoryObj<typeof Tree>;

package/dist/esm/types/components/Tree/example-data.d.ts

@@ -0,0 +1,5 @@
+import { TreeData } from "./type";
+export declare const exampleData: TreeData[];
+export declare const exampleLeafData: TreeData[];
+export declare const exampleData2: TreeData[];
+export declare const sections: TreeData<any>[];

package/dist/esm/types/components/Tree/type.d.ts

@@ -1,18 +1,20 @@
 import { CSSProperties, ReactNode } from "react";
-export type TreeData = {
+export type TreeData<T = {}> = {
     id: string;
     title: string;
     icon?: ReactNode;
     disabled?: boolean;
+    isLeaf?: boolean;
     onClickItem?: (id: string) => void;
-    children?: TreeData[];
+    children?: TreeData<T>[];
     renderIcon?: (params: {
         id: string;
         expanded: boolean;
         selected: boolean;
     }) => ReactNode;
-};
+} & T;
 export interface TreeItemProps extends TreeData {
+    checkable?: boolean;
     isFirstLevel?: boolean;
     isLastItem: boolean;
     disabled?: boolean;
@@ -23,11 +25,14 @@ export interface TreeItemProps extends TreeData {
     horizontalLineWidth?: number;
     expandButtonSize?: number;
     spacing?: number;
+    currentLevel: number;
+    maxLevel?: number;
     checkIsExpanded: (id: string) => boolean;
     checkIsChecked: (id: string) => boolean;
     checkIsLoading?: (id: string) => void;
     onExpandChange?: (id: string, expanded: boolean) => void;
     onCheckedChange?: (id: string, checked: boolean) => void;
+    notifyClickItem?: (id: string) => void;
     renderRightSection?: (params: {
         id: string;
         expanded: boolean;
@@ -53,6 +58,7 @@ export interface TreeItemProps extends TreeData {
         selected: boolean;
     }) => ReactNode;
     classes?: Partial<{
+        container?: string;
         elementWrapper?: string;
         branch?: string;
         itemWrapper?: string;
@@ -76,8 +82,12 @@ export interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRig
     checkedId?: string[];
     loadingId?: string[];
     onExpandChange?: (id: string, expanded: boolean) => void;
-    onCheckedChange?: (checkedId: string[]) => void;
+    onCheckedChange?: (checkedId: string[], uncheckedId: string[], checkedState: Record<string, boolean>) => void;
+    onClickItem?: (id: string) => void;
+    onCheckedItem?: (id: string, checked: boolean) => void;
     defaultExpandAll?: boolean;
     defaultCheckAll?: boolean;
     hierarchicalCheck?: boolean;
+    checkable?: boolean;
+    maxLevel?: number;
 }

package/dist/index.d.ts

@@ -110,6 +110,8 @@ type Tab = {
     startTabContent?: React__default.ReactElement;
     endTabContent?: React__default.ReactElement;
     content: React__default.ReactNode;
+    disabled?: boolean;
+    isLoading?: boolean;
 };
 type TabsProps = {
     tabs: Tab[];
@@ -117,12 +119,22 @@ type TabsProps = {
     tabBarSize?: number;
     tabMode?: "start" | "justify";
     enableBorderLine?: boolean;
+    enableAddTabButton?: boolean;
+    keepIconSpace?: boolean;
     className?: string;
     tabBarClassName?: string;
+    tabBarContainerClassName?: string;
+    tabBarWrapperClassName?: string;
     tabButtonClassName?: string;
     tabButtonActiveClassName?: string;
     tabContentClassName?: string;
-    borderSliderClassname?: string;
+    addTabButtonWrapperClassName?: string;
+    borderSliderClassName?: string;
+    leftAction?: React__default.ReactNode;
+    rightAction?: React__default.ReactNode;
+    disabled?: boolean;
+    onAddTab?: () => void;
+    onTabChange?: (tabIndex: number) => void;
 };
 declare const Tabs: React__default.FC<TabsProps>;
 
@@ -601,20 +613,22 @@ declare function useToast(options?: ToastOptions): {
     position?: ToasterPosition;
 };
 
-type TreeData = {
+type TreeData<T = {}> = {
     id: string;
     title: string;
     icon?: ReactNode;
     disabled?: boolean;
+    isLeaf?: boolean;
     onClickItem?: (id: string) => void;
-    children?: TreeData[];
+    children?: TreeData<T>[];
     renderIcon?: (params: {
         id: string;
         expanded: boolean;
         selected: boolean;
     }) => ReactNode;
-};
+} & T;
 interface TreeItemProps extends TreeData {
+    checkable?: boolean;
     isFirstLevel?: boolean;
     isLastItem: boolean;
     disabled?: boolean;
@@ -625,11 +639,14 @@ interface TreeItemProps extends TreeData {
     horizontalLineWidth?: number;
     expandButtonSize?: number;
     spacing?: number;
+    currentLevel: number;
+    maxLevel?: number;
     checkIsExpanded: (id: string) => boolean;
     checkIsChecked: (id: string) => boolean;
     checkIsLoading?: (id: string) => void;
     onExpandChange?: (id: string, expanded: boolean) => void;
     onCheckedChange?: (id: string, checked: boolean) => void;
+    notifyClickItem?: (id: string) => void;
     renderRightSection?: (params: {
         id: string;
         expanded: boolean;
@@ -655,6 +672,7 @@ interface TreeItemProps extends TreeData {
         selected: boolean;
     }) => ReactNode;
     classes?: Partial<{
+        container?: string;
         elementWrapper?: string;
         branch?: string;
         itemWrapper?: string;
@@ -678,10 +696,14 @@ interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSecti
     checkedId?: string[];
     loadingId?: string[];
     onExpandChange?: (id: string, expanded: boolean) => void;
-    onCheckedChange?: (checkedId: string[]) => void;
+    onCheckedChange?: (checkedId: string[], uncheckedId: string[], checkedState: Record<string, boolean>) => void;
+    onClickItem?: (id: string) => void;
+    onCheckedItem?: (id: string, checked: boolean) => void;
     defaultExpandAll?: boolean;
     defaultCheckAll?: boolean;
     hierarchicalCheck?: boolean;
+    checkable?: boolean;
+    maxLevel?: number;
 }
 
 declare const Tree: FC<TreeProps>;