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

package/dist/components/rich-text-input/rich-text-input.d.ts

@@ -15,6 +15,7 @@ export interface IRichTextInputProps {
     placeholder?: string;
     value?: string;
     toolbarComponent?: ReactNode;
+    testId?: string;
 }
 export declare const RichTextInput: import('react').NamedExoticComponent<IRichTextInputProps & import('react').RefAttributes<IRichTextInputHandle>>;
 //# sourceMappingURL=rich-text-input.d.ts.map

package/dist/components/rich-text-input/rich-text-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAA4B,MAAM,EAAE,MAAM,eAAe,CAAC;AAUjE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmB9D,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,eAAe,EAAE,MAAM,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,aAAa,iHAuGzB,CAAC"}
+{"version":3,"file":"rich-text-input.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EASL,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAA4B,MAAM,EAAE,MAAM,eAAe,CAAC;AAUjE,OAAO,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAmB9D,MAAM,WAAW,oBAAoB;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,eAAe,EAAE,MAAM,MAAM,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,CAAC;IAC3B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,YAAY,EAAE,MAAM,EAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,aAAa,iHAwGzB,CAAC"}

package/dist/components/rich-text-input/rich-text-input.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAwB,mBAAmB,EAAiB,MAAM,mBAAmB,CAAC;wBASxF,IAAI;AAJT,wBAIU;AAcV,eAAO,MAAM,OAAO,uHAAoB,CAAC;AAEzC,eAAO,MAAM,MAAM,uHAAoB,CAAC;AAMxC,eAAO,MAAM,WAAW,uHAAoB,CAAC;AAK7C,eAAO,MAAM,QAAQ,uHAAoB,CAAC;AAK1C,eAAO,MAAM,8BAA8B,+CAmB1C,CAAC;AAmBF,eAAO,MAAM,YAAY,+CA0CxB,CAAC;AA4BF,eAAO,MAAM,oBAAoB,uHAAoB,CAAC"}
+{"version":3,"file":"rich-text-input.stories.d.ts","sourceRoot":"","sources":["../../../src/components/rich-text-input/rich-text-input.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAW,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAwB,mBAAmB,EAAiB,MAAM,mBAAmB,CAAC;wBAWxF,IAAI;AANT,wBAMU;AAcV,eAAO,MAAM,OAAO,uHAAoB,CAAC;AAEzC,eAAO,MAAM,MAAM,uHAAoB,CAAC;AAMxC,eAAO,MAAM,WAAW,uHAAoB,CAAC;AAK7C,eAAO,MAAM,QAAQ,uHAAoB,CAAC;AAK1C,eAAO,MAAM,8BAA8B,+CAmB1C,CAAC;AAmBF,eAAO,MAAM,YAAY,+CA0CxB,CAAC;AA4BF,eAAO,MAAM,oBAAoB,uHAAoB,CAAC"}

package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts

@@ -5,6 +5,7 @@ export interface IRichTextToolbarProps {
     disabled?: boolean;
     showMentionButton?: boolean;
     toolbarComponent?: ReactNode;
+    testId?: string;
 }
-export declare const RichTextToolbar: ({ editor, disabled, showMentionButton, toolbarComponent, }: IRichTextToolbarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const RichTextToolbar: ({ editor, disabled, showMentionButton, toolbarComponent, testId, }: IRichTextToolbarProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=rich-text-toolbar.d.ts.map

package/dist/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rich-text-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,SAAS,CAAC;CAC9B;AAED,eAAO,MAAM,eAAe,GAAI,4DAK7B,qBAAqB,4CAyDvB,CAAC"}
+{"version":3,"file":"rich-text-toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/rich-text-input/rich-text-toolbar/rich-text-toolbar.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAMvC,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,eAAe,GAAI,oEAM7B,qBAAqB,4CAgEvB,CAAC"}

package/dist/index.js

@@ -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-8",
+  "version": "9.2.0-beta-9",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {