@scality/data-browser-library 1.0.6 → 1.0.8

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

@@ -3,14 +3,19 @@ import { fireEvent, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
 import { MemoryRouter, Route, Routes } from "react-router";
 import { useGetBucketLifecycle, useSetBucketLifecycle } from "../../hooks/bucketConfiguration.js";
+import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockSuccessSubmit, submitForm } from "../../test/testUtils.js";
 import { BucketLifecycleFormPage } from "../buckets/BucketLifecycleFormPage.js";
 jest.mock('../../hooks/bucketConfiguration', ()=>({
         useGetBucketLifecycle: jest.fn(),
         useSetBucketLifecycle: jest.fn()
     }));
+jest.mock('../../hooks/useISVBucketDetection', ()=>({
+        useISVBucketStatus: jest.fn()
+    }));
 const mockUseGetBucketLifecycle = jest.mocked(useGetBucketLifecycle);
 const mockUseSetBucketLifecycle = jest.mocked(useSetBucketLifecycle);
+const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
 const mockNavigate = jest.fn();
 const mockShowToast = jest.fn();
 jest.mock('react-router', ()=>({
@@ -69,6 +74,15 @@ describe('BucketLifecycleFormPage', ()=>{
             mutate: mockMutate,
             isPending: false
         });
+        mockUseISVBucketStatus.mockReturnValue({
+            isVeeamBucket: false,
+            isCommvaultBucket: false,
+            isKastenBucket: false,
+            isISVManaged: false,
+            isvApplication: void 0,
+            isLoading: false,
+            bucketTagsStatus: 'success'
+        });
     });
     describe('Page Rendering', ()=>{
         it('renders create mode with correct title', ()=>{
@@ -615,4 +629,62 @@ describe('BucketLifecycleFormPage', ()=>{
             });
         });
     });
+    describe('ISV Bucket Warning', ()=>{
+        const setupISVMock = (isvApplication = 'Veeam')=>{
+            mockUseISVBucketStatus.mockReturnValue({
+                isVeeamBucket: 'Veeam' === isvApplication,
+                isCommvaultBucket: 'Commvault' === isvApplication,
+                isKastenBucket: 'Kasten' === isvApplication,
+                isISVManaged: true,
+                isvApplication,
+                isLoading: false,
+                bucketTagsStatus: 'success'
+            });
+        };
+        it('renders ISV warning banner and checkbox when bucket is ISV-managed', ()=>{
+            setupISVMock('Veeam');
+            renderBucketLifecycleFormPage();
+            expect(screen.getByText(/bucket used for external integration with Veeam/i)).toBeInTheDocument();
+            expect(screen.getByText(/may conflict with Veeam's backup strategy/i)).toBeInTheDocument();
+            expect(screen.getByLabelText(/i understand what i'm doing/i)).toBeInTheDocument();
+        });
+        it('does not render ISV warning for non-ISV buckets', ()=>{
+            renderBucketLifecycleFormPage();
+            expect(screen.queryByText(/bucket used for external integration with/i)).not.toBeInTheDocument();
+            expect(screen.queryByLabelText(/i understand what i'm doing/i)).not.toBeInTheDocument();
+        });
+        it('blocks form submission when ISV checkbox is unchecked', async ()=>{
+            setupISVMock('Veeam');
+            renderBucketLifecycleFormPage();
+            await fillRequiredFields('isv-rule');
+            await waitFor(()=>{
+                const createButton = screen.getByRole('button', {
+                    name: /create/i
+                });
+                expect(createButton).toBeDisabled();
+            });
+        });
+        it('allows form submission when ISV checkbox is checked', async ()=>{
+            setupISVMock('Veeam');
+            renderBucketLifecycleFormPage();
+            await fillRequiredFields('isv-rule');
+            const checkbox = screen.getByLabelText(/i understand what i'm doing/i);
+            await user_event.click(checkbox);
+            mockSuccessSubmit(mockMutate);
+            await submitForm('create');
+            await waitFor(()=>{
+                expect(mockMutate).toHaveBeenCalled();
+            });
+        });
+        it('displays correct application name for Commvault ISV bucket', ()=>{
+            setupISVMock('Commvault');
+            renderBucketLifecycleFormPage();
+            expect(screen.getByText(/bucket used for external integration with Commvault/i)).toBeInTheDocument();
+        });
+        it('displays correct application name for Kasten ISV bucket', ()=>{
+            setupISVMock('Kasten');
+            renderBucketLifecycleFormPage();
+            expect(screen.getByText(/bucket used for external integration with Kasten/i)).toBeInTheDocument();
+        });
+    });
 });

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

@@ -73,6 +73,7 @@ describe('BucketPolicyPage', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: false,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: false,
             isvApplication: void 0,
             isLoading: false,
@@ -204,6 +205,7 @@ describe('BucketPolicyPage', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: false,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: false,
             isvApplication: void 0,
             isLoading: true,
@@ -217,6 +219,7 @@ describe('BucketPolicyPage', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: true,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: true,
             isvApplication: 'Veeam',
             isLoading: false,
@@ -234,6 +237,7 @@ describe('BucketPolicyPage', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: false,
             isCommvaultBucket: true,
+            isKastenBucket: false,
             isISVManaged: true,
             isvApplication: 'Commvault',
             isLoading: false,
@@ -251,6 +255,7 @@ describe('BucketPolicyPage', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: false,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: false,
             isvApplication: void 0,
             isLoading: false,

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

@@ -4,6 +4,7 @@ import user_event from "@testing-library/user-event";
 import { MemoryRouter, Route, Routes } from "react-router";
 import { useGetBucketReplication, useSetBucketReplication } from "../../hooks/bucketConfiguration.js";
 import { useBuckets } from "../../hooks/bucketOperations.js";
+import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockSuccessSubmit, submitForm } from "../../test/testUtils.js";
 import { BucketReplicationFormPage } from "../buckets/BucketReplicationFormPage.js";
 jest.mock('../../hooks/bucketConfiguration', ()=>({
@@ -13,9 +14,13 @@ jest.mock('../../hooks/bucketConfiguration', ()=>({
 jest.mock('../../hooks/bucketOperations', ()=>({
         useBuckets: jest.fn()
     }));
+jest.mock('../../hooks/useISVBucketDetection', ()=>({
+        useISVBucketStatus: jest.fn()
+    }));
 const mockUseGetBucketReplication = jest.mocked(useGetBucketReplication);
 const mockUseSetBucketReplication = jest.mocked(useSetBucketReplication);
 const mockUseBuckets = jest.mocked(useBuckets);
+const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
 const mockNavigate = jest.fn();
 const mockShowToast = jest.fn();
 jest.mock('react-router', ()=>({
@@ -96,6 +101,15 @@ describe('BucketReplicationFormPage', ()=>{
             },
             status: 'success'
         });
+        mockUseISVBucketStatus.mockReturnValue({
+            isVeeamBucket: false,
+            isCommvaultBucket: false,
+            isKastenBucket: false,
+            isISVManaged: false,
+            isvApplication: void 0,
+            isLoading: false,
+            bucketTagsStatus: 'success'
+        });
     });
     describe('Page Rendering', ()=>{
         it('renders create mode with correct title', ()=>{
@@ -1876,4 +1890,66 @@ describe('BucketReplicationFormPage', ()=>{
             });
         });
     });
+    describe('ISV Bucket Warning', ()=>{
+        const setupISVMock = (isvApplication = 'Veeam')=>{
+            mockUseISVBucketStatus.mockReturnValue({
+                isVeeamBucket: 'Veeam' === isvApplication,
+                isCommvaultBucket: 'Commvault' === isvApplication,
+                isKastenBucket: 'Kasten' === isvApplication,
+                isISVManaged: true,
+                isvApplication,
+                isLoading: false,
+                bucketTagsStatus: 'success'
+            });
+        };
+        it('renders ISV warning banner and checkbox when bucket is ISV-managed', ()=>{
+            setupISVMock('Veeam');
+            renderBucketReplicationFormPage();
+            expect(screen.getByText(/bucket used for external integration with Veeam/i)).toBeInTheDocument();
+            expect(screen.getByText(/rendering the replicated data unusable for recovery/i)).toBeInTheDocument();
+            expect(screen.getByLabelText(/i understand what i'm doing/i)).toBeInTheDocument();
+        });
+        it('does not render ISV warning for non-ISV buckets', ()=>{
+            renderBucketReplicationFormPage();
+            expect(screen.queryByText(/bucket used for external integration with/i)).not.toBeInTheDocument();
+            expect(screen.queryByLabelText(/i understand what i'm doing/i)).not.toBeInTheDocument();
+        });
+        it('blocks form submission when ISV checkbox is unchecked', async ()=>{
+            setupISVMock('Veeam');
+            renderBucketReplicationFormPage();
+            await fillRequiredFields({
+                ruleId: 'isv-rule'
+            });
+            await waitFor(()=>{
+                const createButton = screen.getByRole('button', {
+                    name: /create/i
+                });
+                expect(createButton).toBeDisabled();
+            });
+        });
+        it('allows form submission when ISV checkbox is checked', async ()=>{
+            setupISVMock('Veeam');
+            renderBucketReplicationFormPage();
+            await fillRequiredFields({
+                ruleId: 'isv-rule'
+            });
+            const checkbox = screen.getByLabelText(/i understand what i'm doing/i);
+            await user_event.click(checkbox);
+            mockSuccessSubmit(mockMutate);
+            await submitForm('create');
+            await waitFor(()=>{
+                expect(mockMutate).toHaveBeenCalled();
+            });
+        });
+        it('displays correct application name for Commvault ISV bucket', ()=>{
+            setupISVMock('Commvault');
+            renderBucketReplicationFormPage();
+            expect(screen.getByText(/bucket used for external integration with Commvault/i)).toBeInTheDocument();
+        });
+        it('displays correct application name for Kasten ISV bucket', ()=>{
+            setupISVMock('Kasten');
+            renderBucketReplicationFormPage();
+            expect(screen.getByText(/bucket used for external integration with Kasten/i)).toBeInTheDocument();
+        });
+    });
 });

package/dist/components/buckets/BucketLifecycleFormPage.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { joiResolver } from "@hookform/resolvers/joi";
-import { Form, FormGroup, FormSection, Icon, Loader, Stack, Text, Toggle, spacing, useToast } from "@scality/core-ui";
+import { Banner, Checkbox, Form, FormGroup, FormSection, Icon, Loader, Stack, Text, Toggle, spacing, useToast } from "@scality/core-ui";
 import { convertRemToPixels } from "@scality/core-ui/dist/components/tablev2/TableUtils";
 import { Box, Button, Input, Select } from "@scality/core-ui/dist/next";
 import joi from "joi";
@@ -9,6 +9,7 @@ import { Controller, FormProvider, useFieldArray, useForm } from "react-hook-for
 import { useParams } from "react-router";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
 import { useGetBucketLifecycle, useSetBucketLifecycle } from "../../hooks/bucketConfiguration.js";
+import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
 import { AWS_RULE_LIMITS, STATUS_OPTIONS, buildS3Filter } from "../../utils/s3RuleUtils.js";
 import { ArrayFieldActions } from "../ui/ArrayFieldActions.js";
@@ -151,6 +152,9 @@ const createSchema = (hasCustomStorageClassSelector)=>{
                 'number.min': `Days must be at least ${LIFECYCLE_LIMITS.ABORT_MPU_MIN_DAYS}`
             }),
             otherwise: joi.any()
+        }),
+        understandISVRisk: joi.boolean().invalid(false).messages({
+            'any.invalid': 'You must acknowledge the risk'
         })
     }).custom((value, helpers)=>{
         const hasAtLeastOneAction = value.transitionsEnabled || value.expirationEnabled || value.expiredObjectDeleteMarker || value.noncurrentTransitionsEnabled || value.noncurrentExpirationEnabled || value.abortMpuEnabled;
@@ -291,6 +295,7 @@ function BucketLifecycleFormPage() {
     const navigate = useDataBrowserNavigate();
     const { showToast } = useToast();
     const isEditMode = !!ruleId;
+    const { isISVManaged, isvApplication, isLoading: isISVLoading } = useISVBucketStatus(bucketName);
     const { data: lifecycleData, status: lifecycleStatus } = useGetBucketLifecycle({
         Bucket: bucketName
     });
@@ -338,7 +343,8 @@ function BucketLifecycleFormPage() {
             noncurrentExpirationDays: 30,
             noncurrentNewerVersions: 0,
             abortMpuEnabled: false,
-            abortMpuDays: 7
+            abortMpuDays: 7,
+            understandISVRisk: true
         }
     });
     const { handleSubmit, register, control, watch, reset, formState: { isValid, isDirty, errors } } = methods;
@@ -391,6 +397,14 @@ function BucketLifecycleFormPage() {
         existingRule,
         reset
     ]);
+    useEffect(()=>{
+        methods.setValue('understandISVRisk', !isISVManaged, {
+            shouldValidate: true
+        });
+    }, [
+        isISVManaged,
+        methods
+    ]);
     const prevTransitionsEnabledRef = useRef(null);
     const prevNoncurrentTransitionsEnabledRef = useRef(null);
     useEffect(()=>{
@@ -532,7 +546,7 @@ function BucketLifecycleFormPage() {
         isEditMode,
         existingRule
     ]);
-    if ('pending' === lifecycleStatus) return /*#__PURE__*/ jsx(Loader, {
+    if ('pending' === lifecycleStatus || isISVLoading) return /*#__PURE__*/ jsx(Loader, {
         centered: true,
         children: /*#__PURE__*/ jsx(Text, {
             children: "Loading..."
@@ -578,6 +592,39 @@ function BucketLifecycleFormPage() {
                 ]
             }),
             children: [
+                isISVManaged && /*#__PURE__*/ jsxs(Stack, {
+                    direction: "vertical",
+                    gap: "r16",
+                    children: [
+                        /*#__PURE__*/ jsxs(Banner, {
+                            variant: "warning",
+                            title: `Bucket used for external integration with
+              ${isvApplication}`,
+                            icon: /*#__PURE__*/ jsx(Icon, {
+                                color: "statusWarning",
+                                name: "Exclamation-circle"
+                            }),
+                            children: [
+                                "This bucket was provisioned specifically for ",
+                                isvApplication,
+                                ", which manages its own data retention.",
+                                /*#__PURE__*/ jsx("br", {}),
+                                "Configuring manual lifecycle rules here may conflict with ",
+                                isvApplication,
+                                "'s backup strategy, potentially leading to data corruption or unintended deletion."
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Controller, {
+                            control: control,
+                            name: "understandISVRisk",
+                            render: ({ field: { onChange, value } })=>/*#__PURE__*/ jsx(Checkbox, {
+                                    label: "I understand what I'm doing",
+                                    checked: !!value,
+                                    onChange: (e)=>onChange(e.target.checked)
+                                })
+                        })
+                    ]
+                }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
                         name: 'Rule Scope'

package/dist/components/buckets/BucketReplicationFormPage.js

@@ -1,6 +1,6 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { joiResolver } from "@hookform/resolvers/joi";
-import { Form, FormGroup, FormSection, Icon, Loader, Stack, Text, Toggle, spacing, useToast } from "@scality/core-ui";
+import { Banner, Checkbox, Form, FormGroup, FormSection, Icon, Loader, Stack, Text, Toggle, spacing, useToast } from "@scality/core-ui";
 import { convertRemToPixels } from "@scality/core-ui/dist/components/tablev2/TableUtils";
 import { Box, Button, Input, Select } from "@scality/core-ui/dist/next";
 import joi from "joi";
@@ -10,6 +10,7 @@ import { useParams } from "react-router";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
 import { useGetBucketReplication, useSetBucketReplication } from "../../hooks/bucketConfiguration.js";
 import { useBuckets } from "../../hooks/bucketOperations.js";
+import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
 import { AWS_RULE_LIMITS, STATUS_OPTIONS, buildS3Filter } from "../../utils/s3RuleUtils.js";
 import { FilterFormSection, createFilterValidationSchema } from "../ui/FilterFormSection.js";
@@ -94,7 +95,10 @@ const createSchema = (hasExistingRules)=>joi.object({
             otherwise: joi.boolean()
         }),
         deleteMarkerReplication: joi.boolean(),
-        switchObjectOwnership: joi.boolean()
+        switchObjectOwnership: joi.boolean(),
+        understandISVRisk: joi.boolean().invalid(false).messages({
+            'any.invalid': 'You must acknowledge the risk'
+        })
     });
 const ruleToFormValues = (rule, role)=>{
     const formValues = {
@@ -252,6 +256,7 @@ function BucketReplicationFormPage() {
     const navigate = useDataBrowserNavigate();
     const { showToast } = useToast();
     const isEditMode = !!ruleId;
+    const { isISVManaged, isvApplication, isLoading: isISVLoading } = useISVBucketStatus(bucketName);
     const { data: replicationData, status: replicationStatus } = useGetBucketReplication({
         Bucket: bucketName
     });
@@ -312,7 +317,8 @@ function BucketReplicationFormPage() {
             enforceRTC: false,
             enableRTCNotification: false,
             deleteMarkerReplication: false,
-            switchObjectOwnership: false
+            switchObjectOwnership: false,
+            understandISVRisk: true
         }
     });
     const { handleSubmit, register, control, watch, reset, formState: { isValid, isDirty, errors } } = methods;
@@ -403,6 +409,14 @@ function BucketReplicationFormPage() {
         enforceRTC,
         methods
     ]);
+    useEffect(()=>{
+        methods.setValue('understandISVRisk', !isISVManaged, {
+            shouldValidate: true
+        });
+    }, [
+        isISVManaged,
+        methods
+    ]);
     const handleCancel = useCallback(()=>{
         navigate(`/buckets/${bucketName}?tab=replication`);
     }, [
@@ -450,7 +464,7 @@ function BucketReplicationFormPage() {
         isEditMode,
         existingRule
     ]);
-    if ('pending' === replicationStatus) return /*#__PURE__*/ jsx(Loader, {
+    if ('pending' === replicationStatus || isISVLoading) return /*#__PURE__*/ jsx(Loader, {
         centered: true,
         children: /*#__PURE__*/ jsx(Text, {
             children: "Loading..."
@@ -496,6 +510,38 @@ function BucketReplicationFormPage() {
                 ]
             }),
             children: [
+                isISVManaged && /*#__PURE__*/ jsxs(Stack, {
+                    direction: "vertical",
+                    gap: "r16",
+                    children: [
+                        /*#__PURE__*/ jsxs(Banner, {
+                            variant: "warning",
+                            title: `Bucket used for external integration with ${isvApplication}`,
+                            icon: /*#__PURE__*/ jsx(Icon, {
+                                color: "statusWarning",
+                                name: "Exclamation-circle"
+                            }),
+                            children: [
+                                "This bucket was provisioned specifically for ",
+                                isvApplication,
+                                ". Manual replication workflows created here may be redundant or invisible to the application, rendering the replicated data unusable for recovery.",
+                                /*#__PURE__*/ jsx("br", {}),
+                                "To ensure data consistency, manage all replication tasks directly within ",
+                                isvApplication,
+                                "."
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Controller, {
+                            control: control,
+                            name: "understandISVRisk",
+                            render: ({ field: { onChange, value } })=>/*#__PURE__*/ jsx(Checkbox, {
+                                    label: "I understand what I'm doing",
+                                    checked: !!value,
+                                    onChange: (e)=>onChange(e.target.checked)
+                                })
+                        })
+                    ]
+                }),
                 /*#__PURE__*/ jsx(FormSection, {
                     title: {
                         name: 'Role'

package/dist/components/buckets/__tests__/BucketVersioning.test.js

@@ -54,6 +54,7 @@ const mockHookDefaults = ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: false,
         isvApplication: void 0,
         isLoading: false,
@@ -141,6 +142,7 @@ describe('BucketVersioning', ()=>{
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: true,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: true,
             isvApplication: 'Veeam',
             isLoading: false,

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

@@ -5,7 +5,7 @@ import { cleanup, render, screen } from "@testing-library/react";
 import { MemoryRouter, Route, Routes } from "react-router";
 import { DataBrowserUICustomizationProvider } from "../../../../contexts/DataBrowserUICustomizationContext.js";
 var __webpack_modules__ = {
-    ".." (module) {
+    "../index" (module) {
         module.exports = __rspack_external__index_js_95fdb65a;
     }
 };
@@ -19,7 +19,7 @@ function __webpack_require__(moduleId) {
     __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
     return module.exports;
 }
-var external_index_js_ = __webpack_require__("..");
+var external_index_js_ = __webpack_require__("../index");
 jest.mock('../ObjectSummary', ()=>({
         ObjectSummary: ()=>/*#__PURE__*/ jsx("div", {
                 "data-testid": "object-summary",
@@ -398,7 +398,7 @@ describe('ObjectDetails', ()=>{
             expect(screen.getByTestId('object-summary')).toBeInTheDocument();
         });
         it('should throw error when useObjectDetailsContext is used outside provider', ()=>{
-            const { useObjectDetailsContext } = __webpack_require__("..");
+            const { useObjectDetailsContext } = __webpack_require__("../index");
             const TestComponent = ()=>{
                 useObjectDetailsContext();
                 return null;

package/dist/components/objects/ObjectLock/__tests__/EditRetentionButton.test.js

@@ -33,6 +33,7 @@ beforeEach(()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: false,
         isvApplication: void 0,
         isLoading: false,
@@ -73,6 +74,7 @@ it('is disabled for Veeam Backup & Replication buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Veeam',
         isLoading: false,
@@ -88,6 +90,7 @@ it('is disabled for Veeam Office 365 v6/v7 buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Veeam',
         isLoading: false,
@@ -103,6 +106,7 @@ it('is disabled for Veeam Office 365 v8+ buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Veeam',
         isLoading: false,
@@ -118,6 +122,7 @@ it('is disabled for Commvault buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: true,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Commvault',
         isLoading: false,
@@ -133,6 +138,7 @@ it('is disabled for ISV buckets tagged as Veeam Backup for Microsoft 365', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Veeam',
         isLoading: false,
@@ -148,6 +154,7 @@ it('is disabled for ISV buckets tagged as Veeam Backup & Replication', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: true,
         isvApplication: 'Veeam',
         isLoading: false,
@@ -191,6 +198,7 @@ it('shows loading state when fetching bucket tags', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: false,
+        isKastenBucket: false,
         isISVManaged: false,
         isvApplication: void 0,
         isLoading: true,

package/dist/components/objects/UploadButton.js

@@ -9,7 +9,7 @@ const DropZone = styled_components.div`
   flex: 1;
   display: flex;
   flex-direction: column;
-  height: 300px;
+  height: 400px;
   width: 500px;
   padding: ${spacing.r20};
   border-width: ${spacing.r2};
@@ -18,8 +18,10 @@ const DropZone = styled_components.div`
   border-style: dashed;
 `;
 const Files = styled_components.div`
-  height: 250px;
-  overflow-y: scroll;
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  overflow-x: hidden;
   margin: ${spacing.r8} 0px;
 `;
 const EmptyFile = styled_components.div`
@@ -38,6 +40,10 @@ const FileRow = styled_components.div`
 `;
 const FileInfo = styled_components.div`
   flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 `;
 const RemoveButton = styled_components.button`
   background: none;
@@ -52,7 +58,12 @@ const RemoveButton = styled_components.button`
 `;
 const maybePluralize = (count, word)=>1 === count ? `1 ${word}` : `${count} ${word}s`;
 const getTitle = (fileCount)=>0 === fileCount ? 'Upload Files' : `Upload ${maybePluralize(fileCount, 'file')}`;
-const FileList = ({ acceptedFiles, open, removeFile })=>/*#__PURE__*/ jsxs("div", {
+const FileListWrapper = styled_components.div`
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+`;
+const FileList = ({ acceptedFiles, open, removeFile })=>/*#__PURE__*/ jsxs(FileListWrapper, {
         children: [
             /*#__PURE__*/ jsx(Button, {
                 icon: /*#__PURE__*/ jsx(Icon, {
@@ -65,18 +76,17 @@ const FileList = ({ acceptedFiles, open, removeFile })=>/*#__PURE__*/ jsxs("div"
             /*#__PURE__*/ jsx(Files, {
                 children: acceptedFiles.map((file)=>/*#__PURE__*/ jsxs(FileRow, {
                         children: [
-                            /*#__PURE__*/ jsx(FileInfo, {
-                                children: /*#__PURE__*/ jsxs("div", {
-                                    children: [
-                                        file.name,
-                                        /*#__PURE__*/ jsx("br", {}),
-                                        /*#__PURE__*/ jsx("small", {
-                                            children: /*#__PURE__*/ jsx(PrettyBytes, {
-                                                bytes: file.size
-                                            })
+                            /*#__PURE__*/ jsxs(FileInfo, {
+                                title: file.name,
+                                children: [
+                                    file.name,
+                                    /*#__PURE__*/ jsx("br", {}),
+                                    /*#__PURE__*/ jsx("small", {
+                                        children: /*#__PURE__*/ jsx(PrettyBytes, {
+                                            bytes: file.size
                                         })
-                                    ]
-                                })
+                                    })
+                                ]
                             }),
                             /*#__PURE__*/ jsx(RemoveButton, {
                                 onClick: ()=>removeFile(file.name),

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

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

package/dist/config/__tests__/resolveBrandingTheme.test.js

@@ -0,0 +1,96 @@
+import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
+import { resolveBrandingTheme } from "../resolveBrandingTheme.js";
+describe('resolveBrandingTheme', ()=>{
+    it('loads base preset and returns complete theme', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F'
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result).toHaveProperty('statusHealthy');
+        expect(result).toHaveProperty('statusWarning');
+        expect(result).toHaveProperty('statusCritical');
+        expect(result).toHaveProperty('backgroundLevel1');
+        expect(result.backgroundLevel1).toBe(coreUIAvailableThemes.darkRebrand.backgroundLevel1);
+    });
+    it('applies brandPrimary to selectedActive and buttonPrimary tokens', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F'
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result.selectedActive).toBe('#2563EB');
+        expect(result.buttonPrimary).toBe('#2563EB');
+    });
+    it('derives highlight color from brandPrimary at 20% opacity', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F'
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result.highlight).toBe('rgba(37, 99, 235, 0.2)');
+    });
+    it('applies brandSecondary to navbarBackground', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F'
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result.navbarBackground).toBe('#1E3A5F');
+    });
+    it('applies optional overrides on top of generated theme', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F',
+            overrides: {
+                textLink: '#71AEFF',
+                border: '#333333'
+            }
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result.buttonPrimary).toBe('#2563EB');
+        expect(result.navbarBackground).toBe('#1E3A5F');
+        expect(result.textLink).toBe('#71AEFF');
+        expect(result.border).toBe('#333333');
+    });
+    it('handles 3-character hex shorthand colors', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: '#FFF',
+            brandSecondary: '#000'
+        };
+        const result = resolveBrandingTheme(config);
+        expect(result.buttonPrimary).toBe('#FFF');
+        expect(result.highlight).toBe('rgba(255, 255, 255, 0.2)');
+        expect(result.navbarBackground).toBe('#000');
+    });
+    it('throws error when base theme name does not exist', ()=>{
+        const config = {
+            base: 'foobar',
+            logo: '/logo.png',
+            brandPrimary: '#2563EB',
+            brandSecondary: '#1E3A5F'
+        };
+        expect(()=>resolveBrandingTheme(config)).toThrow('Unknown base theme "foobar"');
+    });
+    it('throws error on invalid hex color format', ()=>{
+        const config = {
+            base: 'darkRebrand',
+            logo: '/logo.png',
+            brandPrimary: 'not-a-color',
+            brandSecondary: '#1E3A5F'
+        };
+        expect(()=>resolveBrandingTheme(config)).toThrow('Invalid hex color format');
+    });
+});

package/dist/config/resolveBrandingTheme.d.ts

@@ -0,0 +1,16 @@
+import { type CoreUITheme } from '@scality/core-ui/dist/style/theme';
+import type { BrandingModeConfig } from './types';
+/**
+ * Resolves a lightweight branding configuration into a complete CoreUITheme.
+ *
+ * Takes a base preset and brand colors, then generates a full theme by:
+ * - Loading all tokens from the specified base preset
+ * - Applying brandPrimary to button and active states
+ * - Applying brandSecondary to navbar background
+ * - Auto-deriving highlight color from brandPrimary
+ * - Applying any optional token overrides
+ *
+ * @param config - Branding configuration with base preset, colors, and optional overrides
+ * @returns Complete CoreUITheme ready to use with styled-components ThemeProvider
+ */
+export declare function resolveBrandingTheme(config: BrandingModeConfig): CoreUITheme;

package/dist/config/resolveBrandingTheme.js

@@ -0,0 +1,23 @@
+import { coreUIAvailableThemes } from "@scality/core-ui/dist/style/theme";
+function hexToRgba(hex, opacity) {
+    let cleanHex = hex.replace('#', '');
+    if (!/^[0-9A-Fa-f]{3}$|^[0-9A-Fa-f]{6}$/.test(cleanHex)) throw new Error(`Invalid hex color format: "${hex}". Expected format: #RGB or #RRGGBB`);
+    if (3 === cleanHex.length) cleanHex = cleanHex.split('').map((char)=>char + char).join('');
+    const r = Number.parseInt(cleanHex.substring(0, 2), 16);
+    const g = Number.parseInt(cleanHex.substring(2, 4), 16);
+    const b = Number.parseInt(cleanHex.substring(4, 6), 16);
+    return `rgba(${r}, ${g}, ${b}, ${opacity})`;
+}
+function resolveBrandingTheme(config) {
+    const baseTheme = coreUIAvailableThemes[config.base];
+    if (!baseTheme) throw new Error(`Unknown base theme "${config.base}". Available themes: ${Object.keys(coreUIAvailableThemes).join(', ')}`);
+    return {
+        ...baseTheme,
+        selectedActive: config.brandPrimary,
+        buttonPrimary: config.brandPrimary,
+        highlight: hexToRgba(config.brandPrimary, 0.2),
+        navbarBackground: config.brandSecondary,
+        ...config.overrides
+    };
+}
+export { resolveBrandingTheme };

package/dist/config/types.d.ts

@@ -2,6 +2,7 @@
  * Runtime configuration types
  */
 import type { Bucket } from '@aws-sdk/client-s3';
+import type { CoreUITheme, CoreUIThemeName } from '@scality/core-ui/dist/style/theme';
 import type { TableItem } from '../components/objects/ObjectList';
 /**
  * Proxy configuration for development or custom proxy setups
@@ -264,4 +265,39 @@ export interface DataBrowserUIProps {
 }
 export type S3EventType = 's3:ObjectCreated:*' | 's3:ObjectCreated:Put' | 's3:ObjectCreated:Post' | 's3:ObjectCreated:Copy' | 's3:ObjectCreated:CompleteMultipartUpload' | 's3:ObjectRemoved:*' | 's3:ObjectRemoved:Delete' | 's3:ObjectRemoved:DeleteMarkerCreated' | 's3:ObjectRestore:*' | 's3:ObjectRestore:Post' | 's3:ObjectRestore:Completed' | 's3:ObjectRestore:Delete' | 's3:LifecycleExpiration:*' | 's3:LifecycleExpiration:Delete' | 's3:LifecycleExpiration:DeleteMarkerCreated' | 's3:LifecycleTransition' | 's3:Replication:*' | 's3:Replication:OperationFailedReplication' | 's3:Replication:OperationMissedThreshold' | 's3:Replication:OperationReplicatedAfterThreshold' | 's3:Replication:OperationNotTracked' | 's3:ObjectTagging:*' | 's3:ObjectTagging:Put' | 's3:ObjectTagging:Delete' | 's3:ReducedRedundancyLostObject' | 's3:IntelligentTiering' | 's3:ObjectAcl:Put' | 's3:TestEvent';
 export type S3EventCategory = 'Object Creation' | 'Object Deletion' | 'Object Restoration' | 'Lifecycle' | 'Replication' | 'Object Tagging' | 'Storage & Access' | 'Testing';
+/**
+ * Branding configuration for a single theme mode (dark or light).
+ *
+ * Simplifies theme customization by requiring only a base preset and two brand colors.
+ * The branding engine auto-generates a complete theme by:
+ * - Loading all tokens from the base preset
+ * - Applying brandPrimary to buttons and active states
+ * - Applying brandSecondary to navbar background
+ * - Auto-deriving hover states and highlights
+ * - Allowing optional token overrides for fine-tuning
+ */
+export interface BrandingModeConfig {
+    /** Base theme preset that provides default values for all tokens */
+    base: CoreUIThemeName;
+    /** Path to brand logo displayed in navbar. Supports separate logos for dark/light modes. */
+    logo: string;
+    /** Main brand color applied to buttons, active states, and auto-generates hover color */
+    brandPrimary: string;
+    /** Brand color applied to navbar background for immediate brand recognition */
+    brandSecondary: string;
+    /** Optional overrides for individual design tokens when fine-tuning is needed */
+    overrides?: Partial<CoreUITheme>;
+}
+/**
+ * Complete branding configuration supporting dark and/or light modes.
+ *
+ * At least one mode must be provided (dark, light, or both).
+ */
+export type BrandingConfig = {
+    dark: BrandingModeConfig;
+    light?: BrandingModeConfig;
+} | {
+    dark?: BrandingModeConfig;
+    light: BrandingModeConfig;
+};
 export {};

package/dist/hooks/__tests__/useISVBucketDetection.test.js

@@ -1,6 +1,6 @@
 import { renderHook } from "@testing-library/react";
 import { createTestWrapper } from "../../test/testUtils.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 { BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, KASTEN_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION } from "../../utils/constants.js";
 import { useGetBucketTagging } from "../bucketConfiguration.js";
 import { useFeatures } from "../useFeatures.js";
 import { useISVBucketStatus } from "../useISVBucketDetection.js";
@@ -144,6 +144,27 @@ describe('useISVBucketStatus', ()=>{
         expect(result.current.isISVManaged).toBe(true);
         expect(result.current.isvApplication).toBe('Commvault');
     });
+    it('should detect Kasten bucket', ()=>{
+        mockUseGetBucketTagging.mockReturnValue({
+            data: {
+                TagSet: [
+                    {
+                        Key: BUCKET_TAG_APPLICATION,
+                        Value: KASTEN_APPLICATION
+                    }
+                ]
+            },
+            status: 'success'
+        });
+        const { result } = renderHook(()=>useISVBucketStatus('test-bucket'), {
+            wrapper: createTestWrapper()
+        });
+        expect(result.current.isVeeamBucket).toBe(false);
+        expect(result.current.isCommvaultBucket).toBe(false);
+        expect(result.current.isKastenBucket).toBe(true);
+        expect(result.current.isISVManaged).toBe(true);
+        expect(result.current.isvApplication).toBe('Kasten');
+    });
     it('should return false for non-ISV bucket', ()=>{
         mockUseGetBucketTagging.mockReturnValue({
             data: {

package/dist/hooks/useISVBucketDetection.d.ts

@@ -8,6 +8,7 @@
 export declare const useISVBucketStatus: (bucketName: string) => {
     isVeeamBucket: boolean;
     isCommvaultBucket: boolean;
+    isKastenBucket: boolean;
     isISVManaged: boolean;
     isvApplication: string | undefined;
     isLoading: boolean | undefined;

package/dist/hooks/useISVBucketDetection.js

@@ -1,4 +1,4 @@
-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 { BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, KASTEN_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION } from "../utils/constants.js";
 import { useGetBucketTagging } from "./bucketConfiguration.js";
 import { useFeatures } from "./useFeatures.js";
 const useISVBucketStatus = (bucketName)=>{
@@ -13,13 +13,15 @@ const useISVBucketStatus = (bucketName)=>{
     const isVeeamBucket = veeamTagApplication === VEEAM_BACKUP_REPLICATION || veeamTagApplication === VEEAM_OFFICE_365 || veeamTagApplication === VEEAM_OFFICE_365_V8;
     const isISVBucketTagAsVeeam = ISVApplicationTag === VEEAM_BACKUP_REPLICATION || ISVApplicationTag === VEEAM_VBO_APPLICATION;
     const isCommvaultBucket = ISVApplicationTag === COMMVAULT_APPLICATION;
+    const isKastenBucket = ISVApplicationTag === KASTEN_APPLICATION;
     const isVeeam = isVeeamBucket || isISVBucketTagAsVeeam;
-    const isISVManaged = isVeeam || isCommvaultBucket;
+    const isISVManaged = isVeeam || isCommvaultBucket || isKastenBucket;
     return {
         isVeeamBucket: isVeeam,
         isCommvaultBucket,
+        isKastenBucket,
         isISVManaged,
-        isvApplication: isCommvaultBucket ? 'Commvault' : isVeeam ? 'Veeam' : void 0,
+        isvApplication: isKastenBucket ? 'Kasten' : isCommvaultBucket ? 'Commvault' : isVeeam ? 'Veeam' : void 0,
         isLoading: isISVFeatureEnabled && 'pending' === bucketTagsStatus,
         bucketTagsStatus
     };

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export * from './components';
 export * from './config/factory';
+export * from './config/resolveBrandingTheme';
 export * from './config/types';
 export * from './hooks';
 export * from './types';

package/dist/index.js

@@ -1,5 +1,6 @@
 export * from "./components/index.js";
 export * from "./config/factory.js";
+export * from "./config/resolveBrandingTheme.js";
 export * from "./config/types.js";
 export * from "./hooks/index.js";
 export * from "./types/index.js";

package/dist/test/testUtils.d.ts

@@ -158,6 +158,7 @@ export type MockQueryResult<T> = {
 export type ISVBucketStatusMock = {
     isVeeamBucket: boolean;
     isCommvaultBucket: boolean;
+    isKastenBucket: boolean;
     isISVManaged: boolean;
     isvApplication: string | undefined;
     isLoading: boolean;

package/dist/test/testUtils.js

@@ -321,6 +321,7 @@ const createDefaultBucketMocks = ()=>({
         isvBucketStatus: {
             isVeeamBucket: false,
             isCommvaultBucket: false,
+            isKastenBucket: false,
             isISVManaged: false,
             isvApplication: void 0,
             isLoading: false,

package/dist/utils/constants.d.ts

@@ -10,6 +10,8 @@ export declare const VEEAM_OFFICE_365 = "Veeam Backup for Microsoft 365 (v6, v7)
 export declare const VEEAM_OFFICE_365_V8 = "Veeam Backup for Microsoft 365 (v8+)";
 /** Generic identifier for Commvault */
 export declare const COMMVAULT_APPLICATION = "Commvault";
+/** Generic identifier for Kasten */
+export declare const KASTEN_APPLICATION = "Kasten";
 export declare const BUCKET_ROUTES: {
     readonly bucketPolicy: (bucketName: string) => string;
     readonly bucketCors: (bucketName: string) => string;

package/dist/utils/constants.js

@@ -6,6 +6,7 @@ const VEEAM_VBO_APPLICATION = 'Veeam Backup for Microsoft 365';
 const VEEAM_OFFICE_365 = 'Veeam Backup for Microsoft 365 (v6, v7)';
 const VEEAM_OFFICE_365_V8 = 'Veeam Backup for Microsoft 365 (v8+)';
 const COMMVAULT_APPLICATION = 'Commvault';
+const KASTEN_APPLICATION = 'Kasten';
 const BUCKET_ROUTES = {
     bucketPolicy: (bucketName)=>`/buckets/${bucketName}/policy`,
     bucketCors: (bucketName)=>`/buckets/${bucketName}/cors`,
@@ -16,4 +17,4 @@ const BUCKET_ROUTES = {
     notificationCreate: (bucketName)=>`/buckets/${bucketName}/notifications/create`,
     notificationEdit: (bucketName, ruleId)=>`/buckets/${bucketName}/notifications/edit/${encodeURIComponent(ruleId)}`
 };
-export { BUCKET_ROUTES, BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_IMMUTABLE_POLICY_NAME, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION };
+export { BUCKET_ROUTES, BUCKET_TAG_APPLICATION, BUCKET_TAG_VEEAM_APPLICATION, COMMVAULT_APPLICATION, KASTEN_APPLICATION, VEEAM_BACKUP_REPLICATION, VEEAM_IMMUTABLE_POLICY_NAME, VEEAM_OFFICE_365, VEEAM_OFFICE_365_V8, VEEAM_VBO_APPLICATION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scality/data-browser-library",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A modular React component library for browsing S3 buckets and objects",
   "type": "module",
   "types": "./dist/index.d.ts",
@@ -40,7 +40,7 @@
     "react-hook-form": "^7.48.0"
   },
   "peerDependencies": {
-    "@scality/core-ui": ">=0.197.0",
+    "@scality/core-ui": ">=0.198.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-router": ">=7.1.3",