@page-speed/venn-diagram 0.0.5 → 0.0.7

package/dist/cjs/esm/components/VennDiagram.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA6B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8KlD,CAAC"}
+{"version":3,"file":"VennDiagram.d.ts","sourceRoot":"","sources":["../../../src/components/VennDiagram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAA0B,MAAM,qBAAqB,CAAC;AA6B/E,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAkLlD,CAAC"}

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) => {
@@ -3238,7 +3250,7 @@ const isAccessibleContrast = (foreground, background) => {
   return contrastRatio >= 4.5;
 };
 
-var styles = {"vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
+var styles = {"vennRoot":"VennDiagram-module_vennRoot__iCmDV","vennContainer":"VennDiagram-module_vennContainer__zE5Q4","svg":"VennDiagram-module_svg__8SEMM","circleGroup":"VennDiagram-module_circleGroup__9MTB2","circle":"VennDiagram-module_circle__sXeUM","selected":"VennDiagram-module_selected__U2SLC","labelGroup":"VennDiagram-module_labelGroup__bbeK2","value":"VennDiagram-module_value__0wKIt","label":"VennDiagram-module_label__fsN9f","legend":"VennDiagram-module_legend__ZOQL5","legendItem":"VennDiagram-module_legendItem__G3upl","legendLabel":"VennDiagram-module_legendLabel__yK6aP","legendValue":"VennDiagram-module_legendValue__cuwMv","error":"VennDiagram-module_error__czgBP","loading":"VennDiagram-module_loading__8lTBq"};
 
 const VennDiagramContext = /*#__PURE__*/require$$0.createContext(null);
 VennDiagramContext.displayName = "VennDiagramContext";
@@ -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 {
@@ -3450,20 +3462,23 @@ const VennDiagram = ({
   return jsxRuntimeExports.jsx(VennDiagramContext.Provider, {
     value: contextValue,
     children: jsxRuntimeExports.jsxs("div", {
-      ref: containerRef,
-      className: `${styles.vennContainer} ${className || ""}`,
-      style: {
-        width: responsive ? "100%" : finalWidth,
-        height: responsive ? "100%" : finalHeight,
-        ...style
-      },
+      className: `${styles.vennRoot} ${className || ""}`,
+      style: style,
       "data-testid": testId,
-      children: [renderer === "svg" && jsxRuntimeExports.jsx(VennDiagramSVG, {
-        layout: layout,
-        textPositions: textPositions,
-        width: finalWidth,
-        height: finalHeight,
-        onClick: onClick
+      children: [jsxRuntimeExports.jsx("div", {
+        ref: containerRef,
+        className: styles.vennContainer,
+        style: {
+          width: responsive ? "100%" : finalWidth,
+          height: responsive ? "100%" : finalHeight
+        },
+        children: renderer === "svg" && jsxRuntimeExports.jsx(VennDiagramSVG, {
+          layout: layout,
+          textPositions: textPositions,
+          width: finalWidth,
+          height: finalHeight,
+          onClick: onClick
+        })
       }), showLegend && jsxRuntimeExports.jsx("div", {
         className: styles.legend,
         children: data.sets.map((set, idx) => jsxRuntimeExports.jsxs("div", {