@oliasoft-open-source/react-ui-library 9.2.0-beta-6 → 9.2.0-beta-8

package/dist/index.js

@@ -2566,21 +2566,21 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 		]
 	}) : null });
 }, Ks = {
-	inputInTable: "_inputInTable_fwob7_1",
-	inputHover: "_inputHover_fwob7_13",
-	inputFocus: "_inputFocus_fwob7_18",
-	controlFocusVisible: "_controlFocusVisible_fwob7_25",
-	inputError: "_inputError_fwob7_29",
-	inputWarning: "_inputWarning_fwob7_30",
-	inputDisabled: "_inputDisabled_fwob7_65",
-	hideScrollbars: "_hideScrollbars_fwob7_71",
-	wrapper: "_wrapper_fwob7_89",
-	bordered: "_bordered_fwob7_97",
-	scroll: "_scroll_fwob7_102",
-	virtualScroll: "_virtualScroll_fwob7_113",
-	table: "_table_fwob7_116",
-	dragOverlay: "_dragOverlay_fwob7_152",
-	striped: "_striped_fwob7_207"
+	inputInTable: "_inputInTable_mq0ls_1",
+	inputHover: "_inputHover_mq0ls_13",
+	inputFocus: "_inputFocus_mq0ls_18",
+	controlFocusVisible: "_controlFocusVisible_mq0ls_25",
+	inputError: "_inputError_mq0ls_29",
+	inputWarning: "_inputWarning_mq0ls_30",
+	inputDisabled: "_inputDisabled_mq0ls_65",
+	hideScrollbars: "_hideScrollbars_mq0ls_71",
+	wrapper: "_wrapper_mq0ls_89",
+	bordered: "_bordered_mq0ls_97",
+	scroll: "_scroll_mq0ls_102",
+	virtualScroll: "_virtualScroll_mq0ls_113",
+	table: "_table_mq0ls_116",
+	dragOverlay: "_dragOverlay_mq0ls_152",
+	striped: "_striped_mq0ls_207"
 }, qs = { title: "_title_zn5s7_1" }, Js = ({ name: e = null, actions: t = null, actionsRight: n = !1, testId: r }) => {
 	let i = e !== null, a = t !== null;
 	return !i && !a ? null : /* @__PURE__ */ C("div", {
@@ -4170,8 +4170,8 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 			}));
 		}
 	};
-}, Jl = ({ row: e, rowIndex: t, isHeader: n = !1, columnCount: r, colSpan: i, columnHeaderAlignments: a = [], columnAlignment: o = [], hasRowActions: s, draggableTable: c = !1, columnWidths: l, dropDisabled: u = !1, height: d, testId: f, measureRef: p }) => {
-	let m = _l(a, n, t), { onRowClick: h, onRowFocus: g, onRowMouseEnter: _, onRowMouseLeave: v, expandedContent: y, error: w, warning: T, active: E } = e, D = e.cells.map((e, r) => {
+}, Jl = ({ row: e, rowIndex: t, isHeader: n = !1, columnCount: r, colSpan: i, columnHeaderAlignments: a = [], columnAlignment: o = [], hasRowActions: s, draggableTable: c = !1, columnWidths: u, dropDisabled: d = !1, height: f, testId: p, measureRef: m }) => {
+	let h = _l(a, n, t), { onRowClick: g, onRowFocus: _, onRowMouseEnter: v, onRowMouseLeave: y, expandedContent: w, error: T, warning: E, active: D } = e, O = e.cells.map((e, r) => {
 		let i = `${+!n}_${t}_${r}`, a = n ? e : ql({
 			cell: e,
 			rowIndex: t,
@@ -4181,74 +4181,78 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 			cell: a,
 			isHeader: n,
 			columnAlignment: o[r],
-			columnHeaderAlignment: m[r],
-			width: l ? l[r] : void 0,
+			columnHeaderAlignment: h[r],
+			width: u ? u[r] : void 0,
 			testId: e.testId
 		}, i);
-	}), O = s && /* @__PURE__ */ S(Wl, {
+	}), k = s && /* @__PURE__ */ S(Wl, {
 		cell: {
 			type: Ul.ACTIONS,
 			actions: e.actions
 		},
 		isHeader: n
-	}, r), { attributes: k, listeners: A, setNodeRef: j, transform: M, transition: N, isDragging: P } = Nr({
+	}, r), { attributes: A, listeners: j, setNodeRef: M, transform: N, transition: P, isDragging: F } = Nr({
 		id: t.toString(),
 		animateLayoutChanges: () => !1
-	}), F = (t) => {
-		e.noDrag || j(t), p == null || p(t);
-	}, I = {
-		transform: u ? void 0 : Fr.Translate.toString(M),
-		height: d,
-		transition: N,
-		opacity: P ? 0 : void 0
+	}), I = l((t) => {
+		e.noDrag || M(t), m == null || m(t);
+	}, [
+		e.noDrag,
+		M,
+		m
+	]), L = m ? I : e.noDrag ? null : M, R = {
+		transform: d ? void 0 : Fr.Translate.toString(N),
+		height: f,
+		transition: P,
+		opacity: F ? 0 : void 0
 	};
 	return n ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("tr", {
-		onClick: h,
-		onMouseEnter: _,
-		onMouseLeave: v,
-		onFocus: g,
-		"data-testid": f,
-		className: b(h ? ml.clickableRow : null, _ ? ml.hoverableRow : null),
+		onClick: g,
+		onMouseEnter: v,
+		onMouseLeave: y,
+		onFocus: _,
+		"data-testid": p,
+		className: b(g ? ml.clickableRow : null, v ? ml.hoverableRow : null),
 		children: [
 			c ? /* @__PURE__ */ S("th", {}) : null,
-			D,
-			O
+			O,
+			k
 		]
-	}, t), y && y.content ? /* @__PURE__ */ S(hl, {
+	}, t), w && w.content ? /* @__PURE__ */ S(hl, {
 		colSpan: i,
-		flush: y.flush === !0,
-		children: y.content
+		flush: w.flush === !0,
+		children: w.content
 	}, `${t}_expanded_content`) : null] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("tr", {
-		ref: F,
-		onClick: h,
-		onMouseEnter: _,
-		onMouseLeave: v,
-		onFocus: g,
-		className: b(h && !h.noStyle ? ml.clickableRow : null, _ && !_.noStyle ? ml.hoverableRow : null, E ? ml.rowActive : null),
-		"data-active": E || null,
-		"data-error": w || null,
-		"data-warning": T || null,
+		ref: L,
+		onClick: g,
+		onMouseEnter: v,
+		onMouseLeave: y,
+		onFocus: _,
+		className: b(g && !g.noStyle ? ml.clickableRow : null, v && !v.noStyle ? ml.hoverableRow : null, D ? ml.rowActive : null),
+		"data-active": D || null,
+		"data-error": T || null,
+		"data-warning": E || null,
 		"data-index": t,
 		"data-even": t % 2 == 0,
-		"data-testid": f,
-		style: I,
+		"data-testid": p,
+		style: R,
 		children: [
 			c ? e.noDrag ? /* @__PURE__ */ S("td", { "aria-labelledby": "unique-label-id" }) : /* @__PURE__ */ S("td", {
 				className: ml.dragIconCell,
 				children: /* @__PURE__ */ S("div", {
-					className: b(ml.dragIcon, u ? ml.dragIconDisabled : ""),
-					...k,
+					className: b(ml.dragIcon, d ? ml.dragIconDisabled : ""),
 					...A,
+					...j,
 					children: /* @__PURE__ */ S(G, { icon: U.DRAG })
 				})
 			}) : null,
-			D,
-			O
+			O,
+			k
 		]
-	}, t), y && y.content ? /* @__PURE__ */ S(hl, {
+	}, t), w && w.content ? /* @__PURE__ */ S(hl, {
 		colSpan: i,
-		flush: y.flush === !0,
-		children: y.content
+		flush: w.flush === !0,
+		children: w.content
 	}, `${t}_expanded_content`) : null] });
 }, Yl = (e) => {
 	let { children: t, colSpan: n, columnAlignment: r, columnCount: i, draggable: a, onListReorder: o = () => {}, canListReorder: s = () => !0, rowActions: c, rows: l = [], tbodyRef: u } = e, [d, f] = v(null), [p, m] = v(!1), g = h(() => l.map((e, t) => t.toString()), [l]);
@@ -4307,27 +4311,27 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	}) : t({});
 }, Xl = 31, Zl = 2, Ql = ({ table: e, children: t }) => {
 	var n;
-	let r = _(null), i = _(/* @__PURE__ */ new Map()), { estimateRowHeight: a, rowCount: o, rows: s } = e, c = (n = o == null ? s == null ? void 0 : s.length : o) == null ? 0 : n, l = (e) => {
+	let r = _(null), i = _(/* @__PURE__ */ new Map()), { estimateRowHeight: a, rowCount: o, rows: s } = e, c = (n = o == null ? s == null ? void 0 : s.length : o) == null ? 0 : n, l = !!a, u = (e) => {
 		var t, n;
 		return (t = (n = i.current.get(e)) == null ? a == null ? void 0 : a(e) : n) == null ? Xl : t;
-	}, u = Jr({
+	}, d = Jr({
 		count: c,
 		getScrollElement: () => r.current,
-		estimateSize: l,
-		measureElement: (e) => {
-			let t = e.getAttribute("data-index"), n = t == null ? -1 : Number(t), r = Math.ceil(e.getBoundingClientRect().height), a = n >= 0 ? l(n) : Xl, o = Math.abs(r - a) <= Zl ? a : r;
+		estimateSize: l ? u : () => Xl,
+		...l ? { measureElement: (e) => {
+			let t = e.getAttribute("data-index"), n = t == null ? -1 : Number(t), r = Math.ceil(e.getBoundingClientRect().height), a = n >= 0 ? u(n) : Xl, o = Math.abs(r - a) <= Zl ? a : r;
 			return n >= 0 && i.current.set(n, o), o;
-		},
+		} } : {},
 		overscan: 10
 	});
-	return u.shouldAdjustScrollPositionOnItemSizeChange = () => !1, /* @__PURE__ */ S("div", {
+	return l && (d.shouldAdjustScrollPositionOnItemSizeChange = () => !1), /* @__PURE__ */ S("div", {
 		id: "scrollWrapper",
 		className: b(Ks.scroll, Ks.virtualScroll),
 		ref: r,
 		children: t({
-			virtualizer: u,
+			virtualizer: d,
 			tableStyle: (() => {
-				let e = u.getVirtualItems(), t = e.length > 0 ? e[0].start : 0, n = e.length > 0 ? u.getTotalSize() - e[e.length - 1].end : 0;
+				let e = d.getVirtualItems(), t = e.length > 0 ? e[0].start : 0, n = e.length > 0 ? d.getTotalSize() - e[e.length - 1].end : 0;
 				return {
 					"--virtualPaddingTop": t + "px",
 					"--virtualPaddingBottom": n + "px"
@@ -4460,7 +4464,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 									draggableTable: w,
 									height: n.size,
 									dropDisabled: e,
-									measureRef: t.measureElement
+									measureRef: l.estimateRowHeight ? t.measureElement : void 0
 								}, `1_${r}`);
 							}) : R.map((t, n) => {
 								let r = c ? c({

package/package.json

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