@enerjisaformlibrary/formbuilder-react 1.0.4 → 1.0.6

package/index.js

@@ -28530,24 +28530,48 @@ function FormBuilder({ initialForm, onSave, onChange, className = '', theme = 'l
     }));
     const handleDragStart = (event) => {
         const { active } = event;
+        console.log('[FormBuilder] Drag started:', {
+            id: active.id,
+            data: active.data.current
+        });
         setActiveId(active.id);
         if (active.data.current?.type) {
             setActiveType(active.data.current.type);
         }
     };
-    const handleDragOver = (_event) => {
+    const handleDragOver = (event) => {
+        console.log('[FormBuilder] Drag over:', {
+            activeId: event.active.id,
+            overId: event.over?.id,
+            overData: event.over?.data.current
+        });
     };
     const handleDragEnd = (event) => {
         const { active, over } = event;
+        console.log('[FormBuilder] Drag ended:', {
+            activeId: active.id,
+            activeData: active.data.current,
+            overId: over?.id,
+            overData: over?.data.current
+        });
         setActiveId(null);
         setActiveType(null);
-        if (!over)
+        if (!over) {
+            console.log('[FormBuilder] No drop target (over is null)');
             return;
+        }
         const activeData = active.data.current;
         const overData = over.data.current;
+        console.log('[FormBuilder] Checking conditions:', {
+            isNew: activeData?.isNew,
+            fieldType: activeData?.fieldType,
+            isCanvas: overData?.isCanvas,
+            columnId: overData?.columnId
+        });
         if (activeData?.isNew && activeData?.fieldType) {
             const fieldType = activeData.fieldType;
             if (overData?.isCanvas || overData?.columnId) {
+                console.log('[FormBuilder] Adding field:', fieldType);
                 addRowWithField({
                     type: fieldType,
                     props: {
@@ -28559,6 +28583,12 @@ function FormBuilder({ initialForm, onSave, onChange, className = '', theme = 'l
                     customStyle: {},
                 });
             }
+            else {
+                console.log('[FormBuilder] Drop target not canvas or column');
+            }
+        }
+        else {
+            console.log('[FormBuilder] Not a new field drag');
         }
     };
     return (jsx(TooltipProvider, { children: jsxs("div", { className: `formbuilder-container ${theme} ${className}`, children: [jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragOver: handleDragOver, onDragEnd: handleDragEnd, children: [jsxs("div", { className: "flex flex-col h-full", children: [showToolbar && (jsx(Toolbar, { onOpenJsonViewer: () => setJsonViewerOpen(true) })), jsxs("div", { className: "flex flex-1 overflow-hidden", children: [showComponentLibrary && (jsx(ComponentLibrary, {})), jsx("div", { className: "flex-1 overflow-auto", children: jsx(FormCanvas, {}) }), showPropertiesPanel && (jsx(PropertiesPanel, {}))] })] }), jsx(DragOverlay, { children: activeId && activeType && (jsx(DragOverlayContent, { type: activeType })) })] }), jsx(JsonViewerModal, { isOpen: jsonViewerOpen, onClose: () => setJsonViewerOpen(false), schema: form })] }) }));