@oliasoft-open-source/react-ui-library 10.3.1-beta-2 → 10.4.0

package/dist/index.d.ts

@@ -1758,6 +1758,7 @@ export declare interface ITabsProps {
     onChange?: TTabsChangeEventHandler;
     padding?: boolean;
     margin?: boolean;
+    small?: boolean;
     testId?: string;
     /** Default router link component for tab options with `to`. */
     linkComponent?: ElementType_2;
@@ -2194,7 +2195,7 @@ export declare const Table: (props: ITableProps) => JSX.Element;
 
 export declare const TableImportExport: ({ config, smartUploadConfig, testId }: ITableImportExportProps) => JSX.Element;
 
-export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin, testId, linkComponent, }: ITabsProps) => JSX.Element | null;
+export declare const Tabs: ({ name, options: rawOptions, value: rawValue, onChange, padding, margin, small, testId, linkComponent, }: ITabsProps) => JSX.Element | null;
 
 export declare type TAlign = 'left' | 'right' | 'center';
 

package/dist/index.js

@@ -7475,70 +7475,71 @@ var To = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Eo =
 	title: n == null ? void 0 : n.toString(),
 	children: e
 }) : /* @__PURE__ */ S(x, { children: e }), ep = {
-	tabs: "_tabs_vkne2_1",
-	padding: "_padding_vkne2_7",
-	margin: "_margin_vkne2_11",
-	contentPadding: "_contentPadding_vkne2_14",
-	item: "_item_vkne2_17",
-	left: "_left_vkne2_64",
-	right: "_right_vkne2_64",
-	selectionIndicator: "_selectionIndicator_vkne2_67"
-}, tp = ({ name: e = void 0, options: t = null, value: n = void 0, onChange: r = bn, padding: i = !1, margin: a = !0, testId: o, linkComponent: s }) => {
-	let c = u(W), { simpleInputs: l, options: d, selectedOptions: f } = Xc(t, n), p = mn(f) ? void 0 : l ? f : f.value, m = (e) => {
+	tabs: "_tabs_1olt8_1",
+	padding: "_padding_1olt8_7",
+	margin: "_margin_1olt8_11",
+	contentPadding: "_contentPadding_1olt8_14",
+	item: "_item_1olt8_17",
+	small: "_small_1olt8_35",
+	left: "_left_1olt8_67",
+	right: "_right_1olt8_67",
+	selectionIndicator: "_selectionIndicator_1olt8_70"
+}, tp = ({ name: e = void 0, options: t = null, value: n = void 0, onChange: r = bn, padding: i = !1, margin: a = !0, small: o = !1, testId: s, linkComponent: c }) => {
+	let l = u(W), { simpleInputs: d, options: f, selectedOptions: p } = Xc(t, n), m = mn(p) ? void 0 : d ? p : p.value, h = (e) => {
 		var t;
-		return (t = e.component) == null ? s : t;
-	}, h = (e) => !!(e.to && m(e)), g = (t) => {
+		return (t = e.component) == null ? c : t;
+	}, g = (e) => !!(e.to && h(e)), _ = (t) => {
 		var n;
-		let i = (n = d == null ? void 0 : d.findIndex((e) => e.value === t)) == null ? -1 : n;
+		let i = (n = f == null ? void 0 : f.findIndex((e) => e.value === t)) == null ? -1 : n;
 		if (i === -1) return;
-		let a = d[i];
-		a.disabled || c || r({ target: {
+		let a = f[i];
+		a.disabled || l || r({ target: {
 			name: e == null ? "" : e,
 			value: a.value,
 			label: String(a.label)
 		} });
-	}, _ = (e) => {
-		let t = d == null ? void 0 : d.find((t) => h(t) && t.to === e);
-		t && g(t.value);
-	}, v = (e, t) => {
-		e.metaKey || e.ctrlKey || e.altKey || e.shiftKey || g(t);
-	}, y = d.filter((e) => !e.hidden || e.value === p), x = d.some(h), w = (e) => {
-		let { label: t, url: n, to: r, disabled: i, value: a, right: o, invalid: s, badge: l, testId: u } = e, d = h(e), f = m(e), p = d ? r : n;
+	}, v = (e) => {
+		let t = f == null ? void 0 : f.find((t) => g(t) && t.to === e);
+		t && _(t.value);
+	}, y = (e, t) => {
+		e.metaKey || e.ctrlKey || e.altKey || e.shiftKey || _(t);
+	}, x = f.filter((e) => !e.hidden || e.value === m), w = f.some(g), T = (e) => {
+		let { label: t, url: n, to: r, disabled: i, value: a, right: s, invalid: c, badge: u, testId: d } = e, f = g(e), p = h(e), m = f ? r : n;
 		return /* @__PURE__ */ C(yi, {
 			id: a,
-			...p ? { href: p } : {},
+			...m ? { href: m } : {},
 			shouldSelectOnPressUp: !0,
-			isDisabled: i || c,
-			className: b(ep.item, o ? ep.right : ep.left),
-			"data-testid": u,
-			render: d && f ? (e) => "href" in e ? /* @__PURE__ */ S(f, {
+			isDisabled: i || l,
+			className: b(ep.item, s ? ep.right : ep.left, o ? ep.small : ""),
+			"data-testid": d,
+			render: f && p ? (e) => "href" in e ? /* @__PURE__ */ S(p, {
 				...e,
 				to: r,
 				onClick: (t) => {
 					var n;
-					(n = e.onClick) == null || n.call(e, t), v(t, a);
+					(n = e.onClick) == null || n.call(e, t), y(t, a);
 				}
 			}) : /* @__PURE__ */ S("div", { ...e }) : void 0,
 			children: [/* @__PURE__ */ S($f, {
 				label: t,
-				invalid: s,
-				badge: l
+				invalid: c,
+				badge: u
 			}), /* @__PURE__ */ S(vi, { className: ep.selectionIndicator })]
 		}, a);
 	};
-	if (d) {
+	if (f) {
 		let t = /* @__PURE__ */ S(xi, {
-			selectedKey: p,
-			onSelectionChange: g,
-			"data-testid": o,
+			selectedKey: m,
+			onSelectionChange: _,
+			"data-testid": s,
 			children: /* @__PURE__ */ S(bi, {
 				"aria-label": e == null ? "Tabs" : e,
 				className: b(ep.tabs, i ? ep.padding : "", a ? ep.margin : ""),
-				children: y.map(w)
+				children: x.map(T)
 			})
 		});
-		return x ? /* @__PURE__ */ S(Yt, {
-			navigate: _,
+		return w ? /* @__PURE__ */ S(Yt, {
+			navigate: v,
 			children: t
 		}) : t;
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "10.3.1-beta-2",
+  "version": "10.4.0",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {