synapse-react-client 4.0.19 → 4.0.20

package/dist/components/ShowMore/ShowMore.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShowMore.js","names":[],"sources":["../../../src/components/ShowMore/ShowMore.tsx"],"sourcesContent":["import { Component, MouseEvent } from 'react'\n\nconst CHAR_COUNT_CUTOFF = 400\n\ntype ShowMoreState = {\n  showMore: boolean\n}\n\nexport type ShowMoreProps = {\n  summary: string\n  maxCharacterCount?: number\n}\n\nexport default class ShowMore extends Component<ShowMoreProps, ShowMoreState> {\n  constructor(props: ShowMoreProps) {\n    super(props)\n    this.state = {\n      showMore: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n  }\n\n  public toggleShowMore(event: MouseEvent<HTMLAnchorElement>) {\n    event.preventDefault()\n    this.setState({\n      showMore: true,\n    })\n  }\n\n  getCutoff = (summary: string, maxCharacterCount: number) => {\n    let previewText = ''\n    if (!summary) {\n      return { previewText }\n    }\n    let hiddenText = ''\n    const summarySplit = summary.split(' ')\n    // find num words to join such that its >= char_count_cutoff\n    let i = 0\n    while (previewText.length < maxCharacterCount && i < summarySplit.length) {\n      previewText += `${summarySplit[i]} `\n      i += 1\n    }\n    if (i < summarySplit.length - 1) {\n      hiddenText = summarySplit.slice(i).join(' ')\n    }\n    return { previewText, hiddenText }\n  }\n\n  public render() {\n    const { summary, maxCharacterCount = CHAR_COUNT_CUTOFF } = this.props\n    const meetsCharRequirements = summary && summary.length >= maxCharacterCount\n    const { previewText, hiddenText } = this.getCutoff(\n      summary,\n      maxCharacterCount,\n    )\n    const showMoreButton = meetsCharRequirements && (\n      <a\n        style={{ fontSize: '14px', cursor: 'pointer', marginLeft: '5px' }}\n        onClick={this.toggleShowMore}\n        className=\"highlight-link\"\n      >\n        ...Show More\n      </a>\n    )\n    return (\n      <>\n        <span>\n          {previewText}\n          <span className={this.state.showMore ? '' : 'SRC-hidden'}>\n            {hiddenText}\n          </span>\n        </span>\n        {!this.state.showMore && showMoreButton}\n      </>\n    )\n  }\n}\n"],"mappings":";;;AAEA,IAAM,IAAoB,KAWL,IAArB,cAAsC,EAAwC;CAC5E,YAAY,GAAsB;AAKhC,EAJA,MAAM,EAAM,EACZ,KAAK,QAAQ,EACX,UAAU,IACX,EACD,KAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK;;CAGtD,eAAsB,GAAsC;AAE1D,EADA,EAAM,gBAAgB,EACtB,KAAK,SAAS,EACZ,UAAU,IACX,CAAC;;CAGJ,aAAa,GAAiB,MAA8B;EAC1D,IAAI,IAAc;AAClB,MAAI,CAAC,EACH,QAAO,EAAE,gBAAa;EAExB,IAAI,IAAa,IACX,IAAe,EAAQ,MAAM,IAAI,EAEnC,IAAI;AACR,SAAO,EAAY,SAAS,KAAqB,IAAI,EAAa,QAEhE,CADA,KAAe,GAAG,EAAa,GAAG,IAClC,KAAK;AAKP,SAHI,IAAI,EAAa,SAAS,MAC5B,IAAa,EAAa,MAAM,EAAE,CAAC,KAAK,IAAI,GAEvC;GAAE;GAAa;GAAY;;CAGpC,SAAgB;EACd,IAAM,EAAE,YAAS,uBAAoB,MAAsB,KAAK,OAC1D,IAAwB,KAAW,EAAQ,UAAU,GACrD,EAAE,gBAAa,kBAAe,KAAK,UACvC,GACA,EACD,EACK,IAAiB,KACrB,kBAAC,KAAD;GACE,OAAO;IAAE,UAAU;IAAQ,QAAQ;IAAW,YAAY;IAAO;GACjE,SAAS,KAAK;GACd,WAAU;aACX;GAEG,CAAA;AAEN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA,CACG,GACD,kBAAC,QAAD;GAAM,WAAW,KAAK,MAAM,WAAW,KAAK;aACzC;GACI,CAAA,CACF,EAAA,CAAA,EACN,CAAC,KAAK,MAAM,YAAY,EACxB,EAAA,CAAA"}
+{"version":3,"file":"ShowMore.js","names":[],"sources":["../../../src/components/ShowMore/ShowMore.tsx"],"sourcesContent":["import { Component, MouseEvent } from 'react'\n\nconst CHAR_COUNT_CUTOFF = 400\n\ntype ShowMoreState = {\n  showMore: boolean\n}\n\nexport type ShowMoreProps = {\n  summary: string\n  maxCharacterCount?: number\n}\n\nexport default class ShowMore extends Component<ShowMoreProps, ShowMoreState> {\n  constructor(props: ShowMoreProps) {\n    super(props)\n    this.state = {\n      showMore: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n  }\n\n  public toggleShowMore(event: MouseEvent<HTMLAnchorElement>) {\n    event.preventDefault()\n    this.setState({\n      showMore: true,\n    })\n  }\n\n  getCutoff = (summary: string, maxCharacterCount: number) => {\n    let previewText = ''\n    if (!summary) {\n      return { previewText }\n    }\n    let hiddenText = ''\n    const summarySplit = summary.split(' ')\n    // find num words to join such that its >= char_count_cutoff\n    let i = 0\n    while (previewText.length < maxCharacterCount && i < summarySplit.length) {\n      previewText += `${summarySplit[i]} `\n      i += 1\n    }\n    if (i < summarySplit.length - 1) {\n      hiddenText = summarySplit.slice(i).join(' ')\n    }\n    return { previewText, hiddenText }\n  }\n\n  public render() {\n    const { summary, maxCharacterCount = CHAR_COUNT_CUTOFF } = this.props\n    const meetsCharRequirements = summary && summary.length >= maxCharacterCount\n    const { previewText, hiddenText } = this.getCutoff(\n      summary,\n      maxCharacterCount,\n    )\n    const showMoreButton = meetsCharRequirements && (\n      <a\n        style={{ fontSize: '14px', cursor: 'pointer', marginLeft: '5px' }}\n        onClick={this.toggleShowMore}\n        className=\"highlight-link\"\n      >\n        ...Show More\n      </a>\n    )\n    return (\n      <>\n        <span>\n          {previewText}\n          <span className={this.state.showMore ? '' : 'SRC-hidden'}>\n            {hiddenText}\n          </span>\n        </span>\n        {!this.state.showMore && showMoreButton}\n      </>\n    )\n  }\n}\n"],"mappings":";;;AAEA,IAAM,IAAoB,KAWL,IAArB,cAAsC,EAAwC;CAC5E,YAAY,GAAsB;EAKhC,AAJA,MAAM,CAAK,GACX,KAAK,QAAQ,EACX,UAAU,GACZ,GACA,KAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI;CACrD;CAEA,eAAsB,GAAsC;EAE1D,AADA,EAAM,eAAe,GACrB,KAAK,SAAS,EACZ,UAAU,GACZ,CAAC;CACH;CAEA,aAAa,GAAiB,MAA8B;EAC1D,IAAI,IAAc;EAClB,IAAI,CAAC,GACH,OAAO,EAAE,eAAY;EAEvB,IAAI,IAAa,IACX,IAAe,EAAQ,MAAM,GAAG,GAElC,IAAI;EACR,OAAO,EAAY,SAAS,KAAqB,IAAI,EAAa,SAEhE,AADA,KAAe,GAAG,EAAa,GAAG,IAClC,KAAK;EAKP,OAHI,IAAI,EAAa,SAAS,MAC5B,IAAa,EAAa,MAAM,CAAC,EAAE,KAAK,GAAG,IAEtC;GAAE;GAAa;EAAW;CACnC;CAEA,SAAgB;EACd,IAAM,EAAE,YAAS,uBAAoB,MAAsB,KAAK,OAC1D,IAAwB,KAAW,EAAQ,UAAU,GACrD,EAAE,gBAAa,kBAAe,KAAK,UACvC,GACA,CACF,GACM,IAAiB,KACrB,kBAAC,KAAD;GACE,OAAO;IAAE,UAAU;IAAQ,QAAQ;IAAW,YAAY;GAAM;GAChE,SAAS,KAAK;GACd,WAAU;aACX;EAEE,CAAA;EAEL,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,QAAD,EAAA,UAAA,CACG,GACD,kBAAC,QAAD;GAAM,WAAW,KAAK,MAAM,WAAW,KAAK;aACzC;EACG,CAAA,CACF,EAAA,CAAA,GACL,CAAC,KAAK,MAAM,YAAY,CACzB,EAAA,CAAA;CAEN;AACF"}

package/dist/components/SignInButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.js","names":[],"sources":["../../src/components/SignInButton.tsx"],"sourcesContent":["import React from 'react'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport { CSSProperties } from 'react'\n\nexport type SignInProps = {\n  className?: string\n  style?: CSSProperties\n}\n// An event listener for the class SRC_SIGN_IN_CLASS is needed to trigger a download\n// modal\nconst SignInButton = ({ className, style }: SignInProps): React.ReactNode => {\n  return (\n    <Link\n      type=\"button\"\n      style={style}\n      className={`SignInButton ${SRC_SIGN_IN_CLASS} ${className}`}\n    >\n      Sign In\n    </Link>\n  )\n}\n\nexport default SignInButton\n"],"mappings":";;;;;AAWA,IAAM,KAAgB,EAAE,cAAW,eAE/B,kBAAC,GAAD;CACE,MAAK;CACE;CACP,WAAW,gBAAgB,EAAkB,GAAG;WACjD;CAEM,CAAA"}
+{"version":3,"file":"SignInButton.js","names":[],"sources":["../../src/components/SignInButton.tsx"],"sourcesContent":["import React from 'react'\nimport { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport { Link } from '@mui/material'\nimport { CSSProperties } from 'react'\n\nexport type SignInProps = {\n  className?: string\n  style?: CSSProperties\n}\n// An event listener for the class SRC_SIGN_IN_CLASS is needed to trigger a download\n// modal\nconst SignInButton = ({ className, style }: SignInProps): React.ReactNode => {\n  return (\n    <Link\n      type=\"button\"\n      style={style}\n      className={`SignInButton ${SRC_SIGN_IN_CLASS} ${className}`}\n    >\n      Sign In\n    </Link>\n  )\n}\n\nexport default SignInButton\n"],"mappings":";;;;;AAWA,IAAM,KAAgB,EAAE,cAAW,eAE/B,kBAAC,GAAD;CACE,MAAK;CACE;CACP,WAAW,gBAAgB,EAAkB,GAAG;WACjD;AAEK,CAAA"}

package/dist/components/SignInRequiredModal/SignInRequiredModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignInRequiredModal.js","names":[],"sources":["../../../src/components/SignInRequiredModal/SignInRequiredModal.tsx"],"sourcesContent":["import { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type SignInRequiredModalProps = Partial<\n  Omit<ConfirmationDialogProps, 'title' | 'onConfirm' | 'onCancel'>\n> & {\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\nexport const DEFAULT_CONTENT =\n  'You will need to sign in for access to that resource.'\nexport const TITLE = 'Sign In Required'\n\nexport function SignInRequiredModal({\n  onHide,\n  content = DEFAULT_CONTENT,\n  open = true,\n  ...rest\n}: SignInRequiredModalProps) {\n  return (\n    <ConfirmationDialog\n      {...rest}\n      open={open}\n      title={TITLE}\n      content={content}\n      onCancel={onHide}\n      onConfirm={onHide}\n      confirmButtonProps={{\n        ...rest.confirmButtonProps,\n        children: rest.confirmButtonProps?.children ?? CONFIRM_BUTTON_TEXT,\n        className: SRC_SIGN_IN_CLASS,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAsB,WACtB,IACX,yDACW,IAAQ;AAErB,SAAgB,EAAoB,EAClC,WACA,aAAU,GACV,UAAO,IACP,GAAG,KACwB;AAC3B,QACE,kBAAC,GAAD;EACE,GAAI;EACE;EACN,OAAO;EACE;EACT,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,GAAG,EAAK;GACR,UAAU,EAAK,oBAAoB,YAAA;GACnC,WAAW;GACZ;EACD,CAAA"}
+{"version":3,"file":"SignInRequiredModal.js","names":[],"sources":["../../../src/components/SignInRequiredModal/SignInRequiredModal.tsx"],"sourcesContent":["import { SRC_SIGN_IN_CLASS } from '@/utils/SynapseConstants'\nimport {\n  ConfirmationDialog,\n  ConfirmationDialogProps,\n} from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type SignInRequiredModalProps = Partial<\n  Omit<ConfirmationDialogProps, 'title' | 'onConfirm' | 'onCancel'>\n> & {\n  onHide: () => void\n}\n\nexport const CONFIRM_BUTTON_TEXT = 'Sign in'\nexport const DEFAULT_CONTENT =\n  'You will need to sign in for access to that resource.'\nexport const TITLE = 'Sign In Required'\n\nexport function SignInRequiredModal({\n  onHide,\n  content = DEFAULT_CONTENT,\n  open = true,\n  ...rest\n}: SignInRequiredModalProps) {\n  return (\n    <ConfirmationDialog\n      {...rest}\n      open={open}\n      title={TITLE}\n      content={content}\n      onCancel={onHide}\n      onConfirm={onHide}\n      confirmButtonProps={{\n        ...rest.confirmButtonProps,\n        children: rest.confirmButtonProps?.children ?? CONFIRM_BUTTON_TEXT,\n        className: SRC_SIGN_IN_CLASS,\n      }}\n    />\n  )\n}\n"],"mappings":";;;;AAYA,IAAa,IAAsB,WACtB,IACX,yDACW,IAAQ;AAErB,SAAgB,EAAoB,EAClC,WACA,aAAU,GACV,UAAO,IACP,GAAG,KACwB;CAC3B,OACE,kBAAC,GAAD;EACE,GAAI;EACE;EACN,OAAO;EACE;EACT,UAAU;EACV,WAAW;EACX,oBAAoB;GAClB,GAAG,EAAK;GACR,UAAU,EAAK,oBAAoB,YAAA;GACnC,WAAW;EACb;CACD,CAAA;AAEL"}

package/dist/components/Skeleton/SkeletonButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonButton.tsx"],"sourcesContent":["import { Button, Skeleton } from '@mui/material'\n\ntype SkeletonButtonProps = { placeholderText?: string }\n\n/**\n * Skeleton of a MUI button. The `placeholderText` prompt can be used to customise the length to roughly match the existing button\n */\nexport function SkeletonButton({\n  placeholderText = 'Placeholder',\n}: SkeletonButtonProps) {\n  return (\n    <Skeleton variant=\"rectangular\">\n      <Button>{placeholderText}</Button>\n    </Skeleton>\n  )\n}\n\nexport default SkeletonButton\n"],"mappings":";;;AAOA,SAAgB,EAAe,EAC7B,qBAAkB,iBACI;AACtB,QACE,kBAAC,GAAD;EAAU,SAAQ;YAChB,kBAAC,GAAD,EAAA,UAAS,GAAyB,CAAA;EACzB,CAAA"}
+{"version":3,"file":"SkeletonButton.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonButton.tsx"],"sourcesContent":["import { Button, Skeleton } from '@mui/material'\n\ntype SkeletonButtonProps = { placeholderText?: string }\n\n/**\n * Skeleton of a MUI button. The `placeholderText` prompt can be used to customise the length to roughly match the existing button\n */\nexport function SkeletonButton({\n  placeholderText = 'Placeholder',\n}: SkeletonButtonProps) {\n  return (\n    <Skeleton variant=\"rectangular\">\n      <Button>{placeholderText}</Button>\n    </Skeleton>\n  )\n}\n\nexport default SkeletonButton\n"],"mappings":";;;AAOA,SAAgB,EAAe,EAC7B,qBAAkB,iBACI;CACtB,OACE,kBAAC,GAAD;EAAU,SAAQ;YAChB,kBAAC,GAAD,EAAA,UAAS,EAAwB,CAAA;CACzB,CAAA;AAEd"}

package/dist/components/Skeleton/SkeletonInlineBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonInlineBlock.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonInlineBlock.tsx"],"sourcesContent":["import Skeleton, { SkeletonProps } from '@mui/material/Skeleton'\n\n/**\n * Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.\n */\nexport function SkeletonInlineBlock(props: SkeletonProps) {\n  return (\n    <Skeleton\n      style={{ ...props.style, display: 'inline-block' }}\n      {...props}\n    ></Skeleton>\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAoB,GAAsB;AACxD,QACE,kBAAC,GAAD;EACE,OAAO;GAAE,GAAG,EAAM;GAAO,SAAS;GAAgB;EAClD,GAAI;EACM,CAAA"}
+{"version":3,"file":"SkeletonInlineBlock.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonInlineBlock.tsx"],"sourcesContent":["import Skeleton, { SkeletonProps } from '@mui/material/Skeleton'\n\n/**\n * Skeleton with a display value of `inline-block`. MUI applies `display: block` with high specificity, so it's easiest to just apply the style to the component.\n */\nexport function SkeletonInlineBlock(props: SkeletonProps) {\n  return (\n    <Skeleton\n      style={{ ...props.style, display: 'inline-block' }}\n      {...props}\n    ></Skeleton>\n  )\n}\n"],"mappings":";;;AAKA,SAAgB,EAAoB,GAAsB;CACxD,OACE,kBAAC,GAAD;EACE,OAAO;GAAE,GAAG,EAAM;GAAO,SAAS;EAAe;EACjD,GAAI;CACK,CAAA;AAEf"}

package/dist/components/Skeleton/SkeletonParagraph.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonParagraph.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\n\nexport type SkeletonParagraphProps = {\n  numRows?: number\n  rowHeight?: string\n  className?: string\n}\n\n/**\n * Skeleton component designed to mimic a paragraph.\n */\nexport function SkeletonParagraph({\n  numRows = 5,\n  rowHeight,\n  className,\n}: SkeletonParagraphProps) {\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={i === numRows - 1 ? '35%' : '100%'}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, rowHeight])\n\n  return <div className={className}>{skeletons}</div>\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAkB,EAChC,aAAU,GACV,cACA,gBACyB;CACzB,IAAM,CAAC,GAAW,KAAgB,EAAsB,EAAE,CAAC;AAiB3D,QAfA,QAAgB;EACd,IAAM,IAAwB,EAAE;AAWhC,EAVA,EAAM,IAAS,MAAK;AAClB,KAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,MAAM,IAAU,IAAI,QAAQ;IACzB,CAAA,EACH,EALI,EAKJ,CACZ;IACD,EACF,EAAa,EAAS;IACrB,CAAC,GAAS,EAAU,CAAC,EAEjB,kBAAC,OAAD;EAAgB;YAAY;EAAgB,CAAA"}
+{"version":3,"file":"SkeletonParagraph.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonParagraph.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\n\nexport type SkeletonParagraphProps = {\n  numRows?: number\n  rowHeight?: string\n  className?: string\n}\n\n/**\n * Skeleton component designed to mimic a paragraph.\n */\nexport function SkeletonParagraph({\n  numRows = 5,\n  rowHeight,\n  className,\n}: SkeletonParagraphProps) {\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={i === numRows - 1 ? '35%' : '100%'}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, rowHeight])\n\n  return <div className={className}>{skeletons}</div>\n}\n"],"mappings":";;;;;AAaA,SAAgB,EAAkB,EAChC,aAAU,GACV,cACA,gBACyB;CACzB,IAAM,CAAC,GAAW,KAAgB,EAAsB,CAAC,CAAC;CAiB1D,OAfA,QAAgB;EACd,IAAM,IAAwB,CAAC;EAW/B,AAVA,EAAM,IAAS,MAAK;GAClB,EAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,MAAM,IAAU,IAAI,QAAQ;GAC1B,CAAA,EACH,GALK,CAKL,CACZ;EACF,CAAC,GACD,EAAa,CAAQ;CACvB,GAAG,CAAC,GAAS,CAAS,CAAC,GAEhB,kBAAC,OAAD;EAAgB;YAAY;CAAe,CAAA;AACpD"}

package/dist/components/Skeleton/SkeletonTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonTable.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonTable.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\nimport { Box, BoxProps } from '@mui/material'\n\nfunction getRandomInt(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min) + min)\n}\n\nexport type SkeletonTableProps = BoxProps & {\n  numRows?: number\n  numCols?: number\n  rowHeight?: string\n  fullWidthCells?: boolean\n}\n\n/**\n * Skeleton component designed to mimic a table with an arbitrary number of rows and columns.\n *\n * Implemented using CSS grid.\n */\nexport function SkeletonTable(props: SkeletonTableProps) {\n  const {\n    numRows = 5,\n    numCols = 2,\n    rowHeight,\n    fullWidthCells = false,\n    ...boxProps\n  } = props\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows * numCols, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={fullWidthCells ? '100%' : `${getRandomInt(35, 75)}%`}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, numCols, rowHeight, fullWidthCells])\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `auto `.repeat(numCols),\n        gap: '8px',\n        ...boxProps.sx,\n      }}\n    >\n      {skeletons}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,EAAa,GAAa,GAAa;AAC9C,QAAO,KAAK,MAAM,KAAK,QAAQ,IAAI,IAAM,KAAO,EAAI;;AAetD,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,aAAU,GACV,aAAU,GACV,cACA,oBAAiB,IACjB,GAAG,MACD,GACE,CAAC,GAAW,KAAgB,EAAsB,EAAE,CAAC;AAiB3D,QAfA,QAAgB;EACd,IAAM,IAAwB,EAAE;AAWhC,EAVA,EAAM,IAAU,IAAS,MAAK;AAC5B,KAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,IAAiB,SAAS,GAAG,EAAa,IAAI,GAAG,CAAC;IAC/C,CAAA,EACH,EALI,EAKJ,CACZ;IACD,EACF,EAAa,EAAS;IACrB;EAAC;EAAS;EAAS;EAAW;EAAe,CAAC,EAG/C,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;GACF,SAAS;GACT,qBAAqB,QAAQ,OAAO,EAAQ;GAC5C,KAAK;GACL,GAAG,EAAS;GACb;YAEA;EACG,CAAA"}
+{"version":3,"file":"SkeletonTable.js","names":[],"sources":["../../../src/components/Skeleton/SkeletonTable.tsx"],"sourcesContent":["import { Fragment, ReactNode, useEffect, useState } from 'react'\nimport Skeleton from '@mui/material/Skeleton'\nimport { times } from 'lodash-es'\nimport { Box, BoxProps } from '@mui/material'\n\nfunction getRandomInt(min: number, max: number) {\n  return Math.floor(Math.random() * (max - min) + min)\n}\n\nexport type SkeletonTableProps = BoxProps & {\n  numRows?: number\n  numCols?: number\n  rowHeight?: string\n  fullWidthCells?: boolean\n}\n\n/**\n * Skeleton component designed to mimic a table with an arbitrary number of rows and columns.\n *\n * Implemented using CSS grid.\n */\nexport function SkeletonTable(props: SkeletonTableProps) {\n  const {\n    numRows = 5,\n    numCols = 2,\n    rowHeight,\n    fullWidthCells = false,\n    ...boxProps\n  } = props\n  const [skeletons, setSkeletons] = useState<ReactNode[]>([])\n\n  useEffect(() => {\n    const elements: ReactNode[] = []\n    times(numRows * numCols, i => {\n      elements.push(\n        <Fragment key={i}>\n          <Skeleton\n            height={rowHeight}\n            width={fullWidthCells ? '100%' : `${getRandomInt(35, 75)}%`}\n          ></Skeleton>\n        </Fragment>,\n      )\n    })\n    setSkeletons(elements)\n  }, [numRows, numCols, rowHeight, fullWidthCells])\n\n  return (\n    <Box\n      {...boxProps}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `auto `.repeat(numCols),\n        gap: '8px',\n        ...boxProps.sx,\n      }}\n    >\n      {skeletons}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,SAAS,EAAa,GAAa,GAAa;CAC9C,OAAO,KAAK,MAAM,KAAK,OAAO,KAAK,IAAM,KAAO,CAAG;AACrD;AAcA,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,aAAU,GACV,aAAU,GACV,cACA,oBAAiB,IACjB,GAAG,MACD,GACE,CAAC,GAAW,KAAgB,EAAsB,CAAC,CAAC;CAiB1D,OAfA,QAAgB;EACd,IAAM,IAAwB,CAAC;EAW/B,AAVA,EAAM,IAAU,IAAS,MAAK;GAC5B,EAAS,KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IACE,QAAQ;IACR,OAAO,IAAiB,SAAS,GAAG,EAAa,IAAI,EAAE,EAAE;GAChD,CAAA,EACH,GALK,CAKL,CACZ;EACF,CAAC,GACD,EAAa,CAAQ;CACvB,GAAG;EAAC;EAAS;EAAS;EAAW;CAAc,CAAC,GAG9C,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;GACF,SAAS;GACT,qBAAqB,QAAQ,OAAO,CAAO;GAC3C,KAAK;GACL,GAAG,EAAS;EACd;YAEC;CACE,CAAA;AAET"}

package/dist/components/SmartLink/SmartButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartButton.js","names":[],"sources":["../../../src/components/SmartLink/SmartButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartButtonProps extends ButtonProps {\n  href?: string\n  target?: string\n}\n\nexport function SmartButton({\n  href,\n  target,\n  children,\n  ...props\n}: SmartButtonProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <Button {...navProps} {...props}>\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAC1B,SACA,WACA,aACA,GAAG,KACgB;AAEnB,QACE,kBAAC,GAAD;EAAQ,GAFO,EAAa,GAAM,EAEtB;EAAU,GAAI;EACvB;EACM,CAAA"}
+{"version":3,"file":"SmartButton.js","names":[],"sources":["../../../src/components/SmartLink/SmartButton.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartButtonProps extends ButtonProps {\n  href?: string\n  target?: string\n}\n\nexport function SmartButton({\n  href,\n  target,\n  children,\n  ...props\n}: SmartButtonProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <Button {...navProps} {...props}>\n      {children}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAQA,SAAgB,EAAY,EAC1B,SACA,WACA,aACA,GAAG,KACgB;CAEnB,OACE,kBAAC,GAAD;EAAQ,GAFO,EAAa,GAAM,CAEtB;EAAU,GAAI;EACvB;CACK,CAAA;AAEZ"}

package/dist/components/SmartLink/SmartLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmartLink.js","names":[],"sources":["../../../src/components/SmartLink/SmartLink.tsx"],"sourcesContent":["import { Link as MuiLink, LinkProps as MuiLinkProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartLinkProps extends MuiLinkProps {\n  href: string\n}\n\nexport function SmartLink({\n  href,\n  target,\n  children,\n  ...props\n}: SmartLinkProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <MuiLink {...navProps} {...props}>\n      {children}\n    </MuiLink>\n  )\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAU,EACxB,SACA,WACA,aACA,GAAG,KACc;AAEjB,QACE,kBAAC,GAAD;EAAS,GAFM,EAAa,GAAM,EAErB;EAAU,GAAI;EACxB;EACO,CAAA"}
+{"version":3,"file":"SmartLink.js","names":[],"sources":["../../../src/components/SmartLink/SmartLink.tsx"],"sourcesContent":["import { Link as MuiLink, LinkProps as MuiLinkProps } from '@mui/material'\nimport { useSmartLink } from './useSmartLink'\n\ninterface SmartLinkProps extends MuiLinkProps {\n  href: string\n}\n\nexport function SmartLink({\n  href,\n  target,\n  children,\n  ...props\n}: SmartLinkProps) {\n  const navProps = useSmartLink(href, target)\n  return (\n    <MuiLink {...navProps} {...props}>\n      {children}\n    </MuiLink>\n  )\n}\n"],"mappings":";;;;AAOA,SAAgB,EAAU,EACxB,SACA,WACA,aACA,GAAG,KACc;CAEjB,OACE,kBAAC,GAAD;EAAS,GAFM,EAAa,GAAM,CAErB;EAAU,GAAI;EACxB;CACM,CAAA;AAEb"}

package/dist/components/SmartLink/useSmartLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSmartLink.js","names":[],"sources":["../../../src/components/SmartLink/useSmartLink.tsx"],"sourcesContent":["import { useInRouterContext, Link as ReactRouterLink } from 'react-router'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\n\nexport function useSmartLink(href?: string, target?: string) {\n  const inRouterContext = useInRouterContext()\n  const isExternal = href ? isExternalLink(href) : false\n\n  if (href && inRouterContext && !isExternal) {\n    return {\n      component: ReactRouterLink,\n      to: href,\n    }\n  }\n\n  return {\n    component: href ? ('a' as const) : undefined,\n    href,\n    target: target ?? (isExternal ? '_blank' : undefined),\n    rel: isExternal ? 'noopener noreferrer' : undefined,\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,EAAa,GAAe,GAAiB;CAC3D,IAAM,IAAkB,GAAoB,EACtC,IAAa,IAAO,EAAe,EAAK,GAAG;AASjD,QAPI,KAAQ,KAAmB,CAAC,IACvB;EACL,WAAW;EACX,IAAI;EACL,GAGI;EACL,WAAW,IAAQ,MAAgB,KAAA;EACnC;EACA,QAAQ,MAAW,IAAa,WAAW,KAAA;EAC3C,KAAK,IAAa,wBAAwB,KAAA;EAC3C"}
+{"version":3,"file":"useSmartLink.js","names":[],"sources":["../../../src/components/SmartLink/useSmartLink.tsx"],"sourcesContent":["import { useInRouterContext, Link as ReactRouterLink } from 'react-router'\nimport { isExternalLink } from '@/utils/functions/IsExternalLink'\n\nexport function useSmartLink(href?: string, target?: string) {\n  const inRouterContext = useInRouterContext()\n  const isExternal = href ? isExternalLink(href) : false\n\n  if (href && inRouterContext && !isExternal) {\n    return {\n      component: ReactRouterLink,\n      to: href,\n    }\n  }\n\n  return {\n    component: href ? ('a' as const) : undefined,\n    href,\n    target: target ?? (isExternal ? '_blank' : undefined),\n    rel: isExternal ? 'noopener noreferrer' : undefined,\n  }\n}\n"],"mappings":";;;AAGA,SAAgB,EAAa,GAAe,GAAiB;CAC3D,IAAM,IAAkB,EAAmB,GACrC,IAAa,IAAO,EAAe,CAAI,IAAI;CASjD,OAPI,KAAQ,KAAmB,CAAC,IACvB;EACL,WAAW;EACX,IAAI;CACN,IAGK;EACL,WAAW,IAAQ,MAAgB,KAAA;EACnC;EACA,QAAQ,MAAW,IAAa,WAAW,KAAA;EAC3C,KAAK,IAAa,wBAAwB,KAAA;CAC5C;AACF"}

package/dist/components/SourceAppImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SourceAppImage.js","names":[],"sources":["../../src/components/SourceAppImage.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport Skeleton from '@mui/material/Skeleton'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SourceAppImageProps = {\n  sourceAppConfigTableID: string\n  fileHandleId: string | null\n  friendlyName?: string\n}\n\n// Refactored into it's own class, thinking that using a prefetch resource would improve loading performance of the images, but it does not.\nfunction SourceAppImage(props: SourceAppImageProps) {\n  const { sourceAppConfigTableID, fileHandleId, friendlyName } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: sourceAppConfigTableID,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, true, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error) {\n    return <></>\n  }\n  const icon = dataUrl ? (\n    <img\n      className=\"SourceAppImage\"\n      alt={friendlyName ? `${friendlyName} logo` : 'Application logo'}\n      src={dataUrl}\n    />\n  ) : (\n    <Skeleton variant=\"rectangular\" width={250} height={65} />\n  )\n\n  return icon\n}\n\nexport default SourceAppImage\n"],"mappings":";;;;;;AAcA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,2BAAwB,iBAAc,oBAAiB,GAMzD,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;EAEoB,EAAK,IAAM,EAC7D,SAAS,CAAC,CAAC,GACZ,CAAC,EAEI,IAAU,GAAoB;AAgBpC,QAfc,GAAoB,aAAa,QAGtC,kBAAA,GAAA,EAAK,CAAA,GAED,IACX,kBAAC,OAAD;EACE,WAAU;EACV,KAAK,IAAe,GAAG,EAAa,SAAS;EAC7C,KAAK;EACL,CAAA,GAEF,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAO;EAAK,QAAQ;EAAM,CAAA"}
+{"version":3,"file":"SourceAppImage.js","names":[],"sources":["../../src/components/SourceAppImage.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport Skeleton from '@mui/material/Skeleton'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SourceAppImageProps = {\n  sourceAppConfigTableID: string\n  fileHandleId: string | null\n  friendlyName?: string\n}\n\n// Refactored into it's own class, thinking that using a prefetch resource would improve loading performance of the images, but it does not.\nfunction SourceAppImage(props: SourceAppImageProps) {\n  const { sourceAppConfigTableID, fileHandleId, friendlyName } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: sourceAppConfigTableID,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, true, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error) {\n    return <></>\n  }\n  const icon = dataUrl ? (\n    <img\n      className=\"SourceAppImage\"\n      alt={friendlyName ? `${friendlyName} logo` : 'Application logo'}\n      src={dataUrl}\n    />\n  ) : (\n    <Skeleton variant=\"rectangular\" width={250} height={65} />\n  )\n\n  return icon\n}\n\nexport default SourceAppImage\n"],"mappings":";;;;;;AAcA,SAAS,EAAe,GAA4B;CAClD,IAAM,EAAE,2BAAwB,iBAAc,oBAAiB,GAMzD,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;CAEoB,GAAK,IAAM,EAC7D,SAAS,CAAC,CAAC,EACb,CAAC,GAEK,IAAU,GAAoB;CAgBpC,OAfc,GAAoB,aAAa,QAGtC,kBAAA,GAAA,CAAI,CAAA,IAEA,IACX,kBAAC,OAAD;EACE,WAAU;EACV,KAAK,IAAe,GAAG,EAAa,SAAS;EAC7C,KAAK;CACN,CAAA,IAED,kBAAC,GAAD;EAAU,SAAQ;EAAc,OAAO;EAAK,QAAQ;CAAK,CAAA;AAI7D"}

package/dist/components/SpinnerButton/SpinnerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SpinnerButton.js","names":[],"sources":["../../../src/components/SpinnerButton/SpinnerButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  LoginAwareButton,\n  LoginAwareButtonProps,\n} from '../widgets/LoginAwareButton'\nimport { Box } from '@mui/material'\n\nexport type SpinnerButtonProps = LoginAwareButtonProps & {\n  showSpinner?: boolean\n}\n\nfunction SpinnerButton({ showSpinner = false, ...props }: SpinnerButtonProps) {\n  const [width, setWidth] = useState(0)\n  const elementRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (elementRef) {\n      const n = elementRef.current?.offsetWidth ?? 0\n      setWidth(n)\n    }\n  }, [])\n  return (\n    <div\n      data-testid=\"SpinnerButton\"\n      style={{ position: 'relative', width: 'max-content' }}\n    >\n      {showSpinner && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '8px',\n            left: `${width / 2 - 8}px`,\n          }}\n        >\n          <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n        </div>\n      )}\n      <Box sx={{ display: 'flex' }} ref={elementRef}>\n        <LoginAwareButton\n          {...props}\n          disabled={props.disabled || showSpinner}\n          style={{ opacity: showSpinner ? 0.4 : 1 }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default SpinnerButton\n"],"mappings":";;;;;AAWA,SAAS,EAAc,EAAE,iBAAc,IAAO,GAAG,KAA6B;CAC5E,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE,EAC/B,IAAa,EAAuB,KAAK;AAQ/C,QANA,QAAgB;AACd,EAAI,KAEF,EADU,EAAW,SAAS,eAAe,EAClC;IAEZ,EAAE,CAAC,EAEJ,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GAAE,UAAU;GAAY,OAAO;GAAe;YAFvD,CAIG,KACC,kBAAC,OAAD;GACE,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM,GAAG,IAAQ,IAAI,EAAE;IACxB;aAED,kBAAC,QAAD;IAAM,eAAY;IAAwB,WAAU;IAAY,CAAA;GAC5D,CAAA,EAER,kBAAC,GAAD;GAAK,IAAI,EAAE,SAAS,QAAQ;GAAE,KAAK;aACjC,kBAAC,GAAD;IACE,GAAI;IACJ,UAAU,EAAM,YAAY;IAC5B,OAAO,EAAE,SAAS,IAAc,KAAM,GAAG;IACzC,CAAA;GACE,CAAA,CACF"}
+{"version":3,"file":"SpinnerButton.js","names":[],"sources":["../../../src/components/SpinnerButton/SpinnerButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport {\n  LoginAwareButton,\n  LoginAwareButtonProps,\n} from '../widgets/LoginAwareButton'\nimport { Box } from '@mui/material'\n\nexport type SpinnerButtonProps = LoginAwareButtonProps & {\n  showSpinner?: boolean\n}\n\nfunction SpinnerButton({ showSpinner = false, ...props }: SpinnerButtonProps) {\n  const [width, setWidth] = useState(0)\n  const elementRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (elementRef) {\n      const n = elementRef.current?.offsetWidth ?? 0\n      setWidth(n)\n    }\n  }, [])\n  return (\n    <div\n      data-testid=\"SpinnerButton\"\n      style={{ position: 'relative', width: 'max-content' }}\n    >\n      {showSpinner && (\n        <div\n          style={{\n            position: 'absolute',\n            top: '8px',\n            left: `${width / 2 - 8}px`,\n          }}\n        >\n          <span data-testid=\"SpinnerButton-spinner\" className=\"spinner\" />\n        </div>\n      )}\n      <Box sx={{ display: 'flex' }} ref={elementRef}>\n        <LoginAwareButton\n          {...props}\n          disabled={props.disabled || showSpinner}\n          style={{ opacity: showSpinner ? 0.4 : 1 }}\n        />\n      </Box>\n    </div>\n  )\n}\n\nexport default SpinnerButton\n"],"mappings":";;;;;AAWA,SAAS,EAAc,EAAE,iBAAc,IAAO,GAAG,KAA6B;CAC5E,IAAM,CAAC,GAAO,KAAY,EAAS,CAAC,GAC9B,IAAa,EAAuB,IAAI;CAQ9C,OANA,QAAgB;EACd,AAAI,KAEF,EADU,EAAW,SAAS,eAAe,CACnC;CAEd,GAAG,CAAC,CAAC,GAEH,kBAAC,OAAD;EACE,eAAY;EACZ,OAAO;GAAE,UAAU;GAAY,OAAO;EAAc;YAFtD,CAIG,KACC,kBAAC,OAAD;GACE,OAAO;IACL,UAAU;IACV,KAAK;IACL,MAAM,GAAG,IAAQ,IAAI,EAAE;GACzB;aAEA,kBAAC,QAAD;IAAM,eAAY;IAAwB,WAAU;GAAW,CAAA;EAC5D,CAAA,GAEP,kBAAC,GAAD;GAAK,IAAI,EAAE,SAAS,OAAO;GAAG,KAAK;aACjC,kBAAC,GAAD;IACE,GAAI;IACJ,UAAU,EAAM,YAAY;IAC5B,OAAO,EAAE,SAAS,IAAc,KAAM,EAAE;GACzC,CAAA;EACE,CAAA,CACF;;AAET"}

package/dist/components/SqlDefinedTableEditor/SqlDefinedTableEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlDefinedTableEditor.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditor.tsx"],"sourcesContent":["import { Box, Link, TextField, Typography } from '@mui/material'\nimport { TextFieldProps } from '@mui/material/TextField'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\n\nconst MATERIALIZED_VIEW_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      If you store normalized data in Synapse tables, views, or datasets, you\n      can combine separate data sources using Materialized Views. A materialized\n      view is a type of Synapse table that is defined using a Synapse SQL\n      statement, which can contain SQL keywords such as JOIN and UNION to\n      combine existing Synapse tables.\n    </Typography>\n    <Link\n      href={\n        'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n      }\n      target=\"_blank\"\n      onClick={e => {\n        e.stopPropagation()\n      }}\n    >\n      More about Materialized Views\n    </Link>\n  </Box>\n)\n\nconst VIRTUAL_TABLE_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      A Synapse Virtual Table is a type of table that is defined by a Synapse\n      SQL query. Any query on a Virtual Table will execute the defining SQL\n      statement on the referenced table. The defining SQL of a Virtual Table\n      cannot include JOIN clauses on multiple tables.\n    </Typography>\n  </Box>\n)\n\nexport type SqlDefinedTableEditorProps = TextFieldProps & {\n  /* Optional entity type for showing help documentation */\n  entityType?: EntityType\n}\n\n/**\n * Component used to edit the SQL of a Synapse entity defined by SQL, such as a MaterializedView or VirtualTable\n * @param props\n * @constructor\n */\nexport default function SqlDefinedTableEditor(\n  props: SqlDefinedTableEditorProps,\n) {\n  const { entityType, ...textFieldProps } = props\n  return (\n    <>\n      {entityType === EntityType.materializedview && MATERIALIZED_VIEW_HELP}\n      {entityType === EntityType.virtualtable && VIRTUAL_TABLE_HELP}\n      <TextField\n        label={'Defining SQL'}\n        placeholder={'SELECT * FROM syn123'}\n        fullWidth\n        multiline\n        required\n        minRows={6}\n        {...textFieldProps}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,KACL;WAHH,CAKE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;GACL;YACF;EAMY,CAAA,EACb,kBAAC,GAAD;EACE,MACE;EAEF,QAAO;EACP,UAAS,MAAK;AACZ,KAAE,iBAAiB;;YAEtB;EAEM,CAAA,CACH;IAGF,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,KACL;WAED,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;GACL;YACF;EAKY,CAAA;CACT,CAAA;AAaR,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,GAAG,MAAmB;AAC1C,QACE,kBAAA,GAAA,EAAA,UAAA;EACG,MAAe,EAAW,oBAAoB;EAC9C,MAAe,EAAW,gBAAgB;EAC3C,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,WAAA;GACA,WAAA;GACA,UAAA;GACA,SAAS;GACT,GAAI;GACJ,CAAA;EACD,EAAA,CAAA"}
+{"version":3,"file":"SqlDefinedTableEditor.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditor.tsx"],"sourcesContent":["import { Box, Link, TextField, Typography } from '@mui/material'\nimport { TextFieldProps } from '@mui/material/TextField'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\n\nconst MATERIALIZED_VIEW_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      If you store normalized data in Synapse tables, views, or datasets, you\n      can combine separate data sources using Materialized Views. A materialized\n      view is a type of Synapse table that is defined using a Synapse SQL\n      statement, which can contain SQL keywords such as JOIN and UNION to\n      combine existing Synapse tables.\n    </Typography>\n    <Link\n      href={\n        'https://help.synapse.org/docs/Combining-Data-from-Multiple-Table-Sources.2973270158.html'\n      }\n      target=\"_blank\"\n      onClick={e => {\n        e.stopPropagation()\n      }}\n    >\n      More about Materialized Views\n    </Link>\n  </Box>\n)\n\nconst VIRTUAL_TABLE_HELP = (\n  <Box\n    sx={{\n      mb: 2.5,\n    }}\n  >\n    <Typography\n      variant={'body1'}\n      sx={{\n        color: 'grey.700',\n        mb: 1.25,\n      }}\n    >\n      A Synapse Virtual Table is a type of table that is defined by a Synapse\n      SQL query. Any query on a Virtual Table will execute the defining SQL\n      statement on the referenced table. The defining SQL of a Virtual Table\n      cannot include JOIN clauses on multiple tables.\n    </Typography>\n  </Box>\n)\n\nexport type SqlDefinedTableEditorProps = TextFieldProps & {\n  /* Optional entity type for showing help documentation */\n  entityType?: EntityType\n}\n\n/**\n * Component used to edit the SQL of a Synapse entity defined by SQL, such as a MaterializedView or VirtualTable\n * @param props\n * @constructor\n */\nexport default function SqlDefinedTableEditor(\n  props: SqlDefinedTableEditorProps,\n) {\n  const { entityType, ...textFieldProps } = props\n  return (\n    <>\n      {entityType === EntityType.materializedview && MATERIALIZED_VIEW_HELP}\n      {entityType === EntityType.virtualtable && VIRTUAL_TABLE_HELP}\n      <TextField\n        label={'Defining SQL'}\n        placeholder={'SELECT * FROM syn123'}\n        fullWidth\n        multiline\n        required\n        minRows={6}\n        {...textFieldProps}\n      />\n    </>\n  )\n}\n"],"mappings":";;;;AAIA,IAAM,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,IACN;WAHF,CAKE,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;EACN;YACD;CAMW,CAAA,GACZ,kBAAC,GAAD;EACE,MACE;EAEF,QAAO;EACP,UAAS,MAAK;GACZ,EAAE,gBAAgB;EACpB;YACD;CAEK,CAAA,CACH;IAGD,IACJ,kBAAC,GAAD;CACE,IAAI,EACF,IAAI,IACN;WAEA,kBAAC,GAAD;EACE,SAAS;EACT,IAAI;GACF,OAAO;GACP,IAAI;EACN;YACD;CAKW,CAAA;AACT,CAAA;AAaP,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,eAAY,GAAG,MAAmB;CAC1C,OACE,kBAAA,GAAA,EAAA,UAAA;EACG,MAAe,EAAW,oBAAoB;EAC9C,MAAe,EAAW,gBAAgB;EAC3C,kBAAC,GAAD;GACE,OAAO;GACP,aAAa;GACb,WAAA;GACA,WAAA;GACA,UAAA;GACA,SAAS;GACT,GAAI;EACL,CAAA;CACD,EAAA,CAAA;AAEN"}

package/dist/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SqlDefinedTableEditorModal.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { MaterializedView, VirtualTable } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SqlDefinedTableEditor from './SqlDefinedTableEditor'\n\nexport type SqlDefinedTableEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport function SqlDefinedTableEditorModal(\n  props: SqlDefinedTableEditorModalProps,\n) {\n  const { open, entityId, onCancel, onUpdate } = props\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<MaterializedView | VirtualTable>(entityId, undefined, {\n    // Set the stale time to infinity because we don't want to refetch this in the middle of an edit\n    staleTime: Infinity,\n  })\n  const [sql, setSql] = useState('')\n\n  useEffect(() => {\n    if (entity) {\n      setSql(entity.definingSQL)\n    }\n  }, [entity])\n\n  const type = entity ? convertToEntityType(entity.concreteType) : undefined\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<MaterializedView | VirtualTable>({ onSuccess: onUpdate })\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Update SQL\"\n      content={\n        <>\n          <SqlDefinedTableEditor\n            value={sql}\n            entityType={type}\n            onChange={e => setSql(e.target.value)}\n            disabled={isLoading}\n          ></SqlDefinedTableEditor>\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, definingSQL: sql })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n\nexport default SqlDefinedTableEditorModal\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA8C,GAAU,KAAA,GAAW,EAErE,WAAW,UACZ,CAAC,EACI,CAAC,GAAK,KAAU,EAAS,GAAG;AAElC,SAAgB;AACd,EAAI,KACF,EAAO,EAAO,YAAY;IAE3B,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAO,IAAS,EAAoB,EAAO,aAAa,GAAG,KAAA,GAC3D,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAiD,EAAE,WAAW,GAAU,CAAC,EACvE,IAAY,KAAmB,GAC/B,IAAQ,KAAe;AAC7B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,OAAO;GACP,YAAY;GACZ,WAAU,MAAK,EAAO,EAAE,OAAO,MAAM;GACrC,UAAU;GACa,CAAA,EACxB,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;GACD,UAAS;aAER,EAAM;GACD,CAAA,CAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,KACF,EAAO;IAAE,GAAG;IAAQ,aAAa;IAAK,CAAC;;EAGjC;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"SqlDefinedTableEditorModal.js","names":[],"sources":["../../../src/components/SqlDefinedTableEditor/SqlDefinedTableEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { convertToEntityType } from '@/utils/functions/EntityTypeUtils'\nimport { Alert } from '@mui/material'\nimport { MaterializedView, VirtualTable } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SqlDefinedTableEditor from './SqlDefinedTableEditor'\n\nexport type SqlDefinedTableEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport function SqlDefinedTableEditorModal(\n  props: SqlDefinedTableEditorModalProps,\n) {\n  const { open, entityId, onCancel, onUpdate } = props\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<MaterializedView | VirtualTable>(entityId, undefined, {\n    // Set the stale time to infinity because we don't want to refetch this in the middle of an edit\n    staleTime: Infinity,\n  })\n  const [sql, setSql] = useState('')\n\n  useEffect(() => {\n    if (entity) {\n      setSql(entity.definingSQL)\n    }\n  }, [entity])\n\n  const type = entity ? convertToEntityType(entity.concreteType) : undefined\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<MaterializedView | VirtualTable>({ onSuccess: onUpdate })\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Update SQL\"\n      content={\n        <>\n          <SqlDefinedTableEditor\n            value={sql}\n            entityType={type}\n            onChange={e => setSql(e.target.value)}\n            disabled={isLoading}\n          ></SqlDefinedTableEditor>\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, definingSQL: sql })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n\nexport default SqlDefinedTableEditorModal\n"],"mappings":";;;;;;;;;;AAeA,SAAgB,EACd,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA8C,GAAU,KAAA,GAAW,EAErE,WAAW,SACb,CAAC,GACK,CAAC,GAAK,KAAU,EAAS,EAAE;CAEjC,QAAgB;EACd,AAAI,KACF,EAAO,EAAO,WAAW;CAE7B,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAO,IAAS,EAAoB,EAAO,YAAY,IAAI,KAAA,GAC3D,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAiD,EAAE,WAAW,EAAS,CAAC,GACtE,IAAY,KAAmB,GAC/B,IAAQ,KAAe;CAC7B,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,OAAO;GACP,YAAY;GACZ,WAAU,MAAK,EAAO,EAAE,OAAO,KAAK;GACpC,UAAU;EACY,CAAA,GACvB,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;GACA,UAAS;aAER,EAAM;EACF,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,KACF,EAAO;IAAE,GAAG;IAAQ,aAAa;GAAI,CAAC;EAE1C;EACU;EACV,UAAS;CACV,CAAA;AAEL"}

package/dist/components/StandaloneQueryWrapper/StandaloneQueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StandaloneQueryWrapper.js","names":[],"sources":["../../../src/components/StandaloneQueryWrapper/StandaloneQueryWrapper.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { SynapseConstants } from '@/utils'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport { QueryContextConsumer } from '../QueryContext/QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper/QueryWrapper'\nimport { QueryWrapperPlotNavProps } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport { SynapseTableConfiguration } from '../SynapseTable/SynapseTable'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\n\ntype StandaloneQueryWrapperOwnProps = {\n  showTopLevelControls?: boolean\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  customControls?: CustomControl[]\n} & Omit<TopLevelControlsProps, 'customControls'> &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'showLastUpdatedOn'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'additionalFiltersSessionStorageKey'\n  > &\n  Pick<\n    QueryWrapperProps,\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n    | 'onQueryResultBundleChange'\n    | 'shouldDeepLink'\n  > &\n  Pick<QueryWrapperPlotNavProps, 'cardConfiguration' | 'tableConfiguration'>\n\nexport type StandaloneQueryWrapperProps = QueryOrDeprecatedSearchParams &\n  SynapseTableConfiguration &\n  StandaloneQueryWrapperOwnProps\n\nexport const generateInitQueryRequest = (query: Query): QueryBundleRequest => {\n  return {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    entityId: parseEntityIdFromSqlStatement(query.sql),\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      limit: DEFAULT_PAGE_SIZE,\n      offset: 0,\n      ...query,\n    },\n  }\n}\n\nexport function getQueryFromProps(props: StandaloneQueryWrapperProps) {\n  if (props.query) {\n    // use props.query if set\n    return props.query\n  } else {\n    // use the deprecated sql, searchParams, and sqlOperator\n    const additionalFilters = getAdditionalFilters(\n      props.searchParams,\n      props.sqlOperator,\n      props.additionalFiltersSessionStorageKey,\n    )\n    return {\n      sql: props.sql!,\n      additionalFilters,\n      offset: 0,\n    }\n  }\n}\n\n/**\n * This component was initially implemented on the portal side. It renders a SynapseTable if a title is provided.\n * If showTopLevelControls is set to true, then the SynapseTable will also include the TopLevelControls (search, export table, column selection).\n */\nfunction StandaloneQueryWrapper(props: StandaloneQueryWrapperProps) {\n  /** @deprecated property inherited from SynapseTableProps */\n  const { hideDownload } = props\n  const {\n    showAccessColumn,\n    sql: deprecatedSql,\n    hideAddToDownloadListColumn = hideDownload,\n    hideQueryCount,\n    name,\n    showTopLevelControls = false,\n    searchConfiguration,\n    unitDescription = 'Results',\n    rgbIndex,\n    showLastUpdatedOn,\n    noContentPlaceholderType = showTopLevelControls\n      ? NoContentPlaceholderType.INTERACTIVE\n      : NoContentPlaceholderType.STATIC,\n    cardConfiguration,\n    tableConfiguration,\n    shouldDeepLink,\n    customControls,\n    ...rest\n  } = props\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const query: Query = getQueryFromProps(props)\n  const derivedQueryRequestFromSearchParams = generateInitQueryRequest(query)\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const { data: entity } = useGetEntity(entityId)\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey =\n    JSON.stringify(derivedQueryRequestFromSearchParams) + componentKey\n  return (\n    <QueryWrapper\n      {...rest}\n      initQueryRequest={derivedQueryRequestFromSearchParams}\n      shouldDeepLink={shouldDeepLink}\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={rgbIndex}\n        unitDescription={unitDescription}\n        showLastUpdatedOn={showLastUpdatedOn}\n        noContentPlaceholderType={noContentPlaceholderType}\n        {...rest}\n      >\n        <QueryContextConsumer>\n          {queryContext => {\n            if (queryContext === undefined) {\n              throw new Error(\n                'No queryContext found when calling QueryContextConsumer',\n              )\n            }\n            return (\n              <QueryVisualizationContextConsumer>\n                {queryVisualizationContext => {\n                  if (queryVisualizationContext === undefined) {\n                    throw new Error(\n                      'No queryVisualizationContext found when calling QueryVisualizationContextConsumer',\n                    )\n                  }\n\n                  return (\n                    <>\n                      {showTopLevelControls && (\n                        <TopLevelControls\n                          showColumnSelection={true}\n                          name={name}\n                          hideDownload={hideAddToDownloadListColumn}\n                          hideQueryCount={hideQueryCount}\n                          hideFacetFilterControl={true}\n                          hideVisualizationsControl={true}\n                          remount={remount}\n                          customControls={customControls}\n                        />\n                      )}\n                      {entity && isTable(entity) && entity.isSearchEnabled ? (\n                        <FullTextSearch\n                          ftsConfig={searchConfiguration?.ftsConfig}\n                        />\n                      ) : (\n                        <SearchV2\n                          {...searchConfiguration}\n                          queryContext={queryContext}\n                          queryVisualizationContext={queryVisualizationContext}\n                        />\n                      )}\n                      <SqlEditor />\n                      {showTopLevelControls && (\n                        <TotalQueryResults frontText={''} />\n                      )}\n                      <CustomControls\n                        customControls={props.customControls}\n                        remount={remount}\n                      />\n\n                      <RowSetView\n                        tableConfiguration={\n                          cardConfiguration\n                            ? undefined\n                            : {\n                                ...tableConfiguration, // if exist, use tableConfiguration property\n                                showAccessColumn: showAccessColumn,\n                                hideAddToDownloadListColumn,\n                                ...rest,\n                              }\n                        }\n                        cardConfiguration={cardConfiguration} // if exist, use the cardConfiguration property\n                      />\n                    </>\n                  )\n                }}\n              </QueryVisualizationContextConsumer>\n            )\n          }}\n        </QueryContextConsumer>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default StandaloneQueryWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KAA4B,OAChC;CACL,UACE;CAMF,UAAU,EAA8B,EAAM,IAAI;CAClD,cAAc;CACd,OAAO;EACL,OAAA;EACA,QAAQ;EACR,GAAG;EACJ;CACF;AAGH,SAAgB,EAAkB,GAAoC;AACpE,KAAI,EAAM,MAER,QAAO,EAAM;CACR;EAEL,IAAM,IAAoB,EACxB,EAAM,cACN,EAAM,aACN,EAAM,mCACP;AACD,SAAO;GACL,KAAK,EAAM;GACX;GACA,QAAQ;GACT;;;AAQL,SAAS,EAAuB,GAAoC;CAElE,IAAM,EAAE,oBAAiB,GACnB,EACJ,qBACA,KAAK,GACL,iCAA8B,GAC9B,mBACA,SACA,0BAAuB,IACvB,wBACA,qBAAkB,WAClB,aACA,sBACA,8BAA2B,IACvB,EAAyB,cACzB,EAAyB,QAC7B,sBACA,uBACA,mBACA,mBACA,GAAG,MACD,GACE,CAAC,GAAc,KAAmB,EAAS,EAAE,EAC7C,UAAgB;AACpB,IAAgB,IAAe,EAAE;IAG7B,IAAM,EAAM,OAAO,OAAO,KAAiB,IAE3C,IAAsC,EADvB,EAAkB,EAC8B,CAAM,EAErE,EAAE,MAAM,MAAW,EADR,EAA8B,EACT,CAAS,EAQzC,IACJ,KAAK,UAAU,EAAoC,GAAG;AACxD,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,kBAAkB;EACF;EAChB,KAAK;EAgFQ,EA9Eb,kBAAC,GAAD;EACY;EACO;EACE;EACO;EAC1B,GAAI;YAEJ,kBAAC,GAAD,EAAA,WACG,MAAgB;AACf,OAAI,MAAiB,KAAA,EACnB,OAAU,MACR,0DACD;AAEH,UACE,kBAAC,GAAD,EAAA,WACG,MAA6B;AAC5B,QAAI,MAA8B,KAAA,EAChC,OAAU,MACR,oFACD;AAGH,WACE,kBAAA,GAAA,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MACE,qBAAqB;MACf;MACN,cAAc;MACE;MAChB,wBAAwB;MACxB,2BAA2B;MAClB;MACO;MAChB,CAAA;KAEH,KAAU,EAAQ,EAAO,IAAI,EAAO,kBACnC,kBAAC,GAAD,EACE,WAAW,GAAqB,WAChC,CAAA,GAEF,kBAAC,GAAD;MACE,GAAI;MACU;MACa;MAC3B,CAAA;KAEJ,kBAAC,GAAD,EAAa,CAAA;KACZ,KACC,kBAAC,GAAD,EAAmB,WAAW,IAAM,CAAA;KAEtC,kBAAC,GAAD;MACE,gBAAgB,EAAM;MACb;MACT,CAAA;KAEF,kBAAC,GAAD;MACE,oBACE,IACI,KAAA,IACA;OACE,GAAG;OACe;OAClB;OACA,GAAG;OACJ;MAEY;MACnB,CAAA;KACD,EAAA,CAAA;MAG2B,CAAA;KAGnB,CAAA;EACG,CAAA,CACf"}
+{"version":3,"file":"StandaloneQueryWrapper.js","names":[],"sources":["../../../src/components/StandaloneQueryWrapper/StandaloneQueryWrapper.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport { useGetEntity } from '@/synapse-queries/entity/useEntity'\nimport { SynapseConstants } from '@/utils'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n} from '@/utils/functions/SqlFunctions'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport { QueryContextConsumer } from '../QueryContext/QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper/QueryWrapper'\nimport { QueryWrapperPlotNavProps } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { RowSetView } from '../QueryWrapperPlotNav/RowSetView'\nimport { NoContentPlaceholderType } from '../SynapseTable/NoContentPlaceholderType'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport { SynapseTableConfiguration } from '../SynapseTable/SynapseTable'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\n\ntype StandaloneQueryWrapperOwnProps = {\n  showTopLevelControls?: boolean\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  customControls?: CustomControl[]\n} & Omit<TopLevelControlsProps, 'customControls'> &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'rgbIndex'\n    | 'unitDescription'\n    | 'columnAliases'\n    | 'noContentPlaceholderType'\n    | 'showLastUpdatedOn'\n    | 'visibleColumnCount'\n    | 'hiddenColumns'\n    | 'additionalFiltersSessionStorageKey'\n  > &\n  Pick<\n    QueryWrapperProps,\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n    | 'onQueryResultBundleChange'\n    | 'shouldDeepLink'\n  > &\n  Pick<QueryWrapperPlotNavProps, 'cardConfiguration' | 'tableConfiguration'>\n\nexport type StandaloneQueryWrapperProps = QueryOrDeprecatedSearchParams &\n  SynapseTableConfiguration &\n  StandaloneQueryWrapperOwnProps\n\nexport const generateInitQueryRequest = (query: Query): QueryBundleRequest => {\n  return {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    entityId: parseEntityIdFromSqlStatement(query.sql),\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    query: {\n      limit: DEFAULT_PAGE_SIZE,\n      offset: 0,\n      ...query,\n    },\n  }\n}\n\nexport function getQueryFromProps(props: StandaloneQueryWrapperProps) {\n  if (props.query) {\n    // use props.query if set\n    return props.query\n  } else {\n    // use the deprecated sql, searchParams, and sqlOperator\n    const additionalFilters = getAdditionalFilters(\n      props.searchParams,\n      props.sqlOperator,\n      props.additionalFiltersSessionStorageKey,\n    )\n    return {\n      sql: props.sql!,\n      additionalFilters,\n      offset: 0,\n    }\n  }\n}\n\n/**\n * This component was initially implemented on the portal side. It renders a SynapseTable if a title is provided.\n * If showTopLevelControls is set to true, then the SynapseTable will also include the TopLevelControls (search, export table, column selection).\n */\nfunction StandaloneQueryWrapper(props: StandaloneQueryWrapperProps) {\n  /** @deprecated property inherited from SynapseTableProps */\n  const { hideDownload } = props\n  const {\n    showAccessColumn,\n    sql: deprecatedSql,\n    hideAddToDownloadListColumn = hideDownload,\n    hideQueryCount,\n    name,\n    showTopLevelControls = false,\n    searchConfiguration,\n    unitDescription = 'Results',\n    rgbIndex,\n    showLastUpdatedOn,\n    noContentPlaceholderType = showTopLevelControls\n      ? NoContentPlaceholderType.INTERACTIVE\n      : NoContentPlaceholderType.STATIC,\n    cardConfiguration,\n    tableConfiguration,\n    shouldDeepLink,\n    customControls,\n    ...rest\n  } = props\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const query: Query = getQueryFromProps(props)\n  const derivedQueryRequestFromSearchParams = generateInitQueryRequest(query)\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const { data: entity } = useGetEntity(entityId)\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey =\n    JSON.stringify(derivedQueryRequestFromSearchParams) + componentKey\n  return (\n    <QueryWrapper\n      {...rest}\n      initQueryRequest={derivedQueryRequestFromSearchParams}\n      shouldDeepLink={shouldDeepLink}\n      key={queryWrapperKey}\n    >\n      <QueryVisualizationWrapper\n        rgbIndex={rgbIndex}\n        unitDescription={unitDescription}\n        showLastUpdatedOn={showLastUpdatedOn}\n        noContentPlaceholderType={noContentPlaceholderType}\n        {...rest}\n      >\n        <QueryContextConsumer>\n          {queryContext => {\n            if (queryContext === undefined) {\n              throw new Error(\n                'No queryContext found when calling QueryContextConsumer',\n              )\n            }\n            return (\n              <QueryVisualizationContextConsumer>\n                {queryVisualizationContext => {\n                  if (queryVisualizationContext === undefined) {\n                    throw new Error(\n                      'No queryVisualizationContext found when calling QueryVisualizationContextConsumer',\n                    )\n                  }\n\n                  return (\n                    <>\n                      {showTopLevelControls && (\n                        <TopLevelControls\n                          showColumnSelection={true}\n                          name={name}\n                          hideDownload={hideAddToDownloadListColumn}\n                          hideQueryCount={hideQueryCount}\n                          hideFacetFilterControl={true}\n                          hideVisualizationsControl={true}\n                          remount={remount}\n                          customControls={customControls}\n                        />\n                      )}\n                      {entity && isTable(entity) && entity.isSearchEnabled ? (\n                        <FullTextSearch\n                          ftsConfig={searchConfiguration?.ftsConfig}\n                        />\n                      ) : (\n                        <SearchV2\n                          {...searchConfiguration}\n                          queryContext={queryContext}\n                          queryVisualizationContext={queryVisualizationContext}\n                        />\n                      )}\n                      <SqlEditor />\n                      {showTopLevelControls && (\n                        <TotalQueryResults frontText={''} />\n                      )}\n                      <CustomControls\n                        customControls={props.customControls}\n                        remount={remount}\n                      />\n\n                      <RowSetView\n                        tableConfiguration={\n                          cardConfiguration\n                            ? undefined\n                            : {\n                                ...tableConfiguration, // if exist, use tableConfiguration property\n                                showAccessColumn: showAccessColumn,\n                                hideAddToDownloadListColumn,\n                                ...rest,\n                              }\n                        }\n                        cardConfiguration={cardConfiguration} // if exist, use the cardConfiguration property\n                      />\n                    </>\n                  )\n                }}\n              </QueryVisualizationContextConsumer>\n            )\n          }}\n        </QueryContextConsumer>\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n\nexport default StandaloneQueryWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAiEA,IAAa,KAA4B,OAChC;CACL,UACE;CAMF,UAAU,EAA8B,EAAM,GAAG;CACjD,cAAc;CACd,OAAO;EACL,OAAA;EACA,QAAQ;EACR,GAAG;CACL;AACF;AAGF,SAAgB,EAAkB,GAAoC;CACpE,IAAI,EAAM,OAER,OAAO,EAAM;CACR;EAEL,IAAM,IAAoB,EACxB,EAAM,cACN,EAAM,aACN,EAAM,kCACR;EACA,OAAO;GACL,KAAK,EAAM;GACX;GACA,QAAQ;EACV;CACF;AACF;AAMA,SAAS,EAAuB,GAAoC;CAElE,IAAM,EAAE,oBAAiB,GACnB,EACJ,qBACA,KAAK,GACL,iCAA8B,GAC9B,mBACA,SACA,0BAAuB,IACvB,wBACA,qBAAkB,WAClB,aACA,sBACA,8BAA2B,IACvB,EAAyB,cACzB,EAAyB,QAC7B,sBACA,uBACA,mBACA,mBACA,GAAG,MACD,GACE,CAAC,GAAc,KAAmB,EAAS,CAAC,GAC5C,UAAgB;EACpB,EAAgB,IAAe,CAAC;CAClC,GAEM,IAAM,EAAM,OAAO,OAAO,KAAiB,IAE3C,IAAsC,EADvB,EAAkB,CAC8B,CAAK,GAEpE,EAAE,MAAM,MAAW,EADR,EAA8B,CACT,CAAQ,GAQxC,IACJ,KAAK,UAAU,CAAmC,IAAI;CACxD,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,kBAAkB;EACF;EAChB,KAAK;CAgFO,GA9EZ,kBAAC,GAAD;EACY;EACO;EACE;EACO;EAC1B,GAAI;YAEJ,kBAAC,GAAD,EAAA,WACG,MAAgB;GACf,IAAI,MAAiB,KAAA,GACnB,MAAU,MACR,yDACF;GAEF,OACE,kBAAC,GAAD,EAAA,WACG,MAA6B;IAC5B,IAAI,MAA8B,KAAA,GAChC,MAAU,MACR,mFACF;IAGF,OACE,kBAAA,GAAA,EAAA,UAAA;KACG,KACC,kBAAC,GAAD;MACE,qBAAqB;MACf;MACN,cAAc;MACE;MAChB,wBAAwB;MACxB,2BAA2B;MAClB;MACO;KACjB,CAAA;KAEF,KAAU,EAAQ,CAAM,KAAK,EAAO,kBACnC,kBAAC,GAAD,EACE,WAAW,GAAqB,UACjC,CAAA,IAED,kBAAC,GAAD;MACE,GAAI;MACU;MACa;KAC5B,CAAA;KAEH,kBAAC,GAAD,CAAY,CAAA;KACX,KACC,kBAAC,GAAD,EAAmB,WAAW,GAAK,CAAA;KAErC,kBAAC,GAAD;MACE,gBAAgB,EAAM;MACb;KACV,CAAA;KAED,kBAAC,GAAD;MACE,oBACE,IACI,KAAA,IACA;OACE,GAAG;OACe;OAClB;OACA,GAAG;MACL;MAEa;KACpB,CAAA;IACD,EAAA,CAAA;GAEN,EACiC,CAAA;EAEvC,EACoB,CAAA;CACG,CAAA,CACf;AAElB"}

package/dist/components/StatisticsPlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAiBK,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;AAEtC,EADA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,EAAE;GACb;;CAGH,oBAA2B;AACzB,OAAK,iBAAiB;;CAOxB,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;AACzB,SAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,YAAY,CACzE,MAAM,MAAyC;AAC9C,QAAK,SAAS;IACZ,UAAU;IACV,UAAU;IACX,CAAC;IACF,CACD,OAAO,MAAa;AACnB,WAAQ,IAAI,oCAAoC,EAAI;IACpD;;CAGN,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,EAAA;GACA,GAAA,EAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,GAAa;GAC9B,eAEE,qBAAqB,EAAU;GAClC;AACD,OAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,WAAW;AAM1D,GALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,aAAa,EACnC,GAAG,EAAc,gBAAgB,GACnC,EACD,EAAM,EAAE,KAAK,EAAU,WAAW;;AAEpC,SAAO;;CAGT,iBAAiB;AACf,MAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,SACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;GACZ,EACK,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACD;GACF;AAaD,EAZI,MACF,EAAO,QAAQ,EACb,OAAO,GACR,GAEC,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,aAAa;GACnC,GAGC,MACF,EAAO,QAAQ,EACb,OAAO,GACR;EAGH,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,EAAE;AAyCjB,SAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,UACD,CACF,EAGD,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,UACD,CACF,EAEC,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;GAClB,CAAA,GAEM,kBAAA,GAAA,EAAK,CAAA;;CAGnB,SAAgB;AAId,SAHK,KAAK,MAAM,WAGT,KAAK,UAAU,GAFb"}
+{"version":3,"file":"StatisticsPlot.js","names":[],"sources":["../../src/components/StatisticsPlot.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  FilesCountStatistics,\n  ProjectFilesStatisticsRequest,\n  ProjectFilesStatisticsResponse,\n} from '@sage-bionetworks/synapse-types'\nimport { Component, ContextType } from 'react'\nimport Plot from './Plot/Plot'\n\nconst months = [\n  'Jan',\n  'Feb',\n  'Mar',\n  'Apr',\n  'May',\n  'Jun',\n  'Jul',\n  'Aug',\n  'Sep',\n  'Oct',\n  'Nov',\n  'Dec',\n]\n\nexport type StatisticsPlotProps = {\n  request: ProjectFilesStatisticsRequest\n  title?: string\n  xtitle?: string\n  ytitle?: string\n  isHorizontal?: boolean\n  xaxistype?: string\n  showlegend?: boolean\n}\n\ntype StatisticsPlotState = {\n  isLoaded: boolean\n  plotData?: ProjectFilesStatisticsResponse\n}\n\nclass StatisticsPlot extends Component<\n  StatisticsPlotProps,\n  StatisticsPlotState\n> {\n  static contextType = SynapseContext\n  declare context: NonNullable<ContextType<typeof SynapseContext>>\n  constructor(props: StatisticsPlotProps) {\n    super(props)\n    this.state = {\n      isLoaded: false,\n      plotData: {} as ProjectFilesStatisticsResponse,\n    }\n  }\n\n  public componentDidMount() {\n    this.fetchPlotlyData()\n  }\n  /**\n   * Get data for plotly\n   *\n   * @returns data corresponding to plotly widget\n   */\n  fetchPlotlyData = async () => {\n    const { request } = this.props\n    return SynapseClient.getProjectStatistics(request, this.context.accessToken)\n      .then((data: ProjectFilesStatisticsResponse) => {\n        this.setState({\n          isLoaded: true,\n          plotData: data,\n        })\n      })\n      .catch((err: any) => {\n        console.log('Error on call to get statistics ', err)\n      })\n  }\n\n  getTrace = (\n    traceName: string,\n    stats: FilesCountStatistics[],\n    orientation: string,\n    markerColor: string,\n  ) => {\n    const x: string[] = []\n    const y: number[] = []\n    const trace = {\n      orientation,\n      x,\n      y,\n      name: traceName,\n      type: 'bar',\n      marker: { color: markerColor },\n      hovertemplate:\n        // see S3 Formatting options: https://github.com/d3/d3-3.x-api-reference/blob/master/Formatting.md#d3_format\n        `%{y:n} <br><extra>${traceName}</extra>`,\n    }\n    for (const statPoint of stats) {\n      const statPointDate: Date = new Date(statPoint.rangeStart)\n      trace.x.push(\n        `${\n          months[statPointDate.getUTCMonth()]\n        } ${statPointDate.getUTCFullYear()}`,\n      )\n      trace.y.push(statPoint.filesCount)\n    }\n    return trace\n  }\n\n  showPlot = () => {\n    if (!this.state.isLoaded || !this.state.plotData) {\n      return\n    }\n    const { title, xtitle, ytitle, isHorizontal, xaxistype, showlegend } =\n      this.props\n    const plotData = this.state.plotData\n    const layout: any = {\n      showlegend,\n      title,\n      barmode: 'stack',\n      hovermode: 'x',\n    }\n    const config: any = {\n      displayModeBar: true,\n      displaylogo: false,\n      // options found here: https://github.com/plotly/plotly.js/blob/master/src/components/modebar/buttons.js\n      modeBarButtonsToRemove: [\n        'sendDataToCloud',\n        'hoverCompareCartesian',\n        'select2d',\n        'lasso2d',\n        'zoom2d',\n        'resetScale2d',\n        'hoverClosestCartesian',\n        'toggleSpikelines',\n      ],\n    }\n    if (xtitle) {\n      layout.xaxis = {\n        title: xtitle,\n      }\n    }\n    if (xaxistype) {\n      layout.xaxis = {\n        ...layout.xaxis,\n        xaxistype: xaxistype.toLowerCase(),\n      }\n    }\n\n    if (ytitle) {\n      layout.yaxis = {\n        title: ytitle,\n      }\n    }\n    // init plot_data\n    const orientation: string = isHorizontal ? 'h' : 'v'\n    const traces: any = []\n    if (\n      plotData.fileDownloads &&\n      plotData.fileDownloads.months &&\n      plotData.fileDownloads.months.length > 0\n    ) {\n      // add file downloads trace\n      traces.push(\n        this.getTrace(\n          'File Downloads',\n          plotData.fileDownloads.months,\n          orientation,\n          '#7CC0C4',\n        ),\n      )\n    }\n    if (\n      plotData.fileUploads &&\n      plotData.fileUploads.months &&\n      plotData.fileUploads.months.length > 0\n    ) {\n      // add file uploads trace\n      traces.push(\n        this.getTrace(\n          'File Uploads',\n          plotData.fileUploads.months,\n          orientation,\n          '#D4689A',\n        ),\n      )\n    }\n    if (traces.length > 0)\n      return (\n        <Plot\n          layout={layout}\n          data={traces}\n          config={config}\n          className=\"SRC-fullWidth\"\n          useResizeHandler={true}\n        />\n      )\n    else return <></>\n  }\n\n  public render() {\n    if (!this.state.isLoaded) {\n      return null\n    }\n    return this.showPlot()\n  }\n}\nexport default StatisticsPlot\n"],"mappings":";;;;;;AAUA,IAAM,IAAS;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAiBM,IAAN,cAA6B,EAG3B;CACA,OAAO,cAAc;CAErB,YAAY,GAA4B;EAEtC,AADA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,UAAU;GACV,UAAU,CAAC;EACb;CACF;CAEA,oBAA2B;EACzB,KAAK,gBAAgB;CACvB;CAMA,kBAAkB,YAAY;EAC5B,IAAM,EAAE,eAAY,KAAK;EACzB,OAAO,EAAc,qBAAqB,GAAS,KAAK,QAAQ,WAAW,EACxE,MAAM,MAAyC;GAC9C,KAAK,SAAS;IACZ,UAAU;IACV,UAAU;GACZ,CAAC;EACH,CAAC,EACA,OAAO,MAAa;GACnB,QAAQ,IAAI,oCAAoC,CAAG;EACrD,CAAC;CACL;CAEA,YACE,GACA,GACA,GACA,MACG;EAGH,IAAM,IAAQ;GACZ;GACA,GAAA,CAAA;GACA,GAAA,CAAA;GACA,MAAM;GACN,MAAM;GACN,QAAQ,EAAE,OAAO,EAAY;GAC7B,eAEE,qBAAqB,EAAU;EACnC;EACA,KAAK,IAAM,KAAa,GAAO;GAC7B,IAAM,IAAsB,IAAI,KAAK,EAAU,UAAU;GAMzD,AALA,EAAM,EAAE,KACN,GACE,EAAO,EAAc,YAAY,GAClC,GAAG,EAAc,eAAe,GACnC,GACA,EAAM,EAAE,KAAK,EAAU,UAAU;EACnC;EACA,OAAO;CACT;CAEA,iBAAiB;EACf,IAAI,CAAC,KAAK,MAAM,YAAY,CAAC,KAAK,MAAM,UACtC;EAEF,IAAM,EAAE,UAAO,WAAQ,WAAQ,iBAAc,cAAW,kBACtD,KAAK,OACD,IAAW,KAAK,MAAM,UACtB,IAAc;GAClB;GACA;GACA,SAAS;GACT,WAAW;EACb,GACM,IAAc;GAClB,gBAAgB;GAChB,aAAa;GAEb,wBAAwB;IACtB;IACA;IACA;IACA;IACA;IACA;IACA;IACA;GACF;EACF;EAaA,AAZI,MACF,EAAO,QAAQ,EACb,OAAO,EACT,IAEE,MACF,EAAO,QAAQ;GACb,GAAG,EAAO;GACV,WAAW,EAAU,YAAY;EACnC,IAGE,MACF,EAAO,QAAQ,EACb,OAAO,EACT;EAGF,IAAM,IAAsB,IAAe,MAAM,KAC3C,IAAc,CAAC;EAyChB,OAvCH,EAAS,iBACT,EAAS,cAAc,UACvB,EAAS,cAAc,OAAO,SAAS,KAGvC,EAAO,KACL,KAAK,SACH,kBACA,EAAS,cAAc,QACvB,GACA,SACF,CACF,GAGA,EAAS,eACT,EAAS,YAAY,UACrB,EAAS,YAAY,OAAO,SAAS,KAGrC,EAAO,KACL,KAAK,SACH,gBACA,EAAS,YAAY,QACrB,GACA,SACF,CACF,GAEE,EAAO,SAAS,IAEhB,kBAAC,GAAD;GACU;GACR,MAAM;GACE;GACR,WAAU;GACV,kBAAkB;EACnB,CAAA,IAEO,kBAAA,GAAA,CAAI,CAAA;CAClB;CAEA,SAAgB;EAId,OAHK,KAAK,MAAM,WAGT,KAAK,SAAS,IAFZ;CAGX;AACF"}

package/dist/components/StepperDialog/StepperDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;AACrB,KAAI,CAAC,EAAM,QAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACN;YAED,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;GAAqB,CAAA,CAC9D,EAAA,CAAA;EACC,CAAA;AAGR,QACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,GAAU;cACjD,EAAK;IACC,CAAA;GAEV,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,aAAa,GAAG;cAEzD;IAEQ,CAAA;GAEV,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,SAAS,GAAG;cAEjD;IAEQ,CAAA;GAEV,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;AACb,QAAW;;IAEb,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,OAAO;cAExB,EAAK;IACQ,CAAA;GAEjB,EAAA,CAAA;EAEL,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;GAAQ,EAC7C;EACD,cAAc,EAAK;EACnB,CAAA"}
+{"version":3,"file":"StepperDialog.js","names":[],"sources":["../../../src/components/StepperDialog/StepperDialog.tsx"],"sourcesContent":["import { Alert, Button, Box } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { DialogBase } from '../DialogBase'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SpinnerButton from '../SpinnerButton/SpinnerButton'\nimport { DialogContentProps } from '@mui/material'\n\nexport type Step<TStepId = string> = {\n  id: TStepId\n  title: string\n  cancelButtonText?: string\n  onConfirm?: () => void\n  confirmStep?: string\n  confirmEnabled?: boolean\n  confirmButtonText?: string\n  previousStep?: string\n  nextStep?: string\n  nextEnabled?: boolean\n  contentProps?: DialogContentProps\n}\n\nexport type Steps = Step[]\n\nexport type StepperDialogProps = {\n  errorMessage: string | undefined\n  onCancel: () => void\n  onConfirm: () => void\n  confirming?: boolean\n  onStepChange: (arg: string) => void\n  open: boolean\n  step: Step\n  content: ReactNode\n  loading: boolean\n}\n\n/**\n * A stepper dialog built using MUI components.\n */\nfunction StepperDialog({\n  errorMessage,\n  onCancel,\n  onConfirm,\n  confirming,\n  onStepChange,\n  open,\n  step,\n  content,\n  loading,\n}: StepperDialogProps) {\n  if (!step) return null\n\n  const dialogContent = (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        gap: 1,\n      }}\n    >\n      <>\n        {loading ? <SynapseSpinner size={40} /> : content}\n        {errorMessage && <Alert severity=\"error\">{errorMessage}</Alert>}\n      </>\n    </Box>\n  )\n\n  return (\n    <DialogBase\n      actions={\n        <>\n          {step?.cancelButtonText && (\n            <Button variant=\"outlined\" onClick={() => onCancel()}>\n              {step.cancelButtonText}\n            </Button>\n          )}\n          {step?.previousStep && (\n            <Button\n              variant=\"outlined\"\n              color=\"primary\"\n              onClick={() =>\n                step.previousStep ? onStepChange(step.previousStep) : null\n              }\n            >\n              Back\n            </Button>\n          )}\n          {step?.nextStep && (\n            <Button\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.nextEnabled}\n              onClick={() =>\n                step.nextStep ? onStepChange(step.nextStep) : null\n              }\n            >\n              Next\n            </Button>\n          )}\n          {onConfirm && step?.confirmButtonText && (\n            <SpinnerButton\n              variant=\"contained\"\n              color=\"primary\"\n              disabled={!step.confirmEnabled}\n              onClick={() => {\n                onConfirm()\n              }}\n              showSpinner={confirming === true}\n              sx={{ marginLeft: '8px' }}\n            >\n              {step.confirmButtonText}\n            </SpinnerButton>\n          )}\n        </>\n      }\n      content={dialogContent}\n      onCancel={onCancel}\n      open={open}\n      title={step.title}\n      sx={{\n        h2: { paddingTop: 0, paddingBottom: '20px' },\n      }}\n      contentProps={step.contentProps}\n    />\n  )\n}\n\nexport default StepperDialog\n"],"mappings":";;;;;;AAsCA,SAAS,EAAc,EACrB,iBACA,aACA,cACA,eACA,iBACA,SACA,SACA,YACA,cACqB;CACrB,IAAI,CAAC,GAAM,OAAO;CAElB,IAAM,IACJ,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;EACP;YAEA,kBAAA,GAAA,EAAA,UAAA,CACG,IAAU,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI,GACzC,KAAgB,kBAAC,GAAD;GAAO,UAAS;aAAS;EAAoB,CAAA,CAC9D,EAAA,CAAA;CACC,CAAA;CAGP,OACE,kBAAC,GAAD;EACE,SACE,kBAAA,GAAA,EAAA,UAAA;GACG,GAAM,oBACL,kBAAC,GAAD;IAAQ,SAAQ;IAAW,eAAe,EAAS;cAChD,EAAK;GACA,CAAA;GAET,GAAM,gBACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,eACE,EAAK,eAAe,EAAa,EAAK,YAAY,IAAI;cAEzD;GAEO,CAAA;GAET,GAAM,YACL,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eACE,EAAK,WAAW,EAAa,EAAK,QAAQ,IAAI;cAEjD;GAEO,CAAA;GAET,KAAa,GAAM,qBAClB,kBAAC,GAAD;IACE,SAAQ;IACR,OAAM;IACN,UAAU,CAAC,EAAK;IAChB,eAAe;KACb,EAAU;IACZ;IACA,aAAa,MAAe;IAC5B,IAAI,EAAE,YAAY,MAAM;cAEvB,EAAK;GACO,CAAA;EAEjB,EAAA,CAAA;EAEJ,SAAS;EACC;EACJ;EACN,OAAO,EAAK;EACZ,IAAI,EACF,IAAI;GAAE,YAAY;GAAG,eAAe;EAAO,EAC7C;EACA,cAAc,EAAK;CACpB,CAAA;AAEL"}

package/dist/components/StorybookComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,IAAM,IAAuB,IAAI,EAAY,EAAyB,EAGhE,IAAiB,IAAI,EAAsB,EAC/C,wBAAwB;AAEtB,GAAe,gBAAgB;GAElC,CAAC;AAEF,SAAS,EAAiB,GAAqB;CAC7C,IAAM,IAAiB,EAAU;AAC/B,QAAe,+BAAkC;;AAQrD,SAAgB,EAA0B,GAiBvC;CACD,IAAM,EAAE,wBAAqB,GAEvB,IAA8B,EAAiB,QAAQ,SAC3D,EAAiB,WAAW;AAE9B,SAAgB;AACd,IAAiB,EAAa;IAC7B,CAAC,EAAa,CAAC;CAIlB,IAAM,IAA6B,EAEjC,EAAe,WAEf,EAAe,YAChB,EAGK,IAAoB,EAAO,GAAM;AAcvC,CAZA,SACE,AAEE,EAAkB,aADlB,EAAe,OAAO,EACM,WAEjB;AAEX,EADA,EAAe,SAAS,EACxB,EAAkB,UAAU;KAE7B,EAAE,CAAC,EAGN,QAAgB;AACd,EAAI,EAAkB,YACpB,EAAe,SAAS,EACxB,EAAe,OAAO;IAEvB,CAAC,EAAa,CAAC;CAElB,IAAM,IACJ,EAAiB,WAAW,gBAC5B,MAAiB,UACjB,EAAa,yBACb,CAAC,EAAa,iBAEV,EAAE,WAAW,MAAiB,EAAiB;EACnD,wBAAwB;AACjB,KAAe,gBAAgB;;EAEtC,UAAU,MAAiB;AACzB,WAAQ,MAAM,2BAA2B,EAAI;;EAE/C,uBAAuB,CAAC,EAAa;EACrC,iBAAiB,EAAa;EAC/B,CAAC;AAEF,SAAgB;EACd,eAAe,IAAa;AAE1B,GADA,MAAM,EAAqB,eAAe,EAC1C,MAAM,EAAqB,cAAc;;AAGtC,KAAY;IAChB,CAAC,EAAa,OAAO,EAAa,CAAC;CAEtC,IAAM,IAAiB,QACjB,MAAiB,SACZ,EAAiB,KAAK,kBAAkB,eAAe,KAAA,IAEzD,EAAa,OACnB;EAAC,EAAa;EAAO;EAAc,EAAiB,KAAK;EAAgB,CAAC,EAEvE,IAA2B,QAC3B,MAAiB,SACZ,CAAC,CAAC,EAAiB,KAAK,kBAE1B,EAAa,iBACnB;EACD,EAAa;EACb;EACA,EAAiB,KAAK;EACvB,CAAC,EAEI,IAAiB,EAAY,YAAY;AAC7C,QAAM,EAAe,gBAAgB;IACpC,EAAE,CAAC,EAEA,IAAe,EAAY,YAAY;AAC3C,QAAM,EAAe,cAAc;IAClC,EAAE,CAAC,EAwCA,IACJ,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IAAmC,SAzCP,SACzB;KACL,OAAO;KACP,SAAS,EAAa;KACtB,QAAQ,EAAa;KACrB,iBAAiB;KACjB,uBAAuB,EAAa;KACpC;KACA;KACA;KACA,+BAA+B,KAAA;KAC/B,sBAAsB,KAAA;KACtB,iBAAiB,KAAA;KAClB,GACD;KACE;KACA;KACA,EAAa;KACb,EAAa;KACb,EAAa;KACb;KACA;KACA;KACD,CAkB+C;cAC1C,kBAAC,GAAD;KAEkB,gBAlB0B,SAC3C;MACL,aAAa;MACb,iBAAiB;MACjB,sBAAsB,EAAc,6BAA6B;MACjE,SAAS,EAAc,yBAAyB;MAChD,mBAAmB;MACnB,qBAAqB;MACtB,GACD,CAAC,GAAgB,EAAyB,CASlB;eAFlB;MAIG,EAAiB,QAAQ,0BACxB,kBAAC,GAAD,EAAsB,CAAA;MAExB,kBAAC,GAAD,EAAyB,CAAA;MACzB,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EACE,uBAAuB;AAChB,SAAe,gBAAgB;SAEtC,CAAA,GAEF,EAAM,UAEH,CAAA;MACgB;OAlBlB,EAkBkB;IACS,CAAA;GAChB,CAAA;EACb,CAAA;AAcb,QAXK,EAAiB,WAAW,aAW1B,kBAAC,GAAD,EAAwB,QAPhB,EAAmB,CAChC;EACE,MAAM;EACN,SAAS;EACV,CACF,CAE8B,EAAU,CAAA,GAVhC"}
+{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA6BA,IAAM,IAAuB,IAAI,EAAY,CAAwB,GAG/D,IAAiB,IAAI,EAAsB,EAC/C,wBAAwB;CAEtB,EAAe,eAAe;AAChC,EACF,CAAC;AAED,SAAS,EAAiB,GAAqB;CAC7C,IAAM,IAAiB,EAAU;CAChC,OAAgB,+BAAkC;AACrD;AAOA,SAAgB,EAA0B,GAiBvC;CACD,IAAM,EAAE,wBAAqB,GAEvB,IAA8B,EAAiB,QAAQ,SAC3D,EAAiB,WAAW;CAE9B,QAAgB;EACd,EAAiB,CAAY;CAC/B,GAAG,CAAC,CAAY,CAAC;CAIjB,IAAM,IAA6B,EAEjC,EAAe,WAEf,EAAe,WACjB,GAGM,IAAoB,EAAO,EAAK;CActC,AAZA,SACE,AAEE,EAAkB,aADlB,EAAe,MAAM,GACO,WAEjB;EAEX,AADA,EAAe,QAAQ,GACvB,EAAkB,UAAU;CAC9B,IACC,CAAC,CAAC,GAGL,QAAgB;EACd,AAAI,EAAkB,YACpB,EAAe,QAAQ,GACvB,EAAe,MAAM;CAEzB,GAAG,CAAC,CAAY,CAAC;CAEjB,IAAM,IACJ,EAAiB,WAAW,gBAC5B,MAAiB,UACjB,EAAa,yBACb,CAAC,EAAa,iBAEV,EAAE,WAAW,MAAiB,EAAiB;EACnD,wBAAwB;GACtB,EAAoB,eAAe;EACrC;EACA,UAAU,MAAiB;GACzB,QAAQ,MAAM,2BAA2B,CAAG;EAC9C;EACA,uBAAuB,CAAC,EAAa;EACrC,iBAAiB,EAAa;CAChC,CAAC;CAED,QAAgB;EACd,eAAe,IAAa;GAE1B,AADA,MAAM,EAAqB,cAAc,GACzC,MAAM,EAAqB,aAAa;EAC1C;EAEA,EAAgB;CAClB,GAAG,CAAC,EAAa,OAAO,CAAY,CAAC;CAErC,IAAM,IAAiB,QACjB,MAAiB,SACZ,EAAiB,KAAK,kBAAkB,eAAe,KAAA,IAEzD,EAAa,OACnB;EAAC,EAAa;EAAO;EAAc,EAAiB,KAAK;CAAe,CAAC,GAEtE,IAA2B,QAC3B,MAAiB,SACZ,CAAC,CAAC,EAAiB,KAAK,kBAE1B,EAAa,iBACnB;EACD,EAAa;EACb;EACA,EAAiB,KAAK;CACxB,CAAC,GAEK,IAAiB,EAAY,YAAY;EAC7C,MAAM,EAAe,eAAe;CACtC,GAAG,CAAC,CAAC,GAEC,IAAe,EAAY,YAAY;EAC3C,MAAM,EAAe,aAAa;CACpC,GAAG,CAAC,CAAC,GAwCC,IACJ,kBAAC,GAAD;EAAU,UAAU;YAClB,kBAAC,GAAD;GAAqB,QAAQ;aAC3B,kBAAC,GAAD;IAAmC,SAzCP,SACzB;KACL,OAAO;KACP,SAAS,EAAa;KACtB,QAAQ,EAAa;KACrB,iBAAiB;KACjB,uBAAuB,EAAa;KACpC;KACA;KACA;KACA,+BAA+B,KAAA;KAC/B,sBAAsB,KAAA;KACtB,iBAAiB,KAAA;IACnB,IACA;KACE;KACA;KACA,EAAa;KACb,EAAa;KACb,EAAa;KACb;KACA;KACA;IACF,CAkBgD;cAC1C,kBAAC,GAAD;KAEkB,gBAlB0B,SAC3C;MACL,aAAa;MACb,iBAAiB;MACjB,sBAAsB,EAAc,4BAA4B;MAChE,SAAS,EAAc,wBAAwB;MAC/C,mBAAmB;MACnB,qBAAqB;KACvB,IACA,CAAC,GAAgB,CAAwB,CASjB;eAFlB;MAIG,EAAiB,QAAQ,0BACxB,kBAAC,GAAD,CAAqB,CAAA;MAEvB,kBAAC,GAAD,CAAwB,CAAA;MACxB,kBAAC,QAAD,EAAA,UACG,IACC,kBAAC,GAAD,EACE,uBAAuB;OACrB,EAAoB,eAAe;MACrC,EACD,CAAA,IAED,EAAM,SAEJ,CAAA;KACgB;OAlBjB,CAkBiB;GACS,CAAA;EAChB,CAAA;CACb,CAAA;CAcZ,OAXK,EAAiB,WAAW,aAW1B,kBAAC,GAAD,EAAwB,QAPhB,EAAmB,CAChC;EACE,MAAM;EACN,SAAS;CACX,CACF,CAE+B,EAAS,CAAA,IAV/B;AAWX"}

package/dist/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionViewScopeEditor.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.tsx"],"sourcesContent":["import { useGetEvaluation } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  IconButton,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport EvaluationFinder from '../EvaluationFinder/EvaluationFinder'\nimport IconSvg from '../IconSvg'\n\ntype SubmissionViewScopeItemProps = {\n  evaluationId: string\n  onRemove: () => void\n}\n\nfunction SubmissionViewScopeItem(props: SubmissionViewScopeItemProps) {\n  const { evaluationId, onRemove } = props\n  const {\n    data: evaluation,\n    isLoading,\n    isError,\n    error,\n  } = useGetEvaluation(evaluationId)\n  if (isLoading) {\n    return <Skeleton width={'100%'} />\n  }\n  if (isError) {\n    return (\n      <Alert severity=\"error\">\n        <Typography>{error.reason}</Typography>\n        <Link\n          onClick={e => {\n            onRemove()\n          }}\n        >\n          Remove from scope\n        </Link>\n      </Alert>\n    )\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: 1,\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography key={evaluation!.id} variant={'smallText1'}>\n        {evaluation!.name}\n      </Typography>\n      <IconButton\n        size={'small'}\n        aria-label={`Remove ${evaluation!.name!} from scope`}\n        onClick={() => {\n          onRemove()\n        }}\n        sx={{\n          '&:hover': {\n            color: 'error.main',\n          },\n        }}\n      >\n        <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n      </IconButton>\n    </Box>\n  )\n}\n\nexport type SubmissionViewScopeEditorProps = {\n  evaluationIds: string[]\n  onChange: (evaluationIds: string[]) => void\n}\n\n/**\n * Component used to select evaluations to define a SubmissionView scope\n * @param props\n * @constructor\n */\nexport default function SubmissionViewScopeEditor(\n  props: SubmissionViewScopeEditorProps,\n) {\n  const { evaluationIds = [], onChange } = props\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          mb: 1,\n          fontWeight: 700,\n        }}\n      >\n        Evaluations\n      </Typography>\n      <EvaluationFinder\n        activeOnly={false}\n        accessType={ACCESS_TYPE.READ_PRIVATE_SUBMISSION}\n        selectedIds={evaluationIds}\n        onChange={onChange}\n      />\n      <Box\n        sx={{\n          p: 2.5,\n          mb: 2.5,\n          border: '1px solid',\n          borderColor: 'grey.300',\n        }}\n      >\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            mb: 1,\n            fontWeight: 700,\n          }}\n        >\n          Selected\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n          }}\n        >\n          {evaluationIds.map(evaluationId => (\n            <SubmissionViewScopeItem\n              key={evaluationId}\n              evaluationId={evaluationId}\n              onRemove={() => {\n                onChange(evaluationIds.filter(id => id !== evaluationId))\n              }}\n            />\n          ))}\n        </Box>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,iBAAc,gBAAa,GAC7B,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAiB,EAAa;AAkBlC,QAjBI,IACK,kBAAC,GAAD,EAAU,OAAO,QAAU,CAAA,GAEhC,IAEA,kBAAC,GAAD;EAAO,UAAS;YAAhB,CACE,kBAAC,GAAD,EAAA,UAAa,EAAM,QAAoB,CAAA,EACvC,kBAAC,GAAD;GACE,UAAS,MAAK;AACZ,OAAU;;aAEb;GAEM,CAAA,CACD;MAIV,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,YAAY;GACZ,gBAAgB;GACjB;YAPH,CASE,kBAAC,GAAD;GAAiC,SAAS;aACvC,EAAY;GACF,EAFI,EAAY,GAEhB,EACb,kBAAC,GAAD;GACE,MAAM;GACN,cAAY,UAAU,EAAY,KAAM;GACxC,eAAe;AACb,OAAU;;GAEZ,IAAI,EACF,WAAW,EACT,OAAO,cACR,EACF;aAED,kBAAC,GAAD;IAAS,MAAM;IAAU,UAAU;IAAW,MAAM;IAAS,CAAA;GAClD,CAAA,CACT;;;AAcV,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,mBAAgB,EAAE,EAAE,gBAAa;AAEzC,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;IACb;aACF;GAEY,CAAA;EACb,kBAAC,GAAD;GACE,YAAY;GACZ,YAAY,EAAY;GACxB,aAAa;GACH;GACV,CAAA;EACF,kBAAC,GAAD;GACE,IAAI;IACF,GAAG;IACH,IAAI;IACJ,QAAQ;IACR,aAAa;IACd;aANH,CAQE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KACF,IAAI;KACJ,YAAY;KACb;cACF;IAEY,CAAA,EACb,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACN;cAEA,EAAc,KAAI,MACjB,kBAAC,GAAD;KAEgB;KACd,gBAAgB;AACd,QAAS,EAAc,QAAO,MAAM,MAAO,EAAa,CAAC;;KAE3D,EALK,EAKL,CACF;IACE,CAAA,CACF;;EACL,EAAA,CAAA"}
+{"version":3,"file":"SubmissionViewScopeEditor.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditor.tsx"],"sourcesContent":["import { useGetEvaluation } from '@/synapse-queries/evaluation/useEvaluation'\nimport {\n  Alert,\n  Box,\n  IconButton,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport { ACCESS_TYPE } from '@sage-bionetworks/synapse-types'\nimport EvaluationFinder from '../EvaluationFinder/EvaluationFinder'\nimport IconSvg from '../IconSvg'\n\ntype SubmissionViewScopeItemProps = {\n  evaluationId: string\n  onRemove: () => void\n}\n\nfunction SubmissionViewScopeItem(props: SubmissionViewScopeItemProps) {\n  const { evaluationId, onRemove } = props\n  const {\n    data: evaluation,\n    isLoading,\n    isError,\n    error,\n  } = useGetEvaluation(evaluationId)\n  if (isLoading) {\n    return <Skeleton width={'100%'} />\n  }\n  if (isError) {\n    return (\n      <Alert severity=\"error\">\n        <Typography>{error.reason}</Typography>\n        <Link\n          onClick={e => {\n            onRemove()\n          }}\n        >\n          Remove from scope\n        </Link>\n      </Alert>\n    )\n  }\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'row',\n        gap: 1,\n        alignItems: 'center',\n        justifyContent: 'space-between',\n      }}\n    >\n      <Typography key={evaluation!.id} variant={'smallText1'}>\n        {evaluation!.name}\n      </Typography>\n      <IconButton\n        size={'small'}\n        aria-label={`Remove ${evaluation!.name!} from scope`}\n        onClick={() => {\n          onRemove()\n        }}\n        sx={{\n          '&:hover': {\n            color: 'error.main',\n          },\n        }}\n      >\n        <IconSvg icon={'delete'} fontSize={'inherit'} wrap={false} />\n      </IconButton>\n    </Box>\n  )\n}\n\nexport type SubmissionViewScopeEditorProps = {\n  evaluationIds: string[]\n  onChange: (evaluationIds: string[]) => void\n}\n\n/**\n * Component used to select evaluations to define a SubmissionView scope\n * @param props\n * @constructor\n */\nexport default function SubmissionViewScopeEditor(\n  props: SubmissionViewScopeEditorProps,\n) {\n  const { evaluationIds = [], onChange } = props\n\n  return (\n    <>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          mb: 1,\n          fontWeight: 700,\n        }}\n      >\n        Evaluations\n      </Typography>\n      <EvaluationFinder\n        activeOnly={false}\n        accessType={ACCESS_TYPE.READ_PRIVATE_SUBMISSION}\n        selectedIds={evaluationIds}\n        onChange={onChange}\n      />\n      <Box\n        sx={{\n          p: 2.5,\n          mb: 2.5,\n          border: '1px solid',\n          borderColor: 'grey.300',\n        }}\n      >\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            mb: 1,\n            fontWeight: 700,\n          }}\n        >\n          Selected\n        </Typography>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            gap: 1,\n          }}\n        >\n          {evaluationIds.map(evaluationId => (\n            <SubmissionViewScopeItem\n              key={evaluationId}\n              evaluationId={evaluationId}\n              onRemove={() => {\n                onChange(evaluationIds.filter(id => id !== evaluationId))\n              }}\n            />\n          ))}\n        </Box>\n      </Box>\n    </>\n  )\n}\n"],"mappings":";;;;;;;AAkBA,SAAS,EAAwB,GAAqC;CACpE,IAAM,EAAE,iBAAc,gBAAa,GAC7B,EACJ,MAAM,GACN,cACA,YACA,aACE,EAAiB,CAAY;CAkBjC,OAjBI,IACK,kBAAC,GAAD,EAAU,OAAO,OAAS,CAAA,IAE/B,IAEA,kBAAC,GAAD;EAAO,UAAS;YAAhB,CACE,kBAAC,GAAD,EAAA,UAAa,EAAM,OAAmB,CAAA,GACtC,kBAAC,GAAD;GACE,UAAS,MAAK;IACZ,EAAS;GACX;aACD;EAEK,CAAA,CACD;MAIT,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,eAAe;GACf,KAAK;GACL,YAAY;GACZ,gBAAgB;EAClB;YAPF,CASE,kBAAC,GAAD;GAAiC,SAAS;aACvC,EAAY;EACH,GAFK,EAAY,EAEjB,GACZ,kBAAC,GAAD;GACE,MAAM;GACN,cAAY,UAAU,EAAY,KAAM;GACxC,eAAe;IACb,EAAS;GACX;GACA,IAAI,EACF,WAAW,EACT,OAAO,aACT,EACF;aAEA,kBAAC,GAAD;IAAS,MAAM;IAAU,UAAU;IAAW,MAAM;GAAQ,CAAA;EAClD,CAAA,CACT;;AAET;AAYA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,mBAAgB,CAAC,GAAG,gBAAa;CAEzC,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,IAAI;IACJ,YAAY;GACd;aACD;EAEW,CAAA;EACZ,kBAAC,GAAD;GACE,YAAY;GACZ,YAAY,EAAY;GACxB,aAAa;GACH;EACX,CAAA;EACD,kBAAC,GAAD;GACE,IAAI;IACF,GAAG;IACH,IAAI;IACJ,QAAQ;IACR,aAAa;GACf;aANF,CAQE,kBAAC,GAAD;IACE,SAAS;IACT,IAAI;KACF,IAAI;KACJ,YAAY;IACd;cACD;GAEW,CAAA,GACZ,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;IACP;cAEC,EAAc,KAAI,MACjB,kBAAC,GAAD;KAEgB;KACd,gBAAgB;MACd,EAAS,EAAc,QAAO,MAAM,MAAO,CAAY,CAAC;KAC1D;IACD,GALM,CAKN,CACF;GACE,CAAA,CACF;;CACL,EAAA,CAAA;AAEN"}

package/dist/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubmissionViewScopeEditorModal.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport { SubmissionView } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SubmissionViewScopeEditor from './SubmissionViewScopeEditor'\n\nexport type SubmissionViewScopeEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport default function SubmissionViewScopeEditorModal(\n  props: SubmissionViewScopeEditorModalProps,\n) {\n  const { open, entityId, onUpdate, onCancel } = props\n  const [scopeIds, setScopeIds] = useState<string[]>([])\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<SubmissionView>(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<SubmissionView>({ onSuccess: onUpdate })\n\n  useEffect(() => {\n    if (entity) {\n      setScopeIds(entity.scopeIds)\n    }\n  }, [entity])\n\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <SubmissionViewScopeEditor\n            evaluationIds={scopeIds}\n            onChange={setScopeIds}\n          />\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, scopeIds: scopeIds })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,CAAC,GAAU,KAAe,EAAmB,EAAE,CAAC,EAChD,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA6B,GAAU,KAAA,GAAW,EACpD,WAAW,UACZ,CAAC,EAEI,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAgC,EAAE,WAAW,GAAU,CAAC;AAE5D,SAAgB;AACd,EAAI,KACF,EAAY,EAAO,SAAS;IAE7B,CAAC,EAAO,CAAC;CAEZ,IAAM,IAAY,KAAmB,GAC/B,IAAQ,KAAe;AAE7B,QACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,eAAe;GACf,UAAU;GACV,CAAA,EACD,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,GACL;GACD,UAAS;aAER,EAAM;GACD,CAAA,CAET,EAAA,CAAA;EAEL,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,EAAkB,CAAA,GAAG,KAAA;GACnD;EACD,iBAAiB;AACf,GAAI,KACF,EAAO;IAAE,GAAG;IAAkB;IAAU,CAAC;;EAGnC;EACV,UAAS;EACT,CAAA"}
+{"version":3,"file":"SubmissionViewScopeEditorModal.js","names":[],"sources":["../../../src/components/SubmissionViewScopeEditor/SubmissionViewScopeEditorModal.tsx"],"sourcesContent":["import { useGetEntity, useUpdateEntity } from '@/synapse-queries'\nimport { Alert } from '@mui/material'\nimport { SubmissionView } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useState } from 'react'\nimport ConfirmationDialog from '../ConfirmationDialog'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport SubmissionViewScopeEditor from './SubmissionViewScopeEditor'\n\nexport type SubmissionViewScopeEditorModalProps = {\n  open: boolean\n  entityId: string\n  onUpdate: () => void\n  onCancel: () => void\n}\nexport default function SubmissionViewScopeEditorModal(\n  props: SubmissionViewScopeEditorModalProps,\n) {\n  const { open, entityId, onUpdate, onCancel } = props\n  const [scopeIds, setScopeIds] = useState<string[]>([])\n  const {\n    data: entity,\n    isLoading: isEntityLoading,\n    error: entityError,\n  } = useGetEntity<SubmissionView>(entityId, undefined, {\n    staleTime: Infinity,\n  })\n\n  const {\n    mutate,\n    isPending: isUpdatePending,\n    error: updateError,\n  } = useUpdateEntity<SubmissionView>({ onSuccess: onUpdate })\n\n  useEffect(() => {\n    if (entity) {\n      setScopeIds(entity.scopeIds)\n    }\n  }, [entity])\n\n  const isLoading = isEntityLoading || isUpdatePending\n  const error = entityError || updateError\n\n  return (\n    <ConfirmationDialog\n      open={open}\n      title=\"Edit Scope\"\n      content={\n        <>\n          <SubmissionViewScopeEditor\n            evaluationIds={scopeIds}\n            onChange={setScopeIds}\n          />\n          {error && (\n            <Alert\n              sx={{\n                my: 1,\n              }}\n              severity=\"error\"\n            >\n              {error.reason}\n            </Alert>\n          )}\n        </>\n      }\n      confirmButtonProps={{\n        children: isUpdatePending ? 'Saving...' : 'Save',\n        disabled: isLoading,\n        startIcon: isUpdatePending ? <SynapseSpinner /> : undefined,\n      }}\n      onConfirm={() => {\n        if (entity) {\n          mutate({ ...entity, scopeIds: scopeIds })\n        }\n      }}\n      onCancel={onCancel}\n      maxWidth=\"md\"\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,SAAM,aAAU,aAAU,gBAAa,GACzC,CAAC,GAAU,KAAe,EAAmB,CAAC,CAAC,GAC/C,EACJ,MAAM,GACN,WAAW,GACX,OAAO,MACL,EAA6B,GAAU,KAAA,GAAW,EACpD,WAAW,SACb,CAAC,GAEK,EACJ,WACA,WAAW,GACX,OAAO,MACL,EAAgC,EAAE,WAAW,EAAS,CAAC;CAE3D,QAAgB;EACd,AAAI,KACF,EAAY,EAAO,QAAQ;CAE/B,GAAG,CAAC,CAAM,CAAC;CAEX,IAAM,IAAY,KAAmB,GAC/B,IAAQ,KAAe;CAE7B,OACE,kBAAC,GAAD;EACQ;EACN,OAAM;EACN,SACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;GACE,eAAe;GACf,UAAU;EACX,CAAA,GACA,KACC,kBAAC,GAAD;GACE,IAAI,EACF,IAAI,EACN;GACA,UAAS;aAER,EAAM;EACF,CAAA,CAET,EAAA,CAAA;EAEJ,oBAAoB;GAClB,UAAU,IAAkB,cAAc;GAC1C,UAAU;GACV,WAAW,IAAkB,kBAAC,GAAD,CAAiB,CAAA,IAAI,KAAA;EACpD;EACA,iBAAiB;GACf,AAAI,KACF,EAAO;IAAE,GAAG;IAAkB;GAAS,CAAC;EAE5C;EACU;EACV,UAAS;CACV,CAAA;AAEL"}

package/dist/components/SubscriptionPage/ForumTopic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ForumTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ForumTopic.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useGetForumMetadata } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function ForumTopic(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { data: forum } = useGetForumMetadata(subscription.objectId)\n  const { data: project } = useGetEntity(forum?.projectId, undefined, {\n    enabled: !!forum,\n  })\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  let href: string | undefined\n  if (forum) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      forum.projectId\n    }/discussion`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'dashboard'}\n      name={project?.name}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EAAW,GAA8B;CAC/D,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAU,EAAoB,EAAa,SAAS,EAC5D,EAAE,MAAM,MAAY,EAAa,GAAO,WAAW,KAAA,GAAW,EAClE,SAAS,CAAC,CAAC,GACZ,CAAC,EACI,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,MACxB,EAEG;AAOJ,QANI,MACF,IAAO,GAAG,EAAY,EAAuB,gBAAgB,CAAC,UAC5D,EAAM,UACP,eAID,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAS;EACf,UAAU;EACV,mBAAmB;EACnB,CAAA"}
+{"version":3,"file":"ForumTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ForumTopic.tsx"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { useGetForumMetadata } from '@/synapse-queries/forum/useForum'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function ForumTopic(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { data: forum } = useGetForumMetadata(subscription.objectId)\n  const { data: project } = useGetEntity(forum?.projectId, undefined, {\n    enabled: !!forum,\n  })\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.FORUM,\n  )\n\n  let href: string | undefined\n  if (forum) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      forum.projectId\n    }/discussion`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'dashboard'}\n      name={project?.name}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAiBA,SAAwB,EAAW,GAA8B;CAC/D,IAAM,EAAE,oBAAiB,GAEnB,EAAE,MAAM,MAAU,EAAoB,EAAa,QAAQ,GAC3D,EAAE,MAAM,MAAY,EAAa,GAAO,WAAW,KAAA,GAAW,EAClE,SAAS,CAAC,CAAC,EACb,CAAC,GACK,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,KACzB,GAEI;CAOJ,OANI,MACF,IAAO,GAAG,EAAY,EAAuB,eAAe,EAAE,UAC5D,EAAM,UACP,eAID,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAS;EACf,UAAU;EACV,mBAAmB;CACpB,CAAA;AAEL"}

package/dist/components/SubscriptionPage/SubscriptionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionItem.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionItem.tsx"],"sourcesContent":["import {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport ForumTopic from './ForumTopic'\nimport ThreadTopic from './ThreadTopic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\n/**\n * Simple discriminator component that maps a {@link Subscription} rendered on the {@link SubscriptionPage} to\n * a {@link Topic} component\n * @param props\n * @constructor\n */\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  switch (subscription.objectType) {\n    case SubscriptionObjectType.FORUM:\n      return <ForumTopic subscription={subscription} />\n    case SubscriptionObjectType.THREAD:\n      return <ThreadTopic subscription={subscription} />\n    default:\n      console.warn(\n        `Subscription type ${props.subscription.objectType} not supported in UI`,\n      )\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAiBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB;AAEzB,SAAQ,EAAa,YAArB;EACE,KAAK,EAAuB,MAC1B,QAAO,kBAAC,GAAD,EAA0B,iBAAgB,CAAA;EACnD,KAAK,EAAuB,OAC1B,QAAO,kBAAC,GAAD,EAA2B,iBAAgB,CAAA;EACpD,QAIE,QAHA,QAAQ,KACN,qBAAqB,EAAM,aAAa,WAAW,sBACpD,EACM,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"SubscriptionItem.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionItem.tsx"],"sourcesContent":["import {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport ForumTopic from './ForumTopic'\nimport ThreadTopic from './ThreadTopic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\n/**\n * Simple discriminator component that maps a {@link Subscription} rendered on the {@link SubscriptionPage} to\n * a {@link Topic} component\n * @param props\n * @constructor\n */\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  switch (subscription.objectType) {\n    case SubscriptionObjectType.FORUM:\n      return <ForumTopic subscription={subscription} />\n    case SubscriptionObjectType.THREAD:\n      return <ThreadTopic subscription={subscription} />\n    default:\n      console.warn(\n        `Subscription type ${props.subscription.objectType} not supported in UI`,\n      )\n      return <></>\n  }\n}\n"],"mappings":";;;;;AAiBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB;CAEzB,QAAQ,EAAa,YAArB;EACE,KAAK,EAAuB,OAC1B,OAAO,kBAAC,GAAD,EAA0B,gBAAe,CAAA;EAClD,KAAK,EAAuB,QAC1B,OAAO,kBAAC,GAAD,EAA2B,gBAAe,CAAA;EACnD,SAIE,OAHA,QAAQ,KACN,qBAAqB,EAAM,aAAa,WAAW,qBACrD,GACO,kBAAA,GAAA,CAAI,CAAA;CACf;AACF"}

package/dist/components/SubscriptionPage/SubscriptionPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubscriptionPage.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionPage.tsx"],"sourcesContent":["import { useGetAllSubscriptions } from '@/synapse-queries/subscription/useSubscription'\nimport { Box, Button, Stack, Tab, Tabs } from '@mui/material'\nimport {\n  SortByType as SubscriptionSortField,\n  SortDirection,\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { InfiniteData } from '@tanstack/react-query'\nimport { SyntheticEvent, useId, useState } from 'react'\nimport DropdownSelect from '../DropdownSelect'\nimport SubscriptionItem from './SubscriptionItem'\n\ntype SortOption = { value: SortDirection; label: string }\n\nconst sortOptions: SortOption[] = [\n  { value: 'ASC', label: 'Date Posted' },\n  { value: 'DESC', label: 'Most Recent' },\n]\n\nexport default function SubscriptionPage() {\n  const [objectType, setObjectType] = useState<SubscriptionObjectType>(\n    SubscriptionObjectType.FORUM,\n  )\n  const [sortDirection, setSortDirection] = useState<SortOption>(sortOptions[0])\n\n  const instanceSpecificQueryKey = useId()\n\n  const currentFilter = {\n    objectType: objectType,\n    sortBy: SubscriptionSortField.CREATED_ON,\n    sortDirection: sortDirection.value,\n  }\n\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useGetAllSubscriptions<InfiniteData<Subscription>>(\n      currentFilter,\n      // Since the user may edit their subscriptions on this page, set staleTime to infinity to prevent re-fetching while editing\n      {\n        staleTime: Infinity,\n        select: data => ({\n          pages: data.pages.flatMap(page => page.results),\n          pageParams: data.pageParams,\n        }),\n      },\n      // Override the query key with a unique ID, because we don't want changes to invalidate this list while it's being used\n      [`subscriptionPageFetch_${instanceSpecificQueryKey}`, currentFilter],\n    )\n\n  return (\n    <>\n      <Box sx={{ float: 'right' }}>\n        <DropdownSelect\n          variant={'outlined'}\n          options={sortOptions.map(option => option.label)}\n          selectedIndex={sortOptions.findIndex(\n            option => option.value === sortDirection.value,\n          )}\n          setSelectedIndex={index => setSortDirection(sortOptions[index])}\n        />\n      </Box>\n\n      <Tabs\n        sx={{ mb: 3 }}\n        value={objectType}\n        onChange={(event: SyntheticEvent, newValue: SubscriptionObjectType) => {\n          event.stopPropagation()\n          setObjectType(newValue)\n        }}\n        textColor=\"secondary\"\n        indicatorColor=\"secondary\"\n      >\n        <Tab value={SubscriptionObjectType.FORUM} label={'Project Forums'} />\n        <Tab value={SubscriptionObjectType.THREAD} label={'Threads'} />\n      </Tabs>\n      <Stack\n        sx={{\n          gap: 0.5,\n        }}\n      >\n        {data?.pages.map(subscription => (\n          <SubscriptionItem\n            key={subscription.subscriptionId}\n            subscription={subscription}\n          />\n        ))}\n      </Stack>\n\n      {hasNextPage && (\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n          disabled={isFetchingNextPage}\n          sx={{ mt: 6 }}\n        >\n          {isFetchingNextPage ? 'Loading...' : 'Load More'}\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAA4B,CAChC;CAAE,OAAO;CAAO,OAAO;CAAe,EACtC;CAAE,OAAO;CAAQ,OAAO;CAAe,CACxC;AAED,SAAwB,IAAmB;CACzC,IAAM,CAAC,GAAY,KAAiB,EAClC,EAAuB,MACxB,EACK,CAAC,GAAe,KAAoB,EAAqB,EAAY,GAAG,EAExE,IAA2B,GAAO,EAElC,IAAgB;EACR;EACZ,QAAQ,EAAsB;EAC9B,eAAe,EAAc;EAC9B,EAEK,EAAE,SAAM,gBAAa,uBAAoB,qBAC7C,EACE,GAEA;EACE,WAAW;EACX,SAAQ,OAAS;GACf,OAAO,EAAK,MAAM,SAAQ,MAAQ,EAAK,QAAQ;GAC/C,YAAY,EAAK;GAClB;EACF,EAED,CAAC,yBAAyB,KAA4B,EAAc,CACrE;AAEH,QACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,SAAS;aACzB,kBAAC,GAAD;IACE,SAAS;IACT,SAAS,EAAY,KAAI,MAAU,EAAO,MAAM;IAChD,eAAe,EAAY,WACzB,MAAU,EAAO,UAAU,EAAc,MAC1C;IACD,mBAAkB,MAAS,EAAiB,EAAY,GAAO;IAC/D,CAAA;GACE,CAAA;EAEN,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,GAAG;GACb,OAAO;GACP,WAAW,GAAuB,MAAqC;AAErE,IADA,EAAM,iBAAiB,EACvB,EAAc,EAAS;;GAEzB,WAAU;GACV,gBAAe;aARjB,CAUE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAO,OAAO;IAAoB,CAAA,EACrE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAQ,OAAO;IAAa,CAAA,CAC1D;;EACP,kBAAC,GAAD;GACE,IAAI,EACF,KAAK,IACN;aAEA,GAAM,MAAM,KAAI,MACf,kBAAC,GAAD,EAEgB,iBACd,EAFK,EAAa,eAElB,CACF;GACI,CAAA;EAEP,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;AACb,OAAe;;GAEjB,UAAU;GACV,IAAI,EAAE,IAAI,GAAG;aAEZ,IAAqB,eAAe;GAC9B,CAAA;EAEV,EAAA,CAAA"}
+{"version":3,"file":"SubscriptionPage.js","names":[],"sources":["../../../src/components/SubscriptionPage/SubscriptionPage.tsx"],"sourcesContent":["import { useGetAllSubscriptions } from '@/synapse-queries/subscription/useSubscription'\nimport { Box, Button, Stack, Tab, Tabs } from '@mui/material'\nimport {\n  SortByType as SubscriptionSortField,\n  SortDirection,\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport { InfiniteData } from '@tanstack/react-query'\nimport { SyntheticEvent, useId, useState } from 'react'\nimport DropdownSelect from '../DropdownSelect'\nimport SubscriptionItem from './SubscriptionItem'\n\ntype SortOption = { value: SortDirection; label: string }\n\nconst sortOptions: SortOption[] = [\n  { value: 'ASC', label: 'Date Posted' },\n  { value: 'DESC', label: 'Most Recent' },\n]\n\nexport default function SubscriptionPage() {\n  const [objectType, setObjectType] = useState<SubscriptionObjectType>(\n    SubscriptionObjectType.FORUM,\n  )\n  const [sortDirection, setSortDirection] = useState<SortOption>(sortOptions[0])\n\n  const instanceSpecificQueryKey = useId()\n\n  const currentFilter = {\n    objectType: objectType,\n    sortBy: SubscriptionSortField.CREATED_ON,\n    sortDirection: sortDirection.value,\n  }\n\n  const { data, hasNextPage, isFetchingNextPage, fetchNextPage } =\n    useGetAllSubscriptions<InfiniteData<Subscription>>(\n      currentFilter,\n      // Since the user may edit their subscriptions on this page, set staleTime to infinity to prevent re-fetching while editing\n      {\n        staleTime: Infinity,\n        select: data => ({\n          pages: data.pages.flatMap(page => page.results),\n          pageParams: data.pageParams,\n        }),\n      },\n      // Override the query key with a unique ID, because we don't want changes to invalidate this list while it's being used\n      [`subscriptionPageFetch_${instanceSpecificQueryKey}`, currentFilter],\n    )\n\n  return (\n    <>\n      <Box sx={{ float: 'right' }}>\n        <DropdownSelect\n          variant={'outlined'}\n          options={sortOptions.map(option => option.label)}\n          selectedIndex={sortOptions.findIndex(\n            option => option.value === sortDirection.value,\n          )}\n          setSelectedIndex={index => setSortDirection(sortOptions[index])}\n        />\n      </Box>\n\n      <Tabs\n        sx={{ mb: 3 }}\n        value={objectType}\n        onChange={(event: SyntheticEvent, newValue: SubscriptionObjectType) => {\n          event.stopPropagation()\n          setObjectType(newValue)\n        }}\n        textColor=\"secondary\"\n        indicatorColor=\"secondary\"\n      >\n        <Tab value={SubscriptionObjectType.FORUM} label={'Project Forums'} />\n        <Tab value={SubscriptionObjectType.THREAD} label={'Threads'} />\n      </Tabs>\n      <Stack\n        sx={{\n          gap: 0.5,\n        }}\n      >\n        {data?.pages.map(subscription => (\n          <SubscriptionItem\n            key={subscription.subscriptionId}\n            subscription={subscription}\n          />\n        ))}\n      </Stack>\n\n      {hasNextPage && (\n        <Button\n          variant=\"contained\"\n          onClick={() => {\n            fetchNextPage()\n          }}\n          disabled={isFetchingNextPage}\n          sx={{ mt: 6 }}\n        >\n          {isFetchingNextPage ? 'Loading...' : 'Load More'}\n        </Button>\n      )}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;AAeA,IAAM,IAA4B,CAChC;CAAE,OAAO;CAAO,OAAO;AAAc,GACrC;CAAE,OAAO;CAAQ,OAAO;AAAc,CACxC;AAEA,SAAwB,IAAmB;CACzC,IAAM,CAAC,GAAY,KAAiB,EAClC,EAAuB,KACzB,GACM,CAAC,GAAe,KAAoB,EAAqB,EAAY,EAAE,GAEvE,IAA2B,EAAM,GAEjC,IAAgB;EACR;EACZ,QAAQ,EAAsB;EAC9B,eAAe,EAAc;CAC/B,GAEM,EAAE,SAAM,gBAAa,uBAAoB,qBAC7C,EACE,GAEA;EACE,WAAW;EACX,SAAQ,OAAS;GACf,OAAO,EAAK,MAAM,SAAQ,MAAQ,EAAK,OAAO;GAC9C,YAAY,EAAK;EACnB;CACF,GAEA,CAAC,yBAAyB,KAA4B,CAAa,CACrE;CAEF,OACE,kBAAA,GAAA,EAAA,UAAA;EACE,kBAAC,GAAD;GAAK,IAAI,EAAE,OAAO,QAAQ;aACxB,kBAAC,GAAD;IACE,SAAS;IACT,SAAS,EAAY,KAAI,MAAU,EAAO,KAAK;IAC/C,eAAe,EAAY,WACzB,MAAU,EAAO,UAAU,EAAc,KAC3C;IACA,mBAAkB,MAAS,EAAiB,EAAY,EAAM;GAC/D,CAAA;EACE,CAAA;EAEL,kBAAC,GAAD;GACE,IAAI,EAAE,IAAI,EAAE;GACZ,OAAO;GACP,WAAW,GAAuB,MAAqC;IAErE,AADA,EAAM,gBAAgB,GACtB,EAAc,CAAQ;GACxB;GACA,WAAU;GACV,gBAAe;aARjB,CAUE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAO,OAAO;GAAmB,CAAA,GACpE,kBAAC,GAAD;IAAK,OAAO,EAAuB;IAAQ,OAAO;GAAY,CAAA,CAC1D;;EACN,kBAAC,GAAD;GACE,IAAI,EACF,KAAK,GACP;aAEC,GAAM,MAAM,KAAI,MACf,kBAAC,GAAD,EAEgB,gBACf,GAFM,EAAa,cAEnB,CACF;EACI,CAAA;EAEN,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,eAAe;IACb,EAAc;GAChB;GACA,UAAU;GACV,IAAI,EAAE,IAAI,EAAE;aAEX,IAAqB,eAAe;EAC/B,CAAA;CAEV,EAAA,CAAA;AAEN"}

package/dist/components/SubscriptionPage/ThreadTopic.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ThreadTopic.tsx"],"sourcesContent":["import { useGetThread } from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { threadData } = useGetThread(subscription.objectId)\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.THREAD,\n  )\n\n  let href: string | undefined\n  if (threadData) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      threadData.projectId\n    }/discussion/threadId=${subscription.objectId}`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'discussion'}\n      name={threadData?.title}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,kBAAe,EAAa,EAAa,SAAS,EACpD,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,OACxB,EAEG;AAOJ,QANI,MACF,IAAO,GAAG,EAAY,EAAuB,gBAAgB,CAAC,UAC5D,EAAW,UACZ,uBAAuB,EAAa,aAIrC,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAY;EAClB,UAAU;EACV,mBAAmB;EACnB,CAAA"}
+{"version":3,"file":"ThreadTopic.js","names":[],"sources":["../../../src/components/SubscriptionPage/ThreadTopic.tsx"],"sourcesContent":["import { useGetThread } from '@/synapse-queries/forum/useThread'\nimport { useSubscription } from '@/synapse-queries/subscription/useSubscription'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport {\n  Subscription,\n  SubscriptionObjectType,\n} from '@sage-bionetworks/synapse-types'\nimport Topic from './Topic'\n\nexport type SubscriptionItemProps = {\n  subscription: Subscription\n}\n\nexport default function SubscriptionItem(props: SubscriptionItemProps) {\n  const { subscription } = props\n\n  const { threadData } = useGetThread(subscription.objectId)\n  const { isSubscribed, isLoading, toggleSubscribed } = useSubscription(\n    subscription.objectId,\n    SubscriptionObjectType.THREAD,\n  )\n\n  let href: string | undefined\n  if (threadData) {\n    href = `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}Synapse:${\n      threadData.projectId\n    }/discussion/threadId=${subscription.objectId}`\n  }\n\n  return (\n    <Topic\n      isLoading={isLoading}\n      isSubscribed={isSubscribed}\n      icon={'discussion'}\n      name={threadData?.title}\n      nameHref={href}\n      onToggleSubscribe={toggleSubscribed}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAwB,EAAiB,GAA8B;CACrE,IAAM,EAAE,oBAAiB,GAEnB,EAAE,kBAAe,EAAa,EAAa,QAAQ,GACnD,EAAE,iBAAc,cAAW,wBAAqB,EACpD,EAAa,UACb,EAAuB,MACzB,GAEI;CAOJ,OANI,MACF,IAAO,GAAG,EAAY,EAAuB,eAAe,EAAE,UAC5D,EAAW,UACZ,uBAAuB,EAAa,aAIrC,kBAAC,GAAD;EACa;EACG;EACd,MAAM;EACN,MAAM,GAAY;EAClB,UAAU;EACV,mBAAmB;CACpB,CAAA;AAEL"}

package/dist/components/SubscriptionPage/Topic.js.map

@@ -1 +1 @@
-{"version":3,"file":"Topic.js","names":[],"sources":["../../../src/components/SubscriptionPage/Topic.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { Button, Link, Skeleton, Stack } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg'\n\nexport type TopicProps = {\n  isSubscribed: boolean\n  isLoading: boolean\n  icon: IconName\n  name?: string\n  nameHref?: string\n  onToggleSubscribe: () => void\n}\n\n/**\n * Represents a single object on which a Synapse user has subscribed to notifications\n * @param props\n * @constructor\n */\nexport default function Topic(props: TopicProps) {\n  const { icon, isSubscribed, isLoading, nameHref, name, onToggleSubscribe } =\n    props\n\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n      }}\n    >\n      <Button\n        sx={{ width: '80px', mr: 3 }}\n        onClick={onToggleSubscribe}\n        variant={isSubscribed ? 'outlined' : 'contained'}\n        disabled={isLoading}\n      >\n        {isSubscribed ? 'Unfollow' : 'Follow'}\n      </Button>\n      <IconSvg icon={icon} sx={{ color: 'primary.main', mr: 1.5 }} />\n      <ConditionalWrapper\n        condition={!name}\n        wrapper={Skeleton}\n        wrapperProps={{ width: 300, height: 20 }}\n      >\n        <Link underline={'hover'} href={nameHref} target=\"_blank\">\n          {name}\n        </Link>\n      </ConditionalWrapper>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EAAM,GAAmB;CAC/C,IAAM,EAAE,SAAM,iBAAc,cAAW,aAAU,SAAM,yBACrD;AAEF,QACE,kBAAC,GAAD;EACE,IAAI;GACF,eAAe;GACf,YAAY;GACb;YAJH;GAME,kBAAC,GAAD;IACE,IAAI;KAAE,OAAO;KAAQ,IAAI;KAAG;IAC5B,SAAS;IACT,SAAS,IAAe,aAAa;IACrC,UAAU;cAET,IAAe,aAAa;IACtB,CAAA;GACT,kBAAC,GAAD;IAAe;IAAM,IAAI;KAAE,OAAO;KAAgB,IAAI;KAAK;IAAI,CAAA;GAC/D,kBAAC,GAAD;IACE,WAAW,CAAC;IACZ,SAAS;IACT,cAAc;KAAE,OAAO;KAAK,QAAQ;KAAI;cAExC,kBAAC,GAAD;KAAM,WAAW;KAAS,MAAM;KAAU,QAAO;eAC9C;KACI,CAAA;IACY,CAAA;GACf"}
+{"version":3,"file":"Topic.js","names":[],"sources":["../../../src/components/SubscriptionPage/Topic.tsx"],"sourcesContent":["import ConditionalWrapper from '@/components/utils/ConditionalWrapper'\nimport { Button, Link, Skeleton, Stack } from '@mui/material'\nimport IconSvg, { IconName } from '../IconSvg'\n\nexport type TopicProps = {\n  isSubscribed: boolean\n  isLoading: boolean\n  icon: IconName\n  name?: string\n  nameHref?: string\n  onToggleSubscribe: () => void\n}\n\n/**\n * Represents a single object on which a Synapse user has subscribed to notifications\n * @param props\n * @constructor\n */\nexport default function Topic(props: TopicProps) {\n  const { icon, isSubscribed, isLoading, nameHref, name, onToggleSubscribe } =\n    props\n\n  return (\n    <Stack\n      sx={{\n        flexDirection: 'row',\n        alignItems: 'center',\n      }}\n    >\n      <Button\n        sx={{ width: '80px', mr: 3 }}\n        onClick={onToggleSubscribe}\n        variant={isSubscribed ? 'outlined' : 'contained'}\n        disabled={isLoading}\n      >\n        {isSubscribed ? 'Unfollow' : 'Follow'}\n      </Button>\n      <IconSvg icon={icon} sx={{ color: 'primary.main', mr: 1.5 }} />\n      <ConditionalWrapper\n        condition={!name}\n        wrapper={Skeleton}\n        wrapperProps={{ width: 300, height: 20 }}\n      >\n        <Link underline={'hover'} href={nameHref} target=\"_blank\">\n          {name}\n        </Link>\n      </ConditionalWrapper>\n    </Stack>\n  )\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EAAM,GAAmB;CAC/C,IAAM,EAAE,SAAM,iBAAc,cAAW,aAAU,SAAM,yBACrD;CAEF,OACE,kBAAC,GAAD;EACE,IAAI;GACF,eAAe;GACf,YAAY;EACd;YAJF;GAME,kBAAC,GAAD;IACE,IAAI;KAAE,OAAO;KAAQ,IAAI;IAAE;IAC3B,SAAS;IACT,SAAS,IAAe,aAAa;IACrC,UAAU;cAET,IAAe,aAAa;GACvB,CAAA;GACR,kBAAC,GAAD;IAAe;IAAM,IAAI;KAAE,OAAO;KAAgB,IAAI;IAAI;GAAI,CAAA;GAC9D,kBAAC,GAAD;IACE,WAAW,CAAC;IACZ,SAAS;IACT,cAAc;KAAE,OAAO;KAAK,QAAQ;IAAG;cAEvC,kBAAC,GAAD;KAAM,WAAW;KAAS,MAAM;KAAU,QAAO;eAC9C;IACG,CAAA;GACY,CAAA;EACf;;AAEX"}

package/dist/components/SubsectionRowRenderer/SubsectionRowRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SubsectionRowRenderer.js","names":[],"sources":["../../../src/components/SubsectionRowRenderer/SubsectionRowRenderer.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { Typography } from '@mui/material'\nimport {\n  ColumnType,\n  ColumnTypeEnum,\n  QueryBundleRequest,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { ColumnSpecifiedLink } from '../CardContainerLogic'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\n\nexport type FriendlyValuesMap = {\n  [index: string]: string\n}\n\nexport type SubsectionRowRendererProps = {\n  sql: string\n  isMarkdown?: boolean\n  sqlOperator?: SQLOperator\n  searchParams?: Record<string, string>\n  columnLink?: ColumnSpecifiedLink\n  friendlyValuesMap?: FriendlyValuesMap\n  columnNameIsSectionTitle?: boolean\n  limit?: number\n  additionalFiltersSessionStorageKey?: string\n}\n\nconst LIST_COLUMN_TYPES: ColumnType[] = [\n  ColumnTypeEnum.BOOLEAN_LIST,\n  ColumnTypeEnum.DATE_LIST,\n  ColumnTypeEnum.ENTITYID_LIST,\n  ColumnTypeEnum.INTEGER_LIST,\n  ColumnTypeEnum.STRING_LIST,\n]\n\nfunction SubsectionRowRenderer({\n  sql,\n  searchParams,\n  sqlOperator,\n  isMarkdown = false,\n  columnLink,\n  friendlyValuesMap,\n  columnNameIsSectionTitle = false,\n  limit,\n  additionalFiltersSessionStorageKey,\n}: SubsectionRowRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [isLoading, setIsLoading] = useState<boolean>()\n  useDeepCompareEffectNoCheck(() => {\n    const fetchData = async function () {\n      setIsLoading(true)\n      const entityId = parseEntityIdFromSqlStatement(sql)\n      const additionalFilters = getAdditionalFilters(\n        searchParams,\n        sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      const partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n      const request: QueryBundleRequest = {\n        partMask,\n        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n        entityId,\n        query: {\n          sql,\n          limit,\n          additionalFilters,\n        },\n      }\n\n      const queryResultBundle = await SynapseClient.getQueryTableResults(\n        request,\n        accessToken,\n      )\n      setIsLoading(false)\n      const queryResults = queryResultBundle?.queryResult?.queryResults\n      if (queryResults) {\n        setRowSet(queryResults)\n      } else {\n        console.log('SubsectionRowRenderer: Error getting data')\n      }\n    }\n    fetchData()\n  }, [sql, accessToken, searchParams, sqlOperator])\n\n  /**\n   * If a \"friendly values map\" was provided, then use the friendly value if any of the raw values match.\n   * Otherwise, just return the raw value.\n   * @param rawValue\n   * @returns\n   */\n  const getFriendlyValue = (rawValue: string) => {\n    if (!friendlyValuesMap) {\n      return rawValue\n    }\n    const friendlyValue = friendlyValuesMap[rawValue]\n    return friendlyValue ? friendlyValue : rawValue\n  }\n  return (\n    <div className=\"SubsectionRowRenderer\">\n      {isLoading && <SkeletonTable numRows={2} numCols={1} />}\n      {!isLoading &&\n        rowSet &&\n        rowSet.rows.length > 0 &&\n        rowSet.headers.map((selectColumn, colIndex) => {\n          // If a link column was provided (that contain URLs), do not create a page sub-section for that column.\n          if (columnLink && selectColumn.name == columnLink.linkColumnName) {\n            return <></>\n          }\n          return (\n            <div\n              key={`header-${colIndex}`}\n              className=\"SubsectionRowRenderer__item\"\n              role=\"table\"\n            >\n              <Typography\n                variant={\n                  columnNameIsSectionTitle ? 'sectionTitle' : 'subsectionHeader'\n                }\n                role=\"heading\"\n                style={{ paddingTop: '10px', marginBottom: '5px' }}\n              >\n                {selectColumn.name}\n              </Typography>\n              {columnNameIsSectionTitle && <hr />}\n              <div role=\"rowgroup\">\n                {rowSet.rows.map((row, rowIndex) => {\n                  const cellValue = row.values[colIndex]\n                  // If the cell value is undefined, then go to the next row.\n                  if (!cellValue) {\n                    return <></>\n                  }\n                  let values\n                  // If this cell value represents a multi-value (the select column type is a *_LIST column), then parse it and break it apart\n                  if (LIST_COLUMN_TYPES.includes(selectColumn.columnType)) {\n                    const jsonData: string[] = JSON.parse(cellValue)\n                    values = jsonData.map((val: string, index: number) => {\n                      return (\n                        <div\n                          key={`row-${rowIndex}-col-${colIndex}-multi-value`}\n                          className=\"SubsectionRowRenderer__item__value\"\n                          role=\"row\"\n                        >\n                          {isMarkdown && (\n                            <MarkdownSynapse markdown={getFriendlyValue(val)} />\n                          )}\n                          {!isMarkdown && <p>{getFriendlyValue(val)}</p>}\n                        </div>\n                      )\n                    })\n                  } else {\n                    // If this cell value represents a single value\n                    let renderedValue\n                    const friendlyCellValue = getFriendlyValue(cellValue)\n                    if (isMarkdown) {\n                      renderedValue = (\n                        <MarkdownSynapse markdown={friendlyCellValue} />\n                      )\n                    } else if (\n                      columnLink &&\n                      columnLink.matchColumnName == selectColumn.name\n                    ) {\n                      // If a link column was provided, then we need to create links (the url is in this other column)\n                      const urlColumnIndex = rowSet.headers.findIndex(\n                        col => col.name == columnLink.linkColumnName,\n                      )\n                      const values = row.values as string[]\n                      if (values.some(value => value === null)) {\n                        console.warn(\n                          'Row has null value(s) when no nulls expected',\n                        )\n                      }\n\n                      if (urlColumnIndex > -1) {\n                        renderedValue = (\n                          <a\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            href={values[urlColumnIndex]}\n                          >\n                            {friendlyCellValue}\n                          </a>\n                        )\n                      } else {\n                        renderedValue = <p>{friendlyCellValue}</p>\n                      }\n                    } else {\n                      renderedValue = <p>{friendlyCellValue}</p>\n                    }\n                    values = (\n                      <div\n                        key={`row-${rowIndex}-col-${colIndex}-single`}\n                        className=\"SubsectionRowRenderer__item__value\"\n                        role=\"row\"\n                      >\n                        {renderedValue}\n                      </div>\n                    )\n                  }\n                  return values\n                })}\n              </div>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default SubsectionRowRenderer\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAM,IAAkC;CACtC,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;CAChB;AAED,SAAS,EAAsB,EAC7B,QACA,iBACA,gBACA,gBAAa,IACb,eACA,sBACA,8BAA2B,IAC3B,UACA,yCAC6B;CAC7B,IAAM,EAAE,mBAAgB,GAAmB,EACrC,CAAC,GAAQ,KAAa,GAAkB,EACxC,CAAC,GAAW,KAAgB,GAAmB;AACrD,SAAkC;AAiChC,oBAhCoC;AAClC,KAAa,GAAK;GAQlB,IAAM,IAA8B;IAClC,UAAA;IACA,cAAc;IACd,UAVe,EAA8B,EAU7C;IACA,OAAO;KACL;KACA;KACA,mBAbsB,EACxB,GACA,GACA,EAUE;KACD;IACF,EAEK,IAAoB,MAAM,EAAc,qBAC5C,GACA,EACD;AACD,KAAa,GAAM;GACnB,IAAM,IAAe,GAAmB,aAAa;AACrD,GAAI,IACF,EAAU,EAAa,GAEvB,QAAQ,IAAI,4CAA4C;MAGjD;IACV;EAAC;EAAK;EAAa;EAAc;EAAY,CAAC;CAQjD,IAAM,KAAoB,MACnB,KAGiB,EAAkB,MAF/B;AAKX,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAa,kBAAC,GAAD;GAAe,SAAS;GAAG,SAAS;GAAK,CAAA,EACtD,CAAC,KACA,KACA,EAAO,KAAK,SAAS,KACrB,EAAO,QAAQ,KAAK,GAAc,MAE5B,KAAc,EAAa,QAAQ,EAAW,iBACzC,kBAAA,GAAA,EAAK,CAAA,GAGZ,kBAAC,OAAD;GAEE,WAAU;GACV,MAAK;aAHP;IAKE,kBAAC,GAAD;KACE,SACE,IAA2B,iBAAiB;KAE9C,MAAK;KACL,OAAO;MAAE,YAAY;MAAQ,cAAc;MAAO;eAEjD,EAAa;KACH,CAAA;IACZ,KAA4B,kBAAC,MAAD,EAAM,CAAA;IACnC,kBAAC,OAAD;KAAK,MAAK;eACP,EAAO,KAAK,KAAK,GAAK,MAAa;MAClC,IAAM,IAAY,EAAI,OAAO;AAE7B,UAAI,CAAC,EACH,QAAO,kBAAA,GAAA,EAAK,CAAA;MAEd,IAAI;AAEJ,UAAI,EAAkB,SAAS,EAAa,WAAW,CAErD,KAD2B,KAAK,MAAM,EAC7B,CAAS,KAAK,GAAa,MAEhC,kBAAC,OAAD;OAEE,WAAU;OACV,MAAK;iBAHP,CAKG,KACC,kBAAC,GAAD,EAAiB,UAAU,EAAiB,EAAI,EAAI,CAAA,EAErD,CAAC,KAAc,kBAAC,KAAD,EAAA,UAAI,EAAiB,EAAI,EAAK,CAAA,CAC1C;SARC,OAAO,EAAS,OAAO,EAAS,cAQjC,CAER;WACG;OAEL,IAAI,GACE,IAAoB,EAAiB,EAAU;AACrD,WAAI,EACF,KACE,kBAAC,GAAD,EAAiB,UAAU,GAAqB,CAAA;gBAGlD,KACA,EAAW,mBAAmB,EAAa,MAC3C;QAEA,IAAM,IAAiB,EAAO,QAAQ,WACpC,MAAO,EAAI,QAAQ,EAAW,eAC/B,EACK,IAAS,EAAI;AAOnB,QANI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KACN,+CACD,EAGH,AAWE,IAXE,IAAiB,KAEjB,kBAAC,KAAD;SACE,KAAI;SACJ,QAAO;SACP,MAAM,EAAO;mBAEZ;SACC,CAAA,GAGU,kBAAC,KAAD,EAAA,UAAI,GAAsB,CAAA;aAG5C,KAAgB,kBAAC,KAAD,EAAA,UAAI,GAAsB,CAAA;AAE5C,WACE,kBAAC,OAAD;QAEE,WAAU;QACV,MAAK;kBAEJ;QACG,EALC,OAAO,EAAS,OAAO,EAAS,SAKjC;;AAGV,aAAO;OACP;KACE,CAAA;IACF;KA3FC,UAAU,IA2FX,CAER,CACA"}
+{"version":3,"file":"SubsectionRowRenderer.js","names":[],"sources":["../../../src/components/SubsectionRowRenderer/SubsectionRowRenderer.tsx"],"sourcesContent":["import SynapseClient from '@/synapse-client'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  getAdditionalFilters,\n  parseEntityIdFromSqlStatement,\n  SQLOperator,\n} from '@/utils/functions/SqlFunctions'\nimport { Typography } from '@mui/material'\nimport {\n  ColumnType,\n  ColumnTypeEnum,\n  QueryBundleRequest,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport { useState } from 'react'\nimport { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { ColumnSpecifiedLink } from '../CardContainerLogic'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\n\nexport type FriendlyValuesMap = {\n  [index: string]: string\n}\n\nexport type SubsectionRowRendererProps = {\n  sql: string\n  isMarkdown?: boolean\n  sqlOperator?: SQLOperator\n  searchParams?: Record<string, string>\n  columnLink?: ColumnSpecifiedLink\n  friendlyValuesMap?: FriendlyValuesMap\n  columnNameIsSectionTitle?: boolean\n  limit?: number\n  additionalFiltersSessionStorageKey?: string\n}\n\nconst LIST_COLUMN_TYPES: ColumnType[] = [\n  ColumnTypeEnum.BOOLEAN_LIST,\n  ColumnTypeEnum.DATE_LIST,\n  ColumnTypeEnum.ENTITYID_LIST,\n  ColumnTypeEnum.INTEGER_LIST,\n  ColumnTypeEnum.STRING_LIST,\n]\n\nfunction SubsectionRowRenderer({\n  sql,\n  searchParams,\n  sqlOperator,\n  isMarkdown = false,\n  columnLink,\n  friendlyValuesMap,\n  columnNameIsSectionTitle = false,\n  limit,\n  additionalFiltersSessionStorageKey,\n}: SubsectionRowRendererProps) {\n  const { accessToken } = useSynapseContext()\n  const [rowSet, setRowSet] = useState<RowSet>()\n  const [isLoading, setIsLoading] = useState<boolean>()\n  useDeepCompareEffectNoCheck(() => {\n    const fetchData = async function () {\n      setIsLoading(true)\n      const entityId = parseEntityIdFromSqlStatement(sql)\n      const additionalFilters = getAdditionalFilters(\n        searchParams,\n        sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      const partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n      const request: QueryBundleRequest = {\n        partMask,\n        concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n        entityId,\n        query: {\n          sql,\n          limit,\n          additionalFilters,\n        },\n      }\n\n      const queryResultBundle = await SynapseClient.getQueryTableResults(\n        request,\n        accessToken,\n      )\n      setIsLoading(false)\n      const queryResults = queryResultBundle?.queryResult?.queryResults\n      if (queryResults) {\n        setRowSet(queryResults)\n      } else {\n        console.log('SubsectionRowRenderer: Error getting data')\n      }\n    }\n    fetchData()\n  }, [sql, accessToken, searchParams, sqlOperator])\n\n  /**\n   * If a \"friendly values map\" was provided, then use the friendly value if any of the raw values match.\n   * Otherwise, just return the raw value.\n   * @param rawValue\n   * @returns\n   */\n  const getFriendlyValue = (rawValue: string) => {\n    if (!friendlyValuesMap) {\n      return rawValue\n    }\n    const friendlyValue = friendlyValuesMap[rawValue]\n    return friendlyValue ? friendlyValue : rawValue\n  }\n  return (\n    <div className=\"SubsectionRowRenderer\">\n      {isLoading && <SkeletonTable numRows={2} numCols={1} />}\n      {!isLoading &&\n        rowSet &&\n        rowSet.rows.length > 0 &&\n        rowSet.headers.map((selectColumn, colIndex) => {\n          // If a link column was provided (that contain URLs), do not create a page sub-section for that column.\n          if (columnLink && selectColumn.name == columnLink.linkColumnName) {\n            return <></>\n          }\n          return (\n            <div\n              key={`header-${colIndex}`}\n              className=\"SubsectionRowRenderer__item\"\n              role=\"table\"\n            >\n              <Typography\n                variant={\n                  columnNameIsSectionTitle ? 'sectionTitle' : 'subsectionHeader'\n                }\n                role=\"heading\"\n                style={{ paddingTop: '10px', marginBottom: '5px' }}\n              >\n                {selectColumn.name}\n              </Typography>\n              {columnNameIsSectionTitle && <hr />}\n              <div role=\"rowgroup\">\n                {rowSet.rows.map((row, rowIndex) => {\n                  const cellValue = row.values[colIndex]\n                  // If the cell value is undefined, then go to the next row.\n                  if (!cellValue) {\n                    return <></>\n                  }\n                  let values\n                  // If this cell value represents a multi-value (the select column type is a *_LIST column), then parse it and break it apart\n                  if (LIST_COLUMN_TYPES.includes(selectColumn.columnType)) {\n                    const jsonData: string[] = JSON.parse(cellValue)\n                    values = jsonData.map((val: string, index: number) => {\n                      return (\n                        <div\n                          key={`row-${rowIndex}-col-${colIndex}-multi-value`}\n                          className=\"SubsectionRowRenderer__item__value\"\n                          role=\"row\"\n                        >\n                          {isMarkdown && (\n                            <MarkdownSynapse markdown={getFriendlyValue(val)} />\n                          )}\n                          {!isMarkdown && <p>{getFriendlyValue(val)}</p>}\n                        </div>\n                      )\n                    })\n                  } else {\n                    // If this cell value represents a single value\n                    let renderedValue\n                    const friendlyCellValue = getFriendlyValue(cellValue)\n                    if (isMarkdown) {\n                      renderedValue = (\n                        <MarkdownSynapse markdown={friendlyCellValue} />\n                      )\n                    } else if (\n                      columnLink &&\n                      columnLink.matchColumnName == selectColumn.name\n                    ) {\n                      // If a link column was provided, then we need to create links (the url is in this other column)\n                      const urlColumnIndex = rowSet.headers.findIndex(\n                        col => col.name == columnLink.linkColumnName,\n                      )\n                      const values = row.values as string[]\n                      if (values.some(value => value === null)) {\n                        console.warn(\n                          'Row has null value(s) when no nulls expected',\n                        )\n                      }\n\n                      if (urlColumnIndex > -1) {\n                        renderedValue = (\n                          <a\n                            rel=\"noopener noreferrer\"\n                            target=\"_blank\"\n                            href={values[urlColumnIndex]}\n                          >\n                            {friendlyCellValue}\n                          </a>\n                        )\n                      } else {\n                        renderedValue = <p>{friendlyCellValue}</p>\n                      }\n                    } else {\n                      renderedValue = <p>{friendlyCellValue}</p>\n                    }\n                    values = (\n                      <div\n                        key={`row-${rowIndex}-col-${colIndex}-single`}\n                        className=\"SubsectionRowRenderer__item__value\"\n                        role=\"row\"\n                      >\n                        {renderedValue}\n                      </div>\n                    )\n                  }\n                  return values\n                })}\n              </div>\n            </div>\n          )\n        })}\n    </div>\n  )\n}\n\nexport default SubsectionRowRenderer\n"],"mappings":";;;;;;;;;;;;;AAqCA,IAAM,IAAkC;CACtC,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;CACf,EAAe;AACjB;AAEA,SAAS,EAAsB,EAC7B,QACA,iBACA,gBACA,gBAAa,IACb,eACA,sBACA,8BAA2B,IAC3B,UACA,yCAC6B;CAC7B,IAAM,EAAE,mBAAgB,EAAkB,GACpC,CAAC,GAAQ,KAAa,EAAiB,GACvC,CAAC,GAAW,KAAgB,EAAkB;CACpD,QAAkC;EAiChC,kBAhCoC;GAClC,EAAa,EAAI;GAQjB,IAAM,IAA8B;IAClC,UAAA;IACA,cAAc;IACd,UAVe,EAA8B,CAU7C;IACA,OAAO;KACL;KACA;KACA,mBAbsB,EACxB,GACA,GACA,CAUE;IACF;GACF,GAEM,IAAoB,MAAM,EAAc,qBAC5C,GACA,CACF;GACA,EAAa,EAAK;GAClB,IAAM,IAAe,GAAmB,aAAa;GACrD,AAAI,IACF,EAAU,CAAY,IAEtB,QAAQ,IAAI,2CAA2C;EAE3D,GACU;CACZ,GAAG;EAAC;EAAK;EAAa;EAAc;CAAW,CAAC;CAQhD,IAAM,KAAoB,MACnB,KAGiB,EAAkB,MAF/B;CAKX,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,KAAa,kBAAC,GAAD;GAAe,SAAS;GAAG,SAAS;EAAI,CAAA,GACrD,CAAC,KACA,KACA,EAAO,KAAK,SAAS,KACrB,EAAO,QAAQ,KAAK,GAAc,MAE5B,KAAc,EAAa,QAAQ,EAAW,iBACzC,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAC,OAAD;GAEE,WAAU;GACV,MAAK;aAHP;IAKE,kBAAC,GAAD;KACE,SACE,IAA2B,iBAAiB;KAE9C,MAAK;KACL,OAAO;MAAE,YAAY;MAAQ,cAAc;KAAM;eAEhD,EAAa;IACJ,CAAA;IACX,KAA4B,kBAAC,MAAD,CAAK,CAAA;IAClC,kBAAC,OAAD;KAAK,MAAK;eACP,EAAO,KAAK,KAAK,GAAK,MAAa;MAClC,IAAM,IAAY,EAAI,OAAO;MAE7B,IAAI,CAAC,GACH,OAAO,kBAAA,GAAA,CAAI,CAAA;MAEb,IAAI;MAEJ,IAAI,EAAkB,SAAS,EAAa,UAAU,GAEpD,IAD2B,KAAK,MAAM,CAC7B,EAAS,KAAK,GAAa,MAEhC,kBAAC,OAAD;OAEE,WAAU;OACV,MAAK;iBAHP,CAKG,KACC,kBAAC,GAAD,EAAiB,UAAU,EAAiB,CAAG,EAAI,CAAA,GAEpD,CAAC,KAAc,kBAAC,KAAD,EAAA,UAAI,EAAiB,CAAG,EAAK,CAAA,CAC1C;SARE,OAAO,EAAS,OAAO,EAAS,aAQlC,CAER;WACI;OAEL,IAAI,GACE,IAAoB,EAAiB,CAAS;OACpD,IAAI,GACF,IACE,kBAAC,GAAD,EAAiB,UAAU,EAAoB,CAAA;YAE5C,IACL,KACA,EAAW,mBAAmB,EAAa,MAC3C;QAEA,IAAM,IAAiB,EAAO,QAAQ,WACpC,MAAO,EAAI,QAAQ,EAAW,cAChC,GACM,IAAS,EAAI;QAOnB,AANI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KACN,8CACF,GAGF,AAWE,IAXE,IAAiB,KAEjB,kBAAC,KAAD;SACE,KAAI;SACJ,QAAO;SACP,MAAM,EAAO;mBAEZ;QACA,CAAA,IAGW,kBAAC,KAAD,EAAA,UAAI,EAAqB,CAAA;OAE7C,OACE,IAAgB,kBAAC,KAAD,EAAA,UAAI,EAAqB,CAAA;OAE3C,IACE,kBAAC,OAAD;QAEE,WAAU;QACV,MAAK;kBAEJ;OACE,GALE,OAAO,EAAS,OAAO,EAAS,QAKlC;MAET;MACA,OAAO;KACT,CAAC;IACE,CAAA;GACF;KA3FE,UAAU,GA2FZ,CAER,CACA;;AAET"}