@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

package/dist/shared/src/containers/ProjectTreeTable/widgets/TextWidget.es.js

@@ -1,20 +1,20 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as te, useState as h, useRef as v, useEffect as x, useCallback as C } from "react";
-import oe from "react-markdown";
-import ne from "remark-gfm";
-import se from "rehype-raw";
-import { TextWidgetInput as ie } from "./TextWidgetInput.es.js";
+import { forwardRef as re, useState as w, useRef as h, useEffect as v, useCallback as E } from "react";
+import te from "react-markdown";
+import oe from "remark-gfm";
+import ne from "rehype-raw";
+import { TextWidgetInput as se } from "./TextWidgetInput.es.js";
 import j from "styled-components";
-import { Icon as ae } from "@ynput/ayon-react-components";
-import le from "clsx";
+import { Icon as ie } from "@ynput/ayon-react-components";
+import ae from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as ce } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as le } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../util/pubsub.es.js";
-import { TextContentWidget as A } from "./TextContentWidget.es.js";
-import { CellEditingDialog as ue } from "../../../components/LinksManager/CellEditingDialog.es.js";
-const pe = j.span`
+import { TextContentWidget as _ } from "./TextContentWidget.es.js";
+import { CellEditingDialog as ce } from "../../../components/LinksManager/CellEditingDialog.es.js";
+const ue = j.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -34,7 +34,7 @@ const pe = j.span`
   &.regular {
     display: block;
   }
-`, D = j.a`
+`, C = j.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -45,7 +45,7 @@ const pe = j.span`
   &:hover {
     text-decoration: underline;
   }
-`, fe = j.div`
+`, me = j.div`
   background: var(--md-sys-color-surface-container-lowest);
   border-radius: 8px;
   padding: 12px;
@@ -72,7 +72,7 @@ const pe = j.span`
     }
   }
 `;
-class me {
+class fe {
   lastShownTime = 0;
   warmTimeout = 500;
   // ms idle before resetting to cold mode
@@ -85,50 +85,51 @@ class me {
     this.lastShownTime = Date.now();
   }
 }
-const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
+const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
   try {
     const i = new URL(s.trim());
     return i.protocol === "http:" || i.protocol === "https:";
   } catch {
     return !1;
   }
-}, we = (s) => {
+}, de = (s) => {
   const i = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return s.split(i).map((m, f) => de(m) ? { type: "url", content: m, key: f } : { type: "text", content: m, key: f });
-}, N = (s) => /<[^>]*>/.test(s), Le = te(
+  return s.split(i).map((c, x) => pe(c) ? { type: "url", content: c, key: x } : { type: "text", content: c, key: x });
+}, F = (s) => /<[^>]*>/.test(s), Oe = re(
   ({
     value: s,
     option: i,
-    isEditing: p,
-    isInherited: m,
+    isMarkdown: l,
+    isEditing: c,
+    isInherited: x,
     onChange: f,
     onCancelEdit: g,
-    style: q,
+    style: N,
     type: S,
-    columnId: R,
+    columnId: we,
     cellId: n,
-    onRequestEdit: z,
-    getDraftValue: B,
-    setDraftValue: G,
-    className: J,
-    ...K
-  }, d) => {
-    const M = z || (() => {
-    }), Q = B || (() => null), X = G || (() => {
-    }), [Y, L] = h(!1), [Z, w] = h(!1), [O, $] = h(!1), [W, H] = h(!1), y = v(null), k = v(), T = v(), b = v(!1), _ = Y || Z, P = i?.label || s, c = typeof P == "string" ? P : String(P ?? ""), u = R === "attrib_description" || R === "description", I = !u && !N(c) && !c.match(/(https?:\/\/\S+)/gi);
-    x(() => {
+    onRequestEdit: q,
+    getDraftValue: z,
+    setDraftValue: B,
+    className: G,
+    ...J
+  }, p) => {
+    const R = q || (() => {
+    }), K = z || (() => null), Q = B || (() => {
+    }), [X, L] = w(!1), [Y, d] = w(!1), [O, Z] = w(!1), [W, H] = w(!1), y = h(null), k = h(), T = h(), b = h(!1), M = X || Y, P = i?.label || s, m = typeof P == "string" ? P : String(P ?? ""), $ = !l && !F(m) && !m.match(/(https?:\/\/\S+)/gi);
+    v(() => {
       const e = y.current;
       if (!e) return;
       let r = null;
       const t = () => {
         r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-          r = null, H(u ? e.scrollHeight > e.clientHeight + 1 : e.scrollWidth > e.clientWidth + 1);
+          r = null, H(l ? e.scrollHeight > e.clientHeight + 1 : e.scrollWidth > e.clientWidth + 1);
         });
       }, a = new ResizeObserver(t);
       return a.observe(e), t(), () => {
         r !== null && cancelAnimationFrame(r), a.disconnect();
       };
-    }, [c, u]), x(() => {
+    }, [m, l]), v(() => {
       const e = y.current;
       if (!e) return;
       const r = e.closest("td");
@@ -138,35 +139,35 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
         r.removeEventListener("mouseenter", t), r.removeEventListener("mouseleave", a);
       };
     }, []);
-    const l = C((e) => {
-      b.current = e, $(e);
+    const u = E((e) => {
+      b.current = e, Z(e);
     }, []);
-    x(() => (clearTimeout(k.current), clearTimeout(T.current), p ? l(!1) : _ ? b.current || W && n && (k.current = setTimeout(() => {
-      b.current || (l(!0), F.markShown(), window.dispatchEvent(new CustomEvent(E, { detail: { cellId: n } })));
-    }, F.getDelay())) : T.current = setTimeout(() => l(!1), 300), () => {
+    v(() => (clearTimeout(k.current), clearTimeout(T.current), c ? u(!1) : M ? b.current || W && n && (k.current = setTimeout(() => {
+      b.current || (u(!0), A.markShown(), window.dispatchEvent(new CustomEvent(D, { detail: { cellId: n } })));
+    }, A.getDelay())) : T.current = setTimeout(() => u(!1), 300), () => {
       clearTimeout(k.current), clearTimeout(T.current);
-    }), [_, W, p, n, l]), x(() => {
+    }), [M, W, c, n, u]), v(() => {
       const e = (r) => {
-        r.detail?.cellId !== n && l(!1);
+        r.detail?.cellId !== n && u(!1);
       };
-      return window.addEventListener(E, e), () => window.removeEventListener(E, e);
-    }, [n, l]);
-    const U = C(() => {
-      l(!1), n && M(n);
-    }, [n, M, l]), ee = C(
+      return window.addEventListener(D, e), () => window.removeEventListener(D, e);
+    }, [n, u]);
+    const U = E(() => {
+      u(!1), n && R(n);
+    }, [n, R, u]), I = E(
       (e, r) => {
         f(e, r === "Enter" ? "Click" : r);
       },
       [f]
-    ), V = () => u ? /* @__PURE__ */ o.jsx(
-      oe,
+    ), V = () => l ? /* @__PURE__ */ o.jsx(
+      te,
       {
-        remarkPlugins: [ne],
-        rehypePlugins: [se],
+        remarkPlugins: [oe],
+        rehypePlugins: [ne],
         components: {
           p: ({ children: r }) => /* @__PURE__ */ o.jsx("span", { children: r }),
           a: ({ href: r, children: t }) => /* @__PURE__ */ o.jsx(
-            D,
+            C,
             {
               href: r || "#",
               onMouseDown: (a) => a.stopPropagation(),
@@ -176,10 +177,10 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
             }
           )
         },
-        children: c
+        children: m
       }
-    ) : N(c) ? ce(c).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
-      D,
+    ) : F(m) ? le(m).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
+      C,
       {
         href: t.href,
         onMouseDown: (a) => a.stopPropagation(),
@@ -188,8 +189,8 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
         children: t.content
       },
       t.key
-    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: t.content }, t.key)) : c.match(/(https?:\/\/\S+)/gi) ? we(c).map((t) => t.type === "url" ? /* @__PURE__ */ o.jsx(
-      D,
+    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: t.content }, t.key)) : m.match(/(https?:\/\/\S+)/gi) ? de(m).map((t) => t.type === "url" ? /* @__PURE__ */ o.jsx(
+      C,
       {
         href: t.content,
         onMouseDown: (a) => a.stopPropagation(),
@@ -198,10 +199,10 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
         children: t.content
       },
       t.key
-    ) : t.content) : c;
-    if (p && !u)
+    ) : t.content) : m;
+    if (c && !l)
       return /* @__PURE__ */ o.jsx(
-        ie,
+        se,
         {
           value: s,
           onChange: f,
@@ -209,23 +210,23 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
           type: S || "string"
         }
       );
-    const re = le(J, {
-      markdown: u,
-      regular: I
+    const ee = ae(G, {
+      markdown: l,
+      regular: $
     });
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       /* @__PURE__ */ o.jsxs(
-        pe,
+        ue,
         {
-          className: re,
-          style: { color: i?.color, ...q },
-          ...K,
+          className: ee,
+          style: { color: i?.color, ...N },
+          ...J,
           ref: (e) => {
-            y.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+            y.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
           },
           children: [
             i?.icon && /* @__PURE__ */ o.jsx(
-              ae,
+              ie,
               {
                 icon: i.icon,
                 style: {
@@ -237,8 +238,8 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
           ]
         }
       ),
-      p && u && n && /* @__PURE__ */ o.jsx(
-        A,
+      c && l && n && /* @__PURE__ */ o.jsx(
+        _,
         {
           value: s,
           cellId: n,
@@ -246,15 +247,15 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
           variant: "edit",
           allowMarkdown: !0,
           valueType: S || "string",
-          onChange: ee,
+          onChange: I,
           onCancelEdit: g,
           onDismissWithoutSave: g,
-          draftValue: Q(),
-          onEditingDraftChange: X
+          draftValue: K(),
+          onEditingDraftChange: Q
         }
       ),
-      O && !p && u && n && /* @__PURE__ */ o.jsx(
-        A,
+      O && !c && l && n && /* @__PURE__ */ o.jsx(
+        _,
         {
           value: s,
           cellId: n,
@@ -262,24 +263,24 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
           variant: "preview",
           allowMarkdown: !0,
           onChange: f,
-          onCancelEdit: () => l(!1),
+          onCancelEdit: () => u(!1),
           onPreviewClick: U,
-          onPreviewMouseEnter: () => w(!0),
-          onPreviewMouseLeave: () => w(!1)
+          onPreviewMouseEnter: () => d(!0),
+          onPreviewMouseLeave: () => d(!1)
         }
       ),
-      O && !p && !u && n && /* @__PURE__ */ o.jsx(
-        ue,
+      O && !c && !l && n && /* @__PURE__ */ o.jsx(
+        ce,
         {
           isEditing: !0,
           anchorId: n,
-          onClose: () => l(!1),
+          onClose: () => u(!1),
           children: /* @__PURE__ */ o.jsx(
-            fe,
+            me,
             {
               onClick: U,
-              onMouseEnter: () => w(!0),
-              onMouseLeave: () => w(!1),
+              onMouseEnter: () => d(!0),
+              onMouseLeave: () => d(!1),
               onMouseDown: (e) => e.stopPropagation(),
               children: V()
             }
@@ -290,7 +291,7 @@ const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
   }
 );
 export {
-  pe as StyledBaseTextWidget,
-  Le as TextWidget
+  ue as StyledBaseTextWidget,
+  Oe as TextWidget
 };
 //# sourceMappingURL=TextWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/TextWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport styled from 'styled-components'\nimport { AttributeData } from '../types'\nimport { AttributeEnumItem } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\nimport { TextContentWidget } from './TextContentWidget'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { CellId } from '../utils/cellUtils'\n\n// ── Styled components ──────────────────────────────────────────────\n\nexport const StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    white-space: normal;\n    word-break: break-word;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst StyledPreviewContent = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  padding: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  min-height: 40px;\n  max-height: none;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n  cursor: pointer;\n\n  a {\n    color: var(--md-sys-color-primary, #0066cc);\n    text-decoration: none;\n    white-space: normal;\n    word-break: break-all;\n    overflow-wrap: break-word;\n    overflow: visible;\n    text-overflow: unset;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`\n\n// ── Preview delay controller (module singleton) ────────────────────\n\nclass PreviewDelayController {\n  private lastShownTime = 0\n  private warmTimeout = 500 // ms idle before resetting to cold mode\n  private coldDelay = 600 // ms delay before first preview\n\n  getDelay(): number {\n    const elapsed = Date.now() - this.lastShownTime\n    return elapsed < this.warmTimeout ? 0 : this.coldDelay\n  }\n\n  markShown(): void {\n    this.lastShownTime = Date.now()\n  }\n}\n\nconst previewDelayController = new PreviewDelayController()\n\n// Custom event dispatched when a preview opens (ensures single preview at a time)\nconst PREVIEW_OPEN_EVENT = 'projectTreeTextPreviewOpen'\n\n// ── Helpers ────────────────────────────────────────────────────────\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  option?: AttributeEnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n  cellId?: string\n  onRequestEdit?: (id: CellId | null) => void\n  getDraftValue?: () => string | null\n  setDraftValue?: (value: string | null) => void\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      cellId,\n      onRequestEdit,\n      getDraftValue,\n      setDraftValue,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const requestEdit = onRequestEdit || (() => undefined)\n    const getCurrentDraft = getDraftValue || (() => null)\n    const setCurrentDraft = setDraftValue || (() => undefined)\n\n    const [isHoveredOnCell, setIsHoveredOnCell] = useState(false)\n    const [isHoveredOnPreview, setIsHoveredOnPreview] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [isOverflowing, setIsOverflowing] = useState(false)\n\n    const textRef = useRef<HTMLSpanElement>(null)\n    const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const showPreviewRef = useRef(false)\n    const isAnythingHovered = isHoveredOnCell || isHoveredOnPreview\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText ?? '')\n    const isDescriptionColumn = columnId === 'attrib_description' || columnId === 'description'\n    // does the content contain only regular text?\n    const isRegularText =\n      !isDescriptionColumn && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      let rafId: number | null = null\n      const checkOverflow = () => {\n        // Debounce via rAF so rapid resize events don't toggle state every frame\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        rafId = requestAnimationFrame(() => {\n          rafId = null\n          if (isDescriptionColumn) {\n            // Vertical overflow (text wraps but exceeds cell height)\n            setIsOverflowing(el.scrollHeight > el.clientHeight + 1)\n          } else {\n            // Horizontal overflow (text is truncated with ellipsis)\n            setIsOverflowing(el.scrollWidth > el.clientWidth + 1)\n          }\n        })\n      }\n\n      const observer = new ResizeObserver(checkOverflow)\n      observer.observe(el)\n      checkOverflow()\n\n      return () => {\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        observer.disconnect()\n      }\n    }, [textValue, isDescriptionColumn])\n\n    // ── Hover tracking on parent <td>\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      const td = el.closest('td')\n      if (!td) return\n\n      const handleMouseEnter = () => setIsHoveredOnCell(true)\n      const handleMouseLeave = () => setIsHoveredOnCell(false)\n\n      td.addEventListener('mouseenter', handleMouseEnter)\n      td.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        td.removeEventListener('mouseenter', handleMouseEnter)\n        td.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }, [])\n\n    // ── Preview show/hide logic\n    // Keep ref in sync so timers can check current visibility without re-triggering the effect\n    const updatePreview = useCallback((value: boolean) => {\n      showPreviewRef.current = value\n      setShowPreview(value)\n    }, [])\n\n    useEffect(() => {\n      clearTimeout(showTimerRef.current)\n      clearTimeout(closeTimerRef.current)\n\n      if (isEditing) {\n        updatePreview(false)\n      } else if (!isAnythingHovered) {\n        // Grace period before closing (handles cell→popup mouse transition)\n        closeTimerRef.current = setTimeout(() => updatePreview(false), 300)\n      } else if (showPreviewRef.current) {\n        // Preview already visible — keep it open regardless of overflow changes\n        // (overflow can toggle during column resize; don't flicker)\n      } else if (isOverflowing && cellId) {\n        // Start delay timer to show preview\n        showTimerRef.current = setTimeout(() => {\n          if (showPreviewRef.current) return // double-check, already visible\n          updatePreview(true)\n          previewDelayController.markShown()\n          window.dispatchEvent(new CustomEvent(PREVIEW_OPEN_EVENT, { detail: { cellId } }))\n        }, previewDelayController.getDelay())\n      }\n\n      return () => {\n        clearTimeout(showTimerRef.current)\n        clearTimeout(closeTimerRef.current)\n      }\n    }, [isAnythingHovered, isOverflowing, isEditing, cellId, updatePreview])\n\n    // ── Listen for other previews opening → close this one ───────\n    useEffect(() => {\n      const handler = (e: Event) => {\n        const detail = (e as CustomEvent).detail\n        if (detail?.cellId !== cellId) {\n          updatePreview(false)\n        }\n      }\n\n      window.addEventListener(PREVIEW_OPEN_EVENT, handler)\n      return () => window.removeEventListener(PREVIEW_OPEN_EVENT, handler)\n    }, [cellId, updatePreview])\n\n    // ── Preview click → start editing\n    const handlePreviewClick = useCallback(() => {\n      updatePreview(false)\n      if (cellId) requestEdit(cellId)\n    }, [cellId, requestEdit, updatePreview])\n\n    // For description columns, Ctrl+Enter should save and close — not jump to next row.\n    // Remap 'Enter' → 'Click' so CellWidget doesn't call moveToNextRow.\n    const handleDescriptionChange: WidgetBaseProps['onChange'] = useCallback(\n      (val, key) => {\n        onChange(val, key === 'Enter' ? 'Click' : key)\n      },\n      [onChange],\n    )\n\n    // ── Render content\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isDescriptionColumn) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    // ── Non-description editing: inline TextWidgetInput\n    if (isEditing && !isDescriptionColumn) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    // ── Render: display content + any overlays ───────────────────\n    const combinedClassName = clsx(className, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <>\n        <StyledBaseTextWidget\n          className={combinedClassName}\n          style={{ color: option?.color, ...style }}\n          {...props}\n          ref={(node) => {\n            // Merge external ref with internal ref\n            ;(textRef as React.MutableRefObject<HTMLSpanElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref)\n              (ref as React.MutableRefObject<HTMLSpanElement | null>).current = node\n          }}\n        >\n          {option?.icon && (\n            <Icon\n              icon={option.icon}\n              style={{\n                color: option.color,\n              }}\n            />\n          )}\n          {renderContent()}\n        </StyledBaseTextWidget>\n\n        {/* Description column editing (Quill editor in popup) */}\n        {isEditing && isDescriptionColumn && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"edit\"\n            allowMarkdown={true}\n            valueType={type || 'string'}\n            onChange={handleDescriptionChange}\n            onCancelEdit={onCancelEdit}\n            onDismissWithoutSave={onCancelEdit}\n            draftValue={getCurrentDraft()}\n            onEditingDraftChange={setCurrentDraft}\n          />\n        )}\n\n        {/* Description column hover preview (markdown in popup) */}\n        {showPreview && !isEditing && isDescriptionColumn && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"preview\"\n            allowMarkdown={true}\n            onChange={onChange}\n            onCancelEdit={() => updatePreview(false)}\n            onPreviewClick={handlePreviewClick}\n            onPreviewMouseEnter={() => setIsHoveredOnPreview(true)}\n            onPreviewMouseLeave={() => setIsHoveredOnPreview(false)}\n          />\n        )}\n\n        {/* Non-description column hover preview (plain text in popup) */}\n        {showPreview && !isEditing && !isDescriptionColumn && cellId && (\n          <CellEditingDialog\n            isEditing={true}\n            anchorId={cellId}\n            onClose={() => updatePreview(false)}\n          >\n            <StyledPreviewContent\n              onClick={handlePreviewClick}\n              onMouseEnter={() => setIsHoveredOnPreview(true)}\n              onMouseLeave={() => setIsHoveredOnPreview(false)}\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              {renderContent()}\n            </StyledPreviewContent>\n          </CellEditingDialog>\n        )}\n      </>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","StyledPreviewContent","PreviewDelayController","previewDelayController","PREVIEW_OPEN_EVENT","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","cellId","onRequestEdit","getDraftValue","setDraftValue","className","props","ref","requestEdit","getCurrentDraft","setCurrentDraft","isHoveredOnCell","setIsHoveredOnCell","useState","isHoveredOnPreview","setIsHoveredOnPreview","showPreview","setShowPreview","isOverflowing","setIsOverflowing","textRef","useRef","showTimerRef","closeTimerRef","showPreviewRef","isAnythingHovered","displayText","textValue","isDescriptionColumn","isRegularText","useEffect","el","rafId","checkOverflow","observer","td","handleMouseEnter","handleMouseLeave","updatePreview","useCallback","handler","e","handlePreviewClick","handleDescriptionChange","val","key","renderContent","jsx","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","TextWidgetInput","combinedClassName","clsx","jsxs","Fragment","node","Icon","TextContentWidget","CellEditingDialog"],"mappings":"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"}
+{"version":3,"file":"TextWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef, useState, useEffect, useRef, useCallback } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps } from './CellWidget'\nimport styled from 'styled-components'\nimport { EnumItem, AttributeData } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\nimport { TextContentWidget } from './TextContentWidget'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { CellId } from '../utils/cellUtils'\n\n// ── Styled components ──────────────────────────────────────────────\n\nexport const StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    white-space: normal;\n    word-break: break-word;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst StyledPreviewContent = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  padding: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  min-height: 40px;\n  max-height: none;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n  cursor: pointer;\n\n  a {\n    color: var(--md-sys-color-primary, #0066cc);\n    text-decoration: none;\n    white-space: normal;\n    word-break: break-all;\n    overflow-wrap: break-word;\n    overflow: visible;\n    text-overflow: unset;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`\n\n// ── Preview delay controller (module singleton) ────────────────────\n\nclass PreviewDelayController {\n  private lastShownTime = 0\n  private warmTimeout = 500 // ms idle before resetting to cold mode\n  private coldDelay = 600 // ms delay before first preview\n\n  getDelay(): number {\n    const elapsed = Date.now() - this.lastShownTime\n    return elapsed < this.warmTimeout ? 0 : this.coldDelay\n  }\n\n  markShown(): void {\n    this.lastShownTime = Date.now()\n  }\n}\n\nconst previewDelayController = new PreviewDelayController()\n\n// Custom event dispatched when a preview opens (ensures single preview at a time)\nconst PREVIEW_OPEN_EVENT = 'projectTreeTextPreviewOpen'\n\n// ── Helpers ────────────────────────────────────────────────────────\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  isMarkdown?: boolean\n  option?: EnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n  cellId?: string\n  onRequestEdit?: (id: CellId | null) => void\n  getDraftValue?: () => string | null\n  setDraftValue?: (value: string | null) => void\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isMarkdown,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      cellId,\n      onRequestEdit,\n      getDraftValue,\n      setDraftValue,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const requestEdit = onRequestEdit || (() => undefined)\n    const getCurrentDraft = getDraftValue || (() => null)\n    const setCurrentDraft = setDraftValue || (() => undefined)\n\n    const [isHoveredOnCell, setIsHoveredOnCell] = useState(false)\n    const [isHoveredOnPreview, setIsHoveredOnPreview] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [isOverflowing, setIsOverflowing] = useState(false)\n\n    const textRef = useRef<HTMLSpanElement>(null)\n    const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const showPreviewRef = useRef(false)\n    const isAnythingHovered = isHoveredOnCell || isHoveredOnPreview\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText ?? '')\n    // does the content contain only regular text?\n    const isRegularText =\n      !isMarkdown && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      let rafId: number | null = null\n      const checkOverflow = () => {\n        // Debounce via rAF so rapid resize events don't toggle state every frame\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        rafId = requestAnimationFrame(() => {\n          rafId = null\n          if (isMarkdown) {\n            // Vertical overflow (text wraps but exceeds cell height)\n            setIsOverflowing(el.scrollHeight > el.clientHeight + 1)\n          } else {\n            // Horizontal overflow (text is truncated with ellipsis)\n            setIsOverflowing(el.scrollWidth > el.clientWidth + 1)\n          }\n        })\n      }\n\n      const observer = new ResizeObserver(checkOverflow)\n      observer.observe(el)\n      checkOverflow()\n\n      return () => {\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        observer.disconnect()\n      }\n    }, [textValue, isMarkdown])\n\n    // ── Hover tracking on parent <td>\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      const td = el.closest('td')\n      if (!td) return\n\n      const handleMouseEnter = () => setIsHoveredOnCell(true)\n      const handleMouseLeave = () => setIsHoveredOnCell(false)\n\n      td.addEventListener('mouseenter', handleMouseEnter)\n      td.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        td.removeEventListener('mouseenter', handleMouseEnter)\n        td.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }, [])\n\n    // ── Preview show/hide logic\n    // Keep ref in sync so timers can check current visibility without re-triggering the effect\n    const updatePreview = useCallback((value: boolean) => {\n      showPreviewRef.current = value\n      setShowPreview(value)\n    }, [])\n\n    useEffect(() => {\n      clearTimeout(showTimerRef.current)\n      clearTimeout(closeTimerRef.current)\n\n      if (isEditing) {\n        updatePreview(false)\n      } else if (!isAnythingHovered) {\n        // Grace period before closing (handles cell→popup mouse transition)\n        closeTimerRef.current = setTimeout(() => updatePreview(false), 300)\n      } else if (showPreviewRef.current) {\n        // Preview already visible — keep it open regardless of overflow changes\n        // (overflow can toggle during column resize; don't flicker)\n      } else if (isOverflowing && cellId) {\n        // Start delay timer to show preview\n        showTimerRef.current = setTimeout(() => {\n          if (showPreviewRef.current) return // double-check, already visible\n          updatePreview(true)\n          previewDelayController.markShown()\n          window.dispatchEvent(new CustomEvent(PREVIEW_OPEN_EVENT, { detail: { cellId } }))\n        }, previewDelayController.getDelay())\n      }\n\n      return () => {\n        clearTimeout(showTimerRef.current)\n        clearTimeout(closeTimerRef.current)\n      }\n    }, [isAnythingHovered, isOverflowing, isEditing, cellId, updatePreview])\n\n    // ── Listen for other previews opening → close this one ───────\n    useEffect(() => {\n      const handler = (e: Event) => {\n        const detail = (e as CustomEvent).detail\n        if (detail?.cellId !== cellId) {\n          updatePreview(false)\n        }\n      }\n\n      window.addEventListener(PREVIEW_OPEN_EVENT, handler)\n      return () => window.removeEventListener(PREVIEW_OPEN_EVENT, handler)\n    }, [cellId, updatePreview])\n\n    // ── Preview click → start editing\n    const handlePreviewClick = useCallback(() => {\n      updatePreview(false)\n      if (cellId) requestEdit(cellId)\n    }, [cellId, requestEdit, updatePreview])\n\n    // For description columns, Ctrl+Enter should save and close — not jump to next row.\n    // Remap 'Enter' → 'Click' so CellWidget doesn't call moveToNextRow.\n    const handleDescriptionChange: WidgetBaseProps['onChange'] = useCallback(\n      (val, key) => {\n        onChange(val, key === 'Enter' ? 'Click' : key)\n      },\n      [onChange],\n    )\n\n    // ── Render content\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isMarkdown) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    // ── Non-description editing: inline TextWidgetInput\n    if (isEditing && !isMarkdown) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    // ── Render: display content + any overlays ───────────────────\n    const combinedClassName = clsx(className, {\n      markdown: isMarkdown,\n      regular: isRegularText,\n    })\n\n    return (\n      <>\n        <StyledBaseTextWidget\n          className={combinedClassName}\n          style={{ color: option?.color, ...style }}\n          {...props}\n          ref={(node) => {\n            // Merge external ref with internal ref\n            ;(textRef as React.MutableRefObject<HTMLSpanElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) (ref as React.MutableRefObject<HTMLSpanElement | null>).current = node\n          }}\n        >\n          {option?.icon && (\n            <Icon\n              icon={option.icon as string}\n              style={{\n                color: option.color,\n              }}\n            />\n          )}\n          {renderContent()}\n        </StyledBaseTextWidget>\n\n        {/* Description column editing (Quill editor in popup) */}\n        {isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"edit\"\n            allowMarkdown={true}\n            valueType={type || 'string'}\n            onChange={handleDescriptionChange}\n            onCancelEdit={onCancelEdit}\n            onDismissWithoutSave={onCancelEdit}\n            draftValue={getCurrentDraft()}\n            onEditingDraftChange={setCurrentDraft}\n          />\n        )}\n\n        {/* Description column hover preview (markdown in popup) */}\n        {showPreview && !isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"preview\"\n            allowMarkdown={true}\n            onChange={onChange}\n            onCancelEdit={() => updatePreview(false)}\n            onPreviewClick={handlePreviewClick}\n            onPreviewMouseEnter={() => setIsHoveredOnPreview(true)}\n            onPreviewMouseLeave={() => setIsHoveredOnPreview(false)}\n          />\n        )}\n\n        {/* Non-description column hover preview (plain text in popup) */}\n        {showPreview && !isEditing && !isMarkdown && cellId && (\n          <CellEditingDialog\n            isEditing={true}\n            anchorId={cellId}\n            onClose={() => updatePreview(false)}\n          >\n            <StyledPreviewContent\n              onClick={handlePreviewClick}\n              onMouseEnter={() => setIsHoveredOnPreview(true)}\n              onMouseLeave={() => setIsHoveredOnPreview(false)}\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              {renderContent()}\n            </StyledPreviewContent>\n          </CellEditingDialog>\n        )}\n      </>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","StyledPreviewContent","PreviewDelayController","previewDelayController","PREVIEW_OPEN_EVENT","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isMarkdown","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","cellId","onRequestEdit","getDraftValue","setDraftValue","className","props","ref","requestEdit","getCurrentDraft","setCurrentDraft","isHoveredOnCell","setIsHoveredOnCell","useState","isHoveredOnPreview","setIsHoveredOnPreview","showPreview","setShowPreview","isOverflowing","setIsOverflowing","textRef","useRef","showTimerRef","closeTimerRef","showPreviewRef","isAnythingHovered","displayText","textValue","isRegularText","useEffect","el","rafId","checkOverflow","observer","td","handleMouseEnter","handleMouseLeave","updatePreview","useCallback","handler","e","handlePreviewClick","handleDescriptionChange","val","key","renderContent","jsx","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","TextWidgetInput","combinedClassName","clsx","jsxs","Fragment","node","Icon","TextContentWidget","CellEditingDialog"],"mappings":";;;;;;;;;;;;;;;;AAiBO,MAAMA,KAAuBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAsBrCC,IAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAapBE,KAAuBF,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;AA8BpC,MAAMG,GAAuB;AAAA,EACnB,gBAAgB;AAAA,EAChB,cAAc;AAAA;AAAA,EACd,YAAY;AAAA;AAAA,EAEpB,WAAmB;AAEjB,WADgB,KAAK,IAAA,IAAQ,KAAK,gBACjB,KAAK,cAAc,IAAI,KAAK;AAAA,EAC/C;AAAA,EAEA,YAAkB;AAChB,SAAK,gBAAgB,KAAK,IAAA;AAAA,EAC5B;AACF;AAEA,MAAMC,IAAyB,IAAID,GAAA,GAG7BE,IAAqB,8BAKrBC,KAAa,CAACC,MAA0B;AAC5C,MAAI;AACF,UAAMC,IAAM,IAAI,IAAID,EAAK,MAAM;AAC/B,WAAOC,EAAI,aAAa,WAAWA,EAAI,aAAa;AAAA,EACtD,QAAQ;AACN,WAAO;AAAA,EACT;AACF,GAGMC,KAAoB,CAACF,MAAiB;AAE1C,QAAMG,IAAW;AAGjB,SAFcH,EAAK,MAAMG,CAAQ,EAEpB,IAAI,CAACC,GAAMC,MAClBN,GAAWK,CAAI,IACV,EAAE,MAAM,OAAO,SAASA,GAAM,KAAKC,EAAA,IAErC,EAAE,MAAM,QAAQ,SAASD,GAAM,KAAKC,EAAA,CAC5C;AACH,GAGMC,IAAe,CAACN,MACb,UAAU,KAAKA,CAAI,GAqBfO,KAAaC;AAAA,EACxB,CACE;AAAA,IACE,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,OAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,eAAAC;AAAA,IACA,WAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAcN,MAAkB,MAAA;AAAA,QAChCO,IAAkBN,MAAkB,MAAM,OAC1CO,IAAkBN,MAAkB,MAAA;AAAA,QAEpC,CAACO,GAAiBC,CAAkB,IAAIC,EAAS,EAAK,GACtD,CAACC,GAAoBC,CAAqB,IAAIF,EAAS,EAAK,GAC5D,CAACG,GAAaC,CAAc,IAAIJ,EAAS,EAAK,GAC9C,CAACK,GAAeC,CAAgB,IAAIN,EAAS,EAAK,GAElDO,IAAUC,EAAwB,IAAI,GACtCC,IAAeD,EAAA,GACfE,IAAgBF,EAAA,GAChBG,IAAiBH,EAAO,EAAK,GAC7BI,IAAoBd,KAAmBG,GAEvCY,IAAclC,GAAQ,SAASD,GAC/BoC,IAAY,OAAOD,KAAgB,WAAWA,IAAc,OAAOA,KAAe,EAAE,GAEpFE,IACJ,CAACnC,KAAc,CAACL,EAAauC,CAAS,KAAK,CAACA,EAAU,MAAM,oBAAoB;AAElF,IAAAE,EAAU,MAAM;AACd,YAAMC,IAAKV,EAAQ;AACnB,UAAI,CAACU,EAAI;AAET,UAAIC,IAAuB;AAC3B,YAAMC,IAAgB,MAAM;AAE1B,QAAID,MAAU,QAAM,qBAAqBA,CAAK,GAC9CA,IAAQ,sBAAsB,MAAM;AAClC,UAAAA,IAAQ,MAGNZ,EAFE1B,IAEeqC,EAAG,eAAeA,EAAG,eAAe,IAGpCA,EAAG,cAAcA,EAAG,cAAc,CAHG;AAAA,QAK1D,CAAC;AAAA,MACH,GAEMG,IAAW,IAAI,eAAeD,CAAa;AACjD,aAAAC,EAAS,QAAQH,CAAE,GACnBE,EAAA,GAEO,MAAM;AACX,QAAID,MAAU,QAAM,qBAAqBA,CAAK,GAC9CE,EAAS,WAAA;AAAA,MACX;AAAA,IACF,GAAG,CAACN,GAAWlC,CAAU,CAAC,GAG1BoC,EAAU,MAAM;AACd,YAAMC,IAAKV,EAAQ;AACnB,UAAI,CAACU,EAAI;AAET,YAAMI,IAAKJ,EAAG,QAAQ,IAAI;AAC1B,UAAI,CAACI,EAAI;AAET,YAAMC,IAAmB,MAAMvB,EAAmB,EAAI,GAChDwB,IAAmB,MAAMxB,EAAmB,EAAK;AAEvD,aAAAsB,EAAG,iBAAiB,cAAcC,CAAgB,GAClDD,EAAG,iBAAiB,cAAcE,CAAgB,GAE3C,MAAM;AACX,QAAAF,EAAG,oBAAoB,cAAcC,CAAgB,GACrDD,EAAG,oBAAoB,cAAcE,CAAgB;AAAA,MACvD;AAAA,IACF,GAAG,CAAA,CAAE;AAIL,UAAMC,IAAgBC,EAAY,CAAC/C,MAAmB;AACpD,MAAAiC,EAAe,UAAUjC,GACzB0B,EAAe1B,CAAK;AAAA,IACtB,GAAG,CAAA,CAAE;AAEL,IAAAsC,EAAU,OACR,aAAaP,EAAa,OAAO,GACjC,aAAaC,EAAc,OAAO,GAE9B7B,IACF2C,EAAc,EAAK,IACTZ,IAGDD,EAAe,WAGfN,KAAiBjB,MAE1BqB,EAAa,UAAU,WAAW,MAAM;AACtC,MAAIE,EAAe,YACnBa,EAAc,EAAI,GAClB1D,EAAuB,UAAA,GACvB,OAAO,cAAc,IAAI,YAAYC,GAAoB,EAAE,QAAQ,EAAE,QAAAqB,EAAA,EAAO,CAAG,CAAC;AAAA,IAClF,GAAGtB,EAAuB,UAAU,KAXpC4C,EAAc,UAAU,WAAW,MAAMc,EAAc,EAAK,GAAG,GAAG,GAc7D,MAAM;AACX,mBAAaf,EAAa,OAAO,GACjC,aAAaC,EAAc,OAAO;AAAA,IACpC,IACC,CAACE,GAAmBP,GAAexB,GAAWO,GAAQoC,CAAa,CAAC,GAGvER,EAAU,MAAM;AACd,YAAMU,IAAU,CAACC,MAAa;AAE5B,QADgBA,EAAkB,QACtB,WAAWvC,KACrBoC,EAAc,EAAK;AAAA,MAEvB;AAEA,oBAAO,iBAAiBzD,GAAoB2D,CAAO,GAC5C,MAAM,OAAO,oBAAoB3D,GAAoB2D,CAAO;AAAA,IACrE,GAAG,CAACtC,GAAQoC,CAAa,CAAC;AAG1B,UAAMI,IAAqBH,EAAY,MAAM;AAC3C,MAAAD,EAAc,EAAK,GACfpC,OAAoBA,CAAM;AAAA,IAChC,GAAG,CAACA,GAAQO,GAAa6B,CAAa,CAAC,GAIjCK,IAAuDJ;AAAA,MAC3D,CAACK,GAAKC,MAAQ;AACZ,QAAAhD,EAAS+C,GAAKC,MAAQ,UAAU,UAAUA,CAAG;AAAA,MAC/C;AAAA,MACA,CAAChD,CAAQ;AAAA,IAAA,GAILiD,IAAgB,MAEhBpD,IAEAqD,gBAAAA,EAAAA;AAAAA,MAACC;AAAAA,MAAA;AAAA,QACC,eAAe,CAACC,EAAS;AAAA,QACzB,eAAe,CAACC,EAAS;AAAA,QACzB,YAAY;AAAA,UACV,GAAG,CAAC,EAAE,UAAAC,QAAeJ,gBAAAA,EAAAA,IAAC,UAAM,UAAAI,GAAS;AAAA,UACrC,GAAG,CAAC,EAAE,MAAAC,GAAM,UAAAD,QACVJ,gBAAAA,EAAAA;AAAAA,YAACtE;AAAA,YAAA;AAAA,cACC,MAAM2E,KAAQ;AAAA,cACd,aAAa,CAACX,MAAMA,EAAE,gBAAA;AAAA,cACtB,QAAO;AAAA,cACP,KAAI;AAAA,cAEH,UAAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACH;AAAA,QAIH,UAAAvB;AAAA,MAAA;AAAA,IAAA,IAMHvC,EAAauC,CAAS,IAEVyB,GAA8BzB,CAAS,EACxC,IAAI,CAACzC,MACZA,EAAK,SAAS,SAASA,EAAK,OAE5B4D,gBAAAA,EAAAA;AAAAA,MAACtE;AAAA,MAAA;AAAA,QAEC,MAAMU,EAAK;AAAA,QACX,aAAa,CAACsD,MAAMA,EAAE,gBAAA;AAAA,QACtB,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAAtD,EAAK;AAAA,MAAA;AAAA,MANDA,EAAK;AAAA,IAAA,IAWd4D,gBAAAA,EAAAA,IAAC,QAAA,EAAoB,OAAO,EAAE,YAAY,cACvC,UAAA5D,EAAK,WADGA,EAAK,GAEhB,CAEH,IAIayC,EAAU,MAAM,oBAAoB,IAGpC3C,GAAkB2C,CAAS,EAC5B,IAAI,CAACzC,MACZA,EAAK,SAAS,QAEd4D,gBAAAA,EAAAA;AAAAA,MAACtE;AAAA,MAAA;AAAA,QAEC,MAAMU,EAAK;AAAA,QACX,aAAa,CAACsD,MAAMA,EAAE,gBAAA;AAAA,QACtB,QAAO;AAAA,QACP,KAAI;AAAA,QAEH,UAAAtD,EAAK;AAAA,MAAA;AAAA,MANDA,EAAK;AAAA,IAAA,IAUTA,EAAK,OACb,IAIIyC;AAIT,QAAIjC,KAAa,CAACD;AAChB,aACEqD,gBAAAA,EAAAA;AAAAA,QAACO;AAAA,QAAA;AAAA,UACC,OAAA9D;AAAA,UACA,UAAAK;AAAA,UACA,UAAUC;AAAA,UACV,MAAME,KAAQ;AAAA,QAAA;AAAA,MAAA;AAMpB,UAAMuD,KAAoBC,GAAKlD,GAAW;AAAA,MACxC,UAAUZ;AAAA,MACV,SAASmC;AAAA,IAAA,CACV;AAED,WACE4B,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,MAAAD,gBAAAA,EAAAA;AAAAA,QAAClF;AAAA,QAAA;AAAA,UACC,WAAWgF;AAAA,UACX,OAAO,EAAE,OAAO9D,GAAQ,OAAO,GAAGM,EAAA;AAAA,UACjC,GAAGQ;AAAA,UACJ,KAAK,CAACoD,MAAS;AAEX,YAAAtC,EAA2D,UAAUsC,GACnE,OAAOnD,KAAQ,aAAYA,EAAImD,CAAI,IAC9BnD,MAAMA,EAAuD,UAAUmD;AAAA,UAClF;AAAA,UAEC,UAAA;AAAA,YAAAlE,GAAQ,QACPsD,gBAAAA,EAAAA;AAAAA,cAACa;AAAA,cAAA;AAAA,gBACC,MAAMnE,EAAO;AAAA,gBACb,OAAO;AAAA,kBACL,OAAOA,EAAO;AAAA,gBAAA;AAAA,cAChB;AAAA,YAAA;AAAA,YAGHqD,EAAA;AAAA,UAAc;AAAA,QAAA;AAAA,MAAA;AAAA,MAIhBnD,KAAaD,KAAcQ,KAC1B6C,gBAAAA,EAAAA;AAAAA,QAACc;AAAA,QAAA;AAAA,UACC,OAAArE;AAAA,UACA,QAAAU;AAAA,UACA,WAAW;AAAA,UACX,SAAQ;AAAA,UACR,eAAe;AAAA,UACf,WAAWF,KAAQ;AAAA,UACnB,UAAU2C;AAAA,UACV,cAAA7C;AAAA,UACA,sBAAsBA;AAAA,UACtB,YAAYY,EAAA;AAAA,UACZ,sBAAsBC;AAAA,QAAA;AAAA,MAAA;AAAA,MAKzBM,KAAe,CAACtB,KAAaD,KAAcQ,KAC1C6C,gBAAAA,EAAAA;AAAAA,QAACc;AAAA,QAAA;AAAA,UACC,OAAArE;AAAA,UACA,QAAAU;AAAA,UACA,WAAW;AAAA,UACX,SAAQ;AAAA,UACR,eAAe;AAAA,UACf,UAAAL;AAAA,UACA,cAAc,MAAMyC,EAAc,EAAK;AAAA,UACvC,gBAAgBI;AAAA,UAChB,qBAAqB,MAAM1B,EAAsB,EAAI;AAAA,UACrD,qBAAqB,MAAMA,EAAsB,EAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAKzDC,KAAe,CAACtB,KAAa,CAACD,KAAcQ,KAC3C6C,gBAAAA,EAAAA;AAAAA,QAACe;AAAA,QAAA;AAAA,UACC,WAAW;AAAA,UACX,UAAU5D;AAAA,UACV,SAAS,MAAMoC,EAAc,EAAK;AAAA,UAElC,UAAAS,gBAAAA,EAAAA;AAAAA,YAACrE;AAAA,YAAA;AAAA,cACC,SAASgE;AAAA,cACT,cAAc,MAAM1B,EAAsB,EAAI;AAAA,cAC9C,cAAc,MAAMA,EAAsB,EAAK;AAAA,cAC/C,aAAa,CAAC,MAAM,EAAE,gBAAA;AAAA,cAErB,UAAA8B,EAAA;AAAA,YAAc;AAAA,UAAA;AAAA,QACjB;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,EAEJ;AACF;"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),u=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),x=require("react"),i=require("styled-components"),p=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),x=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),h=require("react"),i=require("styled-components"),p=i.div`
   position: absolute;
   inset: 0;
   padding: 4px;
   display: flex;
-`,h=i.div`
+`,m=i.div`
   position: relative;
   max-height: 100%;
   height: 100%;
@@ -11,14 +11,14 @@
   //aspect-ratio: 1.77;
 
   overflow: hidden;
-`,m=i.img`
+`,b=i.img`
   position: relative;
   width: 100%;
   height: 100%;
   object-fit: contain;
   z-index: 20;
-`,g=i(u.PlayableIcon)`
+`,g=i(x.PlayableIcon)`
   right: 5px;
   top: 5px;
-`,b=({projectName:e,entityType:s,entityId:n,updatedAt:o,icon:v,isPlayable:a,id:l,...c})=>{const d=e&&s&&n&&o,r=e&&`/api/projects/${e}/${s}s/${n}/thumbnail?updatedAt=${o}`;return t.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:l,children:[t.jsxRuntimeExports.jsx(h,{...c,children:d&&t.jsxRuntimeExports.jsx(m,{src:r})}),a&&t.jsxRuntimeExports.jsx(g,{})]},r)},j=x.memo(b);exports.ThumbnailWidget=j;
+`,j=({projectName:e,entityType:n,entityId:s,updatedAt:o,icon:R,isPlayable:l,url:r,id:c,...d})=>{const u=e&&n&&s&&o,a=e&&`/api/projects/${e}/${n}s/${s}/thumbnail?updatedAt=${o}`;return t.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:c,children:[t.jsxRuntimeExports.jsx(m,{...d,children:u&&t.jsxRuntimeExports.jsx(b,{src:r||a})}),l&&t.jsxRuntimeExports.jsx(g,{})]},r||a)},v=h.memo(j);exports.ThumbnailWidget=v;
 //# sourceMappingURL=ThumbnailWidget.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url} id={id}>\n      <Inner {...props}>{valid && <Image src={url} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","id","props","valid","url","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"kQAKMA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjBC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfE,EAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQfG,EAAqBH,EAAOI,cAAY;AAAA;AAAA;AAAA,EAcxCC,EAAmD,CAAC,CACxD,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAQR,GAAeC,GAAcC,GAAYC,EACjDM,EACJT,GACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS,GAE1F,OACEO,EAAAA,kBAAAA,KAACjB,EAAA,CAAQ,UAAU,mBAA6B,GAAAa,EAC9C,SAAA,CAAAK,EAAAA,kBAAAA,IAAChB,EAAA,CAAO,GAAGY,EAAQ,SAAAC,2BAAUZ,EAAA,CAAM,IAAKa,EAAK,CAAA,CAAG,EAC/CJ,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMY,CAG3C,CAEJ,EAEaG,EAAkBC,EAAAA,KAAKd,CAAsB"}
+{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const thumbnailUrl =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","url","id","props","valid","thumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"kQAIMA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjBC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfE,EAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQfG,EAAqBH,EAAOI,cAAY;AAAA;AAAA;AAAA,EAexCC,EAAmD,CAAC,CACxD,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,IAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAQT,GAAeC,GAAcC,GAAYC,EACjDO,EACJV,GACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS,GAE1F,OACEQ,EAAAA,kBAAAA,KAAClB,EAAA,CAAQ,UAAU,mBAA6C,GAAAc,EAC9D,SAAA,CAAAK,EAAAA,kBAAAA,IAACjB,EAAA,CAAO,GAAGa,EAAQ,SAAAC,2BAAUb,EAAA,CAAM,IAAKU,GAAOI,CAAA,CAAc,CAAA,CAAG,EAC/DL,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMS,GAAOI,CAGlD,CAEJ,EAEaG,EAAkBC,EAAAA,KAAKf,CAAsB"}

package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js

@@ -1,13 +1,13 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
 import { PlayableIcon as d } from "../../../components/PlayableIcon/PlayableIcon.es.js";
-import { memo as m } from "react";
+import { memo as h } from "react";
 import t from "styled-components";
-const h = t.div`
+const x = t.div`
   position: absolute;
   inset: 0;
   padding: 4px;
   display: flex;
-`, x = t.div`
+`, g = t.div`
   position: relative;
   max-height: 100%;
   height: 100%;
@@ -15,32 +15,33 @@ const h = t.div`
   //aspect-ratio: 1.77;
 
   overflow: hidden;
-`, g = t.img`
+`, b = t.img`
   position: relative;
   width: 100%;
   height: 100%;
   object-fit: contain;
   z-index: 20;
-`, b = t(d)`
+`, f = t(d)`
   right: 5px;
   top: 5px;
 `, u = ({
   projectName: o,
-  entityType: s,
-  entityId: n,
+  entityType: n,
+  entityId: s,
   updatedAt: e,
-  icon: f,
-  isPlayable: a,
-  id: l,
-  ...p
+  icon: j,
+  isPlayable: l,
+  url: a,
+  id: p,
+  ...m
 }) => {
-  const c = o && s && n && e, r = o && `/api/projects/${o}/${s}s/${n}/thumbnail?updatedAt=${e}`;
-  return /* @__PURE__ */ i.jsxs(h, { className: "thumbnail-widget", id: l, children: [
-    /* @__PURE__ */ i.jsx(x, { ...p, children: c && /* @__PURE__ */ i.jsx(g, { src: r }) }),
-    a && /* @__PURE__ */ i.jsx(b, {})
-  ] }, r);
-}, $ = m(u);
+  const c = o && n && s && e, r = o && `/api/projects/${o}/${n}s/${s}/thumbnail?updatedAt=${e}`;
+  return /* @__PURE__ */ i.jsxs(x, { className: "thumbnail-widget", id: p, children: [
+    /* @__PURE__ */ i.jsx(g, { ...m, children: c && /* @__PURE__ */ i.jsx(b, { src: a || r }) }),
+    l && /* @__PURE__ */ i.jsx(f, {})
+  ] }, a || r);
+}, I = h(u);
 export {
-  $ as ThumbnailWidget
+  I as ThumbnailWidget
 };
 //# sourceMappingURL=ThumbnailWidget.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const url =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url} id={id}>\n      <Inner {...props}>{valid && <Image src={url} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","id","props","valid","url","jsxs","jsx","ThumbnailWidget","memo"],"mappings":";;;;AAKA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfE,IAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfG,IAAqBH,EAAOI,CAAY;AAAA;AAAA;AAAA,GAcxCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQR,KAAeC,KAAcC,KAAYC,GACjDM,IACJT,KACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS;AAE1F,SACEO,gBAAAA,EAAAA,KAACjB,GAAA,EAAQ,WAAU,oBAA6B,IAAAa,GAC9C,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAAChB,GAAA,EAAO,GAAGY,GAAQ,UAAAC,2BAAUZ,GAAA,EAAM,KAAKa,GAAK,EAAA,CAAG;AAAA,IAC/CJ,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMY,CAG3C;AAEJ,GAEaG,IAAkBC,EAAKd,CAAsB;"}
+{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const thumbnailUrl =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","url","id","props","valid","thumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":";;;;AAIA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfE,IAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfG,IAAqBH,EAAOI,CAAY;AAAA;AAAA;AAAA,GAexCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQT,KAAeC,KAAcC,KAAYC,GACjDO,IACJV,KACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS;AAE1F,SACEQ,gBAAAA,EAAAA,KAAClB,GAAA,EAAQ,WAAU,oBAA6C,IAAAc,GAC9D,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACjB,GAAA,EAAO,GAAGa,GAAQ,UAAAC,2BAAUb,GAAA,EAAM,KAAKU,KAAOI,EAAA,CAAc,EAAA,CAAG;AAAA,IAC/DL,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMS,KAAOI,CAGlD;AAEJ,GAEaG,IAAkBC,EAAKf,CAAsB;"}