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

package/dist/components/buckets/BucketDetails.js

@@ -4,11 +4,27 @@ import { useNavigate, useParams } from "react-router-dom";
 import { Tabs } from "@scality/core-ui/dist/next";
 import { BucketOverview } from "./BucketOverview.js";
 import { DeleteBucketButton } from "./DeleteBucketButton.js";
+import { EmptyBucketButton } from "./EmptyBucketButton.js";
+import { BucketLifecycleList } from "./BucketLifecycleList.js";
+import { BucketReplicationList } from "./BucketReplicationList.js";
+import { useGetBucketLifecycle, useGetBucketReplication } from "../../hooks/bucketConfiguration.js";
+import { isNotFoundError } from "../../utils/errorHandling.js";
 function BucketDetails() {
     const query = useQueryParams();
     const queryObject = Object.fromEntries(query.entries());
     const { bucketName } = useParams();
     const navigate = useNavigate();
+    const { data: lifecycleData, status: lifecycleStatus, error: lifecycleError } = useGetBucketLifecycle({
+        Bucket: bucketName
+    });
+    const { data: replicationData, status: replicationStatus, error: replicationError } = useGetBucketReplication({
+        Bucket: bucketName
+    });
+    const lifecycleRules = lifecycleData?.Rules || [];
+    const replicationRules = replicationData?.ReplicationConfiguration?.Rules || [];
+    const replicationRole = replicationData?.ReplicationConfiguration?.Role || "";
+    const effectiveLifecycleStatus = isNotFoundError(lifecycleError) ? "success" : "pending" === lifecycleStatus ? "loading" : "error" === lifecycleStatus ? "error" : "success";
+    const effectiveReplicationStatus = isNotFoundError(replicationError) ? "success" : "pending" === replicationStatus ? "loading" : "error" === replicationStatus ? "error" : "success";
     if (!bucketName) return /*#__PURE__*/ jsx("div", {
         children: "No bucket selected"
     });
@@ -22,26 +38,62 @@ function BucketDetails() {
                         ...queryObject,
                         tab: ""
                     },
-                    children: /*#__PURE__*/ jsx(BucketOverview, {
+                    children: /*#__PURE__*/ jsxs(BucketOverview, {
                         bucketName: bucketName,
-                        renderDeleteButton: ()=>/*#__PURE__*/ jsx(DeleteBucketButton, {
-                                bucketName: bucketName
+                        children: [
+                            /*#__PURE__*/ jsx(BucketOverview.Actions, {
+                                renderDeleteButton: ()=>/*#__PURE__*/ jsx(DeleteBucketButton, {
+                                        bucketName: bucketName
+                                    }),
+                                renderEmptyButton: ()=>/*#__PURE__*/ jsx(EmptyBucketButton, {
+                                        bucketName: bucketName
+                                    })
                             }),
-                        onEditPolicy: ()=>{
-                            navigate(`/buckets/${bucketName}/policy`);
-                        }
+                            /*#__PURE__*/ jsxs(BucketOverview.Sections, {
+                                children: [
+                                    /*#__PURE__*/ jsx(BucketOverview.GeneralSection, {}),
+                                    /*#__PURE__*/ jsx(BucketOverview.DataProtectionSection, {}),
+                                    /*#__PURE__*/ jsx(BucketOverview.PermissionsSection, {
+                                        onEditPolicy: ()=>{
+                                            navigate(`/buckets/${bucketName}/policy`);
+                                        }
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                }),
+                /*#__PURE__*/ jsx(Tabs.Tab, {
+                    label: "Lifecycle",
+                    path: "",
+                    query: {
+                        ...queryObject,
+                        tab: "lifecycle"
+                    },
+                    withoutPadding: true,
+                    children: /*#__PURE__*/ jsx(BucketLifecycleList, {
+                        bucketName: bucketName,
+                        lifecycleRules: lifecycleRules,
+                        lifecycleStatus: effectiveLifecycleStatus,
+                        onCreateRule: ()=>navigate(`/buckets/${bucketName}/lifecycle/create`),
+                        onEditRule: (ruleId)=>navigate(`/buckets/${bucketName}/lifecycle/edit/${encodeURIComponent(ruleId)}`)
                     })
                 }),
                 /*#__PURE__*/ jsx(Tabs.Tab, {
-                    label: "Workflow",
+                    label: "Replication",
                     path: "",
                     query: {
                         ...queryObject,
-                        tab: "workflow"
+                        tab: "replication"
                     },
                     withoutPadding: true,
-                    children: /*#__PURE__*/ jsx(Fragment, {
-                        children: "Workflow"
+                    children: /*#__PURE__*/ jsx(BucketReplicationList, {
+                        bucketName: bucketName,
+                        replicationRules: replicationRules,
+                        replicationRole: replicationRole,
+                        replicationStatus: effectiveReplicationStatus,
+                        onCreateRule: ()=>navigate(`/buckets/${bucketName}/replication/create`),
+                        onEditRule: (ruleId)=>navigate(`/buckets/${bucketName}/replication/edit/${encodeURIComponent(ruleId)}`)
                     })
                 })
             ]

package/dist/components/buckets/BucketLifecycleFormPage.d.ts

@@ -0,0 +1,15 @@
+/**
+ * BucketLifecycleFormPage - Form for creating and editing S3 bucket lifecycle rules
+ *
+ * Features:
+ * - Create new or edit existing lifecycle rules
+ * - Support for all AWS S3 lifecycle actions (transitions, expirations, etc.)
+ * - Comprehensive validation based on AWS S3 requirements
+ * - Filter options: prefix, tags, or combination
+ * - Current and noncurrent version management
+ * - Abort incomplete multipart upload configuration
+ *
+ * AWS S3 Lifecycle Documentation:
+ * https://docs.aws.amazon.com/AmazonS3/latest/API/API_PutBucketLifecycleConfiguration.html
+ */
+export declare function BucketLifecycleFormPage(): import("react/jsx-runtime").JSX.Element;