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

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

@@ -0,0 +1,11 @@
+import type { ReplicationRule } from "@aws-sdk/client-s3";
+interface BucketReplicationListProps {
+    bucketName: string;
+    replicationRules: ReplicationRule[];
+    replicationRole: string;
+    replicationStatus?: "idle" | "loading" | "error" | "success";
+    onCreateRule?: () => void;
+    onEditRule?: (ruleId: string) => void;
+}
+export declare function BucketReplicationList({ bucketName, replicationRules, replicationRole, replicationStatus, onCreateRule, onEditRule, }: BucketReplicationListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/buckets/BucketReplicationList.js

@@ -0,0 +1,189 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ConstrainedText, Icon, Wrap, spacing } from "@scality/core-ui";
+import { Box, Button, Table } from "@scality/core-ui/dist/next";
+import { useMemo } from "react";
+import { useDeleteBucketReplication, useSetBucketReplication } from "../../hooks/bucketConfiguration.js";
+import { DeleteBucketConfigRuleButton } from "./DeleteBucketConfigRuleButton.js";
+import { useTableRowSelection } from "../../hooks/useTableRowSelection.js";
+function BucketReplicationList({ bucketName, replicationRules, replicationRole, replicationStatus, onCreateRule, onEditRule }) {
+    const updateReplicationMutation = useSetBucketReplication();
+    const deleteReplicationMutation = useDeleteBucketReplication();
+    const columns = useMemo(()=>[
+            {
+                Header: "Rule ID",
+                accessor: "ID",
+                id: "id",
+                Cell: ({ value })=>/*#__PURE__*/ jsx(ConstrainedText, {
+                        text: value || "-",
+                        lineClamp: 2
+                    }),
+                cellStyle: {
+                    flex: "1",
+                    width: "unset"
+                }
+            },
+            {
+                Header: "Status",
+                accessor: "Status",
+                id: "status",
+                Cell: ({ value })=>{
+                    const statusText = "Enabled" === value ? "Active" : "Disabled" === value ? "Inactive" : value;
+                    return /*#__PURE__*/ jsx("span", {
+                        children: statusText || "-"
+                    });
+                },
+                cellStyle: {
+                    width: "unset",
+                    flex: "0.5"
+                }
+            },
+            {
+                Header: "Priority",
+                accessor: "Priority",
+                id: "priority",
+                Cell: ({ value })=>/*#__PURE__*/ jsx("span", {
+                        children: void 0 !== value ? value : "None"
+                    }),
+                cellStyle: {
+                    width: "unset",
+                    flex: "0.5",
+                    textAlign: "right",
+                    paddingRight: spacing.r16
+                }
+            },
+            {
+                Header: "Destination",
+                accessor: "Destination",
+                id: "destination",
+                Cell: ({ row })=>{
+                    const rule = row.original.Rule;
+                    const destination = rule.Destination;
+                    const bucketArn = destination?.Bucket || "";
+                    const accountMatch = bucketArn.match(/arn:aws:s3:::([^:]+):([^:]+)/);
+                    let bucketName;
+                    let accountId;
+                    if (accountMatch) {
+                        accountId = accountMatch[1];
+                        bucketName = accountMatch[2];
+                    } else {
+                        const parts = bucketArn.split(":::");
+                        bucketName = parts[parts.length - 1] || bucketArn;
+                        accountId = null;
+                    }
+                    const shortAccountId = accountId ? `${accountId.slice(0, 3)}...${accountId.slice(-3)}` : null;
+                    const storageClass = destination?.StorageClass;
+                    let displayText = `Replicate to ${bucketName}`;
+                    const details = [];
+                    if (shortAccountId) details.push(`account: ${shortAccountId}`);
+                    if (storageClass) details.push(storageClass);
+                    if (details.length > 0) displayText += ` (${details.join(", ")})`;
+                    return /*#__PURE__*/ jsx(ConstrainedText, {
+                        text: displayText || "-",
+                        lineClamp: 2
+                    });
+                },
+                cellStyle: {
+                    width: "unset",
+                    flex: "1.5"
+                }
+            },
+            {
+                Header: "",
+                accessor: "ID",
+                id: "operations",
+                cellStyle: {
+                    flex: "0.5",
+                    textAlign: "right",
+                    paddingRight: spacing.r16,
+                    width: "unset"
+                },
+                Cell: ({ value })=>/*#__PURE__*/ jsxs(Box, {
+                        display: "flex",
+                        gap: spacing.r8,
+                        justifyContent: "flex-end",
+                        children: [
+                            /*#__PURE__*/ jsx(Button, {
+                                icon: /*#__PURE__*/ jsx(Icon, {
+                                    name: "Edit"
+                                }),
+                                variant: "secondary",
+                                type: "button",
+                                onClick: (e)=>{
+                                    e.stopPropagation();
+                                    onEditRule?.(value);
+                                },
+                                "aria-label": "Edit rule",
+                                tooltip: {
+                                    overlay: "Edit rule"
+                                }
+                            }),
+                            /*#__PURE__*/ jsx(DeleteBucketConfigRuleButton, {
+                                bucketName: bucketName,
+                                ruleId: value,
+                                rules: replicationRules,
+                                ruleType: "replication",
+                                updateMutation: updateReplicationMutation,
+                                deleteMutation: deleteReplicationMutation,
+                                buildUpdateInput: (remainingRules)=>({
+                                        ReplicationConfiguration: {
+                                            Role: replicationRole,
+                                            Rules: remainingRules
+                                        }
+                                    }),
+                                successMessage: "Replication rule deleted successfully",
+                                errorMessage: "Failed to delete replication rule"
+                            })
+                        ]
+                    })
+            }
+        ], [
+        bucketName,
+        replicationRules,
+        replicationRole,
+        onEditRule,
+        updateReplicationMutation,
+        deleteReplicationMutation
+    ]);
+    const tableData = useMemo(()=>replicationRules.map((rule)=>({
+                ID: rule.ID || "-",
+                Status: rule.Status || "-",
+                Priority: rule.Priority,
+                Destination: rule.Destination?.Bucket || "-",
+                Rule: rule
+            })), [
+        replicationRules
+    ]);
+    const { selectedId, onRowSelected } = useTableRowSelection(tableData);
+    return /*#__PURE__*/ jsxs(Table, {
+        columns: columns,
+        data: tableData,
+        status: replicationStatus,
+        defaultSortingKey: "priority",
+        entityName: {
+            en: {
+                singular: "replication rule",
+                plural: "replication rules"
+            }
+        },
+        children: [
+            /*#__PURE__*/ jsx(Wrap, {
+                padding: spacing.r16,
+                children: /*#__PURE__*/ jsx(Button, {
+                    icon: /*#__PURE__*/ jsx(Icon, {
+                        name: "Create-add"
+                    }),
+                    label: "Create Rule",
+                    variant: "primary",
+                    onClick: onCreateRule
+                })
+            }),
+            /*#__PURE__*/ jsx(Table.SingleSelectableContent, {
+                rowHeight: "h48",
+                separationLineVariant: "backgroundLevel1",
+                selectedId: selectedId?.toString(),
+                onRowSelected: onRowSelected
+            })
+        ]
+    });
+}
+export { BucketReplicationList };

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

@@ -0,0 +1,4 @@
+export declare function BucketVersioning({ tooltipOverlay, }: {
+    tooltipOverlay?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export default BucketVersioning;

package/dist/components/buckets/BucketVersioning.js

@@ -0,0 +1,73 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { useBucketOverviewContext } from "./BucketOverview.js";
+import { useGetBucketObjectLockConfiguration, useGetBucketVersioning, useISVBucketStatus, useSetBucketVersioning } from "../../hooks/index.js";
+import { SmallerText, Toggle, Tooltip, useToast } from "@scality/core-ui";
+function BucketVersioning({ tooltipOverlay }) {
+    const { bucketName } = useBucketOverviewContext();
+    const { data: versioningData, status: versioningStatus, error: versioningError } = useGetBucketVersioning({
+        Bucket: bucketName
+    });
+    const { data: objectLockData, status: objectLockStatus } = useGetBucketObjectLockConfiguration({
+        Bucket: bucketName
+    });
+    const { isVeeamBucket } = useISVBucketStatus(bucketName);
+    const { mutate: changeBucketVersioning } = useSetBucketVersioning();
+    const { showToast } = useToast();
+    const isObjectLockEnabled = objectLockData?.ObjectLockConfiguration?.ObjectLockEnabled === "Enabled";
+    const isVersioningEnabled = versioningData?.Status === "Enabled";
+    const updateBucketVersioning = useCallback((isVersioning)=>{
+        changeBucketVersioning({
+            Bucket: bucketName,
+            VersioningConfiguration: {
+                Status: isVersioning ? "Enabled" : "Suspended"
+            }
+        }, {
+            onSuccess: ()=>{
+                showToast({
+                    open: true,
+                    message: isVersioning ? "Bucket versioning enabled" : "Bucket versioning suspended",
+                    status: "success"
+                });
+            },
+            onError: (error)=>{
+                showToast({
+                    open: true,
+                    message: error instanceof Error ? error.message : "Failed to update bucket versioning",
+                    status: "error"
+                });
+            }
+        });
+    }, [
+        bucketName,
+        changeBucketVersioning,
+        showToast
+    ]);
+    if (isObjectLockEnabled) return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            "Enabled",
+            /*#__PURE__*/ jsx("br", {}),
+            /*#__PURE__*/ jsx(SmallerText, {
+                children: "Versioning cannot be suspended because Object-lock is enabled for this bucket."
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsx(Tooltip, {
+        overlay: tooltipOverlay ? tooltipOverlay : isVeeamBucket ? /*#__PURE__*/ jsx(Fragment, {
+            children: "Enabling versioning is not possible due to the bucket being managed by Veeam."
+        }) : "error" === versioningStatus ? /*#__PURE__*/ jsx(Fragment, {
+            children: versioningError?.message
+        }) : null,
+        children: /*#__PURE__*/ jsx(Toggle, {
+            id: "versioningToggle",
+            disabled: "pending" === versioningStatus || "pending" === objectLockStatus || "error" === versioningStatus || isVeeamBucket,
+            toggle: isVersioningEnabled,
+            label: isVersioningEnabled ? "Active" : "Inactive",
+            onChange: ()=>{
+                updateBucketVersioning(!isVersioningEnabled);
+            }
+        })
+    });
+}
+const buckets_BucketVersioning = BucketVersioning;
+export { BucketVersioning, buckets_BucketVersioning as default };

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

@@ -0,0 +1,8 @@
+interface DeleteBucketButtonProps {
+    bucketName: string;
+    onDeleteSuccess?: (bucketName: string) => void;
+    onDeleteError?: (error: Error) => void;
+    disabled?: boolean;
+}
+export declare const DeleteBucketButton: ({ bucketName, onDeleteSuccess, onDeleteError, disabled, }: DeleteBucketButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default DeleteBucketButton;

package/dist/components/buckets/DeleteBucketButton.js

@@ -0,0 +1,78 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { useIsBucketEmpty } from "../../hooks/useIsBucketEmpty.js";
+import { useDeleteBucket } from "../../hooks/bucketOperations.js";
+import { Icon, Loader, Modal, Stack, Tooltip, Wrap } from "@scality/core-ui";
+import { Button } from "@scality/core-ui/dist/next";
+const DeleteBucketButton = ({ bucketName, onDeleteSuccess, onDeleteError, disabled = false })=>{
+    const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
+    const { isEmpty, isLoading } = useIsBucketEmpty(bucketName);
+    const { mutate: deleteBucket, status } = useDeleteBucket();
+    const handleDeleteClick = ()=>{
+        setIsDeleteModalOpen(!isDeleteModalOpen);
+    };
+    const approve = ()=>{
+        deleteBucket({
+            Bucket: bucketName
+        }, {
+            onSuccess: ()=>{
+                handleDeleteClick();
+                onDeleteSuccess?.(bucketName);
+            },
+            onError: (error)=>{
+                onDeleteError?.(error instanceof Error ? error : new Error("Delete failed"));
+            }
+        });
+    };
+    const isButtonDisabled = disabled || !isEmpty;
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Tooltip, {
+                overlay: isLoading ? "Checking bucket..." : "Bucket is not empty",
+                overlayStyle: {
+                    display: isEmpty ? "none" : void 0
+                },
+                children: /*#__PURE__*/ jsx(Button, {
+                    icon: /*#__PURE__*/ jsx(Icon, {
+                        name: "Delete"
+                    }),
+                    disabled: isButtonDisabled,
+                    variant: "danger",
+                    onClick: handleDeleteClick,
+                    label: "Delete Bucket"
+                })
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                close: handleDeleteClick,
+                isOpen: isDeleteModalOpen,
+                footer: /*#__PURE__*/ jsxs(Wrap, {
+                    children: [
+                        /*#__PURE__*/ jsx("p", {}),
+                        /*#__PURE__*/ jsxs(Stack, {
+                            children: [
+                                /*#__PURE__*/ jsx(Button, {
+                                    variant: "outline",
+                                    onClick: handleDeleteClick,
+                                    label: "Cancel"
+                                }),
+                                /*#__PURE__*/ jsx(Button, {
+                                    disabled: "pending" === status,
+                                    variant: "danger",
+                                    onClick: approve,
+                                    icon: "pending" === status && /*#__PURE__*/ jsx(Loader, {
+                                        size: "larger"
+                                    }),
+                                    label: "Delete"
+                                })
+                            ]
+                        })
+                    ]
+                }),
+                title: "Confirmation",
+                children: `Are you sure you want to delete bucket: ${bucketName} ?`
+            })
+        ]
+    });
+};
+const buckets_DeleteBucketButton = DeleteBucketButton;
+export { DeleteBucketButton, buckets_DeleteBucketButton as default };

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

@@ -0,0 +1,18 @@
+import type { UseMutationResult } from "@tanstack/react-query";
+interface DeleteBucketConfigRuleButtonProps<TRule extends {
+    ID?: string;
+}> {
+    bucketName: string;
+    ruleId: string;
+    rules: TRule[];
+    ruleType: "lifecycle" | "replication";
+    updateMutation: UseMutationResult<any, any, any, unknown>;
+    deleteMutation: UseMutationResult<any, any, any, unknown>;
+    buildUpdateInput: (remainingRules: TRule[]) => Record<string, any>;
+    successMessage: string;
+    errorMessage: string;
+}
+export declare function DeleteBucketConfigRuleButton<TRule extends {
+    ID?: string;
+}>({ bucketName, ruleId, rules, ruleType, updateMutation, deleteMutation, buildUpdateInput, successMessage, errorMessage, }: DeleteBucketConfigRuleButtonProps<TRule>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/buckets/DeleteBucketConfigRuleButton.js

@@ -0,0 +1,53 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Icon } from "@scality/core-ui";
+import { Button } from "@scality/core-ui/dist/next";
+import { useDeleteBucketConfigRule } from "../../hooks/useDeleteBucketConfigRule.js";
+import { ConfirmDeleteRuleModal } from "../ui/ConfirmDeleteRuleModal.js";
+function DeleteBucketConfigRuleButton({ bucketName, ruleId, rules, ruleType, updateMutation, deleteMutation, buildUpdateInput, successMessage, errorMessage }) {
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const { isDeleting, deleteRule } = useDeleteBucketConfigRule({
+        bucketName,
+        ruleId,
+        rules,
+        updateMutation,
+        deleteMutation,
+        buildUpdateInput,
+        successMessage,
+        errorMessage,
+        onSuccess: ()=>{
+            setIsModalOpen(false);
+        },
+        onError: ()=>{
+            setIsModalOpen(false);
+        }
+    });
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                icon: /*#__PURE__*/ jsx(Icon, {
+                    name: "Delete"
+                }),
+                variant: "secondary",
+                type: "button",
+                onClick: (e)=>{
+                    e.stopPropagation();
+                    setIsModalOpen(true);
+                },
+                "aria-label": "Delete rule",
+                tooltip: {
+                    overlay: "Delete rule"
+                }
+            }),
+            /*#__PURE__*/ jsx(ConfirmDeleteRuleModal, {
+                isOpen: isModalOpen,
+                ruleId: ruleId,
+                ruleType: ruleType,
+                isDeleting: isDeleting,
+                onConfirm: deleteRule,
+                onCancel: ()=>setIsModalOpen(false)
+            })
+        ]
+    });
+}
+export { DeleteBucketConfigRuleButton };

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

@@ -0,0 +1,5 @@
+interface EmptyBucketButtonProps {
+    bucketName: string;
+}
+export declare const EmptyBucketButton: ({ bucketName }: EmptyBucketButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};