synapse-react-client 4.0.18 → 4.0.20

package/dist/components/file/upload/MultiFileUploadProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiFileUploadProgress.js","names":[],"sources":["../../../../src/components/file/upload/MultiFileUploadProgress.tsx"],"sourcesContent":["import {\n  FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX,\n  FileUploadProgress,\n} from '@/components/EntityUpload/FileUploadProgress'\nimport getActiveUploadCount from '@/utils/hooks/useUploadFileEntity/getActiveUploadCount'\nimport { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { UploadItem } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport Box from '@mui/material/Box'\nimport Paper from '@mui/material/Paper'\nimport Typography from '@mui/material/Typography'\nimport pluralize from 'pluralize'\nimport { FixedSizeList } from 'react-window'\n\n// This padding value will be used to manipulate the appearance of a virtualized list of FileUploadProgress components\nconst UPLOAD_CONTAINER_PADDING_X_PX = 24\n\ntype UploadProgressProps = {\n  /**\n   * The current state of the uploader.\n   */\n  uploaderState: EntityUploaderState\n  /**\n   * The progress of each file being uploaded, including status and callbacks for user actions.\n   */\n  uploadProgress: UploadItem[]\n}\n\nexport default function MultiFileUploadProgress(props: UploadProgressProps) {\n  const { uploaderState, uploadProgress } = props\n\n  if (uploadProgress.length === 0) {\n    return null\n  }\n\n  const activeUploadCount = getActiveUploadCount(\n    uploadProgress.map(up => up.status),\n  )\n  const numberOfItemsCompleted = uploadProgress.filter(\n    p => p.status === 'COMPLETE',\n  ).length\n\n  return (\n    <Paper\n      sx={{\n        px: `${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n        py: 2,\n        mt: 3,\n        width: '100%',\n        height: '260px',\n        background: '#FBFBFC',\n      }}\n    >\n      <Typography variant={'headline2'} gutterBottom>\n        {uploaderState === 'WAITING' && <>Uploads</>}\n        {uploaderState === 'UPLOADING' && (\n          <>\n            Uploading {activeUploadCount} {pluralize('Item', activeUploadCount)}\n          </>\n        )}\n        {uploaderState === 'COMPLETE' && (\n          <>\n            Uploaded {numberOfItemsCompleted}{' '}\n            {pluralize('Item', numberOfItemsCompleted)}\n          </>\n        )}\n      </Typography>\n      <Box\n        sx={{\n          // Add negative margin equivalent to the container's padding\n          // This will put the scrollbar on the right edge of the container\n          mx: `${UPLOAD_CONTAINER_PADDING_X_PX * -1}px`,\n\n          '& > div > div > :not(:last-child)': {\n            borderBottom: 'solid 1px #EAECEE',\n          },\n        }}\n      >\n        <FixedSizeList\n          itemSize={FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}\n          height={205}\n          itemCount={uploadProgress.length}\n          width={'100%'}\n        >\n          {({ index, style }) => {\n            const fileProgress = uploadProgress[index]\n            const fileNameWithPath =\n              fileProgress.file.webkitRelativePath || fileProgress.file.name\n\n            const totalSizeInBytes = fileProgress.file.size\n            const fractionOfPartsUploaded =\n              fileProgress.progress.value / fileProgress.progress.total\n            const uploadedSizeInBytes =\n              totalSizeInBytes * fractionOfPartsUploaded\n\n            return (\n              <div\n                key={\n                  // File path + name should be unique\n                  fileNameWithPath\n                }\n                style={{\n                  ...style,\n                  // Use same value as the outer container's padding to determine the width,\n                  // ensuring the items in the list appear to have the same padding\n                  width: `calc(100% - ${UPLOAD_CONTAINER_PADDING_X_PX * 2}px)`,\n                  margin: `0px ${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n                }}\n              >\n                <FileUploadProgress\n                  fileName={fileNameWithPath}\n                  status={fileProgress.status}\n                  totalSizeInBytes={totalSizeInBytes}\n                  uploadedSizeInBytes={uploadedSizeInBytes}\n                  onCancel={fileProgress.cancel}\n                  onPause={fileProgress.pause}\n                  onResume={fileProgress.resume}\n                  onRemove={fileProgress.remove}\n                  errorMessage={fileProgress.failureReason}\n                />\n              </div>\n            )\n          }}\n        </FixedSizeList>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAgC;AAatC,SAAwB,EAAwB,GAA4B;CAC1E,IAAM,EAAE,kBAAe,sBAAmB;AAE1C,KAAI,EAAe,WAAW,EAC5B,QAAO;CAGT,IAAM,IAAoB,EACxB,EAAe,KAAI,MAAM,EAAG,OAAO,CACpC,EACK,IAAyB,EAAe,QAC5C,MAAK,EAAE,WAAW,WACnB,CAAC;AAEF,QACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI,GAAG,EAA8B;GACrC,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,QAAQ;GACR,YAAY;GACb;YARH,CAUE,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAA;aAAlC;IACG,MAAkB,aAAa,kBAAA,GAAA,EAAA,UAAE,WAAU,CAAA;IAC3C,MAAkB,eACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACW;KAAkB;KAAE,EAAU,QAAQ,EAAkB;KAClE,EAAA,CAAA;IAEJ,MAAkB,cACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACU;KAAwB;KACjC,EAAU,QAAQ,EAAuB;KACzC,EAAA,CAAA;IAEM;MACb,kBAAC,GAAD;GACE,IAAI;IAGF,IAAI,GAAG,IAAgC,GAAG;IAE1C,qCAAqC,EACnC,cAAc,qBACf;IACF;aAED,kBAAC,GAAD;IACE,UAAA;IACA,QAAQ;IACR,WAAW,EAAe;IAC1B,OAAO;eAEL,EAAE,UAAO,eAAY;KACrB,IAAM,IAAe,EAAe,IAC9B,IACJ,EAAa,KAAK,sBAAsB,EAAa,KAAK,MAEtD,IAAmB,EAAa,KAAK,MAGrC,IACJ,KAFA,EAAa,SAAS,QAAQ,EAAa,SAAS;AAItD,YACE,kBAAC,OAAD;MAKE,OAAO;OACL,GAAG;OAGH,OAAO,eAAe,IAAgC,EAAE;OACxD,QAAQ,OAAO,EAA8B;OAC9C;gBAED,kBAAC,GAAD;OACE,UAAU;OACV,QAAQ,EAAa;OACH;OACG;OACrB,UAAU,EAAa;OACvB,SAAS,EAAa;OACtB,UAAU,EAAa;OACvB,UAAU,EAAa;OACvB,cAAc,EAAa;OAC3B,CAAA;MACE,EArBF,EAqBE;;IAGI,CAAA;GACZ,CAAA,CACA"}
+{"version":3,"file":"MultiFileUploadProgress.js","names":[],"sources":["../../../../src/components/file/upload/MultiFileUploadProgress.tsx"],"sourcesContent":["import {\n  FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX,\n  FileUploadProgress,\n} from '@/components/EntityUpload/FileUploadProgress'\nimport getActiveUploadCount from '@/utils/hooks/useUploadFileEntity/getActiveUploadCount'\nimport { EntityUploaderState } from '@/utils/hooks/useUploadFileEntity/useUploadFileEntities'\nimport { UploadItem } from '@/utils/hooks/useUploadFileEntity/useUploadFiles'\nimport Box from '@mui/material/Box'\nimport Paper from '@mui/material/Paper'\nimport Typography from '@mui/material/Typography'\nimport pluralize from 'pluralize'\nimport { FixedSizeList } from 'react-window'\n\n// This padding value will be used to manipulate the appearance of a virtualized list of FileUploadProgress components\nconst UPLOAD_CONTAINER_PADDING_X_PX = 24\n\ntype UploadProgressProps = {\n  /**\n   * The current state of the uploader.\n   */\n  uploaderState: EntityUploaderState\n  /**\n   * The progress of each file being uploaded, including status and callbacks for user actions.\n   */\n  uploadProgress: UploadItem[]\n}\n\nexport default function MultiFileUploadProgress(props: UploadProgressProps) {\n  const { uploaderState, uploadProgress } = props\n\n  if (uploadProgress.length === 0) {\n    return null\n  }\n\n  const activeUploadCount = getActiveUploadCount(\n    uploadProgress.map(up => up.status),\n  )\n  const numberOfItemsCompleted = uploadProgress.filter(\n    p => p.status === 'COMPLETE',\n  ).length\n\n  return (\n    <Paper\n      sx={{\n        px: `${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n        py: 2,\n        mt: 3,\n        width: '100%',\n        height: '260px',\n        background: '#FBFBFC',\n      }}\n    >\n      <Typography variant={'headline2'} gutterBottom>\n        {uploaderState === 'WAITING' && <>Uploads</>}\n        {uploaderState === 'UPLOADING' && (\n          <>\n            Uploading {activeUploadCount} {pluralize('Item', activeUploadCount)}\n          </>\n        )}\n        {uploaderState === 'COMPLETE' && (\n          <>\n            Uploaded {numberOfItemsCompleted}{' '}\n            {pluralize('Item', numberOfItemsCompleted)}\n          </>\n        )}\n      </Typography>\n      <Box\n        sx={{\n          // Add negative margin equivalent to the container's padding\n          // This will put the scrollbar on the right edge of the container\n          mx: `${UPLOAD_CONTAINER_PADDING_X_PX * -1}px`,\n\n          '& > div > div > :not(:last-child)': {\n            borderBottom: 'solid 1px #EAECEE',\n          },\n        }}\n      >\n        <FixedSizeList\n          itemSize={FILE_UPLOAD_PROGRESS_COMPONENT_HEIGHT_PX}\n          height={205}\n          itemCount={uploadProgress.length}\n          width={'100%'}\n        >\n          {({ index, style }) => {\n            const fileProgress = uploadProgress[index]\n            const fileNameWithPath =\n              fileProgress.file.webkitRelativePath || fileProgress.file.name\n\n            const totalSizeInBytes = fileProgress.file.size\n            const fractionOfPartsUploaded =\n              fileProgress.progress.value / fileProgress.progress.total\n            const uploadedSizeInBytes =\n              totalSizeInBytes * fractionOfPartsUploaded\n\n            return (\n              <div\n                key={\n                  // File path + name should be unique\n                  fileNameWithPath\n                }\n                style={{\n                  ...style,\n                  // Use same value as the outer container's padding to determine the width,\n                  // ensuring the items in the list appear to have the same padding\n                  width: `calc(100% - ${UPLOAD_CONTAINER_PADDING_X_PX * 2}px)`,\n                  margin: `0px ${UPLOAD_CONTAINER_PADDING_X_PX}px`,\n                }}\n              >\n                <FileUploadProgress\n                  fileName={fileNameWithPath}\n                  status={fileProgress.status}\n                  totalSizeInBytes={totalSizeInBytes}\n                  uploadedSizeInBytes={uploadedSizeInBytes}\n                  onCancel={fileProgress.cancel}\n                  onPause={fileProgress.pause}\n                  onResume={fileProgress.resume}\n                  onRemove={fileProgress.remove}\n                  errorMessage={fileProgress.failureReason}\n                />\n              </div>\n            )\n          }}\n        </FixedSizeList>\n      </Box>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;;;;AAcA,IAAM,IAAgC;AAatC,SAAwB,EAAwB,GAA4B;CAC1E,IAAM,EAAE,kBAAe,sBAAmB;CAE1C,IAAI,EAAe,WAAW,GAC5B,OAAO;CAGT,IAAM,IAAoB,EACxB,EAAe,KAAI,MAAM,EAAG,MAAM,CACpC,GACM,IAAyB,EAAe,QAC5C,MAAK,EAAE,WAAW,UACpB,EAAE;CAEF,OACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI,GAAG,EAA8B;GACrC,IAAI;GACJ,IAAI;GACJ,OAAO;GACP,QAAQ;GACR,YAAY;EACd;YARF,CAUE,kBAAC,GAAD;GAAY,SAAS;GAAa,cAAA;aAAlC;IACG,MAAkB,aAAa,kBAAA,GAAA,EAAA,UAAE,UAAS,CAAA;IAC1C,MAAkB,eACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACW;KAAkB;KAAE,EAAU,QAAQ,CAAiB;IAClE,EAAA,CAAA;IAEH,MAAkB,cACjB,kBAAA,GAAA,EAAA,UAAA;KAAE;KACU;KAAwB;KACjC,EAAU,QAAQ,CAAsB;IACzC,EAAA,CAAA;GAEM;MACZ,kBAAC,GAAD;GACE,IAAI;IAGF,IAAI,GAAG,IAAgC,GAAG;IAE1C,qCAAqC,EACnC,cAAc,oBAChB;GACF;aAEA,kBAAC,GAAD;IACE,UAAA;IACA,QAAQ;IACR,WAAW,EAAe;IAC1B,OAAO;eAEL,EAAE,UAAO,eAAY;KACrB,IAAM,IAAe,EAAe,IAC9B,IACJ,EAAa,KAAK,sBAAsB,EAAa,KAAK,MAEtD,IAAmB,EAAa,KAAK,MAGrC,IACJ,KAFA,EAAa,SAAS,QAAQ,EAAa,SAAS;KAItD,OACE,kBAAC,OAAD;MAKE,OAAO;OACL,GAAG;OAGH,OAAO,eAAe,IAAgC,EAAE;OACxD,QAAQ,OAAO,EAA8B;MAC/C;gBAEA,kBAAC,GAAD;OACE,UAAU;OACV,QAAQ,EAAa;OACH;OACG;OACrB,UAAU,EAAa;OACvB,SAAS,EAAa;OACtB,UAAU,EAAa;OACvB,UAAU,EAAa;OACvB,cAAc,EAAa;MAC5B,CAAA;KACE,GArBD,CAqBC;IAET;GACa,CAAA;EACZ,CAAA,CACA;;AAEX"}

package/dist/components/file/upload/UploadFilePanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"UploadFilePanel.js","names":[],"sources":["../../../../src/components/file/upload/UploadFilePanel.tsx"],"sourcesContent":["import Link from '@mui/material/Link'\nimport Stack from '@mui/material/Stack'\nimport { SxProps } from '@mui/material/styles'\nimport Typography from '@mui/material/Typography'\nimport { MouseEvent, ReactNode, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport Menu from '@mui/material/Menu'\nimport Fade from '@mui/material/Fade'\nimport MenuItem from '@mui/material/MenuItem'\n\nconst disabledUploadPaneSx: SxProps = {\n  pointerEvents: 'none',\n  filter: 'opacity(33%)',\n}\n\nexport type UploadFilePanelProps = {\n  /**\n   * An optional message that appears in the upload panel (e.g. to describe the upload destination).\n   */\n  message?: ReactNode\n  /**\n   * Called when upload is invoked.\n   * @param files\n   */\n  onUploadFileList: (files: ArrayLike<File>) => void\n  /**\n   * If true, allow uploading multiple files. Otherwise, only one file may be uploaded.\n   */\n  allowMultipleFiles: boolean\n  /** Whether the component should show a loader.\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Text to show when `isLoading` is true.\n   * @default 'Loading...'\n   */\n  loadingText?: string\n  /**\n   * Whether to disable the upload panel (e.g. when the project storage is full).\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Whether to enable drag-and-drop to upload functionality.\n   * @default false\n   */\n  disableDragAndDrop?: boolean\n}\n\n/**\n * Provides a generic UI component to upload one or more files.\n * @param props\n * @constructor\n */\nexport default function UploadFilePanel(props: UploadFilePanelProps) {\n  const {\n    onUploadFileList,\n    allowMultipleFiles,\n    isLoading = false,\n    loadingText = 'Loading...',\n    disabled = false,\n    message,\n    disableDragAndDrop = false,\n  } = props\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const folderInputRef = useRef<HTMLInputElement>(null)\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const open = Boolean(anchorEl)\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (!allowMultipleFiles) {\n      fileInputRef.current!.click()\n    } else {\n      setAnchorEl(event.currentTarget)\n    }\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <Stack\n      sx={{\n        py: 3,\n        gap: 1,\n        justifyContent: 'center',\n        alignItems: 'center',\n        width: '100%',\n        border: '1px dashed #D9D9D9',\n        backgroundColor: 'grey.100',\n        textAlign: 'center',\n        ...(disabled ? disabledUploadPaneSx : {}),\n      }}\n    >\n      {isLoading && (\n        <>\n          <div>\n            <SynapseSpinner size={40} />\n          </div>\n          <Typography\n            variant={'smallText1'}\n            sx={{\n              my: 2,\n            }}\n          >\n            {loadingText}\n          </Typography>\n        </>\n      )}\n      {!isLoading && (\n        <>\n          <img\n            src={\n              'https://s3.us-east-1.amazonaws.com/static.synapse.org/images/upload_illustration.svg'\n            }\n          />\n          {/* File input */}\n          <input\n            type=\"file\"\n            id=\"filesToUpload\"\n            name=\"file upload\"\n            style={{ display: 'none' }}\n            aria-hidden=\"true\"\n            multiple={allowMultipleFiles}\n            ref={fileInputRef}\n            onChange={e => {\n              if (e.target.files != null) {\n                onUploadFileList(e.target.files)\n              }\n            }}\n          />\n          {/* Folder input */}\n          <input\n            type=\"file\"\n            id=\"folderToUpload\"\n            name=\"folder upload\"\n            style={{ display: 'none' }}\n            aria-hidden=\"true\"\n            ref={folderInputRef}\n            onChange={e => {\n              if (e.target.files != null) {\n                onUploadFileList(e.target.files)\n              }\n            }}\n            // @ts-expect-error - webkitdirectory is not included in the InputHTMLAttributes type\n            webkitdirectory=\"true\"\n          />\n\n          <Typography\n            variant={'body1'}\n            sx={{\n              my: 2,\n            }}\n          >\n            <Link onClick={handleClick}>Click to upload</Link>\n            {!disableDragAndDrop && ' or drag and drop'}\n          </Typography>\n          <Menu\n            anchorEl={anchorEl}\n            open={open}\n            onClose={handleClose}\n            anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n            transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n            slots={{\n              transition: Fade,\n            }}\n          >\n            <MenuItem\n              onClick={() => {\n                handleClose()\n                fileInputRef.current!.click()\n              }}\n            >\n              Files\n            </MenuItem>\n            <MenuItem\n              onClick={() => {\n                handleClose()\n                folderInputRef.current!.click()\n              }}\n            >\n              Folder\n            </MenuItem>\n          </Menu>\n          {message}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAgC;CACpC,eAAe;CACf,QAAQ;CACT;AA0CD,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,qBACA,uBACA,eAAY,IACZ,iBAAc,cACd,cAAW,IACX,YACA,wBAAqB,OACnB,GACE,IAAe,EAAyB,KAAK,EAC7C,IAAiB,EAAyB,KAAK,EAC/C,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAO,EAAQ,GAEf,KAAe,MAAmC;AACtD,EAAK,IAGH,EAAY,EAAM,cAAc,GAFhC,EAAa,QAAS,OAAO;IAK3B,UAAoB;AACxB,IAAY,KAAK;;AAGnB,QACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,KAAK;GACL,gBAAgB;GAChB,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,iBAAiB;GACjB,WAAW;GACX,GAAI,IAAW,IAAuB,EAAE;GACzC;YAXH,CAaG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,EACxB,CAAA,EACN,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,IAAI,GACL;aAEA;GACU,CAAA,CACZ,EAAA,CAAA,EAEJ,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD,EACE,KACE,wFAEF,CAAA;GAEF,kBAAC,SAAD;IACE,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO,EAAE,SAAS,QAAQ;IAC1B,eAAY;IACZ,UAAU;IACV,KAAK;IACL,WAAU,MAAK;AACb,KAAI,EAAE,OAAO,SAAS,QACpB,EAAiB,EAAE,OAAO,MAAM;;IAGpC,CAAA;GAEF,kBAAC,SAAD;IACE,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO,EAAE,SAAS,QAAQ;IAC1B,eAAY;IACZ,KAAK;IACL,WAAU,MAAK;AACb,KAAI,EAAE,OAAO,SAAS,QACpB,EAAiB,EAAE,OAAO,MAAM;;IAIpC,iBAAgB;IAChB,CAAA;GAEF,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,GACL;cAJH,CAME,kBAAC,GAAD;KAAM,SAAS;eAAa;KAAsB,CAAA,EACjD,CAAC,KAAsB,oBACb;;GACb,kBAAC,GAAD;IACY;IACJ;IACN,SAAS;IACT,cAAc;KAAE,UAAU;KAAU,YAAY;KAAQ;IACxD,iBAAiB;KAAE,UAAU;KAAO,YAAY;KAAQ;IACxD,OAAO,EACL,YAAY,GACb;cARH,CAUE,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAa,EACb,EAAa,QAAS,OAAO;;eAEhC;KAEU,CAAA,EACX,kBAAC,GAAD;KACE,eAAe;AAEb,MADA,GAAa,EACb,EAAe,QAAS,OAAO;;eAElC;KAEU,CAAA,CACN;;GACN;GACA,EAAA,CAAA,CAEC"}
+{"version":3,"file":"UploadFilePanel.js","names":[],"sources":["../../../../src/components/file/upload/UploadFilePanel.tsx"],"sourcesContent":["import Link from '@mui/material/Link'\nimport Stack from '@mui/material/Stack'\nimport { SxProps } from '@mui/material/styles'\nimport Typography from '@mui/material/Typography'\nimport { MouseEvent, ReactNode, useRef, useState } from 'react'\nimport { SynapseSpinner } from '../../LoadingScreen/LoadingScreen'\nimport Menu from '@mui/material/Menu'\nimport Fade from '@mui/material/Fade'\nimport MenuItem from '@mui/material/MenuItem'\n\nconst disabledUploadPaneSx: SxProps = {\n  pointerEvents: 'none',\n  filter: 'opacity(33%)',\n}\n\nexport type UploadFilePanelProps = {\n  /**\n   * An optional message that appears in the upload panel (e.g. to describe the upload destination).\n   */\n  message?: ReactNode\n  /**\n   * Called when upload is invoked.\n   * @param files\n   */\n  onUploadFileList: (files: ArrayLike<File>) => void\n  /**\n   * If true, allow uploading multiple files. Otherwise, only one file may be uploaded.\n   */\n  allowMultipleFiles: boolean\n  /** Whether the component should show a loader.\n   * @default false\n   */\n  isLoading?: boolean\n  /**\n   * Text to show when `isLoading` is true.\n   * @default 'Loading...'\n   */\n  loadingText?: string\n  /**\n   * Whether to disable the upload panel (e.g. when the project storage is full).\n   * @default false\n   */\n  disabled?: boolean\n  /**\n   * Whether to enable drag-and-drop to upload functionality.\n   * @default false\n   */\n  disableDragAndDrop?: boolean\n}\n\n/**\n * Provides a generic UI component to upload one or more files.\n * @param props\n * @constructor\n */\nexport default function UploadFilePanel(props: UploadFilePanelProps) {\n  const {\n    onUploadFileList,\n    allowMultipleFiles,\n    isLoading = false,\n    loadingText = 'Loading...',\n    disabled = false,\n    message,\n    disableDragAndDrop = false,\n  } = props\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const folderInputRef = useRef<HTMLInputElement>(null)\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const open = Boolean(anchorEl)\n\n  const handleClick = (event: MouseEvent<HTMLElement>) => {\n    if (!allowMultipleFiles) {\n      fileInputRef.current!.click()\n    } else {\n      setAnchorEl(event.currentTarget)\n    }\n  }\n  const handleClose = () => {\n    setAnchorEl(null)\n  }\n\n  return (\n    <Stack\n      sx={{\n        py: 3,\n        gap: 1,\n        justifyContent: 'center',\n        alignItems: 'center',\n        width: '100%',\n        border: '1px dashed #D9D9D9',\n        backgroundColor: 'grey.100',\n        textAlign: 'center',\n        ...(disabled ? disabledUploadPaneSx : {}),\n      }}\n    >\n      {isLoading && (\n        <>\n          <div>\n            <SynapseSpinner size={40} />\n          </div>\n          <Typography\n            variant={'smallText1'}\n            sx={{\n              my: 2,\n            }}\n          >\n            {loadingText}\n          </Typography>\n        </>\n      )}\n      {!isLoading && (\n        <>\n          <img\n            src={\n              'https://s3.us-east-1.amazonaws.com/static.synapse.org/images/upload_illustration.svg'\n            }\n          />\n          {/* File input */}\n          <input\n            type=\"file\"\n            id=\"filesToUpload\"\n            name=\"file upload\"\n            style={{ display: 'none' }}\n            aria-hidden=\"true\"\n            multiple={allowMultipleFiles}\n            ref={fileInputRef}\n            onChange={e => {\n              if (e.target.files != null) {\n                onUploadFileList(e.target.files)\n              }\n            }}\n          />\n          {/* Folder input */}\n          <input\n            type=\"file\"\n            id=\"folderToUpload\"\n            name=\"folder upload\"\n            style={{ display: 'none' }}\n            aria-hidden=\"true\"\n            ref={folderInputRef}\n            onChange={e => {\n              if (e.target.files != null) {\n                onUploadFileList(e.target.files)\n              }\n            }}\n            // @ts-expect-error - webkitdirectory is not included in the InputHTMLAttributes type\n            webkitdirectory=\"true\"\n          />\n\n          <Typography\n            variant={'body1'}\n            sx={{\n              my: 2,\n            }}\n          >\n            <Link onClick={handleClick}>Click to upload</Link>\n            {!disableDragAndDrop && ' or drag and drop'}\n          </Typography>\n          <Menu\n            anchorEl={anchorEl}\n            open={open}\n            onClose={handleClose}\n            anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n            transformOrigin={{ vertical: 'top', horizontal: 'left' }}\n            slots={{\n              transition: Fade,\n            }}\n          >\n            <MenuItem\n              onClick={() => {\n                handleClose()\n                fileInputRef.current!.click()\n              }}\n            >\n              Files\n            </MenuItem>\n            <MenuItem\n              onClick={() => {\n                handleClose()\n                folderInputRef.current!.click()\n              }}\n            >\n              Folder\n            </MenuItem>\n          </Menu>\n          {message}\n        </>\n      )}\n    </Stack>\n  )\n}\n"],"mappings":";;;;;;;;;;AAUA,IAAM,IAAgC;CACpC,eAAe;CACf,QAAQ;AACV;AA0CA,SAAwB,EAAgB,GAA6B;CACnE,IAAM,EACJ,qBACA,uBACA,eAAY,IACZ,iBAAc,cACd,cAAW,IACX,YACA,wBAAqB,OACnB,GACE,IAAe,EAAyB,IAAI,GAC5C,IAAiB,EAAyB,IAAI,GAC9C,CAAC,GAAU,KAAe,EAA6B,IAAI,GAC3D,IAAO,EAAQ,GAEf,KAAe,MAAmC;EACtD,AAAK,IAGH,EAAY,EAAM,aAAa,IAF/B,EAAa,QAAS,MAAM;CAIhC,GACM,UAAoB;EACxB,EAAY,IAAI;CAClB;CAEA,OACE,kBAAC,GAAD;EACE,IAAI;GACF,IAAI;GACJ,KAAK;GACL,gBAAgB;GAChB,YAAY;GACZ,OAAO;GACP,QAAQ;GACR,iBAAiB;GACjB,WAAW;GACX,GAAI,IAAW,IAAuB,CAAC;EACzC;YAXF,CAaG,KACC,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD,EAAA,UACE,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,EACxB,CAAA,GACL,kBAAC,GAAD;GACE,SAAS;GACT,IAAI,EACF,IAAI,EACN;aAEC;EACS,CAAA,CACZ,EAAA,CAAA,GAEH,CAAC,KACA,kBAAA,GAAA,EAAA,UAAA;GACE,kBAAC,OAAD,EACE,KACE,uFAEH,CAAA;GAED,kBAAC,SAAD;IACE,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO,EAAE,SAAS,OAAO;IACzB,eAAY;IACZ,UAAU;IACV,KAAK;IACL,WAAU,MAAK;KACb,AAAI,EAAE,OAAO,SAAS,QACpB,EAAiB,EAAE,OAAO,KAAK;IAEnC;GACD,CAAA;GAED,kBAAC,SAAD;IACE,MAAK;IACL,IAAG;IACH,MAAK;IACL,OAAO,EAAE,SAAS,OAAO;IACzB,eAAY;IACZ,KAAK;IACL,WAAU,MAAK;KACb,AAAI,EAAE,OAAO,SAAS,QACpB,EAAiB,EAAE,OAAO,KAAK;IAEnC;IAEA,iBAAgB;GACjB,CAAA;GAED,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,EACN;cAJF,CAME,kBAAC,GAAD;KAAM,SAAS;eAAa;IAAqB,CAAA,GAChD,CAAC,KAAsB,mBACd;;GACZ,kBAAC,GAAD;IACY;IACJ;IACN,SAAS;IACT,cAAc;KAAE,UAAU;KAAU,YAAY;IAAO;IACvD,iBAAiB;KAAE,UAAU;KAAO,YAAY;IAAO;IACvD,OAAO,EACL,YAAY,EACd;cARF,CAUE,kBAAC,GAAD;KACE,eAAe;MAEb,AADA,EAAY,GACZ,EAAa,QAAS,MAAM;KAC9B;eACD;IAES,CAAA,GACV,kBAAC,GAAD;KACE,eAAe;MAEb,AADA,EAAY,GACZ,EAAe,QAAS,MAAM;KAChC;eACD;IAES,CAAA,CACN;;GACL;EACD,EAAA,CAAA,CAEC;;AAEX"}

package/dist/components/form/RadioGroupWithOtherString.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupWithOtherString.js","names":[],"sources":["../../../src/components/form/RadioGroupWithOtherString.tsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup, { RadioGroupProps } from '@mui/material/RadioGroup'\nimport TextField from '@mui/material/TextField'\nimport { useState } from 'react'\n\nconst OTHER_OPTION_VALUE = '__other'\n\nexport type RadioGroupWithOtherStringProps = {\n  radioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange'>\n  value: string\n  onChange: (newValue: string) => void\n  options: { value: string; label: string }[]\n}\n\n/**\n * A form component that renders a group of radio buttons with an \"Other\" option that allows the user to enter a custom string.\n */\nexport default function RadioGroupWithOtherString(\n  props: RadioGroupWithOtherStringProps,\n) {\n  const { value, onChange, options, radioGroupProps } = props\n  // Determine if the initial value matches any of the options\n  const isPredefinedOption = options.some(option => option.value === value)\n\n  const [radioValue, setRadioValue] = useState(\n    isPredefinedOption ? value : OTHER_OPTION_VALUE,\n  )\n  const [inputValue, setInputValue] = useState(isPredefinedOption ? '' : value)\n\n  return (\n    <RadioGroup\n      {...radioGroupProps}\n      value={radioValue}\n      onChange={e => {\n        setRadioValue(e.target.value)\n\n        let actualValue = e.target.value\n        if (actualValue === OTHER_OPTION_VALUE) {\n          actualValue = inputValue\n        }\n        onChange(actualValue)\n      }}\n    >\n      {options.map(option => (\n        <FormControlLabel\n          key={option.value}\n          value={option.value}\n          control={<Radio />}\n          label={option.label}\n        />\n      ))}\n      <FormControlLabel\n        value={OTHER_OPTION_VALUE}\n        control={<Radio />}\n        label={'Other'}\n      />\n      <TextField\n        value={inputValue}\n        slotProps={{ htmlInput: { 'aria-label': 'Other Value' } }}\n        onChange={e => {\n          setInputValue(e.target.value)\n          onChange(e.target.value)\n        }}\n        disabled={radioValue !== OTHER_OPTION_VALUE}\n      />\n    </RadioGroup>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAqB;AAY3B,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,aAAU,YAAS,uBAAoB,GAEhD,IAAqB,EAAQ,MAAK,MAAU,EAAO,UAAU,EAAM,EAEnE,CAAC,GAAY,KAAiB,EAClC,IAAqB,IAAQ,EAC9B,EACK,CAAC,GAAY,KAAiB,EAAS,IAAqB,KAAK,EAAM;AAE7E,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAU,MAAK;AACb,KAAc,EAAE,OAAO,MAAM;GAE7B,IAAI,IAAc,EAAE,OAAO;AAI3B,GAHI,MAAgB,MAClB,IAAc,IAEhB,EAAS,EAAY;;YAVzB;GAaG,EAAQ,KAAI,MACX,kBAAC,GAAD;IAEE,OAAO,EAAO;IACd,SAAS,kBAAC,GAAD,EAAS,CAAA;IAClB,OAAO,EAAO;IACd,EAJK,EAAO,MAIZ,CACF;GACF,kBAAC,GAAD;IACE,OAAO;IACP,SAAS,kBAAC,GAAD,EAAS,CAAA;IAClB,OAAO;IACP,CAAA;GACF,kBAAC,GAAD;IACE,OAAO;IACP,WAAW,EAAE,WAAW,EAAE,cAAc,eAAe,EAAE;IACzD,WAAU,MAAK;AAEb,KADA,EAAc,EAAE,OAAO,MAAM,EAC7B,EAAS,EAAE,OAAO,MAAM;;IAE1B,UAAU,MAAe;IACzB,CAAA;GACS"}
+{"version":3,"file":"RadioGroupWithOtherString.js","names":[],"sources":["../../../src/components/form/RadioGroupWithOtherString.tsx"],"sourcesContent":["import FormControlLabel from '@mui/material/FormControlLabel'\nimport Radio from '@mui/material/Radio'\nimport RadioGroup, { RadioGroupProps } from '@mui/material/RadioGroup'\nimport TextField from '@mui/material/TextField'\nimport { useState } from 'react'\n\nconst OTHER_OPTION_VALUE = '__other'\n\nexport type RadioGroupWithOtherStringProps = {\n  radioGroupProps?: Omit<RadioGroupProps, 'value' | 'onChange'>\n  value: string\n  onChange: (newValue: string) => void\n  options: { value: string; label: string }[]\n}\n\n/**\n * A form component that renders a group of radio buttons with an \"Other\" option that allows the user to enter a custom string.\n */\nexport default function RadioGroupWithOtherString(\n  props: RadioGroupWithOtherStringProps,\n) {\n  const { value, onChange, options, radioGroupProps } = props\n  // Determine if the initial value matches any of the options\n  const isPredefinedOption = options.some(option => option.value === value)\n\n  const [radioValue, setRadioValue] = useState(\n    isPredefinedOption ? value : OTHER_OPTION_VALUE,\n  )\n  const [inputValue, setInputValue] = useState(isPredefinedOption ? '' : value)\n\n  return (\n    <RadioGroup\n      {...radioGroupProps}\n      value={radioValue}\n      onChange={e => {\n        setRadioValue(e.target.value)\n\n        let actualValue = e.target.value\n        if (actualValue === OTHER_OPTION_VALUE) {\n          actualValue = inputValue\n        }\n        onChange(actualValue)\n      }}\n    >\n      {options.map(option => (\n        <FormControlLabel\n          key={option.value}\n          value={option.value}\n          control={<Radio />}\n          label={option.label}\n        />\n      ))}\n      <FormControlLabel\n        value={OTHER_OPTION_VALUE}\n        control={<Radio />}\n        label={'Other'}\n      />\n      <TextField\n        value={inputValue}\n        slotProps={{ htmlInput: { 'aria-label': 'Other Value' } }}\n        onChange={e => {\n          setInputValue(e.target.value)\n          onChange(e.target.value)\n        }}\n        disabled={radioValue !== OTHER_OPTION_VALUE}\n      />\n    </RadioGroup>\n  )\n}\n"],"mappings":";;;;;;;AAMA,IAAM,IAAqB;AAY3B,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,aAAU,YAAS,uBAAoB,GAEhD,IAAqB,EAAQ,MAAK,MAAU,EAAO,UAAU,CAAK,GAElE,CAAC,GAAY,KAAiB,EAClC,IAAqB,IAAQ,CAC/B,GACM,CAAC,GAAY,KAAiB,EAAS,IAAqB,KAAK,CAAK;CAE5E,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,OAAO;EACP,WAAU,MAAK;GACb,EAAc,EAAE,OAAO,KAAK;GAE5B,IAAI,IAAc,EAAE,OAAO;GAI3B,AAHI,MAAgB,MAClB,IAAc,IAEhB,EAAS,CAAW;EACtB;YAXF;GAaG,EAAQ,KAAI,MACX,kBAAC,GAAD;IAEE,OAAO,EAAO;IACd,SAAS,kBAAC,GAAD,CAAQ,CAAA;IACjB,OAAO,EAAO;GACf,GAJM,EAAO,KAIb,CACF;GACD,kBAAC,GAAD;IACE,OAAO;IACP,SAAS,kBAAC,GAAD,CAAQ,CAAA;IACjB,OAAO;GACR,CAAA;GACD,kBAAC,GAAD;IACE,OAAO;IACP,WAAW,EAAE,WAAW,EAAE,cAAc,cAAc,EAAE;IACxD,WAAU,MAAK;KAEb,AADA,EAAc,EAAE,OAAO,KAAK,GAC5B,EAAS,EAAE,OAAO,KAAK;IACzB;IACA,UAAU,MAAe;GAC1B,CAAA;EACS;;AAEhB"}

package/dist/components/home_page/ExpandableContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableContent.js","names":[],"sources":["../../../src/components/home_page/ExpandableContent.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type ExpandableContentProps = {\n  title: ReactNode\n  content: ReactNode\n}\n\nexport default function ExpandableContent({\n  title,\n  content,\n}: ExpandableContentProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  return (\n    <div className=\"ExpandableContent\">\n      <div className={'ExpandableContent__button__container'}>\n        <button\n          className={isExpanded ? 'expanded' : ''}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          <span>{title}</span>\n          <span className=\"SRC-primary-action-color\">\n            <IconSvg icon={isExpanded ? 'close' : 'add'} />\n          </span>\n        </button>\n      </div>\n      <div\n        className={`ExpandableContent__content__container ${\n          isExpanded ? '' : 'hide'\n        }`}\n      >\n        {content}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAkB,EACxC,UACA,cACyB;CACzB,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAM;AAEnD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,UAAD;IACE,WAAW,IAAa,aAAa;IACrC,eAAe,EAAc,CAAC,EAAW;cAF3C,CAIE,kBAAC,QAAD,EAAA,UAAO,GAAa,CAAA,EACpB,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAS,MAAM,IAAa,UAAU,OAAS,CAAA;KAC1C,CAAA,CACA;;GACL,CAAA,EACN,kBAAC,OAAD;GACE,WAAW,yCACT,IAAa,KAAK;aAGnB;GACG,CAAA,CACF"}
+{"version":3,"file":"ExpandableContent.js","names":[],"sources":["../../../src/components/home_page/ExpandableContent.tsx"],"sourcesContent":["import { ReactNode, useState } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type ExpandableContentProps = {\n  title: ReactNode\n  content: ReactNode\n}\n\nexport default function ExpandableContent({\n  title,\n  content,\n}: ExpandableContentProps) {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  return (\n    <div className=\"ExpandableContent\">\n      <div className={'ExpandableContent__button__container'}>\n        <button\n          className={isExpanded ? 'expanded' : ''}\n          onClick={() => setIsExpanded(!isExpanded)}\n        >\n          <span>{title}</span>\n          <span className=\"SRC-primary-action-color\">\n            <IconSvg icon={isExpanded ? 'close' : 'add'} />\n          </span>\n        </button>\n      </div>\n      <div\n        className={`ExpandableContent__content__container ${\n          isExpanded ? '' : 'hide'\n        }`}\n      >\n        {content}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAkB,EACxC,UACA,cACyB;CACzB,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK;CAElD,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,UAAD;IACE,WAAW,IAAa,aAAa;IACrC,eAAe,EAAc,CAAC,CAAU;cAF1C,CAIE,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA,GACnB,kBAAC,QAAD;KAAM,WAAU;eACd,kBAAC,GAAD,EAAS,MAAM,IAAa,UAAU,MAAQ,CAAA;IAC1C,CAAA,CACA;;EACL,CAAA,GACL,kBAAC,OAAD;GACE,WAAW,yCACT,IAAa,KAAK;aAGnB;EACE,CAAA,CACF;;AAET"}

package/dist/components/index.js

@@ -143,86 +143,87 @@ import "./OrientationBanner/index.js";
 import { ThemesPlot as tt } from "./Plot/ThemesPlot.js";
 import { UpsetPlot as nt } from "./Plot/UpsetPlot.js";
 import { SynapsePlot as rt } from "./Plot/SynapsePlot.js";
+import { SynapseSankeyPlot as it } from "./Plot/SynapseSankeyPlot.js";
 import "./Plot/index.js";
-import { Programs as it } from "./Programs/Programs.js";
+import { Programs as at } from "./Programs/Programs.js";
 import "./Programs/index.js";
-import { ProgrammaticTableDownload as at } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
+import { ProgrammaticTableDownload as ot } from "./ProgrammaticTableDownload/ProgrammaticTableDownload.js";
 import "./ProgrammaticTableDownload/index.js";
-import ot from "./ProvenanceGraph/ProvenanceGraph.js";
+import st from "./ProvenanceGraph/ProvenanceGraph.js";
 import "./ProvenanceGraph/index.js";
-import { ProjectDataAvailability as st } from "./ProjectStorage/ProjectDataAvailability.js";
+import { ProjectDataAvailability as ct } from "./ProjectStorage/ProjectDataAvailability.js";
 import "./ProjectStorage/index.js";
 import "./QueryCount/index.js";
-import ct from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
-import lt from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
+import lt from "./QueryWrapperPlotNav/QueryWrapperSynapsePlot.js";
+import ut from "./QueryWrapperPlotNav/QueryWrapperPlotNav.js";
 import "./QueryWrapperPlotNav/index.js";
-import { SearchQueryWrapper as ut } from "./SearchQueryWrapper/SearchQueryWrapper.js";
-import dt, { isSearchQueryWrapperPlotNavProps as ft } from "./SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js";
-import pt from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
+import { SearchQueryWrapper as dt } from "./SearchQueryWrapper/SearchQueryWrapper.js";
+import ft, { isSearchQueryWrapperPlotNavProps as pt } from "./SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js";
+import mt from "./RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js";
 import "./RegisterPageLogoutPrompt/index.js";
-import { RenderIfInView as mt } from "./RenderIfInView/RenderIfInView.js";
+import { RenderIfInView as ht } from "./RenderIfInView/RenderIfInView.js";
 import "./RenderIfInView/index.js";
-import { Resources as ht } from "./Resources/Resources.js";
+import { Resources as gt } from "./Resources/Resources.js";
 import "./Resources/index.js";
-import { AccessRequirementAclEditor as gt } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
+import { AccessRequirementAclEditor as _t } from "./AccessRequirementAclEditor/AccessRequirementAclEditor.js";
 import "./AccessRequirementAclEditor/index.js";
-import { RssFeedCards as _t } from "./RssFeedCards/RssFeedCards.js";
+import { RssFeedCards as vt } from "./RssFeedCards/RssFeedCards.js";
 import "./RssFeedCards/index.js";
-import vt from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
+import yt from "./StandaloneQueryWrapper/StandaloneQueryWrapper.js";
 import "./StandaloneQueryWrapper/index.js";
-import { InputSizedButton as yt } from "./styled/InputSizedButton.js";
+import { InputSizedButton as bt } from "./styled/InputSizedButton.js";
 import "./styled/index.js";
-import bt from "./SubscriptionPage/SubscriptionPage.js";
+import xt from "./SubscriptionPage/SubscriptionPage.js";
 import "./SubscriptionPage/index.js";
-import xt from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
+import St from "./SubsectionRowRenderer/SubsectionRowRenderer.js";
 import "./SubsectionRowRenderer/index.js";
-import { SynapseFormWrapper as St } from "./SynapseForm/SynapseFormWrapper.js";
-import { SynapseFormSubmissionGrid as Ct } from "./SynapseForm/SynapseFormSubmissionGrid.js";
+import { SynapseFormWrapper as Ct } from "./SynapseForm/SynapseFormWrapper.js";
+import { SynapseFormSubmissionGrid as wt } from "./SynapseForm/SynapseFormSubmissionGrid.js";
 import "./SynapseForm/index.js";
-import { SynapseChat as wt } from "./SynapseChat/SynapseChat.js";
-import { SynapsePortalChatDialog as Tt } from "./SynapseChat/SynapsePortalChatDialog.js";
+import { SynapseChat as Tt } from "./SynapseChat/SynapseChat.js";
+import { SynapsePortalChatDialog as Et } from "./SynapseChat/SynapsePortalChatDialog.js";
 import "./SynapseChat/index.js";
-import { SystemUseNotification as Et } from "./SystemUseNotification/SystemUseNotification.js";
+import { SystemUseNotification as Dt } from "./SystemUseNotification/SystemUseNotification.js";
 import "./SystemUseNotification/index.js";
-import Dt from "./TableFeedCards/TableFeedCards.js";
+import Ot from "./TableFeedCards/TableFeedCards.js";
 import "./TableFeedCards/index.js";
-import Ot from "./TermsAndConditions/TermsAndConditions.js";
+import kt from "./TermsAndConditions/TermsAndConditions.js";
 import "./TermsAndConditions/index.js";
-import { TimelinePlot as kt } from "./TimelinePlot/TimelinePlot.js";
+import { TimelinePlot as At } from "./TimelinePlot/TimelinePlot.js";
 import "./TimelinePlot/index.js";
 import "./UserCard/index.js";
-import { UserCardListRotate as At } from "./UserCardList/UserCardListRotate.js";
-import jt from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
+import { UserCardListRotate as jt } from "./UserCardList/UserCardListRotate.js";
+import Mt from "./UserCardList/UserCardListGroups/UserCardListGroups.js";
 import "./UserCardList/index.js";
-import { UserProfileLinks as Mt } from "./UserProfileLinks/UserProfileLinks.js";
+import { UserProfileLinks as Nt } from "./UserProfileLinks/UserProfileLinks.js";
 import "./UserProfileLinks/index.js";
-import { EntityHeaderTable as Nt } from "./EntityHeaderTable/EntityHeaderTable.js";
+import { EntityHeaderTable as Pt } from "./EntityHeaderTable/EntityHeaderTable.js";
 import "./EntityHeaderTable/index.js";
-import { AccessRequirementRelatedProjectsList as Pt } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
+import { AccessRequirementRelatedProjectsList as Ft } from "./AccessRequirementRelatedProjectsList/AccessRequirementRelatedProjectsList.js";
 import "./AccessRequirementRelatedProjectsList/index.js";
-import { MuiContainer as Ft } from "./MuiContainer.js";
-import { JsonLdScript as It } from "./JsonLdScript.js";
-import { DatasetJsonLdScript as Lt } from "./DatasetJsonLdScript.js";
-import { SageResourcesPopover as Rt } from "./SageResourcesPopover/SageResourcesPopover.js";
+import { MuiContainer as It } from "./MuiContainer.js";
+import { JsonLdScript as Lt } from "./JsonLdScript.js";
+import { DatasetJsonLdScript as Rt } from "./DatasetJsonLdScript.js";
+import { SageResourcesPopover as zt } from "./SageResourcesPopover/SageResourcesPopover.js";
 import "./SageResourcesPopover/index.js";
-import zt from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
+import Bt from "./RecentPublicationsGrid/RecentPublicationsGrid.js";
 import "./RecentPublicationsGrid/index.js";
-import Bt from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
+import Vt from "./ImageCardGridWithLinks/ImageCardGridWithLinks.js";
 import "./ImageCardGridWithLinks/index.js";
-import Vt from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
+import Ht from "./PortalFeatureHighlights/PortalFeatureHighlights.js";
 import "./PortalFeatureHighlights/index.js";
-import Ht from "./FeaturedResearch/FeaturedResearch.js";
+import Ut from "./FeaturedResearch/FeaturedResearch.js";
 import "./FeaturedResearch/index.js";
-import Ut from "./PortalHomePageHeader/PortalHomePageHeader.js";
+import Wt from "./PortalHomePageHeader/PortalHomePageHeader.js";
 import "./PortalHomePageHeader/index.js";
-import Wt from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
+import Gt from "./PortalFeaturedPartners/PortalFeaturedPartners.js";
 import "./PortalFeaturedPartners/index.js";
-import { PortalAclEditor as Gt } from "./PortalAclEditor/PortalAclEditor.js";
-import Kt from "./PortalAclEditor/PortalAclEditorModal.js";
-import { PortalCard as qt } from "./PortalList/PortalCard.js";
-import { CreatePortalModal as Jt } from "./PortalList/CreatePortalModal.js";
-import { PortalList as Yt } from "./PortalList/PortalList.js";
+import { PortalAclEditor as Kt } from "./PortalAclEditor/PortalAclEditor.js";
+import qt from "./PortalAclEditor/PortalAclEditorModal.js";
+import { PortalCard as Jt } from "./PortalList/PortalCard.js";
+import { CreatePortalModal as Yt } from "./PortalList/CreatePortalModal.js";
+import { PortalList as Xt } from "./PortalList/PortalList.js";
 import "./PortalList/index.js";
 import "./PortalAclEditor/index.js";
-import { visuallyHidden as Xt } from "./SynapseHomepageV2/HomepageStyles.js";
-export { gt as AccessRequirementAclEditor, Pt as AccessRequirementRelatedProjectsList, C as AccessTokenPage, w as AccountLevelBadges, be as AvailableEvaluationQueueList, Y as CARD_SHORT_DESCRIPTION_CSS, De as CTASectionWrapper, ae as CardContainer, de as CardContainerLogic, fe as CardGridWithLinks, he as CertificationQuiz, ye as ChallengeDataDownload, ge as ChallengeDetailPage, xe as ChallengeSubmission, Se as ChangePassword, Ce as ChangePasswordWithToken, r as ClientError, Ee as ColoredBulletListItem, _ as ConfirmationDialog, we as CookiePreferencesDialog, Te as CookiesNotification, Jt as CreatePortalModal, Lt as DatasetJsonLdScript, He as DiscussionThread, ke as DownloadCartPage, Oe as DownloadIneligibleForPackagingFilesFromListButton, je as DynamicForm, Me as DynamicFormModal, i as EmptyFallbackComponent, ve as EntityBadgeIcons, W as EntityDownloadConfirmation, Ne as EntityFinder, Pe as EntityForm, Nt as EntityHeaderTable, a as ErrorBanner, o as ErrorFallbackComponent, v as ErrorPage, Fe as EvaluationCard, Ie as EvaluationEditorPage, Le as ExperimentalMode, Re as ExternalFileHandleLink, ze as FeaturedDataTabs, Ht as FeaturedResearch, Be as FeaturedToolsList, se as FileUpload, Ue as ForumPage, e as FullWidthAlert, Q as GenericCard, Ge as Goals, qe as GoalsV2, Je as GoalsV3, Ye as GoogleAnalytics, le as HasAccess, g as HelpPopover, _e as HoverPopover, V as Icon, x as IconSvg, Bt as ImageCardGridWithLinks, yt as InputSizedButton, It as JsonLdScript, T as LastLoginInfo, j as LeftRightPanel, d as LightTooltip, X as LongDescription, Xe as Map, Ze as MarkdownCollapse, Ve as MarkdownEditor, Qe as MarkdownGithubLatestTag, ce as ModalDownload, Ft as MuiContainer, b as NoContentAvailable, $e as OAuthClientManagement, k as OneTimePasswordForm, et as OrientationBanner, O as PasswordField, Gt as PortalAclEditor, Kt as PortalAclEditorModal, qt as PortalCard, Vt as PortalFeatureHighlights, Wt as PortalFeaturedPartners, Ut as PortalHomePageHeader, Yt as PortalList, Ke as PortalSectionHeader, at as ProgrammaticTableDownload, it as Programs, st as ProjectDataAvailability, B as ProjectIcon, ot as ProvenanceGraph, G as QueryContext, K as QueryContextConsumer, q as QueryContextProvider, We as QueryCount, ne as QueryWrapper, lt as QueryWrapperPlotNav, ct as QueryWrapperSynapsePlot, zt as RecentPublicationsGrid, pt as RegisterPageLogoutPrompt, mt as RenderIfInView, ht as Resources, pe as RowDataTable, me as RowDataTableWithQuery, _t as RssFeedCards, Rt as SageResourcesPopover, ut as SearchQueryWrapper, dt as SearchQueryWrapperPlotNav, Z as ShortDescription, Ae as ShowDownloadV2, H as ShowMore, s as SignInPrompt, f as SkeletonButton, p as SkeletonInlineBlock, h as SkeletonParagraph, m as SkeletonTable, A as StandaloneLoginForm, vt as StandaloneQueryWrapper, U as StyledFormControl, M as StyledInnerContainer, N as StyledOuterContainer, bt as SubscriptionPage, xt as SubsectionRowRenderer, ee as SynapseCardLabel, wt as SynapseChat, c as SynapseErrorBoundary, y as SynapseErrorType, Ct as SynapseFormSubmissionGrid, St as SynapseFormWrapper, rt as SynapsePlot, Tt as SynapsePortalChatDialog, ue as SynapseTable, t as SynapseToastContainer, Et as SystemUseNotification, Dt as TableFeedCards, l as TableRowFallbackComponent, Ot as TermsAndConditions, S as TextField, tt as ThemesPlot, kt as TimelinePlot, F as TwoFactorAuthSettingsPanel, I as TwoFactorBackupCodes, P as TwoFactorEnrollmentForm, nt as UpsetPlot, $ as UserCard, ie as UserCardList, jt as UserCardListGroups, At as UserCardListRotate, oe as UserOrTeamBadge, Mt as UserProfileLinks, re as WideButton, u as YOU_ARE_NOT_AUTHORIZED_MESSAGE, n as displayToast, te as generateEncodedPathAndQueryForSelectedFacetURL, L as getFileHandleAssociation, R as getLinkParams, z as getValueOrMultiValue, ft as isSearchQueryWrapperPlotNavProps, E as useLastLoginInfo, D as useLastLoginInfoState, J as useQueryContext, Xt as visuallyHidden };
+import { visuallyHidden as Zt } from "./SynapseHomepageV2/HomepageStyles.js";
+export { _t as AccessRequirementAclEditor, Ft as AccessRequirementRelatedProjectsList, C as AccessTokenPage, w as AccountLevelBadges, be as AvailableEvaluationQueueList, Y as CARD_SHORT_DESCRIPTION_CSS, De as CTASectionWrapper, ae as CardContainer, de as CardContainerLogic, fe as CardGridWithLinks, he as CertificationQuiz, ye as ChallengeDataDownload, ge as ChallengeDetailPage, xe as ChallengeSubmission, Se as ChangePassword, Ce as ChangePasswordWithToken, r as ClientError, Ee as ColoredBulletListItem, _ as ConfirmationDialog, we as CookiePreferencesDialog, Te as CookiesNotification, Yt as CreatePortalModal, Rt as DatasetJsonLdScript, He as DiscussionThread, ke as DownloadCartPage, Oe as DownloadIneligibleForPackagingFilesFromListButton, je as DynamicForm, Me as DynamicFormModal, i as EmptyFallbackComponent, ve as EntityBadgeIcons, W as EntityDownloadConfirmation, Ne as EntityFinder, Pe as EntityForm, Pt as EntityHeaderTable, a as ErrorBanner, o as ErrorFallbackComponent, v as ErrorPage, Fe as EvaluationCard, Ie as EvaluationEditorPage, Le as ExperimentalMode, Re as ExternalFileHandleLink, ze as FeaturedDataTabs, Ut as FeaturedResearch, Be as FeaturedToolsList, se as FileUpload, Ue as ForumPage, e as FullWidthAlert, Q as GenericCard, Ge as Goals, qe as GoalsV2, Je as GoalsV3, Ye as GoogleAnalytics, le as HasAccess, g as HelpPopover, _e as HoverPopover, V as Icon, x as IconSvg, Vt as ImageCardGridWithLinks, bt as InputSizedButton, Lt as JsonLdScript, T as LastLoginInfo, j as LeftRightPanel, d as LightTooltip, X as LongDescription, Xe as Map, Ze as MarkdownCollapse, Ve as MarkdownEditor, Qe as MarkdownGithubLatestTag, ce as ModalDownload, It as MuiContainer, b as NoContentAvailable, $e as OAuthClientManagement, k as OneTimePasswordForm, et as OrientationBanner, O as PasswordField, Kt as PortalAclEditor, qt as PortalAclEditorModal, Jt as PortalCard, Ht as PortalFeatureHighlights, Gt as PortalFeaturedPartners, Wt as PortalHomePageHeader, Xt as PortalList, Ke as PortalSectionHeader, ot as ProgrammaticTableDownload, at as Programs, ct as ProjectDataAvailability, B as ProjectIcon, st as ProvenanceGraph, G as QueryContext, K as QueryContextConsumer, q as QueryContextProvider, We as QueryCount, ne as QueryWrapper, ut as QueryWrapperPlotNav, lt as QueryWrapperSynapsePlot, Bt as RecentPublicationsGrid, mt as RegisterPageLogoutPrompt, ht as RenderIfInView, gt as Resources, pe as RowDataTable, me as RowDataTableWithQuery, vt as RssFeedCards, zt as SageResourcesPopover, dt as SearchQueryWrapper, ft as SearchQueryWrapperPlotNav, Z as ShortDescription, Ae as ShowDownloadV2, H as ShowMore, s as SignInPrompt, f as SkeletonButton, p as SkeletonInlineBlock, h as SkeletonParagraph, m as SkeletonTable, A as StandaloneLoginForm, yt as StandaloneQueryWrapper, U as StyledFormControl, M as StyledInnerContainer, N as StyledOuterContainer, xt as SubscriptionPage, St as SubsectionRowRenderer, ee as SynapseCardLabel, Tt as SynapseChat, c as SynapseErrorBoundary, y as SynapseErrorType, wt as SynapseFormSubmissionGrid, Ct as SynapseFormWrapper, rt as SynapsePlot, Et as SynapsePortalChatDialog, it as SynapseSankeyPlot, ue as SynapseTable, t as SynapseToastContainer, Dt as SystemUseNotification, Ot as TableFeedCards, l as TableRowFallbackComponent, kt as TermsAndConditions, S as TextField, tt as ThemesPlot, At as TimelinePlot, F as TwoFactorAuthSettingsPanel, I as TwoFactorBackupCodes, P as TwoFactorEnrollmentForm, nt as UpsetPlot, $ as UserCard, ie as UserCardList, Mt as UserCardListGroups, jt as UserCardListRotate, oe as UserOrTeamBadge, Nt as UserProfileLinks, re as WideButton, u as YOU_ARE_NOT_AUTHORIZED_MESSAGE, n as displayToast, te as generateEncodedPathAndQueryForSelectedFacetURL, L as getFileHandleAssociation, R as getLinkParams, z as getValueOrMultiValue, pt as isSearchQueryWrapperPlotNavProps, E as useLastLoginInfo, D as useLastLoginInfoState, J as useQueryContext, Zt as visuallyHidden };

package/dist/components/layout/InfiniteTableLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"InfiniteTableLayout.js","names":[],"sources":["../../../src/components/layout/InfiniteTableLayout.tsx"],"sourcesContent":["import { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport { Box, Button } from '@mui/material'\n\nexport const SHOW_MORE_BUTTON_TEXT = 'Show More'\n\nexport type InfiniteTableLayoutProps = {\n  /** The table of data to display */\n  table: React.ReactNode\n  /** Whether the first page of data is loading. If true, a spinner will be shown */\n  isLoading: boolean\n  /** Optional loader to display when loading. Default is a spinner */\n  loader?: React.ReactNode\n  /** Whether the first page of data is empty. If true, \"No Results\" will be shown */\n  isEmpty: boolean\n  /** Whether there is a next page of data. If false, the \"Show More\" button will not be shown */\n  hasNextPage: boolean\n  /** Callback for when the \"Show More\" button is clicked */\n  onFetchNextPageClicked: () => void\n  /** Whether the next page of data is loading. If true, the \"Show More\" button will show a loading state */\n  isFetchingNextPage: boolean\n  /** Optional node to display when there are no results. Default is \"No results\" */\n  noResults?: React.ReactNode\n}\n\nconst DEFAULT_LOADER = (\n  <div className=\"SRC-center-text\">\n    <SynapseSpinner size={40} />\n  </div>\n)\n\nconst DEFAULT_NO_RESULTS = 'No Results'\n\n/**\n * Provides a standardized layout of a table with infinite data.\n */\nexport default function InfiniteTableLayout(props: InfiniteTableLayoutProps) {\n  const {\n    table,\n    isLoading,\n    isEmpty,\n    hasNextPage,\n    onFetchNextPageClicked,\n    isFetchingNextPage,\n    noResults = DEFAULT_NO_RESULTS,\n    loader = DEFAULT_LOADER,\n  } = props\n\n  return (\n    <div>\n      {table}\n      {isLoading && loader}\n      {!isLoading && isEmpty && (\n        <Box className=\"SRC-center-text\" sx={{ my: 3 }}>\n          {noResults}\n        </Box>\n      )}\n      {hasNextPage && (\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          loading={isFetchingNextPage}\n          onClick={() => {\n            onFetchNextPageClicked()\n          }}\n        >\n          {SHOW_MORE_BUTTON_TEXT}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,IAAa,IAAwB,aAqB/B,IACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA;CACxB,CAAA,EAGF,IAAqB;AAK3B,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EACJ,UACA,cACA,YACA,gBACA,2BACA,uBACA,eAAY,GACZ,YAAS,MACP;AAEJ,QACE,kBAAC,OAAD,EAAA,UAAA;EACG;EACA,KAAa;EACb,CAAC,KAAa,KACb,kBAAC,GAAD;GAAK,WAAU;GAAkB,IAAI,EAAE,IAAI,GAAG;aAC3C;GACG,CAAA;EAEP,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,eAAe;AACb,OAAwB;;;GAInB,CAAA;EAEP,EAAA,CAAA"}
+{"version":3,"file":"InfiniteTableLayout.js","names":[],"sources":["../../../src/components/layout/InfiniteTableLayout.tsx"],"sourcesContent":["import { SynapseSpinner } from '@/components/LoadingScreen/LoadingScreen'\nimport { Box, Button } from '@mui/material'\n\nexport const SHOW_MORE_BUTTON_TEXT = 'Show More'\n\nexport type InfiniteTableLayoutProps = {\n  /** The table of data to display */\n  table: React.ReactNode\n  /** Whether the first page of data is loading. If true, a spinner will be shown */\n  isLoading: boolean\n  /** Optional loader to display when loading. Default is a spinner */\n  loader?: React.ReactNode\n  /** Whether the first page of data is empty. If true, \"No Results\" will be shown */\n  isEmpty: boolean\n  /** Whether there is a next page of data. If false, the \"Show More\" button will not be shown */\n  hasNextPage: boolean\n  /** Callback for when the \"Show More\" button is clicked */\n  onFetchNextPageClicked: () => void\n  /** Whether the next page of data is loading. If true, the \"Show More\" button will show a loading state */\n  isFetchingNextPage: boolean\n  /** Optional node to display when there are no results. Default is \"No results\" */\n  noResults?: React.ReactNode\n}\n\nconst DEFAULT_LOADER = (\n  <div className=\"SRC-center-text\">\n    <SynapseSpinner size={40} />\n  </div>\n)\n\nconst DEFAULT_NO_RESULTS = 'No Results'\n\n/**\n * Provides a standardized layout of a table with infinite data.\n */\nexport default function InfiniteTableLayout(props: InfiniteTableLayoutProps) {\n  const {\n    table,\n    isLoading,\n    isEmpty,\n    hasNextPage,\n    onFetchNextPageClicked,\n    isFetchingNextPage,\n    noResults = DEFAULT_NO_RESULTS,\n    loader = DEFAULT_LOADER,\n  } = props\n\n  return (\n    <div>\n      {table}\n      {isLoading && loader}\n      {!isLoading && isEmpty && (\n        <Box className=\"SRC-center-text\" sx={{ my: 3 }}>\n          {noResults}\n        </Box>\n      )}\n      {hasNextPage && (\n        <Button\n          variant=\"outlined\"\n          color=\"primary\"\n          loading={isFetchingNextPage}\n          onClick={() => {\n            onFetchNextPageClicked()\n          }}\n        >\n          {SHOW_MORE_BUTTON_TEXT}\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;AAGA,IAAa,IAAwB,aAqB/B,IACJ,kBAAC,OAAD;CAAK,WAAU;WACb,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA;AACxB,CAAA,GAGD,IAAqB;AAK3B,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EACJ,UACA,cACA,YACA,gBACA,2BACA,uBACA,eAAY,GACZ,YAAS,MACP;CAEJ,OACE,kBAAC,OAAD,EAAA,UAAA;EACG;EACA,KAAa;EACb,CAAC,KAAa,KACb,kBAAC,GAAD;GAAK,WAAU;GAAkB,IAAI,EAAE,IAAI,EAAE;aAC1C;EACE,CAAA;EAEN,KACC,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,SAAS;GACT,eAAe;IACb,EAAuB;GACzB;;EAGM,CAAA;CAEP,EAAA,CAAA;AAET"}

package/dist/components/layout/SWCHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"SWCHeader.js","names":[],"sources":["../../../src/components/layout/SWCHeader.tsx"],"sourcesContent":["export type SWCHeaderProps = {\n  title: React.ReactNode\n  description?: React.ReactNode\n}\n\n/**\n * Header that uses CSS class names defined in SWC to match styling of SWC pages.\n */\nexport default function SWCHeader(props: SWCHeaderProps) {\n  const { title, description } = props\n  return (\n    <div className={'pageHeader'}>\n      <h3 className={'pageHeaderTitle'}>{title}</h3>\n      {description && <div className=\"description\">{description}</div>}\n    </div>\n  )\n}\n"],"mappings":";;AAQA,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,UAAO,mBAAgB;AAC/B,QACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,MAAD;GAAI,WAAW;aAAoB;GAAW,CAAA,EAC7C,KAAe,kBAAC,OAAD;GAAK,WAAU;aAAe;GAAkB,CAAA,CAC5D"}
+{"version":3,"file":"SWCHeader.js","names":[],"sources":["../../../src/components/layout/SWCHeader.tsx"],"sourcesContent":["export type SWCHeaderProps = {\n  title: React.ReactNode\n  description?: React.ReactNode\n}\n\n/**\n * Header that uses CSS class names defined in SWC to match styling of SWC pages.\n */\nexport default function SWCHeader(props: SWCHeaderProps) {\n  const { title, description } = props\n  return (\n    <div className={'pageHeader'}>\n      <h3 className={'pageHeaderTitle'}>{title}</h3>\n      {description && <div className=\"description\">{description}</div>}\n    </div>\n  )\n}\n"],"mappings":";;AAQA,SAAwB,EAAU,GAAuB;CACvD,IAAM,EAAE,UAAO,mBAAgB;CAC/B,OACE,kBAAC,OAAD;EAAK,WAAW;YAAhB,CACE,kBAAC,MAAD;GAAI,WAAW;aAAoB;EAAU,CAAA,GAC5C,KAAe,kBAAC,OAAD;GAAK,WAAU;aAAe;EAAiB,CAAA,CAC5D;;AAET"}

package/dist/components/layout/SWCPageLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SWCPageLayout.js","names":[],"sources":["../../../src/components/layout/SWCPageLayout.tsx"],"sourcesContent":["import SWCHeader, { SWCHeaderProps } from './SWCHeader'\n\n/**\n * Page layout that uses CSS class names defined in SWC to match styling of SWC pages. This should not be used outside of SWC.\n */\nexport default function SWCPageLayout(props: {\n  header: SWCHeaderProps\n  children: React.ReactNode\n}) {\n  const { header, children } = props\n\n  return (\n    <>\n      <SWCHeader {...header} />\n      <div className=\"pageLayout\">{children}</div>\n    </>\n  )\n}\n"],"mappings":";;;AAKA,SAAwB,EAAc,GAGnC;CACD,IAAM,EAAE,WAAQ,gBAAa;AAE7B,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAW,GAAI,GAAU,CAAA,EACzB,kBAAC,OAAD;EAAK,WAAU;EAAc;EAAe,CAAA,CAC3C,EAAA,CAAA"}
+{"version":3,"file":"SWCPageLayout.js","names":[],"sources":["../../../src/components/layout/SWCPageLayout.tsx"],"sourcesContent":["import SWCHeader, { SWCHeaderProps } from './SWCHeader'\n\n/**\n * Page layout that uses CSS class names defined in SWC to match styling of SWC pages. This should not be used outside of SWC.\n */\nexport default function SWCPageLayout(props: {\n  header: SWCHeaderProps\n  children: React.ReactNode\n}) {\n  const { header, children } = props\n\n  return (\n    <>\n      <SWCHeader {...header} />\n      <div className=\"pageLayout\">{children}</div>\n    </>\n  )\n}\n"],"mappings":";;;AAKA,SAAwB,EAAc,GAGnC;CACD,IAAM,EAAE,WAAQ,gBAAa;CAE7B,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAAW,GAAI,EAAS,CAAA,GACxB,kBAAC,OAAD;EAAK,WAAU;EAAc;CAAc,CAAA,CAC3C,EAAA,CAAA;AAEN"}

package/dist/components/menu/ComplexMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComplexMenu.js","names":[],"sources":["../../../src/components/menu/ComplexMenu.tsx"],"sourcesContent":["import { Box, Button, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { DropdownMenu, DropdownMenuProps } from './DropdownMenu'\nimport { IconSvgButton, IconSvgButtonProps } from '../IconSvgButton'\nimport IconSvg from '../IconSvg'\n\nexport type ComplexMenuProps = {\n  /*\n   * Configuration for IconButtons. Each entry corresponds to one button.\n   * See the IconButtonConfiguration type for more info.\n   */\n  iconButtons?: IconSvgButtonProps[]\n  /*\n   * Configuration for DropdownMenus. Each entry corresponds to one dropdown menu button, which\n   * itself can contain multiple groups of items.\n   * See the DropdownMenuProps type for more info.\n   */\n  dropdownMenus?: DropdownMenuProps[]\n}\n\n/**\n * The ComplexMenu component allows you to create a generic menu with\n * icon buttons and multiple dropdown menus that contain groups of items.\n */\nexport function ComplexMenu(props: ComplexMenuProps) {\n  const { iconButtons = [], dropdownMenus = [] } = props\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <Box\n      sx={theme => ({\n        display: 'flex',\n        alignItems: 'center',\n        gap: '10px',\n        [theme.breakpoints.down('sm')]: {\n          flexDirection: 'column',\n          paddingTop: '10px',\n        },\n      })}\n    >\n      {iconButtons.map(iconButton =>\n        isSmallScreen && iconButton.tooltipText ? (\n          <Box\n            sx={{\n              width: '100%',\n              textAlign: 'center',\n            }}\n          >\n            <Button\n              variant=\"text\"\n              startIcon={\n                <IconSvg\n                  key={iconButton.tooltipText}\n                  icon={iconButton.icon}\n                  wrap={false}\n                  fontSize={'inherit'}\n                />\n              }\n              onClick={iconButton.onClick}\n              sx={{\n                padding: '6px 12px',\n                minWidth: 'unset',\n              }}\n            >\n              <Typography variant=\"buttonLink\">\n                {iconButton.tooltipText}\n              </Typography>\n            </Button>\n          </Box>\n        ) : (\n          <IconSvgButton key={iconButton.tooltipText} {...iconButton} />\n        ),\n      )}\n      {dropdownMenus.map(\n        (menuProps, index) =>\n          menuProps.items &&\n          menuProps.items.length > 0 && (\n            <Box\n              sx={theme => ({\n                [theme.breakpoints.down('sm')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <DropdownMenu key={index} {...menuProps} />\n            </Box>\n          ),\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,iBAAc,EAAE,EAAE,mBAAgB,EAAE,KAAK,GAE3C,IAAgB,EADR,GACsB,CAAM,YAAY,KAAK,KAAK,CAAC;AAEjE,QACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;IACJ,EAAM,YAAY,KAAK,KAAK,GAAG;IAC9B,eAAe;IACf,YAAY;IACb;GACF;YATH,CAWG,EAAY,KAAI,MACf,KAAiB,EAAW,cAC1B,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP,WAAW;IACZ;aAED,kBAAC,GAAD;IACE,SAAQ;IACR,WACE,kBAAC,GAAD;KAEE,MAAM,EAAW;KACjB,MAAM;KACN,UAAU;KACV,EAJK,EAAW,YAIhB;IAEJ,SAAS,EAAW;IACpB,IAAI;KACF,SAAS;KACT,UAAU;KACX;cAED,kBAAC,GAAD;KAAY,SAAQ;eACjB,EAAW;KACD,CAAA;IACN,CAAA;GACL,CAAA,GAEN,kBAAC,GAAD,EAA4C,GAAI,GAAc,EAA1C,EAAW,YAA+B,CAEjE,EACA,EAAc,KACZ,GAAW,MACV,EAAU,SACV,EAAU,MAAM,SAAS,KACvB,kBAAC,GAAD;GACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,KAAK,GAAG;IAC9B,OAAO;IACP,mBAAmB,EAAE,OAAO,QAAQ;IACrC,EACF;aAED,kBAAC,GAAD,EAA0B,GAAI,GAAa,EAAxB,EAAwB;GACvC,CAAA,CAEX,CACG"}
+{"version":3,"file":"ComplexMenu.js","names":[],"sources":["../../../src/components/menu/ComplexMenu.tsx"],"sourcesContent":["import { Box, Button, Typography, useMediaQuery, useTheme } from '@mui/material'\nimport { DropdownMenu, DropdownMenuProps } from './DropdownMenu'\nimport { IconSvgButton, IconSvgButtonProps } from '../IconSvgButton'\nimport IconSvg from '../IconSvg'\n\nexport type ComplexMenuProps = {\n  /*\n   * Configuration for IconButtons. Each entry corresponds to one button.\n   * See the IconButtonConfiguration type for more info.\n   */\n  iconButtons?: IconSvgButtonProps[]\n  /*\n   * Configuration for DropdownMenus. Each entry corresponds to one dropdown menu button, which\n   * itself can contain multiple groups of items.\n   * See the DropdownMenuProps type for more info.\n   */\n  dropdownMenus?: DropdownMenuProps[]\n}\n\n/**\n * The ComplexMenu component allows you to create a generic menu with\n * icon buttons and multiple dropdown menus that contain groups of items.\n */\nexport function ComplexMenu(props: ComplexMenuProps) {\n  const { iconButtons = [], dropdownMenus = [] } = props\n  const theme = useTheme()\n  const isSmallScreen = useMediaQuery(theme.breakpoints.down('sm'))\n\n  return (\n    <Box\n      sx={theme => ({\n        display: 'flex',\n        alignItems: 'center',\n        gap: '10px',\n        [theme.breakpoints.down('sm')]: {\n          flexDirection: 'column',\n          paddingTop: '10px',\n        },\n      })}\n    >\n      {iconButtons.map(iconButton =>\n        isSmallScreen && iconButton.tooltipText ? (\n          <Box\n            sx={{\n              width: '100%',\n              textAlign: 'center',\n            }}\n          >\n            <Button\n              variant=\"text\"\n              startIcon={\n                <IconSvg\n                  key={iconButton.tooltipText}\n                  icon={iconButton.icon}\n                  wrap={false}\n                  fontSize={'inherit'}\n                />\n              }\n              onClick={iconButton.onClick}\n              sx={{\n                padding: '6px 12px',\n                minWidth: 'unset',\n              }}\n            >\n              <Typography variant=\"buttonLink\">\n                {iconButton.tooltipText}\n              </Typography>\n            </Button>\n          </Box>\n        ) : (\n          <IconSvgButton key={iconButton.tooltipText} {...iconButton} />\n        ),\n      )}\n      {dropdownMenus.map(\n        (menuProps, index) =>\n          menuProps.items &&\n          menuProps.items.length > 0 && (\n            <Box\n              sx={theme => ({\n                [theme.breakpoints.down('sm')]: {\n                  width: '100%',\n                  '.MuiButton-root': { width: '100%' },\n                },\n              })}\n            >\n              <DropdownMenu key={index} {...menuProps} />\n            </Box>\n          ),\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,iBAAc,CAAC,GAAG,mBAAgB,CAAC,MAAM,GAE3C,IAAgB,EADR,EACsB,EAAM,YAAY,KAAK,IAAI,CAAC;CAEhE,OACE,kBAAC,GAAD;EACE,KAAI,OAAU;GACZ,SAAS;GACT,YAAY;GACZ,KAAK;IACJ,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,eAAe;IACf,YAAY;GACd;EACF;YATF,CAWG,EAAY,KAAI,MACf,KAAiB,EAAW,cAC1B,kBAAC,GAAD;GACE,IAAI;IACF,OAAO;IACP,WAAW;GACb;aAEA,kBAAC,GAAD;IACE,SAAQ;IACR,WACE,kBAAC,GAAD;KAEE,MAAM,EAAW;KACjB,MAAM;KACN,UAAU;IACX,GAJM,EAAW,WAIjB;IAEH,SAAS,EAAW;IACpB,IAAI;KACF,SAAS;KACT,UAAU;IACZ;cAEA,kBAAC,GAAD;KAAY,SAAQ;eACjB,EAAW;IACF,CAAA;GACN,CAAA;EACL,CAAA,IAEL,kBAAC,GAAD,EAA4C,GAAI,EAAa,GAAzC,EAAW,WAA8B,CAEjE,GACC,EAAc,KACZ,GAAW,MACV,EAAU,SACV,EAAU,MAAM,SAAS,KACvB,kBAAC,GAAD;GACE,KAAI,OAAU,GACX,EAAM,YAAY,KAAK,IAAI,IAAI;IAC9B,OAAO;IACP,mBAAmB,EAAE,OAAO,OAAO;GACrC,EACF;aAEA,kBAAC,GAAD,EAA0B,GAAI,EAAY,GAAvB,CAAuB;EACvC,CAAA,CAEX,CACG;;AAET"}

package/dist/components/menu/DropdownMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  ClickAwayListener,\n  Divider,\n  Fade,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n  SxProps,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useId,\n  useRef,\n  useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\n/**\n * Defines a configuration for a particular dropdown menu item\n */\nexport type DropdownMenuItem = {\n  /* The text to show on the menu item. */\n  text: string\n  /* The icon to show for this item in the menu. */\n  icon?: IconName\n  /* A function invoked upon clicking the item, assuming `disabled` is falsy */\n  onClick?: (e: MouseEvent) => void\n  /* A link that the item should point to. */\n  href?: string\n  /* The optional tooltipText to show for this item. Compatible with the `disabled` prop. */\n  tooltipText?: string\n  /* Whether the item should be disabled from selection. */\n  disabled?: boolean\n  /* Additional MUI SxProps to pass to the text component */\n  textSx?: SxProps\n  /* Additional MUI SxProps to pass to the icon component */\n  iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n  /* Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration */\n  items: DropdownMenuItem[][]\n  /* The text to show on the dropdown menu button. */\n  dropdownButtonText: string\n  /* The optional tooltip text for the dropdown menu button. */\n  buttonTooltip?: string\n  /* Any additional props to pass to the dropdown menu button. */\n  buttonProps?: ButtonProps\n  /* If true, will render a single action as a standalone button. Default true. */\n  convertSingleItemToButton?: boolean\n  /* If true, nothing will be rendered if no actions are passed. Default false. */\n  renderMenuIfNoItems?: boolean\n}\n\n/**\n * The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n */\nexport function DropdownMenu(props: DropdownMenuProps) {\n  const {\n    buttonTooltip,\n    dropdownButtonText,\n    items = [] as DropdownMenuItem[][],\n    convertSingleItemToButton = true,\n    renderMenuIfNoItems = false,\n    buttonProps = {},\n  } = props\n\n  const dropdownMenuId = useId()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef<HTMLButtonElement>(null)\n\n  const numberOfMenuItems = items.flat().length\n\n  if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n    // Hide menu if no actions will be in the menu\n    return null\n  }\n\n  if (convertSingleItemToButton && numberOfMenuItems === 1) {\n    // If one action is in the menu, show it as a button\n    const menuItem = items.flat()[0]\n    return (\n      <Button\n        component={'href' in menuItem ? 'a' : 'button'}\n        title={menuItem.tooltipText}\n        variant=\"outlined\"\n        href={'href' in menuItem ? menuItem.href : undefined}\n        rel={'href' in menuItem ? 'noopener noreferrer' : undefined}\n        onClick={'onClick' in menuItem ? menuItem.onClick : undefined}\n        disabled={menuItem.disabled}\n        endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n      >\n        <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n      </Button>\n    )\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event | SyntheticEvent) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    } else if (event.key === 'Escape') {\n      setOpen(false)\n    }\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={\n          buttonTooltip ? (\n            <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n          ) : undefined\n        }\n        placement={'top'}\n      >\n        <span>\n          <Button\n            variant=\"outlined\"\n            ref={anchorRef}\n            id={`composition-button-${dropdownMenuId}`}\n            aria-controls={\n              open ? `composition-menu-${dropdownMenuId}` : undefined\n            }\n            aria-expanded={open ? 'true' : undefined}\n            aria-haspopup=\"true\"\n            onClick={handleToggle}\n            {...buttonProps}\n          >\n            <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n          </Button>\n        </span>\n      </Tooltip>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        placement=\"bottom-end\"\n        transition\n        style={{\n          // Fixes issue where react-flow (provenance) would appear above the menu\n          zIndex: 10,\n        }}\n      >\n        {({ TransitionProps }) => (\n          <Fade {...TransitionProps}>\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <MenuList\n                  autoFocusItem={open}\n                  id={`composition-menu-${dropdownMenuId}`}\n                  aria-labelledby={`composition-button-${dropdownMenuId}`}\n                  onKeyDown={handleListKeyDown}\n                >\n                  {items.map((itemGroup, index, array) => {\n                    return [\n                      itemGroup.map(item => {\n                        return (\n                          <Tooltip\n                            key={item.text}\n                            title={item.tooltipText}\n                            placement={'left'}\n                          >\n                            <MenuItem\n                              // Always make the component an anchor in case href is defined.\n                              component=\"a\"\n                              sx={{\n                                // Override the anchor-specific state styles, we don't want it to look like an anchor\n                                '&:hover': {\n                                  color: 'unset',\n                                },\n                                '&:focus': {\n                                  color: 'unset',\n                                  textDecoration: 'unset',\n                                },\n                              }}\n                              disabled={item.disabled}\n                              href={'href' in item ? item.href : undefined}\n                              rel={\n                                'href' in item\n                                  ? 'noopener noreferrer'\n                                  : undefined\n                              }\n                              // Allow pointer events on disabled item so tooltip works.\n                              style={{ pointerEvents: 'auto' }}\n                              onClick={(e: MouseEvent) => {\n                                /*\n                                 * Must check if the item is disabled because we set\n                                 * `pointer-events: 'auto'`\n                                 */\n                                if (\n                                  !item.disabled &&\n                                  'onClick' in item &&\n                                  item.onClick\n                                ) {\n                                  setOpen(false)\n                                  item.onClick(e)\n                                }\n                              }}\n                            >\n                              <ListItemIcon\n                                style={{\n                                  // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n                                  // we can create with sx, so apply an inline style for this property only.\n                                  minWidth: '30px',\n                                }}\n                              >\n                                {item.icon && (\n                                  <IconSvg\n                                    icon={item.icon}\n                                    sx={{\n                                      width: '17px',\n                                      height: '17px',\n                                      ...item.iconSx,\n                                    }}\n                                    wrap={false}\n                                  />\n                                )}\n                              </ListItemIcon>\n                              <ListItemText\n                                sx={{ marginTop: 0 }}\n                                slotProps={{\n                                  primary: {\n                                    variant: 'smallText1',\n                                    sx: item.textSx,\n                                  },\n                                }}\n                              >\n                                {item.text}\n                              </ListItemText>\n                            </MenuItem>\n                          </Tooltip>\n                        )\n                      }),\n                      index < array.length - 1 && <Divider />,\n                    ]\n                  })}\n                </MenuList>\n              </ClickAwayListener>\n            </Paper>\n          </Fade>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":";;;;;AAkEA,SAAgB,EAAa,GAA0B;CACrD,IAAM,EACJ,kBACA,uBACA,WAAQ,EAAE,EACV,+BAA4B,IAC5B,yBAAsB,IACtB,iBAAc,EAAE,KACd,GAEE,IAAiB,GAAO,EACxB,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,IAAY,EAA0B,KAAK,EAE3C,IAAoB,EAAM,MAAM,CAAC;AAEvC,KAAI,CAAC,KAAuB,MAAsB,EAEhD,QAAO;AAGT,KAAI,KAA6B,MAAsB,GAAG;EAExD,IAAM,IAAW,EAAM,MAAM,CAAC;AAC9B,SACE,kBAAC,GAAD;GACE,WAAW,UAAU,IAAW,MAAM;GACtC,OAAO,EAAS;GAChB,SAAQ;GACR,MAAM,UAAU,IAAW,EAAS,OAAO,KAAA;GAC3C,KAAK,UAAU,IAAW,wBAAwB,KAAA;GAClD,SAAS,aAAa,IAAW,EAAS,UAAU,KAAA;GACpD,UAAU,EAAS;GACnB,SAAS,EAAS,QAAQ,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAM,MAAM;IAAS,CAAA;aAEvE,kBAAC,GAAD;IAAY,SAAS;cAAe,EAAS;IAAkB,CAAA;GACxD,CAAA;;CAIb,IAAM,UAAqB;AACzB,KAAQ,MAAY,CAAC,EAAS;IAG1B,KAAe,MAAkC;AAEnD,IAAU,WACV,EAAU,QAAQ,SAAS,EAAM,OAAsB,IAKzD,EAAQ,GAAM;;CAGhB,SAAS,EAAkB,GAAsB;AAC/C,EAAI,EAAM,QAAQ,SAChB,EAAM,gBAAgB,EACtB,EAAQ,GAAM,IACL,EAAM,QAAQ,YACvB,EAAQ,GAAM;;AAIlB,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OACE,IACE,kBAAC,OAAD;GAAK,OAAO,EAAE,YAAY,YAAY;aAAG;GAAoB,CAAA,GAC3D,KAAA;EAEN,WAAW;YAEX,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACE,SAAQ;GACR,KAAK;GACL,IAAI,sBAAsB;GAC1B,iBACE,IAAO,oBAAoB,MAAmB,KAAA;GAEhD,iBAAe,IAAO,SAAS,KAAA;GAC/B,iBAAc;GACd,SAAS;GACT,GAAI;aAEJ,kBAAC,GAAD;IAAY,SAAS;cAAe;IAAgC,CAAA;GAC7D,CAAA,EACJ,CAAA;EACC,CAAA,EACV,kBAAC,GAAD;EACQ;EACN,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,WAAU;EACV,YAAA;EACA,OAAO,EAEL,QAAQ,IACT;aAEC,EAAE,yBACF,kBAAC,GAAD;GAAM,GAAI;aACR,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAmB,aAAa;cAC9B,kBAAC,GAAD;KACE,eAAe;KACf,IAAI,oBAAoB;KACxB,mBAAiB,sBAAsB;KACvC,WAAW;eAEV,EAAM,KAAK,GAAW,GAAO,MACrB,CACL,EAAU,KAAI,MAEV,kBAAC,GAAD;MAEE,OAAO,EAAK;MACZ,WAAW;gBAEX,kBAAC,GAAD;OAEE,WAAU;OACV,IAAI;QAEF,WAAW,EACT,OAAO,SACR;QACD,WAAW;SACT,OAAO;SACP,gBAAgB;SACjB;QACF;OACD,UAAU,EAAK;OACf,MAAM,UAAU,IAAO,EAAK,OAAO,KAAA;OACnC,KACE,UAAU,IACN,wBACA,KAAA;OAGN,OAAO,EAAE,eAAe,QAAQ;OAChC,UAAU,MAAkB;AAK1B,QACE,CAAC,EAAK,YACN,aAAa,KACb,EAAK,YAEL,EAAQ,GAAM,EACd,EAAK,QAAQ,EAAE;;iBAjCrB,CAqCE,kBAAC,GAAD;QACE,OAAO,EAGL,UAAU,QACX;kBAEA,EAAK,QACJ,kBAAC,GAAD;SACE,MAAM,EAAK;SACX,IAAI;UACF,OAAO;UACP,QAAQ;UACR,GAAG,EAAK;UACT;SACD,MAAM;SACN,CAAA;QAES,CAAA,EACf,kBAAC,GAAD;QACE,IAAI,EAAE,WAAW,GAAG;QACpB,WAAW,EACT,SAAS;SACP,SAAS;SACT,IAAI,EAAK;SACV,EACF;kBAEA,EAAK;QACO,CAAA,CACN;;MACH,EAxEH,EAAK,KAwEF,CAEZ,EACF,IAAQ,EAAM,SAAS,KAAK,kBAAC,GAAD,EAAW,CAAA,CACxC,CACD;KACO,CAAA;IACO,CAAA,EACd,CAAA;GACH,CAAA;EAEF,CAAA,CACR,EAAA,CAAA"}
+{"version":3,"file":"DropdownMenu.js","names":[],"sources":["../../../src/components/menu/DropdownMenu.tsx"],"sourcesContent":["import {\n  Button,\n  ButtonProps,\n  ClickAwayListener,\n  Divider,\n  Fade,\n  ListItemIcon,\n  ListItemText,\n  MenuItem,\n  MenuList,\n  Paper,\n  Popper,\n  SxProps,\n  Tooltip,\n  Typography,\n} from '@mui/material'\nimport {\n  KeyboardEvent,\n  MouseEvent,\n  SyntheticEvent,\n  useId,\n  useRef,\n  useState,\n} from 'react'\nimport IconSvg, { IconName } from '../IconSvg/IconSvg'\n\n/**\n * Defines a configuration for a particular dropdown menu item\n */\nexport type DropdownMenuItem = {\n  /* The text to show on the menu item. */\n  text: string\n  /* The icon to show for this item in the menu. */\n  icon?: IconName\n  /* A function invoked upon clicking the item, assuming `disabled` is falsy */\n  onClick?: (e: MouseEvent) => void\n  /* A link that the item should point to. */\n  href?: string\n  /* The optional tooltipText to show for this item. Compatible with the `disabled` prop. */\n  tooltipText?: string\n  /* Whether the item should be disabled from selection. */\n  disabled?: boolean\n  /* Additional MUI SxProps to pass to the text component */\n  textSx?: SxProps\n  /* Additional MUI SxProps to pass to the icon component */\n  iconSx?: SxProps\n}\n\nexport type DropdownMenuProps = {\n  /* Groups of menu items. Each group will be split with a divider. See DropdownMenuItem for per-item configuration */\n  items: DropdownMenuItem[][]\n  /* The text to show on the dropdown menu button. */\n  dropdownButtonText: string\n  /* The optional tooltip text for the dropdown menu button. */\n  buttonTooltip?: string\n  /* Any additional props to pass to the dropdown menu button. */\n  buttonProps?: ButtonProps\n  /* If true, will render a single action as a standalone button. Default true. */\n  convertSingleItemToButton?: boolean\n  /* If true, nothing will be rendered if no actions are passed. Default false. */\n  renderMenuIfNoItems?: boolean\n}\n\n/**\n * The DropdownMenu component provides a generic way to compose a MUI dropdown menu.\n */\nexport function DropdownMenu(props: DropdownMenuProps) {\n  const {\n    buttonTooltip,\n    dropdownButtonText,\n    items = [] as DropdownMenuItem[][],\n    convertSingleItemToButton = true,\n    renderMenuIfNoItems = false,\n    buttonProps = {},\n  } = props\n\n  const dropdownMenuId = useId()\n  const [open, setOpen] = useState(false)\n  const anchorRef = useRef<HTMLButtonElement>(null)\n\n  const numberOfMenuItems = items.flat().length\n\n  if (!renderMenuIfNoItems && numberOfMenuItems === 0) {\n    // Hide menu if no actions will be in the menu\n    return null\n  }\n\n  if (convertSingleItemToButton && numberOfMenuItems === 1) {\n    // If one action is in the menu, show it as a button\n    const menuItem = items.flat()[0]\n    return (\n      <Button\n        component={'href' in menuItem ? 'a' : 'button'}\n        title={menuItem.tooltipText}\n        variant=\"outlined\"\n        href={'href' in menuItem ? menuItem.href : undefined}\n        rel={'href' in menuItem ? 'noopener noreferrer' : undefined}\n        onClick={'onClick' in menuItem ? menuItem.onClick : undefined}\n        disabled={menuItem.disabled}\n        endIcon={menuItem.icon && <IconSvg icon={menuItem.icon} wrap={false} />}\n      >\n        <Typography variant={'buttonLink'}>{menuItem.text}</Typography>\n      </Button>\n    )\n  }\n\n  const handleToggle = () => {\n    setOpen(prevOpen => !prevOpen)\n  }\n\n  const handleClose = (event: Event | SyntheticEvent) => {\n    if (\n      anchorRef.current &&\n      anchorRef.current.contains(event.target as HTMLElement)\n    ) {\n      return\n    }\n\n    setOpen(false)\n  }\n\n  function handleListKeyDown(event: KeyboardEvent) {\n    if (event.key === 'Tab') {\n      event.preventDefault()\n      setOpen(false)\n    } else if (event.key === 'Escape') {\n      setOpen(false)\n    }\n  }\n\n  return (\n    <>\n      <Tooltip\n        title={\n          buttonTooltip ? (\n            <div style={{ whiteSpace: 'pre-line' }}>{buttonTooltip}</div>\n          ) : undefined\n        }\n        placement={'top'}\n      >\n        <span>\n          <Button\n            variant=\"outlined\"\n            ref={anchorRef}\n            id={`composition-button-${dropdownMenuId}`}\n            aria-controls={\n              open ? `composition-menu-${dropdownMenuId}` : undefined\n            }\n            aria-expanded={open ? 'true' : undefined}\n            aria-haspopup=\"true\"\n            onClick={handleToggle}\n            {...buttonProps}\n          >\n            <Typography variant={'buttonLink'}>{dropdownButtonText}</Typography>\n          </Button>\n        </span>\n      </Tooltip>\n      <Popper\n        open={open}\n        anchorEl={anchorRef.current}\n        role={undefined}\n        placement=\"bottom-end\"\n        transition\n        style={{\n          // Fixes issue where react-flow (provenance) would appear above the menu\n          zIndex: 10,\n        }}\n      >\n        {({ TransitionProps }) => (\n          <Fade {...TransitionProps}>\n            <Paper>\n              <ClickAwayListener onClickAway={handleClose}>\n                <MenuList\n                  autoFocusItem={open}\n                  id={`composition-menu-${dropdownMenuId}`}\n                  aria-labelledby={`composition-button-${dropdownMenuId}`}\n                  onKeyDown={handleListKeyDown}\n                >\n                  {items.map((itemGroup, index, array) => {\n                    return [\n                      itemGroup.map(item => {\n                        return (\n                          <Tooltip\n                            key={item.text}\n                            title={item.tooltipText}\n                            placement={'left'}\n                          >\n                            <MenuItem\n                              // Always make the component an anchor in case href is defined.\n                              component=\"a\"\n                              sx={{\n                                // Override the anchor-specific state styles, we don't want it to look like an anchor\n                                '&:hover': {\n                                  color: 'unset',\n                                },\n                                '&:focus': {\n                                  color: 'unset',\n                                  textDecoration: 'unset',\n                                },\n                              }}\n                              disabled={item.disabled}\n                              href={'href' in item ? item.href : undefined}\n                              rel={\n                                'href' in item\n                                  ? 'noopener noreferrer'\n                                  : undefined\n                              }\n                              // Allow pointer events on disabled item so tooltip works.\n                              style={{ pointerEvents: 'auto' }}\n                              onClick={(e: MouseEvent) => {\n                                /*\n                                 * Must check if the item is disabled because we set\n                                 * `pointer-events: 'auto'`\n                                 */\n                                if (\n                                  !item.disabled &&\n                                  'onClick' in item &&\n                                  item.onClick\n                                ) {\n                                  setOpen(false)\n                                  item.onClick(e)\n                                }\n                              }}\n                            >\n                              <ListItemIcon\n                                style={{\n                                  // MUI has specified a more specific minWidth for ListItemIcon inside a MenuList than\n                                  // we can create with sx, so apply an inline style for this property only.\n                                  minWidth: '30px',\n                                }}\n                              >\n                                {item.icon && (\n                                  <IconSvg\n                                    icon={item.icon}\n                                    sx={{\n                                      width: '17px',\n                                      height: '17px',\n                                      ...item.iconSx,\n                                    }}\n                                    wrap={false}\n                                  />\n                                )}\n                              </ListItemIcon>\n                              <ListItemText\n                                sx={{ marginTop: 0 }}\n                                slotProps={{\n                                  primary: {\n                                    variant: 'smallText1',\n                                    sx: item.textSx,\n                                  },\n                                }}\n                              >\n                                {item.text}\n                              </ListItemText>\n                            </MenuItem>\n                          </Tooltip>\n                        )\n                      }),\n                      index < array.length - 1 && <Divider />,\n                    ]\n                  })}\n                </MenuList>\n              </ClickAwayListener>\n            </Paper>\n          </Fade>\n        )}\n      </Popper>\n    </>\n  )\n}\n"],"mappings":";;;;;AAkEA,SAAgB,EAAa,GAA0B;CACrD,IAAM,EACJ,kBACA,uBACA,WAAQ,CAAC,GACT,+BAA4B,IAC5B,yBAAsB,IACtB,iBAAc,CAAC,MACb,GAEE,IAAiB,EAAM,GACvB,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAY,EAA0B,IAAI,GAE1C,IAAoB,EAAM,KAAK,EAAE;CAEvC,IAAI,CAAC,KAAuB,MAAsB,GAEhD,OAAO;CAGT,IAAI,KAA6B,MAAsB,GAAG;EAExD,IAAM,IAAW,EAAM,KAAK,EAAE;EAC9B,OACE,kBAAC,GAAD;GACE,WAAW,UAAU,IAAW,MAAM;GACtC,OAAO,EAAS;GAChB,SAAQ;GACR,MAAM,UAAU,IAAW,EAAS,OAAO,KAAA;GAC3C,KAAK,UAAU,IAAW,wBAAwB,KAAA;GAClD,SAAS,aAAa,IAAW,EAAS,UAAU,KAAA;GACpD,UAAU,EAAS;GACnB,SAAS,EAAS,QAAQ,kBAAC,GAAD;IAAS,MAAM,EAAS;IAAM,MAAM;GAAQ,CAAA;aAEtE,kBAAC,GAAD;IAAY,SAAS;cAAe,EAAS;GAAiB,CAAA;EACxD,CAAA;CAEZ;CAEA,IAAM,UAAqB;EACzB,GAAQ,MAAY,CAAC,CAAQ;CAC/B,GAEM,KAAe,MAAkC;EAEnD,EAAU,WACV,EAAU,QAAQ,SAAS,EAAM,MAAqB,KAKxD,EAAQ,EAAK;CACf;CAEA,SAAS,EAAkB,GAAsB;EAC/C,AAAI,EAAM,QAAQ,SAChB,EAAM,eAAe,GACrB,EAAQ,EAAK,KACJ,EAAM,QAAQ,YACvB,EAAQ,EAAK;CAEjB;CAEA,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,OACE,IACE,kBAAC,OAAD;GAAK,OAAO,EAAE,YAAY,WAAW;aAAI;EAAmB,CAAA,IAC1D,KAAA;EAEN,WAAW;YAEX,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD;GACE,SAAQ;GACR,KAAK;GACL,IAAI,sBAAsB;GAC1B,iBACE,IAAO,oBAAoB,MAAmB,KAAA;GAEhD,iBAAe,IAAO,SAAS,KAAA;GAC/B,iBAAc;GACd,SAAS;GACT,GAAI;aAEJ,kBAAC,GAAD;IAAY,SAAS;cAAe;GAA+B,CAAA;EAC7D,CAAA,EACJ,CAAA;CACC,CAAA,GACT,kBAAC,GAAD;EACQ;EACN,UAAU,EAAU;EACpB,MAAM,KAAA;EACN,WAAU;EACV,YAAA;EACA,OAAO,EAEL,QAAQ,GACV;aAEE,EAAE,yBACF,kBAAC,GAAD;GAAM,GAAI;aACR,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAmB,aAAa;cAC9B,kBAAC,GAAD;KACE,eAAe;KACf,IAAI,oBAAoB;KACxB,mBAAiB,sBAAsB;KACvC,WAAW;eAEV,EAAM,KAAK,GAAW,GAAO,MACrB,CACL,EAAU,KAAI,MAEV,kBAAC,GAAD;MAEE,OAAO,EAAK;MACZ,WAAW;gBAEX,kBAAC,GAAD;OAEE,WAAU;OACV,IAAI;QAEF,WAAW,EACT,OAAO,QACT;QACA,WAAW;SACT,OAAO;SACP,gBAAgB;QAClB;OACF;OACA,UAAU,EAAK;OACf,MAAM,UAAU,IAAO,EAAK,OAAO,KAAA;OACnC,KACE,UAAU,IACN,wBACA,KAAA;OAGN,OAAO,EAAE,eAAe,OAAO;OAC/B,UAAU,MAAkB;QAK1B,AACE,CAAC,EAAK,YACN,aAAa,KACb,EAAK,YAEL,EAAQ,EAAK,GACb,EAAK,QAAQ,CAAC;OAElB;iBAnCF,CAqCE,kBAAC,GAAD;QACE,OAAO,EAGL,UAAU,OACZ;kBAEC,EAAK,QACJ,kBAAC,GAAD;SACE,MAAM,EAAK;SACX,IAAI;UACF,OAAO;UACP,QAAQ;UACR,GAAG,EAAK;SACV;SACA,MAAM;QACP,CAAA;OAES,CAAA,GACd,kBAAC,GAAD;QACE,IAAI,EAAE,WAAW,EAAE;QACnB,WAAW,EACT,SAAS;SACP,SAAS;SACT,IAAI,EAAK;QACX,EACF;kBAEC,EAAK;OACM,CAAA,CACN;;KACH,GAxEF,EAAK,IAwEH,CAEZ,GACD,IAAQ,EAAM,SAAS,KAAK,kBAAC,GAAD,CAAU,CAAA,CACxC,CACD;IACO,CAAA;GACO,CAAA,EACd,CAAA;EACH,CAAA;CAEF,CAAA,CACR,EAAA,CAAA;AAEN"}

package/dist/components/row_renderers/Dataset.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n  data?: any\n  schema?: any\n  secondaryLabelLimit?: number\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  genericCardSchema?: TableToGenericCardMapping\n  queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n  constructor(props: DatasetProps) {\n    super(props)\n    this.handleLinkClick = this.handleLinkClick.bind(this)\n  }\n\n  public handleLinkClick =\n    (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      window.open(\n        `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n        '_blank',\n      )\n    }\n\n  public render() {\n    const {\n      data,\n      schema,\n      selectColumns,\n      columnModels,\n      genericCardSchema,\n      queryVisualizationContext: { getColumnDisplayName },\n    } = this.props\n    const datasetName = data[schema.datasetName]\n    const summary = data[schema.summary]\n    const tumorType = getValueOrMultiValue({\n      columnName: 'tumorType',\n      value: data[schema.tumorType],\n      selectColumns,\n      columnModels,\n    }).str\n    const diseaseFocus = getValueOrMultiValue({\n      columnName: 'diseaseFocus',\n      value: data[schema.diseaseFocus],\n      selectColumns,\n      columnModels,\n    }).str\n    const id = data[schema.id]\n    const fundingAgency = data[schema.fundingAgency]\n    const fileCount = data[schema.fileCount]\n    const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n    const values: CardLabel[] = [\n      {\n        columnDisplayName: 'FUNDER',\n        value: getValueOrMultiValue({\n          columnName: 'fundingAgency',\n          value: fundingAgency,\n          selectColumns,\n          columnModels,\n        }).str,\n      },\n      { columnDisplayName: 'SIZE', value: fileSize },\n      { columnDisplayName: 'FILES', value: fileCount },\n    ]\n    if (genericCardSchema && genericCardSchema.secondaryLabels) {\n      const { secondaryLabels } = genericCardSchema\n      for (let i = 0; i < secondaryLabels.length; i++) {\n        const columnName = secondaryLabels[i]\n        const value: string | undefined = data[schema[columnName]]\n        let columnDisplayName\n        if (value) {\n          columnDisplayName = getColumnDisplayName(columnName)\n          values.push({ columnDisplayName, value, columnName })\n        }\n      }\n    }\n\n    return (\n      <div className=\"SRC-portalCard SRC-typeDataset  \">\n        <div className=\"SRC-cardThumbnail\">\n          <Icon type={DATASET} />\n          <div>{fileSize}</div>\n        </div>\n        <div className=\"SRC-cardContent SRC-dataset\">\n          <div className=\"SRC-type\">Dataset </div>\n          <div>\n            <h3>\n              <a\n                target=\"_self\"\n                href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n              >\n                {datasetName}\n              </a>\n            </h3>\n          </div>\n          <div className=\"SRC-description-dataset\">\n            <p className=\"SRC-description-text\">{summary}</p>\n            <div className=\"SRC-cardAction\">\n              <Button\n                className=\"SRC-datasetButton\"\n                onClick={this.handleLinkClick(id)}\n                color=\"secondary\"\n                variant=\"contained\"\n              >\n                Download Dataset\n              </Button>\n            </div>\n          </div>\n          <div className=\"SRC-cardAnnotations\">\n            <ChipContainer chips={[tumorType, diseaseFocus]} />\n          </div>\n        </div>\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={this.props.secondaryLabelLimit}\n          values={values}\n        />\n      </div>\n    )\n  }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;AAE/B,EADA,MAAM,EAAM,EACZ,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,KAAK;;CAGxD,mBACG,OAAkB,MAAyC;AAE1D,EADA,EAAM,gBAAgB,EACtB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,SACD;;CAGL,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;GACD,CAAC,CAAC,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;GACD,CAAC,CAAC,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,UAAU,EAC3D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;KACD,CAAC,CAAC;IACJ;GACD;IAAE,mBAAmB;IAAQ,OAAO;IAAU;GAC9C;IAAE,mBAAmB;IAAS,OAAO;IAAW;GACjD;AACD,MAAI,KAAqB,EAAkB,iBAAiB;GAC1D,IAAM,EAAE,uBAAoB;AAC5B,QAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;IAC/C,IAAM,IAAa,EAAgB,IAC7B,IAA4B,EAAK,EAAO,KAC1C;AACJ,IAAI,MACF,IAAoB,EAAqB,EAAW,EACpD,EAAO,KAAK;KAAE;KAAmB;KAAO;KAAY,CAAC;;;AAK3D,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,GAAW,CAAA,EACvB,kBAAC,OAAD,EAAA,UAAM,GAAe,CAAA,CACjB;;IACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;OAAc,CAAA;MACxC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;OACC,CAAA,EACD,CAAA,EACD,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;QAAY,CAAA,EACjD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,EAAG;SACjC,OAAM;SACN,SAAQ;mBACT;SAEQ,CAAA;QACL,CAAA,CACF;;MACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,EAAa,EAAI,CAAA;OAC/C,CAAA;MACF;;IACN,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;KACR,CAAA;IACE"}
+{"version":3,"file":"Dataset.js","names":[],"sources":["../../../src/components/row_renderers/Dataset.tsx"],"sourcesContent":["import { getValueOrMultiValue } from '@/components/GenericCard/CardUtils'\nimport { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport ChipContainer from '@/components/row_renderers/utils/ChipContainer'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { DATASET } from '@/utils/SynapseConstants'\nimport { Button } from '@mui/material'\nimport { ColumnModel, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { Component, MouseEvent } from 'react'\nimport { TableToGenericCardMapping } from '../GenericCard/TableRowGenericCard'\nimport { QueryVisualizationContextType } from '../QueryVisualizationWrapper'\nimport { CardFooter, Icon } from './utils'\n\nexport type DatasetProps = {\n  data?: any\n  schema?: any\n  secondaryLabelLimit?: number\n  selectColumns?: SelectColumn[]\n  columnModels?: ColumnModel[]\n  genericCardSchema?: TableToGenericCardMapping\n  queryVisualizationContext: QueryVisualizationContextType\n}\n\nclass Dataset extends Component<DatasetProps, never> {\n  constructor(props: DatasetProps) {\n    super(props)\n    this.handleLinkClick = this.handleLinkClick.bind(this)\n  }\n\n  public handleLinkClick =\n    (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      window.open(\n        `${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${link}`,\n        '_blank',\n      )\n    }\n\n  public render() {\n    const {\n      data,\n      schema,\n      selectColumns,\n      columnModels,\n      genericCardSchema,\n      queryVisualizationContext: { getColumnDisplayName },\n    } = this.props\n    const datasetName = data[schema.datasetName]\n    const summary = data[schema.summary]\n    const tumorType = getValueOrMultiValue({\n      columnName: 'tumorType',\n      value: data[schema.tumorType],\n      selectColumns,\n      columnModels,\n    }).str\n    const diseaseFocus = getValueOrMultiValue({\n      columnName: 'diseaseFocus',\n      value: data[schema.diseaseFocus],\n      selectColumns,\n      columnModels,\n    }).str\n    const id = data[schema.id]\n    const fundingAgency = data[schema.fundingAgency]\n    const fileCount = data[schema.fileCount]\n    const fileSize = calculateFriendlyFileSize(data[schema.fileSize])\n    const values: CardLabel[] = [\n      {\n        columnDisplayName: 'FUNDER',\n        value: getValueOrMultiValue({\n          columnName: 'fundingAgency',\n          value: fundingAgency,\n          selectColumns,\n          columnModels,\n        }).str,\n      },\n      { columnDisplayName: 'SIZE', value: fileSize },\n      { columnDisplayName: 'FILES', value: fileCount },\n    ]\n    if (genericCardSchema && genericCardSchema.secondaryLabels) {\n      const { secondaryLabels } = genericCardSchema\n      for (let i = 0; i < secondaryLabels.length; i++) {\n        const columnName = secondaryLabels[i]\n        const value: string | undefined = data[schema[columnName]]\n        let columnDisplayName\n        if (value) {\n          columnDisplayName = getColumnDisplayName(columnName)\n          values.push({ columnDisplayName, value, columnName })\n        }\n      }\n    }\n\n    return (\n      <div className=\"SRC-portalCard SRC-typeDataset  \">\n        <div className=\"SRC-cardThumbnail\">\n          <Icon type={DATASET} />\n          <div>{fileSize}</div>\n        </div>\n        <div className=\"SRC-cardContent SRC-dataset\">\n          <div className=\"SRC-type\">Dataset </div>\n          <div>\n            <h3>\n              <a\n                target=\"_self\"\n                href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${id}`}\n              >\n                {datasetName}\n              </a>\n            </h3>\n          </div>\n          <div className=\"SRC-description-dataset\">\n            <p className=\"SRC-description-text\">{summary}</p>\n            <div className=\"SRC-cardAction\">\n              <Button\n                className=\"SRC-datasetButton\"\n                onClick={this.handleLinkClick(id)}\n                color=\"secondary\"\n                variant=\"contained\"\n              >\n                Download Dataset\n              </Button>\n            </div>\n          </div>\n          <div className=\"SRC-cardAnnotations\">\n            <ChipContainer chips={[tumorType, diseaseFocus]} />\n          </div>\n        </div>\n        <CardFooter\n          isHeader={false}\n          secondaryLabelLimit={this.props.secondaryLabelLimit}\n          values={values}\n        />\n      </div>\n    )\n  }\n}\nexport default Dataset\n"],"mappings":";;;;;;;;;;;;AAuBA,IAAM,IAAN,cAAsB,EAA+B;CACnD,YAAY,GAAqB;EAE/B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KACL,GAAG,EAA2B,OAAO,UAAU,KAC/C,QACF;CACF;CAEF,SAAgB;EACd,IAAM,EACJ,SACA,WACA,kBACA,iBACA,sBACA,2BAA2B,EAAE,8BAC3B,KAAK,OACH,IAAc,EAAK,EAAO,cAC1B,IAAU,EAAK,EAAO,UACtB,IAAY,EAAqB;GACrC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAe,EAAqB;GACxC,YAAY;GACZ,OAAO,EAAK,EAAO;GACnB;GACA;EACF,CAAC,EAAE,KACG,IAAK,EAAK,EAAO,KACjB,IAAgB,EAAK,EAAO,gBAC5B,IAAY,EAAK,EAAO,YACxB,IAAW,EAA0B,EAAK,EAAO,SAAS,GAC1D,IAAsB;GAC1B;IACE,mBAAmB;IACnB,OAAO,EAAqB;KAC1B,YAAY;KACZ,OAAO;KACP;KACA;IACF,CAAC,EAAE;GACL;GACA;IAAE,mBAAmB;IAAQ,OAAO;GAAS;GAC7C;IAAE,mBAAmB;IAAS,OAAO;GAAU;EACjD;EACA,IAAI,KAAqB,EAAkB,iBAAiB;GAC1D,IAAM,EAAE,uBAAoB;GAC5B,KAAK,IAAI,IAAI,GAAG,IAAI,EAAgB,QAAQ,KAAK;IAC/C,IAAM,IAAa,EAAgB,IAC7B,IAA4B,EAAK,EAAO,KAC1C;IACJ,AAAI,MACF,IAAoB,EAAqB,CAAU,GACnD,EAAO,KAAK;KAAE;KAAmB;KAAO;IAAW,CAAC;GAExD;EACF;EAEA,OACE,kBAAC,OAAD;GAAK,WAAU;aAAf;IACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAM,MAAM,EAAU,CAAA,GACtB,kBAAC,OAAD,EAAA,UAAM,EAAc,CAAA,CACjB;;IACL,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAW;MAAa,CAAA;MACvC,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;OACE,QAAO;OACP,MAAM,GAAG,EAA2B,OAAO,UAAU;iBAEpD;MACA,CAAA,EACD,CAAA,EACD,CAAA;MACL,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAwB;OAAW,CAAA,GAChD,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,GAAD;SACE,WAAU;SACV,SAAS,KAAK,gBAAgB,CAAE;SAChC,OAAM;SACN,SAAQ;mBACT;QAEO,CAAA;OACL,CAAA,CACF;;MACL,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,GAAD,EAAe,OAAO,CAAC,GAAW,CAAY,EAAI,CAAA;MAC/C,CAAA;KACF;;IACL,kBAAC,GAAD;KACE,UAAU;KACV,qBAAqB,KAAK,MAAM;KACxB;IACT,CAAA;GACE;;CAET;AACF"}

package/dist/components/row_renderers/Funder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Funder.js","names":[],"sources":["../../../src/components/row_renderers/Funder.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Component, MouseEvent } from 'react'\n\nexport type FunderProps = {\n  data?: any\n  schema?: any\n}\n\nexport default class Funder extends Component<FunderProps, never> {\n  constructor(props: FunderProps) {\n    super(props)\n    this.handleLinkClick = this.handleLinkClick.bind(this)\n  }\n  public handleLinkClick =\n    (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      window.open(link, '_blank')\n    }\n  public render() {\n    const { data, schema } = this.props\n    const organizationName = data[schema.organizationName]\n    const organizationPath = data[schema.organizationPath]\n    const summary = data[schema.summary]\n    const website = data[schema.website]\n    const logoHref: string = data[schema.logo]\n    // remove leading http(s):// and trailing /\n    let websiteDisplayName = website.replace('https://', '')\n    websiteDisplayName = websiteDisplayName.replace('http://', '')\n    if (websiteDisplayName.charAt(websiteDisplayName.length - 1) === '/') {\n      websiteDisplayName = websiteDisplayName.substring(\n        0,\n        websiteDisplayName.length - 1,\n      )\n    }\n    const isOnOrgPath =\n      typeof window !== 'undefined' &&\n      window.location.hash.substring(1) === organizationPath\n    const style: any = {}\n    let showOrgLink\n    if (!isOnOrgPath) {\n      showOrgLink = (\n        <div className=\"SRC-marginAuto SRC-cardAction\">\n          <WideButton\n            href={organizationPath}\n            variant=\"contained\"\n            color=\"secondary\"\n          >\n            View Funded Research\n          </WideButton>\n        </div>\n      )\n    } else {\n      style.paddingBottom = '42px'\n    }\n    return (\n      <div className=\"SRC-portalCard SRC-typeFunder \" style={style}>\n        <div className=\"SRC-cardContent\">\n          <div className=\"SRC-type\">Organization</div>\n          {logoHref && (\n            <div className=\"SRC-cardThumbnail\">\n              <img alt=\"funder logo\" className=\"SRC-logo\" src={logoHref} />\n            </div>\n          )}\n          <div>\n            <h3>\n              {isOnOrgPath && organizationName}\n              {!isOnOrgPath && (\n                <a href={organizationPath}>{organizationName}</a>\n              )}\n            </h3>\n          </div>\n          <div className=\"SRC-website\">\n            <a rel=\"noopener noreferrer\" target=\"_blank\" href={website}>\n              {websiteDisplayName}\n            </a>\n          </div>\n          <div className=\"SRC-description\">{summary}</div>\n        </div>\n        {showOrgLink}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAQA,IAAqB,IAArB,cAAoC,EAA8B;CAChE,YAAY,GAAoB;AAE9B,EADA,MAAM,EAAM,EACZ,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,KAAK;;CAExD,mBACG,OAAkB,MAAyC;AAE1D,EADA,EAAM,gBAAgB,EACtB,OAAO,KAAK,GAAM,SAAS;;CAE/B,SAAgB;EACd,IAAM,EAAE,SAAM,cAAW,KAAK,OACxB,IAAmB,EAAK,EAAO,mBAC/B,IAAmB,EAAK,EAAO,mBAC/B,IAAU,EAAK,EAAO,UACtB,IAAU,EAAK,EAAO,UACtB,IAAmB,EAAK,EAAO,OAEjC,IAAqB,EAAQ,QAAQ,YAAY,GAAG;AAExD,EADA,IAAqB,EAAmB,QAAQ,WAAW,GAAG,EAC1D,EAAmB,OAAO,EAAmB,SAAS,EAAE,KAAK,QAC/D,IAAqB,EAAmB,UACtC,GACA,EAAmB,SAAS,EAC7B;EAEH,IAAM,IACJ,OAAO,SAAW,OAClB,OAAO,SAAS,KAAK,UAAU,EAAE,KAAK,GAClC,IAAa,EAAE,EACjB;AAgBJ,SAfK,IAaH,EAAM,gBAAgB,SAZtB,IACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,MAAM;IACN,SAAQ;IACR,OAAM;cACP;IAEY,CAAA;GACT,CAAA,EAMR,kBAAC,OAAD;GAAK,WAAU;GAAwC;aAAvD,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAW;MAAkB,CAAA;KAC3C,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,KAAI;OAAc,WAAU;OAAW,KAAK;OAAY,CAAA;MACzD,CAAA;KAER,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACG,KAAe,GACf,CAAC,KACA,kBAAC,KAAD;MAAG,MAAM;gBAAmB;MAAqB,CAAA,CAEhD,EAAA,CAAA,EACD,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,KAAI;OAAsB,QAAO;OAAS,MAAM;iBAChD;OACC,CAAA;MACA,CAAA;KACN,kBAAC,OAAD;MAAK,WAAU;gBAAmB;MAAc,CAAA;KAC5C;OACL,EACG"}
+{"version":3,"file":"Funder.js","names":[],"sources":["../../../src/components/row_renderers/Funder.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Component, MouseEvent } from 'react'\n\nexport type FunderProps = {\n  data?: any\n  schema?: any\n}\n\nexport default class Funder extends Component<FunderProps, never> {\n  constructor(props: FunderProps) {\n    super(props)\n    this.handleLinkClick = this.handleLinkClick.bind(this)\n  }\n  public handleLinkClick =\n    (link: string) => (event: MouseEvent<HTMLButtonElement>) => {\n      event.preventDefault()\n      window.open(link, '_blank')\n    }\n  public render() {\n    const { data, schema } = this.props\n    const organizationName = data[schema.organizationName]\n    const organizationPath = data[schema.organizationPath]\n    const summary = data[schema.summary]\n    const website = data[schema.website]\n    const logoHref: string = data[schema.logo]\n    // remove leading http(s):// and trailing /\n    let websiteDisplayName = website.replace('https://', '')\n    websiteDisplayName = websiteDisplayName.replace('http://', '')\n    if (websiteDisplayName.charAt(websiteDisplayName.length - 1) === '/') {\n      websiteDisplayName = websiteDisplayName.substring(\n        0,\n        websiteDisplayName.length - 1,\n      )\n    }\n    const isOnOrgPath =\n      typeof window !== 'undefined' &&\n      window.location.hash.substring(1) === organizationPath\n    const style: any = {}\n    let showOrgLink\n    if (!isOnOrgPath) {\n      showOrgLink = (\n        <div className=\"SRC-marginAuto SRC-cardAction\">\n          <WideButton\n            href={organizationPath}\n            variant=\"contained\"\n            color=\"secondary\"\n          >\n            View Funded Research\n          </WideButton>\n        </div>\n      )\n    } else {\n      style.paddingBottom = '42px'\n    }\n    return (\n      <div className=\"SRC-portalCard SRC-typeFunder \" style={style}>\n        <div className=\"SRC-cardContent\">\n          <div className=\"SRC-type\">Organization</div>\n          {logoHref && (\n            <div className=\"SRC-cardThumbnail\">\n              <img alt=\"funder logo\" className=\"SRC-logo\" src={logoHref} />\n            </div>\n          )}\n          <div>\n            <h3>\n              {isOnOrgPath && organizationName}\n              {!isOnOrgPath && (\n                <a href={organizationPath}>{organizationName}</a>\n              )}\n            </h3>\n          </div>\n          <div className=\"SRC-website\">\n            <a rel=\"noopener noreferrer\" target=\"_blank\" href={website}>\n              {websiteDisplayName}\n            </a>\n          </div>\n          <div className=\"SRC-description\">{summary}</div>\n        </div>\n        {showOrgLink}\n      </div>\n    )\n  }\n}\n"],"mappings":";;;;AAQA,IAAqB,IAArB,cAAoC,EAA8B;CAChE,YAAY,GAAoB;EAE9B,AADA,MAAM,CAAK,GACX,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CACA,mBACG,OAAkB,MAAyC;EAE1D,AADA,EAAM,eAAe,GACrB,OAAO,KAAK,GAAM,QAAQ;CAC5B;CACF,SAAgB;EACd,IAAM,EAAE,SAAM,cAAW,KAAK,OACxB,IAAmB,EAAK,EAAO,mBAC/B,IAAmB,EAAK,EAAO,mBAC/B,IAAU,EAAK,EAAO,UACtB,IAAU,EAAK,EAAO,UACtB,IAAmB,EAAK,EAAO,OAEjC,IAAqB,EAAQ,QAAQ,YAAY,EAAE;EAEvD,AADA,IAAqB,EAAmB,QAAQ,WAAW,EAAE,GACzD,EAAmB,OAAO,EAAmB,SAAS,CAAC,MAAM,QAC/D,IAAqB,EAAmB,UACtC,GACA,EAAmB,SAAS,CAC9B;EAEF,IAAM,IACJ,OAAO,SAAW,OAClB,OAAO,SAAS,KAAK,UAAU,CAAC,MAAM,GAClC,IAAa,CAAC,GAChB;EAgBJ,OAfK,IAaH,EAAM,gBAAgB,SAZtB,IACE,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,MAAM;IACN,SAAQ;IACR,OAAM;cACP;GAEW,CAAA;EACT,CAAA,GAMP,kBAAC,OAAD;GAAK,WAAU;GAAwC;aAAvD,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAW;KAAiB,CAAA;KAC1C,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OAAK,KAAI;OAAc,WAAU;OAAW,KAAK;MAAW,CAAA;KACzD,CAAA;KAEP,kBAAC,OAAD,EAAA,UACE,kBAAC,MAAD,EAAA,UAAA,CACG,KAAe,GACf,CAAC,KACA,kBAAC,KAAD;MAAG,MAAM;gBAAmB;KAAoB,CAAA,CAEhD,EAAA,CAAA,EACD,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,KAAD;OAAG,KAAI;OAAsB,QAAO;OAAS,MAAM;iBAChD;MACA,CAAA;KACA,CAAA;KACL,kBAAC,OAAD;MAAK,WAAU;gBAAmB;KAAa,CAAA;IAC5C;OACJ,CACE;;CAET;AACF"}

package/dist/components/row_renderers/ObservationCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ObservationCard.js","names":[],"sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,EAAgB,EAC9B,SACA,WACA,4BAAyB,MACF;CACvB,IAAM,IAAgB,EAAK,EAAO,2BAC5B,IAAkB,EAAK,EAAO,YAC9B,IAAO,EAAK,EAAO,kBACnB,IAAY,EAAK,EAAO,uBACxB,IAAO,EAAK,EAAO,kBACnB,IAAM,EAAK,EAAO,kBAClB,IAAiB,KAAK,MAAM,KAAO,GAAG,EACtC,IAAM,EAAK,EAAO;AACxB,QACE,kBAAC,OAAD;EACE,WAAW,mBACT,IAAyB,mBAAmB;YAFhD;GAKE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,CAAC,KAAmB,kBAAC,OAAD,EAAA,UAAM,GAAoB,CAAA,EAC9C,KAAmB,kBAAC,GAAD,EAAW,QAAQ,GAAmB,CAAA,CACtD;;GACL,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA,EACvB,kBAAC,QAAD,EAAA,UAAO,GAAG,EAAK,GAAG,KAAmB,CAAA,CACjC;;GAEP,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAU,SAAS,GAAQ,CAAA;IACvB,CAAA;GAEP,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAM,MAAM;KAAK,QAAO;eAAS;KAE1B,CAAA;IACH,CAAA;GAER,kBAAC,OAAD;IAAK,WAAU;cACZ,KACC,EAAK,KAAK,GAAK,MAEX,kBAAC,QAAD;KAEE,WAAU;KACV,OAAO,EAAE,aAAa,OAAO;eAE5B;KACI,EALA,EAKA,CAET;IACA,CAAA;GACF;;;AAIV,SAAgB,IAAyB;AACvC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAU,OAAM,SAAU,CAAA,EACrB,CAAA;IACH,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA;IACnB,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAe,SAAS;KAAG,SAAS;KAAK,CAAA;IACrC,CAAA;GACN,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAU,OAAM,QAAS,CAAA;IACrB,CAAA;GACF"}
+{"version":3,"file":"ObservationCard.js","names":[],"sources":["../../../src/components/row_renderers/ObservationCard.tsx"],"sourcesContent":["import IconSvg from '../IconSvg/IconSvg'\nimport { ShowMore } from './utils'\nimport { UnitType } from 'dayjs'\nimport { Link, Skeleton } from '@mui/material'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\n/**\n * Column index values into the row values given provided in \"data\"\n */\nexport type ObservationCardSchema = {\n  observationSubmitterName: number\n  synapseId: number\n  observationTime: number\n  observationTimeUnits: number\n  observationText: number\n  observationType: number\n  doi: number\n}\n\nexport type ObservationCardProps = {\n  schema: ObservationCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n}\n\n/**\n * Specialized Observation Card, initially implemented for the NF portal.\n * Expects the following columns: submitterName, submitterUserId, time, timeUnits, text, and tag.\n */\nexport function ObservationCard({\n  data,\n  schema,\n  includePortalCardClass = true,\n}: ObservationCardProps) {\n  const submitterName = data[schema.observationSubmitterName]\n  const submitterUserId = data[schema.synapseId]\n  const time = data[schema.observationTime]\n  const timeUnits = data[schema.observationTimeUnits] as UnitType\n  const text = data[schema.observationText]\n  const tag = data[schema.observationType]\n  const tags: string[] = JSON.parse(tag ?? '')\n  const doi = data[schema.doi]\n  return (\n    <div\n      className={`ObservationCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n    >\n      <div className=\"ObservationCard__submitter\">\n        {!submitterUserId && <div>{submitterName}</div>}\n        {submitterUserId && <UserBadge userId={submitterUserId} />}\n      </div>\n      {time && (\n        <div className=\"ObservationCard__time\">\n          <IconSvg icon=\"time\" />\n          <span>{`${time} ${timeUnits}`}</span>\n        </div>\n      )}\n      {text && (\n        <div className=\"ObservationCard__text\">\n          <ShowMore summary={text} />\n        </div>\n      )}\n      {doi && (\n        <div className=\"ObservationCard__doi\">\n          <Link href={doi} target=\"_blank\">\n            Reference\n          </Link>\n        </div>\n      )}\n      <div className=\"ObservationCard__tags\">\n        {tag &&\n          tags.map((tag, index) => {\n            return (\n              <span\n                key={index}\n                className=\"SRC-tag\"\n                style={{ marginRight: '5px' }}\n              >\n                {tag}\n              </span>\n            )\n          })}\n      </div>\n    </div>\n  )\n}\n\nexport function LoadingObservationCard() {\n  return (\n    <div className=\"SRC-portalCard ObservationCard\">\n      <div className=\"ObservationCard__submitter\">\n        <span>\n          <Skeleton width=\"100px\" />\n        </span>\n      </div>\n      <div className=\"ObservationCard__time\">\n        <IconSvg icon=\"time\" />\n      </div>\n      <div className=\"ObservationCard__text\">\n        <SkeletonTable numCols={1} numRows={4} />\n      </div>\n      <div className=\"ObservationCard__tags\">\n        <Skeleton width=\"80px\" />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AA8BA,SAAgB,EAAgB,EAC9B,SACA,WACA,4BAAyB,MACF;CACvB,IAAM,IAAgB,EAAK,EAAO,2BAC5B,IAAkB,EAAK,EAAO,YAC9B,IAAO,EAAK,EAAO,kBACnB,IAAY,EAAK,EAAO,uBACxB,IAAO,EAAK,EAAO,kBACnB,IAAM,EAAK,EAAO,kBAClB,IAAiB,KAAK,MAAM,KAAO,EAAE,GACrC,IAAM,EAAK,EAAO;CACxB,OACE,kBAAC,OAAD;EACE,WAAW,mBACT,IAAyB,mBAAmB;YAFhD;GAKE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,CAAC,KAAmB,kBAAC,OAAD,EAAA,UAAM,EAAmB,CAAA,GAC7C,KAAmB,kBAAC,GAAD,EAAW,QAAQ,EAAkB,CAAA,CACtD;;GACJ,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAS,MAAK,OAAQ,CAAA,GACtB,kBAAC,QAAD,EAAA,UAAO,GAAG,EAAK,GAAG,IAAkB,CAAA,CACjC;;GAEN,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAU,SAAS,EAAO,CAAA;GACvB,CAAA;GAEN,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAM,MAAM;KAAK,QAAO;eAAS;IAE3B,CAAA;GACH,CAAA;GAEP,kBAAC,OAAD;IAAK,WAAU;cACZ,KACC,EAAK,KAAK,GAAK,MAEX,kBAAC,QAAD;KAEE,WAAU;KACV,OAAO,EAAE,aAAa,MAAM;eAE3B;IACG,GALC,CAKD,CAET;GACA,CAAA;EACF;;AAET;AAEA,SAAgB,IAAyB;CACvC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAAU,OAAM,QAAS,CAAA,EACrB,CAAA;GACH,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAS,MAAK,OAAQ,CAAA;GACnB,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KAAe,SAAS;KAAG,SAAS;IAAI,CAAA;GACrC,CAAA;GACL,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD,EAAU,OAAM,OAAQ,CAAA;GACrB,CAAA;EACF;;AAET"}

package/dist/components/row_renderers/utils/CardFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardFooter.js","names":[],"sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"sourcesContent":["import { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport { Component, Fragment } from 'react'\nimport IconSVG from '../../IconSvg/IconSvg'\n\nexport type CardLabel = {\n  columnDisplayName: string\n  value: React.ReactNode\n  columnName?: string\n}\n\ntype State = {\n  isShowMoreOn: boolean\n  isDesktop: boolean\n}\n\ntype CardFooterProps = {\n  values: CardLabel[]\n  isHeader: boolean\n  secondaryLabelLimit?: number\n  className?: string\n  cardTopContent?: React.ReactNode\n}\n\nclass CardFooter extends Component<CardFooterProps, State> {\n  constructor(props: CardFooterProps) {\n    super(props)\n    this.state = {\n      isShowMoreOn: false,\n      isDesktop: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n    this.updatePredicate = this.updatePredicate.bind(this)\n  }\n\n  toggleShowMore() {\n    this.setState({\n      isShowMoreOn: !this.state.isShowMoreOn,\n    })\n  }\n\n  componentDidMount() {\n    this.updatePredicate()\n    window.addEventListener('resize', this.updatePredicate)\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updatePredicate)\n  }\n\n  updatePredicate() {\n    this.setState({ isDesktop: window.innerWidth > 600 })\n  }\n\n  renderRowValue = (value: React.ReactNode) => {\n    if (typeof value !== 'string') {\n      // value can sometimes be a react element\n      return value\n    }\n    const valueAsString = value.trim()\n    const doiLink = convertDoiToLink(valueAsString)\n    if (doiLink) {\n      return (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" href={doiLink}>\n          {valueAsString}\n        </a>\n      )\n    }\n    return value\n  }\n  renderRows = (values: CardLabel[], limit: number, isDesktop: boolean) => {\n    return values.map((label, index) => {\n      const { columnDisplayName, value: labelValue } = label\n      const hideClass = index >= limit ? 'SRC-hidden' : ''\n      const value = this.renderRowValue(labelValue)\n      if (isDesktop) {\n        return (\n          <tr className={'SRC-cardRowDesktop ' + hideClass} key={index}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n            <td className={'SRC-row-data SRC-limitMaxWidth '}>{value}</td>\n          </tr>\n        )\n      }\n      return (\n        <Fragment key={index}>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n          </tr>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className=\"SRC-row-data SRC-limitMaxWidth\">{value}</td>\n          </tr>\n        </Fragment>\n      )\n    })\n  }\n\n  render() {\n    const { values, secondaryLabelLimit = 3, cardTopContent } = this.props\n    const { isShowMoreOn, isDesktop } = this.state\n    const valuesFiltered = values.filter(el => Boolean(el.value))\n    const hasMoreValuesThanLimit = valuesFiltered.length > secondaryLabelLimit\n    const limit =\n      !hasMoreValuesThanLimit || isShowMoreOn ? Infinity : secondaryLabelLimit\n    return (\n      <div\n        data-testid=\"CardFooter\"\n        className={`SRC-cardMetadata ${this.props.className ?? ''}`}\n      >\n        {cardTopContent}\n        <table\n          style={{\n            width: '100%',\n            wordBreak: 'break-word',\n          }}\n        >\n          <colgroup>\n            <col className=\"SRC-cardMetadata-column1\" />\n            <col className=\"SRC-cardMetadata-column2\" />\n          </colgroup>\n          <tbody>\n            {this.renderRows(valuesFiltered, limit, isDesktop)}\n            {hasMoreValuesThanLimit && (\n              <tr className=\"SRC-cardRow\">\n                <td>\n                  <a\n                    style={{ textAlign: 'left', margin: 0, padding: 0 }}\n                    onClick={this.toggleShowMore}\n                    className=\"highlight-link\"\n                  >\n                    Show {isShowMoreOn ? 'Less' : 'More'}\n                    <IconSVG\n                      icon={isShowMoreOn ? 'expandLess' : 'expandMore'}\n                    />\n                  </a>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n}\nexport default CardFooter\n"],"mappings":";;;;;AAuBA,IAAM,IAAN,cAAyB,EAAkC;CACzD,YAAY,GAAwB;AAOlC,EANA,MAAM,EAAM,EACZ,KAAK,QAAQ;GACX,cAAc;GACd,WAAW;GACZ,EACD,KAAK,iBAAiB,KAAK,eAAe,KAAK,KAAK,EACpD,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,KAAK;;CAGxD,iBAAiB;AACf,OAAK,SAAS,EACZ,cAAc,CAAC,KAAK,MAAM,cAC3B,CAAC;;CAGJ,oBAAoB;AAElB,EADA,KAAK,iBAAiB,EACtB,OAAO,iBAAiB,UAAU,KAAK,gBAAgB;;CAGzD,uBAAuB;AACrB,SAAO,oBAAoB,UAAU,KAAK,gBAAgB;;CAG5D,kBAAkB;AAChB,OAAK,SAAS,EAAE,WAAW,OAAO,aAAa,KAAK,CAAC;;CAGvD,kBAAkB,MAA2B;AAC3C,MAAI,OAAO,KAAU,SAEnB,QAAO;EAET,IAAM,IAAgB,EAAM,MAAM,EAC5B,IAAU,EAAiB,EAAc;AAQ/C,SAPI,IAEA,kBAAC,KAAD;GAAG,QAAO;GAAS,KAAI;GAAsB,MAAM;aAChD;GACC,CAAA,GAGD;;CAET,cAAc,GAAqB,GAAe,MACzC,EAAO,KAAK,GAAO,MAAU;EAClC,IAAM,EAAE,sBAAmB,OAAO,MAAe,GAC3C,IAAY,KAAS,IAAQ,eAAe,IAC5C,IAAQ,KAAK,eAAe,EAAW;AAW7C,SAVI,IAEA,kBAAC,MAAD;GAAI,WAAW,wBAAwB;aAAvC,CACE,kBAAC,MAAD;IAAI,WAAW;cACZ;IACE,CAAA,EACL,kBAAC,MAAD;IAAI,WAAW;cAAoC;IAAW,CAAA,CAC3D;KALkD,EAKlD,GAIP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAW,uBAAuB;aACpC,kBAAC,MAAD;IAAI,WAAW;cACZ;IACE,CAAA;GACF,CAAA,EACL,kBAAC,MAAD;GAAI,WAAW,uBAAuB;aACpC,kBAAC,MAAD;IAAI,WAAU;cAAkC;IAAW,CAAA;GACxD,CAAA,CACI,EAAA,EATI,EASJ;GAEb;CAGJ,SAAS;EACP,IAAM,EAAE,WAAQ,yBAAsB,GAAG,sBAAmB,KAAK,OAC3D,EAAE,iBAAc,iBAAc,KAAK,OACnC,IAAiB,EAAO,QAAO,MAAM,EAAQ,EAAG,MAAO,EACvD,IAAyB,EAAe,SAAS,GACjD,IACJ,CAAC,KAA0B,IAAe,WAAW;AACvD,SACE,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,oBAAoB,KAAK,MAAM,aAAa;aAFzD,CAIG,GACD,kBAAC,SAAD;IACE,OAAO;KACL,OAAO;KACP,WAAW;KACZ;cAJH,CAME,kBAAC,YAAD,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAU,4BAA6B,CAAA,EAC5C,kBAAC,OAAD,EAAK,WAAU,4BAA6B,CAAA,CACnC,EAAA,CAAA,EACX,kBAAC,SAAD,EAAA,UAAA,CACG,KAAK,WAAW,GAAgB,GAAO,EAAU,EACjD,KACC,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;MACE,OAAO;OAAE,WAAW;OAAQ,QAAQ;OAAG,SAAS;OAAG;MACnD,SAAS,KAAK;MACd,WAAU;gBAHZ;OAIC;OACO,IAAe,SAAS;OAC9B,kBAAC,GAAD,EACE,MAAM,IAAe,eAAe,cACpC,CAAA;OACA;SACD,CAAA;KACF,CAAA,CAED,EAAA,CAAA,CACF;MACJ"}
+{"version":3,"file":"CardFooter.js","names":[],"sources":["../../../../src/components/row_renderers/utils/CardFooter.tsx"],"sourcesContent":["import { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport { Component, Fragment } from 'react'\nimport IconSVG from '../../IconSvg/IconSvg'\n\nexport type CardLabel = {\n  columnDisplayName: string\n  value: React.ReactNode\n  columnName?: string\n}\n\ntype State = {\n  isShowMoreOn: boolean\n  isDesktop: boolean\n}\n\ntype CardFooterProps = {\n  values: CardLabel[]\n  isHeader: boolean\n  secondaryLabelLimit?: number\n  className?: string\n  cardTopContent?: React.ReactNode\n}\n\nclass CardFooter extends Component<CardFooterProps, State> {\n  constructor(props: CardFooterProps) {\n    super(props)\n    this.state = {\n      isShowMoreOn: false,\n      isDesktop: false,\n    }\n    this.toggleShowMore = this.toggleShowMore.bind(this)\n    this.updatePredicate = this.updatePredicate.bind(this)\n  }\n\n  toggleShowMore() {\n    this.setState({\n      isShowMoreOn: !this.state.isShowMoreOn,\n    })\n  }\n\n  componentDidMount() {\n    this.updatePredicate()\n    window.addEventListener('resize', this.updatePredicate)\n  }\n\n  componentWillUnmount() {\n    window.removeEventListener('resize', this.updatePredicate)\n  }\n\n  updatePredicate() {\n    this.setState({ isDesktop: window.innerWidth > 600 })\n  }\n\n  renderRowValue = (value: React.ReactNode) => {\n    if (typeof value !== 'string') {\n      // value can sometimes be a react element\n      return value\n    }\n    const valueAsString = value.trim()\n    const doiLink = convertDoiToLink(valueAsString)\n    if (doiLink) {\n      return (\n        <a target=\"_blank\" rel=\"noopener noreferrer\" href={doiLink}>\n          {valueAsString}\n        </a>\n      )\n    }\n    return value\n  }\n  renderRows = (values: CardLabel[], limit: number, isDesktop: boolean) => {\n    return values.map((label, index) => {\n      const { columnDisplayName, value: labelValue } = label\n      const hideClass = index >= limit ? 'SRC-hidden' : ''\n      const value = this.renderRowValue(labelValue)\n      if (isDesktop) {\n        return (\n          <tr className={'SRC-cardRowDesktop ' + hideClass} key={index}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n            <td className={'SRC-row-data SRC-limitMaxWidth '}>{value}</td>\n          </tr>\n        )\n      }\n      return (\n        <Fragment key={index}>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className={'SRC-verticalAlignTop SRC-row-label'}>\n              {columnDisplayName}\n            </td>\n          </tr>\n          <tr className={'SRC-cardRowMobile ' + hideClass}>\n            <td className=\"SRC-row-data SRC-limitMaxWidth\">{value}</td>\n          </tr>\n        </Fragment>\n      )\n    })\n  }\n\n  render() {\n    const { values, secondaryLabelLimit = 3, cardTopContent } = this.props\n    const { isShowMoreOn, isDesktop } = this.state\n    const valuesFiltered = values.filter(el => Boolean(el.value))\n    const hasMoreValuesThanLimit = valuesFiltered.length > secondaryLabelLimit\n    const limit =\n      !hasMoreValuesThanLimit || isShowMoreOn ? Infinity : secondaryLabelLimit\n    return (\n      <div\n        data-testid=\"CardFooter\"\n        className={`SRC-cardMetadata ${this.props.className ?? ''}`}\n      >\n        {cardTopContent}\n        <table\n          style={{\n            width: '100%',\n            wordBreak: 'break-word',\n          }}\n        >\n          <colgroup>\n            <col className=\"SRC-cardMetadata-column1\" />\n            <col className=\"SRC-cardMetadata-column2\" />\n          </colgroup>\n          <tbody>\n            {this.renderRows(valuesFiltered, limit, isDesktop)}\n            {hasMoreValuesThanLimit && (\n              <tr className=\"SRC-cardRow\">\n                <td>\n                  <a\n                    style={{ textAlign: 'left', margin: 0, padding: 0 }}\n                    onClick={this.toggleShowMore}\n                    className=\"highlight-link\"\n                  >\n                    Show {isShowMoreOn ? 'Less' : 'More'}\n                    <IconSVG\n                      icon={isShowMoreOn ? 'expandLess' : 'expandMore'}\n                    />\n                  </a>\n                </td>\n              </tr>\n            )}\n          </tbody>\n        </table>\n      </div>\n    )\n  }\n}\nexport default CardFooter\n"],"mappings":";;;;;AAuBA,IAAM,IAAN,cAAyB,EAAkC;CACzD,YAAY,GAAwB;EAOlC,AANA,MAAM,CAAK,GACX,KAAK,QAAQ;GACX,cAAc;GACd,WAAW;EACb,GACA,KAAK,iBAAiB,KAAK,eAAe,KAAK,IAAI,GACnD,KAAK,kBAAkB,KAAK,gBAAgB,KAAK,IAAI;CACvD;CAEA,iBAAiB;EACf,KAAK,SAAS,EACZ,cAAc,CAAC,KAAK,MAAM,aAC5B,CAAC;CACH;CAEA,oBAAoB;EAElB,AADA,KAAK,gBAAgB,GACrB,OAAO,iBAAiB,UAAU,KAAK,eAAe;CACxD;CAEA,uBAAuB;EACrB,OAAO,oBAAoB,UAAU,KAAK,eAAe;CAC3D;CAEA,kBAAkB;EAChB,KAAK,SAAS,EAAE,WAAW,OAAO,aAAa,IAAI,CAAC;CACtD;CAEA,kBAAkB,MAA2B;EAC3C,IAAI,OAAO,KAAU,UAEnB,OAAO;EAET,IAAM,IAAgB,EAAM,KAAK,GAC3B,IAAU,EAAiB,CAAa;EAQ9C,OAPI,IAEA,kBAAC,KAAD;GAAG,QAAO;GAAS,KAAI;GAAsB,MAAM;aAChD;EACA,CAAA,IAGA;CACT;CACA,cAAc,GAAqB,GAAe,MACzC,EAAO,KAAK,GAAO,MAAU;EAClC,IAAM,EAAE,sBAAmB,OAAO,MAAe,GAC3C,IAAY,KAAS,IAAQ,eAAe,IAC5C,IAAQ,KAAK,eAAe,CAAU;EAW5C,OAVI,IAEA,kBAAC,MAAD;GAAI,WAAW,wBAAwB;aAAvC,CACE,kBAAC,MAAD;IAAI,WAAW;cACZ;GACC,CAAA,GACJ,kBAAC,MAAD;IAAI,WAAW;cAAoC;GAAU,CAAA,CAC3D;KALmD,CAKnD,IAIN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,MAAD;GAAI,WAAW,uBAAuB;aACpC,kBAAC,MAAD;IAAI,WAAW;cACZ;GACC,CAAA;EACF,CAAA,GACJ,kBAAC,MAAD;GAAI,WAAW,uBAAuB;aACpC,kBAAC,MAAD;IAAI,WAAU;cAAkC;GAAU,CAAA;EACxD,CAAA,CACI,EAAA,GATK,CASL;CAEd,CAAC;CAGH,SAAS;EACP,IAAM,EAAE,WAAQ,yBAAsB,GAAG,sBAAmB,KAAK,OAC3D,EAAE,iBAAc,iBAAc,KAAK,OACnC,IAAiB,EAAO,QAAO,MAAM,EAAQ,EAAG,KAAM,GACtD,IAAyB,EAAe,SAAS,GACjD,IACJ,CAAC,KAA0B,IAAe,WAAW;EACvD,OACE,kBAAC,OAAD;GACE,eAAY;GACZ,WAAW,oBAAoB,KAAK,MAAM,aAAa;aAFzD,CAIG,GACD,kBAAC,SAAD;IACE,OAAO;KACL,OAAO;KACP,WAAW;IACb;cAJF,CAME,kBAAC,YAAD,EAAA,UAAA,CACE,kBAAC,OAAD,EAAK,WAAU,2BAA4B,CAAA,GAC3C,kBAAC,OAAD,EAAK,WAAU,2BAA4B,CAAA,CACnC,EAAA,CAAA,GACV,kBAAC,SAAD,EAAA,UAAA,CACG,KAAK,WAAW,GAAgB,GAAO,CAAS,GAChD,KACC,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,MAAD,EAAA,UACE,kBAAC,KAAD;MACE,OAAO;OAAE,WAAW;OAAQ,QAAQ;OAAG,SAAS;MAAE;MAClD,SAAS,KAAK;MACd,WAAU;gBAHZ;OAIC;OACO,IAAe,SAAS;OAC9B,kBAAC,GAAD,EACE,MAAM,IAAe,eAAe,aACrC,CAAA;MACA;QACD,CAAA;IACF,CAAA,CAED,EAAA,CAAA,CACF;KACJ;;CAET;AACF"}

package/dist/components/row_renderers/utils/ChipContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipContainer.js","names":[],"sources":["../../../../src/components/row_renderers/utils/ChipContainer.tsx"],"sourcesContent":["import React from 'react'\ntype ChipContainerProps = {\n  chips: any[]\n}\n\nconst ChipContainer = ({ chips }: ChipContainerProps): React.ReactNode => {\n  const chipsFormatted = chips.map((el, index) => {\n    if (!el) {\n      return false\n    }\n    return <span key={index}> {el}</span>\n  })\n  return <>{chipsFormatted}</>\n}\nexport default ChipContainer\n"],"mappings":";;;AAKA,IAAM,KAAiB,EAAE,eAOhB,kBAAA,GAAA,EAAA,UANgB,EAAM,KAAK,GAAI,MAC/B,IAGE,kBAAC,QAAD,EAAA,UAAA,CAAkB,KAAE,EAAU,EAAA,EAAnB,EAAmB,GAF5B,GAID,EAAkB,CAAA"}
+{"version":3,"file":"ChipContainer.js","names":[],"sources":["../../../../src/components/row_renderers/utils/ChipContainer.tsx"],"sourcesContent":["import React from 'react'\ntype ChipContainerProps = {\n  chips: any[]\n}\n\nconst ChipContainer = ({ chips }: ChipContainerProps): React.ReactNode => {\n  const chipsFormatted = chips.map((el, index) => {\n    if (!el) {\n      return false\n    }\n    return <span key={index}> {el}</span>\n  })\n  return <>{chipsFormatted}</>\n}\nexport default ChipContainer\n"],"mappings":";;;AAKA,IAAM,KAAiB,EAAE,eAOhB,kBAAA,GAAA,EAAA,UANgB,EAAM,KAAK,GAAI,MAC/B,IAGE,kBAAC,QAAD,EAAA,UAAA,CAAkB,KAAE,CAAS,EAAA,GAAlB,CAAkB,IAF3B,EAID,EAAiB,CAAA"}

package/dist/components/styled/HoverPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HoverPopover.js","names":[],"sources":["../../../src/components/styled/HoverPopover.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Popover,\n  PopoverOrigin,\n} from '@mui/material'\nimport { PropsWithChildren, ReactNode, useRef, useState } from 'react'\nimport styles from './HoverPopover.module.scss'\n\nexport type HoverPopoverPlacement = 'top' | 'bottom' | 'left' | 'right'\n\nfunction getOrigins(placement: HoverPopoverPlacement): {\n  anchorOrigin: PopoverOrigin\n  transformOrigin: PopoverOrigin\n} {\n  switch (placement) {\n    case 'top':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'center' },\n      }\n    case 'bottom':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'center' },\n        transformOrigin: { vertical: 'top', horizontal: 'center' },\n      }\n    case 'left':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'left' },\n        transformOrigin: { vertical: 'center', horizontal: 'right' },\n      }\n    case 'right':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'right' },\n        transformOrigin: { vertical: 'center', horizontal: 'left' },\n      }\n  }\n}\n\n/** Delay in ms before the popover closes after the mouse leaves the trigger or popover */\nconst CLOSE_DELAY_MS = 150\n\nexport type HoverPopoverProps = PropsWithChildren<{\n  popoverContent: ReactNode\n  /** Optional title rendered as a sticky header above the scrollable content */\n  title?: string\n  placement?: HoverPopoverPlacement\n\n  maxWidth?: string | number\n  minWidth?: string | number\n  /** Max height of the scrollable content area. Default 400px. */\n  maxHeight?: string | number\n  actionButton?: {\n    content: ReactNode\n    color?: ButtonProps['color']\n    variant?: ButtonProps['variant']\n    onClick: () => void\n    /** If true, closes the popover after the button is clicked */\n    closeOnClick?: boolean\n  }\n}>\n\n/**\n * A popover that opens when the user hovers over the trigger child and remains\n * open as long as the mouse is over either the trigger or the popover itself.\n * The content area is scrollable, avoiding any interaction with browser scroll.\n */\nexport function HoverPopover({\n  children,\n  popoverContent,\n  title,\n  placement = 'right',\n  maxWidth = 500,\n  minWidth = 300,\n  maxHeight = 400,\n  actionButton,\n}: HoverPopoverProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelClose = () => {\n    if (closeTimeoutRef.current !== null) {\n      clearTimeout(closeTimeoutRef.current)\n      closeTimeoutRef.current = null\n    }\n  }\n\n  const scheduleClose = () => {\n    cancelClose()\n    closeTimeoutRef.current = setTimeout(() => {\n      setAnchorEl(null)\n    }, CLOSE_DELAY_MS)\n  }\n\n  const { anchorOrigin, transformOrigin } = getOrigins(placement)\n\n  return (\n    <>\n      <Box\n        component=\"span\"\n        onMouseEnter={e => {\n          cancelClose()\n          setAnchorEl(e.currentTarget)\n        }}\n        onMouseLeave={scheduleClose}\n        className={styles.triggerWrapper}\n      >\n        {children}\n      </Box>\n      <Popover\n        open={anchorEl !== null}\n        anchorEl={anchorEl}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        onClose={() => setAnchorEl(null)}\n        disableAutoFocus\n        disableEnforceFocus\n        disableScrollLock\n        sx={{ pointerEvents: 'none' }}\n        slotProps={{\n          backdrop: { sx: { pointerEvents: 'none' } },\n          paper: {\n            onMouseEnter: cancelClose,\n            onMouseLeave: scheduleClose,\n            className: styles.paper,\n            sx: { maxWidth, minWidth, pointerEvents: 'auto' },\n          },\n        }}\n      >\n        {title && (\n          <DialogTitle sx={{ fontSize: '18px', padding: '16px 10px' }}>\n            {title}\n          </DialogTitle>\n        )}\n        <DialogContent sx={{ maxHeight, padding: '10px' }}>\n          {popoverContent}\n        </DialogContent>\n        {actionButton && (\n          <DialogActions sx={{ paddingX: '10px' }}>\n            <Button\n              color={actionButton.color ?? 'primary'}\n              variant={actionButton.variant ?? 'contained'}\n              fullWidth\n              onClick={() => {\n                actionButton.onClick()\n                if (actionButton.closeOnClick) {\n                  setAnchorEl(null)\n                }\n              }}\n            >\n              {actionButton.content}\n            </Button>\n          </DialogActions>\n        )}\n      </Popover>\n    </>\n  )\n}\n"],"mappings":";;;;;AAeA,SAAS,EAAW,GAGlB;AACA,SAAQ,GAAR;EACE,KAAK,MACH,QAAO;GACL,cAAc;IAAE,UAAU;IAAO,YAAY;IAAU;GACvD,iBAAiB;IAAE,UAAU;IAAU,YAAY;IAAU;GAC9D;EACH,KAAK,SACH,QAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;IAAU;GAC1D,iBAAiB;IAAE,UAAU;IAAO,YAAY;IAAU;GAC3D;EACH,KAAK,OACH,QAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;IAAQ;GACxD,iBAAiB;IAAE,UAAU;IAAU,YAAY;IAAS;GAC7D;EACH,KAAK,QACH,QAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;IAAS;GACzD,iBAAiB;IAAE,UAAU;IAAU,YAAY;IAAQ;GAC5D;;;AAKP,IAAM,IAAiB;AA2BvB,SAAgB,EAAa,EAC3B,aACA,mBACA,UACA,eAAY,SACZ,cAAW,KACX,cAAW,KACX,eAAY,KACZ,mBACoB;CACpB,IAAM,CAAC,GAAU,KAAe,EAA6B,KAAK,EAC5D,IAAkB,EAA6C,KAAK,EAEpE,UAAoB;AACxB,EAAI,EAAgB,YAAY,SAC9B,aAAa,EAAgB,QAAQ,EACrC,EAAgB,UAAU;IAIxB,UAAsB;AAE1B,EADA,GAAa,EACb,EAAgB,UAAU,iBAAiB;AACzC,KAAY,KAAK;KAChB,EAAe;IAGd,EAAE,iBAAc,uBAAoB,EAAW,EAAU;AAE/D,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAU;EACV,eAAc,MAAK;AAEjB,GADA,GAAa,EACb,EAAY,EAAE,cAAc;;EAE9B,cAAc;EACd,WAAW,EAAO;EAEjB;EACG,CAAA,EACN,kBAAC,GAAD;EACE,MAAM,MAAa;EACT;EACI;EACG;EACjB,eAAe,EAAY,KAAK;EAChC,kBAAA;EACA,qBAAA;EACA,mBAAA;EACA,IAAI,EAAE,eAAe,QAAQ;EAC7B,WAAW;GACT,UAAU,EAAE,IAAI,EAAE,eAAe,QAAQ,EAAE;GAC3C,OAAO;IACL,cAAc;IACd,cAAc;IACd,WAAW,EAAO;IAClB,IAAI;KAAE;KAAU;KAAU,eAAe;KAAQ;IAClD;GACF;YAlBH;GAoBG,KACC,kBAAC,GAAD;IAAa,IAAI;KAAE,UAAU;KAAQ,SAAS;KAAa;cACxD;IACW,CAAA;GAEhB,kBAAC,GAAD;IAAe,IAAI;KAAE;KAAW,SAAS;KAAQ;cAC9C;IACa,CAAA;GACf,KACC,kBAAC,GAAD;IAAe,IAAI,EAAE,UAAU,QAAQ;cACrC,kBAAC,GAAD;KACE,OAAO,EAAa,SAAS;KAC7B,SAAS,EAAa,WAAW;KACjC,WAAA;KACA,eAAe;AAEb,MADA,EAAa,SAAS,EAClB,EAAa,gBACf,EAAY,KAAK;;eAIpB,EAAa;KACP,CAAA;IACK,CAAA;GAEV;IACT,EAAA,CAAA"}
+{"version":3,"file":"HoverPopover.js","names":[],"sources":["../../../src/components/styled/HoverPopover.tsx"],"sourcesContent":["import {\n  Box,\n  Button,\n  ButtonProps,\n  DialogActions,\n  DialogContent,\n  DialogTitle,\n  Popover,\n  PopoverOrigin,\n} from '@mui/material'\nimport { PropsWithChildren, ReactNode, useRef, useState } from 'react'\nimport styles from './HoverPopover.module.scss'\n\nexport type HoverPopoverPlacement = 'top' | 'bottom' | 'left' | 'right'\n\nfunction getOrigins(placement: HoverPopoverPlacement): {\n  anchorOrigin: PopoverOrigin\n  transformOrigin: PopoverOrigin\n} {\n  switch (placement) {\n    case 'top':\n      return {\n        anchorOrigin: { vertical: 'top', horizontal: 'center' },\n        transformOrigin: { vertical: 'bottom', horizontal: 'center' },\n      }\n    case 'bottom':\n      return {\n        anchorOrigin: { vertical: 'bottom', horizontal: 'center' },\n        transformOrigin: { vertical: 'top', horizontal: 'center' },\n      }\n    case 'left':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'left' },\n        transformOrigin: { vertical: 'center', horizontal: 'right' },\n      }\n    case 'right':\n      return {\n        anchorOrigin: { vertical: 'center', horizontal: 'right' },\n        transformOrigin: { vertical: 'center', horizontal: 'left' },\n      }\n  }\n}\n\n/** Delay in ms before the popover closes after the mouse leaves the trigger or popover */\nconst CLOSE_DELAY_MS = 150\n\nexport type HoverPopoverProps = PropsWithChildren<{\n  popoverContent: ReactNode\n  /** Optional title rendered as a sticky header above the scrollable content */\n  title?: string\n  placement?: HoverPopoverPlacement\n\n  maxWidth?: string | number\n  minWidth?: string | number\n  /** Max height of the scrollable content area. Default 400px. */\n  maxHeight?: string | number\n  actionButton?: {\n    content: ReactNode\n    color?: ButtonProps['color']\n    variant?: ButtonProps['variant']\n    onClick: () => void\n    /** If true, closes the popover after the button is clicked */\n    closeOnClick?: boolean\n  }\n}>\n\n/**\n * A popover that opens when the user hovers over the trigger child and remains\n * open as long as the mouse is over either the trigger or the popover itself.\n * The content area is scrollable, avoiding any interaction with browser scroll.\n */\nexport function HoverPopover({\n  children,\n  popoverContent,\n  title,\n  placement = 'right',\n  maxWidth = 500,\n  minWidth = 300,\n  maxHeight = 400,\n  actionButton,\n}: HoverPopoverProps) {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null)\n  const closeTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n\n  const cancelClose = () => {\n    if (closeTimeoutRef.current !== null) {\n      clearTimeout(closeTimeoutRef.current)\n      closeTimeoutRef.current = null\n    }\n  }\n\n  const scheduleClose = () => {\n    cancelClose()\n    closeTimeoutRef.current = setTimeout(() => {\n      setAnchorEl(null)\n    }, CLOSE_DELAY_MS)\n  }\n\n  const { anchorOrigin, transformOrigin } = getOrigins(placement)\n\n  return (\n    <>\n      <Box\n        component=\"span\"\n        onMouseEnter={e => {\n          cancelClose()\n          setAnchorEl(e.currentTarget)\n        }}\n        onMouseLeave={scheduleClose}\n        className={styles.triggerWrapper}\n      >\n        {children}\n      </Box>\n      <Popover\n        open={anchorEl !== null}\n        anchorEl={anchorEl}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        onClose={() => setAnchorEl(null)}\n        disableAutoFocus\n        disableEnforceFocus\n        disableScrollLock\n        sx={{ pointerEvents: 'none' }}\n        slotProps={{\n          backdrop: { sx: { pointerEvents: 'none' } },\n          paper: {\n            onMouseEnter: cancelClose,\n            onMouseLeave: scheduleClose,\n            className: styles.paper,\n            sx: { maxWidth, minWidth, pointerEvents: 'auto' },\n          },\n        }}\n      >\n        {title && (\n          <DialogTitle sx={{ fontSize: '18px', padding: '16px 10px' }}>\n            {title}\n          </DialogTitle>\n        )}\n        <DialogContent sx={{ maxHeight, padding: '10px' }}>\n          {popoverContent}\n        </DialogContent>\n        {actionButton && (\n          <DialogActions sx={{ paddingX: '10px' }}>\n            <Button\n              color={actionButton.color ?? 'primary'}\n              variant={actionButton.variant ?? 'contained'}\n              fullWidth\n              onClick={() => {\n                actionButton.onClick()\n                if (actionButton.closeOnClick) {\n                  setAnchorEl(null)\n                }\n              }}\n            >\n              {actionButton.content}\n            </Button>\n          </DialogActions>\n        )}\n      </Popover>\n    </>\n  )\n}\n"],"mappings":";;;;;AAeA,SAAS,EAAW,GAGlB;CACA,QAAQ,GAAR;EACE,KAAK,OACH,OAAO;GACL,cAAc;IAAE,UAAU;IAAO,YAAY;GAAS;GACtD,iBAAiB;IAAE,UAAU;IAAU,YAAY;GAAS;EAC9D;EACF,KAAK,UACH,OAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;GAAS;GACzD,iBAAiB;IAAE,UAAU;IAAO,YAAY;GAAS;EAC3D;EACF,KAAK,QACH,OAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;GAAO;GACvD,iBAAiB;IAAE,UAAU;IAAU,YAAY;GAAQ;EAC7D;EACF,KAAK,SACH,OAAO;GACL,cAAc;IAAE,UAAU;IAAU,YAAY;GAAQ;GACxD,iBAAiB;IAAE,UAAU;IAAU,YAAY;GAAO;EAC5D;CACJ;AACF;AAGA,IAAM,IAAiB;AA2BvB,SAAgB,EAAa,EAC3B,aACA,mBACA,UACA,eAAY,SACZ,cAAW,KACX,cAAW,KACX,eAAY,KACZ,mBACoB;CACpB,IAAM,CAAC,GAAU,KAAe,EAA6B,IAAI,GAC3D,IAAkB,EAA6C,IAAI,GAEnE,UAAoB;EACxB,AAAI,EAAgB,YAAY,SAC9B,aAAa,EAAgB,OAAO,GACpC,EAAgB,UAAU;CAE9B,GAEM,UAAsB;EAE1B,AADA,EAAY,GACZ,EAAgB,UAAU,iBAAiB;GACzC,EAAY,IAAI;EAClB,GAAG,CAAc;CACnB,GAEM,EAAE,iBAAc,uBAAoB,EAAW,CAAS;CAE9D,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,WAAU;EACV,eAAc,MAAK;GAEjB,AADA,EAAY,GACZ,EAAY,EAAE,aAAa;EAC7B;EACA,cAAc;EACd,WAAW,EAAO;EAEjB;CACE,CAAA,GACL,kBAAC,GAAD;EACE,MAAM,MAAa;EACT;EACI;EACG;EACjB,eAAe,EAAY,IAAI;EAC/B,kBAAA;EACA,qBAAA;EACA,mBAAA;EACA,IAAI,EAAE,eAAe,OAAO;EAC5B,WAAW;GACT,UAAU,EAAE,IAAI,EAAE,eAAe,OAAO,EAAE;GAC1C,OAAO;IACL,cAAc;IACd,cAAc;IACd,WAAW,EAAO;IAClB,IAAI;KAAE;KAAU;KAAU,eAAe;IAAO;GAClD;EACF;YAlBF;GAoBG,KACC,kBAAC,GAAD;IAAa,IAAI;KAAE,UAAU;KAAQ,SAAS;IAAY;cACvD;GACU,CAAA;GAEf,kBAAC,GAAD;IAAe,IAAI;KAAE;KAAW,SAAS;IAAO;cAC7C;GACY,CAAA;GACd,KACC,kBAAC,GAAD;IAAe,IAAI,EAAE,UAAU,OAAO;cACpC,kBAAC,GAAD;KACE,OAAO,EAAa,SAAS;KAC7B,SAAS,EAAa,WAAW;KACjC,WAAA;KACA,eAAe;MAEb,AADA,EAAa,QAAQ,GACjB,EAAa,gBACf,EAAY,IAAI;KAEpB;eAEC,EAAa;IACR,CAAA;GACK,CAAA;EAEV;GACT,EAAA,CAAA;AAEN"}