@ynput/ayon-frontend-shared 0.3.17 → 0.3.19

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),b=require("react"),E=require("react-markdown"),P=require("remark-gfm"),S=require("rehype-raw"),W=require("./TextWidgetInput.cjs.js"),m=require("styled-components"),v=require("@ynput/ayon-react-components"),C=require("clsx");require("lodash");require("react-toastify");require("uuid");const M=require("../../../util/parseHtmlToPlainTextWithLinks.cjs.js");require("../../../util/pubsub.cjs.js");const U=m.span`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),ee=require("react-markdown"),te=require("remark-gfm"),re=require("rehype-raw"),ne=require("./TextWidgetInput.cjs.js"),j=require("styled-components"),oe=require("@ynput/ayon-react-components"),se=require("clsx");require("lodash");require("react-toastify");require("uuid");const ie=require("../../../util/parseHtmlToPlainTextWithLinks.cjs.js");require("../../../util/pubsub.cjs.js");const H=require("./TextContentWidget.cjs.js"),ae=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),V=j.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -8,14 +8,17 @@
   gap: 4px;
 
   &.markdown {
-    margin-top: 18px;
-    height: 40px;
+    white-space: normal;
+    word-break: break-word;
+    display: block;
+    overflow: hidden;
+    width: 100%;
   }
 
   &.regular {
     display: block;
   }
-`,p=m.a`
+`,R=j.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -26,5 +29,31 @@
   &:hover {
     text-decoration: underline;
   }
-`,D=n=>{try{const t=new URL(n.trim());return t.protocol==="http:"||t.protocol==="https:"}catch{return!1}},L=n=>{const t=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return n.split(t).map((c,l)=>D(c)?{type:"url",content:c,key:l}:{type:"text",content:c,key:l})},h=n=>/<[^>]*>/.test(n),_=b.forwardRef(({value:n,option:t,isEditing:x,isInherited:c,onChange:l,onCancelEdit:g,style:y,type:f,columnId:d,className:j,...w},R)=>{if(x)return r.jsxRuntimeExports.jsx(W.TextWidgetInput,{value:n,onChange:l,onCancel:g,type:f||"string"});const a=t?.label||n,s=typeof a=="string"?a:String(a??""),u=d==="attrib_description"||d==="description",k=!u&&!h(s)&&!s.match(/(https?:\/\/\S+)/gi),q=()=>u?r.jsxRuntimeExports.jsx(E,{remarkPlugins:[P],rehypePlugins:[S],components:{p:({children:o})=>r.jsxRuntimeExports.jsx("span",{children:o}),a:({href:o,children:e})=>r.jsxRuntimeExports.jsx(p,{href:o||"#",onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e})},children:s}):h(s)?M.parseHtmlToPlainTextWithLinks(s).map(e=>e.type==="url"&&e.href?r.jsxRuntimeExports.jsx(p,{href:e.href,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):r.jsxRuntimeExports.jsx("span",{style:{whiteSpace:"pre-line"},children:e.content},e.key)):s.match(/(https?:\/\/\S+)/gi)?L(s).map(e=>e.type==="url"?r.jsxRuntimeExports.jsx(p,{href:e.content,onMouseDown:i=>i.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:e.content},e.key):e.content):s,T=C(j,{markdown:u,regular:k});return r.jsxRuntimeExports.jsxs(U,{className:T,style:{color:t?.color,...y},...w,ref:R,children:[t?.icon&&r.jsxRuntimeExports.jsx(v.Icon,{icon:t.icon,style:{color:t.color}}),q()]})});exports.TextWidget=_;
+`,le=j.div`
+  background: var(--md-sys-color-surface-container-lowest);
+  border-radius: 8px;
+  padding: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  min-height: 40px;
+  max-height: none;
+  flex: 1;
+  overflow: auto;
+  border: 2px solid transparent;
+  cursor: pointer;
+
+  a {
+    color: var(--md-sys-color-primary, #0066cc);
+    text-decoration: none;
+    white-space: normal;
+    word-break: break-all;
+    overflow-wrap: break-word;
+    overflow: visible;
+    text-overflow: unset;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+`;class ce{lastShownTime=0;warmTimeout=500;coldDelay=600;getDelay(){return Date.now()-this.lastShownTime<this.warmTimeout?0:this.coldDelay}markShown(){this.lastShownTime=Date.now()}}const _=new ce,T="projectTreeTextPreviewOpen",ue=i=>{try{const a=new URL(i.trim());return a.protocol==="http:"||a.protocol==="https:"}catch{return!1}},de=i=>{const a=/(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;return i.split(a).map((w,f)=>ue(w)?{type:"url",content:w,key:f}:{type:"text",content:w,key:f})},U=i=>/<[^>]*>/.test(i),pe=n.forwardRef(({value:i,option:a,isEditing:p,isInherited:w,onChange:f,onCancelEdit:h,style:A,type:b,columnId:C,cellId:s,onRequestEdit:F,getDraftValue:N,setDraftValue:B,className:z,...G},x)=>{const P=F||(()=>{}),J=N||(()=>null),K=B||(()=>{}),[Q,S]=n.useState(!1),[X,m]=n.useState(!1),[D,Y]=n.useState(!1),[q,W]=n.useState(!1),v=n.useRef(null),g=n.useRef(),y=n.useRef(),k=n.useRef(!1),M=Q||X,E=a?.label||i,u=typeof E=="string"?E:String(E??""),d=C==="attrib_description"||C==="description",Z=!d&&!U(u)&&!u.match(/(https?:\/\/\S+)/gi);n.useEffect(()=>{const e=v.current;if(!e)return;let t=null;const r=()=>{t!==null&&cancelAnimationFrame(t),t=requestAnimationFrame(()=>{t=null,W(d?e.scrollHeight>e.clientHeight+1:e.scrollWidth>e.clientWidth+1)})},l=new ResizeObserver(r);return l.observe(e),r(),()=>{t!==null&&cancelAnimationFrame(t),l.disconnect()}},[u,d]),n.useEffect(()=>{const e=v.current;if(!e)return;const t=e.closest("td");if(!t)return;const r=()=>S(!0),l=()=>S(!1);return t.addEventListener("mouseenter",r),t.addEventListener("mouseleave",l),()=>{t.removeEventListener("mouseenter",r),t.removeEventListener("mouseleave",l)}},[]);const c=n.useCallback(e=>{k.current=e,Y(e)},[]);n.useEffect(()=>(clearTimeout(g.current),clearTimeout(y.current),p?c(!1):M?k.current||q&&s&&(g.current=setTimeout(()=>{k.current||(c(!0),_.markShown(),window.dispatchEvent(new CustomEvent(T,{detail:{cellId:s}})))},_.getDelay())):y.current=setTimeout(()=>c(!1),300),()=>{clearTimeout(g.current),clearTimeout(y.current)}),[M,q,p,s,c]),n.useEffect(()=>{const e=t=>{t.detail?.cellId!==s&&c(!1)};return window.addEventListener(T,e),()=>window.removeEventListener(T,e)},[s,c]);const L=n.useCallback(()=>{c(!1),s&&P(s)},[s,P,c]),$=n.useCallback((e,t)=>{f(e,t==="Enter"?"Click":t)},[f]),O=()=>d?o.jsxRuntimeExports.jsx(ee,{remarkPlugins:[te],rehypePlugins:[re],components:{p:({children:t})=>o.jsxRuntimeExports.jsx("span",{children:t}),a:({href:t,children:r})=>o.jsxRuntimeExports.jsx(R,{href:t||"#",onMouseDown:l=>l.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:r})},children:u}):U(u)?ie.parseHtmlToPlainTextWithLinks(u).map(r=>r.type==="url"&&r.href?o.jsxRuntimeExports.jsx(R,{href:r.href,onMouseDown:l=>l.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:r.content},r.key):o.jsxRuntimeExports.jsx("span",{style:{whiteSpace:"pre-line"},children:r.content},r.key)):u.match(/(https?:\/\/\S+)/gi)?de(u).map(r=>r.type==="url"?o.jsxRuntimeExports.jsx(R,{href:r.content,onMouseDown:l=>l.stopPropagation(),target:"_blank",rel:"noopener noreferrer",children:r.content},r.key):r.content):u;if(p&&!d)return o.jsxRuntimeExports.jsx(ne.TextWidgetInput,{value:i,onChange:f,onCancel:h,type:b||"string"});const I=se(z,{markdown:d,regular:Z});return o.jsxRuntimeExports.jsxs(o.jsxRuntimeExports.Fragment,{children:[o.jsxRuntimeExports.jsxs(V,{className:I,style:{color:a?.color,...A},...G,ref:e=>{v.current=e,typeof x=="function"?x(e):x&&(x.current=e)},children:[a?.icon&&o.jsxRuntimeExports.jsx(oe.Icon,{icon:a.icon,style:{color:a.color}}),O()]}),p&&d&&s&&o.jsxRuntimeExports.jsx(H.TextContentWidget,{value:i,cellId:s,isEditing:!0,variant:"edit",allowMarkdown:!0,valueType:b||"string",onChange:$,onCancelEdit:h,onDismissWithoutSave:h,draftValue:J(),onEditingDraftChange:K}),D&&!p&&d&&s&&o.jsxRuntimeExports.jsx(H.TextContentWidget,{value:i,cellId:s,isEditing:!0,variant:"preview",allowMarkdown:!0,onChange:f,onCancelEdit:()=>c(!1),onPreviewClick:L,onPreviewMouseEnter:()=>m(!0),onPreviewMouseLeave:()=>m(!1)}),D&&!p&&!d&&s&&o.jsxRuntimeExports.jsx(ae.CellEditingDialog,{isEditing:!0,anchorId:s,onClose:()=>c(!1),children:o.jsxRuntimeExports.jsx(le,{onClick:L,onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onMouseDown:e=>e.stopPropagation(),children:O()})})]})});exports.StyledBaseTextWidget=V;exports.TextWidget=pe;
 //# sourceMappingURL=TextWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextWidget.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } 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'\n\nconst 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    margin-top: 18px;\n    height: 40px;\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\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}\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      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\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    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    const combinedClassName = clsx(className, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\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  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","jsxs","Icon"],"mappings":"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"}
+{"version":3,"file":"TextWidget.cjs.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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"}

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

@@ -1,18 +1,20 @@
-import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
-import { forwardRef as P } from "react";
-import S from "react-markdown";
-import v from "remark-gfm";
-import U from "rehype-raw";
-import { TextWidgetInput as W } from "./TextWidgetInput.es.js";
-import d from "styled-components";
-import { Icon as C } from "@ynput/ayon-react-components";
-import D from "clsx";
+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 j from "styled-components";
+import { Icon as ae } from "@ynput/ayon-react-components";
+import le from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as M } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as ce } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
 import "../../../util/pubsub.es.js";
-const _ = d.span`
+import { TextContentWidget as A } from "./TextContentWidget.es.js";
+import { CellEditingDialog as ue } from "../../../components/LinksManager/CellEditingDialog.es.js";
+const pe = j.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -22,14 +24,17 @@ const _ = d.span`
   gap: 4px;
 
   &.markdown {
-    margin-top: 18px;
-    height: 40px;
+    white-space: normal;
+    word-break: break-word;
+    display: block;
+    overflow: hidden;
+    width: 100%;
   }
 
   &.regular {
     display: block;
   }
-`, m = d.a`
+`, D = j.a`
   color: var(--md-sys-color-primary, #0066cc);
   text-decoration: none;
   cursor: pointer;
@@ -40,108 +45,252 @@ const _ = d.span`
   &:hover {
     text-decoration: underline;
   }
-`, L = (o) => {
+`, fe = j.div`
+  background: var(--md-sys-color-surface-container-lowest);
+  border-radius: 8px;
+  padding: 12px;
+  white-space: pre-wrap;
+  word-break: break-word;
+  min-height: 40px;
+  max-height: none;
+  flex: 1;
+  overflow: auto;
+  border: 2px solid transparent;
+  cursor: pointer;
+
+  a {
+    color: var(--md-sys-color-primary, #0066cc);
+    text-decoration: none;
+    white-space: normal;
+    word-break: break-all;
+    overflow-wrap: break-word;
+    overflow: visible;
+    text-overflow: unset;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+`;
+class me {
+  lastShownTime = 0;
+  warmTimeout = 500;
+  // ms idle before resetting to cold mode
+  coldDelay = 600;
+  // ms delay before first preview
+  getDelay() {
+    return Date.now() - this.lastShownTime < this.warmTimeout ? 0 : this.coldDelay;
+  }
+  markShown() {
+    this.lastShownTime = Date.now();
+  }
+}
+const F = new me(), E = "projectTreeTextPreviewOpen", de = (s) => {
   try {
-    const r = new URL(o.trim());
-    return r.protocol === "http:" || r.protocol === "https:";
+    const i = new URL(s.trim());
+    return i.protocol === "http:" || i.protocol === "https:";
   } catch {
     return !1;
   }
-}, H = (o) => {
-  const r = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return o.split(r).map((l, c) => L(l) ? { type: "url", content: l, key: c } : { type: "text", content: l, key: c });
-}, h = (o) => /<[^>]*>/.test(o), Y = P(
+}, we = (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(
   ({
-    value: o,
-    option: r,
-    isEditing: f,
-    isInherited: l,
-    onChange: c,
-    onCancelEdit: x,
-    style: y,
-    type: g,
-    columnId: u,
-    className: w,
-    ...k
-  }, j) => {
-    if (f)
-      return /* @__PURE__ */ t.jsx(
-        W,
-        {
-          value: o,
-          onChange: c,
-          onCancel: x,
-          type: g || "string"
-        }
-      );
-    const p = r?.label || o, n = typeof p == "string" ? p : String(p ?? ""), a = u === "attrib_description" || u === "description", T = !a && !h(n) && !n.match(/(https?:\/\/\S+)/gi), b = () => a ? /* @__PURE__ */ t.jsx(
-      S,
+    value: s,
+    option: i,
+    isEditing: p,
+    isInherited: m,
+    onChange: f,
+    onCancelEdit: g,
+    style: q,
+    type: S,
+    columnId: R,
+    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(() => {
+      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);
+        });
+      }, a = new ResizeObserver(t);
+      return a.observe(e), t(), () => {
+        r !== null && cancelAnimationFrame(r), a.disconnect();
+      };
+    }, [c, u]), x(() => {
+      const e = y.current;
+      if (!e) return;
+      const r = e.closest("td");
+      if (!r) return;
+      const t = () => L(!0), a = () => L(!1);
+      return r.addEventListener("mouseenter", t), r.addEventListener("mouseleave", a), () => {
+        r.removeEventListener("mouseenter", t), r.removeEventListener("mouseleave", a);
+      };
+    }, []);
+    const l = C((e) => {
+      b.current = e, $(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), () => {
+      clearTimeout(k.current), clearTimeout(T.current);
+    }), [_, W, p, n, l]), x(() => {
+      const e = (r) => {
+        r.detail?.cellId !== n && l(!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(
+      (e, r) => {
+        f(e, r === "Enter" ? "Click" : r);
+      },
+      [f]
+    ), V = () => u ? /* @__PURE__ */ o.jsx(
+      oe,
       {
-        remarkPlugins: [v],
-        rehypePlugins: [U],
+        remarkPlugins: [ne],
+        rehypePlugins: [se],
         components: {
-          p: ({ children: s }) => /* @__PURE__ */ t.jsx("span", { children: s }),
-          a: ({ href: s, children: e }) => /* @__PURE__ */ t.jsx(
-            m,
+          p: ({ children: r }) => /* @__PURE__ */ o.jsx("span", { children: r }),
+          a: ({ href: r, children: t }) => /* @__PURE__ */ o.jsx(
+            D,
             {
-              href: s || "#",
-              onMouseDown: (i) => i.stopPropagation(),
+              href: r || "#",
+              onMouseDown: (a) => a.stopPropagation(),
               target: "_blank",
               rel: "noopener noreferrer",
-              children: e
+              children: t
             }
           )
         },
-        children: n
+        children: c
       }
-    ) : h(n) ? M(n).map((e) => e.type === "url" && e.href ? /* @__PURE__ */ t.jsx(
-      m,
+    ) : N(c) ? ce(c).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
+      D,
       {
-        href: e.href,
-        onMouseDown: (i) => i.stopPropagation(),
+        href: t.href,
+        onMouseDown: (a) => a.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
-        children: e.content
+        children: t.content
       },
-      e.key
-    ) : /* @__PURE__ */ t.jsx("span", { style: { whiteSpace: "pre-line" }, children: e.content }, e.key)) : n.match(/(https?:\/\/\S+)/gi) ? H(n).map((e) => e.type === "url" ? /* @__PURE__ */ t.jsx(
-      m,
+      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,
       {
-        href: e.content,
-        onMouseDown: (i) => i.stopPropagation(),
+        href: t.content,
+        onMouseDown: (a) => a.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
-        children: e.content
+        children: t.content
       },
-      e.key
-    ) : e.content) : n, R = D(w, {
-      markdown: a,
-      regular: T
+      t.key
+    ) : t.content) : c;
+    if (p && !u)
+      return /* @__PURE__ */ o.jsx(
+        ie,
+        {
+          value: s,
+          onChange: f,
+          onCancel: g,
+          type: S || "string"
+        }
+      );
+    const re = le(J, {
+      markdown: u,
+      regular: I
     });
-    return /* @__PURE__ */ t.jsxs(
-      _,
-      {
-        className: R,
-        style: { color: r?.color, ...y },
-        ...k,
-        ref: j,
-        children: [
-          r?.icon && /* @__PURE__ */ t.jsx(
-            C,
-            {
-              icon: r.icon,
-              style: {
-                color: r.color
+    return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsxs(
+        pe,
+        {
+          className: re,
+          style: { color: i?.color, ...q },
+          ...K,
+          ref: (e) => {
+            y.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+          },
+          children: [
+            i?.icon && /* @__PURE__ */ o.jsx(
+              ae,
+              {
+                icon: i.icon,
+                style: {
+                  color: i.color
+                }
               }
+            ),
+            V()
+          ]
+        }
+      ),
+      p && u && n && /* @__PURE__ */ o.jsx(
+        A,
+        {
+          value: s,
+          cellId: n,
+          isEditing: !0,
+          variant: "edit",
+          allowMarkdown: !0,
+          valueType: S || "string",
+          onChange: ee,
+          onCancelEdit: g,
+          onDismissWithoutSave: g,
+          draftValue: Q(),
+          onEditingDraftChange: X
+        }
+      ),
+      O && !p && u && n && /* @__PURE__ */ o.jsx(
+        A,
+        {
+          value: s,
+          cellId: n,
+          isEditing: !0,
+          variant: "preview",
+          allowMarkdown: !0,
+          onChange: f,
+          onCancelEdit: () => l(!1),
+          onPreviewClick: U,
+          onPreviewMouseEnter: () => w(!0),
+          onPreviewMouseLeave: () => w(!1)
+        }
+      ),
+      O && !p && !u && n && /* @__PURE__ */ o.jsx(
+        ue,
+        {
+          isEditing: !0,
+          anchorId: n,
+          onClose: () => l(!1),
+          children: /* @__PURE__ */ o.jsx(
+            fe,
+            {
+              onClick: U,
+              onMouseEnter: () => w(!0),
+              onMouseLeave: () => w(!1),
+              onMouseDown: (e) => e.stopPropagation(),
+              children: V()
             }
-          ),
-          b()
-        ]
-      }
-    );
+          )
+        }
+      )
+    ] });
   }
 );
 export {
-  Y as TextWidget
+  pe as StyledBaseTextWidget,
+  Le 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 } from 'react'\nimport Markdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport rehypeRaw from 'rehype-raw'\nimport { TextWidgetInput } from './TextWidgetInput'\nimport { WidgetBaseProps, EDIT_TRIGGER_CLASS } 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'\n\nconst 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    margin-top: 18px;\n    height: 40px;\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\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}\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      className,\n      ...props\n    },\n    ref,\n  ) => {\n    if (isEditing) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\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    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    const combinedClassName = clsx(className, {\n      markdown: isDescriptionColumn,\n      regular: isRegularText,\n    })\n\n    return (\n      <StyledBaseTextWidget\n        className={combinedClassName}\n        style={{ color: option?.color, ...style }}\n        {...props}\n        ref={ref}\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  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","className","props","ref","jsx","TextWidgetInput","displayText","textValue","isDescriptionColumn","isRegularText","renderContent","Markdown","remarkGfm","rehypeRaw","children","href","e","parseHtmlToPlainTextWithLinks","combinedClassName","clsx","jsxs","Icon"],"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 { 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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"}