@banyan_cloud/roots 2.0.11 → 2.0.13
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
|
@@ -5108,8 +5108,8 @@ var isEmptyHtmlString = function isEmptyHtmlString(htmlString) {
|
|
|
5108
5108
|
|
|
5109
5109
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
5110
5110
|
|
|
5111
|
-
var css$1A = ".
|
|
5112
|
-
var modules_3af9b74c = {"root":"
|
|
5111
|
+
var css$1A = ".BaseCell_module_root__e11a03a1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--light-color3);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n justify-content: center;\n}";
|
|
5112
|
+
var modules_3af9b74c = {"root":"BaseCell_module_root__e11a03a1","sm":"BaseCell_module_sm__e11a03a1","md":"BaseCell_module_md__e11a03a1","lg":"BaseCell_module_lg__e11a03a1","auto":"BaseCell_module_auto__e11a03a1","border-radius-default":"BaseCell_module_borderRadiusDefault__e11a03a1","border-radius-round":"BaseCell_module_borderRadiusRound__e11a03a1","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__e11a03a1","border-radius-none":"BaseCell_module_borderRadiusNone__e11a03a1","flexible":"BaseCell_module_flexible__e11a03a1","centered":"BaseCell_module_centered__e11a03a1"};
|
|
5113
5113
|
n(css$1A,{});
|
|
5114
5114
|
|
|
5115
5115
|
/**
|
|
@@ -5132,7 +5132,8 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5132
5132
|
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
5133
5133
|
flexible = props.flexible,
|
|
5134
5134
|
component1 = props.component1,
|
|
5135
|
-
|
|
5135
|
+
_props$component = props.component2,
|
|
5136
|
+
component2 = _props$component === void 0 ? '' : _props$component,
|
|
5136
5137
|
component3 = props.component3,
|
|
5137
5138
|
_props$RootDOM = props.RootDOM,
|
|
5138
5139
|
RootDOM = _props$RootDOM === void 0 ? 'div' : _props$RootDOM,
|
|
@@ -5140,18 +5141,25 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5140
5141
|
attrs = _props$attrs === void 0 ? {} : _props$attrs,
|
|
5141
5142
|
_props$radius = props.radius,
|
|
5142
5143
|
radius = _props$radius === void 0 ? 'none' : _props$radius;
|
|
5144
|
+
var mainComponent = null;
|
|
5145
|
+
if (!component2) {
|
|
5146
|
+
if (component1 && component3) {
|
|
5147
|
+
mainComponent = null;
|
|
5148
|
+
}
|
|
5149
|
+
mainComponent = component1 !== null && component1 !== void 0 ? component1 : component3;
|
|
5150
|
+
}
|
|
5143
5151
|
var Component = /*#__PURE__*/createElement(RootDOM, _objectSpread2({
|
|
5144
5152
|
'data-elem': 'base-cell',
|
|
5145
5153
|
ref: ref,
|
|
5146
|
-
className: classes(modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible
|
|
5154
|
+
className: classes(modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible && modules_3af9b74c.flexible, mainComponent && modules_3af9b74c.centered, className)
|
|
5147
5155
|
}, attrs), jsxs(Fragment, {
|
|
5148
|
-
children: [component1 && jsx("span", {
|
|
5156
|
+
children: [!mainComponent && component1 && jsx("span", {
|
|
5149
5157
|
"data-elem": 'component1',
|
|
5150
5158
|
children: component1
|
|
5151
5159
|
}), jsx("span", {
|
|
5152
5160
|
"data-elem": 'component2',
|
|
5153
|
-
children: component2
|
|
5154
|
-
}), component3 && jsx("span", {
|
|
5161
|
+
children: mainComponent !== null && mainComponent !== void 0 ? mainComponent : component2
|
|
5162
|
+
}), !mainComponent && component3 && jsx("span", {
|
|
5155
5163
|
"data-elem": 'component3',
|
|
5156
5164
|
children: component3
|
|
5157
5165
|
})]
|
|
@@ -5162,8 +5170,8 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5162
5170
|
return null;
|
|
5163
5171
|
});
|
|
5164
5172
|
|
|
5165
|
-
var css$1z = "button.
|
|
5166
|
-
var modules_ab72627b = {"root":"
|
|
5173
|
+
var css$1z = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
5174
|
+
var modules_ab72627b = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
|
|
5167
5175
|
n(css$1z,{});
|
|
5168
5176
|
|
|
5169
5177
|
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
@@ -5186,7 +5194,7 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5186
5194
|
blurOnClick = _props$blurOnClick === void 0 ? true : _props$blurOnClick,
|
|
5187
5195
|
_props$variant = props.variant,
|
|
5188
5196
|
variant = _props$variant === void 0 ? 'contained' : _props$variant;
|
|
5189
|
-
var Title = jsx("span", {
|
|
5197
|
+
var Title = title && jsx("span", {
|
|
5190
5198
|
"data-elem": 'title',
|
|
5191
5199
|
children: title
|
|
5192
5200
|
});
|
|
@@ -16156,23 +16164,16 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16156
16164
|
hoverBorderWidth = props.hoverBorderWidth,
|
|
16157
16165
|
dataSetOptions = props.dataSetOptions,
|
|
16158
16166
|
extra = props.extra;
|
|
16159
|
-
var _useState = useState(
|
|
16167
|
+
var _useState = useState([]),
|
|
16160
16168
|
_useState2 = _slicedToArray(_useState, 2),
|
|
16161
|
-
|
|
16162
|
-
|
|
16163
|
-
var _useState3 = useState(
|
|
16169
|
+
excludedIndices = _useState2[0],
|
|
16170
|
+
setExcludedIndices = _useState2[1];
|
|
16171
|
+
var _useState3 = useState(null),
|
|
16164
16172
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
16165
|
-
|
|
16166
|
-
|
|
16167
|
-
var _useState5 = useState(null),
|
|
16168
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
16169
|
-
hoveredIndex = _useState6[0],
|
|
16170
|
-
setHoveredIndex = _useState6[1]; // Track the hovered legend index
|
|
16173
|
+
hoveredIndex = _useState4[0],
|
|
16174
|
+
setHoveredIndex = _useState4[1]; // Track the hovered legend index
|
|
16171
16175
|
var legendRef = useRef(null); // Reference to hold the custom legend
|
|
16172
16176
|
|
|
16173
|
-
useEffect(function () {
|
|
16174
|
-
setModCustomLabel(customLabel);
|
|
16175
|
-
}, [customLabel === null || customLabel === void 0 ? void 0 : customLabel.id]);
|
|
16176
16177
|
if (loading || fallback) {
|
|
16177
16178
|
return /*#__PURE__*/jsx(ChartSkeleton$1, {
|
|
16178
16179
|
theme: theme,
|
|
@@ -16373,7 +16374,7 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16373
16374
|
var centerTextPlugin = {
|
|
16374
16375
|
id: 'centerText',
|
|
16375
16376
|
afterDatasetsDraw: function afterDatasetsDraw(chart) {
|
|
16376
|
-
var
|
|
16377
|
+
var _customLabel$valueSty, _customLabel$valueSty2, _customLabel$valueSty3, _customLabel$margin, _customLabel$labelSty, _customLabel$labelSty2, _customLabel$labelSty3, _customLabel$labelSty4, _customLabel$labelSty5;
|
|
16377
16378
|
var ctx = chart.ctx,
|
|
16378
16379
|
_chart$chartArea = chart.chartArea,
|
|
16379
16380
|
left = _chart$chartArea.left,
|
|
@@ -16383,32 +16384,32 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16383
16384
|
ctx.save();
|
|
16384
16385
|
|
|
16385
16386
|
// Center text styling and positioning
|
|
16386
|
-
ctx.font = "".concat(
|
|
16387
|
+
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");
|
|
16387
16388
|
ctx.textAlign = 'center';
|
|
16388
16389
|
ctx.textBaseline = 'middle';
|
|
16389
|
-
ctx.fillStyle =
|
|
16390
|
+
ctx.fillStyle = customLabel === null || customLabel === void 0 || (_customLabel$valueSty3 = customLabel.valueStyles) === null || _customLabel$valueSty3 === void 0 ? void 0 : _customLabel$valueSty3.color;
|
|
16390
16391
|
|
|
16391
16392
|
// Calculate the center position of the chart
|
|
16392
16393
|
var centerX = (left + right) / 2;
|
|
16393
16394
|
var centerY = (top + bottom) / 2;
|
|
16394
16395
|
|
|
16395
16396
|
// Render the center text
|
|
16396
|
-
ctx.fillText("".concat(
|
|
16397
|
+
ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.id), centerX, centerY);
|
|
16397
16398
|
|
|
16398
16399
|
// Render the compliance title with bottom margin
|
|
16399
|
-
var titleBottomMargin = (
|
|
16400
|
-
var position = (
|
|
16400
|
+
var titleBottomMargin = (_customLabel$margin = customLabel.margin) !== null && _customLabel$margin !== void 0 ? _customLabel$margin : 10; // Adjust this value for bottom margin
|
|
16401
|
+
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;
|
|
16401
16402
|
var titleYPosition = centerY + position; // Default title Y position
|
|
16402
|
-
ctx.font = "".concat(
|
|
16403
|
-
ctx.fillStyle = "".concat(
|
|
16404
|
-
ctx.fillText("".concat(
|
|
16403
|
+
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
|
|
16404
|
+
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)
|
|
16405
|
+
ctx.fillText("".concat(customLabel === null || customLabel === void 0 ? void 0 : customLabel.title), centerX, titleYPosition + titleBottomMargin);
|
|
16405
16406
|
|
|
16406
16407
|
// Render compliance strip if `complianceStrip` is true
|
|
16407
16408
|
if (strip) {
|
|
16408
16409
|
var _strip$stripSize, _strip$stripWidth, _strip$startColor, _strip$endColor;
|
|
16409
16410
|
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
|
|
16410
16411
|
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
|
|
16411
|
-
var compliancePercentage =
|
|
16412
|
+
var compliancePercentage = customLabel === null || customLabel === void 0 ? void 0 : customLabel.value; // Set compliance percentage
|
|
16412
16413
|
|
|
16413
16414
|
// Fixed start and end angles
|
|
16414
16415
|
var startAngle = 130 * Math.PI / 180; // Convert degrees to radians
|
|
@@ -16521,7 +16522,7 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16521
16522
|
children: [/*#__PURE__*/jsx(Pie, _objectSpread2({
|
|
16522
16523
|
data: data,
|
|
16523
16524
|
options: _objectSpread2({}, options),
|
|
16524
|
-
plugins: [
|
|
16525
|
+
plugins: [customLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
|
|
16525
16526
|
}, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
|
|
16526
16527
|
style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
|
|
16527
16528
|
ref: legendRef
|
|
@@ -25454,8 +25455,8 @@ var css$7 = ".Table_module_root__1ec2bc6d {\n position: relative;\n border-rad
|
|
|
25454
25455
|
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"};
|
|
25455
25456
|
n(css$7,{});
|
|
25456
25457
|
|
|
25457
|
-
var css$6 = ".
|
|
25458
|
-
var modules_a0fe63f9 = {"root":"
|
|
25458
|
+
var css$6 = ".TableFilters_module_root__9f62824e[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% !important;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__9f62824e {\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__9f62824e[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__9f62824e .TableFilters_module_description__9f62824e {\n max-width: 30rem;\n}\n.TableFilters_module_root__9f62824e[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__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e {\n height: 100%;\n width: 100%;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label {\n height: 100%;\n align-self: stretch;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > 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__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] > [data-elem=component1] {\n padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] > [data-elem=component2] {\n padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__9f62824e > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[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__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n color: var(--text-color);\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__9f62824e {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__9f62824e.TableFilters_module_arrow__9f62824e {\n width: 1.75rem;\n height: 1.75rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[data-elem=base-cell]:hover {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__9f62824e[data-elem=base-cell].TableFilters_module_clear__9f62824e {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e button.TableFilters_module_advFilter__9f62824e[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__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e button.TableFilters_module_advFilter__9f62824e[data-elem=base-cell]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e button.TableFilters_module_advFilter__9f62824e[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__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e button.TableFilters_module_advFilter__9f62824e[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__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e button.TableFilters_module_advFilter__9f62824e[data-elem=base-cell].TableFilters_module_filter__9f62824e {\n padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_icon__9f62824e {\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [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__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__9f62824e {\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__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__9f62824e.TableFilters_module_hide__9f62824e {\n display: none;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select] > div {\n margin-left: -0.3125rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e > [data-elem=header] > [data-elem=select] > div {\n display: none;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e .TableFilters_module_item__9f62824e {\n height: 3rem;\n}\n.TableFilters_module_root__9f62824e[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__9f62824e .TableFilters_module_columnDropdown__9f62824e .TableFilters_module_item__9f62824e > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__9f62824e {\n width: 20rem !important;\n}";
|
|
25459
|
+
var modules_a0fe63f9 = {"root":"TableFilters_module_root__9f62824e","details":"TableFilters_module_details__9f62824e","description":"TableFilters_module_description__9f62824e","search":"TableFilters_module_search__9f62824e","search-button":"TableFilters_module_searchButton__9f62824e","icon":"TableFilters_module_icon__9f62824e","arrow":"TableFilters_module_arrow__9f62824e","clear":"TableFilters_module_clear__9f62824e","filters":"TableFilters_module_filters__9f62824e","adv-filter":"TableFilters_module_advFilter__9f62824e","filter":"TableFilters_module_filter__9f62824e","column-dropdown":"TableFilters_module_columnDropdown__9f62824e","value":"TableFilters_module_value__9f62824e","hide":"TableFilters_module_hide__9f62824e","item":"TableFilters_module_item__9f62824e","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__9f62824e"};
|
|
25459
25460
|
n(css$6,{});
|
|
25460
25461
|
|
|
25461
25462
|
var TableFilters = function TableFilters(props) {
|