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

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 { useFeatures } from "../../hooks/useFeatures.js";
 import * as __WEBPACK_EXTERNAL_MODULE__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', ()=>({

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 { useFeatures } from "../../hooks/useFeatures.js";
 import * as __WEBPACK_EXTERNAL_MODULE__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);

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 __WEBPACK_EXTERNAL_MODULE__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(__WEBPACK_EXTERNAL_MODULE__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(__WEBPACK_EXTERNAL_MODULE__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(__WEBPACK_EXTERNAL_MODULE__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/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/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/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/hooks/__tests__/useISVBucketDetection.test.js

@@ -1,11 +1,11 @@
 import { renderHook } from "@testing-library/react";
 import { useISVBucketStatus } from "../useISVBucketDetection.js";
 import { useGetBucketTagging } from "../bucketConfiguration.js";
-import { useFeatures } from "../../utils/useFeatures.js";
+import { useFeatures } from "../useFeatures.js";
 import { BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION } from "../../utils/constants.js";
 import { createTestWrapper } from "../../test/testUtils.js";
 jest.mock('../bucketConfiguration');
-jest.mock('../../utils/useFeatures');
+jest.mock('../useFeatures');
 const mockUseGetBucketTagging = useGetBucketTagging;
 const mockUseFeatures = useFeatures;
 describe('useISVBucketStatus', ()=>{

package/dist/hooks/index.d.ts

@@ -8,6 +8,8 @@ export { useDeleteBucketConfigRule } from './useDeleteBucketConfigRule';
 export { useTableRowSelection } from './useTableRowSelection';
 export { useISVBucketStatus } from './useISVBucketDetection';
 export { useBatchObjectLegalHold } from './useBatchObjectLegalHold';
+export { useFeatures } from './useFeatures';
+export { useSupportedNotificationEvents } from './useSupportedNotificationEvents';
 export { useBuckets, useGetBucketLocation, useCreateBucket, useDeleteBucket, } from './bucketOperations';
 export { useGetBucketAcl, useSetBucketAcl, useGetBucketPolicy, useSetBucketPolicy, useDeleteBucketPolicy, useGetBucketVersioning, useSetBucketVersioning, useGetBucketCors, useSetBucketCors, useDeleteBucketCors, useGetBucketLifecycle, useSetBucketLifecycle, useDeleteBucketLifecycle, useGetBucketNotification, useSetBucketNotification, useGetBucketEncryption, useSetBucketEncryption, useGetBucketTagging, useSetBucketTagging, useDeleteBucketTagging, useGetBucketObjectLockConfiguration, useSetBucketObjectLockConfiguration, useGetBucketReplication, useSetBucketReplication, useDeleteBucketReplication, } from './bucketConfiguration';
 export { useListObjects, useListObjectVersions, useObjectMetadata, useObjectRetention, useGetObject, usePutObject, useCreateFolder, useUploadObjects, useDeleteObject, useDeleteObjects, useCopyObject, useSetObjectRetention, useObjectLegalHold, useSetObjectLegalHold, useObjectTagging, useSetObjectTagging, useDeleteObjectTagging, useObjectAcl, useSetObjectAcl, useGetObjectAttributes, useGetObjectTorrent, useRestoreObject, useSelectObjectContent, useListMultipartUploads, useSearchObjects, useSearchObjectsVersions, } from './objectOperations';

package/dist/hooks/index.js

@@ -7,8 +7,10 @@ import { useDeleteBucketConfigRule } from "./useDeleteBucketConfigRule.js";
 import { useTableRowSelection } from "./useTableRowSelection.js";
 import { useISVBucketStatus } from "./useISVBucketDetection.js";
 import { useBatchObjectLegalHold } from "./useBatchObjectLegalHold.js";
+import { useFeatures } from "./useFeatures.js";
+import { useSupportedNotificationEvents } from "./useSupportedNotificationEvents.js";
 import { useBuckets, useCreateBucket, useDeleteBucket, useGetBucketLocation } from "./bucketOperations.js";
 import { useDeleteBucketCors, useDeleteBucketLifecycle, useDeleteBucketPolicy, useDeleteBucketReplication, useDeleteBucketTagging, useGetBucketAcl, useGetBucketCors, useGetBucketEncryption, useGetBucketLifecycle, useGetBucketNotification, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketReplication, useGetBucketTagging, useGetBucketVersioning, useSetBucketAcl, useSetBucketCors, useSetBucketEncryption, useSetBucketLifecycle, useSetBucketNotification, useSetBucketObjectLockConfiguration, useSetBucketPolicy, useSetBucketReplication, useSetBucketTagging, useSetBucketVersioning } from "./bucketConfiguration.js";
 import { useCopyObject, useCreateFolder, useDeleteObject, useDeleteObjectTagging, useDeleteObjects, useGetObject, useGetObjectAttributes, useGetObjectTorrent, useListMultipartUploads, useListObjectVersions, useListObjects, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useObjectTagging, usePutObject, useRestoreObject, useSearchObjects, useSearchObjectsVersions, useSelectObjectContent, useSetObjectAcl, useSetObjectLegalHold, useSetObjectRetention, useSetObjectTagging, useUploadObjects } from "./objectOperations.js";
 import { useGetPresignedDownload, useGetPresignedPost, useGetPresignedUpload } from "./presignedOperations.js";
-export { useBatchObjectLegalHold, useBuckets, useCopyObject, useCreateBucket, useCreateFolder, useDeleteBucket, useDeleteBucketConfigRule, useDeleteBucketCors, useDeleteBucketLifecycle, useDeleteBucketPolicy, useDeleteBucketReplication, useDeleteBucketTagging, useDeleteObject, useDeleteObjectTagging, useDeleteObjects, useEmptyBucket, useGetBucketAcl, useGetBucketCors, useGetBucketEncryption, useGetBucketLifecycle, useGetBucketLocation, useGetBucketNotification, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketReplication, useGetBucketTagging, useGetBucketVersioning, useGetObject, useGetObjectAttributes, useGetObjectTorrent, useGetPresignedDownload, useGetPresignedPost, useGetPresignedUpload, useISVBucketStatus, useIsBucketEmpty, useListMultipartUploads, useListObjectVersions, useListObjects, useLoginMutation, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useObjectTagging, usePutObject, useRestoreObject, useS3Client, useS3ConfigSwitch, useSearchObjects, useSearchObjectsVersions, useSelectObjectContent, useSetBucketAcl, useSetBucketCors, useSetBucketEncryption, useSetBucketLifecycle, useSetBucketNotification, useSetBucketObjectLockConfiguration, useSetBucketPolicy, useSetBucketReplication, useSetBucketTagging, useSetBucketVersioning, useSetObjectAcl, useSetObjectLegalHold, useSetObjectRetention, useSetObjectTagging, useTableRowSelection, useUploadObjects };
+export { useBatchObjectLegalHold, useBuckets, useCopyObject, useCreateBucket, useCreateFolder, useDeleteBucket, useDeleteBucketConfigRule, useDeleteBucketCors, useDeleteBucketLifecycle, useDeleteBucketPolicy, useDeleteBucketReplication, useDeleteBucketTagging, useDeleteObject, useDeleteObjectTagging, useDeleteObjects, useEmptyBucket, useFeatures, useGetBucketAcl, useGetBucketCors, useGetBucketEncryption, useGetBucketLifecycle, useGetBucketLocation, useGetBucketNotification, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketReplication, useGetBucketTagging, useGetBucketVersioning, useGetObject, useGetObjectAttributes, useGetObjectTorrent, useGetPresignedDownload, useGetPresignedPost, useGetPresignedUpload, useISVBucketStatus, useIsBucketEmpty, useListMultipartUploads, useListObjectVersions, useListObjects, useLoginMutation, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useObjectTagging, usePutObject, useRestoreObject, useS3Client, useS3ConfigSwitch, useSearchObjects, useSearchObjectsVersions, useSelectObjectContent, useSetBucketAcl, useSetBucketCors, useSetBucketEncryption, useSetBucketLifecycle, useSetBucketNotification, useSetBucketObjectLockConfiguration, useSetBucketPolicy, useSetBucketReplication, useSetBucketTagging, useSetBucketVersioning, useSetObjectAcl, useSetObjectLegalHold, useSetObjectRetention, useSetObjectTagging, useSupportedNotificationEvents, useTableRowSelection, useUploadObjects };

package/dist/hooks/useDataBrowserNavigate.d.ts

@@ -1,14 +1,28 @@
 import { NavigateOptions } from 'react-router';
+/**
+ * Normalizes a path by prefixing it with the basePath.
+ * Handles edge cases like missing slashes, relative paths, and root paths.
+ *
+ * @param basePath - The base path prefix (e.g., "/accounts/my-account/buckets")
+ * @param to - The target path (e.g., "/my-bucket")
+ * @returns The normalized absolute path (e.g., "/accounts/my-account/buckets/my-bucket")
+ */
 export declare const normalizePath: (basePath: string, to: string) => string;
 /**
  * Hook for navigation with automatic basePath prefixing.
  * Must be used within DataBrowserUI component.
  *
+ * This hook wraps react-router's useNavigate and automatically prefixes all
+ * navigation paths with the basePath configured in DataBrowserUI props.
+ * This allows internal navigation to work correctly when DataBrowserUI is
+ * mounted at any route within the application.
+ *
  * @example
  * ```tsx
+ * // If DataBrowserUI has basePath="/accounts/my-account/buckets"
  * const navigate = useDataBrowserNavigate();
- * navigate('/buckets/my-bucket'); // Will be prefixed with basePath
- * navigate(-1); // History navigation works as normal
+ * navigate('/my-bucket'); // Navigates to "/accounts/my-account/buckets/my-bucket"
+ * navigate(-1); // History navigation works as normal (no prefixing)
  * ```
  */
 export declare const useDataBrowserNavigate: () => (to: string | number, options?: NavigateOptions) => void;

package/dist/hooks/useFeatures.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Hook to check if a feature is enabled in the S3 configuration.
+ *
+ * @param feature - The feature name to check
+ * @returns true if enabled, false if disabled, undefined if config not available
+ */
+export declare function useFeatures(feature: string): boolean | undefined;

package/dist/hooks/useFeatures.js

@@ -0,0 +1,8 @@
+import { useDataBrowserContext } from "../components/providers/DataBrowserProvider.js";
+function useFeatures(feature) {
+    const { getS3Config } = useDataBrowserContext();
+    if (!getS3Config) return;
+    const config = getS3Config();
+    return config.features?.includes(feature) ?? false;
+}
+export { useFeatures };

package/dist/hooks/useISVBucketDetection.js

@@ -1,12 +1,12 @@
 import { useGetBucketTagging } from "./bucketConfiguration.js";
-import { useFeatures } from "../utils/useFeatures.js";
+import { useFeatures } from "./useFeatures.js";
 import { BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION } from "../utils/constants.js";
 const useISVBucketStatus = (bucketName)=>{
     const isISVFeatureEnabled = useFeatures('ISV');
     const { data: bucketTags, status: bucketTagsStatus } = useGetBucketTagging({
         Bucket: bucketName
     }, {
-        enabled: isISVFeatureEnabled
+        enabled: true === isISVFeatureEnabled
     });
     const veeamTagApplication = bucketTags?.TagSet?.find((tag)=>tag.Key === BUCKET_TAG_VEEAM_APPLICATION)?.Value;
     const ISVApplicationTag = bucketTags?.TagSet?.find((tag)=>tag.Key === BUCKET_TAG_APPLICATION)?.Value;

package/dist/hooks/useS3Client.d.ts

@@ -1,6 +1,7 @@
 /**
  * Hook to get the S3 client instance.
  *
- * Recreates client when getS3Config or s3ConfigIdentifier changes.
+ * Recreates client only when s3ConfigIdentifier changes.
+ * The client is memoized to avoid unnecessary recreations.
  */
 export declare const useS3Client: () => import("@aws-sdk/client-s3").S3Client;

package/dist/hooks/useS3Client.js

@@ -2,12 +2,12 @@ import { useMemo } from "react";
 import { useDataBrowserContext } from "../components/providers/DataBrowserProvider.js";
 import { createS3Client } from "../utils/s3Client.js";
 const useS3Client = ()=>{
-    const { getS3Config, s3ConfigIdentifier } = useDataBrowserContext();
+    const { s3ConfigIdentifier, getS3Config } = useDataBrowserContext();
+    if (!getS3Config) throw new Error('useS3Client: S3 config not available. Ensure DataBrowserProvider has getS3Config prop set.');
     return useMemo(()=>{
         const config = getS3Config();
         return createS3Client(config);
     }, [
-        getS3Config,
         s3ConfigIdentifier
     ]);
 };

package/dist/{utils → hooks}/useSupportedNotificationEvents.d.ts

@@ -1,6 +1,6 @@
 import type { S3EventType } from '../config/types';
 /**
- * Hook to get supported notification events from the S3 configuration
+ * Hook to get supported notification events from the DataBrowser configuration
  * If no supported events are configured, returns undefined (meaning all events are supported)
  */
 export declare function useSupportedNotificationEvents(): S3EventType[] | undefined;

package/dist/{utils → hooks}/useSupportedNotificationEvents.js

@@ -1,6 +1,7 @@
-import { useDataBrowserContext } from "../components/index.js";
+import { useDataBrowserContext } from "../components/providers/DataBrowserProvider.js";
 function useSupportedNotificationEvents() {
     const { getS3Config } = useDataBrowserContext();
+    if (!getS3Config) return;
     const config = getS3Config();
     return config?.supportedNotificationEvents;
 }

package/dist/test/testUtils.js

@@ -4,7 +4,6 @@ import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
 import { QueryClient } from "@tanstack/react-query";
 import { fireEvent, renderHook, screen, waitFor } from "@testing-library/react";
 import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
-import { CoreUiThemeProvider } from "@scality/core-ui/dist/next";
 import { ToastProvider } from "@scality/core-ui";
 import { DataBrowserProvider } from "../components/providers/DataBrowserProvider.js";
 import { DataBrowserUICustomizationProvider } from "../contexts/DataBrowserUICustomizationContext.js";
@@ -125,11 +124,8 @@ const createTestWrapper = (config = testConfig, credentials = testCredentials)=>
                 config: {
                     basePath: ''
                 },
-                children: /*#__PURE__*/ jsx(CoreUiThemeProvider, {
-                    theme: theme,
-                    children: /*#__PURE__*/ jsx(ToastProvider, {
-                        children: children
-                    })
+                children: /*#__PURE__*/ jsx(ToastProvider, {
+                    children: children
                 })
             })
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scality/data-browser-library",
-  "version": "1.0.0-preview.15",
+  "version": "1.0.0-preview.16",
   "description": "A modular React component library for browsing S3 buckets and objects",
   "type": "module",
   "types": "./dist/index.d.ts",

package/dist/utils/useFeatures.d.ts

@@ -1 +0,0 @@
-export declare function useFeatures(feature: string): boolean | undefined;

package/dist/utils/useFeatures.js

@@ -1,7 +0,0 @@
-import { useDataBrowserContext } from "../components/index.js";
-function useFeatures(feature) {
-    const { getS3Config } = useDataBrowserContext();
-    const config = getS3Config();
-    return config?.features?.includes(feature);
-}
-export { useFeatures };