@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -1,46 +1,49 @@
 import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import { Chips as h } from "../../../components/Chips/Chips.es.js";
-import { DoneCheckbox as f } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import { SubtasksManagerWrapper as S } from "../../../components/SubtasksManager/SubtasksManagerWrapper.es.js";
-import { CellEditingDialog as b } from "../../../components/LinksManager/CellEditingDialog.es.js";
-import { useState as g } from "react";
+import { Chips as u } from "../../../components/Chips/Chips.es.js";
+import { DoneCheckbox as S } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import { SubtasksManagerWrapper as b } from "../../../components/SubtasksManager/SubtasksManagerWrapper.es.js";
+import { CellEditingDialog as g } from "../../../components/LinksManager/CellEditingDialog.es.js";
+import { useState as k } from "react";
 import { EDIT_TRIGGER_CLASS as x } from "./CellWidget.es.js";
-import { Container as k } from "../../../components/LinksManager/LinksManager.styled.es.js";
-import { useProjectTableContext as C } from "../context/ProjectTableContext.es.js";
+import { Container as C } from "../../../components/LinksManager/LinksManager.styled.es.js";
+import { useProjectTableContext as j } from "../context/ProjectTableContext.es.js";
 const M = ({
   value: r,
   isEditing: s,
-  cellId: l,
-  projectName: m,
+  cellId: d,
+  projectName: l,
   disabled: t,
-  onChange: j,
+  onChange: I,
   onCancelEdit: a
 }) => {
-  const { SubtasksManager: n, useNavigate: c } = C(), [d, p] = g([]), i = r?.subtasks || [], u = i.map((o) => ({
+  const { SubtasksManager: n, useNavigate: m, dispatch: c } = j(), [p, f] = k([]), i = r?.subtasks || [], h = i.map((o) => ({
     label: o.label || o.name,
     tooltip: o.description || o.label || o.name,
-    prefix: /* @__PURE__ */ e.jsx(f, { checked: o.isDone, isReadOnly: !0, style: { fontSize: 20 } })
+    prefix: /* @__PURE__ */ e.jsx(S, { checked: o.isDone, isReadOnly: !0, style: { fontSize: 20 } })
   }));
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsx(
-      h,
+      u,
       {
-        values: u,
+        values: h,
         pt: { chip: { className: x } },
         disabled: t
       }
     ),
-    s && r && n && /* @__PURE__ */ e.jsx(b, { isEditing: s, anchorId: l, onClose: a, children: t ? /* @__PURE__ */ e.jsx(k, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ e.jsx(
-      S,
+    s && r && n && /* @__PURE__ */ e.jsx(g, { isEditing: s, anchorId: d, onClose: a, children: t ? /* @__PURE__ */ e.jsx(C, { style: { color: "var(--md-sys-color-outline)" }, children: "Subtasks are disabled for this task" }) : /* @__PURE__ */ e.jsx(
+      b,
       {
-        projectName: m,
+        projectName: l,
         taskId: r.taskId,
+        taskName: r.taskName,
+        folderId: r.folderId,
         subtasks: i,
-        selectedSubtaskIds: d,
-        onSelectSubtasks: p,
+        selectedSubtaskIds: p,
+        onSelectSubtasks: f,
         onClose: a,
         SubtasksManager: n,
-        useNavigate: c,
+        useNavigate: m,
+        dispatch: c,
         style: {
           padding: "var(--padding-m)",
           backgroundColor: "var(--md-sys-color-surface-container-high)",

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

@@ -1 +1 @@
-{"version":3,"file":"SubtasksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n  taskId: string\n  subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n  value?: SubtasksWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  onChange: _onChange,\n  onCancelEdit,\n}) => {\n  const { SubtasksManager, useNavigate } = useProjectTableContext()\n  const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n  const subtasks = value?.subtasks || []\n\n  // Create chip values from subtasks\n  const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n    label: subtask.label || subtask.name,\n    tooltip: subtask.description || subtask.label || subtask.name,\n    prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n  }))\n\n  return (\n    <>\n      <Chips\n        values={chipValues}\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && SubtasksManager && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              Subtasks are disabled for this task\n            </Container>\n          ) : (\n            <SubtasksManagerWrapper\n              projectName={projectName}\n              taskId={value.taskId}\n              subtasks={subtasks}\n              selectedSubtaskIds={selectedSubtaskIds}\n              onSelectSubtasks={setSelectedSubtaskIds}\n              onClose={onCancelEdit}\n              SubtasksManager={SubtasksManager}\n              useNavigate={useNavigate!}\n              style={{\n                padding: 'var(--padding-m)',\n                backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                borderRadius: 'var(--border-radius-l)',\n              }}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":";;;;;;;;;AAuBO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,EAAA,IAAgBC,EAAA,GACnC,CAACC,GAAoBC,CAAqB,IAAIC,EAAmB,CAAA,CAAE,GAEnEC,IAAWb,GAAO,YAAY,CAAA,GAG9Bc,IAA0BD,EAAS,IAAI,CAACE,OAAa;AAAA,IACzD,OAAOA,EAAQ,SAASA,EAAQ;AAAA,IAChC,SAASA,EAAQ,eAAeA,EAAQ,SAASA,EAAQ;AAAA,IACzD,QAAQC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,SAASF,EAAQ,QAAQ,YAAU,IAAC,OAAO,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EAAA,EACnF;AAEF,SACEG,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,IAAI,EAAE,MAAM,EAAE,WAAWO,IAAmB;AAAA,QAC5C,UAAAjB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,KAAaD,KAASO,2BACpBe,GAAA,EAAkB,WAAArB,GAAsB,UAAUC,GAAQ,SAASI,GACjE,UAAAF,IACCY,gBAAAA,MAACO,KAAU,OAAO,EAAE,OAAO,8BAAA,GAAiC,iDAE5D,IAEAP,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAArB;AAAA,QACA,QAAQH,EAAM;AAAA,QACd,UAAAa;AAAA,QACA,oBAAAH;AAAA,QACA,kBAAkBC;AAAA,QAClB,SAASL;AAAA,QACT,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"SubtasksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/SubtasksWidget.tsx"],"sourcesContent":["import { Chips } from '@shared/components/Chips/Chips'\nimport type { ChipValue } from '@shared/components/Chips/Chips'\nimport { DoneCheckbox } from '@shared/components/DoneCheckbox/DoneCheckbox'\nimport { SubtasksManagerWrapper } from '@shared/components/SubtasksManager/SubtasksManagerWrapper'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC, useState } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { Container } from '@shared/components/LinksManager/LinksManager.styled'\nimport type { SubTaskNode } from '@shared/api'\nimport { useProjectTableContext } from '../context/ProjectTableContext'\n\nexport type SubtasksWidgetData = {\n  taskId: string\n  taskName: string\n  folderId?: string\n  subtasks: SubTaskNode[]\n}\n\nexport interface SubtasksWidgetProps extends WidgetBaseProps {\n  value?: SubtasksWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n}\n\nexport const SubtasksWidget: FC<SubtasksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  onChange: _onChange,\n  onCancelEdit,\n}) => {\n  const { SubtasksManager, useNavigate, dispatch } = useProjectTableContext()\n  const [selectedSubtaskIds, setSelectedSubtaskIds] = useState<string[]>([])\n\n  const subtasks = value?.subtasks || []\n\n  // Create chip values from subtasks\n  const chipValues: ChipValue[] = subtasks.map((subtask) => ({\n    label: subtask.label || subtask.name,\n    tooltip: subtask.description || subtask.label || subtask.name,\n    prefix: <DoneCheckbox checked={subtask.isDone} isReadOnly style={{ fontSize: 20 }} />,\n  }))\n\n  return (\n    <>\n      <Chips\n        values={chipValues}\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && SubtasksManager && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              Subtasks are disabled for this task\n            </Container>\n          ) : (\n            <SubtasksManagerWrapper\n              projectName={projectName}\n              taskId={value.taskId}\n              taskName={value.taskName}\n              folderId={value.folderId}\n              subtasks={subtasks}\n              selectedSubtaskIds={selectedSubtaskIds}\n              onSelectSubtasks={setSelectedSubtaskIds}\n              onClose={onCancelEdit}\n              SubtasksManager={SubtasksManager}\n              useNavigate={useNavigate!}\n              dispatch={dispatch}\n              style={{\n                padding: 'var(--padding-m)',\n                backgroundColor: 'var(--md-sys-color-surface-container-high)',\n                borderRadius: 'var(--border-radius-l)',\n              }}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["SubtasksWidget","value","isEditing","cellId","projectName","disabled","_onChange","onCancelEdit","SubtasksManager","useNavigate","dispatch","useProjectTableContext","selectedSubtaskIds","setSelectedSubtaskIds","useState","subtasks","chipValues","subtask","jsx","DoneCheckbox","jsxs","Fragment","Chips","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","SubtasksManagerWrapper"],"mappings":";;;;;;;;;AAyBO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,iBAAAC,GAAiB,aAAAC,GAAa,UAAAC,EAAA,IAAaC,EAAA,GAC7C,CAACC,GAAoBC,CAAqB,IAAIC,EAAmB,CAAA,CAAE,GAEnEC,IAAWd,GAAO,YAAY,CAAA,GAG9Be,IAA0BD,EAAS,IAAI,CAACE,OAAa;AAAA,IACzD,OAAOA,EAAQ,SAASA,EAAQ;AAAA,IAChC,SAASA,EAAQ,eAAeA,EAAQ,SAASA,EAAQ;AAAA,IACzD,QAAQC,gBAAAA,EAAAA,IAACC,GAAA,EAAa,SAASF,EAAQ,QAAQ,YAAU,IAAC,OAAO,EAAE,UAAU,GAAA,EAAG,CAAG;AAAA,EAAA,EACnF;AAEF,SACEG,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAH,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QACC,QAAQN;AAAA,QACR,IAAI,EAAE,MAAM,EAAE,WAAWO,IAAmB;AAAA,QAC5C,UAAAlB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,KAAaD,KAASO,2BACpBgB,GAAA,EAAkB,WAAAtB,GAAsB,UAAUC,GAAQ,SAASI,GACjE,UAAAF,IACCa,gBAAAA,MAACO,KAAU,OAAO,EAAE,OAAO,8BAAA,GAAiC,iDAE5D,IAEAP,gBAAAA,EAAAA;AAAAA,MAACQ;AAAA,MAAA;AAAA,QACC,aAAAtB;AAAA,QACA,QAAQH,EAAM;AAAA,QACd,UAAUA,EAAM;AAAA,QAChB,UAAUA,EAAM;AAAA,QAChB,UAAAc;AAAA,QACA,oBAAAH;AAAA,QACA,kBAAkBC;AAAA,QAClB,SAASN;AAAA,QACT,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,UAAAC;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,iBAAiB;AAAA,UACjB,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IAAA,EACF,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -39,5 +39,5 @@
   overflow: auto;
 `,ee=R.div`
   display: none;
-`,te=({value:d,isEditing:a,cellId:q,onChange:k,onCancelEdit:l,variant:S="edit",onPreviewClick:F,allowMarkdown:V=!0,valueType:m="string",draftValue:w,onEditingDraftChange:b,onDismissWithoutSave:re,onPreviewMouseEnter:H,onPreviewMouseLeave:A})=>{const D=n.useRef(w!=null),[h,p]=n.useState(w??""),[I,P]=n.useState(w??""),c=n.useRef(null),j=n.useRef(null),o=S==="preview",s=V,M=n.useRef(null),x=n.useRef(!1),L=n.useRef(null),u=typeof d=="string"?d:d==null?"":String(d),g=n.useRef(u);n.useEffect(()=>{g.current=u},[u]);const T=n.useCallback(e=>{p(e),b?.(e)},[b]);n.useEffect(()=>{if(D.current){D.current=!1;return}if(!a&&!o)return;if(!s){p(u);return}if(!u.trim()){P(""),p("");return}if(!j.current)return;const e=j.current.innerHTML;P(e),p(e)},[a,o,u,s]),n.useEffect(()=>{if(o||!a){x.current=!1;return}if(s){if(x.current)return;const e=c.current?.getEditor();if(!e)return;requestAnimationFrame(()=>{const r=e.getLength(),t=Math.max(r-1,0);e.focus(),e.setSelection(t,0)});return}x.current||requestAnimationFrame(()=>{const e=M.current;if(!e)return;e.focus();const r=e.value.length;e.setSelectionRange(r,r),x.current=!0})},[a,o,I,s]);const K=n.useCallback(e=>{const r=e.trim();if(m==="string")return{value:e};if(r==="")return{value:null};if(m==="integer"){const t=parseInt(r,10);return Number.isNaN(t)?{value:null,error:"Invalid integer value. Please enter a valid integer."}:{value:t}}if(m==="float"){const t=parseFloat(r);return Number.isNaN(t)?{value:null,error:"Invalid number value. Please enter a valid number."}:{value:t}}return{value:e}},[m]),E=n.useCallback((e="Click")=>{if(!s){const{value:v,error:y}=K(h);if(y){J.toast.error(y);return}if(e!=="Enter"&&(v===g.current||String(v??"")===g.current)){l?.();return}k?.(v,e);return}if(!c.current)return;const t=c.current.getEditor().root.innerHTML,[f]=B.convertToMarkdown(t);if(e!=="Enter"&&f.trim()===g.current.trim()){l?.();return}k?.(f,e)},[K,h,s,k,l,b]),N=n.useRef(E);N.current=E;const C=n.useRef(l);C.current=l,n.useEffect(()=>{if(o||!s)return;const e=L.current;if(!e)return;const r=t=>{if(t.key==="Escape"){t.preventDefault(),t.stopPropagation(),C.current?.();return}if(t.key==="Enter"&&!t.shiftKey){t.preventDefault(),t.stopPropagation(),N.current("Enter");return}};return e.addEventListener("keydown",r,!0),()=>e.removeEventListener("keydown",r,!0)},[o,s]);const O=n.useCallback(e=>{if(o||!s||!c.current)return;const r=c.current.getEditor();if(e.ctrlKey||e.metaKey){const t=e.key.toLowerCase(),f=r.getFormat();if(!new Set(["d","o","l","h"]).has(t))return;switch(e.preventDefault(),t){case"d":r.format("code-block",!r.getFormat()["code-block"]);return;case"o":r.format("list",f.list==="ordered"?!1:"ordered");return;case"l":r.format("list",f.list==="bullet"?!1:"bullet");return;case"h":const y=f.header===2;r.format("header",y?!1:2);break}}},[o,s]),W=i.jsxRuntimeExports.jsx(X,{ref:L,className:o?"preview":"editing",onKeyDown:O,onMouseDown:e=>{e.stopPropagation()},onMouseEnter:()=>{o&&H?.()},onMouseLeave:()=>{o&&A?.()},children:i.jsxRuntimeExports.jsx(_.StyledEditor,{onMouseDown:e=>{e.stopPropagation()},onClick:e=>{if(e.stopPropagation(),o){e.target.closest("a")||F?.();return}},children:i.jsxRuntimeExports.jsx(G.QuillListStyles,{children:s?i.jsxRuntimeExports.jsx(z,{ref:c,theme:"snow",value:h,modules:{toolbar:!1},readOnly:o,onChange:T,className:"block-shortcuts"},`text-editor-${S}-${a}`):o?i.jsxRuntimeExports.jsx(Z,{children:u}):i.jsxRuntimeExports.jsx(Y,{ref:M,value:h,onChange:e=>T(e.target.value),onKeyDown:e=>{if(e.key==="Escape"){e.preventDefault(),l?.();return}if(e.key==="Enter"&&!e.shiftKey){e.preventDefault(),E("Enter");return}},spellCheck:!1})})})});return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[s&&i.jsxRuntimeExports.jsx(ee,{className:"markdown-content","data-cell-id":q,ref:j,style:{display:"none"},children:i.jsxRuntimeExports.jsx(n.Suspense,{fallback:null,children:i.jsxRuntimeExports.jsx($.default,{typeOptions:U.mentionTypeOptions,initValue:u})})}),(a||o)&&i.jsxRuntimeExports.jsx(Q.CellEditingDialog,{isEditing:!!(a||o),anchorId:q,onClose:l,matchAnchorWidth:!0,children:W})]})};exports.TextContentWidget=te;
+`,te=({value:d,isEditing:a,cellId:q,onChange:k,onCancelEdit:l,variant:S="edit",onPreviewClick:F,allowMarkdown:V=!0,valueType:m="string",draftValue:w,onEditingDraftChange:b,onDismissWithoutSave:re,onPreviewMouseEnter:H,onPreviewMouseLeave:A})=>{const D=n.useRef(w!=null),[h,p]=n.useState(w??""),[I,P]=n.useState(w??""),c=n.useRef(null),j=n.useRef(null),o=S==="preview",s=V,M=n.useRef(null),x=n.useRef(!1),L=n.useRef(null),u=typeof d=="string"?d:d==null?"":String(d),g=n.useRef(u);n.useEffect(()=>{g.current=u},[u]);const T=n.useCallback(e=>{p(e),b?.(e)},[b]);n.useEffect(()=>{if(D.current){D.current=!1;return}if(!a&&!o)return;if(!s){p(u);return}if(!u.trim()){P(""),p("");return}if(!j.current)return;const e=j.current.innerHTML;P(e),p(e)},[a,o,u,s]),n.useEffect(()=>{if(o||!a){x.current=!1;return}if(s){if(x.current)return;const e=c.current?.getEditor();if(!e)return;requestAnimationFrame(()=>{const r=e.getLength(),t=Math.max(r-1,0);e.focus(),e.setSelection(t,0)});return}x.current||requestAnimationFrame(()=>{const e=M.current;if(!e)return;e.focus();const r=e.value.length;e.setSelectionRange(r,r),x.current=!0})},[a,o,I,s]);const K=n.useCallback(e=>{const r=e.trim();if(m==="string")return{value:e};if(r==="")return{value:null};if(m==="integer"){const t=parseInt(r,10);return Number.isNaN(t)?{value:null,error:"Invalid integer value. Please enter a valid integer."}:{value:t}}if(m==="float"){const t=parseFloat(r);return Number.isNaN(t)?{value:null,error:"Invalid number value. Please enter a valid number."}:{value:t}}return{value:e}},[m]),E=n.useCallback((e="Click")=>{if(!s){const{value:v,error:y}=K(h);if(y){J.toast.error(y);return}if(e!=="Enter"&&(v===g.current||String(v??"")===g.current)){l?.();return}k?.(v,e);return}if(!c.current)return;const t=c.current.getEditor().root.innerHTML,[f]=B.convertToMarkdown(t);if(e!=="Enter"&&f.trim()===g.current.trim()){l?.();return}k?.(f,e)},[K,h,s,k,l,b]),N=n.useRef(E);N.current=E;const C=n.useRef(l);C.current=l,n.useEffect(()=>{if(o||!s)return;const e=L.current;if(!e)return;const r=t=>{if(t.key==="Escape"){t.preventDefault(),t.stopPropagation(),C.current?.();return}if(t.key==="Enter"&&!t.shiftKey){t.preventDefault(),t.stopPropagation(),N.current("Enter");return}};return e.addEventListener("keydown",r,!0),()=>e.removeEventListener("keydown",r,!0)},[o,s]);const O=n.useCallback(e=>{if(o||!s||!c.current)return;const r=c.current.getEditor();if(e.ctrlKey||e.metaKey){const t=e.key.toLowerCase(),f=r.getFormat();if(!new Set(["d","o","l","h"]).has(t))return;switch(e.preventDefault(),t){case"d":r.format("code-block",!r.getFormat()["code-block"]);return;case"o":r.format("list",f.list==="ordered"?!1:"ordered");return;case"l":r.format("list",f.list==="bullet"?!1:"bullet");return;case"h":const y=f.header===2;r.format("header",y?!1:2);break}}},[o,s]),W=i.jsxRuntimeExports.jsx(X,{ref:L,className:o?"preview":"editing",onKeyDown:O,onMouseDown:e=>{e.stopPropagation()},onMouseEnter:()=>{o&&H?.()},onMouseLeave:()=>{o&&A?.()},children:i.jsxRuntimeExports.jsx(_.StyledEditor,{onMouseDown:e=>{e.stopPropagation()},onClick:e=>{if(e.stopPropagation(),o){!!e.target.closest("a")||F?.();return}},children:i.jsxRuntimeExports.jsx(G.QuillListStyles,{children:s?i.jsxRuntimeExports.jsx(z,{ref:c,theme:"snow",value:h,modules:{toolbar:!1},readOnly:o,onChange:T,className:"block-shortcuts"},`text-editor-${S}-${a}`):o?i.jsxRuntimeExports.jsx(Z,{children:u}):i.jsxRuntimeExports.jsx(Y,{ref:M,value:h,onChange:e=>T(e.target.value),onKeyDown:e=>{if(e.key==="Escape"){e.preventDefault(),l?.();return}if(e.key==="Enter"&&!e.shiftKey){e.preventDefault(),E("Enter");return}},spellCheck:!1})})})});return i.jsxRuntimeExports.jsxs(i.jsxRuntimeExports.Fragment,{children:[s&&i.jsxRuntimeExports.jsx(ee,{className:"markdown-content","data-cell-id":q,ref:j,style:{display:"none"},children:i.jsxRuntimeExports.jsx(n.Suspense,{fallback:null,children:i.jsxRuntimeExports.jsx($.default,{typeOptions:U.mentionTypeOptions,initValue:u})})}),(a||o)&&i.jsxRuntimeExports.jsx(Q.CellEditingDialog,{isEditing:!!(a||o),anchorId:q,onClose:l,matchAnchorWidth:!0,children:W})]})};exports.TextContentWidget=te;
 //# sourceMappingURL=TextContentWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextContentWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextContentWidget.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useCallback, useState, Suspense, type ChangeEvent } from 'react'\nimport styled from 'styled-components'\n\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport type { WidgetBaseProps } from './CellWidget'\nimport ReactQuill from 'react-quill-ayon'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\nimport { mentionTypeOptions } from '@shared/components/DetailsPanelDetails/hooks/useMentionSystem'\nimport { StyledEditor } from '@shared/components/DetailsPanelDetails/DescriptionSection.styles'\nimport { QuillListStyles } from '@shared/components/QuillListStyles'\nimport { toast } from 'react-toastify'\n\nconst StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  min-width: 350px;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n\n  &.editing {\n    border: 2px solid var(--md-sys-color-primary);\n  }\n`\n\nconst PlainTextarea = styled.textarea`\n  width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  border: none;\n  outline: none;\n  resize: vertical;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 12px;\n`\n\nconst PlainPreview = styled.div`\n  width: 100%;\n  white-space: pre-wrap;\n  word-break: break-word;\n  padding: 12px;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  overflow: auto;\n`\n\nconst StyledHiddenMarkdown = styled.div`\n  display: none;\n`\n\nexport interface TextContentWidgetProps extends WidgetBaseProps {\n  value?: string | number | null\n  cellId: string\n  placeholder?: string\n  // When variant is 'preview', render the same UI read-only for hover preview\n  variant?: 'edit' | 'preview'\n  // When in preview, a click on the preview should enter edit mode\n  onPreviewClick?: () => void\n  // Enable or disable markdown editing features\n  allowMarkdown?: boolean\n  valueType?: 'string' | 'integer' | 'float'\n  draftValue?: string | null\n  onEditingDraftChange?: (value: string | null) => void\n  onDismissWithoutSave?: () => void\n  onPreviewMouseEnter?: () => void\n  onPreviewMouseLeave?: () => void\n}\n\nexport const TextContentWidget: FC<TextContentWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  onChange,\n  onCancelEdit,\n  variant = 'edit',\n  onPreviewClick,\n  allowMarkdown = true,\n  valueType = 'string',\n  draftValue,\n  onEditingDraftChange,\n  onDismissWithoutSave,\n  onPreviewMouseEnter,\n  onPreviewMouseLeave,\n}) => {\n  const hasDraftRef = useRef(draftValue != null)\n  const [editingValue, setEditingValue] = useState(draftValue ?? '')\n  const [descriptionHtml, setDescriptionHtml] = useState(draftValue ?? '')\n  const quillRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const isPreview = variant === 'preview'\n  const isRichText = allowMarkdown\n  const plainTextAreaRef = useRef<HTMLTextAreaElement>(null)\n  const hasAutoFocusedRef = useRef(false)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  const normalizedValue = typeof value === 'string' ? value : value == null ? '' : String(value)\n  const originalValueRef = useRef(normalizedValue)\n  useEffect(() => {\n    originalValueRef.current = normalizedValue\n  }, [normalizedValue])\n\n  const updateEditingValue = useCallback(\n    (newValue: string) => {\n      setEditingValue(newValue)\n      onEditingDraftChange?.(newValue)\n    },\n    [onEditingDraftChange],\n  )\n\n  // Parse markdown to HTML to initialize the editor content for edit and preview\n  useEffect(() => {\n    if (hasDraftRef.current) {\n      hasDraftRef.current = false\n      return\n    }\n    if (!isEditing && !isPreview) return\n    if (!isRichText) {\n      setEditingValue(normalizedValue)\n      return\n    }\n    if (!normalizedValue.trim()) {\n      setDescriptionHtml('')\n      setEditingValue('')\n      return\n    }\n    if (!markdownRef.current) return\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n    setEditingValue(html)\n  }, [isEditing, isPreview, normalizedValue, isRichText])\n\n  // Autofocus editor when dialog opens\n  useEffect(() => {\n    if (isPreview || !isEditing) {\n      hasAutoFocusedRef.current = false\n      return\n    }\n\n    if (isRichText) {\n      if (hasAutoFocusedRef.current) return\n      const quillInstance = quillRef.current?.getEditor()\n      if (!quillInstance) return\n\n      requestAnimationFrame(() => {\n        const len = quillInstance.getLength()\n        const index = Math.max(len - 1, 0)\n        quillInstance.focus()\n        quillInstance.setSelection(index, 0)\n      })\n      return\n    }\n\n    if (hasAutoFocusedRef.current) return\n\n    requestAnimationFrame(() => {\n      const textarea = plainTextAreaRef.current\n      if (!textarea) return\n      textarea.focus()\n      const len = textarea.value.length\n      // Position cursor at the end of the content\n      textarea.setSelectionRange(len, len)\n      hasAutoFocusedRef.current = true\n    })\n  }, [isEditing, isPreview, descriptionHtml, isRichText])\n\n  const convertPlainValue = useCallback(\n    (input: string): { value: string | number | null; error?: string } => {\n      const trimmed = input.trim()\n\n      if (valueType === 'string') {\n        return { value: input }\n      }\n\n      if (trimmed === '') {\n        return { value: null }\n      }\n\n      if (valueType === 'integer') {\n        const intValue = parseInt(trimmed, 10)\n        if (Number.isNaN(intValue)) {\n          return { value: null, error: 'Invalid integer value. Please enter a valid integer.' }\n        }\n        return { value: intValue }\n      }\n\n      if (valueType === 'float') {\n        const floatValue = parseFloat(trimmed)\n        if (Number.isNaN(floatValue)) {\n          return { value: null, error: 'Invalid number value. Please enter a valid number.' }\n        }\n        return { value: floatValue }\n      }\n\n      return { value: input }\n    },\n    [valueType],\n  )\n\n  // Save content function\n  const handleSave = useCallback(\n    (trigger: 'Click' | 'Enter' = 'Click') => {\n      if (!isRichText) {\n        const { value: convertedValue, error } = convertPlainValue(editingValue)\n        if (error) {\n          toast.error(error)\n          return\n        }\n        // Avoid sending unchanged values unless triggered via Enter\n        if (\n          trigger !== 'Enter' &&\n          (convertedValue === originalValueRef.current ||\n            String(convertedValue ?? '') === originalValueRef.current)\n        ) {\n          onCancelEdit?.()\n          return\n        }\n        onChange?.(convertedValue as string, trigger)\n        return\n      }\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      const html = quill.root.innerHTML\n      const [markdown] = convertToMarkdown(html)\n\n      // Guard against saving unchanged content (e.g. click-outside before Quill initializes)\n      if (trigger !== 'Enter' && markdown.trim() === originalValueRef.current.trim()) {\n        onCancelEdit?.()\n        return\n      }\n\n      onChange?.(markdown, trigger)\n    },\n    [convertPlainValue, editingValue, isRichText, onChange, onCancelEdit, onEditingDraftChange],\n  )\n\n  // Refs for capture-phase keyboard handler (avoids stale closures)\n  const handleSaveRef = useRef(handleSave)\n  handleSaveRef.current = handleSave\n  const onCancelEditRef = useRef(onCancelEdit)\n  onCancelEditRef.current = onCancelEdit\n\n  // Capture-phase listener to intercept Enter/Escape before Quill processes them\n  useEffect(() => {\n    if (isPreview || !isRichText) return\n    const el = dialogRef.current\n    if (!el) return\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        onCancelEditRef.current?.()\n        return\n      }\n      // Enter (without Shift) saves; Shift+Enter falls through for newline\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleSaveRef.current('Enter')\n        return\n      }\n    }\n\n    el.addEventListener('keydown', handler, true)\n    return () => el.removeEventListener('keydown', handler, true)\n  }, [isPreview, isRichText])\n\n  // Handle Ctrl+key formatting shortcuts (bubble phase is fine for these)\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isPreview || !isRichText) return\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      // Handle Ctrl/Cmd + key combinations\n      if (e.ctrlKey || e.metaKey) {\n        const key = e.key.toLowerCase()\n        const format = quill.getFormat()\n        // b, i, u are handled natively by Quill's built-in keyboard bindings,\n        // so we only intercept the non-standard shortcuts here to avoid double-toggling.\n        const handledKeys = new Set(['d', 'o', 'l', 'h'])\n\n        if (!handledKeys.has(key)) return\n\n        e.preventDefault()\n\n        switch (key) {\n          case 'd':\n            quill.format('code-block', !quill.getFormat()['code-block'])\n            return\n          case 'o':\n            quill.format('list', format.list === 'ordered' ? false : 'ordered')\n            return\n          case 'l':\n            quill.format('list', format.list === 'bullet' ? false : 'bullet')\n            return\n          case 'h':\n            const isH2 = format.header === 2\n            quill.format('header', isH2 ? false : 2)\n            break\n        }\n      }\n    },\n    [isPreview, isRichText],\n  )\n\n  const dialogContent = (\n    <StyledDialog\n      ref={dialogRef}\n      className={isPreview ? 'preview' : 'editing'}\n      onKeyDown={handleKeyDown}\n      onMouseDown={(e) => {\n        e.stopPropagation()\n      }}\n      onMouseEnter={() => {\n        if (isPreview) onPreviewMouseEnter?.()\n      }}\n      onMouseLeave={() => {\n        if (isPreview) onPreviewMouseLeave?.()\n      }}\n    >\n      <StyledEditor\n        onMouseDown={(e) => {\n          // Always prevent selection issues with table beneath\n          e.stopPropagation()\n        }}\n        onClick={(e) => {\n          // Prevent bubbling to underlying cell in both modes\n          e.stopPropagation()\n          // In preview, allow clicking links; open editor only when clicking outside links\n          if (isPreview) {\n            const target = e.target as HTMLElement\n            const isLink = !!target.closest('a')\n            if (!isLink) onPreviewClick?.()\n            return\n          }\n        }}\n      >\n        <QuillListStyles>\n          {isRichText ? (\n            <ReactQuill\n              key={`text-editor-${variant}-${isEditing}`}\n              ref={quillRef}\n              theme=\"snow\"\n              value={editingValue}\n              modules={{\n                toolbar: false,\n              }}\n              readOnly={isPreview}\n              onChange={updateEditingValue}\n              className=\"block-shortcuts\"\n            />\n          ) : isPreview ? (\n            <PlainPreview>{normalizedValue}</PlainPreview>\n          ) : (\n            <PlainTextarea\n              ref={plainTextAreaRef}\n              value={editingValue}\n              onChange={(e) => updateEditingValue(e.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  onCancelEdit?.()\n                  return\n                }\n                if (event.key === 'Enter' && !event.shiftKey) {\n                  event.preventDefault()\n                  handleSave('Enter')\n                  return\n                }\n              }}\n              spellCheck={false}\n            />\n          )}\n        </QuillListStyles>\n      </StyledEditor>\n    </StyledDialog>\n  )\n\n  return (\n    <>\n      {/* Always render the hidden markdown component so markdownRef is available */}\n      {isRichText && (\n        <StyledHiddenMarkdown\n          className=\"markdown-content\"\n          data-cell-id={cellId}\n          ref={markdownRef}\n          style={{ display: 'none' }}\n        >\n          <Suspense fallback={null}>\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={normalizedValue} />\n          </Suspense>\n        </StyledHiddenMarkdown>\n      )}\n\n      {(isEditing || isPreview) && (\n        <CellEditingDialog\n          isEditing={Boolean(isEditing || isPreview)}\n          anchorId={cellId}\n          onClose={onCancelEdit}\n          matchAnchorWidth\n        >\n          {dialogContent}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["StyledDialog","styled","PlainTextarea","PlainPreview","StyledHiddenMarkdown","TextContentWidget","value","isEditing","cellId","onChange","onCancelEdit","variant","onPreviewClick","allowMarkdown","valueType","draftValue","onEditingDraftChange","onDismissWithoutSave","onPreviewMouseEnter","onPreviewMouseLeave","hasDraftRef","useRef","editingValue","setEditingValue","useState","descriptionHtml","setDescriptionHtml","quillRef","markdownRef","isPreview","isRichText","plainTextAreaRef","hasAutoFocusedRef","dialogRef","normalizedValue","originalValueRef","useEffect","updateEditingValue","useCallback","newValue","html","quillInstance","len","index","textarea","convertPlainValue","input","trimmed","intValue","floatValue","handleSave","trigger","convertedValue","error","toast","markdown","convertToMarkdown","handleSaveRef","onCancelEditRef","el","handler","e","handleKeyDown","quill","key","format","isH2","dialogContent","jsx","StyledEditor","QuillListStyles","ReactQuill","event","jsxs","Fragment","Suspense","InputMarkdownConvert","mentionTypeOptions","CellEditingDialog"],"mappings":"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"}
+{"version":3,"file":"TextContentWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextContentWidget.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useCallback, useState, Suspense, type ChangeEvent } from 'react'\nimport styled from 'styled-components'\n\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport type { WidgetBaseProps } from './CellWidget'\nimport ReactQuill from 'react-quill-ayon'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\nimport { mentionTypeOptions } from '@shared/components/DetailsPanelDetails/hooks/useMentionSystem'\nimport { StyledEditor } from '@shared/components/DetailsPanelDetails/DescriptionSection.styles'\nimport { QuillListStyles } from '@shared/components/QuillListStyles'\nimport { toast } from 'react-toastify'\n\nconst StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  min-width: 350px;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n\n  &.editing {\n    border: 2px solid var(--md-sys-color-primary);\n  }\n`\n\nconst PlainTextarea = styled.textarea`\n  width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  border: none;\n  outline: none;\n  resize: vertical;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 12px;\n`\n\nconst PlainPreview = styled.div`\n  width: 100%;\n  white-space: pre-wrap;\n  word-break: break-word;\n  padding: 12px;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  overflow: auto;\n`\n\nconst StyledHiddenMarkdown = styled.div`\n  display: none;\n`\n\nexport interface TextContentWidgetProps extends WidgetBaseProps {\n  value?: string | number | null\n  cellId: string\n  placeholder?: string\n  // When variant is 'preview', render the same UI read-only for hover preview\n  variant?: 'edit' | 'preview'\n  // When in preview, a click on the preview should enter edit mode\n  onPreviewClick?: () => void\n  // Enable or disable markdown editing features\n  allowMarkdown?: boolean\n  valueType?: 'string' | 'integer' | 'float'\n  draftValue?: string | null\n  onEditingDraftChange?: (value: string | null) => void\n  onDismissWithoutSave?: () => void\n  onPreviewMouseEnter?: () => void\n  onPreviewMouseLeave?: () => void\n}\n\nexport const TextContentWidget: FC<TextContentWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  onChange,\n  onCancelEdit,\n  variant = 'edit',\n  onPreviewClick,\n  allowMarkdown = true,\n  valueType = 'string',\n  draftValue,\n  onEditingDraftChange,\n  onDismissWithoutSave,\n  onPreviewMouseEnter,\n  onPreviewMouseLeave,\n}) => {\n  const hasDraftRef = useRef(draftValue != null)\n  const [editingValue, setEditingValue] = useState(draftValue ?? '')\n  const [descriptionHtml, setDescriptionHtml] = useState(draftValue ?? '')\n  const quillRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const isPreview = variant === 'preview'\n  const isRichText = allowMarkdown\n  const plainTextAreaRef = useRef<HTMLTextAreaElement>(null)\n  const hasAutoFocusedRef = useRef(false)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  const normalizedValue = typeof value === 'string' ? value : value == null ? '' : String(value)\n  const originalValueRef = useRef(normalizedValue)\n  useEffect(() => {\n    originalValueRef.current = normalizedValue\n  }, [normalizedValue])\n\n  const updateEditingValue = useCallback(\n    (newValue: string) => {\n      setEditingValue(newValue)\n      onEditingDraftChange?.(newValue)\n    },\n    [onEditingDraftChange],\n  )\n\n  // Parse markdown to HTML to initialize the editor content for edit and preview\n  useEffect(() => {\n    if (hasDraftRef.current) {\n      hasDraftRef.current = false\n      return\n    }\n    if (!isEditing && !isPreview) return\n    if (!isRichText) {\n      setEditingValue(normalizedValue)\n      return\n    }\n    if (!normalizedValue.trim()) {\n      setDescriptionHtml('')\n      setEditingValue('')\n      return\n    }\n    if (!markdownRef.current) return\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n    setEditingValue(html)\n  }, [isEditing, isPreview, normalizedValue, isRichText])\n\n  // Autofocus editor when dialog opens\n  useEffect(() => {\n    if (isPreview || !isEditing) {\n      hasAutoFocusedRef.current = false\n      return\n    }\n\n    if (isRichText) {\n      if (hasAutoFocusedRef.current) return\n      const quillInstance = quillRef.current?.getEditor()\n      if (!quillInstance) return\n\n      requestAnimationFrame(() => {\n        const len = quillInstance.getLength()\n        const index = Math.max(len - 1, 0)\n        quillInstance.focus()\n        quillInstance.setSelection(index, 0)\n      })\n      return\n    }\n\n    if (hasAutoFocusedRef.current) return\n\n    requestAnimationFrame(() => {\n      const textarea = plainTextAreaRef.current\n      if (!textarea) return\n      textarea.focus()\n      const len = textarea.value.length\n      // Position cursor at the end of the content\n      textarea.setSelectionRange(len, len)\n      hasAutoFocusedRef.current = true\n    })\n  }, [isEditing, isPreview, descriptionHtml, isRichText])\n\n  const convertPlainValue = useCallback(\n    (input: string): { value: string | number | null; error?: string } => {\n      const trimmed = input.trim()\n\n      if (valueType === 'string') {\n        return { value: input }\n      }\n\n      if (trimmed === '') {\n        return { value: null }\n      }\n\n      if (valueType === 'integer') {\n        const intValue = parseInt(trimmed, 10)\n        if (Number.isNaN(intValue)) {\n          return { value: null, error: 'Invalid integer value. Please enter a valid integer.' }\n        }\n        return { value: intValue }\n      }\n\n      if (valueType === 'float') {\n        const floatValue = parseFloat(trimmed)\n        if (Number.isNaN(floatValue)) {\n          return { value: null, error: 'Invalid number value. Please enter a valid number.' }\n        }\n        return { value: floatValue }\n      }\n\n      return { value: input }\n    },\n    [valueType],\n  )\n\n  // Save content function\n  const handleSave = useCallback(\n    (trigger: 'Click' | 'Enter' = 'Click') => {\n      if (!isRichText) {\n        const { value: convertedValue, error } = convertPlainValue(editingValue)\n        if (error) {\n          toast.error(error)\n          return\n        }\n        // Avoid sending unchanged values unless triggered via Enter\n        if (\n          trigger !== 'Enter' &&\n          (convertedValue === originalValueRef.current ||\n            String(convertedValue ?? '') === originalValueRef.current)\n        ) {\n          onCancelEdit?.()\n          return\n        }\n        onChange?.(convertedValue as string, trigger)\n        return\n      }\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      const html = quill.root.innerHTML\n      const [markdown] = convertToMarkdown(html)\n\n      // Guard against saving unchanged content (e.g. click-outside before Quill initializes)\n      if (trigger !== 'Enter' && markdown.trim() === originalValueRef.current.trim()) {\n        onCancelEdit?.()\n        return\n      }\n\n      onChange?.(markdown, trigger)\n    },\n    [convertPlainValue, editingValue, isRichText, onChange, onCancelEdit, onEditingDraftChange],\n  )\n\n  // Refs for capture-phase keyboard handler (avoids stale closures)\n  const handleSaveRef = useRef(handleSave)\n  handleSaveRef.current = handleSave\n  const onCancelEditRef = useRef(onCancelEdit)\n  onCancelEditRef.current = onCancelEdit\n\n  // Capture-phase listener to intercept Enter/Escape before Quill processes them\n  useEffect(() => {\n    if (isPreview || !isRichText) return\n    const el = dialogRef.current\n    if (!el) return\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        onCancelEditRef.current?.()\n        return\n      }\n      // Enter (without Shift) saves; Shift+Enter falls through for newline\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleSaveRef.current('Enter')\n        return\n      }\n    }\n\n    el.addEventListener('keydown', handler, true)\n    return () => el.removeEventListener('keydown', handler, true)\n  }, [isPreview, isRichText])\n\n  // Handle Ctrl+key formatting shortcuts (bubble phase is fine for these)\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isPreview || !isRichText) return\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      // Handle Ctrl/Cmd + key combinations\n      if (e.ctrlKey || e.metaKey) {\n        const key = e.key.toLowerCase()\n        const format = quill.getFormat()\n        // b, i, u are handled natively by Quill's built-in keyboard bindings,\n        // so we only intercept the non-standard shortcuts here to avoid double-toggling.\n        const handledKeys = new Set(['d', 'o', 'l', 'h'])\n\n        if (!handledKeys.has(key)) return\n\n        e.preventDefault()\n\n        switch (key) {\n          case 'd':\n            quill.format('code-block', !quill.getFormat()['code-block'])\n            return\n          case 'o':\n            quill.format('list', format.list === 'ordered' ? false : 'ordered')\n            return\n          case 'l':\n            quill.format('list', format.list === 'bullet' ? false : 'bullet')\n            return\n          case 'h':\n            const isH2 = format.header === 2\n            quill.format('header', isH2 ? false : 2)\n            break\n        }\n      }\n    },\n    [isPreview, isRichText],\n  )\n\n  const dialogContent = (\n    <StyledDialog\n      ref={dialogRef}\n      className={isPreview ? 'preview' : 'editing'}\n      onKeyDown={handleKeyDown}\n      onMouseDown={(e) => {\n        e.stopPropagation()\n      }}\n      onMouseEnter={() => {\n        if (isPreview) onPreviewMouseEnter?.()\n      }}\n      onMouseLeave={() => {\n        if (isPreview) onPreviewMouseLeave?.()\n      }}\n    >\n      <StyledEditor\n        onMouseDown={(e) => {\n          // Always prevent selection issues with table beneath\n          e.stopPropagation()\n        }}\n        onClick={(e) => {\n          // Prevent bubbling to underlying cell in both modes\n          e.stopPropagation()\n          // In preview, allow clicking links; open editor only when clicking outside links\n          if (isPreview) {\n            const target = e.target as HTMLElement\n            const isLink = !!target.closest('a')\n            if (!isLink) onPreviewClick?.()\n            return\n          }\n        }}\n      >\n        <QuillListStyles>\n          {isRichText ? (\n            <ReactQuill\n              key={`text-editor-${variant}-${isEditing}`}\n              ref={quillRef}\n              theme=\"snow\"\n              value={editingValue}\n              modules={{\n                toolbar: false,\n              }}\n              readOnly={isPreview}\n              onChange={updateEditingValue}\n              className=\"block-shortcuts\"\n            />\n          ) : isPreview ? (\n            <PlainPreview>{normalizedValue}</PlainPreview>\n          ) : (\n            <PlainTextarea\n              ref={plainTextAreaRef}\n              value={editingValue}\n              onChange={(e) => updateEditingValue(e.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  onCancelEdit?.()\n                  return\n                }\n                if (event.key === 'Enter' && !event.shiftKey) {\n                  event.preventDefault()\n                  handleSave('Enter')\n                  return\n                }\n              }}\n              spellCheck={false}\n            />\n          )}\n        </QuillListStyles>\n      </StyledEditor>\n    </StyledDialog>\n  )\n\n  return (\n    <>\n      {/* Always render the hidden markdown component so markdownRef is available */}\n      {isRichText && (\n        <StyledHiddenMarkdown\n          className=\"markdown-content\"\n          data-cell-id={cellId}\n          ref={markdownRef}\n          style={{ display: 'none' }}\n        >\n          <Suspense fallback={null}>\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={normalizedValue} />\n          </Suspense>\n        </StyledHiddenMarkdown>\n      )}\n\n      {(isEditing || isPreview) && (\n        <CellEditingDialog\n          isEditing={Boolean(isEditing || isPreview)}\n          anchorId={cellId}\n          onClose={onCancelEdit}\n          matchAnchorWidth\n        >\n          {dialogContent}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["StyledDialog","styled","PlainTextarea","PlainPreview","StyledHiddenMarkdown","TextContentWidget","value","isEditing","cellId","onChange","onCancelEdit","variant","onPreviewClick","allowMarkdown","valueType","draftValue","onEditingDraftChange","onDismissWithoutSave","onPreviewMouseEnter","onPreviewMouseLeave","hasDraftRef","useRef","editingValue","setEditingValue","useState","descriptionHtml","setDescriptionHtml","quillRef","markdownRef","isPreview","isRichText","plainTextAreaRef","hasAutoFocusedRef","dialogRef","normalizedValue","originalValueRef","useEffect","updateEditingValue","useCallback","newValue","html","quillInstance","len","index","textarea","convertPlainValue","input","trimmed","intValue","floatValue","handleSave","trigger","convertedValue","error","toast","markdown","convertToMarkdown","handleSaveRef","onCancelEditRef","el","handler","e","handleKeyDown","quill","key","format","isH2","dialogContent","jsx","StyledEditor","QuillListStyles","ReactQuill","event","jsxs","Fragment","Suspense","InputMarkdownConvert","mentionTypeOptions","CellEditingDialog"],"mappings":"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"}

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

@@ -226,7 +226,7 @@ const te = b.div`
           },
           onClick: (e) => {
             if (e.stopPropagation(), n) {
-              e.target.closest("a") || T?.();
+              !!e.target.closest("a") || T?.();
               return;
             }
           },

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

@@ -1 +1 @@
-{"version":3,"file":"TextContentWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextContentWidget.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useCallback, useState, Suspense, type ChangeEvent } from 'react'\nimport styled from 'styled-components'\n\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport type { WidgetBaseProps } from './CellWidget'\nimport ReactQuill from 'react-quill-ayon'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\nimport { mentionTypeOptions } from '@shared/components/DetailsPanelDetails/hooks/useMentionSystem'\nimport { StyledEditor } from '@shared/components/DetailsPanelDetails/DescriptionSection.styles'\nimport { QuillListStyles } from '@shared/components/QuillListStyles'\nimport { toast } from 'react-toastify'\n\nconst StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  min-width: 350px;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n\n  &.editing {\n    border: 2px solid var(--md-sys-color-primary);\n  }\n`\n\nconst PlainTextarea = styled.textarea`\n  width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  border: none;\n  outline: none;\n  resize: vertical;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 12px;\n`\n\nconst PlainPreview = styled.div`\n  width: 100%;\n  white-space: pre-wrap;\n  word-break: break-word;\n  padding: 12px;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  overflow: auto;\n`\n\nconst StyledHiddenMarkdown = styled.div`\n  display: none;\n`\n\nexport interface TextContentWidgetProps extends WidgetBaseProps {\n  value?: string | number | null\n  cellId: string\n  placeholder?: string\n  // When variant is 'preview', render the same UI read-only for hover preview\n  variant?: 'edit' | 'preview'\n  // When in preview, a click on the preview should enter edit mode\n  onPreviewClick?: () => void\n  // Enable or disable markdown editing features\n  allowMarkdown?: boolean\n  valueType?: 'string' | 'integer' | 'float'\n  draftValue?: string | null\n  onEditingDraftChange?: (value: string | null) => void\n  onDismissWithoutSave?: () => void\n  onPreviewMouseEnter?: () => void\n  onPreviewMouseLeave?: () => void\n}\n\nexport const TextContentWidget: FC<TextContentWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  onChange,\n  onCancelEdit,\n  variant = 'edit',\n  onPreviewClick,\n  allowMarkdown = true,\n  valueType = 'string',\n  draftValue,\n  onEditingDraftChange,\n  onDismissWithoutSave,\n  onPreviewMouseEnter,\n  onPreviewMouseLeave,\n}) => {\n  const hasDraftRef = useRef(draftValue != null)\n  const [editingValue, setEditingValue] = useState(draftValue ?? '')\n  const [descriptionHtml, setDescriptionHtml] = useState(draftValue ?? '')\n  const quillRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const isPreview = variant === 'preview'\n  const isRichText = allowMarkdown\n  const plainTextAreaRef = useRef<HTMLTextAreaElement>(null)\n  const hasAutoFocusedRef = useRef(false)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  const normalizedValue = typeof value === 'string' ? value : value == null ? '' : String(value)\n  const originalValueRef = useRef(normalizedValue)\n  useEffect(() => {\n    originalValueRef.current = normalizedValue\n  }, [normalizedValue])\n\n  const updateEditingValue = useCallback(\n    (newValue: string) => {\n      setEditingValue(newValue)\n      onEditingDraftChange?.(newValue)\n    },\n    [onEditingDraftChange],\n  )\n\n  // Parse markdown to HTML to initialize the editor content for edit and preview\n  useEffect(() => {\n    if (hasDraftRef.current) {\n      hasDraftRef.current = false\n      return\n    }\n    if (!isEditing && !isPreview) return\n    if (!isRichText) {\n      setEditingValue(normalizedValue)\n      return\n    }\n    if (!normalizedValue.trim()) {\n      setDescriptionHtml('')\n      setEditingValue('')\n      return\n    }\n    if (!markdownRef.current) return\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n    setEditingValue(html)\n  }, [isEditing, isPreview, normalizedValue, isRichText])\n\n  // Autofocus editor when dialog opens\n  useEffect(() => {\n    if (isPreview || !isEditing) {\n      hasAutoFocusedRef.current = false\n      return\n    }\n\n    if (isRichText) {\n      if (hasAutoFocusedRef.current) return\n      const quillInstance = quillRef.current?.getEditor()\n      if (!quillInstance) return\n\n      requestAnimationFrame(() => {\n        const len = quillInstance.getLength()\n        const index = Math.max(len - 1, 0)\n        quillInstance.focus()\n        quillInstance.setSelection(index, 0)\n      })\n      return\n    }\n\n    if (hasAutoFocusedRef.current) return\n\n    requestAnimationFrame(() => {\n      const textarea = plainTextAreaRef.current\n      if (!textarea) return\n      textarea.focus()\n      const len = textarea.value.length\n      // Position cursor at the end of the content\n      textarea.setSelectionRange(len, len)\n      hasAutoFocusedRef.current = true\n    })\n  }, [isEditing, isPreview, descriptionHtml, isRichText])\n\n  const convertPlainValue = useCallback(\n    (input: string): { value: string | number | null; error?: string } => {\n      const trimmed = input.trim()\n\n      if (valueType === 'string') {\n        return { value: input }\n      }\n\n      if (trimmed === '') {\n        return { value: null }\n      }\n\n      if (valueType === 'integer') {\n        const intValue = parseInt(trimmed, 10)\n        if (Number.isNaN(intValue)) {\n          return { value: null, error: 'Invalid integer value. Please enter a valid integer.' }\n        }\n        return { value: intValue }\n      }\n\n      if (valueType === 'float') {\n        const floatValue = parseFloat(trimmed)\n        if (Number.isNaN(floatValue)) {\n          return { value: null, error: 'Invalid number value. Please enter a valid number.' }\n        }\n        return { value: floatValue }\n      }\n\n      return { value: input }\n    },\n    [valueType],\n  )\n\n  // Save content function\n  const handleSave = useCallback(\n    (trigger: 'Click' | 'Enter' = 'Click') => {\n      if (!isRichText) {\n        const { value: convertedValue, error } = convertPlainValue(editingValue)\n        if (error) {\n          toast.error(error)\n          return\n        }\n        // Avoid sending unchanged values unless triggered via Enter\n        if (\n          trigger !== 'Enter' &&\n          (convertedValue === originalValueRef.current ||\n            String(convertedValue ?? '') === originalValueRef.current)\n        ) {\n          onCancelEdit?.()\n          return\n        }\n        onChange?.(convertedValue as string, trigger)\n        return\n      }\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      const html = quill.root.innerHTML\n      const [markdown] = convertToMarkdown(html)\n\n      // Guard against saving unchanged content (e.g. click-outside before Quill initializes)\n      if (trigger !== 'Enter' && markdown.trim() === originalValueRef.current.trim()) {\n        onCancelEdit?.()\n        return\n      }\n\n      onChange?.(markdown, trigger)\n    },\n    [convertPlainValue, editingValue, isRichText, onChange, onCancelEdit, onEditingDraftChange],\n  )\n\n  // Refs for capture-phase keyboard handler (avoids stale closures)\n  const handleSaveRef = useRef(handleSave)\n  handleSaveRef.current = handleSave\n  const onCancelEditRef = useRef(onCancelEdit)\n  onCancelEditRef.current = onCancelEdit\n\n  // Capture-phase listener to intercept Enter/Escape before Quill processes them\n  useEffect(() => {\n    if (isPreview || !isRichText) return\n    const el = dialogRef.current\n    if (!el) return\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        onCancelEditRef.current?.()\n        return\n      }\n      // Enter (without Shift) saves; Shift+Enter falls through for newline\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleSaveRef.current('Enter')\n        return\n      }\n    }\n\n    el.addEventListener('keydown', handler, true)\n    return () => el.removeEventListener('keydown', handler, true)\n  }, [isPreview, isRichText])\n\n  // Handle Ctrl+key formatting shortcuts (bubble phase is fine for these)\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isPreview || !isRichText) return\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      // Handle Ctrl/Cmd + key combinations\n      if (e.ctrlKey || e.metaKey) {\n        const key = e.key.toLowerCase()\n        const format = quill.getFormat()\n        // b, i, u are handled natively by Quill's built-in keyboard bindings,\n        // so we only intercept the non-standard shortcuts here to avoid double-toggling.\n        const handledKeys = new Set(['d', 'o', 'l', 'h'])\n\n        if (!handledKeys.has(key)) return\n\n        e.preventDefault()\n\n        switch (key) {\n          case 'd':\n            quill.format('code-block', !quill.getFormat()['code-block'])\n            return\n          case 'o':\n            quill.format('list', format.list === 'ordered' ? false : 'ordered')\n            return\n          case 'l':\n            quill.format('list', format.list === 'bullet' ? false : 'bullet')\n            return\n          case 'h':\n            const isH2 = format.header === 2\n            quill.format('header', isH2 ? false : 2)\n            break\n        }\n      }\n    },\n    [isPreview, isRichText],\n  )\n\n  const dialogContent = (\n    <StyledDialog\n      ref={dialogRef}\n      className={isPreview ? 'preview' : 'editing'}\n      onKeyDown={handleKeyDown}\n      onMouseDown={(e) => {\n        e.stopPropagation()\n      }}\n      onMouseEnter={() => {\n        if (isPreview) onPreviewMouseEnter?.()\n      }}\n      onMouseLeave={() => {\n        if (isPreview) onPreviewMouseLeave?.()\n      }}\n    >\n      <StyledEditor\n        onMouseDown={(e) => {\n          // Always prevent selection issues with table beneath\n          e.stopPropagation()\n        }}\n        onClick={(e) => {\n          // Prevent bubbling to underlying cell in both modes\n          e.stopPropagation()\n          // In preview, allow clicking links; open editor only when clicking outside links\n          if (isPreview) {\n            const target = e.target as HTMLElement\n            const isLink = !!target.closest('a')\n            if (!isLink) onPreviewClick?.()\n            return\n          }\n        }}\n      >\n        <QuillListStyles>\n          {isRichText ? (\n            <ReactQuill\n              key={`text-editor-${variant}-${isEditing}`}\n              ref={quillRef}\n              theme=\"snow\"\n              value={editingValue}\n              modules={{\n                toolbar: false,\n              }}\n              readOnly={isPreview}\n              onChange={updateEditingValue}\n              className=\"block-shortcuts\"\n            />\n          ) : isPreview ? (\n            <PlainPreview>{normalizedValue}</PlainPreview>\n          ) : (\n            <PlainTextarea\n              ref={plainTextAreaRef}\n              value={editingValue}\n              onChange={(e) => updateEditingValue(e.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  onCancelEdit?.()\n                  return\n                }\n                if (event.key === 'Enter' && !event.shiftKey) {\n                  event.preventDefault()\n                  handleSave('Enter')\n                  return\n                }\n              }}\n              spellCheck={false}\n            />\n          )}\n        </QuillListStyles>\n      </StyledEditor>\n    </StyledDialog>\n  )\n\n  return (\n    <>\n      {/* Always render the hidden markdown component so markdownRef is available */}\n      {isRichText && (\n        <StyledHiddenMarkdown\n          className=\"markdown-content\"\n          data-cell-id={cellId}\n          ref={markdownRef}\n          style={{ display: 'none' }}\n        >\n          <Suspense fallback={null}>\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={normalizedValue} />\n          </Suspense>\n        </StyledHiddenMarkdown>\n      )}\n\n      {(isEditing || isPreview) && (\n        <CellEditingDialog\n          isEditing={Boolean(isEditing || isPreview)}\n          anchorId={cellId}\n          onClose={onCancelEdit}\n          matchAnchorWidth\n        >\n          {dialogContent}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["StyledDialog","styled","PlainTextarea","PlainPreview","StyledHiddenMarkdown","TextContentWidget","value","isEditing","cellId","onChange","onCancelEdit","variant","onPreviewClick","allowMarkdown","valueType","draftValue","onEditingDraftChange","onDismissWithoutSave","onPreviewMouseEnter","onPreviewMouseLeave","hasDraftRef","useRef","editingValue","setEditingValue","useState","descriptionHtml","setDescriptionHtml","quillRef","markdownRef","isPreview","isRichText","plainTextAreaRef","hasAutoFocusedRef","dialogRef","normalizedValue","originalValueRef","useEffect","updateEditingValue","useCallback","newValue","html","quillInstance","len","index","textarea","convertPlainValue","input","trimmed","intValue","floatValue","handleSave","trigger","convertedValue","error","toast","markdown","convertToMarkdown","handleSaveRef","onCancelEditRef","el","handler","e","handleKeyDown","quill","key","format","isH2","dialogContent","jsx","StyledEditor","QuillListStyles","ReactQuill","event","jsxs","Fragment","Suspense","InputMarkdownConvert","mentionTypeOptions","CellEditingDialog"],"mappings":";;;;;;;;;;;;AAaA,MAAMA,KAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoBtBC,KAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcvBE,KAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAWtBG,KAAuBH,EAAO;AAAA;AAAA,GAsBvBI,KAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,gBAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,WAAAC,IAAY;AAAA,EACZ,YAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,qBAAAC;AACF,MAAM;AACJ,QAAMC,IAAcC,EAAON,KAAc,IAAI,GACvC,CAACO,GAAcC,CAAe,IAAIC,EAAST,KAAc,EAAE,GAC3D,CAACU,GAAiBC,CAAkB,IAAIF,EAAST,KAAc,EAAE,GACjEY,IAAWN,EAAY,IAAI,GAC3BO,IAAcP,EAAuB,IAAI,GACzCQ,IAAYlB,MAAY,WACxBmB,IAAajB,GACbkB,IAAmBV,EAA4B,IAAI,GACnDW,IAAoBX,EAAO,EAAK,GAChCY,IAAYZ,EAAuB,IAAI,GACvCa,IAAkB,OAAO5B,KAAU,WAAWA,IAAQA,KAAS,OAAO,KAAK,OAAOA,CAAK,GACvF6B,IAAmBd,EAAOa,CAAe;AAC/C,EAAAE,EAAU,MAAM;AACd,IAAAD,EAAiB,UAAUD;AAAA,EAC7B,GAAG,CAACA,CAAe,CAAC;AAEpB,QAAMG,IAAqBC;AAAA,IACzB,CAACC,MAAqB;AACpB,MAAAhB,EAAgBgB,CAAQ,GACxBvB,IAAuBuB,CAAQ;AAAA,IACjC;AAAA,IACA,CAACvB,CAAoB;AAAA,EAAA;AAIvB,EAAAoB,EAAU,MAAM;AACd,QAAIhB,EAAY,SAAS;AACvB,MAAAA,EAAY,UAAU;AACtB;AAAA,IACF;AACA,QAAI,CAACb,KAAa,CAACsB,EAAW;AAC9B,QAAI,CAACC,GAAY;AACf,MAAAP,EAAgBW,CAAe;AAC/B;AAAA,IACF;AACA,QAAI,CAACA,EAAgB,QAAQ;AAC3B,MAAAR,EAAmB,EAAE,GACrBH,EAAgB,EAAE;AAClB;AAAA,IACF;AACA,QAAI,CAACK,EAAY,QAAS;AAC1B,UAAMY,IAAOZ,EAAY,QAAQ;AACjC,IAAAF,EAAmBc,CAAI,GACvBjB,EAAgBiB,CAAI;AAAA,EACtB,GAAG,CAACjC,GAAWsB,GAAWK,GAAiBJ,CAAU,CAAC,GAGtDM,EAAU,MAAM;AACd,QAAIP,KAAa,CAACtB,GAAW;AAC3B,MAAAyB,EAAkB,UAAU;AAC5B;AAAA,IACF;AAEA,QAAIF,GAAY;AACd,UAAIE,EAAkB,QAAS;AAC/B,YAAMS,IAAgBd,EAAS,SAAS,UAAA;AACxC,UAAI,CAACc,EAAe;AAEpB,4BAAsB,MAAM;AAC1B,cAAMC,IAAMD,EAAc,UAAA,GACpBE,IAAQ,KAAK,IAAID,IAAM,GAAG,CAAC;AACjC,QAAAD,EAAc,MAAA,GACdA,EAAc,aAAaE,GAAO,CAAC;AAAA,MACrC,CAAC;AACD;AAAA,IACF;AAEA,IAAIX,EAAkB,WAEtB,sBAAsB,MAAM;AAC1B,YAAMY,IAAWb,EAAiB;AAClC,UAAI,CAACa,EAAU;AACf,MAAAA,EAAS,MAAA;AACT,YAAMF,IAAME,EAAS,MAAM;AAE3B,MAAAA,EAAS,kBAAkBF,GAAKA,CAAG,GACnCV,EAAkB,UAAU;AAAA,IAC9B,CAAC;AAAA,EACH,GAAG,CAACzB,GAAWsB,GAAWJ,GAAiBK,CAAU,CAAC;AAEtD,QAAMe,IAAoBP;AAAA,IACxB,CAACQ,MAAqE;AACpE,YAAMC,IAAUD,EAAM,KAAA;AAEtB,UAAIhC,MAAc;AAChB,eAAO,EAAE,OAAOgC,EAAA;AAGlB,UAAIC,MAAY;AACd,eAAO,EAAE,OAAO,KAAA;AAGlB,UAAIjC,MAAc,WAAW;AAC3B,cAAMkC,IAAW,SAASD,GAAS,EAAE;AACrC,eAAI,OAAO,MAAMC,CAAQ,IAChB,EAAE,OAAO,MAAM,OAAO,uDAAA,IAExB,EAAE,OAAOA,EAAA;AAAA,MAClB;AAEA,UAAIlC,MAAc,SAAS;AACzB,cAAMmC,IAAa,WAAWF,CAAO;AACrC,eAAI,OAAO,MAAME,CAAU,IAClB,EAAE,OAAO,MAAM,OAAO,qDAAA,IAExB,EAAE,OAAOA,EAAA;AAAA,MAClB;AAEA,aAAO,EAAE,OAAOH,EAAA;AAAA,IAClB;AAAA,IACA,CAAChC,CAAS;AAAA,EAAA,GAINoC,IAAaZ;AAAA,IACjB,CAACa,IAA6B,YAAY;AACxC,UAAI,CAACrB,GAAY;AACf,cAAM,EAAE,OAAOsB,GAAgB,OAAAC,EAAA,IAAUR,EAAkBvB,CAAY;AACvE,YAAI+B,GAAO;AACT,UAAAC,EAAM,MAAMD,CAAK;AACjB;AAAA,QACF;AAEA,YACEF,MAAY,YACXC,MAAmBjB,EAAiB,WACnC,OAAOiB,KAAkB,EAAE,MAAMjB,EAAiB,UACpD;AACA,UAAAzB,IAAA;AACA;AAAA,QACF;AACA,QAAAD,IAAW2C,GAA0BD,CAAO;AAC5C;AAAA,MACF;AACA,UAAI,CAACxB,EAAS,QAAS;AAGvB,YAAMa,IADQb,EAAS,QAAQ,UAAA,EACZ,KAAK,WAClB,CAAC4B,CAAQ,IAAIC,EAAkBhB,CAAI;AAGzC,UAAIW,MAAY,WAAWI,EAAS,KAAA,MAAWpB,EAAiB,QAAQ,QAAQ;AAC9E,QAAAzB,IAAA;AACA;AAAA,MACF;AAEA,MAAAD,IAAW8C,GAAUJ,CAAO;AAAA,IAC9B;AAAA,IACA,CAACN,GAAmBvB,GAAcQ,GAAYrB,GAAUC,GAAcM,CAAoB;AAAA,EAAA,GAItFyC,IAAgBpC,EAAO6B,CAAU;AACvC,EAAAO,EAAc,UAAUP;AACxB,QAAMQ,IAAkBrC,EAAOX,CAAY;AAC3C,EAAAgD,EAAgB,UAAUhD,GAG1B0B,EAAU,MAAM;AACd,QAAIP,KAAa,CAACC,EAAY;AAC9B,UAAM6B,IAAK1B,EAAU;AACrB,QAAI,CAAC0B,EAAI;AAET,UAAMC,IAAU,CAACC,MAAqB;AACpC,UAAIA,EAAE,QAAQ,UAAU;AACtB,QAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFH,EAAgB,UAAA;AAChB;AAAA,MACF;AAEA,UAAIG,EAAE,QAAQ,WAAW,CAACA,EAAE,UAAU;AACpC,QAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAc,QAAQ,OAAO;AAC7B;AAAA,MACF;AAAA,IACF;AAEA,WAAAE,EAAG,iBAAiB,WAAWC,GAAS,EAAI,GACrC,MAAMD,EAAG,oBAAoB,WAAWC,GAAS,EAAI;AAAA,EAC9D,GAAG,CAAC/B,GAAWC,CAAU,CAAC;AAG1B,QAAMgC,IAAgBxB;AAAA,IACpB,CAAC,MAA2B;AAE1B,UADIT,KAAa,CAACC,KACd,CAACH,EAAS,QAAS;AAEvB,YAAMoC,IAAQpC,EAAS,QAAQ,UAAA;AAE/B,UAAI,EAAE,WAAW,EAAE,SAAS;AAC1B,cAAMqC,IAAM,EAAE,IAAI,YAAA,GACZC,IAASF,EAAM,UAAA;AAKrB,YAAI,sBAFoB,IAAI,CAAC,KAAK,KAAK,KAAK,GAAG,CAAC,GAE/B,IAAIC,CAAG,EAAG;AAI3B,gBAFA,EAAE,eAAA,GAEMA,GAAA;AAAA,UACN,KAAK;AACH,YAAAD,EAAM,OAAO,cAAc,CAACA,EAAM,UAAA,EAAY,YAAY,CAAC;AAC3D;AAAA,UACF,KAAK;AACH,YAAAA,EAAM,OAAO,QAAQE,EAAO,SAAS,YAAY,KAAQ,SAAS;AAClE;AAAA,UACF,KAAK;AACH,YAAAF,EAAM,OAAO,QAAQE,EAAO,SAAS,WAAW,KAAQ,QAAQ;AAChE;AAAA,UACF,KAAK;AACH,kBAAMC,IAAOD,EAAO,WAAW;AAC/B,YAAAF,EAAM,OAAO,UAAUG,IAAO,KAAQ,CAAC;AACvC;AAAA,QAAA;AAAA,MAEN;AAAA,IACF;AAAA,IACA,CAACrC,GAAWC,CAAU;AAAA,EAAA,GAGlBqC,IACJC,gBAAAA,EAAAA;AAAAA,IAACpE;AAAA,IAAA;AAAA,MACC,KAAKiC;AAAA,MACL,WAAWJ,IAAY,YAAY;AAAA,MACnC,WAAWiC;AAAA,MACX,aAAa,CAAC,MAAM;AAClB,UAAE,gBAAA;AAAA,MACJ;AAAA,MACA,cAAc,MAAM;AAClB,QAAIjC,KAAWX,IAAA;AAAA,MACjB;AAAA,MACA,cAAc,MAAM;AAClB,QAAIW,KAAWV,IAAA;AAAA,MACjB;AAAA,MAEA,UAAAiD,gBAAAA,EAAAA;AAAAA,QAACC;AAAA,QAAA;AAAA,UACC,aAAa,CAAC,MAAM;AAElB,cAAE,gBAAA;AAAA,UACJ;AAAA,UACA,SAAS,CAAC,MAAM;AAId,gBAFA,EAAE,gBAAA,GAEExC,GAAW;AAGb,cAFe,EAAE,OACO,QAAQ,GAAG,KACtBjB,IAAA;AACb;AAAA,YACF;AAAA,UACF;AAAA,UAEA,UAAAwD,gBAAAA,EAAAA,IAACE,KACE,UAAAxC,IACCsC,gBAAAA,EAAAA;AAAAA,YAACG;AAAA,YAAA;AAAA,cAEC,KAAK5C;AAAA,cACL,OAAM;AAAA,cACN,OAAOL;AAAA,cACP,SAAS;AAAA,gBACP,SAAS;AAAA,cAAA;AAAA,cAEX,UAAUO;AAAA,cACV,UAAUQ;AAAA,cACV,WAAU;AAAA,YAAA;AAAA,YATL,eAAe1B,CAAO,IAAIJ,CAAS;AAAA,UAAA,IAWxCsB,IACFuC,gBAAAA,EAAAA,IAACjE,IAAA,EAAc,aAAgB,IAE/BiE,gBAAAA,EAAAA;AAAAA,YAAClE;AAAA,YAAA;AAAA,cACC,KAAK6B;AAAA,cACL,OAAOT;AAAA,cACP,UAAU,CAAC,MAAMe,EAAmB,EAAE,OAAO,KAAK;AAAA,cAClD,WAAW,CAACmC,MAAU;AACpB,oBAAIA,EAAM,QAAQ,UAAU;AAC1B,kBAAAA,EAAM,eAAA,GACN9D,IAAA;AACA;AAAA,gBACF;AACA,oBAAI8D,EAAM,QAAQ,WAAW,CAACA,EAAM,UAAU;AAC5C,kBAAAA,EAAM,eAAA,GACNtB,EAAW,OAAO;AAClB;AAAA,gBACF;AAAA,cACF;AAAA,cACA,YAAY;AAAA,YAAA;AAAA,UAAA,EACd,CAEJ;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAIJ,SACEuB,gBAAAA,EAAAA,KAAAC,YAAA,EAEG,UAAA;AAAA,IAAA5C,KACCsC,gBAAAA,EAAAA;AAAAA,MAAChE;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,gBAAcI;AAAA,QACd,KAAKoB;AAAA,QACL,OAAO,EAAE,SAAS,OAAA;AAAA,QAElB,UAAAwC,gBAAAA,EAAAA,IAACO,GAAA,EAAS,UAAU,MAClB,UAAAP,gBAAAA,EAAAA,IAACQ,KAAqB,aAAaC,IAAoB,WAAW3C,EAAA,CAAiB,EAAA,CACrF;AAAA,MAAA;AAAA,IAAA;AAAA,KAIF3B,KAAasB,MACbuC,gBAAAA,EAAAA;AAAAA,MAACU;AAAA,MAAA;AAAA,QACC,WAAW,GAAQvE,KAAasB;AAAA,QAChC,UAAUrB;AAAA,QACV,SAASE;AAAA,QACT,kBAAgB;AAAA,QAEf,UAAAyD;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GAEJ;AAEJ;"}
+{"version":3,"file":"TextContentWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/TextContentWidget.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useCallback, useState, Suspense, type ChangeEvent } from 'react'\nimport styled from 'styled-components'\n\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport type { WidgetBaseProps } from './CellWidget'\nimport ReactQuill from 'react-quill-ayon'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\nimport { mentionTypeOptions } from '@shared/components/DetailsPanelDetails/hooks/useMentionSystem'\nimport { StyledEditor } from '@shared/components/DetailsPanelDetails/DescriptionSection.styles'\nimport { QuillListStyles } from '@shared/components/QuillListStyles'\nimport { toast } from 'react-toastify'\n\nconst StyledDialog = styled.div`\n  display: flex;\n  flex-direction: column;\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  min-width: 350px;\n  width: 100%;\n  max-width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n\n  &.editing {\n    border: 2px solid var(--md-sys-color-primary);\n  }\n`\n\nconst PlainTextarea = styled.textarea`\n  width: 100%;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  border: none;\n  outline: none;\n  resize: vertical;\n  background: transparent;\n  color: inherit;\n  font: inherit;\n  padding: 12px;\n`\n\nconst PlainPreview = styled.div`\n  width: 100%;\n  white-space: pre-wrap;\n  word-break: break-word;\n  padding: 12px;\n  height: auto;\n  min-height: 88px;\n  max-height: inherit;\n  overflow: auto;\n`\n\nconst StyledHiddenMarkdown = styled.div`\n  display: none;\n`\n\nexport interface TextContentWidgetProps extends WidgetBaseProps {\n  value?: string | number | null\n  cellId: string\n  placeholder?: string\n  // When variant is 'preview', render the same UI read-only for hover preview\n  variant?: 'edit' | 'preview'\n  // When in preview, a click on the preview should enter edit mode\n  onPreviewClick?: () => void\n  // Enable or disable markdown editing features\n  allowMarkdown?: boolean\n  valueType?: 'string' | 'integer' | 'float'\n  draftValue?: string | null\n  onEditingDraftChange?: (value: string | null) => void\n  onDismissWithoutSave?: () => void\n  onPreviewMouseEnter?: () => void\n  onPreviewMouseLeave?: () => void\n}\n\nexport const TextContentWidget: FC<TextContentWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  onChange,\n  onCancelEdit,\n  variant = 'edit',\n  onPreviewClick,\n  allowMarkdown = true,\n  valueType = 'string',\n  draftValue,\n  onEditingDraftChange,\n  onDismissWithoutSave,\n  onPreviewMouseEnter,\n  onPreviewMouseLeave,\n}) => {\n  const hasDraftRef = useRef(draftValue != null)\n  const [editingValue, setEditingValue] = useState(draftValue ?? '')\n  const [descriptionHtml, setDescriptionHtml] = useState(draftValue ?? '')\n  const quillRef = useRef<any>(null)\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const isPreview = variant === 'preview'\n  const isRichText = allowMarkdown\n  const plainTextAreaRef = useRef<HTMLTextAreaElement>(null)\n  const hasAutoFocusedRef = useRef(false)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  const normalizedValue = typeof value === 'string' ? value : value == null ? '' : String(value)\n  const originalValueRef = useRef(normalizedValue)\n  useEffect(() => {\n    originalValueRef.current = normalizedValue\n  }, [normalizedValue])\n\n  const updateEditingValue = useCallback(\n    (newValue: string) => {\n      setEditingValue(newValue)\n      onEditingDraftChange?.(newValue)\n    },\n    [onEditingDraftChange],\n  )\n\n  // Parse markdown to HTML to initialize the editor content for edit and preview\n  useEffect(() => {\n    if (hasDraftRef.current) {\n      hasDraftRef.current = false\n      return\n    }\n    if (!isEditing && !isPreview) return\n    if (!isRichText) {\n      setEditingValue(normalizedValue)\n      return\n    }\n    if (!normalizedValue.trim()) {\n      setDescriptionHtml('')\n      setEditingValue('')\n      return\n    }\n    if (!markdownRef.current) return\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n    setEditingValue(html)\n  }, [isEditing, isPreview, normalizedValue, isRichText])\n\n  // Autofocus editor when dialog opens\n  useEffect(() => {\n    if (isPreview || !isEditing) {\n      hasAutoFocusedRef.current = false\n      return\n    }\n\n    if (isRichText) {\n      if (hasAutoFocusedRef.current) return\n      const quillInstance = quillRef.current?.getEditor()\n      if (!quillInstance) return\n\n      requestAnimationFrame(() => {\n        const len = quillInstance.getLength()\n        const index = Math.max(len - 1, 0)\n        quillInstance.focus()\n        quillInstance.setSelection(index, 0)\n      })\n      return\n    }\n\n    if (hasAutoFocusedRef.current) return\n\n    requestAnimationFrame(() => {\n      const textarea = plainTextAreaRef.current\n      if (!textarea) return\n      textarea.focus()\n      const len = textarea.value.length\n      // Position cursor at the end of the content\n      textarea.setSelectionRange(len, len)\n      hasAutoFocusedRef.current = true\n    })\n  }, [isEditing, isPreview, descriptionHtml, isRichText])\n\n  const convertPlainValue = useCallback(\n    (input: string): { value: string | number | null; error?: string } => {\n      const trimmed = input.trim()\n\n      if (valueType === 'string') {\n        return { value: input }\n      }\n\n      if (trimmed === '') {\n        return { value: null }\n      }\n\n      if (valueType === 'integer') {\n        const intValue = parseInt(trimmed, 10)\n        if (Number.isNaN(intValue)) {\n          return { value: null, error: 'Invalid integer value. Please enter a valid integer.' }\n        }\n        return { value: intValue }\n      }\n\n      if (valueType === 'float') {\n        const floatValue = parseFloat(trimmed)\n        if (Number.isNaN(floatValue)) {\n          return { value: null, error: 'Invalid number value. Please enter a valid number.' }\n        }\n        return { value: floatValue }\n      }\n\n      return { value: input }\n    },\n    [valueType],\n  )\n\n  // Save content function\n  const handleSave = useCallback(\n    (trigger: 'Click' | 'Enter' = 'Click') => {\n      if (!isRichText) {\n        const { value: convertedValue, error } = convertPlainValue(editingValue)\n        if (error) {\n          toast.error(error)\n          return\n        }\n        // Avoid sending unchanged values unless triggered via Enter\n        if (\n          trigger !== 'Enter' &&\n          (convertedValue === originalValueRef.current ||\n            String(convertedValue ?? '') === originalValueRef.current)\n        ) {\n          onCancelEdit?.()\n          return\n        }\n        onChange?.(convertedValue as string, trigger)\n        return\n      }\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      const html = quill.root.innerHTML\n      const [markdown] = convertToMarkdown(html)\n\n      // Guard against saving unchanged content (e.g. click-outside before Quill initializes)\n      if (trigger !== 'Enter' && markdown.trim() === originalValueRef.current.trim()) {\n        onCancelEdit?.()\n        return\n      }\n\n      onChange?.(markdown, trigger)\n    },\n    [convertPlainValue, editingValue, isRichText, onChange, onCancelEdit, onEditingDraftChange],\n  )\n\n  // Refs for capture-phase keyboard handler (avoids stale closures)\n  const handleSaveRef = useRef(handleSave)\n  handleSaveRef.current = handleSave\n  const onCancelEditRef = useRef(onCancelEdit)\n  onCancelEditRef.current = onCancelEdit\n\n  // Capture-phase listener to intercept Enter/Escape before Quill processes them\n  useEffect(() => {\n    if (isPreview || !isRichText) return\n    const el = dialogRef.current\n    if (!el) return\n\n    const handler = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.preventDefault()\n        e.stopPropagation()\n        onCancelEditRef.current?.()\n        return\n      }\n      // Enter (without Shift) saves; Shift+Enter falls through for newline\n      if (e.key === 'Enter' && !e.shiftKey) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleSaveRef.current('Enter')\n        return\n      }\n    }\n\n    el.addEventListener('keydown', handler, true)\n    return () => el.removeEventListener('keydown', handler, true)\n  }, [isPreview, isRichText])\n\n  // Handle Ctrl+key formatting shortcuts (bubble phase is fine for these)\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (isPreview || !isRichText) return\n      if (!quillRef.current) return\n\n      const quill = quillRef.current.getEditor()\n      // Handle Ctrl/Cmd + key combinations\n      if (e.ctrlKey || e.metaKey) {\n        const key = e.key.toLowerCase()\n        const format = quill.getFormat()\n        // b, i, u are handled natively by Quill's built-in keyboard bindings,\n        // so we only intercept the non-standard shortcuts here to avoid double-toggling.\n        const handledKeys = new Set(['d', 'o', 'l', 'h'])\n\n        if (!handledKeys.has(key)) return\n\n        e.preventDefault()\n\n        switch (key) {\n          case 'd':\n            quill.format('code-block', !quill.getFormat()['code-block'])\n            return\n          case 'o':\n            quill.format('list', format.list === 'ordered' ? false : 'ordered')\n            return\n          case 'l':\n            quill.format('list', format.list === 'bullet' ? false : 'bullet')\n            return\n          case 'h':\n            const isH2 = format.header === 2\n            quill.format('header', isH2 ? false : 2)\n            break\n        }\n      }\n    },\n    [isPreview, isRichText],\n  )\n\n  const dialogContent = (\n    <StyledDialog\n      ref={dialogRef}\n      className={isPreview ? 'preview' : 'editing'}\n      onKeyDown={handleKeyDown}\n      onMouseDown={(e) => {\n        e.stopPropagation()\n      }}\n      onMouseEnter={() => {\n        if (isPreview) onPreviewMouseEnter?.()\n      }}\n      onMouseLeave={() => {\n        if (isPreview) onPreviewMouseLeave?.()\n      }}\n    >\n      <StyledEditor\n        onMouseDown={(e) => {\n          // Always prevent selection issues with table beneath\n          e.stopPropagation()\n        }}\n        onClick={(e) => {\n          // Prevent bubbling to underlying cell in both modes\n          e.stopPropagation()\n          // In preview, allow clicking links; open editor only when clicking outside links\n          if (isPreview) {\n            const target = e.target as HTMLElement\n            const isLink = !!target.closest('a')\n            if (!isLink) onPreviewClick?.()\n            return\n          }\n        }}\n      >\n        <QuillListStyles>\n          {isRichText ? (\n            <ReactQuill\n              key={`text-editor-${variant}-${isEditing}`}\n              ref={quillRef}\n              theme=\"snow\"\n              value={editingValue}\n              modules={{\n                toolbar: false,\n              }}\n              readOnly={isPreview}\n              onChange={updateEditingValue}\n              className=\"block-shortcuts\"\n            />\n          ) : isPreview ? (\n            <PlainPreview>{normalizedValue}</PlainPreview>\n          ) : (\n            <PlainTextarea\n              ref={plainTextAreaRef}\n              value={editingValue}\n              onChange={(e) => updateEditingValue(e.target.value)}\n              onKeyDown={(event) => {\n                if (event.key === 'Escape') {\n                  event.preventDefault()\n                  onCancelEdit?.()\n                  return\n                }\n                if (event.key === 'Enter' && !event.shiftKey) {\n                  event.preventDefault()\n                  handleSave('Enter')\n                  return\n                }\n              }}\n              spellCheck={false}\n            />\n          )}\n        </QuillListStyles>\n      </StyledEditor>\n    </StyledDialog>\n  )\n\n  return (\n    <>\n      {/* Always render the hidden markdown component so markdownRef is available */}\n      {isRichText && (\n        <StyledHiddenMarkdown\n          className=\"markdown-content\"\n          data-cell-id={cellId}\n          ref={markdownRef}\n          style={{ display: 'none' }}\n        >\n          <Suspense fallback={null}>\n            <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={normalizedValue} />\n          </Suspense>\n        </StyledHiddenMarkdown>\n      )}\n\n      {(isEditing || isPreview) && (\n        <CellEditingDialog\n          isEditing={Boolean(isEditing || isPreview)}\n          anchorId={cellId}\n          onClose={onCancelEdit}\n          matchAnchorWidth\n        >\n          {dialogContent}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["StyledDialog","styled","PlainTextarea","PlainPreview","StyledHiddenMarkdown","TextContentWidget","value","isEditing","cellId","onChange","onCancelEdit","variant","onPreviewClick","allowMarkdown","valueType","draftValue","onEditingDraftChange","onDismissWithoutSave","onPreviewMouseEnter","onPreviewMouseLeave","hasDraftRef","useRef","editingValue","setEditingValue","useState","descriptionHtml","setDescriptionHtml","quillRef","markdownRef","isPreview","isRichText","plainTextAreaRef","hasAutoFocusedRef","dialogRef","normalizedValue","originalValueRef","useEffect","updateEditingValue","useCallback","newValue","html","quillInstance","len","index","textarea","convertPlainValue","input","trimmed","intValue","floatValue","handleSave","trigger","convertedValue","error","toast","markdown","convertToMarkdown","handleSaveRef","onCancelEditRef","el","handler","e","handleKeyDown","quill","key","format","isH2","dialogContent","jsx","StyledEditor","QuillListStyles","ReactQuill","event","jsxs","Fragment","Suspense","InputMarkdownConvert","mentionTypeOptions","CellEditingDialog"],"mappings":"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"}

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

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