@univerjs/thread-comment-ui 0.24.0 → 0.25.0

package/lib/es/index.js

@@ -8,7 +8,7 @@ import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef, useState }
 import { BreakLineCommand, IEditorService, RichTextEditor } from "@univerjs/docs-ui";
 import { jsx, jsxs } from "react/jsx-runtime";
 
-//#region \0@oxc-project+runtime@0.129.0/helpers/typeof.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/typeof.js
 function _typeof(o) {
 	"@babel/helpers - typeof";
 	return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(o) {
@@ -19,7 +19,7 @@ function _typeof(o) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPrimitive.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPrimitive.js
 function toPrimitive(t, r) {
 	if ("object" != _typeof(t) || !t) return t;
 	var e = t[Symbol.toPrimitive];
@@ -32,14 +32,14 @@ function toPrimitive(t, r) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/toPropertyKey.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/toPropertyKey.js
 function toPropertyKey(t) {
 	var i = toPrimitive(t, "string");
 	return "symbol" == _typeof(i) ? i : i + "";
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/defineProperty.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/defineProperty.js
 function _defineProperty(e, r, t) {
 	return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
 		value: t,
@@ -50,7 +50,7 @@ function _defineProperty(e, r, t) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorateParam.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorateParam.js
 function __decorateParam(paramIndex, decorator) {
 	return function(target, key) {
 		decorator(target, key, paramIndex);
@@ -58,7 +58,7 @@ function __decorateParam(paramIndex, decorator) {
 }
 
 //#endregion
-//#region \0@oxc-project+runtime@0.129.0/helpers/decorate.js
+//#region \0@oxc-project+runtime@0.133.0/helpers/esm/decorate.js
 function __decorate(decorators, target, key, desc) {
 	var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
 	if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
@@ -124,7 +124,7 @@ const SetActiveCommentOperation = {
 //#endregion
 //#region package.json
 var name = "@univerjs/thread-comment-ui";
-var version = "0.24.0";
+var version = "0.25.0";
 
 //#endregion
 //#region src/config/config.ts
@@ -185,6 +185,82 @@ UniverThreadCommentUIPlugin = __decorate([
 	__decorateParam(3, IConfigService)
 ], UniverThreadCommentUIPlugin);
 
+//#endregion
+//#region src/views/thread-comment-editor/util.ts
+const transformDocument2TextNodesInParagraph = (doc) => {
+	const { dataStream, customRanges } = doc;
+	const end = dataStream.endsWith("\r\n") ? dataStream.length - 2 : dataStream.length;
+	const textNodes = [];
+	let lastIndex = 0;
+	customRanges === null || customRanges === void 0 || customRanges.forEach((range) => {
+		if (lastIndex < range.startIndex) textNodes.push({
+			type: "text",
+			content: dataStream.slice(lastIndex, range.startIndex)
+		});
+		textNodes.push({
+			type: "mention",
+			content: {
+				label: dataStream.slice(range.startIndex, range.endIndex + 1),
+				id: range.rangeId
+			}
+		});
+		lastIndex = range.endIndex + 1;
+	});
+	textNodes.push({
+		type: "text",
+		content: dataStream.slice(lastIndex, end)
+	});
+	return textNodes;
+};
+const transformDocument2TextNodes = (doc) => {
+	if (!doc) return [];
+	const { paragraphs = [] } = doc;
+	return paragraphs.map((paragraph, index) => {
+		return transformDocument2TextNodesInParagraph(getBodySlice(doc, index === 0 ? 0 : paragraphs[index - 1].startIndex + 1, paragraph.startIndex));
+	});
+};
+const transformTextNodes2Document = (nodes) => {
+	let str = "";
+	const customRanges = [];
+	nodes.forEach((node) => {
+		switch (node.type) {
+			case "text":
+				str += node.content;
+				break;
+			case "mention": {
+				const start = str.length;
+				str += node.content.label;
+				const end = str.length - 1;
+				customRanges.push({
+					rangeId: node.content.id,
+					rangeType: CustomRangeType.MENTION,
+					startIndex: start,
+					endIndex: end,
+					properties: {},
+					wholeEntity: true
+				});
+				break;
+			}
+			default: break;
+		}
+	});
+	str += "\r\n";
+	return {
+		textRuns: [],
+		paragraphs: [{
+			startIndex: str.length - 2,
+			paragraphStyle: {}
+		}],
+		sectionBreaks: [{ startIndex: str.length - 1 }],
+		dataStream: str,
+		customRanges
+	};
+};
+function focusThreadCommentEditor(editorService, editorId, editor) {
+	editorService.focus(editorId);
+	editor === null || editor === void 0 || editor.focus();
+}
+
 //#endregion
 //#region src/views/thread-comment-editor/index.tsx
 function getSnapshot(body) {
@@ -223,142 +299,101 @@ const ThreadCommentEditor = forwardRef((props, ref) => {
 		}
 	}), [commandService]);
 	useImperativeHandle(ref, () => ({ reply(text) {
-		var _getEditorId, _editor$current6;
+		var _editor$current6;
 		if (!editor.current) return;
-		editorService.focus((_getEditorId = editor.current.getEditorId()) !== null && _getEditorId !== void 0 ? _getEditorId : "");
+		focusThreadCommentEditor(editorService, editorId, editor.current);
 		const documentData = getSnapshot(text);
 		(_editor$current6 = editor.current) === null || _editor$current6 === void 0 || _editor$current6.setDocumentData(documentData, [{
 			startOffset: documentData.body.dataStream.length - 2,
 			endOffset: documentData.body.dataStream.length - 2,
 			collapsed: true
 		}]);
+		setCanSubmit(BuildTextUtils.transform.getPlainText(documentData.body.dataStream));
+		setEditing(true);
 	} }));
 	const handleSave = () => {
-		if (editor.current) {
-			const newText = Tools.deepClone(editor.current.getDocumentData().body);
+		const currentEditor = editor.current;
+		if (currentEditor) {
+			const newText = Tools.deepClone(currentEditor.getDocumentData().body);
+			currentEditor.blur();
+			currentEditor.replaceText("", false);
+			currentEditor.setSelectionRanges([], false);
+			setCanSubmit("");
 			setEditing(false);
 			onSave === null || onSave === void 0 || onSave({
 				...comment,
 				text: newText
 			});
-			editor.current.replaceText("");
-			setTimeout(() => {
-				var _editor$current7, _editor$current8;
-				(_editor$current7 = editor.current) === null || _editor$current7 === void 0 || _editor$current7.setSelectionRanges([]);
-				(_editor$current8 = editor.current) === null || _editor$current8 === void 0 || _editor$current8.blur();
-			}, 10);
 		}
 	};
+	const handleEditorMouseDown = () => {
+		focusThreadCommentEditor(editorService, editorId, editor.current);
+		setEditing(true);
+	};
+	useEffect(() => {
+		if (!autoFocus) return;
+		const timer = setTimeout(() => {
+			focusThreadCommentEditor(editorService, editorId, editor.current);
+		});
+		return () => clearTimeout(timer);
+	}, [
+		autoFocus,
+		editorId,
+		editorService
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		onClick: (e) => e.preventDefault(),
-		children: [/* @__PURE__ */ jsx(RichTextEditor, {
-			className: "univer-w-full",
-			editorRef: editor,
-			editorId,
-			autoFocus,
-			keyboardEventConfig,
-			placeholder: localeService.t("threadCommentUI.editor.placeholder"),
-			initialValue: (comment === null || comment === void 0 ? void 0 : comment.text) && getSnapshot(comment.text),
-			onFocusChange: (isFocus) => isFocus && setEditing(isFocus),
-			isSingle: false,
-			maxHeight: 64,
-			onClickOutside: () => {
-				setTimeout(() => {
-					editorService.focus(rootEditorId);
-				}, 30);
-			}
+		children: [/* @__PURE__ */ jsx("div", {
+			onMouseDown: handleEditorMouseDown,
+			children: /* @__PURE__ */ jsx(RichTextEditor, {
+				className: "univer-w-full",
+				editorRef: editor,
+				editorId,
+				autoFocus,
+				keyboardEventConfig,
+				placeholder: localeService.t("thread-comment-ui.editor.placeholder"),
+				initialValue: (comment === null || comment === void 0 ? void 0 : comment.text) && getSnapshot(comment.text),
+				onFocusChange: (isFocus) => isFocus && setEditing(isFocus),
+				isSingle: false,
+				maxHeight: 64,
+				onClickOutside: () => {
+					setTimeout(() => {
+						editorService.focus(rootEditorId);
+					}, 30);
+				}
+			})
 		}), editing ? /* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-flex-row univer-justify-end univer-gap-2",
 			children: [/* @__PURE__ */ jsx(Button, {
+				type: "button",
 				onClick: () => {
-					var _editor$current9;
+					const currentEditor = editor.current;
+					currentEditor === null || currentEditor === void 0 || currentEditor.blur();
+					currentEditor === null || currentEditor === void 0 || currentEditor.replaceText("", false);
+					currentEditor === null || currentEditor === void 0 || currentEditor.setSelectionRanges([], false);
+					setCanSubmit("");
 					onCancel === null || onCancel === void 0 || onCancel();
 					setEditing(false);
-					(_editor$current9 = editor.current) === null || _editor$current9 === void 0 || _editor$current9.replaceText("", true);
 					commandService.executeCommand(SetActiveCommentOperation.id);
 				},
-				children: localeService.t("threadCommentUI.editor.cancel")
+				children: localeService.t("thread-comment-ui.editor.cancel")
 			}), /* @__PURE__ */ jsx(Button, {
+				type: "button",
 				variant: "primary",
 				disabled: !canSubmit,
 				onClick: handleSave,
-				children: localeService.t(id ? "threadCommentUI.editor.save" : "threadCommentUI.editor.reply")
+				children: localeService.t(id ? "thread-comment-ui.editor.save" : "thread-comment-ui.editor.reply")
 			})]
 		}) : null]
 	});
 });
 
 //#endregion
-//#region src/views/thread-comment-editor/util.ts
-const transformDocument2TextNodesInParagraph = (doc) => {
-	const { dataStream, customRanges } = doc;
-	const end = dataStream.endsWith("\r\n") ? dataStream.length - 2 : dataStream.length;
-	const textNodes = [];
-	let lastIndex = 0;
-	customRanges === null || customRanges === void 0 || customRanges.forEach((range) => {
-		if (lastIndex < range.startIndex) textNodes.push({
-			type: "text",
-			content: dataStream.slice(lastIndex, range.startIndex)
-		});
-		textNodes.push({
-			type: "mention",
-			content: {
-				label: dataStream.slice(range.startIndex, range.endIndex + 1),
-				id: range.rangeId
-			}
-		});
-		lastIndex = range.endIndex + 1;
-	});
-	textNodes.push({
-		type: "text",
-		content: dataStream.slice(lastIndex, end)
-	});
-	return textNodes;
-};
-const transformDocument2TextNodes = (doc) => {
-	if (!doc) return [];
-	const { paragraphs = [] } = doc;
-	return paragraphs.map((paragraph, index) => {
-		return transformDocument2TextNodesInParagraph(getBodySlice(doc, index === 0 ? 0 : paragraphs[index - 1].startIndex + 1, paragraph.startIndex));
-	});
-};
-const transformTextNodes2Document = (nodes) => {
-	let str = "";
-	const customRanges = [];
-	nodes.forEach((node) => {
-		switch (node.type) {
-			case "text":
-				str += node.content;
-				break;
-			case "mention": {
-				const start = str.length;
-				str += node.content.label;
-				const end = str.length - 1;
-				customRanges.push({
-					rangeId: node.content.id,
-					rangeType: CustomRangeType.MENTION,
-					startIndex: start,
-					endIndex: end,
-					properties: {},
-					wholeEntity: true
-				});
-				break;
-			}
-			default: break;
-		}
-	});
-	str += "\r\n";
-	return {
-		textRuns: [],
-		paragraphs: [{
-			startIndex: str.length - 2,
-			paragraphStyle: {}
-		}],
-		sectionBreaks: [{ startIndex: str.length - 1 }],
-		dataStream: str,
-		customRanges
-	};
-};
+//#region src/views/thread-comment-tree/util.ts
+function getThreadCommentEditorId(params) {
+	const { location, unitId, subUnitId, commentId, fallbackId } = params;
+	return `${DOCS_COMMENT_EDITOR_UNIT_ID_KEY}_${location}_${unitId}_${subUnitId}_${commentId || fallbackId}`;
+}
 
 //#endregion
 //#region src/views/thread-comment-tree/index.tsx
@@ -415,11 +450,11 @@ const ThreadCommentItem = (props) => {
 							children: [/* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
 								className: "hover:univer-bg-gray-200",
 								onClick: () => onEditingChange === null || onEditingChange === void 0 ? void 0 : onEditingChange(true),
-								children: localeService.t("threadCommentUI.item.edit")
+								children: localeService.t("thread-comment-ui.item.edit")
 							}) }), /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx("a", {
 								className: "hover:univer-bg-gray-200",
 								onClick: handleDeleteItem,
-								children: localeService.t("threadCommentUI.item.delete")
+								children: localeService.t("thread-comment-ui.item.delete")
 							}) })]
 						})
 					}),
@@ -485,6 +520,7 @@ const ThreadCommentTree = (props) => {
 	const resolved = comments === null || comments === void 0 ? void 0 : comments.root.resolved;
 	const currentUser = useObservable(userManagerService.currentUser$);
 	const editorRef = useRef(null);
+	const fallbackEditorId = useMemo(() => generateRandomId(6), []);
 	const renderComments = [...comments ? [comments.root] : [{
 		id: MOCK_ID,
 		text: { dataStream: "\n\r" },
@@ -529,7 +565,13 @@ const ThreadCommentTree = (props) => {
 	const subUnitName = getSubUnitName((_comments$root$subUni = comments === null || comments === void 0 ? void 0 : comments.root.subUnitId) !== null && _comments$root$subUni !== void 0 ? _comments$root$subUni : subUnitId);
 	const editorVisible = showEdit && !editingId && !resolved;
 	const title = `${refStr || (comments === null || comments === void 0 ? void 0 : comments.root.ref) || ""}${subUnitName ? " · " : ""}${subUnitName}`;
-	const threadCommentEditorId = `${DOCS_COMMENT_EDITOR_UNIT_ID_KEY}_${location}`;
+	const threadCommentEditorId = getThreadCommentEditorId({
+		location,
+		unitId,
+		subUnitId,
+		commentId: id,
+		fallbackId: fallbackEditorId
+	});
 	return /* @__PURE__ */ jsxs("div", {
 		id: `${location}-${unitId}-${subUnitId}-${id}`,
 		className: clsx("univer-relative univer-box-border univer-rounded-md univer-bg-white univer-p-4 dark:!univer-bg-gray-900 dark:!univer-text-white", borderClassName, {
@@ -648,6 +690,22 @@ const ThreadCommentTree = (props) => {
 	});
 };
 
+//#endregion
+//#region src/views/thread-comment-panel/util.ts
+function getThreadCommentPanelItemKey(comment, index, section) {
+	if (comment.id) return comment.id;
+	return [
+		"thread-comment-panel-temp",
+		section,
+		comment.unitId,
+		comment.subUnitId,
+		comment.threadId,
+		comment.ref,
+		comment.dT,
+		index
+	].join("-");
+}
+
 //#endregion
 //#region src/views/thread-comment-panel/index.tsx
 const ThreadCommentPanel = (props) => {
@@ -731,7 +789,7 @@ const ThreadCommentPanel = (props) => {
 		const id = `${location}-${unitId}-${subUnitId}-${commentId}`;
 		(_document$getElementB = document.getElementById(id)) === null || _document$getElementB === void 0 || _document$getElementB.scrollIntoView({ block: "center" });
 	}, [activeCommentId]);
-	const renderComment = (comment) => /* @__PURE__ */ jsx(ThreadCommentTree, {
+	const renderComment = (section) => (comment, index) => /* @__PURE__ */ jsx(ThreadCommentTree, {
 		location,
 		getSubUnitName,
 		id: comment.id,
@@ -756,7 +814,7 @@ const ThreadCommentPanel = (props) => {
 		onAddComment,
 		onDeleteComment,
 		onResolve: (resolved) => onResolve === null || onResolve === void 0 ? void 0 : onResolve(comment.id, resolved)
-	}, comment.id);
+	}, getThreadCommentPanelItemKey(comment, index, section));
 	return /* @__PURE__ */ jsxs("div", {
 		className: "univer-flex univer-min-h-full univer-flex-col univer-pb-3",
 		children: [/* @__PURE__ */ jsxs("div", {
@@ -766,10 +824,10 @@ const ThreadCommentPanel = (props) => {
 				value: unit,
 				options: [{
 					value: "current",
-					label: localeService.t("threadCommentUI.filter.sheet.current")
+					label: localeService.t("thread-comment-ui.filter.sheet.current")
 				}, {
 					value: "all",
-					label: localeService.t("threadCommentUI.filter.sheet.all")
+					label: localeService.t("thread-comment-ui.filter.sheet.all")
 				}],
 				onChange: setUnit
 			}) : null, /* @__PURE__ */ jsx(Select, {
@@ -778,47 +836,47 @@ const ThreadCommentPanel = (props) => {
 				options: [
 					{
 						value: "all",
-						label: localeService.t("threadCommentUI.filter.status.all")
+						label: localeService.t("thread-comment-ui.filter.status.all")
 					},
 					{
 						value: "resolved",
-						label: localeService.t("threadCommentUI.filter.status.resolved")
+						label: localeService.t("thread-comment-ui.filter.status.resolved")
 					},
 					{
 						value: "unsolved",
-						label: localeService.t("threadCommentUI.filter.status.unsolved")
+						label: localeService.t("thread-comment-ui.filter.status.unsolved")
 					},
 					{
 						value: "concern_me",
-						label: localeService.t("threadCommentUI.filter.status.concernMe")
+						label: localeService.t("thread-comment-ui.filter.status.concernMe")
 					}
 				],
 				onChange: setStatus
 			})]
 		}), renderComments.length === 0 ? /* @__PURE__ */ jsxs("div", {
 			className: "univer-flex univer-flex-1 univer-flex-col univer-items-center univer-justify-center univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200",
-			children: [localeService.t("threadCommentUI.panel.empty"), isFiltering ? /* @__PURE__ */ jsx("div", {
+			children: [localeService.t("thread-comment-ui.panel.empty"), isFiltering ? /* @__PURE__ */ jsx("div", {
 				className: "univer-mt-2 univer-flex univer-flex-row",
 				children: /* @__PURE__ */ jsx(Button, {
 					onClick: onReset,
-					children: localeService.t("threadCommentUI.panel.reset")
+					children: localeService.t("thread-comment-ui.panel.reset")
 				})
 			}) : !disableAdd ? /* @__PURE__ */ jsx("div", {
 				className: "univer-mt-2 univer-flex univer-flex-row",
 				children: /* @__PURE__ */ jsxs(Button, {
 					onClick: onAdd,
-					children: [/* @__PURE__ */ jsx(IncreaseIcon, { className: "univer-mr-1.5" }), localeService.t("threadCommentUI.panel.addComment")]
+					children: [/* @__PURE__ */ jsx(IncreaseIcon, { className: "univer-mr-1.5" }), localeService.t("thread-comment-ui.panel.addComment")]
 				})
 			}) : null]
 		}) : /* @__PURE__ */ jsxs("div", {
 			className: "univer-mt-3 univer-flex univer-flex-col univer-gap-3",
 			children: [
-				unSolvedComments.map(renderComment),
+				unSolvedComments.map(renderComment("unsolved")),
 				solvedComments.length > 0 && /* @__PURE__ */ jsx("div", {
 					className: "univer-text-xs",
-					children: localeService.t("threadCommentUI.panel.solved")
+					children: localeService.t("thread-comment-ui.panel.solved")
 				}),
-				solvedComments.map(renderComment)
+				solvedComments.map(renderComment("solved"))
 			]
 		})]
 	});

package/lib/es/locale/ar-SA.js

@@ -0,0 +1,36 @@
+//#region src/locale/ar-SA.ts
+const locale = { "thread-comment-ui": {
+	panel: {
+		title: "إدارة التعليقات",
+		empty: "لا توجد تعليقات بعد",
+		filterEmpty: "لا توجد نتائج مطابقة",
+		reset: "إعادة ضبط التصفية",
+		addComment: "إضافة تعليق",
+		solved: "تم الحل"
+	},
+	editor: {
+		placeholder: "رد أو إشارة إلى آخرين باستخدام @",
+		reply: "تعليق",
+		cancel: "إلغاء",
+		save: "حفظ"
+	},
+	item: {
+		edit: "تحرير",
+		delete: "حذف هذا التعليق"
+	},
+	filter: {
+		sheet: {
+			all: "كل الأوراق",
+			current: "الورقة الحالية"
+		},
+		status: {
+			all: "كل التعليقات",
+			resolved: "تم الحل",
+			unsolved: "لم يتم الحل",
+			concernMe: "يتعلق بي"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };

package/lib/es/locale/ca-ES.js

@@ -1,5 +1,5 @@
 //#region src/locale/ca-ES.ts
-const locale = { threadCommentUI: {
+const locale = { "thread-comment-ui": {
 	panel: {
 		title: "Gestió de comentaris",
 		empty: "Encara no hi ha comentaris",

package/lib/es/locale/de-DE.js

@@ -0,0 +1,36 @@
+//#region src/locale/de-DE.ts
+const locale = { "thread-comment-ui": {
+	panel: {
+		title: "Kommentarverwaltung",
+		empty: "Noch keine Kommentare",
+		filterEmpty: "Kein Treffer",
+		reset: "Filter zurücksetzen",
+		addComment: "Kommentar hinzufügen",
+		solved: "Gelöst"
+	},
+	editor: {
+		placeholder: "Antworten oder andere mit @ erwähnen",
+		reply: "Kommentar",
+		cancel: "Abbrechen",
+		save: "Speichern"
+	},
+	item: {
+		edit: "Bearbeiten",
+		delete: "Diesen Kommentar löschen"
+	},
+	filter: {
+		sheet: {
+			all: "Alle Blätter",
+			current: "Aktuelles Blatt"
+		},
+		status: {
+			all: "Alle Kommentare",
+			resolved: "Gelöst",
+			unsolved: "Ungelöst",
+			concernMe: "Betrifft mich"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };

package/lib/es/locale/en-US.js

@@ -14,7 +14,7 @@
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */
-const locale = { threadCommentUI: {
+const locale = { "thread-comment-ui": {
 	panel: {
 		title: "Comment Management",
 		empty: "No comments yet",

package/lib/es/locale/es-ES.js

@@ -1,5 +1,5 @@
 //#region src/locale/es-ES.ts
-const locale = { threadCommentUI: {
+const locale = { "thread-comment-ui": {
 	panel: {
 		title: "Gestión de comentarios",
 		empty: "Aún no hay comentarios",

package/lib/es/locale/fa-IR.js

@@ -1,5 +1,5 @@
 //#region src/locale/fa-IR.ts
-const locale = { threadCommentUI: {
+const locale = { "thread-comment-ui": {
 	panel: {
 		title: "مدیریت نظرات",
 		empty: "هنوز نظری وجود ندارد",

package/lib/es/locale/fr-FR.js

@@ -1,5 +1,5 @@
 //#region src/locale/fr-FR.ts
-const locale = { threadCommentUI: {
+const locale = { "thread-comment-ui": {
 	panel: {
 		title: "Gestion des commentaires",
 		empty: "Pas encore de commentaires",

package/lib/es/locale/id-ID.js

@@ -0,0 +1,36 @@
+//#region src/locale/id-ID.ts
+const locale = { "thread-comment-ui": {
+	panel: {
+		title: "Manajemen Komentar",
+		empty: "Belum ada komentar",
+		filterEmpty: "Tidak ada hasil yang cocok",
+		reset: "Atur Ulang Filter",
+		addComment: "Tambah Komentar",
+		solved: "Terselesaikan"
+	},
+	editor: {
+		placeholder: "Balas atau tambahkan orang lain dengan @",
+		reply: "Komentar",
+		cancel: "Batal",
+		save: "Simpan"
+	},
+	item: {
+		edit: "Edit",
+		delete: "Hapus Komentar Ini"
+	},
+	filter: {
+		sheet: {
+			all: "Semua lembar",
+			current: "Lembar saat ini"
+		},
+		status: {
+			all: "Semua komentar",
+			resolved: "Terselesaikan",
+			unsolved: "Belum terselesaikan",
+			concernMe: "Yang menyangkut saya"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };

package/lib/es/locale/it-IT.js

@@ -0,0 +1,36 @@
+//#region src/locale/it-IT.ts
+const locale = { "thread-comment-ui": {
+	panel: {
+		title: "Gestione commenti",
+		empty: "Nessun commento",
+		filterEmpty: "Nessun risultato",
+		reset: "Reimposta filtro",
+		addComment: "Aggiungi commento",
+		solved: "Risolto"
+	},
+	editor: {
+		placeholder: "Rispondi o aggiungi altri con @",
+		reply: "Commenta",
+		cancel: "Annulla",
+		save: "Salva"
+	},
+	item: {
+		edit: "Modifica",
+		delete: "Elimina questo commento"
+	},
+	filter: {
+		sheet: {
+			all: "Tutti i fogli",
+			current: "Foglio corrente"
+		},
+		status: {
+			all: "Tutti i commenti",
+			resolved: "Risolti",
+			unsolved: "Non risolti",
+			concernMe: "Mi riguardano"
+		}
+	}
+} };
+
+//#endregion
+export { locale as default };