@ynput/ayon-frontend-shared 0.4.7 → 0.6.0

package/dist/chunks/DetailsPanelContext.es.js

@@ -0,0 +1,155 @@
+import { jsx as ie } from "react/jsx-runtime";
+import { useContext as oe, useState as p, useCallback as c, useEffect as j } from "react";
+import { a as re, r as ae, w as ce } from "./useLocalStorage.es.js";
+import { D as N, c as ue } from "./MenuContext.es.js";
+import { u as C } from "./useSessionStorage.es.js";
+import "lodash";
+import "primereact/confirmdialog";
+import "react-toastify";
+import "uuid";
+import { g as le } from "./getBundleMode.es.js";
+import "./searchTerms.es.js";
+const pe = ["feed", "subtasks", "details", "files"], U = (e) => typeof e == "string" && pe.includes(e), Le = (e) => {
+  const { startFrame: i, endFrame: r } = e.activityData || {}, o = e.origin?.id ?? e.entityId;
+  if (!Number.isSafeInteger(i) || !o) return null;
+  const s = i, u = Number.isSafeInteger(r) ? Math.max(s, r) : s;
+  return { entityId: o, startFrame: s, endFrame: u };
+}, Oe = ({
+  children: e,
+  defaultTab: i = "feed",
+  hasLicense: r,
+  debug: o = {},
+  ...s
+}) => {
+  const u = s.user, m = le(u), f = "isGuest" in o ? o.isGuest : u?.data?.isGuest, { powerLicense: b, setPowerpackDialog: D } = re(), d = "hasLicense" in o ? o.hasLicense : !!b || r, [a, v] = p({}), [_, G] = p([]), [M, R] = p([]), Y = c(
+    (t) => a[t] ? a[t] : !1,
+    [a]
+  ), H = c(
+    (t, l) => {
+      const n = { ...a };
+      n[t] = l, v(n);
+    },
+    [a]
+  ), [S, K] = C(T, {}), q = c(
+    (t) => {
+      const l = S[t];
+      return U(l) ? l : i;
+    },
+    [S, i]
+  ), [w, I] = p(null), z = c((t) => {
+    I(t);
+  }, []), E = c(() => {
+    I(null), w && O([]);
+  }, []);
+  j(() => {
+    E();
+  }, [s.useLocation().pathname]);
+  const [J, B] = p(null), Q = c((t) => {
+    B(t);
+  }, []), V = c(() => {
+    B(null);
+  }, []), [W, L] = p(null), [X, O] = p([]), { uriType: Z, uri: $, entity: y, getUriEntities: ee } = ue(), [g] = s.useSearchParams(), P = g.get("project"), h = g.get("type"), F = g.get("id"), A = g.get("activity");
+  j(() => {
+    if (!(!P && !h && !F)) {
+      if (Z === "entity" && y && y.entityType !== "product") {
+        ee().then((t) => {
+          if (t.length === 0) return;
+          const l = t.find((ne) => ne.uri === $), n = l?.entities?.[0];
+          if (!l || !n) return;
+          const k = n?.projectName || y.projectName || "", x = n.representationId || n.versionId || n.productId || n.taskId || n.folderId;
+          if (!k || !x) return;
+          const se = {
+            entityType: y.entityType,
+            entities: [
+              {
+                id: x,
+                projectName: k
+              }
+            ],
+            source: "uri"
+          };
+          L(se);
+        }).catch((t) => {
+          console.warn("Failed to get URI entities:", t);
+        });
+        return;
+      }
+      P && h && F && (L({
+        entityType: h,
+        entities: [
+          {
+            id: F,
+            projectName: P
+          }
+        ],
+        source: "url"
+      }), A && (O([A]), K({
+        ...S,
+        overview: "feed"
+      })));
+    }
+  }, [P, h, F]);
+  const te = {
+    // open state for the panel by scope
+    panelOpenByScope: a,
+    getOpenForScope: Y,
+    setPanelOpen: H,
+    setPanelOpenByScope: v,
+    // tab preferences
+    tabsByScope: S,
+    getTabForScope: q,
+    // slide out state
+    slideOut: w,
+    openSlideOut: z,
+    closeSlideOut: E,
+    // highlighted activities
+    highlightedActivities: X,
+    setHighlightedActivities: O,
+    // PiP state
+    pip: J,
+    openPip: Q,
+    closePip: V,
+    // entities state
+    entities: W,
+    setEntities: L,
+    feedAnnotations: _,
+    setFeedAnnotations: G,
+    feedFrameLinks: M,
+    setFeedFrameLinks: R,
+    bundleMode: m,
+    isGuest: f,
+    hasLicense: d,
+    onPowerFeature: D,
+    ...s
+  };
+  return /* @__PURE__ */ ie(N.Provider, { value: te, children: e });
+}, de = () => {
+  const e = oe(N);
+  if (e === void 0)
+    throw new Error("useDetailsPanel must be used within a DetailsPanelProvider");
+  return e;
+}, T = "details/tabs-by-scope", ve = (e, i) => {
+  const r = ae(T, {});
+  ce(T, { ...r, [e]: i });
+}, we = (e) => {
+  const { getOpenForScope: i, setPanelOpen: r, getTabForScope: o } = de(), [s, u] = C(T, {}), m = s[e], f = U(m) ? m : o(e), b = c(
+    (d) => {
+      u((a) => ({ ...a, [e]: d }));
+    },
+    [e, u]
+  ), D = f === "feed";
+  return {
+    isOpen: i(e),
+    setOpen: (d) => r(e, d),
+    currentTab: f,
+    setTab: b,
+    isFeed: D
+  };
+};
+export {
+  Oe as D,
+  we as a,
+  Le as g,
+  ve as s,
+  de as u
+};

package/dist/chunks/EntityPath.es.js

@@ -1,10 +1,10 @@
 import { jsxs as R, jsx as t, Fragment as Q } from "react/jsx-runtime";
-import { useRef as Z, useState as x, useEffect as le, useLayoutEffect as ae, createElement as he, Fragment as ke } from "react";
+import { useRef as _, useState as x, useEffect as le, useLayoutEffect as ae, createElement as he, Fragment as ke } from "react";
 import "./searchTerms.es.js";
-import { dm as Me, bT as Ue, c5 as Fe, d9 as Te, a_ as Le, aN as We, aI as Ve, dd as Ne } from "./getUris.es.js";
+import { dp as Me, bV as Ue, c7 as Fe, db as Te, a$ as Le, aO as Ve, aJ as We, df as Ne } from "./getUris.es.js";
 import "primereact/confirmdialog";
-import { useSensors as $e, useSensor as me, PointerSensor as Ae, KeyboardSensor as Oe, DndContext as qe, closestCenter as _e, DragOverlay as Ke } from "@dnd-kit/core";
-import { useSortable as Ze, sortableKeyboardCoordinates as Be, SortableContext as Ge, verticalListSortingStrategy as Qe, arrayMove as He } from "@dnd-kit/sortable";
+import { useSensors as $e, useSensor as me, PointerSensor as Ae, KeyboardSensor as Oe, DndContext as qe, closestCenter as Ke, DragOverlay as Ze } from "@dnd-kit/core";
+import { useSortable as _e, sortableKeyboardCoordinates as Be, SortableContext as Ge, verticalListSortingStrategy as Qe, arrayMove as He } from "@dnd-kit/sortable";
 import { D as ze, R as Re, e as Je, g as Xe, L as Ye, h as oe, i as je, j as et, T as tt, k as ge, U as nt, P as rt, C as it, l as at, S as J, M as ve, m as be, n as X, o as ye, p as ot, F as st } from "./Watchers.es.js";
 import { CSS as lt } from "@dnd-kit/utilities";
 import { toast as A } from "react-toastify";
@@ -13,7 +13,7 @@ import { c as dt } from "./confirmDelete.es.js";
 import "uuid";
 import { camelCase as ut, upperFirst as pt } from "lodash";
 import { Icon as Ce, Dialog as Se, InputText as xe, Toolbar as ft, Button as ce, SaveButton as ht, FormRow as mt } from "@ynput/ayon-react-components";
-import { c as Ee } from "./MenuContext.es.js";
+import { u as Ee } from "./DetailsPanelContext.es.js";
 import ue from "clsx";
 import gt from "axios";
 import { s as vt, b as bt, h as we, g as yt, c as wt } from "./versionUploadHelpers.es.js";
@@ -23,7 +23,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   /* @__PURE__ */ t(Ce, { icon: i }),
   /* @__PURE__ */ t("span", { children: r })
 ] }), Ct = ({ ...r }) => {
-  const { attributes: i, listeners: a, setNodeRef: d, transform: g, transition: y, isDragging: u } = Ze({
+  const { attributes: i, listeners: a, setNodeRef: d, transform: g, transition: y, isDragging: u } = _e({
     id: r.fileId,
     animateLayoutChanges: () => !1
   }), s = {
@@ -71,7 +71,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   activityId: g,
   ...y
 }) => {
-  const u = Z(null), [s, f] = x("");
+  const u = _(null), [s, f] = x("");
   le(() => {
     if (u.current)
       return f(i), u.current?.select(), () => {
@@ -144,12 +144,12 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   } = Fe(
     { projectName: r, versionId: i },
     { skip: !i || !r }
-  ), P = !1, V = s?.reviewableIds || [], F = u.name, O = u.data?.isUser, [k, W] = x(null), [M, p] = x(null), c = $e(
+  ), P = !1, W = s?.reviewableIds || [], F = u.name, O = u.data?.isUser, [k, V] = x(null), [M, p] = x(null), c = $e(
     me(Ae),
     me(Oe, {
       coordinateGetter: Be
     })
-  ), b = E?.reviewables || [], C = b.find((e) => e.fileId === M), $ = v?.id, _ = m && i !== $ || d, N = (e) => {
+  ), b = E?.reviewables || [], C = b.find((e) => e.fileId === M), $ = v?.id, K = m && i !== $ || d, N = (e) => {
     if (M) return console.log("Dragging, cannot open review");
     const o = e.currentTarget.id;
     if (!o || !a) return console.error("No reviewable id or product id");
@@ -160,7 +160,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       versionIds: [i],
       reviewableIds: [o]
     });
-  }, { playable: w, incompatible: K, processing: Y, queued: j } = St(
+  }, { playable: w, incompatible: Z, processing: Y, queued: j } = St(
     b,
     P
   );
@@ -243,12 +243,12 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
         folderId: s?.folderId,
         dispatch: f,
         readOnly: !I,
-        children: _ ? Array.from({ length: 3 }).map((e, o) => /* @__PURE__ */ t(Ye, { className: "loading" }, o)) : /* @__PURE__ */ R(Q, { children: [
+        children: K ? Array.from({ length: 3 }).map((e, o) => /* @__PURE__ */ t(Ye, { className: "loading" }, o)) : /* @__PURE__ */ R(Q, { children: [
           /* @__PURE__ */ R(
             qe,
             {
               sensors: c,
-              collisionDetection: _e,
+              collisionDetection: Ke,
               onDragStart: ee,
               onDragEnd: z,
               onDragCancel: () => p(null),
@@ -263,11 +263,11 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
                       {
                         projectName: r,
                         onClick: N,
-                        isSelected: V.includes(e.fileId),
+                        isSelected: W.includes(e.fileId),
                         isDragging: !!M,
                         onContextMenu: G,
                         onEdit: (o) => {
-                          o.stopPropagation(), W(e.activityId);
+                          o.stopPropagation(), V(e.activityId);
                         },
                         ...e
                       },
@@ -275,14 +275,14 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
                     ))
                   }
                 ),
-                /* @__PURE__ */ t(Ke, { modifiers: B, children: C ? /* @__PURE__ */ t(
+                /* @__PURE__ */ t(Ze, { modifiers: B, children: C ? /* @__PURE__ */ t(
                   Re,
                   {
                     ...C,
                     projectName: r,
                     isDragOverlay: !0,
                     isDragging: !0,
-                    isSelected: V.includes(C.fileId)
+                    isSelected: W.includes(C.fileId)
                   }
                 ) : null })
               ]
@@ -307,7 +307,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
             },
             e.fileId
           )),
-          K.map((e) => /* @__PURE__ */ t(
+          Z.map((e) => /* @__PURE__ */ t(
             oe,
             {
               name: e.filename,
@@ -326,7 +326,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       xt,
       {
         isOpen: !0,
-        onClose: () => W(null),
+        onClose: () => V(null),
         label: b.find((e) => e.activityId === k)?.label || "",
         projectName: r,
         versionId: i,
@@ -344,7 +344,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   onCancel: a,
   onSubmit: d
 }) => {
-  const g = Et(r?.[0]), y = Z(null), u = Z(!1), [s, f] = x(g);
+  const g = Et(r?.[0]), y = _(null), u = _(!1), [s, f] = x(g);
   le(() => {
     f(g), u.current = !1;
   }, [g]), le(() => {
@@ -387,7 +387,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   versionsInputRef: y,
   onVersionCreated: u
 }) => {
-  const { dispatch: s } = Ee(), f = Dt(), [h, n] = x(!1), [I, E] = x(null), m = Z(0), [v, P] = x(null), [V, F] = x(0), [O, k] = x(!1), [W, M] = x(null), p = a.length === 1 ? a[0] : null, c = p?.task?.id, b = p?.folder?.id, C = p?.product?.id, $ = p?.id, q = !!(p && i !== "representation"), { handleFileUpload: _ } = je({
+  const { dispatch: s } = Ee(), f = Dt(), [h, n] = x(!1), [I, E] = x(null), m = _(0), [v, P] = x(null), [W, F] = x(0), [O, k] = x(!1), [V, M] = x(null), p = a.length === 1 ? a[0] : null, c = p?.task?.id, b = p?.folder?.id, C = p?.product?.id, $ = p?.id, q = !!(p && i !== "representation"), { handleFileUpload: K } = je({
     projectName: d,
     versionId: $,
     taskId: c,
@@ -402,8 +402,8 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     }
   }), N = kt.filter((e) => e.id === "version" ? q : !0), w = () => {
     P(null), n(!1), E(null), m.current = 0, F(0), k(!1), M(null);
-  }, K = async (e) => {
-    if (!W || !p) {
+  }, Z = async (e) => {
+    if (!V || !p) {
       k(!1), M(null);
       return;
     }
@@ -425,13 +425,13 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
         // default product type for uploaded files
         productBaseType: "review"
       });
-      k(!1), await z(W, l.id), M(null);
+      k(!1), await z(V, l.id), M(null);
     } catch (l) {
       we(l, "creating product"), w();
     }
   }, Y = () => {
     k(!1), M(null), w();
-  }, [j] = We(), [ee] = Ve(), H = async (e) => {
+  }, [j] = Ve(), [ee] = We(), H = async (e) => {
     if (!q || !p)
       return A.error("Please select exactly one version to upload reviewables"), w();
     if (f) {
@@ -470,7 +470,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
         // previous version could have a taskId or we are uploading on a task
         version: l
       });
-      await _(e, D.id), w(), u?.(D.id);
+      await K(e, D.id), w(), u?.(D.id);
     } catch (l) {
       we(l, "uploading version"), w();
     }
@@ -557,7 +557,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
                 rt,
                 {
                   style: {
-                    right: `${100 - V}%`
+                    right: `${100 - W}%`
                   }
                 }
               ),
@@ -588,8 +588,8 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       Pt,
       {
         isOpen: O,
-        files: W,
-        onSubmit: K,
+        files: V,
+        onSubmit: Z,
         onCancel: Y
       }
     )
@@ -606,7 +606,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
   entityType: y,
   scope: u
 }) => {
-  const s = Z(null), [f, h] = x(null), [n, I] = x(null), [E, m] = x(!1), v = Z(null);
+  const s = _(null), [f, h] = x(null), [n, I] = x(null), [E, m] = x(!1), v = _(null);
   ae(() => {
     I(null), m(!0);
   }, [a]), ae(() => {
@@ -618,12 +618,12 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     if (!C) return;
     const $ = c.children;
     let q = b;
-    const _ = c.childElementCount;
-    let N = _;
+    const K = c.childElementCount;
+    let N = K;
     for (; q > C && N > 0; )
-      N -= 2, q = Ut($, N, _);
+      N -= 2, q = Ut($, N, K);
     let w = Array.from($).slice(0, N).filter(
-      (K) => K.nodeType === Node.ELEMENT_NODE && K.className.includes("full")
+      (Z) => Z.nodeType === Node.ELEMENT_NODE && Z.className.includes("full")
     )?.length || 2;
     w = Math.max(w, 1), I(w), m(!1);
   }, [s.current, E]), ae(() => {
@@ -631,21 +631,21 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
     const c = s.current, b = De(c) ?? 1 / 0, C = c.clientWidth - b;
     C <= 0 || v.current.clientWidth - C;
   }, [n]);
-  const P = n && a.length > n ? a.slice(-n) : a, V = n && a.length > n ? a.slice(0, -n) : [];
-  i && V.unshift({ type: "project", label: r, id: r });
+  const P = n && a.length > n ? a.slice(-n) : a, W = n && a.length > n ? a.slice(0, -n) : [];
+  i && W.unshift({ type: "project", label: r, id: r });
   let F, O = P;
   y === "version" && a.length > 0 && (F = a[a.length - 1], O = P.slice(0, -1));
   const k = (c) => {
     const [, b] = Ie(c);
     b && !f && h(b);
-  }, W = () => h(null), M = (c) => {
+  }, V = () => h(null), M = (c) => {
     const [b, C] = Ie(c);
     if (!Mt.includes(C)) return;
     !!b.closest("li") ? h(null) : f !== C && h(C);
   }, p = { scope: u, projectName: r };
   return /* @__PURE__ */ R(at, { className: ue({ loading: g }), id: "entity-path", ref: s, children: [
     !i && /* @__PURE__ */ t(J, { children: r }),
-    !!V.length && /* @__PURE__ */ R(Q, { children: [
+    !!W.length && /* @__PURE__ */ R(Q, { children: [
       !i && /* @__PURE__ */ t(se, {}),
       /* @__PURE__ */ R(
         J,
@@ -653,11 +653,11 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
           className: "dropdown more",
           id: "more",
           onMouseEnter: k,
-          onMouseLeave: W,
+          onMouseLeave: V,
           onClick: M,
           children: [
             "...",
-            f === "more" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: V.map((c) => /* @__PURE__ */ he(X, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
+            f === "more" && /* @__PURE__ */ t(ve, { children: /* @__PURE__ */ t(be, { children: W.map((c) => /* @__PURE__ */ he(X, { ...p, segment: c, key: c.id }, /* @__PURE__ */ t(ye, { children: c.label }))) }) })
           ]
         }
       )
@@ -674,7 +674,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
           className: "full dropdown",
           id: "versions",
           onMouseEnter: k,
-          onMouseLeave: W,
+          onMouseLeave: V,
           onClick: M,
           children: [
             /* @__PURE__ */ t(

package/dist/chunks/EntityPickerDialog.es.js

@@ -11,7 +11,7 @@ import { InputText as fe, theme as he, Dialog as me, SwitchButton as ge, Button
 import M from "styled-components";
 import { E as be } from "./EmptyPlaceholder.es.js";
 import { E as V, a as ve } from "./EntityTooltip.es.js";
-import { c8 as we } from "./getUris.es.js";
+import { ca as we } from "./getUris.es.js";
 import { a as ke } from "./ProjectContext.es.js";
 import { u as xe } from "./ProjectFoldersContext.es.js";
 import { g as W } from "./getThumbnailUrl.es.js";

package/dist/chunks/EntityTooltip.es.js

@@ -2,7 +2,7 @@ import { jsx as I } from "react/jsx-runtime";
 import { EntityCard as S } from "@ynput/ayon-react-components";
 import U, { keyframes as W } from "styled-components";
 import "./searchTerms.es.js";
-import { bB as L } from "./getUris.es.js";
+import { bD as L } from "./getUris.es.js";
 import "primereact/confirmdialog";
 import { u as Y } from "./ProjectContext.es.js";
 import "lodash";
@@ -10,7 +10,7 @@ import "react-toastify";
 import { g as _ } from "./getEntityTypeIcon.es.js";
 import "uuid";
 import { g as z } from "./getThumbnailUrl.es.js";
-const B = W`
+const D = W`
 from {
     opacity: 0.4;
     scale: 0.9;
@@ -26,7 +26,7 @@ from {
   translate: -50% calc(-100% - 4px);
   transform-origin: bottom center;
 
-  animation: ${B} 100ms ease-out;
+  animation: ${D} 100ms ease-out;
 
   /* path always open */
   .description {

package/dist/chunks/EntityUpdatesContext.es.js

@@ -4,7 +4,7 @@ import "lodash";
 import "primereact/confirmdialog";
 import "react-toastify";
 import "uuid";
-import { bd as b } from "./searchTerms.es.js";
+import { bf as b } from "./searchTerms.es.js";
 import { c as C } from "./realtimeUpdatesUtils.es.js";
 import { E as S } from "./DeleteEntitiesContext.es.js";
 import { u as P } from "./viewUpdateHelper.es.js";