@layers-app/shared 0.0.27 → 0.0.28

package/dist/components/CommentComposer/index.d.ts

@@ -0,0 +1,52 @@
+import { MutableRefObject } from 'react';
+import { RangeSelection } from '@layers-app/editor';
+import { Comment, GeneralComment, ICommentOptions, ICommentFile, ILocalCommentFile, IUser, Thread } from '../CommentsPanel/types.ts';
+import * as React from 'react';
+interface CommentValue {
+    value: string;
+    files: (ICommentFile | ILocalCommentFile)[];
+}
+interface CommentComposerProps {
+    children: ((args: {
+        onSubmit: () => void;
+        handleBlur: () => void;
+        autoFocus: boolean;
+        setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
+        commentValue: CommentValue;
+        registerClearEditor?: (fn: () => void) => void;
+    }) => React.ReactNode);
+    getSelectionText?: (selection: RangeSelection) => string;
+    removeCommentImage?: (index: string) => void;
+    providedUser?: IUser;
+    updateLocation?: (boxElem: HTMLDivElement, selectionRef: MutableRefObject<RangeSelection | null>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    commentValue: {
+        value: string;
+        files: (ICommentFile | ILocalCommentFile)[];
+    };
+    setCommentValue: React.Dispatch<React.SetStateAction<{
+        value: string;
+        files: (ICommentFile | ILocalCommentFile)[];
+    }>>;
+    isEditInput?: boolean;
+    autoFocus?: boolean;
+    handleBlur: () => void;
+    thread?: Thread;
+    updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
+    setCommentActions?: React.Dispatch<React.SetStateAction<{
+        replyList: string[];
+        editCommentId: string;
+        editedContent: string;
+    }>>;
+    isGeneral?: boolean;
+    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
+    handleEditComment?: (data: {
+        value: string;
+        files: (ICommentFile | ILocalCommentFile)[];
+    }) => void;
+    provideCommentOptions?: ICommentOptions;
+}
+export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentsPanel/components/CommentActions.d.ts

@@ -0,0 +1,16 @@
+import { default as React } from 'react';
+import { Comment, GeneralComment, SharedCommentProps, Thread } from '../types.ts';
+interface CommentActionsProps extends Omit<SharedCommentProps, 'commentOrThread'> {
+    accepted: boolean;
+    showEmojiPicker: boolean;
+    setShowEmojiPicker: React.Dispatch<React.SetStateAction<boolean>>;
+    commentSelected?: boolean;
+    commentOrThread: Thread | GeneralComment;
+    handleBlur: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    toggleRepliesInput?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
+    handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
+    handleReactionClick: (emoji: string) => void;
+    hasPermission: boolean;
+}
+export declare const CommentActions: React.FC<CommentActionsProps>;
+export {};

package/dist/components/CommentsPanel/components/CommentFilterMenu.d.ts

@@ -0,0 +1,6 @@
+import { CommentsFilter } from '../types.ts';
+import * as React from 'react';
+export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, }: {
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentPanelListItem.d.ts

@@ -0,0 +1,22 @@
+import { NodeKey, RangeSelection } from '@layers-app/editor';
+import { TFunction } from 'i18next';
+import { Comment, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+import * as React from 'react';
+interface ICommentPanelListItemProps extends SharedCommentProps {
+    t: TFunction;
+    deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
+    addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
+    removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
+    toggleRepliesInput: (id: string) => void;
+    parentThreadOrGeneral?: Thread | GeneralComment;
+    updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
+    handleClickThread?: (e: React.MouseEvent<HTMLElement>) => void;
+    markNodeMap?: Map<string, Set<NodeKey>>;
+    submitAddComment?: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
+    updateCommentTextOrImage: UpdateCommentTextArgs;
+    replyInput?: string;
+    setShowReplyInput?: React.Dispatch<React.SetStateAction<string>>;
+    activeIDs?: Array<string>;
+}
+export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, t, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentsPanel/components/CommentsEmptyPlaceholder.d.ts

@@ -0,0 +1,3 @@
+export declare const CommentsEmptyPlaceholder: ({ resolved, }: {
+    resolved: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsFilterHeader.d.ts

@@ -0,0 +1,3 @@
+import { ICommentsFilterProps } from '../types.ts';
+import * as React from 'react';
+export declare const CommentsFilterHeader: React.FC<ICommentsFilterProps>;

package/dist/components/CommentsPanel/components/CommentsListItemMenu.d.ts

@@ -0,0 +1,6 @@
+import { Comment, GeneralComment, Thread } from '../types.ts';
+export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, }: {
+    handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
+    commentOrThread: Comment | Thread | GeneralComment;
+    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsMultiSelectUsers.d.ts

@@ -0,0 +1,6 @@
+import { CommentsFilter, IMember } from '../types.ts';
+export declare function SearchableMultiSelect({ addUserToFilter, membersList, selectedMembers, }: {
+    addUserToFilter: (key: keyof CommentsFilter, member: IMember) => void;
+    membersList: IMember[];
+    selectedMembers: IMember[];
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsPanelList.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { RangeSelection, NodeKey } from '@layers-app/editor';
+import { Comment, Comments, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+interface CommentsPanelListProps extends Omit<SharedCommentProps, 'commentOrThread'> {
+    activeIDs: string[];
+    comments: Comments;
+    listRef: {
+        current: null | HTMLUListElement;
+    };
+    updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
+    deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
+    removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
+    addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
+    markNodeMap: Map<string, Set<NodeKey>>;
+    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
+    updateCommentTextOrImage: UpdateCommentTextArgs;
+}
+export declare function CommentsPanelList({ activeIDs, comments, deleteCommentOrThread, listRef, addCommentReaction, updateThreadId, submitAddComment, deleteCommentImage, removeCommentReactions, markNodeMap, resolveThreat, updateCommentTextOrImage, }: CommentsPanelListProps): ReactElement;
+export {};

package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+interface CommentsThreadReplyControlsProps {
+    onSubmit: () => void;
+    handleFileChange: (files: File[]) => void;
+    disabled: boolean;
+    isSubmitting: boolean;
+    setIsSubmitting: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabled, setIsSubmitting, isSubmitting, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts

@@ -0,0 +1,5 @@
+import { ICommentFile, ILocalCommentFile } from '../types.ts';
+export declare const CommentsUploadFilesPreview: ({ files, removeImage, }: {
+    files: Array<ICommentFile | ILocalCommentFile>;
+    removeImage: (index: number | string) => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/Icon.d.ts

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+import { IconProps } from '@tabler/icons-react';
+declare const iconsBlockTypeToBlockName: Record<string, FC<IconProps>>;
+declare const Icon: ({ name, iconStyle, ...rest }: {
+    name: keyof typeof iconsBlockTypeToBlockName;
+    [key: string]: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Icon;

package/dist/components/CommentsPanel/components/RemoveConfirmModal.d.ts

@@ -0,0 +1,11 @@
+type RemoveConfirmModalProps = {
+    opened: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+    title: string;
+    description: string;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+export declare const RemoveConfirmModal: ({ opened, onClose, onConfirm, title, description, confirmLabel, cancelLabel, }: RemoveConfirmModalProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentsPanel/index.d.ts

@@ -0,0 +1,21 @@
+import { ReactElement } from 'react';
+import { NodeKey, RangeSelection } from '@layers-app/editor';
+import { Comment, Comments, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
+interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
+    comments: Comments;
+    activeIDs: string[];
+    storeOptions: StoreOptions;
+    updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
+    deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
+    removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
+    addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
+    updateCommentTextOrImage: UpdateCommentTextArgs;
+    markNodeMap: Map<string, Set<NodeKey>>;
+    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
+    listRef: {
+        current: null | HTMLUListElement;
+    };
+    getEditor: GetEditorFn;
+}
+export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, getEditor, }: CommentsPanelProps): ReactElement;
+export {};

package/dist/components/CommentsPanel/store.d.ts

@@ -0,0 +1,19 @@
+import { GetEditorFn, ICommentOptions, IMember, IUser } from './types.ts';
+interface CommentsState {
+    workspaceMembers: IMember[];
+    currentUser?: IUser;
+    showComments: boolean;
+    commentOptions?: ICommentOptions;
+    getEditor?: GetEditorFn;
+    selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
+    initializeComments: (data: {
+        workspaceMembers?: IMember[];
+        currentUser?: IUser;
+        showComments?: boolean;
+        commentOptions?: ICommentOptions;
+        getEditor?: GetEditorFn;
+        selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
+    }) => void;
+}
+export declare const useCommentsStore: import('zustand').UseBoundStore<import('zustand').StoreApi<CommentsState>>;
+export {};

package/dist/components/CommentsPanel/types.d.ts

@@ -0,0 +1,243 @@
+import * as React from 'react';
+export interface ICommentReaction {
+    id: string;
+    commentId: string;
+    parentId: string;
+    parentType: 'COMMENT' | 'THREAD';
+    reaction: string;
+    userId: string;
+    createdAt: string;
+    deleted: boolean;
+    deletedAt: string;
+    version: number;
+}
+export interface ICommentFile extends File {
+    id?: string;
+    lastModified: number;
+    lastModifiedDate: Date;
+    name: string;
+    size: number;
+    type: string;
+    webkitRelativePath: string;
+}
+export interface ILocalCommentFile {
+    clientKey: string;
+    loading?: boolean;
+    file: File;
+}
+export type UpdateCommentTextArgs = (text: {
+    value: string;
+    restore: boolean;
+}, files: {
+    deletedFile: ICommentFile[];
+    newFiles: ILocalCommentFile[];
+}, threadOrGeneralId: string, commentId?: string) => void;
+export type Comment = {
+    author: string;
+    content: string;
+    deleted: boolean;
+    clientKey: string;
+    id: string;
+    tempId?: string;
+    reactions: ICommentReaction[];
+    files: Array<ICommentFile | ILocalCommentFile>;
+    timeStamp: number;
+    type: 'comment';
+};
+export type Thread = {
+    children: Array<Comment>;
+    id: string;
+    quote: string;
+    type: 'thread';
+    resolve: CommentResolve;
+    author: string;
+    tempId?: string;
+    reactions: ICommentReaction[];
+    files: Array<ICommentFile | ILocalCommentFile>;
+    timeStamp: number;
+    clientKey: string;
+    content: string;
+    deleted: boolean;
+};
+export type GeneralComment = {
+    content: string;
+    author: string;
+    id: string;
+    tempId?: string;
+    quote: string;
+    timeStamp: number;
+    resolve: CommentResolve;
+    reactions: ICommentReaction[];
+    files: Array<ICommentFile | ILocalCommentFile>;
+    type: 'general';
+    clientKey: string;
+    children: Array<Comment>;
+    deleted: boolean;
+};
+type CommentValueType = {
+    value: string;
+    files: (ICommentFile | ILocalCommentFile)[];
+};
+export type GetEditorFn = (params: {
+    onSubmit: () => void;
+    handleBlur: () => void;
+    autoFocus: boolean;
+    setCommentValue: React.Dispatch<React.SetStateAction<CommentValueType>>;
+    commentValue?: CommentValueType;
+    initialContent?: string;
+    registerClearEditor?: (fn: () => void) => void;
+}) => React.ReactNode;
+export type Comments = Array<Thread | Comment | GeneralComment>;
+export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null;
+export interface ICommentsFilterProps {
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    disabled: boolean;
+    updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
+    commentValue: {
+        value: string;
+        files: (ICommentFile | ILocalCommentFile)[];
+    };
+    setCommentValue: React.Dispatch<React.SetStateAction<{
+        value: string;
+        files: (ICommentFile | ILocalCommentFile)[];
+    }>>;
+    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: any | null, files?: File[]) => void;
+}
+export interface IMember {
+    accepted: boolean;
+    avatarUrl: string;
+    email: string;
+    expiresAt: string | null;
+    invitationId: string | null;
+    invitationToken: string | null;
+    name: string;
+    roleType: string;
+    roleId: string;
+    userId: string;
+}
+export interface IUser {
+    activeWorkspaceId: string;
+    createdAt: string;
+    darkMode: boolean;
+    email: string;
+    id: string;
+    lang: string;
+    metaData: {
+        cover: Record<string, any>;
+        about: string;
+        socialNetworks: any[];
+        fontFamily: string;
+    };
+    name: string;
+    nickname: string;
+    plan: 'FREE' | 'PRO' | 'BUSINESS' | string;
+    profilePicture: {
+        url: string;
+    };
+    timeZone: string | null;
+    twoFactorEnabled: boolean;
+    workspaces: any[];
+}
+export type CommentsFilter = {
+    resolved: boolean;
+    feedback: boolean;
+    filteredUsers: IMember[];
+};
+interface IFetchCommentsParams {
+    fetchPageComments?: boolean;
+    pageId: string;
+    fetchCommentComments?: boolean;
+    onSuccess: (data: any) => void;
+}
+interface IResolveCommentParams {
+    threatId: string;
+    resolveValue: 'ACCEPTED' | 'REJECTED';
+    onSuccess?: () => void;
+}
+interface ICommentReactionParams {
+    commentId: string;
+    author: string;
+    emojiValue: string;
+    onSuccess?: (data: ICommentReaction) => void;
+    onError: () => void;
+}
+interface IDeleteReactionParams {
+    reactionId: string;
+    onSuccess?: () => void;
+    onError: () => void;
+}
+interface IDeleteCommentParams {
+    deleteCommentId: string;
+    onSuccess?: () => void;
+}
+interface IRestoreCommentParams {
+    commentId: string;
+    onSuccess?: () => void;
+}
+interface IUpdateCommentTextParams {
+    commentId: string;
+    textValue: string;
+    onSuccess?: () => void;
+    onError?: () => void;
+}
+interface IDeleteCommentImageParams {
+    photoToRemove: string;
+    onSuccess?: () => void;
+}
+interface ISubmitCommentParams {
+    text: string;
+    parentType: string;
+    parentId: string;
+    onSuccess?: (data: any) => void;
+}
+export interface IGetReactionsParams {
+    commentId: string;
+}
+export interface IGetPhotosParams {
+    commentId: string;
+}
+interface IUploadCommentFileParams {
+    file: File;
+    commentId: string;
+    onSuccess?: (data: any) => void;
+}
+interface ICommentActions {
+    fetchCommentsApi: (params: IFetchCommentsParams) => Promise<void>;
+    resolveCommentApi: (params: IResolveCommentParams) => Promise<void>;
+    commentReactionApi: (params: ICommentReactionParams) => Promise<void>;
+    deleteReactionApi: (params: IDeleteReactionParams) => Promise<void>;
+    deleteCommentApi: (params: IDeleteCommentParams) => Promise<void>;
+    restoreCommentApi: (params: IRestoreCommentParams) => Promise<void>;
+    updateCommentTextApi: (params: IUpdateCommentTextParams) => Promise<void>;
+    deleteCommentImageApi: (params: IDeleteCommentImageParams) => Promise<void>;
+    submitCommentApi: (params: ISubmitCommentParams) => Promise<void>;
+    getReactionsApi: (params: IGetReactionsParams) => Promise<{
+        content: ICommentReaction[];
+    }>;
+    getPhotosApi: (params: IGetPhotosParams) => Promise<File[]>;
+    uploadCommentFileApi: (params: IUploadCommentFileParams) => Promise<void>;
+}
+export interface ICommentOptions {
+    showComments: boolean;
+    setShowComments: (value?: boolean) => void;
+    pageId: string;
+    workspaceInfo: {
+        title: string;
+        icon: string;
+    };
+    commentActions: ICommentActions;
+}
+export interface SharedCommentProps {
+    commentOrThread: Comment | Thread | GeneralComment;
+    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
+    resolveThreat?: (threat: Thread | GeneralComment) => void;
+}
+type SelectMarkNodeFn = (markNodeKeys: Set<string>, activeElement: Element | null) => void;
+export interface StoreOptions {
+    currentUser?: IUser;
+    workspaceMembers?: IMember[] | undefined;
+    commentOptions?: ICommentOptions;
+    selectMarkNode: SelectMarkNodeFn;
+}
+export {};

package/dist/components/CommentsPanel/utils.d.ts

@@ -0,0 +1,8 @@
+import { ICommentFile, ILocalCommentFile } from './types.ts';
+import { TFunction } from 'i18next';
+export declare const cutDeleteImageId: (imageSrc: string) => string;
+export declare const uploadAllFiles: (commentId: string, images: ILocalCommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
+export declare function scrollToTop(selector: string): void;
+export declare const getDescription: (type: string, t: TFunction) => string;
+export declare const getTitle: (type: string, t: TFunction) => string;
+export declare const IS_APPLE: boolean;

package/dist/helpers/getFileIcons.d.ts

@@ -0,0 +1 @@
+export declare const getFileIcons: (fileType: string, isFolder?: boolean, size?: number) => import("react/jsx-runtime").JSX.Element;

package/dist/helpers/getFileType.d.ts

@@ -0,0 +1 @@
+export declare const getFileType: (mimeType: string) => "other" | "media" | "documents" | "folder" | "diagram" | "archieve";