@powerhousedao/network-admin 1.0.0-dev.5 → 1.0.0-dev.7

package/dist/editors/request-for-proposals/markdown-editor.js

@@ -1,133 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from "react";
-import remarkGfm from "remark-gfm";
-import rehypeSlug from "rehype-slug";
-import { useLocalStorage } from "usehooks-ts";
-// Custom preview renderer to make links open in new tabs and ensure proper list rendering
-const previewOptions = {
-    components: {
-        a: ({ ...props }) => (_jsx("a", { ...props, target: "_blank", rel: "noopener noreferrer" })),
-    },
-    rehypePlugins: [rehypeSlug],
-    remarkPlugins: [remarkGfm],
-};
-export function MarkdownEditor({ value, onChange, onBlur, height = 350, label = "Content", labelClassName = "text-sm leading-4 mb-3 font-medium", }) {
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    const [MDEditor, setMDEditor] = useState(null);
-    const [contentValue, setContentValue] = useState(" ");
-    const [isLoaded, setIsLoaded] = useState(false);
-    const [loadError, setLoadError] = useState(null);
-    const [viewMarkdownMode, setViewMarkdownMode] = useLocalStorage("markdown-editor-view-mode", "live");
-    // Ensure we have a valid mode for the editor
-    const editorMode = viewMarkdownMode || "live";
-    // Load the MDEditor component dynamically
-    useEffect(() => {
-        // Use a more robust dynamic import approach
-        const loadEditor = async () => {
-            try {
-                const module = await import("@uiw/react-md-editor");
-                setMDEditor(() => module.default);
-                setIsLoaded(true);
-                setLoadError(null);
-            }
-            catch (error) {
-                console.error("Failed to load MDEditor:", error);
-                setLoadError(error instanceof Error ? error.message : "Failed to load editor");
-                setIsLoaded(true);
-            }
-        };
-        // Add a small delay to ensure DOM is ready
-        const timer = setTimeout(loadEditor, 0);
-        return () => clearTimeout(timer);
-    }, []);
-    // Update contentValue when value prop changes
-    useEffect(() => {
-        if (isLoaded) {
-            const stringValue = typeof value === 'string' ? value : '';
-            const safeValue = stringValue.trim() || " ";
-            setContentValue(safeValue);
-        }
-    }, [value, isLoaded]);
-    useEffect(() => {
-        if (!MDEditor)
-            return;
-        const handleViewButtonClick = () => {
-            const buttonLive = document.querySelector("button[data-name='live']");
-            const buttonEdit = document.querySelector("button[data-name='edit']");
-            const buttonPreview = document.querySelector("button[data-name='preview']");
-            const liveLi = buttonLive?.closest("li");
-            const editLi = buttonEdit?.closest("li");
-            const previewLi = buttonPreview?.closest("li");
-            if (previewLi && previewLi.classList.contains("active")) {
-                setViewMarkdownMode("preview");
-            }
-            if (editLi && editLi.classList.contains("active")) {
-                setViewMarkdownMode("edit");
-            }
-            if (liveLi && liveLi.classList.contains("active")) {
-                setViewMarkdownMode("live");
-            }
-        };
-        document.addEventListener("click", handleViewButtonClick, true);
-        return () => {
-            document.removeEventListener("click", handleViewButtonClick, true);
-        };
-    }, [MDEditor, setViewMarkdownMode]);
-    // Handle content changes
-    const handleContentChange = (newValue) => {
-        if (newValue !== undefined) {
-            const stringValue = typeof newValue === 'string' ? newValue : '';
-            // Only replace completely empty strings with a space, preserve all other content
-            const safeValue = stringValue === '' ? " " : stringValue;
-            setContentValue(safeValue);
-            onChange(newValue); // Keep the original value for the parent component
-        }
-    };
-    // Handle content blur
-    const handleContentBlur = (e) => {
-        if (onBlur) {
-            onBlur(e.target.value);
-        }
-    };
-    return (_jsxs("div", { className: "w-full", children: [_jsx("style", { children: `
-          .w-md-editor-preview ul {
-            list-style-type: disc !important;
-            padding-left: 2em !important;
-          }
-
-          .w-md-editor-preview ol {
-            list-style-type: decimal !important;
-            padding-left: 2em !important;
-          }
-
-          /* Ensure proper table styling */
-          .w-md-editor-preview table {
-            border-collapse: collapse;
-            width: 100%;
-            margin: 1em 0;
-          }
-
-          .w-md-editor-preview th,
-          .w-md-editor-preview td {
-            border: 1px solid #ddd;
-            padding: 8px;
-            text-align: left;
-          }
-
-          .w-md-editor-preview th {
-            background-color: #f5f5f5;
-          }
-         
-        .w-md-editor-text-pre code, .w-md-editor-text-pre div {
-            font-size: 16px !important;
-            line-height: 24px !important;
-          }
-          .w-md-editor-text-input {
-            font-size: 16px !important;
-            line-height: 24px !important;
-          }
-            
-        ` }), label && _jsx("p", { className: labelClassName, children: label }), !isLoaded && (_jsx("div", { className: "w-full border border-gray-300 rounded-md p-3 bg-white", style: { height: `${height}px` }, children: _jsx("div", { className: "w-full h-full flex items-center justify-center text-gray-500", children: "Loading editor..." }) })), isLoaded && loadError && (_jsx("div", { className: "w-full border border-red-300 rounded-md p-3 bg-red-50", style: { height: `${height}px` }, children: _jsxs("div", { className: "w-full h-full flex flex-col items-center justify-center text-red-600", children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Failed to load markdown editor" }), _jsx("p", { className: "text-xs text-red-500", children: loadError }), _jsx("textarea", { className: "w-full h-full mt-2 p-2 border border-gray-300 rounded text-sm", placeholder: "Fallback text editor - write your content here...", value: value, onChange: (e) => onChange(e.target.value), onBlur: (e) => onBlur?.(e.target.value) })] }) })), isLoaded && MDEditor && (_jsx("div", { "data-color-mode": "light", className: "w-full", children: _jsx(MDEditor, { height: height, value: contentValue, onChange: handleContentChange, onBlur: handleContentBlur, previewOptions: previewOptions, enableScroll: true, preview: editorMode, textareaProps: {
-                        placeholder: "Write your content here...",
-                    } }) }))] }));
-}

package/dist/editors/workstream/editor.d.ts

@@ -1,4 +0,0 @@
-import type { EditorProps } from "document-model";
-export type IProps = EditorProps;
-export default function Editor(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=editor.d.ts.map

package/dist/editors/workstream/editor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"editor.d.ts","sourceRoot":"","sources":["../../../editors/workstream/editor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,WAAW,EAGZ,MAAM,gBAAgB,CAAC;AA8CxB,MAAM,MAAM,MAAM,GAAG,WAAW,CAAC;AAsBjC,MAAM,CAAC,OAAO,UAAU,MAAM,4CAwzC7B"}