@cashub/ui 0.48.4 → 0.48.6

package/chart/BarChart.js

@@ -9,6 +9,7 @@ var _styledComponents = require("styled-components");
 var _reactChartjs = require("react-chartjs-2");
 var _customTooltip = _interopRequireDefault(require("./utils/customTooltip"));
 var _padEmptyChartBar = _interopRequireDefault(require("./utils/padEmptyChartBar"));
+var _yAxisTopTitlePlugin = _interopRequireDefault(require("./utils/yAxisTopTitlePlugin"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const BarChart = _ref => {
@@ -27,6 +28,7 @@ const BarChart = _ref => {
   _reactChartjs.defaults.plugins.tooltip.external = (0, _customTooltip.default)(theme);
   const customOptions = (0, _react.useMemo)(() => {
     const {
+      yAxisTopTitle,
       tooltips = {}
     } = options;
     return {
@@ -36,6 +38,7 @@ const BarChart = _ref => {
       suggestedMax: options.suggestedMax === undefined ? 10 : options.suggestedMax,
       showLegend: options.showLegend === undefined ? false : options.showLegend,
       rotateLabel: options.rotateLabel === undefined ? true : options.rotateLabel,
+      yAxisTopTitle: yAxisTopTitle ? yAxisTopTitle : '',
       tooltipLabelPostfix: tooltips.labelPostfix || ''
     };
   }, [options]);
@@ -82,6 +85,9 @@ const BarChart = _ref => {
               return color;
             }
           }
+        },
+        yAxisTopTitle: {
+          title: customOptions.yAxisTopTitle
         }
       },
       scales: {
@@ -115,6 +121,11 @@ const BarChart = _ref => {
             }
           }
         }
+      },
+      layout: {
+        padding: {
+          top: 32
+        }
       }
     };
   }, [customOptions, theme.fontOnPrimary]);
@@ -122,7 +133,7 @@ const BarChart = _ref => {
     height: height,
     data: data,
     options: defaultOptions,
-    plugins: [_padEmptyChartBar.default],
+    plugins: [_padEmptyChartBar.default, _yAxisTopTitlePlugin.default],
     ...props
   });
 };

package/chart/LineChart.js

@@ -49,6 +49,10 @@ const LineChart = _ref => {
       responsive: true,
       maintainAspectRatio: false,
       aspectRatio: 1,
+      interaction: {
+        mode: 'nearest',
+        intersect: false
+      },
       plugins: {
         legend: {
           display: customOptions.showLegend
@@ -57,7 +61,7 @@ const LineChart = _ref => {
           enabled: false,
           intersect: false,
           filter(context) {
-            return context.datasetIndex === 0 && context.label !== 'null';
+            return context.label !== 'null';
           },
           callbacks: {
             title(context) {
@@ -65,8 +69,12 @@ const LineChart = _ref => {
               return `${customOptions.tooltipTitlePrefix}${content}`;
             },
             label(context) {
+              const tooltipLabel = context.dataset.tooltipLabels?.[context.dataIndex];
+              if (tooltipLabel !== undefined) {
+                return `${context.dataset.label}: ${tooltipLabel}`;
+              }
               const content = context.dataset.data[context.dataIndex].toString();
-              return `${customOptions.tooltipLabelPrefix}${content}${customOptions.tooltipLabelPostfix}`;
+              return `${context.dataset.label}: ${customOptions.tooltipLabelPrefix}${content}${customOptions.tooltipLabelPostfix}`;
             },
             labelColor(context) {
               const {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cashub/ui",
-  "version": "0.48.4",
+  "version": "0.48.6",
   "private": false,
   "author": "CasHUB Team",
   "description": "CasHUB UI components library",