npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.29 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.29 → 0.2.30

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button, Panel } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\n }),\n [projectInfo],\n )\n\n // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Panel\n style={{\n gap: 0,\n height: '100%',\n padding: 0,\n boxShadow: '-2px 0 6px #00000047',\n zIndex: 300,\n ...style,\n }}\n className=\"details-panel\"\n >\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsx","Fragment","jsxs","Panel","Styled.Toolbar","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanel.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\n }),\n [projectInfo],\n )\n\n // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { j as i } from "../../../../_virtual/jsx-runtime.es.js";
-import { Panel as $, Button as W } from "@ynput/ayon-react-components";
-import { useEffect as g, useMemo as S } from "react";
-import { Toolbar as V, RightTools as y } from "./DetailsPanel.styled.es.js";
+import { Button as I } from "@ynput/ayon-react-components";
+import { useEffect as P, useMemo as S } from "react";
+import { Panel as Z, Toolbar as $, RightTools as V } from "./DetailsPanel.styled.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -52,13 +52,14 @@ import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
-import { useGetEntitiesDetailsPanelQuery as tt } from "../../api/queries/entities/getEntityPanel.es.js";
-import { detailsPanelEntityTypes as it } from "../../api/queries/entities/transformDetailsPanelData.es.js";
+import { useGetEntitiesDetailsPanelQuery as y } from "../../api/queries/entities/getEntityPanel.es.js";
+import { detailsPanelEntityTypes as tt } from "../../api/queries/entities/transformDetailsPanelData.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
 import "../../api/queries/entityLists/getLists.es.js";
 import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -91,23 +92,24 @@ import "@dnd-kit/sortable";
 import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import rt from "../../util/productTypes.es.js";
+import it from "../../util/productTypes.es.js";
 import "lodash";
 import "uuid";
 import "../../util/pubsub.es.js";
 import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as ot, useScopedDetailsPanel as mt } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as rt, useScopedDetailsPanel as ot } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
-import { usePiPWindow as pt } from "../../context/pip/PiPProvider.es.js";
+import { usePiPWindow as mt } from "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -174,13 +176,13 @@ import "custom-protocol-check";
 import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
-import et from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
-import st from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
-import at from "./hooks/useGetEntityPath.es.js";
-import nt from "./helpers/getAllProjectsStatuses.es.js";
-import lt from "./FeedWrapper.es.js";
-import ct from "./FeedContextWrapper.es.js";
-import dt from "./helpers/mergeProjectInfo.es.js";
+import pt from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
+import et from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
+import st from "./hooks/useGetEntityPath.es.js";
+import at from "./helpers/getAllProjectsStatuses.es.js";
+import nt from "./FeedWrapper.es.js";
+import lt from "./FeedContextWrapper.es.js";
+import ct from "./helpers/mergeProjectInfo.es.js";
 import "./DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "./DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
@@ -193,11 +195,12 @@ import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
-import { EntityPath as ft } from "../../components/EntityPath/EntityPath.es.js";
+import { EntityPath as dt } from "../../components/EntityPath/EntityPath.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import { DetailsPanelDetails as ut } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import { DetailsPanelDetails as ft } from "../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../components/DetailsPanelDetails/DetailsSection.es.js";
 import "../../components/DetailsPanelDetails/FieldLabel.es.js";
-import { Watchers as gt } from "../../components/Watchers/Watchers.es.js";
+import { Watchers as ut } from "../../components/Watchers/Watchers.es.js";
 import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
 import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
@@ -216,7 +219,7 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/Chips/Chips.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../components/StyledLink/StyledLink.es.js";
-const ht = ["product", "representation"], Em = ({
+const Pt = ["product", "representation"], Fm = ({
   entityType: r,
   entitySubTypes: A = [],
   // entities is data we already have from kanban
@@ -230,38 +233,38 @@ const ht = ["product", "representation"], Em = ({
   activeProjectUsers: D,
   projectsInfo: d = {},
   projectNames: n = [],
-  isSlideOut: h = !1,
-  style: Q = {},
+  isSlideOut: g = !1,
+  style: gt = {},
   scope: m,
-  isCompact: _ = !1,
+  isCompact: Q = !1,
   onClose: e,
   onWatchersUpdate: N,
-  onOpenViewer: P,
-  onEntityFocus: q,
+  onOpenViewer: h,
+  onEntityFocus: _,
   // annotations
   annotations: F,
-  removeAnnotation: b,
-  exportAnnotationComposite: v
+  removeAnnotation: v,
+  exportAnnotationComposite: b
 }) => {
-  const { closeSlideOut: z, openPip: B, user: C } = ot(), { currentTab: p, setTab: f, isFeed: H } = mt(m);
-  g(() => {
-    ht.includes(r) && p !== "details" && f("details");
+  const { closeSlideOut: q, openPip: B, user: C } = rt(), { currentTab: p, setTab: f, isFeed: H } = ot(m);
+  P(() => {
+    Pt.includes(r) && p !== "details" && f("details");
   }, [r, p, f]);
   const j = S(
-    () => dt(d, n),
+    () => ct(d, n),
     [d, n]
   ), k = S(
     () => ({
       task: j.taskTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
       folder: j.folderTypes.filter((t) => !!t.icon).reduce((t, o) => ({ ...t, [o.name]: o.icon }), {}),
-      product: Object.entries(rt).reduce(
+      product: Object.entries(it).reduce(
         (t, [o, u]) => ({ ...t, [o]: u.icon }),
         {}
       )
     }),
     [j]
   );
-  g(() => {
+  P(() => {
     p === "files" && r !== "version" && f("activity");
   }, [r, p, m]);
   let s = x.length ? x.map((t) => ({ id: t.id, projectName: t.projectName })) : (
@@ -274,167 +277,153 @@ const ht = ["product", "representation"], Em = ({
     isFetching: l,
     isError: K,
     originalArgs: U
-  } = tt(
+  } = y(
     { entityType: r, entities: s },
     {
-      skip: !s.length || !it.includes(r)
+      skip: !s.length || !tt.includes(r)
     }
   );
-  g(() => {
-    h || z();
-  }, [U, h]);
-  const w = nt(d), c = n[0], L = d[c] || {}, X = a[0] || {}, [I, J] = at({
+  P(() => {
+    g || q();
+  }, [U, g]);
+  const L = at(d), c = n[0], w = d[c] || {}, X = a[0] || {}, [W, z] = st({
     entity: X,
     entityType: r,
     projectName: c,
     isLoading: l
   });
-  g(() => {
+  P(() => {
     const t = (o) => {
-      const u = o.target, Z = ["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable;
-      o.key === "Escape" && !Z && e && e();
+      const u = o.target, Y = ["INPUT", "TEXTAREA", "SELECT"].includes(u.tagName) || u.isContentEditable;
+      o.key === "Escape" && !Y && e && e();
     };
     return window.addEventListener("keydown", t), () => window.removeEventListener("keydown", t);
   }, [e]);
-  const { requestPipWindow: O } = pt(), Y = () => {
+  const { requestPipWindow: J } = mt(), O = () => {
     B({
       entityType: r,
       entities: s,
       scope: m
-    }), O(500, 500);
+    }), J(500, 500);
   };
-  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(
-    $,
-    {
-      style: {
-        gap: 0,
-        height: "100%",
-        padding: 0,
-        boxShadow: "-2px 0 6px #00000047",
-        zIndex: 300,
-        ...Q
-      },
-      className: "details-panel",
-      children: [
-        /* @__PURE__ */ i.jsxs(V, { children: [
-          /* @__PURE__ */ i.jsx(
-            ft,
-            {
-              segments: I,
-              versions: J,
-              projectName: c,
-              hideProjectName: h,
-              isLoading: l || !I.length,
-              entityType: r,
-              scope: m,
-              entityTypeIcons: k
-            }
-          ),
-          /* @__PURE__ */ i.jsxs(y, { className: "right-tools", children: [
-            /* @__PURE__ */ i.jsx(
-              gt,
-              {
-                entities: s,
-                entityType: r,
-                options: E || [],
-                onWatchersUpdate: N && N,
-                userName: C.name
-              }
-            ),
-            /* @__PURE__ */ i.jsx(
-              W,
-              {
-                icon: "picture_in_picture",
-                variant: "text",
-                "data-tooltip": "Picture in Picture",
-                onClick: Y
-              }
-            ),
-            e && /* @__PURE__ */ i.jsx(
-              W,
-              {
-                icon: "close",
-                variant: "text",
-                onClick: () => e && e(),
-                "data-shortcut": "Escape"
-              }
-            )
-          ] })
-        ] }),
+  return /* @__PURE__ */ i.jsx(i.Fragment, { children: /* @__PURE__ */ i.jsxs(Z, { className: "details-panel", children: [
+    /* @__PURE__ */ i.jsxs($, { children: [
+      /* @__PURE__ */ i.jsx(
+        dt,
+        {
+          segments: W,
+          versions: z,
+          projectName: c,
+          hideProjectName: g,
+          isLoading: l || !W.length,
+          entityType: r,
+          scope: m,
+          entityTypeIcons: k
+        }
+      ),
+      /* @__PURE__ */ i.jsxs(V, { className: "right-tools", children: [
         /* @__PURE__ */ i.jsx(
-          et,
+          ut,
           {
+            entities: s,
             entityType: r,
-            entitySubTypes: A,
-            entities: a,
-            users: E,
-            disabledAssignees: G,
-            disabledStatuses: T,
-            tagsOptions: R,
-            isFetching: l,
-            isCompact: _,
-            currentTab: p,
-            onTabChange: f,
-            entityTypeIcons: k,
-            onOpenViewer: (t) => P == null ? void 0 : P(t),
-            onEntityFocus: q
+            options: E || [],
+            onWatchersUpdate: N && N,
+            userName: C.name
           }
         ),
-        H && !K && /* @__PURE__ */ i.jsx(
-          lt,
+        /* @__PURE__ */ i.jsx(
+          I,
           {
-            entityType: r,
-            entities: a,
-            activeUsers: D || [],
-            projectInfo: L,
-            projectName: c,
-            isMultiProjects: n.length > 1,
-            scope: m,
-            statuses: w,
-            readOnly: !1,
-            annotations: F,
-            removeAnnotation: b,
-            exportAnnotationComposite: v
+            icon: "picture_in_picture",
+            variant: "text",
+            "data-tooltip": "Picture in Picture",
+            onClick: O
           }
         ),
-        p === "files" && /* @__PURE__ */ i.jsx(
-          st,
+        e && /* @__PURE__ */ i.jsx(
+          I,
           {
-            entities: a,
-            scope: m,
-            isLoadingVersion: l
+            icon: "close",
+            variant: "text",
+            onClick: () => e && e(),
+            "data-shortcut": "Escape"
           }
-        ),
-        p === "details" && /* @__PURE__ */ i.jsx(
-          ct,
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ i.jsx(
+      pt,
+      {
+        entityType: r,
+        entitySubTypes: A,
+        entities: a,
+        users: E,
+        disabledAssignees: G,
+        disabledStatuses: T,
+        tagsOptions: R,
+        isFetching: l,
+        isCompact: Q,
+        currentTab: p,
+        onTabChange: f,
+        entityTypeIcons: k,
+        onOpenViewer: (t) => h == null ? void 0 : h(t),
+        onEntityFocus: _
+      }
+    ),
+    H && !K && /* @__PURE__ */ i.jsx(
+      nt,
+      {
+        entityType: r,
+        entities: a,
+        activeUsers: D || [],
+        projectInfo: w,
+        projectName: c,
+        isMultiProjects: n.length > 1,
+        scope: m,
+        statuses: L,
+        readOnly: !1,
+        annotations: F,
+        removeAnnotation: v,
+        exportAnnotationComposite: b
+      }
+    ),
+    p === "files" && /* @__PURE__ */ i.jsx(
+      et,
+      {
+        entities: a,
+        scope: m,
+        isLoadingVersion: l
+      }
+    ),
+    p === "details" && /* @__PURE__ */ i.jsx(
+      lt,
+      {
+        entityType: r,
+        entities: a,
+        activeUsers: D || [],
+        projectInfo: w,
+        projectName: c,
+        isMultiProjects: n.length > 1,
+        scope: m,
+        statuses: L,
+        readOnly: !1,
+        annotations: F,
+        removeAnnotation: v,
+        exportAnnotationComposite: b,
+        children: /* @__PURE__ */ i.jsx(
+          ft,
           {
-            entityType: r,
             entities: a,
-            activeUsers: D || [],
-            projectInfo: L,
-            projectName: c,
-            isMultiProjects: n.length > 1,
-            scope: m,
-            statuses: w,
-            readOnly: !1,
-            annotations: F,
-            removeAnnotation: b,
-            exportAnnotationComposite: v,
-            children: /* @__PURE__ */ i.jsx(
-              ut,
-              {
-                entities: a,
-                isLoading: l
-              }
-            )
+            isLoading: l
           }
         )
-      ]
-    }
-  ) });
+      }
+    )
+  ] }) });
 };
 export {
-  Em as DetailsPanel,
-  ht as entitiesWithoutFeed
+  Fm as DetailsPanel,
+  Pt as entitiesWithoutFeed
 };
 //# sourceMappingURL=DetailsPanel.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button, Panel } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\n }),\n [projectInfo],\n )\n\n // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Panel\n style={{\n gap: 0,\n height: '100%',\n padding: 0,\n boxShadow: '-2px 0 6px #00000047',\n zIndex: 300,\n ...style,\n }}\n className=\"details-panel\"\n >\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsx","Fragment","jsxs","Panel","Styled.Toolbar","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanel.es.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.tsx"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport React, { useEffect, useMemo } from 'react'\nimport * as Styled from './DetailsPanel.styled'\n\n// shared\nimport { useGetEntitiesDetailsPanelQuery, detailsPanelEntityTypes } from '@shared/api'\nimport type { ProjectModel, Tag, DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelDetails, EntityPath, Watchers } from '@shared/components'\nimport { usePiPWindow } from '@shared/context/pip/PiPProvider'\nimport { productTypes } from '@shared/util'\nimport { useDetailsPanelContext, useScopedDetailsPanel } from '@shared/context'\n\nimport DetailsPanelHeader from './DetailsPanelHeader/DetailsPanelHeader'\nimport DetailsPanelFiles from './DetailsPanelFiles'\nimport useGetEntityPath from './hooks/useGetEntityPath'\nimport getAllProjectStatuses from './helpers/getAllProjectsStatuses'\nimport FeedWrapper from './FeedWrapper'\nimport FeedContextWrapper from './FeedContextWrapper'\nimport mergeProjectInfo from './helpers/mergeProjectInfo'\n\nexport const entitiesWithoutFeed = ['product', 'representation']\n\ntype User = { avatarUrl: string; name: string; fullName?: string }\n\nexport type DetailsPanelProps = {\n entityType: DetailsPanelEntityType\n entitySubTypes?: string[] // used to get actions before the entity has loaded\n entitiesData?: { id: string; label: string; type: DetailsPanelEntityType }[]\n entities?: { id: string; projectName: string }[]\n tagsOptions?: Tag[]\n disabledStatuses?: string[]\n projectUsers?: User[]\n disabledProjectUsers?: string[]\n activeProjectUsers?: string[]\n projectsInfo?: Record<string, ProjectModel>\n projectNames?: string[]\n isSlideOut?: boolean\n style?: React.CSSProperties\n scope: string\n isCompact?: boolean\n onClose?: () => void\n onWatchersUpdate?: (added: any[], removed: any[]) => void\n onOpenViewer?: (entity: any) => void\n onEntityFocus?: (id: string, entityType: DetailsPanelEntityType) => void\n // annotations\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nexport const DetailsPanel = ({\n entityType,\n entitySubTypes = [],\n // entities is data we already have from kanban\n entitiesData = [],\n // entityIds are used to get the full details data for the entities\n entities = [],\n tagsOptions = [],\n disabledStatuses,\n projectUsers,\n disabledProjectUsers,\n activeProjectUsers,\n projectsInfo = {},\n projectNames = [],\n isSlideOut = false,\n style = {},\n scope,\n isCompact = false,\n onClose,\n onWatchersUpdate,\n onOpenViewer,\n onEntityFocus,\n // annotations\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n}: DetailsPanelProps) => {\n const { closeSlideOut, openPip, user } = useDetailsPanelContext()\n const { currentTab, setTab, isFeed } = useScopedDetailsPanel(scope)\n\n // Force details tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'details') {\n setTab('details')\n }\n }, [entityType, currentTab, setTab])\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projectNames),\n [projectsInfo, projectNames],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\n }),\n [projectInfo],\n )\n\n // check if tab needs to be updated when entity type changes\n // for example when switching from version to task, task doesn't have reps tab\n // if reps tab was selected, set default to feed\n useEffect(() => {\n if (currentTab === 'files') {\n // check entity type is still version\n if (entityType !== 'version') {\n setTab('activity')\n }\n }\n }, [entityType, currentTab, scope])\n\n // now we get the full details data for selected entities\n let entitiesToQuery = entities.length\n ? entities.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n : // @ts-expect-error = not sure what's going on with entitiesData, we should try and remove it\n entitiesData.map((entity) => ({ id: entity.id, projectName: entity.projectName }))\n\n entitiesToQuery = entitiesToQuery.filter((entity) => entity.id)\n\n const {\n data: entityDetailsData = [],\n isFetching: isFetchingEntitiesDetails,\n isError,\n originalArgs,\n } = useGetEntitiesDetailsPanelQuery(\n { entityType, entities: entitiesToQuery },\n {\n skip: !entitiesToQuery.length \|\| !detailsPanelEntityTypes.includes(entityType),\n },\n )\n\n // the entity changes then we close the slide out\n useEffect(() => {\n if (!isSlideOut) {\n closeSlideOut()\n }\n }, [originalArgs, isSlideOut])\n\n // TODO: merge current entities data with fresh details data\n\n const allStatuses = getAllProjectStatuses(projectsInfo)\n\n // get the first project name and info to be used in the feed.\n const firstProject = projectNames[0]\n const firstProjectInfo = projectsInfo[firstProject] \|\| {}\n const firstEntityData = entityDetailsData[0] \|\| {}\n\n // build the full entity path for the first entity\n const [entityPathSegments, entityPathVersions] = useGetEntityPath({\n entity: firstEntityData,\n entityType,\n projectName: firstProject,\n isLoading: isFetchingEntitiesDetails,\n })\n\n useEffect(() => {\n const handleKeyDown = (e: KeyboardEvent) => {\n // Don't trigger if we're in an input element\n const target = e.target as HTMLElement\n const isInputElement =\n ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName) \|\| target.isContentEditable\n\n if (e.key === 'Escape' && !isInputElement && onClose) {\n onClose()\n }\n }\n\n window.addEventListener('keydown', handleKeyDown)\n return () => window.removeEventListener('keydown', handleKeyDown)\n }, [onClose])\n\n const { requestPipWindow } = usePiPWindow()\n\n const handleOpenPip = () => {\n openPip({\n entityType: entityType,\n entities: entitiesToQuery,\n scope: scope,\n })\n requestPipWindow(500, 500)\n }\n\n return (\n <>\n <Styled.Panel className=\"details-panel\">\n <Styled.Toolbar>\n {/* TODO FIX PATH */}\n <EntityPath\n segments={entityPathSegments}\n versions={entityPathVersions}\n projectName={firstProject}\n hideProjectName={isSlideOut}\n isLoading={isFetchingEntitiesDetails \|\| !entityPathSegments.length}\n entityType={entityType}\n scope={scope}\n // @ts-ignore\n entityTypeIcons={entityTypeIcons}\n />\n <Styled.RightTools className=\"right-tools\">\n <Watchers\n entities={entitiesToQuery}\n entityType={entityType}\n options={projectUsers \|\| []}\n onWatchersUpdate={onWatchersUpdate && onWatchersUpdate}\n userName={user.name}\n />\n <Button\n icon=\"picture_in_picture\"\n variant={'text'}\n data-tooltip=\"Picture in Picture\"\n onClick={handleOpenPip}\n />\n\n {onClose && (\n <Button\n icon=\"close\"\n variant={'text'}\n onClick={() => onClose && onClose()}\n data-shortcut={'Escape'}\n />\n )}\n </Styled.RightTools>\n </Styled.Toolbar>\n\n <DetailsPanelHeader\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n entities={entityDetailsData}\n users={projectUsers}\n disabledAssignees={disabledProjectUsers}\n disabledStatuses={disabledStatuses}\n tagsOptions={tagsOptions}\n isFetching={isFetchingEntitiesDetails}\n isCompact={isCompact}\n currentTab={currentTab}\n onTabChange={setTab}\n entityTypeIcons={entityTypeIcons}\n onOpenViewer={(args) => onOpenViewer?.(args)}\n onEntityFocus={onEntityFocus}\n />\n {isFeed && !isError && (\n <FeedWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n />\n )}\n {currentTab === 'files' && (\n <DetailsPanelFiles\n entities={entityDetailsData}\n scope={scope}\n isLoadingVersion={isFetchingEntitiesDetails}\n />\n )}\n {currentTab === 'details' && (\n <FeedContextWrapper\n entityType={entityType}\n entities={entityDetailsData}\n activeUsers={activeProjectUsers \|\| []}\n projectInfo={firstProjectInfo}\n projectName={firstProject}\n isMultiProjects={projectNames.length > 1}\n scope={scope}\n statuses={allStatuses}\n readOnly={false}\n annotations={annotations}\n removeAnnotation={removeAnnotation}\n exportAnnotationComposite={exportAnnotationComposite}\n >\n <DetailsPanelDetails\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n </FeedContextWrapper>\n )}\n </Styled.Panel>\n </>\n )\n}\n"],"names":["entitiesWithoutFeed","DetailsPanel","entityType","entitySubTypes","entitiesData","entities","tagsOptions","disabledStatuses","projectUsers","disabledProjectUsers","activeProjectUsers","projectsInfo","projectNames","isSlideOut","style","scope","isCompact","onClose","onWatchersUpdate","onOpenViewer","onEntityFocus","annotations","removeAnnotation","exportAnnotationComposite","closeSlideOut","openPip","user","useDetailsPanelContext","currentTab","setTab","isFeed","useScopedDetailsPanel","useEffect","projectInfo","useMemo","mergeProjectInfo","entityTypeIcons","task","acc","folder","productTypes","key","product","entitiesToQuery","entity","entityDetailsData","isFetchingEntitiesDetails","isError","originalArgs","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","allStatuses","getAllProjectStatuses","firstProject","firstProjectInfo","firstEntityData","entityPathSegments","entityPathVersions","useGetEntityPath","handleKeyDown","e","target","isInputElement","requestPipWindow","usePiPWindow","handleOpenPip","jsxs","Styled.Panel","Styled.Toolbar","jsx","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelHeader","args","FeedWrapper","DetailsPanelFiles","FeedContextWrapper","DetailsPanelDetails"],"mappings":"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"}

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

@@ -12,5 +12,11 @@
   display: flex;
   align-items: flex-start;
   gap: 4px;
-`;exports.RightTools=a;exports.Toolbar=o;
+`,n=t(e.Panel)`
+  gap: 0px;
+  height: 100%;
+  padding: 0px;
+  box-shadow: -2px 0 6px #00000047;
+  z-index: 300;
+`;exports.Panel=n;exports.RightTools=a;exports.Toolbar=o;
 //# sourceMappingURL=DetailsPanel.styled.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanel.styled.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: var(--padding-m);\n padding-bottom: 0;\n\n & > * {\n min-width: max-content;\n }\n`\n\nexport const RightTools = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools"],"mappings":"+JAGaA,EAAUC,EAAOC,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY3BC,EAAaF,EAAO;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"DetailsPanel.styled.cjs.js","sources":["../../../../../src/containers/DetailsPanel/DetailsPanel.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { Toolbar as ARCToolbar, Panel as ARCPanel } from '@ynput/ayon-react-components'\n\nexport const Toolbar = styled(ARCToolbar)`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: var(--padding-m);\n padding-bottom: 0;\n\n & > * {\n min-width: max-content;\n }\n`\n\nexport const RightTools = styled.div`\n display: flex;\n align-items: flex-start;\n gap: 4px;\n`\n\nexport const Panel = styled(ARCPanel)`\n gap: 0px;\n height: 100%;\n padding: 0px;\n box-shadow: -2px 0 6px #00000047;\n z-index: 300;\n`\n"],"names":["Toolbar","styled","ARCToolbar","RightTools","Panel","ARCPanel"],"mappings":"+JAGaA,EAAUC,EAAOC,SAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAY3BC,EAAaF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMpBG,EAAQH,EAAOI,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}