@page-speed/venn-diagram 0.0.4 → 0.0.6

package/dist/cjs/esm/hooks/useVennLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useVennLayout.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVennLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EAER,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD,eAAO,MAAM,aAAa,GACxB,MAAM,QAAQ,EACd,UAAS,oBAAyB,KACjC,mBAwFF,CAAC;AAKF,eAAO,MAAM,qBAAqB,GAChC,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC7C,eAAc,MAAY,EAC1B,gBAAe,MAAY;;;CAiC5B,CAAC"}
+{"version":3,"file":"useVennLayout.d.ts","sourceRoot":"","sources":["../../../src/hooks/useVennLayout.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,QAAQ,EAER,mBAAmB,EACpB,MAAM,qBAAqB,CAAC;AAE7B,UAAU,oBAAoB;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAMD,eAAO,MAAM,aAAa,GACxB,MAAM,QAAQ,EACd,UAAS,oBAAyB,KACjC,mBA2FF,CAAC;AAKF,eAAO,MAAM,qBAAqB,GAChC,cAAc,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAC7C,eAAc,MAAY,EAC1B,gBAAe,MAAY;;;CAiC5B,CAAC"}

package/dist/cjs/index.js

@@ -3099,8 +3099,6 @@ const useVennLayout = (data, options = {}) => {
     height = 400,
     padding = 40
   } = options;
-  const [error, setError] = require$$0.useState(null);
-  const [isLoading, setIsLoading] = require$$0.useState(false);
   const vennData = require$$0.useMemo(() => {
     const sets = data.sets.map(set => ({
       sets: [set.name],
@@ -3111,31 +3109,60 @@ const useVennLayout = (data, options = {}) => {
       size: intersection.size
     }));
     return [...sets, ...intersections];
-  }, [data]);
-  const layout$1 = require$$0.useMemo(() => {
+  }, [data.sets, data.intersections]);
+  const {
+    layout: layout$1,
+    textPositions,
+    error
+  } = require$$0.useMemo(() => {
     try {
-      setIsLoading(true);
-      setError(null);
       const computed = layout(vennData, {
-        width: width - padding * 2,
-        height: height - padding * 2
+        width,
+        height,
+        padding
+      });
+      const circleLookup = new Map();
+      computed.forEach(entry => {
+        const sets = entry?.data?.sets;
+        const circles = entry?.circles;
+        if (Array.isArray(sets) && sets.length === 1 && Array.isArray(circles) && circles[0]) {
+          const circle = circles[0];
+          circleLookup.set(sets[0], {
+            x: circle.x ?? 0,
+            y: circle.y ?? 0,
+            radius: circle.radius ?? 0,
+            set: sets[0]
+          });
+        }
+      });
+      const circles = data.sets.map(set => {
+        return circleLookup.get(set.name) ?? {
+          x: 0,
+          y: 0,
+          radius: 0,
+          set: set.name
+        };
       });
-      const circles = computed.filter(d => d.circles && d.circles.length === 1).map(d => ({
-        x: padding + (d.x || 0) + (width - padding * 2) / 2,
-        y: padding + (d.y || 0) + (height - padding * 2) / 2,
-        radius: d.radius || 0,
-        set: d.sets[0]
+      const positions = computed.filter(entry => entry?.text && entry?.data?.sets).map(entry => ({
+        x: entry.text?.x ?? 0,
+        y: entry.text?.y ?? 0,
+        setNames: Array.isArray(entry.data?.sets) ? entry.data.sets : []
       }));
-      return circles;
+      return {
+        layout: circles,
+        textPositions: positions,
+        error: null
+      };
     } catch (err) {
       const error = err instanceof Error ? err : new Error(String(err));
-      setError(error);
       console.error("Venn diagram layout error:", error);
-      return [];
-    } finally {
-      setIsLoading(false);
+      return {
+        layout: [],
+        textPositions: [],
+        error
+      };
     }
-  }, [vennData, width, height, padding]);
+  }, [vennData, width, height, padding, data.sets]);
   const paths = require$$0.useMemo(() => {
     return layout$1.map(circle => {
       const {
@@ -3146,27 +3173,12 @@ const useVennLayout = (data, options = {}) => {
       return `M ${x - radius} ${y} A ${radius} ${radius} 0 1 0 ${x + radius} ${y} A ${radius} ${radius} 0 1 0 ${x - radius} ${y}`;
     });
   }, [layout$1]);
-  const textPositions = require$$0.useMemo(() => {
-    try {
-      const computed = layout(vennData, {
-        width: width - padding * 2,
-        height: height - padding * 2
-      });
-      return computed.map(d => ({
-        x: padding + (d.x || 0) + (width - padding * 2) / 2,
-        y: padding + (d.y || 0) + (height - padding * 2) / 2,
-        setNames: d.sets
-      }));
-    } catch {
-      return [];
-    }
-  }, [vennData, width, height, padding]);
   return {
     layout: layout$1,
     paths,
     textPositions,
     error,
-    isLoading
+    isLoading: false
   };
 };
 const useResponsiveVennSize = (containerRef, defaultWidth = 600, defaultHeight = 400) => {
@@ -3385,7 +3397,7 @@ const VennDiagram = ({
   const containerRef = require$$0.useRef(null);
   const [hoveredSets, setHoveredSets] = require$$0.useState(null);
   const [selectedSets, setSelectedSets] = require$$0.useState(null);
-  const dimensions = useResponsiveVennSize(containerRef, width, responsive ? width : undefined);
+  const dimensions = useResponsiveVennSize(containerRef, width, height);
   const finalWidth = responsive ? dimensions.width : width;
   const finalHeight = responsive ? dimensions.height : height;
   const {