@ynput/ayon-frontend-shared 0.2.37 → 0.2.39

package/dist/shared/src/containers/DetailsPanel/DetailsPanel.es.js

@@ -1,7 +1,9 @@
-import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as G } from "@ynput/ayon-react-components";
-import { useRef as pt, useEffect as y, useMemo as H } from "react";
-import { Panel as et, Toolbar as st, RightTools as nt } from "./DetailsPanel.styled.es.js";
+import { j as m } from "../../../../_virtual/jsx-runtime.es.js";
+import { Button as J } from "@ynput/ayon-react-components";
+import { useRef as gt, useEffect as n, useMemo as Y } from "react";
+import { useSearchParams as Tt } from "react-router-dom";
+import Nt from "./hooks/useDetailsPanelURLSync.es.js";
+import { Panel as vt, Toolbar as Dt, RightTools as bt } from "./DetailsPanel.styled.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -53,8 +55,8 @@ import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as at } from "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as lt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { useGetEntitiesDetailsPanelQuery as Et } from "../../api/queries/entities/getEntityPanel.es.js";
+import { detailsPanelEntityTypes as xt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
@@ -85,6 +87,8 @@ import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
+import "../../api/queries/uris/getUris.es.js";
+import "../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "clsx";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
@@ -95,17 +99,17 @@ import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import ct from "../../util/productTypes.es.js";
 import "lodash";
 import "uuid";
+import { extractEntityHierarchyFromParents as wt } from "../../util/extractEntityHierarchyFromParents.es.js";
 import "../../util/pubsub.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as dt, useScopedDetailsPanel as ft } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Z, useScopedDetailsPanel as Ft } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as ut } from "../../context/pip/PiPProvider.es.js";
+import { usePiPWindow as St } from "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
@@ -115,6 +119,9 @@ import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
+import { ProjectContextProvider as kt } from "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import { useURIContext as Ct } from "../../context/UriContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -138,7 +145,6 @@ import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
 import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../Feed/components/ActivityDate.es.js";
@@ -187,13 +193,13 @@ import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
-import yt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
-import gt from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
-import ht from "./hooks/useGetEntityPath.es.js";
-import Tt from "./helpers/getAllProjectsStatuses.es.js";
-import Pt from "./FeedWrapper.es.js";
-import jt from "./FeedContextWrapper.es.js";
-import Et from "./helpers/mergeProjectInfo.es.js";
+import Lt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
+import It from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
+import Rt from "./hooks/useGetEntityPath.es.js";
+import Ut from "./helpers/getAllProjectsStatuses.es.js";
+import Wt from "./FeedWrapper.es.js";
+import Ht from "./FeedContextWrapper.es.js";
+import At from "./helpers/mergeProjectInfo.es.js";
 import "./DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -206,12 +212,12 @@ import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import { EntityPath as bt } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as Gt } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as xt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsPanelDetails as _t } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import { Watchers as Dt } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as Qt } from "../../components/Watchers/Watchers.es.js";
 import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
@@ -241,235 +247,291 @@ import "../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../components/SortingSetting/SortingSetting.styled.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../components/LegacyBadge/LegacyBadge.es.js";
-const vt = ["product", "representation"], rp = ({
-  entityType: j,
-  entitySubTypes: Q = [],
+import "../../components/Menu/Menu.styled.es.js";
+import "../../components/Menu/MenuItem.es.js";
+const qt = ["product", "representation"], Bt = ({
+  entityType: v,
+  entitySubTypes: g = [],
   // entities is data we already have from kanban
-  entitiesData: _ = [],
+  entitiesData: D = [],
   // entityIds are used to get the full details data for the entities
-  entities: q = [],
-  tagsOptions: B = [],
-  disabledStatuses: K,
-  projectUsers: E,
-  disabledProjectUsers: M,
-  activeProjectUsers: b,
-  projectsInfo: g = {},
-  projectNames: h = [],
-  isSlideOut: l = !1,
-  style: Nt = {},
-  scope: e,
-  isCompact: O = !1,
-  onClose: s,
-  onWatchersUpdate: x,
-  onOpenViewer: T,
-  onEntityFocus: U,
-  onOpen: D,
+  entities: p = [],
+  tagsOptions: $ = [],
+  disabledStatuses: O,
+  projectUsers: F,
+  disabledProjectUsers: V,
+  activeProjectUsers: S,
+  projectsInfo: T = {},
+  projectNames: tt = [],
+  isSlideOut: f = !1,
+  style: Kt = {},
+  scope: a,
+  isCompact: rt = !1,
+  onClose: P,
+  onWatchersUpdate: k,
+  onOpenViewer: b,
+  onEntityFocus: it,
+  onOpen: C,
+  onUriOpen: L,
+  // when the details panel is opened from uri
   // annotations
-  annotations: v,
-  removeAnnotation: N,
-  exportAnnotationComposite: F,
-  entityListId: w,
-  guestCategories: X = {}
-  // optional tab state for independent tab management
+  annotations: I,
+  removeAnnotation: R,
+  exportAnnotationComposite: U,
+  entityListId: W,
+  guestCategories: ot = {}
 }) => {
   const {
-    closeSlideOut: z,
-    openPip: J,
-    user: k,
-    isGuest: Y,
-    entities: m
-  } = dt(), { currentTab: p, setTab: c, isFeed: Z } = ft(e), C = pt(!1), r = (m == null ? void 0 : m.entityType) ?? j, L = (m == null ? void 0 : m.entities) ?? q, $ = (m == null ? void 0 : m.entitySubTypes) ?? Q;
-  y(() => {
-    D && !C.current && (C.current = !0, D());
-  }, []), y(() => {
-    vt.includes(r) && p !== "details" && c("details");
-  }, [r, p, c]);
-  const P = H(
-    () => Et(g, h),
-    [g, h]
-  ), W = H(
+    closeSlideOut: H,
+    openPip: mt,
+    user: A,
+    isGuest: et,
+    entities: r,
+    setEntities: E,
+    slideOut: G
+  } = Z(), { currentTab: s, setTab: j, isFeed: pt } = Ft(a), [Mt, st] = Tt(), _ = gt(!1), o = (r == null ? void 0 : r.entityType) ?? v, Q = (r == null ? void 0 : r.entities) ?? p, nt = (r == null ? void 0 : r.entitySubTypes) ?? g, at = r != null && r.entities ? [] : D, l = r != null && r.entities ? r.entities.map((t) => t.projectName) : tt;
+  n(() => {
+    C && !_.current && (_.current = !0, C());
+  }, []), n(() => {
+    qt.includes(o) && s !== "details" && j("details");
+  }, [o, s, j]), n(() => {
+    p.length && r && E(null);
+  }, [p, r, E]);
+  const N = Y(
+    () => At(T, l),
+    [T, l]
+  ), q = Y(
     () => ({
-      task: P.taskTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      folder: P.folderTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      product: Object.entries(ct).reduce(
-        (t, [o, u]) => ({ ...t, [o]: u.icon }),
-        {}
-      )
+      task: N.taskTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
+      folder: N.folderTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
+      product: N.productTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {})
     }),
-    [P]
+    [N]
   );
-  y(() => {
-    p === "files" && r !== "version" && c("activity");
-  }, [r, p, e]);
-  let n = L.length ? L.map((t) => ({ id: t.id, projectName: t.projectName })) : (
-    // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it
-    _.map((t) => ({ id: t.id, projectName: t.projectName }))
+  n(() => {
+    s === "files" && o !== "version" && j("activity");
+  }, [o, s, a]);
+  let c = Q.length ? Q.map((t) => ({ id: t.id, projectName: t.projectName })) : (
+    // @ts-expect-error = not sure what's going on with activeEntitiesData, we should try and remove it
+    at.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
-  n = n.filter((t) => t.id);
+  c = c.filter((t) => t.id);
   const {
-    data: a = [],
-    isFetching: d,
-    isError: V,
-    originalArgs: tt
-  } = at(
-    { entityType: r, entities: n },
+    data: e = [],
+    isFetching: u,
+    isError: lt,
+    originalArgs: ct
+  } = Et(
+    { entityType: o, entities: c },
     {
-      skip: !n.length || !lt.includes(r)
+      skip: !c.length || !xt.includes(o)
     }
   );
-  y(() => {
-    l || z();
-  }, [tt, l]);
-  const I = Tt(g), f = h[0], S = g[f] || {}, it = a[0] || {}, [R, rt] = ht({
-    entity: it,
-    entityType: r,
-    projectName: f,
-    isLoading: d
+  n(() => {
+    f || H();
+  }, [ct, f]), n(() => {
+    var t;
+    if (!u && r != null && r.source && ["uri", "url"].includes(r.source) && (t = r == null ? void 0 : r.entities) != null && t.length && L) {
+      const i = e.find(
+        (d) => d.id === r.entities[0].id
+      );
+      if (!i) return;
+      L(i);
+    }
+  }, [e, u]);
+  const B = Ut(T), y = l[0], K = T[y] || {}, ut = e[0] || {}, h = e[e.length - 1], x = l[l.length - 1], [M, dt] = Rt({
+    entity: ut,
+    entityType: o,
+    projectName: y,
+    isLoading: u
+  }), { setEntityUri: ft, setUri: yt } = Ct();
+  n(() => {
+    if (!(h != null && h.parents) || !x) return;
+    const { folderPath: t, taskName: i, versionName: d, productName: z } = wt(
+      h.parents,
+      o,
+      h.name
+    );
+    return ft({
+      projectName: x,
+      folderPath: t,
+      taskName: i,
+      productName: z,
+      versionName: d
+    }), () => {
+      yt("");
+    };
+  }, [e, l, o]), Nt({
+    entityData: h,
+    project: x,
+    activeEntityType: o,
+    entitiesToQuery: c
   });
-  y(() => {
-    const t = (o) => {
-      if (o.key === "Escape" && s) {
-        const u = o.target;
-        if (!(["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable) || l === !1 && u.closest("#viewer-dialog")) return;
-        s();
+  const ht = () => {
+    st(
+      (t) => {
+        const i = new URLSearchParams(t);
+        return i.delete("project"), i.delete("type"), i.delete("id"), i;
+      },
+      { replace: !0 }
+    );
+  }, w = () => {
+    P == null || P(), E(null), ht(), H();
+  };
+  n(() => {
+    const t = (i) => {
+      if (i.key === "Escape" && P) {
+        const d = i.target;
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(d.tagName) || d.isContentEditable || f === !1 && (d.closest("#viewer-dialog") || G)) return;
+        w();
       }
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [s, l]);
-  const { requestPipWindow: ot } = ut(), mt = () => {
-    J({
-      entityType: r,
-      entities: n,
-      scope: e
-    }), ot(500, 500);
-  }, A = () => {
+  }, [w, f, G]);
+  const { requestPipWindow: Pt } = St(), jt = () => {
+    mt({
+      entityType: o,
+      entities: c,
+      scope: a
+    }), Pt(500, 500);
+  }, X = () => {
     var t;
-    return !(h.length > 1 || Y && (!w || !Object.prototype.hasOwnProperty.call(
-      X,
-      ((t = k.attrib) == null ? void 0 : t.email) || ""
+    return !(l.length > 1 || et && (!W || !Object.prototype.hasOwnProperty.call(
+      ot,
+      ((t = A.attrib) == null ? void 0 : t.email) || ""
     )));
   };
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(et, { className: "details-panel", children: [
-    /* @__PURE__ */ i.jsxs(st, { children: [
-      /* @__PURE__ */ i.jsx(
-        bt,
+  return /* @__PURE__ */ m.jsx(m.Fragment, { children: /* @__PURE__ */ m.jsxs(vt, { className: "details-panel", children: [
+    /* @__PURE__ */ m.jsxs(Dt, { children: [
+      /* @__PURE__ */ m.jsx(
+        Gt,
         {
-          segments: R,
-          versions: rt,
-          projectName: f,
-          hideProjectName: l,
-          isLoading: d || !R.length,
-          entityType: r,
-          scope: e,
-          entityTypeIcons: W
+          segments: M,
+          versions: dt,
+          projectName: y,
+          hideProjectName: f,
+          isLoading: u || !M.length,
+          entityType: o,
+          scope: a,
+          entityTypeIcons: q
         }
       ),
-      /* @__PURE__ */ i.jsxs(nt, { className: "right-tools", children: [
-        /* @__PURE__ */ i.jsx(
-          Dt,
+      /* @__PURE__ */ m.jsxs(bt, { className: "right-tools", children: [
+        /* @__PURE__ */ m.jsx(
+          Qt,
           {
-            entities: n,
-            entityType: j,
-            options: E || [],
-            onWatchersUpdate: x && x,
-            userName: k.name
+            entities: c,
+            entityType: o,
+            options: F || [],
+            onWatchersUpdate: k && k,
+            userName: A.name
           }
         ),
-        /* @__PURE__ */ i.jsx(
-          G,
+        /* @__PURE__ */ m.jsx(
+          J,
           {
             icon: "picture_in_picture",
             variant: "text",
             "data-tooltip": "Picture in Picture",
-            onClick: mt
+            onClick: jt
           }
         ),
-        s && /* @__PURE__ */ i.jsx(
-          G,
+        (P || p) && /* @__PURE__ */ m.jsx(
+          J,
           {
             icon: "close",
             variant: "text",
-            onClick: () => s && s(),
+            onClick: w,
             "data-shortcut": "Escape"
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ i.jsx(
-      yt,
+    /* @__PURE__ */ m.jsx(
+      Lt,
       {
-        entityType: r,
-        entitySubTypes: $,
-        entities: a,
-        users: E,
-        disabledAssignees: M,
-        disabledStatuses: K,
-        tagsOptions: B,
-        isFetching: d,
-        isCompact: O,
-        currentTab: p,
-        onTabChange: c,
-        entityTypeIcons: W,
-        onOpenViewer: (t) => T == null ? void 0 : T(t),
-        onEntityFocus: U
+        entityType: o,
+        entitySubTypes: nt,
+        entities: e,
+        users: F,
+        disabledAssignees: V,
+        disabledStatuses: O,
+        tagsOptions: $,
+        isFetching: u,
+        isCompact: rt,
+        currentTab: s,
+        onTabChange: j,
+        entityTypeIcons: q,
+        onOpenViewer: (t) => b == null ? void 0 : b(t),
+        onEntityFocus: it
       }
     ),
-    Z && !V && /* @__PURE__ */ i.jsx(
-      Pt,
-      {
-        entityType: r,
-        entities: a,
-        activeUsers: b || [],
-        projectInfo: S,
-        projectName: f,
-        disabled: !A(),
-        scope: e,
-        statuses: I,
-        readOnly: !1,
-        entityListId: w,
-        annotations: v,
-        removeAnnotation: N,
-        exportAnnotationComposite: F,
-        currentTab: p,
-        setCurrentTab: c
-      }
-    ),
-    p === "files" && /* @__PURE__ */ i.jsx(
-      gt,
-      {
-        entities: a,
-        scope: e,
-        isLoadingVersion: d
-      }
-    ),
-    p === "details" && /* @__PURE__ */ i.jsx(
-      jt,
-      {
-        entityType: r,
-        entities: a,
-        activeUsers: b || [],
-        projectInfo: S,
-        projectName: f,
-        disabled: !A(),
-        scope: e,
-        statuses: I,
-        readOnly: !1,
-        annotations: v,
-        removeAnnotation: N,
-        exportAnnotationComposite: F,
-        children: /* @__PURE__ */ i.jsx(
-          xt,
-          {
-            entities: a,
-            isLoading: d
-          }
-        )
-      }
-    )
+    /* @__PURE__ */ m.jsxs(kt, { projectName: y, children: [
+      pt && !lt && /* @__PURE__ */ m.jsx(
+        Wt,
+        {
+          entityType: o,
+          entities: e,
+          activeUsers: S || [],
+          projectInfo: K,
+          projectName: y,
+          disabled: !X(),
+          scope: a,
+          statuses: B,
+          readOnly: !1,
+          entityListId: W,
+          annotations: I,
+          removeAnnotation: R,
+          exportAnnotationComposite: U,
+          currentTab: s,
+          setCurrentTab: j,
+          isSlideOut: f
+        }
+      ),
+      s === "files" && /* @__PURE__ */ m.jsx(
+        It,
+        {
+          entities: e,
+          scope: a,
+          isLoadingVersion: u
+        }
+      ),
+      s === "details" && /* @__PURE__ */ m.jsx(
+        Ht,
+        {
+          entityType: o,
+          entities: e,
+          activeUsers: S || [],
+          projectInfo: K,
+          projectName: y,
+          disabled: !X(),
+          scope: a,
+          statuses: B,
+          readOnly: !1,
+          annotations: I,
+          removeAnnotation: R,
+          exportAnnotationComposite: U,
+          children: /* @__PURE__ */ m.jsx(
+            _t,
+            {
+              entities: e,
+              isLoading: u
+            }
+          )
+        }
+      )
+    ] })
   ] }) });
+}, Fe = ({
+  isOpen: v,
+  entityType: g,
+  ...D
+}) => {
+  const { entities: p } = Z();
+  return !v && !p || !g && !p ? null : /* @__PURE__ */ m.jsx(Bt, { ...D, entityType: g || (p == null ? void 0 : p.entityType) });
 };
 export {
-  rp as DetailsPanel,
-  vt as entitiesWithoutFeed
+  Fe as DetailsPanel,
+  qt as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map