@layers-app/shared 0.2.0 → 0.2.1

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

@@ -1,339 +0,0 @@
-import * as React from 'react';
-type EditorType = any;
-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 {
-    src: string;
-    id: string;
-    file: File & {
-        id?: string;
-    };
-    isImage: boolean;
-}
-export type UpdateCommentTextArgs = (text: {
-    value: string;
-    restore: boolean;
-}, files: {
-    deletedFile: ICommentFile[];
-    newFiles: ICommentFile[];
-}, threadOrGeneralId: string, commentId?: string) => void;
-export type Comment = {
-    authorId: string;
-    text: string;
-    deleted: boolean;
-    clientKey: string;
-    edited: boolean;
-    id: string;
-    tempId?: string;
-    reactions: ICommentReaction[];
-    files: Array<ICommentFile>;
-    timeStamp: number;
-    type: string;
-};
-export type Thread = {
-    children: Array<Comment>;
-    id: string;
-    quote: string;
-    edited: boolean;
-    type: string;
-    resolution: CommentResolve;
-    authorId: string;
-    tempId?: string;
-    reactions: ICommentReaction[];
-    files: Array<ICommentFile>;
-    timeStamp: number;
-    clientKey: string;
-    text: string;
-    deleted: boolean;
-};
-export type GeneralComment = {
-    text: string;
-    authorId: string;
-    id: string;
-    tempId?: string;
-    edited: boolean;
-    quote: string;
-    timeStamp: number;
-    resolution: CommentResolve;
-    reactions: ICommentReaction[];
-    files: Array<ICommentFile>;
-    type: string;
-    clientKey: string;
-    children: Array<Comment>;
-    deleted: boolean;
-};
-type CommentValueType = {
-    value: string;
-    files: ICommentFile[];
-};
-export type GetEditorFn = (params: {
-    onSubmit: () => void;
-    handleBlur: () => void;
-    autoFocus: boolean;
-    setCommentValue: React.Dispatch<React.SetStateAction<CommentValueType>>;
-    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 | '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[];
-    };
-    setCommentValue: React.Dispatch<React.SetStateAction<{
-        value: string;
-        files: ICommentFile[];
-    }>>;
-    submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: any | null, files?: File[]) => void;
-}
-export type IMember = {
-    avatarUrl: string | null;
-    roleType: string;
-    roleId: string;
-    accepted: boolean;
-    email: string;
-    userId: string | null;
-    invitationId: string | null;
-    invitationToken: string | null;
-    name: string | null;
-    expiresAt: string | null;
-};
-export interface IUser {
-    activeWorkspaceId: string | null;
-    name: string;
-    nickname: string;
-    email: string;
-    profilePicture: {
-        url: string;
-    };
-    createdAt: string;
-    id: string;
-    lang: string;
-    plan: string;
-    darkMode: boolean;
-    timeZone: string | null;
-    twoFactorEnabled: boolean;
-}
-export type ResolvedFilter = 'resolved' | 'not-resolved' | 'all';
-export type CommentsFilter = {
-    resolved: ResolvedFilter;
-    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;
-    commentType: 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;
-    adminPermission: boolean;
-    isGuest: boolean;
-    pageId: string;
-    workspaceInfo: {
-        title: string;
-        icon: string;
-    };
-    commentActions: ICommentActions;
-}
-export interface SharedCommentProps {
-    commentOrThread: Comment | Thread | GeneralComment;
-    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 {
-    currentUser?: IUser;
-    workspaceMembers?: IMember[] | undefined;
-    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: {
-            description: 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,14 +0,0 @@
-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: ICommentFile[], uploadCommentFileApi: any) => Promise<ICommentFile[]>;
-export declare function scrollToTop(selector: string): void;
-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/CommentsPanel/utils.js

@@ -1,189 +0,0 @@
-const f = (t) => {
-  const e = t.split("/");
-  return e[e.length - 1];
-}, g = async (t, e, o) => e.length ? (await Promise.all(
-  e.map(
-    (r) => new Promise((i, l) => {
-      o({
-        file: r.file,
-        commentId: t,
-        onSuccess: (s) => {
-          i(s);
-        },
-        onError: (s) => {
-          console.error(s), l(null);
-        }
-      });
-    })
-  )
-)).filter((r) => r !== null) : [];
-function h(t) {
-  setTimeout(() => {
-    const e = document.querySelector(t);
-    e && e.scrollTo({ top: 0, behavior: "smooth" });
-  }, 100);
-}
-const M = (t, e) => {
-  switch (t) {
-    case "thread":
-      return e.deleteModal.description.thread;
-    case "general":
-      return e.deleteModal.description.general;
-    default:
-      return e.deleteModal.description.comment;
-  }
-}, b = (t, e) => {
-  switch (t) {
-    case "thread":
-      return e.deleteModal.title.thread;
-    case "general":
-      return e.deleteModal.title.general;
-    default:
-      return e.deleteModal.title.comment;
-  }
-};
-function u() {
-  const t = navigator.userAgentData;
-  return t?.platform ? t.platform : navigator.platform ? navigator.platform : navigator.userAgent || "";
-}
-function m(t) {
-  let e = t?.parentElement;
-  for (; e; ) {
-    const o = getComputedStyle(e);
-    if (/(auto|scroll)/.test(o.overflowY))
-      return e;
-    e = e.parentElement;
-  }
-  return window;
-}
-function c(t) {
-  setTimeout(() => {
-    const e = t?.current;
-    if (!e) return;
-    const o = e.firstElementChild;
-    if (!o) return;
-    const n = m(e), r = o.getBoundingClientRect(), i = n instanceof Window ? document.documentElement.getBoundingClientRect() : n.getBoundingClientRect();
-    r.top >= i.top && r.top < i.bottom - 100 || (n instanceof Window ? o.scrollIntoView({ behavior: "smooth", block: "start" }) : n.scrollTo({
-      top: o.offsetTop + 300,
-      behavior: "smooth"
-    }));
-  }, 100);
-}
-function w(t, e, o, n) {
-  t((r) => {
-    if (typeof o == "boolean" || typeof o == "string")
-      return r[e] === o ? r : (c(n), { ...r, [e]: o });
-    if (!o)
-      return typeof r[e] == "boolean" ? { ...r, [e]: !r[e] } : r;
-    if (Array.isArray(r[e])) {
-      n && c(n);
-      const i = r[e], l = o, d = i.some((a) => a.userId === l.userId) ? i.filter((a) => a.userId !== l.userId) : [...i, l];
-      return {
-        ...r,
-        [e]: d
-      };
-    }
-    return r;
-  });
-}
-const p = u(), y = /Mac|macOS|iPod|iPhone|iPad/.test(p), I = () => ({
-  title: "",
-  edited: "",
-  filter: {
-    resolved: "",
-    open: "",
-    all: "",
-    selectUsers: "",
-    searchPlaceholder: "",
-    emptyPlaceholder: "",
-    byStatus: "",
-    byPerson: ""
-  },
-  generalComment: "",
-  addComment: "",
-  replyComment: "",
-  inputEditor: {
-    uploadFiles: "",
-    sendMessage: "",
-    editMessage: "",
-    clear: "",
-    clearModal: {
-      title: "",
-      description: {
-        both: "",
-        text: "",
-        files: "",
-        empty: ""
-      }
-    },
-    discardModal: {
-      title: "",
-      description: "",
-      labels: {
-        confirm: "",
-        cancel: ""
-      }
-    },
-    cancelCommentModal: {
-      description: ""
-    }
-  },
-  notifications: {
-    title: "",
-    description: "",
-    options: { all: "", replies: "" },
-    uploadMessages: { tooManyFiles: "", fileTooLarge: "", fileLimit: "" }
-  },
-  actionTooltips: {
-    resolve: "",
-    reopen: "",
-    addReaction: "",
-    reactionLimit: "",
-    reply: ""
-  },
-  menuActions: {
-    edit: "",
-    delete: "",
-    download: ""
-  },
-  deleteModal: {
-    title: { thread: "", general: "", comment: "" },
-    description: { thread: "", general: "", comment: "" },
-    actions: { cancel: "", delete: "", remove: "" }
-  },
-  repliesToggle: {
-    show_one: "",
-    show_other: "",
-    hide: ""
-  },
-  emptyState: {
-    all: "",
-    resolved: "",
-    "not-resolved": "",
-    userFilter: ""
-  }
-});
-function P(t, e, o) {
-  return t && e ? o.inputEditor.clearModal.description.both : t ? o.inputEditor.clearModal.description.text : e ? o.inputEditor.clearModal.description.files : o.inputEditor.clearModal.description.empty;
-}
-const C = (t, e = !1) => {
-  const o = t.type.startsWith("image/");
-  return {
-    id: t.id ? t.id : e ? `temp-${crypto.randomUUID()}` : crypto.randomUUID(),
-    file: t,
-    isImage: o,
-    src: o ? URL.createObjectURL(t) : ""
-  };
-};
-export {
-  y as IS_APPLE,
-  I as createDefaultCommentsLocales,
-  f as cutDeleteImageId,
-  P as getClearInputMessage,
-  M as getDescription,
-  b as getTitle,
-  C as preparePreviewFile,
-  h as scrollToTop,
-  w as toggleFilter,
-  g as uploadAllFiles
-};

package/dist/hooks/useOutsideClick.js

@@ -1,21 +0,0 @@
-import { useRef as c, useEffect as i } from "react";
-function a(t, f) {
-  const r = c(null), { events: n = ["pointerdown"], enabled: o = !0 } = {};
-  return i(() => {
-    if (!o) return;
-    const u = (e) => {
-      const s = r.current;
-      s && (s.contains(e.target) || t(e));
-    };
-    return n.forEach((e) => {
-      document.addEventListener(e, u, !0);
-    }), () => {
-      n.forEach((e) => {
-        document.removeEventListener(e, u, !0);
-      });
-    };
-  }, [t, o]), r;
-}
-export {
-  a as useOutsideClick
-};

package/dist/lang/locales/ui_en.json.d.ts

@@ -1,81 +0,0 @@
-declare const _default: {
-  "emojiPicker": {
-    "searchResults": "Search results",
-    "icons": "Icons",
-    "searchNoResults": "No results found",
-    "chooseColor": "Choose color",
-    "categories": {
-      "activity": "Activities",
-      "custom": "Custom",
-      "flags": "Flags",
-      "foods": "Food and drinks",
-      "frequent": "Recent",
-      "nature": "Animals and nature",
-      "objects": "Objects",
-      "people": "Emotions and people",
-      "places": "Travel and places",
-      "symbols": "Symbols"
-    }
-  },
-  "uploadImage": {
-    "label": "Image",
-    "change": "Change",
-    "description": "You can upload images up to 256×256 and up to 5mb."
-  },
-  "coverGroups": {
-    "colorGradients": "Colors and gradients",
-    "jamesWebbTelescope": "Telescope",
-    "nasaArchive": "Planet",
-    "theIndianEdition": "Cyberpunk",
-    "theMetMuseum": "Museum",
-    "theMetMuseumPatterns": "Pattern",
-    "theMetMuseumJapanesePrints": "Nature",
-    "rijkmuseum": "Black hole"
-  },
-  "changeCover": {
-    "gallery": "Gallery",
-    "upload": "Upload",
-    "uploadFile": "Upload file",
-    "maxFileSize": "Images wider than 1600px are recommended. Maximum file size: 5MB.",
-    "link": "Link",
-    "pasteLink": "Paste an image link...",
-    "submitLink": "Apply",
-    "worksWithAnyImage": "Works with any image from the Internet",
-    "searchImage": "Search for an image...",
-    "noResult": "No image found for your query.",
-    "change": "Change cover",
-    "invalidLink": "Invalid link",
-    "position": "Reposition",
-    "dragSave": "Save position",
-    "dragCancel": "Cancel"
-  },
-  "colorPicker": {
-    "color": "Color",
-    "background": "Background",
-    "colors": {
-      "standard": "Standard",
-      "gray": "Gray",
-      "brown": "Brown",
-      "orange": "Orange",
-      "yellow": "Yellow",
-      "green": "Green",
-      "blue": "Blue",
-      "purple": "Purple",
-      "pink": "Pink",
-      "red": "Red"
-    }
-  },
-  "customDrawer": {
-    "save": "Save"
-  },
-  "gallery": {
-    "download": "Download",
-    "zoomOut": "Zoom out",
-    "zoomIn": "Zoom in",
-    "close": "Close",
-    "fileError": "Upload failed. Please try again."
-  }
-}
-;
-
-export default _default;