@scality/data-browser-library 1.1.11 → 1.1.12

package/dist/components/__tests__/BucketLifecycleFormPage.test.js

@@ -709,6 +709,110 @@ describe('BucketLifecycleFormPage', ()=>{
             });
         });
     });
+    describe('editing immediate transition rules (0 days)', ()=>{
+        it('preserves 0 days when editing a current version transition', async ()=>{
+            mockUseGetBucketLifecycle.mockReturnValue({
+                data: {
+                    Rules: [
+                        {
+                            ID: 'immediate-glacier',
+                            Status: 'Enabled',
+                            Filter: {},
+                            Transitions: [
+                                {
+                                    Days: 0,
+                                    StorageClass: 'GLACIER'
+                                }
+                            ]
+                        }
+                    ]
+                },
+                status: 'success'
+            });
+            renderBucketLifecycleFormPage('test-bucket', 'immediate-glacier');
+            await waitFor(()=>{
+                const transitionToggle = findToggleByLabel('Transition current version');
+                expect(transitionToggle).toBeChecked();
+                const daysInput = document.getElementById('transition-days-0');
+                expect(daysInput).toHaveValue(0);
+            });
+        });
+        it('preserves 0 days when editing a noncurrent version transition', async ()=>{
+            mockUseGetBucketLifecycle.mockReturnValue({
+                data: {
+                    Rules: [
+                        {
+                            ID: 'immediate-noncurrent',
+                            Status: 'Enabled',
+                            Filter: {},
+                            NoncurrentVersionTransitions: [
+                                {
+                                    NoncurrentDays: 0,
+                                    StorageClass: 'GLACIER'
+                                }
+                            ]
+                        }
+                    ]
+                },
+                status: 'success'
+            });
+            renderBucketLifecycleFormPage('test-bucket', 'immediate-noncurrent');
+            await waitFor(()=>{
+                const noncurrentToggle = findToggleByLabel('Transition noncurrent version');
+                expect(noncurrentToggle).toBeChecked();
+                const daysInput = document.getElementById('noncurrent-transition-days-0');
+                expect(daysInput).toHaveValue(0);
+            });
+        });
+        it('preserves 0 days when editing a current version expiration', async ()=>{
+            mockUseGetBucketLifecycle.mockReturnValue({
+                data: {
+                    Rules: [
+                        {
+                            ID: 'immediate-expire',
+                            Status: 'Enabled',
+                            Filter: {},
+                            Expiration: {
+                                Days: 0
+                            }
+                        }
+                    ]
+                },
+                status: 'success'
+            });
+            renderBucketLifecycleFormPage('test-bucket', 'immediate-expire');
+            await waitFor(()=>{
+                const expirationToggle = findToggleByLabel('Expiration current version');
+                expect(expirationToggle).toBeChecked();
+                const daysInput = screen.getByLabelText(/^days$/i);
+                expect(daysInput).toHaveValue(0);
+            });
+        });
+        it('preserves 0 days when editing a noncurrent version expiration', async ()=>{
+            mockUseGetBucketLifecycle.mockReturnValue({
+                data: {
+                    Rules: [
+                        {
+                            ID: 'immediate-noncurrent-expire',
+                            Status: 'Enabled',
+                            Filter: {},
+                            NoncurrentVersionExpiration: {
+                                NoncurrentDays: 0
+                            }
+                        }
+                    ]
+                },
+                status: 'success'
+            });
+            renderBucketLifecycleFormPage('test-bucket', 'immediate-noncurrent-expire');
+            await waitFor(()=>{
+                const noncurrentExpirationToggle = findToggleByLabel('Expiration noncurrent version');
+                expect(noncurrentExpirationToggle).toBeChecked();
+                const noncurrentDaysInput = screen.getByLabelText(/noncurrent days/i);
+                expect(noncurrentDaysInput).toHaveValue(0);
+            });
+        });
+    });
     describe('Transition Auto-Add in Create Mode', ()=>{
         it('auto-adds a transition row when enabling transitions', async ()=>{
             renderBucketLifecycleFormPage();

package/dist/components/__tests__/BucketLifecycleList.test.js

@@ -314,6 +314,84 @@ describe('BucketLifecycleList', ()=>{
         });
         expect(screen.getByText('Delete expired markers')).toBeInTheDocument();
     });
+    describe('immediate transition rules (0 days)', ()=>{
+        it("shows current version transition description for immediate transition", ()=>{
+            renderBucketLifecycleList({
+                lifecycleRules: [
+                    {
+                        ID: 'immediate-glacier',
+                        Status: 'Enabled',
+                        Transitions: [
+                            {
+                                Days: 0,
+                                StorageClass: 'GLACIER'
+                            }
+                        ]
+                    }
+                ]
+            });
+            expect(screen.getByText(/Transition current \(0 days\)/)).toBeInTheDocument();
+        });
+        it("shows noncurrent version transition description for immediate transition", ()=>{
+            renderBucketLifecycleList({
+                lifecycleRules: [
+                    {
+                        ID: 'immediate-noncurrent',
+                        Status: 'Enabled',
+                        NoncurrentVersionTransitions: [
+                            {
+                                NoncurrentDays: 0,
+                                StorageClass: 'GLACIER'
+                            }
+                        ]
+                    }
+                ]
+            });
+            expect(screen.getByText(/Transition noncurrent \(0 days\)/)).toBeInTheDocument();
+        });
+        it("shows expiration description for immediate expiration", ()=>{
+            renderBucketLifecycleList({
+                lifecycleRules: [
+                    {
+                        ID: 'immediate-expire',
+                        Status: 'Enabled',
+                        Expiration: {
+                            Days: 0
+                        }
+                    }
+                ]
+            });
+            expect(screen.getByText(/Expire current \(0 days\)/)).toBeInTheDocument();
+        });
+        it("shows noncurrent expiration description for immediate expiration", ()=>{
+            renderBucketLifecycleList({
+                lifecycleRules: [
+                    {
+                        ID: 'immediate-noncurrent-expire',
+                        Status: 'Enabled',
+                        NoncurrentVersionExpiration: {
+                            NoncurrentDays: 0
+                        }
+                    }
+                ]
+            });
+            expect(screen.getByText(/Expire noncurrent \(0 days\)/)).toBeInTheDocument();
+        });
+        it("shows abort MPU description for immediate abort", ()=>{
+            renderBucketLifecycleList({
+                lifecycleRules: [
+                    {
+                        ID: 'immediate-mpu',
+                        Status: 'Enabled',
+                        AbortIncompleteMultipartUpload: {
+                            DaysAfterInitiation: 0
+                        }
+                    }
+                ]
+            });
+            expect(screen.getByText(/Abort Incomplete MPU \(0 days\)/)).toBeInTheDocument();
+        });
+    });
     it('shows info icon for multiple actions', ()=>{
         renderBucketLifecycleList({
             lifecycleRules: mockLifecycleRules

package/dist/components/buckets/BucketLifecycleFormPage.js

@@ -226,13 +226,13 @@ const ruleToFormValues = (rule)=>{
         formValues.transitionsEnabled = true;
         formValues.transitions = rule.Transitions.map((t)=>({
                 timeType: void 0 !== t.Days ? 'days' : 'date',
-                days: t.Days || 30,
+                days: t.Days ?? 30,
                 date: t.Date ? new Date(t.Date).toISOString().split('T')[0] : '',
                 storageClass: t.StorageClass || 'GLACIER'
             }));
     }
     if (rule.Expiration) {
-        if (rule.Expiration.Days) {
+        if (null != rule.Expiration.Days) {
             formValues.expirationEnabled = true;
             formValues.expirationType = 'days';
             formValues.expirationDays = rule.Expiration.Days;
@@ -246,19 +246,19 @@ const ruleToFormValues = (rule)=>{
     if (rule.NoncurrentVersionTransitions && rule.NoncurrentVersionTransitions.length > 0) {
         formValues.noncurrentTransitionsEnabled = true;
         formValues.noncurrentTransitions = rule.NoncurrentVersionTransitions.map((t)=>({
-                noncurrentDays: t.NoncurrentDays || 30,
+                noncurrentDays: t.NoncurrentDays ?? 30,
                 storageClass: t.StorageClass || 'GLACIER',
                 newerNoncurrentVersions: t.NewerNoncurrentVersions || 0
             }));
     }
     if (rule.NoncurrentVersionExpiration) {
         formValues.noncurrentExpirationEnabled = true;
-        formValues.noncurrentExpirationDays = rule.NoncurrentVersionExpiration.NoncurrentDays || 30;
+        formValues.noncurrentExpirationDays = rule.NoncurrentVersionExpiration.NoncurrentDays ?? 30;
         formValues.noncurrentNewerVersions = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions || 0;
     }
     if (rule.AbortIncompleteMultipartUpload) {
         formValues.abortMpuEnabled = true;
-        formValues.abortMpuDays = rule.AbortIncompleteMultipartUpload.DaysAfterInitiation || 7;
+        formValues.abortMpuDays = rule.AbortIncompleteMultipartUpload.DaysAfterInitiation ?? 7;
     }
     return formValues;
 };

package/dist/components/buckets/BucketLifecycleList.js

@@ -9,7 +9,7 @@ const pluralizeDays = (days)=>1 === days ? `${days} day` : `${days} days`;
 const formatActions = (rule)=>{
     const actions = [];
     if (rule.Expiration) {
-        if (rule.Expiration.Days) actions.push({
+        if (null != rule.Expiration.Days) actions.push({
             text: `Expire current (${pluralizeDays(rule.Expiration.Days)})`,
             description: `Expire current versions of objects after ${pluralizeDays(rule.Expiration.Days)}`
         });
@@ -23,7 +23,7 @@ const formatActions = (rule)=>{
             description: 'Delete expired object delete markers'
         });
     }
-    if (rule.NoncurrentVersionExpiration?.NoncurrentDays) {
+    if (rule.NoncurrentVersionExpiration?.NoncurrentDays != null) {
         const keepText = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions}` : '';
         const keepDescription = rule.NoncurrentVersionExpiration.NewerNoncurrentVersions ? `, keep ${rule.NoncurrentVersionExpiration.NewerNoncurrentVersions} newest versions` : '';
         actions.push({
@@ -32,7 +32,7 @@ const formatActions = (rule)=>{
         });
     }
     if (rule.Transitions && rule.Transitions.length > 0) rule.Transitions.forEach((transition)=>{
-        if (transition.Days) actions.push({
+        if (null != transition.Days) actions.push({
             text: `Transition current (${pluralizeDays(transition.Days)})`,
             description: `Transition current versions of objects after ${pluralizeDays(transition.Days)}`
         });
@@ -43,7 +43,7 @@ const formatActions = (rule)=>{
         });
     });
     if (rule.NoncurrentVersionTransitions && rule.NoncurrentVersionTransitions.length > 0) rule.NoncurrentVersionTransitions.forEach((transition)=>{
-        if (transition.NoncurrentDays) {
+        if (null != transition.NoncurrentDays) {
             const keepText = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions}` : '';
             const keepDescription = transition.NewerNoncurrentVersions ? `, keep ${transition.NewerNoncurrentVersions} newest versions` : '';
             actions.push({
@@ -52,7 +52,7 @@ const formatActions = (rule)=>{
             });
         }
     });
-    if (rule.AbortIncompleteMultipartUpload?.DaysAfterInitiation) actions.push({
+    if (rule.AbortIncompleteMultipartUpload?.DaysAfterInitiation != null) actions.push({
         text: `Abort Incomplete MPU (${pluralizeDays(rule.AbortIncompleteMultipartUpload.DaysAfterInitiation)})`,
         description: `Abort incomplete multipart uploads after ${pluralizeDays(rule.AbortIncompleteMultipartUpload.DaysAfterInitiation)}`
     });

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

@@ -1,10 +1,11 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { ConstrainedText, FormattedDateTime, Icon, Loader, PrettyBytes, Text, Toggle, Tooltip, spacing, useToast } from "@scality/core-ui";
 import { CopyButton } from "@scality/core-ui/dist/components/buttonv2/CopyButton.component";
-import { Box } from "@scality/core-ui/dist/next";
+import { Box, Button } from "@scality/core-ui/dist/next";
 import { Fragment as external_react_Fragment, useCallback, useMemo } from "react";
 import { useDataBrowserUICustomization } from "../../../contexts/DataBrowserUICustomizationContext.js";
-import { useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectAcl, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useRestoreObject, useSetObjectAcl, useSetObjectLegalHold } from "../../../hooks/index.js";
+import { COLD_STORAGE_TOOLTIP, COLD_STORAGE_TOOLTIP_STYLE, parseRestoreStatus } from "../../../utils/coldStorage.js";
 import { useDataBrowserConfig } from "../../providers/DataBrowserProvider.js";
 import { Body, ExtraCell, Group, GroupContent, GroupName, GroupValues, Key, Row, Table, TableContainer, Value } from "../../ui/Table.elements.js";
 import { GetPresignedUrlButton } from "../GetPresignedUrlButton.js";
@@ -24,7 +25,7 @@ const buildPublicUrl = (endpoint, bucket, key, forcePathStyle)=>{
 };
 const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     const s3Config = useDataBrowserConfig();
-    const { extraObjectSummaryInformation, extraObjectSummaryDataProtection } = useDataBrowserUICustomization();
+    const { extraObjectSummaryInformation, extraObjectSummaryDataProtection, isLocationCold, coldStorageRestoreDays } = useDataBrowserUICustomization();
     const { data: metadata, status: metadataStatus } = useObjectMetadata({
         Bucket: bucketName,
         Key: objectKey,
@@ -48,6 +49,11 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
     });
     const { mutate: setLegalHold, isPending: isUpdatingLegalHold } = useSetObjectLegalHold();
     const { showToast } = useToast();
+    const storageClass = metadata?.StorageClass ?? 'STANDARD';
+    const isCold = isLocationCold?.(storageClass) ?? false;
+    const isColdMetadataLoading = isCold && 'pending' === metadataStatus;
+    const restoreStatus = isCold && 'success' === metadataStatus ? parseRestoreStatus(metadata?.Restore) : null;
+    const { mutate: restoreObject, isPending: isRestoring } = useRestoreObject();
     const { data: aclData, status: aclStatus } = useObjectAcl({
         Bucket: bucketName,
         Key: objectKey,
@@ -288,7 +294,7 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
                             children: "Location"
                         }),
                         /*#__PURE__*/ jsx(Value, {
-                            children: "default"
+                            children: 'pending' === metadataStatus ? /*#__PURE__*/ jsx(Loader, {}) : 'error' === metadataStatus ? 'Error' : metadata?.StorageClass !== 'STANDARD' && metadata?.StorageClass ? metadata.StorageClass : 'default'
                         })
                     ]
                 }, "location")
@@ -316,6 +322,99 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             if (defaultFields[fieldConfig.id]) defaultFields[fieldConfig.id] = fieldItem;
             else extraFields.push(fieldItem);
         });
+        const temperatureField = isCold && (restoreStatus || isColdMetadataLoading) ? {
+            id: 'temperature',
+            label: 'Temperature',
+            node: /*#__PURE__*/ jsxs(Row, {
+                children: [
+                    /*#__PURE__*/ jsx(Key, {
+                        children: "Temperature"
+                    }),
+                    /*#__PURE__*/ jsx(Value, {
+                        children: isColdMetadataLoading ? /*#__PURE__*/ jsx(Loader, {}) : restoreStatus ? /*#__PURE__*/ jsxs(GroupValues, {
+                            children: [
+                                /*#__PURE__*/ jsx(Box, {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: spacing.r8,
+                                    children: 'cold' === restoreStatus.status ? /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Icon, {
+                                                name: "Snowflake"
+                                            }),
+                                            /*#__PURE__*/ jsx(Text, {
+                                                children: "Cold"
+                                            }),
+                                            /*#__PURE__*/ jsx(Tooltip, {
+                                                overlay: COLD_STORAGE_TOOLTIP,
+                                                overlayStyle: COLD_STORAGE_TOOLTIP_STYLE,
+                                                children: /*#__PURE__*/ jsx(Icon, {
+                                                    name: "Info",
+                                                    color: "infoPrimary"
+                                                })
+                                            })
+                                        ]
+                                    }) : 'restoring' === restoreStatus.status ? /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            /*#__PURE__*/ jsx(Loader, {
+                                                size: "smaller"
+                                            }),
+                                            /*#__PURE__*/ jsx(Text, {
+                                                children: "Restoring..."
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ jsxs(Text, {
+                                        children: [
+                                            "Available until",
+                                            ' ',
+                                            restoreStatus.expiryDate ? /*#__PURE__*/ jsx(FormattedDateTime, {
+                                                format: "date-time-second",
+                                                value: restoreStatus.expiryDate
+                                            }) : 'N/A'
+                                        ]
+                                    })
+                                }),
+                                'cold' === restoreStatus.status && /*#__PURE__*/ jsx(Button, {
+                                    variant: "outline",
+                                    label: "Restore",
+                                    icon: /*#__PURE__*/ jsx(Icon, {
+                                        name: "Redo"
+                                    }),
+                                    disabled: isRestoring,
+                                    onClick: ()=>{
+                                        restoreObject({
+                                            Bucket: bucketName,
+                                            Key: objectKey,
+                                            ...versionId && {
+                                                VersionId: versionId
+                                            },
+                                            RestoreRequest: {
+                                                Days: coldStorageRestoreDays ?? 5
+                                            }
+                                        }, {
+                                            onSuccess: ()=>{
+                                                showToast({
+                                                    open: true,
+                                                    message: 'Restore initiated',
+                                                    status: 'success'
+                                                });
+                                            },
+                                            onError: (error)=>{
+                                                showToast({
+                                                    open: true,
+                                                    message: error.message,
+                                                    status: 'error'
+                                                });
+                                            }
+                                        });
+                                    }
+                                })
+                            ]
+                        }) : null
+                    })
+                ]
+            }, "temperature")
+        } : null;
         return [
             defaultFields.name,
             defaultFields.versionId,
@@ -323,6 +422,9 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
             defaultFields.lastModified,
             defaultFields.etag,
             defaultFields.location,
+            ...temperatureField ? [
+                temperatureField
+            ] : [],
             ...extraFields
         ].filter((field)=>null !== field.node);
     }, [
@@ -332,8 +434,17 @@ const ObjectSummary = ({ bucketName, objectKey, versionId })=>{
         metadata?.ContentLength,
         metadata?.LastModified,
         metadata?.ETag,
+        metadata?.StorageClass,
         metadataStatus,
-        extraObjectSummaryInformation
+        extraObjectSummaryInformation,
+        isCold,
+        isColdMetadataLoading,
+        restoreStatus,
+        isRestoring,
+        bucketName,
+        restoreObject,
+        showToast,
+        coldStorageRestoreDays
     ]);
     const accessFields = useMemo(()=>{
         const fields = [];

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

@@ -4,7 +4,7 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { cleanup, render, screen, waitFor } from "@testing-library/react";
 import user_event from "@testing-library/user-event";
 import { DataBrowserUICustomizationProvider } from "../../../../contexts/DataBrowserUICustomizationContext.js";
-import { useGetPresignedDownload, useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useSetObjectAcl, useSetObjectLegalHold } from "../../../../hooks/index.js";
+import { useGetPresignedDownload, useGetPublicAccessBlock, useObjectAcl, useObjectLegalHold, useObjectMetadata, useObjectRetention, useRestoreObject, useSetObjectAcl, useSetObjectLegalHold } from "../../../../hooks/index.js";
 import { findToggleByLabel } from "../../../../test/testUtils.js";
 import { EnhancedS3Error, ErrorCategory } from "../../../../utils/errorHandling.js";
 import { ObjectSummary } from "../ObjectSummary.js";
@@ -16,6 +16,7 @@ jest.mock('@scality/core-ui', ()=>{
         useToast: jest.fn()
     };
 });
+const mockIsLocationCold = jest.fn(()=>false);
 jest.mock('../../../providers/DataBrowserProvider', ()=>({
         ...jest.requireActual('../../../providers/DataBrowserProvider'),
         useDataBrowserConfig: jest.fn(()=>({
@@ -31,6 +32,7 @@ const mockUseObjectAcl = jest.mocked(useObjectAcl);
 const mockUseSetObjectAcl = jest.mocked(useSetObjectAcl);
 const mockUseGetPublicAccessBlock = jest.mocked(useGetPublicAccessBlock);
 const mockUseGetPresignedDownload = jest.mocked(useGetPresignedDownload);
+const mockUseRestoreObject = jest.mocked(useRestoreObject);
 const mockUseToast = jest.mocked(useToast);
 const mockObjectMetadata = {
     VersionId: 'test-version-id',
@@ -99,6 +101,11 @@ const setupMockDefaults = ()=>{
         mutateAsync: jest.fn(),
         isPending: false
     });
+    mockUseRestoreObject.mockReturnValue({
+        mutate: jest.fn(),
+        isPending: false
+    });
+    mockIsLocationCold.mockReturnValue(false);
     mockUseToast.mockReturnValue({
         showToast: jest.fn()
     });
@@ -126,7 +133,10 @@ const renderWithProviders = (ui, { customizationConfig = {} } = {})=>{
     return render(/*#__PURE__*/ jsx(QueryClientProvider, {
         client: queryClient,
         children: /*#__PURE__*/ jsx(DataBrowserUICustomizationProvider, {
-            config: customizationConfig,
+            config: {
+                isLocationCold: mockIsLocationCold,
+                ...customizationConfig
+            },
             children: ui
         })
     }));
@@ -1097,4 +1107,97 @@ describe('ObjectSummary', ()=>{
             await expectTooltipOnHover(toggle, 'Unable to check public access block settings');
         });
     });
+    describe('Cold Storage - Temperature Row', ()=>{
+        it('should not show Temperature row for non-cold objects', ()=>{
+            mockIsLocationCold.mockReturnValue(false);
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.queryByText('Cold')).not.toBeInTheDocument();
+        });
+        it('should show Temperature row with "Cold" status and restore button for cold objects', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: void 0
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText('Cold')).toBeInTheDocument();
+            expect(screen.getByRole('button', {
+                name: /restore/i
+            })).toBeInTheDocument();
+        });
+        it('should show "Restoring..." status without restore button', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: 'ongoing-request="true"'
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText('Restoring...')).toBeInTheDocument();
+            expect(screen.queryByRole('button', {
+                name: /restore/i
+            })).not.toBeInTheDocument();
+        });
+        it('should show expiry date when object is restored', ()=>{
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: 'ongoing-request="false", expiry-date="Fri, 02 May 2026 00:00:00 GMT"'
+                },
+                status: 'success'
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            expect(screen.getByText(/Available until/)).toBeInTheDocument();
+            expect(screen.queryByRole('button', {
+                name: /restore/i
+            })).not.toBeInTheDocument();
+        });
+        it('should call restoreObject when restore button is clicked', async ()=>{
+            const mockRestore = jest.fn();
+            mockIsLocationCold.mockReturnValue(true);
+            mockUseObjectMetadata.mockReturnValue({
+                data: {
+                    ...mockObjectMetadata,
+                    StorageClass: 'cold-location',
+                    Restore: void 0
+                },
+                status: 'success'
+            });
+            mockUseRestoreObject.mockReturnValue({
+                mutate: mockRestore,
+                isPending: false
+            });
+            renderWithProviders(/*#__PURE__*/ jsx(ObjectSummary, {
+                ...defaultProps
+            }));
+            const user = user_event.setup();
+            await user.click(screen.getByRole('button', {
+                name: /restore/i
+            }));
+            expect(mockRestore).toHaveBeenCalledWith(expect.objectContaining({
+                Bucket: 'test-bucket',
+                Key: 'test-object.txt',
+                RestoreRequest: {
+                    Days: 5
+                }
+            }), expect.any(Object));
+        });
+    });
 });

package/dist/components/objects/ObjectList.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { Banner, ConstrainedText, FormattedDateTime, Icon, Link, PrettyBytes, SearchInput, Text, Toggle, spacing, useToast } from "@scality/core-ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Banner, ConstrainedText, FormattedDateTime, Icon, Link, PrettyBytes, SearchInput, Text, Toggle, Tooltip, spacing, useToast } from "@scality/core-ui";
 import { Box, Table } from "@scality/core-ui/dist/next";
-import { Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as external_react_Fragment, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useLocation, useNavigate } from "react-router";
 import styled_components from "styled-components";
 import { useDataBrowserUICustomization } from "../../contexts/DataBrowserUICustomizationContext.js";
@@ -9,6 +9,7 @@ import { useListObjectVersions, useListObjects, useSearchObjects, useSearchObjec
 import { useDownloadObject } from "../../hooks/useDownloadObject.js";
 import { useBatchObjectLegalHold } from "../../hooks/useBatchObjectLegalHold.js";
 import { useFeatures } from "../../hooks/useFeatures.js";
+import { COLD_STORAGE_TOOLTIP, COLD_STORAGE_TOOLTIP_STYLE } from "../../utils/coldStorage.js";
 import { useQueryParams } from "../../utils/hooks.js";
 import { useInvalidateQueries } from "../providers/DataBrowserProvider.js";
 import MetadataSearch from "../search/MetadataSearch.js";
@@ -62,7 +63,7 @@ const removePrefix = (path, prefix)=>{
     return path;
 };
 const createLegalHoldKey = (key, versionId)=>`${key}:${versionId ?? 'null'}`;
-const createNameColumn = (onPrefixChange, onDownload)=>({
+const createNameColumn = (onPrefixChange, onDownload, isLocationCold)=>({
         Header: 'Name',
         accessor: 'displayName',
         id: 'name',
@@ -90,6 +91,7 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
             iconName = isFolder ? 'Folder' : isDeleteMarker ? 'Deletion-marker' : 'File';
             const shouldIndent = isVersion && !isLatest;
             const isLegalHoldEnabled = isObjectLike(row.original) && Boolean(row.original.isLegalHoldEnabled);
+            const isCold = !isFolder && !isDeleteMarker && 'StorageClass' in row.original && null != row.original.StorageClass && isLocationCold?.(row.original.StorageClass);
             return /*#__PURE__*/ jsxs(Box, {
                 display: "flex",
                 alignItems: "center",
@@ -108,7 +110,7 @@ const createNameColumn = (onPrefixChange, onDownload)=>({
                         color: getVersionTextColor(row)
                     }),
                     /*#__PURE__*/ jsx(TruncatedName, {
-                        children: isDeleteMarker ? /*#__PURE__*/ jsx(Text, {
+                        children: isDeleteMarker || isCold ? /*#__PURE__*/ jsx(Text, {
                             color: getVersionTextColor(row),
                             children: value
                         }) : /*#__PURE__*/ jsx(Text, {
@@ -227,7 +229,7 @@ const createSizeColumn = ()=>({
             width: 'unset'
         }
     });
-const createStorageClassColumn = ()=>({
+const createStorageClassColumn = (isLocationCold)=>({
         Header: 'Storage Location',
         accessor: 'StorageClass',
         id: 'storageClass',
@@ -235,13 +237,34 @@ const createStorageClassColumn = ()=>({
             if (null == value) return /*#__PURE__*/ jsx(Text, {
                 children: "-"
             });
-            return /*#__PURE__*/ jsx(Box, {
+            const isCold = isObjectLike(row.original) && 'deleteMarker' !== row.original.type && null != value && isLocationCold?.(value);
+            const displayValue = 'STANDARD' === value ? 'default' : value;
+            return /*#__PURE__*/ jsxs(Box, {
                 display: "flex",
                 justifyContent: "flex-end",
-                children: /*#__PURE__*/ jsx(Text, {
-                    color: getVersionTextColor(row),
-                    children: 'STANDARD' === value ? 'default' : value
-                })
+                alignItems: "center",
+                gap: spacing.r4,
+                children: [
+                    isCold && /*#__PURE__*/ jsxs(Fragment, {
+                        children: [
+                            /*#__PURE__*/ jsx(Icon, {
+                                name: "Snowflake"
+                            }),
+                            /*#__PURE__*/ jsx(Tooltip, {
+                                overlay: COLD_STORAGE_TOOLTIP,
+                                overlayStyle: COLD_STORAGE_TOOLTIP_STYLE,
+                                children: /*#__PURE__*/ jsx(Icon, {
+                                    name: "Info",
+                                    color: "infoPrimary"
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsx(Text, {
+                        color: getVersionTextColor(row),
+                        children: displayValue
+                    })
+                ]
             });
         },
         cellStyle: {
@@ -273,7 +296,7 @@ function createOverrideMap(customItems) {
         ]));
 }
 const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSelectedObjectsChange })=>{
-    const { extraObjectListColumns, extraObjectListActions } = useDataBrowserUICustomization();
+    const { extraObjectListColumns, extraObjectListActions, isLocationCold } = useDataBrowserUICustomization();
     const invalidateQueries = useInvalidateQueries();
     const versionCheck = useListObjectVersions({
         Bucket: bucketName,
@@ -579,10 +602,13 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSele
         versionGroupLatestModified
     ]);
     const sizeColumn = useMemo(()=>createSizeColumn(), []);
-    const storageClassColumn = useMemo(()=>createStorageClassColumn(), []);
-    const nameColumn = useMemo(()=>createNameColumn(handlePrefixChange, handleDownload), [
+    const storageClassColumn = useMemo(()=>createStorageClassColumn(isLocationCold), [
+        isLocationCold
+    ]);
+    const nameColumn = useMemo(()=>createNameColumn(handlePrefixChange, handleDownload, isLocationCold), [
         handlePrefixChange,
-        handleDownload
+        handleDownload,
+        isLocationCold
     ]);
     const columns = useMemo(()=>{
         const defaultColumnsMap = {
@@ -800,7 +826,7 @@ const ObjectList = ({ bucketName, prefix, onObjectSelect, onPrefixChange, onSele
                                     alignItems: "center",
                                     gap: spacing.r8,
                                     children: [
-                                        actions.map((action)=>/*#__PURE__*/ jsx(Fragment, {
+                                        actions.map((action)=>/*#__PURE__*/ jsx(external_react_Fragment, {
                                                 children: action.render()
                                             }, action.id)),
                                         /*#__PURE__*/ jsx(Toggle, {

package/dist/config/types.d.ts

@@ -184,6 +184,10 @@ export interface BucketCreateVersioningProps {
  */
 export interface DataBrowserUIProps {
     basePath?: string;
+    /** Returns true if the given location name (from StorageClass) is a cold storage location. */
+    isLocationCold?: (locationName: string) => boolean;
+    /** Number of days to keep a restored cold object accessible. Defaults to 5. */
+    coldStorageRestoreDays?: number;
     /**
      * Custom header component to render above the main content.
      * Typically used for breadcrumbs or navigation.

package/dist/utils/__tests__/coldStorage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/utils/__tests__/coldStorage.test.js

@@ -0,0 +1,24 @@
+import { parseRestoreStatus } from "../coldStorage.js";
+describe('parseRestoreStatus', ()=>{
+    it('returns "cold" when restore header is undefined', ()=>{
+        expect(parseRestoreStatus(void 0)).toEqual({
+            status: 'cold'
+        });
+    });
+    it('returns "restoring" when ongoing-request="true"', ()=>{
+        expect(parseRestoreStatus('ongoing-request="true"')).toEqual({
+            status: 'restoring'
+        });
+    });
+    it('returns "restored" with expiry date when ongoing-request="false"', ()=>{
+        const header = 'ongoing-request="false", expiry-date="Fri, 02 May 2026 00:00:00 GMT"';
+        const result = parseRestoreStatus(header);
+        expect(result.status).toBe('restored');
+        if ('restored' === result.status) expect(result.expiryDate).toEqual(new Date('Fri, 02 May 2026 00:00:00 GMT'));
+    });
+    it('returns "restored" without expiry if date is missing', ()=>{
+        expect(parseRestoreStatus('ongoing-request="false"')).toEqual({
+            status: 'restored'
+        });
+    });
+});

package/dist/utils/coldStorage.d.ts

@@ -0,0 +1,12 @@
+import type React from 'react';
+export declare const COLD_STORAGE_TOOLTIP = "The Temperature of this Location is Cold.\n\nYou can move your data in this Location through a Transition rule.\n\nOnce your data are in this Location, you can only trigger a request for restoration to get a temporary access to the object.";
+export declare const COLD_STORAGE_TOOLTIP_STYLE: React.CSSProperties;
+export type ColdStorageStatus = {
+    status: 'cold';
+} | {
+    status: 'restoring';
+} | {
+    status: 'restored';
+    expiryDate?: Date;
+};
+export declare function parseRestoreStatus(restoreHeader: string | undefined): ColdStorageStatus;

package/dist/utils/coldStorage.js

@@ -0,0 +1,23 @@
+const COLD_STORAGE_TOOLTIP = 'The Temperature of this Location is Cold.\n\nYou can move your data in this Location through a Transition rule.\n\nOnce your data are in this Location, you can only trigger a request for restoration to get a temporary access to the object.';
+const COLD_STORAGE_TOOLTIP_STYLE = {
+    textWrap: 'wrap',
+    width: '24rem',
+    textAlign: 'left'
+};
+function parseRestoreStatus(restoreHeader) {
+    if (!restoreHeader) return {
+        status: 'cold'
+    };
+    if (restoreHeader.includes('ongoing-request="true"')) return {
+        status: 'restoring'
+    };
+    const expiryMatch = restoreHeader.match(/expiry-date="([^"]+)"/);
+    if (expiryMatch) return {
+        status: 'restored',
+        expiryDate: new Date(expiryMatch[1])
+    };
+    return {
+        status: 'restored'
+    };
+}
+export { COLD_STORAGE_TOOLTIP, COLD_STORAGE_TOOLTIP_STYLE, parseRestoreStatus };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scality/data-browser-library",
-  "version": "1.1.11",
+  "version": "1.1.12",
   "description": "A modular React component library for browsing S3 buckets and objects",
   "type": "module",
   "types": "./dist/index.d.ts",