@ynput/ayon-frontend-shared 0.2.37 → 0.2.38

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.es.js

@@ -1,34 +1,45 @@
 import { j as i } from "../../../../../../_virtual/jsx-runtime.es.js";
 import { useState as g, useRef as Y, useEffect as It, useMemo as Ft } from "react";
 import J from "clsx";
-import { toast as oe } from "react-toastify";
-import ne, { Quill as re } from "react-quill-ayon";
-import { Button as N, SaveButton as se, Icon as ie } from "@ynput/ayon-react-components";
-import le from "../CommentMentionSelect/CommentMentionSelect.es.js";
-import ae from "./InputMarkdownConvert.es.js";
-import ce from "../FilesGrid/FilesGrid.es.js";
-import { AutoHeight as me, Comment as pe, Markdown as de, Placeholder as ue, Footer as fe, Buttons as St, Dropzone as he } from "./CommentInput.styled.es.js";
-import { QuillListStyles as ge } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
-import xe from "../../mentionHelpers/getMentionOptions.es.js";
-import ye from "../../mentionHelpers/getMentionUsers.es.js";
-import Ce from "../../mentionHelpers/getMentionTasks.es.js";
-import ke from "../../mentionHelpers/getMentionVersions.es.js";
-import { convertToMarkdown as ve } from "./quillToMarkdown.es.js";
-import { handleFileDrop as we, parseImages as Me, typeWithDelay as je } from "./helpers.es.js";
-import { getModules as Te, quillFormats as Ie } from "./modules/index.es.js";
-import Fe from "./hooks/useInitialValue.es.js";
-import Se from "./hooks/useSetCursorEnd.es.js";
-import De from "./hooks/useMentionLink.es.js";
+import { toast as ne } from "react-toastify";
+import re, { Quill as se } from "react-quill-ayon";
+import { Button as N, SaveButton as ie, Icon as le } from "@ynput/ayon-react-components";
+import ae from "../CommentMentionSelect/CommentMentionSelect.es.js";
+import ce from "./InputMarkdownConvert.es.js";
+import me from "../FilesGrid/FilesGrid.es.js";
+import { AutoHeight as pe, Comment as de, Markdown as ue, Placeholder as fe, Footer as he, Buttons as St, Dropzone as ge } from "./CommentInput.styled.es.js";
+import { QuillListStyles as xe } from "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import ye from "../../mentionHelpers/getMentionOptions.es.js";
+import Ce from "../../mentionHelpers/getMentionUsers.es.js";
+import ke from "../../mentionHelpers/getMentionTasks.es.js";
+import ve from "../../mentionHelpers/getMentionVersions.es.js";
+import { convertToMarkdown as we } from "./quillToMarkdown.es.js";
+import { handleFileDrop as Me, parseImages as je, typeWithDelay as Te } from "./helpers.es.js";
+import { getModules as Ie, quillFormats as Fe } from "./modules/index.es.js";
+import Se from "./hooks/useInitialValue.es.js";
+import De from "./hooks/useSetCursorEnd.es.js";
+import Pe from "./hooks/useMentionLink.es.js";
 import be from "./hooks/useAnnotationsSync.es.js";
-import { useBlendedCategoryColor as Pe } from "./hooks/useBlendedCategoryColor.es.js";
-import Ae from "./hooks/useAnnotationsUpload.es.js";
-import { useFeedContext as Ue } from "../../context/FeedContext.es.js";
+import { useBlendedCategoryColor as Ae } from "./hooks/useBlendedCategoryColor.es.js";
+import Ue from "./hooks/useAnnotationsUpload.es.js";
+import { useFeedContext as Le } from "../../context/FeedContext.es.js";
 import "react-dom";
 import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "lodash";
-import "uuid";
-import "../../../../util/pubsub.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as Re } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../context/SettingsPanelContext.es.js";
+import "../../../../context/pip/PiPProvider.es.js";
+import "../../../../context/pip/PiPWrapper.es.js";
+import "../../../../context/AddonProjectContext.es.js";
+import "../../../../context/AddonContext.es.js";
+import "../../../../context/PowerpackContext.es.js";
+import "../../../../context/MoveEntityContext.es.js";
+import "../../../../context/MenuContext.es.js";
+import "../../../../context/WebsocketContext.es.js";
+import "../../../../context/GlobalContext.es.js";
+import { useProjectContext as qe } from "../../../../context/ProjectContext.es.js";
 import "../FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -38,25 +49,15 @@ import "remark-directive";
 import "remark-directive-rehype";
 import "../ReactionContainer/Reactions.styled.es.js";
 import "../ActivityComment/ActivityComment.styled.es.js";
+import "lodash";
 import "../ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../ActivityReference/ActivityReference.styled.es.js";
+import "uuid";
+import "../../../../util/pubsub.es.js";
 import "react-router-dom";
 import "../ActivityStatus/ActivityStatus.es.js";
 import "../ActivityHeader/ActivityHeader.styled.es.js";
 import "../ActivityDate.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Le } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-import "../../../../context/pip/PiPWrapper.es.js";
-import "../../../../context/AddonProjectContext.es.js";
-import "../../../../context/AddonContext.es.js";
-import "../../../../context/PowerpackContext.es.js";
-import "../../../../context/MoveEntityContext.es.js";
-import "../../../../context/MenuContext.es.js";
-import "../../../../context/WebsocketContext.es.js";
-import "../../../../context/GlobalContext.es.js";
 import "../ActivityCategorySelect/CategoryTag.es.js";
 import "../ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
@@ -66,9 +67,9 @@ import "../../Feed.styled.es.js";
 import "date-fns";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { ActivityCategorySelect as Re, isCategoryHidden as qe } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import { ActivityCategorySelect as Ee, isCategoryHidden as He } from "../ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
-var Dt = re.import("delta");
+var Dt = se.import("delta");
 const B = ["@", "@@", "@@@"], O = {
   "@@@": {
     id: "task"
@@ -80,13 +81,13 @@ const B = ["@", "@@", "@@@"], O = {
     id: "user",
     isCircle: !0
   }
-}, on = ({
+}, sn = ({
   initValue: X,
-  initFiles: bt = [],
-  initCategory: Pt = null,
+  initFiles: Pt = [],
+  initCategory: bt = null,
   onSubmit: Z,
   isEditing: c,
-  disabled: b,
+  disabled: P,
   isLoading: tt,
   isOpen: m,
   onOpen: et,
@@ -97,27 +98,27 @@ const B = ["@", "@@", "@@@"], O = {
     projectName: w,
     entities: K,
     projectInfo: At,
-    scope: Ee,
+    scope: Ne,
     currentTab: Ut,
     mentionSuggestionsData: Lt,
     categories: nt,
     isGuest: x
-  } = Ue(), { hasLicense: Rt, onPowerFeature: qt, user: M } = Le(), Et = !((Mt = M == null ? void 0 : M.data) != null && Mt.isAdmin) && !((jt = M == null ? void 0 : M.data) != null && jt.isManager), {
+  } = Le(), { hasLicense: Rt, onPowerFeature: qt, user: M } = Re(), Et = !((Mt = M == null ? void 0 : M.data) != null && Mt.isAdmin) && !((jt = M == null ? void 0 : M.data) != null && jt.isManager), Ht = qe(), {
     users: rt,
     versions: st,
     tasks: it
-  } = Lt || {}, [lt, Ht] = g(88), [V, A] = g(""), [j, U] = g(bt), [$, L] = g([]), [at, R] = g(!1), [Nt, ct] = g(!1), { annotations: q, removeAnnotation: z, goToAnnotation: Bt } = be({
+  } = Lt || {}, [lt, Nt] = g(88), [V, A] = g(""), [j, U] = g(Pt), [$, L] = g([]), [at, R] = g(!1), [Bt, ct] = g(!1), { annotations: q, removeAnnotation: z, goToAnnotation: Kt } = be({
     entityId: (Tt = K[0]) == null ? void 0 : Tt.id,
     filesUploading: $
-  }), [o, k] = g(null), [G, T] = g(0), [E, Kt] = g(Pt), mt = nt.filter((t) => t.accessLevel >= 20), I = nt.find((t) => t.name === E), pt = Pe(I == null ? void 0 : I.color), p = Y(null), Vt = Y(null), dt = Y(null);
-  Fe({
+  }), [o, k] = g(null), [G, T] = g(0), [E, Vt] = g(bt), mt = nt.filter((t) => t.accessLevel >= 20), I = nt.find((t) => t.name === E), pt = Ae(I == null ? void 0 : I.color), p = Y(null), $t = Y(null), dt = Y(null);
+  Se({
     markdownRef: dt,
     initValue: X,
     setEditorValue: A,
-    setInitHeight: Ht,
+    setInitHeight: Nt,
     isOpen: m,
     filter: Ut
-  }), Se({ initHeight: lt, editorRef: p, isEditing: c }), De({ projectName: w }), It(() => {
+  }), De({ initHeight: lt, editorRef: p, isEditing: c }), Pe({ projectName: w }), It(() => {
     var t, e, n;
     if (m) {
       if ((e = (t = p.current) == null ? void 0 : t.getEditor()) == null || e.enable(), q.length > 0 && j.length === 0)
@@ -126,17 +127,17 @@ const B = ["@", "@@", "@@@"], O = {
     }
   }, [m, p]), B.sort((t, e) => e.length - t.length);
   const ut = Ft(
-    () => xe(
+    () => ye(
       o == null ? void 0 : o.type,
       {
-        "@": () => ye(rt),
-        "@@": () => ke(st),
-        "@@@": () => Ce(it, At.taskTypes)
+        "@": () => Ce(rt),
+        "@@": () => ve(st, Ht),
+        "@@@": () => ke(it, At.taskTypes)
       },
       o == null ? void 0 : o.search
     ),
     [it, st, rt, o == null ? void 0 : o.type, o == null ? void 0 : o.search]
-  ), P = ut.slice(0, 5), [Q, ft] = g();
+  ), b = ut.slice(0, 5), [Q, ft] = g();
   It(() => {
     Q && (ft(null), p.current.getEditor().setSelection(Q));
   }, [Q]);
@@ -145,9 +146,9 @@ const B = ["@", "@@", "@@@"], O = {
     e.deleteText(F, r.length), e.insertText(F, s, "mention", u);
     const S = F + s.length;
     e.updateContents(new Dt().retain(S).insert(" ")), e.updateContents(new Dt().retain(S + 1).delete(1)), ft(S + 1), k(null), T(0);
-  }, $t = (t) => {
+  }, zt = (t) => {
     ht(t);
-  }, zt = (t, e, n, r) => {
+  }, Gt = (t, e, n, r) => {
     var F, S;
     let s = e.ops[0] && e.ops[0].insert || e.ops[1] && e.ops[1].insert;
     const l = s === `
@@ -168,8 +169,8 @@ const B = ["@", "@@", "@@@"], O = {
         if (y.endsWith(a))
           for (let h = y.length - 1; h >= 0; h--) {
             if (h === 0) continue;
-            const H = y[h - 1], ee = C - (y.length - h);
-            if (r.getText(ee, 1) !== H) {
+            const H = y[h - 1], oe = C - (y.length - h);
+            if (r.getText(oe, 1) !== H) {
               D = !1;
               break;
             }
@@ -211,20 +212,20 @@ const B = ["@", "@@", "@@@"], O = {
         }
       }
     }
-  }, Gt = (t) => {
+  }, Qt = (t) => {
     var l;
     const e = p.current.getEditor();
     let n = ((l = e.getSelection(!0)) == null ? void 0 : l.index) || 0;
     const r = e.getText(n - 1, 1);
-    r !== " " && r && (e.insertText(n, " "), n++), je(e, n, t);
+    r !== " " && r && (e.insertText(n, " "), n++), Te(e, n, t);
   }, _ = (t) => {
     if (o) {
       const { type: e, retain: n, search: r = "" } = o, s = p.current.getEditor(), l = e.length + r.length, u = n - e.length + 1;
       s.deleteText(u, l);
     }
-    Gt(t);
-  }, Qt = () => {
-    m || b || et && et();
+    Qt(t);
+  }, _t = () => {
+    m || P || et && et();
   }, gt = () => {
     (p.current.getEditor().getText().length < 2 || c) && A(""), ot && ot();
   }, W = ({ file: t, data: e }) => {
@@ -236,7 +237,7 @@ const B = ["@", "@@", "@@@"], O = {
       order: j.length
     };
     return U((r) => [...r, n]), L((r) => r.filter((s) => s.name !== t.name)), n;
-  }, _t = (t, e, n) => {
+  }, Wt = (t, e, n) => {
     n ? z == null || z(t) : (U((r) => r.filter((s) => s.id !== t)), L((r) => r.filter((s) => s.name !== e)));
   }, xt = (t, e) => {
     const n = Math.round(t.loaded * 100 / t.total);
@@ -249,11 +250,11 @@ const B = ["@", "@@", "@@@"], O = {
       };
       L((s) => [...s.filter((u) => u.name !== e.name), r]);
     }
-  }, Wt = (t) => {
-    R(!1), we(t, w, xt, W);
   }, Yt = (t) => {
+    R(!1), Me(t, w, xt, W);
+  }, Jt = (t) => {
     t.preventDefault(), t.stopPropagation(), R(!0);
-  }, Jt = Ae({
+  }, Ot = Ue({
     projectName: w,
     onSuccess: W
   }), yt = async () => {
@@ -261,10 +262,10 @@ const B = ["@", "@@", "@@@"], O = {
       ct(!0);
       let t = [], e = [];
       if (q.length) {
-        const { files: l, metadata: u } = await Jt(q);
+        const { files: l, metadata: u } = await Ot(q);
         t = l, e = u;
       }
-      const [n] = ve(V), r = Me(n), s = [...j, ...t];
+      const [n] = we(V), r = je(n), s = [...j, ...t];
       if ((r || s.length) && Z)
         try {
           await Z(r, s, {
@@ -276,11 +277,11 @@ const B = ["@", "@@", "@@@"], O = {
           return;
         }
     } catch (t) {
-      console.error(t), oe.error("Something went wrong");
+      console.error(t), ne.error("Something went wrong");
     } finally {
       ct(!1);
     }
-  }, Ot = (t) => {
+  }, Xt = (t) => {
     if (o) {
       if (t.key === "Escape") {
         k(null), T(0);
@@ -291,7 +292,7 @@ const B = ["@", "@@", "@@@"], O = {
       if (e) {
         t.preventDefault();
         let n = G + e;
-        n < 0 && (n = P.length - 1), n >= P.length && (n = 0), T(n);
+        n < 0 && (n = b.length - 1), n >= b.length && (n = 0), T(n);
       }
       t.key;
     }
@@ -299,8 +300,8 @@ const B = ["@", "@@", "@@@"], O = {
   };
   let Ct = m ? lt + 41 : 44;
   c && (Ct = void 0);
-  const Xt = Ft(
-    () => Te({
+  const Zt = Ft(
+    () => Ie({
       imageUploader: {
         projectName: w,
         onUpload: W,
@@ -310,48 +311,48 @@ const B = ["@", "@@", "@@@"], O = {
     [w, U, L]
   ), kt = [...q, ...j || [], ...$].sort(
     (t, e) => t.order - e.order
-  ), Zt = kt.length > 3;
+  ), te = kt.length > 3;
   let vt = null;
   K.length && K[0].entityType === "folder" && (o == null ? void 0 : o.type) === "@@" && (vt = "Version mentions are disabled for folders");
-  const wt = (t) => b ? x ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : x || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...";
+  const wt = (t) => P ? x ? "You do not have permission to comment." : "Commenting is disabled across multiple projects." : x || !t ? "Leave a comment" : "Comment or mention with @user, @@version, @@@task...";
   return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(
-    me,
+    pe,
     {
       className: J("comment-container", { isOpen: m, isEditing: c }),
-      onDragOver: Yt,
+      onDragOver: Jt,
       onDragLeave: () => R(!1),
-      onDrop: Wt,
+      onDrop: Yt,
       onClick: () => R(!1),
       onKeyDown: (t) => t.stopPropagation(),
       children: [
         /* @__PURE__ */ i.jsxs(
-          pe,
+          de,
           {
             className: J("block-shortcuts", {
               isOpen: m,
-              isClosed: !m || b,
+              isClosed: !m || P,
               isEditing: c,
               isDropping: at,
-              disabled: b,
+              disabled: P,
               isLoading: tt,
-              isSubmitting: Nt,
+              isSubmitting: Bt,
               category: !!E && !x
             }),
-            onKeyDown: Ot,
-            onClick: Qt,
+            onKeyDown: Xt,
+            onClick: _t,
             $categoryPrimary: I == null ? void 0 : I.color,
             $categoryTertiary: pt.primary,
             $categorySecondary: pt.secondary,
             children: [
-              /* @__PURE__ */ i.jsx(de, { ref: dt, children: /* @__PURE__ */ i.jsx(ae, { typeOptions: O, initValue: X }) }),
+              /* @__PURE__ */ i.jsx(ue, { ref: dt, children: /* @__PURE__ */ i.jsx(ce, { typeOptions: O, initValue: X }) }),
               m && /* @__PURE__ */ i.jsx(
-                ce,
+                me,
                 {
                   files: kt,
-                  isCompact: Zt || c,
-                  onRemove: _t,
+                  isCompact: te || c,
+                  onRemove: Wt,
                   projectName: w,
-                  onAnnotationClick: Bt,
+                  onAnnotationClick: Kt,
                   style: {
                     borderBottom: "1px solid var(--md-sys-color-outline-variant)",
                     height: "100%"
@@ -366,17 +367,17 @@ const B = ["@", "@@", "@@@"], O = {
                   }
                 }
               ),
-              m && !b ? /* @__PURE__ */ i.jsxs(ge, { ref: Vt, children: [
+              m && !P ? /* @__PURE__ */ i.jsxs(xe, { ref: $t, children: [
                 !x && /* @__PURE__ */ i.jsx(
-                  Re,
+                  Ee,
                   {
                     value: E,
                     categories: mt,
-                    onChange: (t) => Kt(t),
+                    onChange: (t) => Vt(t),
                     isCompact: c,
                     hasPowerpack: Rt,
                     onPowerFeature: qt,
-                    isHidden: qe(mt, { isGuest: x, isUser: Et }),
+                    isHidden: He(mt, { isGuest: x, isUser: Et }),
                     style: {
                       position: c ? "relative" : "absolute",
                       left: 4,
@@ -385,21 +386,21 @@ const B = ["@", "@@", "@@@"], O = {
                   }
                 ),
                 /* @__PURE__ */ i.jsx(
-                  ne,
+                  re,
                   {
                     theme: "snow",
                     style: { minHeight: Ct, maxHeight: 300 },
                     ref: p,
                     value: V,
-                    onChange: zt,
+                    onChange: Gt,
                     readOnly: !m,
                     placeholder: wt(!0),
-                    modules: Xt,
-                    formats: Ie
+                    modules: Zt,
+                    formats: Fe
                   }
                 )
-              ] }) : /* @__PURE__ */ i.jsx(ue, { children: wt() }),
-              /* @__PURE__ */ i.jsxs(fe, { children: [
+              ] }) : /* @__PURE__ */ i.jsx(fe, { children: wt() }),
+              /* @__PURE__ */ i.jsxs(he, { children: [
                 !x && /* @__PURE__ */ i.jsxs(St, { children: [
                   /* @__PURE__ */ i.jsx(
                     N,
@@ -435,7 +436,7 @@ const B = ["@", "@@", "@@@"], O = {
                 /* @__PURE__ */ i.jsxs(St, { style: { marginLeft: "auto" }, children: [
                   c && /* @__PURE__ */ i.jsx(N, { variant: "text", onClick: gt, children: "Cancel" }),
                   /* @__PURE__ */ i.jsx(
-                    se,
+                    ie,
                     {
                       label: c ? "Save" : "Comment",
                       className: "comment",
@@ -446,20 +447,20 @@ const B = ["@", "@@", "@@@"], O = {
                   )
                 ] })
               ] }),
-              /* @__PURE__ */ i.jsx(he, { className: J({ show: at && m }), children: /* @__PURE__ */ i.jsx(ie, { icon: "cloud_upload" }) })
+              /* @__PURE__ */ i.jsx(ge, { className: J({ show: at && m }), children: /* @__PURE__ */ i.jsx(le, { icon: "cloud_upload" }) })
             ]
           }
         ),
         /* @__PURE__ */ i.jsx(
-          le,
+          ae,
           {
             mention: o,
-            options: P,
-            onChange: $t,
+            options: b,
+            onChange: zt,
             types: B,
             config: O[o == null ? void 0 : o.type],
-            noneFound: !P.length && (o == null ? void 0 : o.search),
-            noneFoundAtAll: !P.length && !(o != null && o.search),
+            noneFound: !b.length && (o == null ? void 0 : o.search),
+            noneFoundAtAll: !b.length && !(o != null && o.search),
             selectedIndex: G,
             error: vt,
             isGuest: x
@@ -470,7 +471,7 @@ const B = ["@", "@@", "@@@"], O = {
   ) });
 };
 export {
-  on as default,
+  sn as default,
   O as mentionTypeOptions
 };
 //# sourceMappingURL=CommentInput.es.js.map