elseware-ui 2.31.14 → 2.31.16

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,8 @@ interface CommentThreadProps {
     loading?: boolean;
     components?: CommentComponents;
     config?: CommentThreadConfig;
-    onEdit?: (comment: CommentEntity) => void;
+    updatedComment?: CommentEntity | null;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1575,7 +1576,7 @@ interface CommentComponents {
     RepliesToggle?: ComponentType<CommentRepliesToggleProps>;
 }
 
-declare function CommentThread({ currentUser, dataSource, loading, components, config, onEdit, onDelete, onReport, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
+declare function CommentThread({ currentUser, dataSource, loading, components, config, updatedComment, onEdit, onDelete, onReport, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
 
 declare function formatCommentDate(date: string, format?: "relative" | "absolute"): string;
 

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,8 @@ interface CommentThreadProps {
     loading?: boolean;
     components?: CommentComponents;
     config?: CommentThreadConfig;
-    onEdit?: (comment: CommentEntity) => void;
+    updatedComment?: CommentEntity | null;
+    onEdit?: (comment: CommentEntity) => CommentEntity | void | Promise<CommentEntity | void>;
     onDelete?: (comment: CommentEntity) => void;
     onReport?: (comment: CommentEntity) => void;
 }
@@ -1575,7 +1576,7 @@ interface CommentComponents {
     RepliesToggle?: ComponentType<CommentRepliesToggleProps>;
 }
 
-declare function CommentThread({ currentUser, dataSource, loading, components, config, onEdit, onDelete, onReport, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
+declare function CommentThread({ currentUser, dataSource, loading, components, config, updatedComment, onEdit, onDelete, onReport, }: CommentThreadProps): react_jsx_runtime.JSX.Element;
 
 declare function formatCommentDate(date: string, format?: "relative" | "absolute"): string;
 

package/dist/index.js

@@ -17985,6 +17985,7 @@ function CommentThread({
   loading = false,
   components,
   config,
+  updatedComment,
   onEdit,
   onDelete,
   onReport
@@ -17994,6 +17995,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 +18015,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)) {
@@ -18066,6 +18107,12 @@ function CommentThread({
     setComments((prev) => updateComment(prev, commentId, updater));
     setReplyCache((prev) => updateReplyCacheComment(prev, commentId, updater));
   }
+  React4.useEffect(() => {
+    if (!updatedComment) {
+      return;
+    }
+    updateCommentEverywhere(updatedComment.id, () => updatedComment);
+  }, [updatedComment]);
   async function handleReply(parentComment, content) {
     const reply = await dataSource.createComment({
       content,
@@ -18151,9 +18198,11 @@ function CommentThread({
       );
     }
   }
-  function handleEditComment(updatedComment) {
-    updateCommentEverywhere(updatedComment.id, () => updatedComment);
-    onEdit?.(updatedComment);
+  async function handleEditComment(comment) {
+    const updatedComment2 = await onEdit?.(comment);
+    if (updatedComment2) {
+      updateCommentEverywhere(updatedComment2.id, () => updatedComment2);
+    }
   }
   if (loading || isLoadingComments) {
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-6", children: "Loading comments..." });