synapse-react-client 4.0.3 → 4.0.4

package/dist/components/Markdown/MarkdownUtils.js

@@ -1,62 +1,62 @@
-import i from "katex";
-import a from "markdown-it";
-import { truncateString as l } from "../../utils/functions/StringUtils.js";
-function h(t) {
-  if (!t.current)
+import c from "katex";
+import l from "markdown-it";
+import { truncateString as d } from "../../utils/functions/StringUtils.js";
+function k(e) {
+  if (!e.current)
     return;
-  const n = t.current.querySelectorAll('[id^="mathjax-"]'), r = new RegExp(/\\[()[\]]/, "g");
-  n.forEach((e) => {
-    if (e.textContent && !e.getAttribute("processed")) {
-      e.setAttribute("processed", "true");
-      const o = e.textContent.replace(r, "");
-      return i.render(o, e, {
+  const t = e.current.querySelectorAll('[id^="mathjax-"]'), n = new RegExp(/\\[()[\]]/, "g");
+  t.forEach((r) => {
+    if (r.textContent && !r.getAttribute("processed")) {
+      r.setAttribute("processed", "true");
+      const o = r.textContent.replace(n, "");
+      return c.render(o, r, {
         output: "html",
         throwOnError: !1
       });
     }
   });
 }
-function m(t) {
-  const n = {
+function I(e) {
+  const t = {
     "&": "&",
     ">": ">",
     "&lt;": "<",
     "&quot;": '"'
   };
-  return t.replace(
+  return e.replace(
     /(&quot;|&lt;|&gt;|&amp;)/g,
-    (r, e) => n[e]
+    (n, r) => t[r]
   );
 }
-function T(t) {
-  const n = /<span.*?id="wikiReference.*?<span.*? data-widgetparams.*?span>/g;
-  let r = 1;
-  return t.replace(n, () => {
-    const e = r;
-    return r += 1, `<a href="" id="ref${e}">[${e}]</a>`;
+function x(e) {
+  const t = /<span.*?id="wikiReference.*?<span.*? data-widgetparams.*?span>/g;
+  let n = 1;
+  return e.replace(t, () => {
+    const r = n;
+    return n += 1, `<a href="" id="ref${r}">[${r}]</a>`;
   });
 }
-function w(t) {
-  const n = "SRC-header-";
-  let r = 1;
-  const e = /<h[1-6] toc="true">.*<\/h[1-6]>/gm;
-  return t.replace(e, (o) => {
-    const c = r;
-    return r += 1, `${o.substring(
+function y(e) {
+  const t = "SRC-header-";
+  let n = 1;
+  const r = /<h[1-6] toc="true">.*<\/h[1-6]>/gm;
+  return e.replace(r, (o) => {
+    const i = n;
+    return n += 1, `${o.substring(
       0,
       3
-    )} id="${n}${c}"${o.substring(3)}`;
+    )} id="${t}${i}"${o.substring(3)}`;
   });
 }
-function I(t) {
-  const n = t.target, r = t.currentTarget;
-  if (n.tagName === "A" || n.tagName === "BUTTON") {
-    const e = t.target;
-    if (e.id.substring(0, 3) === "ref") {
-      t.preventDefault();
-      const o = Number(r.id.substring(3)), c = r.querySelector(`#bookmark${o}`);
+function L(e) {
+  const t = e.target, n = e.currentTarget;
+  if (t.tagName === "A" || t.tagName === "BUTTON") {
+    const r = e.target;
+    if (r.id.substring(0, 3) === "ref") {
+      e.preventDefault();
+      const o = Number(n.id.substring(3)), i = n.querySelector(`#bookmark${o}`);
       try {
-        c.scrollIntoView({
+        i.scrollIntoView({
           behavior: "smooth",
           block: "center",
           inline: "center"
@@ -64,11 +64,11 @@ function I(t) {
       } catch (s) {
         console.log("error on scroll", s);
       }
-    } else if (r.id !== null && e.getAttribute("data-anchor")) {
-      t.preventDefault();
-      const o = e.getAttribute("data-anchor"), c = r.querySelector(`[id="${o}"]`);
+    } else if (n.id !== null && r.getAttribute("data-anchor")) {
+      e.preventDefault();
+      const o = r.getAttribute("data-anchor"), i = n.querySelector(`[id="${o}"]`);
       try {
-        c.scrollIntoView({
+        i.scrollIntoView({
           behavior: "smooth",
           block: "center",
           inline: "center"
@@ -79,34 +79,108 @@ function I(t) {
     }
   }
 }
-function d(t) {
-  const n = document.createElement("div");
-  return n.innerHTML = t, n.textContent || n.innerText || "";
+function u(e) {
+  const t = document.createElement("div");
+  return t.innerHTML = e, t.textContent || t.innerText || "";
 }
-function b(t, n) {
-  const r = {};
-  if (n)
-    r.markdown = t;
-  else if (t.includes("/wiki/")) {
-    const e = t.split("/"), o = e[0], c = e[2];
-    r.ownerId = o, r.wikiId = c;
-  } else t && (r.ownerId = t);
-  return r;
+function A(e, t) {
+  const n = {};
+  if (t)
+    n.markdown = e;
+  else if (e.includes("/wiki/")) {
+    const r = e.split("/"), o = r[0], i = r[2];
+    n.ownerId = o, n.wikiId = i;
+  } else e && (n.ownerId = e);
+  return n;
 }
-const u = new a(), x = (t, n) => {
-  if (!t || t.length === 0)
+const f = new l(), M = (e, t) => {
+  if (!e || e.length === 0)
     return "";
-  const r = u.render(t), e = d(r).replace(/\|/g, "").replace(/#/g, "").replace(/<Synapse widget>/g, "");
-  return n ? l(e, n) : e;
+  const n = f.render(e), r = u(n).replace(/\|/g, "").replace(/#/g, "").replace(/<Synapse widget>/g, "");
+  return t ? d(r, t) : r;
+}, g = [
+  "address",
+  "article",
+  "aside",
+  "blockquote",
+  "canvas",
+  "dd",
+  "div",
+  "dl",
+  "dt",
+  "fieldset",
+  "figcaption",
+  "figure",
+  "footer",
+  "form",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "header",
+  "hr",
+  "li",
+  "main",
+  "nav",
+  "noscript",
+  "ol",
+  "p",
+  "pre",
+  "section",
+  "table",
+  "tfoot",
+  "ul",
+  "video"
+], p = ["span", "a", "em", "strong", "b", "i", "u", "sub", "sup"], m = ["table", "thead", "tbody", "tr", "tfoot"], h = ["badge", "image", "imageLink", "buttonlink"], T = (e) => {
+  if (e.nodeType !== Node.ELEMENT_NODE)
+    return !1;
+  const n = e.tagName.toLowerCase();
+  return p.includes(n);
+}, a = (e) => {
+  if (e.nodeType !== Node.ELEMENT_NODE)
+    return !1;
+  const t = e, n = t.tagName.toLowerCase(), r = g.includes(n), o = t.getAttribute("data-widgetparams"), i = o !== null && !h.includes(o.split("?")[0]);
+  return r || i;
 };
+function b(e, t) {
+  return !(a(e) && T(t) || t.tagName.toLowerCase() === "button" && e.tagName.toLowerCase() === "button" || t.tagName.toLowerCase() === "p" && a(e));
+}
+function E(e, t = []) {
+  if (e.nodeType === Node.TEXT_NODE) {
+    const r = e.parentNode?.tagName?.toLowerCase();
+    m.includes(r) && !e.textContent?.trim() && e.parentNode?.removeChild(e);
+    return;
+  }
+  if (e.nodeType !== Node.ELEMENT_NODE)
+    return;
+  const n = e;
+  for (let r = t.length - 1; r >= 0; r--) {
+    const o = t[r];
+    if (!b(n, o)) {
+      const i = n.ownerDocument.createElement("div");
+      for (Array.from(o.attributes).forEach(
+        (s) => i.setAttribute(s.name, s.value)
+      ); o.firstChild; )
+        i.appendChild(o.firstChild);
+      o.parentNode && o.parentNode.replaceChild(i, o), t[r] = i;
+    }
+  }
+  t.push(n), Array.from(n.childNodes).forEach((r) => {
+    E(r, t);
+  }), t.pop();
+}
 export {
-  T as addIdsToReferenceWidgets,
-  w as addIdsToTocWidgets,
-  m as decodeXml,
-  I as handleLinkClicks,
-  x as markdownToPlainText,
-  h as processMath,
-  d as stripHTML,
-  b as transformStringIntoMarkdownProps
+  x as addIdsToReferenceWidgets,
+  y as addIdsToTocWidgets,
+  I as decodeXml,
+  E as fixInvalidNesting,
+  L as handleLinkClicks,
+  a as isBlockLevelElement,
+  M as markdownToPlainText,
+  k as processMath,
+  u as stripHTML,
+  A as transformStringIntoMarkdownProps
 };
 //# sourceMappingURL=MarkdownUtils.js.map

package/dist/components/Markdown/MarkdownUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.js","sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"sourcesContent":["import katex from 'katex'\nimport { RefObject } from 'react'\nimport { MarkdownSynapseProps } from './MarkdownSynapse'\nimport MarkdownIt from 'markdown-it'\nimport { truncateString } from '@/utils/functions/StringUtils'\n\n/**\n * Find all math identified elements of the form [id^=\\\"mathjax-\\\"]\n * (e.g. <dom element id=\"mathjax-10\"> text </dom element>)\n * and transform them to their math markdown equivalents\n */\nexport function processMath(markupRef: RefObject<HTMLElement | null>) {\n  if (!markupRef.current) {\n    return\n  }\n  // use regex to grab all elements\n  const mathExpressions =\n    markupRef.current.querySelectorAll<HTMLElement>('[id^=\"mathjax-\"]')\n  // go through all obtained elements and transform them with katex\n  const regEx = new RegExp(/\\\\[()[\\]]/, 'g') // Look for a '\\' followed by either '(', ')', '[', or ']'. We delete these strings since they interfere with katex processing.\n  mathExpressions.forEach(element => {\n    if (element.textContent && !element.getAttribute('processed')) {\n      // only process a math element once, used to double/triple process\n      element.setAttribute('processed', 'true')\n      const textContent = element.textContent.replace(regEx, '')\n      return katex.render(textContent, element, {\n        output: 'html',\n        throwOnError: false,\n      })\n    }\n  })\n}\n\n/**\n *  When the markdown string is transferred over the network certain characters get transformed,\n * this does a simple transformation back to the original user's string.\n *\n * @param {string} xml\n * @returns\n * @memberof MarkdownSynapse\n */\nexport function decodeXml(xml: string) {\n  const escapedOneToXmlSpecialMap = {\n    '&amp;': '&',\n    '&gt;': '>',\n    '&lt;': '<',\n    '&quot;': '\"',\n  }\n  return xml.replace(\n    /(&quot;|&lt;|&gt;|&amp;)/g,\n    (str: string, item: keyof typeof escapedOneToXmlSpecialMap) => {\n      return escapedOneToXmlSpecialMap[item]\n    },\n  )\n}\n\nexport function addIdsToReferenceWidgets(text: string) {\n  const referenceRegex =\n    /<span.*?id=\"wikiReference.*?<span.*? data-widgetparams.*?span>/g\n  let referenceCount = 1\n\n  return text.replace(referenceRegex, () => {\n    // replace all reference tags with id's of the form id=\"ref<number>\"\" that we can read onClick\n    const current = referenceCount\n    referenceCount += 1\n    return `<a href=\"\" id=\"ref${current}\">[${current}]</a>`\n  })\n}\n\nexport function addIdsToTocWidgets(text: string) {\n  const tocId = 'SRC-header-'\n  let tocIdCount = 1\n  const TOC_HEADER_REGEX = /<h[1-6] toc=\"true\">.*<\\/h[1-6]>/gm\n\n  return text.replace(TOC_HEADER_REGEX, (match: string) => {\n    // replace with id of the form id=\"toc\" so we can read them with onclick events\n    const curTocId = tocIdCount\n    tocIdCount += 1\n    const matchWithId = `${match.substring(\n      0,\n      3,\n    )} id=\"${tocId}${curTocId}\"${match.substring(3)}`\n    return matchWithId\n  })\n}\n\n// Manually handle clicks to anchor tags where the scrollto isn't handled by page hash\nexport function handleLinkClicks(event: MouseEvent) {\n  const genericElement = event.target as HTMLElement\n  const currentTarget = event.currentTarget as HTMLElement\n  if (genericElement.tagName === 'A' || genericElement.tagName === 'BUTTON') {\n    const anchor = event.target as HTMLAnchorElement\n    if (anchor.id.substring(0, 3) === 'ref') {\n      event.preventDefault()\n\n      // its a reference, so we scroll to the appropriate bookmark\n      const referenceNumber = Number(currentTarget.id.substring(3)) // e.g. ref2 => '2'\n      const goTo = currentTarget.querySelector(`#bookmark${referenceNumber}`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    } else if (\n      currentTarget.id !== null &&\n      anchor.getAttribute('data-anchor')\n    ) {\n      event.preventDefault()\n      // handle table of contents widget\n      const idOfContent = anchor.getAttribute('data-anchor')\n      const goTo = currentTarget.querySelector(`[id=\"${idOfContent}\"]`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    }\n  }\n}\n\nexport function stripHTML(myHtmlString: string): string {\n  const el = document.createElement('div')\n  el.innerHTML = myHtmlString\n  return el.textContent || el.innerText || ''\n}\n\nexport function transformStringIntoMarkdownProps(\n  value: string,\n  isRawMarkdown?: boolean,\n) {\n  const newProps: MarkdownSynapseProps = {}\n  if (isRawMarkdown) {\n    newProps.markdown = value\n  } else {\n    if (value.includes('/wiki/')) {\n      // value looks like syn20681023/wiki/594680\n      const split = value.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      newProps.ownerId = ownerId\n      newProps.wikiId = wikiId\n    } else if (value) {\n      // else assume it's an ownerId\n      newProps.ownerId = value\n    }\n  }\n  return newProps\n}\n\nconst md = new MarkdownIt()\n\nexport const markdownToPlainText = (markdown: string, maxLength?: number) => {\n  if (!markdown || markdown.length === 0) {\n    return ''\n  }\n\n  const html = md.render(markdown)\n  const plainText = stripHTML(html)\n    .replace(/\\|/g, '')\n    .replace(/#/g, '')\n    .replace(/<Synapse widget>/g, '')\n\n  return maxLength ? truncateString(plainText, maxLength) : plainText\n}\n"],"names":["processMath","markupRef","mathExpressions","regEx","element","textContent","katex","decodeXml","xml","escapedOneToXmlSpecialMap","str","item","addIdsToReferenceWidgets","text","referenceRegex","referenceCount","current","addIdsToTocWidgets","tocId","tocIdCount","TOC_HEADER_REGEX","match","curTocId","handleLinkClicks","event","genericElement","currentTarget","anchor","referenceNumber","goTo","e","idOfContent","stripHTML","myHtmlString","el","transformStringIntoMarkdownProps","value","isRawMarkdown","newProps","split","ownerId","wikiId","md","MarkdownIt","markdownToPlainText","markdown","maxLength","html","plainText","truncateString"],"mappings":"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"}
+{"version":3,"file":"MarkdownUtils.js","sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"sourcesContent":["import katex from 'katex'\nimport { RefObject } from 'react'\nimport { MarkdownSynapseProps } from './MarkdownSynapse'\nimport MarkdownIt from 'markdown-it'\nimport { truncateString } from '@/utils/functions/StringUtils'\n\n/**\n * Find all math identified elements of the form [id^=\\\"mathjax-\\\"]\n * (e.g. <dom element id=\"mathjax-10\"> text </dom element>)\n * and transform them to their math markdown equivalents\n */\nexport function processMath(markupRef: RefObject<HTMLElement | null>) {\n  if (!markupRef.current) {\n    return\n  }\n  // use regex to grab all elements\n  const mathExpressions =\n    markupRef.current.querySelectorAll<HTMLElement>('[id^=\"mathjax-\"]')\n  // go through all obtained elements and transform them with katex\n  const regEx = new RegExp(/\\\\[()[\\]]/, 'g') // Look for a '\\' followed by either '(', ')', '[', or ']'. We delete these strings since they interfere with katex processing.\n  mathExpressions.forEach(element => {\n    if (element.textContent && !element.getAttribute('processed')) {\n      // only process a math element once, used to double/triple process\n      element.setAttribute('processed', 'true')\n      const textContent = element.textContent.replace(regEx, '')\n      return katex.render(textContent, element, {\n        output: 'html',\n        throwOnError: false,\n      })\n    }\n  })\n}\n\n/**\n *  When the markdown string is transferred over the network certain characters get transformed,\n * this does a simple transformation back to the original user's string.\n *\n * @param {string} xml\n * @returns\n * @memberof MarkdownSynapse\n */\nexport function decodeXml(xml: string) {\n  const escapedOneToXmlSpecialMap = {\n    '&amp;': '&',\n    '&gt;': '>',\n    '&lt;': '<',\n    '&quot;': '\"',\n  }\n  return xml.replace(\n    /(&quot;|&lt;|&gt;|&amp;)/g,\n    (str: string, item: keyof typeof escapedOneToXmlSpecialMap) => {\n      return escapedOneToXmlSpecialMap[item]\n    },\n  )\n}\n\nexport function addIdsToReferenceWidgets(text: string) {\n  const referenceRegex =\n    /<span.*?id=\"wikiReference.*?<span.*? data-widgetparams.*?span>/g\n  let referenceCount = 1\n\n  return text.replace(referenceRegex, () => {\n    // replace all reference tags with id's of the form id=\"ref<number>\"\" that we can read onClick\n    const current = referenceCount\n    referenceCount += 1\n    return `<a href=\"\" id=\"ref${current}\">[${current}]</a>`\n  })\n}\n\nexport function addIdsToTocWidgets(text: string) {\n  const tocId = 'SRC-header-'\n  let tocIdCount = 1\n  const TOC_HEADER_REGEX = /<h[1-6] toc=\"true\">.*<\\/h[1-6]>/gm\n\n  return text.replace(TOC_HEADER_REGEX, (match: string) => {\n    // replace with id of the form id=\"toc\" so we can read them with onclick events\n    const curTocId = tocIdCount\n    tocIdCount += 1\n    const matchWithId = `${match.substring(\n      0,\n      3,\n    )} id=\"${tocId}${curTocId}\"${match.substring(3)}`\n    return matchWithId\n  })\n}\n\n// Manually handle clicks to anchor tags where the scrollto isn't handled by page hash\nexport function handleLinkClicks(event: MouseEvent) {\n  const genericElement = event.target as HTMLElement\n  const currentTarget = event.currentTarget as HTMLElement\n  if (genericElement.tagName === 'A' || genericElement.tagName === 'BUTTON') {\n    const anchor = event.target as HTMLAnchorElement\n    if (anchor.id.substring(0, 3) === 'ref') {\n      event.preventDefault()\n\n      // its a reference, so we scroll to the appropriate bookmark\n      const referenceNumber = Number(currentTarget.id.substring(3)) // e.g. ref2 => '2'\n      const goTo = currentTarget.querySelector(`#bookmark${referenceNumber}`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    } else if (\n      currentTarget.id !== null &&\n      anchor.getAttribute('data-anchor')\n    ) {\n      event.preventDefault()\n      // handle table of contents widget\n      const idOfContent = anchor.getAttribute('data-anchor')\n      const goTo = currentTarget.querySelector(`[id=\"${idOfContent}\"]`)\n      try {\n        goTo!.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n          inline: 'center',\n        })\n      } catch (e) {\n        console.log('error on scroll', e)\n      }\n    }\n  }\n}\n\nexport function stripHTML(myHtmlString: string): string {\n  const el = document.createElement('div')\n  el.innerHTML = myHtmlString\n  return el.textContent || el.innerText || ''\n}\n\nexport function transformStringIntoMarkdownProps(\n  value: string,\n  isRawMarkdown?: boolean,\n) {\n  const newProps: MarkdownSynapseProps = {}\n  if (isRawMarkdown) {\n    newProps.markdown = value\n  } else {\n    if (value.includes('/wiki/')) {\n      // value looks like syn20681023/wiki/594680\n      const split = value.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      newProps.ownerId = ownerId\n      newProps.wikiId = wikiId\n    } else if (value) {\n      // else assume it's an ownerId\n      newProps.ownerId = value\n    }\n  }\n  return newProps\n}\n\nconst md = new MarkdownIt()\n\nexport const markdownToPlainText = (markdown: string, maxLength?: number) => {\n  if (!markdown || markdown.length === 0) {\n    return ''\n  }\n\n  const html = md.render(markdown)\n  const plainText = stripHTML(html)\n    .replace(/\\|/g, '')\n    .replace(/#/g, '')\n    .replace(/<Synapse widget>/g, '')\n\n  return maxLength ? truncateString(plainText, maxLength) : plainText\n}\n\nconst blockLevelTags = [\n  'address',\n  'article',\n  'aside',\n  'blockquote',\n  'canvas',\n  'dd',\n  'div',\n  'dl',\n  'dt',\n  'fieldset',\n  'figcaption',\n  'figure',\n  'footer',\n  'form',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'header',\n  'hr',\n  'li',\n  'main',\n  'nav',\n  'noscript',\n  'ol',\n  'p',\n  'pre',\n  'section',\n  'table',\n  'tfoot',\n  'ul',\n  'video',\n]\n\nconst inlineTags = ['span', 'a', 'em', 'strong', 'b', 'i', 'u', 'sub', 'sup']\n\nconst tableTags = ['table', 'thead', 'tbody', 'tr', 'tfoot']\n\n// Widget types that render inline elements and should not be treated as block-level\nconst inlineWidgetTypes = ['badge', 'image', 'imageLink', 'buttonlink']\n\nconst isInlineContainer = (node: Node): boolean => {\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return false\n  }\n\n  const element = node as HTMLElement\n  const tag = element.tagName.toLowerCase()\n  return inlineTags.includes(tag)\n}\n\n// Check if a node is a block level element\nexport const isBlockLevelElement = (node: Node): boolean => {\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return false\n  }\n\n  const element = node as HTMLElement\n  const tag = element.tagName.toLowerCase()\n  const isStandardBlock = blockLevelTags.includes(tag)\n\n  const widgetParams = element.getAttribute('data-widgetparams')\n  const isWidget =\n    widgetParams !== null &&\n    !inlineWidgetTypes.includes(widgetParams.split('?')[0])\n\n  return isStandardBlock || isWidget\n}\n\nfunction isValidNesting(child: HTMLElement, ancestor: HTMLElement): boolean {\n  // case 1: block level elements cannot be inside of inline containers\n  if (isBlockLevelElement(child) && isInlineContainer(ancestor)) {\n    return false\n  }\n\n  // case 2: buttons cannot be nested inside of other buttons\n  if (\n    ancestor.tagName.toLowerCase() === 'button' &&\n    child.tagName.toLowerCase() === 'button'\n  ) {\n    return false\n  }\n\n  // A <p> tag cannot contain block-level elements (including other <p> tags)\n  if (ancestor.tagName.toLowerCase() === 'p' && isBlockLevelElement(child)) {\n    return false\n  }\n\n  return true\n}\n\n/**\n * Fixes invalid HTML nesting (e.g., <div> inside <p>) in a single O(n) pass.\n * It compares the current 'node' against a stack of its 'ancestors'.\n * @param node - The current DOM node being inspected.\n * @param ancestors - An array of the current node's parent elements\n */\nexport function fixInvalidNesting(\n  node: Node,\n  ancestors: HTMLElement[] = [],\n): void {\n  // Whitespace-only text nodes are invalid children of table structure elements and must be removed.\n  if (node.nodeType === Node.TEXT_NODE) {\n    const parentTag = (node.parentNode as HTMLElement)?.tagName?.toLowerCase()\n\n    if (tableTags.includes(parentTag) && !node.textContent?.trim()) {\n      node.parentNode?.removeChild(node)\n    }\n\n    return\n  }\n\n  // We only care about element nodes\n  if (node.nodeType !== Node.ELEMENT_NODE) {\n    return\n  }\n\n  const element = node as HTMLElement\n\n  // We check the current element against every ancestor in the stack to see if there is any invalid nesting.\n  // We iterate backwards (from immediate parent to root) so we fix the closest invalid container first.\n  for (let i = ancestors.length - 1; i >= 0; i--) {\n    const ancestor = ancestors[i]\n\n    // if the nesting is invalid\n    if (!isValidNesting(element, ancestor)) {\n      // change the ancestor to a div\n      const div = element.ownerDocument.createElement('div')\n\n      // Preserve all original attributes\n      Array.from(ancestor.attributes).forEach(attr =>\n        div.setAttribute(attr.name, attr.value),\n      )\n\n      // Move all children from the old element to the new <div>\n      while (ancestor.firstChild) {\n        div.appendChild(ancestor.firstChild)\n      }\n\n      // replace the ancestor with the new div\n      if (ancestor.parentNode) {\n        ancestor.parentNode.replaceChild(div, ancestor)\n      }\n\n      ancestors[i] = div // Update our local stack to reference to the new div\n    }\n  }\n\n  // Push the current element to the stack before traversing children\n  ancestors.push(element)\n\n  Array.from(element.childNodes).forEach(child => {\n    fixInvalidNesting(child, ancestors)\n  })\n\n  // Pop the current element off the stack after traversing its children\n  ancestors.pop()\n}\n"],"names":["processMath","markupRef","mathExpressions","regEx","element","textContent","katex","decodeXml","xml","escapedOneToXmlSpecialMap","str","item","addIdsToReferenceWidgets","text","referenceRegex","referenceCount","current","addIdsToTocWidgets","tocId","tocIdCount","TOC_HEADER_REGEX","match","curTocId","handleLinkClicks","event","genericElement","currentTarget","anchor","referenceNumber","goTo","e","idOfContent","stripHTML","myHtmlString","el","transformStringIntoMarkdownProps","value","isRawMarkdown","newProps","split","ownerId","wikiId","md","MarkdownIt","markdownToPlainText","markdown","maxLength","html","plainText","truncateString","blockLevelTags","inlineTags","tableTags","inlineWidgetTypes","isInlineContainer","node","tag","isBlockLevelElement","isStandardBlock","widgetParams","isWidget","isValidNesting","child","ancestor","fixInvalidNesting","ancestors","parentTag","i","div","attr"],"mappings":";;;AAWO,SAASA,EAAYC,GAA0C;AACpE,MAAI,CAACA,EAAU;AACb;AAGF,QAAMC,IACJD,EAAU,QAAQ,iBAA8B,kBAAkB,GAE9DE,IAAQ,IAAI,OAAO,aAAa,GAAG;AACzC,EAAAD,EAAgB,QAAQ,CAAAE,MAAW;AACjC,QAAIA,EAAQ,eAAe,CAACA,EAAQ,aAAa,WAAW,GAAG;AAE7D,MAAAA,EAAQ,aAAa,aAAa,MAAM;AACxC,YAAMC,IAAcD,EAAQ,YAAY,QAAQD,GAAO,EAAE;AACzD,aAAOG,EAAM,OAAOD,GAAaD,GAAS;AAAA,QACxC,QAAQ;AAAA,QACR,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAUO,SAASG,EAAUC,GAAa;AACrC,QAAMC,IAA4B;AAAA,IAChC,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EAAA;AAEZ,SAAOD,EAAI;AAAA,IACT;AAAA,IACA,CAACE,GAAaC,MACLF,EAA0BE,CAAI;AAAA,EACvC;AAEJ;AAEO,SAASC,EAAyBC,GAAc;AACrD,QAAMC,IACJ;AACF,MAAIC,IAAiB;AAErB,SAAOF,EAAK,QAAQC,GAAgB,MAAM;AAExC,UAAME,IAAUD;AAChB,WAAAA,KAAkB,GACX,qBAAqBC,CAAO,MAAMA,CAAO;AAAA,EAClD,CAAC;AACH;AAEO,SAASC,EAAmBJ,GAAc;AAC/C,QAAMK,IAAQ;AACd,MAAIC,IAAa;AACjB,QAAMC,IAAmB;AAEzB,SAAOP,EAAK,QAAQO,GAAkB,CAACC,MAAkB;AAEvD,UAAMC,IAAWH;AACjB,WAAAA,KAAc,GACM,GAAGE,EAAM;AAAA,MAC3B;AAAA,MACA;AAAA,IAAA,CACD,QAAQH,CAAK,GAAGI,CAAQ,IAAID,EAAM,UAAU,CAAC,CAAC;AAAA,EAEjD,CAAC;AACH;AAGO,SAASE,EAAiBC,GAAmB;AAClD,QAAMC,IAAiBD,EAAM,QACvBE,IAAgBF,EAAM;AAC5B,MAAIC,EAAe,YAAY,OAAOA,EAAe,YAAY,UAAU;AACzE,UAAME,IAASH,EAAM;AACrB,QAAIG,EAAO,GAAG,UAAU,GAAG,CAAC,MAAM,OAAO;AACvC,MAAAH,EAAM,eAAA;AAGN,YAAMI,IAAkB,OAAOF,EAAc,GAAG,UAAU,CAAC,CAAC,GACtDG,IAAOH,EAAc,cAAc,YAAYE,CAAe,EAAE;AACtE,UAAI;AACF,QAAAC,EAAM,eAAe;AAAA,UACnB,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACT;AAAA,MACH,SAASC,GAAG;AACV,gBAAQ,IAAI,mBAAmBA,CAAC;AAAA,MAClC;AAAA,IACF,WACEJ,EAAc,OAAO,QACrBC,EAAO,aAAa,aAAa,GACjC;AACA,MAAAH,EAAM,eAAA;AAEN,YAAMO,IAAcJ,EAAO,aAAa,aAAa,GAC/CE,IAAOH,EAAc,cAAc,QAAQK,CAAW,IAAI;AAChE,UAAI;AACF,QAAAF,EAAM,eAAe;AAAA,UACnB,UAAU;AAAA,UACV,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA,CACT;AAAA,MACH,SAASC,GAAG;AACV,gBAAQ,IAAI,mBAAmBA,CAAC;AAAA,MAClC;AAAA,IACF;AAAA,EACF;AACF;AAEO,SAASE,EAAUC,GAA8B;AACtD,QAAMC,IAAK,SAAS,cAAc,KAAK;AACvC,SAAAA,EAAG,YAAYD,GACRC,EAAG,eAAeA,EAAG,aAAa;AAC3C;AAEO,SAASC,EACdC,GACAC,GACA;AACA,QAAMC,IAAiC,CAAA;AACvC,MAAID;AACF,IAAAC,EAAS,WAAWF;AAAA,WAEhBA,EAAM,SAAS,QAAQ,GAAG;AAE5B,UAAMG,IAAQH,EAAM,MAAM,GAAG,GACvBI,IAAUD,EAAM,CAAC,GACjBE,IAASF,EAAM,CAAC;AACtB,IAAAD,EAAS,UAAUE,GACnBF,EAAS,SAASG;AAAA,EACpB,OAAWL,MAETE,EAAS,UAAUF;AAGvB,SAAOE;AACT;AAEA,MAAMI,IAAK,IAAIC,EAAA,GAEFC,IAAsB,CAACC,GAAkBC,MAAuB;AAC3E,MAAI,CAACD,KAAYA,EAAS,WAAW;AACnC,WAAO;AAGT,QAAME,IAAOL,EAAG,OAAOG,CAAQ,GACzBG,IAAYhB,EAAUe,CAAI,EAC7B,QAAQ,OAAO,EAAE,EACjB,QAAQ,MAAM,EAAE,EAChB,QAAQ,qBAAqB,EAAE;AAElC,SAAOD,IAAYG,EAAeD,GAAWF,CAAS,IAAIE;AAC5D,GAEME,IAAiB;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAAa,CAAC,QAAQ,KAAK,MAAM,UAAU,KAAK,KAAK,KAAK,OAAO,KAAK,GAEtEC,IAAY,CAAC,SAAS,SAAS,SAAS,MAAM,OAAO,GAGrDC,IAAoB,CAAC,SAAS,SAAS,aAAa,YAAY,GAEhEC,IAAoB,CAACC,MAAwB;AACjD,MAAIA,EAAK,aAAa,KAAK;AACzB,WAAO;AAIT,QAAMC,IADUD,EACI,QAAQ,YAAA;AAC5B,SAAOJ,EAAW,SAASK,CAAG;AAChC,GAGaC,IAAsB,CAACF,MAAwB;AAC1D,MAAIA,EAAK,aAAa,KAAK;AACzB,WAAO;AAGT,QAAMnD,IAAUmD,GACVC,IAAMpD,EAAQ,QAAQ,YAAA,GACtBsD,IAAkBR,EAAe,SAASM,CAAG,GAE7CG,IAAevD,EAAQ,aAAa,mBAAmB,GACvDwD,IACJD,MAAiB,QACjB,CAACN,EAAkB,SAASM,EAAa,MAAM,GAAG,EAAE,CAAC,CAAC;AAExD,SAAOD,KAAmBE;AAC5B;AAEA,SAASC,EAAeC,GAAoBC,GAAgC;AAe1E,SAbI,EAAAN,EAAoBK,CAAK,KAAKR,EAAkBS,CAAQ,KAM1DA,EAAS,QAAQ,kBAAkB,YACnCD,EAAM,QAAQ,YAAA,MAAkB,YAM9BC,EAAS,QAAQ,YAAA,MAAkB,OAAON,EAAoBK,CAAK;AAKzE;AAQO,SAASE,EACdT,GACAU,IAA2B,IACrB;AAEN,MAAIV,EAAK,aAAa,KAAK,WAAW;AACpC,UAAMW,IAAaX,EAAK,YAA4B,SAAS,YAAA;AAE7D,IAAIH,EAAU,SAASc,CAAS,KAAK,CAACX,EAAK,aAAa,UACtDA,EAAK,YAAY,YAAYA,CAAI;AAGnC;AAAA,EACF;AAGA,MAAIA,EAAK,aAAa,KAAK;AACzB;AAGF,QAAMnD,IAAUmD;AAIhB,WAASY,IAAIF,EAAU,SAAS,GAAGE,KAAK,GAAGA,KAAK;AAC9C,UAAMJ,IAAWE,EAAUE,CAAC;AAG5B,QAAI,CAACN,EAAezD,GAAS2D,CAAQ,GAAG;AAEtC,YAAMK,IAAMhE,EAAQ,cAAc,cAAc,KAAK;AAQrD,WALA,MAAM,KAAK2D,EAAS,UAAU,EAAE;AAAA,QAAQ,OACtCK,EAAI,aAAaC,EAAK,MAAMA,EAAK,KAAK;AAAA,MAAA,GAIjCN,EAAS;AACd,QAAAK,EAAI,YAAYL,EAAS,UAAU;AAIrC,MAAIA,EAAS,cACXA,EAAS,WAAW,aAAaK,GAAKL,CAAQ,GAGhDE,EAAUE,CAAC,IAAIC;AAAA,IACjB;AAAA,EACF;AAGA,EAAAH,EAAU,KAAK7D,CAAO,GAEtB,MAAM,KAAKA,EAAQ,UAAU,EAAE,QAAQ,CAAA0D,MAAS;AAC9C,IAAAE,EAAkBF,GAAOG,CAAS;AAAA,EACpC,CAAC,GAGDA,EAAU,IAAA;AACZ;"}

package/dist/components/Markdown/UserMentionModal.js

@@ -1,32 +1,32 @@
-import { jsx as o, Fragment as l } from "react/jsx-runtime";
+import { jsx as r, Fragment as l } from "react/jsx-runtime";
 import { useCallback as m } from "react";
-import { DialogBase as c } from "../DialogBase.js";
-import { TYPE_FILTER as f } from "@sage-bionetworks/synapse-types";
-import p from "../UserSearchBox/UserSearchBoxV2.js";
+import { DialogBase as p } from "../DialogBase.js";
+import { TYPE_FILTER as s } from "@sage-bionetworks/synapse-types";
+import u from "../UserSearchBox/UserSearchBox.js";
 function v({
   show: i,
-  onClose: e,
-  handleUserTag: r
+  onClose: o,
+  handleUserTag: e
 }) {
-  const n = m(
-    (a, t) => {
-      a && t && r(t.userName), e();
+  const a = m(
+    (n, t) => {
+      n && t && e(t.userName), o();
     },
-    [e, r]
+    [o, e]
   );
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
-    c,
+  return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
+    p,
     {
       open: i,
-      onCancel: e,
+      onCancel: o,
       title: "Find User or Team",
-      content: /* @__PURE__ */ o(
-        p,
+      content: /* @__PURE__ */ r(
+        u,
         {
           placeholder: "Search for a user or team name",
-          onChange: n,
-          typeFilter: f.ALL,
-          focusOnSelect: !0
+          onChange: a,
+          typeFilter: s.ALL,
+          autoFocus: !0
         }
       ),
       sx: {

package/dist/components/Markdown/UserMentionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserMentionModal.js","sources":["../../../src/components/Markdown/UserMentionModal.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport UserSearchBoxV2 from '../UserSearchBox/UserSearchBoxV2'\n\nexport type UserMentionModalProps = {\n  show: boolean\n  onClose: () => void\n  handleUserTag: (user: string) => void\n}\n\nexport function UserMentionModal({\n  show,\n  onClose,\n  handleUserTag,\n}: UserMentionModalProps) {\n  const onUserChange = useCallback(\n    (selected: string | null, header: UserGroupHeader | null) => {\n      if (selected && header) {\n        handleUserTag(header.userName)\n      }\n      onClose()\n    },\n    [onClose, handleUserTag],\n  )\n\n  return (\n    <>\n      <DialogBase\n        open={show}\n        onCancel={onClose}\n        title=\"Find User or Team\"\n        content={\n          <UserSearchBoxV2\n            placeholder=\"Search for a user or team name\"\n            onChange={onUserChange}\n            typeFilter={TYPE_FILTER.ALL}\n            focusOnSelect={true}\n          />\n        }\n        sx={{\n          '.MuiDialog-paperFullWidth': {\n            overflowY: 'visible',\n            '.MuiDialogContent-root': { overflowY: 'visible' },\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"names":["UserMentionModal","show","onClose","handleUserTag","onUserChange","useCallback","selected","header","jsx","Fragment","DialogBase","UserSearchBoxV2","TYPE_FILTER"],"mappings":";;;;;AAWO,SAASA,EAAiB;AAAA,EAC/B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,GAA0B;AACxB,QAAMC,IAAeC;AAAA,IACnB,CAACC,GAAyBC,MAAmC;AAC3D,MAAID,KAAYC,KACdJ,EAAcI,EAAO,QAAQ,GAE/BL,EAAA;AAAA,IACF;AAAA,IACA,CAACA,GAASC,CAAa;AAAA,EAAA;AAGzB,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAMT;AAAA,MACN,UAAUC;AAAA,MACV,OAAM;AAAA,MACN,SACE,gBAAAM;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAUP;AAAA,UACV,YAAYQ,EAAY;AAAA,UACxB,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,MAGnB,IAAI;AAAA,QACF,6BAA6B;AAAA,UAC3B,WAAW;AAAA,UACX,0BAA0B,EAAE,WAAW,UAAA;AAAA,QAAU;AAAA,MACnD;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"UserMentionModal.js","sources":["../../../src/components/Markdown/UserMentionModal.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { TYPE_FILTER, UserGroupHeader } from '@sage-bionetworks/synapse-types'\nimport UserSearchBox from '../UserSearchBox/UserSearchBox'\n\nexport type UserMentionModalProps = {\n  show: boolean\n  onClose: () => void\n  handleUserTag: (user: string) => void\n}\n\nexport function UserMentionModal({\n  show,\n  onClose,\n  handleUserTag,\n}: UserMentionModalProps) {\n  const onUserChange = useCallback(\n    (selected: string | null, header: UserGroupHeader | null) => {\n      if (selected && header) {\n        handleUserTag(header.userName)\n      }\n      onClose()\n    },\n    [onClose, handleUserTag],\n  )\n\n  return (\n    <>\n      <DialogBase\n        open={show}\n        onCancel={onClose}\n        title=\"Find User or Team\"\n        content={\n          <UserSearchBox\n            placeholder=\"Search for a user or team name\"\n            onChange={onUserChange}\n            typeFilter={TYPE_FILTER.ALL}\n            autoFocus={true}\n          />\n        }\n        sx={{\n          '.MuiDialog-paperFullWidth': {\n            overflowY: 'visible',\n            '.MuiDialogContent-root': { overflowY: 'visible' },\n          },\n        }}\n      />\n    </>\n  )\n}\n"],"names":["UserMentionModal","show","onClose","handleUserTag","onUserChange","useCallback","selected","header","jsx","Fragment","DialogBase","UserSearchBox","TYPE_FILTER"],"mappings":";;;;;AAWO,SAASA,EAAiB;AAAA,EAC/B,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,eAAAC;AACF,GAA0B;AACxB,QAAMC,IAAeC;AAAA,IACnB,CAACC,GAAyBC,MAAmC;AAC3D,MAAID,KAAYC,KACdJ,EAAcI,EAAO,QAAQ,GAE/BL,EAAA;AAAA,IACF;AAAA,IACA,CAACA,GAASC,CAAa;AAAA,EAAA;AAGzB,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,MAAMT;AAAA,MACN,UAAUC;AAAA,MACV,OAAM;AAAA,MACN,SACE,gBAAAM;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,aAAY;AAAA,UACZ,UAAUP;AAAA,UACV,YAAYQ,EAAY;AAAA,UACxB,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,IAAI;AAAA,QACF,6BAA6B;AAAA,UAC3B,WAAW;AAAA,UACX,0BAA0B,EAAE,WAAW,UAAA;AAAA,QAAU;AAAA,MACnD;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Markdown/widget/MarkdownButton.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { WideButton as a } from "../../styled/WideButton.js";
 import { useInRouterContext as g, Link as C } from "react-router";
-function v(t) {
+function p(t) {
   let n = "";
   const { align: c = "", highlight: h = "" } = t, l = h === "true", r = c.toLowerCase();
   r === "left" && (n += "floatleft "), r === "right" && (n += "floatright ");
@@ -38,9 +38,9 @@ function v(t) {
       children: t.text
     }
   );
-  return i ? /* @__PURE__ */ e("div", { style: { textAlign: "center" }, children: s }) : /* @__PURE__ */ e("span", { children: s });
+  return i ? /* @__PURE__ */ e("span", { style: { display: "block", textAlign: "center" }, children: s }) : /* @__PURE__ */ e("span", { children: s });
 }
 export {
-  v as default
+  p as default
 };
 //# sourceMappingURL=MarkdownButton.js.map

package/dist/components/Markdown/widget/MarkdownButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownButton.js","sources":["../../../../src/components/Markdown/widget/MarkdownButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { ButtonProps } from '@mui/material'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type ButtonLinkWidgetParams = {\n  align?: string\n  highlight?: string\n  url?: string\n  text?: string\n}\n\nexport default function MarkdownButton(\n  widgetParamsMapped: ButtonLinkWidgetParams,\n) {\n  let buttonClasses = ''\n  const { align = '', highlight: _highlight = '' } = widgetParamsMapped\n  const highlight = _highlight === 'true'\n  const alignLowerCase = align.toLowerCase()\n  if (alignLowerCase === 'left') {\n    buttonClasses += 'floatleft '\n  }\n  if (alignLowerCase === 'right') {\n    buttonClasses += 'floatright '\n  }\n  const buttonIsCenterAligned = alignLowerCase === 'center'\n  const buttonColor = highlight ? 'secondary' : 'neutral'\n  const isExternalLink =\n    widgetParamsMapped.url?.startsWith('http://') ||\n    widgetParamsMapped.url?.startsWith('https://')\n  const inRouterContext = useInRouterContext()\n\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, we want to use the RouterLink\n    linkProps = {\n      to: widgetParamsMapped.url,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      component: 'a',\n    }\n  }\n\n  const button = (\n    <WideButton\n      className={buttonClasses}\n      variant=\"contained\"\n      color={buttonColor}\n      {...linkProps}\n      sx={{\n        '&:hover': {\n          backgroundColor: highlight ? undefined : 'secondary.main',\n          color: 'white',\n        },\n        ...(!buttonIsCenterAligned &&\n          widgetParamsMapped.url && {\n            margin: '20px 20px 20px 0px',\n          }),\n      }}\n    >\n      {widgetParamsMapped.text}\n    </WideButton>\n  )\n\n  return buttonIsCenterAligned ? (\n    <div style={{ textAlign: 'center' }}>{button}</div>\n  ) : (\n    <span>{button}</span>\n  )\n}\n"],"names":["MarkdownButton","widgetParamsMapped","buttonClasses","align","_highlight","highlight","alignLowerCase","buttonIsCenterAligned","buttonColor","isExternalLink","inRouterContext","useInRouterContext","linkProps","RouterLink","button","jsx","WideButton"],"mappings":";;;AAWA,SAAwBA,EACtBC,GACA;AACA,MAAIC,IAAgB;AACpB,QAAM,EAAE,OAAAC,IAAQ,IAAI,WAAWC,IAAa,OAAOH,GAC7CI,IAAYD,MAAe,QAC3BE,IAAiBH,EAAM,YAAA;AAC7B,EAAIG,MAAmB,WACrBJ,KAAiB,eAEfI,MAAmB,YACrBJ,KAAiB;AAEnB,QAAMK,IAAwBD,MAAmB,UAC3CE,IAAcH,IAAY,cAAc,WACxCI,IACJR,EAAmB,KAAK,WAAW,SAAS,KAC5CA,EAAmB,KAAK,WAAW,UAAU,GACzCS,IAAkBC,EAAA;AAExB,MAAIC,IAAqE,CAAA;AAEzE,EAAIH,IACFG,IAAY;AAAA,IACV,MAAMX,EAAmB;AAAA,IACzB,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EAAA,IAEJS,IAETE,IAAY;AAAA,IACV,IAAIX,EAAmB;AAAA,IACvB,WAAWY;AAAAA,EAAA,IAGbD,IAAY;AAAA,IACV,MAAMX,EAAmB;AAAA,IACzB,WAAW;AAAA,EAAA;AAIf,QAAMa,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWd;AAAA,MACX,SAAQ;AAAA,MACR,OAAOM;AAAA,MACN,GAAGI;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,UACT,iBAAiBP,IAAY,SAAY;AAAA,UACzC,OAAO;AAAA,QAAA;AAAA,QAET,GAAI,CAACE,KACHN,EAAmB,OAAO;AAAA,UACxB,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAGH,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA;AAIxB,SAAOM,IACL,gBAAAQ,EAAC,OAAA,EAAI,OAAO,EAAE,WAAW,SAAA,GAAa,UAAAD,EAAA,CAAO,IAE7C,gBAAAC,EAAC,QAAA,EAAM,UAAAD,GAAO;AAElB;"}
+{"version":3,"file":"MarkdownButton.js","sources":["../../../../src/components/Markdown/widget/MarkdownButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { ButtonProps } from '@mui/material'\nimport { Link as RouterLink, useInRouterContext } from 'react-router'\n\nexport type ButtonLinkWidgetParams = {\n  align?: string\n  highlight?: string\n  url?: string\n  text?: string\n}\n\nexport default function MarkdownButton(\n  widgetParamsMapped: ButtonLinkWidgetParams,\n) {\n  let buttonClasses = ''\n  const { align = '', highlight: _highlight = '' } = widgetParamsMapped\n  const highlight = _highlight === 'true'\n  const alignLowerCase = align.toLowerCase()\n  if (alignLowerCase === 'left') {\n    buttonClasses += 'floatleft '\n  }\n  if (alignLowerCase === 'right') {\n    buttonClasses += 'floatright '\n  }\n  const buttonIsCenterAligned = alignLowerCase === 'center'\n  const buttonColor = highlight ? 'secondary' : 'neutral'\n  const isExternalLink =\n    widgetParamsMapped.url?.startsWith('http://') ||\n    widgetParamsMapped.url?.startsWith('https://')\n  const inRouterContext = useInRouterContext()\n\n  let linkProps: Partial<ButtonProps> & { target?: string; to?: string } = {}\n\n  if (isExternalLink) {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      target: '_blank',\n      rel: 'noopener noreferrer',\n      component: 'a',\n    }\n  } else if (inRouterContext) {\n    // For internal links, if we are in a react-router context, we want to use the RouterLink\n    linkProps = {\n      to: widgetParamsMapped.url,\n      component: RouterLink,\n    }\n  } else {\n    linkProps = {\n      href: widgetParamsMapped.url,\n      component: 'a',\n    }\n  }\n\n  const button = (\n    <WideButton\n      className={buttonClasses}\n      variant=\"contained\"\n      color={buttonColor}\n      {...linkProps}\n      sx={{\n        '&:hover': {\n          backgroundColor: highlight ? undefined : 'secondary.main',\n          color: 'white',\n        },\n        ...(!buttonIsCenterAligned &&\n          widgetParamsMapped.url && {\n            margin: '20px 20px 20px 0px',\n          }),\n      }}\n    >\n      {widgetParamsMapped.text}\n    </WideButton>\n  )\n\n  return buttonIsCenterAligned ? (\n    <span style={{ display: 'block', textAlign: 'center' }}>{button}</span>\n  ) : (\n    <span>{button}</span>\n  )\n}\n"],"names":["MarkdownButton","widgetParamsMapped","buttonClasses","align","_highlight","highlight","alignLowerCase","buttonIsCenterAligned","buttonColor","isExternalLink","inRouterContext","useInRouterContext","linkProps","RouterLink","button","jsx","WideButton"],"mappings":";;;AAWA,SAAwBA,EACtBC,GACA;AACA,MAAIC,IAAgB;AACpB,QAAM,EAAE,OAAAC,IAAQ,IAAI,WAAWC,IAAa,OAAOH,GAC7CI,IAAYD,MAAe,QAC3BE,IAAiBH,EAAM,YAAA;AAC7B,EAAIG,MAAmB,WACrBJ,KAAiB,eAEfI,MAAmB,YACrBJ,KAAiB;AAEnB,QAAMK,IAAwBD,MAAmB,UAC3CE,IAAcH,IAAY,cAAc,WACxCI,IACJR,EAAmB,KAAK,WAAW,SAAS,KAC5CA,EAAmB,KAAK,WAAW,UAAU,GACzCS,IAAkBC,EAAA;AAExB,MAAIC,IAAqE,CAAA;AAEzE,EAAIH,IACFG,IAAY;AAAA,IACV,MAAMX,EAAmB;AAAA,IACzB,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,WAAW;AAAA,EAAA,IAEJS,IAETE,IAAY;AAAA,IACV,IAAIX,EAAmB;AAAA,IACvB,WAAWY;AAAAA,EAAA,IAGbD,IAAY;AAAA,IACV,MAAMX,EAAmB;AAAA,IACzB,WAAW;AAAA,EAAA;AAIf,QAAMa,IACJ,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWd;AAAA,MACX,SAAQ;AAAA,MACR,OAAOM;AAAA,MACN,GAAGI;AAAA,MACJ,IAAI;AAAA,QACF,WAAW;AAAA,UACT,iBAAiBP,IAAY,SAAY;AAAA,UACzC,OAAO;AAAA,QAAA;AAAA,QAET,GAAI,CAACE,KACHN,EAAmB,OAAO;AAAA,UACxB,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,MAGH,UAAAA,EAAmB;AAAA,IAAA;AAAA,EAAA;AAIxB,SAAOM,IACL,gBAAAQ,EAAC,QAAA,EAAK,OAAO,EAAE,SAAS,SAAS,WAAW,SAAA,GAAa,UAAAD,EAAA,CAAO,IAEhE,gBAAAC,EAAC,UAAM,UAAAD,GAAO;AAElB;"}

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MissingQueryResultsWarning.d.ts","sourceRoot":"","sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAU3E,MAAM,MAAM,+BAA+B,GAAG;IAC5C,MAAM,EAAE,KAAK,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,iBAAS,0BAA0B,CAAC,EAClC,MAAM,GACP,EAAE,+BAA+B,2CAqEjC;AAED,eAAe,0BAA0B,CAAA"}
+{"version":3,"file":"MissingQueryResultsWarning.d.ts","sourceRoot":"","sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAsB,KAAK,EAAE,MAAM,iCAAiC,CAAA;AAU3E,MAAM,MAAM,+BAA+B,GAAG;IAC5C,MAAM,EAAE,KAAK,CAAA;IACb,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA;AAED;;;GAGG;AACH,iBAAS,0BAA0B,CAAC,EAClC,MAAM,GACP,EAAE,+BAA+B,2CAsEjC;AAED,eAAe,0BAA0B,CAAA"}

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.js

@@ -1,4 +1,4 @@
-import { jsx as t, Fragment as a, jsxs as p } from "react/jsx-runtime";
+import { jsx as o, Fragment as a, jsxs as p } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
@@ -51,12 +51,13 @@ function X({
   if (r && s && e) {
     const i = s.responseBody.queryCount, m = e.items?.length ?? 0;
     if (i >= m)
-      return /* @__PURE__ */ t(a, {});
+      return /* @__PURE__ */ o(a, {});
     const l = m - i;
-    let o = "";
-    return e.isLatestVersion ? o = b : o = h, /* @__PURE__ */ p(
+    let t = "";
+    return e.isLatestVersion ? t = b : t = h, /* @__PURE__ */ p(
       d,
       {
+        component: "div",
         className: "SRC-centerContent",
         style: {
           marginLeft: 10
@@ -64,7 +65,7 @@ function X({
         variant: "smallText1",
         color: "textSecondary",
         children: [
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             g,
             {
               className: "SRC-color-warning",
@@ -72,11 +73,11 @@ function X({
             }
           ),
           l.toLocaleString() + " Unavailable",
-          /* @__PURE__ */ t(
+          /* @__PURE__ */ o(
             S,
             {
               className: "SRC-margin-left-5",
-              markdownText: o,
+              markdownText: t,
               placement: "right"
             }
           )
@@ -84,7 +85,7 @@ function X({
       }
     );
   } else
-    return /* @__PURE__ */ t(a, {});
+    return /* @__PURE__ */ o(a, {});
 }
 export {
   X as default

package/dist/components/MissingQueryResultsWarning/MissingQueryResultsWarning.js.map

@@ -1 +1 @@
-{"version":3,"file":"MissingQueryResultsWarning.js","sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport { WarningSharp } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"names":["DATASETS_CURRENT_VERSION_HELP","DATASETS_SNAPSHOT_HELP","MissingQueryResultsWarning","entity","isMissingResultsCalculable","isEntityRefCollectionView","request","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","queryResult","useGetQueryResultBundleWithAsyncStatus","totalVisibleResults","totalResults","jsx","Fragment","difference","helpMessage","jsxs","Typography","WarningSharp","HelpPopover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IACJ,2IAGIC,IACJ;AAWF,SAASC,EAA2B;AAAA,EAClC,QAAAC;AACF,GAAoC;AAGlC,QAAMC,IAA6BD,KAAUE,EAA0BF,CAAM,GAEvEG,IAA8B;AAAA,IAClC,cAAc;AAAA,IACd,OAAO;AAAA,MACL,KAAK,iBAAiBH,EAAO,EAAG,GAC9B,CAACA,EAAO,mBAAmBA,EAAO,gBAC9B,IAAIA,EAAO,aAAa,KACxB,EACN;AAAA,IAAA;AAAA,IAEF,UAAUA,EAAO;AAAA,IACjB,UAAUI;AAAAA,EAAiB,GAGvB,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5BH;AAAA,IACA;AAAA,MACE,SAASF;AAAA,IAAA;AAAA,EACX;AAEF,MAAIA,KAA8BI,KAAeL,GAAQ;AACvD,UAAMO,IAAsBF,EAAY,aAAc,YAChDG,IAAeR,EAAO,OAAO,UAAU;AAE7C,QAAIO,KAAuBC;AAIzB,aAAO,gBAAAC,EAAAC,GAAA,EAAE;AAGX,UAAMC,IAAaH,IAAeD;AAElC,QAAIK,IAAc;AAElB,WAAIZ,EAAO,kBACTY,IAAcf,IAEde,IAAcd,GAId,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,QAEd,SAAQ;AAAA,QACR,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,UAAU,OAAA;AAAA,YAAO;AAAA,UAAA;AAAA,UAE3BJ,EAAW,mBAAmB;AAAA,UAC/B,gBAAAF;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAcJ;AAAA,cACd,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACE,WAAO,gBAAAH,EAAAC,GAAA,EAAE;AAEb;"}
+{"version":3,"file":"MissingQueryResultsWarning.js","sources":["../../../src/components/MissingQueryResultsWarning/MissingQueryResultsWarning.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport { isEntityRefCollectionView } from '@/utils/functions/EntityTypeUtils'\nimport { WarningSharp } from '@mui/icons-material'\nimport { Typography } from '@mui/material'\nimport { QueryBundleRequest, Table } from '@sage-bionetworks/synapse-types'\nimport { HelpPopover } from '../HelpPopover/HelpPopover'\n\nconst DATASETS_CURRENT_VERSION_HELP =\n  'Files may be unavailable because you do not have permission to see them, they have been deleted, or the Dataset has been misconfigured.'\n\n// Help text for snapshot does not indicate that files were deleted, because the deleted file would have been captured in the snapshot\nconst DATASETS_SNAPSHOT_HELP =\n  'Files may be unavailable because you do not have permission to see them or the Dataset was misconfigured.'\n\nexport type MissingQueryResultsWarningProps = {\n  entity: Table\n  versionNumber?: number\n}\n\n/**\n * If possible, this component will render a warning message if results may be missing from the query due to user permissions or\n * entities being deleted. If not possible, it will render an empty fragment.\n */\nfunction MissingQueryResultsWarning({\n  entity,\n}: MissingQueryResultsWarningProps) {\n  // Currently, Datasets and Dataset collections are the only table type for which we can reliably get this info.\n  // Other cases will need a new service, tracked by PLFM-7046\n  const isMissingResultsCalculable = entity && isEntityRefCollectionView(entity)\n\n  const request: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      sql: `SELECT * FROM ${entity.id!}${\n        !entity.isLatestVersion && entity.versionNumber\n          ? `.${entity.versionNumber}`\n          : ''\n      }`,\n    },\n    entityId: entity.id!,\n    partMask: SynapseConstants.BUNDLE_MASK_QUERY_COUNT,\n  }\n\n  const { data: queryResult } = useGetQueryResultBundleWithAsyncStatus(\n    request,\n    {\n      enabled: isMissingResultsCalculable,\n    },\n  )\n  if (isMissingResultsCalculable && queryResult && entity) {\n    const totalVisibleResults = queryResult.responseBody!.queryCount!\n    const totalResults = entity.items?.length ?? 0\n\n    if (totalVisibleResults >= totalResults) {\n      // All the results are visible, so there is no need to show a warning.\n      // SWC-6727 / PLFM-8326 - `totalVisibleResults` should never be greater than `totalResults`, but in case it is (e.g. stale cache),\n      // don't show the warning.\n      return <></>\n    }\n\n    const difference = totalResults - totalVisibleResults\n\n    let helpMessage = ''\n\n    if (entity.isLatestVersion) {\n      helpMessage = DATASETS_CURRENT_VERSION_HELP\n    } else {\n      helpMessage = DATASETS_SNAPSHOT_HELP\n    }\n\n    return (\n      <Typography\n        component={'div'}\n        className=\"SRC-centerContent\"\n        style={{\n          marginLeft: 10,\n        }}\n        variant=\"smallText1\"\n        color=\"textSecondary\"\n      >\n        <WarningSharp\n          className=\"SRC-color-warning\"\n          style={{ fontSize: '16px' }}\n        />\n        {difference.toLocaleString() + ' Unavailable'}\n        <HelpPopover\n          className=\"SRC-margin-left-5\"\n          markdownText={helpMessage}\n          placement=\"right\"\n        ></HelpPopover>\n      </Typography>\n    )\n  } else {\n    return <></>\n  }\n}\n\nexport default MissingQueryResultsWarning\n"],"names":["DATASETS_CURRENT_VERSION_HELP","DATASETS_SNAPSHOT_HELP","MissingQueryResultsWarning","entity","isMissingResultsCalculable","isEntityRefCollectionView","request","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","queryResult","useGetQueryResultBundleWithAsyncStatus","totalVisibleResults","totalResults","jsx","Fragment","difference","helpMessage","jsxs","Typography","WarningSharp","HelpPopover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAMA,IACJ,2IAGIC,IACJ;AAWF,SAASC,EAA2B;AAAA,EAClC,QAAAC;AACF,GAAoC;AAGlC,QAAMC,IAA6BD,KAAUE,EAA0BF,CAAM,GAEvEG,IAA8B;AAAA,IAClC,cAAc;AAAA,IACd,OAAO;AAAA,MACL,KAAK,iBAAiBH,EAAO,EAAG,GAC9B,CAACA,EAAO,mBAAmBA,EAAO,gBAC9B,IAAIA,EAAO,aAAa,KACxB,EACN;AAAA,IAAA;AAAA,IAEF,UAAUA,EAAO;AAAA,IACjB,UAAUI;AAAAA,EAAiB,GAGvB,EAAE,MAAMC,EAAA,IAAgBC;AAAA,IAC5BH;AAAA,IACA;AAAA,MACE,SAASF;AAAA,IAAA;AAAA,EACX;AAEF,MAAIA,KAA8BI,KAAeL,GAAQ;AACvD,UAAMO,IAAsBF,EAAY,aAAc,YAChDG,IAAeR,EAAO,OAAO,UAAU;AAE7C,QAAIO,KAAuBC;AAIzB,aAAO,gBAAAC,EAAAC,GAAA,EAAE;AAGX,UAAMC,IAAaH,IAAeD;AAElC,QAAIK,IAAc;AAElB,WAAIZ,EAAO,kBACTY,IAAcf,IAEde,IAAcd,GAId,gBAAAe;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,WAAU;AAAA,QACV,OAAO;AAAA,UACL,YAAY;AAAA,QAAA;AAAA,QAEd,SAAQ;AAAA,QACR,OAAM;AAAA,QAEN,UAAA;AAAA,UAAA,gBAAAL;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,OAAO,EAAE,UAAU,OAAA;AAAA,YAAO;AAAA,UAAA;AAAA,UAE3BJ,EAAW,mBAAmB;AAAA,UAC/B,gBAAAF;AAAA,YAACO;AAAA,YAAA;AAAA,cACC,WAAU;AAAA,cACV,cAAcJ;AAAA,cACd,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACE,WAAO,gBAAAH,EAAAC,GAAA,EAAE;AAEb;"}

package/dist/components/Plot/SynapsePlot.css

@@ -0,0 +1 @@
+.SynapsePlot--clickable .main-svg{overflow:visible!important}.SynapsePlot--clickable .main-svg .draglayer{cursor:pointer!important}

package/dist/components/Plot/SynapsePlot.d.ts

@@ -3,6 +3,7 @@ import { FacetColumnRequest, QueryFilter } from '@sage-bionetworks/synapse-types
 import Plotly, { AxisType, PlotType } from 'plotly.js-basic-dist';
 import { QueryContextType } from '../QueryContext';
 import { QueryWrapperSynapsePlotRowClickEvent } from '../QueryWrapperPlotNav/QueryWrapperSynapsePlot';
+import './SynapsePlot.scss';
 export type SynapsePlotWidgetParams = {
     query: string;
     title?: string;
@@ -14,6 +15,7 @@ export type SynapsePlotWidgetParams = {
     horizontal?: boolean;
     barmode?: Plotly.Layout['barmode'];
     displayModeBar?: Plotly.Config['displayModeBar'];
+    hoverinfo?: Plotly.PlotData['hoverinfo'];
 };
 export type QueryWrapperPlotNavCustomPlotParams = {
     selectedFacets: FacetColumnRequest[];

package/dist/components/Plot/SynapsePlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SynapsePlot.d.ts","sourceRoot":"","sources":["../../../src/components/Plot/SynapsePlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EACL,kBAAkB,EAElB,WAAW,EAEZ,MAAM,iCAAiC,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,oCAAoC,EAAE,MAAM,gDAAgD,CAAA;AAGrG,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;CACjD,CAAA;AAGD,MAAM,MAAM,mCAAmC,GAAG;IAChD,cAAc,EAAE,kBAAkB,EAAE,CAAA;IACpC,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAA;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAA;CAChC,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,gBAAgB,CAAC,EAAE,mCAAmC,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAsH3D,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"SynapsePlot.d.ts","sourceRoot":"","sources":["../../../src/components/Plot/SynapsePlot.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,EACL,kBAAkB,EAElB,WAAW,EAEZ,MAAM,iCAAiC,CAAA;AACxC,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAClD,OAAO,EAAE,oCAAoC,EAAE,MAAM,gDAAgD,CAAA;AAErG,OAAO,oBAAoB,CAAA;AAE3B,MAAM,MAAM,uBAAuB,GAAG;IACpC,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;IACnC,IAAI,EAAE,QAAQ,CAAA;IACd,SAAS,CAAC,EAAE,QAAQ,CAAA;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC,CAAA;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,gBAAgB,CAAC,CAAA;IAChD,SAAS,CAAC,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAA;CACzC,CAAA;AAGD,MAAM,MAAM,mCAAmC,GAAG;IAChD,cAAc,EAAE,kBAAkB,EAAE,CAAA;IACpC,iBAAiB,EAAE,WAAW,EAAE,CAAA;IAChC,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oCAAoC,KAAK,IAAI,CAAA;IACzE,YAAY,CAAC,EAAE,gBAAgB,CAAA;CAChC,CAAA;AACD,MAAM,MAAM,gBAAgB,GAAG;IAC7B,uBAAuB,EAAE,uBAAuB,CAAA;IAChD,gBAAgB,CAAC,EAAE,mCAAmC,CAAA;CACvD,CAAA;AAED,eAAO,MAAM,WAAW,GAAI,OAAO,gBAAgB,KAAG,KAAK,CAAC,SAuH3D,CAAA;AAED,eAAe,WAAW,CAAA"}