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

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

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
-import { useISVBucketStatus } from "../../../hooks/index.js";
 import { Icon } from "@scality/core-ui";
 import { Button } from "@scality/core-ui/dist/next";
-import { useNavigate } from "react-router-dom";
+import { useISVBucketStatus } from "../../../hooks/index.js";
+import { useDataBrowserNavigate } from "../../../hooks/useDataBrowserNavigate.js";
 const EditRetentionButton = ({ bucketName })=>{
-    const navigate = useNavigate();
+    const navigate = useDataBrowserNavigate();
     const { isVeeamBucket, isCommvaultBucket, isISVManaged, isLoading } = useISVBucketStatus(bucketName);
-    const tooltipOverlay = isCommvaultBucket ? "Edition is disabled as it is managed by Commvault." : isVeeamBucket ? "Edition is disabled as it is managed by Veeam." : void 0;
+    const tooltipOverlay = isCommvaultBucket ? 'Edition is disabled as it is managed by Commvault.' : isVeeamBucket ? 'Edition is disabled as it is managed by Veeam.' : void 0;
     return /*#__PURE__*/ jsx(Button, {
         id: "edit-retention-btn",
         variant: "outline",

package/dist/components/objects/ObjectLock/ObjectLockRetentionSettings.js

@@ -1,18 +1,18 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { Checkbox, FormGroup, FormSection, Stack, Text } from "@scality/core-ui";
 import { convertRemToPixels } from "@scality/core-ui/dist/components/tablev2/TableUtils";
-import { Controller, useFormContext } from "react-hook-form";
 import { Input, Select } from "@scality/core-ui/dist/next";
+import { Controller, useFormContext } from "react-hook-form";
 function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
     const { control, register, watch, formState: { errors }, setValue } = useFormContext();
-    const isDefaultRetentionEnabled = watch("isDefaultRetentionEnabled");
-    const isObjectLockEnabled = watch("isObjectLockEnabled");
+    const isDefaultRetentionEnabled = watch('isDefaultRetentionEnabled');
+    const isObjectLockEnabled = watch('isObjectLockEnabled');
     const matchVersioning = (checked)=>{
-        if (checked) setValue("isVersioning", true);
+        if (checked) setValue('isVersioning', true);
     };
     return /*#__PURE__*/ jsxs(FormSection, {
         title: isEditRetentionSettings ? void 0 : {
-            name: "Object-lock"
+            name: 'Object-lock'
         },
         forceLabelWidth: convertRemToPixels(17.5),
         children: [
@@ -21,9 +21,9 @@ function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
                 label: "Object-lock",
                 content: /*#__PURE__*/ jsx(Checkbox, {
                     id: "isObjectLockEnabled",
-                    label: isObjectLockEnabled ? "Enabled" : "Disabled",
+                    label: isObjectLockEnabled ? 'Enabled' : 'Disabled',
                     disabled: isEditRetentionSettings && isObjectLockEnabled,
-                    ...register("isObjectLockEnabled", {
+                    ...register('isObjectLockEnabled', {
                         onChange (e) {
                             matchVersioning(e.target.checked);
                         }
@@ -84,8 +84,8 @@ function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
                         }),
                         content: /*#__PURE__*/ jsx(Checkbox, {
                             id: "isDefaultRetentionEnabled",
-                            label: isDefaultRetentionEnabled ? "Active" : "Inactive",
-                            ...register("isDefaultRetentionEnabled")
+                            label: isDefaultRetentionEnabled ? 'Active' : 'Inactive',
+                            ...register('isDefaultRetentionEnabled')
                         })
                     }),
                     /*#__PURE__*/ jsx(FormGroup, {
@@ -111,7 +111,7 @@ function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
                                                         type: "radio",
                                                         value: "GOVERNANCE",
                                                         disabled: !isDefaultRetentionEnabled,
-                                                        ...register("retentionMode")
+                                                        ...register('retentionMode')
                                                     }),
                                                     /*#__PURE__*/ jsx("label", {
                                                         htmlFor: "locktype-governance",
@@ -134,7 +134,7 @@ function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
                                                 type: "radio",
                                                 value: "COMPLIANCE",
                                                 disabled: !isDefaultRetentionEnabled,
-                                                ...register("retentionMode")
+                                                ...register('retentionMode')
                                             }),
                                             /*#__PURE__*/ jsx("label", {
                                                 htmlFor: "locktype-compliance",
@@ -180,21 +180,21 @@ function ObjectLockRetentionSettings({ isEditRetentionSettings = false }) {
                                 /*#__PURE__*/ jsx(Controller, {
                                     control: control,
                                     name: "retentionPeriodFrequencyChoice",
-                                    defaultValue: "DAYS",
+                                    defaultValue: 'DAYS',
                                     render: ({ field: { onChange, value: retentionPeriodFrequencyChoice } })=>/*#__PURE__*/ jsxs(Select, {
                                             id: "retentionPeriodFrequencyChoice",
                                             onChange: onChange,
                                             placeholder: "retentionPeriodFrequencyChoice",
                                             value: retentionPeriodFrequencyChoice,
                                             disabled: !isDefaultRetentionEnabled,
-                                            size: "1/3",
+                                            size: '1/3',
                                             children: [
                                                 /*#__PURE__*/ jsx(Select.Option, {
-                                                    value: "DAYS",
+                                                    value: 'DAYS',
                                                     children: "Days"
                                                 }),
                                                 /*#__PURE__*/ jsx(Select.Option, {
-                                                    value: "YEARS",
+                                                    value: 'YEARS',
                                                     children: "Years"
                                                 })
                                             ]

package/dist/components/objects/ObjectLock/ObjectLockSettings.d.ts

@@ -1,4 +1,4 @@
-import Joi from "joi";
+import Joi from 'joi';
 export declare const objectLockRetentionSettingsValidationRules: {
     isObjectLockEnabled: Joi.BooleanSchema<boolean>;
     isDefaultRetentionEnabled: Joi.BooleanSchema<boolean>;

package/dist/components/objects/ObjectLock/ObjectLockSettings.js

@@ -1,67 +1,68 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useEffect, useRef } from "react";
-import { useNavigate, useParams } from "react-router-dom";
-import { FormProvider, useForm } from "react-hook-form";
 import { joiResolver } from "@hookform/resolvers/joi";
-import joi from "joi";
 import { Form, Icon, Loader, Stack, Text, useToast } from "@scality/core-ui";
 import { Button } from "@scality/core-ui/dist/next";
+import joi from "joi";
+import { useEffect, useRef } from "react";
+import { FormProvider, useForm } from "react-hook-form";
+import { useParams } from "react-router";
 import { useGetBucketObjectLockConfiguration, useSetBucketObjectLockConfiguration } from "../../../hooks/index.js";
+import { useDataBrowserNavigate } from "../../../hooks/useDataBrowserNavigate.js";
 import ObjectLockRetentionSettings from "./ObjectLockRetentionSettings.js";
 const objectLockRetentionSettingsValidationRules = {
     isObjectLockEnabled: joi.boolean(),
     isDefaultRetentionEnabled: joi.boolean().default(false),
-    retentionMode: joi.when("isDefaultRetentionEnabled", {
+    retentionMode: joi.when('isDefaultRetentionEnabled', {
         is: joi.equal(true),
-        then: joi.string().valid("GOVERNANCE", "COMPLIANCE").required(),
+        then: joi.string().valid('GOVERNANCE', 'COMPLIANCE').required(),
         otherwise: joi.any()
     }),
-    retentionPeriod: joi.when("isDefaultRetentionEnabled", {
+    retentionPeriod: joi.when('isDefaultRetentionEnabled', {
         is: joi.equal(true),
         then: joi.number().integer().min(1).required(),
         otherwise: joi.any()
     }),
-    retentionPeriodFrequencyChoice: joi.when("isDefaultRetentionEnabled", {
+    retentionPeriodFrequencyChoice: joi.when('isDefaultRetentionEnabled', {
         is: joi.equal(true),
-        then: joi.string().valid("DAYS", "YEARS").required(),
+        then: joi.string().valid('DAYS', 'YEARS').required(),
         otherwise: joi.any()
     })
 };
 const schema = joi.object(objectLockRetentionSettingsValidationRules);
 function ObjectLockSettings() {
     const { bucketName } = useParams();
-    const navigate = useNavigate();
+    const navigate = useDataBrowserNavigate();
     const { showToast } = useToast();
     const { data: objectLockData, status: objectLockStatus } = useGetBucketObjectLockConfiguration({
         Bucket: bucketName
     });
     const setBucketObjectLockMutation = useSetBucketObjectLockConfiguration();
-    const isObjectLockEnabled = objectLockData?.ObjectLockConfiguration?.ObjectLockEnabled === "Enabled";
+    const isObjectLockEnabled = objectLockData?.ObjectLockConfiguration?.ObjectLockEnabled === 'Enabled';
     const defaultRetention = objectLockData?.ObjectLockConfiguration?.Rule?.DefaultRetention;
     const useFormMethods = useForm({
-        mode: "all",
+        mode: 'all',
         resolver: joiResolver(schema),
         defaultValues: {
             isObjectLockEnabled: isObjectLockEnabled,
             isDefaultRetentionEnabled: !!defaultRetention,
-            retentionMode: defaultRetention?.Mode || "GOVERNANCE",
+            retentionMode: defaultRetention?.Mode || 'GOVERNANCE',
             retentionPeriod: defaultRetention?.Days || defaultRetention?.Years || 1,
-            retentionPeriodFrequencyChoice: defaultRetention ? defaultRetention?.Days ? "DAYS" : "YEARS" : "DAYS"
+            retentionPeriodFrequencyChoice: defaultRetention ? defaultRetention?.Days ? 'DAYS' : 'YEARS' : 'DAYS'
         }
     });
     const { watch, setValue, handleSubmit, formState: { isValid } } = useFormMethods;
-    const isObjectLockEnabledValue = watch("isObjectLockEnabled");
+    const isObjectLockEnabledValue = watch('isObjectLockEnabled');
     const isFormInitialized = useRef(false);
     useEffect(()=>{
-        if ("success" === objectLockStatus && objectLockData && !isFormInitialized.current) {
-            const isEnabled = objectLockData.ObjectLockConfiguration?.ObjectLockEnabled === "Enabled";
+        if ('success' === objectLockStatus && objectLockData && !isFormInitialized.current) {
+            const isEnabled = objectLockData.ObjectLockConfiguration?.ObjectLockEnabled === 'Enabled';
             const defaultRet = objectLockData.ObjectLockConfiguration?.Rule?.DefaultRetention;
-            setValue("isObjectLockEnabled", isEnabled);
-            setValue("isDefaultRetentionEnabled", !!defaultRet);
+            setValue('isObjectLockEnabled', isEnabled);
+            setValue('isDefaultRetentionEnabled', !!defaultRet);
             if (defaultRet) {
-                setValue("retentionMode", defaultRet.Mode);
-                setValue("retentionPeriod", defaultRet.Days || defaultRet.Years || 1);
-                setValue("retentionPeriodFrequencyChoice", defaultRet.Days ? "DAYS" : "YEARS");
+                setValue('retentionMode', defaultRet.Mode);
+                setValue('retentionPeriod', defaultRet.Days || defaultRet.Years || 1);
+                setValue('retentionPeriodFrequencyChoice', defaultRet.Days ? 'DAYS' : 'YEARS');
             }
             isFormInitialized.current = true;
         }
@@ -77,12 +78,12 @@ function ObjectLockSettings() {
         setBucketObjectLockMutation.mutate({
             Bucket: bucketName,
             ObjectLockConfiguration: data.isObjectLockEnabled ? {
-                ObjectLockEnabled: "Enabled",
+                ObjectLockEnabled: 'Enabled',
                 ...data.isDefaultRetentionEnabled && {
                     Rule: {
                         DefaultRetention: {
                             Mode: data.retentionMode,
-                            ..."DAYS" === data.retentionPeriodFrequencyChoice ? {
+                            ...'DAYS' === data.retentionPeriodFrequencyChoice ? {
                                 Days: data.retentionPeriod
                             } : {
                                 Years: data.retentionPeriod
@@ -95,22 +96,22 @@ function ObjectLockSettings() {
             onSuccess: ()=>{
                 showToast({
                     open: true,
-                    message: "Object Lock settings saved successfully",
-                    status: "success"
+                    message: 'Object Lock settings saved successfully',
+                    status: 'success'
                 });
                 navigate(`/buckets/${bucketName}`);
             },
             onError: (error)=>{
-                const errorMessage = error instanceof Error ? error.message : "Failed to save Object Lock settings";
+                const errorMessage = error instanceof Error ? error.message : 'Failed to save Object Lock settings';
                 showToast({
                     open: true,
                     message: errorMessage,
-                    status: "error"
+                    status: 'error'
                 });
             }
         });
     };
-    if ("pending" === objectLockStatus) return /*#__PURE__*/ jsx(Loader, {
+    if ('pending' === objectLockStatus) return /*#__PURE__*/ jsx(Loader, {
         centered: true,
         children: /*#__PURE__*/ jsx(Text, {
             children: "Loading retention settings..."
@@ -122,8 +123,8 @@ function ObjectLockSettings() {
             onSubmit: handleSubmit(onSubmit),
             requireMode: "partial",
             layout: {
-                kind: "page",
-                title: "Object-lock settings"
+                kind: 'page',
+                title: 'Object-lock settings'
             },
             rightActions: /*#__PURE__*/ jsxs(Stack, {
                 gap: "r16",

package/dist/components/objects/ObjectLock/ObjectLockSettingsUtils.d.ts

@@ -1,4 +1,4 @@
-import type { GetObjectRetentionCommandOutput } from "@aws-sdk/client-s3";
+import type { GetObjectRetentionCommandOutput } from '@aws-sdk/client-s3';
 export declare function getDefaultRetention(retentionData: GetObjectRetentionCommandOutput | null | undefined): {
     isDefaultRetentionEnabled: boolean;
     defaultRetentionUntilDate: Date;

package/dist/components/objects/ObjectLock/ObjectLockSettingsUtils.js

@@ -1,7 +1,7 @@
 function getDefaultRetention(retentionData) {
     const isDefaultRetentionEnabled = retentionData?.Retention !== void 0 && null !== retentionData.Retention;
     const defaultRetentionUntilDate = retentionData?.Retention?.RetainUntilDate ? new Date(retentionData.Retention.RetainUntilDate) : new Date();
-    const defaultRetentionMode = retentionData?.Retention?.Mode || "GOVERNANCE";
+    const defaultRetentionMode = retentionData?.Retention?.Mode || 'GOVERNANCE';
     return {
         isDefaultRetentionEnabled,
         defaultRetentionUntilDate,
@@ -13,13 +13,13 @@ function getDefaultMinRetainUntilDate(d, mode) {
     tomorrow.setDate(tomorrow.getDate() + 1);
     const futureDate = formatDateForInput(tomorrow);
     if (!d) return futureDate;
-    const previousRetainUntilDate = "GOVERNANCE" === mode ? formatDateForInput(d) : formatDateForInput(addDays(d, 1));
+    const previousRetainUntilDate = 'GOVERNANCE' === mode ? formatDateForInput(d) : formatDateForInput(addDays(d, 1));
     return previousRetainUntilDate > futureDate ? previousRetainUntilDate : futureDate;
 }
 function formatDateForInput(date) {
     const year = date.getFullYear();
-    const month = String(date.getMonth() + 1).padStart(2, "0");
-    const day = String(date.getDate()).padStart(2, "0");
+    const month = String(date.getMonth() + 1).padStart(2, '0');
+    const day = String(date.getDate()).padStart(2, '0');
     return `${year}-${month}-${day}`;
 }
 function addDays(date, days) {
@@ -32,8 +32,8 @@ function getRetainUntilDateHint(dateString) {
     const retainUntilDate = new Date(dateString);
     const diffInMs = retainUntilDate.getTime() - now.getTime();
     const diffInDays = Math.floor(diffInMs / 86400000);
-    if (diffInDays < 1) return "(within 24 hours from now)";
-    if (1 === diffInDays) return "(1 day from now)";
+    if (diffInDays < 1) return '(within 24 hours from now)';
+    if (1 === diffInDays) return '(1 day from now)';
     return `(${diffInDays} days from now)`;
 }
 export { getDefaultMinRetainUntilDate, getDefaultRetention, getRetainUntilDateHint };

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

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { fireEvent, render, screen } from "@testing-library/react";
-import { MemoryRouter, useNavigate } from "react-router-dom";
+import { MemoryRouter, useNavigate } from "react-router";
+import { useISVBucketStatus } from "../../../../hooks/index.js";
 import { createTestWrapper } from "../../../../test/testUtils.js";
 import { EditRetentionButton } from "../EditRetentionButton.js";
-import { useISVBucketStatus } from "../../../../hooks/index.js";
-jest.mock("../../../../hooks");
-jest.mock("react-router-dom", ()=>({
-        ...jest.requireActual("react-router-dom"),
+jest.mock('../../../../hooks');
+jest.mock('react-router', ()=>({
+        ...jest.requireActual('react-router'),
         useNavigate: jest.fn()
     }));
 const mockUseISVBucketStatus = jest.mocked(useISVBucketStatus);
@@ -36,168 +36,168 @@ beforeEach(()=>{
         isISVManaged: false,
         isvApplication: void 0,
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
 });
-it("renders edit button", ()=>{
+it('renders edit button', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeInTheDocument();
 });
-it("navigates to object lock settings page when clicked", ()=>{
+it('navigates to object lock settings page when clicked', ()=>{
     const { navigate } = renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     fireEvent.click(editButton);
-    expect(navigate).toHaveBeenCalledWith("/buckets/test-bucket/objects/object-lock-settings");
+    expect(navigate).toHaveBeenCalledWith('/buckets/test-bucket/objects/object-lock-settings');
 });
-it("navigates with correct bucket name", ()=>{
+it('navigates with correct bucket name', ()=>{
     const { navigate } = renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     fireEvent.click(editButton);
-    expect(navigate).toHaveBeenCalledWith("/buckets/test-bucket/objects/object-lock-settings");
+    expect(navigate).toHaveBeenCalledWith('/buckets/test-bucket/objects/object-lock-settings');
 });
-it("is enabled for regular buckets without ISV tags", ()=>{
+it('is enabled for regular buckets without ISV tags', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).not.toBeDisabled();
 });
-it("is disabled for Veeam Backup & Replication buckets", ()=>{
+it('is disabled for Veeam Backup & Replication buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
         isISVManaged: true,
-        isvApplication: "Veeam",
+        isvApplication: 'Veeam',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("is disabled for Veeam Office 365 v6/v7 buckets", ()=>{
+it('is disabled for Veeam Office 365 v6/v7 buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
         isISVManaged: true,
-        isvApplication: "Veeam",
+        isvApplication: 'Veeam',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("is disabled for Veeam Office 365 v8+ buckets", ()=>{
+it('is disabled for Veeam Office 365 v8+ buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
         isISVManaged: true,
-        isvApplication: "Veeam",
+        isvApplication: 'Veeam',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("is disabled for Commvault buckets", ()=>{
+it('is disabled for Commvault buckets', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: true,
         isISVManaged: true,
-        isvApplication: "Commvault",
+        isvApplication: 'Commvault',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("is disabled for ISV buckets tagged as Veeam Backup for Microsoft 365", ()=>{
+it('is disabled for ISV buckets tagged as Veeam Backup for Microsoft 365', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
         isISVManaged: true,
-        isvApplication: "Veeam",
+        isvApplication: 'Veeam',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("is disabled for ISV buckets tagged as Veeam Backup & Replication", ()=>{
+it('is disabled for ISV buckets tagged as Veeam Backup & Replication', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: true,
         isCommvaultBucket: false,
         isISVManaged: true,
-        isvApplication: "Veeam",
+        isvApplication: 'Veeam',
         isLoading: false,
-        bucketTagsStatus: "success"
+        bucketTagsStatus: 'success'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeDisabled();
 });
-it("handles missing bucket tags gracefully", ()=>{
+it('handles missing bucket tags gracefully', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).not.toBeDisabled();
 });
-it("handles empty TagSet gracefully", ()=>{
+it('handles empty TagSet gracefully', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).not.toBeDisabled();
 });
-it("is enabled for buckets with non-ISV tags", ()=>{
+it('is enabled for buckets with non-ISV tags', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).not.toBeDisabled();
 });
-it("handles bucket tagging query error gracefully", ()=>{
+it('handles bucket tagging query error gracefully', ()=>{
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).not.toBeDisabled();
 });
-it("shows loading state when fetching bucket tags", ()=>{
+it('shows loading state when fetching bucket tags', ()=>{
     mockUseISVBucketStatus.mockReturnValue({
         isVeeamBucket: false,
         isCommvaultBucket: false,
         isISVManaged: false,
         isvApplication: void 0,
         isLoading: true,
-        bucketTagsStatus: "pending"
+        bucketTagsStatus: 'pending'
     });
     renderEditRetentionButton();
-    const editButton = screen.getByRole("button", {
+    const editButton = screen.getByRole('button', {
         name: /edit default retention/i
     });
     expect(editButton).toBeInTheDocument();