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

package/dist/components/objects/ObjectList.js

@@ -2,44 +2,44 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { ConstrainedText, FormattedDateTime, Icon, Link, PrettyBytes, Text, Toggle, Wrap, spacing, useToast } from "@scality/core-ui";
 import { Box, Table } from "@scality/core-ui/dist/next";
 import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { useQueryClient } from "@tanstack/react-query";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
+import { useInvalidateQueries } from "../providers/DataBrowserProvider.js";
 import { useSearchObjects, useSearchObjectsVersions } from "../../hooks/index.js";
 import { useGetPresignedDownload } from "../../hooks/presignedOperations.js";
 import { useBatchObjectLegalHold } from "../../hooks/useBatchObjectLegalHold.js";
 import { useQueryParams } from "../../utils/hooks.js";
-import { useFeatures } from "../../utils/useFeatures.js";
+import { useFeatures } from "../../hooks/useFeatures.js";
 import CreateFolderButton from "./CreateFolderButton.js";
 import MetadataSearch from "../search/MetadataSearch.js";
 import UploadButton from "./UploadButton.js";
 import DeleteObjectButton from "./DeleteObjectButton.js";
 const DEFAULT_PAGE_SIZE = 20;
-const SEARCH_QUERY_PARAM = "search";
-const NAME_COLUMN_FLEX = "2";
-const VERSION_ID_COLUMN_FLEX = "1.5";
-const LAST_MODIFIED_COLUMN_FLEX = "1";
-const SIZE_COLUMN_FLEX = "1";
-const STORAGE_CLASS_COLUMN_FLEX = "1";
-const isObjectLike = (item)=>"folder" !== item.type;
+const SEARCH_QUERY_PARAM = 'search';
+const NAME_COLUMN_FLEX = '2';
+const VERSION_ID_COLUMN_FLEX = '1.5';
+const LAST_MODIFIED_COLUMN_FLEX = '1';
+const SIZE_COLUMN_FLEX = '1';
+const STORAGE_CLASS_COLUMN_FLEX = '1';
+const isObjectLike = (item)=>'folder' !== item.type;
 const getVersionTextColor = (row)=>{
     const isLatest = row.original.IsLatest;
-    const isVersion = "version" === row.original.type;
-    return !isLatest && isVersion ? "infoPrimary" : "textPrimary";
+    const isVersion = 'version' === row.original.type;
+    return !isLatest && isVersion ? 'infoPrimary' : 'textPrimary';
 };
 const removePrefix = (path, prefix)=>{
     if (!prefix) return path;
     if (path.startsWith(prefix)) return path.slice(prefix.length);
     return path;
 };
-const createLegalHoldKey = (key, versionId)=>`${key}:${versionId ?? "null"}`;
+const createLegalHoldKey = (key, versionId)=>`${key}:${versionId ?? 'null'}`;
 const downloadFile = (url, filename, onCleanup)=>{
     try {
         new URL(url);
-        const link = document.createElement("a");
+        const link = document.createElement('a');
         link.href = url;
         link.download = filename;
-        link.style.display = "none";
-        link.rel = "noopener noreferrer";
+        link.style.display = 'none';
+        link.rel = 'noopener noreferrer';
         document.body.appendChild(link);
         link.click();
         const timeoutId = setTimeout(()=>{
@@ -47,32 +47,32 @@ const downloadFile = (url, filename, onCleanup)=>{
         }, 100);
         onCleanup?.(timeoutId);
     } catch (error) {
-        console.error("Invalid download URL:", url, error);
-        throw new Error("Failed to initiate download: Invalid URL");
+        console.error('Invalid download URL:', url, error);
+        throw new Error('Failed to initiate download: Invalid URL');
     }
 };
 const createNameColumn = (onPrefixChange, onDownload)=>({
-        Header: "Name",
-        accessor: "displayName",
-        id: "name",
+        Header: 'Name',
+        accessor: 'displayName',
+        id: 'name',
         sortType: (rowA, rowB)=>{
-            const aIsFolder = "folder" === rowA.original.type;
-            const bIsFolder = "folder" === rowB.original.type;
+            const aIsFolder = 'folder' === rowA.original.type;
+            const bIsFolder = 'folder' === rowB.original.type;
             if (aIsFolder && !bIsFolder) return -1;
             if (!aIsFolder && bIsFolder) return 1;
-            const aName = String(rowA.values.displayName || "");
-            const bName = String(rowB.values.displayName || "");
-            return aName.localeCompare(bName, "en", {
-                sensitivity: "base"
+            const aName = String(rowA.values.displayName || '');
+            const bName = String(rowB.values.displayName || '');
+            return aName.localeCompare(bName, 'en', {
+                sensitivity: 'base'
             });
         },
         Cell: ({ value, row })=>{
-            const isFolder = "folder" === row.original.type;
-            const isVersion = "version" === row.original.type;
-            const isDeleteMarker = "deleteMarker" === row.original.type;
+            const isFolder = 'folder' === row.original.type;
+            const isVersion = 'version' === row.original.type;
+            const isDeleteMarker = 'deleteMarker' === row.original.type;
             const isLatest = row.original.IsLatest;
             let iconName;
-            iconName = isFolder ? "Folder" : isDeleteMarker ? "Deletion-marker" : "File";
+            iconName = isFolder ? 'Folder' : isDeleteMarker ? 'Deletion-marker' : 'File';
             const shouldIndent = isVersion && !isLatest;
             const isLegalHoldEnabled = isObjectLike(row.original) && Boolean(row.original.isLegalHoldEnabled);
             return /*#__PURE__*/ jsx(ConstrainedText, {
@@ -100,7 +100,7 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
                             children: /*#__PURE__*/ jsx(Link, {
                                 onClick: (e)=>{
                                     e.stopPropagation();
-                                    if (isFolder) onPrefixChange?.(row.original.Key ?? "");
+                                    if (isFolder) onPrefixChange?.(row.original.Key ?? '');
                                     else onDownload?.(row.original);
                                 },
                                 children: value
@@ -113,22 +113,22 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
         },
         cellStyle: {
             flex: NAME_COLUMN_FLEX,
-            width: "unset"
+            width: 'unset'
         }
     });
 const createVersionIdColumn = ()=>({
-        Header: "Version ID",
-        accessor: "VersionId",
-        id: "versionId",
+        Header: 'Version ID',
+        accessor: 'VersionId',
+        id: 'versionId',
         Cell: ({ row })=>{
-            const isFolder = "folder" === row.original.type;
-            const isDeleteMarker = "deleteMarker" === row.original.type;
+            const isFolder = 'folder' === row.original.type;
+            const isDeleteMarker = 'deleteMarker' === row.original.type;
             const isLatest = row.original.IsLatest;
             if (isFolder || isDeleteMarker) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
             });
-            const versionId = "version" === row.original.type ? row.original.VersionId ?? "-" : "-";
-            const textColor = isLatest ? void 0 : "infoPrimary";
+            const versionId = 'version' === row.original.type ? row.original.VersionId ?? '-' : '-';
+            const textColor = isLatest ? void 0 : 'infoPrimary';
             return /*#__PURE__*/ jsx(ConstrainedText, {
                 text: versionId,
                 lineClamp: 1,
@@ -137,18 +137,18 @@ const createVersionIdColumn = ()=>({
         },
         cellStyle: {
             flex: VERSION_ID_COLUMN_FLEX,
-            textAlign: "left",
+            textAlign: 'left',
             paddingRight: spacing.r16,
-            width: "unset",
-            maxWidth: "8rem"
+            width: 'unset',
+            maxWidth: '8rem'
         }
     });
 const createLastModifiedColumn = ()=>({
-        Header: "Modified on",
-        accessor: "LastModified",
-        id: "lastModified",
+        Header: 'Modified on',
+        accessor: 'LastModified',
+        id: 'lastModified',
         Cell: ({ value, row })=>{
-            if ("folder" === row.original.type || null == value) return /*#__PURE__*/ jsx(Text, {
+            if ('folder' === row.original.type || null == value) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
             });
             return /*#__PURE__*/ jsx(Text, {
@@ -161,18 +161,18 @@ const createLastModifiedColumn = ()=>({
         },
         cellStyle: {
             flex: LAST_MODIFIED_COLUMN_FLEX,
-            textAlign: "right",
+            textAlign: 'right',
             paddingRight: spacing.r16,
-            width: "unset",
-            minWidth: "10rem"
+            width: 'unset',
+            minWidth: '10rem'
         }
     });
 const createSizeColumn = ()=>({
-        Header: "Size",
-        accessor: "Size",
-        id: "size",
+        Header: 'Size',
+        accessor: 'Size',
+        id: 'size',
         Cell: ({ value, row })=>{
-            if ("folder" === row.original.type || null == value) return /*#__PURE__*/ jsx(Text, {
+            if ('folder' === row.original.type || null == value) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
             });
             return /*#__PURE__*/ jsx(Box, {
@@ -189,15 +189,15 @@ const createSizeColumn = ()=>({
         },
         cellStyle: {
             flex: SIZE_COLUMN_FLEX,
-            textAlign: "right",
+            textAlign: 'right',
             paddingRight: spacing.r16,
-            width: "unset"
+            width: 'unset'
         }
     });
 const createStorageClassColumn = ()=>({
-        Header: "Storage Location",
-        accessor: "StorageClass",
-        id: "storageClass",
+        Header: 'Storage Location',
+        accessor: 'StorageClass',
+        id: 'storageClass',
         Cell: ({ value, row })=>{
             if (null == value) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
@@ -207,15 +207,15 @@ const createStorageClassColumn = ()=>({
                 justifyContent: "flex-end",
                 children: /*#__PURE__*/ jsx(Text, {
                     color: getVersionTextColor(row),
-                    children: "STANDARD" === value ? "default" : value
+                    children: 'STANDARD' === value ? 'default' : value
                 })
             });
         },
         cellStyle: {
             flex: STORAGE_CLASS_COLUMN_FLEX,
-            textAlign: "right",
+            textAlign: 'right',
             paddingRight: spacing.r16,
-            width: "unset"
+            width: 'unset'
         }
     });
 const buildCustomColumn = (columnConfig)=>({
@@ -228,8 +228,9 @@ const buildCustomColumn = (columnConfig)=>({
             });
         },
         cellStyle: {
-            width: columnConfig.width ?? "unset",
-            flex: columnConfig.width ? void 0 : "1"
+            width: columnConfig.width ?? 'unset',
+            flex: columnConfig.width ? void 0 : '1',
+            ...columnConfig.cellStyle
         }
     });
 function createOverrideMap(customItems) {
@@ -240,10 +241,10 @@ function createOverrideMap(customItems) {
 }
 const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
     const { extraObjectListColumns, extraObjectListActions } = useDataBrowserUICustomization();
-    const queryClient = useQueryClient();
+    const invalidateQueries = useInvalidateQueries();
     const [showVersions, setShowVersions] = useState(false);
-    const isMetadataSearchEnabled = useFeatures("metadatasearch");
-    const metadataSearchQuery = useQueryParams().get("metadatasearch");
+    const isMetadataSearchEnabled = useFeatures('metadatasearch');
+    const metadataSearchQuery = useQueryParams().get('metadatasearch');
     const [selectedObjects, setSelectedObjects] = useState([]);
     const { mutateAsync: getPresignedDownload } = useGetPresignedDownload();
     const downloadingRef = useRef(new Set());
@@ -272,14 +273,14 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         onPrefixChangeRef.current(newPrefix);
     }, []);
     const handleDownload = useCallback(async (object)=>{
-        if (!object.Key) return void console.warn("Cannot download object: missing Key");
+        if (!object.Key) return void console.warn('Cannot download object: missing Key');
         const versionId = isObjectLike(object) ? object.VersionId : void 0;
         const downloadKey = versionId ? `${object.Key}:${versionId}` : object.Key;
         if (downloadingRef.current.has(downloadKey)) return void console.debug(`Download already in progress for: ${object.Key}`);
         downloadingRef.current.add(downloadKey);
         try {
-            const rawFilename = object.displayName || object.Key.split("/").pop() || "download";
-            const sanitized = rawFilename.replace(/["\r\n\t]/g, "");
+            const rawFilename = object.displayName || object.Key.split('/').pop() || 'download';
+            const sanitized = rawFilename.replace(/["\r\n\t]/g, '');
             const encoded = encodeURIComponent(sanitized);
             const result = await getPresignedDownload({
                 Bucket: bucketName,
@@ -289,16 +290,16 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                     VersionId: versionId
                 } : {}
             });
-            if (!result?.Url) throw new Error("Failed to generate presigned URL: No URL returned");
+            if (!result?.Url) throw new Error('Failed to generate presigned URL: No URL returned');
             downloadFile(result.Url, sanitized, (timeoutId)=>{
                 downloadTimeoutsRef.current.set(`${downloadKey}_link`, timeoutId);
             });
         } catch (error) {
-            const errorMessage = error instanceof Error ? error.message : "Unknown error";
+            const errorMessage = error instanceof Error ? error.message : 'Unknown error';
             showToast({
                 open: true,
                 message: errorMessage,
-                status: "error"
+                status: 'error'
             });
         } finally{
             const timeoutId = setTimeout(()=>{
@@ -318,7 +319,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
             Bucket: bucketName,
             Prefix: prefix,
             MaxKeys: DEFAULT_PAGE_SIZE,
-            Delimiter: "/"
+            Delimiter: '/'
         };
         if (isMetadataSearchEnabled && metadataSearchQuery) return {
             ...baseParams,
@@ -403,11 +404,11 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         pages.forEach((page)=>{
             if (page.CommonPrefixes) page.CommonPrefixes.forEach((cp)=>{
                 if (cp.Prefix) {
-                    const folderName = removePrefix(cp.Prefix, prefix).replace(/\/$/, "");
+                    const folderName = removePrefix(cp.Prefix, prefix).replace(/\/$/, '');
                     folders.push({
                         Key: cp.Prefix,
-                        displayName: folderName + "/",
-                        type: "folder"
+                        displayName: folderName + '/',
+                        type: 'folder'
                     });
                 }
             });
@@ -422,7 +423,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         return {
             ...obj,
             displayName: removePrefix(obj.Key, prefix),
-            type: "object",
+            type: 'object',
             isLegalHoldEnabled
         };
     }, [
@@ -438,14 +439,14 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                 const itemsByKey = {};
                 listVersionsQuery.data.pages.forEach((page)=>{
                     if (page.Versions) page.Versions.forEach((version)=>{
-                        if (version.Key && !version.Key.endsWith("/")) {
+                        if (version.Key && !version.Key.endsWith('/')) {
                             objectsWithVersions.add(version.Key);
                             if (!itemsByKey[version.Key]) itemsByKey[version.Key] = [];
                             itemsByKey[version.Key].push(version);
                         }
                     });
                     if (page.DeleteMarkers) page.DeleteMarkers.forEach((marker)=>{
-                        if (marker.Key && !marker.Key.endsWith("/")) {
+                        if (marker.Key && !marker.Key.endsWith('/')) {
                             objectsWithVersions.add(marker.Key);
                             if (!itemsByKey[marker.Key]) itemsByKey[marker.Key] = [];
                             itemsByKey[marker.Key].push({
@@ -455,8 +456,8 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                         }
                     });
                 });
-                Object.keys(itemsByKey).sort((a, b)=>a.localeCompare(b, "en", {
-                        sensitivity: "base"
+                Object.keys(itemsByKey).sort((a, b)=>a.localeCompare(b, 'en', {
+                        sensitivity: 'base'
                     })).forEach((key)=>{
                     const allItems = itemsByKey[key];
                     allItems.sort((a, b)=>{
@@ -468,16 +469,16 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                     });
                     allItems.forEach((item)=>{
                         if (!item.Key) return;
-                        if (item.Key.endsWith("/")) return;
+                        if (item.Key.endsWith('/')) return;
                         const baseName = removePrefix(item.Key, prefix);
                         const isLatest = item.IsLatest;
-                        const isDeleteMarker = "isDeleteMarker" in item && item.isDeleteMarker;
+                        const isDeleteMarker = 'isDeleteMarker' in item && item.isDeleteMarker;
                         const legalHoldKey = createLegalHoldKey(item.Key, item.VersionId);
                         const isLegalHoldEnabled = legalHoldData?.[legalHoldKey]?.isLegalHoldEnabled ?? false;
                         if (isDeleteMarker) items.push({
                             ...item,
                             displayName: baseName,
-                            type: "deleteMarker",
+                            type: 'deleteMarker',
                             IsLatest: isLatest,
                             isDeleteMarker: true,
                             isLegalHoldEnabled
@@ -485,7 +486,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                         else items.push({
                             ...item,
                             displayName: baseName,
-                            type: "version",
+                            type: 'version',
                             IsLatest: isLatest,
                             isLegalHoldEnabled
                         });
@@ -494,14 +495,14 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
             }
             if (listObjectsQuery.data?.pages) listObjectsQuery.data.pages.forEach((page)=>{
                 if (page.Contents) page.Contents.forEach((obj)=>{
-                    if (obj.Key && !obj.Key.endsWith("/") && !objectsWithVersions.has(obj.Key)) items.push(createObjectItem(obj, legalHoldData));
+                    if (obj.Key && !obj.Key.endsWith('/') && !objectsWithVersions.has(obj.Key)) items.push(createObjectItem(obj, legalHoldData));
                 });
             });
         } else {
             folders = data?.pages ? processFolders(data.pages) : [];
             if (data?.pages) data.pages.forEach((page)=>{
                 if (page.Contents) page.Contents.forEach((obj)=>{
-                    if (obj.Key && !obj.Key.endsWith("/")) items.push(createObjectItem(obj, legalHoldData));
+                    if (obj.Key && !obj.Key.endsWith('/')) items.push(createObjectItem(obj, legalHoldData));
                 });
             });
         }
@@ -539,14 +540,14 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         const getColumn = (id)=>customColumnsMap.get(id) || defaultColumnsMap[id];
         const extraColumns = customColumns.filter((col)=>col.id && !(col.id in defaultColumnsMap));
         const finalColumns = [
-            getColumn("name"),
+            getColumn('name'),
             ...showVersions ? [
-                getColumn("versionId")
+                getColumn('versionId')
             ] : [],
             ...extraColumns,
-            getColumn("lastModified"),
-            getColumn("size"),
-            getColumn("storageClass")
+            getColumn('lastModified'),
+            getColumn('size'),
+            getColumn('storageClass')
         ];
         return finalColumns;
     }, [
@@ -559,32 +560,32 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         storageClassColumn
     ]);
     const handleUploadSuccess = useCallback(()=>{
-        queryClient.invalidateQueries({
+        invalidateQueries({
             queryKey: [
-                "ListObjects"
+                'ListObjects'
             ]
         });
-        queryClient.invalidateQueries({
+        invalidateQueries({
             queryKey: [
-                "ListObjectVersions"
+                'ListObjectVersions'
             ]
         });
     }, [
-        queryClient
+        invalidateQueries
     ]);
     const handleFolderSuccess = useCallback(()=>{
-        queryClient.invalidateQueries({
+        invalidateQueries({
             queryKey: [
-                "ListObjects"
+                'ListObjects'
             ]
         });
-        queryClient.invalidateQueries({
+        invalidateQueries({
             queryKey: [
-                "ListObjectVersions"
+                'ListObjectVersions'
             ]
         });
     }, [
-        queryClient
+        invalidateQueries
     ]);
     const handleUploadError = useCallback(()=>{}, []);
     const handleFolderError = useCallback(()=>{}, []);
@@ -620,15 +621,15 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
     const actions = useMemo(()=>{
         const defaultActionsMap = {
             upload: {
-                id: "upload",
+                id: 'upload',
                 render: renderUploadAction
             },
             createFolder: {
-                id: "createFolder",
+                id: 'createFolder',
                 render: renderCreateFolderAction
             },
             delete: {
-                id: "delete",
+                id: 'delete',
                 render: renderDeleteAction
             }
         };
@@ -640,9 +641,9 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
         const getAction = (id)=>customActionsMap.get(id) || defaultActionsMap[id];
         const extraActions = customActions.filter((action)=>!(action.id in defaultActionsMap));
         return [
-            getAction("upload"),
-            getAction("createFolder"),
-            getAction("delete"),
+            getAction('upload'),
+            getAction('createFolder'),
+            getAction('delete'),
             ...extraActions
         ];
     }, [
@@ -672,11 +673,11 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
     }, [
         tableData
     ]);
-    const tableStatus = isLoading ? "loading" : error ? "error" : "success";
+    const tableStatus = isLoading ? 'loading' : error ? 'error' : 'success';
     const entityName = useMemo(()=>({
             en: {
-                singular: "object",
-                plural: "objects"
+                singular: 'object',
+                plural: 'objects'
             }
         }), []);
     return /*#__PURE__*/ jsxs(Table, {
@@ -712,7 +713,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange })=>{
                                 toggle: showVersions,
                                 onChange: (e)=>setShowVersions(e.target.checked),
                                 label: "List Versions",
-                                "aria-label": showVersions ? "Hide object versions" : "Show object versions",
+                                "aria-label": showVersions ? 'Hide object versions' : 'Show object versions',
                                 "aria-pressed": showVersions
                             })
                         ]

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

@@ -2,11 +2,11 @@ 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 { 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

@@ -5,14 +5,14 @@ import { Controller, useFormContext } from "react-hook-form";
 import { Input, Select } from "@scality/core-ui/dist/next";
 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>;