@empoweredvote/ev-ui 0.4.2 → 0.4.4

package/dist/index.js

@@ -133,8 +133,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);
@@ -145,9 +146,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 = (0, import_react2.useRef)(false);
   const compareJustAppeared = hasCompareData && !hadCompareDataRef.current;
@@ -281,8 +283,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
         }
       }
@@ -292,20 +294,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__ */ import_react.default.createElement(
+      "circle",
+      {
+        key: `user-dot-${i}`,
+        cx,
+        cy,
+        r: 5,
+        fill: "#7C6B9E",
+        stroke: "#FFFFFF",
+        strokeWidth: 2
+      }
+    )),
     hasCompareData && comparePoints ? countChanged || compareJustAppeared ? /* @__PURE__ */ import_react.default.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
         }
       }
@@ -315,12 +329,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__ */ import_react.default.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);
@@ -3092,6 +3118,15 @@ function PoliticianProfile({
       marginBottom: spacing[3],
       lineHeight: 1.5
     },
+    bioText: {
+      fontFamily: fonts.primary,
+      fontSize: fontSizes.sm,
+      color: "#6A7282",
+      margin: 0,
+      marginTop: spacing[1],
+      marginBottom: spacing[3],
+      lineHeight: 1.5
+    },
     metaRow: {
       display: "flex",
       alignItems: "center",
@@ -3211,7 +3246,7 @@ function PoliticianProfile({
       style: styles2.photo,
       onError: () => setImgError(true)
     }
-  ) : /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ import_react16.default.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ import_react16.default.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ import_react16.default.createElement("p", { style: styles2.officeDesc }, pol.office_description), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ import_react16.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react16.default.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ import_react16.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react16.default.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ import_react16.default.createElement(
+  ) : /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.placeholder }, initials || "?")), /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.infoCol }, styles2.tierBadge && /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.tierBadge }, tier), /* @__PURE__ */ import_react16.default.createElement("h1", { style: styles2.name }, displayName), banner, /* @__PURE__ */ import_react16.default.createElement("p", { style: styles2.roleLine }, roleLine), pol.office_description && /* @__PURE__ */ import_react16.default.createElement("p", { style: styles2.officeDesc }, pol.office_description), pol.bio_text && /* @__PURE__ */ import_react16.default.createElement("p", { style: styles2.bioText }, pol.bio_text), (termLine || pol.total_years_in_office > 0) && /* @__PURE__ */ import_react16.default.createElement("div", { style: styles2.metaRow }, termLine && /* @__PURE__ */ import_react16.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react16.default.createElement(CalendarIcon, { size: 14 }), termLine), pol.total_years_in_office > 0 && /* @__PURE__ */ import_react16.default.createElement("span", { style: styles2.metaItem }, /* @__PURE__ */ import_react16.default.createElement(ClockIcon, { size: 14 }), pol.total_years_in_office, " ", pol.total_years_in_office === 1 ? "year" : "years", " in office")), pol.web_form_url && /* @__PURE__ */ import_react16.default.createElement(
     "a",
     {
       href: pol.web_form_url,