@ynput/ayon-frontend-shared 0.3.41 → 0.3.42

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 { EnumItem, AttributeData } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\nimport { TextContentWidget } from './TextContentWidget'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { CellId } from '../utils/cellUtils'\n\n// ── Styled components ──────────────────────────────────────────────\n\nexport const StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    white-space: normal;\n    word-break: break-word;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst StyledPreviewContent = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  padding: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  min-height: 40px;\n  max-height: none;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n  cursor: pointer;\n\n  a {\n    color: var(--md-sys-color-primary, #0066cc);\n    text-decoration: none;\n    white-space: normal;\n    word-break: break-all;\n    overflow-wrap: break-word;\n    overflow: visible;\n    text-overflow: unset;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`\n\n// ── Preview delay controller (module singleton) ────────────────────\n\nclass PreviewDelayController {\n  private lastShownTime = 0\n  private warmTimeout = 500 // ms idle before resetting to cold mode\n  private coldDelay = 600 // ms delay before first preview\n\n  getDelay(): number {\n    const elapsed = Date.now() - this.lastShownTime\n    return elapsed < this.warmTimeout ? 0 : this.coldDelay\n  }\n\n  markShown(): void {\n    this.lastShownTime = Date.now()\n  }\n}\n\nconst previewDelayController = new PreviewDelayController()\n\n// Custom event dispatched when a preview opens (ensures single preview at a time)\nconst PREVIEW_OPEN_EVENT = 'projectTreeTextPreviewOpen'\n\n// ── Helpers ────────────────────────────────────────────────────────\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  isMarkdown?: boolean\n  option?: EnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n  cellId?: string\n  onRequestEdit?: (id: CellId | null) => void\n  getDraftValue?: () => string | null\n  setDraftValue?: (value: string | null) => void\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isMarkdown,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      cellId,\n      onRequestEdit,\n      getDraftValue,\n      setDraftValue,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const requestEdit = onRequestEdit || (() => undefined)\n    const getCurrentDraft = getDraftValue || (() => null)\n    const setCurrentDraft = setDraftValue || (() => undefined)\n\n    const [isHoveredOnCell, setIsHoveredOnCell] = useState(false)\n    const [isHoveredOnPreview, setIsHoveredOnPreview] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [isOverflowing, setIsOverflowing] = useState(false)\n\n    const textRef = useRef<HTMLSpanElement>(null)\n    const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const showPreviewRef = useRef(false)\n    const isAnythingHovered = isHoveredOnCell || isHoveredOnPreview\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText ?? '')\n    // does the content contain only regular text?\n    const isRegularText =\n      !isMarkdown && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      let rafId: number | null = null\n      const checkOverflow = () => {\n        // Debounce via rAF so rapid resize events don't toggle state every frame\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        rafId = requestAnimationFrame(() => {\n          rafId = null\n          if (isMarkdown) {\n            // Vertical overflow (text wraps but exceeds cell height)\n            setIsOverflowing(el.scrollHeight > el.clientHeight + 1)\n          } else {\n            // Horizontal overflow (text is truncated with ellipsis)\n            setIsOverflowing(el.scrollWidth > el.clientWidth + 1)\n          }\n        })\n      }\n\n      const observer = new ResizeObserver(checkOverflow)\n      observer.observe(el)\n      checkOverflow()\n\n      return () => {\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        observer.disconnect()\n      }\n    }, [textValue, isMarkdown])\n\n    // ── Hover tracking on parent <td>\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      const td = el.closest('td')\n      if (!td) return\n\n      const handleMouseEnter = () => setIsHoveredOnCell(true)\n      const handleMouseLeave = () => setIsHoveredOnCell(false)\n\n      td.addEventListener('mouseenter', handleMouseEnter)\n      td.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        td.removeEventListener('mouseenter', handleMouseEnter)\n        td.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }, [])\n\n    // ── Preview show/hide logic\n    // Keep ref in sync so timers can check current visibility without re-triggering the effect\n    const updatePreview = useCallback((value: boolean) => {\n      showPreviewRef.current = value\n      setShowPreview(value)\n    }, [])\n\n    useEffect(() => {\n      clearTimeout(showTimerRef.current)\n      clearTimeout(closeTimerRef.current)\n\n      if (isEditing) {\n        updatePreview(false)\n      } else if (!isAnythingHovered) {\n        // Grace period before closing (handles cell→popup mouse transition)\n        closeTimerRef.current = setTimeout(() => updatePreview(false), 300)\n      } else if (showPreviewRef.current) {\n        // Preview already visible — keep it open regardless of overflow changes\n        // (overflow can toggle during column resize; don't flicker)\n      } else if (isOverflowing && cellId) {\n        // Start delay timer to show preview\n        showTimerRef.current = setTimeout(() => {\n          if (showPreviewRef.current) return // double-check, already visible\n          updatePreview(true)\n          previewDelayController.markShown()\n          window.dispatchEvent(new CustomEvent(PREVIEW_OPEN_EVENT, { detail: { cellId } }))\n        }, previewDelayController.getDelay())\n      }\n\n      return () => {\n        clearTimeout(showTimerRef.current)\n        clearTimeout(closeTimerRef.current)\n      }\n    }, [isAnythingHovered, isOverflowing, isEditing, cellId, updatePreview])\n\n    // ── Listen for other previews opening → close this one ───────\n    useEffect(() => {\n      const handler = (e: Event) => {\n        const detail = (e as CustomEvent).detail\n        if (detail?.cellId !== cellId) {\n          updatePreview(false)\n        }\n      }\n\n      window.addEventListener(PREVIEW_OPEN_EVENT, handler)\n      return () => window.removeEventListener(PREVIEW_OPEN_EVENT, handler)\n    }, [cellId, updatePreview])\n\n    // ── Preview click → start editing\n    const handlePreviewClick = useCallback(() => {\n      updatePreview(false)\n      if (cellId) requestEdit(cellId)\n    }, [cellId, requestEdit, updatePreview])\n\n    // For description columns, Ctrl+Enter should save and close — not jump to next row.\n    // Remap 'Enter' → 'Click' so CellWidget doesn't call moveToNextRow.\n    const handleDescriptionChange: WidgetBaseProps['onChange'] = useCallback(\n      (val, key) => {\n        onChange(val, key === 'Enter' ? 'Click' : key)\n      },\n      [onChange],\n    )\n\n    // ── Render content\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isMarkdown) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    // ── Non-description editing: inline TextWidgetInput\n    if (isEditing && !isMarkdown) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    // ── Render: display content + any overlays ───────────────────\n    const combinedClassName = clsx(className, {\n      markdown: isMarkdown,\n      regular: isRegularText,\n    })\n\n    return (\n      <>\n        <StyledBaseTextWidget\n          className={combinedClassName}\n          style={{ color: option?.color, ...style }}\n          {...props}\n          ref={(node) => {\n            // Merge external ref with internal ref\n            ;(textRef as React.MutableRefObject<HTMLSpanElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) (ref as React.MutableRefObject<HTMLSpanElement | null>).current = node\n          }}\n        >\n          {option?.icon && (\n            <Icon\n              icon={option.icon as string}\n              style={{\n                color: option.color,\n              }}\n            />\n          )}\n          {renderContent()}\n        </StyledBaseTextWidget>\n\n        {/* Description column editing (Quill editor in popup) */}\n        {isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"edit\"\n            allowMarkdown={true}\n            valueType={type || 'string'}\n            onChange={handleDescriptionChange}\n            onCancelEdit={onCancelEdit}\n            onDismissWithoutSave={onCancelEdit}\n            draftValue={getCurrentDraft()}\n            onEditingDraftChange={setCurrentDraft}\n          />\n        )}\n\n        {/* Description column hover preview (markdown in popup) */}\n        {showPreview && !isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"preview\"\n            allowMarkdown={true}\n            onChange={onChange}\n            onCancelEdit={() => updatePreview(false)}\n            onPreviewClick={handlePreviewClick}\n            onPreviewMouseEnter={() => setIsHoveredOnPreview(true)}\n            onPreviewMouseLeave={() => setIsHoveredOnPreview(false)}\n          />\n        )}\n\n        {/* Non-description column hover preview (plain text in popup) */}\n        {showPreview && !isEditing && !isMarkdown && cellId && (\n          <CellEditingDialog\n            isEditing={true}\n            anchorId={cellId}\n            onClose={() => updatePreview(false)}\n          >\n            <StyledPreviewContent\n              onClick={handlePreviewClick}\n              onMouseEnter={() => setIsHoveredOnPreview(true)}\n              onMouseLeave={() => setIsHoveredOnPreview(false)}\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              {renderContent()}\n            </StyledPreviewContent>\n          </CellEditingDialog>\n        )}\n      </>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","StyledPreviewContent","PreviewDelayController","previewDelayController","PREVIEW_OPEN_EVENT","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isMarkdown","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","cellId","onRequestEdit","getDraftValue","setDraftValue","className","props","ref","requestEdit","getCurrentDraft","setCurrentDraft","isHoveredOnCell","setIsHoveredOnCell","useState","isHoveredOnPreview","setIsHoveredOnPreview","showPreview","setShowPreview","isOverflowing","setIsOverflowing","textRef","useRef","showTimerRef","closeTimerRef","showPreviewRef","isAnythingHovered","displayText","textValue","isRegularText","useEffect","el","rafId","checkOverflow","observer","td","handleMouseEnter","handleMouseLeave","updatePreview","useCallback","handler","e","handlePreviewClick","handleDescriptionChange","val","key","renderContent","jsx","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","TextWidgetInput","combinedClassName","clsx","jsxs","Fragment","node","Icon","TextContentWidget","CellEditingDialog"],"mappings":"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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 { EnumItem, AttributeData } from '@shared/api'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { parseHtmlToPlainTextWithLinks } from '@shared/util'\nimport { TextContentWidget } from './TextContentWidget'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { CellId } from '../utils/cellUtils'\n\n// ── Styled components ──────────────────────────────────────────────\n\nexport const StyledBaseTextWidget = styled.span`\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  user-select: none;\n\n  display: flex;\n  gap: 4px;\n\n  &.markdown {\n    white-space: normal;\n    word-break: break-word;\n    display: block;\n    overflow: hidden;\n    width: 100%;\n  }\n\n  &.regular {\n    display: block;\n  }\n`\n\nconst StyledLink = styled.a`\n  color: var(--md-sys-color-primary, #0066cc);\n  text-decoration: none;\n  cursor: pointer;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n\n  &:hover {\n    text-decoration: underline;\n  }\n`\n\nconst StyledPreviewContent = styled.div`\n  background: var(--md-sys-color-surface-container-lowest);\n  border-radius: 8px;\n  padding: 12px;\n  white-space: pre-wrap;\n  word-break: break-word;\n  min-height: 40px;\n  max-height: none;\n  flex: 1;\n  overflow: auto;\n  border: 2px solid transparent;\n  cursor: pointer;\n\n  a {\n    color: var(--md-sys-color-primary, #0066cc);\n    text-decoration: none;\n    white-space: normal;\n    word-break: break-all;\n    overflow-wrap: break-word;\n    overflow: visible;\n    text-overflow: unset;\n\n    &:hover {\n      text-decoration: underline;\n    }\n  }\n`\n\n// ── Preview delay controller (module singleton) ────────────────────\n\nclass PreviewDelayController {\n  private lastShownTime = 0\n  private warmTimeout = 500 // ms idle before resetting to cold mode\n  private coldDelay = 600 // ms delay before first preview\n\n  getDelay(): number {\n    const elapsed = Date.now() - this.lastShownTime\n    return elapsed < this.warmTimeout ? 0 : this.coldDelay\n  }\n\n  markShown(): void {\n    this.lastShownTime = Date.now()\n  }\n}\n\nconst previewDelayController = new PreviewDelayController()\n\n// Custom event dispatched when a preview opens (ensures single preview at a time)\nconst PREVIEW_OPEN_EVENT = 'projectTreeTextPreviewOpen'\n\n// ── Helpers ────────────────────────────────────────────────────────\n\n// Function to check if a string is a valid URL\nconst isValidUrl = (text: string): boolean => {\n  try {\n    const url = new URL(text.trim())\n    return url.protocol === 'http:' || url.protocol === 'https:'\n  } catch {\n    return false\n  }\n}\n\n// Function to parse text and extract URLs\nconst parseTextWithUrls = (text: string) => {\n  // Regex to match HTTP/HTTPS URLs\n  const urlRegex = /(https?:\\/\\/[^\\s<>\"]+[^\\s.,!?;:<>\\\")\\]])/gi\n  const parts = text.split(urlRegex)\n\n  return parts.map((part, index) => {\n    if (isValidUrl(part)) {\n      return { type: 'url', content: part, key: index }\n    }\n    return { type: 'text', content: part, key: index }\n  })\n}\n\n// Function to check if content contains HTML tags\nconst containsHtml = (text: string): boolean => {\n  return /<[^>]*>/.test(text)\n}\n\ntype AttributeType = AttributeData['type']\nexport type TextWidgetType = Extract<AttributeType, 'string' | 'integer' | 'float'>\n\nexport interface TextWidgetProps\n  extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'onChange'>,\n    WidgetBaseProps {\n  value: string\n  isMarkdown?: boolean\n  option?: EnumItem\n  isInherited?: boolean\n  type?: TextWidgetType\n  columnId?: string\n  cellId?: string\n  onRequestEdit?: (id: CellId | null) => void\n  getDraftValue?: () => string | null\n  setDraftValue?: (value: string | null) => void\n}\n\nexport const TextWidget = forwardRef<HTMLSpanElement, TextWidgetProps>(\n  (\n    {\n      value,\n      option,\n      isMarkdown,\n      isEditing,\n      isInherited,\n      onChange,\n      onCancelEdit,\n      style,\n      type,\n      columnId,\n      cellId,\n      onRequestEdit,\n      getDraftValue,\n      setDraftValue,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const requestEdit = onRequestEdit || (() => undefined)\n    const getCurrentDraft = getDraftValue || (() => null)\n    const setCurrentDraft = setDraftValue || (() => undefined)\n\n    const [isHoveredOnCell, setIsHoveredOnCell] = useState(false)\n    const [isHoveredOnPreview, setIsHoveredOnPreview] = useState(false)\n    const [showPreview, setShowPreview] = useState(false)\n    const [isOverflowing, setIsOverflowing] = useState(false)\n\n    const textRef = useRef<HTMLSpanElement>(null)\n    const showTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const closeTimerRef = useRef<ReturnType<typeof setTimeout>>()\n    const showPreviewRef = useRef(false)\n    const isAnythingHovered = isHoveredOnCell || isHoveredOnPreview\n\n    const displayText = option?.label || value\n    const textValue = typeof displayText === 'string' ? displayText : String(displayText ?? '')\n    // does the content contain only regular text?\n    const isRegularText =\n      !isMarkdown && !containsHtml(textValue) && !textValue.match(/(https?:\\/\\/\\S+)/gi)\n\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      let rafId: number | null = null\n      const checkOverflow = () => {\n        // Debounce via rAF so rapid resize events don't toggle state every frame\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        rafId = requestAnimationFrame(() => {\n          rafId = null\n          if (isMarkdown) {\n            // Vertical overflow (text wraps but exceeds cell height)\n            setIsOverflowing(el.scrollHeight > el.clientHeight + 1)\n          } else {\n            // Horizontal overflow (text is truncated with ellipsis)\n            setIsOverflowing(el.scrollWidth > el.clientWidth + 1)\n          }\n        })\n      }\n\n      const observer = new ResizeObserver(checkOverflow)\n      observer.observe(el)\n      checkOverflow()\n\n      return () => {\n        if (rafId !== null) cancelAnimationFrame(rafId)\n        observer.disconnect()\n      }\n    }, [textValue, isMarkdown])\n\n    // ── Hover tracking on parent <td>\n    useEffect(() => {\n      const el = textRef.current\n      if (!el) return\n\n      const td = el.closest('td')\n      if (!td) return\n\n      const handleMouseEnter = () => setIsHoveredOnCell(true)\n      const handleMouseLeave = () => setIsHoveredOnCell(false)\n\n      td.addEventListener('mouseenter', handleMouseEnter)\n      td.addEventListener('mouseleave', handleMouseLeave)\n\n      return () => {\n        td.removeEventListener('mouseenter', handleMouseEnter)\n        td.removeEventListener('mouseleave', handleMouseLeave)\n      }\n    }, [])\n\n    // ── Preview show/hide logic\n    // Keep ref in sync so timers can check current visibility without re-triggering the effect\n    const updatePreview = useCallback((value: boolean) => {\n      showPreviewRef.current = value\n      setShowPreview(value)\n    }, [])\n\n    useEffect(() => {\n      clearTimeout(showTimerRef.current)\n      clearTimeout(closeTimerRef.current)\n\n      if (isEditing) {\n        updatePreview(false)\n      } else if (!isAnythingHovered) {\n        // Grace period before closing (handles cell→popup mouse transition)\n        closeTimerRef.current = setTimeout(() => updatePreview(false), 300)\n      } else if (showPreviewRef.current) {\n        // Preview already visible — keep it open regardless of overflow changes\n        // (overflow can toggle during column resize; don't flicker)\n      } else if (isOverflowing && cellId) {\n        // Start delay timer to show preview\n        showTimerRef.current = setTimeout(() => {\n          if (showPreviewRef.current) return // double-check, already visible\n          updatePreview(true)\n          previewDelayController.markShown()\n          window.dispatchEvent(new CustomEvent(PREVIEW_OPEN_EVENT, { detail: { cellId } }))\n        }, previewDelayController.getDelay())\n      }\n\n      return () => {\n        clearTimeout(showTimerRef.current)\n        clearTimeout(closeTimerRef.current)\n      }\n    }, [isAnythingHovered, isOverflowing, isEditing, cellId, updatePreview])\n\n    // ── Listen for other previews opening → close this one ───────\n    useEffect(() => {\n      const handler = (e: Event) => {\n        const detail = (e as CustomEvent).detail\n        if (detail?.cellId !== cellId) {\n          updatePreview(false)\n        }\n      }\n\n      window.addEventListener(PREVIEW_OPEN_EVENT, handler)\n      return () => window.removeEventListener(PREVIEW_OPEN_EVENT, handler)\n    }, [cellId, updatePreview])\n\n    // ── Preview click → start editing\n    const handlePreviewClick = useCallback(() => {\n      updatePreview(false)\n      if (cellId) requestEdit(cellId)\n    }, [cellId, requestEdit, updatePreview])\n\n    // For description columns, Ctrl+Enter should save and close — not jump to next row.\n    // Remap 'Enter' → 'Click' so CellWidget doesn't call moveToNextRow.\n    const handleDescriptionChange: WidgetBaseProps['onChange'] = useCallback(\n      (val, key) => {\n        onChange(val, key === 'Enter' ? 'Click' : key)\n      },\n      [onChange],\n    )\n\n    // ── Render content\n    const renderContent = () => {\n      // For description columns, keep markdown rendering\n      if (isMarkdown) {\n        return (\n          <Markdown\n            remarkPlugins={[remarkGfm]}\n            rehypePlugins={[rehypeRaw]}\n            components={{\n              p: ({ children }) => <span>{children}</span>,\n              a: ({ href, children }) => (\n                <StyledLink\n                  href={href || '#'}\n                  onMouseDown={(e) => e.stopPropagation()}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                >\n                  {children}\n                </StyledLink>\n              ),\n            }}\n          >\n            {textValue}\n          </Markdown>\n        )\n      }\n\n      // Check if content contains HTML\n      if (containsHtml(textValue)) {\n        // Parse HTML to plain text with preserved links\n        const parts = parseHtmlToPlainTextWithLinks(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url' && part.href) {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.href}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return (\n            <span key={part.key} style={{ whiteSpace: 'pre-line' }}>\n              {part.content}\n            </span>\n          )\n        })\n      }\n\n      // Check for URLs in plain text\n      const hasUrls = textValue.match(/(https?:\\/\\/\\S+)/gi)\n      if (hasUrls) {\n        // Text with URLs (handles both single URL and mixed content)\n        const parts = parseTextWithUrls(textValue)\n        return parts.map((part) => {\n          if (part.type === 'url') {\n            return (\n              <StyledLink\n                key={part.key}\n                href={part.content}\n                onMouseDown={(e) => e.stopPropagation()}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n              >\n                {part.content}\n              </StyledLink>\n            )\n          }\n          return part.content\n        })\n      }\n\n      // Regular text\n      return textValue\n    }\n\n    // ── Non-description editing: inline TextWidgetInput\n    if (isEditing && !isMarkdown) {\n      return (\n        <TextWidgetInput\n          value={value}\n          onChange={onChange}\n          onCancel={onCancelEdit}\n          type={type || 'string'}\n        />\n      )\n    }\n\n    // ── Render: display content + any overlays ───────────────────\n    const combinedClassName = clsx(className, {\n      markdown: isMarkdown,\n      regular: isRegularText,\n    })\n\n    return (\n      <>\n        <StyledBaseTextWidget\n          className={combinedClassName}\n          style={{ color: option?.color, ...style }}\n          {...props}\n          ref={(node) => {\n            // Merge external ref with internal ref\n            ;(textRef as React.MutableRefObject<HTMLSpanElement | null>).current = node\n            if (typeof ref === 'function') ref(node)\n            else if (ref) (ref as React.MutableRefObject<HTMLSpanElement | null>).current = node\n          }}\n        >\n          {option?.icon && (\n            <Icon\n              icon={option.icon as string}\n              style={{\n                color: option.color,\n              }}\n            />\n          )}\n          {renderContent()}\n        </StyledBaseTextWidget>\n\n        {/* Description column editing (Quill editor in popup) */}\n        {isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"edit\"\n            allowMarkdown={true}\n            valueType={type || 'string'}\n            onChange={handleDescriptionChange}\n            onCancelEdit={onCancelEdit}\n            onDismissWithoutSave={onCancelEdit}\n            draftValue={getCurrentDraft()}\n            onEditingDraftChange={setCurrentDraft}\n          />\n        )}\n\n        {/* Description column hover preview (markdown in popup) */}\n        {showPreview && !isEditing && isMarkdown && cellId && (\n          <TextContentWidget\n            value={value}\n            cellId={cellId}\n            isEditing={true}\n            variant=\"preview\"\n            allowMarkdown={true}\n            onChange={onChange}\n            onCancelEdit={() => updatePreview(false)}\n            onPreviewClick={handlePreviewClick}\n            onPreviewMouseEnter={() => setIsHoveredOnPreview(true)}\n            onPreviewMouseLeave={() => setIsHoveredOnPreview(false)}\n          />\n        )}\n\n        {/* Non-description column hover preview (plain text in popup) */}\n        {showPreview && !isEditing && !isMarkdown && cellId && (\n          <CellEditingDialog\n            isEditing={true}\n            anchorId={cellId}\n            onClose={() => updatePreview(false)}\n          >\n            <StyledPreviewContent\n              onClick={handlePreviewClick}\n              onMouseEnter={() => setIsHoveredOnPreview(true)}\n              onMouseLeave={() => setIsHoveredOnPreview(false)}\n              onMouseDown={(e) => e.stopPropagation()}\n            >\n              {renderContent()}\n            </StyledPreviewContent>\n          </CellEditingDialog>\n        )}\n      </>\n    )\n  },\n)\n"],"names":["StyledBaseTextWidget","styled","StyledLink","StyledPreviewContent","PreviewDelayController","previewDelayController","PREVIEW_OPEN_EVENT","isValidUrl","text","url","parseTextWithUrls","urlRegex","part","index","containsHtml","TextWidget","forwardRef","value","option","isMarkdown","isEditing","isInherited","onChange","onCancelEdit","style","type","columnId","cellId","onRequestEdit","getDraftValue","setDraftValue","className","props","ref","requestEdit","getCurrentDraft","setCurrentDraft","isHoveredOnCell","setIsHoveredOnCell","useState","isHoveredOnPreview","setIsHoveredOnPreview","showPreview","setShowPreview","isOverflowing","setIsOverflowing","textRef","useRef","showTimerRef","closeTimerRef","showPreviewRef","isAnythingHovered","displayText","textValue","isRegularText","useEffect","el","rafId","checkOverflow","observer","td","handleMouseEnter","handleMouseLeave","updatePreview","useCallback","handler","e","handlePreviewClick","handleDescriptionChange","val","key","renderContent","jsx","Markdown","remarkGfm","rehypeRaw","children","href","parseHtmlToPlainTextWithLinks","TextWidgetInput","combinedClassName","clsx","jsxs","Fragment","node","Icon","TextContentWidget","CellEditingDialog"],"mappings":"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"}

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

@@ -2,19 +2,114 @@ import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
 import { forwardRef as re, useState as w, useRef as h, useEffect as v, useCallback as E } from "react";
 import te from "react-markdown";
 import oe from "remark-gfm";
-import ne from "rehype-raw";
-import { TextWidgetInput as se } from "./TextWidgetInput.es.js";
+import ie from "rehype-raw";
+import { TextWidgetInput as ne } from "./TextWidgetInput.es.js";
 import j from "styled-components";
-import { Icon as ie } from "@ynput/ayon-react-components";
-import ae from "clsx";
+import { Icon as se } from "@ynput/ayon-react-components";
+import me from "clsx";
 import "lodash";
 import "react-toastify";
 import "uuid";
-import { parseHtmlToPlainTextWithLinks as le } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import { parseHtmlToPlainTextWithLinks as pe } from "../../../util/parseHtmlToPlainTextWithLinks.es.js";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
 import "../../../util/pubsub.es.js";
 import { TextContentWidget as _ } from "./TextContentWidget.es.js";
-import { CellEditingDialog as ce } from "../../../components/LinksManager/CellEditingDialog.es.js";
-const ue = j.span`
+import { CellEditingDialog as ae } from "../../../components/LinksManager/CellEditingDialog.es.js";
+const le = j.span`
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -45,7 +140,7 @@ const ue = j.span`
   &:hover {
     text-decoration: underline;
   }
-`, me = j.div`
+`, ce = j.div`
   background: var(--md-sys-color-surface-container-lowest);
   border-radius: 8px;
   padding: 12px;
@@ -72,7 +167,7 @@ const ue = j.span`
     }
   }
 `;
-class fe {
+class ue {
   lastShownTime = 0;
   warmTimeout = 500;
   // ms idle before resetting to cold mode
@@ -85,152 +180,152 @@ class fe {
     this.lastShownTime = Date.now();
   }
 }
-const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
+const A = new ue(), D = "projectTreeTextPreviewOpen", fe = (n) => {
   try {
-    const i = new URL(s.trim());
-    return i.protocol === "http:" || i.protocol === "https:";
+    const s = new URL(n.trim());
+    return s.protocol === "http:" || s.protocol === "https:";
   } catch {
     return !1;
   }
-}, de = (s) => {
-  const i = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
-  return s.split(i).map((c, x) => pe(c) ? { type: "url", content: c, key: x } : { type: "text", content: c, key: x });
-}, F = (s) => /<[^>]*>/.test(s), Oe = re(
+}, de = (n) => {
+  const s = /(https?:\/\/[^\s<>"]+[^\s.,!?;:<>\")\]])/gi;
+  return n.split(s).map((a, x) => fe(a) ? { type: "url", content: a, key: x } : { type: "text", content: a, key: x });
+}, F = (n) => /<[^>]*>/.test(n), gt = re(
   ({
-    value: s,
-    option: i,
-    isMarkdown: l,
-    isEditing: c,
+    value: n,
+    option: s,
+    isMarkdown: p,
+    isEditing: a,
     isInherited: x,
-    onChange: f,
+    onChange: u,
     onCancelEdit: g,
     style: N,
     type: S,
     columnId: we,
-    cellId: n,
+    cellId: i,
     onRequestEdit: q,
     getDraftValue: z,
     setDraftValue: B,
     className: G,
     ...J
-  }, p) => {
+  }, f) => {
     const R = q || (() => {
     }), K = z || (() => null), Q = B || (() => {
-    }), [X, L] = w(!1), [Y, d] = w(!1), [O, Z] = w(!1), [W, H] = w(!1), y = h(null), k = h(), T = h(), b = h(!1), M = X || Y, P = i?.label || s, m = typeof P == "string" ? P : String(P ?? ""), $ = !l && !F(m) && !m.match(/(https?:\/\/\S+)/gi);
+    }), [X, L] = w(!1), [Y, d] = w(!1), [O, Z] = w(!1), [W, H] = w(!1), y = h(null), k = h(), T = h(), b = h(!1), M = X || Y, P = s?.label || n, c = typeof P == "string" ? P : String(P ?? ""), $ = !p && !F(c) && !c.match(/(https?:\/\/\S+)/gi);
     v(() => {
       const e = y.current;
       if (!e) return;
       let r = null;
       const t = () => {
         r !== null && cancelAnimationFrame(r), r = requestAnimationFrame(() => {
-          r = null, H(l ? e.scrollHeight > e.clientHeight + 1 : e.scrollWidth > e.clientWidth + 1);
+          r = null, H(p ? e.scrollHeight > e.clientHeight + 1 : e.scrollWidth > e.clientWidth + 1);
         });
-      }, a = new ResizeObserver(t);
-      return a.observe(e), t(), () => {
-        r !== null && cancelAnimationFrame(r), a.disconnect();
+      }, m = new ResizeObserver(t);
+      return m.observe(e), t(), () => {
+        r !== null && cancelAnimationFrame(r), m.disconnect();
       };
-    }, [m, l]), v(() => {
+    }, [c, p]), v(() => {
       const e = y.current;
       if (!e) return;
       const r = e.closest("td");
       if (!r) return;
-      const t = () => L(!0), a = () => L(!1);
-      return r.addEventListener("mouseenter", t), r.addEventListener("mouseleave", a), () => {
-        r.removeEventListener("mouseenter", t), r.removeEventListener("mouseleave", a);
+      const t = () => L(!0), m = () => L(!1);
+      return r.addEventListener("mouseenter", t), r.addEventListener("mouseleave", m), () => {
+        r.removeEventListener("mouseenter", t), r.removeEventListener("mouseleave", m);
       };
     }, []);
-    const u = E((e) => {
+    const l = E((e) => {
       b.current = e, Z(e);
     }, []);
-    v(() => (clearTimeout(k.current), clearTimeout(T.current), c ? u(!1) : M ? b.current || W && n && (k.current = setTimeout(() => {
-      b.current || (u(!0), A.markShown(), window.dispatchEvent(new CustomEvent(D, { detail: { cellId: n } })));
-    }, A.getDelay())) : T.current = setTimeout(() => u(!1), 300), () => {
+    v(() => (clearTimeout(k.current), clearTimeout(T.current), a ? l(!1) : M ? b.current || W && i && (k.current = setTimeout(() => {
+      b.current || (l(!0), A.markShown(), window.dispatchEvent(new CustomEvent(D, { detail: { cellId: i } })));
+    }, A.getDelay())) : T.current = setTimeout(() => l(!1), 300), () => {
       clearTimeout(k.current), clearTimeout(T.current);
-    }), [M, W, c, n, u]), v(() => {
+    }), [M, W, a, i, l]), v(() => {
       const e = (r) => {
-        r.detail?.cellId !== n && u(!1);
+        r.detail?.cellId !== i && l(!1);
       };
       return window.addEventListener(D, e), () => window.removeEventListener(D, e);
-    }, [n, u]);
+    }, [i, l]);
     const U = E(() => {
-      u(!1), n && R(n);
-    }, [n, R, u]), I = E(
+      l(!1), i && R(i);
+    }, [i, R, l]), I = E(
       (e, r) => {
-        f(e, r === "Enter" ? "Click" : r);
+        u(e, r === "Enter" ? "Click" : r);
       },
-      [f]
-    ), V = () => l ? /* @__PURE__ */ o.jsx(
+      [u]
+    ), V = () => p ? /* @__PURE__ */ o.jsx(
       te,
       {
         remarkPlugins: [oe],
-        rehypePlugins: [ne],
+        rehypePlugins: [ie],
         components: {
           p: ({ children: r }) => /* @__PURE__ */ o.jsx("span", { children: r }),
           a: ({ href: r, children: t }) => /* @__PURE__ */ o.jsx(
             C,
             {
               href: r || "#",
-              onMouseDown: (a) => a.stopPropagation(),
+              onMouseDown: (m) => m.stopPropagation(),
               target: "_blank",
               rel: "noopener noreferrer",
               children: t
             }
           )
         },
-        children: m
+        children: c
       }
-    ) : F(m) ? le(m).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
+    ) : F(c) ? pe(c).map((t) => t.type === "url" && t.href ? /* @__PURE__ */ o.jsx(
       C,
       {
         href: t.href,
-        onMouseDown: (a) => a.stopPropagation(),
+        onMouseDown: (m) => m.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
         children: t.content
       },
       t.key
-    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: t.content }, t.key)) : m.match(/(https?:\/\/\S+)/gi) ? de(m).map((t) => t.type === "url" ? /* @__PURE__ */ o.jsx(
+    ) : /* @__PURE__ */ o.jsx("span", { style: { whiteSpace: "pre-line" }, children: t.content }, t.key)) : c.match(/(https?:\/\/\S+)/gi) ? de(c).map((t) => t.type === "url" ? /* @__PURE__ */ o.jsx(
       C,
       {
         href: t.content,
-        onMouseDown: (a) => a.stopPropagation(),
+        onMouseDown: (m) => m.stopPropagation(),
         target: "_blank",
         rel: "noopener noreferrer",
         children: t.content
       },
       t.key
-    ) : t.content) : m;
-    if (c && !l)
+    ) : t.content) : c;
+    if (a && !p)
       return /* @__PURE__ */ o.jsx(
-        se,
+        ne,
         {
-          value: s,
-          onChange: f,
+          value: n,
+          onChange: u,
           onCancel: g,
           type: S || "string"
         }
       );
-    const ee = ae(G, {
-      markdown: l,
+    const ee = me(G, {
+      markdown: p,
       regular: $
     });
     return /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
       /* @__PURE__ */ o.jsxs(
-        ue,
+        le,
         {
           className: ee,
-          style: { color: i?.color, ...N },
+          style: { color: s?.color, ...N },
           ...J,
           ref: (e) => {
-            y.current = e, typeof p == "function" ? p(e) : p && (p.current = e);
+            y.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
           },
           children: [
-            i?.icon && /* @__PURE__ */ o.jsx(
-              ie,
+            s?.icon && /* @__PURE__ */ o.jsx(
+              se,
               {
-                icon: i.icon,
+                icon: s.icon,
                 style: {
-                  color: i.color
+                  color: s.color
                 }
               }
             ),
@@ -238,11 +333,11 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
           ]
         }
       ),
-      c && l && n && /* @__PURE__ */ o.jsx(
+      a && p && i && /* @__PURE__ */ o.jsx(
         _,
         {
-          value: s,
-          cellId: n,
+          value: n,
+          cellId: i,
           isEditing: !0,
           variant: "edit",
           allowMarkdown: !0,
@@ -254,29 +349,29 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
           onEditingDraftChange: Q
         }
       ),
-      O && !c && l && n && /* @__PURE__ */ o.jsx(
+      O && !a && p && i && /* @__PURE__ */ o.jsx(
         _,
         {
-          value: s,
-          cellId: n,
+          value: n,
+          cellId: i,
           isEditing: !0,
           variant: "preview",
           allowMarkdown: !0,
-          onChange: f,
-          onCancelEdit: () => u(!1),
+          onChange: u,
+          onCancelEdit: () => l(!1),
           onPreviewClick: U,
           onPreviewMouseEnter: () => d(!0),
           onPreviewMouseLeave: () => d(!1)
         }
       ),
-      O && !c && !l && n && /* @__PURE__ */ o.jsx(
-        ce,
+      O && !a && !p && i && /* @__PURE__ */ o.jsx(
+        ae,
         {
           isEditing: !0,
-          anchorId: n,
-          onClose: () => u(!1),
+          anchorId: i,
+          onClose: () => l(!1),
           children: /* @__PURE__ */ o.jsx(
-            me,
+            ce,
             {
               onClick: U,
               onMouseEnter: () => d(!0),
@@ -291,7 +386,7 @@ const A = new fe(), D = "projectTreeTextPreviewOpen", pe = (s) => {
   }
 );
 export {
-  ue as StyledBaseTextWidget,
-  Oe as TextWidget
+  le as StyledBaseTextWidget,
+  gt as TextWidget
 };
 //# sourceMappingURL=TextWidget.es.js.map