@banyan_cloud/roots 1.0.346 → 1.0.347

package/dist/cjs/index.js

@@ -25896,8 +25896,13 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
     barColor2 = _ref.barColor2,
     xAxisTitle = _ref.xAxisTitle,
     yAxisTitle = _ref.yAxisTitle,
-    dataLabels = _ref.dataLabels,
-    tooltip = _ref.tooltip;
+    tooltip = _ref.tooltip,
+    legends = _ref.legends,
+    chartOptions = _ref.chartOptions,
+    chartDatasets = _ref.chartDatasets,
+    xAxis = _ref.xAxis,
+    yAxis = _ref.yAxis,
+    styles = _ref.styles;
   if (loading) {
     return /*#__PURE__*/jsxRuntime.jsx(ChartSkeleton$1, {});
   }
@@ -25910,22 +25915,21 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
       return seriesData.chartData[label][key] !== undefined;
     });
   }).map(function (key) {
-    return {
+    return _objectSpread2({
       label: seriesData.metaData.keyData[key],
       backgroundColor: key === 'x1' ? barColor1 !== null && barColor1 !== void 0 ? barColor1 : COLORS.success : key === 'x2' ? barColor2 !== null && barColor2 !== void 0 ? barColor2 : COLORS.error : COLORS.warning,
       data: labels.map(function (label) {
-        // Only include data if it's defined
         return seriesData.chartData[label][key] !== undefined ? seriesData.chartData[label][key] : null;
       }),
       borderRadius: borderRadius,
       barThickness: barThickness
-    };
+    }, chartDatasets);
   });
   var options = {
     responsive: true,
     maintainAspectRatio: false,
     // To allow custom height and width
-    plugins: {
+    plugins: _objectSpread2({
       title: {
         display: true,
         font: {
@@ -25937,7 +25941,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
           left: (title === null || title === void 0 ? void 0 : title.left) || 0
         }
       },
-      tooltip: _objectSpread2(_objectSpread2({}, tooltip), {}, {
+      tooltip: _objectSpread2({
         borderWidth: (_tooltip$borderWidth = tooltip === null || tooltip === void 0 ? void 0 : tooltip.borderWidth) !== null && _tooltip$borderWidth !== void 0 ? _tooltip$borderWidth : 1,
         borderColor: (_tooltip$borderColor = tooltip === null || tooltip === void 0 ? void 0 : tooltip.borderColor) !== null && _tooltip$borderColor !== void 0 ? _tooltip$borderColor : COLORS.success,
         backgroundColor: 'rgba(255, 255, 255, 1)',
@@ -25956,7 +25960,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
           label: function label(tooltipItem) {
             var _seriesData$metaData$;
             var label = (_seriesData$metaData$ = seriesData.metaData.controlsApplied[tooltipItem.label]) === null || _seriesData$metaData$ === void 0 ? void 0 : _seriesData$metaData$.x1;
-            return "".concat(tooltipItem.dataset.label, ": ").concat(label);
+            return "".concat(tooltipItem.label, ": ").concat(label);
           },
           title: tooltip.displayTitle ? function (tooltipItems) {
             var _tooltipItems$;
@@ -25965,12 +25969,12 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
             return '';
           }
         }
-      }),
-      legend: {
+      }, tooltip),
+      legend: _objectSpread2({
         display: false
-      },
+      }, legends),
       // Enable the datalabels plugin
-      datalabels: _objectSpread2(_objectSpread2({}, dataLabels), {}, {
+      datalabels: {
         anchor: 'end',
         align: 'top',
         // Align the labels above the bars
@@ -25985,10 +25989,10 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
         formatter: function formatter(value, context) {
           return context.chart.data.labels[context.dataIndex];
         }
-      })
-    },
+      }
+    }, chartOptions),
     scales: {
-      x: {
+      x: _objectSpread2({
         grid: {
           display: (gridOptions === null || gridOptions === void 0 ? void 0 : gridOptions.gridContainLabel) || true,
           color: 'rgba(255, 255, 255, 0.2)'
@@ -26011,8 +26015,8 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
             family: 'Poppins'
           }
         }
-      },
-      y: {
+      }, xAxis),
+      y: _objectSpread2({
         grid: {
           display: true,
           color: 'rgba(255, 255, 255, 0.2)'
@@ -26032,15 +26036,15 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
             family: 'Poppins'
           }
         }
-      }
+      }, yAxis)
     }
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    style: {
+    style: _objectSpread2({
       width: width || '100%',
       // Default to full width if not provided
-      height: height || '100%' // Default to full height if not provided
-    },
+      height: height || '100%'
+    }, styles),
     children: /*#__PURE__*/jsxRuntime.jsx(reactChartjs2.Bar, {
       data: {
         labels: labels,