@univerjs/thread-comment-ui 1.0.0-insiders.20260809-70eefdd → 1.0.0-rc.0

package/lib/locale/ar-SA.js

@@ -1,9 +1,7 @@
 //#region src/locale/ar-SA.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "إدارة التعليقات",
 		empty: "لا توجد تعليقات بعد",
-		filterEmpty: "لا توجد نتائج مطابقة",
 		reset: "إعادة ضبط التصفية",
 		addComment: "إضافة تعليق",
 		solved: "تم الحل"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "تحرير",
-		delete: "حذف هذا التعليق"
+		delete: "حذف هذا التعليق",
+		more: "المزيد"
 	},
 	filter: {
 		sheet: {

package/lib/locale/ca-ES.js

@@ -1,9 +1,7 @@
 //#region src/locale/ca-ES.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Gestió de comentaris",
 		empty: "Encara no hi ha comentaris",
-		filterEmpty: "Cap resultat coincident",
 		reset: "Restableix el filtre",
 		addComment: "Afegeix un comentari",
 		solved: "Resolut"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Edita",
-		delete: "Elimina aquest comentari"
+		delete: "Elimina aquest comentari",
+		more: "Més"
 	},
 	filter: {
 		sheet: {

package/lib/locale/de-DE.js

@@ -1,9 +1,7 @@
 //#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"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Bearbeiten",
-		delete: "Diesen Kommentar löschen"
+		delete: "Diesen Kommentar löschen",
+		more: "Mehr"
 	},
 	filter: {
 		sheet: {

package/lib/locale/en-US.js

@@ -16,9 +16,7 @@
 */
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Comment Management",
 		empty: "No comments yet",
-		filterEmpty: "No match result",
 		reset: "Reset Filter",
 		addComment: "Add Comment",
 		solved: "Solved"
@@ -31,7 +29,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Edit",
-		delete: "Delete This Comment"
+		delete: "Delete This Comment",
+		more: "More"
 	},
 	filter: {
 		sheet: {

package/lib/locale/es-ES.js

@@ -1,9 +1,7 @@
 //#region src/locale/es-ES.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Gestión de comentarios",
 		empty: "Aún no hay comentarios",
-		filterEmpty: "Sin resultados coincidentes",
 		reset: "Restablecer filtro",
 		addComment: "Añadir comentario",
 		solved: "Resuelto"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Editar",
-		delete: "Eliminar este comentario"
+		delete: "Eliminar este comentario",
+		more: "Más"
 	},
 	filter: {
 		sheet: {

package/lib/locale/fa-IR.js

@@ -1,9 +1,7 @@
 //#region src/locale/fa-IR.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "مدیریت نظرات",
 		empty: "هنوز نظری وجود ندارد",
-		filterEmpty: "نتیجه ای یافت نشد",
 		reset: "بازنشانی فیلتر",
 		addComment: "افزودن نظر",
 		solved: "حل شده"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "ویرایش",
-		delete: "حذف این نظر"
+		delete: "حذف این نظر",
+		more: "بیشتر"
 	},
 	filter: {
 		sheet: {

package/lib/locale/fr-FR.js

@@ -1,9 +1,7 @@
 //#region src/locale/fr-FR.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Gestion des commentaires",
 		empty: "Pas encore de commentaires",
-		filterEmpty: "Aucun résultat correspondant",
 		reset: "Réinitialiser le filtre",
 		addComment: "Ajouter un commentaire",
 		solved: "Résolu"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Modifier",
-		delete: "Supprimer ce commentaire"
+		delete: "Supprimer ce commentaire",
+		more: "Plus"
 	},
 	filter: {
 		sheet: {

package/lib/locale/id-ID.js

@@ -1,9 +1,7 @@
 //#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"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Edit",
-		delete: "Hapus Komentar Ini"
+		delete: "Hapus Komentar Ini",
+		more: "Lebih Banyak"
 	},
 	filter: {
 		sheet: {

package/lib/locale/it-IT.js

@@ -1,9 +1,7 @@
 //#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"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Modifica",
-		delete: "Elimina questo commento"
+		delete: "Elimina questo commento",
+		more: "Altro"
 	},
 	filter: {
 		sheet: {

package/lib/locale/ja-JP.js

@@ -1,9 +1,7 @@
 //#region src/locale/ja-JP.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "コメント管理",
 		empty: "まだコメントはありません",
-		filterEmpty: "一致する結果がありません",
 		reset: "フィルタをリセット",
 		addComment: "コメントを追加",
 		solved: "解決済み"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "編集",
-		delete: "コメントを削除"
+		delete: "コメントを削除",
+		more: "もっと見る"
 	},
 	filter: {
 		sheet: {

package/lib/locale/ko-KR.js

@@ -1,9 +1,7 @@
 //#region src/locale/ko-KR.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "댓글 관리",
 		empty: "아직 댓글이 없습니다",
-		filterEmpty: "일치하는 결과가 없습니다",
 		reset: "필터 초기화",
 		addComment: "댓글 추가",
 		solved: "해결됨"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "편집",
-		delete: "댓글 삭제"
+		delete: "댓글 삭제",
+		more: "더 보기"
 	},
 	filter: {
 		sheet: {

package/lib/locale/pl-PL.js

@@ -1,9 +1,7 @@
 //#region src/locale/pl-PL.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Zarządzanie komentarzami",
 		empty: "Brak komentarzy",
-		filterEmpty: "Brak wyników",
 		reset: "Resetuj filtr",
 		addComment: "Dodaj komentarz",
 		solved: "Rozwiązane"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Edytuj",
-		delete: "Usuń ten komentarz"
+		delete: "Usuń ten komentarz",
+		more: "Więcej"
 	},
 	filter: {
 		sheet: {

package/lib/locale/pt-BR.js

@@ -1,9 +1,7 @@
 //#region src/locale/pt-BR.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Gerenciamento de Comentários",
 		empty: "Nenhum comentário ainda",
-		filterEmpty: "Nenhum resultado correspondente",
 		reset: "Redefinir Filtro",
 		addComment: "Adicionar Comentário",
 		solved: "Resolvido"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Editar",
-		delete: "Excluir Este Comentário"
+		delete: "Excluir Este Comentário",
+		more: "Mais"
 	},
 	filter: {
 		sheet: {

package/lib/locale/ru-RU.js

@@ -1,9 +1,7 @@
 //#region src/locale/ru-RU.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Управление комментариями",
 		empty: "Комментариев пока нет",
-		filterEmpty: "Нет совпадений",
 		reset: "Сбросить фильтр",
 		addComment: "Добавить комментарий",
 		solved: "Решено"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Редактировать",
-		delete: "Удалить"
+		delete: "Удалить",
+		more: "Больше"
 	},
 	filter: {
 		sheet: {

package/lib/locale/sk-SK.js

@@ -1,9 +1,7 @@
 //#region src/locale/sk-SK.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Správa komentárov",
 		empty: "Zatiaľ žiadne komentáre",
-		filterEmpty: "Žiadne zodpovedajúce výsledky",
 		reset: "Obnoviť filter",
 		addComment: "Pridať komentár",
 		solved: "Vyriešené"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Upraviť",
-		delete: "Odstrániť tento komentár"
+		delete: "Odstrániť tento komentár",
+		more: "Viac"
 	},
 	filter: {
 		sheet: {

package/lib/locale/vi-VN.js

@@ -1,9 +1,7 @@
 //#region src/locale/vi-VN.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "Quản lý Bình luận",
 		empty: "Chưa có bình luận",
-		filterEmpty: "Không có kết quả phù hợp",
 		reset: "Đặt lại",
 		addComment: "Thêm bình luận",
 		solved: "Đã giải quyết"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "Chỉnh sửa",
-		delete: "Xóa"
+		delete: "Xóa",
+		more: "Thêm"
 	},
 	filter: {
 		sheet: {

package/lib/locale/zh-CN.js

@@ -1,9 +1,7 @@
 //#region src/locale/zh-CN.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "评论管理",
 		empty: "暂无评论",
-		filterEmpty: "没有匹配的结果",
 		reset: "重置",
 		addComment: "添加评论",
 		solved: "已解决"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "编辑",
-		delete: "删除"
+		delete: "删除",
+		more: "更多"
 	},
 	filter: {
 		sheet: {

package/lib/locale/zh-HK.js

@@ -1,9 +1,7 @@
 //#region src/locale/zh-HK.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "評論管理",
 		empty: "暫無評論",
-		filterEmpty: "沒有符合的結果",
 		reset: "重置",
 		addComment: "新增評論",
 		solved: "已解決"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "編輯",
-		delete: "刪除"
+		delete: "刪除",
+		more: "更多"
 	},
 	filter: {
 		sheet: {

package/lib/locale/zh-TW.js

@@ -1,9 +1,7 @@
 //#region src/locale/zh-TW.ts
 const locale = { "thread-comment-ui": {
 	panel: {
-		title: "評論管理",
 		empty: "暫無評論",
-		filterEmpty: "沒有符合的結果",
 		reset: "重置",
 		addComment: "新增評論",
 		solved: "已解決"
@@ -16,7 +14,8 @@ const locale = { "thread-comment-ui": {
 	},
 	item: {
 		edit: "編輯",
-		delete: "刪除"
+		delete: "刪除",
+		more: "更多"
 	},
 	filter: {
 		sheet: {

package/lib/types/index.d.ts

@@ -17,9 +17,16 @@ import './global.css';
 export { SetActiveCommentOperation } from './commands/operations/comment.operations';
 export type { ISetActiveCommentOperationParams } from './commands/operations/comment.operations';
 export type { IUniverThreadCommentUIConfig } from './config/config';
+export { UniverThreadCommentMobileUIPlugin } from './mobile-plugin';
 export { UniverThreadCommentUIPlugin } from './plugin';
+export { ThreadCommentCanvasOverlay } from './render-objects/thread-comment-canvas-overlay';
+export type { IThreadCommentCanvasOutline, IThreadCommentCanvasUnderline, } from './render-objects/thread-comment-canvas-overlay';
+export { ThreadCommentDraftService } from './services/thread-comment-draft.service';
+export type { IThreadCommentDraft } from './services/thread-comment-draft.service';
 export { ThreadCommentPanelService } from './services/thread-comment-panel.service';
 export type { ActiveCommentInfo } from './services/thread-comment-panel.service';
+export { MobileThreadCommentPanel } from './views/mobile/MobileThreadCommentPanel';
+export { MobileThreadCommentTree } from './views/mobile/MobileThreadCommentTree';
 export { ThreadCommentPanel } from './views/ThreadCommentPanel';
 export type { IThreadCommentPanelProps } from './views/ThreadCommentPanel';
 export { ThreadCommentTree, ThreadCommentTreeLocation } from './views/ThreadCommentTree';

package/lib/types/locale/en-US.d.ts

@@ -16,9 +16,7 @@
 declare const locale: {
     'thread-comment-ui': {
         panel: {
-            title: string;
             empty: string;
-            filterEmpty: string;
             reset: string;
             addComment: string;
             solved: string;
@@ -32,6 +30,7 @@ declare const locale: {
         item: {
             edit: string;
             delete: string;
+            more: string;
         };
         filter: {
             sheet: {

package/lib/types/mobile-plugin.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IUniverThreadCommentUIConfig } from './config/config';
+import { ICommandService, IConfigService, Injector, Plugin, UniverInstanceType } from '@univerjs/core';
+export declare class UniverThreadCommentMobileUIPlugin extends Plugin {
+    private readonly _config;
+    protected _injector: Injector;
+    private readonly _commandService;
+    private readonly _configService;
+    static pluginName: string;
+    static packageName: string;
+    static version: string;
+    static type: UniverInstanceType;
+    constructor(_config: Partial<IUniverThreadCommentUIConfig> | undefined, _injector: Injector, _commandService: ICommandService, _configService: IConfigService);
+    onStarting(): void;
+}

package/lib/types/render-objects/thread-comment-canvas-overlay.d.ts

@@ -0,0 +1,66 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { IViewportInfo, UniverRenderingContext, Vector2 } from '@univerjs/engine-render';
+import { BaseObject } from '@univerjs/engine-render';
+export interface IThreadCommentCanvasMarker {
+    commentId: string;
+    commentIds?: readonly string[];
+    count?: number;
+    x: number;
+    y: number;
+}
+export interface IThreadCommentCanvasUnderline {
+    commentId: string;
+    left: number;
+    top: number;
+    width: number;
+}
+export interface IThreadCommentCanvasOutline {
+    left: number;
+    top: number;
+    width: number;
+    height: number;
+}
+export interface IThreadCommentCanvasOverlayState {
+    accentColor: string;
+    foregroundColor: string;
+    outlineColor: string;
+    zoomRatio: number;
+    markers: readonly IThreadCommentCanvasMarker[];
+    underlines: readonly IThreadCommentCanvasUnderline[];
+    focusedCommentIds?: readonly string[];
+    focusOutlines?: readonly IThreadCommentCanvasOutline[];
+    previewMarker?: Omit<IThreadCommentCanvasMarker, 'commentId'> | null;
+    previewUnderline?: Omit<IThreadCommentCanvasUnderline, 'commentId'> | null;
+}
+export declare function groupThreadCommentCanvasMarkers(markers: readonly IThreadCommentCanvasMarker[]): IThreadCommentCanvasMarker[];
+export declare class ThreadCommentCanvasOverlay extends BaseObject {
+    private _state;
+    private _hoveredCommentId;
+    private _hitCommentId;
+    constructor(key: string, state: IThreadCommentCanvasOverlayState);
+    get hitCommentId(): string | null;
+    updateState(state: Partial<IThreadCommentCanvasOverlayState>): void;
+    clearHover(): void;
+    isHit(coord: Vector2): boolean;
+    render(ctx: UniverRenderingContext, _bounds: IViewportInfo): this;
+    private _getZoomRatio;
+    private _containsComment;
+    private _markerContainsComment;
+    private _renderUnderline;
+    private _renderOutline;
+    private _renderMarker;
+}

package/lib/types/services/thread-comment-draft.service.d.ts

@@ -0,0 +1,39 @@
+/**
+ * Copyright 2023-present DreamNum Co., Ltd.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import type { UniverInstanceType } from '@univerjs/core';
+import type { IThreadCommentAnchor } from '@univerjs/thread-comment';
+import { Disposable, IUniverInstanceService, UserManagerService } from '@univerjs/core';
+export interface IThreadCommentDraft {
+    unitId: string;
+    subUnitId: string;
+    anchor: IThreadCommentAnchor;
+}
+export declare class ThreadCommentDraftService extends Disposable {
+    private readonly _userManagerService;
+    private readonly _placementType$;
+    private readonly _draft$;
+    private _placementUnitId;
+    private _ownerUserId;
+    readonly placementType$: import("rxjs").Observable<UniverInstanceType | null>;
+    readonly draft$: import("rxjs").Observable<IThreadCommentDraft | null>;
+    constructor(instanceService: IUniverInstanceService, _userManagerService: UserManagerService);
+    get placementType(): UniverInstanceType | null;
+    get draft(): IThreadCommentDraft | null;
+    startPlacement(type: UniverInstanceType, unitId: string): void;
+    place(draft: IThreadCommentDraft): void;
+    cancel(): void;
+    dispose(): void;
+}

package/lib/types/services/thread-comment-panel.service.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import type { Nullable } from '@univerjs/core';
-import { Disposable, IUniverInstanceService } from '@univerjs/core';
+import { Disposable } from '@univerjs/core';
 import { ISidebarService } from '@univerjs/ui';
 export type ActiveCommentInfo = Nullable<{
     unitId: string;
@@ -24,17 +24,21 @@ export type ActiveCommentInfo = Nullable<{
 }>;
 export declare class ThreadCommentPanelService extends Disposable {
     private readonly _sidebarService;
-    private readonly _univerInstanceService;
     private _panelVisible;
     private _panelVisible$;
     private _activeCommentId;
     private _activeCommentId$;
+    private _hoveredCommentId;
+    private _hoveredCommentId$;
     panelVisible$: import("rxjs").Observable<boolean>;
     activeCommentId$: import("rxjs").Observable<ActiveCommentInfo>;
-    constructor(_sidebarService: ISidebarService, _univerInstanceService: IUniverInstanceService);
+    hoveredCommentId$: import("rxjs").Observable<ActiveCommentInfo>;
+    constructor(_sidebarService: ISidebarService);
     private _init;
     get panelVisible(): boolean;
     get activeCommentId(): ActiveCommentInfo;
+    get hoveredCommentId(): ActiveCommentInfo;
     setPanelVisible(visible: boolean): void;
     setActiveComment(commentInfo: ActiveCommentInfo): void;
+    setHoveredComment(commentInfo: ActiveCommentInfo): void;
 }

package/lib/types/views/ThreadCommentEditor.d.ts

@@ -16,16 +16,18 @@
 import type { IDocumentBody, IUser } from '@univerjs/core';
 import type { IThreadComment } from '@univerjs/thread-comment';
 import { UniverInstanceType } from '@univerjs/core';
+import { ActionRow } from '@univerjs/design';
 export interface IThreadCommentEditorProps {
     id?: string;
     comment?: Pick<IThreadComment, 'attachments' | 'text' | 'mentions'>;
-    onSave?: (comment: Pick<IThreadComment, 'attachments' | 'text'>) => void;
+    onSave?: (comment: Pick<IThreadComment, 'attachments' | 'text'>) => boolean | void | Promise<boolean | void>;
     onCancel?: () => void;
     autoFocus?: boolean;
     unitId: string;
     subUnitId: string;
     type: UniverInstanceType;
     editorId: string;
+    ActionRowComponent?: typeof ActionRow;
 }
 export interface IThreadCommentEditorInstance {
     reply: (text: IDocumentBody) => void;

package/lib/types/views/ThreadCommentPanel.d.ts

@@ -18,6 +18,8 @@ import type { IThreadComment } from '@univerjs/thread-comment';
 import type { Observable } from 'rxjs';
 import type { IThreadCommentTreeProps } from './ThreadCommentTree';
 import { UniverInstanceType } from '@univerjs/core';
+import { ActionRow, Select } from '@univerjs/design';
+import { ThreadCommentTree } from './ThreadCommentTree';
 export interface IThreadCommentPanelProps {
     unitId: string;
     subUnitId$: Observable<string | undefined>;
@@ -32,6 +34,13 @@ export interface IThreadCommentPanelProps {
     tempComment?: Nullable<IThreadComment>;
     onAddComment?: IThreadCommentTreeProps['onAddComment'];
     onDeleteComment?: IThreadCommentTreeProps['onDeleteComment'];
+    onAfterDeleteComment?: IThreadCommentTreeProps['onAfterDeleteComment'];
     showComments?: string[];
+    formatRef?: (comment: IThreadComment) => string;
+    onTempCommentClose?: () => void;
+    autoFocusActiveComment?: boolean;
+    ActionRowComponent?: typeof ActionRow;
+    SelectComponent?: typeof Select;
+    ThreadCommentTreeComponent?: typeof ThreadCommentTree;
 }
 export declare const ThreadCommentPanel: (props: IThreadCommentPanelProps) => import("react").JSX.Element;