@hybridcore/ui 1.5.28 → 1.5.29

package/dist/components/tabs/index.js

@@ -1,33 +1,36 @@
-import { jsxs as f, jsx as i } from "react/jsx-runtime";
-import u from "react";
-import { Badge as s, Tab as T } from "@mui/material";
-import P from "./tab-panel.js";
-import b from "./appleTabs.style.js";
-import { TabsRoot as v } from "./styled.js";
-import { T as C } from "../../Tabs-DqdkJU6b.js";
-function d(n) {
+import { jsxs as P, jsx as n } from "react/jsx-runtime";
+import T from "react";
+import { Badge as b, Tab as v } from "@mui/material";
+import w from "./tab-panel.js";
+import d from "./appleTabs.style.js";
+import { TabsRoot as C } from "./styled.js";
+import { T as S } from "../../Tabs-DqdkJU6b.js";
+function g(t) {
   return {
-    id: `simple-tab-${n}`,
-    "aria-controls": `simple-tabpanel-${n}`
+    id: `simple-tab-${t}`,
+    "aria-controls": `simple-tabpanel-${t}`
   };
 }
 const A = ({
-  defaultActive: n = 0,
-  tabContents: r,
+  id: t = "tab",
+  defaultActive: s = 0,
+  tabContents: i,
   styleVariant: p,
-  tabPanelStyle: h,
-  onChange: t,
+  tabPanelStyle: m,
+  onChange: r,
   ...l
 }) => {
-  const [g, m] = u.useState(n), e = t !== void 0 ? n : g, c = (o, a) => {
-    m(a), t && t(a);
+  const e = new URLSearchParams(window.location.hash.substring(1)), [f, u] = T.useState(
+    Number(e.get(t)) ?? s
+  ), c = r !== void 0 ? s : f, h = (o, a) => {
+    u(a), r && r(a), e.set(t, a), window.location.hash = `#${e.toString()}`;
   };
-  return /* @__PURE__ */ f(v, { children: [
-    p === "APPLE" ? /* @__PURE__ */ i(b.Tabs, { value: e, onChange: c, ...l, children: r.map((o, a) => /* @__PURE__ */ i(
-      b.Item,
+  return /* @__PURE__ */ P(C, { children: [
+    p === "APPLE" ? /* @__PURE__ */ n(d.Tabs, { value: c, onChange: h, ...l, children: i.map((o, a) => /* @__PURE__ */ n(
+      d.Item,
       {
-        label: /* @__PURE__ */ i(
-          s,
+        label: /* @__PURE__ */ n(
+          b,
           {
             badgeContent: o.badgeContent,
             color: o.badgeColor ?? "primary",
@@ -45,14 +48,14 @@ const A = ({
         ),
         icon: o.icon,
         iconPosition: o.iconPosition,
-        ...d(a)
+        ...g(a)
       },
       a
-    )) }) : /* @__PURE__ */ i(C, { value: e, onChange: c, ...l, children: r.map((o, a) => /* @__PURE__ */ i(
-      T,
+    )) }) : /* @__PURE__ */ n(S, { value: c, onChange: h, ...l, children: i.map((o, a) => /* @__PURE__ */ n(
+      v,
       {
-        label: /* @__PURE__ */ i(
-          s,
+        label: /* @__PURE__ */ n(
+          b,
           {
             badgeContent: o.badgeContent,
             color: o.badgeColor ?? "primary",
@@ -70,18 +73,18 @@ const A = ({
         ),
         icon: o.icon,
         iconPosition: o.iconPosition,
-        ...d(a)
+        ...g(a)
       },
       a
     )) }),
-    r.map((o, a) => {
+    i.map((o, a) => {
       if (o.content)
-        return /* @__PURE__ */ i(
-          P,
+        return /* @__PURE__ */ n(
+          w,
           {
-            value: e,
+            value: c,
             index: a,
-            style: h,
+            style: m,
             children: o.content
           },
           a

package/dist/main.d.ts

@@ -892,6 +892,7 @@ declare interface TabItem {
 export declare const Tabs: FC<TabsProps>;
 
 export declare interface TabsProps extends TabsProps_2 {
+    id?: string;
     defaultActive?: number;
     tabContents: TabContent[];
     styleVariant?: "DEFAULT" | "APPLE";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.5.28",
+  "version": "1.5.29",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",