@ynput/ayon-frontend-shared 0.5.0 → 0.6.1

package/dist/Feed.es.js

@@ -1,58 +1,187 @@
-import { A as D, a as I, C as M, b as P, F as K, c as L, d as N, e as k, i as j, f as O } from "./chunks/Feed.es.js";
-import { F as S, a as U, u as W } from "./chunks/PlayableIcon.es.js";
-import { useMemo as x, useCallback as E } from "react";
-const y = (t) => {
-  const e = Array.from(t).find((s) => s.startsWith("id-"));
-  return e ? e.split("-")[1] : null;
-}, F = (t, e, s, c, u) => {
-  const i = Object.keys(t);
-  return e = [.../* @__PURE__ */ new Set([...e, ...i])], e = s.filter((r) => e.includes(r)), i.includes(c) && (u === 1 ? e.shift() : e.pop()), e;
-}, A = ({
-  tableRef: t,
-  treeData: e,
+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 { 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";
+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;
+  return {
+    canNavigateDown: a,
+    canNavigateUp: l,
+    canNavigateLeft: r,
+    canNavigateRight: I,
+    getPreviousActivity: g,
+    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: () => {
+      e({ activityId: f(), index: 0 });
+    },
+    navigateDown: () => e({ activityId: d(), index: 0 }),
+    navigateLeft: () => {
+      if (o > 0)
+        return e({ delta: -1 });
+      const i = g();
+      e({
+        activityId: i.id,
+        index: i.files.length - 1
+      });
+    },
+    navigateRight: () => {
+      if (o < n.find((i) => i.id == u).files.length - 1)
+        return e({ delta: 1 });
+      e({ activityId: d(), index: 0 });
+    }
+  };
+}, ot = ({
+  files: c,
+  index: t,
+  activityId: s,
+  projectName: e,
+  onFilePreviewClose: n,
+  onNavigate: o
+}) => {
+  const {
+    canNavigateDown: u,
+    canNavigateUp: l,
+    canNavigateLeft: a,
+    canNavigateRight: r,
+    getByIndexActivity: I,
+    navigateUp: g,
+    navigateDown: m,
+    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);
+  _(() => {
+    v && e && i.current?.focus();
+  }, [v, 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 || {};
+  if (_(() => {
+    if (!v || !e || !x || C) return;
+    const L = {
+      ArrowUp: [l, g],
+      ArrowDown: [u, m],
+      ArrowLeft: [a, f],
+      ArrowRight: [r, d]
+    }, N = (y) => {
+      if (y.key === "Escape") {
+        y.preventDefault(), y.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;
+      }
+      y.preventDefault(), y.stopPropagation();
+      const [W, H] = U;
+      W() && H();
+    };
+    return document.addEventListener("keydown", N, !0), () => document.removeEventListener("keydown", N, !0);
+  }, [v, e, c, t, s, x, C]), !v || !e) return null;
+  if (C)
+    return C(p), null;
+  const O = () => a() && f(), S = () => r() && d(), D = R === "image", F = R === "video", E = 50;
+  return x ? /* @__PURE__ */ V(
+    Q,
+    {
+      size: "full",
+      isOpen: !!(v && e),
+      onClose: h,
+      hideCancelButton: D,
+      ref: i,
+      className: T({ isImage: D }, "block-shortcuts"),
+      header: D ? null : P,
+      children: [
+        /* @__PURE__ */ A("div", { style: { position: "absolute", inset: 0, zIndex: E }, onClick: h }),
+        /* @__PURE__ */ A(
+          z,
+          {
+            style: { zIndex: E + 1 },
+            icon: "chevron_left",
+            className: T("navIcon", "left", { disabled: !a() }),
+            onClick: O
+          }
+        ),
+        /* @__PURE__ */ A(
+          Y,
+          {
+            style: { zIndex: E + 1 },
+            className: T({ scrollable: !D && !F, fill: F }),
+            children: /* @__PURE__ */ A(x, { file: p, fullPreviews: B })
+          }
+        ),
+        /* @__PURE__ */ A(
+          z,
+          {
+            style: { zIndex: E + 1 },
+            icon: "chevron_right",
+            className: T("navIcon", "right", { disabled: !r() }),
+            onClick: S
+          }
+        )
+      ]
+    }
+  ) : null;
+}, K = (c) => {
+  const t = Array.from(c).find((s) => s.startsWith("id-"));
+  return t ? t.split("-")[1] : null;
+}, $ = (c, t, s, e, n) => {
+  const o = Object.keys(c);
+  return t = [.../* @__PURE__ */ new Set([...t, ...o])], t = s.filter((l) => t.includes(l)), o.includes(e) && (n === 1 ? t.shift() : t.pop()), t;
+}, at = ({
+  tableRef: c,
+  treeData: t,
   selection: s,
-  onSelectionChange: c,
-  config: { multiSelect: u = !0 } = {}
+  onSelectionChange: e,
+  config: { multiSelect: n = !0 } = {}
 }) => {
-  const i = x(() => {
-    const r = [];
-    return t.current?.getElement()?.querySelectorAll(".p-treetable-tbody tr").forEach((a) => {
-      const o = y(a.classList);
-      o && r.push(o);
-    }), r;
-  }, [t.current, e]);
-  return E(
-    (r) => {
-      const { key: a, target: o, shiftKey: m } = r;
-      if (o.tagName === "TR" && (a === "ArrowDown" || a === "ArrowUp")) {
-        const d = a === "ArrowDown" ? 1 : -1, f = d === 1 ? o.nextElementSibling : o.previousElementSibling;
-        if (!f) return;
-        const n = y(f.classList);
-        if (!n && n !== "undefined") return;
-        let l = [n];
-        m && u && (l = F(s, l, i, n, d));
-        const g = l, v = l.reduce((p, C) => (p[C] = !0, p), {});
-        c({ array: g, object: v });
+  const o = j(() => {
+    const l = [];
+    return c.current?.getElement()?.querySelectorAll(".p-treetable-tbody tr").forEach((a) => {
+      const r = K(a.classList);
+      r && l.push(r);
+    }), l;
+  }, [c.current, t]);
+  return G(
+    (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);
+        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, s]
+    [o, s]
   );
 };
 export {
-  D as ActivityCategorySelect,
-  I as ActivityReferenceTooltip,
-  M as CategoryDropdownItem,
-  P as CategoryTag,
-  S as FEED_NEW_COMMENT,
-  K as Feed,
-  U as FeedProvider,
-  L as FileUploadPreview,
-  N as activitiesLast,
-  k as expandableMimeTypes,
-  y as extractIdFromClassList,
-  F as getMultiSelection,
-  j as isCategoryHidden,
-  O as isFilePreviewable,
-  W as useFeedContext,
-  A as useTableKeyboardNavigation
+  vt as ActivityCategorySelect,
+  lt as ActivityReferenceTooltip,
+  gt as CategoryDropdownItem,
+  yt as CategoryTag,
+  mt as FEED_NEW_COMMENT,
+  pt as Feed,
+  dt as FeedContext,
+  ht as FeedProvider,
+  ot as FileUploadPreview,
+  xt as activitiesLast,
+  J as expandableMimeTypes,
+  K as extractIdFromClassList,
+  $ as getMultiSelection,
+  It as isCategoryHidden,
+  bt as isFilePreviewable,
+  ut as useFeedContext,
+  at as useTableKeyboardNavigation
 };