@ynput/ayon-frontend-shared 0.5.0 → 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,7 +1,7 @@
 import { jsxs as R, jsx as t, Fragment as Q } from "react/jsx-runtime";
 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 { dn as Me, bU as Ue, c6 as Fe, da as Te, a$ as Le, aO as We, aJ as Ve, de 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 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";
@@ -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";
@@ -144,7 +144,7 @@ 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
@@ -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
                       },
@@ -282,7 +282,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
                     projectName: r,
                     isDragOverlay: !0,
                     isDragging: !0,
-                    isSelected: V.includes(C.fileId)
+                    isSelected: W.includes(C.fileId)
                   }
                 ) : null })
               ]
@@ -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,
@@ -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 = _(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: K } = 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,
@@ -403,7 +403,7 @@ 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);
   }, Z = async (e) => {
-    if (!W || !p) {
+    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) {
@@ -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,7 +588,7 @@ const Rt = ({ label: r, icon: i, isActive: a, className: d, ...g }) => /* @__PUR
       Pt,
       {
         isOpen: O,
-        files: W,
+        files: V,
         onSubmit: Z,
         onCancel: Y
       }
@@ -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 { c9 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 { bC 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 F = W`
+const D = W`
 from {
     opacity: 0.4;
     scale: 0.9;
@@ -18,7 +18,7 @@ from {
     opacity: 1;
     scale: 1;
 }
-`, G = U(S)`
+`, F = U(S)`
   position: fixed;
   max-width: 220px;
   z-index: 9999;
@@ -26,7 +26,7 @@ from {
   translate: -50% calc(-100% - 4px);
   transform-origin: bottom center;
 
-  animation: ${F} 100ms ease-out;
+  animation: ${D} 100ms ease-out;
 
   /* path always open */
   .description {
@@ -35,7 +35,7 @@ from {
 
   /* shadow */
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
-`, H = ["folder", "task", "version", "workfile"], tt = ({
+`, G = ["folder", "task", "version", "workfile"], tt = ({
   entityType: t,
   entityId: e,
   projectName: m,
@@ -44,7 +44,7 @@ from {
   onMouseEnter: d,
   onMouseLeave: u
 }) => {
-  const o = Y(), a = m || o?.projectName, p = !!t && H.includes(t), { data: c, isFetching: f } = L(
+  const o = Y(), a = m || o?.projectName, p = !!t && G.includes(t), { data: c, isFetching: f } = L(
     { entityType: t, entityId: e, projectName: a },
     { skip: !p || !e || !a }
   ), n = 220;
@@ -60,21 +60,21 @@ from {
     thumbnailId: b,
     status: E,
     thumbnailHash: P
-  } = c || {}, j = r?.taskTypes || o?.taskTypes || [], N = r?.folderTypes || o?.folderTypes || [], v = (r?.statuses || o?.statuses || []).find((s) => s.name === E), C = c ? z({
+  } = c || {}, j = r?.taskTypes || o?.taskTypes || [], N = r?.folderTypes || o?.folderTypes || [], v = (r?.statuses || o?.statuses || []).find((s) => s.name === E), O = c ? z({
     entityId: e || "",
     entityType: t,
     thumbnailHash: P,
     thumbnailId: b,
     projectName: a || "",
     placeholder: "none"
-  }) : null, O = {
+  }) : null, C = {
     task: j.find((s) => s.name === w)?.icon,
     folder: N.find((s) => s.name === g)?.icon,
     version: o?.getProductType(k).icon,
     workfile: _("workfile")
   };
   return p ? /* @__PURE__ */ I(
-    G,
+    F,
     {
       style: { left: i, top: l, maxWidth: n },
       onMouseEnter: d,
@@ -88,12 +88,12 @@ from {
       hidePriority: !0,
       isLoading: f,
       loadingSections: ["header", "title", "users", "status"],
-      titleIcon: O[t || ""],
-      imageUrl: C || void 0
+      titleIcon: C[t || ""],
+      imageUrl: O || void 0
     }
   ) : null;
 };
 export {
-  H as E,
+  G as E,
   tt as a
 };

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";