remove console.log statements

Author: heswell

vuu-ui/packages/grid-layout/src/GridLayoutProvider.tsx

@@ -103,9 +103,9 @@ export const GridLayoutProvider = (
    */
   const onChangeChildElements = useCallback<GridChildElementsChangeHandler>(
     (layoutId, childElements) => {
-      console.log(`[GridLayoutProvider] #${layoutId} onChangeChildElements`, {
-        childElements,
-      });
+      // console.log(`[GridLayoutProvider] #${layoutId} onChangeChildElements`, {
+      //   childElements,
+      // });
       const serializedComponentMap =
         childElements.reduce<SerializedComponentMap>((map, component) => {
           const { id: gridLayoutItemId } = component.props;

vuu-ui/packages/grid-layout/src/GridModel.ts

@@ -1190,16 +1190,16 @@ export class GridModel extends EventEmitter<GridModelEvents> {
 
   addChildItem(childItem: GridModelChildItem) {
     // TODO assert that item is within current columns, rows or extend these
-    console.log(
-      `[GridModel#${this.id}] addChildItem ${childItem.id} (parent: ${childItem.stackId})
-        is visible ? ${childItem.contentVisible}
-        resizeable ? ${childItem.resizeable}
-        gridArea ${JSON.stringify(childItem.layoutStyle)}
-      `,
-      {
-        childItem,
-      },
-    );
+    // console.log(
+    //   `[GridModel#${this.id}] addChildItem ${childItem.id} (parent: ${childItem.stackId})
+    //     is visible ? ${childItem.contentVisible}
+    //     resizeable ? ${childItem.resizeable}
+    //     gridArea ${JSON.stringify(childItem.layoutStyle)}
+    //   `,
+    //   {
+    //     childItem,
+    //   },
+    // );
     this.#childItems.push(childItem);
     this.#index.set(childItem.id, childItem);
   }

vuu-ui/packages/grid-layout/src/drag-drop-next/SpaceMan.tsx

@@ -270,9 +270,9 @@ export class SpaceMan {
 
   drop(x: number, y: number): Promise<void> {
     // TODO dragItem should be passed in
-    console.log(`[SpaceMan#${this.id}] drop, returns a promise`, {
-      dragItem: this.#dragItem,
-    });
+    // console.log(`[SpaceMan#${this.id}] drop, returns a promise`, {
+    //   dragItem: this.#dragItem,
+    // });
     return new Promise((resolve) => {
       if (this.#dragItem) {
         const dragItem = this.#dragItem;

vuu-ui/packages/grid-layout/src/drag-drop-next/drag-drop-listeners.ts

@@ -191,9 +191,9 @@ export function initializeDragContainer(
     }
   };
   const onDragEnd = () => {
-    console.log(`[drag-drop-listeners#${dragId}] onDragEnd`, {
-      dragSource: dragContext.dragSource,
-    });
+    // console.log(`[drag-drop-listeners#${dragId}] onDragEnd`, {
+    //   dragSource: dragContext.dragSource,
+    // });
     if (
       sourceIsTabbedComponent(dragContext.dragSource) &&
       dragContext.dragSource.tabsId === dragId

vuu-ui/packages/grid-layout/src/useAsDropTarget.ts

@@ -157,10 +157,10 @@ export const useAsDropTarget = () => {
 
       if (dropTarget !== currentDropTarget) {
         if (dropTarget) {
-          console.log(
-            `%c[useAsDropTarget] onDragEnter set current dropTarget = ${dropTarget.gridLayoutItemId}`,
-            "color:green;font-weight:bold;",
-          );
+          // console.log(
+          //   `%c[useAsDropTarget] onDragEnter set current dropTarget = ${dropTarget.gridLayoutItemId}`,
+          //   "color:green;font-weight:bold;",
+          // );
 
           dropTargetStateRef.current.dropTarget = dropTarget;
           const { rect } = dropTargetStateRef.current;
@@ -172,10 +172,10 @@ export const useAsDropTarget = () => {
           rect.top = top;
         } else if (currentDropTarget) {
           dropTargetStateRef.current.dropTarget = undefined;
-          console.log(
-            `%c[useAsDropTarget] clear droptarget ${currentDropTarget?.gridLayoutItemId}`,
-            "color:brown;font-weight: bold;",
-          );
+          // console.log(
+          //   `%c[useAsDropTarget] clear droptarget ${currentDropTarget?.gridLayoutItemId}`,
+          //   "color:brown;font-weight: bold;",
+          // );
           removeDropTargetPositionClassName(currentDropTarget?.target);
         }
       }
@@ -259,7 +259,7 @@ export const useAsDropTarget = () => {
       const { dropTarget: currentDropTarget } = dropTargetStateRef.current;
       const { dragSource } = dragContext;
       if (dragSource && currentDropTarget) {
-        console.log(`[useAsDropTarget#${layoutId}] onDrop`, { dragSource });
+        // console.log(`[useAsDropTarget#${layoutId}] onDrop`, { dragSource });
 
         const dropTarget = getDropTarget(evt.target, currentDropTarget);
         if (dropTarget && dropTargetStateRef.current.position) {
@@ -281,7 +281,7 @@ export const useAsDropTarget = () => {
       dropTargetStateRef.current.dropTarget = undefined;
       dropTargetStateRef.current.position = undefined;
     },
-    [dragContext, drop, layoutId],
+    [dragContext, drop],
   );
 
   return {

vuu-ui/packages/grid-layout/src/useGridLayout.tsx

@@ -218,10 +218,10 @@ export const useGridLayout = ({
   const [gridModel, gridLayoutModel, containerCallback] = useMemo(
     // TODO handling runtime change of cols, rows etc currently not supported
     () => {
-      console.log(
-        `%c[useGridLayout#${id}] useMemo create the GridModel`,
-        "color: green",
-      );
+      // console.log(
+      //   `%c[useGridLayout#${id}] useMemo create the GridModel`,
+      //   "color: green",
+      // );
       const gridModel = new GridModel(id, layout);
       const gridLayoutModel = new GridLayoutModel(gridModel);
       const callbackRef: RefCallback<HTMLDivElement> = (el) => {
@@ -362,11 +362,11 @@ export const useGridLayout = ({
    */
   const handleDrop = useCallback<GridLayoutDropHandler>(
     (targetItemId, dragSource, position) => {
-      console.log(`[useGridLayout#${id}] handleDrop`, {
-        targetItemId,
-        dragSource,
-        position,
-      });
+      // console.log(`[useGridLayout#${id}] handleDrop`, {
+      //   targetItemId,
+      //   dragSource,
+      //   position,
+      // });
 
       const targetGridItem = gridModel.getChildItem(targetItemId, true);
 
@@ -564,12 +564,12 @@ export const useGridLayout = ({
         }
       } else if (targetStackItemId && dropPosition) {
         if (sourceIsComponent(dragSource)) {
-          console.log(
-            `[useGridLayout] dropping a standalone component #${dragSource.id} into a stack ${targetStackItemId}`,
-            {
-              dragSource,
-            },
-          );
+          // console.log(
+          //   `[useGridLayout] dropping a standalone component #${dragSource.id} into a stack ${targetStackItemId}`,
+          //   {
+          //     dragSource,
+          //   },
+          // );
           const tabState = gridModel.getTabState(targetStackItemId);
           tabState.addTab(
             { id: dragSource.id, label: dragSource.label },

vuu-ui/showcase/src/examples/html/GridLayout.examples.tsx

@@ -1424,14 +1424,11 @@ export const ShowCaseLayoutNestedGrid = () => {
     [],
   );
 
-  const handleGridLayoutChanged = useCallback<GridLayoutChangeHandler>(
-    (id, gridLayout) => {
-      console.log(`layout changed for grid ${id}`, {
-        gridLayout,
-      });
-    },
-    [],
-  );
+  const handleGridLayoutChanged = useCallback<GridLayoutChangeHandler>(() => {
+    // console.log(`layout changed for grid ${id}`, {
+    //   gridLayout,
+    // });
+  }, []);
 
   return (
     <>