synapse-react-client 4.0.19 → 4.0.21

package/dist/components/HeaderCard/HeaderCardV2.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCardV2.js","names":[],"sources":["../../../src/components/HeaderCard/HeaderCardV2.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport React, { forwardRef, ForwardedRef } from 'react'\nimport {\n  Box,\n  Card,\n  Typography,\n  // Stack,\n  // ButtonProps,\n  useTheme,\n  useMediaQuery,\n} from '@mui/material'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport { CollapsibleDescription } from '../GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { SmartButton } from '../SmartLink/SmartButton'\nimport { SmartLink } from '../SmartLink/SmartLink'\n\nexport type HeaderCardV2Props = {\n  /** Type label displayed at the top of the card */\n  type: string\n  /** Main title of the card */\n  title: string\n  /** Optional subtitle, often used for author or additional context */\n  subTitle?: string\n  /** Main description text */\n  description: string\n  /** Maximum number of secondary labels to show before \"Show More\" */\n  secondaryLabelLimit?: number\n  /** Array of label-value pairs to display in the card footer */\n  values?: CardLabel[]\n  /** Whether to align the card to the left navigation */\n  isAlignToLeftNav?: boolean\n  /** Configuration for the collapsible description */\n  descriptionConfig?: DescriptionConfig\n  /** Character count threshold for truncating description (default 400) */\n  charCountCutoff?: number\n  /** Optional URL for making the title clickable */\n  href?: string\n  /** Target attribute for the title link */\n  target?: string\n  /** Icon element to display */\n  icon: React.ReactNode\n  /** Optional background image URL */\n  backgroundImage?: string\n  /** Force values section to appear below main content */\n  forceStackedLayout?: boolean\n  /** Optional CTA link(s) to display below description. Accepts a single config or an array. */\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n}\n\n/**\n * HeaderCardV2 Component   OUT OF DATE COMMENTS\n *\n * A material-UI based card component for displaying detailed information with metadata.\n * This component supports responsive layouts, background images, and dynamic content\n * organization.\n *\n * Layout Structure:\n\n  ```\n┌───────────────────────────────────────────────────────────────┐\n│ ┌─────┐  Type Label                                           │\n│ │Icon │  Title                                                │\n│ │     │  Subtitle                                             │\n│ └─────┘                                                       │\n│         Description                     Metadata              │\n│         [Show More/Less]                --------              │\n│                                         Label 1    Value 1    │\n│         [External Site Button]          Label 2    Value 2    │\n└───────────────────────────────────────────────────────────────┘\n ```\n *\n * Features:\n * - Responsive layout with configurable breakpoints\n * - Optional background image with overlay\n * - Collapsible description text\n * - Right-aligned or stacked metadata section\n * - Call-to-action buttons\n * - SEO-friendly meta tags management\n *\n * Meta Tags Handling:\n * - Updates document title with card title\n * - Sets meta description from card description/subtitle\n * - Restores original meta data on component cleanup\n *\n * Layout Modes:\n * - Default: Icon + Content | Metadata (on desktop)\n * - Stacked: Full width content with metadata below\n * - Mobile: All sections stack vertically\n *\n * @component\n * @example\n * ```tsx\n * <HeaderCardV2\n *   type=\"Study\"\n *   title=\"Example Study\"\n *   description=\"Study description\"\n *   values={[['Status', 'Active'], ['Access', 'Public']]}\n *   icon={<StudyIcon />}\n *   ctaLinkConfig={{text: \"View Standard on External Website\", link: \"url\"}}\n * />\n * ```\n\n * Core component logic:\n * 1. Responsive Layout:\n *    - Uses MUI Grid for flexible layouts\n *    - Switches to stacked layout on mobile, when forceStackedLayout is true,\n *\n * 2. Meta Tags:\n *    - Manages document title and meta description\n *    - Preserves original values for cleanup\n *\n * 3. Content Sections:\n *    - Icon: Optional, maintains aspect ratio\n *    - Main Content: Type, title, subtitle, description\n *    - Metadata: Right-aligned or stacked key-value pairs\n *    - CTA Button: Optional button link to external site\n *\n * 4. Styling:\n *    - Background image support with overlay\n *    - Consistent spacing using MUI theme\n *    - Responsive typography\n *    - Optional left-nav alignment\n */\nconst HeaderCardV2 = forwardRef(function HeaderCardV2(\n  props: HeaderCardV2Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    // type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    // secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    charCountCutoff,\n    href,\n    target,\n    icon,\n    backgroundImage,\n    forceStackedLayout = false,\n    ctaLinkConfig,\n  } = props\n\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n  let useStackedLayout = false\n  if (forceStackedLayout || isMobile) {\n    useStackedLayout = true\n  } else {\n    // useStackedLayout = metadataHeight > descriptionHeight\n    // as per https://github.com/bridge2ai/b2ai-standards-registry/issues/210#issuecomment-2773706202,\n    // constrain metadata to 5-line expandable block\n  }\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  // ctaLink stuff - normalize to array\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const ctaLinkBox =\n    ctaLinkConfigs.length > 0 ? (\n      <Box\n        sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', marginTop: '22px' }}\n      >\n        {ctaLinkConfigs.map((config, index) => (\n          <SmartButton\n            key={index}\n            variant=\"outlined\"\n            href={config?.href}\n            target={config?.target}\n            size=\"large\"\n            sx={{\n              color: '#FFF',\n              '&:hover': {\n                color: '#FFF',\n                textDecorationColor: '#FFF',\n                border: '2px solid white',\n              },\n              '&:focus': { color: '#FFF' },\n              textDecorationColor: '#FFF',\n              padding: '6px 24px',\n              border: '1px solid white',\n            }}\n          >\n            {config?.text}\n          </SmartButton>\n        ))}\n      </Box>\n    ) : null\n\n  return (\n    <Card\n      component={'div'}\n      ref={ref}\n      sx={{\n        borderRadius: 0,\n        boxShadow: 'none',\n        position: 'relative',\n        ...(backgroundImage && {\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            backgroundImage: `url(${backgroundImage})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'center',\n            opacity: 0.1,\n            zIndex: 0,\n          },\n        }),\n        ...(isAlignToLeftNav &&\n          {\n            // Add any special styles for aligned cards\n          }),\n      }}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n    >\n      <Box\n        sx={{\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          maxWidth: '1400px',\n          display: 'grid',\n          gridTemplateColumns: '1fr 12fr 1fr',\n          '& > *': {\n            gridColumn: 2,\n          },\n          paddingBottom: '25px',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            minHeight: '64px', // Set minimum height to ensure proper centering space\n            gap: 1,\n          }}\n        >\n          {icon && (\n            <Box\n              sx={{\n                height: '120px',\n              }}\n            >\n              {icon}\n            </Box>\n          )}\n\n          <Box sx={{}}>\n            {/* Title */}\n            <Typography\n              sx={{\n                mb: 1,\n                fontSize: '2.5rem',\n                letterSpacing: '0.1em', // Add letter spacing\n                marginBottom: '0.6em',\n              }}\n            >\n              {href ? (\n                <SmartLink\n                  href={href}\n                  target={target}\n                  underline=\"hover\"\n                  color=\"inherit\"\n                >\n                  {title}\n                </SmartLink>\n              ) : (\n                title\n              )}\n            </Typography>\n            {/* Subtitle */}\n            {subTitle && (\n              <Typography\n                variant=\"body1\"\n                color=\"inherit\"\n                sx={{\n                  fontStyle: 'italic',\n                  fontSize: '1.5rem',\n                }}\n              >\n                {subTitle}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: useStackedLayout ? 'column' : 'row',\n            flexWrap: useStackedLayout ? 'nowrap' : 'wrap',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            gap: 2,\n          }}\n        >\n          <Box\n            style={{\n              flexBasis: useStackedLayout ? '100%' : 'min(65ch, 100%)',\n              width: useStackedLayout ? '100%' : 'auto',\n            }}\n          >\n            <CollapsibleDescription\n              description={description}\n              descriptionSubTitle=\"\"\n              descriptionConfig={descriptionConfiguration}\n              charCountCutoff={charCountCutoff}\n            />\n            {ctaLinkBox}\n          </Box>\n          {values && (\n            <Box\n              sx={{\n                width: useStackedLayout ? '100%' : '30%',\n                marginTop: useStackedLayout ? 2 : 0,\n                alignItems: 'flex-start',\n              }}\n            >\n              <MetadataTable data={values} />\n            </Box>\n          )}\n        </Box>\n      </Box>\n    </Card>\n  )\n})\n\ntype MetadataTableProps = {\n  data: CardLabel[]\n}\n\nfunction MetadataTable({ data }: MetadataTableProps) {\n  return (\n    <table\n      style={{\n        width: '100%',\n        borderCollapse: 'collapse',\n      }}\n    >\n      <tbody>\n        {data.map((item, index) => (\n          <tr key={item.columnName || index}>\n            <td\n              style={{\n                width: '1%',\n                whiteSpace: 'nowrap',\n                padding: '0px 16px 8px 0',\n                verticalAlign: 'top',\n                fontWeight: 'bold',\n              }}\n            >\n              {item.columnDisplayName}\n            </td>\n            <td\n              style={{\n                width: 'auto',\n                paddingBottom: '12px',\n                verticalAlign: 'top',\n                wordBreak: 'break-word',\n              }}\n            >\n              {item.value}\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  )\n}\n\nexport default HeaderCardV2\n"],"mappings":"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"}
+{"version":3,"file":"HeaderCardV2.js","names":[],"sources":["../../../src/components/HeaderCard/HeaderCardV2.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport React, { forwardRef, ForwardedRef } from 'react'\nimport {\n  Box,\n  Card,\n  Typography,\n  // Stack,\n  // ButtonProps,\n  useTheme,\n  useMediaQuery,\n} from '@mui/material'\nimport { DescriptionConfig } from '../CardContainerLogic'\nimport { CollapsibleDescription } from '../GenericCard/CollapsibleDescription'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { SmartButton } from '../SmartLink/SmartButton'\nimport { SmartLink } from '../SmartLink/SmartLink'\n\nexport type HeaderCardV2Props = {\n  /** Type label displayed at the top of the card */\n  type: string\n  /** Main title of the card */\n  title: string\n  /** Optional subtitle, often used for author or additional context */\n  subTitle?: string\n  /** Main description text */\n  description: string\n  /** Maximum number of secondary labels to show before \"Show More\" */\n  secondaryLabelLimit?: number\n  /** Array of label-value pairs to display in the card footer */\n  values?: CardLabel[]\n  /** Whether to align the card to the left navigation */\n  isAlignToLeftNav?: boolean\n  /** Configuration for the collapsible description */\n  descriptionConfig?: DescriptionConfig\n  /** Character count threshold for truncating description (default 400) */\n  charCountCutoff?: number\n  /** Optional URL for making the title clickable */\n  href?: string\n  /** Target attribute for the title link */\n  target?: string\n  /** Icon element to display */\n  icon: React.ReactNode\n  /** Optional background image URL */\n  backgroundImage?: string\n  /** Force values section to appear below main content */\n  forceStackedLayout?: boolean\n  /** Optional CTA link(s) to display below description. Accepts a single config or an array. */\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n}\n\n/**\n * HeaderCardV2 Component   OUT OF DATE COMMENTS\n *\n * A material-UI based card component for displaying detailed information with metadata.\n * This component supports responsive layouts, background images, and dynamic content\n * organization.\n *\n * Layout Structure:\n\n  ```\n┌───────────────────────────────────────────────────────────────┐\n│ ┌─────┐  Type Label                                           │\n│ │Icon │  Title                                                │\n│ │     │  Subtitle                                             │\n│ └─────┘                                                       │\n│         Description                     Metadata              │\n│         [Show More/Less]                --------              │\n│                                         Label 1    Value 1    │\n│         [External Site Button]          Label 2    Value 2    │\n└───────────────────────────────────────────────────────────────┘\n ```\n *\n * Features:\n * - Responsive layout with configurable breakpoints\n * - Optional background image with overlay\n * - Collapsible description text\n * - Right-aligned or stacked metadata section\n * - Call-to-action buttons\n * - SEO-friendly meta tags management\n *\n * Meta Tags Handling:\n * - Updates document title with card title\n * - Sets meta description from card description/subtitle\n * - Restores original meta data on component cleanup\n *\n * Layout Modes:\n * - Default: Icon + Content | Metadata (on desktop)\n * - Stacked: Full width content with metadata below\n * - Mobile: All sections stack vertically\n *\n * @component\n * @example\n * ```tsx\n * <HeaderCardV2\n *   type=\"Study\"\n *   title=\"Example Study\"\n *   description=\"Study description\"\n *   values={[['Status', 'Active'], ['Access', 'Public']]}\n *   icon={<StudyIcon />}\n *   ctaLinkConfig={{text: \"View Standard on External Website\", link: \"url\"}}\n * />\n * ```\n\n * Core component logic:\n * 1. Responsive Layout:\n *    - Uses MUI Grid for flexible layouts\n *    - Switches to stacked layout on mobile, when forceStackedLayout is true,\n *\n * 2. Meta Tags:\n *    - Manages document title and meta description\n *    - Preserves original values for cleanup\n *\n * 3. Content Sections:\n *    - Icon: Optional, maintains aspect ratio\n *    - Main Content: Type, title, subtitle, description\n *    - Metadata: Right-aligned or stacked key-value pairs\n *    - CTA Button: Optional button link to external site\n *\n * 4. Styling:\n *    - Background image support with overlay\n *    - Consistent spacing using MUI theme\n *    - Responsive typography\n *    - Optional left-nav alignment\n */\nconst HeaderCardV2 = forwardRef(function HeaderCardV2(\n  props: HeaderCardV2Props,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    // type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    // secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    charCountCutoff,\n    href,\n    target,\n    icon,\n    backgroundImage,\n    forceStackedLayout = false,\n    ctaLinkConfig,\n  } = props\n\n  const theme = useTheme()\n  const isMobile = useMediaQuery(theme.breakpoints.down('md'))\n\n  let useStackedLayout = false\n  if (forceStackedLayout || isMobile) {\n    useStackedLayout = true\n  } else {\n    // useStackedLayout = metadataHeight > descriptionHeight\n    // as per https://github.com/bridge2ai/b2ai-standards-registry/issues/210#issuecomment-2773706202,\n    // constrain metadata to 5-line expandable block\n  }\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  // ctaLink stuff - normalize to array\n  const ctaLinkConfigs = ctaLinkConfig\n    ? Array.isArray(ctaLinkConfig)\n      ? ctaLinkConfig\n      : [ctaLinkConfig]\n    : []\n  const ctaLinkBox =\n    ctaLinkConfigs.length > 0 ? (\n      <Box\n        sx={{ display: 'flex', gap: 2, flexWrap: 'wrap', marginTop: '22px' }}\n      >\n        {ctaLinkConfigs.map((config, index) => (\n          <SmartButton\n            key={index}\n            variant=\"outlined\"\n            href={config?.href}\n            target={config?.target}\n            size=\"large\"\n            sx={{\n              color: '#FFF',\n              '&:hover': {\n                color: '#FFF',\n                textDecorationColor: '#FFF',\n                border: '2px solid white',\n              },\n              '&:focus': { color: '#FFF' },\n              textDecorationColor: '#FFF',\n              padding: '6px 24px',\n              border: '1px solid white',\n            }}\n          >\n            {config?.text}\n          </SmartButton>\n        ))}\n      </Box>\n    ) : null\n\n  return (\n    <Card\n      component={'div'}\n      ref={ref}\n      sx={{\n        borderRadius: 0,\n        boxShadow: 'none',\n        position: 'relative',\n        ...(backgroundImage && {\n          '&::before': {\n            content: '\"\"',\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            backgroundImage: `url(${backgroundImage})`,\n            backgroundSize: 'cover',\n            backgroundPosition: 'center',\n            opacity: 0.1,\n            zIndex: 0,\n          },\n        }),\n        ...(isAlignToLeftNav &&\n          {\n            // Add any special styles for aligned cards\n          }),\n      }}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n    >\n      <Box\n        sx={{\n          marginLeft: 'auto',\n          marginRight: 'auto',\n          maxWidth: '1400px',\n          display: 'grid',\n          gridTemplateColumns: '1fr 12fr 1fr',\n          '& > *': {\n            gridColumn: 2,\n          },\n          paddingBottom: '25px',\n        }}\n      >\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            minHeight: '64px', // Set minimum height to ensure proper centering space\n            gap: 1,\n          }}\n        >\n          {icon && (\n            <Box\n              sx={{\n                height: '120px',\n              }}\n            >\n              {icon}\n            </Box>\n          )}\n\n          <Box sx={{}}>\n            {/* Title */}\n            <Typography\n              sx={{\n                mb: 1,\n                fontSize: '2.5rem',\n                letterSpacing: '0.1em', // Add letter spacing\n                marginBottom: '0.6em',\n              }}\n            >\n              {href ? (\n                <SmartLink\n                  href={href}\n                  target={target}\n                  underline=\"hover\"\n                  color=\"inherit\"\n                >\n                  {title}\n                </SmartLink>\n              ) : (\n                title\n              )}\n            </Typography>\n            {/* Subtitle */}\n            {subTitle && (\n              <Typography\n                variant=\"body1\"\n                color=\"inherit\"\n                sx={{\n                  fontStyle: 'italic',\n                  fontSize: '1.5rem',\n                }}\n              >\n                {subTitle}\n              </Typography>\n            )}\n          </Box>\n        </Box>\n\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: useStackedLayout ? 'column' : 'row',\n            flexWrap: useStackedLayout ? 'nowrap' : 'wrap',\n            justifyContent: 'space-between',\n            alignItems: 'flex-start',\n            gap: 2,\n          }}\n        >\n          <Box\n            style={{\n              flexBasis: useStackedLayout ? '100%' : 'min(65ch, 100%)',\n              width: useStackedLayout ? '100%' : 'auto',\n            }}\n          >\n            <CollapsibleDescription\n              description={description}\n              descriptionSubTitle=\"\"\n              descriptionConfig={descriptionConfiguration}\n              charCountCutoff={charCountCutoff}\n            />\n            {ctaLinkBox}\n          </Box>\n          {values && (\n            <Box\n              sx={{\n                width: useStackedLayout ? '100%' : '30%',\n                marginTop: useStackedLayout ? 2 : 0,\n                alignItems: 'flex-start',\n              }}\n            >\n              <MetadataTable data={values} />\n            </Box>\n          )}\n        </Box>\n      </Box>\n    </Card>\n  )\n})\n\ntype MetadataTableProps = {\n  data: CardLabel[]\n}\n\nfunction MetadataTable({ data }: MetadataTableProps) {\n  return (\n    <table\n      style={{\n        width: '100%',\n        borderCollapse: 'collapse',\n      }}\n    >\n      <tbody>\n        {data.map((item, index) => (\n          <tr key={item.columnName || index}>\n            <td\n              style={{\n                width: '1%',\n                whiteSpace: 'nowrap',\n                padding: '0px 16px 8px 0',\n                verticalAlign: 'top',\n                fontWeight: 'bold',\n              }}\n            >\n              {item.columnDisplayName}\n            </td>\n            <td\n              style={{\n                width: 'auto',\n                paddingBottom: '12px',\n                verticalAlign: 'top',\n                wordBreak: 'break-word',\n              }}\n            >\n              {item.value}\n            </td>\n          </tr>\n        ))}\n      </tbody>\n    </table>\n  )\n}\n\nexport default HeaderCardV2\n"],"mappings":"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"}

package/dist/components/HeaderCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Container, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { AdaptiveTwoColumnLayout } from './AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    descriptionSubTitle = '',\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={{\n        // Break out of any constrained parent (e.g. margin:auto containers)\n        // so the background stretches full-viewport width.\n        width: '100vw',\n        marginLeft: 'calc(50% - 50vw)',\n        ...sx,\n      }}\n    >\n      <Container maxWidth=\"lg\">\n        {/* Row 1: type, cardTypeAdornment, cardTopButtons */}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: '10px',\n          }}\n        >\n          <div className=\"SRC-type\">{type}</div>\n          {cardTypeAdornment}\n          <Box sx={{ flex: 1 }} />\n          {cardTopButtons && (\n            <Box sx={{ display: 'flex', gap: '10px' }}>{cardTopButtons}</Box>\n          )}\n        </Box>\n\n        {/* Row 2: Title */}\n        <Box>\n          <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n            {titleAsFileHandleLinkConfiguration ? (\n              <FileHandleLink\n                fileHandleAssociation={\n                  titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                }\n                showDownloadIcon={\n                  titleAsFileHandleLinkConfiguration.showDownloadIcon\n                }\n                displayValue={title}\n              />\n            ) : href ? (\n              <SmartLink\n                href={href ?? ''}\n                className=\"highlight-link\"\n                target={target}\n              >\n                {title}\n              </SmartLink>\n            ) : (\n              <span>{title}</span>\n            )}\n          </h3>\n        </Box>\n\n        {/* Row 3: renderedIconList */}\n        {renderedIconList && (\n          <Box\n            sx={{\n              '& .icon-list.themed path, & .icon-list.themed circle': {\n                fill: 'white',\n              },\n            }}\n          >\n            {renderedIconList}\n          </Box>\n        )}\n\n        {/* Row 4: left content, optionally alongside right content in an adaptive two-column layout */}\n        {(() => {\n          const leftContent = (\n            <>\n              {/* Column 1: icon (floated left) with subTitle and description flowing around */}\n              {icon && (\n                <Box\n                  sx={{\n                    width: '120px',\n                    float: 'left',\n                    paddingRight: '24px',\n                    paddingBottom: '24px',\n                    display: 'flex',\n                    justifyContent: 'center',\n                  }}\n                >\n                  {icon}\n                </Box>\n              )}\n              {subTitle && <div className=\"SRC-author\">{subTitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfiguration}\n              />\n              {sustainabilityScorecard && (\n                <SustainabilityScorecard\n                  metricsConfig={sustainabilityScorecard.metricsConfig}\n                  searchParamKey={sustainabilityScorecard.searchParamKey}\n                  filterColumn={sustainabilityScorecard.filterColumn}\n                  scoreDescriptorColumnName={\n                    sustainabilityScorecard.scoreDescriptorColumnName\n                  }\n                  queryRequest={sustainabilityScorecard.queryRequest}\n                  sustainabilityReportLink={\n                    sustainabilityScorecard.sustainabilityReportLink\n                  }\n                  sx={{\n                    background: 'rgba(0, 0, 0, 0.10)',\n                    marginTop: '30px',\n                    ...sustainabilityScorecard.sx,\n                  }}\n                />\n              )}\n              <Box sx={{ clear: 'both', pb: 'var(--baseline-grid)' }} />\n            </>\n          )\n\n          const rightContent =\n            titleAreaRightContent || cardTopContent || values?.length ? (\n              /* Column 2: titleAreaRightContent, cardTopContent, CardFooter */\n              <>\n                {titleAreaRightContent && (\n                  <div className=\"SRC-cardTitleAreaDetails\">\n                    {titleAreaRightContent}\n                  </div>\n                )}\n                {cardTopContent && (\n                  <div className=\"SRC-cardContent\">{cardTopContent}</div>\n                )}\n                {values && (\n                  <Box sx={{ '&& .SRC-cardMetadata': { paddingTop: 0 } }}>\n                    <CardFooter\n                      isHeader={true}\n                      secondaryLabelLimit={secondaryLabelLimit}\n                      values={values}\n                    />\n                  </Box>\n                )}\n              </>\n            ) : undefined\n\n          return rightContent ? (\n            <AdaptiveTwoColumnLayout\n              stackRatioThreshold={0.45}\n              sx={{ marginTop: '24px' }}\n              leftContent={leftContent}\n              rightContent={rightContent}\n            />\n          ) : (\n            <Box sx={{ marginTop: '24px' }}>{leftContent}</Box>\n          )\n        })()}\n      </Container>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":"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"}
+{"version":3,"file":"HeaderCard.js","names":[],"sources":["../../src/components/HeaderCard.tsx"],"sourcesContent":["import { CardLabel } from '@/components/row_renderers/utils/CardFooter'\nimport { Box, Container, SxProps } from '@mui/material'\nimport { SmartLink } from './SmartLink/SmartLink'\nimport { ForwardedRef, forwardRef } from 'react'\nimport { FileHandleLink } from './widgets/FileHandleLink'\nimport { GenericCardProps } from '@/components/GenericCard/GenericCard'\nimport { CardFooter } from './row_renderers/utils'\nimport { DescriptionConfig } from './CardContainerLogic'\nimport { CollapsibleDescription } from './GenericCard/CollapsibleDescription'\nimport HeaderCardV2 from './HeaderCard/HeaderCardV2'\nimport SustainabilityScorecard, {\n  SustainabilityScorecardProps,\n} from './SustainabilityScorecard/SustainabilityScorecard'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { AdaptiveTwoColumnLayout } from './AdaptiveTwoColumnLayout/AdaptiveTwoColumnLayout'\n\nexport type HeaderCardVariant = 'HeaderCard' | 'HeaderCardV2'\n\nexport type HeaderCardProps = {\n  type: string\n  title: string\n  subTitle?: string\n  description: string\n  secondaryLabelLimit?: number\n  values?: CardLabel[]\n  isAlignToLeftNav?: boolean\n  descriptionConfig?: DescriptionConfig\n  charCountCutoff?: number\n  href?: string\n  target?: string\n  titleAsFileHandleLinkConfiguration?: GenericCardProps['titleAsFileHandleLinkConfiguration']\n  titleAreaRightContent?: React.ReactNode\n  descriptionSubTitle?: string\n  icon: React.ReactNode\n  headerCardVariant?: HeaderCardVariant\n  cardTopContent?: React.ReactNode\n  ctaLinkConfig?: GenericCardProps['ctaLinkConfig']\n  cardTopButtons?: React.ReactNode\n  sustainabilityScorecard?: SustainabilityScorecardProps\n  renderedIconList?: React.ReactNode\n  cardTypeAdornment?: React.ReactNode\n  doiUri?: string\n  sx?: SxProps\n}\n\nconst HeaderCardClassic = forwardRef(function HeaderCardClassic(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const {\n    type,\n    title,\n    subTitle = '',\n    description,\n    values,\n    secondaryLabelLimit,\n    isAlignToLeftNav,\n    descriptionConfig,\n    descriptionSubTitle = '',\n    href,\n    target,\n    titleAsFileHandleLinkConfiguration,\n    titleAreaRightContent,\n    icon,\n    cardTopContent,\n    cardTopButtons,\n    sustainabilityScorecard,\n    renderedIconList,\n    cardTypeAdornment,\n    sx,\n  } = props\n\n  const descriptionConfiguration: DescriptionConfig = {\n    ...descriptionConfig,\n    showFullDescriptionByDefault:\n      descriptionConfig?.showFullDescriptionByDefault ?? false,\n  }\n\n  const metadataDescription = description || subTitle || undefined\n  useDocumentMetadata({\n    title,\n    description: metadataDescription,\n    priority: 100,\n  })\n\n  return (\n    <Box\n      ref={ref}\n      className={`SRC-portalCard SRC-portalCardHeader ${\n        isAlignToLeftNav ? 'isAlignToLeftNav' : ''\n      }`}\n      sx={{\n        // Break out of any constrained parent (e.g. margin:auto containers)\n        // so the background stretches full-viewport width.\n        width: '100vw',\n        marginLeft: 'calc(50% - 50vw)',\n        ...sx,\n      }}\n    >\n      <Container maxWidth=\"lg\">\n        {/* Row 1: type, cardTypeAdornment, cardTopButtons */}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            alignItems: 'center',\n            gap: '10px',\n          }}\n        >\n          <div className=\"SRC-type\">{type}</div>\n          {cardTypeAdornment}\n          <Box sx={{ flex: 1 }} />\n          {cardTopButtons && (\n            <Box sx={{ display: 'flex', gap: '10px' }}>{cardTopButtons}</Box>\n          )}\n        </Box>\n\n        {/* Row 2: Title */}\n        <Box>\n          <h3 className=\"SRC-boldText\" style={{ margin: 'none' }}>\n            {titleAsFileHandleLinkConfiguration ? (\n              <FileHandleLink\n                fileHandleAssociation={\n                  titleAsFileHandleLinkConfiguration.fileHandleAssociation\n                }\n                showDownloadIcon={\n                  titleAsFileHandleLinkConfiguration.showDownloadIcon\n                }\n                displayValue={title}\n              />\n            ) : href ? (\n              <SmartLink\n                href={href ?? ''}\n                className=\"highlight-link\"\n                target={target}\n              >\n                {title}\n              </SmartLink>\n            ) : (\n              <span>{title}</span>\n            )}\n          </h3>\n        </Box>\n\n        {/* Row 3: renderedIconList */}\n        {renderedIconList && (\n          <Box\n            sx={{\n              '& .icon-list.themed path, & .icon-list.themed circle': {\n                fill: 'white',\n              },\n            }}\n          >\n            {renderedIconList}\n          </Box>\n        )}\n\n        {/* Row 4: left content, optionally alongside right content in an adaptive two-column layout */}\n        {(() => {\n          const leftContent = (\n            <>\n              {/* Column 1: icon (floated left) with subTitle and description flowing around */}\n              {icon && (\n                <Box\n                  sx={{\n                    width: '120px',\n                    float: 'left',\n                    paddingRight: '24px',\n                    paddingBottom: '24px',\n                    display: 'flex',\n                    justifyContent: 'center',\n                  }}\n                >\n                  {icon}\n                </Box>\n              )}\n              {subTitle && <div className=\"SRC-author\">{subTitle}</div>}\n              <CollapsibleDescription\n                description={description}\n                descriptionSubTitle={descriptionSubTitle}\n                descriptionConfig={descriptionConfiguration}\n              />\n              {sustainabilityScorecard && (\n                <SustainabilityScorecard\n                  metricsConfig={sustainabilityScorecard.metricsConfig}\n                  searchParamKey={sustainabilityScorecard.searchParamKey}\n                  filterColumn={sustainabilityScorecard.filterColumn}\n                  scoreDescriptorColumnName={\n                    sustainabilityScorecard.scoreDescriptorColumnName\n                  }\n                  queryRequest={sustainabilityScorecard.queryRequest}\n                  sustainabilityReportLink={\n                    sustainabilityScorecard.sustainabilityReportLink\n                  }\n                  sx={{\n                    background: 'rgba(0, 0, 0, 0.10)',\n                    marginTop: '30px',\n                    ...sustainabilityScorecard.sx,\n                  }}\n                />\n              )}\n              <Box sx={{ clear: 'both', pb: 'var(--baseline-grid)' }} />\n            </>\n          )\n\n          const rightContent =\n            titleAreaRightContent || cardTopContent || values?.length ? (\n              /* Column 2: titleAreaRightContent, cardTopContent, CardFooter */\n              <>\n                {titleAreaRightContent && (\n                  <div className=\"SRC-cardTitleAreaDetails\">\n                    {titleAreaRightContent}\n                  </div>\n                )}\n                {cardTopContent && (\n                  <div className=\"SRC-cardContent\">{cardTopContent}</div>\n                )}\n                {values && (\n                  <Box sx={{ '&& .SRC-cardMetadata': { paddingTop: 0 } }}>\n                    <CardFooter\n                      isHeader={true}\n                      secondaryLabelLimit={secondaryLabelLimit}\n                      values={values}\n                    />\n                  </Box>\n                )}\n              </>\n            ) : undefined\n\n          return rightContent ? (\n            <AdaptiveTwoColumnLayout\n              stackRatioThreshold={0.45}\n              sx={{ marginTop: '24px' }}\n              leftContent={leftContent}\n              rightContent={rightContent}\n            />\n          ) : (\n            <Box sx={{ marginTop: '24px' }}>{leftContent}</Box>\n          )\n        })()}\n      </Container>\n    </Box>\n  )\n})\n\nconst HeaderCard = forwardRef(function HeaderCard(\n  props: HeaderCardProps,\n  ref: ForwardedRef<HTMLDivElement>,\n) {\n  const { headerCardVariant = 'HeaderCard' } = props\n  if (headerCardVariant === 'HeaderCardV2') {\n    return <HeaderCardV2 {...props} ref={ref} />\n  }\n  return <HeaderCardClassic {...props} ref={ref} />\n})\n\nexport default HeaderCard\n"],"mappings":";;;;;;;;;;;;;AA6CA,IAAM,IAAoB,EAAW,SACnC,GACA,GACA;CACA,IAAM,EACJ,SACA,UACA,cAAW,IACX,gBACA,WACA,wBACA,qBACA,sBACA,yBAAsB,IACtB,SACA,WACA,uCACA,0BACA,SACA,mBACA,mBACA,4BACA,qBACA,sBACA,UACE,GAEE,IAA8C;EAClD,GAAG;EACH,8BACE,GAAmB,gCAAgC;CACvD;CASA,OANA,EAAoB;EAClB;EACA,aAH0B,KAAe,KAAY,KAAA;EAIrD,UAAU;CACZ,CAAC,GAGC,kBAAC,GAAD;EACO;EACL,WAAW,uCACT,IAAmB,qBAAqB;EAE1C,IAAI;GAGF,OAAO;GACP,YAAY;GACZ,GAAG;EACL;YAEA,kBAAC,GAAD;GAAW,UAAS;aAApB;IAEE,kBAAC,GAAD;KACE,IAAI;MACF,SAAS;MACT,eAAe;MACf,YAAY;MACZ,KAAK;KACP;eANF;MAQE,kBAAC,OAAD;OAAK,WAAU;iBAAY;MAAU,CAAA;MACpC;MACD,kBAAC,GAAD,EAAK,IAAI,EAAE,MAAM,EAAE,EAAI,CAAA;MACtB,KACC,kBAAC,GAAD;OAAK,IAAI;QAAE,SAAS;QAAQ,KAAK;OAAO;iBAAI;MAAoB,CAAA;KAE/D;;IAGL,kBAAC,GAAD,EAAA,UACE,kBAAC,MAAD;KAAI,WAAU;KAAe,OAAO,EAAE,QAAQ,OAAO;eAClD,IACC,kBAAC,GAAD;MACE,uBACE,EAAmC;MAErC,kBACE,EAAmC;MAErC,cAAc;KACf,CAAA,IACC,IACF,kBAAC,GAAD;MACE,MAAM,KAAQ;MACd,WAAU;MACF;gBAEP;KACQ,CAAA,IAEX,kBAAC,QAAD,EAAA,UAAO,EAAY,CAAA;IAEnB,CAAA,EACD,CAAA;IAGJ,KACC,kBAAC,GAAD;KACE,IAAI,EACF,wDAAwD,EACtD,MAAM,QACR,EACF;eAEC;IACE,CAAA;WAIC;KACN,IAAM,IACJ,kBAAA,GAAA,EAAA,UAAA;MAEG,KACC,kBAAC,GAAD;OACE,IAAI;QACF,OAAO;QACP,OAAO;QACP,cAAc;QACd,eAAe;QACf,SAAS;QACT,gBAAgB;OAClB;iBAEC;MACE,CAAA;MAEN,KAAY,kBAAC,OAAD;OAAK,WAAU;iBAAc;MAAc,CAAA;MACxD,kBAAC,GAAD;OACe;OACQ;OACrB,mBAAmB;MACpB,CAAA;MACA,KACC,kBAAC,GAAD;OACE,eAAe,EAAwB;OACvC,gBAAgB,EAAwB;OACxC,cAAc,EAAwB;OACtC,2BACE,EAAwB;OAE1B,cAAc,EAAwB;OACtC,0BACE,EAAwB;OAE1B,IAAI;QACF,YAAY;QACZ,WAAW;QACX,GAAG,EAAwB;OAC7B;MACD,CAAA;MAEH,kBAAC,GAAD,EAAK,IAAI;OAAE,OAAO;OAAQ,IAAI;MAAuB,EAAI,CAAA;KACzD,EAAA,CAAA,GAGE,IACJ,KAAyB,KAAkB,GAAQ,SAEjD,kBAAA,GAAA,EAAA,UAAA;MACG,KACC,kBAAC,OAAD;OAAK,WAAU;iBACZ;MACE,CAAA;MAEN,KACC,kBAAC,OAAD;OAAK,WAAU;iBAAmB;MAAoB,CAAA;MAEvD,KACC,kBAAC,GAAD;OAAK,IAAI,EAAE,wBAAwB,EAAE,YAAY,EAAE,EAAE;iBACnD,kBAAC,GAAD;QACE,UAAU;QACW;QACb;OACT,CAAA;MACE,CAAA;KAEP,EAAA,CAAA,IACA,KAAA;KAEN,OAAO,IACL,kBAAC,GAAD;MACE,qBAAqB;MACrB,IAAI,EAAE,WAAW,OAAO;MACX;MACC;KACf,CAAA,IAED,kBAAC,GAAD;MAAK,IAAI,EAAE,WAAW,OAAO;gBAAI;KAAiB,CAAA;IAEtD,GAAG;GACM;;CACR,CAAA;AAET,CAAC,GAEK,IAAa,EAAW,SAC5B,GACA,GACA;CACA,IAAM,EAAE,uBAAoB,iBAAiB;CAI7C,OAFS,EADL,MAAsB,iBAChB,IAEF,GAFC;EAAc,GAAI;EAAY;CAAM,CAAA;AAG/C,CAAC"}

package/dist/components/HelpPopover/HelpPopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"HelpPopover.js","names":[],"sources":["../../../src/components/HelpPopover/HelpPopover.tsx"],"sourcesContent":["import { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { ButtonProps, SxProps, TooltipProps } from '@mui/material'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\n\nexport type HelpPopoverProps = {\n  markdownText: string\n  helpUrl?: string\n  placement?: TooltipProps['placement']\n  showCloseButton?: boolean\n  className?: string\n  containerSx?: SxProps\n  iconSx?: SxProps\n  Icon?: React.ComponentType<{ className?: string; sx?: SxProps }>\n}\n\nexport function HelpPopover({\n  markdownText,\n  helpUrl,\n  placement = 'bottom',\n  showCloseButton = true,\n  className = '',\n  iconSx,\n  containerSx,\n  Icon = HelpOutlineTwoTone,\n}: HelpPopoverProps) {\n  const actionButtonConfig = helpUrl\n    ? {\n        content: <>More info</>,\n        closePopoverOnClick: true,\n        onClick: () => window.open(helpUrl, '_blank'),\n        color: 'primary' as ButtonProps['color'],\n      }\n    : undefined\n  return (\n    <>\n      <MarkdownPopover\n        contentProps={{ markdown: markdownText }}\n        placement={placement}\n        actionButton={actionButtonConfig}\n        showCloseButton={showCloseButton}\n        maxWidth=\"350px\"\n        containerSx={containerSx}\n      >\n        <Icon className={`HelpButton ${className}`} sx={iconSx} />\n      </MarkdownPopover>\n    </>\n  )\n}\n\nexport default HelpPopover\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,iBACA,YACA,eAAY,UACZ,qBAAkB,IAClB,eAAY,IACZ,WACA,gBACA,UAAO,KACY;AASnB,QACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,cAAc,EAAE,UAAU,GAAc;EAC7B;EACX,cAbqB,IACvB;GACE,SAAS,kBAAA,GAAA,EAAA,UAAE,aAAY,CAAA;GACvB,qBAAqB;GACrB,eAAe,OAAO,KAAK,GAAS,SAAS;GAC7C,OAAO;GACR,GACD,KAAA;EAOmB;EACjB,UAAS;EACI;YAEb,kBAAC,GAAD;GAAM,WAAW,cAAc;GAAa,IAAI;GAAU,CAAA;EAC1C,CAAA,EACjB,CAAA"}
+{"version":3,"file":"HelpPopover.js","names":[],"sources":["../../../src/components/HelpPopover/HelpPopover.tsx"],"sourcesContent":["import { MarkdownPopover } from '../Markdown/MarkdownPopover'\nimport { ButtonProps, SxProps, TooltipProps } from '@mui/material'\nimport { HelpOutlineTwoTone } from '@mui/icons-material'\n\nexport type HelpPopoverProps = {\n  markdownText: string\n  helpUrl?: string\n  placement?: TooltipProps['placement']\n  showCloseButton?: boolean\n  className?: string\n  containerSx?: SxProps\n  iconSx?: SxProps\n  Icon?: React.ComponentType<{ className?: string; sx?: SxProps }>\n}\n\nexport function HelpPopover({\n  markdownText,\n  helpUrl,\n  placement = 'bottom',\n  showCloseButton = true,\n  className = '',\n  iconSx,\n  containerSx,\n  Icon = HelpOutlineTwoTone,\n}: HelpPopoverProps) {\n  const actionButtonConfig = helpUrl\n    ? {\n        content: <>More info</>,\n        closePopoverOnClick: true,\n        onClick: () => window.open(helpUrl, '_blank'),\n        color: 'primary' as ButtonProps['color'],\n      }\n    : undefined\n  return (\n    <>\n      <MarkdownPopover\n        contentProps={{ markdown: markdownText }}\n        placement={placement}\n        actionButton={actionButtonConfig}\n        showCloseButton={showCloseButton}\n        maxWidth=\"350px\"\n        containerSx={containerSx}\n      >\n        <Icon className={`HelpButton ${className}`} sx={iconSx} />\n      </MarkdownPopover>\n    </>\n  )\n}\n\nexport default HelpPopover\n"],"mappings":";;;;AAeA,SAAgB,EAAY,EAC1B,iBACA,YACA,eAAY,UACZ,qBAAkB,IAClB,eAAY,IACZ,WACA,gBACA,UAAO,KACY;CASnB,OACE,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;EACE,cAAc,EAAE,UAAU,EAAa;EAC5B;EACX,cAbqB,IACvB;GACE,SAAS,kBAAA,GAAA,EAAA,UAAE,YAAW,CAAA;GACtB,qBAAqB;GACrB,eAAe,OAAO,KAAK,GAAS,QAAQ;GAC5C,OAAO;EACT,IACA,KAAA;EAOmB;EACjB,UAAS;EACI;YAEb,kBAAC,GAAD;GAAM,WAAW,cAAc;GAAa,IAAI;EAAS,CAAA;CAC1C,CAAA,EACjB,CAAA;AAEN"}

package/dist/components/HexGrid/HexGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {dataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA4BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,iBACe;CACf,IAAM,IAAW,EAA8B,EAAI,EAU7C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,QAAK;EACd,UACE;EAEF,cAAc;EAIc,CAAmB,EAE3C,IAAW,GAAmB,aAAa,aAAa,QAAQ,EAAE,EAElE,IAAgB,EAAc,GAAc,EAAkB,EAE9D,IAAgB,EAAc,GAAc,EAAkB,EAE9D,IAAe,EAAc,GAAoB,EAAkB;AAEzE,QACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAS,KAAI,MACZ,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC;MACD,CAAC;eAGJ,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;OACD,CAAA,EACb,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;QAC9C;OACD,UAAU,EAAE,WAAW,EAAO,SAAS;OACvC,CAAA,CACE;;KACK,EAxBN,EAAI,MAwBE,CACb;IACC,CAAA;GACD,CAAA;EACF,CAAA"}
+{"version":3,"file":"HexGrid.js","names":[],"sources":["../../../src/components/HexGrid/HexGrid.tsx"],"sourcesContent":["import styles from './HexGrid.module.scss'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport {\n  FileHandleAssociateType,\n  QueryBundleRequest,\n} from '@sage-bionetworks/synapse-types'\nimport { SynapseConstants } from '@/utils'\nimport { useGetFullTableQueryResults } from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { ImageFileHandle } from '@/components/widgets/ImageFileHandle'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { ButtonBase, Typography } from '@mui/material'\n\n// Column values resolved by name so consumers don't need the indices that are only known inside HexGrid.\nexport type HexRowData = {\n  title: string\n  imageFileHandleId: string | null\n  description: string | null\n  entityId: string\n}\n\ntype HexGridProps = {\n  sql: string\n  titleColName: string\n  imageColName: string\n  descriptionColName: string\n  onRowClick?: (rowData: HexRowData) => void\n}\n\nfunction HexGrid({\n  sql,\n  titleColName,\n  imageColName,\n  descriptionColName,\n  onRowClick,\n}: HexGridProps) {\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    entityId,\n    query: { sql },\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n  }\n\n  const { data: queryResultBundle } =\n    useGetFullTableQueryResults(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult?.queryResults.rows ?? []\n\n  const titleColIndex = getFieldIndex(titleColName, queryResultBundle)\n\n  const imageColIndex = getFieldIndex(imageColName, queryResultBundle)\n\n  const descColIndex = getFieldIndex(descriptionColName, queryResultBundle)\n\n  return (\n    <div className={styles.hexSlat}>\n      <div className={styles.gridWrapper}>\n        <ul className={styles.hexGrid}>\n          {dataRows.map(row => (\n            <ButtonBase\n              component=\"li\"\n              key={row.rowId}\n              className={styles.hex}\n              onClick={() =>\n                onRowClick?.({\n                  title: row.values[titleColIndex] ?? '',\n                  imageFileHandleId: row.values[imageColIndex] ?? null,\n                  description: row.values[descColIndex] ?? null,\n                  entityId,\n                })\n              }\n            >\n              <div className={styles.hexIn}>\n                <Typography variant=\"headline3\" className={styles.hexTitle}>\n                  {row.values[titleColIndex]}\n                </Typography>\n                <ImageFileHandle\n                  fileHandleAssociation={{\n                    fileHandleId: row.values[imageColIndex] ?? '',\n                    associateObjectId: entityId,\n                    associateObjectType: FileHandleAssociateType.TableEntity,\n                  }}\n                  imgProps={{ className: styles.hexIcon }}\n                />\n              </div>\n            </ButtonBase>\n          ))}\n        </ul>\n      </div>\n    </div>\n  )\n}\n\nexport default HexGrid\n"],"mappings":";;;;;;;;;;;AA4BA,SAAS,EAAQ,EACf,QACA,iBACA,iBACA,uBACA,iBACe;CACf,IAAM,IAAW,EAA8B,CAAG,GAU5C,EAAE,MAAM,MACZ,EAA4B;EAT5B;EACA,OAAO,EAAE,OAAI;EACb,UACE;EAEF,cAAc;CAIc,CAAkB,GAE1C,IAAW,GAAmB,aAAa,aAAa,QAAQ,CAAC,GAEjE,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAgB,EAAc,GAAc,CAAiB,GAE7D,IAAe,EAAc,GAAoB,CAAiB;CAExE,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YACrB,kBAAC,OAAD;GAAK,WAAW,EAAO;aACrB,kBAAC,MAAD;IAAI,WAAW,EAAO;cACnB,EAAS,KAAI,MACZ,kBAAC,GAAD;KACE,WAAU;KAEV,WAAW,EAAO;KAClB,eACE,IAAa;MACX,OAAO,EAAI,OAAO,MAAkB;MACpC,mBAAmB,EAAI,OAAO,MAAkB;MAChD,aAAa,EAAI,OAAO,MAAiB;MACzC;KACF,CAAC;eAGH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OAAY,SAAQ;OAAY,WAAW,EAAO;iBAC/C,EAAI,OAAO;MACF,CAAA,GACZ,kBAAC,GAAD;OACE,uBAAuB;QACrB,cAAc,EAAI,OAAO,MAAkB;QAC3C,mBAAmB;QACnB,qBAAqB,EAAwB;OAC/C;OACA,UAAU,EAAE,WAAW,EAAO,QAAQ;MACvC,CAAA,CACE;;IACK,GAxBL,EAAI,KAwBC,CACb;GACC,CAAA;EACD,CAAA;CACF,CAAA;AAET"}

package/dist/components/IDUReport/IDUReport.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDUReport.js","names":[],"sources":["../../../src/components/IDUReport/IDUReport.tsx"],"sourcesContent":["import { useGetApprovedSubmissionInfoInfinite } from '@/synapse-queries'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport {\n  LoadingSubmissionInfoCard,\n  SubmissionInfoCard,\n} from './IDUReportSubmissionInfo'\n\nexport type IDUReportProps = {\n  accessRequirementId: string\n}\n\nexport function IDUReport(props: IDUReportProps): React.ReactNode {\n  const { accessRequirementId } = props\n  // Load the next page when this ref comes into view.\n  const { ref, inView } = useInView()\n\n  const {\n    data,\n    status,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetApprovedSubmissionInfoInfinite(accessRequirementId, {\n    throwOnError: true,\n  })\n  useEffect(() => {\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      inView\n    ) {\n      fetchNextPage()\n    }\n  }, [status, hasNextPage, isFetchingNextPage, fetchNextPage, inView])\n\n  const allRows = data?.pages.flatMap(page => page.results) ?? []\n\n  return (\n    <>\n      {allRows.length > 0 && (\n        <div className=\"IDUReport\">\n          {allRows.map((item: SubmissionInfo) => {\n            return (\n              <Fragment key={JSON.stringify(item)}>\n                <SubmissionInfoCard info={item} />\n                <hr />\n              </Fragment>\n            )\n          })}\n          {/* To trigger loading the next page */}\n          <div ref={ref} />\n        </div>\n      )}\n      {(isLoading || isFetchingNextPage) && (\n        <>\n          <LoadingSubmissionInfoCard />\n          <LoadingSubmissionInfoCard />\n        </>\n      )}\n    </>\n  )\n}\nexport default IDUReport\n"],"mappings":";;;;;;;AAaA,SAAgB,EAAU,GAAwC;CAChE,IAAM,EAAE,2BAAwB,GAE1B,EAAE,QAAK,cAAW,GAAW,EAE7B,EACJ,SACA,WACA,cACA,gBACA,uBACA,qBACE,EAAqC,GAAqB,EAC5D,cAAc,IACf,CAAC;AACF,SAAgB;AACd,EACE,MAAW,aACX,CAAC,KACD,KACA,KACA,KAEA,GAAe;IAEhB;EAAC;EAAQ;EAAa;EAAoB;EAAe;EAAO,CAAC;CAEpE,IAAM,IAAU,GAAM,MAAM,SAAQ,MAAQ,EAAK,QAAQ,IAAI,EAAE;AAE/D,QACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAQ,SAAS,KAChB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAQ,KAAK,MAEV,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAoB,MAAM,GAAQ,CAAA,EAClC,kBAAC,MAAD,EAAM,CAAA,CACG,EAAA,EAHI,KAAK,UAAU,EAAK,CAGxB,CAEb,EAEF,kBAAC,OAAD,EAAU,QAAO,CAAA,CACb;MAEN,KAAa,MACb,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,EAA6B,CAAA,EAC7B,kBAAC,GAAD,EAA6B,CAAA,CAC5B,EAAA,CAAA,CAEJ,EAAA,CAAA"}
+{"version":3,"file":"IDUReport.js","names":[],"sources":["../../../src/components/IDUReport/IDUReport.tsx"],"sourcesContent":["import { useGetApprovedSubmissionInfoInfinite } from '@/synapse-queries'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport { Fragment, useEffect } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport {\n  LoadingSubmissionInfoCard,\n  SubmissionInfoCard,\n} from './IDUReportSubmissionInfo'\n\nexport type IDUReportProps = {\n  accessRequirementId: string\n}\n\nexport function IDUReport(props: IDUReportProps): React.ReactNode {\n  const { accessRequirementId } = props\n  // Load the next page when this ref comes into view.\n  const { ref, inView } = useInView()\n\n  const {\n    data,\n    status,\n    isLoading,\n    hasNextPage,\n    isFetchingNextPage,\n    fetchNextPage,\n  } = useGetApprovedSubmissionInfoInfinite(accessRequirementId, {\n    throwOnError: true,\n  })\n  useEffect(() => {\n    if (\n      status === 'success' &&\n      !isFetchingNextPage &&\n      hasNextPage &&\n      fetchNextPage &&\n      inView\n    ) {\n      fetchNextPage()\n    }\n  }, [status, hasNextPage, isFetchingNextPage, fetchNextPage, inView])\n\n  const allRows = data?.pages.flatMap(page => page.results) ?? []\n\n  return (\n    <>\n      {allRows.length > 0 && (\n        <div className=\"IDUReport\">\n          {allRows.map((item: SubmissionInfo) => {\n            return (\n              <Fragment key={JSON.stringify(item)}>\n                <SubmissionInfoCard info={item} />\n                <hr />\n              </Fragment>\n            )\n          })}\n          {/* To trigger loading the next page */}\n          <div ref={ref} />\n        </div>\n      )}\n      {(isLoading || isFetchingNextPage) && (\n        <>\n          <LoadingSubmissionInfoCard />\n          <LoadingSubmissionInfoCard />\n        </>\n      )}\n    </>\n  )\n}\nexport default IDUReport\n"],"mappings":";;;;;;;AAaA,SAAgB,EAAU,GAAwC;CAChE,IAAM,EAAE,2BAAwB,GAE1B,EAAE,QAAK,cAAW,EAAU,GAE5B,EACJ,SACA,WACA,cACA,gBACA,uBACA,qBACE,EAAqC,GAAqB,EAC5D,cAAc,GAChB,CAAC;CACD,QAAgB;EACd,AACE,MAAW,aACX,CAAC,KACD,KACA,KACA,KAEA,EAAc;CAElB,GAAG;EAAC;EAAQ;EAAa;EAAoB;EAAe;CAAM,CAAC;CAEnE,IAAM,IAAU,GAAM,MAAM,SAAQ,MAAQ,EAAK,OAAO,KAAK,CAAC;CAE9D,OACE,kBAAA,GAAA,EAAA,UAAA,CACG,EAAQ,SAAS,KAChB,kBAAC,OAAD;EAAK,WAAU;YAAf,CACG,EAAQ,KAAK,MAEV,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAoB,MAAM,EAAO,CAAA,GACjC,kBAAC,MAAD,CAAK,CAAA,CACG,EAAA,GAHK,KAAK,UAAU,CAAI,CAGxB,CAEb,GAED,kBAAC,OAAD,EAAU,OAAM,CAAA,CACb;MAEL,KAAa,MACb,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD,CAA4B,CAAA,GAC5B,kBAAC,GAAD,CAA4B,CAAA,CAC5B,EAAA,CAAA,CAEJ,EAAA,CAAA;AAEN"}

package/dist/components/IDUReport/IDUReportSubmissionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"IDUReportSubmissionInfo.js","names":[],"sources":["../../../src/components/IDUReport/IDUReportSubmissionInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton } from '@mui/material'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubmissionInfoCardProps = {\n  info: SubmissionInfo\n}\n\nexport function SubmissionInfoCard({ info }: SubmissionInfoCardProps) {\n  return (\n    <>\n      {info && (\n        <div className=\"SubmissionInfoCard\">\n          <strong> Project Lead: </strong> <span>{info.projectLead}</span>{' '}\n          <br />\n          <strong> Institution: </strong> <span>{info.institution}</span> <br />\n          <strong> Data Access Request Submitted By: </strong>{' '}\n          <UserBadge userId={info.submittedBy} /> <br />\n          <strong>\n            {' '}\n            Intended Data Use Statement &#40;accepted on{' '}\n            {formatDate(dayjs(info.modifiedOn), 'M/D/YYYY')}&#41;:\n          </strong>\n          <MarkdownSynapse markdown={info.intendedDataUseStatement} />\n          {info.accessorChanges &&\n            info.accessorChanges.map(accessorChange => (\n              <div key={`${accessorChange.userId}-${accessorChange.type}`}>\n                <UserBadge userId={accessorChange.userId} />{' '}\n                {accessorChange.type}\n              </div>\n            ))}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport function LoadingSubmissionInfoCard() {\n  return (\n    <div className=\"SubmissionInfoCard\">\n      <SkeletonTable numCols={1} numRows={4} />\n      <Skeleton variant=\"rectangular\" width={'100%'} height={80} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAmB,EAAE,WAAiC;AACpE,QACE,kBAAA,GAAA,EAAA,UACG,KACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,UAAD,EAAA,UAAQ,mBAAwB,CAAA;;GAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,aAAmB,CAAA;GAAC;GACjE,kBAAC,MAAD,EAAM,CAAA;GACN,kBAAC,UAAD,EAAA,UAAQ,kBAAuB,CAAA;;GAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,aAAmB,CAAA;;GAAC,kBAAC,MAAD,EAAM,CAAA;GACtE,kBAAC,UAAD,EAAA,UAAQ,uCAA4C,CAAA;GAAC;GACrD,kBAAC,GAAD,EAAW,QAAQ,EAAK,aAAe,CAAA;;GAAC,kBAAC,MAAD,EAAM,CAAA;GAC9C,kBAAC,UAAD,EAAA,UAAA;IACG;IAAI;IACwC;IAC5C,EAAW,EAAM,EAAK,WAAW,EAAE,WAAW;IAAC;IACzC,EAAA,CAAA;GACT,kBAAC,GAAD,EAAiB,UAAU,EAAK,0BAA4B,CAAA;GAC3D,EAAK,mBACJ,EAAK,gBAAgB,KAAI,MACvB,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,GAAD,EAAW,QAAQ,EAAe,QAAU,CAAA;IAAC;IAC5C,EAAe;IACZ,EAAA,EAHI,GAAG,EAAe,OAAO,GAAG,EAAe,OAG/C,CACN;GACA;KAEP,CAAA;;AAIP,SAAgB,IAA4B;AAC1C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAe,SAAS;GAAG,SAAS;GAAK,CAAA,EACzC,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAQ,QAAQ;GAAM,CAAA,CACzD"}
+{"version":3,"file":"IDUReportSubmissionInfo.js","names":[],"sources":["../../../src/components/IDUReport/IDUReportSubmissionInfo.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton } from '@mui/material'\nimport { SubmissionInfo } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport { SkeletonTable } from '../Skeleton/SkeletonTable'\nimport { UserBadge } from '../UserCard/UserBadge'\n\nexport type SubmissionInfoCardProps = {\n  info: SubmissionInfo\n}\n\nexport function SubmissionInfoCard({ info }: SubmissionInfoCardProps) {\n  return (\n    <>\n      {info && (\n        <div className=\"SubmissionInfoCard\">\n          <strong> Project Lead: </strong> <span>{info.projectLead}</span>{' '}\n          <br />\n          <strong> Institution: </strong> <span>{info.institution}</span> <br />\n          <strong> Data Access Request Submitted By: </strong>{' '}\n          <UserBadge userId={info.submittedBy} /> <br />\n          <strong>\n            {' '}\n            Intended Data Use Statement &#40;accepted on{' '}\n            {formatDate(dayjs(info.modifiedOn), 'M/D/YYYY')}&#41;:\n          </strong>\n          <MarkdownSynapse markdown={info.intendedDataUseStatement} />\n          {info.accessorChanges &&\n            info.accessorChanges.map(accessorChange => (\n              <div key={`${accessorChange.userId}-${accessorChange.type}`}>\n                <UserBadge userId={accessorChange.userId} />{' '}\n                {accessorChange.type}\n              </div>\n            ))}\n        </div>\n      )}\n    </>\n  )\n}\n\nexport function LoadingSubmissionInfoCard() {\n  return (\n    <div className=\"SubmissionInfoCard\">\n      <SkeletonTable numCols={1} numRows={4} />\n      <Skeleton variant=\"rectangular\" width={'100%'} height={80} />\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAYA,SAAgB,EAAmB,EAAE,WAAiC;CACpE,OACE,kBAAA,GAAA,EAAA,UACG,KACC,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,UAAD,EAAA,UAAQ,kBAAuB,CAAA;GAAC;GAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,YAAkB,CAAA;GAAE;GACjE,kBAAC,MAAD,CAAK,CAAA;GACL,kBAAC,UAAD,EAAA,UAAQ,iBAAsB,CAAA;GAAC;GAAC,kBAAC,QAAD,EAAA,UAAO,EAAK,YAAkB,CAAA;GAAC;GAAC,kBAAC,MAAD,CAAK,CAAA;GACrE,kBAAC,UAAD,EAAA,UAAQ,sCAA2C,CAAA;GAAE;GACrD,kBAAC,GAAD,EAAW,QAAQ,EAAK,YAAc,CAAA;GAAC;GAAC,kBAAC,MAAD,CAAK,CAAA;GAC7C,kBAAC,UAAD,EAAA,UAAA;IACG;IAAI;IACwC;IAC5C,EAAW,EAAM,EAAK,UAAU,GAAG,UAAU;IAAE;GAC1C,EAAA,CAAA;GACR,kBAAC,GAAD,EAAiB,UAAU,EAAK,yBAA2B,CAAA;GAC1D,EAAK,mBACJ,EAAK,gBAAgB,KAAI,MACvB,kBAAC,OAAD,EAAA,UAAA;IACE,kBAAC,GAAD,EAAW,QAAQ,EAAe,OAAS,CAAA;IAAE;IAC5C,EAAe;GACb,EAAA,GAHK,GAAG,EAAe,OAAO,GAAG,EAAe,MAGhD,CACN;EACA;IAEP,CAAA;AAEN;AAEA,SAAgB,IAA4B;CAC1C,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAe,SAAS;GAAG,SAAS;EAAI,CAAA,GACxC,kBAAC,GAAD;GAAU,SAAQ;GAAc,OAAO;GAAQ,QAAQ;EAAK,CAAA,CACzD;;AAET"}

package/dist/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ReactComponent as chart2Svg } from '@/assets/icons/chart2.svg'\nimport { ReactComponent as Data2Svg } from '@/assets/icons/Data2.svg'\nimport { ReactComponent as DNA_TwoSvg } from '@/assets/icons/DNA_Two.svg'\nimport { ReactComponent as fileSvg } from '@/assets/icons/file.svg'\nimport { ReactComponent as institutionSvg } from '@/assets/icons/institution.svg'\nimport { ReactComponent as mouseSvg } from '@/assets/icons/mouse.svg'\nimport { ReactComponent as organizationsSvg } from '@/assets/icons/organizations.svg'\nimport { ReactComponent as personSvg } from '@/assets/icons/person.svg'\nimport { ReactComponent as studyActiveSvg } from '@/assets/icons/study-active.svg'\nimport { ReactComponent as studyCompleteSvg } from '@/assets/icons/study-complete.svg'\nimport { ReactComponent as translationalSvg } from '@/assets/icons/translational.svg'\nimport { ReactComponent as treeHorizontalSvg } from '@/assets/icons/tree_horizontal.svg'\nimport { ReactComponent as standardDataModelSvg } from '@/assets/icons/standardDataModel.svg'\nimport { ReactComponent as Challenge } from '@/assets/icons/Challenge.svg'\nimport {\n  Chart,\n  Close,\n  Collapse,\n  Columns,\n  ColumnsDark,\n  Database,\n  Download,\n  Expand,\n  Explore,\n  ExternalLink,\n  Filter,\n  Program,\n  Project,\n  Publication,\n  Search,\n  Settings,\n  SortDown,\n  SortUp,\n  SqlEditorIcon,\n  Study,\n  ToolClinical,\n  ToolComputational,\n  ToolExperimental,\n  VerticalDots,\n} from '@/assets/themed_icons'\nimport {\n  CHALLENGE,\n  CHART,\n  CHART2,\n  CLINICAL,\n  CLOSE,\n  COLLAPSE,\n  COLUMNS,\n  COLUMNSDARK,\n  COMPUTATIONAL,\n  COMPUTATIONAL_TOOL,\n  CONTRIBUTOR,\n  DATABASE,\n  DATASET,\n  DOWNLOAD,\n  DOWNLOAD_PERMISSION_REQUIRED,\n  EASY_DIFFICULTY,\n  EXPAND,\n  EXPERIMENTAL,\n  EXPERIMENTAL_TOOL,\n  EXPLORE,\n  EXTERNAL_RESOURCE,\n  EXTERNALLINK,\n  FILE,\n  FILTER,\n  FUNDER,\n  GRANT,\n  MEDIUM_DIFFICULTY,\n  MOUSE,\n  ORGANIZATION,\n  PERSON,\n  PROGRAM,\n  PROJECT,\n  PUBLICATION,\n  SEARCH,\n  SETTINGS,\n  SORTDOWN,\n  SORTUP,\n  SQL_EDITOR,\n  STANDARD_DATA_MODEL,\n  STUDY,\n  STUDY_ACTIVE,\n  STUDY_COMPLETE,\n  TOOL,\n  TRANSLATIONAL,\n  TREE_HORIZONTAL,\n  VARIABLE_DIFFICULTY,\n  VERTICAL_DOTS,\n} from '@/utils/SynapseConstants'\nimport { ComponentType } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type IconOptions = Record<string, string | ComponentType<any>>\n\nexport type IconProps = {\n  type: string\n  iconOptions?: IconOptions\n  value?: string\n  isHeader?: boolean\n  cssClass?: string\n}\n\nconst iconSvgMapping = {\n  clipboard: <IconSvg icon=\"clipboard\" />,\n  [DATASET]: <IconSvg icon=\"dataset\" />,\n  [EXTERNAL_RESOURCE]: <IconSvg icon=\"link\" />,\n}\n\nconst defaultIcons = {\n  [DATABASE]: Database, // this returns svg tag\n  [FUNDER]: Data2Svg,\n  [TOOL]: DNA_TwoSvg,\n  [STUDY_ACTIVE]: studyActiveSvg,\n  [STUDY_COMPLETE]: studyCompleteSvg,\n  // new icons\n  [PUBLICATION]: Publication,\n  [STUDY]: Study,\n  [EXPERIMENTAL]: ToolExperimental,\n  [EXPERIMENTAL_TOOL]: ToolExperimental,\n  [COMPUTATIONAL]: ToolComputational,\n  [COMPUTATIONAL_TOOL]: ToolComputational,\n  [CLINICAL]: ToolClinical,\n  [PROGRAM]: Program,\n  [PROJECT]: Project,\n  [GRANT]: Project,\n  [ORGANIZATION]: organizationsSvg,\n  [PERSON]: personSvg,\n  [MOUSE]: mouseSvg,\n  [TRANSLATIONAL]: translationalSvg,\n  [EXPLORE]: Explore,\n  [SEARCH]: Search,\n  [CHART]: Chart,\n  [FILTER]: Filter,\n  [SQL_EDITOR]: SqlEditorIcon,\n  [DOWNLOAD]: Download,\n  [EXPAND]: Expand,\n  [COLLAPSE]: Collapse,\n  [CLOSE]: Close,\n  [SORTUP]: SortUp,\n  [SORTDOWN]: SortDown,\n  [SETTINGS]: Settings,\n  [COLUMNS]: Columns,\n  [COLUMNSDARK]: ColumnsDark,\n  [CHALLENGE]: Challenge,\n  [VERTICAL_DOTS]: VerticalDots,\n  [CHART2]: chart2Svg,\n  [FILE]: fileSvg,\n  [EXTERNALLINK]: ExternalLink,\n  [CONTRIBUTOR]: institutionSvg,\n  [TREE_HORIZONTAL]: treeHorizontalSvg,\n  [STANDARD_DATA_MODEL]: standardDataModelSvg,\n  [EASY_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/easy.svg',\n  [MEDIUM_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/medium.svg',\n  [VARIABLE_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/variable.svg',\n  [DOWNLOAD_PERMISSION_REQUIRED]:\n    'https://s3.amazonaws.com/static.synapse.org/images/downloadPermissionRequired.svg',\n}\nfunction Icon({ type, value = '', iconOptions, cssClass }: IconProps) {\n  const IconSvg = iconSvgMapping[value] || iconSvgMapping[type]\n  if (IconSvg) return IconSvg\n\n  const iconSet = { ...defaultIcons, ...iconOptions }\n  // see if the value has a corresponding icon, e.g. 'Active' in a studies table\n  // or if the type of card has a corresponding icon, e.g. 'Publication'\n  const IconDefinition = iconSet[value] || iconSet[type]\n  const className = `iconImg ${cssClass ?? ''}`\n  if (IconDefinition == null) {\n    console.warn('Icon type not found:', type)\n    return <></>\n  }\n  if (typeof IconDefinition === 'string') {\n    return <img src={IconDefinition} className={className} />\n  }\n  return (\n    <span>\n      <IconDefinition className={className} />\n    </span>\n  )\n}\nexport default Icon\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA,IAAM,IAAiB;CACrB,WAAW,kBAAC,GAAD,EAAS,MAAK,aAAc,CAAA;EACtC,KAAU,kBAAC,GAAD,EAAS,MAAK,WAAY,CAAA;EACpC,IAAoB,kBAAC,GAAD,EAAS,MAAK,QAAS,CAAA;CAC7C,EAEK,KAAe;EAClB,KAAW;EACX,IAAS;EACT,IAAO;EACP,IAAe;EACf,IAAiB;EAEjB,IAAc;EACd,IAAQ;EACR,IAAe;EACf,IAAoB;EACpB,IAAgB;EAChB,KAAqB;EACrB,IAAW;EACX,IAAU;EACV,IAAU;EACV,IAAQ;EACR,IAAe;EACf,IAAS;EACT,IAAQ;EACR,IAAgB;EAChB,IAAU;EACV,IAAS;EACT,IAAQ;EACR,IAAS;EACT,IAAa;EACb,KAAW;EACX,IAAS;EACT,IAAW;EACX,IAAQ;EACR,IAAS;EACT,IAAW;EACX,IAAW;EACX,IAAU;EACV,IAAc;EACd,IAAY;EACZ,IAAgB;EAChB,IAAS;EACT,IAAO;EACP,IAAe;EACf,KAAc;EACd,IAAkB;EAClB,IAAsB;EACtB,KACC;EACD,IACC;EACD,IACC;EACD,KACC;CACH;AACD,SAAS,GAAK,EAAE,SAAM,WAAQ,IAAI,gBAAa,eAAuB;CACpE,IAAM,IAAU,EAAe,MAAU,EAAe;AACxD,KAAI,EAAS,QAAO;CAEpB,IAAM,IAAU;EAAE,GAAG;EAAc,GAAG;EAAa,EAG7C,IAAiB,EAAQ,MAAU,EAAQ,IAC3C,IAAY,WAAW,KAAY;AAQzC,QAPI,KAAkB,QACpB,QAAQ,KAAK,wBAAwB,EAAK,EACnC,kBAAA,IAAA,EAAK,CAAA,IAEV,OAAO,KAAmB,WACrB,kBAAC,OAAD;EAAK,KAAK;EAA2B;EAAa,CAAA,GAGzD,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAA2B,cAAa,CAAA,EACnC,CAAA"}
+{"version":3,"file":"Icon.js","names":[],"sources":["../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ReactComponent as chart2Svg } from '@/assets/icons/chart2.svg'\nimport { ReactComponent as Data2Svg } from '@/assets/icons/Data2.svg'\nimport { ReactComponent as DNA_TwoSvg } from '@/assets/icons/DNA_Two.svg'\nimport { ReactComponent as fileSvg } from '@/assets/icons/file.svg'\nimport { ReactComponent as institutionSvg } from '@/assets/icons/institution.svg'\nimport { ReactComponent as mouseSvg } from '@/assets/icons/mouse.svg'\nimport { ReactComponent as organizationsSvg } from '@/assets/icons/organizations.svg'\nimport { ReactComponent as personSvg } from '@/assets/icons/person.svg'\nimport { ReactComponent as studyActiveSvg } from '@/assets/icons/study-active.svg'\nimport { ReactComponent as studyCompleteSvg } from '@/assets/icons/study-complete.svg'\nimport { ReactComponent as translationalSvg } from '@/assets/icons/translational.svg'\nimport { ReactComponent as treeHorizontalSvg } from '@/assets/icons/tree_horizontal.svg'\nimport { ReactComponent as standardDataModelSvg } from '@/assets/icons/standardDataModel.svg'\nimport { ReactComponent as Challenge } from '@/assets/icons/Challenge.svg'\nimport {\n  Chart,\n  Close,\n  Collapse,\n  Columns,\n  ColumnsDark,\n  Database,\n  Download,\n  Expand,\n  Explore,\n  ExternalLink,\n  Filter,\n  Program,\n  Project,\n  Publication,\n  Search,\n  Settings,\n  SortDown,\n  SortUp,\n  SqlEditorIcon,\n  Study,\n  ToolClinical,\n  ToolComputational,\n  ToolExperimental,\n  VerticalDots,\n} from '@/assets/themed_icons'\nimport {\n  CHALLENGE,\n  CHART,\n  CHART2,\n  CLINICAL,\n  CLOSE,\n  COLLAPSE,\n  COLUMNS,\n  COLUMNSDARK,\n  COMPUTATIONAL,\n  COMPUTATIONAL_TOOL,\n  CONTRIBUTOR,\n  DATABASE,\n  DATASET,\n  DOWNLOAD,\n  DOWNLOAD_PERMISSION_REQUIRED,\n  EASY_DIFFICULTY,\n  EXPAND,\n  EXPERIMENTAL,\n  EXPERIMENTAL_TOOL,\n  EXPLORE,\n  EXTERNAL_RESOURCE,\n  EXTERNALLINK,\n  FILE,\n  FILTER,\n  FUNDER,\n  GRANT,\n  MEDIUM_DIFFICULTY,\n  MOUSE,\n  ORGANIZATION,\n  PERSON,\n  PROGRAM,\n  PROJECT,\n  PUBLICATION,\n  SEARCH,\n  SETTINGS,\n  SORTDOWN,\n  SORTUP,\n  SQL_EDITOR,\n  STANDARD_DATA_MODEL,\n  STUDY,\n  STUDY_ACTIVE,\n  STUDY_COMPLETE,\n  TOOL,\n  TRANSLATIONAL,\n  TREE_HORIZONTAL,\n  VARIABLE_DIFFICULTY,\n  VERTICAL_DOTS,\n} from '@/utils/SynapseConstants'\nimport { ComponentType } from 'react'\nimport IconSvg from '../IconSvg/IconSvg'\n\nexport type IconOptions = Record<string, string | ComponentType<any>>\n\nexport type IconProps = {\n  type: string\n  iconOptions?: IconOptions\n  value?: string\n  isHeader?: boolean\n  cssClass?: string\n}\n\nconst iconSvgMapping = {\n  clipboard: <IconSvg icon=\"clipboard\" />,\n  [DATASET]: <IconSvg icon=\"dataset\" />,\n  [EXTERNAL_RESOURCE]: <IconSvg icon=\"link\" />,\n}\n\nconst defaultIcons = {\n  [DATABASE]: Database, // this returns svg tag\n  [FUNDER]: Data2Svg,\n  [TOOL]: DNA_TwoSvg,\n  [STUDY_ACTIVE]: studyActiveSvg,\n  [STUDY_COMPLETE]: studyCompleteSvg,\n  // new icons\n  [PUBLICATION]: Publication,\n  [STUDY]: Study,\n  [EXPERIMENTAL]: ToolExperimental,\n  [EXPERIMENTAL_TOOL]: ToolExperimental,\n  [COMPUTATIONAL]: ToolComputational,\n  [COMPUTATIONAL_TOOL]: ToolComputational,\n  [CLINICAL]: ToolClinical,\n  [PROGRAM]: Program,\n  [PROJECT]: Project,\n  [GRANT]: Project,\n  [ORGANIZATION]: organizationsSvg,\n  [PERSON]: personSvg,\n  [MOUSE]: mouseSvg,\n  [TRANSLATIONAL]: translationalSvg,\n  [EXPLORE]: Explore,\n  [SEARCH]: Search,\n  [CHART]: Chart,\n  [FILTER]: Filter,\n  [SQL_EDITOR]: SqlEditorIcon,\n  [DOWNLOAD]: Download,\n  [EXPAND]: Expand,\n  [COLLAPSE]: Collapse,\n  [CLOSE]: Close,\n  [SORTUP]: SortUp,\n  [SORTDOWN]: SortDown,\n  [SETTINGS]: Settings,\n  [COLUMNS]: Columns,\n  [COLUMNSDARK]: ColumnsDark,\n  [CHALLENGE]: Challenge,\n  [VERTICAL_DOTS]: VerticalDots,\n  [CHART2]: chart2Svg,\n  [FILE]: fileSvg,\n  [EXTERNALLINK]: ExternalLink,\n  [CONTRIBUTOR]: institutionSvg,\n  [TREE_HORIZONTAL]: treeHorizontalSvg,\n  [STANDARD_DATA_MODEL]: standardDataModelSvg,\n  [EASY_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/easy.svg',\n  [MEDIUM_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/medium.svg',\n  [VARIABLE_DIFFICULTY]:\n    'https://s3.amazonaws.com/static.synapse.org/images/variable.svg',\n  [DOWNLOAD_PERMISSION_REQUIRED]:\n    'https://s3.amazonaws.com/static.synapse.org/images/downloadPermissionRequired.svg',\n}\nfunction Icon({ type, value = '', iconOptions, cssClass }: IconProps) {\n  const IconSvg = iconSvgMapping[value] || iconSvgMapping[type]\n  if (IconSvg) return IconSvg\n\n  const iconSet = { ...defaultIcons, ...iconOptions }\n  // see if the value has a corresponding icon, e.g. 'Active' in a studies table\n  // or if the type of card has a corresponding icon, e.g. 'Publication'\n  const IconDefinition = iconSet[value] || iconSet[type]\n  const className = `iconImg ${cssClass ?? ''}`\n  if (IconDefinition == null) {\n    console.warn('Icon type not found:', type)\n    return <></>\n  }\n  if (typeof IconDefinition === 'string') {\n    return <img src={IconDefinition} className={className} />\n  }\n  return (\n    <span>\n      <IconDefinition className={className} />\n    </span>\n  )\n}\nexport default Icon\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsGA,IAAM,IAAiB;CACrB,WAAW,kBAAC,GAAD,EAAS,MAAK,YAAa,CAAA;EACrC,KAAU,kBAAC,GAAD,EAAS,MAAK,UAAW,CAAA;EACnC,IAAoB,kBAAC,GAAD,EAAS,MAAK,OAAQ,CAAA;AAC7C,GAEM,KAAe;EAClB,KAAW;EACX,IAAS;EACT,IAAO;EACP,IAAe;EACf,IAAiB;EAEjB,IAAc;EACd,IAAQ;EACR,IAAe;EACf,IAAoB;EACpB,IAAgB;EAChB,KAAqB;EACrB,IAAW;EACX,IAAU;EACV,IAAU;EACV,IAAQ;EACR,IAAe;EACf,IAAS;EACT,IAAQ;EACR,IAAgB;EAChB,IAAU;EACV,IAAS;EACT,IAAQ;EACR,IAAS;EACT,IAAa;EACb,KAAW;EACX,IAAS;EACT,IAAW;EACX,IAAQ;EACR,IAAS;EACT,IAAW;EACX,IAAW;EACX,IAAU;EACV,IAAc;EACd,IAAY;EACZ,IAAgB;EAChB,IAAS;EACT,IAAO;EACP,IAAe;EACf,KAAc;EACd,IAAkB;EAClB,IAAsB;EACtB,KACC;EACD,IACC;EACD,IACC;EACD,KACC;AACJ;AACA,SAAS,GAAK,EAAE,SAAM,WAAQ,IAAI,gBAAa,eAAuB;CACpE,IAAM,IAAU,EAAe,MAAU,EAAe;CACxD,IAAI,GAAS,OAAO;CAEpB,IAAM,IAAU;EAAE,GAAG;EAAc,GAAG;CAAY,GAG5C,IAAiB,EAAQ,MAAU,EAAQ,IAC3C,IAAY,WAAW,KAAY;CAQzC,OAPI,KAAkB,QACpB,QAAQ,KAAK,wBAAwB,CAAI,GAClC,kBAAA,IAAA,CAAI,CAAA,KAET,OAAO,KAAmB,WACrB,kBAAC,OAAD;EAAK,KAAK;EAA2B;CAAY,CAAA,IAGxD,kBAAC,QAAD,EAAA,UACE,kBAAC,GAAD,EAA2B,aAAY,CAAA,EACnC,CAAA;AAEV"}

package/dist/components/IconList.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconList.js","names":[],"sources":["../../src/components/IconList.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport { merge } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport IconSvg, { IconSvgProps } from './IconSvg/IconSvg'\nimport { useQueryContext } from './QueryContext'\n\ntype IconConfigs = {\n  [index: string]: IconSvgProps // if the icon option has the \"label\" set, it will show tooltip in IconSvg\n}\n\nexport type IconListProps = {\n  iconConfigs: IconConfigs\n  iconNames: string[]\n  commonIconProps?: Omit<IconSvgProps, 'icon'>\n  useTheme?: boolean\n  useBackground?: boolean\n}\n\nconst defaultCommonIconProps: IconListProps['commonIconProps'] = {\n  sx: { fontSize: '24px' },\n}\n\nfunction IconList(props: IconListProps) {\n  const {\n    iconConfigs,\n    iconNames,\n    commonIconProps = defaultCommonIconProps,\n    useTheme,\n    useBackground,\n  } = props\n  let noMatch: boolean = false\n  const css = useTheme ? 'icon-list themed' : 'icon-list'\n  const componentCss = useBackground ? `${css} bg-circle` : css\n  const queryContext = useQueryContext()\n  const { addValueToSelectedFacet } = queryContext\n\n  const handleIconClick = useCallback(\n    (dataType: 'string') => {\n      const facet: UniqueFacetIdentifier = {\n        columnName: 'dataType',\n      }\n      addValueToSelectedFacet(facet, dataType)\n    },\n    [addValueToSelectedFacet],\n  )\n\n  const mergedIconConfigs: IconConfigs = useMemo(() => {\n    const mergedIconConfigs: IconConfigs = {}\n    for (const [key, iconProps] of Object.entries(iconConfigs)) {\n      mergedIconConfigs[key] = merge({}, commonIconProps, iconProps)\n    }\n    return mergedIconConfigs\n  }, [iconConfigs, commonIconProps])\n\n  const buildIconList = () => {\n    const unique = Array.from(new Set(iconNames))\n    return unique.map((el: any) => {\n      const iconConfig = mergedIconConfigs[el]\n      // if this data type value doesn't have a matching icon, we use the \"other\" icon\n      if (!iconConfig) {\n        noMatch = true\n        return\n      } else {\n        return (\n          <IconSvg\n            key={el}\n            {...iconConfig}\n            onClick={() => handleIconClick(el)}\n          />\n        )\n      }\n    })\n  }\n\n  return (\n    <span className={componentCss}>\n      {buildIconList()}\n      {noMatch && mergedIconConfigs['other'] ? (\n        <IconSvg {...mergedIconConfigs['other']} />\n      ) : (\n        <></>\n      )}\n    </span>\n  )\n}\n\nexport default IconList\n"],"mappings":";;;;;;;AAkBA,IAAM,IAA2D,EAC/D,IAAI,EAAE,UAAU,QAAQ,EACzB;AAED,SAAS,EAAS,GAAsB;CACtC,IAAM,EACJ,gBACA,cACA,qBAAkB,GAClB,aACA,qBACE,GACA,IAAmB,IACjB,IAAM,IAAW,qBAAqB,aACtC,IAAe,IAAgB,GAAG,EAAI,cAAc,GAEpD,EAAE,+BADa,GACe,EAE9B,IAAkB,GACrB,MAAuB;AAItB,IAAwB,EAFtB,YAAY,YAEU,EAAO,EAAS;IAE1C,CAAC,EAAwB,CAC1B,EAEK,IAAiC,QAAc;EACnD,IAAM,IAAiC,EAAE;AACzC,OAAK,IAAM,CAAC,GAAK,MAAc,OAAO,QAAQ,EAAY,CACxD,GAAkB,KAAO,EAAM,EAAE,EAAE,GAAiB,EAAU;AAEhE,SAAO;IACN,CAAC,GAAa,EAAgB,CAAC;AAsBlC,QACE,kBAAC,QAAD;EAAM,WAAW;YAAjB,CApBe,MAAM,KAAK,IAAI,IAAI,EAAU,CACrC,CAAO,KAAK,MAAY;GAC7B,IAAM,IAAa,EAAkB;AAErC,OAAK,EAIH,QACE,kBAAC,GAAD;IAEE,GAAI;IACJ,eAAe,EAAgB,EAAG;IAClC,EAHK,EAGL;AARJ,OAAU;IAWZ,EAMC,KAAW,EAAkB,QAC5B,kBAAC,GAAD,EAAS,GAAI,EAAkB,OAAY,CAAA,GAE3C,kBAAA,GAAA,EAAK,CAAA,CAEF"}
+{"version":3,"file":"IconList.js","names":[],"sources":["../../src/components/IconList.tsx"],"sourcesContent":["import { UniqueFacetIdentifier } from '@/utils'\nimport { merge } from 'lodash-es'\nimport { useCallback, useMemo } from 'react'\nimport IconSvg, { IconSvgProps } from './IconSvg/IconSvg'\nimport { useQueryContext } from './QueryContext'\n\ntype IconConfigs = {\n  [index: string]: IconSvgProps // if the icon option has the \"label\" set, it will show tooltip in IconSvg\n}\n\nexport type IconListProps = {\n  iconConfigs: IconConfigs\n  iconNames: string[]\n  commonIconProps?: Omit<IconSvgProps, 'icon'>\n  useTheme?: boolean\n  useBackground?: boolean\n}\n\nconst defaultCommonIconProps: IconListProps['commonIconProps'] = {\n  sx: { fontSize: '24px' },\n}\n\nfunction IconList(props: IconListProps) {\n  const {\n    iconConfigs,\n    iconNames,\n    commonIconProps = defaultCommonIconProps,\n    useTheme,\n    useBackground,\n  } = props\n  let noMatch: boolean = false\n  const css = useTheme ? 'icon-list themed' : 'icon-list'\n  const componentCss = useBackground ? `${css} bg-circle` : css\n  const queryContext = useQueryContext()\n  const { addValueToSelectedFacet } = queryContext\n\n  const handleIconClick = useCallback(\n    (dataType: 'string') => {\n      const facet: UniqueFacetIdentifier = {\n        columnName: 'dataType',\n      }\n      addValueToSelectedFacet(facet, dataType)\n    },\n    [addValueToSelectedFacet],\n  )\n\n  const mergedIconConfigs: IconConfigs = useMemo(() => {\n    const mergedIconConfigs: IconConfigs = {}\n    for (const [key, iconProps] of Object.entries(iconConfigs)) {\n      mergedIconConfigs[key] = merge({}, commonIconProps, iconProps)\n    }\n    return mergedIconConfigs\n  }, [iconConfigs, commonIconProps])\n\n  const buildIconList = () => {\n    const unique = Array.from(new Set(iconNames))\n    return unique.map((el: any) => {\n      const iconConfig = mergedIconConfigs[el]\n      // if this data type value doesn't have a matching icon, we use the \"other\" icon\n      if (!iconConfig) {\n        noMatch = true\n        return\n      } else {\n        return (\n          <IconSvg\n            key={el}\n            {...iconConfig}\n            onClick={() => handleIconClick(el)}\n          />\n        )\n      }\n    })\n  }\n\n  return (\n    <span className={componentCss}>\n      {buildIconList()}\n      {noMatch && mergedIconConfigs['other'] ? (\n        <IconSvg {...mergedIconConfigs['other']} />\n      ) : (\n        <></>\n      )}\n    </span>\n  )\n}\n\nexport default IconList\n"],"mappings":";;;;;;;AAkBA,IAAM,IAA2D,EAC/D,IAAI,EAAE,UAAU,OAAO,EACzB;AAEA,SAAS,EAAS,GAAsB;CACtC,IAAM,EACJ,gBACA,cACA,qBAAkB,GAClB,aACA,qBACE,GACA,IAAmB,IACjB,IAAM,IAAW,qBAAqB,aACtC,IAAe,IAAgB,GAAG,EAAI,cAAc,GAEpD,EAAE,+BADa,EACe,GAE9B,IAAkB,GACrB,MAAuB;EAItB,EAAwB,EAFtB,YAAY,WAEU,GAAO,CAAQ;CACzC,GACA,CAAC,CAAuB,CAC1B,GAEM,IAAiC,QAAc;EACnD,IAAM,IAAiC,CAAC;EACxC,KAAK,IAAM,CAAC,GAAK,MAAc,OAAO,QAAQ,CAAW,GACvD,EAAkB,KAAO,EAAM,CAAC,GAAG,GAAiB,CAAS;EAE/D,OAAO;CACT,GAAG,CAAC,GAAa,CAAe,CAAC;CAsBjC,OACE,kBAAC,QAAD;EAAM,WAAW;YAAjB,CApBe,MAAM,KAAK,IAAI,IAAI,CAAS,CACpC,EAAO,KAAK,MAAY;GAC7B,IAAM,IAAa,EAAkB;GAErC,IAAK,GAIH,OACE,kBAAC,GAAD;IAEE,GAAI;IACJ,eAAe,EAAgB,CAAE;GAClC,GAHM,CAGN;GARH,IAAU;EAWd,CAAC,GAME,KAAW,EAAkB,QAC5B,kBAAC,GAAD,EAAS,GAAI,EAAkB,MAAW,CAAA,IAE1C,kBAAA,GAAA,CAAI,CAAA,CAEF;;AAEV"}

package/dist/components/IconSvg/IconSvg.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconSvg.js","names":[],"sources":["../../../src/components/IconSvg/IconSvg.tsx"],"sourcesContent":["import { GoogleIcon24 } from '@/assets/GoogleIcon24'\nimport { ReactComponent as AccessPending } from '@/assets/icons/AccessPending.svg'\nimport { ReactComponent as AccessPendingCloud } from '@/assets/icons/AccessPendingCloud.svg'\nimport AwardScroll from '@/assets/icons/AwardScroll'\nimport Baseline from '@/assets/icons/Baseline'\nimport ClappingHands from '@/assets/icons/ClappingHands'\nimport CreateVersion from '@/assets/icons/CreateVersion'\nimport FileWithShield from '@/assets/icons/FileWithShield'\nimport MultiFile from '@/assets/icons/MultiFile'\nimport UnpackagableFile from '@/assets/icons/UnpackagableFile'\nimport HandWithMoney from '@/assets/icons/HandWithMoney'\nimport { ORCIDIcon } from '@/assets/icons/ORCIDIcon'\nimport OpenBook from '@/assets/icons/OpenBook'\nimport Podium from '@/assets/icons/Podium'\nimport RosetteRibbon from '@/assets/icons/RosetteRibbon'\nimport StarTrophy from '@/assets/icons/StarTrophy'\nimport { TasksIcon } from '@/assets/icons/TasksIcon'\nimport ThreeStars from '@/assets/icons/ThreeStars'\nimport AccessManagement from '@/assets/mui_components/AccessManagement'\nimport AccountCertified from '@/assets/mui_components/AccountCertified'\nimport AccountRegistered from '@/assets/mui_components/AccountRegistered'\nimport AccountValidated from '@/assets/mui_components/AccountValidated'\nimport ActionKey from '@/assets/mui_components/ActionKey'\nimport BioChemicalPhysical from '@/assets/mui_components/BioChemicalPhysical'\nimport Chromatin from '@/assets/mui_components/Chromatin'\nimport Clinical from '@/assets/mui_components/Clinical'\nimport ComputationalTool from '@/assets/mui_components/ComputationalTool'\nimport Data from '@/assets/mui_components/Data'\nimport DataLocked from '@/assets/mui_components/DataLocked'\nimport DataReuse from '@/assets/mui_components/DataReuse'\nimport Dataset from '@/assets/mui_components/Dataset'\nimport DatasetCollection from '@/assets/mui_components/DatasetCollection'\nimport Docker from '@/assets/mui_components/Docker'\nimport GeneExpression from '@/assets/mui_components/GeneExpression'\nimport GeneVariants from '@/assets/mui_components/GeneVariants'\nimport HelpChatBubble from '@/assets/mui_components/HelpChatBubble'\nimport Imaging from '@/assets/mui_components/Imaging'\nimport InSilicoModel from '@/assets/mui_components/InSilicoModel'\nimport Kinomics from '@/assets/mui_components/Kinomics'\nimport LineGraph from '@/assets/mui_components/LineGraph'\nimport ModelSystem from '@/assets/mui_components/ModelSystem'\nimport Other from '@/assets/mui_components/Other'\nimport PackagableFile from '@/assets/mui_components/PackagableFile'\nimport Proteomics from '@/assets/mui_components/Proteomics'\nimport Rat from '@/assets/mui_components/Rat'\nimport SpatialProfiling from '@/assets/mui_components/SpatialProfiling'\nimport {\n  AccessTimeTwoTone,\n  AddBoxOutlined,\n  AddCircleOutline,\n  AddCircleTwoTone,\n  AddShoppingCart,\n  AddTwoTone,\n  AlternateEmail,\n  ArrowBack,\n  ArrowDropDownTwoTone,\n  ArrowDropUpTwoTone,\n  ArrowForward,\n  ArticleTwoTone,\n  AssessmentTwoTone,\n  AssignmentOutlined,\n  AssignmentTurnedInTwoTone,\n  Block,\n  Cached,\n  ChatTwoTone,\n  Check,\n  CheckCircleTwoTone,\n  ChevronLeft,\n  ChevronRight,\n  Clear,\n  CloseTwoTone,\n  Code,\n  ContentCopyTwoTone,\n  CreateNewFolderTwoTone,\n  DashboardTwoTone,\n  DeleteSweepTwoTone,\n  DeleteTwoTone,\n  EditTwoTone,\n  ErrorOutlined,\n  ExpandLess,\n  ExpandMore,\n  FactCheckTwoTone,\n  FilterAltTwoTone,\n  FlagTwoTone,\n  FolderTwoTone,\n  FormatBold,\n  FormatItalic,\n  GetAppTwoTone,\n  GitHub,\n  Group,\n  HelpOutlined,\n  HelpOutlineTwoTone,\n  HistoryTwoTone,\n  Image,\n  IndeterminateCheckBoxOutlined,\n  InfoOutlined,\n  InsertDriveFileOutlined,\n  InsertDriveFileTwoTone,\n  LabelTwoTone,\n  LanguageTwoTone,\n  LayersTwoTone,\n  LinkOffTwoTone,\n  LinkTwoTone,\n  ListTwoTone,\n  LockOpenTwoTone,\n  LockTwoTone,\n  Login,\n  MailOutlineTwoTone,\n  MoreVertTwoTone,\n  OpenInFull,\n  OpenInNewTwoTone,\n  PeopleTwoTone,\n  PhoneTwoTone,\n  PhotoCameraOutlined,\n  PublicTwoTone,\n  PushPinTwoTone,\n  QuestionAnswerTwoTone,\n  RadioButtonUncheckedTwoTone,\n  RemoveCircleTwoTone,\n  ReplyTwoTone,\n  ReportProblemOutlined,\n  RestoreFromTrashTwoTone,\n  SearchOutlined,\n  SearchTwoTone,\n  ShareTwoTone,\n  ShoppingCartOutlined,\n  Sort,\n  Star,\n  StarOutline,\n  StarTwoTone,\n  StrikethroughS,\n  Subscript,\n  Superscript,\n  SyncTwoTone,\n  TableChartTwoTone,\n  TableRows,\n  TableViewTwoTone,\n  Title,\n  UploadTwoTone,\n  ViewAgendaTwoTone,\n  ViewColumnTwoTone,\n  VisibilityOffTwoTone,\n  VisibilityTwoTone,\n  VpnKeyTwoTone,\n  WarningTwoTone,\n  WatchLater,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport { SvgIconProps } from '@mui/material/SvgIcon'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ReactNode } from 'react'\n\nexport const IconStrings = [\n  'accessOpen',\n  'accessPending',\n  'accessPendingCloud',\n  'accessClosed',\n  'actionKey',\n  'arrowBack',\n  'arrowForward',\n  'arrowDropUp',\n  'arrowDropDown',\n  'article',\n  'cards',\n  'check',\n  'clear',\n  'cart',\n  'clock',\n  'code',\n  'columns',\n  'openInNewWindow',\n  'dashboard',\n  'delete',\n  'deleteSweep',\n  'filter',\n  'addToCart',\n  'addCircleOutline',\n  'addCircleTwoTone',\n  'reload',\n  'team',\n  'photoCamera',\n  'info',\n  'favTwoTone',\n  'favOutline',\n  'fav',\n  'peopleTwoTone',\n  'challengesTwoTone',\n  'download',\n  'searchOutlined',\n  'search',\n  'history',\n  'time',\n  'login',\n  'helpChatBubble',\n  'helpOutlined',\n  'helpOutlineTwoTone',\n  'expandLess',\n  'expandMore',\n  'rat',\n  'chromatin',\n  'clinical',\n  'contentCopy',\n  'data',\n  'dataLocked',\n  'geneExpression',\n  'geneVariants',\n  'github',\n  'imaging',\n  'inSilicoModel',\n  'modelSystem',\n  'bioChemicalPhysical',\n  'computationalTool',\n  'spatialProfiling',\n  'dataReuse',\n  'lineGraph',\n  'kinomics',\n  'proteomics',\n  'packagableFile',\n  'unpackagableFile',\n  'other',\n  'wiki',\n  'file',\n  'fileOutlined',\n  'folder',\n  'link',\n  'linkOff',\n  'table',\n  'tableRows',\n  'share',\n  'public',\n  'people',\n  'entityview',\n  'submissionview',\n  'challenge',\n  'discussion',\n  'dataset',\n  'datasetcollection',\n  'docker',\n  'accountCertified',\n  'accountRegistered',\n  'accountValidated',\n  'warningOutlined',\n  'removeCircle',\n  'replyTwoTone',\n  'chatTwoTone',\n  'accessManagement',\n  'chevronRight',\n  'chevronLeft',\n  'database',\n  'close',\n  'cross',\n  'verticalEllipsis',\n  'sync',\n  'clipboard',\n  'clipboardCheck',\n  'add',\n  'warning',\n  'circle',\n  'block',\n  'checkCircle',\n  'errorOutlined',\n  'phone',\n  'pushpin',\n  'addBoxOutline',\n  'minusBoxOutline',\n  'italic',\n  'bold',\n  'title',\n  'visibility',\n  'visibilityOff',\n  'strikethrough',\n  'subscript',\n  'superscript',\n  'latex',\n  'image',\n  'edit',\n  'tag',\n  'restore',\n  'label',\n  'upload',\n  'flag',\n  'newFolder',\n  'createVersion',\n  'email',\n  'addConditions',\n  'sortUp',\n  'sortDown',\n  'orcid',\n  'tasks',\n  'google24',\n  'openInFull',\n  'tableview',\n  'fileWithShield',\n  'baseline',\n  'rosetteRibbon',\n  'starTrophy',\n  'awardScroll',\n  'clappingHands',\n  'podium',\n  'openBook',\n  'handWithMoney',\n  'threeStars',\n  'multiFile',\n  'publicVisibility',\n  'openVisibility',\n  'privateVisibility',\n] as const\n\nexport type IconName = (typeof IconStrings)[number]\n\nexport type IconSvgProps = {\n  icon: IconName\n  // If provided, will be shown in tooltip\n  onClick?: () => void\n  label?: string\n  wrap?: boolean\n} & SvgIconProps\n\nfunction IconMapping(props: { icon: string } & SvgIconProps) {\n  const { icon, ...otherProps } = props\n  const color = undefined\n\n  otherProps.sx = {\n    verticalAlign: 'middle',\n    ...otherProps.sx,\n  }\n\n  switch (icon) {\n    case 'accessOpen':\n      return <LockOpenTwoTone {...otherProps} />\n    case 'accessClosed':\n      return <VpnKeyTwoTone {...otherProps} />\n    case 'accessPending':\n      return <AccessPending {...otherProps} />\n    case 'accessPendingCloud':\n      return <AccessPendingCloud {...otherProps} />\n    case 'add':\n      return <AddTwoTone {...otherProps} />\n    case 'addConditions':\n      return <FactCheckTwoTone {...otherProps} />\n    case 'actionKey':\n      return <ActionKey {...otherProps} />\n    case 'arrowBack':\n      return <ArrowBack {...otherProps} />\n    case 'arrowForward':\n      return <ArrowForward {...otherProps} />\n    case 'arrowDropUp':\n      return <ArrowDropUpTwoTone {...otherProps} />\n    case 'arrowDropDown':\n      return <ArrowDropDownTwoTone {...otherProps} />\n    case 'article':\n      return <ArticleTwoTone {...otherProps} />\n    case 'block':\n      return <Block {...otherProps} />\n    case 'check':\n      return <Check {...otherProps} />\n    case 'clear':\n      return <Clear {...otherProps} />\n    case 'cart':\n      return <ShoppingCartOutlined {...otherProps} />\n    case 'cards':\n      return <ViewAgendaTwoTone {...otherProps} />\n    case 'clock':\n      return <AccessTimeTwoTone {...otherProps} />\n    case 'code':\n      return <Code {...otherProps} />\n    case 'columns':\n      return <ViewColumnTwoTone {...otherProps} />\n    case 'circle':\n      return <RadioButtonUncheckedTwoTone {...otherProps} />\n    case 'checkCircle':\n      return <CheckCircleTwoTone {...otherProps} />\n    case 'createVersion':\n      return <CreateVersion {...otherProps} />\n    case 'dashboard':\n      return <DashboardTwoTone {...otherProps} />\n    case 'delete':\n      return <DeleteTwoTone {...otherProps} />\n    case 'deleteSweep':\n      return <DeleteSweepTwoTone {...otherProps} />\n    case 'openInNewWindow':\n      return <OpenInNewTwoTone {...otherProps} />\n    case 'phone':\n      return <PhoneTwoTone {...otherProps} />\n    case 'people':\n      return <PeopleTwoTone {...otherProps} />\n    case 'addToCart':\n      return <AddShoppingCart {...otherProps} />\n    case 'addCircleOutline':\n      return <AddCircleOutline {...otherProps} />\n    case 'addCircleTwoTone':\n      return <AddCircleTwoTone {...otherProps} />\n    case 'reload':\n      return <Cached {...otherProps} />\n    case 'team':\n      return <Group {...otherProps} />\n    case 'photoCamera':\n      return <PhotoCameraOutlined {...otherProps} />\n    case 'verticalEllipsis':\n      return <MoreVertTwoTone {...otherProps} />\n    case 'sync':\n      return <SyncTwoTone {...otherProps} />\n    case 'tableRows':\n      return <TableRows {...otherProps} />\n    case 'share':\n      return <ShareTwoTone {...otherProps} />\n    case 'public':\n    case 'openVisibility':\n      return <PublicTwoTone {...otherProps} />\n    case 'privateVisibility':\n      return <LockTwoTone {...otherProps} />\n    case 'clipboard':\n      return <AssignmentOutlined {...otherProps} />\n    case 'clipboardCheck':\n      return <AssignmentTurnedInTwoTone {...otherProps} />\n    case 'info':\n      return <InfoOutlined {...otherProps} />\n    case 'favTwoTone':\n      return <StarTwoTone {...otherProps} />\n    case 'favOutline':\n      return <StarOutline {...otherProps} />\n    case 'fav':\n      return <Star {...otherProps} />\n    case 'github':\n      return <GitHub {...otherProps} />\n    case 'peopleTwoTone':\n      return <PeopleTwoTone {...otherProps} />\n    case 'challengesTwoTone':\n      return <AssessmentTwoTone {...otherProps} />\n    case 'download':\n      return <GetAppTwoTone {...otherProps} />\n    case 'errorOutlined':\n      return <ErrorOutlined {...otherProps} />\n    case 'searchOutlined':\n      return <SearchOutlined {...otherProps} />\n    case 'search':\n      return <SearchTwoTone {...otherProps} />\n    case 'history':\n      return <HistoryTwoTone {...otherProps} />\n    case 'time':\n      return <WatchLater {...otherProps} />\n    case 'login':\n      return <Login {...otherProps} />\n    case 'helpChatBubble':\n      return <HelpChatBubble {...otherProps} />\n    case 'helpOutlineTwoTone':\n      return <HelpOutlineTwoTone {...otherProps} />\n    case 'helpOutlined':\n      return <HelpOutlined {...otherProps} />\n    case 'close':\n    case 'cross':\n      return <CloseTwoTone {...otherProps} />\n    case 'expandLess':\n      return <ExpandLess {...otherProps} />\n    case 'expandMore':\n      return <ExpandMore {...otherProps} />\n    case 'rat':\n      return <Rat {...otherProps} />\n    case 'chromatin':\n      return <Chromatin {...otherProps} />\n    case 'clinical':\n      return <Clinical {...otherProps} />\n    case 'contentCopy':\n      return <ContentCopyTwoTone {...otherProps} />\n    case 'data':\n      return <Data {...otherProps} />\n    case 'dataLocked':\n      return <DataLocked {...otherProps} />\n    case 'geneExpression':\n      return <GeneExpression {...otherProps} />\n    case 'geneVariants':\n      return <GeneVariants {...otherProps} />\n    case 'imaging':\n      return <Imaging {...otherProps} />\n    case 'inSilicoModel':\n      return <InSilicoModel {...otherProps} />\n    case 'modelSystem':\n      return <ModelSystem {...otherProps} />\n    case 'bioChemicalPhysical':\n      return <BioChemicalPhysical {...otherProps} />\n    case 'computationalTool':\n      return <ComputationalTool {...otherProps} />\n    case 'spatialProfiling':\n      return <SpatialProfiling {...otherProps} />\n    case 'dataReuse':\n      return <DataReuse {...otherProps} />\n    case 'lineGraph':\n      return <LineGraph {...otherProps} />\n    case 'kinomics':\n      return <Kinomics {...otherProps} />\n    case 'proteomics':\n      return <Proteomics {...otherProps} />\n    case 'packagableFile':\n      return <PackagableFile {...otherProps} />\n    case 'unpackagableFile':\n      return <UnpackagableFile {...otherProps} />\n    case 'other':\n      return <Other fill={color} {...otherProps} />\n    case 'wiki':\n    case 'publicVisibility':\n      return <LanguageTwoTone {...otherProps} />\n    case 'file':\n      return <InsertDriveFileTwoTone {...otherProps} />\n    case 'fileOutlined':\n      return <InsertDriveFileOutlined {...otherProps} />\n    case 'folder':\n      return <FolderTwoTone {...otherProps} />\n    case 'newFolder':\n      return <CreateNewFolderTwoTone {...otherProps} />\n    case 'link':\n      return <LinkTwoTone {...otherProps} />\n    case 'linkOff':\n      return <LinkOffTwoTone {...otherProps} />\n    case 'table':\n      return <TableChartTwoTone {...otherProps} />\n    case 'tableview':\n      return <TableViewTwoTone {...otherProps} />\n    case 'entityview':\n      return <ListTwoTone {...otherProps} />\n    case 'submissionview':\n      return <ArticleTwoTone {...otherProps} />\n    case 'challenge':\n      return <AssessmentTwoTone {...otherProps} />\n    case 'discussion':\n      return <QuestionAnswerTwoTone {...otherProps} />\n    case 'dataset':\n      return <Dataset {...otherProps} />\n    case 'datasetcollection':\n      return <DatasetCollection {...otherProps} />\n    case 'database':\n      return <LayersTwoTone {...otherProps} />\n    case 'docker':\n      return <Docker {...otherProps} />\n    case 'accountCertified':\n      return <AccountCertified {...otherProps} />\n    case 'accountRegistered':\n      return <AccountRegistered {...otherProps} />\n    case 'accountValidated':\n      return <AccountValidated {...otherProps} />\n    case 'warningOutlined':\n      return <ReportProblemOutlined {...otherProps} />\n    case 'warning':\n      return <WarningTwoTone {...otherProps} />\n    case 'removeCircle':\n      return <RemoveCircleTwoTone {...otherProps} />\n    case 'replyTwoTone':\n      return <ReplyTwoTone {...otherProps} />\n    case 'chatTwoTone':\n      return <ChatTwoTone {...otherProps} />\n    case 'accessManagement':\n      return <AccessManagement {...otherProps} />\n    case 'chevronRight':\n      return <ChevronRight {...otherProps} />\n    case 'chevronLeft':\n      return <ChevronLeft {...otherProps} />\n    case 'pushpin':\n      return <PushPinTwoTone {...otherProps} />\n    case 'addBoxOutline':\n      return <AddBoxOutlined {...otherProps} />\n    case 'minusBoxOutline':\n      return <IndeterminateCheckBoxOutlined {...otherProps} />\n    case 'italic':\n      return <FormatItalic {...otherProps} />\n    case 'bold':\n      return <FormatBold {...otherProps} />\n    case 'title':\n      return <Title {...otherProps} />\n    case 'visibility':\n      return <VisibilityTwoTone {...otherProps} />\n    case 'visibilityOff':\n      return <VisibilityOffTwoTone {...otherProps} />\n    case 'strikethrough':\n      return <StrikethroughS {...otherProps} />\n    case 'latex':\n      return <span>TeX</span>\n    case 'image':\n      return <Image {...otherProps} />\n    case 'superscript':\n      return <Superscript {...otherProps} />\n    case 'subscript':\n      return <Subscript {...otherProps} />\n    case 'edit':\n      return <EditTwoTone {...otherProps} />\n    case 'tag':\n      return <AlternateEmail {...otherProps} />\n    case 'restore':\n      return <RestoreFromTrashTwoTone {...otherProps} />\n    case 'label':\n      return <LabelTwoTone {...otherProps} />\n    case 'upload':\n      return <UploadTwoTone {...otherProps} />\n    case 'flag':\n      return <FlagTwoTone {...otherProps} />\n    case 'email':\n      return <MailOutlineTwoTone {...otherProps} />\n    case 'sortUp':\n      return (\n        <Sort\n          {...otherProps}\n          sx={{\n            transform: 'scale(1, -1)',\n            ...otherProps.sx,\n          }}\n        />\n      )\n    case 'sortDown':\n      return <Sort {...otherProps} />\n    case 'google24':\n      return <GoogleIcon24 {...otherProps} />\n    case 'orcid':\n      return <ORCIDIcon {...otherProps} />\n    case 'tasks':\n      return <TasksIcon {...otherProps} />\n    case 'filter':\n      return <FilterAltTwoTone {...otherProps} />\n    case 'openInFull':\n      return <OpenInFull {...otherProps} />\n    case 'fileWithShield':\n      return <FileWithShield {...otherProps} />\n    case 'baseline':\n      return <Baseline {...otherProps} />\n    case 'rosetteRibbon':\n      return <RosetteRibbon {...otherProps} />\n    case 'starTrophy':\n      return <StarTrophy {...otherProps} />\n    case 'awardScroll':\n      return <AwardScroll {...otherProps} />\n    case 'clappingHands':\n      return <ClappingHands {...otherProps} />\n    case 'podium':\n      return <Podium {...otherProps} />\n    case 'openBook':\n      return <OpenBook {...otherProps} />\n    case 'handWithMoney':\n      return <HandWithMoney {...otherProps} />\n    case 'threeStars':\n      return <ThreeStars {...otherProps} />\n    case 'multiFile':\n      return <MultiFile {...otherProps} />\n\n    default:\n      return <></>\n  }\n}\n\nfunction IconSvg(props: IconSvgProps) {\n  const { icon, label = '', onClick, wrap = true, ...svgIconProps } = props\n\n  const id = `icon-${icon}`\n  const role = onClick ? 'button' : 'img'\n  const style = onClick ? { cursor: 'pointer' } : {}\n\n  const wrapperProps = wrap\n    ? {\n        'data-svg': icon,\n        className: 'styled-svg-wrapper',\n        id,\n        role,\n        onClick,\n        style,\n      }\n    : {}\n\n  let iconNode: ReactNode\n  if (wrap) {\n    iconNode = (\n      <span {...wrapperProps}>\n        <IconMapping icon={icon} {...svgIconProps} />\n      </span>\n    )\n  } else {\n    iconNode = (\n      <IconMapping\n        icon={icon}\n        id={id}\n        role={role}\n        onClick={onClick}\n        style={style}\n        {...svgIconProps}\n      />\n    )\n  }\n\n  return (\n    <Tooltip placement=\"top\" title={label}>\n      {iconNode}\n    </Tooltip>\n  )\n}\n\n/**\n * Map entity type values to appropriate icon values supported by IconSvg.\n */\nexport const type2SvgIconName: Record<EntityType, IconName> = {\n  file: 'file',\n  project: 'dashboard',\n  folder: 'folder',\n  table: 'table',\n  link: 'link',\n  entityview: 'actionKey',\n  materializedview: 'tableview',\n  virtualtable: 'columns',\n  dockerrepo: 'docker',\n  submissionview: 'submissionview',\n  dataset: 'dataset',\n  datasetcollection: 'datasetcollection',\n  recordset: 'fileWithShield',\n  searchindex: 'search',\n}\n\nexport default IconSvg\n"],"mappings":"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"}
+{"version":3,"file":"IconSvg.js","names":[],"sources":["../../../src/components/IconSvg/IconSvg.tsx"],"sourcesContent":["import { GoogleIcon24 } from '@/assets/GoogleIcon24'\nimport { ReactComponent as AccessPending } from '@/assets/icons/AccessPending.svg'\nimport { ReactComponent as AccessPendingCloud } from '@/assets/icons/AccessPendingCloud.svg'\nimport AwardScroll from '@/assets/icons/AwardScroll'\nimport Baseline from '@/assets/icons/Baseline'\nimport ClappingHands from '@/assets/icons/ClappingHands'\nimport CreateVersion from '@/assets/icons/CreateVersion'\nimport FileWithShield from '@/assets/icons/FileWithShield'\nimport MultiFile from '@/assets/icons/MultiFile'\nimport UnpackagableFile from '@/assets/icons/UnpackagableFile'\nimport HandWithMoney from '@/assets/icons/HandWithMoney'\nimport { ORCIDIcon } from '@/assets/icons/ORCIDIcon'\nimport OpenBook from '@/assets/icons/OpenBook'\nimport Podium from '@/assets/icons/Podium'\nimport RosetteRibbon from '@/assets/icons/RosetteRibbon'\nimport StarTrophy from '@/assets/icons/StarTrophy'\nimport { TasksIcon } from '@/assets/icons/TasksIcon'\nimport ThreeStars from '@/assets/icons/ThreeStars'\nimport AccessManagement from '@/assets/mui_components/AccessManagement'\nimport AccountCertified from '@/assets/mui_components/AccountCertified'\nimport AccountRegistered from '@/assets/mui_components/AccountRegistered'\nimport AccountValidated from '@/assets/mui_components/AccountValidated'\nimport ActionKey from '@/assets/mui_components/ActionKey'\nimport BioChemicalPhysical from '@/assets/mui_components/BioChemicalPhysical'\nimport Chromatin from '@/assets/mui_components/Chromatin'\nimport Clinical from '@/assets/mui_components/Clinical'\nimport ComputationalTool from '@/assets/mui_components/ComputationalTool'\nimport Data from '@/assets/mui_components/Data'\nimport DataLocked from '@/assets/mui_components/DataLocked'\nimport DataReuse from '@/assets/mui_components/DataReuse'\nimport Dataset from '@/assets/mui_components/Dataset'\nimport DatasetCollection from '@/assets/mui_components/DatasetCollection'\nimport Docker from '@/assets/mui_components/Docker'\nimport GeneExpression from '@/assets/mui_components/GeneExpression'\nimport GeneVariants from '@/assets/mui_components/GeneVariants'\nimport HelpChatBubble from '@/assets/mui_components/HelpChatBubble'\nimport Imaging from '@/assets/mui_components/Imaging'\nimport InSilicoModel from '@/assets/mui_components/InSilicoModel'\nimport Kinomics from '@/assets/mui_components/Kinomics'\nimport LineGraph from '@/assets/mui_components/LineGraph'\nimport ModelSystem from '@/assets/mui_components/ModelSystem'\nimport Other from '@/assets/mui_components/Other'\nimport PackagableFile from '@/assets/mui_components/PackagableFile'\nimport Proteomics from '@/assets/mui_components/Proteomics'\nimport Rat from '@/assets/mui_components/Rat'\nimport SpatialProfiling from '@/assets/mui_components/SpatialProfiling'\nimport {\n  AccessTimeTwoTone,\n  AddBoxOutlined,\n  AddCircleOutline,\n  AddCircleTwoTone,\n  AddShoppingCart,\n  AddTwoTone,\n  AlternateEmail,\n  ArrowBack,\n  ArrowDropDownTwoTone,\n  ArrowDropUpTwoTone,\n  ArrowForward,\n  ArticleTwoTone,\n  AssessmentTwoTone,\n  AssignmentOutlined,\n  AssignmentTurnedInTwoTone,\n  Block,\n  Cached,\n  ChatTwoTone,\n  Check,\n  CheckCircleTwoTone,\n  ChevronLeft,\n  ChevronRight,\n  Clear,\n  CloseTwoTone,\n  Code,\n  ContentCopyTwoTone,\n  CreateNewFolderTwoTone,\n  DashboardTwoTone,\n  DeleteSweepTwoTone,\n  DeleteTwoTone,\n  EditTwoTone,\n  ErrorOutlined,\n  ExpandLess,\n  ExpandMore,\n  FactCheckTwoTone,\n  FilterAltTwoTone,\n  FlagTwoTone,\n  FolderTwoTone,\n  FormatBold,\n  FormatItalic,\n  GetAppTwoTone,\n  GitHub,\n  Group,\n  HelpOutlined,\n  HelpOutlineTwoTone,\n  HistoryTwoTone,\n  Image,\n  IndeterminateCheckBoxOutlined,\n  InfoOutlined,\n  InsertDriveFileOutlined,\n  InsertDriveFileTwoTone,\n  LabelTwoTone,\n  LanguageTwoTone,\n  LayersTwoTone,\n  LinkOffTwoTone,\n  LinkTwoTone,\n  ListTwoTone,\n  LockOpenTwoTone,\n  LockTwoTone,\n  Login,\n  MailOutlineTwoTone,\n  MoreVertTwoTone,\n  OpenInFull,\n  OpenInNewTwoTone,\n  PeopleTwoTone,\n  PhoneTwoTone,\n  PhotoCameraOutlined,\n  PublicTwoTone,\n  PushPinTwoTone,\n  QuestionAnswerTwoTone,\n  RadioButtonUncheckedTwoTone,\n  RemoveCircleTwoTone,\n  ReplyTwoTone,\n  ReportProblemOutlined,\n  RestoreFromTrashTwoTone,\n  SearchOutlined,\n  SearchTwoTone,\n  ShareTwoTone,\n  ShoppingCartOutlined,\n  Sort,\n  Star,\n  StarOutline,\n  StarTwoTone,\n  StrikethroughS,\n  Subscript,\n  Superscript,\n  SyncTwoTone,\n  TableChartTwoTone,\n  TableRows,\n  TableViewTwoTone,\n  Title,\n  UploadTwoTone,\n  ViewAgendaTwoTone,\n  ViewColumnTwoTone,\n  VisibilityOffTwoTone,\n  VisibilityTwoTone,\n  VpnKeyTwoTone,\n  WarningTwoTone,\n  WatchLater,\n} from '@mui/icons-material'\nimport { Tooltip } from '@mui/material'\nimport { SvgIconProps } from '@mui/material/SvgIcon'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { ReactNode } from 'react'\n\nexport const IconStrings = [\n  'accessOpen',\n  'accessPending',\n  'accessPendingCloud',\n  'accessClosed',\n  'actionKey',\n  'arrowBack',\n  'arrowForward',\n  'arrowDropUp',\n  'arrowDropDown',\n  'article',\n  'cards',\n  'check',\n  'clear',\n  'cart',\n  'clock',\n  'code',\n  'columns',\n  'openInNewWindow',\n  'dashboard',\n  'delete',\n  'deleteSweep',\n  'filter',\n  'addToCart',\n  'addCircleOutline',\n  'addCircleTwoTone',\n  'reload',\n  'team',\n  'photoCamera',\n  'info',\n  'favTwoTone',\n  'favOutline',\n  'fav',\n  'peopleTwoTone',\n  'challengesTwoTone',\n  'download',\n  'searchOutlined',\n  'search',\n  'history',\n  'time',\n  'login',\n  'helpChatBubble',\n  'helpOutlined',\n  'helpOutlineTwoTone',\n  'expandLess',\n  'expandMore',\n  'rat',\n  'chromatin',\n  'clinical',\n  'contentCopy',\n  'data',\n  'dataLocked',\n  'geneExpression',\n  'geneVariants',\n  'github',\n  'imaging',\n  'inSilicoModel',\n  'modelSystem',\n  'bioChemicalPhysical',\n  'computationalTool',\n  'spatialProfiling',\n  'dataReuse',\n  'lineGraph',\n  'kinomics',\n  'proteomics',\n  'packagableFile',\n  'unpackagableFile',\n  'other',\n  'wiki',\n  'file',\n  'fileOutlined',\n  'folder',\n  'link',\n  'linkOff',\n  'table',\n  'tableRows',\n  'share',\n  'public',\n  'people',\n  'entityview',\n  'submissionview',\n  'challenge',\n  'discussion',\n  'dataset',\n  'datasetcollection',\n  'docker',\n  'accountCertified',\n  'accountRegistered',\n  'accountValidated',\n  'warningOutlined',\n  'removeCircle',\n  'replyTwoTone',\n  'chatTwoTone',\n  'accessManagement',\n  'chevronRight',\n  'chevronLeft',\n  'database',\n  'close',\n  'cross',\n  'verticalEllipsis',\n  'sync',\n  'clipboard',\n  'clipboardCheck',\n  'add',\n  'warning',\n  'circle',\n  'block',\n  'checkCircle',\n  'errorOutlined',\n  'phone',\n  'pushpin',\n  'addBoxOutline',\n  'minusBoxOutline',\n  'italic',\n  'bold',\n  'title',\n  'visibility',\n  'visibilityOff',\n  'strikethrough',\n  'subscript',\n  'superscript',\n  'latex',\n  'image',\n  'edit',\n  'tag',\n  'restore',\n  'label',\n  'upload',\n  'flag',\n  'newFolder',\n  'createVersion',\n  'email',\n  'addConditions',\n  'sortUp',\n  'sortDown',\n  'orcid',\n  'tasks',\n  'google24',\n  'openInFull',\n  'tableview',\n  'fileWithShield',\n  'baseline',\n  'rosetteRibbon',\n  'starTrophy',\n  'awardScroll',\n  'clappingHands',\n  'podium',\n  'openBook',\n  'handWithMoney',\n  'threeStars',\n  'multiFile',\n  'publicVisibility',\n  'openVisibility',\n  'privateVisibility',\n] as const\n\nexport type IconName = (typeof IconStrings)[number]\n\nexport type IconSvgProps = {\n  icon: IconName\n  // If provided, will be shown in tooltip\n  onClick?: () => void\n  label?: string\n  wrap?: boolean\n} & SvgIconProps\n\nfunction IconMapping(props: { icon: string } & SvgIconProps) {\n  const { icon, ...otherProps } = props\n  const color = undefined\n\n  otherProps.sx = {\n    verticalAlign: 'middle',\n    ...otherProps.sx,\n  }\n\n  switch (icon) {\n    case 'accessOpen':\n      return <LockOpenTwoTone {...otherProps} />\n    case 'accessClosed':\n      return <VpnKeyTwoTone {...otherProps} />\n    case 'accessPending':\n      return <AccessPending {...otherProps} />\n    case 'accessPendingCloud':\n      return <AccessPendingCloud {...otherProps} />\n    case 'add':\n      return <AddTwoTone {...otherProps} />\n    case 'addConditions':\n      return <FactCheckTwoTone {...otherProps} />\n    case 'actionKey':\n      return <ActionKey {...otherProps} />\n    case 'arrowBack':\n      return <ArrowBack {...otherProps} />\n    case 'arrowForward':\n      return <ArrowForward {...otherProps} />\n    case 'arrowDropUp':\n      return <ArrowDropUpTwoTone {...otherProps} />\n    case 'arrowDropDown':\n      return <ArrowDropDownTwoTone {...otherProps} />\n    case 'article':\n      return <ArticleTwoTone {...otherProps} />\n    case 'block':\n      return <Block {...otherProps} />\n    case 'check':\n      return <Check {...otherProps} />\n    case 'clear':\n      return <Clear {...otherProps} />\n    case 'cart':\n      return <ShoppingCartOutlined {...otherProps} />\n    case 'cards':\n      return <ViewAgendaTwoTone {...otherProps} />\n    case 'clock':\n      return <AccessTimeTwoTone {...otherProps} />\n    case 'code':\n      return <Code {...otherProps} />\n    case 'columns':\n      return <ViewColumnTwoTone {...otherProps} />\n    case 'circle':\n      return <RadioButtonUncheckedTwoTone {...otherProps} />\n    case 'checkCircle':\n      return <CheckCircleTwoTone {...otherProps} />\n    case 'createVersion':\n      return <CreateVersion {...otherProps} />\n    case 'dashboard':\n      return <DashboardTwoTone {...otherProps} />\n    case 'delete':\n      return <DeleteTwoTone {...otherProps} />\n    case 'deleteSweep':\n      return <DeleteSweepTwoTone {...otherProps} />\n    case 'openInNewWindow':\n      return <OpenInNewTwoTone {...otherProps} />\n    case 'phone':\n      return <PhoneTwoTone {...otherProps} />\n    case 'people':\n      return <PeopleTwoTone {...otherProps} />\n    case 'addToCart':\n      return <AddShoppingCart {...otherProps} />\n    case 'addCircleOutline':\n      return <AddCircleOutline {...otherProps} />\n    case 'addCircleTwoTone':\n      return <AddCircleTwoTone {...otherProps} />\n    case 'reload':\n      return <Cached {...otherProps} />\n    case 'team':\n      return <Group {...otherProps} />\n    case 'photoCamera':\n      return <PhotoCameraOutlined {...otherProps} />\n    case 'verticalEllipsis':\n      return <MoreVertTwoTone {...otherProps} />\n    case 'sync':\n      return <SyncTwoTone {...otherProps} />\n    case 'tableRows':\n      return <TableRows {...otherProps} />\n    case 'share':\n      return <ShareTwoTone {...otherProps} />\n    case 'public':\n    case 'openVisibility':\n      return <PublicTwoTone {...otherProps} />\n    case 'privateVisibility':\n      return <LockTwoTone {...otherProps} />\n    case 'clipboard':\n      return <AssignmentOutlined {...otherProps} />\n    case 'clipboardCheck':\n      return <AssignmentTurnedInTwoTone {...otherProps} />\n    case 'info':\n      return <InfoOutlined {...otherProps} />\n    case 'favTwoTone':\n      return <StarTwoTone {...otherProps} />\n    case 'favOutline':\n      return <StarOutline {...otherProps} />\n    case 'fav':\n      return <Star {...otherProps} />\n    case 'github':\n      return <GitHub {...otherProps} />\n    case 'peopleTwoTone':\n      return <PeopleTwoTone {...otherProps} />\n    case 'challengesTwoTone':\n      return <AssessmentTwoTone {...otherProps} />\n    case 'download':\n      return <GetAppTwoTone {...otherProps} />\n    case 'errorOutlined':\n      return <ErrorOutlined {...otherProps} />\n    case 'searchOutlined':\n      return <SearchOutlined {...otherProps} />\n    case 'search':\n      return <SearchTwoTone {...otherProps} />\n    case 'history':\n      return <HistoryTwoTone {...otherProps} />\n    case 'time':\n      return <WatchLater {...otherProps} />\n    case 'login':\n      return <Login {...otherProps} />\n    case 'helpChatBubble':\n      return <HelpChatBubble {...otherProps} />\n    case 'helpOutlineTwoTone':\n      return <HelpOutlineTwoTone {...otherProps} />\n    case 'helpOutlined':\n      return <HelpOutlined {...otherProps} />\n    case 'close':\n    case 'cross':\n      return <CloseTwoTone {...otherProps} />\n    case 'expandLess':\n      return <ExpandLess {...otherProps} />\n    case 'expandMore':\n      return <ExpandMore {...otherProps} />\n    case 'rat':\n      return <Rat {...otherProps} />\n    case 'chromatin':\n      return <Chromatin {...otherProps} />\n    case 'clinical':\n      return <Clinical {...otherProps} />\n    case 'contentCopy':\n      return <ContentCopyTwoTone {...otherProps} />\n    case 'data':\n      return <Data {...otherProps} />\n    case 'dataLocked':\n      return <DataLocked {...otherProps} />\n    case 'geneExpression':\n      return <GeneExpression {...otherProps} />\n    case 'geneVariants':\n      return <GeneVariants {...otherProps} />\n    case 'imaging':\n      return <Imaging {...otherProps} />\n    case 'inSilicoModel':\n      return <InSilicoModel {...otherProps} />\n    case 'modelSystem':\n      return <ModelSystem {...otherProps} />\n    case 'bioChemicalPhysical':\n      return <BioChemicalPhysical {...otherProps} />\n    case 'computationalTool':\n      return <ComputationalTool {...otherProps} />\n    case 'spatialProfiling':\n      return <SpatialProfiling {...otherProps} />\n    case 'dataReuse':\n      return <DataReuse {...otherProps} />\n    case 'lineGraph':\n      return <LineGraph {...otherProps} />\n    case 'kinomics':\n      return <Kinomics {...otherProps} />\n    case 'proteomics':\n      return <Proteomics {...otherProps} />\n    case 'packagableFile':\n      return <PackagableFile {...otherProps} />\n    case 'unpackagableFile':\n      return <UnpackagableFile {...otherProps} />\n    case 'other':\n      return <Other fill={color} {...otherProps} />\n    case 'wiki':\n    case 'publicVisibility':\n      return <LanguageTwoTone {...otherProps} />\n    case 'file':\n      return <InsertDriveFileTwoTone {...otherProps} />\n    case 'fileOutlined':\n      return <InsertDriveFileOutlined {...otherProps} />\n    case 'folder':\n      return <FolderTwoTone {...otherProps} />\n    case 'newFolder':\n      return <CreateNewFolderTwoTone {...otherProps} />\n    case 'link':\n      return <LinkTwoTone {...otherProps} />\n    case 'linkOff':\n      return <LinkOffTwoTone {...otherProps} />\n    case 'table':\n      return <TableChartTwoTone {...otherProps} />\n    case 'tableview':\n      return <TableViewTwoTone {...otherProps} />\n    case 'entityview':\n      return <ListTwoTone {...otherProps} />\n    case 'submissionview':\n      return <ArticleTwoTone {...otherProps} />\n    case 'challenge':\n      return <AssessmentTwoTone {...otherProps} />\n    case 'discussion':\n      return <QuestionAnswerTwoTone {...otherProps} />\n    case 'dataset':\n      return <Dataset {...otherProps} />\n    case 'datasetcollection':\n      return <DatasetCollection {...otherProps} />\n    case 'database':\n      return <LayersTwoTone {...otherProps} />\n    case 'docker':\n      return <Docker {...otherProps} />\n    case 'accountCertified':\n      return <AccountCertified {...otherProps} />\n    case 'accountRegistered':\n      return <AccountRegistered {...otherProps} />\n    case 'accountValidated':\n      return <AccountValidated {...otherProps} />\n    case 'warningOutlined':\n      return <ReportProblemOutlined {...otherProps} />\n    case 'warning':\n      return <WarningTwoTone {...otherProps} />\n    case 'removeCircle':\n      return <RemoveCircleTwoTone {...otherProps} />\n    case 'replyTwoTone':\n      return <ReplyTwoTone {...otherProps} />\n    case 'chatTwoTone':\n      return <ChatTwoTone {...otherProps} />\n    case 'accessManagement':\n      return <AccessManagement {...otherProps} />\n    case 'chevronRight':\n      return <ChevronRight {...otherProps} />\n    case 'chevronLeft':\n      return <ChevronLeft {...otherProps} />\n    case 'pushpin':\n      return <PushPinTwoTone {...otherProps} />\n    case 'addBoxOutline':\n      return <AddBoxOutlined {...otherProps} />\n    case 'minusBoxOutline':\n      return <IndeterminateCheckBoxOutlined {...otherProps} />\n    case 'italic':\n      return <FormatItalic {...otherProps} />\n    case 'bold':\n      return <FormatBold {...otherProps} />\n    case 'title':\n      return <Title {...otherProps} />\n    case 'visibility':\n      return <VisibilityTwoTone {...otherProps} />\n    case 'visibilityOff':\n      return <VisibilityOffTwoTone {...otherProps} />\n    case 'strikethrough':\n      return <StrikethroughS {...otherProps} />\n    case 'latex':\n      return <span>TeX</span>\n    case 'image':\n      return <Image {...otherProps} />\n    case 'superscript':\n      return <Superscript {...otherProps} />\n    case 'subscript':\n      return <Subscript {...otherProps} />\n    case 'edit':\n      return <EditTwoTone {...otherProps} />\n    case 'tag':\n      return <AlternateEmail {...otherProps} />\n    case 'restore':\n      return <RestoreFromTrashTwoTone {...otherProps} />\n    case 'label':\n      return <LabelTwoTone {...otherProps} />\n    case 'upload':\n      return <UploadTwoTone {...otherProps} />\n    case 'flag':\n      return <FlagTwoTone {...otherProps} />\n    case 'email':\n      return <MailOutlineTwoTone {...otherProps} />\n    case 'sortUp':\n      return (\n        <Sort\n          {...otherProps}\n          sx={{\n            transform: 'scale(1, -1)',\n            ...otherProps.sx,\n          }}\n        />\n      )\n    case 'sortDown':\n      return <Sort {...otherProps} />\n    case 'google24':\n      return <GoogleIcon24 {...otherProps} />\n    case 'orcid':\n      return <ORCIDIcon {...otherProps} />\n    case 'tasks':\n      return <TasksIcon {...otherProps} />\n    case 'filter':\n      return <FilterAltTwoTone {...otherProps} />\n    case 'openInFull':\n      return <OpenInFull {...otherProps} />\n    case 'fileWithShield':\n      return <FileWithShield {...otherProps} />\n    case 'baseline':\n      return <Baseline {...otherProps} />\n    case 'rosetteRibbon':\n      return <RosetteRibbon {...otherProps} />\n    case 'starTrophy':\n      return <StarTrophy {...otherProps} />\n    case 'awardScroll':\n      return <AwardScroll {...otherProps} />\n    case 'clappingHands':\n      return <ClappingHands {...otherProps} />\n    case 'podium':\n      return <Podium {...otherProps} />\n    case 'openBook':\n      return <OpenBook {...otherProps} />\n    case 'handWithMoney':\n      return <HandWithMoney {...otherProps} />\n    case 'threeStars':\n      return <ThreeStars {...otherProps} />\n    case 'multiFile':\n      return <MultiFile {...otherProps} />\n\n    default:\n      return <></>\n  }\n}\n\nfunction IconSvg(props: IconSvgProps) {\n  const { icon, label = '', onClick, wrap = true, ...svgIconProps } = props\n\n  const id = `icon-${icon}`\n  const role = onClick ? 'button' : 'img'\n  const style = onClick ? { cursor: 'pointer' } : {}\n\n  const wrapperProps = wrap\n    ? {\n        'data-svg': icon,\n        className: 'styled-svg-wrapper',\n        id,\n        role,\n        onClick,\n        style,\n      }\n    : {}\n\n  let iconNode: ReactNode\n  if (wrap) {\n    iconNode = (\n      <span {...wrapperProps}>\n        <IconMapping icon={icon} {...svgIconProps} />\n      </span>\n    )\n  } else {\n    iconNode = (\n      <IconMapping\n        icon={icon}\n        id={id}\n        role={role}\n        onClick={onClick}\n        style={style}\n        {...svgIconProps}\n      />\n    )\n  }\n\n  return (\n    <Tooltip placement=\"top\" title={label}>\n      {iconNode}\n    </Tooltip>\n  )\n}\n\n/**\n * Map entity type values to appropriate icon values supported by IconSvg.\n */\nexport const type2SvgIconName: Record<EntityType, IconName> = {\n  file: 'file',\n  project: 'dashboard',\n  folder: 'folder',\n  table: 'table',\n  link: 'link',\n  entityview: 'actionKey',\n  materializedview: 'tableview',\n  virtualtable: 'columns',\n  dockerrepo: 'docker',\n  submissionview: 'submissionview',\n  dataset: 'dataset',\n  datasetcollection: 'datasetcollection',\n  recordset: 'fileWithShield',\n  searchindex: 'search',\n}\n\nexport default IconSvg\n"],"mappings":"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"}

package/dist/components/IconSvgButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconSvgButton.js","names":[],"sources":["../../src/components/IconSvgButton.tsx"],"sourcesContent":["import {\n  IconButton,\n  IconButtonProps,\n  Tooltip,\n  TooltipProps,\n} from '@mui/material'\nimport IconSvg, { IconName } from './IconSvg/IconSvg'\n\nexport type IconSvgButtonProps = Pick<\n  IconButtonProps,\n  'onClick' | 'disabled' | 'color' | 'size' | 'sx' | 'aria-label'\n> & {\n  icon: IconName\n  tooltipText?: string\n  tooltipPlacement?: TooltipProps['placement']\n  href?: string\n}\n\nexport function IconSvgButton(props: IconSvgButtonProps) {\n  const {\n    icon,\n    tooltipText,\n    onClick,\n    disabled,\n    href,\n    color,\n    size,\n    sx,\n    tooltipPlacement = 'top',\n    'aria-label': ariaLabel,\n  } = props\n  const iconSvg = <IconSvg icon={icon} wrap={false} fontSize={'inherit'} />\n  const sharedIconButtonProps: Pick<\n    IconButtonProps,\n    'role' | 'disabled' | 'color' | 'size' | 'sx' | 'aria-label'\n  > = {\n    role: 'button',\n    color: color,\n    disabled: disabled,\n    sx: sx,\n    size: size,\n    'aria-label': ariaLabel ?? tooltipText,\n  }\n  const button = (\n    <>\n      {href ? (\n        <IconButton {...sharedIconButtonProps} href={href}>\n          {iconSvg}\n        </IconButton>\n      ) : onClick ? (\n        <IconButton {...sharedIconButtonProps} onClick={onClick}>\n          {iconSvg}\n        </IconButton>\n      ) : (\n        <></>\n      )}\n    </>\n  )\n  return tooltipText ? (\n    <Tooltip key={tooltipText} title={tooltipText} placement={tooltipPlacement}>\n      <span>{button}</span>\n    </Tooltip>\n  ) : (\n    button\n  )\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,SACA,gBACA,YACA,aACA,SACA,UACA,SACA,OACA,sBAAmB,OACnB,cAAc,MACZ,GACE,IAAU,kBAAC,GAAD;EAAe;EAAM,MAAM;EAAO,UAAU;EAAa,CAAA,EACnE,IAGF;EACF,MAAM;EACC;EACG;EACN;EACE;EACN,cAAc,KAAa;EAC5B,EACK,IACJ,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EAAY,GAAI;EAA6B;YAC1C;EACU,CAAA,GACX,IACF,kBAAC,GAAD;EAAY,GAAI;EAAgC;YAC7C;EACU,CAAA,GAEb,kBAAA,GAAA,EAAK,CAAA,EAEN,CAAA;AAEL,QAAO,IACL,kBAAC,GAAD;EAA2B,OAAO;EAAa,WAAW;YACxD,kBAAC,QAAD,EAAA,UAAO,GAAc,CAAA;EACb,EAFI,EAEJ,GAEV"}
+{"version":3,"file":"IconSvgButton.js","names":[],"sources":["../../src/components/IconSvgButton.tsx"],"sourcesContent":["import {\n  IconButton,\n  IconButtonProps,\n  Tooltip,\n  TooltipProps,\n} from '@mui/material'\nimport IconSvg, { IconName } from './IconSvg/IconSvg'\n\nexport type IconSvgButtonProps = Pick<\n  IconButtonProps,\n  'onClick' | 'disabled' | 'color' | 'size' | 'sx' | 'aria-label'\n> & {\n  icon: IconName\n  tooltipText?: string\n  tooltipPlacement?: TooltipProps['placement']\n  href?: string\n}\n\nexport function IconSvgButton(props: IconSvgButtonProps) {\n  const {\n    icon,\n    tooltipText,\n    onClick,\n    disabled,\n    href,\n    color,\n    size,\n    sx,\n    tooltipPlacement = 'top',\n    'aria-label': ariaLabel,\n  } = props\n  const iconSvg = <IconSvg icon={icon} wrap={false} fontSize={'inherit'} />\n  const sharedIconButtonProps: Pick<\n    IconButtonProps,\n    'role' | 'disabled' | 'color' | 'size' | 'sx' | 'aria-label'\n  > = {\n    role: 'button',\n    color: color,\n    disabled: disabled,\n    sx: sx,\n    size: size,\n    'aria-label': ariaLabel ?? tooltipText,\n  }\n  const button = (\n    <>\n      {href ? (\n        <IconButton {...sharedIconButtonProps} href={href}>\n          {iconSvg}\n        </IconButton>\n      ) : onClick ? (\n        <IconButton {...sharedIconButtonProps} onClick={onClick}>\n          {iconSvg}\n        </IconButton>\n      ) : (\n        <></>\n      )}\n    </>\n  )\n  return tooltipText ? (\n    <Tooltip key={tooltipText} title={tooltipText} placement={tooltipPlacement}>\n      <span>{button}</span>\n    </Tooltip>\n  ) : (\n    button\n  )\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAAc,GAA2B;CACvD,IAAM,EACJ,SACA,gBACA,YACA,aACA,SACA,UACA,SACA,OACA,sBAAmB,OACnB,cAAc,MACZ,GACE,IAAU,kBAAC,GAAD;EAAe;EAAM,MAAM;EAAO,UAAU;CAAY,CAAA,GAClE,IAGF;EACF,MAAM;EACC;EACG;EACN;EACE;EACN,cAAc,KAAa;CAC7B,GACM,IACJ,kBAAA,GAAA,EAAA,UACG,IACC,kBAAC,GAAD;EAAY,GAAI;EAA6B;YAC1C;CACS,CAAA,IACV,IACF,kBAAC,GAAD;EAAY,GAAI;EAAgC;YAC7C;CACS,CAAA,IAEZ,kBAAA,GAAA,CAAI,CAAA,EAEN,CAAA;CAEJ,OAAO,IACL,kBAAC,GAAD;EAA2B,OAAO;EAAa,WAAW;YACxD,kBAAC,QAAD,EAAA,UAAO,EAAa,CAAA;CACb,GAFK,CAEL,IAET;AAEJ"}

package/dist/components/ImageCardGridWithLinks/ImageCardGridWithLinks.js

@@ -13,9 +13,7 @@ import { FileHandleAssociateType as h } from "@sage-bionetworks/synapse-types";
 import { Link as g } from "react-router";
 import _ from "@mui/icons-material/ArrowForwardIos";
 //#region src/components/ImageCardGridWithLinks/ImageCardGridWithLinks.tsx
-var v = "6px", y = /* @__PURE__ */ function(e) {
-	return e.LINKTEXT = "LinkText", e.LINK = "Link", e.IMAGE = "Image", e;
-}(y || {}), b = ({ card: e, isLoading: t, linkColumnIndex: n, linkTextColumnIndex: i, entityId: y, fileId: b, columnCount: x = 3, heightPx: S = 245 }) => {
+var v = "6px", y = ({ card: e, isLoading: t, linkColumnIndex: n, linkTextColumnIndex: i, entityId: y, fileId: b, columnCount: x = 3, heightPx: S = 245 }) => {
 	let C = r({
 		associateObjectId: y,
 		associateObjectType: h.TableEntity,
@@ -89,13 +87,13 @@ var v = "6px", y = /* @__PURE__ */ function(e) {
 		})
 	}));
 };
-function x(r) {
+function b(r) {
 	let { sql: a, title: s, summaryText: c, columnCount: u, heightPx: d } = r, f = e(a), { data: h, isLoading: g } = n({
 		partMask: 5,
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		entityId: f,
 		query: { sql: a }
-	}), _ = t(y.IMAGE, h), v = h?.queryResult.queryResults.rows ?? [], x = t(y.LINK, h), S = t(y.LINKTEXT, h);
+	}), _ = t("Image", h), v = h?.queryResult.queryResults.rows ?? [], b = t("Link", h), x = t("LinkText", h);
 	return /* @__PURE__ */ m(o, {
 		sx: {
 			display: "grid",
@@ -135,10 +133,10 @@ function x(r) {
 			} },
 			children: v.map((e) => {
 				let t = e.values[_];
-				return /* @__PURE__ */ p(b, {
+				return /* @__PURE__ */ p(y, {
 					card: e,
-					linkColumnIndex: x,
-					linkTextColumnIndex: S,
+					linkColumnIndex: b,
+					linkTextColumnIndex: x,
 					fileId: t,
 					entityId: f,
 					isLoading: g,
@@ -150,6 +148,6 @@ function x(r) {
 	});
 }
 //#endregion
-export { x as default };
+export { b as default };
 
 //# sourceMappingURL=ImageCardGridWithLinks.js.map

package/dist/components/ImageCardGridWithLinks/ImageCardGridWithLinks.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCardGridWithLinks.js","names":[],"sources":["../../../src/components/ImageCardGridWithLinks/ImageCardGridWithLinks.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetStablePresignedUrl } from '@/synapse-queries'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'\nimport {\n  Box,\n  Card,\n  CardMedia,\n  GridLegacy as Grid,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  QueryBundleRequest,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { Link as RouterLink } from 'react-router'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport { RegularBreakpoints } from '@mui/material/GridLegacy'\n\nconst BORDER_RADIUS = '6px'\n\nexport type ImageCardGridWithLinksProps = {\n  sql: string\n  title: string\n  summaryText: string\n  columnCount?: 1 | 2 | 3\n  heightPx?: number\n}\n\ntype ImageCardProps = {\n  card: Row\n  isLoading: boolean\n  linkColumnIndex: number\n  linkTextColumnIndex: number\n  entityId: string\n  fileId: string | null\n  columnCount?: 1 | 2 | 3\n  heightPx?: number\n}\n\nenum ExpectedColumns {\n  LINKTEXT = 'LinkText',\n  LINK = 'Link',\n  IMAGE = 'Image',\n}\n\nconst ImageCard = ({\n  card,\n  isLoading,\n  linkColumnIndex,\n  linkTextColumnIndex,\n  entityId,\n  fileId,\n  columnCount = 3,\n  heightPx = 245,\n}: ImageCardProps): React.ReactNode => {\n  const fha: FileHandleAssociation = {\n    associateObjectId: entityId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!fileId,\n  })\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const breakpoints: RegularBreakpoints = {\n    xs: 12,\n    sm: columnCount === 1 ? 12 : 6,\n    md: 12 / columnCount,\n  }\n  return (\n    <Grid\n      item\n      {...breakpoints}\n      key={card.rowId}\n      sx={{\n        height: `${heightPx}px`,\n        paddingTop: '24px',\n        paddingLeft: '24px',\n      }}\n    >\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={heightPx - 20} width=\"100%\" />\n      ) : (\n        <Card\n          raised={false}\n          sx={{\n            height: '100%',\n            position: 'relative',\n            borderRadius: BORDER_RADIUS,\n            border: 'none',\n            transform: 'scale(1)',\n            transition: '.3s ease-in-out',\n            '&:hover': {\n              transform: 'scale(1.05)',\n              boxShadow: '0px 4px 15px rgba(0, 0, 0, 0.2)',\n            },\n          }}\n        >\n          <Link component={RouterLink} to={card.values[linkColumnIndex] || ''}>\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '10px',\n                position: 'absolute',\n                backgroundColor: '#FFFF',\n                borderRadius: `0px 0px ${BORDER_RADIUS} 0px`,\n                textDecoration: 'none',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n                padding: '6px 10px',\n              }}\n            >\n              <Typography\n                variant=\"headline2\"\n                sx={{\n                  color: 'grey.1000',\n                  fontSize: '16px',\n                }}\n              >\n                {card.values[linkTextColumnIndex]}\n              </Typography>\n              <ArrowForwardIosIcon\n                style={{\n                  color: 'unset',\n                  width: 16,\n                  height: 16,\n                }}\n              />\n            </Box>\n            <CardMedia\n              component=\"img\"\n              image={dataUrl}\n              style={{\n                height: '100%',\n                width: '100%',\n                objectFit: 'cover',\n              }}\n            />\n          </Link>\n        </Card>\n      )}\n    </Grid>\n  )\n}\n\nfunction ImageCardGridWithLinks(props: ImageCardGridWithLinksProps) {\n  const { sql, title, summaryText, columnCount, heightPx } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const imageColumnIndex = getFieldIndex(\n    ExpectedColumns.IMAGE,\n    queryResultBundle,\n  )\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n  const linkTextColumnIndex = getFieldIndex(\n    ExpectedColumns.LINKTEXT,\n    queryResultBundle,\n  )\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '1fr 3fr' },\n        gap: { xs: '38px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        title={title}\n        summaryText={summaryText}\n        sx={{\n          h2: { fontSize: '24px', paddingTop: '26px', width: '100%' },\n          '& p': { fontSize: '16px', lineHeight: '24px' },\n        }}\n      />\n      <Grid\n        container\n        spacing={2.5}\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        {dataRows.map(card => {\n          const fileId = card.values[imageColumnIndex]\n          return (\n            <ImageCard\n              card={card}\n              key={card.rowId}\n              linkColumnIndex={linkColumnIndex}\n              linkTextColumnIndex={linkTextColumnIndex}\n              fileId={fileId}\n              entityId={entityId}\n              isLoading={isLoading}\n              columnCount={columnCount}\n              heightPx={heightPx}\n            />\n          )\n        })}\n      </Grid>\n    </Box>\n  )\n}\n\nexport default ImageCardGridWithLinks\n"],"mappings":"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"}
+{"version":3,"file":"ImageCardGridWithLinks.js","names":[],"sources":["../../../src/components/ImageCardGridWithLinks/ImageCardGridWithLinks.tsx"],"sourcesContent":["import React from 'react'\nimport { useGetStablePresignedUrl } from '@/synapse-queries'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos'\nimport {\n  Box,\n  Card,\n  CardMedia,\n  GridLegacy as Grid,\n  Link,\n  Skeleton,\n  Typography,\n} from '@mui/material'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n  QueryBundleRequest,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { Link as RouterLink } from 'react-router'\nimport PortalSectionHeader from '../PortalSectionHeader'\nimport { RegularBreakpoints } from '@mui/material/GridLegacy'\n\nconst BORDER_RADIUS = '6px'\n\nexport type ImageCardGridWithLinksProps = {\n  sql: string\n  title: string\n  summaryText: string\n  columnCount?: 1 | 2 | 3\n  heightPx?: number\n}\n\ntype ImageCardProps = {\n  card: Row\n  isLoading: boolean\n  linkColumnIndex: number\n  linkTextColumnIndex: number\n  entityId: string\n  fileId: string | null\n  columnCount?: 1 | 2 | 3\n  heightPx?: number\n}\n\nenum ExpectedColumns {\n  LINKTEXT = 'LinkText',\n  LINK = 'Link',\n  IMAGE = 'Image',\n}\n\nconst ImageCard = ({\n  card,\n  isLoading,\n  linkColumnIndex,\n  linkTextColumnIndex,\n  entityId,\n  fileId,\n  columnCount = 3,\n  heightPx = 245,\n}: ImageCardProps): React.ReactNode => {\n  const fha: FileHandleAssociation = {\n    associateObjectId: entityId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!fileId,\n  })\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const breakpoints: RegularBreakpoints = {\n    xs: 12,\n    sm: columnCount === 1 ? 12 : 6,\n    md: 12 / columnCount,\n  }\n  return (\n    <Grid\n      item\n      {...breakpoints}\n      key={card.rowId}\n      sx={{\n        height: `${heightPx}px`,\n        paddingTop: '24px',\n        paddingLeft: '24px',\n      }}\n    >\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={heightPx - 20} width=\"100%\" />\n      ) : (\n        <Card\n          raised={false}\n          sx={{\n            height: '100%',\n            position: 'relative',\n            borderRadius: BORDER_RADIUS,\n            border: 'none',\n            transform: 'scale(1)',\n            transition: '.3s ease-in-out',\n            '&:hover': {\n              transform: 'scale(1.05)',\n              boxShadow: '0px 4px 15px rgba(0, 0, 0, 0.2)',\n            },\n          }}\n        >\n          <Link component={RouterLink} to={card.values[linkColumnIndex] || ''}>\n            <Box\n              sx={{\n                display: 'flex',\n                alignItems: 'center',\n                gap: '10px',\n                position: 'absolute',\n                backgroundColor: '#FFFF',\n                borderRadius: `0px 0px ${BORDER_RADIUS} 0px`,\n                textDecoration: 'none',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n                padding: '6px 10px',\n              }}\n            >\n              <Typography\n                variant=\"headline2\"\n                sx={{\n                  color: 'grey.1000',\n                  fontSize: '16px',\n                }}\n              >\n                {card.values[linkTextColumnIndex]}\n              </Typography>\n              <ArrowForwardIosIcon\n                style={{\n                  color: 'unset',\n                  width: 16,\n                  height: 16,\n                }}\n              />\n            </Box>\n            <CardMedia\n              component=\"img\"\n              image={dataUrl}\n              style={{\n                height: '100%',\n                width: '100%',\n                objectFit: 'cover',\n              }}\n            />\n          </Link>\n        </Card>\n      )}\n    </Grid>\n  )\n}\n\nfunction ImageCardGridWithLinks(props: ImageCardGridWithLinksProps) {\n  const { sql, title, summaryText, columnCount, heightPx } = props\n  const entityId = parseEntityIdFromSqlStatement(sql)\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const imageColumnIndex = getFieldIndex(\n    ExpectedColumns.IMAGE,\n    queryResultBundle,\n  )\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n  const linkColumnIndex = getFieldIndex(ExpectedColumns.LINK, queryResultBundle)\n  const linkTextColumnIndex = getFieldIndex(\n    ExpectedColumns.LINKTEXT,\n    queryResultBundle,\n  )\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '1fr 3fr' },\n        gap: { xs: '38px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <PortalSectionHeader\n        title={title}\n        summaryText={summaryText}\n        sx={{\n          h2: { fontSize: '24px', paddingTop: '26px', width: '100%' },\n          '& p': { fontSize: '16px', lineHeight: '24px' },\n        }}\n      />\n      <Grid\n        container\n        spacing={2.5}\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        {dataRows.map(card => {\n          const fileId = card.values[imageColumnIndex]\n          return (\n            <ImageCard\n              card={card}\n              key={card.rowId}\n              linkColumnIndex={linkColumnIndex}\n              linkTextColumnIndex={linkTextColumnIndex}\n              fileId={fileId}\n              entityId={entityId}\n              isLoading={isLoading}\n              columnCount={columnCount}\n              heightPx={heightPx}\n            />\n          )\n        })}\n      </Grid>\n    </Box>\n  )\n}\n\nexport default ImageCardGridWithLinks\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,IAAM,IAAgB,OA2BhB,KAAa,EACjB,SACA,cACA,oBACA,wBACA,aACA,WACA,iBAAc,GACd,cAAW,UAC0B;CASrC,IAAM,IAHqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAU;CAE0B,GAAK,IAAO,EAC9D,SAAS,CAAC,CAAC,EACb,CACgB,GAAoB;CAMpC,OACE,kBAAC,GAAD;EACE,MAAA;EANF,IAAI;EACJ,IAAI,MAAgB,IAAI,KAAK;EAC7B,IAAI,KAAK;EAMP,KAAK,EAAK;EACV,IAAI;GACF,QAAQ,GAAG,EAAS;GACpB,YAAY;GACZ,aAAa;EACf;CAiEI,GA/DH,IACC,kBAAC,GAAD;EAAU,SAAQ;EAAc,QAAQ,IAAW;EAAI,OAAM;CAAQ,CAAA,IAErE,kBAAC,GAAD;EACE,QAAQ;EACR,IAAI;GACF,QAAQ;GACR,UAAU;GACV,cAAc;GACd,QAAQ;GACR,WAAW;GACX,YAAY;GACZ,WAAW;IACT,WAAW;IACX,WAAW;GACb;EACF;YAEA,kBAAC,GAAD;GAAM,WAAW;GAAY,IAAI,EAAK,OAAO,MAAoB;aAAjE,CACE,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,YAAY;KACZ,KAAK;KACL,UAAU;KACV,iBAAiB;KACjB,cAAc,WAAW,EAAc;KACvC,gBAAgB;KAChB,WAAW,EACT,gBAAgB,OAClB;KACA,SAAS;IACX;cAbF,CAeE,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,OAAO;MACP,UAAU;KACZ;eAEC,EAAK,OAAO;IACH,CAAA,GACZ,kBAAC,GAAD,EACE,OAAO;KACL,OAAO;KACP,OAAO;KACP,QAAQ;IACV,EACD,CAAA,CACE;OACL,kBAAC,GAAD;IACE,WAAU;IACV,OAAO;IACP,OAAO;KACL,QAAQ;KACR,OAAO;KACP,WAAW;IACb;GACD,CAAA,CACG;;CACF,CAAA,CAEJ;AAEV;AAEA,SAAS,EAAuB,GAAoC;CAClE,IAAM,EAAE,QAAK,UAAO,gBAAa,gBAAa,gBAAa,GACrD,IAAW,EAA8B,CAAG,GAY5C,EAAE,MAAM,GAAmB,iBAC/B,EAAwB;EAXxB,UACE;EAEF,cAAc;EACd;EACA,OAAO,EACL,OACF;CAIwB,CAAkB,GAEtC,IAAmB,EAAA,SAEvB,CACF,GAEM,IAAW,GAAmB,YAAa,aAAa,QAAQ,CAAC,GACjE,IAAkB,EAAA,QAAoC,CAAiB,GACvE,IAAsB,EAAA,YAE1B,CACF;CAEA,OACE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,qBAAqB;IAAE,IAAI;IAAO,IAAI;GAAU;GAChD,KAAK;IAAE,IAAI;IAAQ,IAAI;GAAO;GAC9B,SAAS;IAAE,IAAI;IAAQ,IAAI;GAAO;EACpC;YANF,CAQE,kBAAC,GAAD;GACS;GACM;GACb,IAAI;IACF,IAAI;KAAE,UAAU;KAAQ,YAAY;KAAQ,OAAO;IAAO;IAC1D,OAAO;KAAE,UAAU;KAAQ,YAAY;IAAO;GAChD;EACD,CAAA,GACD,kBAAC,GAAD;GACE,WAAA;GACA,SAAS;GACT,IAAI,EACF,OAAO;IAAE,IAAI;IAAG,IAAI;GAAE,EACxB;aAEC,EAAS,KAAI,MAAQ;IACpB,IAAM,IAAS,EAAK,OAAO;IAC3B,OACE,kBAAC,GAAD;KACQ;KAEW;KACI;KACb;KACE;KACC;KACE;KACH;IACX,GARM,EAAK,KAQX;GAEL,CAAC;EACG,CAAA,CACH;;AAET"}

package/dist/components/ImageFromSynapseTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageFromSynapseTable.js","names":[],"sources":["../../src/components/ImageFromSynapseTable.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { CSSProperties } from 'react'\n\nexport type ImageFromSynapseTableProps = {\n  tableId: string\n  fileHandleId: string | null\n  alt?: string\n  style?: CSSProperties\n}\n\nfunction ImageFromSynapseTable(props: ImageFromSynapseTableProps) {\n  const { tableId, fileHandleId, alt, style } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: tableId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error || !dataUrl) {\n    return <></>\n  }\n  return (\n    <img\n      style={style}\n      alt={alt ? `${alt}` : 'Image from table'}\n      src={dataUrl}\n    />\n  )\n}\n\nexport default ImageFromSynapseTable\n"],"mappings":";;;;;AAcA,SAAS,EAAsB,GAAmC;CAChE,IAAM,EAAE,YAAS,iBAAc,QAAK,aAAU,GAMxC,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;EAEoB,EAAK,IAAO,EAC9D,SAAS,CAAC,CAAC,GACZ,CAAC,EAEI,IAAU,GAAoB;AAMpC,QALc,GAAoB,aAAa,SAElC,CAAC,IACL,kBAAA,GAAA,EAAK,CAAA,GAGZ,kBAAC,OAAD;EACS;EACP,KAAK,IAAM,GAAG,MAAQ;EACtB,KAAK;EACL,CAAA"}
+{"version":3,"file":"ImageFromSynapseTable.js","names":[],"sources":["../../src/components/ImageFromSynapseTable.tsx"],"sourcesContent":["import { useGetStablePresignedUrl } from '@/synapse-queries'\nimport {\n  FileHandleAssociateType,\n  FileHandleAssociation,\n} from '@sage-bionetworks/synapse-types'\nimport { CSSProperties } from 'react'\n\nexport type ImageFromSynapseTableProps = {\n  tableId: string\n  fileHandleId: string | null\n  alt?: string\n  style?: CSSProperties\n}\n\nfunction ImageFromSynapseTable(props: ImageFromSynapseTableProps) {\n  const { tableId, fileHandleId, alt, style } = props\n  const fha: FileHandleAssociation = {\n    associateObjectId: tableId,\n    associateObjectType: FileHandleAssociateType.TableEntity,\n    fileHandleId: fileHandleId ?? '',\n  }\n  const stablePresignedUrl = useGetStablePresignedUrl(fha, false, {\n    enabled: !!fileHandleId,\n  })\n\n  const dataUrl = stablePresignedUrl?.dataUrl\n  const error = stablePresignedUrl?.queryResult?.error\n\n  if (error || !dataUrl) {\n    return <></>\n  }\n  return (\n    <img\n      style={style}\n      alt={alt ? `${alt}` : 'Image from table'}\n      src={dataUrl}\n    />\n  )\n}\n\nexport default ImageFromSynapseTable\n"],"mappings":";;;;;AAcA,SAAS,EAAsB,GAAmC;CAChE,IAAM,EAAE,YAAS,iBAAc,QAAK,aAAU,GAMxC,IAAqB,EAAyB;EAJlD,mBAAmB;EACnB,qBAAqB,EAAwB;EAC7C,cAAc,KAAgB;CAEoB,GAAK,IAAO,EAC9D,SAAS,CAAC,CAAC,EACb,CAAC,GAEK,IAAU,GAAoB;CAMpC,OALc,GAAoB,aAAa,SAElC,CAAC,IACL,kBAAA,GAAA,CAAI,CAAA,IAGX,kBAAC,OAAD;EACS;EACP,KAAK,IAAM,GAAG,MAAQ;EACtB,KAAK;CACN,CAAA;AAEL"}

package/dist/components/InteractiveCopyIdsIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InteractiveCopyIdsIcon.js","names":[],"sources":["../../src/components/InteractiveCopyIdsIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { TOOLTIP_DELAY_SHOW } from './SynapseTable/SynapseTableConstants'\nimport IconSvg from './IconSvg/IconSvg'\n\nexport type InteractiveCopyIdsIconProps = Omit<IconButtonProps, 'onClick'> & {\n  onCopy: () => void\n}\n\nexport const InteractiveCopyIdsIcon = (\n  props: InteractiveCopyIdsIconProps,\n): React.ReactNode => {\n  const { onCopy, ...buttonProps } = props\n  return (\n    <Tooltip\n      title=\"Copy IDs to the clipboard\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"right\"\n    >\n      <IconButton\n        data-testid=\"copySynIdsButton\"\n        {...buttonProps}\n        onClick={onCopy}\n      >\n        <IconSvg wrap={false} icon=\"contentCopy\" fontSize={'inherit'} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,WAAQ,GAAG,MAAgB;AACnC,QACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,GAAD;GACE,eAAY;GACZ,GAAI;GACJ,SAAS;aAET,kBAAC,GAAD;IAAS,MAAM;IAAO,MAAK;IAAc,UAAU;IAAa,CAAA;GACrD,CAAA;EACL,CAAA"}
+{"version":3,"file":"InteractiveCopyIdsIcon.js","names":[],"sources":["../../src/components/InteractiveCopyIdsIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { IconButton, IconButtonProps, Tooltip } from '@mui/material'\nimport { TOOLTIP_DELAY_SHOW } from './SynapseTable/SynapseTableConstants'\nimport IconSvg from './IconSvg/IconSvg'\n\nexport type InteractiveCopyIdsIconProps = Omit<IconButtonProps, 'onClick'> & {\n  onCopy: () => void\n}\n\nexport const InteractiveCopyIdsIcon = (\n  props: InteractiveCopyIdsIconProps,\n): React.ReactNode => {\n  const { onCopy, ...buttonProps } = props\n  return (\n    <Tooltip\n      title=\"Copy IDs to the clipboard\"\n      enterNextDelay={TOOLTIP_DELAY_SHOW}\n      placement=\"right\"\n    >\n      <IconButton\n        data-testid=\"copySynIdsButton\"\n        {...buttonProps}\n        onClick={onCopy}\n      >\n        <IconSvg wrap={false} icon=\"contentCopy\" fontSize={'inherit'} />\n      </IconButton>\n    </Tooltip>\n  )\n}\n"],"mappings":";;;;;;AASA,IAAa,KACX,MACoB;CACpB,IAAM,EAAE,WAAQ,GAAG,MAAgB;CACnC,OACE,kBAAC,GAAD;EACE,OAAM;EACN,gBAAA;EACA,WAAU;YAEV,kBAAC,GAAD;GACE,eAAY;GACZ,GAAI;GACJ,SAAS;aAET,kBAAC,GAAD;IAAS,MAAM;IAAO,MAAK;IAAc,UAAU;GAAY,CAAA;EACrD,CAAA;CACL,CAAA;AAEb"}