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

package/dist/components/objects/GetPresignedUrlButton.js

@@ -0,0 +1,255 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormattedDateTime, Icon, Modal, Text, TextArea, Wrap, spacing, useToast } from "@scality/core-ui";
+import { CopyButton } from "@scality/core-ui/dist/components/buttonv2/CopyButton.component";
+import { Box, Button, Input } from "@scality/core-ui/dist/next";
+import { useCallback, useState } from "react";
+import { useGetPresignedDownload } from "../../hooks/index.js";
+const MAX_SECONDS = 604800;
+const GetPresignedUrlButton = ({ bucketName, objectKey, versionId })=>{
+    const [isModalOpen, setIsModalOpen] = useState(false);
+    const [days, setDays] = useState(7);
+    const [hours, setHours] = useState(0);
+    const [minutes, setMinutes] = useState(0);
+    const [generatedUrl, setGeneratedUrl] = useState(null);
+    const { mutateAsync: getPresignedDownload, isPending } = useGetPresignedDownload();
+    const { showToast } = useToast();
+    const openModal = ()=>{
+        setIsModalOpen(true);
+    };
+    const closeModal = ()=>{
+        setIsModalOpen(false);
+        setGeneratedUrl(null);
+        setDays(7);
+        setHours(0);
+        setMinutes(0);
+    };
+    const totalSeconds = 86400 * days + 3600 * hours + 60 * minutes;
+    const isValidExpiration = totalSeconds > 0 && totalSeconds <= MAX_SECONDS;
+    const handleDaysChange = useCallback((e)=>{
+        const value = Math.min(7, Math.max(0, parseInt(e.target.value, 10) || 0));
+        setDays(value);
+        if (7 === value) {
+            setHours(0);
+            setMinutes(0);
+        }
+    }, []);
+    const handleHoursChange = useCallback((e)=>{
+        if (7 === days) return;
+        const value = Math.min(23, Math.max(0, parseInt(e.target.value, 10) || 0));
+        setHours(value);
+    }, [
+        days
+    ]);
+    const handleMinutesChange = useCallback((e)=>{
+        if (7 === days) return;
+        const value = Math.min(59, Math.max(0, parseInt(e.target.value, 10) || 0));
+        setMinutes(value);
+    }, [
+        days
+    ]);
+    const handleGenerate = useCallback(async ()=>{
+        if (!isValidExpiration) return;
+        try {
+            const result = await getPresignedDownload({
+                Bucket: bucketName,
+                Key: objectKey,
+                ...versionId && {
+                    VersionId: versionId
+                },
+                expiresIn: totalSeconds
+            });
+            setGeneratedUrl(result.Url);
+        } catch (error) {
+            showToast({
+                open: true,
+                message: error instanceof Error ? error.message : 'Failed to generate presigned URL',
+                status: 'error'
+            });
+        }
+    }, [
+        bucketName,
+        objectKey,
+        versionId,
+        totalSeconds,
+        isValidExpiration,
+        getPresignedDownload,
+        showToast
+    ]);
+    const objectName = objectKey.split('/').pop() || objectKey;
+    const previewExpiresAt = new Date(Date.now() + 1000 * totalSeconds);
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(Button, {
+                icon: /*#__PURE__*/ jsx(Icon, {
+                    name: "Link"
+                }),
+                label: "Get pre-signed url",
+                variant: "outline",
+                onClick: openModal
+            }),
+            /*#__PURE__*/ jsx(Modal, {
+                footer: /*#__PURE__*/ jsxs(Wrap, {
+                    children: [
+                        /*#__PURE__*/ jsx(Box, {}),
+                        /*#__PURE__*/ jsx(Button, {
+                            variant: "outline",
+                            onClick: closeModal,
+                            label: "Close"
+                        })
+                    ]
+                }),
+                isOpen: isModalOpen,
+                title: "Get a pre-signed url",
+                children: /*#__PURE__*/ jsxs(Box, {
+                    children: [
+                        /*#__PURE__*/ jsx(Box, {
+                            marginBottom: spacing.r8,
+                            children: /*#__PURE__*/ jsx(Text, {
+                                children: "Generate temporary access link for Object:"
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            marginBottom: spacing.r36,
+                            children: /*#__PURE__*/ jsx(Text, {
+                                isEmphazed: true,
+                                children: objectName
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            marginBottom: spacing.r4,
+                            children: /*#__PURE__*/ jsx(Text, {
+                                children: "Valid for:"
+                            })
+                        }),
+                        /*#__PURE__*/ jsxs(Box, {
+                            display: "flex",
+                            alignItems: "center",
+                            gap: spacing.r8,
+                            children: [
+                                /*#__PURE__*/ jsxs(Box, {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: spacing.r4,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Input, {
+                                            id: "presigned-days",
+                                            "aria-label": "Days",
+                                            type: "number",
+                                            value: days,
+                                            onChange: handleDaysChange,
+                                            min: 0,
+                                            max: 7,
+                                            size: "1/3"
+                                        }),
+                                        /*#__PURE__*/ jsx(Text, {
+                                            children: "day(s)"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs(Box, {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: spacing.r4,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Input, {
+                                            id: "presigned-hours",
+                                            "aria-label": "Hours",
+                                            type: "number",
+                                            value: hours,
+                                            onChange: handleHoursChange,
+                                            min: 0,
+                                            max: 23,
+                                            disabled: 7 === days,
+                                            size: "1/3"
+                                        }),
+                                        /*#__PURE__*/ jsx(Text, {
+                                            children: "hour(s)"
+                                        })
+                                    ]
+                                }),
+                                /*#__PURE__*/ jsxs(Box, {
+                                    display: "flex",
+                                    alignItems: "center",
+                                    gap: spacing.r4,
+                                    children: [
+                                        /*#__PURE__*/ jsx(Input, {
+                                            id: "presigned-minutes",
+                                            "aria-label": "Minutes",
+                                            type: "number",
+                                            value: minutes,
+                                            onChange: handleMinutesChange,
+                                            min: 0,
+                                            max: 59,
+                                            disabled: 7 === days,
+                                            size: "1/3"
+                                        }),
+                                        /*#__PURE__*/ jsx(Text, {
+                                            children: "minute(s)"
+                                        })
+                                    ]
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            marginTop: spacing.r4,
+                            children: /*#__PURE__*/ jsx(Text, {
+                                variant: "Smaller",
+                                color: "textSecondary",
+                                children: "Maximum duration is 7 days."
+                            })
+                        }),
+                        isValidExpiration && /*#__PURE__*/ jsx(Box, {
+                            marginTop: spacing.r8,
+                            children: /*#__PURE__*/ jsxs(Text, {
+                                children: [
+                                    "Access ends on:",
+                                    ' ',
+                                    /*#__PURE__*/ jsx(Text, {
+                                        isEmphazed: true,
+                                        children: /*#__PURE__*/ jsx(FormattedDateTime, {
+                                            value: previewExpiresAt,
+                                            format: "date-time-second"
+                                        })
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ jsx(Box, {
+                            marginTop: spacing.r36,
+                            children: /*#__PURE__*/ jsx(Button, {
+                                isLoading: isPending,
+                                label: generatedUrl ? 'Generate another pre-signed url' : 'Generate a pre-signed url',
+                                variant: "primary",
+                                onClick: handleGenerate,
+                                disabled: isPending || !isValidExpiration
+                            })
+                        }),
+                        generatedUrl && /*#__PURE__*/ jsx(Box, {
+                            marginTop: spacing.r16,
+                            children: /*#__PURE__*/ jsxs(Box, {
+                                display: "flex",
+                                alignItems: "flex-start",
+                                gap: spacing.r8,
+                                children: [
+                                    /*#__PURE__*/ jsx(TextArea, {
+                                        "aria-label": "Generated pre-signed URL",
+                                        readOnly: true,
+                                        value: generatedUrl,
+                                        variant: "text",
+                                        width: "100%",
+                                        height: "5rem"
+                                    }),
+                                    /*#__PURE__*/ jsx(CopyButton, {
+                                        textToCopy: generatedUrl
+                                    })
+                                ]
+                            })
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+};
+const objects_GetPresignedUrlButton = GetPresignedUrlButton;
+export { GetPresignedUrlButton, objects_GetPresignedUrlButton as default };

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

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