@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

@@ -1,20 +1,17 @@
 import { j as r } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as X, useMemo as e } from "react";
-import { union as A, upperFirst as Y } from "lodash";
+import { useRef as Z, useMemo as e } from "react";
+import { union as A, upperFirst as T } from "lodash";
 import c from "clsx";
-import { getTextColor as Z } from "@ynput/ayon-react-components";
+import { getTextColor as y } from "@ynput/ayon-react-components";
 import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../../../components/AccessUser/AccessUser.es.js";
-import "../../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "react-dom";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../../components/AttributeEditor/AttributeEditor.es.js";
 import "../../../../components/AttributeEditor/attributeTypeMap.es.js";
 import "../../../../components/Badge/Badge.es.js";
 import "../../../../components/Chips/Chips.es.js";
+import "react-dom";
 import "date-fns";
 import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../../components/LinksManager/CellEditingDialog.es.js";
@@ -67,7 +64,7 @@ import "../../../../api/queries/activities/getMentions.es.js";
 import "../../../../api/queries/activities/getCategories.es.js";
 import "../../../../api/queries/addons/getAddons.es.js";
 import "../../../../api/queries/addons/updateAddons.es.js";
-import { useGetAttributeConfigQuery as T } from "../../../../api/queries/attributes/getAttributes.es.js";
+import { useGetAttributeConfigQuery as tt } from "../../../../api/queries/attributes/getAttributes.es.js";
 import "../../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../../api/queries/authentication/getAuthentication.es.js";
 import "../../../../api/queries/cloud/cloud.es.js";
@@ -75,6 +72,10 @@ import "../../../../api/queries/config/getConfig.es.js";
 import "../../../../api/queries/config/updateConfig.es.js";
 import "../../../../api/queries/entities/getEntity.es.js";
 import "../../../../api/queries/entities/getEntityPanel.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/links/getEntityLinks.es.js";
 import "../../../../api/queries/entities/updateEntity.es.js";
 import "../../../../api/queries/entityLists/getLists.es.js";
 import "../../../../api/queries/entityLists/updateLists.es.js";
@@ -86,10 +87,6 @@ import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../../api/queries/grouping/getGrouping.es.js";
 import "../../../../api/queries/links/updateLinks.es.js";
 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/products/getFolderProducts.es.js";
@@ -116,22 +113,59 @@ import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                    */
-import { getPriorityOptions as y } from "../../../../util/getPriorityOptions.es.js";
+import { getPriorityOptions as rt } from "../../../../util/getPriorityOptions.es.js";
 import "uuid";
 import "../../../../util/pubsub.es.js";
 import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../../Feed/components/CommentInput/modules/index.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
+import { useScopedStatuses as ot } from "../../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as it } from "../../../../hooks/useEntityUpdate.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import { useDetailsPanelContext as mt } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../context/PowerpackContextInstance.es.js";
+import "../../../../context/SubtasksModulesContextInstance.es.js";
+import "../../../../context/ThumbnailUploaderContext.es.js";
+import "../../../../context/SettingsPanelContext.es.js";
+import "../../../../context/pip/PiPProvider.es.js";
+import "../../../../context/pip/PiPWrapper.es.js";
+import "../../../../context/AddonProjectContext.es.js";
+import "../../../../context/AddonContext.es.js";
+import "../../../../context/MoveEntityContext.es.js";
+import "../../../../context/MenuContext.es.js";
+import "../../../../context/WebsocketContext.es.js";
+import "../../../../context/GlobalContext.es.js";
+import "../../../../context/ProjectContext.es.js";
+import "../../../../context/ProjectFoldersContext.es.js";
+import "../../../../context/UriContext.es.js";
+import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { EntityPanelUploader as tt } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
+import { EntityPanelUploader as pt } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../../components/Feedback/FeedbackContext.es.js";
+import "../../../../components/Feedback/FeedbackContextInstance.es.js";
 import "../../../../components/Feedback/SupportBubble.es.js";
 import "../../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../../components/LegacyBadge/LegacyBadge.es.js";
@@ -143,35 +177,15 @@ import "../../../Feed/components/Tooltips/UserTooltipItem.es.js";
 import "../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
 import "../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as rt } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../context/SubtasksModulesContext.es.js";
-import "../../../../context/ThumbnailUploaderContext.es.js";
-import "../../../../context/SettingsPanelContext.es.js";
-import "../../../../context/pip/PiPProvider.es.js";
-import "../../../../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 "../../../../context/GlobalContext.es.js";
-import "../../../../context/ProjectContext.es.js";
-import "../../../../context/ProjectFoldersContext.es.js";
-import "../../../../context/UriContext.es.js";
 import "../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
 import "remark-emoji";
-import "remark-gfm";
 import "remark-directive";
 import "remark-directive-rehype";
 import "../../../Feed/components/CommentInput/CommentInput.es.js";
 import "../../../Feed/components/ReactionContainer/Reactions.styled.es.js";
 import "../../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
@@ -180,7 +194,6 @@ import "../../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../../Feed/components/ActivityDate.es.js";
 import "../../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -196,6 +209,7 @@ import "../../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EnumWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EnumCellValue.es.js";
 import "../../../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../../ProjectTreeTable/widgets/MarkdownWidget.es.js";
 import "../../../ProjectTreeTable/widgets/BooleanWidget.es.js";
 import "../../../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
@@ -215,39 +229,34 @@ import "../../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../ProjectTreeTable/components/DeleteConfirmContent.es.js";
 import "../../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../../../../../_virtual/runtime.es.js";
-import "../../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as ot } from "../../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as it } from "../../../../hooks/useEntityUpdate.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../Slicer/components/Slicer.es.js";
 import "../../../Slicer/context/SlicerContext.es.js";
 import "../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../DetailsPanel.styled.es.js";
-import mt from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
-import { HeaderContainer as pt, Grid as st, Header as at, Content as et, Title as lt, TagsSelect as nt, StatusSelect as dt, AssigneeSelect as ct, PriorityEnumDropdown as ut } from "./DetailsPanelHeader.styled.es.js";
-import gt from "../../helpers/getThumbnails.es.js";
-import { buildDetailsPanelTitles as ht } from "../../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as ft } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
+import st from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
+import { HeaderContainer as at, Grid as et, Header as lt, Content as nt, Title as dt, TagsSelect as ct, StatusSelect as ut, AssigneeSelect as gt, PriorityEnumDropdown as ht } from "./DetailsPanelHeader.styled.es.js";
+import ft from "../../helpers/getThumbnails.es.js";
+import { buildDetailsPanelTitles as jt } from "../../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as xt } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import { Actions as jt } from "../../../Actions/Actions.es.js";
-import "../../../Views/context/ViewsContext.es.js";
+import { Actions as vt } from "../../../Actions/Actions.es.js";
+import "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../Views/context/ViewsContextInstance.es.js";
 import "../../../Views/Views.styled.es.js";
 import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../../ListTable/ListTableRow.es.js";
+import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../../components/Powerpack/PricingLink.es.js";
+import "../../../../components/Powerpack/FreeTrialLink.es.js";
 import "../../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../../components/Powerpack/CTAButton.es.js";
 import "../../../../components/Powerpack/RequiredAddonVersion.es.js";
@@ -265,7 +274,7 @@ import "../../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../../components/StyledLink/StyledLink.es.js";
 import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as xt } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import { StackedThumbnails as bt } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../../../components/VersionUploader/context/VersionUploadContext.es.js";
@@ -273,7 +282,8 @@ import "../../../../components/Watchers/Watchers.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
-const Cp = ({
+import "../../../../components/ColumnHeaderMenuUI.es.js";
+const Gp = ({
   entityType: i,
   entitySubTypes: D,
   entities: o = [],
@@ -287,9 +297,11 @@ const Cp = ({
   onTabChange: w,
   entityTypeIcons: j,
   onOpenViewer: M,
-  onEntityFocus: U
+  onEntityFocus: U,
+  thumbnailInputRef: V,
+  versionsInputRef: R
 }) => {
-  const { useSearchParams: V, useNavigate: R, isDeveloperMode: H } = rt(), G = R(), [L, K] = V(), Q = X(null), u = ot(
+  const { useSearchParams: H, useNavigate: G, isDeveloperMode: L } = mt(), K = G(), [Q, W] = H(), _ = Z(null), u = ot(
     o.map((t) => t.projectName),
     [i]
   ), l = e(
@@ -320,13 +332,13 @@ const Cp = ({
   });
   const x = o.length > 1 ? void 0 : p?.projectName;
   o.filter((t) => t.projectName === p?.projectName && t.id).map((t) => t.id);
-  const { data: W } = T({ attributeName: "priority" }), v = y(W, i), b = e(
-    () => gt(o, i, j),
+  const { data: $ } = tt({ attributeName: "priority" }), v = rt($, i), b = e(
+    () => ft(o, i, j),
     [o, i, j]
-  ), N = e(() => o.map((t) => t.status), [o]), _ = e(() => o.map((t) => t.attrib?.priority), [o]), $ = e(() => o.map((t) => t.tags), [o]), q = e(
+  ), N = e(() => o.map((t) => t.status), [o]), q = e(() => o.map((t) => t.attrib?.priority), [o]), z = e(() => o.map((t) => t.tags), [o]), B = e(
     () => h.reduce((t, m) => (t[m.name] = m, t), {}),
     [h]
-  ), S = o.length > 1, { updateEntity: z } = it({
+  ), S = o.length > 1, { updateEntity: F } = it({
     entities: o.map((t) => ({
       id: t.id,
       projectName: t.projectName,
@@ -335,7 +347,7 @@ const Cp = ({
       productId: t.product?.id
     })),
     entityType: i
-  }), d = (t, m) => m == null ? console.error("value is null or undefined") : z(t, m), B = () => {
+  }), d = (t, m) => m == null ? console.error("value is null or undefined") : F(t, m), J = () => {
     let t, m = p.id, a = i + "Id";
     i === "version" && p.product?.id && (t = [p.id], m = p.product?.id, a = "productId"), m && M({
       [a]: m,
@@ -347,42 +359,44 @@ const Cp = ({
     const t = g.map((a) => a.name), m = l.filter((a) => !t.includes(a));
     m.length && k.push(...m.map((a) => ({ name: a, fullName: a })));
   }
-  const { title: F, subTitle: J } = ht(o, i), C = u?.length !== 0 && u?.find((t) => t.name === N[0]);
-  return /* @__PURE__ */ r.jsx(pt, { children: /* @__PURE__ */ r.jsx(
-    tt,
+  const { title: X, subTitle: Y } = jt(o, i), C = u?.length !== 0 && u?.find((t) => t.name === N[0]);
+  return /* @__PURE__ */ r.jsx(at, { children: /* @__PURE__ */ r.jsx(
+    pt,
     {
       entities: o,
       entityType: i,
       projectName: x,
+      thumbnailInputRef: V,
+      versionsInputRef: R,
       onVersionCreated: (t) => U?.(t, "version"),
-      children: /* @__PURE__ */ r.jsxs(st, { className: c("details-panel-header", { isCompact: n }), children: [
+      children: /* @__PURE__ */ r.jsxs(et, { className: c("details-panel-header", { isCompact: n }), children: [
         /* @__PURE__ */ r.jsxs(
-          at,
+          lt,
           {
             className: c("titles", { isCompact: n, loading: s }, "no-shimmer"),
             children: [
               /* @__PURE__ */ r.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ r.jsx(
-                  xt,
+                  bt,
                   {
                     isLoading: s,
                     shimmer: s,
                     thumbnails: b,
-                    onClick: b.length === 1 ? B : void 0,
+                    onClick: b.length === 1 ? J : void 0,
                     hoverIcon: "play_circle"
                   }
                 ),
-                !S && p?.hasReviewables && /* @__PURE__ */ r.jsx(ft, {})
+                !S && p?.hasReviewables && /* @__PURE__ */ r.jsx(xt, {})
               ] }),
-              /* @__PURE__ */ r.jsxs(et, { className: c({ loading: s }), children: [
-                /* @__PURE__ */ r.jsxs(lt, { children: [
-                  /* @__PURE__ */ r.jsx("h2", { children: F }),
+              /* @__PURE__ */ r.jsxs(nt, { className: c({ loading: s }), children: [
+                /* @__PURE__ */ r.jsxs(dt, { children: [
+                  /* @__PURE__ */ r.jsx("h2", { children: X }),
                   /* @__PURE__ */ r.jsx(
-                    nt,
+                    ct,
                     {
-                      ref: Q,
-                      value: A(...$),
-                      tags: q,
+                      ref: _,
+                      value: A(...z),
+                      tags: B,
                       options: [],
                       editable: !0,
                       editor: !0,
@@ -396,17 +410,17 @@ const Cp = ({
                 ] }),
                 /* @__PURE__ */ r.jsxs("div", { className: "sub-title", children: [
                   /* @__PURE__ */ r.jsxs("span", { className: "entity-type", children: [
-                    Y(i),
+                    T(i),
                     " - "
                   ] }),
-                  /* @__PURE__ */ r.jsx("h3", { children: J })
+                  /* @__PURE__ */ r.jsx("h3", { children: Y })
                 ] })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ r.jsx(
-          dt,
+          ut,
           {
             value: N,
             options: u || [],
@@ -416,11 +430,11 @@ const Cp = ({
             onChange: (t) => d("status", t),
             className: c("status-select", { loading: s }),
             align: n ? "right" : "left",
-            $textColor: Z(C !== void 0 ? C.color : "#OOO")
+            $textColor: y(C !== void 0 ? C.color : "#OOO")
           }
         ),
         !n && (!P || s ? /* @__PURE__ */ r.jsx("div", {}) : /* @__PURE__ */ r.jsx(
-          ct,
+          gt,
           {
             value: l,
             options: k,
@@ -435,30 +449,30 @@ const Cp = ({
           }
         )),
         /* @__PURE__ */ r.jsx(
-          jt,
+          vt,
           {
             entities: o,
             entityType: i,
             entitySubTypes: D,
             isLoadingEntity: !!f || !!s,
-            searchParams: L,
-            isDeveloperMode: H,
-            onSetSearchParams: K,
-            onNavigate: G
+            searchParams: Q,
+            isDeveloperMode: L,
+            onSetSearchParams: W,
+            onNavigate: K
           }
         ),
         v ? /* @__PURE__ */ r.jsx(
-          ut,
+          ht,
           {
             options: v,
             placeholder: "No priority",
-            value: _,
+            value: q,
             onChange: (t) => d("attrib", { priority: t[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ r.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ r.jsx(
-          mt,
+          st,
           {
             entityType: i,
             currentTab: E,
@@ -471,6 +485,6 @@ const Cp = ({
   ) });
 };
 export {
-  Cp as default
+  Gp as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/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 { 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 DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\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      parents: [],\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 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  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 =\n    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          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\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","firstEntity","isLoading","projectName","e","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","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","DetailsPanelTabs"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, 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 { 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 DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\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  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\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  thumbnailInputRef,\n  versionsInputRef,\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      parents: [],\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 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  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 =\n    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        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\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          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\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","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","firstEntity","isLoading","projectName","e","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","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","DetailsPanelTabs"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),P=require("clsx"),H=require("@ynput/ayon-react-components");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../components/LinksManager/CellEditingDialog.cjs.js");const $=require("../../../../components/DetailsDialog/DetailsDialog.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../../Feed/components/CommentInput/modules/index.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");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/dataImport.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/projectFolders.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");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");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/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");require("../../../../api/queries/entities/getEntityPanel.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/links/getEntityLinks.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/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../api/queries/teams/getTeams.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("../../../../api/queries/uris/getUris.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/UriContext.cjs.js");require("../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");const z=require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");const B=require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.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("remark-emoji");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/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("../TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");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/EnumCellValue.cjs.js");require("../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/MarkdownWidget.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("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../Slicer/components/Slicer.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel.styled.cjs.js");require("../DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");const F=require("./hooks/useContextAccess.cjs.js"),_=require("./hooks/useMenuOptions.cjs.js"),G=require("./components/ShareDialog.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../Actions/Actions.styled.cjs.js");require("../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../Actions/ActionIcon.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../Views/context/ViewsContextInstance.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../ListTable/ListTableRow.cjs.js");require("../../../ListTable/ListTable.styled.cjs.js");require("../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../../components/Watchers/Watchers.cjs.js");const J=require("../../../../components/Menu/Menu.cjs.js"),K=require("../../../../components/Menu/MenuContainer.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const Q=(q,e,i,s)=>{const r={projectName:i,quickView:!0};switch(q){case"folder":return{...r,folderId:e};case"task":return{...r,taskId:e};case"product":return{...r,productId:e};case"version":return s?{...r,productId:s,versionIds:[e]}:null;default:return null}},W=({entityType:q,entityId:e,entityIds:i,entityLabel:s,projectName:r,selectedEntities:C=[],entityListsContext:R,onOpenPip:a,onOpenViewer:l,productId:c,taskId:U,folderId:f})=>{const x=n.useRef(null),[g,p]=n.useState(!1),[d,h]=n.useState(null),{menuOpen:V,toggleMenuOpen:j,setMenuOpen:O}=B.useMenuContext(),{triggerThumbnailUpload:m,canUploadVersion:S}=n.useContext(z.ThumbnailUploadContext),{onOpenVersionUpload:M}=F.useContextAccess(),o=n.useMemo(()=>`details-more-menu-${e||i?.[0]||"noentity"}-${r||"noproject"}`,[e,i,r]),v=V===o,w=!!e&&!!r&&!!m,k=!!S&&!!M,E=()=>{M?.({productId:c,taskId:U,folderId:f})},t=e&&r?Q(q,e,r,c):null,A=!!l&&!!t,{items:L}=_.useMenuOptions({entityType:q,entityId:e,projectName:r,selectedEntities:C,canUploadThumbnail:w,canUploadVersion:k,canOpenPip:!!a,canOpenViewer:A,entityListsContext:R,onPip:()=>a?.(),onOpenViewer:()=>t&&l?.(t),onUploadThumbnail:()=>m?.(),onUploadVersion:E,onShare:D=>h(D),onViewData:()=>p(!0)}),b=i?.length?i:e?[e]:[],T=s||e||"";return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(H.Button,{ref:x,icon:"more_horiz",variant:"text","data-tooltip":"More actions","aria-label":"More actions",className:P({active:v}),onClick:()=>j(o)}),u.jsxRuntimeExports.jsx(K.MenuContainer,{id:o,target:x.current,align:"right",children:u.jsxRuntimeExports.jsx(J.Menu,{menu:L,onClose:()=>O(!1)})}),g&&r&&b.length>0&&u.jsxRuntimeExports.jsx($.DetailsDialog,{projectName:r,entityType:q,entityIds:b,visible:g,onHide:()=>p(!1)}),d&&u.jsxRuntimeExports.jsx(G.ShareDialog,{link:d,entityLabel:T,visible:!0,onHide:()=>h(null)})]})};exports.DetailsPanelMoreMenu=W;
+//# sourceMappingURL=DetailsPanelMoreMenu.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsPanelMoreMenu.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelMoreMenu/DetailsPanelMoreMenu.tsx"],"sourcesContent":["import { useContext, useMemo, useRef, useState } from 'react'\nimport clsx from 'clsx'\nimport { Button } from '@ynput/ayon-react-components'\nimport { Menu, MenuContainer, DetailsDialog } from '@shared/components'\nimport { useMenuContext, ThumbnailUploadContext } from '@shared/context'\n\nimport { useContextAccess } from './hooks/useContextAccess'\nimport { useMenuOptions } from './hooks/useMenuOptions'\nimport { ShareDialog } from './components/ShareDialog'\nimport type { DetailsPanelEntityListsContext, SelectedEntityRef } from './types'\n\nexport interface DetailsPanelMoreMenuProps {\n  entityType: string\n  entityId?: string\n  entityIds?: string[]\n  entityLabel?: string\n  projectName?: string\n  selectedEntities?: SelectedEntityRef[]\n  entityListsContext?: DetailsPanelEntityListsContext\n  onOpenPip?: () => void\n  onOpenViewer?: (args: any) => void\n  productId?: string\n  taskId?: string\n  folderId?: string\n}\n\nconst buildViewerArgs = (\n  entityType: string,\n  entityId: string,\n  projectName: string,\n  parentProductId?: string,\n): Record<string, unknown> | null => {\n  const base = { projectName, quickView: true }\n  switch (entityType) {\n    case 'folder':\n      return { ...base, folderId: entityId }\n    case 'task':\n      return { ...base, taskId: entityId }\n    case 'product':\n      return { ...base, productId: entityId }\n    case 'version':\n      // ViewerDialog opens on productId; version is selected within that product.\n      return parentProductId\n        ? { ...base, productId: parentProductId, versionIds: [entityId] }\n        : null\n    default:\n      return null\n  }\n}\n\nexport const DetailsPanelMoreMenu = ({\n  entityType,\n  entityId,\n  entityIds,\n  entityLabel,\n  projectName,\n  selectedEntities = [],\n  entityListsContext,\n  onOpenPip,\n  onOpenViewer,\n  productId,\n  taskId,\n  folderId,\n}: DetailsPanelMoreMenuProps) => {\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const [showDataDialog, setShowDataDialog] = useState(false)\n  const [shareDialogLink, setShareDialogLink] = useState<string | null>(null)\n  const { menuOpen, toggleMenuOpen, setMenuOpen } = useMenuContext()\n\n  const { triggerThumbnailUpload, canUploadVersion } = useContext(ThumbnailUploadContext)\n  const { onOpenVersionUpload } = useContextAccess()\n\n  const menuId = useMemo(() => {\n    const seed = entityId || entityIds?.[0] || 'noentity'\n    return `details-more-menu-${seed}-${projectName || 'noproject'}`\n  }, [entityId, entityIds, projectName])\n\n  const isOpen = menuOpen === menuId\n\n  const canUploadThumbnail = !!entityId && !!projectName && !!triggerThumbnailUpload\n  // Show \"Upload version\" only when both gates pass:\n  //  - ThumbnailUploadContext flags this entity as version-uploadable (single, non-representation).\n  //  - VersionUploadContext is mounted upstream so the proper form flow is available.\n  // (No raw file-picker fallback — matches PR #1406's \"only on project pages\" semantics.)\n  const canUploadVersionItem = !!canUploadVersion && !!onOpenVersionUpload\n\n  const handleUploadVersion = () => {\n    onOpenVersionUpload?.({ productId, taskId, folderId })\n  }\n\n  const viewerArgs =\n    entityId && projectName\n      ? buildViewerArgs(entityType, entityId, projectName, productId)\n      : null\n  const canOpenViewer = !!onOpenViewer && !!viewerArgs\n\n  const { items } = useMenuOptions({\n    entityType,\n    entityId,\n    projectName,\n    selectedEntities,\n    canUploadThumbnail,\n    canUploadVersion: canUploadVersionItem,\n    canOpenPip: !!onOpenPip,\n    canOpenViewer,\n    entityListsContext,\n    onPip: () => onOpenPip?.(),\n    onOpenViewer: () => viewerArgs && onOpenViewer?.(viewerArgs),\n    onUploadThumbnail: () => triggerThumbnailUpload?.(),\n    onUploadVersion: handleUploadVersion,\n    onShare: (link) => setShareDialogLink(link),\n    onViewData: () => setShowDataDialog(true),\n  })\n\n  const dialogIds = entityIds?.length ? entityIds : entityId ? [entityId] : []\n  const shareLabel = entityLabel || entityId || ''\n\n  return (\n    <>\n      <Button\n        ref={buttonRef}\n        icon=\"more_horiz\"\n        variant=\"text\"\n        data-tooltip=\"More actions\"\n        aria-label=\"More actions\"\n        className={clsx({ active: isOpen })}\n        onClick={() => toggleMenuOpen(menuId)}\n      />\n      <MenuContainer id={menuId} target={buttonRef.current} align=\"right\">\n        <Menu menu={items} onClose={() => setMenuOpen(false)} />\n      </MenuContainer>\n      {showDataDialog && projectName && dialogIds.length > 0 && (\n        <DetailsDialog\n          projectName={projectName}\n          entityType={entityType}\n          entityIds={dialogIds}\n          visible={showDataDialog}\n          onHide={() => setShowDataDialog(false)}\n        />\n      )}\n      {shareDialogLink && (\n        <ShareDialog\n          link={shareDialogLink}\n          entityLabel={shareLabel}\n          visible\n          onHide={() => setShareDialogLink(null)}\n        />\n      )}\n    </>\n  )\n}\n\nexport default DetailsPanelMoreMenu\n"],"names":["buildViewerArgs","entityType","entityId","projectName","parentProductId","base","DetailsPanelMoreMenu","entityIds","entityLabel","selectedEntities","entityListsContext","onOpenPip","onOpenViewer","productId","taskId","folderId","buttonRef","useRef","showDataDialog","setShowDataDialog","useState","shareDialogLink","setShareDialogLink","menuOpen","toggleMenuOpen","setMenuOpen","useMenuContext","triggerThumbnailUpload","canUploadVersion","useContext","ThumbnailUploadContext","onOpenVersionUpload","useContextAccess","menuId","useMemo","isOpen","canUploadThumbnail","canUploadVersionItem","handleUploadVersion","viewerArgs","canOpenViewer","items","useMenuOptions","link","dialogIds","shareLabel","jsxs","Fragment","jsx","Button","clsx","MenuContainer","Menu","DetailsDialog","ShareDialog"],"mappings":"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"}