mongo.do 0.1.0

package/dist/studio/components/crud/InsertDocumentDialog.js

@@ -0,0 +1,323 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * InsertDocumentDialog Component
+ *
+ * A dialog component for inserting documents into a MongoDB collection.
+ * Features a JSON editor with validation and formatting.
+ * Can use either a basic textarea or an enhanced CodeMirror editor.
+ */
+import { useState, useCallback, useEffect } from 'react';
+// Styles for the dialog
+const dialogStyles = {
+    overlay: {
+        position: 'fixed',
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: 'rgba(0, 0, 0, 0.5)',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        zIndex: 1000,
+    },
+    dialog: {
+        backgroundColor: '#1e1e1e',
+        borderRadius: '8px',
+        border: '1px solid #444',
+        width: '600px',
+        maxWidth: '90vw',
+        maxHeight: '80vh',
+        display: 'flex',
+        flexDirection: 'column',
+        color: '#e0e0e0',
+        fontFamily: 'system-ui, -apple-system, sans-serif',
+    },
+    header: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '16px 20px',
+        borderBottom: '1px solid #444',
+    },
+    headerLeft: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    title: {
+        fontSize: '18px',
+        fontWeight: 600,
+        margin: 0,
+    },
+    headerActions: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '8px',
+    },
+    iconButton: {
+        padding: '6px',
+        backgroundColor: 'transparent',
+        border: '1px solid #444',
+        borderRadius: '4px',
+        color: '#888',
+        cursor: 'pointer',
+        fontSize: '14px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    body: {
+        flex: 1,
+        padding: '20px',
+        overflow: 'auto',
+    },
+    description: {
+        fontSize: '14px',
+        color: '#888',
+        marginBottom: '16px',
+    },
+    editorContainer: {
+        border: '1px solid #444',
+        borderRadius: '6px',
+        overflow: 'hidden',
+        marginBottom: '16px',
+    },
+    textarea: {
+        width: '100%',
+        height: '300px',
+        padding: '12px',
+        backgroundColor: '#1e1e1e',
+        color: '#e0e0e0',
+        border: 'none',
+        borderRadius: '6px',
+        fontSize: '13px',
+        fontFamily: "'Source Code Pro', 'Menlo', monospace",
+        resize: 'vertical',
+        outline: 'none',
+        boxSizing: 'border-box',
+    },
+    error: {
+        padding: '12px 16px',
+        backgroundColor: '#f4433620',
+        border: '1px solid #f44336',
+        borderRadius: '4px',
+        color: '#ff6b6b',
+        fontSize: '13px',
+        marginBottom: '16px',
+    },
+    footer: {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between',
+        padding: '16px 20px',
+        borderTop: '1px solid #444',
+    },
+    footerLeft: {
+        fontSize: '12px',
+        color: '#666',
+    },
+    footerRight: {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '12px',
+    },
+    button: {
+        padding: '10px 20px',
+        borderRadius: '4px',
+        fontSize: '14px',
+        fontWeight: 500,
+        cursor: 'pointer',
+        border: 'none',
+        transition: 'all 0.2s',
+    },
+    cancelButton: {
+        backgroundColor: 'transparent',
+        border: '1px solid #444',
+        color: '#888',
+    },
+    insertButton: {
+        backgroundColor: '#4fc3f7',
+        color: '#000',
+    },
+    insertButtonDisabled: {
+        backgroundColor: '#4fc3f780',
+        color: '#00000080',
+        cursor: 'not-allowed',
+    },
+};
+/**
+ * Default document template
+ */
+const DEFAULT_DOCUMENT = `{
+
+}`;
+/**
+ * Format JSON string with proper indentation
+ */
+export function formatJson(jsonString) {
+    try {
+        const parsed = JSON.parse(jsonString);
+        return JSON.stringify(parsed, null, 2);
+    }
+    catch {
+        return jsonString;
+    }
+}
+/**
+ * Parse JSON string safely
+ */
+export function parseJsonSafe(jsonString) {
+    try {
+        const data = JSON.parse(jsonString);
+        return { success: true, data };
+    }
+    catch (error) {
+        return {
+            success: false,
+            error: error instanceof Error ? error.message : 'Invalid JSON',
+        };
+    }
+}
+/**
+ * Basic JSON Editor using textarea
+ * Can be replaced with CodeMirror in the full studio app
+ */
+export function JsonEditor({ value, onChange, onValidChange, height = 300, 'data-testid': testId, }) {
+    const handleChange = useCallback((e) => {
+        const newValue = e.target.value;
+        onChange(newValue);
+        // Validate JSON
+        if (onValidChange) {
+            if (!newValue.trim()) {
+                onValidChange(true);
+            }
+            else {
+                try {
+                    JSON.parse(newValue);
+                    onValidChange(true);
+                }
+                catch {
+                    onValidChange(false);
+                }
+            }
+        }
+    }, [onChange, onValidChange]);
+    return (_jsx("textarea", { value: value, onChange: handleChange, style: {
+            ...dialogStyles.textarea,
+            height: typeof height === 'number' ? `${height}px` : height,
+        }, "data-testid": testId, spellCheck: false, autoComplete: "off", autoCorrect: "off", autoCapitalize: "off" }));
+}
+/**
+ * InsertDocumentDialog component
+ */
+export function InsertDocumentDialog({ database: _database, collection, open, onClose, onInsert, onSuccess, EditorComponent = JsonEditor, }) {
+    const [value, setValue] = useState(DEFAULT_DOCUMENT);
+    const [isValid, setIsValid] = useState(true);
+    const [error, setError] = useState(null);
+    const [isInserting, setIsInserting] = useState(false);
+    /**
+     * Handle valid state change from editor
+     */
+    const handleValidChange = useCallback((valid) => {
+        setIsValid(valid);
+        if (valid) {
+            setError(null);
+        }
+    }, []);
+    /**
+     * Handle format button click
+     */
+    const handleFormat = useCallback(() => {
+        const formatted = formatJson(value);
+        setValue(formatted);
+    }, [value]);
+    /**
+     * Handle clear button click
+     */
+    const handleClear = useCallback(() => {
+        setValue(DEFAULT_DOCUMENT);
+        setError(null);
+        setIsValid(true);
+    }, []);
+    /**
+     * Handle insert button click
+     */
+    const handleInsert = useCallback(async () => {
+        setError(null);
+        const parsed = parseJsonSafe(value);
+        if (!parsed.success) {
+            setError(parsed.error);
+            return;
+        }
+        // Validate that the document is an object
+        if (typeof parsed.data !== 'object' ||
+            parsed.data === null ||
+            Array.isArray(parsed.data)) {
+            setError('Document must be a JSON object');
+            return;
+        }
+        setIsInserting(true);
+        try {
+            const result = await onInsert(parsed.data);
+            onSuccess?.(result.insertedId);
+            handleClose();
+        }
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Failed to insert document');
+        }
+        finally {
+            setIsInserting(false);
+        }
+    }, [value, onInsert, onSuccess]);
+    /**
+     * Handle dialog close
+     */
+    const handleClose = useCallback(() => {
+        setValue(DEFAULT_DOCUMENT);
+        setError(null);
+        setIsValid(true);
+        setIsInserting(false);
+        onClose();
+    }, [onClose]);
+    /**
+     * Handle keyboard shortcuts
+     */
+    const handleKeyDown = useCallback((e) => {
+        // Ctrl/Cmd + Enter to submit
+        if ((e.ctrlKey || e.metaKey) && e.key === 'Enter' && isValid && !isInserting) {
+            e.preventDefault();
+            handleInsert();
+        }
+        // Escape to close
+        if (e.key === 'Escape') {
+            e.preventDefault();
+            handleClose();
+        }
+        // Ctrl/Cmd + Shift + F to format
+        if ((e.ctrlKey || e.metaKey) && e.shiftKey && e.key === 'f') {
+            e.preventDefault();
+            handleFormat();
+        }
+    }, [isValid, isInserting, handleInsert, handleClose, handleFormat]);
+    // Reset state when dialog opens
+    useEffect(() => {
+        if (open) {
+            setValue(DEFAULT_DOCUMENT);
+            setError(null);
+            setIsValid(true);
+            setIsInserting(false);
+        }
+    }, [open]);
+    if (!open) {
+        return null;
+    }
+    return (_jsx("div", { style: dialogStyles.overlay, onClick: handleClose, "data-testid": "insert-document-dialog-overlay", children: _jsxs("div", { style: dialogStyles.dialog, onClick: (e) => e.stopPropagation(), onKeyDown: handleKeyDown, "data-testid": "insert-document-dialog", role: "dialog", "aria-labelledby": "insert-dialog-title", "aria-modal": "true", children: [_jsxs("div", { style: dialogStyles.header, children: [_jsxs("div", { style: dialogStyles.headerLeft, children: [_jsx("span", { style: { fontSize: '18px' }, children: "+" }), _jsx("h2", { id: "insert-dialog-title", style: dialogStyles.title, children: "Insert Document" })] }), _jsxs("div", { style: dialogStyles.headerActions, children: [_jsx("button", { style: dialogStyles.iconButton, onClick: handleFormat, title: "Format JSON (Cmd+Shift+F)", "aria-label": "Format JSON", "data-testid": "format-button", children: '{ }' }), _jsx("button", { style: dialogStyles.iconButton, onClick: handleClear, title: "Clear editor", "aria-label": "Clear", "data-testid": "clear-button", children: "X" })] })] }), _jsxs("div", { style: dialogStyles.body, children: [_jsxs("p", { style: dialogStyles.description, children: ["Enter the document to insert into ", _jsx("strong", { children: collection })] }), error && (_jsx("div", { style: dialogStyles.error, role: "alert", "data-testid": "insert-error", children: error })), _jsx("div", { style: dialogStyles.editorContainer, "data-testid": "insert-document-editor", children: _jsx(EditorComponent, { value: value, onChange: setValue, onValidChange: handleValidChange, height: 300, "data-testid": "json-editor-input" }) })] }), _jsxs("div", { style: dialogStyles.footer, children: [_jsx("div", { style: dialogStyles.footerLeft, children: "Tip: Press Cmd+Enter to insert" }), _jsxs("div", { style: dialogStyles.footerRight, children: [_jsx("button", { style: { ...dialogStyles.button, ...dialogStyles.cancelButton }, onClick: handleClose, "data-testid": "cancel-button", children: "Cancel" }), _jsx("button", { style: {
+                                        ...dialogStyles.button,
+                                        ...(isValid && !isInserting
+                                            ? dialogStyles.insertButton
+                                            : dialogStyles.insertButtonDisabled),
+                                    }, onClick: handleInsert, disabled: !isValid || isInserting, "data-testid": "insert-button", children: isInserting ? 'Inserting...' : 'Insert' })] })] })] }) }));
+}
+export default InsertDocumentDialog;
+//# sourceMappingURL=InsertDocumentDialog.js.map

package/dist/studio/components/crud/InsertDocumentDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InsertDocumentDialog.js","sourceRoot":"","sources":["../../../../src/studio/components/crud/InsertDocumentDialog.tsx"],"names":[],"mappings":"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"}

package/dist/studio/components/crud/__tests__/DeleteDocumentDialog.test.d.ts

@@ -0,0 +1,5 @@
+/**
+ * DeleteDocumentDialog Component Tests
+ */
+export {};
+//# sourceMappingURL=DeleteDocumentDialog.test.d.ts.map

package/dist/studio/components/crud/__tests__/DeleteDocumentDialog.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteDocumentDialog.test.d.ts","sourceRoot":"","sources":["../../../../../src/studio/components/crud/__tests__/DeleteDocumentDialog.test.tsx"],"names":[],"mappings":"AAAA;;GAEG"}

package/dist/studio/components/crud/__tests__/DeleteDocumentDialog.test.js

@@ -0,0 +1,298 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * DeleteDocumentDialog Component Tests
+ */
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
+import { render, screen, waitFor } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import { DeleteDocumentDialog, DeleteDocumentsBulk, DeleteDocumentInline, } from '../DeleteDocumentDialog';
+describe('DeleteDocumentDialog', () => {
+    const mockDocument = {
+        _id: 'doc123',
+        name: 'Test Document',
+        count: 42,
+    };
+    const mockOnClose = vi.fn();
+    const mockOnConfirm = vi.fn();
+    const mockOnSuccess = vi.fn();
+    const defaultProps = {
+        database: 'testdb',
+        collection: 'testcoll',
+        documentId: 'doc123',
+        open: true,
+        onClose: mockOnClose,
+        onConfirm: mockOnConfirm,
+        onSuccess: mockOnSuccess,
+        document: mockDocument,
+    };
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockOnConfirm.mockResolvedValue({ success: true, deletedCount: 1 });
+    });
+    afterEach(() => {
+        vi.restoreAllMocks();
+    });
+    describe('rendering', () => {
+        it('renders confirmation modal when open', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByText('Delete Document')).toBeInTheDocument();
+        });
+        it('does not render when closed', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps, open: false }));
+            expect(screen.queryByText('Delete Document')).not.toBeInTheDocument();
+        });
+        it('shows collection name', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByText(/testcoll/)).toBeInTheDocument();
+        });
+        it('shows document ID', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByText('doc123')).toBeInTheDocument();
+        });
+        it('shows document preview when provided', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByTestId('delete-document-preview')).toBeInTheDocument();
+            expect(screen.getByTestId('delete-document-preview')).toHaveTextContent('Test Document');
+        });
+        it('shows warning message', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByText(/this action cannot be undone/i)).toBeInTheDocument();
+        });
+        it('renders Delete button', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByTestId('delete-document-confirm')).toHaveTextContent('Delete');
+        });
+        it('has correct dialog role', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByRole('dialog')).toBeInTheDocument();
+        });
+        it('has aria-modal attribute', () => {
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            expect(screen.getByRole('dialog')).toHaveAttribute('aria-modal', 'true');
+        });
+    });
+    describe('deletion', () => {
+        it('calls onConfirm with document ID on confirm', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            await waitFor(() => {
+                expect(mockOnConfirm).toHaveBeenCalledWith(['doc123']);
+            });
+        });
+        it('calls onSuccess after successful deletion', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            await waitFor(() => {
+                expect(mockOnSuccess).toHaveBeenCalled();
+            });
+        });
+        it('closes modal after successful deletion', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            await waitFor(() => {
+                expect(mockOnClose).toHaveBeenCalled();
+            });
+        });
+        it('shows error message on deletion failure', async () => {
+            mockOnConfirm.mockRejectedValue(new Error('Delete failed'));
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            await waitFor(() => {
+                expect(screen.getByTestId('delete-error')).toHaveTextContent('Delete failed');
+            });
+        });
+        it('shows error from result when deletion returns error', async () => {
+            mockOnConfirm.mockResolvedValue({
+                success: false,
+                deletedCount: 0,
+                error: 'Permission denied',
+            });
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            await waitFor(() => {
+                expect(screen.getByTestId('delete-error')).toHaveTextContent('Permission denied');
+            });
+        });
+        it('shows loading state during deletion', async () => {
+            let resolvePromise;
+            mockOnConfirm.mockImplementation(() => new Promise((resolve) => {
+                resolvePromise = resolve;
+            }));
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-confirm'));
+            expect(screen.getByTestId('delete-document-confirm')).toHaveTextContent('Deleting...');
+            expect(screen.getByTestId('delete-document-confirm')).toBeDisabled();
+            // Resolve the promise to clean up
+            resolvePromise({ success: true, deletedCount: 1 });
+        });
+    });
+    describe('cancel behavior', () => {
+        it('calls onClose when Cancel is clicked', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-cancel'));
+            expect(mockOnClose).toHaveBeenCalled();
+        });
+        it('calls onClose when overlay is clicked', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByTestId('delete-document-dialog'));
+            expect(mockOnClose).toHaveBeenCalled();
+        });
+        it('does not close when dialog content is clicked', async () => {
+            const user = userEvent.setup();
+            render(_jsx(DeleteDocumentDialog, { ...defaultProps }));
+            await user.click(screen.getByText('Delete Document'));
+            expect(mockOnClose).not.toHaveBeenCalled();
+        });
+    });
+});
+describe('DeleteDocumentsBulk', () => {
+    const mockOnClose = vi.fn();
+    const mockOnConfirm = vi.fn();
+    const mockOnSuccess = vi.fn();
+    const defaultProps = {
+        database: 'testdb',
+        collection: 'testcoll',
+        documentIds: ['doc1', 'doc2', 'doc3'],
+        open: true,
+        onClose: mockOnClose,
+        onConfirm: mockOnConfirm,
+        onSuccess: mockOnSuccess,
+    };
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockOnConfirm.mockResolvedValue({ success: true, deletedCount: 3 });
+    });
+    it('renders with document count', () => {
+        render(_jsx(DeleteDocumentsBulk, { ...defaultProps }));
+        expect(screen.getByText('Delete Documents')).toBeInTheDocument();
+        expect(screen.getByText(/3 documents/)).toBeInTheDocument();
+    });
+    it('shows collection name', () => {
+        render(_jsx(DeleteDocumentsBulk, { ...defaultProps }));
+        expect(screen.getByText(/testcoll/)).toBeInTheDocument();
+    });
+    it('shows warning message', () => {
+        render(_jsx(DeleteDocumentsBulk, { ...defaultProps }));
+        expect(screen.getByText(/this action cannot be undone/i)).toBeInTheDocument();
+    });
+    it('shows bulk delete button text', () => {
+        render(_jsx(DeleteDocumentsBulk, { ...defaultProps }));
+        expect(screen.getByTestId('delete-document-confirm')).toHaveTextContent('Delete 3 Documents');
+    });
+    it('calls onConfirm with all document IDs', async () => {
+        const user = userEvent.setup();
+        render(_jsx(DeleteDocumentsBulk, { ...defaultProps }));
+        await user.click(screen.getByTestId('delete-document-confirm'));
+        await waitFor(() => {
+            expect(mockOnConfirm).toHaveBeenCalledWith(['doc1', 'doc2', 'doc3']);
+        });
+    });
+});
+describe('DeleteDocumentInline', () => {
+    const mockDocument = {
+        _id: 'doc123',
+        name: 'Test',
+    };
+    const mockOnConfirm = vi.fn();
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockOnConfirm.mockResolvedValue({ success: true, deletedCount: 1 });
+    });
+    it('renders children and opens modal on click', async () => {
+        const user = userEvent.setup();
+        render(_jsx(DeleteDocumentInline, { database: "testdb", collection: "testcoll", document: mockDocument, onConfirm: mockOnConfirm, children: ({ onClick }) => (_jsx("button", { onClick: onClick, "data-testid": "trigger", children: "Delete" })) }));
+        expect(screen.getByTestId('trigger')).toBeInTheDocument();
+        expect(screen.queryByText('Delete Document')).not.toBeInTheDocument();
+        await user.click(screen.getByTestId('trigger'));
+        expect(screen.getByText('Delete Document')).toBeInTheDocument();
+    });
+});
+describe('Undo capability', () => {
+    const mockDocument = {
+        _id: 'doc123',
+        name: 'Test Document',
+    };
+    const mockOnClose = vi.fn();
+    const mockOnConfirm = vi.fn();
+    const mockOnUndo = vi.fn();
+    const propsWithUndo = {
+        database: 'testdb',
+        collection: 'testcoll',
+        documentId: 'doc123',
+        open: true,
+        onClose: mockOnClose,
+        onConfirm: mockOnConfirm,
+        onUndo: mockOnUndo,
+        undoEnabled: true,
+        document: mockDocument,
+    };
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockOnConfirm.mockResolvedValue({
+            success: true,
+            deletedCount: 1,
+            deletedDocuments: [mockDocument],
+        });
+    });
+    it('shows undo notice when undo is enabled', () => {
+        render(_jsx(DeleteDocumentDialog, { ...propsWithUndo }));
+        expect(screen.getByTestId('undo-notice')).toBeInTheDocument();
+        expect(screen.getByText(/undo will be available/i)).toBeInTheDocument();
+    });
+    it('does not show undo notice when undo is disabled', () => {
+        render(_jsx(DeleteDocumentDialog, { ...propsWithUndo, undoEnabled: false }));
+        expect(screen.queryByTestId('undo-notice')).not.toBeInTheDocument();
+    });
+    it('does not show undo notice when onUndo is not provided', () => {
+        render(_jsx(DeleteDocumentDialog, { ...propsWithUndo, onUndo: undefined }));
+        expect(screen.queryByTestId('undo-notice')).not.toBeInTheDocument();
+    });
+});
+describe('Multi-select delete support', () => {
+    const mockOnClose = vi.fn();
+    const mockOnConfirm = vi.fn();
+    beforeEach(() => {
+        vi.clearAllMocks();
+        mockOnConfirm.mockResolvedValue({ success: true, deletedCount: 5 });
+    });
+    it('handles empty documentIds array', () => {
+        render(_jsx(DeleteDocumentDialog, { database: "testdb", collection: "testcoll", documentIds: [], open: true, onClose: mockOnClose, onConfirm: mockOnConfirm }));
+        expect(screen.getByText('Delete Document')).toBeInTheDocument();
+    });
+    it('handles single item in documentIds array', () => {
+        render(_jsx(DeleteDocumentDialog, { database: "testdb", collection: "testcoll", documentIds: ['single-doc'], open: true, onClose: mockOnClose, onConfirm: mockOnConfirm }));
+        expect(screen.getByText('Delete Document')).toBeInTheDocument();
+    });
+    it('handles multiple items showing bulk delete UI', () => {
+        render(_jsx(DeleteDocumentDialog, { database: "testdb", collection: "testcoll", documentIds: ['doc1', 'doc2', 'doc3', 'doc4', 'doc5'], open: true, onClose: mockOnClose, onConfirm: mockOnConfirm }));
+        expect(screen.getByText('Delete Documents')).toBeInTheDocument();
+        expect(screen.getByText(/5 documents/)).toBeInTheDocument();
+    });
+    it('prefers documentId over documentIds when both provided', async () => {
+        const user = userEvent.setup();
+        render(_jsx(DeleteDocumentDialog, { database: "testdb", collection: "testcoll", documentId: "single-doc", documentIds: ['doc1', 'doc2'], open: true, onClose: mockOnClose, onConfirm: mockOnConfirm }));
+        await user.click(screen.getByTestId('delete-document-confirm'));
+        await waitFor(() => {
+            expect(mockOnConfirm).toHaveBeenCalledWith(['single-doc']);
+        });
+    });
+    it('shows multiple document previews when documents array is small', () => {
+        const documents = [
+            { _id: 'doc1', name: 'First' },
+            { _id: 'doc2', name: 'Second' },
+        ];
+        render(_jsx(DeleteDocumentDialog, { database: "testdb", collection: "testcoll", documentIds: ['doc1', 'doc2'], documents: documents, open: true, onClose: mockOnClose, onConfirm: mockOnConfirm }));
+        const preview = screen.getByTestId('delete-document-preview');
+        expect(preview).toHaveTextContent('First');
+        expect(preview).toHaveTextContent('Second');
+    });
+});
+//# sourceMappingURL=DeleteDocumentDialog.test.js.map