@economic/taco 2.47.0-server.4 → 2.47.0-server.5

package/dist/esm/packages/taco/src/charts/components/Area/AreaChart.js

@@ -1,31 +1,35 @@
 import React__default, { useState } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { AreaChart as AreaChart$1, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Area as Area$1 } from 'recharts';
 import { getThemeColor } from '../../utils/color.js';
 import { getCartesianGridProps, getXAxisProps, getYAxisProps, getLegendProps, getTooltipProps } from '../../utils/common.js';
 import { ResponsiveContainer } from '../ResponsiveContainer.js';
 
-const Area = _ => null;
-const AreaChart = function AreaChart(externalProps) {
-  const {
-    children,
-    data,
-    formatter,
-    ...props
-  } = externalProps;
-  const [hoveredArea, setHoveredArea] = useState(null);
-  const [activeAreas, setActiveAreas] = useState(() => {
-    const areas = {};
-    React__default.Children.forEach(children, child => {
-      areas[child.props.accessor] = true;
-    });
-    return areas;
-  });
-  const handleLegendClick = entry => {
+var _excluded = ["children", "data", "formatter"];
+var Area = function Area(_) {
+  return null;
+};
+var AreaChart = function AreaChart(externalProps) {
+  var children = externalProps.children,
+    data = externalProps.data,
+    formatter = externalProps.formatter,
+    props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+  var _useState = useState(null),
+    hoveredArea = _useState[0],
+    setHoveredArea = _useState[1];
+  var _useState2 = useState(function () {
+      var areas = {};
+      React__default.Children.forEach(children, function (child) {
+        areas[child.props.accessor] = true;
+      });
+      return areas;
+    }),
+    activeAreas = _useState2[0],
+    setActiveAreas = _useState2[1];
+  var handleLegendClick = function handleLegendClick(entry) {
+    var _extends2;
     setHoveredArea(null);
-    setActiveAreas({
-      ...activeAreas,
-      [entry.dataKey]: !activeAreas[entry.dataKey]
-    });
+    setActiveAreas(_extends({}, activeAreas, (_extends2 = {}, _extends2[entry.dataKey] = !activeAreas[entry.dataKey], _extends2)));
   };
   return /*#__PURE__*/React__default.createElement(ResponsiveContainer, null, /*#__PURE__*/React__default.createElement(AreaChart$1, {
     data: data,
@@ -37,12 +41,16 @@ const AreaChart = function AreaChart(externalProps) {
     }
   }, /*#__PURE__*/React__default.createElement(CartesianGrid, Object.assign({}, getCartesianGridProps())), /*#__PURE__*/React__default.createElement(XAxis, Object.assign({}, getXAxisProps(props))), /*#__PURE__*/React__default.createElement(YAxis, Object.assign({}, getYAxisProps(props))), /*#__PURE__*/React__default.createElement(Legend, Object.assign({}, getLegendProps({
     onClick: handleLegendClick,
-    onMouseEnter: entry => setHoveredArea(entry.dataKey),
-    onMouseLeave: () => setHoveredArea(null),
+    onMouseEnter: function onMouseEnter(entry) {
+      return setHoveredArea(entry.dataKey);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setHoveredArea(null);
+    },
     activeItems: activeAreas
   }))), /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, getTooltipProps(), {
     formatter: formatter
-  })), React__default.Children.map(children, child => {
+  })), React__default.Children.map(children, function (child) {
     var _child$props$color, _child$props$color2, _child$props$color3;
     return /*#__PURE__*/React__default.createElement(Area$1, {
       activeDot: {

package/dist/esm/packages/taco/src/charts/components/Area/AreaChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"AreaChart.js","sources":["../../../../../../../../src/charts/components/Area/AreaChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype AreaChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n    stackId?: string;\n};\n\nconst Area = (_: AreaChartBarProps<any>) => null;\n\ntype AreaChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<AreaChartBarProps<TType>> | React.ReactElement<AreaChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n};\n\nexport const AreaChart = function AreaChart<TType = unknown>(externalProps: AreaChartProps<TType>) {\n    const { children, data, formatter, ...props } = externalProps;\n    const [hoveredArea, setHoveredArea] = useState<(keyof TType & string) | null>(null);\n    const [activeAreas, setActiveAreas] = useState<ActiveChartItems<TType>>(() => {\n        const areas = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            areas[child.props.accessor] = true;\n        });\n\n        return areas;\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredArea(null);\n        setActiveAreas({ ...activeAreas, [entry.dataKey]: !activeAreas[entry.dataKey] });\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.AreaChart data={data} margin={{ top: 10, right: 0, left: -25, bottom: 0 }}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis {...getXAxisProps<TType>(props)} />\n                <Recharts.YAxis {...getYAxisProps<TType>(props)} />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: entry => setHoveredArea(entry.dataKey),\n                        onMouseLeave: () => setHoveredArea(null),\n                        activeItems: activeAreas,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Area\n                        activeDot={{\n                            fill: getThemeColor(child.props.color ?? 'blue-300'),\n                        }}\n                        isAnimationActive={false}\n                        dataKey={child.props.accessor}\n                        dot={false}\n                        fill={getThemeColor(child.props.color ?? 'grey-100')}\n                        name={child.props.label}\n                        strokeWidth={2}\n                        stroke={getThemeColor(child.props.color ?? 'grey-300')}\n                        stackId={child.props.stackId}\n                        hide={!activeAreas[child.props.accessor]}\n                        opacity={hoveredArea && child.props.accessor !== hoveredArea ? 0.3 : 1}\n                    />\n                ))}\n            </Recharts.AreaChart>\n        </ResponsiveContainer>\n    );\n};\nAreaChart.Area = Area;\n"],"names":["Area","_","AreaChart","externalProps","children","data","formatter","props","hoveredArea","setHoveredArea","useState","activeAreas","setActiveAreas","areas","React","Children","forEach","child","accessor","handleLegendClick","entry","dataKey","ResponsiveContainer","Recharts","margin","top","right","left","bottom","getCartesianGridProps","getXAxisProps","getYAxisProps","getLegendProps","onClick","onMouseEnter","onMouseLeave","activeItems","getTooltipProps","map","_child$props$color","_child$props$color2","_child$props$color3","activeDot","fill","getThemeColor","color","isAnimationActive","dot","name","label","strokeWidth","stroke","stackId","hide","opacity"],"mappings":"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"}
+{"version":3,"file":"AreaChart.js","sources":["../../../../../../../../src/charts/components/Area/AreaChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype AreaChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n    stackId?: string;\n};\n\nconst Area = (_: AreaChartBarProps<any>) => null;\n\ntype AreaChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<AreaChartBarProps<TType>> | React.ReactElement<AreaChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n};\n\nexport const AreaChart = function AreaChart<TType = unknown>(externalProps: AreaChartProps<TType>) {\n    const { children, data, formatter, ...props } = externalProps;\n    const [hoveredArea, setHoveredArea] = useState<(keyof TType & string) | null>(null);\n    const [activeAreas, setActiveAreas] = useState<ActiveChartItems<TType>>(() => {\n        const areas = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            areas[child.props.accessor] = true;\n        });\n\n        return areas;\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredArea(null);\n        setActiveAreas({ ...activeAreas, [entry.dataKey]: !activeAreas[entry.dataKey] });\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.AreaChart data={data} margin={{ top: 10, right: 0, left: -25, bottom: 0 }}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis {...getXAxisProps<TType>(props)} />\n                <Recharts.YAxis {...getYAxisProps<TType>(props)} />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: entry => setHoveredArea(entry.dataKey),\n                        onMouseLeave: () => setHoveredArea(null),\n                        activeItems: activeAreas,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Area\n                        activeDot={{\n                            fill: getThemeColor(child.props.color ?? 'blue-300'),\n                        }}\n                        isAnimationActive={false}\n                        dataKey={child.props.accessor}\n                        dot={false}\n                        fill={getThemeColor(child.props.color ?? 'grey-100')}\n                        name={child.props.label}\n                        strokeWidth={2}\n                        stroke={getThemeColor(child.props.color ?? 'grey-300')}\n                        stackId={child.props.stackId}\n                        hide={!activeAreas[child.props.accessor]}\n                        opacity={hoveredArea && child.props.accessor !== hoveredArea ? 0.3 : 1}\n                    />\n                ))}\n            </Recharts.AreaChart>\n        </ResponsiveContainer>\n    );\n};\nAreaChart.Area = Area;\n"],"names":["Area","_","AreaChart","externalProps","children","data","formatter","props","_objectWithoutPropertiesLoose","_excluded","_useState","useState","hoveredArea","setHoveredArea","_useState2","areas","React","Children","forEach","child","accessor","activeAreas","setActiveAreas","handleLegendClick","entry","_extends","_extends2","dataKey","ResponsiveContainer","Recharts","margin","top","right","left","bottom","getCartesianGridProps","getXAxisProps","getYAxisProps","getLegendProps","onClick","onMouseEnter","onMouseLeave","activeItems","getTooltipProps","map","_child$props$color","_child$props$color2","_child$props$color3","activeDot","fill","getThemeColor","color","isAnimationActive","dot","name","label","strokeWidth","stroke","stackId","hide","opacity"],"mappings":"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"}

package/dist/esm/packages/taco/src/charts/components/Bar/BarChart.js

@@ -1,45 +1,52 @@
 import React__default, { useState } from 'react';
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose, extends as _extends } from '../../../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { BarChart as BarChart$1, CartesianGrid, XAxis, YAxis, Legend, Tooltip, Bar as Bar$1, Cell } from 'recharts';
 import { getThemeColor } from '../../utils/color.js';
 import { getCartesianGridProps, getXAxisProps, getYAxisProps, getLegendProps, getTooltipProps } from '../../utils/common.js';
 import { ResponsiveContainer } from '../ResponsiveContainer.js';
 
-const Bar = _ => null;
-const getXAxisVerticalProps = props => ({
-  ...getXAxisProps(props),
-  ...{
+var _excluded = ["children", "data", "formatter", "layout"];
+var Bar = function Bar(_) {
+  return null;
+};
+var getXAxisVerticalProps = function getXAxisVerticalProps(props) {
+  return _extends({}, getXAxisProps(props), {
     type: 'number',
     dataKey: undefined
-  }
-});
-const getYAxisVerticalProps = props => ({
-  ...getYAxisProps(props),
-  ...{
+  });
+};
+var getYAxisVerticalProps = function getYAxisVerticalProps(props) {
+  return _extends({}, getYAxisProps(props), {
     dataKey: props.accessor,
     type: 'category'
-  }
-});
-const BarChart = function BarChart(externalProps) {
-  const {
-    children,
-    data,
-    formatter,
-    layout = 'horizontal',
-    ...props
-  } = externalProps;
-  const [activeIndex, setActiveIndex] = React__default.useState(undefined);
-  const [hoveredBar, setHoveredBar] = useState(null);
-  const [activeBars, setActiveBars] = useState(() => {
-    const keys = {};
-    React__default.Children.forEach(children, child => {
-      keys[child.props.accessor] = true;
-    });
-    return keys;
   });
+};
+var BarChart = function BarChart(externalProps) {
+  var children = externalProps.children,
+    data = externalProps.data,
+    formatter = externalProps.formatter,
+    _externalProps$layout = externalProps.layout,
+    layout = _externalProps$layout === void 0 ? 'horizontal' : _externalProps$layout,
+    props = _objectWithoutPropertiesLoose(externalProps, _excluded);
+  var _React$useState = React__default.useState(undefined),
+    activeIndex = _React$useState[0],
+    setActiveIndex = _React$useState[1];
+  var _useState = useState(null),
+    hoveredBar = _useState[0],
+    setHoveredBar = _useState[1];
+  var _useState2 = useState(function () {
+      var keys = {};
+      React__default.Children.forEach(children, function (child) {
+        keys[child.props.accessor] = true;
+      });
+      return keys;
+    }),
+    activeBars = _useState2[0],
+    setActiveBars = _useState2[1];
   // Recharts doesn't provide a way for us to know if a stacked bar is at the top or the bottom,
   // so we can't set proper radiuses without some "magic"
-  const stacks = {};
-  React__default.Children.forEach(children, child => {
+  var stacks = {};
+  React__default.Children.forEach(children, function (child) {
     if (child.props.stackId) {
       if (!stacks[child.props.stackId]) {
         stacks[child.props.stackId] = [child.props.accessor];
@@ -48,14 +55,12 @@ const BarChart = function BarChart(externalProps) {
       }
     }
   });
-  const handleLegendClick = entry => {
+  var handleLegendClick = function handleLegendClick(entry) {
+    var _extends2;
     setHoveredBar(null);
-    setActiveBars({
-      ...activeBars,
-      [entry.dataKey]: !activeBars[entry.dataKey]
-    });
+    setActiveBars(_extends({}, activeBars, (_extends2 = {}, _extends2[entry.dataKey] = !activeBars[entry.dataKey], _extends2)));
   };
-  const handleLegendHover = (entry, index) => {
+  var handleLegendHover = function handleLegendHover(entry, index) {
     setHoveredBar(entry.dataKey);
     setActiveIndex(index);
   };
@@ -68,41 +73,59 @@ const BarChart = function BarChart(externalProps) {
       left: layout === 'vertical' ? 0 : -25,
       bottom: 0
     },
-    onMouseMove: chartState => setActiveIndex(chartState.activeTooltipIndex),
-    onMouseLeave: () => setActiveIndex(undefined)
+    onMouseMove: function onMouseMove(chartState) {
+      return setActiveIndex(chartState.activeTooltipIndex);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setActiveIndex(undefined);
+    }
   }, /*#__PURE__*/React__default.createElement(CartesianGrid, Object.assign({}, getCartesianGridProps())), /*#__PURE__*/React__default.createElement(XAxis, Object.assign({}, layout === 'vertical' ? getXAxisVerticalProps(props) : getXAxisProps(props))), /*#__PURE__*/React__default.createElement(YAxis, Object.assign({}, layout === 'vertical' ? getYAxisVerticalProps(props) : getYAxisProps(props))), /*#__PURE__*/React__default.createElement(Legend, Object.assign({}, getLegendProps({
     onClick: handleLegendClick,
     onMouseEnter: handleLegendHover,
-    onMouseLeave: () => setHoveredBar(null),
+    onMouseLeave: function onMouseLeave() {
+      return setHoveredBar(null);
+    },
     activeItems: activeBars
   }))), /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, getTooltipProps(), {
     formatter: formatter
-  })), React__default.Children.map(children, child => (/*#__PURE__*/React__default.createElement(Bar$1, {
-    isAnimationActive: false,
-    barSize: 16,
-    dataKey: child.props.accessor,
-    name: child.props.label,
-    onMouseEnter: (_, index) => setActiveIndex(index),
-    onMouseLeave: () => setActiveIndex(undefined),
-    fill: getThemeColor(child.props.color ? `${child.props.color}` : `blue-300`),
-    radius: getBarRadius(stacks, child.props.accessor, child.props.stackId, activeBars),
-    stackId: child.props.stackId,
-    style: child.props.stackId ? {
-      stroke: '#fff',
-      strokeWidth: '2px'
-    } : undefined,
-    hide: !activeBars[child.props.accessor]
-  }, data.map((_, index) => (/*#__PURE__*/React__default.createElement(Cell, {
-    key: `cell-${index}`,
-    opacity: hoveredBar && child.props.accessor !== hoveredBar || activeIndex !== undefined && activeIndex !== index ? 0.3 : 1
-  }))))))));
+  })), React__default.Children.map(children, function (child) {
+    return /*#__PURE__*/React__default.createElement(Bar$1, {
+      isAnimationActive: false,
+      barSize: 16,
+      dataKey: child.props.accessor,
+      name: child.props.label,
+      onMouseEnter: function onMouseEnter(_, index) {
+        return setActiveIndex(index);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setActiveIndex(undefined);
+      },
+      fill: getThemeColor(child.props.color ? "" + child.props.color : "blue-300"),
+      radius: getBarRadius(stacks, child.props.accessor, child.props.stackId, activeBars),
+      stackId: child.props.stackId,
+      style: child.props.stackId ? {
+        stroke: '#fff',
+        strokeWidth: '2px'
+      } : undefined,
+      hide: !activeBars[child.props.accessor]
+    }, data.map(function (_, index) {
+      return /*#__PURE__*/React__default.createElement(Cell, {
+        key: "cell-" + index,
+        opacity: hoveredBar && child.props.accessor !== hoveredBar || activeIndex !== undefined && activeIndex !== index ? 0.3 : 1
+      });
+    }));
+  })));
 };
 BarChart.Bar = Bar;
-const getBarRadius = (stacks, accessor, stackId, activeBars) => {
+var getBarRadius = function getBarRadius(stacks, accessor, stackId, activeBars) {
   if (stackId && Array.isArray(stacks[stackId])) {
-    const length = stacks[stackId].length - 1;
-    const index = stacks[stackId].indexOf(accessor);
-    if (Object.entries(activeBars).filter(item => item[0] !== accessor).every(item => !item[1])) {
+    var length = stacks[stackId].length - 1;
+    var index = stacks[stackId].indexOf(accessor);
+    if (Object.entries(activeBars).filter(function (item) {
+      return item[0] !== accessor;
+    }).every(function (item) {
+      return !item[1];
+    })) {
       return [3, 3, 0, 0];
     }
     if (activeBars[stacks[stackId][index + 1]] === false) {

package/dist/esm/packages/taco/src/charts/components/Bar/BarChart.js.map

@@ -1 +1 @@
-{"version":3,"file":"BarChart.js","sources":["../../../../../../../../src/charts/components/Bar/BarChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype StacksType<TType> = Record<string, Array<keyof TType & string>>;\n\ntype BarChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n    stackId?: string;\n};\n\nconst Bar = (_: BarChartBarProps<any>) => null;\n\ntype BarChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<BarChartBarProps<TType>> | React.ReactElement<BarChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst getXAxisVerticalProps = <TType,>(props: CommonChartProps<TType>) => ({\n    ...getXAxisProps<TType>(props),\n    ...{ type: 'number' as const, dataKey: undefined },\n});\n\nconst getYAxisVerticalProps = <TType,>(props: CommonChartProps<TType>) => ({\n    ...getYAxisProps<TType>(props),\n    ...{ dataKey: props.accessor, type: 'category' as const },\n});\n\nexport const BarChart = function BarChart<TType = unknown>(externalProps: BarChartProps<TType>) {\n    const { children, data, formatter, layout = 'horizontal', ...props } = externalProps;\n    const [activeIndex, setActiveIndex] = React.useState<number | undefined>(undefined);\n    const [hoveredBar, setHoveredBar] = useState<(keyof TType & string) | null>(null);\n    const [activeBars, setActiveBars] = useState<ActiveChartItems<TType>>(() => {\n        const keys = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            keys[child.props.accessor] = true;\n        });\n\n        return keys;\n    });\n\n    // Recharts doesn't provide a way for us to know if a stacked bar is at the top or the bottom,\n    // so we can't set proper radiuses without some \"magic\"\n    const stacks = {} as StacksType<TType>;\n\n    React.Children.forEach(children, child => {\n        if (child.props.stackId) {\n            if (!stacks[child.props.stackId]) {\n                stacks[child.props.stackId] = [child.props.accessor];\n            } else {\n                stacks[child.props.stackId].push(child.props.accessor);\n            }\n        }\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredBar(null);\n        setActiveBars({ ...activeBars, [entry.dataKey]: !activeBars[entry.dataKey] });\n    };\n\n    const handleLegendHover = (entry: PayloadType<TType>, index: number): void => {\n        setHoveredBar(entry.dataKey);\n        setActiveIndex(index);\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.BarChart\n                layout={layout}\n                data={data}\n                margin={{ top: 10, right: 0, left: layout === 'vertical' ? 0 : -25, bottom: 0 }}\n                onMouseMove={chartState => setActiveIndex(chartState.activeTooltipIndex)}\n                onMouseLeave={() => setActiveIndex(undefined)}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis\n                    {...(layout === 'vertical' ? getXAxisVerticalProps<TType>(props) : getXAxisProps<TType>(props))}\n                />\n                <Recharts.YAxis\n                    {...(layout === 'vertical' ? getYAxisVerticalProps<TType>(props) : getYAxisProps<TType>(props))}\n                />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: handleLegendHover,\n                        onMouseLeave: () => setHoveredBar(null),\n                        activeItems: activeBars,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Bar\n                        isAnimationActive={false}\n                        barSize={16}\n                        dataKey={child.props.accessor}\n                        name={child.props.label}\n                        onMouseEnter={(_, index) => setActiveIndex(index)}\n                        onMouseLeave={() => setActiveIndex(undefined)}\n                        fill={getThemeColor(child.props.color ? `${child.props.color}` : `blue-300`)}\n                        radius={getBarRadius<TType>(stacks, child.props.accessor, child.props.stackId, activeBars)}\n                        stackId={child.props.stackId}\n                        style={child.props.stackId ? { stroke: '#fff', strokeWidth: '2px' } : undefined}\n                        hide={!activeBars[child.props.accessor]}>\n                        {data.map((_, index) => (\n                            <Recharts.Cell\n                                key={`cell-${index}`}\n                                opacity={\n                                    (hoveredBar && child.props.accessor !== hoveredBar) ||\n                                    (activeIndex !== undefined && activeIndex !== index)\n                                        ? 0.3\n                                        : 1\n                                }\n                            />\n                        ))}\n                    </Recharts.Bar>\n                ))}\n            </Recharts.BarChart>\n        </ResponsiveContainer>\n    );\n};\nBarChart.Bar = Bar;\n\nconst getBarRadius = <TType,>(\n    stacks: StacksType<TType>,\n    accessor: keyof TType & string,\n    stackId: string | undefined,\n    activeBars: ActiveChartItems<TType>\n): number | [number, number, number, number] => {\n    if (stackId && Array.isArray(stacks[stackId])) {\n        const length = stacks[stackId].length - 1;\n        const index: number = stacks[stackId].indexOf(accessor);\n\n        if (\n            Object.entries(activeBars)\n                .filter(item => item[0] !== accessor)\n                .every(item => !item[1])\n        ) {\n            return [3, 3, 0, 0];\n        }\n\n        if (activeBars[stacks[stackId][index + 1]] === false) {\n            return [index === 0 ? 0 : 3, index === 0 ? 0 : 3, index === length - 1 ? 0 : 3, index === length - 1 ? 0 : 3];\n        }\n\n        if (index !== 0 && index !== length) {\n            return 0;\n        }\n\n        return [index === 0 ? 0 : 3, index === 0 ? 0 : 3, index === length ? 0 : 3, index === length ? 0 : 3];\n    }\n\n    return 3;\n};\n"],"names":["Bar","_","getXAxisVerticalProps","props","getXAxisProps","type","dataKey","undefined","getYAxisVerticalProps","getYAxisProps","accessor","BarChart","externalProps","children","data","formatter","layout","activeIndex","setActiveIndex","React","useState","hoveredBar","setHoveredBar","activeBars","setActiveBars","keys","Children","forEach","child","stacks","stackId","push","handleLegendClick","entry","handleLegendHover","index","ResponsiveContainer","Recharts","margin","top","right","left","bottom","onMouseMove","chartState","activeTooltipIndex","onMouseLeave","getCartesianGridProps","getLegendProps","onClick","onMouseEnter","activeItems","getTooltipProps","map","isAnimationActive","barSize","name","label","fill","getThemeColor","color","radius","getBarRadius","style","stroke","strokeWidth","hide","key","opacity","Array","isArray","length","indexOf","Object","entries","filter","item","every"],"mappings":"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"}
+{"version":3,"file":"BarChart.js","sources":["../../../../../../../../src/charts/components/Bar/BarChart.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport * as Recharts from 'recharts';\n\nimport { Color, getThemeColor } from '../../utils/color';\nimport {\n    CommonChartProps,\n    getCartesianGridProps,\n    getXAxisProps,\n    getYAxisProps,\n    getLegendProps,\n    getTooltipProps,\n} from '../../utils/common';\nimport { ResponsiveContainer } from '../ResponsiveContainer';\nimport { ActiveChartItems, PayloadType } from '../types';\n\ntype StacksType<TType> = Record<string, Array<keyof TType & string>>;\n\ntype BarChartBarProps<TType> = {\n    accessor: keyof TType & string;\n    color?: Color;\n    label?: string;\n    stackId?: string;\n};\n\nconst Bar = (_: BarChartBarProps<any>) => null;\n\ntype BarChartProps<TType> = CommonChartProps<TType> & {\n    children: React.ReactElement<BarChartBarProps<TType>> | React.ReactElement<BarChartBarProps<TType>>[];\n    data: TType[];\n    formatter?: (value: any) => string;\n    layout?: 'horizontal' | 'vertical';\n};\n\nconst getXAxisVerticalProps = <TType,>(props: CommonChartProps<TType>) => ({\n    ...getXAxisProps<TType>(props),\n    ...{ type: 'number' as const, dataKey: undefined },\n});\n\nconst getYAxisVerticalProps = <TType,>(props: CommonChartProps<TType>) => ({\n    ...getYAxisProps<TType>(props),\n    ...{ dataKey: props.accessor, type: 'category' as const },\n});\n\nexport const BarChart = function BarChart<TType = unknown>(externalProps: BarChartProps<TType>) {\n    const { children, data, formatter, layout = 'horizontal', ...props } = externalProps;\n    const [activeIndex, setActiveIndex] = React.useState<number | undefined>(undefined);\n    const [hoveredBar, setHoveredBar] = useState<(keyof TType & string) | null>(null);\n    const [activeBars, setActiveBars] = useState<ActiveChartItems<TType>>(() => {\n        const keys = {} as ActiveChartItems<TType>;\n\n        React.Children.forEach(children, child => {\n            keys[child.props.accessor] = true;\n        });\n\n        return keys;\n    });\n\n    // Recharts doesn't provide a way for us to know if a stacked bar is at the top or the bottom,\n    // so we can't set proper radiuses without some \"magic\"\n    const stacks = {} as StacksType<TType>;\n\n    React.Children.forEach(children, child => {\n        if (child.props.stackId) {\n            if (!stacks[child.props.stackId]) {\n                stacks[child.props.stackId] = [child.props.accessor];\n            } else {\n                stacks[child.props.stackId].push(child.props.accessor);\n            }\n        }\n    });\n\n    const handleLegendClick = (entry: PayloadType<TType>): void => {\n        setHoveredBar(null);\n        setActiveBars({ ...activeBars, [entry.dataKey]: !activeBars[entry.dataKey] });\n    };\n\n    const handleLegendHover = (entry: PayloadType<TType>, index: number): void => {\n        setHoveredBar(entry.dataKey);\n        setActiveIndex(index);\n    };\n\n    return (\n        <ResponsiveContainer>\n            <Recharts.BarChart\n                layout={layout}\n                data={data}\n                margin={{ top: 10, right: 0, left: layout === 'vertical' ? 0 : -25, bottom: 0 }}\n                onMouseMove={chartState => setActiveIndex(chartState.activeTooltipIndex)}\n                onMouseLeave={() => setActiveIndex(undefined)}>\n                <Recharts.CartesianGrid {...getCartesianGridProps()} />\n                <Recharts.XAxis\n                    {...(layout === 'vertical' ? getXAxisVerticalProps<TType>(props) : getXAxisProps<TType>(props))}\n                />\n                <Recharts.YAxis\n                    {...(layout === 'vertical' ? getYAxisVerticalProps<TType>(props) : getYAxisProps<TType>(props))}\n                />\n                <Recharts.Legend\n                    {...getLegendProps({\n                        onClick: handleLegendClick,\n                        onMouseEnter: handleLegendHover,\n                        onMouseLeave: () => setHoveredBar(null),\n                        activeItems: activeBars,\n                    })}\n                />\n                <Recharts.Tooltip {...getTooltipProps()} formatter={formatter} />\n                {React.Children.map(children, child => (\n                    <Recharts.Bar\n                        isAnimationActive={false}\n                        barSize={16}\n                        dataKey={child.props.accessor}\n                        name={child.props.label}\n                        onMouseEnter={(_, index) => setActiveIndex(index)}\n                        onMouseLeave={() => setActiveIndex(undefined)}\n                        fill={getThemeColor(child.props.color ? `${child.props.color}` : `blue-300`)}\n                        radius={getBarRadius<TType>(stacks, child.props.accessor, child.props.stackId, activeBars)}\n                        stackId={child.props.stackId}\n                        style={child.props.stackId ? { stroke: '#fff', strokeWidth: '2px' } : undefined}\n                        hide={!activeBars[child.props.accessor]}>\n                        {data.map((_, index) => (\n                            <Recharts.Cell\n                                key={`cell-${index}`}\n                                opacity={\n                                    (hoveredBar && child.props.accessor !== hoveredBar) ||\n                                    (activeIndex !== undefined && activeIndex !== index)\n                                        ? 0.3\n                                        : 1\n                                }\n                            />\n                        ))}\n                    </Recharts.Bar>\n                ))}\n            </Recharts.BarChart>\n        </ResponsiveContainer>\n    );\n};\nBarChart.Bar = Bar;\n\nconst getBarRadius = <TType,>(\n    stacks: StacksType<TType>,\n    accessor: keyof TType & string,\n    stackId: string | undefined,\n    activeBars: ActiveChartItems<TType>\n): number | [number, number, number, number] => {\n    if (stackId && Array.isArray(stacks[stackId])) {\n        const length = stacks[stackId].length - 1;\n        const index: number = stacks[stackId].indexOf(accessor);\n\n        if (\n            Object.entries(activeBars)\n                .filter(item => item[0] !== accessor)\n                .every(item => !item[1])\n        ) {\n            return [3, 3, 0, 0];\n        }\n\n        if (activeBars[stacks[stackId][index + 1]] === false) {\n            return [index === 0 ? 0 : 3, index === 0 ? 0 : 3, index === length - 1 ? 0 : 3, index === length - 1 ? 0 : 3];\n        }\n\n        if (index !== 0 && index !== length) {\n            return 0;\n        }\n\n        return [index === 0 ? 0 : 3, index === 0 ? 0 : 3, index === length ? 0 : 3, index === length ? 0 : 3];\n    }\n\n    return 3;\n};\n"],"names":["Bar","_","getXAxisVerticalProps","props","_extends","getXAxisProps","type","dataKey","undefined","getYAxisVerticalProps","getYAxisProps","accessor","BarChart","externalProps","children","data","formatter","_externalProps$layout","layout","_objectWithoutPropertiesLoose","_excluded","_React$useState","React","useState","activeIndex","setActiveIndex","_useState","hoveredBar","setHoveredBar","_useState2","keys","Children","forEach","child","activeBars","setActiveBars","stacks","stackId","push","handleLegendClick","entry","_extends2","handleLegendHover","index","ResponsiveContainer","Recharts","margin","top","right","left","bottom","onMouseMove","chartState","activeTooltipIndex","onMouseLeave","getCartesianGridProps","getLegendProps","onClick","onMouseEnter","activeItems","getTooltipProps","map","isAnimationActive","barSize","name","label","fill","getThemeColor","color","radius","getBarRadius","style","stroke","strokeWidth","hide","key","opacity","Array","isArray","length","indexOf","Object","entries","filter","item","every"],"mappings":"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"}

package/dist/esm/packages/taco/src/charts/components/Donut/ActiveShape.js

@@ -4,24 +4,25 @@ import { Sector } from 'recharts';
 import { getThemeColor } from '../../utils/color.js';
 import { HOVER_DONUT_WIDTH } from './util.js';
 
-const ActiveShape = props => {
+var ActiveShape = function ActiveShape(props) {
   var _getThemeColor;
-  const {
-    cx,
-    cy,
-    id,
-    innerRadius,
-    onClick,
-    outerRadius = 0,
-    pieColors,
-    startAngle,
-    endAngle,
-    fill
-  } = props;
+  var cx = props.cx,
+    cy = props.cy,
+    id = props.id,
+    innerRadius = props.innerRadius,
+    _onClick = props.onClick,
+    _props$outerRadius = props.outerRadius,
+    outerRadius = _props$outerRadius === void 0 ? 0 : _props$outerRadius,
+    pieColors = props.pieColors,
+    startAngle = props.startAngle,
+    endAngle = props.endAngle,
+    fill = props.fill;
   return /*#__PURE__*/React__default.createElement("g", {
-    onClick: () => onClick(id),
+    onClick: function onClick() {
+      return _onClick(id);
+    },
     className: cn({
-      'cursor-pointer': !!onClick
+      'cursor-pointer': !!_onClick
     })
   }, /*#__PURE__*/React__default.createElement(Sector, {
     cx: cx,

package/dist/esm/packages/taco/src/charts/components/Donut/ActiveShape.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveShape.js","sources":["../../../../../../../../src/charts/components/Donut/ActiveShape.tsx"],"sourcesContent":["import React from 'react';\nimport * as Recharts from 'recharts';\nimport cn from 'clsx';\n\nimport { getThemeColor } from '../../utils/color';\nimport { PieSectorDataItem } from 'recharts/types/polar/Pie';\nimport { HOVER_DONUT_WIDTH } from './util';\n\ntype ActiveShapeProps = Omit<PieSectorDataItem, 'onClick'> & {\n    onClick: (id: string | undefined) => void;\n    pieColors: Record<string, string>;\n};\n\nexport const ActiveShape = (props: ActiveShapeProps) => {\n    const { cx, cy, id, innerRadius, onClick, outerRadius = 0, pieColors, startAngle, endAngle, fill } = props;\n\n    return (\n        <g onClick={() => onClick(id)} className={cn({ 'cursor-pointer': !!onClick })}>\n            <Recharts.Sector\n                cx={cx}\n                cy={cy}\n                innerRadius={innerRadius}\n                outerRadius={outerRadius}\n                startAngle={startAngle}\n                endAngle={endAngle}\n                fill={fill}\n            />\n            <Recharts.Sector\n                cx={cx}\n                cy={cy}\n                startAngle={startAngle}\n                endAngle={endAngle}\n                innerRadius={outerRadius + 2}\n                outerRadius={outerRadius + HOVER_DONUT_WIDTH}\n                fill={id !== undefined ? getThemeColor(pieColors[id]) ?? getThemeColor('blue-500') : getThemeColor('blue-500')}\n                opacity={0.3}\n            />\n        </g>\n    );\n};\n"],"names":["ActiveShape","props","cx","cy","id","innerRadius","onClick","outerRadius","pieColors","startAngle","endAngle","fill","React","className","cn","Recharts","HOVER_DONUT_WIDTH","undefined","_getThemeColor","getThemeColor","opacity"],"mappings":";;;;;;MAaaA,WAAW,GAAIC,KAAuB;;EAC/C,MAAM;IAAEC,EAAE;IAAEC,EAAE;IAAEC,EAAE;IAAEC,WAAW;IAAEC,OAAO;IAAEC,WAAW,GAAG,CAAC;IAAEC,SAAS;IAAEC,UAAU;IAAEC,QAAQ;IAAEC;GAAM,GAAGV,KAAK;EAE1G,oBACIW;IAAGN,OAAO,EAAEA,MAAMA,OAAO,CAACF,EAAE,CAAC;IAAES,SAAS,EAAEC,EAAE,CAAC;MAAE,gBAAgB,EAAE,CAAC,CAACR;KAAS;kBACxEM,6BAACG,MAAe;IACZb,EAAE,EAAEA,EAAE;IACNC,EAAE,EAAEA,EAAE;IACNE,WAAW,EAAEA,WAAW;IACxBE,WAAW,EAAEA,WAAW;IACxBE,UAAU,EAAEA,UAAU;IACtBC,QAAQ,EAAEA,QAAQ;IAClBC,IAAI,EAAEA;IACR,eACFC,6BAACG,MAAe;IACZb,EAAE,EAAEA,EAAE;IACNC,EAAE,EAAEA,EAAE;IACNM,UAAU,EAAEA,UAAU;IACtBC,QAAQ,EAAEA,QAAQ;IAClBL,WAAW,EAAEE,WAAW,GAAG,CAAC;IAC5BA,WAAW,EAAEA,WAAW,GAAGS,iBAAiB;IAC5CL,IAAI,EAAEP,EAAE,KAAKa,SAAS,IAAAC,cAAA,GAAGC,aAAa,CAACX,SAAS,CAACJ,EAAE,CAAC,CAAC,cAAAc,cAAA,cAAAA,cAAA,GAAIC,aAAa,CAAC,UAAU,CAAC,GAAGA,aAAa,CAAC,UAAU,CAAC;IAC9GC,OAAO,EAAE;IACX,CACF;AAEZ;;;;"}
+{"version":3,"file":"ActiveShape.js","sources":["../../../../../../../../src/charts/components/Donut/ActiveShape.tsx"],"sourcesContent":["import React from 'react';\nimport * as Recharts from 'recharts';\nimport cn from 'clsx';\n\nimport { getThemeColor } from '../../utils/color';\nimport { PieSectorDataItem } from 'recharts/types/polar/Pie';\nimport { HOVER_DONUT_WIDTH } from './util';\n\ntype ActiveShapeProps = Omit<PieSectorDataItem, 'onClick'> & {\n    onClick: (id: string | undefined) => void;\n    pieColors: Record<string, string>;\n};\n\nexport const ActiveShape = (props: ActiveShapeProps) => {\n    const { cx, cy, id, innerRadius, onClick, outerRadius = 0, pieColors, startAngle, endAngle, fill } = props;\n\n    return (\n        <g onClick={() => onClick(id)} className={cn({ 'cursor-pointer': !!onClick })}>\n            <Recharts.Sector\n                cx={cx}\n                cy={cy}\n                innerRadius={innerRadius}\n                outerRadius={outerRadius}\n                startAngle={startAngle}\n                endAngle={endAngle}\n                fill={fill}\n            />\n            <Recharts.Sector\n                cx={cx}\n                cy={cy}\n                startAngle={startAngle}\n                endAngle={endAngle}\n                innerRadius={outerRadius + 2}\n                outerRadius={outerRadius + HOVER_DONUT_WIDTH}\n                fill={id !== undefined ? getThemeColor(pieColors[id]) ?? getThemeColor('blue-500') : getThemeColor('blue-500')}\n                opacity={0.3}\n            />\n        </g>\n    );\n};\n"],"names":["ActiveShape","props","cx","cy","id","innerRadius","onClick","_props$outerRadius","outerRadius","pieColors","startAngle","endAngle","fill","React","className","cn","Recharts","HOVER_DONUT_WIDTH","undefined","_getThemeColor","getThemeColor","opacity"],"mappings":";;;;;;IAaaA,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAuB;;EAC/C,IAAQC,EAAE,GAA2FD,KAAK,CAAlGC,EAAE;IAAEC,EAAE,GAAuFF,KAAK,CAA9FE,EAAE;IAAEC,EAAE,GAAmFH,KAAK,CAA1FG,EAAE;IAAEC,WAAW,GAAsEJ,KAAK,CAAtFI,WAAW;IAAEC,QAAO,GAA6DL,KAAK,CAAzEK,OAAO;IAAAC,kBAAA,GAA6DN,KAAK,CAAhEO,WAAW;IAAXA,WAAW,GAAAD,kBAAA,cAAG,CAAC,GAAAA,kBAAA;IAAEE,SAAS,GAAiCR,KAAK,CAA/CQ,SAAS;IAAEC,UAAU,GAAqBT,KAAK,CAApCS,UAAU;IAAEC,QAAQ,GAAWV,KAAK,CAAxBU,QAAQ;IAAEC,IAAI,GAAKX,KAAK,CAAdW,IAAI;EAEhG,oBACIC;IAAGP,OAAO,EAAE,SAAAA;MAAA,OAAMA,QAAO,CAACF,EAAE,CAAC;;IAAEU,SAAS,EAAEC,EAAE,CAAC;MAAE,gBAAgB,EAAE,CAAC,CAACT;KAAS;kBACxEO,6BAACG,MAAe;IACZd,EAAE,EAAEA,EAAE;IACNC,EAAE,EAAEA,EAAE;IACNE,WAAW,EAAEA,WAAW;IACxBG,WAAW,EAAEA,WAAW;IACxBE,UAAU,EAAEA,UAAU;IACtBC,QAAQ,EAAEA,QAAQ;IAClBC,IAAI,EAAEA;IACR,eACFC,6BAACG,MAAe;IACZd,EAAE,EAAEA,EAAE;IACNC,EAAE,EAAEA,EAAE;IACNO,UAAU,EAAEA,UAAU;IACtBC,QAAQ,EAAEA,QAAQ;IAClBN,WAAW,EAAEG,WAAW,GAAG,CAAC;IAC5BA,WAAW,EAAEA,WAAW,GAAGS,iBAAiB;IAC5CL,IAAI,EAAER,EAAE,KAAKc,SAAS,IAAAC,cAAA,GAAGC,aAAa,CAACX,SAAS,CAACL,EAAE,CAAC,CAAC,cAAAe,cAAA,cAAAA,cAAA,GAAIC,aAAa,CAAC,UAAU,CAAC,GAAGA,aAAa,CAAC,UAAU,CAAC;IAC9GC,OAAO,EAAE;IACX,CACF;AAEZ;;;;"}

package/dist/esm/packages/taco/src/charts/components/Donut/CenteredLabel.js

@@ -1,22 +1,21 @@
 import React__default from 'react';
 import { HOVER_DONUT_WIDTH, DONUT_WIDTH } from './util.js';
 
-const CenteredLabel = ({
-  radius,
-  legendPosition,
-  label,
-  total,
-  formatter,
-  showLegend
-}) => {
-  const totalInset = HOVER_DONUT_WIDTH + DONUT_WIDTH + DONUT_WIDTH;
-  const diameter = radius * 2;
+var CenteredLabel = function CenteredLabel(_ref) {
+  var radius = _ref.radius,
+    legendPosition = _ref.legendPosition,
+    label = _ref.label,
+    total = _ref.total,
+    formatter = _ref.formatter,
+    showLegend = _ref.showLegend;
+  var totalInset = HOVER_DONUT_WIDTH + DONUT_WIDTH + DONUT_WIDTH;
+  var diameter = radius * 2;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "absolute mt-1 flex h-12 flex-col text-center",
     style: {
-      top: `calc(${radius}px - (3rem / 2))`,
-      left: legendPosition === 'right' ? `${totalInset}px` : `calc(50%-${diameter - 2 * totalInset})`,
-      width: showLegend ? `${diameter - 2 * totalInset}px` : `${diameter}px`
+      top: "calc(" + radius + "px - (3rem / 2))",
+      left: legendPosition === 'right' ? totalInset + "px" : "calc(50%-" + (diameter - 2 * totalInset) + ")",
+      width: showLegend ? diameter - 2 * totalInset + "px" : diameter + "px"
     }
   }, /*#__PURE__*/React__default.createElement("span", {
     className: "w-full truncate text-lg font-bold"

package/dist/esm/packages/taco/src/charts/components/Donut/CenteredLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"CenteredLabel.js","sources":["../../../../../../../../src/charts/components/Donut/CenteredLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { HOVER_DONUT_WIDTH, DONUT_WIDTH } from './util';\n\ntype CenteredLabelProps = {\n    radius: number;\n    legendPosition: string;\n    label: string;\n    total: number;\n    formatter: ((value: number) => string) | undefined;\n    showLegend: boolean;\n};\n\nexport const CenteredLabel = ({ radius, legendPosition, label, total, formatter, showLegend }: CenteredLabelProps) => {\n    const totalInset = HOVER_DONUT_WIDTH + DONUT_WIDTH + DONUT_WIDTH;\n    const diameter = radius * 2;\n\n    return (\n        <div\n            className=\"absolute mt-1 flex h-12 flex-col text-center\"\n            style={{\n                top: `calc(${radius}px - (3rem / 2))`, // h-12 is 3rem\n                left: legendPosition === 'right' ? `${totalInset}px` : `calc(50%-${diameter - 2 * totalInset})`,\n                width: showLegend ? `${diameter - 2 * totalInset}px` : `${diameter}px`,\n            }}>\n            <span className=\"w-full truncate text-lg font-bold\">{formatter ? formatter(total) : total}</span>\n            {label}\n        </div>\n    );\n};\n"],"names":["CenteredLabel","radius","legendPosition","label","total","formatter","showLegend","totalInset","HOVER_DONUT_WIDTH","DONUT_WIDTH","diameter","React","className","style","top","left","width"],"mappings":";;;MAYaA,aAAa,GAAGA,CAAC;EAAEC,MAAM;EAAEC,cAAc;EAAEC,KAAK;EAAEC,KAAK;EAAEC,SAAS;EAAEC;CAAgC;EAC7G,MAAMC,UAAU,GAAGC,iBAAiB,GAAGC,WAAW,GAAGA,WAAW;EAChE,MAAMC,QAAQ,GAAGT,MAAM,GAAG,CAAC;EAE3B,oBACIU;IACIC,SAAS,EAAC,8CAA8C;IACxDC,KAAK,EAAE;MACHC,GAAG,EAAE,QAAQb,MAAM,kBAAkB;MACrCc,IAAI,EAAEb,cAAc,KAAK,OAAO,GAAG,GAAGK,UAAU,IAAI,GAAG,YAAYG,QAAQ,GAAG,CAAC,GAAGH,UAAU,GAAG;MAC/FS,KAAK,EAAEV,UAAU,GAAG,GAAGI,QAAQ,GAAG,CAAC,GAAGH,UAAU,IAAI,GAAG,GAAGG,QAAQ;;kBAEtEC;IAAMC,SAAS,EAAC;KAAqCP,SAAS,GAAGA,SAAS,CAACD,KAAK,CAAC,GAAGA,KAAK,CAAQ,EAChGD,KAAK,CACJ;AAEd;;;;"}
+{"version":3,"file":"CenteredLabel.js","sources":["../../../../../../../../src/charts/components/Donut/CenteredLabel.tsx"],"sourcesContent":["import React from 'react';\nimport { HOVER_DONUT_WIDTH, DONUT_WIDTH } from './util';\n\ntype CenteredLabelProps = {\n    radius: number;\n    legendPosition: string;\n    label: string;\n    total: number;\n    formatter: ((value: number) => string) | undefined;\n    showLegend: boolean;\n};\n\nexport const CenteredLabel = ({ radius, legendPosition, label, total, formatter, showLegend }: CenteredLabelProps) => {\n    const totalInset = HOVER_DONUT_WIDTH + DONUT_WIDTH + DONUT_WIDTH;\n    const diameter = radius * 2;\n\n    return (\n        <div\n            className=\"absolute mt-1 flex h-12 flex-col text-center\"\n            style={{\n                top: `calc(${radius}px - (3rem / 2))`, // h-12 is 3rem\n                left: legendPosition === 'right' ? `${totalInset}px` : `calc(50%-${diameter - 2 * totalInset})`,\n                width: showLegend ? `${diameter - 2 * totalInset}px` : `${diameter}px`,\n            }}>\n            <span className=\"w-full truncate text-lg font-bold\">{formatter ? formatter(total) : total}</span>\n            {label}\n        </div>\n    );\n};\n"],"names":["CenteredLabel","_ref","radius","legendPosition","label","total","formatter","showLegend","totalInset","HOVER_DONUT_WIDTH","DONUT_WIDTH","diameter","React","className","style","top","left","width"],"mappings":";;;IAYaA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA;MAAMC,MAAM,GAAAD,IAAA,CAANC,MAAM;IAAEC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IAAEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,KAAK,GAAAJ,IAAA,CAALI,KAAK;IAAEC,SAAS,GAAAL,IAAA,CAATK,SAAS;IAAEC,UAAU,GAAAN,IAAA,CAAVM,UAAU;EACvF,IAAMC,UAAU,GAAGC,iBAAiB,GAAGC,WAAW,GAAGA,WAAW;EAChE,IAAMC,QAAQ,GAAGT,MAAM,GAAG,CAAC;EAE3B,oBACIU;IACIC,SAAS,EAAC,8CAA8C;IACxDC,KAAK,EAAE;MACHC,GAAG,YAAUb,MAAM,qBAAkB;MACrCc,IAAI,EAAEb,cAAc,KAAK,OAAO,GAAMK,UAAU,yBAAmBG,QAAQ,GAAG,CAAC,GAAGH,UAAU,OAAG;MAC/FS,KAAK,EAAEV,UAAU,GAAMI,QAAQ,GAAG,CAAC,GAAGH,UAAU,UAAUG,QAAQ;;kBAEtEC;IAAMC,SAAS,EAAC;KAAqCP,SAAS,GAAGA,SAAS,CAACD,KAAK,CAAC,GAAGA,KAAK,CAAQ,EAChGD,KAAK,CACJ;AAEd;;;;"}