@enerjisaformlibrary/formbuilder-react 1.0.6 → 1.0.7

package/index.js

@@ -28562,15 +28562,21 @@ function FormBuilder({ initialForm, onSave, onChange, className = '', theme = 'l
         }
         const activeData = active.data.current;
         const overData = over.data.current;
+        // Check for library item (using actual data structure from ComponentLibrary)
+        const isLibraryItem = activeData?.isLibraryItem;
+        const fieldType = activeData?.componentType || activeData?.type;
+        const isCanvas = overData?.type === 'canvas';
+        const isColumn = overData?.type === 'column' || overData?.columnId;
         console.log('[FormBuilder] Checking conditions:', {
-            isNew: activeData?.isNew,
-            fieldType: activeData?.fieldType,
-            isCanvas: overData?.isCanvas,
-            columnId: overData?.columnId
+            isLibraryItem,
+            fieldType,
+            isCanvas,
+            isColumn,
+            activeData,
+            overData
         });
-        if (activeData?.isNew && activeData?.fieldType) {
-            const fieldType = activeData.fieldType;
-            if (overData?.isCanvas || overData?.columnId) {
+        if (isLibraryItem && fieldType) {
+            if (isCanvas || isColumn) {
                 console.log('[FormBuilder] Adding field:', fieldType);
                 addRowWithField({
                     type: fieldType,
@@ -28588,7 +28594,7 @@ function FormBuilder({ initialForm, onSave, onChange, className = '', theme = 'l
             }
         }
         else {
-            console.log('[FormBuilder] Not a new field drag');
+            console.log('[FormBuilder] Not a library item 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 })] }) }));