@powerhousedao/vetra 6.0.0-dev.105 → 6.0.0-dev.107

package/dist/editors/app-editor/editor.test.js

@@ -1,444 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render, screen, waitFor } from "@testing-library/react";
-import { userEvent } from "@testing-library/user-event";
-import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
-import { useSelectedAppModuleDocument } from "../../document-models/app-module/hooks.js";
-import Editor from "./editor.js";
-vi.mock("../../document-models/app-module/hooks.js", () => ({
-    useSelectedAppModuleDocument: vi.fn(),
-}));
-vi.mock("@powerhousedao/design-system/connect", () => ({
-    DocumentToolbar: () => null,
-}));
-vi.mock("@powerhousedao/reactor-browser", async (importOriginal) => {
-    const actual = await importOriginal();
-    return {
-        ...actual,
-        useDocumentTypesInSelectedDrive: vi.fn(() => [
-            "powerhouse/document-model",
-            "powerhouse/budget-statement",
-            "powerhouse/project-tracker",
-        ]),
-        useSupportedDocumentTypesInReactor: vi.fn(() => []),
-        useSetPHDocumentEditorConfig: vi.fn(),
-        // These are needed by DocumentToolbar but mocked in setupTests
-        useSelectedDocument: vi.fn(() => [null, vi.fn()]),
-        useSelectedDocumentSafe: vi.fn(() => [null, vi.fn()]),
-        useDocumentById: vi.fn(() => [null, vi.fn()]),
-        useDocumentTimeline: vi.fn(() => []),
-        useNodeParentFolderById: vi.fn(() => null),
-        useGetSwitchboardLink: vi.fn(() => null),
-        setSelectedNode: vi.fn(),
-        setSelectedTimelineItem: vi.fn(),
-        showRevisionHistory: vi.fn(),
-        exportDocument: vi.fn(),
-    };
-});
-describe("AppModule Editor", () => {
-    let mockDispatch;
-    beforeEach(() => {
-        window.ph = {};
-        mockDispatch = vi.fn();
-        vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-            {
-                state: {
-                    global: {
-                        name: "",
-                        status: "DRAFT",
-                        allowedDocumentTypes: null,
-                        isDragAndDropEnabled: true,
-                    },
-                },
-            },
-            mockDispatch,
-        ]);
-    });
-    afterEach(() => {
-        delete window.ph;
-    });
-    describe("Core Rendering", () => {
-        it("should render all main form sections and labels", () => {
-            render(_jsx(Editor, {}));
-            expect(screen.getByText("App Configuration")).toBeInTheDocument();
-            expect(screen.getByText("App Name")).toBeInTheDocument();
-            expect(screen.getByText("Document Types")).toBeInTheDocument();
-            expect(screen.getByText("Drag and Drop Settings")).toBeInTheDocument();
-            expect(screen.getByText("Enable drag and drop")).toBeInTheDocument();
-            expect(screen.getByText("Confirm")).toBeInTheDocument();
-        });
-        it("should display existing app data when document has values", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: [
-                                "powerhouse/document-model",
-                                "powerhouse/budget-statement",
-                            ],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            expect(screen.getByDisplayValue("test-app")).toBeInTheDocument();
-            expect(screen.getByText("powerhouse/document-model")).toBeInTheDocument();
-            expect(screen.getByText("powerhouse/budget-statement")).toBeInTheDocument();
-            const checkbox = screen.getByLabelText("Enable drag and drop");
-            expect(checkbox).toBeChecked();
-        });
-    });
-    describe("App Name Input", () => {
-        it("should dispatch setAppName when name changes (debounced)", async () => {
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            await user.type(nameInput, "new-app");
-            await waitFor(() => {
-                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                    type: "SET_APP_NAME",
-                    input: { name: "new-app" },
-                }));
-            }, { timeout: 500 });
-        });
-        it("should dispatch when clearing a non-empty field", async () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "existing-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            await user.clear(nameInput);
-            await waitFor(() => {
-                expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                    type: "SET_APP_NAME",
-                    input: { name: "" },
-                }));
-            }, { timeout: 500 });
-        });
-        it("should NOT dispatch when typing identical value without clearing", async () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test",
-                            status: "DRAFT",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            // Simulate user selecting all text and typing the same value
-            await user.tripleClick(nameInput); // Select all
-            await user.type(nameInput, "test");
-            await waitFor(() => {
-                expect(mockDispatch).not.toHaveBeenCalled();
-            });
-        });
-        it("should NOT dispatch when both old and new values are empty", async () => {
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            await user.click(nameInput);
-            await user.tab();
-            await waitFor(() => {
-                expect(mockDispatch).not.toHaveBeenCalled();
-            });
-        });
-    });
-    describe("Document Types Management", () => {
-        it("should add regular document type from dropdown", async () => {
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const select = screen.getByRole("combobox");
-            await user.selectOptions(select, "powerhouse/document-model");
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "ADD_DOCUMENT_TYPE",
-                input: {
-                    documentType: "powerhouse/document-model",
-                },
-            }));
-        });
-        it("should add all document types when selecting 'all-in-drive'", async () => {
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const select = screen.getByRole("combobox");
-            await user.selectOptions(select, "all-in-drive");
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "SET_DOCUMENT_TYPES",
-                input: {
-                    documentTypes: [
-                        "powerhouse/document-model",
-                        "powerhouse/budget-statement",
-                        "powerhouse/project-tracker",
-                    ],
-                },
-            }));
-        });
-        it("should remove document type", async () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: [
-                                "powerhouse/document-model",
-                                "powerhouse/budget-statement",
-                            ],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            // Find the remove button for the first document type
-            const documentModelText = screen.getByText("powerhouse/document-model");
-            const removeButton = documentModelText.parentElement?.querySelector("button");
-            if (removeButton) {
-                await user.click(removeButton);
-            }
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "REMOVE_DOCUMENT_TYPE",
-                input: { documentType: "powerhouse/document-model" },
-            }));
-        });
-        it("should NOT show duplicate document type in dropdown", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: ["powerhouse/document-model"],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            const select = screen.getByRole("combobox");
-            // Document type should not be in the options since it's already selected
-            const options = Array.from(select.querySelectorAll("option")).map((opt) => opt.value);
-            expect(options).not.toContain("powerhouse/document-model");
-            // But other document types should still be available
-            expect(options).toContain("powerhouse/budget-statement");
-            expect(options).toContain("powerhouse/project-tracker");
-        });
-        it("should display existing document types list", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: [
-                                "powerhouse/document-model",
-                                "powerhouse/budget-statement",
-                            ],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            expect(screen.getByText("powerhouse/document-model")).toBeInTheDocument();
-            expect(screen.getByText("powerhouse/budget-statement")).toBeInTheDocument();
-        });
-        it("should show 'All documents (*)' when allowedDocumentTypes is empty", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: [],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            expect(screen.getByText("All documents (*)")).toBeInTheDocument();
-        });
-        it("should show 'All documents (*)' when allowedDocumentTypes is null", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            expect(screen.getByText("All documents (*)")).toBeInTheDocument();
-        });
-    });
-    describe("Drag and Drop Toggle", () => {
-        it("should dispatch setDragAndDropEnabled when checkbox toggled", async () => {
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const checkbox = screen.getByLabelText("Enable drag and drop");
-            await user.click(checkbox);
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "SET_DRAG_AND_DROP_ENABLED",
-                input: { enabled: false },
-            }));
-        });
-        it("should NOT dispatch when value equals current value", async () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const checkbox = screen.getByLabelText("Enable drag and drop");
-            // Checkbox is already checked, so clicking it would toggle to false
-            await user.click(checkbox);
-            // The dispatch should be called with enabled: false
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "SET_DRAG_AND_DROP_ENABLED",
-                input: { enabled: false },
-            }));
-        });
-    });
-    describe("Confirm Button", () => {
-        it("should dispatch setAppStatus when confirm clicked", async () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            const user = userEvent.setup();
-            render(_jsx(Editor, {}));
-            const confirmButton = screen.getByText("Confirm");
-            await user.click(confirmButton);
-            expect(mockDispatch).toHaveBeenCalledWith(expect.objectContaining({
-                type: "SET_APP_STATUS",
-                input: { status: "CONFIRMED" },
-            }));
-        });
-        it("should be disabled when app name is empty", () => {
-            render(_jsx(Editor, {}));
-            const confirmButton = screen.getByText("Confirm");
-            expect(confirmButton).toBeDisabled();
-        });
-        it("should be hidden when status is CONFIRMED", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "CONFIRMED",
-                            allowedDocumentTypes: null,
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            const confirmButton = screen.queryByText("Confirm");
-            expect(confirmButton).not.toBeInTheDocument();
-        });
-    });
-    describe("Read-only Mode", () => {
-        it("should disable form fields when status is CONFIRMED", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "CONFIRMED",
-                            allowedDocumentTypes: ["powerhouse/document-model"],
-                            isDragAndDropEnabled: true,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            const checkbox = screen.getByLabelText("Enable drag and drop");
-            expect(nameInput).toBeDisabled();
-            expect(checkbox).toBeDisabled();
-            // Document types dropdown should not be visible in read-only mode
-            const select = screen.queryByRole("combobox");
-            expect(select).not.toBeInTheDocument();
-            // Remove buttons should not be visible
-            const removeButtons = screen.queryAllByText("×");
-            expect(removeButtons).toHaveLength(0);
-        });
-        it("should enable form fields when status is DRAFT", () => {
-            vi.mocked(useSelectedAppModuleDocument).mockReturnValue([
-                {
-                    state: {
-                        global: {
-                            name: "test-app",
-                            status: "DRAFT",
-                            allowedDocumentTypes: ["powerhouse/document-model"],
-                            isDragAndDropEnabled: false,
-                        },
-                    },
-                },
-                mockDispatch,
-            ]);
-            render(_jsx(Editor, {}));
-            const nameInput = screen.getByLabelText("App Name");
-            const checkbox = screen.getByLabelText("Enable drag and drop");
-            expect(nameInput).not.toBeDisabled();
-            expect(checkbox).not.toBeDisabled();
-            // Document types dropdown should be visible
-            const select = screen.getByRole("combobox");
-            expect(select).toBeInTheDocument();
-            // Remove button should be visible
-            const removeButtons = screen.queryAllByText("×");
-            expect(removeButtons.length).toBeGreaterThan(0);
-        });
-    });
-});

package/dist/editors/app-editor/module.d.ts

@@ -1,4 +0,0 @@
-import type { EditorModule } from "document-model";
-/** Document editor module for the "powerhouse/app" document type */
-export declare const AppEditor: EditorModule;
-//# sourceMappingURL=module.d.ts.map

package/dist/editors/app-editor/module.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../../editors/app-editor/module.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAGnD,oEAAoE;AACpE,eAAO,MAAM,SAAS,EAAE,YAOvB,CAAC"}

package/dist/editors/app-editor/module.js

@@ -1,10 +0,0 @@
-import { lazy } from "react";
-/** Document editor module for the "powerhouse/app" document type */
-export const AppEditor = {
-    Component: lazy(() => import("./editor.js")),
-    documentTypes: ["powerhouse/app"],
-    config: {
-        id: "app-editor",
-        name: "AppEditor",
-    },
-};

package/dist/editors/components/StatusPill.d.ts

@@ -1,6 +0,0 @@
-export interface StatusPillProps {
-    status: "draft" | "confirmed";
-    label: string;
-}
-export declare const StatusPill: React.FC<StatusPillProps>;
-//# sourceMappingURL=StatusPill.d.ts.map

package/dist/editors/components/StatusPill.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusPill.d.ts","sourceRoot":"","sources":["../../../editors/components/StatusPill.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,OAAO,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAYhD,CAAC"}

package/dist/editors/components/StatusPill.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const StatusPill = ({ status, label }) => {
-    return (_jsx("div", { className: `rounded-full px-3 py-1 text-xs font-medium ${status === "confirmed"
-            ? "bg-green-100 text-green-800"
-            : "bg-yellow-100 text-yellow-800"}`, children: label }));
-};

package/dist/editors/document-editor/components/DocumentEditorForm.d.ts

@@ -1,12 +0,0 @@
-import type { AddDocumentTypeInput, DocumentTypeItem, RemoveDocumentTypeInput } from "../../../document-models/document-editor/index.js";
-export interface DocumentEditorFormProps {
-    editorName?: string;
-    documentTypes?: DocumentTypeItem[];
-    status?: string;
-    onEditorNameChange?: (name: string) => void;
-    onAddDocumentType?: (input: AddDocumentTypeInput) => void;
-    onRemoveDocumentType?: (input: RemoveDocumentTypeInput) => void;
-    onConfirm?: () => void;
-}
-export declare const DocumentEditorForm: React.FC<DocumentEditorFormProps>;
-//# sourceMappingURL=DocumentEditorForm.d.ts.map

package/dist/editors/document-editor/components/DocumentEditorForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DocumentEditorForm.d.ts","sourceRoot":"","sources":["../../../../editors/document-editor/components/DocumentEditorForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACxB,MAAM,mDAAmD,CAAC;AAI3D,MAAM,WAAW,uBAAuB;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,gBAAgB,EAAE,CAAC;IACnC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC;IAC1D,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,uBAAuB,KAAK,IAAI,CAAC;IAChE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAqED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmIhE,CAAC"}

package/dist/editors/document-editor/components/DocumentEditorForm.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Suspense, useEffect, useState } from "react";
-import { StatusPill } from "../../components/index.js";
-import { useAvailableDocumentTypes, useDebounce } from "../../hooks/index.js";
-function DocumentTypeSelectUI(props) {
-    return (_jsxs("select", { id: "supported-document-types", className: "w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500", ...props, children: [_jsx("option", { value: "", children: "Select a document type" }), props.children] }));
-}
-function DocumentTypeSelect({ documentTypes, setDocumentTypes, onAddDocumentType, onRemoveDocumentType, }) {
-    // Get available document types from the hook (vetra drive only for document editor)
-    const availableDocumentTypes = useAvailableDocumentTypes(true);
-    const [selectedDocumentType, setSelectedDocumentType] = useState("");
-    return (_jsx(DocumentTypeSelectUI, { value: selectedDocumentType, onChange: (e) => {
-            const selectedValue = e.target.value;
-            if (selectedValue) {
-                // Remove existing document type if any
-                const existingType = documentTypes?.at(0);
-                if (existingType) {
-                    onRemoveDocumentType?.({ id: existingType.id });
-                }
-                // Add the new document type
-                const newTypeInput = {
-                    id: Date.now().toString(), // Generate a unique ID
-                    documentType: selectedValue,
-                };
-                const newType = {
-                    id: newTypeInput.id,
-                    documentType: newTypeInput.documentType,
-                };
-                setDocumentTypes([newType]); // Replace with single item array
-                onAddDocumentType?.(newTypeInput);
-            }
-            setSelectedDocumentType("");
-        }, children: availableDocumentTypes.map((docType) => (_jsx("option", { value: docType, children: docType }, docType))) }));
-}
-export const DocumentEditorForm = ({ editorName: initialEditorName = "", documentTypes: initialDocumentTypes = [], status = "DRAFT", onEditorNameChange, onAddDocumentType, onRemoveDocumentType, onConfirm, }) => {
-    const [editorName, setEditorName] = useState(initialEditorName);
-    const [documentTypes, setDocumentTypes] = useState(initialDocumentTypes);
-    const [isConfirmed, setIsConfirmed] = useState(false);
-    // Use the debounce hook for name changes
-    useDebounce(editorName, onEditorNameChange, 300);
-    // Update local state when initial values change
-    useEffect(() => {
-        setEditorName(initialEditorName);
-    }, [initialEditorName]);
-    useEffect(() => {
-        setDocumentTypes(initialDocumentTypes);
-    }, [initialDocumentTypes]);
-    // Reset confirmation state if status changes back to DRAFT
-    useEffect(() => {
-        if (status === "DRAFT") {
-            setIsConfirmed(false);
-        }
-    }, [status]);
-    // Check if form should be read-only
-    const isReadOnly = isConfirmed || status === "CONFIRMED";
-    const handleConfirm = () => {
-        if (editorName.trim() && documentTypes.length > 0) {
-            setIsConfirmed(true); // Immediate UI update
-            onConfirm?.();
-        }
-    };
-    return (_jsxs("div", { className: "space-y-6 p-6", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("h2", { className: "text-lg font-medium text-gray-900", children: "Editor Configuration" }), _jsx(StatusPill, { status: status === "CONFIRMED" ? "confirmed" : "draft", label: status === "CONFIRMED" ? "Confirmed" : "Draft" })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "editor-name", className: "mb-2 block text-sm font-medium text-gray-700", children: "Editor Name" }), _jsx("input", { id: "editor-name", type: "text", value: editorName, onChange: (e) => setEditorName(e.target.value), disabled: isReadOnly, className: `w-full rounded-md border border-gray-300 px-3 py-2 focus:border-transparent focus:outline-none focus:ring-2 focus:ring-blue-500 ${isReadOnly ? "cursor-not-allowed bg-gray-100" : ""}` })] }), _jsxs("div", { children: [_jsx("label", { htmlFor: "supported-document-types", className: "mb-2 block text-sm font-medium text-gray-700", children: "Supported Document Types" }), _jsxs("div", { className: "space-y-2", children: [!isReadOnly && (_jsx(Suspense, { fallback: _jsx(DocumentTypeSelectUI, {}), children: _jsx(DocumentTypeSelect, { documentTypes: documentTypes, setDocumentTypes: setDocumentTypes, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType }) })), _jsx("div", { className: "space-y-1", children: documentTypes.map((type) => (_jsxs("div", { className: "flex items-center py-1", children: [_jsx("span", { className: "text-sm text-gray-700", children: type.documentType }), !isReadOnly && (_jsx("button", { onClick: () => {
-                                                setDocumentTypes([]);
-                                                onRemoveDocumentType?.({ id: type.id });
-                                            }, className: "ml-2 text-gray-400 hover:text-gray-600 focus:outline-none", children: "\u00D7" }))] }, type.id))) })] })] }), !isReadOnly && (_jsx("div", { children: _jsx("button", { onClick: handleConfirm, disabled: !editorName.trim() || documentTypes.length === 0, className: "rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 disabled:cursor-not-allowed disabled:bg-gray-300", children: "Confirm" }) }))] }));
-};

package/dist/editors/document-editor/config.d.ts

@@ -1,3 +0,0 @@
-import type { PHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-export declare const editorConfig: PHDocumentEditorConfig;
-//# sourceMappingURL=config.d.ts.map

package/dist/editors/document-editor/config.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAE7E,eAAO,MAAM,YAAY,EAAE,sBAE1B,CAAC"}

package/dist/editors/document-editor/config.js

@@ -1,3 +0,0 @@
-export const editorConfig = {
-    isExternalControlsEnabled: false,
-};

package/dist/editors/document-editor/editor.d.ts

@@ -1,2 +0,0 @@
-export default function Editor(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editor.d.ts.map

package/dist/editors/document-editor/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.tsx"],"names":[],"mappings":"AAYA,MAAM,CAAC,OAAO,UAAU,MAAM,4CA8C7B"}

package/dist/editors/document-editor/editor.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentToolbar } from "@powerhousedao/design-system/connect";
-import { useSetPHDocumentEditorConfig } from "@powerhousedao/reactor-browser";
-import { useCallback } from "react";
-import { useSelectedDocumentEditorDocument } from "../../document-models/document-editor/hooks.js";
-import { actions } from "../../document-models/document-editor/index.js";
-import { DocumentEditorForm } from "./components/DocumentEditorForm.js";
-import { editorConfig } from "./config.js";
-export default function Editor() {
-    useSetPHDocumentEditorConfig(editorConfig);
-    const [document, dispatch] = useSelectedDocumentEditorDocument();
-    const onEditorNameChange = useCallback((name) => {
-        if (!document.state.global.name && !name)
-            return;
-        if (name === document.state.global.name)
-            return;
-        dispatch(actions.setEditorName({ name }));
-    }, [document.state.global.name, dispatch]);
-    const onAddDocumentType = useCallback((input) => {
-        dispatch(actions.addDocumentType(input));
-    }, [dispatch]);
-    const onRemoveDocumentType = useCallback((input) => {
-        dispatch(actions.removeDocumentType(input));
-    }, [dispatch]);
-    const onConfirm = useCallback(() => {
-        dispatch(actions.setEditorStatus({ status: "CONFIRMED" }));
-    }, [dispatch]);
-    return (_jsxs("div", { className: "bg-gray-50 p-6", children: [_jsx(DocumentToolbar, {}), _jsx(DocumentEditorForm, { status: document.state.global.status, editorName: document.state.global.name ?? "", documentTypes: document.state.global.documentTypes, onEditorNameChange: onEditorNameChange, onAddDocumentType: onAddDocumentType, onRemoveDocumentType: onRemoveDocumentType, onConfirm: onConfirm })] }));
-}

package/dist/editors/document-editor/editor.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=editor.test.d.ts.map

package/dist/editors/document-editor/editor.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.test.d.ts","sourceRoot":"","sources":["../../../editors/document-editor/editor.test.tsx"],"names":[],"mappings":""}