elseware-ui 2.31.12 → 2.31.13

package/dist/index.mjs

@@ -17986,14 +17986,27 @@ function CommentThread({
     loadComments();
   }, [dataSource, resolvedConfig.commentsPerPage]);
   function updateReplyCacheComment(cache, commentId, updater) {
-    return Object.fromEntries(
+    const next = {};
+    for (const [parentId, replies] of Object.entries(cache)) {
+      next[parentId] = replies.map(
+        (reply) => reply.id === commentId ? updater(reply) : reply
+      );
+    }
+    return next;
+  }
+  function removeCommentTreeFromCache(cache, commentId) {
+    const childIds = cache[commentId]?.map((reply) => reply.id) ?? [];
+    let next = Object.fromEntries(
       Object.entries(cache).map(([parentId, replies]) => [
         parentId,
-        replies.map(
-          (reply) => reply.id === commentId ? updater(reply) : reply
-        )
+        replies.filter((reply) => reply.id !== commentId)
       ])
     );
+    delete next[commentId];
+    for (const childId of childIds) {
+      next = removeCommentTreeFromCache(next, childId);
+    }
+    return next;
   }
   async function handleCreateComment(content) {
     const comment = await dataSource.createComment({
@@ -18002,6 +18015,25 @@ function CommentThread({
     });
     setComments((prev) => [comment, ...prev]);
   }
+  async function handleDeleteComment(comment) {
+    await dataSource.deleteComment(comment.id);
+    setComments((prev) => prev.filter((item) => item.id !== comment.id));
+    setReplyCache((prev) => removeCommentTreeFromCache(prev, comment.id));
+    if (comment.parentCommentId) {
+      setComments(
+        (prev) => updateComment(prev, comment.parentCommentId, (item) => ({
+          ...item,
+          replyCount: Math.max(item.replyCount - 1, 0)
+        }))
+      );
+      setReplyCache(
+        (prev) => updateReplyCacheComment(prev, comment.parentCommentId, (item) => ({
+          ...item,
+          replyCount: Math.max(item.replyCount - 1, 0)
+        }))
+      );
+    }
+  }
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18112,7 +18144,7 @@ function CommentThread({
         onReply: handleReply,
         onLoadReplies: handleLoadReplies,
         onEdit,
-        onDelete,
+        onDelete: handleDeleteComment,
         onReport
       }
     )