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

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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,241 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { ConstrainedText, FormattedDateTime, Icon, Loader, PrettyBytes, Toggle, spacing, useToast } from "@scality/core-ui";
+import { useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { Body, ExtraCell, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../../ui/Table.elements.js";
+import { CopyButton } from "@scality/core-ui/dist/components/buttonv2/CopyButton.component";
+import { Box } from "@scality/core-ui/dist/next";
+const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
+    const { data: metadata, status: metadataStatus } = useObjectMetadata({
+        Bucket: bucketName,
+        Key: objectKey,
+        ...versionId && {
+            VersionId: versionId
+        }
+    });
+    const { data: legalHoldData, status: legalHoldStatus } = useObjectLegalHold({
+        Bucket: bucketName,
+        Key: objectKey,
+        ...versionId && {
+            VersionId: versionId
+        }
+    });
+    const { data: retentionData, status: retentionStatus } = useObjectRetention({
+        Bucket: bucketName,
+        Key: objectKey,
+        ...versionId && {
+            VersionId: versionId
+        }
+    });
+    const { mutate: setLegalHold, isPending: isUpdatingLegalHold } = useSetObjectLegalHold();
+    const { showToast } = useToast();
+    const isLegalHoldEnabled = legalHoldData?.LegalHold?.Status === "ON";
+    const hasRetention = retentionData?.Retention?.Mode;
+    const isObjectLockAvailable = hasRetention || "pending" === retentionStatus || "success" === legalHoldStatus;
+    const handleLegalHoldChange = ()=>{
+        setLegalHold({
+            Bucket: bucketName,
+            Key: objectKey,
+            ...versionId && {
+                VersionId: versionId
+            },
+            LegalHold: {
+                Status: isLegalHoldEnabled ? "OFF" : "ON"
+            }
+        }, {
+            onSuccess: ()=>{
+                showToast({
+                    open: true,
+                    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"
+                });
+            }
+        });
+    };
+    return /*#__PURE__*/ jsx(TableContainer, {
+        children: /*#__PURE__*/ jsx(Table, {
+            children: /*#__PURE__*/ jsxs(Body, {
+                children: [
+                    /*#__PURE__*/ jsxs(Group, {
+                        children: [
+                            /*#__PURE__*/ jsx(GroupName, {
+                                children: "Information"
+                            }),
+                            /*#__PURE__*/ jsxs(GroupContent, {
+                                children: [
+                                    /*#__PURE__*/ jsxs(Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Key, {
+                                                children: "Name"
+                                            }),
+                                            /*#__PURE__*/ jsx(Value, {
+                                                width: "15rem",
+                                                children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                                    text: objectKey,
+                                                    lineClamp: 2
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__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: [
+                                                        /*#__PURE__*/ jsx(Box, {
+                                                            flex: "1",
+                                                            minWidth: "0",
+                                                            children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                                                text: metadata?.VersionId || versionId || "N/A",
+                                                                lineClamp: 1
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(ExtraCell, {
+                                                            marginLeft: spacing.f8,
+                                                            children: /*#__PURE__*/ jsx(CopyButton, {
+                                                                textToCopy: metadata?.VersionId || versionId || ""
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs(Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Key, {
+                                                children: "Size"
+                                            }),
+                                            /*#__PURE__*/ jsx(Value, {
+                                                children: "pending" === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : "error" === metadataStatus ? "Error" : /*#__PURE__*/ jsx(PrettyBytes, {
+                                                    bytes: metadata?.ContentLength || 0
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__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, {
+                                                    value: metadata.LastModified,
+                                                    format: "date-time-second"
+                                                }) : "N/A"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__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: [
+                                                        /*#__PURE__*/ jsx(Box, {
+                                                            flex: "1",
+                                                            minWidth: "0",
+                                                            children: /*#__PURE__*/ jsx(ConstrainedText, {
+                                                                text: metadata.ETag?.replace(/^"|"$/g, "") || "N/A",
+                                                                lineClamp: 1
+                                                            })
+                                                        }),
+                                                        /*#__PURE__*/ jsx(ExtraCell, {
+                                                            marginLeft: spacing.f8,
+                                                            children: /*#__PURE__*/ jsx(CopyButton, {
+                                                                textToCopy: metadata.ETag?.replace(/^"|"$/g, "") || ""
+                                                            })
+                                                        })
+                                                    ]
+                                                })
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs(Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Key, {
+                                                children: "Location"
+                                            }),
+                                            /*#__PURE__*/ jsx(Value, {
+                                                children: "default"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Group, {
+                        children: [
+                            /*#__PURE__*/ jsx(GroupName, {
+                                children: "Data protection"
+                            }),
+                            /*#__PURE__*/ jsxs(GroupContent, {
+                                children: [
+                                    /*#__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: [
+                                                        retentionData.Retention.Mode,
+                                                        " until",
+                                                        " ",
+                                                        retentionData.Retention.RetainUntilDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                                                            format: "date-time-second",
+                                                            value: new Date(retentionData.Retention.RetainUntilDate)
+                                                        }) : "N/A"
+                                                    ]
+                                                }) : "No Retention"
+                                            })
+                                        ]
+                                    }),
+                                    /*#__PURE__*/ jsxs(Row, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Key, {
+                                                children: "Legal Hold"
+                                            }),
+                                            /*#__PURE__*/ jsx(Value, {
+                                                children: "pending" === legalHoldStatus ? /*#__PURE__*/ jsx(Loader, {}) : isObjectLockAvailable ? /*#__PURE__*/ jsxs(Box, {
+                                                    display: "flex",
+                                                    alignItems: "center",
+                                                    gap: spacing.r8,
+                                                    children: [
+                                                        /*#__PURE__*/ jsx(Toggle, {
+                                                            id: "legalHoldToggle",
+                                                            disabled: isUpdatingLegalHold,
+                                                            toggle: isLegalHoldEnabled,
+                                                            label: isLegalHoldEnabled ? "Active" : "Inactive",
+                                                            onChange: handleLegalHoldChange
+                                                        }),
+                                                        isLegalHoldEnabled && /*#__PURE__*/ jsx(Icon, {
+                                                            name: "Rebalance"
+                                                        })
+                                                    ]
+                                                }) : "N/A"
+                                            })
+                                        ]
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+        })
+    });
+};
+export { ObjectSummary };

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

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

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

@@ -0,0 +1,272 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { Icon, Loader, Text, spacing, useToast } from "@scality/core-ui";
+import { Box, Button, Input } from "@scality/core-ui/dist/next";
+import { Controller, useFieldArray, useForm } from "react-hook-form";
+import { useQueryClient } from "@tanstack/react-query";
+import { useDeleteObjectTagging, useObjectTagging, useSetObjectTagging } from "../../../hooks/index.js";
+import { ArrayFieldActions } from "../../ui/ArrayFieldActions.js";
+import { convertSizeToRem } from "@scality/core-ui/dist/components/inputv2/inputv2";
+const MAX_TAGS_PER_OBJECT = 10;
+const MAX_TAG_KEY_LENGTH = 128;
+const MAX_TAG_VALUE_LENGTH = 256;
+const ObjectTags = ({ bucketName, objectKey, versionId })=>{
+    const getVersionParams = ()=>versionId ? {
+            VersionId: versionId
+        } : {};
+    const { data: tagsData, status: tagsStatus } = useObjectTagging({
+        Bucket: bucketName,
+        Key: objectKey,
+        ...getVersionParams()
+    });
+    const setTaggingMutation = useSetObjectTagging();
+    const deleteTaggingMutation = useDeleteObjectTagging();
+    const { showToast } = useToast();
+    const queryClient = useQueryClient();
+    const [isInitialized, setIsInitialized] = useState(false);
+    const { control, handleSubmit, setValue, watch, formState: { errors, isValid, isSubmitting } } = useForm({
+        mode: "onChange",
+        defaultValues: {
+            tags: []
+        }
+    });
+    const { fields, append, remove } = useFieldArray({
+        control,
+        name: "tags"
+    });
+    useEffect(()=>{
+        setIsInitialized(false);
+        setTaggingMutation.reset();
+        deleteTaggingMutation.reset();
+    }, [
+        bucketName,
+        objectKey,
+        versionId
+    ]);
+    useEffect(()=>{
+        if (tagsData && "success" === tagsStatus && !isInitialized) {
+            const tags = tagsData.TagSet || [];
+            const rows = tags.map((tag)=>({
+                    key: tag.Key || "",
+                    value: tag.Value || ""
+                }));
+            if (0 === rows.length) rows.push({
+                key: "",
+                value: ""
+            });
+            setValue("tags", rows);
+            setIsInitialized(true);
+        }
+    }, [
+        tagsData,
+        tagsStatus,
+        setValue,
+        isInitialized
+    ]);
+    const onSubmit = async (data)=>{
+        try {
+            const validTags = data.tags.filter((tag)=>tag.key.trim() && tag.value.trim());
+            if (0 === validTags.length) await deleteTaggingMutation.mutateAsync({
+                Bucket: bucketName,
+                Key: objectKey,
+                ...getVersionParams()
+            });
+            else await setTaggingMutation.mutateAsync({
+                Bucket: bucketName,
+                Key: objectKey,
+                ...getVersionParams(),
+                Tagging: {
+                    TagSet: validTags.map((row)=>({
+                            Key: row.key.trim(),
+                            Value: row.value.trim()
+                        }))
+                }
+            });
+            await queryClient.invalidateQueries({
+                queryKey: [
+                    "GetObjectTagging",
+                    {
+                        Bucket: bucketName,
+                        Key: objectKey,
+                        ...getVersionParams()
+                    }
+                ]
+            });
+            showToast({
+                open: true,
+                message: "Tags saved successfully",
+                status: "success"
+            });
+        } catch (error) {
+            const errorMessage = error instanceof Error ? error.message : "Failed to save tags";
+            showToast({
+                open: true,
+                message: errorMessage,
+                status: "error"
+            });
+        }
+    };
+    if ("pending" === tagsStatus) return /*#__PURE__*/ jsx(Box, {
+        display: "flex",
+        justifyContent: "center",
+        padding: spacing.r32,
+        children: /*#__PURE__*/ jsx(Loader, {})
+    });
+    if ("error" === tagsStatus) return /*#__PURE__*/ jsx(Box, {
+        padding: spacing.r16,
+        children: /*#__PURE__*/ jsx(Text, {
+            color: "statusCritical",
+            children: "Error loading tags"
+        })
+    });
+    return /*#__PURE__*/ jsx(Box, {
+        children: /*#__PURE__*/ jsxs("form", {
+            onSubmit: handleSubmit(onSubmit),
+            children: [
+                /*#__PURE__*/ jsxs(Box, {
+                    display: "flex",
+                    justifyContent: "space-between",
+                    alignItems: "center",
+                    padding: spacing.r16,
+                    borderBottom: "1px solid",
+                    borderColor: "backgroundLevel3",
+                    children: [
+                        /*#__PURE__*/ jsx(Text, {
+                            isEmphazed: true,
+                            children: "Edit Tags"
+                        }),
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "primary",
+                            label: "Save",
+                            disabled: !isValid || isSubmitting,
+                            type: "submit",
+                            icon: /*#__PURE__*/ jsx(Icon, {
+                                name: "Save"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs(Box, {
+                    padding: spacing.r16,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: spacing.r12,
+                    children: [
+                        /*#__PURE__*/ jsxs(Box, {
+                            display: "flex",
+                            gap: spacing.r8,
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    flex: "1",
+                                    children: /*#__PURE__*/ jsx(Text, {
+                                        color: "textSecondary",
+                                        isEmphazed: true,
+                                        children: "Key"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Box, {
+                                    flex: "1",
+                                    children: /*#__PURE__*/ jsx(Text, {
+                                        color: "textSecondary",
+                                        isEmphazed: true,
+                                        children: "Value"
+                                    })
+                                }),
+                                /*#__PURE__*/ jsx(Box, {
+                                    width: convertSizeToRem("1/3")
+                                })
+                            ]
+                        }),
+                        fields.map((field, index)=>/*#__PURE__*/ jsxs(Box, {
+                                children: [
+                                    /*#__PURE__*/ jsxs(Box, {
+                                        display: "flex",
+                                        gap: spacing.r8,
+                                        alignItems: "center",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Controller, {
+                                                control: control,
+                                                name: `tags.${index}.key`,
+                                                rules: {
+                                                    validate: (value, formValues)=>{
+                                                        if (1 === formValues.tags.length && !value.trim() && !formValues.tags[0].value.trim()) return true;
+                                                        if (!value.trim()) return "Key cannot be empty or whitespace only";
+                                                        if (value.length > MAX_TAG_KEY_LENGTH) return `Key must be ${MAX_TAG_KEY_LENGTH} characters or less`;
+                                                        const keys = formValues.tags.map((t)=>t.key.trim());
+                                                        const duplicates = keys.filter((k)=>k === value.trim());
+                                                        return duplicates.length > 1 ? `Duplicate key "${value.trim()}"` : true;
+                                                    }
+                                                },
+                                                render: ({ field: { onChange, value } })=>/*#__PURE__*/ jsx(Input, {
+                                                        id: `key-${field.id}`,
+                                                        value: value,
+                                                        onChange: onChange,
+                                                        placeholder: "Key",
+                                                        "aria-label": `Tag ${index + 1} key`
+                                                    })
+                                            }),
+                                            /*#__PURE__*/ jsx(Text, {
+                                                color: "textSecondary",
+                                                children: ":"
+                                            }),
+                                            /*#__PURE__*/ jsx(Controller, {
+                                                control: control,
+                                                name: `tags.${index}.value`,
+                                                rules: {
+                                                    validate: (value, formValues)=>{
+                                                        if (1 === formValues.tags.length && !value.trim() && !formValues.tags[0].key.trim()) return true;
+                                                        if (!value.trim()) return "Value cannot be empty or whitespace only";
+                                                        if (value.length > MAX_TAG_VALUE_LENGTH) return `Value must be ${MAX_TAG_VALUE_LENGTH} characters or less`;
+                                                        return true;
+                                                    }
+                                                },
+                                                render: ({ field: { onChange, value } })=>/*#__PURE__*/ jsx(Input, {
+                                                        id: `value-${field.id}`,
+                                                        value: value,
+                                                        onChange: onChange,
+                                                        placeholder: "Value",
+                                                        "aria-label": `Tag ${index + 1} value`
+                                                    })
+                                            }),
+                                            /*#__PURE__*/ jsx(ArrayFieldActions, {
+                                                showAdd: index === fields.length - 1,
+                                                onRemove: ()=>{
+                                                    remove(index);
+                                                    if (1 === fields.length) append({
+                                                        key: "",
+                                                        value: ""
+                                                    });
+                                                },
+                                                onAdd: ()=>append({
+                                                        key: "",
+                                                        value: ""
+                                                    }),
+                                                canRemove: true,
+                                                canAdd: fields.length < MAX_TAGS_PER_OBJECT && !!watch(`tags.${index}.key`) && !!watch(`tags.${index}.value`),
+                                                removeLabel: "Remove tag",
+                                                addLabel: "Add tag"
+                                            })
+                                        ]
+                                    }),
+                                    (errors.tags?.[index]?.key || errors.tags?.[index]?.value) && /*#__PURE__*/ jsxs(Box, {
+                                        paddingTop: spacing.r4,
+                                        children: [
+                                            errors.tags?.[index]?.key && /*#__PURE__*/ jsx(Text, {
+                                                color: "statusCritical",
+                                                children: errors.tags[index]?.key?.message
+                                            }),
+                                            errors.tags?.[index]?.value && /*#__PURE__*/ jsx(Text, {
+                                                color: "statusCritical",
+                                                children: errors.tags[index]?.value?.message
+                                            })
+                                        ]
+                                    })
+                                ]
+                            }, field.id))
+                    ]
+                })
+            ]
+        })
+    });
+};
+export { ObjectTags };

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

@@ -0,0 +1,9 @@
+import { TableItem } from "../ObjectList";
+export interface ObjectCommonProps {
+    bucketName: string;
+    objectKey: string;
+    versionId?: string;
+}
+export declare const ObjectDetails: ({ item }: {
+    item: TableItem | null;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,75 @@
+import { jsx } from "react/jsx-runtime";
+import { useParams } from "react-router-dom";
+import { Text, spacing } from "@scality/core-ui";
+import { Box, Tabs } from "@scality/core-ui/dist/next";
+import { ObjectSummary } from "./ObjectSummary.js";
+import { ObjectMetadata } from "./ObjectMetadata.js";
+import { ObjectTags } from "./ObjectTags.js";
+const ObjectDetails = ({ item })=>{
+    const { bucketName } = useParams();
+    const mainTabs = [
+        {
+            label: "Summary",
+            query: ""
+        },
+        {
+            label: "Metadata",
+            query: "metadata"
+        },
+        {
+            label: "Tags",
+            query: "tags"
+        }
+    ];
+    const getPlaceholderMessage = ()=>{
+        if (!bucketName || !item || !item.Key) return /*#__PURE__*/ jsx(Text, {
+            children: "Select an object to view details"
+        });
+        if ("deleteMarker" === item.type) return /*#__PURE__*/ jsx(Text, {
+            children: 'A "Delete Marker" is selected'
+        });
+        if ("folder" === item.type) return /*#__PURE__*/ jsx(Text, {
+            children: 'A "Folder" is selected'
+        });
+        return /*#__PURE__*/ jsx(Text, {
+            children: "Select an object to view details"
+        });
+    };
+    if (!bucketName || !item || !item.Key || "deleteMarker" === item.type || "folder" === item.type) {
+        const placeholderMessage = getPlaceholderMessage();
+        return /*#__PURE__*/ jsx(Tabs, {
+            children: mainTabs.map((tab)=>/*#__PURE__*/ jsx(Tabs.Tab, {
+                    label: tab.label,
+                    path: "",
+                    query: {
+                        tab: tab.query
+                    },
+                    children: /*#__PURE__*/ jsx(Box, {
+                        padding: spacing.r16,
+                        display: "flex",
+                        justifyContent: "center",
+                        children: placeholderMessage
+                    })
+                }, tab.query || "summary"))
+        });
+    }
+    const versionId = "version" === item.type ? item.VersionId : void 0;
+    return /*#__PURE__*/ jsx(Tabs, {
+        children: mainTabs.map((tab)=>{
+            const Component = "Summary" === tab.label ? ObjectSummary : "Metadata" === tab.label ? ObjectMetadata : ObjectTags;
+            return /*#__PURE__*/ jsx(Tabs.Tab, {
+                label: tab.label,
+                path: "",
+                query: {
+                    tab: tab.query
+                },
+                children: /*#__PURE__*/ jsx(Component, {
+                    bucketName: bucketName,
+                    objectKey: item.Key,
+                    versionId: versionId
+                })
+            }, tab.query || "summary");
+        })
+    });
+};
+export { ObjectDetails };

package/dist/components/objects/ObjectList.d.ts

@@ -0,0 +1,40 @@
+import type { _Object, DeleteMarkerEntry, ObjectVersion } from "@aws-sdk/client-s3";
+type FolderItem = {
+    Key: string;
+    displayName: string;
+    type: "folder";
+    LastModified?: undefined;
+    Size?: undefined;
+    StorageClass?: undefined;
+    VersionId?: undefined;
+    IsLatest?: undefined;
+};
+type ObjectItem = _Object & {
+    displayName: string;
+    type: "object";
+    IsLatest?: boolean;
+    VersionId?: string;
+};
+type VersionItem = ObjectVersion & {
+    displayName: string;
+    type: "version";
+    IsLatest?: boolean;
+};
+type DeleteMarkerItem = DeleteMarkerEntry & {
+    displayName: string;
+    type: "deleteMarker";
+    isDeleteMarker: true;
+    IsLatest?: boolean;
+    Size?: number;
+};
+export type TableItem = (FolderItem | ObjectItem | VersionItem | DeleteMarkerItem) & {
+    [key: string]: unknown;
+};
+interface ObjectListProps {
+    bucketName: string;
+    prefix: string;
+    onObjectSelect: (object: TableItem) => void;
+    onPrefixChange: (newPrefix: string) => void;
+}
+export declare const ObjectList: ({ bucketName, prefix, onObjectSelect, onPrefixChange, }: ObjectListProps) => import("react/jsx-runtime").JSX.Element;
+export {};