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

package/dist/components/objects/ObjectDetails/ObjectMetadata.js

@@ -4,34 +4,34 @@ import { Icon, Loader, Text, spacing, useToast } from "@scality/core-ui";
 import { Box, Button, Input, Select } from "@scality/core-ui/dist/next";
 import { convertSizeToRem } from "@scality/core-ui/dist/components/inputv2/inputv2";
 import { Controller, useFieldArray, useForm } from "react-hook-form";
-import { useQueryClient } from "@tanstack/react-query";
 import { useCopyObject, useObjectMetadata } from "../../../hooks/index.js";
+import { useInvalidateQueries } from "../../providers/DataBrowserProvider.js";
 import { TableContainer } from "../../ui/Table.elements.js";
 import { ArrayFieldActions } from "../../ui/ArrayFieldActions.js";
 const METADATA_KEYS = [
     {
-        key: "CacheControl",
-        label: "cache-control"
+        key: 'CacheControl',
+        label: 'cache-control'
     },
     {
-        key: "ContentDisposition",
-        label: "content-disposition"
+        key: 'ContentDisposition',
+        label: 'content-disposition'
     },
     {
-        key: "ContentEncoding",
-        label: "content-encoding"
+        key: 'ContentEncoding',
+        label: 'content-encoding'
     },
     {
-        key: "ContentType",
-        label: "content-type"
+        key: 'ContentType',
+        label: 'content-type'
     },
     {
-        key: "WebsiteRedirectLocation",
-        label: "website-redirect-location"
+        key: 'WebsiteRedirectLocation',
+        label: 'website-redirect-location'
     },
     {
-        key: "x-amz-meta",
-        label: "x-amz-meta"
+        key: 'x-amz-meta',
+        label: 'x-amz-meta'
     }
 ];
 const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
@@ -45,17 +45,17 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
     });
     const copyObjectMutation = useCopyObject();
     const { showToast } = useToast();
-    const queryClient = useQueryClient();
+    const invalidateQueries = useInvalidateQueries();
     const [isInitialized, setIsInitialized] = useState(false);
     const { control, handleSubmit, setValue, watch, formState: { errors, isValid, isSubmitting } } = useForm({
-        mode: "onChange",
+        mode: 'onChange',
         defaultValues: {
             metadata: []
         }
     });
     const { fields, append, remove } = useFieldArray({
         control,
-        name: "metadata"
+        name: 'metadata'
     });
     useEffect(()=>{
         setIsInitialized(false);
@@ -66,37 +66,37 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
         versionId
     ]);
     useEffect(()=>{
-        if (metadata && "success" === metadataStatus && !isInitialized) {
+        if (metadata && 'success' === metadataStatus && !isInitialized) {
             const rows = [];
             const standardKeys = [
-                "CacheControl",
-                "ContentDisposition",
-                "ContentEncoding",
-                "ContentType",
-                "WebsiteRedirectLocation"
+                'CacheControl',
+                'ContentDisposition',
+                'ContentEncoding',
+                'ContentType',
+                'WebsiteRedirectLocation'
             ];
             standardKeys.forEach((keyType)=>{
                 const value = metadata[keyType];
                 if (value) rows.push({
                     keyType,
-                    customKey: "",
+                    customKey: '',
                     value
                 });
             });
             const userMetadata = metadata.Metadata || {};
             Object.entries(userMetadata).forEach(([key, value])=>{
                 rows.push({
-                    keyType: "x-amz-meta",
+                    keyType: 'x-amz-meta',
                     customKey: key,
                     value: value
                 });
             });
             if (0 === rows.length) rows.push({
-                keyType: "",
-                customKey: "",
-                value: ""
+                keyType: '',
+                customKey: '',
+                value: ''
             });
-            setValue("metadata", rows);
+            setValue('metadata', rows);
             setIsInitialized(true);
         }
     }, [
@@ -106,9 +106,9 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
         isInitialized
     ]);
     const getAvailableOptions = (currentIndex)=>{
-        const allMetadata = watch("metadata") || [];
-        const usedKeys = new Set(allMetadata.filter((row, idx)=>idx !== currentIndex && "x-amz-meta" !== row.keyType).map((row)=>row.keyType));
-        return METADATA_KEYS.filter((key)=>"x-amz-meta" === key.key || !usedKeys.has(key.key));
+        const allMetadata = watch('metadata') || [];
+        const usedKeys = new Set(allMetadata.filter((row, idx)=>idx !== currentIndex && 'x-amz-meta' !== row.keyType).map((row)=>row.keyType));
+        return METADATA_KEYS.filter((key)=>'x-amz-meta' === key.key || !usedKeys.has(key.key));
     };
     const onSubmit = async (data)=>{
         if (!metadata) return;
@@ -120,18 +120,18 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                 Bucket: bucketName,
                 Key: objectKey,
                 CopySource: copySource,
-                MetadataDirective: "REPLACE",
+                MetadataDirective: 'REPLACE',
                 Metadata: {}
             };
             validMetadata.forEach((row)=>{
-                if ("x-amz-meta" === row.keyType) copyParams.Metadata[row.customKey.trim()] = row.value.trim();
+                if ('x-amz-meta' === row.keyType) copyParams.Metadata[row.customKey.trim()] = row.value.trim();
                 else if (row.keyType) copyParams[row.keyType] = row.value.trim();
             });
             if (!copyParams.ContentType && metadata.ContentType) copyParams.ContentType = metadata.ContentType;
             await copyObjectMutation.mutateAsync(copyParams);
-            await queryClient.invalidateQueries({
+            await invalidateQueries({
                 queryKey: [
-                    "HeadObject",
+                    'HeadObject',
                     {
                         Bucket: bucketName,
                         Key: objectKey,
@@ -141,19 +141,19 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
             });
             showToast({
                 open: true,
-                message: "Metadata saved successfully",
-                status: "success"
+                message: 'Metadata saved successfully',
+                status: 'success'
             });
         } catch (error) {
-            const errorMessage = error instanceof Error ? error.message : "Failed to save metadata";
+            const errorMessage = error instanceof Error ? error.message : 'Failed to save metadata';
             showToast({
                 open: true,
                 message: errorMessage,
-                status: "error"
+                status: 'error'
             });
         }
     };
-    if ("pending" === metadataStatus) return /*#__PURE__*/ jsx(TableContainer, {
+    if ('pending' === metadataStatus) return /*#__PURE__*/ jsx(TableContainer, {
         children: /*#__PURE__*/ jsx(Box, {
             display: "flex",
             justifyContent: "center",
@@ -161,7 +161,7 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
             children: /*#__PURE__*/ jsx(Loader, {})
         })
     });
-    if ("error" === metadataStatus) return /*#__PURE__*/ jsx(TableContainer, {
+    if ('error' === metadataStatus) return /*#__PURE__*/ jsx(TableContainer, {
         children: /*#__PURE__*/ jsx(Box, {
             padding: spacing.r16,
             children: /*#__PURE__*/ jsx(Text, {
@@ -224,7 +224,7 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                     })
                                 }),
                                 /*#__PURE__*/ jsx(Box, {
-                                    width: convertSizeToRem("1/3")
+                                    width: convertSizeToRem('1/3')
                                 })
                             ]
                         }),
@@ -241,14 +241,14 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                                 rules: {
                                                     validate: (value, formValues)=>{
                                                         if (1 === formValues.metadata.length && !value && !formValues.metadata[0].value.trim()) return true;
-                                                        if (!value) return "Please select a metadata key";
+                                                        if (!value) return 'Please select a metadata key';
                                                         const allMetadata = formValues.metadata;
                                                         const usedKeys = allMetadata.map((row, idx)=>{
                                                             if (idx === index) return null;
-                                                            if ("x-amz-meta" === row.keyType) return row.customKey ? `x-amz-meta-${row.customKey.trim()}` : null;
+                                                            if ('x-amz-meta' === row.keyType) return row.customKey ? `x-amz-meta-${row.customKey.trim()}` : null;
                                                             return row.keyType;
                                                         }).filter(Boolean);
-                                                        const currentKey = "x-amz-meta" === value ? formValues.metadata[index].customKey ? `x-amz-meta-${formValues.metadata[index].customKey.trim()}` : null : value;
+                                                        const currentKey = 'x-amz-meta' === value ? formValues.metadata[index].customKey ? `x-amz-meta-${formValues.metadata[index].customKey.trim()}` : null : value;
                                                         if (currentKey && usedKeys.includes(currentKey)) return `Duplicate key "${currentKey}"`;
                                                         return true;
                                                     }
@@ -258,7 +258,7 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                                         value: value,
                                                         onChange: (newValue)=>{
                                                             onChange(newValue);
-                                                            if ("x-amz-meta" !== newValue) setValue(`metadata.${index}.customKey`, "");
+                                                            if ('x-amz-meta' !== newValue) setValue(`metadata.${index}.customKey`, '');
                                                         },
                                                         placeholder: "Select key",
                                                         children: getAvailableOptions(index).map((key)=>/*#__PURE__*/ jsx(Select.Option, {
@@ -267,13 +267,13 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                                             }, key.key))
                                                     })
                                             }),
-                                            "x-amz-meta" === watch(`metadata.${index}.keyType`) && /*#__PURE__*/ jsx(Controller, {
+                                            'x-amz-meta' === watch(`metadata.${index}.keyType`) && /*#__PURE__*/ jsx(Controller, {
                                                 control: control,
                                                 name: `metadata.${index}.customKey`,
                                                 rules: {
                                                     validate: (value, formValues)=>{
-                                                        if ("x-amz-meta" === formValues.metadata[index].keyType) {
-                                                            if (!value.trim()) return "Custom key required";
+                                                        if ('x-amz-meta' === formValues.metadata[index].keyType) {
+                                                            if (!value.trim()) return 'Custom key required';
                                                         }
                                                         return true;
                                                     }
@@ -295,7 +295,7 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                                 rules: {
                                                     validate: (value, formValues)=>{
                                                         if (1 === formValues.metadata.length && !value.trim() && !formValues.metadata[0].keyType) return true;
-                                                        if (!value.trim()) return "Value cannot be empty";
+                                                        if (!value.trim()) return 'Value cannot be empty';
                                                         return true;
                                                     }
                                                 },
@@ -311,15 +311,15 @@ const ObjectMetadata = ({ bucketName, objectKey, versionId })=>{
                                                 onRemove: ()=>{
                                                     remove(index);
                                                     if (1 === fields.length) append({
-                                                        keyType: "",
-                                                        customKey: "",
-                                                        value: ""
+                                                        keyType: '',
+                                                        customKey: '',
+                                                        value: ''
                                                     });
                                                 },
                                                 onAdd: ()=>append({
-                                                        keyType: "",
-                                                        customKey: "",
-                                                        value: ""
+                                                        keyType: '',
+                                                        customKey: '',
+                                                        value: ''
                                                     }),
                                                 canRemove: true,
                                                 canAdd: !!watch(`metadata.${index}.keyType`) && !!watch(`metadata.${index}.value`),

package/dist/components/objects/ObjectDetails/ObjectSummary.d.ts

@@ -1,3 +1,3 @@
-import { ObjectCommonProps } from ".";
+import { ObjectCommonProps } from '.';
 declare const ObjectSummary: ({ bucketName, objectKey, versionId, }: ObjectCommonProps) => import("react/jsx-runtime").JSX.Element;
 export { ObjectSummary };

package/dist/components/objects/ObjectDetails/ObjectSummary.js

@@ -31,9 +31,9 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     });
     const { mutate: setLegalHold, isPending: isUpdatingLegalHold } = useSetObjectLegalHold();
     const { showToast } = useToast();
-    const isLegalHoldEnabled = legalHoldData?.LegalHold?.Status === "ON";
+    const isLegalHoldEnabled = legalHoldData?.LegalHold?.Status === 'ON';
     const hasRetention = retentionData?.Retention?.Mode;
-    const isObjectLockAvailable = hasRetention || "pending" === retentionStatus || "success" === legalHoldStatus;
+    const isObjectLockAvailable = hasRetention || 'pending' === retentionStatus || 'success' === legalHoldStatus;
     const handleLegalHoldChange = useCallback(()=>{
         setLegalHold({
             Bucket: bucketName,
@@ -42,21 +42,21 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                 VersionId: versionId
             },
             LegalHold: {
-                Status: isLegalHoldEnabled ? "OFF" : "ON"
+                Status: isLegalHoldEnabled ? 'OFF' : 'ON'
             }
         }, {
             onSuccess: ()=>{
                 showToast({
                     open: true,
-                    message: `Legal hold ${isLegalHoldEnabled ? "inactive" : "active"}`,
-                    status: "success"
+                    message: `Legal hold ${isLegalHoldEnabled ? 'inactive' : 'active'}`,
+                    status: 'success'
                 });
             },
             onError: (error)=>{
                 showToast({
                     open: true,
-                    message: error instanceof Error ? error.message : "Failed to update legal hold",
-                    status: "error"
+                    message: error instanceof Error ? error.message : 'Failed to update legal hold',
+                    status: 'error'
                 });
             }
         });
@@ -71,8 +71,8 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     const informationFields = useMemo(()=>{
         const defaultFields = {
             name: {
-                id: "name",
-                label: "Name",
+                id: 'name',
+                label: 'Name',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
@@ -89,28 +89,28 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                 }, "name")
             },
             versionId: {
-                id: "versionId",
-                label: "Version ID",
+                id: 'versionId',
+                label: 'Version ID',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "Version ID"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsxs(GroupValues, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsxs(GroupValues, {
                                 children: [
                                     /*#__PURE__*/ jsx(Box, {
                                         flex: "1",
                                         minWidth: "0",
                                         children: /*#__PURE__*/ jsx(ConstrainedText, {
-                                            text: metadata?.VersionId || versionId || "N/A",
+                                            text: metadata?.VersionId || versionId || 'N/A',
                                             lineClamp: 1
                                         })
                                     }),
                                     /*#__PURE__*/ jsx(ExtraCell, {
                                         marginLeft: spacing.f8,
                                         children: /*#__PURE__*/ jsx(CopyButton, {
-                                            textToCopy: metadata?.VersionId || versionId || ""
+                                            textToCopy: metadata?.VersionId || versionId || ''
                                         })
                                     })
                                 ]
@@ -120,15 +120,15 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                 }, "versionId")
             },
             size: {
-                id: "size",
-                label: "Size",
+                id: 'size',
+                label: 'Size',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "Size"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsx(PrettyBytes, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsx(PrettyBytes, {
                                 bytes: metadata?.ContentLength || 0
                             })
                         })
@@ -136,45 +136,45 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                 }, "size")
             },
             lastModified: {
-                id: "lastModified",
-                label: "Modified On",
+                id: 'lastModified',
+                label: 'Modified On',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "Modified On"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : metadata?.LastModified ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : metadata?.LastModified ? /*#__PURE__*/ jsx(FormattedDateTime, {
                                 value: metadata.LastModified,
                                 format: "date-time-second"
-                            }) : "N/A"
+                            }) : 'N/A'
                         })
                     ]
                 }, "lastModified")
             },
             etag: {
-                id: "etag",
-                label: "ETag",
+                id: 'etag',
+                label: 'ETag',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "ETag"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsxs(GroupValues, {
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : /*#__PURE__*/ jsxs(GroupValues, {
                                 children: [
                                     /*#__PURE__*/ jsx(Box, {
                                         flex: "1",
                                         minWidth: "0",
                                         children: /*#__PURE__*/ jsx(ConstrainedText, {
-                                            text: metadata.ETag?.replace(/^"|"$/g, "") || "N/A",
+                                            text: metadata.ETag?.replace(/^"|"$/g, '') || 'N/A',
                                             lineClamp: 1
                                         })
                                     }),
                                     /*#__PURE__*/ jsx(ExtraCell, {
                                         marginLeft: spacing.f8,
                                         children: /*#__PURE__*/ jsx(CopyButton, {
-                                            textToCopy: metadata.ETag?.replace(/^"|"$/g, "") || ""
+                                            textToCopy: metadata.ETag?.replace(/^"|"$/g, '') || ''
                                         })
                                     })
                                 ]
@@ -184,8 +184,8 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                 }, "etag")
             },
             location: {
-                id: "location",
-                label: "Location",
+                id: 'location',
+                label: 'Location',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
@@ -242,39 +242,39 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     const dataProtectionFields = useMemo(()=>{
         const defaultFields = {
             lock: {
-                id: "lock",
-                label: "Lock",
+                id: 'lock',
+                label: 'Lock',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "Lock"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === retentionStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === retentionStatus ? "No Retention" : retentionData?.Retention?.Mode ? /*#__PURE__*/ jsxs(Fragment, {
+                            children: 'pending' === retentionStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === retentionStatus ? 'No Retention' : retentionData?.Retention?.Mode ? /*#__PURE__*/ jsxs(Fragment, {
                                 children: [
                                     retentionData.Retention.Mode,
                                     " until",
-                                    " ",
+                                    ' ',
                                     retentionData.Retention.RetainUntilDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
                                         format: "date-time-second",
                                         value: new Date(retentionData.Retention.RetainUntilDate)
-                                    }) : "N/A"
+                                    }) : 'N/A'
                                 ]
-                            }) : "No Retention"
+                            }) : 'No Retention'
                         })
                     ]
                 }, "lock")
             },
             legalHold: {
-                id: "legalHold",
-                label: "Legal Hold",
+                id: 'legalHold',
+                label: 'Legal Hold',
                 node: /*#__PURE__*/ jsxs(Row, {
                     children: [
                         /*#__PURE__*/ jsx(Key, {
                             children: "Legal Hold"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "pending" === legalHoldStatus ? /*#__PURE__*/ jsx(Loader, {}) : isObjectLockAvailable ? /*#__PURE__*/ jsxs(Box, {
+                            children: 'pending' === legalHoldStatus ? /*#__PURE__*/ jsx(Loader, {}) : isObjectLockAvailable ? /*#__PURE__*/ jsxs(Box, {
                                 display: "flex",
                                 alignItems: "center",
                                 gap: spacing.r8,
@@ -283,14 +283,14 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                                         id: "legalHoldToggle",
                                         disabled: isUpdatingLegalHold,
                                         toggle: isLegalHoldEnabled,
-                                        label: isLegalHoldEnabled ? "Active" : "Inactive",
+                                        label: isLegalHoldEnabled ? 'Active' : 'Inactive',
                                         onChange: handleLegalHoldChange
                                     }),
                                     isLegalHoldEnabled && /*#__PURE__*/ jsx(Icon, {
                                         name: "Rebalance"
                                     })
                                 ]
-                            }) : "N/A"
+                            }) : 'N/A'
                         })
                     ]
                 }, "legalHold")

package/dist/components/objects/ObjectDetails/ObjectTags.d.ts

@@ -1,3 +1,3 @@
-import { ObjectCommonProps } from ".";
+import { ObjectCommonProps } from '.';
 declare const ObjectTags: ({ bucketName, objectKey, versionId, }: ObjectCommonProps) => import("react/jsx-runtime").JSX.Element;
 export { ObjectTags };