@ynput/ayon-frontend-shared 0.2.28 → 0.2.29

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

@@ -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  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\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\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    max-height: calc(100% - 57px);\n\n    .ql-editor {\n      padding: 12px;\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      \n      &[contenteditable=\"false\"] {\n        pointer-events: none;\n        cursor: pointer !important;\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      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\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      }\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  }\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\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":"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"}

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

@@ -0,0 +1,401 @@
+import o from "styled-components";
+const e = o.div`
+  padding: 0;
+  cursor: pointer;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  &.editing {
+    cursor: default;
+    padding: 0;
+    margin: 0;
+  }
+
+  &: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;
+
+  .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;
+    max-height: calc(100% - 57px);
+
+    .ql-editor {
+      padding: 12px;
+      min-height: 60px;
+      flex: 1;
+      overflow-y: auto;
+      
+      &[contenteditable="false"] {
+        pointer-events: none;
+        cursor: pointer !important;
+        
+        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);
+      }
+
+      a {
+        color: var(--md-sys-color-primary);
+        text-decoration: none;
+      }
+
+      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;
+      }
+
+      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;
+        }
+      }
+    }
+  }
+`, 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%;
+
+  /* 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

@@ -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  height: 100%;\n  display: flex;\n  flex-direction: column;\n\n  &.editing {\n    cursor: default;\n    padding: 0;\n    margin: 0;\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\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    max-height: calc(100% - 57px);\n\n    .ql-editor {\n      padding: 12px;\n      min-height: 60px;\n      flex: 1;\n      overflow-y: auto;\n      \n      &[contenteditable=\"false\"] {\n        pointer-events: none;\n        cursor: pointer !important;\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      }\n\n      a {\n        color: var(--md-sys-color-primary);\n        text-decoration: none;\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      }\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  }\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\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":"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"}

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

@@ -0,0 +1,12 @@
+"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/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;
+  padding-bottom: 68px;
+  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

@@ -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  padding-bottom: 68px;\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":"6tJAgBMA,EAAkBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBlBC,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"}