npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.16 → 0.2.17 - Mend

@ynput/ayon-frontend-shared 0.2.16 → 0.2.17

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

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

@@ -131,17 +131,15 @@ require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -155,6 +153,11 @@ 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("../../../../_virtual/runtime.cjs.js");
+require("../../../../_virtual/semver.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
 const DetailsPanelHeader = require("./DetailsPanelHeader/DetailsPanelHeader.cjs.js");
 const DetailsPanelFiles = require("./DetailsPanelFiles/DetailsPanelFiles.cjs.js");
 const useGetEntityPath = require("./hooks/useGetEntityPath.cjs.js");
@@ -167,10 +170,6 @@ require("./DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");
 require("../Actions/Actions.styled.cjs.js");
 require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");
 require("../Actions/ActionIcon.cjs.js");
-require("../../../../_virtual/runtime.cjs.js");
-require("../../../../_virtual/semver.cjs.js");
-require("react-redux");
-require("custom-protocol-check");
 require("../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.cjs.js");
 require("../../components/ThumbnailUploader/ThumbnailUploader.styled.cjs.js");
 require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");

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 { DetailsPanelAttributes, 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 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 // 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 // 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 attribs tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'attribs') {\n setTab('attribs')\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 />\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 === 'attribs' && (\n <DetailsPanelAttributes\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n )}\n </Panel>\n </>\n )\n}\n"],"names":["useDetailsPanelContext","useScopedDetailsPanel","useEffect","useMemo","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","getAllProjectStatuses","usePiPWindow","jsx","Fragment","jsxs","Panel","Styled.Toolbar","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelAttributes"],"mappings":"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"}
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 { DetailsPanelAttributes, 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 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 // 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 // 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 attribs tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'attribs') {\n setTab('attribs')\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 />\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 === 'attribs' && (\n <DetailsPanelAttributes\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n )}\n </Panel>\n </>\n )\n}\n"],"names":["useDetailsPanelContext","useScopedDetailsPanel","useEffect","useMemo","useGetEntitiesDetailsPanelQuery","detailsPanelEntityTypes","getAllProjectStatuses","usePiPWindow","jsx","Fragment","jsxs","Panel","Styled.Toolbar","EntityPath","Styled.RightTools","Watchers","Button","DetailsPanelAttributes"],"mappings":"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"}

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

@@ -129,17 +129,15 @@ import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -153,6 +151,11 @@ import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import DetailsPanelHeader from "./DetailsPanelHeader/DetailsPanelHeader.es.js";
 import DetailsPanelFiles from "./DetailsPanelFiles/DetailsPanelFiles.es.js";
 import useGetEntityPath from "./hooks/useGetEntityPath.es.js";
@@ -165,10 +168,6 @@ import "./DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../Actions/Actions.styled.es.js";
 import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../Actions/ActionIcon.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
 import "../../components/EntityThumbnailUploader/EntityThumbnailUploader.styled.es.js";
 import "../../components/ThumbnailUploader/ThumbnailUploader.styled.es.js";
 import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";

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 { DetailsPanelAttributes, 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 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 // 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 // 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 attribs tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'attribs') {\n setTab('attribs')\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 />\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 === 'attribs' && (\n <DetailsPanelAttributes\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n )}\n </Panel>\n </>\n )\n}\n"],"names":["jsx","Fragment","jsxs","Styled.Toolbar","Styled.RightTools"],"mappings":"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"}
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 { DetailsPanelAttributes, 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 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 // 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 // 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 attribs tab for specific entity types\n useEffect(() => {\n if (entitiesWithoutFeed.includes(entityType) && currentTab !== 'attribs') {\n setTab('attribs')\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 />\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 === 'attribs' && (\n <DetailsPanelAttributes\n entities={entityDetailsData}\n isLoading={isFetchingEntitiesDetails}\n />\n )}\n </Panel>\n </>\n )\n}\n"],"names":["jsx","Fragment","jsxs","Styled.Toolbar","Styled.RightTools"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBa,MAAA,sBAAsB,CAAC,WAAW,gBAAgB;AA6BxD,MAAM,eAAe,CAAC;AAAA,EAC3B;AAAA,EACA,iBAAiB,CAAC;AAAA;AAAA,EAElB,eAAe,CAAC;AAAA;AAAA,EAEhB,WAAW,CAAC;AAAA,EACZ,cAAc,CAAC;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAAA,EAChB,eAAe,CAAC;AAAA,EAChB,aAAa;AAAA,EACb,QAAQ,CAAC;AAAA,EACT;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AACF,MAAyB;AACvB,QAAM,EAAE,eAAe,SAAS,KAAA,IAAS,uBAAuB;AAChE,QAAM,EAAE,YAAY,QAAQ,OAAO,IAAI,sBAAsB,KAAK;AAGlE,YAAU,MAAM;AACd,QAAI,oBAAoB,SAAS,UAAU,KAAK,eAAe,WAAW;AACxE,aAAO,SAAS;AAAA,IAAA;AAAA,EAEjB,GAAA,CAAC,YAAY,YAAY,MAAM,CAAC;AAGnC,QAAM,cAAc;AAAA,IAClB,MAAM,iBAAiB,cAAc,YAAY;AAAA,IACjD,CAAC,cAAc,YAAY;AAAA,EAC7B;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO;AAAA,MACL,MAAM,YAAY,UACf,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,IAAI,EAC5B,OAAO,CAAC,KAAK,UAAU,EAAE,GAAG,KAAK,CAAC,KAAK,IAAI,GAAG,KAAK,SAAS,EAAE;AAAA,MACjE,QAAQ,YAAY,YACjB,OAAO,CAAC,WAAW,CAAC,CAAC,OAAO,IAAI,EAChC,OAAO,CAAC,KAAK,YAAY,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,GAAG,OAAO,SAAS,EAAE;AAAA,MACvE,SAAS,OAAO,QAAQ,YAAY,EAAE;AAAA,QACpC,CAAC,KAAK,CAAC,KAAK,OAAO,OAAO,EAAE,GAAG,KAAK,CAAC,GAAG,GAAG,QAAQ;QACnD,CAAA;AAAA,MAAC;AAAA,IACH;AAAA,IAEF,CAAC,WAAW;AAAA,EACd;AAKA,YAAU,MAAM;AACd,QAAI,eAAe,SAAS;AAE1B,UAAI,eAAe,WAAW;AAC5B,eAAO,UAAU;AAAA,MAAA;AAAA,IACnB;AAAA,EAED,GAAA,CAAC,YAAY,YAAY,KAAK,CAAC;AAGlC,MAAI,kBAAkB,SAAS,SAC3B,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,YAAc,EAAA;AAAA;AAAA,IAE7E,aAAa,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,cAAc;AAAA;AAErF,oBAAkB,gBAAgB,OAAO,CAAC,WAAW,OAAO,EAAE;AAExD,QAAA;AAAA,IACJ,MAAM,oBAAoB,CAAC;AAAA,IAC3B,YAAY;AAAA,IACZ;AAAA,IACA;AAAA,EAAA,IACE;AAAA,IACF,EAAE,YAAY,UAAU,gBAAgB;AAAA,IACxC;AAAA,MACE,MAAM,CAAC,gBAAgB,UAAU,CAAC,wBAAwB,SAAS,UAAU;AAAA,IAAA;AAAA,EAEjF;AAGA,YAAU,MAAM;AACd,QAAI,CAAC,YAAY;AACD,oBAAA;AAAA,IAAA;AAAA,EAChB,GACC,CAAC,cAAc,UAAU,CAAC;AAIvB,QAAA,cAAc,sBAAsB,YAAY;AAGhD,QAAA,eAAe,aAAa,CAAC;AACnC,QAAM,mBAAmB,aAAa,YAAY,KAAK,CAAC;AACxD,QAAM,kBAAkB,kBAAkB,CAAC,KAAK,CAAC;AAGjD,QAAM,CAAC,oBAAoB,kBAAkB,IAAI,iBAAiB;AAAA,IAChE,QAAQ;AAAA,IACR;AAAA,IACA,aAAa;AAAA,IACb,WAAW;AAAA,EAAA,CACZ;AAED,YAAU,MAAM;AACR,UAAA,gBAAgB,CAAC,MAAqB;AAE1C,YAAM,SAAS,EAAE;AACX,YAAA,iBACJ,CAAC,SAAS,YAAY,QAAQ,EAAE,SAAS,OAAO,OAAO,KAAK,OAAO;AAErE,UAAI,EAAE,QAAQ,YAAY,CAAC,kBAAkB,SAAS;AAC5C,gBAAA;AAAA,MAAA;AAAA,IAEZ;AAEO,WAAA,iBAAiB,WAAW,aAAa;AAChD,WAAO,MAAM,OAAO,oBAAoB,WAAW,aAAa;AAAA,EAAA,GAC/D,CAAC,OAAO,CAAC;AAEN,QAAA,EAAE,iBAAiB,IAAI,aAAa;AAE1C,QAAM,gBAAgB,MAAM;AAClB,YAAA;AAAA,MACN;AAAA,MACA,UAAU;AAAA,MACV;AAAA,IAAA,CACD;AACD,qBAAiB,KAAK,GAAG;AAAA,EAC3B;AAEA,SAEIA,sCAAAC,kBAAAA,UAAA,EAAA,UAAAC,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,KAAK;AAAA,QACL,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA,MACA,WAAU;AAAA,MAEV,UAAA;AAAA,QAACA,uCAAAC,SAAA,EAEC,UAAA;AAAA,UAAAH,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,UAAU;AAAA,cACV,UAAU;AAAA,cACV,aAAa;AAAA,cACb,iBAAiB;AAAA,cACjB,WAAW,6BAA6B,CAAC,mBAAmB;AAAA,cAC5D;AAAA,cACA;AAAA,cAEA;AAAA,YAAA;AAAA,UACF;AAAA,UACCE,kCAAAA,KAAAE,YAAA,EAAkB,WAAU,eAC3B,UAAA;AAAA,YAAAJ,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,UAAU;AAAA,gBACV;AAAA,gBACA,SAAS,gBAAgB,CAAC;AAAA,gBAC1B,kBAAkB,oBAAoB;AAAA,gBACtC,UAAU,KAAK;AAAA,cAAA;AAAA,YACjB;AAAA,YACAA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,gBAAa;AAAA,gBACb,SAAS;AAAA,cAAA;AAAA,YACX;AAAA,YAEC,WACCA,kCAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,SAAS;AAAA,gBACT,SAAS,MAAM,WAAW,QAAQ;AAAA,gBAClC,iBAAe;AAAA,cAAA;AAAA,YAAA;AAAA,UACjB,EAEJ,CAAA;AAAA,QAAA,GACF;AAAA,QAEAA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA,UAAU;AAAA,YACV,OAAO;AAAA,YACP,mBAAmB;AAAA,YACnB;AAAA,YACA;AAAA,YACA,YAAY;AAAA,YACZ;AAAA,YACA;AAAA,YACA,aAAa;AAAA,YACb;AAAA,YACA,cAAc,CAAC,SAAS,6CAAe;AAAA,UAAI;AAAA,QAC7C;AAAA,QACC,UAAU,CAAC,WACVA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA,UAAU;AAAA,YACV,aAAa,sBAAsB,CAAC;AAAA,YACpC,aAAa;AAAA,YACb,aAAa;AAAA,YACb,iBAAiB,aAAa,SAAS;AAAA,YACvC;AAAA,YACA,UAAU;AAAA,YACV,UAAU;AAAA,YACV;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QAED,eAAe,WACdA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV;AAAA,YACA,kBAAkB;AAAA,UAAA;AAAA,QACpB;AAAA,QAED,eAAe,aACdA,kCAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,WAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA;AAAA,EAAA,GAGN;AAEJ;"}

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

@@ -127,17 +127,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -151,11 +149,12 @@ 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("../DetailsPanel.styled.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../DetailsPanel.styled.cjs.js");
 require("../FeedFilters/FeedFilters.styled.cjs.js");
 require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 require("../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFiles.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n\n height: 100%;\n overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n position: relative;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow: hidden;\n\n padding: var(--padding-m);\n overflow: auto;\n\n &:first-child {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n`\n\ninterface DetailsPanelFilesProps {\n entities: DetailsPanelEntityData[]\n scope: string\n isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n entities = [],\n scope,\n isLoadingVersion,\n}) => {\n const firstVersion = entities[0]\n\n if (!firstVersion) return null\n\n let reviewablesTitle = 'Reviewables'\n if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n if (entities.some((e) => e.entityType !== 'version')) return null\n\n return (\n <StyledContainer>\n <StyledSection>\n <h4>{reviewablesTitle}</h4>\n <ReviewablesList\n projectName={firstVersion.projectName}\n // @ts-expect-error - entityType is a version and will have a product\n productId={firstVersion.product?.id}\n versionId={firstVersion.id}\n isLoadingVersion={isLoadingVersion}\n scope={scope}\n />\n </StyledSection>\n <StyledSection>\n <h4>Representations</h4>\n <RepresentationsList entities={entities} />\n </StyledSection>\n </StyledContainer>\n )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx","RepresentationsList"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,2DACG,iBACC,EAAA,UAAA;AAAA,IAAAA,kDAAC,eACC,EAAA,UAAA;AAAA,MAAAC,2BAAAA,kBAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,sDACC,eACC,EAAA,UAAA;AAAA,MAAAA,2BAAAA,kBAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,iDAACC,oBAAAA,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;;"}
1	+ {"version":3,"file":"DetailsPanelFiles.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n\n height: 100%;\n overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n position: relative;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow: hidden;\n\n padding: var(--padding-m);\n overflow: auto;\n\n &:first-child {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n`\n\ninterface DetailsPanelFilesProps {\n entities: DetailsPanelEntityData[]\n scope: string\n isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n entities = [],\n scope,\n isLoadingVersion,\n}) => {\n const firstVersion = entities[0]\n\n if (!firstVersion) return null\n\n let reviewablesTitle = 'Reviewables'\n if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n if (entities.some((e) => e.entityType !== 'version')) return null\n\n return (\n <StyledContainer>\n <StyledSection>\n <h4>{reviewablesTitle}</h4>\n <ReviewablesList\n projectName={firstVersion.projectName}\n // @ts-expect-error - entityType is a version and will have a product\n productId={firstVersion.product?.id}\n versionId={firstVersion.id}\n isLoadingVersion={isLoadingVersion}\n scope={scope}\n />\n </StyledSection>\n <StyledSection>\n <h4>Representations</h4>\n <RepresentationsList entities={entities} />\n </StyledSection>\n </StyledContainer>\n )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx","RepresentationsList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,2DACG,iBACC,EAAA,UAAA;AAAA,IAAAA,kDAAC,eACC,EAAA,UAAA;AAAA,MAAAC,2BAAAA,kBAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,sDACC,eACC,EAAA,UAAA;AAAA,MAAAA,2BAAAA,kBAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,iDAACC,oBAAAA,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;;"}

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

@@ -126,17 +126,15 @@ import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -150,11 +148,12 @@ import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../DetailsPanel.styled.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n\n height: 100%;\n overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n position: relative;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow: hidden;\n\n padding: var(--padding-m);\n overflow: auto;\n\n &:first-child {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n`\n\ninterface DetailsPanelFilesProps {\n entities: DetailsPanelEntityData[]\n scope: string\n isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n entities = [],\n scope,\n isLoadingVersion,\n}) => {\n const firstVersion = entities[0]\n\n if (!firstVersion) return null\n\n let reviewablesTitle = 'Reviewables'\n if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n if (entities.some((e) => e.entityType !== 'version')) return null\n\n return (\n <StyledContainer>\n <StyledSection>\n <h4>{reviewablesTitle}</h4>\n <ReviewablesList\n projectName={firstVersion.projectName}\n // @ts-expect-error - entityType is a version and will have a product\n productId={firstVersion.product?.id}\n versionId={firstVersion.id}\n isLoadingVersion={isLoadingVersion}\n scope={scope}\n />\n </StyledSection>\n <StyledSection>\n <h4>Representations</h4>\n <RepresentationsList entities={entities} />\n </StyledSection>\n </StyledContainer>\n )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,gDACG,iBACC,EAAA,UAAA;AAAA,IAAAA,uCAAC,eACC,EAAA,UAAA;AAAA,MAAAC,kCAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2CACC,eACC,EAAA,UAAA;AAAA,MAAAA,kCAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,sCAAC,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"DetailsPanelFiles.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.tsx"],"sourcesContent":["import { FC } from 'react'\nimport styled from 'styled-components'\nimport { RepresentationsList } from '@shared/containers/RepresentationsList'\nimport { ReviewablesList } from '@shared/components'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n\n height: 100%;\n overflow: hidden;\n`\n\nconst StyledSection = styled.div`\n position: relative;\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n overflow: hidden;\n\n padding: var(--padding-m);\n overflow: auto;\n\n &:first-child {\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n }\n`\n\ninterface DetailsPanelFilesProps {\n entities: DetailsPanelEntityData[]\n scope: string\n isLoadingVersion: boolean\n}\n\nconst DetailsPanelFiles: FC<DetailsPanelFilesProps> = ({\n entities = [],\n scope,\n isLoadingVersion,\n}) => {\n const firstVersion = entities[0]\n\n if (!firstVersion) return null\n\n let reviewablesTitle = 'Reviewables'\n if (entities.length > 1) reviewablesTitle += ` (${firstVersion.name})`\n if (entities.some((e) => e.entityType !== 'version')) return null\n\n return (\n <StyledContainer>\n <StyledSection>\n <h4>{reviewablesTitle}</h4>\n <ReviewablesList\n projectName={firstVersion.projectName}\n // @ts-expect-error - entityType is a version and will have a product\n productId={firstVersion.product?.id}\n versionId={firstVersion.id}\n isLoadingVersion={isLoadingVersion}\n scope={scope}\n />\n </StyledSection>\n <StyledSection>\n <h4>Representations</h4>\n <RepresentationsList entities={entities} />\n </StyledSection>\n </StyledContainer>\n )\n}\n\nexport default DetailsPanelFiles\n"],"names":["jsxs","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ/B,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsB7B,MAAM,oBAAgD,CAAC;AAAA,EACrD,WAAW,CAAC;AAAA,EACZ;AAAA,EACA;AACF,MAAM;;AACE,QAAA,eAAe,SAAS,CAAC;AAE3B,MAAA,CAAC,aAAqB,QAAA;AAE1B,MAAI,mBAAmB;AACvB,MAAI,SAAS,SAAS,EAAuB,qBAAA,KAAK,aAAa,IAAI;AAC/D,MAAA,SAAS,KAAK,CAAC,MAAM,EAAE,eAAe,SAAS,EAAU,QAAA;AAE7D,gDACG,iBACC,EAAA,UAAA;AAAA,IAAAA,uCAAC,eACC,EAAA,UAAA;AAAA,MAAAC,kCAAAA,IAAC,QAAI,UAAiB,iBAAA,CAAA;AAAA,MACtBA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAa,aAAa;AAAA,UAE1B,YAAW,kBAAa,YAAb,mBAAsB;AAAA,UACjC,WAAW,aAAa;AAAA,UACxB;AAAA,UACA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GACF;AAAA,2CACC,eACC,EAAA,UAAA;AAAA,MAAAA,kCAAAA,IAAC,QAAG,UAAe,kBAAA,CAAA;AAAA,MACnBA,sCAAC,uBAAoB,SAAoB,CAAA;AAAA,IAAA,EAC3C,CAAA;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -131,17 +131,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -155,11 +153,12 @@ 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("../DetailsPanel.styled.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+require("../DetailsPanel.styled.cjs.js");
 require("../FeedFilters/FeedFilters.styled.cjs.js");
 require("../DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 const buildDetailsPanelTitles = require("../helpers/buildDetailsPanelTitles.cjs.js");

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } 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 { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n // TODO: fix this\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\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 <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 style={{ backgroundColor: statusAnatomy?.color }}>\n {<Icon icon={statusAnatomy.icon \|\| 'question_mark'} />}\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 isMultiProjects={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["useDetailsPanelContext","useGetKanbanProjectUsersQuery","useGetProjectsInfoQuery","useMemo","getAllProjectStatuses","useGetEntitiesDetailsPanelQuery","jsx","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"DetailsPanelFloating.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } 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 { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n // TODO: fix this\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\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 <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 style={{ backgroundColor: statusAnatomy?.color }}>\n {<Icon icon={statusAnatomy.icon \|\| 'question_mark'} />}\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 isMultiProjects={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["useDetailsPanelContext","useGetKanbanProjectUsersQuery","useGetProjectsInfoQuery","useMemo","getAllProjectStatuses","useGetEntitiesDetailsPanelQuery","jsx","buildDetailsPanelTitles","PiPWrapper","jsxs","Styled.Container","Styled.Header","StackedThumbnails","Styled.Content","upperFirst","Styled.Row","Styled.Status","Icon","AssigneeField","Styled.FeedContainer"],"mappings":"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"}

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

@@ -129,17 +129,15 @@ import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
-import "../../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
-import "@tanstack/react-table";
 import "../../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -153,11 +151,12 @@ import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../../ProjectTreeTable/components/SelectionCell.es.js";
 import "../../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../DetailsPanel.styled.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../DetailsPanel.styled.es.js";
 import "../FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import { buildDetailsPanelTitles } from "../helpers/buildDetailsPanelTitles.es.js";

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 } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } 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 { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n // TODO: fix this\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\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 <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 style={{ backgroundColor: statusAnatomy?.color }}>\n {<Icon icon={statusAnatomy.icon \|\| 'question_mark'} />}\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 isMultiProjects={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["jsx","jsxs","Styled.Container","Styled.Header","Styled.Content","Styled.Row","Styled.Status","Styled.FeedContainer"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"DetailsPanelFloating.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.tsx"],"sourcesContent":["import { FC, useMemo } from 'react'\nimport * as Styled from './DetailsPanelFloating.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { StackedThumbnails } from '@shared/components'\nimport { upperFirst } from 'lodash'\nimport { AssigneeField, Icon } from '@ynput/ayon-react-components'\nimport { PiPWrapper } 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 { productTypes } from '@shared/util'\nimport { useDetailsPanelContext } from '@shared/context'\n\nexport interface DetailsPanelFloatingProps {}\n\nexport const DetailsPanelFloating: FC<DetailsPanelFloatingProps> = () => {\n // TODO: fix this\n const { pip } = useDetailsPanelContext()\n const entityType = pip?.entityType\n const entities = pip?.entities \|\| []\n const scope = pip?.scope \|\| ''\n const isOpen = entities.length > 0 && !!entityType\n\n const projects: string[] = entities.map((e: any) => e.projectName)\n\n const { data: allUsers = [] } = useGetKanbanProjectUsersQuery({ projects }, { skip: !isOpen })\n\n const { data: projectsInfo = {}, isFetching: isFetchingInfo } = useGetProjectsInfoQuery(\n {\n projects: projects,\n },\n { skip: !isOpen },\n )\n\n // get all statuses from projects info, removing duplicate names\n const statuses = useMemo(\n () => getAllProjectStatuses(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n const { data: entitiesData = [], isFetching: isFetchingEntitiesDetails } =\n useGetEntitiesDetailsPanelQuery(\n // @ts-expect-error\n { entityType: entityType, entities: entities },\n {\n skip: !isOpen \|\| isFetchingInfo,\n },\n )\n\n // reduce projectsInfo to selected projects and into one\n const projectInfo = useMemo(\n () => mergeProjectInfo(projectsInfo, projects),\n [projectsInfo, projects],\n )\n\n // build icons for entity types\n const entityTypeIcons = useMemo(\n () => ({\n task: projectInfo.taskTypes\n .filter((task) => !!task.icon)\n .reduce((acc, task) => ({ ...acc, [task.name]: task.icon }), {}),\n folder: projectInfo.folderTypes\n .filter((folder) => !!folder.icon)\n .reduce((acc, folder) => ({ ...acc, [folder.name]: folder.icon }), {}),\n product: Object.entries(productTypes).reduce(\n (acc, [key, product]) => ({ ...acc, [key]: product.icon }),\n {},\n ),\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 <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 style={{ backgroundColor: statusAnatomy?.color }}>\n {<Icon icon={statusAnatomy.icon \|\| 'question_mark'} />}\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 isMultiProjects={false}\n scope={scope}\n readOnly\n // @ts-ignore\n statuses={statuses}\n />\n </Styled.FeedContainer>\n </Styled.Container>\n </PiPWrapper>\n )\n}\n\nexport default DetailsPanelFloating\n"],"names":["jsx","jsxs","Styled.Container","Styled.Header","Styled.Content","Styled.Row","Styled.Status","Styled.FeedContainer"],"mappings":"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"}

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

@@ -151,17 +151,15 @@ require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -175,6 +173,7 @@ 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/GroupSettingsFallback.cjs.js");
 require("../DetailsPanel.styled.cjs.js");
 const FeedFilters = require("../FeedFilters/FeedFilters.cjs.js");
 const DetailsPanelHeader_styled = require("./DetailsPanelHeader.styled.cjs.js");