@principal-ade/dynamic-file-tree 0.2.32 → 0.2.33

package/dist/index.mjs

@@ -1088,6 +1088,39 @@ import {
 } from "lucide-react";
 import React7, { useMemo as useMemo5, useRef as useRef4 } from "react";
 import { Tree as Tree2 } from "react-arborist";
+
+// src/hooks/useNativeDragInterceptor.ts
+import { useLayoutEffect } from "react";
+var useNativeDragInterceptor = (containerRef) => {
+  useLayoutEffect(() => {
+    const container = containerRef.current;
+    if (!container)
+      return;
+    const handler = (e) => {
+      const target = e.target;
+      const nativeDragElement = target.closest('[data-native-drag="true"]');
+      if (nativeDragElement) {
+        e.stopImmediatePropagation();
+        const dragEvent = e;
+        if (dragEvent.dataTransfer) {
+          const dragData = nativeDragElement.getAttribute("data-drag-data");
+          const dragText = nativeDragElement.getAttribute("data-drag-text");
+          if (dragData) {
+            dragEvent.dataTransfer.setData("application/x-panel-data", dragData);
+          }
+          if (dragText) {
+            dragEvent.dataTransfer.setData("text/plain", dragText);
+          }
+          dragEvent.dataTransfer.effectAllowed = "copyMove";
+        }
+      }
+    };
+    container.addEventListener("dragstart", handler, true);
+    return () => container.removeEventListener("dragstart", handler, true);
+  }, [containerRef]);
+};
+
+// src/components/GitStatusFileTree.tsx
 var GitStatusContext = React7.createContext(null);
 var getGitStatusDisplay2 = (status, theme) => {
   switch (status) {
@@ -1238,10 +1271,20 @@ var GitStatusFileTree = ({
   openByDefault,
   initialHeight = 600,
   autoHeight = false,
-  enableDragAndDrop = false
+  enableDragAndDrop = false,
+  enablePanelDrag = false,
+  getDragConfig
 }) => {
   const dndProps = getDndProps(enableDragAndDrop);
   const parentDndManager = useParentDndManager();
+  const getDefaultDragConfig = (nodePath, isFolder) => ({
+    dataType: isFolder ? "directory-path" : "file-path",
+    primaryData: nodePath,
+    metadata: { isFolder },
+    suggestedActions: ["insert-path", "open"],
+    sourcePanel: "git-status-file-tree",
+    dragPreview: nodePath.split("/").pop() || nodePath
+  });
   const gitStatusMap = useMemo5(() => {
     const map = new Map;
     gitStatusData.forEach((item) => {
@@ -1271,6 +1314,8 @@ var GitStatusFileTree = ({
       const baseColor = theme.colors.primary || "#007bff";
       nameColor = baseColor + "80";
     }
+    const isFolder = !!node.data.children;
+    const dragConfig = enablePanelDrag ? getDragConfig ? getDragConfig(node.data.id, isFolder) : getDefaultDragConfig(node.data.id, isFolder) : undefined;
     const rightContent = gitDisplay ? /* @__PURE__ */ React7.createElement("div", {
       style: {
         display: "flex",
@@ -1302,7 +1347,8 @@ var GitStatusFileTree = ({
         if (onNodeHover) {
           onNodeHover(isHovered ? node2.data.id : null, !!node2.data.children);
         }
-      }
+      },
+      dragConfig
     });
   };
   const treeStructure = useMemo5(() => {
@@ -1362,6 +1408,7 @@ var GitStatusFileTree = ({
     return initialHeight;
   }, [autoHeight, treeData, openByDefault, initialHeight, rowHeight]);
   const [containerRef, containerHeight, isContainerReady] = useContainerHeight(calculatedHeight);
+  useNativeDragInterceptor(containerRef);
   return /* @__PURE__ */ React7.createElement("div", {
     ref: containerRef,
     style: {
@@ -1975,37 +2022,6 @@ import { Package, FolderKanban, LayoutDashboard, Workflow, BookOpen, FolderOpen,
 import React13, { useMemo as useMemo9, useRef as useRef5 } from "react";
 import { Tree as Tree3 } from "react-arborist";
 
-// src/hooks/useNativeDragInterceptor.ts
-import { useLayoutEffect } from "react";
-var useNativeDragInterceptor = (containerRef) => {
-  useLayoutEffect(() => {
-    const container = containerRef.current;
-    if (!container)
-      return;
-    const handler = (e) => {
-      const target = e.target;
-      const nativeDragElement = target.closest('[data-native-drag="true"]');
-      if (nativeDragElement) {
-        e.stopImmediatePropagation();
-        const dragEvent = e;
-        if (dragEvent.dataTransfer) {
-          const dragData = nativeDragElement.getAttribute("data-drag-data");
-          const dragText = nativeDragElement.getAttribute("data-drag-text");
-          if (dragData) {
-            dragEvent.dataTransfer.setData("application/x-panel-data", dragData);
-          }
-          if (dragText) {
-            dragEvent.dataTransfer.setData("text/plain", dragText);
-          }
-          dragEvent.dataTransfer.effectAllowed = "copyMove";
-        }
-      }
-    };
-    container.addEventListener("dragstart", handler, true);
-    return () => container.removeEventListener("dragstart", handler, true);
-  }, [containerRef]);
-};
-
 // src/utils/gitStatus.tsx
 import {
   Plus as Plus3,

package/dist/src/components/GitStatusFileTree.d.ts

@@ -1,6 +1,7 @@
 import type { Theme } from '@principal-ade/industry-theme';
 import { FileTree } from '@principal-ai/repository-abstraction';
 import React from 'react';
+import { DragConfig } from './TreeNode';
 export type GitStatus = 'M' | 'A' | 'D' | 'R' | 'C' | 'U' | '??' | '!!' | 'AM' | 'MM' | null;
 export interface GitFileStatus {
     filePath: string;
@@ -27,6 +28,8 @@ export interface GitStatusFileTreeProps {
     initialHeight?: number;
     autoHeight?: boolean;
     enableDragAndDrop?: boolean;
+    enablePanelDrag?: boolean;
+    getDragConfig?: (nodePath: string, isFolder: boolean) => DragConfig | undefined;
 }
 export declare const GitStatusFileTree: React.FC<GitStatusFileTreeProps>;
 //# sourceMappingURL=GitStatusFileTree.d.ts.map

package/dist/src/components/GitStatusFileTree.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GitStatusFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAgB,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,MAAM,MAAM,SAAS,GACjB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;CACnB;AAmBD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA0JD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CA6O9D,CAAC"}
+{"version":3,"file":"GitStatusFileTree.d.ts","sourceRoot":"","sources":["../../../src/components/GitStatusFileTree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAgB,MAAM,sCAAsC,CAAC;AAS9E,OAAO,KAA0B,MAAM,OAAO,CAAC;AAO/C,OAAO,EAAY,UAAU,EAAE,MAAM,YAAY,CAAC;AAGlD,MAAM,MAAM,SAAS,GACjB,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,GAAG,GACH,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,GACJ,IAAI,CAAC;AAGT,MAAM,WAAW,aAAa;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,MAAM,EAAE,SAAS,CAAC;CACnB;AAmBD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,QAAQ,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC;IACb,aAAa,EAAE,aAAa,EAAE,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACpD,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACvF,WAAW,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACnE,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,KAAK,UAAU,GAAG,SAAS,CAAC;CACjF;AA0JD,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoQ9D,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@principal-ade/dynamic-file-tree",
-  "version": "0.2.32",
+  "version": "0.2.33",
   "description": "React component for selective directory filtering and file tree visualization",
   "type": "module",
   "main": "dist/index.mjs",