@powerhousedao/network-admin 0.0.3 → 0.0.5

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":"AAwCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CAklCvC"}

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";
@@ -19,6 +20,8 @@ export function DriveExplorer(props) {
     const [modalDocumentType, setModalDocumentType] = useState("powerhouse/workstream");
     const selectedDocumentModel = useRef(null);
     const editorModules = useEditorModules();
+    // Track the last created folder for drag and drop targeting
+    const [lastCreatedFolder, setLastCreatedFolder] = useState(undefined);
     // === DRIVE CONTEXT HOOKS ===
     // Core drive operations and document models
     const { onAddFile, onAddFolder, onCopyNode, onDuplicateNode, onMoveNode, onRenameNode, showDeleteNodeModal, } = useDriveContext();
@@ -30,13 +33,8 @@ 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,
-    // });
+    // All folders for the sidebar tree view
+    const allFolders = useAllFolderNodes();
     const folderChildren = useFolderChildNodes();
     const fileChildren = useFileChildNodes();
     const filesWithDocuments = fileChildren.map((file) => {
@@ -47,12 +45,45 @@ export function DriveExplorer(props) {
             state,
         };
     });
+    // Find the folder containing the most recent workstream document
+    const getMostRecentWorkstreamFolder = useCallback(() => {
+        const workstreamFiles = fileChildren.filter((file) => file.documentType === "powerhouse/workstream");
+        if (workstreamFiles.length === 0)
+            return undefined;
+        // Sort by creation time (assuming newer files have higher IDs or we can use a different method)
+        const mostRecentWorkstream = workstreamFiles[workstreamFiles.length - 1];
+        // Find the folder that contains this workstream
+        if (mostRecentWorkstream.parentFolder) {
+            return allFolders.find((folder) => folder.id === mostRecentWorkstream.parentFolder);
+        }
+        return undefined;
+    }, [fileChildren, allFolders]);
+    // === DROP HOOKS ===
+    const mostRecentWorkstreamFolder = getMostRecentWorkstreamFolder();
+    const dropTargetNode = lastCreatedFolder ||
+        mostRecentWorkstreamFolder ||
+        selectedFolder ||
+        undefined;
+    // Create a custom onAddFile wrapper that ensures the correct folder is used
+    const onAddFileWithTarget = useCallback((file, targetFolder) => {
+        console.log("onAddFileWithTarget called with:", {
+            file,
+            targetFolder,
+            dropTargetNode,
+        });
+        // Use the dropTargetNode as the folder, not the targetFolder parameter
+        return onAddFile(file, dropTargetNode);
+    }, [onAddFile, dropTargetNode]);
+    const { isDropTarget, dropProps } = useDrop({
+        node: dropTargetNode,
+        onAddFile: onAddFileWithTarget,
+        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
     const isNetworkProfileCreated = fileChildren.some((file) => file.documentType === "powerhouse/network-profile");
-    // All folders for the sidebar tree view
-    const allFolders = useAllFolderNodes();
     // Convert folders and files to SidebarNode format
     const sidebarNodes = useMemo(() => {
         const workstreamsNode = {
@@ -177,6 +208,8 @@ export function DriveExplorer(props) {
     // Handle sidebar node selection
     const handleActiveNodeChange = useCallback((nodeId) => {
         console.log("nodeId", nodeId);
+        // Clear the last created folder when navigating to a different node
+        setLastCreatedFolder(undefined);
         // Find the node by ID
         const findNodeById = (nodes, id) => {
             for (const node of nodes) {
@@ -392,7 +425,10 @@ export function DriveExplorer(props) {
         }
         if (name?.trim()) {
             try {
-                await onAddFolder(name.trim(), selectedFolder);
+                const createdFolder = await onAddFolder(name.trim(), selectedFolder);
+                // Track the created folder for drag and drop targeting
+                console.log("Created manual folder:", createdFolder);
+                setLastCreatedFolder(createdFolder);
             }
             catch (error) {
                 console.error("Failed to create folder:", error);
@@ -413,6 +449,9 @@ export function DriveExplorer(props) {
             let folder = undefined;
             if (documentType === "powerhouse/workstream") {
                 folder = await onAddFolder(fileName, undefined);
+                // Track the created folder for drag and drop targeting
+                console.log("Created workstream folder:", folder);
+                setLastCreatedFolder(folder);
             }
             const node = await addDocument(selectedDrive?.header.id || "", fileName, documentType, folder?.id, getNewDocumentObject(fileName, documentType), undefined, editorType);
             selectedDocumentModel.current = null;
@@ -456,5 +495,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.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":"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,2CAuLrB"}

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

@@ -16,15 +16,29 @@ 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");
+    // Ensure we have a valid mode for the editor
+    const editorMode = viewMarkdownMode || "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: editorMode, textareaProps: {
                         placeholder: "Write your content here...",
                     } }) }))] }));
 }