synapse-react-client 4.0.3 → 4.0.4

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.js","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\ntype QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotType'\n  | 'hideTopLevelControls'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount: () => void\n}\n\nfunction QueryWrapperPlotNavContents(props: QueryWrapperPlotNavContentsProps) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount,\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotType,\n    hideTopLevelControls,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { isLoading: isLoadingQueryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            }`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {isFaceted && (\n                <>\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                </>\n              )}\n              <TotalQueryResults\n                frontText={''}\n                endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                hideIfUnfiltered={true}\n              />\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotType={initialPlotType}\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <QueryVisualizationWrapper\n        unitDescription={unitDescription}\n        rgbIndex={props.rgbIndex}\n        columnAliases={props.columnAliases}\n        helpConfiguration={helpConfiguration}\n        visibleColumnCount={props.visibleColumnCount}\n        defaultShowPlots={props.defaultShowPlots}\n        hideCopyToClipboard={props.hideCopyToClipboard}\n        defaultShowSearchBar={\n          (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n          !props.hideSearchBarControl\n        }\n        hideSearchBarControl={props.hideSearchBarControl}\n        showLastUpdatedOn={showLastUpdatedOn}\n        noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n        hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n        enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n      >\n        <QueryWrapperPlotNavContents\n          {...props}\n          isFullTextSearchEnabled={isFullTextSearchEnabled}\n          remount={remount}\n        />\n      </QueryVisualizationWrapper>\n    </QueryWrapper>\n  )\n}\n"],"names":["QUERY_FILTERS_EXPANDED_CSS","QUERY_FILTERS_COLLAPSED_CSS","HAS_SELECTED_ROWS_CSS","QueryWrapperPlotNavContents","props","tableConfiguration","name","cardConfiguration","facetsToPlot","availableFacets","initialExpandedFacetControls","hideDownload","hideQueryCount","hideSqlEditorControl","hideVisualizationsControl","searchConfiguration","cavaticaConnectAccountURL","customControls","remount","isFullTextSearchEnabled","customPlots","initialLimit","initialPlotType","hideTopLevelControls","queryContext","useQueryContext","showExportMetadata","setShowExportMetadata","useState","isFaceted","queryMetadataQueryOptions","isLoadingQueryMetadata","useQuery","isRowSelectionVisible","useAtomValue","isRowSelectionVisibleAtom","currentQueryRequest","hasFacetsOrFilters","addToDownloadListRequest","useGetAddToDownloadListRequestForCurrentQuery","jsx","QueryVisualizationContextConsumer","queryVisualizationContext","Box","QueryWrapperErrorBoundary","FullTextSearch","SearchV2","SqlEditor","AddToDownloadListConfirmationAlert","SynapseErrorBoundary","TopLevelControls","Fragment","FacetFilterControls","TotalQueryResults","CustomControls","PlotsContainer","RowSetView","ModalDownload","QueryWrapperPlotNav","deprecatedSql","isInfinite","limit","DEFAULT_PAGE_SIZE","showLastUpdatedOn","unitDescription","additionalFiltersSessionStorageKey","helpConfiguration","enabledExternalAnalysisPlatforms","sql","entityId","versionNumber","parseEntityIdAndVersionFromSqlStatement","query","useMemo","additionalFilters","getAdditionalFilters","componentKey","setComponentKey","entity","useGetEntity","initQueryRequest","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE","SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS","SynapseConstants.BUNDLE_MASK_QUERY_FACETS","SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES","SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON","isTable","queryWrapperKey","createElement","QueryWrapper","QueryVisualizationWrapper","NoContentPlaceholderType"],"mappings":"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"}
+{"version":3,"file":"QueryWrapperPlotNav.js","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"sourcesContent":["import { QueryOrDeprecatedSearchParams } from '@/components/CardContainerLogic/CardContainerLogic'\nimport AddToDownloadListConfirmationAlert from '@/components/download_list/AddToDownloadListConfirmationAlert/AddToDownloadListConfirmationAlert'\nimport { useGetAddToDownloadListRequestForCurrentQuery } from '@/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery'\nimport { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { useGetEntity } from '@/synapse-queries'\nimport { SynapseConstants } from '@/utils'\nimport {\n  getAdditionalFilters,\n  parseEntityIdAndVersionFromSqlStatement,\n} from '@/utils/functions'\nimport { isTable } from '@/utils/functions/EntityTypeUtils'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Box } from '@mui/material'\nimport { Query, QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useAtomValue } from 'jotai'\nimport { Suspense, useMemo, useState } from 'react'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport { SynapseErrorBoundary } from '../error'\nimport FullTextSearch from '../FullTextSearch/FullTextSearch'\nimport ModalDownload from '../ModalDownload/ModalDownload'\nimport { QueryWrapperPlotNavCustomPlotParams } from '../Plot/SynapsePlot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryVisualizationContextConsumer,\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport { QueryWrapper, QueryWrapperProps } from '../QueryWrapper'\nimport { isRowSelectionVisibleAtom } from '../QueryWrapper/TableRowSelectionState'\nimport { QueryWrapperErrorBoundary } from '../QueryWrapperErrorBoundary'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport SearchV2, { SearchV2Props } from '../SynapseTable/SearchV2'\nimport SqlEditor from '../SynapseTable/SqlEditor'\nimport TopLevelControls, {\n  TopLevelControlsProps,\n  CustomControl,\n} from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { CustomControls } from '../SynapseTable/CustomControls/CustomControls'\nimport TotalQueryResults from '../TotalQueryResults'\nimport PlotsContainer, {\n  PlotsContainerProps,\n} from '../widgets/facet-nav/PlotsContainer'\nimport FacetFilterControls, {\n  FacetFilterControlsProps,\n} from '../widgets/query-filter/FacetFilterControls'\nimport { QueryWrapperSynapsePlotProps } from './QueryWrapperSynapsePlot'\nimport { RowSetView } from './RowSetView'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\n\nexport const QUERY_FILTERS_EXPANDED_CSS: string = 'isShowingFacetFilters'\nexport const QUERY_FILTERS_COLLAPSED_CSS: string = 'isHidingFacetFilters'\n\nexport const HAS_SELECTED_ROWS_CSS: string = 'hasSelectedRows'\n\ntype QueryWrapperPlotNavOwnProps = {\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  /** Set to true when you want the query to be saved in the URL search parameters.  If you are controlling the view (such as in PortalSearch), you'll want to set this to false */\n  shouldDeepLink?: boolean\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, the callback will be invoked when the QueryResultBundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  /** If initQueryJson is set, it will be the Query used in the initial QueryBundleRequest */\n  initQueryJson?: string\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  searchConfiguration?: Omit<\n    SearchV2Props,\n    'queryContext' | 'queryVisualizationContext'\n  >\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  customPlots?: QueryWrapperSynapsePlotProps[]\n  customControls?: CustomControl[]\n  defaultColumn?: string\n  defaultShowSearchBox?: boolean\n  lockedColumn?: QueryWrapperProps['lockedColumn']\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n} & Omit<TopLevelControlsProps, 'entityId'> &\n  Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> &\n  Pick<\n    QueryWrapperProps,\n    | 'isRowSelectionVisible'\n    | 'rowSelectionPrimaryKey'\n    | 'isRowSelectionUIFloating'\n    | 'fileIdColumnName'\n    | 'fileNameColumnName'\n    | 'fileVersionColumnName'\n  > &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\ntype QueryWrapperPlotNavContentsProps = Pick<\n  QueryWrapperPlotNavProps,\n  | 'tableConfiguration'\n  | 'name'\n  | 'cardConfiguration'\n  | 'facetsToPlot'\n  | 'availableFacets'\n  | 'initialExpandedFacetControls'\n  | 'hideDownload'\n  | 'hideQueryCount'\n  | 'hideSqlEditorControl'\n  | 'hideVisualizationsControl'\n  | 'searchConfiguration'\n  | 'enabledExternalAnalysisPlatforms'\n  | 'cavaticaConnectAccountURL'\n  | 'customControls'\n  | 'customPlots'\n  | 'fileIdColumnName'\n  | 'fileNameColumnName'\n  | 'fileVersionColumnName'\n  | 'initialLimit'\n  | 'initialPlotTypeByFacetColumnName'\n  | 'hideTopLevelControls'\n> & {\n  isFullTextSearchEnabled: boolean\n  remount: () => void\n}\n\nfunction QueryWrapperPlotNavContents(props: QueryWrapperPlotNavContentsProps) {\n  const {\n    tableConfiguration,\n    name,\n    cardConfiguration,\n    facetsToPlot,\n    availableFacets,\n    initialExpandedFacetControls,\n    hideDownload,\n    hideQueryCount,\n    hideSqlEditorControl,\n    hideVisualizationsControl,\n    searchConfiguration,\n    cavaticaConnectAccountURL,\n    customControls,\n    remount,\n    isFullTextSearchEnabled,\n    customPlots,\n    initialLimit,\n    initialPlotTypeByFacetColumnName,\n    hideTopLevelControls,\n  } = props\n  const queryContext = useQueryContext()\n  const [showExportMetadata, setShowExportMetadata] = useState(false)\n  const { hasFacetedSelectColumn: isFaceted, queryMetadataQueryOptions } =\n    queryContext\n  const { isLoading: isLoadingQueryMetadata } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  const isRowSelectionVisible = useAtomValue(isRowSelectionVisibleAtom)\n\n  const currentQueryRequest = queryContext.currentQueryRequest\n\n  const hasFacetsOrFilters =\n    (currentQueryRequest?.query.selectedFacets !== undefined &&\n      currentQueryRequest.query.selectedFacets.length > 0) ||\n    (currentQueryRequest?.query.additionalFilters !== undefined &&\n      currentQueryRequest?.query.additionalFilters.length > 0)\n\n  const addToDownloadListRequest =\n    useGetAddToDownloadListRequestForCurrentQuery()\n\n  return (\n    <QueryVisualizationContextConsumer>\n      {queryVisualizationContext => {\n        if (queryVisualizationContext === undefined) {\n          throw new Error(\n            'No queryVisualizationContext found when using QueryVisualizationContextConsumer',\n          )\n        }\n\n        return (\n          <Box\n            className={`QueryWrapperPlotNav ${\n              queryVisualizationContext.showFacetFilter\n                ? QUERY_FILTERS_EXPANDED_CSS\n                : QUERY_FILTERS_COLLAPSED_CSS\n            } ${isRowSelectionVisible ? HAS_SELECTED_ROWS_CSS : ''} ${\n              hideTopLevelControls ? 'isHidingTopLevelControls' : ''\n            }`}\n            sx={{\n              '*': {\n                cursor: isLoadingQueryMetadata ? 'wait' : undefined,\n              },\n            }}\n          >\n            <QueryWrapperErrorBoundary>\n              {isFullTextSearchEnabled ? (\n                <FullTextSearch ftsConfig={searchConfiguration?.ftsConfig} />\n              ) : (\n                <SearchV2\n                  {...searchConfiguration}\n                  queryContext={queryContext}\n                  queryVisualizationContext={queryVisualizationContext}\n                />\n              )}\n              <SqlEditor />\n              {queryVisualizationContext.showDownloadConfirmation && (\n                <AddToDownloadListConfirmationAlert\n                  addToDownloadListRequest={addToDownloadListRequest}\n                  onClose={() =>\n                    queryVisualizationContext.setShowDownloadConfirmation(false)\n                  }\n                />\n              )}\n              {!hideTopLevelControls && (\n                <SynapseErrorBoundary>\n                  <TopLevelControls\n                    showColumnSelection={tableConfiguration !== undefined}\n                    name={name}\n                    hideDownload={hideDownload}\n                    hideQueryCount={hideQueryCount}\n                    hideFacetFilterControl={!isFaceted}\n                    hideVisualizationsControl={\n                      !isFaceted || hideVisualizationsControl\n                    }\n                    hideSqlEditorControl={hideSqlEditorControl}\n                    cavaticaConnectAccountURL={cavaticaConnectAccountURL}\n                    remount={remount}\n                    customControls={customControls}\n                  />\n                </SynapseErrorBoundary>\n              )}\n              {isFaceted && (\n                <>\n                  <FacetFilterControls\n                    availableFacets={availableFacets}\n                    initialExpandedFacetControls={initialExpandedFacetControls}\n                  />\n                </>\n              )}\n              <TotalQueryResults\n                frontText={''}\n                endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                hideIfUnfiltered={true}\n              />\n              <CustomControls\n                customControls={customControls}\n                remount={remount}\n              />\n              <PlotsContainer\n                facetsToPlot={facetsToPlot}\n                customPlots={customPlots}\n                initialPlotTypeByFacetColumnName={\n                  initialPlotTypeByFacetColumnName\n                }\n              />\n              <RowSetView\n                tableConfiguration={tableConfiguration}\n                hideDownload={hideDownload}\n                cardConfiguration={cardConfiguration}\n                initialLimit={initialLimit}\n              />\n              {showExportMetadata && (\n                <ModalDownload\n                  getLastQueryRequest={queryContext?.getCurrentQueryRequest}\n                  onClose={() => setShowExportMetadata(false)}\n                />\n              )}\n            </QueryWrapperErrorBoundary>\n          </Box>\n        )\n      }}\n    </QueryVisualizationContextConsumer>\n  )\n}\n\nexport default function QueryWrapperPlotNav(props: QueryWrapperPlotNavProps) {\n  const {\n    sql: deprecatedSql,\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    limit = DEFAULT_PAGE_SIZE,\n    showLastUpdatedOn,\n    unitDescription,\n    additionalFiltersSessionStorageKey,\n    helpConfiguration,\n    customPlots,\n    enabledExternalAnalysisPlatforms,\n  } = props\n\n  const sql = props.query?.sql ?? deprecatedSql ?? ''\n  const { entityId, versionNumber } =\n    parseEntityIdAndVersionFromSqlStatement(sql)\n\n  const query: Query = useMemo(() => {\n    if (props.query) {\n      // use query if set\n      return props.query\n    } else if (props.initQueryJson) {\n      // Otherwise use initQueryJson\n      return JSON.parse(props.initQueryJson) as Query\n    } else {\n      // use the deprecated sql, searchParams, and sqlOperator\n      const additionalFilters = getAdditionalFilters(\n        props.searchParams,\n        props.sqlOperator,\n        additionalFiltersSessionStorageKey,\n      )\n      return {\n        sql: deprecatedSql!,\n        additionalFilters,\n        limit: limit,\n        offset: 0,\n      }\n    }\n  }, [\n    props.query,\n    props.initQueryJson,\n    props.searchParams,\n    props.sqlOperator,\n    additionalFiltersSessionStorageKey,\n    deprecatedSql,\n    limit,\n  ])\n\n  const [componentKey, setComponentKey] = useState(1)\n  const remount = () => {\n    setComponentKey(componentKey + 1)\n  }\n\n  const { data: entity } = useGetEntity(entityId, versionNumber)\n  const initQueryRequest: QueryBundleRequest = {\n    entityId: entityId ?? '',\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS |\n      SynapseConstants.BUNDLE_MASK_QUERY_COUNT |\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE |\n      SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS |\n      SynapseConstants.BUNDLE_MASK_QUERY_FACETS |\n      SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES |\n      SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON,\n    query,\n  }\n  const isFullTextSearchEnabled =\n    (entity && isTable(entity) && entity.isSearchEnabled) ?? false\n\n  /**\n   * Fully re-render the uncontrolled QueryWrapper component when the initial query changes. This eliminates a class of\n   * bugs where our 'derived' state (the current query), which should be reset, is out of sync with props.\n   *\n   * See https://legacy.reactjs.org/blog/2018/06/07/you-probably-dont-need-derived-state.html#recommendation-fully-uncontrolled-component-with-a-key\n   */\n  const queryWrapperKey = `${JSON.stringify(initQueryRequest)}-${componentKey}`\n\n  return (\n    <QueryWrapper\n      {...props}\n      initQueryRequest={initQueryRequest}\n      key={queryWrapperKey}\n      isInfinite={isInfinite}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          hideSearchBarControl={props.hideSearchBarControl}\n          showLastUpdatedOn={showLastUpdatedOn}\n          noContentPlaceholderType={NoContentPlaceholderType.INTERACTIVE}\n          hasCustomPlots={Array.isArray(customPlots) && customPlots.length > 0}\n          enabledExternalAnalysisPlatforms={enabledExternalAnalysisPlatforms}\n        >\n          <QueryWrapperPlotNavContents\n            {...props}\n            isFullTextSearchEnabled={isFullTextSearchEnabled}\n            remount={remount}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </QueryWrapper>\n  )\n}\n"],"names":["QUERY_FILTERS_EXPANDED_CSS","QUERY_FILTERS_COLLAPSED_CSS","HAS_SELECTED_ROWS_CSS","QueryWrapperPlotNavContents","props","tableConfiguration","name","cardConfiguration","facetsToPlot","availableFacets","initialExpandedFacetControls","hideDownload","hideQueryCount","hideSqlEditorControl","hideVisualizationsControl","searchConfiguration","cavaticaConnectAccountURL","customControls","remount","isFullTextSearchEnabled","customPlots","initialLimit","initialPlotTypeByFacetColumnName","hideTopLevelControls","queryContext","useQueryContext","showExportMetadata","setShowExportMetadata","useState","isFaceted","queryMetadataQueryOptions","isLoadingQueryMetadata","useQuery","isRowSelectionVisible","useAtomValue","isRowSelectionVisibleAtom","currentQueryRequest","hasFacetsOrFilters","addToDownloadListRequest","useGetAddToDownloadListRequestForCurrentQuery","jsx","QueryVisualizationContextConsumer","queryVisualizationContext","Box","QueryWrapperErrorBoundary","FullTextSearch","SearchV2","SqlEditor","AddToDownloadListConfirmationAlert","SynapseErrorBoundary","TopLevelControls","Fragment","FacetFilterControls","TotalQueryResults","CustomControls","PlotsContainer","RowSetView","ModalDownload","QueryWrapperPlotNav","deprecatedSql","isInfinite","limit","DEFAULT_PAGE_SIZE","showLastUpdatedOn","unitDescription","additionalFiltersSessionStorageKey","helpConfiguration","enabledExternalAnalysisPlatforms","sql","entityId","versionNumber","parseEntityIdAndVersionFromSqlStatement","query","useMemo","additionalFilters","getAdditionalFilters","componentKey","setComponentKey","entity","useGetEntity","initQueryRequest","SynapseConstants.BUNDLE_MASK_QUERY_RESULTS","SynapseConstants.BUNDLE_MASK_QUERY_COUNT","SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS","SynapseConstants.BUNDLE_MASK_QUERY_MAX_ROWS_PER_PAGE","SynapseConstants.BUNDLE_MASK_QUERY_COLUMN_MODELS","SynapseConstants.BUNDLE_MASK_QUERY_FACETS","SynapseConstants.BUNDLE_MASK_SUM_FILES_SIZE_BYTES","SynapseConstants.BUNDLE_MASK_LAST_UPDATED_ON","isTable","queryWrapperKey","createElement","QueryWrapper","Suspense","QueryWrapperLoadingScreen","QueryVisualizationWrapper","NoContentPlaceholderType"],"mappings":"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"}

package/dist/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.d.ts

@@ -7,7 +7,7 @@ type QueryWrapperSynapsePlotInternalProps = {
 };
 export type QueryWrapperSynapsePlotRowClickEvent = {
     row: Row;
-    queryContext: QueryContextType;
+    queryContext?: QueryContextType;
 };
 /**
  * This component wraps a SynapsePlot.  It passes in the current query context, and has a custom

package/dist/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperSynapsePlot.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EACL,mCAAmC,EACnC,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAGL,GAAG,EACJ,MAAM,iCAAiC,CAAA;AAGxC,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,mCAAmC,EACnC,mBAAmB,CACpB,GACC,IAAI,CAAC,uBAAuB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAA;AACvE,KAAK,oCAAoC,GAAG;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,oCAAoC,GAAG;IACjD,GAAG,EAAE,GAAG,CAAA;IACR,YAAY,EAAE,gBAAgB,CAAA;CAC/B,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,GAAG,oCAAoC,2CAsC3E"}
+{"version":3,"file":"QueryWrapperSynapsePlot.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EACL,mCAAmC,EACnC,uBAAuB,EACxB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,EAGL,GAAG,EACJ,MAAM,iCAAiC,CAAA;AAGxC,MAAM,MAAM,4BAA4B,GAAG,IAAI,CAC7C,mCAAmC,EACnC,mBAAmB,CACpB,GACC,IAAI,CAAC,uBAAuB,EAAE,gBAAgB,GAAG,mBAAmB,CAAC,CAAA;AACvE,KAAK,oCAAoC,GAAG;IAC1C,MAAM,EAAE,MAAM,IAAI,CAAA;CACnB,CAAA;AACD,MAAM,MAAM,oCAAoC,GAAG;IACjD,GAAG,EAAE,GAAG,CAAA;IACR,YAAY,CAAC,EAAE,gBAAgB,CAAA;CAChC,CAAA;AAED;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,4BAA4B,GAAG,oCAAoC,2CAsC3E"}

package/dist/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperSynapsePlot.js","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { SynapsePlot } from '../Plot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryWrapperPlotNavCustomPlotParams,\n  SynapsePlotWidgetParams,\n} from '../Plot/SynapsePlot'\nimport {\n  FacetColumnRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport PlotPanelHeader from '../Plot/PlotPanelHeader'\nexport type QueryWrapperSynapsePlotProps = Pick<\n  QueryWrapperPlotNavCustomPlotParams,\n  'onCustomPlotClick'\n> &\n  Omit<SynapsePlotWidgetParams, 'selectedFacets' | 'additionalFilters'>\ntype QueryWrapperSynapsePlotInternalProps = {\n  onHide: () => void\n}\nexport type QueryWrapperSynapsePlotRowClickEvent = {\n  row: Row\n  queryContext: QueryContextType\n}\n\n/**\n * This component wraps a SynapsePlot.  It passes in the current query context, and has a custom\n * \"title\" style so that it looks like it belongs in the QueryWrapperPlotNav plots.\n * @param props\n * @returns\n */\nexport default function QueryWrapperSynapsePlot(\n  props: QueryWrapperSynapsePlotProps & QueryWrapperSynapsePlotInternalProps,\n) {\n  const queryContext = useQueryContext()\n  const { currentQueryRequest } = queryContext\n  const { title, onCustomPlotClick, onHide } = props\n  const { showPlots } = useQueryVisualizationContext()\n\n  const widgetParamsMapped: SynapsePlotWidgetParams = useMemo(() => {\n    return {\n      ...props,\n      title: undefined, // we are handling the plot title here in this component\n      showlegend: false,\n      displayModebar: false,\n    }\n  }, [props])\n\n  const customPlotParams: QueryWrapperPlotNavCustomPlotParams = useMemo(() => {\n    const { selectedFacets, additionalFilters } = currentQueryRequest.query\n    return {\n      selectedFacets: selectedFacets as FacetColumnRequest[],\n      additionalFilters: additionalFilters as QueryFilter[],\n      onCustomPlotClick,\n      queryContext,\n    }\n  }, [currentQueryRequest.query, onCustomPlotClick, queryContext])\n  return (\n    <div role=\"figure\" className=\"SynapsePlot\">\n      {showPlots && (\n        <>\n          {title && <PlotPanelHeader title={title} onHide={onHide} />}\n          <SynapsePlot\n            synapsePlotWidgetParams={widgetParamsMapped}\n            customPlotParams={customPlotParams}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["QueryWrapperSynapsePlot","props","queryContext","useQueryContext","currentQueryRequest","title","onCustomPlotClick","onHide","showPlots","useQueryVisualizationContext","widgetParamsMapped","useMemo","customPlotParams","selectedFacets","additionalFilters","jsxs","Fragment","jsx","PlotPanelHeader","SynapsePlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAwBA,GACtBC,GACA;AACA,QAAMC,IAAeC,EAAA,GACf,EAAE,qBAAAC,MAAwBF,GAC1B,EAAE,OAAAG,GAAO,mBAAAC,GAAmB,QAAAC,EAAA,IAAWN,GACvC,EAAE,WAAAO,EAAA,IAAcC,EAAA,GAEhBC,IAA8CC,EAAQ,OACnD;AAAA,IACL,GAAGV;AAAA,IACH,OAAO;AAAA;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAAA,IAEjB,CAACA,CAAK,CAAC,GAEJW,IAAwDD,EAAQ,MAAM;AAC1E,UAAM,EAAE,gBAAAE,GAAgB,mBAAAC,EAAA,IAAsBV,EAAoB;AAClE,WAAO;AAAA,MACL,gBAAAS;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAR;AAAA,MACA,cAAAJ;AAAA,IAAA;AAAA,EAEJ,GAAG,CAACE,EAAoB,OAAOE,GAAmBJ,CAAY,CAAC;AAC/D,2BACG,OAAA,EAAI,MAAK,UAAS,WAAU,eAC1B,eACC,gBAAAa,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KAAS,gBAAAY,EAACC,GAAA,EAAgB,OAAAb,GAAc,QAAAE,EAAA,CAAgB;AAAA,IACzD,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,yBAAyBT;AAAA,QACzB,kBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"QueryWrapperSynapsePlot.js","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { SynapsePlot } from '../Plot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryWrapperPlotNavCustomPlotParams,\n  SynapsePlotWidgetParams,\n} from '../Plot/SynapsePlot'\nimport {\n  FacetColumnRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport PlotPanelHeader from '../Plot/PlotPanelHeader'\nexport type QueryWrapperSynapsePlotProps = Pick<\n  QueryWrapperPlotNavCustomPlotParams,\n  'onCustomPlotClick'\n> &\n  Omit<SynapsePlotWidgetParams, 'selectedFacets' | 'additionalFilters'>\ntype QueryWrapperSynapsePlotInternalProps = {\n  onHide: () => void\n}\nexport type QueryWrapperSynapsePlotRowClickEvent = {\n  row: Row\n  queryContext?: QueryContextType\n}\n\n/**\n * This component wraps a SynapsePlot.  It passes in the current query context, and has a custom\n * \"title\" style so that it looks like it belongs in the QueryWrapperPlotNav plots.\n * @param props\n * @returns\n */\nexport default function QueryWrapperSynapsePlot(\n  props: QueryWrapperSynapsePlotProps & QueryWrapperSynapsePlotInternalProps,\n) {\n  const queryContext = useQueryContext()\n  const { currentQueryRequest } = queryContext\n  const { title, onCustomPlotClick, onHide } = props\n  const { showPlots } = useQueryVisualizationContext()\n\n  const widgetParamsMapped: SynapsePlotWidgetParams = useMemo(() => {\n    return {\n      ...props,\n      title: undefined, // we are handling the plot title here in this component\n      showlegend: false,\n      displayModebar: false,\n    }\n  }, [props])\n\n  const customPlotParams: QueryWrapperPlotNavCustomPlotParams = useMemo(() => {\n    const { selectedFacets, additionalFilters } = currentQueryRequest.query\n    return {\n      selectedFacets: selectedFacets as FacetColumnRequest[],\n      additionalFilters: additionalFilters as QueryFilter[],\n      onCustomPlotClick,\n      queryContext,\n    }\n  }, [currentQueryRequest.query, onCustomPlotClick, queryContext])\n  return (\n    <div role=\"figure\" className=\"SynapsePlot\">\n      {showPlots && (\n        <>\n          {title && <PlotPanelHeader title={title} onHide={onHide} />}\n          <SynapsePlot\n            synapsePlotWidgetParams={widgetParamsMapped}\n            customPlotParams={customPlotParams}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n"],"names":["QueryWrapperSynapsePlot","props","queryContext","useQueryContext","currentQueryRequest","title","onCustomPlotClick","onHide","showPlots","useQueryVisualizationContext","widgetParamsMapped","useMemo","customPlotParams","selectedFacets","additionalFilters","jsxs","Fragment","jsx","PlotPanelHeader","SynapsePlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCA,SAAwBA,GACtBC,GACA;AACA,QAAMC,IAAeC,EAAA,GACf,EAAE,qBAAAC,MAAwBF,GAC1B,EAAE,OAAAG,GAAO,mBAAAC,GAAmB,QAAAC,EAAA,IAAWN,GACvC,EAAE,WAAAO,EAAA,IAAcC,EAAA,GAEhBC,IAA8CC,EAAQ,OACnD;AAAA,IACL,GAAGV;AAAA,IACH,OAAO;AAAA;AAAA,IACP,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAAA,IAEjB,CAACA,CAAK,CAAC,GAEJW,IAAwDD,EAAQ,MAAM;AAC1E,UAAM,EAAE,gBAAAE,GAAgB,mBAAAC,EAAA,IAAsBV,EAAoB;AAClE,WAAO;AAAA,MACL,gBAAAS;AAAA,MACA,mBAAAC;AAAA,MACA,mBAAAR;AAAA,MACA,cAAAJ;AAAA,IAAA;AAAA,EAEJ,GAAG,CAACE,EAAoB,OAAOE,GAAmBJ,CAAY,CAAC;AAC/D,2BACG,OAAA,EAAI,MAAK,UAAS,WAAU,eAC1B,eACC,gBAAAa,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAX,KAAS,gBAAAY,EAACC,GAAA,EAAgB,OAAAb,GAAc,QAAAE,EAAA,CAAgB;AAAA,IACzD,gBAAAU;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,yBAAyBT;AAAA,QACzB,kBAAAE;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CAEJ;AAEJ;"}

package/dist/components/Resources/Resources.Desktop.js

@@ -1,24 +1,24 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { useState as l } from "react";
-import { MarkdownSynapse as m } from "../Markdown/MarkdownSynapse.js";
-function f({ data: s }) {
+import { Markdown as m } from "../Markdown/MarkdownSynapse.js";
+function f({ data: t }) {
   const [a, i] = l(0);
   return /* @__PURE__ */ r("div", { className: "control-container", children: [
     /* @__PURE__ */ r("div", { className: "button-container", children: [
-      s?.map((n, t) => /* @__PURE__ */ e(
+      t?.map((n, s) => /* @__PURE__ */ e(
         "button",
         {
-          className: a === t ? "isSelected" : "",
-          onClick: () => i(t),
+          className: a === s ? "isSelected" : "",
+          onClick: () => i(s),
           children: n.name
         },
         n.name
       )),
       /* @__PURE__ */ e("button", { className: "gap-fill" })
     ] }),
-    /* @__PURE__ */ e("div", { className: "content-container", children: s?.map((n, t) => {
+    /* @__PURE__ */ e("div", { className: "content-container", children: t?.map((n, s) => {
       const { ownerId: o, wikiId: c } = n;
-      return /* @__PURE__ */ e("span", { className: a === t ? "" : "hide", children: /* @__PURE__ */ e(m, { ownerId: o, wikiId: c }) }, o);
+      return /* @__PURE__ */ e("span", { className: a === s ? "" : "hide", children: /* @__PURE__ */ e(m, { ownerId: o, wikiId: c }) }, o);
     }) })
   ] });
 }

package/dist/components/Resources/Resources.Mobile.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as s, Fragment as a } from "react/jsx-runtime";
-import { MarkdownSynapse as i } from "../Markdown/MarkdownSynapse.js";
+import { jsx as o, jsxs as s, Fragment as a } from "react/jsx-runtime";
+import { Markdown as i } from "../Markdown/MarkdownSynapse.js";
 import m from "../home_page/ExpandableContent.js";
-function f({ data: r }) {
-  return /* @__PURE__ */ e("div", { className: "Resources_Mobile", children: r.map(({ name: o, ownerId: t, wikiId: n }) => /* @__PURE__ */ e(m, { title: /* @__PURE__ */ s(a, { children: [
+function f({ data: e }) {
+  return /* @__PURE__ */ o("div", { className: "Resources_Mobile", children: e.map(({ name: r, ownerId: t, wikiId: n }) => /* @__PURE__ */ o(m, { title: /* @__PURE__ */ s(a, { children: [
     " ",
-    o,
+    r,
     " "
-  ] }), content: /* @__PURE__ */ e(i, { ownerId: t, wikiId: n }) }, o)) });
+  ] }), content: /* @__PURE__ */ o(i, { ownerId: t, wikiId: n }) }, r)) });
 }
 export {
   f as default

package/dist/components/SubsectionRowRenderer/SubsectionRowRenderer.js

@@ -29,9 +29,9 @@ import "../../utils/context/FullContextProvider.js";
 import "../../utils/context/DocumentMetadataContext.js";
 import '../../style/components/_spinner.css';/* empty css                                   */
 import "react-router";
-import { MarkdownSynapse as C } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as C } from "../Markdown/MarkdownSynapse.js";
 import { SkeletonTable as U } from "../Skeleton/SkeletonTable.js";
-const O = [
+const M = [
   m.BOOLEAN_LIST,
   m.DATE_LIST,
   m.ENTITYID_LIST,
@@ -104,7 +104,7 @@ function Te({
             if (!a)
               return /* @__PURE__ */ e(E, {});
             let l;
-            if (O.includes(r.columnType))
+            if (M.includes(r.columnType))
               l = JSON.parse(a).map((n, S) => /* @__PURE__ */ h(
                 "div",
                 {

package/dist/components/SustainabilityScorecard/SustainabilityScorecardSummary.js

@@ -2,12 +2,12 @@ import { jsx as e, jsxs as o } from "react/jsx-runtime";
 import y from "../../synapse-queries/entity/useGetQueryResultBundle.js";
 import { getFieldIndex as S } from "../../utils/functions/queryUtils.js";
 import { getMetricValues as w, SUSTAINABILITY_ICON_COLORS as x } from "./SustainabilityScorecardUtils.js";
-import { useTheme as I, Skeleton as k, Box as r, Stack as B, Typography as m, Card as b } from "@mui/material";
+import { useTheme as k, Skeleton as I, Box as r, Stack as B, Typography as m, Card as b } from "@mui/material";
 import C from "@mui/icons-material/CheckCircle";
 import R from "@mui/icons-material/Cancel";
 import T from "../SynapseTable/NoContentAvailable.js";
 import v from "./Dial.js";
-import { MarkdownSynapse as L } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as L } from "../Markdown/MarkdownSynapse.js";
 const D = ({
   label: i,
   markdownText: a,
@@ -65,9 +65,9 @@ const D = ({
   metricsConfig: t,
   scoreDescriptorColumnName: n
 }) => {
-  const c = I(), { data: l, isLoading: h } = y(i);
+  const c = k(), { data: l, isLoading: h } = y(i);
   if (h)
-    return /* @__PURE__ */ e(k, { width: "100%", height: "90px" });
+    return /* @__PURE__ */ e(I, { width: "100%", height: "90px" });
   const s = l?.queryResult.queryResults;
   if (!s?.rows?.length)
     return /* @__PURE__ */ e(r, { sx: { paddingTop: "60px" }, children: /* @__PURE__ */ e(T, {}) });
@@ -104,23 +104,23 @@ const D = ({
         ]
       }
     ),
-    /* @__PURE__ */ e(b, { children: t.map((p, d) => /* @__PURE__ */ e(
+    /* @__PURE__ */ e(b, { children: t.map((d, p) => /* @__PURE__ */ e(
       r,
       {
         sx: {
-          borderBottom: d !== t.length - 1 ? `1px solid ${c.palette.grey[300]}` : void 0
+          borderBottom: p !== t.length - 1 ? `1px solid ${c.palette.grey[300]}` : void 0
         },
         children: /* @__PURE__ */ e(
           D,
           {
-            label: p.label,
-            markdownText: p.text ?? "",
-            index: d,
+            label: d.label,
+            markdownText: d.text ?? "",
+            index: p,
             metricValues: f
           }
         )
       },
-      p.key
+      d.key
     )) })
   ] });
 };

package/dist/components/SynapseChat/SynapseChatInteraction.js

@@ -4,7 +4,7 @@ import j from "./extractMessageFromTraceEvent.js";
 import { SmartToyTwoTone as B, KeyboardArrowDown as P, KeyboardArrowRight as q } from "@mui/icons-material";
 import { useTheme as F, ListItem as T, ListItemText as z, Box as d, Button as E, Collapse as D, Stack as G, Tooltip as K, Chip as O, Alert as $ } from "@mui/material";
 import { useRef as H, useState as _, useEffect as J, useMemo as x } from "react";
-import { MarkdownSynapse as C } from "../Markdown/MarkdownSynapse.js";
+import { Markdown as k } from "../Markdown/MarkdownSynapse.js";
 function N(n) {
   return "reasoningText" in n ? n.reasoningText : "";
 }
@@ -16,7 +16,7 @@ function ee({
   scrollIntoView: u = !1,
   onSendChat: f
 }) {
-  const h = F(), a = H(null), [p, k] = _(!1);
+  const h = F(), a = H(null), [p, C] = _(!1);
   J(() => {
     u && a.current && a.current.scrollIntoView({ behavior: "smooth" });
   }, [a, u]);
@@ -122,7 +122,7 @@ function ee({
                           startIcon: g ? /* @__PURE__ */ t(L, { size: 14 }) : p ? /* @__PURE__ */ t(P, { sx: { width: "14px" } }) : /* @__PURE__ */ t(q, { sx: { width: "14px" } }),
                           disabled: !v,
                           onClick: () => {
-                            k((e) => !e);
+                            C((e) => !e);
                           },
                           sx: {
                             height: "20px",
@@ -142,7 +142,7 @@ function ee({
                         }
                       ),
                       m && /* @__PURE__ */ t(D, { in: p, children: /* @__PURE__ */ t(
-                        C,
+                        k,
                         {
                           markdown: l.map(N).filter((e) => e.trim().length > 0).join("<br/><br/>")
                         }
@@ -150,7 +150,7 @@ function ee({
                     ]
                   }
                 ),
-                w && /* @__PURE__ */ t(C, { markdown: w }),
+                w && /* @__PURE__ */ t(k, { markdown: w }),
                 f && b.length > 0 && /* @__PURE__ */ t(G, { direction: "row", flexWrap: "wrap", gap: 1, mt: 1, children: b.map((e) => /* @__PURE__ */ t(K, { title: e, children: /* @__PURE__ */ t(
                   O,
                   {

package/dist/components/SynapseForm/WarningDialog.d.ts

@@ -9,6 +9,7 @@ export type WarningDialogProps<T = any> = {
     onConfirm: (...args: T[]) => unknown;
     onConfirmCallbackArgs?: Parameters<WarningDialogProps['onConfirm']>;
     confirmButtonColor?: ButtonProps['color'];
+    confirmButtonDisabled?: boolean;
     onCancel: () => void;
 };
 export declare function WarningDialog(props: WarningDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SynapseForm/WarningDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WarningDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseForm/WarningDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,GAAG,IAAI;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,OAAO,CAAA;IACpC,qBAAqB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAA;IACnE,kBAAkB,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACzC,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA0BtD;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"WarningDialog.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseForm/WarningDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,MAAM,kBAAkB,CAAC,CAAC,GAAG,GAAG,IAAI;IACxC,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,KAAK,OAAO,CAAA;IACpC,qBAAqB,CAAC,EAAE,UAAU,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC,CAAA;IACnE,kBAAkB,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IACzC,qBAAqB,CAAC,EAAE,OAAO,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,2CA4BtD;AAED,eAAe,aAAa,CAAA"}

package/dist/components/SynapseForm/WarningDialog.js

@@ -1,35 +1,37 @@
-import { jsx as e } from "react/jsx-runtime";
-import { ConfirmationDialog as s } from "../ConfirmationDialog/ConfirmationDialog.js";
-function u(o) {
+import { jsx as s } from "react/jsx-runtime";
+import { ConfirmationDialog as u } from "../ConfirmationDialog/ConfirmationDialog.js";
+function d(o) {
   const {
     title: n,
     content: r,
     confirmButtonText: t = "OK",
     className: i,
-    open: m,
-    onConfirm: a,
-    confirmButtonColor: c = "primary",
-    onCancel: f,
-    onConfirmCallbackArgs: l
+    open: a,
+    onConfirm: m,
+    confirmButtonColor: l = "primary",
+    confirmButtonDisabled: c,
+    onCancel: e,
+    onConfirmCallbackArgs: f
   } = o;
-  return /* @__PURE__ */ e(
-    s,
+  return /* @__PURE__ */ s(
+    u,
     {
-      open: m,
+      open: a,
       title: n,
       content: r,
       className: i,
       confirmButtonProps: {
         children: t,
-        color: c
+        color: l,
+        disabled: c
       },
-      onCancel: f,
-      onConfirm: () => a(...l ?? [])
+      onCancel: e,
+      onConfirm: () => m(...f ?? [])
     }
   );
 }
 export {
-  u as WarningDialog,
-  u as default
+  d as WarningDialog,
+  d as default
 };
 //# sourceMappingURL=WarningDialog.js.map

package/dist/components/SynapseForm/WarningDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"WarningDialog.js","sources":["../../../src/components/SynapseForm/WarningDialog.tsx"],"sourcesContent":["import { ButtonProps } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type WarningDialogProps<T = any> = {\n  title: string\n  content: string | ReactNode\n  confirmButtonText?: string\n  className?: string\n  open: boolean\n  onConfirm: (...args: T[]) => unknown\n  onConfirmCallbackArgs?: Parameters<WarningDialogProps['onConfirm']>\n  confirmButtonColor?: ButtonProps['color']\n  onCancel: () => void\n}\n\nexport function WarningDialog(props: WarningDialogProps) {\n  const {\n    title,\n    content,\n    confirmButtonText = 'OK',\n    className,\n    open,\n    onConfirm,\n    confirmButtonColor = 'primary',\n    onCancel,\n    onConfirmCallbackArgs,\n  } = props\n  return (\n    <ConfirmationDialog\n      open={open}\n      title={title}\n      content={content}\n      className={className}\n      confirmButtonProps={{\n        children: confirmButtonText,\n        color: confirmButtonColor,\n      }}\n      onCancel={onCancel}\n      onConfirm={() => onConfirm(...(onConfirmCallbackArgs ?? []))}\n    />\n  )\n}\n\nexport default WarningDialog\n"],"names":["WarningDialog","props","title","content","confirmButtonText","className","open","onConfirm","confirmButtonColor","onCancel","onConfirmCallbackArgs","jsx","ConfirmationDialog"],"mappings":";;AAgBO,SAASA,EAAcC,GAA2B;AACvD,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,UAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACET;AACJ,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAN;AAAA,MACA,OAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,WAAAE;AAAA,MACA,oBAAoB;AAAA,QAClB,UAAUD;AAAA,QACV,OAAOI;AAAA,MAAA;AAAA,MAET,UAAAC;AAAA,MACA,WAAW,MAAMF,EAAU,GAAIG,KAAyB,CAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjE;"}
+{"version":3,"file":"WarningDialog.js","sources":["../../../src/components/SynapseForm/WarningDialog.tsx"],"sourcesContent":["import { ButtonProps } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { ConfirmationDialog } from '../ConfirmationDialog/ConfirmationDialog'\n\nexport type WarningDialogProps<T = any> = {\n  title: string\n  content: string | ReactNode\n  confirmButtonText?: string\n  className?: string\n  open: boolean\n  onConfirm: (...args: T[]) => unknown\n  onConfirmCallbackArgs?: Parameters<WarningDialogProps['onConfirm']>\n  confirmButtonColor?: ButtonProps['color']\n  confirmButtonDisabled?: boolean\n  onCancel: () => void\n}\n\nexport function WarningDialog(props: WarningDialogProps) {\n  const {\n    title,\n    content,\n    confirmButtonText = 'OK',\n    className,\n    open,\n    onConfirm,\n    confirmButtonColor = 'primary',\n    confirmButtonDisabled,\n    onCancel,\n    onConfirmCallbackArgs,\n  } = props\n  return (\n    <ConfirmationDialog\n      open={open}\n      title={title}\n      content={content}\n      className={className}\n      confirmButtonProps={{\n        children: confirmButtonText,\n        color: confirmButtonColor,\n        disabled: confirmButtonDisabled,\n      }}\n      onCancel={onCancel}\n      onConfirm={() => onConfirm(...(onConfirmCallbackArgs ?? []))}\n    />\n  )\n}\n\nexport default WarningDialog\n"],"names":["WarningDialog","props","title","content","confirmButtonText","className","open","onConfirm","confirmButtonColor","confirmButtonDisabled","onCancel","onConfirmCallbackArgs","jsx","ConfirmationDialog"],"mappings":";;AAiBO,SAASA,EAAcC,GAA2B;AACvD,QAAM;AAAA,IACJ,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,mBAAAC,IAAoB;AAAA,IACpB,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,uBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,uBAAAC;AAAA,EAAA,IACEV;AACJ,SACE,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAAP;AAAA,MACA,OAAAJ;AAAA,MACA,SAAAC;AAAA,MACA,WAAAE;AAAA,MACA,oBAAoB;AAAA,QAClB,UAAUD;AAAA,QACV,OAAOI;AAAA,QACP,UAAUC;AAAA,MAAA;AAAA,MAEZ,UAAAC;AAAA,MACA,WAAW,MAAMH,EAAU,GAAII,KAAyB,CAAA,CAAG;AAAA,IAAA;AAAA,EAAA;AAGjE;"}

package/dist/components/SynapseHomepageV2/SynapseHomepageNavBar.js

@@ -19,7 +19,7 @@ import "@tanstack/query-core";
 import "lodash-es/isEmpty";
 import "lodash-es/isEqual";
 import "lodash-es/xorWith";
-import { useTheme as T, useMediaQuery as z, Box as m, Button as t, IconButton as k, styled as M, Divider as H, Menu as O, MenuItem as _ } from "@mui/material";
+import { useTheme as T, useMediaQuery as z, Box as m, Button as t, IconButton as k, Divider as H, styled as M, Menu as O, MenuItem as _ } from "@mui/material";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
 import "../../utils/hooks/useCookiePreferences.js";

package/dist/components/SynapseSearchPageResults/HasAccessChip.js

@@ -1,5 +1,5 @@
 import { jsxs as i, Fragment as o, jsx as a } from "react/jsx-runtime";
-import { useHasAccess as m } from "../HasAccess/useHasAccess.js";
+import m from "../HasAccess/useHasAccess.js";
 import { Chip as n } from "@mui/material";
 import { searchResultsCardChipStyles as l } from "./chipStyles.js";
 function x({ entityId: s }) {

package/dist/components/SynapseSearchPageResults/SearchPagePortalBanners.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchPagePortalBanners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,SAAS,EACT,mBAAmC,EACnC,sBAAsC,GACvC,EAAE,4BAA4B,kDAoH9B"}
+{"version":3,"file":"SearchPagePortalBanners.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseSearchPageResults/SearchPagePortalBanners.tsx"],"names":[],"mappings":"AASA,MAAM,MAAM,4BAA4B,GAAG;IACzC,SAAS,EAAE,MAAM,EAAE,CAAA;IACnB,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,sBAAsB,CAAC,EAAE,MAAM,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,SAAS,EACT,mBAAmC,EACnC,sBAAsC,GACvC,EAAE,4BAA4B,kDAqH9B"}

package/dist/components/SynapseSearchPageResults/SearchPagePortalBanners.js

@@ -1,11 +1,11 @@
-import { jsx as p, Fragment as b, jsxs as a } from "react/jsx-runtime";
+import { jsx as a, Fragment as f, jsxs as p } from "react/jsx-runtime";
 import "../../synapse-client/SynapseClient.js";
 import "@sage-bionetworks/synapse-client/generated/models/ErrorResponseCode";
 import "@sage-bionetworks/synapse-client/generated/models/TwoFactorAuthErrorResponse";
 import "@sage-bionetworks/synapse-client/util/SynapseClientError";
 import { ColumnSingleValueFilterOperator as m } from "@sage-bionetworks/synapse-types";
 import "../../utils/functions/EntityTypeUtils.js";
-import { BUNDLE_MASK_QUERY_RESULTS as f } from "../../utils/SynapseConstants.js";
+import { BUNDLE_MASK_QUERY_RESULTS as b } from "../../utils/SynapseConstants.js";
 import "lodash-es";
 import "@sage-bionetworks/synapse-client/util/synapseClientFetch";
 import "@tanstack/react-query";
@@ -28,7 +28,7 @@ import "lodash-es/xorWith";
 import "react-router";
 import "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetQueryResultBundleWithAsyncStatus as R } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import { useGetQueryResultBundleWithAsyncStatus as C } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
 function er({
   entityIds: e,
   dataCatalogEntityId: s = "syn61609402",
@@ -41,14 +41,14 @@ function er({
       operator: m.IN,
       values: e
     }
-  ] : [], { data: d } = R(
+  ] : [], { data: d } = C(
     {
       entityId: s,
       query: {
         sql: `SELECT appId, link FROM ${s}`,
         additionalFilters: c
       },
-      partMask: f,
+      partMask: b,
       concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest"
     },
     {
@@ -65,7 +65,7 @@ function er({
     u,
     h
   ), x = !!i && i.length > 0;
-  return !g || !x ? null : /* @__PURE__ */ p(b, { children: i.map((r, y) => /* @__PURE__ */ a(
+  return !g || !x ? null : /* @__PURE__ */ a(f, { children: i.map((r, y) => /* @__PURE__ */ p(
     l,
     {
       sx: {
@@ -81,7 +81,7 @@ function er({
         boxShadow: "0 4px 10px 0 rgba(0, 0, 0, 0.10), 0 1px 1px 0 rgba(0, 0, 0, 0.05)"
       },
       children: [
-        /* @__PURE__ */ p(l, { children: /* @__PURE__ */ a(
+        /* @__PURE__ */ a(l, { children: /* @__PURE__ */ p(
           S,
           {
             variant: "smallText1",
@@ -89,9 +89,9 @@ function er({
             children: [
               "Looks like you’re searching for information about",
               " ",
-              r.shortDescription,
-              " ",
-              /* @__PURE__ */ a(
+              r.area,
+              ". ",
+              /* @__PURE__ */ p(
                 k,
                 {
                   component: "a",
@@ -108,12 +108,11 @@ function er({
                   ]
                 }
               ),
-              ". ",
-              r.description
+              "."
             ]
           }
         ) }),
-        /* @__PURE__ */ p(
+        /* @__PURE__ */ a(
           l,
           {
             sx: {

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

@@ -1 +1 @@
-{"version":3,"file":"SearchPagePortalBanners.js","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.map(row => row.values[0]) 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\n  if (!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.shortDescription}{' '}\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                . {appConfig.description}\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"],"names":["SearchPagePortalBanners","entityIds","dataCatalogEntityId","sourceAppConfigTableID","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","appConfig","index","jsxs","Box","Typography","Link","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,SAAwBA,GAAwB;AAAA,EAC9C,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAC3B,GAAiC;AAE/B,QAAMC,IACJH,EAAU,SAAS,IACf;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUI,EAAgC;AAAA,MAC1C,QAAQJ;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEA,EAAE,MAAMK,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,UAAUL;AAAA,MACV,OAAO;AAAA,QACL,KAAK,2BAA2BA,CAAmB;AAAA,QACnD,mBAAmBE;AAAA,MAAA;AAAA,MAErB,UAAUI;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,SAASP,EAAU,SAAS;AAAA,IAAA;AAAA,EAC9B,GAGIQ,IAASH,GAAiB,cAAc,aAAa,cACrDI,IAAmB,CAAC,CAACD,KAAUA,GAAQ,KAAK,SAAS,GACrDE,IAASF,GAAQ,KAAK,IAAI,OAAOG,EAAI,OAAO,CAAC,CAAC,GAG9CC,IACJF,KAAUA,EAAO,SAAS,IACtB;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUN,EAAgC;AAAA,MAC1C,QAAQM;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEAG,IAAmBC;AAAA,IACvBZ;AAAA,IACAU;AAAA,EAAA,GAEIG,IAAsB,CAAC,CAACF,KAAoBA,EAAiB,SAAS;AAE5E,SAAI,CAACJ,KAAoB,CAACM,IACjB,OAIP,gBAAAC,EAAAC,GAAA,EACG,UAAAJ,EAAiB,IAAI,CAACK,GAAWC,MAE9B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WACE;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAL,EAACK,GAAA,EACC,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,EAAE,OAAO,YAAY,IAAI,OAAO,YAAY,OAAA;AAAA,YACjD,UAAA;AAAA,cAAA;AAAA,cACmD;AAAA,cACjDJ,EAAU;AAAA,cAAkB;AAAA,cAC7B,gBAAAE;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAML,EAAU;AAAA,kBAChB,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,IAAI;AAAA,oBACF,OAAO,CAAAM,MAAS,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,oBAC1C,qBAAqB,CAAAA,MACnB,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,kBAAA;AAAA,kBAE/B,UAAA;AAAA,oBAAA;AAAA,oBACYN,EAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAChB;AAAA,cACJA,EAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAEjB;AAAA,QACA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,YAGD,UAAAH,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IA/CKC;AAAA,EAAA,CAkDV,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"SearchPagePortalBanners.js","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.map(row => row.values[0]) 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\n  if (!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"],"names":["SearchPagePortalBanners","entityIds","dataCatalogEntityId","sourceAppConfigTableID","dataCatalogAdditionalFilters","ColumnSingleValueFilterOperator","dataCatalogData","useGetQueryResultBundleWithAsyncStatus","BUNDLE_MASK_QUERY_RESULTS","rowSet","hasPortalBanners","appIds","row","sourceAppConfigFilters","sourceAppConfigs","useSourceAppConfigs","hasSourceAppConfigs","jsx","Fragment","appConfig","index","jsxs","Box","Typography","Link","theme"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,SAAwBA,GAAwB;AAAA,EAC9C,WAAAC;AAAA,EACA,qBAAAC,IAAsB;AAAA,EACtB,wBAAAC,IAAyB;AAC3B,GAAiC;AAE/B,QAAMC,IACJH,EAAU,SAAS,IACf;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUI,EAAgC;AAAA,MAC1C,QAAQJ;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEA,EAAE,MAAMK,EAAA,IAAoBC;AAAA,IAChC;AAAA,MACE,UAAUL;AAAA,MACV,OAAO;AAAA,QACL,KAAK,2BAA2BA,CAAmB;AAAA,QACnD,mBAAmBE;AAAA,MAAA;AAAA,MAErB,UAAUI;AAAA,MACV,cAAc;AAAA,IAAA;AAAA,IAEhB;AAAA,MACE,SAASP,EAAU,SAAS;AAAA,IAAA;AAAA,EAC9B,GAGIQ,IAASH,GAAiB,cAAc,aAAa,cACrDI,IAAmB,CAAC,CAACD,KAAUA,GAAQ,KAAK,SAAS,GACrDE,IAASF,GAAQ,KAAK,IAAI,OAAOG,EAAI,OAAO,CAAC,CAAC,GAG9CC,IACJF,KAAUA,EAAO,SAAS,IACtB;AAAA,IACE;AAAA,MACE,cACE;AAAA,MACF,YAAY;AAAA,MACZ,UAAUN,EAAgC;AAAA,MAC1C,QAAQM;AAAA,IAAA;AAAA,EACV,IAEF,CAAA,GAEAG,IAAmBC;AAAA,IACvBZ;AAAA,IACAU;AAAA,EAAA,GAEIG,IAAsB,CAAC,CAACF,KAAoBA,EAAiB,SAAS;AAE5E,SAAI,CAACJ,KAAoB,CAACM,IACjB,OAIP,gBAAAC,EAAAC,GAAA,EACG,UAAAJ,EAAiB,IAAI,CAACK,GAAWC,MAE9B,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAEC,IAAI;AAAA,QACF,SAAS;AAAA,QACT,SAAS;AAAA,QACT,iBAAiB;AAAA,QACjB,cAAc;AAAA,QACd,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WACE;AAAA,MAAA;AAAA,MAGJ,UAAA;AAAA,QAAA,gBAAAL,EAACK,GAAA,EACC,UAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI,EAAE,OAAO,YAAY,IAAI,OAAO,YAAY,OAAA;AAAA,YACjD,UAAA;AAAA,cAAA;AAAA,cACmD;AAAA,cACjDJ,EAAU;AAAA,cACV;AAAA,cACD,gBAAAE;AAAA,gBAACG;AAAA,gBAAA;AAAA,kBACC,WAAW;AAAA,kBACX,MAAML,EAAU;AAAA,kBAChB,QAAO;AAAA,kBACP,KAAI;AAAA,kBACJ,IAAI;AAAA,oBACF,OAAO,CAAAM,MAAS,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,oBAC1C,qBAAqB,CAAAA,MACnB,GAAGA,EAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,kBAAA;AAAA,kBAE/B,UAAA;AAAA,oBAAA;AAAA,oBACYN,EAAU;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAAA;AAAA,cAChB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA,GAGX;AAAA,QACA,gBAAAF;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,OAAO;AAAA,gBACL,QAAQ;AAAA,gBACR,OAAO;AAAA,cAAA;AAAA,YACT;AAAA,YAGD,UAAAH,GAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,IAhDKC;AAAA,EAAA,CAmDV,EAAA,CACH;AAEJ;"}

package/dist/components/SynapseSearchPageResults/SynapseSearchResultsCard.js

@@ -14,7 +14,7 @@ import "../../utils/SynapseConstants.js";
 import { useRef as I } from "react";
 import "../../utils/context/SynapseContext.js";
 import "use-deep-compare-effect";
-import { styled as T, Box as n, Link as p, Chip as g, Stack as w, Typography as r, Paper as D } from "@mui/material";
+import { Box as n, Link as p, Chip as T, Stack as g, Typography as r, styled as w, Paper as D } from "@mui/material";
 import "../../utils/hooks/useCookiePreferences.js";
 import "../../utils/hooks/useSourceAppConfigs.js";
 import "universal-cookie";
@@ -29,7 +29,7 @@ import "lodash-es/xorWith";
 import "react-router";
 import { EntityType as N } from "@sage-bionetworks/synapse-client";
 import "../../utils/types/IsType.js";
-import { useGetEntityBundle as S } from "../../synapse-queries/entity/useEntityBundle.js";
+import S from "../../synapse-queries/entity/useEntityBundle.js";
 import { calculateFriendlyFileSize as C } from "../../utils/functions/calculateFriendlyFileSize.js";
 import { formatDate as M } from "../../utils/functions/DateFormatter.js";
 import { Update as R, ArticleOutlined as O, InfoOutline as E, DashboardTwoTone as b } from "@mui/icons-material";
@@ -43,7 +43,7 @@ import { searchResultsCardChipStyles as z } from "./chipStyles.js";
 import { HasAccessChip as F } from "./HasAccessChip.js";
 import { HighlightedTypography as y } from "./HighlightedTypography.js";
 import a from "./SynapseSearchResultsCard.module.scss.js";
-const H = T(
+const H = w(
   D,
   {
     label: "SynapseSearchResultsCardContainer"
@@ -136,7 +136,7 @@ function Le(e) {
         },
         children: [
           /* @__PURE__ */ t(
-            g,
+            T,
             {
               icon: /* @__PURE__ */ t(
                 $,
@@ -162,7 +162,7 @@ function Le(e) {
           flexDirection: "row",
           gap: "8px"
         },
-        children: /* @__PURE__ */ i(w, { sx: { gap: "20px", minWidth: 0, width: "100%" }, children: [
+        children: /* @__PURE__ */ i(g, { sx: { gap: "20px", minWidth: 0, width: "100%" }, children: [
           /* @__PURE__ */ i(n, { sx: { display: "flex" }, children: [
             /* @__PURE__ */ t(R, { className: a.cardMetadataIcon }),
             /* @__PURE__ */ i(r, { className: a.cardMetadataTypographyWithIcon, children: [

package/dist/components/SynapseTable/ExpandableTableDataCell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpandableTableDataCell.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAA;AAIxD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAwD5C"}
+{"version":3,"file":"ExpandableTableDataCell.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseTable/ExpandableTableDataCell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAoB,MAAM,OAAO,CAAA;AAIxD,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAC7C,KAAK,EAAE,cAAc,CAAC,oBAAoB,CAAC,2CAkD5C"}