synapse-react-client 4.0.11 → 4.0.12

package/dist/components/SearchQueryWrapper/SearchQueryUseQueryOptions.js

@@ -0,0 +1,174 @@
+import { getSearchQueryAsyncJobResults as e } from "../../synapse-client/SynapseClient.js";
+import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import n from "../../synapse-queries/entity/useEntityBundle.js";
+import { tableQueryUseQueryDefaults as r } from "../../synapse-queries/entity/useGetQueryResultBundle.js";
+import "../../synapse-queries/index.js";
+import { useCallback as i, useMemo as a } from "react";
+import { omit as o } from "lodash-es";
+import { FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE as s, FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE as c, TEXT_MATCHES_QUERY_FILTER_CONCRETE_TYPE_VALUE as l } from "@sage-bionetworks/synapse-types";
+import { FacetRequestSortDirectionEnum as u, FacetRequestSortFieldEnum as d } from "@sage-bionetworks/synapse-client";
+//#region src/components/SearchQueryWrapper/SearchQueryUseQueryOptions.ts
+function f(e, t, n) {
+	let r = n?.filter((e) => e.facetType != null).map((e) => {
+		let t = {
+			columnName: e.name,
+			maxValueCount: 100
+		};
+		return e.facetSortConfig && (e.facetSortConfig.property != null && (t.sortField = e.facetSortConfig.property === "VALUE" ? d.KEY : d.COUNT), e.facetSortConfig.direction != null && (t.sortDirection = e.facetSortConfig.direction === "ASC" ? u.ASC : u.DESC)), t;
+	}), i = e.query.selectedFacets?.filter((e) => e.concreteType === c).map((e) => ({
+		key: e.columnName,
+		values: e.facetValues
+	})), a = e.query.selectedFacets?.filter((e) => e.concreteType === s).map((e) => ({
+		key: e.columnName,
+		min: e.min,
+		max: e.max
+	})), o = e.query.additionalFilters?.filter((e) => e.concreteType === l).map((e) => e.searchExpression).filter((e) => e != null && e.length > 0), f = o && o.length > 0 ? o.join(" ") : void 0, p = e.query.sort?.filter((e) => e.direction === "ASC" || e.direction === "DESC").map((e) => ({
+		columnName: e.column,
+		direction: e.direction
+	}));
+	return {
+		concreteType: "org.sagebionetworks.repo.model.search.table.SearchIndexQuery",
+		searchIndexId: t,
+		searchQuery: {
+			facetRequests: r?.length ? r : void 0,
+			termsFilters: i?.length ? i : void 0,
+			rangeFilters: a?.length ? a : void 0,
+			queryText: f,
+			queryType: "MULTI_MATCH",
+			fuzziness: "AUTO",
+			sort: p?.length ? p : void 0,
+			limit: e.query.limit,
+			offset: e.query.offset
+		}
+	};
+}
+function p(e, t, n) {
+	if (!e) return { concreteType: "org.sagebionetworks.repo.model.table.QueryResultBundle" };
+	let r = e.selectColumns?.map((e) => e.name).filter((e) => !!e) ?? [], i = r.map((e) => ({
+		name: e,
+		columnType: n?.find((t) => t.name === e)?.columnType ?? "STRING"
+	})), a = (e.hits ?? []).map((e) => ({
+		rowId: e.rowId,
+		versionNumber: e.rowVersion,
+		values: r.map((t) => e.fields?.find((e) => e.name === t)?.value ?? null)
+	})), o = i.length > 0 || a.length > 0 ? {
+		concreteType: "org.sagebionetworks.repo.model.table.QueryResult",
+		queryResults: {
+			concreteType: "org.sagebionetworks.repo.model.table.RowSet",
+			tableId: t.searchIndexId ?? "",
+			etag: "",
+			headers: i,
+			rows: a
+		}
+	} : void 0;
+	return {
+		concreteType: "org.sagebionetworks.repo.model.table.QueryResultBundle",
+		queryCount: e.totalHits,
+		selectColumns: i,
+		queryResult: o,
+		facets: e.facets
+	};
+}
+function m(t, n, i, a, s) {
+	let c = f(t, a, s), l = {
+		...c,
+		searchQuery: {
+			...c.searchQuery,
+			facetRequests: void 0
+		},
+		responseParts: new Set(["HITS", "SELECT_COLUMNS"])
+	}, u = {
+		...c,
+		responseParts: new Set([
+			"TOTAL_HITS",
+			"SELECT_COLUMNS",
+			"FACETS"
+		])
+	}, d = (e) => ({
+		...e,
+		responseParts: e.responseParts ? [...e.responseParts].sort() : void 0
+	}), m = async (t) => {
+		let n = await e(t, i);
+		return {
+			...n,
+			responseBody: p(n.responseBody, t, s)
+		};
+	};
+	return {
+		rowDataQueryOptions: {
+			...r,
+			queryKey: n.getSearchQueryResultWithAsyncStatusQueryKey(d(l), !1),
+			queryFn: () => m(l),
+			select: (e) => e.responseBody?.queryResult?.queryResults
+		},
+		rowDataInfiniteQueryOptions: {
+			...r,
+			queryKey: n.getSearchQueryResultWithAsyncStatusQueryKey(d(l), !0),
+			initialPageParam: 0,
+			getNextPageParam: (e, t) => {
+				let n = e.responseBody?.queryCount, r = t.reduce((e, t) => e + (t.responseBody?.queryResult?.queryResults.rows?.length ?? 0), 0);
+				if (!(n != null && r >= n)) return r;
+			},
+			queryFn: (e) => {
+				let t = typeof e.pageParam == "string" ? parseInt(e.pageParam) : e.pageParam ?? 0;
+				return m({
+					...l,
+					searchQuery: {
+						...l.searchQuery,
+						offset: t
+					}
+				});
+			},
+			select: (e) => e
+		},
+		queryMetadataQueryOptions: {
+			...r,
+			queryKey: n.getSearchQueryResultWithAsyncStatusQueryKey(d(u), !1),
+			queryFn: () => m(u),
+			select: (e) => {
+				let t = o(e.responseBody ?? {}, "queryResult");
+				return s ? {
+					...t,
+					columnModels: s
+				} : t;
+			}
+		}
+	};
+}
+function h(e, n) {
+	let { synapseClient: r } = t();
+	return i(async (t) => {
+		if (!n) return [];
+		let i = t.trim();
+		if (!i) return [];
+		let a = await r.searchManagementServicesClient.postRepoV1SearchAutocomplete({ searchIndexQuery: {
+			concreteType: "org.sagebionetworks.repo.model.search.table.SearchIndexQuery",
+			searchIndexId: e,
+			searchQuery: {
+				queryText: i,
+				queryFields: [n],
+				returnFields: [n]
+			}
+		} }), o = [];
+		for (let e of a.hits ?? []) for (let t of e.fields ?? []) t.value && o.push(t.value);
+		return o;
+	}, [
+		r,
+		e,
+		n
+	]);
+}
+function g(e, r, i) {
+	let { keyFactory: o, accessToken: s } = t(), { data: c } = n(i, void 0, { includeTableBundle: !0 }), l = c?.tableBundle?.columnModels;
+	return a(() => m(e, o, s, r, l), [
+		o,
+		s,
+		e,
+		r,
+		l
+	]);
+}
+//#endregion
+export { m as getSearchQueryUseQueryOptions, p as searchQueryResultsToQueryResultBundle, f as toSearchIndexQuery, h as useGetSuggestionsForSearchIndex, g as useSearchQueryUseQueryOptions };
+
+//# sourceMappingURL=SearchQueryUseQueryOptions.js.map

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

@@ -0,0 +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  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  FacetRequest,\n  KeyValues,\n  SearchIndexQuery,\n  SearchKeyRange,\n  SearchQueryResults,\n  SearchSearchQuery,\n  SearchSortField,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport {\n  FacetRequestSortDirectionEnum as FacetRequestSortDirectionEnumValues,\n  FacetRequestSortFieldEnum as FacetRequestSortFieldEnumValues,\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 { useCallback, useMemo } from 'react'\nimport { KeyFactory } from '@/synapse-queries/KeyFactory'\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\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 defined) → facetRequests (columns to aggregate as facets, with optional sort config)\n *  - query.selectedFacets (enumeration) → termsFilters (IN-clause filters)\n *  - query.selectedFacets (range) → rangeFilters (range filters)\n *  - query.sort → sort (SortItem { column, direction } → SearchSortField { columnName, direction })\n *  - query.limit → limit\n *  - query.offset → offset\n *  - partMask → dropped (SearchIndexQuery has no bitmask concept)\n */\nexport function toSearchIndexQuery(\n  queryBundleRequest: QueryBundleRequest,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchIndexQuery {\n  // Build facetRequests from ColumnModels that have a facetType defined\n  const facetRequests: FacetRequest[] | undefined = columnModels\n    ?.filter(cm => cm.facetType != null)\n    .map(cm => {\n      const facetReq: FacetRequest = { columnName: cm.name, maxValueCount: 100 }\n      if (cm.facetSortConfig) {\n        // Map FacetColumnSortProperty ('FREQUENCY'|'VALUE') → FacetRequestSortFieldEnum ('COUNT'|'KEY')\n        if (cm.facetSortConfig.property != null) {\n          facetReq.sortField =\n            cm.facetSortConfig.property === 'VALUE'\n              ? FacetRequestSortFieldEnumValues.KEY\n              : FacetRequestSortFieldEnumValues.COUNT\n        }\n        if (cm.facetSortConfig.direction != null) {\n          facetReq.sortDirection =\n            cm.facetSortConfig.direction === 'ASC'\n              ? FacetRequestSortDirectionEnumValues.ASC\n              : FacetRequestSortDirectionEnumValues.DESC\n        }\n      }\n      return facetReq\n    })\n\n  // Build termsFilters from enumeration selectedFacets\n  const termsFilters: KeyValues[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnValuesRequest =>\n          f.concreteType === FACET_COLUMN_VALUES_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({ key: f.columnName, values: f.facetValues }))\n\n  // Build rangeFilters from range selectedFacets\n  const rangeFilters: SearchKeyRange[] | undefined =\n    queryBundleRequest.query.selectedFacets\n      ?.filter(\n        (f): f is FacetColumnRangeRequest =>\n          f.concreteType === FACET_COLUMN_RANGE_REQUEST_CONCRETE_TYPE_VALUE,\n      )\n      .map(f => ({\n        key: f.columnName,\n        min: f.min,\n        max: f.max,\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  // Map SortItem[] (column + direction) → SearchSortField[] (columnName + direction),\n  // filtering out entries with no direction (which mean \"remove sort\").\n  const sort: SearchSortField[] | undefined = queryBundleRequest.query.sort\n    ?.filter(\n      (s): s is SortItem & { direction: 'ASC' | 'DESC' } =>\n        s.direction === 'ASC' || s.direction === 'DESC',\n    )\n    .map(s => ({ columnName: s.column, direction: s.direction }))\n\n  const searchQuery: SearchSearchQuery = {\n    facetRequests: facetRequests?.length ? facetRequests : undefined,\n    termsFilters: termsFilters?.length ? termsFilters : undefined,\n    rangeFilters: rangeFilters?.length ? rangeFilters : undefined,\n    queryText,\n    queryType: 'MULTI_MATCH',\n    fuzziness: 'AUTO',\n    sort: sort?.length ? sort : undefined,\n    limit: queryBundleRequest.query.limit,\n    offset: 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 *  - facets → facets (same FacetColumnResult type)\n */\nexport function searchQueryResultsToQueryResultBundle(\n  results: SearchQueryResults | undefined,\n  query: SearchIndexQuery,\n  columnModels?: ColumnModel[],\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  return {\n    concreteType: 'org.sagebionetworks.repo.model.table.QueryResultBundle',\n    queryCount: results.totalHits,\n    selectColumns: headers,\n    queryResult,\n    // FacetColumnResult is the same discriminated union type in both response shapes\n    facets: results.facets as QueryResultBundle['facets'],\n  }\n}\n\nexport function getSearchQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n  searchIndexId: string,\n  columnModels?: ColumnModel[],\n): SearchTableQueryUseQueryOptions {\n  const baseQuery: SearchIndexQuery = toSearchIndexQuery(\n    queryBundleRequest,\n    searchIndexId,\n    columnModels,\n  )\n  const rowDataQuery: SearchIndexQuery = {\n    ...baseQuery,\n    searchQuery: {\n      ...baseQuery.searchQuery,\n      // Omit facetRequests from the row data query: facet aggregations are only needed\n      // in the metadata query (which requests FACETS). Removing facetRequests here keeps\n      // the row data query key stable while column models are loading, preventing an\n      // unnecessary re-fetch (and a brief loading flash) when column models first arrive.\n      facetRequests: 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    // FACETS → facet aggregations for FacetFilterControls / plots\n    responseParts: new Set(['TOTAL_HITS', 'SELECT_COLUMNS', 'FACETS'] 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      ),\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        const totalRows = lastPage.responseBody?.queryCount\n        const fetchedRows = allPages.reduce(\n          (acc, page) =>\n            acc +\n            (page.responseBody?.queryResult?.queryResults.rows?.length ?? 0),\n          0,\n        )\n        if (totalRows != null && fetchedRows >= totalRows) {\n          return undefined\n        }\n        return fetchedRows\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            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.queryText` is set to the user-entered search text\n *  - `searchQuery.queryFields` is set to `[autocompleteFieldName]` so the server\n *    only returns values for that single field\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            searchIndexQuery: {\n              concreteType:\n                'org.sagebionetworks.repo.model.search.table.SearchIndexQuery' as const,\n              searchIndexId,\n              searchQuery: {\n                queryText: trimmed,\n                queryFields: [autocompleteFieldName],\n                returnFields: [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): 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      ),\n    [keyFactory, accessToken, queryBundleRequest, searchIndexId, columnModels],\n  )\n}\n"],"mappings":"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"}

package/dist/components/SearchQueryWrapper/SearchQueryWrapper.d.ts

@@ -0,0 +1,40 @@
+import { QueryBundleRequest } from '@sage-bionetworks/synapse-types';
+import { PropsWithChildren } from 'react';
+/**
+ * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID
+ * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though
+ * the actual data is fetched from the SearchQueryServicesApi (not a table entity).
+ */
+export declare const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = "search";
+export declare const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = "SELECT * FROM search";
+export type SearchQueryWrapperProps = PropsWithChildren<{
+    /**
+     * The ID of the SearchIndex entity to query.
+     */
+    searchIndexId: string;
+    /**
+     * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,
+     * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are
+     * overridden with synthetic values. The `partMask` controls which parts of the response
+     * bundle to request.
+     */
+    initQueryRequest: {
+        concreteType?: QueryBundleRequest['concreteType'];
+        partMask?: QueryBundleRequest['partMask'];
+        query?: Partial<QueryBundleRequest['query']>;
+    };
+    /** If onQueryChange is set, the callback will be invoked when the Query changes */
+    onQueryChange?: (newQueryJson: string) => void;
+    /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */
+    onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void;
+    isInfinite?: boolean;
+    /** Whether the URL should update when the query is modified (deep linking). */
+    shouldDeepLink?: boolean;
+}>;
+/**
+ * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than
+ * the standard Table Query Services. All subcomponents that consume QueryContext can be
+ * used unchanged within a SearchQueryWrapper tree.
+ */
+export declare function SearchQueryWrapper(props: SearchQueryWrapperProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SearchQueryWrapper.d.ts.map

package/dist/components/SearchQueryWrapper/SearchQueryWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQueryWrapper.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"names":[],"mappings":"AAIA,OAAO,EAEL,kBAAkB,EAEnB,MAAM,iCAAiC,CAAA;AAExC,OAAO,EAAE,iBAAiB,EAAmC,MAAM,OAAO,CAAA;AAwB1E;;;;GAIG;AACH,eAAO,MAAM,wCAAwC,WAAW,CAAA;AAChE,eAAO,MAAM,kCAAkC,yBAA8D,CAAA;AAE7G,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CAAC;IACtD;;OAEG;IACH,aAAa,EAAE,MAAM,CAAA;IACrB;;;;;OAKG;IACH,gBAAgB,EAAE;QAChB,YAAY,CAAC,EAAE,kBAAkB,CAAC,cAAc,CAAC,CAAA;QACjD,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAA;QACzC,KAAK,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAA;KAC7C,CAAA;IACD,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,sGAAsG;IACtG,yBAAyB,CAAC,EAAE,CAAC,wBAAwB,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,+EAA+E;IAC/E,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB,CAAC,CAAA;AAwNF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,2CAMhE"}

package/dist/components/SearchQueryWrapper/SearchQueryWrapper.js

@@ -0,0 +1,100 @@
+import { parseEntityIdFromSqlStatement as e } from "../../utils/functions/SqlFunctions.js";
+import { useSynapseContext as t } from "../../utils/context/SynapseContext.js";
+import { SessionInitializedGuard as n } from "../../utils/AppUtils/session/SessionInitializedGuard.js";
+import r from "../../synapse-queries/entity/useEntityBundle.js";
+import { useGetEntity as i } from "../../synapse-queries/entity/useEntity.js";
+import { hasResettableFilters as a } from "../../utils/functions/queryUtils.js";
+import "../../synapse-queries/index.js";
+import { QueryContextProvider as o, useQueryContext as s } from "../QueryContext/QueryContext.js";
+import { goToPage as c } from "../../utils/hooks/useImmutableTableQuery/TableQueryReducerActions.js";
+import l from "../../utils/hooks/useImmutableTableQuery/useImmutableTableQuery.js";
+import u from "../QueryWrapper/useHasFacetedSelectColumn.js";
+import { getSearchQueryUseQueryOptions as d, useSearchQueryUseQueryOptions as f } from "./SearchQueryUseQueryOptions.js";
+import { useCallback as p, useEffect as m, useMemo as h } from "react";
+import { cloneDeep as g } from "lodash-es";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { useQuery as y } from "@tanstack/react-query";
+import { useDeepCompareMemoize as b } from "use-deep-compare-effect";
+import { Provider as x } from "jotai";
+//#region src/components/SearchQueryWrapper/SearchQueryWrapper.tsx
+var S = "search", C = `SELECT * FROM ${S}`;
+function w({ onQueryResultBundleChange: e }) {
+	let { queryMetadataQueryOptions: t } = s(), { data: n } = y(t);
+	return m(() => {
+		n && e(JSON.stringify(n));
+	}, [n, e]), null;
+}
+function T(e) {
+	return /* @__PURE__ */ _(n, { children: /* @__PURE__ */ _(E, { ...e }) });
+}
+function E(n) {
+	let { initQueryRequest: s, onQueryChange: m, onQueryResultBundleChange: y, isInfinite: x = !1, searchIndexId: T, shouldDeepLink: E = !1 } = n, { keyFactory: D, accessToken: O } = t(), { data: k } = i(T, void 0, { throwOnError: !0 }), A = k, j = A?.definingSQL ? e(A.definingSQL) : void 0, { data: M } = r(j, void 0, { includeTableBundle: !0 }, { throwOnError: !0 }), N = M?.tableBundle?.columnModels, { getInitQueryRequest: P, getCurrentQueryRequest: F, setQuery: I, resetQuery: L, removeSelectedFacet: R, removeValueFromSelectedFacet: z, removeQueryFilter: B, removeValueFromQueryFilter: V, nextQueryRequest: H, currentQueryRequest: U, addValueToSelectedFacet: W, setRangeFacetValue: G, resetDebounceTimer: K, currentPage: q, goToPage: J, pageSize: Y, setPageSize: X } = l({
+		initQueryRequest: b({
+			concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
+			entityId: S,
+			partMask: s.partMask ?? 0,
+			query: {
+				sql: C,
+				selectedFacets: s.query?.selectedFacets,
+				additionalFilters: s.query?.additionalFilters,
+				limit: s.query?.limit,
+				offset: s.query?.offset
+			}
+		}),
+		onQueryChange: m,
+		shouldDeepLink: E
+	}), { rowDataQueryOptions: Z, rowDataInfiniteQueryOptions: Q, queryMetadataQueryOptions: $ } = f(U, T, j);
+	return /* @__PURE__ */ v(o, {
+		queryContext: b({
+			isInfinite: x,
+			entityId: void 0,
+			versionNumber: void 0,
+			nextQueryRequest: H,
+			currentQueryRequest: U,
+			getCurrentQueryRequest: F,
+			getInitQueryRequest: P,
+			executeQueryRequest: I,
+			hasFacetedSelectColumn: u($),
+			hasResettableFilters: h(() => a(F().query, void 0), [F]),
+			removeSelectedFacet: R,
+			removeValueFromSelectedFacet: z,
+			resetQuery: L,
+			removeQueryFilter: B,
+			removeValueFromQueryFilter: V,
+			onViewSharingSettingsClicked: void 0,
+			addValueToSelectedFacet: W,
+			combineRangeFacetConfig: void 0,
+			setRangeFacetValue: G,
+			resetDebounceTimer: K,
+			rowDataQueryOptions: Z,
+			rowDataInfiniteQueryOptions: Q,
+			queryMetadataQueryOptions: $,
+			currentPage: q,
+			goToPage: J,
+			pageSize: Y,
+			setPageSize: X,
+			lockedColumn: void 0,
+			fileIdColumnName: void 0,
+			fileVersionColumnName: void 0,
+			fileNameColumnName: void 0,
+			getRowDataQueryOptionsForPage: p((e) => d(c({
+				type: "goToPage",
+				pageNumber: e
+			}, g(F())), D, O, T, N).rowDataQueryOptions, [
+				F,
+				D,
+				O,
+				T,
+				N
+			])
+		}),
+		children: [y && /* @__PURE__ */ _(w, { onQueryResultBundleChange: y }), n.children]
+	});
+}
+function D(e) {
+	return /* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(T, { ...e }) });
+}
+//#endregion
+export { S as SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID, C as SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL, D as SearchQueryWrapper };
+
+//# sourceMappingURL=SearchQueryWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQueryWrapper.js","names":[],"sources":["../../../src/components/SearchQueryWrapper/SearchQueryWrapper.tsx"],"sourcesContent":["import { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport { parseEntityIdFromSqlStatement } from '@/utils/functions/SqlFunctions'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport { goToPage as transformQueryToGoToPage } from '@/utils/hooks/useImmutableTableQuery/TableQueryReducerActions'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider } from 'jotai'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport {\n  QueryContextProvider,\n  QueryContextType,\n  useQueryContext,\n} from '../QueryContext/QueryContext'\nimport {\n  getSearchQueryUseQueryOptions,\n  useSearchQueryUseQueryOptions,\n} from './SearchQueryUseQueryOptions'\nimport { TableQueryUseQueryOptions } from '../QueryWrapper/TableQueryUseQueryOptions'\nimport useHasFacetedSelectColumn from '../QueryWrapper/useHasFacetedSelectColumn'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\nimport { useGetEntity, useGetEntityBundle } from '@/synapse-queries'\nimport type {\n  SearchIndexQuery,\n  SynapseClientError,\n} from '@sage-bionetworks/synapse-client'\nimport { SearchIndex } from '@sage-bionetworks/synapse-client'\nimport { useQuery, UseQueryOptions } from '@tanstack/react-query'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport { cloneDeep } from 'lodash-es'\n\n/**\n * The initQueryRequest used internally within SearchQueryWrapper. It uses a synthetic entity ID\n * and SQL so we can reuse useImmutableTableQuery for facet/pagination state management, even though\n * the actual data is fetched from the SearchQueryServicesApi (not a table entity).\n */\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID = 'search'\nexport const SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL = `SELECT * FROM ${SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID}`\n\nexport type SearchQueryWrapperProps = PropsWithChildren<{\n  /**\n   * The ID of the SearchIndex entity to query.\n   */\n  searchIndexId: string\n  /**\n   * The initial query request. Only `query.selectedFacets`, `query.additionalFilters`,\n   * `query.limit`, and `query.offset` are used; the `entityId` and `sql` fields are\n   * overridden with synthetic values. The `partMask` controls which parts of the response\n   * bundle to request.\n   */\n  initQueryRequest: {\n    concreteType?: QueryBundleRequest['concreteType']\n    partMask?: QueryBundleRequest['partMask']\n    query?: Partial<QueryBundleRequest['query']>\n  }\n  /** If onQueryChange is set, the callback will be invoked when the Query changes */\n  onQueryChange?: (newQueryJson: string) => void\n  /** If onQueryResultBundleChange is set, it will be called whenever the query result bundle changes */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  isInfinite?: boolean\n  /** Whether the URL should update when the query is modified (deep linking). */\n  shouldDeepLink?: boolean\n}>\n\n/**\n * Internal component that reads the current query metadata from QueryContext and fires\n * onQueryResultBundleChange whenever the data changes. Must be rendered as a child of\n * QueryContextProvider (i.e. inside SearchQueryWrapper).\n */\nfunction SearchQueryResultBundleChangeNotifier({\n  onQueryResultBundleChange,\n}: {\n  onQueryResultBundleChange: (json: string) => void\n}) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n  // queryMetadataQueryOptions is UseSuspenseQueryOptions; cast to UseQueryOptions so we can use\n  // regular (non-suspense) `useQuery` here — the same cache key is shared, so no extra request is made.\n  const queryOpts = queryMetadataQueryOptions as UseQueryOptions<\n    AsynchronousJobStatus<SearchIndexQuery, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n  const { data } = useQuery(queryOpts)\n  useEffect(() => {\n    if (data) {\n      onQueryResultBundleChange(JSON.stringify(data))\n    }\n  }, [data, onQueryResultBundleChange])\n  return null\n}\n\nfunction SearchQueryWrapperInternal(props: SearchQueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <SearchQueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\nfunction SearchQueryWrapperInternalWithSession(props: SearchQueryWrapperProps) {\n  const {\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryChange,\n    onQueryResultBundleChange,\n    isInfinite = false,\n    searchIndexId,\n    shouldDeepLink = false,\n  } = props\n\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  const { data: searchIndexEntityData } = useGetEntity(\n    searchIndexId,\n    undefined,\n    {\n      throwOnError: true,\n    },\n  )\n  const searchIndexEntity = searchIndexEntityData as SearchIndex | undefined\n\n  const synapseId = searchIndexEntity?.definingSQL\n    ? parseEntityIdFromSqlStatement(searchIndexEntity.definingSQL)\n    : undefined\n\n  const { data: entityBundle } = useGetEntityBundle(\n    synapseId,\n    undefined,\n    { includeTableBundle: true },\n    { throwOnError: true },\n  )\n  const columnModels = entityBundle?.tableBundle?.columnModels\n\n  // Build a full synthetic QueryBundleRequest so we can reuse useImmutableTableQuery.\n  // The entityId and sql are placeholders; only selectedFacets, limit, offset, and partMask\n  // are passed through to the actual SearchQueryServicesApi call.\n  const initQueryRequest = useDeepCompareMemoize({\n    concreteType:\n      'org.sagebionetworks.repo.model.table.QueryBundleRequest' as const,\n    entityId: SEARCH_QUERY_WRAPPER_SYNTHETIC_ENTITY_ID,\n    partMask: initQueryRequestFromProps.partMask ?? 0,\n    query: {\n      sql: SEARCH_QUERY_WRAPPER_SYNTHETIC_SQL,\n      selectedFacets: initQueryRequestFromProps.query?.selectedFacets,\n      additionalFilters: initQueryRequestFromProps.query?.additionalFilters,\n      limit: initQueryRequestFromProps.query?.limit,\n      offset: initQueryRequestFromProps.query?.offset,\n    },\n  }) as QueryBundleRequest\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    onQueryChange,\n    shouldDeepLink,\n  })\n\n  const {\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  // SearchTableQueryUseQueryOptions uses SearchIndexQuery generics rather than QueryBundleRequest.\n  // QueryContextType (and all downstream consumers) expect TableQueryUseQueryOptions. The runtime\n  // shapes are identical — only the TypeScript generics differ — so a single cast is made here at\n  // the architectural boundary rather than scattering `as unknown as` across the implementation.\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useSearchQueryUseQueryOptions(\n    currentQueryRequest as QueryBundleRequest,\n    searchIndexId,\n    synapseId,\n  ) as unknown as TableQueryUseQueryOptions\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, undefined)\n  }, [getCurrentQueryRequest])\n\n  // Provides page-specific row query options using the search API, so components like\n  // usePrefetchTableRows don't accidentally call the standard table query API with the\n  // synthetic entity ID.\n  const getRowDataQueryOptionsForPage = useCallback(\n    (pageNumber: number) => {\n      const queryWithUpdatedPage = transformQueryToGoToPage(\n        { type: 'goToPage', pageNumber },\n        cloneDeep(getCurrentQueryRequest()),\n      )\n      return (\n        getSearchQueryUseQueryOptions(\n          queryWithUpdatedPage,\n          keyFactory,\n          accessToken,\n          searchIndexId,\n          columnModels,\n        ) as unknown as TableQueryUseQueryOptions\n      ).rowDataQueryOptions\n    },\n    [\n      getCurrentQueryRequest,\n      keyFactory,\n      accessToken,\n      searchIndexId,\n      columnModels,\n    ],\n  )\n\n  // TODO: useDeepCompareMemoize cannot meaningfully compare functions — it falls back to\n  // reference equality for them. The callbacks below (getCurrentQueryRequest, removeSelectedFacet,\n  // getRowDataQueryOptionsForPage, etc.) behave identically to a shallow useMemo dep.\n  // The correct fix is to deep-compare only serializable data fields and use a plain useMemo for\n  // the full context object. QueryWrapper.tsx has the same issue; fix both together in a follow-up.\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId: undefined,\n    versionNumber: undefined,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked: undefined,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig: undefined,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn: undefined,\n    fileIdColumnName: undefined,\n    fileVersionColumnName: undefined,\n    fileNameColumnName: undefined,\n    getRowDataQueryOptionsForPage,\n  })\n\n  return (\n    <QueryContextProvider queryContext={context}>\n      {onQueryResultBundleChange && (\n        <SearchQueryResultBundleChangeNotifier\n          onQueryResultBundleChange={onQueryResultBundleChange}\n        />\n      )}\n      {props.children}\n    </QueryContextProvider>\n  )\n}\n\n/**\n * Provides a QueryContext populated by results from the SearchQueryServicesApi rather than\n * the standard Table Query Services. All subcomponents that consume QueryContext can be\n * used unchanged within a SearchQueryWrapper tree.\n */\nexport function SearchQueryWrapper(props: SearchQueryWrapperProps) {\n  return (\n    <Provider>\n      <SearchQueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAuCA,IAAa,IAA2C,UAC3C,IAAqC,iBAAiB;AAgCnE,SAAS,EAAsC,EAC7C,gCAGC;CACD,IAAM,EAAE,iCAA8B,GAAiB,EAQjD,EAAE,YAAS,EAAS,EAAU;AAMpC,QALA,QAAgB;AACd,EAAI,KACF,EAA0B,KAAK,UAAU,EAAK,CAAC;IAEhD,CAAC,GAAM,EAA0B,CAAC,EAC9B;;AAGT,SAAS,EAA2B,GAAgC;AAClE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAuC,GAAI,GAAS,CAAA,EAC5B,CAAA;;AAI9B,SAAS,EAAsC,GAAgC;CAC7E,IAAM,EACJ,kBAAkB,GAClB,kBACA,8BACA,gBAAa,IACb,kBACA,oBAAiB,OACf,GAEE,EAAE,eAAY,mBAAgB,GAAmB,EAEjD,EAAE,MAAM,MAA0B,EACtC,GACA,KAAA,GACA,EACE,cAAc,IACf,CACF,EACK,IAAoB,GAEpB,IAAY,GAAmB,cACjC,EAA8B,EAAkB,YAAY,GAC5D,KAAA,GAEE,EAAE,MAAM,MAAiB,EAC7B,GACA,KAAA,GACA,EAAE,oBAAoB,IAAM,EAC5B,EAAE,cAAc,IAAM,CACvB,EACK,IAAe,GAAc,aAAa,cAyB1C,EACJ,wBACA,2BACA,aACA,eACA,wBACA,iCACA,sBACA,+BACA,qBACA,wBACA,4BACA,uBACA,uBACA,gBACA,UAAA,GACA,aACA,mBAvBgC,EAAuB;EACvD,kBAfuB,EAAsB;GAC7C,cACE;GACF,UAAU;GACV,UAAU,EAA0B,YAAY;GAChD,OAAO;IACL,KAAK;IACL,gBAAgB,EAA0B,OAAO;IACjD,mBAAmB,EAA0B,OAAO;IACpD,OAAO,EAA0B,OAAO;IACxC,QAAQ,EAA0B,OAAO;IAC1C;GACF,CAGC;EACA;EACA;EACD,CAoBG,EAME,EACJ,wBACA,gCACA,iCACE,EACF,GACA,GACA,EACD;AA+ED,QACE,kBAAC,GAAD;EAAsB,cApCU,EAAsB;GACtD;GACA,UAAU,KAAA;GACV,eAAe,KAAA;GACf;GACA;GACA;GACA;GACA,qBAAqB;GACrB,wBAnD6B,EAC7B,EAkDA;GACA,sBAhD2B,QAEpB,EADS,GACgB,CAAQ,OAAO,KAAA,EAAU,EACxD,CAAC,EAAuB,CA6CzB;GACA;GACA;GACA;GACA;GACA;GACA,8BAA8B,KAAA;GAC9B;GACA,yBAAyB,KAAA;GACzB;GACA;GACA;GACA;GACA;GACA;GACA,UAAA;GACA;GACA;GACA,cAAc,KAAA;GACd,kBAAkB,KAAA;GAClB,uBAAuB,KAAA;GACvB,oBAAoB,KAAA;GACpB,+BA9DoC,GACnC,MAMG,EAL2B,EAC3B;IAAE,MAAM;IAAY;IAAY,EAChC,EAAU,GAAwB,CAAC,CAIjC,EACA,GACA,GACA,GACA,EACD,CACD,qBAEJ;IACE;IACA;IACA;IACA;IACA;IACD,CAwCD;GACD,CAGqC;YAApC,CACG,KACC,kBAAC,GAAD,EAC6B,8BAC3B,CAAA,EAEH,EAAM,SACc;;;AAS3B,SAAgB,EAAmB,GAAgC;AACjE,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAA4B,GAAI,GAAS,CAAA,EAChC,CAAA"}

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.d.ts

@@ -0,0 +1,56 @@
+import { CardConfiguration } from '../CardContainer/CardConfiguration';
+import { QueryVisualizationWrapperProps } from '../QueryVisualizationWrapper';
+import { SynapseTableConfiguration } from '../SynapseTable';
+import { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls';
+import { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer';
+import { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls';
+import { SearchQueryWrapperProps } from '../SearchQueryWrapper/SearchQueryWrapper';
+type SearchQueryWrapperPlotNavOwnProps = {
+    /** The ID of the SearchIndex entity to query. */
+    searchIndexId: string;
+    /**
+     * The name of the field to use for autocomplete suggestions.
+     * When provided, the search bar will show a dropdown of suggestions as the user types,
+     * populated by querying the search index with this field restricted via POST /search/autocomplete.
+     */
+    autocompleteFieldName?: string;
+    /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */
+    isInfinite?: boolean;
+    tableConfiguration?: SynapseTableConfiguration;
+    cardConfiguration?: CardConfiguration;
+    facetsToPlot?: string[];
+    availableFacets?: FacetFilterControlsProps['availableFacets'];
+    initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls'];
+    initialLimit?: number;
+    hideTopLevelControls?: boolean;
+};
+export type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps & PlotsContainerProps & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideVisualizationsControl'> & Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {
+    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */
+    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest'];
+    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */
+    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange'];
+    /** Whether the URL should update when the query is modified (deep linking). */
+    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink'];
+};
+/**
+ * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union
+ * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.
+ *
+ * Two conditions are checked to be robust against future API changes:
+ *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).
+ *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via
+ *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a
+ *     `searchIndexId` field the guard remains correct.
+ */
+export declare function isSearchQueryWrapperPlotNavProps(config: {
+    searchIndexId?: unknown;
+    sql?: unknown;
+}): config is SearchQueryWrapperPlotNavProps;
+/**
+ * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi
+ * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are
+ * all reused from the existing component library.
+ */
+export default function SearchQueryWrapperPlotNav(props: SearchQueryWrapperPlotNavProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SearchQueryWrapperPlotNav.d.ts.map

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAEL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,mDAAmD,CAAA;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA;AACzE,OAAO,EAAE,wBAAwB,EAAE,MAAM,6CAA6C,CAAA;AACtF,OAAO,EAEL,uBAAuB,EACxB,MAAM,0CAA0C,CAAA;AAIjD,KAAK,iCAAiC,GAAG;IACvC,iDAAiD;IACjD,aAAa,EAAE,MAAM,CAAA;IACrB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,2HAA2H;IAC3H,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,YAAY,CAAC,EAAE,MAAM,EAAE,CAAA;IACvB,eAAe,CAAC,EAAE,wBAAwB,CAAC,iBAAiB,CAAC,CAAA;IAC7D,4BAA4B,CAAC,EAAE,wBAAwB,CAAC,8BAA8B,CAAC,CAAA;IACvF,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAI/B,CAAA;AAED,MAAM,MAAM,8BAA8B,GAAG,iCAAiC,GAC5E,mBAAmB,GACnB,IAAI,CACF,8BAA8B,EAC5B,kBAAkB,GAClB,oBAAoB,GACpB,eAAe,GACf,UAAU,GACV,mBAAmB,GACnB,0BAA0B,GAC1B,iBAAiB,GACjB,mBAAmB,GACnB,qBAAqB,GACrB,2BAA2B,CAC9B,GACD,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG;IACvD,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,uBAAuB,CAAC,kBAAkB,CAAC,CAAA;IAC9D,8FAA8F;IAC9F,yBAAyB,CAAC,EAAE,uBAAuB,CAAC,2BAA2B,CAAC,CAAA;IAChF,+EAA+E;IAC/E,cAAc,CAAC,EAAE,uBAAuB,CAAC,gBAAgB,CAAC,CAAA;CAC3D,CAAA;AAEH;;;;;;;;;GASG;AACH,wBAAgB,gCAAgC,CAAC,MAAM,EAAE;IACvD,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,GAAG,CAAC,EAAE,OAAO,CAAA;CACd,GAAG,MAAM,IAAI,8BAA8B,CAE3C;AAED;;;;GAIG;AACH,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAC/C,KAAK,EAAE,8BAA8B,2CAiGtC"}

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js

@@ -0,0 +1,73 @@
+import "../../utils/SynapseConstants.js";
+import { NoContentPlaceholderType as e } from "../SynapseTable/NoContentPlaceholderType.js";
+import { QueryVisualizationWrapper as t } from "../QueryVisualizationWrapper/QueryVisualizationWrapper.js";
+import "../QueryVisualizationWrapper/index.js";
+import n from "../QueryWrapper/QueryWrapperLoadingScreen.js";
+import { QueryWrapperPlotNavContents as r } from "../QueryWrapperPlotNav/QueryWrapperPlotNav.js";
+import { useGetSuggestionsForSearchIndex as i } from "../SearchQueryWrapper/SearchQueryUseQueryOptions.js";
+import { SearchQueryWrapper as a } from "../SearchQueryWrapper/SearchQueryWrapper.js";
+import { Suspense as o, useRef as s } from "react";
+import { jsx as c } from "react/jsx-runtime";
+import { useDeepCompareMemoize as l } from "use-deep-compare-effect";
+//#region src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx
+function u(e) {
+	return "searchIndexId" in e && !("sql" in e);
+}
+function d(u) {
+	let { tableConfiguration: d, isInfinite: f = !d, unitDescription: p, helpConfiguration: m, initQueryRequest: h, onQueryResultBundleChange: g, searchIndexId: _, autocompleteFieldName: v, shouldDeepLink: y } = u, b = i(_, v), x = l({
+		partMask: h?.partMask ?? 0,
+		query: {
+			selectedFacets: h?.query?.selectedFacets,
+			additionalFilters: h?.query?.additionalFilters,
+			limit: h?.query?.limit ?? 25,
+			offset: h?.query?.offset ?? 0
+		}
+	}), S = s(0), C = s(x);
+	return C.current !== x && (S.current += 1, C.current = x), /* @__PURE__ */ c(a, {
+		searchIndexId: _,
+		initQueryRequest: x,
+		isInfinite: f,
+		onQueryResultBundleChange: g,
+		shouldDeepLink: y,
+		children: /* @__PURE__ */ c(o, {
+			fallback: /* @__PURE__ */ c(n, {}),
+			children: /* @__PURE__ */ c(t, {
+				unitDescription: p,
+				rgbIndex: u.rgbIndex,
+				columnAliases: u.columnAliases,
+				helpConfiguration: m,
+				visibleColumnCount: u.visibleColumnCount,
+				defaultShowPlots: u.defaultShowPlots,
+				hideCopyToClipboard: u.hideCopyToClipboard,
+				hideSearchBarControl: !1,
+				defaultShowSearchBar: !0,
+				showLastUpdatedOn: u.showLastUpdatedOn,
+				noContentPlaceholderType: u.noContentPlaceholderType ?? e.INTERACTIVE,
+				children: /* @__PURE__ */ c(r, {
+					tableConfiguration: d,
+					name: u.name,
+					cardConfiguration: u.cardConfiguration,
+					facetsToPlot: u.facetsToPlot,
+					availableFacets: u.availableFacets,
+					initialExpandedFacetControls: u.initialExpandedFacetControls,
+					hideDownload: !0,
+					hideQueryCount: u.hideQueryCount ?? !1,
+					hideSqlEditorControl: !0,
+					hideVisualizationsControl: u.hideVisualizationsControl,
+					initialLimit: u.initialLimit,
+					initialPlotTypeByFacetColumnName: u.initialPlotTypeByFacetColumnName,
+					hideTopLevelControls: u.hideTopLevelControls,
+					isFullTextSearchEnabled: !0,
+					searchConfiguration: { ftsConfig: {
+						textMatchesMode: "NATURAL_LANGUAGE",
+						getSuggestions: v ? b : void 0
+					} }
+				})
+			})
+		})
+	}, S.current);
+}
+//#endregion
+export { d as default, u as isSearchQueryWrapperPlotNavProps };
+
+//# sourceMappingURL=SearchQueryWrapperPlotNav.js.map

package/dist/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchQueryWrapperPlotNav.js","names":[],"sources":["../../../src/components/SearchQueryWrapperPlotNav/SearchQueryWrapperPlotNav.tsx"],"sourcesContent":["import { NoContentPlaceholderType } from '@/components/SynapseTable/NoContentPlaceholderType'\nimport { DEFAULT_PAGE_SIZE } from '@/utils/SynapseConstants'\nimport { Suspense, useRef } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { CardConfiguration } from '../CardContainer/CardConfiguration'\nimport {\n  QueryVisualizationWrapper,\n  QueryVisualizationWrapperProps,\n} from '../QueryVisualizationWrapper'\nimport QueryWrapperLoadingScreen from '../QueryWrapper/QueryWrapperLoadingScreen'\nimport { SynapseTableConfiguration } from '../SynapseTable'\nimport { TopLevelControlsProps } from '../SynapseTable/TopLevelControls/TopLevelControls'\nimport { PlotsContainerProps } from '../widgets/facet-nav/PlotsContainer'\nimport { FacetFilterControlsProps } from '../widgets/query-filter/FacetFilterControls'\nimport {\n  SearchQueryWrapper,\n  SearchQueryWrapperProps,\n} from '../SearchQueryWrapper/SearchQueryWrapper'\nimport { QueryWrapperPlotNavContents } from '../QueryWrapperPlotNav/QueryWrapperPlotNav'\nimport { useGetSuggestionsForSearchIndex } from '../SearchQueryWrapper/SearchQueryUseQueryOptions'\n\ntype SearchQueryWrapperPlotNavOwnProps = {\n  /** The ID of the SearchIndex entity to query. */\n  searchIndexId: string\n  /**\n   * The name of the field to use for autocomplete suggestions.\n   * When provided, the search bar will show a dropdown of suggestions as the user types,\n   * populated by querying the search index with this field restricted via POST /search/autocomplete.\n   */\n  autocompleteFieldName?: string\n  /** Whether the displayed results should be paginated or infinite. Default for cards is true, default for table is false */\n  isInfinite?: boolean\n  tableConfiguration?: SynapseTableConfiguration\n  cardConfiguration?: CardConfiguration\n  facetsToPlot?: string[]\n  availableFacets?: FacetFilterControlsProps['availableFacets']\n  initialExpandedFacetControls?: FacetFilterControlsProps['initialExpandedFacetControls']\n  initialLimit?: number\n  hideTopLevelControls?: boolean\n  // Note: hideDownload, hideSqlEditorControl are intentionally\n  // excluded — they are hardcoded to true because these controls are not applicable to the\n  // SearchQueryServicesApi (no file download, no SQL editing).\n}\n\nexport type SearchQueryWrapperPlotNavProps = SearchQueryWrapperPlotNavOwnProps &\n  PlotsContainerProps &\n  Pick<\n    QueryVisualizationWrapperProps,\n    | 'defaultShowPlots'\n    | 'visibleColumnCount'\n    | 'columnAliases'\n    | 'rgbIndex'\n    | 'showLastUpdatedOn'\n    | 'noContentPlaceholderType'\n    | 'unitDescription'\n    | 'helpConfiguration'\n    | 'hideCopyToClipboard'\n    | 'hideVisualizationsControl'\n  > &\n  Pick<TopLevelControlsProps, 'name' | 'hideQueryCount'> & {\n    /** Optional initial query parameters. Only selectedFacets, additionalFilters, limit, and offset are used. */\n    initQueryRequest?: SearchQueryWrapperProps['initQueryRequest']\n    /** Called when the query result bundle changes (e.g. to report result counts to a parent). */\n    onQueryResultBundleChange?: SearchQueryWrapperProps['onQueryResultBundleChange']\n    /** Whether the URL should update when the query is modified (deep linking). */\n    shouldDeepLink?: SearchQueryWrapperProps['shouldDeepLink']\n  }\n\n/**\n * Type guard that identifies a SearchQueryWrapperPlotNavProps from the union\n * `QueryWrapperPlotNavProps | SearchQueryWrapperPlotNavProps`.\n *\n * Two conditions are checked to be robust against future API changes:\n *  1. The config has `searchIndexId` (present only on SearchQueryWrapperPlotNavProps).\n *  2. The config does NOT have `sql` (always present on QueryWrapperPlotNavProps via\n *     QueryOrDeprecatedSearchParams), so that if QueryWrapperPlotNavProps ever gains a\n *     `searchIndexId` field the guard remains correct.\n */\nexport function isSearchQueryWrapperPlotNavProps(config: {\n  searchIndexId?: unknown\n  sql?: unknown\n}): config is SearchQueryWrapperPlotNavProps {\n  return 'searchIndexId' in config && !('sql' in config)\n}\n\n/**\n * A component similar to QueryWrapperPlotNav that sources its data from the SearchQueryServicesApi\n * rather than the standard Synapse Table Services. Facets, table/card rendering, and plots are\n * all reused from the existing component library.\n */\nexport default function SearchQueryWrapperPlotNav(\n  props: SearchQueryWrapperPlotNavProps,\n) {\n  const {\n    tableConfiguration,\n    isInfinite = !tableConfiguration,\n    unitDescription,\n    helpConfiguration,\n    initQueryRequest: initQueryRequestFromProps,\n    onQueryResultBundleChange,\n    searchIndexId,\n    autocompleteFieldName,\n    shouldDeepLink,\n  } = props\n\n  const getSuggestions = useGetSuggestionsForSearchIndex(\n    searchIndexId,\n    autocompleteFieldName,\n  )\n\n  const initQueryRequest: SearchQueryWrapperProps['initQueryRequest'] =\n    useDeepCompareMemoize({\n      partMask: initQueryRequestFromProps?.partMask ?? 0,\n      query: {\n        selectedFacets: initQueryRequestFromProps?.query?.selectedFacets,\n        additionalFilters: initQueryRequestFromProps?.query?.additionalFilters,\n        limit: initQueryRequestFromProps?.query?.limit ?? DEFAULT_PAGE_SIZE,\n        offset: initQueryRequestFromProps?.query?.offset ?? 0,\n      },\n    })\n\n  // Remount SearchQueryWrapper when initQueryRequest content changes.\n  // useDeepCompareMemoize returns the same reference when content is equal, so reference\n  // comparison is sufficient here. A counter is used rather than JSON.stringify to avoid\n  // serializing the object on every render.\n  const mountKeyRef = useRef(0)\n  const prevInitQueryRef = useRef(initQueryRequest)\n  if (prevInitQueryRef.current !== initQueryRequest) {\n    mountKeyRef.current += 1\n    prevInitQueryRef.current = initQueryRequest\n  }\n\n  return (\n    <SearchQueryWrapper\n      key={mountKeyRef.current}\n      searchIndexId={searchIndexId}\n      initQueryRequest={initQueryRequest}\n      isInfinite={isInfinite}\n      onQueryResultBundleChange={onQueryResultBundleChange}\n      shouldDeepLink={shouldDeepLink}\n    >\n      <Suspense fallback={<QueryWrapperLoadingScreen />}>\n        <QueryVisualizationWrapper\n          unitDescription={unitDescription}\n          rgbIndex={props.rgbIndex}\n          columnAliases={props.columnAliases}\n          helpConfiguration={helpConfiguration}\n          visibleColumnCount={props.visibleColumnCount}\n          defaultShowPlots={props.defaultShowPlots}\n          hideCopyToClipboard={props.hideCopyToClipboard}\n          hideSearchBarControl={false}\n          defaultShowSearchBar={true}\n          showLastUpdatedOn={props.showLastUpdatedOn}\n          noContentPlaceholderType={\n            props.noContentPlaceholderType ??\n            NoContentPlaceholderType.INTERACTIVE\n          }\n        >\n          <QueryWrapperPlotNavContents\n            tableConfiguration={tableConfiguration}\n            name={props.name}\n            cardConfiguration={props.cardConfiguration}\n            facetsToPlot={props.facetsToPlot}\n            availableFacets={props.availableFacets}\n            initialExpandedFacetControls={props.initialExpandedFacetControls}\n            hideDownload={true}\n            hideQueryCount={props.hideQueryCount ?? false}\n            hideSqlEditorControl={true}\n            hideVisualizationsControl={props.hideVisualizationsControl}\n            initialLimit={props.initialLimit}\n            initialPlotTypeByFacetColumnName={\n              props.initialPlotTypeByFacetColumnName\n            }\n            hideTopLevelControls={props.hideTopLevelControls}\n            isFullTextSearchEnabled={true}\n            searchConfiguration={{\n              ftsConfig: {\n                textMatchesMode: 'NATURAL_LANGUAGE',\n                getSuggestions: autocompleteFieldName\n                  ? getSuggestions\n                  : undefined,\n              },\n            }}\n          />\n        </QueryVisualizationWrapper>\n      </Suspense>\n    </SearchQueryWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;;;AA8EA,SAAgB,EAAiC,GAGJ;AAC3C,QAAO,mBAAmB,KAAU,EAAE,SAAS;;AAQjD,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,uBACA,gBAAa,CAAC,GACd,oBACA,sBACA,kBAAkB,GAClB,8BACA,kBACA,0BACA,sBACE,GAEE,IAAiB,EACrB,GACA,EACD,EAEK,IACJ,EAAsB;EACpB,UAAU,GAA2B,YAAY;EACjD,OAAO;GACL,gBAAgB,GAA2B,OAAO;GAClD,mBAAmB,GAA2B,OAAO;GACrD,OAAO,GAA2B,OAAO,SAAA;GACzC,QAAQ,GAA2B,OAAO,UAAU;GACrD;EACF,CAAC,EAME,IAAc,EAAO,EAAE,EACvB,IAAmB,EAAO,EAAiB;AAMjD,QALI,EAAiB,YAAY,MAC/B,EAAY,WAAW,GACvB,EAAiB,UAAU,IAI3B,kBAAC,GAAD;EAEiB;EACG;EACN;EACe;EACX;YAEhB,kBAAC,GAAD;GAAU,UAAU,kBAAC,GAAD,EAA6B,CAAA;aAC/C,kBAAC,GAAD;IACmB;IACjB,UAAU,EAAM;IAChB,eAAe,EAAM;IACF;IACnB,oBAAoB,EAAM;IAC1B,kBAAkB,EAAM;IACxB,qBAAqB,EAAM;IAC3B,sBAAsB;IACtB,sBAAsB;IACtB,mBAAmB,EAAM;IACzB,0BACE,EAAM,4BACN,EAAyB;cAG3B,kBAAC,GAAD;KACsB;KACpB,MAAM,EAAM;KACZ,mBAAmB,EAAM;KACzB,cAAc,EAAM;KACpB,iBAAiB,EAAM;KACvB,8BAA8B,EAAM;KACpC,cAAc;KACd,gBAAgB,EAAM,kBAAkB;KACxC,sBAAsB;KACtB,2BAA2B,EAAM;KACjC,cAAc,EAAM;KACpB,kCACE,EAAM;KAER,sBAAsB,EAAM;KAC5B,yBAAyB;KACzB,qBAAqB,EACnB,WAAW;MACT,iBAAiB;MACjB,gBAAgB,IACZ,IACA,KAAA;MACL,EACF;KACD,CAAA;IACwB,CAAA;GACnB,CAAA;EACQ,EApDd,EAAY,QAoDE"}

package/dist/components/ShareThisPage/ShareThisPage.js

@@ -27,7 +27,7 @@ var C = ({ shortIoPublicApiKey: C, domain: w = "sageb.io", renderAs: T = "button
 		N && I();
 	}, [N, I]), /* @__PURE__ */ m("div", { children: [T === "button" && /* @__PURE__ */ p(o, {
 		variant: "outlined",
-		endIcon: /* @__PURE__ */ p(h, { className: t.shareIcon }),
+		startIcon: /* @__PURE__ */ p(h, { className: t.shareIcon }),
 		onClick: P,
 		children: "Share"
 	}), /* @__PURE__ */ m(s, {

package/dist/components/ShareThisPage/ShareThisPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          endIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAc,KAAmB,EAAS,GAAM,EAIjD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;AACvB,EAAI,KACF,EAAgB,GAAK;IAInB,UAAoB;AAIxB,EAHI,KACF,EAAgB,GAAM,EAEpB,KACF,GAAiB;IAIf,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;AACjB,KAAO,EAAK;;EAEd,UAAS,MAAS;AAEhB,GADA,QAAQ,MAAM,EAAM,EACpB,EAAO,OAAO,SAAS,KAAK;;EAE/B,CAAC;AAQF,QANA,QAAgB;AACd,EAAI,KACF,GAAgB;IAEjB,CAAC,GAAM,EAAe,CAAC,EAGxB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,SAAS,kBAAC,GAAD,EAAc,WAAW,EAAO,WAAa,CAAA;EACtD,SAAS;YACV;EAEQ,CAAA,EAGX,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,WAAa,CAAA;IAC/B,CAAA,CACD;MAEd,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;SAAQ,CAAA,EAChC,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACc,CAAA;MAEtB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;SAAQ,CAAA,EACzB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;SAAQ,CAAA,EAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MACjB;QAEN,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;MAAsB,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;OAChD,CAAA,EACF,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;OAClB,CAAA,CACE;QACF;OACF;;GACQ,CAAA,CACT;IACL,EAAA,CAAA"}
+{"version":3,"file":"ShareThisPage.js","names":[],"sources":["../../../src/components/ShareThisPage/ShareThisPage.tsx"],"sourcesContent":["import {\n  Button,\n  Dialog,\n  DialogTitle,\n  DialogContent,\n  IconButton,\n  Typography,\n  Input,\n  Box,\n} from '@mui/material'\nimport React from 'react'\nimport { useEffect, useState } from 'react'\nimport CloseIcon from '@mui/icons-material/Close'\nimport CopyToClipboardIcon from '../CopyToClipboardIcon'\nimport {\n  LinkedinShareButton,\n  LinkedinIcon,\n  TwitterShareButton,\n  BlueskyShareButton,\n  BlueskyIcon,\n  XIcon,\n} from 'react-share'\nimport styles from './ShareThisPage.module.scss'\nimport { ShareTwoTone } from '@mui/icons-material'\nimport { useCreateShortUrl } from '../../utils/hooks/useCreateShortUrl'\n\nexport type ShareThisPageProps = {\n  shortIoPublicApiKey?: string\n  domain?: string\n  renderAs?: 'button' | 'icon'\n  open?: boolean\n  onClose?: () => void\n}\n\nconst ShareThisPage = ({\n  shortIoPublicApiKey,\n  domain = 'sageb.io',\n  renderAs = 'button',\n  open: externalOpen,\n  onClose: externalOnClose,\n}: ShareThisPageProps): React.ReactNode => {\n  const [url, setUrl] = useState('')\n  const [internalOpen, setInternalOpen] = useState(false)\n\n  // Use internal state if externalOpen is undefined\n  // Otherwise, the open state is controlled externally by externalOpen\n  const isControlled = externalOpen === undefined\n  const open = isControlled ? internalOpen : externalOpen\n\n  const handleOpen = () => {\n    if (isControlled) {\n      setInternalOpen(true)\n    }\n  }\n\n  const handleClose = () => {\n    if (isControlled) {\n      setInternalOpen(false)\n    }\n    if (externalOnClose) {\n      externalOnClose()\n    }\n  }\n\n  const { mutate: createShortUrl, isPending } = useCreateShortUrl({\n    shortIoPublicApiKey,\n    domain,\n    onSuccess: data => {\n      setUrl(data)\n    },\n    onError: error => {\n      console.error(error)\n      setUrl(window.location.href)\n    },\n  })\n\n  useEffect(() => {\n    if (open) {\n      createShortUrl()\n    }\n  }, [open, createShortUrl])\n\n  return (\n    <div>\n      {renderAs === 'button' && (\n        <Button\n          variant=\"outlined\"\n          startIcon={<ShareTwoTone className={styles.shareIcon} />}\n          onClick={handleOpen}\n        >\n          Share\n        </Button>\n      )}\n\n      <Dialog\n        open={open}\n        onClose={handleClose}\n        maxWidth=\"xs\"\n        className={styles.dialogPaper}\n      >\n        <DialogTitle className={styles.dialogTitle}>\n          Share this page\n          <IconButton onClick={handleClose} size=\"small\">\n            <CloseIcon className={styles.closeIcon} />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent className={styles.dialogContent}>\n          <Box className={styles.contentStack}>\n            <div className={styles.shareButtonsContainer}>\n              <LinkedinShareButton url={url} aria-label=\"Share on LinkedIn\">\n                <div className={styles.shareItem}>\n                  <LinkedinIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    LinkedIn\n                  </Typography>\n                </div>\n              </LinkedinShareButton>\n\n              <TwitterShareButton url={url} aria-label=\"Share on X\">\n                <div className={styles.shareItem}>\n                  <XIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    X\n                  </Typography>\n                </div>\n              </TwitterShareButton>\n\n              <BlueskyShareButton url={url} aria-label=\"Share on Bluesky\">\n                <div className={styles.shareItem}>\n                  <BlueskyIcon size={48} round />\n                  <Typography variant=\"body1\" className={styles.shareItemLabel}>\n                    Bluesky\n                  </Typography>\n                </div>\n              </BlueskyShareButton>\n            </div>\n\n            <div className={styles.copySection}>\n              <Typography className={styles.copyLabel}>Page Link</Typography>\n              <div className={styles.copyRow}>\n                <Input\n                  className={styles.urlInput}\n                  value={url}\n                  readOnly\n                  aria-label=\"Page URL\"\n                  placeholder={isPending ? 'Generating link...' : ''}\n                />\n                <CopyToClipboardIcon\n                  value={url}\n                  sizePx={24}\n                  className={styles.copyButton}\n                />\n              </div>\n            </div>\n          </Box>\n        </DialogContent>\n      </Dialog>\n    </div>\n  )\n}\n\nexport default ShareThisPage\n"],"mappings":";;;;;;;;;;AAkCA,IAAM,KAAiB,EACrB,wBACA,YAAS,YACT,cAAW,UACX,MAAM,GACN,SAAS,QACgC;CACzC,IAAM,CAAC,GAAK,KAAU,EAAS,GAAG,EAC5B,CAAC,GAAc,KAAmB,EAAS,GAAM,EAIjD,IAAe,MAAiB,KAAA,GAChC,IAAO,IAAe,IAAe,GAErC,UAAmB;AACvB,EAAI,KACF,EAAgB,GAAK;IAInB,UAAoB;AAIxB,EAHI,KACF,EAAgB,GAAM,EAEpB,KACF,GAAiB;IAIf,EAAE,QAAQ,GAAgB,iBAAc,EAAkB;EAC9D;EACA;EACA,YAAW,MAAQ;AACjB,KAAO,EAAK;;EAEd,UAAS,MAAS;AAEhB,GADA,QAAQ,MAAM,EAAM,EACpB,EAAO,OAAO,SAAS,KAAK;;EAE/B,CAAC;AAQF,QANA,QAAgB;AACd,EAAI,KACF,GAAgB;IAEjB,CAAC,GAAM,EAAe,CAAC,EAGxB,kBAAC,OAAD,EAAA,UAAA,CACG,MAAa,YACZ,kBAAC,GAAD;EACE,SAAQ;EACR,WAAW,kBAAC,GAAD,EAAc,WAAW,EAAO,WAAa,CAAA;EACxD,SAAS;YACV;EAEQ,CAAA,EAGX,kBAAC,GAAD;EACQ;EACN,SAAS;EACT,UAAS;EACT,WAAW,EAAO;YAJpB,CAME,kBAAC,GAAD;GAAa,WAAW,EAAO;aAA/B,CAA4C,mBAE1C,kBAAC,GAAD;IAAY,SAAS;IAAa,MAAK;cACrC,kBAAC,GAAD,EAAW,WAAW,EAAO,WAAa,CAAA;IAC/B,CAAA,CACD;MAEd,kBAAC,GAAD;GAAe,WAAW,EAAO;aAC/B,kBAAC,GAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB;MACE,kBAAC,GAAD;OAA0B;OAAK,cAAW;iBACxC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAc,MAAM;SAAI,OAAA;SAAQ,CAAA,EAChC,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACc,CAAA;MAEtB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAO,MAAM;SAAI,OAAA;SAAQ,CAAA,EACzB,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MAErB,kBAAC,GAAD;OAAyB;OAAK,cAAW;iBACvC,kBAAC,OAAD;QAAK,WAAW,EAAO;kBAAvB,CACE,kBAAC,GAAD;SAAa,MAAM;SAAI,OAAA;SAAQ,CAAA,EAC/B,kBAAC,GAAD;SAAY,SAAQ;SAAQ,WAAW,EAAO;mBAAgB;SAEjD,CAAA,CACT;;OACa,CAAA;MACjB;QAEN,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAvB,CACE,kBAAC,GAAD;MAAY,WAAW,EAAO;gBAAW;MAAsB,CAAA,EAC/D,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAvB,CACE,kBAAC,GAAD;OACE,WAAW,EAAO;OAClB,OAAO;OACP,UAAA;OACA,cAAW;OACX,aAAa,IAAY,uBAAuB;OAChD,CAAA,EACF,kBAAC,GAAD;OACE,OAAO;OACP,QAAQ;OACR,WAAW,EAAO;OAClB,CAAA,CACE;QACF;OACF;;GACQ,CAAA,CACT;IACL,EAAA,CAAA"}

package/dist/components/SynapseChat/GridAgentChat.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAOA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CA+BpB;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"GridAgentChat.d.ts","sourceRoot":"","sources":["../../../src/components/SynapseChat/GridAgentChat.tsx"],"names":[],"mappings":"AAaA,MAAM,MAAM,kBAAkB,GAAG;IAC/B,aAAa,EAAE,MAAM,CAAA;IACrB,cAAc,EAAE,MAAM,CAAA;IACtB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,iEAAiE;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAA;CAC7B,CAAA;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,cAAc,EACd,WAA8B,EAC9B,cAAc,EACd,IAAI,EACJ,OAAO,EACP,mBAAmB,GACpB,EAAE,kBAAkB,2CAgCpB;AAED,eAAe,aAAa,CAAA"}