impaktapps-design 0.2.88 → 0.2.89-alpha.401

package/dist/impaktapps-design.es.js

@@ -10461,46 +10461,32 @@ const ToolTip = ({
   left: left2,
   tooltipData
 }) => {
-  const {
-    TooltipInPortal
-  } = useTooltipInPortal({
+  useTooltipInPortal({
     detectBounds: true,
     scroll: true
   });
-  return /* @__PURE__ */ jsx(TooltipInPortal, {
+  return /* @__PURE__ */ jsx(Tooltip$1, {
     top: top2,
     left: left2,
+    style: style2 == null ? void 0 : style2.tooltipStyle,
     children: /* @__PURE__ */ jsxs("div", {
       style: {
-        minWidth: 60,
-        textAlign: "center",
-        background: "black",
-        padding: "10px",
-        boxShadow: "2px 2px 5px black",
-        color: "#6c5efb",
-        backgroundColor: "black",
-        ...style2 == null ? void 0 : style2.tooltipStyle,
-        margin: "-20px"
+        display: "flex",
+        alignItems: "center"
       },
       children: [/* @__PURE__ */ jsx("div", {
         style: {
-          padding: "4px 10px",
-          color: (style2 == null ? void 0 : style2.tooltipbackground) || "white",
-          borderRadius: "5px",
-          fontWeight: 700
-        },
-        children: tooltipData[0]
+          width: "12px",
+          height: "12px",
+          marginRight: "8px"
+        }
       }), /* @__PURE__ */ jsx("div", {
-        style: {
-          padding: "4px 10px",
-          borderRadius: "5px",
-          marginTop: "10px",
-          fontWeight: 700
-        },
-        children: tooltipData[1]
+        children: /* @__PURE__ */ jsx("strong", {
+          children: `${tooltipData[0]}: ${tooltipData[1]}`
+        })
       })]
     })
-  }, Math.random());
+  });
 };
 var _excluded$F = ["flexDirection", "alignItems", "margin", "display", "children"];
 function _extends$B() {
@@ -11523,6 +11509,10 @@ 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: {
@@ -11559,7 +11549,6 @@ const finalDataProvider = (type2, value, theme) => {
             innerRadius: 60,
             cornerRadius: 2,
             padAngle: 6e-3,
-            showPieLabel: true,
             ...(_s = value == null ? void 0 : value.style) == null ? void 0 : _s.pieStyle
           }
         }
@@ -11722,6 +11711,7 @@ const DrawPieGraph = ({
   parentHeight
 }) => {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n;
+  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;
@@ -11744,7 +11734,8 @@ const DrawPieGraph = ({
     showTooltip,
     hideTooltip
   } = useTooltip();
-  const handleMouse = (event, datum2) => {
+  const handleMouse = (event, arc2, datum2) => {
+    setActive(arc2.index);
     showTooltip({
       tooltipLeft: event.clientX,
       tooltipTop: event.clientY,
@@ -11780,14 +11771,16 @@ const DrawPieGraph = ({
           children: (pie2) => {
             return pie2.arcs.map((arc2, index2) => {
               var _a2, _b2, _c2, _d2;
+              console.log("arc.data", arc2.data);
               const indexParam = ((_b2 = (_a2 = value == null ? void 0 : value.style) == null ? void 0 : _a2.pieStyle) == null ? void 0 : _b2.showPieLabel) ? labelKeyIndex : valueKeyIndex;
               const letter = arc2.data[arr[indexParam]];
+              console.log("arc.data[arr[indexParam]]", arc2.data[arr[indexParam]]);
               const [centriodX, centriodY] = pie2.path.centroid(arc2);
               const arcPath = pie2.path(arc2);
               const arcFill = getLetterFrequencyColor(letter, indexParam);
               return /* @__PURE__ */ jsxs("g", {
                 onMouseOut: hideTooltip,
-                onMouseOver: (e3) => handleMouse(e3, arc2.data),
+                onMouseOver: (e3) => handleMouse(e3, arc2, pie2),
                 className: "pieTooltipHolder",
                 children: [/* @__PURE__ */ jsx("path", {
                   d: arcPath,