@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { Icon } 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 } 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\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    }\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\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                  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                />\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","statuses","useScopedStatuses","entity","entityUsers","useMemo","union","_a","_b","firstEntity","isLoading","projectName","entityIds","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","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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"}
+{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { union, upperFirst } from 'lodash'\nimport clsx from 'clsx'\nimport { DropdownRef } 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","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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"}

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

@@ -1,6 +1,6 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as l } from "react";
-import { union as w, upperFirst as T } from "lodash";
+import { useRef as y, useMemo as l } from "react";
+import { union as U, upperFirst as rr } from "lodash";
 import h from "clsx";
 import "@ynput/ayon-react-components";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
@@ -46,13 +46,13 @@ import "../../../api/generated/ynputCloud.es.js";
 import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
-import { useGetEntitiesChecklistsQuery as y } from "../../../api/queries/activities/getActivities.es.js";
+import { useGetEntitiesChecklistsQuery as or } from "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
 import "../../../api/queries/addons/getAddons.es.js";
 import "../../../api/queries/addons/updateAddons.es.js";
-import { useGetAttributeConfigQuery as rr } from "../../../api/queries/attributes/getAttributes.es.js";
+import { useGetAttributeConfigQuery as tr } from "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
@@ -63,6 +63,7 @@ import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
 import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../api/queries/links/updateLinks.es.js";
@@ -90,13 +91,13 @@ import "@dnd-kit/sortable";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
 import "../../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                    */
-import { getPriorityOptions as or } from "../../../util/getPriorityOptions.es.js";
+import { getPriorityOptions as ir } from "../../../util/getPriorityOptions.es.js";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "axios";
 import "../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as tr } from "../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as mr } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
@@ -106,29 +107,27 @@ import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
 import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as ir } from "../../../components/Thumbnail/StackedThumbnails.es.js";
-import { EntityPanelUploader as mr } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import { StackedThumbnails as pr } from "../../../components/Thumbnail/StackedThumbnails.es.js";
+import { EntityPanelUploader as er } from "../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
 import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as pr } from "../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as sr } from "../../../hooks/useEntityUpdate.es.js";
-import "react-redux";
-import "custom-protocol-check";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
 import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "react-router-dom";
 import "../../../components/Powerpack/PowerpackButton.es.js";
 import "../../../components/Powerpack/PricingLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
-import "../../../components/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -159,7 +158,6 @@ import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "react-router-dom";
 import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
@@ -181,7 +179,7 @@ import "../../ProjectTreeTable/widgets/CellWidget.es.js";
 import "../../ProjectTreeTable/widgets/EntityNameWidget.es.js";
 import "../../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
 import "../../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../../components/LinksManager/LinksManagerDialog.es.js";
+import "../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../ProjectTreeTable/ProjectTreeTable.styled.es.js";
@@ -193,60 +191,66 @@ import "../../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import { useScopedStatuses as sr } from "../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as ar } from "../../../hooks/useEntityUpdate.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import { useTagStyling as lr } from "../../../hooks/useTagStyling.es.js";
+import "../../ProjectTreeTable/components/GroupSettingsFallback.es.js";
 import "../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel.styled.es.js";
-import er from "../FeedFilters/FeedFilters.es.js";
-import { HeaderContainer as ar, Grid as lr, Header as dr, Content as nr, Title as cr, TagsSelect as ur, StatusSelect as hr, AssigneeSelect as gr, PriorityEnumDropdown as jr } from "./DetailsPanelHeader.styled.es.js";
-import fr from "../helpers/getThumbnails.es.js";
-import { buildDetailsPanelTitles as xr } from "../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as vr } from "../../../components/PlayableIcon/PlayableIcon.es.js";
+import nr from "../FeedFilters/FeedFilters.es.js";
+import { HeaderContainer as dr, Grid as cr, Header as ur, Content as hr, Title as gr, TagsSelect as jr, StatusSelect as fr, AssigneeSelect as xr, PriorityEnumDropdown as Nr } from "./DetailsPanelHeader.styled.es.js";
+import vr from "../helpers/getThumbnails.es.js";
+import { buildDetailsPanelTitles as br } from "../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as Sr } from "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import { Actions as Nr } from "../../Actions/Actions.es.js";
+import { Actions as kr } from "../../Actions/Actions.es.js";
 import "../../Views/context/ViewsContext.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../components/DetailsMetaData/DetailsMetaData.es.js";
-import "../../../components/AccessUser/AccessUser.es.js";
-const km = ({
+import "../../../components/StyledLink/StyledLink.es.js";
+const wm = ({
   entityType: p,
-  entitySubTypes: M,
+  entitySubTypes: V,
   entities: m = [],
-  disabledAssignees: O = [],
+  disabledAssignees: R = [],
   users: j = [],
-  disabledStatuses: U,
+  disabledStatuses: G,
   tagsOptions: f = [],
   isFetching: x,
   isCompact: c = !1,
-  currentTab: V,
-  onTabChange: G,
-  entityTypeIcons: v,
-  onOpenViewer: H,
+  currentTab: H,
+  onTabChange: L,
+  entityTypeIcons: N,
+  onOpenViewer: Q,
   onEntityFocus: g
 }) => {
-  const { useSearchParams: L, useNavigate: R, isDeveloperMode: Q } = tr(), $ = R(), [K, W] = L(), _ = pr(
+  const { useSearchParams: $, useNavigate: K, isDeveloperMode: W } = mr(), _ = K(), [q, z] = $(), v = y(null), B = sr(
     m.map((r) => r.projectName),
     [p]
-  ), d = l(
-    () => w(
+  ), n = l(
+    () => U(
       ...m.flatMap((r) => {
-        var t, s;
+        var t, e;
         return [
           ((t = r.task) == null ? void 0 : t.assignees) || [],
-          ((s = r.version) == null ? void 0 : s.author) || []
+          ((e = r.version) == null ? void 0 : e.author) || []
         ];
       })
     ),
     [m]
   );
   let o = m[0];
-  const e = m.length === 0 || !o || x;
+  const s = m.length === 0 || !o || x;
   o || (o = {
     id: "placeholder",
     name: "loading...",
@@ -258,162 +262,171 @@ const km = ({
     hasReviewables: !1,
     attrib: {},
     createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-    updatedAt: (/* @__PURE__ */ new Date()).toISOString()
+    updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
+    path: ""
   });
-  const N = m.length > 1 || o == null ? void 0 : o.projectName, b = m.filter((r) => r.projectName === (o == null ? void 0 : o.projectName) && r.id).map((r) => r.id), { data: a } = y(
+  const b = m.length > 1 || o == null ? void 0 : o.projectName, S = m.filter((r) => r.projectName === (o == null ? void 0 : o.projectName) && r.id).map((r) => r.id), { data: a } = or(
     {
       projectName: o == null ? void 0 : o.projectName,
-      entityIds: b
+      entityIds: S
     },
-    { skip: !(o != null && o.projectName) || !b.length }
+    { skip: !(o != null && o.projectName) || !S.length }
   );
   let k;
   a != null && a.total && a.total > 0 && (k = `${a.checked}/${a.total}`);
-  const { data: q } = rr({ attributeName: "priority" }), S = or(q, p), P = l(
-    () => fr(m, p, v),
-    [m, p, v]
-  ), z = l(() => m.map((r) => r.status), [m]), B = l(() => m.map((r) => {
+  const { data: J } = tr({ attributeName: "priority" }), P = ir(J, p), A = l(
+    () => vr(m, p, N),
+    [m, p, N]
+  ), X = l(() => m.map((r) => r.status), [m]), Y = l(() => m.map((r) => {
     var t;
     return (t = r.attrib) == null ? void 0 : t.priority;
-  }), [m]), J = l(() => m.map((r) => r.tags), [m]), X = l(
+  }), [m]), C = l(() => m.map((r) => r.tags), [m]), I = l(
     () => f.reduce((r, t) => (r[t.name] = t, r), {}),
     [f]
-  ), A = m.length > 1, { updateEntity: Y } = sr({
+  );
+  lr({
+    tagsValues: C,
+    tagsOptionsObject: I,
+    tagsSelectRef: v
+  });
+  const D = m.length > 1, { updateEntity: Z } = ar({
     entities: m.map((r) => {
-      var t, s, n;
+      var t, e, d;
       return {
         id: r.id,
         projectName: r.projectName,
         users: ((t = r.task) == null ? void 0 : t.assignees) || [],
-        folderId: (s = r.folder) == null ? void 0 : s.id,
-        productId: (n = r.product) == null ? void 0 : n.id
+        folderId: (e = r.folder) == null ? void 0 : e.id,
+        productId: (d = r.product) == null ? void 0 : d.id
       };
     }),
     entityType: p
-  }), u = (r, t) => t == null ? console.error("value is null or undefined") : Y(r, t), Z = () => {
-    var n, D;
-    let r, t = o.id, s = p + "Id";
-    p === "version" && ((n = o.product) != null && n.id) && (r = [o.id], t = (D = o.product) == null ? void 0 : D.id, s = "productId"), t && H({
-      [s]: t,
-      projectName: N,
+  }), u = (r, t) => t == null ? console.error("value is null or undefined") : Z(r, t), F = () => {
+    var d, O;
+    let r, t = o.id, e = p + "Id";
+    p === "version" && ((d = o.product) != null && d.id) && (r = [o.id], t = (O = o.product) == null ? void 0 : O.id, e = "productId"), t && Q({
+      [e]: t,
+      projectName: b,
       versionIds: r
     });
-  }, I = ["task", "version", "representation"].includes(p) && (d.length > 0 || p === "task"), C = j.map((r) => r);
-  if (I) {
-    const r = j.map((s) => s.name), t = d.filter((s) => !r.includes(s));
-    t.length && C.push(...t.map((s) => ({ name: s, fullName: s })));
+  }, w = ["task", "version", "representation"].includes(p) && (n.length > 0 || p === "task"), M = j.map((r) => r);
+  if (w) {
+    const r = j.map((e) => e.name), t = n.filter((e) => !r.includes(e));
+    t.length && M.push(...t.map((e) => ({ name: e, fullName: e })));
   }
-  const { title: F, subTitle: E } = xr(m, p);
-  return /* @__PURE__ */ i.jsx(ar, { children: /* @__PURE__ */ i.jsx(
-    mr,
+  const { title: E, subTitle: T } = br(m, p);
+  return /* @__PURE__ */ i.jsx(dr, { children: /* @__PURE__ */ i.jsx(
+    er,
     {
       entities: m,
       entityType: p,
-      projectName: N,
+      projectName: b,
       onVersionCreated: (r) => g == null ? void 0 : g(r, "version"),
-      children: /* @__PURE__ */ i.jsxs(lr, { className: h("details-panel-header", { isCompact: c }), children: [
+      children: /* @__PURE__ */ i.jsxs(cr, { className: h("details-panel-header", { isCompact: c }), children: [
         /* @__PURE__ */ i.jsxs(
-          dr,
+          ur,
           {
-            className: h("titles", { isCompact: c, loading: e }, "no-shimmer"),
+            className: h("titles", { isCompact: c, loading: s }, "no-shimmer"),
             children: [
               /* @__PURE__ */ i.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ i.jsx(
-                  ir,
+                  pr,
                   {
-                    isLoading: e,
-                    shimmer: e,
-                    thumbnails: P,
-                    onClick: P.length === 1 ? Z : void 0,
+                    isLoading: s,
+                    shimmer: s,
+                    thumbnails: A,
+                    onClick: A.length === 1 ? F : void 0,
                     hoverIcon: "play_circle"
                   }
                 ),
-                !A && (o == null ? void 0 : o.hasReviewables) && /* @__PURE__ */ i.jsx(vr, {})
+                !D && (o == null ? void 0 : o.hasReviewables) && /* @__PURE__ */ i.jsx(Sr, {})
               ] }),
-              /* @__PURE__ */ i.jsxs(nr, { className: h({ loading: e }), children: [
-                /* @__PURE__ */ i.jsxs(cr, { children: [
-                  /* @__PURE__ */ i.jsx("h2", { children: F }),
+              /* @__PURE__ */ i.jsxs(hr, { className: h({ loading: s }), children: [
+                /* @__PURE__ */ i.jsxs(gr, { children: [
+                  /* @__PURE__ */ i.jsx("h2", { children: E }),
                   /* @__PURE__ */ i.jsx(
-                    ur,
+                    jr,
                     {
-                      value: w(...J),
-                      tags: X,
+                      ref: v,
+                      value: U(...C),
+                      tags: I,
                       options: [],
                       editable: !0,
                       editor: !0,
                       onChange: (r) => u("tags", r),
                       align: "right",
-                      styleDropdown: { display: e ? "none" : "unset" },
-                      className: "tags-select"
+                      styleDropdown: { display: s ? "none" : "unset" },
+                      className: "tags-select",
+                      itemClassName: "details-tag"
                     }
                   )
                 ] }),
                 /* @__PURE__ */ i.jsxs("div", { className: "sub-title", children: [
                   /* @__PURE__ */ i.jsxs("span", { className: "entity-type", children: [
-                    T(p),
+                    rr(p),
                     " - "
                   ] }),
-                  /* @__PURE__ */ i.jsx("h3", { children: E })
+                  /* @__PURE__ */ i.jsx("h3", { children: T })
                 ] })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ i.jsx(
-          hr,
+          fr,
           {
-            value: z,
-            options: _ || [],
-            disabledValues: U,
+            value: X,
+            options: B || [],
+            disabledValues: G,
             invert: !0,
             style: { maxWidth: "unset" },
             onChange: (r) => u("status", r),
-            className: h("status-select", { loading: e }),
+            className: h("status-select", { loading: s }),
             align: c ? "right" : "left"
           }
         ),
-        !c && (!I || e ? /* @__PURE__ */ i.jsx("div", {}) : /* @__PURE__ */ i.jsx(
-          gr,
+        !c && (!w || s ? /* @__PURE__ */ i.jsx("div", {}) : /* @__PURE__ */ i.jsx(
+          xr,
           {
-            value: d,
-            options: C,
-            disabledValues: O.map((r) => r.name),
-            isMultiple: A && d.length > 1 && p === "task",
+            value: n,
+            options: M,
+            disabledValues: R.map((r) => r.name),
+            isMultiple: D && n.length > 1 && p === "task",
             readOnly: p !== "task",
             emptyMessage: p === "task" ? "Assign user" : "",
             align: "right",
             onChange: (r) => u("assignees", r),
             className: "assignee-select",
-            "data-tooltip": d.length ? p === "task" ? "Assigned users" : "Author" : ""
+            "data-tooltip": n.length ? p === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ i.jsx(
-          Nr,
+          kr,
           {
             entities: m,
             entityType: p,
-            entitySubTypes: M,
-            isLoadingEntity: !!x || !!e,
-            searchParams: K,
-            isDeveloperMode: Q,
-            onSetSearchParams: W,
-            onNavigate: $
+            entitySubTypes: V,
+            isLoadingEntity: !!x || !!s,
+            searchParams: q,
+            isDeveloperMode: W,
+            onSetSearchParams: z,
+            onNavigate: _
           }
         ),
-        S ? /* @__PURE__ */ i.jsx(
-          jr,
+        P ? /* @__PURE__ */ i.jsx(
+          Nr,
           {
-            options: S,
+            options: P,
             placeholder: "No priority",
-            value: B,
+            value: Y,
             onChange: (r) => u("attrib", { priority: r[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ i.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ i.jsx(
-          er,
+          nr,
           {
-            isLoading: e,
+            isLoading: s,
             entityType: p,
             className: "filters",
             overrides: {
@@ -421,8 +434,8 @@ const km = ({
                 label: k
               }
             },
-            currentTab: V,
-            onTabChange: G
+            currentTab: H,
+            onTabChange: L
           }
         )
       ] })
@@ -430,6 +443,6 @@ const km = ({
   ) });
 };
 export {
-  km as default
+  wm as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map