@layers-app/shared 0.0.38 → 0.0.39-comments.2

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

@@ -1,3 +1,4 @@
+import { EditorType } from '@layers-app/editor';
 import * as React from 'react';
 export interface ICommentReaction {
     id: string;
@@ -11,72 +12,69 @@ export interface ICommentReaction {
     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 interface ICommentFile {
+    src: string;
+    id: string;
+    file: File & {
+        id?: string;
+    };
+    isImage: boolean;
 }
 export type UpdateCommentTextArgs = (text: {
     value: string;
     restore: boolean;
 }, files: {
     deletedFile: ICommentFile[];
-    newFiles: ILocalCommentFile[];
+    newFiles: ICommentFile[];
 }, threadOrGeneralId: string, commentId?: string) => void;
 export type Comment = {
-    author: string;
-    content: string;
+    authorId: string;
+    text: string;
     deleted: boolean;
     clientKey: string;
+    edited: boolean;
     id: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
-    type: 'comment';
+    type: string;
 };
 export type Thread = {
     children: Array<Comment>;
     id: string;
     quote: string;
-    type: 'thread';
-    resolve: CommentResolve;
-    author: string;
+    edited: boolean;
+    type: string;
+    resolution: CommentResolve;
+    authorId: string;
     tempId?: string;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
+    files: Array<ICommentFile>;
     timeStamp: number;
     clientKey: string;
-    content: string;
+    text: string;
     deleted: boolean;
 };
 export type GeneralComment = {
-    content: string;
-    author: string;
+    text: string;
+    authorId: string;
     id: string;
     tempId?: string;
+    edited: boolean;
     quote: string;
     timeStamp: number;
-    resolve: CommentResolve;
+    resolution: CommentResolve;
     reactions: ICommentReaction[];
-    files: Array<ICommentFile | ILocalCommentFile>;
-    type: 'general';
+    files: Array<ICommentFile>;
+    type: string;
     clientKey: string;
     children: Array<Comment>;
     deleted: boolean;
 };
 type CommentValueType = {
     value: string;
-    files: (ICommentFile | ILocalCommentFile)[];
+    files: (ICommentFile)[];
 };
 export type GetEditorFn = (params: {
     onSubmit: () => void;
@@ -86,61 +84,57 @@ export type GetEditorFn = (params: {
     commentValue?: CommentValueType;
     initialContent?: string;
     registerClearEditor?: (fn: () => void) => void;
+    editorRef?: React.MutableRefObject<EditorType | null>;
 }) => React.ReactNode;
 export type Comments = Array<Thread | Comment | GeneralComment>;
-export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null;
+export type CommentResolve = 'ACCEPTED' | 'REJECTED' | null | 'NONE';
 export interface ICommentsFilterProps {
     commentsFilter: CommentsFilter;
     setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
     disabled: boolean;
+    listRef: React.RefObject<HTMLElement>;
     updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
     commentValue: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     };
     setCommentValue: React.Dispatch<React.SetStateAction<{
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: (ICommentFile)[];
     }>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: any | null, files?: File[]) => void;
 }
-export interface IMember {
+export type IMember = {
+    avatarUrl: string | null;
+    roleType: string;
+    roleId: string;
     accepted: boolean;
-    avatarUrl: string;
     email: string;
-    expiresAt: string | null;
+    userId: string | null;
     invitationId: string | null;
     invitationToken: string | null;
-    name: string;
-    roleType: string;
-    roleId: string;
-    userId: string;
-}
+    name: string | null;
+    expiresAt: string | null;
+};
 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;
-    };
+    activeWorkspaceId: string | null;
     name: string;
     nickname: string;
-    plan: 'FREE' | 'PRO' | 'BUSINESS' | string;
+    email: string;
     profilePicture: {
         url: string;
     };
+    createdAt: string;
+    id: string;
+    lang: string;
+    plan: string;
+    darkMode: boolean;
     timeZone: string | null;
     twoFactorEnabled: boolean;
-    workspaces: any[];
 }
+export type ResolvedFilter = 'resolved' | 'not-resolved' | 'all';
 export type CommentsFilter = {
-    resolved: boolean;
+    resolved: ResolvedFilter;
     feedback: boolean;
     filteredUsers: IMember[];
 };
@@ -222,6 +216,8 @@ interface ICommentActions {
 export interface ICommentOptions {
     showComments: boolean;
     setShowComments: (value?: boolean) => void;
+    adminPermission: boolean;
+    isGuest: boolean;
     pageId: string;
     workspaceInfo: {
         title: string;
@@ -231,8 +227,8 @@ export interface ICommentOptions {
 }
 export interface SharedCommentProps {
     commentOrThread: Comment | Thread | GeneralComment;
-    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
-    resolveThreat?: (threat: Thread | GeneralComment) => void;
+    deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => Promise<void>;
+    resolveThreat?: (threat: Thread | GeneralComment) => Promise<void>;
 }
 type SelectMarkNodeFn = (markNodeKeys: Set<string>, activeElement: Element | null) => void;
 export interface StoreOptions {
@@ -241,4 +237,108 @@ export interface StoreOptions {
     commentOptions?: ICommentOptions;
     selectMarkNode: SelectMarkNodeFn;
 }
+export interface CommentsNs {
+    edited: string;
+    title: string;
+    addComment: string;
+    generalComment: string;
+    replyComment: string;
+    actionTooltips: {
+        resolve: string;
+        reopen: string;
+        addReaction: string;
+        reactionLimit: string;
+        reply: string;
+    };
+    deleteModal: {
+        title: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        description: {
+            thread: string;
+            general: string;
+            comment: string;
+        };
+        actions: {
+            cancel: string;
+            delete: string;
+            remove: string;
+        };
+    };
+    emptyState: {
+        "not-resolved": string;
+        resolved: string;
+        all: string;
+        userFilter: string;
+    };
+    filter: {
+        resolved: string;
+        open: string;
+        all: string;
+        selectUsers: string;
+        searchPlaceholder: string;
+        emptyPlaceholder: string;
+        byStatus: string;
+        byPerson: string;
+    };
+    inputEditor: {
+        uploadFiles: string;
+        sendMessage: string;
+        editMessage: string;
+        clear: string;
+        clearModal: {
+            title: string;
+            description: {
+                both: string;
+                text: string;
+                files: string;
+                empty: string;
+            };
+        };
+        discardModal: {
+            title: string;
+            description: string;
+            labels: {
+                confirm: string;
+                cancel: string;
+            };
+        };
+        cancelCommentModal: {
+            title: string;
+            description: string;
+            labels: {
+                confirm: string;
+                cancel: string;
+            };
+        };
+    };
+    menuActions: {
+        edit: string;
+        delete: string;
+        download: string;
+    };
+    notifications: {
+        title: string;
+        description: string;
+        options: {
+            all: string;
+            replies: string;
+        };
+        uploadMessages: {
+            tooManyFiles: string;
+            fileTooLarge: string;
+            fileLimit: string;
+        };
+    };
+    repliesToggle: {
+        show_one: string;
+        show_other: string;
+        hide: string;
+    };
+}
+export interface CommentsLocales {
+    comments: CommentsNs;
+}
 export {};

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

@@ -1,8 +1,14 @@
-import { ICommentFile, ILocalCommentFile } from './types.ts';
-import { TFunction } from 'i18next';
+import { default as React, Dispatch, SetStateAction } from 'react';
+import { CommentsFilter, CommentsNs, ICommentFile, IMember } from './types.ts';
 export declare const cutDeleteImageId: (imageSrc: string) => string;
-export declare const uploadAllFiles: (commentId: string, images: ILocalCommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
+export declare const uploadAllFiles: (commentId: string, images: ICommentFile[], 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 getDescription: (type: string, locales: CommentsNs) => string;
+export declare const getTitle: (type: string, locales: CommentsNs) => string;
+export declare function toggleFilter(setState: Dispatch<SetStateAction<CommentsFilter>>, key: keyof CommentsFilter, value?: IMember | boolean | string, listRef?: React.RefObject<HTMLElement>): void;
 export declare const IS_APPLE: boolean;
+export declare const createDefaultCommentsLocales: () => CommentsNs;
+export declare function getClearInputMessage(hasText: boolean, hasFiles: boolean, locales: CommentsNs): string;
+export declare const preparePreviewFile: (file: File & {
+    id?: string;
+}, temp?: boolean) => ICommentFile;

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

@@ -1,9 +1,10 @@
 import { default as React } from 'react';
+import { ButtonProps } from '@mantine/core';
 interface CopyrightProps {
     className?: string;
     color?: string;
     title?: string;
-    absolute?: boolean;
+    size?: ButtonProps['size'];
 }
 export declare const Copyright: React.FC<CopyrightProps>;
 export {};

package/dist/components/EmojiPicker/EmojiPanel.d.ts

@@ -1,5 +1,5 @@
 import { EmojiPickerProps } from '../..';
-export declare const EmojiPanel: ({ locales, onChange, onClose, setRandomIcon, }: Pick<EmojiPickerProps, "locales" | "value" | "onChange"> & {
+export declare const EmojiPanel: ({ locales, onChange, onClose, setRandomIcon, querySearch, }: Pick<EmojiPickerProps, "locales" | "value" | "onChange" | "querySearch"> & {
     onClose: () => void;
     setRandomIcon: (icon: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/EmojiPicker.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 import { FloatingPosition, PopoverProps } from '@mantine/core';
 export type EmojiPickerProps = {
+    project?: string;
     value?: string | null;
     onChange?: (v: string) => void;
     position?: FloatingPosition;
@@ -9,7 +10,14 @@ export type EmojiPickerProps = {
     showIcons?: boolean;
     showColors?: boolean;
     showEmojis?: boolean;
+    querySearch?: string;
     defaultActiveTab?: string | null;
+    /** Controls how the popover opens. 'click' preserves current behavior; 'realtime' opens only when typing matches triggerRegex. */
+    openWhen?: 'click' | 'realtime';
+    /** Regex used to detect a live trigger (default matches ":" plus at least one non-space, non-":" char). */
+    triggerRegex?: RegExp;
+    /** Monotonically increasing counter updated by the parent on each keypress; used to detect real-time typing. */
+    typingSeq?: number;
 };
 export type EmojiPickerLocales = {
     emojis?: string;
@@ -20,4 +28,4 @@ export type EmojiPickerLocales = {
     icons?: string;
     emojiCategory?: Record<string, string>;
 };
-export declare const EmojiPicker: ({ value, children, onChange, position, popoverProps, showIcons, showColors, defaultActiveTab, showEmojis, locales: _locales, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const EmojiPicker: ({ project, value, querySearch, children, onChange, position, popoverProps, showIcons, showColors, defaultActiveTab, showEmojis, locales: _locales, openWhen, triggerRegex, typingSeq, }: PropsWithChildren<EmojiPickerProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/IconsPanel.d.ts

@@ -1,4 +1,4 @@
 import { EmojiPickerProps } from './EmojiPicker';
-export declare const IconsPanel: import('react').MemoExoticComponent<({ showColors, locales, onChange, value, onClose, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange"> & {
+export declare const IconsPanel: import('react').MemoExoticComponent<({ showColors, locales, onChange, value, onClose, project, }: Pick<EmojiPickerProps, "locales" | "showColors" | "value" | "onChange" | "project"> & {
     onClose: () => void;
 }) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/EmojiPicker/custom-icons/StatusCancel.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusCancel: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusDone.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusDone: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress00.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress00: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress10.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress10: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress100.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress100: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress20.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress20: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress30.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress30: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress40.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress40: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress50.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress50: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress60.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress60: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress70.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress70: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress80.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress80: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/StatusProgress90.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const StatusProgress90: ({ color, ...props }: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EmojiPicker/custom-icons/customIcons.d.ts

@@ -0,0 +1,12 @@
+import { ComponentType, SVGProps } from 'react';
+type CustomIconData = {
+    name: string;
+    component: ComponentType<SVGProps<SVGSVGElement>>;
+    category: string;
+    tags: string[];
+};
+export declare const customIconsData: CustomIconData[];
+export declare const customIcons: {
+    [k: string]: ComponentType<SVGProps<SVGSVGElement>>;
+};
+export {};

package/dist/components/EntityTitle/EntityTitle.d.ts

@@ -0,0 +1,18 @@
+declare global {
+    interface Window {
+        isTitleFocused: boolean;
+    }
+}
+export declare const EntityTitle: ({ lock, title, handleTitle, placeholder, error, isReadOnly, accessEdit, nowrap, maxLength, fw, onPressEnter, }: {
+    title: string;
+    lock?: boolean;
+    handleTitle?: (title: string) => void;
+    placeholder?: string;
+    error?: boolean;
+    isReadOnly?: boolean;
+    accessEdit?: boolean;
+    nowrap?: boolean;
+    maxLength?: number;
+    fw?: number;
+    onPressEnter?: () => void;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/FilePicker/FilePicker.d.ts

@@ -1,12 +1,12 @@
 import { PropsWithChildren } from 'react';
-import { FloatingPosition, PopoverProps } from '@mantine/core';
+import { FlexProps, FloatingPosition, PopoverProps } from '@mantine/core';
 import { DropzoneProps, FileWithPath } from '@mantine/dropzone';
 import { FilePickerLocales, FileType, ImagePickerGalleryCollection } from './types';
 declare const baseTabsList: readonly ["gallery", "upload", "link", "unsplash", "giphy"];
 type TabType = (typeof baseTabsList)[number];
 export type FilePickerProps = PropsWithChildren<{
     onChange?: (v: string) => void;
-    onRemove?: () => void;
+    onRemove?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     onUpload?: (files: FileWithPath[], setOpened: (state: boolean) => void) => void;
     uploading?: boolean;
     showTabs?: readonly TabType[];
@@ -22,6 +22,7 @@ export type FilePickerProps = PropsWithChildren<{
     locales?: FilePickerLocales;
     type?: FileType;
     isValidMediaUrl?: (url: string) => boolean;
+    targetProps?: FlexProps;
 }>;
-export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
 export {};