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

package/dist/components/buckets/BucketOverview.js

@@ -6,16 +6,16 @@ import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICusto
 import { useGetBucketAcl, useGetBucketCors, useGetBucketObjectLockConfiguration, useGetBucketPolicy, useGetBucketVersioning } from "../../hooks/index.js";
 import { isNotFoundError } from "../../utils/errorHandling.js";
 import { EditRetentionButton } from "../objects/ObjectLock/EditRetentionButton.js";
-import { useDataBrowserContext } from "../providers/DataBrowserProvider.js";
+import { useDataBrowserConfig } from "../providers/DataBrowserProvider.js";
 import { Body, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../ui/Table.elements.js";
 import { BucketLocation } from "./BucketLocation.js";
 import { BucketPolicyButton } from "./BucketPolicyButton.js";
-const ERROR_NO_SUCH_BUCKET_POLICY = "NoSuchBucketPolicy";
-const DEFAULT_PUBLIC_ACL_URI = "http://acs.amazonaws.com/groups/global/AllUsers";
-const STATUS_PENDING = "pending";
-const STATUS_ERROR = "error";
-const VERSIONING_STATUS_ENABLED = "Enabled";
-const OBJECT_LOCK_ENABLED = "Enabled";
+const ERROR_NO_SUCH_BUCKET_POLICY = 'NoSuchBucketPolicy';
+const DEFAULT_PUBLIC_ACL_URI = 'http://acs.amazonaws.com/groups/global/AllUsers';
+const STATUS_PENDING = 'pending';
+const STATUS_ERROR = 'error';
+const VERSIONING_STATUS_ENABLED = 'Enabled';
+const OBJECT_LOCK_ENABLED = 'Enabled';
 const ErrorField = ()=>/*#__PURE__*/ jsxs(Stack, {
         direction: "horizontal",
         children: [
@@ -57,8 +57,8 @@ const mergeFieldsWithExtras = (defaultFields, extraFieldConfigs, entityName, fie
     ];
 };
 const createNameField = (bucketName, nameField, renderName)=>({
-        id: "name",
-        label: "Name",
+        id: 'name',
+        label: 'Name',
         value: resolveFieldValue(bucketName, {
             slotOverride: nameField,
             renderOverride: renderName,
@@ -69,13 +69,13 @@ const createNameField = (bucketName, nameField, renderName)=>({
         })
     });
 const createVersioningField = (bucketName, versioningData, versioningStatus, versioningField, renderVersioning)=>{
-    let defaultValue = "Inactive";
+    let defaultValue = 'Inactive';
     if (versioningStatus === STATUS_PENDING) defaultValue = /*#__PURE__*/ jsx(Loader, {});
     else if (versioningStatus === STATUS_ERROR) defaultValue = /*#__PURE__*/ jsx(ErrorField, {});
-    else if (versioningData?.Status === VERSIONING_STATUS_ENABLED) defaultValue = "Active";
+    else if (versioningData?.Status === VERSIONING_STATUS_ENABLED) defaultValue = 'Active';
     return {
-        id: "versioning",
-        label: "Versioning",
+        id: 'versioning',
+        label: 'Versioning',
         value: resolveFieldValue(bucketName, {
             slotOverride: versioningField,
             renderOverride: renderVersioning,
@@ -84,8 +84,8 @@ const createVersioningField = (bucketName, versioningData, versioningStatus, ver
     };
 };
 const createLocationField = (bucketName, locationField, renderLocation)=>({
-        id: "location",
-        label: "Location",
+        id: 'location',
+        label: 'Location',
         value: resolveFieldValue(bucketName, {
             slotOverride: locationField,
             renderOverride: renderLocation,
@@ -96,10 +96,10 @@ const createLocationField = (bucketName, locationField, renderLocation)=>({
     });
 const createObjectLockField = (bucketName, objectLockStatus, isObjectLockNotConfigured, isObjectLockEnabled, objectLockField, renderObjectLock)=>{
     let defaultValue;
-    defaultValue = objectLockStatus === STATUS_PENDING ? /*#__PURE__*/ jsx(Loader, {}) : objectLockStatus !== STATUS_ERROR || isObjectLockNotConfigured ? isObjectLockEnabled ? "Enabled" : "Disabled" : /*#__PURE__*/ jsx(ErrorField, {});
+    defaultValue = objectLockStatus === STATUS_PENDING ? /*#__PURE__*/ jsx(Loader, {}) : objectLockStatus !== STATUS_ERROR || isObjectLockNotConfigured ? isObjectLockEnabled ? 'Enabled' : 'Disabled' : /*#__PURE__*/ jsx(ErrorField, {});
     return {
-        id: "objectLock",
-        label: "Object-lock",
+        id: 'objectLock',
+        label: 'Object-lock',
         value: resolveFieldValue(bucketName, {
             slotOverride: objectLockField,
             renderOverride: renderObjectLock,
@@ -110,8 +110,8 @@ const createObjectLockField = (bucketName, objectLockStatus, isObjectLockNotConf
 const createDefaultRetentionField = (bucketName, objectLockData, objectLockStatus, defaultRetentionField, renderDefaultRetention)=>{
     const defaultValue = objectLockStatus === STATUS_PENDING ? /*#__PURE__*/ jsx(Loader, {}) : getDefaultBucketRetention(objectLockData);
     return {
-        id: "defaultRetention",
-        label: "Default Retention",
+        id: 'defaultRetention',
+        label: 'Default Retention',
         value: resolveFieldValue(bucketName, {
             slotOverride: defaultRetentionField,
             renderOverride: renderDefaultRetention,
@@ -123,13 +123,13 @@ const createDefaultRetentionField = (bucketName, objectLockData, objectLockStatu
     };
 };
 const createOwnerField = (bucketName, aclData, aclStatus, ownerField, renderOwner)=>{
-    let defaultValue = "N/A";
+    let defaultValue = 'N/A';
     if (aclStatus === STATUS_PENDING) defaultValue = /*#__PURE__*/ jsx(Loader, {});
     else if (aclStatus === STATUS_ERROR) defaultValue = /*#__PURE__*/ jsx(ErrorField, {});
     else if (aclData?.Owner?.DisplayName) defaultValue = aclData.Owner.DisplayName;
     return {
-        id: "owner",
-        label: "Owner",
+        id: 'owner',
+        label: 'Owner',
         value: resolveFieldValue(bucketName, {
             slotOverride: ownerField,
             renderOverride: renderOwner,
@@ -138,16 +138,16 @@ const createOwnerField = (bucketName, aclData, aclStatus, ownerField, renderOwne
     };
 };
 const createAclField = (bucketName, aclData, aclStatus, aclField, renderAcl)=>{
-    let defaultValue = "N/A";
+    let defaultValue = 'N/A';
     if (aclStatus === STATUS_PENDING) defaultValue = /*#__PURE__*/ jsx(Loader, {});
     else if (aclStatus === STATUS_ERROR) defaultValue = /*#__PURE__*/ jsx(ErrorField, {});
     else if (aclData?.Grants?.length) {
         const count = aclData.Grants.length;
-        defaultValue = `${count} Grantee${1 !== count ? "s" : ""}`;
+        defaultValue = `${count} Grantee${1 !== count ? 's' : ''}`;
     }
     return {
-        id: "acl",
-        label: "ACL",
+        id: 'acl',
+        label: 'ACL',
         value: resolveFieldValue(bucketName, {
             slotOverride: aclField,
             renderOverride: renderAcl,
@@ -156,12 +156,12 @@ const createAclField = (bucketName, aclData, aclStatus, aclField, renderAcl)=>{
     };
 };
 const createCorsField = (bucketName, corsData, corsStatus, corsField, renderCors)=>{
-    let defaultValue = "No";
+    let defaultValue = 'No';
     if (corsStatus === STATUS_PENDING) defaultValue = /*#__PURE__*/ jsx(Loader, {});
-    else if (corsData?.CORSRules && corsData.CORSRules.length > 0) defaultValue = "Yes";
+    else if (corsData?.CORSRules && corsData.CORSRules.length > 0) defaultValue = 'Yes';
     return {
-        id: "cors",
-        label: "CORS",
+        id: 'cors',
+        label: 'CORS',
         value: resolveFieldValue(bucketName, {
             slotOverride: corsField,
             renderOverride: renderCors,
@@ -170,10 +170,10 @@ const createCorsField = (bucketName, corsData, corsStatus, corsField, renderCors
     };
 };
 const createPublicField = (bucketName, aclStatus, isPublic, publicField, renderPublic)=>{
-    const defaultValue = aclStatus === STATUS_PENDING ? /*#__PURE__*/ jsx(Loader, {}) : isPublic ? "Yes" : "No";
+    const defaultValue = aclStatus === STATUS_PENDING ? /*#__PURE__*/ jsx(Loader, {}) : isPublic ? 'Yes' : 'No';
     return {
-        id: "public",
-        label: "Public",
+        id: 'public',
+        label: 'Public',
         value: resolveFieldValue(bucketName, {
             slotOverride: publicField,
             renderOverride: renderPublic,
@@ -194,7 +194,7 @@ const createBucketPolicyField = (bucketName, policyData, policyStatus, policyErr
             gap: spacing.r8,
             children: [
                 /*#__PURE__*/ jsx("span", {
-                    children: hasPolicy ? "Configured" : "Not configured"
+                    children: hasPolicy ? 'Configured' : 'Not configured'
                 }),
                 /*#__PURE__*/ jsx(BucketPolicyButton, {
                     hasPolicy: hasPolicy,
@@ -205,8 +205,8 @@ const createBucketPolicyField = (bucketName, policyData, policyStatus, policyErr
         });
     }
     return {
-        id: "bucketPolicy",
-        label: "Bucket Policy",
+        id: 'bucketPolicy',
+        label: 'Bucket Policy',
         value: resolveFieldValue(bucketName, {
             slotOverride: bucketPolicyField,
             renderOverride: renderBucketPolicy ? (name)=>renderBucketPolicy(name, onEditPolicy) : void 0,
@@ -217,21 +217,21 @@ const createBucketPolicyField = (bucketName, policyData, policyStatus, policyErr
 const BucketOverviewContext = /*#__PURE__*/ createContext(null);
 function useBucketOverviewContext() {
     const context = useContext(BucketOverviewContext);
-    if (!context) throw new Error("BucketOverview components must be used within BucketOverview");
+    if (!context) throw new Error('BucketOverview components must be used within BucketOverview');
     return context;
 }
 const getDefaultBucketRetention = (objectLockData)=>{
     const defaultRetention = objectLockData?.ObjectLockConfiguration?.Rule?.DefaultRetention;
-    if (!defaultRetention || !defaultRetention.Days && !defaultRetention.Years) return "Inactive";
-    let retentionPeriod = "";
+    if (!defaultRetention || !defaultRetention.Days && !defaultRetention.Years) return 'Inactive';
+    let retentionPeriod = '';
     if (defaultRetention.Days) {
-        const unit = 1 === defaultRetention.Days ? "day" : "days";
+        const unit = 1 === defaultRetention.Days ? 'day' : 'days';
         retentionPeriod = `${defaultRetention.Days} ${unit}`;
     } else if (defaultRetention.Years) {
-        const unit = 1 === defaultRetention.Years ? "year" : "years";
+        const unit = 1 === defaultRetention.Years ? 'year' : 'years';
         retentionPeriod = `${defaultRetention.Years} ${unit}`;
     }
-    const mode = defaultRetention.Mode || "GOVERNANCE";
+    const mode = defaultRetention.Mode || 'GOVERNANCE';
     const capitalizedMode = mode.charAt(0).toUpperCase() + mode.slice(1).toLowerCase();
     return `${capitalizedMode} - ${retentionPeriod}`;
 };
@@ -276,7 +276,7 @@ const Actions = /*#__PURE__*/ memo(({ onEmptyBucket, onDeleteBucket, renderEmpty
         ]
     });
 });
-Actions.displayName = "BucketOverview.Actions";
+Actions.displayName = 'BucketOverview.Actions';
 const Section = /*#__PURE__*/ memo(({ title, children })=>/*#__PURE__*/ jsxs(Group, {
         children: [
             /*#__PURE__*/ jsx(GroupName, {
@@ -287,12 +287,12 @@ const Section = /*#__PURE__*/ memo(({ title, children })=>/*#__PURE__*/ jsxs(Gro
             })
         ]
     }));
-Section.displayName = "BucketOverview.Section";
-const Field = /*#__PURE__*/ memo(({ label, value, loading, error, errorMessage = "Error", children, actions })=>{
+Section.displayName = 'BucketOverview.Section';
+const Field = /*#__PURE__*/ memo(({ label, value, loading, error, errorMessage = 'Error', children, actions })=>{
     const renderValue = ()=>{
         if (loading) return /*#__PURE__*/ jsx(Loader, {});
         if (error) return errorMessage;
-        return children || value || "N/A";
+        return children || value || 'N/A';
     };
     return /*#__PURE__*/ jsxs(Row, {
         children: [
@@ -310,13 +310,13 @@ const Field = /*#__PURE__*/ memo(({ label, value, loading, error, errorMessage =
         ]
     });
 });
-Field.displayName = "BucketOverview.Field";
+Field.displayName = 'BucketOverview.Field';
 const Sections = /*#__PURE__*/ memo(({ children })=>/*#__PURE__*/ jsx(Table, {
         children: /*#__PURE__*/ jsx(Body, {
             children: children
         })
     }));
-Sections.displayName = "BucketOverview.Sections";
+Sections.displayName = 'BucketOverview.Sections';
 const GeneralSection = /*#__PURE__*/ memo(({ nameField, versioningField, locationField, renderName, renderVersioning, renderLocation })=>{
     const { bucketName } = useBucketOverviewContext();
     const { extraBucketOverviewGeneral } = useDataBrowserUICustomization();
@@ -330,9 +330,9 @@ const GeneralSection = /*#__PURE__*/ memo(({ nameField, versioningField, locatio
             location: createLocationField(bucketName, locationField, renderLocation)
         };
         return mergeFieldsWithExtras(defaultFields, extraBucketOverviewGeneral, bucketName, [
-            "name",
-            "versioning",
-            "location"
+            'name',
+            'versioning',
+            'location'
         ]);
     }, [
         bucketName,
@@ -355,7 +355,7 @@ const GeneralSection = /*#__PURE__*/ memo(({ nameField, versioningField, locatio
             }, field.id))
     });
 });
-GeneralSection.displayName = "BucketOverview.GeneralSection";
+GeneralSection.displayName = 'BucketOverview.GeneralSection';
 const DataProtectionSection = /*#__PURE__*/ memo(({ objectLockField, defaultRetentionField, renderObjectLock, renderDefaultRetention })=>{
     const { bucketName } = useBucketOverviewContext();
     const { extraBucketOverviewDataProtection } = useDataBrowserUICustomization();
@@ -370,10 +370,10 @@ const DataProtectionSection = /*#__PURE__*/ memo(({ objectLockField, defaultRete
             defaultRetention: createDefaultRetentionField(bucketName, objectLockData, objectLockStatus, defaultRetentionField, renderDefaultRetention)
         };
         const fieldOrder = isObjectLockEnabled ? [
-            "objectLock",
-            "defaultRetention"
+            'objectLock',
+            'defaultRetention'
         ] : [
-            "objectLock"
+            'objectLock'
         ];
         return mergeFieldsWithExtras(defaultFields, extraBucketOverviewDataProtection, bucketName, fieldOrder);
     }, [
@@ -397,12 +397,11 @@ const DataProtectionSection = /*#__PURE__*/ memo(({ objectLockField, defaultRete
             }, field.id))
     });
 });
-DataProtectionSection.displayName = "BucketOverview.DataProtectionSection";
+DataProtectionSection.displayName = 'BucketOverview.DataProtectionSection';
 const PermissionsSection = /*#__PURE__*/ memo(({ onEditPolicy, ownerField, aclField, corsField, publicField, bucketPolicyField, renderOwner, renderAcl, renderCors, renderPublic, renderBucketPolicy })=>{
     const { bucketName } = useBucketOverviewContext();
     const { extraBucketOverviewPermissions } = useDataBrowserUICustomization();
-    const { getS3Config } = useDataBrowserContext();
-    const config = getS3Config();
+    const config = useDataBrowserConfig();
     const { data: aclData, status: aclStatus } = useGetBucketAcl({
         Bucket: bucketName
     });
@@ -425,11 +424,11 @@ const PermissionsSection = /*#__PURE__*/ memo(({ onEditPolicy, ownerField, aclFi
             bucketPolicy: createBucketPolicyField(bucketName, policyData, policyStatus, policyError, onEditPolicy, bucketPolicyField, renderBucketPolicy)
         };
         return mergeFieldsWithExtras(defaultFields, extraBucketOverviewPermissions, bucketName, [
-            "owner",
-            "acl",
-            "cors",
-            "public",
-            "bucketPolicy"
+            'owner',
+            'acl',
+            'cors',
+            'public',
+            'bucketPolicy'
         ]);
     }, [
         bucketName,
@@ -463,7 +462,7 @@ const PermissionsSection = /*#__PURE__*/ memo(({ onEditPolicy, ownerField, aclFi
             }, field.id))
     });
 });
-PermissionsSection.displayName = "BucketOverview.PermissionsSection";
+PermissionsSection.displayName = 'BucketOverview.PermissionsSection';
 const BucketOverview = BucketOverviewRoot;
 BucketOverview.Actions = Actions;
 BucketOverview.Sections = Sections;

package/dist/components/buckets/BucketPage.js

@@ -1,27 +1,35 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useBuckets } from "../../hooks/index.js";
 import { TextBadge } from "@scality/core-ui";
-import { Navigate, useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router";
 import { BrowserPageLayout } from "../layouts/BrowserPageLayout.js";
 import { BucketDetails } from "./BucketDetails.js";
 import { BucketList } from "./BucketList.js";
+import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
+import { useEffect } from "react";
 const BucketPage_BucketPage = ()=>{
     const { data, status } = useBuckets();
     const { bucketName } = useParams();
-    const navigate = useNavigate();
+    const navigate = useDataBrowserNavigate();
     const buckets = data?.Buckets || [];
     const numInstance = buckets.length;
-    if (!bucketName && buckets.length > 0 && "success" === status) {
-        const firstBucketName = buckets[0]?.Name;
-        if (firstBucketName) return /*#__PURE__*/ jsx(Navigate, {
-            to: `/buckets/${firstBucketName}`,
-            replace: true
-        });
-    }
+    useEffect(()=>{
+        if (!bucketName && buckets.length > 0 && 'success' === status) {
+            const firstBucketName = buckets[0]?.Name;
+            if (firstBucketName) navigate(`/buckets/${firstBucketName}`, {
+                replace: true
+            });
+        }
+    }, [
+        bucketName,
+        buckets.length,
+        status,
+        navigate
+    ]);
     return /*#__PURE__*/ jsx(BrowserPageLayout, {
         title: /*#__PURE__*/ jsxs(Fragment, {
             children: [
-                "All Buckets",
+                'All Buckets',
                 /*#__PURE__*/ jsx(TextBadge, {
                     text: numInstance.toString(),
                     variant: "infoPrimary"
@@ -30,7 +38,7 @@ const BucketPage_BucketPage = ()=>{
         }),
         leftPanel: /*#__PURE__*/ jsx(BucketList, {
             buckets: buckets,
-            bucketStatus: "pending" === status ? "loading" : "error" === status ? "error" : "success",
+            bucketStatus: 'pending' === status ? 'loading' : 'error' === status ? 'error' : 'success',
             selectedBucketName: bucketName,
             onBucketSelect: (bucketName)=>navigate(`/buckets/${bucketName}`),
             onCreateBucket: ()=>navigate("/buckets/-/create"),

package/dist/components/buckets/BucketPolicyButton.js

@@ -8,9 +8,9 @@ const BucketPolicyButton = ({ hasPolicy, isLoading, onEdit })=>/*#__PURE__*/ jsx
         children: /*#__PURE__*/ jsx(Button, {
             isLoading: isLoading,
             variant: "outline",
-            label: hasPolicy ? "Edit" : "Create",
+            label: hasPolicy ? 'Edit' : 'Create',
             icon: /*#__PURE__*/ jsx(Icon, {
-                name: hasPolicy ? "Pen" : "Create-add"
+                name: hasPolicy ? 'Pen' : 'Create-add'
             }),
             onClick: onEdit
         })

package/dist/components/buckets/BucketPolicyPage.js

@@ -1,6 +1,7 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo } from "react";
-import { useNavigate, useParams } from "react-router-dom";
+import { useParams } from "react-router";
+import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
 import { Banner, Form, FormGroup, FormSection, Icon, Loader, Stack, Text } from "@scality/core-ui";
 import { Box, Button, CopyButton } from "@scality/core-ui/dist/next";
 import { Controller, useForm } from "react-hook-form";
@@ -21,20 +22,20 @@ const getDefaultPolicyTemplate = (bucketName)=>`{
 }`;
 const BucketPolicyPage = ()=>{
     const { bucketName } = useParams();
-    const navigate = useNavigate();
+    const navigate = useDataBrowserNavigate();
     const { mutate: savePolicy, isPending: isSaving } = useSetBucketPolicy();
     const { isISVManaged, isvApplication, isLoading: isISVLoading } = useISVBucketStatus(bucketName);
     const { control, handleSubmit, watch, setValue, setError, formState: { isDirty, isValid, errors } } = useForm({
-        mode: "onChange",
+        mode: 'onChange',
         defaultValues: {
-            policyDocument: ""
+            policyDocument: ''
         }
     });
-    const policyDocument = watch("policyDocument");
+    const policyDocument = watch('policyDocument');
     const { data: policyData, status: policyStatus, error: policyError } = useGetBucketPolicy({
         Bucket: bucketName
     });
-    const isCreateMode = useMemo(()=>policyError && ("NoSuchBucketPolicy" === policyError.name || policyError.message?.includes("does not exist")), [
+    const isCreateMode = useMemo(()=>policyError && ('NoSuchBucketPolicy' === policyError.name || policyError.message?.includes('does not exist')), [
         policyError
     ]);
     const initialPolicy = useMemo(()=>{
@@ -51,19 +52,20 @@ const BucketPolicyPage = ()=>{
         bucketName
     ]);
     useEffect(()=>{
-        setValue("policyDocument", initialPolicy);
+        setValue('policyDocument', initialPolicy);
     }, [
         initialPolicy,
         setValue
     ]);
     const handleBeforeMount = useCallback((monaco)=>{
-        monaco.languages.json.jsonDefaults.setDiagnosticsOptions({
+        const jsonLanguage = monaco.languages.json;
+        if (jsonLanguage?.jsonDefaults) jsonLanguage.jsonDefaults.setDiagnosticsOptions({
             validate: true,
             schemas: [
                 {
-                    uri: "http://myserver/bucket-policy-schema.json",
+                    uri: 'http://myserver/bucket-policy-schema.json',
                     fileMatch: [
-                        "*"
+                        '*'
                     ],
                     schema: bucketPolicySchema
                 }
@@ -80,9 +82,9 @@ const BucketPolicyPage = ()=>{
         try {
             JSON.parse(data.policyDocument);
         } catch (error) {
-            const errorMessage = "Invalid JSON format";
-            setError("policyDocument", {
-                type: "custom",
+            const errorMessage = 'Invalid JSON format';
+            setError('policyDocument', {
+                type: 'custom',
                 message: errorMessage
             });
             return;
@@ -96,9 +98,9 @@ const BucketPolicyPage = ()=>{
                 navigate(`/buckets/${bucketName}`);
             },
             onError: (error)=>{
-                const errorMessage = error instanceof Error ? error.message : "Failed to save policy";
-                setError("policyDocument", {
-                    type: "custom",
+                const errorMessage = error instanceof Error ? error.message : 'Failed to save policy';
+                setError('policyDocument', {
+                    type: 'custom',
                     message: `Save policy error: ${errorMessage}`
                 });
             }
@@ -109,7 +111,7 @@ const BucketPolicyPage = ()=>{
         navigate,
         setError
     ]);
-    if ("pending" === policyStatus || isISVLoading) return /*#__PURE__*/ jsx(Loader, {
+    if ('pending' === policyStatus || isISVLoading) return /*#__PURE__*/ jsx(Loader, {
         centered: true,
         size: "massive",
         children: /*#__PURE__*/ jsx(Fragment, {
@@ -119,10 +121,10 @@ const BucketPolicyPage = ()=>{
     return /*#__PURE__*/ jsx(Form, {
         onSubmit: handleSubmit(onSubmit),
         layout: {
-            kind: "page",
-            title: `Bucket Policy ${isCreateMode ? "Creation" : "Edition"}`
+            kind: 'page',
+            title: `Bucket Policy ${isCreateMode ? 'Creation' : 'Edition'}`
         },
-        requireMode: isCreateMode ? "partial" : "all",
+        requireMode: isCreateMode ? 'partial' : 'all',
         rightActions: /*#__PURE__*/ jsxs(Stack, {
             gap: "r16",
             children: [
@@ -158,16 +160,16 @@ const BucketPolicyPage = ()=>{
                                 children: "Warning:"
                             }),
                             " This bucket is managed by",
-                            " ",
+                            ' ',
                             isvApplication,
                             ". Adding a Bucket Policy may conflict with IAM policies created by ",
                             isvApplication,
                             ", potentially disrupting",
-                            " ",
+                            ' ',
                             isvApplication,
                             " operations (e.g., backup cleanup). Ensure your Bucket Policy does not deny actions that ",
                             isvApplication,
-                            " ",
+                            ' ',
                             "requires."
                         ]
                     })
@@ -197,13 +199,13 @@ const BucketPolicyPage = ()=>{
                                         control: control,
                                         name: "policyDocument",
                                         rules: {
-                                            required: "The policy document is required",
+                                            required: 'The policy document is required',
                                             validate: (value)=>{
                                                 try {
                                                     JSON.parse(value);
                                                     return true;
                                                 } catch  {
-                                                    return "Invalid JSON format";
+                                                    return 'Invalid JSON format';
                                                 }
                                             }
                                         },