impaktapps-design 0.2.58-alpha.2 → 0.2.58-alpha.3

package/dist/impaktapps-design.es.js

@@ -10873,26 +10873,26 @@ function Legend({
   colorRange,
   dataKeyArray
 }) {
-  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
   const legendGlyphSize = ((_b = (_a = value == null ? void 0 : value.main) == null ? void 0 : _a.legend) == null ? void 0 : _b.colorRectWidth) || 15;
-  dataKeyArray.map((item) => {
+  const xValues = (_c = value == null ? void 0 : value.main) == null ? void 0 : _c.data.map((item) => {
     return item.x;
   });
   const ordinalColorScale = createOrdinalScale$1({
-    domain: ["Sss", "ddd", "ccc"],
-    range: colorRange || ((_d = (_c = value == null ? void 0 : value.style) == null ? void 0 : _c.pieStyle) == null ? void 0 : _d.colorRange)
+    domain: dataKeyArray || ((_d = value == null ? void 0 : value.main) == null ? void 0 : _d.tooltipDataKey),
+    range: colorRange || ((_f = (_e = value == null ? void 0 : value.style) == null ? void 0 : _e.pieStyle) == null ? void 0 : _f.colorRange)
   });
   return /* @__PURE__ */ jsxs("div", {
     className: "legend",
     style: {
       paddingLeft: "40px",
       paddingRight: "40px",
-      ...(_f = (_e = value == null ? void 0 : value.style) == null ? void 0 : _e.legendStyle) == null ? void 0 : _f.legend
+      ...(_h = (_g = value == null ? void 0 : value.style) == null ? void 0 : _g.legendStyle) == null ? void 0 : _h.legend
     },
     children: [/* @__PURE__ */ jsx("div", {
       className: "title",
-      style: (_h = (_g = value == null ? void 0 : value.style) == null ? void 0 : _g.legendStyle) == null ? void 0 : _h.legendTitle,
-      children: (_j = (_i = value == null ? void 0 : value.main) == null ? void 0 : _i.legend) == null ? void 0 : _j.legendTitle
+      style: (_j = (_i = value == null ? void 0 : value.style) == null ? void 0 : _i.legendStyle) == null ? void 0 : _j.legendTitle,
+      children: (_l = (_k = value == null ? void 0 : value.main) == null ? void 0 : _k.legend) == null ? void 0 : _l.legendTitle
     }), /* @__PURE__ */ jsx(Ordinal, {
       scale: ordinalColorScale,
       labelFormat: (label) => `${label.toUpperCase()}`,
@@ -10903,7 +10903,7 @@ function Legend({
             display: "flex",
             flexDirection: ((_b2 = (_a2 = value == null ? void 0 : value.main) == null ? void 0 : _a2.legend) == null ? void 0 : _b2.direction) || "row"
           },
-          children: labels.map((label, i) => {
+          children: xValues.map((label, i) => {
             var _a3, _b3;
             return /* @__PURE__ */ jsxs(LegendItem, {
               margin: "0 5px",