synapse-react-client 4.0.24 → 4.0.26

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  Aggregation,\n  DslQuery,\n  SearchIndexQuery,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SynapseClientError,\n  TermsAggregation,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n// ─── Local OpenSearch DSL types ─────────────────────────────────────────────\n// Narrow typings for the OpenSearch structures we build (query DSL, sort) and\n// parse (aggregation results). These are intentionally minimal – only the fields\n// we actually produce/consume are declared. Aggregation types use the generated\n// Aggregation/TermsAggregation types from @sage-bionetworks/synapse-client.\n\nexport type SearchQueryStrategy =\n  | 'MULTI_MATCH'\n  | 'MULTI_MATCH_BEST_FIELDS'\n  | 'MULTI_MATCH_CROSS_FIELDS'\n  | 'SIMPLE_QUERY_STRING'\n  | 'PHRASE_PREFIX'\n  | 'BOOSTED_FUZZY'\n\nexport type SearchQueryConfig = {\n  /**\n   * Which OpenSearch query clause to emit when the user has typed a search term.\n   * Defaults to 'MULTI_MATCH' (all fields, fuzziness AUTO — today's behavior).\n   */\n  queryStrategy?: SearchQueryStrategy\n  /**\n   * Per-field relevance multipliers. Serialized to the OpenSearch `fields` array\n   * as e.g. `[\"resourceName^5\", \"synonyms^4\"]`. When omitted, all fields are\n   * queried at equal weight.\n   */\n  fieldBoosts?: Record<string, number>\n  /**\n   * Fuzziness override. Overrides the per-strategy default. Leave undefined to\n   * use each strategy's natural default (AUTO for MULTI_MATCH/BOOSTED_FUZZY,\n   * none for the rest).\n   */\n  fuzziness?: string\n}\n\ntype FilterClause =\n  | { terms: Record<string, string[]> }\n  | { range: Record<string, { gte?: string; lte?: string }> }\n\ntype MultiMatchClause = {\n  multi_match: {\n    query: string\n    fuzziness?: string\n    type?: 'best_fields' | 'cross_fields' | 'phrase_prefix'\n    fields?: string[]\n  }\n}\n\ntype SimpleQueryStringClause = {\n  simple_query_string: { query: string; fields?: string[] }\n}\n\ntype BoolQuery = {\n  bool: {\n    must?: MultiMatchClause[] | FilterClause[]\n    filter?: FilterClause[]\n  }\n}\n\n// post_filter / per-facet aggregation filter: a single FilterClause, match_all, or AND of many.\ntype SelectionFilter =\n  | FilterClause\n  | { match_all: Record<never, never> }\n  | { bool: { must: FilterClause[] } }\n\ntype SearchQueryDSL =\n  | MultiMatchClause\n  | SimpleQueryStringClause\n  | { match_all: Record<never, never> }\n  | BoolQuery\n\nfunction resolveFields(\n  fieldBoosts: Record<string, number> | undefined,\n): string[] | undefined {\n  if (!fieldBoosts) return undefined\n  return Object.entries(fieldBoosts).map(([field, boost]) =>\n    boost === 1 ? field : `${field}^${boost}`,\n  )\n}\n\nfunction buildQueryClause(\n  queryText: string,\n  config: SearchQueryConfig = {},\n): MultiMatchClause | SimpleQueryStringClause {\n  const { queryStrategy = 'MULTI_MATCH', fieldBoosts, fuzziness } = config\n  const fields = resolveFields(fieldBoosts)\n\n  switch (queryStrategy) {\n    case 'SIMPLE_QUERY_STRING':\n      return {\n        simple_query_string: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'MULTI_MATCH_BEST_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'best_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'MULTI_MATCH_CROSS_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'cross_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'PHRASE_PREFIX':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'phrase_prefix',\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'BOOSTED_FUZZY':\n      return {\n        multi_match: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n    default: // 'MULTI_MATCH'\n      return {\n        multi_match: {\n          query: queryText,\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n  }\n}\n\ntype OpenSearchBucket = { key: unknown; doc_count: number }\ntype OpenSearchTermsAgg = { buckets?: OpenSearchBucket[] }\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getNextPageParamForSearchQueryResults(\n  lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n  allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n): number | string | undefined {\n  const rowsInLastPage =\n    lastPage.responseBody?.queryResult?.queryResults.rows?.length ?? 0\n  const requestedPageSize = lastPage.requestBody?.searchQuery?.size\n  const totalRows = lastPage.responseBody?.queryCount\n  const fetchedRows = allPages.reduce(\n    (acc, page) =>\n      acc + (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n    0,\n  )\n\n  if (rowsInLastPage === 0) {\n    return undefined\n  }\n\n  // A short page means we've reached the end, even when total hits is missing or stale.\n  if (requestedPageSize != null && rowsInLastPage < requestedPageSize) {\n    return undefined\n  }\n\n  if (totalRows != null && fetchedRows >= totalRows) {\n    return undefined\n  }\n\n  return fetchedRows\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms or filter-wrapped aggregations)\n *  - query.selectedFacets (enumeration) → post_filter (terms clauses) + per-facet filter aggregations\n *  - query.selectedFacets (range)       → post_filter (range clauses) + included in all per-facet aggregation filters\n *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause\n *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])\n *  - query.limit → size\n *  - query.offset → from\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n *\n * Per-facet filter bucketing (OpenSearch \"faceted search\" pattern):\n *   When any facet selections are active, each enum aggregation is wrapped in an OpenSearch\n *   filter aggregation whose filter is the AND of all OTHER selections (its own selection is\n *   dropped so the column stays wide). post_filter = AND of ALL selections, narrowing hits/total\n *   only. This lets each selected facet column show the full set of option counts while all\n *   other columns narrow to the selection — in a single request.\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchIndexQuery {\n  // Build aggregations from ColumnModels that have facetType 'enumeration'.\n  // Range columns are excluded: we synthesize FacetColumnResultRange entries client-side.\n  // Aggregations are built lazily after filterClauses is populated so the per-facet\n  // filter wrapping logic has access to all active selections.\n\n  // Build filter clauses from enumeration selectedFacets\n  const filterClauses: FilterClause[] = []\n\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnValuesRequest =>\n        f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      filterClauses.push({ terms: { [f.columnName]: f.facetValues ?? [] } })\n    })\n\n  // Build range filter clauses from range selectedFacets.\n  // DATE columns: the Range UI emits formatted dates (\"YYYY-MM-DD\") but OpenSearch\n  // expects unix millisecond timestamps. Convert here.\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnRangeRequest =>\n        f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      const columnType = columnModels?.find(\n        cm => cm.name === f.columnName,\n      )?.columnType\n      const toApiValue = (v: string | undefined): string | undefined => {\n        if (!v || columnType !== 'DATE') return v\n        // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n          return String(dayjs(v).valueOf())\n        }\n        return v\n      }\n      const rangeClause: { gte?: string; lte?: string } = {}\n      const min = toApiValue(f.min)\n      const max = toApiValue(f.max)\n      if (min !== undefined) rangeClause.gte = min\n      if (max !== undefined) rangeClause.lte = max\n      filterClauses.push({ range: { [f.columnName]: rangeClause } })\n    })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Build the OpenSearch query DSL (text search only; facet selections go to post_filter).\n  let query: SearchQueryDSL\n  if (queryText) {\n    query = buildQueryClause(queryText, searchQueryConfig)\n  } else {\n    query = { match_all: {} }\n  }\n\n  // post_filter narrows hits/total by ALL active facet selections without affecting the\n  // aggregation counts. Each enum aggregation independently applies a per-facet filter\n  // (see aggregationEntries below) so each column stays wide for its own selection while\n  // all other columns narrow.\n  let postFilter: SelectionFilter | undefined\n  if (filterClauses.length === 1) {\n    postFilter = filterClauses[0]\n  } else if (filterClauses.length > 1) {\n    postFilter = { bool: { must: filterClauses } }\n  }\n\n  // Build aggregations. When selections are active, wrap each term's aggregation in an\n  // OpenSearch filter aggregation whose filter is ALL selections EXCEPT the one for this\n  // column. That keeps the column's own options wide while the others narrow.\n  const aggregationEntries = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const termsAgg: TermsAggregation = { field: cm.name, size: 100 }\n      if (cm.facetSortConfig?.property != null) {\n        // Map FacetColumnSortProperty ('VALUE'|'FREQUENCY') → OpenSearch order key ('_key'|'_count')\n        const orderKey =\n          cm.facetSortConfig.property === 'VALUE' ? '_key' : '_count'\n        const orderDir =\n          cm.facetSortConfig.direction === 'DESC' ? 'desc' : 'asc'\n        termsAgg.order = { [orderKey]: orderDir }\n      }\n\n      if (filterClauses.length === 0) {\n        // Baseline (no selections): plain terms aggregation, no wrapping needed.\n        return [cm.name, { terms: termsAgg }] as [string, Aggregation]\n      }\n\n      // Per-facet filter bucketing: exclude this column's own selection from the filter\n      // so it stays wide, while all other active selections narrow the counts.\n      const otherClauses = filterClauses.filter(clause => {\n        if ('terms' in clause) return !(cm.name in clause.terms)\n        if ('range' in clause) return !(cm.name in clause.range)\n        return true\n      })\n      const aggFilter: SelectionFilter =\n        otherClauses.length === 0\n          ? { match_all: {} }\n          : otherClauses.length === 1\n            ? otherClauses[0]\n            : { bool: { must: otherClauses } }\n      return [\n        cm.name,\n        {\n          filter: aggFilter,\n          aggregations: { [cm.name]: { terms: termsAgg } },\n        } as unknown as Aggregation,\n      ] as [string, Aggregation]\n    })\n  const aggregations =\n    aggregationEntries && aggregationEntries.length > 0\n      ? Object.fromEntries(aggregationEntries)\n      : undefined\n\n  // Map SortItem[] → OpenSearch sort shape: [{ columnName: 'asc'|'desc' }, ...]\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sortEntries = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ [s.column]: s.direction.toLowerCase() }))\n\n  const searchQuery: SearchSearchQuery = {\n    query: query as unknown as DslQuery,\n    post_filter: postFilter ? (postFilter as unknown as DslQuery) : undefined,\n    aggregations,\n    sort: sortEntries?.length ? sortEntries : undefined,\n    size: queryBundleRequest.query.limit,\n    from: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - aggregationResults → facets (parsed from opaque OpenSearch aggregation JSON)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n  selectedFacets?: (FacetColumnValuesRequest | FacetColumnRangeRequest)[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  // Parse aggregationResults (opaque OpenSearch aggregation JSON) into FacetColumnResultValues.\n  // Each key in aggregationResults corresponds to a column name whose aggregation was requested\n  // in toSearchIndexQuery. Two response shapes are possible:\n  //\n  //   Plain terms (no active selections):\n  //     { buckets: [{ key: unknown, doc_count: number }] }\n  //\n  //   Filter-wrapped terms (per-facet filter bucketing, selections active):\n  //     { doc_count: number, \"sterms#columnName\": { buckets: [...] } }\n  //\n  // We detect the shape by checking for a nested \"sterms#columnName\" property with buckets.\n  // OpenSearch prefixes the aggregation type to the name in the response (e.g. \"sterms#Program\").\n  const aggregationResults = results.aggregationResults as unknown as Record<\n    string,\n    OpenSearchTermsAgg | Record<string, OpenSearchTermsAgg>\n  > | null\n  const rawFacets: FacetColumnResultValues[] = Object.entries(\n    aggregationResults ?? {},\n  ).map(([columnName, agg]) => {\n    // Resolve the actual terms result: OpenSearch prefixes the agg type when it is\n    // nested inside a filter aggregation, producing a \"sterms#columnName\" key.\n    // Fall back to a direct [columnName] match (defensive), then to the agg itself\n    // for the plain (no-selection) terms shape.\n    const aggRecord = agg as Record<string, OpenSearchTermsAgg>\n    const nested = aggRecord[`sterms#${columnName}`] ?? aggRecord[columnName]\n    const termsAgg: OpenSearchTermsAgg =\n      nested?.buckets !== undefined ? nested : (agg as OpenSearchTermsAgg)\n    const selectedValues =\n      selectedFacets\n        ?.filter(\n          (f): f is FacetColumnValuesRequest =>\n            f.concreteType ===\n              FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE &&\n            f.columnName === columnName,\n        )\n        .flatMap(f => f.facetValues ?? []) ?? []\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnResultValues' as const,\n      facetType: 'enumeration' as const,\n      columnName,\n      facetValues: (termsAgg.buckets ?? []).map(b => ({\n        value: String(b.key),\n        count: b.doc_count,\n        isSelected: selectedValues.includes(String(b.key)),\n      })),\n    }\n  })\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search\n  // API's aggregations only produce terms (enumeration) results; range stats are unavailable\n  // server-side. columnMin/columnMax are left empty; selectedMin/selectedMax are taken\n  // directly from selectedFacets so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !rawFacets.some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = selectedFacets?.find(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE &&\n          f.columnName === cm.name,\n      )\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: rangeFilter?.min,\n        selectedMax: rangeFilter?.max,\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n    searchQueryConfig,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit aggregations from the row data query: facet aggregations are only needed\n      // in the metadata query. Removing them here keeps the row data query key stable\n      // while column models are loading, preventing an unnecessary re-fetch (and a brief\n      // loading flash) when column models first arrive.\n      aggregations: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // Aggregation results are returned automatically when aggregations is set on the query.\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n        queryBundleRequest.query.selectedFacets as\n          | (FacetColumnValuesRequest | FacetColumnRangeRequest)[]\n          | undefined,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        return getNextPageParamForSearchQueryResults(lastPage, allPages)\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            from: offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.query` is a `match_bool_prefix` clause scoped to `autocompleteFieldName`\n *  - `searchQuery._source` is set to `[autocompleteFieldName]` so only that field is returned\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchAutocompleteRequest: {\n              searchIndexId,\n              searchQuery: {\n                query: {\n                  match_bool_prefix: {\n                    [autocompleteFieldName]: { query: trimmed },\n                  },\n                },\n                _source: { includes: [autocompleteFieldName] },\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n        searchQueryConfig,\n      ),\n    [\n      keyFactory,\n      accessToken,\n      queryBundleRequest,\n      searchIndexId,\n      columnModels,\n      searchQueryConfig,\n    ],\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"SearchQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport { tableQueryUseQueryDefaults } from '@/synapse-queries'\nimport { useGetEntityBundle } from '@/synapse-queries/entity/useEntityBundle'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  AsynchronousJobStatus,\n  ColumnModel,\n  FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnRangeRequest,\n  FacetColumnResultRange,\n  FacetColumnResultValues,\n  FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n  FacetColumnValuesRequest,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n  SortItem,\n  TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n  TextMatchesQueryFilter,\n} from '@sage-bionetworks/synapse-types'\nimport type {\n  Aggregation,\n  DslQuery,\n  SearchIndexQuery,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SynapseClientError,\n  TermsAggregation,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport dayjs from 'dayjs'\nimport { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\n\n// ─── Local OpenSearch DSL types ─────────────────────────────────────────────\n// Narrow typings for the OpenSearch structures we build (query DSL, sort) and\n// parse (aggregation results). These are intentionally minimal – only the fields\n// we actually produce/consume are declared. Aggregation types use the generated\n// Aggregation/TermsAggregation types from @sage-bionetworks/synapse-client.\n\nexport type SearchQueryStrategy =\n  | 'MULTI_MATCH'\n  | 'MULTI_MATCH_BEST_FIELDS'\n  | 'MULTI_MATCH_CROSS_FIELDS'\n  | 'SIMPLE_QUERY_STRING'\n  | 'PHRASE_PREFIX'\n  | 'BOOSTED_FUZZY'\n\nexport type SearchQueryConfig = {\n  /**\n   * Which OpenSearch query clause to emit when the user has typed a search term.\n   * Defaults to 'MULTI_MATCH' (all fields, fuzziness AUTO — today's behavior).\n   */\n  queryStrategy?: SearchQueryStrategy\n  /**\n   * Per-field relevance multipliers. Serialized to the OpenSearch `fields` array\n   * as e.g. `[\"resourceName^5\", \"synonyms^4\"]`. When omitted, all fields are\n   * queried at equal weight.\n   */\n  fieldBoosts?: Record<string, number>\n  /**\n   * Fuzziness override. Overrides the per-strategy default. Leave undefined to\n   * use each strategy's natural default (AUTO for MULTI_MATCH/BOOSTED_FUZZY,\n   * none for the rest).\n   */\n  fuzziness?: string\n}\n\ntype FilterClause =\n  | { terms: Record<string, string[]> }\n  | { range: Record<string, { gte?: string; lte?: string }> }\n\ntype MultiMatchClause = {\n  multi_match: {\n    query: string\n    fuzziness?: string\n    type?: 'best_fields' | 'cross_fields' | 'phrase_prefix'\n    fields?: string[]\n  }\n}\n\ntype SimpleQueryStringClause = {\n  simple_query_string: { query: string; fields?: string[] }\n}\n\ntype BoolQuery = {\n  bool: {\n    must?: MultiMatchClause[] | FilterClause[]\n    filter?: FilterClause[]\n  }\n}\n\n// post_filter / per-facet aggregation filter: a single FilterClause, match_all, or AND of many.\ntype SelectionFilter =\n  | FilterClause\n  | { match_all: Record<never, never> }\n  | { bool: { must: FilterClause[] } }\n\ntype SearchQueryDSL =\n  | MultiMatchClause\n  | SimpleQueryStringClause\n  | { match_all: Record<never, never> }\n  | BoolQuery\n\nfunction resolveFields(\n  fieldBoosts: Record<string, number> | undefined,\n): string[] | undefined {\n  if (!fieldBoosts) return undefined\n  return Object.entries(fieldBoosts).map(([field, boost]) =>\n    boost === 1 ? field : `${field}^${boost}`,\n  )\n}\n\nfunction buildQueryClause(\n  queryText: string,\n  config: SearchQueryConfig = {},\n): MultiMatchClause | SimpleQueryStringClause {\n  const { queryStrategy = 'MULTI_MATCH', fieldBoosts, fuzziness } = config\n  const fields = resolveFields(fieldBoosts)\n\n  switch (queryStrategy) {\n    case 'SIMPLE_QUERY_STRING':\n      return {\n        simple_query_string: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'MULTI_MATCH_BEST_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'best_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'MULTI_MATCH_CROSS_FIELDS':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'cross_fields',\n          ...(fields ? { fields } : {}),\n          ...(fuzziness ? { fuzziness } : {}),\n        },\n      }\n    case 'PHRASE_PREFIX':\n      return {\n        multi_match: {\n          query: queryText,\n          type: 'phrase_prefix',\n          ...(fields ? { fields } : {}),\n        },\n      }\n    case 'BOOSTED_FUZZY':\n      return {\n        multi_match: {\n          query: queryText,\n          ...(fields ? { fields } : {}),\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n    default: // 'MULTI_MATCH'\n      return {\n        multi_match: {\n          query: queryText,\n          fuzziness: fuzziness ?? 'AUTO',\n        },\n      }\n  }\n}\n\ntype OpenSearchBucket = { key: unknown; doc_count: number }\ntype OpenSearchTermsAgg = { buckets?: OpenSearchBucket[] }\n\n/**\n * TanStack Query options for the SearchQueryServicesApi, mirroring TableQueryUseQueryOptions\n * but parameterised over SearchIndexQuery rather than QueryBundleRequest. This eliminates\n * `as unknown as` casts inside the implementation. A single cast to TableQueryUseQueryOptions\n * is still required at the boundary where SearchQueryWrapper assigns these into QueryContextType.\n */\nexport type SearchTableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getNextPageParamForSearchQueryResults(\n  lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n  allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n): number | string | undefined {\n  const rowsInLastPage =\n    lastPage.responseBody?.queryResult?.queryResults.rows?.length ?? 0\n  const requestedPageSize = lastPage.requestBody?.searchQuery?.size\n  const totalRows = lastPage.responseBody?.queryCount\n  const fetchedRows = allPages.reduce(\n    (acc, page) =>\n      acc + (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n    0,\n  )\n\n  if (rowsInLastPage === 0) {\n    return undefined\n  }\n\n  // A short page means we've reached the end, even when total hits is missing or stale.\n  if (requestedPageSize != null && rowsInLastPage < requestedPageSize) {\n    return undefined\n  }\n\n  if (totalRows != null && fetchedRows >= totalRows) {\n    return undefined\n  }\n\n  return fetchedRows\n}\n\n/**\n * Converts a QueryBundleRequest (used internally for state management) into a SearchIndexQuery\n * that can be sent to the SearchQueryServicesApi.\n *\n * Mapping:\n *  - columnModels (facetType 'enumeration') → aggregations (OpenSearch terms or filter-wrapped aggregations)\n *  - query.selectedFacets (enumeration) → post_filter (terms clauses) + per-facet filter aggregations\n *  - query.selectedFacets (range)       → post_filter (range clauses) + included in all per-facet aggregation filters\n *  - query.additionalFilters (TextMatchesQueryFilter) → multi_match query clause\n *  - query.sort → sort (SortItem { column, direction } → [{ column: 'asc'|'desc' }])\n *  - query.limit → size\n *  - query.offset → from\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n *\n * Per-facet filter bucketing (OpenSearch \"faceted search\" pattern):\n *   When any facet selections are active, each enum aggregation is wrapped in an OpenSearch\n *   filter aggregation whose filter is the AND of all OTHER selections (its own selection is\n *   dropped so the column stays wide). post_filter = AND of ALL selections, narrowing hits/total\n *   only. This lets each selected facet column show the full set of option counts while all\n *   other columns narrow to the selection — in a single request.\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchIndexQuery {\n  // Build aggregations from ColumnModels that have facetType 'enumeration'.\n  // Range columns are excluded: we synthesize FacetColumnResultRange entries client-side.\n  // Aggregations are built lazily after filterClauses is populated so the per-facet\n  // filter wrapping logic has access to all active selections.\n\n  // Build filter clauses from enumeration selectedFacets\n  const filterClauses: FilterClause[] = []\n\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnValuesRequest =>\n        f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      filterClauses.push({ terms: { [f.columnName]: f.facetValues ?? [] } })\n    })\n\n  // Build range filter clauses from range selectedFacets.\n  // DATE columns: the Range UI emits formatted dates (\"YYYY-MM-DD\") but OpenSearch\n  // expects unix millisecond timestamps. Convert here.\n  queryBundleRequest.query.selectedFacets\n    ?.filter(\n      (f): f is FacetColumnRangeRequest =>\n        f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n    )\n    .forEach(f => {\n      const columnType = columnModels?.find(\n        cm => cm.name === f.columnName,\n      )?.columnType\n      const toApiValue = (v: string | undefined): string | undefined => {\n        if (!v || columnType !== 'DATE') return v\n        // Convert \"YYYY-MM-DD\" → unix ms; leave already-numeric values untouched\n        if (/^\\d{4}-\\d{2}-\\d{2}$/.test(v)) {\n          return String(dayjs(v).valueOf())\n        }\n        return v\n      }\n      const rangeClause: { gte?: string; lte?: string } = {}\n      const min = toApiValue(f.min)\n      const max = toApiValue(f.max)\n      if (min !== undefined) rangeClause.gte = min\n      if (max !== undefined) rangeClause.lte = max\n      filterClauses.push({ range: { [f.columnName]: rangeClause } })\n    })\n\n  // Extract queryText by concatenating all TextMatchesQueryFilter searchExpression values\n  const textMatchesExpressions = queryBundleRequest.query.additionalFilters\n    ?.filter(\n      (f): f is TextMatchesQueryFilter =>\n        f.concreteType === TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE,\n    )\n    .map(f => f.searchExpression)\n    .filter((expr): expr is string => expr != null && expr.length > 0)\n  const queryText =\n    textMatchesExpressions && textMatchesExpressions.length > 0\n      ? textMatchesExpressions.join(' ')\n      : undefined\n\n  // Build the OpenSearch query DSL (text search only; facet selections go to post_filter).\n  let query: SearchQueryDSL\n  if (queryText) {\n    query = buildQueryClause(queryText, searchQueryConfig)\n  } else {\n    query = { match_all: {} }\n  }\n\n  // post_filter narrows hits/total by ALL active facet selections without affecting the\n  // aggregation counts. Each enum aggregation independently applies a per-facet filter\n  // (see aggregationEntries below) so each column stays wide for its own selection while\n  // all other columns narrow.\n  let postFilter: SelectionFilter | undefined\n  if (filterClauses.length === 1) {\n    postFilter = filterClauses[0]\n  } else if (filterClauses.length > 1) {\n    postFilter = { bool: { must: filterClauses } }\n  }\n\n  // Build aggregations. When selections are active, wrap each term's aggregation in an\n  // OpenSearch filter aggregation whose filter is ALL selections EXCEPT the one for this\n  // column. That keeps the column's own options wide while the others narrow.\n  const aggregationEntries = columnModels\n    ?.filter(cm => cm.facetType === 'enumeration')\n    .map(cm => {\n      const termsAgg: TermsAggregation = { field: cm.name, size: 100 }\n      if (cm.facetSortConfig?.property != null) {\n        // Map FacetColumnSortProperty ('VALUE'|'FREQUENCY') → OpenSearch order key ('_key'|'_count')\n        const orderKey =\n          cm.facetSortConfig.property === 'VALUE' ? '_key' : '_count'\n        const orderDir =\n          cm.facetSortConfig.direction === 'DESC' ? 'desc' : 'asc'\n        termsAgg.order = { [orderKey]: orderDir }\n      }\n\n      if (filterClauses.length === 0) {\n        // Baseline (no selections): plain terms aggregation, no wrapping needed.\n        return [cm.name, { terms: termsAgg }] as [string, Aggregation]\n      }\n\n      // Per-facet filter bucketing: exclude this column's own selection from the filter\n      // so it stays wide, while all other active selections narrow the counts.\n      const otherClauses = filterClauses.filter(clause => {\n        if ('terms' in clause) return !(cm.name in clause.terms)\n        if ('range' in clause) return !(cm.name in clause.range)\n        return true\n      })\n      const aggFilter: SelectionFilter =\n        otherClauses.length === 0\n          ? { match_all: {} }\n          : otherClauses.length === 1\n            ? otherClauses[0]\n            : { bool: { must: otherClauses } }\n      return [\n        cm.name,\n        {\n          filter: aggFilter,\n          aggregations: { [cm.name]: { terms: termsAgg } },\n        } as unknown as Aggregation,\n      ] as [string, Aggregation]\n    })\n  const aggregations =\n    aggregationEntries && aggregationEntries.length > 0\n      ? Object.fromEntries(aggregationEntries)\n      : undefined\n\n  // Map SortItem[] → OpenSearch sort shape: [{ columnName: 'asc'|'desc' }, ...]\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sortEntries = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ [s.column]: s.direction.toLowerCase() }))\n\n  const searchQuery: SearchSearchQuery = {\n    query: query as unknown as DslQuery,\n    post_filter: postFilter ? (postFilter as unknown as DslQuery) : undefined,\n    aggregations,\n    sort: sortEntries?.length ? sortEntries : undefined,\n    size: queryBundleRequest.query.limit,\n    from: queryBundleRequest.query.offset,\n  }\n\n  return {\n    concreteType:\n      'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n    searchIndexId,\n    searchQuery,\n  }\n}\n\n/**\n * Converts a SearchQueryResults (the actual API response) into a QueryResultBundle\n * so that existing subcomponents (FacetFilterControls, RowSetView, etc.) work unchanged.\n *\n * Mapping:\n *  - totalHits → queryCount\n *  - hits → queryResult.queryResults (rows derived from hit.rowId/rowVersion/fields)\n *  - aggregationResults → facets (parsed from opaque OpenSearch aggregation JSON)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\n  selectedFacets?: (FacetColumnValuesRequest | FacetColumnRangeRequest)[],\n): QueryResultBundle {\n  if (!results) {\n    return {\n      concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    }\n  }\n\n  // Derive column names from the server-returned selectColumns. Both the row data\n  // query and the metadata query request SELECT_COLUMNS, so this is always present.\n  const fieldNames: string[] =\n    results.selectColumns\n      ?.map(col => col.name)\n      .filter((n): n is string => !!n) ?? []\n\n  const headers = fieldNames.map(name => ({\n    name,\n    columnType:\n      columnModels?.find(cm => cm.name === name)?.columnType ??\n      ('STRING' as const),\n  }))\n\n  const rows = (results.hits ?? []).map(hit => ({\n    rowId: hit.rowId,\n    versionNumber: hit.rowVersion,\n    values: fieldNames.map(name => {\n      return hit.fields?.find(f => f.name === name)?.value ?? null\n    }),\n  }))\n\n  const queryResult =\n    headers.length > 0 || rows.length > 0\n      ? {\n          concreteType:\n            'org.sagebionetworks.repo.model.table.QueryResult' as const,\n          queryResults: {\n            concreteType:\n              'org.sagebionetworks.repo.model.table.RowSet' as const,\n            tableId: query.searchIndexId ?? '',\n            etag: '',\n            headers,\n            rows,\n          },\n        }\n      : undefined\n\n  // Parse aggregationResults (opaque OpenSearch aggregation JSON) into FacetColumnResultValues.\n  // Each key in aggregationResults corresponds to a column name whose aggregation was requested\n  // in toSearchIndexQuery. Two response shapes are possible:\n  //\n  //   Plain terms (no active selections):\n  //     { buckets: [{ key: unknown, doc_count: number }] }\n  //\n  //   Filter-wrapped terms (per-facet filter bucketing, selections active):\n  //     { doc_count: number, \"<type>#columnName\": { buckets: [...] } }\n  //\n  // OpenSearch prefixes the aggregation type to the name in the response. The prefix depends\n  // on the field type: \"sterms\" for string fields, \"lterms\" for long/integer fields, etc.\n  // We detect the shape by looking for any \"type#columnName\" key with a buckets property.\n  const aggregationResults = results.aggregationResults as unknown as Record<\n    string,\n    OpenSearchTermsAgg | Record<string, OpenSearchTermsAgg>\n  > | null\n  const rawFacets: FacetColumnResultValues[] = Object.entries(\n    aggregationResults ?? {},\n  ).map(([columnName, agg]) => {\n    // Resolve the actual terms result: OpenSearch prefixes the agg type when it is\n    // nested inside a filter aggregation, producing a \"sterms#columnName\" key.\n    // Fall back to a direct [columnName] match (defensive), then to the agg itself\n    // for the plain (no-selection) terms shape.\n    const aggRecord = agg as Record<string, OpenSearchTermsAgg>\n    // OpenSearch prefixes the aggregation type to the name when nested inside a filter\n    // aggregation. For string fields this is \"sterms#columnName\"; for long/integer fields\n    // it is \"lterms#columnName\". Rather than hardcoding known prefixes, look for any key\n    // ending in \"#columnName\" so that future numeric types (e.g. double) also work.\n    const nestedKey = Object.keys(aggRecord).find(key =>\n      key.endsWith(`#${columnName}`),\n    )\n    const nested =\n      (nestedKey !== undefined ? aggRecord[nestedKey] : undefined) ??\n      aggRecord[columnName]\n    const termsAgg: OpenSearchTermsAgg =\n      nested?.buckets !== undefined ? nested : (agg as OpenSearchTermsAgg)\n    const selectedValues =\n      selectedFacets\n        ?.filter(\n          (f): f is FacetColumnValuesRequest =>\n            f.concreteType ===\n              FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE &&\n            f.columnName === columnName,\n        )\n        .flatMap(f => f.facetValues ?? []) ?? []\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnResultValues' as const,\n      facetType: 'enumeration' as const,\n      columnName,\n      facetValues: (termsAgg.buckets ?? []).map(b => ({\n        value: String(b.key),\n        count: b.doc_count,\n        isSelected: selectedValues.includes(String(b.key)),\n      })),\n    }\n  })\n\n  // Synthesize FacetColumnResultRange for range-type DATE/DOUBLE/INTEGER columns. The Search\n  // API's aggregations only produce terms (enumeration) results; range stats are unavailable\n  // server-side. columnMin/columnMax are left empty; selectedMin/selectedMax are taken\n  // directly from selectedFacets so any applied range filter is still reflected in the UI.\n  // Note: for INTEGER columns the RangeSlider requires real bounds, so the UI falls back to a\n  // plain Range number input when columnMin/columnMax are absent.\n  const syntheticRangeFacets: FacetColumnResultRange[] = (columnModels ?? [])\n    .filter(\n      cm =>\n        cm.facetType === 'range' &&\n        (cm.columnType === 'DATE' ||\n          cm.columnType === 'DOUBLE' ||\n          cm.columnType === 'INTEGER') &&\n        !rawFacets.some(f => f.columnName === cm.name),\n    )\n    .map(cm => {\n      const rangeFilter = selectedFacets?.find(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE &&\n          f.columnName === cm.name,\n      )\n      return {\n        concreteType:\n          'org.sagebionetworks.repo.model.table.FacetColumnResultRange' as const,\n        facetType: 'range' as const,\n        columnName: cm.name,\n        columnMin: '',\n        columnMax: '',\n        selectedMin: rangeFilter?.min,\n        selectedMax: rangeFilter?.max,\n      }\n    })\n\n  const allFacets: NonNullable<QueryResultBundle['facets']> = [\n    ...(rawFacets ?? []),\n    ...syntheticRangeFacets,\n  ]\n\n  // Reorder all facets to match the columnModels order so downstream components\n  // (e.g. FacetFilterControls) render facets in the expected column order.\n  const orderedFacets: QueryResultBundle['facets'] = columnModels\n    ? [\n        ...allFacets\n          .filter(f => columnModels.some(cm => cm.name === f.columnName))\n          .sort(\n            (a, b) =>\n              columnModels.findIndex(cm => cm.name === a.columnName) -\n              columnModels.findIndex(cm => cm.name === b.columnName),\n          ),\n        ...allFacets.filter(\n          f => !columnModels.some(cm => cm.name === f.columnName),\n        ),\n      ]\n    : allFacets\n\n  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    facets: orderedFacets,\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n    searchQueryConfig,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit aggregations from the row data query: facet aggregations are only needed\n      // in the metadata query. Removing them here keeps the row data query key stable\n      // while column models are loading, preventing an unnecessary re-fetch (and a brief\n      // loading flash) when column models first arrive.\n      aggregations: undefined,\n    },\n    // Request SELECT_COLUMNS so headers are available for row rendering.\n    // HITS is returned by default even when responseParts is specified.\n    responseParts: new Set(['HITS', 'SELECT_COLUMNS'] as const),\n  }\n  const metadataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    // Request all opt-in parts needed for the metadata response:\n    // TOTAL_HITS → queryCount (drives tab count / spinner resolution)\n    // SELECT_COLUMNS → column headers for the table\n    // Aggregation results are returned automatically when aggregations is set on the query.\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS'] as const),\n  }\n\n  // Convert responseParts Set → sorted array for query key building.\n  // JSON.stringify(new Set([...])) === '{}', so two queries whose only difference is\n  // their responseParts would hash to the same key and share a cache entry.\n  // Using a sorted array gives each query a distinct, stable key.\n  const toKeyShape = (query: SearchIndexQuery) => ({\n    ...query,\n    responseParts: query.responseParts\n      ? [...query.responseParts].sort()\n      : undefined,\n  })\n\n  // Fetches from the SearchQueryServicesApi and converts the SearchQueryResults responseBody\n  // into QueryResultBundle shape. This allows all downstream shared components\n  // (UseRowSet, QueryVisualizationWrapper, etc.) to access data.responseBody.*\n  // using the same patterns as regular table queries (queryResult.queryResults, selectColumns, etc.).\n  const fetchAndConvert = async (query: SearchIndexQuery) => {\n    const asyncStatus = await SynapseClient.getSearchQueryAsyncJobResults(\n      query,\n      accessToken,\n    )\n    return {\n      ...asyncStatus,\n      responseBody: searchQueryResultsToQueryResultBundle(\n        asyncStatus.responseBody,\n        query,\n        columnModels,\n        queryBundleRequest.query.selectedFacets as\n          | (FacetColumnValuesRequest | FacetColumnRangeRequest)[]\n          | undefined,\n      ),\n    }\n  }\n\n  // `as unknown as` is necessary because SearchIndexQuery.responseParts is a Set but\n  // toKeyShape converts it to a sorted string[] for stable cache key serialisation.\n  const rowDataQueryOptions: SearchTableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(rowDataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): RowSet | undefined => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: SearchTableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(rowDataQuery) as unknown as SearchIndexQuery,\n        true,\n      ),\n      initialPageParam: 0 as number | string | undefined,\n      getNextPageParam: (\n        lastPage: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n        allPages: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>[],\n      ): number | string | undefined => {\n        return getNextPageParamForSearchQueryResults(lastPage, allPages)\n      },\n      queryFn: (context: { pageParam?: number | string }) => {\n        const offset =\n          typeof context.pageParam === 'string'\n            ? parseInt(context.pageParam)\n            : (context.pageParam ?? 0)\n        const requestForPage: SearchIndexQuery = {\n          ...rowDataQuery,\n          searchQuery: {\n            ...rowDataQuery.searchQuery,\n            from: offset,\n          },\n        }\n        return fetchAndConvert(requestForPage)\n      },\n      select: (\n        data: InfiniteData<\n          AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>\n        >,\n      ) => data,\n    }\n\n  const queryMetadataQueryOptions: SearchTableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getSearchQueryResultWithAsyncStatusQueryKey(\n        toKeyShape(metadataQuery) as unknown as SearchIndexQuery,\n        false,\n      ),\n      queryFn: () => fetchAndConvert(metadataQuery),\n      select: (\n        data: AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n      ): Omit<QueryResultBundle, 'queryResult'> => {\n        const result = omit(data.responseBody ?? {}, 'queryResult') as Omit<\n          QueryResultBundle,\n          'queryResult'\n        >\n        return columnModels ? { ...result, columnModels } : result\n      },\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Returns a stable callback that fetches autocomplete suggestions for a search input\n * using the synchronous `POST /search/autocomplete` endpoint.\n *\n * The query is built from the current `searchIndexId` and `autocompleteFieldName`:\n *  - `searchQuery.query` is a `match_bool_prefix` clause scoped to `autocompleteFieldName`\n *  - `searchQuery._source` is set to `[autocompleteFieldName]` so only that field is returned\n *\n * When `autocompleteFieldName` is undefined, the returned callback immediately returns `[]`.\n */\nexport function useGetSuggestionsForSearchIndex(\n  searchIndexId: string,\n  autocompleteFieldName: string | undefined,\n): (searchText: string) => Promise<string[]> {\n  const { synapseClient } = useSynapseContext()\n\n  return useCallback(\n    async (searchText: string): Promise<string[]> => {\n      if (!autocompleteFieldName) return []\n      const trimmed = searchText.trim()\n      if (!trimmed) return []\n      const results =\n        await synapseClient.searchManagementServicesClient.postRepoV1SearchAutocomplete(\n          {\n            searchAutocompleteRequest: {\n              searchIndexId,\n              searchQuery: {\n                query: {\n                  match_bool_prefix: {\n                    [autocompleteFieldName]: { query: trimmed },\n                  },\n                },\n                _source: { includes: [autocompleteFieldName] },\n              },\n            },\n          },\n        )\n      const suggestions: string[] = []\n      for (const hit of results.hits ?? []) {\n        for (const field of hit.fields ?? []) {\n          if (field.value) {\n            suggestions.push(field.value)\n          }\n        }\n      }\n      return suggestions\n    },\n    [synapseClient, searchIndexId, autocompleteFieldName],\n  )\n}\n\n/**\n * Returns TanStack Query options that call the SearchQueryServicesApi (instead of the\n * standard Table Query API) but return data in the same QueryResultBundle format, allowing\n * all existing subcomponents (FacetFilterControls, RowSetView, etc.) to work unchanged.\n */\nexport function useSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  synapseId?: string,\n  searchQueryConfig?: SearchQueryConfig,\n): SearchTableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: entityBundle } = useGetEntityBundle(synapseId, undefined, {\n    includeTableBundle: true,\n  })\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  return useMemo(\n    () =>\n      getSearchQueryUseQueryOptions(\n        queryBundleRequest,\n        keyFactory,\n        accessToken,\n        searchIndexId,\n        columnModels,\n        searchQueryConfig,\n      ),\n    [\n      keyFactory,\n      accessToken,\n      queryBundleRequest,\n      searchIndexId,\n      columnModels,\n      searchQueryConfig,\n    ],\n  )\n}\n"],"mappings":"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"}

package/dist/components/StorybookComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // eslint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}
+{"version":3,"file":"StorybookComponentWrapper.js","names":[],"sources":["../../src/components/StorybookComponentWrapper.tsx"],"sourcesContent":["import { StandaloneLoginForm } from '@/components/Authentication/index'\nimport SynapseClient from '@/synapse-client'\nimport {\n  defaultQueryClientConfig,\n  SynapseContextProvider,\n  SynapseContextType,\n} from '@/utils'\nimport { ApplicationSessionContextProvider } from '@/utils/AppUtils/session/ApplicationSessionContext'\nimport {\n  SynapseSessionManager,\n  type SessionState,\n} from '@/utils/AppUtils/session/SynapseSessionManager'\nimport { STACK_MAP, SynapseStack } from '@/utils/functions/getEndpoint'\nimport useDetectSSOCode from '@/utils/hooks/useDetectSSOCode'\nimport { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { ReactQueryDevtools } from '@tanstack/react-query-devtools'\nimport {\n  ReactNode,\n  Suspense,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useSyncExternalStore,\n} from 'react'\nimport { createMemoryRouter } from 'react-router'\nimport { RouterProvider } from 'react-router/dom'\nimport { SynapseToastContainer } from './ToastMessage'\n\nconst storybookQueryClient = new QueryClient(defaultQueryClientConfig)\n\n// Module-level session manager instance, stable across story switches (like the QueryClient above)\nconst sessionManager = new SynapseSessionManager({\n  onSessionInvalid: () => {\n    // In Storybook, just refresh the session instead of reloading the page\n    sessionManager.refreshSession()\n  },\n})\n\nfunction overrideEndpoint(stack: SynapseStack) {\n  const endpointConfig = STACK_MAP[stack]\n  ;(window as any)['SRC_OVERRIDE_ENDPOINT_CONFIG'] = endpointConfig\n}\n\n/**\n * Wraps storybook story components to ensure that all components receive required context.\n * @param props\n * @returns\n */\nexport function StorybookComponentWrapper(props: {\n  children: ReactNode\n  /* This will match the `globalTypes` object in preview.tsx. */\n  storybookContext: {\n    args: {\n      isAuthenticated?: boolean\n    }\n    globals: {\n      stack?: SynapseStack\n      showReactQueryDevtools?: boolean\n    }\n    parameters: {\n      stack?: SynapseStack\n      withRouter?: boolean\n      requireLogin?: boolean\n    }\n  }\n}) {\n  const { storybookContext } = props\n\n  const currentStack: SynapseStack = (storybookContext.globals.stack ||\n    storybookContext.parameters.stack) as SynapseStack\n\n  useEffect(() => {\n    overrideEndpoint(currentStack)\n  }, [currentStack])\n\n  // Subscribe to the framework-agnostic SynapseSessionManager for token/auth state\n  // These methods are bound in the SynapseSessionManager constructor, so they are safe to pass directly.\n  const sessionState: SessionState = useSyncExternalStore(\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.subscribe,\n    // oxlint-disable-next-line @typescript-eslint/unbound-method\n    sessionManager.getSnapshot,\n  )\n\n  // Track whether we've started the manager so we only start once (module-level instance persists across renders)\n  const managerStartedRef = useRef(false)\n\n  useEffect(() => {\n    if (!managerStartedRef.current) {\n      sessionManager.start()\n      managerStartedRef.current = true\n    }\n    return () => {\n      sessionManager.dispose()\n      managerStartedRef.current = false\n    }\n  }, [])\n\n  // When the stack changes, restart the session manager to pick up the new endpoint\n  useEffect(() => {\n    if (managerStartedRef.current) {\n      sessionManager.dispose()\n      sessionManager.start()\n    }\n  }, [currentStack])\n\n  const shouldPromptForLogin =\n    storybookContext.parameters.requireLogin &&\n    currentStack !== 'mock' &&\n    sessionState.hasInitializedSession &&\n    !sessionState.isAuthenticated\n\n  const { isLoading: isLoadingSSO } = useDetectSSOCode({\n    onSignInComplete: () => {\n      void sessionManager.refreshSession()\n    },\n    onError: (err: unknown) => {\n      console.error('SSO error in Storybook:', err)\n    },\n    isInitializingSession: !sessionState.hasInitializedSession,\n    isAuthenticated: sessionState.isAuthenticated,\n  })\n\n  useEffect(() => {\n    async function resetCache() {\n      await storybookQueryClient.cancelQueries()\n      await storybookQueryClient.resetQueries()\n    }\n\n    void resetCache()\n  }, [sessionState.token, currentStack])\n\n  const effectiveToken = useMemo(() => {\n    if (currentStack === 'mock') {\n      return storybookContext.args.isAuthenticated ? 'fake token' : undefined\n    }\n    return sessionState.token\n  }, [sessionState.token, currentStack, storybookContext.args.isAuthenticated])\n\n  const effectiveIsAuthenticated = useMemo(() => {\n    if (currentStack === 'mock') {\n      return !!storybookContext.args.isAuthenticated\n    }\n    return sessionState.isAuthenticated\n  }, [\n    sessionState.isAuthenticated,\n    currentStack,\n    storybookContext.args.isAuthenticated,\n  ])\n\n  const refreshSession = useCallback(async () => {\n    await sessionManager.refreshSession()\n  }, [])\n\n  const clearSession = useCallback(async () => {\n    await sessionManager.clearSession()\n  }, [])\n\n  const applicationSessionContext = useMemo(\n    () => ({\n      token: effectiveToken,\n      realmId: sessionState.realmId,\n      userId: sessionState.userId,\n      isAuthenticated: effectiveIsAuthenticated,\n      hasInitializedSession: sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n      twoFactorAuthSSOErrorResponse: undefined,\n      termsOfServiceStatus: undefined,\n      twoFactorStatus: undefined,\n    }),\n    [\n      effectiveToken,\n      effectiveIsAuthenticated,\n      sessionState.realmId,\n      sessionState.userId,\n      sessionState.hasInitializedSession,\n      refreshSession,\n      clearSession,\n      isLoadingSSO,\n    ],\n  )\n\n  const synapseContext: Partial<SynapseContextType> = useMemo(\n    () => ({\n      accessToken: effectiveToken,\n      isAuthenticated: effectiveIsAuthenticated,\n      isInExperimentalMode: SynapseClient.isInSynapseExperimentalMode(),\n      utcTime: SynapseClient.getUseUtcTimeFromCookie(),\n      withErrorBoundary: true,\n      downloadCartPageUrl: '/?path=/story/download-downloadcartpage--demo',\n    }),\n    [effectiveToken, effectiveIsAuthenticated],\n  )\n\n  const wrappedStory = (\n    <Suspense fallback={'global suspense loading...'}>\n      <QueryClientProvider client={storybookQueryClient}>\n        <ApplicationSessionContextProvider context={applicationSessionContext}>\n          <SynapseContextProvider\n            key={currentStack}\n            synapseContext={synapseContext}\n          >\n            {storybookContext.globals.showReactQueryDevtools && (\n              <ReactQueryDevtools />\n            )}\n            <SynapseToastContainer />\n            <main>\n              {shouldPromptForLogin ? (\n                <StandaloneLoginForm\n                  sessionCallback={() => {\n                    void sessionManager.refreshSession()\n                  }}\n                />\n              ) : (\n                props.children\n              )}\n            </main>\n          </SynapseContextProvider>\n        </ApplicationSessionContextProvider>\n      </QueryClientProvider>\n    </Suspense>\n  )\n\n  if (!storybookContext.parameters.withRouter) {\n    return wrappedStory\n  }\n\n  const router = createMemoryRouter([\n    {\n      path: '/',\n      element: wrappedStory,\n    },\n  ])\n\n  return <RouterProvider router={router} />\n}\n\nexport default StorybookComponentWrapper\n"],"mappings":"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"}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.css

@@ -1 +1 @@
-._container_1tem6_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_1tem6_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_1tem6_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_1tem6_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_1tem6_20{border-top:none;border-left:none}._item_1tem6_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_1tem6_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_1tem6_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_1tem6_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_1tem6_20 ._itemTitle_1tem6_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_1tem6_20 ._itemMeta_1tem6_58{color:var(--synapse-gray-700)}._adkpVariant_1tem6_62 ._item_1tem6_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_1tem6_62 ._item_1tem6_20:hover ._itemTitle_1tem6_53,._adkpVariant_1tem6_62 ._item_1tem6_20:hover ._itemMeta_1tem6_58{color:#fff}._itemContent_1tem6_70{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_1tem6_76{place-self:start end;padding-right:15px}._chip_1tem6_82.MuiChip-root{border-radius:5px;height:24px}
+._container_1beyq_1{background-color:#fff3;border-radius:9px;grid-template-columns:100%;justify-items:start;max-width:1300px;margin:auto;padding-top:0;padding-bottom:40px;display:grid}@media (width>=600px){._container_1beyq_1{grid-template-columns:50% 50%;padding-top:80px;padding-bottom:60px}}._item_1beyq_20{border-right:1px solid var(--synapse-gray-400);border-bottom:1px solid var(--synapse-gray-400);border-left:1px solid var(--synapse-gray-400);grid-template-columns:80% 20%;display:grid}._item_1beyq_20:first-child{border-top:1px solid var(--synapse-gray-400)}@media (width>=600px){._item_1beyq_20{border-top:none;border-left:none}._item_1beyq_20:nth-child(odd){border-left:1px solid var(--synapse-gray-400)}._item_1beyq_20:nth-child(-n+2){border-top:1px solid var(--synapse-gray-400)}}._item_1beyq_20{background-color:#ffffffe6;width:100%;padding:15px 0;text-decoration:none}._item_1beyq_20:hover{cursor:pointer;background-color:#e9f3fef2;text-decoration:none!important}._item_1beyq_20 ._itemTitle_1beyq_53{color:var(--synapse-gray-900);font-size:16px;font-weight:700}._item_1beyq_20 ._itemMeta_1beyq_58{color:var(--synapse-gray-700)}._adkpVariant_1beyq_62{background-color:#0000!important}._adkpVariant_1beyq_62 ._item_1beyq_20:hover{background:linear-gradient(91deg,#7761b7 5.34%,#9067b6 24.31%,#816dc8 91.15%)}._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemTitle_1beyq_53,._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemMeta_1beyq_58,._adkpVariant_1beyq_62 ._item_1beyq_20:hover ._itemDescription_1beyq_70{color:#fff}._itemContent_1beyq_74{color:var(--synapse-gray-900);padding-left:15px;padding-right:10px}._itemAction_1beyq_80{place-self:start end;padding-right:15px}._chip_1beyq_86.MuiChip-root{border-radius:5px;height:24px}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.js

@@ -1,12 +1,13 @@
 import './HotdropsAndNews.css';var e = {
-	container: "_container_1tem6_1",
-	item: "_item_1tem6_20",
-	itemTitle: "_itemTitle_1tem6_53",
-	itemMeta: "_itemMeta_1tem6_58",
-	adkpVariant: "_adkpVariant_1tem6_62",
-	itemContent: "_itemContent_1tem6_70",
-	itemAction: "_itemAction_1tem6_76",
-	chip: "_chip_1tem6_82"
+	container: "_container_1beyq_1",
+	item: "_item_1beyq_20",
+	itemTitle: "_itemTitle_1beyq_53",
+	itemMeta: "_itemMeta_1beyq_58",
+	adkpVariant: "_adkpVariant_1beyq_62",
+	itemDescription: "_itemDescription_1beyq_70",
+	itemContent: "_itemContent_1beyq_74",
+	itemAction: "_itemAction_1beyq_80",
+	chip: "_chip_1beyq_86"
 };
 //#endregion
 export { e as default };

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.js.map

@@ -1 +1 @@
-{"version":3,"file":"HotdropsAndNews.module.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/HotdropsAndNews.module.scss"],"sourcesContent":["// ---------------------------------------------------------------------------\n// Grid container (SynapseHotDrops / WordPressNews outer wrapper)\n// ---------------------------------------------------------------------------\n\n.container {\n  display: grid;\n  justify-items: start;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9px;\n  max-width: 1300px;\n  margin: auto;\n\n  // Mobile-first: single column\n  grid-template-columns: 100%;\n  padding-top: 0;\n  padding-bottom: 40px;\n\n  // ≥ MUI 'sm' breakpoint (600px)\n  @media (min-width: 600px) {\n    grid-template-columns: 50% 50%;\n    padding-top: 80px;\n    padding-bottom: 60px;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Individual item row\n// ---------------------------------------------------------------------------\n\n.item {\n  display: grid;\n  grid-template-columns: 80% 20%;\n  // Each item provides its own right + bottom edge.\n  // Leading edges (top/left) are added selectively to avoid doubling.\n  border-right: 1px solid var(--synapse-gray-400); // lighter interior border\n  border-bottom: 1px solid var(--synapse-gray-400);\n\n  // Mobile: single column — every item is the left edge; only the first has a top edge.\n  border-left: 1px solid var(--synapse-gray-400);\n  &:first-child {\n    border-top: 1px solid var(--synapse-gray-400);\n  }\n\n  // Desktop: two columns — left edge belongs to odd items (col 1); top edge to the first two (row 1).\n  @media (min-width: 600px) {\n    border-left: none;\n    border-top: none;\n\n    &:nth-child(odd) {\n      border-left: 1px solid var(--synapse-gray-400);\n    }\n\n    &:nth-child(-n + 2) {\n      border-top: 1px solid var(--synapse-gray-400);\n    }\n  }\n\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 15px 0;\n\n  text-decoration: none;\n\n  &:hover {\n    background-color: rgba(233, 243, 254, 0.95);\n    cursor: pointer;\n    text-decoration: none !important;\n  }\n\n  .itemTitle {\n    color: var(--synapse-gray-900);\n    font-size: 16px;\n    font-weight: 700;\n  }\n  .itemMeta {\n    color: var(--synapse-gray-700);\n  }\n}\n\n.adkpVariant {\n  .item:hover {\n    background: linear-gradient(\n      91deg,\n      #7761b7 5.34%,\n      #9067b6 24.31%,\n      #816dc8 91.15%\n    );\n\n    .itemTitle,\n    .itemMeta {\n      color: #fff;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Item: left content area\n// ---------------------------------------------------------------------------\n\n.itemContent {\n  color: var(--synapse-gray-900);\n  padding-left: 15px;\n  padding-right: 10px;\n}\n\n// ---------------------------------------------------------------------------\n// Item: right action area (chip container)\n// ---------------------------------------------------------------------------\n\n.itemAction {\n  justify-self: end;\n  align-self: start;\n  padding-right: 15px;\n}\n\n// ---------------------------------------------------------------------------\n// Category / type chip\n// ---------------------------------------------------------------------------\n\n.chip:global(.MuiChip-root) {\n  border-radius: 5px;\n  height: 24px;\n}\n"],"mappings":""}
+{"version":3,"file":"HotdropsAndNews.module.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/HotdropsAndNews.module.scss"],"sourcesContent":["// ---------------------------------------------------------------------------\n// Grid container (SynapseHotDrops / WordPressNews outer wrapper)\n// ---------------------------------------------------------------------------\n\n.container {\n  display: grid;\n  justify-items: start;\n  background-color: rgba(255, 255, 255, 0.2);\n  border-radius: 9px;\n  max-width: 1300px;\n  margin: auto;\n\n  // Mobile-first: single column\n  grid-template-columns: 100%;\n  padding-top: 0;\n  padding-bottom: 40px;\n\n  // ≥ MUI 'sm' breakpoint (600px)\n  @media (min-width: 600px) {\n    grid-template-columns: 50% 50%;\n    padding-top: 80px;\n    padding-bottom: 60px;\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Individual item row\n// ---------------------------------------------------------------------------\n\n.item {\n  display: grid;\n  grid-template-columns: 80% 20%;\n  // Each item provides its own right + bottom edge.\n  // Leading edges (top/left) are added selectively to avoid doubling.\n  border-right: 1px solid var(--synapse-gray-400); // lighter interior border\n  border-bottom: 1px solid var(--synapse-gray-400);\n\n  // Mobile: single column — every item is the left edge; only the first has a top edge.\n  border-left: 1px solid var(--synapse-gray-400);\n  &:first-child {\n    border-top: 1px solid var(--synapse-gray-400);\n  }\n\n  // Desktop: two columns — left edge belongs to odd items (col 1); top edge to the first two (row 1).\n  @media (min-width: 600px) {\n    border-left: none;\n    border-top: none;\n\n    &:nth-child(odd) {\n      border-left: 1px solid var(--synapse-gray-400);\n    }\n\n    &:nth-child(-n + 2) {\n      border-top: 1px solid var(--synapse-gray-400);\n    }\n  }\n\n  width: 100%;\n  background-color: rgba(255, 255, 255, 0.9);\n  padding: 15px 0;\n\n  text-decoration: none;\n\n  &:hover {\n    background-color: rgba(233, 243, 254, 0.95);\n    cursor: pointer;\n    text-decoration: none !important;\n  }\n\n  .itemTitle {\n    color: var(--synapse-gray-900);\n    font-size: 16px;\n    font-weight: 700;\n  }\n  .itemMeta {\n    color: var(--synapse-gray-700);\n  }\n}\n\n.adkpVariant {\n  background-color: transparent !important;\n\n  .item:hover {\n    background: linear-gradient(\n      91deg,\n      #7761b7 5.34%,\n      #9067b6 24.31%,\n      #816dc8 91.15%\n    );\n\n    .itemTitle,\n    .itemMeta,\n    .itemDescription {\n      color: #fff;\n    }\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Item: left content area\n// ---------------------------------------------------------------------------\n\n.itemContent {\n  color: var(--synapse-gray-900);\n  padding-left: 15px;\n  padding-right: 10px;\n}\n\n// ---------------------------------------------------------------------------\n// Item: right action area (chip container)\n// ---------------------------------------------------------------------------\n\n.itemAction {\n  justify-self: end;\n  align-self: start;\n  padding-right: 15px;\n}\n\n// ---------------------------------------------------------------------------\n// Category / type chip\n// ---------------------------------------------------------------------------\n\n.chip:global(.MuiChip-root) {\n  border-radius: 5px;\n  height: 24px;\n}\n"],"mappings":""}

package/dist/components/SynapseHomepageV2/HotdropsAndNews.module.scss

@@ -78,6 +78,8 @@
 }
 
 .adkpVariant {
+  background-color: transparent !important;
+
   .item:hover {
     background: linear-gradient(
       91deg,
@@ -87,7 +89,8 @@
     );
 
     .itemTitle,
-    .itemMeta {
+    .itemMeta,
+    .itemDescription {
       color: #fff;
     }
   }

package/dist/components/SynapseHomepageV2/WordPressNews.d.ts

@@ -4,7 +4,8 @@ export type WordPressNewsProps = {
     /** Number of posts to display. Defaults to 10. */
     postCount?: number;
     showCategoryChips?: boolean;
+    showDescription?: boolean;
     variant?: 'adkp';
 };
-export declare function WordPressNews({ wordpressSiteUrl, postCount, showCategoryChips, variant, }: WordPressNewsProps): import("react/jsx-runtime").JSX.Element;
+export declare function WordPressNews({ wordpressSiteUrl, postCount, showCategoryChips, showDescription, variant, }: WordPressNewsProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WordPressNews.d.ts.map

package/dist/components/SynapseHomepageV2/WordPressNews.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNews.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAA;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,SAAc,EACd,iBAAwB,EACxB,OAAO,GACR,EAAE,kBAAkB,2CA6BpB"}
+{"version":3,"file":"WordPressNews.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,gFAAgF;IAChF,gBAAgB,EAAE,MAAM,CAAA;IACxB,kDAAkD;IAClD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,gBAAgB,EAChB,SAAc,EACd,iBAAwB,EACxB,eAAuB,EACvB,OAAO,GACR,EAAE,kBAAkB,2CA8BpB"}

package/dist/components/SynapseHomepageV2/WordPressNews.js

@@ -5,15 +5,16 @@ import { WordPressNewsItem as r } from "./WordPressNewsItem.js";
 import { Box as i } from "@mui/material";
 import { Fragment as a, jsx as o } from "react/jsx-runtime";
 //#region src/components/SynapseHomepageV2/WordPressNews.tsx
-function s({ wordpressSiteUrl: s, postCount: c = 10, showCategoryChips: l = !0, variant: u }) {
-	let { data: d } = n(s, c), { data: f } = t(s), p = new Map((f ?? []).map((e) => [e.id, e.name]));
-	return !d || d.length === 0 ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(i, {
-		className: `${e.container}${u === "adkp" ? ` ${e.adkpVariant}` : ""}`,
+function s({ wordpressSiteUrl: s, postCount: c = 10, showCategoryChips: l = !0, showDescription: u = !1, variant: d }) {
+	let { data: f } = n(s, c), { data: p } = t(s), m = new Map((p ?? []).map((e) => [e.id, e.name]));
+	return !f || f.length === 0 ? /* @__PURE__ */ o(a, {}) : /* @__PURE__ */ o(i, {
+		className: `${e.container}${d === "adkp" ? ` ${e.adkpVariant}` : ""}`,
 		sx: { color: "primary.100" },
-		children: d.map((e) => /* @__PURE__ */ o(r, {
+		children: f.map((e) => /* @__PURE__ */ o(r, {
 			post: e,
-			categoryName: p.get(e.categories[0]),
-			showCategoryChip: l
+			categoryName: m.get(e.categories[0]),
+			showCategoryChip: l,
+			showDescription: u
 		}, e.id))
 	});
 }

package/dist/components/SynapseHomepageV2/WordPressNews.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAeA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAS,GAC/D,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAc,IAAI,KACrB,KAAc,CAAC,GAAG,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAC5C;CAMA,OAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,cAAc;YAE1B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,EAAE;GAChD,kBAAkB;EACnB,GAJM,EAAK,EAIX,CACF;CACE,CAAA;AAET"}
+{"version":3,"file":"WordPressNews.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNews.tsx"],"sourcesContent":["import { Box } from '@mui/material'\nimport { useWordPressCategories } from '../WordPress/useWordPressCategories'\nimport { useWordPressPosts } from '../WordPress/useWordPressPosts'\nimport { WordPressNewsItem } from './WordPressNewsItem'\nimport styles from './HotdropsAndNews.module.scss'\n\nexport type WordPressNewsProps = {\n  /** Base URL of the WordPress site, e.g. \"https://news.adknowledgeportal.org\" */\n  wordpressSiteUrl: string\n  /** Number of posts to display. Defaults to 10. */\n  postCount?: number\n  showCategoryChips?: boolean\n  showDescription?: boolean\n  variant?: 'adkp'\n}\n\nexport function WordPressNews({\n  wordpressSiteUrl,\n  postCount = 10,\n  showCategoryChips = true,\n  showDescription = false,\n  variant,\n}: WordPressNewsProps) {\n  const { data: posts } = useWordPressPosts(wordpressSiteUrl, postCount)\n  const { data: categories } = useWordPressCategories(wordpressSiteUrl)\n\n  const categoryMap = new Map<number, string>(\n    (categories ?? []).map(c => [c.id, c.name]),\n  )\n\n  if (!posts || posts.length === 0) {\n    return <></>\n  }\n\n  return (\n    <Box\n      className={`${styles.container}${\n        variant === 'adkp' ? ` ${styles.adkpVariant}` : ''\n      }`}\n      sx={{ color: 'primary.100' }}\n    >\n      {posts.map(post => (\n        <WordPressNewsItem\n          key={post.id}\n          post={post}\n          categoryName={categoryMap.get(post.categories[0])}\n          showCategoryChip={showCategoryChips}\n          showDescription={showDescription}\n        />\n      ))}\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAgBA,SAAgB,EAAc,EAC5B,qBACA,eAAY,IACZ,uBAAoB,IACpB,qBAAkB,IAClB,cACqB;CACrB,IAAM,EAAE,MAAM,MAAU,EAAkB,GAAkB,CAAS,GAC/D,EAAE,MAAM,MAAe,EAAuB,CAAgB,GAE9D,IAAc,IAAI,KACrB,KAAc,CAAC,GAAG,KAAI,MAAK,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,CAC5C;CAMA,OAJI,CAAC,KAAS,EAAM,WAAW,IACtB,kBAAA,GAAA,CAAI,CAAA,IAIX,kBAAC,GAAD;EACE,WAAW,GAAG,EAAO,YACnB,MAAY,SAAS,IAAI,EAAO,gBAAgB;EAElD,IAAI,EAAE,OAAO,cAAc;YAE1B,EAAM,KAAI,MACT,kBAAC,GAAD;GAEQ;GACN,cAAc,EAAY,IAAI,EAAK,WAAW,EAAE;GAChD,kBAAkB;GACD;EAClB,GALM,EAAK,EAKX,CACF;CACE,CAAA;AAET"}

package/dist/components/SynapseHomepageV2/WordPressNewsItem.d.ts

@@ -5,6 +5,9 @@ export type WordPressPost = {
     title: {
         rendered: string;
     };
+    excerpt: {
+        rendered: string;
+    };
     categories: number[];
 };
 export type WordPressCategory = {
@@ -16,6 +19,7 @@ export type WordPressNewsItemProps = {
     post: WordPressPost;
     categoryName: string | undefined;
     showCategoryChip?: boolean;
+    showDescription?: boolean;
 };
-export declare function WordPressNewsItem({ post, categoryName, showCategoryChip, }: WordPressNewsItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function WordPressNewsItem({ post, categoryName, showCategoryChip, showDescription, }: WordPressNewsItemProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=WordPressNewsItem.d.ts.map

package/dist/components/SynapseHomepageV2/WordPressNewsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNewsItem.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,gBAAuB,GACxB,EAAE,sBAAsB,2CA2BxB"}
+{"version":3,"file":"WordPressNewsItem.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,aAAa,GAAG;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,OAAO,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAA;IAC7B,UAAU,EAAE,MAAM,EAAE,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG;IACnC,IAAI,EAAE,aAAa,CAAA;IACnB,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,wBAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,gBAAuB,EACvB,eAAuB,GACxB,EAAE,sBAAsB,2CAkCxB"}

package/dist/components/SynapseHomepageV2/WordPressNewsItem.js

@@ -5,7 +5,7 @@ import o from "dayjs";
 import s from "dayjs/plugin/relativeTime";
 //#region src/components/SynapseHomepageV2/WordPressNewsItem.tsx
 o.extend(s);
-function c({ post: s, categoryName: c, showCategoryChip: l = !0 }) {
+function c({ post: s, categoryName: c, showCategoryChip: l = !0, showDescription: u = !1 }) {
 	return /* @__PURE__ */ a(t, {
 		component: "a",
 		href: s.link,
@@ -14,16 +14,24 @@ function c({ post: s, categoryName: c, showCategoryChip: l = !0 }) {
 		className: e.item,
 		children: [/* @__PURE__ */ a(t, {
 			className: e.itemContent,
-			children: [/* @__PURE__ */ i(r, {
-				variant: "body1",
-				className: e.itemTitle,
-				noWrap: !0,
-				dangerouslySetInnerHTML: { __html: s.title.rendered }
-			}), /* @__PURE__ */ i(r, {
-				variant: "body1",
-				className: e.itemMeta,
-				children: o(s.date).fromNow()
-			})]
+			children: [
+				/* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemTitle,
+					noWrap: !0,
+					dangerouslySetInnerHTML: { __html: s.title.rendered }
+				}),
+				/* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemMeta,
+					children: o(s.date).fromNow()
+				}),
+				u && /* @__PURE__ */ i(r, {
+					variant: "body1",
+					className: e.itemDescription,
+					dangerouslySetInnerHTML: { __html: s.excerpt.rendered }
+				})
+			]
 		}), /* @__PURE__ */ i(t, {
 			className: e.itemAction,
 			children: c && l && /* @__PURE__ */ i(n, {

package/dist/components/SynapseHomepageV2/WordPressNewsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,CAAY;AAsBzB,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,MACM;CACzB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,GAAD;IACE,SAAQ;IACR,WAAW,EAAO;IAClB,QAAA;IACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS;GACxD,CAAA,GACD,kBAAC,GAAD;IAAY,SAAQ;IAAQ,WAAW,EAAO;cAC3C,EAAM,EAAK,IAAI,EAAE,QAAQ;GAChB,CAAA,CACT;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;GAAW,CAAA;EAEnE,CAAA,CACF;;AAET"}
+{"version":3,"file":"WordPressNewsItem.js","names":[],"sources":["../../../src/components/SynapseHomepageV2/WordPressNewsItem.tsx"],"sourcesContent":["import { Box, Chip, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport relativeTime from 'dayjs/plugin/relativeTime'\nimport styles from './HotdropsAndNews.module.scss'\n\ndayjs.extend(relativeTime)\n\nexport type WordPressPost = {\n  id: number\n  date: string\n  link: string\n  title: { rendered: string }\n  excerpt: { rendered: string }\n  categories: number[]\n}\n\nexport type WordPressCategory = {\n  id: number\n  name: string\n  slug: string\n}\n\nexport type WordPressNewsItemProps = {\n  post: WordPressPost\n  categoryName: string | undefined\n  showCategoryChip?: boolean\n  showDescription?: boolean\n}\n\nexport function WordPressNewsItem({\n  post,\n  categoryName,\n  showCategoryChip = true,\n  showDescription = false,\n}: WordPressNewsItemProps) {\n  return (\n    <Box\n      component=\"a\"\n      href={post.link}\n      target=\"_blank\"\n      rel=\"noopener noreferrer\"\n      className={styles.item}\n    >\n      <Box className={styles.itemContent}>\n        <Typography\n          variant=\"body1\"\n          className={styles.itemTitle}\n          noWrap\n          dangerouslySetInnerHTML={{ __html: post.title.rendered }}\n        />\n        <Typography variant=\"body1\" className={styles.itemMeta}>\n          {dayjs(post.date).fromNow()}\n        </Typography>\n        {showDescription && (\n          <Typography\n            variant=\"body1\"\n            className={styles.itemDescription}\n            dangerouslySetInnerHTML={{ __html: post.excerpt.rendered }}\n          />\n        )}\n      </Box>\n      <Box className={styles.itemAction}>\n        {categoryName && showCategoryChip && (\n          <Chip className={styles.chip} label={categoryName} color=\"primary\" />\n        )}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;AAKA,EAAM,OAAO,CAAY;AAwBzB,SAAgB,EAAkB,EAChC,SACA,iBACA,sBAAmB,IACnB,qBAAkB,MACO;CACzB,OACE,kBAAC,GAAD;EACE,WAAU;EACV,MAAM,EAAK;EACX,QAAO;EACP,KAAI;EACJ,WAAW,EAAO;YALpB,CAOE,kBAAC,GAAD;GAAK,WAAW,EAAO;aAAvB;IACE,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,QAAA;KACA,yBAAyB,EAAE,QAAQ,EAAK,MAAM,SAAS;IACxD,CAAA;IACD,kBAAC,GAAD;KAAY,SAAQ;KAAQ,WAAW,EAAO;eAC3C,EAAM,EAAK,IAAI,EAAE,QAAQ;IAChB,CAAA;IACX,KACC,kBAAC,GAAD;KACE,SAAQ;KACR,WAAW,EAAO;KAClB,yBAAyB,EAAE,QAAQ,EAAK,QAAQ,SAAS;IAC1D,CAAA;GAEA;MACL,kBAAC,GAAD;GAAK,WAAW,EAAO;aACpB,KAAgB,KACf,kBAAC,GAAD;IAAM,WAAW,EAAO;IAAM,OAAO;IAAc,OAAM;GAAW,CAAA;EAEnE,CAAA,CACF;;AAET"}

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

@@ -1 +1 @@
-{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../src/components/SynapseTable/TablePagination.tsx"],"sourcesContent":["import {\n  MenuItem,\n  Pagination,\n  PaginationItem,\n  PaginationRenderItemParams,\n  Select,\n  SelectChangeEvent,\n  Typography,\n} from '@mui/material'\nimport {\n  ChangeEvent,\n  ComponentProps,\n  forwardRef,\n  Ref,\n  useCallback,\n} from 'react'\nimport React from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nimport { usePrefetchTableRows } from './usePrefetchTableData'\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 100, 500]\n\nexport const TablePagination = (): React.ReactNode => {\n  const { goToPage, pageSize, setPageSize, currentPage, currentQueryRequest } =\n    useQueryContext()\n\n  const prefetchPage = usePrefetchTableRows()\n\n  const {\n    data: { queryCount, maxRowsPerPage },\n  } = useSuspenseGetQueryMetadata()\n\n  const currentLimit = currentQueryRequest.query.limit\n  const resolvedPageSize = currentLimit ?? pageSize\n\n  // Filter by backend limit maxRowsPerPage\n  let pageSizeOptions = maxRowsPerPage\n    ? PAGE_SIZE_OPTIONS.filter(option => option < maxRowsPerPage)\n    : [...PAGE_SIZE_OPTIONS]\n\n  if (queryCount) {\n    // first option that is >= queryCount (show all rows)\n    const firstSufficientOptionIndex = pageSizeOptions.findIndex(\n      option => option >= queryCount,\n    )\n    // If found, slice to only include options up to and including that one\n    if (firstSufficientOptionIndex !== -1) {\n      pageSizeOptions = pageSizeOptions.slice(0, firstSufficientOptionIndex + 1)\n    }\n  }\n\n  // If resolvedPageSize isn't in the options, use the smallest available option\n  const displayedPageSize = pageSizeOptions.includes(resolvedPageSize)\n    ? resolvedPageSize\n    : pageSizeOptions[0]\n\n  const handlePage = (_event: ChangeEvent<unknown>, value: number) => {\n    goToPage(value)\n  }\n\n  const handlePageSize = (event: SelectChangeEvent<number>) => {\n    const value = event.target.value\n\n    setPageSize(value)\n    goToPage(1)\n  }\n\n  // A custom `renderItem` implementation for the MUI Pagination component that prefetches a page's data when the page number button is hovered over\n  const renderPaginationItem = useCallback(\n    (params: PaginationRenderItemParams) => {\n      // eslint-disable-next-line react/no-unstable-nested-components -- this declaration is within a useCallback itself, so it is stable (enough)\n      const ButtonWithPagePrefetchOnHover = forwardRef(\n        function PaginationItemButton(\n          props: ComponentProps<'button'>,\n          ref: Ref<HTMLButtonElement>,\n        ) {\n          return (\n            <button\n              ref={ref}\n              {...props}\n              onMouseOver={() => {\n                if (params.page) {\n                  void prefetchPage(params.page)\n                }\n              }}\n            />\n          )\n        },\n      )\n\n      return (\n        <PaginationItem {...params} component={ButtonWithPagePrefetchOnHover} />\n      )\n    },\n    [prefetchPage],\n  )\n\n  // PORTALS-2259: Special presentation case.  If we're on the first page,\n  // and the total query count is equal to 1 (and is the page size is not 1), then hide the pagination UI.\n  // Also hide pagination if the query count is unavailable.\n  if (\n    (currentPage == 1 && queryCount == 1 && pageSize != 1) ||\n    queryCount == undefined ||\n    (maxRowsPerPage && maxRowsPerPage < 5)\n  ) {\n    return null\n  }\n\n  return (\n    <div>\n      <Pagination\n        page={currentPage}\n        count={Math.ceil(queryCount / displayedPageSize)}\n        color=\"secondary\"\n        onChange={handlePage}\n        shape={'rounded'}\n        sx={{\n          display: 'inline-block',\n          float: 'left',\n          '.MuiPaginationItem-root': { fontSize: '14px' },\n        }}\n        renderItem={renderPaginationItem}\n      />\n      <Typography variant=\"body1\" style={{ display: 'inline-block' }}>\n        {`${queryCount?.toLocaleString()} total rows /`}\n      </Typography>\n      <Select\n        name=\"page size\"\n        value={displayedPageSize}\n        size=\"small\"\n        onChange={handlePageSize}\n        sx={{ ml: 0.5 }}\n      >\n        {pageSizeOptions.map(pageSize => {\n          return (\n            <MenuItem key={pageSize} value={pageSize}>\n              {pageSize} per page\n            </MenuItem>\n          )\n        })}\n      </Select>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,IAAM,IAAoB;CAAC;CAAI;CAAI;CAAK;AAAG,GAE9B,UAAyC;CACpD,IAAM,EAAE,aAAU,aAAU,gBAAa,gBAAa,2BACpD,EAAgB,GAEZ,IAAe,EAAqB,GAEpC,EACJ,MAAM,EAAE,eAAY,wBAClB,EAA4B,GAG1B,IADe,EAAoB,MAAM,SACN,GAGrC,IAAkB,IAClB,EAAkB,QAAO,MAAU,IAAS,CAAc,IAC1D,CAAC,GAAG,CAAiB;CAEzB,IAAI,GAAY;EAEd,IAAM,IAA6B,EAAgB,WACjD,MAAU,KAAU,CACtB;EAEA,AAAI,MAA+B,OACjC,IAAkB,EAAgB,MAAM,GAAG,IAA6B,CAAC;CAE7E;CAGA,IAAM,IAAoB,EAAgB,SAAS,CAAgB,IAC/D,IACA,EAAgB,IAEd,KAAc,GAA8B,MAAkB;EAClE,EAAS,CAAK;CAChB,GAEM,KAAkB,MAAqC;EAC3D,IAAM,IAAQ,EAAM,OAAO;EAG3B,AADA,EAAY,CAAK,GACjB,EAAS,CAAC;CACZ,GAGM,IAAuB,GAC1B,MAAuC;EAEtC,IAAM,IAAgC,EACpC,SACE,GACA,GACA;GACA,OACE,kBAAC,UAAD;IACO;IACL,GAAI;IACJ,mBAAmB;KACjB,AAAI,EAAO,QACT,EAAkB,EAAO,IAAI;IAEjC;GACD,CAAA;EAEL,CACF;EAEA,OACE,kBAAC,GAAD;GAAgB,GAAI;GAAQ,WAAW;EAAgC,CAAA;CAE3E,GACA,CAAC,CAAY,CACf;CAaA,OAPG,KAAe,KAAK,KAAc,KAAK,KAAY,KACpD,KAAc,QACb,KAAkB,IAAiB,IAE7B,OAIP,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO,KAAK,KAAK,IAAa,CAAiB;GAC/C,OAAM;GACN,UAAU;GACV,OAAO;GACP,IAAI;IACF,SAAS;IACT,OAAO;IACP,2BAA2B,EAAE,UAAU,OAAO;GAChD;GACA,YAAY;EACb,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAO,EAAE,SAAS,eAAe;aAC1D,GAAG,GAAY,eAAe,EAAE;EACvB,CAAA;EACZ,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,MAAK;GACL,UAAU;GACV,IAAI,EAAE,IAAI,GAAI;aAEb,EAAgB,KAAI,MAEjB,kBAAC,GAAD;IAAyB,OAAO;cAAhC,CACG,GAAS,WACF;MAFK,CAEL,CAEb;EACK,CAAA;CACL,EAAA,CAAA;AAET"}
+{"version":3,"file":"TablePagination.js","names":[],"sources":["../../../src/components/SynapseTable/TablePagination.tsx"],"sourcesContent":["import {\n  MenuItem,\n  Pagination,\n  PaginationItem,\n  PaginationRenderItemParams,\n  Select,\n  SelectChangeEvent,\n  Typography,\n} from '@mui/material'\nimport {\n  ChangeEvent,\n  ComponentProps,\n  forwardRef,\n  Ref,\n  useCallback,\n} from 'react'\nimport React from 'react'\nimport { useQueryContext } from '../QueryContext'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nimport { usePrefetchTableRows } from './usePrefetchTableData'\n\nconst PAGE_SIZE_OPTIONS = [10, 25, 100, 500]\n\nexport const TablePagination = (): React.ReactNode => {\n  const { goToPage, pageSize, setPageSize, currentPage, currentQueryRequest } =\n    useQueryContext()\n\n  const prefetchPage = usePrefetchTableRows()\n\n  const {\n    data: { queryCount, maxRowsPerPage },\n  } = useSuspenseGetQueryMetadata()\n\n  const currentLimit = currentQueryRequest.query.limit\n  const resolvedPageSize = currentLimit ?? pageSize\n\n  // Filter by backend limit maxRowsPerPage\n  let pageSizeOptions = maxRowsPerPage\n    ? PAGE_SIZE_OPTIONS.filter(option => option < maxRowsPerPage)\n    : [...PAGE_SIZE_OPTIONS]\n\n  if (queryCount) {\n    // first option that is >= queryCount (show all rows)\n    const firstSufficientOptionIndex = pageSizeOptions.findIndex(\n      option => option >= queryCount,\n    )\n    // If found, slice to only include options up to and including that one\n    if (firstSufficientOptionIndex !== -1) {\n      pageSizeOptions = pageSizeOptions.slice(0, firstSufficientOptionIndex + 1)\n    }\n  }\n\n  // If resolvedPageSize isn't in the options, use the smallest available option\n  const displayedPageSize = pageSizeOptions.includes(resolvedPageSize)\n    ? resolvedPageSize\n    : pageSizeOptions[0]\n\n  const handlePage = (_event: ChangeEvent<unknown>, value: number) => {\n    goToPage(value)\n  }\n\n  const handlePageSize = (event: SelectChangeEvent<number>) => {\n    const value = event.target.value\n\n    setPageSize(value)\n    goToPage(1)\n  }\n\n  // A custom `renderItem` implementation for the MUI Pagination component that prefetches a page's data when the page number button is hovered over\n  const renderPaginationItem = useCallback(\n    (params: PaginationRenderItemParams) => {\n      // oxlint-disable-next-line react/no-unstable-nested-components -- this declaration is within a useCallback itself, so it is stable (enough)\n      const ButtonWithPagePrefetchOnHover = forwardRef(\n        function PaginationItemButton(\n          props: ComponentProps<'button'>,\n          ref: Ref<HTMLButtonElement>,\n        ) {\n          return (\n            <button\n              ref={ref}\n              {...props}\n              onMouseOver={() => {\n                if (params.page) {\n                  void prefetchPage(params.page)\n                }\n              }}\n            />\n          )\n        },\n      )\n\n      return (\n        <PaginationItem {...params} component={ButtonWithPagePrefetchOnHover} />\n      )\n    },\n    [prefetchPage],\n  )\n\n  // PORTALS-2259: Special presentation case.  If we're on the first page,\n  // and the total query count is equal to 1 (and is the page size is not 1), then hide the pagination UI.\n  // Also hide pagination if the query count is unavailable.\n  if (\n    (currentPage == 1 && queryCount == 1 && pageSize != 1) ||\n    queryCount == undefined ||\n    (maxRowsPerPage && maxRowsPerPage < 5)\n  ) {\n    return null\n  }\n\n  return (\n    <div>\n      <Pagination\n        page={currentPage}\n        count={Math.ceil(queryCount / displayedPageSize)}\n        color=\"secondary\"\n        onChange={handlePage}\n        shape={'rounded'}\n        sx={{\n          display: 'inline-block',\n          float: 'left',\n          '.MuiPaginationItem-root': { fontSize: '14px' },\n        }}\n        renderItem={renderPaginationItem}\n      />\n      <Typography variant=\"body1\" style={{ display: 'inline-block' }}>\n        {`${queryCount?.toLocaleString()} total rows /`}\n      </Typography>\n      <Select\n        name=\"page size\"\n        value={displayedPageSize}\n        size=\"small\"\n        onChange={handlePageSize}\n        sx={{ ml: 0.5 }}\n      >\n        {pageSizeOptions.map(pageSize => {\n          return (\n            <MenuItem key={pageSize} value={pageSize}>\n              {pageSize} per page\n            </MenuItem>\n          )\n        })}\n      </Select>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAsBA,IAAM,IAAoB;CAAC;CAAI;CAAI;CAAK;AAAG,GAE9B,UAAyC;CACpD,IAAM,EAAE,aAAU,aAAU,gBAAa,gBAAa,2BACpD,EAAgB,GAEZ,IAAe,EAAqB,GAEpC,EACJ,MAAM,EAAE,eAAY,wBAClB,EAA4B,GAG1B,IADe,EAAoB,MAAM,SACN,GAGrC,IAAkB,IAClB,EAAkB,QAAO,MAAU,IAAS,CAAc,IAC1D,CAAC,GAAG,CAAiB;CAEzB,IAAI,GAAY;EAEd,IAAM,IAA6B,EAAgB,WACjD,MAAU,KAAU,CACtB;EAEA,AAAI,MAA+B,OACjC,IAAkB,EAAgB,MAAM,GAAG,IAA6B,CAAC;CAE7E;CAGA,IAAM,IAAoB,EAAgB,SAAS,CAAgB,IAC/D,IACA,EAAgB,IAEd,KAAc,GAA8B,MAAkB;EAClE,EAAS,CAAK;CAChB,GAEM,KAAkB,MAAqC;EAC3D,IAAM,IAAQ,EAAM,OAAO;EAG3B,AADA,EAAY,CAAK,GACjB,EAAS,CAAC;CACZ,GAGM,IAAuB,GAC1B,MAAuC;EAEtC,IAAM,IAAgC,EACpC,SACE,GACA,GACA;GACA,OACE,kBAAC,UAAD;IACO;IACL,GAAI;IACJ,mBAAmB;KACjB,AAAI,EAAO,QACT,EAAkB,EAAO,IAAI;IAEjC;GACD,CAAA;EAEL,CACF;EAEA,OACE,kBAAC,GAAD;GAAgB,GAAI;GAAQ,WAAW;EAAgC,CAAA;CAE3E,GACA,CAAC,CAAY,CACf;CAaA,OAPG,KAAe,KAAK,KAAc,KAAK,KAAY,KACpD,KAAc,QACb,KAAkB,IAAiB,IAE7B,OAIP,kBAAC,OAAD,EAAA,UAAA;EACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO,KAAK,KAAK,IAAa,CAAiB;GAC/C,OAAM;GACN,UAAU;GACV,OAAO;GACP,IAAI;IACF,SAAS;IACT,OAAO;IACP,2BAA2B,EAAE,UAAU,OAAO;GAChD;GACA,YAAY;EACb,CAAA;EACD,kBAAC,GAAD;GAAY,SAAQ;GAAQ,OAAO,EAAE,SAAS,eAAe;aAC1D,GAAG,GAAY,eAAe,EAAE;EACvB,CAAA;EACZ,kBAAC,GAAD;GACE,MAAK;GACL,OAAO;GACP,MAAK;GACL,UAAU;GACV,IAAI,EAAE,IAAI,GAAI;aAEb,EAAgB,KAAI,MAEjB,kBAAC,GAAD;IAAyB,OAAO;cAAhC,CACG,GAAS,WACF;MAFK,CAEL,CAEb;EACK,CAAA;CACL,EAAA,CAAA;AAET"}