@ynput/ayon-frontend-shared 0.2.34 → 0.2.36

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

@@ -1,8 +1,8 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
 import { useMemo as a } from "react";
-import { Container as S, Header as D, Content as N, Row as C, Status as U, FeedContainer as G } from "./DetailsPanelFloating.styled.es.js";
+import { Container as S, Header as C, Content as D, Row as N, Status as U, FeedContainer as G } from "./DetailsPanelFloating.styled.es.js";
 import O from "../helpers/getThumbnails.es.js";
-import { Icon as Q, AssigneeField as q } from "@ynput/ayon-react-components";
+import { getTextColor as Q, Icon as q, AssigneeField as M } from "@ynput/ayon-react-components";
 import "clsx";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
@@ -59,7 +59,7 @@ 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 M } from "../../../api/queries/entities/getEntityPanel.es.js";
+import { useGetEntitiesDetailsPanelQuery as R } from "../../../api/queries/entities/getEntityPanel.es.js";
 import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
@@ -73,6 +73,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";
@@ -81,7 +82,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 { useGetKanbanProjectUsersQuery as R, useGetProjectsInfoQuery as W } from "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetKanbanProjectUsersQuery as W, useGetProjectsInfoQuery as _ } from "../../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/users/guests.es.js";
@@ -94,29 +95,30 @@ import "@dnd-kit/sortable";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
-import _ from "../../../util/productTypes.es.js";
-import { upperFirst as w } from "lodash";
+import w from "../../../util/productTypes.es.js";
+import { upperFirst as H } from "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as H } from "../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as K } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
 import "react-dom";
-import { PiPWrapper as K } from "../../../context/pip/PiPWrapper.es.js";
+import { PiPWrapper as L } from "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 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 L } from "../../../components/Thumbnail/StackedThumbnails.es.js";
+import { StackedThumbnails as $ } from "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../Feed/context/FeedContext.es.js";
 import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
@@ -150,6 +152,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";
@@ -164,6 +167,8 @@ 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";
+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";
@@ -184,12 +189,12 @@ import "../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import { buildDetailsPanelTitles as $ } from "../helpers/buildDetailsPanelTitles.es.js";
+import { buildDetailsPanelTitles as z } from "../helpers/buildDetailsPanelTitles.es.js";
 import "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
-import z from "../helpers/getAllProjectsStatuses.es.js";
-import B from "../FeedWrapper.es.js";
-import J from "../helpers/mergeProjectInfo.es.js";
+import B from "../helpers/getAllProjectsStatuses.es.js";
+import J from "../FeedWrapper.es.js";
+import V from "../helpers/mergeProjectInfo.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
@@ -212,12 +217,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";
@@ -230,44 +237,48 @@ 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 um = () => {
-  const { pip: m } = H(), p = m == null ? void 0 : m.entityType, l = (m == null ? void 0 : m.entities) || [], b = (m == null ? void 0 : m.scope) || "", u = l.length > 0 && !!p, n = l.map((t) => t.projectName), { data: f = [] } = R({ projects: n }, { skip: !u }), { data: c = {}, isFetching: P } = W(
+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 vm = () => {
+  const { pip: p } = K(), e = p == null ? void 0 : p.entityType, l = (p == null ? void 0 : p.entities) || [], b = (p == null ? void 0 : p.scope) || "", u = l.length > 0 && !!e, n = l.map((t) => t.projectName), { data: f = [] } = W({ projects: n }, { skip: !u }), { data: c = {}, isFetching: T } = _(
     {
       projects: n
     },
     { skip: !u }
   ), h = a(
-    () => z(c, n),
+    () => B(c, n),
     [c, n]
-  ), { data: e = [], isFetching: T } = M(
+  ), { data: s = [], isFetching: P } = R(
     // @ts-expect-error
-    { entityType: p, entities: l },
+    { entityType: e, entities: l },
     {
-      skip: !u || P
+      skip: !u || T
     }
   ), j = a(
-    () => J(c, n),
+    () => V(c, n),
     [c, n]
   ), k = a(
     () => ({
       task: j.taskTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
       folder: j.folderTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
-      product: Object.entries(_).reduce(
+      product: Object.entries(w).reduce(
         (t, [r, d]) => ({ ...t, [r]: d.icon }),
         {}
       )
     }),
     [j]
   ), F = a(
-    () => p ? O(e, p, k) : [],
-    [e, p]
-  ), y = a(() => f.filter((t) => e.some((r) => {
+    () => e ? O(s, e, k) : [],
+    [s, e]
+  ), I = a(() => f.filter((t) => s.some((r) => {
     var d, g;
     return (g = (d = r == null ? void 0 : r.task) == null ? void 0 : d.assignees) == null ? void 0 : g.includes(t.name);
-  })).map((t) => ({ ...t, avatarUrl: `/api/users/${t.name}/avatar` })), [f, l]), i = e[0];
-  if (!e.length || !i) return null;
-  if (T) return /* @__PURE__ */ o.jsx("div", { children: "Loading..." });
-  const x = i == null ? void 0 : i.projectName, s = e.some((t) => (t == null ? void 0 : t.status) !== (i == null ? void 0 : i.status)) ? {
+  })).map((t) => ({ ...t, avatarUrl: `/api/users/${t.name}/avatar` })), [f, l]), i = s[0];
+  if (!s.length || !i) return null;
+  if (P) return /* @__PURE__ */ o.jsx("div", { children: "Loading..." });
+  const x = i == null ? void 0 : i.projectName, m = s.some((t) => (t == null ? void 0 : t.status) !== (i == null ? void 0 : i.status)) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
@@ -276,34 +287,34 @@ const um = () => {
     color: "",
     name: "None"
   };
-  if (!p) return null;
-  const { title: I, subTitle: v } = $(e, p);
-  return /* @__PURE__ */ o.jsx(K, { children: /* @__PURE__ */ o.jsxs(S, { children: [
-    /* @__PURE__ */ o.jsxs(D, { children: [
-      /* @__PURE__ */ o.jsx(L, { thumbnails: F }),
-      /* @__PURE__ */ o.jsxs(N, { children: [
-        /* @__PURE__ */ o.jsx("h2", { children: I }),
+  if (!e) return null;
+  const { title: v, subTitle: y } = z(s, e);
+  return /* @__PURE__ */ o.jsx(L, { children: /* @__PURE__ */ o.jsxs(S, { children: [
+    /* @__PURE__ */ o.jsxs(C, { children: [
+      /* @__PURE__ */ o.jsx($, { thumbnails: F }),
+      /* @__PURE__ */ o.jsxs(D, { children: [
+        /* @__PURE__ */ o.jsx("h2", { children: v }),
         /* @__PURE__ */ o.jsxs("div", { className: "sub-title", children: [
           /* @__PURE__ */ o.jsxs("span", { children: [
-            w(p),
+            H(e),
             " - "
           ] }),
-          /* @__PURE__ */ o.jsx("h3", { children: v })
+          /* @__PURE__ */ o.jsx("h3", { children: y })
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ o.jsxs(C, { children: [
-      /* @__PURE__ */ o.jsxs(U, { style: { backgroundColor: s == null ? void 0 : s.color }, children: [
-        /* @__PURE__ */ o.jsx(Q, { icon: s.icon || "question_mark" }),
-        /* @__PURE__ */ o.jsx("span", { className: "label", children: s == null ? void 0 : s.name })
+    /* @__PURE__ */ o.jsxs(N, { children: [
+      /* @__PURE__ */ o.jsxs(U, { style: { backgroundColor: m == null ? void 0 : m.color, color: Q(m == null ? void 0 : m.color) }, children: [
+        /* @__PURE__ */ o.jsx(q, { icon: m.icon || "question_mark", style: { color: "inherit" } }),
+        /* @__PURE__ */ o.jsx("span", { className: "label", children: m == null ? void 0 : m.name })
       ] }),
-      /* @__PURE__ */ o.jsx(q, { users: y, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ o.jsx(M, { users: I, style: { pointerEvents: "none" } })
     ] }),
     /* @__PURE__ */ o.jsx(G, { children: /* @__PURE__ */ o.jsx(
-      B,
+      J,
       {
-        entityType: p,
-        entities: e,
+        entityType: e,
+        entities: s,
         activeUsers: [],
         projectInfo: c[x],
         projectName: x,
@@ -316,7 +327,7 @@ const um = () => {
   ] }) });
 };
 export {
-  um as DetailsPanelFloating,
-  um as default
+  vm as DetailsPanelFloating,
+  vm as default
 };
 //# sourceMappingURL=DetailsPanelFloating.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color }}>\n            {<Icon icon={statusAnatomy.icon || 'question_mark'} />}\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            disabled={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper, usePowerpack } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { productTypes} from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n  const { pip } = useDetailsPanelContext()\n  const entityType = pip?.entityType\n  const entities = pip?.entities || []\n  const scope = pip?.scope || ''\n  const isOpen = entities.length > 0 && !!entityType\n\n  const projects: string[] = entities.map((e: any) => e.projectName)\n\n  const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n  const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n    {\n      projects: projects,\n    },\n    { skip: !isOpen },\n  )\n\n  // get all statuses from projects info, removing duplicate names\n  const statuses = useMemo(\n    () => getAllProjectStatuses(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n    useGetEntitiesDetailsPanelQuery(\n      // @ts-expect-error\n      { entityType: entityType, entities: entities },\n      {\n        skip: !isOpen || isFetchingInfo,\n      },\n    )\n\n  // reduce projectsInfo to selected projects and into one\n  const projectInfo = useMemo(\n    () => mergeProjectInfo(projectsInfo, projects),\n    [projectsInfo, projects],\n  )\n\n  // build icons for entity types\n  const entityTypeIcons = useMemo(\n    () => ({\n      task: projectInfo.taskTypes\n        .filter((task) => !!task.icon)\n        .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n      folder: projectInfo.folderTypes\n        .filter((folder) => !!folder.icon)\n        .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n      product: Object.entries(productTypes).reduce(\n        (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n        {},\n      ),\n    }),\n    [projectInfo],\n  )\n\n  const thumbnails = useMemo(\n    () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n    [entitiesData, entityType],\n  )\n\n  // users for assignee field, find in all users\n  const users = useMemo(() => {\n    return allUsers\n      .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n      .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n  }, [allUsers, entities])\n\n  const firstEntity = entitiesData[0]\n  if (!entitiesData.length || !firstEntity) return null\n\n  if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n  const projectName = firstEntity?.projectName\n\n  // are there multiple statuses of different names?\n  const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n  const mixedStatus = {\n    icon: 'question_mark',\n    color: 'var(--md-sys-color-surface-container-highest)',\n    name: 'Mixed statuses',\n  }\n\n  const statusAnatomy = mixedStatuses\n    ? mixedStatus\n    : statuses.find((s) => s.name === firstEntity?.status) || {\n        icon: '',\n        color: '',\n        name: 'None',\n      }\n\n  if (!entityType) return null\n\n  // Get title and subtitle from the imported function\n  const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n  return (\n    <PiPWrapper>\n      <Styled.Container>\n        <Styled.Header>\n          <StackedThumbnails thumbnails={thumbnails} />\n          <Styled.Content>\n            <h2>{title}</h2>\n            <div className=\"sub-title\">\n              <span>{upperFirst(entityType)} - </span>\n              <h3>{subTitle}</h3>\n            </div>\n          </Styled.Content>\n        </Styled.Header>\n        <Styled.Row>\n          <Styled.Status style={{ backgroundColor: statusAnatomy?.color, color: getTextColor(statusAnatomy?.color) }}>\n            <Icon icon={statusAnatomy.icon || 'question_mark'} style={{ color: 'inherit' }} />\n            <span className=\"label\">{statusAnatomy?.name}</span>\n          </Styled.Status>\n          <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n        </Styled.Row>\n        <Styled.FeedContainer>\n          <FeedWrapper\n            entityType={entityType}\n            // @ts-ignore\n            entities={entitiesData}\n            activeUsers={[]}\n            // selectedTasksProjects={{}}\n            projectInfo={projectsInfo[projectName]}\n            projectName={projectName}\n            disabled={false}\n            scope={scope}\n            readOnly\n            // @ts-ignore\n            statuses={statuses}\n          />\n        </Styled.FeedContainer>\n      </Styled.Container>\n    </PiPWrapper>\n  )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","thumbnails","getThumbnails","users","u","_b","_a","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBO,MAAMA,KAAsD,MAAM;AACjE,QAAA,EAAE,KAAAC,EAAI,IAAIC,EAAuB,GACjCC,IAAaF,KAAA,gBAAAA,EAAK,YAClBG,KAAWH,KAAA,gBAAAA,EAAK,aAAY,CAAC,GAC7BI,KAAQJ,KAAA,gBAAAA,EAAK,UAAS,IACtBK,IAASF,EAAS,SAAS,KAAK,CAAC,CAACD,GAElCI,IAAqBH,EAAS,IAAI,CAACI,MAAWA,EAAE,WAAW,GAE3D,EAAE,MAAMC,IAAW,CAAA,MAAOC,EAA8B,EAAE,UAAAH,KAAY,EAAE,MAAM,CAACD,GAAQ,GAEvF,EAAE,MAAMK,IAAe,CAAI,GAAA,YAAYC,MAAmBC;AAAA,IAC9D;AAAA,MACE,UAAAN;AAAA,IACF;AAAA,IACA,EAAE,MAAM,CAACD,EAAO;AAAA,EAClB,GAGMQ,IAAWC;AAAA,IACf,MAAMC,EAAsBL,GAAcJ,CAAQ;AAAA,IAClD,CAACI,GAAcJ,CAAQ;AAAA,EACzB,GAEM,EAAE,MAAMU,IAAe,CAAI,GAAA,YAAYC,MAC3CC;AAAA;AAAA,IAEE,EAAE,YAAAhB,GAAwB,UAAAC,EAAmB;AAAA,IAC7C;AAAA,MACE,MAAM,CAACE,KAAUM;AAAA,IAAA;AAAA,EAErB,GAGIQ,IAAcL;AAAA,IAClB,MAAMM,EAAiBV,GAAcJ,CAAQ;AAAA,IAC7C,CAACI,GAAcJ,CAAQ;AAAA,EACzB,GAGMe,IAAkBP;AAAA,IACtB,OAAO;AAAA,MACL,MAAMK,EAAY,UACf,OAAO,CAACG,MAAS,CAAC,CAACA,EAAK,IAAI,EAC5B,OAAO,CAACC,GAAKD,OAAU,EAAE,GAAGC,GAAK,CAACD,EAAK,IAAI,GAAGA,EAAK,SAAS,EAAE;AAAA,MACjE,QAAQH,EAAY,YACjB,OAAO,CAACK,MAAW,CAAC,CAACA,EAAO,IAAI,EAChC,OAAO,CAACD,GAAKC,OAAY,EAAE,GAAGD,GAAK,CAACC,EAAO,IAAI,GAAGA,EAAO,SAAS,EAAE;AAAA,MACvE,SAAS,OAAO,QAAQC,CAAY,EAAE;AAAA,QACpC,CAACF,GAAK,CAACG,GAAKC,CAAO,OAAO,EAAE,GAAGJ,GAAK,CAACG,CAAG,GAAGC,EAAQ;QACnD,CAAA;AAAA,MAAC;AAAA,IACH;AAAA,IAEF,CAACR,CAAW;AAAA,EACd,GAEMS,IAAad;AAAA,IACjB,MAAOZ,IAAa2B,EAAcb,GAAcd,GAAYmB,CAAe,IAAI,CAAC;AAAA,IAChF,CAACL,GAAcd,CAAU;AAAA,EAC3B,GAGM4B,IAAQhB,EAAQ,MACbN,EACJ,OAAO,CAACuB,MAAMf,EAAa,KAAK,CAACT,MAAA;;AAAM,YAAAyB,KAAAC,IAAA1B,KAAA,gBAAAA,EAAG,SAAH,gBAAA0B,EAAS,cAAT,gBAAAD,EAAoB,SAASD,EAAE;AAAA,GAAK,CAAC,EAC5E,IAAI,CAACA,OAAO,EAAE,GAAGA,GAAG,WAAW,cAAcA,EAAE,IAAI,UAAY,EAAA,GACjE,CAACvB,GAAUL,CAAQ,CAAC,GAEjB+B,IAAclB,EAAa,CAAC;AAClC,MAAI,CAACA,EAAa,UAAU,CAACkB,EAAoB,QAAA;AAEjD,MAAIjB,EAA2B,QAAQkB,gBAAAA,EAAA,IAAA,OAAA,EAAI,UAAU,cAAA;AAErD,QAAMC,IAAcF,KAAA,gBAAAA,EAAa,aAU3BG,IAPgBrB,EAAa,KAAK,CAACT,OAAMA,KAAA,gBAAAA,EAAG,aAAW2B,KAAA,gBAAAA,EAAa,OAAM,IAC5D;AAAA,IAClB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR,IAIIrB,EAAS,KAAK,CAACyB,MAAMA,EAAE,UAASJ,KAAA,gBAAAA,EAAa,OAAM,KAAK;AAAA,IACtD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EACR;AAEA,MAAA,CAAChC,EAAmB,QAAA;AAGxB,QAAM,EAAE,OAAAqC,GAAO,UAAAC,EAAA,IAAaC,EAAwBzB,GAAcd,CAAU;AAE5E,SACGiC,gBAAAA,EAAAA,IAAAO,GAAA,EACC,UAACC,gBAAAA,EAAAA,KAAAC,GAAA,EACC,UAAA;AAAA,IAACD,gBAAAA,OAAAE,GAAA,EACC,UAAA;AAAA,MAAAV,gBAAAA,MAACW,KAAkB,YAAAlB,GAAwB;AAAA,MAC3Ce,gBAAAA,OAACI,GAAA,EACC,UAAA;AAAA,QAAAZ,gBAAAA,EAAAA,IAAC,QAAI,UAAMI,EAAA,CAAA;AAAA,QACXI,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,aACb,UAAA;AAAA,UAAAA,gBAAAA,OAAC,QAAM,EAAA,UAAA;AAAA,YAAAK,EAAW9C,CAAU;AAAA,YAAE;AAAA,UAAA,GAAG;AAAA,UACjCiC,gBAAAA,EAAAA,IAAC,QAAI,UAASK,EAAA,CAAA;AAAA,QAAA,EAChB,CAAA;AAAA,MAAA,EACF,CAAA;AAAA,IAAA,GACF;AAAA,IACAG,gBAAAA,OAACM,GAAA,EACC,UAAA;AAAA,MAAAN,gBAAAA,EAAAA,KAACO,GAAA,EAAc,OAAO,EAAE,iBAAiBb,KAAA,gBAAAA,EAAe,OAAO,OAAOc,EAAad,KAAA,gBAAAA,EAAe,KAAK,KACrG,UAAA;AAAA,QAACF,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAMf,EAAc,QAAQ,iBAAiB,OAAO,EAAE,OAAO,UAAa,EAAA,CAAA;AAAA,QAC/EF,gBAAAA,EAAA,IAAA,QAAA,EAAK,WAAU,SAAS,iCAAe,KAAK,CAAA;AAAA,MAAA,GAC/C;AAAA,4BACCkB,GAAc,EAAA,OAAAvB,GAAc,OAAO,EAAE,eAAe,SAAU,CAAA;AAAA,IAAA,GACjE;AAAA,IACAK,gBAAAA,MAACmB,GAAA,EACC,UAAAnB,gBAAAA,EAAA;AAAA,MAACoB;AAAA,MAAA;AAAA,QACC,YAAArD;AAAA,QAEA,UAAUc;AAAA,QACV,aAAa,CAAC;AAAA,QAEd,aAAaN,EAAa0B,CAAW;AAAA,QACrC,aAAAA;AAAA,QACA,UAAU;AAAA,QACV,OAAAhC;AAAA,QACA,UAAQ;AAAA,QAER,UAAAS;AAAA,MAAA;AAAA,IAAA,EAEJ,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ;"}

package/dist/shared/src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js

@@ -83,7 +83,7 @@
       display: none;
     }
   }
-`,l=e.div`
+`,r=e.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -91,13 +91,8 @@
   height: 32px;
   border-radius: var(--border-radius-m);
 
-  &,
-  .icon {
-    color: black;
-  }
-
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }
-`;exports.Container=a;exports.Content=t;exports.FeedContainer=d;exports.Header=n;exports.Row=o;exports.Status=l;
+`;exports.Container=a;exports.Content=t;exports.FeedContainer=d;exports.Header=n;exports.Row=o;exports.Status=r;
 //# sourceMappingURL=DetailsPanelFloating.styled.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.styled.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog } from 'primereact/dialog'\n\nexport const FloatingDialog = styled(Dialog)`\n  .p-dialog-header-icons {\n    display: none;\n  }\n  .p-dialog-content {\n  }\n`\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: -8px;\n  width: calc(100% + 16px);\n  height: calc(100% + 16px);\n`\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n  padding: var(--padding-m);\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 8px;\n  padding-top: 0;\n`\n\nexport const FeedContainer = styled.div`\n  border-top: solid 1px var(--md-sys-color-outline-variant);\n  height: 100%;\n  overflow: hidden;\n\n  .feed {\n    padding-bottom: 0;\n    ul {\n      margin: 0;\n    }\n\n    .comment-container {\n      display: none;\n    }\n\n    .reactions-wrapper {\n      display: none;\n    }\n  }\n`\n\nexport const Status = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: 0 8px;\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  &,\n  .icon {\n    color: black;\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n  }\n`\n"],"names":["styled","Dialog","Container","Header","Content","Row","FeedContainer","Status"],"mappings":"+LAG8BA,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpC,MAAMC,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBG,EAASH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBI,EAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuCjBK,EAAML,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAObM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"DetailsPanelFloating.styled.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog } from 'primereact/dialog'\n\nexport const FloatingDialog = styled(Dialog)`\n  .p-dialog-header-icons {\n    display: none;\n  }\n  .p-dialog-content {\n  }\n`\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: -8px;\n  width: calc(100% + 16px);\n  height: calc(100% + 16px);\n`\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n  padding: var(--padding-m);\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 8px;\n  padding-top: 0;\n`\n\nexport const FeedContainer = styled.div`\n  border-top: solid 1px var(--md-sys-color-outline-variant);\n  height: 100%;\n  overflow: hidden;\n\n  .feed {\n    padding-bottom: 0;\n    ul {\n      margin: 0;\n    }\n\n    .comment-container {\n      display: none;\n    }\n\n    .reactions-wrapper {\n      display: none;\n    }\n  }\n`\n\nexport const Status = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: 0 8px;\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n  }\n`\n"],"names":["styled","Dialog","Container","Header","Content","Row","FeedContainer","Status"],"mappings":"+LAG8BA,EAAOC,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQpC,MAAMC,EAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBG,EAASH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAchBI,EAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuCjBK,EAAML,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAObM,EAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvBO,EAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -94,11 +94,6 @@ const o = e.div`
   height: 32px;
   border-radius: var(--border-radius-m);
 
-  &,
-  .icon {
-    color: black;
-  }
-
   .icon {
     font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;
   }

package/dist/shared/src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelFloating.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog } from 'primereact/dialog'\n\nexport const FloatingDialog = styled(Dialog)`\n  .p-dialog-header-icons {\n    display: none;\n  }\n  .p-dialog-content {\n  }\n`\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: -8px;\n  width: calc(100% + 16px);\n  height: calc(100% + 16px);\n`\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n  padding: var(--padding-m);\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 8px;\n  padding-top: 0;\n`\n\nexport const FeedContainer = styled.div`\n  border-top: solid 1px var(--md-sys-color-outline-variant);\n  height: 100%;\n  overflow: hidden;\n\n  .feed {\n    padding-bottom: 0;\n    ul {\n      margin: 0;\n    }\n\n    .comment-container {\n      display: none;\n    }\n\n    .reactions-wrapper {\n      display: none;\n    }\n  }\n`\n\nexport const Status = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: 0 8px;\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  &,\n  .icon {\n    color: black;\n  }\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n  }\n`\n"],"names":["styled","Dialog","Container","Header","Content","Row","FeedContainer","Status"],"mappings":";;AAG8BA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAMC,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBG,IAASH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBI,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAuCjBK,IAAML,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAObM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"DetailsPanelFloating.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Dialog } from 'primereact/dialog'\n\nexport const FloatingDialog = styled(Dialog)`\n  .p-dialog-header-icons {\n    display: none;\n  }\n  .p-dialog-content {\n  }\n`\n\nexport const Container = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: -8px;\n  width: calc(100% + 16px);\n  height: calc(100% + 16px);\n`\nexport const Header = styled.header`\n  display: flex;\n  align-items: flex-start;\n  gap: var(--base-gap-large);\n  z-index: 50;\n  padding: var(--padding-m);\n\n  &.loading {\n    .playable {\n      display: none;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  justify-content: center;\n  overflow: hidden;\n  position: relative;\n\n  h2 {\n    margin: 0;\n  }\n\n  h3 {\n    display: block;\n    margin: 0;\n    border: none;\n    padding: 0;\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  &.loading {\n    width: 70%;\n\n    h2,\n    h3,\n    .sub-title {\n      white-space: nowrap;\n    }\n  }\n\n  .sub-title {\n    display: flex;\n    align-items: center;\n    gap: var(--base-gap-medium);\n  }\n`\n\nexport const Row = styled.div`\n  display: flex;\n  justify-content: space-between;\n  padding: 8px;\n  padding-top: 0;\n`\n\nexport const FeedContainer = styled.div`\n  border-top: solid 1px var(--md-sys-color-outline-variant);\n  height: 100%;\n  overflow: hidden;\n\n  .feed {\n    padding-bottom: 0;\n    ul {\n      margin: 0;\n    }\n\n    .comment-container {\n      display: none;\n    }\n\n    .reactions-wrapper {\n      display: none;\n    }\n  }\n`\n\nexport const Status = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: 0 8px;\n  height: 32px;\n  border-radius: var(--border-radius-m);\n\n  .icon {\n    font-variation-settings: 'FILL' 1, 'wght' 300, 'GRAD' 300, 'opsz' 20;\n  }\n`\n"],"names":["styled","Dialog","Container","Header","Content","Row","FeedContainer","Status"],"mappings":";;AAG8BA,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQpC,MAAMC,IAAYF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBG,IAASH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAchBI,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAuCjBK,IAAML,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAObM,IAAgBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBvBO,IAASP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,2 +1,2 @@
-"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),l=require("react"),h=require("lodash"),x=require("clsx");require("@ynput/ayon-react-components");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");const ee=require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");const re=require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const ie=require("../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const ue=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");const se=require("../../../components/Thumbnail/StackedThumbnails.cjs.js"),qe=require("../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredPowerpackVersion.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const te=require("../../../hooks/useScopedStatuses.cjs.js"),ae=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");const oe=require("../../../hooks/useTagStyling.cjs.js");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");const le=require("../FeedFilters/FeedFilters.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ne=require("../helpers/getThumbnails.cjs.js"),ce=require("../helpers/buildDetailsPanelTitles.cjs.js"),de=require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const me=require("../../Actions/Actions.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");const pe=({entityType:q,entitySubTypes:O,entities:s=[],disabledAssignees:w=[],users:j=[],disabledStatuses:V,tagsOptions:b=[],isFetching:R,isCompact:m=!1,currentTab:H,onTabChange:G,entityTypeIcons:v,onOpenViewer:L,onEntityFocus:g})=>{const{useSearchParams:Q,useNavigate:_,isDeveloperMode:$}=ue.useDetailsPanelContext(),K=_(),[W,z]=Q(),N=l.useRef(null),B=te.useScopedStatuses(s.map(e=>e.projectName),[q]),c=l.useMemo(()=>h.union(...s.flatMap(e=>{var i,t;return[((i=e.task)==null?void 0:i.assignees)||[],((t=e.version)==null?void 0:t.author)||[]]})),[s]);let r=s[0];const a=s.length===0||!r||R;r||(r={id:"placeholder",name:"loading...",label:"loading...",entityType:q,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const S=s.length>1||r==null?void 0:r.projectName,P=s.filter(e=>e.projectName===(r==null?void 0:r.projectName)&&e.id).map(e=>e.id),{data:n}=ee.useGetEntitiesChecklistsQuery({projectName:r==null?void 0:r.projectName,entityIds:P},{skip:!(r!=null&&r.projectName)||!P.length});let k;n!=null&&n.total&&n.total>0&&(k=`${n.checked}/${n.total}`);const{data:J}=re.useGetAttributeConfigQuery({attributeName:"priority"}),E=ie.getPriorityOptions(J,q),f=l.useMemo(()=>ne(s,q,v),[s,q,v]),X=l.useMemo(()=>s.map(e=>e.status),[s]),Y=l.useMemo(()=>s.map(e=>{var i;return(i=e.attrib)==null?void 0:i.priority}),[s]),A=l.useMemo(()=>s.map(e=>e.tags),[s]),D=l.useMemo(()=>b.reduce((e,i)=>(e[i.name]=i,e),{}),[b]);oe.useTagStyling({tagsValues:A,tagsOptionsObject:D,tagsSelectRef:N});const M=s.length>1,{updateEntity:Z}=ae.useEntityUpdate({entities:s.map(e=>{var i,t,d;return{id:e.id,projectName:e.projectName,users:((i=e.task)==null?void 0:i.assignees)||[],folderId:(t=e.folder)==null?void 0:t.id,productId:(d=e.product)==null?void 0:d.id}}),entityType:q}),p=(e,i)=>i==null?console.error("value is null or undefined"):Z(e,i),F=()=>{var d,U;let e,i=r.id,t=q+"Id";q==="version"&&((d=r.product)!=null&&d.id)&&(e=[r.id],i=(U=r.product)==null?void 0:U.id,t="productId"),i&&L({[t]:i,projectName:S,versionIds:e})},C=["task","version","representation"].includes(q)&&(c.length>0||q==="task"),I=j.map(e=>e);if(C){const e=j.map(t=>t.name),i=c.filter(t=>!e.includes(t));i.length&&I.push(...i.map(t=>({name:t,fullName:t})))}const{title:T,subTitle:y}=ce.buildDetailsPanelTitles(s,q);return u.jsxRuntimeExports.jsx(o.HeaderContainer,{children:u.jsxRuntimeExports.jsx(qe.EntityPanelUploader,{entities:s,entityType:q,projectName:S,onVersionCreated:e=>g==null?void 0:g(e,"version"),children:u.jsxRuntimeExports.jsxs(o.Grid,{className:x("details-panel-header",{isCompact:m}),children:[u.jsxRuntimeExports.jsxs(o.Header,{className:x("titles",{isCompact:m,loading:a},"no-shimmer"),children:[u.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[u.jsxRuntimeExports.jsx(se.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:f.length===1?F:void 0,hoverIcon:"play_circle"}),!M&&(r==null?void 0:r.hasReviewables)&&u.jsxRuntimeExports.jsx(de.PlayableIcon,{})]}),u.jsxRuntimeExports.jsxs(o.Content,{className:x({loading:a}),children:[u.jsxRuntimeExports.jsxs(o.Title,{children:[u.jsxRuntimeExports.jsx("h2",{children:T}),u.jsxRuntimeExports.jsx(o.TagsSelect,{ref:N,value:h.union(...A),tags:D,options:[],editable:!0,editor:!0,onChange:e=>p("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),u.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[u.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[h.upperFirst(q)," - "]}),u.jsxRuntimeExports.jsx("h3",{children:y})]})]})]}),u.jsxRuntimeExports.jsx(o.StatusSelect,{value:X,options:B||[],disabledValues:V,invert:!0,style:{maxWidth:"unset"},onChange:e=>p("status",e),className:x("status-select",{loading:a}),align:m?"right":"left"}),!m&&(!C||a?u.jsxRuntimeExports.jsx("div",{}):u.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:c,options:I,disabledValues:w.map(e=>e.name),isMultiple:M&&c.length>1&&q==="task",readOnly:q!=="task",emptyMessage:q==="task"?"Assign user":"",align:"right",onChange:e=>p("assignees",e),className:"assignee-select","data-tooltip":c.length?q==="task"?"Assigned users":"Author":""})),u.jsxRuntimeExports.jsx(me.Actions,{entities:s,entityType:q,entitySubTypes:O,isLoadingEntity:!!R||!!a,searchParams:W,isDeveloperMode:$,onSetSearchParams:z,onNavigate:K}),E?u.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:E,placeholder:"No priority",value:Y,onChange:e=>p("attrib",{priority:e[0]}),align:"right"}):u.jsxRuntimeExports.jsx("div",{style:{height:32}}),u.jsxRuntimeExports.jsx(le,{isLoading:a,entityType:q,className:"filters",overrides:{checklists:{label:k}},currentTab:H,onTabChange:G})]})})})};module.exports=pe;
+"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),j=require("lodash"),h=require("clsx"),re=require("@ynput/ayon-react-components");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");const ie=require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");const ue=require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */const se=require("../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../context/RemoteModulesContext.cjs.js");const qe=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");const te=require("../../../components/Thumbnail/StackedThumbnails.cjs.js"),ae=require("../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("date-fns");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");const oe=require("../../../hooks/useScopedStatuses.cjs.js"),le=require("../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel.styled.cjs.js");const ne=require("../FeedFilters/FeedFilters.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),ce=require("../helpers/getThumbnails.cjs.js"),de=require("../helpers/buildDetailsPanelTitles.cjs.js"),me=require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const pe=require("../../Actions/Actions.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");const xe=({entityType:q,entitySubTypes:U,entities:s=[],disabledAssignees:w=[],users:R=[],disabledStatuses:V,tagsOptions:b=[],isFetching:v,isCompact:p=!1,currentTab:H,onTabChange:G,entityTypeIcons:N,onOpenViewer:L,onEntityFocus:g})=>{const{useSearchParams:$,useNavigate:Q,isDeveloperMode:_}=qe.useDetailsPanelContext(),K=Q(),[W,z]=$(),B=n.useRef(null),l=oe.useScopedStatuses(s.map(e=>e.projectName),[q]),d=n.useMemo(()=>j.union(...s.flatMap(e=>{var i,t;return[((i=e.task)==null?void 0:i.assignees)||[],((t=e.version)==null?void 0:t.author)||[]]})),[s]);let r=s[0];const a=s.length===0||!r||v;r||(r={id:"placeholder",name:"loading...",label:"loading...",entityType:q,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const S=s.length>1||r==null?void 0:r.projectName,P=s.filter(e=>e.projectName===(r==null?void 0:r.projectName)&&e.id).map(e=>e.id),{data:c}=ie.useGetEntitiesChecklistsQuery({projectName:r==null?void 0:r.projectName,entityIds:P},{skip:!(r!=null&&r.projectName)||!P.length});let k;c!=null&&c.total&&c.total>0&&(k=`${c.checked}/${c.total}`);const{data:J}=ue.useGetAttributeConfigQuery({attributeName:"priority"}),E=se.getPriorityOptions(J,q),f=n.useMemo(()=>ce(s,q,N),[s,q,N]),A=n.useMemo(()=>s.map(e=>e.status),[s]),X=n.useMemo(()=>s.map(e=>{var i;return(i=e.attrib)==null?void 0:i.priority}),[s]),Y=n.useMemo(()=>s.map(e=>e.tags),[s]),Z=n.useMemo(()=>b.reduce((e,i)=>(e[i.name]=i,e),{}),[b]),C=s.length>1,{updateEntity:F}=le.useEntityUpdate({entities:s.map(e=>{var i,t,m;return{id:e.id,projectName:e.projectName,users:((i=e.task)==null?void 0:i.assignees)||[],folderId:(t=e.folder)==null?void 0:t.id,productId:(m=e.product)==null?void 0:m.id}}),entityType:q}),x=(e,i)=>i==null?console.error("value is null or undefined"):F(e,i),T=()=>{var m,O;let e,i=r.id,t=q+"Id";q==="version"&&((m=r.product)!=null&&m.id)&&(e=[r.id],i=(O=r.product)==null?void 0:O.id,t="productId"),i&&L({[t]:i,projectName:S,versionIds:e})},D=["task","version","representation"].includes(q)&&(d.length>0||q==="task"),M=R.map(e=>e);if(D){const e=R.map(t=>t.name),i=d.filter(t=>!e.includes(t));i.length&&M.push(...i.map(t=>({name:t,fullName:t})))}const{title:y,subTitle:ee}=de.buildDetailsPanelTitles(s,q),I=(l==null?void 0:l.length)!==0&&(l==null?void 0:l.find(e=>e.name===A[0]));return u.jsxRuntimeExports.jsx(o.HeaderContainer,{children:u.jsxRuntimeExports.jsx(ae.EntityPanelUploader,{entities:s,entityType:q,projectName:S,onVersionCreated:e=>g==null?void 0:g(e,"version"),children:u.jsxRuntimeExports.jsxs(o.Grid,{className:h("details-panel-header",{isCompact:p}),children:[u.jsxRuntimeExports.jsxs(o.Header,{className:h("titles",{isCompact:p,loading:a},"no-shimmer"),children:[u.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[u.jsxRuntimeExports.jsx(te.StackedThumbnails,{isLoading:a,shimmer:a,thumbnails:f,onClick:f.length===1?T:void 0,hoverIcon:"play_circle"}),!C&&(r==null?void 0:r.hasReviewables)&&u.jsxRuntimeExports.jsx(me.PlayableIcon,{})]}),u.jsxRuntimeExports.jsxs(o.Content,{className:h({loading:a}),children:[u.jsxRuntimeExports.jsxs(o.Title,{children:[u.jsxRuntimeExports.jsx("h2",{children:y}),u.jsxRuntimeExports.jsx(o.TagsSelect,{ref:B,value:j.union(...Y),tags:Z,options:[],editable:!0,editor:!0,onChange:e=>x("tags",e),align:"right",styleDropdown:{display:a?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),u.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[u.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[j.upperFirst(q)," - "]}),u.jsxRuntimeExports.jsx("h3",{children:ee})]})]})]}),u.jsxRuntimeExports.jsx(o.StatusSelect,{value:A,options:l||[],disabledValues:V,invert:!0,style:{maxWidth:"unset"},onChange:e=>x("status",e),className:h("status-select",{loading:a}),align:p?"right":"left",$textColor:re.getTextColor(I!==void 0?I.color:"#OOO")}),!p&&(!D||a?u.jsxRuntimeExports.jsx("div",{}):u.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:d,options:M,disabledValues:w.map(e=>e.name),isMultiple:C&&d.length>1&&q==="task",readOnly:q!=="task",emptyMessage:q==="task"?"Assign user":"",align:"right",onChange:e=>x("assignees",e),className:"assignee-select","data-tooltip":d.length?q==="task"?"Assigned users":"Author":""})),u.jsxRuntimeExports.jsx(pe.Actions,{entities:s,entityType:q,entitySubTypes:U,isLoadingEntity:!!v||!!a,searchParams:W,isDeveloperMode:_,onSetSearchParams:z,onNavigate:K}),E?u.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:E,placeholder:"No priority",value:X,onChange:e=>x("attrib",{priority:e[0]}),align:"right"}):u.jsxRuntimeExports.jsx("div",{style:{height:32}}),u.jsxRuntimeExports.jsx(ne,{isLoading:a,entityType:q,className:"filters",overrides:{checklists:{label:k}},currentTab:H,onTabChange:G})]})})})};module.exports=xe;
 //# sourceMappingURL=DetailsPanelHeader.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.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","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.cjs.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","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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"}