@layers-app/shared 0.2.0 → 0.2.1

package/dist/components/CommentsPanel/components/CommentsPanelList.js

@@ -1,74 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useState as i, useEffect as R } from "react";
-import { useCommentsStore as c } from "../store.js";
-import { CommentPanelListItem as S } from "./CommentPanelListItem.js";
-import j from "../CommentsPanel.module.css.js";
-function F({
-  activeIDs: n,
-  comments: m,
-  deleteCommentOrThread: u,
-  listRef: a,
-  addCommentReaction: p,
-  updateThreadId: f,
-  submitAddComment: d,
-  deleteCommentImage: g,
-  removeCommentReactions: y,
-  markNodeMap: o,
-  resolveThreat: C,
-  updateCommentTextOrImage: L
-}) {
-  const { selectMarkNode: P } = c(), [s, k] = i(0), [x, E] = i(""), h = c((t) => t.commentsLocales);
-  R(() => {
-    const t = setTimeout(() => {
-      k(s + 1);
-    }, 1e4);
-    return () => {
-      clearTimeout(t);
-    };
-  }, [s]);
-  const I = (t) => {
-    E((e) => e === t ? "" : t);
-  };
-  return /* @__PURE__ */ r(
-    "ul",
-    {
-      className: j.commentPluginCommentsPanelList,
-      ref: a,
-      children: m.map((t) => {
-        const e = t.id;
-        if (t.type === "thread" || t.type === "general")
-          return /* @__PURE__ */ r(
-            S,
-            {
-              commentOrThread: t,
-              locales: h,
-              deleteCommentOrThread: u,
-              deleteCommentImage: g,
-              addCommentReaction: p,
-              removeCommentReactions: y,
-              handleClickThread: (K) => {
-                if (!K.target || t.type !== "thread") return;
-                const l = o?.get(e);
-                if (l !== void 0 && (n === null || n.indexOf(e) === -1)) {
-                  const N = document.activeElement;
-                  P?.(l, N);
-                }
-              },
-              markNodeMap: o,
-              replyInput: x,
-              updateThreadId: f,
-              toggleRepliesInput: I,
-              updateCommentTextOrImage: L,
-              resolveThreat: C,
-              activeIDs: n,
-              submitAddComment: d
-            },
-            t.clientKey ?? e
-          );
-      })
-    }
-  );
-}
-export {
-  F as CommentsPanelList
-};

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

@@ -1,15 +0,0 @@
-import { CommentsNs } from '../types.ts';
-import * as React from 'react';
-interface CommentsThreadReplyControlsProps {
-    onSubmit: () => void;
-    handleFileChange: (files: File[]) => void;
-    disabledSubmitButton: boolean;
-    disabledUploadButton: boolean;
-    isSubmitting: boolean;
-    setIsSubmitting: React.Dispatch<React.SetStateAction<boolean>>;
-    handleClearInput: () => void;
-    isFloatInput?: boolean;
-    locales?: CommentsNs;
-}
-export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, isFloatInput, setIsSubmitting, isSubmitting, handleClearInput, locales: propLocales, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.js

@@ -1,108 +0,0 @@
-import { jsxs as d, jsx as e } from "react/jsx-runtime";
-import * as x from "react";
-import { Tooltip as a, ActionIcon as n } from "@mantine/core";
-import { useCommentsStore as k } from "../store.js";
-import { IS_APPLE as v } from "../utils.js";
-import i from "./Icon.js";
-import o from "../CommentsPanel.module.css.js";
-const F = ({
-  onSubmit: p,
-  handleFileChange: f,
-  disabledSubmitButton: s,
-  disabledUploadButton: l,
-  isFloatInput: h = !1,
-  setIsSubmitting: c,
-  isSubmitting: u,
-  handleClearInput: C,
-  locales: I
-}) => {
-  const b = k((r) => r.commentsLocales), t = I ?? b, m = x.useRef(null), E = () => {
-    l || m.current?.click();
-  }, y = (r) => {
-    r.target.files && (f(Array.from(r.target.files)), r.target.value = "");
-  }, g = async () => {
-    if (!u) {
-      c(!0);
-      try {
-        p();
-      } catch (r) {
-        console.error("Ошибка при отправке:", r);
-      } finally {
-        c(!1);
-      }
-    }
-  };
-  return /* @__PURE__ */ d("div", { className: o.commentPluginThreadEditorControls, children: [
-    !s && !h && /* @__PURE__ */ e(a, { label: t.inputEditor?.clear, children: /* @__PURE__ */ e(
-      n,
-      {
-        color: "#495057",
-        onClick: C,
-        size: 22,
-        "aria-label": "Clear",
-        variant: "transparent",
-        tabIndex: -1,
-        children: /* @__PURE__ */ e(i, { name: "close" })
-      }
-    ) }),
-    /* @__PURE__ */ d(
-      "div",
-      {
-        className: o.threadEditorControlsUpload,
-        style: { position: "relative" },
-        onClick: E,
-        children: [
-          /* @__PURE__ */ e(
-            a,
-            {
-              label: l ? t.notifications?.uploadMessages?.fileLimit : t.inputEditor?.uploadFiles,
-              children: /* @__PURE__ */ e(
-                n,
-                {
-                  color: "#495057",
-                  size: 16,
-                  "aria-label": "Upload File",
-                  variant: "transparent",
-                  tabIndex: -1,
-                  disabled: l,
-                  className: o.threadEditorControlsActionIcon,
-                  children: /* @__PURE__ */ e(i, { name: "paperclip" })
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              ref: m,
-              type: "file",
-              multiple: !0,
-              disabled: l,
-              onChange: y,
-              className: o.threadEditorControlsFileInput,
-              tabIndex: -1
-            },
-            l.toString()
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(a, { label: v ? "⌘ + Enter" : "Ctrl + Enter", children: /* @__PURE__ */ e(
-      n,
-      {
-        color: "#000000",
-        size: 22,
-        "aria-label": "Submit",
-        className: o.commentSubmitButton,
-        variant: "outline",
-        tabIndex: -1,
-        onClick: g,
-        disabled: s,
-        children: /* @__PURE__ */ e(i, { name: "send" })
-      }
-    ) })
-  ] });
-};
-export {
-  F as CommentsThreadReplyControls
-};

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

@@ -1,10 +0,0 @@
-import { CommentsNs, ICommentFile } from '../types.ts';
-interface CommentsUploadFilesPreviewProps {
-    files: Array<ICommentFile>;
-    hasPermission?: boolean;
-    removeImage: (index: number | string) => void;
-    showLoading?: boolean;
-    locales?: CommentsNs;
-}
-export declare const CommentsUploadFilesPreview: ({ files, hasPermission, removeImage, showLoading, locales, }: CommentsUploadFilesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
-export {};

package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.js

@@ -1,142 +0,0 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { useState as b, useMemo as g } from "react";
-import { getFileIcons as U } from "../../../helpers/getFileIcons.js";
-import { getFileType as x } from "../../../helpers/getFileType.js";
-import { LoadingOverlay as F } from "@mantine/core";
-import { AttachmentsGalleryModal as D } from "../../AttachmentsGalleryModal/AttachmentsGalleryModal.js";
-import { useCommentsStore as O } from "../store.js";
-import { CommentActionMenu as y } from "./CommentActionMenu.js";
-import n from "../CommentsPanel.module.css.js";
-const f = (o) => !!o && o.startsWith("temp-"), B = ({
-  files: o,
-  hasPermission: u,
-  removeImage: h,
-  showLoading: p = !1,
-  locales: P
-}) => {
-  const [v, I] = b(null), { adminPermission: w } = O((e) => e), s = g(
-    () => o.filter((e) => e.isImage),
-    [o]
-  ), c = g(
-    () => o.filter((e) => !e.isImage),
-    [o]
-  ), C = g(
-    () => s.map((e) => ({
-      id: e.id,
-      Url: e.src,
-      contentType: "image"
-    })),
-    [s]
-  ), N = (e) => {
-    const t = URL.createObjectURL(e), m = document.createElement("a");
-    m.href = t, m.download = e.name, document.body.appendChild(m), m.click(), setTimeout(() => {
-      URL.revokeObjectURL(t), document.body.removeChild(m);
-    }, 200);
-  }, d = o.every((e) => e.id);
-  return s.length === 0 && c.length === 0 ? null : /* @__PURE__ */ l("div", { className: n.commentPluginImagePreviewContainer, children: [
-    s.length > 0 && /* @__PURE__ */ i("ul", { className: n.commentPluginImagePreviewList, children: s.map(({ src: e, id: t, file: m }, a) => {
-      const r = t ?? a, L = f(r) && p;
-      return /* @__PURE__ */ l(
-        "li",
-        {
-          className: n.commentPluginImagePreviewItem,
-          children: [
-            /* @__PURE__ */ l("div", { className: n.commentPluginImagePreviewWrapper, children: [
-              /* @__PURE__ */ i(
-                "img",
-                {
-                  crossOrigin: "anonymous",
-                  src: e,
-                  onClick: () => {
-                    d && I({
-                      Url: e,
-                      id: t,
-                      contentType: "image"
-                    });
-                  },
-                  alt: `Uploaded-${a}`,
-                  className: `${n.commentPluginImagePreviewImage} ${d ? "enable" : ""}`
-                }
-              ),
-              /* @__PURE__ */ i("div", { className: n.commentPluginImagePreviewRemoveButton, children: /* @__PURE__ */ i(
-                y,
-                {
-                  onDelete: () => h(r),
-                  onDownload: () => N(m),
-                  iconColor: "white",
-                  hasPermission: w || !!u,
-                  locales: P
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ i(
-              F,
-              {
-                visible: L,
-                loaderProps: { size: 20 }
-              }
-            )
-          ]
-        },
-        r
-      );
-    }) }),
-    c.length > 0 && /* @__PURE__ */ i("div", { className: n.commentPluginFilePreviewContainer, children: /* @__PURE__ */ i("ul", { className: n.commentPluginFilePreviewList, children: c.map(({ file: e, id: t }, m) => {
-      const a = t ?? m, r = f(a) && p;
-      return /* @__PURE__ */ l(
-        "li",
-        {
-          className: n.commentPluginFilePreviewItem,
-          children: [
-            /* @__PURE__ */ l(
-              "div",
-              {
-                className: n.commentPluginFileCard,
-                title: e.name,
-                children: [
-                  /* @__PURE__ */ i("div", { className: n.commentPluginFileCardIcon, children: U(x(e.type), !1, 32) }),
-                  /* @__PURE__ */ l("div", { className: n.commentPluginFileCardInfo, children: [
-                    /* @__PURE__ */ i("div", { className: n.commentPluginFileCardName, children: e.name }),
-                    /* @__PURE__ */ l("div", { className: n.commentPluginFileCardSize, children: [
-                      (e.size / 1024).toFixed(1),
-                      " KB"
-                    ] })
-                  ] }),
-                  /* @__PURE__ */ i(
-                    y,
-                    {
-                      onDelete: () => h(a),
-                      onDownload: () => N(e),
-                      hasPermission: w || !!u,
-                      locales: P
-                    }
-                  )
-                ]
-              }
-            ),
-            /* @__PURE__ */ i(
-              F,
-              {
-                visible: r,
-                loaderProps: { size: 20 }
-              }
-            )
-          ]
-        },
-        a
-      );
-    }) }) }),
-    d && /* @__PURE__ */ i(
-      D,
-      {
-        attachments: C,
-        onOpenChange: () => I(null),
-        opened: !!v,
-        initialIndex: C.findIndex((e) => e.id === v?.id) ?? 0
-      }
-    )
-  ] });
-};
-export {
-  B as CommentsUploadFilesPreview
-};

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

@@ -1,8 +0,0 @@
-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/Icon.js

@@ -1,29 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Flex as l } from "@mantine/core";
-import { IconLayoutSidebarLeftExpand as t, IconChevronsRight as i, IconCheck as a, IconPaperclip as p, IconSend as I, IconReload as d, IconShieldCheckFilled as m, IconDotsVertical as h, IconMoodSmile as k, IconMessages as f, IconFilter as g, IconArrowBackUp as u, IconMessage as y, IconX as C } from "@tabler/icons-react";
-const c = {
-  close: C,
-  message: y,
-  reply: u,
-  filter: g,
-  messages: f,
-  emoji: k,
-  "dots-vertical": h,
-  "shield-check": m,
-  reOpen: d,
-  send: I,
-  paperclip: p,
-  "check-mark": a,
-  doubleChevrons: i,
-  "close-panel": t
-}, j = ({
-  name: n,
-  iconStyle: r,
-  ...e
-}) => {
-  const s = c[n] || c.bullet;
-  return /* @__PURE__ */ o(l, { gap: 0, justify: "center", align: "center", ...e, children: /* @__PURE__ */ o(s, { size: 18, stroke: 2, style: r, ...e }) });
-};
-export {
-  j as default
-};

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

@@ -1,28 +0,0 @@
-import { ReactElement } from 'react';
-import { Comment, Comments, CommentsFilter, CommentsLocales, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
-import * as React from 'react';
-type NodeKey = string;
-type RangeSelection = any;
-interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
-    comments: Comments;
-    activeIDs: string[];
-    restoreComment?: (commentId: string, threadId?: string) => void;
-    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: React.RefObject<HTMLElement>;
-    getEditor: GetEditorFn;
-    clipPath?: string;
-    isSidebar?: boolean;
-    locales: CommentsLocales;
-    commentsFilter: CommentsFilter;
-    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
-    isLoading: boolean;
-}
-export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, restoreComment, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, locales, getEditor, setCommentsFilter, commentsFilter, clipPath, isLoading, isSidebar, }: CommentsPanelProps): ReactElement;
-export {};

package/dist/components/CommentsPanel/index.js

@@ -1,137 +0,0 @@
-import { jsxs as V, jsx as s } from "react/jsx-runtime";
-import { useRef as _, useEffect as h, useState as $, useMemo as B } from "react";
-import { LoadingOverlay as H } from "@mantine/core";
-import { CommentsEmptyPlaceholder as M } from "./components/CommentsEmptyPlaceholder.js";
-import { CommentsFilterHeader as O } from "./components/CommentsFilterHeader.js";
-import { CommentsPanelList as X } from "./components/CommentsPanelList.js";
-import { useCommentsStore as Z } from "./store.js";
-import u from "./CommentsPanel.module.css.js";
-function te({
-  activeIDs: g,
-  deleteCommentOrThread: w,
-  comments: f,
-  submitAddComment: p,
-  markNodeMap: I,
-  storeOptions: C,
-  deleteCommentImage: U,
-  addCommentReaction: D,
-  removeCommentReactions: L,
-  restoreComment: l,
-  updateCommentTextOrImage: N,
-  listRef: d,
-  resolveThreat: A,
-  updateThreadId: v,
-  locales: y,
-  getEditor: T,
-  setCommentsFilter: b,
-  commentsFilter: n,
-  clipPath: k,
-  isLoading: P,
-  isSidebar: m = !0
-}) {
-  const x = Z(
-    (o) => o.initializeComments
-  ), i = _([]);
-  h(() => {
-    x({
-      ...C,
-      getEditor: T,
-      isSidebar: m,
-      commentsLocales: y.comments
-    });
-  }, [C.commentOptions?.workspaceInfo, m, y]);
-  const [z, K] = $({
-    value: "",
-    files: []
-  }), { filteredComments: S, isEmpty: E } = B(() => {
-    const e = f.filter((a) => {
-      const t = a, r = n.resolved === "all" ? !0 : n.resolved === "resolved" ? t.resolution === "ACCEPTED" : t.resolution !== "ACCEPTED", c = n.filteredUsers.length === 0 || n.filteredUsers.some(
-        (R) => R.userId === t.authorId
-      );
-      return !t.deleted && r && c;
-    }).sort((a, t) => t.timeStamp - a.timeStamp);
-    return {
-      filteredComments: e,
-      isEmpty: e.length === 0
-    };
-  }, [f, n]);
-  h(() => {
-    if (!l) return;
-    const o = (e) => {
-      if (!((e.ctrlKey || e.metaKey) && e.code === "KeyZ")) return;
-      const t = document.activeElement;
-      if (!t || t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.getAttribute("contenteditable") === "true" || t.classList.contains("ContentEditable__root"))
-        return;
-      const r = i.current.at(-1);
-      r && (e.preventDefault(), e.stopPropagation(), e.stopImmediatePropagation(), i.current = i.current.filter(
-        (c) => c.id !== r.id
-      ), l(r.comment.id, r.threadId));
-    };
-    return window.addEventListener("keydown", o), () => {
-      window.removeEventListener("keydown", o);
-    };
-  }, [l]);
-  const j = async (o, e) => {
-    i.current.push({
-      id: o.id,
-      comment: o,
-      threadId: e?.id
-    }), await w(o, e);
-  };
-  return /* @__PURE__ */ V(
-    "div",
-    {
-      style: { clipPath: k },
-      className: `${u.commentPluginCommentsPanel}${m ? " " + u.commentPluginCommentsPanelSidebar : ""}`,
-      children: [
-        /* @__PURE__ */ s(
-          O,
-          {
-            disabled: E,
-            listRef: d,
-            commentsFilter: n,
-            setCommentsFilter: b,
-            setCommentValue: K,
-            submitAddComment: p,
-            commentValue: z,
-            updateThreadId: v
-          }
-        ),
-        /* @__PURE__ */ s("div", { className: u.commentsPanelBody, children: P ? /* @__PURE__ */ s(
-          H,
-          {
-            visible: P,
-            h: m ? void 0 : 200,
-            overlayProps: { opacity: 0 },
-            loaderProps: { size: 24 }
-          }
-        ) : E ? /* @__PURE__ */ s(
-          M,
-          {
-            listRef: d,
-            commentsFilter: n
-          }
-        ) : /* @__PURE__ */ s(
-          X,
-          {
-            deleteCommentImage: U,
-            activeIDs: g,
-            addCommentReaction: D,
-            comments: S,
-            updateThreadId: v,
-            deleteCommentOrThread: j,
-            listRef: d,
-            removeCommentReactions: L,
-            submitAddComment: p,
-            markNodeMap: I,
-            updateCommentTextOrImage: N,
-            resolveThreat: A
-          }
-        ) })
-      ]
-    }
-  );
-}
-export {
-  te as CommentsPanel
-};

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

@@ -1,25 +0,0 @@
-import { CommentsNs, GetEditorFn, ICommentOptions, IMember, IUser } from './types';
-interface CommentsState {
-    workspaceMembers: IMember[];
-    currentUser?: IUser;
-    showComments: boolean;
-    adminPermission: boolean;
-    commentOptions?: ICommentOptions;
-    getEditor?: GetEditorFn;
-    isSidebar: boolean;
-    isGuest: boolean;
-    commentsLocales: CommentsNs;
-    selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
-    initializeComments: (data: {
-        workspaceMembers?: IMember[];
-        currentUser?: IUser;
-        showComments?: boolean;
-        commentOptions?: ICommentOptions;
-        getEditor?: GetEditorFn;
-        isSidebar: boolean;
-        commentsLocales: CommentsNs;
-        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/store.js

@@ -1,32 +0,0 @@
-import { create as m } from "zustand";
-import { createDefaultCommentsLocales as s } from "./utils.js";
-const t = m((o) => ({
-  workspaceMembers: [],
-  currentUser: void 0,
-  showComments: !1,
-  adminPermission: !1,
-  commentOptions: void 0,
-  getEditor: void 0,
-  selectMarkNode: () => {
-  },
-  isSidebar: !0,
-  isGuest: !1,
-  commentsLocales: s(),
-  initializeComments: (e) => {
-    o(() => ({
-      workspaceMembers: e.workspaceMembers || [],
-      currentUser: e.currentUser,
-      showComments: e.showComments ?? !1,
-      adminPermission: e.commentOptions?.adminPermission,
-      commentOptions: e.commentOptions,
-      getEditor: e.getEditor,
-      selectMarkNode: e.selectMarkNode,
-      isSidebar: e.isSidebar,
-      isGuest: e.commentOptions?.isGuest,
-      commentsLocales: e.commentsLocales ?? s()
-    }));
-  }
-}));
-export {
-  t as useCommentsStore
-};