npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.45 → 0.3.1 - Mend

@ynput/ayon-frontend-shared 0.2.45 → 0.3.1

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport {\n PiPWrapper,\n DetailsPanelTab,\n useScopedDetailsPanel,\n ProjectContextProvider,\n} from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n const { currentTab: parentTab } = useScopedDetailsPanel(scope)\n const [currentTab, setCurrentTab] = useState<DetailsPanelTab>(parentTab)\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n }),\n [projectInfo],\n )\n\n const thumbnails = useMemo(\n () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n [entitiesData, entityType],\n )\n\n // users for assignee field, find in all users\n const users = useMemo(() => {\n return allUsers\n .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n }, [allUsers, entities])\n\n const firstEntity = entitiesData[0]\n if (!entitiesData.length \|\| !firstEntity) return null\n\n if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n const projectName = firstEntity?.projectName\n\n // are there multiple statuses of different names?\n const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n const mixedStatus = {\n icon: 'question_mark',\n color: 'var(--md-sys-color-surface-container-highest)',\n name: 'Mixed statuses',\n }\n\n const statusAnatomy = mixedStatuses\n ? mixedStatus\n : statuses.find((s) => s.name === firstEntity?.status) \|\| {\n icon: '',\n color: '',\n name: 'None',\n }\n\n if (!entityType) return null\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n return (\n <PiPWrapper>\n <ProjectContextProvider projectName={projectName}>\n <Styled.Container>\n <Styled.Header>\n <StackedThumbnails thumbnails={thumbnails} />\n <Styled.Content>\n <h2>{title}</h2>\n <div className=\"sub-title\">\n <span>{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.Row>\n <Styled.Status\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\n <Icon icon={statusAnatomy.icon \|\| 'question_mark'} style={{ color: 'inherit' }} />\n <span className=\"label\">{statusAnatomy?.name}</span>\n </Styled.Status>\n <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n </Styled.Row>\n <Styled.FeedContainer>\n <FeedWrapper\n entityType={entityType}\n // @ts-ignore\n entities={entitiesData}\n activeUsers={[]}\n // selectedTasksProjects={{}}\n projectInfo={projectsInfo[projectName]}\n projectName={projectName}\n disabled={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n currentTab={currentTab}\n setCurrentTab={setCurrentTab}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </ProjectContextProvider>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","parentTab","useScopedDetailsPanel","currentTab","setCurrentTab","useState","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo, useState } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, getTextColor, Icon } from '@ynput/ayon-react-components'\nimport {\n PiPWrapper,\n DetailsPanelTab,\n useScopedDetailsPanel,\n ProjectContextProvider,\n} from '@shared/context'\nimport { useGetEntitiesDetailsPanelQuery } from '@shared/api'\nimport { useGetKanbanProjectUsersQuery, useGetProjectsInfoQuery } from '@shared/api'\nimport getAllProjectStatuses from '../helpers/getAllProjectsStatuses'\nimport FeedWrapper from '../FeedWrapper'\nimport mergeProjectInfo from '../helpers/mergeProjectInfo'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n const { currentTab: parentTab } = useScopedDetailsPanel(scope)\n const [currentTab, setCurrentTab] = useState<DetailsPanelTab>(parentTab)\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: projectInfo.productTypes\n .filter((product) => !!product.icon)\n .reduce((acc, product) => ({ ...acc, [product.name]: product.icon }), {}),\n }),\n [projectInfo],\n )\n\n const thumbnails = useMemo(\n () => (entityType ? getThumbnails(entitiesData, entityType, entityTypeIcons) : []),\n [entitiesData, entityType],\n )\n\n // users for assignee field, find in all users\n const users = useMemo(() => {\n return allUsers\n .filter((u) => entitiesData.some((e) => e?.task?.assignees?.includes(u.name)))\n .map((u) => ({ ...u, avatarUrl: `/api/users/${u.name}/avatar` }))\n }, [allUsers, entities])\n\n const firstEntity = entitiesData[0]\n if (!entitiesData.length \|\| !firstEntity) return null\n\n if (isFetchingEntitiesDetails) return <div>Loading...</div>\n\n const projectName = firstEntity?.projectName\n\n // are there multiple statuses of different names?\n const mixedStatuses = entitiesData.some((e) => e?.status !== firstEntity?.status)\n const mixedStatus = {\n icon: 'question_mark',\n color: 'var(--md-sys-color-surface-container-highest)',\n name: 'Mixed statuses',\n }\n\n const statusAnatomy = mixedStatuses\n ? mixedStatus\n : statuses.find((s) => s.name === firstEntity?.status) \|\| {\n icon: '',\n color: '',\n name: 'None',\n }\n\n if (!entityType) return null\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entitiesData, entityType)\n\n return (\n <PiPWrapper>\n <ProjectContextProvider projectName={projectName}>\n <Styled.Container>\n <Styled.Header>\n <StackedThumbnails thumbnails={thumbnails} />\n <Styled.Content>\n <h2>{title}</h2>\n <div className=\"sub-title\">\n <span>{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.Row>\n <Styled.Status\n style={{\n backgroundColor: statusAnatomy?.color,\n color: getTextColor(statusAnatomy?.color),\n }}\n >\n <Icon icon={statusAnatomy.icon \|\| 'question_mark'} style={{ color: 'inherit' }} />\n <span className=\"label\">{statusAnatomy?.name}</span>\n </Styled.Status>\n <AssigneeField users={users} style={{ pointerEvents: 'none' }} />\n </Styled.Row>\n <Styled.FeedContainer>\n <FeedWrapper\n entityType={entityType}\n // @ts-ignore\n entities={entitiesData}\n activeUsers={[]}\n // selectedTasksProjects={{}}\n projectInfo={projectsInfo[projectName]}\n projectName={projectName}\n disabled={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n currentTab={currentTab}\n setCurrentTab={setCurrentTab}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </ProjectContextProvider>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["DetailsPanelFloating","pip","useDetailsPanelContext","entityType","entities","scope","isOpen","parentTab","useScopedDetailsPanel","currentTab","setCurrentTab","useState","projects","e","allUsers","useGetKanbanProjectUsersQuery","projectsInfo","isFetchingInfo","useGetProjectsInfoQuery","statuses","useMemo","getAllProjectStatuses","entitiesData","isFetchingEntitiesDetails","useGetEntitiesDetailsPanelQuery","projectInfo","mergeProjectInfo","entityTypeIcons","task","acc","folder","product","thumbnails","getThumbnails","users","u","firstEntity","jsx","projectName","statusAnatomy","s","title","subTitle","buildDetailsPanelTitles","PiPWrapper","ProjectContextProvider","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","getTextColor","Icon","AssigneeField","Styled.FeedContainer","FeedWrapper"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n folder: Record<string, string>\n task: Record<string, string>\n product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n entityType: 'folder' \| 'task' \| 'version' \| 'representation'\n entitySubTypes: string[]\n entities: DetailsPanelEntityData[]\n disabledAssignees?: any[]\n users?: any[]\n disabledStatuses?: string[]\n tagsOptions?: any[]\n isFetching?: boolean\n isCompact?: boolean\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n onOpenViewer: (args: any) => void\n onEntityFocus: DetailsPanelProps['onEntityFocus']\n entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n entityType,\n entitySubTypes,\n entities = [],\n disabledAssignees = [],\n users = [],\n disabledStatuses,\n tagsOptions = [],\n isFetching,\n isCompact = false,\n currentTab,\n onTabChange,\n entityTypeIcons,\n onOpenViewer,\n onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n const navigate = useNavigate()\n const [searchParams, setSearchParams] = useSearchParams()\n const tagsSelectRef = useRef<DropdownRef>(null)\n\n const statuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n\n // for selected entities, get flat list of assignees\n const entityUsers: string[] = useMemo(\n () =>\n union(\n ...entities.flatMap((entity) => [\n entity.task?.assignees \|\| [],\n entity.version?.author \|\| [],\n ]),\n ),\n [entities],\n )\n\n let firstEntity = entities[0]\n // If there's no data return null\n const isLoading = entities.length === 0 \|\| !firstEntity \|\| isFetching\n // placeholder entity\n if (!firstEntity) {\n firstEntity = {\n id: 'placeholder',\n name: 'loading...',\n label: 'loading...',\n entityType,\n status: 'loading',\n projectName: 'loading...',\n tags: [],\n hasReviewables: false,\n attrib: {},\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString(),\n path: '',\n }\n }\n\n const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n const entityIds = entities\n .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n .map((entity) => entity.id)\n\n // get checklists count\n const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n {\n projectName: firstEntity?.projectName,\n entityIds,\n },\n { skip: !firstEntity?.projectName \|\| !entityIds.length },\n )\n let checklistsLabel\n if (checklistCount?.total && checklistCount.total > 0) {\n checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n }\n\n // get priorities\n // get priority attribute so we know the colors and icons for each priority\n const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n const thumbnails = useMemo(\n () => getThumbnails(entities, entityType, entityTypeIcons),\n [entities, entityType, entityTypeIcons],\n )\n\n // we need to get the intersection of all the statuses of the projects for the selected entities\n // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n // and it prevents us from showing statuses that are not available for the selected entities\n const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n const tagsOptionsObject = useMemo(\n () =>\n tagsOptions.reduce((acc, tag) => {\n acc[tag.name] = tag\n return acc\n }, {}),\n [tagsOptions],\n )\n\n const isMultiple = entities.length > 1\n\n const { updateEntity } = useEntityUpdate({\n entities: entities.map((e) => ({\n id: e.id,\n projectName: e.projectName,\n users: e.task?.assignees \|\| [],\n folderId: e.folder?.id,\n productId: e.product?.id,\n })),\n entityType,\n })\n\n const handleUpdate = (field: string, value: any) => {\n if (value === null \|\| value === undefined) return console.error('value is null or undefined')\n return updateEntity(field, value)\n }\n\n const handleThumbnailClick = () => {\n let versionIds,\n id = firstEntity.id,\n entityTypeKey = entityType + 'Id'\n\n if (entityType === 'version' && firstEntity.product?.id) {\n versionIds = [firstEntity.id]\n id = firstEntity.product?.id\n entityTypeKey = 'productId'\n }\n\n if (id) {\n onOpenViewer({\n [entityTypeKey]: id,\n projectName,\n versionIds,\n })\n }\n }\n\n const hasUser =\n ['task', 'version', 'representation'].includes(entityType) &&\n (entityUsers.length > 0 \|\| entityType === 'task')\n\n const usersOptions = users.map((u) => u)\n if (hasUser) {\n // check if all users are in options, otherwise add them\n const allUsers = users.map((u) => u.name)\n const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n if (usersToAdd.length) {\n usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n }\n }\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n const status = statuses?.length!==0 && statuses?.find((status)=> status.name=== statusesValue[0])\n return (\n <Styled.HeaderContainer>\n <EntityPanelUploader\n entities={entities}\n entityType={entityType}\n projectName={projectName}\n onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n >\n <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n <Styled.Header\n className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n >\n <div style={{ position: 'relative' }}>\n <StackedThumbnails\n isLoading={isLoading}\n shimmer={isLoading}\n thumbnails={thumbnails}\n onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n hoverIcon={'play_circle'}\n />\n {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n </div>\n <Styled.Content className={clsx({ loading: isLoading })}>\n <Styled.Title>\n <h2>{title}</h2>\n <Styled.TagsSelect\n ref={tagsSelectRef}\n value={union(...tagsValues)}\n tags={tagsOptionsObject}\n options={[]}\n editable\n editor\n onChange={(value) => handleUpdate('tags', value)}\n align=\"right\"\n styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n className=\"tags-select\"\n itemClassName=\"details-tag\"\n />\n </Styled.Title>\n <div className=\"sub-title\">\n <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.StatusSelect\n value={statusesValue}\n options={statuses \|\| []}\n disabledValues={disabledStatuses}\n invert\n style={{ maxWidth: 'unset' }}\n onChange={(value) => handleUpdate('status', value)}\n className={clsx('status-select', { loading: isLoading })}\n align={isCompact ? 'right' : 'left'}\n $textColor={getTextColor(status!==undefined? (status as Status).color: \"#OOO\")}\n />\n {!isCompact &&\n (!hasUser \|\| isLoading ? (\n <div></div>\n ) : (\n <Styled.AssigneeSelect\n value={entityUsers}\n options={usersOptions}\n disabledValues={disabledAssignees.map((u) => u.name)}\n isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n readOnly={entityType !== 'task'}\n emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n align=\"right\"\n onChange={(value) => handleUpdate('assignees', value)}\n className=\"assignee-select\"\n data-tooltip={\n entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n }\n />\n ))}\n <Actions\n entities={entities}\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n isLoadingEntity={!!isFetching \|\| !!isLoading}\n searchParams={searchParams}\n isDeveloperMode={isDeveloperMode}\n onSetSearchParams={setSearchParams}\n onNavigate={navigate}\n />\n {priorities ? (\n <Styled.PriorityEnumDropdown\n options={priorities}\n placeholder=\"No priority\"\n value={priorityValues}\n onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n align=\"right\"\n />\n ) : (\n <div style={{ height: 32 }}></div>\n )}\n <FeedFilters\n isLoading={isLoading}\n entityType={entityType}\n className=\"filters\"\n overrides={{\n checklists: {\n label: checklistsLabel,\n },\n }}\n currentTab={currentTab}\n onTabChange={onTabChange}\n />\n </Styled.Grid>\n </EntityPanelUploader>\n </Styled.HeaderContainer>\n )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","firstEntity","isLoading","projectName","entityIds","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","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","FeedFilters"],"mappings":"q3cA2CA,MAAMA,GAAqB,CAAC,CAC1B,WAAAC,EACA,eAAAC,EACA,SAAAC,EAAW,CAAA,EACX,kBAAAC,EAAoB,CAAA,EACpB,MAAAC,EAAQ,CAAA,EACR,iBAAAC,EACA,YAAAC,EAAc,CAAA,EACd,WAAAC,EACA,UAAAC,EAAY,GACZ,WAAAC,EACA,YAAAC,EACA,gBAAAC,EACA,aAAAC,EACA,cAAAC,CACF,IAA+B,CAC7B,KAAM,CAAE,gBAAAC,EAAiB,YAAAC,EAAa,gBAAAC,CAAA,EAAoBC,GAAAA,uBAAA,EACpDC,EAAWH,EAAA,EACX,CAACI,EAAcC,CAAe,EAAIN,EAAA,EAClCO,EAAgBC,EAAAA,OAAoB,IAAI,EAExCC,EAAWC,GAAAA,kBACftB,EAAS,IAAKuB,GAAWA,EAAO,WAAW,EAC3C,CAACzB,CAAU,CAAA,EAIP0B,EAAwBC,EAAAA,QAC5B,IACEC,EAAAA,MACE,GAAG1B,EAAS,QAASuB,GAAW,CAC9BA,EAAO,MAAM,WAAa,CAAA,EAC1BA,EAAO,SAAS,QAAU,CAAA,CAAC,CAC5B,CAAA,EAEL,CAACvB,CAAQ,CAAA,EAGX,IAAI2B,EAAc3B,EAAS,CAAC,EAE5B,MAAM4B,EAAY5B,EAAS,SAAW,GAAK,CAAC2B,GAAetB,EAEtDsB,IACHA,EAAc,CACZ,GAAI,cACJ,KAAM,aACN,MAAO,aACP,WAAA7B,EACA,OAAQ,UACR,YAAa,aACb,KAAM,CAAA,EACN,eAAgB,GAChB,OAAQ,CAAA,EACR,UAAW,IAAI,KAAA,EAAO,YAAA,EACtB,UAAW,IAAI,KAAA,EAAO,YAAA,EACtB,KAAM,EAAA,GAIV,MAAM+B,EAAc7B,EAAS,OAAS,EAAI,OAAY2B,GAAa,YAE7DG,EAAY9B,EACf,OAAQ,GAAM,EAAE,cAAgB2B,GAAa,aAAe,EAAE,EAAE,EAChE,IAAKJ,GAAWA,EAAO,EAAE,EAGtB,CAAE,KAAMQ,CAAA,EAAmBC,GAAAA,8BAC/B,CACE,YAAaL,GAAa,YAC1B,UAAAG,CAAA,EAEF,CAAE,KAAM,CAACH,GAAa,aAAe,CAACG,EAAU,MAAA,CAAO,EAEzD,IAAIG,EACAF,GAAgB,OAASA,EAAe,MAAQ,IAClDE,EAAkB,GAAGF,EAAe,OAAO,IAAIA,EAAe,KAAK,IAKrE,KAAM,CAAE,KAAMG,CAAA,EAAmBC,GAAAA,2BAA2B,CAAE,cAAe,WAAY,EACnFC,EAAaC,GAAAA,mBAAmBH,EAAgBpC,CAAU,EAE1DwC,EAAab,EAAAA,QACjB,IAAMc,GAAcvC,EAAUF,EAAYW,CAAe,EACzD,CAACT,EAAUF,EAAYW,CAAe,CAAA,EAMlC+B,EAAgBf,EAAAA,QAAQ,IAAMzB,EAAS,IAAKyC,GAAMA,EAAE,MAAM,EAAG,CAACzC,CAAQ,CAAC,EACvE0C,EAAiBjB,EAAAA,QAAQ,IAAMzB,EAAS,IAAKyC,GAAMA,EAAE,QAAQ,QAAQ,EAAG,CAACzC,CAAQ,CAAC,EAClF2C,EAAyBlB,EAAAA,QAAQ,IAAMzB,EAAS,IAAKyC,GAAMA,EAAE,IAAI,EAAG,CAACzC,CAAQ,CAAC,EAC9E4C,EAAoBnB,EAAAA,QACxB,IACErB,EAAY,OAAO,CAACyC,EAAKC,KACvBD,EAAIC,EAAI,IAAI,EAAIA,EACTD,GACN,CAAA,CAAE,EACP,CAACzC,CAAW,CAAA,EAGR2C,EAAa/C,EAAS,OAAS,EAE/B,CAAE,aAAAgD,CAAA,EAAiBC,mBAAgB,CACvC,SAAUjD,EAAS,IAAK,IAAO,CAC7B,GAAI,EAAE,GACN,YAAa,EAAE,YACf,MAAO,EAAE,MAAM,WAAa,CAAA,EAC5B,SAAU,EAAE,QAAQ,GACpB,UAAW,EAAE,SAAS,EAAA,EACtB,EACF,WAAAF,CAAA,CACD,EAEKoD,EAAe,CAACC,EAAeC,IAC/BA,GAAU,KAAoC,QAAQ,MAAM,4BAA4B,EACrFJ,EAAaG,EAAOC,CAAK,EAG5BC,EAAuB,IAAM,CACjC,IAAIC,EACFC,EAAK5B,EAAY,GACjB6B,EAAgB1D,EAAa,KAE3BA,IAAe,WAAa6B,EAAY,SAAS,KACnD2B,EAAa,CAAC3B,EAAY,EAAE,EAC5B4B,EAAK5B,EAAY,SAAS,GAC1B6B,EAAgB,aAGdD,GACF7C,EAAa,CACX,CAAC8C,CAAa,EAAGD,EACjB,YAAA1B,EACA,WAAAyB,CAAA,CACD,CAEL,EAEMG,EACJ,CAAC,OAAQ,UAAW,gBAAgB,EAAE,SAAS3D,CAAU,IACxD0B,EAAY,OAAS,GAAK1B,IAAe,QAEtC4D,EAAexD,EAAM,IAAKyD,GAAMA,CAAC,EACvC,GAAIF,EAAS,CAEX,MAAMG,EAAW1D,EAAM,IAAKyD,GAAMA,EAAE,IAAI,EAClCE,EAAarC,EAAY,OAAQmC,GAAM,CAACC,EAAS,SAASD,CAAC,CAAC,EAC9DE,EAAW,QACbH,EAAa,KAAK,GAAGG,EAAW,IAAKF,IAAO,CAAE,KAAMA,EAAG,SAAUA,CAAA,EAAI,CAAC,CAE1E,CAGA,KAAM,CAAE,MAAAG,EAAO,SAAAC,CAAA,EAAaC,GAAAA,wBAAwBhE,EAAUF,CAAU,EAClEmE,EAAS5C,GAAU,SAAS,GAAKA,GAAU,KAAM4C,GAAWA,EAAO,OAAQzB,EAAc,CAAC,CAAC,EACjG,OACE0B,wBAACC,EAAAA,gBAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,GAAAA,oBAAA,CACC,SAAApE,EACA,WAAAF,EACA,YAAA+B,EACA,iBAAmB0B,GAAO5C,IAAgB4C,EAAI,SAAS,EAEvD,SAAAc,EAAAA,kBAAAA,KAACC,EAAAA,KAAA,CAAY,UAAWC,EAAK,uBAAwB,CAAE,UAAAjE,EAAW,EAChE,SAAA,CAAA+D,EAAAA,kBAAAA,KAACG,EAAAA,OAAA,CACC,UAAWD,EAAK,SAAU,CAAE,UAAAjE,EAAW,QAASsB,CAAA,EAAa,YAAY,EAEzE,SAAA,CAAAyC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,MAAO,CAAE,SAAU,YACtB,SAAA,CAAAH,EAAAA,kBAAAA,IAACO,GAAAA,kBAAA,CACC,UAAA7C,EACA,QAASA,EACT,WAAAU,EACA,QAASA,EAAW,SAAW,EAAIe,EAAuB,OAC1D,UAAW,aAAA,CAAA,EAEZ,CAACN,GAAcpB,GAAa,wCAAmB+C,GAAAA,aAAA,CAAA,CAAa,CAAA,EAC/D,EACAL,yBAACM,EAAAA,QAAA,CAAe,UAAWJ,EAAK,CAAE,QAAS3C,EAAW,EACpD,SAAA,CAAAyC,yBAACO,EAAAA,MAAA,CACC,SAAA,CAAAV,EAAAA,kBAAAA,IAAC,MAAI,SAAAJ,CAAA,CAAM,EACXI,EAAAA,kBAAAA,IAACW,EAAAA,WAAA,CACC,IAAK1D,EACL,MAAOO,EAAAA,MAAM,GAAGiB,CAAU,EAC1B,KAAMC,EACN,QAAS,CAAA,EACT,SAAQ,GACR,OAAM,GACN,SAAWQ,GAAUF,EAAa,OAAQE,CAAK,EAC/C,MAAM,QACN,cAAe,CAAE,QAASxB,EAAY,OAAS,OAAA,EAC/C,UAAU,cACV,cAAc,aAAA,CAAA,CAChB,EACF,EACAyC,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,YACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,OAAA,CAAK,UAAU,cAAe,SAAA,CAAAS,EAAAA,WAAWhF,CAAU,EAAE,KAAA,EAAG,EACzDoE,EAAAA,kBAAAA,IAAC,MAAI,SAAAH,CAAA,CAAS,CAAA,CAAA,CAChB,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,EAEFG,EAAAA,kBAAAA,IAACa,EAAAA,aAAA,CACC,MAAOvC,EACP,QAASnB,GAAY,CAAA,EACrB,eAAgBlB,EAChB,OAAM,GACN,MAAO,CAAE,SAAU,OAAA,EACnB,SAAWiD,GAAUF,EAAa,SAAUE,CAAK,EACjD,UAAWmB,EAAK,gBAAiB,CAAE,QAAS3C,EAAW,EACvD,MAAOtB,EAAY,QAAU,OAC7B,WAAY0E,EAAAA,aAAaf,IAAS,OAAYA,EAAkB,MAAO,MAAM,CAAA,CAAA,EAE9E,CAAC3D,IACC,CAACmD,GAAW7B,EACXsC,EAAAA,kBAAAA,IAAC,QAAI,EAELA,EAAAA,kBAAAA,IAACe,EAAAA,eAAA,CACC,MAAOzD,EACP,QAASkC,EACT,eAAgBzD,EAAkB,IAAK0D,GAAMA,EAAE,IAAI,EACnD,WAAYZ,GAAcvB,EAAY,OAAS,GAAK1B,IAAe,OACnE,SAAUA,IAAe,OACzB,aAAcA,IAAe,OAAS,cAAgB,GACtD,MAAM,QACN,SAAWsD,GAAUF,EAAa,YAAaE,CAAK,EACpD,UAAU,kBACV,eACE5B,EAAY,OAAU1B,IAAe,OAAS,iBAAmB,SAAY,EAAA,CAAA,GAIrFoE,EAAAA,kBAAAA,IAACgB,GAAAA,QAAA,CACC,SAAAlF,EACA,WAAAF,EACA,eAAAC,EACA,gBAAiB,CAAC,CAACM,GAAc,CAAC,CAACuB,EACnC,aAAAX,EACA,gBAAAH,EACA,kBAAmBI,EACnB,WAAYF,CAAA,CAAA,EAEboB,EACC8B,EAAAA,kBAAAA,IAACiB,EAAAA,qBAAA,CACC,QAAS/C,EACT,YAAY,cACZ,MAAOM,EACP,SAAWU,GAAUF,EAAa,SAAU,CAAE,SAAUE,EAAM,CAAC,EAAG,EAClE,MAAM,OAAA,CAAA,EAGRc,EAAAA,kBAAAA,IAAC,MAAA,CAAI,MAAO,CAAE,OAAQ,IAAM,EAE9BA,EAAAA,kBAAAA,IAACkB,GAAA,CACC,UAAAxD,EACA,WAAA9B,EACA,UAAU,UACV,UAAW,CACT,WAAY,CACV,MAAOmC,CAAA,CACT,EAEF,WAAA1B,EACA,YAAAC,CAAA,CAAA,CACF,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n folder: Record<string, string>\n task: Record<string, string>\n product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n entityType: 'folder' \| 'task' \| 'version' \| 'representation'\n entitySubTypes: string[]\n entities: DetailsPanelEntityData[]\n disabledAssignees?: any[]\n users?: any[]\n disabledStatuses?: string[]\n tagsOptions?: any[]\n isFetching?: boolean\n isCompact?: boolean\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n onOpenViewer: (args: any) => void\n onEntityFocus: DetailsPanelProps['onEntityFocus']\n entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n entityType,\n entitySubTypes,\n entities = [],\n disabledAssignees = [],\n users = [],\n disabledStatuses,\n tagsOptions = [],\n isFetching,\n isCompact = false,\n currentTab,\n onTabChange,\n entityTypeIcons,\n onOpenViewer,\n onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n const navigate = useNavigate()\n const [searchParams, setSearchParams] = useSearchParams()\n const tagsSelectRef = useRef<DropdownRef>(null)\n\n const statuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n\n // for selected entities, get flat list of assignees\n const entityUsers: string[] = useMemo(\n () =>\n union(\n ...entities.flatMap((entity) => [\n entity.task?.assignees \|\| [],\n entity.version?.author \|\| [],\n ]),\n ),\n [entities],\n )\n\n let firstEntity = entities[0]\n // If there's no data return null\n const isLoading = entities.length === 0 \|\| !firstEntity \|\| isFetching\n // placeholder entity\n if (!firstEntity) {\n firstEntity = {\n id: 'placeholder',\n name: 'loading...',\n label: 'loading...',\n entityType,\n status: 'loading',\n projectName: 'loading...',\n tags: [],\n hasReviewables: false,\n attrib: {},\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString(),\n path: '',\n }\n }\n\n const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n const entityIds = entities\n .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n .map((entity) => entity.id)\n\n // get checklists count\n const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n {\n projectName: firstEntity?.projectName,\n entityIds,\n },\n { skip: !firstEntity?.projectName \|\| !entityIds.length },\n )\n let checklistsLabel\n if (checklistCount?.total && checklistCount.total > 0) {\n checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n }\n\n // get priorities\n // get priority attribute so we know the colors and icons for each priority\n const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n const thumbnails = useMemo(\n () => getThumbnails(entities, entityType, entityTypeIcons),\n [entities, entityType, entityTypeIcons],\n )\n\n // we need to get the intersection of all the statuses of the projects for the selected entities\n // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n // and it prevents us from showing statuses that are not available for the selected entities\n const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n const tagsOptionsObject = useMemo(\n () =>\n tagsOptions.reduce((acc, tag) => {\n acc[tag.name] = tag\n return acc\n }, {}),\n [tagsOptions],\n )\n\n const isMultiple = entities.length > 1\n\n const { updateEntity } = useEntityUpdate({\n entities: entities.map((e) => ({\n id: e.id,\n projectName: e.projectName,\n users: e.task?.assignees \|\| [],\n folderId: e.folder?.id,\n productId: e.product?.id,\n })),\n entityType,\n })\n\n const handleUpdate = (field: string, value: any) => {\n if (value === null \|\| value === undefined) return console.error('value is null or undefined')\n return updateEntity(field, value)\n }\n\n const handleThumbnailClick = () => {\n let versionIds,\n id = firstEntity.id,\n entityTypeKey = entityType + 'Id'\n\n if (entityType === 'version' && firstEntity.product?.id) {\n versionIds = [firstEntity.id]\n id = firstEntity.product?.id\n entityTypeKey = 'productId'\n }\n\n if (id) {\n onOpenViewer({\n [entityTypeKey]: id,\n projectName,\n versionIds,\n })\n }\n }\n\n const hasUser =\n ['task', 'version', 'representation'].includes(entityType) &&\n (entityUsers.length > 0 \|\| entityType === 'task')\n\n const usersOptions = users.map((u) => u)\n if (hasUser) {\n // check if all users are in options, otherwise add them\n const allUsers = users.map((u) => u.name)\n const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n if (usersToAdd.length) {\n usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n }\n }\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n const status = statuses?.length!==0 && statuses?.find((status)=> status.name=== statusesValue[0])\n return (\n <Styled.HeaderContainer>\n <EntityPanelUploader\n entities={entities}\n entityType={entityType}\n projectName={projectName}\n onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n >\n <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n <Styled.Header\n className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n >\n <div style={{ position: 'relative' }}>\n <StackedThumbnails\n isLoading={isLoading}\n shimmer={isLoading}\n thumbnails={thumbnails}\n onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n hoverIcon={'play_circle'}\n />\n {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n </div>\n <Styled.Content className={clsx({ loading: isLoading })}>\n <Styled.Title>\n <h2>{title}</h2>\n <Styled.TagsSelect\n ref={tagsSelectRef}\n value={union(...tagsValues)}\n tags={tagsOptionsObject}\n options={[]}\n editable\n editor\n onChange={(value) => handleUpdate('tags', value)}\n align=\"right\"\n styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n className=\"tags-select\"\n itemClassName=\"details-tag\"\n />\n </Styled.Title>\n <div className=\"sub-title\">\n <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.StatusSelect\n value={statusesValue}\n options={statuses \|\| []}\n disabledValues={disabledStatuses}\n invert\n style={{ maxWidth: 'unset' }}\n onChange={(value) => handleUpdate('status', value)}\n className={clsx('status-select', { loading: isLoading })}\n align={isCompact ? 'right' : 'left'}\n $textColor={getTextColor(status!==undefined? (status as Status).color: \"#OOO\")}\n />\n {!isCompact &&\n (!hasUser \|\| isLoading ? (\n <div></div>\n ) : (\n <Styled.AssigneeSelect\n value={entityUsers}\n options={usersOptions}\n disabledValues={disabledAssignees.map((u) => u.name)}\n isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n readOnly={entityType !== 'task'}\n emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n align=\"right\"\n onChange={(value) => handleUpdate('assignees', value)}\n className=\"assignee-select\"\n data-tooltip={\n entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n }\n />\n ))}\n <Actions\n entities={entities}\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n isLoadingEntity={!!isFetching \|\| !!isLoading}\n searchParams={searchParams}\n isDeveloperMode={isDeveloperMode}\n onSetSearchParams={setSearchParams}\n onNavigate={navigate}\n />\n {priorities ? (\n <Styled.PriorityEnumDropdown\n options={priorities}\n placeholder=\"No priority\"\n value={priorityValues}\n onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n align=\"right\"\n />\n ) : (\n <div style={{ height: 32 }}></div>\n )}\n <FeedFilters\n isLoading={isLoading}\n entityType={entityType}\n className=\"filters\"\n overrides={{\n checklists: {\n label: checklistsLabel,\n },\n }}\n currentTab={currentTab}\n onTabChange={onTabChange}\n />\n </Styled.Grid>\n </EntityPanelUploader>\n </Styled.HeaderContainer>\n )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","firstEntity","isLoading","projectName","entityIds","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","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","FeedFilters"],"mappings":"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"}

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

@@ -4,9 +4,16 @@ import { union as D, upperFirst as T } from "lodash";
 import u from "clsx";
 import { getTextColor as tt } from "@ynput/ayon-react-components";
 import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/AccessUser/AccessUser.es.js";
+import "../../../components/AttributeEditor/components/MinMaxField.es.js";
+import "react-dom";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
 import "react-toastify";
 import "../../../api/base/client.es.js";
 import "../../../api/generated/graphql.es.js";
@@ -93,22 +100,35 @@ 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 "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
-import "../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                    */
-import { getPriorityOptions as it } from "../../../util/getPriorityOptions.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import { EntityPanelUploader as it } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/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 mt } from "../../../util/getPriorityOptions.es.js";
 import "uuid";
 import "../../../util/pubsub.es.js";
-import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
-import "axios";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as mt } from "../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as pt } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
@@ -120,43 +140,6 @@ import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
 import "../../../context/UriContext.es.js";
-import "../../../components/ReviewableCard/ReviewableCard.es.js";
-import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../../../components/FileThumbnail/FileThumbnail.es.js";
-import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as pt } from "../../../components/Thumbnail/StackedThumbnails.es.js";
-import { EntityPanelUploader as st } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
-import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import "../../../components/EntityPath/EntityPath.styled.es.js";
-import "../../../components/EntityPath/SegmentProvider.es.js";
-import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/Watchers/Watchers.es.js";
-import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
-import "../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../components/Powerpack/PricingLink.es.js";
-import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
-import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredAddonVersion.es.js";
-import "../../../components/SizeSlider/SizeSlider.es.js";
-import "../../../components/SettingsPanel/SettingsPanel.es.js";
-import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Badge/Badge.es.js";
-import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
-import "../../../components/Feedback/SupportBubble.es.js";
-import "../../../components/Chips/Chips.es.js";
-import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../../Feed/context/FeedContext.es.js";
-import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
 import "react-markdown";
@@ -211,8 +194,8 @@ import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as et } from "../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as at } from "../../../hooks/useEntityUpdate.es.js";
+import { useScopedStatuses as st } from "../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as et } from "../../../hooks/useEntityUpdate.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
@@ -223,32 +206,56 @@ 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/context/SlicerContext.es.js";
 import "../DetailsPanel.styled.es.js";
-import lt from "../FeedFilters/FeedFilters.es.js";
-import { HeaderContainer as nt, Grid as dt, Header as ct, Content as ut, Title as ht, TagsSelect as gt, StatusSelect as ft, AssigneeSelect as jt, PriorityEnumDropdown as xt } from "./DetailsPanelHeader.styled.es.js";
-import vt from "../helpers/getThumbnails.es.js";
-import { buildDetailsPanelTitles as Nt } from "../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as bt } from "../../../components/PlayableIcon/PlayableIcon.es.js";
+import at from "../FeedFilters/FeedFilters.es.js";
+import { HeaderContainer as lt, Grid as nt, Header as dt, Content as ct, Title as ut, TagsSelect as ht, StatusSelect as gt, AssigneeSelect as ft, PriorityEnumDropdown as jt } from "./DetailsPanelHeader.styled.es.js";
+import xt from "../helpers/getThumbnails.es.js";
+import { buildDetailsPanelTitles as vt } from "../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as Nt } from "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import { Actions as kt } from "../../Actions/Actions.es.js";
+import { Actions as bt } from "../../Actions/Actions.es.js";
 import "../../Views/context/ViewsContext.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
-import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/SortingSetting/SortingSetting.styled.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import { StackedThumbnails as kt } from "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
-const mp = ({
+const dp = ({
   entityType: i,
   entitySubTypes: E,
   entities: r = [],
@@ -264,7 +271,7 @@ const mp = ({
   onOpenViewer: R,
   onEntityFocus: G
 }) => {
-  const { useSearchParams: H, useNavigate: L, isDeveloperMode: $ } = mt(), F = L(), [Q, K] = H(), W = y(null), h = et(
+  const { useSearchParams: H, useNavigate: L, isDeveloperMode: $ } = pt(), F = L(), [Q, K] = H(), W = y(null), h = st(
     r.map((t) => t.projectName),
     [i]
   ), l = a(
@@ -301,13 +308,13 @@ const mp = ({
   );
   let b;
   d?.total && d.total > 0 && (b = `${d.checked}/${d.total}`);
-  const { data: _ } = rt({ attributeName: "priority" }), k = it(_, i), S = a(
-    () => vt(r, i, x),
+  const { data: _ } = rt({ attributeName: "priority" }), k = mt(_, i), S = a(
+    () => xt(r, i, x),
     [r, i, x]
   ), C = a(() => r.map((t) => t.status), [r]), q = a(() => r.map((t) => t.attrib?.priority), [r]), z = a(() => r.map((t) => t.tags), [r]), B = a(
     () => f.reduce((t, m) => (t[m.name] = m, t), {}),
     [f]
-  ), P = r.length > 1, { updateEntity: J } = at({
+  ), P = r.length > 1, { updateEntity: J } = et({
     entities: r.map((t) => ({
       id: t.id,
       projectName: t.projectName,
@@ -328,23 +335,23 @@ const mp = ({
     const t = g.map((e) => e.name), m = l.filter((e) => !t.includes(e));
     m.length && I.push(...m.map((e) => ({ name: e, fullName: e })));
   }
-  const { title: Y, subTitle: Z } = Nt(r, i), O = h?.length !== 0 && h?.find((t) => t.name === C[0]);
-  return /* @__PURE__ */ o.jsx(nt, { children: /* @__PURE__ */ o.jsx(
-    st,
+  const { title: Y, subTitle: Z } = vt(r, i), O = h?.length !== 0 && h?.find((t) => t.name === C[0]);
+  return /* @__PURE__ */ o.jsx(lt, { children: /* @__PURE__ */ o.jsx(
+    it,
     {
       entities: r,
       entityType: i,
       projectName: v,
       onVersionCreated: (t) => G?.(t, "version"),
-      children: /* @__PURE__ */ o.jsxs(dt, { className: u("details-panel-header", { isCompact: n }), children: [
+      children: /* @__PURE__ */ o.jsxs(nt, { className: u("details-panel-header", { isCompact: n }), children: [
         /* @__PURE__ */ o.jsxs(
-          ct,
+          dt,
           {
             className: u("titles", { isCompact: n, loading: s }, "no-shimmer"),
             children: [
               /* @__PURE__ */ o.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ o.jsx(
-                  pt,
+                  kt,
                   {
                     isLoading: s,
                     shimmer: s,
@@ -353,13 +360,13 @@ const mp = ({
                     hoverIcon: "play_circle"
                   }
                 ),
-                !P && p?.hasReviewables && /* @__PURE__ */ o.jsx(bt, {})
+                !P && p?.hasReviewables && /* @__PURE__ */ o.jsx(Nt, {})
               ] }),
-              /* @__PURE__ */ o.jsxs(ut, { className: u({ loading: s }), children: [
-                /* @__PURE__ */ o.jsxs(ht, { children: [
+              /* @__PURE__ */ o.jsxs(ct, { className: u({ loading: s }), children: [
+                /* @__PURE__ */ o.jsxs(ut, { children: [
                   /* @__PURE__ */ o.jsx("h2", { children: Y }),
                   /* @__PURE__ */ o.jsx(
-                    gt,
+                    ht,
                     {
                       ref: W,
                       value: D(...z),
@@ -387,7 +394,7 @@ const mp = ({
           }
         ),
         /* @__PURE__ */ o.jsx(
-          ft,
+          gt,
           {
             value: C,
             options: h || [],
@@ -401,7 +408,7 @@ const mp = ({
           }
         ),
         !n && (!A || s ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(
-          jt,
+          ft,
           {
             value: l,
             options: I,
@@ -416,7 +423,7 @@ const mp = ({
           }
         )),
         /* @__PURE__ */ o.jsx(
-          kt,
+          bt,
           {
             entities: r,
             entityType: i,
@@ -429,7 +436,7 @@ const mp = ({
           }
         ),
         k ? /* @__PURE__ */ o.jsx(
-          xt,
+          jt,
           {
             options: k,
             placeholder: "No priority",
@@ -439,7 +446,7 @@ const mp = ({
           }
         ) : /* @__PURE__ */ o.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ o.jsx(
-          lt,
+          at,
           {
             isLoading: s,
             entityType: i,
@@ -458,6 +465,6 @@ const mp = ({
   ) });
 };
 export {
-  mp as default
+  dp as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map