@scality/data-browser-library 1.0.0-preview.9 → 1.0.1

package/dist/components/buckets/BucketReplicationFormPage.js

@@ -6,88 +6,89 @@ 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 { useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router";
 import { useGetBucketReplication, useSetBucketReplication } from "../../hooks/bucketConfiguration.js";
 import { useBuckets } from "../../hooks/bucketOperations.js";
-import { FilterFormSection, createFilterValidationSchema } from "../ui/FilterFormSection.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";
 const storageClassOptions = [
     {
-        value: "",
-        label: "Same as source"
+        value: '',
+        label: 'Same as source'
     },
     {
-        value: "GLACIER",
-        label: "Glacier"
+        value: 'GLACIER',
+        label: 'Glacier'
     },
     {
-        value: "DEEP_ARCHIVE",
-        label: "Glacier Deep Archive"
+        value: 'DEEP_ARCHIVE',
+        label: 'Glacier Deep Archive'
     },
     {
-        value: "STANDARD_IA",
-        label: "Standard-IA"
+        value: 'STANDARD_IA',
+        label: 'Standard-IA'
     },
     {
-        value: "ONEZONE_IA",
-        label: "One Zone-IA"
+        value: 'ONEZONE_IA',
+        label: 'One Zone-IA'
     },
     {
-        value: "INTELLIGENT_TIERING",
-        label: "Intelligent-Tiering"
+        value: 'INTELLIGENT_TIERING',
+        label: 'Intelligent-Tiering'
     },
     {
-        value: "GLACIER_IR",
-        label: "Glacier Instant Retrieval"
+        value: 'GLACIER_IR',
+        label: 'Glacier Instant Retrieval'
     }
 ];
 const createSchema = (hasExistingRules)=>joi.object({
         role: hasExistingRules ? joi.string().optional() : joi.string().required().messages({
-            "string.empty": "Role ARN is required for first replication rule"
+            'string.empty': 'Role ARN is required for first replication rule'
         }),
         ruleId: joi.string().required().max(AWS_RULE_LIMITS.RULE_ID_MAX_LENGTH).messages({
-            "string.empty": "Rule ID is required",
-            "string.max": `Rule ID must not exceed ${AWS_RULE_LIMITS.RULE_ID_MAX_LENGTH} characters`
+            'string.empty': 'Rule ID is required',
+            'string.max': `Rule ID must not exceed ${AWS_RULE_LIMITS.RULE_ID_MAX_LENGTH} characters`
         }),
         status: joi.string().valid(...STATUS_OPTIONS.map((o)=>o.value)).required(),
         priority: joi.number().integer().min(0).allow(null).optional().messages({
-            "number.base": "Priority must be a number",
-            "number.min": "Priority must be at least 0"
+            'number.base': 'Priority must be a number',
+            'number.min': 'Priority must be at least 0'
         }),
         ...createFilterValidationSchema(joi),
         includeEncryptedObjects: joi.boolean(),
         replicaModifications: joi.boolean(),
         sameAccount: joi.boolean(),
         targetBucket: joi.string().required().messages({
-            "string.empty": "Target bucket is required"
+            'string.empty': 'Target bucket is required'
         }),
-        targetAccountId: joi.when("sameAccount", {
+        targetAccountId: joi.when('sameAccount', {
             is: false,
             then: joi.string().required().messages({
-                "string.empty": "Target account ID is required for cross-account replication"
+                'string.empty': 'Target account ID is required for cross-account replication'
             }),
-            otherwise: joi.string().allow("").optional()
+            otherwise: joi.string().allow('').optional()
         }),
-        storageClass: joi.string().allow("").optional(),
+        storageClass: joi.string().allow('').optional(),
         encryptReplicatedObjects: joi.boolean().custom((value, helpers)=>{
             const { includeEncryptedObjects } = helpers.state.ancestors[0];
-            if (includeEncryptedObjects && !value) return helpers.error("any.invalid", {
-                message: "Encryption must be enabled when replicating encrypted objects"
+            if (includeEncryptedObjects && !value) return helpers.error('any.invalid', {
+                message: 'Encryption must be enabled when replicating encrypted objects'
             });
             return value;
         }),
-        replicaKmsKeyId: joi.when("encryptReplicatedObjects", {
+        replicaKmsKeyId: joi.when('encryptReplicatedObjects', {
             is: true,
             then: joi.string().required().messages({
-                "string.empty": "Replica KMS Key ID is required when encrypting replicated objects"
+                'string.empty': 'Replica KMS Key ID is required when encrypting replicated objects'
             }),
-            otherwise: joi.string().allow("").optional()
+            otherwise: joi.string().allow('').optional()
         }),
         enforceRTC: joi.boolean(),
-        enableRTCNotification: joi.when("enforceRTC", {
+        enableRTCNotification: joi.when('enforceRTC', {
             is: true,
             then: joi.boolean().valid(true).messages({
-                "any.only": "Metrics must be enabled when RTC is enabled"
+                'any.only': 'Metrics must be enabled when RTC is enabled'
             }),
             otherwise: joi.boolean()
         }),
@@ -97,71 +98,71 @@ const createSchema = (hasExistingRules)=>joi.object({
 const ruleToFormValues = (rule, role)=>{
     const formValues = {
         role,
-        ruleId: rule.ID || "",
-        status: rule.Status || "Enabled",
+        ruleId: rule.ID || '',
+        status: rule.Status || 'Enabled',
         priority: rule.Priority ?? null,
-        filterType: "none",
-        prefix: "",
+        filterType: 'none',
+        prefix: '',
         tags: [],
         includeEncryptedObjects: false,
         replicaModifications: false,
         sameAccount: true,
-        targetBucket: "",
-        targetAccountId: "",
-        storageClass: "",
+        targetBucket: '',
+        targetAccountId: '',
+        storageClass: '',
         encryptReplicatedObjects: false,
-        replicaKmsKeyId: "",
+        replicaKmsKeyId: '',
         enforceRTC: false,
         enableRTCNotification: false,
         deleteMarkerReplication: false,
         switchObjectOwnership: false
     };
-    if (void 0 !== rule.Prefix && "" !== rule.Prefix) {
-        formValues.filterType = "prefix";
+    if (void 0 !== rule.Prefix && '' !== rule.Prefix) {
+        formValues.filterType = 'prefix';
         formValues.prefix = rule.Prefix;
     } else if (rule.Filter) {
         if (rule.Filter.And) {
-            formValues.filterType = "and";
-            formValues.prefix = rule.Filter.And.Prefix || "";
+            formValues.filterType = 'and';
+            formValues.prefix = rule.Filter.And.Prefix || '';
             formValues.tags = rule.Filter.And.Tags?.map((tag)=>({
-                    key: tag.Key || "",
-                    value: tag.Value || ""
+                    key: tag.Key || '',
+                    value: tag.Value || ''
                 })) || [];
         } else if (void 0 !== rule.Filter.Prefix) {
-            formValues.filterType = "prefix";
+            formValues.filterType = 'prefix';
             formValues.prefix = rule.Filter.Prefix;
         } else if (rule.Filter.Tag) {
-            formValues.filterType = "tags";
+            formValues.filterType = 'tags';
             formValues.tags = [
                 {
-                    key: rule.Filter.Tag.Key || "",
-                    value: rule.Filter.Tag.Value || ""
+                    key: rule.Filter.Tag.Key || '',
+                    value: rule.Filter.Tag.Value || ''
                 }
             ];
         }
     }
     if (rule.SourceSelectionCriteria) {
-        formValues.includeEncryptedObjects = rule.SourceSelectionCriteria.SseKmsEncryptedObjects?.Status === "Enabled";
-        formValues.replicaModifications = rule.SourceSelectionCriteria.ReplicaModifications?.Status === "Enabled";
+        formValues.includeEncryptedObjects = rule.SourceSelectionCriteria.SseKmsEncryptedObjects?.Status === 'Enabled';
+        formValues.replicaModifications = rule.SourceSelectionCriteria.ReplicaModifications?.Status === 'Enabled';
     }
     if (rule.Destination) {
-        const bucketArn = rule.Destination.Bucket || "";
-        const parts = bucketArn.split(":::");
+        const bucketArn = rule.Destination.Bucket || '';
+        const parts = bucketArn.split(':::');
         formValues.targetBucket = parts[parts.length - 1] || bucketArn;
         if (rule.Destination.Account) {
             formValues.sameAccount = false;
             formValues.targetAccountId = rule.Destination.Account;
         } else formValues.sameAccount = true;
-        formValues.storageClass = rule.Destination.StorageClass || "";
-        formValues.switchObjectOwnership = rule.Destination.AccessControlTranslation?.Owner === "Destination";
-        if (rule.Destination.ReplicationTime) formValues.enforceRTC = "Enabled" === rule.Destination.ReplicationTime.Status;
-        if (rule.Destination.Metrics) formValues.enableRTCNotification = "Enabled" === rule.Destination.Metrics.Status;
+        formValues.storageClass = rule.Destination.StorageClass || '';
+        formValues.switchObjectOwnership = rule.Destination.AccessControlTranslation?.Owner === 'Destination';
+        if (rule.Destination.ReplicationTime) formValues.enforceRTC = 'Enabled' === rule.Destination.ReplicationTime.Status;
+        if (rule.Destination.Metrics) formValues.enableRTCNotification = 'Enabled' === rule.Destination.Metrics.Status;
         if (rule.Destination.EncryptionConfiguration) {
             formValues.encryptReplicatedObjects = true;
-            formValues.replicaKmsKeyId = rule.Destination.EncryptionConfiguration.ReplicaKmsKeyID || "";
+            formValues.replicaKmsKeyId = rule.Destination.EncryptionConfiguration.ReplicaKmsKeyID || '';
         }
     }
-    if (rule.DeleteMarkerReplication) formValues.deleteMarkerReplication = "Enabled" === rule.DeleteMarkerReplication.Status;
+    if (rule.DeleteMarkerReplication) formValues.deleteMarkerReplication = 'Enabled' === rule.DeleteMarkerReplication.Status;
     return formValues;
 };
 const ToggleFormField = ({ name, label, id, control, labelHelpTooltip })=>/*#__PURE__*/ jsx(FormGroup, {
@@ -175,27 +176,27 @@ const ToggleFormField = ({ name, label, id, control, labelHelpTooltip })=>/*#__P
             render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
                     toggle: field.value,
                     onChange: field.onChange,
-                    label: field.value ? "Enabled" : "Disabled"
+                    label: field.value ? 'Enabled' : 'Disabled'
                 })
         })
     });
 const buildDestination = (data)=>({
         Bucket: `arn:aws:s3:::${data.targetBucket}`,
-        ...!data.sameAccount && data.targetAccountId && "" !== data.targetAccountId.trim() && {
+        ...!data.sameAccount && data.targetAccountId && '' !== data.targetAccountId.trim() && {
             Account: data.targetAccountId
         },
-        ...data.storageClass && "" !== data.storageClass.trim() && {
+        ...data.storageClass && '' !== data.storageClass.trim() && {
             StorageClass: data.storageClass
         },
         ...(data.enforceRTC || data.enableRTCNotification) && {
             ReplicationTime: {
-                Status: data.enforceRTC ? "Enabled" : "Disabled",
+                Status: data.enforceRTC ? 'Enabled' : 'Disabled',
                 Time: {
                     Minutes: 15
                 }
             },
             Metrics: {
-                Status: "Enabled",
+                Status: 'Enabled',
                 ...data.enforceRTC && {
                     EventThreshold: {
                         Minutes: 15
@@ -203,14 +204,14 @@ const buildDestination = (data)=>({
                 }
             }
         },
-        ...data.encryptReplicatedObjects && data.replicaKmsKeyId && "" !== data.replicaKmsKeyId.trim() && {
+        ...data.encryptReplicatedObjects && data.replicaKmsKeyId && '' !== data.replicaKmsKeyId.trim() && {
             EncryptionConfiguration: {
                 ReplicaKmsKeyID: data.replicaKmsKeyId
             }
         },
-        ...!data.sameAccount && data.switchObjectOwnership && data.targetAccountId && "" !== data.targetAccountId.trim() && {
+        ...!data.sameAccount && data.switchObjectOwnership && data.targetAccountId && '' !== data.targetAccountId.trim() && {
             AccessControlTranslation: {
-                Owner: "Destination"
+                Owner: 'Destination'
             }
         }
     });
@@ -218,12 +219,12 @@ const buildSourceSelectionCriteria = (data)=>{
     if (data.includeEncryptedObjects || data.replicaModifications) return {
         ...data.includeEncryptedObjects && {
             SseKmsEncryptedObjects: {
-                Status: "Enabled"
+                Status: 'Enabled'
             }
         },
         ...data.replicaModifications && {
             ReplicaModifications: {
-                Status: "Enabled"
+                Status: 'Enabled'
             }
         }
     };
@@ -240,13 +241,13 @@ const buildReplicationRule = (data)=>{
     const sourceSelectionCriteria = buildSourceSelectionCriteria(data);
     if (sourceSelectionCriteria) rule.SourceSelectionCriteria = sourceSelectionCriteria;
     rule.DeleteMarkerReplication = {
-        Status: data.deleteMarkerReplication ? "Enabled" : "Disabled"
+        Status: data.deleteMarkerReplication ? 'Enabled' : 'Disabled'
     };
     return rule;
 };
 function BucketReplicationFormPage() {
     const { bucketName, ruleId } = useParams();
-    const navigate = useNavigate();
+    const navigate = useDataBrowserNavigate();
     const { showToast } = useToast();
     const isEditMode = !!ruleId;
     const { data: replicationData, status: replicationStatus } = useGetBucketReplication({
@@ -254,7 +255,7 @@ function BucketReplicationFormPage() {
     });
     const { data: bucketsData } = useBuckets();
     const availableBuckets = bucketsData?.Buckets || [];
-    const existingRole = replicationData?.ReplicationConfiguration?.Role || "";
+    const existingRole = replicationData?.ReplicationConfiguration?.Role || '';
     const hasExistingRules = (replicationData?.ReplicationConfiguration?.Rules || []).length > 0;
     const existingRule = useMemo(()=>{
         if (!isEditMode || !replicationData?.ReplicationConfiguration?.Rules || !ruleId) return null;
@@ -280,8 +281,8 @@ function BucketReplicationFormPage() {
     ]);
     const dynamicSchema = useMemo(()=>createSchema(hasExistingRules).keys({
             ruleId: joi.string().required().invalid(...existingRuleIds).messages({
-                "string.empty": "Rule ID is required",
-                "any.invalid": "A rule with this ID already exists"
+                'string.empty': 'Rule ID is required',
+                'any.invalid': 'A rule with this ID already exists'
             })
         }), [
         existingRuleIds,
@@ -289,23 +290,23 @@ function BucketReplicationFormPage() {
     ]);
     const methods = useForm({
         resolver: joiResolver(dynamicSchema),
-        mode: "onChange",
+        mode: 'onChange',
         defaultValues: {
-            role: "",
-            ruleId: "",
-            status: "Enabled",
+            role: '',
+            ruleId: '',
+            status: 'Enabled',
             priority: null,
-            filterType: "none",
-            prefix: "",
+            filterType: 'none',
+            prefix: '',
             tags: [],
             includeEncryptedObjects: false,
             replicaModifications: false,
             sameAccount: true,
-            targetBucket: "",
-            targetAccountId: "",
-            storageClass: "",
+            targetBucket: '',
+            targetAccountId: '',
+            storageClass: '',
             encryptReplicatedObjects: false,
-            replicaKmsKeyId: "",
+            replicaKmsKeyId: '',
             enforceRTC: false,
             enableRTCNotification: false,
             deleteMarkerReplication: false,
@@ -315,14 +316,14 @@ function BucketReplicationFormPage() {
     const { handleSubmit, register, control, watch, reset, formState: { isValid, isDirty, errors } } = methods;
     const { fields: tagFields, append: appendTag, remove: removeTag } = useFieldArray({
         control,
-        name: "tags"
+        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 filterType = watch('filterType');
+    const sameAccount = watch('sameAccount');
+    const encryptReplicatedObjects = watch('encryptReplicatedObjects');
+    const includeEncryptedObjects = watch('includeEncryptedObjects');
+    const deleteMarkerReplication = watch('deleteMarkerReplication');
+    const enforceRTC = watch('enforceRTC');
     const { mutate: setReplication, isPending: isSaving } = useSetBucketReplication();
     const loadedRuleIdRef = useRef(null);
     useEffect(()=>{
@@ -352,17 +353,17 @@ function BucketReplicationFormPage() {
     useEffect(()=>{
         const prevFilterType = prevFilterTypeRef.current;
         prevFilterTypeRef.current = filterType;
-        if (("tags" === filterType || "and" === filterType) && 0 === tagFields.length) {
+        if (('tags' === filterType || 'and' === filterType) && 0 === tagFields.length) {
             if (!isEditMode || void 0 !== prevFilterType && prevFilterType !== filterType) appendTag({
-                key: "",
-                value: ""
+                key: '',
+                value: ''
             });
         }
         if (void 0 !== prevFilterType && prevFilterType !== filterType) {
-            if (("none" === filterType || "prefix" === filterType) && tagFields.length > 0) tagFields.forEach((_, index)=>{
+            if (('none' === filterType || 'prefix' === filterType) && tagFields.length > 0) tagFields.forEach((_, index)=>{
                 removeTag(tagFields.length - 1 - index);
             });
-            if ("none" === filterType) methods.setValue("prefix", "", {
+            if ('none' === filterType) methods.setValue('prefix', '', {
                 shouldDirty: true
             });
         }
@@ -375,7 +376,7 @@ function BucketReplicationFormPage() {
         methods
     ]);
     useEffect(()=>{
-        if (includeEncryptedObjects && !encryptReplicatedObjects) methods.setValue("encryptReplicatedObjects", true, {
+        if (includeEncryptedObjects && !encryptReplicatedObjects) methods.setValue('encryptReplicatedObjects', true, {
             shouldValidate: true
         });
     }, [
@@ -384,7 +385,7 @@ function BucketReplicationFormPage() {
         methods
     ]);
     useEffect(()=>{
-        if (("tags" === filterType || "and" === filterType) && deleteMarkerReplication) methods.setValue("deleteMarkerReplication", false, {
+        if (('tags' === filterType || 'and' === filterType) && deleteMarkerReplication) methods.setValue('deleteMarkerReplication', false, {
             shouldValidate: true
         });
     }, [
@@ -393,7 +394,7 @@ function BucketReplicationFormPage() {
         methods
     ]);
     useEffect(()=>{
-        if (enforceRTC) methods.setValue("enableRTCNotification", true, {
+        if (enforceRTC) methods.setValue('enableRTCNotification', true, {
             shouldValidate: true
         });
     }, [
@@ -424,17 +425,17 @@ function BucketReplicationFormPage() {
             onSuccess: ()=>{
                 showToast({
                     open: true,
-                    message: `Replication rule ${isEditMode ? "updated" : "created"} successfully`,
-                    status: "success"
+                    message: `Replication rule ${isEditMode ? 'updated' : 'created'} successfully`,
+                    status: 'success'
                 });
                 navigate(`/buckets/${bucketName}?tab=replication`);
             },
             onError: (error)=>{
-                const errorMessage = error instanceof Error ? error.message : `Failed to ${isEditMode ? "update" : "create"} replication rule`;
+                const errorMessage = error instanceof Error ? error.message : `Failed to ${isEditMode ? 'update' : 'create'} replication rule`;
                 showToast({
                     open: true,
                     message: errorMessage,
-                    status: "error"
+                    status: 'error'
                 });
             }
         });
@@ -447,7 +448,7 @@ function BucketReplicationFormPage() {
         isEditMode,
         existingRule
     ]);
-    if ("pending" === replicationStatus) return /*#__PURE__*/ jsx(Loader, {
+    if ('pending' === replicationStatus) return /*#__PURE__*/ jsx(Loader, {
         centered: true,
         children: /*#__PURE__*/ jsx(Text, {
             children: "Loading..."
@@ -464,8 +465,8 @@ function BucketReplicationFormPage() {
         ...methods,
         children: /*#__PURE__*/ jsxs(Form, {
             layout: {
-                kind: "page",
-                title: isEditMode ? "Edit Replication Rule" : "Create Replication Rule"
+                kind: 'page',
+                title: isEditMode ? 'Edit Replication Rule' : 'Create Replication Rule'
             },
             requireMode: "partial",
             onSubmit: handleSubmit(onSubmit),
@@ -481,10 +482,10 @@ function BucketReplicationFormPage() {
                         disabled: isSaving
                     }),
                     /*#__PURE__*/ jsx(Button, {
-                        id: isEditMode ? "save-replication-btn" : "create-replication-btn",
+                        id: isEditMode ? 'save-replication-btn' : 'create-replication-btn',
                         type: "submit",
                         variant: "primary",
-                        label: isEditMode ? "Save" : "Create",
+                        label: isEditMode ? 'Save' : 'Create',
                         icon: isEditMode ? /*#__PURE__*/ jsx(Icon, {
                             name: "Save"
                         }) : void 0,
@@ -495,7 +496,7 @@ function BucketReplicationFormPage() {
             children: [
                 /*#__PURE__*/ jsx(FormSection, {
                     title: {
-                        name: "Role"
+                        name: 'Role'
                     },
                     forceLabelWidth: convertRemToPixels(15),
                     children: /*#__PURE__*/ jsx(FormGroup, {
@@ -510,7 +511,7 @@ function BucketReplicationFormPage() {
                             gap: "r8",
                             children: [
                                 /*#__PURE__*/ jsx(Text, {
-                                    children: existingRole || "Not set"
+                                    children: existingRole || 'Not set'
                                 }),
                                 /*#__PURE__*/ jsx(Text, {
                                     color: "textSecondary",
@@ -520,13 +521,13 @@ function BucketReplicationFormPage() {
                         }) : /*#__PURE__*/ jsx(Input, {
                             id: "role",
                             placeholder: "arn:aws:iam::123456789012:role/replication-role",
-                            ...register("role")
+                            ...register('role')
                         })
                     })
                 }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
-                        name: "Rule Scope"
+                        name: 'Rule Scope'
                     },
                     forceLabelWidth: convertRemToPixels(15),
                     children: [
@@ -538,10 +539,10 @@ function BucketReplicationFormPage() {
                             helpErrorPosition: "bottom",
                             required: true,
                             content: isEditMode ? /*#__PURE__*/ jsx(Text, {
-                                children: watch("ruleId")
+                                children: watch('ruleId')
                             }) : /*#__PURE__*/ jsx(Input, {
                                 id: "ruleId",
-                                ...register("ruleId")
+                                ...register('ruleId')
                             })
                         }),
                         /*#__PURE__*/ jsx(FormGroup, {
@@ -578,9 +579,9 @@ function BucketReplicationFormPage() {
                                     type: "number",
                                     id: "priority",
                                     placeholder: isEditMode ? void 0 : `Auto-assigned: ${nextAvailablePriority}`,
-                                    ...register("priority", {
+                                    ...register('priority', {
                                         setValueAs: (v)=>{
-                                            if ("" === v || null == v) return null;
+                                            if ('' === v || null == v) return null;
                                             const parsed = parseInt(v, 10);
                                             return isNaN(parsed) ? null : parsed;
                                         }
@@ -592,8 +593,8 @@ function BucketReplicationFormPage() {
                 }),
                 /*#__PURE__*/ jsx(FilterFormSection, {
                     filterType: filterType,
-                    onFilterTypeChange: (value)=>methods.setValue("filterType", value),
-                    prefixRegister: register("prefix"),
+                    onFilterTypeChange: (value)=>methods.setValue('filterType', value),
+                    prefixRegister: register('prefix'),
                     tagFields: tagFields,
                     tagKeyRegister: (index)=>register(`tags.${index}.key`),
                     tagValueRegister: (index)=>register(`tags.${index}.value`),
@@ -605,7 +606,7 @@ function BucketReplicationFormPage() {
                 }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
-                        name: "Destination"
+                        name: 'Destination'
                     },
                     forceLabelWidth: convertRemToPixels(15),
                     children: [
@@ -619,7 +620,7 @@ function BucketReplicationFormPage() {
                                 render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
                                         toggle: field.value,
                                         onChange: field.onChange,
-                                        label: field.value ? "Same account destination" : "Not same account destination"
+                                        label: field.value ? 'Same account destination' : 'Not same account destination'
                                     })
                             })
                         }),
@@ -633,7 +634,7 @@ function BucketReplicationFormPage() {
                             content: /*#__PURE__*/ jsx(Input, {
                                 id: "targetAccountId",
                                 placeholder: "Account ID",
-                                ...register("targetAccountId")
+                                ...register('targetAccountId')
                             })
                         }),
                         /*#__PURE__*/ jsx(FormGroup, {
@@ -652,14 +653,14 @@ function BucketReplicationFormPage() {
                                         onChange: field.onChange,
                                         placeholder: "Select a bucket",
                                         children: availableBuckets.filter((bucket)=>bucket.Name !== bucketName).map((bucket)=>/*#__PURE__*/ jsx(Select.Option, {
-                                                value: bucket.Name || "",
+                                                value: bucket.Name || '',
                                                 children: bucket.Name
                                             }, bucket.Name))
                                     })
                             }) : /*#__PURE__*/ jsx(Input, {
                                 id: "targetBucket",
                                 placeholder: "Bucket name",
-                                ...register("targetBucket")
+                                ...register('targetBucket')
                             })
                         }),
                         /*#__PURE__*/ jsx(FormGroup, {
@@ -694,7 +695,7 @@ function BucketReplicationFormPage() {
                 }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
-                        name: "Encryption"
+                        name: 'Encryption'
                     },
                     forceLabelWidth: convertRemToPixels(15),
                     children: [
@@ -723,7 +724,7 @@ function BucketReplicationFormPage() {
                                         render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
                                                 toggle: field.value,
                                                 onChange: field.onChange,
-                                                label: field.value ? "Enabled" : "Disabled",
+                                                label: field.value ? 'Enabled' : 'Disabled',
                                                 disabled: includeEncryptedObjects
                                             })
                                     }),
@@ -745,14 +746,14 @@ function BucketReplicationFormPage() {
                             content: /*#__PURE__*/ jsx(Input, {
                                 id: "replicaKmsKeyId",
                                 placeholder: "KMS Key ID or ARN",
-                                ...register("replicaKmsKeyId")
+                                ...register('replicaKmsKeyId')
                             })
                         }) : /*#__PURE__*/ jsx(Fragment, {})
                     ]
                 }),
                 /*#__PURE__*/ jsxs(FormSection, {
                     title: {
-                        name: "Additional Options"
+                        name: 'Additional Options'
                     },
                     forceLabelWidth: convertRemToPixels(15),
                     children: [
@@ -779,7 +780,7 @@ function BucketReplicationFormPage() {
                                         render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
                                                 toggle: field.value,
                                                 onChange: field.onChange,
-                                                label: field.value ? "Enabled" : "Disabled",
+                                                label: field.value ? 'Enabled' : 'Disabled',
                                                 disabled: enforceRTC
                                             })
                                     }),
@@ -814,11 +815,11 @@ function BucketReplicationFormPage() {
                                         render: ({ field })=>/*#__PURE__*/ jsx(Toggle, {
                                                 toggle: field.value,
                                                 onChange: field.onChange,
-                                                label: field.value ? "Enabled" : "Disabled",
-                                                disabled: "tags" === filterType || "and" === filterType
+                                                label: field.value ? 'Enabled' : 'Disabled',
+                                                disabled: 'tags' === filterType || 'and' === filterType
                                             })
                                     }),
-                                    ("tags" === filterType || "and" === filterType) && /*#__PURE__*/ jsx(Text, {
+                                    ('tags' === filterType || 'and' === filterType) && /*#__PURE__*/ jsx(Text, {
                                         color: "textSecondary",
                                         children: "Delete marker replication is not supported for tag-based filters"
                                     })