@economic/taco 2.57.0-charts.6 → 2.57.0-charts.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/taco.cjs +5 -5
- package/dist/taco.cjs.map +1 -1
- package/dist/taco.js +5 -5
- package/dist/taco.js.map +1 -1
- package/package.json +2 -2
package/dist/taco.cjs
CHANGED
|
@@ -82966,7 +82966,7 @@ function Legend$1(props) {
|
|
|
82966
82966
|
handleToggle(item.dataKey);
|
|
82967
82967
|
};
|
|
82968
82968
|
const moreButton = (moreButtonText) => /* @__PURE__ */ React.createElement(Button$4, { appearance: "transparent", className: "text-grey-700 !h-5 !min-h-[1.25rem] !px-1.5 text-xs" }, moreButtonText);
|
|
82969
|
-
return /* @__PURE__ */ React.createElement(OverflowGroup, { className: "mt-
|
|
82969
|
+
return /* @__PURE__ */ React.createElement(OverflowGroup, { className: "mt-3 w-full gap-x-1", moreButton }, items.map((item, index2) => {
|
|
82970
82970
|
const className = clsx("mr-1 flex h-3 w-3 rounded-sm", {
|
|
82971
82971
|
border: item.isHidden
|
|
82972
82972
|
});
|
|
@@ -83020,7 +83020,7 @@ function useChart(children, options) {
|
|
|
83020
83020
|
},
|
|
83021
83021
|
isAnimationActive: false,
|
|
83022
83022
|
fill: color2,
|
|
83023
|
-
fillOpacity: 0.
|
|
83023
|
+
fillOpacity: 0.8,
|
|
83024
83024
|
formatter: item.formatter,
|
|
83025
83025
|
name: item.label,
|
|
83026
83026
|
stroke: color2,
|
|
@@ -83067,7 +83067,7 @@ function AreaChart(props) {
|
|
|
83067
83067
|
yAxisWidth,
|
|
83068
83068
|
...attributes
|
|
83069
83069
|
} = props;
|
|
83070
|
-
const className = clsx("relative aspect-video", { "pb-
|
|
83070
|
+
const className = clsx("relative aspect-video", { "pb-8": showLegend }, customClassName);
|
|
83071
83071
|
const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
|
|
83072
83072
|
return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-area" }, /* @__PURE__ */ React.createElement(
|
|
83073
83073
|
AreaChart$1,
|
|
@@ -83135,7 +83135,7 @@ function BarChart(props) {
|
|
|
83135
83135
|
yAxisWidth,
|
|
83136
83136
|
...attributes
|
|
83137
83137
|
} = props;
|
|
83138
|
-
const className = clsx("relative aspect-video", { "pb-
|
|
83138
|
+
const className = clsx("relative aspect-video", { "pb-8": showLegend }, customClassName);
|
|
83139
83139
|
const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
|
|
83140
83140
|
return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-bar" }, /* @__PURE__ */ React.createElement(
|
|
83141
83141
|
BarChart$1,
|
|
@@ -83499,7 +83499,7 @@ function LineChart(props) {
|
|
|
83499
83499
|
yAxisWidth,
|
|
83500
83500
|
...attributes
|
|
83501
83501
|
} = props;
|
|
83502
|
-
const className = clsx("relative aspect-video", { "pb-
|
|
83502
|
+
const className = clsx("relative aspect-video", { "pb-8": showLegend }, customClassName);
|
|
83503
83503
|
const { items, shapes, activeIndex, setActiveIndex, toggleItem } = useChart(children);
|
|
83504
83504
|
return /* @__PURE__ */ React.createElement("div", { className, "data-taco": "chart-wrapper" }, /* @__PURE__ */ React.createElement(ChartWrapper, { ...attributes, className: "h-full w-full", "data-taco": "chart-line" }, /* @__PURE__ */ React.createElement(
|
|
83505
83505
|
LineChart$1,
|