npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.29 → 0.2.30 - Mend

@ynput/ayon-frontend-shared 0.2.29 → 0.2.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 (629) hide show

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityComment.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\n\nexport const CommentWrapper = styled.div`\n border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n\n / hide date and show tools /\n &.isOwner {\n / by default hide menu /\n\n .tools {\n opacity: 0;\n }\n\n .isEditing {\n z-index: 1000;\n }\n\n :not(.isEditing) {\n / on hover show menu and hide date /\n &:hover {\n .tools {\n opacity: 1;\n }\n }\n }\n }\n\n &.isHighlighted {\n background-color: var(--md-sys-color-secondary-container);\n }\n`\n\nexport const Body = styled.div`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n padding: 12px 10px;\n position: relative;\n\n / remove first and last margins /\n / + * because tools is actual first /\n & > :first-child + * {\n margin-top: 0;\n }\n\n & > :not(.tools):not(h1) {\n margin-bottom: 0;\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n img {\n width: 100%;\n }\n\n p {\n word-break: break-word;\n .reference {\n top: 5px;\n }\n }\n\n h1 {\n ${theme.titleLarge}\n font-size: 24px;\n }\n\n h2 {\n ${theme.titleMedium}\n font-size: 20px;\n }\n\n h3 {\n ${theme.titleSmall}\n font-size: 16px;\n }\n\n h1,\n h2,\n h3 {\n margin-top: 16px;\n }\n\n ul,\n ol {\n .reference {\n top: 6px;\n }\n }\n\n .contains-task-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding-left: 8px;\n margin: 16px 0;\n\n li {\n align-items: center;\n }\n\n & > {\n padding-left: 1.5rem;\n }\n\n p {\n margin: 0;\n\n .reference {\n top: 0px;\n margin-left: 4px;\n }\n }\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 &.isEditing {\n padding: 0;\n border-radius: var(--border-radius-l);\n }\n`\n\nexport const QuoteLine = styled.p`\n margin: 0;\n\n &:first-child {\n margin-top: 14px;\n }\n\n &:last-child {\n margin-bottom: 14px;\n }\n`\n\nexport const Attachments = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n height: 100px;\n width: 100px;\n object-fit: contain;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n border-radius: var(--border-radius-m);\n background-color: var(--md-sys-color-surface-container-high);\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\nexport const AttachmentImg = styled.img`\n ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n ${attachmentBase}\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .icon {\n margin-bottom: 20px;\n font-size: 32px;\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Name = styled.span`\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n text-align: center;\n /* break text */\n overflow-wrap: break-word;\n color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n padding: var(--padding-m);\n border-radius: var(--padding-s);\n background-color: var(--md-sys-color-surface-container-lowest);\n\n line-break: anywhere;\n word-break: break-word;\n overflow: hidden;\n`\n\nexport const Tools = styled.div`\n display: flex;\n position: absolute;\n right: 4px;\n top: 4px;\n background-color: var(--md-sys-color-surface-container-highest);\n border-radius: var(--border-radius-m);\n z-index: 50;\n`\n\nexport const ToolButton = styled(Button)`\n padding: 4px;\n\n [icon='edit_square'] {\n position: relative;\n top: -1px;\n }\n`\n\nexport const Tip = styled.span`\n background-color: var(--md-sys-color-secondary-container);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n margin: 16px 0 !important;\n\n &,\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n p {\n margin: 0;\n }\n\n .icon {\n font-size: 24px;\n }\n`\n"],"names":["styled","Comment","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":"+JAG8BA,EAAO;AAAA;AAAA,EAI9B,MAAMC,EAAUD,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,EAyCjBE,EAAOF,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,MAiCrBG,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAkETC~~,EAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYLA,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAMK,EAAiBC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBMN,EAAO;AAAA,IAChCK,CAAc;AAAA,EAGYL,EAAO;AAAA,IACjCK,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaEL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,MAAMO,EAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EAUnBQ~~,EAAQR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfS,EAAaT,EAAOU,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS1BC,EAAMX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"ActivityComment.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\n\nexport const CommentWrapper = styled.div`\n border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n\n / hide date and show tools /\n &.isOwner {\n / by default hide menu /\n\n .tools {\n opacity: 0;\n }\n\n .isEditing {\n z-index: 1000;\n }\n\n :not(.isEditing) {\n / on hover show menu and hide date /\n &:hover {\n .tools {\n opacity: 1;\n }\n }\n }\n }\n\n &.isHighlighted {\n background-color: var(--md-sys-color-secondary-container);\n }\n`\n\nexport const Body = styled.div`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n padding: 12px 10px;\n position: relative;\n\n / remove first and last margins /\n / + * because tools is actual first /\n & > :first-child + * {\n margin-top: 0;\n }\n\n & > :not(.tools):not(h1) {\n margin-bottom: 0;\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n img {\n width: 100%;\n }\n\n p {\n word-break: break-word;\n .reference {\n top: 5px;\n }\n }\n\n h1 {\n ${theme.titleLarge}\n font-size: 24px;\n }\n\n h2 {\n ${theme.titleMedium}\n font-size: 20px;\n }\n\n h3 {\n ${theme.titleSmall}\n font-size: 16px;\n }\n\n h1,\n h2,\n h3 {\n margin-top: 16px;\n }\n\n ul,\n ol {\n .reference {\n top: 6px;\n }\n }\n\n .contains-task-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding-left: 8px;\n margin: 16px 0;\n\n li {\n align-items: center;\n }\n\n & > {\n padding-left: 1.5rem;\n }\n\n p {\n margin: 0;\n\n .reference {\n top: 0px;\n margin-left: 4px;\n }\n }\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 /* Inline code elements (not in pre blocks) /\n code:not(pre code) {\n font-family: monospace;\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: 2px 4px;\n border-radius: 2px;\n }\n\n &.isEditing {\n padding: 0;\n border-radius: var(--border-radius-l);\n }\n`\n\nexport const QuoteLine = styled.p`\n margin: 0;\n\n &:first-child {\n margin-top: 14px;\n }\n\n &:last-child {\n margin-bottom: 14px;\n }\n`\n\nexport const Attachments = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n height: 100px;\n width: 100px;\n object-fit: contain;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n border-radius: var(--border-radius-m);\n background-color: var(--md-sys-color-surface-container-high);\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\nexport const AttachmentImg = styled.img`\n ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n ${attachmentBase}\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .icon {\n margin-bottom: 20px;\n font-size: 32px;\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Name = styled.span`\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n text-align: center;\n / break text /\n overflow-wrap: break-word;\n color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n padding: var(--padding-m);\n border-radius: var(--padding-s);\n background-color: var(--md-sys-color-surface-container-lowest);\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n\n line-break: anywhere;\n word-break: break-word;\n overflow: hidden;\n\n / Ensure all child elements use monospace font /\n {\n font-family: monospace !important;\n }\n`\n\nexport const Tools = styled.div`\n display: flex;\n position: absolute;\n right: 4px;\n top: 4px;\n background-color: var(--md-sys-color-surface-container-highest);\n border-radius: var(--border-radius-m);\n z-index: 50;\n`\n\nexport const ToolButton = styled(Button)`\n padding: 4px;\n\n [icon='edit_square'] {\n position: relative;\n top: -1px;\n }\n`\n\nexport const Tip = styled.span`\n background-color: var(--md-sys-color-secondary-container);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n margin: 16px 0 !important;\n\n &,\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n p {\n margin: 0;\n }\n\n .icon {\n font-size: 24px;\n }\n`\n"],"names":["styled","Comment","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":"+JAG8BA,EAAO;AAAA;AAAA,EAI9B,MAAMC,EAAUD,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,EAyCjBE,EAAOF,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,MAiCrBG,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,QAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0ETC,EAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYLA,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlC,MAAMK,EAAiBC,EAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBMN,EAAO;AAAA,IAChCK,CAAc;AAAA,EAGYL,EAAO;AAAA,IACjCK,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaEL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,MAAMO,EAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBnBQ,EAAQR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUfS,EAAaT,EAAOU,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAS1BC,EAAMX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityComment.styled.es.js CHANGED Viewed

@@ -1,5 +1,5 @@
-import { theme as r, Button as i } from "@ynput/ayon-react-components";
-import o, { css as e } from "styled-components";
+import { theme as r, Button as a } from "@ynput/ayon-react-components";
+import o, { css as i } from "styled-components";
 o.div`
   border-radius: var(--border-radius-m);
 `;
@@ -145,6 +145,14 @@ const d = o.li`
     }
   }
+  /* Inline code elements (not in pre blocks) */
+  code:not(pre code) {
+    font-family: monospace;
+    background-color: var(--md-sys-color-surface-container-lowest);
+    padding: 2px 4px;
+    border-radius: 2px;
+  }
   &.isEditing {
     padding: 0;
     border-radius: var(--border-radius-l);
@@ -165,7 +173,7 @@ o.div`
   flex-wrap: wrap;
   gap: var(--base-gap-large);
 `;
-const a = e`
+const e = i`
   height: 100px;
   width: 100px;
   object-fit: contain;
@@ -185,10 +193,10 @@ const a = e`
   }
 `;
 o.img`
-  ${a}
+  ${e}
 `;
 o.a`
-  ${a}
+  ${e}
   display: flex;
   flex-direction: column;
@@ -214,10 +222,17 @@ const c = o.pre`
   padding: var(--padding-m);
   border-radius: var(--padding-s);
   background-color: var(--md-sys-color-surface-container-lowest);
+  font-family: monospace;
+  font-size: var(--md-sys-typescale-body-small-font-size);
   line-break: anywhere;
   word-break: break-word;
   overflow: hidden;
+  /* Ensure all child elements use monospace font */
+  * {
+    font-family: monospace !important;
+  }
 `, p = o.div`
   display: flex;
   position: absolute;
@@ -226,14 +241,14 @@ const c = o.pre`
   background-color: var(--md-sys-color-surface-container-highest);
   border-radius: var(--border-radius-m);
   z-index: 50;
-`, g = o(i)`
+`, m = o(a)`
   padding: 4px;
   [icon='edit_square'] {
     position: relative;
     top: -1px;
   }
-`, m = o.span`
+`, g = o.span`
   background-color: var(--md-sys-color-secondary-container);
   display: flex;
   align-items: center;
@@ -260,8 +275,8 @@ export {
   s as Body,
   d as Comment,
   l as QuoteLine,
-  m as Tip,
-  g as ToolButton,
+  g as Tip,
+  m as ToolButton,
   p as Tools
 };
 //# sourceMappingURL=ActivityComment.styled.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityComment/ActivityComment.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\n\nexport const CommentWrapper = styled.div`\n border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n\n / hide date and show tools /\n &.isOwner {\n / by default hide menu /\n\n .tools {\n opacity: 0;\n }\n\n .isEditing {\n z-index: 1000;\n }\n\n :not(.isEditing) {\n / on hover show menu and hide date /\n &:hover {\n .tools {\n opacity: 1;\n }\n }\n }\n }\n\n &.isHighlighted {\n background-color: var(--md-sys-color-secondary-container);\n }\n`\n\nexport const Body = styled.div`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n padding: 12px 10px;\n position: relative;\n\n / remove first and last margins /\n / + * because tools is actual first /\n & > :first-child + * {\n margin-top: 0;\n }\n\n & > :not(.tools):not(h1) {\n margin-bottom: 0;\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n img {\n width: 100%;\n }\n\n p {\n word-break: break-word;\n .reference {\n top: 5px;\n }\n }\n\n h1 {\n ${theme.titleLarge}\n font-size: 24px;\n }\n\n h2 {\n ${theme.titleMedium}\n font-size: 20px;\n }\n\n h3 {\n ${theme.titleSmall}\n font-size: 16px;\n }\n\n h1,\n h2,\n h3 {\n margin-top: 16px;\n }\n\n ul,\n ol {\n .reference {\n top: 6px;\n }\n }\n\n .contains-task-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding-left: 8px;\n margin: 16px 0;\n\n li {\n align-items: center;\n }\n\n & > {\n padding-left: 1.5rem;\n }\n\n p {\n margin: 0;\n\n .reference {\n top: 0px;\n margin-left: 4px;\n }\n }\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 &.isEditing {\n padding: 0;\n border-radius: var(--border-radius-l);\n }\n`\n\nexport const QuoteLine = styled.p`\n margin: 0;\n\n &:first-child {\n margin-top: 14px;\n }\n\n &:last-child {\n margin-bottom: 14px;\n }\n`\n\nexport const Attachments = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n height: 100px;\n width: 100px;\n object-fit: contain;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n border-radius: var(--border-radius-m);\n background-color: var(--md-sys-color-surface-container-high);\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\nexport const AttachmentImg = styled.img`\n ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n ${attachmentBase}\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .icon {\n margin-bottom: 20px;\n font-size: 32px;\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Name = styled.span`\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n text-align: center;\n /* break text */\n overflow-wrap: break-word;\n color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n padding: var(--padding-m);\n border-radius: var(--padding-s);\n background-color: var(--md-sys-color-surface-container-lowest);\n\n line-break: anywhere;\n word-break: break-word;\n overflow: hidden;\n`\n\nexport const Tools = styled.div`\n display: flex;\n position: absolute;\n right: 4px;\n top: 4px;\n background-color: var(--md-sys-color-surface-container-highest);\n border-radius: var(--border-radius-m);\n z-index: 50;\n`\n\nexport const ToolButton = styled(Button)`\n padding: 4px;\n\n [icon='edit_square'] {\n position: relative;\n top: -1px;\n }\n`\n\nexport const Tip = styled.span`\n background-color: var(--md-sys-color-secondary-container);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n margin: 16px 0 !important;\n\n &,\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n p {\n margin: 0;\n }\n\n .icon {\n font-size: 24px;\n }\n`\n"],"names":["styled","Comment","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,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,GAyCjBE,IAAOF,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,MAiCrBG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAkETC~~,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMK,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMN,EAAO;AAAA,IAChCK,CAAc;AAAA;AAGYL,EAAO;AAAA,IACjCK,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaEL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMO,IAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GAUnBQ~~,IAAQR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfS,IAAaT,EAAOU,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS1BC,IAAMX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"ActivityComment.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityComment/ActivityComment.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled, { css } from 'styled-components'\n\nexport const CommentWrapper = styled.div`\n border-radius: var(--border-radius-m);\n`\n\nexport const Comment = styled.li`\n /* reset default /\n list-style: none;\n margin: 0;\n padding: 0;\n\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-small);\n\n width: 100%;\n padding: var(--padding-m);\n border-radius: var(--border-radius-m);\n\n / hide date and show tools /\n &.isOwner {\n / by default hide menu /\n\n .tools {\n opacity: 0;\n }\n\n .isEditing {\n z-index: 1000;\n }\n\n :not(.isEditing) {\n / on hover show menu and hide date /\n &:hover {\n .tools {\n opacity: 1;\n }\n }\n }\n }\n\n &.isHighlighted {\n background-color: var(--md-sys-color-secondary-container);\n }\n`\n\nexport const Body = styled.div`\n background-color: var(--md-sys-color-surface-container);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n padding: 12px 10px;\n position: relative;\n\n / remove first and last margins /\n / + * because tools is actual first /\n & > :first-child + * {\n margin-top: 0;\n }\n\n & > :not(.tools):not(h1) {\n margin-bottom: 0;\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n img {\n width: 100%;\n }\n\n p {\n word-break: break-word;\n .reference {\n top: 5px;\n }\n }\n\n h1 {\n ${theme.titleLarge}\n font-size: 24px;\n }\n\n h2 {\n ${theme.titleMedium}\n font-size: 20px;\n }\n\n h3 {\n ${theme.titleSmall}\n font-size: 16px;\n }\n\n h1,\n h2,\n h3 {\n margin-top: 16px;\n }\n\n ul,\n ol {\n .reference {\n top: 6px;\n }\n }\n\n .contains-task-list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: var(--base-gap-large);\n padding-left: 8px;\n margin: 16px 0;\n\n li {\n align-items: center;\n }\n\n & > {\n padding-left: 1.5rem;\n }\n\n p {\n margin: 0;\n\n .reference {\n top: 0px;\n margin-left: 4px;\n }\n }\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 /* Inline code elements (not in pre blocks) /\n code:not(pre code) {\n font-family: monospace;\n background-color: var(--md-sys-color-surface-container-lowest);\n padding: 2px 4px;\n border-radius: 2px;\n }\n\n &.isEditing {\n padding: 0;\n border-radius: var(--border-radius-l);\n }\n`\n\nexport const QuoteLine = styled.p`\n margin: 0;\n\n &:first-child {\n margin-top: 14px;\n }\n\n &:last-child {\n margin-bottom: 14px;\n }\n`\n\nexport const Attachments = styled.div`\n display: flex;\n flex-wrap: wrap;\n gap: var(--base-gap-large);\n`\n\nconst attachmentBase = css`\n height: 100px;\n width: 100px;\n object-fit: contain;\n padding: 4px;\n cursor: pointer;\n position: relative;\n\n border-radius: var(--border-radius-m);\n background-color: var(--md-sys-color-surface-container-high);\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\nexport const AttachmentImg = styled.img`\n ${attachmentBase}\n`\n\nexport const AttachmentFile = styled.a`\n ${attachmentBase}\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n .icon {\n margin-bottom: 20px;\n font-size: 32px;\n color: var(--md-sys-color-outline);\n }\n`\n\nexport const Name = styled.span`\n position: absolute;\n bottom: 4px;\n left: 0;\n right: 0;\n text-align: center;\n / break text /\n overflow-wrap: break-word;\n color: var(--md-sys-color-outline);\n`\n\nexport const BlockCode = styled.pre`\n padding: var(--padding-m);\n border-radius: var(--padding-s);\n background-color: var(--md-sys-color-surface-container-lowest);\n font-family: monospace;\n font-size: var(--md-sys-typescale-body-small-font-size);\n\n line-break: anywhere;\n word-break: break-word;\n overflow: hidden;\n\n / Ensure all child elements use monospace font /\n {\n font-family: monospace !important;\n }\n`\n\nexport const Tools = styled.div`\n display: flex;\n position: absolute;\n right: 4px;\n top: 4px;\n background-color: var(--md-sys-color-surface-container-highest);\n border-radius: var(--border-radius-m);\n z-index: 50;\n`\n\nexport const ToolButton = styled(Button)`\n padding: 4px;\n\n [icon='edit_square'] {\n position: relative;\n top: -1px;\n }\n`\n\nexport const Tip = styled.span`\n background-color: var(--md-sys-color-secondary-container);\n display: flex;\n align-items: center;\n gap: var(--base-gap-small);\n border-radius: var(--border-radius-m);\n padding: var(--padding-m);\n margin: 16px 0 !important;\n\n &,\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n\n p {\n margin: 0;\n }\n\n .icon {\n font-size: 24px;\n }\n`\n"],"names":["styled","Comment","Body","theme","QuoteLine","attachmentBase","css","BlockCode","Tools","ToolButton","Button","Tip"],"mappings":";;AAG8BA,EAAO;AAAA;AAAA;AAI9B,MAAMC,IAAUD,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,GAyCjBE,IAAOF,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,MAiCrBG,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,MAKhBA,EAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,MAKjBA,EAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0ETC,IAAYJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYLA,EAAO;AAAA;AAAA;AAAA;AAAA;AAMlC,MAAMK,IAAiBC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAoBMN,EAAO;AAAA,IAChCK,CAAc;AAAA;AAGYL,EAAO;AAAA,IACjCK,CAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaEL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWpB,MAAMO,IAAYP,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBnBQ,IAAQR,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAUfS,IAAaT,EAAOU,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAS1BC,IAAMX,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),T=require("@ynput/ayon-react-components"),b=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),f=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),k=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const w=require("../../../../context/DetailsPanelContext.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");const D=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=w.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:n=[]}=l;const[i,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(b,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),n.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:N,comment:j}=u;return(x<o||i)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(k.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx(t.VersionName,{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:N,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&n.length>o&&e.jsxRuntimeExports.jsxs(f.More,{onClick:()=>R(!i),children:[e.jsxRuntimeExports.jsx(T.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:i?"Show less":`Show ${n.length-o} more versions`})]})]})};module.exports=D;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("react"),T=require("@ynput/ayon-react-components"),b=require("../ActivityHeader/ActivityHeader.cjs.js"),t=require("./ActivityVersions.styled.cjs.js"),f=require("../ActivityGroup/ActivityGroup.styled.cjs.js"),k=require("../ActivityDate.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const w=require("../../../../context/DetailsPanelContext.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");const D=({activity:l,projectName:s,entityType:h,onReferenceClick:q,filter:a})=>{const{onOpenViewer:r}=w.useDetailsPanelContext();let{authorName:m,authorFullName:E,createdAt:d,versions:n=[]}=l;const[i,R]=p.useState(a==="versions"),o=2,[y,v]=p.useState(!1),A=(u,x)=>r==null?void 0:r({versionIds:[u],productId:x,projectName:s});return e.jsxRuntimeExports.jsxs(t.Container,{children:[e.jsxRuntimeExports.jsx(b,{name:m,fullName:E||m,date:d,activity:l,projectName:s,entityType:h,onReferenceClick:q}),n.flatMap((u,x)=>{const{name:C,id:c,productId:S,productName:I,updatedAt:N,comment:j}=u;return(x<o||i)&&e.jsxRuntimeExports.jsxs(t.Card,{onClick:()=>A(c,S),children:[e.jsxRuntimeExports.jsxs(t.Content,{children:[e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:I}),e.jsxRuntimeExports.jsx(k.default,{date:d,isExact:!0})]}),e.jsxRuntimeExports.jsx(t.VersionName,{className:"version",children:C})]}),e.jsxRuntimeExports.jsx(t.Thumbnail,{projectName:s,entityId:c,entityType:"version",onError:()=>v(!0),iconOnly:y,entityUpdatedAt:N,icon:"play_circle"})]}),j&&e.jsxRuntimeExports.jsx(t.Comment,{children:j})]},c)}),a!=="versions"&&n.length>o&&e.jsxRuntimeExports.jsxs(f.More,{onClick:()=>R(!i),children:[e.jsxRuntimeExports.jsx(T.Icon,{icon:"more"}),e.jsxRuntimeExports.jsx("span",{children:i?"Show less":`Show ${n.length-o} more versions`})]})]})};module.exports=D;
 //# sourceMappingURL=ActivityVersions.cjs.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"+~~5BA+~~BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,0BACC0B,EAAO,YAAP,CAAmB,UAAU,UAAW,SAAKT,CAAA,CAAA,CAAA,EAChD,EACAJ,EAAA,kBAAA,IAACc,EAAO,UAAP,CACO,YAAAnC,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAQP,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,KAACkB,OAAK,CAAA,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ActivityVersions.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"i9BA+BA,MAAMA,EAAoD,CAAC,CACzD,SAAAC,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,EACA,OAAAC,CACF,IAAM,CACE,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAChD,GAAI,CAAE,WAAAC,EAAY,eAAAC,EAAgB,UAAAC,EAAW,SAAAC,EAAW,IAAOV,EAE/D,KAAM,CAACW,EAASC,CAAU,EAAIC,EAAAA,SAAST,IAAW,UAAU,EACtDU,EAAQ,EAER,CAACC,EAAgBC,CAAiB,EAAIH,EAAAA,SAAS,EAAK,EAEpDI,EAAc,CAACC,EAAmBC,IACtCd,GAAA,YAAAA,EAAe,CAAE,WAAY,CAACa,CAAS,EAAG,UAAAC,EAAW,YAAAlB,CAAA,GAGrD,OAAAmB,EAAA,kBAAA,KAACC,YAAA,CACC,SAAA,CAAAC,EAAA,kBAAA,IAACC,EAAA,CACC,KAAMhB,EACN,SAAUC,GAAkBD,EAC5B,KAAME,EACN,SAAAT,EACA,YAAAC,EACA,WAAAC,EACA,iBAAAC,CAAA,CACF,EACCO,EAAS,QAAQ,CAACc,EAASC,IAAU,CACpC,KAAM,CAAE,KAAAC,EAAM,GAAAC,EAAI,UAAAR,EAAW,YAAAS,EAAa,UAAAC,EAAW,QAAAC,GAAYN,EACjE,OACGC,EAAQX,GAASH,IAChBS,EAAA,kBAAA,KAACW,EAAO,KAAP,CAAY,QAAS,IAAMd,EAAYU,EAAIR,CAAS,EACnD,SAAA,CAACC,yBAAAY,EAAAA,QAAA,CACC,SAAA,CAAAZ,yBAAC,MACC,CAAA,SAAA,CAACA,yBAAAa,EAAAA,MAAA,CACC,SAAA,CAAAX,EAAAA,kBAAAA,IAAC,QAAM,SAAYM,CAAA,CAAA,EAClBN,EAAA,kBAAA,IAAAY,EAAA,QAAA,CAAa,KAAMzB,EAAW,QAAO,EAAC,CAAA,CAAA,EACzC,0BACC0B,EAAO,YAAP,CAAmB,UAAU,UAAW,SAAKT,CAAA,CAAA,CAAA,EAChD,EACAJ,EAAA,kBAAA,IAACc,EAAO,UAAP,CACO,YAAAnC,EACN,SAAU0B,EACV,WAAW,UACX,QAAS,IAAMX,EAAkB,EAAI,EACrC,SAAUD,EACV,gBAAiBc,EACjB,KAAM,aAAA,CAAA,CACR,EACF,EACCC,GAAWR,EAAAA,kBAAAA,IAACe,EAAAA,QAAA,CAAgB,SAAQP,CAAA,CAAA,CAAA,CAAA,EAnBsBH,CAoB7D,CAAA,CAGL,EACAvB,IAAW,YAAcM,EAAS,OAASI,GAC1CM,EAAA,kBAAA,KAACkB,OAAK,CAAA,QAAS,IAAM1B,EAAW,CAACD,CAAO,EACtC,SAAA,CAACW,EAAAA,kBAAAA,IAAAiB,EAAA,KAAA,CAAK,KAAK,MAAO,CAAA,EAClBjB,EAAAA,kBAAAA,IAAC,QAAM,SAAUX,EAAA,YAAc,QAAQD,EAAS,OAASI,CAAK,gBAAiB,CAAA,CAAA,CACjF,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.es.js CHANGED Viewed

@@ -16,7 +16,8 @@ import "../../../../context/AddonProjectContext.es.js";
 import "../../../../context/AddonContext.es.js";
 import "../../../../context/PowerpackContext.es.js";
 import "../../../../context/MoveEntityContext.es.js";
-const ot = ({
+import "../../../../context/MenuContext.es.js";
+const et = ({
   activity: a,
   projectName: r,
   entityType: u,
@@ -73,6 +74,6 @@ const ot = ({
   ] });
 };
 export {
-  ot as default
+  et as default
 };
 //# sourceMappingURL=ActivityVersions.es.js.map

package/dist/shared/src/containers/Feed/components/ActivityVersions/ActivityVersions.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":"~~;;;;;;;;;;;;;;;;;;~~AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ActivityVersions.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityVersions/ActivityVersions.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Icon } from '@ynput/ayon-react-components'\nimport ActivityHeader from '../ActivityHeader/ActivityHeader'\nimport * as Styled from './ActivityVersions.styled'\nimport { More } from '../ActivityGroup/ActivityGroup.styled'\nimport ActivityDate from '../ActivityDate'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Version {\n name: string\n id: string\n productId: string\n productName: string\n updatedAt: string\n comment?: string\n}\n\ninterface ActivityVersionsProps {\n activity: {\n authorName?: string\n authorFullName?: string\n createdAt?: string\n versions?: Version[]\n [key: string]: any\n }\n projectName: string\n entityType?: string\n onReferenceClick?: (ref: any) => void\n filter?: string\n}\n\nconst ActivityVersions: React.FC<ActivityVersionsProps> = ({\n activity,\n projectName,\n entityType,\n onReferenceClick,\n filter,\n}) => {\n const { onOpenViewer } = useDetailsPanelContext()\n let { authorName, authorFullName, createdAt, versions = [] } = activity\n\n const [showAll, setShowAll] = useState(filter === 'versions')\n const limit = 2\n\n const [thumbnailError, setThumbnailError] = useState(false)\n\n const handleClick = (versionId: string, productId: string) =>\n onOpenViewer?.({ versionIds: [versionId], productId, projectName })\n\n return (\n <Styled.Container>\n <ActivityHeader\n name={authorName}\n fullName={authorFullName \|\| authorName}\n date={createdAt}\n activity={activity}\n projectName={projectName}\n entityType={entityType}\n onReferenceClick={onReferenceClick}\n />\n {versions.flatMap((version, index) => {\n const { name, id, productId, productName, updatedAt, comment } = version\n return (\n (index < limit \|\| showAll) && (\n <Styled.Card onClick={() => handleClick(id, productId)} key={id}>\n <Styled.Content>\n <div>\n <Styled.Title>\n <span>{productName}</span>\n <ActivityDate date={createdAt} isExact />\n </Styled.Title>\n <Styled.VersionName className=\"version\">{name}</Styled.VersionName>\n </div>\n <Styled.Thumbnail\n {...{ projectName }}\n entityId={id}\n entityType=\"version\"\n onError={() => setThumbnailError(true)}\n iconOnly={thumbnailError}\n entityUpdatedAt={updatedAt}\n icon={'play_circle'}\n />\n </Styled.Content>\n {comment && <Styled.Comment>{comment}</Styled.Comment>}\n </Styled.Card>\n )\n )\n })}\n {filter !== 'versions' && versions.length > limit && (\n <More onClick={() => setShowAll(!showAll)}>\n <Icon icon=\"more\" />\n <span>{showAll ? `Show less` : `Show ${versions.length - limit} more versions`}</span>\n </More>\n )}\n </Styled.Container>\n )\n}\n\nexport default ActivityVersions\n"],"names":["ActivityVersions","activity","projectName","entityType","onReferenceClick","filter","onOpenViewer","useDetailsPanelContext","authorName","authorFullName","createdAt","versions","showAll","setShowAll","useState","limit","thumbnailError","setThumbnailError","handleClick","versionId","productId","jsxs","Styled.Container","jsx","ActivityHeader","version","index","name","id","productName","updatedAt","comment","Styled.Card","Styled.Content","Styled.Title","ActivityDate","Styled.VersionName","Styled.Thumbnail","Styled.Comment","More","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;AA+BA,MAAMA,KAAoD,CAAC;AAAA,EACzD,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,QAAAC;AACF,MAAM;AACE,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB;AAChD,MAAI,EAAE,YAAAC,GAAY,gBAAAC,GAAgB,WAAAC,GAAW,UAAAC,IAAW,OAAOV;AAE/D,QAAM,CAACW,GAASC,CAAU,IAAIC,EAAST,MAAW,UAAU,GACtDU,IAAQ,GAER,CAACC,GAAgBC,CAAiB,IAAIH,EAAS,EAAK,GAEpDI,IAAc,CAACC,GAAmBC,MACtCd,KAAA,gBAAAA,EAAe,EAAE,YAAY,CAACa,CAAS,GAAG,WAAAC,GAAW,aAAAlB,EAAA;AAGrD,SAAAmB,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhB;AAAA,QACN,UAAUC,KAAkBD;AAAA,QAC5B,MAAME;AAAA,QACN,UAAAT;AAAA,QACA,aAAAC;AAAA,QACA,YAAAC;AAAA,QACA,kBAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IACCO,EAAS,QAAQ,CAACc,GAASC,MAAU;AACpC,YAAM,EAAE,MAAAC,GAAM,IAAAC,GAAI,WAAAR,GAAW,aAAAS,GAAa,WAAAC,GAAW,SAAAC,MAAYN;AACjE,cACGC,IAAQX,KAASH,MAChBS,gBAAAA,EAAA,KAACW,GAAA,EAAY,SAAS,MAAMd,EAAYU,GAAIR,CAAS,GACnD,UAAA;AAAA,QAACC,gBAAAA,OAAAY,GAAA,EACC,UAAA;AAAA,UAAAZ,gBAAAA,OAAC,OACC,EAAA,UAAA;AAAA,YAACA,gBAAAA,OAAAa,GAAA,EACC,UAAA;AAAA,cAAAX,gBAAAA,EAAAA,IAAC,UAAM,UAAYM,EAAA,CAAA;AAAA,cAClBN,gBAAAA,EAAA,IAAAY,GAAA,EAAa,MAAMzB,GAAW,SAAO,GAAC,CAAA;AAAA,YAAA,GACzC;AAAA,kCACC0B,GAAA,EAAmB,WAAU,WAAW,UAAKT,EAAA,CAAA;AAAA,UAAA,GAChD;AAAA,UACAJ,gBAAAA,EAAA;AAAA,YAACc;AAAAA,YAAA;AAAA,cACO,aAAAnC;AAAA,cACN,UAAU0B;AAAA,cACV,YAAW;AAAA,cACX,SAAS,MAAMX,EAAkB,EAAI;AAAA,cACrC,UAAUD;AAAA,cACV,iBAAiBc;AAAA,cACjB,MAAM;AAAA,YAAA;AAAA,UAAA;AAAA,QACR,GACF;AAAA,QACCC,KAAWR,gBAAAA,EAAAA,IAACe,GAAA,EAAgB,UAAQP,EAAA,CAAA;AAAA,MAAA,EAAA,GAnBsBH,CAoB7D;AAAA,IAAA,CAGL;AAAA,IACAvB,MAAW,cAAcM,EAAS,SAASI,KAC1CM,gBAAAA,EAAA,KAACkB,GAAK,EAAA,SAAS,MAAM1B,EAAW,CAACD,CAAO,GACtC,UAAA;AAAA,MAACW,gBAAAA,EAAAA,IAAAiB,GAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MAClBjB,gBAAAA,EAAAA,IAAC,UAAM,UAAUX,IAAA,cAAc,QAAQD,EAAS,SAASI,CAAK,iBAAiB,CAAA;AAAA,IAAA,EACjF,CAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.cjs.js CHANGED Viewed

@@ -95,6 +95,13 @@
         border-radius: var(--border-radius-m);
       }
+      .ql-code-block-container .ql-code-block,
+      .ql-code-block-container .ql-code-block *,
+      .ql-code-block-container * {
+        font-family: monospace;
+        font-size: var(--md-sys-typescale-body-small-font-size);
+      }
       a {
         &::before,
         &::after {

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\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 }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n / link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":"qHAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpBC,EAAUD,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EA6QjBE~~,EAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBG,EAAUH,EAAO;AAAA;AAAA;AAAA,EAKjBI,EAAWJ,EAAO;AAAA;AAAA;AAAA,EAKlBK,EAAWL,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,EA0BlBM,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"CommentInput.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\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 }\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 &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":"qHAEaA,EAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBpBC,EAAUD,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoRjBE,EAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBhBG,EAAUH,EAAO;AAAA;AAAA;AAAA,EAKjBI,EAAWJ,EAAO;AAAA;AAAA;AAAA,EAKlBK,EAAWL,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,EA0BlBM,EAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.es.js CHANGED Viewed

@@ -96,6 +96,13 @@ const e = o.div`
         border-radius: var(--border-radius-m);
       }
+      .ql-code-block-container .ql-code-block,
+      .ql-code-block-container .ql-code-block *,
+      .ql-code-block-container * {
+        font-family: monospace;
+        font-size: var(--md-sys-typescale-body-small-font-size);
+      }
       a {
         &::before,
         &::after {

package/dist/shared/src/containers/Feed/components/CommentInput/CommentInput.styled.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\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 }\n\n a {\n &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n / link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":";AAEO,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBpBC,IAAUD,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~GA6QjBE~~,IAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBG,IAAUH,EAAO;AAAA;AAAA;AAAA,GAKjBI,IAAWJ,EAAO;AAAA;AAAA;AAAA,GAKlBK,IAAWL,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,GA0BlBM,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}
1	+ {"version":3,"file":"CommentInput.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/CommentInput.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AutoHeight = styled.div`\n /* use grid tick for auto height transition /\n display: grid;\n height: 100%;\n / transition: translate 0.1s, margin-top 0.1s; /\n position: relative;\n\n / when closed default /\n translate: 0 50px;\n margin-top: -50px;\n\n / when open /\n &.isOpen {\n translate: 0 0;\n margin-top: 0;\n }\n\n padding: 0 4px 4px 4px;\n / when editing /\n &.isEditing {\n padding: 0;\n }\n`\n\nexport const Comment = styled.div`\n display: flex;\n flex-direction: column;\n position: relative;\n\n background-color: var(--md-sys-color-surface-container);\n border: 1px solid var(--md-sys-color-outline-variant);\n &.isDropping.isOpen {\n border-color: var(--md-sys-color-primary);\n }\n\n border-radius: var(--border-radius-l);\n overflow: hidden;\n\n &.isOpen {\n / box shadow /\n box-shadow: 0 -3px 10px 0 rgba(0, 0, 0, 0.2);\n\n .quill {\n background-color: var(--md-sys-color-surface-container);\n }\n }\n\n .ql-editor.ql-blank::before {\n color: var(--md-sys-color-on-surface);\n opacity: 0.25;\n }\n\n .ql-editor {\n ol {\n padding-left: 0;\n }\n }\n\n / custom mention styles /\n .ql-editor {\n .mention {\n border-radius: var(--border-radius-m);\n user-select: none;\n padding: 0 4px;\n / remove underline /\n text-decoration: none;\n\n white-space: nowrap;\n cursor: pointer;\n\n color: var(--md-sys-color-primary);\n background-color: var(--md-sys-color-surface-container-high);\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n &:active {\n background-color: var(--md-sys-color-surface-container-high-active);\n }\n }\n }\n\n\n / container styles reset /\n .ql-container.ql-snow {\n border: none;\n / takes into account the top toolbar /\n height: calc(100% - 41px);\n\n .ql-editor {\n max-height: 259px !important;\n\n / code block /\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 }\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 &::before,\n &::after {\n display: none;\n }\n\n color: var(--md-sys-color-primary);\n }\n\n a[href^='@'] {\n text-decoration: none;\n color: var(--md-sys-color-primary);\n }\n\n strong {\n em,\n u {\n font-weight: 800;\n }\n }\n }\n\n /* link popup /\n .ql-tooltip {\n &.ql-hidden {\n display: none;\n }\n\n left: 1px !important;\n top: -29px !important;\n\n width: 100%;\n\n box-shadow: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n border-color: var(--md-sys-color-surface-container-low);\n border-radius: var(--border-radius-l);\n padding: 4px;\n overflow: hidden;\n\n display: flex;\n align-items: center;\n\n .ql-preview {\n flex: 1;\n max-width: unset;\n }\n\n input {\n flex: 1;\n border: none;\n background-color: var(--md-sys-color-surface-container-lowest);\n\n &:focus-visible {\n outline: none;\n }\n }\n\n a {\n color: var(--md-sys-color-primary);\n }\n\n / remove before text /\n / remove save button /\n &::before,\n .ql-action {\n display: none;\n }\n\n .ql-remove {\n color: var(--md-sys-color-on-surface-variant);\n margin-right: 4px;\n }\n }\n }\n\n / CLOSED /\n &.isClosed {\n cursor: pointer;\n .ql-editor > {\n cursor: pointer !important;\n }\n &:hover:not(.disabled) {\n background-color: var(--md-sys-color-surface-container-high);\n }\n\n .ql-container.ql-snow {\n padding-bottom: 0;\n height: 44px;\n\n .ql-editor {\n overflow: hidden;\n }\n }\n\n /* hide toolbar /\n .ql-toolbar.ql-snow {\n height: 0;\n padding: 0;\n margin: 0;\n border-width: 0;\n opacity: 0;\n pointer-events: none;\n overflow: hidden;\n }\n }\n\n &.disabled {\n cursor: default;\n pointer-events: none;\n user-select: none;\n border-color: var(--md-sys-color-surface-container-lowest);\n background-color: var(--md-sys-color-surface-container-lowest);\n }\n\n &.isLoading,\n &.isSubmitting {\n cursor: default;\n pointer-events: none;\n user-select: none;\n }\n\n &.isSubmitting {\n opacity: 0.3;\n transition: opacity 250ms 250ms;\n }\n\n / toolbar styles /\n .ql-toolbar.ql-snow {\n border: none;\n background-color: var(--md-sys-color-surface-container);\n border-bottom: 1px solid var(--md-sys-color-surface-container-hover);\n padding: var(--padding-s);\n display: flex;\n height: unset;\n width: unset;\n\n .ql-formats {\n height: 32px;\n margin-right: 8px;\n padding-right: 8px;\n border-right: 1px solid var(--md-sys-color-surface-container-hover);\n display: flex;\n gap: 2px;\n\n / remove border for last child /\n &:last-child {\n border-right: none;\n }\n }\n\n button {\n float: none;\n padding: 6px;\n border-radius: var(--border-radius-m);\n height: 32px;\n width: 32px;\n\n / highlight when action /\n &.ql-active {\n background-color: var(--md-sys-color-secondary-container);\n .icon {\n color: var(--md-sys-color-on-secondary-container);\n }\n }\n }\n\n button:hover {\n background-color: var(--md-sys-color-surface-container-highest-hover);\n }\n }\n\n / EDITING /\n &.isEditing {\n / remove box shadow /\n box-shadow: none;\n / remove outline /\n outline: none;\n\n / hide toolbar /\n .ql-toolbar.ql-snow {\n display: none;\n }\n\n .ql-container.ql-snow {\n height: 100%;\n\n .ql-editor {\n padding: 8px;\n }\n }\n }\n`\n\nexport const Footer = styled.footer`\n display: flex;\n justify-content: space-between;\n padding: var(--padding-m);\n border-top: 1px solid var(--md-sys-color-surface-container-hover);\n background-color: var(--md-sys-color-surface-container);\n z-index: 100;\n\n / remove save button icon /\n .comment {\n min-width: 75px;\n .icon {\n display: none;\n }\n }\n`\n\nexport const Buttons = styled.div`\n display: flex;\n gap: var(--base-gap-small);\n`\n\nexport const Markdown = styled.div`\n position: fixed;\n visibility: hidden;\n`\n\nexport const Dropzone = styled.div`\n position: absolute;\n inset: 0;\n user-select: none;\n pointer-events: none;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.2s;\n\n &.show {\n opacity: 1;\n }\n\n background-color: rgba(0, 0, 0, 0.5);\n\n z-index: 300;\n\n .icon {\n font-size: 40px;\n }\n`\n\nexport const Placeholder = styled.span`\n padding: 12px 15px;\n / italic */\n font-style: italic;\n opacity: 0.4;\n`\n"],"names":["AutoHeight","styled","Comment","Footer","Buttons","Markdown","Dropzone","Placeholder"],"mappings":";AAEO,MAAMA,IAAaC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBpBC,IAAUD,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAoRjBE,IAASF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBhBG,IAAUH,EAAO;AAAA;AAAA;AAAA,GAKjBI,IAAWJ,EAAO;AAAA;AAAA;AAAA,GAKlBK,IAAWL,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,GA0BlBM,IAAcN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),u=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.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");const a=(t,n,o)=>Object.values(t).filter(e=>e.versionId===n&&!o.some(r=>r.name===e.name)).map(e=>({...e,unsavedAnnotation:e})),A=({entityId:t,filesUploading:n})=>{const{editingId:o,setEditingId:e,annotations:r,removeAnnotation:l}=u.useFeedContext(),{onGoToFrame:i}=f.useDetailsPanelContext(),s=a(r||[],t,n);return q.useEffect(()=>{s.length>0&&!o&&e(u.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:c=>{const d=c.range[0];i==null||i(d)},removeAnnotation:l}};exports.default=A;exports.filterEntityAnnotations=a;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const q=require("react"),u=require("../../../context/FeedContext.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const f=require("../../../../../context/DetailsPanelContext.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");const a=(t,n,r)=>Object.values(t).filter(e=>e.versionId===n&&!r.some(o=>o.name===e.name)).map(e=>({...e,unsavedAnnotation:e})),A=({entityId:t,filesUploading:n})=>{const{editingId:r,setEditingId:e,annotations:o,removeAnnotation:l}=u.useFeedContext(),{onGoToFrame:i}=f.useDetailsPanelContext(),s=a(o||[],t,n);return q.useEffect(()=>{s.length>0&&!r&&e(u.FEED_NEW_COMMENT)},[s]),{annotations:s,goToAnnotation:c=>{const d=c.range[0];i==null||i(d)},removeAnnotation:l}};exports.default=A;exports.filterEntityAnnotations=a;
 //# sourceMappingURL=useAnnotationsSync.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"~~uyBAcO~~,MAAMA,EAA0B,CACrCC,EACAC,EACAC,IAEO,OAAO,OAAOF,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,EAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAe,EAC5E,CAAE,YAAAC,CAAY,EAAIC,yBAAuB,EAGzCC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAC/B,EACC,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CACxD,MAAAa,EAAab,EAAW,MAAM,CAAC,EACrCQ,GAAA,MAAAA,EAAcK,EAChB,EAKE,iBAAAP,CACF,CACF"}
1	+ {"version":3,"file":"useAnnotationsSync.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"41BAcO,MAAMA,EAA0B,CACrCC,EACAC,EACAC,IAEO,OAAO,OAAOF,CAAW,EAC7B,OACEG,GACCA,EAAW,YAAcF,GACzB,CAACC,EAAe,KAAME,GAASA,EAAK,OAASD,EAAW,IAAI,CAAA,EAE/D,IAAKE,IAAoB,CACxB,GAAGA,EACH,kBAAmBA,CAAA,EACnB,EAGAC,EAAqB,CAAC,CAAE,SAAAL,EAAU,eAAAC,KAA4B,CAClE,KAAM,CAAE,UAAAK,EAAW,aAAAC,EAAc,YAAAR,EAAa,iBAAAS,CAAA,EAAqBC,EAAAA,eAAe,EAC5E,CAAE,YAAAC,CAAY,EAAIC,yBAAuB,EAGzCC,EAAsBd,EAAwBC,GAAe,CAAA,EAAIC,EAAUC,CAAc,EAG/FY,OAAAA,EAAAA,UAAU,IAAM,CAEVD,EAAoB,OAAS,GAAK,CAACN,GACrCC,EAAaO,EAAAA,gBAAgB,CAC/B,EACC,CAACF,CAAmB,CAAC,EAOjB,CACL,YAAaA,EACb,eAP4BV,GAAkC,CACxD,MAAAa,EAAab,EAAW,MAAM,CAAC,EACrCQ,GAAA,MAAAA,EAAcK,EAChB,EAKE,iBAAAP,CACF,CACF"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.es.js CHANGED Viewed

@@ -11,12 +11,13 @@ 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";
 const u = (o, n, e) => Object.values(o).filter(
   (t) => t.versionId === n && !e.some((i) => i.name === t.name)
 ).map((t) => ({
   ...t,
   unsavedAnnotation: t
-})), _ = ({ entityId: o, filesUploading: n }) => {
+})), b = ({ entityId: o, filesUploading: n }) => {
   const { editingId: e, setEditingId: t, annotations: i, removeAnnotation: m } = f(), { onGoToFrame: r } = l(), s = u(i || [], o, n);
   return d(() => {
     s.length > 0 && !e && t(c);
@@ -30,7 +31,7 @@ const u = (o, n, e) => Object.values(o).filter(
   };
 };
 export {
-  _ as default,
+  b as default,
   u as filterEntityAnnotations
 };
 //# sourceMappingURL=useAnnotationsSync.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":"~~;;;;;;;;;;;;;~~AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MAEO,OAAO,OAAOF,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,GAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}
1	+ {"version":3,"file":"useAnnotationsSync.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useAnnotationsSync.ts"],"sourcesContent":["import { useEffect } from 'react'\nimport { FEED_NEW_COMMENT, useFeedContext } from '../../../context/FeedContext'\nimport { useDetailsPanelContext } from '@shared/context'\n\ntype Props = {\n entityId: string\n filesUploading: File[]\n}\n\nexport type AnnotationPreview = any & {\n unsavedAnnotation: any\n}\n\n// annotations are temporary store\nexport const filterEntityAnnotations = (\n annotations: Record<string, any>,\n entityId: string,\n filesUploading: File[],\n): AnnotationPreview[] => {\n return Object.values(annotations)\n .filter(\n (annotation) =>\n annotation.versionId === entityId &&\n !filesUploading.some((file) => file.name === annotation.name),\n )\n .map((annotationFile) => ({\n ...annotationFile,\n unsavedAnnotation: annotationFile,\n })) as AnnotationPreview[]\n}\n\nconst useAnnotationsSync = ({ entityId, filesUploading }: Props) => {\n const { editingId, setEditingId, annotations, removeAnnotation } = useFeedContext()\n const { onGoToFrame } = useDetailsPanelContext()\n\n // filter out annotations that are for this entity and are NOT uploading\n const filteredAnnotations = filterEntityAnnotations(annotations \|\| [], entityId, filesUploading)\n\n // when annotations change, update the state\n useEffect(() => {\n // open the comment input if there are annotations and something is not being edited already\n if (filteredAnnotations.length > 0 && !editingId) {\n setEditingId(FEED_NEW_COMMENT)\n }\n }, [filteredAnnotations])\n\n const handleGoToAnnotation = (annotation: AnnotationPreview) => {\n const firstFrame = annotation.range[0]\n onGoToFrame?.(firstFrame)\n }\n\n return {\n annotations: filteredAnnotations,\n goToAnnotation: handleGoToAnnotation,\n removeAnnotation,\n }\n}\n\nexport default useAnnotationsSync\n"],"names":["filterEntityAnnotations","annotations","entityId","filesUploading","annotation","file","annotationFile","useAnnotationsSync","editingId","setEditingId","removeAnnotation","useFeedContext","onGoToFrame","useDetailsPanelContext","filteredAnnotations","useEffect","FEED_NEW_COMMENT","firstFrame"],"mappings":";;;;;;;;;;;;;;AAcO,MAAMA,IAA0B,CACrCC,GACAC,GACAC,MAEO,OAAO,OAAOF,CAAW,EAC7B;AAAA,EACC,CAACG,MACCA,EAAW,cAAcF,KACzB,CAACC,EAAe,KAAK,CAACE,MAASA,EAAK,SAASD,EAAW,IAAI;AAAA,EAE/D,IAAI,CAACE,OAAoB;AAAA,EACxB,GAAGA;AAAA,EACH,mBAAmBA;AAAA,EACnB,GAGAC,IAAqB,CAAC,EAAE,UAAAL,GAAU,gBAAAC,QAA4B;AAClE,QAAM,EAAE,WAAAK,GAAW,cAAAC,GAAc,aAAAR,GAAa,kBAAAS,EAAA,IAAqBC,EAAe,GAC5E,EAAE,aAAAC,EAAY,IAAIC,EAAuB,GAGzCC,IAAsBd,EAAwBC,KAAe,CAAA,GAAIC,GAAUC,CAAc;AAG/F,SAAAY,EAAU,MAAM;AAEd,IAAID,EAAoB,SAAS,KAAK,CAACN,KACrCC,EAAaO,CAAgB;AAAA,EAC/B,GACC,CAACF,CAAmB,CAAC,GAOjB;AAAA,IACL,aAAaA;AAAA,IACb,gBAP2B,CAACV,MAAkC;AACxD,YAAAa,IAAab,EAAW,MAAM,CAAC;AACrC,MAAAQ,KAAA,QAAAA,EAAcK;AAAA,IAChB;AAAA,IAKE,kBAAAP;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),o=t.split(":").shift(),u=t.split(":").pop();return r.classList.add("mention"),r.classList.add(o),r.setAttribute("id",`ref-${u}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),o!=="user"&&e({entityId:u,entityType:o,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:u,name:u,type:o,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let a=n;a.sanitize=q=>q,p.Quill.register(a,!0)};module.exports=I;
+"use strict";var x=Object.defineProperty;var T=(i,e,s)=>e in i?x(i,e,{enumerable:!0,configurable:!0,writable:!0,value:s}):i[e]=s;var l=(i,e,s)=>T(i,typeof e!="symbol"?e+"":e,s);const p=require("react-quill-ayon"),N=require("../../../hooks/useReferenceTooltip.cjs.js");require("../../../../../context/RemoteModulesContext.cjs.js");const A=require("../../../../../context/DetailsPanelContext.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");const E=p.Quill.import("blots/inline"),I=({projectName:i})=>{const{openSlideOut:e}=A.useDetailsPanelContext(),[,s]=N(),n=class n extends E{static create(t){if(!t||typeof t!="string")return document.createElement(n.tagName);const r=super.create(t),u=t.split(":").shift(),o=t.split(":").pop();return r.classList.add("mention"),r.classList.add(u),r.setAttribute("id",`ref-${o}`),r.setAttribute("contenteditable","false"),r.setAttribute("data-value",t),r.addEventListener("click",c=>{c.preventDefault(),u!=="user"&&e({entityId:o,entityType:u,projectName:i})}),r.addEventListener("mouseenter",c=>{const d=c.target||{},f=d.innerText.replace("@",""),{x:m,y:g,width:b}=d.getBoundingClientRect(),y={left:m+b/2,top:g};s({id:o,name:o,type:u,label:f,pos:y})}),r||""}static value(t){return t.getAttribute("data-value")}};l(n,"blotName","mention"),l(n,"tagName","MENTION");let a=n;a.sanitize=q=>q,p.Quill.register(a,!0)};module.exports=I;
 //# sourceMappingURL=useMentionLink.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n const { openSlideOut } = useDetailsPanelContext()\n const [, setRefTooltip] = useReferenceTooltip()\n\n // special link for mentions\n // @ts-ignore\n class MentionLink extends Inline {\n static blotName = 'mention'\n static tagName = 'MENTION'\n // @ts-ignore\n static create(value) {\n if (!value \|\| typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n const node = super.create(value)\n // check if this is a mention url\n const valueMentionType = value.split(':').shift() as string\n const valueMentionId = value.split(':').pop() as string\n\n node.classList.add('mention')\n node.classList.add(valueMentionType)\n // add id=id-ref\n node.setAttribute('id', `ref-${valueMentionId}`)\n // set as not editable\n node.setAttribute('contenteditable', 'false')\n\n // add data-value attribute\n node.setAttribute('data-value', value)\n\n // on mouse click open reference\n node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault()\n if (valueMentionType === 'user') return\n\n openSlideOut({\n entityId: valueMentionId,\n entityType: valueMentionType as DetailsPanelEntityType,\n projectName,\n })\n })\n\n // add on mouse enter\n node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n const target = e.target \|\| {}\n const label = (target as HTMLElement).innerText.replace('@', '')\n // get the center of the reference\n const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n const pos = { left: x + width / 2, top: y }\n\n setRefTooltip({\n id: valueMentionId,\n name: valueMentionId,\n type: valueMentionType,\n label,\n pos,\n })\n })\n\n return node \|\| ''\n }\n\n // Added value method to retrieve the value from the DOM node\n static value(node: any) {\n return node.getAttribute('data-value')\n }\n }\n\n // @ts-ignore\n MentionLink.sanitize = (url) => url\n // @ts-ignore\n Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":"~~63BAKA~~,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}
1	+ {"version":3,"file":"useMentionLink.cjs.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n const { openSlideOut } = useDetailsPanelContext()\n const [, setRefTooltip] = useReferenceTooltip()\n\n // special link for mentions\n // @ts-ignore\n class MentionLink extends Inline {\n static blotName = 'mention'\n static tagName = 'MENTION'\n // @ts-ignore\n static create(value) {\n if (!value \|\| typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n const node = super.create(value)\n // check if this is a mention url\n const valueMentionType = value.split(':').shift() as string\n const valueMentionId = value.split(':').pop() as string\n\n node.classList.add('mention')\n node.classList.add(valueMentionType)\n // add id=id-ref\n node.setAttribute('id', `ref-${valueMentionId}`)\n // set as not editable\n node.setAttribute('contenteditable', 'false')\n\n // add data-value attribute\n node.setAttribute('data-value', value)\n\n // on mouse click open reference\n node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault()\n if (valueMentionType === 'user') return\n\n openSlideOut({\n entityId: valueMentionId,\n entityType: valueMentionType as DetailsPanelEntityType,\n projectName,\n })\n })\n\n // add on mouse enter\n node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n const target = e.target \|\| {}\n const label = (target as HTMLElement).innerText.replace('@', '')\n // get the center of the reference\n const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n const pos = { left: x + width / 2, top: y }\n\n setRefTooltip({\n id: valueMentionId,\n name: valueMentionId,\n type: valueMentionType,\n label,\n pos,\n })\n })\n\n return node \|\| ''\n }\n\n // Added value method to retrieve the value from the DOM node\n static value(node: any) {\n return node.getAttribute('data-value')\n }\n }\n\n // @ts-ignore\n MentionLink.sanitize = (url) => url\n // @ts-ignore\n Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":"k7BAKA,MAAMA,EAASC,EAAAA,MAAM,OAAO,cAAc,EAOpCC,EAAiB,CAAC,CAAE,YAAAC,KAAsC,CACxD,KAAA,CAAE,aAAAC,CAAa,EAAIC,yBAAuB,EAC1C,CAAG,CAAAC,CAAa,EAAIC,EAAoB,EAIxCC,EAAN,MAAMA,UAAoBR,CAAO,CAI/B,OAAO,OAAOS,EAAO,CACf,GAAA,CAACA,GAAS,OAAOA,GAAU,SAAiB,OAAA,SAAS,cAAcD,EAAY,OAAO,EAEpF,MAAAE,EAAO,MAAM,OAAOD,CAAK,EAEzBE,EAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,EAC1CG,EAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI,EAEvC,OAAAC,EAAA,UAAU,IAAI,SAAS,EACvBA,EAAA,UAAU,IAAIC,CAAgB,EAEnCD,EAAK,aAAa,KAAM,OAAOE,CAAc,EAAE,EAE1CF,EAAA,aAAa,kBAAmB,OAAO,EAGvCA,EAAA,aAAa,aAAcD,CAAK,EAGhCC,EAAA,iBAAiB,QAAUG,GAAqC,CACnEA,EAAE,eAAe,EACbF,IAAqB,QAEZP,EAAA,CACX,SAAUQ,EACV,WAAYD,EACZ,YAAAR,CAAA,CACD,CAAA,CACF,EAGIO,EAAA,iBAAiB,aAAeG,GAAwC,CACrE,MAAAC,EAASD,EAAE,QAAU,CAAC,EACtBE,EAASD,EAAuB,UAAU,QAAQ,IAAK,EAAE,EAEzD,CAAE,EAAAE,EAAG,EAAAC,EAAG,MAAAC,CAAM,EAAKJ,EAAuB,sBAAsB,EAChEK,EAAM,CAAE,KAAMH,EAAIE,EAAQ,EAAG,IAAKD,CAAE,EAE5BX,EAAA,CACZ,GAAIM,EACJ,KAAMA,EACN,KAAMD,EACN,MAAAI,EACA,IAAAI,CAAA,CACD,CAAA,CACF,EAEMT,GAAQ,EAAA,CAIjB,OAAO,MAAMA,EAAW,CACf,OAAAA,EAAK,aAAa,YAAY,CAAA,CACvC,EAxDAU,EADIZ,EACG,WAAW,WAClBY,EAFIZ,EAEG,UAAU,WAFnB,IAAMa,EAANb,EA6DYa,EAAA,SAAYC,GAAQA,EAE1BrB,QAAA,SAASoB,EAAa,EAAI,CAClC"}

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js CHANGED Viewed

@@ -14,7 +14,8 @@ import "../../../../../context/AddonProjectContext.es.js";
 import "../../../../../context/AddonContext.es.js";
 import "../../../../../context/PowerpackContext.es.js";
 import "../../../../../context/MoveEntityContext.es.js";
-const I = d.import("blots/inline"), $ = ({ projectName: r }) => {
+import "../../../../../context/MenuContext.es.js";
+const I = d.import("blots/inline"), j = ({ projectName: r }) => {
   const { openSlideOut: t } = E(), [, o] = A(), n = class n extends I {
     // @ts-ignore
     static create(e) {
@@ -47,6 +48,6 @@ const I = d.import("blots/inline"), $ = ({ projectName: r }) => {
   s.sanitize = (u) => u, d.register(s, !0);
 };
 export {
-  $ as default
+  j as default
 };
 //# sourceMappingURL=useMentionLink.es.js.map

package/dist/shared/src/containers/Feed/components/CommentInput/hooks/useMentionLink.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n const { openSlideOut } = useDetailsPanelContext()\n const [, setRefTooltip] = useReferenceTooltip()\n\n // special link for mentions\n // @ts-ignore\n class MentionLink extends Inline {\n static blotName = 'mention'\n static tagName = 'MENTION'\n // @ts-ignore\n static create(value) {\n if (!value \|\| typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n const node = super.create(value)\n // check if this is a mention url\n const valueMentionType = value.split(':').shift() as string\n const valueMentionId = value.split(':').pop() as string\n\n node.classList.add('mention')\n node.classList.add(valueMentionType)\n // add id=id-ref\n node.setAttribute('id', `ref-${valueMentionId}`)\n // set as not editable\n node.setAttribute('contenteditable', 'false')\n\n // add data-value attribute\n node.setAttribute('data-value', value)\n\n // on mouse click open reference\n node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault()\n if (valueMentionType === 'user') return\n\n openSlideOut({\n entityId: valueMentionId,\n entityType: valueMentionType as DetailsPanelEntityType,\n projectName,\n })\n })\n\n // add on mouse enter\n node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n const target = e.target \|\| {}\n const label = (target as HTMLElement).innerText.replace('@', '')\n // get the center of the reference\n const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n const pos = { left: x + width / 2, top: y }\n\n setRefTooltip({\n id: valueMentionId,\n name: valueMentionId,\n type: valueMentionType,\n label,\n pos,\n })\n })\n\n return node \|\| ''\n }\n\n // Added value method to retrieve the value from the DOM node\n static value(node: any) {\n return node.getAttribute('data-value')\n }\n }\n\n // @ts-ignore\n MentionLink.sanitize = (url) => url\n // @ts-ignore\n Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":"~~;;;;;;;;;;;;;;;;~~AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}
1	+ {"version":3,"file":"useMentionLink.es.js","sources":["../../../../../../../../src/containers/Feed/components/CommentInput/hooks/useMentionLink.ts"],"sourcesContent":["import { Quill } from 'react-quill-ayon'\nimport useReferenceTooltip from '../../../hooks/useReferenceTooltip'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\n\nconst Inline = Quill.import('blots/inline')\n\ninterface MentionLinkOptions {\n projectName: string\n}\n\n// custom mention links\nconst useMentionLink = ({ projectName }: MentionLinkOptions) => {\n const { openSlideOut } = useDetailsPanelContext()\n const [, setRefTooltip] = useReferenceTooltip()\n\n // special link for mentions\n // @ts-ignore\n class MentionLink extends Inline {\n static blotName = 'mention'\n static tagName = 'MENTION'\n // @ts-ignore\n static create(value) {\n if (!value \|\| typeof value !== 'string') return document.createElement(MentionLink.tagName)\n\n const node = super.create(value)\n // check if this is a mention url\n const valueMentionType = value.split(':').shift() as string\n const valueMentionId = value.split(':').pop() as string\n\n node.classList.add('mention')\n node.classList.add(valueMentionType)\n // add id=id-ref\n node.setAttribute('id', `ref-${valueMentionId}`)\n // set as not editable\n node.setAttribute('contenteditable', 'false')\n\n // add data-value attribute\n node.setAttribute('data-value', value)\n\n // on mouse click open reference\n node.addEventListener('click', (e: React.MouseEvent<HTMLElement>) => {\n e.preventDefault()\n if (valueMentionType === 'user') return\n\n openSlideOut({\n entityId: valueMentionId,\n entityType: valueMentionType as DetailsPanelEntityType,\n projectName,\n })\n })\n\n // add on mouse enter\n node.addEventListener('mouseenter', (e: React.KeyboardEvent<HTMLElement>) => {\n const target = e.target \|\| {}\n const label = (target as HTMLElement).innerText.replace('@', '')\n // get the center of the reference\n const { x, y, width } = (target as HTMLElement).getBoundingClientRect()\n const pos = { left: x + width / 2, top: y }\n\n setRefTooltip({\n id: valueMentionId,\n name: valueMentionId,\n type: valueMentionType,\n label,\n pos,\n })\n })\n\n return node \|\| ''\n }\n\n // Added value method to retrieve the value from the DOM node\n static value(node: any) {\n return node.getAttribute('data-value')\n }\n }\n\n // @ts-ignore\n MentionLink.sanitize = (url) => url\n // @ts-ignore\n Quill.register(MentionLink, true)\n}\n\nexport default useMentionLink\n"],"names":["Inline","Quill","useMentionLink","projectName","openSlideOut","useDetailsPanelContext","setRefTooltip","useReferenceTooltip","_MentionLink","value","node","valueMentionType","valueMentionId","e","target","label","x","y","width","pos","__publicField","MentionLink","url"],"mappings":";;;;;;;;;;;;;;;;;AAKA,MAAMA,IAASC,EAAM,OAAO,cAAc,GAOpCC,IAAiB,CAAC,EAAE,aAAAC,QAAsC;AACxD,QAAA,EAAE,cAAAC,EAAa,IAAIC,EAAuB,GAC1C,CAAG,EAAAC,CAAa,IAAIC,EAAoB,GAIxCC,IAAN,MAAMA,UAAoBR,EAAO;AAAA;AAAA,IAI/B,OAAO,OAAOS,GAAO;AACf,UAAA,CAACA,KAAS,OAAOA,KAAU,SAAiB,QAAA,SAAS,cAAcD,EAAY,OAAO;AAEpF,YAAAE,IAAO,MAAM,OAAOD,CAAK,GAEzBE,IAAmBF,EAAM,MAAM,GAAG,EAAE,MAAM,GAC1CG,IAAiBH,EAAM,MAAM,GAAG,EAAE,IAAI;AAEvC,aAAAC,EAAA,UAAU,IAAI,SAAS,GACvBA,EAAA,UAAU,IAAIC,CAAgB,GAEnCD,EAAK,aAAa,MAAM,OAAOE,CAAc,EAAE,GAE1CF,EAAA,aAAa,mBAAmB,OAAO,GAGvCA,EAAA,aAAa,cAAcD,CAAK,GAGhCC,EAAA,iBAAiB,SAAS,CAACG,MAAqC;AAEnE,QADAA,EAAE,eAAe,GACbF,MAAqB,UAEZP,EAAA;AAAA,UACX,UAAUQ;AAAA,UACV,YAAYD;AAAA,UACZ,aAAAR;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAGIO,EAAA,iBAAiB,cAAc,CAACG,MAAwC;AACrE,cAAAC,IAASD,EAAE,UAAU,CAAC,GACtBE,IAASD,EAAuB,UAAU,QAAQ,KAAK,EAAE,GAEzD,EAAE,GAAAE,GAAG,GAAAC,GAAG,OAAAC,EAAM,IAAKJ,EAAuB,sBAAsB,GAChEK,IAAM,EAAE,MAAMH,IAAIE,IAAQ,GAAG,KAAKD,EAAE;AAE5B,QAAAX,EAAA;AAAA,UACZ,IAAIM;AAAA,UACJ,MAAMA;AAAA,UACN,MAAMD;AAAA,UACN,OAAAI;AAAA,UACA,KAAAI;AAAA,QAAA,CACD;AAAA,MAAA,CACF,GAEMT,KAAQ;AAAA,IAAA;AAAA;AAAA,IAIjB,OAAO,MAAMA,GAAW;AACf,aAAAA,EAAK,aAAa,YAAY;AAAA,IAAA;AAAA,EACvC;AAxDA,EAAAU,EADIZ,GACG,YAAW,YAClBY,EAFIZ,GAEG,WAAU;AAFnB,MAAMa,IAANb;AA6DY,EAAAa,EAAA,WAAW,CAACC,MAAQA,GAE1BrB,EAAA,SAASoB,GAAa,EAAI;AAClC;"}

package/dist/shared/src/containers/Feed/components/FileUploadCard/FileUploadCard.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),t=require("./FileUploadCard.styled.cjs.js"),l=require("clsx"),C=require("react"),F=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const I=require("../../../../context/DetailsPanelContext.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");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},P=p=>{for(const[n,o]of Object.entries(B))if(o.some(s=>p.includes(s)))return n;return"draft"},U=({name:p,mime:n,src:o,unsavedAnnotation:s,savedAnnotation:u,size:g,progress:x,onRemove:d,isCompact:f,isDownloadable:c=!1,onExpand:h,onJumpTo:R,className:q,...w})=>{const N=x&&x<100,[b,_]=C.useState(!1),{feedAnnotationsEnabled:v}=I.useDetailsPanelContext(),j=p.split("."),m=j.pop()||"",y=j.join("."),r=F.isFilePreviewable(n||"."+m),k=(n==null?void 0:n.includes("image/"))||!!s,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:a.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(a.Icon,{icon:"download",className:"download-icon"})]}),i=s??u;return e.jsxRuntimeExports.jsxs(t.File,{className:l(q,{compact:f,isDownloadable:c,isPreviewable:r,isUnsavedAnnotation:!!s}),...w,children:[e.jsxRuntimeExports.jsxs(t.ContentWrapper,{className:l("content-wrapper",{isPreviewable:r,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:P(n||"."+m),className:"type-icon"}),k&&o&&e.jsxRuntimeExports.jsx(t.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||r||s}),children:e.jsxRuntimeExports.jsx("img",{src:o,onError:()=>_(!0),style:{display:b?"none":"block"}})}),e.jsxRuntimeExports.jsxs(t.Buttons,{className:"expand-buttons",children:[r&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||v&&u)&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(t.Footer,{className:l({inProgress:N,isPreviewable:r,isDownloadable:c}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-x}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:i?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:"draw"}),i.range[0],i.range[1]!==i.range[0]&&` - ${i.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[y,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",m]})]})}),c&&(d?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),d&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:d,icon:"close"})]})};module.exports=U;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),a=require("@ynput/ayon-react-components"),t=require("./FileUploadCard.styled.cjs.js"),l=require("clsx"),C=require("react"),F=require("../FileUploadPreview/FileUploadPreview.cjs.js");require("../../../../context/RemoteModulesContext.cjs.js");const I=require("../../../../context/DetailsPanelContext.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");const B={description:["doc"],folder_zip:["zip"],code_blocks:["json","javascript","python","html","css",".py",".js",".html",".css",".json",".ts"],brush:[".psd",".ai",".xd",".sketch"],"3d_rotation":[".mb",".ma",".c4d",".blend",".max",".3ds",".lwo",".lws",".lxo",".hip",".hda"],theaters:[".aep",".tpl",".clip",".nk",".fusion",".prproj",".spsm",".drp"],picture_as_pdf:["pdf",".pdf"],image:["image",".png",".jpg",".jpeg",".gif",".svg",".webp"],videocam:["video",".mp4",".mov",".avi",".mkv",".webm",".mxf"],business_center:["application"],audio_file:["audio"],text_snippet:["text"],filter_none:["sequence"],font_download:["font"],deployed_code:["model",".obj",".abc",".stl",".fbx",".gltf",".glb",".usd"]},P=p=>{for(const[n,o]of Object.entries(B))if(o.some(s=>p.includes(s)))return n;return"draft"},U=({name:p,mime:n,src:o,unsavedAnnotation:s,savedAnnotation:m,size:g,progress:x,onRemove:d,isCompact:f,isDownloadable:c=!1,onExpand:h,onJumpTo:R,className:q,...w})=>{const N=x&&x<100,[b,_]=C.useState(!1),{feedAnnotationsEnabled:v}=I.useDetailsPanelContext(),j=p.split("."),u=j.pop()||"",y=j.join("."),r=F.isFilePreviewable(n||"."+u),k=(n==null?void 0:n.includes("image/"))||!!s,E=e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("span",{className:"size",children:a.getFileSizeString(g)}),e.jsxRuntimeExports.jsx(a.Icon,{icon:"download",className:"download-icon"})]}),i=s??m;return e.jsxRuntimeExports.jsxs(t.File,{className:l(q,{compact:f,isDownloadable:c,isPreviewable:r,isUnsavedAnnotation:!!s}),...w,children:[e.jsxRuntimeExports.jsxs(t.ContentWrapper,{className:l("content-wrapper",{isPreviewable:r,isUnsavedAnnotation:!!s}),children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:P(n||"."+u),className:"type-icon"}),k&&o&&e.jsxRuntimeExports.jsx(t.ImageWrapper,{className:l({"image-wrapper":!0,isDownloadable:c||r||s}),children:e.jsxRuntimeExports.jsx("img",{src:o,onError:()=>_(!0),style:{display:b?"none":"block"}})}),e.jsxRuntimeExports.jsxs(t.Buttons,{className:"expand-buttons",children:[r&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Open preview",icon:"open_in_full",variant:"nav",onClick:h}),(s||v&&m)&&e.jsxRuntimeExports.jsx(t.ExpandButton,{"data-tooltip":"Jump to annotation",icon:"play_circle",variant:"nav",onClick:R})]})]}),e.jsxRuntimeExports.jsxs(t.Footer,{className:l({inProgress:N,isPreviewable:r,isDownloadable:c}),children:[e.jsxRuntimeExports.jsx("span",{className:"progress",style:{right:`${100-x}%`}}),e.jsxRuntimeExports.jsx("div",{className:"name-wrapper",children:i?e.jsxRuntimeExports.jsxs("span",{className:"name",children:[e.jsxRuntimeExports.jsx(a.Icon,{icon:"draw"}),i.range[0],i.range[1]!==i.range[0]&&` - ${i.range[1]}`]}):e.jsxRuntimeExports.jsxs("span",{className:"name",children:[y,e.jsxRuntimeExports.jsxs("span",{className:"extension",children:[".",u]})]})}),c&&(d?e.jsxRuntimeExports.jsx("div",{className:"download",children:E}):e.jsxRuntimeExports.jsx("a",{href:o,target:"_blank",rel:"noopener noreferrer",className:"download",children:E}))]}),d&&e.jsxRuntimeExports.jsx(a.Button,{className:"remove",onClick:d,icon:"close"})]})};module.exports=U;
 //# sourceMappingURL=FileUploadCard.cjs.js.map