@ynput/ayon-frontend-shared 0.3.35 → 0.3.37

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

@@ -0,0 +1,82 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),q=require("styled-components"),s=require("react-markdown"),a=require("remark-gfm"),l=require("@ynput/ayon-react-components");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("clsx");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/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("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");const d=require("../../../util/getEntityTypeIcon.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");const c=require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");const m=require("../../Feed/components/ActivityComment/ActivityMarkdownComponents.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");const p=require("../../Feed/components/ActivityDate.cjs.js"),x=require("../../../components/UserImage/UserImage.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.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("./MarkdownWidget.cjs.js");require("./BooleanWidget.cjs.js");require("./CellWidget.cjs.js");require("./EntityNameWidget.cjs.js");require("./GroupHeaderWidget.cjs.js");require("./ThumbnailWidget.cjs.js");require("../context/DetailsPanelEntityContext.cjs.js");require("../context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../context/ProjectTableContext.cjs.js");require("./EmptyWidget.cjs.js");require("./ErrorWidget.cjs.js");require("../context/CellEditingContext.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("short-uuid");require("../context/SelectionCellsContext.cjs.js");require("../context/ProjectTableQueriesContext.cjs.js");require("../context/ClipboardContext.cjs.js");require("../context/ColumnSettingsContext.cjs.js");require("../components/DeleteConfirmContent.cjs.js");require("../context/ProjectDataContext.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("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../Slicer/components/Slicer.cjs.js");require("../../Slicer/context/SlicerContext.cjs.js");require("../../Slicer/hooks/useTableDataBySlice.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/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("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");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/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const y=q.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 100%;
+  max-height: 100%;
+  overflow: hidden;
+`,h=q.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  min-width: 0;
+  line-height: 18px;
+
+  .author {
+    flex-shrink: 0;
+    display: inline-flex;
+  }
+
+  /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) */
+  .body {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .body p,
+  .body ul,
+  .body ol,
+  .body h1,
+  .body h2,
+  .body h3,
+  .body h4,
+  .body h5,
+  .body h6 {
+    margin: 0;
+    font-size: 1em;
+  }
+
+  .body h1,
+  .body h2,
+  .body h3,
+  .body h4,
+  .body h5,
+  .body h6 {
+    font-weight: 700;
+  }
+
+  .body ul,
+  .body ol {
+    padding-left: 1.2em;
+  }
+
+  .body ul.contains-task-list,
+  .body .task-list-item {
+    padding-left: 0;
+    list-style: none;
+  }
+
+  .body code {
+    background-color: var(--md-sys-color-surface-container-high);
+    border-radius: var(--border-radius-m);
+    padding: 0 2px;
+    font-size: 0.85em;
+  }
+`,b=q.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  vertical-align: bottom;
+  color: var(--md-sys-color-primary);
+  background-color: var(--md-sys-color-surface-container-high);
+  border-radius: var(--border-radius-m);
+  padding: 0 4px 0 2px;
+
+  .icon {
+    font-size: 14px;
+    color: var(--md-sys-color-primary);
+  }
+`,g=e=>e==="user"?"alternate_email":e==="team"?"group":d.getEntityTypeIcon(e,"link"),f={hr:()=>null,img:()=>null,input:({checked:e})=>r.jsxRuntimeExports.jsx(c.DoneCheckbox,{checked:!!e,isReadOnly:!0,style:{fontSize:16,verticalAlign:"text-bottom",display:"inline-block"}}),a:({href:e,children:i})=>{const[u,o]=e?.split(":")??[];if(u&&o&&m.allowedRefTypes.includes(u)){const t=String(i??"").replace("@","");return r.jsxRuntimeExports.jsxs(b,{children:[r.jsxRuntimeExports.jsx(l.Icon,{icon:g(u)}),t]})}return r.jsxRuntimeExports.jsx("span",{children:i})}},j=e=>e.replace(/<br\s*\/?>/gi,`  
+`),k=n.memo(({body:e})=>r.jsxRuntimeExports.jsx("div",{className:"body",children:r.jsxRuntimeExports.jsx(s,{remarkPlugins:[a],urlTransform:i=>i,components:f,children:j(e)})})),v=e=>{const i=e.createdAt?p.getFuzzyDate(new Date(e.createdAt)):"";return[e.author,i].filter(Boolean).join(" • ")},R=({value:e})=>{const i=e||[];return i.length?r.jsxRuntimeExports.jsx(y,{className:"comments-list",children:i.map(u=>r.jsxRuntimeExports.jsxs(h,{children:[r.jsxRuntimeExports.jsx("span",{className:"author","data-tooltip":v(u),"data-tooltip-delay":0,children:r.jsxRuntimeExports.jsx(x.UserImage,{name:u.author||"",size:18})}),r.jsxRuntimeExports.jsx(k,{body:u.body})]},u.activityId))}):null};exports.CommentsWidget=R;
+//# sourceMappingURL=CommentsWidget.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsWidget.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  min-width: 0;\n  line-height: 18px;\n\n  .author {\n    flex-shrink: 0;\n    display: inline-flex;\n  }\n\n  /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) */\n  .body {\n    flex: 1;\n    min-width: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .body p,\n  .body ul,\n  .body ol,\n  .body h1,\n  .body h2,\n  .body h3,\n  .body h4,\n  .body h5,\n  .body h6 {\n    margin: 0;\n    font-size: 1em;\n  }\n\n  .body h1,\n  .body h2,\n  .body h3,\n  .body h4,\n  .body h5,\n  .body h6 {\n    font-weight: 700;\n  }\n\n  .body ul,\n  .body ol {\n    padding-left: 1.2em;\n  }\n\n  .body ul.contains-task-list,\n  .body .task-list-item {\n    padding-left: 0;\n    list-style: none;\n  }\n\n  .body code {\n    background-color: var(--md-sys-color-surface-container-high);\n    border-radius: var(--border-radius-m);\n    padding: 0 2px;\n    font-size: 0.85em;\n  }\n`\n\nconst Mention = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  vertical-align: bottom;\n  color: var(--md-sys-color-primary);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 0 4px 0 2px;\n\n  .icon {\n    font-size: 14px;\n    color: var(--md-sys-color-primary);\n  }\n`\n\nconst mentionIcon = (type: string) =>\n  type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n  hr: () => null,\n  img: () => null,\n  input: ({ checked }: { checked?: boolean }) => (\n    <DoneCheckbox\n      checked={!!checked}\n      isReadOnly\n      style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n    />\n  ),\n  a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n    const [type, id] = href?.split(':') ?? []\n    if (type && id && allowedRefTypes.includes(type)) {\n      const label = String(children ?? '').replace('@', '')\n      return (\n        <Mention>\n          <Icon icon={mentionIcon(type)} />\n          {label}\n        </Mention>\n      )\n    }\n    return <span>{children}</span>\n  },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s*\\/?>/gi, '  \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n  <div className=\"body\">\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm]}\n      urlTransform={(url) => url}\n      components={markdownComponents}\n    >\n      {normalizeBreaks(body)}\n    </ReactMarkdown>\n  </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n  const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n  return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n  value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n  const comments = value || []\n  if (!comments.length) return null\n\n  return (\n    <CommentsList className=\"comments-list\">\n      {comments.map((comment) => (\n        <CommentRow key={comment.activityId}>\n          <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n            <UserImage name={comment.author || ''} size={18} />\n          </span>\n          <CommentBody body={comment.body} />\n        </CommentRow>\n      ))}\n    </CommentsList>\n  )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"glhBAYA,MAAMA,EAAeC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBC,EAAaD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4DpBE,EAAUF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBjBG,EAAeC,GACnBA,IAAS,OAAS,kBAAoBA,IAAS,OAAS,QAAUC,oBAAkBD,EAAM,MAAM,EAE5FE,EAAqB,CACzB,GAAI,IAAM,KACV,IAAK,IAAM,KACX,MAAO,CAAC,CAAE,QAAAC,CAAA,IACRC,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,QAAS,CAAC,CAACF,EACX,WAAU,GACV,MAAO,CAAE,SAAU,GAAI,cAAe,cAAe,QAAS,cAAA,CAAe,CAAA,EAGjF,EAAG,CAAC,CAAE,KAAAG,EAAM,SAAAC,KAAwD,CAClE,KAAM,CAACP,EAAMQ,CAAE,EAAIF,GAAM,MAAM,GAAG,GAAK,CAAA,EACvC,GAAIN,GAAQQ,GAAMC,EAAAA,gBAAgB,SAAST,CAAI,EAAG,CAChD,MAAMU,EAAQ,OAAOH,GAAY,EAAE,EAAE,QAAQ,IAAK,EAAE,EACpD,gCACGT,EAAA,CACC,SAAA,CAAAM,EAAAA,kBAAAA,IAACO,EAAAA,KAAA,CAAK,KAAMZ,EAAYC,CAAI,CAAA,CAAG,EAC9BU,CAAA,EACH,CAEJ,CACA,OAAON,wBAAC,QAAM,SAAAG,EAAS,CACzB,CACF,EAIMK,EAAmBC,GAAiBA,EAAK,QAAQ,eAAgB;AAAA,CAAM,EAEvEC,EAAcC,EAAAA,KAAK,CAAC,CAAE,KAAAF,KAC1BT,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,OACb,SAAAA,EAAAA,kBAAAA,IAACY,EAAA,CACC,cAAe,CAACC,CAAS,EACzB,aAAeC,GAAQA,EACvB,WAAYhB,EAEX,WAAgBW,CAAI,CAAA,CACvB,CAAA,CACF,CACD,EAEKM,EAAkBC,GAA2B,CACjD,MAAMC,EAAOD,EAAQ,UAAYE,EAAAA,aAAa,IAAI,KAAKF,EAAQ,SAAS,CAAC,EAAI,GAC7E,MAAO,CAACA,EAAQ,OAAQC,CAAI,EAAE,OAAO,OAAO,EAAE,KAAK,KAAK,CAC1D,EAMaE,EAA0C,CAAC,CAAE,MAAAC,KAAY,CACpE,MAAMC,EAAWD,GAAS,CAAA,EAC1B,OAAKC,EAAS,OAGZrB,EAAAA,kBAAAA,IAACT,GAAa,UAAU,gBACrB,WAAS,IAAKyB,GACbM,EAAAA,kBAAAA,KAAC7B,EAAA,CACC,SAAA,CAAAO,wBAAC,QAAK,UAAU,SAAS,eAAce,EAAeC,CAAO,EAAG,qBAAoB,EAClF,SAAAhB,wBAACuB,EAAAA,WAAU,KAAMP,EAAQ,QAAU,GAAI,KAAM,GAAI,EACnD,EACAhB,EAAAA,kBAAAA,IAACU,EAAA,CAAY,KAAMM,EAAQ,IAAA,CAAM,CAAA,CAAA,EAJlBA,EAAQ,UAKzB,CACD,EACH,EAZ2B,IAc/B"}

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

@@ -0,0 +1,416 @@
+import { j as r } from "../../../../../_virtual/jsx-runtime.es.js";
+import { memo as n } from "react";
+import m from "styled-components";
+import s from "react-markdown";
+import a from "remark-gfm";
+import { Icon as l } from "@ynput/ayon-react-components";
+import "../../../components/AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../../../components/AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../../../components/AccessUser/AccessUser.es.js";
+import "clsx";
+import "../../../components/AttributeEditor/AttributeEditor.es.js";
+import "../../../components/AttributeEditor/attributeTypeMap.es.js";
+import "../../../components/Badge/Badge.es.js";
+import "../../../components/Chips/Chips.es.js";
+import "react-dom";
+import "date-fns";
+import "../../../components/DateRangePicker/DateRangePicker.styled.es.js";
+import "../../../components/LinksManager/CellEditingDialog.es.js";
+import "react-toastify";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
+import "../../../../../_virtual/index.es.js";
+import "../../../../../node_modules/refractor/lib/common.es.js";
+import "../../../../../node_modules/refractor/lib/all.es.js";
+/* empty css                                                                                 */
+import "lodash";
+import { getEntityTypeIcon as d } from "../../../util/getEntityTypeIcon.es.js";
+import "uuid";
+import "../../../util/pubsub.es.js";
+import "../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../../components/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "react-quill-ayon";
+import "../../../components/DetailsPanelDetails/BorderedSection.es.js";
+import "../../../components/QuillListStyles/QuillListStyles.es.js";
+import "../../../components/DetailsPanelDetails/DescriptionSection.styles.es.js";
+import "rehype-raw";
+import "../../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../../components/DetailsPanelDetails/hooks/useMentionSystem.es.js";
+import "../../Feed/components/CommentInput/modules/index.es.js";
+import "../../../context/RemoteModulesContext.es.js";
+import "../../../../../_virtual/runtime.es.js";
+import "../../../../../_virtual/semver.es.js";
+import "../../../context/PowerpackContextInstance.es.js";
+import "../../../context/UriContext.es.js";
+import "../../../context/DetailsPanelContextInstance.es.js";
+import "../../../context/SubtasksModulesContextInstance.es.js";
+import "../../../context/ThumbnailUploaderContext.es.js";
+import "../../../context/SettingsPanelContext.es.js";
+import "../../../context/pip/PiPProvider.es.js";
+import "../../../context/pip/PiPWrapper.es.js";
+import "../../../context/AddonProjectContext.es.js";
+import "../../../context/AddonContext.es.js";
+import "../../../context/MoveEntityContext.es.js";
+import "../../../context/MenuContext.es.js";
+import "../../../context/WebsocketContext.es.js";
+import "../../../context/GlobalContext.es.js";
+import "../../../context/ProjectContext.es.js";
+import "../../../context/ProjectFoldersContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../components/GroupSettingsFallback.es.js";
+import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../../components/DetailsPanelDetails/FieldLabel.es.js";
+import { DoneCheckbox as c } from "../../../components/DoneCheckbox/DoneCheckbox.es.js";
+import "../../../components/EarlyPreview/EarlyPreview.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                    */
+import "../../Feed/context/FeedContext.es.js";
+import "../../Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "remark-emoji";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../Feed/components/CommentInput/CommentInput.es.js";
+import "../../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import { allowedRefTypes as y } from "../../Feed/components/ActivityComment/ActivityMarkdownComponents.es.js";
+import "../../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import { getFuzzyDate as h } from "../../Feed/components/ActivityDate.es.js";
+import { UserImage as b } from "../../../components/UserImage/UserImage.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../Feed/Feed.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 "./CellWidget.es.js";
+import "./EntityNameWidget.es.js";
+import "./GroupHeaderWidget.es.js";
+import "./ThumbnailWidget.es.js";
+import "../context/DetailsPanelEntityContext.es.js";
+import "../context/SelectedRowsContext.es.js";
+import "../../../components/LinksManager/LinksManager.styled.es.js";
+import "../context/ProjectTableContext.es.js";
+import "./EmptyWidget.es.js";
+import "./ErrorWidget.es.js";
+import "../context/CellEditingContext.es.js";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "short-uuid";
+import "../context/SelectionCellsContext.es.js";
+import "../context/ProjectTableQueriesContext.es.js";
+import "../context/ClipboardContext.es.js";
+import "../context/ColumnSettingsContext.es.js";
+import "../components/DeleteConfirmContent.es.js";
+import "../context/ProjectDataContext.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 "../../EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../Slicer/components/Slicer.es.js";
+import "../../Slicer/context/SlicerContext.es.js";
+import "../../Slicer/hooks/useTableDataBySlice.es.js";
+import "../../DetailsPanel/DetailsPanel.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../../components/PlayableIcon/PlayableIcon.es.js";
+import "../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
+import "../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../Actions/Actions.styled.es.js";
+import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../Actions/ActionIcon.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../ListTable/ListTableRow.es.js";
+import "../../ListTable/ListTable.styled.es.js";
+import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../../../components/EntityPath/EntityPath.styled.es.js";
+import "../../../components/EntityPath/SegmentProvider.es.js";
+import "../../../components/FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../../../components/Feedback/FeedbackContextInstance.es.js";
+import "../../../components/Feedback/SupportBubble.es.js";
+import "../../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../../components/LegacyBadge/LegacyBadge.es.js";
+import "../../../components/Powerpack/PowerpackButton.es.js";
+import "../../../components/Powerpack/FreeTrialLink.es.js";
+import "../../../components/Powerpack/PowerpackDialog.styled.es.js";
+import "../../../components/Powerpack/CTAButton.es.js";
+import "../../../components/Powerpack/RequiredAddonVersion.es.js";
+import "../../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../../components/SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
+import "../../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../../components/SearchFilter/CustomDateRangeDialog.es.js";
+import "../../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../../components/ShareOptionIcon/ShareOptionIcon.es.js";
+import "../../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../../components/StyledLink/StyledLink.es.js";
+import "../../../components/TableGridSwitch/TableGridSwitch.es.js";
+import "../../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../../components/Thumbnail/StackedThumbnails.es.js";
+import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/Watchers/Watchers.es.js";
+import "../../../components/Menu/Menu.styled.es.js";
+import "../../../components/Menu/MenuItem.es.js";
+import "../../../components/ReviewablesSelector/ReviewablesSelector.es.js";
+import "../../../components/ColumnHeaderMenuUI.es.js";
+const f = m.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0;
+  width: 100%;
+  max-height: 100%;
+  overflow: hidden;
+`, u = m.div`
+  display: flex;
+  align-items: flex-start;
+  gap: 4px;
+  min-width: 0;
+  line-height: 18px;
+
+  .author {
+    flex-shrink: 0;
+    display: inline-flex;
+  }
+
+  /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) */
+  .body {
+    flex: 1;
+    min-width: 0;
+    overflow-wrap: anywhere;
+  }
+
+  .body p,
+  .body ul,
+  .body ol,
+  .body h1,
+  .body h2,
+  .body h3,
+  .body h4,
+  .body h5,
+  .body h6 {
+    margin: 0;
+    font-size: 1em;
+  }
+
+  .body h1,
+  .body h2,
+  .body h3,
+  .body h4,
+  .body h5,
+  .body h6 {
+    font-weight: 700;
+  }
+
+  .body ul,
+  .body ol {
+    padding-left: 1.2em;
+  }
+
+  .body ul.contains-task-list,
+  .body .task-list-item {
+    padding-left: 0;
+    list-style: none;
+  }
+
+  .body code {
+    background-color: var(--md-sys-color-surface-container-high);
+    border-radius: var(--border-radius-m);
+    padding: 0 2px;
+    font-size: 0.85em;
+  }
+`, x = m.span`
+  display: inline-flex;
+  align-items: center;
+  gap: 2px;
+  vertical-align: bottom;
+  color: var(--md-sys-color-primary);
+  background-color: var(--md-sys-color-surface-container-high);
+  border-radius: var(--border-radius-m);
+  padding: 0 4px 0 2px;
+
+  .icon {
+    font-size: 14px;
+    color: var(--md-sys-color-primary);
+  }
+`, g = (o) => o === "user" ? "alternate_email" : o === "team" ? "group" : d(o, "link"), k = {
+  hr: () => null,
+  img: () => null,
+  input: ({ checked: o }) => /* @__PURE__ */ r.jsx(
+    c,
+    {
+      checked: !!o,
+      isReadOnly: !0,
+      style: { fontSize: 16, verticalAlign: "text-bottom", display: "inline-block" }
+    }
+  ),
+  a: ({ href: o, children: t }) => {
+    const [i, p] = o?.split(":") ?? [];
+    if (i && p && y.includes(i)) {
+      const e = String(t ?? "").replace("@", "");
+      return /* @__PURE__ */ r.jsxs(x, { children: [
+        /* @__PURE__ */ r.jsx(l, { icon: g(i) }),
+        e
+      ] });
+    }
+    return /* @__PURE__ */ r.jsx("span", { children: t });
+  }
+}, v = (o) => o.replace(/<br\s*\/?>/gi, `  
+`), j = n(({ body: o }) => /* @__PURE__ */ r.jsx("div", { className: "body", children: /* @__PURE__ */ r.jsx(
+  s,
+  {
+    remarkPlugins: [a],
+    urlTransform: (t) => t,
+    components: k,
+    children: v(o)
+  }
+) })), w = (o) => {
+  const t = o.createdAt ? h(new Date(o.createdAt)) : "";
+  return [o.author, t].filter(Boolean).join(" • ");
+}, Km = ({ value: o }) => {
+  const t = o || [];
+  return t.length ? /* @__PURE__ */ r.jsx(f, { className: "comments-list", children: t.map((i) => /* @__PURE__ */ r.jsxs(u, { children: [
+    /* @__PURE__ */ r.jsx("span", { className: "author", "data-tooltip": w(i), "data-tooltip-delay": 0, children: /* @__PURE__ */ r.jsx(b, { name: i.author || "", size: 18 }) }),
+    /* @__PURE__ */ r.jsx(j, { body: i.body })
+  ] }, i.activityId)) }) : null;
+};
+export {
+  Km as CommentsWidget
+};
+//# sourceMappingURL=CommentsWidget.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CommentsWidget.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/widgets/CommentsWidget.tsx"],"sourcesContent":["import { FC, memo, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport ReactMarkdown from 'react-markdown'\nimport remarkGfm from 'remark-gfm'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { DoneCheckbox, UserImage } from '@shared/components'\nimport { type EntityComment } from '@shared/api'\nimport { allowedRefTypes } from '@shared/containers/Feed/components/ActivityComment/ActivityMarkdownComponents'\nimport { getFuzzyDate } from '@shared/containers/Feed/components/ActivityDate'\nimport { getEntityTypeIcon } from '@shared/util'\nimport { WidgetBaseProps } from './CellWidget'\n\nconst CommentsList = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 0;\n  width: 100%;\n  max-height: 100%;\n  overflow: hidden;\n`\n\nconst CommentRow = styled.div`\n  display: flex;\n  align-items: flex-start;\n  gap: 4px;\n  min-width: 0;\n  line-height: 18px;\n\n  .author {\n    flex-shrink: 0;\n    display: inline-flex;\n  }\n\n  /* preserve the comment's own line breaks (collapsing them makes feedback unreadable) */\n  .body {\n    flex: 1;\n    min-width: 0;\n    overflow-wrap: anywhere;\n  }\n\n  .body p,\n  .body ul,\n  .body ol,\n  .body h1,\n  .body h2,\n  .body h3,\n  .body h4,\n  .body h5,\n  .body h6 {\n    margin: 0;\n    font-size: 1em;\n  }\n\n  .body h1,\n  .body h2,\n  .body h3,\n  .body h4,\n  .body h5,\n  .body h6 {\n    font-weight: 700;\n  }\n\n  .body ul,\n  .body ol {\n    padding-left: 1.2em;\n  }\n\n  .body ul.contains-task-list,\n  .body .task-list-item {\n    padding-left: 0;\n    list-style: none;\n  }\n\n  .body code {\n    background-color: var(--md-sys-color-surface-container-high);\n    border-radius: var(--border-radius-m);\n    padding: 0 2px;\n    font-size: 0.85em;\n  }\n`\n\nconst Mention = styled.span`\n  display: inline-flex;\n  align-items: center;\n  gap: 2px;\n  vertical-align: bottom;\n  color: var(--md-sys-color-primary);\n  background-color: var(--md-sys-color-surface-container-high);\n  border-radius: var(--border-radius-m);\n  padding: 0 4px 0 2px;\n\n  .icon {\n    font-size: 14px;\n    color: var(--md-sys-color-primary);\n  }\n`\n\nconst mentionIcon = (type: string) =>\n  type === 'user' ? 'alternate_email' : type === 'team' ? 'group' : getEntityTypeIcon(type, 'link')\n\nconst markdownComponents = {\n  hr: () => null,\n  img: () => null,\n  input: ({ checked }: { checked?: boolean }) => (\n    <DoneCheckbox\n      checked={!!checked}\n      isReadOnly\n      style={{ fontSize: 16, verticalAlign: 'text-bottom', display: 'inline-block' }}\n    />\n  ),\n  a: ({ href, children }: { href?: string; children?: ReactNode }) => {\n    const [type, id] = href?.split(':') ?? []\n    if (type && id && allowedRefTypes.includes(type)) {\n      const label = String(children ?? '').replace('@', '')\n      return (\n        <Mention>\n          <Icon icon={mentionIcon(type)} />\n          {label}\n        </Mention>\n      )\n    }\n    return <span>{children}</span>\n  },\n}\n\n// Quill stores line breaks as literal <br>; react-markdown drops raw HTML, so\n// turn them into CommonMark hard breaks (rendered natively, no raw-HTML plugin).\nconst normalizeBreaks = (body: string) => body.replace(/<br\\s*\\/?>/gi, '  \\n')\n\nconst CommentBody = memo(({ body }: { body: string }) => (\n  <div className=\"body\">\n    <ReactMarkdown\n      remarkPlugins={[remarkGfm]}\n      urlTransform={(url) => url}\n      components={markdownComponents}\n    >\n      {normalizeBreaks(body)}\n    </ReactMarkdown>\n  </div>\n))\n\nconst commentTooltip = (comment: EntityComment) => {\n  const date = comment.createdAt ? getFuzzyDate(new Date(comment.createdAt)) : ''\n  return [comment.author, date].filter(Boolean).join(' • ')\n}\n\nexport interface CommentsWidgetProps extends WidgetBaseProps {\n  value?: EntityComment[]\n}\n\nexport const CommentsWidget: FC<CommentsWidgetProps> = ({ value }) => {\n  const comments = value || []\n  if (!comments.length) return null\n\n  return (\n    <CommentsList className=\"comments-list\">\n      {comments.map((comment) => (\n        <CommentRow key={comment.activityId}>\n          <span className=\"author\" data-tooltip={commentTooltip(comment)} data-tooltip-delay={0}>\n            <UserImage name={comment.author || ''} size={18} />\n          </span>\n          <CommentBody body={comment.body} />\n        </CommentRow>\n      ))}\n    </CommentsList>\n  )\n}\n"],"names":["CommentsList","styled","CommentRow","Mention","mentionIcon","type","getEntityTypeIcon","markdownComponents","checked","jsx","DoneCheckbox","href","children","id","allowedRefTypes","label","Icon","normalizeBreaks","body","CommentBody","memo","ReactMarkdown","remarkGfm","url","commentTooltip","comment","date","getFuzzyDate","CommentsWidget","value","comments","jsxs","UserImage"],"mappings":"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"}