@ynput/ayon-frontend-shared 0.3.4 → 0.3.6

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

@@ -1,8 +1,8 @@
 import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
-import { Button as M } from "@ynput/ayon-react-components";
-import { useRef as Et, useEffect as n, useMemo as X } from "react";
+import { Button as X } from "@ynput/ayon-react-components";
+import { useRef as Et, useEffect as s, useMemo as z } from "react";
 import Tt from "./hooks/useDetailsPanelURLSync.es.js";
-import { Panel as xt, Toolbar as Nt, RightTools as Dt } from "./DetailsPanel.styled.es.js";
+import { Panel as xt, Toolbar as Nt, 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";
@@ -56,8 +56,8 @@ import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as vt } from "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as bt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { useGetEntitiesDetailsPanelQuery as Dt } from "../../api/queries/entities/getEntityPanel.es.js";
+import { detailsPanelEntityTypes as kt } 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";
@@ -80,6 +80,7 @@ import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
 import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
@@ -102,11 +103,15 @@ import "@dnd-kit/sortable";
 import "../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../components/Badge/Badge.es.js";
 import "../../components/Chips/Chips.es.js";
+import "date-fns";
+import "../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../components/LinksManager/CellEditingDialog.es.js";
 import "react-toastify";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as wt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsPanelDetails as vt } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
@@ -116,10 +121,11 @@ import "../Feed/context/FeedContext.es.js";
 import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as z, useScopedDetailsPanel as Ct } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as J, useScopedDetailsPanel as wt } from "../../context/DetailsPanelContext.es.js";
+import "../../context/SubtasksModulesContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as Ft } from "../../context/pip/PiPProvider.es.js";
+import { usePiPWindow as Ct } from "../../context/pip/PiPProvider.es.js";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
@@ -128,9 +134,9 @@ import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
-import { ProjectContextProvider as St } from "../../context/ProjectContext.es.js";
+import { ProjectContextProvider as Ft } from "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-import { useURIContext as kt } from "../../context/UriContext.es.js";
+import { useURIContext as St } from "../../context/UriContext.es.js";
 import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -147,7 +153,7 @@ 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 "uuid";
-import { extractEntityHierarchyFromParents as Lt } from "../../util/extractEntityHierarchyFromParents.es.js";
+import { extractEntityHierarchyFromParents as It } from "../../util/extractEntityHierarchyFromParents.es.js";
 import "../../util/pubsub.es.js";
 import "react-router-dom";
 import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
@@ -159,7 +165,7 @@ import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.
 import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../Feed/Feed.styled.es.js";
-import "date-fns";
+import "./components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "@tanstack/react-virtual";
@@ -173,7 +179,6 @@ import "../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../components/LinksManager/CellEditingDialog.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
@@ -206,16 +211,17 @@ import "../SimpleTable/SimpleTableRowTemplate.es.js";
 import "../Slicer/hooks/useTableDataBySlice.es.js";
 import "../Slicer/components/SlicerSearch.es.js";
 import "../Slicer/context/SlicerContext.es.js";
-import It from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
-import Rt from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
+import Lt from "./components/DetailsPanelHeader/DetailsPanelHeader.es.js";
+import Rt from "./components/DetailsPanelFiles/DetailsPanelFiles.es.js";
 import Ut from "./hooks/useGetEntityPath.es.js";
 import Wt from "./helpers/getAllProjectsStatuses.es.js";
-import Ht from "./FeedWrapper.es.js";
-import At from "./FeedContextWrapper.es.js";
+import Ht from "./containers/FeedWrapper.es.js";
+import At from "./containers/FeedContextWrapper.es.js";
 import Gt from "./helpers/mergeProjectInfo.es.js";
-import "./DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "./DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import Ot from "./containers/DetailsPanelSubtasks.es.js";
+import "./components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "./components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "./components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../Actions/Actions.styled.es.js";
 import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../Actions/ActionIcon.es.js";
@@ -227,7 +233,7 @@ import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import { EntityPath as Ot } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as Vt } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../components/Feedback/FeedbackContext.es.js";
 import "../../components/Feedback/SupportBubble.es.js";
@@ -255,62 +261,62 @@ import "../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../components/VersionUploader/context/VersionUploadContext.es.js";
-import { Watchers as Vt } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as _t } from "../../components/Watchers/Watchers.es.js";
 import "../../components/Menu/Menu.styled.es.js";
 import "../../components/Menu/MenuItem.es.js";
-const _t = ["product", "representation"], Qt = ({
-  entityType: T,
+const Qt = ["product", "representation"], qt = ({
+  entityType: x,
   entitySubTypes: P = [],
   // entities is data we already have from kanban
-  entitiesData: x = [],
+  entitiesData: N = [],
   // entityIds are used to get the full details data for the entities
-  entities: s = [],
-  tagsOptions: J = [],
-  disabledStatuses: Y,
+  entities: n = [],
+  tagsOptions: Y = [],
+  disabledStatuses: Z,
   projectUsers: w,
-  disabledProjectUsers: Z,
+  disabledProjectUsers: $,
   activeProjectUsers: C,
   projectsInfo: j = {},
-  projectNames: $ = [],
-  isSlideOut: d = !1,
-  style: qt = {},
+  projectNames: tt = [],
+  isSlideOut: f = !1,
+  style: Bt = {},
   scope: a,
-  isCompact: tt = !1,
-  onClose: N,
+  isCompact: it = !1,
+  onClose: b,
   onWatchersUpdate: F,
-  onOpenViewer: it,
-  onEntityFocus: rt,
+  onOpenViewer: rt,
+  onEntityFocus: ot,
   onOpen: S,
-  onUriOpen: k,
+  onUriOpen: I,
   // when the details panel is opened from uri
   // annotations
   annotations: L,
-  removeAnnotation: I,
-  exportAnnotationComposite: R,
-  entityListId: U,
-  guestCategories: ot = {}
+  removeAnnotation: R,
+  exportAnnotationComposite: U,
+  entityListId: W,
+  guestCategories: et = {}
 }) => {
   const {
-    closeSlideOut: W,
-    openPip: et,
-    user: H,
-    isGuest: mt,
+    closeSlideOut: H,
+    openPip: mt,
+    user: A,
+    isGuest: pt,
     entities: e,
     setEntities: D,
-    slideOut: A,
-    useSearchParams: pt
-  } = z(), { currentTab: p, setTab: y, isFeed: nt } = Ct(a), [Bt, st] = pt(), G = Et(!1), r = e?.entityType ?? T, O = e?.entities ?? s, at = e?.entitySubTypes ?? P, ct = e?.entities ? [] : x, c = e?.entities ? e.entities.map((t) => t.projectName) : $;
-  n(() => {
-    S && !G.current && (G.current = !0, S());
-  }, []), n(() => {
-    _t.includes(r) && p !== "details" && y("details");
-  }, [r, p, y]), n(() => {
-    s.length && e && D(null);
-  }, [s, e, D]);
-  const g = X(
+    slideOut: G,
+    useSearchParams: st
+  } = J(), { currentTab: p, setTab: y, isFeed: nt } = wt(a), [Kt, at] = st(), O = Et(!1), r = e?.entityType ?? x, V = e?.entities ?? n, ct = e?.entitySubTypes ?? P, lt = e?.entities ? [] : N, c = e?.entities ? e.entities.map((t) => t.projectName) : tt;
+  s(() => {
+    S && !O.current && (O.current = !0, S());
+  }, []), s(() => {
+    Qt.includes(r) && p !== "details" && y("details");
+  }, [r, p, y]), s(() => {
+    n.length && e && D(null);
+  }, [n, e, D]);
+  const g = z(
     () => Gt(j, c),
     [j, c]
-  ), V = X(
+  ), _ = z(
     () => ({
       task: g.taskTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
       folder: g.folderTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
@@ -318,123 +324,123 @@ const _t = ["product", "representation"], Qt = ({
     }),
     [g]
   );
-  n(() => {
-    p === "files" && r !== "version" && y("activity");
+  s(() => {
+    p === "files" && r !== "version" && y("feed"), p === "subtasks" && r !== "task" && y("feed");
   }, [r, p, a]);
-  let l = O.length ? O.map((t) => ({ id: t.id, projectName: t.projectName })) : (
+  let l = V.length ? V.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
-    ct.map((t) => ({ id: t.id, projectName: t.projectName }))
+    lt.map((t) => ({ id: t.id, projectName: t.projectName }))
   );
   l = l.filter((t) => t.id);
   const {
     data: m = [],
     isFetching: u,
-    isError: lt,
-    originalArgs: ut
-  } = vt(
+    isError: ut,
+    originalArgs: dt
+  } = Dt(
     { entityType: r, entities: l },
     {
-      skip: !l.length || !bt.includes(r)
+      skip: !l.length || !kt.includes(r)
     }
   );
-  n(() => {
-    d || W();
-  }, [ut, d]), n(() => {
-    if (!u && e?.source && ["uri", "url"].includes(e.source) && e?.entities?.length && k) {
+  s(() => {
+    f || H();
+  }, [dt, f]), s(() => {
+    if (!u && e?.source && ["uri", "url"].includes(e.source) && e?.entities?.length && I) {
       const t = m.find(
         (i) => i.id === e.entities[0].id
       );
       if (!t) return;
-      k(t);
+      I(t);
     }
   }, [m, u]);
-  const _ = Wt(j), f = c[0], Q = j[f] || {}, dt = m[0] || {}, E = m[m.length - 1], v = c[c.length - 1], [q, ft] = Ut({
-    entity: dt,
+  const Q = Wt(j), d = c[0], q = j[d] || {}, E = m[0] || {}, T = m[m.length - 1], k = c[c.length - 1], [B, ft] = Ut({
+    entity: E,
     entityType: r,
-    projectName: f,
+    projectName: d,
     isLoading: u
-  }), { setEntityUri: yt, setUri: ht } = kt();
-  n(() => {
-    if (!E?.parents || !v) return;
-    const { folderPath: t, taskName: i, versionName: h, productName: K } = Lt(
-      E.parents,
+  }), { setEntityUri: yt, setUri: ht } = St();
+  s(() => {
+    if (!T?.parents || !k) return;
+    const { folderPath: t, taskName: i, versionName: h, productName: M } = It(
+      T.parents,
       r,
-      E.name
+      T.name
     );
     return yt({
-      projectName: v,
+      projectName: k,
       folderPath: t,
       taskName: i,
-      productName: K,
+      productName: M,
       versionName: h
     }), () => {
       ht("");
     };
   }, [m, c, r]), Tt({
-    entityData: E,
-    project: v,
+    entityData: T,
+    project: k,
     activeEntityType: r,
     entitiesToQuery: l
   });
   const Pt = () => {
-    st(
+    at(
       (t) => {
         const i = new URLSearchParams(t);
         return i.delete("project"), i.delete("type"), i.delete("id"), i;
       },
       { replace: !0 }
     );
-  }, b = () => {
-    N?.(), D(null), Pt(), W();
+  }, v = () => {
+    b?.(), D(null), Pt(), H();
   };
-  n(() => {
+  s(() => {
     const t = (i) => {
-      if (i.key === "Escape" && N) {
+      if (i.key === "Escape" && b) {
         const h = i.target;
-        if (["INPUT", "TEXTAREA", "SELECT"].includes(h.tagName) || h.isContentEditable || d === !1 && (h.closest("#viewer-dialog") || A)) return;
-        b();
+        if (["INPUT", "TEXTAREA", "SELECT"].includes(h.tagName) || h.isContentEditable || f === !1 && (h.closest("#viewer-dialog") || G)) return;
+        v();
       }
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
-  }, [b, d, A]);
-  const { requestPipWindow: jt } = Ft(), gt = () => {
-    et({
+  }, [v, f, G]);
+  const { requestPipWindow: jt } = Ct(), gt = () => {
+    mt({
       entityType: r,
       entities: l,
       scope: a
     }), jt(500, 500);
-  }, B = () => !(c.length > 1 || mt && (!U || !Object.prototype.hasOwnProperty.call(
-    ot,
-    H.attrib?.email || ""
+  }, K = () => !(c.length > 1 || pt && (!W || !Object.prototype.hasOwnProperty.call(
+    et,
+    A.attrib?.email || ""
   )));
   return /* @__PURE__ */ o.jsx(o.Fragment, { children: /* @__PURE__ */ o.jsxs(xt, { className: "details-panel", children: [
     /* @__PURE__ */ o.jsxs(Nt, { children: [
       /* @__PURE__ */ o.jsx(
-        Ot,
+        Vt,
         {
-          segments: q,
+          segments: B,
           versions: ft,
-          projectName: f,
-          hideProjectName: d,
-          isLoading: u || !q.length,
+          projectName: d,
+          hideProjectName: f,
+          isLoading: u || !B.length,
           entityType: r,
           scope: a,
-          entityTypeIcons: V
+          entityTypeIcons: _
         }
       ),
-      /* @__PURE__ */ o.jsxs(Dt, { className: "right-tools", children: [
+      /* @__PURE__ */ o.jsxs(bt, { className: "right-tools", children: [
         /* @__PURE__ */ o.jsx(
-          Vt,
+          _t,
           {
             entities: l,
             entityType: r,
             options: w || [],
             onWatchersUpdate: F && F,
-            userName: H.name
+            userName: A.name
           }
         ),
         /* @__PURE__ */ o.jsx(
-          M,
+          X,
           {
             icon: "picture_in_picture",
             variant: "text",
@@ -442,56 +448,62 @@ const _t = ["product", "representation"], Qt = ({
             onClick: gt
           }
         ),
-        N && /* @__PURE__ */ o.jsx(
-          M,
+        b && /* @__PURE__ */ o.jsx(
+          X,
           {
             icon: "close",
             variant: "text",
-            onClick: b,
+            onClick: v,
             "data-shortcut": "Escape"
           }
         )
       ] })
     ] }),
     /* @__PURE__ */ o.jsx(
-      It,
+      Lt,
       {
         entityType: r,
-        entitySubTypes: at,
+        entitySubTypes: ct,
         entities: m,
         users: w,
-        disabledAssignees: Z,
-        disabledStatuses: Y,
-        tagsOptions: J,
+        disabledAssignees: $,
+        disabledStatuses: Z,
+        tagsOptions: Y,
         isFetching: u,
-        isCompact: tt,
+        isCompact: it,
         currentTab: p,
         onTabChange: y,
-        entityTypeIcons: V,
-        onOpenViewer: (t) => it?.(t),
-        onEntityFocus: rt
+        entityTypeIcons: _,
+        onOpenViewer: (t) => rt?.(t),
+        onEntityFocus: ot
       }
     ),
-    /* @__PURE__ */ o.jsxs(St, { projectName: f, children: [
-      nt && !lt && /* @__PURE__ */ o.jsx(
+    /* @__PURE__ */ o.jsxs(Ft, { projectName: d, children: [
+      nt && !ut && /* @__PURE__ */ o.jsx(
         Ht,
         {
           entityType: r,
           entities: m,
           activeUsers: C || [],
-          projectInfo: Q,
-          projectName: f,
-          disabled: !B(),
+          projectInfo: q,
+          projectName: d,
+          disabled: !K(),
           scope: a,
-          statuses: _,
+          statuses: Q,
           readOnly: !1,
-          entityListId: U,
+          entityListId: W,
           annotations: L,
-          removeAnnotation: I,
-          exportAnnotationComposite: R,
-          currentTab: p,
-          setCurrentTab: y,
-          isSlideOut: d
+          removeAnnotation: R,
+          exportAnnotationComposite: U,
+          isSlideOut: f
+        }
+      ),
+      p === "subtasks" && r === "task" && E?.id && /* @__PURE__ */ o.jsx(
+        Ot,
+        {
+          projectName: d,
+          taskId: E.id,
+          subtasks: E.task?.subtasks || []
         }
       ),
       p === "files" && /* @__PURE__ */ o.jsx(
@@ -508,17 +520,17 @@ const _t = ["product", "representation"], Qt = ({
           entityType: r,
           entities: m,
           activeUsers: C || [],
-          projectInfo: Q,
-          projectName: f,
-          disabled: !B(),
+          projectInfo: q,
+          projectName: d,
+          disabled: !K(),
           scope: a,
-          statuses: _,
+          statuses: Q,
           readOnly: !1,
           annotations: L,
-          removeAnnotation: I,
-          exportAnnotationComposite: R,
+          removeAnnotation: R,
+          exportAnnotationComposite: U,
           children: /* @__PURE__ */ o.jsx(
-            wt,
+            vt,
             {
               entities: m,
               isLoading: u
@@ -528,16 +540,16 @@ const _t = ["product", "representation"], Qt = ({
       )
     ] })
   ] }) });
-}, Hm = ({
-  isOpen: T,
+}, qm = ({
+  isOpen: x,
   entityType: P,
-  ...x
+  ...N
 }) => {
-  const { entities: s } = z();
-  return !T && !s || !P && !s ? null : /* @__PURE__ */ o.jsx(Qt, { ...x, entityType: P || s?.entityType });
+  const { entities: n } = J();
+  return !x && !n || !P && !n ? null : /* @__PURE__ */ o.jsx(qt, { ...N, entityType: P || n?.entityType });
 };
 export {
-  Hm as DetailsPanel,
-  _t as entitiesWithoutFeed
+  qm as DetailsPanel,
+  Qt as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map