@vuu-ui/vuu-layout 0.8.1-debug → 0.8.2-debug

package/cjs/index.js

@@ -4159,10 +4159,13 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
   const dimensionsRef = (0, import_react21.useRef)(dimensions);
   const measure = (0, import_react21.useCallback)((target) => {
     const rect = target.getBoundingClientRect();
-    return dimensionsRef.current.reduce((map, dim) => {
-      map[dim] = getTargetSize(target, rect, dim);
-      return map;
-    }, {});
+    return dimensionsRef.current.reduce(
+      (map, dim) => {
+        map[dim] = getTargetSize(target, rect, dim);
+        return map;
+      },
+      {}
+    );
   }, []);
   (0, import_react21.useLayoutEffect)(() => {
     const target = ref.current;
@@ -4188,7 +4191,9 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
     }
     if (target) {
       if (observedMap.has(target)) {
-        throw Error("useResizeObserver attemping to observe same element twice");
+        throw Error(
+          "useResizeObserver attemping to observe same element twice"
+        );
       }
       void registerObserver();
     }
@@ -4199,7 +4204,7 @@ function useResizeObserver(ref, dimensions, onResize, reportInitialSize = false)
         cleanedUp = true;
       }
     };
-  }, [ref, measure]);
+  }, [ref, measure, reportInitialSize, onResize]);
   (0, import_react21.useLayoutEffect)(() => {
     const target = ref.current;
     const record = observedMap.get(target);
@@ -4737,6 +4742,7 @@ var View = (0, import_react29.forwardRef)(function View2(props, forwardedRef) {
     className,
     collapsed,
     closeable,
+    "data-path": dataPath,
     "data-resizeable": dataResizeable,
     dropTargets,
     expanded,
@@ -4744,7 +4750,7 @@ var View = (0, import_react29.forwardRef)(function View2(props, forwardedRef) {
     id: idProp,
     header,
     orientation = "horizontal",
-    path,
+    path = dataPath,
     resize = "responsive",
     resizeable = dataResizeable,
     tearOut,