npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.16 → 0.3.18 - Mend

@ynput/ayon-frontend-shared 0.3.16 → 0.3.18

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 (1293) hide show

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

@@ -1,2 +1,2 @@
-"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),p=require("lodash"),m=require("clsx"),Y=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/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");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/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");const Z=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/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/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/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("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const y=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");const T=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const ee=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");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/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");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("../../../../context/UriContext.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../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/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.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("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/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const re=require("../../../../hooks/useScopedStatuses.cjs.js"),ie=require("../../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.cjs.js");require("../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/match-sorter-utils");require("../../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../Slicer/components/SlicerSearch.cjs.js");require("../../../Slicer/context/SlicerContext.cjs.js");require("../../DetailsPanel.styled.cjs.js");const ue=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),se=require("../../helpers/getThumbnails.cjs.js"),qe=require("../../helpers/buildDetailsPanelTitles.cjs.js"),te=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const ae=require("../../../Actions/Actions.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/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/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../../components/SearchFilter/filterDates.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/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");const oe=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.styled.cjs.js");const ne=({entityType:u,entitySubTypes:k,entities:i=[],disabledAssignees:A=[],users:g=[],disabledStatuses:D,tagsOptions:h=[],isFetching:j,isCompact:c=!1,currentTab:M,onTabChange:O,entityTypeIcons:E,onOpenViewer:I,onEntityFocus:U})=>{const{useSearchParams:w,useNavigate:V,isDeveloperMode:H}=ee.useDetailsPanelContext(),G=V(),[L,_]=w(),K=n.useRef(null),x=re.useScopedStatuses(i.map(e=>e.projectName),[u]),l=n.useMemo(()=>p.union(...i.flatMap(e=>[e.task?.assignees||[],e.version?.author||[]])),[i]);let q=i[0];const t=i.length===0||!q||j;q||(q={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:u,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const R=i.length>1?void 0:q?.projectName;i.filter(e=>e.projectName===q?.projectName&&e.id).map(e=>e.id);const{data:Q}=Z.useGetAttributeConfigQuery({attributeName:"priority"}),b=T.getPriorityOptions(Q,u),v=n.useMemo(()=>se(i,u,E),[i,u,E]),f=n.useMemo(()=>i.map(e=>e.status),[i]),W=n.useMemo(()=>i.map(e=>e.attrib?.priority),[i]),$=n.useMemo(()=>i.map(e=>e.tags),[i]),z=n.useMemo(()=>h.reduce((e,s)=>(e[s.name]=s,e),{}),[h]),N=i.length>1,{updateEntity:B}=ie.useEntityUpdate({entities:i.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:u}),d=(e,s)=>s==null?console.error("value is null or undefined"):B(e,s),F=()=>{let e,s=q.id,a=u+"Id";u==="version"&&q.product?.id&&(e=[q.id],s=q.product?.id,a="productId"),s&&I({[a]:s,projectName:R,versionIds:e})},S=["task","version","representation"].includes(u)&&(l.length>0||u==="task"),P=g.map(e=>e);if(S){const e=g.map(a=>a.name),s=l.filter(a=>!e.includes(a));s.length&&P.push(...s.map(a=>({name:a,fullName:a})))}const{title:J,subTitle:X}=qe.buildDetailsPanelTitles(i,u),C=x?.length!==0&&x?.find(e=>e.name===f[0]);return r.jsxRuntimeExports.jsx(o.HeaderContainer,{children:r.jsxRuntimeExports.jsx(y.EntityPanelUploader,{entities:i,entityType:u,projectName:R,onVersionCreated:e=>U?.(e,"version"),children:r.jsxRuntimeExports.jsxs(o.Grid,{className:m("details-panel-header",{isCompact:c}),children:[r.jsxRuntimeExports.jsxs(o.Header,{className:m("titles",{isCompact:c,loading:t},"no-shimmer"),children:[r.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[r.jsxRuntimeExports.jsx(oe.StackedThumbnails,{isLoading:t,shimmer:t,thumbnails:v,onClick:v.length===1?F:void 0,hoverIcon:"play_circle"}),!N&&q?.hasReviewables&&r.jsxRuntimeExports.jsx(te.PlayableIcon,{})]}),r.jsxRuntimeExports.jsxs(o.Content,{className:m({loading:t}),children:[r.jsxRuntimeExports.jsxs(o.Title,{children:[r.jsxRuntimeExports.jsx("h2",{children:J}),r.jsxRuntimeExports.jsx(o.TagsSelect,{ref:K,value:p.union(...$),tags:z,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:t?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[p.upperFirst(u)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:X})]})]})]}),r.jsxRuntimeExports.jsx(o.StatusSelect,{value:f,options:x||[],disabledValues:D,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:m("status-select",{loading:t}),align:c?"right":"left",$textColor:Y.getTextColor(C!==void 0?C.color:"#OOO")}),!c&&(!S||t?r.jsxRuntimeExports.jsx("div",{}):r.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:l,options:P,disabledValues:A.map(e=>e.name),isMultiple:N&&l.length>1&&u==="task",readOnly:u!=="task",emptyMessage:u==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":l.length?u==="task"?"Assigned users":"Author":""})),r.jsxRuntimeExports.jsx(ae.Actions,{entities:i,entityType:u,entitySubTypes:k,isLoadingEntity:!!j||!!t,searchParams:L,isDeveloperMode:H,onSetSearchParams:_,onNavigate:G}),b?r.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:b,placeholder:"No priority",value:W,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):r.jsxRuntimeExports.jsx("div",{style:{height:32}}),r.jsxRuntimeExports.jsx(ue,{entityType:u,currentTab:M,onTabChange:O,isLoading:t})]})})})};module.exports=ne;
+"use strict";const r=require("../../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),p=require("lodash"),m=require("clsx"),Y=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/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../components/Badge/Badge.cjs.js");require("../../../../components/Chips/Chips.cjs.js");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/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");const Z=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/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/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/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 y=require("../../../../util/getPriorityOptions.cjs.js");require("uuid");require("../../../../util/pubsub.cjs.js");require("../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");const T=require("../../../../components/EntityPanelUploader/EntityPanelUploader.cjs.js");require("../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../components/Feedback/FeedbackContext.cjs.js");require("../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                         */require("../../../Feed/context/FeedContext.cjs.js");require("../../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const ee=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");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/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");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("../../../../context/UriContext.cjs.js");require("../../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../../Feed/components/ActivityDate.cjs.js");require("../../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed/Feed.styled.cjs.js");require("../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/TextWidget.cjs.js");require("../../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../ProjectTreeTable/context/SelectedRowsContext.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("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/context/ProjectDataContext.cjs.js");require("../../../../../../_virtual/runtime.cjs.js");require("../../../../../../_virtual/semver.cjs.js");const re=require("../../../../hooks/useScopedStatuses.cjs.js"),ie=require("../../../../hooks/useEntityUpdate.cjs.js");require("react-redux");require("custom-protocol-check");require("../../../ProjectTreeTable/components/GroupSettingsFallback.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/ColumnHeaderMenu.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");const ue=require("../DetailsPanelTabs/DetailsPanelTabs.cjs.js"),o=require("./DetailsPanelHeader.styled.cjs.js"),se=require("../../helpers/getThumbnails.cjs.js"),qe=require("../../helpers/buildDetailsPanelTitles.cjs.js"),te=require("../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");const ae=require("../../../Actions/Actions.cjs.js");require("../../../Views/context/ViewsContext.cjs.js");require("../../../Views/Views.styled.cjs.js");require("../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../components/Powerpack/PricingLink.cjs.js");require("../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../components/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/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../../../components/SearchFilter/filterDates.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/SortingSetting/SortingSetting.styled.cjs.js");require("../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../components/Thumbnail/Thumbnail.styled.cjs.js");const oe=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.styled.cjs.js");const ne=({entityType:u,entitySubTypes:k,entities:i=[],disabledAssignees:A=[],users:g=[],disabledStatuses:D,tagsOptions:h=[],isFetching:j,isCompact:c=!1,currentTab:M,onTabChange:O,entityTypeIcons:E,onOpenViewer:I,onEntityFocus:U})=>{const{useSearchParams:w,useNavigate:V,isDeveloperMode:H}=ee.useDetailsPanelContext(),G=V(),[L,_]=w(),K=n.useRef(null),x=re.useScopedStatuses(i.map(e=>e.projectName),[u]),l=n.useMemo(()=>p.union(...i.flatMap(e=>[e.task?.assignees||[],e.version?.author||[]])),[i]);let q=i[0];const t=i.length===0||!q||j;q||(q={parents:[],id:"placeholder",name:"loading...",label:"loading...",entityType:u,status:"loading",projectName:"loading...",tags:[],hasReviewables:!1,attrib:{},createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),path:""});const R=i.length>1?void 0:q?.projectName;i.filter(e=>e.projectName===q?.projectName&&e.id).map(e=>e.id);const{data:Q}=Z.useGetAttributeConfigQuery({attributeName:"priority"}),b=y.getPriorityOptions(Q,u),v=n.useMemo(()=>se(i,u,E),[i,u,E]),f=n.useMemo(()=>i.map(e=>e.status),[i]),W=n.useMemo(()=>i.map(e=>e.attrib?.priority),[i]),$=n.useMemo(()=>i.map(e=>e.tags),[i]),z=n.useMemo(()=>h.reduce((e,s)=>(e[s.name]=s,e),{}),[h]),N=i.length>1,{updateEntity:B}=ie.useEntityUpdate({entities:i.map(e=>({id:e.id,projectName:e.projectName,users:e.task?.assignees||[],folderId:e.folder?.id,productId:e.product?.id})),entityType:u}),d=(e,s)=>s==null?console.error("value is null or undefined"):B(e,s),F=()=>{let e,s=q.id,a=u+"Id";u==="version"&&q.product?.id&&(e=[q.id],s=q.product?.id,a="productId"),s&&I({[a]:s,projectName:R,versionIds:e})},S=["task","version","representation"].includes(u)&&(l.length>0||u==="task"),P=g.map(e=>e);if(S){const e=g.map(a=>a.name),s=l.filter(a=>!e.includes(a));s.length&&P.push(...s.map(a=>({name:a,fullName:a})))}const{title:J,subTitle:X}=qe.buildDetailsPanelTitles(i,u),C=x?.length!==0&&x?.find(e=>e.name===f[0]);return r.jsxRuntimeExports.jsx(o.HeaderContainer,{children:r.jsxRuntimeExports.jsx(T.EntityPanelUploader,{entities:i,entityType:u,projectName:R,onVersionCreated:e=>U?.(e,"version"),children:r.jsxRuntimeExports.jsxs(o.Grid,{className:m("details-panel-header",{isCompact:c}),children:[r.jsxRuntimeExports.jsxs(o.Header,{className:m("titles",{isCompact:c,loading:t},"no-shimmer"),children:[r.jsxRuntimeExports.jsxs("div",{style:{position:"relative"},children:[r.jsxRuntimeExports.jsx(oe.StackedThumbnails,{isLoading:t,shimmer:t,thumbnails:v,onClick:v.length===1?F:void 0,hoverIcon:"play_circle"}),!N&&q?.hasReviewables&&r.jsxRuntimeExports.jsx(te.PlayableIcon,{})]}),r.jsxRuntimeExports.jsxs(o.Content,{className:m({loading:t}),children:[r.jsxRuntimeExports.jsxs(o.Title,{children:[r.jsxRuntimeExports.jsx("h2",{children:J}),r.jsxRuntimeExports.jsx(o.TagsSelect,{ref:K,value:p.union(...$),tags:z,options:[],editable:!0,editor:!0,onChange:e=>d("tags",e),align:"right",styleDropdown:{display:t?"none":"unset"},className:"tags-select",itemClassName:"details-tag"})]}),r.jsxRuntimeExports.jsxs("div",{className:"sub-title",children:[r.jsxRuntimeExports.jsxs("span",{className:"entity-type",children:[p.upperFirst(u)," - "]}),r.jsxRuntimeExports.jsx("h3",{children:X})]})]})]}),r.jsxRuntimeExports.jsx(o.StatusSelect,{value:f,options:x||[],disabledValues:D,invert:!0,style:{maxWidth:"unset"},onChange:e=>d("status",e),className:m("status-select",{loading:t}),align:c?"right":"left",$textColor:Y.getTextColor(C!==void 0?C.color:"#OOO")}),!c&&(!S||t?r.jsxRuntimeExports.jsx("div",{}):r.jsxRuntimeExports.jsx(o.AssigneeSelect,{value:l,options:P,disabledValues:A.map(e=>e.name),isMultiple:N&&l.length>1&&u==="task",readOnly:u!=="task",emptyMessage:u==="task"?"Assign user":"",align:"right",onChange:e=>d("assignees",e),className:"assignee-select","data-tooltip":l.length?u==="task"?"Assigned users":"Author":""})),r.jsxRuntimeExports.jsx(ae.Actions,{entities:i,entityType:u,entitySubTypes:k,isLoadingEntity:!!j||!!t,searchParams:L,isDeveloperMode:H,onSetSearchParams:_,onNavigate:G}),b?r.jsxRuntimeExports.jsx(o.PriorityEnumDropdown,{options:b,placeholder:"No priority",value:W,onChange:e=>d("attrib",{priority:e[0]}),align:"right"}):r.jsxRuntimeExports.jsx("div",{style:{height:32}}),r.jsxRuntimeExports.jsx(ue,{entityType:u,currentTab:M,onTabChange:O,isLoading:t})]})})})};module.exports=ne;
 //# sourceMappingURL=DetailsPanelHeader.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelHeader.cjs.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","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","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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"}
1	+ {"version":3,"file":"DetailsPanelHeader.cjs.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","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","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/DetailsPanelHeader/DetailsPanelHeader.es.js CHANGED Viewed

@@ -89,6 +89,7 @@ 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";
 import "../../../../api/queries/project/getProject.es.js";
 import "../../../../api/queries/project/updateProject.es.js";
 import "../../../../api/queries/projectFolders/projectFolders.es.js";
@@ -107,6 +108,13 @@ import "../../../../api/queries/views/getViews.es.js";
 import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
+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 "uuid";
+import "../../../../util/pubsub.es.js";
 import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
 import "../../../../components/DetailsPanelDetails/DetailsSection.es.js";
@@ -115,7 +123,7 @@ 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 y } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import { EntityPanelUploader as tt } 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";
@@ -124,9 +132,6 @@ import "../../../../components/Feedback/SupportBubble.es.js";
 import "../../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../../components/LegacyBadge/LegacyBadge.es.js";
 import "../../../../components/LinksManager/LinksManager.styled.es.js";
-import { getPriorityOptions as tt } from "../../../../util/getPriorityOptions.es.js";
-import "uuid";
-import "../../../../util/pubsub.es.js";
 import "../../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                       */
 import "../../../Feed/context/FeedContext.es.js";
@@ -214,13 +219,9 @@ import "../../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../SimpleTable/SimpleTable.styled.es.js";
-import "@tanstack/match-sorter-utils";
-import "../../../SimpleTable/context/SimpleTableContext.es.js";
-import "../../../SimpleTable/SimpleTableRowTemplate.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
-import "../../../Slicer/components/SlicerSearch.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";
@@ -264,7 +265,7 @@ import "../../../../components/Watchers/Watchers.es.js";
 import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.styled.es.js";
-const fp = ({
+const jp = ({
   entityType: i,
   entitySubTypes: D,
   entities: o = [],
@@ -311,7 +312,7 @@ const fp = ({
   });
   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 = tt(W, i), b = e(
+  const { data: W } = T({ attributeName: "priority" }), v = y(W, i), b = e(
     () => gt(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(
@@ -340,7 +341,7 @@ const fp = ({
   }
   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(
-    y,
+    tt,
     {
       entities: o,
       entityType: i,
@@ -462,6 +463,6 @@ const fp = ({
   ) });
 };
 export {
-  fp as default
+  jp as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

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

	@@ -1 +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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"}
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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"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.styled.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/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/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/project/getProject.cjs.js");require("../../../../api/queries/project/updateProject.cjs.js");require("../../../../api/queries/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/userDashboard/getUserDashboard.cjs.js");const S=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");const y=require("../../DetailsPanel.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const s=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const D=({projectsInfo:n,scope:o})=>{const{slideOut:l,onOpenViewer:a}=s.useDetailsPanelContext(),{entityType:r,entityId:i,projectName:e}=l||{},c=!!r&&!!i&&!!e,{data:u}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),q=n[e||""]||{},{tags:d=[]}=q,{closeSlideOut:p}=s.useDetailsPanelContext(),O=()=>p(),j=x=>a?.(x);return c?t.jsxRuntimeExports.jsx(P.SlideOut,{children:t.jsxRuntimeExports.jsx(y.DetailsPanel,{isOpen:!0,entityType:r,entitySubTypes:[],entities:[{id:i,projectName:e}],projectsInfo:{[e]:q},projectNames:[e],tagsOptions:d,projectUsers:u,activeProjectUsers:u,isSlideOut:!0,scope:o,onClose:O,onOpenViewer:j})}):null};exports.DetailsPanelSlideOut=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.styled.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/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/entities/updateEntity.cjs.js");require("../../../../api/queries/entityLists/getLists.cjs.js");require("../../../../api/queries/entityLists/updateLists.cjs.js");require("../../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../api/queries/folders/getFolders.cjs.js");require("../../../../api/queries/grouping/getGrouping.cjs.js");require("../../../../api/queries/links/updateLinks.cjs.js");require("../../../../api/queries/links/getLinks.cjs.js");require("../../../../api/queries/links/getEntityLinks.cjs.js");require("../../../../api/queries/overview/getOverview.cjs.js");require("../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../api/queries/permissions/getPermissions.cjs.js");require("../../../../api/queries/products/createProduct.cjs.js");require("../../../../api/queries/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/userDashboard/getUserDashboard.cjs.js");const S=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");const y=require("../../DetailsPanel.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const s=require("../../../../context/DetailsPanelContext.cjs.js");require("../../../../context/SubtasksModulesContext.cjs.js");require("../../../../context/ThumbnailUploaderContext.cjs.js");require("../../../../context/SettingsPanelContext.cjs.js");require("../../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../../context/pip/PiPWrapper.cjs.js");require("../../../../context/AddonProjectContext.cjs.js");require("../../../../context/AddonContext.cjs.js");require("../../../../context/PowerpackContext.cjs.js");require("../../../../context/MoveEntityContext.cjs.js");require("../../../../context/MenuContext.cjs.js");require("../../../../context/WebsocketContext.cjs.js");require("../../../../context/GlobalContext.cjs.js");require("../../../../context/ProjectContext.cjs.js");require("../../../../context/ProjectFoldersContext.cjs.js");require("../../../../context/UriContext.cjs.js");const D=({projectsInfo:n,scope:o})=>{const{slideOut:l,onOpenViewer:a}=s.useDetailsPanelContext(),{entityType:r,entityId:i,projectName:e}=l||{},c=!!r&&!!i&&!!e,{data:u}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),q=n[e||""]||{},{tags:d=[]}=q,{closeSlideOut:p}=s.useDetailsPanelContext(),O=()=>p(),j=x=>a?.(x);return c?t.jsxRuntimeExports.jsx(P.SlideOut,{children:t.jsxRuntimeExports.jsx(y.DetailsPanel,{isOpen:!0,entityType:r,entitySubTypes:[],entities:[{id:i,projectName:e}],projectsInfo:{[e]:q},projectNames:[e],tagsOptions:d,projectUsers:u,activeProjectUsers:u,isSlideOut:!0,scope:o,onClose:O,onOpenViewer:j})}):null};exports.DetailsPanelSlideOut=D;
 //# sourceMappingURL=DetailsPanelSlideOut.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"~~i0MAWO~~,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAA,EAAiBC,yBAAA,EAC7B,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAA,EAAgBL,GAAY,CAAA,EACpDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAA,EAAUC,EAAAA,yBAAyB,CAAE,YAAAH,CAAA,EAAe,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAA,EACjD,CAAE,KAAAK,EAAO,CAAA,CAAC,EAAMD,EAEhB,CAAE,cAAAE,CAAA,EAAkBT,yBAAA,EACpBU,EAAc,IAAMD,EAAA,EACpBE,EAAoBC,GAAcb,IAAea,CAAI,EAE3D,OAAKR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,aAAA,CACC,OAAM,GACN,WAAAd,EACA,eAAgB,CAAA,EAChB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAA,EAC/B,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAlB0B,IAoB9B"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"s4MAWO,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAA,EAAiBC,yBAAA,EAC7B,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAA,EAAgBL,GAAY,CAAA,EACpDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAA,EAAUC,EAAAA,yBAAyB,CAAE,YAAAH,CAAA,EAAe,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAA,EACjD,CAAE,KAAAK,EAAO,CAAA,CAAC,EAAMD,EAEhB,CAAE,cAAAE,CAAA,EAAkBT,yBAAA,EACpBU,EAAc,IAAMD,EAAA,EACpBE,EAAoBC,GAAcb,IAAea,CAAI,EAE3D,OAAKR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,aAAA,CACC,OAAM,GACN,WAAAd,EACA,eAAgB,CAAA,EAChB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAA,EAC/B,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAlB0B,IAoB9B"}

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

@@ -71,6 +71,7 @@ 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";
 import "../../../../api/queries/project/getProject.es.js";
 import "../../../../api/queries/project/updateProject.es.js";
 import "../../../../api/queries/projectFolders/projectFolders.es.js";
@@ -108,7 +109,7 @@ import "../../../../context/GlobalContext.es.js";
 import "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContext.es.js";
 import "../../../../context/UriContext.es.js";
-const wo = ({ projectsInfo: s, scope: n }) => {
+const Co = ({ projectsInfo: s, scope: n }) => {
   const { slideOut: l, onOpenViewer: c } = e(), { entityType: o, entityId: i, projectName: t } = l || {}, u = !!o && !!i && !!t, { data: r } = y({ projectName: t }, { skip: !t }), p = s[t || ""] || {}, { tags: a = [] } = p, { closeSlideOut: d } = e(), O = () => d(), j = (f) => c?.(f);
   return u ? /* @__PURE__ */ m.jsx(x, { children: /* @__PURE__ */ m.jsx(
     S,
@@ -130,6 +131,6 @@ const wo = ({ projectsInfo: s, scope: n }) => {
   ) }) : null;
 };
 export {
-  wo as DetailsPanelSlideOut
+  Co as DetailsPanelSlideOut
 };
 //# sourceMappingURL=DetailsPanelSlideOut.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n isOpen\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAA,IAAiBC,EAAA,GAC7B,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAA,IAAgBL,KAAY,CAAA,GACpDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAA,IAAUC,EAAyB,EAAE,aAAAH,EAAA,GAAe,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAA,GACjD,EAAE,MAAAK,IAAO,CAAA,EAAC,IAAMD,GAEhB,EAAE,eAAAE,EAAA,IAAkBT,EAAA,GACpBU,IAAc,MAAMD,EAAA,GACpBE,IAAmB,CAACC,MAAcb,IAAea,CAAI;AAE3D,SAAKR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAAA;AAAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,YAAAd;AAAA,MACA,gBAAgB,CAAA;AAAA,MAChB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAA;AAAA,MAC/B,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAlB0B;AAoB9B;"}