npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.30 → 0.3.32 - Mend

@ynput/ayon-frontend-shared 0.3.30 → 0.3.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (898) hide show

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),o=require("react"),s=require("./DetailsPanelFloating.styled.cjs.js"),k=require("../../helpers/getThumbnails.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");const j=require("@ynput/ayon-react-components");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("clsx");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");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/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");const C=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/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/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/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");const E=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("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */const S=require("lodash");require("uuid");require("../../../../util/pubsub.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("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const v=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");const I=require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");const M=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.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");const N=require("../../helpers/buildDetailsPanelTitles.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");const U=require("../../helpers/getAllProjectsStatuses.cjs.js"),A=require("../../containers/FeedWrapper.cjs.js"),G=require("../../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.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");const O=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");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const Q=()=>{const{pip:m}=v.useDetailsPanelContext(),u=m?.entityType,a=m?.entities||[],g=m?.scope||"",p=a.length>0&&!!u,t=a.map(e=>e.projectName),{data:h=[]}=E.useGetKanbanProjectUsersQuery({projects:t},{skip:!p}),{data:n={},isFetching:R}=E.useGetProjectsInfoQuery({projects:t},{skip:!p}),y=o.useMemo(()=>U(n,t),[n,t]),{data:q=[],isFetching:P}=C.useGetEntitiesDetailsPanelQuery({entityType:u,entities:a},{skip:!p||R}),c=o.useMemo(()=>G(n,t),[n,t]),f=o.useMemo(()=>({task:c.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:c.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:c.productTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{})}),[c]),b=o.useMemo(()=>u?k(q,u,f):[],[q,u]),T=o.useMemo(()=>h.filter(e=>q.some(i=>i?.task?.assignees?.includes(e.name))).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[h,a]),l=q[0];if(!q.length||!l)return null;if(P)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const d=l?.projectName,x=q.some(e=>e?.status!==l?.status)?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:y.find(e=>e.name===l?.status)||{icon:"",color:"",name:"None"};if(!u)return null;const{title:D,subTitle:F}=N.buildDetailsPanelTitles(q,u);return r.jsxRuntimeExports.jsx(I.PiPWrapper,{children:r.jsxRuntimeExports.jsx(M.ProjectContextProvider,{projectName:d,children:r.jsxRuntimeExports.jsxs(s.Container,{children:[r.jsxRuntimeExports.jsxs(s.Header,{children:[r.jsxRuntimeExports.jsx(O.StackedThumbnails,{thumbnails:b}),r.jsxRuntimeExports.jsxs(s.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:D}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[S.upperFirst(u)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:F})]})]})]}),r.jsxRuntimeExports.jsxs(s.Row,{children:[r.jsxRuntimeExports.jsxs(s.Status,{style:{backgroundColor:x?.color,color:j.getTextColor(x?.color)},children:[r.jsxRuntimeExports.jsx(j.Icon,{icon:x.icon||"question_mark",style:{color:"inherit"}}),r.jsxRuntimeExports.jsx("span",{className:"label",children:x?.name})]}),r.jsxRuntimeExports.jsx(j.AssigneeField,{users:T,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(s.FeedContainer,{children:r.jsxRuntimeExports.jsx(A,{entityType:u,entities:q,activeUsers:[],projectInfo:n[d],projectName:d,disabled:!1,scope:g,readOnly:!0,statuses:y})})]})})})};exports.DetailsPanelFloating=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("react"),s=require("./DetailsPanelFloating.styled.cjs.js"),k=require("../../helpers/getThumbnails.cjs.js");require("../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");const j=require("@ynput/ayon-react-components");require("../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../components/AccessUser/AccessUser.cjs.js");require("clsx");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");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/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/columnStats/metricTargets.cjs.js");require("../../../../api/queries/config/getConfig.cjs.js");require("../../../../api/queries/config/updateConfig.cjs.js");require("../../../../api/queries/entities/getEntity.cjs.js");const C=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");const E=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("../../../../../../_virtual/index.cjs.js");require("../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                      */const S=require("lodash");require("uuid");require("../../../../util/pubsub.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("../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const v=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/PowerpackContextInstance.cjs.js");require("../../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");const I=require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");const M=require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.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("../../../ProjectTreeTable/components/TableFooterRow.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");const N=require("../../helpers/buildDetailsPanelTitles.cjs.js");require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelMoreMenu/components/ShareDialog.cjs.js");const U=require("../../helpers/getAllProjectsStatuses.cjs.js"),A=require("../../containers/FeedWrapper.cjs.js"),G=require("../../helpers/mergeProjectInfo.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.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");const H=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");require("../../../../components/Menu/Menu.styled.cjs.js");require("../../../../components/Menu/MenuItem.cjs.js");require("../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../components/ColumnHeaderMenuUI.cjs.js");const O=()=>{const{pip:m}=v.useDetailsPanelContext(),u=m?.entityType,c=m?.entities||[],g=m?.scope||"",p=c.length>0&&!!u,t=c.map(e=>e.projectName),{data:h=[]}=E.useGetKanbanProjectUsersQuery({projects:t},{skip:!p}),{data:n={},isFetching:R}=E.useGetProjectsInfoQuery({projects:t},{skip:!p}),y=a.useMemo(()=>U(n,t),[n,t]),{data:q=[],isFetching:P}=C.useGetEntitiesDetailsPanelQuery({entityType:u,entities:c},{skip:!p||R}),l=a.useMemo(()=>G(n,t),[n,t]),f=a.useMemo(()=>({task:l.taskTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),folder:l.folderTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{}),product:l.productTypes.filter(e=>!!e.icon).reduce((e,i)=>({...e,[i.name]:i.icon}),{})}),[l]),b=a.useMemo(()=>u?k(q,u,f):[],[q,u]),T=a.useMemo(()=>h.filter(e=>q.some(i=>i?.task?.assignees?.includes(e.name))).map(e=>({...e,avatarUrl:`/api/users/${e.name}/avatar`})),[h,c]),o=q[0];if(!q.length||!o)return null;if(P)return r.jsxRuntimeExports.jsx("div",{children:"Loading..."});const d=o?.projectName,x=q.some(e=>e?.status!==o?.status)?{icon:"question_mark",color:"var(--md-sys-color-surface-container-highest)",name:"Mixed statuses"}:y.find(e=>e.name===o?.status)||{icon:"",color:"",name:"None"};if(!u)return null;const{title:D,subTitle:F}=N.buildDetailsPanelTitles(q,u);return r.jsxRuntimeExports.jsx(I.PiPWrapper,{children:r.jsxRuntimeExports.jsx(M.ProjectContextProvider,{projectName:d,children:r.jsxRuntimeExports.jsxs(s.Container,{children:[r.jsxRuntimeExports.jsxs(s.Header,{children:[r.jsxRuntimeExports.jsx(H.StackedThumbnails,{thumbnails:b}),r.jsxRuntimeExports.jsxs(s.Content,{children:[r.jsxRuntimeExports.jsx("h2",{children:D}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{children:[S.upperFirst(u)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:F})]})]})]}),r.jsxRuntimeExports.jsxs(s.Row,{children:[r.jsxRuntimeExports.jsxs(s.Status,{style:{backgroundColor:x?.color,color:j.getTextColor(x?.color)},children:[r.jsxRuntimeExports.jsx(j.Icon,{icon:x.icon||"question_mark",style:{color:"inherit"}}),r.jsxRuntimeExports.jsx("span",{className:"label",children:x?.name})]}),r.jsxRuntimeExports.jsx(j.AssigneeField,{users:T,style:{pointerEvents:"none"}})]}),r.jsxRuntimeExports.jsx(s.FeedContainer,{children:r.jsxRuntimeExports.jsx(A,{entityType:u,entities:q,thumbnailHash:o?.thumbnailHash,activeUsers:[],projectInfo:n[d],projectName:d,disabled:!1,scope:g,readOnly:!0,statuses:y})})]})})})};exports.DetailsPanelFloating=O;
 //# sourceMappingURL=DetailsPanelFloating.cjs.js.map

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } 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, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\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: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\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 <ProjectContextProvider projectName={projectName}>\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\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\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 </ProjectContextProvider>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"~~y8iBAiBO~~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~~YAAaN~~,EAAauB,CAAW,EACrC,YAAAA,EACA,SAAU,GACV,MAAA5B,EACA,SAAQ,GAER,SAAAQ,CAAA,CAAA,CACF,CACF,CAAA,CAAA,CACF,EACF,EACF,CAEJ"}
1	+ {"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } 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, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\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: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\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 <ProjectContextProvider projectName={projectName}>\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\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\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 thumbnailHash={firstEntity?.thumbnailHash}\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 </ProjectContextProvider>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","projects","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","e","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}

package/dist/shared/src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as s } from "react";
+import { useMemo as n } from "react";
 import { Container as v, Header as I, Content as C, Row as S, Status as D, FeedContainer as N } from "./DetailsPanelFloating.styled.es.js";
 import E from "../../helpers/getThumbnails.es.js";
 import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
@@ -69,10 +69,15 @@ import "../../../../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";
+import "../../../../api/queries/columnStats/metricTargets.es.js";
 import "../../../../api/queries/config/getConfig.es.js";
 import "../../../../api/queries/config/updateConfig.es.js";
 import "../../../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as Q } from "../../../../api/queries/entities/getEntityPanel.es.js";
+import { useGetEntitiesDetailsPanelQuery as H } from "../../../../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";
@@ -84,10 +89,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";
@@ -101,7 +102,7 @@ import "../../../../api/queries/system/getSystem.es.js";
 import "../../../../api/queries/tasks/getTasks.es.js";
 import "../../../../api/queries/tasks/updateTasks.es.js";
 import "../../../../api/queries/teams/getTeams.es.js";
-import { useGetKanbanProjectUsersQuery as q, useGetProjectsInfoQuery as M } from "../../../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetKanbanProjectUsersQuery as Q, useGetProjectsInfoQuery as q } 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";
@@ -114,7 +115,7 @@ import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                    */
-import { upperFirst as O } from "lodash";
+import { upperFirst as M } from "lodash";
 import "uuid";
 import "../../../../util/pubsub.es.js";
 import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
@@ -132,20 +133,20 @@ import "../../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import "../../../../../../_virtual/runtime.es.js";
 import "../../../../../../_virtual/semver.es.js";
-import { useDetailsPanelContext as R } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as O } 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 { PiPWrapper as W } from "../../../../context/pip/PiPWrapper.es.js";
+import { PiPWrapper as R } from "../../../../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 { ProjectContextProvider as _ } from "../../../../context/ProjectContext.es.js";
+import { ProjectContextProvider as W } from "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
 import "react-redux";
@@ -225,6 +226,7 @@ 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/TableFooterRow.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../Slicer/components/Slicer.es.js";
 import "../../../Slicer/context/SlicerContext.es.js";
@@ -232,11 +234,11 @@ import "../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../DetailsPanel.styled.es.js";
 import "../DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import { buildDetailsPanelTitles as w } from "../../helpers/buildDetailsPanelTitles.es.js";
+import { buildDetailsPanelTitles as _ } from "../../helpers/buildDetailsPanelTitles.es.js";
 import "../../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import H from "../../helpers/getAllProjectsStatuses.es.js";
+import w from "../../helpers/getAllProjectsStatuses.es.js";
 import K from "../../containers/FeedWrapper.es.js";
 import L from "../../helpers/mergeProjectInfo.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
@@ -285,56 +287,56 @@ import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../../../components/ColumnHeaderMenuUI.es.js";
-const dp = () => {
-  const { pip: u } = R(), i = u?.entityType, n = u?.entities || [], h = u?.scope || "", d = n.length > 0 && !!i, p = n.map((t) => t.projectName), { data: j = [] } = q({ projects: p }, { skip: !d }), { data: e = {}, isFetching: y } = M(
+const hp = () => {
+  const { pip: u } = O(), r = u?.entityType, a = u?.entities || [], x = u?.scope || "", d = a.length > 0 && !!r, p = a.map((t) => t.projectName), { data: h = [] } = Q({ projects: p }, { skip: !d }), { data: e = {}, isFetching: y } = q(
     {
       projects: p
     },
     { skip: !d }
-  ), x = s(
-    () => H(e, p),
+  ), j = n(
+    () => w(e, p),
     [e, p]
-  ), { data: m = [], isFetching: g } = Q(
+  ), { data: m = [], isFetching: g } = H(
     // @ts-expect-error
-    { entityType: i, entities: n },
+    { entityType: r, entities: a },
     {
       skip: !d || y
     }
-  ), a = s(
+  ), c = n(
     () => L(e, p),
     [e, p]
-  ), P = s(
+  ), b = n(
     () => ({
-      task: a.taskTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
-      folder: a.folderTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {}),
-      product: a.productTypes.filter((t) => !!t.icon).reduce((t, r) => ({ ...t, [r.name]: r.icon }), {})
+      task: c.taskTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
+      folder: c.folderTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {}),
+      product: c.productTypes.filter((t) => !!t.icon).reduce((t, i) => ({ ...t, [i.name]: i.icon }), {})
     }),
-    [a]
-  ), T = s(
-    () => i ? E(m, i, P) : [],
-    [m, i]
-  ), b = s(() => j.filter((t) => m.some((r) => r?.task?.assignees?.includes(t.name))).map((t) => ({ ...t, avatarUrl: `/api/users/${t.name}/avatar` })), [j, n]), c = m[0];
-  if (!m.length || !c) return null;
+    [c]
+  ), P = n(
+    () => r ? E(m, r, b) : [],
+    [m, r]
+  ), T = n(() => h.filter((t) => m.some((i) => i?.task?.assignees?.includes(t.name))).map((t) => ({ ...t, avatarUrl: `/api/users/${t.name}/avatar` })), [h, a]), s = m[0];
+  if (!m.length || !s) return null;
   if (g) return /* @__PURE__ */ o.jsx("div", { children: "Loading..." });
-  const f = c?.projectName, l = m.some((t) => t?.status !== c?.status) ? {
+  const f = s?.projectName, l = m.some((t) => t?.status !== s?.status) ? {
     icon: "question_mark",
     color: "var(--md-sys-color-surface-container-highest)",
     name: "Mixed statuses"
-  } : x.find((t) => t.name === c?.status) || {
+  } : j.find((t) => t.name === s?.status) || {
     icon: "",
     color: "",
     name: "None"
   };
-  if (!i) return null;
-  const { title: k, subTitle: F } = w(m, i);
-  return /* @__PURE__ */ o.jsx(W, { children: /* @__PURE__ */ o.jsx(_, { projectName: f, children: /* @__PURE__ */ o.jsxs(v, { children: [
+  if (!r) return null;
+  const { title: k, subTitle: F } = _(m, r);
+  return /* @__PURE__ */ o.jsx(R, { children: /* @__PURE__ */ o.jsx(W, { projectName: f, children: /* @__PURE__ */ o.jsxs(v, { children: [
     /* @__PURE__ */ o.jsxs(I, { children: [
-      /* @__PURE__ */ o.jsx($, { thumbnails: T }),
+      /* @__PURE__ */ o.jsx($, { thumbnails: P }),
       /* @__PURE__ */ o.jsxs(C, { children: [
         /* @__PURE__ */ o.jsx("h2", { children: k }),
         /* @__PURE__ */ o.jsxs("div", { className: "sub-title", children: [
           /* @__PURE__ */ o.jsxs("span", { children: [
-            O(i),
+            M(r),
             " - "
           ] }),
           /* @__PURE__ */ o.jsx("h3", { children: F })
@@ -355,25 +357,26 @@ const dp = () => {
           ]
         }
       ),
-      /* @__PURE__ */ o.jsx(G, { users: b, style: { pointerEvents: "none" } })
+      /* @__PURE__ */ o.jsx(G, { users: T, style: { pointerEvents: "none" } })
     ] }),
     /* @__PURE__ */ o.jsx(N, { children: /* @__PURE__ */ o.jsx(
       K,
       {
-        entityType: i,
+        entityType: r,
         entities: m,
+        thumbnailHash: s?.thumbnailHash,
         activeUsers: [],
         projectInfo: e[f],
         projectName: f,
         disabled: !1,
-        scope: h,
+        scope: x,
         readOnly: !0,
-        statuses: x
+        statuses: j
       }
     ) })
   ] }) }) });
 };
 export {
-  dp as DetailsPanelFloating
+  hp as DetailsPanelFloating
 };
 //# sourceMappingURL=DetailsPanelFloating.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } 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, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\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: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\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 <ProjectContextProvider projectName={projectName}>\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\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\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 </ProjectContextProvider>\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","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBO,MAAMA,KAAsD,MAAM;AACvE,QAAM,EAAE,KAAAC,EAAA,IAAQC,EAAA,GACVC,IAAaF,GAAK,YAClBG,IAAWH,GAAK,YAAY,CAAA,GAC5BI,IAAQJ,GAAK,SAAS,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,CAAA,GAAI,YAAYC,MAAmBC;AAAA,IAC9D;AAAA,MACE,UAAAN;AAAA,IAAA;AAAA,IAEF,EAAE,MAAM,CAACD,EAAA;AAAA,EAAO,GAIZQ,IAAWC;AAAA,IACf,MAAMC,EAAsBL,GAAcJ,CAAQ;AAAA,IAClD,CAACI,GAAcJ,CAAQ;AAAA,EAAA,GAGnB,EAAE,MAAMU,IAAe,CAAA,GAAI,YAAYC,MAC3CC;AAAA;AAAA,IAEE,EAAE,YAAAhB,GAAwB,UAAAC,EAAA;AAAA,IAC1B;AAAA,MACE,MAAM,CAACE,KAAUM;AAAA,IAAA;AAAA,EACnB,GAIEQ,IAAcL;AAAA,IAClB,MAAMM,EAAiBV,GAAcJ,CAAQ;AAAA,IAC7C,CAACI,GAAcJ,CAAQ;AAAA,EAAA,GAInBe,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,SAASL,EAAY,aAClB,OAAO,CAACM,MAAY,CAAC,CAACA,EAAQ,IAAI,EAClC,OAAO,CAACF,GAAKE,OAAa,EAAE,GAAGF,GAAK,CAACE,EAAQ,IAAI,GAAGA,EAAQ,KAAA,IAAS,CAAA,CAAE;AAAA,IAAA;AAAA,IAE5E,CAACN,CAAW;AAAA,EAAA,GAGRO,IAAaZ;AAAA,IACjB,MAAOZ,IAAayB,EAAcX,GAAcd,GAAYmB,CAAe,IAAI,CAAA;AAAA,IAC/E,CAACL,GAAcd,CAAU;AAAA,EAAA,GAIrB0B,IAAQd,EAAQ,MACbN,EACJ,OAAO,CAACqB,MAAMb,EAAa,KAAK,CAACT,MAAMA,GAAG,MAAM,WAAW,SAASsB,EAAE,IAAI,CAAC,CAAC,EAC5E,IAAI,CAACA,OAAO,EAAE,GAAGA,GAAG,WAAW,cAAcA,EAAE,IAAI,UAAA,EAAY,GACjE,CAACrB,GAAUL,CAAQ,CAAC,GAEjB2B,IAAcd,EAAa,CAAC;AAClC,MAAI,CAACA,EAAa,UAAU,CAACc,EAAa,QAAO;AAEjD,MAAIb,EAA2B,QAAOc,gBAAAA,EAAAA,IAAC,OAAA,EAAI,UAAA,cAAU;AAErD,QAAMC,IAAcF,GAAa,aAU3BG,IAPgBjB,EAAa,KAAK,CAACT,MAAMA,GAAG,WAAWuB,GAAa,MAAM,IAC5D;AAAA,IAClB,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA,IAKJjB,EAAS,KAAK,CAACqB,MAAMA,EAAE,SAASJ,GAAa,MAAM,KAAK;AAAA,IACtD,MAAM;AAAA,IACN,OAAO;AAAA,IACP,MAAM;AAAA,EAAA;AAGZ,MAAI,CAAC5B,EAAY,QAAO;AAGxB,QAAM,EAAE,OAAAiC,GAAO,UAAAC,EAAA,IAAaC,EAAwBrB,GAAcd,CAAU;AAE5E,SACE6B,gBAAAA,MAACO,KACC,UAAAP,gBAAAA,EAAAA,IAACQ,GAAA,EAAuB,aAAAP,GACtB,UAAAQ,gBAAAA,EAAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAD,gBAAAA,OAACE,GAAA,EACC,UAAA;AAAA,MAAAX,gBAAAA,MAACY,KAAkB,YAAAjB,GAAwB;AAAA,MAC3Cc,gBAAAA,OAACI,GAAA,EACC,UAAA;AAAA,QAAAb,gBAAAA,EAAAA,IAAC,QAAI,UAAAI,EAAA,CAAM;AAAA,QACXK,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,aACb,UAAA;AAAA,UAAAA,gBAAAA,OAAC,QAAA,EAAM,UAAA;AAAA,YAAAK,EAAW3C,CAAU;AAAA,YAAE;AAAA,UAAA,GAAG;AAAA,UACjC6B,gBAAAA,EAAAA,IAAC,QAAI,UAAAK,EAAA,CAAS;AAAA,QAAA,EAAA,CAChB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IACAI,gBAAAA,OAACM,GAAA,EACC,UAAA;AAAA,MAAAN,gBAAAA,EAAAA;AAAAA,QAACO;AAAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,iBAAiBd,GAAe;AAAA,YAChC,OAAOe,EAAaf,GAAe,KAAK;AAAA,UAAA;AAAA,UAG1C,UAAA;AAAA,YAAAF,gBAAAA,EAAAA,IAACkB,GAAA,EAAK,MAAMhB,EAAc,QAAQ,iBAAiB,OAAO,EAAE,OAAO,UAAA,EAAU,CAAG;AAAA,YAChFF,gBAAAA,EAAAA,IAAC,QAAA,EAAK,WAAU,SAAS,aAAe,KAAA,CAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,4BAE9CmB,GAAA,EAAc,OAAAtB,GAAc,OAAO,EAAE,eAAe,SAAO,CAAG;AAAA,IAAA,GACjE;AAAA,IACAG,gBAAAA,MAACoB,GAAA,EACC,UAAApB,gBAAAA,EAAAA;AAAAA,MAACqB;AAAA,MAAA;AAAA,QACC,YAAAlD;AAAA,QAEA,UAAUc;AAAA,QACV,aAAa,CAAA;AAAA,QAEb,aAAaN,EAAasB,CAAW;AAAA,QACrC,aAAAA;AAAA,QACA,UAAU;AAAA,QACV,OAAA5B;AAAA,QACA,UAAQ;AAAA,QAER,UAAAS;AAAA,MAAA;AAAA,IAAA,EACF,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } 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, FeedFilter, ProjectContextProvider } from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../../containers/FeedWrapper'\nimport mergeProjectInfo from '../../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../../helpers/buildDetailsPanelTitles'\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: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\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 <ProjectContextProvider projectName={projectName}>\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\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\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 thumbnailHash={firstEntity?.thumbnailHash}\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 </ProjectContextProvider>\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","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}