synapse-react-client 4.0.19 → 4.0.21

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

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"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    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type 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\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\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              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\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          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\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"],"mappings":"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"}
+{"version":3,"file":"QueryWrapperPlotNav.js","names":[],"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    | 'hiddenColumns'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'additionalFiltersSessionStorageKey'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideSearchBarControl'\n    | 'hideVisualizationsControl'\n    | 'enabledExternalAnalysisPlatforms'\n    | 'lockTextMatchesQueryFilterPill'\n  > &\n  Pick<QueryContextType, 'combineRangeFacetConfig'>\n\nexport type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams &\n  PlotsContainerProps &\n  QueryWrapperPlotNavOwnProps\n\nexport type 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\nexport function QueryWrapperPlotNavContents(\n  props: QueryWrapperPlotNavContentsProps,\n) {\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              {/* Isolated Suspense so that metadata loading does not hide the table */}\n              <Suspense fallback={null}>\n                <TotalQueryResults\n                  frontText={''}\n                  endText={hasFacetsOrFilters ? 'filtered by' : ''}\n                  hideIfUnfiltered={true}\n                />\n              </Suspense>\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          hiddenColumns={props.hiddenColumns}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          defaultShowSearchBar={\n            (props.defaultShowSearchBox || isFullTextSearchEnabled) &&\n            !props.hideSearchBarControl\n          }\n          lockTextMatchesQueryFilterPill={props.lockTextMatchesQueryFilterPill}\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"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkDA,IAAa,IAAqC,yBACrC,IAAsC,wBAEtC,IAAgC;AA6F7C,SAAgB,EACd,GACA;CACA,IAAM,EACJ,uBACA,SACA,sBACA,iBACA,oBACA,iCACA,iBACA,mBACA,yBACA,8BACA,wBACA,8BACA,mBACA,mBAAgB,CAAC,GACjB,4BACA,iBACA,iBACA,qCACA,4BACE,GACE,IAAe,EAAgB,GAC/B,CAAC,GAAoB,KAAyB,EAAS,EAAK,GAC5D,EAAE,wBAAwB,GAAW,iCACzC,GACI,EAAE,WAAW,MAA2B,EAC5C,CACF,GAEM,KAAwB,EAAa,CAAyB,GAE9D,IAAsB,EAAa,qBAEnC,KACH,GAAqB,MAAM,mBAAmB,KAAA,KAC7C,EAAoB,MAAM,eAAe,SAAS,KACnD,GAAqB,MAAM,sBAAsB,KAAA,KAChD,GAAqB,MAAM,kBAAkB,SAAS,GAEpD,KACJ,EAA8C;CAEhD,OACE,kBAAC,GAAD,EAAA,WACG,MAA6B;EAC5B,IAAI,MAA8B,KAAA,GAChC,MAAU,MACR,iFACF;EAGF,OACE,kBAAC,GAAD;GACE,WAAW,uBACT,EAA0B,kBACtB,IACA,EACL,GAAG,KAAwB,IAAwB,GAAG,GACrD,IAAuB,6BAA6B;GAEtD,IAAI,EACF,KAAK,EACH,QAAQ,IAAyB,SAAS,KAAA,EAC5C,EACF;aAEA,kBAAC,GAAD,EAAA,UAAA;IACG,IACC,kBAAC,GAAD,EAAgB,WAAW,GAAqB,UAAY,CAAA,IAE5D,kBAAC,GAAD;KACE,GAAI;KACU;KACa;IAC5B,CAAA;IAEH,kBAAC,GAAD,CAAY,CAAA;IACX,EAA0B,4BACzB,kBAAC,GAAD;KAC4B;KAC1B,eACE,EAA0B,4BAA4B,EAAK;IAE9D,CAAA;IAEF,CAAC,KACA,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KACE,qBAAqB,MAAuB,KAAA;KACtC;KACQ;KACE;KAChB,wBAAwB,CAAC;KACzB,2BACE,CAAC,KAAa;KAEM;KACK;KAClB;KACO;IACjB,CAAA,EACmB,CAAA;IAEvB,KACC,kBAAA,GAAA,EAAA,UACE,kBAAC,GAAD;KACmB;KACa;IAC/B,CAAA,EACD,CAAA;IAGJ,kBAAC,GAAD;KAAU,UAAU;eAClB,kBAAC,GAAD;MACE,WAAW;MACX,SAAS,KAAqB,gBAAgB;MAC9C,kBAAkB;KACnB,CAAA;IACO,CAAA;IACV,kBAAC,GAAD;KACkB;KACP;IACV,CAAA;IACD,kBAAC,GAAD;KACgB;KACD;KAEX;IAEH,CAAA;IACD,kBAAC,GAAD;KACsB;KACN;KACK;KACL;IACf,CAAA;IACA,KACC,kBAAC,GAAD;KACE,qBAAqB,GAAc;KACnC,eAAe,EAAsB,EAAK;IAC3C,CAAA;GAEsB,EAAA,CAAA;EACxB,CAAA;CAET,EACiC,CAAA;AAEvC;AAEA,SAAwB,EAAoB,GAAiC;CAC3E,IAAM,EACJ,KAAK,GACL,uBACA,gBAAa,CAAC,GACd,WAAA,IACA,sBACA,oBACA,uCACA,sBACA,gBACA,wCACE,GAGE,EAAE,aAAU,qBAChB,EAFU,EAAM,OAAO,OAAO,KAAiB,EAEJ,GAEvC,IAAe,QACf,EAAM,QAED,EAAM,QACJ,EAAM,gBAER,KAAK,MAAM,EAAM,aAAa,IAQ9B;EACL,KAAK;EACL,mBAPwB,EACxB,EAAM,cACN,EAAM,aACN,CAIA;EACO;EACP,QAAQ;CACV,GAED;EACD,EAAM;EACN,EAAM;EACN,EAAM;EACN,EAAM;EACN;EACA;EACA;CACF,CAAC,GAEK,CAAC,GAAc,KAAmB,EAAS,CAAC,GAC5C,UAAgB;EACpB,EAAgB,IAAe,CAAC;CAClC,GAEM,EAAE,MAAM,MAAW,EAAa,GAAU,CAAa,GACvD,IAAuC;EAC3C,UAAU,KAAY;EACtB,cAAc;EACd,UACE;EAQF;CACF,GACM,KACH,KAAU,EAAQ,CAAM,KAAK,EAAO,oBAAoB,IAQrD,IAAkB,GAAG,KAAK,UAAU,CAAgB,EAAE,GAAG;CAE/D,OACE,kBAAC,GAAD;EACE,GAAI;EACc;EAClB,KAAK;EACO;CA8BA,GA5BZ,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,CAA4B,CAAA;YAC9C,kBAAC,GAAD;GACmB;GACjB,UAAU,EAAM;GAChB,eAAe,EAAM;GACF;GACnB,oBAAoB,EAAM;GAC1B,eAAe,EAAM;GACrB,kBAAkB,EAAM;GACxB,qBAAqB,EAAM;GAC3B,uBACG,EAAM,wBAAwB,MAC/B,CAAC,EAAM;GAET,gCAAgC,EAAM;GACtC,sBAAsB,EAAM;GACT;GACnB,0BAA0B,EAAyB;GACnD,gBAAgB,MAAM,QAAQ,CAAW,KAAK,EAAY,SAAS;GACjC;aAElC,kBAAC,GAAD;IACE,GAAI;IACqB;IAChB;GACV,CAAA;EACwB,CAAA;CACnB,CAAA,CACE;AAElB"}

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

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperSynapsePlot.js","names":[],"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"],"mappings":";;;;;;;;;;AAiCA,SAAwB,EACtB,GACA;CACA,IAAM,IAAe,GAAiB,EAChC,EAAE,2BAAwB,GAC1B,EAAE,UAAO,sBAAmB,cAAW,GACvC,EAAE,iBAAc,GAA8B,EAE9C,IAA8C,SAC3C;EACL,GAAG;EACH,OAAO,KAAA;EACP,YAAY;EACZ,gBAAgB;EACjB,GACA,CAAC,EAAM,CAAC,EAEL,IAAwD,QAAc;EAC1E,IAAM,EAAE,mBAAgB,yBAAsB,EAAoB;AAClE,SAAO;GACW;GACG;GACnB;GACA;GACD;IACA;EAAC,EAAoB;EAAO;EAAmB;EAAa,CAAC;AAChE,QACE,kBAAC,OAAD;EAAK,MAAK;EAAS,WAAU;YAC1B,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD;GAAwB;GAAe;GAAU,CAAA,EAC3D,kBAAC,GAAD;GACE,yBAAyB;GACP;GAClB,CAAA,CACD,EAAA,CAAA;EAED,CAAA"}
+{"version":3,"file":"QueryWrapperSynapsePlot.js","names":[],"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"],"mappings":";;;;;;;;;;AAiCA,SAAwB,EACtB,GACA;CACA,IAAM,IAAe,EAAgB,GAC/B,EAAE,2BAAwB,GAC1B,EAAE,UAAO,sBAAmB,cAAW,GACvC,EAAE,iBAAc,EAA6B,GAE7C,IAA8C,SAC3C;EACL,GAAG;EACH,OAAO,KAAA;EACP,YAAY;EACZ,gBAAgB;CAClB,IACC,CAAC,CAAK,CAAC,GAEJ,IAAwD,QAAc;EAC1E,IAAM,EAAE,mBAAgB,yBAAsB,EAAoB;EAClE,OAAO;GACW;GACG;GACnB;GACA;EACF;CACF,GAAG;EAAC,EAAoB;EAAO;EAAmB;CAAY,CAAC;CAC/D,OACE,kBAAC,OAAD;EAAK,MAAK;EAAS,WAAU;YAC1B,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD;GAAwB;GAAe;EAAS,CAAA,GAC1D,kBAAC,GAAD;GACE,yBAAyB;GACP;EACnB,CAAA,CACD,EAAA,CAAA;CAED,CAAA;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"RowSetView.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { CardContainer } from '../CardContainer/CardContainer'\nimport { SynapseTable, SynapseTableConfiguration } from '../SynapseTable'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport LastUpdatedOn from './LastUpdatedOn'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseErrorBoundary } from '../error'\nimport { useQueryContext } from '../QueryContext'\nimport { Box } from '@mui/material'\nimport { TablePagination } from '../SynapseTable/TablePagination'\nimport { ViewMoreQueryResultsButton } from '../QueryWrapper/ViewMoreQueryResultsButton'\nimport { useRowSet } from './UseRowSet'\n\nexport type RowSetViewProps = {\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  initialLimit?: number\n  hideDownload?: boolean\n  multiCardList?: boolean\n}\n\n/**\n * Renders a table or cards representing the RowSet. Also displays appropriate pagination controls\n * depending on the value of QueryContext.isInfinite.\n * @param props\n * @constructor\n */\nexport function RowSetView(props: RowSetViewProps) {\n  const { cardConfiguration, hideDownload, initialLimit, multiCardList } = props\n\n  const [initialLimitIsApplied, setInitialLimitIsApplied] = useState(\n    initialLimit != null,\n  )\n\n  const { isInfinite } = useQueryContext()\n  const tableConfiguration = useDeepCompareMemoize(\n    props.tableConfiguration\n      ? {\n          ...props.tableConfiguration,\n          hideDownload,\n        }\n      : undefined,\n  )\n\n  const {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData,\n    hasNextPageOfInfiniteData,\n  } = useRowSet(initialLimitIsApplied ? initialLimit : undefined)\n\n  return (\n    <SynapseErrorBoundary>\n      <div className={`RowSetView`}>\n        {isLoading && (\n          <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n        )}\n        {!isLoading &&\n          rowSet && (\n            // even after the rowSet is loaded, a child component may suspend\n            <Suspense\n              fallback={\n                <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n              }\n            >\n              {tableConfiguration && (\n                <SynapseTable\n                  {...tableConfiguration}\n                  rowSet={rowSet}\n                  isLoadingNewPage={isLoadingNewPage}\n                />\n              )}\n              {cardConfiguration && (\n                <CardContainer\n                  {...cardConfiguration}\n                  rowSet={rowSet}\n                  multiCardList={multiCardList}\n                />\n              )}\n            </Suspense>\n          )}\n        <Suspense fallback={<></>}>\n          {!isInfinite && (\n            <Box sx={{ mt: 2, textAlign: 'right' }}>\n              <TablePagination />\n            </Box>\n          )}\n          {isInfinite && (\n            <ViewMoreQueryResultsButton\n              initialLimit={initialLimit}\n              initialLimitIsApplied={initialLimitIsApplied}\n              onRemoveInitialLimit={() => {\n                setInitialLimitIsApplied(false)\n              }}\n              fetchNextPage={() => {\n                void fetchNextPageOfInfiniteData()\n              }}\n              hasNextPage={hasNextPageOfInfiniteData}\n              isFetchingNextPage={isLoadingNewPage}\n            />\n          )}\n        </Suspense>\n        <LastUpdatedOn />\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,sBAAmB,iBAAc,iBAAc,qBAAkB,GAEnE,CAAC,GAAuB,KAA4B,EACxD,KAAgB,KACjB,EAEK,EAAE,kBAAe,GAAiB,EAClC,IAAqB,EACzB,EAAM,qBACF;EACE,GAAG,EAAM;EACT;EACD,GACD,KAAA,EACL,EAEK,EACJ,WACA,oBACA,cACA,qBACA,gCACA,iCACE,EAAU,IAAwB,IAAe,KAAA,EAAU;AAE/D,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACG,KACC,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;GAEhE,CAAC,KACA,KAEE,kBAAC,GAAD;IACE,UACE,kBAAC,GAAD,EAA4C,oBAAmB,CAAA;cAFnE,CAKG,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACU;KAClB,CAAA,EAEH,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACO;KACf,CAAA,CAEK;;GAEf,kBAAC,GAAD;IAAU,UAAU,kBAAA,GAAA,EAAK,CAAA;cAAzB,CACG,CAAC,KACA,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;MAAS;eACpC,kBAAC,GAAD,EAAmB,CAAA;KACf,CAAA,EAEP,KACC,kBAAC,GAAD;KACgB;KACS;KACvB,4BAA4B;AAC1B,QAAyB,GAAM;;KAEjC,qBAAqB;AACd,SAA6B;;KAEpC,aAAa;KACb,oBAAoB;KACpB,CAAA,CAEK;;GACX,kBAAC,GAAD,EAAiB,CAAA;GACb;KACe,CAAA"}
+{"version":3,"file":"RowSetView.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/RowSetView.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { CardContainer } from '../CardContainer/CardContainer'\nimport { SynapseTable, SynapseTableConfiguration } from '../SynapseTable'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport LastUpdatedOn from './LastUpdatedOn'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseErrorBoundary } from '../error'\nimport { useQueryContext } from '../QueryContext'\nimport { Box } from '@mui/material'\nimport { TablePagination } from '../SynapseTable/TablePagination'\nimport { ViewMoreQueryResultsButton } from '../QueryWrapper/ViewMoreQueryResultsButton'\nimport { useRowSet } from './UseRowSet'\n\nexport type RowSetViewProps = {\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  initialLimit?: number\n  hideDownload?: boolean\n  multiCardList?: boolean\n}\n\n/**\n * Renders a table or cards representing the RowSet. Also displays appropriate pagination controls\n * depending on the value of QueryContext.isInfinite.\n * @param props\n * @constructor\n */\nexport function RowSetView(props: RowSetViewProps) {\n  const { cardConfiguration, hideDownload, initialLimit, multiCardList } = props\n\n  const [initialLimitIsApplied, setInitialLimitIsApplied] = useState(\n    initialLimit != null,\n  )\n\n  const { isInfinite } = useQueryContext()\n  const tableConfiguration = useDeepCompareMemoize(\n    props.tableConfiguration\n      ? {\n          ...props.tableConfiguration,\n          hideDownload,\n        }\n      : undefined,\n  )\n\n  const {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData,\n    hasNextPageOfInfiniteData,\n  } = useRowSet(initialLimitIsApplied ? initialLimit : undefined)\n\n  return (\n    <SynapseErrorBoundary>\n      <div className={`RowSetView`}>\n        {isLoading && (\n          <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n        )}\n        {!isLoading &&\n          rowSet && (\n            // even after the rowSet is loaded, a child component may suspend\n            <Suspense\n              fallback={\n                <QueryWrapperLoadingScreen progressMessage={progressMessage} />\n              }\n            >\n              {tableConfiguration && (\n                <SynapseTable\n                  {...tableConfiguration}\n                  rowSet={rowSet}\n                  isLoadingNewPage={isLoadingNewPage}\n                />\n              )}\n              {cardConfiguration && (\n                <CardContainer\n                  {...cardConfiguration}\n                  rowSet={rowSet}\n                  multiCardList={multiCardList}\n                />\n              )}\n            </Suspense>\n          )}\n        <Suspense fallback={<></>}>\n          {!isInfinite && (\n            <Box sx={{ mt: 2, textAlign: 'right' }}>\n              <TablePagination />\n            </Box>\n          )}\n          {isInfinite && (\n            <ViewMoreQueryResultsButton\n              initialLimit={initialLimit}\n              initialLimitIsApplied={initialLimitIsApplied}\n              onRemoveInitialLimit={() => {\n                setInitialLimitIsApplied(false)\n              }}\n              fetchNextPage={() => {\n                void fetchNextPageOfInfiniteData()\n              }}\n              hasNextPage={hasNextPageOfInfiniteData}\n              isFetchingNextPage={isLoadingNewPage}\n            />\n          )}\n        </Suspense>\n        <LastUpdatedOn />\n      </div>\n    </SynapseErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA4BA,SAAgB,EAAW,GAAwB;CACjD,IAAM,EAAE,sBAAmB,iBAAc,iBAAc,qBAAkB,GAEnE,CAAC,GAAuB,KAA4B,EACxD,KAAgB,IAClB,GAEM,EAAE,kBAAe,EAAgB,GACjC,IAAqB,EACzB,EAAM,qBACF;EACE,GAAG,EAAM;EACT;CACF,IACA,KAAA,CACN,GAEM,EACJ,WACA,oBACA,cACA,qBACA,gCACA,iCACE,EAAU,IAAwB,IAAe,KAAA,CAAS;CAE9D,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;EAAK,WAAW;YAAhB;GACG,KACC,kBAAC,GAAD,EAA4C,mBAAkB,CAAA;GAE/D,CAAC,KACA,KAEE,kBAAC,GAAD;IACE,UACE,kBAAC,GAAD,EAA4C,mBAAkB,CAAA;cAFlE,CAKG,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACU;IACnB,CAAA,GAEF,KACC,kBAAC,GAAD;KACE,GAAI;KACI;KACO;IAChB,CAAA,CAEK;;GAEd,kBAAC,GAAD;IAAU,UAAU,kBAAA,GAAA,CAAI,CAAA;cAAxB,CACG,CAAC,KACA,kBAAC,GAAD;KAAK,IAAI;MAAE,IAAI;MAAG,WAAW;KAAQ;eACnC,kBAAC,GAAD,CAAkB,CAAA;IACf,CAAA,GAEN,KACC,kBAAC,GAAD;KACgB;KACS;KACvB,4BAA4B;MAC1B,EAAyB,EAAK;KAChC;KACA,qBAAqB;MACnB,EAAiC;KACnC;KACA,aAAa;KACb,oBAAoB;IACrB,CAAA,CAEK;;GACV,kBAAC,GAAD,CAAgB,CAAA;EACb;IACe,CAAA;AAE1B"}

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

@@ -1 +1 @@
-{"version":3,"file":"UseRowSet.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"sourcesContent":["import { queryRequestsHaveSameTotalResults } from '@/utils/functions/queryUtils'\nimport { RowSet } from '@sage-bionetworks/synapse-types'\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\n\nfunction useGetInfiniteRowSet() {\n  const { isInfinite, rowDataInfiniteQueryOptions } = useQueryContext()\n  const infiniteQuery = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryProgressMessage = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    select: asyncJob => asyncJob.pages[0].progressMessage,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryRowSet: RowSet | undefined = useMemo(() => {\n    const rowSet = cloneDeep(\n      infiniteQuery.data?.pages[0]?.responseBody?.queryResult?.queryResults,\n    )\n    if (rowSet) {\n      rowSet.rows =\n        infiniteQuery.data?.pages.flatMap(\n          page => page.responseBody?.queryResult?.queryResults.rows || [],\n        ) || []\n    }\n    return rowSet\n  }, [infiniteQuery.data?.pages])\n\n  return {\n    infiniteQuery,\n    infiniteQueryRowSet,\n    infiniteQueryProgressMessage,\n  }\n}\n\nfunction useGetPaginatedRowSet() {\n  const { isInfinite, rowDataQueryOptions, getCurrentQueryRequest } =\n    useQueryContext()\n  const paginatedQuery = useQuery({\n    ...rowDataQueryOptions,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `UseQueryResult.isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => {\n      if (prevData) {\n        const prevQuery = prevData.requestBody?.query\n        // Check that only the page/sort changed; if the filters/sql changed, then don't hold on to the old data\n        // prevQuery may be undefined when the requestBody is not a QueryBundleRequest (e.g. SearchQueryWrapper)\n        if (\n          prevQuery &&\n          queryRequestsHaveSameTotalResults(\n            prevQuery,\n            getCurrentQueryRequest().query,\n          )\n        ) {\n          return prevData\n        }\n      }\n      return undefined\n    },\n  })\n  const paginatedQueryProgressMessage = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJob => asyncJob.progressMessage,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => prevData,\n  })\n\n  return { paginatedQuery, paginatedQueryProgressMessage }\n}\n\n/**\n * Fetches the row data for a query and returns a RowSet that can be rendered as cards or a table. Respects the value of\n * QueryContext.isInfinite.\n * @param initialLimit\n */\nexport function useRowSet(initialLimit?: number) {\n  const { isInfinite } = useQueryContext()\n\n  const { paginatedQuery, paginatedQueryProgressMessage } =\n    useGetPaginatedRowSet()\n  const { infiniteQuery, infiniteQueryRowSet, infiniteQueryProgressMessage } =\n    useGetInfiniteRowSet()\n\n  const rowSet = useMemo(() => {\n    let rowSet: RowSet | undefined\n    if (isInfinite) {\n      rowSet = infiniteQueryRowSet\n    } else {\n      rowSet = paginatedQuery.data\n    }\n    if (rowSet && initialLimit != null) {\n      rowSet = { ...rowSet, rows: rowSet.rows.slice(0, initialLimit) }\n    }\n    return rowSet\n  }, [infiniteQueryRowSet, initialLimit, isInfinite, paginatedQuery.data])\n\n  const progressMessage: string | undefined = isInfinite\n    ? infiniteQueryProgressMessage.data\n    : paginatedQueryProgressMessage.data\n\n  const isLoading = isInfinite\n    ? infiniteQuery.isLoading\n    : paginatedQuery.isLoading\n\n  const isLoadingNewPage = isInfinite\n    ? infiniteQuery.isFetchingNextPage\n    : paginatedQuery.isPlaceholderData\n\n  return {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData: infiniteQuery.fetchNextPage,\n    hasNextPageOfInfiniteData: infiniteQuery.hasNextPage,\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAS,IAAuB;CAC9B,IAAM,EAAE,eAAY,mCAAgC,GAAiB,EAC/D,IAAgB,EAAiB;EACrC,GAAG;EACH,SAAS;EACV,CAAC,EAEI,IAA+B,EAAiB;EACpD,GAAG;EACH,SAAQ,MAAY,EAAS,MAAM,GAAG;EACtC,SAAS;EACV,CAAC;AAeF,QAAO;EACL;EACA,qBAf8C,QAAc;GAC5D,IAAM,IAAS,EACb,EAAc,MAAM,MAAM,IAAI,cAAc,aAAa,aAC1D;AAOD,UANI,MACF,EAAO,OACL,EAAc,MAAM,MAAM,SACxB,MAAQ,EAAK,cAAc,aAAa,aAAa,QAAQ,EAAE,CAChE,IAAI,EAAE,GAEJ;KACN,CAAC,EAAc,MAAM,MAAM,CAI5B;EACA;EACD;;AAGH,SAAS,IAAwB;CAC/B,IAAM,EAAE,eAAY,wBAAqB,8BACvC,GAAiB;AA+BnB,QAAO;EAAE,gBA9Bc,EAAS;GAC9B,GAAG;GACH,SAAS,CAAC;GAEV,kBAAiB,MAAY;AAC3B,QAAI,GAAU;KACZ,IAAM,IAAY,EAAS,aAAa;AAGxC,SACE,KACA,EACE,GACA,GAAwB,CAAC,MAC1B,CAED,QAAO;;;GAKd,CASQ;EAAgB,+BARa,EAAS;GAC7C,GAAG;GACH,SAAQ,MAAY,EAAS;GAC7B,SAAS,CAAC;GAEV,kBAAiB,MAAY;GAC9B,CAEwB;EAA+B;;AAQ1D,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,kBAAe,GAAiB,EAElC,EAAE,mBAAgB,qCACtB,GAAuB,EACnB,EAAE,kBAAe,wBAAqB,oCAC1C,GAAsB;AA2BxB,QAAO;EACL,QA1Ba,QAAc;GAC3B,IAAI;AASJ,UARA,AAGE,IAHE,IACO,IAEA,EAAe,MAEtB,KAAU,KAAgB,SAC5B,IAAS;IAAE,GAAG;IAAQ,MAAM,EAAO,KAAK,MAAM,GAAG,EAAa;IAAE,GAE3D;KACN;GAAC;GAAqB;GAAc;GAAY,EAAe;GAAK,CAerE;EACA,iBAd0C,IACxC,EAA6B,OAC7B,EAA8B;EAahC,WAXgB,IACd,EAAc,YACd,EAAe;EAUjB,kBARuB,IACrB,EAAc,qBACd,EAAe;EAOjB,6BAA6B,EAAc;EAC3C,2BAA2B,EAAc;EAC1C"}
+{"version":3,"file":"UseRowSet.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/UseRowSet.ts"],"sourcesContent":["import { queryRequestsHaveSameTotalResults } from '@/utils/functions/queryUtils'\nimport { RowSet } from '@sage-bionetworks/synapse-types'\nimport { useInfiniteQuery, useQuery } from '@tanstack/react-query'\nimport { cloneDeep } from 'lodash-es'\nimport { useMemo } from 'react'\nimport { useQueryContext } from '../QueryContext'\n\nfunction useGetInfiniteRowSet() {\n  const { isInfinite, rowDataInfiniteQueryOptions } = useQueryContext()\n  const infiniteQuery = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryProgressMessage = useInfiniteQuery({\n    ...rowDataInfiniteQueryOptions,\n    select: asyncJob => asyncJob.pages[0].progressMessage,\n    enabled: isInfinite,\n  })\n\n  const infiniteQueryRowSet: RowSet | undefined = useMemo(() => {\n    const rowSet = cloneDeep(\n      infiniteQuery.data?.pages[0]?.responseBody?.queryResult?.queryResults,\n    )\n    if (rowSet) {\n      rowSet.rows =\n        infiniteQuery.data?.pages.flatMap(\n          page => page.responseBody?.queryResult?.queryResults.rows || [],\n        ) || []\n    }\n    return rowSet\n  }, [infiniteQuery.data?.pages])\n\n  return {\n    infiniteQuery,\n    infiniteQueryRowSet,\n    infiniteQueryProgressMessage,\n  }\n}\n\nfunction useGetPaginatedRowSet() {\n  const { isInfinite, rowDataQueryOptions, getCurrentQueryRequest } =\n    useQueryContext()\n  const paginatedQuery = useQuery({\n    ...rowDataQueryOptions,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `UseQueryResult.isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => {\n      if (prevData) {\n        const prevQuery = prevData.requestBody?.query\n        // Check that only the page/sort changed; if the filters/sql changed, then don't hold on to the old data\n        // prevQuery may be undefined when the requestBody is not a QueryBundleRequest (e.g. SearchQueryWrapper)\n        if (\n          prevQuery &&\n          queryRequestsHaveSameTotalResults(\n            prevQuery,\n            getCurrentQueryRequest().query,\n          )\n        ) {\n          return prevData\n        }\n      }\n      return undefined\n    },\n  })\n  const paginatedQueryProgressMessage = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJob => asyncJob.progressMessage,\n    enabled: !isInfinite,\n    // Keep the previous data when fetching a new page. We will use `isPlaceholderData` to trigger a showing placeholder UI\n    placeholderData: prevData => prevData,\n  })\n\n  return { paginatedQuery, paginatedQueryProgressMessage }\n}\n\n/**\n * Fetches the row data for a query and returns a RowSet that can be rendered as cards or a table. Respects the value of\n * QueryContext.isInfinite.\n * @param initialLimit\n */\nexport function useRowSet(initialLimit?: number) {\n  const { isInfinite } = useQueryContext()\n\n  const { paginatedQuery, paginatedQueryProgressMessage } =\n    useGetPaginatedRowSet()\n  const { infiniteQuery, infiniteQueryRowSet, infiniteQueryProgressMessage } =\n    useGetInfiniteRowSet()\n\n  const rowSet = useMemo(() => {\n    let rowSet: RowSet | undefined\n    if (isInfinite) {\n      rowSet = infiniteQueryRowSet\n    } else {\n      rowSet = paginatedQuery.data\n    }\n    if (rowSet && initialLimit != null) {\n      rowSet = { ...rowSet, rows: rowSet.rows.slice(0, initialLimit) }\n    }\n    return rowSet\n  }, [infiniteQueryRowSet, initialLimit, isInfinite, paginatedQuery.data])\n\n  const progressMessage: string | undefined = isInfinite\n    ? infiniteQueryProgressMessage.data\n    : paginatedQueryProgressMessage.data\n\n  const isLoading = isInfinite\n    ? infiniteQuery.isLoading\n    : paginatedQuery.isLoading\n\n  const isLoadingNewPage = isInfinite\n    ? infiniteQuery.isFetchingNextPage\n    : paginatedQuery.isPlaceholderData\n\n  return {\n    rowSet,\n    progressMessage,\n    isLoading,\n    isLoadingNewPage,\n    fetchNextPageOfInfiniteData: infiniteQuery.fetchNextPage,\n    hasNextPageOfInfiniteData: infiniteQuery.hasNextPage,\n  }\n}\n"],"mappings":";;;;;;;AAOA,SAAS,IAAuB;CAC9B,IAAM,EAAE,eAAY,mCAAgC,EAAgB,GAC9D,IAAgB,EAAiB;EACrC,GAAG;EACH,SAAS;CACX,CAAC,GAEK,IAA+B,EAAiB;EACpD,GAAG;EACH,SAAQ,MAAY,EAAS,MAAM,GAAG;EACtC,SAAS;CACX,CAAC;CAeD,OAAO;EACL;EACA,qBAf8C,QAAc;GAC5D,IAAM,IAAS,EACb,EAAc,MAAM,MAAM,IAAI,cAAc,aAAa,YAC3D;GAOA,OANI,MACF,EAAO,OACL,EAAc,MAAM,MAAM,SACxB,MAAQ,EAAK,cAAc,aAAa,aAAa,QAAQ,CAAC,CAChE,KAAK,CAAC,IAEH;EACT,GAAG,CAAC,EAAc,MAAM,KAAK,CAI3B;EACA;CACF;AACF;AAEA,SAAS,IAAwB;CAC/B,IAAM,EAAE,eAAY,wBAAqB,8BACvC,EAAgB;CA+BlB,OAAO;EAAE,gBA9Bc,EAAS;GAC9B,GAAG;GACH,SAAS,CAAC;GAEV,kBAAiB,MAAY;IAC3B,IAAI,GAAU;KACZ,IAAM,IAAY,EAAS,aAAa;KAGxC,IACE,KACA,EACE,GACA,EAAuB,EAAE,KAC3B,GAEA,OAAO;IAEX;GAEF;EACF,CASS;EAAgB,+BARa,EAAS;GAC7C,GAAG;GACH,SAAQ,MAAY,EAAS;GAC7B,SAAS,CAAC;GAEV,kBAAiB,MAAY;EAC/B,CAEyB;CAA8B;AACzD;AAOA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,kBAAe,EAAgB,GAEjC,EAAE,mBAAgB,qCACtB,EAAsB,GAClB,EAAE,kBAAe,wBAAqB,oCAC1C,EAAqB;CA2BvB,OAAO;EACL,QA1Ba,QAAc;GAC3B,IAAI;GASJ,OARA,AAGE,IAHE,IACO,IAEA,EAAe,MAEtB,KAAU,KAAgB,SAC5B,IAAS;IAAE,GAAG;IAAQ,MAAM,EAAO,KAAK,MAAM,GAAG,CAAY;GAAE,IAE1D;EACT,GAAG;GAAC;GAAqB;GAAc;GAAY,EAAe;EAAI,CAepE;EACA,iBAd0C,IACxC,EAA6B,OAC7B,EAA8B;EAahC,WAXgB,IACd,EAAc,YACd,EAAe;EAUjB,kBARuB,IACrB,EAAc,qBACd,EAAe;EAOjB,6BAA6B,EAAc;EAC3C,2BAA2B,EAAc;CAC3C;AACF"}

package/dist/components/RORInstitutionField/RORInstitutionField.js.map

@@ -1 +1 @@
-{"version":3,"file":"RORInstitutionField.js","names":[],"sources":["../../../src/components/RORInstitutionField/RORInstitutionField.tsx"],"sourcesContent":["import { ROROrganization } from '@/ror-client/types/ROROrganization'\nimport { useSearchRegistry } from '@/synapse-queries/ror'\nimport {\n  Autocomplete,\n  Box,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedEffect } from '@react-hookz/web'\nimport noop from 'lodash-es/noop'\nimport { useState } from 'react'\n\nexport type RORLinkedInstitutionFieldProps = {\n  value?: string\n  onChange?: (value: string | undefined, rorIdentifier?: string) => void\n  error?: TextFieldProps['error']\n}\n\nfunction getOrganizationDisplayName(organization: ROROrganization) {\n  return organization.names.find(name => name.types.includes('ror_display'))!\n}\n\n/**\n * Provides a text field for entering an organization name with an autocomplete dropdown of ROR organizations, fetched from the\n * ROR API.\n * @param props\n * @constructor\n */\nexport default function RORInstitutionField(\n  props: RORLinkedInstitutionFieldProps,\n) {\n  const { value: valueFromProps, onChange = noop, error } = props\n\n  const isControlled = valueFromProps !== undefined\n\n  const [internalInputValue, setInternalInputValue] = useState('')\n  const [searchValue, setSearchValue] = useState('')\n\n  useDebouncedEffect(\n    () => {\n      if (isControlled) {\n        setSearchValue(valueFromProps || '')\n      } else {\n        setSearchValue(internalInputValue)\n      }\n    },\n    [valueFromProps, internalInputValue, isControlled],\n    500,\n  )\n\n  const { data: searchResults, isLoading: isLoadingSearch } = useSearchRegistry(\n    `${searchValue}`,\n    {\n      enabled: searchValue.length > 0,\n    },\n  )\n\n  return (\n    <Autocomplete\n      freeSolo\n      loading={isLoadingSearch}\n      onInputChange={(_event, newValue) => {\n        if (!isControlled) {\n          setInternalInputValue(newValue)\n        }\n        onChange(newValue)\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          label=\"Current Affiliation\"\n          placeholder={'Type to search, or enter free text.'}\n          error={error}\n        />\n      )}\n      inputValue={isControlled ? valueFromProps : internalInputValue}\n      getOptionLabel={option =>\n        typeof option === 'string'\n          ? option\n          : getOrganizationDisplayName(option).value\n      }\n      renderOption={(props, option) => {\n        const displayName = getOrganizationDisplayName(option).value\n        const otherNames = option.names.filter(\n          name => !name.types.includes('ror_display'),\n        )\n        return (\n          <Box component=\"li\" {...props}>\n            <div>\n              <Typography variant={'body1'}>{displayName}</Typography>\n              <Typography\n                variant={'smallText1'}\n                sx={{\n                  color: 'grey.700',\n                  fontStyle: 'italic',\n                  fontSize: '11px',\n                }}\n              >\n                {otherNames.map(name => name.value).join(', ')}\n              </Typography>\n            </div>\n          </Box>\n        )\n      }}\n      filterOptions={x => x}\n      options={searchResults?.items || []}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAmBA,SAAS,EAA2B,GAA+B;AACjE,QAAO,EAAa,MAAM,MAAK,MAAQ,EAAK,MAAM,SAAS,cAAc,CAAC;;AAS5E,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,OAAO,GAAgB,cAAW,GAAM,aAAU,GAEpD,IAAe,MAAmB,KAAA,GAElC,CAAC,GAAoB,KAAyB,EAAS,GAAG,EAC1D,CAAC,GAAa,KAAkB,EAAS,GAAG;AAElD,SACQ;AACJ,EACE,EADE,IACa,KAAkB,KAElB,EAAmB;IAGtC;EAAC;EAAgB;EAAoB;EAAa,EAClD,IACD;CAED,IAAM,EAAE,MAAM,GAAe,WAAW,MAAoB,EAC1D,GAAG,KACH,EACE,SAAS,EAAY,SAAS,GAC/B,CACF;AAED,QACE,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,gBAAgB,GAAQ,MAAa;AAInC,GAHK,KACH,EAAsB,EAAS,EAEjC,EAAS,EAAS;;EAEpB,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACJ,OAAM;GACN,aAAa;GACN;GACP,CAAA;EAEJ,YAAY,IAAe,IAAiB;EAC5C,iBAAgB,MACd,OAAO,KAAW,WACd,IACA,EAA2B,EAAO,CAAC;EAEzC,eAAe,GAAO,MAAW;GAC/B,IAAM,IAAc,EAA2B,EAAO,CAAC,OACjD,IAAa,EAAO,MAAM,QAC9B,MAAQ,CAAC,EAAK,MAAM,SAAS,cAAc,CAC5C;AACD,UACE,kBAAC,GAAD;IAAK,WAAU;IAAK,GAAI;cACtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAS;eAAU;KAAyB,CAAA,EACxD,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,WAAW;MACX,UAAU;MACX;eAEA,EAAW,KAAI,MAAQ,EAAK,MAAM,CAAC,KAAK,KAAK;KACnC,CAAA,CACT,EAAA,CAAA;IACF,CAAA;;EAGV,gBAAe,MAAK;EACpB,SAAS,GAAe,SAAS,EAAE;EACnC,CAAA"}
+{"version":3,"file":"RORInstitutionField.js","names":[],"sources":["../../../src/components/RORInstitutionField/RORInstitutionField.tsx"],"sourcesContent":["import { ROROrganization } from '@/ror-client/types/ROROrganization'\nimport { useSearchRegistry } from '@/synapse-queries/ror'\nimport {\n  Autocomplete,\n  Box,\n  TextField,\n  TextFieldProps,\n  Typography,\n} from '@mui/material'\nimport { useDebouncedEffect } from '@react-hookz/web'\nimport noop from 'lodash-es/noop'\nimport { useState } from 'react'\n\nexport type RORLinkedInstitutionFieldProps = {\n  value?: string\n  onChange?: (value: string | undefined, rorIdentifier?: string) => void\n  error?: TextFieldProps['error']\n}\n\nfunction getOrganizationDisplayName(organization: ROROrganization) {\n  return organization.names.find(name => name.types.includes('ror_display'))!\n}\n\n/**\n * Provides a text field for entering an organization name with an autocomplete dropdown of ROR organizations, fetched from the\n * ROR API.\n * @param props\n * @constructor\n */\nexport default function RORInstitutionField(\n  props: RORLinkedInstitutionFieldProps,\n) {\n  const { value: valueFromProps, onChange = noop, error } = props\n\n  const isControlled = valueFromProps !== undefined\n\n  const [internalInputValue, setInternalInputValue] = useState('')\n  const [searchValue, setSearchValue] = useState('')\n\n  useDebouncedEffect(\n    () => {\n      if (isControlled) {\n        setSearchValue(valueFromProps || '')\n      } else {\n        setSearchValue(internalInputValue)\n      }\n    },\n    [valueFromProps, internalInputValue, isControlled],\n    500,\n  )\n\n  const { data: searchResults, isLoading: isLoadingSearch } = useSearchRegistry(\n    `${searchValue}`,\n    {\n      enabled: searchValue.length > 0,\n    },\n  )\n\n  return (\n    <Autocomplete\n      freeSolo\n      loading={isLoadingSearch}\n      onInputChange={(_event, newValue) => {\n        if (!isControlled) {\n          setInternalInputValue(newValue)\n        }\n        onChange(newValue)\n      }}\n      renderInput={params => (\n        <TextField\n          {...params}\n          label=\"Current Affiliation\"\n          placeholder={'Type to search, or enter free text.'}\n          error={error}\n        />\n      )}\n      inputValue={isControlled ? valueFromProps : internalInputValue}\n      getOptionLabel={option =>\n        typeof option === 'string'\n          ? option\n          : getOrganizationDisplayName(option).value\n      }\n      renderOption={(props, option) => {\n        const displayName = getOrganizationDisplayName(option).value\n        const otherNames = option.names.filter(\n          name => !name.types.includes('ror_display'),\n        )\n        return (\n          <Box component=\"li\" {...props}>\n            <div>\n              <Typography variant={'body1'}>{displayName}</Typography>\n              <Typography\n                variant={'smallText1'}\n                sx={{\n                  color: 'grey.700',\n                  fontStyle: 'italic',\n                  fontSize: '11px',\n                }}\n              >\n                {otherNames.map(name => name.value).join(', ')}\n              </Typography>\n            </div>\n          </Box>\n        )\n      }}\n      filterOptions={x => x}\n      options={searchResults?.items || []}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAmBA,SAAS,EAA2B,GAA+B;CACjE,OAAO,EAAa,MAAM,MAAK,MAAQ,EAAK,MAAM,SAAS,aAAa,CAAC;AAC3E;AAQA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,OAAO,GAAgB,cAAW,GAAM,aAAU,GAEpD,IAAe,MAAmB,KAAA,GAElC,CAAC,GAAoB,KAAyB,EAAS,EAAE,GACzD,CAAC,GAAa,KAAkB,EAAS,EAAE;CAEjD,QACQ;EACJ,AACE,EADE,IACa,KAAkB,KAElB,CAAkB;CAErC,GACA;EAAC;EAAgB;EAAoB;CAAY,GACjD,GACF;CAEA,IAAM,EAAE,MAAM,GAAe,WAAW,MAAoB,EAC1D,GAAG,KACH,EACE,SAAS,EAAY,SAAS,EAChC,CACF;CAEA,OACE,kBAAC,GAAD;EACE,UAAA;EACA,SAAS;EACT,gBAAgB,GAAQ,MAAa;GAInC,AAHK,KACH,EAAsB,CAAQ,GAEhC,EAAS,CAAQ;EACnB;EACA,cAAa,MACX,kBAAC,GAAD;GACE,GAAI;GACJ,OAAM;GACN,aAAa;GACN;EACR,CAAA;EAEH,YAAY,IAAe,IAAiB;EAC5C,iBAAgB,MACd,OAAO,KAAW,WACd,IACA,EAA2B,CAAM,EAAE;EAEzC,eAAe,GAAO,MAAW;GAC/B,IAAM,IAAc,EAA2B,CAAM,EAAE,OACjD,IAAa,EAAO,MAAM,QAC9B,MAAQ,CAAC,EAAK,MAAM,SAAS,aAAa,CAC5C;GACA,OACE,kBAAC,GAAD;IAAK,WAAU;IAAK,GAAI;cACtB,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,SAAS;eAAU;IAAwB,CAAA,GACvD,kBAAC,GAAD;KACE,SAAS;KACT,IAAI;MACF,OAAO;MACP,WAAW;MACX,UAAU;KACZ;eAEC,EAAW,KAAI,MAAQ,EAAK,KAAK,EAAE,KAAK,IAAI;IACnC,CAAA,CACT,EAAA,CAAA;GACF,CAAA;EAET;EACA,gBAAe,MAAK;EACpB,SAAS,GAAe,SAAS,CAAC;CACnC,CAAA;AAEL"}

package/dist/components/RecentPublicationsGrid/RecentPublicationsGrid.js

@@ -102,9 +102,7 @@ function g(e) {
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
 		entityId: t(i),
 		query: { sql: i }
-	}), m = u?.queryResult.queryResults.rows ?? [], g = /* @__PURE__ */ function(e) {
-		return e.CATEGORY = "Category", e.JOURNAL = "Journal", e.TITLE = "Title", e.PUBLICATION_DATE = "publicationDate", e.DOI = "DOI", e;
-	}({}), _ = n(g.CATEGORY, u), v = n(g.JOURNAL, u), y = n(g.TITLE, u), b = n(g.PUBLICATION_DATE, u), x = n(g.DOI, u);
+	}), m = u?.queryResult.queryResults.rows ?? [], g = n("Category", u), _ = n("Journal", u), v = n("Title", u), y = n("publicationDate", u), b = n("DOI", u);
 	return /* @__PURE__ */ f(o, {
 		sx: {
 			display: "grid",
@@ -145,11 +143,11 @@ function g(e) {
 				children: m.map((e) => /* @__PURE__ */ d(h, {
 					pub: e,
 					isLoading: p,
-					categoryColIndex: _,
-					titleColIndex: y,
-					journalColIndex: v,
-					publicationDateColIndex: b,
-					doiColIndex: x
+					categoryColIndex: g,
+					titleColIndex: v,
+					journalColIndex: _,
+					publicationDateColIndex: y,
+					doiColIndex: b
 				}, e.rowId))
 			})
 		}), /* @__PURE__ */ d(o, {

package/dist/components/RecentPublicationsGrid/RecentPublicationsGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecentPublicationsGrid.js","names":[],"sources":["../../../src/components/RecentPublicationsGrid/RecentPublicationsGrid.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/index'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Box, Chip, Link as MuiLink, Skeleton, Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { QueryBundleRequest, Row } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport PortalSectionHeader from '../PortalSectionHeader'\n\nexport type RecentPublicationsGridProps = {\n  sql: string\n  buttonLink?: string\n  buttonLinkText?: string\n  summaryText?: string\n}\n\ntype PublicationCardProps = {\n  pub: Row\n  isLoading: boolean\n  categoryColIndex: number\n  titleColIndex: number\n  journalColIndex: number\n  publicationDateColIndex: number\n  doiColIndex: number\n}\n\nconst PublicationCard = ({\n  pub,\n  isLoading,\n  categoryColIndex: _categoryColIndex, // PORTALS-3426 - category was dropped\n  titleColIndex,\n  journalColIndex,\n  publicationDateColIndex,\n  doiColIndex,\n}: PublicationCardProps): React.ReactNode => (\n  <Grid\n    key={pub.rowId}\n    sx={{\n      height: { xs: 'auto', sm: 'initial' },\n      minWidth: { xs: '280px', lg: 'initial' },\n      maxWidth: { xs: '450px', lg: 'initial' },\n    }}\n  >\n    <Box sx={{ height: '100%' }}>\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={275} width=\"100%\" />\n      ) : (\n        <div>\n          {pub.values[journalColIndex] && (\n            <Chip\n              label={\n                <Typography\n                  variant={'overline'}\n                  sx={{ fontSize: '14px', lineHeight: 'initial' }}\n                >\n                  {pub.values[journalColIndex]}\n                </Typography>\n              }\n              sx={{\n                borderRadius: '3px',\n                height: 'auto',\n                padding: '4px 8px',\n                '& .MuiChip-label': {\n                  padding: '0',\n                  display: 'block',\n                  whiteSpace: 'normal',\n                },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"headline2\"\n            sx={{\n              color: 'grey.1000',\n              fontSize: '21px',\n              padding: '20px 0px',\n            }}\n          >\n            <MuiLink\n              href={convertDoiToLink(pub.values[doiColIndex] || '')}\n              target=\"_blank\"\n              sx={{\n                color: 'inherit',\n                textDecoration: 'none',\n                fontWeight: 'inherit',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n              }}\n            >\n              {pub.values[titleColIndex]}\n            </MuiLink>\n          </Typography>\n          <Box\n            sx={{\n              display: 'flex',\n              gap: '8px',\n              flexDirection: 'column',\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                color: 'grey.700',\n                fontSize: '14px',\n                lineHeight: 1.35,\n                paddingBottom: { xs: 0, md: '35px' },\n              }}\n            >\n              {pub.values[publicationDateColIndex] &&\n                formatDate(\n                  dayjs(Number(pub.values[publicationDateColIndex])),\n                  'MMMM, YYYY',\n                )}\n            </Typography>\n          </Box>\n        </div>\n      )}\n    </Box>\n  </Grid>\n)\n\nfunction RecentPublicationsGrid(props: RecentPublicationsGridProps) {\n  const { sql, buttonLink, buttonLinkText, summaryText } = props\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n\n  enum ExpectedColumns {\n    CATEGORY = 'Category',\n    JOURNAL = 'Journal',\n    TITLE = 'Title',\n    PUBLICATION_DATE = 'publicationDate',\n    DOI = 'DOI',\n  }\n\n  const categoryColIndex = getFieldIndex(\n    ExpectedColumns.CATEGORY,\n    queryResultBundle,\n  )\n  const journalColIndex = getFieldIndex(\n    ExpectedColumns.JOURNAL,\n    queryResultBundle,\n  )\n  const titleColIndex = getFieldIndex(ExpectedColumns.TITLE, queryResultBundle)\n  const publicationDateColIndex = getFieldIndex(\n    ExpectedColumns.PUBLICATION_DATE,\n    queryResultBundle,\n  )\n  const doiColIndex = getFieldIndex(ExpectedColumns.DOI, queryResultBundle)\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '3fr 1fr' },\n        height: { xs: 'auto', md: 'initial' },\n        gap: { xs: '24px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <Box\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        <Box\n          sx={theme => ({\n            display: 'grid',\n            gap: '32px',\n            gridTemplateColumns: {\n              xs: '1fr',\n              sm: 'repeat(auto-fill, minmax(280px, 1fr))',\n              lg: 'repeat(auto-fill, minmax(255px, 1fr))',\n              xl: 'repeat(auto-fill, minmax(322px, 1fr))',\n            },\n            [theme.breakpoints.down('sm')]: {\n              '& > :nth-of-type(n+4)': {\n                display: 'none',\n              },\n            },\n          })}\n        >\n          {dataRows.map(pub => (\n            <PublicationCard\n              pub={pub}\n              key={pub.rowId}\n              isLoading={isLoading}\n              categoryColIndex={categoryColIndex}\n              titleColIndex={titleColIndex}\n              journalColIndex={journalColIndex}\n              publicationDateColIndex={publicationDateColIndex}\n              doiColIndex={doiColIndex}\n            />\n          ))}\n        </Box>\n      </Box>\n      <Box sx={{ paddingBottom: '30px' }}>\n        <PortalSectionHeader\n          title=\"Recently Published\"\n          summaryText={summaryText}\n          buttonText={buttonLinkText}\n          link={buttonLink}\n          reverseButtonAndText\n          sx={{\n            h2: { fontSize: '24px', paddingTop: '30px', width: '100%' },\n            '& p': { fontSize: '16px', lineHeight: '24px' },\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default RecentPublicationsGrid\n"],"mappings":"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"}
+{"version":3,"file":"RecentPublicationsGrid.js","names":[],"sources":["../../../src/components/RecentPublicationsGrid/RecentPublicationsGrid.tsx"],"sourcesContent":["import React from 'react'\nimport useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { formatDate } from '@/utils/functions/DateFormatter'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/index'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport { convertDoiToLink } from '@/utils/functions/RegularExpressions'\nimport {\n  BUNDLE_MASK_QUERY_RESULTS,\n  BUNDLE_MASK_QUERY_SELECT_COLUMNS,\n} from '@/utils/SynapseConstants'\nimport { Box, Chip, Link as MuiLink, Skeleton, Typography } from '@mui/material'\nimport Grid from '@mui/material/Grid'\nimport { QueryBundleRequest, Row } from '@sage-bionetworks/synapse-types'\nimport dayjs from 'dayjs'\nimport PortalSectionHeader from '../PortalSectionHeader'\n\nexport type RecentPublicationsGridProps = {\n  sql: string\n  buttonLink?: string\n  buttonLinkText?: string\n  summaryText?: string\n}\n\ntype PublicationCardProps = {\n  pub: Row\n  isLoading: boolean\n  categoryColIndex: number\n  titleColIndex: number\n  journalColIndex: number\n  publicationDateColIndex: number\n  doiColIndex: number\n}\n\nconst PublicationCard = ({\n  pub,\n  isLoading,\n  categoryColIndex: _categoryColIndex, // PORTALS-3426 - category was dropped\n  titleColIndex,\n  journalColIndex,\n  publicationDateColIndex,\n  doiColIndex,\n}: PublicationCardProps): React.ReactNode => (\n  <Grid\n    key={pub.rowId}\n    sx={{\n      height: { xs: 'auto', sm: 'initial' },\n      minWidth: { xs: '280px', lg: 'initial' },\n      maxWidth: { xs: '450px', lg: 'initial' },\n    }}\n  >\n    <Box sx={{ height: '100%' }}>\n      {isLoading ? (\n        <Skeleton variant=\"rectangular\" height={275} width=\"100%\" />\n      ) : (\n        <div>\n          {pub.values[journalColIndex] && (\n            <Chip\n              label={\n                <Typography\n                  variant={'overline'}\n                  sx={{ fontSize: '14px', lineHeight: 'initial' }}\n                >\n                  {pub.values[journalColIndex]}\n                </Typography>\n              }\n              sx={{\n                borderRadius: '3px',\n                height: 'auto',\n                padding: '4px 8px',\n                '& .MuiChip-label': {\n                  padding: '0',\n                  display: 'block',\n                  whiteSpace: 'normal',\n                },\n              }}\n            />\n          )}\n          <Typography\n            variant=\"headline2\"\n            sx={{\n              color: 'grey.1000',\n              fontSize: '21px',\n              padding: '20px 0px',\n            }}\n          >\n            <MuiLink\n              href={convertDoiToLink(pub.values[doiColIndex] || '')}\n              target=\"_blank\"\n              sx={{\n                color: 'inherit',\n                textDecoration: 'none',\n                fontWeight: 'inherit',\n                '&:hover': {\n                  textDecoration: 'none',\n                },\n              }}\n            >\n              {pub.values[titleColIndex]}\n            </MuiLink>\n          </Typography>\n          <Box\n            sx={{\n              display: 'flex',\n              gap: '8px',\n              flexDirection: 'column',\n            }}\n          >\n            <Typography\n              variant=\"body1\"\n              sx={{\n                color: 'grey.700',\n                fontSize: '14px',\n                lineHeight: 1.35,\n                paddingBottom: { xs: 0, md: '35px' },\n              }}\n            >\n              {pub.values[publicationDateColIndex] &&\n                formatDate(\n                  dayjs(Number(pub.values[publicationDateColIndex])),\n                  'MMMM, YYYY',\n                )}\n            </Typography>\n          </Box>\n        </div>\n      )}\n    </Box>\n  </Grid>\n)\n\nfunction RecentPublicationsGrid(props: RecentPublicationsGridProps) {\n  const { sql, buttonLink, buttonLinkText, summaryText } = props\n\n  const entityId = parseEntityIdFromSqlStatement(sql)\n\n  const queryBundleRequest: QueryBundleRequest = {\n    partMask: BUNDLE_MASK_QUERY_SELECT_COLUMNS | BUNDLE_MASK_QUERY_RESULTS,\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    query: {\n      sql,\n    },\n  }\n  const { data: queryResultBundle, isLoading } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const dataRows = queryResultBundle?.queryResult!.queryResults.rows ?? []\n\n  enum ExpectedColumns {\n    CATEGORY = 'Category',\n    JOURNAL = 'Journal',\n    TITLE = 'Title',\n    PUBLICATION_DATE = 'publicationDate',\n    DOI = 'DOI',\n  }\n\n  const categoryColIndex = getFieldIndex(\n    ExpectedColumns.CATEGORY,\n    queryResultBundle,\n  )\n  const journalColIndex = getFieldIndex(\n    ExpectedColumns.JOURNAL,\n    queryResultBundle,\n  )\n  const titleColIndex = getFieldIndex(ExpectedColumns.TITLE, queryResultBundle)\n  const publicationDateColIndex = getFieldIndex(\n    ExpectedColumns.PUBLICATION_DATE,\n    queryResultBundle,\n  )\n  const doiColIndex = getFieldIndex(ExpectedColumns.DOI, queryResultBundle)\n\n  return (\n    <Box\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: { xs: '1fr', md: '3fr 1fr' },\n        height: { xs: 'auto', md: 'initial' },\n        gap: { xs: '24px', md: '80px' },\n        padding: { xs: '40px', lg: '80px' },\n      }}\n    >\n      <Box\n        sx={{\n          order: { xs: 1, md: 0 },\n        }}\n      >\n        <Box\n          sx={theme => ({\n            display: 'grid',\n            gap: '32px',\n            gridTemplateColumns: {\n              xs: '1fr',\n              sm: 'repeat(auto-fill, minmax(280px, 1fr))',\n              lg: 'repeat(auto-fill, minmax(255px, 1fr))',\n              xl: 'repeat(auto-fill, minmax(322px, 1fr))',\n            },\n            [theme.breakpoints.down('sm')]: {\n              '& > :nth-of-type(n+4)': {\n                display: 'none',\n              },\n            },\n          })}\n        >\n          {dataRows.map(pub => (\n            <PublicationCard\n              pub={pub}\n              key={pub.rowId}\n              isLoading={isLoading}\n              categoryColIndex={categoryColIndex}\n              titleColIndex={titleColIndex}\n              journalColIndex={journalColIndex}\n              publicationDateColIndex={publicationDateColIndex}\n              doiColIndex={doiColIndex}\n            />\n          ))}\n        </Box>\n      </Box>\n      <Box sx={{ paddingBottom: '30px' }}>\n        <PortalSectionHeader\n          title=\"Recently Published\"\n          summaryText={summaryText}\n          buttonText={buttonLinkText}\n          link={buttonLink}\n          reverseButtonAndText\n          sx={{\n            h2: { fontSize: '24px', paddingTop: '30px', width: '100%' },\n            '& p': { fontSize: '16px', lineHeight: '24px' },\n          }}\n        />\n      </Box>\n    </Box>\n  )\n}\n\nexport default RecentPublicationsGrid\n"],"mappings":"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"}

package/dist/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.js.map

@@ -1 +1 @@
-{"version":3,"file":"RegisterPageLogoutPrompt.js","names":[],"sources":["../../../src/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.tsx"],"sourcesContent":["import SageFullLogo from '@/assets/icons/SageFullLogo'\nimport { Button, Paper, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { useApplicationSessionContext } from '@/utils'\n\nexport type RegisterPageLogoutPromptProps = {\n  logo?: ReactNode\n}\n\nexport default function RegisterPageLogoutPrompt(\n  props: RegisterPageLogoutPromptProps,\n) {\n  const { logo = <SageFullLogo width={'100%'} /> } = props\n\n  const { clearSession } = useApplicationSessionContext()\n\n  return (\n    <Paper\n      sx={{\n        width: '450px',\n        px: 8,\n        py: 6,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n      }}\n    >\n      {logo}\n      <Typography\n        variant={'headline3'}\n        sx={{\n          my: 1,\n        }}\n      >\n        Already Logged In\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          my: 1,\n        }}\n      >\n        To register an account, please log out first\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'large'}\n        fullWidth\n        sx={{ p: 1.5, mt: 5, fontSize: '16px' }}\n        onClick={() => {\n          clearSession()\n        }}\n      >\n        Log Out\n      </Button>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,kBAAC,GAAD,EAAc,OAAO,QAAU,CAAA,KAAK,GAE7C,EAAE,oBAAiB,GAA8B;AAEvD,QACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,eAAe;GACf,YAAY;GACb;YARH;GAUG;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,GACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,GACL;cACF;IAEY,CAAA;GACb,kBAAC,GAAD;IACE,SAAS;IACT,MAAM;IACN,WAAA;IACA,IAAI;KAAE,GAAG;KAAK,IAAI;KAAG,UAAU;KAAQ;IACvC,eAAe;AACb,QAAc;;cAEjB;IAEQ,CAAA;GACH"}
+{"version":3,"file":"RegisterPageLogoutPrompt.js","names":[],"sources":["../../../src/components/RegisterPageLogoutPrompt/RegisterPageLogoutPrompt.tsx"],"sourcesContent":["import SageFullLogo from '@/assets/icons/SageFullLogo'\nimport { Button, Paper, Typography } from '@mui/material'\nimport { ReactNode } from 'react'\nimport { useApplicationSessionContext } from '@/utils'\n\nexport type RegisterPageLogoutPromptProps = {\n  logo?: ReactNode\n}\n\nexport default function RegisterPageLogoutPrompt(\n  props: RegisterPageLogoutPromptProps,\n) {\n  const { logo = <SageFullLogo width={'100%'} /> } = props\n\n  const { clearSession } = useApplicationSessionContext()\n\n  return (\n    <Paper\n      sx={{\n        width: '450px',\n        px: 8,\n        py: 6,\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n      }}\n    >\n      {logo}\n      <Typography\n        variant={'headline3'}\n        sx={{\n          my: 1,\n        }}\n      >\n        Already Logged In\n      </Typography>\n      <Typography\n        variant={'smallText1'}\n        sx={{\n          my: 1,\n        }}\n      >\n        To register an account, please log out first\n      </Typography>\n      <Button\n        variant={'contained'}\n        size={'large'}\n        fullWidth\n        sx={{ p: 1.5, mt: 5, fontSize: '16px' }}\n        onClick={() => {\n          clearSession()\n        }}\n      >\n        Log Out\n      </Button>\n    </Paper>\n  )\n}\n"],"mappings":";;;;;;AASA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,UAAO,kBAAC,GAAD,EAAc,OAAO,OAAS,CAAA,MAAM,GAE7C,EAAE,oBAAiB,EAA6B;CAEtD,OACE,kBAAC,GAAD;EACE,IAAI;GACF,OAAO;GACP,IAAI;GACJ,IAAI;GACJ,SAAS;GACT,eAAe;GACf,YAAY;EACd;YARF;GAUG;GACD,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,EACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS;IACT,IAAI,EACF,IAAI,EACN;cACD;GAEW,CAAA;GACZ,kBAAC,GAAD;IACE,SAAS;IACT,MAAM;IACN,WAAA;IACA,IAAI;KAAE,GAAG;KAAK,IAAI;KAAG,UAAU;IAAO;IACtC,eAAe;KACb,EAAa;IACf;cACD;GAEO,CAAA;EACH;;AAEX"}

package/dist/components/ReleaseCard/ReleaseCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCard.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCard.tsx"],"sourcesContent":["import { ReleaseCardLarge } from './ReleaseCardLarge'\nimport { ReleaseCardMedium } from './ReleaseCardMedium'\nimport { ReleaseCardConfig } from './ReleaseCardTypes'\n\n/**\n * Column index values into the row values given provided in \"data\"\n * Used to define release metadata (entity id, name, date)\n * as well as statistics and button to explore data\n */\nexport type ReleaseCardSchema = Record<string, number>\n\nexport type ReleaseCardProps = {\n  schema: ReleaseCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n  releaseCardConfig: ReleaseCardConfig\n}\n\n/**\n * Specialized Release Card, initially implemented for the GENIE portal.\n * Expects columns used to define release metadata (entity id, name, date)\n * as well as statistics columns and columns for defining a button to explore data\n * as defined in the releaseCardConfig\n */\nexport function ReleaseCard(props: ReleaseCardProps) {\n  const { releaseCardConfig, ...rest } = props\n  switch (releaseCardConfig.cardSize) {\n    case 'large':\n      return (\n        <ReleaseCardLarge releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    case 'medium':\n      return (\n        <ReleaseCardMedium releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    default:\n      console.error('No size specified for ReleaseCard')\n      return <div />\n  }\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,sBAAmB,GAAG,MAAS;AACvC,SAAQ,EAAkB,UAA1B;EACE,KAAK,QACH,QACE,kBAAC,GAAD;GAAqC;GAAmB,GAAI;GAAQ,CAAA;EAExE,KAAK,SACH,QACE,kBAAC,GAAD;GAAsC;GAAmB,GAAI;GAAQ,CAAA;EAEzE,QAEE,QADA,QAAQ,MAAM,oCAAoC,EAC3C,kBAAC,OAAD,EAAO,CAAA"}
+{"version":3,"file":"ReleaseCard.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCard.tsx"],"sourcesContent":["import { ReleaseCardLarge } from './ReleaseCardLarge'\nimport { ReleaseCardMedium } from './ReleaseCardMedium'\nimport { ReleaseCardConfig } from './ReleaseCardTypes'\n\n/**\n * Column index values into the row values given provided in \"data\"\n * Used to define release metadata (entity id, name, date)\n * as well as statistics and button to explore data\n */\nexport type ReleaseCardSchema = Record<string, number>\n\nexport type ReleaseCardProps = {\n  schema: ReleaseCardSchema\n  data: (string | null)[]\n  includePortalCardClass?: boolean\n  releaseCardConfig: ReleaseCardConfig\n}\n\n/**\n * Specialized Release Card, initially implemented for the GENIE portal.\n * Expects columns used to define release metadata (entity id, name, date)\n * as well as statistics columns and columns for defining a button to explore data\n * as defined in the releaseCardConfig\n */\nexport function ReleaseCard(props: ReleaseCardProps) {\n  const { releaseCardConfig, ...rest } = props\n  switch (releaseCardConfig.cardSize) {\n    case 'large':\n      return (\n        <ReleaseCardLarge releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    case 'medium':\n      return (\n        <ReleaseCardMedium releaseCardConfig={releaseCardConfig} {...rest} />\n      )\n    default:\n      console.error('No size specified for ReleaseCard')\n      return <div />\n  }\n}\n"],"mappings":";;;;AAwBA,SAAgB,EAAY,GAAyB;CACnD,IAAM,EAAE,sBAAmB,GAAG,MAAS;CACvC,QAAQ,EAAkB,UAA1B;EACE,KAAK,SACH,OACE,kBAAC,GAAD;GAAqC;GAAmB,GAAI;EAAO,CAAA;EAEvE,KAAK,UACH,OACE,kBAAC,GAAD;GAAsC;GAAmB,GAAI;EAAO,CAAA;EAExE,SAEE,OADA,QAAQ,MAAM,mCAAmC,GAC1C,kBAAC,OAAD,CAAM,CAAA;CACjB;AACF"}

package/dist/components/ReleaseCard/ReleaseCardLarge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import { CalendarTodayTwoTone } from '@mui/icons-material'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;AACnD,QACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;IAAa;GAC7C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;IAAS;GACpC;YARH,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;GAAmB,CAAA,EACpD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;IACR;aAEA;GACU,CAAA,CACP;;;AASZ,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,YACnB,EACK,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,KAAK,EACD,CAAC,GAA0B,KAA+B,EAE9D,KAAK;AAcP,QAZA,QAAgB;AAKd,EAJA,EAAoC,GAAQ,GAAM,EAAiB,CAAC,KAClE,EACD,EAED,EAAoC,GAAQ,GAAM,EAAmB,CAAC,KACpE,EACD;IACA;EAAC;EAAQ;EAAM;EAAkB;EAAmB,CAAC,EAEpD,MAAgB,OAAa,kBAAA,GAAA,EAAK,CAAA,GAGpC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,SACX;YAED,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;IAAO;GACtC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;IACV;aANH;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,QACN;eAJH,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;OACN;gBALH,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,YAAY,EAAI,CAAA,EACnD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,EACU;SACP;SACR,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;OAAO;MACtC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;QAAU;OAC9C,KAAK;OACN;gBALH,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;OACX,CAAA,EAEV,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;OACb,CAAA,CAEL;QACF;;IACR,kBAAC,GAAD,EAAW,CAAA;;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;OAAQ;MAC1B,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;OAAS;MACnD,UAAU;OAAE,IAAI;OAAQ,IAAI;OAAU;MACvC;eAPH,CASE,kBAAC,GAAD,EAAU,GAAI,GAAe,CAAA,EAC5B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;MAAW,CAAA,EAC3C,kBAAC,GAAD,EAAU,GAAI,GAAQ,CAAA,CACb,EAAA,EAHI,EAAK,MAGT,CAEb,CACI;;IACF;;EACJ,CAAA"}
+{"version":3,"file":"ReleaseCardLarge.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardLarge.tsx"],"sourcesContent":["import { CalendarTodayTwoTone } from '@mui/icons-material'\nimport { Box, Button, Divider, Stack, Typography } from '@mui/material'\nimport { Fragment, useEffect, useState } from 'react'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardLargeConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport {\n  formatExplorePagePathAndQueryString,\n  formatReleaseCardData,\n} from './ReleaseCardUtils'\n\nfunction StatFlex({ value, label }: ReleaseCardStat) {\n  return (\n    <Stack\n      direction=\"column\"\n      sx={{\n        alignItems: 'center',\n        padding: { xs: '20px 10px', md: '20px 40px' },\n        gap: '10px',\n        // ensure that stats are aligned when multiple cards are stacked vertically\n        width: { xs: 'unset', lg: '200px' },\n      }}\n    >\n      <Typography variant=\"headline1\">{value}</Typography>\n      <Typography\n        variant=\"body1\"\n        sx={{\n          lineHeight: '20px',\n          color: 'grey.700',\n        }}\n      >\n        {label}\n      </Typography>\n    </Stack>\n  )\n}\n\nexport type ReleaseCardLargeProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardLargeConfig }\n\nexport function ReleaseCardLarge({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardLargeProps) {\n  const { releaseName, releaseDate, stats } = formatReleaseCardData(\n    schema,\n    data,\n    releaseCardConfig.releaseMetadataConfig,\n    releaseCardConfig.statsConfig,\n  )\n  const { primaryBtnConfig, secondaryBtnConfig } = releaseCardConfig\n\n  const [primaryBtnPathAndQuery, setPrimaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n  const [secondaryBtnPathAndQuery, setSecondaryBtnPathAndQuery] = useState<\n    string | null\n  >(null)\n\n  useEffect(() => {\n    formatExplorePagePathAndQueryString(schema, data, primaryBtnConfig).then(\n      setPrimaryBtnPathAndQuery,\n    )\n\n    formatExplorePagePathAndQueryString(schema, data, secondaryBtnConfig).then(\n      setSecondaryBtnPathAndQuery,\n    )\n  }, [schema, data, primaryBtnConfig, secondaryBtnConfig])\n\n  if (releaseName === null) return <></>\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        minWidth: '200px',\n      }}\n    >\n      <Stack\n        direction={{ xs: 'column', lg: 'row' }}\n        sx={{\n          justifyContent: 'space-between',\n          gap: '20px',\n          padding: '20px',\n        }}\n      >\n        <Stack\n          direction=\"column\"\n          sx={{\n            gap: '20px',\n          }}\n        >\n          <Stack\n            direction=\"row\"\n            sx={{\n              alignItems: 'center',\n              gap: '10px',\n            }}\n          >\n            <CalendarTodayTwoTone sx={{ color: 'grey.700' }} />\n            <Typography variant=\"headline1\">\n              {releaseCardConfig.prependRelease && 'Release '}\n              {releaseName}\n            </Typography>\n          </Stack>\n          <Stack\n            direction={{ xs: 'column', sm: 'row' }}\n            sx={{\n              alignItems: { xs: 'flex-start', sm: 'center' },\n              gap: '20px',\n            }}\n          >\n            {primaryBtnConfig && primaryBtnPathAndQuery && (\n              <Button\n                component={ReactRouterLink}\n                variant=\"contained\"\n                color=\"primary\"\n                to={primaryBtnPathAndQuery}\n              >\n                {primaryBtnConfig.label}\n              </Button>\n            )}\n            {secondaryBtnConfig && secondaryBtnPathAndQuery && (\n              <Button component={ReactRouterLink} to={secondaryBtnPathAndQuery}>\n                {secondaryBtnConfig.label}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n        <Divider /> {/* divides stacks when page is narrow */}\n        <Stack\n          direction=\"row\"\n          sx={{\n            gap: { xs: 0, lg: '10px' },\n            alignItems: 'center',\n            justifyContent: { xs: 'space-evenly', lg: 'unset' },\n            flexWrap: { xs: 'wrap', lg: 'nowrap' },\n          }}\n        >\n          <StatFlex {...releaseDate} />\n          {stats.map(stat => {\n            return (\n              <Fragment key={stat.label}>\n                <Divider orientation=\"vertical\" flexItem />\n                <StatFlex {...stat} />\n              </Fragment>\n            )\n          })}\n        </Stack>\n      </Stack>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAWA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAC,GAAD;EACE,WAAU;EACV,IAAI;GACF,YAAY;GACZ,SAAS;IAAE,IAAI;IAAa,IAAI;GAAY;GAC5C,KAAK;GAEL,OAAO;IAAE,IAAI;IAAS,IAAI;GAAQ;EACpC;YARF,CAUE,kBAAC,GAAD;GAAY,SAAQ;aAAa;EAAkB,CAAA,GACnD,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA,CACP;;AAEX;AAOA,SAAgB,EAAiB,EAC/B,SACA,WACA,4BAAyB,IACzB,wBACwB;CACxB,IAAM,EAAE,gBAAa,gBAAa,aAAU,EAC1C,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB,GACM,EAAE,qBAAkB,0BAAuB,GAE3C,CAAC,GAAwB,KAA6B,EAE1D,IAAI,GACA,CAAC,GAA0B,KAA+B,EAE9D,IAAI;CAcN,OAZA,QAAgB;EAKd,AAJA,EAAoC,GAAQ,GAAM,CAAgB,EAAE,KAClE,CACF,GAEA,EAAoC,GAAQ,GAAM,CAAkB,EAAE,KACpE,CACF;CACF,GAAG;EAAC;EAAQ;EAAM;EAAkB;CAAkB,CAAC,GAEnD,MAAgB,OAAa,kBAAA,GAAA,CAAI,CAAA,IAGnC,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI,EACF,UAAU,QACZ;YAEA,kBAAC,GAAD;GACE,WAAW;IAAE,IAAI;IAAU,IAAI;GAAM;GACrC,IAAI;IACF,gBAAgB;IAChB,KAAK;IACL,SAAS;GACX;aANF;IAQE,kBAAC,GAAD;KACE,WAAU;KACV,IAAI,EACF,KAAK,OACP;eAJF,CAME,kBAAC,GAAD;MACE,WAAU;MACV,IAAI;OACF,YAAY;OACZ,KAAK;MACP;gBALF,CAOE,kBAAC,GAAD,EAAsB,IAAI,EAAE,OAAO,WAAW,EAAI,CAAA,GAClD,kBAAC,GAAD;OAAY,SAAQ;iBAApB,CACG,EAAkB,kBAAkB,YACpC,CACS;QACP;SACP,kBAAC,GAAD;MACE,WAAW;OAAE,IAAI;OAAU,IAAI;MAAM;MACrC,IAAI;OACF,YAAY;QAAE,IAAI;QAAc,IAAI;OAAS;OAC7C,KAAK;MACP;gBALF,CAOG,KAAoB,KACnB,kBAAC,GAAD;OACE,WAAW;OACX,SAAQ;OACR,OAAM;OACN,IAAI;iBAEH,EAAiB;MACZ,CAAA,GAET,KAAsB,KACrB,kBAAC,GAAD;OAAQ,WAAW;OAAiB,IAAI;iBACrC,EAAmB;MACd,CAAA,CAEL;OACF;;IACP,kBAAC,GAAD,CAAU,CAAA;IAAC;IACX,kBAAC,GAAD;KACE,WAAU;KACV,IAAI;MACF,KAAK;OAAE,IAAI;OAAG,IAAI;MAAO;MACzB,YAAY;MACZ,gBAAgB;OAAE,IAAI;OAAgB,IAAI;MAAQ;MAClD,UAAU;OAAE,IAAI;OAAQ,IAAI;MAAS;KACvC;eAPF,CASE,kBAAC,GAAD,EAAU,GAAI,EAAc,CAAA,GAC3B,EAAM,KAAI,MAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAS,aAAY;MAAW,UAAA;KAAU,CAAA,GAC1C,kBAAC,GAAD,EAAU,GAAI,EAAO,CAAA,CACb,EAAA,GAHK,EAAK,KAGV,CAEb,CACI;;GACF;;CACJ,CAAA;AAET"}

package/dist/components/ReleaseCard/ReleaseCardMedium.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardMedium.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardMedium.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardMediumConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport { formatReleaseCardData } from './ReleaseCardUtils'\n\nfunction StatGrid({ value, label }: ReleaseCardStat) {\n  return (\n    <>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-end',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n          }}\n        >\n          {value}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-start',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            color: 'grey.700',\n          }}\n        >\n          {label}\n        </Typography>\n      </Box>\n    </>\n  )\n}\n\nexport type ReleaseCardMediumProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardMediumConfig }\n\nexport function ReleaseCardMedium({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardMediumProps) {\n  const { releaseName, releaseEntityId, releaseDate, stats } =\n    formatReleaseCardData(\n      schema,\n      data,\n      releaseCardConfig.releaseMetadataConfig,\n      releaseCardConfig.statsConfig,\n    )\n\n  if (releaseName === null) return <></>\n\n  const nCols = 2\n  const SPAN_ALL_COLS = `span ${nCols}`\n  const nRows = stats.length + 4\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${nCols}, 1fr)`, // columns are controlled by this component, not the parent grid\n        columnGap: '10px',\n        gridTemplateRows: 'subgrid', // rows are controlled by parent grid, so text will be aligned across cards\n        gridRow: `span ${nRows}`, // ensures that card spans the correct number of rows in the parent grid\n        rowGap: '0px', // prevent parent grid from applying its gap to the subgrid rows\n        alignItems: 'center',\n        justifyItems: 'center',\n        textAlign: 'center',\n        padding: '30px 40px 40px',\n        my: 0, // remove margin added by .SRC-portalCard - CardContainer list will set the gap between cards\n      }}\n    >\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          alignSelf: 'end',\n        }}\n      >\n        <Typography variant=\"headline1\">{releaseName}</Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            fontStyle: 'italic',\n            color: 'grey.800',\n          }}\n        >{`Released ${releaseDate.value}`}</Typography>\n      </Box>\n      {stats.map(stat => (\n        <StatGrid key={stat.label} {...stat} />\n      ))}\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mt: '20px',\n          mb: '5px',\n        }}\n      >\n        <Button\n          component={ReactRouterLink}\n          to={releaseCardConfig.requestAccessPath}\n          sx={{ fontSize: '14px' }}\n        >\n          Request Access\n        </Button>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n        }}\n      >\n        {releaseEntityId && (\n          <Link\n            href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${releaseEntityId}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            sx={{\n              fontSize: '14px',\n              textDecoration: 'none',\n            }}\n          >\n            View on Synapse.org\n          </Link>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAS,EAAE,UAAO,YAA0B;AACnD,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;GACd;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,QACb;aAEA;GACU,CAAA;EACT,CAAA,EACN,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;GACd;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;IACR;aAEA;GACU,CAAA;EACT,CAAA,CACL,EAAA,CAAA;;AASP,SAAgB,EAAkB,EAChC,SACA,WACA,4BAAyB,IACzB,wBACyB;CACzB,IAAM,EAAE,gBAAa,oBAAiB,gBAAa,aACjD,EACE,GACA,GACA,EAAkB,uBAClB,EAAkB,YACnB;AAEH,KAAI,MAAgB,KAAM,QAAO,kBAAA,GAAA,EAAK,CAAA;CAEtC,IACM,IAAgB,UAChB,IAAQ,EAAM,SAAS;AAE7B,QACE,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI;GACF,SAAS;GACT,qBAAqB;GACrB,WAAW;GACX,kBAAkB;GAClB,SAAS,QAAQ;GACjB,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,IAAI;GACL;YAhBH;GAkBE,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;KACZ;cAED,kBAAC,GAAD;KAAY,SAAQ;eAAa;KAAyB,CAAA;IACtD,CAAA;GACN,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACL;cAED,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,WAAW;MACX,OAAO;MACR;eACD,YAAY,EAAY;KAAqB,CAAA;IAC3C,CAAA;GACL,EAAM,KAAI,MACT,kBAAC,GAAD,EAA2B,GAAI,GAAQ,EAAxB,EAAK,MAAmB,CACvC;GACF,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACJ,IAAI;KACL;cAED,kBAAC,GAAD;KACE,WAAW;KACX,IAAI,EAAkB;KACtB,IAAI,EAAE,UAAU,QAAQ;eACzB;KAEQ,CAAA;IACL,CAAA;GACN,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACV;cAEA,KACC,kBAAC,GAAD;KACE,MAAM,GAAG,EAA2B,OAAO,UAAU;KACrD,QAAO;KACP,KAAI;KACJ,IAAI;MACF,UAAU;MACV,gBAAgB;MACjB;eACF;KAEM,CAAA;IAEL,CAAA;GACF"}
+{"version":3,"file":"ReleaseCardMedium.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardMedium.tsx"],"sourcesContent":["import { PRODUCTION_ENDPOINT_CONFIG } from '@/utils/functions/getEndpoint'\nimport { Box, Button, Link, Typography } from '@mui/material'\nimport { Link as ReactRouterLink } from 'react-router'\nimport { ReleaseCardProps } from './ReleaseCard'\nimport { ReleaseCardMediumConfig, ReleaseCardStat } from './ReleaseCardTypes'\nimport { formatReleaseCardData } from './ReleaseCardUtils'\n\nfunction StatGrid({ value, label }: ReleaseCardStat) {\n  return (\n    <>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-end',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n          }}\n        >\n          {value}\n        </Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: 'span 1',\n          gridRow: 'span 1',\n          justifySelf: 'flex-start',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            color: 'grey.700',\n          }}\n        >\n          {label}\n        </Typography>\n      </Box>\n    </>\n  )\n}\n\nexport type ReleaseCardMediumProps = Omit<\n  ReleaseCardProps,\n  'releaseCardConfig'\n> & { releaseCardConfig: ReleaseCardMediumConfig }\n\nexport function ReleaseCardMedium({\n  data,\n  schema,\n  includePortalCardClass = true,\n  releaseCardConfig,\n}: ReleaseCardMediumProps) {\n  const { releaseName, releaseEntityId, releaseDate, stats } =\n    formatReleaseCardData(\n      schema,\n      data,\n      releaseCardConfig.releaseMetadataConfig,\n      releaseCardConfig.statsConfig,\n    )\n\n  if (releaseName === null) return <></>\n\n  const nCols = 2\n  const SPAN_ALL_COLS = `span ${nCols}`\n  const nRows = stats.length + 4\n\n  return (\n    <Box\n      className={`ReleaseCard ${\n        includePortalCardClass ? 'SRC-portalCard' : ''\n      }`}\n      sx={{\n        display: 'grid',\n        gridTemplateColumns: `repeat(${nCols}, 1fr)`, // columns are controlled by this component, not the parent grid\n        columnGap: '10px',\n        gridTemplateRows: 'subgrid', // rows are controlled by parent grid, so text will be aligned across cards\n        gridRow: `span ${nRows}`, // ensures that card spans the correct number of rows in the parent grid\n        rowGap: '0px', // prevent parent grid from applying its gap to the subgrid rows\n        alignItems: 'center',\n        justifyItems: 'center',\n        textAlign: 'center',\n        padding: '30px 40px 40px',\n        my: 0, // remove margin added by .SRC-portalCard - CardContainer list will set the gap between cards\n      }}\n    >\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          alignSelf: 'end',\n        }}\n      >\n        <Typography variant=\"headline1\">{releaseName}</Typography>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mb: '30px',\n        }}\n      >\n        <Typography\n          variant=\"body1\"\n          sx={{\n            lineHeight: '20px',\n            fontStyle: 'italic',\n            color: 'grey.800',\n          }}\n        >{`Released ${releaseDate.value}`}</Typography>\n      </Box>\n      {stats.map(stat => (\n        <StatGrid key={stat.label} {...stat} />\n      ))}\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n          mt: '20px',\n          mb: '5px',\n        }}\n      >\n        <Button\n          component={ReactRouterLink}\n          to={releaseCardConfig.requestAccessPath}\n          sx={{ fontSize: '14px' }}\n        >\n          Request Access\n        </Button>\n      </Box>\n      <Box\n        sx={{\n          gridColumn: SPAN_ALL_COLS,\n          gridRow: 'span 1',\n        }}\n      >\n        {releaseEntityId && (\n          <Link\n            href={`${PRODUCTION_ENDPOINT_CONFIG.PORTAL}Synapse:${releaseEntityId}`}\n            target=\"_blank\"\n            rel=\"noreferrer\"\n            sx={{\n              fontSize: '14px',\n              textDecoration: 'none',\n            }}\n          >\n            View on Synapse.org\n          </Link>\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAOA,SAAS,EAAS,EAAE,UAAO,YAA0B;CACnD,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;EACf;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI,EACF,YAAY,OACd;aAEC;EACS,CAAA;CACT,CAAA,GACL,kBAAC,GAAD;EACE,IAAI;GACF,YAAY;GACZ,SAAS;GACT,aAAa;EACf;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,IAAI;IACF,YAAY;IACZ,OAAO;GACT;aAEC;EACS,CAAA;CACT,CAAA,CACL,EAAA,CAAA;AAEN;AAOA,SAAgB,EAAkB,EAChC,SACA,WACA,4BAAyB,IACzB,wBACyB;CACzB,IAAM,EAAE,gBAAa,oBAAiB,gBAAa,aACjD,EACE,GACA,GACA,EAAkB,uBAClB,EAAkB,WACpB;CAEF,IAAI,MAAgB,MAAM,OAAO,kBAAA,GAAA,CAAI,CAAA;CAErC,IACM,IAAgB,UAChB,IAAQ,EAAM,SAAS;CAE7B,OACE,kBAAC,GAAD;EACE,WAAW,eACT,IAAyB,mBAAmB;EAE9C,IAAI;GACF,SAAS;GACT,qBAAqB;GACrB,WAAW;GACX,kBAAkB;GAClB,SAAS,QAAQ;GACjB,QAAQ;GACR,YAAY;GACZ,cAAc;GACd,WAAW;GACX,SAAS;GACT,IAAI;EACN;YAhBF;GAkBE,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,WAAW;IACb;cAEA,kBAAC,GAAD;KAAY,SAAQ;eAAa;IAAwB,CAAA;GACtD,CAAA;GACL,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;IACN;cAEA,kBAAC,GAAD;KACE,SAAQ;KACR,IAAI;MACF,YAAY;MACZ,WAAW;MACX,OAAO;KACT;eACA,YAAY,EAAY;IAAoB,CAAA;GAC3C,CAAA;GACJ,EAAM,KAAI,MACT,kBAAC,GAAD,EAA2B,GAAI,EAAO,GAAvB,EAAK,KAAkB,CACvC;GACD,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;KACT,IAAI;KACJ,IAAI;IACN;cAEA,kBAAC,GAAD;KACE,WAAW;KACX,IAAI,EAAkB;KACtB,IAAI,EAAE,UAAU,OAAO;eACxB;IAEO,CAAA;GACL,CAAA;GACL,kBAAC,GAAD;IACE,IAAI;KACF,YAAY;KACZ,SAAS;IACX;cAEC,KACC,kBAAC,GAAD;KACE,MAAM,GAAG,EAA2B,OAAO,UAAU;KACrD,QAAO;KACP,KAAI;KACJ,IAAI;MACF,UAAU;MACV,gBAAgB;KAClB;eACD;IAEK,CAAA;GAEL,CAAA;EACF;;AAET"}

package/dist/components/ReleaseCard/ReleaseCardUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReleaseCardUtils.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardUtils.ts"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport { SelectedFacet } from '../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL'\nimport { ReleaseCardSchema } from './ReleaseCard'\nimport {\n  ButtonToExplorePageConfig,\n  ReleaseCardStat,\n  ReleaseMetadataConfig,\n  SelectedFacetConfig,\n  StatConfig,\n} from './ReleaseCardTypes'\n\nconst MISSING_STAT_DEFAULT_VALUE = 'Unknown'\n\nconst formatNumber = (num: number) => {\n  if (num < 1_000_000) return num.toLocaleString()\n  const numberFormatter = new Intl.NumberFormat([], {\n    minimumFractionDigits: 1,\n    maximumFractionDigits: 2,\n    notation: 'compact',\n    localeMatcher: 'best fit',\n  })\n  return numberFormatter.format(num)\n}\n\nconst getValueFromData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  columnName: string,\n) => {\n  const columnIndex = schema[columnName]\n  let columnValue\n  if (columnIndex === undefined) {\n    console.error(`Could not find column named ${columnName}`)\n    columnValue = null\n  } else {\n    columnValue = data[columnIndex]\n  }\n  return columnValue\n}\n\nconst formatReleaseStats = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  statsConfig: StatConfig[],\n) => {\n  return statsConfig.map(statConfig => {\n    const { columnName, label } = statConfig\n    const statString = getValueFromData(schema, data, columnName)\n    const cardStat: ReleaseCardStat = {\n      label: label,\n      value: statString\n        ? formatNumber(Number(statString))\n        : MISSING_STAT_DEFAULT_VALUE,\n    }\n    return cardStat\n  })\n}\n\nconst formatReleaseDate = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseDateColumnName: string,\n) => {\n  const releaseDateString = getValueFromData(\n    schema,\n    data,\n    releaseDateColumnName,\n  )\n  const cardStat: ReleaseCardStat = {\n    label: 'Date of release',\n    value: releaseDateString\n      ? formatDate(dayjs(Number(releaseDateString)), 'MM/DD/YYYY')\n      : MISSING_STAT_DEFAULT_VALUE,\n  }\n  return cardStat\n}\n\nexport const formatReleaseCardData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseMetdataConfig: ReleaseMetadataConfig,\n  statsConfig: StatConfig[],\n) => {\n  return {\n    releaseName: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseNameColumnName,\n    ),\n    releaseEntityId: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseEntityIdColumnName,\n    ),\n    releaseDate: formatReleaseDate(\n      schema,\n      data,\n      releaseMetdataConfig.releaseDateColumnName,\n    ),\n    stats: formatReleaseStats(schema, data, statsConfig),\n  }\n}\n\nconst getAllSelectedFacets = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  selectedFacetConfigs: SelectedFacetConfig[] | undefined,\n  staticSelectedFacets: SelectedFacet[] | undefined,\n): SelectedFacet[] => {\n  const allSelectedFacets: SelectedFacet[] = staticSelectedFacets\n    ? [...staticSelectedFacets]\n    : []\n\n  if (selectedFacetConfigs) {\n    selectedFacetConfigs.forEach(selectedFacetConfig => {\n      const sourceDataFacetValueColumnName =\n        selectedFacetConfig.sourceTableColumnName\n      const facetValue = sourceDataFacetValueColumnName\n        ? getValueFromData(schema, data, sourceDataFacetValueColumnName)\n        : null\n      if (facetValue) {\n        allSelectedFacets.push({\n          facet: selectedFacetConfig.destinationTableColumnName,\n          facetValue: facetValue,\n        })\n      }\n    })\n  }\n\n  return allSelectedFacets\n}\n\nexport const formatExplorePagePathAndQueryString = async (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  btnConfig?: ButtonToExplorePageConfig,\n): Promise<string | null> => {\n  if (!btnConfig) return null\n  const path = getValueFromData(\n    schema,\n    data,\n    btnConfig.sourceTablePathColumnName,\n  )\n  if (!path) {\n    console.warn(\n      `Column not found in source table or cell did not have value in source table for ${btnConfig.sourceTablePathColumnName}`,\n    )\n    return null\n  }\n\n  const {\n    sourceTableSqlColumnName: sourceExploreDataSqlColumnName,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  } = btnConfig\n\n  const exploreDataSql = sourceExploreDataSqlColumnName\n    ? getValueFromData(schema, data, sourceExploreDataSqlColumnName)\n    : null\n  const allSelectedFacets = getAllSelectedFacets(\n    schema,\n    data,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  )\n  const hasSelectedFacets = exploreDataSql && allSelectedFacets.length > 0\n\n  return hasSelectedFacets\n    ? await generateEncodedPathAndQueryForSelectedFacetURL(\n        path,\n        exploreDataSql,\n        allSelectedFacets,\n      )\n    : path\n}\n"],"mappings":";;;;;AAaA,IAAM,IAA6B,WAE7B,KAAgB,MAChB,IAAM,MAAkB,EAAI,gBAAgB,GAOzC,IANqB,KAAK,aAAa,EAAE,EAAE;CAChD,uBAAuB;CACvB,uBAAuB;CACvB,UAAU;CACV,eAAe;CAChB,CACM,CAAgB,OAAO,EAAI,EAG9B,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAc,EAAO,IACvB;AAOJ,QANI,MAAgB,KAAA,KAClB,QAAQ,MAAM,+BAA+B,IAAa,EAC1D,IAAc,QAEd,IAAc,EAAK,IAEd;GAGH,KACJ,GACA,GACA,MAEO,EAAY,KAAI,MAAc;CACnC,IAAM,EAAE,eAAY,aAAU,GACxB,IAAa,EAAiB,GAAQ,GAAM,EAAW;AAO7D,QAAO;EALE;EACP,OAAO,IACH,EAAa,OAAO,EAAW,CAAC,GAChC;EAEC;EACP,EAGE,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAoB,EACxB,GACA,GACA,EACD;AAOD,QAAO;EALL,OAAO;EACP,OAAO,IACH,EAAW,EAAM,OAAO,EAAkB,CAAC,EAAE,aAAa,GAC1D;EAEC;GAGI,KACX,GACA,GACA,GACA,OAEO;CACL,aAAa,EACX,GACA,GACA,EAAqB,sBACtB;CACD,iBAAiB,EACf,GACA,GACA,EAAqB,0BACtB;CACD,aAAa,EACX,GACA,GACA,EAAqB,sBACtB;CACD,OAAO,EAAmB,GAAQ,GAAM,EAAY;CACrD,GAGG,KACJ,GACA,GACA,GACA,MACoB;CACpB,IAAM,IAAqC,IACvC,CAAC,GAAG,EAAqB,GACzB,EAAE;AAkBN,QAhBI,KACF,EAAqB,SAAQ,MAAuB;EAClD,IAAM,IACJ,EAAoB,uBAChB,IAAa,IACf,EAAiB,GAAQ,GAAM,EAA+B,GAC9D;AACJ,EAAI,KACF,EAAkB,KAAK;GACrB,OAAO,EAAoB;GACf;GACb,CAAC;GAEJ,EAGG;GAGI,IAAsC,OACjD,GACA,GACA,MAC2B;AAC3B,KAAI,CAAC,EAAW,QAAO;CACvB,IAAM,IAAO,EACX,GACA,GACA,EAAU,0BACX;AACD,KAAI,CAAC,EAIH,QAHA,QAAQ,KACN,mFAAmF,EAAU,4BAC9F,EACM;CAGT,IAAM,EACJ,0BAA0B,GAC1B,yBACA,4BACE,GAEE,IAAiB,IACnB,EAAiB,GAAQ,GAAM,EAA+B,GAC9D,MACE,IAAoB,EACxB,GACA,GACA,GACA,EACD;AAGD,QAF0B,KAAkB,EAAkB,SAAS,IAGnE,MAAM,EACJ,GACA,GACA,EACD,GACD"}
+{"version":3,"file":"ReleaseCardUtils.js","names":[],"sources":["../../../src/components/ReleaseCard/ReleaseCardUtils.ts"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport dayjs from 'dayjs'\nimport { generateEncodedPathAndQueryForSelectedFacetURL } from '../QueryWrapper'\nimport { SelectedFacet } from '../QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL'\nimport { ReleaseCardSchema } from './ReleaseCard'\nimport {\n  ButtonToExplorePageConfig,\n  ReleaseCardStat,\n  ReleaseMetadataConfig,\n  SelectedFacetConfig,\n  StatConfig,\n} from './ReleaseCardTypes'\n\nconst MISSING_STAT_DEFAULT_VALUE = 'Unknown'\n\nconst formatNumber = (num: number) => {\n  if (num < 1_000_000) return num.toLocaleString()\n  const numberFormatter = new Intl.NumberFormat([], {\n    minimumFractionDigits: 1,\n    maximumFractionDigits: 2,\n    notation: 'compact',\n    localeMatcher: 'best fit',\n  })\n  return numberFormatter.format(num)\n}\n\nconst getValueFromData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  columnName: string,\n) => {\n  const columnIndex = schema[columnName]\n  let columnValue\n  if (columnIndex === undefined) {\n    console.error(`Could not find column named ${columnName}`)\n    columnValue = null\n  } else {\n    columnValue = data[columnIndex]\n  }\n  return columnValue\n}\n\nconst formatReleaseStats = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  statsConfig: StatConfig[],\n) => {\n  return statsConfig.map(statConfig => {\n    const { columnName, label } = statConfig\n    const statString = getValueFromData(schema, data, columnName)\n    const cardStat: ReleaseCardStat = {\n      label: label,\n      value: statString\n        ? formatNumber(Number(statString))\n        : MISSING_STAT_DEFAULT_VALUE,\n    }\n    return cardStat\n  })\n}\n\nconst formatReleaseDate = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseDateColumnName: string,\n) => {\n  const releaseDateString = getValueFromData(\n    schema,\n    data,\n    releaseDateColumnName,\n  )\n  const cardStat: ReleaseCardStat = {\n    label: 'Date of release',\n    value: releaseDateString\n      ? formatDate(dayjs(Number(releaseDateString)), 'MM/DD/YYYY')\n      : MISSING_STAT_DEFAULT_VALUE,\n  }\n  return cardStat\n}\n\nexport const formatReleaseCardData = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  releaseMetdataConfig: ReleaseMetadataConfig,\n  statsConfig: StatConfig[],\n) => {\n  return {\n    releaseName: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseNameColumnName,\n    ),\n    releaseEntityId: getValueFromData(\n      schema,\n      data,\n      releaseMetdataConfig.releaseEntityIdColumnName,\n    ),\n    releaseDate: formatReleaseDate(\n      schema,\n      data,\n      releaseMetdataConfig.releaseDateColumnName,\n    ),\n    stats: formatReleaseStats(schema, data, statsConfig),\n  }\n}\n\nconst getAllSelectedFacets = (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  selectedFacetConfigs: SelectedFacetConfig[] | undefined,\n  staticSelectedFacets: SelectedFacet[] | undefined,\n): SelectedFacet[] => {\n  const allSelectedFacets: SelectedFacet[] = staticSelectedFacets\n    ? [...staticSelectedFacets]\n    : []\n\n  if (selectedFacetConfigs) {\n    selectedFacetConfigs.forEach(selectedFacetConfig => {\n      const sourceDataFacetValueColumnName =\n        selectedFacetConfig.sourceTableColumnName\n      const facetValue = sourceDataFacetValueColumnName\n        ? getValueFromData(schema, data, sourceDataFacetValueColumnName)\n        : null\n      if (facetValue) {\n        allSelectedFacets.push({\n          facet: selectedFacetConfig.destinationTableColumnName,\n          facetValue: facetValue,\n        })\n      }\n    })\n  }\n\n  return allSelectedFacets\n}\n\nexport const formatExplorePagePathAndQueryString = async (\n  schema: ReleaseCardSchema,\n  data: (string | null)[],\n  btnConfig?: ButtonToExplorePageConfig,\n): Promise<string | null> => {\n  if (!btnConfig) return null\n  const path = getValueFromData(\n    schema,\n    data,\n    btnConfig.sourceTablePathColumnName,\n  )\n  if (!path) {\n    console.warn(\n      `Column not found in source table or cell did not have value in source table for ${btnConfig.sourceTablePathColumnName}`,\n    )\n    return null\n  }\n\n  const {\n    sourceTableSqlColumnName: sourceExploreDataSqlColumnName,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  } = btnConfig\n\n  const exploreDataSql = sourceExploreDataSqlColumnName\n    ? getValueFromData(schema, data, sourceExploreDataSqlColumnName)\n    : null\n  const allSelectedFacets = getAllSelectedFacets(\n    schema,\n    data,\n    selectedFacetConfigs,\n    staticSelectedFacets,\n  )\n  const hasSelectedFacets = exploreDataSql && allSelectedFacets.length > 0\n\n  return hasSelectedFacets\n    ? await generateEncodedPathAndQueryForSelectedFacetURL(\n        path,\n        exploreDataSql,\n        allSelectedFacets,\n      )\n    : path\n}\n"],"mappings":";;;;;AAaA,IAAM,IAA6B,WAE7B,KAAgB,MAChB,IAAM,MAAkB,EAAI,eAAe,IAOxC,IANqB,KAAK,aAAa,CAAC,GAAG;CAChD,uBAAuB;CACvB,uBAAuB;CACvB,UAAU;CACV,eAAe;AACjB,CACO,EAAgB,OAAO,CAAG,GAG7B,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAc,EAAO,IACvB;CAOJ,OANI,MAAgB,KAAA,KAClB,QAAQ,MAAM,+BAA+B,GAAY,GACzD,IAAc,QAEd,IAAc,EAAK,IAEd;AACT,GAEM,KACJ,GACA,GACA,MAEO,EAAY,KAAI,MAAc;CACnC,IAAM,EAAE,eAAY,aAAU,GACxB,IAAa,EAAiB,GAAQ,GAAM,CAAU;CAO5D,OAAO;EALE;EACP,OAAO,IACH,EAAa,OAAO,CAAU,CAAC,IAC/B;CAEC;AACT,CAAC,GAGG,KACJ,GACA,GACA,MACG;CACH,IAAM,IAAoB,EACxB,GACA,GACA,CACF;CAOA,OAAO;EALL,OAAO;EACP,OAAO,IACH,EAAW,EAAM,OAAO,CAAiB,CAAC,GAAG,YAAY,IACzD;CAEC;AACT,GAEa,KACX,GACA,GACA,GACA,OAEO;CACL,aAAa,EACX,GACA,GACA,EAAqB,qBACvB;CACA,iBAAiB,EACf,GACA,GACA,EAAqB,yBACvB;CACA,aAAa,EACX,GACA,GACA,EAAqB,qBACvB;CACA,OAAO,EAAmB,GAAQ,GAAM,CAAW;AACrD,IAGI,KACJ,GACA,GACA,GACA,MACoB;CACpB,IAAM,IAAqC,IACvC,CAAC,GAAG,CAAoB,IACxB,CAAC;CAkBL,OAhBI,KACF,EAAqB,SAAQ,MAAuB;EAClD,IAAM,IACJ,EAAoB,uBAChB,IAAa,IACf,EAAiB,GAAQ,GAAM,CAA8B,IAC7D;EACJ,AAAI,KACF,EAAkB,KAAK;GACrB,OAAO,EAAoB;GACf;EACd,CAAC;CAEL,CAAC,GAGI;AACT,GAEa,IAAsC,OACjD,GACA,GACA,MAC2B;CAC3B,IAAI,CAAC,GAAW,OAAO;CACvB,IAAM,IAAO,EACX,GACA,GACA,EAAU,yBACZ;CACA,IAAI,CAAC,GAIH,OAHA,QAAQ,KACN,mFAAmF,EAAU,2BAC/F,GACO;CAGT,IAAM,EACJ,0BAA0B,GAC1B,yBACA,4BACE,GAEE,IAAiB,IACnB,EAAiB,GAAQ,GAAM,CAA8B,IAC7D,MACE,IAAoB,EACxB,GACA,GACA,GACA,CACF;CAGA,OAF0B,KAAkB,EAAkB,SAAS,IAGnE,MAAM,EACJ,GACA,GACA,CACF,IACA;AACN"}

package/dist/components/RenderIfInView/RenderIfInView.js.map

@@ -1 +1 @@
-{"version":3,"file":"RenderIfInView.js","names":[],"sources":["../../../src/components/RenderIfInView/RenderIfInView.tsx"],"sourcesContent":["import VisibilityObserver from '@/components/utils/VisibilityObserver'\nimport { Component, PropsWithChildren } from 'react'\n\nexport class RenderIfInView extends Component<PropsWithChildren<unknown>> {\n  public render() {\n    return <VisibilityObserver renderInView={this.getChildren} />\n  }\n\n  private getChildren = () => {\n    return <>{this.props.children}</>\n  }\n}\n\nexport default RenderIfInView\n"],"mappings":";;;;AAGA,IAAa,IAAb,cAAoC,EAAsC;CACxE,SAAgB;AACd,SAAO,kBAAC,GAAD,EAAoB,cAAc,KAAK,aAAe,CAAA;;CAG/D,oBACS,kBAAA,GAAA,EAAA,UAAG,KAAK,MAAM,UAAY,CAAA"}
+{"version":3,"file":"RenderIfInView.js","names":[],"sources":["../../../src/components/RenderIfInView/RenderIfInView.tsx"],"sourcesContent":["import VisibilityObserver from '@/components/utils/VisibilityObserver'\nimport { Component, PropsWithChildren } from 'react'\n\nexport class RenderIfInView extends Component<PropsWithChildren<unknown>> {\n  public render() {\n    return <VisibilityObserver renderInView={this.getChildren} />\n  }\n\n  private getChildren = () => {\n    return <>{this.props.children}</>\n  }\n}\n\nexport default RenderIfInView\n"],"mappings":";;;;AAGA,IAAa,IAAb,cAAoC,EAAsC;CACxE,SAAgB;EACd,OAAO,kBAAC,GAAD,EAAoB,cAAc,KAAK,YAAc,CAAA;CAC9D;CAEA,oBACS,kBAAA,GAAA,EAAA,UAAG,KAAK,MAAM,SAAW,CAAA;AAEpC"}

package/dist/components/ResizableContainer/ResizableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResizableContainer.js","names":[],"sources":["../../../src/components/ResizableContainer/ResizableContainer.tsx"],"sourcesContent":["import { Box, SxProps, Theme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void\n  sx?: SxProps<Theme>\n}\n\nexport function ResizeHandle({ onMouseDown, sx }: ResizeHandleProps) {\n  return (\n    <Box\n      onMouseDown={onMouseDown}\n      sx={{\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n        width: 20,\n        height: 20,\n        cursor: 'se-resize',\n        // Add a simple diagonal lines to indicate resize handle\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          right: 7,\n          bottom: 7,\n          width: 5,\n          height: 5,\n          borderRight: '2px solid #999',\n          borderBottom: '2px solid #999',\n        },\n        ...sx,\n      }}\n    />\n  )\n}\n\nexport interface ResizableContainerProps {\n  children: ReactNode\n  width: number\n  height: number\n  onResizeStart: (e: React.MouseEvent) => void\n  showResizeHandle?: boolean\n  resizeHandleSx?: SxProps<Theme>\n  sx?: SxProps<Theme>\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function ResizableContainer({\n  children,\n  width,\n  height,\n  onResizeStart,\n  showResizeHandle = true,\n  resizeHandleSx,\n  sx,\n}: ResizableContainerProps) {\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: `${width}px`,\n        height: `${height}px`,\n        ...sx,\n      }}\n    >\n      {children}\n      {showResizeHandle && (\n        <ResizeHandle onMouseDown={onResizeStart} sx={resizeHandleSx} />\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAQA,SAAgB,EAAa,EAAE,gBAAa,SAAyB;AACnE,QACE,kBAAC,GAAD;EACe;EACb,IAAI;GACF,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GAER,aAAa;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,aAAa;IACb,cAAc;IACf;GACD,GAAG;GACJ;EACD,CAAA;;AAeN,SAAgB,EAAmB,EACjC,aACA,UACA,WACA,kBACA,sBAAmB,IACnB,mBACA,SAC0B;AAC1B,QACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,OAAO,GAAG,EAAM;GAChB,QAAQ,GAAG,EAAO;GAClB,GAAG;GACJ;YANH,CAQG,GACA,KACC,kBAAC,GAAD;GAAc,aAAa;GAAe,IAAI;GAAkB,CAAA,CAE9D"}
+{"version":3,"file":"ResizableContainer.js","names":[],"sources":["../../../src/components/ResizableContainer/ResizableContainer.tsx"],"sourcesContent":["import { Box, SxProps, Theme } from '@mui/material'\nimport { ReactNode } from 'react'\n\nexport interface ResizeHandleProps {\n  onMouseDown: (e: React.MouseEvent) => void\n  sx?: SxProps<Theme>\n}\n\nexport function ResizeHandle({ onMouseDown, sx }: ResizeHandleProps) {\n  return (\n    <Box\n      onMouseDown={onMouseDown}\n      sx={{\n        position: 'absolute',\n        bottom: 0,\n        right: 0,\n        width: 20,\n        height: 20,\n        cursor: 'se-resize',\n        // Add a simple diagonal lines to indicate resize handle\n        '&::before': {\n          content: '\"\"',\n          position: 'absolute',\n          right: 7,\n          bottom: 7,\n          width: 5,\n          height: 5,\n          borderRight: '2px solid #999',\n          borderBottom: '2px solid #999',\n        },\n        ...sx,\n      }}\n    />\n  )\n}\n\nexport interface ResizableContainerProps {\n  children: ReactNode\n  width: number\n  height: number\n  onResizeStart: (e: React.MouseEvent) => void\n  showResizeHandle?: boolean\n  resizeHandleSx?: SxProps<Theme>\n  sx?: SxProps<Theme>\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function ResizableContainer({\n  children,\n  width,\n  height,\n  onResizeStart,\n  showResizeHandle = true,\n  resizeHandleSx,\n  sx,\n}: ResizableContainerProps) {\n  return (\n    <Box\n      sx={{\n        position: 'relative',\n        width: `${width}px`,\n        height: `${height}px`,\n        ...sx,\n      }}\n    >\n      {children}\n      {showResizeHandle && (\n        <ResizeHandle onMouseDown={onResizeStart} sx={resizeHandleSx} />\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAQA,SAAgB,EAAa,EAAE,gBAAa,SAAyB;CACnE,OACE,kBAAC,GAAD;EACe;EACb,IAAI;GACF,UAAU;GACV,QAAQ;GACR,OAAO;GACP,OAAO;GACP,QAAQ;GACR,QAAQ;GAER,aAAa;IACX,SAAS;IACT,UAAU;IACV,OAAO;IACP,QAAQ;IACR,OAAO;IACP,QAAQ;IACR,aAAa;IACb,cAAc;GAChB;GACA,GAAG;EACL;CACD,CAAA;AAEL;AAaA,SAAgB,EAAmB,EACjC,aACA,UACA,WACA,kBACA,sBAAmB,IACnB,mBACA,SAC0B;CAC1B,OACE,kBAAC,GAAD;EACE,IAAI;GACF,UAAU;GACV,OAAO,GAAG,EAAM;GAChB,QAAQ,GAAG,EAAO;GAClB,GAAG;EACL;YANF,CAQG,GACA,KACC,kBAAC,GAAD;GAAc,aAAa;GAAe,IAAI;EAAiB,CAAA,CAE9D;;AAET"}

package/dist/components/ResizableContainer/hooks/useResizable.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResizable.js","names":[],"sources":["../../../../src/components/ResizableContainer/hooks/useResizable.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface ResizableOptions {\n  initialWidth?: number\n  initialHeight?: number\n  minWidth?: number\n  minHeight?: number\n  maxWidth?: number\n  maxHeight?: number\n  onResize?: (size: { width: number; height: number }) => void\n}\n\nexport interface ResizableState {\n  width: number\n  height: number\n  isResizing: boolean\n}\n\nexport interface ResizableHandlers {\n  handleResizeStart: (e: React.MouseEvent) => void\n  setSize: (size: { width: number; height: number }) => void\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function useResizable(\n  options: ResizableOptions = {},\n): ResizableState & ResizableHandlers {\n  const {\n    initialWidth = 600,\n    initialHeight = 500,\n    minWidth = 300,\n    minHeight = 200,\n    maxWidth = 1200,\n    maxHeight = 800,\n    onResize,\n  } = options\n\n  const [size, setSize] = useState({\n    width: initialWidth,\n    height: initialHeight,\n  })\n  const [isResizing, setIsResizing] = useState(false)\n  const resizeStartRef = useRef<{\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null>(null)\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsResizing(true)\n      resizeStartRef.current = {\n        x: e.clientX,\n        y: e.clientY,\n        width: size.width,\n        height: size.height,\n      }\n    },\n    [size],\n  )\n\n  const handleResizeMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing || !resizeStartRef.current) return\n\n      const deltaX = e.clientX - resizeStartRef.current.x\n      const deltaY = e.clientY - resizeStartRef.current.y\n\n      const newWidth = Math.max(\n        minWidth,\n        Math.min(maxWidth, resizeStartRef.current.width + deltaX),\n      )\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, resizeStartRef.current.height + deltaY),\n      )\n\n      const newSize = { width: newWidth, height: newHeight }\n      setSize(newSize)\n      onResize?.(newSize)\n    },\n    [isResizing, minWidth, maxWidth, minHeight, maxHeight, onResize],\n  )\n\n  const handleResizeEnd = useCallback(() => {\n    setIsResizing(false)\n    resizeStartRef.current = null\n  }, [])\n\n  useEffect(() => {\n    if (isResizing) {\n      document.addEventListener('mousemove', handleResizeMove)\n      document.addEventListener('mouseup', handleResizeEnd)\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleResizeMove)\n      document.removeEventListener('mouseup', handleResizeEnd)\n    }\n  }, [isResizing, handleResizeMove, handleResizeEnd])\n\n  return {\n    width: size.width,\n    height: size.height,\n    isResizing,\n    handleResizeStart,\n    setSize,\n  }\n}\n"],"mappings":";;AAwBA,SAAgB,EACd,IAA4B,EAAE,EACM;CACpC,IAAM,EACJ,kBAAe,KACf,mBAAgB,KAChB,cAAW,KACX,eAAY,KACZ,cAAW,MACX,eAAY,KACZ,gBACE,GAEE,CAAC,GAAM,KAAW,EAAS;EAC/B,OAAO;EACP,QAAQ;EACT,CAAC,EACI,CAAC,GAAY,KAAiB,EAAS,GAAM,EAC7C,IAAiB,EAKb,KAAK,EAET,IAAoB,GACvB,MAAwB;AAIvB,EAHA,EAAE,gBAAgB,EAClB,EAAE,iBAAiB,EACnB,EAAc,GAAK,EACnB,EAAe,UAAU;GACvB,GAAG,EAAE;GACL,GAAG,EAAE;GACL,OAAO,EAAK;GACZ,QAAQ,EAAK;GACd;IAEH,CAAC,EAAK,CACP,EAEK,IAAmB,GACtB,MAAkB;AACjB,MAAI,CAAC,KAAc,CAAC,EAAe,QAAS;EAE5C,IAAM,IAAS,EAAE,UAAU,EAAe,QAAQ,GAC5C,IAAS,EAAE,UAAU,EAAe,QAAQ,GAW5C,IAAU;GAAE,OATD,KAAK,IACpB,GACA,KAAK,IAAI,GAAU,EAAe,QAAQ,QAAQ,EAAO,CAOlC;GAAU,QALjB,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,EAAe,QAAQ,SAAS,EAAO,CAGlB;GAAW;AAEtD,EADA,EAAQ,EAAQ,EAChB,IAAW,EAAQ;IAErB;EAAC;EAAY;EAAU;EAAU;EAAW;EAAW;EAAS,CACjE,EAEK,IAAkB,QAAkB;AAExC,EADA,EAAc,GAAM,EACpB,EAAe,UAAU;IACxB,EAAE,CAAC;AAaN,QAXA,SACM,MACF,SAAS,iBAAiB,aAAa,EAAiB,EACxD,SAAS,iBAAiB,WAAW,EAAgB,SAE1C;AAEX,EADA,SAAS,oBAAoB,aAAa,EAAiB,EAC3D,SAAS,oBAAoB,WAAW,EAAgB;KAEzD;EAAC;EAAY;EAAkB;EAAgB,CAAC,EAE5C;EACL,OAAO,EAAK;EACZ,QAAQ,EAAK;EACb;EACA;EACA;EACD"}
+{"version":3,"file":"useResizable.js","names":[],"sources":["../../../../src/components/ResizableContainer/hooks/useResizable.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\n\nexport interface ResizableOptions {\n  initialWidth?: number\n  initialHeight?: number\n  minWidth?: number\n  minHeight?: number\n  maxWidth?: number\n  maxHeight?: number\n  onResize?: (size: { width: number; height: number }) => void\n}\n\nexport interface ResizableState {\n  width: number\n  height: number\n  isResizing: boolean\n}\n\nexport interface ResizableHandlers {\n  handleResizeStart: (e: React.MouseEvent) => void\n  setSize: (size: { width: number; height: number }) => void\n}\n\n/** See DraggableDialog for an example on how to use useResizable with a ResizableContainer */\nexport function useResizable(\n  options: ResizableOptions = {},\n): ResizableState & ResizableHandlers {\n  const {\n    initialWidth = 600,\n    initialHeight = 500,\n    minWidth = 300,\n    minHeight = 200,\n    maxWidth = 1200,\n    maxHeight = 800,\n    onResize,\n  } = options\n\n  const [size, setSize] = useState({\n    width: initialWidth,\n    height: initialHeight,\n  })\n  const [isResizing, setIsResizing] = useState(false)\n  const resizeStartRef = useRef<{\n    x: number\n    y: number\n    width: number\n    height: number\n  } | null>(null)\n\n  const handleResizeStart = useCallback(\n    (e: React.MouseEvent) => {\n      e.preventDefault()\n      e.stopPropagation()\n      setIsResizing(true)\n      resizeStartRef.current = {\n        x: e.clientX,\n        y: e.clientY,\n        width: size.width,\n        height: size.height,\n      }\n    },\n    [size],\n  )\n\n  const handleResizeMove = useCallback(\n    (e: MouseEvent) => {\n      if (!isResizing || !resizeStartRef.current) return\n\n      const deltaX = e.clientX - resizeStartRef.current.x\n      const deltaY = e.clientY - resizeStartRef.current.y\n\n      const newWidth = Math.max(\n        minWidth,\n        Math.min(maxWidth, resizeStartRef.current.width + deltaX),\n      )\n      const newHeight = Math.max(\n        minHeight,\n        Math.min(maxHeight, resizeStartRef.current.height + deltaY),\n      )\n\n      const newSize = { width: newWidth, height: newHeight }\n      setSize(newSize)\n      onResize?.(newSize)\n    },\n    [isResizing, minWidth, maxWidth, minHeight, maxHeight, onResize],\n  )\n\n  const handleResizeEnd = useCallback(() => {\n    setIsResizing(false)\n    resizeStartRef.current = null\n  }, [])\n\n  useEffect(() => {\n    if (isResizing) {\n      document.addEventListener('mousemove', handleResizeMove)\n      document.addEventListener('mouseup', handleResizeEnd)\n    }\n    return () => {\n      document.removeEventListener('mousemove', handleResizeMove)\n      document.removeEventListener('mouseup', handleResizeEnd)\n    }\n  }, [isResizing, handleResizeMove, handleResizeEnd])\n\n  return {\n    width: size.width,\n    height: size.height,\n    isResizing,\n    handleResizeStart,\n    setSize,\n  }\n}\n"],"mappings":";;AAwBA,SAAgB,EACd,IAA4B,CAAC,GACO;CACpC,IAAM,EACJ,kBAAe,KACf,mBAAgB,KAChB,cAAW,KACX,eAAY,KACZ,cAAW,MACX,eAAY,KACZ,gBACE,GAEE,CAAC,GAAM,KAAW,EAAS;EAC/B,OAAO;EACP,QAAQ;CACV,CAAC,GACK,CAAC,GAAY,KAAiB,EAAS,EAAK,GAC5C,IAAiB,EAKb,IAAI,GAER,IAAoB,GACvB,MAAwB;EAIvB,AAHA,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAClB,EAAc,EAAI,GAClB,EAAe,UAAU;GACvB,GAAG,EAAE;GACL,GAAG,EAAE;GACL,OAAO,EAAK;GACZ,QAAQ,EAAK;EACf;CACF,GACA,CAAC,CAAI,CACP,GAEM,IAAmB,GACtB,MAAkB;EACjB,IAAI,CAAC,KAAc,CAAC,EAAe,SAAS;EAE5C,IAAM,IAAS,EAAE,UAAU,EAAe,QAAQ,GAC5C,IAAS,EAAE,UAAU,EAAe,QAAQ,GAW5C,IAAU;GAAE,OATD,KAAK,IACpB,GACA,KAAK,IAAI,GAAU,EAAe,QAAQ,QAAQ,CAAM,CAOjC;GAAU,QALjB,KAAK,IACrB,GACA,KAAK,IAAI,GAAW,EAAe,QAAQ,SAAS,CAAM,CAGjB;EAAU;EAErD,AADA,EAAQ,CAAO,GACf,IAAW,CAAO;CACpB,GACA;EAAC;EAAY;EAAU;EAAU;EAAW;EAAW;CAAQ,CACjE,GAEM,IAAkB,QAAkB;EAExC,AADA,EAAc,EAAK,GACnB,EAAe,UAAU;CAC3B,GAAG,CAAC,CAAC;CAaL,OAXA,SACM,MACF,SAAS,iBAAiB,aAAa,CAAgB,GACvD,SAAS,iBAAiB,WAAW,CAAe,UAEzC;EAEX,AADA,SAAS,oBAAoB,aAAa,CAAgB,GAC1D,SAAS,oBAAoB,WAAW,CAAe;CACzD,IACC;EAAC;EAAY;EAAkB;CAAe,CAAC,GAE3C;EACL,OAAO,EAAK;EACZ,QAAQ,EAAK;EACb;EACA;EACA;CACF;AACF"}

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

@@ -1 +1 @@
-{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/*\n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,EAAE;AACrC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,EAAS;cAGhC,EAAG;IACG,EAHF,EAAG,KAGD,CAEX,EAKF,kBAAC,UAAD,EAAQ,WAAU,YAAa,CAAA,CAC3B;MACN,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;AAC5B,WACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;MAAU,CAAA;KAChD,EAFI,EAEJ;KAET;GACE,CAAA,CACF"}
+{"version":3,"file":"Resources.Desktop.js","names":[],"sources":["../../../src/components/Resources/Resources.Desktop.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport { useState } from 'react'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\n\nexport type ResourcesDesktopProps = {\n  data: Data\n}\n\nexport default function ResourcesDesktop({ data }: ResourcesDesktopProps) {\n  const [index, setIndex] = useState(0)\n  return (\n    <div className=\"control-container\">\n      <div className=\"button-container\">\n        {data?.map((el, curIndex) => {\n          return (\n            <button\n              className={index === curIndex ? 'isSelected' : ''}\n              onClick={() => setIndex(curIndex)}\n              key={el.name}\n            >\n              {el.name}\n            </button>\n          )\n        })}\n        {/*\n            This button keeps the border line in the button container running from top to bottom,\n            it doesn't have any functionality.\n          */}\n        <button className=\"gap-fill\" />\n      </div>\n      <div className=\"content-container\">\n        {data?.map((el, curIndex) => {\n          const { ownerId, wikiId } = el\n          return (\n            <span key={ownerId} className={index === curIndex ? '' : 'hide'}>\n              <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n            </span>\n          )\n        })}\n      </div>\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAiB,EAAE,WAA+B;CACxE,IAAM,CAAC,GAAO,KAAY,EAAS,CAAC;CACpC,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,GAAM,KAAK,GAAI,MAEZ,kBAAC,UAAD;IACE,WAAW,MAAU,IAAW,eAAe;IAC/C,eAAe,EAAS,CAAQ;cAG/B,EAAG;GACE,GAHD,EAAG,IAGF,CAEX,GAKD,kBAAC,UAAD,EAAQ,WAAU,WAAY,CAAA,CAC3B;MACL,kBAAC,OAAD;GAAK,WAAU;aACZ,GAAM,KAAK,GAAI,MAAa;IAC3B,IAAM,EAAE,YAAS,cAAW;IAC5B,OACE,kBAAC,QAAD;KAAoB,WAAW,MAAU,IAAW,KAAK;eACvD,kBAAC,GAAD;MAA0B;MAAiB;KAAS,CAAA;IAChD,GAFK,CAEL;GAEV,CAAC;EACE,CAAA,CACF;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"Resources.Mobile.js","names":[],"sources":["../../../src/components/Resources/Resources.Mobile.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport type ResourcesMobileProps = {\n  data: Data\n}\n\nexport default function ResourcesMobile({ data }: ResourcesMobileProps) {\n  return (\n    <div className=\"Resources_Mobile\">\n      {data.map(({ name, ownerId, wikiId }) => {\n        const title = <> {name} </>\n        const markdown = <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n        return <ExpandableContent key={name} title={title} content={markdown} />\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAgB,EAAE,WAA8B;AACtE,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAK,KAAK,EAAE,SAAM,YAAS,gBAGnB,kBAAC,GAAD;GAAqC,OAF9B,kBAAA,GAAA,EAAA,UAAA;IAAE;IAAE;IAAK;IAAI,EAAA,CAEiB;GAAO,SADlC,kBAAC,GAAD;IAA0B;IAAiB;IAAU,CACV;GAAY,EAAzC,EAAyC,CACxE;EACE,CAAA"}
+{"version":3,"file":"Resources.Mobile.js","names":[],"sources":["../../../src/components/Resources/Resources.Mobile.tsx"],"sourcesContent":["import { Data } from './Resources'\nimport MarkdownSynapse from '../Markdown/MarkdownSynapse'\nimport ExpandableContent from '../home_page/ExpandableContent'\n\nexport type ResourcesMobileProps = {\n  data: Data\n}\n\nexport default function ResourcesMobile({ data }: ResourcesMobileProps) {\n  return (\n    <div className=\"Resources_Mobile\">\n      {data.map(({ name, ownerId, wikiId }) => {\n        const title = <> {name} </>\n        const markdown = <MarkdownSynapse ownerId={ownerId} wikiId={wikiId} />\n        return <ExpandableContent key={name} title={title} content={markdown} />\n      })}\n    </div>\n  )\n}\n"],"mappings":";;;;AAQA,SAAwB,EAAgB,EAAE,WAA8B;CACtE,OACE,kBAAC,OAAD;EAAK,WAAU;YACZ,EAAK,KAAK,EAAE,SAAM,YAAS,gBAGnB,kBAAC,GAAD;GAAqC,OAF9B,kBAAA,GAAA,EAAA,UAAA;IAAE;IAAE;IAAK;GAAG,EAAA,CAEkB;GAAO,SADlC,kBAAC,GAAD;IAA0B;IAAiB;GAAS,CACT;EAAW,GAAxC,CAAwC,CACxE;CACE,CAAA;AAET"}

package/dist/components/Resources/Resources.js

@@ -8,19 +8,16 @@ import i from "./Resources.Desktop.js";
 import a from "./Resources.Mobile.js";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 //#region src/components/Resources/Resources.tsx
-var c = /* @__PURE__ */ function(e) {
-	return e.NAME = "Name", e.WIKI = "Wiki", e;
-}(c || {});
-function l(l) {
-	let { entityId: u } = l, d = t(), { data: f, error: p } = r({
+function c(c) {
+	let { entityId: l } = c, u = t(), { data: d, error: f } = r({
 		concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
-		entityId: u,
+		entityId: l,
 		partMask: 5,
-		query: { sql: `SELECT Name, Wiki FROM ${u} ORDER BY ItemOrder` }
-	}), m = n(c.NAME, f), h = n(c.WIKI, f), g = f?.queryResult?.queryResults.rows.map((e) => {
+		query: { sql: `SELECT Name, Wiki FROM ${l} ORDER BY ItemOrder` }
+	}), p = n("Name", d), m = n("Wiki", d), h = d?.queryResult?.queryResults.rows.map((e) => {
 		let t = e.values;
 		t.some((e) => e === null) && console.warn("Row has null value(s) when no nulls expected");
-		let n = t[m], r = (t[h] ?? "").split("/");
+		let n = t[p], r = (t[m] ?? "").split("/");
 		return {
 			name: n,
 			ownerId: r[0],
@@ -29,10 +26,10 @@ function l(l) {
 	}) ?? [];
 	return /* @__PURE__ */ s("div", {
 		className: "Resources",
-		children: [/* @__PURE__ */ o(e, { error: p }), o(d ? i : a, { data: g })]
+		children: [/* @__PURE__ */ o(e, { error: f }), o(u ? i : a, { data: h })]
 	});
 }
 //#endregion
-export { l as Resources, l as default };
+export { c as Resources, c as default };
 
 //# sourceMappingURL=Resources.js.map

package/dist/components/Resources/Resources.js.map

@@ -1 +1 @@
-{"version":3,"file":"Resources.js","names":[],"sources":["../../../src/components/Resources/Resources.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport ResourcesDesktop from './Resources.Desktop'\nimport ResourcesMobile from './Resources.Mobile'\n\nexport type ResourcesProps = {\n  entityId: string\n}\n\nenum ExpectedColumns {\n  NAME = 'Name',\n  WIKI = 'Wiki',\n}\n\nexport type Data = {\n  name: string\n  ownerId: string\n  wikiId: string\n}[]\n\nexport function Resources(props: ResourcesProps) {\n  const { entityId } = props\n  const showDesktop = useShowDesktop()\n\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `SELECT Name, Wiki FROM ${entityId} ORDER BY ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle, error } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const nameIndex = getFieldIndex(ExpectedColumns.NAME, queryResultBundle)\n  const wikiIndex = getFieldIndex(ExpectedColumns.WIKI, queryResultBundle)\n  const data: Data =\n    queryResultBundle?.queryResult?.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const name = values[nameIndex]\n      const wikiValue = values[wikiIndex] ?? ''\n      const split = wikiValue.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      return {\n        name,\n        ownerId,\n        wikiId,\n      }\n    }) ?? []\n  return (\n    <div className=\"Resources\">\n      <ErrorBanner error={error} />\n      {showDesktop ? (\n        <ResourcesDesktop data={data} />\n      ) : (\n        <ResourcesMobile data={data} />\n      )}\n    </div>\n  )\n}\n\nexport default Resources\n"],"mappings":";;;;;;;;;;AAaA,IAAK,IAAL,yBAAA,GAAA;QACE,EAAA,OAAO,QACP,EAAA,OAAO;EAFJ,KAAA,EAAA,CAGJ;AAQD,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,gBAAa,GACf,IAAc,GAAgB,EAY9B,EAAE,MAAM,GAAmB,aAC/B,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,0BAA0B,EAAS,sBACzC;EAGuB,CAAmB,EAEvC,IAAY,EAAc,EAAgB,MAAM,EAAkB,EAClE,IAAY,EAAc,EAAgB,MAAM,EAAkB,EAClE,IACJ,GAAmB,aAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;AAClB,EAAI,EAAO,MAAK,MAAS,MAAU,KAAK,IACtC,QAAQ,KAAK,+CAA+C;EAG9D,IAAM,IAAO,EAAO,IAEd,KADY,EAAO,MAAc,IACf,MAAM,IAAI;AAGlC,SAAO;GACL;GACA,SAJc,EAAM;GAKpB,QAJa,EAAM;GAKpB;GACD,IAAI,EAAE;AACV,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAoB,UAAS,CAAA,EAE3B,EADD,IACE,IAEA,GAFD,EAAwB,SAAQ,CAED,CAE7B"}
+{"version":3,"file":"Resources.js","names":[],"sources":["../../../src/components/Resources/Resources.tsx"],"sourcesContent":["import useGetQueryResultBundle from '@/synapse-queries/entity/useGetQueryResultBundle'\nimport { SynapseConstants } from '@/utils'\nimport { getFieldIndex } from '@/utils/functions/queryUtils'\nimport useShowDesktop from '@/utils/hooks/useShowDesktop'\nimport { QueryBundleRequest } from '@sage-bionetworks/synapse-types'\nimport { ErrorBanner } from '../error/ErrorBanner'\nimport ResourcesDesktop from './Resources.Desktop'\nimport ResourcesMobile from './Resources.Mobile'\n\nexport type ResourcesProps = {\n  entityId: string\n}\n\nenum ExpectedColumns {\n  NAME = 'Name',\n  WIKI = 'Wiki',\n}\n\nexport type Data = {\n  name: string\n  ownerId: string\n  wikiId: string\n}[]\n\nexport function Resources(props: ResourcesProps) {\n  const { entityId } = props\n  const showDesktop = useShowDesktop()\n\n  const queryBundleRequest: QueryBundleRequest = {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryBundleRequest',\n    entityId,\n    partMask:\n      SynapseConstants.BUNDLE_MASK_QUERY_SELECT_COLUMNS |\n      SynapseConstants.BUNDLE_MASK_QUERY_RESULTS,\n    query: {\n      sql: `SELECT Name, Wiki FROM ${entityId} ORDER BY ItemOrder`,\n    },\n  }\n  const { data: queryResultBundle, error } =\n    useGetQueryResultBundle(queryBundleRequest)\n\n  const nameIndex = getFieldIndex(ExpectedColumns.NAME, queryResultBundle)\n  const wikiIndex = getFieldIndex(ExpectedColumns.WIKI, queryResultBundle)\n  const data: Data =\n    queryResultBundle?.queryResult?.queryResults.rows.map(el => {\n      const values = el.values as string[]\n      if (values.some(value => value === null)) {\n        console.warn('Row has null value(s) when no nulls expected')\n      }\n\n      const name = values[nameIndex]\n      const wikiValue = values[wikiIndex] ?? ''\n      const split = wikiValue.split('/')\n      const ownerId = split[0]\n      const wikiId = split[2]\n      return {\n        name,\n        ownerId,\n        wikiId,\n      }\n    }) ?? []\n  return (\n    <div className=\"Resources\">\n      <ErrorBanner error={error} />\n      {showDesktop ? (\n        <ResourcesDesktop data={data} />\n      ) : (\n        <ResourcesMobile data={data} />\n      )}\n    </div>\n  )\n}\n\nexport default Resources\n"],"mappings":";;;;;;;;;;AAwBA,SAAgB,EAAU,GAAuB;CAC/C,IAAM,EAAE,gBAAa,GACf,IAAc,EAAe,GAY7B,EAAE,MAAM,GAAmB,aAC/B,EAAwB;EAVxB,cAAc;EACd;EACA,UACE;EAEF,OAAO,EACL,KAAK,0BAA0B,EAAS,qBAC1C;CAGwB,CAAkB,GAEtC,IAAY,EAAA,QAAoC,CAAiB,GACjE,IAAY,EAAA,QAAoC,CAAiB,GACjE,IACJ,GAAmB,aAAa,aAAa,KAAK,KAAI,MAAM;EAC1D,IAAM,IAAS,EAAG;EAClB,AAAI,EAAO,MAAK,MAAS,MAAU,IAAI,KACrC,QAAQ,KAAK,8CAA8C;EAG7D,IAAM,IAAO,EAAO,IAEd,KADY,EAAO,MAAc,IACf,MAAM,GAAG;EAGjC,OAAO;GACL;GACA,SAJc,EAAM;GAKpB,QAJa,EAAM;EAKrB;CACF,CAAC,KAAK,CAAC;CACT,OACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD,EAAoB,SAAQ,CAAA,GAE1B,EADD,IACE,IAEA,GAFD,EAAwB,QAAO,CAED,CAE7B;;AAET"}