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

@ynput/ayon-frontend-shared 0.2.28 → 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 (1093) hide show

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

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

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

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../../../_virtual/jsx-runtime.cjs.js"),P=require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");const A=require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");const C=require("./DescriptionSection.cjs.js"),D=require("./DetailsSection.cjs.js"),R=require("styled-components");require("react");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("./hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");const M=require("./hooks/useEntityFormData.cjs.js"),I=require("./hooks/useEntityFields.cjs.js"),O=require("./hooks/useEntityEditing.cjs.js"),w=require("./hooks/useEntityData.cjs.js"),B=R.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  gap: 12px;
+  overflow-y: auto;
+  padding-right: 8px;
+  padding-left: 8px;
+  margin-top: 16px;
+`,G=({entities:t=[],isLoading:u})=>{var a,y,x;const{formData:e,mixedFields:s,updateFormData:o,clearMixedField:g}=M.useEntityFormData(t,u),{folderTypes:E,taskTypes:j,statuses:h,tags:b,attributes:m}=w.useEntityData({projectName:e==null?void 0:e.projectName,isProjectNameMixed:s.includes("projectName")}),c=(t||[]).filter(r=>r.entityType==="folder"),{data:q}=A.useGetActivitiesInfiniteInfiniteQuery({entityIds:c.map(r=>r.id),projectName:(e==null?void 0:e.projectName)||"",referenceTypes:["origin","mention","relation"],activityTypes:["version.publish"]},{skip:!(e!=null&&e.projectName)||c.length===0}),f=!!((x=(y=(a=q==null?void 0:q.pages)==null?void 0:a[0])==null?void 0:y.activities)!=null&&x.length),{editableFields:T,readOnlyFieldsData:F}=I.useEntityFields({attributes:m,folderTypes:E,taskTypes:j,statuses:h,tags:b,entityType:e==null?void 0:e.entityType,folderHasVersions:f}),d=(e==null?void 0:e.entityType)||"task",{enableEditing:l,updateEntity:p}=O.useEntityEditing({entities:t,entityType:d}),S=(r,i)=>{r==="tags"&&(Array.isArray(i)||(i==null||i===""?i=[]:i=[String(i)])),r.startsWith("attrib.")&&(i={[r.replace("attrib.","")]:i},r="attrib"),o(r,i),p(r,i)},N=r=>{o("description",r),g("description"),p("attrib",{description:r})};return n.jsxRuntimeExports.jsxs(B,{children:[n.jsxRuntimeExports.jsx(C.DescriptionSection,{description:(e==null?void 0:e.description)||"",isMixed:s.includes("description"),enableEditing:l,onChange:N,isLoading:u}),n.jsxRuntimeExports.jsx(P.DetailsPanelAttributesEditor,{fields:T,form:e||{},mixedFields:s,isLoading:u,enableEditing:l,onChange:S,entities:t,entityType:d}),n.jsxRuntimeExports.jsx(D.DetailsSection,{fields:F,form:e||{},mixedFields:s,isLoading:u})]})};exports.DetailsPanelDetails=G;
+//# sourceMappingURL=DetailsPanelDetails.cjs.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"DetailsPanelDetails.cjs.js","sources":["../../../../../src/components/DetailsPanelDetails/DetailsPanelDetails.tsx"],"sourcesContent":["import {\n DetailsPanelAttributesEditor,\n DetailsPanelAttributesEditorProps,\n} from '../DetailsPanelAttributes/DetailsPanelAttributesEditor'\nimport type { DetailsPanelEntityData } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { DescriptionSection } from './DescriptionSection'\nimport { DetailsSection } from './DetailsSection'\nimport styled from 'styled-components'\nimport {\n useEntityFormData,\n useEntityFields,\n useEntityEditing,\n useEntityData,\n} from './hooks'\n\nconst StyledContainer = styled.div`\n display: flex;\n flex-direction: column;\n height: 100%;\n gap: 12px;\n overflow-y: auto;\n padding-right: 8px;\n padding-left: 8px;\n margin-top: 16px;\n`\n\nexport type DetailsPanelDetailsProps = {\n entities: DetailsPanelEntityData[]\n isLoading: boolean\n}\n\nexport const DetailsPanelDetails = ({ entities = [], isLoading }: DetailsPanelDetailsProps) => {\n const { formData, mixedFields, updateFormData, clearMixedField } = useEntityFormData(\n entities,\n isLoading,\n )\n\n const { folderTypes, taskTypes, statuses, tags, attributes } = useEntityData({\n projectName: formData?.projectName,\n isProjectNameMixed: mixedFields.includes('projectName'),\n })\n\n // Determine if any selected folder has published versions\n const folderEntities = (entities || []).filter((entity) => entity.entityType === 'folder')\n const { data: versionActivitiesData } = useGetActivitiesInfiniteInfiniteQuery(\n {\n entityIds: folderEntities.map((e) => e.id),\n projectName: formData?.projectName || '',\n referenceTypes: ['origin', 'mention', 'relation'],\n activityTypes: ['version.publish'],\n },\n {\n skip: !formData?.projectName || folderEntities.length === 0,\n },\n )\n\n const folderHasVersions = Boolean(versionActivitiesData?.pages?.[0]?.activities?.length)\n\n const { editableFields, readOnlyFieldsData } = useEntityFields({\n attributes,\n folderTypes,\n taskTypes,\n statuses,\n tags,\n entityType: formData?.entityType,\n folderHasVersions,\n })\n\n const entityType = formData?.entityType || 'task'\n const { enableEditing, updateEntity } = useEntityEditing({\n entities,\n entityType,\n })\n\n const handleChange: DetailsPanelAttributesEditorProps[\"onChange\"] = (key, value) => {\n if (key === 'tags') {\n if (Array.isArray(value)) {\n // keep as-is\n } else if (value === null || value === undefined || value === '') {\n value = []\n } else {\n value = [String(value)]\n }\n }\n\n if (key.startsWith('attrib.')) {\n value = {\n [key.replace('attrib.', '')]: value,\n }\n key = 'attrib'\n }\n\n updateFormData(key, value)\n updateEntity(key, value)\n }\n\n const handleDescriptionChange = (description: string) => {\n updateFormData('description', description)\n clearMixedField('description')\n updateEntity('attrib', { description })\n }\n\n return (\n <StyledContainer>\n <DescriptionSection\n description={formData?.description || ''}\n isMixed={mixedFields.includes('description')}\n enableEditing={enableEditing}\n onChange={handleDescriptionChange}\n isLoading={isLoading}\n />\n\n <DetailsPanelAttributesEditor\n fields={editableFields}\n form={formData || {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n enableEditing={enableEditing}\n onChange={handleChange}\n entities={entities}\n entityType={entityType}\n />\n\n <DetailsSection\n fields={readOnlyFieldsData}\n form={formData || {}}\n mixedFields={mixedFields}\n isLoading={isLoading}\n />\n </StyledContainer>\n )\n}\n"],"names":["StyledContainer","styled","DetailsPanelDetails","entities","isLoading","formData","mixedFields","updateFormData","clearMixedField","useEntityFormData","folderTypes","taskTypes","statuses","tags","attributes","useEntityData","folderEntities","entity","versionActivitiesData","useGetActivitiesInfiniteInfiniteQuery","e","folderHasVersions","_c","_b","_a","editableFields","readOnlyFieldsData","useEntityFields","entityType","enableEditing","updateEntity","useEntityEditing","handleChange","key","value","handleDescriptionChange","description","jsx","DescriptionSection","DetailsPanelAttributesEditor","DetailsSection"],"mappings":"yxJAgBMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgBlBC,EAAsB,CAAC,CAAE,SAAAC,EAAW,CAAC,EAAG,UAAAC,KAA0C,WAC7F,KAAM,CAAE,SAAAC,EAAU,YAAAC,EAAa,eAAAC,EAAgB,gBAAAC,CAAoB,EAAAC,EAAA,kBACjEN,EACAC,CACF,EAEM,CAAE,YAAAM,EAAa,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAM,WAAAC,GAAeC,gBAAc,CAC3E,YAAaV,GAAA,YAAAA,EAAU,YACvB,mBAAoBC,EAAY,SAAS,aAAa,CAAA,CACvD,EAGKU,GAAkBb,GAAY,IAAI,OAAQc,GAAWA,EAAO,aAAe,QAAQ,EACnF,CAAE,KAAMC,CAAA,EAA0BC,EAAA,sCACtC,CACE,UAAWH,EAAe,IAAKI,GAAMA,EAAE,EAAE,EACzC,aAAaf,GAAA,YAAAA,EAAU,cAAe,GACtC,eAAgB,CAAC,SAAU,UAAW,UAAU,EAChD,cAAe,CAAC,iBAAiB,CACnC,EACA,CACE,KAAM,EAACA,GAAA,MAAAA,EAAU,cAAeW,EAAe,SAAW,CAAA,CAE9D,EAEMK,EAAoB,IAAQC,GAAAC,GAAAC,EAAAN,GAAA,YAAAA,EAAuB,QAAvB,YAAAM,EAA+B,KAA/B,YAAAD,EAAmC,aAAnC,MAAAD,EAA+C,QAE3E,CAAE,eAAAG,EAAgB,mBAAAC,CAAmB,EAAIC,kBAAgB,CAC7D,WAAAb,EACA,YAAAJ,EACA,UAAAC,EACA,SAAAC,EACA,KAAAC,EACA,WAAYR,GAAA,YAAAA,EAAU,WACtB,kBAAAgB,CAAA,CACD,EAEKO,GAAavB,GAAA,YAAAA,EAAU,aAAc,OACrC,CAAE,cAAAwB,EAAe,aAAAC,CAAa,EAAIC,mBAAiB,CACvD,SAAA5B,EACA,WAAAyB,CAAA,CACD,EAEKI,EAA8D,CAACC,EAAKC,IAAU,CAC9ED,IAAQ,SACN,MAAM,QAAQC,CAAK,IAEZA,GAAU,MAA+BA,IAAU,GAC5DA,EAAQ,CAAC,EAEDA,EAAA,CAAC,OAAOA,CAAK,CAAC,IAItBD,EAAI,WAAW,SAAS,IAClBC,EAAA,CACN,CAACD,EAAI,QAAQ,UAAW,EAAE,CAAC,EAAGC,CAChC,EACMD,EAAA,UAGR1B,EAAe0B,EAAKC,CAAK,EACzBJ,EAAaG,EAAKC,CAAK,CACzB,EAEMC,EAA2BC,GAAwB,CACvD7B,EAAe,cAAe6B,CAAW,EACzC5B,EAAgB,aAAa,EAChBsB,EAAA,SAAU,CAAE,YAAAM,EAAa,CACxC,EAEA,gCACGpC,EACC,CAAA,SAAA,CAAAqC,EAAA,kBAAA,IAACC,EAAA,mBAAA,CACC,aAAajC,GAAA,YAAAA,EAAU,cAAe,GACtC,QAASC,EAAY,SAAS,aAAa,EAC3C,cAAAuB,EACA,SAAUM,EACV,UAAA/B,CAAA,CACF,EAEAiC,EAAA,kBAAA,IAACE,EAAA,6BAAA,CACC,OAAQd,EACR,KAAMpB,GAAY,CAAC,EACnB,YAAAC,EACA,UAAAF,EACA,cAAAyB,EACA,SAAUG,EACV,SAAA7B,EACA,WAAAyB,CAAA,CACF,EAEAS,EAAA,kBAAA,IAACG,EAAA,eAAA,CACC,OAAQd,EACR,KAAMrB,GAAY,CAAC,EACnB,YAAAC,EACA,UAAAF,CAAA,CAAA,CACF,EACF,CAEJ"}