impaktapps-design 0.2.89-alpha.401 → 0.2.89-alpha.403

package/dist/impaktapps-design.es.js

@@ -10465,10 +10465,17 @@ const ToolTip = ({
     detectBounds: true,
     scroll: true
   });
+  const tooltipStyles2 = {
+    ...defaultStyles,
+    minWidth: 200,
+    height: 20,
+    backgroundColor: "lightgrey",
+    color: "black"
+  };
   return /* @__PURE__ */ jsx(Tooltip$1, {
     top: top2,
     left: left2,
-    style: style2 == null ? void 0 : style2.tooltipStyle,
+    style: tooltipStyles2,
     children: /* @__PURE__ */ jsxs("div", {
       style: {
         display: "flex",
@@ -11509,10 +11516,6 @@ const finalDataProvider = (type2, value, theme) => {
             ...(_l = value == null ? void 0 : value.style) == null ? void 0 : _l.headerStyle
           },
           tooltipStyle: {
-            minWidth: 80,
-            height: 20,
-            backgroundColor: "lightgrey",
-            color: "black",
             ...(_m = value == null ? void 0 : value.style) == null ? void 0 : _m.tooltipStyle
           },
           labelStyle: {
@@ -11710,12 +11713,13 @@ const DrawPieGraph = ({
   parentWidth,
   parentHeight
 }) => {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const [active2, setActive] = useState(null);
   const letters = (_a = value == null ? void 0 : value.main) == null ? void 0 : _a.data;
   const keys2 = Object.keys(letters[0]);
   const arr = ((_b = value == null ? void 0 : value.main) == null ? void 0 : _b.xAxisValue) && ((_c = value == null ? void 0 : value.main) == null ? void 0 : _c.yAxisValue) ? [(_d = value == null ? void 0 : value.main) == null ? void 0 : _d.xAxisValue, (_e = value == null ? void 0 : value.main) == null ? void 0 : _e.yAxisValue] : keys2;
   const labelKeyIndex = keys2.indexOf("label");
+  console.log("PieGGGG");
   const valueKeyIndex = labelKeyIndex === 0 ? 1 : 0;
   const frequency = (d2) => d2[arr[valueKeyIndex]];
   const getLetterFrequencyColor = (letter, index2) => {
@@ -11765,9 +11769,15 @@ const DrawPieGraph = ({
           pieSortValues,
           pieValue: frequency,
           outerRadius: (_h = (_g = value == null ? void 0 : value.style) == null ? void 0 : _g.pieStyle) == null ? void 0 : _h.outerRadius,
-          innerRadius: (_j = (_i = value == null ? void 0 : value.style) == null ? void 0 : _i.pieStyle) == null ? void 0 : _j.innerRadius,
-          cornerRadius: (_l = (_k = value == null ? void 0 : value.style) == null ? void 0 : _k.pieStyle) == null ? void 0 : _l.cornerRadius,
-          padAngle: (_n = (_m = value == null ? void 0 : value.style) == null ? void 0 : _m.pieStyle) == null ? void 0 : _n.padAngle,
+          innerRadius: ({
+            data
+          }) => {
+            var _a2, _b2, _c2, _d2, _e2, _f2;
+            const size = active2 && active2.label == data.label ? ((_b2 = (_a2 = value == null ? void 0 : value.style) == null ? void 0 : _a2.pieStyle) == null ? void 0 : _b2.innerRadius) + 15 : (_d2 = (_c2 = value == null ? void 0 : value.style) == null ? void 0 : _c2.pieStyle) == null ? void 0 : _d2.innerRadius;
+            return ((_f2 = (_e2 = value == null ? void 0 : value.style) == null ? void 0 : _e2.pieStyle) == null ? void 0 : _f2.outerRadius) - size;
+          },
+          cornerRadius: (_j = (_i = value == null ? void 0 : value.style) == null ? void 0 : _i.pieStyle) == null ? void 0 : _j.cornerRadius,
+          padAngle: (_l = (_k = value == null ? void 0 : value.style) == null ? void 0 : _k.pieStyle) == null ? void 0 : _l.padAngle,
           children: (pie2) => {
             return pie2.arcs.map((arc2, index2) => {
               var _a2, _b2, _c2, _d2;
@@ -11800,12 +11810,15 @@ const DrawPieGraph = ({
           }
         })
       })
-    }), tooltipOpen && /* @__PURE__ */ jsx(ToolTip, {
-      style: value == null ? void 0 : value.style,
-      top: tooltipTop,
-      left: tooltipLeft,
-      tooltipData
-    })]
+    }), tooltipOpen && /* @__PURE__ */ jsx(
+      ToolTip,
+      {
+        style: value == null ? void 0 : value.style,
+        top: tooltipTop,
+        left: tooltipLeft,
+        tooltipData
+      }
+    )]
   });
 };
 const PieGraph = ({