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

package/dist/index.mjs

@@ -363,6 +363,15 @@ function TreeNode({
     },
     ref: isDraggable ? undefined : dragHandle,
     draggable: isDraggable,
+    "data-native-drag": isDraggable ? "true" : undefined,
+    "data-drag-data": dragConfig ? JSON.stringify({
+      dataType: dragConfig.dataType,
+      primaryData: dragConfig.primaryData,
+      metadata: dragConfig.metadata,
+      suggestedActions: dragConfig.suggestedActions,
+      sourcePanel: dragConfig.sourcePanel
+    }) : undefined,
+    "data-drag-text": dragConfig?.primaryData,
     onDragStart: isDraggable ? handleDragStart : undefined,
     onDragEnd: isDraggable ? handleDragEnd : undefined,
     onClick: (e) => {
@@ -1966,6 +1975,37 @@ 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,
@@ -2798,6 +2838,7 @@ var StoryboardWorkflowsTreeCoreInner = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight, isContainerReady] = useContainerHeight(initialHeight);
+  useNativeDragInterceptor(containerRef);
   const treeRef = useRef5(null);
   return /* @__PURE__ */ React13.createElement("div", {
     ref: containerRef,
@@ -3379,6 +3420,7 @@ var CanvasListTreeCore = ({
   };
   const initialHeight = 600;
   const [containerRef, containerHeight, isContainerReady] = useContainerHeight(initialHeight);
+  useNativeDragInterceptor(containerRef);
   const treeRef = useRef6(null);
   const handleToggle = (id) => {
     if (onToggle && treeRef.current) {

package/dist/src/components/CanvasListTree/CanvasListTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAQ/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuRjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyN5D,CAAC"}
+{"version":3,"file":"CanvasListTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/CanvasListTree/CanvasListTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,mBAAmB,EAEpB,MAAM,SAAS,CAAC;AAuRjB,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4N5D,CAAC"}

package/dist/src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAk9BjB,eAAO,MAAM,2BAA2B,0DAA+C,CAAC"}
+{"version":3,"file":"StoryboardWorkflowsTreeCore.d.ts","sourceRoot":"","sources":["../../../../src/components/StoryboardWorkflowsTree/StoryboardWorkflowsTreeCore.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAU/C,OAAO,KAAK,EAEV,4BAA4B,EAQ7B,MAAM,SAAS,CAAC;AAq9BjB,eAAO,MAAM,2BAA2B,0DAA+C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sHAAsH;IACtH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACrF;AAKD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,mBAA2B,EAC3B,SAAS,EACT,qBAA6B,EAC7B,mBAA2B,EAC3B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,qBAgKlB"}
+{"version":3,"file":"TreeNode.d.ts","sourceRoot":"","sources":["../../../src/components/TreeNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,+BAA+B,CAAC;AAE3D,OAAO,KAAK,EAAE,EAAY,SAAS,EAAe,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,YAAY,EAAE,CAAC;IAC1B,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB;AAED;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6FAA6F;IAC7F,QAAQ,EAAE,MAAM,CAAC;IACjB,yDAAyD;IACzD,WAAW,EAAE,MAAM,CAAC;IACpB,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC5B,8BAA8B;IAC9B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,SAAS,YAAY,CAAE,SAAQ,iBAAiB,CAAC,CAAC,CAAC;IACjF,KAAK,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACtF,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IAC3E,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,mEAAmE;IACnE,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,sHAAsH;IACtH,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,IAAI,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CACrF;AAKD,wBAAgB,QAAQ,CAAC,CAAC,SAAS,YAAY,EAAE,EAC/C,IAAI,EACJ,KAAK,EACL,UAAU,EACV,KAAK,EACL,YAAY,EACZ,YAAY,EACZ,mBAA2B,EAC3B,SAAS,EACT,qBAA6B,EAC7B,mBAA2B,EAC3B,aAAa,EACb,OAAO,EACP,QAAQ,EACR,UAAU,EACV,WAAW,GACZ,EAAE,aAAa,CAAC,CAAC,CAAC,qBAyKlB"}

package/dist/src/hooks/useNativeDragInterceptor.d.ts

@@ -0,0 +1,16 @@
+import { RefObject } from 'react';
+/**
+ * Intercepts dragstart events for elements with data-native-drag="true"
+ * and prevents react-dnd's HTML5Backend from interfering.
+ *
+ * HTML5Backend attaches capture-phase listeners to the dndRootElement.
+ * By attaching our own capture-phase listener first (via useLayoutEffect),
+ * we can call stopImmediatePropagation() to prevent HTML5Backend from
+ * processing native drag events.
+ *
+ * Since stopImmediatePropagation prevents the event from reaching TreeNode's
+ * onDragStart handler, we also set the drag data here by reading from
+ * data attributes on the element.
+ */
+export declare const useNativeDragInterceptor: (containerRef: RefObject<HTMLElement | null>) => void;
+//# sourceMappingURL=useNativeDragInterceptor.d.ts.map

package/dist/src/hooks/useNativeDragInterceptor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useNativeDragInterceptor.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeDragInterceptor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD;;;;;;;;;;;;GAYG;AACH,eAAO,MAAM,wBAAwB,GACnC,cAAc,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,KAC1C,IAmCF,CAAC"}

package/package.json

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