npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.29 → 0.3.30 - Mend

@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (929) hide show

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),y=require("styled-components"),Q=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),z=require("react-quill-ayon"),$=require("../../Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),B=require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js"),_=require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("lodash");const G=require("react-toastify");require("uuid");require("../../../util/pubsub.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/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.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("../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");const J=require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js"),U=require("../../../components/QuillListStyles/QuillListStyles.cjs.js"),X=y.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),y=require("styled-components"),Q=require("../../../components/LinksManager/CellEditingDialog.cjs.js"),z=require("react-quill-ayon"),$=require("../../Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),B=require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js"),_=require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("lodash");const G=require("react-toastify");require("uuid");require("../../../util/pubsub.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("react-dom");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("../components/GroupSettingsFallback.cjs.js");const J=require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js"),U=require("../../../components/QuillListStyles/QuillListStyles.cjs.js"),X=y.div`
   display: flex;
   flex-direction: column;
   background: var(--md-sys-color-surface-container-lowest);

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

	@@ -1 +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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"}
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":"wjOAaMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBtBC,EAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcvBE,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWtBG,GAAuBH,EAAO;AAAA;AAAA,EAsBvBI,GAAgD,CAAC,CAC5D,MAAAC,EACA,UAAAC,EACA,OAAAC,EACA,SAAAC,EACA,aAAAC,EACA,QAAAC,EAAU,OACV,eAAAC,EACA,cAAAC,EAAgB,GAChB,UAAAC,EAAY,SACZ,WAAAC,EACA,qBAAAC,EACA,qBAAAC,GACA,oBAAAC,EACA,oBAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAAA,OAAON,GAAc,IAAI,EACvC,CAACO,EAAcC,CAAe,EAAIC,EAAAA,SAAST,GAAc,EAAE,EAC3D,CAACU,EAAiBC,CAAkB,EAAIF,EAAAA,SAAST,GAAc,EAAE,EACjEY,EAAWN,EAAAA,OAAY,IAAI,EAC3BO,EAAcP,EAAAA,OAAuB,IAAI,EACzCQ,EAAYlB,IAAY,UACxBmB,EAAajB,EACbkB,EAAmBV,EAAAA,OAA4B,IAAI,EACnDW,EAAoBX,EAAAA,OAAO,EAAK,EAChCY,EAAYZ,EAAAA,OAAuB,IAAI,EACvCa,EAAkB,OAAO5B,GAAU,SAAWA,EAAQA,GAAS,KAAO,GAAK,OAAOA,CAAK,EACvF6B,EAAmBd,EAAAA,OAAOa,CAAe,EAC/CE,EAAAA,UAAU,IAAM,CACdD,EAAiB,QAAUD,CAC7B,EAAG,CAACA,CAAe,CAAC,EAEpB,MAAMG,EAAqBC,EAAAA,YACxBC,GAAqB,CACpBhB,EAAgBgB,CAAQ,EACxBvB,IAAuBuB,CAAQ,CACjC,EACA,CAACvB,CAAoB,CAAA,EAIvBoB,EAAAA,UAAU,IAAM,CACd,GAAIhB,EAAY,QAAS,CACvBA,EAAY,QAAU,GACtB,MACF,CACA,GAAI,CAACb,GAAa,CAACsB,EAAW,OAC9B,GAAI,CAACC,EAAY,CACfP,EAAgBW,CAAe,EAC/B,MACF,CACA,GAAI,CAACA,EAAgB,OAAQ,CAC3BR,EAAmB,EAAE,EACrBH,EAAgB,EAAE,EAClB,MACF,CACA,GAAI,CAACK,EAAY,QAAS,OAC1B,MAAMY,EAAOZ,EAAY,QAAQ,UACjCF,EAAmBc,CAAI,EACvBjB,EAAgBiB,CAAI,CACtB,EAAG,CAACjC,EAAWsB,EAAWK,EAAiBJ,CAAU,CAAC,EAGtDM,EAAAA,UAAU,IAAM,CACd,GAAIP,GAAa,CAACtB,EAAW,CAC3ByB,EAAkB,QAAU,GAC5B,MACF,CAEA,GAAIF,EAAY,CACd,GAAIE,EAAkB,QAAS,OAC/B,MAAMS,EAAgBd,EAAS,SAAS,UAAA,EACxC,GAAI,CAACc,EAAe,OAEpB,sBAAsB,IAAM,CAC1B,MAAMC,EAAMD,EAAc,UAAA,EACpBE,EAAQ,KAAK,IAAID,EAAM,EAAG,CAAC,EACjCD,EAAc,MAAA,EACdA,EAAc,aAAaE,EAAO,CAAC,CACrC,CAAC,EACD,MACF,CAEIX,EAAkB,SAEtB,sBAAsB,IAAM,CAC1B,MAAMY,EAAWb,EAAiB,QAClC,GAAI,CAACa,EAAU,OACfA,EAAS,MAAA,EACT,MAAMF,EAAME,EAAS,MAAM,OAE3BA,EAAS,kBAAkBF,EAAKA,CAAG,EACnCV,EAAkB,QAAU,EAC9B,CAAC,CACH,EAAG,CAACzB,EAAWsB,EAAWJ,EAAiBK,CAAU,CAAC,EAEtD,MAAMe,EAAoBP,EAAAA,YACvBQ,GAAqE,CACpE,MAAMC,EAAUD,EAAM,KAAA,EAEtB,GAAIhC,IAAc,SAChB,MAAO,CAAE,MAAOgC,CAAA,EAGlB,GAAIC,IAAY,GACd,MAAO,CAAE,MAAO,IAAA,EAGlB,GAAIjC,IAAc,UAAW,CAC3B,MAAMkC,EAAW,SAASD,EAAS,EAAE,EACrC,OAAI,OAAO,MAAMC,CAAQ,EAChB,CAAE,MAAO,KAAM,MAAO,sDAAA,EAExB,CAAE,MAAOA,CAAA,CAClB,CAEA,GAAIlC,IAAc,QAAS,CACzB,MAAMmC,EAAa,WAAWF,CAAO,EACrC,OAAI,OAAO,MAAME,CAAU,EAClB,CAAE,MAAO,KAAM,MAAO,oDAAA,EAExB,CAAE,MAAOA,CAAA,CAClB,CAEA,MAAO,CAAE,MAAOH,CAAA,CAClB,EACA,CAAChC,CAAS,CAAA,EAINoC,EAAaZ,EAAAA,YACjB,CAACa,EAA6B,UAAY,CACxC,GAAI,CAACrB,EAAY,CACf,KAAM,CAAE,MAAOsB,EAAgB,MAAAC,CAAA,EAAUR,EAAkBvB,CAAY,EACvE,GAAI+B,EAAO,CACTC,EAAAA,MAAM,MAAMD,CAAK,EACjB,MACF,CAEA,GACEF,IAAY,UACXC,IAAmBjB,EAAiB,SACnC,OAAOiB,GAAkB,EAAE,IAAMjB,EAAiB,SACpD,CACAzB,IAAA,EACA,MACF,CACAD,IAAW2C,EAA0BD,CAAO,EAC5C,MACF,CACA,GAAI,CAACxB,EAAS,QAAS,OAGvB,MAAMa,EADQb,EAAS,QAAQ,UAAA,EACZ,KAAK,UAClB,CAAC4B,CAAQ,EAAIC,EAAAA,kBAAkBhB,CAAI,EAGzC,GAAIW,IAAY,SAAWI,EAAS,KAAA,IAAWpB,EAAiB,QAAQ,OAAQ,CAC9EzB,IAAA,EACA,MACF,CAEAD,IAAW8C,EAAUJ,CAAO,CAC9B,EACA,CAACN,EAAmBvB,EAAcQ,EAAYrB,EAAUC,EAAcM,CAAoB,CAAA,EAItFyC,EAAgBpC,EAAAA,OAAO6B,CAAU,EACvCO,EAAc,QAAUP,EACxB,MAAMQ,EAAkBrC,EAAAA,OAAOX,CAAY,EAC3CgD,EAAgB,QAAUhD,EAG1B0B,EAAAA,UAAU,IAAM,CACd,GAAIP,GAAa,CAACC,EAAY,OAC9B,MAAM6B,EAAK1B,EAAU,QACrB,GAAI,CAAC0B,EAAI,OAET,MAAMC,EAAWC,GAAqB,CACpC,GAAIA,EAAE,MAAQ,SAAU,CACtBA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFH,EAAgB,UAAA,EAChB,MACF,CAEA,GAAIG,EAAE,MAAQ,SAAW,CAACA,EAAE,SAAU,CACpCA,EAAE,eAAA,EACFA,EAAE,gBAAA,EACFJ,EAAc,QAAQ,OAAO,EAC7B,MACF,CACF,EAEA,OAAAE,EAAG,iBAAiB,UAAWC,EAAS,EAAI,EACrC,IAAMD,EAAG,oBAAoB,UAAWC,EAAS,EAAI,CAC9D,EAAG,CAAC/B,EAAWC,CAAU,CAAC,EAG1B,MAAMgC,EAAgBxB,EAAAA,YACnB,GAA2B,CAE1B,GADIT,GAAa,CAACC,GACd,CAACH,EAAS,QAAS,OAEvB,MAAMoC,EAAQpC,EAAS,QAAQ,UAAA,EAE/B,GAAI,EAAE,SAAW,EAAE,QAAS,CAC1B,MAAMqC,EAAM,EAAE,IAAI,YAAA,EACZC,EAASF,EAAM,UAAA,EAKrB,GAAI,KAFoB,IAAI,CAAC,IAAK,IAAK,IAAK,GAAG,CAAC,EAE/B,IAAIC,CAAG,EAAG,OAI3B,OAFA,EAAE,eAAA,EAEMA,EAAA,CACN,IAAK,IACHD,EAAM,OAAO,aAAc,CAACA,EAAM,UAAA,EAAY,YAAY,CAAC,EAC3D,OACF,IAAK,IACHA,EAAM,OAAO,OAAQE,EAAO,OAAS,UAAY,GAAQ,SAAS,EAClE,OACF,IAAK,IACHF,EAAM,OAAO,OAAQE,EAAO,OAAS,SAAW,GAAQ,QAAQ,EAChE,OACF,IAAK,IACH,MAAMC,EAAOD,EAAO,SAAW,EAC/BF,EAAM,OAAO,SAAUG,EAAO,GAAQ,CAAC,EACvC,KAAA,CAEN,CACF,EACA,CAACrC,EAAWC,CAAU,CAAA,EAGlBqC,EACJC,EAAAA,kBAAAA,IAACpE,EAAA,CACC,IAAKiC,EACL,UAAWJ,EAAY,UAAY,UACnC,UAAWiC,EACX,YAAc,GAAM,CAClB,EAAE,gBAAA,CACJ,EACA,aAAc,IAAM,CACdjC,GAAWX,IAAA,CACjB,EACA,aAAc,IAAM,CACdW,GAAWV,IAAA,CACjB,EAEA,SAAAiD,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,YAAc,GAAM,CAElB,EAAE,gBAAA,CACJ,EACA,QAAU,GAAM,CAId,GAFA,EAAE,gBAAA,EAEExC,EAAW,CACE,EAAE,OACO,QAAQ,GAAG,GACtBjB,IAAA,EACb,MACF,CACF,EAEA,SAAAwD,EAAAA,kBAAAA,IAACE,EAAAA,iBACE,SAAAxC,EACCsC,EAAAA,kBAAAA,IAACG,EAAA,CAEC,IAAK5C,EACL,MAAM,OACN,MAAOL,EACP,QAAS,CACP,QAAS,EAAA,EAEX,SAAUO,EACV,SAAUQ,EACV,UAAU,iBAAA,EATL,eAAe1B,CAAO,IAAIJ,CAAS,EAAA,EAWxCsB,EACFuC,EAAAA,kBAAAA,IAACjE,EAAA,CAAc,WAAgB,EAE/BiE,EAAAA,kBAAAA,IAAClE,EAAA,CACC,IAAK6B,EACL,MAAOT,EACP,SAAW,GAAMe,EAAmB,EAAE,OAAO,KAAK,EAClD,UAAYmC,GAAU,CACpB,GAAIA,EAAM,MAAQ,SAAU,CAC1BA,EAAM,eAAA,EACN9D,IAAA,EACA,MACF,CACA,GAAI8D,EAAM,MAAQ,SAAW,CAACA,EAAM,SAAU,CAC5CA,EAAM,eAAA,EACNtB,EAAW,OAAO,EAClB,MACF,CACF,EACA,WAAY,EAAA,CAAA,CACd,CAEJ,CAAA,CAAA,CACF,CAAA,EAIJ,OACEuB,EAAAA,kBAAAA,KAAAC,6BAAA,CAEG,SAAA,CAAA5C,GACCsC,EAAAA,kBAAAA,IAAChE,GAAA,CACC,UAAU,mBACV,eAAcI,EACd,IAAKoB,EACL,MAAO,CAAE,QAAS,MAAA,EAElB,SAAAwC,EAAAA,kBAAAA,IAACO,EAAAA,SAAA,CAAS,SAAU,KAClB,SAAAP,EAAAA,kBAAAA,IAACQ,EAAAA,SAAqB,YAAaC,EAAAA,mBAAoB,UAAW3C,CAAA,CAAiB,CAAA,CACrF,CAAA,CAAA,GAIF3B,GAAasB,IACbuC,EAAAA,kBAAAA,IAACU,EAAAA,kBAAA,CACC,UAAW,GAAQvE,GAAasB,GAChC,SAAUrB,EACV,QAASE,EACT,iBAAgB,GAEf,SAAAyD,CAAA,CAAA,CACH,EAEJ,CAEJ"}

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

@@ -107,8 +107,10 @@ import "../../../api/queries/views/getViews.es.js";
 import "../../../api/queries/views/updateViews.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/uris/getUris.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";
 import "../../../context/SettingsPanelContext.es.js";
 import "../../../context/pip/PiPProvider.es.js";
@@ -116,14 +118,12 @@ import "react-dom";
 import "../../../context/pip/PiPWrapper.es.js";
 import "../../../context/AddonProjectContext.es.js";
 import "../../../context/AddonContext.es.js";
-import "../../../context/PowerpackContext.es.js";
 import "../../../context/MoveEntityContext.es.js";
 import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
 import "../../../context/ProjectFoldersContext.es.js";
-import "../../../context/UriContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../components/GroupSettingsFallback.es.js";

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

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

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

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