npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.53 → 0.3.55 - Mend

@ynput/ayon-frontend-shared 0.3.53 → 0.3.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1207) hide show

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.es.js CHANGED Viewed

@@ -1,13 +1,15 @@
 import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { getFileSizeString as P, Icon as d, Button as E } from "@ynput/ayon-react-components";
-import { File as z, ContentWrapper as S, ImageWrapper as U, Buttons as O, ExpandButton as h, Footer as W } from "./FileUploadCard.styled.es.js";
-import s from "clsx";
-import { useState as $ } from "react";
-import { isFilePreviewable as q } from "../FileUploadPreview/FileUploadPreview.es.js";
-import "../../../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as J } from "../../../../context/DetailsPanelContext.es.js";
-import "../../../../../node_modules/@module-federation/runtime/dist/index.es.js";
-import "../../../../../../_virtual/semver.es.js";
+import { getFileSizeString as O, Icon as j, Button as W } from "@ynput/ayon-react-components";
+import { File as $, ContentWrapper as q, ImageWrapper as J, Buttons as M, ExpandButton as _, Footer as T } from "./FileUploadCard.styled.es.js";
+import n from "clsx";
+import { useState as D, useMemo as g } from "react";
+import { isFilePreviewable as G } from "../FileUploadPreview/FileUploadPreview.es.js";
+import "../../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                       */
+import "react-dom";
+import { useFeedContext as H } from "../../context/FeedContext.es.js";
+import "../Tooltips/UserTooltipItem.es.js";
+import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
 import "../../../../api/base/client.es.js";
 import "../../../../api/generated/graphql.es.js";
 import "../../../../api/generated/graphqlLinks.es.js";
@@ -105,6 +107,12 @@ import "../../../../api/queries/views/getViews.es.js";
 import "../../../../api/queries/views/updateViews.es.js";
 import "../../../../api/queries/watchers/getWatchers.es.js";
 import "../../../../api/queries/uris/getUris.es.js";
+import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../../../context/RemoteModulesContext.es.js";
+import { useDetailsPanelContext as K } from "../../../../context/DetailsPanelContext.es.js";
+import "../../../../../../_virtual/runtime.es.js";
+import "../../../../../../_virtual/semver.es.js";
 import "lodash";
 import "react-toastify";
 import "react-redux";
@@ -117,7 +125,6 @@ import "../../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../../context/ThumbnailUploaderContext.es.js";
 import "../../../../context/SettingsPanelContext.es.js";
 import "../../../../context/pip/PiPProvider.es.js";
-import "react-dom";
 import "../../../../context/pip/PiPWrapper.es.js";
 import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
@@ -127,13 +134,8 @@ import "../../../../context/GlobalContext.es.js";
 import "../../../../context/ProjectContext.es.js";
 import "../../../../context/ProjectFoldersContextInstance.es.js";
 import "../../../../context/EntityUpdatesContextInstance.es.js";
-import "../../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                       */
-import "../../context/FeedContext.es.js";
-import "../Tooltips/UserTooltipItem.es.js";
-import "../Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../../../context/UriContext.es.js";
+import "../../../../context/DeleteEntitiesContext.es.js";
 import "react-markdown";
 import "remark-emoji";
 import "remark-gfm";
@@ -157,6 +159,7 @@ import "date-fns";
 import "../../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import "../../../../components/LinksManager/CellEditingDialog.es.js";
 import "../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
+import "../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
 import "../../../../../../_virtual/index.es.js";
 import "../../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../../node_modules/refractor/lib/all.es.js";
@@ -265,15 +268,15 @@ import "../ActivityReference/ActivityReference.styled.es.js";
 import "../ActivityStatus/ActivityStatus.es.js";
 import "../ActivityHeader/ActivityHeader.styled.es.js";
 import "../ActivityDate.es.js";
+import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../ActivityCategorySelect/CategoryTag.es.js";
 import "../ActivityFieldChange/ActivityFieldChange.styled.es.js";
 import "../ActivityFieldChange/FieldValue.es.js";
 import "../ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../ActivityVersions/ActivityVersions.styled.es.js";
 import "../ActivityGroup/ActivityGroup.styled.es.js";
-import "../ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../ActivityCategorySelect/CategoryDropdownItem.es.js";
 import "../../Feed.styled.es.js";
 import "../FeedSearchFilter.es.js";
 import "../../../DetailsPanel/DetailsPanel.styled.es.js";
@@ -296,9 +299,7 @@ import "../../../Views/Views.styled.es.js";
 import "../../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../../ListTable/ListTableRow.es.js";
 import "../../../ListTable/ListTable.styled.es.js";
-import "../../../../context/UriContext.es.js";
-import "../../../../context/DeleteEntitiesContext.es.js";
-const T = {
+const L = {
   // special cases
   description: ["doc"],
   folder_zip: ["zip"],
@@ -340,88 +341,101 @@ const T = {
   filter_none: ["sequence"],
   font_download: ["font"],
   deployed_code: ["model", ".obj", ".abc", ".stl", ".fbx", ".gltf", ".glb", ".usd"]
-}, G = (n) => {
-  for (const [r, i] of Object.entries(T))
-    if (i.some((t) => n.includes(t)))
-      return r;
+}, Q = (a) => {
+  for (const [i, p] of Object.entries(L))
+    if (p.some((t) => a.includes(t)))
+      return i;
   return "draft";
-}, wm = ({
-  name: n,
-  mime: r,
-  src: i,
+}, Cm = ({
+  name: a,
+  mime: i,
+  src: p,
   unsavedAnnotation: t,
-  savedAnnotation: x,
-  size: u,
-  progress: a,
-  onRemove: l,
-  isCompact: w,
+  savedAnnotation: c,
+  size: y,
+  progress: l,
+  onRemove: d,
+  isCompact: k,
   isDownloadable: e = !1,
-  onExpand: N,
-  disableExpand: f,
-  onJumpTo: b,
-  className: _,
-  ...v
+  onExpand: v,
+  disableExpand: u,
+  onJumpTo: C,
+  className: F,
+  ...B
 }) => {
-  const k = a && a < 100, [y, C] = $(!1), { feedAnnotationsEnabled: F } = J(), j = n.split("."), c = j.pop() || "", B = j.join("."), p = q(r || "." + c), I = r?.includes("image/") || !!t, g = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
-    /* @__PURE__ */ o.jsx("span", { className: "size", children: P(u) }),
-    /* @__PURE__ */ o.jsx(d, { icon: "download", className: "download-icon" })
-  ] }), m = t ?? x;
+  const E = l && l < 100, [I, P] = D(!1), { feedAnnotationsEnabled: z } = K(), { entities: h } = H(), N = a.split("."), f = N.pop() || "", S = N.join("."), m = G(i || "." + f), U = i?.includes("image/") || !!t, b = /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+    /* @__PURE__ */ o.jsx("span", { className: "size", children: O(y) }),
+    /* @__PURE__ */ o.jsx(j, { icon: "download", className: "download-icon" })
+  ] }), r = g(
+    () => t ?? c,
+    [t, c]
+  ), w = g(() => h.at(0), [h]), s = g(() => {
+    if (!r?.range)
+      return [1, 1];
+    if (!w?.attrib)
+      return r?.range ?? [1, 1];
+    const { frameStart: x } = w?.attrib;
+    return Number.isNaN(x) ? r?.range ?? [1, 1] : [
+      x - 1 + r.range[0],
+      x - 1 + r.range[1]
+    ];
+  }, [r]);
   return /* @__PURE__ */ o.jsxs(
-    z,
+    $,
     {
-      className: s(_, {
-        compact: w,
+      className: n(F, {
+        compact: k,
         isDownloadable: e,
-        isPreviewable: p,
+        isPreviewable: m,
         isUnsavedAnnotation: !!t
       }),
-      ...v,
+      ...B,
       children: [
         /* @__PURE__ */ o.jsxs(
-          S,
+          q,
           {
-            className: s("content-wrapper", {
-              isPreviewable: p,
+            className: n("content-wrapper", {
+              isPreviewable: m,
               isUnsavedAnnotation: !!t
             }),
             children: [
-              /* @__PURE__ */ o.jsx(d, { icon: G(r || "." + c), className: "type-icon" }),
-              I && i && /* @__PURE__ */ o.jsx(
-                U,
+              /* @__PURE__ */ o.jsx(j, { icon: Q(i || "." + f), className: "type-icon" }),
+              U && p && /* @__PURE__ */ o.jsx(
+                J,
                 {
-                  className: s({
+                  className: n({
                     "image-wrapper": !0,
-                    isDownloadable: e || p || t
+                    isDownloadable: e || m || t
                   }),
                   children: /* @__PURE__ */ o.jsx(
                     "img",
                     {
-                      src: i,
-                      onError: () => C(!0),
+                      src: p,
+                      onError: () => P(!0),
                       style: {
-                        display: y ? "none" : "block"
+                        display: I ? "none" : "block"
                       }
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ o.jsxs(O, { className: "expand-buttons", children: [
-                p && !f && /* @__PURE__ */ o.jsx(
-                  h,
+              /* @__PURE__ */ o.jsxs(M, { className: "expand-buttons", children: [
+                m && !u && /* @__PURE__ */ o.jsx(
+                  _,
                   {
                     "data-tooltip": "Open preview",
                     icon: "open_in_full",
                     variant: "nav",
-                    onClick: N
+                    onClick: v
                   }
                 ),
-                (t || F && x) && /* @__PURE__ */ o.jsx(
-                  h,
+                (t || z && c) && /* @__PURE__ */ o.jsx(
+                  _,
                   {
                     "data-tooltip": "Jump to annotation",
                     icon: "play_circle",
                     variant: "nav",
-                    onClick: b
+                    onClick: C
                   }
                 )
               ] })
@@ -429,36 +443,36 @@ const T = {
           }
         ),
         /* @__PURE__ */ o.jsxs(
-          W,
+          T,
           {
-            className: s({
-              inProgress: k,
-              isPreviewable: p && !f,
+            className: n({
+              inProgress: E,
+              isPreviewable: m && !u,
               isDownloadable: e
             }),
             children: [
-              /* @__PURE__ */ o.jsx("span", { className: "progress", style: { right: `${100 - a}%` } }),
-              /* @__PURE__ */ o.jsx("div", { className: "name-wrapper", children: m ? /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
-                /* @__PURE__ */ o.jsx(d, { icon: "draw" }),
-                m.range[0],
-                m.range[1] !== m.range[0] && ` - ${m.range[1]}`
+              /* @__PURE__ */ o.jsx("span", { className: "progress", style: { right: `${100 - l}%` } }),
+              /* @__PURE__ */ o.jsx("div", { className: "name-wrapper", children: r ? /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
+                /* @__PURE__ */ o.jsx(j, { icon: "draw" }),
+                s[0],
+                s[1] !== s[0] && ` - ${s[1]}`
               ] }) : /* @__PURE__ */ o.jsxs("span", { className: "name", children: [
-                B,
+                S,
                 /* @__PURE__ */ o.jsxs("span", { className: "extension", children: [
                   ".",
-                  c
+                  f
                 ] })
               ] }) }),
-              e && (l ? /* @__PURE__ */ o.jsx("div", { className: "download", children: g }) : /* @__PURE__ */ o.jsx("a", { href: i, target: "_blank", rel: "noopener noreferrer", className: "download", children: g }))
+              e && (d ? /* @__PURE__ */ o.jsx("div", { className: "download", children: b }) : /* @__PURE__ */ o.jsx("a", { href: p, target: "_blank", rel: "noopener noreferrer", className: "download", children: b }))
             ]
           }
         ),
-        l && /* @__PURE__ */ o.jsx(E, { className: "remove", onClick: l, icon: "close" })
+        d && /* @__PURE__ */ o.jsx(W, { className: "remove", onClick: d, icon: "close" })
       ]
     }
   );
 };
 export {
-  wm as default
+  Cm as default
 };
 //# sourceMappingURL=FileUploadCard.es.js.map

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n mime?: string\n src?: string\n unsavedAnnotation?: AnnotationPreview\n savedAnnotation?: SavedAnnotationMetadata\n size: number\n progress: number\n onRemove?: () => void\n isCompact?: boolean\n isDownloadable?: boolean\n onExpand?: () => void\n disableExpand?: boolean\n onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n // special cases\n description: ['doc'],\n folder_zip: ['zip'],\n code_blocks: [\n 'json',\n 'javascript',\n 'python',\n 'html',\n 'css',\n '.py',\n '.js',\n '.html',\n '.css',\n '.json',\n '.ts',\n ],\n brush: ['.psd', '.ai', '.xd', '.sketch'],\n '3d_rotation': [\n '.mb',\n '.ma',\n '.c4d',\n '.blend',\n '.max',\n '.3ds',\n '.lwo',\n '.lws',\n '.lxo',\n '.hip',\n '.hda',\n ],\n theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n picture_as_pdf: ['pdf', '.pdf'],\n // default\n image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n business_center: ['application'],\n audio_file: ['audio'],\n text_snippet: ['text'],\n filter_none: ['sequence'],\n font_download: ['font'],\n deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n for (const [icon, keywords] of Object.entries(fileIcons)) {\n if (keywords.some((keyword) => type.includes(keyword))) {\n return icon\n }\n }\n return 'draft'\n}\n\nconst FileUploadCard = ({\n name,\n mime,\n src,\n unsavedAnnotation,\n savedAnnotation,\n size,\n progress,\n onRemove,\n isCompact,\n isDownloadable = false,\n onExpand,\n disableExpand,\n onJumpTo,\n className,\n ...props\n}: FileUploadCardProps) => {\n const inProgress = progress && progress < 100\n\n const [imageError, setImageError] = useState(false)\n const { feedAnnotationsEnabled } = useDetailsPanelContext()\n\n // split name and file extension\n const nameParts = name.split('.')\n const extension = nameParts.pop() \|\| ''\n const fileName = nameParts.join('.')\n\n const isPreviewable = isFilePreviewable(mime \|\| '.' + extension)\n const isImage = mime?.includes('image/') \|\| Boolean(unsavedAnnotation)\n\n const downloadComponent = (\n <>\n <span className=\"size\">{getFileSizeString(size)}</span>\n <Icon icon=\"download\" className=\"download-icon\" />\n </>\n )\n\n const someAnnotation = unsavedAnnotation ?? savedAnnotation\n\n return (\n <Styled.File\n className={clsx(className, {\n compact: isCompact,\n isDownloadable,\n isPreviewable,\n isUnsavedAnnotation: Boolean(unsavedAnnotation),\n })}\n {...props}\n >\n <Styled.ContentWrapper\n className={clsx('content-wrapper', {\n isPreviewable,\n isUnsavedAnnotation: Boolean(unsavedAnnotation),\n })}\n >\n <Icon icon={getIconForType(mime \|\| '.' + extension)} className=\"type-icon\" />\n {isImage && src && (\n <Styled.ImageWrapper\n className={clsx({\n 'image-wrapper': true,\n isDownloadable: isDownloadable \|\| isPreviewable \|\| unsavedAnnotation,\n })}\n >\n <img\n src={src}\n onError={() => setImageError(true)}\n style={{\n display: imageError ? 'none' : 'block',\n }}\n />\n </Styled.ImageWrapper>\n )}\n <Styled.Buttons className=\"expand-buttons\">\n {isPreviewable && !disableExpand && (\n <Styled.ExpandButton\n data-tooltip=\"Open preview\"\n icon=\"open_in_full\"\n variant=\"nav\"\n onClick={onExpand}\n />\n )}\n {(unsavedAnnotation \|\| (feedAnnotationsEnabled && savedAnnotation)) && (\n <Styled.ExpandButton\n data-tooltip=\"Jump to annotation\"\n icon=\"play_circle\"\n variant=\"nav\"\n onClick={onJumpTo}\n />\n )}\n </Styled.Buttons>\n </Styled.ContentWrapper>\n <Styled.Footer\n className={clsx({\n inProgress,\n isPreviewable: isPreviewable && !disableExpand,\n isDownloadable,\n })}\n >\n <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n <div className=\"name-wrapper\">\n {someAnnotation ? (\n <span className=\"name\">\n <Icon icon=\"draw\" />\n {someAnnotation.range[0]}\n {someAnnotation.range[1] !== someAnnotation.range[0] &&\n ` - ${someAnnotation.range[1]}`}\n </span>\n ) : (\n <span className=\"name\">\n {fileName}\n <span className=\"extension\">.{extension}</span>\n </span>\n )}\n </div>\n\n {isDownloadable &&\n (!onRemove ? (\n <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n {downloadComponent}\n </a>\n ) : (\n <div className=\"download\">{downloadComponent}</div>\n ))}\n </Styled.Footer>\n {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n </Styled.File>\n )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}
1	+ {"version":3,"file":"FileUploadCard.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.tsx"],"sourcesContent":["import { Button, getFileSizeString, Icon } from '@ynput/ayon-react-components'\nimport * as Styled from './FileUploadCard.styled'\nimport clsx from 'clsx'\nimport { useMemo, useState } from 'react'\nimport { isFilePreviewable } from '../FileUploadPreview'\nimport { SavedAnnotationMetadata, useFeedContext } from '@shared/containers'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { AnnotationPreview } from '../CommentInput/hooks/useAnnotationsSync'\n\nexport interface FileUploadCardProps extends React.HTMLAttributes<HTMLDivElement> {\n name: string\n mime?: string\n src?: string\n unsavedAnnotation?: AnnotationPreview\n savedAnnotation?: SavedAnnotationMetadata\n size: number\n progress: number\n onRemove?: () => void\n isCompact?: boolean\n isDownloadable?: boolean\n onExpand?: () => void\n disableExpand?: boolean\n onJumpTo?: () => void\n}\n\nconst fileIcons: { [key: string]: string[] } = {\n // special cases\n description: ['doc'],\n folder_zip: ['zip'],\n code_blocks: [\n 'json',\n 'javascript',\n 'python',\n 'html',\n 'css',\n '.py',\n '.js',\n '.html',\n '.css',\n '.json',\n '.ts',\n ],\n brush: ['.psd', '.ai', '.xd', '.sketch'],\n '3d_rotation': [\n '.mb',\n '.ma',\n '.c4d',\n '.blend',\n '.max',\n '.3ds',\n '.lwo',\n '.lws',\n '.lxo',\n '.hip',\n '.hda',\n ],\n theaters: ['.aep', '.tpl', '.clip', '.nk', '.fusion', '.prproj', '.spsm', '.drp'],\n picture_as_pdf: ['pdf', '.pdf'],\n // default\n image: ['image', '.png', '.jpg', '.jpeg', '.gif', '.svg', '.webp'],\n videocam: ['video', '.mp4', '.mov', '.avi', '.mkv', '.webm', '.mxf'],\n business_center: ['application'],\n audio_file: ['audio'],\n text_snippet: ['text'],\n filter_none: ['sequence'],\n font_download: ['font'],\n deployed_code: ['model', '.obj', '.abc', '.stl', '.fbx', '.gltf', '.glb', '.usd'],\n}\n\nconst getIconForType = (type: string): string => {\n for (const [icon, keywords] of Object.entries(fileIcons)) {\n if (keywords.some((keyword) => type.includes(keyword))) {\n return icon\n }\n }\n return 'draft'\n}\n\nconst FileUploadCard = ({\n name,\n mime,\n src,\n unsavedAnnotation,\n savedAnnotation,\n size,\n progress,\n onRemove,\n isCompact,\n isDownloadable = false,\n onExpand,\n disableExpand,\n onJumpTo,\n className,\n ...props\n}: FileUploadCardProps) => {\n const inProgress = progress && progress < 100\n\n const [imageError, setImageError] = useState(false)\n const { feedAnnotationsEnabled } = useDetailsPanelContext()\n const { entities } = useFeedContext()\n\n // split name and file extension\n const nameParts = name.split('.')\n const extension = nameParts.pop() \|\| ''\n const fileName = nameParts.join('.')\n\n const isPreviewable = isFilePreviewable(mime \|\| '.' + extension)\n const isImage = mime?.includes('image/') \|\| Boolean(unsavedAnnotation)\n\n const downloadComponent = (\n <>\n <span className=\"size\">{getFileSizeString(size)}</span>\n <Icon icon=\"download\" className=\"download-icon\" />\n </>\n )\n\n const someAnnotation = useMemo(\n () => unsavedAnnotation ?? savedAnnotation,\n [unsavedAnnotation, savedAnnotation],\n )\n\n const firstEntity = useMemo(() => {\n return entities.at(0)\n }, [entities])\n\n const annotationDisplayRange = useMemo(() => {\n if (!someAnnotation?.range) {\n return [1, 1]\n }\n\n if (!firstEntity?.attrib) {\n return someAnnotation?.range ?? [1, 1]\n }\n\n const { frameStart } = firstEntity?.attrib\n if (Number.isNaN(frameStart)) {\n return someAnnotation?.range ?? [1, 1]\n }\n\n return [\n frameStart - 1 + someAnnotation.range[0],\n frameStart - 1 + someAnnotation.range[1],\n ]\n }, [someAnnotation])\n\n return (\n <Styled.File\n className={clsx(className, {\n compact: isCompact,\n isDownloadable,\n isPreviewable,\n isUnsavedAnnotation: Boolean(unsavedAnnotation),\n })}\n {...props}\n >\n <Styled.ContentWrapper\n className={clsx('content-wrapper', {\n isPreviewable,\n isUnsavedAnnotation: Boolean(unsavedAnnotation),\n })}\n >\n <Icon icon={getIconForType(mime \|\| '.' + extension)} className=\"type-icon\" />\n {isImage && src && (\n <Styled.ImageWrapper\n className={clsx({\n 'image-wrapper': true,\n isDownloadable: isDownloadable \|\| isPreviewable \|\| unsavedAnnotation,\n })}\n >\n <img\n src={src}\n onError={() => setImageError(true)}\n style={{\n display: imageError ? 'none' : 'block',\n }}\n />\n </Styled.ImageWrapper>\n )}\n <Styled.Buttons className=\"expand-buttons\">\n {isPreviewable && !disableExpand && (\n <Styled.ExpandButton\n data-tooltip=\"Open preview\"\n icon=\"open_in_full\"\n variant=\"nav\"\n onClick={onExpand}\n />\n )}\n {(unsavedAnnotation \|\| (feedAnnotationsEnabled && savedAnnotation)) && (\n <Styled.ExpandButton\n data-tooltip=\"Jump to annotation\"\n icon=\"play_circle\"\n variant=\"nav\"\n onClick={onJumpTo}\n />\n )}\n </Styled.Buttons>\n </Styled.ContentWrapper>\n <Styled.Footer\n className={clsx({\n inProgress,\n isPreviewable: isPreviewable && !disableExpand,\n isDownloadable,\n })}\n >\n <span className=\"progress\" style={{ right: `${100 - progress}%` }} />\n <div className=\"name-wrapper\">\n {someAnnotation ? (\n <span className=\"name\">\n <Icon icon=\"draw\" />\n {annotationDisplayRange[0]}\n {annotationDisplayRange[1] !== annotationDisplayRange[0] &&\n ` - ${annotationDisplayRange[1]}`}\n </span>\n ) : (\n <span className=\"name\">\n {fileName}\n <span className=\"extension\">.{extension}</span>\n </span>\n )}\n </div>\n\n {isDownloadable &&\n (!onRemove ? (\n <a href={src} target=\"_blank\" rel=\"noopener noreferrer\" className=\"download\">\n {downloadComponent}\n </a>\n ) : (\n <div className=\"download\">{downloadComponent}</div>\n ))}\n </Styled.Footer>\n {onRemove && <Button className=\"remove\" onClick={onRemove} icon=\"close\" />}\n </Styled.File>\n )\n}\n\nexport default FileUploadCard\n"],"names":["fileIcons","getIconForType","type","icon","keywords","keyword","FileUploadCard","name","mime","src","unsavedAnnotation","savedAnnotation","size","progress","onRemove","isCompact","isDownloadable","onExpand","disableExpand","onJumpTo","className","props","inProgress","imageError","setImageError","useState","feedAnnotationsEnabled","useDetailsPanelContext","entities","useFeedContext","nameParts","extension","fileName","isPreviewable","isFilePreviewable","isImage","downloadComponent","jsxs","Fragment","jsx","getFileSizeString","Icon","someAnnotation","useMemo","firstEntity","annotationDisplayRange","frameStart","Styled.File","clsx","Styled.ContentWrapper","Styled.ImageWrapper","Styled.Buttons","Styled.ExpandButton","Styled.Footer","Button"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js CHANGED Viewed

@@ -84,7 +84,8 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     z-index: 20;
-    display: inherit;
+    display: flex;
+    align-items: center;
     .icon {
       font-size: inherit;

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadCard.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const File = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n z-index: 0;\n user-select: none;\n\n height: 105px;\n\n &.compact {\n height: 75px;\n }\n\n .icon {\n font-size: 30px;\n }\n\n .remove {\n position: absolute;\n top: 2px;\n right: 2px;\n padding: 2px;\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n\n .icon {\n font-size: 20px;\n }\n }\n\n /* move icon up slightly to center it /\n .type-icon {\n margin-top: -20px;\n }\n\n / set download default color outline /\n .download,\n .download-icon {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Footer = styled.footer`\n background-color: var(--md-sys-color-surface-container-low);\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 var(--padding-s);\n overflow: hidden;\n color: var(--md-sys-color-on-surface);\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transition: padding 0.2s ease;\n\n span {\n font-size: 12px;\n }\n\n .name-wrapper {\n overflow: hidden;\n }\n\n .download {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n display: none;\n color: var(--md-sys-color-on-surface);\n }\n\n .name {\n position: relative;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: 20;\n display: ~~inherit~~;\n\n .icon {\n font-size: inherit;\n margin-right: var(--padding-s);\n vertical-align: text-top;\n }\n }\n\n .extension {\n z-index: 20;\n min-width: fit-content;\n overflow: hidden;\n }\n\n .progress {\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 10;\n\n transition: right 0.3s;\n\n display: none;\n }\n\n &.inProgress {\n .progress {\n display: block;\n }\n }\n\n .download-icon {\n font-size: 20px;\n }\n\n &.isDownloadable {\n &:hover {\n cursor: pointer;\n\n padding: var(--padding-m) var(--padding-s);\n\n background-color: var(--md-sys-color-surface-container-low-hover);\n\n .download,\n .download-icon {\n color: var(--md-sys-color-on-surface);\n }\n\n / reveal size and download /\n .download {\n display: flex;\n }\n .name-wrapper,\n .extension {\n display: none;\n }\n }\n }\n`\n\nexport const ContentWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n flex: 1;\n\n .icon {\n user-select: none;\n }\n\n .download-icon {\n display: none;\n }\n\n / previewable styles (it can be expanded) /\n / on hover it shows the expand buttons */\n &.isPreviewable,\n &.isUnsavedAnnotation {\n cursor: pointer;\n\n &:hover {\n .expand-buttons {\n display: flex;\n }\n .type-icon {\n display: none;\n }\n }\n }\n\n &:hover .image-wrapper::after {\n opacity: 0.8;\n }\n`\n\nexport const ImageWrapper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n img {\n position: absolute;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n height: calc(100% - 20px);\n\n transition: scale 0.2s ease;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-surface-container-lowest);\n opacity: 0;\n transition: opacity 0.1s ease;\n }\n\n &.isDownloadable {\n &:hover {\n .icon {\n display: block;\n z-index: 10;\n }\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: none;\n position: absolute;\n left: 0;\n top: 0;\n transform: none;\n height: calc(100% - 20px);\n width: 100%;\n gap: 0;\n`\n\nexport const ExpandButton = styled(Button)`\n height: 100%;\n width: 100%;\n border: none;\n opacity: 0.5;\n transition: opacity 250ms;\n\n &:hover {\n background: none;\n opacity: 1;\n }\n`\n"],"names":["File","styled","Footer","ContentWrapper","ImageWrapper","Buttons","ExpandButton","Button"],"mappings":"+JAGaA,EAAOC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgDdC,EAASD,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAqGhBE~~,EAAiBF,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,EAsCxBG,EAAeH,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,EAmCtBI,EAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWjBK,EAAeL,EAAOM,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"FileUploadCard.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const File = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n z-index: 0;\n user-select: none;\n\n height: 105px;\n\n &.compact {\n height: 75px;\n }\n\n .icon {\n font-size: 30px;\n }\n\n .remove {\n position: absolute;\n top: 2px;\n right: 2px;\n padding: 2px;\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n\n .icon {\n font-size: 20px;\n }\n }\n\n /* move icon up slightly to center it /\n .type-icon {\n margin-top: -20px;\n }\n\n / set download default color outline /\n .download,\n .download-icon {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Footer = styled.footer`\n background-color: var(--md-sys-color-surface-container-low);\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 var(--padding-s);\n overflow: hidden;\n color: var(--md-sys-color-on-surface);\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transition: padding 0.2s ease;\n\n span {\n font-size: 12px;\n }\n\n .name-wrapper {\n overflow: hidden;\n }\n\n .download {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n display: none;\n color: var(--md-sys-color-on-surface);\n }\n\n .name {\n position: relative;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: 20;\n display: flex;\n align-items: center;\n\n .icon {\n font-size: inherit;\n margin-right: var(--padding-s);\n vertical-align: text-top;\n }\n }\n\n .extension {\n z-index: 20;\n min-width: fit-content;\n overflow: hidden;\n }\n\n .progress {\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 10;\n\n transition: right 0.3s;\n\n display: none;\n }\n\n &.inProgress {\n .progress {\n display: block;\n }\n }\n\n .download-icon {\n font-size: 20px;\n }\n\n &.isDownloadable {\n &:hover {\n cursor: pointer;\n\n padding: var(--padding-m) var(--padding-s);\n\n background-color: var(--md-sys-color-surface-container-low-hover);\n\n .download,\n .download-icon {\n color: var(--md-sys-color-on-surface);\n }\n\n / reveal size and download /\n .download {\n display: flex;\n }\n .name-wrapper,\n .extension {\n display: none;\n }\n }\n }\n`\n\nexport const ContentWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n flex: 1;\n\n .icon {\n user-select: none;\n }\n\n .download-icon {\n display: none;\n }\n\n / previewable styles (it can be expanded) /\n / on hover it shows the expand buttons */\n &.isPreviewable,\n &.isUnsavedAnnotation {\n cursor: pointer;\n\n &:hover {\n .expand-buttons {\n display: flex;\n }\n .type-icon {\n display: none;\n }\n }\n }\n\n &:hover .image-wrapper::after {\n opacity: 0.8;\n }\n`\n\nexport const ImageWrapper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n img {\n position: absolute;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n height: calc(100% - 20px);\n\n transition: scale 0.2s ease;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-surface-container-lowest);\n opacity: 0;\n transition: opacity 0.1s ease;\n }\n\n &.isDownloadable {\n &:hover {\n .icon {\n display: block;\n z-index: 10;\n }\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: none;\n position: absolute;\n left: 0;\n top: 0;\n transform: none;\n height: calc(100% - 20px);\n width: 100%;\n gap: 0;\n`\n\nexport const ExpandButton = styled(Button)`\n height: 100%;\n width: 100%;\n border: none;\n opacity: 0.5;\n transition: opacity 250ms;\n\n &:hover {\n background: none;\n opacity: 1;\n }\n`\n"],"names":["File","styled","Footer","ContentWrapper","ImageWrapper","Buttons","ExpandButton","Button"],"mappings":"+JAGaA,EAAOC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgDdC,EAASD,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsGhBE,EAAiBF,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,EAsCxBG,EAAeH,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,EAmCtBI,EAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWjBK,EAAeL,EAAOM,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js CHANGED Viewed

@@ -86,7 +86,8 @@ const r = o.div`
     text-overflow: ellipsis;
     white-space: nowrap;
     z-index: 20;
-    display: inherit;
+    display: flex;
+    align-items: center;
     .icon {
       font-size: inherit;

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FileUploadCard.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const File = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n z-index: 0;\n user-select: none;\n\n height: 105px;\n\n &.compact {\n height: 75px;\n }\n\n .icon {\n font-size: 30px;\n }\n\n .remove {\n position: absolute;\n top: 2px;\n right: 2px;\n padding: 2px;\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n\n .icon {\n font-size: 20px;\n }\n }\n\n /* move icon up slightly to center it /\n .type-icon {\n margin-top: -20px;\n }\n\n / set download default color outline /\n .download,\n .download-icon {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Footer = styled.footer`\n background-color: var(--md-sys-color-surface-container-low);\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 var(--padding-s);\n overflow: hidden;\n color: var(--md-sys-color-on-surface);\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transition: padding 0.2s ease;\n\n span {\n font-size: 12px;\n }\n\n .name-wrapper {\n overflow: hidden;\n }\n\n .download {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n display: none;\n color: var(--md-sys-color-on-surface);\n }\n\n .name {\n position: relative;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: 20;\n display: ~~inherit~~;\n\n .icon {\n font-size: inherit;\n margin-right: var(--padding-s);\n vertical-align: text-top;\n }\n }\n\n .extension {\n z-index: 20;\n min-width: fit-content;\n overflow: hidden;\n }\n\n .progress {\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 10;\n\n transition: right 0.3s;\n\n display: none;\n }\n\n &.inProgress {\n .progress {\n display: block;\n }\n }\n\n .download-icon {\n font-size: 20px;\n }\n\n &.isDownloadable {\n &:hover {\n cursor: pointer;\n\n padding: var(--padding-m) var(--padding-s);\n\n background-color: var(--md-sys-color-surface-container-low-hover);\n\n .download,\n .download-icon {\n color: var(--md-sys-color-on-surface);\n }\n\n / reveal size and download /\n .download {\n display: flex;\n }\n .name-wrapper,\n .extension {\n display: none;\n }\n }\n }\n`\n\nexport const ContentWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n flex: 1;\n\n .icon {\n user-select: none;\n }\n\n .download-icon {\n display: none;\n }\n\n / previewable styles (it can be expanded) /\n / on hover it shows the expand buttons */\n &.isPreviewable,\n &.isUnsavedAnnotation {\n cursor: pointer;\n\n &:hover {\n .expand-buttons {\n display: flex;\n }\n .type-icon {\n display: none;\n }\n }\n }\n\n &:hover .image-wrapper::after {\n opacity: 0.8;\n }\n`\n\nexport const ImageWrapper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n img {\n position: absolute;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n height: calc(100% - 20px);\n\n transition: scale 0.2s ease;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-surface-container-lowest);\n opacity: 0;\n transition: opacity 0.1s ease;\n }\n\n &.isDownloadable {\n &:hover {\n .icon {\n display: block;\n z-index: 10;\n }\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: none;\n position: absolute;\n left: 0;\n top: 0;\n transform: none;\n height: calc(100% - 20px);\n width: 100%;\n gap: 0;\n`\n\nexport const ExpandButton = styled(Button)`\n height: 100%;\n width: 100%;\n border: none;\n opacity: 0.5;\n transition: opacity 250ms;\n\n &:hover {\n background: none;\n opacity: 1;\n }\n`\n"],"names":["File","styled","Footer","ContentWrapper","ImageWrapper","Buttons","ExpandButton","Button"],"mappings":";;AAGO,MAAMA,IAAOC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgDdC,IAASD,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAqGhBE~~,IAAiBF,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,GAsCxBG,IAAeH,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,GAmCtBI,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBK,IAAeL,EAAOM,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"FileUploadCard.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadCard/FileUploadCard.styled.ts"],"sourcesContent":["import { Button } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const File = styled.div`\n position: relative;\n display: flex;\n flex-direction: column;\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n z-index: 0;\n user-select: none;\n\n height: 105px;\n\n &.compact {\n height: 75px;\n }\n\n .icon {\n font-size: 30px;\n }\n\n .remove {\n position: absolute;\n top: 2px;\n right: 2px;\n padding: 2px;\n\n &:hover {\n background-color: var(--md-sys-color-error-container);\n color: var(--md-sys-color-on-error-container);\n }\n\n .icon {\n font-size: 20px;\n }\n }\n\n /* move icon up slightly to center it /\n .type-icon {\n margin-top: -20px;\n }\n\n / set download default color outline /\n .download,\n .download-icon {\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Footer = styled.footer`\n background-color: var(--md-sys-color-surface-container-low);\n display: flex;\n align-items: center;\n position: relative;\n padding: 0 var(--padding-s);\n overflow: hidden;\n color: var(--md-sys-color-on-surface);\n\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n\n transition: padding 0.2s ease;\n\n span {\n font-size: 12px;\n }\n\n .name-wrapper {\n overflow: hidden;\n }\n\n .download {\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n display: none;\n color: var(--md-sys-color-on-surface);\n }\n\n .name {\n position: relative;\n\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n z-index: 20;\n display: flex;\n align-items: center;\n\n .icon {\n font-size: inherit;\n margin-right: var(--padding-s);\n vertical-align: text-top;\n }\n }\n\n .extension {\n z-index: 20;\n min-width: fit-content;\n overflow: hidden;\n }\n\n .progress {\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-primary-container);\n z-index: 10;\n\n transition: right 0.3s;\n\n display: none;\n }\n\n &.inProgress {\n .progress {\n display: block;\n }\n }\n\n .download-icon {\n font-size: 20px;\n }\n\n &.isDownloadable {\n &:hover {\n cursor: pointer;\n\n padding: var(--padding-m) var(--padding-s);\n\n background-color: var(--md-sys-color-surface-container-low-hover);\n\n .download,\n .download-icon {\n color: var(--md-sys-color-on-surface);\n }\n\n / reveal size and download /\n .download {\n display: flex;\n }\n .name-wrapper,\n .extension {\n display: none;\n }\n }\n }\n`\n\nexport const ContentWrapper = styled.div`\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n flex: 1;\n\n .icon {\n user-select: none;\n }\n\n .download-icon {\n display: none;\n }\n\n / previewable styles (it can be expanded) /\n / on hover it shows the expand buttons */\n &.isPreviewable,\n &.isUnsavedAnnotation {\n cursor: pointer;\n\n &:hover {\n .expand-buttons {\n display: flex;\n }\n .type-icon {\n display: none;\n }\n }\n }\n\n &:hover .image-wrapper::after {\n opacity: 0.8;\n }\n`\n\nexport const ImageWrapper = styled.div`\n position: absolute;\n inset: 0;\n display: flex;\n justify-content: center;\n background-color: var(--md-sys-color-surface-container-lowest);\n img {\n position: absolute;\n max-height: 100%;\n max-width: 100%;\n object-fit: contain;\n height: calc(100% - 20px);\n\n transition: scale 0.2s ease;\n }\n\n &::after {\n content: '';\n position: absolute;\n inset: 0;\n background-color: var(--md-sys-color-surface-container-lowest);\n opacity: 0;\n transition: opacity 0.1s ease;\n }\n\n &.isDownloadable {\n &:hover {\n .icon {\n display: block;\n z-index: 10;\n }\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: none;\n position: absolute;\n left: 0;\n top: 0;\n transform: none;\n height: calc(100% - 20px);\n width: 100%;\n gap: 0;\n`\n\nexport const ExpandButton = styled(Button)`\n height: 100%;\n width: 100%;\n border: none;\n opacity: 0.5;\n transition: opacity 250ms;\n\n &:hover {\n background: none;\n opacity: 1;\n }\n`\n"],"names":["File","styled","Footer","ContentWrapper","ImageWrapper","Buttons","ExpandButton","Button"],"mappings":";;AAGO,MAAMA,IAAOC,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgDdC,IAASD,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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsGhBE,IAAiBF,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,GAsCxBG,IAAeH,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,GAmCtBI,IAAUJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWjBK,IAAeL,EAAOM,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const k=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),U=require("./EntityTooltip.styled.cjs.js");require("react-dom");require("react");const f=require("../../../context/FeedContext.cjs.js");require("../UserTooltipItem.cjs.js");require("../UserTooltip/UserTooltip.styled.cjs.js");require("@ynput/ayon-react-components");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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../../../../api/queries/activities/getMentions.cjs.js");require("../../../../../api/queries/activities/getCategories.cjs.js");require("../../../../../api/queries/addons/getAddons.cjs.js");require("../../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.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/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");const F=require("../../../../../util/getThumbnailUrl.cjs.js");require("../../../../../util/pubsub.cjs.js");require("../../../../../context/PowerpackContextInstance.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../../context/SubtasksModulesContextInstance.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/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");const W=require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                            */require("clsx");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/MarkdownWidget.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("../../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../../components/Badge/Badge.cjs.js");require("../../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../../../../_virtual/index.cjs.js");require("../../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                         */require("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../CommentInput/quillToMarkdown.cjs.js");require("../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../CommentInput/modules/index.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../Slicer/components/Slicer.cjs.js");require("../../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../../NewEntity/components/NewEntity.cjs.js");require("../../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../../components/Watchers/Watchers.cjs.js");require("../../../../../components/Menu/Menu.styled.cjs.js");require("../../../../../components/Menu/MenuItem.cjs.js");require("../../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../../components/ColumnHeaderMenuUI.cjs.js");require("short-uuid");require("../../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../ActivityReference/ActivityReference.styled.cjs.js");require("../../ActivityComment/ActivityComment.styled.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../../Actions/Actions.styled.cjs.js");require("../../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../../Actions/ActionIcon.cjs.js");require("../../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../Views/context/ViewsContextInstance.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../ListTable/ListTableRow.cjs.js");require("../../../../ListTable/ListTable.styled.cjs.js");require("../../../../../context/DeleteEntitiesContext.cjs.js");require("../../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../CommentInput/CommentInput.cjs.js");require("../../ReactionContainer/Reactions.styled.cjs.js");require("../../FilesGrid/FilesGrid.styled.cjs.js");require("../../FileUploadCard/FileUploadCard.styled.cjs.js");require("../../ActivityStatus/ActivityStatus.cjs.js");require("../../ActivityHeader/ActivityHeader.styled.cjs.js");require("../../ActivityDate.cjs.js");require("../../ActivityCategorySelect/CategoryTag.cjs.js");require("../../ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../ActivityFieldChange/FieldValue.cjs.js");require("../../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../ActivityVersions/ActivityVersions.styled.cjs.js");require("../../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../../Feed.styled.cjs.js");require("../../FeedSearchFilter.cjs.js");const v=({type:e,id:q,pos:{left:r=0,top:t=0}={}})=>{const{entityTooltipData:n,isFetchingTooltip:o,projectInfo:s,projectName:c}=f.useFeedContext(),a=W.useProjectContext(),i=220;r+i/2>window.innerWidth&&(r=window.innerWidth-i/2);const{title:d,subTitle:l,path:h,taskType:p,productType:y,users:T=[],thumbnailId:m,status:x,thumbnailHash:j}=n||{},{taskTypes:b=[],statuses:g=[]}=s,w=b.find(u=>u.name===p)?.icon,I=g.find(u=>u.name===x),C=F.getEntityThumbnailUrl({entityId:q,entityType:e,thumbnailHash:j,thumbnailId:m,projectName:c}),E=a.getProductType(y).icon,P={task:w,version:E};return e?k.jsxRuntimeExports.jsx(U.TooltipEntityCard,{style:{left:r,top:t,maxWidth:i},title:d,header:l,path:h,showPath:!0,status:I,users:T,hidePriority:!0,isLoading:o,loadingSections:["header","title","users","status"],titleIcon:P[e||""],imageUrl:C||void 0}):null};module.exports=v;
+"use strict";const k=require("../../../../../../../_virtual/jsx-runtime.cjs.js"),U=require("./EntityTooltip.styled.cjs.js");require("react-dom");require("react");const f=require("../../../context/FeedContext.cjs.js");require("../UserTooltipItem.cjs.js");require("../UserTooltip/UserTooltip.styled.cjs.js");require("@ynput/ayon-react-components");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/dataImport.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/projectFolders.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/updateReaction.cjs.js");require("../../../../../api/queries/activities/getMentions.cjs.js");require("../../../../../api/queries/activities/getCategories.cjs.js");require("../../../../../api/queries/addons/getAddons.cjs.js");require("../../../../../api/queries/addons/updateAddons.cjs.js");require("../../../../../api/queries/attributes/getAttributes.cjs.js");require("../../../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../../../api/queries/bundles/getBundles.cjs.js");require("../../../../../api/queries/bundles/updateBundles.cjs.js");require("../../../../../api/queries/cloud/cloud.cjs.js");require("../../../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../../../api/queries/config/getConfig.cjs.js");require("../../../../../api/queries/config/updateConfig.cjs.js");require("../../../../../api/queries/entities/getEntity.cjs.js");require("../../../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../../../api/queries/overview/getOverview.cjs.js");require("../../../../../api/queries/overview/updateOverview.cjs.js");require("../../../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../../../api/queries/links/getEntityLinks.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/listItemsColumnStats.cjs.js");require("../../../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../../../api/queries/entityLists/listFolders.cjs.js");require("../../../../../api/queries/folders/getFolders.cjs.js");require("../../../../../api/queries/folders/getFolderDeleteInfo.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/permissions/getPermissions.cjs.js");require("../../../../../api/queries/products/createProduct.cjs.js");require("../../../../../api/queries/products/getFolderProducts.cjs.js");require("../../../../../api/queries/project/getProject.cjs.js");require("../../../../../api/queries/project/updateProject.cjs.js");require("../../../../../api/queries/projectFolders/projectFolders.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/tasks/getTasks.cjs.js");require("../../../../../api/queries/tasks/updateTasks.cjs.js");require("../../../../../api/queries/teams/getTeams.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/users/guests.cjs.js");require("../../../../../api/queries/versions/updateVersions.cjs.js");require("../../../../../api/queries/views/getViews.cjs.js");require("../../../../../api/queries/views/updateViews.cjs.js");require("../../../../../api/queries/watchers/getWatchers.cjs.js");require("../../../../../api/queries/uris/getUris.cjs.js");require("../TeamTooltip/TeamTooltip.styled.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");require("../../../../../../../_virtual/runtime.cjs.js");require("../../../../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");const F=require("../../../../../util/getThumbnailUrl.cjs.js");require("../../../../../util/pubsub.cjs.js");require("../../../../../context/PowerpackContextInstance.cjs.js");require("../../../../../context/UriContext.cjs.js");require("../../../../../context/DetailsPanelContextInstance.cjs.js");require("../../../../../context/SubtasksModulesContextInstance.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/MenuContext.cjs.js");require("../../../../../context/WebsocketContext.cjs.js");require("../../../../../context/GlobalContext.cjs.js");const W=require("../../../../../context/ProjectContext.cjs.js");require("../../../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../../../context/EntityUpdatesContextInstance.cjs.js");require("../../../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                            */require("clsx");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/MarkdownWidget.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("../../../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../../../components/AccessUser/AccessUser.cjs.js");require("../../../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../../../components/Badge/Badge.cjs.js");require("../../../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../../../_virtual/index.cjs.js");require("../../../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                         */require("../../../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../CommentInput/quillToMarkdown.cjs.js");require("../../../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../CommentInput/modules/index.cjs.js");require("../../../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../../../components/Feedback/SupportBubble.cjs.js");require("../../../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../../../components/Powerpack/CTAButton.cjs.js");require("../../../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../../Slicer/components/Slicer.cjs.js");require("../../../../Slicer/context/SlicerContextInstance.cjs.js");require("../../../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../../../NewEntity/components/NewEntity.cjs.js");require("../../../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../../../NewEntity/components/NewEntityForm.cjs.js");require("../../../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../../../components/SearchFilter/filterDates.cjs.js");require("../../../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../../../components/StyledLink/StyledLink.cjs.js");require("../../../../../components/SyncButton/SyncButton.cjs.js");require("../../../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../../../components/Watchers/Watchers.cjs.js");require("../../../../../components/Menu/Menu.styled.cjs.js");require("../../../../../components/Menu/MenuItem.cjs.js");require("../../../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../../../components/ColumnHeaderMenuUI.cjs.js");require("short-uuid");require("../../ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../ActivityReference/ActivityReference.styled.cjs.js");require("../../ActivityComment/ActivityComment.styled.cjs.js");require("../../../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../../../Actions/Actions.styled.cjs.js");require("../../../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../../../Actions/ActionIcon.cjs.js");require("../../../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../../Views/context/ViewsContextInstance.cjs.js");require("../../../../Views/Views.styled.cjs.js");require("../../../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../../../ListTable/ListTableRow.cjs.js");require("../../../../ListTable/ListTable.styled.cjs.js");require("../../../../../context/DeleteEntitiesContext.cjs.js");require("../../FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../CommentInput/CommentInput.cjs.js");require("../../ReactionContainer/Reactions.styled.cjs.js");require("../../FilesGrid/FilesGrid.styled.cjs.js");require("../../FileUploadCard/FileUploadCard.styled.cjs.js");require("../../ActivityStatus/ActivityStatus.cjs.js");require("../../ActivityHeader/ActivityHeader.styled.cjs.js");require("../../ActivityDate.cjs.js");require("../../ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ActivityCategorySelect/CategoryTag.cjs.js");require("../../ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../ActivityFieldChange/FieldValue.cjs.js");require("../../ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../ActivityVersions/ActivityVersions.styled.cjs.js");require("../../ActivityGroup/ActivityGroup.styled.cjs.js");require("../../../Feed.styled.cjs.js");require("../../FeedSearchFilter.cjs.js");const v=({type:e,id:q,pos:{left:r=0,top:t=0}={}})=>{const{entityTooltipData:n,isFetchingTooltip:o,projectInfo:s,projectName:c}=f.useFeedContext(),a=W.useProjectContext(),i=220;r+i/2>window.innerWidth&&(r=window.innerWidth-i/2);const{title:d,subTitle:l,path:h,taskType:p,productType:y,users:T=[],thumbnailId:m,status:x,thumbnailHash:j}=n||{},{taskTypes:b=[],statuses:g=[]}=s,w=b.find(u=>u.name===p)?.icon,I=g.find(u=>u.name===x),C=F.getEntityThumbnailUrl({entityId:q,entityType:e,thumbnailHash:j,thumbnailId:m,projectName:c}),E=a.getProductType(y).icon,P={task:w,version:E};return e?k.jsxRuntimeExports.jsx(U.TooltipEntityCard,{style:{left:r,top:t,maxWidth:i},title:d,header:l,path:h,showPath:!0,status:I,users:T,hidePriority:!0,isLoading:o,loadingSections:["header","title","users","status"],titleIcon:P[e||""],imageUrl:C||void 0}):null};module.exports=v;
 //# sourceMappingURL=EntityTooltip.cjs.js.map