@economic/taco 2.57.0-charts.10 → 2.57.0-charts.12

package/dist/taco.cjs

@@ -82790,11 +82790,11 @@ function ChartWrapper(props) {
 function Tooltip(props) {
   const { active, payload = [], style, title } = props;
   if (active && payload.length) {
-    return /* @__PURE__ */ React.createElement("div", { className: "border-grey-300 z-20 flex flex-col gap-y-1 rounded-md border bg-white px-2 py-1.5 text-xs shadow-sm" }, title ? /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, title) : null, /* @__PURE__ */ React.createElement("dl", { className: "m-0 grid grid-cols-[max-content_max-content] gap-x-4 gap-y-0.5", style }, payload.map((entry, index2) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "border-grey-300 z-20 z-[999] flex flex-col gap-y-1 rounded-md border bg-white px-2 py-1.5 text-xs shadow-sm" }, title ? /* @__PURE__ */ React.createElement("span", { className: "font-bold" }, title) : null, /* @__PURE__ */ React.createElement("dl", { className: "m-0 grid grid-cols-[max-content_max-content] gap-x-4 gap-y-0.5", style }, payload.map((entry, index2) => {
       const color2 = entry.color ?? entry.payload.color;
       const formatter = entry.formatter ?? entry.payload.formatter;
       const unit2 = entry.unit ?? entry.payload.unit;
-      return /* @__PURE__ */ React.createElement(React.Fragment, { key: `${entry.name}-${index2}` }, /* @__PURE__ */ React.createElement("dt", { className: "text-grey-700 mb-0 flex items-center gap-1 font-normal" }, /* @__PURE__ */ React.createElement("span", { className: "-mt-px h-2.5 w-2.5 rounded-sm", style: { background: color2 } }), entry.name), /* @__PURE__ */ React.createElement("dd", { className: "mb-0 text-right font-bold tabular-nums text-black" }, (formatter == null ? void 0 : formatter(entry.value ?? "", entry.name ?? "", entry, index2, entry.payload)) ?? entry.value, " ", unit2 ? /* @__PURE__ */ React.createElement("span", { className: "text-grey-700" }, unit2) : null));
+      return /* @__PURE__ */ React.createElement(React.Fragment, { key: `${entry.name}-${index2}` }, /* @__PURE__ */ React.createElement("dt", { className: "text-grey-700 mb-0 flex items-center gap-1 font-normal", "data-taco": "chart-tooltip" }, /* @__PURE__ */ React.createElement("span", { className: "-mt-px h-2.5 w-2.5 rounded-sm", style: { background: color2 } }), entry.name), /* @__PURE__ */ React.createElement("dd", { className: "mb-0 text-right font-bold tabular-nums text-black" }, (formatter == null ? void 0 : formatter(entry.value ?? "", entry.name ?? "", entry, index2, entry.payload)) ?? entry.value, " ", unit2 ? /* @__PURE__ */ React.createElement("span", { className: "text-grey-700" }, unit2) : null));
     })));
   }
   return null;
@@ -83118,7 +83118,7 @@ function Area(_) {
 AreaChart.Area = Area;
 const BAR_WIDTH = 18;
 function BarChart(props) {
-  const isHorizontal = props.layout === "horizontal";
+  const isHorizontal = props.orientation === "horizontal";
   const {
     children,
     className: customClassName,
@@ -83129,6 +83129,7 @@ function BarChart(props) {
     showXAxis = !isHorizontal,
     showYAxis = isHorizontal,
     stacked = false,
+    tooltipTitle,
     xAxisScale,
     xAxisTickFormatter,
     yAxisScale,
@@ -83155,7 +83156,7 @@ function BarChart(props) {
       stackOffset: stacked === "expand" ? "expand" : void 0
     },
     /* @__PURE__ */ React.createElement(CartesianGrid, { horizontal: !isHorizontal, vertical: false }),
-    /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, null) }),
+    /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }),
     /* @__PURE__ */ React.createElement(
       XAxis,
       {
@@ -83266,8 +83267,7 @@ function DonutChart(props) {
     unit: unit2
   });
   const className = clsx("aspect-square", attributes.className);
-  console.log("radius", radius);
-  return /* @__PURE__ */ React.createElement("div", { className: "relative", "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className, "data-taco": "chart-donut", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip$3, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, innerRadius: radius - DONUT_WIDTH$1 }))), showTotal ? /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: "relative", "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className, "data-taco": "chart-donut", onSetWidth: setRadius }, /* @__PURE__ */ React.createElement(PieChart$1, null, /* @__PURE__ */ React.createElement(Tooltip$1, { content: /* @__PURE__ */ React.createElement(Tooltip, { title: tooltipTitle }) }), /* @__PURE__ */ React.createElement(Pie, { ...pieProps, innerRadius: radius - DONUT_WIDTH$1 }))), showTotal ? /* @__PURE__ */ React.createElement(
     Total,
     {
       formatter,
@@ -83295,7 +83295,7 @@ function Total(props) {
       className: "absolute-center flex aspect-video flex-col items-center justify-center overflow-hidden rounded-full",
       "data-taco": "chart-donut-total"
     },
-    /* @__PURE__ */ React.createElement(Tooltip$3, { title: total }, /* @__PURE__ */ React.createElement("span", { className: "w-full truncate text-center font-bold tabular-nums" }, total)),
+    /* @__PURE__ */ React.createElement(Tooltip$3, { title: total }, /* @__PURE__ */ React.createElement("span", { className: "w-full truncate text-center text-lg font-bold tabular-nums" }, total)),
     unit2 ? /* @__PURE__ */ React.createElement("span", { className: "text-grey-700 -mb-1 -mt-0.5 truncate text-xs" }, unit2) : null
   );
 }