synapse-react-client 4.0.18 → 4.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapse.js","names":[],"sources":["../../../src/components/Markdown/MarkdownSynapse.tsx"],"sourcesContent":["import {\n  addIdsToReferenceWidgets,\n  addIdsToTocWidgets,\n  decodeXml,\n  handleLinkClicks,\n  processMath,\n  fixInvalidNesting,\n} from '@/components/Markdown/MarkdownUtils'\nimport {\n  useGetWikiPage,\n  useGetWikiAttachments,\n} from '@/synapse-queries/wiki/useWiki'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { Link, Typography } from '@mui/material'\nimport markdownitContainer from '@sage-bionetworks/markdown-it-container'\nimport { ObjectType } from '@sage-bionetworks/synapse-types'\nimport MarkdownIt from 'markdown-it'\nimport markdownitBr from 'markdown-it-br'\nimport markdownitCentertext from 'markdown-it-center-text'\nimport markdownitInlineComments from 'markdown-it-inline-comments'\nimport markdownitStrikethroughAlt from 'markdown-it-strikethrough-alt'\nimport markdownitSub from 'markdown-it-sub-alt'\nimport markdownitSup from 'markdown-it-sup-alt'\nimport * as markdownitSynapse from 'markdown-it-synapse'\nimport markdownitSynapsePlugin from 'markdown-it-synapse'\nimport markdownitSynapseHeading from 'markdown-it-synapse-heading'\nimport markdownitMath from 'markdown-it-synapse-math'\nimport markdownitSynapseTable from 'markdown-it-synapse-table'\nimport { JSX, useEffect, useMemo, useRef } from 'react'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { SkeletonTable } from '../Skeleton'\nimport MarkdownWidget from './MarkdownWidget'\nimport { SynapseWikiContextProvider } from './SynapseWikiContext'\nimport Bookmarks from './widget/Bookmarks'\n\nexport const NO_WIKI_CONTENT = 'There is no content.'\n\nexport type MarkdownSynapseProps = {\n  ownerId?: string\n  wikiId?: string\n  markdown?: string\n  renderInline?: boolean\n  objectType?: ObjectType\n  loadingSkeletonRowCount?: number\n  onMarkdownProcessingDone?: (htmlContent: string | null | undefined) => void\n  showPlaceholderIfNoWikiContent?: boolean\n}\n\n// Configure markdown-it\nconst md = MarkdownIt({ html: true })\nmarkdownitSynapse.init_markdown_it(\n  md,\n  markdownitSub,\n  markdownitSup,\n  markdownitCentertext,\n  markdownitSynapseHeading,\n  markdownitSynapseTable,\n  markdownitStrikethroughAlt,\n  markdownitContainer,\n  markdownitInlineComments,\n  markdownitBr,\n)\nconst mathSuffix = ''\nmd.use(markdownitSynapsePlugin, mathSuffix, 'https://synapse.org').use(\n  markdownitMath,\n  mathSuffix,\n)\n\n/**\n * Process all the corresponding bookmark tags of the references made throughout the page and renders footnotes, if any exist.\n */\nfunction AddBookmarks(props: { renderInline: boolean; markdown: string }) {\n  const { markdown, renderInline } = props\n  const footnotesHtml = useMemo(() => {\n    markdownitSynapse.resetFootnotes()\n    createHTML(renderInline, markdown)\n    return createHTML(renderInline, markdownitSynapse.footnotes()).__html\n  }, [markdown, renderInline])\n\n  if (footnotesHtml.length > 0) {\n    return (\n      <div>\n        <Bookmarks footnotes={footnotesHtml} />\n      </div>\n    )\n  }\n  return null\n}\n\n/**\n * Given input text, generate markdown object to be passed onto inner html of some container.\n * @param {String} markdown The text being written in plain markdown\n * @returns {Object} Dictionary to be passed into dangerouslySetInnerHTML with markdown text\n */\nfunction createHTML(renderInline: boolean, markdown?: string) {\n  if (!markdown) {\n    return { __html: '' }\n  }\n  // Note - renderInline parses out any block level elements contained in the markdown\n  const initText = renderInline\n    ? md.renderInline(markdown)\n    : md.render(markdown)\n  const cleanText = sanitize(initText)\n  return { __html: cleanText }\n}\n\n/**\n * Given widgetMap renders it in a React component (or originalMarkup in special cases.)\n *\n * @param {string} widgetParams The params of the widget to render\n * @param {string} originalMarkup The original markup text, this is a special case for widgets that\n * are html specific.\n * @returns the rendered markdown widget\n */\nfunction MapParamsToMarkdownWidget(props: {\n  widgetParams: string\n  originalMarkup: string\n}) {\n  const { widgetParams, originalMarkup } = props\n  // General workflow -\n  //   1. Capture widget parameters\n  //   2. Transform any widget xml parameters to standard text\n  //   3. Split those parameters into a map\n  //   4. Render that widget based on its parameters\n\n  // steps 1,2\n  const decodedWidgetParams = decodeXml(widgetParams)\n\n  // decodedWidgetParams look like {<widget>?param1=xxx&param2=yyy}\n  const questionIndex = decodedWidgetParams.indexOf('?')\n  if (questionIndex === -1) {\n    // e.g. toc is passed, there are no params\n    return (\n      <MarkdownWidget\n        key={JSON.stringify(decodedWidgetParams)}\n        widgetType={decodedWidgetParams as any}\n        widgetParamsMapped={{}}\n        originalMarkup={originalMarkup}\n      />\n    )\n  }\n  const widgetType = decodedWidgetParams.substring(0, questionIndex)\n  const widgetParamsMapped: Record<string, string> = {}\n  // map out params and their values\n  decodedWidgetParams\n    .substring(questionIndex + 1)\n    .split('&')\n    .forEach(keyPair => {\n      let [key, value] = keyPair.split('=')\n      value = decodeURIComponent(value)\n      widgetParamsMapped[key] = value\n    })\n  return (\n    <MarkdownWidget\n      key={JSON.stringify(decodedWidgetParams)}\n      widgetType={widgetType as any}\n      widgetParamsMapped={widgetParamsMapped}\n      originalMarkup={originalMarkup}\n    />\n  )\n}\n\n/**\n * Component that process all the markdown and transforms it to the appropriate Synapse widgets.\n *\n * @returns JSX of the markdown into widgets\n */\nfunction RenderMarkdown(props: {\n  renderInline: boolean\n  markdown: string\n  isLoading: boolean\n  showPlaceholderIfNoWikiContent: boolean\n}) {\n  const { renderInline, markdown, isLoading, showPlaceholderIfNoWikiContent } =\n    props\n\n  const markup = useMemo(() => {\n    // create initial markup\n    let markup = createHTML(renderInline, markdown).__html\n    // process reference widgets\n    markup = addIdsToReferenceWidgets(markup)\n    // process table of contents widgets\n    markup = addIdsToTocWidgets(markup)\n\n    return markup\n  }, [markdown, renderInline])\n\n  const processedDocuments = useMemo(() => {\n    if (markup.length > 0) {\n      const domParser = new DOMParser()\n      const document = domParser.parseFromString(markup, 'text/html')\n\n      fixInvalidNesting(document.body)\n\n      return document.body\n    }\n    return null\n  }, [markup])\n\n  if (processedDocuments) {\n    return <RecursiveRender element={processedDocuments} markdown={markup} />\n  }\n\n  if (!isLoading && showPlaceholderIfNoWikiContent && markup === '') {\n    return (\n      <Typography variant=\"body1Italic\" sx={{ mb: 1 }}>\n        {NO_WIKI_CONTENT}\n      </Typography>\n    )\n  }\n\n  return\n}\n\n/**\n * recursiveRender will render react tree from HTML tree\n *\n * @param {Node} element This will be either a text Node or an HTMLElement\n * @param {string} markdown The original markdown, its kept as a special case for the table of contents widget\n * @returns {*}\n */\n\nfunction RecursiveRender(props: { element: Node; markdown: string }) {\n  const { element, markdown } = props\n  /*\n    Recursively render the html tree created from the markdown, there are a few cases:\n    1. element is Node and is text in which case it is simply rendered\n    2. element is an HTMLElement and is: a self closing tag, has no children (e.g. <br>), or its a synapse widget and is\n    rendered accordingly\n    3. element is an HTMLElement and has children so we loop through its childNodes, recurively render those, and then render its own tag\n    as the parent of those child nodes. Note - childNodes was specifically chosen over .children because text Nodes\n    would not come through .children\n  */\n  if (element.nodeType === Node.TEXT_NODE) {\n    // case 1.\n    return <>{element.textContent}</>\n  } else if (\n    element.nodeType === Node.ELEMENT_NODE &&\n    element instanceof HTMLElement\n  ) {\n    const Tag: keyof JSX.IntrinsicElements =\n      element.tagName.toLowerCase() as keyof JSX.IntrinsicElements\n    const widgetParams = element.getAttribute('data-widgetparams')\n\n    if (widgetParams) {\n      // case 2\n      // process widget\n      return (\n        <MapParamsToMarkdownWidget\n          widgetParams={widgetParams}\n          originalMarkup={markdown}\n        />\n      )\n    }\n    // manually add on props, depending on what comes through the markdown their could\n    // be unforseen issues with attributes being misnamed according to what react will respect\n    // e.g. class instead of className\n    const attributes = element.attributes\n    const rawProps: Record<string, string> = {}\n    for (let i = 0; i < attributes.length; i++) {\n      let name = ''\n      let value = ''\n      const attribute = attributes.item(i)\n      if (attribute) {\n        name = attribute.name\n        value = attribute.value\n      }\n      if (name && value) {\n        rawProps[name] = value\n      }\n    }\n\n    const { style: styleString, class: className, ...props } = rawProps\n    // Remap class to className\n    props.className = className\n    if (styleString) {\n      // React expects the `style` prop to be an object, not a string, so use\n      // the all-caps STYLE to pass the style string as a custom attribute\n      props.STYLE = styleString\n    }\n\n    if (element.childNodes.length === 0) {\n      // case 2\n      // e.g. self closing tag like <br/> or <img>\n      return <Tag {...props} />\n    }\n\n    // case 3\n    // recursively render children\n    const children = Array.from(element.childNodes).map((el, index) => {\n      return <RecursiveRender key={index} element={el} markdown={markdown} />\n    })\n    // Render tagName as parent element of the children below\n    switch (Tag) {\n      case 'p':\n        return (\n          <Typography variant={'body1'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'span':\n        return (\n          <Typography variant={'body1'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'h1':\n        return (\n          <Typography variant={'headline1'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'h2':\n        return (\n          <Typography variant={'headline2'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'h3':\n        return (\n          <Typography variant={'headline3'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'ol':\n        return (\n          <Typography variant={'body1'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'ul':\n        return (\n          <Typography variant={'body1'} {...props} component={Tag}>\n            {children}\n          </Typography>\n        )\n      case 'a':\n        return (\n          <Link {...props} component={Tag}>\n            {children}\n          </Link>\n        )\n      default:\n        if (Tag === 'body') {\n          // The component ultimately wraps this content, so if the tag is 'body', just render the children.\n          return children\n        }\n        return <Tag {...props}>{children}</Tag>\n    }\n  }\n  return null\n}\n\n/**\n * Basic Markdown functionality for Synapse, supporting Images/Plots/References/Bookmarks/buttonlinks\n *\n * @class Markdown\n * @extends {Component}\n */\nfunction MarkdownSynapse(props: MarkdownSynapseProps) {\n  const {\n    ownerId,\n    wikiId,\n    objectType = ObjectType.ENTITY,\n    markdown: markdownFromProps,\n    onMarkdownProcessingDone,\n    renderInline = false,\n    loadingSkeletonRowCount,\n    showPlaceholderIfNoWikiContent = false,\n  } = props\n\n  const markupRef = useRef<HTMLDivElement>(null)\n\n  const {\n    data: wikiPage,\n    isLoading: isLoadingWikiPage,\n    error: getWikiPageError,\n  } = useGetWikiPage(\n    {\n      ownerObjectId: ownerId!,\n      wikiPageId: wikiId!,\n      ownerObjectType: objectType,\n    },\n    { enabled: Boolean(ownerId) },\n  )\n\n  const {\n    data: wikiAttachments,\n    isLoading: isLoadingWikiAttachments,\n    error: getWikiAttachmentsError,\n  } = useGetWikiAttachments(\n    {\n      ownerObjectId: ownerId!,\n      wikiPageId: wikiId!,\n      ownerObjectType: objectType,\n    },\n    {\n      enabled: Boolean(ownerId),\n    },\n  )\n\n  const isLoading = isLoadingWikiPage || isLoadingWikiAttachments\n  const error = getWikiPageError || getWikiAttachmentsError\n\n  /* Add click handler to the markdown area to handle clicking refs, ToC, etc. */\n  useEffect(() => {\n    const currentMarkupNode = markupRef.current\n    if (currentMarkupNode) {\n      currentMarkupNode.addEventListener('click', handleLinkClicks)\n    }\n    return () => {\n      if (currentMarkupNode) {\n        currentMarkupNode.removeEventListener('click', handleLinkClicks)\n      }\n    }\n  }, [])\n\n  const markdown = markdownFromProps || wikiPage?.markdown || ''\n\n  /* When the markdown changes, call the `onMarkdownProcessingDone` callback */\n  useEffect(() => {\n    if (markdown && onMarkdownProcessingDone) {\n      onMarkdownProcessingDone(createHTML(renderInline, markdown).__html)\n    }\n  }, [wikiPage, onMarkdownProcessingDone, renderInline])\n\n  /* When the markdown changes, re-run the math processor */\n  useEffect(() => {\n    if (markdown) {\n      processMath(markupRef)\n    }\n  }, [markdown])\n\n  const loader = loadingSkeletonRowCount ? (\n    <SkeletonTable numCols={1} numRows={loadingSkeletonRowCount} />\n  ) : (\n    <span className=\"spinner\" />\n  )\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  const content = (\n    <SynapseWikiContextProvider\n      wikiContext={{\n        ownerId: props.ownerId,\n        wikiId: props.wikiId,\n        wikiPage: wikiPage,\n        fileHandles: wikiAttachments,\n      }}\n    >\n      {isLoading && loader}\n      {(markdown || showPlaceholderIfNoWikiContent) && (\n        <RenderMarkdown\n          markdown={markdown}\n          renderInline={renderInline}\n          isLoading={isLoading}\n          showPlaceholderIfNoWikiContent={showPlaceholderIfNoWikiContent}\n        />\n      )}\n      {markdown && (\n        <AddBookmarks renderInline={renderInline} markdown={markdown} />\n      )}\n    </SynapseWikiContextProvider>\n  )\n  if (renderInline) {\n    return (\n      <span\n        data-testid=\"markdown\"\n        className=\"markdown markdown-inline\"\n        ref={markupRef}\n      >\n        {content}\n      </span>\n    )\n  }\n  return (\n    <div data-testid=\"markdown\" className=\"markdown\" ref={markupRef}>\n      {content}\n    </div>\n  )\n}\n\nexport { MarkdownSynapse, MarkdownSynapse as Markdown }\n\nexport default MarkdownSynapse\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownSynapse.js","names":[],"sources":["../../../src/components/Markdown/MarkdownSynapse.tsx"],"sourcesContent":["import {\n  addIdsToReferenceWidgets,\n  addIdsToTocWidgets,\n  decodeXml,\n  handleLinkClicks,\n  processMath,\n  fixInvalidNesting,\n} from '@/components/Markdown/MarkdownUtils'\nimport {\n  useGetWikiPage,\n  useGetWikiAttachments,\n} from '@/synapse-queries/wiki/useWiki'\nimport { sanitize } from '@/utils/functions/SanitizeHtmlUtils'\nimport { Link, Typography } from '@mui/material'\nimport markdownitContainer from '@sage-bionetworks/markdown-it-container'\nimport { ObjectType } from '@sage-bionetworks/synapse-types'\nimport MarkdownIt from 'markdown-it'\nimport markdownitBr from 'markdown-it-br'\nimport markdownitCentertext from 'markdown-it-center-text'\nimport markdownitInlineComments from 'markdown-it-inline-comments'\nimport markdownitStrikethroughAlt from 'markdown-it-strikethrough-alt'\nimport markdownitSub from 'markdown-it-sub-alt'\nimport markdownitSup from 'markdown-it-sup-alt'\nimport * as markdownitSynapse from 'markdown-it-synapse'\nimport markdownitSynapsePlugin from 'markdown-it-synapse'\nimport markdownitSynapseHeading from 'markdown-it-synapse-heading'\nimport markdownitMath from 'markdown-it-synapse-math'\nimport markdownitSynapseTable from 'markdown-it-synapse-table'\nimport { ComponentProps, ElementType, useEffect, useMemo, useRef } from 'react'\nimport {\n  htmlToDOM,\n  domToReact,\n  attributesToProps,\n  Element as DomElement,\n  type DOMNode,\n  type HTMLReactParserOptions,\n} from 'html-react-parser'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport { SkeletonTable } from '../Skeleton'\nimport MarkdownWidget from './MarkdownWidget'\nimport { SynapseWikiContextProvider } from './SynapseWikiContext'\nimport Bookmarks from './widget/Bookmarks'\n\nexport const NO_WIKI_CONTENT = 'There is no content.'\n\nexport type MarkdownSynapseProps = {\n  ownerId?: string\n  wikiId?: string\n  markdown?: string\n  renderInline?: boolean\n  objectType?: ObjectType\n  loadingSkeletonRowCount?: number\n  onMarkdownProcessingDone?: (htmlContent: string | null | undefined) => void\n  showPlaceholderIfNoWikiContent?: boolean\n}\n\n// Configure markdown-it\nconst md = MarkdownIt({ html: true })\nmarkdownitSynapse.init_markdown_it(\n  md,\n  markdownitSub,\n  markdownitSup,\n  markdownitCentertext,\n  markdownitSynapseHeading,\n  markdownitSynapseTable,\n  markdownitStrikethroughAlt,\n  markdownitContainer,\n  markdownitInlineComments,\n  markdownitBr,\n)\nconst mathSuffix = ''\nmd.use(markdownitSynapsePlugin, mathSuffix, 'https://synapse.org').use(\n  markdownitMath,\n  mathSuffix,\n)\n\n/**\n * Process all the corresponding bookmark tags of the references made throughout the page and renders footnotes, if any exist.\n */\nfunction AddBookmarks(props: { renderInline: boolean; markdown: string }) {\n  const { markdown, renderInline } = props\n  const footnotesHtml = useMemo(() => {\n    markdownitSynapse.resetFootnotes()\n    createHTML(renderInline, markdown)\n    return createHTML(renderInline, markdownitSynapse.footnotes()).__html\n  }, [markdown, renderInline])\n\n  if (footnotesHtml.length > 0) {\n    return (\n      <div>\n        <Bookmarks footnotes={footnotesHtml} />\n      </div>\n    )\n  }\n  return null\n}\n\n/**\n * Given input text, generate markdown object to be passed onto inner html of some container.\n * @param {String} markdown The text being written in plain markdown\n * @returns {Object} Dictionary to be passed into dangerouslySetInnerHTML with markdown text\n */\nfunction createHTML(renderInline: boolean, markdown?: string) {\n  if (!markdown) {\n    return { __html: '' }\n  }\n  // Note - renderInline parses out any block level elements contained in the markdown\n  const initText = renderInline\n    ? md.renderInline(markdown)\n    : md.render(markdown)\n  const cleanText = sanitize(initText)\n  return { __html: cleanText }\n}\n\n/**\n * Given widgetMap renders it in a React component (or originalMarkup in special cases.)\n *\n * @param {string} widgetParams The params of the widget to render\n * @param {string} originalMarkup The original markup text, this is a special case for widgets that\n * are html specific.\n * @returns the rendered markdown widget\n */\nfunction MapParamsToMarkdownWidget(props: {\n  widgetParams: string\n  originalMarkup: string\n}) {\n  const { widgetParams, originalMarkup } = props\n  // General workflow -\n  //   1. Capture widget parameters\n  //   2. Transform any widget xml parameters to standard text\n  //   3. Split those parameters into a map\n  //   4. Render that widget based on its parameters\n\n  // steps 1,2\n  const decodedWidgetParams = decodeXml(widgetParams)\n\n  // decodedWidgetParams look like {<widget>?param1=xxx&param2=yyy}\n  const questionIndex = decodedWidgetParams.indexOf('?')\n  if (questionIndex === -1) {\n    // e.g. toc is passed, there are no params\n    return (\n      <MarkdownWidget\n        key={JSON.stringify(decodedWidgetParams)}\n        widgetType={decodedWidgetParams as any}\n        widgetParamsMapped={{}}\n        originalMarkup={originalMarkup}\n      />\n    )\n  }\n  const widgetType = decodedWidgetParams.substring(0, questionIndex)\n  const widgetParamsMapped: Record<string, string> = {}\n  // map out params and their values\n  decodedWidgetParams\n    .substring(questionIndex + 1)\n    .split('&')\n    .forEach(keyPair => {\n      let [key, value] = keyPair.split('=')\n      value = decodeURIComponent(value)\n      widgetParamsMapped[key] = value\n    })\n  return (\n    <MarkdownWidget\n      key={JSON.stringify(decodedWidgetParams)}\n      widgetType={widgetType as any}\n      widgetParamsMapped={widgetParamsMapped}\n      originalMarkup={originalMarkup}\n    />\n  )\n}\n\n/**\n * Builds the `html-react-parser` options used to convert the parsed markdown\n * HTML tree into React elements.\n *\n * The `replace` callback handles the Synapse-specific cases (widgets, and the\n * elements we render via MUI `Typography`/`Link`); every other element falls\n * through to html-react-parser's default conversion, which maps attributes\n * (e.g. `class` -> `className`, inline `style` string -> object), handles void\n * elements, and assigns React keys to sibling elements.\n *\n * @param markdown The original (post-processing) markup string, forwarded to\n * widgets that need the full markup (e.g. table of contents).\n */\nfunction getParserOptions(markdown: string): HTMLReactParserOptions {\n  const options: HTMLReactParserOptions = {\n    replace: domNode => {\n      if (!(domNode instanceof DomElement)) {\n        // Text/comment nodes use default handling.\n        return\n      }\n\n      const widgetParams = domNode.attribs['data-widgetparams']\n      if (widgetParams) {\n        // Synapse widget\n        return (\n          <MapParamsToMarkdownWidget\n            widgetParams={widgetParams}\n            originalMarkup={markdown}\n          />\n        )\n      }\n\n      const tag = domNode.name.toLowerCase()\n      // attributesToProps remaps `class` -> `className`, parses the inline\n      // `style` string into an object, etc.\n      const props = attributesToProps(domNode.attribs) as ComponentProps<\n        typeof Typography\n      >\n      const children = domToReact(domNode.children as DOMNode[], options)\n\n      switch (tag) {\n        case 'p':\n        case 'span':\n        case 'ol':\n        case 'ul':\n          return (\n            <Typography\n              variant={'body1'}\n              {...props}\n              component={tag as ElementType}\n            >\n              {children}\n            </Typography>\n          )\n        case 'h1':\n          return (\n            <Typography\n              variant={'headline1'}\n              {...props}\n              component={tag as ElementType}\n            >\n              {children}\n            </Typography>\n          )\n        case 'h2':\n          return (\n            <Typography\n              variant={'headline2'}\n              {...props}\n              component={tag as ElementType}\n            >\n              {children}\n            </Typography>\n          )\n        case 'h3':\n          return (\n            <Typography\n              variant={'headline3'}\n              {...props}\n              component={tag as ElementType}\n            >\n              {children}\n            </Typography>\n          )\n        case 'a':\n          return (\n            <Link {...props} component={tag as ElementType}>\n              {children}\n            </Link>\n          )\n        default:\n          // Let html-react-parser render the element with default handling.\n          return\n      }\n    },\n  }\n  return options\n}\n\n/**\n * Component that process all the markdown and transforms it to the appropriate Synapse widgets.\n *\n * @returns JSX of the markdown into widgets\n */\nfunction RenderMarkdown(props: {\n  renderInline: boolean\n  markdown: string\n  isLoading: boolean\n  showPlaceholderIfNoWikiContent: boolean\n}) {\n  const { renderInline, markdown, isLoading, showPlaceholderIfNoWikiContent } =\n    props\n\n  const markup = useMemo(() => {\n    // create initial markup\n    let markup = createHTML(renderInline, markdown).__html\n    // process reference widgets\n    markup = addIdsToReferenceWidgets(markup)\n    // process table of contents widgets\n    markup = addIdsToTocWidgets(markup)\n\n    return markup\n  }, [markdown, renderInline])\n\n  // Parse the markup into React elements. This uses html-react-parser, which\n  // is isomorphic and produces `domhandler` nodes in both environments,\n  // so there is no dependency on `DOMParser`/`Node`/`HTMLElement` browser globals.\n  const content = useMemo(() => {\n    if (markup.length > 0) {\n      const nodes = htmlToDOM(markup)\n      // Fix invalid HTML nesting (e.g. block elements inside <p>) before\n      // converting to React.\n      nodes.forEach(node => fixInvalidNesting(node))\n      return domToReact(nodes, getParserOptions(markup))\n    }\n    return null\n  }, [markup])\n\n  if (content) {\n    return <>{content}</>\n  }\n\n  if (!isLoading && showPlaceholderIfNoWikiContent && markup === '') {\n    return (\n      <Typography variant=\"body1Italic\" sx={{ mb: 1 }}>\n        {NO_WIKI_CONTENT}\n      </Typography>\n    )\n  }\n\n  return\n}\n\n/**\n * Basic Markdown functionality for Synapse, supporting Images/Plots/References/Bookmarks/buttonlinks\n *\n * @class Markdown\n * @extends {Component}\n */\nfunction MarkdownSynapse(props: MarkdownSynapseProps) {\n  const {\n    ownerId,\n    wikiId,\n    objectType = ObjectType.ENTITY,\n    markdown: markdownFromProps,\n    onMarkdownProcessingDone,\n    renderInline = false,\n    loadingSkeletonRowCount,\n    showPlaceholderIfNoWikiContent = false,\n  } = props\n\n  const markupRef = useRef<HTMLDivElement>(null)\n\n  const {\n    data: wikiPage,\n    isLoading: isLoadingWikiPage,\n    error: getWikiPageError,\n  } = useGetWikiPage(\n    {\n      ownerObjectId: ownerId!,\n      wikiPageId: wikiId!,\n      ownerObjectType: objectType,\n    },\n    { enabled: Boolean(ownerId) },\n  )\n\n  const {\n    data: wikiAttachments,\n    isLoading: isLoadingWikiAttachments,\n    error: getWikiAttachmentsError,\n  } = useGetWikiAttachments(\n    {\n      ownerObjectId: ownerId!,\n      wikiPageId: wikiId!,\n      ownerObjectType: objectType,\n    },\n    {\n      enabled: Boolean(ownerId),\n    },\n  )\n\n  const isLoading = isLoadingWikiPage || isLoadingWikiAttachments\n  const error = getWikiPageError || getWikiAttachmentsError\n\n  /* Add click handler to the markdown area to handle clicking refs, ToC, etc. */\n  useEffect(() => {\n    const currentMarkupNode = markupRef.current\n    if (currentMarkupNode) {\n      currentMarkupNode.addEventListener('click', handleLinkClicks)\n    }\n    return () => {\n      if (currentMarkupNode) {\n        currentMarkupNode.removeEventListener('click', handleLinkClicks)\n      }\n    }\n  }, [])\n\n  const markdown = markdownFromProps || wikiPage?.markdown || ''\n\n  /* When the markdown changes, call the `onMarkdownProcessingDone` callback */\n  useEffect(() => {\n    if (markdown && onMarkdownProcessingDone) {\n      onMarkdownProcessingDone(createHTML(renderInline, markdown).__html)\n    }\n  }, [wikiPage, onMarkdownProcessingDone, renderInline])\n\n  /* When the markdown changes, re-run the math processor */\n  useEffect(() => {\n    if (markdown) {\n      processMath(markupRef)\n    }\n  }, [markdown])\n\n  const loader = loadingSkeletonRowCount ? (\n    <SkeletonTable numCols={1} numRows={loadingSkeletonRowCount} />\n  ) : (\n    <span className=\"spinner\" />\n  )\n\n  if (error) {\n    return <ErrorBanner error={error} />\n  }\n  const content = (\n    <SynapseWikiContextProvider\n      wikiContext={{\n        ownerId: props.ownerId,\n        wikiId: props.wikiId,\n        wikiPage: wikiPage,\n        fileHandles: wikiAttachments,\n      }}\n    >\n      {isLoading && loader}\n      {(markdown || showPlaceholderIfNoWikiContent) && (\n        <RenderMarkdown\n          markdown={markdown}\n          renderInline={renderInline}\n          isLoading={isLoading}\n          showPlaceholderIfNoWikiContent={showPlaceholderIfNoWikiContent}\n        />\n      )}\n      {markdown && (\n        <AddBookmarks renderInline={renderInline} markdown={markdown} />\n      )}\n    </SynapseWikiContextProvider>\n  )\n  if (renderInline) {\n    return (\n      <span\n        data-testid=\"markdown\"\n        className=\"markdown markdown-inline\"\n        ref={markupRef}\n      >\n        {content}\n      </span>\n    )\n  }\n  return (\n    <div data-testid=\"markdown\" className=\"markdown\" ref={markupRef}>\n      {content}\n    </div>\n  )\n}\n\nexport { MarkdownSynapse, MarkdownSynapse as Markdown }\n\nexport default MarkdownSynapse\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,IAAa,IAAkB,wBAczB,IAAK,EAAW,EAAE,MAAM,GAAK,CAAC;AACpC,EAAkB,iBAChB,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,GACA,CACF;AACA,IAAM,IAAa;AACnB,EAAG,IAAI,GAAyB,GAAY,qBAAqB,EAAE,IACjE,GACA,CACF;AAKA,SAAS,EAAa,GAAoD;CACxE,IAAM,EAAE,aAAU,oBAAiB,GAC7B,IAAgB,SACpB,EAAkB,eAAe,GACjC,EAAW,GAAc,CAAQ,GAC1B,EAAW,GAAc,EAAkB,UAAU,CAAC,EAAE,SAC9D,CAAC,GAAU,CAAY,CAAC;CAS3B,OAPI,EAAc,SAAS,IAEvB,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAW,WAAW,EAAgB,CAAA,EACnC,CAAA,IAGF;AACT;AAOA,SAAS,EAAW,GAAuB,GAAmB;CAS5D,OARK,IAQE,EAAE,QADS,EAHD,IACb,EAAG,aAAa,CAAQ,IACxB,EAAG,OAAO,CAAQ,CAEL,EAAU,IAPlB,EAAE,QAAQ,GAAG;AAQxB;AAUA,SAAS,EAA0B,GAGhC;CACD,IAAM,EAAE,iBAAc,sBAAmB,GAQnC,IAAsB,EAAU,CAAY,GAG5C,IAAgB,EAAoB,QAAQ,GAAG;CACrD,IAAI,MAAkB,IAEpB,OACE,kBAAC,GAAD;EAEE,YAAY;EACZ,oBAAoB,CAAC;EACL;CACjB,GAJM,KAAK,UAAU,CAAmB,CAIxC;CAGL,IAAM,IAAa,EAAoB,UAAU,GAAG,CAAa,GAC3D,IAA6C,CAAC;CAUpD,OARA,EACG,UAAU,IAAgB,CAAC,EAC3B,MAAM,GAAG,EACT,SAAQ,MAAW;EAClB,IAAI,CAAC,GAAK,KAAS,EAAQ,MAAM,GAAG;EAEpC,AADA,IAAQ,mBAAmB,CAAK,GAChC,EAAmB,KAAO;CAC5B,CAAC,GAED,kBAAC,GAAD;EAEc;EACQ;EACJ;CACjB,GAJM,KAAK,UAAU,CAAmB,CAIxC;AAEL;AAeA,SAAS,EAAiB,GAA0C;CAClE,IAAM,IAAkC,EACtC,UAAS,MAAW;EAClB,IAAI,EAAE,aAAmB,IAEvB;EAGF,IAAM,IAAe,EAAQ,QAAQ;EACrC,IAAI,GAEF,OACE,kBAAC,GAAD;GACgB;GACd,gBAAgB;EACjB,CAAA;EAIL,IAAM,IAAM,EAAQ,KAAK,YAAY,GAG/B,IAAQ,EAAkB,EAAQ,OAAO,GAGzC,IAAW,EAAW,EAAQ,UAAuB,CAAO;EAElE,QAAQ,GAAR;GACE,KAAK;GACL,KAAK;GACL,KAAK;GACL,KAAK,MACH,OACE,kBAAC,GAAD;IACE,SAAS;IACT,GAAI;IACJ,WAAW;IAEV;GACS,CAAA;GAEhB,KAAK,MACH,OACE,kBAAC,GAAD;IACE,SAAS;IACT,GAAI;IACJ,WAAW;IAEV;GACS,CAAA;GAEhB,KAAK,MACH,OACE,kBAAC,GAAD;IACE,SAAS;IACT,GAAI;IACJ,WAAW;IAEV;GACS,CAAA;GAEhB,KAAK,MACH,OACE,kBAAC,GAAD;IACE,SAAS;IACT,GAAI;IACJ,WAAW;IAEV;GACS,CAAA;GAEhB,KAAK,KACH,OACE,kBAAC,GAAD;IAAM,GAAI;IAAO,WAAW;IACzB;GACG,CAAA;GAEV,SAEE;EACJ;CACF,EACF;CACA,OAAO;AACT;AAOA,SAAS,EAAe,GAKrB;CACD,IAAM,EAAE,iBAAc,aAAU,cAAW,sCACzC,GAEI,IAAS,QAAc;EAE3B,IAAI,IAAS,EAAW,GAAc,CAAQ,EAAE;EAMhD,OAJA,IAAS,EAAyB,CAAM,GAExC,IAAS,EAAmB,CAAM,GAE3B;CACT,GAAG,CAAC,GAAU,CAAY,CAAC,GAKrB,IAAU,QAAc;EAC5B,IAAI,EAAO,SAAS,GAAG;GACrB,IAAM,IAAQ,EAAU,CAAM;GAI9B,OADA,EAAM,SAAQ,MAAQ,EAAkB,CAAI,CAAC,GACtC,EAAW,GAAO,EAAiB,CAAM,CAAC;EACnD;EACA,OAAO;CACT,GAAG,CAAC,CAAM,CAAC;CAEX,IAAI,GACF,OAAO,kBAAA,GAAA,EAAA,UAAG,EAAU,CAAA;CAGtB,IAAI,CAAC,KAAa,KAAkC,MAAW,IAC7D,OACE,kBAAC,GAAD;EAAY,SAAQ;EAAc,IAAI,EAAE,IAAI,EAAE;YAC3C;CACS,CAAA;AAKlB;AAQA,SAAS,EAAgB,GAA6B;CACpD,IAAM,EACJ,YACA,WACA,gBAAa,EAAW,QACxB,UAAU,GACV,6BACA,kBAAe,IACf,4BACA,oCAAiC,OAC/B,GAEE,IAAY,EAAuB,IAAI,GAEvC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF;EACE,eAAe;EACf,YAAY;EACZ,iBAAiB;CACnB,GACA,EAAE,SAAS,EAAQ,EAAS,CAC9B,GAEM,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EACF;EACE,eAAe;EACf,YAAY;EACZ,iBAAiB;CACnB,GACA,EACE,SAAS,EAAQ,EACnB,CACF,GAEM,IAAY,KAAqB,GACjC,IAAQ,KAAoB;CAGlC,QAAgB;EACd,IAAM,IAAoB,EAAU;EAIpC,OAHI,KACF,EAAkB,iBAAiB,SAAS,CAAgB,SAEjD;GACX,AAAI,KACF,EAAkB,oBAAoB,SAAS,CAAgB;EAEnE;CACF,GAAG,CAAC,CAAC;CAEL,IAAM,IAAW,KAAqB,GAAU,YAAY;CAU5D,AAPA,QAAgB;EACd,AAAI,KAAY,KACd,EAAyB,EAAW,GAAc,CAAQ,EAAE,MAAM;CAEtE,GAAG;EAAC;EAAU;EAA0B;CAAY,CAAC,GAGrD,QAAgB;EACd,AAAI,KACF,EAAY,CAAS;CAEzB,GAAG,CAAC,CAAQ,CAAC;CAEb,IAAM,IAAS,IACb,kBAAC,GAAD;EAAe,SAAS;EAAG,SAAS;CAA0B,CAAA,IAE9D,kBAAC,QAAD,EAAM,WAAU,UAAW,CAAA;CAG7B,IAAI,GACF,OAAO,kBAAC,GAAD,EAAoB,SAAQ,CAAA;CAErC,IAAM,IACJ,kBAAC,GAAD;EACE,aAAa;GACX,SAAS,EAAM;GACf,QAAQ,EAAM;GACJ;GACV,aAAa;EACf;YANF;GAQG,KAAa;IACZ,KAAY,MACZ,kBAAC,GAAD;IACY;IACI;IACH;IACqB;GACjC,CAAA;GAEF,KACC,kBAAC,GAAD;IAA4B;IAAwB;GAAW,CAAA;EAEvC;;CAa9B,OAXI,IAEA,kBAAC,QAAD;EACE,eAAY;EACZ,WAAU;EACV,KAAK;YAEJ;CACG,CAAA,IAIR,kBAAC,OAAD;EAAK,eAAY;EAAW,WAAU;EAAW,KAAK;YACnD;CACE,CAAA;AAET"}

package/dist/components/Markdown/MarkdownUtils.d.ts

@@ -1,5 +1,6 @@
 import { RefObject } from 'react';
 import { MarkdownSynapseProps } from './MarkdownSynapse';
+import { Element as DomElement, type DOMNode } from 'html-react-parser';
 /**
  * Find all math identified elements of the form [id^=\"mathjax-\"]
  * (e.g. <dom element id="mathjax-10"> text </dom element>)
@@ -18,15 +19,24 @@ export declare function decodeXml(xml: string): string;
 export declare function addIdsToReferenceWidgets(text: string): string;
 export declare function addIdsToTocWidgets(text: string): string;
 export declare function handleLinkClicks(event: MouseEvent): void;
+/**
+ * Extracts the plain text content from an HTML string. Implemented with an
+ * isomorphic HTML parser (rather than `document.createElement`) so it can run
+ * during server-side rendering / SSG prerender as well as in the browser.
+ */
 export declare function stripHTML(myHtmlString: string): string;
 export declare function transformStringIntoMarkdownProps(value: string, isRawMarkdown?: boolean): MarkdownSynapseProps;
 export declare const markdownToPlainText: (markdown: string, maxLength?: number) => string;
-export declare const isBlockLevelElement: (node: Node) => boolean;
+export declare const isBlockLevelElement: (node: DOMNode) => boolean;
 /**
  * Fixes invalid HTML nesting (e.g., <div> inside <p>) in a single O(n) pass.
  * It compares the current 'node' against a stack of its 'ancestors'.
- * @param node - The current DOM node being inspected.
- * @param ancestors - An array of the current node's parent elements
+ *
+ * Operates on the `domhandler` node tree produced by `html-react-parser`'s
+ * `htmlToDOM`, so it runs identically in the browser and during SSR/SSG
+ * prerender (no dependency on a live DOM, `DOMParser`, or `HTMLElement`).
+ * @param node - The current node being inspected.
+ * @param ancestors - An array of the current node's ancestor elements
  */
-export declare function fixInvalidNesting(node: Node, ancestors?: HTMLElement[]): void;
+export declare function fixInvalidNesting(node: DOMNode, ancestors?: DomElement[]): void;
 //# sourceMappingURL=MarkdownUtils.d.ts.map

package/dist/components/Markdown/MarkdownUtils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAIxD;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAoBnE;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,UAapC;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,UAWpD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAe9C;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,QAuCjD;AAED,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAItD;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,OAAO,wBAmBxB;AAID,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,EAAE,YAAY,MAAM,WAYvE,CAAA;AAyDD,eAAO,MAAM,mBAAmB,GAAI,MAAM,IAAI,KAAG,OAehD,CAAA;AAwBD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,IAAI,EACV,SAAS,GAAE,WAAW,EAAO,GAC5B,IAAI,CAyDN"}
+{"version":3,"file":"MarkdownUtils.d.ts","sourceRoot":"","sources":["../../../src/components/Markdown/MarkdownUtils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAA;AAGxD,OAAO,EAEL,OAAO,IAAI,UAAU,EAErB,KAAK,OAAO,EACb,MAAM,mBAAmB,CAAA;AAE1B;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,SAAS,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,QAoBnE;AAED;;;;;;;GAOG;AACH,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,UAapC;AAED,wBAAgB,wBAAwB,CAAC,IAAI,EAAE,MAAM,UAWpD;AAED,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,UAe9C;AAGD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,UAAU,QAuCjD;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,YAAY,EAAE,MAAM,GAAG,MAAM,CAkBtD;AAED,wBAAgB,gCAAgC,CAC9C,KAAK,EAAE,MAAM,EACb,aAAa,CAAC,EAAE,OAAO,wBAmBxB;AAID,eAAO,MAAM,mBAAmB,GAAI,UAAU,MAAM,EAAE,YAAY,MAAM,WAYvE,CAAA;AAwDD,eAAO,MAAM,mBAAmB,GAAI,MAAM,OAAO,KAAG,OAcnD,CAAA;AAwBD;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAC/B,IAAI,EAAE,OAAO,EACb,SAAS,GAAE,UAAU,EAAO,GAC3B,IAAI,CAiDN"}

package/dist/components/Markdown/MarkdownUtils.js

@@ -1,8 +1,9 @@
 import { truncateString as e } from "../../utils/functions/StringUtils.js";
 import t from "katex";
 import n from "markdown-it";
+import { Element as r, Text as i, htmlToDOM as a } from "html-react-parser";
 //#region src/components/Markdown/MarkdownUtils.ts
-function r(e) {
+function o(e) {
 	if (!e.current) return;
 	let n = e.current.querySelectorAll("[id^=\"mathjax-\"]"), r = /* @__PURE__ */ new RegExp(/\\[()[\]]/, "g");
 	n.forEach((e) => {
@@ -16,7 +17,7 @@ function r(e) {
 		}
 	});
 }
-function i(e) {
+function s(e) {
 	let t = {
 		"&": "&",
 		">": ">",
@@ -25,21 +26,21 @@ function i(e) {
 	};
 	return e.replace(/("|<|>|&)/g, (e, n) => t[n]);
 }
-function a(e) {
+function c(e) {
 	let t = /<span.*?id="wikiReference.*?<span.*? data-widgetparams.*?span>/g, n = 1;
 	return e.replace(t, () => {
 		let e = n;
 		return n += 1, `<a href="" id="ref${e}">[${e}]</a>`;
 	});
 }
-function o(e) {
+function l(e) {
 	let t = 1;
 	return e.replace(/<h[1-6] toc="true">.*<\/h[1-6]>/gm, (e) => {
 		let n = t;
 		return t += 1, `${e.substring(0, 3)} id="SRC-header-${n}"${e.substring(3)}`;
 	});
 }
-function s(e) {
+function u(e) {
 	let t = e.target, n = e.currentTarget;
 	if (t.tagName === "A" || t.tagName === "BUTTON") {
 		let t = e.target;
@@ -70,11 +71,12 @@ function s(e) {
 		}
 	}
 }
-function c(e) {
-	let t = document.createElement("div");
-	return t.innerHTML = e, t.textContent || t.innerText || "";
+function d(e) {
+	if (!e) return "";
+	let t = (e) => e.map((e) => e instanceof i ? e.data : e instanceof r ? t(e.children) : "").join("");
+	return t(a(e));
 }
-function l(e, t) {
+function f(e, t) {
 	let n = {};
 	if (t) n.markdown = e;
 	else if (e.includes("/wiki/")) {
@@ -83,11 +85,11 @@ function l(e, t) {
 	} else e && (n.ownerId = e);
 	return n;
 }
-var u = new n(), d = (t, n) => {
+var p = new n(), m = (t, n) => {
 	if (!t || t.length === 0) return "";
-	let r = c(u.render(t)).replace(/\|/g, "").replace(/#/g, "").replace(/<Synapse widget>/g, "");
+	let r = d(p.render(t)).replace(/\|/g, "").replace(/#/g, "").replace(/<Synapse widget>/g, "");
 	return n ? e(r, n) : r;
-}, f = /* @__PURE__ */ "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".split("."), p = [
+}, h = /* @__PURE__ */ "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".split("."), g = [
 	"span",
 	"a",
 	"em",
@@ -97,50 +99,49 @@ var u = new n(), d = (t, n) => {
 	"u",
 	"sub",
 	"sup"
-], m = [
+], _ = [
 	"table",
 	"thead",
 	"tbody",
 	"tr",
 	"tfoot"
-], h = [
+], v = [
 	"badge",
 	"image",
 	"imageLink",
 	"buttonlink"
-], g = (e) => {
-	if (e.nodeType !== Node.ELEMENT_NODE) return !1;
-	let t = e.tagName.toLowerCase();
-	return p.includes(t);
-}, _ = (e) => {
-	if (e.nodeType !== Node.ELEMENT_NODE) return !1;
-	let t = e, n = t.tagName.toLowerCase(), r = f.includes(n), i = t.getAttribute("data-widgetparams"), a = i !== null && !h.includes(i.split("?")[0]);
-	return r || a;
+], y = (e) => {
+	if (!(e instanceof r)) return !1;
+	let t = e.name.toLowerCase();
+	return g.includes(t);
+}, b = (e) => {
+	if (!(e instanceof r)) return !1;
+	let t = e.name.toLowerCase(), n = h.includes(t), i = e.attribs["data-widgetparams"] ?? null, a = i !== null && !v.includes(i.split("?")[0]);
+	return n || a;
 };
-function v(e, t) {
-	return !(_(e) && g(t) || t.tagName.toLowerCase() === "button" && e.tagName.toLowerCase() === "button" || t.tagName.toLowerCase() === "p" && _(e));
+function x(e, t) {
+	return !(b(e) && y(t) || t.name.toLowerCase() === "button" && e.name.toLowerCase() === "button" || t.name.toLowerCase() === "p" && b(e));
 }
-function y(e, t = []) {
-	if (e.nodeType === Node.TEXT_NODE) {
-		let t = e.parentNode?.tagName?.toLowerCase();
-		m.includes(t) && !e.textContent?.trim() && e.parentNode?.removeChild(e);
+function S(e, t = []) {
+	if (e instanceof i) {
+		let t = e.parent, n = t instanceof r ? t.name.toLowerCase() : void 0;
+		if (n && _.includes(n) && !e.data?.trim()) {
+			let n = t.children, r = n.indexOf(e);
+			r !== -1 && n.splice(r, 1);
+		}
 		return;
 	}
-	if (e.nodeType !== Node.ELEMENT_NODE) return;
+	if (!(e instanceof r)) return;
 	let n = e;
 	for (let e = t.length - 1; e >= 0; e--) {
 		let r = t[e];
-		if (!v(n, r)) {
-			let i = n.ownerDocument.createElement("div");
-			for (Array.from(r.attributes).forEach((e) => i.setAttribute(e.name, e.value)); r.firstChild;) i.appendChild(r.firstChild);
-			r.parentNode && r.parentNode.replaceChild(i, r), t[e] = i;
-		}
+		x(n, r) || (r.name = "div");
 	}
-	t.push(n), Array.from(n.childNodes).forEach((e) => {
-		y(e, t);
+	t.push(n), Array.from(n.children).forEach((e) => {
+		S(e, t);
 	}), t.pop();
 }
 //#endregion
-export { a as addIdsToReferenceWidgets, o as addIdsToTocWidgets, i as decodeXml, y as fixInvalidNesting, s as handleLinkClicks, _ as isBlockLevelElement, d as markdownToPlainText, r as processMath, c as stripHTML, l as transformStringIntoMarkdownProps };
+export { c as addIdsToReferenceWidgets, l as addIdsToTocWidgets, s as decodeXml, S as fixInvalidNesting, u as handleLinkClicks, b as isBlockLevelElement, m as markdownToPlainText, o as processMath, d as stripHTML, f as transformStringIntoMarkdownProps };
 
 //# sourceMappingURL=MarkdownUtils.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUtils.js","names":[],"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"],"mappings":"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"}
+{"version":3,"file":"MarkdownUtils.js","names":[],"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'\nimport {\n  htmlToDOM,\n  Element as DomElement,\n  Text as DomText,\n  type DOMNode,\n} from 'html-react-parser'\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\n/**\n * Extracts the plain text content from an HTML string. Implemented with an\n * isomorphic HTML parser (rather than `document.createElement`) so it can run\n * during server-side rendering / SSG prerender as well as in the browser.\n */\nexport function stripHTML(myHtmlString: string): string {\n  if (!myHtmlString) {\n    return ''\n  }\n  const collectText = (nodes: DOMNode[]): string =>\n    nodes\n      .map(node => {\n        if (node instanceof DomText) {\n          return node.data\n        }\n        if (node instanceof DomElement) {\n          return collectText(node.children as DOMNode[])\n        }\n        return ''\n      })\n      .join('')\n\n  return collectText(htmlToDOM(myHtmlString))\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: DOMNode): boolean => {\n  if (!(node instanceof DomElement)) {\n    return false\n  }\n\n  const tag = node.name.toLowerCase()\n  return inlineTags.includes(tag)\n}\n\n// Check if a node is a block level element\nexport const isBlockLevelElement = (node: DOMNode): boolean => {\n  if (!(node instanceof DomElement)) {\n    return false\n  }\n\n  const tag = node.name.toLowerCase()\n  const isStandardBlock = blockLevelTags.includes(tag)\n\n  const widgetParams = node.attribs['data-widgetparams'] ?? null\n  const isWidget =\n    widgetParams !== null &&\n    !inlineWidgetTypes.includes(widgetParams.split('?')[0])\n\n  return isStandardBlock || isWidget\n}\n\nfunction isValidNesting(child: DomElement, ancestor: DomElement): 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.name.toLowerCase() === 'button' &&\n    child.name.toLowerCase() === 'button'\n  ) {\n    return false\n  }\n\n  // A <p> tag cannot contain block-level elements (including other <p> tags)\n  if (ancestor.name.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 *\n * Operates on the `domhandler` node tree produced by `html-react-parser`'s\n * `htmlToDOM`, so it runs identically in the browser and during SSR/SSG\n * prerender (no dependency on a live DOM, `DOMParser`, or `HTMLElement`).\n * @param node - The current node being inspected.\n * @param ancestors - An array of the current node's ancestor elements\n */\nexport function fixInvalidNesting(\n  node: DOMNode,\n  ancestors: DomElement[] = [],\n): void {\n  // Whitespace-only text nodes are invalid children of table structure elements and must be removed.\n  if (node instanceof DomText) {\n    const parent = node.parent\n    const parentTag =\n      parent instanceof DomElement ? parent.name.toLowerCase() : undefined\n\n    if (parentTag && tableTags.includes(parentTag) && !node.data?.trim()) {\n      const siblings = (parent as DomElement).children\n      const index = siblings.indexOf(node)\n      if (index !== -1) {\n        siblings.splice(index, 1)\n      }\n    }\n\n    return\n  }\n\n  // We only care about element nodes\n  if (!(node instanceof DomElement)) {\n    return\n  }\n\n  const element = node\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      // Demote the ancestor to a <div> in place. Renaming preserves the\n      // existing attributes (`attribs`) and children, so no node surgery is\n      // required.\n      ancestor.name = 'div'\n    }\n  }\n\n  // Push the current element to the stack before traversing children\n  ancestors.push(element)\n\n  // Iterate over a copy because invalid table whitespace may be removed.\n  Array.from(element.children).forEach(child => {\n    fixInvalidNesting(child as DOMNode, ancestors)\n  })\n\n  // Pop the current element off the stack after traversing its children\n  ancestors.pop()\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownWidget.js","names":[],"sources":["../../../src/components/Markdown/MarkdownWidget.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport type { ButtonLinkWidgetParams } from './widget/MarkdownButton'\nimport type { MarkdownEntityPreviewProps } from './widget/MarkdownEntityPreview'\nimport type { MarkdownIDUReportProps } from './widget/MarkdownIDUReport'\nimport type { MarkdownProvenanceGraphProps } from './widget/MarkdownProvenanceGraph'\nimport type { ImageWidgetParams } from './widget/MarkdownSynapseImage'\nimport type { MarkdownSynapsePlotProps } from './widget/MarkdownSynapsePlot'\nimport type { MarkdownSynapseTableProps } from './widget/MarkdownSynapseTable'\nimport type { MarkdownUserOrTeamBadgeProps } from './widget/MarkdownUserOrTeamBadge'\nimport type { MarkdownVideoProps } from './widget/MarkdownVideo'\n\n// Lazy load all widgets -- some can be large & cyclical component trees that will prevent bundle-splitting if we do not dynamically import them\nconst MarkdownVideo = lazy(() => import('./widget/MarkdownVideo'))\nconst MarkdownEntityPreview = lazy(\n  () => import('./widget/MarkdownEntityPreview'),\n)\nconst MarkdownIDUReport = lazy(() => import('./widget/MarkdownIDUReport'))\nconst MarkdownProvenanceGraph = lazy(\n  () => import('./widget/MarkdownProvenanceGraph'),\n)\nconst MarkdownSynapseImage = lazy(() => import('./widget/MarkdownSynapseImage'))\nconst MarkdownSynapsePlot = lazy(() => import('./widget/MarkdownSynapsePlot'))\nconst MarkdownUserOrTeamBadge = lazy(\n  () => import('./widget/MarkdownUserOrTeamBadge'),\n)\nconst MarkdownButton = lazy(() => import('./widget/MarkdownButton'))\nconst MarkdownSynapseTable = lazy(() => import('./widget/MarkdownSynapseTable'))\nconst MarkdownTableOfContents = lazy(\n  () => import('./widget/MarkdownTableOfContents'),\n)\n\ntype ButtonLink = {\n  widgetType: 'buttonlink'\n  widgetParamsMapped: ButtonLinkWidgetParams\n}\n\ntype Image = {\n  widgetType: 'image'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype ImageLink = {\n  widgetType: 'imageLink'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype Plot = {\n  widgetType: 'plot'\n  widgetParamsMapped: MarkdownSynapsePlotProps\n}\n\ntype TableOfContents = {\n  widgetType: 'toc'\n  widgetParamsMapped: never\n}\n\ntype UserBadge = {\n  widgetType: 'badge'\n  widgetParamsMapped: MarkdownUserOrTeamBadgeProps\n}\n\ntype IDUReport = {\n  widgetType: 'iduReport'\n  widgetParamsMapped: MarkdownIDUReportProps\n}\n\ntype Video = {\n  widgetType: 'video' | 'vimeo' | 'youtube'\n  widgetParamsMapped: MarkdownVideoProps\n}\n\ntype SynapseTableMarkdown = {\n  widgetType: 'synapsetable'\n  widgetParamsMapped: MarkdownSynapseTableProps\n}\n\ntype ProvenanceGraph = {\n  widgetType: 'provenance'\n  widgetParamsMapped: MarkdownProvenanceGraphProps\n}\n\ntype Preview = {\n  widgetType: 'preview'\n  widgetParamsMapped: MarkdownEntityPreviewProps\n}\n\ntype MarkdownWidgetDefinition =\n  | ButtonLink\n  | Image\n  | ImageLink\n  | Plot\n  | TableOfContents\n  | UserBadge\n  | IDUReport\n  | Video\n  | SynapseTableMarkdown\n  | ProvenanceGraph\n  | Preview\n\nexport type MarkdownWidgetProps = MarkdownWidgetDefinition & {\n  originalMarkup: string\n}\n\nfunction MarkdownWidget(props: MarkdownWidgetProps) {\n  const { widgetType, widgetParamsMapped, originalMarkup } = props\n  switch (widgetType) {\n    case 'buttonlink':\n      return <MarkdownButton {...widgetParamsMapped} />\n    case 'image':\n    case 'imageLink':\n      return <MarkdownSynapseImage {...widgetParamsMapped} />\n    case 'plot':\n      return <MarkdownSynapsePlot {...widgetParamsMapped} />\n    case 'toc':\n      return <MarkdownTableOfContents originalMarkup={originalMarkup} />\n    case 'badge':\n      return <MarkdownUserOrTeamBadge {...widgetParamsMapped} />\n    case 'iduReport':\n      return <MarkdownIDUReport {...widgetParamsMapped} />\n    case 'video':\n    case 'vimeo':\n    case 'youtube':\n      return <MarkdownVideo {...widgetParamsMapped} />\n    case 'synapsetable':\n      return <MarkdownSynapseTable {...widgetParamsMapped} />\n    case 'provenance':\n      return <MarkdownProvenanceGraph {...widgetParamsMapped} />\n    case 'preview':\n      return <MarkdownEntityPreview {...widgetParamsMapped} />\n    default:\n      console.warn(`Unsupported widget: ${widgetType}.`)\n      return <></>\n  }\n}\n\nexport default function MarkdownWidgetWithWrapper(props: MarkdownWidgetProps) {\n  // Wrap the widget in an error boundary and suspense\n  return (\n    <SynapseErrorBoundary>\n      <Suspense>\n        <MarkdownWidget {...props} />\n      </Suspense>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;AAaA,IAAM,IAAgB,QAAW,OAAO,6BAA0B,EAC5D,IAAwB,QACtB,OAAO,qCACd,EACK,IAAoB,QAAW,OAAO,iCAA8B,EACpE,IAA0B,QACxB,OAAO,uCACd,EACK,IAAuB,QAAW,OAAO,oCAAiC,EAC1E,IAAsB,QAAW,OAAO,mCAAgC,EACxE,IAA0B,QACxB,OAAO,uCACd,EACK,IAAiB,QAAW,OAAO,8BAA2B,EAC9D,IAAuB,QAAW,OAAO,oCAAiC,EAC1E,IAA0B,QACxB,OAAO,uCACd;AA0ED,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,eAAY,uBAAoB,sBAAmB;AAC3D,SAAQ,GAAR;EACE,KAAK,aACH,QAAO,kBAAC,GAAD,EAAgB,GAAI,GAAsB,CAAA;EACnD,KAAK;EACL,KAAK,YACH,QAAO,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA;EACzD,KAAK,OACH,QAAO,kBAAC,GAAD,EAAqB,GAAI,GAAsB,CAAA;EACxD,KAAK,MACH,QAAO,kBAAC,GAAD,EAAyC,mBAAkB,CAAA;EACpE,KAAK,QACH,QAAO,kBAAC,GAAD,EAAyB,GAAI,GAAsB,CAAA;EAC5D,KAAK,YACH,QAAO,kBAAC,GAAD,EAAmB,GAAI,GAAsB,CAAA;EACtD,KAAK;EACL,KAAK;EACL,KAAK,UACH,QAAO,kBAAC,GAAD,EAAe,GAAI,GAAsB,CAAA;EAClD,KAAK,eACH,QAAO,kBAAC,GAAD,EAAsB,GAAI,GAAsB,CAAA;EACzD,KAAK,aACH,QAAO,kBAAC,GAAD,EAAyB,GAAI,GAAsB,CAAA;EAC5D,KAAK,UACH,QAAO,kBAAC,GAAD,EAAuB,GAAI,GAAsB,CAAA;EAC1D,QAEE,QADA,QAAQ,KAAK,uBAAuB,EAAW,GAAG,EAC3C,kBAAA,GAAA,EAAK,CAAA;;;AAIlB,SAAwB,EAA0B,GAA4B;AAE5E,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,GAAI,GAAS,CAAA,EACpB,CAAA,EACU,CAAA"}
+{"version":3,"file":"MarkdownWidget.js","names":[],"sources":["../../../src/components/Markdown/MarkdownWidget.tsx"],"sourcesContent":["import { lazy, Suspense } from 'react'\nimport { SynapseErrorBoundary } from '../error/ErrorBanner'\nimport type { ButtonLinkWidgetParams } from './widget/MarkdownButton'\nimport type { MarkdownEntityPreviewProps } from './widget/MarkdownEntityPreview'\nimport type { MarkdownIDUReportProps } from './widget/MarkdownIDUReport'\nimport type { MarkdownProvenanceGraphProps } from './widget/MarkdownProvenanceGraph'\nimport type { ImageWidgetParams } from './widget/MarkdownSynapseImage'\nimport type { MarkdownSynapsePlotProps } from './widget/MarkdownSynapsePlot'\nimport type { MarkdownSynapseTableProps } from './widget/MarkdownSynapseTable'\nimport type { MarkdownUserOrTeamBadgeProps } from './widget/MarkdownUserOrTeamBadge'\nimport type { MarkdownVideoProps } from './widget/MarkdownVideo'\n\n// Lazy load all widgets -- some can be large & cyclical component trees that will prevent bundle-splitting if we do not dynamically import them\nconst MarkdownVideo = lazy(() => import('./widget/MarkdownVideo'))\nconst MarkdownEntityPreview = lazy(\n  () => import('./widget/MarkdownEntityPreview'),\n)\nconst MarkdownIDUReport = lazy(() => import('./widget/MarkdownIDUReport'))\nconst MarkdownProvenanceGraph = lazy(\n  () => import('./widget/MarkdownProvenanceGraph'),\n)\nconst MarkdownSynapseImage = lazy(() => import('./widget/MarkdownSynapseImage'))\nconst MarkdownSynapsePlot = lazy(() => import('./widget/MarkdownSynapsePlot'))\nconst MarkdownUserOrTeamBadge = lazy(\n  () => import('./widget/MarkdownUserOrTeamBadge'),\n)\nconst MarkdownButton = lazy(() => import('./widget/MarkdownButton'))\nconst MarkdownSynapseTable = lazy(() => import('./widget/MarkdownSynapseTable'))\nconst MarkdownTableOfContents = lazy(\n  () => import('./widget/MarkdownTableOfContents'),\n)\n\ntype ButtonLink = {\n  widgetType: 'buttonlink'\n  widgetParamsMapped: ButtonLinkWidgetParams\n}\n\ntype Image = {\n  widgetType: 'image'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype ImageLink = {\n  widgetType: 'imageLink'\n  widgetParamsMapped: ImageWidgetParams\n}\n\ntype Plot = {\n  widgetType: 'plot'\n  widgetParamsMapped: MarkdownSynapsePlotProps\n}\n\ntype TableOfContents = {\n  widgetType: 'toc'\n  widgetParamsMapped: never\n}\n\ntype UserBadge = {\n  widgetType: 'badge'\n  widgetParamsMapped: MarkdownUserOrTeamBadgeProps\n}\n\ntype IDUReport = {\n  widgetType: 'iduReport'\n  widgetParamsMapped: MarkdownIDUReportProps\n}\n\ntype Video = {\n  widgetType: 'video' | 'vimeo' | 'youtube'\n  widgetParamsMapped: MarkdownVideoProps\n}\n\ntype SynapseTableMarkdown = {\n  widgetType: 'synapsetable'\n  widgetParamsMapped: MarkdownSynapseTableProps\n}\n\ntype ProvenanceGraph = {\n  widgetType: 'provenance'\n  widgetParamsMapped: MarkdownProvenanceGraphProps\n}\n\ntype Preview = {\n  widgetType: 'preview'\n  widgetParamsMapped: MarkdownEntityPreviewProps\n}\n\ntype MarkdownWidgetDefinition =\n  | ButtonLink\n  | Image\n  | ImageLink\n  | Plot\n  | TableOfContents\n  | UserBadge\n  | IDUReport\n  | Video\n  | SynapseTableMarkdown\n  | ProvenanceGraph\n  | Preview\n\nexport type MarkdownWidgetProps = MarkdownWidgetDefinition & {\n  originalMarkup: string\n}\n\nfunction MarkdownWidget(props: MarkdownWidgetProps) {\n  const { widgetType, widgetParamsMapped, originalMarkup } = props\n  switch (widgetType) {\n    case 'buttonlink':\n      return <MarkdownButton {...widgetParamsMapped} />\n    case 'image':\n    case 'imageLink':\n      return <MarkdownSynapseImage {...widgetParamsMapped} />\n    case 'plot':\n      return <MarkdownSynapsePlot {...widgetParamsMapped} />\n    case 'toc':\n      return <MarkdownTableOfContents originalMarkup={originalMarkup} />\n    case 'badge':\n      return <MarkdownUserOrTeamBadge {...widgetParamsMapped} />\n    case 'iduReport':\n      return <MarkdownIDUReport {...widgetParamsMapped} />\n    case 'video':\n    case 'vimeo':\n    case 'youtube':\n      return <MarkdownVideo {...widgetParamsMapped} />\n    case 'synapsetable':\n      return <MarkdownSynapseTable {...widgetParamsMapped} />\n    case 'provenance':\n      return <MarkdownProvenanceGraph {...widgetParamsMapped} />\n    case 'preview':\n      return <MarkdownEntityPreview {...widgetParamsMapped} />\n    default:\n      console.warn(`Unsupported widget: ${widgetType}.`)\n      return <></>\n  }\n}\n\nexport default function MarkdownWidgetWithWrapper(props: MarkdownWidgetProps) {\n  // Wrap the widget in an error boundary and suspense\n  return (\n    <SynapseErrorBoundary>\n      <Suspense>\n        <MarkdownWidget {...props} />\n      </Suspense>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;AAaA,IAAM,IAAgB,QAAW,OAAO,4BAAyB,GAC3D,IAAwB,QACtB,OAAO,oCACf,GACM,IAAoB,QAAW,OAAO,gCAA6B,GACnE,IAA0B,QACxB,OAAO,sCACf,GACM,IAAuB,QAAW,OAAO,mCAAgC,GACzE,IAAsB,QAAW,OAAO,kCAA+B,GACvE,IAA0B,QACxB,OAAO,sCACf,GACM,IAAiB,QAAW,OAAO,6BAA0B,GAC7D,IAAuB,QAAW,OAAO,mCAAgC,GACzE,IAA0B,QACxB,OAAO,sCACf;AA0EA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,eAAY,uBAAoB,sBAAmB;CAC3D,QAAQ,GAAR;EACE,KAAK,cACH,OAAO,kBAAC,GAAD,EAAgB,GAAI,EAAqB,CAAA;EAClD,KAAK;EACL,KAAK,aACH,OAAO,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA;EACxD,KAAK,QACH,OAAO,kBAAC,GAAD,EAAqB,GAAI,EAAqB,CAAA;EACvD,KAAK,OACH,OAAO,kBAAC,GAAD,EAAyC,kBAAiB,CAAA;EACnE,KAAK,SACH,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAqB,CAAA;EAC3D,KAAK,aACH,OAAO,kBAAC,GAAD,EAAmB,GAAI,EAAqB,CAAA;EACrD,KAAK;EACL,KAAK;EACL,KAAK,WACH,OAAO,kBAAC,GAAD,EAAe,GAAI,EAAqB,CAAA;EACjD,KAAK,gBACH,OAAO,kBAAC,GAAD,EAAsB,GAAI,EAAqB,CAAA;EACxD,KAAK,cACH,OAAO,kBAAC,GAAD,EAAyB,GAAI,EAAqB,CAAA;EAC3D,KAAK,WACH,OAAO,kBAAC,GAAD,EAAuB,GAAI,EAAqB,CAAA;EACzD,SAEE,OADA,QAAQ,KAAK,uBAAuB,EAAW,EAAE,GAC1C,kBAAA,GAAA,CAAI,CAAA;CACf;AACF;AAEA,SAAwB,EAA0B,GAA4B;CAE5E,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,GAAI,EAAQ,CAAA,EACpB,CAAA,EACU,CAAA;AAE1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"SynapseWikiContext.js","names":[],"sources":["../../../src/components/Markdown/SynapseWikiContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react'\nimport { FileHandleResults, WikiPage } from '@sage-bionetworks/synapse-types'\n\nexport type SynapseWikiContextType = {\n  ownerId?: string\n  wikiId?: string\n  wikiPage?: Partial<WikiPage>\n  /** Downloaded file handles that are attached to the wiki */\n  fileHandles?: FileHandleResults\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const SynapseWikiContext = createContext<\n  SynapseWikiContextType | undefined\n>(undefined)\n\nexport type SynapseWikiContextProviderProps = {\n  wikiContext?: SynapseWikiContextType\n  children?: ReactNode\n}\n\n/**\n * Provides context related to Synapse Wikis\n * @param param0\n * @returns\n */\nexport function SynapseWikiContextProvider({\n  children,\n  wikiContext,\n}: SynapseWikiContextProviderProps) {\n  return (\n    <SynapseWikiContext.Provider value={wikiContext}>\n      {children}\n    </SynapseWikiContext.Provider>\n  )\n}\n\nexport const SynapseWikiContextConsumer = SynapseWikiContext.Consumer\n\nexport function useWikiContext(): SynapseWikiContextType {\n  const context = useContext(SynapseWikiContext)\n  return context ?? {}\n}\n"],"mappings":";;;AAcA,IAAa,IAAqB,EAEhC,KAAA,EAAU;AAYZ,SAAgB,EAA2B,EACzC,aACA,kBACkC;AAClC,QACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EACjC;EAC2B,CAAA;;AAIlC,IAAa,IAA6B,EAAmB;AAE7D,SAAgB,IAAyC;AAEvD,QADgB,EAAW,EACpB,IAAW,EAAE"}
+{"version":3,"file":"SynapseWikiContext.js","names":[],"sources":["../../../src/components/Markdown/SynapseWikiContext.tsx"],"sourcesContent":["import { createContext, ReactNode, useContext } from 'react'\nimport { FileHandleResults, WikiPage } from '@sage-bionetworks/synapse-types'\n\nexport type SynapseWikiContextType = {\n  ownerId?: string\n  wikiId?: string\n  wikiPage?: Partial<WikiPage>\n  /** Downloaded file handles that are attached to the wiki */\n  fileHandles?: FileHandleResults\n}\n\n/**\n * This must be exported to use the context in class components.\n */\nexport const SynapseWikiContext = createContext<\n  SynapseWikiContextType | undefined\n>(undefined)\n\nexport type SynapseWikiContextProviderProps = {\n  wikiContext?: SynapseWikiContextType\n  children?: ReactNode\n}\n\n/**\n * Provides context related to Synapse Wikis\n * @param param0\n * @returns\n */\nexport function SynapseWikiContextProvider({\n  children,\n  wikiContext,\n}: SynapseWikiContextProviderProps) {\n  return (\n    <SynapseWikiContext.Provider value={wikiContext}>\n      {children}\n    </SynapseWikiContext.Provider>\n  )\n}\n\nexport const SynapseWikiContextConsumer = SynapseWikiContext.Consumer\n\nexport function useWikiContext(): SynapseWikiContextType {\n  const context = useContext(SynapseWikiContext)\n  return context ?? {}\n}\n"],"mappings":";;;AAcA,IAAa,IAAqB,EAEhC,KAAA,CAAS;AAYX,SAAgB,EAA2B,EACzC,aACA,kBACkC;CAClC,OACE,kBAAC,EAAmB,UAApB;EAA6B,OAAO;EACjC;CAC0B,CAAA;AAEjC;AAEA,IAAa,IAA6B,EAAmB;AAE7D,SAAgB,IAAyC;CAEvD,OADgB,EAAW,CACpB,KAAW,CAAC;AACrB"}

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

@@ -1 +1 @@
-{"version":3,"file":"UserMentionModal.js","names":[],"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"],"mappings":";;;;;;AAWA,SAAgB,EAAiB,EAC/B,SACA,YACA,oBACwB;AAWxB,QACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,MAAM;EACN,UAAU;EACV,OAAM;EACN,SACE,kBAAC,GAAD;GACE,aAAY;GACZ,UAnBW,GAClB,GAAyB,MAAmC;AAI3D,IAHI,KAAY,KACd,EAAc,EAAO,SAAS,EAEhC,GAAS;MAEX,CAAC,GAAS,EAAc,CAYN;GACV,YAAY,EAAY;GACxB,WAAW;GACX,CAAA;EAEJ,IAAI,EACF,6BAA6B;GAC3B,WAAW;GACX,0BAA0B,EAAE,WAAW,WAAW;GACnD,EACF;EACD,CAAA,EACD,CAAA"}
+{"version":3,"file":"UserMentionModal.js","names":[],"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"],"mappings":";;;;;;AAWA,SAAgB,EAAiB,EAC/B,SACA,YACA,oBACwB;CAWxB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,MAAM;EACN,UAAU;EACV,OAAM;EACN,SACE,kBAAC,GAAD;GACE,aAAY;GACZ,UAnBW,GAClB,GAAyB,MAAmC;IAI3D,AAHI,KAAY,KACd,EAAc,EAAO,QAAQ,GAE/B,EAAQ;GACV,GACA,CAAC,GAAS,CAAa,CAYL;GACV,YAAY,EAAY;GACxB,WAAW;EACZ,CAAA;EAEH,IAAI,EACF,6BAA6B;GAC3B,WAAW;GACX,0BAA0B,EAAE,WAAW,UAAU;EACnD,EACF;CACD,CAAA,EACD,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"Bookmarks.js","names":[],"sources":["../../../../src/components/Markdown/widget/Bookmarks.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\n\nexport type BookmarksProps = {\n  footnotes: string\n}\n\nclass Bookmarks extends Component<BookmarksProps, never> {\n  constructor(props: BookmarksProps) {\n    super(props)\n    this.renderBookmarks = this.renderBookmarks.bind(this)\n  }\n\n  /**\n   * Returns bookmarks\n   *\n   * @returns JSX for the embedded bookmarks in the markdown passed in as a prop\n   * @memberof Bookmarks\n   */\n  public renderBookmarks() {\n    const copyFootnotes: string = String(this.props.footnotes)\n\n    // find all the links embedded in the markdown below\n    const regex = /Synapse widget&gt;<\\/span>(.*)</g\n    let matchedGroup: RegExpExecArray | null\n    const output: string[] = []\n    // below we use regex.exec to find the find matched group containing the citation source\n    while ((matchedGroup = regex.exec(copyFootnotes))) {\n      output.push(matchedGroup[1])\n    }\n\n    // return all the links formatted accordingly\n    return output.map((el, index) => {\n      const isBeforeLastElement = index < output.length - 1\n      return (\n        <Fragment key={index}>\n          <button className=\"SRC-markdown-bookmark\" id={`bookmark${index}`}>\n            [{index + 1}]\n          </button>\n          <span dangerouslySetInnerHTML={{ __html: el }} />\n          {isBeforeLastElement && <br />}\n        </Fragment>\n      )\n    })\n  }\n\n  public render() {\n    return (\n      <>\n        <hr />\n        {this.renderBookmarks()}\n      </>\n    )\n  }\n}\n\nexport default Bookmarks\n"],"mappings":";;;AAMA,IAAM,IAAN,cAAwB,EAAiC;CACvD,YAAY,GAAuB;AAEjC,EADA,MAAM,EAAM,EACZ,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,KAAK;;CASxD,kBAAyB;EACvB,IAAM,IAAwB,OAAO,KAAK,MAAM,UAAU,EAGpD,IAAQ,oCACV,GACE,IAAmB,EAAE;AAE3B,SAAQ,IAAe,EAAM,KAAK,EAAc,EAC9C,GAAO,KAAK,EAAa,GAAG;AAI9B,SAAO,EAAO,KAAK,GAAI,MAAU;GAC/B,IAAM,IAAsB,IAAQ,EAAO,SAAS;AACpD,UACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,UAAD;KAAQ,WAAU;KAAwB,IAAI,WAAW;eAAzD;MAAkE;MAC9D,IAAQ;MAAE;MACL;;IACT,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,GAAI,EAAI,CAAA;IAChD,KAAuB,kBAAC,MAAD,EAAM,CAAA;IACrB,EAAA,EANI,EAMJ;IAEb;;CAGJ,SAAgB;AACd,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,EAAM,CAAA,EACL,KAAK,iBAAiB,CACtB,EAAA,CAAA"}
+{"version":3,"file":"Bookmarks.js","names":[],"sources":["../../../../src/components/Markdown/widget/Bookmarks.tsx"],"sourcesContent":["import { Component, Fragment } from 'react'\n\nexport type BookmarksProps = {\n  footnotes: string\n}\n\nclass Bookmarks extends Component<BookmarksProps, never> {\n  constructor(props: BookmarksProps) {\n    super(props)\n    this.renderBookmarks = this.renderBookmarks.bind(this)\n  }\n\n  /**\n   * Returns bookmarks\n   *\n   * @returns JSX for the embedded bookmarks in the markdown passed in as a prop\n   * @memberof Bookmarks\n   */\n  public renderBookmarks() {\n    const copyFootnotes: string = String(this.props.footnotes)\n\n    // find all the links embedded in the markdown below\n    const regex = /Synapse widget&gt;<\\/span>(.*)</g\n    let matchedGroup: RegExpExecArray | null\n    const output: string[] = []\n    // below we use regex.exec to find the find matched group containing the citation source\n    while ((matchedGroup = regex.exec(copyFootnotes))) {\n      output.push(matchedGroup[1])\n    }\n\n    // return all the links formatted accordingly\n    return output.map((el, index) => {\n      const isBeforeLastElement = index < output.length - 1\n      return (\n        <Fragment key={index}>\n          <button className=\"SRC-markdown-bookmark\" id={`bookmark${index}`}>\n            [{index + 1}]\n          </button>\n          <span dangerouslySetInnerHTML={{ __html: el }} />\n          {isBeforeLastElement && <br />}\n        </Fragment>\n      )\n    })\n  }\n\n  public render() {\n    return (\n      <>\n        <hr />\n        {this.renderBookmarks()}\n      </>\n    )\n  }\n}\n\nexport default Bookmarks\n"],"mappings":";;;AAMA,IAAM,IAAN,cAAwB,EAAiC;CACvD,YAAY,GAAuB;EAEjC,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAQA,kBAAyB;EACvB,IAAM,IAAwB,OAAO,KAAK,MAAM,SAAS,GAGnD,IAAQ,oCACV,GACE,IAAmB,CAAC;EAE1B,OAAQ,IAAe,EAAM,KAAK,CAAa,IAC7C,EAAO,KAAK,EAAa,EAAE;EAI7B,OAAO,EAAO,KAAK,GAAI,MAAU;GAC/B,IAAM,IAAsB,IAAQ,EAAO,SAAS;GACpD,OACE,kBAAC,GAAD,EAAA,UAAA;IACE,kBAAC,UAAD;KAAQ,WAAU;KAAwB,IAAI,WAAW;eAAzD;MAAkE;MAC9D,IAAQ;MAAE;KACN;;IACR,kBAAC,QAAD,EAAM,yBAAyB,EAAE,QAAQ,EAAG,EAAI,CAAA;IAC/C,KAAuB,kBAAC,MAAD,CAAK,CAAA;GACrB,EAAA,GANK,CAML;EAEd,CAAC;CACH;CAEA,SAAgB;EACd,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,MAAD,CAAK,CAAA,GACJ,KAAK,gBAAgB,CACtB,EAAA,CAAA;CAEN;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownButton.js","names":[],"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"],"mappings":";;;;AAWA,SAAwB,EACtB,GACA;CACA,IAAI,IAAgB,IACd,EAAE,WAAQ,IAAI,WAAW,IAAa,OAAO,GAC7C,IAAY,MAAe,QAC3B,IAAiB,EAAM,aAAa;AAI1C,CAHI,MAAmB,WACrB,KAAiB,eAEf,MAAmB,YACrB,KAAiB;CAEnB,IAAM,IAAwB,MAAmB,UAC3C,IAAc,IAAY,cAAc,WACxC,IACJ,EAAmB,KAAK,WAAW,UAAU,IAC7C,EAAmB,KAAK,WAAW,WAAW,EAC1C,IAAkB,GAAoB,EAExC,IAAqE,EAAE;AAE3E,CAcE,IAdE,IACU;EACV,MAAM,EAAmB;EACzB,QAAQ;EACR,KAAK;EACL,WAAW;EACZ,GACQ,IAEG;EACV,IAAI,EAAmB;EACvB,WAAW;EACZ,GAEW;EACV,MAAM,EAAmB;EACzB,WAAW;EACZ;CAGH,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,SAAQ;EACR,OAAO;EACP,GAAI;EACJ,IAAI;GACF,WAAW;IACT,iBAAiB,IAAY,KAAA,IAAY;IACzC,OAAO;IACR;GACD,GAAI,CAAC,KACH,EAAmB,OAAO,EACxB,QAAQ,sBACT;GACJ;YAEA,EAAmB;EACT,CAAA;AAGf,QAAO,IACL,kBAAC,QAAD;EAAM,OAAO;GAAE,SAAS;GAAS,WAAW;GAAU;YAAG;EAAc,CAAA,GAEvE,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA"}
+{"version":3,"file":"MarkdownButton.js","names":[],"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"],"mappings":";;;;AAWA,SAAwB,EACtB,GACA;CACA,IAAI,IAAgB,IACd,EAAE,WAAQ,IAAI,WAAW,IAAa,OAAO,GAC7C,IAAY,MAAe,QAC3B,IAAiB,EAAM,YAAY;CAIzC,AAHI,MAAmB,WACrB,KAAiB,eAEf,MAAmB,YACrB,KAAiB;CAEnB,IAAM,IAAwB,MAAmB,UAC3C,IAAc,IAAY,cAAc,WACxC,IACJ,EAAmB,KAAK,WAAW,SAAS,KAC5C,EAAmB,KAAK,WAAW,UAAU,GACzC,IAAkB,EAAmB,GAEvC,IAAqE,CAAC;CAE1E,AAcE,IAdE,IACU;EACV,MAAM,EAAmB;EACzB,QAAQ;EACR,KAAK;EACL,WAAW;CACb,IACS,IAEG;EACV,IAAI,EAAmB;EACvB,WAAW;CACb,IAEY;EACV,MAAM,EAAmB;EACzB,WAAW;CACb;CAGF,IAAM,IACJ,kBAAC,GAAD;EACE,WAAW;EACX,SAAQ;EACR,OAAO;EACP,GAAI;EACJ,IAAI;GACF,WAAW;IACT,iBAAiB,IAAY,KAAA,IAAY;IACzC,OAAO;GACT;GACA,GAAI,CAAC,KACH,EAAmB,OAAO,EACxB,QAAQ,qBACV;EACJ;YAEC,EAAmB;CACV,CAAA;CAGd,OAAO,IACL,kBAAC,QAAD;EAAM,OAAO;GAAE,SAAS;GAAS,WAAW;EAAS;YAAI;CAAa,CAAA,IAEtE,kBAAC,QAAD,EAAA,UAAO,EAAa,CAAA;AAExB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownEntityPreview.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownEntityPreview.tsx"],"sourcesContent":["import { parseSynId } from '@/utils/functions/RegularExpressions'\nimport EntityPreview from '../../FilePreview/EntityPreview'\n\nexport type MarkdownEntityPreviewProps = {\n  /** A Synapse Entity ID that may optionally contain a \"dot\" version, e.g. syn123 or syn123.2 */\n  entityId: string\n  /** An optional Entity version number. */\n  versionNumber?: string\n}\n\nexport default function MarkdownEntityPreview(\n  props: MarkdownEntityPreviewProps,\n) {\n  const parsedReference = parseSynId(props.entityId)\n  if (parsedReference == null) {\n    throw new Error(`${props.entityId} is not a valid Synapse ID`)\n  }\n  const parsedVersionNumber = parseInt(props.versionNumber ?? '')\n\n  const entityId = parsedReference.targetId\n  const versionNumber = Number.isNaN(parsedVersionNumber)\n    ? parsedReference.targetVersionNumber\n    : parsedVersionNumber\n\n  return <EntityPreview entityId={entityId} versionNumber={versionNumber} />\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,IAAkB,EAAW,EAAM,SAAS;AAClD,KAAI,KAAmB,KACrB,OAAU,MAAM,GAAG,EAAM,SAAS,4BAA4B;CAEhE,IAAM,IAAsB,SAAS,EAAM,iBAAiB,GAAG,EAEzD,IAAW,EAAgB;AAKjC,QAAO,kBAAC,GAAD;EAAyB;EAAyB,eAJnC,OAAO,MAAM,EAAoB,GACnD,EAAgB,sBAChB;EAEsE,CAAA"}
+{"version":3,"file":"MarkdownEntityPreview.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownEntityPreview.tsx"],"sourcesContent":["import { parseSynId } from '@/utils/functions/RegularExpressions'\nimport EntityPreview from '../../FilePreview/EntityPreview'\n\nexport type MarkdownEntityPreviewProps = {\n  /** A Synapse Entity ID that may optionally contain a \"dot\" version, e.g. syn123 or syn123.2 */\n  entityId: string\n  /** An optional Entity version number. */\n  versionNumber?: string\n}\n\nexport default function MarkdownEntityPreview(\n  props: MarkdownEntityPreviewProps,\n) {\n  const parsedReference = parseSynId(props.entityId)\n  if (parsedReference == null) {\n    throw new Error(`${props.entityId} is not a valid Synapse ID`)\n  }\n  const parsedVersionNumber = parseInt(props.versionNumber ?? '')\n\n  const entityId = parsedReference.targetId\n  const versionNumber = Number.isNaN(parsedVersionNumber)\n    ? parsedReference.targetVersionNumber\n    : parsedVersionNumber\n\n  return <EntityPreview entityId={entityId} versionNumber={versionNumber} />\n}\n"],"mappings":";;;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,IAAkB,EAAW,EAAM,QAAQ;CACjD,IAAI,KAAmB,MACrB,MAAU,MAAM,GAAG,EAAM,SAAS,2BAA2B;CAE/D,IAAM,IAAsB,SAAS,EAAM,iBAAiB,EAAE,GAExD,IAAW,EAAgB;CAKjC,OAAO,kBAAC,GAAD;EAAyB;EAAyB,eAJnC,OAAO,MAAM,CAAmB,IAClD,EAAgB,sBAChB;CAEqE,CAAA;AAC3E"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownIDUReport.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownIDUReport.tsx"],"sourcesContent":["import IDUReport from '../../IDUReport/IDUReport'\n\nexport type MarkdownIDUReportProps = {\n  accessRestrictionId: string\n}\n\nexport default function MarkdownIDUReport(props: MarkdownIDUReportProps) {\n  const { accessRestrictionId } = props\n  return <IDUReport accessRequirementId={accessRestrictionId} />\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,2BAAwB;AAChC,QAAO,kBAAC,GAAD,EAAW,qBAAqB,GAAuB,CAAA"}
+{"version":3,"file":"MarkdownIDUReport.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownIDUReport.tsx"],"sourcesContent":["import IDUReport from '../../IDUReport/IDUReport'\n\nexport type MarkdownIDUReportProps = {\n  accessRestrictionId: string\n}\n\nexport default function MarkdownIDUReport(props: MarkdownIDUReportProps) {\n  const { accessRestrictionId } = props\n  return <IDUReport accessRequirementId={accessRestrictionId} />\n}\n"],"mappings":";;;AAMA,SAAwB,EAAkB,GAA+B;CACvE,IAAM,EAAE,2BAAwB;CAChC,OAAO,kBAAC,GAAD,EAAW,qBAAqB,EAAsB,CAAA;AAC/D"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownProvenanceGraph.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownProvenanceGraph.tsx"],"sourcesContent":["import { Reference } from '@sage-bionetworks/synapse-types'\nimport ProvenanceGraph from '../../ProvenanceGraph/ProvenanceGraph'\n\nexport type MarkdownProvenanceGraphProps = {\n  entityList: string // comma delimited entity references of the form <synapse_ID>/version/<version_number>.  The /version/<version_number> is optional\n  displayHeightPx: string\n  // depth: string, // traverse the given depth, not currently supported in ProvenanceGraph\n  // showExpand: string // option to make graph not expandable, not currently supported in ProvenanceGraph\n}\n\nexport default function MarkdownProvenanceGraph(\n  props: MarkdownProvenanceGraphProps,\n) {\n  const { entityList, displayHeightPx } = props\n  // parse entityList\n  const refs = entityList.split(',').map(v => {\n    const entityAndVersion = v.split('/version/')\n    const ref: Reference = {\n      targetId: entityAndVersion[0],\n      targetVersionNumber:\n        entityAndVersion.length > 1 ? parseInt(entityAndVersion[1]) : undefined,\n    }\n    return ref\n  })\n  const containerHeight = displayHeightPx ? `${displayHeightPx}px` : undefined\n  return <ProvenanceGraph entityRefs={refs} containerHeight={containerHeight} />\n}\n"],"mappings":";;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,uBAAoB;AAYxC,QAAO,kBAAC,GAAD;EAAiB,YAVX,EAAW,MAAM,IAAI,CAAC,KAAI,MAAK;GAC1C,IAAM,IAAmB,EAAE,MAAM,YAAY;AAM7C,UAAO;IAJL,UAAU,EAAiB;IAC3B,qBACE,EAAiB,SAAS,IAAI,SAAS,EAAiB,GAAG,GAAG,KAAA;IAE3D;IAG2B;EAAuB,iBADnC,IAAkB,GAAG,EAAgB,MAAM,KAAA;EACW,CAAA"}
+{"version":3,"file":"MarkdownProvenanceGraph.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownProvenanceGraph.tsx"],"sourcesContent":["import { Reference } from '@sage-bionetworks/synapse-types'\nimport ProvenanceGraph from '../../ProvenanceGraph/ProvenanceGraph'\n\nexport type MarkdownProvenanceGraphProps = {\n  entityList: string // comma delimited entity references of the form <synapse_ID>/version/<version_number>.  The /version/<version_number> is optional\n  displayHeightPx: string\n  // depth: string, // traverse the given depth, not currently supported in ProvenanceGraph\n  // showExpand: string // option to make graph not expandable, not currently supported in ProvenanceGraph\n}\n\nexport default function MarkdownProvenanceGraph(\n  props: MarkdownProvenanceGraphProps,\n) {\n  const { entityList, displayHeightPx } = props\n  // parse entityList\n  const refs = entityList.split(',').map(v => {\n    const entityAndVersion = v.split('/version/')\n    const ref: Reference = {\n      targetId: entityAndVersion[0],\n      targetVersionNumber:\n        entityAndVersion.length > 1 ? parseInt(entityAndVersion[1]) : undefined,\n    }\n    return ref\n  })\n  const containerHeight = displayHeightPx ? `${displayHeightPx}px` : undefined\n  return <ProvenanceGraph entityRefs={refs} containerHeight={containerHeight} />\n}\n"],"mappings":";;;AAUA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,uBAAoB;CAYxC,OAAO,kBAAC,GAAD;EAAiB,YAVX,EAAW,MAAM,GAAG,EAAE,KAAI,MAAK;GAC1C,IAAM,IAAmB,EAAE,MAAM,WAAW;GAM5C,OAAO;IAJL,UAAU,EAAiB;IAC3B,qBACE,EAAiB,SAAS,IAAI,SAAS,EAAiB,EAAE,IAAI,KAAA;GAE3D;EACT,CAEoC;EAAuB,iBADnC,IAAkB,GAAG,EAAgB,MAAM,KAAA;CACU,CAAA;AAC/E"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapseImage.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseImage.tsx"],"sourcesContent":["import SynapseImage, { SynapseImageProps } from '../../widgets/SynapseImage'\nimport { useWikiContext } from '../SynapseWikiContext'\n\nexport type ImageWidgetParams = Omit<\n  SynapseImageProps,\n  'params' | 'fileResults'\n> &\n  SynapseImageProps['params']\n\nexport default function MarkdownSynapseImage(\n  widgetParamsMapped: ImageWidgetParams,\n) {\n  const { wikiId, wikiPage, fileHandles } = useWikiContext()\n  if (widgetParamsMapped.fileName) {\n    if (!fileHandles) {\n      // ensure files are loaded\n      return <></>\n    }\n    // if file name is attached then the fileHandle ID is located\n    // in this wiki's file attachment list\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        fileName={widgetParamsMapped.fileName}\n        wikiId={wikiId || wikiPage?.id}\n        fileResults={fileHandles.list}\n      />\n    )\n  }\n  if (widgetParamsMapped.synapseId) {\n    // otherwise this image's fileHandle ID is not located\n    // in the file attachment list and will be loaded first\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        synapseId={widgetParamsMapped.synapseId}\n        version={widgetParamsMapped.version}\n      />\n    )\n  }\n  return <></>\n}\n"],"mappings":";;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,mBAAgB,GAAgB;AA4B1D,QA3BI,EAAmB,WAChB,IAOH,kBAAC,GAAD;EACE,QAAQ;EACR,UAAU,EAAmB;EAC7B,QAAQ,KAAU,GAAU;EAC5B,aAAa,EAAY;EACzB,CAAA,GAVK,kBAAA,GAAA,EAAK,CAAA,GAaZ,EAAmB,YAInB,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW,EAAmB;EAC9B,SAAS,EAAmB;EAC5B,CAAA,GAGC,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"MarkdownSynapseImage.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseImage.tsx"],"sourcesContent":["import SynapseImage, { SynapseImageProps } from '../../widgets/SynapseImage'\nimport { useWikiContext } from '../SynapseWikiContext'\n\nexport type ImageWidgetParams = Omit<\n  SynapseImageProps,\n  'params' | 'fileResults'\n> &\n  SynapseImageProps['params']\n\nexport default function MarkdownSynapseImage(\n  widgetParamsMapped: ImageWidgetParams,\n) {\n  const { wikiId, wikiPage, fileHandles } = useWikiContext()\n  if (widgetParamsMapped.fileName) {\n    if (!fileHandles) {\n      // ensure files are loaded\n      return <></>\n    }\n    // if file name is attached then the fileHandle ID is located\n    // in this wiki's file attachment list\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        fileName={widgetParamsMapped.fileName}\n        wikiId={wikiId || wikiPage?.id}\n        fileResults={fileHandles.list}\n      />\n    )\n  }\n  if (widgetParamsMapped.synapseId) {\n    // otherwise this image's fileHandle ID is not located\n    // in the file attachment list and will be loaded first\n    return (\n      <SynapseImage\n        params={widgetParamsMapped}\n        synapseId={widgetParamsMapped.synapseId}\n        version={widgetParamsMapped.version}\n      />\n    )\n  }\n  return <></>\n}\n"],"mappings":";;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,WAAQ,aAAU,mBAAgB,EAAe;CA4BzD,OA3BI,EAAmB,WAChB,IAOH,kBAAC,GAAD;EACE,QAAQ;EACR,UAAU,EAAmB;EAC7B,QAAQ,KAAU,GAAU;EAC5B,aAAa,EAAY;CAC1B,CAAA,IAVM,kBAAA,GAAA,CAAI,CAAA,IAaX,EAAmB,YAInB,kBAAC,GAAD;EACE,QAAQ;EACR,WAAW,EAAmB;EAC9B,SAAS,EAAmB;CAC7B,CAAA,IAGE,kBAAA,GAAA,CAAI,CAAA;AACb"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapsePlot.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport SynapsePlot from '../../Plot/SynapsePlot'\nimport { AxisType, PlotType } from 'plotly.js-basic-dist'\n\nexport type MarkdownSynapsePlotProps = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: string // x-axis title\n  ytitle?: string // y-axis title\n  type: string // Plotly PlotType\n  xaxistype?: string // Plotly AxisType\n  showlegend?: string // sets the legend visibility ('true' | 'false')\n  horizontal?: string // sets the if a bar chart should be horizontal or vertical ('true' | 'false')\n  barmode?: string // Plotly barmode ('stack' | 'group' | 'overlay' | 'relative')\n  displayModebar?: string // sets the modebar visibility ('true' | 'false')\n}\n\nconst toBoolean = (v?: string, fallbackValue?: boolean) => {\n  return v ? v.toLowerCase() == 'true' : (fallbackValue ?? false)\n}\n\nexport const MarkdownSynapsePlot = (\n  props: MarkdownSynapsePlotProps,\n): React.ReactNode => {\n  const {\n    query,\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModebar,\n  } = props\n  const plotlyShowLegend = toBoolean(showlegend, true)\n  const plotlyIsHorizontal = toBoolean(horizontal, false)\n  const plotlyDisplayModebar = toBoolean(displayModebar, false)\n  const plotlyBarMode = barmode\n    ? (barmode.toLowerCase() as 'stack' | 'group' | 'overlay' | 'relative')\n    : undefined\n  const plotlyType = type.toLowerCase() as PlotType\n\n  let plotlyXAxisType: AxisType | undefined = undefined\n  if (xaxistype) {\n    plotlyXAxisType = xaxistype.toLowerCase() as AxisType\n  }\n\n  return (\n    <SynapsePlot\n      synapsePlotWidgetParams={{\n        query,\n        xtitle,\n        ytitle,\n        type: plotlyType,\n        barmode: plotlyBarMode,\n        displayModeBar: plotlyDisplayModebar,\n        horizontal: plotlyIsHorizontal,\n        showlegend: plotlyShowLegend,\n        title: title,\n        xaxistype: plotlyXAxisType,\n      }}\n    />\n  )\n}\n\nexport default MarkdownSynapsePlot\n"],"mappings":";;;;AAiBA,IAAM,KAAa,GAAY,MACtB,IAAI,EAAE,aAAa,IAAI,SAAU,KAAiB,IAG9C,KACX,MACoB;CACpB,IAAM,EACJ,UACA,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,sBACE,GACE,IAAmB,EAAU,GAAY,GAAK,EAC9C,IAAqB,EAAU,GAAY,GAAM,EACjD,IAAuB,EAAU,GAAgB,GAAM,EACvD,IAAgB,IACjB,EAAQ,aAAa,GACtB,KAAA,GACE,IAAa,EAAK,aAAa,EAEjC;AAKJ,QAJI,MACF,IAAkB,EAAU,aAAa,GAIzC,kBAAC,GAAD,EACE,yBAAyB;EACvB;EACA;EACA;EACA,MAAM;EACN,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACL;EACP,WAAW;EACZ,EACD,CAAA"}
+{"version":3,"file":"MarkdownSynapsePlot.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapsePlot.tsx"],"sourcesContent":["import React from 'react'\nimport SynapsePlot from '../../Plot/SynapsePlot'\nimport { AxisType, PlotType } from 'plotly.js-basic-dist'\n\nexport type MarkdownSynapsePlotProps = {\n  query: string //sql string\n  title?: string //plot title\n  xtitle?: string // x-axis title\n  ytitle?: string // y-axis title\n  type: string // Plotly PlotType\n  xaxistype?: string // Plotly AxisType\n  showlegend?: string // sets the legend visibility ('true' | 'false')\n  horizontal?: string // sets the if a bar chart should be horizontal or vertical ('true' | 'false')\n  barmode?: string // Plotly barmode ('stack' | 'group' | 'overlay' | 'relative')\n  displayModebar?: string // sets the modebar visibility ('true' | 'false')\n}\n\nconst toBoolean = (v?: string, fallbackValue?: boolean) => {\n  return v ? v.toLowerCase() == 'true' : (fallbackValue ?? false)\n}\n\nexport const MarkdownSynapsePlot = (\n  props: MarkdownSynapsePlotProps,\n): React.ReactNode => {\n  const {\n    query,\n    title,\n    xtitle,\n    ytitle,\n    type,\n    xaxistype,\n    showlegend,\n    barmode,\n    horizontal,\n    displayModebar,\n  } = props\n  const plotlyShowLegend = toBoolean(showlegend, true)\n  const plotlyIsHorizontal = toBoolean(horizontal, false)\n  const plotlyDisplayModebar = toBoolean(displayModebar, false)\n  const plotlyBarMode = barmode\n    ? (barmode.toLowerCase() as 'stack' | 'group' | 'overlay' | 'relative')\n    : undefined\n  const plotlyType = type.toLowerCase() as PlotType\n\n  let plotlyXAxisType: AxisType | undefined = undefined\n  if (xaxistype) {\n    plotlyXAxisType = xaxistype.toLowerCase() as AxisType\n  }\n\n  return (\n    <SynapsePlot\n      synapsePlotWidgetParams={{\n        query,\n        xtitle,\n        ytitle,\n        type: plotlyType,\n        barmode: plotlyBarMode,\n        displayModeBar: plotlyDisplayModebar,\n        horizontal: plotlyIsHorizontal,\n        showlegend: plotlyShowLegend,\n        title: title,\n        xaxistype: plotlyXAxisType,\n      }}\n    />\n  )\n}\n\nexport default MarkdownSynapsePlot\n"],"mappings":";;;;AAiBA,IAAM,KAAa,GAAY,MACtB,IAAI,EAAE,YAAY,KAAK,SAAU,KAAiB,IAG9C,KACX,MACoB;CACpB,IAAM,EACJ,UACA,UACA,WACA,WACA,SACA,cACA,eACA,YACA,eACA,sBACE,GACE,IAAmB,EAAU,GAAY,EAAI,GAC7C,IAAqB,EAAU,GAAY,EAAK,GAChD,IAAuB,EAAU,GAAgB,EAAK,GACtD,IAAgB,IACjB,EAAQ,YAAY,IACrB,KAAA,GACE,IAAa,EAAK,YAAY,GAEhC;CAKJ,OAJI,MACF,IAAkB,EAAU,YAAY,IAIxC,kBAAC,GAAD,EACE,yBAAyB;EACvB;EACA;EACA;EACA,MAAM;EACN,SAAS;EACT,gBAAgB;EAChB,YAAY;EACZ,YAAY;EACL;EACP,WAAW;CACb,EACD,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSynapseTable.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseTable.tsx"],"sourcesContent":["import QueryWrapperPlotNav from '../../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport StandaloneQueryWrapper from '../../StandaloneQueryWrapper/StandaloneQueryWrapper'\n\nexport type MarkdownSynapseTableProps = {\n  query: string\n  showquery: string\n  tableonly: string\n}\n\nexport default function MarkdownSynapseTable(props: MarkdownSynapseTableProps) {\n  const { query, showquery, tableonly } = props\n  const showQuery = showquery === 'true'\n  const tableOnly = tableonly === 'true'\n  const name = 'Items'\n  if (tableOnly) {\n    return <StandaloneQueryWrapper sql={query} name={name} />\n  }\n\n  return (\n    <QueryWrapperPlotNav\n      sql={query}\n      hideSqlEditorControl={!showQuery}\n      name={name}\n      defaultShowPlots={false}\n      tableConfiguration={{}}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,cAAW,iBAAc,GAClC,IAAY,MAAc,QAC1B,IAAY,MAAc,QAC1B,IAAO;AAKb,QAJI,IACK,kBAAC,GAAD;EAAwB,KAAK;EAAa;EAAQ,CAAA,GAIzD,kBAAC,GAAD;EACE,KAAK;EACL,sBAAsB,CAAC;EACjB;EACN,kBAAkB;EAClB,oBAAoB,EAAE;EACtB,CAAA"}
+{"version":3,"file":"MarkdownSynapseTable.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownSynapseTable.tsx"],"sourcesContent":["import QueryWrapperPlotNav from '../../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport StandaloneQueryWrapper from '../../StandaloneQueryWrapper/StandaloneQueryWrapper'\n\nexport type MarkdownSynapseTableProps = {\n  query: string\n  showquery: string\n  tableonly: string\n}\n\nexport default function MarkdownSynapseTable(props: MarkdownSynapseTableProps) {\n  const { query, showquery, tableonly } = props\n  const showQuery = showquery === 'true'\n  const tableOnly = tableonly === 'true'\n  const name = 'Items'\n  if (tableOnly) {\n    return <StandaloneQueryWrapper sql={query} name={name} />\n  }\n\n  return (\n    <QueryWrapperPlotNav\n      sql={query}\n      hideSqlEditorControl={!showQuery}\n      name={name}\n      defaultShowPlots={false}\n      tableConfiguration={{}}\n    />\n  )\n}\n"],"mappings":";;;;AASA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,UAAO,cAAW,iBAAc,GAClC,IAAY,MAAc,QAC1B,IAAY,MAAc,QAC1B,IAAO;CAKb,OAJI,IACK,kBAAC,GAAD;EAAwB,KAAK;EAAa;CAAO,CAAA,IAIxD,kBAAC,GAAD;EACE,KAAK;EACL,sBAAsB,CAAC;EACjB;EACN,kBAAkB;EAClB,oBAAoB,CAAC;CACtB,CAAA;AAEL"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownTableOfContents.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownTableOfContents.tsx"],"sourcesContent":["import { stripHTML } from '../MarkdownUtils'\n\nconst TOC_CLASS = {\n  1: 'toc-indent1',\n  2: 'toc-indent2',\n  3: 'toc-indent3',\n  4: 'toc-indent4',\n  5: 'toc-indent5',\n  6: 'toc-indent6',\n}\n\ntype MarkdownTableOfContentsProps = {\n  originalMarkup: string\n}\n\nexport default function MarkdownTableOfContents(\n  props: MarkdownTableOfContentsProps,\n) {\n  const { originalMarkup } = props\n  const elements: any[] = []\n  const TOC_HEADER_REGEX_WITH_ID =\n    /<h([1-6]) id=\"(.*)\" .*toc=\"true\">(.*)<\\/h[1-6]>/gm\n  let text = ''\n  originalMarkup.replace(TOC_HEADER_REGEX_WITH_ID, (p1, p2, p3, p4) => {\n    const headingText = stripHTML(p4)\n    text += headingText\n    elements.push(\n      <div key={headingText}>\n        <a\n          role=\"link\"\n          className={`link ${TOC_CLASS[Number(p2) as keyof typeof TOC_CLASS]}`}\n          data-anchor={p3}\n        >\n          {headingText}\n        </a>\n      </div>,\n    )\n    return ''\n  })\n  return <div key={text}>{elements}</div>\n}\n"],"mappings":";;;AAEA,IAAM,IAAY;CAChB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACJ;AAMD,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,GACrB,IAAkB,EAAE,EACpB,IACJ,qDACE,IAAO;AAiBX,QAhBA,EAAe,QAAQ,IAA2B,GAAI,GAAI,GAAI,MAAO;EACnE,IAAM,IAAc,EAAU,EAAG;AAajC,SAZA,KAAQ,GACR,EAAS,KACP,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;GACE,MAAK;GACL,WAAW,QAAQ,EAAU,OAAO,EAAG;GACvC,eAAa;aAEZ;GACC,CAAA,EACA,EARI,EAQJ,CACP,EACM;GACP,EACK,kBAAC,OAAD,EAAA,UAAiB,GAAe,EAAtB,EAAsB"}
+{"version":3,"file":"MarkdownTableOfContents.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownTableOfContents.tsx"],"sourcesContent":["import { stripHTML } from '../MarkdownUtils'\n\nconst TOC_CLASS = {\n  1: 'toc-indent1',\n  2: 'toc-indent2',\n  3: 'toc-indent3',\n  4: 'toc-indent4',\n  5: 'toc-indent5',\n  6: 'toc-indent6',\n}\n\ntype MarkdownTableOfContentsProps = {\n  originalMarkup: string\n}\n\nexport default function MarkdownTableOfContents(\n  props: MarkdownTableOfContentsProps,\n) {\n  const { originalMarkup } = props\n  const elements: any[] = []\n  const TOC_HEADER_REGEX_WITH_ID =\n    /<h([1-6]) id=\"(.*)\" .*toc=\"true\">(.*)<\\/h[1-6]>/gm\n  let text = ''\n  originalMarkup.replace(TOC_HEADER_REGEX_WITH_ID, (p1, p2, p3, p4) => {\n    const headingText = stripHTML(p4)\n    text += headingText\n    elements.push(\n      <div key={headingText}>\n        <a\n          role=\"link\"\n          className={`link ${TOC_CLASS[Number(p2) as keyof typeof TOC_CLASS]}`}\n          data-anchor={p3}\n        >\n          {headingText}\n        </a>\n      </div>,\n    )\n    return ''\n  })\n  return <div key={text}>{elements}</div>\n}\n"],"mappings":";;;AAEA,IAAM,IAAY;CAChB,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;CACH,GAAG;AACL;AAMA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,sBAAmB,GACrB,IAAkB,CAAC,GACnB,IACJ,qDACE,IAAO;CAiBX,OAhBA,EAAe,QAAQ,IAA2B,GAAI,GAAI,GAAI,MAAO;EACnE,IAAM,IAAc,EAAU,CAAE;EAahC,OAZA,KAAQ,GACR,EAAS,KACP,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;GACE,MAAK;GACL,WAAW,QAAQ,EAAU,OAAO,CAAE;GACtC,eAAa;aAEZ;EACA,CAAA,EACA,GARK,CAQL,CACP,GACO;CACT,CAAC,GACM,kBAAC,OAAD,EAAA,UAAiB,EAAc,GAArB,CAAqB;AACxC"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownUserOrTeamBadge.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownUserOrTeamBadge.tsx"],"sourcesContent":["import { useGetUserGroupHeaderWithAlias } from '@/synapse-queries'\nimport UserOrTeamBadge from '../../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type MarkdownUserOrTeamBadgeProps = {\n  alias: string\n}\n\nexport default function MarkdownUserOrTeamBadge(\n  props: MarkdownUserOrTeamBadgeProps,\n) {\n  const { alias } = props\n  const { data: userGroupHeader } = useGetUserGroupHeaderWithAlias([alias])\n\n  return userGroupHeader ? (\n    <UserOrTeamBadge principalId={userGroupHeader[0].ownerId} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,GACZ,EAAE,MAAM,MAAoB,EAA+B,CAAC,EAAM,CAAC;AAEzE,QAAO,IACL,kBAAC,GAAD,EAAiB,aAAa,EAAgB,GAAG,SAAW,CAAA,GAE5D,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"MarkdownUserOrTeamBadge.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownUserOrTeamBadge.tsx"],"sourcesContent":["import { useGetUserGroupHeaderWithAlias } from '@/synapse-queries'\nimport UserOrTeamBadge from '../../UserOrTeamBadge/UserOrTeamBadge'\n\nexport type MarkdownUserOrTeamBadgeProps = {\n  alias: string\n}\n\nexport default function MarkdownUserOrTeamBadge(\n  props: MarkdownUserOrTeamBadgeProps,\n) {\n  const { alias } = props\n  const { data: userGroupHeader } = useGetUserGroupHeaderWithAlias([alias])\n\n  return userGroupHeader ? (\n    <UserOrTeamBadge principalId={userGroupHeader[0].ownerId} />\n  ) : (\n    <></>\n  )\n}\n"],"mappings":";;;;;AAOA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,aAAU,GACZ,EAAE,MAAM,MAAoB,EAA+B,CAAC,CAAK,CAAC;CAExE,OAAO,IACL,kBAAC,GAAD,EAAiB,aAAa,EAAgB,GAAG,QAAU,CAAA,IAE3D,kBAAA,GAAA,CAAI,CAAA;AAER"}

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

@@ -1 +1 @@
-{"version":3,"file":"MarkdownVideo.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownVideo.tsx"],"sourcesContent":["import SynapseVideo, { SynapseVideoProps } from '../../widgets/SynapseVideo'\n\nexport type MarkdownVideoProps = SynapseVideoProps['params']\n\nexport default function MarkdownVideo(props: MarkdownVideoProps) {\n  return <SynapseVideo params={props} />\n}\n"],"mappings":";;;AAIA,SAAwB,EAAc,GAA2B;AAC/D,QAAO,kBAAC,GAAD,EAAc,QAAQ,GAAS,CAAA"}
+{"version":3,"file":"MarkdownVideo.js","names":[],"sources":["../../../../src/components/Markdown/widget/MarkdownVideo.tsx"],"sourcesContent":["import SynapseVideo, { SynapseVideoProps } from '../../widgets/SynapseVideo'\n\nexport type MarkdownVideoProps = SynapseVideoProps['params']\n\nexport default function MarkdownVideo(props: MarkdownVideoProps) {\n  return <SynapseVideo params={props} />\n}\n"],"mappings":";;;AAIA,SAAwB,EAAc,GAA2B;CAC/D,OAAO,kBAAC,GAAD,EAAc,QAAQ,EAAQ,CAAA;AACvC"}