@banyan_cloud/roots 2.0.22 → 2.0.23
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
|
@@ -5102,9 +5102,9 @@ var isEmptyHtmlString = function isEmptyHtmlString(htmlString) {
|
|
|
5102
5102
|
|
|
5103
5103
|
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}}
|
|
5104
5104
|
|
|
5105
|
-
var css$
|
|
5105
|
+
var css$1y = ".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}";
|
|
5106
5106
|
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"};
|
|
5107
|
-
n(css$
|
|
5107
|
+
n(css$1y,{});
|
|
5108
5108
|
|
|
5109
5109
|
/**
|
|
5110
5110
|
* BaseCell - A flexible container component for displaying up to three components in a structured layout
|
|
@@ -5164,9 +5164,9 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5164
5164
|
return null;
|
|
5165
5165
|
});
|
|
5166
5166
|
|
|
5167
|
-
var css$
|
|
5167
|
+
var css$1x = "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}";
|
|
5168
5168
|
var modules_ab72627b = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
|
|
5169
|
-
n(css$
|
|
5169
|
+
n(css$1x,{});
|
|
5170
5170
|
|
|
5171
5171
|
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5172
5172
|
var _props$className = props.className,
|
|
@@ -5216,9 +5216,9 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5216
5216
|
});
|
|
5217
5217
|
});
|
|
5218
5218
|
|
|
5219
|
-
var css$
|
|
5219
|
+
var css$1w = ".Button_module_root__cb319292[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__cb319292[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_text__cb319292 {\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--secondary-color2);\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color2);\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color1);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color1);\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color1);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color3);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color3);\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color3);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--mono-color3);\n color: var(--mono-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--grey);\n}";
|
|
5220
5220
|
var modules_b0070f27 = {"root":"Button_module_root__cb319292","primary":"Button_module_primary__cb319292","contained":"Button_module_contained__cb319292","text":"Button_module_text__cb319292","outlined":"Button_module_outlined__cb319292","success":"Button_module_success__cb319292","danger":"Button_module_danger__cb319292","warning":"Button_module_warning__cb319292"};
|
|
5221
|
-
n(css$
|
|
5221
|
+
n(css$1w,{});
|
|
5222
5222
|
|
|
5223
5223
|
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5224
5224
|
var _props$className = props.className,
|
|
@@ -5260,9 +5260,9 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5260
5260
|
});
|
|
5261
5261
|
});
|
|
5262
5262
|
|
|
5263
|
-
var css$
|
|
5263
|
+
var css$1v = ".Chip_module_root__9718bcd4[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_sm__9718bcd4 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_md__9718bcd4 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4:hover {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n border-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n border-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component3], .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4:hover, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
5264
5264
|
var modules_31aa5fd7 = {"root":"Chip_module_root__9718bcd4","sm":"Chip_module_sm__9718bcd4","md":"Chip_module_md__9718bcd4","status":"Chip_module_status__9718bcd4","success":"Chip_module_success__9718bcd4","info":"Chip_module_info__9718bcd4","danger":"Chip_module_danger__9718bcd4","warning":"Chip_module_warning__9718bcd4","default":"Chip_module_default__9718bcd4","input":"Chip_module_input__9718bcd4"};
|
|
5265
|
-
n(css$
|
|
5265
|
+
n(css$1v,{});
|
|
5266
5266
|
|
|
5267
5267
|
var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5268
5268
|
var _props$className = props.className,
|
|
@@ -5466,9 +5466,9 @@ AngleDouble.defaultProps = {
|
|
|
5466
5466
|
className: ''
|
|
5467
5467
|
};
|
|
5468
5468
|
|
|
5469
|
-
var css$
|
|
5469
|
+
var css$1u = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
5470
5470
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
5471
|
-
n(css$
|
|
5471
|
+
n(css$1u,{});
|
|
5472
5472
|
|
|
5473
5473
|
var Arrow = function Arrow(props) {
|
|
5474
5474
|
var className = props.className,
|
|
@@ -6350,9 +6350,9 @@ CheckboxIcon.UnChecked.defaultProps = {
|
|
|
6350
6350
|
className: ''
|
|
6351
6351
|
};
|
|
6352
6352
|
|
|
6353
|
-
var css$
|
|
6353
|
+
var css$1t = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
6354
6354
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
6355
|
-
n(css$
|
|
6355
|
+
n(css$1t,{});
|
|
6356
6356
|
|
|
6357
6357
|
var Chevron = function Chevron(props) {
|
|
6358
6358
|
var className = props.className,
|
|
@@ -7534,9 +7534,9 @@ var SearchButton = function SearchButton(props) {
|
|
|
7534
7534
|
});
|
|
7535
7535
|
};
|
|
7536
7536
|
|
|
7537
|
-
var css$
|
|
7537
|
+
var css$1s = ".Accordion_module_root__ee8e457a {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a {\n transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a, .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__ee8e457a {\n transform: rotate(90deg);\n width: 1rem;\n height: 1rem;\n fill: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] .Accordion_module_title__ee8e457a {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover {\n background: var(--background-color4);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_icon__ee8e457a,\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_title__ee8e457a {\n color: var(--secondary-color1);\n fill: var(--secondary-color1);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_body__ee8e457a {\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__ee8e457a {\n transform: none;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] .Accordion_module_expand__ee8e457a {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
7538
7538
|
var modules_8207625f = {"root":"Accordion_module_root__ee8e457a","header":"Accordion_module_header__ee8e457a","icon":"Accordion_module_icon__ee8e457a","title":"Accordion_module_title__ee8e457a","body":"Accordion_module_body__ee8e457a","open":"Accordion_module_open__ee8e457a","expand":"Accordion_module_expand__ee8e457a"};
|
|
7539
|
-
n(css$
|
|
7539
|
+
n(css$1s,{});
|
|
7540
7540
|
|
|
7541
7541
|
var Accordion = function Accordion(props) {
|
|
7542
7542
|
var open = props.open,
|
|
@@ -11830,13 +11830,13 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
11830
11830
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
11831
11831
|
};
|
|
11832
11832
|
|
|
11833
|
-
var css$
|
|
11833
|
+
var css$1r = ".Alert_module_root__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 37.5rem;\n opacity: 1;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomCenter__67bc0572 {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopRight__67bc0572 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomRight__67bc0572 {\n right: 1rem;\n bottom: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopCenter__67bc0572 {\n left: 50%;\n top: 1rem;\n transform: translate(-50%, 0%);\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.25rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 .Alert_module_icon__67bc0572 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_title__67bc0572 {\n font-size: 1rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_description__67bc0572 {\n word-wrap: break-word;\n height: auto;\n font-size: 1rem;\n font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_button__67bc0572 {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 {\n height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 .Alert_module_icon__67bc0572 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Alert_module_root__67bc0572.Alert_module_borderDefault__67bc0572 {\n border-width: 0.063rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderThickLeft__67bc0572 {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderNone__67bc0572 {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color4);\n background-color: var(--background-color5);\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color4);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color2);\n background-color: var(--background-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color1);\n background-color: var(--background-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color3);\n background-color: var(--background-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_shadow__67bc0572 {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
11834
11834
|
var modules_3a764ea3$1 = {"root":"Alert_module_root__67bc0572","position-bottom-center":"Alert_module_positionBottomCenter__67bc0572","position-top-right":"Alert_module_positionTopRight__67bc0572","position-bottom-right":"Alert_module_positionBottomRight__67bc0572","position-top-center":"Alert_module_positionTopCenter__67bc0572","left":"Alert_module_left__67bc0572","icons":"Alert_module_icons__67bc0572","icon":"Alert_module_icon__67bc0572","content":"Alert_module_content__67bc0572","title":"Alert_module_title__67bc0572","description":"Alert_module_description__67bc0572","actions":"Alert_module_actions__67bc0572","button":"Alert_module_button__67bc0572","close":"Alert_module_close__67bc0572","border-default":"Alert_module_borderDefault__67bc0572","border-thick-left":"Alert_module_borderThickLeft__67bc0572","border-none":"Alert_module_borderNone__67bc0572","info":"Alert_module_info__67bc0572","success":"Alert_module_success__67bc0572","danger":"Alert_module_danger__67bc0572","warning":"Alert_module_warning__67bc0572","shadow":"Alert_module_shadow__67bc0572"};
|
|
11835
|
-
n(css$
|
|
11835
|
+
n(css$1r,{});
|
|
11836
11836
|
|
|
11837
|
-
var css$
|
|
11837
|
+
var css$1q = ".Popper_module_backdrop__9fc51220 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n position: static !important;\n}";
|
|
11838
11838
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
11839
|
-
n(css$
|
|
11839
|
+
n(css$1q,{});
|
|
11840
11840
|
|
|
11841
11841
|
var Popper = function Popper(props) {
|
|
11842
11842
|
var open = props.open,
|
|
@@ -12088,9 +12088,9 @@ Alert$1.defaultProps = {
|
|
|
12088
12088
|
className: ''
|
|
12089
12089
|
};
|
|
12090
12090
|
|
|
12091
|
-
var css$
|
|
12091
|
+
var css$1p = ".Alert_module_root__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 1rem;\n width: 37.5rem;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_info__c6a97f74 {\n background-color: var(--background-color4);\n}\n.Alert_module_root__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74.Alert_module_danger__c6a97f74 {\n background-color: var(--background-color1);\n}\n.Alert_module_root__c6a97f74.Alert_module_success__c6a97f74 {\n background-color: var(--background-color2);\n}\n.Alert_module_root__c6a97f74.Alert_module_warning__c6a97f74 {\n background-color: var(--background-color3);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomCenter__c6a97f74 {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopRight__c6a97f74 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomRight__c6a97f74 {\n right: 1rem;\n bottom: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopCenter__c6a97f74 {\n left: 50%;\n top: 1rem;\n transform: translate(-50%, 0%);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_info__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--secondary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_danger__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color1);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_success__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_warning__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 .Alert_module_icon__c6a97f74 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n margin-left: 1.25rem;\n gap: 0.25rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_title__c6a97f74 {\n color: var(--text-color);\n font-size: 1rem;\n font-weight: 600;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_description__c6a97f74 {\n word-wrap: break-word;\n color: var(--text-color);\n font-size: 1rem;\n line-height: 1.3125rem;\n font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 0.3125rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_button__c6a97f74 {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 {\n height: auto;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 .Alert_module_icon__c6a97f74 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Alert_module_root__c6a97f74.Alert_module_shadow__c6a97f74 {\n box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
12092
12092
|
var modules_3a764ea3 = {"root":"Alert_module_root__c6a97f74","info":"Alert_module_info__c6a97f74","error":"Alert_module_error__c6a97f74","danger":"Alert_module_danger__c6a97f74","success":"Alert_module_success__c6a97f74","warning":"Alert_module_warning__c6a97f74","position-bottom-center":"Alert_module_positionBottomCenter__c6a97f74","position-top-right":"Alert_module_positionTopRight__c6a97f74","position-bottom-right":"Alert_module_positionBottomRight__c6a97f74","position-top-center":"Alert_module_positionTopCenter__c6a97f74","left":"Alert_module_left__c6a97f74","icon-container":"Alert_module_iconContainer__c6a97f74","icon":"Alert_module_icon__c6a97f74","content":"Alert_module_content__c6a97f74","title":"Alert_module_title__c6a97f74","description":"Alert_module_description__c6a97f74","actions":"Alert_module_actions__c6a97f74","button":"Alert_module_button__c6a97f74","close":"Alert_module_close__c6a97f74","shadow":"Alert_module_shadow__c6a97f74"};
|
|
12093
|
-
n(css$
|
|
12093
|
+
n(css$1p,{});
|
|
12094
12094
|
|
|
12095
12095
|
var ALERT_DISMISS_TIME = 2000;
|
|
12096
12096
|
var ANIMATION = {
|
|
@@ -12308,9 +12308,9 @@ Alert.propTypes = {
|
|
|
12308
12308
|
className: propTypesExports.string
|
|
12309
12309
|
};
|
|
12310
12310
|
|
|
12311
|
-
var css$
|
|
12311
|
+
var css$1o = ".Popover_module_root__c48bb8a2 {\n padding: 0.5rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n}\n.Popover_module_root__c48bb8a2.Popover_module_darkTheme__c48bb8a2 {\n box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__c48bb8a2.Popover_module_lightTheme__c48bb8a2 {\n box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
12312
12312
|
var modules_dfc4608f = {"root":"Popover_module_root__c48bb8a2","dark-theme":"Popover_module_darkTheme__c48bb8a2","light-theme":"Popover_module_lightTheme__c48bb8a2"};
|
|
12313
|
-
n(css$
|
|
12313
|
+
n(css$1o,{});
|
|
12314
12314
|
|
|
12315
12315
|
var Popover = function Popover(props) {
|
|
12316
12316
|
var _middlewareOptions$of, _middlewareOptions$sh, _middlewareOptions$fl;
|
|
@@ -12394,9 +12394,9 @@ Popover.propTypes = {
|
|
|
12394
12394
|
theme: propTypesExports.oneOf(['light', 'dark'])
|
|
12395
12395
|
};
|
|
12396
12396
|
|
|
12397
|
-
var css$
|
|
12397
|
+
var css$1n = ".Text_module_root__d10e5305 {\n color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n font-weight: 800;\n}";
|
|
12398
12398
|
var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
|
|
12399
|
-
n(css$
|
|
12399
|
+
n(css$1n,{});
|
|
12400
12400
|
|
|
12401
12401
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12402
12402
|
var _props$variant = props.variant,
|
|
@@ -12430,9 +12430,9 @@ var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12430
12430
|
return null;
|
|
12431
12431
|
});
|
|
12432
12432
|
|
|
12433
|
-
var css$
|
|
12433
|
+
var css$1m = ".Link_module_root__349e1c8c {\n color: var(--primary-color4);\n text-decoration: none;\n}\n.Link_module_root__349e1c8c.Link_module_underlineNone__349e1c8c {\n text-decoration: none;\n}\n.Link_module_root__349e1c8c.Link_module_underlineHover__349e1c8c:hover {\n text-decoration: underline;\n}\n.Link_module_root__349e1c8c.Link_module_underlineAlways__349e1c8c {\n text-decoration: underline;\n}";
|
|
12434
12434
|
var modules_475441e2 = {"root":"Link_module_root__349e1c8c","underline-none":"Link_module_underlineNone__349e1c8c","underline-hover":"Link_module_underlineHover__349e1c8c","underline-always":"Link_module_underlineAlways__349e1c8c"};
|
|
12435
|
-
n(css$
|
|
12435
|
+
n(css$1m,{});
|
|
12436
12436
|
|
|
12437
12437
|
var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12438
12438
|
var _props$variant = props.variant,
|
|
@@ -12469,9 +12469,9 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12469
12469
|
});
|
|
12470
12470
|
});
|
|
12471
12471
|
|
|
12472
|
-
var css$
|
|
12472
|
+
var css$1l = ".Breadcrumbs_module_root__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n width: auto;\n overflow: auto;\n width: 100%;\n}\n.Breadcrumbs_module_root__b3226ed9 [data-elem=breadcrumb-separator-icon] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n stroke: var(--text-color);\n fill: var(--text-color);\n width: 1.5rem;\n height: 1.5rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--text-color);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] {\n height: 2rem;\n width: 2rem;\n background-color: var(--mono-color1) !important;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] > [data-elem=component1] > svg {\n margin-left: 0.125rem;\n fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 {\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 4px;\n background-color: var(--mono-color2) !important;\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 {\n background-color: var(--mono-color1) !important;\n color: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.5rem;\n border-radius: 0.25rem;\n background: var(--mono-color2);\n font-weight: 500;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9:hover:not(.Breadcrumbs_module_active__b3226ed9) {\n cursor: pointer;\n background: var(--light-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 {\n background-color: var(--mono-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n fill: var(--primary-color4);\n}\n\ndiv.Breadcrumbs_module_popover__b3226ed9 {\n height: auto;\n width: auto;\n padding: 0.07rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 [data-elem=placeholder] {\n font-size: 0.875rem;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.5rem;\n border-radius: 0.25rem;\n background: transparent;\n font-weight: 500;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9:hover {\n cursor: pointer;\n background: var(--light-color1);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--text-color);\n}\n\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 {\n background: var(--white) !important;\n border-color: var(--white) !important;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 [data-elem=placeholder] {\n color: var(--white);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 > svg {\n fill: var(--dark-grey);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] {\n flex: 1;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] .Breadcrumbs_module_contentLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 button.Breadcrumbs_module_optionLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 .Breadcrumbs_module_expandIconLight__b3226ed9 {\n fill: var(--dark-grey);\n}";
|
|
12473
12473
|
var modules_651f50a9$1 = {"root":"Breadcrumbs_module_root__b3226ed9","expand":"Breadcrumbs_module_expand__b3226ed9","crumb-actions":"Breadcrumbs_module_crumbActions__b3226ed9","icon":"Breadcrumbs_module_icon__b3226ed9","home":"Breadcrumbs_module_home__b3226ed9","highlight":"Breadcrumbs_module_highlight__b3226ed9","crumb":"Breadcrumbs_module_crumb__b3226ed9","active":"Breadcrumbs_module_active__b3226ed9","title":"Breadcrumbs_module_title__b3226ed9","value":"Breadcrumbs_module_value__b3226ed9","iconWrapper":"Breadcrumbs_module_iconWrapper__b3226ed9","popover":"Breadcrumbs_module_popover__b3226ed9","crumb-list":"Breadcrumbs_module_crumbList__b3226ed9","popover-light":"Breadcrumbs_module_popoverLight__b3226ed9","body-light":"Breadcrumbs_module_bodyLight__b3226ed9","content-light":"Breadcrumbs_module_contentLight__b3226ed9","option-light":"Breadcrumbs_module_optionLight__b3226ed9","expand-icon-light":"Breadcrumbs_module_expandIconLight__b3226ed9"};
|
|
12474
|
-
n(css$
|
|
12474
|
+
n(css$1l,{});
|
|
12475
12475
|
|
|
12476
12476
|
var BreadCrumbs$1 = function BreadCrumbs(props) {
|
|
12477
12477
|
var crumbs = props.crumbs,
|
|
@@ -12653,9 +12653,9 @@ BreadCrumbs$1.defaultProps = {
|
|
|
12653
12653
|
className: ''
|
|
12654
12654
|
};
|
|
12655
12655
|
|
|
12656
|
-
var css$
|
|
12656
|
+
var css$1k = ".Breadcrumbs_module_root__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n width: auto;\n max-width: 17rem;\n border: 0.0313rem solid transparent;\n background: var(--light-color2);\n padding: 0.625rem 0.75rem;\n gap: 0rem;\n border-radius: 0.25rem;\n border: 0.0938rem solid transparent;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_expand__a12d45a5 {\n border: 0.0938rem solid var(--secondary-color2);\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 > svg {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] > [data-elem=title] {\n font-size: 0.875rem;\n color: var(--text-color);\n line-height: 1.3125rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_gap__a12d45a5 > [data-elem=component2] {\n margin-left: 0.7775rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] {\n margin-left: 1.785rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5 {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5.Breadcrumbs_module_expand__a12d45a5 path {\n stroke: var(--secondary-color2);\n}\n\ndiv.Breadcrumbs_module_popover__a12d45a5 {\n height: auto;\n padding: 0.75rem 0.625rem 0rem 0.625rem;\n background: var(--white) !important;\n border-color: var(--white) !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 0.75rem;\n margin-bottom: 0.625rem;\n border-radius: 0.125rem;\n border: 0.0313rem solid var(--side-bar-icon2);\n font-weight: 500;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5:hover {\n cursor: pointer;\n background: var(--light-color2);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5.Breadcrumbs_module_active__a12d45a5 {\n background: var(--background-color5);\n border: 0.0313rem solid transparent;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_iconWrapper__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_value__a12d45a5 {\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circle__a12d45a5 {\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: white;\n border-radius: 50%;\n z-index: 1000;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--white);\n border-radius: 50%;\n z-index: 101;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 {\n margin-right: 1.8px;\n margin-bottom: 1.4px;\n transform: rotate(180deg);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 > path {\n fill: var(--secondary-color2);\n stroke: var(--secondary-color2);\n stroke-width: 0.2rem;\n stroke-linecap: round !important;\n stroke-linejoin: round;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5::before {\n content: \"\";\n width: 0%;\n height: 26px;\n border-left: 1.5px dashed var(--secondary-color2);\n position: relative;\n bottom: 100%;\n right: -3.6px;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--secondary-color2);\n border-radius: 50%;\n z-index: 100;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5::before {\n content: \"\";\n width: 0%;\n height: 40px;\n border-left: 1.5px solid var(--secondary-color2);\n position: relative;\n bottom: 200%;\n right: -3.6px;\n}";
|
|
12657
12657
|
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__a12d45a5","selected":"Breadcrumbs_module_selected__a12d45a5","expand":"Breadcrumbs_module_expand__a12d45a5","iconWrapper":"Breadcrumbs_module_iconWrapper__a12d45a5","gap":"Breadcrumbs_module_gap__a12d45a5","icon":"Breadcrumbs_module_icon__a12d45a5","popover":"Breadcrumbs_module_popover__a12d45a5","crumb-list":"Breadcrumbs_module_crumbList__a12d45a5","active":"Breadcrumbs_module_active__a12d45a5","left":"Breadcrumbs_module_left__a12d45a5","value":"Breadcrumbs_module_value__a12d45a5","right":"Breadcrumbs_module_right__a12d45a5","circle":"Breadcrumbs_module_circle__a12d45a5","circle-dropdown":"Breadcrumbs_module_circleDropdown__a12d45a5","circle-filled":"Breadcrumbs_module_circleFilled__a12d45a5"};
|
|
12658
|
-
n(css$
|
|
12658
|
+
n(css$1k,{});
|
|
12659
12659
|
|
|
12660
12660
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
12661
12661
|
var _crumbs, _crumbs2, _crumbs3;
|
|
@@ -12763,9 +12763,9 @@ BreadCrumbs.propTypes = {
|
|
|
12763
12763
|
className: propTypesExports.string
|
|
12764
12764
|
};
|
|
12765
12765
|
|
|
12766
|
-
var css$
|
|
12766
|
+
var css$1j = ".Callout_module_root__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem;\n width: 100%;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, 0.271);\n transition: box-shadow 0.5s ease-in-out;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 .Callout_module_icon__6038df42 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.25rem;\n margin-left: 1.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_title__6038df42 {\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 600;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_description__6038df42 {\n word-wrap: break-word;\n height: auto;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 400;\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--secondary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42 .Callout_module_iconContainer__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color1);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color3);\n}\n.Callout_module_root__6038df42.Callout_module_shadow__6038df42 {\n box-shadow: 0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.25), 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
12767
12767
|
var modules_b6de2704 = {"root":"Callout_module_root__6038df42","left":"Callout_module_left__6038df42","icon-container":"Callout_module_iconContainer__6038df42","icon":"Callout_module_icon__6038df42","content":"Callout_module_content__6038df42","title":"Callout_module_title__6038df42","description":"Callout_module_description__6038df42","info":"Callout_module_info__6038df42","success":"Callout_module_success__6038df42","danger":"Callout_module_danger__6038df42","error":"Callout_module_error__6038df42","warning":"Callout_module_warning__6038df42","shadow":"Callout_module_shadow__6038df42"};
|
|
12768
|
-
n(css$
|
|
12768
|
+
n(css$1j,{});
|
|
12769
12769
|
|
|
12770
12770
|
var Callout = /*#__PURE__*/forwardRef(function (props) {
|
|
12771
12771
|
var _props$showIcon = props.showIcon,
|
|
@@ -12851,9 +12851,9 @@ Callout.propTypes = {
|
|
|
12851
12851
|
className: propTypesExports.string
|
|
12852
12852
|
};
|
|
12853
12853
|
|
|
12854
|
-
var css$
|
|
12854
|
+
var css$1i = ":root {\n --white: #ffffff;\n --black: #141920;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n --primary-color1: #bd3c45;\n --primary-color2: #487349;\n --primary-color3: #cba006;\n --primary-color4: #0043ce;\n --secondary-color1: #0a15f9;\n --secondary-color2: #0f62fe;\n --secondary-color3: #0fa9ff;\n --secondary-color4: #a91aa3;\n --secondary-color5: #ef87f8;\n --secondary-color6: #fcab0f;\n --secondary-color7: #dce01d;\n --background-color1: #ffebec;\n --background-color2: #edffed;\n --background-color3: #fff6d4;\n --background-color4: #e6edff;\n --background-color5: #cfdfff;\n --mono-color1: #71839b;\n --mono-color2: #b7cadb;\n --mono-color3: #d8dfe5;\n --light-color1: #efeff0;\n --light-color2: #f7f7f8;\n --light-color3: #ffffff;\n --text-color: #141920;\n --side-bar-icon1: #97979f;\n --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n --primary-color1: #b33030;\n --primary-color2: #4e9f3d;\n --primary-color3: #ebb700;\n --primary-color4: #0053ff;\n --secondary-color1: #2e37ff;\n --secondary-color2: #2d76ff;\n --secondary-color3: #39b8ff;\n --secondary-color4: #dc00d3;\n --secondary-color5: #f8a4ff;\n --secondary-color6: #ffbf45;\n --secondary-color7: #fbff42;\n --background-color1: #e5d3d4;\n --background-color2: #d6e5d6;\n --background-color3: #e5ddbe;\n --background-color4: #cfd6e5;\n --background-color5: #bac9e5;\n --mono-color1: #4c5869;\n --mono-color2: #8d9ba8;\n --mono-color3: #a8adb2;\n --light-color1: #1b1b1c;\n --light-color2: #151517;\n --light-color3: #141920;\n --text-color: #fafafa;\n --side-bar-icon1: #96969e;\n --side-bar-icon2: #bcbcc2;\n}";
|
|
12855
12855
|
var modules_1722b0e5 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline","theme-light-primary-color1":"#bd3c45","theme-light-primary-color2":"#487349","theme-light-primary-color3":"#cba006","theme-light-primary-color4":"#0043ce","theme-light-secondary-color1":"#0a15f9","theme-light-secondary-color2":"#0f62fe","theme-light-secondary-color3":"#0fa9ff","theme-light-secondary-color4":"#a91aa3","theme-light-secondary-color5":"#ef87f8","theme-light-secondary-color6":"#fcab0f","theme-light-secondary-color7":"#dce01d","theme-light-background-color1":"#ffebec","theme-light-background-color2":"#edffed","theme-light-background-color3":"#fff6d4","theme-light-background-color4":"#e6edff","theme-light-background-color5":"#cfdfff","theme-light-mono-color1":"#71839b","theme-light-mono-color2":"#b7cadb","theme-light-mono-color3":"#d8dfe5","theme-light-light-color1":"#efeff0","theme-light-light-color2":"#f7f7f8","theme-light-light-color3":"#ffffff","theme-light-side-bar-icon1":"#97979f","theme-light-side-bar-icon2":"#d5d5db","theme-light-text-color":"#141920","theme-dark-primary-color1":"#b33030","theme-dark-primary-color2":"#4e9f3d","theme-dark-primary-color3":"#ebb700","theme-dark-primary-color4":"#0053ff","theme-dark-secondary-color1":"#2e37ff","theme-dark-secondary-color2":"#2d76ff","theme-dark-secondary-color3":"#39b8ff","theme-dark-secondary-color4":"#dc00d3","theme-dark-secondary-color5":"#f8a4ff","theme-dark-secondary-color6":"#ffbf45","theme-dark-secondary-color7":"#fbff42","theme-dark-background-color1":"#e5d3d4","theme-dark-background-color2":"#d6e5d6","theme-dark-background-color3":"#e5ddbe","theme-dark-background-color4":"#cfd6e5","theme-dark-background-color5":"#bac9e5","theme-dark-mono-color1":"#4c5869","theme-dark-mono-color2":"#8d9ba8","theme-dark-mono-color3":"#a8adb2","theme-dark-light-color1":"#000000","theme-dark-light-color2":"#151517","theme-dark-light-color3":"#1b1b1c","theme-dark-side-bar-icon1":"#96969e","theme-dark-side-bar-icon2":"#bcbcc2","theme-dark-text-color":"#fafafa"};
|
|
12856
|
-
n(css$
|
|
12856
|
+
n(css$1i,{});
|
|
12857
12857
|
|
|
12858
12858
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12859
12859
|
if (curr.includes('theme')) {
|
|
@@ -12865,9 +12865,9 @@ var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
|
12865
12865
|
return acc;
|
|
12866
12866
|
}, {});
|
|
12867
12867
|
|
|
12868
|
-
var css$
|
|
12869
|
-
var modules_6d3781f0 = {"root":"BaseAreaChart_module_root__42b6c9fb","empty":"BaseAreaChart_module_empty__42b6c9fb","text":"BaseAreaChart_module_text__42b6c9fb","title":"BaseAreaChart_module_title__42b6c9fb","description":"BaseAreaChart_module_description__42b6c9fb"};
|
|
12870
|
-
n(css$
|
|
12868
|
+
var css$1h = ".BaseAreaChart_module_root__42b6c9fb {\n width: \"100%\";\n}\n\n.BaseAreaChart_module_empty__42b6c9fb {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb .BaseAreaChart_module_title__42b6c9fb {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb .BaseAreaChart_module_description__42b6c9fb {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
12869
|
+
var modules_6d3781f0$1 = {"root":"BaseAreaChart_module_root__42b6c9fb","empty":"BaseAreaChart_module_empty__42b6c9fb","text":"BaseAreaChart_module_text__42b6c9fb","title":"BaseAreaChart_module_title__42b6c9fb","description":"BaseAreaChart_module_description__42b6c9fb"};
|
|
12870
|
+
n(css$1h,{});
|
|
12871
12871
|
|
|
12872
12872
|
echarts.use([TitleComponent, LegendComponent, TooltipComponent, GridComponent, DatasetComponent, LineChart, CanvasRenderer]);
|
|
12873
12873
|
function getLinearGradient(color) {
|
|
@@ -12975,17 +12975,17 @@ var BaseAreaChart$1 = function BaseAreaChart(_ref) {
|
|
|
12975
12975
|
if (isEmpty !== null && isEmpty !== void 0 && isEmpty.show) {
|
|
12976
12976
|
var _isEmpty$title;
|
|
12977
12977
|
return jsxs("div", {
|
|
12978
|
-
className: classes(modules_6d3781f0.empty, isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.className),
|
|
12978
|
+
className: classes(modules_6d3781f0$1.empty, isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.className),
|
|
12979
12979
|
children: [jsx("div", {
|
|
12980
|
-
className: modules_6d3781f0.icon,
|
|
12980
|
+
className: modules_6d3781f0$1.icon,
|
|
12981
12981
|
children: (isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.type) === 'line' ? jsx(LineChartIcon, {}) : jsx(AreaChartIcon, {})
|
|
12982
12982
|
}), jsxs("div", {
|
|
12983
|
-
className: modules_6d3781f0.text,
|
|
12983
|
+
className: modules_6d3781f0$1.text,
|
|
12984
12984
|
children: [jsx("div", {
|
|
12985
|
-
className: modules_6d3781f0.title,
|
|
12985
|
+
className: modules_6d3781f0$1.title,
|
|
12986
12986
|
children: (_isEmpty$title = isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.title) !== null && _isEmpty$title !== void 0 ? _isEmpty$title : 'No Data Found'
|
|
12987
12987
|
}), jsx("div", {
|
|
12988
|
-
className: modules_6d3781f0.description,
|
|
12988
|
+
className: modules_6d3781f0$1.description,
|
|
12989
12989
|
children: isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.description
|
|
12990
12990
|
})]
|
|
12991
12991
|
})]
|
|
@@ -13130,14 +13130,14 @@ var BaseAreaChart$1 = function BaseAreaChart(_ref) {
|
|
|
13130
13130
|
echarts: echarts,
|
|
13131
13131
|
notMerge: true,
|
|
13132
13132
|
lazyUpdate: true,
|
|
13133
|
-
className: classes(modules_6d3781f0.root, className),
|
|
13133
|
+
className: classes(modules_6d3781f0$1.root, className),
|
|
13134
13134
|
style: style
|
|
13135
13135
|
});
|
|
13136
13136
|
};
|
|
13137
13137
|
|
|
13138
|
-
var css$
|
|
13138
|
+
var css$1g = ".CapsuleChart_module_root__a4eceb11 {\n width: \"100%\";\n}\n\n.CapsuleChart_module_empty__a4eceb11 {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 .CapsuleChart_module_title__a4eceb11 {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 .CapsuleChart_module_description__a4eceb11 {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
13139
13139
|
var modules_7b350c6d = {"root":"CapsuleChart_module_root__a4eceb11","empty":"CapsuleChart_module_empty__a4eceb11","text":"CapsuleChart_module_text__a4eceb11","title":"CapsuleChart_module_title__a4eceb11","description":"CapsuleChart_module_description__a4eceb11"};
|
|
13140
|
-
n(css$
|
|
13140
|
+
n(css$1g,{});
|
|
13141
13141
|
|
|
13142
13142
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
13143
13143
|
var AXIS_COLORS$1 = {
|
|
@@ -13453,13 +13453,13 @@ var CapsuleChart$1 = function CapsuleChart(props) {
|
|
|
13453
13453
|
});
|
|
13454
13454
|
};
|
|
13455
13455
|
|
|
13456
|
-
var css$
|
|
13456
|
+
var css$1f = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
13457
13457
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
13458
|
-
n(css$
|
|
13458
|
+
n(css$1f,{});
|
|
13459
13459
|
|
|
13460
|
-
var css$
|
|
13460
|
+
var css$1e = ".Skeleton_module_root__ad62f983 {\n width: 100%;\n height: 100%;\n background: var(--grey6);\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-color: var(--skeleton);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-color: var(--grey2);\n opacity: 0.2;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983 {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: Skeleton_module_shimmer__ad62f983;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: Skeleton_module_shimmer__ad62f983;\n -webkit-animation-timing-function: linear;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--skeleton) 0%, var(--grey8) 20%, var(--skeleton) 40%, var(--skeleton) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--grey2) 0%, var(--grey4) 20%, var(--grey2) 40%, var(--grey2) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_text__ad62f983 {\n height: 1.5rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_circle__ad62f983 {\n border-radius: 50%;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_rounded__ad62f983 {\n border-radius: 0.25rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_ellipse__ad62f983 {\n border-radius: 1.5rem;\n}\n\n@keyframes Skeleton_module_shimmer__ad62f983 {\n 0% {\n background-position: -50rem 0;\n }\n 100% {\n background-position: 50rem 0;\n }\n}";
|
|
13461
13461
|
var modules_37a5ff73$9 = {"root":"Skeleton_module_root__ad62f983","light-theme":"Skeleton_module_lightTheme__ad62f983","dark-theme":"Skeleton_module_darkTheme__ad62f983","animated":"Skeleton_module_animated__ad62f983","shimmer":"Skeleton_module_shimmer__ad62f983","text":"Skeleton_module_text__ad62f983","circle":"Skeleton_module_circle__ad62f983","rounded":"Skeleton_module_rounded__ad62f983","ellipse":"Skeleton_module_ellipse__ad62f983"};
|
|
13462
|
-
n(css$
|
|
13462
|
+
n(css$1e,{});
|
|
13463
13463
|
|
|
13464
13464
|
var Skeleton = function Skeleton(props) {
|
|
13465
13465
|
var height = props.height,
|
|
@@ -13498,9 +13498,9 @@ Skeleton.defaultProps = {
|
|
|
13498
13498
|
style: {}
|
|
13499
13499
|
};
|
|
13500
13500
|
|
|
13501
|
-
var css$
|
|
13501
|
+
var css$1d = ".Skeleton_module_root__79bb2358 {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: repeat(6, 1fr);\n row-gap: 0.25rem;\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n height: 100%;\n}";
|
|
13502
13502
|
var modules_37a5ff73$8 = {"root":"Skeleton_module_root__79bb2358"};
|
|
13503
|
-
n(css$
|
|
13503
|
+
n(css$1d,{});
|
|
13504
13504
|
|
|
13505
13505
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
13506
13506
|
return Math.random() * 80 + 20;
|
|
@@ -13746,13 +13746,13 @@ HeatMapChart.defaultProps = {
|
|
|
13746
13746
|
theme: 'dark'
|
|
13747
13747
|
};
|
|
13748
13748
|
|
|
13749
|
-
var css$
|
|
13749
|
+
var css$1c = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
13750
13750
|
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
13751
|
-
n(css$
|
|
13751
|
+
n(css$1c,{});
|
|
13752
13752
|
|
|
13753
|
-
var css$
|
|
13753
|
+
var css$1b = ".Skeleton_module_root__daf92a10 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n height: 100%;\n width: 100%;\n gap: 1rem;\n padding: 2rem;\n}";
|
|
13754
13754
|
var modules_37a5ff73$7 = {"root":"Skeleton_module_root__daf92a10"};
|
|
13755
|
-
n(css$
|
|
13755
|
+
n(css$1b,{});
|
|
13756
13756
|
|
|
13757
13757
|
var BARS$1 = _toConsumableArray(Array(8).keys()).map(function () {
|
|
13758
13758
|
return Math.random() * 80 + 20;
|
|
@@ -14045,13 +14045,13 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
14045
14045
|
theme: 'dark'
|
|
14046
14046
|
};
|
|
14047
14047
|
|
|
14048
|
-
var css$
|
|
14048
|
+
var css$1a = ".NestedPieChart_module_root__c8f30b3e {\n width: 100%;\n}";
|
|
14049
14049
|
var modules_23ba650c = {"root":"NestedPieChart_module_root__c8f30b3e"};
|
|
14050
|
-
n(css$
|
|
14050
|
+
n(css$1a,{});
|
|
14051
14051
|
|
|
14052
|
-
var css$
|
|
14052
|
+
var css$19 = ".Skeleton_module_root__ecbd3e3d {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_outer__ecbd3e3d,\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n max-width: 100%;\n max-height: 100%;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n position: absolute;\n opacity: 1;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n opacity: 1;\n height: 0.5rem;\n position: absolute;\n transform-origin: left;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(1) {\n transform: translateX(3.25rem) rotate(45deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(2) {\n transform: translateX(3.25rem) rotate(-75deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(3) {\n transform: translateX(3.25rem) rotate(-10deg);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n background: var(--menu-black);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n background: var(--menu-black);\n}";
|
|
14053
14053
|
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__ecbd3e3d","outer":"Skeleton_module_outer__ecbd3e3d","inner":"Skeleton_module_inner__ecbd3e3d","line":"Skeleton_module_line__ecbd3e3d","light-theme":"Skeleton_module_lightTheme__ecbd3e3d","dark-theme":"Skeleton_module_darkTheme__ecbd3e3d"};
|
|
14054
|
-
n(css$
|
|
14054
|
+
n(css$19,{});
|
|
14055
14055
|
|
|
14056
14056
|
var ChartSkeleton$3 = function ChartSkeleton(_ref) {
|
|
14057
14057
|
var theme = _ref.theme,
|
|
@@ -14275,9 +14275,9 @@ NestedPieChart.defaultProps = {
|
|
|
14275
14275
|
theme: 'dark'
|
|
14276
14276
|
};
|
|
14277
14277
|
|
|
14278
|
-
var css$
|
|
14278
|
+
var css$18 = ".BasePieChart_module_root__231fde9b {\n width: \"100%\";\n}\n\n.BasePieChart_module_empty__231fde9b {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b .BasePieChart_module_title__231fde9b {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b .BasePieChart_module_description__231fde9b {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14279
14279
|
var modules_c20882aa$1 = {"root":"BasePieChart_module_root__231fde9b","empty":"BasePieChart_module_empty__231fde9b","text":"BasePieChart_module_text__231fde9b","title":"BasePieChart_module_title__231fde9b","description":"BasePieChart_module_description__231fde9b"};
|
|
14280
|
-
n(css$
|
|
14280
|
+
n(css$18,{});
|
|
14281
14281
|
|
|
14282
14282
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, PieChart, CanvasRenderer, LegendComponent]);
|
|
14283
14283
|
var BasePieChart$1 = function BasePieChart(props) {
|
|
@@ -14474,9 +14474,9 @@ BasePieChart$1.propTypes = {
|
|
|
14474
14474
|
className: propTypesExports.string
|
|
14475
14475
|
};
|
|
14476
14476
|
|
|
14477
|
-
var css$
|
|
14477
|
+
var css$17 = ".BaseRegionChart_module_root__617af265 {\n width: \"100%\";\n}";
|
|
14478
14478
|
var modules_459dfe63 = {"root":"BaseRegionChart_module_root__617af265"};
|
|
14479
|
-
n(css$
|
|
14479
|
+
n(css$17,{});
|
|
14480
14480
|
|
|
14481
14481
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, MapChart, VisualMapComponent, GeoComponent, LegendComponent, CanvasRenderer]);
|
|
14482
14482
|
var BaseRegionChart = function BaseRegionChart(props) {
|
|
@@ -14565,9 +14565,9 @@ BaseRegionChart.defaultProps = {
|
|
|
14565
14565
|
className: ''
|
|
14566
14566
|
};
|
|
14567
14567
|
|
|
14568
|
-
var css$
|
|
14568
|
+
var css$16 = ".StackedPieChart_module_root__6de8b3dd {\n width: \"100%\";\n}\n\n.StackedPieChart_module_empty__6de8b3dd {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd .StackedPieChart_module_title__6de8b3dd {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd .StackedPieChart_module_description__6de8b3dd {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14569
14569
|
var modules_6ce6a45d = {"root":"StackedPieChart_module_root__6de8b3dd","empty":"StackedPieChart_module_empty__6de8b3dd","text":"StackedPieChart_module_text__6de8b3dd","title":"StackedPieChart_module_title__6de8b3dd","description":"StackedPieChart_module_description__6de8b3dd"};
|
|
14570
|
-
n(css$
|
|
14570
|
+
n(css$16,{});
|
|
14571
14571
|
|
|
14572
14572
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, LegendComponent, PolarComponent, BarChart, CanvasRenderer]);
|
|
14573
14573
|
var determineGradient$1 = function determineGradient(seriesData, objectData, index, subIndex, key) {
|
|
@@ -14794,9 +14794,9 @@ var StackedPieChart = function StackedPieChart(props) {
|
|
|
14794
14794
|
});
|
|
14795
14795
|
};
|
|
14796
14796
|
|
|
14797
|
-
var css$
|
|
14797
|
+
var css$15 = ".BaseVerticalBarChart_module_root__f21e92e0 {\n width: \"100%\";\n}\n\n.BaseVerticalBarChart_module_empty__f21e92e0 {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 .BaseVerticalBarChart_module_title__f21e92e0 {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 .BaseVerticalBarChart_module_description__f21e92e0 {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14798
14798
|
var modules_8757388c = {"root":"BaseVerticalBarChart_module_root__f21e92e0","empty":"BaseVerticalBarChart_module_empty__f21e92e0","text":"BaseVerticalBarChart_module_text__f21e92e0","title":"BaseVerticalBarChart_module_title__f21e92e0","description":"BaseVerticalBarChart_module_description__f21e92e0"};
|
|
14799
|
-
n(css$
|
|
14799
|
+
n(css$15,{});
|
|
14800
14800
|
|
|
14801
14801
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
14802
14802
|
var AXIS_COLORS = {
|
|
@@ -15176,9 +15176,9 @@ var getColorGradient = function getColorGradient(ctx, gradientString) {
|
|
|
15176
15176
|
return gradient;
|
|
15177
15177
|
};
|
|
15178
15178
|
|
|
15179
|
-
var css$
|
|
15179
|
+
var css$14 = ".Skeleton_module_root__cca72340 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n gap: 1rem;\n height: 100%;\n width: 100%;\n padding: 2rem;\n}";
|
|
15180
15180
|
var modules_37a5ff73$5 = {"root":"Skeleton_module_root__cca72340"};
|
|
15181
|
-
n(css$
|
|
15181
|
+
n(css$14,{});
|
|
15182
15182
|
|
|
15183
15183
|
var BARS = _toConsumableArray(Array(10).keys()).map(function () {
|
|
15184
15184
|
return Math.random() * 80 + 20;
|
|
@@ -15572,6 +15572,10 @@ var CapsuleChart = function CapsuleChart(_ref) {
|
|
|
15572
15572
|
});
|
|
15573
15573
|
};
|
|
15574
15574
|
|
|
15575
|
+
var css$13 = ".BaseAreaChart_module_root__bc4048ba {\n width: \"100%\";\n}\n\n.BaseAreaChart_module_legend__bc4048ba {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.625rem;\n}\n.BaseAreaChart_module_legend__bc4048ba > span {\n width: 8rem !important;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n}";
|
|
15576
|
+
var modules_6d3781f0 = {"root":"BaseAreaChart_module_root__bc4048ba","legend":"BaseAreaChart_module_legend__bc4048ba"};
|
|
15577
|
+
n(css$13,{});
|
|
15578
|
+
|
|
15575
15579
|
Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip$1, Legend, Filler);
|
|
15576
15580
|
var BaseAreaChart = function BaseAreaChart(props) {
|
|
15577
15581
|
var _legend$display, _legend$position, _tooltip$borderWidth, _tooltip$callbacks, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2, _tooltip$bodyFont3;
|
|
@@ -15602,104 +15606,96 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15602
15606
|
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,
|
|
15603
15607
|
style = props.style,
|
|
15604
15608
|
extra = props.extra,
|
|
15605
|
-
dataSetOptions = props.dataSetOptions
|
|
15609
|
+
dataSetOptions = props.dataSetOptions,
|
|
15610
|
+
_props$hoverEffect = props.hoverEffect,
|
|
15611
|
+
hoverEffect = _props$hoverEffect === void 0 ? false : _props$hoverEffect;
|
|
15612
|
+
var _useState = useState([]),
|
|
15613
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
15614
|
+
excludedIndices = _useState2[0],
|
|
15615
|
+
setExcludedIndices = _useState2[1];
|
|
15616
|
+
var _useState3 = useState(null),
|
|
15617
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
15618
|
+
hoveredIndex = _useState4[0],
|
|
15619
|
+
setHoveredIndex = _useState4[1];
|
|
15620
|
+
var handleLegendClick = useCallback(function (event, legendItem) {
|
|
15621
|
+
var index = legendItem.index;
|
|
15622
|
+
setExcludedIndices(function (prevIndices) {
|
|
15623
|
+
var newIndices = _toConsumableArray(prevIndices);
|
|
15624
|
+
if (newIndices.includes(index)) {
|
|
15625
|
+
newIndices.splice(newIndices.indexOf(index), 1); // Un-exclude
|
|
15626
|
+
} else {
|
|
15627
|
+
newIndices.push(index); // Exclude
|
|
15628
|
+
}
|
|
15629
|
+
return newIndices;
|
|
15630
|
+
});
|
|
15631
|
+
}, []);
|
|
15606
15632
|
var chartOptionsProps = {
|
|
15607
15633
|
pointStyle: 'rectRot',
|
|
15608
15634
|
pointRadius: 4,
|
|
15609
15635
|
pointHoverRadius: 6,
|
|
15610
15636
|
borderWidth: 2
|
|
15611
15637
|
};
|
|
15612
|
-
var
|
|
15613
|
-
|
|
15614
|
-
|
|
15615
|
-
|
|
15616
|
-
|
|
15617
|
-
|
|
15618
|
-
|
|
15619
|
-
|
|
15620
|
-
|
|
15621
|
-
}) : [].concat(_toConsumableArray(prevHidden), [index]);
|
|
15622
|
-
var dataset = chart.data.datasets[index];
|
|
15623
|
-
if (dataset) {
|
|
15624
|
-
dataset.hidden = newHidden.includes(index);
|
|
15625
|
-
}
|
|
15626
|
-
chart.update();
|
|
15627
|
-
return newHidden;
|
|
15628
|
-
});
|
|
15629
|
-
};
|
|
15630
|
-
var customLegendPlugin = {
|
|
15631
|
-
id: 'customLegend',
|
|
15632
|
-
afterUpdate: function afterUpdate(chart) {
|
|
15633
|
-
var ul = legendRef.current;
|
|
15634
|
-
while (ul !== null && ul !== void 0 && ul.firstChild) {
|
|
15635
|
-
ul.firstChild.remove();
|
|
15636
|
-
}
|
|
15637
|
-
chart.data.datasets.forEach(function (dataset, index) {
|
|
15638
|
-
var li = document.createElement('li');
|
|
15639
|
-
li.style.display = 'flex';
|
|
15640
|
-
li.style.alignItems = 'center';
|
|
15641
|
-
li.style.cursor = 'pointer';
|
|
15642
|
-
li.style.opacity = hiddenDatasets.includes(index) ? '0.5' : '1';
|
|
15643
|
-
li.style.margin = '5px 10px';
|
|
15644
|
-
li.style.maxWidth = '120px';
|
|
15645
|
-
li.style.whiteSpace = 'nowrap';
|
|
15646
|
-
li.style.overflow = 'hidden';
|
|
15647
|
-
li.style.textOverflow = 'ellipsis';
|
|
15648
|
-
var textColor = hiddenDatasets.includes(index) ? 'grey' : 'inherit';
|
|
15649
|
-
var bgColor = dataset.backgroundColor;
|
|
15650
|
-
var circleColor = typeof bgColor === 'string' ? bgColor : 'grey';
|
|
15651
|
-
var labelText = typeof dataset.label === 'string' ? dataset.label : '';
|
|
15652
|
-
li.onclick = function () {
|
|
15653
|
-
toggleDatasetVisibility(index, chart);
|
|
15654
|
-
li.style.color = li.style.color === 'grey' ? 'inherit' : 'grey';
|
|
15655
|
-
function resolveStrokeColor(color) {
|
|
15656
|
-
if (typeof color === 'string') return color;
|
|
15657
|
-
if (Array.isArray(color)) {
|
|
15658
|
-
var firstColor = color[0];
|
|
15659
|
-
if (typeof firstColor === 'string') return firstColor;
|
|
15660
|
-
if (firstColor !== null && _typeof$1(firstColor) === 'object' && 'toString' in firstColor && typeof firstColor.toString === 'function') {
|
|
15661
|
-
return firstColor.toString();
|
|
15662
|
-
}
|
|
15663
|
-
}
|
|
15664
|
-
if (_typeof$1(color) === 'object' && 'toString' in color && typeof color.toString === 'function') {
|
|
15665
|
-
return color.toString();
|
|
15666
|
-
}
|
|
15667
|
-
return 'grey';
|
|
15668
|
-
}
|
|
15669
|
-
var circle = li.querySelector('circle');
|
|
15670
|
-
if (circle) {
|
|
15671
|
-
var stroke = circle.getAttribute('stroke');
|
|
15672
|
-
var resolvedColor = resolveStrokeColor(dataset.backgroundColor);
|
|
15673
|
-
circle.setAttribute('stroke', stroke === 'grey' ? resolvedColor : 'grey');
|
|
15674
|
-
}
|
|
15675
|
-
};
|
|
15676
|
-
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(circleColor, "\" stroke-width=\"6\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t<span style=\"margin-left: 10px; color: ").concat(textColor, ";\">").concat(labelText, "</span>\n\t\t\t\t");
|
|
15677
|
-
ul === null || ul === void 0 || ul.appendChild(li);
|
|
15678
|
-
});
|
|
15679
|
-
}
|
|
15680
|
-
};
|
|
15638
|
+
var labels = seriesData !== null && seriesData !== void 0 && seriesData.chartData ? Object.keys(seriesData.chartData).map(function (key) {
|
|
15639
|
+
return key;
|
|
15640
|
+
}) : [];
|
|
15641
|
+
useRef(null);
|
|
15642
|
+
var _useState5 = useState([]),
|
|
15643
|
+
_useState6 = _slicedToArray(_useState5, 2);
|
|
15644
|
+
_useState6[0];
|
|
15645
|
+
_useState6[1];
|
|
15646
|
+
console.log(excludedIndices);
|
|
15681
15647
|
var chartData = _objectSpread2({
|
|
15682
15648
|
labels: seriesData.metaData.xAxisData,
|
|
15683
15649
|
datasets: Object.keys(seriesData.chartData).map(function (key, index) {
|
|
15684
15650
|
var _seriesData$chartData, _chartOptionsProps$po, _chartOptionsProps$po2, _chartOptionsProps$po3, _chartOptionsProps$bo;
|
|
15651
|
+
console.log(index);
|
|
15652
|
+
var isHovered = !hoverEffect || hoveredIndex === null || hoveredIndex === index;
|
|
15685
15653
|
return {
|
|
15686
15654
|
label: key,
|
|
15687
15655
|
data: (_seriesData$chartData = seriesData.chartData[key]) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : [],
|
|
15688
15656
|
fill: !isLineChart,
|
|
15689
|
-
backgroundColor:
|
|
15690
|
-
|
|
15657
|
+
backgroundColor: function backgroundColor(ctx) {
|
|
15658
|
+
return isLineChart ? 'transparent' : lineColors.map(function (option, index) {
|
|
15659
|
+
if (hoveredIndex !== null && hoveredIndex !== index) {
|
|
15660
|
+
return 'rgba(211, 211, 211, 0.2)';
|
|
15661
|
+
}
|
|
15662
|
+
if (excludedIndices.includes(index)) {
|
|
15663
|
+
return 'transparent';
|
|
15664
|
+
}
|
|
15665
|
+
var color = option;
|
|
15666
|
+
if (typeof color === 'string' && color.startsWith('linear-gradient')) {
|
|
15667
|
+
return getColorGradient(ctx, color);
|
|
15668
|
+
}
|
|
15669
|
+
return color || '#000'; // Fallback solid color
|
|
15670
|
+
});
|
|
15671
|
+
},
|
|
15672
|
+
borderColor: excludedIndices.includes(index) ? 'transparent' : isHovered ? borderColors[index % borderColors.length] : 'rgba(211, 211, 211, 0.3)',
|
|
15673
|
+
pointBackgroundColor: excludedIndices.includes(index) ? 'transparent' : isHovered ? borderColors[index % borderColors.length] : 'rgba(211, 211, 211, 0.3)',
|
|
15691
15674
|
tension: smooth ? 0.4 : 0,
|
|
15692
15675
|
pointStyle: (_chartOptionsProps$po = chartOptionsProps.pointStyle) !== null && _chartOptionsProps$po !== void 0 ? _chartOptionsProps$po : 'rectRot',
|
|
15693
15676
|
pointRadius: (_chartOptionsProps$po2 = chartOptionsProps.pointRadius) !== null && _chartOptionsProps$po2 !== void 0 ? _chartOptionsProps$po2 : 4,
|
|
15694
15677
|
pointHoverRadius: (_chartOptionsProps$po3 = chartOptionsProps.pointHoverRadius) !== null && _chartOptionsProps$po3 !== void 0 ? _chartOptionsProps$po3 : 6,
|
|
15695
15678
|
borderWidth: (_chartOptionsProps$bo = chartOptionsProps.borderWidth) !== null && _chartOptionsProps$bo !== void 0 ? _chartOptionsProps$bo : 2,
|
|
15696
|
-
pointBackgroundColor: borderColors[index % borderColors.length],
|
|
15697
15679
|
datalabels: {
|
|
15698
|
-
display: false
|
|
15680
|
+
display: false
|
|
15699
15681
|
}
|
|
15700
15682
|
};
|
|
15701
15683
|
})
|
|
15702
15684
|
}, dataSetOptions);
|
|
15685
|
+
var hoveredIndexRef = useRef(null);
|
|
15686
|
+
var handleHover = function handleHover(index) {
|
|
15687
|
+
if (!hoverEffect) return;
|
|
15688
|
+
hoveredIndexRef.current = index;
|
|
15689
|
+
setHoveredIndex(index);
|
|
15690
|
+
};
|
|
15691
|
+
var legendColors = lineColors ? lineColors.map(function (option) {
|
|
15692
|
+
var color = option;
|
|
15693
|
+
if (typeof color !== 'string' || !color.startsWith('linear-gradient')) {
|
|
15694
|
+
return color;
|
|
15695
|
+
}
|
|
15696
|
+
var stops = color.match(/#(?:[0-9a-fA-F]{3}){1,2}/g);
|
|
15697
|
+
return (stops === null || stops === void 0 ? void 0 : stops[0]) || '#000';
|
|
15698
|
+
}) : [];
|
|
15703
15699
|
var chartOptions = _objectSpread2(_objectSpread2({
|
|
15704
15700
|
responsive: true,
|
|
15705
15701
|
maintainAspectRatio: false,
|
|
@@ -15719,6 +15715,18 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15719
15715
|
font: {
|
|
15720
15716
|
family: 'Poppins'
|
|
15721
15717
|
}
|
|
15718
|
+
},
|
|
15719
|
+
onClick: function onClick(event, legendItem) {
|
|
15720
|
+
handleLegendClick(event, legendItem);
|
|
15721
|
+
handleHover(legendItem.index); // Set hover on legend click
|
|
15722
|
+
},
|
|
15723
|
+
onHover: function onHover(event, legendItem) {
|
|
15724
|
+
handleHover(legendItem.index);
|
|
15725
|
+
},
|
|
15726
|
+
onLeave: function onLeave() {
|
|
15727
|
+
if (!hoverEffect) return;
|
|
15728
|
+
setHoveredIndex(null);
|
|
15729
|
+
hoveredIndexRef.current = null;
|
|
15722
15730
|
}
|
|
15723
15731
|
}, legend),
|
|
15724
15732
|
tooltip: _objectSpread2({
|
|
@@ -15839,7 +15847,7 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15839
15847
|
}, cursor ? {
|
|
15840
15848
|
cursor: cursor
|
|
15841
15849
|
} : {}), chartOptionsProps);
|
|
15842
|
-
|
|
15850
|
+
_objectSpread2({
|
|
15843
15851
|
display: 'flex',
|
|
15844
15852
|
listStyle: 'none',
|
|
15845
15853
|
padding: '0px'
|
|
@@ -15853,12 +15861,64 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15853
15861
|
}, style),
|
|
15854
15862
|
children: [jsx(Line, _objectSpread2({
|
|
15855
15863
|
data: chartData,
|
|
15856
|
-
options: chartOptions
|
|
15857
|
-
|
|
15858
|
-
|
|
15859
|
-
|
|
15860
|
-
|
|
15861
|
-
|
|
15864
|
+
options: chartOptions
|
|
15865
|
+
}, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && jsx("ul", {
|
|
15866
|
+
style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
|
|
15867
|
+
children: labels.map(function (label, index) {
|
|
15868
|
+
var _legendColors$index, _legend$circle;
|
|
15869
|
+
var color = hoveredIndex !== null && hoveredIndex !== index ? '#D3D3D3' : excludedIndices.includes(index) ? '#D3D3D3' : (_legendColors$index = legendColors[index]) !== null && _legendColors$index !== void 0 ? _legendColors$index : '#000';
|
|
15870
|
+
return jsxs("li", {
|
|
15871
|
+
style: {
|
|
15872
|
+
display: 'flex',
|
|
15873
|
+
alignItems: 'center',
|
|
15874
|
+
cursor: 'pointer'
|
|
15875
|
+
},
|
|
15876
|
+
onClick: function onClick(e) {
|
|
15877
|
+
handleLegendClick(e, {
|
|
15878
|
+
index: index
|
|
15879
|
+
});
|
|
15880
|
+
handleHover(index);
|
|
15881
|
+
},
|
|
15882
|
+
onMouseEnter: function onMouseEnter() {
|
|
15883
|
+
handleHover(index);
|
|
15884
|
+
},
|
|
15885
|
+
onMouseLeave: function onMouseLeave() {
|
|
15886
|
+
setHoveredIndex(null);
|
|
15887
|
+
hoveredIndexRef.current = null;
|
|
15888
|
+
},
|
|
15889
|
+
children: [((_legend$circle = legend === null || legend === void 0 ? void 0 : legend.circle) !== null && _legend$circle !== void 0 ? _legend$circle : true) && jsx("svg", {
|
|
15890
|
+
width: '15',
|
|
15891
|
+
height: '15',
|
|
15892
|
+
viewBox: '0 0 30 30',
|
|
15893
|
+
fill: 'none',
|
|
15894
|
+
children: jsx("circle", {
|
|
15895
|
+
cx: '15',
|
|
15896
|
+
cy: '15',
|
|
15897
|
+
r: '12',
|
|
15898
|
+
stroke: color,
|
|
15899
|
+
strokeWidth: '6'
|
|
15900
|
+
})
|
|
15901
|
+
}), jsx("div", {
|
|
15902
|
+
style: {
|
|
15903
|
+
marginLeft: 10
|
|
15904
|
+
},
|
|
15905
|
+
children: legend !== null && legend !== void 0 && legend.customLabels ? legend === null || legend === void 0 ? void 0 : legend.customLabels({
|
|
15906
|
+
label: label,
|
|
15907
|
+
index: index,
|
|
15908
|
+
color: color
|
|
15909
|
+
}) : jsx("div", {
|
|
15910
|
+
className: modules_6d3781f0.legend,
|
|
15911
|
+
children: jsx("span", {
|
|
15912
|
+
style: {
|
|
15913
|
+
color: '#333'
|
|
15914
|
+
},
|
|
15915
|
+
children: label
|
|
15916
|
+
})
|
|
15917
|
+
})
|
|
15918
|
+
})]
|
|
15919
|
+
}, index);
|
|
15920
|
+
})
|
|
15921
|
+
}), ' ']
|
|
15862
15922
|
});
|
|
15863
15923
|
};
|
|
15864
15924
|
|