@ynput/ayon-frontend-shared 0.6.8 → 0.7.0

package/dist/Feed.es.js

@@ -1,18 +1,19 @@
 import { A as lt, F as dt, u as ut } from "./chunks/ThumbnailSimple.es.js";
 import { jsxs as V, jsx as A } from "react/jsx-runtime";
 import { useRef as X, useEffect as _, useMemo as j, useCallback as G } from "react";
-import T from "clsx";
+import N from "clsx";
 import { Icon as z } from "@ynput/ayon-react-components";
 import { e as J, D as Q, S as Y } from "./chunks/Feed.es.js";
-import { A as vt, C as gt, a as yt, F as mt, b as pt, c as ht, d as xt, i as It, f as bt } from "./chunks/Feed.es.js";
+import { A as gt, C as vt, a as mt, b as yt, F as pt, c as ht, d as xt, f as It, i as bt, g as At, r as wt } from "./chunks/Feed.es.js";
+import { b as Et, c as Dt, i as Tt } from "./chunks/PlayableIcon.es.js";
 const Z = ({ files: c, index: t, activityId: s, onNavigate: e }) => {
-  const n = c, o = t, u = s, l = () => n[0].id != u, a = () => n[n.length - 1].id != u, r = () => o > 0 || l(), I = () => o < n.find((i) => i.id == u).files.length - 1 || a(), g = () => n[n.findIndex((i) => i.id == u) - 1], m = () => n[n.findIndex((i) => i.id == u) + 1], f = () => g().id, d = () => m().id;
+  const n = c, o = t, u = s, l = () => n[0].id != u, a = () => n[n.length - 1].id != u, r = () => o > 0 || l(), I = () => o < n.find((i) => i.id == u).files.length - 1 || a(), v = () => n[n.findIndex((i) => i.id == u) - 1], y = () => n[n.findIndex((i) => i.id == u) + 1], f = () => v().id, d = () => y().id;
   return {
     canNavigateDown: a,
     canNavigateUp: l,
     canNavigateLeft: r,
     canNavigateRight: I,
-    getPreviousActivity: g,
+    getPreviousActivity: v,
     getNextActivityId: d,
     getByIndexActivity: (i, h) => !i === null || h == null ? { id: null, projectName: null, mime: null, extension: null } : n.find((x) => x.id == i).files[h],
     navigateUp: () => {
@@ -22,7 +23,7 @@ const Z = ({ files: c, index: t, activityId: s, onNavigate: e }) => {
     navigateLeft: () => {
       if (o > 0)
         return e({ delta: -1 });
-      const i = g();
+      const i = v();
       e({
         activityId: i.id,
         index: i.files.length - 1
@@ -48,82 +49,82 @@ const Z = ({ files: c, index: t, activityId: s, onNavigate: e }) => {
     canNavigateLeft: a,
     canNavigateRight: r,
     getByIndexActivity: I,
-    navigateUp: g,
-    navigateDown: m,
+    navigateUp: v,
+    navigateDown: y,
     navigateLeft: f,
     navigateRight: d
-  } = Z({ files: c, index: t, activityId: s, onNavigate: o }), p = { ...I(s, t), projectName: e }, { id: v, mime: b, extension: w, name: P } = p, i = X(null);
+  } = Z({ files: c, index: t, activityId: s, onNavigate: o }), p = { ...I(s, t), projectName: e }, { id: g, mime: b, extension: w, name: k } = p, i = X(null);
   _(() => {
-    v && e && i.current?.focus();
-  }, [v, e]);
+    g && e && i.current?.focus();
+  }, [g, e]);
   const h = () => {
     n();
-  }, k = Object.values(J).find(
-    ({ mimeTypes: L }) => L.some((N) => (b || w)?.includes(N))
-  ), { component: x, id: R, callback: C, fullPreviews: B } = k || {};
+  }, P = Object.values(J).find(
+    ({ mimeTypes: L }) => L.some((T) => (b || w)?.includes(T))
+  ), { component: x, id: R, callback: C, fullPreviews: O } = P || {};
   if (_(() => {
-    if (!v || !e || !x || C) return;
+    if (!g || !e || !x || C) return;
     const L = {
-      ArrowUp: [l, g],
-      ArrowDown: [u, m],
+      ArrowUp: [l, v],
+      ArrowDown: [u, y],
       ArrowLeft: [a, f],
       ArrowRight: [r, d]
-    }, N = (y) => {
-      if (y.key === "Escape") {
-        y.preventDefault(), y.stopPropagation(), h();
+    }, T = (m) => {
+      if (m.key === "Escape") {
+        m.preventDefault(), m.stopPropagation(), h();
         return;
       }
-      const U = L[y.code];
-      if (!U) return;
-      if (y.target instanceof HTMLElement) {
-        const { tagName: M, isContentEditable: q } = y.target;
-        if (M === "INPUT" || M === "TEXTAREA" || q) return;
+      const M = L[m.code];
+      if (!M) return;
+      if (m.target instanceof HTMLElement) {
+        const { tagName: U, isContentEditable: H } = m.target;
+        if (U === "INPUT" || U === "TEXTAREA" || H) return;
       }
-      y.preventDefault(), y.stopPropagation();
-      const [W, H] = U;
-      W() && H();
+      m.preventDefault(), m.stopPropagation();
+      const [W, q] = M;
+      W() && q();
     };
-    return document.addEventListener("keydown", N, !0), () => document.removeEventListener("keydown", N, !0);
-  }, [v, e, c, t, s, x, C]), !v || !e) return null;
+    return document.addEventListener("keydown", T, !0), () => document.removeEventListener("keydown", T, !0);
+  }, [g, e, c, t, s, x, C]), !g || !e) return null;
   if (C)
     return C(p), null;
-  const O = () => a() && f(), S = () => r() && d(), D = R === "image", F = R === "video", E = 50;
+  const S = () => a() && f(), B = () => r() && d(), E = R === "image", F = R === "video", D = 50;
   return x ? /* @__PURE__ */ V(
     Q,
     {
       size: "full",
-      isOpen: !!(v && e),
+      isOpen: !!(g && e),
       onClose: h,
-      hideCancelButton: D,
+      hideCancelButton: E,
       ref: i,
-      className: T({ isImage: D }, "block-shortcuts"),
-      header: D ? null : P,
+      className: N({ isImage: E }, "block-shortcuts"),
+      header: E ? null : k,
       children: [
-        /* @__PURE__ */ A("div", { style: { position: "absolute", inset: 0, zIndex: E }, onClick: h }),
+        /* @__PURE__ */ A("div", { style: { position: "absolute", inset: 0, zIndex: D }, onClick: h }),
         /* @__PURE__ */ A(
           z,
           {
-            style: { zIndex: E + 1 },
+            style: { zIndex: D + 1 },
             icon: "chevron_left",
-            className: T("navIcon", "left", { disabled: !a() }),
-            onClick: O
+            className: N("navIcon", "left", { disabled: !a() }),
+            onClick: S
           }
         ),
         /* @__PURE__ */ A(
           Y,
           {
-            style: { zIndex: E + 1 },
-            className: T({ scrollable: !D && !F, fill: F }),
-            children: /* @__PURE__ */ A(x, { file: p, fullPreviews: B })
+            style: { zIndex: D + 1 },
+            className: N({ scrollable: !E && !F, fill: F }),
+            children: /* @__PURE__ */ A(x, { file: p, fullPreviews: O })
           }
         ),
         /* @__PURE__ */ A(
           z,
           {
-            style: { zIndex: E + 1 },
+            style: { zIndex: D + 1 },
             icon: "chevron_right",
-            className: T("navIcon", "right", { disabled: !r() }),
-            onClick: S
+            className: N("navIcon", "right", { disabled: !r() }),
+            onClick: B
           }
         )
       ]
@@ -153,35 +154,40 @@ const Z = ({ files: c, index: t, activityId: s, onNavigate: e }) => {
     (l) => {
       const { key: a, target: r, shiftKey: I } = l;
       if (r.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
-        const g = a === "ArrowDown" ? 1 : -1, m = g === 1 ? r.nextElementSibling : r.previousElementSibling;
-        if (!m) return;
-        const f = K(m.classList);
+        const v = a === "ArrowDown" ? 1 : -1, y = v === 1 ? r.nextElementSibling : r.previousElementSibling;
+        if (!y) return;
+        const f = K(y.classList);
         if (!f && f !== "undefined") return;
         let d = [f];
-        I && n && (d = $(s, d, o, f, g));
-        const p = d, v = d.reduce((b, w) => (b[w] = !0, b), {});
-        e({ array: p, object: v });
+        I && n && (d = $(s, d, o, f, v));
+        const p = d, g = d.reduce((b, w) => (b[w] = !0, b), {});
+        e({ array: p, object: g });
       }
     },
     [o, s]
   );
 };
 export {
-  vt as ActivityCategorySelect,
+  gt as ActivityCategorySelect,
   lt as ActivityReferenceTooltip,
-  gt as CategoryDropdownItem,
+  vt as COMMENT_DIRECTIVES,
+  mt as CategoryDropdownItem,
   yt as CategoryTag,
-  mt as FEED_NEW_COMMENT,
-  pt as Feed,
+  pt as FEED_NEW_COMMENT,
+  ht as Feed,
   dt as FeedContext,
-  ht as FeedProvider,
+  xt as FeedProvider,
   ot as FileUploadPreview,
-  xt as activitiesLast,
+  It as activitiesLast,
+  Et as blockquoteTag,
+  Dt as codeTag,
   J as expandableMimeTypes,
   K as extractIdFromClassList,
   $ as getMultiSelection,
-  It as isCategoryHidden,
-  bt as isFilePreviewable,
+  Tt as inputTag,
+  bt as isCategoryHidden,
+  At as isFilePreviewable,
+  wt as remarkLiteralDirectives,
   ut as useFeedContext,
   at as useTableKeyboardNavigation
 };