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

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

@@ -1,316 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { fireEvent, render, screen, waitFor } from "@testing-library/react";
-import user_event from "@testing-library/user-event";
-import { MemoryRouter, Route, Routes } from "react-router-dom";
-import { createTestWrapper } from "../../test/testUtils.js";
-import { BucketNotificationCreatePage } from "../buckets/notifications/BucketNotificationCreatePage.js";
-import { useGetBucketNotification, useSetBucketNotification } from "../../hooks/index.js";
-jest.mock("../../hooks", ()=>({
-        useGetBucketNotification: jest.fn(),
-        useSetBucketNotification: jest.fn()
-    }));
-const mockUseGetBucketNotification = jest.mocked(useGetBucketNotification);
-const mockUseSetBucketNotification = jest.mocked(useSetBucketNotification);
-const mockNavigate = jest.fn();
-jest.mock("react-router-dom", ()=>({
-        ...jest.requireActual("react-router-dom"),
-        useNavigate: ()=>mockNavigate
-    }));
-const renderBucketNotificationCreatePage = (bucketName = "test-bucket")=>{
-    const Wrapper = createTestWrapper();
-    return render(/*#__PURE__*/ jsx(MemoryRouter, {
-        initialEntries: [
-            `/buckets/${bucketName}/notifications/create`
-        ],
-        children: /*#__PURE__*/ jsx(Wrapper, {
-            children: /*#__PURE__*/ jsx(Routes, {
-                children: /*#__PURE__*/ jsx(Route, {
-                    path: "/buckets/:bucketName/notifications/create",
-                    element: /*#__PURE__*/ jsx(BucketNotificationCreatePage, {})
-                })
-            })
-        })
-    }));
-};
-describe("BucketNotificationCreatePage", ()=>{
-    const mockMutate = jest.fn();
-    beforeEach(()=>{
-        jest.clearAllMocks();
-        mockNavigate.mockClear();
-        mockUseGetBucketNotification.mockReturnValue({
-            data: void 0
-        });
-        mockUseSetBucketNotification.mockReturnValue({
-            mutate: mockMutate,
-            isPending: false
-        });
-    });
-    it("renders create notification form with all fields", ()=>{
-        renderBucketNotificationCreatePage();
-        expect(screen.getByText("Create Bucket Notification")).toBeInTheDocument();
-        expect(screen.getByLabelText(/rule name/i)).toBeInTheDocument();
-        expect(screen.getByText("Events")).toBeInTheDocument();
-        expect(screen.getByLabelText(/destination queue/i)).toBeInTheDocument();
-        expect(screen.getByLabelText(/prefix/i)).toBeInTheDocument();
-        expect(screen.getByLabelText(/suffix/i)).toBeInTheDocument();
-    });
-    it("disables create button when form is pristine", ()=>{
-        renderBucketNotificationCreatePage();
-        expect(screen.getByRole("button", {
-            name: /create/i
-        })).toBeDisabled();
-    });
-    it("shows validation error when rule name is empty", async ()=>{
-        renderBucketNotificationCreatePage();
-        const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "a");
-        await user_event.clear(ruleNameInput);
-        await waitFor(()=>{
-            expect(screen.getByText(/this field is required/i)).toBeInTheDocument();
-        });
-    });
-    it("shows validation error when rule name already exists", async ()=>{
-        const existingConfig = {
-            QueueConfigurations: [
-                {
-                    Id: "existing-rule",
-                    QueueArn: "arn:aws:sqs:us-east-1:123:queue",
-                    Events: [
-                        "s3:ObjectCreated:*"
-                    ]
-                }
-            ]
-        };
-        mockUseGetBucketNotification.mockReturnValue({
-            data: existingConfig
-        });
-        renderBucketNotificationCreatePage();
-        const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "existing-rule");
-        await waitFor(()=>{
-            expect(screen.getByText(/a rule with this name already exists/i)).toBeInTheDocument();
-        });
-    });
-    it("shows validation error when queue ARN is invalid", async ()=>{
-        renderBucketNotificationCreatePage();
-        const queueArnInput = screen.getByLabelText(/destination queue/i);
-        await user_event.type(queueArnInput, "invalid-arn");
-        await waitFor(()=>{
-            expect(screen.getByText(/must be a valid arn/i)).toBeInTheDocument();
-        });
-    });
-    it("shows validation error when no event is selected", async ()=>{
-        renderBucketNotificationCreatePage();
-        const ruleNameInput = screen.getByLabelText(/rule name/i);
-        await user_event.type(ruleNameInput, "test-rule");
-        const queueArnInput = screen.getByLabelText(/destination queue/i);
-        await user_event.type(queueArnInput, "arn:aws:sqs:us-east-1:123:queue");
-        await waitFor(()=>{
-            expect(screen.getByRole("button", {
-                name: /create/i
-            })).toBeDisabled();
-        });
-    });
-    it("enables create button when form is valid", async ()=>{
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:queue");
-        const checkbox = screen.getByRole("checkbox", {
-            name: /s3:ObjectCreated:\*/i
-        });
-        fireEvent.click(checkbox);
-        await waitFor(()=>{
-            expect(screen.getByRole("button", {
-                name: /create/i
-            })).toBeEnabled();
-        });
-    });
-    it("creates notification with all fields and navigates on success", async ()=>{
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /s3:ObjectCreated:Put/i
-        }));
-        await user_event.type(screen.getByLabelText(/prefix/i), "uploads/");
-        await user_event.type(screen.getByLabelText(/suffix/i), ".jpg");
-        mockMutate.mockImplementation((_, options)=>{
-            options?.onSuccess?.();
-        });
-        const createButton = screen.getByRole("button", {
-            name: /create/i
-        });
-        await waitFor(()=>expect(createButton).toBeEnabled());
-        fireEvent.click(createButton);
-        await waitFor(()=>{
-            expect(mockMutate).toHaveBeenCalledWith({
-                Bucket: "test-bucket",
-                NotificationConfiguration: {
-                    QueueConfigurations: [
-                        {
-                            Id: "test-rule",
-                            QueueArn: "arn:aws:sqs:us-east-1:123:my-queue",
-                            Events: [
-                                "s3:ObjectCreated:Put"
-                            ],
-                            Filter: {
-                                Key: {
-                                    FilterRules: [
-                                        {
-                                            Name: "prefix",
-                                            Value: "uploads/"
-                                        },
-                                        {
-                                            Name: "suffix",
-                                            Value: ".jpg"
-                                        }
-                                    ]
-                                }
-                            }
-                        }
-                    ]
-                }
-            }, expect.any(Object));
-            expect(mockNavigate).toHaveBeenCalledWith("/buckets/test-bucket");
-        });
-    });
-    it("creates notification without filters when not provided", async ()=>{
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /s3:ObjectRemoved:\*/i
-        }));
-        mockMutate.mockImplementation((_, options)=>{
-            options?.onSuccess?.();
-        });
-        const createButton = screen.getByRole("button", {
-            name: /create/i
-        });
-        await waitFor(()=>expect(createButton).toBeEnabled());
-        fireEvent.click(createButton);
-        await waitFor(()=>{
-            expect(mockMutate).toHaveBeenCalledWith({
-                Bucket: "test-bucket",
-                NotificationConfiguration: {
-                    QueueConfigurations: [
-                        {
-                            Id: "test-rule",
-                            QueueArn: "arn:aws:sqs:us-east-1:123:my-queue",
-                            Events: [
-                                "s3:ObjectRemoved:*"
-                            ]
-                        }
-                    ]
-                }
-            }, expect.any(Object));
-        });
-    });
-    it("preserves existing queue configurations when creating new notification", async ()=>{
-        const existingConfig = {
-            QueueConfigurations: [
-                {
-                    Id: "existing-rule",
-                    QueueArn: "arn:aws:sqs:us-east-1:123:existing-queue",
-                    Events: [
-                        "s3:ObjectCreated:*"
-                    ]
-                }
-            ]
-        };
-        mockUseGetBucketNotification.mockReturnValue({
-            data: existingConfig
-        });
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "new-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:new-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /^s3:ObjectRemoved:Delete$/i
-        }));
-        mockMutate.mockImplementation((_, options)=>{
-            options?.onSuccess?.();
-        });
-        const createButton = screen.getByRole("button", {
-            name: /create/i
-        });
-        await waitFor(()=>expect(createButton).toBeEnabled());
-        fireEvent.click(createButton);
-        await waitFor(()=>{
-            const call = mockMutate.mock.calls[0][0];
-            expect(call.NotificationConfiguration.QueueConfigurations).toHaveLength(2);
-            expect(call.NotificationConfiguration.QueueConfigurations[0]).toEqual(existingConfig.QueueConfigurations[0]);
-            expect(call.NotificationConfiguration.QueueConfigurations[1]).toMatchObject({
-                Id: "new-rule",
-                QueueArn: "arn:aws:sqs:us-east-1:123:new-queue",
-                Events: [
-                    "s3:ObjectRemoved:Delete"
-                ]
-            });
-        });
-    });
-    it("displays error message when creation fails", async ()=>{
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "test-rule");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:my-queue");
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /s3:ObjectCreated:\*/i
-        }));
-        const error = new Error("Access Denied");
-        mockMutate.mockImplementation((_, options)=>{
-            options?.onError?.(error);
-        });
-        const createButton = screen.getByRole("button", {
-            name: /create/i
-        });
-        await waitFor(()=>expect(createButton).toBeEnabled());
-        fireEvent.click(createButton);
-        await waitFor(()=>{
-            expect(mockNavigate).not.toHaveBeenCalled();
-        });
-    });
-    it("handles cancel button click and navigates back", ()=>{
-        renderBucketNotificationCreatePage();
-        const cancelButton = screen.getByRole("button", {
-            name: /cancel/i
-        });
-        fireEvent.click(cancelButton);
-        expect(mockNavigate).toHaveBeenCalledWith("/buckets/test-bucket");
-    });
-    it("allows selecting multiple events", async ()=>{
-        renderBucketNotificationCreatePage();
-        await user_event.type(screen.getByLabelText(/rule name/i), "multi-event");
-        await user_event.type(screen.getByLabelText(/destination queue/i), "arn:aws:sqs:us-east-1:123:queue");
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /^s3:ObjectCreated:Put$/i
-        }));
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /^s3:ObjectCreated:Copy$/i
-        }));
-        fireEvent.click(screen.getByRole("checkbox", {
-            name: /^s3:ObjectRemoved:Delete$/i
-        }));
-        mockMutate.mockImplementation((_, options)=>{
-            options?.onSuccess?.();
-        });
-        const createButton = screen.getByRole("button", {
-            name: /create/i
-        });
-        await waitFor(()=>expect(createButton).toBeEnabled());
-        fireEvent.click(createButton);
-        await waitFor(()=>{
-            expect(mockMutate).toHaveBeenCalledWith(expect.objectContaining({
-                NotificationConfiguration: {
-                    QueueConfigurations: [
-                        expect.objectContaining({
-                            Events: expect.arrayContaining([
-                                "s3:ObjectCreated:Put",
-                                "s3:ObjectCreated:Copy",
-                                "s3:ObjectRemoved:Delete"
-                            ])
-                        })
-                    ]
-                }
-            }), expect.any(Object));
-        });
-    });
-});

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

@@ -1,7 +0,0 @@
-interface BucketPolicyButtonProps {
-    hasPolicy: boolean;
-    isLoading?: boolean;
-    onEdit: () => void;
-}
-export declare const BucketPolicyButton: React.FC<BucketPolicyButtonProps>;
-export {};

package/dist/components/buckets/notifications/BucketNotificationCreatePage.d.ts

@@ -1 +0,0 @@
-export declare function BucketNotificationCreatePage(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,234 +0,0 @@
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { joiResolver } from "@hookform/resolvers/joi";
-import { Form, FormGroup, FormSection, Loader, Stack, Text, useToast } from "@scality/core-ui";
-import { convertRemToPixels } from "@scality/core-ui/dist/components/tablev2/TableUtils";
-import { Button, Input } from "@scality/core-ui/dist/next";
-import joi from "joi";
-import { useCallback } from "react";
-import { FormProvider, useForm } from "react-hook-form";
-import { useNavigate, useParams } from "react-router-dom";
-import { useGetBucketNotification, useSetBucketNotification } from "../../../hooks/index.js";
-import { EventsSection } from "./EventsSection.js";
-const schema = joi.object({
-    ruleName: joi.string().required().messages({
-        "string.empty": "This field is required"
-    }),
-    queueArn: joi.string().required().pattern(/^arn:aws:sqs:[a-z0-9-]+:\d+:.+$/).messages({
-        "string.empty": "This field is required",
-        "string.pattern.base": "Must be a valid ARN (e.g., arn:aws:sqs:region:account-id:queue-name)"
-    }),
-    events: joi.array().min(1).required().messages({
-        "array.min": "At least one event must be selected"
-    }),
-    prefix: joi.string().allow("").optional(),
-    suffix: joi.string().allow("").optional()
-});
-function BucketNotificationCreatePage() {
-    const { bucketName } = useParams();
-    const navigate = useNavigate();
-    const { showToast } = useToast();
-    const { data: existingNotificationData, status: notificationStatus } = useGetBucketNotification({
-        Bucket: bucketName
-    });
-    const existingRuleNames = existingNotificationData?.QueueConfigurations?.map((config)=>config.Id) || [];
-    const dynamicSchema = schema.keys({
-        ruleName: joi.string().required().invalid(...existingRuleNames).messages({
-            "string.empty": "This field is required",
-            "any.invalid": "A rule with this name already exists"
-        })
-    });
-    const methods = useForm({
-        resolver: joiResolver(dynamicSchema),
-        mode: "onChange",
-        defaultValues: {
-            ruleName: "",
-            queueArn: "",
-            events: [],
-            prefix: "",
-            suffix: ""
-        }
-    });
-    const { mutate: setNotification, isPending: isSaving } = useSetBucketNotification();
-    const { handleSubmit, register, formState: { isValid, isDirty, errors } } = methods;
-    const handleCancel = useCallback(()=>{
-        navigate(`/buckets/${bucketName}`);
-    }, [
-        navigate,
-        bucketName
-    ]);
-    const onSubmit = useCallback((data)=>{
-        if (!bucketName) return;
-        const filterRules = [
-            ...data.prefix ? [
-                {
-                    Name: "prefix",
-                    Value: data.prefix
-                }
-            ] : [],
-            ...data.suffix ? [
-                {
-                    Name: "suffix",
-                    Value: data.suffix
-                }
-            ] : []
-        ];
-        const filteredEvents = data.events.filter((event)=>{
-            if (event.endsWith("*")) return true;
-            if (event.startsWith("s3:ObjectCreated:")) return !data.events.includes("s3:ObjectCreated:*");
-            if (event.startsWith("s3:ObjectRemoved:")) return !data.events.includes("s3:ObjectRemoved:*");
-            if (event.startsWith("s3:LifecycleExpiration:")) return !data.events.includes("s3:LifecycleExpiration:*");
-            return true;
-        });
-        const newQueueConfiguration = {
-            Id: data.ruleName,
-            QueueArn: data.queueArn,
-            Events: filteredEvents,
-            ...filterRules.length > 0 && {
-                Filter: {
-                    Key: {
-                        FilterRules: filterRules
-                    }
-                }
-            }
-        };
-        setNotification({
-            Bucket: bucketName,
-            NotificationConfiguration: {
-                QueueConfigurations: [
-                    ...existingNotificationData?.QueueConfigurations || [],
-                    newQueueConfiguration
-                ]
-            }
-        }, {
-            onSuccess: ()=>{
-                showToast({
-                    open: true,
-                    message: "Notification created successfully",
-                    status: "success"
-                });
-                navigate(`/buckets/${bucketName}`);
-            },
-            onError: (error)=>{
-                const errorMessage = error instanceof Error ? error.message : "Failed to create notification";
-                showToast({
-                    open: true,
-                    message: errorMessage,
-                    status: "error"
-                });
-            }
-        });
-    }, [
-        bucketName,
-        setNotification,
-        navigate,
-        showToast,
-        existingNotificationData
-    ]);
-    if ("pending" === notificationStatus) return /*#__PURE__*/ jsx(Loader, {
-        centered: true,
-        children: /*#__PURE__*/ jsx(Text, {
-            children: "Loading..."
-        })
-    });
-    return /*#__PURE__*/ jsx(FormProvider, {
-        ...methods,
-        children: /*#__PURE__*/ jsxs(Form, {
-            layout: {
-                kind: "page",
-                title: "Create Bucket Notification"
-            },
-            requireMode: "partial",
-            onSubmit: handleSubmit(onSubmit),
-            rightActions: /*#__PURE__*/ jsxs(Stack, {
-                gap: "r16",
-                children: [
-                    /*#__PURE__*/ jsx(Button, {
-                        id: "cancel-btn",
-                        variant: "outline",
-                        type: "button",
-                        label: "Cancel",
-                        onClick: handleCancel,
-                        disabled: isSaving
-                    }),
-                    /*#__PURE__*/ jsx(Button, {
-                        id: "create-notification-btn",
-                        type: "submit",
-                        variant: "primary",
-                        label: "Create",
-                        disabled: !isDirty || !isValid || isSaving
-                    })
-                ]
-            }),
-            children: [
-                /*#__PURE__*/ jsx(FormSection, {
-                    forceLabelWidth: convertRemToPixels(13),
-                    children: /*#__PURE__*/ jsx(FormGroup, {
-                        label: "Rule name",
-                        id: "ruleName",
-                        direction: "horizontal",
-                        error: errors?.ruleName?.message,
-                        helpErrorPosition: "bottom",
-                        labelHelpTooltip: /*#__PURE__*/ jsx(Fragment, {}),
-                        required: true,
-                        content: /*#__PURE__*/ jsx(Input, {
-                            id: "ruleName",
-                            ...register("ruleName")
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsx(EventsSection, {}),
-                /*#__PURE__*/ jsx(FormSection, {
-                    forceLabelWidth: convertRemToPixels(13),
-                    children: /*#__PURE__*/ jsx(FormGroup, {
-                        label: "Destination Queue",
-                        id: "queueArn",
-                        direction: "horizontal",
-                        error: errors?.queueArn?.message,
-                        helpErrorPosition: "bottom",
-                        labelHelpTooltip: /*#__PURE__*/ jsx(Fragment, {}),
-                        required: true,
-                        content: /*#__PURE__*/ jsx(Input, {
-                            id: "queueArn",
-                            placeholder: "arn:aws:sqs:us-east-1:1xx:name",
-                            ...register("queueArn")
-                        })
-                    })
-                }),
-                /*#__PURE__*/ jsx(FormSection, {
-                    title: {
-                        name: "Filters"
-                    },
-                    children: /*#__PURE__*/ jsxs(Stack, {
-                        direction: "horizontal",
-                        gap: "r16",
-                        children: [
-                            /*#__PURE__*/ jsx(FormGroup, {
-                                label: "Prefix",
-                                id: "prefix",
-                                direction: "horizontal",
-                                content: /*#__PURE__*/ jsx(Input, {
-                                    id: "prefix",
-                                    placeholder: "",
-                                    size: "2/3",
-                                    ...register("prefix")
-                                })
-                            }),
-                            /*#__PURE__*/ jsx(FormGroup, {
-                                label: "Suffix",
-                                id: "suffix",
-                                direction: "horizontal",
-                                content: /*#__PURE__*/ jsx(Input, {
-                                    id: "suffix",
-                                    placeholder: "",
-                                    size: "2/3",
-                                    ...register("suffix")
-                                })
-                            })
-                        ]
-                    })
-                })
-            ]
-        })
-    });
-}
-export { BucketNotificationCreatePage };

package/dist/hooks/useLoginMutation.d.ts

@@ -1,21 +0,0 @@
-/**
- * S3 Login Authentication Hook
- *
- * This file contains the login authentication hook using the factory pattern
- * for consistency with other S3 operations.
- */
-import { S3BrowserConfig, S3Credentials } from "../types";
-export type LoginConfig = S3BrowserConfig & {
-    credentials: S3Credentials;
-};
-export interface LoginMutationResult {
-    config: LoginConfig;
-    authenticated: boolean;
-}
-/**
- * Hook for S3 authentication using react-query mutation.
- * Validates credentials and establishes S3 session.
- *
- * Uses the specialized login factory pattern for consistency with other S3 operations.
- */
-export declare const useLoginMutation: (options?: Omit<import("@tanstack/react-query").UseMutationOptions<LoginMutationResult, import("..").EnhancedS3Error, LoginConfig, unknown>, "mutationFn"> | undefined) => import("@tanstack/react-query").UseMutationResult<LoginMutationResult, import("..").EnhancedS3Error, LoginConfig>;

package/dist/hooks/useLoginMutation.js

@@ -1,9 +0,0 @@
-import { useCreateS3LoginHook } from "./factories/index.js";
-class LoginAuthenticationCommand {
-    input;
-    constructor(input){
-        this.input = input;
-    }
-}
-const useLoginMutation = useCreateS3LoginHook(LoginAuthenticationCommand, "S3 Authentication");
-export { useLoginMutation };

package/dist/utils/useFeatures.d.ts

@@ -1 +0,0 @@
-export declare function useFeatures(feature: string): boolean | undefined;

package/dist/utils/useFeatures.js

@@ -1,7 +0,0 @@
-import { useDataBrowserContext } from "../components/index.js";
-function useFeatures(feature) {
-    const { getS3Config } = useDataBrowserContext();
-    const config = getS3Config();
-    return config?.credentials?.features?.includes(feature);
-}
-export { useFeatures };