@ynput/ayon-frontend-shared 0.3.28 → 0.3.30

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

@@ -6,15 +6,11 @@ import "@ynput/ayon-react-components";
 import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
 import "../../../components/AccessUser/AccessUser.es.js";
 import "clsx";
-import "lodash";
-import "../../../components/AttributeEditor/components/MinMaxField.es.js";
-import "react-dom";
-import "@dnd-kit/core";
-import "@dnd-kit/sortable";
-import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../../components/AttributeEditor/AttributeEditor.es.js";
 import "../../../components/AttributeEditor/attributeTypeMap.es.js";
 import "../../../components/Badge/Badge.es.js";
 import { Chips as u } from "../../../components/Chips/Chips.es.js";
+import "react-dom";
 import "date-fns";
 import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
 import { CellEditingDialog as j } from "../../../components/LinksManager/CellEditingDialog.es.js";
@@ -116,52 +112,68 @@ import "../../../../../_virtual/index.es.js";
 import "../../../../../node_modules/refractor/lib/common.es.js";
 import "../../../../../node_modules/refractor/lib/all.es.js";
 /* empty css                                                                                 */
+import "lodash";
 import "uuid";
 import "../../../util/pubsub.es.js";
 import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
-import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
-import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
-import "../../../components/EarlyPreview/EarlyPreview.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../ContextMenu/ContextMenuContext.es.js";
-/* empty css                                    */
-import "../../Feed/context/FeedContext.es.js";
-import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "react-quill-ayon";
+import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "react-markdown";
+import "remark-gfm";
+import "rehype-raw";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../Feed/components/CommentInput/modules/index.es.js";
 import "../../../context/RemoteModulesContext.es.js";
-import "../../../context/DetailsPanelContext.es.js";
-import "../../../context/SubtasksModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.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";
 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 { useGlobalContext as g } from "../../../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";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
 import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
 import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "react-markdown";
 import "remark-emoji";
-import "remark-gfm";
 import "remark-directive";
 import "remark-directive-rehype";
 import "../../Feed/components/CommentInput/CommentInput.es.js";
 import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
 import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
 import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
 import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
 import "../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
 import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
@@ -170,7 +182,6 @@ import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
 import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
 import "../../Feed/components/ActivityDate.es.js";
 import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "rehype-raw";
 import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
 import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
@@ -186,6 +197,7 @@ import "./DateWidget.es.js";
 import "./EnumWidget.es.js";
 import "./EnumCellValue.es.js";
 import "./TextWidget.es.js";
+import "./MarkdownWidget.es.js";
 import "./BooleanWidget.es.js";
 import { EDIT_TRIGGER_CLASS as L } from "./CellWidget.es.js";
 import "./EntityNameWidget.es.js";
@@ -208,17 +220,11 @@ import "../context/ClipboardContext.es.js";
 import "../context/ColumnSettingsContext.es.js";
 import "../components/DeleteConfirmContent.es.js";
 import "../context/ProjectDataContext.es.js";
-import "../../../../../_virtual/runtime.es.js";
-import "../../../../../_virtual/semver.es.js";
-import "react-redux";
-import "custom-protocol-check";
-import "../components/GroupSettingsFallback.es.js";
 import "../ProjectTreeTable.styled.es.js";
 import "../components/SelectionCell.es.js";
 import "../components/RowSelectionHeader.es.js";
 import "./LoadMoreWidget.es.js";
 import "../components/HeaderActionButton.es.js";
-import "../components/ColumnHeaderMenu.es.js";
 import "../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContext.es.js";
@@ -228,15 +234,18 @@ import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.e
 import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../../../components/PlayableIcon/PlayableIcon.es.js";
 import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
 import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../Views/context/ViewsContext.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
 import "../../Views/Views.styled.es.js";
 import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
 import "axios";
 import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
@@ -244,13 +253,13 @@ import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../../components/EntityPath/EntityPath.styled.es.js";
 import "../../../components/EntityPath/SegmentProvider.es.js";
 import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../../../components/Feedback/FeedbackContext.es.js";
+import "../../../components/Feedback/FeedbackContextInstance.es.js";
 import "../../../components/Feedback/SupportBubble.es.js";
 import "../../../components/FileThumbnail/FileThumbnail.es.js";
 import "../../../components/LegacyBadge/LegacyBadge.es.js";
 import { LinksManager as _ } from "../../../components/LinksManager/LinksManager.es.js";
 import "../../../components/Powerpack/PowerpackButton.es.js";
-import "../../../components/Powerpack/PricingLink.es.js";
+import "../../../components/Powerpack/FreeTrialLink.es.js";
 import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
@@ -273,13 +282,14 @@ import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
 import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../../components/ColumnHeaderMenuUI.es.js";
 const $ = (t) => [...t].sort((r, p) => {
   const n = r.parents.join("/") + r.label, e = p.parents.join("/") + p.label;
   return n.localeCompare(e);
-}), Fp = (t, r, p) => {
+}), Vp = (t, r, p) => {
   const n = r.split("|"), [e, s, d] = n;
   return t === "in" ? p === d : p === s;
-}, Np = ({
+}, Xp = ({
   value: t,
   isEditing: r,
   cellId: p,
@@ -348,8 +358,8 @@ const $ = (t) => [...t].sort((r, p) => {
   ] });
 };
 export {
-  Np as LinksWidget,
-  Fp as isLinkEditable,
+  Xp as LinksWidget,
+  Vp as isLinkEditable,
   $ as sortEntityLinksByPath
 };
 //# sourceMappingURL=LinksWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LinksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container, CountBadge } from '@shared/components/LinksManager/LinksManager.styled'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { useGlobalContext } from '@shared/context'\nimport { groupLinksByEntity } from '@shared/components/LinksManager/utils/groupLinks'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Check if entity is restricted - prevent opening details panel\n    const isRestricted = isEntityRestricted(entityType)\n    if (isRestricted) {\n      return\n    }\n\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n  const groupedLinks = groupLinksByEntity(sortedLinks)\n\n  return (\n    <>\n      <Chips\n        values={\n          groupedLinks.map((group) => {\n            const v = group.representative\n            const label = v.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label\n            const tooltip = v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label + (group.count > 1 ? ` (x${group.count})` : '')\n            return {\n              label,\n              tooltip,\n              icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\n              suffix:\n                group.count > 1 ? (\n                  <CountBadge style={{ cursor: 'default', pointerEvents: 'none' }}>\n                    x{group.count}\n                  </CountBadge>\n                ) : undefined,\n            }\n          }) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","groupedLinks","groupLinksByEntity","jsxs","Fragment","jsx","Chips","group","v","label","tooltip","CountBadge","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}
+{"version":3,"file":"LinksWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/LinksWidget.tsx"],"sourcesContent":["import { Chips, LinkEntity, LinksManager } from '@shared/components'\nimport { CellEditingDialog } from '@shared/components/LinksManager/CellEditingDialog'\nimport { FC } from 'react'\nimport { EDIT_TRIGGER_CLASS, WidgetBaseProps } from './CellWidget'\nimport { useDetailsPanelEntityContext } from '../context/DetailsPanelEntityContext'\nimport { useSelectedRowsContext } from '../context/SelectedRowsContext'\nimport { Container, CountBadge } from '@shared/components/LinksManager/LinksManager.styled'\nimport { isEntityRestricted } from '../utils/restrictedEntity'\nimport { useGlobalContext } from '@shared/context'\nimport { groupLinksByEntity } from '@shared/components/LinksManager/utils/groupLinks'\n\nexport const sortEntityLinksByPath = (links: LinkEntity[]) => {\n  return [...links].sort((a, b) => {\n    const aPath = a.parents.join('/') + a.label\n    const bPath = b.parents.join('/') + b.label\n\n    return aPath.localeCompare(bPath)\n  })\n}\n\nexport const isLinkEditable = (\n  direction: 'in' | 'out',\n  linkType: string,\n  entityType: string,\n): boolean => {\n  const linkTypeParts = linkType.split('|')\n  const [_name, outType, inType] = linkTypeParts\n  if (direction === 'in') {\n    return entityType === inType\n  } else {\n    return entityType === outType\n  }\n}\n\nexport type LinkWidgetData = {\n  direction: 'in' | 'out'\n  entityId: string\n  entityType: string\n  link: {\n    linkType: string\n    label: string\n    targetEntityType: string\n  }\n  links: LinkEntity[]\n}\n\nexport interface LinksWidgetProps extends WidgetBaseProps {\n  value?: LinkWidgetData\n  projectName: string\n  cellId: string\n  disabled?: boolean\n  folderId?: string | null // the folder selected or the parent folder of the selected (used in EntityPickerDialog)\n}\n\nexport const LinksWidget: FC<LinksWidgetProps> = ({\n  value,\n  isEditing,\n  cellId,\n  projectName,\n  disabled,\n  folderId,\n  onChange: _onChange, // not used in this widget\n  onCancelEdit,\n}) => {\n  const { user } = useGlobalContext()\n  const isManager = user?.data?.isAdmin || user?.data?.isManager\n\n  // Try to get the contexts, but they might not exist in all environments\n  let setSelectedEntity:\n    | ((entity: { entityId: string; entityType: 'folder' | 'task' }) => void)\n    | undefined\n  let clearRowsSelection: (() => void) | undefined\n\n  const selectedEntityIds: string[] = []\n  try {\n    const entityContext = useDetailsPanelEntityContext()\n    setSelectedEntity = entityContext.setSelectedEntity\n    if (entityContext.selectedEntity) {\n      selectedEntityIds.push(entityContext.selectedEntity.entityId)\n    }\n  } catch {\n    // Context not available\n  }\n\n  try {\n    const rowsContext = useSelectedRowsContext()\n    clearRowsSelection = rowsContext.clearRowsSelection\n  } catch {\n    // Context not available\n  }\n\n  const handleEntityClick = (entityId: string, entityType: string) => {\n    // Check if entity is restricted - prevent opening details panel\n    const isRestricted = isEntityRestricted(entityType)\n    if (isRestricted) {\n      return\n    }\n\n    // Clear any row selection first if context is available\n    if (clearRowsSelection) {\n      clearRowsSelection()\n    }\n    // Set the selected entity if context is available\n    if (setSelectedEntity) {\n      setSelectedEntity({\n        entityId,\n        entityType: entityType as 'folder' | 'task',\n      })\n    } else {\n      // Fallback to console.log if contexts are not available\n      console.log('Entity clicked:', entityId, entityType)\n    }\n  }\n\n  const sortedLinks = value?.links ? sortEntityLinksByPath(value.links) : []\n  const groupedLinks = groupLinksByEntity(sortedLinks)\n\n  return (\n    <>\n      <Chips\n        values={\n          groupedLinks.map((group) => {\n            const v = group.representative\n            const label = v.isRestricted ? (isManager ? 'Unknown' : 'Restricted') : v.label\n            const tooltip = v.isRestricted\n              ? isManager\n                ? 'Unknown Link - Entity not found'\n                : 'Access Restricted - Insufficient Permissions to Entity'\n              : v.parents.join('/') + '/' + v.label + (group.count > 1 ? ` (x${group.count})` : '')\n            return {\n              label,\n              tooltip,\n              icon: v.isRestricted ? (isManager ? 'help' : 'lock') : undefined,\n              suffix:\n                group.count > 1 ? (\n                  <CountBadge style={{ cursor: 'default', pointerEvents: 'none' }}>\n                    x{group.count}\n                  </CountBadge>\n                ) : undefined,\n            }\n          }) || []\n        }\n        pt={{ chip: { className: EDIT_TRIGGER_CLASS } }}\n        disabled={disabled}\n      />\n      {isEditing && value && (\n        <CellEditingDialog isEditing={isEditing} anchorId={cellId} onClose={onCancelEdit}>\n          {disabled ? (\n            <Container style={{ color: 'var(--md-sys-color-outline)' }}>\n              {`${value.link.label || ''} ${value.direction} link is not of type ${\n                value.entityType\n              }`}\n            </Container>\n          ) : (\n            <LinksManager\n              projectName={projectName}\n              linkTypeLabel={value.link.label || ''}\n              links={sortedLinks}\n              direction={value.direction}\n              entityId={value.entityId}\n              entityType={value.entityType}\n              targetEntityType={value.link.targetEntityType}\n              linkType={value.link.linkType}\n              selectedEntityIds={selectedEntityIds}\n              onEntityClick={handleEntityClick}\n              folderId={folderId}\n              onClose={onCancelEdit}\n            />\n          )}\n        </CellEditingDialog>\n      )}\n    </>\n  )\n}\n"],"names":["sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","groupedLinks","groupLinksByEntity","jsxs","Fragment","jsx","Chips","group","v","label","tooltip","CountBadge","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWO,MAAMA,IAAwB,CAACC,MAC7B,CAAC,GAAGA,CAAK,EAAE,KAAK,CAACC,GAAGC,MAAM;AAC/B,QAAMC,IAAQF,EAAE,QAAQ,KAAK,GAAG,IAAIA,EAAE,OAChCG,IAAQF,EAAE,QAAQ,KAAK,GAAG,IAAIA,EAAE;AAEtC,SAAOC,EAAM,cAAcC,CAAK;AAClC,CAAC,GAGUC,KAAiB,CAC5BC,GACAC,GACAC,MACY;AACZ,QAAMC,IAAgBF,EAAS,MAAM,GAAG,GAClC,CAACG,GAAOC,GAASC,CAAM,IAAIH;AACjC,SAAIH,MAAc,OACTE,MAAeI,IAEfJ,MAAeG;AAE1B,GAsBaE,KAAoC,CAAC;AAAA,EAChD,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAUC;AAAA;AAAA,EACV,cAAAC;AACF,MAAM;AACJ,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAYF,GAAM,MAAM,WAAWA,GAAM,MAAM;AAGrD,MAAIG,GAGAC;AAEJ,QAAMC,IAA8B,CAAA;AACpC,MAAI;AACF,UAAMC,IAAgBC,EAAA;AACtB,IAAAJ,IAAoBG,EAAc,mBAC9BA,EAAc,kBAChBD,EAAkB,KAAKC,EAAc,eAAe,QAAQ;AAAA,EAEhE,QAAQ;AAAA,EAER;AAEA,MAAI;AAEF,IAAAF,IADoBI,EAAA,EACa;AAAA,EACnC,QAAQ;AAAA,EAER;AAEA,QAAMC,IAAoB,CAACC,GAAkBxB,MAAuB;AAGlE,IADqByB,EAAmBzB,CAAU,MAM9CkB,KACFA,EAAA,GAGED,IACFA,EAAkB;AAAA,MAChB,UAAAO;AAAA,MACA,YAAAxB;AAAA,IAAA,CACD,IAGD,QAAQ,IAAI,mBAAmBwB,GAAUxB,CAAU;AAAA,EAEvD,GAEM0B,IAAcpB,GAAO,QAAQf,EAAsBe,EAAM,KAAK,IAAI,CAAA,GAClEqB,IAAeC,EAAmBF,CAAW;AAEnD,SACEG,gBAAAA,EAAAA,KAAAC,YAAA,EACE,UAAA;AAAA,IAAAC,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,QACEL,EAAa,IAAI,CAACM,MAAU;AAC1B,gBAAMC,IAAID,EAAM,gBACVE,IAAQD,EAAE,eAAgBlB,IAAY,YAAY,eAAgBkB,EAAE,OACpEE,IAAUF,EAAE,eACdlB,IACE,oCACA,2DACFkB,EAAE,QAAQ,KAAK,GAAG,IAAI,MAAMA,EAAE,SAASD,EAAM,QAAQ,IAAI,MAAMA,EAAM,KAAK,MAAM;AACpF,iBAAO;AAAA,YACL,OAAAE;AAAA,YACA,SAAAC;AAAA,YACA,MAAMF,EAAE,eAAgBlB,IAAY,SAAS,SAAU;AAAA,YACvD,QACEiB,EAAM,QAAQ,IACZJ,gBAAAA,EAAAA,KAACQ,GAAA,EAAW,OAAO,EAAE,QAAQ,WAAW,eAAe,OAAA,GAAU,UAAA;AAAA,cAAA;AAAA,cAC7DJ,EAAM;AAAA,YAAA,EAAA,CACV,IACE;AAAA,UAAA;AAAA,QAEV,CAAC,KAAK,CAAA;AAAA,QAER,IAAI,EAAE,MAAM,EAAE,WAAWK,IAAmB;AAAA,QAC5C,UAAA5B;AAAA,MAAA;AAAA,IAAA;AAAA,IAEDH,KAAaD,KACZyB,gBAAAA,EAAAA,IAACQ,GAAA,EAAkB,WAAAhC,GAAsB,UAAUC,GAAQ,SAASK,GACjE,UAAAH,IACCqB,gBAAAA,EAAAA,IAACS,GAAA,EAAU,OAAO,EAAE,OAAO,8BAAA,GACxB,UAAA,GAAGlC,EAAM,KAAK,SAAS,EAAE,IAAIA,EAAM,SAAS,wBAC3CA,EAAM,UACR,IACF,IAEAyB,gBAAAA,EAAAA;AAAAA,MAACU;AAAA,MAAA;AAAA,QACC,aAAAhC;AAAA,QACA,eAAeH,EAAM,KAAK,SAAS;AAAA,QACnC,OAAOoB;AAAA,QACP,WAAWpB,EAAM;AAAA,QACjB,UAAUA,EAAM;AAAA,QAChB,YAAYA,EAAM;AAAA,QAClB,kBAAkBA,EAAM,KAAK;AAAA,QAC7B,UAAUA,EAAM,KAAK;AAAA,QACrB,mBAAAa;AAAA,QACA,eAAeI;AAAA,QACf,UAAAZ;AAAA,QACA,SAASE;AAAA,MAAA;AAAA,IAAA,EACX,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -0,0 +1,22 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),r=require("react"),B=require("react-quill-ayon"),M=require("@ynput/ayon-react-components"),C=require("../../../components/QuillListStyles/QuillListStyles.cjs.js"),m=require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");const K=require("../../../components/DetailsPanelDetails/DescriptionSection.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const F=require("../../Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js"),I=require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js"),_=require("../../../components/DetailsPanelDetails/hooks/useQuillFormats.cjs.js");require("lodash");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 G=require("react-markdown"),U=require("remark-gfm"),J=require("remark-emoji"),X=require("remark-directive"),Y=require("remark-directive-rehype"),v=require("styled-components"),Z=v(M.Button)`
+  position: absolute;
+  right: -40px;
+  top: 38px;
+  z-index: 100;
+  width: 32px;
+  height: 32px;
+  padding: 2px;
+`,$=v.div`
+  width: 100%;
+  height: min-content;
+  padding: 6px 4px;
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: flex-start;
+`,V=({value:t,isOpen:c,onClose:n,onSave:f})=>i.jsxRuntimeExports.jsx(M.Dialog,{header:"Edit Description",size:"lg",isOpen:c,onClose:n,style:{maxHeight:"80vh"},children:i.jsxRuntimeExports.jsx(K.DescriptionSection,{description:t,isLarge:!0,isMixed:!1,enableEditing:!0,initialEdit:!0,onChange:f,onCancel:n,isLoading:!1})}),ee=({value:t,onChange:c,onCancelEdit:n,isEditing:f,isReadOnly:S,onExpand:D,showExpand:b})=>{const[a,h]=r.useState(""),[R,T]=r.useState(""),[g,L]=r.useState(0),[k,j]=r.useState(!1),y=r.useRef(null),o=r.useRef(null),E=r.useRef(null),H=_.useQuillFormats(),u=f&&!S;r.useEffect(()=>{if(!E.current)return;const e=new ResizeObserver(s=>{for(const x of s)L(x.contentRect.width)});return e.observe(E.current),()=>e.disconnect()},[]);const{height:l,lines:O}=r.useMemo(()=>{const e=u?w.convertToMarkdown(a)[0]:t;if(!e)return{height:32,lines:0};if(!g)return{height:32,lines:0};const s=e.replaceAll(`
+
+`,"[[DN]]").replace(/\n(?!( *[-*+] )|( *\d+\. )|( {0,3}[#|>]))/g,"").replaceAll("[[DN]]",`
+`),p=Math.max(1,Math.floor((g-7)/7)),q=s.split(`
+`).reduce((P,A)=>P+Math.max(1,Math.ceil(A.length/p)),0);if(q<=1)return{height:32,lines:q};const z=32+(q-1)*20;return{height:Math.min(112,z),lines:q}},[t,g,u,a]);r.useEffect(()=>{if(!y.current)return;const e=y.current.innerHTML;T(e),u||h(e)},[t]),r.useEffect(()=>{u&&h(R)},[u,R]),r.useEffect(()=>{if(u&&o.current){const e=o.current.getEditor();e.focus();const s=e.getLength();e.setSelection(s,0)}},[u]);const d=r.useCallback(()=>{if(!o.current)return;const s=o.current.getEditor().root.innerHTML,[x]=w.convertToMarkdown(s),p=x.trim(),q=(t||"").trim();p!==q?c(p):n?.()},[c,n,t]),N=r.useCallback(e=>{if(!(o.current&&o.current.getEditingArea().contains(e.relatedTarget))){if(e.relatedTarget instanceof HTMLElement&&e.relatedTarget.closest(".expand-button")){n?.();return}d()}},[d]),Q=r.useCallback(e=>{e.key==="Escape"?(e.stopPropagation(),n?.()):e.key==="Enter"&&(e.metaKey||e.ctrlKey)&&(e.preventDefault(),e.stopPropagation(),d())},[d,n]),W={toolbar:!1,magicUrl:!0};return!t&&!u?null:i.jsxRuntimeExports.jsxs("div",{ref:E,style:{width:"100%",height:l,position:"relative",minWidth:0},children:[b&&O>=3&&i.jsxRuntimeExports.jsx(Z,{icon:"expand_content",className:"field-tools",variant:"text",onClick:()=>{j(!0),D?.()}}),u&&!k?i.jsxRuntimeExports.jsx(m.StyledEditor,{style:{height:l},className:"block-shortcuts compact",onBlur:N,onKeyDown:Q,children:i.jsxRuntimeExports.jsx(C.QuillListStyles,{style:{height:l},children:i.jsxRuntimeExports.jsx(m.StyledQuillContainer,{style:{height:l},children:i.jsxRuntimeExports.jsx(B,{ref:o,theme:"snow",value:a,onChange:h,modules:W,formats:H})})})}):i.jsxRuntimeExports.jsx(m.StyledMarkdown,{className:"read-only",style:{height:l,overflow:"auto"},children:i.jsxRuntimeExports.jsx($,{className:"markdown-content",children:i.jsxRuntimeExports.jsx(G,{remarkPlugins:[U,J,X,Y],urlTransform:e=>e,children:t||""})})}),i.jsxRuntimeExports.jsx(m.StyledHiddenMarkdown,{ref:y,children:i.jsxRuntimeExports.jsx(F.default,{typeOptions:I.mentionTypeOptions,initValue:t||""})}),i.jsxRuntimeExports.jsx(V,{isOpen:k,onClose:()=>j(!1),value:a||t,onSave:e=>{c(e),j(!1)}})]})};exports.MarkdownWidget=ee;
+//# sourceMappingURL=MarkdownWidget.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/MarkdownWidget.tsx"],"sourcesContent":["import { FC, useRef, useEffect, useState, useCallback, useMemo } from 'react'\nimport ReactQuill from 'react-quill-ayon'\nimport { Button, Dialog } from '@ynput/ayon-react-components'\nimport { WidgetBaseProps } from './CellWidget'\nimport { QuillListStyles } from '@shared/components/QuillListStyles'\nimport {\n  StyledEditor,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n  StyledMarkdown,\n} from '@shared/components/DetailsPanelDetails/DescriptionSection.styles'\nimport { DescriptionSection } from '@shared/components/DetailsPanelDetails'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { convertToMarkdown } from '@shared/containers/Feed/components/CommentInput/quillToMarkdown'\nimport { mentionTypeOptions, useQuillFormats } from '@shared/components/DetailsPanelDetails/hooks'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport emoji from 'remark-emoji'\nimport remarkDirective from 'remark-directive'\nimport remarkDirectiveRehype from 'remark-directive-rehype'\nimport styled from 'styled-components'\n\nconst ExpandButton = styled(Button)`\n  position: absolute;\n  right: -40px;\n  top: 38px;\n  z-index: 100;\n  width: 32px;\n  height: 32px;\n  padding: 2px;\n`\n\nconst InnerMarkdown = styled.div`\n  width: 100%;\n  height: min-content;\n  padding: 6px 4px;\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  justify-content: flex-start;\n`\n\ninterface MarkdownEditorDialogProps {\n  value: string\n  isOpen: boolean\n  onClose: () => void\n  onSave: (value: string) => void\n}\n\nconst MarkdownEditorDialog: FC<MarkdownEditorDialogProps> = ({\n  value,\n  isOpen,\n  onClose,\n  onSave,\n}) => {\n  return (\n    <Dialog\n      header=\"Edit Description\"\n      size=\"lg\"\n      isOpen={isOpen}\n      onClose={onClose}\n      style={{ maxHeight: '80vh' }}\n    >\n      <DescriptionSection\n        description={value}\n        isLarge={true}\n        isMixed={false}\n        enableEditing={true}\n        initialEdit={true}\n        onChange={onSave}\n        onCancel={onClose}\n        isLoading={false}\n      />\n    </Dialog>\n  )\n}\n\nexport interface MarkdownWidgetProps extends WidgetBaseProps {\n  value: string\n  isReadOnly?: boolean\n  onExpand?: () => void\n  showExpand?: boolean\n}\n\nexport const MarkdownWidget: FC<MarkdownWidgetProps> = ({\n  value: initialValue,\n  onChange,\n  onCancelEdit,\n  isEditing,\n  isReadOnly,\n  onExpand,\n  showExpand,\n}) => {\n  const [editorValue, setEditorValue] = useState('')\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n  const [width, setWidth] = useState(0)\n  const [isExpandOpen, setIsExpandOpen] = useState(false)\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const editorRef = useRef<any>(null)\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  const conditionalFormats = useQuillFormats()\n\n  const isActuallyEditing = isEditing && !isReadOnly\n\n  useEffect(() => {\n    if (!containerRef.current) return\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        setWidth(entry.contentRect.width)\n      }\n    })\n    resizeObserver.observe(containerRef.current)\n    return () => resizeObserver.disconnect()\n  }, [])\n\n  const { height, lines } = useMemo(() => {\n    const valueToMeasure = isActuallyEditing ? convertToMarkdown(editorValue)[0] : initialValue\n    if (!valueToMeasure) return { height: 32, lines: 0 }\n    if (!width) return { height: 32, lines: 0 } // fallback or initial state\n\n    const normalizedValue = valueToMeasure\n      .replaceAll('\\n\\n', '[[DN]]')\n      .replace(/\\n(?!( *[-*+] )|( *\\d+\\. )|( {0,3}[#|>]))/g, '')\n      .replaceAll('[[DN]]', '\\n')\n\n    // Estimate lines based on text and width\n    // Assuming ~7px average char width for standard UI font at this scale\n    const charWidth = 7\n    const charsPerLine = Math.max(1, Math.floor((width - 7) / charWidth)) // 7px padding adjustment\n\n    const lines = normalizedValue.split('\\n').reduce((acc: number, line: string) => {\n      return acc + Math.max(1, Math.ceil(line.length / charsPerLine))\n    }, 0)\n\n    if (lines <= 1) return { height: 32, lines }\n    const calculatedHeight = 32 + (lines - 1) * 20\n    return { height: Math.min(112, calculatedHeight), lines }\n  }, [initialValue, width, isActuallyEditing, editorValue])\n\n  // Convert markdown to HTML once on mount/value change\n  useEffect(() => {\n    if (!markdownRef.current) return\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n    if (!isActuallyEditing) {\n      setEditorValue(html)\n    }\n  }, [initialValue])\n\n  // Sync editor value when entering edit mode\n  useEffect(() => {\n    if (isActuallyEditing) {\n      setEditorValue(descriptionHtml)\n    }\n  }, [isActuallyEditing, descriptionHtml])\n\n  // Autofocus when editing\n  useEffect(() => {\n    if (isActuallyEditing && editorRef.current) {\n      const quill = editorRef.current.getEditor()\n      quill.focus()\n      const len = quill.getLength()\n      quill.setSelection(len, 0)\n    }\n  }, [isActuallyEditing])\n\n  const handleSave = useCallback(() => {\n    if (!editorRef.current) return\n    const quill = editorRef.current.getEditor()\n    const html = quill.root.innerHTML\n    const [markdown] = convertToMarkdown(html)\n\n    // Only save if content actually changed\n    const currentMarkdown = markdown.trim()\n    const previousMarkdown = (initialValue || '').trim()\n\n    if (currentMarkdown !== previousMarkdown) {\n      onChange(currentMarkdown)\n    } else {\n      onCancelEdit?.()\n    }\n  }, [onChange, onCancelEdit, initialValue])\n\n  const handleBlur = useCallback(\n    (e: React.FocusEvent) => {\n      // Check if the blur event is caused by clicking inside the editor (e.g. toolbar)\n      if (editorRef.current) {\n        const editorElement = editorRef.current.getEditingArea()\n        // If the newly focused element is still within the editor, don't trigger save\n        if (editorElement.contains(e.relatedTarget as Node)) {\n          return\n        }\n      }\n      // If it's the expand button, close but stop editing but don't save\n      if (e.relatedTarget instanceof HTMLElement && e.relatedTarget.closest('.expand-button')) {\n        onCancelEdit?.()\n        return\n      }\n      handleSave()\n    },\n    [handleSave],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      if (e.key === 'Escape') {\n        e.stopPropagation()\n        onCancelEdit?.()\n      } else if (e.key === 'Enter' && (e.metaKey || e.ctrlKey)) {\n        e.preventDefault()\n        e.stopPropagation()\n        handleSave()\n      }\n    },\n    [handleSave, onCancelEdit],\n  )\n\n  const modules = {\n    toolbar: false,\n    magicUrl: true,\n  }\n\n  if (!initialValue && !isActuallyEditing) return null\n\n  return (\n    <div ref={containerRef} style={{ width: '100%', height, position: 'relative', minWidth: 0 }}>\n      {showExpand && lines >= 3 && (\n        <ExpandButton\n          icon=\"expand_content\"\n          className=\"field-tools\"\n          variant=\"text\"\n          onClick={() => {\n            setIsExpandOpen(true)\n            onExpand?.()\n          }}\n        />\n      )}\n      {isActuallyEditing && !isExpandOpen ? (\n        <StyledEditor\n          style={{ height }}\n          className=\"block-shortcuts compact\"\n          onBlur={handleBlur}\n          onKeyDown={handleKeyDown}\n        >\n          <QuillListStyles style={{ height }}>\n            <StyledQuillContainer style={{ height }}>\n              <ReactQuill\n                ref={editorRef}\n                theme=\"snow\"\n                value={editorValue}\n                onChange={setEditorValue}\n                modules={modules}\n                formats={conditionalFormats}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n      ) : (\n        <StyledMarkdown className=\"read-only\" style={{ height, overflow: 'auto' }}>\n          <InnerMarkdown className=\"markdown-content\">\n            <ReactMarkdown\n              remarkPlugins={[remarkGfm, emoji, remarkDirective, remarkDirectiveRehype]}\n              urlTransform={(url) => url}\n            >\n              {initialValue || ''}\n            </ReactMarkdown>\n          </InnerMarkdown>\n        </StyledMarkdown>\n      )}\n\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={initialValue || ''} />\n      </StyledHiddenMarkdown>\n\n      <MarkdownEditorDialog\n        isOpen={isExpandOpen}\n        onClose={() => setIsExpandOpen(false)}\n        value={editorValue || initialValue}\n        onSave={(val) => {\n          onChange(val)\n          setIsExpandOpen(false)\n        }}\n      />\n    </div>\n  )\n}\n"],"names":["ExpandButton","styled","Button","InnerMarkdown","MarkdownEditorDialog","value","isOpen","onClose","onSave","jsx","Dialog","DescriptionSection","MarkdownWidget","initialValue","onChange","onCancelEdit","isEditing","isReadOnly","onExpand","showExpand","editorValue","setEditorValue","useState","descriptionHtml","setDescriptionHtml","width","setWidth","isExpandOpen","setIsExpandOpen","markdownRef","useRef","editorRef","containerRef","conditionalFormats","useQuillFormats","isActuallyEditing","useEffect","resizeObserver","entries","entry","height","lines","useMemo","valueToMeasure","convertToMarkdown","normalizedValue","charsPerLine","acc","line","calculatedHeight","html","quill","len","handleSave","useCallback","markdown","currentMarkdown","previousMarkdown","handleBlur","handleKeyDown","modules","jsxs","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledMarkdown","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions","val"],"mappings":"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"}