@banyan_cloud/roots 2.0.10 → 2.0.11

package/dist/esm/index.js

@@ -16156,16 +16156,23 @@ var BasePieChart = function BasePieChart(props) {
     hoverBorderWidth = props.hoverBorderWidth,
     dataSetOptions = props.dataSetOptions,
     extra = props.extra;
-  var _useState = useState([]),
+  var _useState = useState(customLabel),
     _useState2 = _slicedToArray(_useState, 2),
-    excludedIndices = _useState2[0],
-    setExcludedIndices = _useState2[1];
-  var _useState3 = useState(null),
+    modCustomLabel = _useState2[0],
+    setModCustomLabel = _useState2[1];
+  var _useState3 = useState([]),
     _useState4 = _slicedToArray(_useState3, 2),
-    hoveredIndex = _useState4[0],
-    setHoveredIndex = _useState4[1]; // Track the hovered legend index
+    excludedIndices = _useState4[0],
+    setExcludedIndices = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    hoveredIndex = _useState6[0],
+    setHoveredIndex = _useState6[1]; // Track the hovered legend index
   var legendRef = useRef(null); // Reference to hold the custom legend
 
+  useEffect(function () {
+    setModCustomLabel(customLabel);
+  }, [customLabel === null || customLabel === void 0 ? void 0 : customLabel.id]);
   if (loading || fallback) {
     return /*#__PURE__*/jsx(ChartSkeleton$1, {
       theme: theme,
@@ -16366,7 +16373,7 @@ var BasePieChart = function BasePieChart(props) {
   var centerTextPlugin = {
     id: 'centerText',
     afterDatasetsDraw: function afterDatasetsDraw(chart) {
-      var _customLabel$valueSty, _customLabel$valueSty2, _customLabel$valueSty3, _customLabel$margin, _customLabel$labelSty, _customLabel$labelSty2, _customLabel$labelSty3, _customLabel$labelSty4, _customLabel$labelSty5;
+      var _modCustomLabel$value, _modCustomLabel$value2, _modCustomLabel$value3, _modCustomLabel$margi, _modCustomLabel$label, _modCustomLabel$label2, _modCustomLabel$label3, _modCustomLabel$label4, _modCustomLabel$label5;
       var ctx = chart.ctx,
         _chart$chartArea = chart.chartArea,
         left = _chart$chartArea.left,
@@ -16376,32 +16383,32 @@ var BasePieChart = function BasePieChart(props) {
       ctx.save();
 
       // Center text styling and positioning
-      ctx.font = "".concat(customLabel === null || customLabel === void 0 || (_customLabel$valueSty = customLabel.valueStyles) === null || _customLabel$valueSty === void 0 ? void 0 : _customLabel$valueSty.fontStyle, " ").concat(customLabel === null || customLabel === void 0 || (_customLabel$valueSty2 = customLabel.valueStyles) === null || _customLabel$valueSty2 === void 0 ? void 0 : _customLabel$valueSty2.fontSize, " Poppins");
+      ctx.font = "".concat(modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$value = modCustomLabel.valueStyles) === null || _modCustomLabel$value === void 0 ? void 0 : _modCustomLabel$value.fontStyle, " ").concat(modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$value2 = modCustomLabel.valueStyles) === null || _modCustomLabel$value2 === void 0 ? void 0 : _modCustomLabel$value2.fontSize, " Poppins");
       ctx.textAlign = 'center';
       ctx.textBaseline = 'middle';
-      ctx.fillStyle = customLabel === null || customLabel === void 0 || (_customLabel$valueSty3 = customLabel.valueStyles) === null || _customLabel$valueSty3 === void 0 ? void 0 : _customLabel$valueSty3.color;
+      ctx.fillStyle = modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$value3 = modCustomLabel.valueStyles) === null || _modCustomLabel$value3 === void 0 ? void 0 : _modCustomLabel$value3.color;
 
       // Calculate the center position of the chart
       var centerX = (left + right) / 2;
       var centerY = (top + bottom) / 2;
 
       // Render the center text
-      ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.id), centerX, centerY);
+      ctx.fillText("".concat(modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.id), centerX, centerY);
 
       // Render the compliance title with bottom margin
-      var titleBottomMargin = (_customLabel$margin = customLabel.margin) !== null && _customLabel$margin !== void 0 ? _customLabel$margin : 10; // Adjust this value for bottom margin
-      var position = (_customLabel$labelSty = customLabel === null || customLabel === void 0 || (_customLabel$labelSty2 = customLabel.labelStyles) === null || _customLabel$labelSty2 === void 0 ? void 0 : _customLabel$labelSty2.position) !== null && _customLabel$labelSty !== void 0 ? _customLabel$labelSty : 5;
+      var titleBottomMargin = (_modCustomLabel$margi = modCustomLabel.margin) !== null && _modCustomLabel$margi !== void 0 ? _modCustomLabel$margi : 10; // Adjust this value for bottom margin
+      var position = (_modCustomLabel$label = modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$label2 = modCustomLabel.labelStyles) === null || _modCustomLabel$label2 === void 0 ? void 0 : _modCustomLabel$label2.position) !== null && _modCustomLabel$label !== void 0 ? _modCustomLabel$label : 5;
       var titleYPosition = centerY + position; // Default title Y position
-      ctx.font = "".concat(customLabel === null || customLabel === void 0 || (_customLabel$labelSty3 = customLabel.labelStyles) === null || _customLabel$labelSty3 === void 0 ? void 0 : _customLabel$labelSty3.fontStyle, " ").concat(customLabel === null || customLabel === void 0 || (_customLabel$labelSty4 = customLabel.labelStyles) === null || _customLabel$labelSty4 === void 0 ? void 0 : _customLabel$labelSty4.fontSize, " Poppins"); // Title font style
-      ctx.fillStyle = "".concat(customLabel === null || customLabel === void 0 || (_customLabel$labelSty5 = customLabel.labelStyles) === null || _customLabel$labelSty5 === void 0 ? void 0 : _customLabel$labelSty5.color); // Title text color (gray)
-      ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.title), centerX, titleYPosition + titleBottomMargin);
+      ctx.font = "".concat(modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$label3 = modCustomLabel.labelStyles) === null || _modCustomLabel$label3 === void 0 ? void 0 : _modCustomLabel$label3.fontStyle, " ").concat(modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$label4 = modCustomLabel.labelStyles) === null || _modCustomLabel$label4 === void 0 ? void 0 : _modCustomLabel$label4.fontSize, " Poppins"); // Title font style
+      ctx.fillStyle = "".concat(modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$label5 = modCustomLabel.labelStyles) === null || _modCustomLabel$label5 === void 0 ? void 0 : _modCustomLabel$label5.color); // Title text color (gray)
+      ctx.fillText("".concat(modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.title), centerX, titleYPosition + titleBottomMargin);
 
       // Render compliance strip if `complianceStrip` is true
       if (strip) {
         var _strip$stripSize, _strip$stripWidth, _strip$startColor, _strip$endColor;
         var stripRadius = (_strip$stripSize = strip === null || strip === void 0 ? void 0 : strip.stripSize) !== null && _strip$stripSize !== void 0 ? _strip$stripSize : 35; // Radius for the outer ring
         var stripThickness = (_strip$stripWidth = strip === null || strip === void 0 ? void 0 : strip.stripWidth) !== null && _strip$stripWidth !== void 0 ? _strip$stripWidth : 7; // Thickness of the strip
-        var compliancePercentage = customLabel === null || customLabel === void 0 ? void 0 : customLabel.value; // Set compliance percentage
+        var compliancePercentage = modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.value; // Set compliance percentage
 
         // Fixed start and end angles
         var startAngle = 130 * Math.PI / 180; // Convert degrees to radians
@@ -16452,7 +16459,6 @@ var BasePieChart = function BasePieChart(props) {
     // Return the first color stop as fallback
     return (colorStops === null || colorStops === void 0 ? void 0 : colorStops[0]) || '#000'; // Fallback to black
   }) : [];
-  console.log(legendColors);
   var customLegendPlugin = {
     id: 'customLegend',
     afterUpdate: function afterUpdate(chart) {
@@ -16515,7 +16521,7 @@ var BasePieChart = function BasePieChart(props) {
     children: [/*#__PURE__*/jsx(Pie, _objectSpread2({
       data: data,
       options: _objectSpread2({}, options),
-      plugins: [customLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
+      plugins: [modCustomLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
     }, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
       style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
       ref: legendRef