@oliasoft-open-source/react-ui-library 9.2.0-beta-7 → 9.2.0-beta-9

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", {
@@ -6502,48 +6502,55 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	richTextToolbarContainer: "_richTextToolbarContainer_1gbkk_5"
 }, Zd = /* @__PURE__ */ function(e) {
 	return e.BOLD = "bold", e.ITALIC = "italic", e.CODE = "code", e.UL = "ul", e.OL = "ol", e.MENTION = "at", e;
-}({}), Qd = ({ editor: e, disabled: t = !1, showMentionButton: n = !1, toolbarComponent: r = null }) => {
-	var i, a, o, s, c;
-	let l = [
+}({}), Qd = ({ editor: e, disabled: t = !1, showMentionButton: n = !1, toolbarComponent: r = null, testId: i }) => {
+	var a, o, s, c, l;
+	let u = [
 		{
 			icon: Zd.BOLD,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleBold().run(),
-			active: (i = e == null ? void 0 : e.isActive("bold")) != null && i
+			active: (a = e == null ? void 0 : e.isActive("bold")) != null && a,
+			testId: "bold"
 		},
 		{
 			icon: Zd.ITALIC,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleItalic().run(),
-			active: (a = e == null ? void 0 : e.isActive("italic")) != null && a
+			active: (o = e == null ? void 0 : e.isActive("italic")) != null && o,
+			testId: "italic"
 		},
 		{
 			icon: Zd.CODE,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleCode().run(),
-			active: (o = e == null ? void 0 : e.isActive("code")) != null && o
+			active: (s = e == null ? void 0 : e.isActive("code")) != null && s,
+			testId: "code"
 		},
 		{
 			icon: Zd.UL,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleBulletList().run(),
-			active: (s = e == null ? void 0 : e.isActive("bulletList")) != null && s
+			active: (c = e == null ? void 0 : e.isActive("bulletList")) != null && c,
+			testId: "bulletList"
 		},
 		{
 			icon: Zd.OL,
 			onClick: () => e == null ? void 0 : e.chain().focus().toggleOrderedList().run(),
-			active: (c = e == null ? void 0 : e.isActive("orderedList")) != null && c
+			active: (l = e == null ? void 0 : e.isActive("orderedList")) != null && l,
+			testId: "orderedList"
 		}
 	];
 	if (n) {
-		var u;
-		l.push({
+		var d;
+		u.push({
 			icon: Zd.MENTION,
 			onClick: () => e == null ? void 0 : e.chain().focus().insertContent("@").run(),
-			active: (u = e == null ? void 0 : e.isActive("mention")) != null && u
+			active: (d = e == null ? void 0 : e.isActive("mention")) != null && d,
+			testId: "mention"
 		});
 	}
 	return /* @__PURE__ */ C("div", {
 		className: Xd.richTextToolbarContainer,
+		"data-testid": i,
 		children: [/* @__PURE__ */ S("div", {
 			className: Xd.richTextToolbar,
-			children: l.map((e, n) => /* @__PURE__ */ S(q, {
+			children: u.map((e, n) => /* @__PURE__ */ S(q, {
 				small: !0,
 				round: !0,
 				basic: !0,
@@ -6551,7 +6558,8 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 				colored: Ti.MUTED,
 				onClick: e.onClick,
 				active: e.active,
-				disabled: t
+				disabled: t,
+				testId: i && `${i}-${e.testId}`
 			}, n))
 		}), r]
 	});
@@ -6701,63 +6709,68 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	command: t,
 	items: r,
 	editable: n.view.dom
-}), ff = 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);
+}), ff = 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);
 	d(() => {
-		b.current = a;
+		x.current = a;
 	}, [a]);
-	let D = h(() => [
+	let O = h(() => [
 		ci,
 		li.configure({ placeholder: e }),
 		ui,
-		cf(() => b.current, () => ({
-			onStart: (e) => E(df(e)),
-			onUpdate: (e) => E(df(e)),
-			onExit: () => E(null),
+		cf(() => x.current, () => ({
+			onStart: (e) => D(df(e)),
+			onUpdate: (e) => D(df(e)),
+			onExit: () => D(null),
 			onKeyDown: ({ event: e }) => {
 				var t, n;
-				return (t = (n = x.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
+				return (t = (n = w.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
 			}
 		}))
-	], []), O = si({
-		extensions: D,
-		content: w.current,
+	], []), k = si({
+		extensions: O,
+		content: T.current,
 		contentType: "markdown",
-		editable: !g,
+		editable: !y,
 		editorProps: { attributes: { class: lf.editable } },
 		onUpdate: ({ editor: e }) => {
 			t == null || t(e.getMarkdown(), { mentionedIds: of(e) });
 		}
 	});
 	return d(() => {
-		O && n !== void 0 && n !== O.getMarkdown() && O.commands.setContent(n, {
+		k && n !== void 0 && n !== k.getMarkdown() && k.commands.setContent(n, {
 			emitUpdate: !1,
 			contentType: "markdown"
 		});
-	}, [n, O]), d(() => {
-		O && O.setEditable(!g);
-	}, [g, O]), p(o, () => ({
-		clearContent: () => O == null ? void 0 : O.commands.clearContent(!1),
-		editor: O,
-		getMentionedIds: () => of(O)
-	}), [O]), /* @__PURE__ */ C("div", {
+	}, [n, k]), d(() => {
+		k && k.setEditable(!y);
+	}, [y, k]), p(s, () => ({
+		clearContent: () => k == null ? void 0 : k.commands.clearContent(!1),
+		editor: k,
+		getMentionedIds: () => of(k)
+	}), [k]), /* @__PURE__ */ C("div", {
 		className: lf.richTextInput,
+		"data-testid": o,
 		children: [
 			/* @__PURE__ */ S(Qd, {
-				editor: O,
-				disabled: g,
-				showMentionButton: y && ((s = a == null ? void 0 : a.showMentionButton) == null || s),
-				toolbarComponent: i
+				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`
 			}),
-			/* @__PURE__ */ S(oi, { editor: O }),
-			y && /* @__PURE__ */ S(Xi, { children: /* @__PURE__ */ S(uf, {
-				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)
+			b && /* @__PURE__ */ S(Xi, { children: /* @__PURE__ */ S(uf, {
+				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)
 			}) })
 		]
 	});

package/package.json

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