@krosoft/react 0.0.281 → 0.0.282

package/dist/components/core/tabs/AppTabs.d.ts

@@ -4,6 +4,7 @@ export interface AppTabsProps<T = unknown> {
     itemId?: string | null;
     item?: T | null;
     fit?: boolean;
+    paramName?: string;
 }
-export declare function AppTabs({ tabs, itemId, item, fit }: AppTabsProps): React.JSX.Element;
+export declare function AppTabs({ tabs, itemId, item, fit, paramName }: AppTabsProps): React.JSX.Element;
 //# sourceMappingURL=AppTabs.d.ts.map

package/dist/components/core/tabs/AppTabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AppTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tabs/AppTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;CACf;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8CpF"}
+{"version":3,"file":"AppTabs.d.ts","sourceRoot":"","sources":["../../../../src/components/core/tabs/AppTabs.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,OAAO;IACvC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,GAAG,CAAC,EAAE,OAAO,CAAC;IAId,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,SAAiB,EAAE,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgDvG"}

package/dist/components/core/tabs/index.js

@@ -39,22 +39,22 @@ function w({ titleKey: e, descriptionKey: i, actions: a = [], className: o, chil
 }
 //#endregion
 //#region src/components/core/tabs/AppTabs.tsx
-function T({ tabs: t, itemId: n, item: r, fit: l }) {
-	let { t: u } = i(), [d, f] = S(), p = d.get("tab"), m = t.find((e) => e.value === p)?.value ?? t[0]?.value, h = (e) => {
-		let t = new URLSearchParams();
-		t.set("tab", e), f(t);
-	}, g = v(null);
+function T({ tabs: t, itemId: n, item: r, fit: l, paramName: u = "tab" }) {
+	let { t: d } = i(), [f, p] = S(), m = f.get(u), h = t.find((e) => e.value === m)?.value ?? t[0]?.value, g = (e) => {
+		let t = new URLSearchParams(f);
+		t.set(u, e), p(t);
+	}, x = v(null);
 	return _(() => {
-		(g.current?.querySelector("[data-state=\"active\"]"))?.scrollIntoView?.({
+		(x.current?.querySelector("[data-state=\"active\"]"))?.scrollIntoView?.({
 			behavior: "smooth",
 			block: "nearest",
 			inline: "nearest"
 		});
-	}, [m]), /* @__PURE__ */ b(c, {
-		value: m,
-		onValueChange: h,
+	}, [h]), /* @__PURE__ */ b(c, {
+		value: h,
+		onValueChange: g,
 		children: [/* @__PURE__ */ y(o, {
-			ref: g,
+			ref: x,
 			className: e("w-full justify-start", l && "sm:w-fit"),
 			children: t.map((e) => /* @__PURE__ */ b(a, {
 				value: e.value,
@@ -67,7 +67,7 @@ function T({ tabs: t, itemId: n, item: r, fit: l }) {
 					}) : null,
 					/* @__PURE__ */ y("span", {
 						className: "text-xs sm:text-sm",
-						children: u(e.titleKey) ?? ""
+						children: d(e.titleKey) ?? ""
 					}),
 					e.count ? /* @__PURE__ */ b("span", {
 						className: "text-gray-500 text-xs",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@krosoft/react",
-  "version": "0.0.281",
+  "version": "0.0.282",
   "description": "Krosoft shared React package",
   "type": "module",
   "scripts": {