@ynput/ayon-frontend-shared 0.3.56 → 0.4.1

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

@@ -190,29 +190,24 @@ import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "../../Feed/components/FeedSearchFilter.es.js";
 import "@tanstack/react-virtual";
 import "@tanstack/react-table";
-import "./CollapsedWidget.es.js";
-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 T } from "./CellWidget.es.js";
-import "./EntityNameWidget.es.js";
-import "./GroupHeaderWidget.es.js";
-import "./ThumbnailWidget.es.js";
-import { CountBadge as w, Container as S } from "../../../components/LinksManager/LinksManager.styled.es.js";
-import "short-uuid";
-import "../../../components/SearchFilter/filterDates.es.js";
+import "../buildTreeTableColumns.es.js";
+import "../ProjectTreeTable.styled.es.js";
+import "../components/HeaderActionButton.es.js";
+import "../components/RowSelectionHeader.es.js";
+import "../components/SelectionCell.es.js";
 import "../context/CellEditingContext.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../utils/columnIds.es.js";
+import { isEntityRestricted as T } from "../utils/restrictedEntity.es.js";
 import "../context/SelectionCellsContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
-import "../context/ClipboardContext.es.js";
 import "../context/ColumnSettingsContext.es.js";
-import { useSelectedRowsContext as A } from "../context/SelectedRowsContext.es.js";
-import { useDetailsPanelEntityContext as P } from "../context/DetailsPanelEntityContext.es.js";
+import "../context/ProjectTableContextInstance.es.js";
+import "../context/ClipboardContext.es.js";
+import { useSelectedRowsContext as w } from "../context/SelectedRowsContext.es.js";
+import { useDetailsPanelEntityContext as S } from "../context/DetailsPanelEntityContext.es.js";
 import "../context/ProjectDataContextInstance.es.js";
-import { isEntityRestricted as _ } from "../utils/restrictedEntity.es.js";
 import "../../NewEntity/components/NewEntity.es.js";
 import "../../Slicer/components/Slicer.es.js";
 import "../../Slicer/context/SlicerContextInstance.es.js";
@@ -221,17 +216,24 @@ import "../../Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
 import "../../NewEntity/context/NewEntityContextInstance.es.js";
 import "../../NewEntity/components/NewEntityForm.es.js";
-import "../context/ProjectTableContextInstance.es.js";
-import "./EmptyWidget.es.js";
-import "./ErrorWidget.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 "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../components/TableFooterRow.es.js";
+import { EDIT_TRIGGER_CLASS as A } from "./CellWidget.es.js";
+import "./CollapsedWidget.es.js";
+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 "./EntityNameWidget.es.js";
+import "./EntityWidget.es.js";
+import "./GroupHeaderWidget.es.js";
+import "./ThumbnailWidget.es.js";
+import { CountBadge as P, Container as _ } from "../../../components/LinksManager/LinksManager.styled.es.js";
+import "./EmptyWidget.es.js";
+import "./ErrorWidget.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
@@ -280,6 +282,7 @@ import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/ProjectTableSettings/ColumnsSettings.es.js";
 import "../../../components/SizeSlider/SizeSlider.es.js";
 import "../../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
@@ -316,10 +319,10 @@ const E = ["40px", "56px", "68px", "52px"], $ = g.div`
 `, G = (t) => [...t].sort((p, m) => {
   const n = p.parents.join("/") + p.label, e = m.parents.join("/") + m.label;
   return n.localeCompare(e);
-}), gm = (t, p, m) => {
+}), jm = (t, p, m) => {
   const n = p.split("|"), [e, c, h] = n;
   return t === "in" ? m === h : m === c;
-}, um = ({
+}, bm = ({
   value: t,
   isEditing: p,
   cellId: m,
@@ -335,16 +338,16 @@ const E = ["40px", "56px", "68px", "52px"], $ = g.div`
   let a, d;
   const x = [];
   try {
-    const i = P();
+    const i = S();
     a = i.setSelectedEntity, i.selectedEntity && x.push(i.selectedEntity.entityId);
   } catch {
   }
   try {
-    d = A().clearRowsSelection;
+    d = w().clearRowsSelection;
   } catch {
   }
   const R = (i, o) => {
-    _(o) || (d && d(), a ? a({
+    T(o) || (d && d(), a ? a({
       entityId: i,
       entityType: o
     }) : console.log("Entity clicked:", i, o));
@@ -372,17 +375,17 @@ const E = ["40px", "56px", "68px", "52px"], $ = g.div`
             label: y,
             tooltip: s,
             icon: o.isRestricted ? l ? "help" : "lock" : void 0,
-            suffix: i.count > 1 ? /* @__PURE__ */ r.jsxs(w, { style: { cursor: "default", pointerEvents: "none" }, children: [
+            suffix: i.count > 1 ? /* @__PURE__ */ r.jsxs(P, { style: { cursor: "default", pointerEvents: "none" }, children: [
               "x",
               i.count
             ] }) : void 0
           };
         }) || [],
-        pt: { chip: { className: T } },
+        pt: { chip: { className: A } },
         disabled: e
       }
     ),
-    p && t && /* @__PURE__ */ r.jsx(L, { isEditing: p, anchorId: m, onClose: f, children: e ? /* @__PURE__ */ r.jsx(S, { style: { color: "var(--md-sys-color-outline)" }, children: `${t.link.label || ""} ${t.direction} link is not of type ${t.entityType}` }) : /* @__PURE__ */ r.jsx(
+    p && t && /* @__PURE__ */ r.jsx(L, { isEditing: p, anchorId: m, onClose: f, children: e ? /* @__PURE__ */ r.jsx(_, { style: { color: "var(--md-sys-color-outline)" }, children: `${t.link.label || ""} ${t.direction} link is not of type ${t.entityType}` }) : /* @__PURE__ */ r.jsx(
       M,
       {
         projectName: n,
@@ -402,8 +405,8 @@ const E = ["40px", "56px", "68px", "52px"], $ = g.div`
   ] });
 };
 export {
-  um as LinksWidget,
-  gm as isLinkEditable,
+  bm as LinksWidget,
+  jm as isLinkEditable,
   G 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 styled from 'styled-components'\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\nconst SHIMMER_WIDTHS = ['40px', '56px', '68px', '52px']\n\nconst LoadingChipsContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  overflow: hidden;\n  width: 100%;\n`\n\nconst LoadingChip = styled.span`\n  height: 24px;\n  border-radius: var(--border-radius-m);\n  flex-shrink: 0;\n`\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  isLoading?: boolean\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  isLoading,\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  if (isLoading) {\n    const entityId = value?.entityId ?? ''\n    const chipCount = (entityId.charCodeAt(0) % 3) + 1\n    return (\n      <LoadingChipsContainer>\n        {Array.from({ length: chipCount }, (_, i) => (\n          <LoadingChip\n            key={i}\n            className=\"loading\"\n            style={{\n              width: SHIMMER_WIDTHS[(entityId.charCodeAt(i) ?? i * 13) % SHIMMER_WIDTHS.length],\n            }}\n          />\n        ))}\n      </LoadingChipsContainer>\n    )\n  }\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":["SHIMMER_WIDTHS","LoadingChipsContainer","styled","LoadingChip","sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","isLoading","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","groupedLinks","groupLinksByEntity","chipCount","jsx","_","i","jsxs","Fragment","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 styled from 'styled-components'\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\nconst SHIMMER_WIDTHS = ['40px', '56px', '68px', '52px']\n\nconst LoadingChipsContainer = styled.div`\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  overflow: hidden;\n  width: 100%;\n`\n\nconst LoadingChip = styled.span`\n  height: 24px;\n  border-radius: var(--border-radius-m);\n  flex-shrink: 0;\n`\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  isLoading?: boolean\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  isLoading,\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  if (isLoading) {\n    const entityId = value?.entityId ?? ''\n    const chipCount = (entityId.charCodeAt(0) % 3) + 1\n    return (\n      <LoadingChipsContainer>\n        {Array.from({ length: chipCount }, (_, i) => (\n          <LoadingChip\n            key={i}\n            className=\"loading\"\n            style={{\n              width: SHIMMER_WIDTHS[(entityId.charCodeAt(i) ?? i * 13) % SHIMMER_WIDTHS.length],\n            }}\n          />\n        ))}\n      </LoadingChipsContainer>\n    )\n  }\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":["SHIMMER_WIDTHS","LoadingChipsContainer","styled","LoadingChip","sortEntityLinksByPath","links","a","b","aPath","bPath","isLinkEditable","direction","linkType","entityType","linkTypeParts","_name","outType","inType","LinksWidget","value","isEditing","cellId","projectName","disabled","folderId","_onChange","onCancelEdit","isLoading","user","useGlobalContext","isManager","setSelectedEntity","clearRowsSelection","selectedEntityIds","entityContext","useDetailsPanelEntityContext","useSelectedRowsContext","handleEntityClick","entityId","isEntityRestricted","sortedLinks","groupedLinks","groupLinksByEntity","chipCount","jsx","_","i","jsxs","Fragment","Chips","group","v","label","tooltip","CountBadge","EDIT_TRIGGER_CLASS","CellEditingDialog","Container","LinksManager"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-"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("../../../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/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.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/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("clsx");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");const G=require("react-markdown"),U=require("remark-emoji"),J=require("remark-gfm"),X=require("remark-directive"),Y=require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../context/CellEditingContext.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/SelectionCell.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("./LoadMoreWidget.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/TableFooterRow.cjs.js");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");const v=require("styled-components"),Z=v(M.Button)`
+"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("../../../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/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/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../util/pubsub.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.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/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContextInstance.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("clsx");require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");const G=require("react-markdown"),U=require("remark-emoji"),J=require("remark-gfm"),X=require("remark-directive"),Y=require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/ProjectTableSettings/ColumnsSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContextInstance.cjs.js");require("../../Slicer/components/SlicerDropdownFallback.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../buildTreeTableColumns.cjs.js");require("../ProjectTreeTable.styled.cjs.js");require("../components/HeaderActionButton.cjs.js");require("../components/RowSelectionHeader.cjs.js");require("../components/SelectionCell.cjs.js");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../utils/columnIds.cjs.js");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../context/ProjectTableContextInstance.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../context/ProjectDataContextInstance.cjs.js");require("../components/TableFooterRow.cjs.js");require("./CellWidget.cjs.js");require("./CollapsedWidget.cjs.js");require("./DateWidget.cjs.js");require("./EnumWidget.cjs.js");require("./EnumCellValue.cjs.js");require("./TextWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./EntityWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("./LinksWidget.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");const v=require("styled-components"),Z=v(M.Button)`
   position: absolute;
   right: -40px;
   top: 38px;

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

@@ -1 +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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"}
+{"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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"}

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

@@ -199,6 +199,7 @@ import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../../components/Powerpack/CTAButton.es.js";
 import "../../../components/Powerpack/RequiredAddonVersion.es.js";
 import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/ProjectTableSettings/ColumnsSettings.es.js";
 import "../../../components/SizeSlider/SizeSlider.es.js";
 import "react-router-dom";
 import "../../Slicer/components/Slicer.es.js";
@@ -207,36 +208,38 @@ import "../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../NewEntity/components/NewEntity.es.js";
 import "@tanstack/react-virtual";
 import "@tanstack/react-table";
+import "../buildTreeTableColumns.es.js";
+import "../ProjectTreeTable.styled.es.js";
+import "../components/HeaderActionButton.es.js";
+import "../components/RowSelectionHeader.es.js";
+import "../components/SelectionCell.es.js";
+import "../context/CellEditingContext.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../utils/columnIds.es.js";
+import "../context/SelectionCellsContext.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+import "../context/ProjectTableContextInstance.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../context/ProjectDataContextInstance.es.js";
+import "../components/TableFooterRow.es.js";
+import "./CellWidget.es.js";
 import "./CollapsedWidget.es.js";
 import "./DateWidget.es.js";
 import "./EnumWidget.es.js";
 import "./EnumCellValue.es.js";
 import "./TextWidget.es.js";
 import "./BooleanWidget.es.js";
-import "./CellWidget.es.js";
 import "./EntityNameWidget.es.js";
+import "./EntityWidget.es.js";
 import "./GroupHeaderWidget.es.js";
 import "./ThumbnailWidget.es.js";
 import "./LinksWidget.es.js";
-import "short-uuid";
-import "../../../components/SearchFilter/filterDates.es.js";
-import "../context/CellEditingContext.es.js";
-import "../context/SelectionCellsContext.es.js";
-import "../context/ProjectTableQueriesContext.es.js";
-import "../context/ClipboardContext.es.js";
-import "../context/ColumnSettingsContext.es.js";
-import "../context/SelectedRowsContext.es.js";
-import "../context/DetailsPanelEntityContext.es.js";
-import "../context/ProjectDataContextInstance.es.js";
-import "../context/ProjectTableContextInstance.es.js";
 import "./EmptyWidget.es.js";
 import "./ErrorWidget.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/TableFooterRow.es.js";
 import "../../NewEntity/context/NewEntityContextInstance.es.js";
 import "../../NewEntity/components/NewEntityForm.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
@@ -343,7 +346,7 @@ const pt = S(F)`
       }
     )
   }
-), qp = ({
+), Cp = ({
   value: o,
   onChange: s,
   onCancelEdit: m,
@@ -466,6 +469,6 @@ const pt = S(F)`
   ] });
 };
 export {
-  qp as MarkdownWidget
+  Cp as MarkdownWidget
 };
 //# sourceMappingURL=MarkdownWidget.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWidget.es.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","e","handleKeyDown","modules","jsxs","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledMarkdown","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions","val"],"mappings":"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"}
+{"version":3,"file":"MarkdownWidget.es.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","e","handleKeyDown","modules","jsxs","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledMarkdown","ReactMarkdown","remarkGfm","emoji","remarkDirective","remarkDirectiveRehype","url","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions","val"],"mappings":"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"}