@bbl-digital/snorre 2.2.9 → 2.2.13

package/dist/bundle.js

@@ -24519,8 +24519,12 @@
     barConfig,
     active,
     payload,
-    label
+    label,
+    ...rest
   }) => {
+    const {
+      formatter
+    } = rest;
     const theme = react.useTheme();
 
     const configHasProperty = config => config?.length && config.findIndex(v => v?.hasOwnProperty('shortName')) !== -1;
@@ -24542,7 +24546,7 @@
     };
 
     const TooltipPayload = () => {
-      return active && payload?.length && payload.map(item => /*#__PURE__*/jsxRuntime.jsxs(TooltipPayloadWrapper, {
+      return active && payload?.length && payload.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs(TooltipPayloadWrapper, {
         children: [/*#__PURE__*/jsxRuntime.jsxs(ItemNameGroup, {
           children: [item?.stroke && /*#__PURE__*/jsxRuntime.jsx("svg", {
             width: "16",
@@ -24570,7 +24574,7 @@
             children: [getTooltipItemName(item), ":"]
           })]
         }), /*#__PURE__*/jsxRuntime.jsx(Text, {
-          children: getFormattedPrice(item.value, 2)
+          children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
         })]
       }, item.name));
     };
@@ -24824,7 +24828,7 @@
     height,
     width,
     theme
-  }) => /*#__PURE__*/react.css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:fill 0.2s ease;&:hover{fill:", theme.primary5darker, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
+  }) => /*#__PURE__*/react.css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
 
   const BarChartWithCustomizedEvent = ({
     height = '300px',
@@ -24842,11 +24846,15 @@
     legendVAlign = 'bottom',
     margin,
     legendPadding,
+    legend = false,
     layout = 'horizontal',
     onClickBar,
+    tickFormatterX = e => e,
+    tickFormatterY,
     ...rest
   }) => {
     const theme = react.useTheme();
+    const [hoverIndex, setHoverIndex] = React.useState(undefined);
 
     const handleBarClick = (_, index) => {
       const identicalIndex = index === selectedIndex;
@@ -24883,13 +24891,24 @@
             axisLine: xAxisLine && xAxisLine,
             tickLine: tickLineX && tickLineX,
             type: layout === 'vertical' ? 'number' : 'category',
+            tickFormatter: tickFormatterX,
             tickMargin: 5
           }), /*#__PURE__*/jsxRuntime.jsx(recharts.YAxis, {
             dataKey: yAxisDataKey && yAxisDataKey,
             axisLine: yAxisLine && yAxisLine,
             tickLine: tickLineY && tickLineY,
             type: layout === 'vertical' ? 'category' : 'number',
-            tickFormatter: formatAxisPrice
+            tickFormatter: tickFormatterY ? tickFormatterY : formatAxisPrice
+          }), legend && /*#__PURE__*/jsxRuntime.jsx(recharts.Legend, {
+            verticalAlign: legendVAlign && legendVAlign,
+            align: legendHAlign && legendHAlign,
+            content: /*#__PURE__*/jsxRuntime.jsx(CustomLegend, {}),
+            wrapperStyle: {
+              paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
+              paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+              paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
+              paddingRight: legendPadding?.right ? legendPadding.right : '0'
+            }
           }), bars?.length && bars.map(bar => {
             return /*#__PURE__*/jsxRuntime.jsx(recharts.Bar, {
               dataKey: bar.dataKey,
@@ -24897,11 +24916,14 @@
               name: bar.name,
               maxBarSize: 50,
               onClick: handleBarClick,
+              stackId: "stack",
               children: data?.length && data.map((_, index) => {
                 return /*#__PURE__*/jsxRuntime.jsx(recharts.Cell, {
                   cursor: "pointer",
-                  fill: index === selectedIndex ? theme.primary5darker : theme.primary,
-                  className: "bar-cell"
+                  fill: bar.fill,
+                  onMouseEnter: () => setHoverIndex(index),
+                  onMouseLeave: () => setHoverIndex(undefined),
+                  className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}`
                 }, `cell-${index}`);
               })
             }, bar.name);
@@ -29636,6 +29658,9 @@
       right: 50
     },
     layout = 'horizontal',
+    tickFormatterX = e => e,
+    tickFormatterY = e => e,
+    tooltipFormatter = e => e,
     ...rest
   }) => {
     return /*#__PURE__*/jsxRuntime.jsx(LineChartContainer, {
@@ -29657,14 +29682,19 @@
             tickLine: tickLineX && tickLineX,
             type: layout === 'vertical' ? 'number' : 'category',
             padding: xAxisPadding && xAxisPadding,
+            tickFormatter: tickFormatterX,
             tickMargin: 5
           }), /*#__PURE__*/jsxRuntime.jsx(recharts.YAxis, {
             dataKey: yAxisDataKey && yAxisDataKey,
             axisLine: yAxisLine && yAxisLine,
             tickLine: tickLineY && tickLineY,
-            type: layout === 'vertical' ? 'category' : 'number'
+            type: layout === 'vertical' ? 'category' : 'number',
+            tickFormatter: tickFormatterY
           }), /*#__PURE__*/jsxRuntime.jsx(recharts.Tooltip, {
-            content: /*#__PURE__*/jsxRuntime.jsx(CustomTooltip, {})
+            content: /*#__PURE__*/jsxRuntime.jsx(CustomTooltip, {
+              formatter: tooltipFormatter,
+              lineConfig: lines
+            })
           }), /*#__PURE__*/jsxRuntime.jsx(recharts.Legend, {
             verticalAlign: legendVAlign && legendVAlign,
             align: legendHAlign && legendHAlign,
@@ -29680,6 +29710,7 @@
               type: line.type,
               dataKey: line.dataKey,
               stroke: line.stroke,
+              strokeWidth: line.strokeWidth,
               name: line.name
             }, line.name);
           })]
@@ -29715,9 +29746,9 @@
   } : {
     target: "e169sb430",
     label: "TabNavItemWrapper"
-  })(props => /*#__PURE__*/react.css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */");
+  })(props => /*#__PURE__*/react.css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */");
   const styles$1 = {
-    active: theme => /*#__PURE__*/react.css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */")
+    active: theme => /*#__PURE__*/react.css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */")
   };
 
   /** @jsxImportSource @emotion/react */

package/esm/core/BarChartWithCustomizedEvent/index.js

@@ -1,8 +1,9 @@
-import { Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, XAxis, YAxis } from 'recharts';
-import React from 'react';
+import { Bar, BarChart, CartesianGrid, Cell, Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts';
+import React, { useState } from 'react';
 import { formatAxisPrice } from '../../utils/formatGraphPrice';
 import { useTheme } from '@emotion/react';
 import { CustomEventBarChartContainer } from './styles';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const BarChartWithCustomizedEvent = ({
@@ -21,11 +22,15 @@ export const BarChartWithCustomizedEvent = ({
   legendVAlign = 'bottom',
   margin,
   legendPadding,
+  legend = false,
   layout = 'horizontal',
   onClickBar,
+  tickFormatterX = e => e,
+  tickFormatterY,
   ...rest
 }) => {
   const theme = useTheme();
+  const [hoverIndex, setHoverIndex] = useState(undefined);
 
   const handleBarClick = (_, index) => {
     const identicalIndex = index === selectedIndex;
@@ -62,13 +67,24 @@ export const BarChartWithCustomizedEvent = ({
           axisLine: xAxisLine && xAxisLine,
           tickLine: tickLineX && tickLineX,
           type: layout === 'vertical' ? 'number' : 'category',
+          tickFormatter: tickFormatterX,
           tickMargin: 5
         }), /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
           type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: formatAxisPrice
+          tickFormatter: tickFormatterY ? tickFormatterY : formatAxisPrice
+        }), legend && /*#__PURE__*/_jsx(Legend, {
+          verticalAlign: legendVAlign && legendVAlign,
+          align: legendHAlign && legendHAlign,
+          content: /*#__PURE__*/_jsx(CustomLegend, {}),
+          wrapperStyle: {
+            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
+            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
+            paddingRight: legendPadding?.right ? legendPadding.right : '0'
+          }
         }), bars?.length && bars.map(bar => {
           return /*#__PURE__*/_jsx(Bar, {
             dataKey: bar.dataKey,
@@ -76,11 +92,14 @@ export const BarChartWithCustomizedEvent = ({
             name: bar.name,
             maxBarSize: 50,
             onClick: handleBarClick,
+            stackId: "stack",
             children: data?.length && data.map((_, index) => {
               return /*#__PURE__*/_jsx(Cell, {
                 cursor: "pointer",
-                fill: index === selectedIndex ? theme.primary5darker : theme.primary,
-                className: "bar-cell"
+                fill: bar.fill,
+                onMouseEnter: () => setHoverIndex(index),
+                onMouseLeave: () => setHoverIndex(undefined),
+                className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}`
               }, `cell-${index}`);
             })
           }, bar.name);

package/esm/core/BarChartWithCustomizedEvent/styles.js

@@ -9,4 +9,4 @@ export const CustomEventBarChartContainer = _styled("div", process.env.NODE_ENV
   height,
   width,
   theme
-}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:fill 0.2s ease;&:hover{fill:", theme.primary5darker, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
+}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");

package/esm/core/SimpleLineChart/index.js

@@ -26,6 +26,9 @@ const SimpleLineChart = ({
     right: 50
   },
   layout = 'horizontal',
+  tickFormatterX = e => e,
+  tickFormatterY = e => e,
+  tooltipFormatter = e => e,
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(LineChartContainer, {
@@ -47,14 +50,19 @@ const SimpleLineChart = ({
           tickLine: tickLineX && tickLineX,
           type: layout === 'vertical' ? 'number' : 'category',
           padding: xAxisPadding && xAxisPadding,
+          tickFormatter: tickFormatterX,
           tickMargin: 5
         }), /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number'
+          type: layout === 'vertical' ? 'category' : 'number',
+          tickFormatter: tickFormatterY
         }), /*#__PURE__*/_jsx(Tooltip, {
-          content: /*#__PURE__*/_jsx(CustomTooltip, {})
+          content: /*#__PURE__*/_jsx(CustomTooltip, {
+            formatter: tooltipFormatter,
+            lineConfig: lines
+          })
         }), /*#__PURE__*/_jsx(Legend, {
           verticalAlign: legendVAlign && legendVAlign,
           align: legendHAlign && legendHAlign,
@@ -70,6 +78,7 @@ const SimpleLineChart = ({
             type: line.type,
             dataKey: line.dataKey,
             stroke: line.stroke,
+            strokeWidth: line.strokeWidth,
             name: line.name
           }, line.name);
         })]

package/esm/core/TabNav/TabNavItem/styles.js

@@ -5,7 +5,7 @@ export const TabNavItemWrapper = _styled("li", process.env.NODE_ENV === "product
 } : {
   target: "e169sb430",
   label: "TabNavItemWrapper"
-})(props => /*#__PURE__*/css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */");
+})(props => /*#__PURE__*/css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */");
 export const styles = {
-  active: theme => /*#__PURE__*/css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */")
+  active: theme => /*#__PURE__*/css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */")
 };

package/esm/shared/recharts/CustomTooltip/index.js

@@ -11,8 +11,12 @@ const CustomTooltip = ({
   barConfig,
   active,
   payload,
-  label
+  label,
+  ...rest
 }) => {
+  const {
+    formatter
+  } = rest;
   const theme = useTheme();
 
   const configHasProperty = config => config?.length && config.findIndex(v => v?.hasOwnProperty('shortName')) !== -1;
@@ -34,7 +38,7 @@ const CustomTooltip = ({
   };
 
   const TooltipPayload = () => {
-    return active && payload?.length && payload.map(item => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
+    return active && payload?.length && payload.map((item, index) => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
       children: [/*#__PURE__*/_jsxs(ItemNameGroup, {
         children: [item?.stroke && /*#__PURE__*/_jsx("svg", {
           width: "16",
@@ -62,7 +66,7 @@ const CustomTooltip = ({
           children: [getTooltipItemName(item), ":"]
         })]
       }), /*#__PURE__*/_jsx(Text, {
-        children: getFormattedPrice(item.value, 2)
+        children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
       })]
     }, item.name));
   };

package/lib/core/BarChartWithCustomizedEvent/index.d.ts

@@ -1,4 +1,4 @@
-import { Bar, Margin } from 'recharts';
+import { Bar, Margin, TickFormatterFunction } from 'recharts';
 import React from 'react';
 interface IProps extends Partial<Bar> {
     /** The source data. Example format: [{name: string, value: string}]. Name is required*/
@@ -14,6 +14,8 @@ interface IProps extends Partial<Bar> {
     /**yAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
     /** selectedIndex: Will update the selected index */
     selectedIndex: number;
+    /** legend: show legend or not: Default is false */
+    legend?: boolean;
     yAxisDataKey?: string;
     /** Height: default to 350px */
     height?: string;
@@ -44,7 +46,10 @@ interface IProps extends Partial<Bar> {
     layout?: 'horizontal' | 'vertical';
     /** onClickBar: fires when clicking a bar. Returns an object with the pattern of your data */
     onClickBar?: (item: any) => void;
-    onParentDeselect?: (e: any) => void;
+    /**tickFormatterX: formatter function of  X-axis tick  */
+    tickFormatterX?: TickFormatterFunction;
+    /**tickFormatterY: formatter function of Y-axis tick  */
+    tickFormatterY?: TickFormatterFunction;
 }
 export declare const BarChartWithCustomizedEvent: React.FC<IProps>;
 export default BarChartWithCustomizedEvent;

package/lib/core/BarChartWithCustomizedEvent/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAIH,MAAM,EAIP,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAA;IACrB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAChC,gBAAgB,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAA;CACpC;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA2FxD,CAAA;AAED,eAAe,2BAA2B,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,GAAG,EAKH,MAAM,EAEN,qBAAqB,EAGtB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAmB,MAAM,OAAO,CAAA;AAMvC,UAAU,MAAO,SAAQ,OAAO,CAAC,GAAG,CAAC;IACnC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,IAAI,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IACvD,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,oDAAoD;IACpD,aAAa,EAAE,MAAM,CAAA;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,6FAA6F;IAC7F,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAA;IAChC,yDAAyD;IACzD,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,wDAAwD;IACxD,cAAc,CAAC,EAAE,qBAAqB,CAAA;CAEvC;AAED,eAAO,MAAM,2BAA2B,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAgHxD,CAAA;AAED,eAAe,2BAA2B,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/index.js

@@ -1,8 +1,9 @@
-import { Bar, BarChart, CartesianGrid, Cell, ResponsiveContainer, XAxis, YAxis } from 'recharts';
-import React from 'react';
+import { Bar, BarChart, CartesianGrid, Cell, Legend, ResponsiveContainer, XAxis, YAxis } from 'recharts';
+import React, { useState } from 'react';
 import { formatAxisPrice } from '../../utils/formatGraphPrice';
 import { useTheme } from '@emotion/react';
 import { CustomEventBarChartContainer } from './styles';
+import { CustomLegend } from '../../shared/recharts/CustomLegend';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export const BarChartWithCustomizedEvent = ({
@@ -21,11 +22,15 @@ export const BarChartWithCustomizedEvent = ({
   legendVAlign = 'bottom',
   margin,
   legendPadding,
+  legend = false,
   layout = 'horizontal',
   onClickBar,
+  tickFormatterX = e => e,
+  tickFormatterY,
   ...rest
 }) => {
   const theme = useTheme();
+  const [hoverIndex, setHoverIndex] = useState(undefined);
 
   const handleBarClick = (_, index) => {
     const identicalIndex = index === selectedIndex;
@@ -62,13 +67,24 @@ export const BarChartWithCustomizedEvent = ({
           axisLine: xAxisLine && xAxisLine,
           tickLine: tickLineX && tickLineX,
           type: layout === 'vertical' ? 'number' : 'category',
+          tickFormatter: tickFormatterX,
           tickMargin: 5
         }), /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
           type: layout === 'vertical' ? 'category' : 'number',
-          tickFormatter: formatAxisPrice
+          tickFormatter: tickFormatterY ? tickFormatterY : formatAxisPrice
+        }), legend && /*#__PURE__*/_jsx(Legend, {
+          verticalAlign: legendVAlign && legendVAlign,
+          align: legendHAlign && legendHAlign,
+          content: /*#__PURE__*/_jsx(CustomLegend, {}),
+          wrapperStyle: {
+            paddingLeft: legendPadding?.left ? legendPadding.left : '55px',
+            paddingTop: legendPadding?.top ? legendPadding.top : '10px',
+            paddingBottom: legendPadding?.bottom ? legendPadding.bottom : '0',
+            paddingRight: legendPadding?.right ? legendPadding.right : '0'
+          }
         }), bars?.length && bars.map(bar => {
           return /*#__PURE__*/_jsx(Bar, {
             dataKey: bar.dataKey,
@@ -76,11 +92,14 @@ export const BarChartWithCustomizedEvent = ({
             name: bar.name,
             maxBarSize: 50,
             onClick: handleBarClick,
+            stackId: "stack",
             children: data?.length && data.map((_, index) => {
               return /*#__PURE__*/_jsx(Cell, {
                 cursor: "pointer",
-                fill: index === selectedIndex ? theme.primary5darker : theme.primary,
-                className: "bar-cell"
+                fill: bar.fill,
+                onMouseEnter: () => setHoverIndex(index),
+                onMouseLeave: () => setHoverIndex(undefined),
+                className: `bar-cell ${index === selectedIndex && 'bar-cell-selected'} ${index === hoverIndex && 'bar-cell-hovered'}`
               }, `cell-${index}`);
             })
           }, bar.name);

package/lib/core/BarChartWithCustomizedEvent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,4BAA4B;;;;YAC/B,MAAM;WACP,MAAM;WACN,GAAG;yGAYX,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/packages/core/BarChartWithCustomizedEvent/styles.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,4BAA4B;;;;YAC/B,MAAM;WACP,MAAM;WACN,GAAG;yGAeX,CAAA"}

package/lib/core/BarChartWithCustomizedEvent/styles.js

@@ -9,4 +9,4 @@ export const CustomEventBarChartContainer = _styled("div", process.env.NODE_ENV
   height,
   width,
   theme
-}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:fill 0.2s ease;&:hover{fill:", theme.primary5darker, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogZmlsbCAwLjJzIGVhc2U7XHJcbiAgICAgICY6aG92ZXIge1xyXG4gICAgICAgIGZpbGw6ICR7dGhlbWUucHJpbWFyeTVkYXJrZXJ9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");
+}) => /*#__PURE__*/css("height:", height && height, ";width:", width && width, ";.bar-cell{transition:all 0.2s ease;&:hover,&.bar-cell-selected,&.bar-cell-hovered{filter:brightness(75%);fill:", theme.primary, ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:CustomEventBarChartContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBUW1DIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRzRDIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL0JhckNoYXJ0V2l0aEN1c3RvbWl6ZWRFdmVudC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXHJcblxyXG5leHBvcnQgY29uc3QgQ3VzdG9tRXZlbnRCYXJDaGFydENvbnRhaW5lciA9IHN0eWxlZC5kaXY8e1xyXG4gIGhlaWdodDogc3RyaW5nXHJcbiAgd2lkdGg6IHN0cmluZ1xyXG4gIHRoZW1lOiBhbnlcclxufT4oXHJcbiAgKHsgaGVpZ2h0LCB3aWR0aCwgdGhlbWUgfSkgPT4gY3NzYFxyXG4gICAgaGVpZ2h0OiAke2hlaWdodCAmJiBoZWlnaHR9O1xyXG4gICAgd2lkdGg6ICR7d2lkdGggJiYgd2lkdGh9O1xyXG4gICAgLmJhci1jZWxsIHtcclxuICAgICAgdHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcclxuICAgICAgJjpob3ZlcixcclxuICAgICAgJi5iYXItY2VsbC1zZWxlY3RlZCxcclxuICAgICAgJi5iYXItY2VsbC1ob3ZlcmVkIHtcclxuICAgICAgICBmaWx0ZXI6IGJyaWdodG5lc3MoNzUlKTtcclxuICAgICAgICBmaWxsOiAke3RoZW1lLnByaW1hcnl9O1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcbiJdfQ== */");

package/lib/core/SimpleLineChart/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Line, Margin } from 'recharts';
+import { Line, Margin, TickFormatterFunction, TooltipFormatter } from 'recharts';
 import { LineType } from 'recharts';
 interface IProps extends Partial<Line> {
     /** The source data. Example format: [{name: string, value: string}]. Name is required*/
@@ -10,6 +10,7 @@ interface IProps extends Partial<Line> {
         dataKey: string;
         stroke: string;
         type: LineType;
+        strokeWidth?: number;
     }[];
     /** xAxisDataKey: Looks at a property in the data source which will provide a name for each entry in the chart */
     xAxisDataKey: string;
@@ -49,6 +50,12 @@ interface IProps extends Partial<Line> {
     };
     /**layout: vertical or horizontal BarChart. Defaults to horizontal. */
     layout?: 'horizontal' | 'vertical';
+    /**tickFormatterX: formatter function of  X-axis tick  */
+    tickFormatterX?: TickFormatterFunction;
+    /**tickFormatterY: formatter function of Y-axis tick  */
+    tickFormatterY?: TickFormatterFunction;
+    /** tooltipFormatter: formatter of the tooltip */
+    tooltipFormatter?: TooltipFormatter;
 }
 declare const SimpleLineChart: React.FC<IProps>;
 export default SimpleLineChart;

package/lib/core/SimpleLineChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleLineChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,IAAI,EAEJ,MAAM,EAKP,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,UAAU,MAAO,SAAQ,OAAO,CAAC,IAAI,CAAC;IACpC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,QAAQ,CAAA;KAAE,EAAE,CAAA;IAC1E,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,iFAAiF;IACjF,YAAY,CAAC,EAAE;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;CACnC;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwErC,CAAA;AAED,eAAe,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/packages/core/SimpleLineChart/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAGL,IAAI,EAEJ,MAAM,EAEN,qBAAqB,EAErB,gBAAgB,EAGjB,MAAM,UAAU,CAAA;AAGjB,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAEnC,UAAU,MAAO,SAAQ,OAAO,CAAC,IAAI,CAAC;IACpC,wFAAwF;IACxF,IAAI,EAAE,GAAG,EAAE,CAAA;IACX,wMAAwM;IACxM,KAAK,EAAE;QACL,IAAI,EAAE,MAAM,CAAA;QACZ,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,QAAQ,CAAA;QACd,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,EAAE,CAAA;IACH,iHAAiH;IACjH,YAAY,EAAE,MAAM,CAAA;IACpB,gHAAgH;IAChH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,8BAA8B;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,sEAAsE;IACtE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,qEAAqE;IACrE,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wDAAwD;IACxD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uFAAuF;IACvF,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IAC1C,uFAAuF;IACvF,YAAY,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IAC1C,6FAA6F;IAC7F,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,wGAAwG;IACxG,aAAa,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAC5E,iFAAiF;IACjF,YAAY,CAAC,EAAE;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,IAAI,CAAC,EAAE,MAAM,CAAA;KACd,CAAA;IACD,sEAAsE;IACtE,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IAClC,yDAAyD;IACzD,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,wDAAwD;IACxD,cAAc,CAAC,EAAE,qBAAqB,CAAA;IACtC,iDAAiD;IACjD,gBAAgB,CAAC,EAAE,gBAAgB,CAAA;CACpC;AACD,QAAA,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAkFrC,CAAA;AAED,eAAe,eAAe,CAAA"}

package/lib/core/SimpleLineChart/index.js

@@ -26,6 +26,9 @@ const SimpleLineChart = ({
     right: 50
   },
   layout = 'horizontal',
+  tickFormatterX = e => e,
+  tickFormatterY = e => e,
+  tooltipFormatter = e => e,
   ...rest
 }) => {
   return /*#__PURE__*/_jsx(LineChartContainer, {
@@ -47,14 +50,19 @@ const SimpleLineChart = ({
           tickLine: tickLineX && tickLineX,
           type: layout === 'vertical' ? 'number' : 'category',
           padding: xAxisPadding && xAxisPadding,
+          tickFormatter: tickFormatterX,
           tickMargin: 5
         }), /*#__PURE__*/_jsx(YAxis, {
           dataKey: yAxisDataKey && yAxisDataKey,
           axisLine: yAxisLine && yAxisLine,
           tickLine: tickLineY && tickLineY,
-          type: layout === 'vertical' ? 'category' : 'number'
+          type: layout === 'vertical' ? 'category' : 'number',
+          tickFormatter: tickFormatterY
         }), /*#__PURE__*/_jsx(Tooltip, {
-          content: /*#__PURE__*/_jsx(CustomTooltip, {})
+          content: /*#__PURE__*/_jsx(CustomTooltip, {
+            formatter: tooltipFormatter,
+            lineConfig: lines
+          })
         }), /*#__PURE__*/_jsx(Legend, {
           verticalAlign: legendVAlign && legendVAlign,
           align: legendHAlign && legendHAlign,
@@ -70,6 +78,7 @@ const SimpleLineChart = ({
             type: line.type,
             dataKey: line.dataKey,
             stroke: line.stroke,
+            strokeWidth: line.strokeWidth,
             name: line.name
           }, line.name);
         })]

package/lib/core/TabNav/TabNavItem/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;yGAuB7B,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,SAAS;CAc1B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../src/packages/core/TabNav/TabNavItem/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAA;AAEpD,eAAO,MAAM,iBAAiB;;;yGAwB7B,CAAA;AAED,eAAO,MAAM,MAAM;oBACD,SAAS;CAc1B,CAAA"}

package/lib/core/TabNav/TabNavItem/styles.js

@@ -5,7 +5,7 @@ export const TabNavItemWrapper = _styled("li", process.env.NODE_ENV === "product
 } : {
   target: "e169sb430",
   label: "TabNavItemWrapper"
-})(props => /*#__PURE__*/css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */");
+})(props => /*#__PURE__*/css("display:flex;cursor:pointer;padding:1rem;position:relative;font-size:16px;font-weight:bold;transition:all ease 250ms;&:hover{&::after{position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", props.theme.primary, ";z-index:1;opacity:0.4;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:TabNavItemWrapper;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0IiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */");
 export const styles = {
-  active: theme => /*#__PURE__*/css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQk8iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICB9XHJcbiAgYFxyXG4pXHJcblxyXG5leHBvcnQgY29uc3Qgc3R5bGVzID0ge1xyXG4gIGFjdGl2ZTogKHRoZW1lOiBJQXBwVGhlbWUpID0+XHJcbiAgICBjc3NgXHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICB0cmFuc2l0aW9uOiBhbGwgZWFzZSAyNTBtcztcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG59XHJcbiJdfQ== */")
+  active: theme => /*#__PURE__*/css("&::after{transition:all ease 250ms;position:absolute;content:'';width:100%;height:4px;bottom:0;left:0;background-color:", theme.primary, ";z-index:1;}" + (process.env.NODE_ENV === "production" ? "" : ";label:styles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9wYWNrYWdlcy9jb3JlL1RhYk5hdi9UYWJOYXZJdGVtL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ08iLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjL3BhY2thZ2VzL2NvcmUvVGFiTmF2L1RhYk5hdkl0ZW0vc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnXHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xyXG5pbXBvcnQgeyBJQXBwVGhlbWUgfSBmcm9tICcuLi8uLi8uLi9hcHAtc2hlbGwvdGhlbWUnXHJcblxyXG5leHBvcnQgY29uc3QgVGFiTmF2SXRlbVdyYXBwZXIgPSBzdHlsZWQubGkoXHJcbiAgKHByb3BzKSA9PiBjc3NgXHJcbiAgICBkaXNwbGF5OiBmbGV4O1xyXG4gICAgY3Vyc29yOiBwb2ludGVyO1xyXG4gICAgcGFkZGluZzogMXJlbTtcclxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcclxuICAgIGZvbnQtc2l6ZTogMTZweDtcclxuICAgIGZvbnQtd2VpZ2h0OiBib2xkO1xyXG4gICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcblxyXG4gICAgJjpob3ZlciB7XHJcbiAgICAgICY6OmFmdGVyIHtcclxuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XHJcbiAgICAgICAgY29udGVudDogJyc7XHJcbiAgICAgICAgd2lkdGg6IDEwMCU7XHJcbiAgICAgICAgaGVpZ2h0OiA0cHg7XHJcbiAgICAgICAgYm90dG9tOiAwO1xyXG4gICAgICAgIGxlZnQ6IDA7XHJcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy50aGVtZS5wcmltYXJ5fTtcclxuICAgICAgICB6LWluZGV4OiAxO1xyXG4gICAgICAgIG9wYWNpdHk6IDAuNDtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gIGBcclxuKVxyXG5cclxuZXhwb3J0IGNvbnN0IHN0eWxlcyA9IHtcclxuICBhY3RpdmU6ICh0aGVtZTogSUFwcFRoZW1lKSA9PlxyXG4gICAgY3NzYFxyXG4gICAgICAmOjphZnRlciB7XHJcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIGVhc2UgMjUwbXM7XHJcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xyXG4gICAgICAgIGNvbnRlbnQ6ICcnO1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICAgIGhlaWdodDogNHB4O1xyXG4gICAgICAgIGJvdHRvbTogMDtcclxuICAgICAgICBsZWZ0OiAwO1xyXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUucHJpbWFyeX07XHJcbiAgICAgICAgei1pbmRleDogMTtcclxuICAgICAgfVxyXG4gICAgYCxcclxufVxyXG4iXX0= */")
 };

package/lib/shared/recharts/CustomTooltip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,UAAU,MAAO,SAAQ,YAAY;IACnC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;CAClB;AACD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CA8EnC,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/packages/shared/recharts/CustomTooltip/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAIvC,UAAU,MAAO,SAAQ,YAAY;IACnC,UAAU,CAAC,EAAE,GAAG,EAAE,CAAA;IAClB,SAAS,CAAC,EAAE,GAAG,EAAE,CAAA;CAClB;AACD,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAyFnC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/lib/shared/recharts/CustomTooltip/index.js

@@ -11,8 +11,12 @@ const CustomTooltip = ({
   barConfig,
   active,
   payload,
-  label
+  label,
+  ...rest
 }) => {
+  const {
+    formatter
+  } = rest;
   const theme = useTheme();
 
   const configHasProperty = config => config?.length && config.findIndex(v => v?.hasOwnProperty('shortName')) !== -1;
@@ -34,7 +38,7 @@ const CustomTooltip = ({
   };
 
   const TooltipPayload = () => {
-    return active && payload?.length && payload.map(item => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
+    return active && payload?.length && payload.map((item, index) => /*#__PURE__*/_jsxs(TooltipPayloadWrapper, {
       children: [/*#__PURE__*/_jsxs(ItemNameGroup, {
         children: [item?.stroke && /*#__PURE__*/_jsx("svg", {
           width: "16",
@@ -62,7 +66,7 @@ const CustomTooltip = ({
           children: [getTooltipItemName(item), ":"]
         })]
       }), /*#__PURE__*/_jsx(Text, {
-        children: getFormattedPrice(item.value, 2)
+        children: formatter ? formatter(getFormattedPrice(item.value, 2), getTooltipItemName(item), payload[index], index) : getFormattedPrice(item.value, 2)
       })]
     }, item.name));
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbl-digital/snorre",
-  "version": "2.2.9",
+  "version": "2.2.13",
   "description": "Design library for BBL Digital",
   "license": "MIT",
   "main": "./lib/index.js",

package/theme-generator.js

@@ -238,6 +238,9 @@ const bbls = [
       secondary: '#22475F',
       alpha: '0.02',
       secondaryFooter: true,
+      sidemenuColor: '#760445',
+      submenuColor: '#A50660',
+      submenuTextColor: 'rgba(255, 255, 255, 0.8)',
     },
   },
   {