@ynput/ayon-frontend-shared 0.3.45 → 0.3.47

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),q=require("react"),p=require("@ynput/ayon-react-components"),w=require("react-quill-ayon"),B=require("clsx"),m=require("./BorderedSection.cjs.js"),H=require("../QuillListStyles/QuillListStyles.cjs.js"),u=require("./DescriptionSection.styles.cjs.js"),M=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),Q=require("./hooks/useDescriptionEditor.cjs.js"),F=require("./hooks/useMentionSystem.cjs.js"),L=require("./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/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/ProjectFoldersContextInstance.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const O=({imageUploader:t,disableImageUpload:s=!1})=>{const n=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return s||n.push(["image"]),{toolbar:n,imageUploader:t,magicUrl:!0}},V=({description:t,isLarge:s=!0,isMixed:n,enableEditing:j,initialEdit:c,onChange:h,onCancel:f,isLoading:E})=>{const o=q.useRef(null),[a,d]=q.useState("");q.useEffect(()=>{if(!t?.trim()){d("");return}if(!o.current)return;const i=o.current.innerHTML;d(i)},[t]);const{isEditing:e,editorValue:S,setEditorValue:y,editorRef:R,handleStartEditing:l,handleSave:g,handleCancel:k,handleKeyDown:C}=Q.useDescriptionEditor({descriptionHtml:a,enableEditing:j,isMixed:n,onChange:h});q.useEffect(()=>{c&&!e&&l()},[c]);const b=L.useQuillFormats();if(E)return r.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Description",children:r.jsxRuntimeExports.jsx(u.StyledLoadingSkeleton,{})});const v=i=>{if(e)return;if(i.target.closest("a")){i.stopPropagation();return}e||l()},x=()=>{k(),f?.()},D=e?S:a;return r.jsxRuntimeExports.jsxs(m.BorderedSection,{title:"Description",showHeader:!e,enableHover:!e,onClick:e?void 0:l,description:s,children:[r.jsxRuntimeExports.jsxs(u.StyledContent,{className:B({editing:e}),onClick:v,children:[r.jsxRuntimeExports.jsx(u.StyledEditor,{className:"block-shortcuts",children:r.jsxRuntimeExports.jsx(H.QuillListStyles,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(u.StyledQuillContainer,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(w,{theme:"snow",ref:R,value:D,onChange:y,placeholder:"Add a description...",modules:e?O({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:b,onKeyDown:i=>{i.key==="Escape"?x():C(i)},readOnly:!e},`description-editor-${e}`)})})}),e&&r.jsxRuntimeExports.jsx(u.StyledFooter,{children:r.jsxRuntimeExports.jsxs(u.StyledButtonContainer,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"text",label:"Cancel",onClick:x}),r.jsxRuntimeExports.jsx(p.Button,{variant:"filled",label:"Save",onClick:g})]})})]}),r.jsxRuntimeExports.jsx(u.StyledHiddenMarkdown,{ref:o,children:r.jsxRuntimeExports.jsx(M.default,{typeOptions:F.mentionTypeOptions,initValue:t||""})})]})};exports.DescriptionSection=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),n=require("react"),p=require("@ynput/ayon-react-components"),w=require("react-quill-ayon"),B=require("clsx"),m=require("./BorderedSection.cjs.js"),H=require("../QuillListStyles/QuillListStyles.cjs.js"),u=require("./DescriptionSection.styles.cjs.js"),M=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),Q=require("./hooks/useDescriptionEditor.cjs.js"),F=require("./hooks/useMentionSystem.cjs.js"),L=require("./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/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/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("./DetailsPanelDetails.cjs.js");require("./DetailsSection.cjs.js");require("./FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("react-redux");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const O=({imageUploader:q,disableImageUpload:s=!1})=>{const t=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return s||t.push(["image"]),{toolbar:t,imageUploader:q,magicUrl:!0}},V=({description:q,isLarge:s=!0,isMixed:t,enableEditing:j,initialEdit:c,onChange:h,onCancel:f,isLoading:E})=>{const o=n.useRef(null),[a,d]=n.useState("");n.useEffect(()=>{if(!q?.trim()){d("");return}if(!o.current)return;const i=o.current.innerHTML;d(i)},[q]);const{isEditing:e,editorValue:S,setEditorValue:y,editorRef:R,handleStartEditing:l,handleSave:g,handleCancel:k,handleKeyDown:C}=Q.useDescriptionEditor({descriptionHtml:a,enableEditing:j,isMixed:t,onChange:h});n.useEffect(()=>{c&&!e&&l()},[c]);const b=L.useQuillFormats();if(E)return r.jsxRuntimeExports.jsx(m.BorderedSection,{title:"Description",children:r.jsxRuntimeExports.jsx(u.StyledLoadingSkeleton,{})});const v=i=>{if(e)return;if(i.target.closest("a")){i.stopPropagation();return}e||l()},x=()=>{k(),f?.()},D=e?S:a;return r.jsxRuntimeExports.jsxs(m.BorderedSection,{title:"Description",showHeader:!e,enableHover:!e,onClick:e?void 0:l,description:s,children:[r.jsxRuntimeExports.jsxs(u.StyledContent,{className:B({editing:e}),onClick:v,children:[r.jsxRuntimeExports.jsx(u.StyledEditor,{className:"block-shortcuts",children:r.jsxRuntimeExports.jsx(H.QuillListStyles,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(u.StyledQuillContainer,{style:e?{height:"auto"}:void 0,children:r.jsxRuntimeExports.jsx(w,{theme:"snow",ref:R,value:D,onChange:y,placeholder:"Add a description...",modules:e?O({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:b,onKeyDown:i=>{i.key==="Escape"?x():C(i)},readOnly:!e},`description-editor-${e}`)})})}),e&&r.jsxRuntimeExports.jsx(u.StyledFooter,{children:r.jsxRuntimeExports.jsxs(u.StyledButtonContainer,{children:[r.jsxRuntimeExports.jsx(p.Button,{variant:"text",label:"Cancel",onClick:x}),r.jsxRuntimeExports.jsx(p.Button,{variant:"filled",label:"Save",onClick:g})]})})]}),r.jsxRuntimeExports.jsx(u.StyledHiddenMarkdown,{ref:o,children:r.jsxRuntimeExports.jsx(M.default,{typeOptions:F.mentionTypeOptions,initValue:q||""})})]})};exports.DescriptionSection=V;
 //# sourceMappingURL=DescriptionSection.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}
+{"version":3,"file":"DescriptionSection.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js

@@ -131,7 +131,170 @@ import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContextInstance.es.js";
+import "../../context/EntityUpdatesContextInstance.es.js";
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
+/* empty css                                               */
+import "../../containers/Feed/context/FeedContext.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
+import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
+import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
+import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
+import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
+import "../AccessSearchInput/AccessSearchInput.styled.es.js";
+import "../AccessUser/AccessUser.es.js";
+import "../AttributeEditor/AttributeEditor.es.js";
+import "../AttributeEditor/attributeTypeMap.es.js";
+import "../Badge/Badge.es.js";
+import "../Chips/Chips.es.js";
+import "date-fns";
+import "../DateRangePicker/DateRangePicker.styled.es.js";
+import "../LinksManager/CellEditingDialog.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 "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "./DetailsPanelDetails.es.js";
+import "./DetailsSection.es.js";
+import "./FieldLabel.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../InfoMessage/InfoMessage.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../EnumEditor/EnumEditor.styled.es.js";
+import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "axios";
+import "../ReviewablesList/ReviewablesList.styled.es.js";
+import "../ReviewablesList/ReviewablesUpload.styled.es.js";
+import "../EntityPath/EntityPath.styled.es.js";
+import "../EntityPath/SegmentProvider.es.js";
+import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
+import "../Feedback/FeedbackContextInstance.es.js";
+import "../Feedback/SupportBubble.es.js";
+import "../FileThumbnail/FileThumbnail.es.js";
+import "../LegacyBadge/LegacyBadge.es.js";
+import "../LinksManager/LinksManager.styled.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../Powerpack/PowerpackButton.es.js";
+import "../Powerpack/FreeTrialLink.es.js";
+import "../Powerpack/PowerpackDialog.styled.es.js";
+import "../Powerpack/CTAButton.es.js";
+import "../Powerpack/RequiredAddonVersion.es.js";
+import "../ProjectTableSettings/ProjectTableSettings.es.js";
+import "../SizeSlider/SizeSlider.es.js";
+import "react-router-dom";
+import "../../containers/Slicer/components/Slicer.es.js";
+import "../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
+import "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../SearchFilter/filterDates.es.js";
+import "../SearchFilter/CustomDateRangeDialog.es.js";
+import "../SettingsPanel/SettingsPanel.es.js";
+import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../ShareOptionIcon/ShareOptionIcon.es.js";
+import "../SimpleFormDialog/SimpleFormDialog.es.js";
+import "../StyledLink/StyledLink.es.js";
+import "../SyncButton/SyncButton.es.js";
+import "../TableGridSwitch/TableGridSwitch.es.js";
+import "../Thumbnail/Thumbnail.styled.es.js";
+import "../Thumbnail/StackedThumbnails.es.js";
+import "../ThumbnailSimple/ThumbnailSimple.es.js";
+import "../VersionUploader/components/UploadVersionDialog.es.js";
+import "../VersionUploader/context/VersionUploadContextInstance.es.js";
+import "../Watchers/Watchers.es.js";
+import "../Menu/Menu.styled.es.js";
+import "../Menu/MenuItem.es.js";
+import "../ReviewablesSelector/ReviewablesSelector.es.js";
+import "../ColumnHeaderMenuUI.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../containers/Feed/Feed.styled.es.js";
+import "../../containers/Feed/components/FeedSearchFilter.es.js";
+import "@tanstack/react-virtual";
+import "@tanstack/react-table";
+import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
+import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
+import "short-uuid";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
+import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
+import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
+import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
+import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../PlayableIcon/PlayableIcon.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
+import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../../containers/Actions/Actions.styled.es.js";
+import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../../containers/Actions/ActionIcon.es.js";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import "../../containers/Views/Views.styled.es.js";
+import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/ListTable/ListTableRow.es.js";
+import "../../containers/ListTable/ListTable.styled.es.js";
 import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
 const P = ({
@@ -148,7 +311,7 @@ const P = ({
     imageUploader: r,
     magicUrl: !0
   };
-}, Ci = ({
+}, bp = ({
   description: r,
   isLarge: p = !0,
   isMixed: m,
@@ -238,6 +401,6 @@ const P = ({
   );
 };
 export {
-  Ci as DescriptionSection
+  bp as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}
+{"version":3,"file":"DescriptionSection.es.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { Button } from '@ynput/ayon-react-components'\nimport ReactQuill from 'react-quill-ayon'\nimport clsx from 'clsx'\nimport { BorderedSection } from './BorderedSection'\nimport { QuillListStyles } from '../QuillListStyles'\nimport {\n  StyledContent,\n  StyledEditor,\n  StyledFooter,\n  StyledLoadingSkeleton,\n  StyledButtonContainer,\n  StyledQuillContainer,\n  StyledHiddenMarkdown,\n} from './DescriptionSection.styles'\nimport InputMarkdownConvert from '@shared/containers/Feed/components/CommentInput/InputMarkdownConvert'\nimport { mentionTypeOptions, useDescriptionEditor, useQuillFormats } from './hooks'\n\n// Custom modules function for description editor (without checklist)\nconst getDescriptionModules = ({\n  imageUploader,\n  disableImageUpload = false,\n}: {\n  imageUploader: any\n  disableImageUpload?: boolean\n}) => {\n  const toolbar = [\n    [{ header: 2 }, 'bold', 'italic', 'link', 'code-block'],\n    [{ list: 'ordered' }, { list: 'bullet' }], // Removed { list: 'check' }\n  ]\n\n  if (!disableImageUpload) {\n    toolbar.push(['image'])\n  }\n\n  return {\n    toolbar,\n    imageUploader,\n    magicUrl: true,\n  }\n}\n\ninterface DescriptionSectionProps {\n  description: string\n  isLarge: boolean\n  isMixed: boolean\n  enableEditing: boolean\n  initialEdit?: boolean\n  onChange: (description: string) => void\n  onCancel?: () => void\n  isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n  description,\n  isLarge = true,\n  isMixed,\n  enableEditing,\n  initialEdit,\n  onChange,\n  onCancel,\n  isLoading,\n}) => {\n  const markdownRef = useRef<HTMLDivElement>(null)\n  const [descriptionHtml, setDescriptionHtml] = useState('')\n\n  useEffect(() => {\n    if (!description?.trim()) {\n      setDescriptionHtml('')\n      return\n    }\n\n    if (!markdownRef.current) return\n\n    const html = markdownRef.current.innerHTML\n    setDescriptionHtml(html)\n  }, [description])\n\n  // Use custom hooks to manage state and logic\n  const {\n    isEditing,\n    editorValue,\n    setEditorValue,\n    editorRef,\n    handleStartEditing,\n    handleSave,\n    handleCancel,\n    handleKeyDown,\n  } = useDescriptionEditor({\n    descriptionHtml,\n    enableEditing,\n    isMixed,\n    onChange,\n  })\n\n  useEffect(() => {\n    if (initialEdit && !isEditing) {\n      handleStartEditing()\n    }\n  }, [initialEdit])\n\n  const conditionalFormats = useQuillFormats()\n\n  if (isLoading) {\n    return (\n      <BorderedSection title=\"Description\">\n        <StyledLoadingSkeleton />\n      </BorderedSection>\n    )\n  }\n\n  // Handle clicks on links to prevent edit mode activation\n  const handleContentClick = (e: React.MouseEvent) => {\n    // If we're in editing mode, don't prevent default behavior for links\n    if (isEditing) {\n      return\n    }\n\n    // Check if the clicked element is a link or inside a link\n    const target = e.target as HTMLElement\n    const link = target.closest('a')\n\n    if (link) {\n      // If clicking on a link, prevent the edit mode from activating\n      e.stopPropagation()\n      return\n    }\n\n    // For other clicks when not editing, allow edit mode to activate\n    if (!isEditing) {\n      handleStartEditing()\n    }\n  }\n\n  const handleCancelEdit = () => {\n    handleCancel()\n    onCancel?.()\n  }\n\n  const quillValue = isEditing ? editorValue : descriptionHtml\n\n  return (\n    <BorderedSection\n      title=\"Description\"\n      showHeader={!isEditing}\n      enableHover={!isEditing}\n      onClick={!isEditing ? handleStartEditing : undefined}\n      description={isLarge}\n    >\n      <StyledContent className={clsx({ editing: isEditing })} onClick={handleContentClick}>\n        <StyledEditor className=\"block-shortcuts\">\n          <QuillListStyles style={isEditing ? { height: 'auto' } : undefined}>\n            <StyledQuillContainer style={isEditing ? { height: 'auto' } : undefined}>\n              <ReactQuill\n                key={`description-editor-${isEditing}`}\n                theme=\"snow\"\n                ref={editorRef}\n                value={quillValue}\n                onChange={setEditorValue}\n                placeholder=\"Add a description...\"\n                modules={\n                  isEditing\n                    ? getDescriptionModules({ imageUploader: null, disableImageUpload: true })\n                    : { toolbar: false }\n                }\n                formats={conditionalFormats}\n                onKeyDown={(e) => {\n                  if (e.key === 'Escape') {\n                    handleCancelEdit()\n                  } else {\n                    handleKeyDown(e)\n                  }\n                }}\n                readOnly={!isEditing}\n              />\n            </StyledQuillContainer>\n          </QuillListStyles>\n        </StyledEditor>\n        {isEditing && (\n          <StyledFooter>\n            <StyledButtonContainer>\n              <Button variant=\"text\" label=\"Cancel\" onClick={handleCancelEdit} />\n              <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n            </StyledButtonContainer>\n          </StyledFooter>\n        )}\n      </StyledContent>\n      <StyledHiddenMarkdown ref={markdownRef}>\n        <InputMarkdownConvert typeOptions={mentionTypeOptions} initValue={description || ''} />\n      </StyledHiddenMarkdown>\n    </BorderedSection>\n  )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isLarge","isMixed","enableEditing","initialEdit","onChange","onCancel","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","handleCancelEdit","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const q=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=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");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const I=require("../../context/GlobalContext.cjs.js"),M=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");const N=A.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js"),T=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const C=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");const F=require("./DescriptionSection.cjs.js"),S=require("./DetailsSection.cjs.js"),A=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const P=require("./hooks/useEntityFormData.cjs.js"),R=require("./hooks/useEntityFields.cjs.js"),G=require("./hooks/useEntityEditing.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");const I=require("../../context/GlobalContext.cjs.js"),M=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                                 */require("clsx");require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.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("./FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");require("../ProjectTableSettings/ProjectTableSettings.cjs.js");require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("rehype-raw");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/components/DeleteConfirmContent.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");const N=A.div`
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -7,5 +7,5 @@
   padding-right: 8px;
   padding-left: 8px;
   margin-top: 16px;
-`,O=({entities:t=[],isLoading:u})=>{const{formData:i,mixedFields:s,updateFormData:n,clearMixedField:d}=P.useEntityFormData(t,u),{attributes:p}=I.useGlobalContext(),{folderTypes:y=[],taskTypes:x=[],statuses:f=[],tags:g=[]}=M.useProjectContext(),o=(t||[]).filter(e=>e.entityType==="folder"),{data:m}=C.useGetActivitiesInfiniteInfiniteQuery({entityIds:o.map(e=>e.id),projectName:i?.projectName||"",referenceTypes:["origin","mention","relation"],activityTypes:["version.publish"]},{skip:!i?.projectName||o.length===0}),D=!!m?.pages?.[0]?.activities?.length,{editableFields:E,readOnlyFieldsData:j}=R.useEntityFields({attributes:p,folderTypes:y,taskTypes:x,statuses:f,tags:g,entityType:i?.entityType,folderHasVersions:D}),a=i?.entityType||"task",{enableEditing:c,updateEntity:l}=G.useEntityEditing({entities:t,entityType:a}),b=(e,r)=>{e==="tags"&&(Array.isArray(r)||(r==null||r===""?r=[]:r=[String(r)])),e.startsWith("attrib.")&&(r={[e.replace("attrib.","")]:r},e="attrib"),n(e,r),l(e,r)},h=e=>{n("description",e),d("description"),l("attrib",{description:e})};return q.jsxRuntimeExports.jsxs(N,{children:[q.jsxRuntimeExports.jsx(F.DescriptionSection,{description:i?.description||"",isMixed:s.includes("description"),enableEditing:c,onChange:h,isLoading:u}),q.jsxRuntimeExports.jsx(T.DetailsPanelAttributesEditor,{fields:E,form:i||{},mixedFields:s,isLoading:u,enableEditing:c,onChange:b,entities:t,entityType:a}),q.jsxRuntimeExports.jsx(S.DetailsSection,{fields:j,form:i||{},mixedFields:s,isLoading:u})]})};exports.DetailsPanelDetails=O;
+`,O=({entities:u=[],isLoading:q})=>{const{formData:i,mixedFields:s,updateFormData:n,clearMixedField:d}=P.useEntityFormData(u,q),{attributes:p}=I.useGlobalContext(),{folderTypes:y=[],taskTypes:x=[],statuses:f=[],tags:g=[]}=M.useProjectContext(),o=(u||[]).filter(e=>e.entityType==="folder"),{data:m}=C.useGetActivitiesInfiniteInfiniteQuery({entityIds:o.map(e=>e.id),projectName:i?.projectName||"",referenceTypes:["origin","mention","relation"],activityTypes:["version.publish"]},{skip:!i?.projectName||o.length===0}),D=!!m?.pages?.[0]?.activities?.length,{editableFields:E,readOnlyFieldsData:j}=R.useEntityFields({attributes:p,folderTypes:y,taskTypes:x,statuses:f,tags:g,entityType:i?.entityType,folderHasVersions:D}),a=i?.entityType||"task",{enableEditing:c,updateEntity:l}=G.useEntityEditing({entities:u,entityType:a}),b=(e,r)=>{e==="tags"&&(Array.isArray(r)||(r==null||r===""?r=[]:r=[String(r)])),e.startsWith("attrib.")&&(r={[e.replace("attrib.","")]:r},e="attrib"),n(e,r),l(e,r)},h=e=>{n("description",e),d("description"),l("attrib",{description:e})};return t.jsxRuntimeExports.jsxs(N,{children:[t.jsxRuntimeExports.jsx(F.DescriptionSection,{description:i?.description||"",isMixed:s.includes("description"),enableEditing:c,onChange:h,isLoading:q}),t.jsxRuntimeExports.jsx(T.DetailsPanelAttributesEditor,{fields:E,form:i||{},mixedFields:s,isLoading:q,enableEditing:c,onChange:b,entities:u,entityType:a}),t.jsxRuntimeExports.jsx(S.DetailsSection,{fields:j,form:i||{},mixedFields:s,isLoading:q})]})};exports.DetailsPanelDetails=O;
 //# sourceMappingURL=DetailsPanelDetails.cjs.js.map

package/dist/shared/src/components/DetailsPanelDetails/DetailsPanelDetails.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n  DetailsPanelAttributesEditor,\n  DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context'\nimport { useGlobalContext } from '@shared/context'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n  overflow-y: auto;\n  padding-right: 8px;\n  padding-left: 8px;\n  margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n  const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n    entities,\n    isLoading,\n  )\n\n  const { attributes } = useGlobalContext()\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n  // Determine if any selected folder has published versions\n  const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n  const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n    {\n      entityIds: folderEntities.map((e) => e.id),\n      projectName: formData?.projectName || '',\n      referenceTypes: ['origin', 'mention', 'relation'],\n      activityTypes: ['version.publish'],\n    },\n    {\n      skip: !formData?.projectName || folderEntities.length === 0,\n    },\n  )\n\n  const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n  const { editableFields, readOnlyFieldsData } = useEntityFields({\n    attributes,\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    entityType: formData?.entityType,\n    folderHasVersions,\n  })\n\n  const entityType = formData?.entityType || 'task'\n  const { enableEditing, updateEntity } = useEntityEditing({\n    entities,\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key === 'tags') {\n      if (Array.isArray(value)) {\n        // keep as-is\n      } else if (value === null || value === undefined || value === '') {\n        value = []\n      } else {\n        value = [String(value)]\n      }\n    }\n\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    updateFormData(key, value)\n    updateEntity(key, value)\n  }\n\n  const handleDescriptionChange = (description: string) => {\n    updateFormData('description', description)\n    clearMixedField('description')\n    updateEntity('attrib', { description })\n  }\n\n  return (\n    <StyledContainer>\n      <DescriptionSection\n        description={formData?.description || ''}\n        isMixed={mixedFields.includes('description')}\n        enableEditing={enableEditing}\n        onChange={handleDescriptionChange}\n        isLoading={isLoading}\n      />\n\n      <DetailsPanelAttributesEditor\n        fields={editableFields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n        entities={entities}\n        entityType={entityType}\n      />\n\n      <DetailsSection\n        fields={readOnlyFieldsData}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n      />\n    </StyledContainer>\n  )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"o8NAaA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n  DetailsPanelAttributesEditor,\n  DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport { useEntityFormData, useEntityFields, useEntityEditing } from './hooks'\nimport { useProjectContext } from '@shared/context'\nimport { useGlobalContext } from '@shared/context'\n\nconst StyledContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  gap: 12px;\n  overflow-y: auto;\n  padding-right: 8px;\n  padding-left: 8px;\n  margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n  const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n    entities,\n    isLoading,\n  )\n\n  const { attributes } = useGlobalContext()\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = useProjectContext()\n\n  // Determine if any selected folder has published versions\n  const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n  const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n    {\n      entityIds: folderEntities.map((e) => e.id),\n      projectName: formData?.projectName || '',\n      referenceTypes: ['origin', 'mention', 'relation'],\n      activityTypes: ['version.publish'],\n    },\n    {\n      skip: !formData?.projectName || folderEntities.length === 0,\n    },\n  )\n\n  const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n  const { editableFields, readOnlyFieldsData } = useEntityFields({\n    attributes,\n    folderTypes,\n    taskTypes,\n    statuses,\n    tags,\n    entityType: formData?.entityType,\n    folderHasVersions,\n  })\n\n  const entityType = formData?.entityType || 'task'\n  const { enableEditing, updateEntity } = useEntityEditing({\n    entities,\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key === 'tags') {\n      if (Array.isArray(value)) {\n        // keep as-is\n      } else if (value === null || value === undefined || value === '') {\n        value = []\n      } else {\n        value = [String(value)]\n      }\n    }\n\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    updateFormData(key, value)\n    updateEntity(key, value)\n  }\n\n  const handleDescriptionChange = (description: string) => {\n    updateFormData('description', description)\n    clearMixedField('description')\n    updateEntity('attrib', { description })\n  }\n\n  return (\n    <StyledContainer>\n      <DescriptionSection\n        description={formData?.description || ''}\n        isMixed={mixedFields.includes('description')}\n        enableEditing={enableEditing}\n        onChange={handleDescriptionChange}\n        isLoading={isLoading}\n      />\n\n      <DetailsPanelAttributesEditor\n        fields={editableFields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n        entities={entities}\n        entityType={entityType}\n      />\n\n      <DetailsSection\n        fields={readOnlyFieldsData}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n      />\n    </StyledContainer>\n  )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","attributes","useGlobalContext","folderTypes","taskTypes","statuses","tags","useProjectContext","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","folderHasVersions","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"iriBAaA,MAAMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAA,EAAI,UAAAC,KAA0C,CAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,GAAoBC,EAAAA,kBACjEN,EACAC,CAAA,EAGI,CAAE,WAAAM,CAAA,EAAeC,mBAAA,EACjB,CAAE,YAAAC,EAAc,GAAI,UAAAC,EAAY,CAAA,EAAI,SAAAC,EAAW,CAAA,EAAI,KAAAC,EAAO,EAAC,EAAMC,oBAAA,EAGjEC,GAAkBd,GAAY,IAAI,OAAQe,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAAA,sCACtC,CACE,UAAWH,EAAe,IAAK,GAAM,EAAE,EAAE,EACzC,YAAaZ,GAAU,aAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CAAA,EAEnC,CACE,KAAM,CAACA,GAAU,aAAeY,EAAe,SAAW,CAAA,CAC5D,EAGII,EAAoB,EAAQF,GAAuB,QAAQ,CAAC,GAAG,YAAY,OAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAA,EAAuBC,kBAAgB,CAC7D,WAAAd,EACA,YAAAE,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYV,GAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKI,EAAapB,GAAU,YAAc,OACrC,CAAE,cAAAqB,EAAe,aAAAC,CAAA,EAAiBC,mBAAiB,CACvD,SAAAzB,EACA,WAAAsB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAA,EAERA,EAAQ,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAC1BC,EAAQ,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAAA,EAEhCD,EAAM,UAGRvB,EAAeuB,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD1B,EAAe,cAAe0B,CAAW,EACzCzB,EAAgB,aAAa,EAC7BmB,EAAa,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGjC,EAAA,CACC,SAAA,CAAAkC,EAAAA,kBAAAA,IAACC,EAAAA,mBAAA,CACC,YAAa9B,GAAU,aAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAoB,EACA,SAAUM,EACV,UAAA5B,CAAA,CAAA,EAGF8B,EAAAA,kBAAAA,IAACE,EAAAA,6BAAA,CACC,OAAQd,EACR,KAAMjB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,EACA,cAAAsB,EACA,SAAUG,EACV,SAAA1B,EACA,WAAAsB,CAAA,CAAA,EAGFS,EAAAA,kBAAAA,IAACG,EAAAA,eAAA,CACC,OAAQd,EACR,KAAMlB,GAAY,CAAA,EAClB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}