@ynput/ayon-frontend-shared 0.3.30 → 0.3.32

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

@@ -66,10 +66,15 @@ 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";
@@ -81,10 +86,6 @@ 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/links/getEntityLinks.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/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/products/getFolderProducts.es.js";
@@ -170,7 +171,7 @@ const rt = b.div`
   overflow: auto;
 `, it = b.div`
   display: none;
-`, Me = ({
+`, Ke = ({
   value: c,
   isEditing: s,
   cellId: L,
@@ -410,6 +411,6 @@ const rt = b.div`
   ] });
 };
 export {
-  Me as TextContentWidget
+  Ke as TextContentWidget
 };
 //# sourceMappingURL=TextContentWidget.es.js.map

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'\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.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'\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/ThumbnailWidget.cjs.js

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),x=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),h=require("react"),i=require("styled-components"),p=i.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),h=require("../../../components/PlayableIcon/PlayableIcon.cjs.js"),x=require("react"),i=require("styled-components");require("lodash");require("react-toastify");require("uuid");const m=require("../../../util/getThumbnailUrl.cjs.js");require("../../../util/pubsub.cjs.js");const p=i.div`
   position: absolute;
   inset: 0;
   padding: 4px;
   display: flex;
-`,m=i.div`
+`,g=i.div`
   position: relative;
   max-height: 100%;
   height: 100%;
@@ -17,8 +17,8 @@
   height: 100%;
   object-fit: contain;
   z-index: 20;
-`,g=i(x.PlayableIcon)`
+`,j=i(h.PlayableIcon)`
   right: 5px;
   top: 5px;
-`,j=({projectName:e,entityType:n,entityId:s,updatedAt:o,icon:R,isPlayable:l,url:r,id:c,...d})=>{const u=e&&n&&s&&o,a=e&&`/api/projects/${e}/${n}s/${s}/thumbnail?updatedAt=${o}`;return t.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:c,children:[t.jsxRuntimeExports.jsx(m,{...d,children:u&&t.jsxRuntimeExports.jsx(b,{src:r||a})}),l&&t.jsxRuntimeExports.jsx(g,{})]},r||a)},v=h.memo(j);exports.ThumbnailWidget=v;
+`,q=({projectName:t,entityType:n,entityId:r,thumbnailHash:a,icon:y,isPlayable:l,url:s,id:c,...u})=>{const d=t&&n&&r,o=m.getEntityThumbnailUrl({projectName:t,entityType:n,entityId:r,thumbnailHash:a});return e.jsxRuntimeExports.jsxs(p,{className:"thumbnail-widget",id:c,children:[e.jsxRuntimeExports.jsx(g,{...u,children:d&&e.jsxRuntimeExports.jsx(b,{src:s||o||void 0})}),l&&e.jsxRuntimeExports.jsx(j,{})]},s||o)},v=x.memo(q);exports.ThumbnailWidget=v;
 //# sourceMappingURL=ThumbnailWidget.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const thumbnailUrl =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","url","id","props","valid","thumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"kQAIMA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjBC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfE,EAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQfG,EAAqBH,EAAOI,cAAY;AAAA;AAAA;AAAA,EAexCC,EAAmD,CAAC,CACxD,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,KAAAC,EACA,WAAAC,EACA,IAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAQT,GAAeC,GAAcC,GAAYC,EACjDO,EACJV,GACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS,GAE1F,OACEQ,EAAAA,kBAAAA,KAAClB,EAAA,CAAQ,UAAU,mBAA6C,GAAAc,EAC9D,SAAA,CAAAK,EAAAA,kBAAAA,IAACjB,EAAA,CAAO,GAAGa,EAAQ,SAAAC,2BAAUb,EAAA,CAAM,IAAKU,GAAOI,CAAA,CAAc,CAAA,CAAG,EAC/DL,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMS,GAAOI,CAGlD,CAEJ,EAEaG,EAAkBC,EAAAA,KAAKf,CAAsB"}
+{"version":3,"file":"ThumbnailWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  thumbnailHash?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":"6ZAKA,MAAMA,EAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOjBC,EAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfE,EAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQfG,EAAqBH,EAAOI,cAAY;AAAA;AAAA;AAAA,EAexCC,EAAmD,CAAC,CACxD,YAAAC,EACA,WAAAC,EACA,SAAAC,EACA,cAAAC,EACA,KAAAC,EACA,WAAAC,EACA,IAAAC,EACA,GAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAQT,GAAeC,GAAcC,EACrCQ,EAAeC,EAAAA,sBAAsB,CAAE,YAAAX,EAAa,WAAAC,EAAY,SAAAC,EAAU,cAAAC,EAAe,EAE/F,OACES,EAAAA,kBAAAA,KAACnB,EAAA,CAAQ,UAAU,mBAA6C,GAAAc,EAC9D,SAAA,CAAAM,EAAAA,kBAAAA,IAAClB,EAAA,CAAO,GAAGa,EAAQ,SAAAC,GAASI,EAAAA,kBAAAA,IAACjB,GAAM,IAAKU,GAAOI,GAAgB,MAAA,CAAW,CAAA,CAAG,EAC5EL,2BAAeR,EAAA,CAAA,CAAmB,CAAA,CAAA,EAFMS,GAAOI,CAGlD,CAEJ,EAEaI,EAAkBC,EAAAA,KAAKhB,CAAsB"}

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

@@ -1,13 +1,18 @@
 import { j as i } from "../../../../../_virtual/jsx-runtime.es.js";
-import { PlayableIcon as d } from "../../../components/PlayableIcon/PlayableIcon.es.js";
+import { PlayableIcon as c } from "../../../components/PlayableIcon/PlayableIcon.es.js";
 import { memo as h } from "react";
 import t from "styled-components";
-const x = t.div`
+import "lodash";
+import "react-toastify";
+import "uuid";
+import { getEntityThumbnailUrl as x } from "../../../util/getThumbnailUrl.es.js";
+import "../../../util/pubsub.es.js";
+const g = t.div`
   position: absolute;
   inset: 0;
   padding: 4px;
   display: flex;
-`, g = t.div`
+`, b = t.div`
   position: relative;
   max-height: 100%;
   height: 100%;
@@ -15,33 +20,33 @@ const x = t.div`
   //aspect-ratio: 1.77;
 
   overflow: hidden;
-`, b = t.img`
+`, f = t.img`
   position: relative;
   width: 100%;
   height: 100%;
   object-fit: contain;
   z-index: 20;
-`, f = t(d)`
+`, u = t(c)`
   right: 5px;
   top: 5px;
-`, u = ({
+`, v = ({
   projectName: o,
-  entityType: n,
-  entityId: s,
-  updatedAt: e,
+  entityType: r,
+  entityId: n,
+  thumbnailHash: m,
   icon: j,
-  isPlayable: l,
-  url: a,
+  isPlayable: a,
+  url: e,
   id: p,
-  ...m
+  ...l
 }) => {
-  const c = o && n && s && e, r = o && `/api/projects/${o}/${n}s/${s}/thumbnail?updatedAt=${e}`;
-  return /* @__PURE__ */ i.jsxs(x, { className: "thumbnail-widget", id: p, children: [
-    /* @__PURE__ */ i.jsx(g, { ...m, children: c && /* @__PURE__ */ i.jsx(b, { src: a || r }) }),
-    l && /* @__PURE__ */ i.jsx(f, {})
-  ] }, a || r);
-}, I = h(u);
+  const d = o && r && n, s = x({ projectName: o, entityType: r, entityId: n, thumbnailHash: m });
+  return /* @__PURE__ */ i.jsxs(g, { className: "thumbnail-widget", id: p, children: [
+    /* @__PURE__ */ i.jsx(b, { ...l, children: d && /* @__PURE__ */ i.jsx(f, { src: e || s || void 0 }) }),
+    a && /* @__PURE__ */ i.jsx(u, {})
+  ] }, e || s);
+}, R = h(v);
 export {
-  I as ThumbnailWidget
+  R as ThumbnailWidget
 };
 //# sourceMappingURL=ThumbnailWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  updatedAt?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  updatedAt,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId && updatedAt\n  const thumbnailUrl =\n    projectName &&\n    `/api/projects/${projectName}/${entityType}s/${entityId}/thumbnail?updatedAt=${updatedAt}`\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","updatedAt","icon","isPlayable","url","id","props","valid","thumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":";;;;AAIA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfE,IAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfG,IAAqBH,EAAOI,CAAY;AAAA;AAAA;AAAA,GAexCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQT,KAAeC,KAAcC,KAAYC,GACjDO,IACJV,KACA,iBAAiBA,CAAW,IAAIC,CAAU,KAAKC,CAAQ,wBAAwBC,CAAS;AAE1F,SACEQ,gBAAAA,EAAAA,KAAClB,GAAA,EAAQ,WAAU,oBAA6C,IAAAc,GAC9D,UAAA;AAAA,IAAAK,gBAAAA,EAAAA,IAACjB,GAAA,EAAO,GAAGa,GAAQ,UAAAC,2BAAUb,GAAA,EAAM,KAAKU,KAAOI,EAAA,CAAc,EAAA,CAAG;AAAA,IAC/DL,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMS,KAAOI,CAGlD;AAEJ,GAEaG,IAAkBC,EAAKf,CAAsB;"}
+{"version":3,"file":"ThumbnailWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/ThumbnailWidget.tsx"],"sourcesContent":["import { PlayableIcon } from '@shared/components/PlayableIcon/PlayableIcon'\nimport { FC, memo } from 'react'\nimport styled from 'styled-components'\nimport { getEntityThumbnailUrl } from '@shared/util'\n\nconst Wrapper = styled.div`\n  position: absolute;\n  inset: 0;\n  padding: 4px;\n  display: flex;\n`\n\nconst Inner = styled.div`\n  position: relative;\n  max-height: 100%;\n  height: 100%;\n  width: 100%;\n  //aspect-ratio: 1.77;\n\n  overflow: hidden;\n`\n\nconst Image = styled.img`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  z-index: 20;\n`\n\nconst StyledPlayableIcon = styled(PlayableIcon)`\n  right: 5px;\n  top: 5px;\n`\n\ninterface ThumbnailWidgetProps extends React.HTMLAttributes<HTMLDivElement> {\n  projectName: string\n  entityType: string\n  entityId: string\n  thumbnailHash?: string\n  icon?: string | null\n  isPlayable?: boolean\n  url?: string // override url for specific thumbnail urls\n}\n\nconst ThumbnailWidgetWrapper: FC<ThumbnailWidgetProps> = ({\n  projectName,\n  entityType,\n  entityId,\n  thumbnailHash,\n  icon,\n  isPlayable,\n  url,\n  id,\n  ...props\n}) => {\n  const valid = projectName && entityType && entityId\n  const thumbnailUrl = getEntityThumbnailUrl({ projectName, entityType, entityId, thumbnailHash })\n\n  return (\n    <Wrapper className=\"thumbnail-widget\" key={url || thumbnailUrl} id={id}>\n      <Inner {...props}>{valid && <Image src={url || thumbnailUrl || undefined} />}</Inner>\n      {isPlayable && <StyledPlayableIcon />}\n    </Wrapper>\n  )\n}\n\nexport const ThumbnailWidget = memo(ThumbnailWidgetWrapper)\n"],"names":["Wrapper","styled","Inner","Image","StyledPlayableIcon","PlayableIcon","ThumbnailWidgetWrapper","projectName","entityType","entityId","thumbnailHash","icon","isPlayable","url","id","props","valid","thumbnailUrl","getEntityThumbnailUrl","jsxs","jsx","ThumbnailWidget","memo"],"mappings":";;;;;;;;;AAKA,MAAMA,IAAUC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOjBC,IAAQD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfE,IAAQF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQfG,IAAqBH,EAAOI,CAAY;AAAA;AAAA;AAAA,GAexCC,IAAmD,CAAC;AAAA,EACxD,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AAAA,EACA,IAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAQT,KAAeC,KAAcC,GACrCQ,IAAeC,EAAsB,EAAE,aAAAX,GAAa,YAAAC,GAAY,UAAAC,GAAU,eAAAC,GAAe;AAE/F,SACES,gBAAAA,EAAAA,KAACnB,GAAA,EAAQ,WAAU,oBAA6C,IAAAc,GAC9D,UAAA;AAAA,IAAAM,gBAAAA,EAAAA,IAAClB,GAAA,EAAO,GAAGa,GAAQ,UAAAC,KAASI,gBAAAA,EAAAA,IAACjB,KAAM,KAAKU,KAAOI,KAAgB,OAAA,CAAW,EAAA,CAAG;AAAA,IAC5EL,2BAAeR,GAAA,CAAA,CAAmB;AAAA,EAAA,EAAA,GAFMS,KAAOI,CAGlD;AAEJ,GAEaI,IAAkBC,EAAKhB,CAAsB;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),R=require("@ynput/ayon-react-components"),j=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),f=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const g=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const w=require("../ContextMenu/useCreateContextMenu.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");const y=require("../../components/DetailsDialog/DetailsDialog.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");const M=require("./versionsToRepresentations.cjs.js");require("../Slicer/components/Slicer.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../Views/context/ViewsContextInstance.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../ListTable/ListTableRow.cjs.js");require("../ListTable/ListTable.styled.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/FreeTrialLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");require("../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../components/ColumnHeaderMenuUI.cjs.js");const C=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],b=({entities:n=[]})=>{const q=u.useMemo(()=>M(n)||[],[n]),[i,s]=u.useState(!1),a=q.find(e=>e.id===i)?.projectName,[d,l]=u.useState([]),c=u.useMemo(()=>g.groupResult(q,"name"),[q]),o=e=>{l([e])},m=e=>{o(e.node.data.id)},p=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[x]=w.useCreateContextMenu([]),h=e=>{const t=e.node.data.id;t&&(o(t),x(e.originalEvent,p(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(R.TablePanel,{children:r.jsxRuntimeExports.jsx(j.TreeTable,{scrollable:!0,scrollHeight:"100%",value:c,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:d[0],onRowClick:m,onContextMenu:h,children:C.map(e=>r.jsxRuntimeExports.jsx(f.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(y.DetailsDialog,{projectName:a,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),R=require("@ynput/ayon-react-components"),j=require("../../../node_modules/primereact/treetable/treetable.esm.cjs.js"),f=require("../../../node_modules/primereact/column/column.esm.cjs.js");require("lodash");require("react-toastify");const g=require("../../util/groupResult.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                   */require("clsx");const w=require("../ContextMenu/useCreateContextMenu.cjs.js");require("../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../components/AccessUser/AccessUser.cjs.js");require("../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../components/Badge/Badge.cjs.js");require("../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../components/LinksManager/CellEditingDialog.cjs.js");const y=require("../../components/DetailsDialog/DetailsDialog.cjs.js");require("../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../Feed/components/CommentInput/modules/index.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../Feed/context/FeedContext.cjs.js");require("../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../Feed/components/CommentInput/CommentInput.cjs.js");require("../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../Feed/components/ActivityDate.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../Feed/Feed.styled.cjs.js");require("../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../components/LinksManager/LinksManager.styled.cjs.js");require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../ProjectTreeTable/components/SelectionCell.cjs.js");require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../EntityPickerDialog/EntityPickerDialog.cjs.js");const M=require("./versionsToRepresentations.cjs.js");require("../Slicer/components/Slicer.cjs.js");require("../Slicer/context/SlicerContext.cjs.js");require("../Slicer/hooks/useTableDataBySlice.cjs.js");require("../DetailsPanel/DetailsPanel.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../components/PlayableIcon/PlayableIcon.cjs.js");require("../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../Actions/Actions.styled.cjs.js");require("../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../Actions/ActionIcon.cjs.js");require("../Views/ViewsMenu/ViewsMenu.cjs.js");require("../Views/context/ViewsContextInstance.cjs.js");require("../Views/Views.styled.cjs.js");require("../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../ListTable/ListTableRow.cjs.js");require("../ListTable/ListTable.styled.cjs.js");require("../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../components/EntityPath/EntityPath.styled.cjs.js");require("../../components/EntityPath/SegmentProvider.cjs.js");require("../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../components/Feedback/SupportBubble.cjs.js");require("../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../components/Powerpack/PowerpackButton.cjs.js");require("../../components/Powerpack/FreeTrialLink.cjs.js");require("../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../components/Powerpack/CTAButton.cjs.js");require("../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../components/SizeSlider/SizeSlider.cjs.js");require("../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../components/StyledLink/StyledLink.cjs.js");require("../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../components/Watchers/Watchers.cjs.js");require("../../components/Menu/Menu.styled.cjs.js");require("../../components/Menu/MenuItem.cjs.js");require("../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../components/ColumnHeaderMenuUI.cjs.js");const C=[{field:"name",header:"Name",width:90,expander:!0},{field:"folderName",header:"Folder",width:130},{field:"productName",header:"Product",width:130},{field:"Product type",header:"productType",width:110}],b=({entities:n=[]})=>{const q=u.useMemo(()=>M(n)||[],[n]),[i,s]=u.useState(!1),a=q.find(e=>e.id===i)?.projectName,[d,l]=u.useState([]),c=u.useMemo(()=>g.groupResult(q,"name"),[q]),o=e=>{l([e])},m=e=>{o(e.node.data.id)},p=e=>[{label:"Representation detail",command:()=>s(e),icon:"database"}],[x]=w.useCreateContextMenu([]),h=e=>{const t=e.node.data.id;t&&(o(t),x(e.originalEvent,p(t)))};return r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[r.jsxRuntimeExports.jsx(R.TablePanel,{children:r.jsxRuntimeExports.jsx(j.TreeTable,{scrollable:!0,scrollHeight:"100%",value:c,emptyMessage:"No representation found",selectionMode:"single",selectionKeys:d[0],onRowClick:m,onContextMenu:h,children:C.map(e=>r.jsxRuntimeExports.jsx(f.Column,{field:e.field,header:e.header,expander:e.expander,style:{width:e.width}},e.field))})}),i&&r.jsxRuntimeExports.jsx(y.DetailsDialog,{projectName:a,entityType:"representation",entityIds:[i],visible:!!i,onHide:()=>s(!1)})]})};exports.RepresentationsList=b;
 //# sourceMappingURL=RepresentationsList.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"i+fAYA,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EAAA,EAEZ,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GAAA,EAET,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GAAA,EAET,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,CAE/D,MAAMC,EAAkBC,EAAAA,QAAQ,IAAMC,EAA0BH,CAAQ,GAAK,CAAA,EAAI,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,EAAwBN,EAAgB,KAAMO,GAAQA,EAAI,KAAOJ,CAAU,GAAG,YAE9E,CAACK,EAAUC,CAAW,EAAIJ,EAAAA,SAAmB,CAAA,CAAE,EAE/CK,EAAOT,EAAAA,QAAQ,IAEZU,EAAAA,YAAYX,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEdY,EAAwBC,GAAqB,CAEjDJ,EAAY,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CAC7BF,EAAqB,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMZ,EAAcY,CAAE,EAC/B,KAAM,UAAA,CACR,EAGI,CAACC,CAAW,EAAIC,EAAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CACpC,MAAMH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,wBAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAtB,EAAQ,IAAK4B,GAEVH,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAA,CAAM,EAJrBA,EAAI,KAAA,CAOd,CAAA,CAAA,EAEL,EAECtB,GACCmB,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CACC,YAAarB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}
+{"version":3,"file":"RepresentationsList.cjs.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["columns","RepresentationsList","entities","representations","useMemo","versionsToRepresentations","showDetail","setShowDetail","useState","showDetailProjectName","rep","selected","setSelected","data","groupResult","onRepSelectionChange","entityId","onRowClick","ctxMenuItems","id","ctxMenuShow","useCreateContextMenu","handleContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","col","Column","DetailsDialog"],"mappings":"+lgBAYA,MAAMA,EAAU,CACd,CACE,MAAO,OACP,OAAQ,OACR,MAAO,GACP,SAAU,EAAA,EAEZ,CACE,MAAO,aACP,OAAQ,SACR,MAAO,GAAA,EAET,CACE,MAAO,cACP,OAAQ,UACR,MAAO,GAAA,EAET,CACE,MAAO,eACP,OAAQ,cACR,MAAO,GAAA,CAEX,EAMaC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,KAAgB,CAE/D,MAAMC,EAAkBC,EAAAA,QAAQ,IAAMC,EAA0BH,CAAQ,GAAK,CAAA,EAAI,CAACA,CAAQ,CAAC,EAErF,CAACI,EAAYC,CAAa,EAAIC,EAAAA,SAAyB,EAAK,EAC5DC,EAAwBN,EAAgB,KAAMO,GAAQA,EAAI,KAAOJ,CAAU,GAAG,YAE9E,CAACK,EAAUC,CAAW,EAAIJ,EAAAA,SAAmB,CAAA,CAAE,EAE/CK,EAAOT,EAAAA,QAAQ,IAEZU,EAAAA,YAAYX,EAAiB,MAAM,EACzC,CAACA,CAAe,CAAC,EAEdY,EAAwBC,GAAqB,CAEjDJ,EAAY,CAACI,CAAQ,CAAC,CACxB,EAEMC,EAAc,GAAW,CAC7BF,EAAqB,EAAE,KAAK,KAAK,EAAE,CACrC,EAEMG,EAAgBC,GAAe,CACnC,CACE,MAAO,wBACP,QAAS,IAAMZ,EAAcY,CAAE,EAC/B,KAAM,UAAA,CACR,EAGI,CAACC,CAAW,EAAIC,EAAAA,qBAAqB,EAAE,EAEvCC,EAAqB,GAAW,CACpC,MAAMH,EAAK,EAAE,KAAK,KAAK,GAEnBA,IAEFJ,EAAqBI,CAAE,EAEvBC,EAAY,EAAE,cAAeF,EAAaC,CAAE,CAAC,EAEjD,EAEA,OACEI,EAAAA,kBAAAA,KAAAC,6BAAA,CACE,SAAA,CAAAC,wBAACC,EAAAA,WAAA,CACC,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,UAAA,CACC,WAAU,GACV,aAAa,OACb,MAAOd,EACP,aAAa,0BACb,cAAc,SACd,cAAeF,EAAS,CAAC,EACzB,WAAAM,EACA,cAAeK,EAEd,SAAAtB,EAAQ,IAAK4B,GAEVH,EAAAA,kBAAAA,IAACI,EAAAA,OAAA,CAEC,MAAOD,EAAI,MACX,OAAQA,EAAI,OACZ,SAAUA,EAAI,SACd,MAAO,CAAE,MAAOA,EAAI,KAAA,CAAM,EAJrBA,EAAI,KAAA,CAOd,CAAA,CAAA,EAEL,EAECtB,GACCmB,EAAAA,kBAAAA,IAACK,EAAAA,cAAA,CACC,YAAarB,EACb,WAAY,iBACZ,UAAW,CAACH,CAAU,EACtB,QAAS,CAAC,CAACA,EACX,OAAQ,IAAMC,EAAc,EAAK,CAAA,CAAA,CACnC,EAEJ,CAEJ"}

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

@@ -92,10 +92,15 @@ 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";
@@ -107,10 +112,6 @@ 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/links/getEntityLinks.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/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/products/getFolderProducts.es.js";
@@ -224,6 +225,7 @@ import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import R from "./versionsToRepresentations.es.js";
 import "../Slicer/components/Slicer.es.js";
@@ -304,7 +306,7 @@ const b = [
     header: "productType",
     width: 110
   }
-], Bm = ({ entities: p = [] }) => {
+], Jm = ({ entities: p = [] }) => {
   const i = s(() => R(p) || [], [p]), [r, e] = a(!1), d = i.find((t) => t.id === r)?.projectName, [l, c] = a([]), u = s(() => M(i, "name"), [i]), n = (t) => {
     c([t]);
   }, f = (t) => {
@@ -356,6 +358,6 @@ const b = [
   ] });
 };
 export {
-  Bm as RepresentationsList
+  Jm as RepresentationsList
 };
 //# sourceMappingURL=RepresentationsList.es.js.map