synapse-react-client 4.0.19 → 4.0.20

package/dist/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFacetPanel.js","names":[],"sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport styles from './SearchFacetPanel.module.scss'\nimport dayjs from 'dayjs'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { entityTypeToFriendlyName } from '../../../utils/functions/EntityTypeUtils'\nimport {\n  Box,\n  FormControlLabel,\n  Button,\n  RadioGroup,\n  Radio,\n  Typography,\n  Chip,\n  Tooltip,\n  Collapse,\n} from '@mui/material'\nimport UTurnLeftIcon from '@mui/icons-material/UTurnLeft'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  SearchQuery,\n  Facet,\n  FacetTypeNames,\n} from '@sage-bionetworks/synapse-types'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport {\n  MAX_FACET_VALUES_SHOWN,\n  FACET_DISPLAY_ORDER,\n  getFacetDisplayName,\n  shouldRenderFacet,\n  timeRanges,\n  getSelectedTimeRangeId,\n  formatTimeRangeDisplayValue,\n  isUserFacet,\n  shouldShowFacetValue,\n  getAllFacetLabel,\n} from './SearchFacetPanelUtils'\n\ntype SearchFacetPanelProps = {\n  query: SearchQuery\n  setQuery: (newQuery: SearchQuery) => void\n  facets: Facet[]\n  disabled?: boolean\n  expanded: boolean\n  onCollapse: () => void\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Main facet panel component that displays all available facets\n */\nexport function SearchFacetPanel({\n  query,\n  setQuery,\n  facets,\n  disabled = false,\n  onAddFacet,\n  onRemoveFacet,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  isRangeFacetApplied,\n  getAppliedRangeFacet,\n  expanded,\n  onCollapse,\n}: SearchFacetPanelProps) {\n  const hasAppliedFacets =\n    (query.booleanQuery && query.booleanQuery.length > 0) ||\n    (query.rangeQuery && query.rangeQuery.length > 0)\n\n  const handleResetFilters = () => {\n    setQuery({\n      ...query,\n      booleanQuery: [],\n      rangeQuery: [],\n      start: 0,\n    })\n  }\n\n  return (\n    <Collapse\n      in={expanded}\n      id=\"filter-search-results-panel\"\n      aria-labelledby=\"filter-results-button-label\"\n    >\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          {hasAppliedFacets && (\n            <Button\n              onClick={handleResetFilters}\n              variant=\"text\"\n              size=\"small\"\n              className={styles.resetFilterButton}\n              disabled={disabled}\n            >\n              <UTurnLeftIcon sx={{ transform: 'rotate(90deg)' }} />\n              <Typography sx={{ fontSize: '16px', fontWeight: 700 }}>\n                Reset Filters\n              </Typography>\n            </Button>\n          )}\n          <CloseIcon\n            sx={{ marginLeft: 'auto', cursor: 'pointer' }}\n            onClick={onCollapse}\n            aria-expanded={expanded}\n            aria-controls=\"filter-search-results-panel\"\n          />\n        </Box>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 3,\n            flexWrap: 'wrap',\n          }}\n        >\n          {FACET_DISPLAY_ORDER.map(facetName => {\n            const facet = facets.find(f => f.name === facetName)\n\n            if (!facet || !shouldRenderFacet(facet)) {\n              return null\n            }\n\n            return (\n              <SearchFacetGroup\n                disabled={disabled}\n                key={facet.name}\n                facet={facet}\n                query={query}\n                onAddFacet={onAddFacet}\n                onRemoveFacet={onRemoveFacet}\n                onSetRangeFacet={onSetRangeFacet}\n                onRemoveRangeFacet={onRemoveRangeFacet}\n                isRangeFacetApplied={isRangeFacetApplied}\n                getAppliedRangeFacet={getAppliedRangeFacet}\n              />\n            )\n          })}\n        </Box>\n      </Box>\n    </Collapse>\n  )\n}\n\ntype SearchFacetGroupProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Component for a facet group\n * (ex: Entity Type facet with values 'dataset', 'file', etc)\n */\nfunction SearchFacetGroup({\n  facet,\n  disabled = false,\n  query,\n  onAddFacet,\n  onRemoveFacet,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  isRangeFacetApplied,\n  getAppliedRangeFacet,\n}: SearchFacetGroupProps) {\n  const displayName = getFacetDisplayName(facet.name)\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', minWidth: '200px' }}>\n      <Typography variant=\"smallText2\" className={styles.displayName}>\n        {displayName}\n      </Typography>\n      {facet.type === FacetTypeNames.LITERAL ? (\n        <LiteralFacetValues // checkbox list for literal facets\n          disabled={disabled}\n          facet={facet}\n          query={query}\n          onAddFacet={onAddFacet}\n          onRemoveFacet={onRemoveFacet}\n        />\n      ) : (\n        <DateRangeFacetValues // radio buttons for date/continuous facets (can only select one range at a time)\n          disabled={disabled}\n          facet={facet}\n          query={query}\n          onSetRangeFacet={onSetRangeFacet}\n          onRemoveRangeFacet={onRemoveRangeFacet}\n          isRangeFacetApplied={isRangeFacetApplied}\n          getAppliedRangeFacet={getAppliedRangeFacet}\n        />\n      )}\n    </Box>\n  )\n}\n\ntype LiteralFacetValuesProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n}\n\nconst ALL_FACET_VALUE = '__all__'\n\n/**\n * Component for rendering literal facet values as radio buttons since the backend ANDs boolean query values\n */\nfunction LiteralFacetValues({\n  facet,\n  query,\n  disabled = false,\n  onAddFacet,\n  onRemoveFacet,\n}: LiteralFacetValuesProps) {\n  const [showAll, setShowAll] = useState(false)\n\n  // Get values from the search query (url)\n  const appliedValues =\n    query.booleanQuery\n      ?.filter(kv => kv.key === facet.name)\n      .map(kv => kv.value) || []\n\n  const selectedValue = appliedValues[0] ?? ALL_FACET_VALUE\n\n  // Get values returned by the search results response\n  const availableValues = facet.constraints.map(c => c.value)\n\n  const allValues = Array.from(new Set([...appliedValues, ...availableValues]))\n\n  const filteredValues = allValues.filter(value =>\n    shouldShowFacetValue(facet.name, value),\n  )\n\n  const displayValues = showAll\n    ? filteredValues\n    : filteredValues.slice(0, MAX_FACET_VALUES_SHOWN)\n\n  const handleChange = (newValue: string) => {\n    appliedValues.forEach(v => onRemoveFacet(facet.name, v))\n    if (newValue !== ALL_FACET_VALUE) {\n      onAddFacet(facet.name, newValue)\n    }\n  }\n\n  return (\n    <RadioGroup\n      name={`literal-facet-${facet.name}`}\n      value={selectedValue}\n      onChange={e => handleChange(e.target.value)}\n    >\n      <FormControlLabel\n        sx={{ mb: '8px' }}\n        disabled={disabled}\n        value={ALL_FACET_VALUE}\n        control={<Radio size=\"small\" />}\n        label={\n          <Typography variant=\"smallText1\" sx={{ lineHeight: '20px' }}>\n            {getAllFacetLabel(facet.name)}\n          </Typography>\n        }\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          ...(showAll && { maxHeight: '280px', overflowY: 'auto' }),\n        }}\n      >\n        {displayValues.map(value => (\n          <FormControlLabel\n            disabled={disabled}\n            key={value}\n            value={value}\n            control={<Radio size=\"small\" />}\n            label={\n              isUserFacet(facet.name) ? (\n                <UserBadge userId={value} />\n              ) : (\n                <Typography variant=\"smallText1\" sx={{ lineHeight: '20px' }}>\n                  {facet.name === 'node_type'\n                    ? entityTypeToFriendlyName(value as EntityType) || value\n                    : value}\n                </Typography>\n              )\n            }\n          />\n        ))}\n      </Box>\n      {filteredValues.length > MAX_FACET_VALUES_SHOWN && !showAll && (\n        <Button\n          disabled={disabled}\n          onClick={() => setShowAll(true)}\n          variant=\"text\"\n          size=\"small\"\n          sx={{ alignSelf: 'flex-start' }}\n        >\n          Show all {filteredValues.length}\n        </Button>\n      )}\n    </RadioGroup>\n  )\n}\n\ntype DateRangeFacetValuesProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Component for rendering date/continuous range facet values\n * Uses dayjs's built-in relative time thresholds to determine selection\n */\nfunction DateRangeFacetValues({\n  facet,\n  disabled = false,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  getAppliedRangeFacet,\n}: DateRangeFacetValuesProps) {\n  const appliedRangeFacet = getAppliedRangeFacet(facet.name)\n\n  // Use dayjs's built-in logic to determine which preset matches the stored timestamp (min - Unix timestamp currently in the URL/Search Query)\n  const selectedValue = appliedRangeFacet?.min\n    ? getSelectedTimeRangeId(appliedRangeFacet.min)\n    : 'ANY_TIME'\n\n  const handleChange = (rangeId: string) => {\n    const selectedTimeRange = timeRanges.find(r => r.id === rangeId)\n\n    if (!selectedTimeRange?.range) {\n      onRemoveRangeFacet(facet.name)\n      return\n    }\n\n    // Always calculate 'min' relative to the moment of the click.\n    // Use dayjs unit-aware subtraction so month/year account for varying lengths.\n    const unitMap: Record<string, dayjs.ManipulateType> = {\n      PAST_HOUR: 'hour',\n      PAST_DAY: 'day',\n      PAST_WEEK: 'week',\n      PAST_MONTH: 'month',\n      PAST_YEAR: 'year',\n    }\n\n    /**\n     * We use dayjs.subtract() instead of fixed seconds to handle\n     * calendar irregularities. dayjs correctly calculates \"one month ago\"\n     * whether the current month has 28, 30, or 31 days.\n     */\n    const minValue = String(dayjs().subtract(1, unitMap[rangeId]).unix())\n    onSetRangeFacet(facet.name, minValue)\n  }\n\n  return (\n    <RadioGroup\n      name={`range-facet-${facet.name}`}\n      value={selectedValue}\n      onChange={e => handleChange(e.target.value)}\n    >\n      {timeRanges.map(range => (\n        <FormControlLabel\n          disabled={disabled}\n          key={range.label}\n          value={range.id}\n          control={<Radio size=\"small\" />}\n          label={range.label}\n          sx={{ mb: 0.5 }}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n\ntype AppliedFacetsChipsProps = {\n  query: SearchQuery\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n}\n\n/**\n * Component that displays applied facets as chips with delete icons\n */\nexport function AppliedFacetsChips({\n  query,\n  onRemoveFacet,\n  onRemoveRangeFacet,\n}: AppliedFacetsChipsProps) {\n  const booleanQuery = query.booleanQuery || []\n  const rangeQuery = query.rangeQuery || []\n  const hasAppliedFacets = booleanQuery.length > 0 || rangeQuery.length > 0\n\n  if (!hasAppliedFacets) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: 1,\n        alignItems: 'center',\n      }}\n    >\n      {booleanQuery.map((kv, index) => {\n        if (!shouldShowFacetValue(kv.key, kv.value)) {\n          return null\n        }\n\n        return (\n          <Chip\n            key={`${kv.key}-${kv.value}-${index}`}\n            className={styles.chipStyles}\n            deleteIcon={<CloseIcon className={styles.closeIcon} />}\n            onDelete={() => onRemoveFacet(kv.key, kv.value)}\n            label={\n              isUserFacet(kv.key) ? (\n                <Box\n                  sx={{\n                    '& .MuiTypography-root': {\n                      color: 'var(--synapse-white)',\n                    },\n                  }}\n                >\n                  <UserBadge userId={kv.value} />\n                </Box>\n              ) : (\n                <Typography variant=\"smallText1\">\n                  {kv.key === 'node_type'\n                    ? entityTypeToFriendlyName(kv.value as EntityType) ||\n                      kv.value\n                    : kv.value}\n                </Typography>\n              )\n            }\n          />\n        )\n      })}\n\n      {rangeQuery.map((kr, index) => {\n        const displayValue = formatTimeRangeDisplayValue(kr.min)\n        const startDate = dayjs(parseInt(kr.min) * 1000).format('MMMM D, YYYY')\n\n        return (\n          <Tooltip\n            title={`Since ${startDate}`}\n            arrow\n            key={`${kr.key}-${kr.min}-${index}`}\n          >\n            <Chip\n              className={styles.chipStyles}\n              label={`${displayValue}`}\n              deleteIcon={<CloseIcon className={styles.closeIcon} />}\n              onDelete={() => onRemoveRangeFacet(kr.key)}\n            />\n          </Tooltip>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchFacetPanel.js","names":[],"sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanel.tsx"],"sourcesContent":["import { useState } from 'react'\nimport styles from './SearchFacetPanel.module.scss'\nimport dayjs from 'dayjs'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport { entityTypeToFriendlyName } from '../../../utils/functions/EntityTypeUtils'\nimport {\n  Box,\n  FormControlLabel,\n  Button,\n  RadioGroup,\n  Radio,\n  Typography,\n  Chip,\n  Tooltip,\n  Collapse,\n} from '@mui/material'\nimport UTurnLeftIcon from '@mui/icons-material/UTurnLeft'\nimport CloseIcon from '@mui/icons-material/Close'\nimport {\n  SearchQuery,\n  Facet,\n  FacetTypeNames,\n} from '@sage-bionetworks/synapse-types'\nimport { UserBadge } from '../../UserCard/UserBadge'\nimport {\n  MAX_FACET_VALUES_SHOWN,\n  FACET_DISPLAY_ORDER,\n  getFacetDisplayName,\n  shouldRenderFacet,\n  timeRanges,\n  getSelectedTimeRangeId,\n  formatTimeRangeDisplayValue,\n  isUserFacet,\n  shouldShowFacetValue,\n  getAllFacetLabel,\n} from './SearchFacetPanelUtils'\n\ntype SearchFacetPanelProps = {\n  query: SearchQuery\n  setQuery: (newQuery: SearchQuery) => void\n  facets: Facet[]\n  disabled?: boolean\n  expanded: boolean\n  onCollapse: () => void\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Main facet panel component that displays all available facets\n */\nexport function SearchFacetPanel({\n  query,\n  setQuery,\n  facets,\n  disabled = false,\n  onAddFacet,\n  onRemoveFacet,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  isRangeFacetApplied,\n  getAppliedRangeFacet,\n  expanded,\n  onCollapse,\n}: SearchFacetPanelProps) {\n  const hasAppliedFacets =\n    (query.booleanQuery && query.booleanQuery.length > 0) ||\n    (query.rangeQuery && query.rangeQuery.length > 0)\n\n  const handleResetFilters = () => {\n    setQuery({\n      ...query,\n      booleanQuery: [],\n      rangeQuery: [],\n      start: 0,\n    })\n  }\n\n  return (\n    <Collapse\n      in={expanded}\n      id=\"filter-search-results-panel\"\n      aria-labelledby=\"filter-results-button-label\"\n    >\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>\n        <Box sx={{ display: 'flex', alignItems: 'center' }}>\n          {hasAppliedFacets && (\n            <Button\n              onClick={handleResetFilters}\n              variant=\"text\"\n              size=\"small\"\n              className={styles.resetFilterButton}\n              disabled={disabled}\n            >\n              <UTurnLeftIcon sx={{ transform: 'rotate(90deg)' }} />\n              <Typography sx={{ fontSize: '16px', fontWeight: 700 }}>\n                Reset Filters\n              </Typography>\n            </Button>\n          )}\n          <CloseIcon\n            sx={{ marginLeft: 'auto', cursor: 'pointer' }}\n            onClick={onCollapse}\n            aria-expanded={expanded}\n            aria-controls=\"filter-search-results-panel\"\n          />\n        </Box>\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'row',\n            gap: 3,\n            flexWrap: 'wrap',\n          }}\n        >\n          {FACET_DISPLAY_ORDER.map(facetName => {\n            const facet = facets.find(f => f.name === facetName)\n\n            if (!facet || !shouldRenderFacet(facet)) {\n              return null\n            }\n\n            return (\n              <SearchFacetGroup\n                disabled={disabled}\n                key={facet.name}\n                facet={facet}\n                query={query}\n                onAddFacet={onAddFacet}\n                onRemoveFacet={onRemoveFacet}\n                onSetRangeFacet={onSetRangeFacet}\n                onRemoveRangeFacet={onRemoveRangeFacet}\n                isRangeFacetApplied={isRangeFacetApplied}\n                getAppliedRangeFacet={getAppliedRangeFacet}\n              />\n            )\n          })}\n        </Box>\n      </Box>\n    </Collapse>\n  )\n}\n\ntype SearchFacetGroupProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Component for a facet group\n * (ex: Entity Type facet with values 'dataset', 'file', etc)\n */\nfunction SearchFacetGroup({\n  facet,\n  disabled = false,\n  query,\n  onAddFacet,\n  onRemoveFacet,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  isRangeFacetApplied,\n  getAppliedRangeFacet,\n}: SearchFacetGroupProps) {\n  const displayName = getFacetDisplayName(facet.name)\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', minWidth: '200px' }}>\n      <Typography variant=\"smallText2\" className={styles.displayName}>\n        {displayName}\n      </Typography>\n      {facet.type === FacetTypeNames.LITERAL ? (\n        <LiteralFacetValues // checkbox list for literal facets\n          disabled={disabled}\n          facet={facet}\n          query={query}\n          onAddFacet={onAddFacet}\n          onRemoveFacet={onRemoveFacet}\n        />\n      ) : (\n        <DateRangeFacetValues // radio buttons for date/continuous facets (can only select one range at a time)\n          disabled={disabled}\n          facet={facet}\n          query={query}\n          onSetRangeFacet={onSetRangeFacet}\n          onRemoveRangeFacet={onRemoveRangeFacet}\n          isRangeFacetApplied={isRangeFacetApplied}\n          getAppliedRangeFacet={getAppliedRangeFacet}\n        />\n      )}\n    </Box>\n  )\n}\n\ntype LiteralFacetValuesProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onAddFacet: (facetName: string, facetValue: string) => void\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n}\n\nconst ALL_FACET_VALUE = '__all__'\n\n/**\n * Component for rendering literal facet values as radio buttons since the backend ANDs boolean query values\n */\nfunction LiteralFacetValues({\n  facet,\n  query,\n  disabled = false,\n  onAddFacet,\n  onRemoveFacet,\n}: LiteralFacetValuesProps) {\n  const [showAll, setShowAll] = useState(false)\n\n  // Get values from the search query (url)\n  const appliedValues =\n    query.booleanQuery\n      ?.filter(kv => kv.key === facet.name)\n      .map(kv => kv.value) || []\n\n  const selectedValue = appliedValues[0] ?? ALL_FACET_VALUE\n\n  // Get values returned by the search results response\n  const availableValues = facet.constraints.map(c => c.value)\n\n  const allValues = Array.from(new Set([...appliedValues, ...availableValues]))\n\n  const filteredValues = allValues.filter(value =>\n    shouldShowFacetValue(facet.name, value),\n  )\n\n  const displayValues = showAll\n    ? filteredValues\n    : filteredValues.slice(0, MAX_FACET_VALUES_SHOWN)\n\n  const handleChange = (newValue: string) => {\n    appliedValues.forEach(v => onRemoveFacet(facet.name, v))\n    if (newValue !== ALL_FACET_VALUE) {\n      onAddFacet(facet.name, newValue)\n    }\n  }\n\n  return (\n    <RadioGroup\n      name={`literal-facet-${facet.name}`}\n      value={selectedValue}\n      onChange={e => handleChange(e.target.value)}\n    >\n      <FormControlLabel\n        sx={{ mb: '8px' }}\n        disabled={disabled}\n        value={ALL_FACET_VALUE}\n        control={<Radio size=\"small\" />}\n        label={\n          <Typography variant=\"smallText1\" sx={{ lineHeight: '20px' }}>\n            {getAllFacetLabel(facet.name)}\n          </Typography>\n        }\n      />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          ...(showAll && { maxHeight: '280px', overflowY: 'auto' }),\n        }}\n      >\n        {displayValues.map(value => (\n          <FormControlLabel\n            disabled={disabled}\n            key={value}\n            value={value}\n            control={<Radio size=\"small\" />}\n            label={\n              isUserFacet(facet.name) ? (\n                <UserBadge userId={value} />\n              ) : (\n                <Typography variant=\"smallText1\" sx={{ lineHeight: '20px' }}>\n                  {facet.name === 'node_type'\n                    ? entityTypeToFriendlyName(value as EntityType) || value\n                    : value}\n                </Typography>\n              )\n            }\n          />\n        ))}\n      </Box>\n      {filteredValues.length > MAX_FACET_VALUES_SHOWN && !showAll && (\n        <Button\n          disabled={disabled}\n          onClick={() => setShowAll(true)}\n          variant=\"text\"\n          size=\"small\"\n          sx={{ alignSelf: 'flex-start' }}\n        >\n          Show all {filteredValues.length}\n        </Button>\n      )}\n    </RadioGroup>\n  )\n}\n\ntype DateRangeFacetValuesProps = {\n  facet: Facet\n  query: SearchQuery\n  disabled?: boolean\n  onSetRangeFacet: (facetName: string, minValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n  isRangeFacetApplied: (facetName: string) => boolean\n  getAppliedRangeFacet: (facetName: string) => { min: string } | undefined\n}\n\n/**\n * Component for rendering date/continuous range facet values\n * Uses dayjs's built-in relative time thresholds to determine selection\n */\nfunction DateRangeFacetValues({\n  facet,\n  disabled = false,\n  onSetRangeFacet,\n  onRemoveRangeFacet,\n  getAppliedRangeFacet,\n}: DateRangeFacetValuesProps) {\n  const appliedRangeFacet = getAppliedRangeFacet(facet.name)\n\n  // Use dayjs's built-in logic to determine which preset matches the stored timestamp (min - Unix timestamp currently in the URL/Search Query)\n  const selectedValue = appliedRangeFacet?.min\n    ? getSelectedTimeRangeId(appliedRangeFacet.min)\n    : 'ANY_TIME'\n\n  const handleChange = (rangeId: string) => {\n    const selectedTimeRange = timeRanges.find(r => r.id === rangeId)\n\n    if (!selectedTimeRange?.range) {\n      onRemoveRangeFacet(facet.name)\n      return\n    }\n\n    // Always calculate 'min' relative to the moment of the click.\n    // Use dayjs unit-aware subtraction so month/year account for varying lengths.\n    const unitMap: Record<string, dayjs.ManipulateType> = {\n      PAST_HOUR: 'hour',\n      PAST_DAY: 'day',\n      PAST_WEEK: 'week',\n      PAST_MONTH: 'month',\n      PAST_YEAR: 'year',\n    }\n\n    /**\n     * We use dayjs.subtract() instead of fixed seconds to handle\n     * calendar irregularities. dayjs correctly calculates \"one month ago\"\n     * whether the current month has 28, 30, or 31 days.\n     */\n    const minValue = String(dayjs().subtract(1, unitMap[rangeId]).unix())\n    onSetRangeFacet(facet.name, minValue)\n  }\n\n  return (\n    <RadioGroup\n      name={`range-facet-${facet.name}`}\n      value={selectedValue}\n      onChange={e => handleChange(e.target.value)}\n    >\n      {timeRanges.map(range => (\n        <FormControlLabel\n          disabled={disabled}\n          key={range.label}\n          value={range.id}\n          control={<Radio size=\"small\" />}\n          label={range.label}\n          sx={{ mb: 0.5 }}\n        />\n      ))}\n    </RadioGroup>\n  )\n}\n\ntype AppliedFacetsChipsProps = {\n  query: SearchQuery\n  onRemoveFacet: (facetName: string, facetValue: string) => void\n  onRemoveRangeFacet: (facetName: string) => void\n}\n\n/**\n * Component that displays applied facets as chips with delete icons\n */\nexport function AppliedFacetsChips({\n  query,\n  onRemoveFacet,\n  onRemoveRangeFacet,\n}: AppliedFacetsChipsProps) {\n  const booleanQuery = query.booleanQuery || []\n  const rangeQuery = query.rangeQuery || []\n  const hasAppliedFacets = booleanQuery.length > 0 || rangeQuery.length > 0\n\n  if (!hasAppliedFacets) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexWrap: 'wrap',\n        gap: 1,\n        alignItems: 'center',\n      }}\n    >\n      {booleanQuery.map((kv, index) => {\n        if (!shouldShowFacetValue(kv.key, kv.value)) {\n          return null\n        }\n\n        return (\n          <Chip\n            key={`${kv.key}-${kv.value}-${index}`}\n            className={styles.chipStyles}\n            deleteIcon={<CloseIcon className={styles.closeIcon} />}\n            onDelete={() => onRemoveFacet(kv.key, kv.value)}\n            label={\n              isUserFacet(kv.key) ? (\n                <Box\n                  sx={{\n                    '& .MuiTypography-root': {\n                      color: 'var(--synapse-white)',\n                    },\n                  }}\n                >\n                  <UserBadge userId={kv.value} />\n                </Box>\n              ) : (\n                <Typography variant=\"smallText1\">\n                  {kv.key === 'node_type'\n                    ? entityTypeToFriendlyName(kv.value as EntityType) ||\n                      kv.value\n                    : kv.value}\n                </Typography>\n              )\n            }\n          />\n        )\n      })}\n\n      {rangeQuery.map((kr, index) => {\n        const displayValue = formatTimeRangeDisplayValue(kr.min)\n        const startDate = dayjs(parseInt(kr.min) * 1000).format('MMMM D, YYYY')\n\n        return (\n          <Tooltip\n            title={`Since ${startDate}`}\n            arrow\n            key={`${kr.key}-${kr.min}-${index}`}\n          >\n            <Chip\n              className={styles.chipStyles}\n              label={`${displayValue}`}\n              deleteIcon={<CloseIcon className={styles.closeIcon} />}\n              onDelete={() => onRemoveRangeFacet(kr.key)}\n            />\n          </Tooltip>\n        )\n      })}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AAuDA,SAAgB,EAAiB,EAC/B,UACA,aACA,WACA,cAAW,IACX,eACA,kBACA,oBACA,uBACA,wBACA,yBACA,aACA,iBACwB;CAcxB,OACE,kBAAC,GAAD;EACE,IAAI;EACJ,IAAG;EACH,mBAAgB;YAEhB,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,KAAK;GAAE;aAA5D,CACE,kBAAC,GAAD;IAAK,IAAI;KAAE,SAAS;KAAQ,YAAY;IAAS;cAAjD,EAnBH,EAAM,gBAAgB,EAAM,aAAa,SAAS,KAClD,EAAM,cAAc,EAAM,WAAW,SAAS,MAoBvC,kBAAC,GAAD;KACE,eAnBqB;MAC/B,EAAS;OACP,GAAG;OACH,cAAc,CAAC;OACf,YAAY,CAAC;OACb,OAAO;MACT,CAAC;KACH;KAaY,SAAQ;KACR,MAAK;KACL,WAAW,EAAO;KACR;eALZ,CAOE,kBAAC,GAAD,EAAe,IAAI,EAAE,WAAW,gBAAgB,EAAI,CAAA,GACpD,kBAAC,GAAD;MAAY,IAAI;OAAE,UAAU;OAAQ,YAAY;MAAI;gBAAG;KAE3C,CAAA,CACN;QAEV,kBAAC,GAAD;KACE,IAAI;MAAE,YAAY;MAAQ,QAAQ;KAAU;KAC5C,SAAS;KACT,iBAAe;KACf,iBAAc;IACf,CAAA,CACE;OACL,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,KAAK;KACL,UAAU;IACZ;cAEC,EAAoB,KAAI,MAAa;KACpC,IAAM,IAAQ,EAAO,MAAK,MAAK,EAAE,SAAS,CAAS;KAMnD,OAJI,CAAC,KAAS,CAAC,EAAkB,CAAK,IAC7B,OAIP,kBAAC,GAAD;MACY;MAEH;MACA;MACK;MACG;MACE;MACG;MACC;MACC;KACvB,GATM,EAAM,IASZ;IAEL,CAAC;GACE,CAAA,CACF;;CACG,CAAA;AAEd;AAkBA,SAAS,EAAiB,EACxB,UACA,cAAW,IACX,UACA,eACA,kBACA,oBACA,uBACA,wBACA,2BACwB;CACxB,IAAM,IAAc,EAAoB,EAAM,IAAI;CAElD,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,UAAU;EAAQ;YAAvE,CACE,kBAAC,GAAD;GAAY,SAAQ;GAAa,WAAW,EAAO;aAChD;EACS,CAAA,GACX,EAAM,SAAS,EAAe,UAC7B,kBAAC,GAAD;GACY;GACH;GACA;GACK;GACG;EAChB,CAAA,IAED,kBAAC,GAAD;GACY;GACH;GACA;GACU;GACG;GACC;GACC;EACvB,CAAA,CAEA;;AAET;AAUA,IAAM,IAAkB;AAKxB,SAAS,EAAmB,EAC1B,UACA,UACA,cAAW,IACX,eACA,oBAC0B;CAC1B,IAAM,CAAC,GAAS,KAAc,EAAS,EAAK,GAGtC,IACJ,EAAM,cACF,QAAO,MAAM,EAAG,QAAQ,EAAM,IAAI,EACnC,KAAI,MAAM,EAAG,KAAK,KAAK,CAAC,GAEvB,IAAgB,EAAc,MAAM,GAGpC,IAAkB,EAAM,YAAY,KAAI,MAAK,EAAE,KAAK,GAIpD,IAFY,MAAM,KAAK,IAAI,IAAI,CAAC,GAAG,GAAe,GAAG,CAAe,CAAC,CAEpD,EAAU,QAAO,MACtC,EAAqB,EAAM,MAAM,CAAK,CACxC,GAEM,IAAgB,IAClB,IACA,EAAe,MAAM,GAAA,EAAyB,GAE5C,KAAgB,MAAqB;EAEzC,AADA,EAAc,SAAQ,MAAK,EAAc,EAAM,MAAM,CAAC,CAAC,GACnD,MAAa,KACf,EAAW,EAAM,MAAM,CAAQ;CAEnC;CAEA,OACE,kBAAC,GAAD;EACE,MAAM,iBAAiB,EAAM;EAC7B,OAAO;EACP,WAAU,MAAK,EAAa,EAAE,OAAO,KAAK;YAH5C;GAKE,kBAAC,GAAD;IACE,IAAI,EAAE,IAAI,MAAM;IACN;IACV,OAAO;IACP,SAAS,kBAAC,GAAD,EAAO,MAAK,QAAS,CAAA;IAC9B,OACE,kBAAC,GAAD;KAAY,SAAQ;KAAa,IAAI,EAAE,YAAY,OAAO;eACvD,EAAiB,EAAM,IAAI;IAClB,CAAA;GAEf,CAAA;GACD,kBAAC,GAAD;IACE,IAAI;KACF,SAAS;KACT,eAAe;KACf,GAAI,KAAW;MAAE,WAAW;MAAS,WAAW;KAAO;IACzD;cAEC,EAAc,KAAI,MACjB,kBAAC,GAAD;KACY;KAEH;KACP,SAAS,kBAAC,GAAD,EAAO,MAAK,QAAS,CAAA;KAC9B,OACE,EAAY,EAAM,IAAI,IACpB,kBAAC,GAAD,EAAW,QAAQ,EAAQ,CAAA,IAE3B,kBAAC,GAAD;MAAY,SAAQ;MAAa,IAAI,EAAE,YAAY,OAAO;gBACvD,EAAM,SAAS,eACZ,EAAyB,CAAmB,KAC5C;KACM,CAAA;IAGjB,GAdM,CAcN,CACF;GACE,CAAA;GACJ,EAAe,SAAA,MAAmC,CAAC,KAClD,kBAAC,GAAD;IACY;IACV,eAAe,EAAW,EAAI;IAC9B,SAAQ;IACR,MAAK;IACL,IAAI,EAAE,WAAW,aAAa;cALhC,CAMC,aACW,EAAe,MACnB;;EAEA;;AAEhB;AAgBA,SAAS,EAAqB,EAC5B,UACA,cAAW,IACX,oBACA,uBACA,2BAC4B;CAC5B,IAAM,IAAoB,EAAqB,EAAM,IAAI,GAGnD,IAAgB,GAAmB,MACrC,EAAuB,EAAkB,GAAG,IAC5C,YAEE,KAAgB,MAAoB;EAGxC,IAAI,CAFsB,EAAW,MAAK,MAAK,EAAE,OAAO,CAEnD,GAAmB,OAAO;GAC7B,EAAmB,EAAM,IAAI;GAC7B;EACF;EAiBA,IAAM,IAAW,OAAO,EAAM,EAAE,SAAS,GAAG;GAZ1C,WAAW;GACX,UAAU;GACV,WAAW;GACX,YAAY;GACZ,WAAW;EAQ+B,EAAQ,EAAQ,EAAE,KAAK,CAAC;EACpE,EAAgB,EAAM,MAAM,CAAQ;CACtC;CAEA,OACE,kBAAC,GAAD;EACE,MAAM,eAAe,EAAM;EAC3B,OAAO;EACP,WAAU,MAAK,EAAa,EAAE,OAAO,KAAK;YAEzC,EAAW,KAAI,MACd,kBAAC,GAAD;GACY;GAEV,OAAO,EAAM;GACb,SAAS,kBAAC,GAAD,EAAO,MAAK,QAAS,CAAA;GAC9B,OAAO,EAAM;GACb,IAAI,EAAE,IAAI,GAAI;EACf,GALM,EAAM,KAKZ,CACF;CACS,CAAA;AAEhB;AAWA,SAAgB,EAAmB,EACjC,UACA,kBACA,yBAC0B;CAC1B,IAAM,IAAe,EAAM,gBAAgB,CAAC,GACtC,IAAa,EAAM,cAAc,CAAC;CAOxC,OANyB,EAAa,SAAS,KAAK,EAAW,SAAS,IAOtE,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,UAAU;GACV,KAAK;GACL,YAAY;EACd;YANF,CAQG,EAAa,KAAK,GAAI,MAChB,EAAqB,EAAG,KAAK,EAAG,KAAK,IAKxC,kBAAC,GAAD;GAEE,WAAW,EAAO;GAClB,YAAY,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;GACrD,gBAAgB,EAAc,EAAG,KAAK,EAAG,KAAK;GAC9C,OACE,EAAY,EAAG,GAAG,IAChB,kBAAC,GAAD;IACE,IAAI,EACF,yBAAyB,EACvB,OAAO,uBACT,EACF;cAEA,kBAAC,GAAD,EAAW,QAAQ,EAAG,MAAQ,CAAA;GAC3B,CAAA,IAEL,kBAAC,GAAD;IAAY,SAAQ;cACjB,EAAG,QAAQ,eACR,EAAyB,EAAG,KAAmB,KAE/C,EAAG;GACG,CAAA;EAGjB,GAxBM,GAAG,EAAG,IAAI,GAAG,EAAG,MAAM,GAAG,GAwB/B,IA7BM,IA+BV,GAEA,EAAW,KAAK,GAAI,MAAU;GAC7B,IAAM,IAAe,EAA4B,EAAG,GAAG;GAGvD,OACE,kBAAC,GAAD;IACE,OAAO,SAJO,EAAM,SAAS,EAAG,GAAG,IAAI,GAAI,EAAE,OAAO,cAIpC;IAChB,OAAA;cAGA,kBAAC,GAAD;KACE,WAAW,EAAO;KAClB,OAAO,GAAG;KACV,YAAY,kBAAC,GAAD,EAAW,WAAW,EAAO,UAAY,CAAA;KACrD,gBAAgB,EAAmB,EAAG,GAAG;IAC1C,CAAA;GACM,GARF,GAAG,EAAG,IAAI,GAAG,EAAG,IAAI,GAAG,GAQrB;EAEb,CAAC,CACE;MAlEE;AAoEX"}

package/dist/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFacetPanelUtils.js","names":[],"sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.ts"],"sourcesContent":["import { Facet } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\n\n// Constants\nexport const MAX_FACET_VALUES_SHOWN = 10\n\nconst MINUTE_IN_SEC = 60\nconst HOUR_IN_SEC = MINUTE_IN_SEC * 60\nconst DAY_IN_SEC = HOUR_IN_SEC * 24\nconst WEEK_IN_SEC = DAY_IN_SEC * 7\nconst MONTH_IN_SEC = DAY_IN_SEC * 30\nconst YEAR_IN_SEC = DAY_IN_SEC * 365\n\n// 'range' is the approximate duration in seconds used to match a stored URL timestamp back to a preset.\n// null (ANY_TIME) means no date filter is applied.\nexport const timeRanges = [\n  { id: 'ANY_TIME', label: 'Any Time', range: null },\n  { id: 'PAST_HOUR', label: 'Past Hour', range: HOUR_IN_SEC },\n  { id: 'PAST_DAY', label: 'Past 24 Hours', range: DAY_IN_SEC },\n  { id: 'PAST_WEEK', label: 'Past Week', range: WEEK_IN_SEC },\n  { id: 'PAST_MONTH', label: 'Past Month', range: MONTH_IN_SEC },\n  { id: 'PAST_YEAR', label: 'Past Year', range: YEAR_IN_SEC },\n]\n\n// User-friendly display names\nexport const FACET_DISPLAY_NAMES: Record<string, string> = {\n  node_type: 'Entity Type',\n  modified_by: 'Last Modified By',\n}\n\n// Facet display order\nexport const FACET_DISPLAY_ORDER = [\n  'node_type',\n  'consortium',\n  'disease',\n  'modified_on',\n  'modified_by',\n  'created_on',\n  'tissue',\n  'num_samples',\n  'created_by',\n]\n\nexport const USER_FACET_NAMES = [\n  'modified_by',\n  'created_by',\n  'ModifiedBy',\n  'CreatedBy',\n]\n\nexport const FACET_PLURAL_DISPLAY_NAMES: Record<string, string> = {\n  node_type: 'Entity Types',\n  consortium: 'Consortiums',\n  disease: 'Diseases',\n  tissue: 'Tissues',\n  num_samples: 'Num Samples',\n  modified_by: 'Last Modified By',\n  created_by: 'Created By',\n}\n\n// Helper functions\n/**\n * Get the label for the \"All\" option in a facet, e.g. \"All Entity Types\" for the 'node_type' facet\n */\nexport function getAllFacetLabel(facetName: string): string {\n  const pluralName =\n    FACET_PLURAL_DISPLAY_NAMES[facetName] || formatFacetName(facetName)\n  return `All ${pluralName}`\n}\n\n/**\n * Determines if a facet value should be displayed in the UI.\n * Hides 'link' entity types and colon-prefixed values\n */\nexport function shouldShowFacetValue(\n  facetName: string,\n  value: string,\n): boolean {\n  if (!value || value.trim() === '') {\n    return false\n  }\n\n  const isHiddenEntityType =\n    (facetName === 'node_type' || facetName === 'EntityType') &&\n    value === 'link'\n\n  const isInternalPrefixedValue = value.includes(':')\n\n  return !isHiddenEntityType && !isInternalPrefixedValue\n}\n\n/**\n * Check if a facet is a user facet (e.g., 'modified_by' or 'created_by')\n * Accepts either snake_case or PascalCase facet names.\n */\nexport const isUserFacet = (name: string): boolean => {\n  // Normalize by removing underscores and converting to lowercase\n  const normalizedFacetName = name.toLowerCase().replace(/_/g, '')\n\n  return USER_FACET_NAMES.some(\n    facet => facet.toLowerCase().replace(/_/g, '') === normalizedFacetName,\n  )\n}\n\n/**\n * Format facet name: capitalize first letter, replace underscores with spaces\n */\nexport function formatFacetName(name: string): string {\n  return name.replace(/_/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())\n}\n\n/**\n * Get user-friendly display name for a facet\n */\nexport function getFacetDisplayName(facetName: string): string {\n  return FACET_DISPLAY_NAMES[facetName] || formatFacetName(facetName)\n}\n\n/**\n * Check if a facet should be rendered (some facets like 'link' are hidden)\n */\nexport function shouldRenderFacet(facet: Facet): boolean {\n  // Don't render facets with no constraints (values to click on)\n  if (!facet.constraints || facet.constraints.length === 0) {\n    return false\n  }\n  return true\n}\n\n/**\n * Get timestamp from URL/query and determine which time range preset it matches\n *\n * @param timestamp - The stored timestamp (in seconds) from the URL/query\n * @returns The ID of the matching time range preset ('PAST_HOUR', 'PAST_DAY', etc.)\n */\nexport function getSelectedTimeRangeId(timestamp: string): string {\n  const storedTimestamp = parseInt(timestamp)\n\n  if (!storedTimestamp) {\n    return 'ANY_TIME'\n  }\n\n  const diffInSeconds = dayjs().unix() - storedTimestamp\n\n  if (diffInSeconds <= 0) {\n    return 'ANY_TIME'\n  }\n\n  // Filter out 'ANY_TIME' since it doesn't have a numeric range\n  const presets = timeRanges.filter(\n    (range): range is { id: string; label: string; range: number } =>\n      range.id !== 'ANY_TIME',\n  )\n\n  // Find the closest preset by comparing the absolute difference.\n  // Ex: If diffInSeconds is 3605, it is 5 seconds away from PAST_HOUR (3600)\n  // but 82,795 seconds away from PAST_DAY (86400) so we would match to PAST_HOUR.\n  const closest = presets.reduce((best, preset) =>\n    Math.abs(diffInSeconds - preset.range) <\n    Math.abs(diffInSeconds - best.range)\n      ? preset\n      : best,\n  )\n\n  return closest.id\n}\n\n/**\n * Formats a timestamp for display in the applied facets chip.\n *\n * @param timestamp - The stored timestamp (in seconds)\n * @returns A friendly display string\n */\nexport function formatTimeRangeDisplayValue(timestamp: string): string {\n  const storedTimestamp = parseInt(timestamp)\n\n  if (isNaN(storedTimestamp)) {\n    return timestamp\n  }\n\n  if (storedTimestamp === 0) {\n    return 'any time'\n  }\n\n  // Try to match to a preset\n  const rangeId = getSelectedTimeRangeId(timestamp)\n  const matchedRange = timeRanges.find(r => r.id === rangeId)\n\n  if (matchedRange && matchedRange.id !== 'ANY_TIME') {\n    return matchedRange.label\n  }\n\n  // Fallback to formatted date if no preset matches\n  try {\n    const valueInMilliseconds = storedTimestamp * 1000\n    return new Date(valueInMilliseconds).toLocaleDateString()\n  } catch {\n    return timestamp\n  }\n}\n"],"mappings":";;AAIA,IAAa,IAAyB,IAGhC,IAAc,MACd,IAAa,IAAc,IAC3B,IAAc,IAAa,GAC3B,IAAe,IAAa,IAC5B,IAAc,IAAa,KAIpB,IAAa;CACxB;EAAE,IAAI;EAAY,OAAO;EAAY,OAAO;EAAM;CAClD;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;EAAa;CAC3D;EAAE,IAAI;EAAY,OAAO;EAAiB,OAAO;EAAY;CAC7D;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;EAAa;CAC3D;EAAE,IAAI;EAAc,OAAO;EAAc,OAAO;EAAc;CAC9D;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;EAAa;CAC5D,EAGY,IAA8C;CACzD,WAAW;CACX,aAAa;CACd,EAGY,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EAEY,IAAmB;CAC9B;CACA;CACA;CACA;CACD,EAEY,IAAqD;CAChE,WAAW;CACX,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,aAAa;CACb,aAAa;CACb,YAAY;CACb;AAMD,SAAgB,EAAiB,GAA2B;AAG1D,QAAO,OADL,EAA2B,MAAc,EAAgB,EAAU;;AAQvE,SAAgB,EACd,GACA,GACS;AACT,KAAI,CAAC,KAAS,EAAM,MAAM,KAAK,GAC7B,QAAO;CAGT,IAAM,KACH,MAAc,eAAe,MAAc,iBAC5C,MAAU,QAEN,IAA0B,EAAM,SAAS,IAAI;AAEnD,QAAO,CAAC,KAAsB,CAAC;;AAOjC,IAAa,KAAe,MAA0B;CAEpD,IAAM,IAAsB,EAAK,aAAa,CAAC,QAAQ,MAAM,GAAG;AAEhE,QAAO,EAAiB,MACtB,MAAS,EAAM,aAAa,CAAC,QAAQ,MAAM,GAAG,KAAK,EACpD;;AAMH,SAAgB,EAAgB,GAAsB;AACpD,QAAO,EAAK,QAAQ,MAAM,IAAI,CAAC,QAAQ,UAAS,MAAQ,EAAK,aAAa,CAAC;;AAM7E,SAAgB,EAAoB,GAA2B;AAC7D,QAAO,EAAoB,MAAc,EAAgB,EAAU;;AAMrE,SAAgB,EAAkB,GAAuB;AAKvD,QAHA,EAAI,CAAC,EAAM,eAAe,EAAM,YAAY,WAAW;;AAYzD,SAAgB,EAAuB,GAA2B;CAChE,IAAM,IAAkB,SAAS,EAAU;AAE3C,KAAI,CAAC,EACH,QAAO;CAGT,IAAM,IAAgB,GAAO,CAAC,MAAM,GAAG;AAsBvC,QApBI,KAAiB,IACZ,aAIO,EAAW,QACxB,MACC,EAAM,OAAO,WAMD,CAAQ,QAAQ,GAAM,MACpC,KAAK,IAAI,IAAgB,EAAO,MAAM,GACtC,KAAK,IAAI,IAAgB,EAAK,MAAM,GAChC,IACA,EAGC,CAAQ;;AASjB,SAAgB,EAA4B,GAA2B;CACrE,IAAM,IAAkB,SAAS,EAAU;AAE3C,KAAI,MAAM,EAAgB,CACxB,QAAO;AAGT,KAAI,MAAoB,EACtB,QAAO;CAIT,IAAM,IAAU,EAAuB,EAAU,EAC3C,IAAe,EAAW,MAAK,MAAK,EAAE,OAAO,EAAQ;AAE3D,KAAI,KAAgB,EAAa,OAAO,WACtC,QAAO,EAAa;AAItB,KAAI;EACF,IAAM,IAAsB,IAAkB;AAC9C,SAAO,IAAI,KAAK,EAAoB,CAAC,oBAAoB;SACnD;AACN,SAAO"}
+{"version":3,"file":"SearchFacetPanelUtils.js","names":[],"sources":["../../../../src/components/SynapseSearchPageResults/SearchFacetPanel/SearchFacetPanelUtils.ts"],"sourcesContent":["import { Facet } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\n\n// Constants\nexport const MAX_FACET_VALUES_SHOWN = 10\n\nconst MINUTE_IN_SEC = 60\nconst HOUR_IN_SEC = MINUTE_IN_SEC * 60\nconst DAY_IN_SEC = HOUR_IN_SEC * 24\nconst WEEK_IN_SEC = DAY_IN_SEC * 7\nconst MONTH_IN_SEC = DAY_IN_SEC * 30\nconst YEAR_IN_SEC = DAY_IN_SEC * 365\n\n// 'range' is the approximate duration in seconds used to match a stored URL timestamp back to a preset.\n// null (ANY_TIME) means no date filter is applied.\nexport const timeRanges = [\n  { id: 'ANY_TIME', label: 'Any Time', range: null },\n  { id: 'PAST_HOUR', label: 'Past Hour', range: HOUR_IN_SEC },\n  { id: 'PAST_DAY', label: 'Past 24 Hours', range: DAY_IN_SEC },\n  { id: 'PAST_WEEK', label: 'Past Week', range: WEEK_IN_SEC },\n  { id: 'PAST_MONTH', label: 'Past Month', range: MONTH_IN_SEC },\n  { id: 'PAST_YEAR', label: 'Past Year', range: YEAR_IN_SEC },\n]\n\n// User-friendly display names\nexport const FACET_DISPLAY_NAMES: Record<string, string> = {\n  node_type: 'Entity Type',\n  modified_by: 'Last Modified By',\n}\n\n// Facet display order\nexport const FACET_DISPLAY_ORDER = [\n  'node_type',\n  'consortium',\n  'disease',\n  'modified_on',\n  'modified_by',\n  'created_on',\n  'tissue',\n  'num_samples',\n  'created_by',\n]\n\nexport const USER_FACET_NAMES = [\n  'modified_by',\n  'created_by',\n  'ModifiedBy',\n  'CreatedBy',\n]\n\nexport const FACET_PLURAL_DISPLAY_NAMES: Record<string, string> = {\n  node_type: 'Entity Types',\n  consortium: 'Consortiums',\n  disease: 'Diseases',\n  tissue: 'Tissues',\n  num_samples: 'Num Samples',\n  modified_by: 'Last Modified By',\n  created_by: 'Created By',\n}\n\n// Helper functions\n/**\n * Get the label for the \"All\" option in a facet, e.g. \"All Entity Types\" for the 'node_type' facet\n */\nexport function getAllFacetLabel(facetName: string): string {\n  const pluralName =\n    FACET_PLURAL_DISPLAY_NAMES[facetName] || formatFacetName(facetName)\n  return `All ${pluralName}`\n}\n\n/**\n * Determines if a facet value should be displayed in the UI.\n * Hides 'link' entity types and colon-prefixed values\n */\nexport function shouldShowFacetValue(\n  facetName: string,\n  value: string,\n): boolean {\n  if (!value || value.trim() === '') {\n    return false\n  }\n\n  const isHiddenEntityType =\n    (facetName === 'node_type' || facetName === 'EntityType') &&\n    value === 'link'\n\n  const isInternalPrefixedValue = value.includes(':')\n\n  return !isHiddenEntityType && !isInternalPrefixedValue\n}\n\n/**\n * Check if a facet is a user facet (e.g., 'modified_by' or 'created_by')\n * Accepts either snake_case or PascalCase facet names.\n */\nexport const isUserFacet = (name: string): boolean => {\n  // Normalize by removing underscores and converting to lowercase\n  const normalizedFacetName = name.toLowerCase().replace(/_/g, '')\n\n  return USER_FACET_NAMES.some(\n    facet => facet.toLowerCase().replace(/_/g, '') === normalizedFacetName,\n  )\n}\n\n/**\n * Format facet name: capitalize first letter, replace underscores with spaces\n */\nexport function formatFacetName(name: string): string {\n  return name.replace(/_/g, ' ').replace(/\\b\\w/g, char => char.toUpperCase())\n}\n\n/**\n * Get user-friendly display name for a facet\n */\nexport function getFacetDisplayName(facetName: string): string {\n  return FACET_DISPLAY_NAMES[facetName] || formatFacetName(facetName)\n}\n\n/**\n * Check if a facet should be rendered (some facets like 'link' are hidden)\n */\nexport function shouldRenderFacet(facet: Facet): boolean {\n  // Don't render facets with no constraints (values to click on)\n  if (!facet.constraints || facet.constraints.length === 0) {\n    return false\n  }\n  return true\n}\n\n/**\n * Get timestamp from URL/query and determine which time range preset it matches\n *\n * @param timestamp - The stored timestamp (in seconds) from the URL/query\n * @returns The ID of the matching time range preset ('PAST_HOUR', 'PAST_DAY', etc.)\n */\nexport function getSelectedTimeRangeId(timestamp: string): string {\n  const storedTimestamp = parseInt(timestamp)\n\n  if (!storedTimestamp) {\n    return 'ANY_TIME'\n  }\n\n  const diffInSeconds = dayjs().unix() - storedTimestamp\n\n  if (diffInSeconds <= 0) {\n    return 'ANY_TIME'\n  }\n\n  // Filter out 'ANY_TIME' since it doesn't have a numeric range\n  const presets = timeRanges.filter(\n    (range): range is { id: string; label: string; range: number } =>\n      range.id !== 'ANY_TIME',\n  )\n\n  // Find the closest preset by comparing the absolute difference.\n  // Ex: If diffInSeconds is 3605, it is 5 seconds away from PAST_HOUR (3600)\n  // but 82,795 seconds away from PAST_DAY (86400) so we would match to PAST_HOUR.\n  const closest = presets.reduce((best, preset) =>\n    Math.abs(diffInSeconds - preset.range) <\n    Math.abs(diffInSeconds - best.range)\n      ? preset\n      : best,\n  )\n\n  return closest.id\n}\n\n/**\n * Formats a timestamp for display in the applied facets chip.\n *\n * @param timestamp - The stored timestamp (in seconds)\n * @returns A friendly display string\n */\nexport function formatTimeRangeDisplayValue(timestamp: string): string {\n  const storedTimestamp = parseInt(timestamp)\n\n  if (isNaN(storedTimestamp)) {\n    return timestamp\n  }\n\n  if (storedTimestamp === 0) {\n    return 'any time'\n  }\n\n  // Try to match to a preset\n  const rangeId = getSelectedTimeRangeId(timestamp)\n  const matchedRange = timeRanges.find(r => r.id === rangeId)\n\n  if (matchedRange && matchedRange.id !== 'ANY_TIME') {\n    return matchedRange.label\n  }\n\n  // Fallback to formatted date if no preset matches\n  try {\n    const valueInMilliseconds = storedTimestamp * 1000\n    return new Date(valueInMilliseconds).toLocaleDateString()\n  } catch {\n    return timestamp\n  }\n}\n"],"mappings":";;AAIA,IAAa,IAAyB,IAGhC,IAAc,MACd,IAAa,IAAc,IAC3B,IAAc,IAAa,GAC3B,IAAe,IAAa,IAC5B,IAAc,IAAa,KAIpB,IAAa;CACxB;EAAE,IAAI;EAAY,OAAO;EAAY,OAAO;CAAK;CACjD;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;CAAY;CAC1D;EAAE,IAAI;EAAY,OAAO;EAAiB,OAAO;CAAW;CAC5D;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;CAAY;CAC1D;EAAE,IAAI;EAAc,OAAO;EAAc,OAAO;CAAa;CAC7D;EAAE,IAAI;EAAa,OAAO;EAAa,OAAO;CAAY;AAC5D,GAGa,IAA8C;CACzD,WAAW;CACX,aAAa;AACf,GAGa,IAAsB;CACjC;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,GAEa,IAAmB;CAC9B;CACA;CACA;CACA;AACF,GAEa,IAAqD;CAChE,WAAW;CACX,YAAY;CACZ,SAAS;CACT,QAAQ;CACR,aAAa;CACb,aAAa;CACb,YAAY;AACd;AAMA,SAAgB,EAAiB,GAA2B;CAG1D,OAAO,OADL,EAA2B,MAAc,EAAgB,CAAS;AAEtE;AAMA,SAAgB,EACd,GACA,GACS;CACT,IAAI,CAAC,KAAS,EAAM,KAAK,MAAM,IAC7B,OAAO;CAGT,IAAM,KACH,MAAc,eAAe,MAAc,iBAC5C,MAAU,QAEN,IAA0B,EAAM,SAAS,GAAG;CAElD,OAAO,CAAC,KAAsB,CAAC;AACjC;AAMA,IAAa,KAAe,MAA0B;CAEpD,IAAM,IAAsB,EAAK,YAAY,EAAE,QAAQ,MAAM,EAAE;CAE/D,OAAO,EAAiB,MACtB,MAAS,EAAM,YAAY,EAAE,QAAQ,MAAM,EAAE,MAAM,CACrD;AACF;AAKA,SAAgB,EAAgB,GAAsB;CACpD,OAAO,EAAK,QAAQ,MAAM,GAAG,EAAE,QAAQ,UAAS,MAAQ,EAAK,YAAY,CAAC;AAC5E;AAKA,SAAgB,EAAoB,GAA2B;CAC7D,OAAO,EAAoB,MAAc,EAAgB,CAAS;AACpE;AAKA,SAAgB,EAAkB,GAAuB;CAKvD,OAHA,EAAI,CAAC,EAAM,eAAe,EAAM,YAAY,WAAW;AAIzD;AAQA,SAAgB,EAAuB,GAA2B;CAChE,IAAM,IAAkB,SAAS,CAAS;CAE1C,IAAI,CAAC,GACH,OAAO;CAGT,IAAM,IAAgB,EAAM,EAAE,KAAK,IAAI;CAsBvC,OApBI,KAAiB,IACZ,aAIO,EAAW,QACxB,MACC,EAAM,OAAO,UAMD,EAAQ,QAAQ,GAAM,MACpC,KAAK,IAAI,IAAgB,EAAO,KAAK,IACrC,KAAK,IAAI,IAAgB,EAAK,KAAK,IAC/B,IACA,CAGC,EAAQ;AACjB;AAQA,SAAgB,EAA4B,GAA2B;CACrE,IAAM,IAAkB,SAAS,CAAS;CAE1C,IAAI,MAAM,CAAe,GACvB,OAAO;CAGT,IAAI,MAAoB,GACtB,OAAO;CAIT,IAAM,IAAU,EAAuB,CAAS,GAC1C,IAAe,EAAW,MAAK,MAAK,EAAE,OAAO,CAAO;CAE1D,IAAI,KAAgB,EAAa,OAAO,YACtC,OAAO,EAAa;CAItB,IAAI;EACF,IAAM,IAAsB,IAAkB;EAC9C,OAAO,IAAI,KAAK,CAAmB,EAAE,mBAAmB;CAC1D,QAAQ;EACN,OAAO;CACT;AACF"}

package/dist/components/SynapseSearchPageResults/SearchPagePortalBanners.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchPagePortalBanners.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Link, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SearchPagePortalBannersProps = {\n  entityIds: string[]\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n * Portal banner based on entities found in the first page of search results.\n */\nexport default function SearchPagePortalBanners({\n  entityIds,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SearchPagePortalBannersProps) {\n  // Query data catalog to find portal mappings for the entity IDs\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIds,\n          },\n        ]\n      : []\n\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: entityIds.length > 0,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n  const appIds = rowSet?.rows\n    .map(row => row.values[0])\n    .filter((v): v is string => !!v) as string[]\n\n  // Get source app configurations for the found portal app IDs\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] =\n    appIds && appIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'appId',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: appIds,\n          },\n        ]\n      : []\n\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n  const hasAppIds = appIds && appIds.length > 0\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return null\n  }\n\n  return (\n    <>\n      {sourceAppConfigs.map((appConfig, index) => {\n        return (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              padding: '32px',\n              backgroundColor: 'secondary.100',\n              borderRadius: '8px',\n              width: '100%',\n              transition: 'background-color 0.3s',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              gap: '50px',\n              boxShadow:\n                '0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)',\n            }}\n          >\n            <Box>\n              <Typography\n                variant=\"smallText1\"\n                sx={{ color: 'grey.900', mt: '4px', lineHeight: '20px' }}\n              >\n                Looks like you’re searching for information about{' '}\n                {appConfig.area}\n                {'. '}\n                <Link\n                  component={'a'}\n                  href={appConfig.appURL}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  sx={{\n                    color: theme => `${theme.palette.grey[900]} !important`,\n                    textDecorationColor: theme =>\n                      `${theme.palette.grey[900]} !important`,\n                  }}\n                >\n                  Visit the {appConfig.friendlyName}\n                </Link>\n                .\n              </Typography>\n            </Box>\n            <Box\n              sx={{\n                '> *': {\n                  height: '48px',\n                  width: 'auto',\n                },\n              }}\n            >\n              {appConfig?.logo}\n            </Box>\n          </Box>\n        )\n      })}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAwB,EAAwB,EAC9C,cACA,yBAAsB,eACtB,4BAAyB,iBACM;CAE/B,IAAM,IACJ,EAAU,SAAS,IACf,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;EACT,CACF,GACD,EAAE,EAEF,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;GACpB;EACD,UAAA;EACA,cAAc;EACf,EACD,EACE,SAAS,EAAU,SAAS,GAC7B,CACF,EAEK,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GACrD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,GAAG,CACzB,QAAQ,MAAmB,CAAC,CAAC,EAAE,EAgB5B,IAAmB,EACvB,GAbA,KAAU,EAAO,SAAS,IACtB,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;EACT,CACF,GACD,EAAE,CAKP,EACK,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;AAM5E,QAJI,EADc,KAAU,EAAO,SAAS,MAC1B,CAAC,KAAoB,CAAC,IAC/B,OAIP,kBAAA,GAAA,EAAA,UACG,EAAiB,KAAK,GAAW,MAE9B,kBAAC,GAAD;EAEE,IAAI;GACF,SAAS;GACT,SAAS;GACT,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,KAAK;GACL,WACE;GACH;YAdH,CAgBE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,OAAO;IAAY,IAAI;IAAO,YAAY;IAAQ;aAF1D;IAGC;IACmD;IACjD,EAAU;IACV;IACD,kBAAC,GAAD;KACE,WAAW;KACX,MAAM,EAAU;KAChB,QAAO;KACP,KAAI;KACJ,IAAI;MACF,QAAO,MAAS,GAAG,EAAM,QAAQ,KAAK,KAAK;MAC3C,sBAAqB,MACnB,GAAG,EAAM,QAAQ,KAAK,KAAK;MAC9B;eATH,CAUC,cACY,EAAU,aAChB;;;IAEI;MACT,CAAA,EACN,kBAAC,GAAD;GACE,IAAI,EACF,OAAO;IACL,QAAQ;IACR,OAAO;IACR,EACF;aAEA,GAAW;GACR,CAAA,CACF;IAjDC,EAiDD,CAER,EACD,CAAA"}
+{"version":3,"file":"SearchPagePortalBanners.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"sourcesContent":["import { useGetQueryResultBundleWithAsyncStatus } from '@/synapse-queries'\nimport { useSourceAppConfigs } from '@/utils/hooks'\nimport { BUNDLE_MASK_QUERY_RESULTS } from '@/utils/SynapseConstants'\nimport { Box, Link, Typography } from '@mui/material'\nimport {\n  ColumnSingleValueQueryFilter,\n  ColumnSingleValueFilterOperator,\n} from '@sage-bionetworks/synapse-types'\n\nexport type SearchPagePortalBannersProps = {\n  entityIds: string[]\n  dataCatalogEntityId?: string\n  sourceAppConfigTableID?: string\n}\n\n/**\n * Portal banner based on entities found in the first page of search results.\n */\nexport default function SearchPagePortalBanners({\n  entityIds,\n  dataCatalogEntityId = 'syn61609402',\n  sourceAppConfigTableID = 'syn45291362',\n}: SearchPagePortalBannersProps) {\n  // Query data catalog to find portal mappings for the entity IDs\n  const dataCatalogAdditionalFilters: ColumnSingleValueQueryFilter[] =\n    entityIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'id',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: entityIds,\n          },\n        ]\n      : []\n\n  const { data: dataCatalogData } = useGetQueryResultBundleWithAsyncStatus(\n    {\n      entityId: dataCatalogEntityId,\n      query: {\n        sql: `SELECT appId, link FROM ${dataCatalogEntityId}`,\n        additionalFilters: dataCatalogAdditionalFilters,\n      },\n      partMask: BUNDLE_MASK_QUERY_RESULTS,\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    },\n    {\n      enabled: entityIds.length > 0,\n    },\n  )\n\n  const rowSet = dataCatalogData?.responseBody?.queryResult?.queryResults\n  const hasPortalBanners = !!rowSet && rowSet?.rows.length > 0\n  const appIds = rowSet?.rows\n    .map(row => row.values[0])\n    .filter((v): v is string => !!v) as string[]\n\n  // Get source app configurations for the found portal app IDs\n  const sourceAppConfigFilters: ColumnSingleValueQueryFilter[] =\n    appIds && appIds.length > 0\n      ? [\n          {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.ColumnSingleValueQueryFilter',\n            columnName: 'appId',\n            operator: ColumnSingleValueFilterOperator.IN,\n            values: appIds,\n          },\n        ]\n      : []\n\n  const sourceAppConfigs = useSourceAppConfigs(\n    sourceAppConfigTableID,\n    sourceAppConfigFilters,\n  )\n  const hasSourceAppConfigs = !!sourceAppConfigs && sourceAppConfigs.length > 0\n  const hasAppIds = appIds && appIds.length > 0\n  if (!hasAppIds || !hasPortalBanners || !hasSourceAppConfigs) {\n    return null\n  }\n\n  return (\n    <>\n      {sourceAppConfigs.map((appConfig, index) => {\n        return (\n          <Box\n            key={index}\n            sx={{\n              display: 'flex',\n              padding: '32px',\n              backgroundColor: 'secondary.100',\n              borderRadius: '8px',\n              width: '100%',\n              transition: 'background-color 0.3s',\n              justifyContent: 'space-between',\n              alignItems: 'center',\n              gap: '50px',\n              boxShadow:\n                '0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)',\n            }}\n          >\n            <Box>\n              <Typography\n                variant=\"smallText1\"\n                sx={{ color: 'grey.900', mt: '4px', lineHeight: '20px' }}\n              >\n                Looks like you’re searching for information about{' '}\n                {appConfig.area}\n                {'. '}\n                <Link\n                  component={'a'}\n                  href={appConfig.appURL}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  sx={{\n                    color: theme => `${theme.palette.grey[900]} !important`,\n                    textDecorationColor: theme =>\n                      `${theme.palette.grey[900]} !important`,\n                  }}\n                >\n                  Visit the {appConfig.friendlyName}\n                </Link>\n                .\n              </Typography>\n            </Box>\n            <Box\n              sx={{\n                '> *': {\n                  height: '48px',\n                  width: 'auto',\n                },\n              }}\n            >\n              {appConfig?.logo}\n            </Box>\n          </Box>\n        )\n      })}\n    </>\n  )\n}\n"],"mappings":";;;;;;;;;AAkBA,SAAwB,EAAwB,EAC9C,cACA,yBAAsB,eACtB,4BAAyB,iBACM;CAE/B,IAAM,IACJ,EAAU,SAAS,IACf,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,GAED,EAAE,MAAM,MAAoB,EAChC;EACE,UAAU;EACV,OAAO;GACL,KAAK,2BAA2B;GAChC,mBAAmB;EACrB;EACA,UAAA;EACA,cAAc;CAChB,GACA,EACE,SAAS,EAAU,SAAS,EAC9B,CACF,GAEM,IAAS,GAAiB,cAAc,aAAa,cACrD,IAAmB,CAAC,CAAC,KAAU,GAAQ,KAAK,SAAS,GACrD,IAAS,GAAQ,KACpB,KAAI,MAAO,EAAI,OAAO,EAAE,EACxB,QAAQ,MAAmB,CAAC,CAAC,CAAC,GAgB3B,IAAmB,EACvB,GAbA,KAAU,EAAO,SAAS,IACtB,CACE;EACE,cACE;EACF,YAAY;EACZ,UAAU,EAAgC;EAC1C,QAAQ;CACV,CACF,IACA,CAAC,CAKP,GACM,IAAsB,CAAC,CAAC,KAAoB,EAAiB,SAAS;CAM5E,OAJI,EADc,KAAU,EAAO,SAAS,MAC1B,CAAC,KAAoB,CAAC,IAC/B,OAIP,kBAAA,GAAA,EAAA,UACG,EAAiB,KAAK,GAAW,MAE9B,kBAAC,GAAD;EAEE,IAAI;GACF,SAAS;GACT,SAAS;GACT,iBAAiB;GACjB,cAAc;GACd,OAAO;GACP,YAAY;GACZ,gBAAgB;GAChB,YAAY;GACZ,KAAK;GACL,WACE;EACJ;YAdF,CAgBE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IAAE,OAAO;IAAY,IAAI;IAAO,YAAY;GAAO;aAFzD;IAGC;IACmD;IACjD,EAAU;IACV;IACD,kBAAC,GAAD;KACE,WAAW;KACX,MAAM,EAAU;KAChB,QAAO;KACP,KAAI;KACJ,IAAI;MACF,QAAO,MAAS,GAAG,EAAM,QAAQ,KAAK,KAAK;MAC3C,sBAAqB,MACnB,GAAG,EAAM,QAAQ,KAAK,KAAK;KAC/B;eATF,CAUC,cACY,EAAU,YACjB;;IAAC;GAEG;KACT,CAAA,GACL,kBAAC,GAAD;GACE,IAAI,EACF,OAAO;IACL,QAAQ;IACR,OAAO;GACT,EACF;aAEC,GAAW;EACT,CAAA,CACF;IAjDE,CAiDF,CAER,EACD,CAAA;AAEN"}

package/dist/components/SynapseSearchPageResults/SynapseSearchPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchPage.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router'\nimport { SEARCH_PAGE_QUERY_PARAM } from '@/utils/SynapseConstants'\nimport { SynapseSearchPageResults } from './SynapseSearchPageResults'\nimport SynapseSearchPageRouter, {\n  SynapseSearchPageRouterProps,\n} from './SynapseSearchPageRouter'\nimport { SearchQuery } from '@sage-bionetworks/synapse-types'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport { useEffect, useMemo } from 'react'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\n\nfunction SearchPageInternal() {\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  // Parse SearchQuery object from URL parameter\n  const queryParam = searchParams.get(SEARCH_PAGE_QUERY_PARAM) || ''\n  let parsedURLQuery = {}\n  try {\n    parsedURLQuery = queryParam ? JSON.parse(queryParam) : {}\n  } catch (error) {\n    console.error('Error parsing search query from URL:', error)\n  }\n\n  const query: SearchQuery = {\n    ...DEFAULT_SEARCH_QUERY,\n    ...parsedURLQuery,\n  }\n\n  const queryTerm = query?.queryTerm?.[0] || ''\n  const parsedSynId = useMemo(() => parseSynId(queryTerm), [queryTerm])\n\n  useEffect(() => {\n    if (parsedSynId) {\n      const entityPath = parsedSynId.targetVersionNumber\n        ? `${parsedSynId.targetId}.${parsedSynId.targetVersionNumber}`\n        : parsedSynId.targetId\n\n      window.location.assign(\n        `${getEndpoint(\n          BackendDestinationEnum.PORTAL_ENDPOINT,\n        )}Synapse:${entityPath}`,\n      )\n    }\n  }, [parsedSynId])\n\n  // Store the whole SearchQuery object as JSON in URL\n  const handleQueryChange = (newQuery: SearchQuery) => {\n    setSearchParams(prev => {\n      if (newQuery && newQuery.queryTerm && newQuery.queryTerm.length > 0) {\n        prev.set(SEARCH_PAGE_QUERY_PARAM, JSON.stringify(newQuery))\n      } else {\n        prev.delete(SEARCH_PAGE_QUERY_PARAM)\n      }\n      return prev\n    })\n  }\n\n  if (parsedSynId) {\n    return null\n  }\n\n  // Render search results with new query\n  return <SynapseSearchPageResults query={query} setQuery={handleQueryChange} />\n}\n\nexport type SynapseSearchPageProps = Omit<\n  SynapseSearchPageRouterProps,\n  'children'\n>\n\nexport default function SynapseSearchPage(props: SynapseSearchPageProps) {\n  return (\n    <SynapseSearchPageRouter {...props}>\n      <SearchPageInternal />\n    </SynapseSearchPageRouter>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAS,IAAqB;CAC5B,IAAM,CAAC,GAAc,KAAmB,GAAiB,EAGnD,IAAa,EAAa,IAAA,QAA4B,IAAI,IAC5D,IAAiB,EAAE;AACvB,KAAI;AACF,MAAiB,IAAa,KAAK,MAAM,EAAW,GAAG,EAAE;UAClD,GAAO;AACd,UAAQ,MAAM,wCAAwC,EAAM;;CAG9D,IAAM,IAAqB;EACzB,GAAG;EACH,GAAG;EACJ,EAEK,IAAY,GAAO,YAAY,MAAM,IACrC,IAAc,QAAc,EAAW,EAAU,EAAE,CAAC,EAAU,CAAC;AAiCrE,QA/BA,QAAgB;AACd,MAAI,GAAa;GACf,IAAM,IAAa,EAAY,sBAC3B,GAAG,EAAY,SAAS,GAAG,EAAY,wBACvC,EAAY;AAEhB,UAAO,SAAS,OACd,GAAG,EACD,EAAuB,gBACxB,CAAC,UAAU,IACb;;IAEF,CAAC,EAAY,CAAC,EAcb,IACK,OAIF,kBAAC,GAAD;EAAiC;EAAO,WAhBpB,MAA0B;AACnD,MAAgB,OACV,KAAY,EAAS,aAAa,EAAS,UAAU,SAAS,IAChE,EAAK,IAAI,GAAyB,KAAK,UAAU,EAAS,CAAC,GAE3D,EAAK,OAAO,EAAwB,EAE/B,GACP;;EAQ0E,CAAA;;AAQhF,SAAwB,EAAkB,GAA+B;AACvE,QACE,kBAAC,GAAD;EAAyB,GAAI;YAC3B,kBAAC,GAAD,EAAsB,CAAA;EACE,CAAA"}
+{"version":3,"file":"SynapseSearchPage.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPage.tsx"],"sourcesContent":["import { useSearchParams } from 'react-router'\nimport { SEARCH_PAGE_QUERY_PARAM } from '@/utils/SynapseConstants'\nimport { SynapseSearchPageResults } from './SynapseSearchPageResults'\nimport SynapseSearchPageRouter, {\n  SynapseSearchPageRouterProps,\n} from './SynapseSearchPageRouter'\nimport { SearchQuery } from '@sage-bionetworks/synapse-types'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport { useEffect, useMemo } from 'react'\nimport { parseSynId } from '@/utils/functions/RegularExpressions'\nimport { BackendDestinationEnum, getEndpoint } from '@/utils/functions'\n\nfunction SearchPageInternal() {\n  const [searchParams, setSearchParams] = useSearchParams()\n\n  // Parse SearchQuery object from URL parameter\n  const queryParam = searchParams.get(SEARCH_PAGE_QUERY_PARAM) || ''\n  let parsedURLQuery = {}\n  try {\n    parsedURLQuery = queryParam ? JSON.parse(queryParam) : {}\n  } catch (error) {\n    console.error('Error parsing search query from URL:', error)\n  }\n\n  const query: SearchQuery = {\n    ...DEFAULT_SEARCH_QUERY,\n    ...parsedURLQuery,\n  }\n\n  const queryTerm = query?.queryTerm?.[0] || ''\n  const parsedSynId = useMemo(() => parseSynId(queryTerm), [queryTerm])\n\n  useEffect(() => {\n    if (parsedSynId) {\n      const entityPath = parsedSynId.targetVersionNumber\n        ? `${parsedSynId.targetId}.${parsedSynId.targetVersionNumber}`\n        : parsedSynId.targetId\n\n      window.location.assign(\n        `${getEndpoint(\n          BackendDestinationEnum.PORTAL_ENDPOINT,\n        )}Synapse:${entityPath}`,\n      )\n    }\n  }, [parsedSynId])\n\n  // Store the whole SearchQuery object as JSON in URL\n  const handleQueryChange = (newQuery: SearchQuery) => {\n    setSearchParams(prev => {\n      if (newQuery && newQuery.queryTerm && newQuery.queryTerm.length > 0) {\n        prev.set(SEARCH_PAGE_QUERY_PARAM, JSON.stringify(newQuery))\n      } else {\n        prev.delete(SEARCH_PAGE_QUERY_PARAM)\n      }\n      return prev\n    })\n  }\n\n  if (parsedSynId) {\n    return null\n  }\n\n  // Render search results with new query\n  return <SynapseSearchPageResults query={query} setQuery={handleQueryChange} />\n}\n\nexport type SynapseSearchPageProps = Omit<\n  SynapseSearchPageRouterProps,\n  'children'\n>\n\nexport default function SynapseSearchPage(props: SynapseSearchPageProps) {\n  return (\n    <SynapseSearchPageRouter {...props}>\n      <SearchPageInternal />\n    </SynapseSearchPageRouter>\n  )\n}\n"],"mappings":";;;;;;;;;;;AAYA,SAAS,IAAqB;CAC5B,IAAM,CAAC,GAAc,KAAmB,EAAgB,GAGlD,IAAa,EAAa,IAAA,OAA2B,KAAK,IAC5D,IAAiB,CAAC;CACtB,IAAI;EACF,IAAiB,IAAa,KAAK,MAAM,CAAU,IAAI,CAAC;CAC1D,SAAS,GAAO;EACd,QAAQ,MAAM,wCAAwC,CAAK;CAC7D;CAEA,IAAM,IAAqB;EACzB,GAAG;EACH,GAAG;CACL,GAEM,IAAY,GAAO,YAAY,MAAM,IACrC,IAAc,QAAc,EAAW,CAAS,GAAG,CAAC,CAAS,CAAC;CAiCpE,OA/BA,QAAgB;EACd,IAAI,GAAa;GACf,IAAM,IAAa,EAAY,sBAC3B,GAAG,EAAY,SAAS,GAAG,EAAY,wBACvC,EAAY;GAEhB,OAAO,SAAS,OACd,GAAG,EACD,EAAuB,eACzB,EAAE,UAAU,GACd;EACF;CACF,GAAG,CAAC,CAAW,CAAC,GAcZ,IACK,OAIF,kBAAC,GAAD;EAAiC;EAAO,WAhBpB,MAA0B;GACnD,GAAgB,OACV,KAAY,EAAS,aAAa,EAAS,UAAU,SAAS,IAChE,EAAK,IAAI,GAAyB,KAAK,UAAU,CAAQ,CAAC,IAE1D,EAAK,OAAO,CAAuB,GAE9B,EACR;EACH;CAO6E,CAAA;AAC/E;AAOA,SAAwB,EAAkB,GAA+B;CACvE,OACE,kBAAC,GAAD;EAAyB,GAAI;YAC3B,kBAAC,GAAD,CAAqB,CAAA;CACE,CAAA;AAE7B"}

package/dist/components/SynapseSearchPageResults/SynapseSearchPageResults.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchPageResults.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPageResults.tsx"],"sourcesContent":["import {\n  Box,\n  TextField,\n  InputAdornment,\n  Button,\n  Typography,\n  IconButton,\n  Collapse,\n  Badge,\n  Skeleton,\n  Link,\n} from '@mui/material'\nimport SynapseSearchResultsCard from './SynapseSearchResultsCard'\nimport SearchIcon from '@mui/icons-material/Search'\nimport FilterAltOutlinedIcon from '@mui/icons-material/FilterAltOutlined'\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useCallback,\n  Suspense,\n} from 'react'\nimport { useSearchInfinite } from '@/synapse-queries/search/useSearch'\nimport {\n  SearchQuery,\n  KeyRange,\n  Hit,\n  Facet,\n} from '@sage-bionetworks/synapse-types'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { ArrowForward } from '@mui/icons-material'\nimport styles from './SynapseSearchPageResults.module.scss'\nimport { useSuggestion } from '@/synapse-queries/search/useSuggestion'\nimport { Suggestion } from '@sage-bionetworks/synapse-client'\nimport SearchPagePortalBanners from './SearchPagePortalBanners'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport {\n  SearchFacetPanel,\n  AppliedFacetsChips,\n} from './SearchFacetPanel/SearchFacetPanel'\nimport { shouldShowFacetValue } from './SearchFacetPanel/SearchFacetPanelUtils'\nimport { SkeletonInlineBlock } from '../Skeleton'\nimport { useSynapseContext } from '@/utils'\n\n/**\n * Add a literal facet filter to the query\n */\nfunction addFacetToQuery(\n  query: SearchQuery,\n  facetName: string,\n  facetValue: string,\n): SearchQuery {\n  const booleanQuery = query.booleanQuery || []\n\n  const isFilterAlreadyApplied = booleanQuery.some(\n    kv => kv.key === facetName && kv.value === facetValue,\n  )\n\n  if (isFilterAlreadyApplied) {\n    return query\n  }\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    booleanQuery: [\n      ...booleanQuery,\n      { key: facetName, value: facetValue, not: false },\n    ],\n    start: 0, // Reset to first page\n  }\n}\n\n/**\n * Remove a literal facet filter from the query\n */\nfunction removeFacetFromQuery(\n  query: SearchQuery,\n  facetName: string,\n  facetValue: string,\n): SearchQuery {\n  const booleanQuery = query.booleanQuery || []\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    booleanQuery: booleanQuery.filter(\n      kv => !(kv.key === facetName && kv.value === facetValue),\n    ),\n    start: 0,\n  }\n}\n\n/**\n * Set a range facet (ex, for modified on, created on)\n */\nfunction setRangeFacetInQuery(\n  query: SearchQuery,\n  facetName: string,\n  minValue: string,\n): SearchQuery {\n  const rangeQuery = query.rangeQuery || []\n\n  // Remove any existing range for this facet\n  const filteredRangeQuery = rangeQuery.filter(kr => kr.key !== facetName)\n\n  const maxValue = String(Math.floor(Date.now() / 1000)) // Now in seconds\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    rangeQuery: [\n      ...filteredRangeQuery,\n      { key: facetName, min: minValue, max: maxValue },\n    ],\n    start: 0,\n  }\n}\n\n/**\n * Remove a range facet from the query\n */\nfunction removeRangeFacetFromQuery(\n  query: SearchQuery,\n  facetName: string,\n): SearchQuery {\n  const rangeQuery = query.rangeQuery || []\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    rangeQuery: rangeQuery.filter(kr => kr.key !== facetName),\n    start: 0,\n  }\n}\n\n/**\n * Check if a range facet is currently applied\n */\nfunction isRangeFacetApplied(query: SearchQuery, facetName: string): boolean {\n  const rangeQuery = query.rangeQuery || []\n  return rangeQuery.some(kr => kr.key === facetName)\n}\n\n/**\n * Get the applied range facet value for a given facet name\n */\nfunction getAppliedRangeFacet(\n  query: SearchQuery,\n  facetName: string,\n): KeyRange | undefined {\n  const rangeQuery = query.rangeQuery || []\n  return rangeQuery.find(kr => kr.key === facetName)\n}\n\nexport type SynapseSearchPageResultsProps = {\n  query?: SearchQuery\n  setQuery?: (newQuery: SearchQuery) => void\n}\n\nexport function SynapseSearchPageResults(props: SynapseSearchPageResultsProps) {\n  const MIN_SUGGESTION_SCORE = 0.75\n  const { query, setQuery } = props\n  const { peopleSearchPageUrl } = useSynapseContext()\n  const [expanded, setExpanded] = useState(false)\n\n  // Set page title (replaces jsniUtils.setPageTitle(DisplayConstants.LABEL_SEARCH) from Java)\n  useDocumentMetadata({ title: `Search: ${query?.queryTerm?.join(' ')}` })\n\n  // Capture local state to prevent search from executing on every keystroke\n  // Join query terms so that textfield input looks correct\n  const [searchInputValue, setSearchInputValue] = useState(\n    query?.queryTerm?.join(' ') || '',\n  )\n\n  // Sync input value when query prop changes\n  // Join query terms so that textfield input looks correct\n  useEffect(() => {\n    setSearchInputValue(query?.queryTerm?.join(' ') || '')\n  }, [query])\n\n  // Execute search\n  const {\n    data,\n    isLoading,\n    error,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n  } = useSearchInfinite(\n    query\n      ? {\n          ...DEFAULT_SEARCH_QUERY,\n          ...query,\n          size: 50,\n          returnFields: ['path'],\n        }\n      : { queryTerm: [], size: 50, returnFields: ['path'] },\n    {\n      enabled: !!query?.queryTerm?.[0],\n    },\n  )\n\n  // Update local input state\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchInputValue(event.target.value)\n  }\n\n  // Update query only when user explicitly searches\n  // Split query terms to form array\n  const handleSearch = () => {\n    if (setQuery) {\n      const newQuery = {\n        ...DEFAULT_SEARCH_QUERY,\n        ...query,\n        queryTerm: searchInputValue\n          ? searchInputValue\n              .split(' ')\n              .map(term => term.trim())\n              .filter(Boolean)\n          : [],\n        start: 0,\n      }\n      setQuery(newQuery)\n    }\n  }\n\n  // Fetch spelling suggestions for the search terms\n  const { data: suggestionData } = useSuggestion(\n    { searchTerm: query?.queryTerm },\n\n    {\n      enabled: !!query?.queryTerm?.[0],\n    },\n  )\n\n  const suggestion = useMemo(() => {\n    const suggestionValues = suggestionData?.suggestions\n    const terms = query?.queryTerm || []\n\n    if (!suggestionValues) return null\n\n    // Map original terms to their best suggestions if available\n    const suggestionMap = new Map<string, string>()\n    let hasSuggestion = false\n\n    for (const suggestionList of suggestionValues) {\n      const originalTerm = suggestionList.key\n      const suggestions = Array.from(suggestionList.values ?? [])\n\n      // Among suggestions above the score threshold, pick the highest-frequency term.\n      const bestSuggestion = suggestions.reduce<Suggestion | null>(\n        (best, current) => {\n          if (\n            current.score === undefined ||\n            current.score < MIN_SUGGESTION_SCORE\n          ) {\n            return best\n          }\n          if (!best || (current.frequency ?? 0) > (best.frequency ?? 0)) {\n            return current\n          }\n          return best\n        },\n        null,\n      )\n\n      // If a valid suggestion is found and it's different from the original term, add it to the map\n      if (bestSuggestion?.term && bestSuggestion.term !== originalTerm) {\n        suggestionMap.set(originalTerm!, bestSuggestion.term)\n        hasSuggestion = true\n      }\n    }\n\n    if (!hasSuggestion) return null\n\n    // Build the corrected search string by replacing misspelled terms\n    // Use toLowerCase() because the suggestion API returns keys in lowercase\n    const correctedTerms = terms.map(\n      term => suggestionMap.get(term.toLowerCase()) || term,\n    )\n\n    return correctedTerms.join(' ')\n  }, [suggestionData, query?.queryTerm])\n\n  // Extract entity IDs from search results for relevant portal banner display\n  const entityIdsForPortalBanners = useMemo(() => {\n    if (!data?.pages || data.pages.length === 0) {\n      return []\n    }\n\n    const entityIds = new Set<string>()\n\n    const firstPage = data.pages[0]\n\n    if (firstPage?.hits) {\n      for (const hit of firstPage.hits) {\n        // search result is the top-level Project itself\n        if (hit.id) {\n          entityIds.add(hit.id)\n        }\n\n        if (hit.path?.path) {\n          for (const pathEntity of hit.path.path.slice(1)) {\n            if (pathEntity.id) {\n              entityIds.add(pathEntity.id)\n            }\n          }\n        }\n      }\n    }\n\n    const finalIds = Array.from(entityIds)\n\n    return finalIds\n  }, [data])\n\n  const handleUseSuggestion = () => {\n    if (setQuery && suggestion) {\n      const newQuery = {\n        ...DEFAULT_SEARCH_QUERY,\n        ...query,\n        queryTerm: suggestion\n          .split(' ')\n          .map(term => term.trim())\n          .filter(Boolean),\n        start: 0,\n      }\n      setQuery(newQuery)\n    }\n  }\n\n  const noResults = data?.pages?.[0]?.hits?.length === 0\n  const isSynId = SYNAPSE_ENTITY_ID_REGEX.test(query?.queryTerm?.[0] || '')\n\n  // cached facets in local state to prevent them from being cleared when the query changes and new search results are loading\n  const [facets, setFacets] = useState<Facet[]>([])\n\n  useEffect(() => {\n    const newFacets = data?.pages?.[0]?.facets\n    if (newFacets) {\n      setFacets(newFacets)\n    }\n  }, [data])\n\n  const handleAddFacet = useCallback(\n    (facetName: string, facetValue: string) => {\n      if (setQuery && query) {\n        setQuery(addFacetToQuery(query, facetName, facetValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleRemoveFacet = useCallback(\n    (facetName: string, facetValue: string) => {\n      if (setQuery && query) {\n        setQuery(removeFacetFromQuery(query, facetName, facetValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleSetRangeFacet = useCallback(\n    (facetName: string, minValue: string) => {\n      if (setQuery && query) {\n        setQuery(setRangeFacetInQuery(query, facetName, minValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleRemoveRangeFacet = useCallback(\n    (facetName: string) => {\n      if (setQuery && query) {\n        setQuery(removeRangeFacetFromQuery(query, facetName))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const isRangeFacetAppliedCallback = useCallback(\n    (name: string) => (query ? isRangeFacetApplied(query, name) : false),\n    [query],\n  )\n\n  const getAppliedRangeFacetCallback = useCallback(\n    (name: string) => (query ? getAppliedRangeFacet(query, name) : undefined),\n    [query],\n  )\n\n  const appliedFacetsCount =\n    (query?.booleanQuery?.filter(kv => shouldShowFacetValue(kv.key, kv.value))\n      .length || 0) + (query?.rangeQuery?.length || 0)\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        p: '30px',\n        gap: '20px',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          height: 'auto',\n          gap: '16px',\n        }}\n      >\n        {peopleSearchPageUrl && (\n          <Typography variant=\"smallText1\">\n            Searching for a user profile? Try our{' '}\n            <Link href={peopleSearchPageUrl}>People Search.</Link>\n          </Typography>\n        )}\n        <Box className={styles.searchContainer}>\n          <TextField\n            placeholder=\"Search…\"\n            sx={{ flex: 1 }}\n            value={searchInputValue}\n            onChange={handleInputChange}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                handleSearch()\n              }\n            }}\n            slotProps={{\n              input: {\n                sx: {\n                  borderRadius: '96px',\n                  boxShadow: '0px 1px 4px var(--synapse-gray-500)',\n                  backgroundColor: 'var(--synapse-white)',\n                },\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon sx={{ color: 'secondary.600' }} />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n          <Button\n            onClick={() => setExpanded(true)}\n            variant=\"outlined\"\n            startIcon={<FilterAltOutlinedIcon />}\n            aria-expanded={expanded}\n            aria-controls=\"filter-search-results-panel\"\n            sx={{\n              color: theme => theme.palette.primary.dark,\n            }}\n            className={styles.filterButton}\n          >\n            <Typography\n              sx={{\n                fontWeight: 700,\n                lineHeight: '16px',\n                display: 'flex',\n                gap: '8px',\n              }}\n            >\n              <span id=\"filter-results-button-label\">\n                Filter Search Results\n              </span>\n              {appliedFacetsCount > 0 && (\n                <Badge\n                  badgeContent={appliedFacetsCount}\n                  color=\"primary\"\n                  sx={{\n                    '& .MuiBadge-badge': {\n                      position: 'static',\n                      transform: 'none',\n                      height: '18px',\n                      minWidth: '18px',\n                    },\n                  }}\n                />\n              )}\n            </Typography>\n          </Button>\n        </Box>\n        <Box>\n          {facets.length > 0 && (\n            <Collapse\n              in={expanded}\n              id=\"filter-search-results-panel\"\n              aria-labelledby=\"filter-results-button-label\"\n            >\n              <Box\n                sx={{\n                  border: '1px solid',\n                  borderColor: 'var(--synapse-gray-100)',\n                  backgroundColor: 'var(--synapse-white)',\n                  padding: '25px',\n                  boxShadow: '0 4px 16px 0 rgba(0, 0, 0, 0.04)',\n                  pointerEvents: isLoading ? 'none' : 'auto',\n                  opacity: isLoading ? 0.5 : 1,\n                }}\n              >\n                {query && setQuery && (\n                  <SearchFacetPanel\n                    expanded={expanded}\n                    onCollapse={() => setExpanded(false)}\n                    disabled={isLoading}\n                    query={query}\n                    setQuery={setQuery}\n                    facets={facets}\n                    onAddFacet={handleAddFacet}\n                    onRemoveFacet={handleRemoveFacet}\n                    onSetRangeFacet={handleSetRangeFacet}\n                    onRemoveRangeFacet={handleRemoveRangeFacet}\n                    isRangeFacetApplied={isRangeFacetAppliedCallback}\n                    getAppliedRangeFacet={getAppliedRangeFacetCallback}\n                  />\n                )}\n              </Box>\n            </Collapse>\n          )}\n        </Box>\n      </Box>\n      <>\n        {data && !isSynId && suggestion && (\n          <div className={styles.didYouMeanContainer}>\n            <div className={styles.didYouMeanCurrentlyShowing}>\n              {!noResults && (\n                <>\n                  Currently showing results for{' '}\n                  <b>{query?.queryTerm?.join(' ')}</b>.\n                </>\n              )}\n            </div>\n            <div className={styles.didYouMeanSuggestion}>\n              <SearchIcon\n                sx={{ color: 'grey.600' }}\n                className={styles.searchIcon}\n              />\n              <Typography variant=\"body1\" className={styles.didYouMeanText}>\n                Search for <b className={styles.suggestionText}>{suggestion}</b>{' '}\n                instead?\n              </Typography>\n              <IconButton\n                className={styles.didYouMeanArrowContainer}\n                onClick={handleUseSuggestion}\n                aria-label={`Search for ${suggestion} instead`}\n                sx={{\n                  borderColor: 'primary.main',\n                  svg: { color: 'primary.main' },\n                }}\n              >\n                <ArrowForward />\n              </IconButton>\n            </div>\n          </div>\n        )}\n        {noResults && (\n          <div className={styles.didYouMeanCurrentlyShowing}>\n            No results found for <b>{query?.queryTerm?.join(' ')}</b>.\n          </div>\n        )}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-end',\n            gap: '20px',\n          }}\n        >\n          {isLoading &&\n            Array.from({ length: 3 }, () => (\n              <Skeleton variant=\"rectangular\" width={'100%'} height={'250px'} />\n            ))}\n          {error && <div>Error: {error.message}</div>}\n          <Suspense\n            fallback={<SkeletonInlineBlock width={'100%'} height={'150px'} />}\n          >\n            <SearchPagePortalBanners entityIds={entityIdsForPortalBanners} />\n          </Suspense>\n          {query && (\n            <Box sx={{ alignSelf: 'flex-start' }}>\n              <AppliedFacetsChips\n                query={query}\n                onRemoveFacet={handleRemoveFacet}\n                onRemoveRangeFacet={handleRemoveRangeFacet}\n              />\n            </Box>\n          )}\n          {data &&\n            data.pages &&\n            data.pages.map((page, pageIndex) =>\n              page.hits.map((hit: Hit) => {\n                const projectPath = hit.path?.path?.[1]\n                return (\n                  <SynapseSearchResultsCard\n                    searchTerms={query?.queryTerm ?? []}\n                    key={hit.id + '-' + pageIndex}\n                    entityId={hit.id}\n                    name={hit.name}\n                    entityType={hit.node_type}\n                    modifiedOn={hit.modified_on}\n                    description={hit.description}\n                    locatedIn={projectPath}\n                  />\n                )\n              }),\n            )}\n          {hasNextPage && (\n            <Button\n              onClick={() => {\n                void fetchNextPage()\n              }}\n              loading={isFetchingNextPage}\n              variant=\"contained\"\n              sx={{ mt: 2 }}\n            >\n              {isFetchingNextPage ? 'Loading more...' : 'Load More'}\n            </Button>\n          )}\n        </Box>\n      </>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SynapseSearchPageResults.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPageResults.tsx"],"sourcesContent":["import {\n  Box,\n  TextField,\n  InputAdornment,\n  Button,\n  Typography,\n  IconButton,\n  Collapse,\n  Badge,\n  Skeleton,\n  Link,\n} from '@mui/material'\nimport SynapseSearchResultsCard from './SynapseSearchResultsCard'\nimport SearchIcon from '@mui/icons-material/Search'\nimport FilterAltOutlinedIcon from '@mui/icons-material/FilterAltOutlined'\nimport React, {\n  useState,\n  useEffect,\n  useMemo,\n  useCallback,\n  Suspense,\n} from 'react'\nimport { useSearchInfinite } from '@/synapse-queries/search/useSearch'\nimport {\n  SearchQuery,\n  KeyRange,\n  Hit,\n  Facet,\n} from '@sage-bionetworks/synapse-types'\nimport { useDocumentMetadata } from '@/utils/context/DocumentMetadataContext'\nimport { ArrowForward } from '@mui/icons-material'\nimport styles from './SynapseSearchPageResults.module.scss'\nimport { useSuggestion } from '@/synapse-queries/search/useSuggestion'\nimport { Suggestion } from '@sage-bionetworks/synapse-client'\nimport SearchPagePortalBanners from './SearchPagePortalBanners'\nimport { SYNAPSE_ENTITY_ID_REGEX } from '@/utils/functions/RegularExpressions'\nimport { DEFAULT_SEARCH_QUERY } from '@/utils/searchDefaults'\nimport {\n  SearchFacetPanel,\n  AppliedFacetsChips,\n} from './SearchFacetPanel/SearchFacetPanel'\nimport { shouldShowFacetValue } from './SearchFacetPanel/SearchFacetPanelUtils'\nimport { SkeletonInlineBlock } from '../Skeleton'\nimport { useSynapseContext } from '@/utils'\n\n/**\n * Add a literal facet filter to the query\n */\nfunction addFacetToQuery(\n  query: SearchQuery,\n  facetName: string,\n  facetValue: string,\n): SearchQuery {\n  const booleanQuery = query.booleanQuery || []\n\n  const isFilterAlreadyApplied = booleanQuery.some(\n    kv => kv.key === facetName && kv.value === facetValue,\n  )\n\n  if (isFilterAlreadyApplied) {\n    return query\n  }\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    booleanQuery: [\n      ...booleanQuery,\n      { key: facetName, value: facetValue, not: false },\n    ],\n    start: 0, // Reset to first page\n  }\n}\n\n/**\n * Remove a literal facet filter from the query\n */\nfunction removeFacetFromQuery(\n  query: SearchQuery,\n  facetName: string,\n  facetValue: string,\n): SearchQuery {\n  const booleanQuery = query.booleanQuery || []\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    booleanQuery: booleanQuery.filter(\n      kv => !(kv.key === facetName && kv.value === facetValue),\n    ),\n    start: 0,\n  }\n}\n\n/**\n * Set a range facet (ex, for modified on, created on)\n */\nfunction setRangeFacetInQuery(\n  query: SearchQuery,\n  facetName: string,\n  minValue: string,\n): SearchQuery {\n  const rangeQuery = query.rangeQuery || []\n\n  // Remove any existing range for this facet\n  const filteredRangeQuery = rangeQuery.filter(kr => kr.key !== facetName)\n\n  const maxValue = String(Math.floor(Date.now() / 1000)) // Now in seconds\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    rangeQuery: [\n      ...filteredRangeQuery,\n      { key: facetName, min: minValue, max: maxValue },\n    ],\n    start: 0,\n  }\n}\n\n/**\n * Remove a range facet from the query\n */\nfunction removeRangeFacetFromQuery(\n  query: SearchQuery,\n  facetName: string,\n): SearchQuery {\n  const rangeQuery = query.rangeQuery || []\n\n  return {\n    ...DEFAULT_SEARCH_QUERY,\n    ...query,\n    rangeQuery: rangeQuery.filter(kr => kr.key !== facetName),\n    start: 0,\n  }\n}\n\n/**\n * Check if a range facet is currently applied\n */\nfunction isRangeFacetApplied(query: SearchQuery, facetName: string): boolean {\n  const rangeQuery = query.rangeQuery || []\n  return rangeQuery.some(kr => kr.key === facetName)\n}\n\n/**\n * Get the applied range facet value for a given facet name\n */\nfunction getAppliedRangeFacet(\n  query: SearchQuery,\n  facetName: string,\n): KeyRange | undefined {\n  const rangeQuery = query.rangeQuery || []\n  return rangeQuery.find(kr => kr.key === facetName)\n}\n\nexport type SynapseSearchPageResultsProps = {\n  query?: SearchQuery\n  setQuery?: (newQuery: SearchQuery) => void\n}\n\nexport function SynapseSearchPageResults(props: SynapseSearchPageResultsProps) {\n  const MIN_SUGGESTION_SCORE = 0.75\n  const { query, setQuery } = props\n  const { peopleSearchPageUrl } = useSynapseContext()\n  const [expanded, setExpanded] = useState(false)\n\n  // Set page title (replaces jsniUtils.setPageTitle(DisplayConstants.LABEL_SEARCH) from Java)\n  useDocumentMetadata({ title: `Search: ${query?.queryTerm?.join(' ')}` })\n\n  // Capture local state to prevent search from executing on every keystroke\n  // Join query terms so that textfield input looks correct\n  const [searchInputValue, setSearchInputValue] = useState(\n    query?.queryTerm?.join(' ') || '',\n  )\n\n  // Sync input value when query prop changes\n  // Join query terms so that textfield input looks correct\n  useEffect(() => {\n    setSearchInputValue(query?.queryTerm?.join(' ') || '')\n  }, [query])\n\n  // Execute search\n  const {\n    data,\n    isLoading,\n    error,\n    fetchNextPage,\n    hasNextPage,\n    isFetchingNextPage,\n  } = useSearchInfinite(\n    query\n      ? {\n          ...DEFAULT_SEARCH_QUERY,\n          ...query,\n          size: 50,\n          returnFields: ['path'],\n        }\n      : { queryTerm: [], size: 50, returnFields: ['path'] },\n    {\n      enabled: !!query?.queryTerm?.[0],\n    },\n  )\n\n  // Update local input state\n  const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n    setSearchInputValue(event.target.value)\n  }\n\n  // Update query only when user explicitly searches\n  // Split query terms to form array\n  const handleSearch = () => {\n    if (setQuery) {\n      const newQuery = {\n        ...DEFAULT_SEARCH_QUERY,\n        ...query,\n        queryTerm: searchInputValue\n          ? searchInputValue\n              .split(' ')\n              .map(term => term.trim())\n              .filter(Boolean)\n          : [],\n        start: 0,\n      }\n      setQuery(newQuery)\n    }\n  }\n\n  // Fetch spelling suggestions for the search terms\n  const { data: suggestionData } = useSuggestion(\n    { searchTerm: query?.queryTerm },\n\n    {\n      enabled: !!query?.queryTerm?.[0],\n    },\n  )\n\n  const suggestion = useMemo(() => {\n    const suggestionValues = suggestionData?.suggestions\n    const terms = query?.queryTerm || []\n\n    if (!suggestionValues) return null\n\n    // Map original terms to their best suggestions if available\n    const suggestionMap = new Map<string, string>()\n    let hasSuggestion = false\n\n    for (const suggestionList of suggestionValues) {\n      const originalTerm = suggestionList.key\n      const suggestions = Array.from(suggestionList.values ?? [])\n\n      // Among suggestions above the score threshold, pick the highest-frequency term.\n      const bestSuggestion = suggestions.reduce<Suggestion | null>(\n        (best, current) => {\n          if (\n            current.score === undefined ||\n            current.score < MIN_SUGGESTION_SCORE\n          ) {\n            return best\n          }\n          if (!best || (current.frequency ?? 0) > (best.frequency ?? 0)) {\n            return current\n          }\n          return best\n        },\n        null,\n      )\n\n      // If a valid suggestion is found and it's different from the original term, add it to the map\n      if (bestSuggestion?.term && bestSuggestion.term !== originalTerm) {\n        suggestionMap.set(originalTerm!, bestSuggestion.term)\n        hasSuggestion = true\n      }\n    }\n\n    if (!hasSuggestion) return null\n\n    // Build the corrected search string by replacing misspelled terms\n    // Use toLowerCase() because the suggestion API returns keys in lowercase\n    const correctedTerms = terms.map(\n      term => suggestionMap.get(term.toLowerCase()) || term,\n    )\n\n    return correctedTerms.join(' ')\n  }, [suggestionData, query?.queryTerm])\n\n  // Extract entity IDs from search results for relevant portal banner display\n  const entityIdsForPortalBanners = useMemo(() => {\n    if (!data?.pages || data.pages.length === 0) {\n      return []\n    }\n\n    const entityIds = new Set<string>()\n\n    const firstPage = data.pages[0]\n\n    if (firstPage?.hits) {\n      for (const hit of firstPage.hits) {\n        // search result is the top-level Project itself\n        if (hit.id) {\n          entityIds.add(hit.id)\n        }\n\n        if (hit.path?.path) {\n          for (const pathEntity of hit.path.path.slice(1)) {\n            if (pathEntity.id) {\n              entityIds.add(pathEntity.id)\n            }\n          }\n        }\n      }\n    }\n\n    const finalIds = Array.from(entityIds)\n\n    return finalIds\n  }, [data])\n\n  const handleUseSuggestion = () => {\n    if (setQuery && suggestion) {\n      const newQuery = {\n        ...DEFAULT_SEARCH_QUERY,\n        ...query,\n        queryTerm: suggestion\n          .split(' ')\n          .map(term => term.trim())\n          .filter(Boolean),\n        start: 0,\n      }\n      setQuery(newQuery)\n    }\n  }\n\n  const noResults = data?.pages?.[0]?.hits?.length === 0\n  const isSynId = SYNAPSE_ENTITY_ID_REGEX.test(query?.queryTerm?.[0] || '')\n\n  // cached facets in local state to prevent them from being cleared when the query changes and new search results are loading\n  const [facets, setFacets] = useState<Facet[]>([])\n\n  useEffect(() => {\n    const newFacets = data?.pages?.[0]?.facets\n    if (newFacets) {\n      setFacets(newFacets)\n    }\n  }, [data])\n\n  const handleAddFacet = useCallback(\n    (facetName: string, facetValue: string) => {\n      if (setQuery && query) {\n        setQuery(addFacetToQuery(query, facetName, facetValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleRemoveFacet = useCallback(\n    (facetName: string, facetValue: string) => {\n      if (setQuery && query) {\n        setQuery(removeFacetFromQuery(query, facetName, facetValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleSetRangeFacet = useCallback(\n    (facetName: string, minValue: string) => {\n      if (setQuery && query) {\n        setQuery(setRangeFacetInQuery(query, facetName, minValue))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const handleRemoveRangeFacet = useCallback(\n    (facetName: string) => {\n      if (setQuery && query) {\n        setQuery(removeRangeFacetFromQuery(query, facetName))\n      }\n    },\n    [query, setQuery],\n  )\n\n  const isRangeFacetAppliedCallback = useCallback(\n    (name: string) => (query ? isRangeFacetApplied(query, name) : false),\n    [query],\n  )\n\n  const getAppliedRangeFacetCallback = useCallback(\n    (name: string) => (query ? getAppliedRangeFacet(query, name) : undefined),\n    [query],\n  )\n\n  const appliedFacetsCount =\n    (query?.booleanQuery?.filter(kv => shouldShowFacetValue(kv.key, kv.value))\n      .length || 0) + (query?.rangeQuery?.length || 0)\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        width: '100%',\n        p: '30px',\n        gap: '20px',\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          height: 'auto',\n          gap: '16px',\n        }}\n      >\n        {peopleSearchPageUrl && (\n          <Typography variant=\"smallText1\">\n            Searching for a user profile? Try our{' '}\n            <Link href={peopleSearchPageUrl}>People Search.</Link>\n          </Typography>\n        )}\n        <Box className={styles.searchContainer}>\n          <TextField\n            placeholder=\"Search…\"\n            sx={{ flex: 1 }}\n            value={searchInputValue}\n            onChange={handleInputChange}\n            onKeyDown={e => {\n              if (e.key === 'Enter') {\n                handleSearch()\n              }\n            }}\n            slotProps={{\n              input: {\n                sx: {\n                  borderRadius: '96px',\n                  boxShadow: '0px 1px 4px var(--synapse-gray-500)',\n                  backgroundColor: 'var(--synapse-white)',\n                },\n                startAdornment: (\n                  <InputAdornment position=\"start\">\n                    <SearchIcon sx={{ color: 'secondary.600' }} />\n                  </InputAdornment>\n                ),\n              },\n            }}\n          />\n          <Button\n            onClick={() => setExpanded(true)}\n            variant=\"outlined\"\n            startIcon={<FilterAltOutlinedIcon />}\n            aria-expanded={expanded}\n            aria-controls=\"filter-search-results-panel\"\n            sx={{\n              color: theme => theme.palette.primary.dark,\n            }}\n            className={styles.filterButton}\n          >\n            <Typography\n              sx={{\n                fontWeight: 700,\n                lineHeight: '16px',\n                display: 'flex',\n                gap: '8px',\n              }}\n            >\n              <span id=\"filter-results-button-label\">\n                Filter Search Results\n              </span>\n              {appliedFacetsCount > 0 && (\n                <Badge\n                  badgeContent={appliedFacetsCount}\n                  color=\"primary\"\n                  sx={{\n                    '& .MuiBadge-badge': {\n                      position: 'static',\n                      transform: 'none',\n                      height: '18px',\n                      minWidth: '18px',\n                    },\n                  }}\n                />\n              )}\n            </Typography>\n          </Button>\n        </Box>\n        <Box>\n          {facets.length > 0 && (\n            <Collapse\n              in={expanded}\n              id=\"filter-search-results-panel\"\n              aria-labelledby=\"filter-results-button-label\"\n            >\n              <Box\n                sx={{\n                  border: '1px solid',\n                  borderColor: 'var(--synapse-gray-100)',\n                  backgroundColor: 'var(--synapse-white)',\n                  padding: '25px',\n                  boxShadow: '0 4px 16px 0 rgba(0, 0, 0, 0.04)',\n                  pointerEvents: isLoading ? 'none' : 'auto',\n                  opacity: isLoading ? 0.5 : 1,\n                }}\n              >\n                {query && setQuery && (\n                  <SearchFacetPanel\n                    expanded={expanded}\n                    onCollapse={() => setExpanded(false)}\n                    disabled={isLoading}\n                    query={query}\n                    setQuery={setQuery}\n                    facets={facets}\n                    onAddFacet={handleAddFacet}\n                    onRemoveFacet={handleRemoveFacet}\n                    onSetRangeFacet={handleSetRangeFacet}\n                    onRemoveRangeFacet={handleRemoveRangeFacet}\n                    isRangeFacetApplied={isRangeFacetAppliedCallback}\n                    getAppliedRangeFacet={getAppliedRangeFacetCallback}\n                  />\n                )}\n              </Box>\n            </Collapse>\n          )}\n        </Box>\n      </Box>\n      <>\n        {data && !isSynId && suggestion && (\n          <div className={styles.didYouMeanContainer}>\n            <div className={styles.didYouMeanCurrentlyShowing}>\n              {!noResults && (\n                <>\n                  Currently showing results for{' '}\n                  <b>{query?.queryTerm?.join(' ')}</b>.\n                </>\n              )}\n            </div>\n            <div className={styles.didYouMeanSuggestion}>\n              <SearchIcon\n                sx={{ color: 'grey.600' }}\n                className={styles.searchIcon}\n              />\n              <Typography variant=\"body1\" className={styles.didYouMeanText}>\n                Search for <b className={styles.suggestionText}>{suggestion}</b>{' '}\n                instead?\n              </Typography>\n              <IconButton\n                className={styles.didYouMeanArrowContainer}\n                onClick={handleUseSuggestion}\n                aria-label={`Search for ${suggestion} instead`}\n                sx={{\n                  borderColor: 'primary.main',\n                  svg: { color: 'primary.main' },\n                }}\n              >\n                <ArrowForward />\n              </IconButton>\n            </div>\n          </div>\n        )}\n        {noResults && (\n          <div className={styles.didYouMeanCurrentlyShowing}>\n            No results found for <b>{query?.queryTerm?.join(' ')}</b>.\n          </div>\n        )}\n        <Box\n          sx={{\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'flex-end',\n            gap: '20px',\n          }}\n        >\n          {isLoading &&\n            Array.from({ length: 3 }, () => (\n              <Skeleton variant=\"rectangular\" width={'100%'} height={'250px'} />\n            ))}\n          {error && <div>Error: {error.message}</div>}\n          <Suspense\n            fallback={<SkeletonInlineBlock width={'100%'} height={'150px'} />}\n          >\n            <SearchPagePortalBanners entityIds={entityIdsForPortalBanners} />\n          </Suspense>\n          {query && (\n            <Box sx={{ alignSelf: 'flex-start' }}>\n              <AppliedFacetsChips\n                query={query}\n                onRemoveFacet={handleRemoveFacet}\n                onRemoveRangeFacet={handleRemoveRangeFacet}\n              />\n            </Box>\n          )}\n          {data &&\n            data.pages &&\n            data.pages.map((page, pageIndex) =>\n              page.hits.map((hit: Hit) => {\n                const projectPath = hit.path?.path?.[1]\n                return (\n                  <SynapseSearchResultsCard\n                    searchTerms={query?.queryTerm ?? []}\n                    key={hit.id + '-' + pageIndex}\n                    entityId={hit.id}\n                    name={hit.name}\n                    entityType={hit.node_type}\n                    modifiedOn={hit.modified_on}\n                    description={hit.description}\n                    locatedIn={projectPath}\n                  />\n                )\n              }),\n            )}\n          {hasNextPage && (\n            <Button\n              onClick={() => {\n                void fetchNextPage()\n              }}\n              loading={isFetchingNextPage}\n              variant=\"contained\"\n              sx={{ mt: 2 }}\n            >\n              {isFetchingNextPage ? 'Loading more...' : 'Load More'}\n            </Button>\n          )}\n        </Box>\n      </>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/components/SynapseSearchPageResults/SynapseSearchPageRouter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchPageRouter.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPageRouter.tsx"],"sourcesContent":["import { RouteErrorBoundary } from '@/components/error/RouteErrorBoundary'\nimport { PropsWithChildren, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  RouteObject,\n  RouterProvider,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\n\nexport type SynapseSearchPageRouterProps = PropsWithChildren<{\n  routerBaseName?: string\n  useMemoryRouter?: boolean\n}>\n\nexport default function SynapseSearchPageRouter(\n  props: SynapseSearchPageRouterProps,\n) {\n  const {\n    children,\n    routerBaseName = '/SearchV2:default',\n    useMemoryRouter = false,\n  } = props\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: <>{children}</>,\n        errorElement: <RouteErrorBoundary />,\n      },\n    ],\n    [children, useMemoryRouter],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,aACA,oBAAiB,qBACjB,qBAAkB,OAChB,GACE,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SAAS,kBAAA,GAAA,EAAG,aAAY,CAAA;EACxB,cAAc,kBAAC,GAAD,EAAsB,CAAA;EACrC,CACF,EACD,CAAC,GAAU,EAAgB,CAC5B,EAEK,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,GACX,CAAC,GAEK,EAAoB,GAAQ,EACjC,UAAU,GACX,CAAC,EAEH;EAAC;EAAiB;EAAQ;EAAe,CAAC;AAM7C,QAHS,EADL,IACM,IAGF,GAHC,EAAwB,WAAU,CAAA"}
+{"version":3,"file":"SynapseSearchPageRouter.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchPageRouter.tsx"],"sourcesContent":["import { RouteErrorBoundary } from '@/components/error/RouteErrorBoundary'\nimport { PropsWithChildren, useMemo } from 'react'\nimport {\n  createBrowserRouter,\n  createMemoryRouter,\n  RouteObject,\n  RouterProvider,\n} from 'react-router'\nimport { RouterProvider as DOMRouterProvider } from 'react-router/dom'\n\nexport type SynapseSearchPageRouterProps = PropsWithChildren<{\n  routerBaseName?: string\n  useMemoryRouter?: boolean\n}>\n\nexport default function SynapseSearchPageRouter(\n  props: SynapseSearchPageRouterProps,\n) {\n  const {\n    children,\n    routerBaseName = '/SearchV2:default',\n    useMemoryRouter = false,\n  } = props\n  const routes: RouteObject[] = useMemo(\n    () => [\n      {\n        path: '/',\n        element: <>{children}</>,\n        errorElement: <RouteErrorBoundary />,\n      },\n    ],\n    [children, useMemoryRouter],\n  )\n\n  const router = useMemo(() => {\n    if (useMemoryRouter) {\n      return createMemoryRouter(routes, {\n        basename: routerBaseName,\n      })\n    } else {\n      return createBrowserRouter(routes, {\n        basename: routerBaseName,\n      })\n    }\n  }, [useMemoryRouter, routes, routerBaseName])\n\n  if (useMemoryRouter) {\n    return <RouterProvider router={router} />\n  }\n\n  return <DOMRouterProvider router={router} />\n}\n"],"mappings":";;;;;;AAeA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,aACA,oBAAiB,qBACjB,qBAAkB,OAChB,GACE,IAAwB,QACtB,CACJ;EACE,MAAM;EACN,SAAS,kBAAA,GAAA,EAAG,YAAW,CAAA;EACvB,cAAc,kBAAC,GAAD,CAAqB,CAAA;CACrC,CACF,GACA,CAAC,GAAU,CAAe,CAC5B,GAEM,IAAS,QACT,IACK,EAAmB,GAAQ,EAChC,UAAU,EACZ,CAAC,IAEM,EAAoB,GAAQ,EACjC,UAAU,EACZ,CAAC,GAEF;EAAC;EAAiB;EAAQ;CAAc,CAAC;CAM5C,OAHS,EADL,IACM,IAGF,GAHC,EAAwB,UAAS,CAAA;AAI5C"}

package/dist/components/SynapseSearchPageResults/SynapseSearchResultsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SynapseSearchResultsCard.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchResultsCard.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  ArticleOutlined,\n  DashboardTwoTone,\n  InfoOutline,\n  Update as UpdateIcon,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Chip,\n  Link,\n  Paper,\n  PaperProps,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { useRef } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { EntityDownloadButton } from '../EntityDownloadButton/EntityDownloadButton'\nimport { FileHandleWithPreview } from '../EntityFinder/details/view/table/TableCellTypes'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport FavoriteButton from '../favorites/FavoriteButton'\nimport { markdownToPlainText } from '../Markdown/MarkdownUtils'\nimport { searchResultsCardChipStyles } from './chipStyles'\nimport HasAccessChip from './HasAccessChip'\nimport { HighlightedTypography } from './HighlightedTypography'\nimport styles from './SynapseSearchResultsCard.module.scss'\n\nexport type SynapseSearchResultsCardProps = {\n  entityId: string\n  name: string\n  description?: string\n  entityType: EntityType\n  modifiedOn: number\n  locatedIn?: { name: string; id: string }\n  searchTerms?: string[]\n}\n\nconst SynapseSearchResultsCardContainer: StyledComponent<PaperProps> = styled(\n  Paper,\n  {\n    label: 'SynapseSearchResultsCardContainer',\n  },\n)({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: '250px',\n  width: '100%',\n  borderRadius: '10px',\n  padding: '32px',\n  gap: '15px',\n})\n\nexport function SynapseSearchResultsCard(props: SynapseSearchResultsCardProps) {\n  const downloadConfirmationRef = useRef<HTMLDivElement>(null)\n\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '250px 0px',\n  })\n\n  const { data: entityBundle } = useGetEntityBundle(\n    props.entityId,\n    undefined,\n    { includeFileHandles: true },\n    { enabled: props.entityType === EntityType.file && inView },\n  )\n\n  const file = entityBundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n\n  const plainDescription = props.description\n    ? markdownToPlainText(props.description)\n    : ''\n\n  return (\n    <SynapseSearchResultsCardContainer ref={ref}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n      >\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${props.entityId}`}\n          sx={{\n            textDecoration: 'underline 2px',\n            textUnderlineOffset: '9px',\n          }}\n        >\n          <HighlightedTypography\n            className={styles.cardTitle}\n            variant=\"headline3\"\n            text={props.name}\n            searchTerms={props.searchTerms ?? []}\n          />\n        </Link>\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '16px',\n            alignItems: 'center',\n          }}\n        >\n          <FavoriteButton entityId={props.entityId} />\n          <EntityDownloadButton\n            entityId={props.entityId}\n            name={props.name}\n            entityType={props.entityType}\n            downloadConfirmationContainer={downloadConfirmationRef}\n          />\n        </Box>\n      </Box>\n      {/* Portal target for EntityDownloadButton's download confirmation dialog */}\n      <div ref={downloadConfirmationRef} />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n        }}\n      >\n        <Chip\n          icon={\n            <EntityTypeIcon\n              type={props.entityType}\n              wrap={false}\n              sx={{ color: '#265149', width: '18px' }}\n            />\n          }\n          label={props.entityType}\n          sx={{ ...searchResultsCardChipStyles }}\n        />\n        <HasAccessChip entityId={props.entityId} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '8px',\n        }}\n      >\n        <Stack sx={{ gap: '20px', minWidth: 0, width: '100%' }}>\n          <Box sx={{ display: 'flex' }}>\n            <UpdateIcon className={styles.cardMetadataIcon} />\n            <Typography className={styles.cardMetadataTypographyWithIcon}>\n              Last updated:{' '}\n              {formatDate(dayjs.unix(props.modifiedOn), 'M/D/YYYY')}\n            </Typography>\n          </Box>\n          {plainDescription && (\n            <Box sx={{ display: 'flex' }}>\n              <ArticleOutlined className={styles.cardMetadataIcon} />\n              <HighlightedTypography\n                className={`${styles.cardMetadataTypographyWithIcon} ${styles.cardDescription}`}\n                text={plainDescription}\n                searchTerms={props.searchTerms ?? []}\n              />\n            </Box>\n          )}\n\n          {friendlySize && (\n            <Box sx={{ display: 'flex' }}>\n              <InfoOutline className={styles.cardMetadataIcon} />\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                File size: <b>{friendlySize}</b>\n              </Typography>\n            </Box>\n          )}\n          {props.locatedIn && (\n            <Box\n              sx={{ display: 'flex', marginLeft: '24px', alignItems: 'center' }}\n            >\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                Located in:{' '}\n              </Typography>\n              <DashboardTwoTone\n                className={styles.cardMetadataIcon}\n                sx={{\n                  marginRight: '4px',\n                }}\n              />\n              <Link\n                className={styles.locatedInLink}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.PORTAL_ENDPOINT,\n                )}Synapse:${props.locatedIn?.id}`}\n              >\n                {props.locatedIn?.name}\n              </Link>\n            </Box>\n          )}\n        </Stack>\n      </Box>\n    </SynapseSearchResultsCardContainer>\n  )\n}\n\nexport default SynapseSearchResultsCard\n"],"mappings":"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"}
+{"version":3,"file":"SynapseSearchResultsCard.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/SynapseSearchResultsCard.tsx"],"sourcesContent":["import { useGetEntityBundle } from '@/synapse-queries'\nimport { calculateFriendlyFileSize } from '@/utils/functions/calculateFriendlyFileSize'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport {\n  BackendDestinationEnum,\n  getEndpoint,\n} from '@/utils/functions/getEndpoint'\nimport { StyledComponent } from '@emotion/styled'\nimport {\n  ArticleOutlined,\n  DashboardTwoTone,\n  InfoOutline,\n  Update as UpdateIcon,\n} from '@mui/icons-material'\nimport {\n  Box,\n  Chip,\n  Link,\n  Paper,\n  PaperProps,\n  Stack,\n  styled,\n  Typography,\n} from '@mui/material'\nimport { EntityType } from '@sage-bionetworks/synapse-client'\nimport dayjs from 'dayjs'\nimport { useRef } from 'react'\nimport { useInView } from 'react-intersection-observer'\nimport { EntityDownloadButton } from '../EntityDownloadButton/EntityDownloadButton'\nimport { FileHandleWithPreview } from '../EntityFinder/details/view/table/TableCellTypes'\nimport { EntityTypeIcon } from '../EntityIcon'\nimport FavoriteButton from '../favorites/FavoriteButton'\nimport { markdownToPlainText } from '../Markdown/MarkdownUtils'\nimport { searchResultsCardChipStyles } from './chipStyles'\nimport HasAccessChip from './HasAccessChip'\nimport { HighlightedTypography } from './HighlightedTypography'\nimport styles from './SynapseSearchResultsCard.module.scss'\n\nexport type SynapseSearchResultsCardProps = {\n  entityId: string\n  name: string\n  description?: string\n  entityType: EntityType\n  modifiedOn: number\n  locatedIn?: { name: string; id: string }\n  searchTerms?: string[]\n}\n\nconst SynapseSearchResultsCardContainer: StyledComponent<PaperProps> = styled(\n  Paper,\n  {\n    label: 'SynapseSearchResultsCardContainer',\n  },\n)({\n  display: 'flex',\n  flexDirection: 'column',\n  minHeight: '250px',\n  width: '100%',\n  borderRadius: '10px',\n  padding: '32px',\n  gap: '15px',\n})\n\nexport function SynapseSearchResultsCard(props: SynapseSearchResultsCardProps) {\n  const downloadConfirmationRef = useRef<HTMLDivElement>(null)\n\n  const { ref, inView } = useInView({\n    triggerOnce: true,\n    rootMargin: '250px 0px',\n  })\n\n  const { data: entityBundle } = useGetEntityBundle(\n    props.entityId,\n    undefined,\n    { includeFileHandles: true },\n    { enabled: props.entityType === EntityType.file && inView },\n  )\n\n  const file = entityBundle?.fileHandles.find(\n    (file: FileHandleWithPreview) => file.isPreview !== true,\n  )\n\n  const friendlySize = file?.contentSize\n    ? calculateFriendlyFileSize(file?.contentSize)\n    : ''\n\n  const plainDescription = props.description\n    ? markdownToPlainText(props.description)\n    : ''\n\n  return (\n    <SynapseSearchResultsCardContainer ref={ref}>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          justifyContent: 'space-between',\n          width: '100%',\n        }}\n      >\n        <Link\n          href={`${getEndpoint(\n            BackendDestinationEnum.PORTAL_ENDPOINT,\n          )}Synapse:${props.entityId}`}\n          sx={{\n            textDecoration: 'underline 2px',\n            textUnderlineOffset: '9px',\n          }}\n        >\n          <HighlightedTypography\n            className={styles.cardTitle}\n            variant=\"headline3\"\n            text={props.name}\n            searchTerms={props.searchTerms ?? []}\n          />\n        </Link>\n\n        <Box\n          sx={{\n            display: 'flex',\n            gap: '16px',\n            alignItems: 'center',\n          }}\n        >\n          <FavoriteButton entityId={props.entityId} />\n          <EntityDownloadButton\n            entityId={props.entityId}\n            name={props.name}\n            entityType={props.entityType}\n            downloadConfirmationContainer={downloadConfirmationRef}\n          />\n        </Box>\n      </Box>\n      {/* Portal target for EntityDownloadButton's download confirmation dialog */}\n      <div ref={downloadConfirmationRef} />\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n        }}\n      >\n        <Chip\n          icon={\n            <EntityTypeIcon\n              type={props.entityType}\n              wrap={false}\n              sx={{ color: '#265149', width: '18px' }}\n            />\n          }\n          label={props.entityType}\n          sx={{ ...searchResultsCardChipStyles }}\n        />\n        <HasAccessChip entityId={props.entityId} />\n      </Box>\n      <Box\n        sx={{\n          display: 'flex',\n          flexDirection: 'row',\n          gap: '8px',\n        }}\n      >\n        <Stack sx={{ gap: '20px', minWidth: 0, width: '100%' }}>\n          <Box sx={{ display: 'flex' }}>\n            <UpdateIcon className={styles.cardMetadataIcon} />\n            <Typography className={styles.cardMetadataTypographyWithIcon}>\n              Last updated:{' '}\n              {formatDate(dayjs.unix(props.modifiedOn), 'M/D/YYYY')}\n            </Typography>\n          </Box>\n          {plainDescription && (\n            <Box sx={{ display: 'flex' }}>\n              <ArticleOutlined className={styles.cardMetadataIcon} />\n              <HighlightedTypography\n                className={`${styles.cardMetadataTypographyWithIcon} ${styles.cardDescription}`}\n                text={plainDescription}\n                searchTerms={props.searchTerms ?? []}\n              />\n            </Box>\n          )}\n\n          {friendlySize && (\n            <Box sx={{ display: 'flex' }}>\n              <InfoOutline className={styles.cardMetadataIcon} />\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                File size: <b>{friendlySize}</b>\n              </Typography>\n            </Box>\n          )}\n          {props.locatedIn && (\n            <Box\n              sx={{ display: 'flex', marginLeft: '24px', alignItems: 'center' }}\n            >\n              <Typography className={styles.cardMetadataTypographyWithIcon}>\n                Located in:{' '}\n              </Typography>\n              <DashboardTwoTone\n                className={styles.cardMetadataIcon}\n                sx={{\n                  marginRight: '4px',\n                }}\n              />\n              <Link\n                className={styles.locatedInLink}\n                href={`${getEndpoint(\n                  BackendDestinationEnum.PORTAL_ENDPOINT,\n                )}Synapse:${props.locatedIn?.id}`}\n              >\n                {props.locatedIn?.name}\n              </Link>\n            </Box>\n          )}\n        </Stack>\n      </Box>\n    </SynapseSearchResultsCardContainer>\n  )\n}\n\nexport default SynapseSearchResultsCard\n"],"mappings":"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"}

package/dist/components/SynapseSearchPageResults/chipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"chipStyles.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/chipStyles.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material'\n\n/**\n * CSS class name for HasAccess components in chips to ensure consistent sizing\n */\nexport const CHIP_ICON_CLASS = 'chip-icon-sized'\n\n/**\n * Shared styling for chips in the SynapseSearchResultsCard\n * Used by both EntityType chip and HasAccess chip for consistent appearance\n */\nexport const searchResultsCardChipStyles: SxProps<Theme> = {\n  backgroundColor: '#DAE9E7',\n  fontSize: '15px',\n  textTransform: 'capitalize',\n  padding: '12px',\n  marginRight: '8px',\n  '.MuiChip-label': {\n    pl: '5px',\n    pr: 0,\n  },\n}\n"],"mappings":";AAKA,IAAa,IAAkB,mBAMlB,IAA8C;CACzD,iBAAiB;CACjB,UAAU;CACV,eAAe;CACf,SAAS;CACT,aAAa;CACb,kBAAkB;EAChB,IAAI;EACJ,IAAI;EACL;CACF"}
+{"version":3,"file":"chipStyles.js","names":[],"sources":["../../../src/components/SynapseSearchPageResults/chipStyles.ts"],"sourcesContent":["import { SxProps, Theme } from '@mui/material'\n\n/**\n * CSS class name for HasAccess components in chips to ensure consistent sizing\n */\nexport const CHIP_ICON_CLASS = 'chip-icon-sized'\n\n/**\n * Shared styling for chips in the SynapseSearchResultsCard\n * Used by both EntityType chip and HasAccess chip for consistent appearance\n */\nexport const searchResultsCardChipStyles: SxProps<Theme> = {\n  backgroundColor: '#DAE9E7',\n  fontSize: '15px',\n  textTransform: 'capitalize',\n  padding: '12px',\n  marginRight: '8px',\n  '.MuiChip-label': {\n    pl: '5px',\n    pr: 0,\n  },\n}\n"],"mappings":";AAKA,IAAa,IAAkB,mBAMlB,IAA8C;CACzD,iBAAiB;CACjB,UAAU;CACV,eAAe;CACf,SAAS;CACT,aAAa;CACb,kBAAkB;EAChB,IAAI;EACJ,IAAI;CACN;AACF"}

package/dist/components/SynapseTable/CustomControls/CustomControlButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomControlButton.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControlButton.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  CustomControl,\n  CustomControlCallbackData,\n} from '../TopLevelControls/TopLevelControls'\n\nexport interface CustomControlButtonProps extends Omit<ButtonProps, 'onClick'> {\n  control: CustomControl\n  callbackData: CustomControlCallbackData\n}\n\nexport function CustomControlButton(props: CustomControlButtonProps) {\n  const { control, callbackData, disabled, ...buttonProps } = props\n  const { onClick, buttonText, buttonID } = control\n  const [isLoading, setIsLoading] = useState(false)\n  const isDisabled = disabled || isLoading\n\n  return (\n    <Button\n      {...buttonProps}\n      id={buttonID}\n      variant=\"outlined\"\n      disabled={isDisabled}\n      loading={isLoading}\n      onClick={() => {\n        setIsLoading(true)\n        onClick({\n          ...callbackData,\n          refresh: () => {\n            setIsLoading(false)\n            callbackData.refresh()\n          },\n        })\n      }}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,YAAS,iBAAc,aAAU,GAAG,MAAgB,GACtD,EAAE,YAAS,eAAY,gBAAa,GACpC,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,IAAa,KAAY;AAE/B,QACE,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACJ,SAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;AAEb,GADA,EAAa,GAAK,EAClB,EAAQ;IACN,GAAG;IACH,eAAe;AAEb,KADA,EAAa,GAAM,EACnB,EAAa,SAAS;;IAEzB,CAAC;;YAGH;EACM,CAAA"}
+{"version":3,"file":"CustomControlButton.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControlButton.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { Button, ButtonProps } from '@mui/material'\nimport {\n  CustomControl,\n  CustomControlCallbackData,\n} from '../TopLevelControls/TopLevelControls'\n\nexport interface CustomControlButtonProps extends Omit<ButtonProps, 'onClick'> {\n  control: CustomControl\n  callbackData: CustomControlCallbackData\n}\n\nexport function CustomControlButton(props: CustomControlButtonProps) {\n  const { control, callbackData, disabled, ...buttonProps } = props\n  const { onClick, buttonText, buttonID } = control\n  const [isLoading, setIsLoading] = useState(false)\n  const isDisabled = disabled || isLoading\n\n  return (\n    <Button\n      {...buttonProps}\n      id={buttonID}\n      variant=\"outlined\"\n      disabled={isDisabled}\n      loading={isLoading}\n      onClick={() => {\n        setIsLoading(true)\n        onClick({\n          ...callbackData,\n          refresh: () => {\n            setIsLoading(false)\n            callbackData.refresh()\n          },\n        })\n      }}\n    >\n      {buttonText}\n    </Button>\n  )\n}\n"],"mappings":";;;;AAYA,SAAgB,EAAoB,GAAiC;CACnE,IAAM,EAAE,YAAS,iBAAc,aAAU,GAAG,MAAgB,GACtD,EAAE,YAAS,eAAY,gBAAa,GACpC,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,IAAa,KAAY;CAE/B,OACE,kBAAC,GAAD;EACE,GAAI;EACJ,IAAI;EACJ,SAAQ;EACR,UAAU;EACV,SAAS;EACT,eAAe;GAEb,AADA,EAAa,EAAI,GACjB,EAAQ;IACN,GAAG;IACH,eAAe;KAEb,AADA,EAAa,EAAK,GAClB,EAAa,QAAQ;IACvB;GACF,CAAC;EACH;YAEC;CACK,CAAA;AAEZ"}

package/dist/components/SynapseTable/CustomControls/CustomControlPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomControlPanel.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControlPanel.tsx"],"sourcesContent":["import { ButtonProps, Box, Typography, Paper } from '@mui/material'\nimport {\n  CustomControl,\n  CustomControlCallbackData,\n} from '../TopLevelControls/TopLevelControls'\nimport { CustomControlButton } from './CustomControlButton'\n\nexport interface CustomControlPanelProps extends Omit<ButtonProps, 'onClick'> {\n  control: CustomControl\n  callbackData: CustomControlCallbackData\n}\n\nfunction CustomControlPanel(props: CustomControlPanelProps) {\n  const { control, callbackData, ...buttonProps } = props\n  const { title, description } = control\n\n  return (\n    <Paper\n      sx={{\n        backgroundColor: 'grey.100',\n        p: 2,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 2,\n        borderRadius: 1,\n      }}\n      elevation={0}\n    >\n      <Box sx={{ display: 'flex', flexDirection: 'column', flex: 1, gap: 0.5 }}>\n        {title && (\n          <Typography\n            variant=\"body1\"\n            sx={{ fontWeight: 700, fontSize: '14px' }}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        )}\n      </Box>\n      <CustomControlButton\n        control={control}\n        callbackData={callbackData}\n        variant=\"outlined\"\n        {...buttonProps}\n      />\n    </Paper>\n  )\n}\n\nexport default CustomControlPanel\n"],"mappings":";;;;AAYA,SAAS,EAAmB,GAAgC;CAC1D,IAAM,EAAE,YAAS,iBAAc,GAAG,MAAgB,GAC5C,EAAE,UAAO,mBAAgB;AAE/B,QACE,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB;GACjB,GAAG;GACH,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;GACf;EACD,WAAW;YATb,CAWE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,MAAM;IAAG,KAAK;IAAK;aAAxE,CACG,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,YAAY;KAAK,UAAU;KAAQ;cAExC;IACU,CAAA,EAEd,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAC/B;IACU,CAAA,CAEX;MACN,kBAAC,GAAD;GACW;GACK;GACd,SAAQ;GACR,GAAI;GACJ,CAAA,CACI"}
+{"version":3,"file":"CustomControlPanel.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControlPanel.tsx"],"sourcesContent":["import { ButtonProps, Box, Typography, Paper } from '@mui/material'\nimport {\n  CustomControl,\n  CustomControlCallbackData,\n} from '../TopLevelControls/TopLevelControls'\nimport { CustomControlButton } from './CustomControlButton'\n\nexport interface CustomControlPanelProps extends Omit<ButtonProps, 'onClick'> {\n  control: CustomControl\n  callbackData: CustomControlCallbackData\n}\n\nfunction CustomControlPanel(props: CustomControlPanelProps) {\n  const { control, callbackData, ...buttonProps } = props\n  const { title, description } = control\n\n  return (\n    <Paper\n      sx={{\n        backgroundColor: 'grey.100',\n        p: 2,\n        display: 'flex',\n        alignItems: 'center',\n        gap: 2,\n        borderRadius: 1,\n      }}\n      elevation={0}\n    >\n      <Box sx={{ display: 'flex', flexDirection: 'column', flex: 1, gap: 0.5 }}>\n        {title && (\n          <Typography\n            variant=\"body1\"\n            sx={{ fontWeight: 700, fontSize: '14px' }}\n          >\n            {title}\n          </Typography>\n        )}\n        {description && (\n          <Typography variant=\"body2\" color=\"text.secondary\">\n            {description}\n          </Typography>\n        )}\n      </Box>\n      <CustomControlButton\n        control={control}\n        callbackData={callbackData}\n        variant=\"outlined\"\n        {...buttonProps}\n      />\n    </Paper>\n  )\n}\n\nexport default CustomControlPanel\n"],"mappings":";;;;AAYA,SAAS,EAAmB,GAAgC;CAC1D,IAAM,EAAE,YAAS,iBAAc,GAAG,MAAgB,GAC5C,EAAE,UAAO,mBAAgB;CAE/B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,iBAAiB;GACjB,GAAG;GACH,SAAS;GACT,YAAY;GACZ,KAAK;GACL,cAAc;EAChB;EACA,WAAW;YATb,CAWE,kBAAC,GAAD;GAAK,IAAI;IAAE,SAAS;IAAQ,eAAe;IAAU,MAAM;IAAG,KAAK;GAAI;aAAvE,CACG,KACC,kBAAC,GAAD;IACE,SAAQ;IACR,IAAI;KAAE,YAAY;KAAK,UAAU;IAAO;cAEvC;GACS,CAAA,GAEb,KACC,kBAAC,GAAD;IAAY,SAAQ;IAAQ,OAAM;cAC/B;GACS,CAAA,CAEX;MACL,kBAAC,GAAD;GACW;GACK;GACd,SAAQ;GACR,GAAI;EACL,CAAA,CACI;;AAEX"}

package/dist/components/SynapseTable/CustomControls/CustomControls.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomControls.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControls.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useQueryContext } from '../../QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport CustomControlPanel from './CustomControlPanel'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { getNumberOfResultsToInvokeAction } from '../TopLevelControls/TopLevelControlsUtils'\n\nexport type CustomControlsProps = {\n  customControls?: CustomControl[]\n  remount: () => void\n}\n\nexport function CustomControls(props: CustomControlsProps) {\n  const { customControls, remount } = props\n  const queryContext = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const { entityId, getCurrentQueryRequest } = queryContext\n\n  if (!customControls || customControls.length === 0) {\n    return null\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n\n  const refresh = () => {\n    remount()\n  }\n\n  return (\n    <Box\n      className=\"CustomControls\"\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2, my: 0 }}\n    >\n      {customControls.map((customControl: CustomControl, index: number) => (\n        <CustomControlPanel\n          key={customControl.buttonID ?? `${customControl.buttonText}-${index}`}\n          disabled={!numberOfResultsToInvokeAction}\n          control={customControl}\n          callbackData={{\n            tableId: entityId!,\n            queryMetadata: queryMetadata,\n            selectedRows,\n            refresh,\n            request: getCurrentQueryRequest(),\n          }}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EAAE,mBAAgB,eAAY,GAC9B,IAAe,GAAiB,EAChC,EAAE,MAAM,MAAkB,GAAqB,EAC/C,IAAe,GAA0B,EACzC,IAAkB,GAA6B,EAC/C,EAAE,aAAU,8BAA2B;AAE7C,KAAI,CAAC,KAAkB,EAAe,WAAW,EAC/C,QAAO;CAGT,IAAM,IAAgC,EACpC,GACA,GACA,GAAe,WAChB,EAEK,UAAgB;AACpB,KAAS;;AAGX,QACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;GAAG,IAAI;GAAG;YAE9D,EAAe,KAAK,GAA8B,MACjD,kBAAC,GAAD;GAEE,UAAU,CAAC;GACX,SAAS;GACT,cAAc;IACZ,SAAS;IACM;IACf;IACA;IACA,SAAS,GAAwB;IAClC;GACD,EAVK,EAAc,YAAY,GAAG,EAAc,WAAW,GAAG,IAU9D,CACF;EACE,CAAA"}
+{"version":3,"file":"CustomControls.js","names":[],"sources":["../../../../src/components/SynapseTable/CustomControls/CustomControls.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useQueryContext } from '../../QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useSelectedRowsAtomValue,\n} from '../../QueryWrapper/TableRowSelectionState'\nimport { useGetQueryMetadata } from '../../QueryWrapper/useGetQueryMetadata'\nimport CustomControlPanel from './CustomControlPanel'\nimport { CustomControl } from '../TopLevelControls/TopLevelControls'\nimport { getNumberOfResultsToInvokeAction } from '../TopLevelControls/TopLevelControlsUtils'\n\nexport type CustomControlsProps = {\n  customControls?: CustomControl[]\n  remount: () => void\n}\n\nexport function CustomControls(props: CustomControlsProps) {\n  const { customControls, remount } = props\n  const queryContext = useQueryContext()\n  const { data: queryMetadata } = useGetQueryMetadata()\n  const selectedRows = useSelectedRowsAtomValue()\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const { entityId, getCurrentQueryRequest } = queryContext\n\n  if (!customControls || customControls.length === 0) {\n    return null\n  }\n\n  const numberOfResultsToInvokeAction = getNumberOfResultsToInvokeAction(\n    hasSelectedRows,\n    selectedRows,\n    queryMetadata?.queryCount,\n  )\n\n  const refresh = () => {\n    remount()\n  }\n\n  return (\n    <Box\n      className=\"CustomControls\"\n      sx={{ display: 'flex', flexDirection: 'column', gap: 2, my: 0 }}\n    >\n      {customControls.map((customControl: CustomControl, index: number) => (\n        <CustomControlPanel\n          key={customControl.buttonID ?? `${customControl.buttonText}-${index}`}\n          disabled={!numberOfResultsToInvokeAction}\n          control={customControl}\n          callbackData={{\n            tableId: entityId!,\n            queryMetadata: queryMetadata,\n            selectedRows,\n            refresh,\n            request: getCurrentQueryRequest(),\n          }}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;;AAgBA,SAAgB,EAAe,GAA4B;CACzD,IAAM,EAAE,mBAAgB,eAAY,GAC9B,IAAe,EAAgB,GAC/B,EAAE,MAAM,MAAkB,EAAoB,GAC9C,IAAe,EAAyB,GACxC,IAAkB,EAA4B,GAC9C,EAAE,aAAU,8BAA2B;CAE7C,IAAI,CAAC,KAAkB,EAAe,WAAW,GAC/C,OAAO;CAGT,IAAM,IAAgC,EACpC,GACA,GACA,GAAe,UACjB,GAEM,UAAgB;EACpB,EAAQ;CACV;CAEA,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GAAE,SAAS;GAAQ,eAAe;GAAU,KAAK;GAAG,IAAI;EAAE;YAE7D,EAAe,KAAK,GAA8B,MACjD,kBAAC,GAAD;GAEE,UAAU,CAAC;GACX,SAAS;GACT,cAAc;IACZ,SAAS;IACM;IACf;IACA;IACA,SAAS,EAAuB;GAClC;EACD,GAVM,EAAc,YAAY,GAAG,EAAc,WAAW,GAAG,GAU/D,CACF;CACE,CAAA;AAET"}

package/dist/components/SynapseTable/EntityIDColumnCopyIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityIDColumnCopyIcon.js","names":[],"sources":["../../../src/components/SynapseTable/EntityIDColumnCopyIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { getFullQueryTableResults } from '@/synapse-client/SynapseClient'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdAndVersionFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryResultBundle, Row } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useState } from 'react'\nimport {\n  InteractiveCopyIdsIcon,\n  InteractiveCopyIdsIconProps,\n} from '../InteractiveCopyIdsIcon'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\ntype EntityIDColumnCopyIconProps = Omit<InteractiveCopyIdsIconProps, 'onCopy'>\n\nconst EntityIDColumnCopyIcon = (\n  props: EntityIDColumnCopyIconProps,\n): React.ReactNode => {\n  const synapseContext = useSynapseContext()\n  const { getCurrentQueryRequest } = useQueryContext()\n  const queryRequestClone = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const [isLoading, setIsLoading] = useState(false)\n  const [idData, setIdData] = useState<QueryResultBundle>()\n  const [abortController, setAbortController] = useState<AbortController>()\n\n  useEffect(() => {\n    if (!abortController) {\n      setAbortController(new AbortController())\n    }\n    return () => {\n      // clean up\n      if (abortController) {\n        abortController.abort()\n      }\n    }\n  }, [abortController])\n  /**\n   * handle copy IDs to clipboard\n   */\n  const handleCopyIdsToClipboard = () => {\n    setIsLoading(true)\n\n    // ask for all pages of data\n    const { sql: oldSql } = queryRequestClone.query\n    const { entityId, versionNumber } =\n      parseEntityIdAndVersionFromSqlStatement(oldSql)\n    const versionNumberString = versionNumber ? `.${versionNumber}` : ''\n    queryRequestClone.partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n    const entityIdString = `${entityId}${versionNumberString}`\n    const indexOfEntityId = oldSql.indexOf(entityIdString)\n    queryRequestClone.query.sql = `select id from ${entityIdString}${oldSql.substring(\n      indexOfEntityId + entityIdString.length,\n    )}`\n    getFullQueryTableResults(\n      queryRequestClone,\n      synapseContext.accessToken,\n      abortController?.signal,\n    )\n      .then((data: QueryResultBundle) => {\n        setIdData(data)\n      })\n      .catch((err: any) => {\n        console.error(err)\n        displayToast('Unable to query for all Synapse IDs to copy', 'danger')\n      })\n      .finally(() => {\n        setIsLoading(false)\n      })\n  }\n\n  useEffect(() => {\n    if (idData) {\n      const { rows } = idData.queryResult!.queryResults\n      const synIDs = rows\n        .map((row: Row) => {\n          return `${row.values[0]}`\n        })\n        .join('\\n')\n      copyStringToClipboard(synIDs).then(() => {\n        displayToast('Successfully copied to clipboard')\n        setIdData(undefined)\n      })\n    }\n  }, [idData])\n\n  return isLoading ? (\n    <SynapseSpinner size={25} />\n  ) : (\n    <InteractiveCopyIdsIcon\n      {...props}\n      onCopy={() => {\n        handleCopyIdsToClipboard()\n      }}\n    />\n  )\n}\n\nexport default EntityIDColumnCopyIcon\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,KACJ,MACoB;CACpB,IAAM,IAAiB,GAAmB,EACpC,EAAE,8BAA2B,GAAiB,EAC9C,IAAoB,QAClB,GAAwB,EAC9B,CAAC,EAAuB,CACzB,EACK,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,CAAC,GAAQ,KAAa,GAA6B,EACnD,CAAC,GAAiB,KAAsB,GAA2B;AAEzE,UACO,KACH,EAAmB,IAAI,iBAAiB,CAAC,QAE9B;AAEX,EAAI,KACF,EAAgB,OAAO;KAG1B,CAAC,EAAgB,CAAC;CAIrB,IAAM,UAAiC;AACrC,IAAa,GAAK;EAGlB,IAAM,EAAE,KAAK,MAAW,EAAkB,OACpC,EAAE,aAAU,qBAChB,EAAwC,EAAO,EAC3C,IAAsB,IAAgB,IAAI,MAAkB;AAClE,IAAkB,WAAW;EAC7B,IAAM,IAAiB,GAAG,IAAW,KAC/B,IAAkB,EAAO,QAAQ,EAAe;AAItD,EAHA,EAAkB,MAAM,MAAM,kBAAkB,IAAiB,EAAO,UACtE,IAAkB,EAAe,OAClC,IACD,EACE,GACA,EAAe,aACf,GAAiB,OAClB,CACE,MAAM,MAA4B;AACjC,KAAU,EAAK;IACf,CACD,OAAO,MAAa;AAEnB,GADA,QAAQ,MAAM,EAAI,EAClB,EAAa,+CAA+C,SAAS;IACrE,CACD,cAAc;AACb,KAAa,GAAM;IACnB;;AAkBN,QAfA,QAAgB;AACd,MAAI,GAAQ;GACV,IAAM,EAAE,YAAS,EAAO,YAAa;AAMrC,KALe,EACZ,KAAK,MACG,GAAG,EAAI,OAAO,KACrB,CACD,KAAK,KACc,CAAO,CAAC,WAAW;AAEvC,IADA,EAAa,mCAAmC,EAChD,EAAU,KAAA,EAAU;KACpB;;IAEH,CAAC,EAAO,CAAC,EAEL,IACL,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAE5B,kBAAC,GAAD;EACE,GAAI;EACJ,cAAc;AACZ,MAA0B;;EAE5B,CAAA"}
+{"version":3,"file":"EntityIDColumnCopyIcon.js","names":[],"sources":["../../../src/components/SynapseTable/EntityIDColumnCopyIcon.tsx"],"sourcesContent":["import React from 'react'\nimport { getFullQueryTableResults } from '@/synapse-client/SynapseClient'\nimport { SynapseConstants } from '@/utils'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { parseEntityIdAndVersionFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport { QueryResultBundle, Row } from '@sage-bionetworks/synapse-types'\nimport { useEffect, useMemo, useState } from 'react'\nimport {\n  InteractiveCopyIdsIcon,\n  InteractiveCopyIdsIconProps,\n} from '../InteractiveCopyIdsIcon'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useQueryContext } from '../QueryContext/QueryContext'\nimport { displayToast } from '../ToastMessage/ToastMessage'\nimport { copyStringToClipboard } from '@/utils/functions/StringUtils'\n\ntype EntityIDColumnCopyIconProps = Omit<InteractiveCopyIdsIconProps, 'onCopy'>\n\nconst EntityIDColumnCopyIcon = (\n  props: EntityIDColumnCopyIconProps,\n): React.ReactNode => {\n  const synapseContext = useSynapseContext()\n  const { getCurrentQueryRequest } = useQueryContext()\n  const queryRequestClone = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const [isLoading, setIsLoading] = useState(false)\n  const [idData, setIdData] = useState<QueryResultBundle>()\n  const [abortController, setAbortController] = useState<AbortController>()\n\n  useEffect(() => {\n    if (!abortController) {\n      setAbortController(new AbortController())\n    }\n    return () => {\n      // clean up\n      if (abortController) {\n        abortController.abort()\n      }\n    }\n  }, [abortController])\n  /**\n   * handle copy IDs to clipboard\n   */\n  const handleCopyIdsToClipboard = () => {\n    setIsLoading(true)\n\n    // ask for all pages of data\n    const { sql: oldSql } = queryRequestClone.query\n    const { entityId, versionNumber } =\n      parseEntityIdAndVersionFromSqlStatement(oldSql)\n    const versionNumberString = versionNumber ? `.${versionNumber}` : ''\n    queryRequestClone.partMask = SynapseConstants.BUNDLE_MASK_QUERY_RESULTS\n    const entityIdString = `${entityId}${versionNumberString}`\n    const indexOfEntityId = oldSql.indexOf(entityIdString)\n    queryRequestClone.query.sql = `select id from ${entityIdString}${oldSql.substring(\n      indexOfEntityId + entityIdString.length,\n    )}`\n    getFullQueryTableResults(\n      queryRequestClone,\n      synapseContext.accessToken,\n      abortController?.signal,\n    )\n      .then((data: QueryResultBundle) => {\n        setIdData(data)\n      })\n      .catch((err: any) => {\n        console.error(err)\n        displayToast('Unable to query for all Synapse IDs to copy', 'danger')\n      })\n      .finally(() => {\n        setIsLoading(false)\n      })\n  }\n\n  useEffect(() => {\n    if (idData) {\n      const { rows } = idData.queryResult!.queryResults\n      const synIDs = rows\n        .map((row: Row) => {\n          return `${row.values[0]}`\n        })\n        .join('\\n')\n      copyStringToClipboard(synIDs).then(() => {\n        displayToast('Successfully copied to clipboard')\n        setIdData(undefined)\n      })\n    }\n  }, [idData])\n\n  return isLoading ? (\n    <SynapseSpinner size={25} />\n  ) : (\n    <InteractiveCopyIdsIcon\n      {...props}\n      onCopy={() => {\n        handleCopyIdsToClipboard()\n      }}\n    />\n  )\n}\n\nexport default EntityIDColumnCopyIcon\n"],"mappings":";;;;;;;;;;;;;AAkBA,IAAM,KACJ,MACoB;CACpB,IAAM,IAAiB,EAAkB,GACnC,EAAE,8BAA2B,EAAgB,GAC7C,IAAoB,QAClB,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GACM,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,CAAC,GAAQ,KAAa,EAA4B,GAClD,CAAC,GAAiB,KAAsB,EAA0B;CAExE,SACO,KACH,EAAmB,IAAI,gBAAgB,CAAC,SAE7B;EAEX,AAAI,KACF,EAAgB,MAAM;CAE1B,IACC,CAAC,CAAe,CAAC;CAIpB,IAAM,UAAiC;EACrC,EAAa,EAAI;EAGjB,IAAM,EAAE,KAAK,MAAW,EAAkB,OACpC,EAAE,aAAU,qBAChB,EAAwC,CAAM,GAC1C,IAAsB,IAAgB,IAAI,MAAkB;EAClE,EAAkB,WAAW;EAC7B,IAAM,IAAiB,GAAG,IAAW,KAC/B,IAAkB,EAAO,QAAQ,CAAc;EAIrD,AAHA,EAAkB,MAAM,MAAM,kBAAkB,IAAiB,EAAO,UACtE,IAAkB,EAAe,MACnC,KACA,EACE,GACA,EAAe,aACf,GAAiB,MACnB,EACG,MAAM,MAA4B;GACjC,EAAU,CAAI;EAChB,CAAC,EACA,OAAO,MAAa;GAEnB,AADA,QAAQ,MAAM,CAAG,GACjB,EAAa,+CAA+C,QAAQ;EACtE,CAAC,EACA,cAAc;GACb,EAAa,EAAK;EACpB,CAAC;CACL;CAiBA,OAfA,QAAgB;EACd,IAAI,GAAQ;GACV,IAAM,EAAE,YAAS,EAAO,YAAa;GAMrC,EALe,EACZ,KAAK,MACG,GAAG,EAAI,OAAO,IACtB,EACA,KAAK,IACc,CAAM,EAAE,WAAW;IAEvC,AADA,EAAa,kCAAkC,GAC/C,EAAU,KAAA,CAAS;GACrB,CAAC;EACH;CACF,GAAG,CAAC,CAAM,CAAC,GAEJ,IACL,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAE3B,kBAAC,GAAD;EACE,GAAI;EACJ,cAAc;GACZ,EAAyB;EAC3B;CACD,CAAA;AAEL"}

package/dist/components/SynapseTable/ExpandCollapseButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandCollapseButton.js","names":[],"sources":["../../../src/components/SynapseTable/ExpandCollapseButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes } from 'react'\nimport IconSvg from '../IconSvg'\n\ntype ExpandCollapseButtonProps = {\n  isExpanded: boolean\n} & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport default function ExpandCollapseButton(props: ExpandCollapseButtonProps) {\n  const { isExpanded, ...buttonProps } = props\n  return (\n    <button {...buttonProps}>\n      <IconSvg\n        icon={isExpanded ? 'minusBoxOutline' : 'addBoxOutline'}\n        sx={{\n          color: 'grey.600',\n          height: '16px',\n          verticalAlign: 'top',\n          '&:hover': {\n            color: 'grey.700',\n          },\n        }}\n      />\n    </button>\n  )\n}\n"],"mappings":";;;AAOA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,eAAY,GAAG,MAAgB;AACvC,QACE,kBAAC,UAAD;EAAQ,GAAI;YACV,kBAAC,GAAD;GACE,MAAM,IAAa,oBAAoB;GACvC,IAAI;IACF,OAAO;IACP,QAAQ;IACR,eAAe;IACf,WAAW,EACT,OAAO,YACR;IACF;GACD,CAAA;EACK,CAAA"}
+{"version":3,"file":"ExpandCollapseButton.js","names":[],"sources":["../../../src/components/SynapseTable/ExpandCollapseButton.tsx"],"sourcesContent":["import { ButtonHTMLAttributes } from 'react'\nimport IconSvg from '../IconSvg'\n\ntype ExpandCollapseButtonProps = {\n  isExpanded: boolean\n} & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport default function ExpandCollapseButton(props: ExpandCollapseButtonProps) {\n  const { isExpanded, ...buttonProps } = props\n  return (\n    <button {...buttonProps}>\n      <IconSvg\n        icon={isExpanded ? 'minusBoxOutline' : 'addBoxOutline'}\n        sx={{\n          color: 'grey.600',\n          height: '16px',\n          verticalAlign: 'top',\n          '&:hover': {\n            color: 'grey.700',\n          },\n        }}\n      />\n    </button>\n  )\n}\n"],"mappings":";;;AAOA,SAAwB,EAAqB,GAAkC;CAC7E,IAAM,EAAE,eAAY,GAAG,MAAgB;CACvC,OACE,kBAAC,UAAD;EAAQ,GAAI;YACV,kBAAC,GAAD;GACE,MAAM,IAAa,oBAAoB;GACvC,IAAI;IACF,OAAO;IACP,QAAQ;IACR,eAAe;IACf,WAAW,EACT,OAAO,WACT;GACF;EACD,CAAA;CACK,CAAA;AAEZ"}

package/dist/components/SynapseTable/ExpandableTableDataCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTableDataCell.js","names":[],"sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"sourcesContent":["import { HTMLAttributes, useRef, useState } from 'react'\nimport { useResizeObserver } from '@react-hookz/web'\nimport ExpandCollapseButton from './ExpandCollapseButton'\n\nexport default function ExpandableTableDataCell(\n  props: HTMLAttributes<HTMLTableCellElement>,\n) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] =\n    useState(false)\n  const tdRef = useRef<HTMLTableCellElement | null>(null)\n\n  /**\n   * When the cell is resized, check if it is overflowing.\n   */\n  useResizeObserver(tdRef, ({ target }) => {\n    // Don't check overflow if the cell has been expanded by the user!\n    if (!isExpanded) {\n      if (target) {\n        const contentElement = target.getElementsByClassName(\n          'SynapseTableCellContent',\n        )[0]\n        if (contentElement) {\n          // Add 2px threshold to account for sub-pixel rounding errors\n          const threshold = 2\n          setIsOverflowingWhenNotExpanded(\n            contentElement.scrollHeight >\n              contentElement.clientHeight + threshold ||\n              contentElement.scrollWidth >\n                contentElement.clientWidth + threshold,\n          )\n        }\n      }\n    }\n  })\n\n  return (\n    <td\n      {...props}\n      className={`ExpandableTableData ${\n        props.className ? props.className : ''\n      }`}\n      aria-expanded={isExpanded}\n      ref={tdRef}\n    >\n      {isOverflowingWhenNotExpanded && (\n        <ExpandCollapseButton\n          isExpanded={isExpanded}\n          className=\"ExpandableTableData__expandButton\"\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      )}\n      {props.children}\n    </td>\n  )\n}\n"],"mappings":";;;;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,CAAC,GAA8B,KACnC,EAAS,GAAM,EACX,IAAQ,EAAoC,KAAK;AA0BvD,QArBA,EAAkB,IAAQ,EAAE,gBAAa;AAEvC,MAAI,CAAC,KACC,GAAQ;GACV,IAAM,IAAiB,EAAO,uBAC5B,0BACD,CAAC;AACF,GAAI,KAGF,EACE,EAAe,eACb,EAAe,eAAe,KAC9B,EAAe,cACb,EAAe,cAAc,EAClC;;GAIP,EAGA,kBAAC,MAAD;EACE,GAAI;EACJ,WAAW,uBACT,EAAM,YAAY,EAAM,YAAY;EAEtC,iBAAe;EACf,KAAK;YANP,CAQG,KACC,kBAAC,GAAD;GACc;GACZ,WAAU;GACV,eAAe,EAAc,CAAC,EAAW;GACzC,CAAA,EAEH,EAAM,SACJ"}
+{"version":3,"file":"ExpandableTableDataCell.js","names":[],"sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"sourcesContent":["import { HTMLAttributes, useRef, useState } from 'react'\nimport { useResizeObserver } from '@react-hookz/web'\nimport ExpandCollapseButton from './ExpandCollapseButton'\n\nexport default function ExpandableTableDataCell(\n  props: HTMLAttributes<HTMLTableCellElement>,\n) {\n  const [isExpanded, setIsExpanded] = useState(false)\n  const [isOverflowingWhenNotExpanded, setIsOverflowingWhenNotExpanded] =\n    useState(false)\n  const tdRef = useRef<HTMLTableCellElement | null>(null)\n\n  /**\n   * When the cell is resized, check if it is overflowing.\n   */\n  useResizeObserver(tdRef, ({ target }) => {\n    // Don't check overflow if the cell has been expanded by the user!\n    if (!isExpanded) {\n      if (target) {\n        const contentElement = target.getElementsByClassName(\n          'SynapseTableCellContent',\n        )[0]\n        if (contentElement) {\n          // Add 2px threshold to account for sub-pixel rounding errors\n          const threshold = 2\n          setIsOverflowingWhenNotExpanded(\n            contentElement.scrollHeight >\n              contentElement.clientHeight + threshold ||\n              contentElement.scrollWidth >\n                contentElement.clientWidth + threshold,\n          )\n        }\n      }\n    }\n  })\n\n  return (\n    <td\n      {...props}\n      className={`ExpandableTableData ${\n        props.className ? props.className : ''\n      }`}\n      aria-expanded={isExpanded}\n      ref={tdRef}\n    >\n      {isOverflowingWhenNotExpanded && (\n        <ExpandCollapseButton\n          isExpanded={isExpanded}\n          className=\"ExpandableTableData__expandButton\"\n          onClick={() => setIsExpanded(!isExpanded)}\n        />\n      )}\n      {props.children}\n    </td>\n  )\n}\n"],"mappings":";;;;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,CAAC,GAA8B,KACnC,EAAS,EAAK,GACV,IAAQ,EAAoC,IAAI;CA0BtD,OArBA,EAAkB,IAAQ,EAAE,gBAAa;EAEvC,IAAI,CAAC,KACC,GAAQ;GACV,IAAM,IAAiB,EAAO,uBAC5B,yBACF,EAAE;GACF,AAAI,KAGF,EACE,EAAe,eACb,EAAe,eAAe,KAC9B,EAAe,cACb,EAAe,cAAc,CACnC;EAEJ;CAEJ,CAAC,GAGC,kBAAC,MAAD;EACE,GAAI;EACJ,WAAW,uBACT,EAAM,YAAY,EAAM,YAAY;EAEtC,iBAAe;EACf,KAAK;YANP,CAQG,KACC,kBAAC,GAAD;GACc;GACZ,WAAU;GACV,eAAe,EAAc,CAAC,CAAU;EACzC,CAAA,GAEF,EAAM,QACL;;AAER"}

package/dist/components/SynapseTable/NoContentAvailable.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoContentAvailable.js","names":[],"sources":["../../../src/components/SynapseTable/NoContentAvailable.tsx"],"sourcesContent":["export default function NoContentAvailable() {\n  return (\n    <>\n      <p className=\"SRC-no-results-title\">\n        There is currently no content here.\n      </p>\n      <p className=\"SRC-no-results-description\">\n        Information is always being updated, so check back later to see if\n        content has been added.\n      </p>\n    </>\n  )\n}\n"],"mappings":";;AAAA,SAAwB,IAAqB;AAC3C,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD;EAAG,WAAU;YAAuB;EAEhC,CAAA,EACJ,kBAAC,KAAD;EAAG,WAAU;YAA6B;EAGtC,CAAA,CACH,EAAA,CAAA"}
+{"version":3,"file":"NoContentAvailable.js","names":[],"sources":["../../../src/components/SynapseTable/NoContentAvailable.tsx"],"sourcesContent":["export default function NoContentAvailable() {\n  return (\n    <>\n      <p className=\"SRC-no-results-title\">\n        There is currently no content here.\n      </p>\n      <p className=\"SRC-no-results-description\">\n        Information is always being updated, so check back later to see if\n        content has been added.\n      </p>\n    </>\n  )\n}\n"],"mappings":";;AAAA,SAAwB,IAAqB;CAC3C,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,KAAD;EAAG,WAAU;YAAuB;CAEjC,CAAA,GACH,kBAAC,KAAD;EAAG,WAAU;YAA6B;CAGvC,CAAA,CACH,EAAA,CAAA;AAEN"}

package/dist/components/SynapseTable/NoContentPlaceholderType.js.map

@@ -1 +1 @@
-{"version":3,"file":"NoContentPlaceholderType.js","names":[],"sources":["../../../src/components/SynapseTable/NoContentPlaceholderType.ts"],"sourcesContent":["/**\n * When displaying that there are no results, there are two scenarios:\n * 1. Interactive - the user can modify the query and may have chosen a query with no results\n *    - If the user has not modified the query, show a message that the table is empty\n *    - If the user has modified the query, show a message that there are no results and to try a different input\n * 2. Static - the user cannot modify the query. Show a message that there is no content available.\n * 3. Hidden - No content is shown if the user does not have access to the results\n */\nexport enum NoContentPlaceholderType {\n  INTERACTIVE = 'INTERACTIVE',\n  STATIC = 'STATIC',\n  HIDDEN = 'HIDDEN',\n}\n"],"mappings":";AAQA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,cAAc,eACd,EAAA,SAAS,UACT,EAAA,SAAS;KACV"}
+{"version":3,"file":"NoContentPlaceholderType.js","names":[],"sources":["../../../src/components/SynapseTable/NoContentPlaceholderType.ts"],"sourcesContent":["/**\n * When displaying that there are no results, there are two scenarios:\n * 1. Interactive - the user can modify the query and may have chosen a query with no results\n *    - If the user has not modified the query, show a message that the table is empty\n *    - If the user has modified the query, show a message that there are no results and to try a different input\n * 2. Static - the user cannot modify the query. Show a message that there is no content available.\n * 3. Hidden - No content is shown if the user does not have access to the results\n */\nexport enum NoContentPlaceholderType {\n  INTERACTIVE = 'INTERACTIVE',\n  STATIC = 'STATIC',\n  HIDDEN = 'HIDDEN',\n}\n"],"mappings":";AAQA,IAAY,IAAL,yBAAA,GAAA;QACL,EAAA,cAAA,eACA,EAAA,SAAA,UACA,EAAA,SAAA;AACF,EAAA,CAAA,CAAA"}

package/dist/components/SynapseTable/RowSelection/RowSelectionControls.js

@@ -19,12 +19,12 @@ import { useState as p } from "react";
 import { toast as m } from "react-hot-toast";
 import { Box as h, Button as g } from "@mui/material";
 import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
-import { useAtom as b } from "jotai";
-import { GetAppTwoTone as x } from "@mui/icons-material";
+import { GetAppTwoTone as b } from "@mui/icons-material";
+import { useAtom as x } from "jotai";
 //#region src/components/SynapseTable/RowSelection/RowSelectionControls.tsx
 var S = "SendToAnalysisPlatformRowSelectionControlButton";
 function C(C) {
-	let { customControls: w = [], remount: T } = C, { isAuthenticated: E } = e(), [D, O] = p(!1), { entityId: k, versionNumber: A, getCurrentQueryRequest: j } = a(), { data: M } = t(k, A), { data: N } = o(), [P, F] = b(c), I = u(), { setIsShowingExportToAnalysisPlatformModal: L, enabledExternalAnalysisPlatforms: R } = s(), z = R.length > 0, B = () => {
+	let { customControls: w = [], remount: T } = C, { isAuthenticated: E } = e(), [D, O] = p(!1), { entityId: k, versionNumber: A, getCurrentQueryRequest: j } = a(), { data: M } = t(k, A), { data: N } = o(), [P, F] = x(c), I = u(), { setIsShowingExportToAnalysisPlatformModal: L, enabledExternalAnalysisPlatforms: R } = s(), z = R.length > 0, B = () => {
 		F([]), T && T();
 	}, V = n(M, r(N?.columnModels));
 	return /* @__PURE__ */ v(f, {
@@ -69,7 +69,7 @@ function C(C) {
 						})
 					}), { duration: Infinity });
 				},
-				startIcon: /* @__PURE__ */ v(x, {}),
+				startIcon: /* @__PURE__ */ v(b, {}),
 				children: "Add to Download List"
 			})
 		] })