feat: track isDragging in app state

Author: chrisvxd

apps/demo/app/custom-ui/[...puckPath]/client.tsx

@@ -68,6 +68,12 @@ const Tabs = ({
     currentTabRef.current = currentTab;
   }, [currentTab]);
 
+  useEffect(() => {
+    if (appState.ui.isDragging && currentTab === 1) {
+      setCurrentTab(-1);
+    }
+  }, [currentTab, appState.ui.isDragging]);
+
   return (
     <div
       onClick={(e) => e.stopPropagation()}

packages/core/components/Puck/context.tsx

@@ -13,6 +13,7 @@ export const defaultAppState: AppState = {
     arrayState: {},
     itemSelector: null,
     componentList: {},
+    isDragging: false,
   },
 };
 

packages/core/components/Puck/index.tsx

@@ -300,9 +300,11 @@ export function Puck({
           onBeforeDragStart={(start) => {
             onDragStartOrUpdate(start);
             setItemSelector(null);
+            dispatch({ type: "setUi", ui: { isDragging: true } });
           }}
           onDragEnd={(droppedItem) => {
             setDraggedItem(undefined);
+            dispatch({ type: "setUi", ui: { isDragging: false } });
 
             // User cancel drag
             if (!droppedItem.destination) {

packages/core/types/Config.tsx

@@ -261,6 +261,7 @@ export type UiState = {
       expanded?: boolean;
     }
   >;
+  isDragging: boolean;
 };
 
 export type AppState = { data: Data; ui: UiState };