@banyan_cloud/roots 2.0.4 → 2.0.5

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
@@ -15650,7 +15650,8 @@ var BaseAreaChart = function BaseAreaChart(props) {
15650
15650
  _props$borderColors = props.borderColors,
15651
15651
  borderColors = _props$borderColors === void 0 ? ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)'] : _props$borderColors,
15652
15652
  style = props.style,
15653
- extra = props.extra;
15653
+ extra = props.extra,
15654
+ dataSetOptions = props.dataSetOptions;
15654
15655
  if (loading || fallback) {
15655
15656
  return /*#__PURE__*/jsx(ChartSkeleton$4, {
15656
15657
  theme: theme,
@@ -15721,7 +15722,7 @@ var BaseAreaChart = function BaseAreaChart(props) {
15721
15722
  });
15722
15723
  }
15723
15724
  };
15724
- var chartData = {
15725
+ var chartData = _objectSpread2({
15725
15726
  labels: (_seriesData$metaData$ = seriesData === null || seriesData === void 0 || (_seriesData$metaData = seriesData.metaData) === null || _seriesData$metaData === void 0 ? void 0 : _seriesData$metaData.xAxisData) !== null && _seriesData$metaData$ !== void 0 ? _seriesData$metaData$ : [],
15726
15727
  datasets: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key, index) {
15727
15728
  var _seriesData$chartData2, _chartOptionsProps$bo, _chartOptionsProps$po, _chartOptionsProps$po2, _chartOptionsProps$po3;
@@ -15742,7 +15743,7 @@ var BaseAreaChart = function BaseAreaChart(props) {
15742
15743
  }
15743
15744
  };
15744
15745
  })
15745
- };
15746
+ }, dataSetOptions);
15746
15747
  var chartOptions = _objectSpread2({
15747
15748
  responsive: true,
15748
15749
  maintainAspectRatio: false,
@@ -16175,6 +16176,7 @@ var BasePieChart = function BasePieChart(props) {
16175
16176
  _props$doughnut = props.doughnut,
16176
16177
  doughnut = _props$doughnut === void 0 ? ['90%', '0%'] : _props$doughnut,
16177
16178
  hoverBorderWidth = props.hoverBorderWidth,
16179
+ dataSetOptions = props.dataSetOptions,
16178
16180
  extra = props.extra;
16179
16181
  var _useState = useState([]),
16180
16182
  _useState2 = _slicedToArray(_useState, 2),
@@ -16212,7 +16214,7 @@ var BasePieChart = function BasePieChart(props) {
16212
16214
  labels: seriesData !== null && seriesData !== void 0 && (_seriesData$metaData = seriesData.metaData) !== null && _seriesData$metaData !== void 0 && _seriesData$metaData.keyData ? Object.keys(seriesData.chartData).map(function (key) {
16213
16215
  return seriesData.metaData.keyData[key];
16214
16216
  }) : [],
16215
- datasets: [{
16217
+ datasets: [_objectSpread2({
16216
16218
  data: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
16217
16219
  var _seriesData$chartData2;
16218
16220
  return seriesData === null || seriesData === void 0 || (_seriesData$chartData2 = seriesData.chartData) === null || _seriesData$chartData2 === void 0 ? void 0 : _seriesData$chartData2[key];
@@ -16247,7 +16249,7 @@ var BasePieChart = function BasePieChart(props) {
16247
16249
  },
16248
16250
  radius: (_doughnut$ = doughnut === null || doughnut === void 0 ? void 0 : doughnut[0]) !== null && _doughnut$ !== void 0 ? _doughnut$ : '100%',
16249
16251
  cutout: (_doughnut$2 = doughnut === null || doughnut === void 0 ? void 0 : doughnut[1]) !== null && _doughnut$2 !== void 0 ? _doughnut$2 : '0%'
16250
- }]
16252
+ }, dataSetOptions)]
16251
16253
  };
16252
16254
  var handleHover = function handleHover(index) {
16253
16255
  setHoveredIndex(index);
@@ -16488,7 +16490,8 @@ var BasePieChart = function BasePieChart(props) {
16488
16490
  // Apply grey color dynamically based on the hovered state
16489
16491
  var isGreyedOut = hoveredIndex !== null && hoveredIndex !== index;
16490
16492
  var displayColor = isGreyedOut ? '#D3D3D3' : sliceColor;
16491
- li.innerHTML = "\n\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"".concat(displayColor, "\" stroke-width=\"6\"/>\n\t\t\t\t</svg>\n\t\t\t\t<span style=\"margin-left: 10px;\">").concat(label, "</span>\n\t\t\t");
16493
+ var value = chart.data.datasets[0].data[index];
16494
+ li.innerHTML = "\n\t\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"".concat(displayColor, "\" stroke-width=\"6\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t\n\t\t\t\t\t<span style=\"margin-left: 10px;\">\n\t\t\t\t\t\t<span>").concat(label, "</span>\n\t\t\t\t\t\t<span style=\"margin-left: 14px;\">").concat(value, "</span>\n\t\t\t\t\t</span>\n\t\t\t\t");
16492
16495
  ul.appendChild(li);
16493
16496
  });
16494
16497
  }
@@ -17983,7 +17986,7 @@ var Calender = function Calender(props) {
17983
17986
  }));
17984
17987
  return;
17985
17988
  }
17986
- if (range && (value === null || value === void 0 || (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
17989
+ if (range && (value === null || value === void 0 || (_value$filter = value.filter) === null || _value$filter === void 0 || (_value$filter = _value$filter.call(value, Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0) {
17987
17990
  setSelectedRange({
17988
17991
  dates: getDatesInStringFormat({
17989
17992
  startingDate: fromUnixTime(value[0]),
@@ -18346,7 +18349,7 @@ var DatePicker = function DatePicker(props) {
18346
18349
  var datePickerRef = useRef();
18347
18350
  var displayValue = getDatePickerDisplayValue({
18348
18351
  value: value,
18349
- rangePicker: range && (value === null || value === void 0 || (_value$filter = value.filter(Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0,
18352
+ rangePicker: range && (value === null || value === void 0 || (_value$filter = value.filter) === null || _value$filter === void 0 || (_value$filter = _value$filter.call(value, Boolean)) === null || _value$filter === void 0 ? void 0 : _value$filter.length) > 0,
18350
18353
  singlePicker: !range && value,
18351
18354
  timeRange: timeRange,
18352
18355
  limitHours: limitHours
@@ -25473,8 +25476,8 @@ var css$7 = ".Table_module_root__1ec2bc6d {\n position: relative;\n border-rad
25473
25476
  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"};
25474
25477
  n(css$7,{});
25475
25478
 
25476
- var css$6 = ".TableFilters_module_root__6a643cfa[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__6a643cfa[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__6a643cfa {\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__6a643cfa[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__6a643cfa .TableFilters_module_description__6a643cfa {\n max-width: 30rem;\n}\n.TableFilters_module_root__6a643cfa[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__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa {\n height: 100%;\n width: 100%;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label {\n height: 100%;\n align-self: stretch;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > 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__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] > [data-elem=component1] {\n padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] > [data-elem=component2] {\n padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] .TableFilters_module_customSearchIcon__6a643cfa {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__6a643cfa > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__6a643cfa[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__6a643cfa[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__6a643cfa[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n color: var(--text-color);\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__6a643cfa[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__6a643cfa {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__6a643cfa[data-elem=base-cell]:hover {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__6a643cfa[data-elem=base-cell].TableFilters_module_clear__6a643cfa {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa button.TableFilters_module_advFilter__6a643cfa[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__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa button.TableFilters_module_advFilter__6a643cfa[data-elem=base-cell]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa button.TableFilters_module_advFilter__6a643cfa[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__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa button.TableFilters_module_advFilter__6a643cfa[data-elem=base-cell].TableFilters_module_filter__6a643cfa {\n padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_icon__6a643cfa {\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [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__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__6a643cfa {\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__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__6a643cfa.TableFilters_module_hide__6a643cfa {\n display: none;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select] > div {\n margin-left: -0.3125rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa > [data-elem=header] > [data-elem=select] > div {\n display: none;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa .TableFilters_module_item__6a643cfa {\n height: 3rem;\n}\n.TableFilters_module_root__6a643cfa[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__6a643cfa .TableFilters_module_columnDropdown__6a643cfa .TableFilters_module_item__6a643cfa > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__6a643cfa {\n width: 20rem !important;\n}";
25477
- var modules_a0fe63f9 = {"root":"TableFilters_module_root__6a643cfa","details":"TableFilters_module_details__6a643cfa","description":"TableFilters_module_description__6a643cfa","search":"TableFilters_module_search__6a643cfa","custom-search-icon":"TableFilters_module_customSearchIcon__6a643cfa","search-button":"TableFilters_module_searchButton__6a643cfa","icon":"TableFilters_module_icon__6a643cfa","clear":"TableFilters_module_clear__6a643cfa","filters":"TableFilters_module_filters__6a643cfa","adv-filter":"TableFilters_module_advFilter__6a643cfa","filter":"TableFilters_module_filter__6a643cfa","column-dropdown":"TableFilters_module_columnDropdown__6a643cfa","value":"TableFilters_module_value__6a643cfa","hide":"TableFilters_module_hide__6a643cfa","item":"TableFilters_module_item__6a643cfa","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__6a643cfa"};
25479
+ 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}";
25480
+ 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"};
25478
25481
  n(css$6,{});
25479
25482
 
25480
25483
  var TableFilters = function TableFilters(props) {
@@ -25492,7 +25495,6 @@ var TableFilters = function TableFilters(props) {
25492
25495
  tableTitleText = _props$tableTitleText === void 0 ? '' : _props$tableTitleText,
25493
25496
  _props$tableDescripti = props.tableDescriptionText,
25494
25497
  tableDescriptionText = _props$tableDescripti === void 0 ? '' : _props$tableDescripti,
25495
- CustomSearchIcon = props.customSearchIcon,
25496
25498
  _props$onSearch = props.onSearch,
25497
25499
  onSearch = _props$onSearch === void 0 ? function () {} : _props$onSearch,
25498
25500
  onClear = props.onClear,
@@ -25561,7 +25563,7 @@ var TableFilters = function TableFilters(props) {
25561
25563
  })]
25562
25564
  }),
25563
25565
  component2: !searchDisabled && /*#__PURE__*/jsxs(Fragment, {
25564
- children: [/*#__PURE__*/jsx(TextField$1, _objectSpread2({
25566
+ children: [/*#__PURE__*/jsx(TextField$1, {
25565
25567
  className: modules_a0fe63f9.search,
25566
25568
  placeholder: searchPlaceholder,
25567
25569
  value: search,
@@ -25570,14 +25572,13 @@ var TableFilters = function TableFilters(props) {
25570
25572
  var _inputHelper = inputHelper(e),
25571
25573
  fieldValue = _inputHelper.fieldValue;
25572
25574
  setSearch(fieldValue);
25573
- }
25574
- }, CustomSearchIcon && {
25575
+ },
25575
25576
  LeftComponent: function LeftComponent() {
25576
- return /*#__PURE__*/jsx(CustomSearchIcon, {
25577
- className: modules_a0fe63f9['custom-search-icon']
25577
+ return /*#__PURE__*/jsx(SearchIcon, {
25578
+ className: modules_a0fe63f9.icon
25578
25579
  });
25579
25580
  }
25580
- })), /*#__PURE__*/jsx(Button, {
25581
+ }), /*#__PURE__*/jsx(Button, {
25581
25582
  className: classes(modules_a0fe63f9['search-button'], onClear && modules_a0fe63f9.clear),
25582
25583
  onClick: function onClick() {
25583
25584
  if (onClear) {
@@ -25593,8 +25594,8 @@ var TableFilters = function TableFilters(props) {
25593
25594
  className: modules_a0fe63f9.icon
25594
25595
  });
25595
25596
  }
25596
- return /*#__PURE__*/jsx(SearchIcon, {
25597
- className: modules_a0fe63f9.icon
25597
+ return /*#__PURE__*/jsx(Arrow, {
25598
+ className: classes(modules_a0fe63f9.icon, modules_a0fe63f9.arrow)
25598
25599
  });
25599
25600
  }
25600
25601
  })]