@scality/data-browser-library 1.0.0-preview.11 → 1.0.0-preview.15

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 };