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

@ynput/ayon-frontend-shared 0.3.29 → 0.3.30

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

Files changed (929) hide show

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),s=require("react"),d=require("@ynput/ayon-react-components"),C=require("react-quill-ayon"),b=require("clsx"),x=require("./BorderedSection.cjs.js"),v=require("../QuillListStyles/QuillListStyles.cjs.js"),i=require("./DescriptionSection.styles.cjs.js"),D=require("../../containers/Feed/components/CommentInput/InputMarkdownConvert.cjs.js"),w=require("./hooks/useDescriptionEditor.cjs.js"),B=require("./hooks/useMentionSystem.cjs.js"),H=require("./hooks/useQuillFormats.cjs.js");require("lodash");require("react-toastify");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/DetailsPanelContext.cjs.js");require("../../context/SubtasksModulesContext.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/PowerpackContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const M=({imageUploader:u,disableImageUpload:q=!1})=>{const t=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return q||t.push(["image"]),{toolbar:t,imageUploader:u,magicUrl:!0}},Q=({description:u,isMixed:q,enableEditing:t,onChange:p,isLoading:m})=>{const o=s.useRef(null),[l,c]=s.useState("");s.useEffect(()=>{if(!u?.trim()){c("");return}if(!o.current)return;const n=o.current.innerHTML;c(n)},[u]);const{isEditing:r,editorValue:j,setEditorValue:h,editorRef:S,handleStartEditing:a,handleSave:y,handleCancel:E,handleKeyDown:R}=w.useDescriptionEditor({descriptionHtml:l,enableEditing:t,isMixed:q,onChange:p}),f=H.useQuillFormats();if(m)return e.jsxRuntimeExports.jsx(x.BorderedSection,{title:"Description",children:e.jsxRuntimeExports.jsx(i.StyledLoadingSkeleton,{})});const g=n=>{if(r)return;if(n.target.closest("a")){n.stopPropagation();return}r||a()},k=r?j:l;return e.jsxRuntimeExports.jsxs(x.BorderedSection,{title:"Description",showHeader:!r,enableHover:!r,onClick:r?void 0:a,children:[e.jsxRuntimeExports.jsxs(i.StyledContent,{className:b({editing:r}),onClick:g,children:[e.jsxRuntimeExports.jsx(i.StyledEditor,{className:"block-shortcuts",children:e.jsxRuntimeExports.jsx(v.QuillListStyles,{style:r?{height:"auto"}:void 0,children:e.jsxRuntimeExports.jsx(i.StyledQuillContainer,{style:r?{height:"auto"}:void 0,children:e.jsxRuntimeExports.jsx(C,{theme:"snow",ref:S,value:k,onChange:h,placeholder:"Add a description...",modules:r?M({imageUploader:null,disableImageUpload:!0}):{toolbar:!1},formats:f,onKeyDown:R,readOnly:!r},`description-editor-${r}`)})})}),r&&e.jsxRuntimeExports.jsx(i.StyledFooter,{children:e.jsxRuntimeExports.jsxs(i.StyledButtonContainer,{children:[e.jsxRuntimeExports.jsx(d.Button,{variant:"text",label:"Cancel",onClick:E}),e.jsxRuntimeExports.jsx(d.Button,{variant:"filled",label:"Save",onClick:y})]})})]}),e.jsxRuntimeExports.jsx(i.StyledHiddenMarkdown,{ref:o,children:e.jsxRuntimeExports.jsx(D.default,{typeOptions:B.mentionTypeOptions,initValue:u||""})})]})};exports.DescriptionSection=Q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../_virtual/jsx-runtime.cjs.js"),s=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("../../util/pubsub.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../../_virtual/runtime.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const O=({imageUploader:t,disableImageUpload:o=!1})=>{const n=[[{header:2},"bold","italic","link","code-block"],[{list:"ordered"},{list:"bullet"}]];return o||n.push(["image"]),{toolbar:n,imageUploader:t,magicUrl:!0}},V=({description:t,isLarge:o=!0,isMixed:n,enableEditing:j,initialEdit:c,onChange:h,onCancel:f,isLoading:E})=>{const q=s.useRef(null),[a,d]=s.useState("");s.useEffect(()=>{if(!t?.trim()){d("");return}if(!q.current)return;const i=q.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});s.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:o,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:q,children:r.jsxRuntimeExports.jsx(M.default,{typeOptions:F.mentionTypeOptions,initValue:t||""})})]})};exports.DescriptionSection=V;
 //# sourceMappingURL=DescriptionSection.cjs.js.map

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

	@@ -1 +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 isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\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 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 quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent\n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\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={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={~~handleCancel~~} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":"~~wlNAmBA~~,MAAMA,EAAwB,CAAC,CAC7B,cAAAC,EACA,mBAAAC,EAAqB,EACvB,IAGM,CACJ,MAAMC,EAAU,CACd,CAAC,CAAE,OAAQ,CAAA,EAAK,OAAQ,SAAU,OAAQ,YAAY,EACtD,CAAC,CAAE,KAAM,SAAA,EAAa,CAAE,KAAM,SAAU,CAAA,EAG1C,OAAKD,GACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,EAGjB,CACL,QAAAA,EACA,cAAAF,EACA,SAAU,EAAA,CAEd,~~EAUaG~~,EAAwD,CAAC,CACpE,YAAAC,EACA,QAAAC,EACA,cAAAC,EACA,SAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAcC,EAAAA,OAAuB,IAAI,EACzC,CAACC,EAAiBC,CAAkB,EAAIC,EAAAA,SAAS,EAAE,EAEzDC,EAAAA,UAAU,IAAM,CACd,GAAI,~~CAACV~~,GAAa,OAAQ,~~CACxBQ~~,EAAmB,EAAE,EACrB,MACF,CAEA,GAAI,CAACH,EAAY,QAAS,OAE1B,MAAMM,EAAON,EAAY,QAAQ,UACjCG,EAAmBG,CAAI,CACzB,EAAG,~~CAACX~~,CAAW,CAAC,EAGhB,KAAM,CACJ,~~UAAAY~~,EACA,YAAAC,EACA,eAAAC,EACA,UAAAC,EACA,mBAAAC,EACA,WAAAC,EACA,aAAAC,EACA,cAAAC,CAAA,EACEC,uBAAqB,CACvB,gBAAAb,EACA,~~cAAAL~~,EACA,QAAAD,EACA,~~SAAAE~~,CAAA,CACD,~~EAEKkB~~,EAAqBC,EAAAA,gBAAA,EAE3B,GAAIlB,EACF,+BACGmB,kBAAA,CAAgB,MAAM,cACrB,SAAAC,wBAACC,EAAAA,wBAAsB,EACzB,EAKJ,MAAMC,EAAsBC,GAAwB,CAElD,GAAIf,EACF,OAOF,GAHee,EAAE,OACG,QAAQ,GAAG,EAErB,CAERA,EAAE,gBAAA,EACF,MACF,CAGKf,GACHI,EAAA,CAEJ,EAEMY,~~EAAahB~~,EAAYC,EAAcN,EAE7C,~~OACEsB~~,EAAAA,kBAAAA,~~KAACN~~,EAAAA,gBAAA,CACC,MAAM,cACN,WAAY,CAACX,EACb,YAAa,CAACA,EACd,QAAUA,EAAiC,OAArBI,~~EAEtB~~,SAAA,~~CAAAa~~,EAAAA,kBAAAA,KAACC,EAAAA,cAAA,~~CACC~~,UAAWC,EAAK,CAAE,~~QAASnB~~,EAAW,~~EACtC~~,QAASc,~~EAET~~,SAAA,CAAAF,EAAAA,kBAAAA,~~IAACQ~~,EAAAA,aAAA,CAAa,UAAU,kBACtB,~~SAAAR~~,~~wBAACS~~,EAAAA,iBAAgB,~~MAAOrB~~,EAAY,CAAE,OAAQ,QAAW,OACvD,SAAAY,~~wBAACU~~,EAAAA,sBAAqB,~~MAAOtB~~,EAAY,CAAE,OAAQ,MAAA,EAAW,OAC5D,SAAAY,EAAAA,kBAAAA,~~IAACW~~,EAAA,CAEC,MAAM,OACN,~~IAAKpB~~,EACL,~~MAAOa~~,EACP,~~SAAUd~~,EACV,YAAY,uBACZ,QACEF,~~EACIjB~~,EAAsB,CAAE,cAAe,KAAM,mBAAoB,EAAA,CAAM,EACvE,CAAE,QAAS,EAAA,EAEjB,~~QAAS0B~~,EACT,~~UAAWF~~,~~EACX~~,SAAU,~~CAACP~~,CAAA,~~EAbN~~,sBAAsBA,CAAS,EAAA,~~CActC~~,CACF,EACF,EACF,EACCA,GACCY,EAAAA,kBAAAA,~~IAACY~~,eAAA,CACC,SAAAP,yBAACQ,EAAAA,sBAAA,CACC,SAAA,~~CAAAb~~,~~wBAACc~~,EAAAA,QAAO,QAAQ,OAAO,MAAM,SAAS,~~QAASpB~~,~~EAAc~~,~~0BAC5DoB~~,EAAAA,OAAA,CAAO,QAAQ,SAAS,MAAM,OAAO,~~QAASrB~~,CAAA,CAAY,CAAA,CAAA,CAC7D,CAAA,CACF,CAAA,~~CAAA~~,~~CAAA~~,~~EAGJO,~~EAAAA,kBAAAA,~~IAACe~~,EAAAA,qBAAA,CAAqB,~~IAAKlC~~,EACzB,SAAAmB,EAAAA,kBAAAA,~~IAACgB~~,EAAAA,QAAA,~~CACC~~,YAAaC,EAAAA,~~mBACb~~,~~UAAWzC~~,GAAe,EAAA,CAAA,~~CAC5B~~,~~CACF,~~CAAA,CAAA,CAAA,CAGN"}
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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"}

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

@@ -1,15 +1,15 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as b, useState as v, useEffect as D } from "react";
-import { Button as a } from "@ynput/ayon-react-components";
-import w from "react-quill-ayon";
-import E from "clsx";
-import { BorderedSection as d } from "./BorderedSection.es.js";
-import { QuillListStyles as H } from "../QuillListStyles/QuillListStyles.es.js";
-import { StyledLoadingSkeleton as R, StyledContent as M, StyledEditor as Q, StyledQuillContainer as V, StyledFooter as B, StyledButtonContainer as F, StyledHiddenMarkdown as L } from "./DescriptionSection.styles.es.js";
-import O from "../../containers/Feed/components/CommentInput/InputMarkdownConvert.es.js";
-import { useDescriptionEditor as U } from "./hooks/useDescriptionEditor.es.js";
-import { mentionTypeOptions as I } from "./hooks/useMentionSystem.es.js";
-import { useQuillFormats as K } from "./hooks/useQuillFormats.es.js";
+import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as H, useState as R, useEffect as c } from "react";
+import { Button as u } from "@ynput/ayon-react-components";
+import M from "react-quill-ayon";
+import Q from "clsx";
+import { BorderedSection as f } from "./BorderedSection.es.js";
+import { QuillListStyles as V } from "../QuillListStyles/QuillListStyles.es.js";
+import { StyledLoadingSkeleton as B, StyledContent as F, StyledEditor as L, StyledQuillContainer as O, StyledFooter as U, StyledButtonContainer as I, StyledHiddenMarkdown as K } from "./DescriptionSection.styles.es.js";
+import N from "../../containers/Feed/components/CommentInput/InputMarkdownConvert.es.js";
+import { useDescriptionEditor as T } from "./hooks/useDescriptionEditor.es.js";
+import { mentionTypeOptions as q } from "./hooks/useMentionSystem.es.js";
+import { useQuillFormats as A } from "./hooks/useQuillFormats.es.js";
 import "lodash";
 import "react-toastify";
 import "uuid";
@@ -110,8 +110,10 @@ import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import "../../context/DetailsPanelContext.es.js";
-import "../../context/SubtasksModulesContext.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -119,122 +121,119 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
-import "../../context/UriContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-const N = ({
-  imageUploader: i,
+const P = ({
+  imageUploader: r,
   disableImageUpload: p = !1
 }) => {
-  const r = [
+  const m = [
     [{ header: 2 }, "bold", "italic", "link", "code-block"],
     [{ list: "ordered" }, { list: "bullet" }]
     // Removed { list: 'check' }
   ];
-  return p || r.push(["image"]), {
-    toolbar: r,
-    imageUploader: i,
+  return p || m.push(["image"]), {
+    toolbar: m,
+    imageUploader: r,
     magicUrl: !0
   };
-}, fi = ({
-  description: i,
-  isMixed: p,
-  enableEditing: r,
-  onChange: c,
-  isLoading: u
+}, ji = ({
+  description: r,
+  isLarge: p = !0,
+  isMixed: m,
+  enableEditing: h,
+  initialEdit: l,
+  onChange: x,
+  onCancel: g,
+  isLoading: j
 }) => {
-  const e = b(null), [n, l] = v("");
-  D(() => {
-    if (!i?.trim()) {
-      l("");
+  const e = H(null), [s, a] = R("");
+  c(() => {
+    if (!r?.trim()) {
+      a("");
       return;
     }
     if (!e.current) return;
-    const m = e.current.innerHTML;
-    l(m);
-  }, [i]);
+    const i = e.current.innerHTML;
+    a(i);
+  }, [r]);
   const {
-    isEditing: o,
-    editorValue: f,
-    setEditorValue: h,
-    editorRef: x,
-    handleStartEditing: s,
-    handleSave: g,
-    handleCancel: j,
-    handleKeyDown: y
-  } = U({
-    descriptionHtml: n,
-    enableEditing: r,
-    isMixed: p,
-    onChange: c
-  }), S = K();
-  if (u)
-    return /* @__PURE__ */ t.jsx(d, { title: "Description", children: /* @__PURE__ */ t.jsx(R, {}) });
-  const k = (m) => {
-    if (o)
+    isEditing: t,
+    editorValue: y,
+    setEditorValue: k,
+    editorRef: S,
+    handleStartEditing: n,
+    handleSave: C,
+    handleCancel: b,
+    handleKeyDown: v
+  } = T({
+    descriptionHtml: s,
+    enableEditing: h,
+    isMixed: m,
+    onChange: x
+  });
+  c(() => {
+    l && !t && n();
+  }, [l]);
+  const D = A();
+  if (j)
+    return /* @__PURE__ */ o.jsx(f, { title: "Description", children: /* @__PURE__ */ o.jsx(B, {}) });
+  const E = (i) => {
+    if (t)
       return;
-    if (m.target.closest("a")) {
-      m.stopPropagation();
+    if (i.target.closest("a")) {
+      i.stopPropagation();
       return;
     }
-    o || s();
-  }, C = o ? f : n;
-  return /* @__PURE__ */ t.jsxs(
-    d,
+    t || n();
+  }, d = () => {
+    b(), g?.();
+  }, w = t ? y : s;
+  return /* @__PURE__ */ o.jsxs(
+    f,
     {
       title: "Description",
-      showHeader: !o,
-      enableHover: !o,
-      onClick: o ? void 0 : s,
+      showHeader: !t,
+      enableHover: !t,
+      onClick: t ? void 0 : n,
+      description: p,
       children: [
-        /* @__PURE__ */ t.jsxs(
-          M,
-          {
-            className: E({ editing: o }),
-            onClick: k,
-            children: [
-              /* @__PURE__ */ t.jsx(Q, { className: "block-shortcuts", children: /* @__PURE__ */ t.jsx(H, { style: o ? { height: "auto" } : void 0, children: /* @__PURE__ */ t.jsx(V, { style: o ? { height: "auto" } : void 0, children: /* @__PURE__ */ t.jsx(
-                w,
-                {
-                  theme: "snow",
-                  ref: x,
-                  value: C,
-                  onChange: h,
-                  placeholder: "Add a description...",
-                  modules: o ? N({ imageUploader: null, disableImageUpload: !0 }) : { toolbar: !1 },
-                  formats: S,
-                  onKeyDown: y,
-                  readOnly: !o
-                },
-                `description-editor-${o}`
-              ) }) }) }),
-              o && /* @__PURE__ */ t.jsx(B, { children: /* @__PURE__ */ t.jsxs(F, { children: [
-                /* @__PURE__ */ t.jsx(a, { variant: "text", label: "Cancel", onClick: j }),
-                /* @__PURE__ */ t.jsx(a, { variant: "filled", label: "Save", onClick: g })
-              ] }) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ t.jsx(L, { ref: e, children: /* @__PURE__ */ t.jsx(
-          O,
-          {
-            typeOptions: I,
-            initValue: i || ""
-          }
-        ) })
+        /* @__PURE__ */ o.jsxs(F, { className: Q({ editing: t }), onClick: E, children: [
+          /* @__PURE__ */ o.jsx(L, { className: "block-shortcuts", children: /* @__PURE__ */ o.jsx(V, { style: t ? { height: "auto" } : void 0, children: /* @__PURE__ */ o.jsx(O, { style: t ? { height: "auto" } : void 0, children: /* @__PURE__ */ o.jsx(
+            M,
+            {
+              theme: "snow",
+              ref: S,
+              value: w,
+              onChange: k,
+              placeholder: "Add a description...",
+              modules: t ? P({ imageUploader: null, disableImageUpload: !0 }) : { toolbar: !1 },
+              formats: D,
+              onKeyDown: (i) => {
+                i.key === "Escape" ? d() : v(i);
+              },
+              readOnly: !t
+            },
+            `description-editor-${t}`
+          ) }) }) }),
+          t && /* @__PURE__ */ o.jsx(U, { children: /* @__PURE__ */ o.jsxs(I, { children: [
+            /* @__PURE__ */ o.jsx(u, { variant: "text", label: "Cancel", onClick: d }),
+            /* @__PURE__ */ o.jsx(u, { variant: "filled", label: "Save", onClick: C })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ o.jsx(K, { ref: e, children: /* @__PURE__ */ o.jsx(N, { typeOptions: q, initValue: r || "" }) })
       ]
     }
   );
 };
 export {
-  fi as DescriptionSection
+  ji as DescriptionSection
 };
 //# sourceMappingURL=DescriptionSection.es.js.map

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

	@@ -1 +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 isMixed: boolean\n enableEditing: boolean\n onChange: (description: string) => void\n isLoading: boolean\n}\n\nexport const DescriptionSection: React.FC<DescriptionSectionProps> = ({\n description,\n isMixed,\n enableEditing,\n onChange,\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 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 quillValue = isEditing ? editorValue : descriptionHtml\n\n return (\n <BorderedSection\n title=\"Description\"\n showHeader={!isEditing}\n enableHover={!isEditing}\n onClick={!isEditing ? handleStartEditing : undefined}\n >\n <StyledContent\n className={clsx({ editing: isEditing })}\n onClick={handleContentClick}\n >\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={handleKeyDown}\n readOnly={!isEditing}\n />\n </StyledQuillContainer>\n </QuillListStyles>\n </StyledEditor>\n {isEditing && (\n <StyledFooter>\n <StyledButtonContainer>\n <Button variant=\"text\" label=\"Cancel\" onClick={~~handleCancel~~} />\n <Button variant=\"filled\" label=\"Save\" onClick={handleSave} />\n </StyledButtonContainer>\n </StyledFooter>\n )}\n </StyledContent>\n <StyledHiddenMarkdown ref={markdownRef}>\n <InputMarkdownConvert\n typeOptions={mentionTypeOptions}\n initValue={description \|\| ''}\n />\n </StyledHiddenMarkdown>\n </BorderedSection>\n )\n}\n"],"names":["getDescriptionModules","imageUploader","disableImageUpload","toolbar","DescriptionSection","description","isMixed","enableEditing","onChange","isLoading","markdownRef","useRef","descriptionHtml","setDescriptionHtml","useState","useEffect","html","isEditing","editorValue","setEditorValue","editorRef","handleStartEditing","handleSave","handleCancel","handleKeyDown","useDescriptionEditor","conditionalFormats","useQuillFormats","BorderedSection","jsx","StyledLoadingSkeleton","handleContentClick","e","quillValue","jsxs","StyledContent","clsx","StyledEditor","QuillListStyles","StyledQuillContainer","ReactQuill","StyledFooter","StyledButtonContainer","Button","StyledHiddenMarkdown","InputMarkdownConvert","mentionTypeOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,MAAMA,IAAwB,CAAC;AAAA,EAC7B,eAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAGM;AACJ,QAAMC,IAAU;AAAA,IACd,CAAC,EAAE,QAAQ,EAAA,GAAK,QAAQ,UAAU,QAAQ,YAAY;AAAA,IACtD,CAAC,EAAE,MAAM,UAAA,GAAa,EAAE,MAAM,UAAU;AAAA;AAAA,EAAA;AAG1C,SAAKD,KACHC,EAAQ,KAAK,CAAC,OAAO,CAAC,GAGjB;AAAA,IACL,SAAAA;AAAA,IACA,eAAAF;AAAA,IACA,UAAU;AAAA,EAAA;AAEd,~~GAUaG~~,KAAwD,CAAC;AAAA,EACpE,aAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAcC,EAAuB,IAAI,GACzC,CAACC,GAAiBC,CAAkB,IAAIC,EAAS,EAAE;AAEzD,EAAAC,EAAU,MAAM;AACd,QAAI,~~CAACV~~,GAAa,QAAQ;AACxB,~~MAAAQ~~,EAAmB,EAAE;AACrB;AAAA,IACF;AAEA,QAAI,CAACH,EAAY,QAAS;AAE1B,UAAMM,IAAON,EAAY,QAAQ;AACjC,IAAAG,EAAmBG,CAAI;AAAA,EACzB,GAAG,~~CAACX~~,CAAW,CAAC;AAGhB,QAAM;AAAA,IACJ,~~WAAAY~~;AAAA,IACA,aAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,eAAAC;AAAA,EAAA,IACEC,EAAqB;AAAA,IACvB,iBAAAb;AAAA,IACA,~~eAAAL~~;AAAA,IACA,SAAAD;AAAA,IACA,~~UAAAE~~;AAAA,EAAA,CACD,~~GAEKkB~~,IAAqBC,EAAA;AAE3B,MAAIlB;AACF,iCACGmB,GAAA,EAAgB,OAAM,eACrB,UAAAC,gBAAAA,MAACC,KAAsB,GACzB;AAKJ,QAAMC,IAAqB,CAACC,MAAwB;AAElD,QAAIf;AACF;AAOF,QAHee,EAAE,OACG,QAAQ,GAAG,GAErB;AAER,MAAAA,EAAE,gBAAA;AACF;AAAA,IACF;AAGA,IAAKf,KACHI,EAAA;AAAA,EAEJ,GAEMY,~~IAAahB~~,IAAYC,IAAcN;AAE7C,~~SACEsB~~,gBAAAA,EAAAA;AAAAA,~~IAACN~~;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,YAAY,CAACX;AAAA,MACb,aAAa,CAACA;AAAA,MACd,SAAUA,IAAiC,SAArBI;AAAA,~~MAEtB~~,UAAA;AAAA,~~QAAAa~~,gBAAAA,EAAAA~~;AAAAA~~,~~UAACC;AAAA~~,~~UAAA;AAAA~~,~~YACC~~,WAAWC,EAAK,EAAE,~~SAASnB~~,GAAW~~;AAAA~~,~~YACtC~~,SAASc~~;AAAA~~,~~YAET~~,UAAA;AAAA,~~cAAAF~~,gBAAAA,EAAAA,~~IAACQ~~,GAAA,EAAa,WAAU,mBACtB,~~UAAAR~~,gBAAAA,~~MAACS~~,KAAgB,~~OAAOrB~~,IAAY,EAAE,QAAQ,WAAW,QACvD,UAAAY,gBAAAA,~~MAACU~~,KAAqB,~~OAAOtB~~,IAAY,EAAE,QAAQ,OAAA,IAAW,QAC5D,UAAAY,gBAAAA,EAAAA;AAAAA,~~gBAACW~~;AAAA,~~gBAAA~~;AAAA,~~kBAEC~~,OAAM;AAAA,~~kBACN~~,~~KAAKpB~~;AAAA,~~kBACL~~,~~OAAOa~~;AAAA,~~kBACP~~,~~UAAUd~~;AAAA,~~kBACV~~,aAAY;AAAA,~~kBACZ~~,SACEF,~~IACIjB~~,EAAsB,EAAE,eAAe,MAAM,oBAAoB,GAAA,CAAM,IACvE,EAAE,SAAS,GAAA;AAAA,~~kBAEjB~~,~~SAAS0B~~;AAAA,~~kBACT~~,~~WAAWF~~;AAAA,~~kBACX~~,UAAU,~~CAACP~~;AAAA,~~gBAAA~~;AAAA,~~gBAbN~~,sBAAsBA,CAAS;AAAA,~~cAAA~~,~~EActC~~,CACF,GACF,GACF;AAAA,~~cACCA~~,KACCY,gBAAAA,EAAAA,~~IAACY~~,GAAA,EACC,UAAAP,gBAAAA,OAACQ,GAAA,EACC,UAAA;AAAA,~~gBAAAb~~,gBAAAA,~~MAACc~~,KAAO,SAAQ,QAAO,OAAM,UAAS,~~SAASpB~~,~~GAAc~~;AAAA,~~sCAC5DoB~~,GAAA,EAAO,SAAQ,UAAS,OAAM,QAAO,~~SAASrB~~,EAAA,CAAY;AAAA,~~cAAA~~,EAAA,CAC7D,EAAA,CACF;AAAA,~~YAAA;AAAA~~,~~UAAA~~;AAAA,~~QAAA;AAAA~~,~~QAGJO,~~gBAAAA,EAAAA,~~IAACe~~,GAAA,EAAqB,~~KAAKlC~~,GACzB,UAAAmB,gBAAAA,EAAAA~~;AAAAA~~,~~UAACgB;AAAA~~,~~UAAA;AAAA~~,~~YACC~~,aAAaC~~;AAAA~~,~~YACb~~,~~WAAWzC~~,KAAe~~;AAAA~~,~~UAAA;AAAA~~,~~QAAA~~,~~EAC5B~~,~~CACF~~;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
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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"}

package/dist/shared/src/components/DetailsPanelDetails/DescriptionSection.styles.cjs.js CHANGED Viewed

@@ -142,6 +142,7 @@
       white-space: normal;
       word-break: keep-all;
       overflow-wrap: normal;
+      padding-bottom: 12px;
       /* Consistent scrollbar styling across edit/read-only */
       scrollbar-width: thin;
@@ -239,10 +240,13 @@
         margin-bottom: 8px;
       }
-      h2  {
-        a, em, strong, u {
-        font-size: 24px;
-      }
+      h2 {
+        a,
+        em,
+        strong,
+        u {
+          font-size: 24px;
+        }
         p {
           word-break: break-word;
@@ -284,6 +288,12 @@
       }
     }
   }
+  &.compact {
+    .ql-container.ql-snow {
+      padding: 6px var(--padding-s);
+    }
+  }
 `,t=o.div`
   display: flex;
   justify-content: end;
@@ -291,11 +301,15 @@
   padding: 8px;
   height: 48px;
   border-top: 1px solid var(--md-sys-color-outline-variant);
-`;o.div`
+`,i=o.div`
+  min-width: 0;
   .markdown-content {
     color: var(--md-sys-color-on-surface);
     line-height: 1.5;
     white-space: pre-wrap; /* prevent preserved newlines from adding extra gaps compared to editor */
+    word-break: break-word;
+    overflow-wrap: break-word;
+    overflow-x: clip;
     /* Normalize spacing to match the editor */
     /* Match editor heading sizes: Quill uses ~1.5em for H2 */
@@ -345,7 +359,7 @@
     ul,
     ol {
       white-space: nowrap;
-      margin: 16px 0;
+      margin: -8px 0;
       padding-left: 20px !important;
     }
@@ -391,17 +405,17 @@
       }
     }
   }
-`;const i=o.div`
+`,a=o.div`
   height: 20px;
   background: var(--md-sys-color-surface-container-low);
   border-radius: 4px;
 `;o.span`
   color: var(--md-sys-color-on-surface-variant);
   font-style: italic;
-`;const a=o.div`
+`;const n=o.div`
   display: flex;
   gap: 8px;
-`,n=o.div`
+`,l=o.div`
   height: 100%;
   min-width: 0;
@@ -453,12 +467,12 @@
   .ql-editor.ql-blank {
     cursor: pointer !important;
   }
-`,l=o.div`
+`,d=o.div`
   position: fixed;
   visibility: hidden;
   pointer-events: none;
   opacity: 0;
   top: -9999px;
   left: -9999px;
-`;exports.StyledButtonContainer=a;exports.StyledContent=r;exports.StyledEditor=e;exports.StyledFooter=t;exports.StyledHiddenMarkdown=l;exports.StyledLoadingSkeleton=i;exports.StyledQuillContainer=n;
+`;exports.StyledButtonContainer=n;exports.StyledContent=r;exports.StyledEditor=e;exports.StyledFooter=t;exports.StyledHiddenMarkdown=d;exports.StyledLoadingSkeleton=a;exports.StyledMarkdown=i;exports.StyledQuillContainer=l;
 //# sourceMappingURL=DescriptionSection.styles.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"DescriptionSection.styles.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n padding: 0;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: 100%;\n\n &.editing {\n cursor: default;\n padding: 0;\n margin: 0;\n height: auto;\n min-height: 300px;\n\n .quill {\n height: auto;\n }\n }\n\n &:not(.editing) {\n cursor: pointer !important;\n\n * {\n cursor: pointer !important;\n }\n }\n`\n\nexport const StyledDescription = styled.div`\n color: var(--md-sys-color-on-surface);\n line-height: 1.5;\n white-space: pre-wrap;\n word-break: break-word;\n\n &.empty {\n color: var(--md-sys-color-on-surface-variant);\n font-style: italic;\n }\n`\n\nexport const StyledEditor = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n\n .ql-toolbar.ql-snow {\n height: 40px;\n border: none;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n padding: 4px;\n display: flex;\n width: unset;\n\n .ql-formats {\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-outline-variant);\n display: flex;\n gap: var(--base-gap-small);\n\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n height: 32px;\n width: 32px;\n border-radius: var(--border-radius-m);\n transition: all 0.2s ease;\n border: none;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n\n /* Base styling matching activity section /\n &,\n .icon {\n color: var(--md-sys-color-on-surface);\n }\n\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 600;\n }\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &:hover.ql-active {\n background-color: var(--md-sys-color-secondary-container-hover);\n }\n\n / Special styling for header dropdown when active - matching activity reference styling /\n &.ql-picker.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n border: 1px solid var(--md-sys-color-outline);\n border-radius: var(--border-radius-m);\n\n .ql-picker-label {\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 600;\n }\n }\n\n / Picker dropdown styling to match activity section /\n &.ql-picker {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n }\n\n .ql-container.ql-snow {\n border: none;\n flex: 1;\n display: flex;\n flex-direction: column;\n min-width: 0;\n padding: 12px;\n\n .ql-editor {\n min-height: 60px;\n flex: 1;\n overflow-y: auto;\n overflow-x: auto;\n min-width: 0;\n padding: 0;\n white-space: normal;\n word-break: keep-all;\n overflow-wrap: normal;\n\n / Consistent scrollbar styling across edit/read-only /\n scrollbar-width: thin;\n scrollbar-color: var(--md-sys-color-outline) transparent;\n\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--md-sys-color-outline);\n border-radius: 8px;\n border: 2px solid transparent;\n background-clip: content-box;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: var(--md-sys-color-outline-variant);\n }\n\n width: 100%;\n max-width: 100%;\n\n &[contenteditable='false'] {\n / Allow scrolling in read-only mode /\n pointer-events: auto;\n cursor: pointer !important;\n -webkit-overflow-scrolling: touch;\n\n a {\n pointer-events: auto;\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.ql-blank::before {\n color: var(--md-sys-color-on-surface-variant);\n opacity: 0.6;\n font-style: italic;\n }\n\n / Ensure blank line paragraphs have visible height /\n p {\n min-height: 1.43em;\n }\n\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n font-family: monospace;\n margin-bottom: 12px;\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n color: var(--md-sys-color-primary);\n text-decoration: none;\n /* Handle very long URLs and paths /\n word-break: break-all;\n overflow-wrap: break-word;\n overflow-x: auto;\n display: inline-block;\n max-width: 100%;\n }\n\n strong {\n em,\n u,\n a {\n font-weight: 800;\n }\n }\n\n / Match activity section typography /\n h1,\n h2 {\n font-size: 24px;\n margin-top: 16px;\n margin-bottom: 8px;\n }\n\n h2 {\n a, em, strong, u {\n font-size: 24px;\n }\n\n p {\n word-break: break-word;\n margin-bottom: 8px;\n / Handle very long unbreakable content like file paths /\n overflow-x: auto;\n min-width: 0;\n }\n\n ul,\n ol {\n margin: 16px 0 !important;\n padding-left: 20px;\n }\n\n blockquote {\n margin: 0;\n padding-left: 16px;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--md-sys-color-outline-variant);\n border-radius: 2px;\n }\n }\n\n / Handle very long unbreakable content like file paths /\n {\n /* Allow horizontal scroll for any element with very long content /\n overflow-x: auto;\n min-width: 0;\n }\n }\n }\n }\n`\n\nexport const StyledFooter = styled.div`\n display: flex;\n justify-content: end;\n align-items: center;\n padding: 8px;\n height: 48px;\n border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n .markdown-content {\n color: var(--md-sys-color-on-surface);\n line-height: 1.5;\n white-space: pre-wrap; / prevent preserved newlines from adding extra gaps compared to editor /\n\n / Normalize spacing to match the editor /\n / Match editor heading sizes: Quill uses ~1.5em for H2 /\n h1 {\n font-size: 1.5rem;\n }\n h2 {\n font-size: 24px;\n margin-top: 16px;\n margin-bottom: 8px;\n }\n h3 {\n font-size: 1.125rem;\n }\n\n / Avoid big gaps created by consecutive blank paragraphs /\n p {\n margin: 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n pre {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: 8px;\n border-radius: var(--border-radius-m);\n overflow-x: auto;\n margin: 0;\n letter-spacing: 0.25px;\n }\n\n strong {\n em,\n a {\n font-weight: 800 !important;\n }\n }\n\n blockquote {\n border-left: 3px solid var(--md-sys-color-outline);\n margin: 8px 0;\n padding-left: 12px;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n ul,\n ol {\n white-space: nowrap;\n margin: 16px 0;\n padding-left: 20px !important;\n }\n\n / Handle mixed lists with data-list attributes /\n ol li[data-list='bullet'] {\n list-style-type: disc !important;\n }\n\n ol li[data-list='ordered'] {\n list-style-type: decimal !important;\n }\n\n / Remove extra vertical gap when markdown renders mixed list types consecutively /\n ul + ul,\n ul + ol,\n ol + ul,\n ol + ol {\n / Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) /\n margin-top: -16px;\n }\n\n ol li {\n list-style-type: decimal !important;\n list-style-position: inside !important;\n }\n\n ul li {\n list-style-type: circle !important;\n list-style-position: inside !important;\n }\n\n a {\n color: var(--md-sys-color-primary);\n text-decoration: none;\n }\n\n h2 {\n a,\n em,\n strong,\n u {\n font-size: 24px;\n }\n }\n }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n color: var(--md-sys-color-on-surface-variant);\n font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n display: flex;\n gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n height: 100%;\n min-width: 0;\n\n .quill {\n height: 100%;\n }\n\n / Force cursor pointer when ReactQuill is readonly - comprehensive approach /\n .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n cursor: pointer !important;\n\n / Override cursor for all child elements /\n {\n cursor: pointer !important;\n }\n\n /* Specific overrides for common elements that might have different cursors /\n a,\n strong,\n em,\n code,\n span,\n div,\n p,\n li,\n ol,\n ul,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n cursor: pointer !important;\n }\n\n / Ensure links are clickable and have proper cursor /\n a {\n pointer-events: auto !important;\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n / Also handle blank state */\n .ql-editor.ql-blank {\n cursor: pointer !important;\n }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n position: fixed;\n visibility: hidden;\n pointer-events: none;\n opacity: 0;\n top: -9999px;\n left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjC,MAAMC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA2PtBE,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsG9B,MAAMG,EAAwBH,EAAO;AAAA;AAAA;AAAA;AAAA,EAMRA,EAAO;AAAA;AAAA;AAAA,EAKpC,MAAMI,EAAwBJ,EAAO;AAAA;AAAA;AAAA,EAK/BK,EAAuBL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsD9BM,EAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"DescriptionSection.styles.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DescriptionSection.styles.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const StyledContent = styled.div`\n padding: 0;\n cursor: pointer;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: 100%;\n\n &.editing {\n cursor: default;\n padding: 0;\n margin: 0;\n height: auto;\n min-height: 300px;\n\n .quill {\n height: auto;\n }\n }\n\n &:not(.editing) {\n cursor: pointer !important;\n\n * {\n cursor: pointer !important;\n }\n }\n`\n\nexport const StyledDescription = styled.div`\n color: var(--md-sys-color-on-surface);\n line-height: 1.5;\n white-space: pre-wrap;\n word-break: break-word;\n\n &.empty {\n color: var(--md-sys-color-on-surface-variant);\n font-style: italic;\n }\n`\n\nexport const StyledEditor = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n\n .ql-toolbar.ql-snow {\n height: 40px;\n border: none;\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n padding: 4px;\n display: flex;\n width: unset;\n\n .ql-formats {\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-outline-variant);\n display: flex;\n gap: var(--base-gap-small);\n\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n height: 32px;\n width: 32px;\n border-radius: var(--border-radius-m);\n transition: all 0.2s ease;\n border: none;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n\n /* Base styling matching activity section /\n &,\n .icon {\n color: var(--md-sys-color-on-surface);\n }\n\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 600;\n }\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &:hover.ql-active {\n background-color: var(--md-sys-color-secondary-container-hover);\n }\n\n / Special styling for header dropdown when active - matching activity reference styling /\n &.ql-picker.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n border: 1px solid var(--md-sys-color-outline);\n border-radius: var(--border-radius-m);\n\n .ql-picker-label {\n color: var(--md-sys-color-on-secondary-container);\n font-weight: 600;\n }\n }\n\n / Picker dropdown styling to match activity section /\n &.ql-picker {\n background-color: var(--md-sys-color-surface-container-high);\n border-radius: var(--border-radius-m);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n }\n\n .ql-container.ql-snow {\n border: none;\n flex: 1;\n display: flex;\n flex-direction: column;\n min-width: 0;\n padding: 12px;\n\n .ql-editor {\n min-height: 60px;\n flex: 1;\n overflow-y: auto;\n overflow-x: auto;\n min-width: 0;\n padding: 0;\n white-space: normal;\n word-break: keep-all;\n overflow-wrap: normal;\n padding-bottom: 12px;\n\n / Consistent scrollbar styling across edit/read-only /\n scrollbar-width: thin;\n scrollbar-color: var(--md-sys-color-outline) transparent;\n\n &::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n }\n\n &::-webkit-scrollbar-track {\n background: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: var(--md-sys-color-outline);\n border-radius: 8px;\n border: 2px solid transparent;\n background-clip: content-box;\n }\n\n &::-webkit-scrollbar-thumb:hover {\n background-color: var(--md-sys-color-outline-variant);\n }\n\n width: 100%;\n max-width: 100%;\n\n &[contenteditable='false'] {\n / Allow scrolling in read-only mode /\n pointer-events: auto;\n cursor: pointer !important;\n -webkit-overflow-scrolling: touch;\n\n a {\n pointer-events: auto;\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n &.ql-blank::before {\n color: var(--md-sys-color-on-surface-variant);\n opacity: 0.6;\n font-style: italic;\n }\n\n / Ensure blank line paragraphs have visible height /\n p {\n min-height: 1.43em;\n }\n\n .ql-code-block-container {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n font-family: monospace;\n margin-bottom: 12px;\n }\n\n .ql-code-block-container .ql-code-block,\n .ql-code-block-container .ql-code-block ,\n .ql-code-block-container * {\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n }\n\n a {\n color: var(--md-sys-color-primary);\n text-decoration: none;\n /* Handle very long URLs and paths /\n word-break: break-all;\n overflow-wrap: break-word;\n overflow-x: auto;\n display: inline-block;\n max-width: 100%;\n }\n\n strong {\n em,\n u,\n a {\n font-weight: 800;\n }\n }\n\n / Match activity section typography /\n h1,\n h2 {\n font-size: 24px;\n margin-top: 16px;\n margin-bottom: 8px;\n }\n\n h2 {\n a,\n em,\n strong,\n u {\n font-size: 24px;\n }\n\n p {\n word-break: break-word;\n margin-bottom: 8px;\n / Handle very long unbreakable content like file paths /\n overflow-x: auto;\n min-width: 0;\n }\n\n ul,\n ol {\n margin: 16px 0 !important;\n padding-left: 20px;\n }\n\n blockquote {\n margin: 0;\n padding-left: 16px;\n position: relative;\n\n &::before {\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 4px;\n background-color: var(--md-sys-color-outline-variant);\n border-radius: 2px;\n }\n }\n\n / Handle very long unbreakable content like file paths /\n {\n /* Allow horizontal scroll for any element with very long content /\n overflow-x: auto;\n min-width: 0;\n }\n }\n }\n }\n\n &.compact {\n .ql-container.ql-snow {\n padding: 6px var(--padding-s);\n }\n }\n`\n\nexport const StyledFooter = styled.div`\n display: flex;\n justify-content: end;\n align-items: center;\n padding: 8px;\n height: 48px;\n border-top: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const StyledMarkdown = styled.div`\n min-width: 0;\n .markdown-content {\n color: var(--md-sys-color-on-surface);\n line-height: 1.5;\n white-space: pre-wrap; / prevent preserved newlines from adding extra gaps compared to editor /\n word-break: break-word;\n overflow-wrap: break-word;\n overflow-x: clip;\n\n / Normalize spacing to match the editor /\n / Match editor heading sizes: Quill uses ~1.5em for H2 /\n h1 {\n font-size: 1.5rem;\n }\n h2 {\n font-size: 24px;\n margin-top: 16px;\n margin-bottom: 8px;\n }\n h3 {\n font-size: 1.125rem;\n }\n\n / Avoid big gaps created by consecutive blank paragraphs /\n p {\n margin: 0;\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n pre {\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: 8px;\n border-radius: var(--border-radius-m);\n overflow-x: auto;\n margin: 0;\n letter-spacing: 0.25px;\n }\n\n strong {\n em,\n a {\n font-weight: 800 !important;\n }\n }\n\n blockquote {\n border-left: 3px solid var(--md-sys-color-outline);\n margin: 8px 0;\n padding-left: 12px;\n color: var(--md-sys-color-on-surface-variant);\n }\n\n ul,\n ol {\n white-space: nowrap;\n margin: -8px 0;\n padding-left: 20px !important;\n }\n\n / Handle mixed lists with data-list attributes /\n ol li[data-list='bullet'] {\n list-style-type: disc !important;\n }\n\n ol li[data-list='ordered'] {\n list-style-type: decimal !important;\n }\n\n / Remove extra vertical gap when markdown renders mixed list types consecutively /\n ul + ul,\n ul + ol,\n ol + ul,\n ol + ol {\n / Use a negative top margin to cancel the previous list's bottom margin (margin-collapsing) /\n margin-top: -16px;\n }\n\n ol li {\n list-style-type: decimal !important;\n list-style-position: inside !important;\n }\n\n ul li {\n list-style-type: circle !important;\n list-style-position: inside !important;\n }\n\n a {\n color: var(--md-sys-color-primary);\n text-decoration: none;\n }\n\n h2 {\n a,\n em,\n strong,\n u {\n font-size: 24px;\n }\n }\n }\n`\n\nexport const StyledLoadingSkeleton = styled.div`\n height: 20px;\n background: var(--md-sys-color-surface-container-low);\n border-radius: 4px;\n`\n\nexport const StyledMultipleValues = styled.span`\n color: var(--md-sys-color-on-surface-variant);\n font-style: italic;\n`\n\nexport const StyledButtonContainer = styled.div`\n display: flex;\n gap: 8px;\n`\n\nexport const StyledQuillContainer = styled.div`\n height: 100%;\n min-width: 0;\n\n .quill {\n height: 100%;\n }\n\n / Force cursor pointer when ReactQuill is readonly - comprehensive approach /\n .ql-container.ql-snow .ql-editor[contenteditable='false'] {\n cursor: pointer !important;\n\n / Override cursor for all child elements /\n {\n cursor: pointer !important;\n }\n\n /* Specific overrides for common elements that might have different cursors /\n a,\n strong,\n em,\n code,\n span,\n div,\n p,\n li,\n ol,\n ul,\n h1,\n h2,\n h3,\n h4,\n h5,\n h6 {\n cursor: pointer !important;\n }\n\n / Ensure links are clickable and have proper cursor /\n a {\n pointer-events: auto !important;\n cursor: pointer !important;\n\n &:hover {\n text-decoration: underline;\n }\n }\n }\n\n / Also handle blank state */\n .ql-editor.ql-blank {\n cursor: pointer !important;\n }\n`\n\nexport const StyledHiddenMarkdown = styled.div`\n position: fixed;\n visibility: hidden;\n pointer-events: none;\n opacity: 0;\n top: -9999px;\n left: -9999px;\n`\n"],"names":["StyledContent","styled","StyledEditor","StyledFooter","StyledMarkdown","StyledLoadingSkeleton","StyledButtonContainer","StyledQuillContainer","StyledHiddenMarkdown"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BHA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYjC,MAAMC,EAAeD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqQtBE,EAAeF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAStBG,EAAiBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0GxBI,EAAwBJ,EAAO;AAAA;AAAA;AAAA;AAAA,EAMRA,EAAO;AAAA;AAAA;AAAA,EAKpC,MAAMK,EAAwBL,EAAO;AAAA;AAAA;AAAA,EAK/BM,EAAuBN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAsD9BO,EAAuBP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}