@ynput/ayon-frontend-shared 0.3.19 → 0.3.22

package/dist/shared/src/containers/Feed/components/CommentInput/quillToMarkdown.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"quillToMarkdown.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\nturndownService.addRule('emptyParagraph', {\n  filter: function (node) {\n    if (node.nodeName !== 'P') return false\n    const childNodes = node.childNodes || []\n    if (childNodes.length !== 1) return false\n    const childNode = childNodes[0]\n    return childNode?.nodeName === 'BR'\n  },\n  replacement: function () {\n    return `\\n\\n<br>\\n\\n`\n  },\n})\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n  filter: function (node) {\n    return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n  },\n  replacement: function (content, node) {\n    return (\n      (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n      ' ' +\n      content.replace(/(\\r\\n|\\n|\\r)/gm, '') +\n      '\\n\\n'\n    )\n  },\n})\n\nturndownService.addRule('codeblock', {\n  filter: function (node) {\n    return node.classList.contains('ql-code-block-container')\n  },\n  replacement: function (content, node) {\n    const lines = node.children\n    // each child node is a new line so add a newline character\n    const codeBlockString = Array.from(lines)\n      .map((line) => line.innerText)\n      .join('\\n')\n    // wrap the content in ``` to create a code block\n    return '```\\n' + codeBlockString + '\\n```'\n  },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n  filter: function (node) {\n    return node.innerText?.includes('\\\\\\\\')\n  },\n  replacement: function (content) {\n    return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n  },\n})\n\n// unordered list\nturndownService.addRule('unOrderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'bullet'\n  },\n  replacement: function (content) {\n    return '- ' + content + '\\n'\n  },\n})\n\n// ordered list\nturndownService.addRule('orderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'ordered'\n  },\n  replacement: function (content) {\n    return '1. ' + content + '\\n'\n  },\n})\n\n// preserve underline as raw HTML (markdown has no native underline syntax)\nturndownService.addRule('underline', {\n  filter: ['u'],\n  replacement: function (content) {\n    return `<u>${content}</u>`\n  },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n  filter: function (node) {\n    return node.classList.contains('mention') && node.getAttribute('data-value')\n  },\n  replacement: function (content, node) {\n    return `[${content}](${node.getAttribute('data-value')})`\n  },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n  return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n  // first get the code blocks\n  const regex = /```(.*?)```/g\n  const matches = value.match(regex)\n\n  // for each code block, wrap with <pre><code> tags\n  if (matches) {\n    matches.forEach((match) => {\n      const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n      value = value.replace(match, newMatch)\n    })\n  }\n\n  return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n  const regex = /\\n\\n>/g\n  const matches = value.match(regex)\n\n  if (matches) {\n    matches.forEach((match) => {\n      value = value.replace(match, '\\n>')\n    })\n  }\n\n  return value\n}\n\nexport const getTextRefs = (text = '') => {\n  // inside the markdown, find characters inside ()\n  const regex2 = /\\((.*?)\\)/g\n  const links = text.match(regex2) || []\n  const entities = links.flatMap((link) => {\n    // if https, then it is a link and not an entity\n    if (link.includes('http')) {\n      return []\n    } else {\n      // remove the ()\n      const match = link.match(/\\(([^)]+)\\)/)\n      let parts = []\n      if (match) {\n        // split by :\n        parts = match[1].split(':')\n      }\n      return {\n        type: parts[0],\n        id: parts[1],\n      }\n    }\n  })\n\n  return entities\n}\n\nexport const convertToMarkdown = (value) => {\n  const codeBlocksParsed = parseCodeBlocks(value)\n\n  let markdown = turndownService.turndown(codeBlocksParsed)\n\n  const quotesParsedMarkdown = parseQuotes(markdown)\n\n  let body = quotesParsedMarkdown\n\n  // inside the markdown, find characters inside () or [] and replace @ with nothing\n  const regex = /\\((.*?)\\)|\\[(.*?)\\]/g\n  const matches = markdown.match(regex)\n  if (matches) {\n    matches.forEach((match) => {\n      if (match.includes('http')) return\n      const newMatch = match.replaceAll('@', '')\n      body = body.replace(match, newMatch)\n    })\n  }\n\n  const entities = getTextRefs(markdown)\n\n  return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","childNodes","content","lines","line","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":"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"}
+{"version":3,"file":"quillToMarkdown.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\nturndownService.addRule('emptyParagraph', {\n  filter: function (node) {\n    if (node.nodeName !== 'P') return false\n    const childNodes = node.childNodes || []\n    if (childNodes.length !== 1) return false\n    const childNode = childNodes[0]\n    return childNode?.nodeName === 'BR'\n  },\n  replacement: function () {\n    return `&nbsp;`\n  },\n})\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n  filter: function (node) {\n    return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n  },\n  replacement: function (content, node) {\n    return (\n      (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n      ' ' +\n      content.replace(/(\\r\\n|\\n|\\r)/gm, '') +\n      '\\n\\n'\n    )\n  },\n})\n\nturndownService.addRule('codeblock', {\n  filter: function (node) {\n    return node.classList.contains('ql-code-block-container')\n  },\n  replacement: function (content, node) {\n    const lines = node.children\n    // each child node is a new line so add a newline character\n    const codeBlockString = Array.from(lines)\n      .map((line) => line.innerText)\n      .join('\\n')\n    // wrap the content in ``` to create a code block\n    return '```\\n' + codeBlockString + '\\n```'\n  },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n  filter: function (node) {\n    return node.innerText?.includes('\\\\\\\\')\n  },\n  replacement: function (content) {\n    return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n  },\n})\n\n// unordered list\nturndownService.addRule('unOrderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'bullet'\n  },\n  replacement: function (content) {\n    return '- ' + content + '\\n'\n  },\n})\n\n// ordered list\nturndownService.addRule('orderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'ordered'\n  },\n  replacement: function (content) {\n    return '1. ' + content + '\\n'\n  },\n})\n\n// preserve underline as raw HTML (markdown has no native underline syntax)\nturndownService.addRule('underline', {\n  filter: ['u'],\n  replacement: function (content) {\n    return `<u>${content}</u>`\n  },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n  filter: function (node) {\n    return node.classList.contains('mention') && node.getAttribute('data-value')\n  },\n  replacement: function (content, node) {\n    const value = node.getAttribute('data-value') || ''\n    // Encode spaces so markdown parsers don't break on URLs like \"team:Sons of thunder\"\n    const encodedValue = value.replaceAll(' ', '%20')\n    return `[${content}](${encodedValue})`\n  },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n  return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n  // first get the code blocks\n  const regex = /```(.*?)```/g\n  const matches = value.match(regex)\n\n  // for each code block, wrap with <pre><code> tags\n  if (matches) {\n    matches.forEach((match) => {\n      const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n      value = value.replace(match, newMatch)\n    })\n  }\n\n  return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n  const regex = /\\n\\n>/g\n  const matches = value.match(regex)\n\n  if (matches) {\n    matches.forEach((match) => {\n      value = value.replace(match, '\\n>')\n    })\n  }\n\n  return value\n}\n\nexport const getTextRefs = (text = '') => {\n  // inside the markdown, find characters inside ()\n  const regex2 = /\\((.*?)\\)/g\n  const links = text.match(regex2) || []\n  const entities = links.flatMap((link) => {\n    // if https, then it is a link and not an entity\n    if (link.includes('http')) {\n      return []\n    } else {\n      // remove the ()\n      const match = link.match(/\\(([^)]+)\\)/)\n      let parts = []\n      if (match) {\n        // split by :\n        parts = match[1].split(':')\n      }\n      return {\n        type: parts[0],\n        id: parts[1],\n      }\n    }\n  })\n\n  return entities\n}\n\nexport const convertToMarkdown = (value) => {\n  const codeBlocksParsed = parseCodeBlocks(value)\n\n  let markdown = turndownService.turndown(codeBlocksParsed)\n\n  const quotesParsedMarkdown = parseQuotes(markdown)\n\n  let body = quotesParsedMarkdown\n\n  // inside the markdown, find characters inside () or [] and replace @ with nothing\n  const regex = /\\((.*?)\\)|\\[(.*?)\\]/g\n  const matches = markdown.match(regex)\n  if (matches) {\n    matches.forEach((match) => {\n      if (match.includes('http')) return\n      const newMatch = match.replaceAll('@', '')\n      body = body.replace(match, newMatch)\n    })\n  }\n\n  const entities = getTextRefs(markdown)\n\n  return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","childNodes","content","lines","line","encodedValue","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/CommentInput/quillToMarkdown.es.js

@@ -1,21 +1,17 @@
 import s from "turndown";
 s.prototype.escape = (e) => e;
-var c = new s();
-c.addRule("emptyParagraph", {
+var o = new s();
+o.addRule("emptyParagraph", {
   filter: function(e) {
     if (e.nodeName !== "P") return !1;
     const t = e.childNodes || [];
     return t.length !== 1 ? !1 : t[0]?.nodeName === "BR";
   },
   replacement: function() {
-    return `
-
-<br>
-
-`;
+    return "&nbsp;";
   }
 });
-c.addRule("taskListItems", {
+o.addRule("taskListItems", {
   filter: function(e) {
     return ["checked", "unchecked"].includes(e.getAttribute("data-list"));
   },
@@ -25,7 +21,7 @@ c.addRule("taskListItems", {
 `;
   }
 });
-c.addRule("codeblock", {
+o.addRule("codeblock", {
   filter: function(e) {
     return e.classList.contains("ql-code-block-container");
   },
@@ -35,7 +31,7 @@ c.addRule("codeblock", {
 `) + "\n```";
   }
 });
-c.addRule("doubleBackslash", {
+o.addRule("doubleBackslash", {
   filter: function(e) {
     return e.innerText?.includes("\\\\");
   },
@@ -43,7 +39,7 @@ c.addRule("doubleBackslash", {
     return e.replaceAll("\\\\", "\\\\\\\\");
   }
 });
-c.addRule("unOrderedList", {
+o.addRule("unOrderedList", {
   filter: function(e) {
     return e.nodeName === "LI" && e.getAttribute("data-list") === "bullet";
   },
@@ -52,7 +48,7 @@ c.addRule("unOrderedList", {
 `;
   }
 });
-c.addRule("orderedList", {
+o.addRule("orderedList", {
   filter: function(e) {
     return e.nodeName === "LI" && e.getAttribute("data-list") === "ordered";
   },
@@ -61,31 +57,32 @@ c.addRule("orderedList", {
 `;
   }
 });
-c.addRule("underline", {
+o.addRule("underline", {
   filter: ["u"],
   replacement: function(e) {
     return `<u>${e}</u>`;
   }
 });
-c.addRule("mention", {
+o.addRule("mention", {
   filter: function(e) {
     return e.classList.contains("mention") && e.getAttribute("data-value");
   },
   replacement: function(e, t) {
-    return `[${e}](${t.getAttribute("data-value")})`;
+    const c = (t.getAttribute("data-value") || "").replaceAll(" ", "%20");
+    return `[${e}](${c})`;
   }
 });
 const f = (e) => e.replaceAll("<p>", "").replaceAll("</p>", `
 `).replaceAll("```", ""), p = (e) => {
   const t = /```(.*?)```/g, n = e.match(t);
-  return n && n.forEach((o) => {
-    const r = `<pre id='ticks'><code>${f(o)}</code></pre>`;
-    e = e.replace(o, r);
+  return n && n.forEach((c) => {
+    const r = `<pre id='ticks'><code>${f(c)}</code></pre>`;
+    e = e.replace(c, r);
   }), e;
 }, m = (e) => {
   const t = /\n\n>/g, n = e.match(t);
-  return n && n.forEach((o) => {
-    e = e.replace(o, `
+  return n && n.forEach((c) => {
+    e = e.replace(c, `
 >`);
   }), e;
 }, h = (e = "") => {
@@ -95,21 +92,21 @@ const f = (e) => e.replaceAll("<p>", "").replaceAll("</p>", `
       return [];
     {
       const a = r.match(/\(([^)]+)\)/);
-      let i = [];
-      return a && (i = a[1].split(":")), {
-        type: i[0],
-        id: i[1]
+      let l = [];
+      return a && (l = a[1].split(":")), {
+        type: l[0],
+        id: l[1]
       };
     }
   });
 }, k = (e) => {
   const t = p(e);
-  let n = c.turndown(t), r = m(n);
-  const a = /\((.*?)\)|\[(.*?)\]/g, i = n.match(a);
-  i && i.forEach((l) => {
-    if (l.includes("http")) return;
-    const d = l.replaceAll("@", "");
-    r = r.replace(l, d);
+  let n = o.turndown(t), r = m(n);
+  const a = /\((.*?)\)|\[(.*?)\]/g, l = n.match(a);
+  l && l.forEach((i) => {
+    if (i.includes("http")) return;
+    const d = i.replaceAll("@", "");
+    r = r.replace(i, d);
   });
   const u = h(n);
   return [r, u];

package/dist/shared/src/containers/Feed/components/CommentInput/quillToMarkdown.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"quillToMarkdown.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\nturndownService.addRule('emptyParagraph', {\n  filter: function (node) {\n    if (node.nodeName !== 'P') return false\n    const childNodes = node.childNodes || []\n    if (childNodes.length !== 1) return false\n    const childNode = childNodes[0]\n    return childNode?.nodeName === 'BR'\n  },\n  replacement: function () {\n    return `\\n\\n<br>\\n\\n`\n  },\n})\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n  filter: function (node) {\n    return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n  },\n  replacement: function (content, node) {\n    return (\n      (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n      ' ' +\n      content.replace(/(\\r\\n|\\n|\\r)/gm, '') +\n      '\\n\\n'\n    )\n  },\n})\n\nturndownService.addRule('codeblock', {\n  filter: function (node) {\n    return node.classList.contains('ql-code-block-container')\n  },\n  replacement: function (content, node) {\n    const lines = node.children\n    // each child node is a new line so add a newline character\n    const codeBlockString = Array.from(lines)\n      .map((line) => line.innerText)\n      .join('\\n')\n    // wrap the content in ``` to create a code block\n    return '```\\n' + codeBlockString + '\\n```'\n  },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n  filter: function (node) {\n    return node.innerText?.includes('\\\\\\\\')\n  },\n  replacement: function (content) {\n    return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n  },\n})\n\n// unordered list\nturndownService.addRule('unOrderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'bullet'\n  },\n  replacement: function (content) {\n    return '- ' + content + '\\n'\n  },\n})\n\n// ordered list\nturndownService.addRule('orderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'ordered'\n  },\n  replacement: function (content) {\n    return '1. ' + content + '\\n'\n  },\n})\n\n// preserve underline as raw HTML (markdown has no native underline syntax)\nturndownService.addRule('underline', {\n  filter: ['u'],\n  replacement: function (content) {\n    return `<u>${content}</u>`\n  },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n  filter: function (node) {\n    return node.classList.contains('mention') && node.getAttribute('data-value')\n  },\n  replacement: function (content, node) {\n    return `[${content}](${node.getAttribute('data-value')})`\n  },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n  return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n  // first get the code blocks\n  const regex = /```(.*?)```/g\n  const matches = value.match(regex)\n\n  // for each code block, wrap with <pre><code> tags\n  if (matches) {\n    matches.forEach((match) => {\n      const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n      value = value.replace(match, newMatch)\n    })\n  }\n\n  return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n  const regex = /\\n\\n>/g\n  const matches = value.match(regex)\n\n  if (matches) {\n    matches.forEach((match) => {\n      value = value.replace(match, '\\n>')\n    })\n  }\n\n  return value\n}\n\nexport const getTextRefs = (text = '') => {\n  // inside the markdown, find characters inside ()\n  const regex2 = /\\((.*?)\\)/g\n  const links = text.match(regex2) || []\n  const entities = links.flatMap((link) => {\n    // if https, then it is a link and not an entity\n    if (link.includes('http')) {\n      return []\n    } else {\n      // remove the ()\n      const match = link.match(/\\(([^)]+)\\)/)\n      let parts = []\n      if (match) {\n        // split by :\n        parts = match[1].split(':')\n      }\n      return {\n        type: parts[0],\n        id: parts[1],\n      }\n    }\n  })\n\n  return entities\n}\n\nexport const convertToMarkdown = (value) => {\n  const codeBlocksParsed = parseCodeBlocks(value)\n\n  let markdown = turndownService.turndown(codeBlocksParsed)\n\n  const quotesParsedMarkdown = parseQuotes(markdown)\n\n  let body = quotesParsedMarkdown\n\n  // inside the markdown, find characters inside () or [] and replace @ with nothing\n  const regex = /\\((.*?)\\)|\\[(.*?)\\]/g\n  const matches = markdown.match(regex)\n  if (matches) {\n    matches.forEach((match) => {\n      if (match.includes('http')) return\n      const newMatch = match.replaceAll('@', '')\n      body = body.replace(match, newMatch)\n    })\n  }\n\n  const entities = getTextRefs(markdown)\n\n  return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","childNodes","content","lines","line","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":"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"}
+{"version":3,"file":"quillToMarkdown.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentInput/quillToMarkdown.tsx"],"sourcesContent":["// @ts-nocheck\n\nimport TurndownService from 'turndown'\n\n// override the escaping of markdown characters\n// https://github.com/mixmark-io/turndown?tab=readme-ov-file#escaping-markdown-characters\nTurndownService.prototype.escape = (string) => string\n\nvar turndownService = new TurndownService()\n\nturndownService.addRule('emptyParagraph', {\n  filter: function (node) {\n    if (node.nodeName !== 'P') return false\n    const childNodes = node.childNodes || []\n    if (childNodes.length !== 1) return false\n    const childNode = childNodes[0]\n    return childNode?.nodeName === 'BR'\n  },\n  replacement: function () {\n    return `&nbsp;`\n  },\n})\n\n// support lists with checkboxes\nturndownService.addRule('taskListItems', {\n  filter: function (node) {\n    return ['checked', 'unchecked'].includes(node.getAttribute('data-list'))\n  },\n  replacement: function (content, node) {\n    return (\n      (node.getAttribute('data-list') === 'checked' ? '* [x]' : '* [ ]') +\n      ' ' +\n      content.replace(/(\\r\\n|\\n|\\r)/gm, '') +\n      '\\n\\n'\n    )\n  },\n})\n\nturndownService.addRule('codeblock', {\n  filter: function (node) {\n    return node.classList.contains('ql-code-block-container')\n  },\n  replacement: function (content, node) {\n    const lines = node.children\n    // each child node is a new line so add a newline character\n    const codeBlockString = Array.from(lines)\n      .map((line) => line.innerText)\n      .join('\\n')\n    // wrap the content in ``` to create a code block\n    return '```\\n' + codeBlockString + '\\n```'\n  },\n})\n\n// if there is a double backslash followed by text, \\\\text, replace with \\\\\\ so it resolves to \\\\text\nturndownService.addRule('doubleBackslash', {\n  filter: function (node) {\n    return node.innerText?.includes('\\\\\\\\')\n  },\n  replacement: function (content) {\n    return content.replaceAll('\\\\\\\\', '\\\\\\\\\\\\\\\\')\n  },\n})\n\n// unordered list\nturndownService.addRule('unOrderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'bullet'\n  },\n  replacement: function (content) {\n    return '- ' + content + '\\n'\n  },\n})\n\n// ordered list\nturndownService.addRule('orderedList', {\n  filter: function (node) {\n    return node.nodeName === 'LI' && node.getAttribute('data-list') === 'ordered'\n  },\n  replacement: function (content) {\n    return '1. ' + content + '\\n'\n  },\n})\n\n// preserve underline as raw HTML (markdown has no native underline syntax)\nturndownService.addRule('underline', {\n  filter: ['u'],\n  replacement: function (content) {\n    return `<u>${content}</u>`\n  },\n})\n\n// convert mention tags to links\nturndownService.addRule('mention', {\n  filter: function (node) {\n    return node.classList.contains('mention') && node.getAttribute('data-value')\n  },\n  replacement: function (content, node) {\n    const value = node.getAttribute('data-value') || ''\n    // Encode spaces so markdown parsers don't break on URLs like \"team:Sons of thunder\"\n    const encodedValue = value.replaceAll(' ', '%20')\n    return `[${content}](${encodedValue})`\n  },\n})\n\n// replace <p> with <br> for line breaks\nconst replaceLineBreaks = (html) => {\n  return html.replaceAll('<p>', '').replaceAll('</p>', '\\n').replaceAll('```', '')\n}\n\n// remove extra lines in ``` code blocks\nconst parseCodeBlocks = (value) => {\n  // first get the code blocks\n  const regex = /```(.*?)```/g\n  const matches = value.match(regex)\n\n  // for each code block, wrap with <pre><code> tags\n  if (matches) {\n    matches.forEach((match) => {\n      const newMatch = `<pre id='ticks'><code>${replaceLineBreaks(match)}</code></pre>`\n      value = value.replace(match, newMatch)\n    })\n  }\n\n  return value\n}\n\n// replace any multi line quotes \\n\\n with a single \\n\n// matching \\n\\n>\nconst parseQuotes = (value) => {\n  const regex = /\\n\\n>/g\n  const matches = value.match(regex)\n\n  if (matches) {\n    matches.forEach((match) => {\n      value = value.replace(match, '\\n>')\n    })\n  }\n\n  return value\n}\n\nexport const getTextRefs = (text = '') => {\n  // inside the markdown, find characters inside ()\n  const regex2 = /\\((.*?)\\)/g\n  const links = text.match(regex2) || []\n  const entities = links.flatMap((link) => {\n    // if https, then it is a link and not an entity\n    if (link.includes('http')) {\n      return []\n    } else {\n      // remove the ()\n      const match = link.match(/\\(([^)]+)\\)/)\n      let parts = []\n      if (match) {\n        // split by :\n        parts = match[1].split(':')\n      }\n      return {\n        type: parts[0],\n        id: parts[1],\n      }\n    }\n  })\n\n  return entities\n}\n\nexport const convertToMarkdown = (value) => {\n  const codeBlocksParsed = parseCodeBlocks(value)\n\n  let markdown = turndownService.turndown(codeBlocksParsed)\n\n  const quotesParsedMarkdown = parseQuotes(markdown)\n\n  let body = quotesParsedMarkdown\n\n  // inside the markdown, find characters inside () or [] and replace @ with nothing\n  const regex = /\\((.*?)\\)|\\[(.*?)\\]/g\n  const matches = markdown.match(regex)\n  if (matches) {\n    matches.forEach((match) => {\n      if (match.includes('http')) return\n      const newMatch = match.replaceAll('@', '')\n      body = body.replace(match, newMatch)\n    })\n  }\n\n  const entities = getTextRefs(markdown)\n\n  return [body, entities]\n}\n\n// \"8061b1801dab11ef95ad0242ac180005\"\n"],"names":["TurndownService","string","turndownService","node","childNodes","content","lines","line","encodedValue","replaceLineBreaks","html","parseCodeBlocks","value","regex","matches","match","newMatch","parseQuotes","getTextRefs","text","regex2","link","parts","convertToMarkdown","codeBlocksParsed","markdown","body","entities"],"mappings":";AAMAA,EAAgB,UAAU,SAAS,CAACC,MAAWA;AAE/C,IAAIC,IAAkB,IAAIF,EAAA;AAE1BE,EAAgB,QAAQ,kBAAkB;AAAA,EACxC,QAAQ,SAAUC,GAAM;AACtB,QAAIA,EAAK,aAAa,IAAK,QAAO;AAClC,UAAMC,IAAaD,EAAK,cAAc,CAAA;AACtC,WAAIC,EAAW,WAAW,IAAU,KAClBA,EAAW,CAAC,GACZ,aAAa;AAAA,EACjC;AAAA,EACA,aAAa,WAAY;AACvB,WAAO;AAAA,EACT;AACF,CAAC;AAGDF,EAAgB,QAAQ,iBAAiB;AAAA,EACvC,QAAQ,SAAUC,GAAM;AACtB,WAAO,CAAC,WAAW,WAAW,EAAE,SAASA,EAAK,aAAa,WAAW,CAAC;AAAA,EACzE;AAAA,EACA,aAAa,SAAUE,GAASF,GAAM;AACpC,YACGA,EAAK,aAAa,WAAW,MAAM,YAAY,UAAU,WAC1D,MACAE,EAAQ,QAAQ,kBAAkB,EAAE,IACpC;AAAA;AAAA;AAAA,EAEJ;AACF,CAAC;AAEDH,EAAgB,QAAQ,aAAa;AAAA,EACnC,QAAQ,SAAUC,GAAM;AACtB,WAAOA,EAAK,UAAU,SAAS,yBAAyB;AAAA,EAC1D;AAAA,EACA,aAAa,SAAUE,GAASF,GAAM;AACpC,UAAMG,IAAQH,EAAK;AAMnB,WAAO,UAJiB,MAAM,KAAKG,CAAK,EACrC,IAAI,CAACC,MAASA,EAAK,SAAS,EAC5B,KAAK;AAAA,CAAI,IAEuB;AAAA,EACrC;AACF,CAAC;AAGDL,EAAgB,QAAQ,mBAAmB;AAAA,EACzC,QAAQ,SAAUC,GAAM;AACtB,WAAOA,EAAK,WAAW,SAAS,MAAM;AAAA,EACxC;AAAA,EACA,aAAa,SAAUE,GAAS;AAC9B,WAAOA,EAAQ,WAAW,QAAQ,UAAU;AAAA,EAC9C;AACF,CAAC;AAGDH,EAAgB,QAAQ,iBAAiB;AAAA,EACvC,QAAQ,SAAUC,GAAM;AACtB,WAAOA,EAAK,aAAa,QAAQA,EAAK,aAAa,WAAW,MAAM;AAAA,EACtE;AAAA,EACA,aAAa,SAAUE,GAAS;AAC9B,WAAO,OAAOA,IAAU;AAAA;AAAA,EAC1B;AACF,CAAC;AAGDH,EAAgB,QAAQ,eAAe;AAAA,EACrC,QAAQ,SAAUC,GAAM;AACtB,WAAOA,EAAK,aAAa,QAAQA,EAAK,aAAa,WAAW,MAAM;AAAA,EACtE;AAAA,EACA,aAAa,SAAUE,GAAS;AAC9B,WAAO,QAAQA,IAAU;AAAA;AAAA,EAC3B;AACF,CAAC;AAGDH,EAAgB,QAAQ,aAAa;AAAA,EACnC,QAAQ,CAAC,GAAG;AAAA,EACZ,aAAa,SAAUG,GAAS;AAC9B,WAAO,MAAMA,CAAO;AAAA,EACtB;AACF,CAAC;AAGDH,EAAgB,QAAQ,WAAW;AAAA,EACjC,QAAQ,SAAUC,GAAM;AACtB,WAAOA,EAAK,UAAU,SAAS,SAAS,KAAKA,EAAK,aAAa,YAAY;AAAA,EAC7E;AAAA,EACA,aAAa,SAAUE,GAASF,GAAM;AAGpC,UAAMK,KAFQL,EAAK,aAAa,YAAY,KAAK,IAEtB,WAAW,KAAK,KAAK;AAChD,WAAO,IAAIE,CAAO,KAAKG,CAAY;AAAA,EACrC;AACF,CAAC;AAGD,MAAMC,IAAoB,CAACC,MAClBA,EAAK,WAAW,OAAO,EAAE,EAAE,WAAW,QAAQ;AAAA,CAAI,EAAE,WAAW,OAAO,EAAE,GAI3EC,IAAkB,CAACC,MAAU;AAEjC,QAAMC,IAAQ,gBACRC,IAAUF,EAAM,MAAMC,CAAK;AAGjC,SAAIC,KACFA,EAAQ,QAAQ,CAACC,MAAU;AACzB,UAAMC,IAAW,yBAAyBP,EAAkBM,CAAK,CAAC;AAClE,IAAAH,IAAQA,EAAM,QAAQG,GAAOC,CAAQ;AAAA,EACvC,CAAC,GAGIJ;AACT,GAIMK,IAAc,CAACL,MAAU;AAC7B,QAAMC,IAAQ,UACRC,IAAUF,EAAM,MAAMC,CAAK;AAEjC,SAAIC,KACFA,EAAQ,QAAQ,CAACC,MAAU;AACzB,IAAAH,IAAQA,EAAM,QAAQG,GAAO;AAAA,EAAK;AAAA,EACpC,CAAC,GAGIH;AACT,GAEaM,IAAc,CAACC,IAAO,OAAO;AAExC,QAAMC,IAAS;AAqBf,UApBcD,EAAK,MAAMC,CAAM,KAAK,CAAA,GACb,QAAQ,CAACC,MAAS;AAEvC,QAAIA,EAAK,SAAS,MAAM;AACtB,aAAO,CAAA;AACF;AAEL,YAAMN,IAAQM,EAAK,MAAM,aAAa;AACtC,UAAIC,IAAQ,CAAA;AACZ,aAAIP,MAEFO,IAAQP,EAAM,CAAC,EAAE,MAAM,GAAG,IAErB;AAAA,QACL,MAAMO,EAAM,CAAC;AAAA,QACb,IAAIA,EAAM,CAAC;AAAA,MAAA;AAAA,IAEf;AAAA,EACF,CAAC;AAGH,GAEaC,IAAoB,CAACX,MAAU;AAC1C,QAAMY,IAAmBb,EAAgBC,CAAK;AAE9C,MAAIa,IAAWvB,EAAgB,SAASsB,CAAgB,GAIpDE,IAFyBT,EAAYQ,CAAQ;AAKjD,QAAMZ,IAAQ,wBACRC,IAAUW,EAAS,MAAMZ,CAAK;AACpC,EAAIC,KACFA,EAAQ,QAAQ,CAACC,MAAU;AACzB,QAAIA,EAAM,SAAS,MAAM,EAAG;AAC5B,UAAMC,IAAWD,EAAM,WAAW,KAAK,EAAE;AACzC,IAAAW,IAAOA,EAAK,QAAQX,GAAOC,CAAQ;AAAA,EACrC,CAAC;AAGH,QAAMW,IAAWT,EAAYO,CAAQ;AAErC,SAAO,CAACC,GAAMC,CAAQ;AACxB;"}

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.cjs.js

@@ -1,2 +1,2 @@
-"use strict";const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),t=require("./CommentMentionSelect.styled.cjs.js"),E=require("@ynput/ayon-react-components"),p=require("../../../../components/UserImage/UserImage.cjs.js"),h=require("clsx"),M=({mention:r,options:x=[],selectedIndex:m,onChange:a,types:d=[],config:n={},noneFound:j,noneFoundAtAll:o,error:i,isGuest:R})=>{if(!r||j)return null;if(R)return s.jsxRuntimeExports.jsx(t.MentionSelect,{tabIndex:0,children:s.jsxRuntimeExports.jsx(t.MentionItem,{children:"Mentions not supported for guest users"})});let l=[...x];l=x.map(e=>({...e,label:e.label}));let c=`No ${n.id}s found`;return i&&(c=i),s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:s.jsxRuntimeExports.jsxs(t.MentionSelect,{tabIndex:0,children:[s.jsxRuntimeExports.jsxs(t.Title,{children:[r.type," ",n?.id?n.id.charAt(0).toUpperCase()+n.id.slice(1):"","s"]}),d.includes(r.type)&&l.map((e,u)=>s.jsxRuntimeExports.jsxs(t.MentionItem,{id:e.id,onClick:()=>a(e),className:h({selected:m===u,square:!n?.isCircle}),children:[e.type==="user"?s.jsxRuntimeExports.jsx(p.UserImage,{size:20,name:e.id,className:"image"}):e.icon&&s.jsxRuntimeExports.jsx(E.Icon,{icon:e.icon,className:"image",style:{color:e.color}}),e.context&&s.jsxRuntimeExports.jsxs(t.MentionPrefix,{children:[e.context," - "]}),s.jsxRuntimeExports.jsx(t.MentionName,{children:e.label}),e.suffix&&s.jsxRuntimeExports.jsx(t.MentionSuffix,{children:e.suffix})]},e.id+"-"+u)),(o||i)&&s.jsxRuntimeExports.jsx(t.MentionItem,{children:c})]})})};module.exports=M;
+"use strict";const e=require("../../../../../../_virtual/jsx-runtime.cjs.js"),t=require("./CommentMentionSelect.styled.cjs.js"),l=require("@ynput/ayon-react-components"),f=require("../../../../components/UserImage/UserImage.cjs.js"),c=require("clsx"),C=({mention:r,options:u=[],selectedIndex:p,onChange:R,onPrefixFilter:o,activePrefix:i,types:E=[],config:n={},noneFound:h,noneFoundAtAll:M,error:x,isGuest:I})=>{if(!r||h)return null;if(I)return e.jsxRuntimeExports.jsx(t.MentionSelect,{tabIndex:0,children:e.jsxRuntimeExports.jsx(t.MentionItem,{children:"Mentions not supported for guest users"})});let a=[...u];a=u.map(s=>({...s,label:s.label}));let m=`No ${n.id}s found`;x&&(m=x);const j=r.type==="@",y=j?"@ Users & Teams":`${r.type} ${n?.id?n.id.charAt(0).toUpperCase()+n.id.slice(1):""}s`;return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(t.MentionSelect,{tabIndex:0,children:[e.jsxRuntimeExports.jsxs(t.Title,{children:[e.jsxRuntimeExports.jsx("span",{children:y}),j&&e.jsxRuntimeExports.jsxs(t.PrefixFilters,{children:[e.jsxRuntimeExports.jsx(t.PrefixButton,{className:c({active:i==="user"}),onClick:()=>o?.(i==="user"?"":"user:"),"data-tooltip":"Filter users","data-tooltip-delay":0,children:e.jsxRuntimeExports.jsx(l.Icon,{icon:"person"})}),e.jsxRuntimeExports.jsx(t.PrefixButton,{className:c({active:i==="team"}),onClick:()=>o?.(i==="team"?"":"team:"),"data-tooltip":"Filter teams","data-tooltip-delay":0,children:e.jsxRuntimeExports.jsx(l.Icon,{icon:"group"})})]})]}),E.includes(r.type)&&a.map((s,d)=>e.jsxRuntimeExports.jsxs(t.MentionItem,{id:s.id,onClick:()=>R(s),className:c({selected:p===d,square:!n?.isCircle}),children:[s.type==="user"?e.jsxRuntimeExports.jsx(f.UserImage,{size:20,name:s.id,className:"image"}):s.icon&&e.jsxRuntimeExports.jsx(l.Icon,{icon:s.icon,className:"image",style:{color:s.color}}),s.context&&e.jsxRuntimeExports.jsxs(t.MentionPrefix,{children:[s.context," - "]}),e.jsxRuntimeExports.jsx(t.MentionName,{children:s.label}),s.suffix&&e.jsxRuntimeExports.jsx(t.MentionSuffix,{children:s.suffix})]},s.id+"-"+d)),(M||x)&&e.jsxRuntimeExports.jsx(t.MentionItem,{children:m})]})})};module.exports=C;
 //# sourceMappingURL=CommentMentionSelect.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMentionSelect.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    color?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && (\n                  <Icon icon={option.icon} className=\"image\" style={{ color: option.color }} />\n                )\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","jsxs","Styled.Title","i","clsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":"2PA0BMA,EAAuB,CAAC,CAC5B,QAAAC,EACA,QAAAC,EAAU,CAAA,EACV,cAAAC,EACA,SAAAC,EACA,MAAAC,EAAQ,CAAA,EACR,OAAAC,EAAS,CAAA,EACT,UAAAC,EACA,eAAAC,EACA,MAAAC,EACA,QAAAC,CACF,IAAiC,CAC/B,GAAI,CAACT,GAAWM,EAAW,OAAO,KAElC,GAAIG,EACF,OACEC,wBAACC,EAAAA,cAAA,CAAqB,SAAU,EAC9B,SAAAD,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAmB,SAAA,wCAAA,CAAsC,CAAA,CAC5D,EAIJ,IAAIC,EAAmB,CAAC,GAAGZ,CAAO,EAGlCY,EAAmBZ,EAAQ,IAAKa,IACvB,CACL,GAAGA,EACH,MAAOA,EAAO,KAAA,EAEjB,EAED,IAAIC,EAAkB,MAAMV,EAAO,EAAE,UACrC,OAAIG,IAAOO,EAAkBP,yDAIzB,SAAAQ,EAAAA,kBAAAA,KAACL,EAAAA,cAAA,CAAqB,SAAU,EAC9B,SAAA,CAAAK,yBAACC,EAAAA,MAAA,CACE,SAAA,CAAAjB,EAAQ,KAAK,IAAEK,GAAQ,GAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,EAAgBA,EAAO,GAAG,MAAM,CAAC,EAAI,GAAG,GAAA,EAC3F,EACCD,EAAM,SAASJ,EAAQ,IAAI,GAC1Ba,EAAiB,IAAI,CAACC,EAAQI,IAC5BF,EAAAA,kBAAAA,KAACJ,EAAAA,YAAA,CAEC,GAAIE,EAAO,GACX,QAAS,IAAMX,EAASW,CAAM,EAC9B,UAAWK,EAAK,CAAE,SAAUjB,IAAkBgB,EAAG,OAAQ,CAACb,GAAQ,SAAU,EAE3E,SAAA,CAAAS,EAAO,OAAS,OACfJ,EAAAA,kBAAAA,IAACU,EAAAA,UAAA,CAAU,KAAM,GAAI,KAAMN,EAAO,GAAI,UAAU,OAAA,CAAQ,EAExDA,EAAO,MACLJ,EAAAA,kBAAAA,IAACW,EAAAA,KAAA,CAAK,KAAMP,EAAO,KAAM,UAAU,QAAQ,MAAO,CAAE,MAAOA,EAAO,KAAA,CAAM,CAAG,EAG9EA,EAAO,SAAWE,EAAAA,kBAAAA,KAACM,EAAAA,cAAA,CAAsB,SAAA,CAAAR,EAAO,QAAQ,KAAA,EAAG,EAC5DJ,EAAAA,kBAAAA,IAACa,EAAAA,YAAA,CAAoB,WAAO,KAAA,CAAM,EACjCT,EAAO,QAAUJ,wBAACc,EAAAA,cAAA,CAAsB,WAAO,MAAA,CAAO,CAAA,CAAA,EAdlDV,EAAO,GAAK,IAAMI,CAAA,CAgB1B,GACDX,GAAkBC,IAAUE,EAAAA,kBAAAA,IAACE,EAAAA,YAAA,CAAoB,SAAAG,CAAA,CAAgB,CAAA,CAAA,CACrE,CAAA,CACF,CAEJ"}
+{"version":3,"file":"CommentMentionSelect.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string; search?: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    color?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  onPrefixFilter?: (prefix: string) => void\n  activePrefix?: string\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  onPrefixFilter,\n  activePrefix,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  const isUserMention = mention.type === '@'\n  const titleText = isUserMention\n    ? '@ Users & Teams'\n    : `${mention.type} ${config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s`\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          <span>{titleText}</span>\n          {isUserMention && (\n            <Styled.PrefixFilters>\n              <Styled.PrefixButton\n                className={clsx({ active: activePrefix === 'user' })}\n                onClick={() => onPrefixFilter?.(activePrefix === 'user' ? '' : 'user:')}\n                data-tooltip=\"Filter users\"\n                data-tooltip-delay={0}\n              >\n                <Icon icon=\"person\" />\n              </Styled.PrefixButton>\n              <Styled.PrefixButton\n                className={clsx({ active: activePrefix === 'team' })}\n                onClick={() => onPrefixFilter?.(activePrefix === 'team' ? '' : 'team:')}\n                data-tooltip=\"Filter teams\"\n                data-tooltip-delay={0}\n              >\n                <Icon icon=\"group\" />\n              </Styled.PrefixButton>\n            </Styled.PrefixFilters>\n          )}\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && (\n                  <Icon icon={option.icon} className=\"image\" style={{ color: option.color }} />\n                )\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","onPrefixFilter","activePrefix","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","isUserMention","titleText","jsxs","Styled.Title","Styled.PrefixFilters","Styled.PrefixButton","clsx","Icon","i","UserImage","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.es.js

@@ -1,58 +1,81 @@
-import { j as s } from "../../../../../../_virtual/jsx-runtime.es.js";
-import { MentionSelect as m, MentionItem as i, Title as o, MentionPrefix as b, MentionName as I, MentionSuffix as N } from "./CommentMentionSelect.styled.es.js";
-import { Icon as p } from "@ynput/ayon-react-components";
-import { UserImage as y } from "../../../../components/UserImage/UserImage.es.js";
-import C from "clsx";
-const q = ({
+import { j as e } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { MentionSelect as h, MentionItem as i, Title as S, PrefixFilters as U, PrefixButton as f, MentionPrefix as g, MentionName as k, MentionSuffix as F } from "./CommentMentionSelect.styled.es.js";
+import { Icon as n } from "@ynput/ayon-react-components";
+import { UserImage as T } from "../../../../components/UserImage/UserImage.es.js";
+import c from "clsx";
+const B = ({
   mention: l,
-  options: n = [],
-  selectedIndex: x,
-  onChange: u,
-  types: f = [],
-  config: r = {},
-  noneFound: j,
-  noneFoundAtAll: h,
-  error: t,
-  isGuest: M
+  options: d = [],
+  selectedIndex: p,
+  onChange: M,
+  onPrefixFilter: m,
+  activePrefix: r,
+  types: y = [],
+  config: t = {},
+  noneFound: N,
+  noneFoundAtAll: C,
+  error: a,
+  isGuest: b
 }) => {
-  if (!l || j) return null;
-  if (M)
-    return /* @__PURE__ */ s.jsx(m, { tabIndex: 0, children: /* @__PURE__ */ s.jsx(i, { children: "Mentions not supported for guest users" }) });
-  let c = [...n];
-  c = n.map((e) => ({
-    ...e,
-    label: e.label
+  if (!l || N) return null;
+  if (b)
+    return /* @__PURE__ */ e.jsx(h, { tabIndex: 0, children: /* @__PURE__ */ e.jsx(i, { children: "Mentions not supported for guest users" }) });
+  let x = [...d];
+  x = d.map((s) => ({
+    ...s,
+    label: s.label
   }));
-  let a = `No ${r.id}s found`;
-  return t && (a = t), /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(m, { tabIndex: 0, children: [
-    /* @__PURE__ */ s.jsxs(o, { children: [
-      l.type,
-      " ",
-      r?.id ? r.id.charAt(0).toUpperCase() + r.id.slice(1) : "",
-      "s"
+  let u = `No ${t.id}s found`;
+  a && (u = a);
+  const o = l.type === "@", I = o ? "@ Users & Teams" : `${l.type} ${t?.id ? t.id.charAt(0).toUpperCase() + t.id.slice(1) : ""}s`;
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(h, { tabIndex: 0, children: [
+    /* @__PURE__ */ e.jsxs(S, { children: [
+      /* @__PURE__ */ e.jsx("span", { children: I }),
+      o && /* @__PURE__ */ e.jsxs(U, { children: [
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            className: c({ active: r === "user" }),
+            onClick: () => m?.(r === "user" ? "" : "user:"),
+            "data-tooltip": "Filter users",
+            "data-tooltip-delay": 0,
+            children: /* @__PURE__ */ e.jsx(n, { icon: "person" })
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          f,
+          {
+            className: c({ active: r === "team" }),
+            onClick: () => m?.(r === "team" ? "" : "team:"),
+            "data-tooltip": "Filter teams",
+            "data-tooltip-delay": 0,
+            children: /* @__PURE__ */ e.jsx(n, { icon: "group" })
+          }
+        )
+      ] })
     ] }),
-    f.includes(l.type) && c.map((e, d) => /* @__PURE__ */ s.jsxs(
+    y.includes(l.type) && x.map((s, j) => /* @__PURE__ */ e.jsxs(
       i,
       {
-        id: e.id,
-        onClick: () => u(e),
-        className: C({ selected: x === d, square: !r?.isCircle }),
+        id: s.id,
+        onClick: () => M(s),
+        className: c({ selected: p === j, square: !t?.isCircle }),
         children: [
-          e.type === "user" ? /* @__PURE__ */ s.jsx(y, { size: 20, name: e.id, className: "image" }) : e.icon && /* @__PURE__ */ s.jsx(p, { icon: e.icon, className: "image", style: { color: e.color } }),
-          e.context && /* @__PURE__ */ s.jsxs(b, { children: [
-            e.context,
+          s.type === "user" ? /* @__PURE__ */ e.jsx(T, { size: 20, name: s.id, className: "image" }) : s.icon && /* @__PURE__ */ e.jsx(n, { icon: s.icon, className: "image", style: { color: s.color } }),
+          s.context && /* @__PURE__ */ e.jsxs(g, { children: [
+            s.context,
             " - "
           ] }),
-          /* @__PURE__ */ s.jsx(I, { children: e.label }),
-          e.suffix && /* @__PURE__ */ s.jsx(N, { children: e.suffix })
+          /* @__PURE__ */ e.jsx(k, { children: s.label }),
+          s.suffix && /* @__PURE__ */ e.jsx(F, { children: s.suffix })
         ]
       },
-      e.id + "-" + d
+      s.id + "-" + j
     )),
-    (h || t) && /* @__PURE__ */ s.jsx(i, { children: a })
+    (C || a) && /* @__PURE__ */ e.jsx(i, { children: u })
   ] }) });
 };
 export {
-  q as default
+  B as default
 };
 //# sourceMappingURL=CommentMentionSelect.es.js.map

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMentionSelect.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    color?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          {mention.type} {config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && (\n                  <Icon icon={option.icon} className=\"image\" style={{ color: option.color }} />\n                )\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","jsxs","Styled.Title","i","clsx","UserImage","Icon","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":";;;;;AA0BA,MAAMA,IAAuB,CAAC;AAAA,EAC5B,SAAAC;AAAA,EACA,SAAAC,IAAU,CAAA;AAAA,EACV,eAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,QAAAC,IAAS,CAAA;AAAA,EACT,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,MAAiC;AAC/B,MAAI,CAACT,KAAWM,EAAW,QAAO;AAElC,MAAIG;AACF,WACEC,gBAAAA,MAACC,GAAA,EAAqB,UAAU,GAC9B,UAAAD,gBAAAA,EAAAA,IAACE,GAAA,EAAmB,UAAA,yCAAA,CAAsC,EAAA,CAC5D;AAIJ,MAAIC,IAAmB,CAAC,GAAGZ,CAAO;AAGlC,EAAAY,IAAmBZ,EAAQ,IAAI,CAACa,OACvB;AAAA,IACL,GAAGA;AAAA,IACH,OAAOA,EAAO;AAAA,EAAA,EAEjB;AAED,MAAIC,IAAkB,MAAMV,EAAO,EAAE;AACrC,SAAIG,MAAOO,IAAkBP,wCAIzB,UAAAQ,gBAAAA,EAAAA,KAACL,GAAA,EAAqB,UAAU,GAC9B,UAAA;AAAA,IAAAK,gBAAAA,OAACC,GAAA,EACE,UAAA;AAAA,MAAAjB,EAAQ;AAAA,MAAK;AAAA,MAAEK,GAAQ,KAAKA,EAAO,GAAG,OAAO,CAAC,EAAE,YAAA,IAAgBA,EAAO,GAAG,MAAM,CAAC,IAAI;AAAA,MAAG;AAAA,IAAA,GAC3F;AAAA,IACCD,EAAM,SAASJ,EAAQ,IAAI,KAC1Ba,EAAiB,IAAI,CAACC,GAAQI,MAC5BF,gBAAAA,EAAAA;AAAAA,MAACJ;AAAAA,MAAA;AAAA,QAEC,IAAIE,EAAO;AAAA,QACX,SAAS,MAAMX,EAASW,CAAM;AAAA,QAC9B,WAAWK,EAAK,EAAE,UAAUjB,MAAkBgB,GAAG,QAAQ,CAACb,GAAQ,UAAU;AAAA,QAE3E,UAAA;AAAA,UAAAS,EAAO,SAAS,SACfJ,gBAAAA,EAAAA,IAACU,GAAA,EAAU,MAAM,IAAI,MAAMN,EAAO,IAAI,WAAU,QAAA,CAAQ,IAExDA,EAAO,QACLJ,gBAAAA,EAAAA,IAACW,GAAA,EAAK,MAAMP,EAAO,MAAM,WAAU,SAAQ,OAAO,EAAE,OAAOA,EAAO,MAAA,EAAM,CAAG;AAAA,UAG9EA,EAAO,WAAWE,gBAAAA,EAAAA,KAACM,GAAA,EAAsB,UAAA;AAAA,YAAAR,EAAO;AAAA,YAAQ;AAAA,UAAA,GAAG;AAAA,UAC5DJ,gBAAAA,EAAAA,IAACa,GAAA,EAAoB,YAAO,MAAA,CAAM;AAAA,UACjCT,EAAO,UAAUJ,gBAAAA,MAACc,GAAA,EAAsB,YAAO,OAAA,CAAO;AAAA,QAAA;AAAA,MAAA;AAAA,MAdlDV,EAAO,KAAK,MAAMI;AAAA,IAAA,CAgB1B;AAAA,KACDX,KAAkBC,MAAUE,gBAAAA,EAAAA,IAACE,GAAA,EAAoB,UAAAG,EAAA,CAAgB;AAAA,EAAA,EAAA,CACrE,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"CommentMentionSelect.es.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.tsx"],"sourcesContent":["import * as Styled from './CommentMentionSelect.styled'\nimport { Icon } from '@ynput/ayon-react-components'\nimport UserImage from '../../../../components/UserImage'\nimport clsx from 'clsx'\n\ninterface CommentMentionSelectProps {\n  mention: { type: string; search?: string } | null\n  options?: {\n    id: string\n    label: string\n    type: string\n    icon?: string\n    color?: string\n    context?: string\n    suffix?: string\n  }[]\n  selectedIndex: number | null\n  onChange: (option: { id: string; label: string }) => void\n  onPrefixFilter?: (prefix: string) => void\n  activePrefix?: string\n  types?: string[]\n  config: { id?: string; isCircle?: boolean }\n  noneFound?: boolean\n  noneFoundAtAll?: boolean\n  error?: string\n  isGuest?: boolean\n}\n\nconst CommentMentionSelect = ({\n  mention,\n  options = [],\n  selectedIndex,\n  onChange,\n  onPrefixFilter,\n  activePrefix,\n  types = [],\n  config = {},\n  noneFound,\n  noneFoundAtAll,\n  error,\n  isGuest,\n}: CommentMentionSelectProps) => {\n  if (!mention || noneFound) return null\n\n  if (isGuest)\n    return (\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.MentionItem>Mentions not supported for guest users</Styled.MentionItem>\n      </Styled.MentionSelect>\n    )\n\n  // const hasSameLabel = new Set(labels).size < labels.length\n  let formattedOptions = [...options]\n\n  // add context value as a suffix to the label\n  formattedOptions = options.map((option) => {\n    return {\n      ...option,\n      label: option.label,\n    }\n  })\n\n  let noOptionsString = `No ${config.id}s found`\n  if (error) noOptionsString = error\n\n  const isUserMention = mention.type === '@'\n  const titleText = isUserMention\n    ? '@ Users & Teams'\n    : `${mention.type} ${config?.id ? config.id.charAt(0).toUpperCase() + config.id.slice(1) : ''}s`\n\n  return (\n    <>\n      <Styled.MentionSelect tabIndex={0}>\n        <Styled.Title>\n          <span>{titleText}</span>\n          {isUserMention && (\n            <Styled.PrefixFilters>\n              <Styled.PrefixButton\n                className={clsx({ active: activePrefix === 'user' })}\n                onClick={() => onPrefixFilter?.(activePrefix === 'user' ? '' : 'user:')}\n                data-tooltip=\"Filter users\"\n                data-tooltip-delay={0}\n              >\n                <Icon icon=\"person\" />\n              </Styled.PrefixButton>\n              <Styled.PrefixButton\n                className={clsx({ active: activePrefix === 'team' })}\n                onClick={() => onPrefixFilter?.(activePrefix === 'team' ? '' : 'team:')}\n                data-tooltip=\"Filter teams\"\n                data-tooltip-delay={0}\n              >\n                <Icon icon=\"group\" />\n              </Styled.PrefixButton>\n            </Styled.PrefixFilters>\n          )}\n        </Styled.Title>\n        {types.includes(mention.type) &&\n          formattedOptions.map((option, i) => (\n            <Styled.MentionItem\n              key={option.id + '-' + i}\n              id={option.id}\n              onClick={() => onChange(option)}\n              className={clsx({ selected: selectedIndex === i, square: !config?.isCircle })}\n            >\n              {option.type === 'user' ? (\n                <UserImage size={20} name={option.id} className=\"image\" />\n              ) : (\n                option.icon && (\n                  <Icon icon={option.icon} className=\"image\" style={{ color: option.color }} />\n                )\n              )}\n              {option.context && <Styled.MentionPrefix>{option.context} - </Styled.MentionPrefix>}\n              <Styled.MentionName>{option.label}</Styled.MentionName>\n              {option.suffix && <Styled.MentionSuffix>{option.suffix}</Styled.MentionSuffix>}\n            </Styled.MentionItem>\n          ))}\n        {(noneFoundAtAll || error) && <Styled.MentionItem>{noOptionsString}</Styled.MentionItem>}\n      </Styled.MentionSelect>\n    </>\n  )\n}\n\nexport default CommentMentionSelect\n"],"names":["CommentMentionSelect","mention","options","selectedIndex","onChange","onPrefixFilter","activePrefix","types","config","noneFound","noneFoundAtAll","error","isGuest","jsx","Styled.MentionSelect","Styled.MentionItem","formattedOptions","option","noOptionsString","isUserMention","titleText","jsxs","Styled.Title","Styled.PrefixFilters","Styled.PrefixButton","clsx","Icon","i","UserImage","Styled.MentionPrefix","Styled.MentionName","Styled.MentionSuffix"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.styled.cjs.js

@@ -1,11 +1,40 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=r.li`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),o=r.li`
   padding: 6px 8px;
   background-color: var(--md-sys-color-surface-container-lowest);
   color: var(--md-sys-color-outline);
   border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
-  /* text-align: right; */
   width: 100%;
-`,o=r.ul`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`,e=r.span`
+  display: flex;
+  gap: 2px;
+`,n=r.button`
+  all: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--border-radius-m);
+  cursor: pointer;
+  color: var(--md-sys-color-outline);
+
+  .icon {
+    font-size: 16px;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    color: var(--md-sys-color-on-surface);
+  }
+
+  &.active {
+    background-color: var(--md-sys-color-primary-container);
+    color: var(--md-sys-color-on-primary-container);
+  }
+`,t=r.ul`
   margin: 0;
   translate: 0 -100%;
   z-index: 1000;
@@ -22,7 +51,7 @@
 
   /* box shadow */
   box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.4);
-`,n=r.li`
+`,i=r.li`
   /* reset defaults*/
   list-style: none;
   margin: 0;
@@ -45,12 +74,12 @@
       border-radius: 50%;
     }
   }
-`,t=r.span`
+`,a=r.span`
   font-weight: 500;
-`,i=r.span`
+`,s=r.span`
   margin-right: -4px;
-`,a=r.span`
+`,c=r.span`
   color: var(--md-sys-color-outline);
   margin-left: auto;
-`;exports.MentionItem=n;exports.MentionName=t;exports.MentionPrefix=i;exports.MentionSelect=o;exports.MentionSuffix=a;exports.Title=e;
+`;exports.MentionItem=i;exports.MentionName=a;exports.MentionPrefix=s;exports.MentionSelect=t;exports.MentionSuffix=c;exports.PrefixButton=n;exports.PrefixFilters=e;exports.Title=o;
 //# sourceMappingURL=CommentMentionSelect.styled.cjs.js.map

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentMentionSelect.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Title = styled.li`\n  padding: 6px 8px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-outline);\n  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;\n  /* text-align: right; */\n  width: 100%;\n`\n\nexport const MentionSelect = styled.ul`\n  margin: 0;\n  translate: 0 -100%;\n  z-index: 1000;\n\n  background-color: var(--md-sys-color-surface-container-high);\n  padding: 0;\n\n  position: absolute;\n\n  top: -4px;\n  right: 4px;\n  left: 4px;\n  border-radius: var(--border-radius-m);\n\n  /* box shadow */\n  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.4);\n`\nexport const MentionItem = styled.li`\n  /* reset defaults*/\n  list-style: none;\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  gap: var(--base-gap-large);\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .image {\n    &.square {\n      border-radius: 50%;\n    }\n  }\n`\n\nexport const MentionName = styled.span`\n  font-weight: 500;\n`\n\nexport const MentionPrefix = styled.span`\n  margin-right: -4px;\n`\n\nexport const MentionSuffix = styled.span`\n  color: var(--md-sys-color-outline);\n  margin-left: auto;\n`\n"],"names":["Title","styled","MentionSelect","MentionItem","MentionName","MentionPrefix","MentionSuffix"],"mappings":"qHAEaA,EAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASfC,EAAgBD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBvBE,EAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBrBG,EAAcH,EAAO;AAAA;AAAA,EAIrBI,EAAgBJ,EAAO;AAAA;AAAA,EAIvBK,EAAgBL,EAAO;AAAA;AAAA;AAAA"}
+{"version":3,"file":"CommentMentionSelect.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Title = styled.li`\n  padding: 6px 8px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n  color: var(--md-sys-color-outline);\n  border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;\n  width: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n`\n\nexport const PrefixFilters = styled.span`\n  display: flex;\n  gap: 2px;\n`\n\nexport const PrefixButton = styled.button`\n  all: unset;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  border-radius: var(--border-radius-m);\n  cursor: pointer;\n  color: var(--md-sys-color-outline);\n\n  .icon {\n    font-size: 16px;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n    color: var(--md-sys-color-on-surface);\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-primary-container);\n    color: var(--md-sys-color-on-primary-container);\n  }\n`\n\nexport const MentionSelect = styled.ul`\n  margin: 0;\n  translate: 0 -100%;\n  z-index: 1000;\n\n  background-color: var(--md-sys-color-surface-container-high);\n  padding: 0;\n\n  position: absolute;\n\n  top: -4px;\n  right: 4px;\n  left: 4px;\n  border-radius: var(--border-radius-m);\n\n  /* box shadow */\n  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.4);\n`\nexport const MentionItem = styled.li`\n  /* reset defaults*/\n  list-style: none;\n  margin: 0;\n  padding: 6px 8px;\n  border-radius: var(--border-radius-m);\n\n  display: flex;\n  gap: var(--base-gap-large);\n  align-items: center;\n  user-select: none;\n  cursor: pointer;\n\n  &:hover,\n  &.selected {\n    background-color: var(--md-sys-color-surface-container-high-hover);\n  }\n\n  .image {\n    &.square {\n      border-radius: 50%;\n    }\n  }\n`\n\nexport const MentionName = styled.span`\n  font-weight: 500;\n`\n\nexport const MentionPrefix = styled.span`\n  margin-right: -4px;\n`\n\nexport const MentionSuffix = styled.span`\n  color: var(--md-sys-color-outline);\n  margin-left: auto;\n`\n"],"names":["Title","styled","PrefixFilters","PrefixButton","MentionSelect","MentionItem","MentionName","MentionPrefix","MentionSuffix"],"mappings":"qHAEaA,EAAQC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWfC,EAAgBD,EAAO;AAAA;AAAA;AAAA,EAKvBE,EAAeF,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,EA0BtBG,EAAgBH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBvBI,EAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyBrBK,EAAcL,EAAO;AAAA;AAAA,EAIrBM,EAAgBN,EAAO;AAAA;AAAA,EAIvBO,EAAgBP,EAAO;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/Feed/components/CommentMentionSelect/CommentMentionSelect.styled.es.js

@@ -4,9 +4,38 @@ const e = r.li`
   background-color: var(--md-sys-color-surface-container-lowest);
   color: var(--md-sys-color-outline);
   border-radius: var(--border-radius-m) var(--border-radius-m) 0 0;
-  /* text-align: right; */
   width: 100%;
-`, a = r.ul`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+`, a = r.span`
+  display: flex;
+  gap: 2px;
+`, n = r.button`
+  all: unset;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  border-radius: var(--border-radius-m);
+  cursor: pointer;
+  color: var(--md-sys-color-outline);
+
+  .icon {
+    font-size: 16px;
+  }
+
+  &:hover {
+    background-color: var(--md-sys-color-surface-container-high-hover);
+    color: var(--md-sys-color-on-surface);
+  }
+
+  &.active {
+    background-color: var(--md-sys-color-primary-container);
+    color: var(--md-sys-color-on-primary-container);
+  }
+`, s = r.ul`
   margin: 0;
   translate: 0 -100%;
   z-index: 1000;
@@ -23,7 +52,7 @@ const e = r.li`
 
   /* box shadow */
   box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.4);
-`, n = r.li`
+`, t = r.li`
   /* reset defaults*/
   list-style: none;
   margin: 0;
@@ -46,20 +75,22 @@ const e = r.li`
       border-radius: 50%;
     }
   }
-`, s = r.span`
-  font-weight: 500;
 `, i = r.span`
+  font-weight: 500;
+`, c = r.span`
   margin-right: -4px;
-`, t = r.span`
+`, l = r.span`
   color: var(--md-sys-color-outline);
   margin-left: auto;
 `;
 export {
-  n as MentionItem,
-  s as MentionName,
-  i as MentionPrefix,
-  a as MentionSelect,
-  t as MentionSuffix,
+  t as MentionItem,
+  i as MentionName,
+  c as MentionPrefix,
+  s as MentionSelect,
+  l as MentionSuffix,
+  n as PrefixButton,
+  a as PrefixFilters,
   e as Title
 };
 //# sourceMappingURL=CommentMentionSelect.styled.es.js.map