@scality/data-browser-library 1.0.0-preview.15 → 1.0.0-preview.17

package/dist/components/DataBrowserUI.d.ts

@@ -2,26 +2,11 @@ import React from 'react';
 import type { DataBrowserUIProps } from '../config/types';
 /**
  * DataBrowserUI component - Main UI component for data browser.
- * Must be wrapped with DataBrowserProvider for S3 client and theme context,
+ * Must be wrapped with DataBrowserProvider for S3 configuration context,
  * and a BrowserRouter for routing.
  *
- * Uses relative routing for route definitions, but absolute paths for navigation.
- * Pass basePath to DataBrowserUI to specify where the UI is mounted.
- *
- * @example
- * ```tsx
- * <BrowserRouter>
- *   <DataBrowserProvider
- *     getS3Config={getS3Config}
- *     theme={theme}
- *   >
- *     <Routes>
- *       <Route path="/accounts/:accountName/buckets/*" element={
- *         <DataBrowserUI basePath="/accounts/my-account" />
- *       } />
- *     </Routes>
- *   </DataBrowserProvider>
- * </BrowserRouter>
- * ```
+ * Uses relative routing for route definitions. The `basePath` prop is used internally
+ * by `useDataBrowserNavigate()` to prefix all navigation paths, allowing the UI to be
+ * mounted at any route within your application.
  */
 export declare const DataBrowserUI: React.FC<DataBrowserUIProps>;

package/dist/components/__tests__/BucketDetails.test.js

@@ -5,11 +5,11 @@ import { BucketDetails } from "../buckets/BucketDetails.js";
 import { applyBucketMocks, createTestWrapper } from "../../test/testUtils.js";
 import { useGetBucketAcl, useGetBucketCors, useGetBucketLifecycle, useGetBucketLocation, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketReplication, useGetBucketTagging, useGetBucketVersioning } from "../../hooks/index.js";
 import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
-import { useFeatures } from "../../utils/useFeatures.js";
-import * as __WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__ from "../../contexts/DataBrowserUICustomizationContext.js";
+import { useFeatures } from "../../hooks/useFeatures.js";
+import * as __rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c from "../../contexts/DataBrowserUICustomizationContext.js";
 jest.mock('../../hooks');
 jest.mock('../../hooks/useISVBucketDetection');
-jest.mock('../../utils/useFeatures');
+jest.mock('../../hooks/useFeatures');
 const mockUseParams = jest.fn();
 const mockUseNavigate = jest.fn();
 jest.mock('react-router', ()=>({
@@ -29,7 +29,7 @@ const mockUseGetBucketTagging = jest.mocked(useGetBucketTagging);
 const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
 const mockUseFeatures = jest.mocked(useFeatures);
 const mockUseDataBrowserUICustomization = (config = {})=>{
-    jest.spyOn(__WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__, 'useDataBrowserUICustomization').mockReturnValue(config);
+    jest.spyOn(__rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c, 'useDataBrowserUICustomization').mockReturnValue(config);
 };
 const renderBucketDetails = ()=>{
     const Wrapper = createTestWrapper();

package/dist/components/__tests__/BucketList.test.js

@@ -3,9 +3,9 @@ import { fireEvent, render, screen } from "@testing-library/react";
 import { MemoryRouter } from "react-router";
 import { createTestWrapper, mockOffsetSize } from "../../test/testUtils.js";
 import { BucketList } from "../buckets/BucketList.js";
-import * as __WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__ from "../../contexts/DataBrowserUICustomizationContext.js";
+import * as __rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c from "../../contexts/DataBrowserUICustomizationContext.js";
 const mockUseDataBrowserUICustomization = (config = {})=>{
-    jest.spyOn(__WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__, 'useDataBrowserUICustomization').mockReturnValue(config);
+    jest.spyOn(__rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c, 'useDataBrowserUICustomization').mockReturnValue(config);
 };
 const renderBucketList = (props = {})=>{
     const Wrapper = createTestWrapper();

package/dist/components/__tests__/BucketOverview.test.js

@@ -5,10 +5,10 @@ import { MemoryRouter } from "react-router";
 import { useGetBucketAcl, useGetBucketCors, useGetBucketLocation, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketTagging, useGetBucketVersioning, useISVBucketStatus } from "../../hooks/index.js";
 import { applyBucketMocks, createTestWrapper } from "../../test/testUtils.js";
 import { BucketOverview, useBucketOverviewContext } from "../buckets/BucketOverview.js";
-import { useFeatures } from "../../utils/useFeatures.js";
-import * as __WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__ from "../../contexts/DataBrowserUICustomizationContext.js";
+import { useFeatures } from "../../hooks/useFeatures.js";
+import * as __rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c from "../../contexts/DataBrowserUICustomizationContext.js";
 jest.mock('../../hooks');
-jest.mock('../../utils/useFeatures');
+jest.mock('../../hooks/useFeatures');
 const mockUseGetBucketVersioning = jest.mocked(useGetBucketVersioning);
 const mockUseGetBucketAcl = jest.mocked(useGetBucketAcl);
 const mockUseGetBucketLocation = jest.mocked(useGetBucketLocation);
@@ -19,7 +19,7 @@ const mockUseGetBucketTagging = jest.mocked(useGetBucketTagging);
 const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
 const mockUseFeatures = jest.mocked(useFeatures);
 const mockUseDataBrowserUICustomization = (config = {})=>{
-    jest.spyOn(__WEBPACK_EXTERNAL_MODULE__contexts_DataBrowserUICustomizationContext_js_f267b01c__, 'useDataBrowserUICustomization').mockReturnValue(config);
+    jest.spyOn(__rspack_external__contexts_DataBrowserUICustomizationContext_js_f267b01c, 'useDataBrowserUICustomization').mockReturnValue(config);
 };
 const renderBucketOverview = (props = {})=>{
     const { bucketName = 'test-bucket', onEmptyBucket, onDeleteBucket, onEditPolicy, renderEmptyButton, renderDeleteButton, isEmptyBucketDisabled, isDeleteBucketDisabled } = props;

package/dist/components/__tests__/ObjectList.test.js

@@ -5,7 +5,7 @@ import { createTestWrapper, mockOffsetSize, setupMswServer } from "../../test/te
 import { useListObjectVersions, useListObjects } from "../../hooks/index.js";
 import { ObjectList } from "../objects/ObjectList.js";
 import { DataBrowserUICustomizationProvider } from "../../contexts/DataBrowserUICustomizationContext.js";
-import * as __WEBPACK_EXTERNAL_MODULE__utils_useFeatures_js_1facdd0d__ from "../../utils/useFeatures.js";
+import * as __rspack_external__hooks_useFeatures_js_a6a84786 from "../../hooks/useFeatures.js";
 setupMswServer();
 const renderObjectList = (props = {}, customization)=>{
     const Wrapper = createTestWrapper();
@@ -32,7 +32,7 @@ describe('ObjectList', ()=>{
     beforeEach(()=>{
         jest.clearAllMocks();
         mockOffsetSize(800, 600);
-        jest.spyOn(__WEBPACK_EXTERNAL_MODULE__utils_useFeatures_js_1facdd0d__, 'useFeatures').mockReturnValue(false);
+        jest.spyOn(__rspack_external__hooks_useFeatures_js_a6a84786, 'useFeatures').mockReturnValue(false);
     });
     afterEach(()=>{
         jest.restoreAllMocks();
@@ -284,7 +284,7 @@ describe('ObjectList', ()=>{
     });
     describe('Search Features', ()=>{
         it('renders table search when metadata-search feature is disabled', async ()=>{
-            jest.spyOn(__WEBPACK_EXTERNAL_MODULE__utils_useFeatures_js_1facdd0d__, 'useFeatures').mockReturnValue(false);
+            jest.spyOn(__rspack_external__hooks_useFeatures_js_a6a84786, 'useFeatures').mockReturnValue(false);
             renderObjectList();
             await waitFor(()=>{
                 expect(screen.getByRole('grid')).toBeInTheDocument();
@@ -292,7 +292,7 @@ describe('ObjectList', ()=>{
             expect(screen.queryByPlaceholderText(/Metadata Search/i)).not.toBeInTheDocument();
         });
         it('renders MetadataSearch component when metadata-search feature is enabled', async ()=>{
-            jest.spyOn(__WEBPACK_EXTERNAL_MODULE__utils_useFeatures_js_1facdd0d__, 'useFeatures').mockReturnValue(true);
+            jest.spyOn(__rspack_external__hooks_useFeatures_js_a6a84786, 'useFeatures').mockReturnValue(true);
             renderObjectList();
             await waitFor(()=>{
                 expect(screen.getByRole('grid')).toBeInTheDocument();

package/dist/components/buckets/BucketOverview.js

@@ -6,7 +6,7 @@ import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICusto
 import { useGetBucketAcl, useGetBucketCors, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketVersioning } from "../../hooks/index.js";
 import { isNotFoundError } from "../../utils/errorHandling.js";
 import { EditRetentionButton } from "../objects/ObjectLock/EditRetentionButton.js";
-import { useDataBrowserContext } from "../providers/DataBrowserProvider.js";
+import { useDataBrowserConfig } from "../providers/DataBrowserProvider.js";
 import { Body, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../ui/Table.elements.js";
 import { BucketLocation } from "./BucketLocation.js";
 import { BucketPolicyButton } from "./BucketPolicyButton.js";
@@ -401,8 +401,7 @@ DataProtectionSection.displayName = 'BucketOverview.DataProtectionSection';
 const PermissionsSection = /*#__PURE__*/ memo(({ onEditPolicy, ownerField, aclField, corsField, publicField, bucketPolicyField, renderOwner, renderAcl, renderCors, renderPublic, renderBucketPolicy })=>{
     const { bucketName } = useBucketOverviewContext();
     const { extraBucketOverviewPermissions } = useDataBrowserUICustomization();
-    const { getS3Config } = useDataBrowserContext();
-    const config = getS3Config();
+    const config = useDataBrowserConfig();
     const { data: aclData, status: aclStatus } = useGetBucketAcl({
         Bucket: bucketName
     });

package/dist/components/buckets/BucketPage.js

@@ -7,7 +7,7 @@ import { BucketDetails } from "./BucketDetails.js";
 import { BucketList } from "./BucketList.js";
 import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
 import { useEffect } from "react";
-const BucketPage_BucketPage = ()=>{
+const BucketPage = ()=>{
     const { data, status } = useBuckets();
     const { bucketName } = useParams();
     const navigate = useDataBrowserNavigate();
@@ -47,5 +47,5 @@ const BucketPage_BucketPage = ()=>{
         rightPanel: /*#__PURE__*/ jsx(BucketDetails, {})
     });
 };
-const BucketPage = BucketPage_BucketPage;
-export { BucketPage_BucketPage as BucketPage, BucketPage as default };
+const buckets_BucketPage = BucketPage;
+export { BucketPage, buckets_BucketPage as default };

package/dist/components/buckets/notifications/EventsSection.js

@@ -4,7 +4,7 @@ import { useCallback, useMemo } from "react";
 import { Controller, useFormContext } from "react-hook-form";
 import { getFilteredEventGroups } from "./events.js";
 import { Box } from "@scality/core-ui/dist/next";
-import { useSupportedNotificationEvents } from "../../../utils/useSupportedNotificationEvents.js";
+import { useSupportedNotificationEvents } from "../../../hooks/useSupportedNotificationEvents.js";
 function EventsSection() {
     const { control, formState: { errors } } = useFormContext();
     const supportedEvents = useSupportedNotificationEvents();

package/dist/components/index.d.ts

@@ -18,6 +18,7 @@ export { ObjectLockSettings } from './objects/ObjectLock/ObjectLockSettings';
 export { EditRetentionButton } from './objects/ObjectLock/EditRetentionButton';
 export { MetadataSearch } from './search/MetadataSearch';
 export { ArrayFieldActions } from './ui/ArrayFieldActions';
-export { DataBrowserProvider, useDataBrowserContext, useDataBrowserTheme, } from './providers/DataBrowserProvider';
+export { DataBrowserProvider, useDataBrowserContext, useDataBrowserConfig, useInvalidateQueries, } from './providers/DataBrowserProvider';
+export { QueryProvider } from './providers/QueryProvider';
 export { useDataBrowserNavigate } from '../hooks/useDataBrowserNavigate';
 export { DataBrowserUI } from './DataBrowserUI';

package/dist/components/index.js

@@ -18,7 +18,8 @@ import { ObjectLockSettings } from "./objects/ObjectLock/ObjectLockSettings.js";
 import { EditRetentionButton } from "./objects/ObjectLock/EditRetentionButton.js";
 import { MetadataSearch } from "./search/MetadataSearch.js";
 import { ArrayFieldActions } from "./ui/ArrayFieldActions.js";
-import { DataBrowserProvider, useDataBrowserContext, useDataBrowserTheme } from "./providers/DataBrowserProvider.js";
+import { DataBrowserProvider, useDataBrowserConfig, useDataBrowserContext, useInvalidateQueries } from "./providers/DataBrowserProvider.js";
+import { QueryProvider } from "./providers/QueryProvider.js";
 import { useDataBrowserNavigate } from "../hooks/useDataBrowserNavigate.js";
 import { DataBrowserUI } from "./DataBrowserUI.js";
-export { ArrayFieldActions, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationCreatePage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, BucketVersioning, CreateFolderButton, DataBrowserProvider, DataBrowserUI, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useBucketOverviewContext, useDataBrowserContext, useDataBrowserNavigate, useDataBrowserTheme };
+export { ArrayFieldActions, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationCreatePage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, BucketVersioning, CreateFolderButton, DataBrowserProvider, DataBrowserUI, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, QueryProvider, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useBucketOverviewContext, useDataBrowserConfig, useDataBrowserContext, useDataBrowserNavigate, useInvalidateQueries };

package/dist/components/objects/ObjectDetails/__tests__/ObjectDetails.test.js

@@ -1,12 +1,12 @@
-import * as __WEBPACK_EXTERNAL_MODULE__index_js_95fdb65a__ from "../index.js";
+import * as __rspack_external__index_js_95fdb65a from "../index.js";
 import { jsx } from "react/jsx-runtime";
 import { cleanup, render, screen } from "@testing-library/react";
 import { MemoryRouter, Route, Routes } from "react-router";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { DataBrowserUICustomizationProvider } from "../../../../contexts/DataBrowserUICustomizationContext.js";
 var __webpack_modules__ = {
-    "..": function(module) {
-        module.exports = __WEBPACK_EXTERNAL_MODULE__index_js_95fdb65a__;
+    ".." (module) {
+        module.exports = __rspack_external__index_js_95fdb65a;
     }
 };
 var __webpack_module_cache__ = {};

package/dist/components/objects/ObjectList.js

@@ -8,7 +8,7 @@ import { useSearchObjects, useSearchObjectsVersions } from "../../hooks/index.js
 import { useGetPresignedDownload } from "../../hooks/presignedOperations.js";
 import { useBatchObjectLegalHold } from "../../hooks/useBatchObjectLegalHold.js";
 import { useQueryParams } from "../../utils/hooks.js";
-import { useFeatures } from "../../utils/useFeatures.js";
+import { useFeatures } from "../../hooks/useFeatures.js";
 import CreateFolderButton from "./CreateFolderButton.js";
 import MetadataSearch from "../search/MetadataSearch.js";
 import UploadButton from "./UploadButton.js";

package/dist/components/objects/UploadButton.js

@@ -111,7 +111,7 @@ const NoFile = ({ open })=>/*#__PURE__*/ jsxs(EmptyFile, {
             })
         ]
     });
-const UploadButton_UploadButton = ({ bucket, prefix = '', uploadOptions = {}, onUploadSuccess, onUploadError })=>{
+const UploadButton = ({ bucket, prefix = '', uploadOptions = {}, onUploadSuccess, onUploadError })=>{
     const [isModalOpen, setIsModalOpen] = useState(false);
     const [acceptedFiles, setAcceptedFiles] = useState([]);
     const uploadMutation = useUploadObjects();
@@ -225,5 +225,5 @@ const UploadButton_UploadButton = ({ bucket, prefix = '', uploadOptions = {}, on
         ]
     });
 };
-const UploadButton = UploadButton_UploadButton;
-export { UploadButton_UploadButton as UploadButton, UploadButton as default };
+const objects_UploadButton = UploadButton;
+export { UploadButton, objects_UploadButton as default };

package/dist/components/providers/DataBrowserProvider.d.ts

@@ -1,23 +1,24 @@
 import React from 'react';
 import { QueryClient, InvalidateQueryFilters, QueryKey } from '@tanstack/react-query';
 import { GetConfigFunction } from '../../types';
-import { CoreUITheme } from '@scality/core-ui/dist/style/theme';
+import { CoreUITheme } from '@scality/core-ui/dist/next';
 export interface DataBrowserContextValue {
-    getS3Config: GetConfigFunction;
-    theme: CoreUITheme;
+    getS3Config: GetConfigFunction | null;
     s3ConfigIdentifier: string;
 }
-export declare const DataBrowserContext: React.Context<DataBrowserContextValue | null>;
+export declare const DataBrowserContext: React.Context<DataBrowserContextValue>;
 export declare const useDataBrowserContext: () => DataBrowserContextValue;
-export declare const useDataBrowserTheme: () => CoreUITheme;
-interface DataBrowserProviderProps {
+export interface DataBrowserProviderProps {
     children: React.ReactNode;
-    queryClient?: QueryClient;
-    enableDevtools?: boolean;
     getS3Config?: GetConfigFunction;
+    queryClient?: QueryClient;
     theme?: CoreUITheme;
+    enableDevtools?: boolean;
 }
 export declare const DataBrowserProvider: React.FC<DataBrowserProviderProps>;
+export declare const useDataBrowserConfig: () => import("../../types").S3BrowserConfig & {
+    credentials: import("../../types").S3Credentials;
+};
 /**
  * Hook to invalidate queries with automatic S3 config identifier prefixing.
  *
@@ -28,4 +29,3 @@ export declare const DataBrowserProvider: React.FC<DataBrowserProviderProps>;
 export declare const useInvalidateQueries: () => (filters: Omit<InvalidateQueryFilters, "queryKey"> & {
     queryKey: QueryKey;
 }) => Promise<void>;
-export {};

package/dist/components/providers/DataBrowserProvider.js

@@ -1,49 +1,49 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createContext, useCallback, useContext } from "react";
-import { QueryClient, QueryClientProvider, useQueryClient } from "@tanstack/react-query";
-import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+import { jsx } from "react/jsx-runtime";
+import { createContext, useCallback, useContext, useMemo } from "react";
+import { useQueryClient } from "@tanstack/react-query";
 import { ANONYMOUS_S3_CONFIG_IDENTIFIER, computeS3ConfigIdentifier } from "../../utils/s3ConfigIdentifier.js";
-const DataBrowserContext = /*#__PURE__*/ createContext(null);
-const useDataBrowserContext = ()=>{
-    const context = useContext(DataBrowserContext);
-    if (!context) throw new Error('useDataBrowserContext must be used within a DataBrowserProvider component');
-    return context;
+import { QueryProvider } from "./QueryProvider.js";
+import { CoreUiThemeProvider } from "@scality/core-ui/dist/next";
+import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
+const DEFAULT_CONTEXT_VALUE = {
+    getS3Config: null,
+    s3ConfigIdentifier: ANONYMOUS_S3_CONFIG_IDENTIFIER
 };
-const useDataBrowserTheme = ()=>{
-    const { theme } = useDataBrowserContext();
-    return theme;
-};
-const defaultQueryClient = new QueryClient({
-    defaultOptions: {
-        queries: {
-            staleTime: 300000,
-            retry: 2
-        }
-    }
-});
-const DataBrowserProvider = ({ children, queryClient = defaultQueryClient, enableDevtools = 'development' === process.env.NODE_ENV, getS3Config, theme })=>{
-    const config = getS3Config?.();
-    const s3ConfigIdentifier = config ? computeS3ConfigIdentifier(config) : ANONYMOUS_S3_CONFIG_IDENTIFIER;
-    const content = /*#__PURE__*/ jsxs(QueryClientProvider, {
-        client: queryClient,
-        children: [
-            children,
-            enableDevtools && /*#__PURE__*/ jsx(ReactQueryDevtools, {
-                initialIsOpen: false
-            })
-        ]
-    });
-    if (!getS3Config || !theme) return content;
-    const contextValue = {
+const DataBrowserContext = /*#__PURE__*/ createContext(DEFAULT_CONTEXT_VALUE);
+const useDataBrowserContext = ()=>useContext(DataBrowserContext);
+const DataBrowserProvider = ({ children, queryClient, theme, enableDevtools, getS3Config })=>{
+    const currentConfig = getS3Config?.();
+    const s3ConfigIdentifier = useMemo(()=>currentConfig ? computeS3ConfigIdentifier(currentConfig) : ANONYMOUS_S3_CONFIG_IDENTIFIER, [
+        currentConfig?.credentials?.accessKeyId,
+        currentConfig?.credentials?.roleArn,
+        currentConfig?.credentials?.sessionToken,
+        currentConfig?.region,
+        currentConfig?.endpoint
+    ]);
+    const contextValue = useMemo(()=>({
+            getS3Config: getS3Config ?? null,
+            s3ConfigIdentifier
+        }), [
         getS3Config,
-        theme,
         s3ConfigIdentifier
-    };
-    return /*#__PURE__*/ jsx(DataBrowserContext.Provider, {
-        value: contextValue,
-        children: content
+    ]);
+    return /*#__PURE__*/ jsx(CoreUiThemeProvider, {
+        theme: theme ?? coreUIAvailableThemes.darkRebrand,
+        children: /*#__PURE__*/ jsx(QueryProvider, {
+            queryClient: queryClient,
+            enableDevtools: enableDevtools,
+            children: /*#__PURE__*/ jsx(DataBrowserContext.Provider, {
+                value: contextValue,
+                children: children
+            })
+        })
     });
 };
+const useDataBrowserConfig = ()=>{
+    const { getS3Config } = useDataBrowserContext();
+    if (!getS3Config) throw new Error("useDataBrowserConfig: S3 config not available. Ensure DataBrowserProvider has getS3Config prop set.");
+    return getS3Config();
+};
 const useInvalidateQueries = ()=>{
     const { s3ConfigIdentifier } = useDataBrowserContext();
     const queryClient = useQueryClient();
@@ -61,4 +61,4 @@ const useInvalidateQueries = ()=>{
         s3ConfigIdentifier
     ]);
 };
-export { DataBrowserContext, DataBrowserProvider, useDataBrowserContext, useDataBrowserTheme, useInvalidateQueries };
+export { DataBrowserContext, DataBrowserProvider, useDataBrowserConfig, useDataBrowserContext, useInvalidateQueries };

package/dist/components/providers/QueryProvider.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { QueryClient } from '@tanstack/react-query';
+export interface QueryProviderProps {
+    children: React.ReactNode;
+    queryClient?: QueryClient;
+    enableDevtools?: boolean;
+}
+export declare const defaultQueryClient: QueryClient;
+export declare const QueryProvider: React.FC<QueryProviderProps>;

package/dist/components/providers/QueryProvider.js

@@ -0,0 +1,22 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import "react";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
+const defaultQueryClient = new QueryClient({
+    defaultOptions: {
+        queries: {
+            staleTime: 300000,
+            retry: 2
+        }
+    }
+});
+const QueryProvider = ({ children, queryClient = defaultQueryClient, enableDevtools = 'development' === process.env.NODE_ENV })=>/*#__PURE__*/ jsxs(QueryClientProvider, {
+        client: queryClient,
+        children: [
+            children,
+            enableDevtools && /*#__PURE__*/ jsx(ReactQueryDevtools, {
+                initialIsOpen: false
+            })
+        ]
+    });
+export { QueryProvider, defaultQueryClient };

package/dist/config/__tests__/factory.test.d.ts

@@ -0,0 +1 @@
+export {};