🚑 fix: Fixed tsc server issues

packages/editor/lite-text-editor/src/index.ts

@@ -2,3 +2,4 @@ export { LiteTextEditor, LiteTextEditorWithRef } from "src/ui";
 export { LiteTextReadOnlyEditor, LiteTextReadOnlyEditorWithRef } from "src/ui/read-only";
 export type { LiteTextEditorProps, ILiteTextEditor } from "src/ui";
 export type { LiteTextReadOnlyEditorProps, ILiteTextReadOnlyEditor } from "src/ui/read-only";
+export type { IMentionSuggestion, IMentionHighlight } from "@plane/editor-core";

packages/editor/rich-text-editor/src/index.ts

@@ -2,3 +2,4 @@ export { RichTextEditor, RichTextEditorWithRef } from "src/ui";
 export { RichTextReadOnlyEditor, RichTextReadOnlyEditorWithRef } from "src/ui/read-only";
 export type { RichTextEditorProps, IRichTextEditor } from "src/ui";
 export type { IRichTextReadOnlyEditor } from "src/ui/read-only";
+export type { IMentionSuggestion, IMentionHighlight } from "@plane/editor-core";

space/components/editor/lite-text-read-only-editor.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { ILiteTextReadOnlyEditor, LiteTextReadOnlyEditorWithRef } from "@plane/lite-text-editor";
-
+import useEditorSuggestions from "hooks/use-editor-suggestions";
-import { useMention } from "hooks/store";
 
 interface EditorHandle {
   clearEditor: () => void;
@@ -12,11 +11,9 @@ interface LiteTextReadOnlyEditorWrapperProps extends Omit<ILiteTextReadOnlyEdito
 
 export const LiteTextReadOnlyEditor = React.forwardRef<EditorHandle, LiteTextReadOnlyEditorWrapperProps>(
   ({ ...props }, ref) => {
-    const editorSuggestions = useMention();
+    const mentionsConfig = useEditorSuggestions();
 
-    return (
+    return <LiteTextReadOnlyEditorWithRef ref={ref} mentionHighlights={mentionsConfig.mentionHighlights} {...props} />;
-      <LiteTextReadOnlyEditorWithRef ref={ref} mentionHighlights={editorSuggestions.mentionHighlights} {...props} />
-    );
   }
 );
 

space/components/editor/rich-text-editor.tsx

@@ -1,41 +0,0 @@
-import React from "react";
-import { RichTextEditorWithRef, IRichTextEditor } from "@plane/rich-text-editor";
-
-import { useMention } from "hooks/store";
-
-import { FileService } from "services/file.service";
-
-interface EditorHandle {
-  clearEditor: () => void;
-  setEditorValue: (content: string) => void;
-}
-
-interface RichTextEditorWrapperProps
-  extends Omit<
-    IRichTextEditor,
-    "uploadFile" | "deleteFile" | "restoreFile" | "mentionSuggestions" | "mentionHighlights"
-  > {
-  workspaceSlug: string;
-}
-
-const fileService = new FileService();
-
-export const RichTextEditor = React.forwardRef<EditorHandle, RichTextEditorWrapperProps>(
-  ({ workspaceSlug, ...props }, ref) => {
-    const editorSuggestions = useMention();
-
-    return (
-      <RichTextEditorWithRef
-        ref={ref}
-        uploadFile={fileService.getUploadFileFunction(workspaceSlug)}
-        deleteFile={fileService.deleteImage}
-        restoreFile={fileService.restoreImage}
-        mentionSuggestions={editorSuggestions.mentionSuggestions}
-        mentionHighlights={editorSuggestions.mentionHighlights}
-        {...props}
-      />
-    );
-  }
-);
-
-RichTextEditor.displayName = "RichTextEditor";

space/components/editor/rich-text-read-only-editor.tsx

@@ -1,7 +1,6 @@
 import React from "react";
 import { IRichTextReadOnlyEditor, RichTextReadOnlyEditorWithRef } from "@plane/rich-text-editor";
-
+import useEditorSuggestions from "hooks/use-editor-suggestions";
-import { useMention } from "hooks/store";
 
 interface EditorHandle {
   clearEditor: () => void;
@@ -12,11 +11,9 @@ interface RichTextReadOnlyEditorWrapperProps extends Omit<IRichTextReadOnlyEdito
 
 export const RichTextReadOnlyEditor = React.forwardRef<EditorHandle, RichTextReadOnlyEditorWrapperProps>(
   ({ ...props }, ref) => {
-    const editorSuggestions = useMention();
+    const mentionsConfig = useEditorSuggestions();
 
-    return (
+    return <RichTextReadOnlyEditorWithRef ref={ref} mentionHighlights={mentionsConfig.mentionHighlights} {...props} />;
-      <RichTextReadOnlyEditorWithRef ref={ref} mentionHighlights={editorSuggestions.mentionHighlights} {...props} />
-    );
   }
 );
 

space/components/issues/peek-overview/comment/comment-detail-card.tsx

@@ -12,6 +12,7 @@ import { CommentReactions } from "components/issues/peek-overview";
 import { timeAgo } from "helpers/date-time.helper";
 // types
 import { Comment } from "types/issue";
+import { LiteTextReadOnlyEditor } from "components/editor/lite-text-read-only-editor";
 
 type Props = {
   workspaceSlug: string;
@@ -126,11 +127,10 @@ export const CommentCard: React.FC<Props> = observer((props) => {
             </div>
           </form>
           <div className={`${isEditing ? "hidden" : ""}`}>
-            <LiteReadOnlyEditorWithRef
+            <LiteTextReadOnlyEditor
               ref={showEditorRef}
               value={comment.comment_html}
               customClassName="text-xs border border-custom-border-200 bg-custom-background-100"
-              mentionHighlights={mentionsConfig.mentionHighlights}
             />
             <CommentReactions commentId={comment.id} projectId={comment.project} />
           </div>

web/components/issues/peek-overview/view.tsx

@@ -15,7 +15,7 @@ import {
 // ui
 import { Button, CenterPanelIcon, CustomSelect, FullScreenPanelIcon, SidePanelIcon, Spinner } from "@plane/ui";
 // types
-import { TIssue, IIssueLink, ILinkDetails } from "@plane/types";
+import { TIssue } from "@plane/types";
 import useOutsideClickDetector from "hooks/use-outside-click-detector";
 
 interface IIssueView {
@@ -31,7 +31,7 @@ interface IIssueView {
   handleCopyText: (e: React.MouseEvent<HTMLButtonElement>) => void;
   redirectToIssueDetail: () => void;
 
-  issueUpdate: (issue: Partial<TIssue>) => void;
+  issueUpdate: (issue: Partial<TIssue>) => Promise<void>;
   issueDelete: () => Promise<void>;
 
   issueReactionCreate: (reaction: string) => void;