@empoweredvote/ev-ui 0.4.3 → 0.4.5

package/dist/index.mjs

@@ -49,8 +49,9 @@ function RadarChartCore({
   const hasCompareData = Object.keys(compareData).length > 0;
   const centerPoints = spokes.map(() => `${centerX},${centerY}`).join(" ");
   let comparePoints = null;
+  let compareCoords = null;
   if (hasCompareData) {
-    const cpts = spokes.map(([shortTitle], index) => {
+    const ccoords = spokes.map(([shortTitle], index) => {
       var _a, _b;
       const value = (_a = compareData[shortTitle]) != null ? _a : 0;
       const topic = topics.find((t) => t.short_title === shortTitle);
@@ -61,9 +62,10 @@ function RadarChartCore({
       const r = adjusted / 10 * radius;
       const x = centerX + r * Math.sin(angle);
       const y = centerY - r * Math.cos(angle);
-      return `${x},${y}`;
+      return [x, y];
     });
-    comparePoints = cpts.join(" ");
+    compareCoords = ccoords;
+    comparePoints = ccoords.map((p) => p.join(",")).join(" ");
   }
   const hadCompareDataRef = useRef(false);
   const compareJustAppeared = hasCompareData && !hadCompareDataRef.current;
@@ -197,8 +199,8 @@ function RadarChartCore({
         key: "user-static",
         points: targetPoints,
         style: {
-          fill: "rgba(255, 87, 64, 0.4)",
-          stroke: "rgb(255, 87, 64)",
+          fill: "rgba(124, 107, 158, 0.4)",
+          stroke: "#7C6B9E",
           strokeWidth: 3
         }
       }
@@ -208,20 +210,32 @@ function RadarChartCore({
         key: "user-animated",
         points: spring.points,
         style: {
-          fill: "rgba(255, 87, 64, 0.4)",
-          stroke: "rgb(255, 87, 64)",
+          fill: "rgba(124, 107, 158, 0.4)",
+          stroke: "#7C6B9E",
           strokeWidth: 3
         }
       }
     ),
+    pointsArr.map(([cx, cy], i) => /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        key: `user-dot-${i}`,
+        cx,
+        cy,
+        r: 5,
+        fill: "#7C6B9E",
+        stroke: "#FFFFFF",
+        strokeWidth: 2
+      }
+    )),
     hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ React.createElement(
       "polygon",
       {
         key: "compare-static",
         points: comparePoints,
         style: {
-          fill: "rgba(89, 176, 196, 0.3)",
-          stroke: "rgb(89, 176, 196)",
+          fill: "rgba(90, 154, 110, 0.3)",
+          stroke: "#5A9A6E",
           strokeWidth: 2
         }
       }
@@ -231,12 +245,24 @@ function RadarChartCore({
         key: "compare-animated",
         points: compareSpring.points,
         style: {
-          fill: "rgba(89, 176, 196, 0.3)",
-          stroke: "rgb(89, 176, 196)",
+          fill: "rgba(90, 154, 110, 0.3)",
+          stroke: "#5A9A6E",
           strokeWidth: 2
         }
       }
     ) : null,
+    hasCompareData && compareCoords && compareCoords.map(([cx, cy], i) => /* @__PURE__ */ React.createElement(
+      "circle",
+      {
+        key: `compare-dot-${i}`,
+        cx,
+        cy,
+        r: 4,
+        fill: "#5A9A6E",
+        stroke: "#FFFFFF",
+        strokeWidth: 2
+      }
+    )),
     spokes.map(([shortTitle], i) => {
       const angle = 2 * Math.PI * i / numSpokes;
       const x = centerX + radius * Math.sin(angle);
@@ -1512,7 +1538,8 @@ function PoliticianCard({
     },
     imageWrapper: {
       width: isHorizontal ? "90px" : "100%",
-      height: isHorizontal ? void 0 : "auto",
+      height: isHorizontal ? "100%" : "auto",
+      maxHeight: isHorizontal ? "200px" : void 0,
       aspectRatio: isHorizontal ? void 0 : "4/5",
       flexShrink: 0,
       overflow: "hidden"