@oliasoft-open-source/react-ui-library 9.1.1 → 9.2.0-beta-2

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_sfyqx_1",
-	inputHover: "_inputHover_sfyqx_13",
-	inputFocus: "_inputFocus_sfyqx_18",
-	controlFocusVisible: "_controlFocusVisible_sfyqx_25",
-	inputError: "_inputError_sfyqx_29",
-	inputWarning: "_inputWarning_sfyqx_30",
-	inputDisabled: "_inputDisabled_sfyqx_65",
-	hideScrollbars: "_hideScrollbars_sfyqx_71",
-	wrapper: "_wrapper_sfyqx_89",
-	bordered: "_bordered_sfyqx_97",
-	scroll: "_scroll_sfyqx_102",
-	table: "_table_sfyqx_113",
-	dragOverlay: "_dragOverlay_sfyqx_149",
-	virtualScroll: "_virtualScroll_sfyqx_184",
-	striped: "_striped_sfyqx_204"
+	inputInTable: "_inputInTable_mlaya_1",
+	inputHover: "_inputHover_mlaya_13",
+	inputFocus: "_inputFocus_mlaya_18",
+	controlFocusVisible: "_controlFocusVisible_mlaya_25",
+	inputError: "_inputError_mlaya_29",
+	inputWarning: "_inputWarning_mlaya_30",
+	inputDisabled: "_inputDisabled_mlaya_65",
+	hideScrollbars: "_hideScrollbars_mlaya_71",
+	wrapper: "_wrapper_mlaya_89",
+	bordered: "_bordered_mlaya_97",
+	scroll: "_scroll_mlaya_102",
+	table: "_table_mlaya_114",
+	dragOverlay: "_dragOverlay_mlaya_150",
+	virtualScroll: "_virtualScroll_mlaya_185",
+	striped: "_striped_mlaya_205"
 }, 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 }) => {
-	let p = _l(a, n, t), { onRowClick: m, onRowFocus: h, onRowMouseEnter: g, onRowMouseLeave: _, expandedContent: v, error: y, warning: w, active: T } = e, E = 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: 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) => {
 		let i = `${+!n}_${t}_${r}`, a = n ? e : ql({
 			cell: e,
 			rowIndex: t,
@@ -4181,72 +4181,74 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 			cell: a,
 			isHeader: n,
 			columnAlignment: o[r],
-			columnHeaderAlignment: p[r],
+			columnHeaderAlignment: m[r],
 			width: l ? l[r] : void 0,
 			testId: e.testId
 		}, i);
-	}), D = s && /* @__PURE__ */ S(Wl, {
+	}), O = s && /* @__PURE__ */ S(Wl, {
 		cell: {
 			type: Ul.ACTIONS,
 			actions: e.actions
 		},
 		isHeader: n
-	}, r), { attributes: O, listeners: k, setNodeRef: A, transform: j, transition: M, isDragging: N } = Nr({
+	}, r), { attributes: k, listeners: A, setNodeRef: j, transform: M, transition: N, isDragging: P } = Nr({
 		id: t.toString(),
 		animateLayoutChanges: () => !1
-	}), P = {
-		transform: u ? void 0 : Fr.Translate.toString(j),
+	}), F = (t) => {
+		e.noDrag || j(t), p == null || p(t);
+	}, I = {
+		transform: u ? void 0 : Fr.Translate.toString(M),
 		height: d,
-		transition: M,
-		opacity: N ? 0 : void 0
+		transition: N,
+		opacity: P ? 0 : void 0
 	};
 	return n ? /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("tr", {
-		onClick: m,
-		onMouseEnter: g,
-		onMouseLeave: _,
-		onFocus: h,
+		onClick: h,
+		onMouseEnter: _,
+		onMouseLeave: v,
+		onFocus: g,
 		"data-testid": f,
-		className: b(m ? ml.clickableRow : null, g ? ml.hoverableRow : null),
+		className: b(h ? ml.clickableRow : null, _ ? ml.hoverableRow : null),
 		children: [
 			c ? /* @__PURE__ */ S("th", {}) : null,
-			E,
-			D
+			D,
+			O
 		]
-	}, t), v && v.content ? /* @__PURE__ */ S(hl, {
+	}, t), y && y.content ? /* @__PURE__ */ S(hl, {
 		colSpan: i,
-		flush: v.flush === !0,
-		children: v.content
+		flush: y.flush === !0,
+		children: y.content
 	}, `${t}_expanded_content`) : null] }) : /* @__PURE__ */ C(x, { children: [/* @__PURE__ */ C("tr", {
-		ref: e.noDrag ? null : A,
-		onClick: m,
-		onMouseEnter: g,
-		onMouseLeave: _,
-		onFocus: h,
-		className: b(m && !m.noStyle ? ml.clickableRow : null, g && !g.noStyle ? ml.hoverableRow : null, T ? ml.rowActive : null),
-		"data-active": T || null,
-		"data-error": y || null,
-		"data-warning": w || null,
+		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,
 		"data-index": t,
 		"data-even": t % 2 == 0,
 		"data-testid": f,
-		style: P,
+		style: I,
 		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 : ""),
-					...O,
 					...k,
+					...A,
 					children: /* @__PURE__ */ S(G, { icon: U.DRAG })
 				})
 			}) : null,
-			E,
-			D
+			D,
+			O
 		]
-	}, t), v && v.content ? /* @__PURE__ */ S(hl, {
+	}, t), y && y.content ? /* @__PURE__ */ S(hl, {
 		colSpan: i,
-		flush: v.flush === !0,
-		children: v.content
+		flush: y.flush === !0,
+		children: y.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]);
@@ -4308,7 +4310,10 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	let a = _(null), o = Jr({
 		count: (n = (r = e == null ? void 0 : e.rowCount) == null ? (i = e.rows) == null ? void 0 : i.length : r) == null ? 0 : n,
 		getScrollElement: () => a.current,
-		estimateSize: () => 31,
+		estimateSize: (t) => {
+			var n, r;
+			return (n = (r = e.estimateRowHeight) == null ? void 0 : r.call(e, t)) == null ? 31 : n;
+		},
 		overscan: 10
 	});
 	return /* @__PURE__ */ S("div", {
@@ -4435,23 +4440,24 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 							draggableTable: w
 						}, `0_${t}`)) }), /* @__PURE__ */ S("tbody", {
 							ref: A,
-							children: t ? t.getVirtualItems().map((t) => {
-								let n = t.index, r = R[n], i = c ? c({
-									row: r,
-									rowIndex: n
-								}) : r;
-								return /* @__PURE__ */ S(Jl, {
-									rowIndex: n,
+							children: t ? t.getVirtualItems().map((n) => {
+								let r = n.index, i = R[r], a = c ? c({
 									row: i,
+									rowIndex: r
+								}) : i;
+								return /* @__PURE__ */ S(Jl, {
+									rowIndex: r,
+									row: a,
 									columnCount: M,
 									columnWidths: u,
 									colSpan: P,
 									hasRowActions: N,
 									columnAlignment: v,
 									draggableTable: w,
-									height: t.size,
-									dropDisabled: e
-								}, `1_${n}`);
+									height: n.size,
+									dropDisabled: e,
+									measureRef: t.measureElement
+								}, `1_${r}`);
 							}) : R.map((t, n) => {
 								let r = c ? c({
 									row: t,
@@ -6488,55 +6494,48 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	richTextToolbarContainer: "_richTextToolbarContainer_1gbkk_5"
 }, Yd = /* @__PURE__ */ function(e) {
 	return e.BOLD = "bold", e.ITALIC = "italic", e.CODE = "code", e.UL = "ul", e.OL = "ol", e.MENTION = "at", e;
-}({}), Xd = ({ editor: e, disabled: t = !1, showMentionButton: n = !1, toolbarComponent: r = null, testId: i }) => {
-	var a, o, s, c, l;
-	let u = [
+}({}), Xd = ({ editor: e, disabled: t = !1, showMentionButton: n = !1, toolbarComponent: r = null }) => {
+	var i, a, o, s, c;
+	let l = [
 		{
 			icon: Yd.BOLD,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleBold().run(),
-			active: (a = e == null ? void 0 : e.isActive("bold")) != null && a,
-			testId: "bold"
+			active: (i = e == null ? void 0 : e.isActive("bold")) != null && i
 		},
 		{
 			icon: Yd.ITALIC,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleItalic().run(),
-			active: (o = e == null ? void 0 : e.isActive("italic")) != null && o,
-			testId: "italic"
+			active: (a = e == null ? void 0 : e.isActive("italic")) != null && a
 		},
 		{
 			icon: Yd.CODE,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleCode().run(),
-			active: (s = e == null ? void 0 : e.isActive("code")) != null && s,
-			testId: "code"
+			active: (o = e == null ? void 0 : e.isActive("code")) != null && o
 		},
 		{
 			icon: Yd.UL,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleBulletList().run(),
-			active: (c = e == null ? void 0 : e.isActive("bulletList")) != null && c,
-			testId: "bulletList"
+			active: (s = e == null ? void 0 : e.isActive("bulletList")) != null && s
 		},
 		{
 			icon: Yd.OL,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleOrderedList().run(),
-			active: (l = e == null ? void 0 : e.isActive("orderedList")) != null && l,
-			testId: "orderedList"
+			active: (c = e == null ? void 0 : e.isActive("orderedList")) != null && c
 		}
 	];
 	if (n) {
-		var d;
-		u.push({
+		var u;
+		l.push({
 			icon: Yd.MENTION,
 			onClick: () => e == null ? void 0 : e.chain().focus().insertContent("@").run(),
-			active: (d = e == null ? void 0 : e.isActive("mention")) != null && d,
-			testId: "mention"
+			active: (u = e == null ? void 0 : e.isActive("mention")) != null && u
 		});
 	}
 	return /* @__PURE__ */ C("div", {
 		className: Jd.richTextToolbarContainer,
-		"data-testid": i,
 		children: [/* @__PURE__ */ S("div", {
 			className: Jd.richTextToolbar,
-			children: u.map((e, n) => /* @__PURE__ */ S(q, {
+			children: l.map((e, n) => /* @__PURE__ */ S(q, {
 				small: !0,
 				round: !0,
 				basic: !0,
@@ -6544,8 +6543,7 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 				colored: Ti.MUTED,
 				onClick: e.onClick,
 				active: e.active,
-				disabled: t,
-				testId: i && `${i}-${e.testId}`
+				disabled: t
 			}, n))
 		}), r]
 	});
@@ -6695,68 +6693,63 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	command: t,
 	items: r,
 	editable: n.view.dom
-}), uf = c(o(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i, mentions: a, testId: o }, s) => {
-	var c, l, f, m;
-	let g = u(W), y = r || g, b = !!a, x = _(a), w = _(null), T = _(n == null ? "" : n), [E, D] = v(null);
+}), uf = c(o(({ placeholder: e, onChange: t, value: n, disabled: r, toolbarComponent: i, mentions: a }, o) => {
+	var s, c, l, f;
+	let m = u(W), g = r || m, y = !!a, b = _(a), x = _(null), w = _(n == null ? "" : n), [T, E] = v(null);
 	d(() => {
-		x.current = a;
+		b.current = a;
 	}, [a]);
-	let O = h(() => [
+	let D = h(() => [
 		ci,
 		li.configure({ placeholder: e }),
 		ui,
-		of(() => x.current, () => ({
-			onStart: (e) => D(lf(e)),
-			onUpdate: (e) => D(lf(e)),
-			onExit: () => D(null),
+		of(() => b.current, () => ({
+			onStart: (e) => E(lf(e)),
+			onUpdate: (e) => E(lf(e)),
+			onExit: () => E(null),
 			onKeyDown: ({ event: e }) => {
 				var t, n;
-				return (t = (n = w.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
+				return (t = (n = x.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
 			}
 		}))
-	], []), k = si({
-		extensions: O,
-		content: T.current,
+	], []), O = si({
+		extensions: D,
+		content: w.current,
 		contentType: "markdown",
-		editable: !y,
+		editable: !g,
 		editorProps: { attributes: { class: sf.editable } },
 		onUpdate: ({ editor: e }) => {
 			t == null || t(e.getMarkdown(), { mentionedIds: rf(e) });
 		}
 	});
 	return d(() => {
-		k && n !== void 0 && n !== k.getMarkdown() && k.commands.setContent(n, {
+		O && n !== void 0 && n !== O.getMarkdown() && O.commands.setContent(n, {
 			emitUpdate: !1,
 			contentType: "markdown"
 		});
-	}, [n, k]), d(() => {
-		k && k.setEditable(!y);
-	}, [y, k]), p(s, () => ({
-		clearContent: () => k == null ? void 0 : k.commands.clearContent(!1),
-		editor: k,
-		getMentionedIds: () => rf(k)
-	}), [k]), /* @__PURE__ */ C("div", {
+	}, [n, O]), d(() => {
+		O && O.setEditable(!g);
+	}, [g, O]), p(o, () => ({
+		clearContent: () => O == null ? void 0 : O.commands.clearContent(!1),
+		editor: O,
+		getMentionedIds: () => rf(O)
+	}), [O]), /* @__PURE__ */ C("div", {
 		className: sf.richTextInput,
-		"data-testid": o,
 		children: [
 			/* @__PURE__ */ S(Xd, {
-				editor: k,
-				disabled: y,
-				showMentionButton: b && ((c = a == null ? void 0 : a.showMentionButton) == null || c),
-				toolbarComponent: i,
-				testId: o && `${o}-toolbar`
-			}),
-			/* @__PURE__ */ S(oi, {
-				editor: k,
-				"data-testid": o && `${o}-editor`
+				editor: O,
+				disabled: g,
+				showMentionButton: y && ((s = a == null ? void 0 : a.showMentionButton) == null || s),
+				toolbarComponent: i
 			}),
-			b && /* @__PURE__ */ S(Xi, { children: /* @__PURE__ */ S(cf, {
-				ref: w,
-				editable: (l = E == null ? void 0 : E.editable) == null ? null : l,
-				getRect: (f = E == null ? void 0 : E.clientRect) == null ? null : f,
-				items: (m = E == null ? void 0 : E.items) == null ? [] : m,
-				onDismiss: () => D(null),
-				onSelect: (e) => E == null ? void 0 : E.command(e)
+			/* @__PURE__ */ S(oi, { editor: O }),
+			y && /* @__PURE__ */ S(Xi, { children: /* @__PURE__ */ S(cf, {
+				ref: x,
+				editable: (c = T == null ? void 0 : T.editable) == null ? null : c,
+				getRect: (l = T == null ? void 0 : T.clientRect) == null ? null : l,
+				items: (f = T == null ? void 0 : T.items) == null ? [] : f,
+				onDismiss: () => E(null),
+				onSelect: (e) => T == null ? void 0 : T.command(e)
 			}) })
 		]
 	});

package/package.json

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