@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -12,10 +12,12 @@ import "react-toastify";
 import "uuid";
 import { parseHtmlToPlainTextWithLinks as le } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
-import { TextContentWidget as _ } from "./TextContentWidget.es.js";
+import { TextContentWidget as V } from "./TextContentWidget.es.js";
 import { CellEditingDialog as ce } from "../../../components/LinksManager/CellEditingDialog.es.js";
-const ue = j.span`
+import { wrapMode as ue } from "./wrapMode.es.js";
+const me = j.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -30,11 +32,27 @@ const ue = j.span`
     display: block;
     overflow: hidden;
     width: 100%;
+    max-height: 100%;
   }
 
   &.regular {
     display: block;
   }
+
+  ${ue`
+    &:not(.markdown) {
+      white-space: normal;
+      word-break: break-word;
+      display: block;
+      overflow: hidden;
+      width: 100%;
+      max-height: 100%;
+
+      > .icon {
+        margin-right: 4px;
+      }
+    }
+  `}
 `, C = j.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
@@ -46,7 +64,7 @@ const ue = j.span`
   &:hover {
     text-decoration: underline;
   }
-`, me = j.div`
+`, pe = j.div`
   background: var(--md-sys-color-surface-container-lowest);
   border-radius: 8px;
   padding: 12px;
@@ -86,51 +104,53 @@ class fe {
     this.lastShownTime = Date.now();
   }
 }
-const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
+const _ = new fe(), D = "projectTreeTextPreviewOpen", de = (s) => {
   try {
     const i = new URL(s.trim());
     return i.protocol === "http:" || i.protocol === "https:";
   } catch {
     return !1;
   }
-}, de = (s) => {
+}, we = (s) => {
   const i = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  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), We = re(
+  return s.split(i).map((l, x) => de(l) ? { type: "url", content: l, key: x } : { type: "text", content: l, key: x });
+}, A = (s) => /<[^>]*>/.test(s), Ue = re(
   ({
     value: s,
     option: i,
-    isMarkdown: l,
-    isEditing: c,
+    isMarkdown: m,
+    isEditing: l,
     isInherited: x,
-    onChange: f,
+    onChange: p,
     onCancelEdit: g,
-    style: N,
+    style: F,
     type: S,
-    columnId: we,
+    columnId: he,
     cellId: n,
-    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);
+    onRequestEdit: N,
+    getDraftValue: q,
+    setDraftValue: z,
+    className: B,
+    ...G
+  }, f) => {
+    const R = N || (() => {
+    }), $ = q || (() => null), J = z || (() => {
+    }), [K, L] = w(!1), [Q, d] = w(!1), [O, X] = w(!1), [W, Y] = w(!1), y = h(null), k = h(), T = h(), b = h(!1), H = K || Q, P = i?.label || s, u = typeof P == "string" ? P : String(P ?? ""), Z = !m && !A(u) && !u.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(l ? e.scrollHeight > e.clientHeight + 1 : e.scrollWidth > e.clientWidth + 1);
+          r = null, Y(
+            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();
       };
-    }, [m, l]), v(() => {
+    }, [u]), v(() => {
       const e = y.current;
       if (!e) return;
       const r = e.closest("td");
@@ -140,27 +160,27 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
         r.removeEventListener("mouseenter", t), r.removeEventListener("mouseleave", a);
       };
     }, []);
-    const u = E((e) => {
-      b.current = e, Z(e);
+    const c = E((e) => {
+      b.current = e, X(e);
     }, []);
-    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), () => {
+    v(() => (clearTimeout(k.current), clearTimeout(T.current), l ? c(!1) : H ? b.current || W && n && (k.current = setTimeout(() => {
+      b.current || (c(!0), _.markShown(), window.dispatchEvent(new CustomEvent(D, { detail: { cellId: n } })));
+    }, _.getDelay())) : T.current = setTimeout(() => c(!1), 300), () => {
       clearTimeout(k.current), clearTimeout(T.current);
-    }), [M, W, c, n, u]), v(() => {
+    }), [H, W, l, n, c]), v(() => {
       const e = (r) => {
-        r.detail?.cellId !== n && u(!1);
+        r.detail?.cellId !== n && c(!1);
       };
       return window.addEventListener(D, e), () => window.removeEventListener(D, e);
-    }, [n, u]);
-    const U = E(() => {
-      u(!1), n && R(n);
-    }, [n, R, u]), I = E(
+    }, [n, c]);
+    const M = E(() => {
+      c(!1), n && R(n);
+    }, [n, R, c]), I = E(
       (e, r) => {
-        f(e, r === "Enter" ? "Click" : r);
+        p(e, r === "Enter" ? "Click" : r);
       },
-      [f]
-    ), V = () => l ? /* @__PURE__ */ o.jsx(
+      [p]
+    ), U = () => m ? /* @__PURE__ */ o.jsx(
       te,
       {
         remarkPlugins: [oe],
@@ -178,9 +198,9 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
             }
           )
         },
-        children: m
+        children: u
       }
-    ) : F(m) ? le(m).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
+    ) : A(u) ? le(u).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
       C,
       {
         href: t.href,
@@ -190,7 +210,7 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
         children: t.content
       },
       t.key
-    ) : /* @__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(
+    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: t.content }, t.key)) : u.match(/(https?:\/\/\S+)/gi) ? we(u).map((t) => t.type === "url" ? /* @__PURE__ */ o.jsx(
       C,
       {
         href: t.content,
@@ -200,30 +220,30 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
         children: t.content
       },
       t.key
-    ) : t.content) : m;
-    if (c && !l)
+    ) : t.content) : u;
+    if (l && !m)
       return /* @__PURE__ */ o.jsx(
         se,
         {
           value: s,
-          onChange: f,
+          onChange: p,
           onCancel: g,
           type: S || "string"
         }
       );
-    const ee = ae(G, {
-      markdown: l,
-      regular: $
+    const ee = ae(B, {
+      markdown: m,
+      regular: Z
     });
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       /* @__PURE__ */ o.jsxs(
-        ue,
+        me,
         {
           className: ee,
-          style: { color: i?.color, ...N },
-          ...J,
+          style: { color: i?.color, ...F },
+          ...G,
           ref: (e) => {
-            y.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+            y.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
           },
           children: [
             i?.icon && /* @__PURE__ */ o.jsx(
@@ -235,12 +255,12 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
                 }
               }
             ),
-            V()
+            U()
           ]
         }
       ),
-      c && l && n && /* @__PURE__ */ o.jsx(
-        _,
+      l && m && n && /* @__PURE__ */ o.jsx(
+        V,
         {
           value: s,
           cellId: n,
@@ -251,39 +271,39 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
           onChange: I,
           onCancelEdit: g,
           onDismissWithoutSave: g,
-          draftValue: K(),
-          onEditingDraftChange: Q
+          draftValue: $(),
+          onEditingDraftChange: J
         }
       ),
-      O && !c && l && n && /* @__PURE__ */ o.jsx(
-        _,
+      O && !l && m && n && /* @__PURE__ */ o.jsx(
+        V,
         {
           value: s,
           cellId: n,
           isEditing: !0,
           variant: "preview",
           allowMarkdown: !0,
-          onChange: f,
-          onCancelEdit: () => u(!1),
-          onPreviewClick: U,
+          onChange: p,
+          onCancelEdit: () => c(!1),
+          onPreviewClick: M,
           onPreviewMouseEnter: () => d(!0),
           onPreviewMouseLeave: () => d(!1)
         }
       ),
-      O && !c && !l && n && /* @__PURE__ */ o.jsx(
+      O && !l && !m && n && /* @__PURE__ */ o.jsx(
         ce,
         {
           isEditing: !0,
           anchorId: n,
-          onClose: () => u(!1),
+          onClose: () => c(!1),
           children: /* @__PURE__ */ o.jsx(
-            me,
+            pe,
             {
-              onClick: U,
+              onClick: M,
               onMouseEnter: () => d(!0),
               onMouseLeave: () => d(!1),
               onMouseDown: (e) => e.stopPropagation(),
-              children: V()
+              children: U()
             }
           )
         }
@@ -292,7 +312,7 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
   }
 );
 export {
-  ue as StyledBaseTextWidget,
-  We as TextWidget
+  me as StyledBaseTextWidget,
+  Ue 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 type { AttributeData } from '@shared/api/generated/entityLists'\nimport type { EnumItem } from '@shared/api/generated/projects'\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":"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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 type { AttributeData } from '@shared/api/generated/entityLists'\nimport type { EnumItem } from '@shared/api/generated/projects'\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'\nimport { wrapMode } from './wrapMode'\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    max-height: 100%;\n  }\n\n  &.regular {\n    display: block;\n  }\n\n  ${wrapMode`\n    &:not(.markdown) {\n      white-space: normal;\n      word-break: break-word;\n      display: block;\n      overflow: hidden;\n      width: 100%;\n      max-height: 100%;\n\n      > .icon {\n        margin-right: 4px;\n      }\n    }\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          setIsOverflowing(\n            el.scrollHeight > el.clientHeight + 1 || 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])\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","wrapMode","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":"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"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),h=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),x=require("react"),i=require("styled-components");require("lodash");require("react-toastify");require("uuid");const m=require("../../../util/getThumbnailUrl.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/pubsub.cjs.js");const p=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),h=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),x=require("react"),i=require("styled-components");require("lodash");require("react-toastify");require("uuid");const m=require("../../../util/getThumbnailUrl.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../util/searchTerms.cjs.js");require("../../../util/pubsub.cjs.js");const p=i.div`
   position: absolute;
   inset: 0;
   padding: 4px;
@@ -17,8 +17,8 @@
   height: 100%;
   object-fit: contain;
   z-index: 20;
-`,j=i(h.PlayableIcon)`
+`,q=i(h.PlayableIcon)`
   right: 5px;
   top: 5px;
-`,q=({projectName:t,entityType:n,entityId:r,thumbnailHash:a,icon:y,isPlayable:l,url:s,id:c,...u})=>{const d=t&&n&&r,o=m.getEntityThumbnailUrl({projectName:t,entityType:n,entityId:r,thumbnailHash:a});return e.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:c,children:[e.jsxRuntimeExports.jsx(g,{...u,children:d&&e.jsxRuntimeExports.jsx(b,{src:s||o||void 0})}),l&&e.jsxRuntimeExports.jsx(j,{})]},s||o)},v=x.memo(q);exports.ThumbnailWidget=v;
+`,j=({projectName:r,entityType:t,entityId:n,thumbnailHash:a,icon:R,isPlayable:l,url:o,id:u,...c})=>{const d=r&&t&&n&&t!=="product",s=m.getEntityThumbnailUrl({projectName:r,entityType:t,entityId:n,thumbnailHash:a});return e.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:u,children:[e.jsxRuntimeExports.jsx(g,{...c,children:d&&e.jsxRuntimeExports.jsx(b,{src:o||s||void 0})}),l&&e.jsxRuntimeExports.jsx(q,{})]},o||s)},v=x.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 { FC, memo } from 'react'\nimport styled from 'styled-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\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  thumbnailHash?: 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  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</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","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"sdAKA,MAAMA,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,cAAAC,EACA,KAAAC,EACA,WAAAC,EACA,IAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAQT,GAAeC,GAAcC,EACrCQ,EAAeC,EAAAA,sBAAsB,CAAE,YAAAX,EAAa,WAAAC,EAAY,SAAAC,EAAU,cAAAC,EAAe,EAE/F,OACES,EAAAA,kBAAAA,KAACnB,EAAA,CAAQ,UAAU,mBAA6C,GAAAc,EAC9D,SAAA,CAAAM,EAAAA,kBAAAA,IAAClB,EAAA,CAAO,GAAGa,EAAQ,SAAAC,GAASI,EAAAA,kBAAAA,IAACjB,GAAM,IAAKU,GAAOI,GAAgB,MAAA,CAAW,CAAA,CAAG,EAC5EL,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMS,GAAOI,CAGlD,CAEJ,EAEaI,EAAkBC,EAAAA,KAAKhB,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'\nimport { getEntityThumbnailUrl } from '@shared/util'\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  thumbnailHash?: 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  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  // TODO: products have no thumbnail endpoint, resolve to the featured version's thumbnail instead\n  const valid = projectName && entityType && entityId && entityType !== 'product'\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</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","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"kgBAKA,MAAMA,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,cAAAC,EACA,KAAAC,EACA,WAAAC,EACA,IAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CAEJ,MAAMC,EAAQT,GAAeC,GAAcC,GAAYD,IAAe,UAChES,EAAeC,EAAAA,sBAAsB,CAAE,YAAAX,EAAa,WAAAC,EAAY,SAAAC,EAAU,cAAAC,EAAe,EAE/F,OACES,EAAAA,kBAAAA,KAACnB,EAAA,CAAQ,UAAU,mBAA6C,GAAAc,EAC9D,SAAA,CAAAM,EAAAA,kBAAAA,IAAClB,EAAA,CAAO,GAAGa,EAAQ,SAAAC,GAASI,EAAAA,kBAAAA,IAACjB,GAAM,IAAKU,GAAOI,GAAgB,MAAA,CAAW,CAAA,CAAG,EAC5EL,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMS,GAAOI,CAGlD,CAEJ,EAEaI,EAAkBC,EAAAA,KAAKhB,CAAsB"}

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

@@ -7,6 +7,7 @@ import "react-toastify";
 import "uuid";
 import { getEntityThumbnailUrl as x } from "../../../util/getThumbnailUrl.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
+import "../../../util/searchTerms.es.js";
 import "../../../util/pubsub.es.js";
 const g = t.div`
   position: absolute;
@@ -31,23 +32,23 @@ const g = t.div`
   right: 5px;
   top: 5px;
 `, v = ({
-  projectName: o,
-  entityType: r,
+  projectName: r,
+  entityType: o,
   entityId: n,
-  thumbnailHash: m,
+  thumbnailHash: s,
   icon: j,
-  isPlayable: a,
+  isPlayable: p,
   url: e,
-  id: p,
+  id: a,
   ...l
 }) => {
-  const d = o && r && n, s = x({ projectName: o, entityType: r, entityId: n, thumbnailHash: m });
-  return /* @__PURE__ */ i.jsxs(g, { className: "thumbnail-widget", id: p, children: [
-    /* @__PURE__ */ i.jsx(b, { ...l, children: d && /* @__PURE__ */ i.jsx(f, { src: e || s || void 0 }) }),
-    a && /* @__PURE__ */ i.jsx(u, {})
-  ] }, e || s);
-}, S = h(v);
+  const d = r && o && n && o !== "product", m = x({ projectName: r, entityType: o, entityId: n, thumbnailHash: s });
+  return /* @__PURE__ */ i.jsxs(g, { className: "thumbnail-widget", id: a, children: [
+    /* @__PURE__ */ i.jsx(b, { ...l, children: d && /* @__PURE__ */ i.jsx(f, { src: e || m || void 0 }) }),
+    p && /* @__PURE__ */ i.jsx(u, {})
+  ] }, e || m);
+}, k = h(v);
 export {
-  S as ThumbnailWidget
+  k 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 { FC, memo } from 'react'\nimport styled from 'styled-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\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  thumbnailHash?: 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  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</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","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","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,GAexCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQT,KAAeC,KAAcC,GACrCQ,IAAeC,EAAsB,EAAE,aAAAX,GAAa,YAAAC,GAAY,UAAAC,GAAU,eAAAC,GAAe;AAE/F,SACES,gBAAAA,EAAAA,KAACnB,GAAA,EAAQ,WAAU,oBAA6C,IAAAc,GAC9D,UAAA;AAAA,IAAAM,gBAAAA,EAAAA,IAAClB,GAAA,EAAO,GAAGa,GAAQ,UAAAC,KAASI,gBAAAA,EAAAA,IAACjB,KAAM,KAAKU,KAAOI,KAAgB,OAAA,CAAW,EAAA,CAAG;AAAA,IAC5EL,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMS,KAAOI,CAGlD;AAEJ,GAEaI,IAAkBC,EAAKhB,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'\nimport { getEntityThumbnailUrl } from '@shared/util'\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  thumbnailHash?: 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  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  // TODO: products have no thumbnail endpoint, resolve to the featured version's thumbnail instead\n  const valid = projectName && entityType && entityId && entityType !== 'product'\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</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","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","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,GAexCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AAEJ,QAAMC,IAAQT,KAAeC,KAAcC,KAAYD,MAAe,WAChES,IAAeC,EAAsB,EAAE,aAAAX,GAAa,YAAAC,GAAY,UAAAC,GAAU,eAAAC,GAAe;AAE/F,SACES,gBAAAA,EAAAA,KAACnB,GAAA,EAAQ,WAAU,oBAA6C,IAAAc,GAC9D,UAAA;AAAA,IAAAM,gBAAAA,EAAAA,IAAClB,GAAA,EAAO,GAAGa,GAAQ,UAAAC,KAASI,gBAAAA,EAAAA,IAACjB,KAAM,KAAKU,KAAOI,KAAgB,OAAA,CAAW,EAAA,CAAG;AAAA,IAC5EL,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMS,KAAOI,CAGlD;AAEJ,GAEaI,IAAkBC,EAAKhB,CAAsB;"}

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

@@ -0,0 +1,6 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),o=require("../constants.cjs.js"),r=(t,...s)=>e.css`
+  @container cell (min-height: ${o.WRAP_MIN_CELL_HEIGHT}px) {
+    ${e.css(t,...s)}
+  }
+`;exports.wrapMode=r;
+//# sourceMappingURL=wrapMode.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapMode.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/wrapMode.ts"],"sourcesContent":["import { css, type Interpolation } from 'styled-components'\nimport { WRAP_MIN_CELL_HEIGHT } from '../constants'\n\n// styles that apply only once the cell is tall enough to fit wrapped content\nexport const wrapMode = (\n  strings: TemplateStringsArray,\n  ...interpolations: Interpolation<object>[]\n) => css`\n  @container cell (min-height: ${WRAP_MIN_CELL_HEIGHT}px) {\n    ${css(strings, ...interpolations)}\n  }\n`\n"],"names":["wrapMode","strings","interpolations","css","WRAP_MIN_CELL_HEIGHT"],"mappings":"sJAIaA,EAAW,CACtBC,KACGC,IACAC,EAAAA;AAAAA,iCAC4BC,sBAAoB;AAAA,MAC/CD,EAAAA,IAAIF,EAAS,GAAGC,CAAc,CAAC;AAAA;AAAA"}

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

@@ -0,0 +1,11 @@
+import { css as o } from "styled-components";
+import { WRAP_MIN_CELL_HEIGHT as e } from "../constants.es.js";
+const p = (r, ...t) => o`
+  @container cell (min-height: ${e}px) {
+    ${o(r, ...t)}
+  }
+`;
+export {
+  p as wrapMode
+};
+//# sourceMappingURL=wrapMode.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"wrapMode.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/wrapMode.ts"],"sourcesContent":["import { css, type Interpolation } from 'styled-components'\nimport { WRAP_MIN_CELL_HEIGHT } from '../constants'\n\n// styles that apply only once the cell is tall enough to fit wrapped content\nexport const wrapMode = (\n  strings: TemplateStringsArray,\n  ...interpolations: Interpolation<object>[]\n) => css`\n  @container cell (min-height: ${WRAP_MIN_CELL_HEIGHT}px) {\n    ${css(strings, ...interpolations)}\n  }\n`\n"],"names":["wrapMode","strings","interpolations","css","WRAP_MIN_CELL_HEIGHT"],"mappings":";;AAIO,MAAMA,IAAW,CACtBC,MACGC,MACAC;AAAA,iCAC4BC,CAAoB;AAAA,MAC/CD,EAAIF,GAAS,GAAGC,CAAc,CAAC;AAAA;AAAA;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),M=require("@ynput/ayon-react-components"),g=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),N=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const P=require("../../util/groupResult.cjs.js"),T=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");const E=require("../../util/replaceRoot.cjs.js");require("../../util/pubsub.cjs.js");const S=require("../ContextMenu/useCreateContextMenu.cjs.js"),D=require("../../components/DetailsDialog/DetailsDialog.cjs.js"),v=require("./versionsToRepresentations.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/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");const L=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/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");const _=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],k=({entities:a=[]})=>{const u=n.useMemo(()=>v(a)||[],[a]),[s,c]=n.useState(!1),m=u.find(e=>e.id===s)?.projectName,[x,h]=n.useState([]),y=n.useMemo(()=>P.groupResult(u,"name"),[u]),l=e=>{h([e])},f=e=>{l(e.node.data.id)},d=u[0]?.projectName,{data:p}=L.useGetProjectAnatomyQuery({projectName:d},{skip:!d}),j=n.useMemo(()=>{const e=p?.roots??[],r=o=>Object.fromEntries(e.filter(i=>i[o]).map(i=>[i.name,i[o]]));return{windows:r("windows"),darwin:r("darwin"),linux:r("linux")}},[p]),q=(e,r)=>{const o=u.find(C=>C.id===e)?.files?.[0];if(!o)return;const i=E.replaceRoot(o,j[r]);!i||/\{root\[.*?\]\}/.test(i)||T.copyToClipboard(i,!0)},w=e=>[{label:"Representation detail",command:()=>c(e),icon:"database"},{label:"Copy path",icon:"content_copy",items:[{label:"Copy Windows path",command:()=>q(e,"windows")},{label:"Copy Mac path",command:()=>q(e,"darwin")},{label:"Copy Linux path",command:()=>q(e,"linux")}]}],[R]=S.useCreateContextMenu([]),b=e=>{const r=e.node.data.id;r&&(l(r),R(e.originalEvent,w(r)))};return t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(M.TablePanel,{children:t.jsxRuntimeExports.jsx(g.TreeTable,{scrollable:!0,scrollHeight:"100%",resizableColumns:!0,columnResizeMode:"fit",value:y,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:x[0],onRowClick:f,onContextMenu:b,children:_.map(e=>t.jsxRuntimeExports.jsx(N.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),s&&t.jsxRuntimeExports.jsx(D.DetailsDialog,{projectName:m,entityType:"representation",entityIds:[s],visible:!!s,onHide:()=>c(!1)})]})};exports.RepresentationsList=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),M=require("@ynput/ayon-react-components"),g=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),N=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const P=require("../../util/groupResult.cjs.js"),T=require("../../util/copyToClipboard.cjs.js");require("uuid");require("../../api/queries/users/updateUsers.cjs.js");const E=require("../../util/replaceRoot.cjs.js");require("../../util/searchTerms.cjs.js");require("../../util/pubsub.cjs.js");const S=require("../ContextMenu/useCreateContextMenu.cjs.js"),D=require("../../components/DetailsDialog/DetailsDialog.cjs.js"),v=require("./versionsToRepresentations.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/enums.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/accessGroups/getAccessGroups.cjs.js");require("../../api/queries/accessGroups/updateAccessGroups.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/enums/getEnums.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");const L=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/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");const _=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],k=({entities:a=[]})=>{const t=n.useMemo(()=>v(a)||[],[a]),[s,c]=n.useState(!1),m=t.find(e=>e.id===s)?.projectName,[x,h]=n.useState([]),y=n.useMemo(()=>P.groupResult(t,"name"),[t]),l=e=>{h([e])},f=e=>{l(e.node.data.id)},d=t[0]?.projectName,{data:p}=L.useGetProjectAnatomyQuery({projectName:d},{skip:!d}),j=n.useMemo(()=>{const e=p?.roots??[],r=o=>Object.fromEntries(e.filter(i=>i[o]).map(i=>[i.name,i[o]]));return{windows:r("windows"),darwin:r("darwin"),linux:r("linux")}},[p]),q=(e,r)=>{const o=t.find(C=>C.id===e)?.files?.[0];if(!o)return;const i=E.replaceRoot(o,j[r]);!i||/\{root\[.*?\]\}/.test(i)||T.copyToClipboard(i,!0)},w=e=>[{label:"Representation detail",command:()=>c(e),icon:"database"},{label:"Copy path",icon:"content_copy",items:[{label:"Copy Windows path",command:()=>q(e,"windows")},{label:"Copy Mac path",command:()=>q(e,"darwin")},{label:"Copy Linux path",command:()=>q(e,"linux")}]}],[R]=S.useCreateContextMenu([]),b=e=>{const r=e.node.data.id;r&&(l(r),R(e.originalEvent,w(r)))};return u.jsxRuntimeExports.jsxs(u.jsxRuntimeExports.Fragment,{children:[u.jsxRuntimeExports.jsx(M.TablePanel,{children:u.jsxRuntimeExports.jsx(g.TreeTable,{scrollable:!0,scrollHeight:"100%",resizableColumns:!0,columnResizeMode:"fit",value:y,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:x[0],onRowClick:f,onContextMenu:b,children:_.map(e=>u.jsxRuntimeExports.jsx(N.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),s&&u.jsxRuntimeExports.jsx(D.DetailsDialog,{projectName:m,entityType:"representation",entityIds:[s],visible:!!s,onHide:()=>c(!1)})]})};exports.RepresentationsList=k;
 //# sourceMappingURL=RepresentationsList.cjs.js.map