@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

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

@@ -1,8 +1,8 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as y, useMemo as l } from "react";
-import { union as U, upperFirst as rr } from "lodash";
-import h from "clsx";
-import "@ynput/ayon-react-components";
+import { useRef as oo, useMemo as n } from "react";
+import { union as U, upperFirst as ro } from "lodash";
+import g from "clsx";
+import { getTextColor as to } from "@ynput/ayon-react-components";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
@@ -46,14 +46,14 @@ import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
-import { useGetEntitiesChecklistsQuery as or } from "../../../api/queries/activities/getActivities.es.js";
+import { useGetEntitiesChecklistsQuery as io } from "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
 import "../../../api/queries/activities/getCategories.es.js";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
-import { useGetAttributeConfigQuery as tr } from "../../../api/queries/attributes/getAttributes.es.js";
+import { useGetAttributeConfigQuery as mo } from "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
@@ -72,6 +72,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -93,13 +94,13 @@ import "@dnd-kit/sortable";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
-import { getPriorityOptions as ir } from "../../../util/getPriorityOptions.es.js";
+import { getPriorityOptions as po } from "../../../util/getPriorityOptions.es.js";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as mr } from "../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as eo } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
@@ -110,12 +111,13 @@ import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as pr } from "../../../components/Thumbnail/StackedThumbnails.es.js";
-import { EntityPanelUploader as er } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import { StackedThumbnails as so } from "../../../components/Thumbnail/StackedThumbnails.es.js";
+import { EntityPanelUploader as ao } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
 import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
@@ -129,12 +131,14 @@ import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredPowerpackVersion.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
 import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
 import "../../../components/Badge/Badge.es.js";
 import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -175,6 +179,7 @@ import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.j
 import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
 import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "short-uuid";
 import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -188,6 +193,8 @@ 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 "../../ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../ProjectTreeTable/widgets/ErrorWidget.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -200,24 +207,23 @@ import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as sr } from "../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as ar } from "../../../hooks/useEntityUpdate.es.js";
+import { useScopedStatuses as lo } from "../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as no } from "../../../hooks/useEntityUpdate.es.js";
 import "react-redux";
 import "custom-protocol-check";
-import { useTagStyling as lr } from "../../../hooks/useTagStyling.es.js";
 import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel.styled.es.js";
-import nr from "../FeedFilters/FeedFilters.es.js";
-import { HeaderContainer as dr, Grid as cr, Header as ur, Content as hr, Title as gr, TagsSelect as jr, StatusSelect as fr, AssigneeSelect as xr, PriorityEnumDropdown as Nr } from "./DetailsPanelHeader.styled.es.js";
-import vr from "../helpers/getThumbnails.es.js";
-import { buildDetailsPanelTitles as br } from "../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as Sr } from "../../../components/PlayableIcon/PlayableIcon.es.js";
+import co from "../FeedFilters/FeedFilters.es.js";
+import { HeaderContainer as uo, Grid as ho, Header as go, Content as jo, Title as fo, TagsSelect as xo, StatusSelect as vo, AssigneeSelect as No, PriorityEnumDropdown as bo } from "./DetailsPanelHeader.styled.es.js";
+import So from "../helpers/getThumbnails.es.js";
+import { buildDetailsPanelTitles as ko } from "../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as Co } from "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import { Actions as kr } from "../../Actions/Actions.es.js";
+import { Actions as Po } from "../../Actions/Actions.es.js";
 import "../../Views/context/ViewsContext.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
@@ -228,40 +234,44 @@ import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
 import "../../../components/AccessUser/AccessUser.es.js";
 import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-const $m = ({
+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 Fm = ({
   entityType: p,
   entitySubTypes: V,
   entities: m = [],
   disabledAssignees: R = [],
-  users: j = [],
+  users: f = [],
   disabledStatuses: G,
-  tagsOptions: f = [],
-  isFetching: x,
-  isCompact: c = !1,
+  tagsOptions: x = [],
+  isFetching: v,
+  isCompact: u = !1,
   currentTab: H,
   onTabChange: L,
   entityTypeIcons: N,
-  onOpenViewer: Q,
-  onEntityFocus: g
+  onOpenViewer: $,
+  onEntityFocus: j
 }) => {
-  const { useSearchParams: $, useNavigate: K, isDeveloperMode: W } = mr(), _ = K(), [q, z] = $(), v = y(null), B = sr(
-    m.map((r) => r.projectName),
+  const { useSearchParams: Q, useNavigate: K, isDeveloperMode: W } = eo(), _ = K(), [q, z] = Q(), B = oo(null), a = lo(
+    m.map((o) => o.projectName),
     [p]
-  ), n = l(
+  ), d = n(
     () => U(
-      ...m.flatMap((r) => {
+      ...m.flatMap((o) => {
         var t, e;
         return [
-          ((t = r.task) == null ? void 0 : t.assignees) || [],
-          ((e = r.version) == null ? void 0 : e.author) || []
+          ((t = o.task) == null ? void 0 : t.assignees) || [],
+          ((e = o.version) == null ? void 0 : e.author) || []
         ];
       })
     ),
     [m]
   );
-  let o = m[0];
-  const s = m.length === 0 || !o || x;
-  o || (o = {
+  let r = m[0];
+  const s = m.length === 0 || !r || v;
+  r || (r = {
     id: "placeholder",
     name: "loading...",
     label: "loading...",
@@ -275,95 +285,89 @@ const $m = ({
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const b = m.length > 1 || o == null ? void 0 : o.projectName, S = m.filter((r) => r.projectName === (o == null ? void 0 : o.projectName) && r.id).map((r) => r.id), { data: a } = or(
+  const b = m.length > 1 || r == null ? void 0 : r.projectName, S = m.filter((o) => o.projectName === (r == null ? void 0 : r.projectName) && o.id).map((o) => o.id), { data: l } = io(
     {
-      projectName: o == null ? void 0 : o.projectName,
+      projectName: r == null ? void 0 : r.projectName,
       entityIds: S
     },
-    { skip: !(o != null && o.projectName) || !S.length }
+    { skip: !(r != null && r.projectName) || !S.length }
   );
   let k;
-  a != null && a.total && a.total > 0 && (k = `${a.checked}/${a.total}`);
-  const { data: J } = tr({ attributeName: "priority" }), P = ir(J, p), A = l(
-    () => vr(m, p, N),
+  l != null && l.total && l.total > 0 && (k = `${l.checked}/${l.total}`);
+  const { data: J } = mo({ attributeName: "priority" }), C = po(J, p), P = n(
+    () => So(m, p, N),
     [m, p, N]
-  ), X = l(() => m.map((r) => r.status), [m]), Y = l(() => m.map((r) => {
+  ), A = n(() => m.map((o) => o.status), [m]), X = n(() => m.map((o) => {
     var t;
-    return (t = r.attrib) == null ? void 0 : t.priority;
-  }), [m]), C = l(() => m.map((r) => r.tags), [m]), I = l(
-    () => f.reduce((r, t) => (r[t.name] = t, r), {}),
-    [f]
-  );
-  lr({
-    tagsValues: C,
-    tagsOptionsObject: I,
-    tagsSelectRef: v
-  });
-  const D = m.length > 1, { updateEntity: Z } = ar({
-    entities: m.map((r) => {
-      var t, e, d;
+    return (t = o.attrib) == null ? void 0 : t.priority;
+  }), [m]), Y = n(() => m.map((o) => o.tags), [m]), Z = n(
+    () => x.reduce((o, t) => (o[t.name] = t, o), {}),
+    [x]
+  ), I = m.length > 1, { updateEntity: F } = no({
+    entities: m.map((o) => {
+      var t, e, c;
       return {
-        id: r.id,
-        projectName: r.projectName,
-        users: ((t = r.task) == null ? void 0 : t.assignees) || [],
-        folderId: (e = r.folder) == null ? void 0 : e.id,
-        productId: (d = r.product) == null ? void 0 : d.id
+        id: o.id,
+        projectName: o.projectName,
+        users: ((t = o.task) == null ? void 0 : t.assignees) || [],
+        folderId: (e = o.folder) == null ? void 0 : e.id,
+        productId: (c = o.product) == null ? void 0 : c.id
       };
     }),
     entityType: p
-  }), u = (r, t) => t == null ? console.error("value is null or undefined") : Z(r, t), F = () => {
-    var d, O;
-    let r, t = o.id, e = p + "Id";
-    p === "version" && ((d = o.product) != null && d.id) && (r = [o.id], t = (O = o.product) == null ? void 0 : O.id, e = "productId"), t && Q({
+  }), h = (o, t) => t == null ? console.error("value is null or undefined") : F(o, t), E = () => {
+    var c, M;
+    let o, t = r.id, e = p + "Id";
+    p === "version" && ((c = r.product) != null && c.id) && (o = [r.id], t = (M = r.product) == null ? void 0 : M.id, e = "productId"), t && $({
       [e]: t,
       projectName: b,
-      versionIds: r
+      versionIds: o
     });
-  }, w = ["task", "version", "representation"].includes(p) && (n.length > 0 || p === "task"), M = j.map((r) => r);
-  if (w) {
-    const r = j.map((e) => e.name), t = n.filter((e) => !r.includes(e));
-    t.length && M.push(...t.map((e) => ({ name: e, fullName: e })));
+  }, O = ["task", "version", "representation"].includes(p) && (d.length > 0 || p === "task"), D = f.map((o) => o);
+  if (O) {
+    const o = f.map((e) => e.name), t = d.filter((e) => !o.includes(e));
+    t.length && D.push(...t.map((e) => ({ name: e, fullName: e })));
   }
-  const { title: E, subTitle: T } = br(m, p);
-  return /* @__PURE__ */ i.jsx(dr, { children: /* @__PURE__ */ i.jsx(
-    er,
+  const { title: T, subTitle: y } = ko(m, p), w = (a == null ? void 0 : a.length) !== 0 && (a == null ? void 0 : a.find((o) => o.name === A[0]));
+  return /* @__PURE__ */ i.jsx(uo, { children: /* @__PURE__ */ i.jsx(
+    ao,
     {
       entities: m,
       entityType: p,
       projectName: b,
-      onVersionCreated: (r) => g == null ? void 0 : g(r, "version"),
-      children: /* @__PURE__ */ i.jsxs(cr, { className: h("details-panel-header", { isCompact: c }), children: [
+      onVersionCreated: (o) => j == null ? void 0 : j(o, "version"),
+      children: /* @__PURE__ */ i.jsxs(ho, { className: g("details-panel-header", { isCompact: u }), children: [
         /* @__PURE__ */ i.jsxs(
-          ur,
+          go,
           {
-            className: h("titles", { isCompact: c, loading: s }, "no-shimmer"),
+            className: g("titles", { isCompact: u, loading: s }, "no-shimmer"),
             children: [
               /* @__PURE__ */ i.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i.jsx(
-                  pr,
+                  so,
                   {
                     isLoading: s,
                     shimmer: s,
-                    thumbnails: A,
-                    onClick: A.length === 1 ? F : void 0,
+                    thumbnails: P,
+                    onClick: P.length === 1 ? E : void 0,
                     hoverIcon: "play_circle"
                   }
                 ),
-                !D && (o == null ? void 0 : o.hasReviewables) && /* @__PURE__ */ i.jsx(Sr, {})
+                !I && (r == null ? void 0 : r.hasReviewables) && /* @__PURE__ */ i.jsx(Co, {})
               ] }),
-              /* @__PURE__ */ i.jsxs(hr, { className: h({ loading: s }), children: [
-                /* @__PURE__ */ i.jsxs(gr, { children: [
-                  /* @__PURE__ */ i.jsx("h2", { children: E }),
+              /* @__PURE__ */ i.jsxs(jo, { className: g({ loading: s }), children: [
+                /* @__PURE__ */ i.jsxs(fo, { children: [
+                  /* @__PURE__ */ i.jsx("h2", { children: T }),
                   /* @__PURE__ */ i.jsx(
-                    jr,
+                    xo,
                     {
-                      ref: v,
-                      value: U(...C),
-                      tags: I,
+                      ref: B,
+                      value: U(...Y),
+                      tags: Z,
                       options: [],
                       editable: !0,
                       editor: !0,
-                      onChange: (r) => u("tags", r),
+                      onChange: (o) => h("tags", o),
                       align: "right",
                       styleDropdown: { display: s ? "none" : "unset" },
                       className: "tags-select",
@@ -373,68 +377,69 @@ const $m = ({
                 ] }),
                 /* @__PURE__ */ i.jsxs("div", { className: "sub-title", children: [
                   /* @__PURE__ */ i.jsxs("span", { className: "entity-type", children: [
-                    rr(p),
+                    ro(p),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i.jsx("h3", { children: T })
+                  /* @__PURE__ */ i.jsx("h3", { children: y })
                 ] })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ i.jsx(
-          fr,
+          vo,
           {
-            value: X,
-            options: B || [],
+            value: A,
+            options: a || [],
             disabledValues: G,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (r) => u("status", r),
-            className: h("status-select", { loading: s }),
-            align: c ? "right" : "left"
+            onChange: (o) => h("status", o),
+            className: g("status-select", { loading: s }),
+            align: u ? "right" : "left",
+            $textColor: to(w !== void 0 ? w.color : "#OOO")
           }
         ),
-        !c && (!w || s ? /* @__PURE__ */ i.jsx("div", {}) : /* @__PURE__ */ i.jsx(
-          xr,
+        !u && (!O || s ? /* @__PURE__ */ i.jsx("div", {}) : /* @__PURE__ */ i.jsx(
+          No,
           {
-            value: n,
-            options: M,
-            disabledValues: R.map((r) => r.name),
-            isMultiple: D && n.length > 1 && p === "task",
+            value: d,
+            options: D,
+            disabledValues: R.map((o) => o.name),
+            isMultiple: I && d.length > 1 && p === "task",
             readOnly: p !== "task",
             emptyMessage: p === "task" ? "Assign user" : "",
             align: "right",
-            onChange: (r) => u("assignees", r),
+            onChange: (o) => h("assignees", o),
             className: "assignee-select",
-            "data-tooltip": n.length ? p === "task" ? "Assigned users" : "Author" : ""
+            "data-tooltip": d.length ? p === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i.jsx(
-          kr,
+          Po,
           {
             entities: m,
             entityType: p,
             entitySubTypes: V,
-            isLoadingEntity: !!x || !!s,
+            isLoadingEntity: !!v || !!s,
             searchParams: q,
             isDeveloperMode: W,
             onSetSearchParams: z,
             onNavigate: _
           }
         ),
-        P ? /* @__PURE__ */ i.jsx(
-          Nr,
+        C ? /* @__PURE__ */ i.jsx(
+          bo,
           {
-            options: P,
+            options: C,
             placeholder: "No priority",
-            value: Y,
-            onChange: (r) => u("attrib", { priority: r[0] }),
+            value: X,
+            onChange: (o) => h("attrib", { priority: o[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ i.jsx(
-          nr,
+          co,
           {
             isLoading: s,
             entityType: p,
@@ -453,6 +458,6 @@ const $m = ({
   ) });
 };
 export {
-  $m as default
+  Fm as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  useTagStyling({\n    tagsValues,\n    tagsOptionsObject,\n    tagsSelectRef,\n  })\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n  folder: Record<string, string>\n  task: Record<string, string>\n  product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n  entityType: 'folder' | 'task' | 'version' | 'representation'\n  entitySubTypes: string[]\n  entities: DetailsPanelEntityData[]\n  disabledAssignees?: any[]\n  users?: any[]\n  disabledStatuses?: string[]\n  tagsOptions?: any[]\n  isFetching?: boolean\n  isCompact?: boolean\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n  onOpenViewer: (args: any) => void\n  onEntityFocus: DetailsPanelProps['onEntityFocus']\n  entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n  entityType,\n  entitySubTypes,\n  entities = [],\n  disabledAssignees = [],\n  users = [],\n  disabledStatuses,\n  tagsOptions = [],\n  isFetching,\n  isCompact = false,\n  currentTab,\n  onTabChange,\n  entityTypeIcons,\n  onOpenViewer,\n  onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees\n  const entityUsers: string[] = useMemo(\n    () =>\n      union(\n        ...entities.flatMap((entity) => [\n          entity.task?.assignees || [],\n          entity.version?.author || [],\n        ]),\n      ),\n    [entities],\n  )\n\n  let firstEntity = entities[0]\n  // If there's no data return null\n  const isLoading = entities.length === 0 || !firstEntity || isFetching\n  // placeholder entity\n  if (!firstEntity) {\n    firstEntity = {\n      id: 'placeholder',\n      name: 'loading...',\n      label: 'loading...',\n      entityType,\n      status: 'loading',\n      projectName: 'loading...',\n      tags: [],\n      hasReviewables: false,\n      attrib: {},\n      createdAt: new Date().toISOString(),\n      updatedAt: new Date().toISOString(),\n      path: '',\n    }\n  }\n\n  const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n  const entityIds = entities\n    .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n    .map((entity) => entity.id)\n\n  // get checklists count\n  const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n    {\n      projectName: firstEntity?.projectName,\n      entityIds,\n    },\n    { skip: !firstEntity?.projectName || !entityIds.length },\n  )\n  let checklistsLabel\n  if (checklistCount?.total && checklistCount.total > 0) {\n    checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n  }\n\n  // get priorities\n  // get priority attribute so we know the colors and icons for each priority\n  const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n  const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n  const thumbnails = useMemo(\n    () => getThumbnails(entities, entityType, entityTypeIcons),\n    [entities, entityType, entityTypeIcons],\n  )\n\n  // we need to get the intersection of all the statuses of the projects for the selected entities\n  // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n  //  and it prevents us from showing statuses that are not available for the selected entities\n  const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n  const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n  const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n  const tagsOptionsObject = useMemo(\n    () =>\n      tagsOptions.reduce((acc, tag) => {\n        acc[tag.name] = tag\n        return acc\n      }, {}),\n    [tagsOptions],\n  )\n\n  const isMultiple = entities.length > 1\n\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((e) => ({\n      id: e.id,\n      projectName: e.projectName,\n      users: e.task?.assignees || [],\n      folderId: e.folder?.id,\n      productId: e.product?.id,\n    })),\n    entityType,\n  })\n\n  const handleUpdate = (field: string, value: any) => {\n    if (value === null || value === undefined) return console.error('value is null or undefined')\n    return updateEntity(field, value)\n  }\n\n  const handleThumbnailClick = () => {\n    let versionIds,\n      id = firstEntity.id,\n      entityTypeKey = entityType + 'Id'\n\n    if (entityType === 'version' && firstEntity.product?.id) {\n      versionIds = [firstEntity.id]\n      id = firstEntity.product?.id\n      entityTypeKey = 'productId'\n    }\n\n    if (id) {\n      onOpenViewer({\n        [entityTypeKey]: id,\n        projectName,\n        versionIds,\n      })\n    }\n  }\n\n  const hasUser =\n    ['task', 'version', 'representation'].includes(entityType) &&\n    (entityUsers.length > 0 || entityType === 'task')\n\n  const usersOptions = users.map((u) => u)\n  if (hasUser) {\n    // check if all users are in options, otherwise add them\n    const allUsers = users.map((u) => u.name)\n    const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n    if (usersToAdd.length) {\n      usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n    }\n  }\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n  const status = statuses?.length!==0 && statuses?.find((status)=>  status.name=== statusesValue[0])\n  return (\n    <Styled.HeaderContainer>\n      <EntityPanelUploader\n        entities={entities}\n        entityType={entityType}\n        projectName={projectName}\n        onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n      >\n        <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n          <Styled.Header\n            className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n          >\n            <div style={{ position: 'relative' }}>\n              <StackedThumbnails\n                isLoading={isLoading}\n                shimmer={isLoading}\n                thumbnails={thumbnails}\n                onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n                hoverIcon={'play_circle'}\n              />\n              {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n            </div>\n            <Styled.Content className={clsx({ loading: isLoading })}>\n              <Styled.Title>\n                <h2>{title}</h2>\n                <Styled.TagsSelect\n                  ref={tagsSelectRef}\n                  value={union(...tagsValues)}\n                  tags={tagsOptionsObject}\n                  options={[]}\n                  editable\n                  editor\n                  onChange={(value) => handleUpdate('tags', value)}\n                  align=\"right\"\n                  styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n                  className=\"tags-select\"\n                  itemClassName=\"details-tag\"\n                />\n              </Styled.Title>\n              <div className=\"sub-title\">\n                <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n                <h3>{subTitle}</h3>\n              </div>\n            </Styled.Content>\n          </Styled.Header>\n          <Styled.StatusSelect\n            value={statusesValue}\n            options={statuses || []}\n            disabledValues={disabledStatuses}\n            invert\n            style={{ maxWidth: 'unset' }}\n            onChange={(value) => handleUpdate('status', value)}\n            className={clsx('status-select', { loading: isLoading })}\n            align={isCompact ? 'right' : 'left'}\n            $textColor={getTextColor(status!==undefined? (status as Status).color: \"#OOO\")}\n          />\n          {!isCompact &&\n            (!hasUser || isLoading ? (\n              <div></div>\n            ) : (\n              <Styled.AssigneeSelect\n                value={entityUsers}\n                options={usersOptions}\n                disabledValues={disabledAssignees.map((u) => u.name)}\n                isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n                readOnly={entityType !== 'task'}\n                emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n                align=\"right\"\n                onChange={(value) => handleUpdate('assignees', value)}\n                className=\"assignee-select\"\n                data-tooltip={\n                  entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n                }\n              />\n            ))}\n          <Actions\n            entities={entities}\n            entityType={entityType}\n            entitySubTypes={entitySubTypes}\n            isLoadingEntity={!!isFetching || !!isLoading}\n            searchParams={searchParams}\n            isDeveloperMode={isDeveloperMode}\n            onSetSearchParams={setSearchParams}\n            onNavigate={navigate}\n          />\n          {priorities ? (\n            <Styled.PriorityEnumDropdown\n              options={priorities}\n              placeholder=\"No priority\"\n              value={priorityValues}\n              onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n              align=\"right\"\n            />\n          ) : (\n            <div style={{ height: 32 }}></div>\n          )}\n          <FeedFilters\n            isLoading={isLoading}\n            entityType={entityType}\n            className=\"filters\"\n            overrides={{\n              checklists: {\n                label: checklistsLabel,\n              },\n            }}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n          />\n        </Styled.Grid>\n      </EntityPanelUploader>\n    </Styled.HeaderContainer>\n  )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}