@powerhousedao/network-admin 0.0.3 → 0.0.4

package/dist/editors/network-admin/components/DriveExplorer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAiCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAmhCvC"}
+{"version":3,"file":"DriveExplorer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/DriveExplorer.tsx"],"names":[],"mappings":"AAuCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CA8hCvC"}

package/dist/editors/network-admin/components/DriveExplorer.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, CreateDocumentModal, } from "@powerhousedao/design-system";
+import { Button, CreateDocumentModal, useDrop, } from "@powerhousedao/design-system";
 import { addDocument, setSelectedNode, useAllFolderNodes, useDocumentModelModules, useDriveContext, useDriveSharingType, useEditorModules, useFileChildNodes, useFolderChildNodes, useSelectedDrive, useSelectedFolder, useSelectedNodePath, useUserPermissions, useAllDocuments, } from "@powerhousedao/reactor-browser";
+import { twMerge } from "tailwind-merge";
 import { useCallback, useRef, useState, useMemo } from "react";
 import { EditorContainer } from "./EditorContainer.js";
 import { getNewDocumentObject } from "../utils.js";
@@ -30,13 +31,6 @@ export function DriveExplorer(props) {
     const selectedNodePath = useSelectedNodePath();
     const sharingType = useDriveSharingType(selectedDrive?.header.id);
     const allDocuments = useAllDocuments();
-    // === NAVIGATION SETUP ===
-    // Breadcrumbs for folder navigation
-    // const { breadcrumbs, onBreadcrumbSelected } = useBreadcrumbs({
-    //   selectedNodePath: selectedNodePath as any,
-    //   setSelectedNode: (node) => setSelectedNode(node as any),
-    //   getNodeById: (id: string) => (allFolders.find(node => node.id === id) || fileChildren.find(node => node.id === id)) as any || null,
-    // });
     const folderChildren = useFolderChildNodes();
     const fileChildren = useFileChildNodes();
     const filesWithDocuments = fileChildren.map((file) => {
@@ -47,6 +41,15 @@ export function DriveExplorer(props) {
             state,
         };
     });
+    // === DROP HOOKS ===
+    const { isDropTarget, dropProps } = useDrop({
+        node: folderChildren?.length > 0
+            ? folderChildren[folderChildren.length - 1]
+            : undefined,
+        onAddFile,
+        onCopyNode,
+        onMoveNode,
+    });
     // check if workstream doc is created, set isWorkstreamCreated to true
     const isWorkstreamCreated = fileChildren.some((file) => file.documentType === "powerhouse/workstream");
     //check if network profile doc is created, set isNetworkProfileCreated to true
@@ -456,5 +459,5 @@ export function DriveExplorer(props) {
     return (_jsx(IsolatedSidebarProvider, { nodes: sidebarNodes, children: _jsxs("div", { className: "flex h-full", children: [_jsx(IsolatedSidebar, { nodes: sidebarNodes, activeNodeId: selectedFolder?.id || activeDocumentId, onActiveNodeChange: handleActiveNodeChange, sidebarTitle: "Network Admin", showSearchBar: true, allowPinning: true, resizable: true, initialWidth: 300, maxWidth: 500, enableMacros: 2, handleOnTitleClick: () => {
                         setActiveDocumentId(undefined);
                         setSelectedRootNode("workstreams");
-                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: activeDocumentId ? (_jsx(EditorContainer, { handleClose: () => setActiveDocumentId(undefined), hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId })) : (displayActiveNode(selectedFolder?.id || selectedRootNode)) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] }) }));
+                    } }), _jsx("div", { className: "flex-1 overflow-y-auto", children: _jsx("div", { ...dropProps, className: twMerge("rounded-md border-2 border-transparent ", isDropTarget && "border-dashed border-blue-100"), children: activeDocumentId ? (_jsx(EditorContainer, { handleClose: () => setActiveDocumentId(undefined), hideToolbar: false, activeDocumentId: activeDocumentId, setActiveDocumentId: setActiveDocumentId })) : (displayActiveNode(selectedFolder?.id || selectedRootNode)) }) }), _jsx(CreateDocumentModal, { onContinue: onCreateDocument, onOpenChange: (open) => setOpenModal(open), open: openModal })] }) }));
 }

package/dist/editors/network-admin/components/EditorContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/EditorContainer.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,4CAiKA,CAAC"}
+{"version":3,"file":"EditorContainer.d.ts","sourceRoot":"","sources":["../../../../editors/network-admin/components/EditorContainer.tsx"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO;IACrC,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C,4CAqLA,CAAC"}

package/dist/editors/network-admin/components/EditorContainer.js

@@ -55,7 +55,25 @@ export const EditorContainer = (props) => {
     }, [selectedDrive, (selectedDocument?.state).global, folderId]);
     // Timeline data for revision history
     const timelineItems = useTimelineItems(selectedDocument?.header.id, selectedDocument?.header.createdAtUtcIso, selectedDrive?.header.id);
-    const editorModule = useEditorModuleById(selectedDocument?.header.meta?.preferredEditor);
+    let preferredEditor = selectedDocument?.header.meta?.preferredEditor;
+    if (!preferredEditor) {
+        if (selectedDocument?.header.documentType === "powerhouse/workstream") {
+            preferredEditor = "workstream-editor";
+        }
+        else if (selectedDocument?.header.documentType === "powerhouse/rfp") {
+            preferredEditor = "request-for-proposals-editor";
+        }
+        else if (selectedDocument?.header.documentType === "payment-terms") {
+            preferredEditor = "payment-terms-editor";
+        }
+        else if (selectedDocument?.header.documentType === "powerhouse/network-profile") {
+            preferredEditor = "network-profile-editor";
+        }
+        else if (selectedDocument?.header.documentType === "powerhouse/scopeofwork") {
+            preferredEditor = "scope-of-work-editor";
+        }
+    }
+    const editorModule = useEditorModuleById(selectedDocument?.header.meta?.preferredEditor || preferredEditor);
     // Document export functionality - customize export behavior here
     const onExport = useCallback(async () => {
         if (selectedDocument) {

package/dist/editors/request-for-proposals/markdown-editor.d.ts

@@ -1,3 +1,5 @@
+import "@uiw/react-md-editor/markdown-editor.css";
+import "@uiw/react-markdown-preview/markdown.css";
 export type MarkdownEditorMode = "preview" | "edit" | "live";
 interface MarkdownEditorProps {
     value: string;

package/dist/editors/request-for-proposals/markdown-editor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/markdown-editor.tsx"],"names":[],"mappings":"AAeA,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAY,EACZ,KAAiB,EACjB,cAAqD,GACtD,EAAE,mBAAmB,2CAsJrB"}
+{"version":3,"file":"markdown-editor.d.ts","sourceRoot":"","sources":["../../../editors/request-for-proposals/markdown-editor.tsx"],"names":[],"mappings":"AAIA,OAAO,0CAA0C,CAAC;AAClD,OAAO,0CAA0C,CAAC;AAYlD,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAE7D,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,MAAM,EACN,MAAY,EACZ,KAAiB,EACjB,cAAqD,GACtD,EAAE,mBAAmB,2CAoLrB"}

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

@@ -3,6 +3,8 @@ import { useEffect, useState } from "react";
 import remarkGfm from "remark-gfm";
 import rehypeSlug from "rehype-slug";
 import { useLocalStorage } from "usehooks-ts";
+import "@uiw/react-md-editor/markdown-editor.css";
+import "@uiw/react-markdown-preview/markdown.css";
 // Custom preview renderer to make links open in new tabs and ensure proper list rendering
 const previewOptions = {
     components: {
@@ -16,15 +18,27 @@ export function MarkdownEditor({ value, onChange, onBlur, height = 350, label =
     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");
     // Load the MDEditor component dynamically
     useEffect(() => {
-        import("@uiw/react-md-editor").then((module) => {
-            setMDEditor(() => module.default);
-            setIsLoaded(true);
-        }).catch((error) => {
-            console.error("Failed to load MDEditor:", error);
-        });
+        // 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(() => {
@@ -113,7 +127,7 @@ export function MarkdownEditor({ value, onChange, onBlur, height = 350, label =
             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 && 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: viewMarkdownMode, textareaProps: {
+        ` }), 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: viewMarkdownMode, textareaProps: {
                         placeholder: "Write your content here...",
                     } }) }))] }));
 }

package/dist/style.css

@@ -696,6 +696,9 @@
     --tw-border-style: dashed;
     border-style: dashed;
   }
+  .border-blue-100 {
+    border-color: var(--color-blue-100);
+  }
   .border-blue-700 {
     border-color: var(--color-blue-700);
   }
@@ -708,9 +711,15 @@
   .border-gray-700 {
     border-color: var(--color-gray-700);
   }
+  .border-red-300 {
+    border-color: var(--color-red-300);
+  }
   .border-red-700 {
     border-color: var(--color-red-700);
   }
+  .border-transparent {
+    border-color: transparent;
+  }
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@powerhousedao/network-admin",
   "description": "Network Admin package for Powerhouse",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "license": "AGPL-3.0-only",
   "type": "module",
   "files": [
@@ -66,6 +66,7 @@
     "graphql": "^16.10.0",
     "graphql-tag": "^2.12.6",
     "rehype-slug": "^6.0.0",
+    "remark-gfm": "^4.0.1",
     "zod": "^3.24.2"
   },
   "devDependencies": {