@banyan_cloud/roots 2.0.9 → 2.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js CHANGED
@@ -16156,16 +16156,23 @@ var BasePieChart = function BasePieChart(props) {
16156
16156
  hoverBorderWidth = props.hoverBorderWidth,
16157
16157
  dataSetOptions = props.dataSetOptions,
16158
16158
  extra = props.extra;
16159
- var _useState = useState([]),
16159
+ var _useState = useState(customLabel),
16160
16160
  _useState2 = _slicedToArray(_useState, 2),
16161
- excludedIndices = _useState2[0],
16162
- setExcludedIndices = _useState2[1];
16163
- var _useState3 = useState(null),
16161
+ modCustomLabel = _useState2[0],
16162
+ setModCustomLabel = _useState2[1];
16163
+ var _useState3 = useState([]),
16164
16164
  _useState4 = _slicedToArray(_useState3, 2),
16165
- hoveredIndex = _useState4[0],
16166
- setHoveredIndex = _useState4[1]; // Track the hovered legend index
16165
+ excludedIndices = _useState4[0],
16166
+ setExcludedIndices = _useState4[1];
16167
+ var _useState5 = useState(null),
16168
+ _useState6 = _slicedToArray(_useState5, 2),
16169
+ hoveredIndex = _useState6[0],
16170
+ setHoveredIndex = _useState6[1]; // Track the hovered legend index
16167
16171
  var legendRef = useRef(null); // Reference to hold the custom legend
16168
16172
 
16173
+ useEffect(function () {
16174
+ setModCustomLabel(customLabel);
16175
+ }, [customLabel === null || customLabel === void 0 ? void 0 : customLabel.id]);
16169
16176
  if (loading || fallback) {
16170
16177
  return /*#__PURE__*/jsx(ChartSkeleton$1, {
16171
16178
  theme: theme,
@@ -16366,7 +16373,7 @@ var BasePieChart = function BasePieChart(props) {
16366
16373
  var centerTextPlugin = {
16367
16374
  id: 'centerText',
16368
16375
  afterDatasetsDraw: function afterDatasetsDraw(chart) {
16369
- var _customLabel$valueSty, _customLabel$valueSty2, _customLabel$valueSty3, _customLabel$margin, _customLabel$labelSty, _customLabel$labelSty2, _customLabel$labelSty3, _customLabel$labelSty4, _customLabel$labelSty5;
16376
+ var _modCustomLabel$value, _modCustomLabel$value2, _modCustomLabel$value3, _modCustomLabel$margi, _modCustomLabel$label, _modCustomLabel$label2, _modCustomLabel$label3, _modCustomLabel$label4, _modCustomLabel$label5;
16370
16377
  var ctx = chart.ctx,
16371
16378
  _chart$chartArea = chart.chartArea,
16372
16379
  left = _chart$chartArea.left,
@@ -16376,32 +16383,32 @@ var BasePieChart = function BasePieChart(props) {
16376
16383
  ctx.save();
16377
16384
 
16378
16385
  // Center text styling and positioning
16379
- 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");
16386
+ 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");
16380
16387
  ctx.textAlign = 'center';
16381
16388
  ctx.textBaseline = 'middle';
16382
- ctx.fillStyle = customLabel === null || customLabel === void 0 || (_customLabel$valueSty3 = customLabel.valueStyles) === null || _customLabel$valueSty3 === void 0 ? void 0 : _customLabel$valueSty3.color;
16389
+ ctx.fillStyle = modCustomLabel === null || modCustomLabel === void 0 || (_modCustomLabel$value3 = modCustomLabel.valueStyles) === null || _modCustomLabel$value3 === void 0 ? void 0 : _modCustomLabel$value3.color;
16383
16390
 
16384
16391
  // Calculate the center position of the chart
16385
16392
  var centerX = (left + right) / 2;
16386
16393
  var centerY = (top + bottom) / 2;
16387
16394
 
16388
16395
  // Render the center text
16389
- ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.id), centerX, centerY);
16396
+ ctx.fillText("".concat(modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.id), centerX, centerY);
16390
16397
 
16391
16398
  // Render the compliance title with bottom margin
16392
- var titleBottomMargin = (_customLabel$margin = customLabel.margin) !== null && _customLabel$margin !== void 0 ? _customLabel$margin : 10; // Adjust this value for bottom margin
16393
- 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;
16399
+ var titleBottomMargin = (_modCustomLabel$margi = modCustomLabel.margin) !== null && _modCustomLabel$margi !== void 0 ? _modCustomLabel$margi : 10; // Adjust this value for bottom margin
16400
+ 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;
16394
16401
  var titleYPosition = centerY + position; // Default title Y position
16395
- 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
16396
- 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)
16397
- ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.title), centerX, titleYPosition + titleBottomMargin);
16402
+ 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
16403
+ 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)
16404
+ ctx.fillText("".concat(modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.title), centerX, titleYPosition + titleBottomMargin);
16398
16405
 
16399
16406
  // Render compliance strip if `complianceStrip` is true
16400
16407
  if (strip) {
16401
16408
  var _strip$stripSize, _strip$stripWidth, _strip$startColor, _strip$endColor;
16402
16409
  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
16403
16410
  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
16404
- var compliancePercentage = customLabel === null || customLabel === void 0 ? void 0 : customLabel.value; // Set compliance percentage
16411
+ var compliancePercentage = modCustomLabel === null || modCustomLabel === void 0 ? void 0 : modCustomLabel.value; // Set compliance percentage
16405
16412
 
16406
16413
  // Fixed start and end angles
16407
16414
  var startAngle = 130 * Math.PI / 180; // Convert degrees to radians
@@ -16452,7 +16459,6 @@ var BasePieChart = function BasePieChart(props) {
16452
16459
  // Return the first color stop as fallback
16453
16460
  return (colorStops === null || colorStops === void 0 ? void 0 : colorStops[0]) || '#000'; // Fallback to black
16454
16461
  }) : [];
16455
- console.log(legendColors);
16456
16462
  var customLegendPlugin = {
16457
16463
  id: 'customLegend',
16458
16464
  afterUpdate: function afterUpdate(chart) {
@@ -16515,7 +16521,7 @@ var BasePieChart = function BasePieChart(props) {
16515
16521
  children: [/*#__PURE__*/jsx(Pie, _objectSpread2({
16516
16522
  data: data,
16517
16523
  options: _objectSpread2({}, options),
16518
- plugins: [customLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
16524
+ plugins: [modCustomLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
16519
16525
  }, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
16520
16526
  style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
16521
16527
  ref: legendRef
@@ -25448,8 +25454,8 @@ var css$7 = ".Table_module_root__1ec2bc6d {\n position: relative;\n border-rad
25448
25454
  var modules_2e8406c7 = {"root":"Table_module_root__1ec2bc6d","table":"Table_module_table__1ec2bc6d","pagination":"Table_module_pagination__1ec2bc6d","floating":"Table_module_floating__1ec2bc6d","drawer":"Table_module_drawer__1ec2bc6d","standalone":"Table_module_standalone__1ec2bc6d","chips":"Table_module_chips__1ec2bc6d","filters":"Table_module_filters__1ec2bc6d","overlay":"Table_module_overlay__1ec2bc6d"};
25449
25455
  n(css$7,{});
25450
25456
 
25451
- var css$6 = ".TableFilters_module_root__22ca9f07[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1.0625rem 1.25rem;\n height: auto;\n width: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__22ca9f07 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__22ca9f07 .TableFilters_module_description__22ca9f07 {\n max-width: 30rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 3rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n border-radius: 0.3125rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 {\n height: 100%;\n width: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label {\n height: 100%;\n align-self: stretch;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] {\n padding: 0rem;\n height: 100%;\n border-radius: 0.3125rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n outline: none;\n box-shadow: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] > [data-elem=component1] {\n padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] > [data-elem=component2] {\n padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__22ca9f07 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] {\n background-color: transparent;\n width: auto;\n border-left: 0.1px solid var(--mono-color3);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 100%;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n color: var(--text-color);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__22ca9f07 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__22ca9f07.TableFilters_module_arrow__22ca9f07 {\n width: 1.75rem;\n height: 1.75rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell]:hover {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__22ca9f07[data-elem=base-cell].TableFilters_module_clear__22ca9f07 {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell] {\n background: transparent;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n height: -moz-fit-content;\n height: fit-content;\n padding: 0.825rem 0.8rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n color: var(--white) !important;\n font-size: 0.75rem !important;\n font-weight: 500;\n line-height: 1.3125rem;\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 button.TableFilters_module_advFilter__22ca9f07[data-elem=base-cell].TableFilters_module_filter__22ca9f07 {\n padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_icon__22ca9f07 {\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] {\n border: none;\n padding: 0.7rem 0.65rem;\n width: auto;\n font-size: 0.875rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__22ca9f07 {\n background-color: var(--secondary-color2);\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n color: var(--white) !important;\n font-size: 0.75rem !important;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__22ca9f07.TableFilters_module_hide__22ca9f07 {\n display: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > div {\n margin-left: -0.3125rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 > [data-elem=header] > [data-elem=select] > div {\n display: none;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 .TableFilters_module_item__22ca9f07 {\n height: 3rem;\n}\n.TableFilters_module_root__22ca9f07[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__22ca9f07 .TableFilters_module_columnDropdown__22ca9f07 .TableFilters_module_item__22ca9f07 > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__22ca9f07 {\n width: 20rem !important;\n}";
25452
- var modules_a0fe63f9 = {"root":"TableFilters_module_root__22ca9f07","details":"TableFilters_module_details__22ca9f07","description":"TableFilters_module_description__22ca9f07","search":"TableFilters_module_search__22ca9f07","search-button":"TableFilters_module_searchButton__22ca9f07","icon":"TableFilters_module_icon__22ca9f07","arrow":"TableFilters_module_arrow__22ca9f07","clear":"TableFilters_module_clear__22ca9f07","filters":"TableFilters_module_filters__22ca9f07","adv-filter":"TableFilters_module_advFilter__22ca9f07","filter":"TableFilters_module_filter__22ca9f07","column-dropdown":"TableFilters_module_columnDropdown__22ca9f07","value":"TableFilters_module_value__22ca9f07","hide":"TableFilters_module_hide__22ca9f07","item":"TableFilters_module_item__22ca9f07","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__22ca9f07"};
25457
+ var css$6 = ".TableFilters_module_root__c9d60034[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1.0625rem 1.25rem;\n height: auto;\n width: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__c9d60034 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__c9d60034 .TableFilters_module_description__c9d60034 {\n max-width: 30rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 3rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n border-radius: 0.3125rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 {\n height: 100%;\n width: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label {\n height: 100%;\n align-self: stretch;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] {\n padding: 0rem;\n height: 100%;\n border-radius: 0.3125rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n outline: none;\n box-shadow: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] > [data-elem=component1] {\n padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] > [data-elem=component2] {\n padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] {\n background-color: transparent;\n width: auto;\n border-left: 0.1px solid var(--mono-color3);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n color: var(--text-color);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__c9d60034 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__c9d60034.TableFilters_module_arrow__c9d60034 {\n width: 1.75rem;\n height: 1.75rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell]:hover {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell].TableFilters_module_clear__c9d60034 {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] {\n background: transparent;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n height: -moz-fit-content;\n height: fit-content;\n padding: 0.82rem 0.8rem !important;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] > [data-elem=component3] {\n color: var(--white) !important;\n font-size: 0.75rem !important;\n font-weight: 500;\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell].TableFilters_module_filter__c9d60034 {\n padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_icon__c9d60034 {\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] {\n border: none;\n padding: 0.7rem 0.65rem;\n width: auto;\n font-size: 0.875rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__c9d60034 {\n background-color: var(--secondary-color2);\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n color: var(--white) !important;\n font-size: 0.75rem !important;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__c9d60034.TableFilters_module_hide__c9d60034 {\n display: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > div {\n margin-left: -0.3125rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > div {\n display: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 .TableFilters_module_item__c9d60034 {\n height: 3rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 .TableFilters_module_item__c9d60034 > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__c9d60034 {\n width: 20rem !important;\n}";
25458
+ var modules_a0fe63f9 = {"root":"TableFilters_module_root__c9d60034","details":"TableFilters_module_details__c9d60034","description":"TableFilters_module_description__c9d60034","search":"TableFilters_module_search__c9d60034","search-button":"TableFilters_module_searchButton__c9d60034","icon":"TableFilters_module_icon__c9d60034","arrow":"TableFilters_module_arrow__c9d60034","clear":"TableFilters_module_clear__c9d60034","filters":"TableFilters_module_filters__c9d60034","adv-filter":"TableFilters_module_advFilter__c9d60034","filter":"TableFilters_module_filter__c9d60034","column-dropdown":"TableFilters_module_columnDropdown__c9d60034","value":"TableFilters_module_value__c9d60034","hide":"TableFilters_module_hide__c9d60034","item":"TableFilters_module_item__c9d60034","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__c9d60034"};
25453
25459
  n(css$6,{});
25454
25460
 
25455
25461
  var TableFilters = function TableFilters(props) {
@@ -25577,10 +25583,13 @@ var TableFilters = function TableFilters(props) {
25577
25583
  className: modules_a0fe63f9.filters,
25578
25584
  children: [rightActions === null || rightActions === void 0 ? void 0 : rightActions({
25579
25585
  toggleDrawer: toggleDrawer
25580
- }), !disabledSearch && /*#__PURE__*/jsx(Button, {
25586
+ }), !disabledSearch && /*#__PURE__*/jsx(Button, _objectSpread2({
25581
25587
  size: "auto",
25582
25588
  className: classes(modules_a0fe63f9['adv-filter'], filtersCount > 0 ? modules_a0fe63f9.filter : ''),
25583
- title: getAdvancedFilterTitle(),
25589
+ title: /*#__PURE__*/jsx(Filter, {
25590
+ className: modules_a0fe63f9.icon,
25591
+ v2: true
25592
+ }),
25584
25593
  onClick: function onClick() {
25585
25594
  toggleDrawer({
25586
25595
  data: {
@@ -25588,14 +25597,12 @@ var TableFilters = function TableFilters(props) {
25588
25597
  standalone: true
25589
25598
  }
25590
25599
  });
25591
- },
25592
- leftComponent: function leftComponent() {
25593
- return /*#__PURE__*/jsx(Filter, {
25594
- className: modules_a0fe63f9.icon,
25595
- v2: true
25596
- });
25597
25600
  }
25598
- }), columnFilters.length > 0 && /*#__PURE__*/jsx(Dropdown, {
25601
+ }, getAdvancedFilterTitle() && {
25602
+ rightComponent: function rightComponent() {
25603
+ return getAdvancedFilterTitle();
25604
+ }
25605
+ })), columnFilters.length > 0 && /*#__PURE__*/jsx(Dropdown, {
25599
25606
  className: modules_a0fe63f9['column-dropdown'],
25600
25607
  popperClassName: modules_a0fe63f9['column-dropdown-popper'],
25601
25608
  leftComponent: {