elseware-ui 2.31.13 → 2.31.15

package/dist/index.d.mts

@@ -1508,7 +1508,7 @@ interface CommentItemProps {
     onDislike?: (comment: CommentEntity) => void;
     onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
     onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1522,7 +1522,7 @@ interface CommentListProps {
     onDislike?: (comment: CommentEntity) => void;
     onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
     onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1533,7 +1533,7 @@ interface CommentThreadProps {
     loading?: boolean;
     components?: CommentComponents;
     config?: CommentThreadConfig;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }

package/dist/index.d.ts

@@ -1508,7 +1508,7 @@ interface CommentItemProps {
     onDislike?: (comment: CommentEntity) => void;
     onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
     onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1522,7 +1522,7 @@ interface CommentListProps {
     onDislike?: (comment: CommentEntity) => void;
     onReply?: (comment: CommentEntity, content: string) => Promise<void> | void;
     onLoadReplies?: (comment: CommentEntity) => Promise<void> | void;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1533,7 +1533,7 @@ interface CommentThreadProps {
     loading?: boolean;
     components?: CommentComponents;
     config?: CommentThreadConfig;
-    onEdit?: (comment: CommentEntity) => void;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }

package/dist/index.js

@@ -17994,6 +17994,7 @@ function CommentThread({
   const [replyCache, setReplyCache] = React4.useState(
     {}
   );
+  const replyCacheRef = React4.useRef(replyCache);
   const ComposerComponent = components?.Composer ?? CommentComposer_default;
   const resolvedConfig = {
     ...DEFAULT_COMMENT_THREAD_CONFIG,
@@ -18013,6 +18014,45 @@ function CommentThread({
     }
     loadComments();
   }, [dataSource, resolvedConfig.commentsPerPage]);
+  React4.useEffect(() => {
+    replyCacheRef.current = replyCache;
+  }, [replyCache]);
+  React4.useEffect(() => {
+    let cancelled = false;
+    async function refreshLoadedReplies() {
+      const parentIds = Object.keys(replyCacheRef.current);
+      if (!parentIds.length) {
+        return;
+      }
+      try {
+        const entries = await Promise.all(
+          parentIds.map(async (parentId) => {
+            const result = await dataSource.getReplies(parentId, {
+              limit: resolvedConfig.repliesPerPage
+            });
+            return [parentId, result.items];
+          })
+        );
+        if (cancelled) {
+          return;
+        }
+        setReplyCache((prev) => {
+          const next = { ...prev };
+          for (const [parentId, replies] of entries) {
+            if (parentId in next) {
+              next[parentId] = replies;
+            }
+          }
+          return next;
+        });
+      } catch {
+      }
+    }
+    void refreshLoadedReplies();
+    return () => {
+      cancelled = true;
+    };
+  }, [dataSource, resolvedConfig.repliesPerPage]);
   function updateReplyCacheComment(cache, commentId, updater) {
     const next = {};
     for (const [parentId, replies] of Object.entries(cache)) {
@@ -18062,6 +18102,10 @@ function CommentThread({
       );
     }
   }
+  function updateCommentEverywhere(commentId, updater) {
+    setComments((prev) => updateComment(prev, commentId, updater));
+    setReplyCache((prev) => updateReplyCacheComment(prev, commentId, updater));
+  }
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18147,6 +18191,12 @@ function CommentThread({
       );
     }
   }
+  async function handleEditComment(comment) {
+    const updatedComment = await onEdit?.(comment);
+    if (updatedComment) {
+      updateCommentEverywhere(updatedComment.id, () => updatedComment);
+    }
+  }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });
   }
@@ -18171,7 +18221,7 @@ function CommentThread({
         onDislike: handleDislike,
         onReply: handleReply,
         onLoadReplies: handleLoadReplies,
-        onEdit,
+        onEdit: handleEditComment,
         onDelete: handleDeleteComment,
         onReport
       }