synapse-react-client 4.0.18 → 4.0.20

package/dist/components/QueryWrapper/QueryWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;AACtD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,GAAS,CAAA,EACtB,CAAA;;AAO9B,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,GAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,GAOO;EAC9B,CAwBG,EAME,EACJ,yBACA,iCACA,iCACE,GARqB,QAChB,GAAwB,EAC9B,CAAC,EAAuB,CAMM,EAAkB,EAAa,EAE1D,KAAyB,EAC7B,EACD,EAEK,KAAuB,QAEpB,EADS,GACgB,CAAQ,OAAO,EAAa,EAC3D,CAAC,GAAwB,EAAa,CAAC,EAEpC,IAA2B,EAAW,EAA0B;AACtE,SAAgB;AACd,IAAyB,EAA+B;IACvD,CAAC,GAAgC,EAAyB,CAAC;CAE9D,IAAM,IAA8B,EAAW,EAA6B;AAC5E,SAAgB;AACd,IAA4B,EAAkC;IAC7D,CAAC,GAAmC,EAA4B,CAAC;CAEpE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;EACD,CAAC,EACI,IAA4B,EAAW,EAA2B;AACxE,SAAgB;AACd,IAA0B,EAAuB;IAChD,CAAC,GAAwB,EAA0B,CAAC;CAEvD,IAAM,KAAkB,EAAW,EAAiB,EAC9C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,EAAK,CAAC,EACjD,CAAC,EAA0B,CAC5B;AAED,GAAqB;EACnB,oBAAoB,GAAwB;EAC5C,UAAU;EACX,CAAC;CAEF,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,EAKI,EAAE,iBAAa;AACrB,QACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,oCACX;GACD,iBAAiB;AAEf,IADA,GAAgB,EAAE,CAAC,EACnB,GAAiB;;GAEnB,gBAAgB;AACd,OAAgB;;GAElB,CAAA,EACD,GACoB;;;AAI3B,SAAgB,EAAa,GAA0B;AAGrD,QACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,GAAS,CAAA,EAC1B,CAAA"}
+{"version":3,"file":"QueryWrapper.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapper.tsx"],"sourcesContent":["import { LockedColumn } from '@/utils/types/LockedColumn'\nimport { hasResettableFilters as hasResettableFiltersUtil } from '@/utils/functions/queryUtils'\nimport useImmutableTableQuery from '@/utils/hooks/useImmutableTableQuery/useImmutableTableQuery'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { Provider, useSetAtom } from 'jotai'\nimport noop from 'lodash-es/noop'\nimport { PropsWithChildren, useCallback, useEffect, useMemo } from 'react'\nimport { useDeepCompareMemoize } from 'use-deep-compare-effect'\nimport { ConfirmationDialog } from '../ConfirmationDialog'\nimport {\n  CombineRangeFacetConfig,\n  QueryContextProvider,\n  QueryContextType,\n} from '../QueryContext/QueryContext'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport {\n  isRowSelectionUIFloatingAtom,\n  isRowSelectionVisibleAtom,\n  rowSelectionPrimaryKeyAtom,\n  selectedRowsAtom,\n  useHasSelectedRowsAtomValue,\n} from './TableRowSelectionState'\nimport useComputeRowSelectionPrimaryKey from './useComputeRowSelectionPrimaryKey'\nimport useHasFacetedSelectColumn from './useHasFacetedSelectColumn'\nimport useOnQueryDataChange from './useOnQueryDataChange'\nimport { SessionInitializedGuard } from '@/utils/AppUtils/session/SessionInitializedGuard'\n\nexport type QueryWrapperProps = PropsWithChildren<{\n  initQueryRequest: QueryBundleRequest\n  componentIndex?: number //used for deep linking\n  shouldDeepLink?: boolean\n  onQueryChange?: (newQueryJson: string) => void\n  /** Called when the query result rows change */\n  onQueryResultBundleChange?: (newQueryResultBundleJson: string) => void\n  lockedColumn?: LockedColumn\n  onViewSharingSettingsClicked?: (benefactorId: string) => void\n  isRowSelectionVisible?: boolean\n  /** The set of columns that defines a uniqueness constraint on the table for the purposes of filtering based on row selection.\n   * Note that Synapse tables have no internal concept of a primary key.\n   */\n  rowSelectionPrimaryKey?: string[]\n  /** By default, the row selection UI will float at the bottom of the viewport.  Set to false to make it inline */\n  isRowSelectionUIFloating?: boolean\n  isInfinite?: boolean\n  combineRangeFacetConfig?: CombineRangeFacetConfig\n  /** If provided, will use the value in this column instead of the rowID for the access column, download column, etc */\n  fileIdColumnName?: string\n  fileNameColumnName?: string\n  /** If provided, will use the value in this column instead of the row version number for the access column, download column, etc */\n  fileVersionColumnName?: string\n}>\n\n/**\n * Component that manages the state of a Synapse table query. Data can be accessed via QueryContext using\n * either `useQueryContext` or `QueryContextConsumer`.\n */\nfunction QueryWrapperInternal(props: QueryWrapperProps) {\n  return (\n    <SessionInitializedGuard>\n      <QueryWrapperInternalWithSession {...props} />\n    </SessionInitializedGuard>\n  )\n}\n\n/**\n * Internal component that renders after session is initialized\n */\nfunction QueryWrapperInternalWithSession(props: QueryWrapperProps) {\n  const {\n    initQueryRequest,\n    onQueryChange,\n    onQueryResultBundleChange = noop,\n    lockedColumn,\n    componentIndex,\n    shouldDeepLink,\n    onViewSharingSettingsClicked,\n    isRowSelectionVisible: isRowSelectionVisibleFromProps = false,\n    isRowSelectionUIFloating: isRowSelectionUIFloatingFromProps = true,\n    rowSelectionPrimaryKey: rowSelectionPrimaryKeyFromProps,\n    isInfinite = false,\n    combineRangeFacetConfig,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  } = props\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n\n  const immutableTableQueryResult = useImmutableTableQuery({\n    initQueryRequest,\n    shouldDeepLink,\n    componentIndex,\n    onQueryChange,\n    requireConfirmationOnChange: hasSelectedRows,\n  })\n  const {\n    entityId = '',\n    versionNumber,\n    getInitQueryRequest,\n    getCurrentQueryRequest,\n    setQuery,\n    resetQuery,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onConfirmChange,\n    isConfirmingChange,\n    onCancelChange,\n    nextQueryRequest,\n    currentQueryRequest,\n    addValueToSelectedFacet,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n  } = immutableTableQueryResult\n\n  const lastQueryRequest = useMemo(() => {\n    return getCurrentQueryRequest()\n  }, [getCurrentQueryRequest])\n\n  const {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  } = useTableQueryUseQueryOptions(lastQueryRequest, lockedColumn)\n\n  const hasFacetedSelectColumn = useHasFacetedSelectColumn(\n    queryMetadataQueryOptions,\n  )\n\n  const hasResettableFilters = useMemo(() => {\n    const request = getCurrentQueryRequest()\n    return hasResettableFiltersUtil(request.query, lockedColumn)\n  }, [getCurrentQueryRequest, lockedColumn])\n\n  const setIsRowSelectionVisible = useSetAtom(isRowSelectionVisibleAtom)\n  useEffect(() => {\n    setIsRowSelectionVisible(isRowSelectionVisibleFromProps)\n  }, [isRowSelectionVisibleFromProps, setIsRowSelectionVisible])\n\n  const setIsRowSelectionUIFloating = useSetAtom(isRowSelectionUIFloatingAtom)\n  useEffect(() => {\n    setIsRowSelectionUIFloating(isRowSelectionUIFloatingFromProps)\n  }, [isRowSelectionUIFloatingFromProps, setIsRowSelectionUIFloating])\n\n  const rowSelectionPrimaryKey = useComputeRowSelectionPrimaryKey({\n    entityId,\n    versionNumber,\n    rowSelectionPrimaryKeyFromProps,\n    queryMetadataQueryOptions,\n  })\n  const setRowSelectionPrimaryKey = useSetAtom(rowSelectionPrimaryKeyAtom)\n  useEffect(() => {\n    setRowSelectionPrimaryKey(rowSelectionPrimaryKey)\n  }, [rowSelectionPrimaryKey, setRowSelectionPrimaryKey])\n\n  const setSelectedRows = useSetAtom(selectedRowsAtom)\n  const onChangeCallback = useCallback(\n    (data: QueryResultBundle) =>\n      onQueryResultBundleChange(JSON.stringify(data)),\n    [onQueryResultBundleChange],\n  )\n  // Track changes to the query row data and propagate to callback\n  useOnQueryDataChange({\n    queryBundleRequest: getCurrentQueryRequest(),\n    onChange: onChangeCallback,\n  })\n\n  const context: QueryContextType = useDeepCompareMemoize({\n    isInfinite,\n    entityId,\n    versionNumber,\n    nextQueryRequest,\n    currentQueryRequest,\n    getCurrentQueryRequest: getCurrentQueryRequest,\n    getInitQueryRequest,\n    executeQueryRequest: setQuery,\n    hasFacetedSelectColumn,\n    hasResettableFilters,\n    removeSelectedFacet,\n    removeValueFromSelectedFacet,\n    resetQuery,\n    removeQueryFilter,\n    removeValueFromQueryFilter,\n    onViewSharingSettingsClicked,\n    addValueToSelectedFacet,\n    combineRangeFacetConfig,\n    setRangeFacetValue,\n    resetDebounceTimer,\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n    currentPage,\n    goToPage,\n    pageSize,\n    setPageSize,\n    lockedColumn,\n    fileIdColumnName,\n    fileVersionColumnName,\n    fileNameColumnName,\n  })\n\n  /**\n   * Render the children without any formatting\n   */\n  const { children } = props\n  return (\n    <QueryContextProvider queryContext={context}>\n      <ConfirmationDialog\n        open={isConfirmingChange}\n        title={'Change Query and Clear Selection?'}\n        content={\n          'Changing the current query will cause your current selection to be lost. Are you sure you want to proceed?'\n        }\n        confirmButtonProps={{\n          children: 'Clear Selection and Update Query',\n        }}\n        onConfirm={() => {\n          setSelectedRows([])\n          onConfirmChange()\n        }}\n        onCancel={() => {\n          onCancelChange()\n        }}\n      />\n      {children}\n    </QueryContextProvider>\n  )\n}\n\nexport function QueryWrapper(props: QueryWrapperProps) {\n  // Wrap in a Jotai provider to ensure the Jotai atomic state is unique to this component tree\n  // i.e. other instances of QueryWrapper will not share state with this instance\n  return (\n    <Provider>\n      <QueryWrapperInternal {...props} />\n    </Provider>\n  )\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA2DA,SAAS,EAAqB,GAA0B;CACtD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAiC,GAAI,EAAQ,CAAA,EACtB,CAAA;AAE7B;AAKA,SAAS,EAAgC,GAA0B;CACjE,IAAM,EACJ,qBACA,kBACA,+BAA4B,IAC5B,iBACA,mBACA,mBACA,iCACA,uBAAuB,IAAiC,IACxD,0BAA0B,IAAoC,IAC9D,wBAAwB,GACxB,gBAAa,IACb,4BACA,qBACA,0BACA,0BACE,GAWE,EACJ,cAAW,IACX,kBACA,wBACA,2BACA,aACA,eACA,wBACA,iCACA,uBACA,+BACA,oBACA,uBACA,mBACA,qBACA,wBACA,4BACA,uBACA,uBACA,iBACA,cACA,cACA,oBA7BgC,GAAuB;EACvD;EACA;EACA;EACA;EACA,6BAPsB,EAOO;CAC/B,CAwBI,GAME,EACJ,yBACA,iCACA,iCACE,EARqB,QAChB,EAAuB,GAC7B,CAAC,CAAsB,CAMO,GAAkB,CAAY,GAEzD,KAAyB,EAC7B,CACF,GAEM,KAAuB,QAEpB,EADS,EACgB,EAAQ,OAAO,CAAY,GAC1D,CAAC,GAAwB,CAAY,CAAC,GAEnC,IAA2B,EAAW,CAAyB;CACrE,QAAgB;EACd,EAAyB,CAA8B;CACzD,GAAG,CAAC,GAAgC,CAAwB,CAAC;CAE7D,IAAM,IAA8B,EAAW,CAA4B;CAC3E,QAAgB;EACd,EAA4B,CAAiC;CAC/D,GAAG,CAAC,GAAmC,CAA2B,CAAC;CAEnE,IAAM,IAAyB,EAAiC;EAC9D;EACA;EACA;EACA;CACF,CAAC,GACK,IAA4B,EAAW,CAA0B;CACvE,QAAgB;EACd,EAA0B,CAAsB;CAClD,GAAG,CAAC,GAAwB,CAAyB,CAAC;CAEtD,IAAM,KAAkB,EAAW,CAAgB,GAC7C,KAAmB,GACtB,MACC,EAA0B,KAAK,UAAU,CAAI,CAAC,GAChD,CAAC,CAAyB,CAC5B;CAEA,EAAqB;EACnB,oBAAoB,EAAuB;EAC3C,UAAU;CACZ,CAAC;CAED,IAAM,KAA4B,GAAsB;EACtD;EACA;EACA;EACA;EACA;EACwB;EACxB;EACA,qBAAqB;EACrB;EACA,sBAAA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CAAC,GAKK,EAAE,iBAAa;CACrB,OACE,mBAAC,IAAD;EAAsB,cAAc;YAApC,CACE,kBAAC,GAAD;GACE,MAAM;GACN,OAAO;GACP,SACE;GAEF,oBAAoB,EAClB,UAAU,mCACZ;GACA,iBAAiB;IAEf,AADA,GAAgB,CAAC,CAAC,GAClB,EAAgB;GAClB;GACA,gBAAgB;IACd,EAAe;GACjB;EACD,CAAA,GACA,EACmB;;AAE1B;AAEA,SAAgB,EAAa,GAA0B;CAGrD,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAsB,GAAI,EAAQ,CAAA,EAC1B,CAAA;AAEd"}

package/dist/components/QueryWrapper/QueryWrapperLoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;AAC5B,QACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;GAAI;YAA5B,CACE,kBAAC,GAAD,EAAkB,CAAA,EACjB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;IACL;aAEA;GACU,CAAA,CAEX"}
+{"version":3,"file":"QueryWrapperLoadingScreen.js","names":[],"sources":["../../../src/components/QueryWrapper/QueryWrapperLoadingScreen.tsx"],"sourcesContent":["import { Box, LinearProgress, Typography } from '@mui/material'\n\ntype QueryWrapperLoadingScreenProps = { progressMessage?: string }\n\nexport default function QueryWrapperLoadingScreen(\n  props: QueryWrapperLoadingScreenProps,\n) {\n  const { progressMessage } = props\n  return (\n    <Box sx={{ my: 7.5, mx: 15 }}>\n      <LinearProgress />\n      {progressMessage && (\n        <Typography\n          variant={'smallText1'}\n          sx={{\n            color: 'grey.600',\n            fontSize: '10px',\n            textAlign: 'center',\n            my: 1,\n          }}\n        >\n          {progressMessage}\n        </Typography>\n      )}\n    </Box>\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB;CAC5B,OACE,kBAAC,GAAD;EAAK,IAAI;GAAE,IAAI;GAAK,IAAI;EAAG;YAA3B,CACE,kBAAC,GAAD,CAAiB,CAAA,GAChB,KACC,kBAAC,GAAD;GACE,SAAS;GACT,IAAI;IACF,OAAO;IACP,UAAU;IACV,WAAW;IACX,IAAI;GACN;aAEC;EACS,CAAA,CAEX;;AAET"}

package/dist/components/QueryWrapper/TableQueryUseQueryOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,EAAmB;AA0CpE,QAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EAA2C,GAAgB,EAAY;GACzE,SAAQ,MAAQ,EAAK,cAAc,aAAa;GAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,EACD,EAyBH;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,GACD;GACD,eACE,EACE,GACA,EACD;GAEH,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,EAAa,EAChE,eACD;GAML;EACD;;AASH,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,GAAmB;AAEvD,QAAO,QAEH,EACE,GACA,GACA,GACA,EACD,EACH;EAAC;EAAY;EAAa;EAAoB;EAAa,CAC5D"}
+{"version":3,"file":"TableQueryUseQueryOptions.js","names":[],"sources":["../../../src/components/QueryWrapper/TableQueryUseQueryOptions.ts"],"sourcesContent":["import * as SynapseClient from '@/synapse-client/SynapseClient'\nimport {\n  getInfiniteQueryResultBundleOptions,\n  KeyFactory,\n  tableQueryUseQueryDefaults,\n} from '@/synapse-queries'\nimport { useSynapseContext } from '@/utils/context/SynapseContext'\nimport {\n  partitionQueryBundleRequestIntoRowsAndMetadata,\n  removeLockedColumnFromFacetData,\n} from '@/utils/functions/queryUtils'\nimport { LockedColumn } from '@/utils/types/LockedColumn'\nimport { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n  RowSet,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  InfiniteData,\n  QueryKey,\n  UseInfiniteQueryOptions,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { omit } from 'lodash-es'\nimport { useMemo } from 'react'\n\nexport type TableQueryUseQueryOptions = {\n  rowDataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    RowSet | undefined\n  >\n\n  rowDataInfiniteQueryOptions: UseInfiniteQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    InfiniteData<AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>>,\n    QueryKey,\n    string | number | undefined\n  >\n\n  queryMetadataQueryOptions: UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    Omit<QueryResultBundle, 'queryResult'>\n  >\n}\n\nexport function getTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn: LockedColumn | undefined,\n  keyFactory: KeyFactory,\n  accessToken: string | undefined,\n) {\n  const { rowDataRequest, queryMetadataRequest } =\n    partitionQueryBundleRequestIntoRowsAndMetadata(queryBundleRequest)\n  const rowDataQueryOptions: TableQueryUseQueryOptions['rowDataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        rowDataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(rowDataRequest, accessToken),\n      select: data => data.responseBody?.queryResult?.queryResults,\n    }\n\n  const rowDataInfiniteQueryOptions: TableQueryUseQueryOptions['rowDataInfiniteQueryOptions'] =\n    {\n      ...getInfiniteQueryResultBundleOptions(\n        rowDataRequest,\n        keyFactory,\n        accessToken,\n      ),\n    }\n\n  const queryMetadataQueryOptions: TableQueryUseQueryOptions['queryMetadataQueryOptions'] =\n    {\n      ...tableQueryUseQueryDefaults,\n      queryKey: keyFactory.getEntityTableQueryResultWithAsyncStatusQueryKey(\n        queryMetadataRequest,\n        false,\n      ),\n      queryFn: () =>\n        SynapseClient.getQueryTableAsyncJobResults(\n          queryMetadataRequest,\n          accessToken,\n        ),\n\n      select: data =>\n        omit(\n          removeLockedColumnFromFacetData(data.responseBody, lockedColumn),\n          'queryResults',\n        ),\n    }\n\n  return {\n    rowDataQueryOptions,\n    rowDataInfiniteQueryOptions,\n    queryMetadataQueryOptions,\n  }\n}\n\n/**\n * Return the UseQueryOptions used to retrieve a table query's row data and query metadata.\n * @param queryBundleRequest\n * @param lockedColumn - remove a particular facet name (e.g. study) and all possible values based on the parameter\n * specified in the url this is to remove the facet from the charts, search and filter.\n */\nexport function useTableQueryUseQueryOptions(\n  queryBundleRequest: QueryBundleRequest,\n  lockedColumn?: LockedColumn,\n): TableQueryUseQueryOptions {\n  const { keyFactory, accessToken } = useSynapseContext()\n\n  return useMemo(\n    () =>\n      getTableQueryUseQueryOptions(\n        queryBundleRequest,\n        lockedColumn,\n        keyFactory,\n        accessToken,\n      ),\n    [keyFactory, accessToken, queryBundleRequest, lockedColumn],\n  )\n}\n"],"mappings":";;;;;;;;AAkDA,SAAgB,EACd,GACA,GACA,GACA,GACA;CACA,IAAM,EAAE,mBAAgB,4BACtB,EAA+C,CAAkB;CA0CnE,OAAO;EACL,qBAAA;GAxCE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EAA2C,GAAgB,CAAW;GACxE,SAAQ,MAAQ,EAAK,cAAc,aAAa;EAiClD;EACA,6BAAA,EA7BE,GAAG,EACD,GACA,GACA,CACF,EAyBF;EACA,2BAAA;GArBE,GAAG;GACH,UAAU,EAAW,iDACnB,GACA,EACF;GACA,eACE,EACE,GACA,CACF;GAEF,SAAQ,MACN,EACE,EAAgC,EAAK,cAAc,CAAY,GAC/D,cACF;EAMJ;CACF;AACF;AAQA,SAAgB,EACd,GACA,GAC2B;CAC3B,IAAM,EAAE,eAAY,mBAAgB,EAAkB;CAEtD,OAAO,QAEH,EACE,GACA,GACA,GACA,CACF,GACF;EAAC;EAAY;EAAa;EAAoB;CAAY,CAC5D;AACF"}

package/dist/components/QueryWrapper/TableRowSelectionState.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;AAkBhD,QAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAKlD,EAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,EAAI,EAE9B,CAAmB,GAE/C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;;AAWT,IAAa,IAA4B,EAAc,GAAM,EAKhD,IAA+B,EAAc,GAAK,EAKlD,IAA6B,EAA2B,KAAA,EAAU;AAI/E,SAAgB,IAAqC;AACnD,QAAO,EAAa,EAA2B;;AAMjD,IAAa,IAAmB,EAAY,EAAE,CAAC;AAI/C,SAAgB,IAA2B;AACzC,QAAO,EAAa,EAAiB;;AAMvC,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,EAA2B,CAChC;AACD,QAAO,EAAI,EAAiB,CAAC,MAAK,MAChC,EAAW,GAAa,EAAI,CAC7B;EAEJ,EAKY,IAAsB,GAAK,MAAO,EAAI,EAAiB,CAAC,SAAS,EAAE;AAIhF,SAAgB,IAA8B;AAC5C,QAAO,EAAa,EAAoB"}
+{"version":3,"file":"TableRowSelectionState.js","names":[],"sources":["../../../src/components/QueryWrapper/TableRowSelectionState.ts"],"sourcesContent":["import { Row, SelectColumn } from '@sage-bionetworks/synapse-types'\nimport { atom, useAtomValue } from 'jotai'\nimport { isEqual } from 'lodash-es'\n\nexport function getRowSelectionEqualityComparator(\n  row: Row,\n  selectColumns?: SelectColumn[],\n  rowSelectionPrimaryKey?: string[],\n): (r1: Row, r2: Row) => boolean {\n  // Worst-case scenario, use deep equality to compare rows\n  // This will fail from the user's perspective if any data changes in the rows since the last time the selection was updated.\n  let comparator: (r1: Row, r2: Row) => boolean = isEqual\n  if (rowSelectionPrimaryKey && selectColumns) {\n    // If the `rowSelectionPrimaryKey` is defined, a row is selected if we have a PK match\n    // Even this selection is not guaranteed to persist if data changes, e.g. if column order changes and the PK now has a different column index\n    comparator = (r1: Row, r2: Row) => {\n      const r1PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r1.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      const r2PrimaryKeyValues = rowSelectionPrimaryKey.map(\n        key => r2.values[selectColumns.findIndex(cm => cm.name === key)]!,\n      )\n      return isEqual(r1PrimaryKeyValues, r2PrimaryKeyValues)\n    }\n  } else if (row.rowId) {\n    // If there's a rowId, we can use that as a fallback\n    comparator = (r1: Row, r2: Row) => r1.rowId === r2.rowId\n  }\n\n  return comparator\n}\n\n/**\n * Use Jotai atoms to manage table row selection state. We use Jotai instead of React context because subscribing to atoms\n * is more performant than subscribing to a frequently-changing context object, which causes undesirable re-renders.\n */\n\n/**\n * Whether row selection is visible for the current component\n */\nexport const isRowSelectionVisibleAtom = atom<boolean>(false)\n\n/**\n * Whether row selection UI should float or be shown inline\n */\nexport const isRowSelectionUIFloatingAtom = atom<boolean>(true)\n\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport const rowSelectionPrimaryKeyAtom = atom<string[] | undefined>(undefined)\n/**\n * A unique key that identifies a row. If two selected rows have the same key values, then they are considered equal and would both be selected/deselected together.\n */\nexport function useRowSelectionPrimaryKeyAtomValue() {\n  return useAtomValue(rowSelectionPrimaryKeyAtom)\n}\n\n/**\n * The set of selected rows\n */\nexport const selectedRowsAtom = atom<Row[]>([])\n/**\n * The set of selected rows\n */\nexport function useSelectedRowsAtomValue() {\n  return useAtomValue(selectedRowsAtom)\n}\n\n/**\n * Can be used to determine if a row is selected. If a `rowSelectionPrimaryKey` is defined, then the row is selected if it has a matching PK.\n */\nexport const isRowSelectedAtom = atom(\n  get => (row: Row, selectColumns: SelectColumn[]) => {\n    const comparator = getRowSelectionEqualityComparator(\n      row,\n      selectColumns,\n      get(rowSelectionPrimaryKeyAtom),\n    )\n    return get(selectedRowsAtom).some(selectedRow =>\n      comparator(selectedRow, row),\n    )\n  },\n)\n\n/**\n * Whether rows are currently selected\n */\nexport const hasSelectedRowsAtom = atom(get => get(selectedRowsAtom).length > 0)\n/**\n * Whether rows are currently selected\n */\nexport function useHasSelectedRowsAtomValue() {\n  return useAtomValue(hasSelectedRowsAtom)\n}\n"],"mappings":";;;AAIA,SAAgB,EACd,GACA,GACA,GAC+B;CAG/B,IAAI,IAA4C;CAkBhD,OAjBI,KAA0B,IAG5B,KAAc,GAAS,MAOd,EANoB,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAKjD,GAHY,EAAuB,KAChD,MAAO,EAAG,OAAO,EAAc,WAAU,MAAM,EAAG,SAAS,CAAG,EAE7B,CAAkB,IAE9C,EAAI,UAEb,KAAc,GAAS,MAAY,EAAG,UAAU,EAAG,QAG9C;AACT;AAUA,IAAa,IAA4B,EAAc,EAAK,GAK/C,IAA+B,EAAc,EAAI,GAKjD,IAA6B,EAA2B,KAAA,CAAS;AAI9E,SAAgB,IAAqC;CACnD,OAAO,EAAa,CAA0B;AAChD;AAKA,IAAa,IAAmB,EAAY,CAAC,CAAC;AAI9C,SAAgB,IAA2B;CACzC,OAAO,EAAa,CAAgB;AACtC;AAKA,IAAa,IAAoB,GAC/B,OAAQ,GAAU,MAAkC;CAClD,IAAM,IAAa,EACjB,GACA,GACA,EAAI,CAA0B,CAChC;CACA,OAAO,EAAI,CAAgB,EAAE,MAAK,MAChC,EAAW,GAAa,CAAG,CAC7B;AACF,CACF,GAKa,IAAsB,GAAK,MAAO,EAAI,CAAgB,EAAE,SAAS,CAAC;AAI/E,SAAgB,IAA8B;CAC5C,OAAO,EAAa,CAAmB;AACzC"}

package/dist/components/QueryWrapper/ViewMoreQueryResultsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,GAA6B,EAC3B,IAAQ,GAAU;AA4BxB,QA1BA,QAAgB;AACd,EACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,GAAsB;IAEzB;EAAC;EAAuB;EAAc;EAAY;EAAqB,CAAC,EAG3E,QAAgB;AACd,EAAI,KAAS,KAAe,CAAC,KACtB,GAAe;IAErB;EAAC;EAAO;EAAa;EAAoB;EAAc,CAAC,EAEhC,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;GACjB;YAED,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;AACb,IAAI,KAAyB,KAAwB,OACnD,GAAsB,GAEjB,GAAe;;GAGxB,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,IAAM,CAAA,GAAG;GAC1C,CAAA;EACT,CAAA,GAzBC"}
+{"version":3,"file":"ViewMoreQueryResultsButton.js","names":[],"sources":["../../../src/components/QueryWrapper/ViewMoreQueryResultsButton.tsx"],"sourcesContent":["import WideButton from '@/components/styled/WideButton'\nimport { Box } from '@mui/material'\nimport { useEffect } from 'react'\nimport { SynapseSpinner } from '../LoadingScreen/LoadingScreen'\nimport { useIsBot } from '@/utils/hooks/useIsBot'\nimport { useSuspenseGetQueryMetadata } from './useGetQueryMetadata'\n\nexport type ViewMoreQueryResultsButtonProps = {\n  hasNextPage: boolean\n  fetchNextPage: () => void\n  isFetchingNextPage: boolean\n  initialLimit?: number\n  initialLimitIsApplied?: boolean\n  onRemoveInitialLimit?: () => void\n}\n\nexport function ViewMoreQueryResultsButton(\n  props: ViewMoreQueryResultsButtonProps,\n) {\n  const {\n    hasNextPage,\n    fetchNextPage,\n    isFetchingNextPage,\n    initialLimit,\n    initialLimitIsApplied,\n    onRemoveInitialLimit,\n  } = props\n  const {\n    data: { queryCount },\n  } = useSuspenseGetQueryMetadata()\n  const isBot = useIsBot()\n\n  useEffect(() => {\n    if (\n      initialLimitIsApplied &&\n      initialLimit != null &&\n      queryCount != null &&\n      onRemoveInitialLimit != null\n    ) {\n      if (initialLimit >= queryCount)\n        // The initial limit is not necessary, so remove it.\n        onRemoveInitialLimit()\n    }\n  }, [initialLimitIsApplied, initialLimit, queryCount, onRemoveInitialLimit])\n\n  // Automatically fetch all pages for bots\n  useEffect(() => {\n    if (isBot && hasNextPage && !isFetchingNextPage) {\n      void fetchNextPage()\n    }\n  }, [isBot, hasNextPage, isFetchingNextPage, fetchNextPage])\n\n  const showViewMoreButton = initialLimitIsApplied || hasNextPage\n\n  if (!showViewMoreButton) {\n    return null\n  }\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'flex-start',\n      }}\n    >\n      <WideButton\n        variant=\"contained\"\n        color=\"secondary\"\n        size=\"large\"\n        onClick={() => {\n          if (initialLimitIsApplied && onRemoveInitialLimit != null) {\n            onRemoveInitialLimit()\n          } else {\n            void fetchNextPage()\n          }\n        }}\n        disabled={isFetchingNextPage}\n      >\n        {isFetchingNextPage ? <SynapseSpinner size={24} /> : 'View More'}\n      </WideButton>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;;AAgBA,SAAgB,EACd,GACA;CACA,IAAM,EACJ,gBACA,kBACA,uBACA,iBACA,0BACA,4BACE,GACE,EACJ,MAAM,EAAE,oBACN,EAA4B,GAC1B,IAAQ,EAAS;CA4BvB,OA1BA,QAAgB;EACd,AACE,KACA,KAAgB,QAChB,KAAc,QACd,KAAwB,QAEpB,KAAgB,KAElB,EAAqB;CAE3B,GAAG;EAAC;EAAuB;EAAc;EAAY;CAAoB,CAAC,GAG1E,QAAgB;EACd,AAAI,KAAS,KAAe,CAAC,KAC3B,EAAmB;CAEvB,GAAG;EAAC;EAAO;EAAa;EAAoB;CAAa,CAAC,GAE/B,KAAyB,IAOlD,kBAAC,GAAD;EACE,IAAI;GACF,SAAS;GACT,gBAAgB;EAClB;YAEA,kBAAC,GAAD;GACE,SAAQ;GACR,OAAM;GACN,MAAK;GACL,eAAe;IACb,AAAI,KAAyB,KAAwB,OACnD,EAAqB,IAErB,EAAmB;GAEvB;GACA,UAAU;aAET,IAAqB,kBAAC,GAAD,EAAgB,MAAM,GAAK,CAAA,IAAI;EAC3C,CAAA;CACT,CAAA,IAzBE;AA2BX"}

package/dist/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,WAAW;CACxC,EACD,EAGS,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,EAAe;CAOlB,EAAc,EAHvD,QAGuD,CAAU"}
+{"version":3,"file":"generateEncodedPathAndQueryForSelectedFacetURL.js","names":[],"sources":["../../../src/components/QueryWrapper/generateEncodedPathAndQueryForSelectedFacetURL.ts"],"sourcesContent":["import {\n  FacetColumnValuesRequest,\n  Query,\n} from '@sage-bionetworks/synapse-types'\nimport { generateCompressedQueryURL } from '../../utils/functions/deepLinkingUtils'\n\nexport type SelectedFacet = {\n  facet: string\n  facetValue: string\n}\n\nconst formatSelectedFacetsRequest = (\n  selectedFacets: SelectedFacet[],\n): FacetColumnValuesRequest[] => {\n  return selectedFacets.map(selectedFacet => {\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.table.FacetColumnValuesRequest',\n      columnName: selectedFacet.facet,\n      facetValues: [selectedFacet.facetValue],\n    }\n  })\n}\n\nexport const generateEncodedPathAndQueryForSelectedFacetURL = async (\n  path: string,\n  sql: string,\n  selectedFacets: SelectedFacet[],\n): Promise<string> => {\n  const currentQuery: Query = {\n    sql,\n    selectedFacets: formatSelectedFacetsRequest(selectedFacets),\n  }\n\n  const initQuery: Query = {\n    sql,\n  }\n\n  return generateCompressedQueryURL(path, 0, currentQuery, initQuery)\n}\n"],"mappings":";;AAWA,IAAM,KACJ,MAEO,EAAe,KAAI,OACjB;CACL,cACE;CACF,YAAY,EAAc;CAC1B,aAAa,CAAC,EAAc,UAAU;AACxC,EACD,GAGU,IAAiD,OAC5D,GACA,GACA,MAWO,EAA2B,GAAM,GAAG;CARzC;CACA,gBAAgB,EAA4B,CAAc;AAOjB,GAAc,EAHvD,OAGuD,CAAS"}

package/dist/components/QueryWrapper/useComputeRowSelectionPrimaryKey.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,EAAc,EAC/D,EAAE,MAAM,MAAkB,EAAS,EAA0B;AAEnE,QAAO,QAAc;AACnB,MAAI,EACF,QAAO;MACE,KAAU,GAAe,aAClC,QAAO,EAAqB,GAAQ,EAAc,aAAa;IAGhE;EAAC;EAAiC;EAAQ,GAAe;EAAa,CAAC"}
+{"version":3,"file":"useComputeRowSelectionPrimaryKey.js","names":[],"sources":["../../../src/components/QueryWrapper/useComputeRowSelectionPrimaryKey.ts"],"sourcesContent":["import { useGetEntity } from '@/synapse-queries'\nimport { Table } from '@sage-bionetworks/synapse-types'\nimport { useQuery } from '@tanstack/react-query'\nimport { useMemo } from 'react'\nimport { QueryContextType } from '../QueryContext'\nimport { getDefaultPrimaryKey } from '../SynapseTable/SynapseTableUtils'\n\ntype UseComputeRowSelectionPrimaryKeyOptions = {\n  entityId: string\n  versionNumber?: number\n  rowSelectionPrimaryKeyFromProps?: string[]\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions']\n}\n\nexport default function useComputeRowSelectionPrimaryKey(\n  options: UseComputeRowSelectionPrimaryKeyOptions,\n) {\n  const {\n    rowSelectionPrimaryKeyFromProps,\n    entityId,\n    versionNumber,\n    queryMetadataQueryOptions,\n  } = options\n  const { data: entity } = useGetEntity<Table>(entityId, versionNumber)\n  const { data: queryMetadata } = useQuery(queryMetadataQueryOptions)\n\n  return useMemo(() => {\n    if (rowSelectionPrimaryKeyFromProps) {\n      return rowSelectionPrimaryKeyFromProps\n    } else if (entity && queryMetadata?.columnModels) {\n      return getDefaultPrimaryKey(entity, queryMetadata.columnModels)\n    }\n    return undefined\n  }, [rowSelectionPrimaryKeyFromProps, entity, queryMetadata?.columnModels])\n}\n"],"mappings":";;;;;;AAcA,SAAwB,EACtB,GACA;CACA,IAAM,EACJ,oCACA,aACA,kBACA,iCACE,GACE,EAAE,MAAM,MAAW,EAAoB,GAAU,CAAa,GAC9D,EAAE,MAAM,MAAkB,EAAS,CAAyB;CAElE,OAAO,QAAc;EACnB,IAAI,GACF,OAAO;EACF,IAAI,KAAU,GAAe,cAClC,OAAO,EAAqB,GAAQ,EAAc,YAAY;CAGlE,GAAG;EAAC;EAAiC;EAAQ,GAAe;CAAY,CAAC;AAC3E"}

package/dist/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetAddToDownloadListRequestForCurrentQuery.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.ts"],"sourcesContent":["import { useQueryContext } from '@/components/QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '@/components/QueryWrapper/TableRowSelectionState'\nimport { useSuspenseGetQueryMetadata } from '@/components/QueryWrapper/useGetQueryMetadata'\nimport { getFileColumnModelId } from '@/components/SynapseTable/SynapseTableUtils'\nimport { getPrimaryKeyINFilter } from '@/utils/functions/QueryFilterUtils'\nimport {\n  AddToDownloadListRequest,\n  TableQuery,\n} from '@sage-bionetworks/synapse-client'\nimport { useMemo } from 'react'\n\n/**\n * Returns an AddToDownloadListRequest object configured to add the current fileview/dataset result set to the download list\n * (loads data using QueryWrapper)\n */\nexport function useGetAddToDownloadListRequestForCurrentQuery(): AddToDownloadListRequest {\n  const { getCurrentQueryRequest, fileIdColumnName, fileVersionColumnName } =\n    useQueryContext()\n  const { data: originalQueryMetadata } = useSuspenseGetQueryMetadata()\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n\n  return useMemo(() => {\n    const query = getCurrentQueryRequest().query\n    // set the query.selectFileColumn\n    if (fileIdColumnName && fileVersionColumnName) {\n      // find the column model ID and set the parameters\n      const fileIdColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileIdColumnName,\n      )\n      const fileVersionColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileVersionColumnName,\n      )\n\n      query.selectFileColumn = fileIdColumnModel\n        ? Number(fileIdColumnModel.id)\n        : undefined\n      query.selectFileVersionColumn = fileVersionColumnModel\n        ? Number(fileVersionColumnModel.id)\n        : undefined\n    } else {\n      const fileColumnId = getFileColumnModelId(\n        originalQueryMetadata.columnModels,\n      )\n      if (fileColumnId) {\n        query.selectFileColumn = Number(fileColumnId)\n      }\n    }\n\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      originalQueryMetadata.selectColumns\n    ) {\n      const primaryKeyINFilter = getPrimaryKeyINFilter(\n        rowSelectionPrimaryKey,\n        selectedRows,\n        originalQueryMetadata.selectColumns,\n      )\n      query.additionalFilters = [\n        ...(query.additionalFilters || []),\n        primaryKeyINFilter,\n      ]\n    }\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n      query: query as TableQuery,\n    }\n  }, [\n    originalQueryMetadata.columnModels,\n    originalQueryMetadata.selectColumns,\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    selectedRows,\n    fileIdColumnName,\n    fileVersionColumnName,\n  ])\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,IAA0E;CACxF,IAAM,EAAE,2BAAwB,qBAAkB,6BAChD,GAAiB,EACb,EAAE,MAAM,MAA0B,GAA6B,EAE/D,IAAkB,GAA6B,EAC/C,IAAe,GAA0B,EACzC,IAAyB,GAAoC;AAEnE,QAAO,QAAc;EACnB,IAAM,IAAQ,GAAwB,CAAC;AAEvC,MAAI,KAAoB,GAAuB;GAE7C,IAAM,IAAoB,EAAsB,cAAc,MAC5D,MAAO,EAAI,QAAQ,EACpB,EACK,IAAyB,EAAsB,cAAc,MACjE,MAAO,EAAI,QAAQ,EACpB;AAKD,GAHA,EAAM,mBAAmB,IACrB,OAAO,EAAkB,GAAG,GAC5B,KAAA,GACJ,EAAM,0BAA0B,IAC5B,OAAO,EAAuB,GAAG,GACjC,KAAA;SACC;GACL,IAAM,IAAe,EACnB,EAAsB,aACvB;AACD,GAAI,MACF,EAAM,mBAAmB,OAAO,EAAa;;AAIjD,MACE,KACA,KACA,EAAsB,eACtB;GACA,IAAM,IAAqB,EACzB,GACA,GACA,EAAsB,cACvB;AACD,KAAM,oBAAoB,CACxB,GAAI,EAAM,qBAAqB,EAAE,EACjC,EACD;;AAEH,SAAO;GACL,cACE;GACK;GACR;IACA;EACD,EAAsB;EACtB,EAAsB;EACtB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC"}
+{"version":3,"file":"useGetAddToDownloadListRequestForCurrentQuery.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetAddToDownloadListRequestForCurrentQuery.ts"],"sourcesContent":["import { useQueryContext } from '@/components/QueryContext'\nimport {\n  useHasSelectedRowsAtomValue,\n  useRowSelectionPrimaryKeyAtomValue,\n  useSelectedRowsAtomValue,\n} from '@/components/QueryWrapper/TableRowSelectionState'\nimport { useSuspenseGetQueryMetadata } from '@/components/QueryWrapper/useGetQueryMetadata'\nimport { getFileColumnModelId } from '@/components/SynapseTable/SynapseTableUtils'\nimport { getPrimaryKeyINFilter } from '@/utils/functions/QueryFilterUtils'\nimport {\n  AddToDownloadListRequest,\n  TableQuery,\n} from '@sage-bionetworks/synapse-client'\nimport { useMemo } from 'react'\n\n/**\n * Returns an AddToDownloadListRequest object configured to add the current fileview/dataset result set to the download list\n * (loads data using QueryWrapper)\n */\nexport function useGetAddToDownloadListRequestForCurrentQuery(): AddToDownloadListRequest {\n  const { getCurrentQueryRequest, fileIdColumnName, fileVersionColumnName } =\n    useQueryContext()\n  const { data: originalQueryMetadata } = useSuspenseGetQueryMetadata()\n\n  const hasSelectedRows = useHasSelectedRowsAtomValue()\n  const selectedRows = useSelectedRowsAtomValue()\n  const rowSelectionPrimaryKey = useRowSelectionPrimaryKeyAtomValue()\n\n  return useMemo(() => {\n    const query = getCurrentQueryRequest().query\n    // set the query.selectFileColumn\n    if (fileIdColumnName && fileVersionColumnName) {\n      // find the column model ID and set the parameters\n      const fileIdColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileIdColumnName,\n      )\n      const fileVersionColumnModel = originalQueryMetadata.columnModels?.find(\n        col => col.name == fileVersionColumnName,\n      )\n\n      query.selectFileColumn = fileIdColumnModel\n        ? Number(fileIdColumnModel.id)\n        : undefined\n      query.selectFileVersionColumn = fileVersionColumnModel\n        ? Number(fileVersionColumnModel.id)\n        : undefined\n    } else {\n      const fileColumnId = getFileColumnModelId(\n        originalQueryMetadata.columnModels,\n      )\n      if (fileColumnId) {\n        query.selectFileColumn = Number(fileColumnId)\n      }\n    }\n\n    if (\n      hasSelectedRows &&\n      rowSelectionPrimaryKey &&\n      originalQueryMetadata.selectColumns\n    ) {\n      const primaryKeyINFilter = getPrimaryKeyINFilter(\n        rowSelectionPrimaryKey,\n        selectedRows,\n        originalQueryMetadata.selectColumns,\n      )\n      query.additionalFilters = [\n        ...(query.additionalFilters || []),\n        primaryKeyINFilter,\n      ]\n    }\n    return {\n      concreteType:\n        'org.sagebionetworks.repo.model.download.AddToDownloadListRequest',\n      query: query as TableQuery,\n    }\n  }, [\n    originalQueryMetadata.columnModels,\n    originalQueryMetadata.selectColumns,\n    getCurrentQueryRequest,\n    hasSelectedRows,\n    rowSelectionPrimaryKey,\n    selectedRows,\n    fileIdColumnName,\n    fileVersionColumnName,\n  ])\n}\n"],"mappings":";;;;;;;;AAmBA,SAAgB,IAA0E;CACxF,IAAM,EAAE,2BAAwB,qBAAkB,6BAChD,EAAgB,GACZ,EAAE,MAAM,MAA0B,EAA4B,GAE9D,IAAkB,EAA4B,GAC9C,IAAe,EAAyB,GACxC,IAAyB,EAAmC;CAElE,OAAO,QAAc;EACnB,IAAM,IAAQ,EAAuB,EAAE;EAEvC,IAAI,KAAoB,GAAuB;GAE7C,IAAM,IAAoB,EAAsB,cAAc,MAC5D,MAAO,EAAI,QAAQ,CACrB,GACM,IAAyB,EAAsB,cAAc,MACjE,MAAO,EAAI,QAAQ,CACrB;GAKA,AAHA,EAAM,mBAAmB,IACrB,OAAO,EAAkB,EAAE,IAC3B,KAAA,GACJ,EAAM,0BAA0B,IAC5B,OAAO,EAAuB,EAAE,IAChC,KAAA;EACN,OAAO;GACL,IAAM,IAAe,EACnB,EAAsB,YACxB;GACA,AAAI,MACF,EAAM,mBAAmB,OAAO,CAAY;EAEhD;EAEA,IACE,KACA,KACA,EAAsB,eACtB;GACA,IAAM,IAAqB,EACzB,GACA,GACA,EAAsB,aACxB;GACA,EAAM,oBAAoB,CACxB,GAAI,EAAM,qBAAqB,CAAC,GAChC,CACF;EACF;EACA,OAAO;GACL,cACE;GACK;EACT;CACF,GAAG;EACD,EAAsB;EACtB,EAAsB;EACtB;EACA;EACA;EACA;EACA;EACA;CACF,CAAC;AACH"}

package/dist/components/QueryWrapper/useGetQueryMetadata.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetQueryMetadata.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetQueryMetadata.ts"],"sourcesContent":["import { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  useQuery,\n  UseQueryOptions,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { useQueryContext } from '../QueryContext/index'\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper)\n */\nexport function useGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useQuery(mergedOptions)\n}\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper). Suspends the component tree if the query data is not yet loaded.\n */\nexport function useSuspenseGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseSuspenseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useSuspenseQuery<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >(mergedOptions)\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,GAAiB;AAWvD,QAAO,EAAS;EARd,GAAG;EACH,GAAG;EAOW,CAAc;;AAOhC,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,GAAiB;AAWvD,QAAO,EAIL;EAZA,GAAG;EACH,GAAG;EAWH,CAAc"}
+{"version":3,"file":"useGetQueryMetadata.js","names":[],"sources":["../../../src/components/QueryWrapper/useGetQueryMetadata.ts"],"sourcesContent":["import { SynapseClientError } from '@sage-bionetworks/synapse-client'\nimport {\n  AsynchronousJobStatus,\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport {\n  useQuery,\n  UseQueryOptions,\n  useSuspenseQuery,\n  UseSuspenseQueryOptions,\n} from '@tanstack/react-query'\nimport { useQueryContext } from '../QueryContext/index'\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper)\n */\nexport function useGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useQuery(mergedOptions)\n}\n\n/**\n * Get the metadata (columns, count, i.e. not row data) for the query in the current QueryContext (provided by\n * QueryWrapper). Suspends the component tree if the query data is not yet loaded.\n */\nexport function useSuspenseGetQueryMetadata<\n  TSelect = Omit<QueryResultBundle, 'queryResult'>,\n>(\n  optionsOverrides?: Partial<\n    UseSuspenseQueryOptions<\n      AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n      SynapseClientError,\n      TSelect\n    >\n  >,\n) {\n  const { queryMetadataQueryOptions } = useQueryContext()\n\n  const mergedOptions = {\n    ...queryMetadataQueryOptions,\n    ...optionsOverrides,\n  } as UseSuspenseQueryOptions<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >\n\n  return useSuspenseQuery<\n    AsynchronousJobStatus<QueryBundleRequest, QueryResultBundle>,\n    SynapseClientError,\n    TSelect\n  >(mergedOptions)\n}\n"],"mappings":";;;;AAkBA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,EAAgB;CAWtD,OAAO,EAAS;EARd,GAAG;EACH,GAAG;CAOW,CAAa;AAC/B;AAMA,SAAgB,EAGd,GAOA;CACA,IAAM,EAAE,iCAA8B,EAAgB;CAWtD,OAAO,EAIL;EAZA,GAAG;EACH,GAAG;CAWH,CAAa;AACjB"}

package/dist/components/QueryWrapper/useHasFacetedSelectColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"useHasFacetedSelectColumn.js","names":[],"sources":["../../../src/components/QueryWrapper/useHasFacetedSelectColumn.ts"],"sourcesContent":["import { hasFacetedSelectColumn as hasFacetedSelectColumnUtil } from '@/utils/functions/queryUtils'\nimport { useQuery } from '@tanstack/react-query'\nimport { QueryContextType } from '../QueryContext/index'\n\nexport default function useHasFacetedSelectColumn(\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions'],\n): boolean {\n  const { data: queryMetadata, isLoading } = useQuery(queryMetadataQueryOptions)\n\n  if (!queryMetadata) {\n    // if loading, return true - the facet UI will be shown in a loading state\n    return isLoading\n  }\n\n  return hasFacetedSelectColumnUtil(\n    queryMetadata.facets,\n    queryMetadata.selectColumns,\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACS;CACT,IAAM,EAAE,MAAM,GAAe,iBAAc,EAAS,EAA0B;AAO9E,QALK,IAKE,EACL,EAAc,QACd,EAAc,cACf,GANQ"}
+{"version":3,"file":"useHasFacetedSelectColumn.js","names":[],"sources":["../../../src/components/QueryWrapper/useHasFacetedSelectColumn.ts"],"sourcesContent":["import { hasFacetedSelectColumn as hasFacetedSelectColumnUtil } from '@/utils/functions/queryUtils'\nimport { useQuery } from '@tanstack/react-query'\nimport { QueryContextType } from '../QueryContext/index'\n\nexport default function useHasFacetedSelectColumn(\n  queryMetadataQueryOptions: QueryContextType['queryMetadataQueryOptions'],\n): boolean {\n  const { data: queryMetadata, isLoading } = useQuery(queryMetadataQueryOptions)\n\n  if (!queryMetadata) {\n    // if loading, return true - the facet UI will be shown in a loading state\n    return isLoading\n  }\n\n  return hasFacetedSelectColumnUtil(\n    queryMetadata.facets,\n    queryMetadata.selectColumns,\n  )\n}\n"],"mappings":";;;AAIA,SAAwB,EACtB,GACS;CACT,IAAM,EAAE,MAAM,GAAe,iBAAc,EAAS,CAAyB;CAO7E,OALK,IAKE,EACL,EAAc,QACd,EAAc,aAChB,IANS;AAOX"}

package/dist/components/QueryWrapper/useOnQueryDataChange.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOnQueryDataChange.js","names":[],"sources":["../../../src/components/QueryWrapper/useOnQueryDataChange.ts"],"sourcesContent":["import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQuery } from '@tanstack/react-query'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport { useEffect, useRef, useState } from 'react'\n\ntype UseOnQueryDataChangeOptions = {\n  queryBundleRequest: QueryBundleRequest\n  onChange: (data: QueryResultBundle) => void\n}\n\n/**\n * Calls the onChange callback with the current QueryResultBundle when the data for the passed query changes\n * @param options\n */\nexport default function useOnQueryDataChange(\n  options: UseOnQueryDataChangeOptions,\n) {\n  const { queryBundleRequest, onChange } = options\n  const { rowDataQueryOptions, queryMetadataQueryOptions } =\n    useTableQueryUseQueryOptions(queryBundleRequest)\n\n  const { data: rowData, isLoading: rowDataIsLoading } = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJobResponse => asyncJobResponse.responseBody,\n  })\n  const { data: queryMetadata, isLoading: queryMetadataIsLoading } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // SWC requires the entire QueryResultBundle to enable editing table data, so merge the data back into one object before\n  // passing it to the onChange callback\n  const [mergedData, setMergedData] = useState<QueryResultBundle>()\n  useEffect(() => {\n    if (\n      rowData &&\n      queryMetadata &&\n      !rowDataIsLoading &&\n      !queryMetadataIsLoading\n    ) {\n      setMergedData({\n        ...queryMetadata,\n        ...rowData,\n      })\n    }\n  }, [queryMetadata, queryMetadataIsLoading, rowData, rowDataIsLoading])\n\n  // Use a ref so we always call the latest onChange without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  // mergedData is sometimes undefined, which useDeepCompareEffect doesn't like, so use useDeepCompareEffectNoCheck instead\n  useDeepCompareEffectNoCheck(() => {\n    if (mergedData) {\n      onChangeRef.current(mergedData)\n    }\n  }, [mergedData])\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB,gBAAa,GACnC,EAAE,wBAAqB,iCAC3B,EAA6B,EAAmB,EAE5C,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,GAAG;EACH,SAAQ,MAAoB,EAAiB;EAC9C,CAAC,EACI,EAAE,MAAM,GAAe,WAAW,MAA2B,EACjE,EACD,EAIK,CAAC,GAAY,KAAiB,GAA6B;AACjE,SAAgB;AACd,EACE,KACA,KACA,CAAC,KACD,CAAC,KAED,EAAc;GACZ,GAAG;GACH,GAAG;GACJ,CAAC;IAEH;EAAC;EAAe;EAAwB;EAAS;EAAiB,CAAC;CAMtE,IAAM,IAAc,EAAO,EAAS;AAIpC,CAHA,EAAY,UAAU,GAGtB,QAAkC;AAChC,EAAI,KACF,EAAY,QAAQ,EAAW;IAEhC,CAAC,EAAW,CAAC"}
+{"version":3,"file":"useOnQueryDataChange.js","names":[],"sources":["../../../src/components/QueryWrapper/useOnQueryDataChange.ts"],"sourcesContent":["import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect'\nimport { useQuery } from '@tanstack/react-query'\nimport {\n  QueryBundleRequest,\n  QueryResultBundle,\n} from '@sage-bionetworks/synapse-types'\nimport { useTableQueryUseQueryOptions } from './TableQueryUseQueryOptions'\nimport { useEffect, useRef, useState } from 'react'\n\ntype UseOnQueryDataChangeOptions = {\n  queryBundleRequest: QueryBundleRequest\n  onChange: (data: QueryResultBundle) => void\n}\n\n/**\n * Calls the onChange callback with the current QueryResultBundle when the data for the passed query changes\n * @param options\n */\nexport default function useOnQueryDataChange(\n  options: UseOnQueryDataChangeOptions,\n) {\n  const { queryBundleRequest, onChange } = options\n  const { rowDataQueryOptions, queryMetadataQueryOptions } =\n    useTableQueryUseQueryOptions(queryBundleRequest)\n\n  const { data: rowData, isLoading: rowDataIsLoading } = useQuery({\n    ...rowDataQueryOptions,\n    select: asyncJobResponse => asyncJobResponse.responseBody,\n  })\n  const { data: queryMetadata, isLoading: queryMetadataIsLoading } = useQuery(\n    queryMetadataQueryOptions,\n  )\n\n  // SWC requires the entire QueryResultBundle to enable editing table data, so merge the data back into one object before\n  // passing it to the onChange callback\n  const [mergedData, setMergedData] = useState<QueryResultBundle>()\n  useEffect(() => {\n    if (\n      rowData &&\n      queryMetadata &&\n      !rowDataIsLoading &&\n      !queryMetadataIsLoading\n    ) {\n      setMergedData({\n        ...queryMetadata,\n        ...rowData,\n      })\n    }\n  }, [queryMetadata, queryMetadataIsLoading, rowData, rowDataIsLoading])\n\n  // Use a ref so we always call the latest onChange without including it in the\n  // effect dependency array. Including a frequently-recreated callback in deps\n  // causes the effect to re-fire on every render, creating an infinite loop when\n  // the parent updates state inside the callback.\n  const onChangeRef = useRef(onChange)\n  onChangeRef.current = onChange\n\n  // mergedData is sometimes undefined, which useDeepCompareEffect doesn't like, so use useDeepCompareEffectNoCheck instead\n  useDeepCompareEffectNoCheck(() => {\n    if (mergedData) {\n      onChangeRef.current(mergedData)\n    }\n  }, [mergedData])\n}\n"],"mappings":";;;;;AAkBA,SAAwB,EACtB,GACA;CACA,IAAM,EAAE,uBAAoB,gBAAa,GACnC,EAAE,wBAAqB,iCAC3B,EAA6B,CAAkB,GAE3C,EAAE,MAAM,GAAS,WAAW,MAAqB,EAAS;EAC9D,GAAG;EACH,SAAQ,MAAoB,EAAiB;CAC/C,CAAC,GACK,EAAE,MAAM,GAAe,WAAW,MAA2B,EACjE,CACF,GAIM,CAAC,GAAY,KAAiB,EAA4B;CAChE,QAAgB;EACd,AACE,KACA,KACA,CAAC,KACD,CAAC,KAED,EAAc;GACZ,GAAG;GACH,GAAG;EACL,CAAC;CAEL,GAAG;EAAC;EAAe;EAAwB;EAAS;CAAgB,CAAC;CAMrE,IAAM,IAAc,EAAO,CAAQ;CAInC,AAHA,EAAY,UAAU,GAGtB,QAAkC;EAChC,AAAI,KACF,EAAY,QAAQ,CAAU;CAElC,GAAG,CAAC,CAAU,CAAC;AACjB"}

package/dist/components/QueryWrapperErrorBoundary.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperErrorBoundary.js","names":[],"sources":["../../src/components/QueryWrapperErrorBoundary.tsx"],"sourcesContent":["import { SynapseClientError, useSynapseContext } from '@/utils'\nimport { PropsWithChildren, useCallback, useMemo } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n} from 'react-error-boundary'\nimport { EntityActionsRequired } from './AccessRequirement/EntityActionsRequired'\nimport { ErrorBanner } from './error/ErrorBanner'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport SqlEditor from './SynapseTable/SqlEditor'\n\n/**\n * Error boundary that automatically pulls the error from QueryContext.  If 403, shows entity actions required\n */\nexport function QueryWrapperErrorBoundary({\n  children,\n}: PropsWithChildren<Record<never, never>>) {\n  const { getCurrentQueryRequest, onViewSharingSettingsClicked } =\n    useQueryContext()\n  const { entityId } = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const FallbackComponent: ErrorBoundaryPropsWithComponent['FallbackComponent'] =\n    useCallback(\n      props => {\n        if (\n          props.error instanceof SynapseClientError &&\n          props.error.status === 403 &&\n          isAuthenticated\n        ) {\n          return (\n            <div className={`ErrorBannerWrapper`}>\n              <EntityActionsRequired\n                entityId={entityId}\n                onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n              />\n            </div>\n          )\n        }\n        return (\n          <div className={`ErrorBannerWrapper`}>\n            <SqlEditor resetErrorBoundary={props.resetErrorBoundary} />\n            <ErrorBanner {...props} />\n          </div>\n        )\n      },\n      [entityId, isAuthenticated, onViewSharingSettingsClicked],\n    )\n\n  return (\n    <ErrorBoundary FallbackComponent={FallbackComponent}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAA0B,EACxC,eAC0C;CAC1C,IAAM,EAAE,2BAAwB,oCAC9B,GAAiB,EACb,EAAE,gBAAa,QACb,GAAwB,EAC9B,CAAC,EAAuB,CACzB,EACK,EAAE,uBAAoB,GAAmB;AA6B/C,QACE,kBAAC,GAAD;EAAkC,mBA3BlC,GACE,MAEI,EAAM,iBAAiB,KACvB,EAAM,MAAM,WAAW,OACvB,IAGE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACY;IACoB;IAC9B,CAAA;GACE,CAAA,GAIR,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD,EAAW,oBAAoB,EAAM,oBAAsB,CAAA,EAC3D,kBAAC,GAAD,EAAa,GAAI,GAAS,CAAA,CACtB;MAGV;GAAC;GAAU;GAAiB;GAA6B,CAIzB;EAC/B;EACa,CAAA"}
+{"version":3,"file":"QueryWrapperErrorBoundary.js","names":[],"sources":["../../src/components/QueryWrapperErrorBoundary.tsx"],"sourcesContent":["import { SynapseClientError, useSynapseContext } from '@/utils'\nimport { PropsWithChildren, useCallback, useMemo } from 'react'\nimport {\n  ErrorBoundary,\n  ErrorBoundaryPropsWithComponent,\n} from 'react-error-boundary'\nimport { EntityActionsRequired } from './AccessRequirement/EntityActionsRequired'\nimport { ErrorBanner } from './error/ErrorBanner'\nimport { useQueryContext } from './QueryContext/QueryContext'\nimport SqlEditor from './SynapseTable/SqlEditor'\n\n/**\n * Error boundary that automatically pulls the error from QueryContext.  If 403, shows entity actions required\n */\nexport function QueryWrapperErrorBoundary({\n  children,\n}: PropsWithChildren<Record<never, never>>) {\n  const { getCurrentQueryRequest, onViewSharingSettingsClicked } =\n    useQueryContext()\n  const { entityId } = useMemo(\n    () => getCurrentQueryRequest(),\n    [getCurrentQueryRequest],\n  )\n  const { isAuthenticated } = useSynapseContext()\n\n  const FallbackComponent: ErrorBoundaryPropsWithComponent['FallbackComponent'] =\n    useCallback(\n      props => {\n        if (\n          props.error instanceof SynapseClientError &&\n          props.error.status === 403 &&\n          isAuthenticated\n        ) {\n          return (\n            <div className={`ErrorBannerWrapper`}>\n              <EntityActionsRequired\n                entityId={entityId}\n                onViewSharingSettingsClicked={onViewSharingSettingsClicked}\n              />\n            </div>\n          )\n        }\n        return (\n          <div className={`ErrorBannerWrapper`}>\n            <SqlEditor resetErrorBoundary={props.resetErrorBoundary} />\n            <ErrorBanner {...props} />\n          </div>\n        )\n      },\n      [entityId, isAuthenticated, onViewSharingSettingsClicked],\n    )\n\n  return (\n    <ErrorBoundary FallbackComponent={FallbackComponent}>\n      {children}\n    </ErrorBoundary>\n  )\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAgB,EAA0B,EACxC,eAC0C;CAC1C,IAAM,EAAE,2BAAwB,oCAC9B,EAAgB,GACZ,EAAE,gBAAa,QACb,EAAuB,GAC7B,CAAC,CAAsB,CACzB,GACM,EAAE,uBAAoB,EAAkB;CA6B9C,OACE,kBAAC,GAAD;EAAkC,mBA3BlC,GACE,MAEI,EAAM,iBAAiB,KACvB,EAAM,MAAM,WAAW,OACvB,IAGE,kBAAC,OAAD;GAAK,WAAW;aACd,kBAAC,GAAD;IACY;IACoB;GAC/B,CAAA;EACE,CAAA,IAIP,kBAAC,OAAD;GAAK,WAAW;aAAhB,CACE,kBAAC,GAAD,EAAW,oBAAoB,EAAM,mBAAqB,CAAA,GAC1D,kBAAC,GAAD,EAAa,GAAI,EAAQ,CAAA,CACtB;MAGT;GAAC;GAAU;GAAiB;EAA4B,CAIxB;EAC/B;CACY,CAAA;AAEnB"}

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

@@ -1 +1 @@
-{"version":3,"file":"LastUpdatedOn.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/LastUpdatedOn.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport { Suspense } from 'react'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nfunction LastUpdatedOn() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  return showLastUpdatedOn && queryMetadata && queryMetadata.lastUpdatedOn ? (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n      }}\n    >\n      <Typography variant=\"body1Italic\">\n        Last updated on {formatDate(dayjs(queryMetadata.lastUpdatedOn))}\n      </Typography>\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nexport default function LastUpdatedOnWithSuspense() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  if (!showLastUpdatedOn) {\n    return <></>\n  }\n  return (\n    <Suspense fallback={<Skeleton width={100}></Skeleton>}>\n      <LastUpdatedOn />\n    </Suspense>\n  )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAS,IAAgB;CACvB,IAAM,EAAE,yBAAsB,GAA8B,EACtD,EAAE,MAAM,MAAkB,GAA6B;AAE7D,QAAO,KAAqB,KAAiB,EAAc,gBACzD,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe;GACf,YAAY;GACb;YAED,kBAAC,GAAD;GAAY,SAAQ;aAApB,CAAkC,oBACf,EAAW,EAAM,EAAc,cAAc,CAAC,CACpD;;EACT,CAAA,GAEN,kBAAA,GAAA,EAAK,CAAA;;AAIT,SAAwB,IAA4B;CAClD,IAAM,EAAE,yBAAsB,GAA8B;AAI5D,QAHK,IAIH,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAU,OAAO,KAAgB,CAAA;YACnD,kBAAC,GAAD,EAAiB,CAAA;EACR,CAAA,GALJ,kBAAA,GAAA,EAAK,CAAA"}
+{"version":3,"file":"LastUpdatedOn.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/LastUpdatedOn.tsx"],"sourcesContent":["import { formatDate } from '@/utils/functions/DateFormatter'\nimport { Skeleton, Typography } from '@mui/material'\nimport dayjs from 'dayjs'\nimport { Suspense } from 'react'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport { useSuspenseGetQueryMetadata } from '../QueryWrapper/useGetQueryMetadata'\n\nfunction LastUpdatedOn() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  const { data: queryMetadata } = useSuspenseGetQueryMetadata()\n\n  return showLastUpdatedOn && queryMetadata && queryMetadata.lastUpdatedOn ? (\n    <div\n      style={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-end',\n      }}\n    >\n      <Typography variant=\"body1Italic\">\n        Last updated on {formatDate(dayjs(queryMetadata.lastUpdatedOn))}\n      </Typography>\n    </div>\n  ) : (\n    <></>\n  )\n}\n\nexport default function LastUpdatedOnWithSuspense() {\n  const { showLastUpdatedOn } = useQueryVisualizationContext()\n  if (!showLastUpdatedOn) {\n    return <></>\n  }\n  return (\n    <Suspense fallback={<Skeleton width={100}></Skeleton>}>\n      <LastUpdatedOn />\n    </Suspense>\n  )\n}\n"],"mappings":";;;;;;;;;AAOA,SAAS,IAAgB;CACvB,IAAM,EAAE,yBAAsB,EAA6B,GACrD,EAAE,MAAM,MAAkB,EAA4B;CAE5D,OAAO,KAAqB,KAAiB,EAAc,gBACzD,kBAAC,OAAD;EACE,OAAO;GACL,SAAS;GACT,eAAe;GACf,YAAY;EACd;YAEA,kBAAC,GAAD;GAAY,SAAQ;aAApB,CAAkC,oBACf,EAAW,EAAM,EAAc,aAAa,CAAC,CACpD;;CACT,CAAA,IAEL,kBAAA,GAAA,CAAI,CAAA;AAER;AAEA,SAAwB,IAA4B;CAClD,IAAM,EAAE,yBAAsB,EAA6B;CAI3D,OAHK,IAIH,kBAAC,GAAD;EAAU,UAAU,kBAAC,GAAD,EAAU,OAAO,IAAe,CAAA;YAClD,kBAAC,GAAD,CAAgB,CAAA;CACR,CAAA,IALH,kBAAA,GAAA,CAAI,CAAA;AAOf"}

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

@@ -38,7 +38,7 @@ type QueryWrapperPlotNavOwnProps = {
     onViewSharingSettingsClicked?: (benefactorId: string) => void;
     initialLimit?: number;
     hideTopLevelControls?: boolean;
-} & Omit<TopLevelControlsProps, 'entityId'> & Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> & Pick<QueryWrapperProps, 'isRowSelectionVisible' | 'rowSelectionPrimaryKey' | 'isRowSelectionUIFloating' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName'> & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'additionalFiltersSessionStorageKey' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideSearchBarControl' | 'hideVisualizationsControl' | 'enabledExternalAnalysisPlatforms' | 'lockTextMatchesQueryFilterPill'> & Pick<QueryContextType, 'combineRangeFacetConfig'>;
+} & Omit<TopLevelControlsProps, 'entityId'> & Pick<QueryWrapperPlotNavCustomPlotParams, 'onCustomPlotClick'> & Pick<QueryWrapperProps, 'isRowSelectionVisible' | 'rowSelectionPrimaryKey' | 'isRowSelectionUIFloating' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName'> & Pick<QueryVisualizationWrapperProps, 'defaultShowPlots' | 'visibleColumnCount' | 'hiddenColumns' | 'columnAliases' | 'rgbIndex' | 'showLastUpdatedOn' | 'noContentPlaceholderType' | 'unitDescription' | 'additionalFiltersSessionStorageKey' | 'helpConfiguration' | 'hideCopyToClipboard' | 'hideSearchBarControl' | 'hideVisualizationsControl' | 'enabledExternalAnalysisPlatforms' | 'lockTextMatchesQueryFilterPill'> & Pick<QueryContextType, 'combineRangeFacetConfig'>;
 export type QueryWrapperPlotNavProps = QueryOrDeprecatedSearchParams & PlotsContainerProps & QueryWrapperPlotNavOwnProps;
 export type QueryWrapperPlotNavContentsProps = Pick<QueryWrapperPlotNavProps, 'tableConfiguration' | 'name' | 'cardConfiguration' | 'facetsToPlot' | 'availableFacets' | 'initialExpandedFacetControls' | 'hideDownload' | 'hideQueryCount' | 'hideSqlEditorControl' | 'hideVisualizationsControl' | 'searchConfiguration' | 'enabledExternalAnalysisPlatforms' | 'cavaticaConnectAccountURL' | 'customControls' | 'customPlots' | 'fileIdColumnName' | 'fileNameColumnName' | 'fileVersionColumnName' | 'initialLimit' | 'initialPlotTypeByFacetColumnName' | 'hideTopLevelControls'> & {
     isFullTextSearchEnabled: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAA;AAiBlG,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AAItE,OAAO,EAAE,mCAAmC,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EAAE,gBAAgB,EAAmB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAGL,8BAA8B,EAC/B,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAgB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAGjE,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAC3D,OAAiB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAElE,OAAyB,EACvB,qBAAqB,EACrB,aAAa,EACd,MAAM,mDAAmD,CAAA;AAG1D,OAAuB,EACrB,mBAAmB,EACpB,MAAM,qCAAqC,CAAA;AAC5C,OAA4B,EAC1B,wBAAwB,EACzB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,2BAA2B,CAAA;AAIxE,eAAO,MAAM,0BAA0B,EAAE,MAAgC,CAAA;AACzE,eAAO,MAAM,2BAA2B,EAAE,MAA+B,CAAA;AAEzE,eAAO,MAAM,qBAAqB,EAAE,MAA0B,CAAA;AAE9D,KAAK,2BAA2B,GAAG;IACjC,2HAA2H;IAC3H,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,iLAAiL;IACjL,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,mFAAmF;IACnF,aAAa,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,2GAA2G;IAC3G,yBAAyB,CAAC,EAAE,CAAC,wBAAwB,EAAE,MAAM,KAAK,IAAI,CAAA;IACtE,2FAA2F;IAC3F,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,yBAAyB,CAAA;IAC9C,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,mBAAmB,CAAC,EAAE,IAAI,CACxB,aAAa,EACb,cAAc,GAAG,2BAA2B,CAC7C,CAAA;IACD,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,WAAW,CAAC,EAAE,4BAA4B,EAAE,CAAA;IAC5C,cAAc,CAAC,EAAE,aAAa,EAAE,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,YAAY,CAAC,EAAE,iBAAiB,CAAC,cAAc,CAAC,CAAA;IAChD,4BAA4B,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,KAAK,IAAI,CAAA;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B,GAAG,IAAI,CAAC,qBAAqB,EAAE,UAAU,CAAC,GACzC,IAAI,CAAC,mCAAmC,EAAE,mBAAmB,CAAC,GAC9D,IAAI,CACF,iBAAiB,EACf,uBAAuB,GACvB,wBAAwB,GACxB,0BAA0B,GAC1B,kBAAkB,GAClB,oBAAoB,GACpB,uBAAuB,CAC1B,GACD,IAAI,CACF,8BAA8B,EAC5B,kBAAkB,GAClB,oBAAoB,GACpB,eAAe,GACf,UAAU,GACV,mBAAmB,GACnB,0BAA0B,GAC1B,iBAAiB,GACjB,oCAAoC,GACpC,mBAAmB,GACnB,qBAAqB,GACrB,sBAAsB,GACtB,2BAA2B,GAC3B,kCAAkC,GAClC,gCAAgC,CACnC,GACD,IAAI,CAAC,gBAAgB,EAAE,yBAAyB,CAAC,CAAA;AAEnD,MAAM,MAAM,wBAAwB,GAAG,6BAA6B,GAClE,mBAAmB,GACnB,2BAA2B,CAAA;AAE7B,MAAM,MAAM,gCAAgC,GAAG,IAAI,CACjD,wBAAwB,EACtB,oBAAoB,GACpB,MAAM,GACN,mBAAmB,GACnB,cAAc,GACd,iBAAiB,GACjB,8BAA8B,GAC9B,cAAc,GACd,gBAAgB,GAChB,sBAAsB,GACtB,2BAA2B,GAC3B,qBAAqB,GACrB,kCAAkC,GAClC,2BAA2B,GAC3B,gBAAgB,GAChB,aAAa,GACb,kBAAkB,GAClB,oBAAoB,GACpB,uBAAuB,GACvB,cAAc,GACd,kCAAkC,GAClC,sBAAsB,CACzB,GAAG;IACF,uBAAuB,EAAE,OAAO,CAAA;IAChC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,wBAAgB,2BAA2B,CACzC,KAAK,EAAE,gCAAgC,2CAsJxC;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,2CAoH1E"}
+{"version":3,"file":"QueryWrapperPlotNav.d.ts","sourceRoot":"","sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperPlotNav.tsx"],"names":[],"mappings":"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"}

package/dist/components/QueryWrapperPlotNav/QueryWrapperPlotNav.js

@@ -137,6 +137,7 @@ function z(r) {
 			columnAliases: r.columnAliases,
 			helpConfiguration: h,
 			visibleColumnCount: r.visibleColumnCount,
+			hiddenColumns: r.hiddenColumns,
 			defaultShowPlots: r.defaultShowPlots,
 			hideCopyToClipboard: r.hideCopyToClipboard,
 			defaultShowSearchBar: (r.defaultShowSearchBox || M) && !r.hideSearchBarControl,

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"QueryWrapperSynapsePlot.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { SynapsePlot } from '../Plot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryWrapperPlotNavCustomPlotParams,\n  SynapsePlotWidgetParams,\n} from '../Plot/SynapsePlot'\nimport {\n  FacetColumnRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport PlotPanelHeader from '../Plot/PlotPanelHeader'\nexport type QueryWrapperSynapsePlotProps = Pick<\n  QueryWrapperPlotNavCustomPlotParams,\n  'onCustomPlotClick'\n> &\n  Omit<SynapsePlotWidgetParams, 'selectedFacets' | 'additionalFilters'>\ntype QueryWrapperSynapsePlotInternalProps = {\n  onHide: () => void\n}\nexport type QueryWrapperSynapsePlotRowClickEvent = {\n  row: Row\n  queryContext?: QueryContextType\n}\n\n/**\n * This component wraps a SynapsePlot.  It passes in the current query context, and has a custom\n * \"title\" style so that it looks like it belongs in the QueryWrapperPlotNav plots.\n * @param props\n * @returns\n */\nexport default function QueryWrapperSynapsePlot(\n  props: QueryWrapperSynapsePlotProps & QueryWrapperSynapsePlotInternalProps,\n) {\n  const queryContext = useQueryContext()\n  const { currentQueryRequest } = queryContext\n  const { title, onCustomPlotClick, onHide } = props\n  const { showPlots } = useQueryVisualizationContext()\n\n  const widgetParamsMapped: SynapsePlotWidgetParams = useMemo(() => {\n    return {\n      ...props,\n      title: undefined, // we are handling the plot title here in this component\n      showlegend: false,\n      displayModebar: false,\n    }\n  }, [props])\n\n  const customPlotParams: QueryWrapperPlotNavCustomPlotParams = useMemo(() => {\n    const { selectedFacets, additionalFilters } = currentQueryRequest.query\n    return {\n      selectedFacets: selectedFacets as FacetColumnRequest[],\n      additionalFilters: additionalFilters as QueryFilter[],\n      onCustomPlotClick,\n      queryContext,\n    }\n  }, [currentQueryRequest.query, onCustomPlotClick, queryContext])\n  return (\n    <div role=\"figure\" className=\"SynapsePlot\">\n      {showPlots && (\n        <>\n          {title && <PlotPanelHeader title={title} onHide={onHide} />}\n          <SynapsePlot\n            synapsePlotWidgetParams={widgetParamsMapped}\n            customPlotParams={customPlotParams}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiCA,SAAwB,EACtB,GACA;CACA,IAAM,IAAe,GAAiB,EAChC,EAAE,2BAAwB,GAC1B,EAAE,UAAO,sBAAmB,cAAW,GACvC,EAAE,iBAAc,GAA8B,EAE9C,IAA8C,SAC3C;EACL,GAAG;EACH,OAAO,KAAA;EACP,YAAY;EACZ,gBAAgB;EACjB,GACA,CAAC,EAAM,CAAC,EAEL,IAAwD,QAAc;EAC1E,IAAM,EAAE,mBAAgB,yBAAsB,EAAoB;AAClE,SAAO;GACW;GACG;GACnB;GACA;GACD;IACA;EAAC,EAAoB;EAAO;EAAmB;EAAa,CAAC;AAChE,QACE,kBAAC,OAAD;EAAK,MAAK;EAAS,WAAU;YAC1B,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD;GAAwB;GAAe;GAAU,CAAA,EAC3D,kBAAC,GAAD;GACE,yBAAyB;GACP;GAClB,CAAA,CACD,EAAA,CAAA;EAED,CAAA"}
+{"version":3,"file":"QueryWrapperSynapsePlot.js","names":[],"sources":["../../../src/components/QueryWrapperPlotNav/QueryWrapperSynapsePlot.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { SynapsePlot } from '../Plot'\nimport { QueryContextType, useQueryContext } from '../QueryContext'\nimport {\n  QueryWrapperPlotNavCustomPlotParams,\n  SynapsePlotWidgetParams,\n} from '../Plot/SynapsePlot'\nimport {\n  FacetColumnRequest,\n  QueryFilter,\n  Row,\n} from '@sage-bionetworks/synapse-types'\nimport { useQueryVisualizationContext } from '../QueryVisualizationWrapper'\nimport PlotPanelHeader from '../Plot/PlotPanelHeader'\nexport type QueryWrapperSynapsePlotProps = Pick<\n  QueryWrapperPlotNavCustomPlotParams,\n  'onCustomPlotClick'\n> &\n  Omit<SynapsePlotWidgetParams, 'selectedFacets' | 'additionalFilters'>\ntype QueryWrapperSynapsePlotInternalProps = {\n  onHide: () => void\n}\nexport type QueryWrapperSynapsePlotRowClickEvent = {\n  row: Row\n  queryContext?: QueryContextType\n}\n\n/**\n * This component wraps a SynapsePlot.  It passes in the current query context, and has a custom\n * \"title\" style so that it looks like it belongs in the QueryWrapperPlotNav plots.\n * @param props\n * @returns\n */\nexport default function QueryWrapperSynapsePlot(\n  props: QueryWrapperSynapsePlotProps & QueryWrapperSynapsePlotInternalProps,\n) {\n  const queryContext = useQueryContext()\n  const { currentQueryRequest } = queryContext\n  const { title, onCustomPlotClick, onHide } = props\n  const { showPlots } = useQueryVisualizationContext()\n\n  const widgetParamsMapped: SynapsePlotWidgetParams = useMemo(() => {\n    return {\n      ...props,\n      title: undefined, // we are handling the plot title here in this component\n      showlegend: false,\n      displayModebar: false,\n    }\n  }, [props])\n\n  const customPlotParams: QueryWrapperPlotNavCustomPlotParams = useMemo(() => {\n    const { selectedFacets, additionalFilters } = currentQueryRequest.query\n    return {\n      selectedFacets: selectedFacets as FacetColumnRequest[],\n      additionalFilters: additionalFilters as QueryFilter[],\n      onCustomPlotClick,\n      queryContext,\n    }\n  }, [currentQueryRequest.query, onCustomPlotClick, queryContext])\n  return (\n    <div role=\"figure\" className=\"SynapsePlot\">\n      {showPlots && (\n        <>\n          {title && <PlotPanelHeader title={title} onHide={onHide} />}\n          <SynapsePlot\n            synapsePlotWidgetParams={widgetParamsMapped}\n            customPlotParams={customPlotParams}\n          />\n        </>\n      )}\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;;;AAiCA,SAAwB,EACtB,GACA;CACA,IAAM,IAAe,EAAgB,GAC/B,EAAE,2BAAwB,GAC1B,EAAE,UAAO,sBAAmB,cAAW,GACvC,EAAE,iBAAc,EAA6B,GAE7C,IAA8C,SAC3C;EACL,GAAG;EACH,OAAO,KAAA;EACP,YAAY;EACZ,gBAAgB;CAClB,IACC,CAAC,CAAK,CAAC,GAEJ,IAAwD,QAAc;EAC1E,IAAM,EAAE,mBAAgB,yBAAsB,EAAoB;EAClE,OAAO;GACW;GACG;GACnB;GACA;EACF;CACF,GAAG;EAAC,EAAoB;EAAO;EAAmB;CAAY,CAAC;CAC/D,OACE,kBAAC,OAAD;EAAK,MAAK;EAAS,WAAU;YAC1B,KACC,kBAAA,GAAA,EAAA,UAAA,CACG,KAAS,kBAAC,GAAD;GAAwB;GAAe;EAAS,CAAA,GAC1D,kBAAC,GAAD;GACE,yBAAyB;GACP;EACnB,CAAA,CACD,EAAA,CAAA;CAED,CAAA;AAET"}

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

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

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

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

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

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

package/dist/components/RecentPublicationsGrid/RecentPublicationsGrid.js

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