@scality/data-browser-library 1.0.9 → 1.1.1

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 { useFeatures } from "../../hooks/useFeatures.js";
 import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { createTestWrapper, findToggleByLabel, mockErrorSubmit, mockOffsetSize, mockSuccessSubmit, submitForm } from "../../test/testUtils.js";
 import { BucketReplicationFormPage } from "../buckets/BucketReplicationFormPage.js";
@@ -14,12 +15,16 @@ jest.mock('../../hooks/bucketConfiguration', ()=>({
 jest.mock('../../hooks/bucketOperations', ()=>({
         useBuckets: jest.fn()
     }));
+jest.mock('../../hooks/useFeatures', ()=>({
+        useFeatures: 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 mockUseFeatures = jest.mocked(useFeatures);
 const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
 const mockNavigate = jest.fn();
 const mockShowToast = jest.fn();
@@ -107,6 +112,7 @@ describe('BucketReplicationFormPage', ()=>{
             },
             status: 'success'
         });
+        mockUseFeatures.mockReturnValue(true);
         mockUseISVBucketStatus.mockReturnValue({
             isVeeamBucket: false,
             isCommvaultBucket: false,
@@ -1946,4 +1952,31 @@ describe('BucketReplicationFormPage', ()=>{
             expect(screen.getByText(/bucket used for external integration with Kasten/i)).toBeInTheDocument();
         });
     });
+    describe('Feature Flag - replicationAdvanced', ()=>{
+        it('hides Additional Options section when replicationAdvanced is disabled', ()=>{
+            mockUseFeatures.mockReturnValue(false);
+            renderBucketReplicationFormPage();
+            expect(screen.queryByText('Replication Time Control (RTC)')).not.toBeInTheDocument();
+            expect(screen.queryByText('RTC metrics and notifications')).not.toBeInTheDocument();
+            expect(screen.queryByText('Replica modification sync')).not.toBeInTheDocument();
+            expect(screen.queryByText('Delete marker replication')).not.toBeInTheDocument();
+        });
+        it('hides switchObjectOwnership toggle when replicationAdvanced is disabled', async ()=>{
+            mockUseFeatures.mockReturnValue(false);
+            renderBucketReplicationFormPage();
+            const sameAccountToggle = findToggleByLabel('Same account destination');
+            await user_event.click(sameAccountToggle);
+            await waitFor(()=>{
+                expect(screen.queryByText('Switch Object ownership')).not.toBeInTheDocument();
+            });
+        });
+        it('shows Additional Options section when replicationAdvanced is enabled', ()=>{
+            mockUseFeatures.mockReturnValue(true);
+            renderBucketReplicationFormPage();
+            expect(screen.getByText('Replication Time Control (RTC)')).toBeInTheDocument();
+            expect(screen.getByText('RTC metrics and notifications')).toBeInTheDocument();
+            expect(screen.getByText('Replica modification sync')).toBeInTheDocument();
+            expect(screen.getByText('Delete marker replication')).toBeInTheDocument();
+        });
+    });
 });

package/dist/components/buckets/BucketReplicationFormPage.d.ts

@@ -1 +1,2 @@
+export declare function DefaultReplicationDestinationFields(): import("react/jsx-runtime").JSX.Element;
 export declare function BucketReplicationFormPage(): import("react/jsx-runtime").JSX.Element;

package/dist/components/buckets/BucketReplicationFormPage.js

@@ -5,13 +5,14 @@ import { convertRemToPixels } from "@scality/core-ui/dist/components/tablev2/Tab
 import { Box, Button, Input, Select } from "@scality/core-ui/dist/next";
 import joi from "joi";
 import { useCallback, useEffect, useMemo, useRef } from "react";
-import { Controller, FormProvider, useFieldArray, useForm } from "react-hook-form";
+import { Controller, FormProvider, useFieldArray, useForm, useFormContext } from "react-hook-form";
 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 { useFeatures } from "../../hooks/useFeatures.js";
+import { useISVBucketStatus } from "../../hooks/useISVBucketDetection.js";
 import { AWS_RULE_LIMITS, STATUS_OPTIONS, buildS3Filter } from "../../utils/s3RuleUtils.js";
 import { FilterFormSection, createFilterValidationSchema } from "../ui/FilterFormSection.js";
 const storageClassOptions = [
@@ -44,7 +45,7 @@ const storageClassOptions = [
         label: 'Glacier Instant Retrieval'
     }
 ];
-const createSchema = (hasExistingRules)=>joi.object({
+const createSchema = (hasExistingRules, hasCustomDestination)=>joi.object({
         role: hasExistingRules ? joi.string().optional() : joi.string().required().messages({
             'string.empty': 'Role ARN is required for first replication rule'
         }),
@@ -61,10 +62,10 @@ const createSchema = (hasExistingRules)=>joi.object({
         includeEncryptedObjects: joi.boolean(),
         replicaModifications: joi.boolean(),
         sameAccount: joi.boolean(),
-        targetBucket: joi.string().required().messages({
+        targetBucket: hasCustomDestination ? joi.string().allow('').optional() : joi.string().required().messages({
             'string.empty': 'Target bucket is required'
         }),
-        targetAccountId: joi.when('sameAccount', {
+        targetAccountId: hasCustomDestination ? joi.string().allow('').optional() : joi.when('sameAccount', {
             is: false,
             then: joi.string().required().messages({
                 'string.empty': 'Target account ID is required for cross-account replication'
@@ -185,8 +186,10 @@ const ToggleFormField = ({ name, label, id, control, labelHelpTooltip })=>/*#__P
                 })
         })
     });
-const buildDestination = (data)=>({
-        Bucket: `arn:aws:s3:::${data.targetBucket}`,
+const buildDestination = (data, sourceBucketName)=>{
+    const bucketName = data.targetBucket || sourceBucketName;
+    return {
+        Bucket: `arn:aws:s3:::${bucketName}`,
         ...!data.sameAccount && data.targetAccountId && '' !== data.targetAccountId.trim() && {
             Account: data.targetAccountId
         },
@@ -219,7 +222,8 @@ const buildDestination = (data)=>({
                 Owner: 'Destination'
             }
         }
-    });
+    };
+};
 const buildSourceSelectionCriteria = (data)=>{
     if (data.includeEncryptedObjects || data.replicaModifications) return {
         ...data.includeEncryptedObjects && {
@@ -234,12 +238,12 @@ const buildSourceSelectionCriteria = (data)=>{
         }
     };
 };
-const buildReplicationRule = (data)=>{
+const buildReplicationRule = (data, sourceBucketName)=>{
     const rule = {
         ID: data.ruleId,
         Status: data.status,
         Priority: data.priority ?? 0,
-        Destination: buildDestination(data)
+        Destination: buildDestination(data, sourceBucketName)
     };
     const filter = buildS3Filter(data);
     if (filter) rule.Filter = filter;
@@ -250,18 +254,95 @@ const buildReplicationRule = (data)=>{
     };
     return rule;
 };
+function DefaultReplicationDestinationFields() {
+    const { watch, register, control, formState: { errors } } = useFormContext();
+    const { bucketName } = useParams();
+    const { data: bucketsData } = useBuckets();
+    const availableBuckets = bucketsData?.Buckets || [];
+    const sameAccount = watch('sameAccount');
+    const showAdvancedReplication = useFeatures('replicationAdvanced');
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(FormGroup, {
+                label: "Destination",
+                id: "sameAccount",
+                direction: "horizontal",
+                labelHelpTooltip: "Toggle between same-account and cross-account replication destination",
+                content: /*#__PURE__*/ jsx(Controller, {
+                    name: "sameAccount",
+                    control: control,
+                    render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
+                            toggle: field.value,
+                            onChange: field.onChange,
+                            label: field.value ? 'Same account destination' : 'Not same account destination'
+                        })
+                })
+            }),
+            sameAccount ? /*#__PURE__*/ jsx(Fragment, {}) : /*#__PURE__*/ jsx("div", {
+                style: {
+                    paddingLeft: spacing.r24
+                },
+                children: /*#__PURE__*/ jsx(FormGroup, {
+                    label: "Target account ID",
+                    id: "targetAccountId",
+                    direction: "horizontal",
+                    error: errors?.targetAccountId?.message,
+                    helpErrorPosition: "bottom",
+                    required: true,
+                    content: /*#__PURE__*/ jsx(Input, {
+                        id: "targetAccountId",
+                        placeholder: "Account ID",
+                        ...register('targetAccountId')
+                    })
+                })
+            }),
+            /*#__PURE__*/ jsx(FormGroup, {
+                label: "Target Bucket",
+                id: "targetBucket",
+                direction: "horizontal",
+                error: errors?.targetBucket?.message,
+                helpErrorPosition: "bottom",
+                required: true,
+                content: sameAccount ? /*#__PURE__*/ jsx(Controller, {
+                    name: "targetBucket",
+                    control: control,
+                    render: ({ field })=>/*#__PURE__*/ jsx(Select, {
+                            id: "targetBucket",
+                            value: field.value,
+                            onChange: field.onChange,
+                            placeholder: "Select a bucket",
+                            children: availableBuckets.filter((bucket)=>bucket.Name !== bucketName).map((bucket)=>/*#__PURE__*/ jsx(Select.Option, {
+                                    value: bucket.Name || '',
+                                    children: bucket.Name
+                                }, bucket.Name))
+                        })
+                }) : /*#__PURE__*/ jsx(Input, {
+                    id: "targetBucket",
+                    placeholder: "Bucket name",
+                    ...register('targetBucket')
+                })
+            }),
+            showAdvancedReplication && !sameAccount ? /*#__PURE__*/ jsx(ToggleFormField, {
+                name: "switchObjectOwnership",
+                label: "Switch Object ownership",
+                id: "switchObjectOwnership",
+                control: control,
+                labelHelpTooltip: "Change replica ownership to destination bucket owner (AccessControlTranslation)"
+            }) : /*#__PURE__*/ jsx(Fragment, {})
+        ]
+    });
+}
 function BucketReplicationFormPage() {
-    const { storageClassSelector: StorageClassSelector, storageClassLabel } = useDataBrowserUICustomization();
+    const { storageClassSelector: StorageClassSelector, storageClassLabel, replicationRoleDefault, replicationDestinationFields: CustomDestinationFields } = useDataBrowserUICustomization();
     const { bucketName, ruleId } = useParams();
     const navigate = useDataBrowserNavigate();
     const { showToast } = useToast();
     const isEditMode = !!ruleId;
+    const showAdvancedReplication = useFeatures('replicationAdvanced');
     const { isISVManaged, isvApplication, isLoading: isISVLoading } = useISVBucketStatus(bucketName);
     const { data: replicationData, status: replicationStatus } = useGetBucketReplication({
         Bucket: bucketName
     });
-    const { data: bucketsData } = useBuckets();
-    const availableBuckets = bucketsData?.Buckets || [];
     const existingRole = replicationData?.ReplicationConfiguration?.Role || '';
     const hasExistingRules = (replicationData?.ReplicationConfiguration?.Rules || []).length > 0;
     const existingRule = useMemo(()=>{
@@ -286,20 +367,21 @@ function BucketReplicationFormPage() {
     }, [
         replicationData
     ]);
-    const dynamicSchema = useMemo(()=>createSchema(hasExistingRules).keys({
+    const dynamicSchema = useMemo(()=>createSchema(hasExistingRules, !!CustomDestinationFields).keys({
             ruleId: joi.string().required().invalid(...existingRuleIds).messages({
                 'string.empty': 'Rule ID is required',
                 'any.invalid': 'A rule with this ID already exists'
             })
         }), [
         existingRuleIds,
-        hasExistingRules
+        hasExistingRules,
+        CustomDestinationFields
     ]);
     const methods = useForm({
         resolver: joiResolver(dynamicSchema),
         mode: 'onChange',
         defaultValues: {
-            role: '',
+            role: replicationRoleDefault || '',
             ruleId: '',
             status: 'Enabled',
             priority: null,
@@ -327,11 +409,35 @@ function BucketReplicationFormPage() {
         name: 'tags'
     });
     const filterType = watch('filterType');
-    const sameAccount = watch('sameAccount');
     const encryptReplicatedObjects = watch('encryptReplicatedObjects');
     const includeEncryptedObjects = watch('includeEncryptedObjects');
     const deleteMarkerReplication = watch('deleteMarkerReplication');
     const enforceRTC = watch('enforceRTC');
+    const storageClassField = /*#__PURE__*/ jsx(FormGroup, {
+        label: storageClassLabel || 'Storage Class',
+        id: "storageClass",
+        direction: "horizontal",
+        error: errors?.storageClass?.message,
+        helpErrorPosition: "bottom",
+        labelHelpTooltip: StorageClassSelector ? void 0 : 'Storage class for replicated objects in destination bucket',
+        content: /*#__PURE__*/ jsx(Controller, {
+            name: "storageClass",
+            control: control,
+            render: ({ field })=>StorageClassSelector ? /*#__PURE__*/ jsx(StorageClassSelector, {
+                    value: field.value,
+                    onChange: field.onChange,
+                    context: "replication"
+                }) : /*#__PURE__*/ jsx(Select, {
+                    id: "storageClass",
+                    value: field.value,
+                    onChange: field.onChange,
+                    children: storageClassOptions.map((option)=>/*#__PURE__*/ jsx(Select.Option, {
+                            value: option.value,
+                            children: option.label
+                        }, option.value))
+                })
+        })
+    });
     const { mutate: setReplication, isPending: isSaving } = useSetBucketReplication();
     const loadedRuleIdRef = useRef(null);
     useEffect(()=>{
@@ -344,7 +450,7 @@ function BucketReplicationFormPage() {
         } else if (!isEditMode && !isDirty) {
             reset((prev)=>({
                     ...prev,
-                    role: existingRole,
+                    role: existingRole || replicationRoleDefault || '',
                     priority: nextAvailablePriority
                 }));
             loadedRuleIdRef.current = null;
@@ -353,6 +459,7 @@ function BucketReplicationFormPage() {
         isEditMode,
         existingRule,
         existingRole,
+        replicationRoleDefault,
         nextAvailablePriority,
         isDirty,
         reset
@@ -425,7 +532,7 @@ function BucketReplicationFormPage() {
     ]);
     const onSubmit = useCallback((data)=>{
         if (!bucketName) return;
-        const rule = buildReplicationRule(data);
+        const rule = buildReplicationRule(data, bucketName);
         const existingRules = replicationData?.ReplicationConfiguration?.Rules || [];
         const updatedRules = isEditMode ? existingRules.map((r)=>r.ID === existingRule?.ID ? rule : r) : [
             ...existingRules,
@@ -553,7 +660,7 @@ function BucketReplicationFormPage() {
                         direction: "horizontal",
                         error: errors?.role?.message,
                         helpErrorPosition: "bottom",
-                        required: !hasExistingRules,
+                        required: true,
                         content: hasExistingRules ? /*#__PURE__*/ jsxs(Stack, {
                             direction: "vertical",
                             gap: "r8",
@@ -562,6 +669,7 @@ function BucketReplicationFormPage() {
                                     children: existingRole || 'Not set'
                                 }),
                                 /*#__PURE__*/ jsx(Text, {
+                                    variant: "Small",
                                     color: "textSecondary",
                                     children: "To change the Role, edit it through bucket configuration or delete all rules first"
                                 })
@@ -648,104 +756,22 @@ function BucketReplicationFormPage() {
                     removeTag: removeTag,
                     errors: errors
                 }),
-                /*#__PURE__*/ jsxs(FormSection, {
+                /*#__PURE__*/ jsx(FormSection, {
                     title: {
                         name: 'Destination'
                     },
                     forceLabelWidth: convertRemToPixels(15),
-                    children: [
-                        /*#__PURE__*/ jsx(FormGroup, {
-                            label: "Destination",
-                            id: "sameAccount",
-                            direction: "horizontal",
-                            labelHelpTooltip: "Toggle between same-account and cross-account replication destination",
-                            content: /*#__PURE__*/ jsx(Controller, {
-                                name: "sameAccount",
-                                control: control,
-                                render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
-                                        toggle: field.value,
-                                        onChange: field.onChange,
-                                        label: field.value ? 'Same account destination' : 'Not same account destination'
-                                    })
-                            })
-                        }),
-                        sameAccount ? /*#__PURE__*/ jsx(Fragment, {}) : /*#__PURE__*/ jsx("div", {
-                            style: {
-                                paddingLeft: spacing.r24
-                            },
-                            children: /*#__PURE__*/ jsx(FormGroup, {
-                                label: "Target account ID",
-                                id: "targetAccountId",
-                                direction: "horizontal",
-                                error: errors?.targetAccountId?.message,
-                                helpErrorPosition: "bottom",
-                                required: true,
-                                content: /*#__PURE__*/ jsx(Input, {
-                                    id: "targetAccountId",
-                                    placeholder: "Account ID",
-                                    ...register('targetAccountId')
-                                })
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(FormGroup, {
-                            label: "Target Bucket",
-                            id: "targetBucket",
-                            direction: "horizontal",
-                            error: errors?.targetBucket?.message,
-                            helpErrorPosition: "bottom",
-                            required: true,
-                            content: sameAccount ? /*#__PURE__*/ jsx(Controller, {
-                                name: "targetBucket",
-                                control: control,
-                                render: ({ field })=>/*#__PURE__*/ jsx(Select, {
-                                        id: "targetBucket",
-                                        value: field.value,
-                                        onChange: field.onChange,
-                                        placeholder: "Select a bucket",
-                                        children: availableBuckets.filter((bucket)=>bucket.Name !== bucketName).map((bucket)=>/*#__PURE__*/ jsx(Select.Option, {
-                                                value: bucket.Name || '',
-                                                children: bucket.Name
-                                            }, bucket.Name))
-                                    })
-                            }) : /*#__PURE__*/ jsx(Input, {
-                                id: "targetBucket",
-                                placeholder: "Bucket name",
-                                ...register('targetBucket')
-                            })
-                        }),
-                        /*#__PURE__*/ jsx(FormGroup, {
-                            label: storageClassLabel || 'Storage Class',
-                            id: "storageClass",
-                            direction: "horizontal",
-                            error: errors?.storageClass?.message,
-                            helpErrorPosition: "bottom",
-                            labelHelpTooltip: StorageClassSelector ? void 0 : 'Storage class for replicated objects in destination bucket',
-                            content: /*#__PURE__*/ jsx(Controller, {
-                                name: "storageClass",
-                                control: control,
-                                render: ({ field })=>StorageClassSelector ? /*#__PURE__*/ jsx(StorageClassSelector, {
-                                        value: field.value,
-                                        onChange: field.onChange,
-                                        context: "replication"
-                                    }) : /*#__PURE__*/ jsx(Select, {
-                                        id: "storageClass",
-                                        value: field.value,
-                                        onChange: field.onChange,
-                                        children: storageClassOptions.map((option)=>/*#__PURE__*/ jsx(Select.Option, {
-                                                value: option.value,
-                                                children: option.label
-                                            }, option.value))
-                                    })
-                            })
-                        }),
-                        sameAccount ? /*#__PURE__*/ jsx(Fragment, {}) : /*#__PURE__*/ jsx(ToggleFormField, {
-                            name: "switchObjectOwnership",
-                            label: "Switch Object ownership",
-                            id: "switchObjectOwnership",
-                            control: control,
-                            labelHelpTooltip: "Change replica ownership to destination bucket owner (AccessControlTranslation)"
-                        })
-                    ]
+                    children: CustomDestinationFields ? /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            storageClassField,
+                            /*#__PURE__*/ jsx(CustomDestinationFields, {})
+                        ]
+                    }) : /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(DefaultReplicationDestinationFields, {}),
+                            storageClassField
+                        ]
+                    })
                 }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
@@ -811,7 +837,7 @@ function BucketReplicationFormPage() {
                         }) : /*#__PURE__*/ jsx(Fragment, {})
                     ]
                 }),
-                /*#__PURE__*/ jsxs(FormSection, {
+                showAdvancedReplication && /*#__PURE__*/ jsxs(FormSection, {
                     title: {
                         name: 'Additional Options'
                     },
@@ -894,4 +920,4 @@ function BucketReplicationFormPage() {
         })
     });
 }
-export { BucketReplicationFormPage };
+export { BucketReplicationFormPage, DefaultReplicationDestinationFields };

package/dist/components/index.d.ts

@@ -8,7 +8,7 @@ export { BucketList } from './buckets/BucketList';
 export { BucketOverview, BucketOverviewField, BucketOverviewSection, useBucketOverviewContext, } from './buckets/BucketOverview';
 export { BucketPage } from './buckets/BucketPage';
 export { BucketPolicyPage } from './buckets/BucketPolicyPage';
-export { BucketReplicationFormPage } from './buckets/BucketReplicationFormPage';
+export { BucketReplicationFormPage, DefaultReplicationDestinationFields, } from './buckets/BucketReplicationFormPage';
 export { BucketVersioning } from './buckets/BucketVersioning';
 export { DeleteBucketButton } from './buckets/DeleteBucketButton';
 export { EmptyBucketButton } from './buckets/EmptyBucketButton';

package/dist/components/index.js

@@ -8,7 +8,7 @@ import { BucketList } from "./buckets/BucketList.js";
 import { BucketOverview, BucketOverviewField, BucketOverviewSection, useBucketOverviewContext } from "./buckets/BucketOverview.js";
 import { BucketPage } from "./buckets/BucketPage.js";
 import { BucketPolicyPage } from "./buckets/BucketPolicyPage.js";
-import { BucketReplicationFormPage } from "./buckets/BucketReplicationFormPage.js";
+import { BucketReplicationFormPage, DefaultReplicationDestinationFields } from "./buckets/BucketReplicationFormPage.js";
 import { BucketVersioning } from "./buckets/BucketVersioning.js";
 import { DeleteBucketButton } from "./buckets/DeleteBucketButton.js";
 import { EmptyBucketButton } from "./buckets/EmptyBucketButton.js";
@@ -25,4 +25,4 @@ import { DataBrowserProvider, useDataBrowserConfig, useDataBrowserContext, useIn
 import { QueryProvider } from "./providers/QueryProvider.js";
 import { MetadataSearch } from "./search/MetadataSearch.js";
 import { ArrayFieldActions } from "./ui/ArrayFieldActions.js";
-export { ArrayFieldActions, Breadcrumb, BucketAccessor, BucketCorsPage, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationFormPage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, BucketVersioning, CreateFolderButton, DataBrowserBreadcrumb, DataBrowserProvider, DataBrowserUI, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, QueryProvider, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useBreadcrumbPaths, useBucketOverviewContext, useDataBrowserConfig, useDataBrowserContext, useDataBrowserNavigate, useInvalidateQueries };
+export { ArrayFieldActions, Breadcrumb, BucketAccessor, BucketCorsPage, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationFormPage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, BucketVersioning, CreateFolderButton, DataBrowserBreadcrumb, DataBrowserProvider, DataBrowserUI, DefaultReplicationDestinationFields, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, QueryProvider, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useBreadcrumbPaths, useBucketOverviewContext, useDataBrowserConfig, useDataBrowserContext, useDataBrowserNavigate, useInvalidateQueries };

package/dist/config/types.d.ts

@@ -262,6 +262,17 @@ export interface DataBrowserUIProps {
      * - "legalHold" - Legal Hold field
      */
     extraObjectSummaryDataProtection?: FieldConfig[];
+    /** Pre-fills the Role ARN input field with this value. */
+    replicationRoleDefault?: string;
+    /**
+     * When provided, replaces the default destination fields
+     * (sameAccount toggle, targetBucket, targetAccountId, switchObjectOwnership).
+     * The StorageClass/Location selector is rendered separately above.
+     *
+     * Use `DefaultReplicationDestinationFields` (exported from the library)
+     * to fall back to default behavior for non-custom cases.
+     */
+    replicationDestinationFields?: React.ComponentType;
 }
 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';

package/package.json

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