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

package/dist/components/buckets/notifications/events.js

@@ -1,27 +1,109 @@
 const objectCreationEvents = {
-    label: "Object creation",
+    label: 'Object Creation',
     events: [
-        "s3:ObjectCreated:*",
-        "s3:ObjectCreated:Put",
-        "s3:ObjectCreated:Copy",
-        "s3:ObjectCreated:CompleteMultipartUpload"
+        's3:ObjectCreated:*',
+        's3:ObjectCreated:Put',
+        's3:ObjectCreated:Post',
+        's3:ObjectCreated:Copy',
+        's3:ObjectCreated:CompleteMultipartUpload'
     ]
 };
 const objectDeletionEvents = {
-    label: "Object deletion",
+    label: 'Object Deletion',
     events: [
-        "s3:ObjectRemoved:*",
-        "s3:ObjectRemoved:Delete",
-        "s3:ObjectRemoved:DeleteMarkerCreated"
+        's3:ObjectRemoved:*',
+        's3:ObjectRemoved:Delete',
+        's3:ObjectRemoved:DeleteMarkerCreated'
     ]
 };
-const othersEvents = {
-    label: "Others",
+const objectRestorationEvents = {
+    label: 'Object Restoration',
     events: [
-        "s3:Replication:OperationFailedReplication",
-        "s3:LifecycleExpiration:*",
-        "s3:LifecycleExpiration:DeleteMarkerCreated",
-        "s3:LifecycleExpiration:Delete"
+        's3:ObjectRestore:*',
+        's3:ObjectRestore:Post',
+        's3:ObjectRestore:Completed',
+        's3:ObjectRestore:Delete'
     ]
 };
-export { objectCreationEvents, objectDeletionEvents, othersEvents };
+const lifecycleEvents = {
+    label: 'Lifecycle',
+    events: [
+        's3:LifecycleExpiration:*',
+        's3:LifecycleExpiration:Delete',
+        's3:LifecycleExpiration:DeleteMarkerCreated',
+        's3:LifecycleTransition'
+    ]
+};
+const replicationEvents = {
+    label: 'Replication',
+    events: [
+        's3:Replication:*',
+        's3:Replication:OperationFailedReplication',
+        's3:Replication:OperationMissedThreshold',
+        's3:Replication:OperationReplicatedAfterThreshold',
+        's3:Replication:OperationNotTracked'
+    ]
+};
+const objectTaggingEvents = {
+    label: 'Object Tagging',
+    events: [
+        's3:ObjectTagging:*',
+        's3:ObjectTagging:Put',
+        's3:ObjectTagging:Delete'
+    ]
+};
+const storageAccessEvents = {
+    label: 'Storage & Access',
+    events: [
+        's3:ReducedRedundancyLostObject',
+        's3:IntelligentTiering',
+        's3:ObjectAcl:Put'
+    ]
+};
+const testingEvents = {
+    label: 'Testing',
+    events: [
+        's3:TestEvent'
+    ]
+};
+function filterSupportedEvents(events, supportedEvents) {
+    if (!supportedEvents || 0 === supportedEvents.length) return events;
+    return events.filter((event)=>supportedEvents.includes(event));
+}
+function getFilteredEventGroups(supportedEvents) {
+    return {
+        objectCreation: {
+            label: objectCreationEvents.label,
+            events: filterSupportedEvents(objectCreationEvents.events, supportedEvents)
+        },
+        objectDeletion: {
+            label: objectDeletionEvents.label,
+            events: filterSupportedEvents(objectDeletionEvents.events, supportedEvents)
+        },
+        objectRestoration: {
+            label: objectRestorationEvents.label,
+            events: filterSupportedEvents(objectRestorationEvents.events, supportedEvents)
+        },
+        lifecycle: {
+            label: lifecycleEvents.label,
+            events: filterSupportedEvents(lifecycleEvents.events, supportedEvents)
+        },
+        replication: {
+            label: replicationEvents.label,
+            events: filterSupportedEvents(replicationEvents.events, supportedEvents)
+        },
+        objectTagging: {
+            label: objectTaggingEvents.label,
+            events: filterSupportedEvents(objectTaggingEvents.events, supportedEvents)
+        },
+        storageAccess: {
+            label: storageAccessEvents.label,
+            events: filterSupportedEvents(storageAccessEvents.events, supportedEvents)
+        },
+        testing: {
+            label: testingEvents.label,
+            events: filterSupportedEvents(testingEvents.events, supportedEvents)
+        }
+    };
+}
+export { filterSupportedEvents, getFilteredEventGroups, lifecycleEvents, objectCreationEvents, objectDeletionEvents, objectRestorationEvents, objectTaggingEvents, replicationEvents, storageAccessEvents, testingEvents };

package/dist/components/index.d.ts

@@ -1,20 +1,27 @@
-export { DeleteBucketButton } from "./buckets/DeleteBucketButton";
-export { BucketList } from "./buckets/BucketList";
-export { BucketOverview, BucketOverviewSection, BucketOverviewField, } from "./buckets/BucketOverview";
-export { BucketPage } from "./buckets/BucketPage";
-export { BucketPolicyPage } from "./buckets/BucketPolicyPage";
-export { BucketLifecycleFormPage } from "./buckets/BucketLifecycleFormPage";
-export { BucketReplicationFormPage } from "./buckets/BucketReplicationFormPage";
-export { BucketNotificationCreatePage } from "./buckets/notifications/BucketNotificationCreatePage";
-export { EmptyBucketButton } from "./buckets/EmptyBucketButton";
-export { BucketCreate, baseBucketCreateSchema, bucketNameValidationSchema, bucketErrorMessage, type BucketCreateFormData, } from "./buckets/BucketCreate";
-export { UploadButton } from "./objects/UploadButton";
-export { CreateFolderButton } from "./objects/CreateFolderButton";
-export { ObjectDetails } from "./objects/ObjectDetails";
-export { ObjectList } from "./objects/ObjectList";
-export { ObjectPage } from "./objects/ObjectPage";
-export { ObjectLockSettings } from "./objects/ObjectLock/ObjectLockSettings";
-export { EditRetentionButton } from "./objects/ObjectLock/EditRetentionButton";
-export { MetadataSearch } from "./search/MetadataSearch";
-export { ArrayFieldActions } from "./ui/ArrayFieldActions";
-export { DataBrowserProvider, useDataBrowserContext, useDataBrowserTheme, } from "./providers/DataBrowserProvider";
+export { useDataBrowserNavigate } from '../hooks/useDataBrowserNavigate';
+export { Breadcrumb, type BreadcrumbItem, DataBrowserBreadcrumb, useBreadcrumbPaths, } from './breadcrumb';
+export { BucketAccessor } from './buckets/BucketAccessor';
+export { BucketCorsPage } from './buckets/BucketCorsPage';
+export { BucketCreate, type BucketCreateFormData, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, } from './buckets/BucketCreate';
+export { BucketLifecycleFormPage } from './buckets/BucketLifecycleFormPage';
+export { BucketList } from './buckets/BucketList';
+export { BucketOverview, BucketOverviewField, BucketOverviewSection, useBucketOverviewContext, } from './buckets/BucketOverview';
+export { BucketPage } from './buckets/BucketPage';
+export { BucketPolicyPage } from './buckets/BucketPolicyPage';
+export { BucketReplicationFormPage } from './buckets/BucketReplicationFormPage';
+export { BucketVersioning } from './buckets/BucketVersioning';
+export { DeleteBucketButton } from './buckets/DeleteBucketButton';
+export { EmptyBucketButton } from './buckets/EmptyBucketButton';
+export { BucketNotificationFormPage } from './buckets/notifications/BucketNotificationFormPage';
+export { DataBrowserUI } from './DataBrowserUI';
+export { CreateFolderButton } from './objects/CreateFolderButton';
+export { ObjectDetails } from './objects/ObjectDetails';
+export { ObjectList, type TableItem } from './objects/ObjectList';
+export { EditRetentionButton } from './objects/ObjectLock/EditRetentionButton';
+export { ObjectLockSettings } from './objects/ObjectLock/ObjectLockSettings';
+export { ObjectPage } from './objects/ObjectPage';
+export { UploadButton } from './objects/UploadButton';
+export { DataBrowserProvider, useDataBrowserConfig, useDataBrowserContext, useInvalidateQueries, } from './providers/DataBrowserProvider';
+export { QueryProvider } from './providers/QueryProvider';
+export { MetadataSearch } from './search/MetadataSearch';
+export { ArrayFieldActions } from './ui/ArrayFieldActions';

package/dist/components/index.js

@@ -1,21 +1,28 @@
-import { DeleteBucketButton } from "./buckets/DeleteBucketButton.js";
+import { useDataBrowserNavigate } from "../hooks/useDataBrowserNavigate.js";
+import { Breadcrumb, DataBrowserBreadcrumb, useBreadcrumbPaths } from "./breadcrumb/index.js";
+import { BucketAccessor } from "./buckets/BucketAccessor.js";
+import { BucketCorsPage } from "./buckets/BucketCorsPage.js";
+import { BucketCreate, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema } from "./buckets/BucketCreate.js";
+import { BucketLifecycleFormPage } from "./buckets/BucketLifecycleFormPage.js";
 import { BucketList } from "./buckets/BucketList.js";
-import { BucketOverview, BucketOverviewField, BucketOverviewSection } from "./buckets/BucketOverview.js";
+import { BucketOverview, BucketOverviewField, BucketOverviewSection, useBucketOverviewContext } from "./buckets/BucketOverview.js";
 import { BucketPage } from "./buckets/BucketPage.js";
 import { BucketPolicyPage } from "./buckets/BucketPolicyPage.js";
-import { BucketLifecycleFormPage } from "./buckets/BucketLifecycleFormPage.js";
 import { BucketReplicationFormPage } from "./buckets/BucketReplicationFormPage.js";
-import { BucketNotificationCreatePage } from "./buckets/notifications/BucketNotificationCreatePage.js";
+import { BucketVersioning } from "./buckets/BucketVersioning.js";
+import { DeleteBucketButton } from "./buckets/DeleteBucketButton.js";
 import { EmptyBucketButton } from "./buckets/EmptyBucketButton.js";
-import { BucketCreate, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema } from "./buckets/BucketCreate.js";
-import { UploadButton } from "./objects/UploadButton.js";
+import { BucketNotificationFormPage } from "./buckets/notifications/BucketNotificationFormPage.js";
+import { DataBrowserUI } from "./DataBrowserUI.js";
 import { CreateFolderButton } from "./objects/CreateFolderButton.js";
 import { ObjectDetails } from "./objects/ObjectDetails/index.js";
 import { ObjectList } from "./objects/ObjectList.js";
-import { ObjectPage } from "./objects/ObjectPage.js";
-import { ObjectLockSettings } from "./objects/ObjectLock/ObjectLockSettings.js";
 import { EditRetentionButton } from "./objects/ObjectLock/EditRetentionButton.js";
+import { ObjectLockSettings } from "./objects/ObjectLock/ObjectLockSettings.js";
+import { ObjectPage } from "./objects/ObjectPage.js";
+import { UploadButton } from "./objects/UploadButton.js";
+import { DataBrowserProvider, useDataBrowserConfig, useDataBrowserContext, useInvalidateQueries } from "./providers/DataBrowserProvider.js";
+import { QueryProvider } from "./providers/QueryProvider.js";
 import { MetadataSearch } from "./search/MetadataSearch.js";
 import { ArrayFieldActions } from "./ui/ArrayFieldActions.js";
-import { DataBrowserProvider, useDataBrowserContext, useDataBrowserTheme } from "./providers/DataBrowserProvider.js";
-export { ArrayFieldActions, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationCreatePage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, CreateFolderButton, DataBrowserProvider, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useDataBrowserContext, useDataBrowserTheme };
+export { ArrayFieldActions, Breadcrumb, BucketAccessor, BucketCorsPage, BucketCreate, BucketLifecycleFormPage, BucketList, BucketNotificationFormPage, BucketOverview, BucketOverviewField, BucketOverviewSection, BucketPage, BucketPolicyPage, BucketReplicationFormPage, BucketVersioning, CreateFolderButton, DataBrowserBreadcrumb, DataBrowserProvider, DataBrowserUI, DeleteBucketButton, EditRetentionButton, EmptyBucketButton, MetadataSearch, ObjectDetails, ObjectList, ObjectLockSettings, ObjectPage, QueryProvider, UploadButton, baseBucketCreateSchema, bucketErrorMessage, bucketNameValidationSchema, useBreadcrumbPaths, useBucketOverviewContext, useDataBrowserConfig, useDataBrowserContext, useDataBrowserNavigate, useInvalidateQueries };

package/dist/components/layouts/ArrowNavigation.d.ts

@@ -0,0 +1,3 @@
+export default function ArrowNavigation({ path }: {
+    path: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layouts/ArrowNavigation.js

@@ -0,0 +1,28 @@
+import { jsx } from "react/jsx-runtime";
+import { Icon } from "@scality/core-ui";
+import styled_components from "styled-components";
+import { useDataBrowserNavigate } from "../../hooks/useDataBrowserNavigate.js";
+const IconWrapper = styled_components.div`
+  display: inline-block;
+  cursor: pointer;
+
+  svg {
+    color: ${(props)=>props.theme.textPrimary};
+    transition: color 0.2s ease;
+  }
+
+  &:hover svg {
+    color: ${(props)=>props.theme.textSecondary};
+  }
+`;
+function ArrowNavigation({ path }) {
+    const navigate = useDataBrowserNavigate();
+    return /*#__PURE__*/ jsx(IconWrapper, {
+        onClick: ()=>navigate(path),
+        children: /*#__PURE__*/ jsx(Icon, {
+            name: "Arrow-left",
+            size: '2x'
+        })
+    });
+}
+export { ArrowNavigation as default };

package/dist/components/layouts/BrowserPageLayout.d.ts

@@ -1,9 +1,13 @@
-import React from "react";
+import type { IconName } from '@scality/core-ui/dist/components/icon/Icon.component';
+import type React from 'react';
 export declare const HeadTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
 interface BrowserPageLayoutProps {
     title: React.ReactNode;
     leftPanel: React.ReactNode;
     rightPanel: React.ReactNode;
+    iconName?: IconName;
+    withArrowNavigation?: boolean;
+    arrowNavigationPath?: string;
 }
 export declare const BrowserPageLayout: React.FC<BrowserPageLayoutProps>;
 export {};

package/dist/components/layouts/BrowserPageLayout.js

@@ -1,21 +1,26 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { AppContainer, Icon, Stack, TwoPanelLayout } from "@scality/core-ui";
 import { fontSize } from "@scality/core-ui/dist/style/theme";
-import "react";
 import styled_components from "styled-components";
+import ArrowNavigation from "./ArrowNavigation.js";
 const HeadTitle = styled_components.div`
   display: flex;
-  color: ${(props)=>props.theme.textSecondary};
+  color: ${(props)=>props.theme.textPrimary};
   font-size: ${fontSize.large};
   align-items: center;
 `;
-const BrowserPageLayout = ({ title, leftPanel, rightPanel })=>/*#__PURE__*/ jsxs(AppContainer, {
+const DEFAULT_HEADER_ICON = 'Buckets';
+const BrowserPageLayout = ({ title, leftPanel, rightPanel, iconName = DEFAULT_HEADER_ICON, withArrowNavigation = false, arrowNavigationPath })=>/*#__PURE__*/ jsxs(AppContainer, {
         children: [
             /*#__PURE__*/ jsx(AppContainer.OverallSummary, {
                 children: /*#__PURE__*/ jsxs(Stack, {
+                    gap: "r20",
                     children: [
+                        withArrowNavigation && arrowNavigationPath && /*#__PURE__*/ jsx(ArrowNavigation, {
+                            path: arrowNavigationPath
+                        }),
                         /*#__PURE__*/ jsx(Icon, {
-                            name: "Account",
+                            name: iconName,
                             size: "2x",
                             withWrapper: true
                         }),
@@ -28,7 +33,7 @@ const BrowserPageLayout = ({ title, leftPanel, rightPanel })=>/*#__PURE__*/ jsxs
             /*#__PURE__*/ jsx(AppContainer.MainContent, {
                 background: "backgroundLevel1",
                 children: /*#__PURE__*/ jsx(TwoPanelLayout, {
-                    panelsRatio: "65-35",
+                    panelsRatio: '65-35',
                     leftPanel: {
                         children: /*#__PURE__*/ jsx(Fragment, {
                             children: leftPanel

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

@@ -1,4 +1,4 @@
-import React from "react";
+import type React from 'react';
 interface CreateFolderButtonProps {
     /**
      * The S3 bucket name where folder will be created
@@ -15,7 +15,7 @@ interface CreateFolderButtonProps {
     /**
      * Button variant
      */
-    variant?: "primary" | "secondary" | "outline";
+    variant?: 'primary' | 'secondary' | 'outline';
     /**
      * Called when folder creation is successful
      */

package/dist/components/objects/CreateFolderButton.js

@@ -1,22 +1,22 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from "react";
 import { Icon, InfoMessage, Modal, Stack, Wrap, spacing } from "@scality/core-ui";
 import { Button, Input } from "@scality/core-ui/dist/next";
-import { useCreateFolder } from "../../hooks/index.js";
+import { useCallback, useState } from "react";
 import styled_components from "styled-components";
+import { useCreateFolder } from "../../hooks/index.js";
 const Description = styled_components.div`
   margin-top: ${spacing.r16};
   width: 20.5rem;
 `;
-const CreateFolderButton = ({ bucket, prefix = "", label = "Folder", variant = "secondary", onFolderSuccess, onFolderError })=>{
+const CreateFolderButton = ({ bucket, prefix = '', label = 'Folder', variant = 'secondary', onFolderSuccess, onFolderError })=>{
     const [isModalOpen, setIsModalOpen] = useState(false);
-    const [folderName, setFolderName] = useState("");
+    const [folderName, setFolderName] = useState('');
     const createFolderMutation = useCreateFolder();
     const openModal = useCallback(()=>{
         setIsModalOpen(true);
     }, []);
     const closeModal = useCallback(()=>{
-        setFolderName("");
+        setFolderName('');
         setIsModalOpen(false);
     }, []);
     const handleSave = useCallback(()=>{
@@ -25,11 +25,11 @@ const CreateFolderButton = ({ bucket, prefix = "", label = "Folder", variant = "
         createFolderMutation.mutate({
             Bucket: bucket,
             Key: folderKey,
-            Body: ""
+            Body: ''
         }, {
             onSuccess: ()=>{
                 onFolderSuccess?.(folderName);
-                setFolderName("");
+                setFolderName('');
                 setIsModalOpen(false);
             },
             onError: (error)=>{
@@ -47,8 +47,8 @@ const CreateFolderButton = ({ bucket, prefix = "", label = "Folder", variant = "
     const handleChange = useCallback((e)=>{
         setFolderName(e.target.value);
     }, []);
-    const hasInvalidFormat = folderName.startsWith("/");
-    const isEmpty = "" === folderName.trim();
+    const hasInvalidFormat = folderName.startsWith('/');
+    const isEmpty = '' === folderName.trim();
     const isLoading = createFolderMutation.isPending;
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
@@ -75,11 +75,11 @@ const CreateFolderButton = ({ bucket, prefix = "", label = "Folder", variant = "
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
                                     disabled: isLoading || isEmpty || hasInvalidFormat,
-                                    variant: "secondary",
+                                    variant: "primary",
                                     onClick: handleSave,
-                                    label: "Save",
+                                    label: 'Save',
                                     tooltip: hasInvalidFormat ? {
-                                        overlay: "The folder name is not valid."
+                                        overlay: 'The folder name is not valid.'
                                     } : void 0
                                 })
                             ]

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

@@ -1,4 +1,4 @@
-import { TableItem } from "./ObjectList";
+import type { TableItem } from './ObjectList';
 export type Objects = TableItem[];
 interface DeleteObjectButtonProps {
     objects: Objects;

package/dist/components/objects/DeleteObjectButton.js

@@ -1,41 +1,39 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useState } from "react";
 import { Banner, Icon, Modal, PrettyBytes, Stack, Text, Wrap, spacing, useToast } from "@scality/core-ui";
 import { Box, Button } from "@scality/core-ui/dist/next";
+import { useCallback, useEffect, useState } from "react";
 import { useDeleteObjects, useGetBucketVersioning } from "../../hooks/index.js";
 import { getDeletionMessages } from "../../utils/deletion/index.js";
 import { DeleteObjectModalContent } from "../ui/DeleteObjectModalContent.js";
 const Title = ({ objects, isCurrentSelectionPermanentlyDeleted })=>{
-    const foldersSize = objects.filter((object)=>"folder" === object.type).length;
+    const foldersSize = objects.filter((object)=>'folder' === object.type).length;
     const objectsSize = objects.length - foldersSize;
     if (0 === objects.length) return null;
     return /*#__PURE__*/ jsxs(Text, {
         children: [
-            "Do you want to",
-            " ",
+            "Do you want to ",
             /*#__PURE__*/ jsxs("strong", {
                 children: [
                     " ",
-                    isCurrentSelectionPermanentlyDeleted ? "permanently" : "",
+                    isCurrentSelectionPermanentlyDeleted ? 'permanently' : '',
                     " "
                 ]
             }),
-            " ",
-            "delete the selected",
-            " ",
+            " delete the selected",
+            ' ',
             objectsSize > 0 && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     objectsSize,
-                    " ",
-                    isCurrentSelectionPermanentlyDeleted ? `object version${objectsSize > 1 ? "s" : ""}` : `object${objectsSize > 1 ? "s" : ""}`,
-                    foldersSize > 0 && " and "
+                    ' ',
+                    isCurrentSelectionPermanentlyDeleted ? `object version${objectsSize > 1 ? 's' : ''}` : `object${objectsSize > 1 ? 's' : ''}`,
+                    foldersSize > 0 && ' and '
                 ]
             }),
             foldersSize > 0 && /*#__PURE__*/ jsxs(Fragment, {
                 children: [
                     foldersSize,
                     " folder",
-                    foldersSize > 1 ? "s" : ""
+                    foldersSize > 1 ? 's' : ''
                 ]
             }),
             "?"
@@ -50,7 +48,7 @@ const DeleteObjectButton = ({ objects, bucketName })=>{
     });
     const { mutate: deleteObjects, status: deleteObjectsStatus } = useDeleteObjects();
     const { showToast } = useToast();
-    const isVersioningEnabled = versioningData?.Status === "Enabled";
+    const isVersioningEnabled = versioningData?.Status === 'Enabled';
     const isCurrentSelectionPermanentlyDeleted = !isVersioningEnabled || selectedObjects.some((object)=>!!object.VersionId);
     const { info: notificationText } = getDeletionMessages({
         numberOfObjects: selectedObjects.length,
@@ -64,14 +62,14 @@ const DeleteObjectButton = ({ objects, bucketName })=>{
         setIsModalOpen(false);
     }, []);
     const deleteSelectedFiles = useCallback(()=>{
-        const objectsToDelete = selectedObjects.filter((object)=>"object" === object.type && object.Key).map((object)=>{
+        const objectsToDelete = selectedObjects.filter((object)=>'object' === object.type && object.Key).map((object)=>{
             const deleteItem = {
                 Key: object.Key
             };
-            if (object.VersionId && "string" == typeof object.VersionId) deleteItem.VersionId = object.VersionId;
+            if (object.VersionId && 'string' == typeof object.VersionId) deleteItem.VersionId = object.VersionId;
             return deleteItem;
         });
-        const foldersToDelete = selectedObjects.filter((object)=>"folder" === object.type && object.Key).map((object)=>({
+        const foldersToDelete = selectedObjects.filter((object)=>'folder' === object.type && object.Key).map((object)=>({
                 Key: object.Key
             }));
         deleteObjects({
@@ -86,16 +84,16 @@ const DeleteObjectButton = ({ objects, bucketName })=>{
             onSuccess: ()=>{
                 showToast({
                     open: true,
-                    message: "Objects deleted successfully",
-                    status: "success"
+                    message: 'Objects deleted successfully',
+                    status: 'success'
                 });
                 setIsModalOpen(false);
             },
             onError: (error)=>{
                 showToast({
                     open: true,
-                    message: error instanceof Error ? error.message : "Objects deleted failed",
-                    status: "error"
+                    message: error instanceof Error ? error.message : 'Objects deleted failed',
+                    status: 'error'
                 });
                 setIsModalOpen(false);
             }
@@ -138,7 +136,7 @@ const DeleteObjectButton = ({ objects, bucketName })=>{
                                     label: "Cancel"
                                 }),
                                 /*#__PURE__*/ jsx(Button, {
-                                    isLoading: "pending" === deleteObjectsStatus,
+                                    isLoading: 'pending' === deleteObjectsStatus,
                                     id: "object-delete-delete-button",
                                     variant: "danger",
                                     onClick: deleteSelectedFiles,

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

@@ -0,0 +1,7 @@
+interface GetPresignedUrlButtonProps {
+    bucketName: string;
+    objectKey: string;
+    versionId?: string;
+}
+export declare const GetPresignedUrlButton: ({ bucketName, objectKey, versionId }: GetPresignedUrlButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default GetPresignedUrlButton;