@layers-app/shared 0.2.0 → 0.2.1

package/dist/components/CommentComposer/index.js

@@ -1,282 +1,260 @@
-import { jsx as S, jsxs as $ } from "react/jsx-runtime";
-import * as ge from "react";
-import { useRef as b, useMemo as j, useLayoutEffect as he, useEffect as I } from "react";
-import { showErrorNotification as k } from "../../helpers/showNotifications.js";
-import { CommentsThreadReplyControls as Ce } from "../CommentsPanel/components/CommentsThreadReplyControls.js";
-import { CommentsUploadFilesPreview as Ee } from "../CommentsPanel/components/CommentsUploadFilesPreview.js";
-import { useCommentsStore as X } from "../CommentsPanel/store.js";
-import { preparePreviewFile as H, getClearInputMessage as Me, scrollToTop as K, uploadAllFiles as ye } from "../CommentsPanel/utils.js";
-import { openRemoveConfirmModal as U } from "../modals/RemoveConfirmModal.js";
-import { CommentEditorBehavior as be } from "./CommentEditorHotkeys.js";
-import P from "../CommentsPanel/CommentsPanel.module.css.js";
-const ve = 5 * 1024 * 1024, Fe = 10, De = ({
-  submitAddComment: T,
-  commentValue: r,
-  thread: c,
-  setCommentValue: E,
-  handleBlur: a,
-  autoFocus: D = !0,
-  provideCommentOptions: W,
-  removeCommentImage: Q,
-  handleEditComment: Z,
-  isEditInput: i = !1,
-  isGeneral: v,
-  updateThreadId: _,
-  setCommentActions: B,
-  updateLocation: p,
-  getSelectionText: q,
-  children: A,
-  providedUser: Y,
-  placeholder: G,
-  composerLocales: V
+import { jsx as o, jsxs as z } from "react/jsx-runtime";
+import { useState as K, useRef as v, useMemo as _ } from "react";
+import { useTranslation as X } from "react-i18next";
+import { Attachment02Icon as V, Sent02Icon as Z } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as A } from "@hugeicons/react";
+import { Stack as q, Box as Q, Group as N, FileButton as Y, ActionIcon as $, UnstyledButton as D, Text as ee, Button as te } from "@mantine/core";
+import { showErrorNotification as L } from "../../helpers/showNotifications.js";
+import { AttachmentsPreview as oe } from "../AttachmentsPreview/AttachmentsPreview.js";
+import { CommentEditorHandler as ne } from "./CommentEditorHotkeys.js";
+import { useFloatingPosition as re } from "./useFloatingPosition.js";
+import h from "./CommentComposer.module.css.js";
+function M(t) {
+  return "id" in t;
+}
+function se(t) {
+  return typeof t == "object" && "isTemp" in t;
+}
+function ie(t) {
+  const l = URL.createObjectURL(t);
+  return {
+    id: `temp-${crypto.randomUUID()}`,
+    name: t.name,
+    type: t.type,
+    size: t.size,
+    url: l,
+    src: l,
+    isImage: t.type.startsWith("image/"),
+    isTemp: !0,
+    raw: t
+  };
+}
+const ce = 5 * 1024 * 1024, le = 10;
+function U(t, l) {
+  return t(`composer.${l}`, { defaultValue: "" }) || t(`editor.composer.${l}`);
+}
+const be = ({
+  children: t,
+  onSubmit: l,
+  initialDraft: a,
+  updateLocation: T,
+  onBlur: j,
+  setEdit: B,
+  ns: C = "comments"
 }) => {
-  const M = b(null), g = j(
+  const [m, R] = K({
+    text: a?.text ?? "",
+    files: a?.files ?? []
+  }), { t: p } = X(C), k = p(C === "comments" ? "composer.placeholder" : "editor.composer.placeholder"), u = v(null), d = typeof a?.text < "u", i = {
+    text: m.text,
+    files: m.files
+  }, F = v(null), O = _(
     () => ({
       container: document.createElement("div"),
       elements: []
     }),
     []
-  ), L = j(() => i ? { ...r } : null, [r, i]), [ee, te] = ge.useState(!1), h = b(r), O = b(null), y = b(!1), oe = X((e) => e.commentsLocales), t = V ?? oe, { currentUser: ne, commentOptions: re } = X(), se = Y ?? ne, F = W ?? re, C = b(null), ie = G ?? t?.addComment, R = !v && !c && !i;
-  he(() => {
-    if (!p) return;
-    p(M.current, C, g);
-    const e = g.container, o = document.body;
-    if (o !== null)
-      return o.appendChild(e), () => {
-        o.removeChild(e);
-      };
-  }, [p, g.container, g]), I(() => {
-    if (!p) return;
-    const e = () => {
-      p(M.current, C, g);
-    };
-    return window.addEventListener("resize", e), () => {
-      window.removeEventListener("resize", e);
-    };
-  }, [g, p]), I(() => {
-    if (v) return;
-    function e(o) {
-      const n = o.target;
-      if (M.current && M.current.contains(n) || n.closest(".mantine-Popover-dropdown") || n.closest(".floating-text-format-popup") || i && n.closest("[data-ignore-blur='true']") || !i && n.closest(".tabler-icon-messages") || n.closest('[data-menu-dropdown="true"]') || n.closest(".mantine-Modal-content"))
-        return;
-      const s = L ? JSON.stringify(L) !== JSON.stringify(h.current) : !1;
-      if (s && !y.current && i) {
-        y.current = !0, U({
-          title: t.inputEditor.discardModal.title,
-          children: t.inputEditor.discardModal.description,
-          labels: {
-            confirm: t.inputEditor.discardModal.labels.confirm,
-            cancel: t.inputEditor.discardModal.labels.cancel
-          },
-          onConfirm: () => {
-            a();
-          },
-          onClose: () => {
-            y.current = !1;
-          }
-        });
-        return;
-      }
-      if (R && (h.current.value.trim() !== "" || h.current.files.length > 0)) {
-        y.current = !0, o.stopPropagation(), o.preventDefault(), U({
-          title: t.inputEditor.discardModal.title,
-          children: t.inputEditor.cancelCommentModal.description,
-          labels: {
-            confirm: t.inputEditor.discardModal.labels.confirm,
-            cancel: t.inputEditor.discardModal.labels.cancel
-          },
-          onConfirm: () => {
-            a();
-          },
-          onClose: () => {
-            y.current = !1;
-          }
-        });
-        return;
-      }
-      s || a();
-    }
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
+  ), P = v(null), b = !!T;
+  re({
+    boxRef: F,
+    isFloat: b,
+    updateLocation: T,
+    selectionRef: P,
+    selectionState: O
+  });
+  const { textChanged: H, newFiles: W, deletedFiles: G, hasChanges: w } = _(() => {
+    const e = a?.files || [], n = m.files, r = a?.text !== i.text, s = n.filter((c) => c.isTemp), x = new Set(
+      n.filter(
+        (c) => M(c)
+      ).map((c) => c.id)
+    ), f = e.filter(M).filter((c) => !x.has(c.id)), y = d ? JSON.stringify(a) === JSON.stringify(m) : i.text.trim().length > 0 || s.length > 0 || f.length > 0;
+    return {
+      textChanged: r,
+      newFiles: s,
+      deletedFiles: f,
+      hasChanges: y
     };
-  }, [
-    a,
-    L,
-    i,
-    R,
-    v,
-    t.inputEditor?.cancelCommentModal?.description,
-    t.inputEditor.discardModal.description,
-    t.inputEditor.discardModal.labels.cancel,
-    t.inputEditor.discardModal.labels.confirm,
-    t.inputEditor.discardModal.title
-  ]);
-  const le = async () => {
-    const e = h.current;
-    if (!e.value.trim() && !e.files.length) return;
-    const o = c ? c.id : F?.pageId, n = e.files.length > 0, s = c ? "COMMENT" : "PAGE", l = v ? "REVIEW" : "FAQ", d = "temp-" + Date.now() + "-" + Math.random().toString(36).substring(2, 9), m = l === "FAQ" ? c ? "comment" : "thread" : "general", f = JSON.stringify(F?.workspaceInfo);
-    let w = q ? q(C.current) : "";
-    w.length > 100 && (w = w.slice(0, 99) + "…");
-    const x = {
-      id: d,
-      quote: m === "thread" ? w : m === "general" ? f : "",
-      deleted: !1,
-      type: m,
-      clientKey: crypto.randomUUID(),
-      resolution: null,
-      edited: !1,
-      text: e.value,
-      reactions: [],
-      files: e.files,
-      authorId: se?.id || "",
-      timeStamp: performance.timeOrigin + performance.now(),
-      children: []
-    };
-    l === "FAQ" ? c ? (T(x, !1, c, C.current), B((u) => ({
-      ...u,
-      replyList: [...u.replyList, c.id]
-    }))) : (K('ul[class*="commentPluginCommentsPanelList"]'), T(
-      x,
-      !0,
-      void 0,
-      C.current
-    )) : (K('ul[class*="commentPluginCommentsPanelList"]'), O.current?.(), T(x, !0)), a(), C.current = null;
+  }, [d, a, m, i.text]), S = () => {
+    B ? B({
+      id: "",
+      text: "",
+      files: []
+    }) : j?.();
+  }, I = (e, n = !1) => {
+    R((r) => {
+      if (n)
+        return { text: "", files: [] };
+      const s = typeof e == "function" ? e(r) : e;
+      return {
+        text: s.text,
+        files: s.files
+      };
+    });
+  }, J = (e, n) => {
+    e && n((r) => {
+      const s = r.files, x = le - s.length, f = [], y = [];
+      e.forEach((E) => {
+        E.size > ce ? y.push(E) : f.push(E);
+      }), y.length > 0 && L({
+        message: U(p, "uploadErrors.fileTooLarge")
+      }), f.length > x && L({
+        message: U(p, "uploadErrors.tooManyFiles")
+      });
+      const c = f.slice(0, x);
+      return {
+        ...r,
+        files: [...s, ...c.map(ie)]
+      };
+    });
+  }, g = async () => {
     try {
-      await F?.commentActions.submitCommentApi({
-        text: e.value,
-        commentType: l,
-        parentType: s,
-        parentId: o,
-        onSuccess: async (u) => {
-          const z = u.id, ue = u.updatedAt;
-          let J = [];
-          n && (J = (await ye(
-            z,
-            e.files,
-            F.commentActions.uploadCommentFileApi
-          )).map(
-            (pe) => H(pe)
-          )), _ && _(
-            d,
-            z,
-            ue,
-            m,
-            J.flat(),
-            c
-          );
+      d ? await l({
+        mode: "edit",
+        data: {
+          textChanged: H,
+          newFiles: W,
+          deletedFiles: G,
+          newText: i.text
+        }
+      }) : await l({
+        mode: "create",
+        data: {
+          text: i.text,
+          files: m.files.filter(se)
         }
       });
-    } catch (u) {
-      console.error("Error submitting comment:", u);
-    }
-  }, N = () => {
-    i ? Z?.(h.current) : le();
-  }, ce = () => {
-    const e = !!r.value?.trim(), o = !!r.files?.length;
-    U({
-      title: t.inputEditor.clearModal.title,
-      labels: {
-        confirm: t.deleteModal.actions.remove,
-        cancel: t.deleteModal.actions.cancel
-      },
-      children: Me(e, o, t),
-      onConfirm: () => {
-        E({ files: [], value: "" }), O.current?.();
-      }
-    });
-  };
-  I(() => {
-    h.current = r;
-  }, [r]);
-  const ae = (e) => {
-    const o = typeof e == "string";
-    if (o && Q && !i) {
-      Q(e);
-      const n = r.files.filter((s) => "file" in s);
-      E((s) => ({
-        ...s,
-        files: n
-      }));
+    } catch {
       return;
     }
-    E((n) => {
-      const s = o ? n.files.filter((l) => l.id !== e) : n.files.filter((l, d) => d !== e);
-      return { ...n, files: s };
-    });
-  }, de = (e) => {
-    !e || e.length === 0 || E((o) => {
-      const n = o.files || [], s = Fe - n.length, l = [], d = [];
-      e.forEach((f) => {
-        f.size <= ve ? l.push(f) : d.push(f);
-      }), d.length > 0 && k({
-        message: t?.notifications?.uploadMessages?.fileTooLarge
-      }), l.length > s && k({
-        message: t?.notifications?.uploadMessages?.tooManyFiles
-      });
-      const m = l.slice(0, s).map((f) => H(f, !0));
-      return m.length === 0 ? o : {
-        ...o,
-        files: [...n, ...m]
-      };
-    });
-  }, me = r.value !== "" || r.files.length > 0, fe = r.files.length === 10;
-  return /* @__PURE__ */ S(
-    "div",
+    S(), u.current && u.current.update(() => {
+      const e = u.current._editorState._nodeMap.get("root");
+      if (!e) return;
+      e.clear();
+      const n = u.current._nodes.get("paragraph");
+      if (!n) return;
+      const r = new n.klass();
+      e.append(r), r.select();
+    }), I({ text: "", files: [] }, !0);
+  };
+  return /* @__PURE__ */ o(
+    q,
     {
-      ref: M,
-      className: `${P.commentPluginCommentsPanelListThreadEditor} ${i ? P.edited : ""}`,
-      children: /* @__PURE__ */ $(
+      ref: F,
+      className: `
+      ${h.commentComposerWrapper}
+      ${b ? h.commentComposerFloat : ""}
+      ${d ? h.editMode : ""}
+  `,
+      children: /* @__PURE__ */ z(
         "div",
         {
-          className: P.commentPluginEditorContainer,
+          className: h.composerContainer,
           style: {
-            "--placeholder-text": `"${ie}..."`
+            "--placeholder-text": `"${k}"`
           },
           children: [
-            /* @__PURE__ */ S(
-              be,
+            /* @__PURE__ */ o("div", { className: h.editorWrapper, children: /* @__PURE__ */ o(
+              ne,
               {
-                onSubmit: N,
-                handleBlur: a,
-                autoFocus: D,
-                registerClearEditor: (e) => {
-                  O.current = e;
-                },
-                children: (e) => typeof A == "function" ? A({
-                  onSubmit: N,
-                  handleBlur: a,
-                  autoFocus: D,
-                  setCommentValue: E,
-                  commentValue: r,
-                  editorRef: e
-                }) : A
+                onSubmit: g,
+                editorRef: u,
+                inputContainerRef: F,
+                commentDraft: i,
+                onBlur: S,
+                isEdit: d,
+                isFloat: b,
+                hasChanges: w,
+                ns: C,
+                children: t?.({
+                  onSubmit: g,
+                  handleBlur: () => {
+                  },
+                  setCommentDraft: I,
+                  commentDraft: i,
+                  editorRef: u,
+                  initialContent: a?.text ?? ""
+                })
+              }
+            ) }),
+            /* @__PURE__ */ o(Q, { h: 10, "data-editor-spacer": !0, tabIndex: 0, style: { width: "100%" } }),
+            /* @__PURE__ */ o(
+              oe,
+              {
+                files: m.files,
+                mode: "draft",
+                onRemove: (e) => R((n) => ({
+                  ...n,
+                  files: n.files.filter((r, s) => s !== e)
+                }))
               }
             ),
-            /* @__PURE__ */ $("div", { className: P.commentPluginInputFooterContainer, children: [
-              /* @__PURE__ */ S(
-                Ee,
-                {
-                  hasPermission: !0,
-                  removeImage: ae,
-                  files: r.files,
-                  locales: t
-                }
-              ),
-              /* @__PURE__ */ S(
-                Ce,
-                {
-                  handleClearInput: ce,
-                  disabledSubmitButton: !me,
-                  disabledUploadButton: fe,
-                  handleFileChange: de,
-                  onSubmit: N,
-                  locales: t,
-                  isFloatInput: R,
-                  isSubmitting: ee,
-                  setIsSubmitting: te
-                }
-              )
-            ] })
+            /* @__PURE__ */ z(
+              N,
+              {
+                justify: d ? "space-between" : "flex-end",
+                "data-comment-footer": !0,
+                align: "center",
+                w: "unset",
+                mt: m.files.length ? "xs" : 0,
+                tabIndex: 0,
+                gap: "4px",
+                children: [
+                  /* @__PURE__ */ o(
+                    Y,
+                    {
+                      onChange: (e) => J(e, I),
+                      multiple: !0,
+                      children: (e) => /* @__PURE__ */ o($, { ...e, variant: "subtle", size: "lg", color: "gray", children: /* @__PURE__ */ o(
+                        A,
+                        {
+                          style: { transform: "rotate(35deg)" },
+                          icon: V,
+                          size: 20
+                        }
+                      ) })
+                    }
+                  ),
+                  d ? /* @__PURE__ */ z(N, { gap: "8px", children: [
+                    /* @__PURE__ */ o(
+                      D,
+                      {
+                        onClick: S,
+                        "data-no-focus": !0,
+                        style: {
+                          cursor: "pointer",
+                          padding: 0,
+                          margin: 0,
+                          background: "none",
+                          border: "none"
+                        },
+                        children: /* @__PURE__ */ o(ee, { size: "sm", c: "dimmed", children: p("composer.cancel") })
+                      }
+                    ),
+                    /* @__PURE__ */ o(
+                      te,
+                      {
+                        size: "xs",
+                        radius: "md",
+                        onClick: g,
+                        disabled: d ? w : !w,
+                        children: p("composer.save")
+                      }
+                    )
+                  ] }) : /* @__PURE__ */ o(
+                    $,
+                    {
+                      color: "var(--mantine-primary-color-filled)",
+                      size: "lg",
+                      "data-comment-submit-button": !0,
+                      variant: "filled",
+                      onClick: g,
+                      disabled: !i.text.trim() && i.files.length === 0,
+                      children: /* @__PURE__ */ o(A, { icon: Z, size: 20 })
+                    }
+                  )
+                ]
+              }
+            )
           ]
         }
       )
@@ -284,5 +262,5 @@ const ve = 5 * 1024 * 1024, Fe = 10, De = ({
   );
 };
 export {
-  De as CommentComposer
+  be as CommentComposer
 };

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

@@ -0,0 +1,103 @@
+export declare namespace CommentComposerTypes {
+    enum Entity {
+        None = "NONE",
+        Project = "PROJECT",
+        Sprint = "SPRINT",
+        Folder = "FOLDER",
+        Workspace = "WORKSPACE",
+        Page = "PAGE",
+        Task = "PROJECTTASK",
+        Form = "FORM",
+        Attachment = "ATTACHMENT",
+        User = "USER",
+        Comment = "COMMENT",
+        Flow = "FLOW"
+    }
+    interface OptimisticCommentFile {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: true;
+        raw: File;
+    }
+    interface CommentAttachment {
+        id: string;
+        name: string;
+        type: string;
+        size: number;
+        url: string;
+        src: string;
+        isImage: boolean;
+        isTemp: boolean;
+        raw?: File;
+    }
+    type AnyCommentFile = CommentAttachment;
+    interface CommentDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface RenderEditorParams {
+        onSubmit: () => void;
+        handleBlur: (e: any) => void;
+        setCommentDraft: React.Dispatch<React.SetStateAction<CommentDraft>>;
+        commentDraft: CommentDraft;
+        editorRef: React.MutableRefObject<unknown>;
+        initialContent?: string;
+    }
+    interface ComposerInitialDraft {
+        text: string;
+        files: CommentAttachment[];
+    }
+    interface ComposerDraft {
+        text: string;
+        files: CommentAttachment[];
+        quote?: string;
+    }
+    interface EditChangesPayload {
+        textChanged: boolean;
+        newFiles: CommentAttachment[];
+        deletedFiles: CommentAttachment[];
+        newText: string;
+    }
+    type ComposerSubmitPayload = {
+        mode: 'create';
+        data: ComposerDraft;
+    } | {
+        mode: 'edit';
+        data: EditChangesPayload;
+    };
+}
+export interface PlacementData {
+    placement?: 'top' | 'bottom';
+    maxHeight?: number;
+    style?: React.CSSProperties;
+}
+export interface CommentComposerBaseProps {
+    children?: (params: CommentComposerTypes.RenderEditorParams) => React.ReactNode;
+    onSubmit: (payload: CommentComposerTypes.ComposerSubmitPayload) => void;
+    initialDraft?: CommentComposerTypes.ComposerInitialDraft;
+    ns?: string;
+    placementData?: PlacementData;
+    setEdit?: (v: {
+        id: string;
+        text: string;
+        files: CommentComposerTypes.AnyCommentFile[];
+    }) => void;
+}
+export interface FloatComposerProps extends CommentComposerBaseProps {
+    updateLocation: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    onBlur: () => void;
+}
+export interface InlineComposerProps extends CommentComposerBaseProps {
+    updateLocation?: undefined;
+    onBlur?: () => void;
+}
+export type CommentComposerProps = FloatComposerProps | InlineComposerProps;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/CommentComposer/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/types.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+interface UseFloatingPositionProps {
+    boxRef: React.RefObject<HTMLDivElement>;
+    isFloat: boolean;
+    updateLocation?: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    }) => void;
+    selectionRef: React.MutableRefObject<any>;
+    selectionState: {
+        container: HTMLDivElement;
+        elements: HTMLSpanElement[];
+    };
+}
+export declare function useFloatingPosition({ boxRef, isFloat, updateLocation, selectionRef, selectionState, }: UseFloatingPositionProps): void;
+export {};
+//# sourceMappingURL=useFloatingPosition.d.ts.map

package/dist/components/CommentComposer/useFloatingPosition.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFloatingPosition.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/useFloatingPosition.ts"],"names":[],"mappings":"AAEA,UAAU,wBAAwB;IAChC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACxC,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,CAAC,EAAE,CACf,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,EACzC,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,KACE,IAAI,CAAC;IACV,YAAY,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC1C,cAAc,EAAE;QACd,SAAS,EAAE,cAAc,CAAC;QAC1B,QAAQ,EAAE,eAAe,EAAE,CAAC;KAC7B,CAAC;CACH;AAED,wBAAgB,mBAAmB,CAAC,EAClC,MAAM,EACN,OAAO,EACP,cAAc,EACd,YAAY,EACZ,cAAc,GACf,EAAE,wBAAwB,QAqR1B"}