synapse-react-client 3.0.1 → 3.0.4

package/dist/umd/synapse-react-client.development.js

@@ -30596,6 +30596,7 @@ var SRC = (() => {
     bindOAuthProviderToAccount: () => bindOAuthProviderToAccount,
     cancelDataAccessRequest: () => cancelDataAccessRequest,
     changePasswordWithCurrentPassword: () => changePasswordWithCurrentPassword,
+    changePasswordWithToken: () => changePasswordWithToken,
     checkUploadComplete: () => checkUploadComplete,
     clearDownloadListV2: () => clearDownloadListV2,
     consentToOAuth2Request: () => consentToOAuth2Request,
@@ -30718,6 +30719,7 @@ var SRC = (() => {
     rejectFormData: () => rejectFormData,
     removeItemFromDownloadListV2: () => removeItemFromDownloadListV2,
     removeUserFavorite: () => removeUserFavorite,
+    resetPassword: () => resetPassword,
     searchEntities: () => searchEntities,
     setAccessTokenCookie: () => setAccessTokenCookie,
     signOut: () => signOut,
@@ -35487,8 +35489,9 @@ var SRC = (() => {
       });
     }
     render() {
-      var _a;
+      var _a, _b;
       const registerAccountUrl = (_a = this.props.registerAccountUrl) != null ? _a : `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}#!RegisterAccount:0`;
+      const resetPasswordUrl = (_b = this.props.resetPasswordUrl) != null ? _b : `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}#!PasswordReset:0`;
       return /* @__PURE__ */ React10.createElement("div", {
         id: "loginPage",
         className: "container LoginComponent SRC-syn-border-spacing bootstrap-4-backport"
@@ -35526,7 +35529,7 @@ var SRC = (() => {
         value: this.state.password,
         onChange: this.handleChange
       }), this.getLoginFailureView(), /* @__PURE__ */ React10.createElement("a", {
-        href: `${getEndpoint(BackendDestinationEnum.PORTAL_ENDPOINT)}#!PasswordReset:0`
+        href: resetPasswordUrl
       }, "Forgot password?"), /* @__PURE__ */ React10.createElement(import_react_bootstrap2.Button, {
         variant: "primary-500",
         onSubmit: this.handleLogin,
@@ -36641,7 +36644,8 @@ var SRC = (() => {
       requestDetails: queryRequestDetails
     };
     const asyncJobId = yield doPost("/repo/v1/download/list/query/async/start", downloadListQueryRequest, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
-    return getAsyncResultBodyFromJobId(asyncJobId.token, `/repo/v1/download/list/query/async/get/${asyncJobId.token}`, accessToken);
+    const response = yield getAsyncResultBodyFromJobId(asyncJobId.token, `/repo/v1/download/list/query/async/get/${asyncJobId.token}`, accessToken);
+    return response.responseDetails;
   });
   var clearDownloadListV2 = (accessToken) => {
     return doDelete("/repo/v1/download/list", accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
@@ -36735,6 +36739,14 @@ var SRC = (() => {
   var changePasswordWithCurrentPassword = (newPassword, accessToken) => {
     return doPost("/auth/v1/user/changePassword", newPassword, accessToken, void 0, BackendDestinationEnum.REPO_ENDPOINT);
   };
+  var changePasswordWithToken = (newPassword) => {
+    return doPost("/auth/v1/user/changePassword", newPassword, void 0, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
+  var resetPassword = (email) => {
+    const endpoint = window.location.href + "?passwordResetToken=";
+    const url = `/auth/v1/user/password/reset?passwordResetEndpoint=${encodeURIComponent(endpoint)}`;
+    return doPost(url, { email }, void 0, void 0, BackendDestinationEnum.REPO_ENDPOINT);
+  };
 
   // src/lib/containers/UserCardSmall.tsx
   var import_react19 = __toModule(require_react());
@@ -59820,14 +59832,76 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
     return facet.facetType === "enumeration" && facet.facetValues.length == 1 && facet.facetValues[0].value == SynapseConstants_exports.VALUE_NOT_SET;
   };
 
-  // src/lib/utils/hooks/SynapseAPI/useGetQueryResultBundle.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/queryKeys.ts
+  var entityQueryKeys = {
+    all: [{ objectType: "entity" }],
+    entity: (id2) => [__spreadProps(__spreadValues({}, entityQueryKeys.all[0]), { id: id2 })],
+    version: (id2, versionNumber) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), {
+        versionNumber
+      })
+    ],
+    versions: (id2) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), {
+        scope: "versions"
+      })
+    ],
+    versionsQuery: (id2, limit, offset2) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.versions(id2)[0]), {
+        versionQuery: {
+          limit,
+          offset: offset2
+        }
+      })
+    ],
+    json: (id2) => [__spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), { scope: "json" })],
+    path: (id2) => [__spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), { scope: "path" })],
+    bundle: (id2, versionNumber, bundleRequest) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.version(id2, versionNumber)[0]), {
+        scope: "entityBundle",
+        entityBundleRequest: bundleRequest
+      })
+    ],
+    children: (request, infinite) => {
+      var _a;
+      return [
+        __spreadProps(__spreadValues({}, entityQueryKeys.entity((_a = request.parentId) != null ? _a : "root")[0]), {
+          scope: "children",
+          isInfinite: infinite,
+          entityChildrenRequest: request
+        })
+      ];
+    },
+    tableQueryResult: (queryBundleRequest, infinite) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.entity(queryBundleRequest.entityId)[0]), {
+        scope: "tableQueryResult",
+        isInfinite: infinite,
+        tableQueryBundleRequest: queryBundleRequest
+      })
+    ],
+    boundJSONSchema: (id2) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), {
+        scope: "boundJSONSchema"
+      })
+    ],
+    schemaValidationResults: (id2) => [
+      __spreadProps(__spreadValues({}, entityQueryKeys.entity(id2)[0]), {
+        scope: "schemaValidationResults"
+      })
+    ]
+  };
+  function invalidateAllQueriesForEntity(queryClient, id2) {
+    return queryClient.invalidateQueries(entityQueryKeys.entity(id2));
+  }
+
+  // src/lib/utils/hooks/SynapseAPI/entity/useGetQueryResultBundle.ts
   function useGetQueryResultBundle(queryBundleRequest, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["queryResultBundle", queryBundleRequest], () => SynapseClient_exports.getQueryTableResults(queryBundleRequest, accessToken), options2);
+    return useQuery(entityQueryKeys.tableQueryResult(queryBundleRequest, false), () => SynapseClient_exports.getQueryTableResults(queryBundleRequest, accessToken), options2);
   }
   function useInfiniteQueryResultBundle(queryBundleRequest, options2) {
     const { accessToken } = useSynapseContext();
-    return useInfiniteQuery(["queryResultBundle", queryBundleRequest, "infinite"], (context) => {
+    return useInfiniteQuery(entityQueryKeys.tableQueryResult(queryBundleRequest, true), (context) => {
       const offset2 = context.pageParam ? parseInt(context.pageParam) : 0;
       return SynapseClient_exports.getQueryTableAsyncJobResults(__spreadProps(__spreadValues({}, queryBundleRequest), {
         query: __spreadProps(__spreadValues({}, queryBundleRequest.query), {
@@ -60015,9 +60089,7 @@ Please refer to our full <a target="_blank" href="https://help.synapse.org/docs/
   };
 
   // src/lib/containers/home_page/project_view_carousel/ProjectViewCarousel.tsx
-  var ProjectViewCarousel = ({
-    entityId
-  }) => {
+  var ProjectViewCarousel = ({ entityId }) => {
     const queryBundleRequest = {
       concreteType: "org.sagebionetworks.repo.model.table.QueryBundleRequest",
       entityId,
@@ -64963,7 +65035,7 @@ filepath = ${entityId}.path`;
   var import_react100 = __toModule(require_react());
   var import_react_error_boundary5 = __toModule(require_react_error_boundary_umd());
 
-  // src/lib/utils/hooks/SynapseAPI/useGetEntityHeaders.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/useGetEntityHeaders.ts
   function useGetEntityHeaders(references, options2) {
     const { accessToken } = useSynapseContext();
     return useQuery(["entityHeaders", accessToken, references], () => SynapseClient_exports.getEntityHeaders(references, accessToken), options2);
@@ -71635,14 +71707,14 @@ filepath = ${entityId}.path`;
   var import_react204 = __toModule(require_react());
   var import_react_error_boundary8 = __toModule(require_react_error_boundary_umd());
 
-  // src/lib/utils/hooks/SynapseAPI/useGetEntityChildren.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/useGetEntityChildren.ts
   function useGetEntityChildren(request, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["entitychildren", request], () => SynapseClient_exports.getEntityChildren(request, accessToken), options2);
+    return useQuery(entityQueryKeys.children(request, false), () => SynapseClient_exports.getEntityChildren(request, accessToken), options2);
   }
   function useGetEntityChildrenInfinite(request, options2) {
     const { accessToken } = useSynapseContext();
-    return useInfiniteQuery(["entitychildren", request], (context) => __async(this, null, function* () {
+    return useInfiniteQuery(entityQueryKeys.children(request, true), (context) => __async(this, null, function* () {
       return yield SynapseClient_exports.getEntityChildren(__spreadProps(__spreadValues({}, request), {
         includeTotalChildCount: context.pageParam ? false : request.includeTotalChildCount,
         nextPageToken: context.pageParam
@@ -75853,20 +75925,14 @@ filepath = ${entityId}.path`;
   var import_react198 = __toModule(require_react());
   var import_sanitize_html = __toModule(require_sanitize_html());
 
-  // src/lib/utils/hooks/SynapseAPI/useSchema.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/useEntityBoundSchema.ts
   function useGetSchemaBinding(entityId, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["entity", entityId, "bound-schema"], () => SynapseClient_exports.getSchemaBinding(entityId, accessToken), options2);
+    return useQuery(entityQueryKeys.boundJSONSchema(entityId), () => SynapseClient_exports.getSchemaBinding(entityId, accessToken), options2);
   }
   function useGetValidationResults(entityId, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["entity", entityId, "bound-schema", "validation"], () => SynapseClient_exports.getSchemaValidationResults(entityId, accessToken), options2);
-  }
-  function useGetSchema(schema$id, options2) {
-    return useQuery(["schema", schema$id], () => __async(this, null, function* () {
-      const response = yield SynapseClient_exports.getValidationSchema(schema$id);
-      return response.validationSchema;
-    }), options2);
+    return useQuery(entityQueryKeys.schemaValidationResults(entityId), () => SynapseClient_exports.getSchemaValidationResults(entityId, accessToken), options2);
   }
 
   // src/lib/containers/EntityBadgeIcons.tsx
@@ -75876,7 +75942,7 @@ filepath = ${entityId}.path`;
   var import_react197 = __toModule(require_react());
   var import_react_bootstrap51 = __toModule(require_react_bootstrap());
 
-  // src/lib/utils/hooks/SynapseAPI/useEntityBundle.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/useEntityBundle.ts
   var ALL_FIELDS = {
     includeEntity: true,
     includeEntityPath: true,
@@ -75895,27 +75961,25 @@ filepath = ${entityId}.path`;
   };
   function useGetEntityBundle(entityId, bundleRequest = ALL_FIELDS, version2, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery([accessToken, "entity", entityId, "bundle", version2, bundleRequest], () => SynapseClient_exports.getEntityBundleV2(entityId, bundleRequest, version2, accessToken), options2);
+    return useQuery(entityQueryKeys.bundle(entityId, version2, bundleRequest), () => SynapseClient_exports.getEntityBundleV2(entityId, bundleRequest, version2, accessToken), options2);
   }
 
   // src/lib/containers/entity/metadata/AnnotationsTable.tsx
   var import_react137 = __toModule(require_react());
 
-  // src/lib/utils/hooks/SynapseAPI/useEntity.ts
+  // src/lib/utils/hooks/SynapseAPI/entity/useEntity.ts
   var import_react136 = __toModule(require_react());
   function useGetEntity(entityId, versionNumber, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["entity", entityId, "entity", versionNumber], () => SynapseClient_exports.getEntity(accessToken, entityId, versionNumber == null ? void 0 : versionNumber.toString()), options2);
+    return useQuery(entityQueryKeys.version(entityId, versionNumber), () => SynapseClient_exports.getEntity(accessToken, entityId, versionNumber == null ? void 0 : versionNumber.toString()), options2);
   }
   function useUpdateEntity(options2) {
     const queryClient = useQueryClient();
     const { accessToken } = useSynapseContext();
     return useMutation((entity) => SynapseClient_exports.updateEntity(entity, accessToken), __spreadProps(__spreadValues({}, options2), {
       onSuccess: (updatedEntity, variables, ctx) => __async(this, null, function* () {
-        yield queryClient.invalidateQueries(["entity", updatedEntity.id, "entity", void 0], {
-          exact: false
-        });
-        queryClient.setQueryData(["entity", updatedEntity.id, "entity", void 0], updatedEntity);
+        yield invalidateAllQueriesForEntity(queryClient, updatedEntity.id);
+        queryClient.setQueryData(entityQueryKeys.entity(updatedEntity.id), updatedEntity);
         if (options2 == null ? void 0 : options2.onSuccess) {
           yield options2.onSuccess(updatedEntity, variables, ctx);
         }
@@ -75925,7 +75989,7 @@ filepath = ${entityId}.path`;
   function useGetVersionsInfinite(entityId, options2) {
     const LIMIT = 200;
     const { accessToken } = useSynapseContext();
-    return useInfiniteQuery(["entity", entityId, "versions", "infinite"], (context) => __async(this, null, function* () {
+    return useInfiniteQuery(entityQueryKeys.versions(entityId), (context) => __async(this, null, function* () {
       return yield SynapseClient_exports.getEntityVersions(entityId, accessToken, context.pageParam, LIMIT);
     }), __spreadProps(__spreadValues({}, options2), {
       getNextPageParam: (lastPage, pages) => {
@@ -75946,7 +76010,7 @@ filepath = ${entityId}.path`;
     const [entityMetadata, setEntityMetadata] = (0, import_react136.useState)();
     const [annotations, setAnnotations] = (0, import_react136.useState)();
     const { accessToken } = useSynapseContext();
-    const query = useQuery([accessToken, "entity", entityId, "json"], () => SynapseClient_exports.getEntityJson(entityId, accessToken), options2);
+    const query = useQuery(entityQueryKeys.json(entityId), () => SynapseClient_exports.getEntityJson(entityId, accessToken), options2);
     (0, import_react136.useEffect)(() => {
       if (query.data) {
         setEntityMetadata(getStandardEntityFields(query.data));
@@ -75967,10 +76031,8 @@ filepath = ${entityId}.path`;
     }, __spreadProps(__spreadValues({}, options2), {
       onSuccess: (data2, variables, ctx) => __async(this, null, function* () {
         const entityId = data2.id;
-        yield queryClient.invalidateQueries([accessToken, "entity", entityId], {
-          exact: false
-        });
-        queryClient.setQueryData([accessToken, "entity", entityId, "json"], data2);
+        yield invalidateAllQueriesForEntity(queryClient, entityId);
+        queryClient.setQueryData(entityQueryKeys.json(entityId), data2);
         if (options2 == null ? void 0 : options2.onSuccess) {
           yield options2.onSuccess(data2, variables, ctx);
         }
@@ -75979,7 +76041,7 @@ filepath = ${entityId}.path`;
   }
   function useGetEntityPath(entityId, options2) {
     const { accessToken } = useSynapseContext();
-    return useQuery(["entity", entityId, "path"], () => SynapseClient_exports.getEntityPath(entityId, accessToken), options2);
+    return useQuery(entityQueryKeys.path(entityId), () => SynapseClient_exports.getEntityPath(entityId, accessToken), options2);
   }
 
   // src/lib/containers/entity/metadata/AnnotationsTable.tsx
@@ -82002,6 +82064,14 @@ filepath = ${entityId}.path`;
   };
   var AddToList_default = AddToList;
 
+  // src/lib/utils/hooks/SynapseAPI/useSchema.ts
+  function useGetSchema(schema$id, options2) {
+    return useQuery(["schema", schema$id], () => __async(this, null, function* () {
+      const response = yield SynapseClient_exports.getValidationSchema(schema$id);
+      return response.validationSchema;
+    }), options2);
+  }
+
   // src/lib/containers/entity/annotations/AdditionalPropertiesSchemaField.tsx
   var import_react178 = __toModule(require_react());
   var import_react_bootstrap44 = __toModule(require_react_bootstrap());
@@ -87640,7 +87710,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     const [showConfirmation, setShowConfirmation] = import_react195.default.useState(false);
     const ANNOTATION_EDITOR_TOOLTIP_ID = "AnnotationEditorTooltip";
     const { entityMetadata: entityJson, annotations } = useGetJson(entityId, {
-      enabled: !entityId || !formData,
+      enabled: !!entityId && !formData,
       onError: (e3) => {
         if (e3.status !== 404) {
           handleError(e3);
@@ -90333,11 +90403,8 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
   var React397 = __toModule(require_react());
 
   // src/lib/containers/download_list/DownloadConfirmation.tsx
-  var import_react218 = __toModule(require_react());
-  var import_react_bootstrap55 = __toModule(require_react_bootstrap());
-
-  // src/lib/containers/QueryVisualizationWrapper.tsx
   var import_react217 = __toModule(require_react());
+  var import_react_bootstrap55 = __toModule(require_react_bootstrap());
 
   // src/lib/containers/QueryWrapper.tsx
   var React344 = __toModule(require_react());
@@ -90574,71 +90641,6 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     }, children));
   }
 
-  // src/lib/containers/QueryVisualizationWrapper.tsx
-  var QueryVisualizationContext = (0, import_react217.createContext)(void 0);
-  var QueryVisualizationContextProvider = ({ children, queryVisualizationContext }) => {
-    return /* @__PURE__ */ import_react217.default.createElement(QueryVisualizationContext.Provider, {
-      value: queryVisualizationContext
-    }, children);
-  };
-  function useQueryVisualizationContext() {
-    const context = (0, import_react217.useContext)(QueryVisualizationContext);
-    if (context === void 0) {
-      throw new Error("useQueryVisualizationContext must be used within a QueryWrapper");
-    }
-    return context;
-  }
-  var QueryVisualizationContextConsumer = QueryVisualizationContext.Consumer;
-  function QueryVisualizationWrapper(props) {
-    var _a;
-    const { data: data2, getLastQueryRequest, isFacetsAvailable, isLoadingNewBundle } = useQueryContext();
-    const [topLevelControlsState, setTopLevelControlsState] = (0, import_react217.useState)({
-      showColumnFilter: true,
-      showFacetFilter: true,
-      showFacetVisualization: (_a = props.defaultShowFacetVisualization) != null ? _a : true,
-      showSearchBar: false,
-      showDownloadConfirmation: false,
-      showColumnSelectDropdown: false,
-      showSqlEditor: false
-    });
-    (0, import_react217.useEffect)(() => {
-      if (!isFacetsAvailable) {
-        setTopLevelControlsState((state) => __spreadProps(__spreadValues({}, state), {
-          showFacetFilter: false,
-          showFacetVisualization: false
-        }));
-      }
-    }, [isFacetsAvailable]);
-    (0, import_react217.useEffect)(() => {
-      if (isLoadingNewBundle) {
-        setSelectedRowIndices([]);
-      }
-    }, [isLoadingNewBundle]);
-    const [isColumnSelected, setIsColumnSelected] = (0, import_react217.useState)([]);
-    const [selectedRowIndices, setSelectedRowIndices] = (0, import_react217.useState)([]);
-    const lastQueryRequest = getLastQueryRequest();
-    const selectColumns = data2 == null ? void 0 : data2.selectColumns;
-    (0, import_react217.useEffect)(() => {
-      var _a2, _b;
-      setIsColumnSelected((_b = selectColumns == null ? void 0 : selectColumns.slice(0, (_a2 = props.visibleColumnCount) != null ? _a2 : Infinity).map((el2) => el2.name)) != null ? _b : []);
-    }, [selectColumns, lastQueryRequest.query.sql, props.visibleColumnCount]);
-    const context = {
-      topLevelControlsState,
-      setTopLevelControlsState,
-      columnsToShowInTable: isColumnSelected,
-      setColumnsToShowInTable: setIsColumnSelected,
-      selectedRowIndices,
-      setSelectedRowIndices,
-      facetAliases: props.facetAliases,
-      rgbIndex: props.rgbIndex,
-      unitDescription: props.unitDescription
-    };
-    const { children } = props;
-    return /* @__PURE__ */ import_react217.default.createElement(QueryVisualizationContextProvider, {
-      queryVisualizationContext: context
-    }, children);
-  }
-
   // src/lib/containers/download_list/DownloadConfirmation.tsx
   function addToDownload(token2, closeConfirmationFn, queryBundleRequest, folderId, goToDownloadListFn) {
     return __async(this, null, function* () {
@@ -90672,7 +90674,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     },
     [3 /* INFO_ITEMS_IN_LIST */]: {
       className: "alert-info",
-      infoText: /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, "You already have files in your download list, which will be mixed with new files added to your download list.", /* @__PURE__ */ import_react218.default.createElement("br", null), "We recommend completing or clearing your download list before adding these files."),
+      infoText: /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, "You already have files in your download list, which will be mixed with new files added to your download list.", /* @__PURE__ */ import_react217.default.createElement("br", null), "We recommend completing or clearing your download list before adding these files."),
       closeText: "Cancel"
     },
     [1 /* PROCESSING */]: {
@@ -90688,7 +90690,7 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     [4 /* SIGNED_OUT */]: {
       className: "alert-danger",
       closeText: "Close",
-      infoText: /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, "Please ", /* @__PURE__ */ import_react218.default.createElement(SignInButton_default, {
+      infoText: /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, "Please ", /* @__PURE__ */ import_react217.default.createElement(SignInButton_default, {
         style: { color: "#337ab7" }
       }), " to add files to your download list.")
     }
@@ -90697,38 +90699,42 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
     switch (props.status) {
       case 0 /* LOADING_INFO */:
       case 1 /* PROCESSING */:
-        return /* @__PURE__ */ import_react218.default.createElement("div", null, /* @__PURE__ */ import_react218.default.createElement("span", {
+        return /* @__PURE__ */ import_react217.default.createElement("div", null, /* @__PURE__ */ import_react217.default.createElement("span", {
           className: "spinner white"
-        }), /* @__PURE__ */ import_react218.default.createElement("span", {
+        }), /* @__PURE__ */ import_react217.default.createElement("span", {
           className: "spinner__text"
         }, StatusConstruct[props.status].infoText));
       case 4 /* SIGNED_OUT */:
-        return /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, StatusConstruct[props.status].infoText);
+        return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, StatusConstruct[props.status].infoText);
       case 2 /* INFO */:
       case 3 /* INFO_ITEMS_IN_LIST */:
-        return /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, /* @__PURE__ */ import_react218.default.createElement(DownloadDetails, {
+        return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(DownloadDetails, {
           numFiles: props.fileCount,
           numBytes: props.fileSize
-        }), /* @__PURE__ */ import_react218.default.createElement("span", {
+        }), /* @__PURE__ */ import_react217.default.createElement("span", {
           className: "download-confirmation-infoText"
         }, StatusConstruct[props.status].infoText));
       default:
-        return /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null);
+        return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null);
     }
   };
-  var DownloadConfirmation = ({ folderId, fnClose, downloadCartPageUrl = "/DownloadCart" }) => {
-    const { data: queryResultBundle, getLastQueryRequest } = useQueryContext();
-    const { topLevelControlsState, setTopLevelControlsState } = useQueryVisualizationContext();
+  var DownloadConfirmation = ({
+    getLastQueryRequest,
+    folderId,
+    fnClose,
+    setTopLevelControlsState,
+    topLevelControlsState,
+    downloadCartPageUrl = "/DownloadCart"
+  }) => {
     const { accessToken } = useSynapseContext();
-    const [status, setStatus2] = (0, import_react218.useState)(accessToken ? 0 /* LOADING_INFO */ : 4 /* SIGNED_OUT */);
-    const [fileCount, setFileCount] = (0, import_react218.useState)(0);
-    const [fileSize, setFileSize] = (0, import_react218.useState)(0);
-    const { data: downloadListStatistics, refetch } = useGetDownloadListStatistics({
-      enabled: accessToken != null
-    });
+    const { showDownloadConfirmation = true } = topLevelControlsState != null ? topLevelControlsState : {};
+    const [status, setStatus2] = (0, import_react217.useState)(accessToken ? 0 /* LOADING_INFO */ : 4 /* SIGNED_OUT */);
+    const [fileCount, setFileCount] = (0, import_react217.useState)(0);
+    const [fileSize, setFileSize] = (0, import_react217.useState)(0);
+    const { data: downloadListStatistics, refetch } = useGetDownloadListStatistics();
     const lastQueryRequest = getLastQueryRequest();
-    const [showDownloadList, setShowDownloadList] = (0, import_react218.useState)(false);
-    const updateStats = (0, import_react218.useCallback)((count2, bytes, downloadListStatistics2) => {
+    const [showDownloadList, setShowDownloadList] = (0, import_react217.useState)(false);
+    const updateStats = (0, import_react217.useCallback)((count2, bytes, downloadListStatistics2) => {
       if (accessToken && downloadListStatistics2) {
         const hasFilesInDownloadList = downloadListStatistics2.totalNumberOfFiles > 0;
         const size2 = bytes != null ? bytes : 0;
@@ -90755,6 +90761,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       entityChildrenData,
       downloadListStatistics
     ]);
+    const partMask = SynapseConstants_exports.BUNDLE_MASK_QUERY_COUNT | SynapseConstants_exports.BUNDLE_MASK_SUM_FILES_SIZE_BYTES;
+    const queryBundleRequestSizeInformation = __spreadProps(__spreadValues({}, lastQueryRequest), {
+      partMask
+    });
+    const { data: queryResultBundle } = useGetQueryResultBundle(queryBundleRequestSizeInformation);
     useDeepCompareEffect(() => {
       var _a;
       if (queryResultBundle && downloadListStatistics) {
@@ -90767,9 +90778,11 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
       downloadListStatistics
     ]);
     const onCancel = fnClose ? () => fnClose() : () => {
-      setTopLevelControlsState((state) => __spreadProps(__spreadValues({}, state), {
-        showDownloadConfirmation: false
-      }));
+      if (setTopLevelControlsState) {
+        setTopLevelControlsState((topLevelControlsState2) => __spreadProps(__spreadValues({}, topLevelControlsState2), {
+          showDownloadConfirmation: false
+        }));
+      }
     };
     const triggerAddToDownload = () => __async(void 0, null, function* () {
       if (!accessToken) {
@@ -90790,24 +90803,24 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
         console.error("Missing the Download Cart Page URL in the component configuration.");
     }
     const showFacetFilter = topLevelControlsState == null ? void 0 : topLevelControlsState.showFacetFilter;
-    return /* @__PURE__ */ import_react218.default.createElement(import_react218.default.Fragment, null, /* @__PURE__ */ import_react218.default.createElement(import_react_bootstrap55.Alert, {
+    return /* @__PURE__ */ import_react217.default.createElement(import_react217.default.Fragment, null, /* @__PURE__ */ import_react217.default.createElement(import_react_bootstrap55.Alert, {
       dismissible: false,
       show: true,
       variant: "info",
       transition: false,
-      className: `download-confirmation ${StatusConstruct[status].className} ${topLevelControlsState.showDownloadConfirmation ? "" : "hidden"}
+      className: `download-confirmation ${StatusConstruct[status].className} ${showDownloadConfirmation ? "" : "hidden"}
           ${showFacetFilter ? QUERY_FILTERS_EXPANDED_CSS : QUERY_FILTERS_COLLAPSED_CSS}
         `
-    }, /* @__PURE__ */ import_react218.default.createElement(DownloadConfirmationContent, {
+    }, /* @__PURE__ */ import_react217.default.createElement(DownloadConfirmationContent, {
       status,
       fileCount,
       fileSize
-    }), /* @__PURE__ */ import_react218.default.createElement("div", {
+    }), /* @__PURE__ */ import_react217.default.createElement("div", {
       className: "download-confirmation-action"
-    }, status !== 1 /* PROCESSING */ && /* @__PURE__ */ import_react218.default.createElement("button", {
+    }, status !== 1 /* PROCESSING */ && /* @__PURE__ */ import_react217.default.createElement("button", {
       className: "btn btn-link",
       onClick: onCancel
-    }, StatusConstruct[status].closeText), (status === 2 /* INFO */ || status === 3 /* INFO_ITEMS_IN_LIST */) && /* @__PURE__ */ import_react218.default.createElement("button", {
+    }, StatusConstruct[status].closeText), (status === 2 /* INFO */ || status === 3 /* INFO_ITEMS_IN_LIST */) && /* @__PURE__ */ import_react217.default.createElement("button", {
       type: "button",
       className: "btn btn-primary",
       onClick: triggerAddToDownload
@@ -90816,6 +90829,74 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
 
   // src/lib/containers/FullTextSearch.tsx
   var import_react219 = __toModule(require_react());
+
+  // src/lib/containers/QueryVisualizationWrapper.tsx
+  var import_react218 = __toModule(require_react());
+  var QueryVisualizationContext = (0, import_react218.createContext)(void 0);
+  var QueryVisualizationContextProvider = ({ children, queryVisualizationContext }) => {
+    return /* @__PURE__ */ import_react218.default.createElement(QueryVisualizationContext.Provider, {
+      value: queryVisualizationContext
+    }, children);
+  };
+  function useQueryVisualizationContext() {
+    const context = (0, import_react218.useContext)(QueryVisualizationContext);
+    if (context === void 0) {
+      throw new Error("useQueryVisualizationContext must be used within a QueryWrapper");
+    }
+    return context;
+  }
+  var QueryVisualizationContextConsumer = QueryVisualizationContext.Consumer;
+  function QueryVisualizationWrapper(props) {
+    var _a;
+    const { data: data2, getLastQueryRequest, isFacetsAvailable, isLoadingNewBundle } = useQueryContext();
+    const [topLevelControlsState, setTopLevelControlsState] = (0, import_react218.useState)({
+      showColumnFilter: true,
+      showFacetFilter: true,
+      showFacetVisualization: (_a = props.defaultShowFacetVisualization) != null ? _a : true,
+      showSearchBar: false,
+      showDownloadConfirmation: false,
+      showColumnSelectDropdown: false,
+      showSqlEditor: false
+    });
+    (0, import_react218.useEffect)(() => {
+      if (!isFacetsAvailable) {
+        setTopLevelControlsState((state) => __spreadProps(__spreadValues({}, state), {
+          showFacetFilter: false,
+          showFacetVisualization: false
+        }));
+      }
+    }, [isFacetsAvailable]);
+    (0, import_react218.useEffect)(() => {
+      if (isLoadingNewBundle) {
+        setSelectedRowIndices([]);
+      }
+    }, [isLoadingNewBundle]);
+    const [isColumnSelected, setIsColumnSelected] = (0, import_react218.useState)([]);
+    const [selectedRowIndices, setSelectedRowIndices] = (0, import_react218.useState)([]);
+    const lastQueryRequest = getLastQueryRequest();
+    const selectColumns = data2 == null ? void 0 : data2.selectColumns;
+    (0, import_react218.useEffect)(() => {
+      var _a2, _b;
+      setIsColumnSelected((_b = selectColumns == null ? void 0 : selectColumns.slice(0, (_a2 = props.visibleColumnCount) != null ? _a2 : Infinity).map((el2) => el2.name)) != null ? _b : []);
+    }, [selectColumns, lastQueryRequest.query.sql, props.visibleColumnCount]);
+    const context = {
+      topLevelControlsState,
+      setTopLevelControlsState,
+      columnsToShowInTable: isColumnSelected,
+      setColumnsToShowInTable: setIsColumnSelected,
+      selectedRowIndices,
+      setSelectedRowIndices,
+      facetAliases: props.facetAliases,
+      rgbIndex: props.rgbIndex,
+      unitDescription: props.unitDescription
+    };
+    const { children } = props;
+    return /* @__PURE__ */ import_react218.default.createElement(QueryVisualizationContextProvider, {
+      queryVisualizationContext: context
+    }, children);
+  }
+
+  // src/lib/containers/FullTextSearch.tsx
   library.add(faSearch);
   library.add(faTimes);
   var MIN_SEARCH_QUERY_LENGTH = 3;
@@ -96976,6 +97057,9 @@ https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_liter
           queryContext,
           queryVisualizationContext
         })), /* @__PURE__ */ React397.createElement(SqlEditor_default, null), /* @__PURE__ */ React397.createElement(DownloadConfirmation, {
+          getLastQueryRequest: queryContext.getLastQueryRequest,
+          topLevelControlsState: queryVisualizationContext.topLevelControlsState,
+          setTopLevelControlsState: queryVisualizationContext.setTopLevelControlsState,
           downloadCartPageUrl
         }), /* @__PURE__ */ React397.createElement(TopLevelControls_default, {
           showColumnSelection: tableConfiguration !== void 0,