npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.35 → 0.2.37 - Mend

@ynput/ayon-frontend-shared 0.2.35 → 0.2.37

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate, useTagStyling } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n folder: Record<string, string>\n task: Record<string, string>\n product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n entityType: 'folder' \| 'task' \| 'version' \| 'representation'\n entitySubTypes: string[]\n entities: DetailsPanelEntityData[]\n disabledAssignees?: any[]\n users?: any[]\n disabledStatuses?: string[]\n tagsOptions?: any[]\n isFetching?: boolean\n isCompact?: boolean\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n onOpenViewer: (args: any) => void\n onEntityFocus: DetailsPanelProps['onEntityFocus']\n entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n entityType,\n entitySubTypes,\n entities = [],\n disabledAssignees = [],\n users = [],\n disabledStatuses,\n tagsOptions = [],\n isFetching,\n isCompact = false,\n currentTab,\n onTabChange,\n entityTypeIcons,\n onOpenViewer,\n onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n const navigate = useNavigate()\n const [searchParams, setSearchParams] = useSearchParams()\n const tagsSelectRef = useRef<DropdownRef>(null)\n\n const statuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n\n // for selected entities, get flat list of assignees\n const entityUsers: string[] = useMemo(\n () =>\n union(\n ...entities.flatMap((entity) => [\n entity.task?.assignees \|\| [],\n entity.version?.author \|\| [],\n ]),\n ),\n [entities],\n )\n\n let firstEntity = entities[0]\n // If there's no data return null\n const isLoading = entities.length === 0 \|\| !firstEntity \|\| isFetching\n // placeholder entity\n if (!firstEntity) {\n firstEntity = {\n id: 'placeholder',\n name: 'loading...',\n label: 'loading...',\n entityType,\n status: 'loading',\n projectName: 'loading...',\n tags: [],\n hasReviewables: false,\n attrib: {},\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString(),\n path: '',\n }\n }\n\n const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n const entityIds = entities\n .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n .map((entity) => entity.id)\n\n // get checklists count\n const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n {\n projectName: firstEntity?.projectName,\n entityIds,\n },\n { skip: !firstEntity?.projectName \|\| !entityIds.length },\n )\n let checklistsLabel\n if (checklistCount?.total && checklistCount.total > 0) {\n checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n }\n\n // get priorities\n // get priority attribute so we know the colors and icons for each priority\n const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n const thumbnails = useMemo(\n () => getThumbnails(entities, entityType, entityTypeIcons),\n [entities, entityType, entityTypeIcons],\n )\n\n // we need to get the intersection of all the statuses of the projects for the selected entities\n // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n // and it prevents us from showing statuses that are not available for the selected entities\n const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n const tagsOptionsObject = useMemo(\n () =>\n tagsOptions.reduce((acc, tag) => {\n acc[tag.name] = tag\n return acc\n }, {}),\n [tagsOptions],\n )\n\n useTagStyling({\n tagsValues,\n tagsOptionsObject,\n tagsSelectRef,\n })\n\n const isMultiple = entities.length > 1\n\n const { updateEntity } = useEntityUpdate({\n entities: entities.map((e) => ({\n id: e.id,\n projectName: e.projectName,\n users: e.task?.assignees \|\| [],\n folderId: e.folder?.id,\n productId: e.product?.id,\n })),\n entityType,\n })\n\n const handleUpdate = (field: string, value: any) => {\n if (value === null \|\| value === undefined) return console.error('value is null or undefined')\n return updateEntity(field, value)\n }\n\n const handleThumbnailClick = () => {\n let versionIds,\n id = firstEntity.id,\n entityTypeKey = entityType + 'Id'\n\n if (entityType === 'version' && firstEntity.product?.id) {\n versionIds = [firstEntity.id]\n id = firstEntity.product?.id\n entityTypeKey = 'productId'\n }\n\n if (id) {\n onOpenViewer({\n [entityTypeKey]: id,\n projectName,\n versionIds,\n })\n }\n }\n\n const hasUser =\n ['task', 'version', 'representation'].includes(entityType) &&\n (entityUsers.length > 0 \|\| entityType === 'task')\n\n const usersOptions = users.map((u) => u)\n if (hasUser) {\n // check if all users are in options, otherwise add them\n const allUsers = users.map((u) => u.name)\n const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n if (usersToAdd.length) {\n usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n }\n }\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n\n return (\n <Styled.HeaderContainer>\n <EntityPanelUploader\n entities={entities}\n entityType={entityType}\n projectName={projectName}\n onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n >\n <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n <Styled.Header\n className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n >\n <div style={{ position: 'relative' }}>\n <StackedThumbnails\n isLoading={isLoading}\n shimmer={isLoading}\n thumbnails={thumbnails}\n onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n hoverIcon={'play_circle'}\n />\n {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n </div>\n <Styled.Content className={clsx({ loading: isLoading })}>\n <Styled.Title>\n <h2>{title}</h2>\n <Styled.TagsSelect\n ref={tagsSelectRef}\n value={union(...tagsValues)}\n tags={tagsOptionsObject}\n options={[]}\n editable\n editor\n onChange={(value) => handleUpdate('tags', value)}\n align=\"right\"\n styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n className=\"tags-select\"\n itemClassName=\"details-tag\"\n />\n </Styled.Title>\n <div className=\"sub-title\">\n <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.StatusSelect\n value={statusesValue}\n options={statuses \|\| []}\n disabledValues={disabledStatuses}\n invert\n style={{ maxWidth: 'unset' }}\n onChange={(value) => handleUpdate('status', value)}\n className={clsx('status-select', { loading: isLoading })}\n align={isCompact ? 'right' : 'left'}\n />\n {!isCompact &&\n (!hasUser \|\| isLoading ? (\n <div></div>\n ) : (\n <Styled.AssigneeSelect\n value={entityUsers}\n options={usersOptions}\n disabledValues={disabledAssignees.map((u) => u.name)}\n isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n readOnly={entityType !== 'task'}\n emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n align=\"right\"\n onChange={(value) => handleUpdate('assignees', value)}\n className=\"assignee-select\"\n data-tooltip={\n entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n }\n />\n ))}\n <Actions\n entities={entities}\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n isLoadingEntity={!!isFetching \|\| !!isLoading}\n searchParams={searchParams}\n isDeveloperMode={isDeveloperMode}\n onSetSearchParams={setSearchParams}\n onNavigate={navigate}\n />\n {priorities ? (\n <Styled.PriorityEnumDropdown\n options={priorities}\n placeholder=\"No priority\"\n value={priorityValues}\n onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n align=\"right\"\n />\n ) : (\n <div style={{ height: 32 }}></div>\n )}\n <FeedFilters\n isLoading={isLoading}\n entityType={entityType}\n className=\"filters\"\n overrides={{\n checklists: {\n label: checklistsLabel,\n },\n }}\n currentTab={currentTab}\n onTabChange={onTabChange}\n />\n </Styled.Grid>\n </EntityPanelUploader>\n </Styled.HeaderContainer>\n )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","useTagStyling","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}
1	+ {"version":3,"file":"DetailsPanelHeader.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef, getTextColor } from '@ynput/ayon-react-components'\n\nimport { EntityPanelUploader, StackedThumbnails } from '@shared/components'\nimport { Actions, DetailsPanelProps } from '@shared/containers'\n// shared\nimport { useGetEntitiesChecklistsQuery, useGetAttributeConfigQuery, Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses, useEntityUpdate } from '@shared/hooks'\nimport { DetailsPanelTab, useDetailsPanelContext } from '@shared/context'\n\nimport FeedFilters from '../FeedFilters/FeedFilters'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../helpers/getThumbnails'\nimport { buildDetailsPanelTitles } from '../helpers/buildDetailsPanelTitles'\nimport { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\n\nexport type EntityTypeIcons = {\n folder: Record<string, string>\n task: Record<string, string>\n product: Record<string, string>\n}\n\ntype DetailsPanelHeaderProps = {\n entityType: 'folder' \| 'task' \| 'version' \| 'representation'\n entitySubTypes: string[]\n entities: DetailsPanelEntityData[]\n disabledAssignees?: any[]\n users?: any[]\n disabledStatuses?: string[]\n tagsOptions?: any[]\n isFetching?: boolean\n isCompact?: boolean\n currentTab: DetailsPanelTab\n onTabChange: (tab: DetailsPanelTab) => void\n onOpenViewer: (args: any) => void\n onEntityFocus: DetailsPanelProps['onEntityFocus']\n entityTypeIcons: EntityTypeIcons\n}\n\nconst DetailsPanelHeader = ({\n entityType,\n entitySubTypes,\n entities = [],\n disabledAssignees = [],\n users = [],\n disabledStatuses,\n tagsOptions = [],\n isFetching,\n isCompact = false,\n currentTab,\n onTabChange,\n entityTypeIcons,\n onOpenViewer,\n onEntityFocus,\n}: DetailsPanelHeaderProps) => {\n const { useSearchParams, useNavigate, isDeveloperMode } = useDetailsPanelContext()\n const navigate = useNavigate()\n const [searchParams, setSearchParams] = useSearchParams()\n const tagsSelectRef = useRef<DropdownRef>(null)\n\n const statuses = useScopedStatuses(\n entities.map((entity) => entity.projectName),\n [entityType],\n )\n\n // for selected entities, get flat list of assignees\n const entityUsers: string[] = useMemo(\n () =>\n union(\n ...entities.flatMap((entity) => [\n entity.task?.assignees \|\| [],\n entity.version?.author \|\| [],\n ]),\n ),\n [entities],\n )\n\n let firstEntity = entities[0]\n // If there's no data return null\n const isLoading = entities.length === 0 \|\| !firstEntity \|\| isFetching\n // placeholder entity\n if (!firstEntity) {\n firstEntity = {\n id: 'placeholder',\n name: 'loading...',\n label: 'loading...',\n entityType,\n status: 'loading',\n projectName: 'loading...',\n tags: [],\n hasReviewables: false,\n attrib: {},\n createdAt: new Date().toISOString(),\n updatedAt: new Date().toISOString(),\n path: '',\n }\n }\n\n const projectName = entities.length > 1 ? undefined : firstEntity?.projectName\n\n const entityIds = entities\n .filter((e) => e.projectName === firstEntity?.projectName && e.id)\n .map((entity) => entity.id)\n\n // get checklists count\n const { data: checklistCount } = useGetEntitiesChecklistsQuery(\n {\n projectName: firstEntity?.projectName,\n entityIds,\n },\n { skip: !firstEntity?.projectName \|\| !entityIds.length },\n )\n let checklistsLabel\n if (checklistCount?.total && checklistCount.total > 0) {\n checklistsLabel = `${checklistCount.checked}/${checklistCount.total}`\n }\n\n // get priorities\n // get priority attribute so we know the colors and icons for each priority\n const { data: priorityAttrib } = useGetAttributeConfigQuery({ attributeName: 'priority' })\n const priorities = getPriorityOptions(priorityAttrib, entityType)\n\n const thumbnails = useMemo(\n () => getThumbnails(entities, entityType, entityTypeIcons),\n [entities, entityType, entityTypeIcons],\n )\n\n // we need to get the intersection of all the statuses of the projects for the selected entities\n // this means that if we have 2 entities from 2 different projects, we need to get the intersection of the statuses of those 2 projects\n // and it prevents us from showing statuses that are not available for the selected entities\n const statusesValue = useMemo(() => entities.map((t) => t.status), [entities])\n const priorityValues = useMemo(() => entities.map((t) => t.attrib?.priority), [entities])\n const tagsValues: string[][] = useMemo(() => entities.map((t) => t.tags), [entities])\n const tagsOptionsObject = useMemo(\n () =>\n tagsOptions.reduce((acc, tag) => {\n acc[tag.name] = tag\n return acc\n }, {}),\n [tagsOptions],\n )\n\n const isMultiple = entities.length > 1\n\n const { updateEntity } = useEntityUpdate({\n entities: entities.map((e) => ({\n id: e.id,\n projectName: e.projectName,\n users: e.task?.assignees \|\| [],\n folderId: e.folder?.id,\n productId: e.product?.id,\n })),\n entityType,\n })\n\n const handleUpdate = (field: string, value: any) => {\n if (value === null \|\| value === undefined) return console.error('value is null or undefined')\n return updateEntity(field, value)\n }\n\n const handleThumbnailClick = () => {\n let versionIds,\n id = firstEntity.id,\n entityTypeKey = entityType + 'Id'\n\n if (entityType === 'version' && firstEntity.product?.id) {\n versionIds = [firstEntity.id]\n id = firstEntity.product?.id\n entityTypeKey = 'productId'\n }\n\n if (id) {\n onOpenViewer({\n [entityTypeKey]: id,\n projectName,\n versionIds,\n })\n }\n }\n\n const hasUser =\n ['task', 'version', 'representation'].includes(entityType) &&\n (entityUsers.length > 0 \|\| entityType === 'task')\n\n const usersOptions = users.map((u) => u)\n if (hasUser) {\n // check if all users are in options, otherwise add them\n const allUsers = users.map((u) => u.name)\n const usersToAdd = entityUsers.filter((u) => !allUsers.includes(u))\n if (usersToAdd.length) {\n usersOptions.push(...usersToAdd.map((u) => ({ name: u, fullName: u })))\n }\n }\n\n // Get title and subtitle from the imported function\n const { title, subTitle } = buildDetailsPanelTitles(entities, entityType)\n const status = statuses?.length!==0 && statuses?.find((status)=> status.name=== statusesValue[0])\n return (\n <Styled.HeaderContainer>\n <EntityPanelUploader\n entities={entities}\n entityType={entityType}\n projectName={projectName}\n onVersionCreated={(id) => onEntityFocus?.(id, 'version')}\n >\n <Styled.Grid className={clsx('details-panel-header', { isCompact })}>\n <Styled.Header\n className={clsx('titles', { isCompact, loading: isLoading }, 'no-shimmer')}\n >\n <div style={{ position: 'relative' }}>\n <StackedThumbnails\n isLoading={isLoading}\n shimmer={isLoading}\n thumbnails={thumbnails}\n onClick={thumbnails.length === 1 ? handleThumbnailClick : undefined}\n hoverIcon={'play_circle'}\n />\n {!isMultiple && firstEntity?.hasReviewables && <PlayableIcon />}\n </div>\n <Styled.Content className={clsx({ loading: isLoading })}>\n <Styled.Title>\n <h2>{title}</h2>\n <Styled.TagsSelect\n ref={tagsSelectRef}\n value={union(...tagsValues)}\n tags={tagsOptionsObject}\n options={[]}\n editable\n editor\n onChange={(value) => handleUpdate('tags', value)}\n align=\"right\"\n styleDropdown={{ display: isLoading ? 'none' : 'unset' }}\n className=\"tags-select\"\n itemClassName=\"details-tag\"\n />\n </Styled.Title>\n <div className=\"sub-title\">\n <span className=\"entity-type\">{upperFirst(entityType)} - </span>\n <h3>{subTitle}</h3>\n </div>\n </Styled.Content>\n </Styled.Header>\n <Styled.StatusSelect\n value={statusesValue}\n options={statuses \|\| []}\n disabledValues={disabledStatuses}\n invert\n style={{ maxWidth: 'unset' }}\n onChange={(value) => handleUpdate('status', value)}\n className={clsx('status-select', { loading: isLoading })}\n align={isCompact ? 'right' : 'left'}\n $textColor={getTextColor(status!==undefined? (status as Status).color: \"#OOO\")}\n />\n {!isCompact &&\n (!hasUser \|\| isLoading ? (\n <div></div>\n ) : (\n <Styled.AssigneeSelect\n value={entityUsers}\n options={usersOptions}\n disabledValues={disabledAssignees.map((u) => u.name)}\n isMultiple={isMultiple && entityUsers.length > 1 && entityType === 'task'}\n readOnly={entityType !== 'task'}\n emptyMessage={entityType === 'task' ? 'Assign user' : ''}\n align=\"right\"\n onChange={(value) => handleUpdate('assignees', value)}\n className=\"assignee-select\"\n data-tooltip={\n entityUsers.length ? (entityType === 'task' ? 'Assigned users' : 'Author') : ''\n }\n />\n ))}\n <Actions\n entities={entities}\n entityType={entityType}\n entitySubTypes={entitySubTypes}\n isLoadingEntity={!!isFetching \|\| !!isLoading}\n searchParams={searchParams}\n isDeveloperMode={isDeveloperMode}\n onSetSearchParams={setSearchParams}\n onNavigate={navigate}\n />\n {priorities ? (\n <Styled.PriorityEnumDropdown\n options={priorities}\n placeholder=\"No priority\"\n value={priorityValues}\n onChange={(value) => handleUpdate('attrib', { priority: value[0] })}\n align=\"right\"\n />\n ) : (\n <div style={{ height: 32 }}></div>\n )}\n <FeedFilters\n isLoading={isLoading}\n entityType={entityType}\n className=\"filters\"\n overrides={{\n checklists: {\n label: checklistsLabel,\n },\n }}\n currentTab={currentTab}\n onTabChange={onTabChange}\n />\n </Styled.Grid>\n </EntityPanelUploader>\n </Styled.HeaderContainer>\n )\n}\n\nexport default DetailsPanelHeader\n"],"names":["DetailsPanelHeader","entityType","entitySubTypes","entities","disabledAssignees","users","disabledStatuses","tagsOptions","isFetching","isCompact","currentTab","onTabChange","entityTypeIcons","onOpenViewer","onEntityFocus","useSearchParams","useNavigate","isDeveloperMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","e","checklistCount","useGetEntitiesChecklistsQuery","checklistsLabel","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","_c","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","FeedFilters"],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("@ynput/ayon-react-components"),i=e.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),t=require("@ynput/ayon-react-components"),n=e.div`
   position: relative;
-`,n=e.div`
+`,o=e.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -32,13 +32,13 @@
     /* align center */
     align-items: center;
   }
-`,o=e(t.Button)`
+`,a=e(t.Button)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`,a=e.header`
+`,l=e.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -53,7 +53,7 @@
       display: none;
     }
   }
-`,l=e.div`
+`,s=e.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -61,7 +61,7 @@
   h2 {
     min-width: fit-content;
   }
-`,s=e.div`
+`,r=e.div`
   position: relative;
   height: 100%;
@@ -76,7 +76,7 @@
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`,r=e.div`
+`,d=e.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -114,7 +114,7 @@
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`,d=e.div`
+`,p=e.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -123,10 +123,10 @@
   label {
     color: var(--md-sys-color-outline);
   }
-`,p=e.div`
+`,c=e.div`
   display: flex;
   flex-direction: column;
-`,c=e(t.StatusSelect)`
+`,g=e(t.StatusSelect)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -135,19 +135,19 @@
     padding-right: 8px;
     width: calc(100% - 1px);
     margin-bottom: 2px;
+    color: ${i=>i.$textColor};
   }
-`,g=e(t.AssigneeSelect)`
+`,u=e(t.AssigneeSelect)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`,u=e(t.TagsSelect)`
+`,f=e(t.TagsSelect)`
   height: 24px;
   .template-value {
     padding: 0 2px;
   }
   .tag {
     padding: 0 4px;
-    color: var(--color-tag-text) !important;
   }
   .placeholder {
     padding: 0 2px;
@@ -179,10 +179,10 @@
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`,f=e.footer`
+`,h=e.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`;exports.AssigneeSelect=g;exports.CloseButton=o;exports.Content=r;exports.ContentRow=d;exports.Footer=f;exports.Grid=n;exports.Header=a;exports.HeaderContainer=i;exports.LabelWrapper=p;exports.PriorityEnumDropdown=m;exports.StatusSelect=c;exports.TagsSelect=u;exports.ThumbnailWrapper=s;exports.Title=l;
+`;exports.AssigneeSelect=u;exports.CloseButton=a;exports.Content=d;exports.ContentRow=p;exports.Footer=h;exports.Grid=o;exports.Header=l;exports.HeaderContainer=n;exports.LabelWrapper=c;exports.PriorityEnumDropdown=m;exports.StatusSelect=g;exports.TagsSelect=f;exports.ThumbnailWrapper=r;exports.Title=s;
 //# sourceMappingURL=DetailsPanelHeader.styled.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelHeader.styled.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n Button,\n AssigneeSelect as AssigneeSelectComponent,\n TagsSelect as TagsSelectComponent,\n StatusSelect as StatusSelectComponent,\n EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n position: relative;\n`\n\nexport const Grid = styled.div`\n position: relative;\n padding: 8px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n flex: none;\n overflow: hidden;\n\n display: grid;\n /* two columns /\n grid-template-columns: 1fr 1fr;\n gap: var(--base-gap-large);\n\n / set full widths for different elements /\n .path,\n .titles,\n .filters {\n grid-column: span 2;\n }\n\n &.isCompact {\n / hide fields when compact /\n .assignee-select,\n .tags-select,\n .actions,\n .filters {\n display: none;\n }\n / right column auto size /\n grid-template-columns: 1fr auto;\n / align center /\n align-items: center;\n }\n`\n\nexport const CloseButton = styled(Button)`\n position: absolute;\n right: 4px;\n top: 4px;\n width: fit-content;\n z-index: 50;\n`\n\nexport const Header = styled.header`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n z-index: 50;\n\n .entity-type {\n min-width: fit-content;\n }\n\n &.loading {\n .playable {\n display: none;\n }\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n h2 {\n min-width: fit-content;\n }\n`\n\nexport const ThumbnailWrapper = styled.div`\n position: relative;\n height: 100%;\n\n &:hover {\n .playable {\n opacity: 0.8;\n }\n }\n & > div {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n position: relative;\n border-radius: var(--border-radius-m);\n\n h2 {\n margin: 0;\n }\n\n h3 {\n display: block;\n margin: 0;\n border: none;\n padding: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.loading {\n width: 70%;\n\n h2,\n h3,\n .sub-title {\n white-space: nowrap;\n }\n }\n\n .sub-title {\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n }\n`\n\nexport const ContentRow = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n label {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const LabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\n\nexport const StatusSelect = styled(StatusSelectComponent)`\n width: fit-content;\n .status-field.value {\n position: relative;\n left: 1px;\n height: 28px;\n padding-right: 8px;\n width: calc(100% - 1px);\n margin-bottom: 2px;\n }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n width: fit-content;\n justify-self: end;\n max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n height: 24px;\n .template-value {\n padding: 0 2px;\n }\n .tag {\n padding: 0 4px;\n ~~color: var(--color-tag-text) !important;\n~~ }\n .placeholder {\n padding: 0 2px;\n span:not(.icon) {\n display: none;\n }\n }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n width: max-content;\n justify-self: end;\n / remove text and dropdown icon */\n .control {\n display: none;\n }\n\n .template-value {\n border: none;\n padding: 0;\n & > div {\n justify-content: center;\n }\n }\n\n button {\n padding: 0 8px;\n background-color: unset;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-low-hover);\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n justify-content: space-between;\n`\n"],"names":["HeaderContainer","styled","Grid","CloseButton","Button","Header","Title","ThumbnailWrapper","Content","ContentRow","LabelWrapper","StatusSelect","StatusSelectComponent","AssigneeSelect","AssigneeSelectComponent","TagsSelect","TagsSelectComponent","PriorityEnumDropdown","EnumDropdown","Footer"],"mappings":"+JASaA,EAAkBC,EAAO;AAAA;AAAA,EAIzBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkCdE,EAAcF,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ3BC,EAASJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBK,EAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfM,EAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB1BO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwCjBQ,EAAaR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpBS,EAAeT,EAAO;AAAA;AAAA;AAAA,~~EAKtBU~~,EAAeV,EAAOW,cAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAY3CC~~,~~EAAiBZ~~,~~EAAOa~~,gBAAuB;AAAA;AAAA;AAAA;AAAA,EAK/CC,~~EAAad~~,~~EAAOe~~,YAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~EAiBvCC~~,~~EAAuBhB~~,~~EAAOiB~~,cAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0B1CC,~~EAASlB~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"DetailsPanelHeader.styled.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n Button,\n AssigneeSelect as AssigneeSelectComponent,\n TagsSelect as TagsSelectComponent,\n StatusSelect as StatusSelectComponent,\n EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n position: relative;\n`\n\nexport const Grid = styled.div`\n position: relative;\n padding: 8px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n flex: none;\n overflow: hidden;\n\n display: grid;\n /* two columns /\n grid-template-columns: 1fr 1fr;\n gap: var(--base-gap-large);\n\n / set full widths for different elements /\n .path,\n .titles,\n .filters {\n grid-column: span 2;\n }\n\n &.isCompact {\n / hide fields when compact /\n .assignee-select,\n .tags-select,\n .actions,\n .filters {\n display: none;\n }\n / right column auto size /\n grid-template-columns: 1fr auto;\n / align center /\n align-items: center;\n }\n`\n\nexport const CloseButton = styled(Button)`\n position: absolute;\n right: 4px;\n top: 4px;\n width: fit-content;\n z-index: 50;\n`\n\nexport const Header = styled.header`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n z-index: 50;\n\n .entity-type {\n min-width: fit-content;\n }\n\n &.loading {\n .playable {\n display: none;\n }\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n h2 {\n min-width: fit-content;\n }\n`\n\nexport const ThumbnailWrapper = styled.div`\n position: relative;\n height: 100%;\n\n &:hover {\n .playable {\n opacity: 0.8;\n }\n }\n & > div {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n position: relative;\n border-radius: var(--border-radius-m);\n\n h2 {\n margin: 0;\n }\n\n h3 {\n display: block;\n margin: 0;\n border: none;\n padding: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.loading {\n width: 70%;\n\n h2,\n h3,\n .sub-title {\n white-space: nowrap;\n }\n }\n\n .sub-title {\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n }\n`\n\nexport const ContentRow = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n label {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const LabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\ninterface StatusSelectProps {\n $textColor: string;\n}\nexport const StatusSelect = styled(StatusSelectComponent)<StatusSelectProps>`\n width: fit-content;\n .status-field.value {\n position: relative;\n left: 1px;\n height: 28px;\n padding-right: 8px;\n width: calc(100% - 1px);\n margin-bottom: 2px;\n color: ${props => props.$textColor};\n }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n width: fit-content;\n justify-self: end;\n max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n height: 24px;\n .template-value {\n padding: 0 2px;\n }\n .tag {\n padding: 0 4px;\n }\n .placeholder {\n padding: 0 2px;\n span:not(.icon) {\n display: none;\n }\n }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n width: max-content;\n justify-self: end;\n / remove text and dropdown icon */\n .control {\n display: none;\n }\n\n .template-value {\n border: none;\n padding: 0;\n & > div {\n justify-content: center;\n }\n }\n\n button {\n padding: 0 8px;\n background-color: unset;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-low-hover);\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n justify-content: space-between;\n`\n"],"names":["HeaderContainer","styled","Grid","CloseButton","Button","Header","Title","ThumbnailWrapper","Content","ContentRow","LabelWrapper","StatusSelect","StatusSelectComponent","props","AssigneeSelect","AssigneeSelectComponent","TagsSelect","TagsSelectComponent","PriorityEnumDropdown","EnumDropdown","Footer"],"mappings":"+JASaA,EAAkBC,EAAO;AAAA;AAAA,EAIzBC,EAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkCdE,EAAcF,EAAOG,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ3BC,EAASJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBK,EAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfM,EAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiB1BO,EAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwCjBQ,EAAaR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpBS,EAAeT,EAAO;AAAA;AAAA;AAAA,EAOtBU,EAAeV,EAAOW,cAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAS3CC,GAASA,EAAM,UAAU;AAAA;AAAA,EAIzBC,EAAiBb,EAAOc,gBAAuB;AAAA;AAAA;AAAA;AAAA,EAK/CC,EAAaf,EAAOgB,YAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBvCC,EAAuBjB,EAAOkB,cAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0B1CC,EAASnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,8 +1,8 @@
 import e from "styled-components";
-import { Button as t, StatusSelect as i, AssigneeSelect as n, TagsSelect as o, EnumDropdown as a } from "@ynput/ayon-react-components";
-const r = e.div`
+import { Button as i, StatusSelect as n, AssigneeSelect as o, TagsSelect as a, EnumDropdown as l } from "@ynput/ayon-react-components";
+const d = e.div`
   position: relative;
-`, d = e.div`
+`, p = e.div`
   position: relative;
   padding: 8px;
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
@@ -34,13 +34,13 @@ const r = e.div`
     /* align center */
     align-items: center;
   }
-`, p = e(t)`
+`, c = e(i)`
   position: absolute;
   right: 4px;
   top: 4px;
   width: fit-content;
   z-index: 50;
-`, c = e.header`
+`, g = e.header`
   display: flex;
   align-items: flex-start;
   gap: var(--base-gap-large);
@@ -55,7 +55,7 @@ const r = e.div`
       display: none;
     }
   }
-`, g = e.div`
+`, f = e.div`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
@@ -63,7 +63,7 @@ const r = e.div`
   h2 {
     min-width: fit-content;
   }
-`, f = e.div`
+`, m = e.div`
   position: relative;
   height: 100%;
@@ -78,7 +78,7 @@ const r = e.div`
     flex-direction: column;
     gap: var(--base-gap-small);
   }
-`, m = e.div`
+`, h = e.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -116,7 +116,7 @@ const r = e.div`
     align-items: center;
     gap: var(--base-gap-medium);
   }
-`, h = e.div`
+`, u = e.div`
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
@@ -125,10 +125,10 @@ const r = e.div`
   label {
     color: var(--md-sys-color-outline);
   }
-`, u = e.div`
+`, v = e.div`
   display: flex;
   flex-direction: column;
-`, v = e(i)`
+`, x = e(n)`
   width: fit-content;
   .status-field.value {
     position: relative;
@@ -137,19 +137,19 @@ const r = e.div`
     padding-right: 8px;
     width: calc(100% - 1px);
     margin-bottom: 2px;
+    color: ${(t) => t.$textColor};
   }
-`, x = e(n)`
+`, y = e(o)`
   width: fit-content;
   justify-self: end;
   max-width: 100%;
-`, y = e(o)`
+`, b = e(a)`
   height: 24px;
   .template-value {
     padding: 0 2px;
   }
   .tag {
     padding: 0 4px;
-    color: var(--color-tag-text) !important;
   }
   .placeholder {
     padding: 0 2px;
@@ -157,7 +157,7 @@ const r = e.div`
       display: none;
     }
   }
-`, b = e(a)`
+`, w = e(l)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -181,26 +181,26 @@ const r = e.div`
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`, w = e.footer`
+`, S = e.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
 `;
 export {
-  x as AssigneeSelect,
-  p as CloseButton,
-  m as Content,
-  h as ContentRow,
-  w as Footer,
-  d as Grid,
-  c as Header,
-  r as HeaderContainer,
-  u as LabelWrapper,
-  b as PriorityEnumDropdown,
-  v as StatusSelect,
-  y as TagsSelect,
-  f as ThumbnailWrapper,
-  g as Title
+  y as AssigneeSelect,
+  c as CloseButton,
+  h as Content,
+  u as ContentRow,
+  S as Footer,
+  p as Grid,
+  g as Header,
+  d as HeaderContainer,
+  v as LabelWrapper,
+  w as PriorityEnumDropdown,
+  x as StatusSelect,
+  b as TagsSelect,
+  m as ThumbnailWrapper,
+  f as Title
 };
 //# sourceMappingURL=DetailsPanelHeader.styled.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelHeader.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n Button,\n AssigneeSelect as AssigneeSelectComponent,\n TagsSelect as TagsSelectComponent,\n StatusSelect as StatusSelectComponent,\n EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n position: relative;\n`\n\nexport const Grid = styled.div`\n position: relative;\n padding: 8px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n flex: none;\n overflow: hidden;\n\n display: grid;\n /* two columns /\n grid-template-columns: 1fr 1fr;\n gap: var(--base-gap-large);\n\n / set full widths for different elements /\n .path,\n .titles,\n .filters {\n grid-column: span 2;\n }\n\n &.isCompact {\n / hide fields when compact /\n .assignee-select,\n .tags-select,\n .actions,\n .filters {\n display: none;\n }\n / right column auto size /\n grid-template-columns: 1fr auto;\n / align center /\n align-items: center;\n }\n`\n\nexport const CloseButton = styled(Button)`\n position: absolute;\n right: 4px;\n top: 4px;\n width: fit-content;\n z-index: 50;\n`\n\nexport const Header = styled.header`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n z-index: 50;\n\n .entity-type {\n min-width: fit-content;\n }\n\n &.loading {\n .playable {\n display: none;\n }\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n h2 {\n min-width: fit-content;\n }\n`\n\nexport const ThumbnailWrapper = styled.div`\n position: relative;\n height: 100%;\n\n &:hover {\n .playable {\n opacity: 0.8;\n }\n }\n & > div {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n position: relative;\n border-radius: var(--border-radius-m);\n\n h2 {\n margin: 0;\n }\n\n h3 {\n display: block;\n margin: 0;\n border: none;\n padding: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.loading {\n width: 70%;\n\n h2,\n h3,\n .sub-title {\n white-space: nowrap;\n }\n }\n\n .sub-title {\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n }\n`\n\nexport const ContentRow = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n label {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const LabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\n\nexport const StatusSelect = styled(StatusSelectComponent)`\n width: fit-content;\n .status-field.value {\n position: relative;\n left: 1px;\n height: 28px;\n padding-right: 8px;\n width: calc(100% - 1px);\n margin-bottom: 2px;\n }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n width: fit-content;\n justify-self: end;\n max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n height: 24px;\n .template-value {\n padding: 0 2px;\n }\n .tag {\n padding: 0 4px;\n ~~color: var(--color-tag-text) !important;\n~~ }\n .placeholder {\n padding: 0 2px;\n span:not(.icon) {\n display: none;\n }\n }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n width: max-content;\n justify-self: end;\n / remove text and dropdown icon */\n .control {\n display: none;\n }\n\n .template-value {\n border: none;\n padding: 0;\n & > div {\n justify-content: center;\n }\n }\n\n button {\n padding: 0 8px;\n background-color: unset;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-low-hover);\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n justify-content: space-between;\n`\n"],"names":["HeaderContainer","styled","Grid","CloseButton","Button","Header","Title","ThumbnailWrapper","Content","ContentRow","LabelWrapper","StatusSelect","StatusSelectComponent","AssigneeSelect","AssigneeSelectComponent","TagsSelect","TagsSelectComponent","PriorityEnumDropdown","EnumDropdown","Footer"],"mappings":";;AASO,MAAMA,IAAkBC,EAAO;AAAA;AAAA,GAIzBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkCdE,IAAcF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAASJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBK,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfM,IAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB1BO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwCjBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWpBS,IAAeT,EAAO;AAAA;AAAA;AAAA,~~GAKtBU~~,IAAeV,EAAOW,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAY3CC~~,~~IAAiBZ~~,~~EAAOa~~,CAAuB;AAAA;AAAA;AAAA;AAAA,GAK/CC,~~IAAad~~,~~EAAOe~~,CAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA~~;AAAA~~,~~GAiBvCC~~,~~IAAuBhB~~,~~EAAOiB~~,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0B1CC,~~IAASlB~~,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"DetailsPanelHeader.styled.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.ts"],"sourcesContent":["import styled from 'styled-components'\nimport {\n Button,\n AssigneeSelect as AssigneeSelectComponent,\n TagsSelect as TagsSelectComponent,\n StatusSelect as StatusSelectComponent,\n EnumDropdown,\n} from '@ynput/ayon-react-components'\n\nexport const HeaderContainer = styled.div`\n position: relative;\n`\n\nexport const Grid = styled.div`\n position: relative;\n padding: 8px;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n flex: none;\n overflow: hidden;\n\n display: grid;\n /* two columns /\n grid-template-columns: 1fr 1fr;\n gap: var(--base-gap-large);\n\n / set full widths for different elements /\n .path,\n .titles,\n .filters {\n grid-column: span 2;\n }\n\n &.isCompact {\n / hide fields when compact /\n .assignee-select,\n .tags-select,\n .actions,\n .filters {\n display: none;\n }\n / right column auto size /\n grid-template-columns: 1fr auto;\n / align center /\n align-items: center;\n }\n`\n\nexport const CloseButton = styled(Button)`\n position: absolute;\n right: 4px;\n top: 4px;\n width: fit-content;\n z-index: 50;\n`\n\nexport const Header = styled.header`\n display: flex;\n align-items: flex-start;\n gap: var(--base-gap-large);\n z-index: 50;\n\n .entity-type {\n min-width: fit-content;\n }\n\n &.loading {\n .playable {\n display: none;\n }\n }\n`\n\nexport const Title = styled.div`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n\n h2 {\n min-width: fit-content;\n }\n`\n\nexport const ThumbnailWrapper = styled.div`\n position: relative;\n height: 100%;\n\n &:hover {\n .playable {\n opacity: 0.8;\n }\n }\n & > div {\n height: 100%;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n }\n`\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n justify-content: center;\n overflow: hidden;\n position: relative;\n border-radius: var(--border-radius-m);\n\n h2 {\n margin: 0;\n }\n\n h3 {\n display: block;\n margin: 0;\n border: none;\n padding: 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n &.loading {\n width: 70%;\n\n h2,\n h3,\n .sub-title {\n white-space: nowrap;\n }\n }\n\n .sub-title {\n display: flex;\n align-items: center;\n gap: var(--base-gap-medium);\n }\n`\n\nexport const ContentRow = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n align-self: stretch;\n\n label {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const LabelWrapper = styled.div`\n display: flex;\n flex-direction: column;\n`\ninterface StatusSelectProps {\n $textColor: string;\n}\nexport const StatusSelect = styled(StatusSelectComponent)<StatusSelectProps>`\n width: fit-content;\n .status-field.value {\n position: relative;\n left: 1px;\n height: 28px;\n padding-right: 8px;\n width: calc(100% - 1px);\n margin-bottom: 2px;\n color: ${props => props.$textColor};\n }\n`\n\nexport const AssigneeSelect = styled(AssigneeSelectComponent)`\n width: fit-content;\n justify-self: end;\n max-width: 100%;\n`\nexport const TagsSelect = styled(TagsSelectComponent)`\n height: 24px;\n .template-value {\n padding: 0 2px;\n }\n .tag {\n padding: 0 4px;\n }\n .placeholder {\n padding: 0 2px;\n span:not(.icon) {\n display: none;\n }\n }\n`\n\nexport const PriorityEnumDropdown = styled(EnumDropdown)`\n width: max-content;\n justify-self: end;\n / remove text and dropdown icon */\n .control {\n display: none;\n }\n\n .template-value {\n border: none;\n padding: 0;\n & > div {\n justify-content: center;\n }\n }\n\n button {\n padding: 0 8px;\n background-color: unset;\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-low-hover);\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n justify-content: space-between;\n`\n"],"names":["HeaderContainer","styled","Grid","CloseButton","Button","Header","Title","ThumbnailWrapper","Content","ContentRow","LabelWrapper","StatusSelect","StatusSelectComponent","props","AssigneeSelect","AssigneeSelectComponent","TagsSelect","TagsSelectComponent","PriorityEnumDropdown","EnumDropdown","Footer"],"mappings":";;AASO,MAAMA,IAAkBC,EAAO;AAAA;AAAA,GAIzBC,IAAOD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAkCdE,IAAcF,EAAOG,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQ3BC,IAASJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBK,IAAQL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfM,IAAmBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiB1BO,IAAUP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwCjBQ,IAAaR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWpBS,IAAeT,EAAO;AAAA;AAAA;AAAA,GAOtBU,IAAeV,EAAOW,CAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAS3C,CAAAC,MAASA,EAAM,UAAU;AAAA;AAAA,GAIzBC,IAAiBb,EAAOc,CAAuB;AAAA;AAAA;AAAA;AAAA,GAK/CC,IAAaf,EAAOgB,CAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBvCC,IAAuBjB,EAAOkB,CAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0B1CC,IAASnB,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");const S=require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const y=require("../DetailsPanel.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const n=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");const D=({projectsInfo:o,scope:l})=>{const{slideOut:a,onOpenViewer:r}=n.useDetailsPanelContext(),{entityType:i,entityId:u,projectName:e}=a||{},c=!!i&&!!u&&!!e,{data:q}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),t=o[e||""]||{},{tags:d=[]}=t,{closeSlideOut:p}=n.useDetailsPanelContext(),j=()=>p(),O=x=>r==null?void 0:r(x);return c?s.jsxRuntimeExports.jsx(P.SlideOut,{children:s.jsxRuntimeExports.jsx(y.DetailsPanel,{entityType:i,entitySubTypes:[],entities:[{id:u,projectName:e}],projectsInfo:{[e]:t},projectNames:[e],tagsOptions:d,projectUsers:q,activeProjectUsers:q,isSlideOut:!0,scope:l,onClose:j,onOpenViewer:O})}):null};exports.DetailsPanelSlideOut=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../_virtual/jsx-runtime.cjs.js"),P=require("./DetailsPanelSlideOut.styled.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");const S=require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");const y=require("../DetailsPanel.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const n=require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");const D=({projectsInfo:o,scope:l})=>{const{slideOut:a,onOpenViewer:r}=n.useDetailsPanelContext(),{entityType:i,entityId:u,projectName:e}=a||{},c=!!i&&!!u&&!!e,{data:q}=S.useGetUsersAssigneeQuery({projectName:e},{skip:!e}),t=o[e||""]||{},{tags:d=[]}=t,{closeSlideOut:p}=n.useDetailsPanelContext(),j=()=>p(),O=x=>r==null?void 0:r(x);return c?s.jsxRuntimeExports.jsx(P.SlideOut,{children:s.jsxRuntimeExports.jsx(y.DetailsPanel,{entityType:i,entitySubTypes:[],entities:[{id:u,projectName:e}],projectsInfo:{[e]:t},projectNames:[e],tagsOptions:d,projectUsers:q,activeProjectUsers:q,isSlideOut:!0,scope:l,onClose:j,onOpenViewer:O})}):null};exports.DetailsPanelSlideOut=D;
 //# sourceMappingURL=DetailsPanelSlideOut.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"~~kyKAWO~~,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAIC,yBAAuB,EACpD,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAY,EAAIL,GAAY,CAAC,EACrDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAM,EAAIC,EAAyB,yBAAA,CAAE,YAAAH,CAAY,EAAG,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAC,EAClD,CAAE,KAAAK,EAAO,CAAC,CAAA,EAAMD,EAEhB,CAAE,cAAAE,CAAc,EAAIT,yBAAuB,EAC3CU,EAAc,IAAMD,EAAc,EAClCE,EAAoBC,GAAcb,GAAA,YAAAA,EAAea,GAEnD,OAACR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAA,kBAAA,IAACE,EAAA,aAAA,CACC,WAAAd,EACA,eAAgB,CAAC,EACjB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAY,EAC3C,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAjB0B,IAmB9B"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"u5KAWO,MAAMA,EAAuB,CAAC,CAAE,aAAAC,EAAc,MAAAC,KAAuC,CAC1F,KAAM,CAAE,SAAAC,EAAU,aAAAC,CAAa,EAAIC,yBAAuB,EACpD,CAAE,WAAAC,EAAY,SAAAC,EAAU,YAAAC,CAAY,EAAIL,GAAY,CAAC,EACrDM,EAAiB,CAAC,CAACH,GAAc,CAAC,CAACC,GAAY,CAAC,CAACC,EAEjD,CAAE,KAAME,CAAM,EAAIC,EAAyB,yBAAA,CAAE,YAAAH,CAAY,EAAG,CAAE,KAAM,CAACA,EAAa,EAElFI,EAAcX,EAAaO,GAAe,EAAE,GAAK,CAAC,EAClD,CAAE,KAAAK,EAAO,CAAC,CAAA,EAAMD,EAEhB,CAAE,cAAAE,CAAc,EAAIT,yBAAuB,EAC3CU,EAAc,IAAMD,EAAc,EAClCE,EAAoBC,GAAcb,GAAA,YAAAA,EAAea,GAEnD,OAACR,EAEHS,wBAACC,EAAAA,SAAA,CACC,SAAAD,EAAA,kBAAA,IAACE,EAAA,aAAA,CACC,WAAAd,EACA,eAAgB,CAAC,EACjB,SAAU,CAAC,CAAE,GAAIC,EAAU,YAAAC,EAAa,EACxC,aAAc,CAAE,CAACA,CAAW,EAAGI,CAAY,EAC3C,aAAc,CAACJ,CAAW,EAC1B,YAAaK,EACb,aAAcH,EACd,mBAAoBA,EACpB,WAAU,GACV,MAAAR,EACA,QAASa,EACT,aAAcC,CAAA,CAAA,EAElB,EAjB0B,IAmB9B"}

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

@@ -65,6 +65,7 @@ import "../../../api/queries/links/getLinks.es.js";
 import "../../../api/queries/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
@@ -95,7 +96,8 @@ import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
-const lo = ({ projectsInfo: n, scope: l }) => {
+import "../../../context/GlobalContext.es.js";
+const ao = ({ projectsInfo: n, scope: l }) => {
   const { slideOut: c, onOpenViewer: o } = s(), { entityType: i, entityId: r, projectName: t } = c || {}, a = !!i && !!r && !!t, { data: p } = y({ projectName: t }, { skip: !t }), m = n[t || ""] || {}, { tags: u = [] } = m, { closeSlideOut: d } = s(), j = () => d(), O = (f) => o == null ? void 0 : o(f);
   return a ? /* @__PURE__ */ e.jsx(x, { children: /* @__PURE__ */ e.jsx(
     S,
@@ -116,6 +118,6 @@ const lo = ({ projectsInfo: n, scope: l }) => {
   ) }) : null;
 };
 export {
-  lo as DetailsPanelSlideOut
+  ao as DetailsPanelSlideOut
 };
 //# sourceMappingURL=DetailsPanelSlideOut.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAa,IAAIC,EAAuB,GACpD,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAY,IAAIL,KAAY,CAAC,GACrDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAM,IAAIC,EAAyB,EAAE,aAAAH,EAAY,GAAG,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAC,GAClD,EAAE,MAAAK,IAAO,CAAC,EAAA,IAAMD,GAEhB,EAAE,eAAAE,EAAc,IAAIT,EAAuB,GAC3CU,IAAc,MAAMD,EAAc,GAClCE,IAAmB,CAACC,MAAcb,KAAA,gBAAAA,EAAea;AAEnD,SAACR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAY;AAAA,MAC3C,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAjB0B;AAmB9B;"}
1	+ {"version":3,"file":"DetailsPanelSlideOut.es.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.tsx"],"sourcesContent":["import * as Styled from './DetailsPanelSlideOut.styled'\nimport { useGetUsersAssigneeQuery } from '@shared/api'\nimport { DetailsPanel } from '../DetailsPanel'\nimport { useDetailsPanelContext } from '@shared/context'\nimport type { ProjectModel } from '@shared/api'\n\nexport type DetailsPanelSlideOutProps = {\n projectsInfo: Record<string, ProjectModel>\n scope: string\n}\n\nexport const DetailsPanelSlideOut = ({ projectsInfo, scope }: DetailsPanelSlideOutProps) => {\n const { slideOut, onOpenViewer } = useDetailsPanelContext()\n const { entityType, entityId, projectName } = slideOut \|\| {}\n const isSlideOutOpen = !!entityType && !!entityId && !!projectName\n\n const { data: users } = useGetUsersAssigneeQuery({ projectName }, { skip: !projectName })\n\n const projectInfo = projectsInfo[projectName \|\| ''] \|\| {}\n const { tags = [] } = projectInfo\n\n const { closeSlideOut } = useDetailsPanelContext()\n const handleClose = () => closeSlideOut()\n const handleOpenViewer = (args: any) => onOpenViewer?.(args)\n\n if (!isSlideOutOpen) return null\n return (\n <Styled.SlideOut>\n <DetailsPanel\n entityType={entityType}\n entitySubTypes={[]}\n entities={[{ id: entityId, projectName }]}\n projectsInfo={{ [projectName]: projectInfo }}\n projectNames={[projectName]}\n tagsOptions={tags}\n projectUsers={users}\n activeProjectUsers={users}\n isSlideOut\n scope={scope}\n onClose={handleClose}\n onOpenViewer={handleOpenViewer}\n />\n </Styled.SlideOut>\n )\n}\n"],"names":["DetailsPanelSlideOut","projectsInfo","scope","slideOut","onOpenViewer","useDetailsPanelContext","entityType","entityId","projectName","isSlideOutOpen","users","useGetUsersAssigneeQuery","projectInfo","tags","closeSlideOut","handleClose","handleOpenViewer","args","jsx","Styled.SlideOut","DetailsPanel"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,KAAuB,CAAC,EAAE,cAAAC,GAAc,OAAAC,QAAuC;AAC1F,QAAM,EAAE,UAAAC,GAAU,cAAAC,EAAa,IAAIC,EAAuB,GACpD,EAAE,YAAAC,GAAY,UAAAC,GAAU,aAAAC,EAAY,IAAIL,KAAY,CAAC,GACrDM,IAAiB,CAAC,CAACH,KAAc,CAAC,CAACC,KAAY,CAAC,CAACC,GAEjD,EAAE,MAAME,EAAM,IAAIC,EAAyB,EAAE,aAAAH,EAAY,GAAG,EAAE,MAAM,CAACA,GAAa,GAElFI,IAAcX,EAAaO,KAAe,EAAE,KAAK,CAAC,GAClD,EAAE,MAAAK,IAAO,CAAC,EAAA,IAAMD,GAEhB,EAAE,eAAAE,EAAc,IAAIT,EAAuB,GAC3CU,IAAc,MAAMD,EAAc,GAClCE,IAAmB,CAACC,MAAcb,KAAA,gBAAAA,EAAea;AAEnD,SAACR,IAEHS,gBAAAA,MAACC,GAAA,EACC,UAAAD,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,YAAAd;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB,UAAU,CAAC,EAAE,IAAIC,GAAU,aAAAC,GAAa;AAAA,MACxC,cAAc,EAAE,CAACA,CAAW,GAAGI,EAAY;AAAA,MAC3C,cAAc,CAACJ,CAAW;AAAA,MAC1B,aAAaK;AAAA,MACb,cAAcH;AAAA,MACd,oBAAoBA;AAAA,MACpB,YAAU;AAAA,MACV,OAAAR;AAAA,MACA,SAASa;AAAA,MACT,cAAcC;AAAA,IAAA;AAAA,EAAA,GAElB,IAjB0B;AAmB9B;"}

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

@@ -1,2 +1,2 @@
-"use strict";const F=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("react");require("react-dom");const j=require("../Feed/context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const N=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");const R=({children:i,scope:u="dashboard",entities:q,entityType:t,projectName:n,projectInfo:s,annotations:o,removeAnnotation:a,exportAnnotationComposite:c,...d})=>{var r;const l={annotations:o,removeAnnotation:a,exportAnnotationComposite:c},{user:e}=N.useDetailsPanelContext(),x=(e==null?void 0:e.name)??"",m=((r=e==null?void 0:e.attrib)==null?void 0:r.fullName)??"",[p,C]=P.useState(null);return F.jsxRuntimeExports.jsx(j.FeedProvider,{scope:u,entities:q,projectName:n,entityType:t,projectInfo:s,userName:x,userFullName:m,...l,editingId:p,setEditingId:C,...d,children:i})};module.exports=R;
+"use strict";const F=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("react");require("react-dom");const j=require("../Feed/context/FeedContext.cjs.js");require("@ynput/ayon-react-components");require("clsx");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../context/RemoteModulesContext.cjs.js");const N=require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");const R=({children:i,scope:u="dashboard",entities:q,entityType:t,projectName:n,projectInfo:s,annotations:o,removeAnnotation:a,exportAnnotationComposite:c,...d})=>{var r;const l={annotations:o,removeAnnotation:a,exportAnnotationComposite:c},{user:e}=N.useDetailsPanelContext(),x=(e==null?void 0:e.name)??"",m=((r=e==null?void 0:e.attrib)==null?void 0:r.fullName)??"",[p,C]=P.useState(null);return F.jsxRuntimeExports.jsx(j.FeedProvider,{scope:u,entities:q,projectName:n,entityType:t,projectInfo:s,userName:x,userFullName:m,...l,editingId:p,setEditingId:C,...d,children:i})};module.exports=R;
 //# sourceMappingURL=FeedContextWrapper.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedContextWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n children: ReactNode\n entities: any[]\n activeUsers: any[]\n projectInfo: any\n projectName: string\n entityType: string\n disabled: boolean\n readOnly: boolean\n statuses: Status[]\n scope?: string\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n children,\n scope = 'dashboard',\n entities,\n entityType,\n projectName,\n projectInfo,\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n ...props\n}) => {\n const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n const { user } = useDetailsPanelContext()\n\n const userName = user?.name ?? ''\n const userFullName = user?.attrib?.fullName ?? ''\n\n const [editingId, setEditingId] = useState<EditingState>(null)\n\n return (\n <FeedProvider\n {...{\n scope,\n entities,\n projectName,\n entityType,\n projectInfo,\n userName,\n userFullName,\n }}\n {...annotationsProps}\n {...{ editingId, setEditingId }}\n {...props}\n >\n {children}\n </FeedProvider>\n )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":"~~i3FAuBA~~,MAAMA,EAAkD,CAAC,CACvD,SAAAC,EACA,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,GAAWF,GAAA,YAAAA,EAAM,OAAQ,GACzBG,IAAeC,EAAAJ,GAAA,YAAAA,EAAM,SAAN,YAAAI,EAAc,WAAY,GAEzC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEH,SAAAT,CAAA,CACH,CAEJ"}
1	+ {"version":3,"file":"FeedContextWrapper.cjs.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n children: ReactNode\n entities: any[]\n activeUsers: any[]\n projectInfo: any\n projectName: string\n entityType: string\n disabled: boolean\n readOnly: boolean\n statuses: Status[]\n scope?: string\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n children,\n scope = 'dashboard',\n entities,\n entityType,\n projectName,\n projectInfo,\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n ...props\n}) => {\n const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n const { user } = useDetailsPanelContext()\n\n const userName = user?.name ?? ''\n const userFullName = user?.attrib?.fullName ?? ''\n\n const [editingId, setEditingId] = useState<EditingState>(null)\n\n return (\n <FeedProvider\n {...{\n scope,\n entities,\n projectName,\n entityType,\n projectInfo,\n userName,\n userFullName,\n }}\n {...annotationsProps}\n {...{ editingId, setEditingId }}\n {...props}\n >\n {children}\n </FeedProvider>\n )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":"+5FAuBA,MAAMA,EAAkD,CAAC,CACvD,SAAAC,EACA,MAAAC,EAAQ,YACR,SAAAC,EACA,WAAAC,EACA,YAAAC,EACA,YAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,0BAAAC,EACA,GAAGC,CACL,IAAM,OACJ,MAAMC,EAAmB,CAAE,YAAAJ,EAAa,iBAAAC,EAAkB,0BAAAC,CAA0B,EAE9E,CAAE,KAAAG,CAAK,EAAIC,yBAAuB,EAElCC,GAAWF,GAAA,YAAAA,EAAM,OAAQ,GACzBG,IAAeC,EAAAJ,GAAA,YAAAA,EAAM,SAAN,YAAAI,EAAc,WAAY,GAEzC,CAACC,EAAWC,CAAY,EAAIC,EAAAA,SAAuB,IAAI,EAG3D,OAAAC,EAAA,kBAAA,IAACC,EAAA,aAAA,CAEG,MAAAnB,EACA,SAAAC,EACA,YAAAE,EACA,WAAAD,EACA,YAAAE,EACA,SAAAQ,EACA,aAAAC,EAED,GAAGJ,EACE,UAAAM,EAAW,aAAAC,EAChB,GAAGR,EAEH,SAAAT,CAAA,CACH,CAEJ"}

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

@@ -33,6 +33,7 @@ import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
 import "../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -52,7 +53,7 @@ import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-const gt = ({
+const Ct = ({
   children: r,
   scope: i = "dashboard",
   entities: m,
@@ -85,6 +86,6 @@ const gt = ({
   );
 };
 export {
-  gt as default
+  Ct as default
 };
 //# sourceMappingURL=FeedContextWrapper.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"FeedContextWrapper.es.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n children: ReactNode\n entities: any[]\n activeUsers: any[]\n projectInfo: any\n projectName: string\n entityType: string\n disabled: boolean\n readOnly: boolean\n statuses: Status[]\n scope?: string\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n children,\n scope = 'dashboard',\n entities,\n entityType,\n projectName,\n projectInfo,\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n ...props\n}) => {\n const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n const { user } = useDetailsPanelContext()\n\n const userName = user?.name ?? ''\n const userFullName = user?.attrib?.fullName ?? ''\n\n const [editingId, setEditingId] = useState<EditingState>(null)\n\n return (\n <FeedProvider\n {...{\n scope,\n entities,\n projectName,\n entityType,\n projectInfo,\n userName,\n userFullName,\n }}\n {...annotationsProps}\n {...{ editingId, setEditingId }}\n {...props}\n >\n {children}\n </FeedProvider>\n )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAuBA,MAAMA,KAAkD,CAAC;AAAA,EACvD,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,GAAGC;AACL,MAAM;;AACJ,QAAMC,IAAmB,EAAE,aAAAJ,GAAa,kBAAAC,GAAkB,2BAAAC,EAA0B,GAE9E,EAAE,MAAAG,EAAK,IAAIC,EAAuB,GAElCC,KAAWF,KAAA,gBAAAA,EAAM,SAAQ,IACzBG,MAAeC,IAAAJ,KAAA,gBAAAA,EAAM,WAAN,gBAAAI,EAAc,aAAY,IAEzC,CAACC,GAAWC,CAAY,IAAIC,EAAuB,IAAI;AAG3D,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,aAAAE;AAAA,MACA,YAAAD;AAAA,MACA,aAAAE;AAAA,MACA,UAAAQ;AAAA,MACA,cAAAC;AAAA,MAED,GAAGJ;AAAA,MACE,WAAAM;AAAA,MAAW,cAAAC;AAAA,MAChB,GAAGR;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EACH;AAEJ;"}
1	+ {"version":3,"file":"FeedContextWrapper.es.js","sources":["../../../../../src/containers/DetailsPanel/FeedContextWrapper.tsx"],"sourcesContent":["import { FC, useState, ReactNode } from 'react'\n\nimport { FeedProvider } from '@shared/containers/Feed'\nimport type { EditingState, FeedContextProps } from '@shared/containers/Feed'\nimport type { Status } from '@shared/api'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface FeedContextWrapperProps {\n children: ReactNode\n entities: any[]\n activeUsers: any[]\n projectInfo: any\n projectName: string\n entityType: string\n disabled: boolean\n readOnly: boolean\n statuses: Status[]\n scope?: string\n annotations?: any\n removeAnnotation?: (id: string) => void\n exportAnnotationComposite?: (id: string) => Promise<Blob \| null>\n}\n\nconst FeedContextWrapper: FC<FeedContextWrapperProps> = ({\n children,\n scope = 'dashboard',\n entities,\n entityType,\n projectName,\n projectInfo,\n annotations,\n removeAnnotation,\n exportAnnotationComposite,\n ...props\n}) => {\n const annotationsProps = { annotations, removeAnnotation, exportAnnotationComposite }\n\n const { user } = useDetailsPanelContext()\n\n const userName = user?.name ?? ''\n const userFullName = user?.attrib?.fullName ?? ''\n\n const [editingId, setEditingId] = useState<EditingState>(null)\n\n return (\n <FeedProvider\n {...{\n scope,\n entities,\n projectName,\n entityType,\n projectInfo,\n userName,\n userFullName,\n }}\n {...annotationsProps}\n {...{ editingId, setEditingId }}\n {...props}\n >\n {children}\n </FeedProvider>\n )\n}\n\nexport default FeedContextWrapper\n"],"names":["FeedContextWrapper","children","scope","entities","entityType","projectName","projectInfo","annotations","removeAnnotation","exportAnnotationComposite","props","annotationsProps","user","useDetailsPanelContext","userName","userFullName","_a","editingId","setEditingId","useState","jsx","FeedProvider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBA,MAAMA,KAAkD,CAAC;AAAA,EACvD,UAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,GAAGC;AACL,MAAM;;AACJ,QAAMC,IAAmB,EAAE,aAAAJ,GAAa,kBAAAC,GAAkB,2BAAAC,EAA0B,GAE9E,EAAE,MAAAG,EAAK,IAAIC,EAAuB,GAElCC,KAAWF,KAAA,gBAAAA,EAAM,SAAQ,IACzBG,MAAeC,IAAAJ,KAAA,gBAAAA,EAAM,WAAN,gBAAAI,EAAc,aAAY,IAEzC,CAACC,GAAWC,CAAY,IAAIC,EAAuB,IAAI;AAG3D,SAAAC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MAEG,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,aAAAE;AAAA,MACA,YAAAD;AAAA,MACA,aAAAE;AAAA,MACA,UAAAQ;AAAA,MACA,cAAAC;AAAA,MAED,GAAGJ;AAAA,MACE,WAAAM;AAAA,MAAW,cAAAC;AAAA,MAChB,GAAGR;AAAA,MAEH,UAAAT;AAAA,IAAA;AAAA,EACH;AAEJ;"}