@layers-app/shared 0.2.0 → 0.2.1

package/dist/components/CommentComposer/CommentComposer.module.css.js

@@ -0,0 +1,15 @@
+const o = "_commentComposerWrapper_1iib4_1", e = "_commentComposerFloat_1iib4_68", r = "_composerContainer_1iib4_98", t = "_editorWrapper_1iib4_114", p = "_editMode_1iib4_170", m = {
+  commentComposerWrapper: o,
+  commentComposerFloat: e,
+  composerContainer: r,
+  editorWrapper: t,
+  editMode: p
+};
+export {
+  e as commentComposerFloat,
+  o as commentComposerWrapper,
+  r as composerContainer,
+  m as default,
+  p as editMode,
+  t as editorWrapper
+};

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

@@ -1,12 +1,18 @@
-import { ReactNode } from 'react';
-import * as React from 'react';
-type EditorType = any;
-type Props = {
-    children: (editorRef: React.MutableRefObject<EditorType | null>) => ReactNode;
+import React from 'react';
+import { CommentComposerTypes } from './types';
+export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
+    children: React.ReactNode;
     onSubmit: () => void;
-    handleBlur: () => void;
-    autoFocus?: boolean;
-    registerClearEditor?: (fn: () => void) => void;
-};
-export declare function CommentEditorBehavior({ children, onSubmit, handleBlur, autoFocus, registerClearEditor, }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+    editorRef: React.MutableRefObject<any>;
+    inputContainerRef: React.MutableRefObject<any>;
+    commentDraft: {
+        text: string;
+        files: CommentComposerTypes.CommentAttachment[];
+    };
+    onBlur?: () => void;
+    isFloat: boolean;
+    isEdit: boolean;
+    hasChanges: boolean;
+    ns: string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=CommentEditorHotkeys.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentEditorHotkeys.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/CommentEditorHotkeys.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAI/C,eAAO,MAAM,oBAAoB,GAAI,8GAWlC;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IACvC,iBAAiB,EAAE,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAC,CAAC;IAC/C,YAAY,EAAE;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,EAAE,CAAC;KACjD,CAAC;IACF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;CACZ,4CAoJA,CAAC"}

package/dist/components/CommentComposer/CommentEditorHotkeys.js

@@ -1,61 +1,99 @@
-import { jsx as p, Fragment as E } from "react/jsx-runtime";
-import { useRef as v, useEffect as i } from "react";
-import s from "../CommentsPanel/CommentsPanel.module.css.js";
-function y({
-  children: l,
-  onSubmit: c,
-  handleBlur: f,
-  autoFocus: u = !0,
-  registerClearEditor: d
-}) {
-  const r = v(null);
-  return i(() => {
-    const e = r.current;
-    !e || !u || setTimeout(() => {
-      e.focus(() => ({
-        defaultSelection: "rootEnd"
-      }));
-    }, 0);
-  }, [u]), i(() => {
-    const e = (a) => {
-      const t = a.target, n = r.current;
-      if (!(!n || !t) && (t.classList.contains(s.commentPluginInputFooterContainer) || t.classList.contains("editor-scroller") || t.classList.contains("doc-space-styles-provider"))) {
-        if (t.querySelector(`.${s.commentPluginImagePreviewList}`) || t.querySelector(`.${s.commentPluginFilePreviewContainer}`))
-          return;
-        setTimeout(() => {
-          n.focus(() => ({
-            defaultSelection: "rootEnd"
-          }));
-        }, 0);
+import { jsx as S } from "react/jsx-runtime";
+import { useRef as D, useEffect as m } from "react";
+import { useTranslation as T } from "react-i18next";
+import { openRemoveConfirmModal as y } from "../modals/RemoveConfirmModal.js";
+import w from "./CommentComposer.module.css.js";
+const W = ({
+  children: C,
+  onSubmit: v,
+  editorRef: a,
+  commentDraft: l,
+  onBlur: c,
+  inputContainerRef: g,
+  isFloat: f,
+  isEdit: i,
+  hasChanges: s,
+  ns: P
+}) => {
+  const p = D(null), L = i || f, { t: r } = T(P);
+  return m(() => {
+    const t = (e) => {
+      if (e.code === "Enter" && !e.shiftKey) {
+        if (e.stopPropagation(), i ? s : !s) return;
+        p.current && p.current.contains(document.activeElement) && (e.preventDefault(), v());
       }
     };
-    return document.addEventListener("mousedown", e), () => {
-      document.removeEventListener("mousedown", e);
-    };
-  }, []), i(() => {
-    const e = r.current;
-    if (!e) return;
-    d?.(() => {
-      e.update(() => {
-        const n = e._editorState._nodeMap.get("root");
-        if (!n) return;
-        n.clear();
-        const o = e._nodes.get("paragraph");
-        if (!o) return;
-        const m = new o.klass();
-        n.append(m), m.select();
-      });
-    });
-    const t = (n) => {
-      n.code === "Enter" && !n.shiftKey && document.activeElement === e.getRootElement() && (c(), setTimeout(() => {
-        e.blur();
-      }));
+    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
+  }, [v, i, s]), m(() => {
+    if (!L) return;
+    const t = a.current;
+    t && setTimeout(() => {
+      t.focus(() => ({ defaultSelection: "rootEnd" }));
+    }, 0);
+  }, []), m(() => {
+    const t = a.current;
+    if (!t) return;
+    const e = () => setTimeout(() => {
+      t.focus(() => ({ defaultSelection: "rootEnd" }));
+    }, 0), o = (u) => {
+      const n = u.target;
+      if (!n || n.closest("button") || n.closest("[data-no-focus]")) return;
+      if (n.closest("[data-editor-spacer='true']")) {
+        e();
+        return;
+      }
+      const d = n.closest(`.${w.commentComposerWrapper}`);
+      if (!d) return;
+      const E = d.querySelector("[data-comment-footer]");
+      if (!E || !E.contains(n)) return;
+      d.querySelector(`.${w.imagePreviewWrapper}`) || d.querySelector(`.${w.filePreviewWrapper}`) || e();
     };
-    return document.addEventListener("keydown", t), () => {
-      document.removeEventListener("keydown", t);
+    return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
+  }, [a]), m(() => {
+    const t = (e) => {
+      const o = e.target;
+      if (!o) return;
+      const u = g.current;
+      if (u && !u.contains(o) && !(o.closest(".mantine-Modal-root") || o.closest(".floating-text-format-popup") || o.closest('[data-test-id="floating-link-dropdown"]'))) {
+        if (i) {
+          if (!s) {
+            e.stopPropagation(), e.preventDefault(), y({
+              title: r("composer.discardTitle"),
+              children: r("composer.discardDescription"),
+              labels: {
+                confirm: r("composer.discardConfirm"),
+                cancel: r("composer.cancel")
+              },
+              icon: null,
+              onConfirm: () => c?.()
+            });
+            return;
+          }
+          c?.();
+          return;
+        }
+        if (f) {
+          if (l.text.trim() !== "" || (l.files?.length ?? 0) > 0) {
+            e.stopPropagation(), e.preventDefault(), y({
+              title: r("editor.composer.discardCommentTitle"),
+              children: r("editor.composer.discardCommentDescription"),
+              labels: {
+                confirm: r("editor.composer.discardConfirm"),
+                cancel: r("editor.composer.cancel")
+              },
+              icon: null,
+              onConfirm: () => c?.()
+            });
+            return;
+          }
+          c?.();
+          return;
+        }
+      }
     };
-  }, [c, f, d]), /* @__PURE__ */ p(E, { children: l(r) });
-}
+    return document.addEventListener("mousedown", t), () => document.removeEventListener("mousedown", t);
+  }, [i, f, s, l, c]), /* @__PURE__ */ S("div", { ref: p, children: C });
+};
 export {
-  y as CommentEditorBehavior
+  W as CommentEditorHandler
 };

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

@@ -1,56 +1,3 @@
-import { MutableRefObject } from 'react';
-import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
-import * as React from 'react';
-type EditorType = any;
-type RangeSelection = any;
-interface CommentValue {
-    value: string;
-    files: ICommentFile[];
-}
-interface CommentComposerProps {
-    children: (args: {
-        onSubmit: () => void;
-        handleBlur: () => void;
-        autoFocus: boolean;
-        setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
-        commentValue: CommentValue;
-        registerClearEditor?: (fn: () => void) => void;
-        editorRef?: React.MutableRefObject<EditorType | null>;
-    }) => 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[];
-    };
-    setCommentValue: React.Dispatch<React.SetStateAction<{
-        value: string;
-        files: ICommentFile[];
-    }>>;
-    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[];
-    }) => void;
-    provideCommentOptions?: ICommentOptions;
-    placeholder?: string;
-    composerLocales?: CommentsNs;
-}
-export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, placeholder, composerLocales, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { CommentComposerProps } from './types';
+export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentComposer/index.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,oBAAoB,EAAwB,MAAM,SAAS,CAAC;AA0CrE,eAAO,MAAM,eAAe,GAAI,4EAQ7B,oBAAoB,4CAwTtB,CAAC"}