@ynput/ayon-frontend-shared 0.3.51 → 0.3.53

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, 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 { 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 DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\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  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\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  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\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      parents: [],\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 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  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 =\n    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        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\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              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\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            bundleMode={bundleMode}\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          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\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","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","firstEntity","isLoading","projectName","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelHeader.cjs.js","sources":["../../../../../../../src/containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.tsx"],"sourcesContent":["import { RefObject, 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 { 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 DetailsPanelTabs from '../DetailsPanelTabs/DetailsPanelTabs'\nimport LinkedTaskRow from './LinkedTaskRow'\nimport * as Styled from './DetailsPanelHeader.styled'\nimport getThumbnails from '../../helpers/getThumbnails'\nimport buildEntityTypeIcons from '../../helpers/buildEntityTypeIcons'\nimport type { ProjectInfo } from '../../helpers/mergeProjectInfo'\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  projectInfo: ProjectInfo\n  thumbnailInputRef: RefObject<HTMLInputElement>\n  versionsInputRef: RefObject<HTMLInputElement>\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  projectInfo,\n  onOpenViewer,\n  onEntityFocus,\n  thumbnailInputRef,\n  versionsInputRef,\n}: DetailsPanelHeaderProps) => {\n  const { useSearchParams, useNavigate, bundleMode } = useDetailsPanelContext()\n  const navigate = useNavigate()\n  const [searchParams, setSearchParams] = useSearchParams()\n  const tagsSelectRef = useRef<DropdownRef>(null)\n\n  const entityTypeIcons = useMemo(() => buildEntityTypeIcons(projectInfo), [projectInfo])\n\n  const statuses = useScopedStatuses(\n    entities.map((entity) => entity.projectName),\n    [entityType],\n  )\n\n  // for selected entities, get flat list of assignees (tasks) or authors (versions)\n  const entityUsers: string[] = useMemo(() => {\n    if (entityType === 'task') {\n      return union(...entities.map((e) => e.task?.assignees || []))\n    }\n    if (entityType === 'version') {\n      return union(\n        ...entities.map((e) => {\n          const a = e.version?.author\n          return Array.isArray(a) ? a : a ? [a] : []\n        }),\n      )\n    }\n    return []\n  }, [entities, entityType])\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      parents: [],\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 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  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    (entityType === 'task' || entityType === 'version') &&\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 =\n    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        thumbnailInputRef={thumbnailInputRef}\n        versionsInputRef={versionsInputRef}\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              {entityType === 'version' && !isMultiple && !isLoading && firstEntity && (\n                <LinkedTaskRow\n                  key={firstEntity.id}\n                  entity={firstEntity}\n                  taskTypes={projectInfo.taskTypes}\n                />\n              )}\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            bundleMode={bundleMode}\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          <DetailsPanelTabs\n            entityType={entityType}\n            currentTab={currentTab}\n            onTabChange={onTabChange}\n            isLoading={isLoading}\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","projectInfo","onOpenViewer","onEntityFocus","thumbnailInputRef","versionsInputRef","useSearchParams","useNavigate","bundleMode","useDetailsPanelContext","navigate","searchParams","setSearchParams","tagsSelectRef","useRef","entityTypeIcons","useMemo","buildEntityTypeIcons","statuses","useScopedStatuses","entity","entityUsers","union","a","firstEntity","isLoading","projectName","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","updateEntity","useEntityUpdate","handleUpdate","field","value","handleThumbnailClick","versionIds","id","entityTypeKey","hasUser","usersOptions","u","allUsers","usersToAdd","title","subTitle","buildDetailsPanelTitles","status","jsx","Styled.HeaderContainer","EntityPanelUploader","jsxs","Styled.Grid","clsx","Styled.Header","StackedThumbnails","PlayableIcon","Styled.Content","Styled.Title","Styled.TagsSelect","upperFirst","LinkedTaskRow","Styled.StatusSelect","getTextColor","Styled.AssigneeSelect","Actions","Styled.PriorityEnumDropdown","DetailsPanelTabs"],"mappings":"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"}

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

@@ -1,8 +1,8 @@
 import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as y, useMemo as e } from "react";
-import { union as I, upperFirst as T } from "lodash";
+import { useRef as T, useMemo as e } from "react";
+import { union as f, upperFirst as y } from "lodash";
 import c from "clsx";
-import { getTextColor as tt } from "@ynput/ayon-react-components";
+import { getTextColor as rr } from "@ynput/ayon-react-components";
 import "../../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
 import "../../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
 import "../../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
@@ -64,7 +64,7 @@ import "../../../../api/queries/activities/getMentions.es.js";
 import "../../../../api/queries/activities/getCategories.es.js";
 import "../../../../api/queries/addons/getAddons.es.js";
 import "../../../../api/queries/addons/updateAddons.es.js";
-import { useGetAttributeConfigQuery as ot } 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/bundles/getBundles.es.js";
@@ -118,7 +118,7 @@ import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                    */
-import { getPriorityOptions as rt } from "../../../../util/getPriorityOptions.es.js";
+import { getPriorityOptions as or } from "../../../../util/getPriorityOptions.es.js";
 import "uuid";
 import "../../../../util/pubsub.es.js";
 import "../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
@@ -136,11 +136,11 @@ import "../../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../../context/RemoteModulesContext.es.js";
 import "../../../../../node_modules/@module-federation/runtime/dist/index.es.js";
 import "../../../../../../_virtual/semver.es.js";
-import { useScopedStatuses as it } from "../../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as mt } from "../../../../hooks/useEntityUpdate.es.js";
+import { useScopedStatuses as ir } from "../../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as mr } from "../../../../hooks/useEntityUpdate.es.js";
 import "react-redux";
 import "custom-protocol-check";
-import { useDetailsPanelContext as pt } from "../../../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as pr } from "../../../../context/DetailsPanelContext.es.js";
 import "../../../../context/PowerpackContextInstance.es.js";
 import "../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
@@ -149,7 +149,6 @@ import "../../../../context/pip/PiPProvider.es.js";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
-import "../../../../context/MoveEntityContext.es.js";
 import "../../../../context/MenuContext.es.js";
 import "../../../../context/WebsocketContext.es.js";
 import "../../../../context/GlobalContext.es.js";
@@ -180,8 +179,8 @@ import "../../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../../Feed/components/ActivityDate.es.js";
 import "../../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../../Feed/components/ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "../../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../../../Feed/components/ActivityFieldChange/FieldValue.es.js";
 import "../../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
@@ -217,6 +216,13 @@ import "../../../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../../../ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../../ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../../NewEntity/components/NewEntity.es.js";
+import "../../../Slicer/components/Slicer.es.js";
+import "../../../Slicer/context/SlicerContextInstance.es.js";
+import "../../../Slicer/components/SlicerDropdownFallback.es.js";
+import "../../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../../NewEntity/context/NewEntityContextInstance.es.js";
+import "../../../NewEntity/components/NewEntityForm.es.js";
 import "../../../ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../../ProjectTreeTable/widgets/EmptyWidget.es.js";
 import "../../../ProjectTreeTable/widgets/ErrorWidget.es.js";
@@ -228,30 +234,26 @@ import "../../../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../../Slicer/components/Slicer.es.js";
-import "../../../Slicer/context/SlicerContextInstance.es.js";
-import "../../../Slicer/components/SlicerDropdownFallback.es.js";
-import "../../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../DetailsPanel.styled.es.js";
-import st from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
-import at from "./LinkedTaskRow.es.js";
-import { HeaderContainer as et, Grid as lt, Header as nt, Content as dt, Title as ct, TagsSelect as ut, StatusSelect as gt, AssigneeSelect as ht, PriorityEnumDropdown as ft } from "./DetailsPanelHeader.styled.es.js";
-import jt from "../../helpers/getThumbnails.es.js";
-import xt from "../../helpers/buildEntityTypeIcons.es.js";
-import { buildDetailsPanelTitles as vt } from "../../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as bt } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
+import sr from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
+import ar from "./LinkedTaskRow.es.js";
+import { HeaderContainer as er, Grid as lr, Header as nr, Content as dr, Title as cr, TagsSelect as ur, StatusSelect as gr, AssigneeSelect as hr, PriorityEnumDropdown as fr } from "./DetailsPanelHeader.styled.es.js";
+import jr from "../../helpers/getThumbnails.es.js";
+import xr from "../../helpers/buildEntityTypeIcons.es.js";
+import { buildDetailsPanelTitles as vr } from "../../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as br } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../DetailsPanelFiles/DetailsPanelFiles.es.js";
 import "../DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../SubtasksSearchFilter/SubtasksSearchFilter.es.js";
 import "../DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import { Actions as Nt } from "../../../Actions/Actions.es.js";
+import { Actions as Nr } from "../../../Actions/Actions.es.js";
 import "../../../Views/ViewsMenu/ViewsMenu.es.js";
 import "../../../Views/context/ViewsContextInstance.es.js";
 import "../../../Views/Views.styled.es.js";
 import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../../ListTable/ListTableRow.es.js";
 import "../../../ListTable/ListTable.styled.es.js";
 import "../../../../context/UriContext.es.js";
@@ -263,7 +265,7 @@ import "../../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../../components/InfoMessage/InfoMessage.es.js";
 import "../../../../components/EnumEditor/EnumEditor.styled.es.js";
-import { EntityPanelUploader as St } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import { EntityPanelUploader as kr } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
 import "../../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
@@ -292,7 +294,7 @@ import "../../../../components/StyledLink/StyledLink.es.js";
 import "../../../../components/SyncButton/SyncButton.es.js";
 import "../../../../components/TableGridSwitch/TableGridSwitch.es.js";
 import "../../../../components/Thumbnail/Thumbnail.styled.es.js";
-import { StackedThumbnails as kt } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import { StackedThumbnails as Sr } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../../components/VersionUploader/components/UploadVersionDialog.es.js";
 import "../../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
@@ -301,44 +303,41 @@ import "../../../../components/Menu/Menu.styled.es.js";
 import "../../../../components/Menu/MenuItem.es.js";
 import "../../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
 import "../../../../components/ColumnHeaderMenuUI.es.js";
-const ms = ({
-  entityType: r,
+const ss = ({
+  entityType: t,
   entitySubTypes: O,
   entities: i = [],
   disabledAssignees: D = [],
-  users: f = [],
+  users: j = [],
   disabledStatuses: E,
-  tagsOptions: j = [],
-  isFetching: x,
+  tagsOptions: x = [],
+  isFetching: v,
   isCompact: n = !1,
   currentTab: w,
-  onTabChange: M,
+  onTabChange: R,
   projectInfo: u,
-  onOpenViewer: R,
-  onEntityFocus: U,
-  thumbnailInputRef: V,
+  onOpenViewer: U,
+  onEntityFocus: V,
+  thumbnailInputRef: M,
   versionsInputRef: H
 }) => {
-  const { useSearchParams: L, useNavigate: G, bundleMode: K } = pt(), Q = G(), [W, _] = L(), $ = y(null), v = e(() => xt(u), [u]), g = it(
-    i.map((t) => t.projectName),
-    [r]
-  ), l = e(
-    () => I(
-      ...i.flatMap((t) => [
-        t.task?.assignees || [],
-        t.version?.author || []
-      ])
-    ),
-    [i]
-  );
-  let m = i[0];
-  const s = i.length === 0 || !m || x;
-  m || (m = {
+  const { useSearchParams: L, useNavigate: G, bundleMode: K } = pr(), Q = G(), [W, _] = L(), $ = T(null), b = e(() => xr(u), [u]), g = ir(
+    i.map((r) => r.projectName),
+    [t]
+  ), l = e(() => t === "task" ? f(...i.map((r) => r.task?.assignees || [])) : t === "version" ? f(
+    ...i.map((r) => {
+      const m = r.version?.author;
+      return Array.isArray(m) ? m : m ? [m] : [];
+    })
+  ) : [], [i, t]);
+  let p = i[0];
+  const s = i.length === 0 || !p || v;
+  p || (p = {
     parents: [],
     id: "placeholder",
     name: "loading...",
     label: "loading...",
-    entityType: r,
+    entityType: t,
     status: "loading",
     projectName: "loading...",
     tags: [],
@@ -348,54 +347,54 @@ const ms = ({
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const b = i.length > 1 ? void 0 : m?.projectName;
-  i.filter((t) => t.projectName === m?.projectName && t.id).map((t) => t.id);
-  const { data: q } = ot({ attributeName: "priority" }), N = rt(q, r), S = e(
-    () => jt(i, r, v),
-    [i, r, v]
-  ), k = e(() => i.map((t) => t.status), [i]), z = e(() => i.map((t) => t.attrib?.priority), [i]), B = e(() => i.map((t) => t.tags), [i]), F = e(
-    () => j.reduce((t, p) => (t[p.name] = p, t), {}),
-    [j]
-  ), h = i.length > 1, { updateEntity: J } = mt({
-    entities: i.map((t) => ({
-      id: t.id,
-      projectName: t.projectName,
-      users: t.task?.assignees || [],
-      folderId: t.folder?.id,
-      productId: t.product?.id
+  const N = i.length > 1 ? void 0 : p?.projectName;
+  i.filter((r) => r.projectName === p?.projectName && r.id).map((r) => r.id);
+  const { data: q } = tr({ attributeName: "priority" }), k = or(q, t), S = e(
+    () => jr(i, t, b),
+    [i, t, b]
+  ), A = e(() => i.map((r) => r.status), [i]), z = e(() => i.map((r) => r.attrib?.priority), [i]), B = e(() => i.map((r) => r.tags), [i]), F = e(
+    () => x.reduce((r, m) => (r[m.name] = m, r), {}),
+    [x]
+  ), h = i.length > 1, { updateEntity: J } = mr({
+    entities: i.map((r) => ({
+      id: r.id,
+      projectName: r.projectName,
+      users: r.task?.assignees || [],
+      folderId: r.folder?.id,
+      productId: r.product?.id
     })),
-    entityType: r
-  }), d = (t, p) => p == null ? console.error("value is null or undefined") : J(t, p), X = () => {
-    let t, p = m.id, a = r + "Id";
-    r === "version" && m.product?.id && (t = [m.id], p = m.product?.id, a = "productId"), p && R({
-      [a]: p,
-      projectName: b,
-      versionIds: t
+    entityType: t
+  }), d = (r, m) => m == null ? console.error("value is null or undefined") : J(r, m), X = () => {
+    let r, m = p.id, a = t + "Id";
+    t === "version" && p.product?.id && (r = [p.id], m = p.product?.id, a = "productId"), m && U({
+      [a]: m,
+      projectName: N,
+      versionIds: r
     });
-  }, P = ["task", "version", "representation"].includes(r) && (l.length > 0 || r === "task"), C = f.map((t) => t);
+  }, P = (t === "task" || t === "version") && (l.length > 0 || t === "task"), C = j.map((r) => r);
   if (P) {
-    const t = f.map((a) => a.name), p = l.filter((a) => !t.includes(a));
-    p.length && C.push(...p.map((a) => ({ name: a, fullName: a })));
+    const r = j.map((a) => a.name), m = l.filter((a) => !r.includes(a));
+    m.length && C.push(...m.map((a) => ({ name: a, fullName: a })));
   }
-  const { title: Y, subTitle: Z } = vt(i, r), A = g?.length !== 0 && g?.find((t) => t.name === k[0]);
-  return /* @__PURE__ */ o.jsx(et, { children: /* @__PURE__ */ o.jsx(
-    St,
+  const { title: Y, subTitle: Z } = vr(i, t), I = g?.length !== 0 && g?.find((r) => r.name === A[0]);
+  return /* @__PURE__ */ o.jsx(er, { children: /* @__PURE__ */ o.jsx(
+    kr,
     {
       entities: i,
-      entityType: r,
-      projectName: b,
-      thumbnailInputRef: V,
+      entityType: t,
+      projectName: N,
+      thumbnailInputRef: M,
       versionsInputRef: H,
-      onVersionCreated: (t) => U?.(t, "version"),
-      children: /* @__PURE__ */ o.jsxs(lt, { className: c("details-panel-header", { isCompact: n }), children: [
+      onVersionCreated: (r) => V?.(r, "version"),
+      children: /* @__PURE__ */ o.jsxs(lr, { className: c("details-panel-header", { isCompact: n }), children: [
         /* @__PURE__ */ o.jsxs(
-          nt,
+          nr,
           {
             className: c("titles", { isCompact: n, loading: s }, "no-shimmer"),
             children: [
               /* @__PURE__ */ o.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ o.jsx(
-                  kt,
+                  Sr,
                   {
                     isLoading: s,
                     shimmer: s,
@@ -404,21 +403,21 @@ const ms = ({
                     hoverIcon: "play_circle"
                   }
                 ),
-                !h && m?.hasReviewables && /* @__PURE__ */ o.jsx(bt, {})
+                !h && p?.hasReviewables && /* @__PURE__ */ o.jsx(br, {})
               ] }),
-              /* @__PURE__ */ o.jsxs(dt, { className: c({ loading: s }), children: [
-                /* @__PURE__ */ o.jsxs(ct, { children: [
+              /* @__PURE__ */ o.jsxs(dr, { className: c({ loading: s }), children: [
+                /* @__PURE__ */ o.jsxs(cr, { children: [
                   /* @__PURE__ */ o.jsx("h2", { children: Y }),
                   /* @__PURE__ */ o.jsx(
-                    ut,
+                    ur,
                     {
                       ref: $,
-                      value: I(...B),
+                      value: f(...B),
                       tags: F,
                       options: [],
                       editable: !0,
                       editor: !0,
-                      onChange: (t) => d("tags", t),
+                      onChange: (r) => d("tags", r),
                       align: "right",
                       styleDropdown: { display: s ? "none" : "unset" },
                       className: "tags-select",
@@ -428,81 +427,81 @@ const ms = ({
                 ] }),
                 /* @__PURE__ */ o.jsxs("div", { className: "sub-title", children: [
                   /* @__PURE__ */ o.jsxs("span", { className: "entity-type", children: [
-                    T(r),
+                    y(t),
                     " - "
                   ] }),
                   /* @__PURE__ */ o.jsx("h3", { children: Z })
                 ] }),
-                r === "version" && !h && !s && m && /* @__PURE__ */ o.jsx(
-                  at,
+                t === "version" && !h && !s && p && /* @__PURE__ */ o.jsx(
+                  ar,
                   {
-                    entity: m,
+                    entity: p,
                     taskTypes: u.taskTypes
                   },
-                  m.id
+                  p.id
                 )
               ] })
             ]
           }
         ),
         /* @__PURE__ */ o.jsx(
-          gt,
+          gr,
           {
-            value: k,
+            value: A,
             options: g || [],
             disabledValues: E,
             invert: !0,
             style: { maxWidth: "unset" },
-            onChange: (t) => d("status", t),
+            onChange: (r) => d("status", r),
             className: c("status-select", { loading: s }),
             align: n ? "right" : "left",
-            $textColor: tt(A !== void 0 ? A.color : "#OOO")
+            $textColor: rr(I !== void 0 ? I.color : "#OOO")
           }
         ),
         !n && (!P || s ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(
-          ht,
+          hr,
           {
             value: l,
             options: C,
-            disabledValues: D.map((t) => t.name),
-            isMultiple: h && l.length > 1 && r === "task",
-            readOnly: r !== "task",
-            emptyMessage: r === "task" ? "Assign user" : "",
+            disabledValues: D.map((r) => r.name),
+            isMultiple: h && l.length > 1 && t === "task",
+            readOnly: t !== "task",
+            emptyMessage: t === "task" ? "Assign user" : "",
             align: "right",
-            onChange: (t) => d("assignees", t),
+            onChange: (r) => d("assignees", r),
             className: "assignee-select",
-            "data-tooltip": l.length ? r === "task" ? "Assigned users" : "Author" : ""
+            "data-tooltip": l.length ? t === "task" ? "Assigned users" : "Author" : ""
           }
         )),
         /* @__PURE__ */ o.jsx(
-          Nt,
+          Nr,
           {
             entities: i,
-            entityType: r,
+            entityType: t,
             entitySubTypes: O,
-            isLoadingEntity: !!x || !!s,
+            isLoadingEntity: !!v || !!s,
             searchParams: W,
             bundleMode: K,
             onSetSearchParams: _,
             onNavigate: Q
           }
         ),
-        N ? /* @__PURE__ */ o.jsx(
-          ft,
+        k ? /* @__PURE__ */ o.jsx(
+          fr,
           {
-            options: N,
+            options: k,
             placeholder: "No priority",
             value: z,
-            onChange: (t) => d("attrib", { priority: t[0] }),
+            onChange: (r) => d("attrib", { priority: r[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ o.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ o.jsx(
-          st,
+          sr,
           {
-            entityType: r,
+            entityType: t,
             currentTab: w,
-            onTabChange: M,
+            onTabChange: R,
             isLoading: s
           }
         )
@@ -511,6 +510,6 @@ const ms = ({
   ) });
 };
 export {
-  ms as default
+  ss as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map