@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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

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

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

@@ -147,6 +147,7 @@
   }
   .tag {
     padding: 0 4px;
+    color: var(--color-tag-text) !important;
   }
   .placeholder {
     padding: 0 2px;
@@ -154,7 +155,7 @@
       display: none;
     }
   }
-`,f=e(t.EnumDropdown)`
+`,m=e(t.EnumDropdown)`
   width: max-content;
   justify-self: end;
   /* remove text and dropdown icon */
@@ -178,10 +179,10 @@
       background-color: var(--md-sys-color-surface-container-low-hover);
     }
   }
-`,m=e.footer`
+`,f=e.footer`
   display: flex;
   align-items: center;
   gap: var(--base-gap-small);
   justify-content: space-between;
-`;exports.AssigneeSelect=g;exports.CloseButton=o;exports.Content=r;exports.ContentRow=d;exports.Footer=m;exports.Grid=n;exports.Header=a;exports.HeaderContainer=i;exports.LabelWrapper=p;exports.PriorityEnumDropdown=f;exports.StatusSelect=c;exports.TagsSelect=u;exports.ThumbnailWrapper=s;exports.Title=l;
+`;exports.AssigneeSelect=g;exports.CloseButton=o;exports.Content=r;exports.ContentRow=d;exports.Footer=f;exports.Grid=n;exports.Header=a;exports.HeaderContainer=i;exports.LabelWrapper=p;exports.PriorityEnumDropdown=m;exports.StatusSelect=c;exports.TagsSelect=u;exports.ThumbnailWrapper=s;exports.Title=l;
 //# sourceMappingURL=DetailsPanelHeader.styled.cjs.js.map

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

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

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

@@ -149,6 +149,7 @@ const r = e.div`
   }
   .tag {
     padding: 0 4px;
+    color: var(--color-tag-text) !important;
   }
   .placeholder {
     padding: 0 2px;

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

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

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

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

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

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

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

@@ -0,0 +1,85 @@
+import { j as F } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as N } from "react";
+import "react-dom";
+import { FeedProvider as P } from "../Feed/context/FeedContext.es.js";
+import "@ynput/ayon-react-components";
+import "clsx";
+import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "lodash";
+import "react-toastify";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../Feed/components/CommentInput/CommentInput.es.js";
+import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as b } from "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../Feed/components/ActivityDate.es.js";
+import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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";
+import "../Feed/Feed.styled.es.js";
+import "date-fns";
+import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+const jt = ({
+  children: r,
+  scope: i = "dashboard",
+  entities: m,
+  entityType: p,
+  projectName: e,
+  projectInfo: n,
+  annotations: s,
+  removeAnnotation: a,
+  exportAnnotationComposite: d,
+  ...l
+}) => {
+  var o;
+  const u = { annotations: s, removeAnnotation: a, exportAnnotationComposite: d }, { user: t } = b(), c = (t == null ? void 0 : t.name) ?? "", f = ((o = t == null ? void 0 : t.attrib) == null ? void 0 : o.fullName) ?? "", [x, j] = N(null);
+  return /* @__PURE__ */ F.jsx(
+    P,
+    {
+      scope: i,
+      entities: m,
+      projectName: e,
+      entityType: p,
+      projectInfo: n,
+      userName: c,
+      userFullName: f,
+      ...u,
+      editingId: x,
+      setEditingId: j,
+      ...l,
+      children: r
+    }
+  );
+};
+export {
+  jt as default
+};
+//# sourceMappingURL=FeedContextWrapper.es.js.map

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

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

package/dist/shared/src/containers/DetailsPanel/FeedFilters/FeedFilters.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("./FeedFilters.styled.cjs.js"),e=require("@ynput/ayon-react-components"),h=require("clsx"),y=require("../DetailsPanel.cjs.js"),s=[{id:"activity",tooltip:"All activity",icon:"forum"},{id:"comments",tooltip:"Comments",icon:"chat"},{id:"versions",tooltip:"Published versions",icon:"layers"},{id:"checklists",tooltip:"Checklists",icon:"checklist"}],F=({isLoading:d,entityType:c,className:r,overrides:a={},currentTab:o,onTabChange:l,...x})=>{Object.entries(a).forEach(([t,u])=>{const n=s.findIndex(m=>m.id===t);n!==-1&&(s[n]={...s[n],...u})});const p=y.entitiesWithoutFeed.includes(c);return i.jsxRuntimeExports.jsxs(j.FiltersToolbar,{...x,className:h(r,{loading:d}),children:[!p&&s.map(t=>i.jsxRuntimeExports.jsx(e.Button,{selected:t.id===o,onClick:()=>l(t.id),label:t.label,icon:t.icon,"data-tooltip":t.tooltip,"data-tooltip-delay":0},t.id)),i.jsxRuntimeExports.jsx(e.Spacer,{}),c==="version"&&i.jsxRuntimeExports.jsx(e.Button,{icon:"order_play",onClick:()=>l("files"),selected:o==="files","data-tooltip":"Version files","data-tooltip-delay":0}),i.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("attribs"),selected:o==="attribs",style:{padding:"6px 8px"},children:"Attributes"})]})};module.exports=F;
+"use strict";const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),j=require("./FeedFilters.styled.cjs.js"),e=require("@ynput/ayon-react-components"),h=require("clsx"),y=require("../DetailsPanel.cjs.js"),s=[{id:"activity",tooltip:"All activity",icon:"forum"},{id:"comments",tooltip:"Comments",icon:"chat"},{id:"versions",tooltip:"Published versions",icon:"layers"},{id:"checklists",tooltip:"Checklists",icon:"checklist"}],F=({isLoading:d,entityType:c,className:r,overrides:a={},currentTab:o,onTabChange:l,...x})=>{Object.entries(a).forEach(([t,u])=>{const n=s.findIndex(m=>m.id===t);n!==-1&&(s[n]={...s[n],...u})});const p=y.entitiesWithoutFeed.includes(c);return i.jsxRuntimeExports.jsxs(j.FiltersToolbar,{...x,className:h(r,{loading:d}),children:[!p&&s.map(t=>i.jsxRuntimeExports.jsx(e.Button,{selected:t.id===o,onClick:()=>l(t.id),label:t.label,icon:t.icon,"data-tooltip":t.tooltip,"data-tooltip-delay":0},t.id)),i.jsxRuntimeExports.jsx(e.Spacer,{}),c==="version"&&i.jsxRuntimeExports.jsx(e.Button,{icon:"order_play",onClick:()=>l("files"),selected:o==="files","data-tooltip":"Version files","data-tooltip-delay":0}),i.jsxRuntimeExports.jsx(e.Button,{onClick:()=>l("details"),selected:o==="details",style:{padding:"6px 8px"},children:"Details"})]})};module.exports=F;
 //# sourceMappingURL=FeedFilters.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FeedFilters.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/FeedFilters/FeedFilters.tsx"],"sourcesContent":["import * as Styled from './FeedFilters.styled'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { entitiesWithoutFeed } from '../DetailsPanel'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelTab } from '@shared/context'\n\nconst filtersLeft: {\n  id: DetailsPanelTab\n  label?: string\n  tooltip: string\n  icon: string\n}[] = [\n  {\n    id: 'activity',\n    tooltip: 'All activity',\n    icon: 'forum',\n  },\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n]\n\nexport interface FeedFiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean\n  entityType: DetailsPanelEntityType\n  overrides?: Record<string, any>\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n}\n\nconst FeedFilters = ({\n  isLoading,\n  entityType,\n  className,\n  overrides = {},\n  currentTab,\n  onTabChange,\n  ...props\n}: FeedFiltersProps) => {\n  // for each override, find the filter and update it\n  Object.entries(overrides).forEach(([id, override]) => {\n    const index = filtersLeft.findIndex((filter) => filter.id === id)\n    if (index !== -1) {\n      filtersLeft[index] = { ...filtersLeft[index], ...override }\n    }\n  })\n\n  const hideActivityFilters = entitiesWithoutFeed.includes(entityType)\n\n  return (\n    <Styled.FiltersToolbar {...props} className={clsx(className, { loading: isLoading })}>\n      {!hideActivityFilters &&\n        filtersLeft.map((filter) => (\n          <Button\n            key={filter.id}\n            selected={filter.id === currentTab}\n            onClick={() => onTabChange(filter.id)}\n            label={filter.label}\n            icon={filter.icon}\n            data-tooltip={filter.tooltip}\n            data-tooltip-delay={0}\n          />\n        ))}\n      <Spacer />\n      {entityType === 'version' && (\n        <Button\n          icon=\"order_play\"\n          onClick={() => onTabChange('files')}\n          selected={currentTab === 'files'}\n          data-tooltip=\"Version files\"\n          data-tooltip-delay={0}\n        />\n      )}\n      <Button\n        onClick={() => onTabChange('attribs')}\n        selected={currentTab === 'attribs'}\n        style={{ padding: '6px 8px' }}\n      >\n        Attributes\n      </Button>\n    </Styled.FiltersToolbar>\n  )\n}\n\nexport default FeedFilters\n"],"names":["filtersLeft","FeedFilters","isLoading","entityType","className","overrides","currentTab","onTabChange","props","id","override","index","filter","hideActivityFilters","entitiesWithoutFeed","jsxs","Styled.FiltersToolbar","clsx","jsx","Button","Spacer"],"mappings":"oNAOMA,EAKA,CACJ,CACE,GAAI,WACJ,QAAS,eACT,KAAM,OACR,EACA,CACE,GAAI,WACJ,QAAS,WACT,KAAM,MACR,EACA,CACE,GAAI,WACJ,QAAS,qBACT,KAAM,QACR,EACA,CACE,GAAI,aACJ,QAAS,aACT,KAAM,WAAA,CAEV,EAUMC,EAAc,CAAC,CACnB,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,CAAC,EACb,WAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAwB,CAEf,OAAA,QAAQH,CAAS,EAAE,QAAQ,CAAC,CAACI,EAAIC,CAAQ,IAAM,CACpD,MAAMC,EAAQX,EAAY,UAAWY,GAAWA,EAAO,KAAOH,CAAE,EAC5DE,IAAU,KACAX,EAAAW,CAAK,EAAI,CAAE,GAAGX,EAAYW,CAAK,EAAG,GAAGD,CAAS,EAC5D,CACD,EAEK,MAAAG,EAAsBC,EAAAA,oBAAoB,SAASX,CAAU,EAEnE,OACGY,yBAAAC,EAAAA,eAAA,CAAuB,GAAGR,EAAO,UAAWS,EAAKb,EAAW,CAAE,QAASF,CAAW,CAAA,EAChF,SAAA,CAAA,CAACW,GACAb,EAAY,IAAKY,GACfM,EAAA,kBAAA,IAACC,EAAA,OAAA,CAEC,SAAUP,EAAO,KAAON,EACxB,QAAS,IAAMC,EAAYK,EAAO,EAAE,EACpC,MAAOA,EAAO,MACd,KAAMA,EAAO,KACb,eAAcA,EAAO,QACrB,qBAAoB,CAAA,EANfA,EAAO,EAAA,CAQf,0BACFQ,EAAO,OAAA,EAAA,EACPjB,IAAe,WACde,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAK,aACL,QAAS,IAAMZ,EAAY,OAAO,EAClC,SAAUD,IAAe,QACzB,eAAa,gBACb,qBAAoB,CAAA,CACtB,EAEFY,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAS,IAAMZ,EAAY,SAAS,EACpC,SAAUD,IAAe,UACzB,MAAO,CAAE,QAAS,SAAU,EAC7B,SAAA,YAAA,CAAA,CAED,EACF,CAEJ"}
+{"version":3,"file":"FeedFilters.cjs.js","sources":["../../../../../../src/containers/DetailsPanel/FeedFilters/FeedFilters.tsx"],"sourcesContent":["import * as Styled from './FeedFilters.styled'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { entitiesWithoutFeed } from '../DetailsPanel'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelTab } from '@shared/context'\n\nconst filtersLeft: {\n  id: DetailsPanelTab\n  label?: string\n  tooltip: string\n  icon: string\n}[] = [\n  {\n    id: 'activity',\n    tooltip: 'All activity',\n    icon: 'forum',\n  },\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n]\n\nexport interface FeedFiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean\n  entityType: DetailsPanelEntityType\n  overrides?: Record<string, any>\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n}\n\nconst FeedFilters = ({\n  isLoading,\n  entityType,\n  className,\n  overrides = {},\n  currentTab,\n  onTabChange,\n  ...props\n}: FeedFiltersProps) => {\n  // for each override, find the filter and update it\n  Object.entries(overrides).forEach(([id, override]) => {\n    const index = filtersLeft.findIndex((filter) => filter.id === id)\n    if (index !== -1) {\n      filtersLeft[index] = { ...filtersLeft[index], ...override }\n    }\n  })\n\n  const hideActivityFilters = entitiesWithoutFeed.includes(entityType)\n\n  return (\n    <Styled.FiltersToolbar {...props} className={clsx(className, { loading: isLoading })}>\n      {!hideActivityFilters &&\n        filtersLeft.map((filter) => (\n          <Button\n            key={filter.id}\n            selected={filter.id === currentTab}\n            onClick={() => onTabChange(filter.id)}\n            label={filter.label}\n            icon={filter.icon}\n            data-tooltip={filter.tooltip}\n            data-tooltip-delay={0}\n          />\n        ))}\n      <Spacer />\n      {entityType === 'version' && (\n        <Button\n          icon=\"order_play\"\n          onClick={() => onTabChange('files')}\n          selected={currentTab === 'files'}\n          data-tooltip=\"Version files\"\n          data-tooltip-delay={0}\n        />\n      )}\n      <Button\n        onClick={() => onTabChange('details')}\n        selected={currentTab === 'details'}\n        style={{ padding: '6px 8px' }}\n      >\n        Details\n      </Button>\n    </Styled.FiltersToolbar>\n  )\n}\n\nexport default FeedFilters\n"],"names":["filtersLeft","FeedFilters","isLoading","entityType","className","overrides","currentTab","onTabChange","props","id","override","index","filter","hideActivityFilters","entitiesWithoutFeed","jsxs","Styled.FiltersToolbar","clsx","jsx","Button","Spacer"],"mappings":"oNAOMA,EAKA,CACJ,CACE,GAAI,WACJ,QAAS,eACT,KAAM,OACR,EACA,CACE,GAAI,WACJ,QAAS,WACT,KAAM,MACR,EACA,CACE,GAAI,WACJ,QAAS,qBACT,KAAM,QACR,EACA,CACE,GAAI,aACJ,QAAS,aACT,KAAM,WAAA,CAEV,EAUMC,EAAc,CAAC,CACnB,UAAAC,EACA,WAAAC,EACA,UAAAC,EACA,UAAAC,EAAY,CAAC,EACb,WAAAC,EACA,YAAAC,EACA,GAAGC,CACL,IAAwB,CAEf,OAAA,QAAQH,CAAS,EAAE,QAAQ,CAAC,CAACI,EAAIC,CAAQ,IAAM,CACpD,MAAMC,EAAQX,EAAY,UAAWY,GAAWA,EAAO,KAAOH,CAAE,EAC5DE,IAAU,KACAX,EAAAW,CAAK,EAAI,CAAE,GAAGX,EAAYW,CAAK,EAAG,GAAGD,CAAS,EAC5D,CACD,EAEK,MAAAG,EAAsBC,EAAAA,oBAAoB,SAASX,CAAU,EAEnE,OACGY,yBAAAC,EAAAA,eAAA,CAAuB,GAAGR,EAAO,UAAWS,EAAKb,EAAW,CAAE,QAASF,CAAW,CAAA,EAChF,SAAA,CAAA,CAACW,GACAb,EAAY,IAAKY,GACfM,EAAA,kBAAA,IAACC,EAAA,OAAA,CAEC,SAAUP,EAAO,KAAON,EACxB,QAAS,IAAMC,EAAYK,EAAO,EAAE,EACpC,MAAOA,EAAO,MACd,KAAMA,EAAO,KACb,eAAcA,EAAO,QACrB,qBAAoB,CAAA,EANfA,EAAO,EAAA,CAQf,0BACFQ,EAAO,OAAA,EAAA,EACPjB,IAAe,WACde,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,KAAK,aACL,QAAS,IAAMZ,EAAY,OAAO,EAClC,SAAUD,IAAe,QACzB,eAAa,gBACb,qBAAoB,CAAA,CACtB,EAEFY,EAAA,kBAAA,IAACC,EAAA,OAAA,CACC,QAAS,IAAMZ,EAAY,SAAS,EACpC,SAAUD,IAAe,UACzB,MAAO,CAAE,QAAS,SAAU,EAC7B,SAAA,SAAA,CAAA,CAED,EACF,CAEJ"}

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

@@ -1,8 +1,8 @@
 import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
 import { FiltersToolbar as h } from "./FeedFilters.styled.es.js";
-import { Button as c, Spacer as j } from "@ynput/ayon-react-components";
-import u from "clsx";
-import { entitiesWithoutFeed as k } from "../DetailsPanel.es.js";
+import { Button as d, Spacer as j } from "@ynput/ayon-react-components";
+import k from "clsx";
+import { entitiesWithoutFeed as u } from "../DetailsPanel.es.js";
 const o = [
   {
     id: "activity",
@@ -24,23 +24,23 @@ const o = [
     tooltip: "Checklists",
     icon: "checklist"
   }
-], C = ({
+], E = ({
   isLoading: n,
-  entityType: d,
-  className: r,
-  overrides: a = {},
+  entityType: c,
+  className: a,
+  overrides: r = {},
   currentTab: s,
   onTabChange: e,
   ...p
 }) => {
-  Object.entries(a).forEach(([i, x]) => {
+  Object.entries(r).forEach(([i, x]) => {
     const l = o.findIndex((f) => f.id === i);
     l !== -1 && (o[l] = { ...o[l], ...x });
   });
-  const m = k.includes(d);
-  return /* @__PURE__ */ t.jsxs(h, { ...p, className: u(r, { loading: n }), children: [
+  const m = u.includes(c);
+  return /* @__PURE__ */ t.jsxs(h, { ...p, className: k(a, { loading: n }), children: [
     !m && o.map((i) => /* @__PURE__ */ t.jsx(
-      c,
+      d,
       {
         selected: i.id === s,
         onClick: () => e(i.id),
@@ -52,8 +52,8 @@ const o = [
       i.id
     )),
     /* @__PURE__ */ t.jsx(j, {}),
-    d === "version" && /* @__PURE__ */ t.jsx(
-      c,
+    c === "version" && /* @__PURE__ */ t.jsx(
+      d,
       {
         icon: "order_play",
         onClick: () => e("files"),
@@ -63,17 +63,17 @@ const o = [
       }
     ),
     /* @__PURE__ */ t.jsx(
-      c,
+      d,
       {
-        onClick: () => e("attribs"),
-        selected: s === "attribs",
+        onClick: () => e("details"),
+        selected: s === "details",
         style: { padding: "6px 8px" },
-        children: "Attributes"
+        children: "Details"
       }
     )
   ] });
 };
 export {
-  C as default
+  E as default
 };
 //# sourceMappingURL=FeedFilters.es.js.map

package/dist/shared/src/containers/DetailsPanel/FeedFilters/FeedFilters.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedFilters.es.js","sources":["../../../../../../src/containers/DetailsPanel/FeedFilters/FeedFilters.tsx"],"sourcesContent":["import * as Styled from './FeedFilters.styled'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { entitiesWithoutFeed } from '../DetailsPanel'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelTab } from '@shared/context'\n\nconst filtersLeft: {\n  id: DetailsPanelTab\n  label?: string\n  tooltip: string\n  icon: string\n}[] = [\n  {\n    id: 'activity',\n    tooltip: 'All activity',\n    icon: 'forum',\n  },\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n]\n\nexport interface FeedFiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean\n  entityType: DetailsPanelEntityType\n  overrides?: Record<string, any>\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n}\n\nconst FeedFilters = ({\n  isLoading,\n  entityType,\n  className,\n  overrides = {},\n  currentTab,\n  onTabChange,\n  ...props\n}: FeedFiltersProps) => {\n  // for each override, find the filter and update it\n  Object.entries(overrides).forEach(([id, override]) => {\n    const index = filtersLeft.findIndex((filter) => filter.id === id)\n    if (index !== -1) {\n      filtersLeft[index] = { ...filtersLeft[index], ...override }\n    }\n  })\n\n  const hideActivityFilters = entitiesWithoutFeed.includes(entityType)\n\n  return (\n    <Styled.FiltersToolbar {...props} className={clsx(className, { loading: isLoading })}>\n      {!hideActivityFilters &&\n        filtersLeft.map((filter) => (\n          <Button\n            key={filter.id}\n            selected={filter.id === currentTab}\n            onClick={() => onTabChange(filter.id)}\n            label={filter.label}\n            icon={filter.icon}\n            data-tooltip={filter.tooltip}\n            data-tooltip-delay={0}\n          />\n        ))}\n      <Spacer />\n      {entityType === 'version' && (\n        <Button\n          icon=\"order_play\"\n          onClick={() => onTabChange('files')}\n          selected={currentTab === 'files'}\n          data-tooltip=\"Version files\"\n          data-tooltip-delay={0}\n        />\n      )}\n      <Button\n        onClick={() => onTabChange('attribs')}\n        selected={currentTab === 'attribs'}\n        style={{ padding: '6px 8px' }}\n      >\n        Attributes\n      </Button>\n    </Styled.FiltersToolbar>\n  )\n}\n\nexport default FeedFilters\n"],"names":["filtersLeft","FeedFilters","isLoading","entityType","className","overrides","currentTab","onTabChange","props","id","override","index","filter","hideActivityFilters","entitiesWithoutFeed","jsxs","Styled.FiltersToolbar","clsx","jsx","Button","Spacer"],"mappings":";;;;;AAOA,MAAMA,IAKA;AAAA,EACJ;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,GAUMC,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY,CAAC;AAAA,EACb,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AAEf,SAAA,QAAQH,CAAS,EAAE,QAAQ,CAAC,CAACI,GAAIC,CAAQ,MAAM;AACpD,UAAMC,IAAQX,EAAY,UAAU,CAACY,MAAWA,EAAO,OAAOH,CAAE;AAChE,IAAIE,MAAU,OACAX,EAAAW,CAAK,IAAI,EAAE,GAAGX,EAAYW,CAAK,GAAG,GAAGD,EAAS;AAAA,EAC5D,CACD;AAEK,QAAAG,IAAsBC,EAAoB,SAASX,CAAU;AAEnE,SACGY,gBAAAA,OAAAC,GAAA,EAAuB,GAAGR,GAAO,WAAWS,EAAKb,GAAW,EAAE,SAASF,EAAW,CAAA,GAChF,UAAA;AAAA,IAAA,CAACW,KACAb,EAAY,IAAI,CAACY,MACfM,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,UAAUP,EAAO,OAAON;AAAA,QACxB,SAAS,MAAMC,EAAYK,EAAO,EAAE;AAAA,QACpC,OAAOA,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,gBAAcA,EAAO;AAAA,QACrB,sBAAoB;AAAA,MAAA;AAAA,MANfA,EAAO;AAAA,IAAA,CAQf;AAAA,0BACFQ,GAAO,EAAA;AAAA,IACPjB,MAAe,aACde,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMZ,EAAY,OAAO;AAAA,QAClC,UAAUD,MAAe;AAAA,QACzB,gBAAa;AAAA,QACb,sBAAoB;AAAA,MAAA;AAAA,IACtB;AAAA,IAEFY,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMZ,EAAY,SAAS;AAAA,QACpC,UAAUD,MAAe;AAAA,QACzB,OAAO,EAAE,SAAS,UAAU;AAAA,QAC7B,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}
+{"version":3,"file":"FeedFilters.es.js","sources":["../../../../../../src/containers/DetailsPanel/FeedFilters/FeedFilters.tsx"],"sourcesContent":["import * as Styled from './FeedFilters.styled'\nimport { Button, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { entitiesWithoutFeed } from '../DetailsPanel'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport { DetailsPanelTab } from '@shared/context'\n\nconst filtersLeft: {\n  id: DetailsPanelTab\n  label?: string\n  tooltip: string\n  icon: string\n}[] = [\n  {\n    id: 'activity',\n    tooltip: 'All activity',\n    icon: 'forum',\n  },\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n]\n\nexport interface FeedFiltersProps extends React.HTMLAttributes<HTMLDivElement> {\n  isLoading?: boolean\n  entityType: DetailsPanelEntityType\n  overrides?: Record<string, any>\n  currentTab: DetailsPanelTab\n  onTabChange: (tab: DetailsPanelTab) => void\n}\n\nconst FeedFilters = ({\n  isLoading,\n  entityType,\n  className,\n  overrides = {},\n  currentTab,\n  onTabChange,\n  ...props\n}: FeedFiltersProps) => {\n  // for each override, find the filter and update it\n  Object.entries(overrides).forEach(([id, override]) => {\n    const index = filtersLeft.findIndex((filter) => filter.id === id)\n    if (index !== -1) {\n      filtersLeft[index] = { ...filtersLeft[index], ...override }\n    }\n  })\n\n  const hideActivityFilters = entitiesWithoutFeed.includes(entityType)\n\n  return (\n    <Styled.FiltersToolbar {...props} className={clsx(className, { loading: isLoading })}>\n      {!hideActivityFilters &&\n        filtersLeft.map((filter) => (\n          <Button\n            key={filter.id}\n            selected={filter.id === currentTab}\n            onClick={() => onTabChange(filter.id)}\n            label={filter.label}\n            icon={filter.icon}\n            data-tooltip={filter.tooltip}\n            data-tooltip-delay={0}\n          />\n        ))}\n      <Spacer />\n      {entityType === 'version' && (\n        <Button\n          icon=\"order_play\"\n          onClick={() => onTabChange('files')}\n          selected={currentTab === 'files'}\n          data-tooltip=\"Version files\"\n          data-tooltip-delay={0}\n        />\n      )}\n      <Button\n        onClick={() => onTabChange('details')}\n        selected={currentTab === 'details'}\n        style={{ padding: '6px 8px' }}\n      >\n        Details\n      </Button>\n    </Styled.FiltersToolbar>\n  )\n}\n\nexport default FeedFilters\n"],"names":["filtersLeft","FeedFilters","isLoading","entityType","className","overrides","currentTab","onTabChange","props","id","override","index","filter","hideActivityFilters","entitiesWithoutFeed","jsxs","Styled.FiltersToolbar","clsx","jsx","Button","Spacer"],"mappings":";;;;;AAOA,MAAMA,IAKA;AAAA,EACJ;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EACR;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,EAAA;AAEV,GAUMC,IAAc,CAAC;AAAA,EACnB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC,IAAY,CAAC;AAAA,EACb,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AAEf,SAAA,QAAQH,CAAS,EAAE,QAAQ,CAAC,CAACI,GAAIC,CAAQ,MAAM;AACpD,UAAMC,IAAQX,EAAY,UAAU,CAACY,MAAWA,EAAO,OAAOH,CAAE;AAChE,IAAIE,MAAU,OACAX,EAAAW,CAAK,IAAI,EAAE,GAAGX,EAAYW,CAAK,GAAG,GAAGD,EAAS;AAAA,EAC5D,CACD;AAEK,QAAAG,IAAsBC,EAAoB,SAASX,CAAU;AAEnE,SACGY,gBAAAA,OAAAC,GAAA,EAAuB,GAAGR,GAAO,WAAWS,EAAKb,GAAW,EAAE,SAASF,EAAW,CAAA,GAChF,UAAA;AAAA,IAAA,CAACW,KACAb,EAAY,IAAI,CAACY,MACfM,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QAEC,UAAUP,EAAO,OAAON;AAAA,QACxB,SAAS,MAAMC,EAAYK,EAAO,EAAE;AAAA,QACpC,OAAOA,EAAO;AAAA,QACd,MAAMA,EAAO;AAAA,QACb,gBAAcA,EAAO;AAAA,QACrB,sBAAoB;AAAA,MAAA;AAAA,MANfA,EAAO;AAAA,IAAA,CAQf;AAAA,0BACFQ,GAAO,EAAA;AAAA,IACPjB,MAAe,aACde,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS,MAAMZ,EAAY,OAAO;AAAA,QAClC,UAAUD,MAAe;AAAA,QACzB,gBAAa;AAAA,QACb,sBAAoB;AAAA,MAAA;AAAA,IACtB;AAAA,IAEFY,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS,MAAMZ,EAAY,SAAS;AAAA,QACpC,UAAUD,MAAe;AAAA,QACzB,OAAO,EAAE,SAAS,UAAU;AAAA,QAC7B,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,GACF;AAEJ;"}

package/dist/shared/src/containers/EntityPickerDialog/EntityPickerDialog.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),w=require("react"),z=require("./util/entityHierarchies.cjs.js"),A=require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");const L=require("./components/EntityTypeTable.cjs.js");require("../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/react-table");require("@tanstack/react-virtual");require("clsx");require("@tanstack/match-sorter-utils");const X=require("../SimpleTable/context/SimpleTableContext.cjs.js");require("../SimpleTable/SimpleTableRowTemplate.cjs.js");const a=require("@ynput/ayon-react-components");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../components/LinksManager/LinksManagerDialog.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredPowerpackVersion.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/Chips/Chips.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../../components/DetailsMetaData/DetailsMetaData.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");const J=require("styled-components"),K=require("./hooks/useGetEntityPickerData.cjs.js"),Q=require("./hooks/useExpandedWithInitialFolders.cjs.js"),U=600,V=J.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),w=require("react"),z=require("./util/entityHierarchies.cjs.js"),A=require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");const L=require("./components/EntityTypeTable.cjs.js");require("../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/react-table");require("@tanstack/react-virtual");require("clsx");require("@tanstack/match-sorter-utils");const X=require("../SimpleTable/context/SimpleTableContext.cjs.js");require("../SimpleTable/SimpleTableRowTemplate.cjs.js");const a=require("@ynput/ayon-react-components");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("axios");require("../../context/RemoteModulesContext.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("date-fns");require("../ProjectTreeTable/ProjectTreeTable.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/context/ViewsContext.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/PricingLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/AttributeEditor/components/MinMaxField.cjs.js");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Feedback/FeedbackContext.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/Chips/Chips.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");const J=require("styled-components"),K=require("./hooks/useGetEntityPickerData.cjs.js"),Q=require("./hooks/useExpandedWithInitialFolders.cjs.js"),U=600,V=J.div`
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
   gap: var(--base-gap-large);