@powerhousedao/network-admin 0.0.4 → 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":"AAuCA;;;GAGG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,GAAG,2CA8hCvC"}
+{"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

@@ -20,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();
@@ -31,6 +33,8 @@ export function DriveExplorer(props) {
     const selectedNodePath = useSelectedNodePath();
     const sharingType = useDriveSharingType(selectedDrive?.header.id);
     const allDocuments = useAllDocuments();
+    // All folders for the sidebar tree view
+    const allFolders = useAllFolderNodes();
     const folderChildren = useFolderChildNodes();
     const fileChildren = useFileChildNodes();
     const filesWithDocuments = fileChildren.map((file) => {
@@ -41,12 +45,38 @@ 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: folderChildren?.length > 0
-            ? folderChildren[folderChildren.length - 1]
-            : undefined,
-        onAddFile,
+        node: dropTargetNode,
+        onAddFile: onAddFileWithTarget,
         onCopyNode,
         onMoveNode,
     });
@@ -54,8 +84,6 @@ export function DriveExplorer(props) {
     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 = {
@@ -180,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) {
@@ -395,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);
@@ -416,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;

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

@@ -1,5 +1,3 @@
-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":"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"}
+{"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

@@ -3,8 +3,6 @@ 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: {
@@ -20,6 +18,8 @@ export function MarkdownEditor({ value, onChange, onBlur, height = 350, label =
     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
@@ -127,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 && 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: {
+        ` }), 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...",
                     } }) }))] }));
 }