@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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 } from '@shared/components/EntityPanelUploader/EntityPanelUploader'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { Actions } from '../../../Actions/Actions'\nimport type { DetailsPanelProps } from '../../DetailsPanel'\n// shared\nimport { useGetAttributeConfigQuery } from '@shared/api'\nimport type { Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useEntityUpdate } from '@shared/hooks/useEntityUpdate'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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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"}
+{"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 } from '@shared/components/EntityPanelUploader/EntityPanelUploader'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { Actions } from '../../../Actions/Actions'\nimport type { DetailsPanelProps } from '../../DetailsPanel'\n// shared\nimport { useGetAttributeConfigQuery } from '@shared/api'\nimport type { Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useEntityUpdate } from '@shared/hooks/useEntityUpdate'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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  const isPlayable = !isMultiple && !!firstEntity?.hasReviewables\n  const isThumbnailClickable = thumbnails.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={isThumbnailClickable ? handleThumbnailClick : undefined}\n                hoverIcon={isPlayable ? 'play_circle' : undefined}\n              />\n              {isPlayable && <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","isPlayable","isThumbnailClickable","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,11 +1,11 @@
 import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { useRef as T, useMemo as p } from "react";
-import { union as f, upperFirst as y } from "lodash";
+import { useRef as rr, useMemo as p } from "react";
+import { union as f, upperFirst as tr } from "lodash";
 import c from "clsx";
-import { getTextColor as rr } from "@ynput/ayon-react-components";
-import { EntityPanelUploader as tr } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
-import { StackedThumbnails as or } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
-import { Actions as ir } from "../../../Actions/Actions.es.js";
+import { getTextColor as or } from "@ynput/ayon-react-components";
+import { EntityPanelUploader as ir } from "../../../../components/EntityPanelUploader/EntityPanelUploader.es.js";
+import { StackedThumbnails as sr } from "../../../../components/Thumbnail/StackedThumbnails.es.js";
+import { Actions as mr } from "../../../Actions/Actions.es.js";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
 import "../../../../api/generated/graphqlLinks.es.js";
@@ -21,6 +21,7 @@ import "../../../../api/generated/configuration.es.js";
 import "../../../../api/generated/dataImport.es.js";
 import "../../../../api/generated/desktop.es.js";
 import "../../../../api/generated/entityLists.es.js";
+import "../../../../api/generated/enums.es.js";
 import "../../../../api/generated/events.es.js";
 import "../../../../api/generated/files.es.js";
 import "../../../../api/generated/folders.es.js";
@@ -46,6 +47,8 @@ import "../../../../api/generated/workfiles.es.js";
 import "../../../../api/generated/ynputCloud.es.js";
 import "../../../../api/generated/grouping.es.js";
 import "../../../../api/generated/views.es.js";
+import "../../../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../../../api/queries/actions/getActions.es.js";
 import "../../../../api/queries/activities/getActivities.es.js";
 import "../../../../api/queries/activities/updateReaction.es.js";
@@ -53,7 +56,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 sr } from "../../../../api/queries/attributes/getAttributes.es.js";
+import { useGetAttributeConfigQuery as ar } 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";
@@ -76,6 +79,7 @@ import "../../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../../api/queries/entityLists/listFolders.es.js";
+import "../../../../api/queries/enums/getEnums.es.js";
 import "../../../../api/queries/folders/getFolders.es.js";
 import "../../../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../../../api/queries/grouping/getGrouping.es.js";
@@ -104,38 +108,39 @@ import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
 import "react-toastify";
-import { getPriorityOptions as ar } from "../../../../util/getPriorityOptions.es.js";
+import { getPriorityOptions as er } from "../../../../util/getPriorityOptions.es.js";
 import "uuid";
+import "../../../../util/searchTerms.es.js";
 import "../../../../util/pubsub.es.js";
-import { useScopedStatuses as mr } from "../../../../hooks/useScopedStatuses.es.js";
-import { useEntityUpdate as er } from "../../../../hooks/useEntityUpdate.es.js";
-import { useDetailsPanelContext as pr } from "../../../../context/DetailsPanelContext.es.js";
-import lr from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
-import nr from "./LinkedTaskRow.es.js";
-import { HeaderContainer as dr, Grid as cr, Header as ur, Content as gr, Title as hr, TagsSelect as fr, StatusSelect as jr, AssigneeSelect as xr, PriorityEnumDropdown as vr } from "./DetailsPanelHeader.styled.es.js";
-import br from "../../helpers/getThumbnails.es.js";
-import Nr from "../../helpers/buildEntityTypeIcons.es.js";
-import { buildDetailsPanelTitles as kr } from "../../helpers/buildDetailsPanelTitles.es.js";
-import { PlayableIcon as Sr } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
-const Ho = ({
+import { useScopedStatuses as pr } from "../../../../hooks/useScopedStatuses.es.js";
+import { useEntityUpdate as lr } from "../../../../hooks/useEntityUpdate.es.js";
+import { useDetailsPanelContext as nr } from "../../../../context/DetailsPanelContext.es.js";
+import dr from "../DetailsPanelTabs/DetailsPanelTabs.es.js";
+import cr from "./LinkedTaskRow.es.js";
+import { HeaderContainer as ur, Grid as hr, Header as gr, Content as fr, Title as jr, TagsSelect as xr, StatusSelect as br, AssigneeSelect as vr, PriorityEnumDropdown as Nr } from "./DetailsPanelHeader.styled.es.js";
+import kr from "../../helpers/getThumbnails.es.js";
+import Sr from "../../helpers/buildEntityTypeIcons.es.js";
+import { buildDetailsPanelTitles as Pr } from "../../helpers/buildDetailsPanelTitles.es.js";
+import { PlayableIcon as Ar } from "../../../../components/PlayableIcon/PlayableIcon.es.js";
+const $o = ({
   entityType: t,
-  entitySubTypes: O,
+  entitySubTypes: D,
   entities: i = [],
-  disabledAssignees: D = [],
+  disabledAssignees: E = [],
   users: j = [],
-  disabledStatuses: E,
+  disabledStatuses: w,
   tagsOptions: x = [],
-  isFetching: v,
+  isFetching: b,
   isCompact: n = !1,
-  currentTab: w,
-  onTabChange: R,
+  currentTab: R,
+  onTabChange: U,
   projectInfo: u,
-  onOpenViewer: U,
-  onEntityFocus: V,
-  thumbnailInputRef: M,
-  versionsInputRef: H
+  onOpenViewer: V,
+  onEntityFocus: M,
+  thumbnailInputRef: H,
+  versionsInputRef: L
 }) => {
-  const { useSearchParams: L, useNavigate: G, bundleMode: K } = pr(), Q = G(), [W, _] = L(), $ = T(null), b = p(() => Nr(u), [u]), g = mr(
+  const { useSearchParams: G, useNavigate: K, bundleMode: Q } = nr(), W = K(), [_, $] = G(), q = rr(null), v = p(() => Sr(u), [u]), h = pr(
     i.map((r) => r.projectName),
     [t]
   ), l = p(() => t === "task" ? f(...i.map((r) => r.task?.assignees || [])) : t === "version" ? f(
@@ -144,9 +149,9 @@ const Ho = ({
       return Array.isArray(s) ? s : s ? [s] : [];
     })
   ) : [], [i, t]);
-  let a = i[0];
-  const m = i.length === 0 || !a || v;
-  a || (a = {
+  let m = i[0];
+  const a = i.length === 0 || !m || b;
+  m || (m = {
     parents: [],
     id: "placeholder",
     name: "loading...",
@@ -161,15 +166,15 @@ const Ho = ({
     updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
     path: ""
   });
-  const N = i.length > 1 ? void 0 : a?.projectName;
-  i.filter((r) => r.projectName === a?.projectName && r.id).map((r) => r.id);
-  const { data: q } = sr({ attributeName: "priority" }), k = ar(q, t), S = p(
-    () => br(i, t, b),
-    [i, t, b]
-  ), A = p(() => i.map((r) => r.status), [i]), z = p(() => i.map((r) => r.attrib?.priority), [i]), B = p(() => i.map((r) => r.tags), [i]), F = p(
+  const N = i.length > 1 ? void 0 : m?.projectName;
+  i.filter((r) => r.projectName === m?.projectName && r.id).map((r) => r.id);
+  const { data: z } = ar({ attributeName: "priority" }), k = er(z, t), S = p(
+    () => kr(i, t, v),
+    [i, t, v]
+  ), P = p(() => i.map((r) => r.status), [i]), B = p(() => i.map((r) => r.attrib?.priority), [i]), F = p(() => i.map((r) => r.tags), [i]), J = p(
     () => x.reduce((r, s) => (r[s.name] = s, r), {}),
     [x]
-  ), h = i.length > 1, { updateEntity: J } = er({
+  ), g = i.length > 1, A = !g && !!m?.hasReviewables, X = S.length === 1, { updateEntity: Y } = lr({
     entities: i.map((r) => ({
       id: r.id,
       projectName: r.projectName,
@@ -178,62 +183,62 @@ const Ho = ({
       productId: r.product?.id
     })),
     entityType: t
-  }), d = (r, s) => s == null ? console.error("value is null or undefined") : J(r, s), X = () => {
-    let r, s = a.id, e = t + "Id";
-    t === "version" && a.product?.id && (r = [a.id], s = a.product?.id, e = "productId"), s && U({
+  }), d = (r, s) => s == null ? console.error("value is null or undefined") : Y(r, s), Z = () => {
+    let r, s = m.id, e = t + "Id";
+    t === "version" && m.product?.id && (r = [m.id], s = m.product?.id, e = "productId"), s && V({
       [e]: s,
       projectName: N,
       versionIds: r
     });
-  }, P = (t === "task" || t === "version") && (l.length > 0 || t === "task"), C = j.map((r) => r);
-  if (P) {
+  }, C = (t === "task" || t === "version") && (l.length > 0 || t === "task"), I = j.map((r) => r);
+  if (C) {
     const r = j.map((e) => e.name), s = l.filter((e) => !r.includes(e));
-    s.length && C.push(...s.map((e) => ({ name: e, fullName: e })));
+    s.length && I.push(...s.map((e) => ({ name: e, fullName: e })));
   }
-  const { title: Y, subTitle: Z } = kr(i, t), I = g?.length !== 0 && g?.find((r) => r.name === A[0]);
-  return /* @__PURE__ */ o.jsx(dr, { children: /* @__PURE__ */ o.jsx(
-    tr,
+  const { title: T, subTitle: y } = Pr(i, t), O = h?.length !== 0 && h?.find((r) => r.name === P[0]);
+  return /* @__PURE__ */ o.jsx(ur, { children: /* @__PURE__ */ o.jsx(
+    ir,
     {
       entities: i,
       entityType: t,
       projectName: N,
-      thumbnailInputRef: M,
-      versionsInputRef: H,
-      onVersionCreated: (r) => V?.(r, "version"),
-      children: /* @__PURE__ */ o.jsxs(cr, { className: c("details-panel-header", { isCompact: n }), children: [
+      thumbnailInputRef: H,
+      versionsInputRef: L,
+      onVersionCreated: (r) => M?.(r, "version"),
+      children: /* @__PURE__ */ o.jsxs(hr, { className: c("details-panel-header", { isCompact: n }), children: [
         /* @__PURE__ */ o.jsxs(
-          ur,
+          gr,
           {
-            className: c("titles", { isCompact: n, loading: m }, "no-shimmer"),
+            className: c("titles", { isCompact: n, loading: a }, "no-shimmer"),
             children: [
               /* @__PURE__ */ o.jsxs("div", { style: { position: "relative" }, children: [
                 /* @__PURE__ */ o.jsx(
-                  or,
+                  sr,
                   {
-                    isLoading: m,
-                    shimmer: m,
+                    isLoading: a,
+                    shimmer: a,
                     thumbnails: S,
-                    onClick: S.length === 1 ? X : void 0,
-                    hoverIcon: "play_circle"
+                    onClick: X ? Z : void 0,
+                    hoverIcon: A ? "play_circle" : void 0
                   }
                 ),
-                !h && a?.hasReviewables && /* @__PURE__ */ o.jsx(Sr, {})
+                A && /* @__PURE__ */ o.jsx(Ar, {})
               ] }),
-              /* @__PURE__ */ o.jsxs(gr, { className: c({ loading: m }), children: [
-                /* @__PURE__ */ o.jsxs(hr, { children: [
-                  /* @__PURE__ */ o.jsx("h2", { children: Y }),
+              /* @__PURE__ */ o.jsxs(fr, { className: c({ loading: a }), children: [
+                /* @__PURE__ */ o.jsxs(jr, { children: [
+                  /* @__PURE__ */ o.jsx("h2", { children: T }),
                   /* @__PURE__ */ o.jsx(
-                    fr,
+                    xr,
                     {
-                      ref: $,
-                      value: f(...B),
-                      tags: F,
+                      ref: q,
+                      value: f(...F),
+                      tags: J,
                       options: [],
                       editable: !0,
                       editor: !0,
                       onChange: (r) => d("tags", r),
                       align: "right",
-                      styleDropdown: { display: m ? "none" : "unset" },
+                      styleDropdown: { display: a ? "none" : "unset" },
                       className: "tags-select",
                       itemClassName: "details-tag"
                     }
@@ -241,44 +246,44 @@ const Ho = ({
                 ] }),
                 /* @__PURE__ */ o.jsxs("div", { className: "sub-title", children: [
                   /* @__PURE__ */ o.jsxs("span", { className: "entity-type", children: [
-                    y(t),
+                    tr(t),
                     " - "
                   ] }),
-                  /* @__PURE__ */ o.jsx("h3", { children: Z })
+                  /* @__PURE__ */ o.jsx("h3", { children: y })
                 ] }),
-                t === "version" && !h && !m && a && /* @__PURE__ */ o.jsx(
-                  nr,
+                t === "version" && !g && !a && m && /* @__PURE__ */ o.jsx(
+                  cr,
                   {
-                    entity: a,
+                    entity: m,
                     taskTypes: u.taskTypes
                   },
-                  a.id
+                  m.id
                 )
               ] })
             ]
           }
         ),
         /* @__PURE__ */ o.jsx(
-          jr,
+          br,
           {
-            value: A,
-            options: g || [],
-            disabledValues: E,
+            value: P,
+            options: h || [],
+            disabledValues: w,
             invert: !0,
             style: { maxWidth: "unset" },
             onChange: (r) => d("status", r),
-            className: c("status-select", { loading: m }),
+            className: c("status-select", { loading: a }),
             align: n ? "right" : "left",
-            $textColor: rr(I !== void 0 ? I.color : "#OOO")
+            $textColor: or(O !== void 0 ? O.color : "#OOO")
           }
         ),
-        !n && (!P || m ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(
-          xr,
+        !n && (!C || a ? /* @__PURE__ */ o.jsx("div", {}) : /* @__PURE__ */ o.jsx(
+          vr,
           {
             value: l,
-            options: C,
-            disabledValues: D.map((r) => r.name),
-            isMultiple: h && l.length > 1 && t === "task",
+            options: I,
+            disabledValues: E.map((r) => r.name),
+            isMultiple: g && l.length > 1 && t === "task",
             readOnly: t !== "task",
             emptyMessage: t === "task" ? "Assign user" : "",
             align: "right",
@@ -288,35 +293,35 @@ const Ho = ({
           }
         )),
         /* @__PURE__ */ o.jsx(
-          ir,
+          mr,
           {
             entities: i,
             entityType: t,
-            entitySubTypes: O,
-            isLoadingEntity: !!v || !!m,
-            searchParams: W,
-            bundleMode: K,
-            onSetSearchParams: _,
-            onNavigate: Q
+            entitySubTypes: D,
+            isLoadingEntity: !!b || !!a,
+            searchParams: _,
+            bundleMode: Q,
+            onSetSearchParams: $,
+            onNavigate: W
           }
         ),
         k ? /* @__PURE__ */ o.jsx(
-          vr,
+          Nr,
           {
             options: k,
             placeholder: "No priority",
-            value: z,
+            value: B,
             onChange: (r) => d("attrib", { priority: r[0] }),
             align: "right"
           }
         ) : /* @__PURE__ */ o.jsx("div", { style: { height: 32 } }),
         /* @__PURE__ */ o.jsx(
-          lr,
+          dr,
           {
             entityType: t,
-            currentTab: w,
-            onTabChange: R,
-            isLoading: m
+            currentTab: R,
+            onTabChange: U,
+            isLoading: a
           }
         )
       ] })
@@ -324,6 +329,6 @@ const Ho = ({
   ) });
 };
 export {
-  Ho as default
+  $o as default
 };
 //# sourceMappingURL=DetailsPanelHeader.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelHeader.es.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 } from '@shared/components/EntityPanelUploader/EntityPanelUploader'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { Actions } from '../../../Actions/Actions'\nimport type { DetailsPanelProps } from '../../DetailsPanel'\n// shared\nimport { useGetAttributeConfigQuery } from '@shared/api'\nimport type { Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useEntityUpdate } from '@shared/hooks/useEntityUpdate'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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","e","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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"}
+{"version":3,"file":"DetailsPanelHeader.es.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 } from '@shared/components/EntityPanelUploader/EntityPanelUploader'\nimport { StackedThumbnails } from '@shared/components/Thumbnail/StackedThumbnails'\nimport { Actions } from '../../../Actions/Actions'\nimport type { DetailsPanelProps } from '../../DetailsPanel'\n// shared\nimport { useGetAttributeConfigQuery } from '@shared/api'\nimport type { Status } from '@shared/api'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { getPriorityOptions } from '@shared/util'\nimport { useScopedStatuses } from '@shared/hooks/useScopedStatuses'\nimport { useEntityUpdate } from '@shared/hooks/useEntityUpdate'\nimport type { DetailsPanelTab } from '@shared/context/DetailsPanelContext'\nimport { useDetailsPanelContext } from '@shared/context/DetailsPanelContext'\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  const isPlayable = !isMultiple && !!firstEntity?.hasReviewables\n  const isThumbnailClickable = thumbnails.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={isThumbnailClickable ? handleThumbnailClick : undefined}\n                hoverIcon={isPlayable ? 'play_circle' : undefined}\n              />\n              {isPlayable && <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","e","a","firstEntity","isLoading","projectName","priorityAttrib","useGetAttributeConfigQuery","priorities","getPriorityOptions","thumbnails","getThumbnails","statusesValue","t","priorityValues","tagsValues","tagsOptionsObject","acc","tag","isMultiple","isPlayable","isThumbnailClickable","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/DetailsPanelMoreMenu/DetailsPanelMoreMenu.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),K=require("clsx"),Q=require("@ynput/ayon-react-components"),W=require("../../../../components/Menu/Menu.cjs.js"),X=require("../../../../components/Menu/MenuContainer.cjs.js"),Y=require("../../../../components/DetailsDialog/DetailsDialog.cjs.js"),Z=require("../../../../context/MenuContext.cjs.js"),I=require("../../../../context/ThumbnailUploaderContext.cjs.js"),S=require("../../../../context/DeleteEntitiesContext.cjs.js"),N=require("./hooks/useContextAccess.cjs.js"),y=require("./hooks/useMenuOptions.cjs.js"),ee=require("./components/ShareDialog.cjs.js"),ne=(t,e,l,a)=>{const n={projectName:l,quickView:!0};switch(t){case"folder":return{...n,folderId:e};case"task":return{...n,taskId:e};case"product":return{...n,productId:e};case"version":return a?{...n,productId:a,versionIds:[e]}:null;default:return null}},se=({entityType:t,entityId:e,entityIds:l,entityLabel:a,projectName:n,selectedEntities:u=[],entityListsContext:v,onOpenPip:p,onOpenViewer:g,productId:h,taskId:w,folderId:k})=>{const m=r.useRef(null),[D,b]=r.useState(!1),[M,f]=r.useState(null),{menuOpen:A,toggleMenuOpen:L,setMenuOpen:C}=Z.useMenuContext(),{triggerThumbnailUpload:q,canUploadVersion:P}=r.useContext(I.ThumbnailUploadContext),{onOpenVersionUpload:R}=N.useContextAccess(),U=r.useId(),c=r.useMemo(()=>{const i=e||l?.[0]||"noentity";return`details-more-menu-${U}-${i}-${n||"noproject"}`},[U,e,l,n]),T=A===c,$=!!e&&!!n&&!!q,H=!!P&&!!R,z=()=>{R?.({productId:h,taskId:w,folderId:k})},x=e&&n?ne(t,e,n,h):null,B=!!g&&!!x,E=S.useDeleteEntitiesContextOptional(),d=r.useMemo(()=>(u.length?u:e?[{entityId:e,entityType:t,projectName:n}]:[]).map(s=>{const V=s.entityType||t,j=s.projectName||n;return!S.isDeletableEntityType(V)||!s.entityId||!j?null:{id:s.entityId,entityType:V,name:s.name,label:s.label,projectName:j,folderId:s.folderId,parentId:s.parentId}}).filter(s=>s!==null),[u,e,t,n]),F=!!E&&d.length>0,_=()=>{C(!1),E?.deleteEntities(d)},{items:G}=y.useMenuOptions({entityType:t,entityId:e,projectName:n,selectedEntities:u,deleteEntities:d,canUploadThumbnail:$,canUploadVersion:H,canOpenPip:!!p,canOpenViewer:B,canDelete:F,entityListsContext:v,onPip:()=>p?.(),onOpenViewer:()=>x&&g?.(x),onUploadThumbnail:()=>q?.(),onUploadVersion:z,onShare:i=>f(i),onViewData:()=>b(!0),onDelete:_}),O=l?.length?l:e?[e]:[],J=a||e||"";return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(Q.Button,{ref:m,icon:"more_horiz",variant:"text","data-tooltip":"More actions","aria-label":"More actions",className:K({active:T}),onClick:()=>L(c)}),o.jsxRuntimeExports.jsx(X.MenuContainer,{id:c,target:m.current,align:"right",children:o.jsxRuntimeExports.jsx(W.Menu,{menu:G,onClose:()=>C(!1)})}),D&&n&&O.length>0&&o.jsxRuntimeExports.jsx(Y.DetailsDialog,{projectName:n,entityType:t,entityIds:O,visible:D,onHide:()=>b(!1)}),M&&o.jsxRuntimeExports.jsx(ee.ShareDialog,{link:M,entityLabel:J,visible:!0,onHide:()=>f(null)})]})};exports.DetailsPanelMoreMenu=se;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),Q=require("clsx"),W=require("@ynput/ayon-react-components"),X=require("../../../../components/Menu/Menu.cjs.js"),Y=require("../../../../components/Menu/MenuContainer.cjs.js"),Z=require("../../../../components/DetailsDialog/DetailsDialog.cjs.js"),I=require("../../../../context/MenuContext.cjs.js"),N=require("../../../../context/ThumbnailUploaderContext.cjs.js"),v=require("../../../../context/DeleteEntitiesContext.cjs.js"),y=require("./hooks/useContextAccess.cjs.js"),ee=require("./hooks/useMenuOptions.cjs.js"),ne=require("./components/ShareDialog.cjs.js"),se=(t,e,l,a)=>{const n={projectName:l,quickView:!0};switch(t){case"folder":return{...n,folderId:e};case"task":return{...n,taskId:e};case"product":return{...n,productId:e};case"version":return a?{...n,productId:a,versionIds:[e]}:null;default:return null}},S=({entityType:t,entityId:e,entityIds:l,entityLabel:a,projectName:n,selectedEntities:u=[],entityListsContext:w,onOpenPip:p,onOpenViewer:g,productId:h,taskId:k,folderId:A})=>{const m=r.useRef(null),[D,M]=r.useState(!1),[b,f]=r.useState(null),{menuOpen:L,toggleMenuOpen:P,setMenuOpen:C}=I.useMenuContext(),{triggerThumbnailUpload:q,canUploadVersion:T}=r.useContext(N.ThumbnailUploadContext),{onOpenVersionUpload:R}=y.useContextAccess(),U=r.useId(),c=r.useMemo(()=>{const i=e||l?.[0]||"noentity";return`details-more-menu-${U}-${i}-${n||"noproject"}`},[U,e,l,n]),_=L===c,$=!!e&&!!n&&!!q,H=!!T&&!!R,z=()=>{R?.({productId:h,taskId:k,folderId:A})},x=e&&n?se(t,e,n,h):null,B=!!g&&!!x,E=v.useDeleteEntitiesContextOptional(),d=r.useMemo(()=>(u.length?u:e?[{entityId:e,entityType:t,projectName:n}]:[]).map(s=>{const V=s.entityType||t,j=s.projectName||n;return!v.isDeletableEntityType(V)||!s.entityId||!j?null:{id:s.entityId,entityType:V,name:s.name,label:s.label,projectName:j,folderId:s.folderId,parentId:s.parentId}}).filter(s=>s!==null),[u,e,t,n]),F=!!E&&d.length>0,G=()=>{C(!1),E?.deleteEntities(d)},{items:J}=ee.useMenuOptions({entityType:t,entityId:e,projectName:n,selectedEntities:u,deleteEntities:d,canUploadThumbnail:$,canUploadVersion:H,canOpenPip:!!p,canOpenViewer:B,canDelete:F,entityListsContext:w,onPip:()=>p?.(),onOpenViewer:()=>x&&g?.(x),onUploadThumbnail:()=>q?.(),onUploadVersion:z,onShare:i=>f(i),onViewData:()=>M(!0),onDelete:G}),O=l?.length?l:e?[e]:[],K=a||e||"";return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsx(W.Button,{ref:m,icon:"more_horiz",variant:"text","data-tooltip":"More actions","aria-label":"More actions",className:Q({active:_}),onClick:()=>P(c)}),o.jsxRuntimeExports.jsx(Y.MenuContainer,{id:c,target:m.current,align:"right",children:o.jsxRuntimeExports.jsx(X.Menu,{menu:J,onClose:()=>C(!1)})}),D&&n&&O.length>0&&o.jsxRuntimeExports.jsx(Z.DetailsDialog,{projectName:n,entityType:t,entityIds:O,visible:D,onHide:()=>M(!1)}),b&&o.jsxRuntimeExports.jsx(ne.ShareDialog,{link:b,entityLabel:K,visible:!0,onHide:()=>f(null)})]})};exports.DetailsPanelMoreMenu=S;exports.default=S;
 //# sourceMappingURL=DetailsPanelMoreMenu.cjs.js.map