@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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'\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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"}