@oliasoft-open-source/react-ui-library 10.2.3 → 10.3.0-beta-1

package/dist/index.d.ts

@@ -1375,6 +1375,7 @@ export declare interface IRichTextInputProps {
     onChange?: (markdown: string, meta: {
         mentionedIds: string[];
     }) => void;
+    onMention?: (item: IMentionItem) => void;
     placeholder?: string;
     value?: string;
     toolbarComponent?: ReactNode;

package/dist/index.js

@@ -6757,68 +6757,70 @@ var ko = (e) => e.replace(/^lch\(\s*(\d+(?:\.\d+)?)(?!%)\s+/, "lch($1% "), Ao =
 	command: t,
 	items: r,
 	editable: n.view.dom
-}), pf = 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);
+}), pf = c(o(({ placeholder: e, onChange: t, onMention: n, value: r, disabled: i, toolbarComponent: a, mentions: o, testId: s }, c) => {
+	var l, f, m, g;
+	let y = u(W), b = i || y, x = !!o, w = _(o), T = _(null), E = _(r == null ? "" : r), [D, O] = v(null);
 	d(() => {
-		x.current = a;
-	}, [a]);
-	let O = h(() => [
+		w.current = o;
+	}, [o]);
+	let k = h(() => [
 		di,
 		fi.configure({ placeholder: e }),
 		pi,
-		lf(() => x.current, () => ({
-			onStart: (e) => D(ff(e)),
-			onUpdate: (e) => D(ff(e)),
-			onExit: () => D(null),
+		lf(() => w.current, () => ({
+			onStart: (e) => O(ff(e)),
+			onUpdate: (e) => O(ff(e)),
+			onExit: () => O(null),
 			onKeyDown: ({ event: e }) => {
 				var t, n;
-				return (t = (n = w.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
+				return (t = (n = T.current) == null ? void 0 : n.onKeyDown(e)) != null && t;
 			}
 		}))
-	], []), k = ui({
-		extensions: O,
-		content: T.current,
+	], []), A = ui({
+		extensions: k,
+		content: E.current,
 		contentType: "markdown",
-		editable: !y,
+		editable: !b,
 		editorProps: { attributes: { class: uf.editable } },
 		onUpdate: ({ editor: e }) => {
 			t == null || t(e.getMarkdown(), { mentionedIds: sf(e) });
 		}
 	});
 	return d(() => {
-		k && n !== void 0 && n !== k.getMarkdown() && k.commands.setContent(n, {
+		A && r !== void 0 && r !== A.getMarkdown() && A.commands.setContent(r, {
 			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: () => sf(k)
-	}), [k]), /* @__PURE__ */ C("div", {
+	}, [r, A]), d(() => {
+		A && A.setEditable(!b);
+	}, [b, A]), p(c, () => ({
+		clearContent: () => A == null ? void 0 : A.commands.clearContent(!1),
+		editor: A,
+		getMentionedIds: () => sf(A)
+	}), [A]), /* @__PURE__ */ C("div", {
 		className: uf.richTextInput,
-		"data-testid": o,
+		"data-testid": s,
 		children: [
 			/* @__PURE__ */ S($d, {
-				editor: k,
-				disabled: y,
-				showMentionButton: b && ((c = a == null ? void 0 : a.showMentionButton) == null || c),
-				toolbarComponent: i,
-				testId: o && `${o}-toolbar`
+				editor: A,
+				disabled: b,
+				showMentionButton: x && ((l = o == null ? void 0 : o.showMentionButton) == null || l),
+				toolbarComponent: a,
+				testId: s && `${s}-toolbar`
 			}),
 			/* @__PURE__ */ S(li, {
-				editor: k,
-				"data-testid": o && `${o}-editor`
+				editor: A,
+				"data-testid": s && `${s}-editor`
 			}),
-			b && /* @__PURE__ */ S($i, { children: /* @__PURE__ */ S(df, {
-				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)
+			x && /* @__PURE__ */ S($i, { children: /* @__PURE__ */ S(df, {
+				ref: T,
+				editable: (f = D == null ? void 0 : D.editable) == null ? null : f,
+				getRect: (m = D == null ? void 0 : D.clientRect) == null ? null : m,
+				items: (g = D == null ? void 0 : D.items) == null ? [] : g,
+				onDismiss: () => O(null),
+				onSelect: (e) => {
+					n == null || n(e), D == null || D.command(e);
+				}
 			}) })
 		]
 	});

package/package.json

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