@rovula/ui 0.0.56 → 0.0.57

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

@@ -1,6 +1,7 @@
 import React from "react";
 import "./Tabs.css";
 type Tab = {
+    id?: string;
     label: string;
     startTabContent?: React.ReactElement;
     endTabContent?: React.ReactElement;

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

@@ -3,6 +3,7 @@ declare const meta: {
     title: string;
     component: React.FC<{
         tabs: {
+            id?: string | undefined;
             label: string;
             startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
@@ -38,6 +39,7 @@ declare const meta: {
     };
     decorators: ((Story: import("@storybook/types").PartialStoryFn<import("@storybook/react").ReactRenderer, {
         tabs: {
+            id?: string | undefined;
             label: string;
             startTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
             endTabContent?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;

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

@@ -91,6 +91,6 @@ export interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRig
     hierarchicalCheck?: boolean;
     checkable?: boolean;
     maxLevel?: number;
-    mode: "checkbox" | "radio";
+    mode?: "checkbox" | "radio";
     autoDisabled?: boolean;
 }

package/dist/index.d.ts

@@ -106,6 +106,7 @@ type TextProps = {
 declare const Text: React__default.ForwardRefExoticComponent<TextProps & React__default.RefAttributes<unknown>>;
 
 type Tab = {
+    id?: string;
     label: string;
     startTabContent?: React__default.ReactElement;
     endTabContent?: React__default.ReactElement;
@@ -706,7 +707,7 @@ interface TreeProps extends Pick<TreeItemProps, "renderIcon" | "renderRightSecti
     hierarchicalCheck?: boolean;
     checkable?: boolean;
     maxLevel?: number;
-    mode: "checkbox" | "radio";
+    mode?: "checkbox" | "radio";
     autoDisabled?: boolean;
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rovula/ui",
-  "version": "0.0.56",
+  "version": "0.0.57",
   "main": "dist/cjs/bundle.js",
   "module": "dist/esm/bundle.js",
   "types": "dist/index.d.ts",

package/src/components/Tabs/Tabs.tsx

@@ -6,6 +6,7 @@ import Icon from "../Icon/Icon";
 import { Loading } from "@/index";
 
 type Tab = {
+  id?: string;
   label: string;
   startTabContent?: React.ReactElement;
   endTabContent?: React.ReactElement;
@@ -232,7 +233,9 @@ const Tabs: React.FC<TabsProps> = ({
         id={`tab-content-${activeTab}`}
         aria-labelledby={`tab-${activeTab}`}
       >
-        {tabs[activeTab]?.content}
+        <div key={tabs[activeTab].label + tabs[activeTab].id ?? Math.random()}>
+          {tabs[activeTab]?.content}
+        </div>
       </div>
     </div>
   );

package/src/components/Tree/Tree.tsx

@@ -30,7 +30,7 @@ const Tree: FC<TreeProps> = ({
   enableSeparatorLine = true,
   checkable = true,
   maxLevel,
-  mode,
+  mode = "checkbox",
   autoDisabled = false,
 }) => {
   const [checkedState, setCheckedState] = useState<Record<string, boolean>>({});

package/src/components/Tree/type.ts

@@ -109,7 +109,7 @@ export interface TreeProps
   hierarchicalCheck?: boolean;
   checkable?: boolean;
   maxLevel?: number;
-  mode: "checkbox" | "radio";
+  mode?: "checkbox" | "radio";
   // Only radio mode
   autoDisabled?: boolean;
 }