@banyan_cloud/roots 2.0.8 → 2.0.10
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 +433 -459
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/components/buttons/baseButton/BaseButton.d.ts +3 -1
- package/dist/esm/src/components/buttons/baseButton/index.d.ts +2 -1
- package/dist/esm/src/components/buttons/baseButton/types/index.d.ts +14 -0
- package/dist/esm/src/components/buttons/button/Button.d.ts +3 -20
- package/dist/esm/src/components/buttons/button/index.d.ts +2 -1
- package/dist/esm/src/components/buttons/button/types/index.d.ts +9 -0
- package/dist/esm/src/components/buttons/chip/Chip.d.ts +3 -1
- package/dist/esm/src/components/buttons/chip/index.d.ts +2 -1
- package/dist/esm/src/components/buttons/chip/types/index.d.ts +11 -0
- package/dist/esm/src/components/buttons/index.d.ts +3 -3
- package/dist/esm/src/components/cell/BaseCell.d.ts +27 -2
- package/dist/esm/src/components/cell/index.d.ts +2 -2
- package/dist/esm/src/components/cell/types/index.d.ts +72 -0
- package/dist/esm/src/components/chartsV2/BarChart/BaseVerticalBarChart.d.ts +2 -3
- package/dist/esm/src/components/chartsV2/utils/index.d.ts +1 -0
- package/dist/esm/src/components/displayPicture/DisplayPicture.d.ts +3 -8
- package/dist/esm/src/components/displayPicture/types/index.d.ts +8 -0
- package/dist/esm/src/components/helpers/index.d.ts +1 -0
- package/dist/esm/src/components/helpers/themedContainer/ThemedContainer.d.ts +10 -0
- package/dist/esm/src/components/helpers/themedContainer/index.d.ts +1 -0
- package/dist/esm/src/components/link/Link.d.ts +3 -1
- package/dist/esm/src/components/link/index.d.ts +2 -1
- package/dist/esm/src/components/link/types/index.d.ts +18 -0
- package/dist/esm/src/components/tabs/Tabs.d.ts +3 -10
- package/dist/esm/src/components/tabs/index.d.ts +2 -1
- package/dist/esm/src/components/tabs/types/index.d.ts +28 -0
- package/dist/esm/src/components/text/Text.d.ts +3 -17
- package/dist/esm/src/components/text/index.d.ts +1 -0
- package/dist/esm/src/components/text/types/index.d.ts +16 -0
- package/dist/esm/src/components/tooltip/Tooltip.d.ts +19 -2
- package/dist/esm/src/components/tooltip/index.d.ts +2 -1
- package/dist/esm/src/components/tooltip/types/index.d.ts +53 -0
- package/dist/esm/src/hooks/index.d.ts +2 -2
- package/dist/esm/src/hooks/useOutsideClickListener.d.ts +2 -1
- package/dist/esm/src/hooks/useResize.d.ts +12 -1
- package/dist/esm/src/styles/index.d.ts +3 -1
- package/package.json +2 -1
- package/src/styles/index.ts +17 -0
- package/dist/esm/src/components/cell/BaseCell.types.d.ts +0 -31
- package/dist/esm/src/components/tabs/Skeleton/Tabs.skeleton.d.ts +0 -5
- package/dist/esm/src/components/tabs/Skeleton/index.d.ts +0 -1
- package/src/styles/index.js +0 -13
package/dist/esm/index.js
CHANGED
|
@@ -242,7 +242,7 @@ function _unsupportedIterableToArray(r, a) {
|
|
|
242
242
|
}
|
|
243
243
|
|
|
244
244
|
var propTypesExports = {};
|
|
245
|
-
var propTypes
|
|
245
|
+
var propTypes = {
|
|
246
246
|
get exports(){ return propTypesExports; },
|
|
247
247
|
set exports(v){ propTypesExports = v; },
|
|
248
248
|
};
|
|
@@ -1424,11 +1424,11 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
1424
1424
|
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
1425
1425
|
// http://fb.me/prop-types-in-prod
|
|
1426
1426
|
var throwOnDirectAccess = true;
|
|
1427
|
-
propTypes
|
|
1427
|
+
propTypes.exports = requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
|
|
1428
1428
|
} else {
|
|
1429
1429
|
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
1430
1430
|
// http://fb.me/prop-types-in-prod
|
|
1431
|
-
propTypes
|
|
1431
|
+
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
1432
1432
|
}
|
|
1433
1433
|
|
|
1434
1434
|
function _typeof(o) {
|
|
@@ -5108,17 +5108,29 @@ var isEmptyHtmlString = function isEmptyHtmlString(htmlString) {
|
|
|
5108
5108
|
|
|
5109
5109
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
5110
5110
|
|
|
5111
|
-
var css$
|
|
5112
|
-
var modules_3af9b74c = {"root":"
|
|
5113
|
-
n(css$
|
|
5111
|
+
var css$1A = ".BaseCell_module_root__3d0af670 {\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__3d0af670 > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_sm__3d0af670 {\n width: 9.063rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_md__3d0af670 {\n width: 15.625rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_lg__3d0af670 {\n width: 21.875rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_auto__3d0af670 {\n width: auto;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_borderRadiusDefault__3d0af670 {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_borderRadiusRound__3d0af670 {\n border-radius: 50%;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_borderRadiusEllipse__3d0af670 {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_borderRadiusNone__3d0af670 {\n border-radius: 0rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_flexible__3d0af670 {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_flexible__3d0af670.BaseCell_module_sm__3d0af670 {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_flexible__3d0af670.BaseCell_module_md__3d0af670 {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__3d0af670.BaseCell_module_flexible__3d0af670.BaseCell_module_lg__3d0af670 {\n min-width: 21.875rem;\n}";
|
|
5112
|
+
var modules_3af9b74c = {"root":"BaseCell_module_root__3d0af670","sm":"BaseCell_module_sm__3d0af670","md":"BaseCell_module_md__3d0af670","lg":"BaseCell_module_lg__3d0af670","auto":"BaseCell_module_auto__3d0af670","border-radius-default":"BaseCell_module_borderRadiusDefault__3d0af670","border-radius-round":"BaseCell_module_borderRadiusRound__3d0af670","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__3d0af670","border-radius-none":"BaseCell_module_borderRadiusNone__3d0af670","flexible":"BaseCell_module_flexible__3d0af670"};
|
|
5113
|
+
n(css$1A,{});
|
|
5114
5114
|
|
|
5115
|
+
/**
|
|
5116
|
+
* BaseCell - A flexible container component for displaying up to three components in a structured layout
|
|
5117
|
+
*
|
|
5118
|
+
* @returns A React component or null
|
|
5119
|
+
*
|
|
5120
|
+
* @example
|
|
5121
|
+
* ```tsx
|
|
5122
|
+
* <BaseCell
|
|
5123
|
+
* component1={<Icon />}
|
|
5124
|
+
* component2={<div>hello world!</div>}
|
|
5125
|
+
* component3={<Button>Action</Button>}
|
|
5126
|
+
* />
|
|
5127
|
+
* ```
|
|
5128
|
+
*/
|
|
5115
5129
|
var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5116
|
-
var
|
|
5117
|
-
className = _props$className === void 0 ? '' : _props$className,
|
|
5130
|
+
var className = props.className,
|
|
5118
5131
|
_props$size = props.size,
|
|
5119
5132
|
size = _props$size === void 0 ? 'sm' : _props$size,
|
|
5120
5133
|
flexible = props.flexible,
|
|
5121
|
-
rounded = props.rounded,
|
|
5122
5134
|
component1 = props.component1,
|
|
5123
5135
|
component2 = props.component2,
|
|
5124
5136
|
component3 = props.component3,
|
|
@@ -5126,20 +5138,21 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5126
5138
|
RootDOM = _props$RootDOM === void 0 ? 'div' : _props$RootDOM,
|
|
5127
5139
|
_props$attrs = props.attrs,
|
|
5128
5140
|
attrs = _props$attrs === void 0 ? {} : _props$attrs,
|
|
5129
|
-
radius = props.radius
|
|
5141
|
+
_props$radius = props.radius,
|
|
5142
|
+
radius = _props$radius === void 0 ? 'none' : _props$radius;
|
|
5130
5143
|
var Component = /*#__PURE__*/createElement(RootDOM, _objectSpread2({
|
|
5131
5144
|
'data-elem': 'base-cell',
|
|
5132
5145
|
ref: ref,
|
|
5133
|
-
className: classes(modules_3af9b74c.root, modules_3af9b74c[size],
|
|
5134
|
-
}, attrs),
|
|
5135
|
-
children: [component1 &&
|
|
5136
|
-
"data-elem":
|
|
5146
|
+
className: classes(modules_3af9b74c.root, modules_3af9b74c[size], modules_3af9b74c["border-radius-".concat(radius)], flexible ? modules_3af9b74c.flexible : '', className)
|
|
5147
|
+
}, attrs), jsxs(Fragment, {
|
|
5148
|
+
children: [component1 && jsx("span", {
|
|
5149
|
+
"data-elem": 'component1',
|
|
5137
5150
|
children: component1
|
|
5138
|
-
}),
|
|
5139
|
-
"data-elem":
|
|
5151
|
+
}), jsx("span", {
|
|
5152
|
+
"data-elem": 'component2',
|
|
5140
5153
|
children: component2
|
|
5141
|
-
}), component3 &&
|
|
5142
|
-
"data-elem":
|
|
5154
|
+
}), component3 && jsx("span", {
|
|
5155
|
+
"data-elem": 'component3',
|
|
5143
5156
|
children: component3
|
|
5144
5157
|
})]
|
|
5145
5158
|
}));
|
|
@@ -5148,46 +5161,12 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5148
5161
|
}
|
|
5149
5162
|
return null;
|
|
5150
5163
|
});
|
|
5151
|
-
BaseCell.propTypes = {
|
|
5152
|
-
className: propTypesExports.string,
|
|
5153
|
-
component1: propTypesExports.element,
|
|
5154
|
-
component2: propTypesExports.element,
|
|
5155
|
-
component3: propTypesExports.element,
|
|
5156
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg', 'auto']),
|
|
5157
|
-
flexible: propTypesExports.bool,
|
|
5158
|
-
radius: propTypesExports.oneOf(['none', 'default', 'round', 'ellipse']),
|
|
5159
|
-
RootDOM: propTypesExports.oneOf(['div', 'span', 'button', 'td']),
|
|
5160
|
-
attrs: propTypesExports.object
|
|
5161
|
-
};
|
|
5162
|
-
|
|
5163
|
-
var propTypes = {
|
|
5164
|
-
className: propTypesExports.string,
|
|
5165
|
-
component1: propTypesExports.element,
|
|
5166
|
-
component2: propTypesExports.element,
|
|
5167
|
-
component3: propTypesExports.element,
|
|
5168
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg', 'auto']),
|
|
5169
|
-
flexible: propTypesExports.bool,
|
|
5170
|
-
radius: propTypesExports.oneOf(['none', 'default', 'round', 'ellipse']),
|
|
5171
|
-
RootDOM: propTypesExports.oneOf(['div', 'span', 'button']),
|
|
5172
|
-
attrs: propTypesExports.object
|
|
5173
|
-
};
|
|
5174
|
-
var defaultProps = {
|
|
5175
|
-
className: '',
|
|
5176
|
-
component1: null,
|
|
5177
|
-
component2: null,
|
|
5178
|
-
component3: null,
|
|
5179
|
-
size: 'sm',
|
|
5180
|
-
flexible: false,
|
|
5181
|
-
radius: 'none',
|
|
5182
|
-
RootDOM: 'div',
|
|
5183
|
-
attrs: {}
|
|
5184
|
-
};
|
|
5185
5164
|
|
|
5186
|
-
var css$
|
|
5165
|
+
var css$1z = "button.BaseButton_module_root__c1cc92c2[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__c1cc92c2[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_contained__c1cc92c2 {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_outlined__c1cc92c2 {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell].BaseButton_module_text__c1cc92c2 {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__c1cc92c2[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__c1cc92c2[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__c1cc92c2[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
5187
5166
|
var modules_ab72627b = {"root":"BaseButton_module_root__c1cc92c2","contained":"BaseButton_module_contained__c1cc92c2","outlined":"BaseButton_module_outlined__c1cc92c2","text":"BaseButton_module_text__c1cc92c2"};
|
|
5188
|
-
n(css$
|
|
5167
|
+
n(css$1z,{});
|
|
5189
5168
|
|
|
5190
|
-
var BaseButton = /*#__PURE__*/forwardRef(function
|
|
5169
|
+
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5191
5170
|
var _props$className = props.className,
|
|
5192
5171
|
className = _props$className === void 0 ? '' : _props$className,
|
|
5193
5172
|
component1 = props.component1,
|
|
@@ -5202,17 +5181,16 @@ var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
|
5202
5181
|
id = props.id,
|
|
5203
5182
|
_props$type = props.type,
|
|
5204
5183
|
type = _props$type === void 0 ? 'submit' : _props$type,
|
|
5205
|
-
|
|
5206
|
-
_onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
|
|
5184
|
+
_onClick = props.onClick,
|
|
5207
5185
|
_props$blurOnClick = props.blurOnClick,
|
|
5208
5186
|
blurOnClick = _props$blurOnClick === void 0 ? true : _props$blurOnClick,
|
|
5209
5187
|
_props$variant = props.variant,
|
|
5210
5188
|
variant = _props$variant === void 0 ? 'contained' : _props$variant;
|
|
5211
|
-
var Title =
|
|
5212
|
-
"data-elem":
|
|
5189
|
+
var Title = jsx("span", {
|
|
5190
|
+
"data-elem": 'title',
|
|
5213
5191
|
children: title
|
|
5214
5192
|
});
|
|
5215
|
-
return
|
|
5193
|
+
return jsx(BaseCell, {
|
|
5216
5194
|
className: classes(modules_ab72627b.root, modules_ab72627b[variant], className),
|
|
5217
5195
|
ref: ref,
|
|
5218
5196
|
component1: component1,
|
|
@@ -5227,27 +5205,18 @@ var BaseButton = /*#__PURE__*/forwardRef(function BaseButton(props, ref) {
|
|
|
5227
5205
|
id: id,
|
|
5228
5206
|
onClick: function onClick(event) {
|
|
5229
5207
|
if (blurOnClick) {
|
|
5230
|
-
|
|
5231
|
-
event === null || event === void 0 || (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 || _event$currentTarget.blur();
|
|
5208
|
+
event.currentTarget.blur();
|
|
5232
5209
|
}
|
|
5233
5210
|
_onClick(event);
|
|
5234
5211
|
}
|
|
5235
5212
|
},
|
|
5236
|
-
RootDOM:
|
|
5213
|
+
RootDOM: 'button'
|
|
5237
5214
|
});
|
|
5238
5215
|
});
|
|
5239
|
-
BaseButton.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}, {
|
|
5240
|
-
title: propTypesExports.string,
|
|
5241
|
-
disabled: propTypesExports.bool,
|
|
5242
|
-
type: propTypesExports.oneOf(['button', 'submit', 'reset']),
|
|
5243
|
-
onClick: propTypesExports.func,
|
|
5244
|
-
blurOnClick: propTypesExports.bool,
|
|
5245
|
-
variant: propTypesExports.oneOf(['contained', 'outlined', 'text'])
|
|
5246
|
-
});
|
|
5247
5216
|
|
|
5248
|
-
var css$
|
|
5217
|
+
var css$1y = ".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}";
|
|
5249
5218
|
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"};
|
|
5250
|
-
n(css$
|
|
5219
|
+
n(css$1y,{});
|
|
5251
5220
|
|
|
5252
5221
|
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5253
5222
|
var _props$className = props.className,
|
|
@@ -5263,8 +5232,7 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5263
5232
|
_props$radius = props.radius,
|
|
5264
5233
|
radius = _props$radius === void 0 ? 'default' : _props$radius,
|
|
5265
5234
|
disabled = props.disabled,
|
|
5266
|
-
|
|
5267
|
-
onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
|
|
5235
|
+
onClick = props.onClick,
|
|
5268
5236
|
_props$blurOnClick = props.blurOnClick,
|
|
5269
5237
|
blurOnClick = _props$blurOnClick === void 0 ? true : _props$blurOnClick,
|
|
5270
5238
|
_props$variant = props.variant,
|
|
@@ -5272,12 +5240,12 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5272
5240
|
_props$color = props.color,
|
|
5273
5241
|
color = _props$color === void 0 ? 'primary' : _props$color,
|
|
5274
5242
|
id = props.id;
|
|
5275
|
-
return
|
|
5243
|
+
return jsx(BaseButton, {
|
|
5276
5244
|
ref: ref,
|
|
5277
5245
|
type: type,
|
|
5278
|
-
component1: LeftComponent &&
|
|
5246
|
+
component1: LeftComponent && jsx(LeftComponent, {}),
|
|
5279
5247
|
title: title,
|
|
5280
|
-
component3: RightComponent &&
|
|
5248
|
+
component3: RightComponent && jsx(RightComponent, {}),
|
|
5281
5249
|
size: size,
|
|
5282
5250
|
flexible: flexible,
|
|
5283
5251
|
radius: radius,
|
|
@@ -5289,15 +5257,10 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5289
5257
|
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
5290
5258
|
});
|
|
5291
5259
|
});
|
|
5292
|
-
Button.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
5293
|
-
color: propTypesExports.oneOf(['primary', 'success', 'danger', 'warning']),
|
|
5294
|
-
leftComponent: propTypesExports.node,
|
|
5295
|
-
rightComponent: propTypesExports.node
|
|
5296
|
-
});
|
|
5297
5260
|
|
|
5298
|
-
var css$
|
|
5261
|
+
var css$1x = ".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}";
|
|
5299
5262
|
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"};
|
|
5300
|
-
n(css$
|
|
5263
|
+
n(css$1x,{});
|
|
5301
5264
|
|
|
5302
5265
|
var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5303
5266
|
var _props$className = props.className,
|
|
@@ -5313,18 +5276,17 @@ var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5313
5276
|
_props$radius = props.radius,
|
|
5314
5277
|
radius = _props$radius === void 0 ? 'default' : _props$radius,
|
|
5315
5278
|
disabled = props.disabled,
|
|
5316
|
-
|
|
5317
|
-
onClick = _props$onClick === void 0 ? function () {} : _props$onClick,
|
|
5279
|
+
onClick = props.onClick,
|
|
5318
5280
|
_props$variant = props.variant,
|
|
5319
5281
|
variant = _props$variant === void 0 ? 'status' : _props$variant,
|
|
5320
5282
|
_props$color = props.color,
|
|
5321
5283
|
color = _props$color === void 0 ? 'default' : _props$color;
|
|
5322
|
-
return
|
|
5284
|
+
return jsx(BaseButton, {
|
|
5323
5285
|
ref: ref,
|
|
5324
5286
|
type: type,
|
|
5325
|
-
component1: LeftComponent &&
|
|
5287
|
+
component1: LeftComponent && jsx(LeftComponent, {}),
|
|
5326
5288
|
title: title,
|
|
5327
|
-
component3: RightComponent &&
|
|
5289
|
+
component3: RightComponent && jsx(RightComponent, {}),
|
|
5328
5290
|
size: 'auto',
|
|
5329
5291
|
flexible: flexible,
|
|
5330
5292
|
radius: radius,
|
|
@@ -5334,13 +5296,6 @@ var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5334
5296
|
className: classes(modules_31aa5fd7.root, modules_31aa5fd7["radius-".concat(radius)], modules_31aa5fd7[variant], modules_31aa5fd7[color], modules_31aa5fd7[size], className)
|
|
5335
5297
|
});
|
|
5336
5298
|
});
|
|
5337
|
-
Chip.propTypes = _objectSpread2(_objectSpread2({}, BaseButton.propTypes), {}, {
|
|
5338
|
-
size: propTypesExports.oneOf(['sm', 'md']),
|
|
5339
|
-
variant: propTypesExports.oneOf(['status', 'input']),
|
|
5340
|
-
color: propTypesExports.oneOf(['success', 'info', 'warning', 'danger', 'default']),
|
|
5341
|
-
leftComponent: propTypesExports.func,
|
|
5342
|
-
rightComponent: propTypesExports.func
|
|
5343
|
-
});
|
|
5344
5299
|
|
|
5345
5300
|
var AlertIcon = {
|
|
5346
5301
|
Info: function Info(props) {
|
|
@@ -5509,9 +5464,9 @@ AngleDouble.defaultProps = {
|
|
|
5509
5464
|
className: ''
|
|
5510
5465
|
};
|
|
5511
5466
|
|
|
5512
|
-
var css$
|
|
5467
|
+
var css$1w = ".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}";
|
|
5513
5468
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
5514
|
-
n(css$
|
|
5469
|
+
n(css$1w,{});
|
|
5515
5470
|
|
|
5516
5471
|
var Arrow = function Arrow(props) {
|
|
5517
5472
|
var className = props.className,
|
|
@@ -6393,9 +6348,9 @@ CheckboxIcon.UnChecked.defaultProps = {
|
|
|
6393
6348
|
className: ''
|
|
6394
6349
|
};
|
|
6395
6350
|
|
|
6396
|
-
var css$
|
|
6351
|
+
var css$1v = ".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}";
|
|
6397
6352
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
6398
|
-
n(css$
|
|
6353
|
+
n(css$1v,{});
|
|
6399
6354
|
|
|
6400
6355
|
var Chevron = function Chevron(props) {
|
|
6401
6356
|
var className = props.className,
|
|
@@ -7495,9 +7450,9 @@ var ViewPasswordIcon = function ViewPasswordIcon(props) {
|
|
|
7495
7450
|
});
|
|
7496
7451
|
};
|
|
7497
7452
|
|
|
7498
|
-
var css$
|
|
7453
|
+
var css$1u = ".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}";
|
|
7499
7454
|
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"};
|
|
7500
|
-
n(css$
|
|
7455
|
+
n(css$1u,{});
|
|
7501
7456
|
|
|
7502
7457
|
var Accordion = function Accordion(props) {
|
|
7503
7458
|
var open = props.open,
|
|
@@ -9611,8 +9566,9 @@ var hideOthers = function (originalTarget, parentNode, markerName) {
|
|
|
9611
9566
|
if (!activeParentNode) {
|
|
9612
9567
|
return function () { return null; };
|
|
9613
9568
|
}
|
|
9614
|
-
// we should not hide
|
|
9615
|
-
|
|
9569
|
+
// we should not hide aria-live elements - https://github.com/theKashey/aria-hidden/issues/10
|
|
9570
|
+
// and script elements, as they have no impact on accessibility.
|
|
9571
|
+
targets.push.apply(targets, Array.from(activeParentNode.querySelectorAll('[aria-live], script')));
|
|
9616
9572
|
return applyAttributeToOthers(targets, activeParentNode, markerName, 'aria-hidden');
|
|
9617
9573
|
};
|
|
9618
9574
|
|
|
@@ -11789,13 +11745,13 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
11789
11745
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
11790
11746
|
};
|
|
11791
11747
|
|
|
11792
|
-
var css$
|
|
11748
|
+
var css$1t = ".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}";
|
|
11793
11749
|
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"};
|
|
11794
|
-
n(css$
|
|
11750
|
+
n(css$1t,{});
|
|
11795
11751
|
|
|
11796
|
-
var css$
|
|
11752
|
+
var css$1s = ".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}";
|
|
11797
11753
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
11798
|
-
n(css$
|
|
11754
|
+
n(css$1s,{});
|
|
11799
11755
|
|
|
11800
11756
|
var Popper = function Popper(props) {
|
|
11801
11757
|
var open = props.open,
|
|
@@ -12047,9 +12003,9 @@ Alert$1.defaultProps = {
|
|
|
12047
12003
|
className: ''
|
|
12048
12004
|
};
|
|
12049
12005
|
|
|
12050
|
-
var css$
|
|
12006
|
+
var css$1r = ".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}";
|
|
12051
12007
|
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"};
|
|
12052
|
-
n(css$
|
|
12008
|
+
n(css$1r,{});
|
|
12053
12009
|
|
|
12054
12010
|
var ALERT_DISMISS_TIME = 2000;
|
|
12055
12011
|
var ANIMATION = {
|
|
@@ -12267,9 +12223,9 @@ Alert.propTypes = {
|
|
|
12267
12223
|
className: propTypesExports.string
|
|
12268
12224
|
};
|
|
12269
12225
|
|
|
12270
|
-
var css$
|
|
12226
|
+
var css$1q = ".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}";
|
|
12271
12227
|
var modules_dfc4608f = {"root":"Popover_module_root__c48bb8a2","dark-theme":"Popover_module_darkTheme__c48bb8a2","light-theme":"Popover_module_lightTheme__c48bb8a2"};
|
|
12272
|
-
n(css$
|
|
12228
|
+
n(css$1q,{});
|
|
12273
12229
|
|
|
12274
12230
|
var Popover = function Popover(props) {
|
|
12275
12231
|
var _middlewareOptions$of, _middlewareOptions$sh, _middlewareOptions$fl;
|
|
@@ -12353,9 +12309,9 @@ Popover.propTypes = {
|
|
|
12353
12309
|
theme: propTypesExports.oneOf(['light', 'dark'])
|
|
12354
12310
|
};
|
|
12355
12311
|
|
|
12356
|
-
var css$
|
|
12312
|
+
var css$1p = ".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}";
|
|
12357
12313
|
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"};
|
|
12358
|
-
n(css$
|
|
12314
|
+
n(css$1p,{});
|
|
12359
12315
|
|
|
12360
12316
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12361
12317
|
var _props$variant = props.variant,
|
|
@@ -12389,15 +12345,13 @@ var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12389
12345
|
return null;
|
|
12390
12346
|
});
|
|
12391
12347
|
|
|
12392
|
-
var css$
|
|
12348
|
+
var css$1o = ".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}";
|
|
12393
12349
|
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"};
|
|
12394
|
-
n(css$
|
|
12350
|
+
n(css$1o,{});
|
|
12395
12351
|
|
|
12396
12352
|
var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12397
12353
|
var _props$variant = props.variant,
|
|
12398
12354
|
variant = _props$variant === void 0 ? 'b2' : _props$variant,
|
|
12399
|
-
_props$component = props.component,
|
|
12400
|
-
component = _props$component === void 0 ? 'a' : _props$component,
|
|
12401
12355
|
_props$stroke = props.stroke,
|
|
12402
12356
|
stroke = _props$stroke === void 0 ? 'regular' : _props$stroke,
|
|
12403
12357
|
weight = props.weight,
|
|
@@ -12413,16 +12367,15 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12413
12367
|
_props$underline = props.underline,
|
|
12414
12368
|
underline = _props$underline === void 0 ? 'none' : _props$underline,
|
|
12415
12369
|
onClick = props.onClick;
|
|
12416
|
-
return
|
|
12370
|
+
return jsx(Text, {
|
|
12417
12371
|
ref: ref,
|
|
12418
12372
|
variant: variant,
|
|
12419
|
-
component:
|
|
12373
|
+
component: 'a',
|
|
12420
12374
|
stroke: stroke,
|
|
12421
12375
|
weight: weight,
|
|
12422
12376
|
italic: italic,
|
|
12423
12377
|
className: classes(modules_475441e2.root, modules_475441e2["underline-".concat(underline)], className),
|
|
12424
12378
|
attrs: _objectSpread2({
|
|
12425
|
-
to: href,
|
|
12426
12379
|
href: href,
|
|
12427
12380
|
target: target,
|
|
12428
12381
|
onClick: onClick
|
|
@@ -12430,18 +12383,10 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12430
12383
|
children: children
|
|
12431
12384
|
});
|
|
12432
12385
|
});
|
|
12433
|
-
Link.propTypes = _objectSpread2(_objectSpread2({}, Text.propTypes), {}, {
|
|
12434
|
-
href: propTypesExports.string,
|
|
12435
|
-
target: propTypesExports.oneOf(['_self', '_blank', '_parent', '_top']),
|
|
12436
|
-
component: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.element]),
|
|
12437
|
-
className: propTypesExports.string,
|
|
12438
|
-
attrs: propTypesExports.object,
|
|
12439
|
-
underline: propTypesExports.oneOf(['always', 'hover', 'none'])
|
|
12440
|
-
});
|
|
12441
12386
|
|
|
12442
|
-
var css$
|
|
12387
|
+
var css$1n = ".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}";
|
|
12443
12388
|
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"};
|
|
12444
|
-
n(css$
|
|
12389
|
+
n(css$1n,{});
|
|
12445
12390
|
|
|
12446
12391
|
var BreadCrumbs$1 = function BreadCrumbs(props) {
|
|
12447
12392
|
var crumbs = props.crumbs,
|
|
@@ -12623,9 +12568,9 @@ BreadCrumbs$1.defaultProps = {
|
|
|
12623
12568
|
className: ''
|
|
12624
12569
|
};
|
|
12625
12570
|
|
|
12626
|
-
var css$
|
|
12571
|
+
var css$1m = ".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}";
|
|
12627
12572
|
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"};
|
|
12628
|
-
n(css$
|
|
12573
|
+
n(css$1m,{});
|
|
12629
12574
|
|
|
12630
12575
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
12631
12576
|
var _crumbs, _crumbs2, _crumbs3;
|
|
@@ -12733,9 +12678,9 @@ BreadCrumbs.propTypes = {
|
|
|
12733
12678
|
className: propTypesExports.string
|
|
12734
12679
|
};
|
|
12735
12680
|
|
|
12736
|
-
var css$
|
|
12681
|
+
var css$1l = ".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}";
|
|
12737
12682
|
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"};
|
|
12738
|
-
n(css$
|
|
12683
|
+
n(css$1l,{});
|
|
12739
12684
|
|
|
12740
12685
|
var Callout = /*#__PURE__*/forwardRef(function (props) {
|
|
12741
12686
|
var _props$showIcon = props.showIcon,
|
|
@@ -12821,22 +12766,23 @@ Callout.propTypes = {
|
|
|
12821
12766
|
className: propTypesExports.string
|
|
12822
12767
|
};
|
|
12823
12768
|
|
|
12824
|
-
var css$
|
|
12769
|
+
var css$1k = ":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}";
|
|
12825
12770
|
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"};
|
|
12826
|
-
n(css$
|
|
12771
|
+
n(css$1k,{});
|
|
12827
12772
|
|
|
12828
12773
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12829
|
-
if (curr
|
|
12830
|
-
|
|
12774
|
+
if (curr.includes('theme')) {
|
|
12775
|
+
var _CSS_COLORS$curr;
|
|
12776
|
+
acc[curr] = (_CSS_COLORS$curr = modules_1722b0e5[curr]) !== null && _CSS_COLORS$curr !== void 0 ? _CSS_COLORS$curr : '';
|
|
12831
12777
|
return acc;
|
|
12832
12778
|
}
|
|
12833
12779
|
acc[curr] = getCSSVariableValue(modules_1722b0e5[curr]);
|
|
12834
12780
|
return acc;
|
|
12835
12781
|
}, {});
|
|
12836
12782
|
|
|
12837
|
-
var css$
|
|
12783
|
+
var css$1j = ".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}";
|
|
12838
12784
|
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"};
|
|
12839
|
-
n(css$
|
|
12785
|
+
n(css$1j,{});
|
|
12840
12786
|
|
|
12841
12787
|
echarts.use([TitleComponent, LegendComponent, TooltipComponent, GridComponent, DatasetComponent, LineChart, CanvasRenderer]);
|
|
12842
12788
|
var BaseAreaChart$1 = function BaseAreaChart(props) {
|
|
@@ -13122,9 +13068,9 @@ BaseAreaChart$1.defaultProps = {
|
|
|
13122
13068
|
theme: 'dark'
|
|
13123
13069
|
};
|
|
13124
13070
|
|
|
13125
|
-
var css$
|
|
13071
|
+
var css$1i = ".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}";
|
|
13126
13072
|
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"};
|
|
13127
|
-
n(css$
|
|
13073
|
+
n(css$1i,{});
|
|
13128
13074
|
|
|
13129
13075
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
13130
13076
|
var AXIS_COLORS$1 = {
|
|
@@ -13440,14 +13386,14 @@ var CapsuleChart$1 = function CapsuleChart(props) {
|
|
|
13440
13386
|
});
|
|
13441
13387
|
};
|
|
13442
13388
|
|
|
13443
|
-
var css$
|
|
13389
|
+
var css$1h = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
13444
13390
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
13445
|
-
n(css$1i,{});
|
|
13446
|
-
|
|
13447
|
-
var css$1h = ".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}";
|
|
13448
|
-
var modules_37a5ff73$d = {"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"};
|
|
13449
13391
|
n(css$1h,{});
|
|
13450
13392
|
|
|
13393
|
+
var css$1g = ".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}";
|
|
13394
|
+
var modules_37a5ff73$c = {"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"};
|
|
13395
|
+
n(css$1g,{});
|
|
13396
|
+
|
|
13451
13397
|
var Skeleton = function Skeleton(props) {
|
|
13452
13398
|
var height = props.height,
|
|
13453
13399
|
width = props.width,
|
|
@@ -13458,7 +13404,7 @@ var Skeleton = function Skeleton(props) {
|
|
|
13458
13404
|
style = props.style;
|
|
13459
13405
|
return /*#__PURE__*/jsx("span", {
|
|
13460
13406
|
"data-elem": "skeleton",
|
|
13461
|
-
className: classes(modules_37a5ff73$
|
|
13407
|
+
className: classes(modules_37a5ff73$c.root, modules_37a5ff73$c[variant], modules_37a5ff73$c["".concat(theme, "-theme")], noAnimation ? '' : modules_37a5ff73$c.animated, className),
|
|
13462
13408
|
style: _objectSpread2({
|
|
13463
13409
|
height: height,
|
|
13464
13410
|
width: width
|
|
@@ -13485,22 +13431,22 @@ Skeleton.defaultProps = {
|
|
|
13485
13431
|
style: {}
|
|
13486
13432
|
};
|
|
13487
13433
|
|
|
13488
|
-
var css$
|
|
13489
|
-
var modules_37a5ff73$
|
|
13490
|
-
n(css$
|
|
13434
|
+
var css$1f = ".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}";
|
|
13435
|
+
var modules_37a5ff73$b = {"root":"Skeleton_module_root__79bb2358"};
|
|
13436
|
+
n(css$1f,{});
|
|
13491
13437
|
|
|
13492
13438
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
13493
13439
|
return Math.random() * 80 + 20;
|
|
13494
13440
|
});
|
|
13495
|
-
var ChartSkeleton$
|
|
13441
|
+
var ChartSkeleton$8 = function ChartSkeleton(_ref) {
|
|
13496
13442
|
var theme = _ref.theme,
|
|
13497
13443
|
fallback = _ref.fallback;
|
|
13498
13444
|
return /*#__PURE__*/jsx("div", {
|
|
13499
|
-
className: modules_37a5ff73$
|
|
13445
|
+
className: modules_37a5ff73$b.root,
|
|
13500
13446
|
children: BOXES.map(function (box) {
|
|
13501
13447
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
13502
13448
|
theme: theme,
|
|
13503
|
-
className: modules_37a5ff73$
|
|
13449
|
+
className: modules_37a5ff73$b.box,
|
|
13504
13450
|
height: "100%",
|
|
13505
13451
|
noAnimation: fallback
|
|
13506
13452
|
}, box);
|
|
@@ -13536,7 +13482,7 @@ var HeatMapChart = function HeatMapChart(props) {
|
|
|
13536
13482
|
theme = props.theme,
|
|
13537
13483
|
fallback = props.fallback;
|
|
13538
13484
|
if (loading || fallback) {
|
|
13539
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
13485
|
+
return /*#__PURE__*/jsx(ChartSkeleton$8, {
|
|
13540
13486
|
theme: theme,
|
|
13541
13487
|
fallback: !loading && fallback
|
|
13542
13488
|
});
|
|
@@ -13733,22 +13679,22 @@ HeatMapChart.defaultProps = {
|
|
|
13733
13679
|
theme: 'dark'
|
|
13734
13680
|
};
|
|
13735
13681
|
|
|
13736
|
-
var css$
|
|
13682
|
+
var css$1e = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
13737
13683
|
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
13738
|
-
n(css$1f,{});
|
|
13739
|
-
|
|
13740
|
-
var css$1e = ".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}";
|
|
13741
|
-
var modules_37a5ff73$b = {"root":"Skeleton_module_root__daf92a10"};
|
|
13742
13684
|
n(css$1e,{});
|
|
13743
13685
|
|
|
13686
|
+
var css$1d = ".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}";
|
|
13687
|
+
var modules_37a5ff73$a = {"root":"Skeleton_module_root__daf92a10"};
|
|
13688
|
+
n(css$1d,{});
|
|
13689
|
+
|
|
13744
13690
|
var BARS$2 = _toConsumableArray(Array(8).keys()).map(function () {
|
|
13745
13691
|
return Math.random() * 80 + 20;
|
|
13746
13692
|
});
|
|
13747
|
-
var ChartSkeleton$
|
|
13693
|
+
var ChartSkeleton$7 = function ChartSkeleton(_ref) {
|
|
13748
13694
|
var theme = _ref.theme,
|
|
13749
13695
|
fallback = _ref.fallback;
|
|
13750
13696
|
return /*#__PURE__*/jsx("div", {
|
|
13751
|
-
className: modules_37a5ff73$
|
|
13697
|
+
className: modules_37a5ff73$a.root,
|
|
13752
13698
|
children: BARS$2.map(function (bar) {
|
|
13753
13699
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
13754
13700
|
theme: theme,
|
|
@@ -13792,7 +13738,7 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
13792
13738
|
_props$sort = props.sort,
|
|
13793
13739
|
sort = _props$sort === void 0 ? false : _props$sort;
|
|
13794
13740
|
if (loading || fallback) {
|
|
13795
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
13741
|
+
return /*#__PURE__*/jsx(ChartSkeleton$7, {
|
|
13796
13742
|
theme: theme,
|
|
13797
13743
|
fallback: !loading && fallback
|
|
13798
13744
|
});
|
|
@@ -14032,43 +13978,43 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
14032
13978
|
theme: 'dark'
|
|
14033
13979
|
};
|
|
14034
13980
|
|
|
14035
|
-
var css$
|
|
13981
|
+
var css$1c = ".NestedPieChart_module_root__c8f30b3e {\n width: 100%;\n}";
|
|
14036
13982
|
var modules_23ba650c = {"root":"NestedPieChart_module_root__c8f30b3e"};
|
|
14037
|
-
n(css$1d,{});
|
|
14038
|
-
|
|
14039
|
-
var css$1c = ".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}";
|
|
14040
|
-
var modules_37a5ff73$a = {"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"};
|
|
14041
13983
|
n(css$1c,{});
|
|
14042
13984
|
|
|
14043
|
-
var
|
|
13985
|
+
var css$1b = ".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}";
|
|
13986
|
+
var modules_37a5ff73$9 = {"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"};
|
|
13987
|
+
n(css$1b,{});
|
|
13988
|
+
|
|
13989
|
+
var ChartSkeleton$6 = function ChartSkeleton(_ref) {
|
|
14044
13990
|
var theme = _ref.theme,
|
|
14045
13991
|
fallback = _ref.fallback;
|
|
14046
13992
|
return /*#__PURE__*/jsxs("div", {
|
|
14047
|
-
className: classes(modules_37a5ff73$
|
|
13993
|
+
className: classes(modules_37a5ff73$9.root, modules_37a5ff73$9["".concat(theme, "-theme")]),
|
|
14048
13994
|
children: [/*#__PURE__*/jsx(Skeleton, {
|
|
14049
13995
|
theme: theme,
|
|
14050
|
-
className: modules_37a5ff73$
|
|
13996
|
+
className: modules_37a5ff73$9.outer,
|
|
14051
13997
|
width: "12.5rem",
|
|
14052
13998
|
height: "12.5rem",
|
|
14053
13999
|
variant: "circle",
|
|
14054
14000
|
noAnimation: fallback
|
|
14055
14001
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
14056
14002
|
noAnimation: true,
|
|
14057
|
-
className: modules_37a5ff73$
|
|
14003
|
+
className: modules_37a5ff73$9.inner,
|
|
14058
14004
|
width: "7.5rem",
|
|
14059
14005
|
height: "7.5rem",
|
|
14060
14006
|
variant: "circle"
|
|
14061
14007
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
14062
14008
|
noAnimation: true,
|
|
14063
|
-
className: modules_37a5ff73$
|
|
14009
|
+
className: modules_37a5ff73$9.line,
|
|
14064
14010
|
width: "6.25rem"
|
|
14065
14011
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
14066
14012
|
noAnimation: true,
|
|
14067
|
-
className: modules_37a5ff73$
|
|
14013
|
+
className: modules_37a5ff73$9.line,
|
|
14068
14014
|
width: "6.25rem"
|
|
14069
14015
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
14070
14016
|
noAnimation: true,
|
|
14071
|
-
className: modules_37a5ff73$
|
|
14017
|
+
className: modules_37a5ff73$9.line,
|
|
14072
14018
|
width: "6.25rem"
|
|
14073
14019
|
})]
|
|
14074
14020
|
});
|
|
@@ -14094,7 +14040,7 @@ var NestedPieChart = function NestedPieChart(props) {
|
|
|
14094
14040
|
theme = props.theme,
|
|
14095
14041
|
fallback = props.fallback;
|
|
14096
14042
|
if (loading || fallback) {
|
|
14097
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
14043
|
+
return /*#__PURE__*/jsx(ChartSkeleton$6, {
|
|
14098
14044
|
theme: theme,
|
|
14099
14045
|
fallback: !loading && fallback
|
|
14100
14046
|
});
|
|
@@ -14262,9 +14208,9 @@ NestedPieChart.defaultProps = {
|
|
|
14262
14208
|
theme: 'dark'
|
|
14263
14209
|
};
|
|
14264
14210
|
|
|
14265
|
-
var css$
|
|
14211
|
+
var css$1a = ".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}";
|
|
14266
14212
|
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"};
|
|
14267
|
-
n(css$
|
|
14213
|
+
n(css$1a,{});
|
|
14268
14214
|
|
|
14269
14215
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, PieChart, CanvasRenderer, LegendComponent]);
|
|
14270
14216
|
var BasePieChart$1 = function BasePieChart(props) {
|
|
@@ -14461,9 +14407,9 @@ BasePieChart$1.propTypes = {
|
|
|
14461
14407
|
className: propTypesExports.string
|
|
14462
14408
|
};
|
|
14463
14409
|
|
|
14464
|
-
var css$
|
|
14410
|
+
var css$19 = ".BaseRegionChart_module_root__617af265 {\n width: \"100%\";\n}";
|
|
14465
14411
|
var modules_459dfe63 = {"root":"BaseRegionChart_module_root__617af265"};
|
|
14466
|
-
n(css$
|
|
14412
|
+
n(css$19,{});
|
|
14467
14413
|
|
|
14468
14414
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, MapChart, VisualMapComponent, GeoComponent, LegendComponent, CanvasRenderer]);
|
|
14469
14415
|
var BaseRegionChart = function BaseRegionChart(props) {
|
|
@@ -14552,9 +14498,9 @@ BaseRegionChart.defaultProps = {
|
|
|
14552
14498
|
className: ''
|
|
14553
14499
|
};
|
|
14554
14500
|
|
|
14555
|
-
var css$
|
|
14501
|
+
var css$18 = ".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}";
|
|
14556
14502
|
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"};
|
|
14557
|
-
n(css$
|
|
14503
|
+
n(css$18,{});
|
|
14558
14504
|
|
|
14559
14505
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, LegendComponent, PolarComponent, BarChart, CanvasRenderer]);
|
|
14560
14506
|
var determineGradient$1 = function determineGradient(seriesData, objectData, index, subIndex, key) {
|
|
@@ -14781,9 +14727,9 @@ var StackedPieChart = function StackedPieChart(props) {
|
|
|
14781
14727
|
});
|
|
14782
14728
|
};
|
|
14783
14729
|
|
|
14784
|
-
var css$
|
|
14730
|
+
var css$17 = ".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}";
|
|
14785
14731
|
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"};
|
|
14786
|
-
n(css$
|
|
14732
|
+
n(css$17,{});
|
|
14787
14733
|
|
|
14788
14734
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
14789
14735
|
var AXIS_COLORS = {
|
|
@@ -15137,18 +15083,44 @@ BaseVerticalBarChart.defaultProps = {
|
|
|
15137
15083
|
theme: 'dark'
|
|
15138
15084
|
};
|
|
15139
15085
|
|
|
15140
|
-
var
|
|
15141
|
-
var
|
|
15142
|
-
|
|
15086
|
+
var getColorGradient = function getColorGradient(ctx, gradientString) {
|
|
15087
|
+
var _ctx$chart = ctx.chart,
|
|
15088
|
+
chartArea = _ctx$chart.chartArea,
|
|
15089
|
+
canvasContext = _ctx$chart.ctx;
|
|
15090
|
+
if (!chartArea) return null;
|
|
15091
|
+
|
|
15092
|
+
// Default vertical gradient
|
|
15093
|
+
var gradient = canvasContext.createLinearGradient(0, chartArea.bottom, 0, chartArea.top);
|
|
15094
|
+
|
|
15095
|
+
// Parse the string to get color stops
|
|
15096
|
+
var match = gradientString.match(/linear-gradient\(0deg,\s*(.*)\)/);
|
|
15097
|
+
if (!match) return gradientString; // fallback to solid color
|
|
15098
|
+
|
|
15099
|
+
var stops = match[1].split(',').map(function (s) {
|
|
15100
|
+
return s.trim();
|
|
15101
|
+
});
|
|
15102
|
+
stops.forEach(function (stop) {
|
|
15103
|
+
var _stop$split = stop.split(' '),
|
|
15104
|
+
_stop$split2 = _slicedToArray(_stop$split, 2),
|
|
15105
|
+
color = _stop$split2[0],
|
|
15106
|
+
percent = _stop$split2[1];
|
|
15107
|
+
gradient.addColorStop(parseFloat(percent) / 100, color);
|
|
15108
|
+
});
|
|
15109
|
+
return gradient;
|
|
15110
|
+
};
|
|
15111
|
+
|
|
15112
|
+
var css$16 = ".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}";
|
|
15113
|
+
var modules_37a5ff73$8 = {"root":"Skeleton_module_root__cca72340"};
|
|
15114
|
+
n(css$16,{});
|
|
15143
15115
|
|
|
15144
15116
|
var BARS$1 = _toConsumableArray(Array(10).keys()).map(function () {
|
|
15145
15117
|
return Math.random() * 80 + 20;
|
|
15146
15118
|
});
|
|
15147
|
-
var ChartSkeleton$
|
|
15119
|
+
var ChartSkeleton$5 = function ChartSkeleton(_ref) {
|
|
15148
15120
|
var theme = _ref.theme,
|
|
15149
15121
|
fallback = _ref.fallback;
|
|
15150
15122
|
return /*#__PURE__*/jsx("div", {
|
|
15151
|
-
className: modules_37a5ff73$
|
|
15123
|
+
className: modules_37a5ff73$8.root,
|
|
15152
15124
|
children: BARS$1.map(function (bar) {
|
|
15153
15125
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
15154
15126
|
theme: theme,
|
|
@@ -15179,8 +15151,6 @@ var BaseBarChart = function BaseBarChart(_ref) {
|
|
|
15179
15151
|
barThickness = _ref$barThickness === void 0 ? 50 : _ref$barThickness,
|
|
15180
15152
|
_ref$borderRadius = _ref.borderRadius,
|
|
15181
15153
|
borderRadius = _ref$borderRadius === void 0 ? 5 : _ref$borderRadius,
|
|
15182
|
-
barColor1 = _ref.barColor1,
|
|
15183
|
-
barColor2 = _ref.barColor2,
|
|
15184
15154
|
xAxisTitle = _ref.xAxisTitle,
|
|
15185
15155
|
yAxisTitle = _ref.yAxisTitle,
|
|
15186
15156
|
tooltip = _ref.tooltip,
|
|
@@ -15193,9 +15163,10 @@ var BaseBarChart = function BaseBarChart(_ref) {
|
|
|
15193
15163
|
_ref$vertical = _ref.vertical,
|
|
15194
15164
|
vertical = _ref$vertical === void 0 ? true : _ref$vertical,
|
|
15195
15165
|
stacked = _ref.stacked,
|
|
15196
|
-
extra = _ref.extra
|
|
15166
|
+
extra = _ref.extra,
|
|
15167
|
+
barColors = _ref.barColors;
|
|
15197
15168
|
if (loading) {
|
|
15198
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
15169
|
+
return /*#__PURE__*/jsx(ChartSkeleton$5, {
|
|
15199
15170
|
vertical: vertical
|
|
15200
15171
|
});
|
|
15201
15172
|
}
|
|
@@ -15211,7 +15182,14 @@ var BaseBarChart = function BaseBarChart(_ref) {
|
|
|
15211
15182
|
var barDatasets = Array.from(allKeys).map(function (key) {
|
|
15212
15183
|
return _objectSpread2({
|
|
15213
15184
|
label: key,
|
|
15214
|
-
backgroundColor:
|
|
15185
|
+
backgroundColor: function backgroundColor(ctx) {
|
|
15186
|
+
var color = barColors === null || barColors === void 0 ? void 0 : barColors[key];
|
|
15187
|
+
if (!color) return 'grey';
|
|
15188
|
+
if (color.startsWith('linear-gradient')) {
|
|
15189
|
+
return getColorGradient(ctx, color);
|
|
15190
|
+
}
|
|
15191
|
+
return color;
|
|
15192
|
+
},
|
|
15215
15193
|
data: labels.map(function (label) {
|
|
15216
15194
|
return seriesData.chartData[label][key] !== undefined ? seriesData.chartData[label][key] : null;
|
|
15217
15195
|
}),
|
|
@@ -15248,7 +15226,7 @@ var BaseBarChart = function BaseBarChart(_ref) {
|
|
|
15248
15226
|
usePointStyle: (_tooltip$usePointStyl = tooltip === null || tooltip === void 0 ? void 0 : tooltip.usePointStyle) !== null && _tooltip$usePointStyl !== void 0 ? _tooltip$usePointStyl : true,
|
|
15249
15227
|
titleColor: (_tooltip$bodyFont$tit = tooltip === null || tooltip === void 0 || (_tooltip$bodyFont = tooltip.bodyFont) === null || _tooltip$bodyFont === void 0 ? void 0 : _tooltip$bodyFont.titleColor) !== null && _tooltip$bodyFont$tit !== void 0 ? _tooltip$bodyFont$tit : '#000',
|
|
15250
15228
|
bodyColor: (_tooltip$bodyFont$col = tooltip === null || tooltip === void 0 || (_tooltip$bodyFont2 = tooltip.bodyFont) === null || _tooltip$bodyFont2 === void 0 ? void 0 : _tooltip$bodyFont2.color) !== null && _tooltip$bodyFont$col !== void 0 ? _tooltip$bodyFont$col : '#000',
|
|
15251
|
-
bodyFont: _objectSpread2(_objectSpread2({}, tooltip.bodyFont), {}, {
|
|
15229
|
+
bodyFont: _objectSpread2(_objectSpread2({}, tooltip === null || tooltip === void 0 ? void 0 : tooltip.bodyFont), {}, {
|
|
15252
15230
|
family: 'Poppins'
|
|
15253
15231
|
})
|
|
15254
15232
|
}, tooltip),
|
|
@@ -15337,18 +15315,18 @@ var BaseBarChart = function BaseBarChart(_ref) {
|
|
|
15337
15315
|
});
|
|
15338
15316
|
};
|
|
15339
15317
|
|
|
15340
|
-
var css$
|
|
15341
|
-
var modules_37a5ff73$
|
|
15342
|
-
n(css$
|
|
15318
|
+
var css$15 = ".Skeleton_module_root__35678706 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n height: 100%;\n width: 100%;\n padding: 3rem;\n}";
|
|
15319
|
+
var modules_37a5ff73$7 = {"root":"Skeleton_module_root__35678706"};
|
|
15320
|
+
n(css$15,{});
|
|
15343
15321
|
|
|
15344
15322
|
var BARS = _toConsumableArray(Array(10).keys()).map(function () {
|
|
15345
15323
|
return Math.random() * 80 + 20;
|
|
15346
15324
|
});
|
|
15347
|
-
var ChartSkeleton$
|
|
15325
|
+
var ChartSkeleton$4 = function ChartSkeleton(_ref) {
|
|
15348
15326
|
var theme = _ref.theme,
|
|
15349
15327
|
fallback = _ref.fallback;
|
|
15350
15328
|
return /*#__PURE__*/jsx("div", {
|
|
15351
|
-
className: modules_37a5ff73$
|
|
15329
|
+
className: modules_37a5ff73$7.root,
|
|
15352
15330
|
children: BARS.map(function (bar) {
|
|
15353
15331
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
15354
15332
|
theme: theme,
|
|
@@ -15382,7 +15360,7 @@ var CapsuleChart = function CapsuleChart(props) {
|
|
|
15382
15360
|
extra = props.extra,
|
|
15383
15361
|
styles = props.styles;
|
|
15384
15362
|
if (loading || fallback) {
|
|
15385
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
15363
|
+
return /*#__PURE__*/jsx(ChartSkeleton$4, {
|
|
15386
15364
|
theme: "dark",
|
|
15387
15365
|
fallback: !loading && fallback
|
|
15388
15366
|
});
|
|
@@ -15569,9 +15547,9 @@ var CapsuleChart = function CapsuleChart(props) {
|
|
|
15569
15547
|
});
|
|
15570
15548
|
};
|
|
15571
15549
|
|
|
15572
|
-
var css$
|
|
15573
|
-
var modules_37a5ff73$
|
|
15574
|
-
n(css$
|
|
15550
|
+
var css$14 = ".Skeleton_module_root__13b12cf6 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n height: 100%;\n width: 100%;\n padding: 2rem;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6 {\n transform: rotate(30deg);\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6:not(:nth-child(1)) {\n margin-left: -1.75rem;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6:nth-child(2n) {\n transform: rotate(-30deg);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: flex-end;\n flex: 1 1 50%;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n height: 10rem;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6:nth-child(2n) {\n transform: rotate3d(0, 1, 0, 180deg);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6.Skeleton_module_lightTheme__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n background: linear-gradient(to bottom right, var(--white) 0%, var(--white) 50%, var(--grey6) 50%, var(--grey6) 100%);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6.Skeleton_module_darkTheme__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n background: linear-gradient(to bottom right, var(--dark-grey) 0%, var(--dark-grey) 50%, var(--grey2) 50%, var(--grey2) 100%);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_base__13b12cf6 {\n flex: 1 1 50%;\n}";
|
|
15551
|
+
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__13b12cf6","line":"Skeleton_module_line__13b12cf6","bump":"Skeleton_module_bump__13b12cf6","filled":"Skeleton_module_filled__13b12cf6","bumps":"Skeleton_module_bumps__13b12cf6","triangle":"Skeleton_module_triangle__13b12cf6","light-theme":"Skeleton_module_lightTheme__13b12cf6","dark-theme":"Skeleton_module_darkTheme__13b12cf6","base":"Skeleton_module_base__13b12cf6"};
|
|
15552
|
+
n(css$14,{});
|
|
15575
15553
|
|
|
15576
15554
|
var BUMPS = _toConsumableArray(Array(10).keys()).map(function () {
|
|
15577
15555
|
return Math.random() * 80 + 20;
|
|
@@ -15579,36 +15557,36 @@ var BUMPS = _toConsumableArray(Array(10).keys()).map(function () {
|
|
|
15579
15557
|
var TRIANGLES = _toConsumableArray(Array(7).keys()).map(function () {
|
|
15580
15558
|
return Math.random() * 80 + 20;
|
|
15581
15559
|
});
|
|
15582
|
-
var ChartSkeleton$
|
|
15560
|
+
var ChartSkeleton$3 = function ChartSkeleton(_ref) {
|
|
15583
15561
|
var filled = _ref.filled,
|
|
15584
15562
|
theme = _ref.theme,
|
|
15585
15563
|
fallback = _ref.fallback;
|
|
15586
15564
|
if (filled) {
|
|
15587
15565
|
return /*#__PURE__*/jsxs("div", {
|
|
15588
|
-
className: classes(modules_37a5ff73$
|
|
15566
|
+
className: classes(modules_37a5ff73$6.root, modules_37a5ff73$6.filled, modules_37a5ff73$6["".concat(theme, "-theme")]),
|
|
15589
15567
|
children: [/*#__PURE__*/jsx("div", {
|
|
15590
|
-
className: modules_37a5ff73$
|
|
15568
|
+
className: modules_37a5ff73$6.bumps,
|
|
15591
15569
|
children: TRIANGLES.map(function (bump) {
|
|
15592
15570
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
15593
15571
|
theme: theme,
|
|
15594
|
-
className: modules_37a5ff73$
|
|
15572
|
+
className: modules_37a5ff73$6.triangle,
|
|
15595
15573
|
noAnimation: true
|
|
15596
15574
|
}, bump);
|
|
15597
15575
|
})
|
|
15598
15576
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
15599
|
-
className: modules_37a5ff73$
|
|
15577
|
+
className: modules_37a5ff73$6.base,
|
|
15600
15578
|
theme: theme
|
|
15601
15579
|
})]
|
|
15602
15580
|
});
|
|
15603
15581
|
}
|
|
15604
15582
|
return /*#__PURE__*/jsx("div", {
|
|
15605
|
-
className: modules_37a5ff73$
|
|
15583
|
+
className: modules_37a5ff73$6.root,
|
|
15606
15584
|
children: /*#__PURE__*/jsx("div", {
|
|
15607
|
-
className: modules_37a5ff73$
|
|
15585
|
+
className: modules_37a5ff73$6.line,
|
|
15608
15586
|
children: BUMPS.map(function (bump) {
|
|
15609
15587
|
return /*#__PURE__*/jsx(Skeleton, {
|
|
15610
15588
|
theme: theme,
|
|
15611
|
-
className: modules_37a5ff73$
|
|
15589
|
+
className: modules_37a5ff73$6.bump,
|
|
15612
15590
|
height: "0.5rem",
|
|
15613
15591
|
noAnimation: fallback
|
|
15614
15592
|
}, bump);
|
|
@@ -15653,7 +15631,7 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15653
15631
|
extra = props.extra,
|
|
15654
15632
|
dataSetOptions = props.dataSetOptions;
|
|
15655
15633
|
if (loading || fallback) {
|
|
15656
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
15634
|
+
return /*#__PURE__*/jsx(ChartSkeleton$3, {
|
|
15657
15635
|
theme: theme,
|
|
15658
15636
|
fallback: !loading && fallback
|
|
15659
15637
|
});
|
|
@@ -15913,39 +15891,39 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15913
15891
|
});
|
|
15914
15892
|
};
|
|
15915
15893
|
|
|
15916
|
-
var css$
|
|
15917
|
-
var modules_37a5ff73$
|
|
15918
|
-
n(css$
|
|
15894
|
+
var css$13 = ".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}";
|
|
15895
|
+
var modules_37a5ff73$5 = {"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"};
|
|
15896
|
+
n(css$13,{});
|
|
15919
15897
|
|
|
15920
|
-
var ChartSkeleton$
|
|
15898
|
+
var ChartSkeleton$2 = function ChartSkeleton(_ref) {
|
|
15921
15899
|
var theme = _ref.theme,
|
|
15922
15900
|
fallback = _ref.fallback;
|
|
15923
15901
|
return /*#__PURE__*/jsxs("div", {
|
|
15924
|
-
className: classes(modules_37a5ff73$
|
|
15902
|
+
className: classes(modules_37a5ff73$5.root, modules_37a5ff73$5["".concat(theme, "-theme")]),
|
|
15925
15903
|
children: [/*#__PURE__*/jsx(Skeleton, {
|
|
15926
15904
|
theme: theme,
|
|
15927
|
-
className: modules_37a5ff73$
|
|
15905
|
+
className: modules_37a5ff73$5.outer,
|
|
15928
15906
|
width: "12.5rem",
|
|
15929
15907
|
height: "12.5rem",
|
|
15930
15908
|
variant: "circle",
|
|
15931
15909
|
noAnimation: fallback
|
|
15932
15910
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
15933
15911
|
noAnimation: true,
|
|
15934
|
-
className: modules_37a5ff73$
|
|
15912
|
+
className: modules_37a5ff73$5.inner,
|
|
15935
15913
|
width: "7.5rem",
|
|
15936
15914
|
height: "7.5rem",
|
|
15937
15915
|
variant: "circle"
|
|
15938
15916
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
15939
15917
|
noAnimation: true,
|
|
15940
|
-
className: modules_37a5ff73$
|
|
15918
|
+
className: modules_37a5ff73$5.line,
|
|
15941
15919
|
width: "6.25rem"
|
|
15942
15920
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
15943
15921
|
noAnimation: true,
|
|
15944
|
-
className: modules_37a5ff73$
|
|
15922
|
+
className: modules_37a5ff73$5.line,
|
|
15945
15923
|
width: "6.25rem"
|
|
15946
15924
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
15947
15925
|
noAnimation: true,
|
|
15948
|
-
className: modules_37a5ff73$
|
|
15926
|
+
className: modules_37a5ff73$5.line,
|
|
15949
15927
|
width: "6.25rem"
|
|
15950
15928
|
})]
|
|
15951
15929
|
});
|
|
@@ -16074,7 +16052,7 @@ var CapsulePolarChart = function CapsulePolarChart(_ref) {
|
|
|
16074
16052
|
rotation: -Math.PI / 2
|
|
16075
16053
|
}, chartOptions);
|
|
16076
16054
|
if (loading || fallback) {
|
|
16077
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
16055
|
+
return /*#__PURE__*/jsx(ChartSkeleton$2, {
|
|
16078
16056
|
fallback: !loading && fallback
|
|
16079
16057
|
});
|
|
16080
16058
|
}
|
|
@@ -16109,43 +16087,43 @@ var CapsulePolarChart = function CapsulePolarChart(_ref) {
|
|
|
16109
16087
|
});
|
|
16110
16088
|
};
|
|
16111
16089
|
|
|
16112
|
-
var css$
|
|
16090
|
+
var css$12 = ".BasePieChart_module_root__1ce331ae {\n width: 100%;\n contain-intrinsic-height: 90%;\n font-family: Poppins !important;\n}\n.BasePieChart_module_root__1ce331ae > canvas {\n width: -moz-fit-content !important;\n width: fit-content !important;\n}";
|
|
16113
16091
|
var modules_c20882aa = {"root":"BasePieChart_module_root__1ce331ae"};
|
|
16114
|
-
n(css$13,{});
|
|
16115
|
-
|
|
16116
|
-
var css$12 = ".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}";
|
|
16117
|
-
var modules_37a5ff73$5 = {"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"};
|
|
16118
16092
|
n(css$12,{});
|
|
16119
16093
|
|
|
16120
|
-
var
|
|
16094
|
+
var css$11 = ".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}";
|
|
16095
|
+
var modules_37a5ff73$4 = {"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"};
|
|
16096
|
+
n(css$11,{});
|
|
16097
|
+
|
|
16098
|
+
var ChartSkeleton$1 = function ChartSkeleton(_ref) {
|
|
16121
16099
|
var theme = _ref.theme,
|
|
16122
16100
|
fallback = _ref.fallback;
|
|
16123
16101
|
return /*#__PURE__*/jsxs("div", {
|
|
16124
|
-
className: classes(modules_37a5ff73$
|
|
16102
|
+
className: classes(modules_37a5ff73$4.root, modules_37a5ff73$4["".concat(theme, "-theme")]),
|
|
16125
16103
|
children: [/*#__PURE__*/jsx(Skeleton, {
|
|
16126
16104
|
theme: theme,
|
|
16127
|
-
className: modules_37a5ff73$
|
|
16105
|
+
className: modules_37a5ff73$4.outer,
|
|
16128
16106
|
width: "12.5rem",
|
|
16129
16107
|
height: "12.5rem",
|
|
16130
16108
|
variant: "circle",
|
|
16131
16109
|
noAnimation: fallback
|
|
16132
16110
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
16133
16111
|
noAnimation: true,
|
|
16134
|
-
className: modules_37a5ff73$
|
|
16112
|
+
className: modules_37a5ff73$4.inner,
|
|
16135
16113
|
width: "7.5rem",
|
|
16136
16114
|
height: "7.5rem",
|
|
16137
16115
|
variant: "circle"
|
|
16138
16116
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
16139
16117
|
noAnimation: true,
|
|
16140
|
-
className: modules_37a5ff73$
|
|
16118
|
+
className: modules_37a5ff73$4.line,
|
|
16141
16119
|
width: "6.25rem"
|
|
16142
16120
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
16143
16121
|
noAnimation: true,
|
|
16144
|
-
className: modules_37a5ff73$
|
|
16122
|
+
className: modules_37a5ff73$4.line,
|
|
16145
16123
|
width: "6.25rem"
|
|
16146
16124
|
}), /*#__PURE__*/jsx(Skeleton, {
|
|
16147
16125
|
noAnimation: true,
|
|
16148
|
-
className: modules_37a5ff73$
|
|
16126
|
+
className: modules_37a5ff73$4.line,
|
|
16149
16127
|
width: "6.25rem"
|
|
16150
16128
|
})]
|
|
16151
16129
|
});
|
|
@@ -16153,7 +16131,7 @@ var ChartSkeleton$2 = function ChartSkeleton(_ref) {
|
|
|
16153
16131
|
|
|
16154
16132
|
Chart.register(ArcElement, Tooltip$1, Legend, Title$1);
|
|
16155
16133
|
var BasePieChart = function BasePieChart(props) {
|
|
16156
|
-
var _seriesData$metaData, _seriesData$chartData, _seriesData$
|
|
16134
|
+
var _seriesData$metaData, _seriesData$chartData, _seriesData$chartData4, _doughnut$, _doughnut$2, _chartOptions$respons, _legend$display, _tooltip$borderWidth, _tooltip$callbacks, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2;
|
|
16157
16135
|
var loading = props.loading,
|
|
16158
16136
|
title = props.title,
|
|
16159
16137
|
tittleSize = props.tittleSize,
|
|
@@ -16189,7 +16167,7 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16189
16167
|
var legendRef = useRef(null); // Reference to hold the custom legend
|
|
16190
16168
|
|
|
16191
16169
|
if (loading || fallback) {
|
|
16192
|
-
return /*#__PURE__*/jsx(ChartSkeleton$
|
|
16170
|
+
return /*#__PURE__*/jsx(ChartSkeleton$1, {
|
|
16193
16171
|
theme: theme,
|
|
16194
16172
|
fallback: !loading && fallback
|
|
16195
16173
|
});
|
|
@@ -16219,20 +16197,29 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16219
16197
|
var _seriesData$chartData2;
|
|
16220
16198
|
return seriesData === null || seriesData === void 0 || (_seriesData$chartData2 = seriesData.chartData) === null || _seriesData$chartData2 === void 0 ? void 0 : _seriesData$chartData2[key];
|
|
16221
16199
|
}),
|
|
16222
|
-
backgroundColor:
|
|
16223
|
-
|
|
16224
|
-
|
|
16225
|
-
|
|
16226
|
-
|
|
16227
|
-
|
|
16228
|
-
|
|
16229
|
-
|
|
16230
|
-
|
|
16231
|
-
|
|
16232
|
-
|
|
16233
|
-
|
|
16234
|
-
|
|
16235
|
-
|
|
16200
|
+
backgroundColor: function backgroundColor(ctx) {
|
|
16201
|
+
var _seriesData$chartData3;
|
|
16202
|
+
return seriesOption ? seriesOption.map(function (option, index) {
|
|
16203
|
+
var _option$itemStyle;
|
|
16204
|
+
if (hoveredIndex !== null && hoveredIndex !== index) {
|
|
16205
|
+
return '#D3D3D3';
|
|
16206
|
+
}
|
|
16207
|
+
if (excludedIndices.includes(index)) {
|
|
16208
|
+
return '#D3D3D3';
|
|
16209
|
+
}
|
|
16210
|
+
var color = option === null || option === void 0 || (_option$itemStyle = option.itemStyle) === null || _option$itemStyle === void 0 ? void 0 : _option$itemStyle.color;
|
|
16211
|
+
if (typeof color === 'string' && color.startsWith('linear-gradient')) {
|
|
16212
|
+
return getColorGradient(ctx, color);
|
|
16213
|
+
}
|
|
16214
|
+
return color || '#000'; // Fallback solid color
|
|
16215
|
+
}) : Object.keys((_seriesData$chartData3 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData3 !== void 0 ? _seriesData$chartData3 : {}).map(function (_, index) {
|
|
16216
|
+
var defaultColors = ['#FF6384', '#36A2EB', '#FFCE56', '#4BC0C0', '#9966FF', '#FF9F40'];
|
|
16217
|
+
if (hoveredIndex !== null && hoveredIndex !== index) {
|
|
16218
|
+
return '#D3D3D3';
|
|
16219
|
+
}
|
|
16220
|
+
return excludedIndices.includes(index) ? '#D3D3D3' : defaultColors[index % defaultColors.length];
|
|
16221
|
+
});
|
|
16222
|
+
},
|
|
16236
16223
|
borderColor: seriesOption ? seriesOption.map(function (option, index) {
|
|
16237
16224
|
return excludedIndices.includes(index) ? '#D3D3D3' // Grey for excluded items
|
|
16238
16225
|
: option.itemStyle.color; // Normal color for other borders
|
|
@@ -16251,7 +16238,9 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16251
16238
|
cutout: (_doughnut$2 = doughnut === null || doughnut === void 0 ? void 0 : doughnut[1]) !== null && _doughnut$2 !== void 0 ? _doughnut$2 : '0%'
|
|
16252
16239
|
}, dataSetOptions)]
|
|
16253
16240
|
};
|
|
16241
|
+
var hoveredIndexRef = useRef(null);
|
|
16254
16242
|
var handleHover = function handleHover(index) {
|
|
16243
|
+
hoveredIndexRef.current = index;
|
|
16255
16244
|
setHoveredIndex(index);
|
|
16256
16245
|
};
|
|
16257
16246
|
var options = _objectSpread2({
|
|
@@ -16289,6 +16278,7 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16289
16278
|
},
|
|
16290
16279
|
onLeave: function onLeave() {
|
|
16291
16280
|
setHoveredIndex(null);
|
|
16281
|
+
hoveredIndexRef.current = null;
|
|
16292
16282
|
}
|
|
16293
16283
|
}, legend),
|
|
16294
16284
|
title: {
|
|
@@ -16347,10 +16337,12 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16347
16337
|
handleHover(hoveredIndexx);
|
|
16348
16338
|
} else {
|
|
16349
16339
|
setHoveredIndex(null);
|
|
16340
|
+
hoveredIndexRef.current = null;
|
|
16350
16341
|
}
|
|
16351
16342
|
},
|
|
16352
16343
|
onLeave: function onLeave() {
|
|
16353
16344
|
setHoveredIndex(null);
|
|
16345
|
+
hoveredIndexRef.current = null;
|
|
16354
16346
|
},
|
|
16355
16347
|
animations: {
|
|
16356
16348
|
animateRotate: false,
|
|
@@ -16449,6 +16441,18 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16449
16441
|
ctx.restore();
|
|
16450
16442
|
}
|
|
16451
16443
|
};
|
|
16444
|
+
var legendColors = seriesOption ? seriesOption.map(function (option) {
|
|
16445
|
+
var _option$itemStyle2;
|
|
16446
|
+
var color = option === null || option === void 0 || (_option$itemStyle2 = option.itemStyle) === null || _option$itemStyle2 === void 0 ? void 0 : _option$itemStyle2.color;
|
|
16447
|
+
if (typeof color !== 'string' || !color.startsWith('linear-gradient')) {
|
|
16448
|
+
return color; // return as-is if not a gradient
|
|
16449
|
+
}
|
|
16450
|
+
var colorStops = color.match(/#(?:[0-9a-fA-F]{3}){1,2}/g);
|
|
16451
|
+
|
|
16452
|
+
// Return the first color stop as fallback
|
|
16453
|
+
return (colorStops === null || colorStops === void 0 ? void 0 : colorStops[0]) || '#000'; // Fallback to black
|
|
16454
|
+
}) : [];
|
|
16455
|
+
console.log(legendColors);
|
|
16452
16456
|
var customLegendPlugin = {
|
|
16453
16457
|
id: 'customLegend',
|
|
16454
16458
|
afterUpdate: function afterUpdate(chart) {
|
|
@@ -16462,9 +16466,6 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16462
16466
|
li.style.alignItems = 'center';
|
|
16463
16467
|
li.style.cursor = 'pointer';
|
|
16464
16468
|
|
|
16465
|
-
// Get the color for the current pie slice
|
|
16466
|
-
var sliceColor = chart.data.datasets[0].backgroundColor[index];
|
|
16467
|
-
|
|
16468
16469
|
// Handle click for excluding/un-excluding slices
|
|
16469
16470
|
li.onclick = function (event) {
|
|
16470
16471
|
var legendItem = {
|
|
@@ -16483,13 +16484,14 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16483
16484
|
|
|
16484
16485
|
// Handle leave event to remove hover effect
|
|
16485
16486
|
li.onmouseleave = function () {
|
|
16486
|
-
setHoveredIndex(null);
|
|
16487
|
-
|
|
16487
|
+
setHoveredIndex(null); // Reset hover index on leave
|
|
16488
|
+
hoveredIndexRef.current = null;
|
|
16489
|
+
chart.update('none'); // Update the chart without animation
|
|
16488
16490
|
};
|
|
16489
16491
|
|
|
16490
16492
|
// Apply grey color dynamically based on the hovered state
|
|
16491
|
-
var isGreyedOut =
|
|
16492
|
-
var displayColor = isGreyedOut ? '#D3D3D3' :
|
|
16493
|
+
var isGreyedOut = hoveredIndexRef.current !== null && hoveredIndexRef.current !== index;
|
|
16494
|
+
var displayColor = isGreyedOut ? '#D3D3D3' : legendColors[index];
|
|
16493
16495
|
var value = chart.data.datasets[0].data[index];
|
|
16494
16496
|
li.innerHTML = "\n\t\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"".concat(displayColor, "\" stroke-width=\"6\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t\t\n\t\t\t\t\t<span style=\"margin-left: 10px;\">\n\t\t\t\t\t\t<span>").concat(label, "</span>\n\t\t\t\t\t\t<span style=\"margin-left: 14px;\">").concat(value, "</span>\n\t\t\t\t\t</span>\n\t\t\t\t");
|
|
16495
16497
|
ul.appendChild(li);
|
|
@@ -16500,6 +16502,7 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16500
16502
|
className: classes(modules_c20882aa.root, className),
|
|
16501
16503
|
onMouseLeave: function onMouseLeave() {
|
|
16502
16504
|
setHoveredIndex(null);
|
|
16505
|
+
hoveredIndexRef.current = null;
|
|
16503
16506
|
},
|
|
16504
16507
|
style: _objectSpread2({
|
|
16505
16508
|
width: width,
|
|
@@ -16520,9 +16523,9 @@ var BasePieChart = function BasePieChart(props) {
|
|
|
16520
16523
|
});
|
|
16521
16524
|
};
|
|
16522
16525
|
|
|
16523
|
-
var css$
|
|
16526
|
+
var css$10 = ".CodeSnippet_module_root__898176fc {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__898176fc .CodeSnippet_module_code__898176fc {\n font-family: monospace;\n font-size: 1rem;\n}\n.CodeSnippet_module_root__898176fc .CodeSnippet_module_copy__898176fc {\n visibility: hidden;\n position: absolute;\n}\n.CodeSnippet_module_root__898176fc:hover .CodeSnippet_module_copy__898176fc {\n visibility: visible;\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet_module_root__898176fc:hover .CodeSnippet_module_copy__898176fc .CodeSnippet_module_icon__898176fc {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}";
|
|
16524
16527
|
var modules_c548043f = {"root":"CodeSnippet_module_root__898176fc","code":"CodeSnippet_module_code__898176fc","copy":"CodeSnippet_module_copy__898176fc","icon":"CodeSnippet_module_icon__898176fc"};
|
|
16525
|
-
n(css$
|
|
16528
|
+
n(css$10,{});
|
|
16526
16529
|
|
|
16527
16530
|
var CodeSnippet = function CodeSnippet(props) {
|
|
16528
16531
|
var copy = props.copy,
|
|
@@ -16662,7 +16665,7 @@ CodeSnippet.propTypes = {
|
|
|
16662
16665
|
var useOutsideClickListener = function useOutsideClickListener(ref, callback) {
|
|
16663
16666
|
useEffect(function () {
|
|
16664
16667
|
var handleClickOutside = function handleClickOutside(event) {
|
|
16665
|
-
if (
|
|
16668
|
+
if (!ref.current.contains(event.target)) {
|
|
16666
16669
|
callback();
|
|
16667
16670
|
}
|
|
16668
16671
|
};
|
|
@@ -16670,7 +16673,7 @@ var useOutsideClickListener = function useOutsideClickListener(ref, callback) {
|
|
|
16670
16673
|
return function () {
|
|
16671
16674
|
document.removeEventListener('mousedown', handleClickOutside);
|
|
16672
16675
|
};
|
|
16673
|
-
}, [ref]);
|
|
16676
|
+
}, [ref, callback]);
|
|
16674
16677
|
};
|
|
16675
16678
|
|
|
16676
16679
|
var useResize = function useResize(props) {
|
|
@@ -16683,44 +16686,43 @@ var useResize = function useResize(props) {
|
|
|
16683
16686
|
borderSize = styles.borderSize;
|
|
16684
16687
|
useEffect(function () {
|
|
16685
16688
|
if (enabled) {
|
|
16686
|
-
var
|
|
16687
|
-
var mPos =
|
|
16688
|
-
var itemRect =
|
|
16689
|
+
var refElement = ref.current;
|
|
16690
|
+
var mPos = 0;
|
|
16691
|
+
var itemRect = refElement.getBoundingClientRect();
|
|
16689
16692
|
var resize = function resize(event) {
|
|
16690
16693
|
var dX = event.x - mPos;
|
|
16691
|
-
|
|
16692
|
-
|
|
16693
|
-
|
|
16694
|
-
ref.current.style.width = "".concat(newWidth, "px");
|
|
16694
|
+
var newWidth = itemRect.width + dX;
|
|
16695
|
+
if (minWidth && maxWidth && newWidth > minWidth && newWidth < maxWidth) {
|
|
16696
|
+
refElement.style.width = "".concat(newWidth.toString(), "px");
|
|
16695
16697
|
}
|
|
16696
16698
|
};
|
|
16697
16699
|
var onMouseDown = function onMouseDown(evt) {
|
|
16698
|
-
if (itemRect.width - evt.offsetX < borderSize) {
|
|
16700
|
+
if (borderSize && itemRect.width - evt.offsetX < borderSize) {
|
|
16699
16701
|
mPos = evt.x;
|
|
16700
16702
|
document.addEventListener('mousemove', resize);
|
|
16701
16703
|
}
|
|
16702
16704
|
};
|
|
16703
16705
|
var onMouseUp = function onMouseUp(evt) {
|
|
16704
|
-
var _ref$current2, _ref$current2$getBoun;
|
|
16705
16706
|
mPos = evt.x;
|
|
16706
|
-
itemRect.width =
|
|
16707
|
+
itemRect.width = refElement.getBoundingClientRect().width;
|
|
16707
16708
|
document.removeEventListener('mousemove', resize);
|
|
16708
16709
|
};
|
|
16709
|
-
|
|
16710
|
+
refElement.addEventListener('mousedown', onMouseDown, false);
|
|
16710
16711
|
document.documentElement.addEventListener('mouseup', onMouseUp, false);
|
|
16711
16712
|
return function () {
|
|
16712
|
-
|
|
16713
|
-
ref === null || ref === void 0 || (_ref$current4 = ref.current) === null || _ref$current4 === void 0 || (_ref$current4$removeE = _ref$current4.removeEventListener) === null || _ref$current4$removeE === void 0 || _ref$current4$removeE.call(_ref$current4, 'mousedown', onMouseDown, false);
|
|
16713
|
+
refElement.removeEventListener('mousedown', onMouseDown, false);
|
|
16714
16714
|
document.documentElement.removeEventListener('mouseup', onMouseUp, false);
|
|
16715
16715
|
};
|
|
16716
16716
|
}
|
|
16717
|
-
return function () {
|
|
16718
|
-
|
|
16717
|
+
return function () {
|
|
16718
|
+
// Do Nothing
|
|
16719
|
+
};
|
|
16720
|
+
}, [borderSize, enabled, maxWidth, minWidth, ref]);
|
|
16719
16721
|
};
|
|
16720
16722
|
|
|
16721
|
-
var css
|
|
16723
|
+
var css$$ = ".ErrorBoundaryWrapper_module_root__ac28c8d4 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_message__ac28c8d4 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: flex-start;\n gap: 1rem;\n margin-bottom: 1.5rem;\n width: 80%;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_message__ac28c8d4 > h1 {\n text-wrap: nowrap;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.625rem;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4 {\n gap: 1rem;\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4:nth-child(1) {\n background-color: var(--mono-color1);\n}\n.ErrorBoundaryWrapper_module_root__ac28c8d4 .ErrorBoundaryWrapper_module_actions__ac28c8d4 > button[data-elem=base-cell].ErrorBoundaryWrapper_module_action__ac28c8d4 > [data-elem=component1] .ErrorBoundaryWrapper_module_icon__ac28c8d4 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}";
|
|
16722
16724
|
var modules_2dbfc50c = {"root":"ErrorBoundaryWrapper_module_root__ac28c8d4","message":"ErrorBoundaryWrapper_module_message__ac28c8d4","actions":"ErrorBoundaryWrapper_module_actions__ac28c8d4","action":"ErrorBoundaryWrapper_module_action__ac28c8d4","icon":"ErrorBoundaryWrapper_module_icon__ac28c8d4"};
|
|
16723
|
-
n(css
|
|
16725
|
+
n(css$$,{});
|
|
16724
16726
|
|
|
16725
16727
|
var ErrorBoundaryVector = function ErrorBoundaryVector() {
|
|
16726
16728
|
return /*#__PURE__*/jsxs("svg", {
|
|
@@ -16846,9 +16848,9 @@ ErrorBoundaryWrapper.defaultProps = {
|
|
|
16846
16848
|
resetErrorBoundary: function resetErrorBoundary() {}
|
|
16847
16849
|
};
|
|
16848
16850
|
|
|
16849
|
-
var css$$ = ".DatePicker_module_root__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] {\n flex: 1;\n width: 0% !important;\n min-width: 0rem !important;\n border-color: var(--grey3);\n border-style: solid;\n border-width: 0.0625rem 0 0.0625rem 0.0625rem;\n background-color: transparent !important;\n border-radius: 0.25rem 0 0 0.25rem;\n height: auto;\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell].DatePicker_module_highlight__0dc438ae {\n background-color: var(--mono-color3) !important;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] {\n flex: 0 0 auto;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__0dc438ae path {\n stroke: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component2] {\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n min-width: 20rem;\n overflow: visible;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_label__0dc438ae {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background-color: transparent;\n border-radius: 0.3125rem;\n width: auto;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_withCustom__0dc438ae {\n border-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: not-allowed;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae .DatePicker_module_downArrow__0dc438ae {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae .DatePicker_module_placeholder__0dc438ae {\n font-weight: 500;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_open__0dc438ae {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_error__0dc438ae {\n outline: 0.0625rem solid var(--primary-color1);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.9375rem;\n overflow: hidden;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae .DatePicker_module_icon__0dc438ae {\n flex: 1 0 auto;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div {\n font-weight: 400;\n font-size: 1rem;\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div .DatePicker_module_placeholder__0dc438ae {\n font-weight: 500;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div > span {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_input__0dc438ae {\n display: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_close__0dc438ae {\n height: auto;\n padding: 0;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n transform: rotate(180deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae > path {\n fill: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae.DatePicker_module_open__0dc438ae {\n transform: rotate(0deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae {\n border-color: var(--grey);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_placeholder__0dc438ae {\n color: var(--grey2);\n font-weight: 500;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--grey2);\n font-weight: 500;\n margin-right: 0.625rem;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n transform: rotate(180deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae > path {\n fill: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae.DatePicker_module_open__0dc438ae {\n transform: rotate(0deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae {\n background-color: var(--background-color5);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--secondary-color2);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae svg {\n fill: var(--secondary-color2);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae svg > path {\n fill: var(--secondary-color2) !important;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_errorText__0dc438ae {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--primary-color1);\n}\n\n.DatePicker_module_popper__0dc438ae {\n display: none;\n background: var(--light-color3);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.DatePicker_module_popper__0dc438ae.DatePicker_module_open__0dc438ae {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}\n.DatePicker_module_popper__0dc438ae.DatePicker_module_open__0dc438ae.DatePicker_module_ranges__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
16851
|
+
var css$_ = ".DatePicker_module_root__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] {\n flex: 1;\n width: 0% !important;\n min-width: 0rem !important;\n border-color: var(--grey3);\n border-style: solid;\n border-width: 0.0625rem 0 0.0625rem 0.0625rem;\n background-color: transparent !important;\n border-radius: 0.25rem 0 0 0.25rem;\n height: auto;\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell].DatePicker_module_highlight__0dc438ae {\n background-color: var(--mono-color3) !important;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] {\n flex: 0 0 auto;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component1] .DatePicker_module_icon__0dc438ae path {\n stroke: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_customPicker__0dc438ae[data-elem=base-cell] > [data-elem=component2] {\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae {\n flex: 1;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n min-width: 20rem;\n overflow: visible;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_label__0dc438ae {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background-color: transparent;\n border-radius: 0.3125rem;\n width: auto;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_withCustom__0dc438ae {\n border-radius: 0 0.25rem 0.25rem 0;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: not-allowed;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae .DatePicker_module_downArrow__0dc438ae {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_disabled__0dc438ae .DatePicker_module_placeholder__0dc438ae {\n font-weight: 500;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_open__0dc438ae {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_error__0dc438ae {\n outline: 0.0625rem solid var(--primary-color1);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.9375rem;\n overflow: hidden;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae .DatePicker_module_icon__0dc438ae {\n flex: 1 0 auto;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div {\n font-weight: 400;\n font-size: 1rem;\n flex: 1 1 auto;\n overflow: hidden;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div .DatePicker_module_placeholder__0dc438ae {\n font-weight: 500;\n font-size: 1rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_left__0dc438ae > div > span {\n display: inline-block;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n font-weight: 500;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_input__0dc438ae {\n display: none;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_close__0dc438ae {\n height: auto;\n padding: 0;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n transform: rotate(180deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae > path {\n fill: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_icon__0dc438ae.DatePicker_module_open__0dc438ae {\n transform: rotate(0deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae {\n border-color: var(--grey);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_placeholder__0dc438ae {\n color: var(--grey2);\n font-weight: 500;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--grey2);\n font-weight: 500;\n margin-right: 0.625rem;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n transform: rotate(180deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae > path {\n fill: var(--text-color);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlight__0dc438ae .DatePicker_module_icon__0dc438ae.DatePicker_module_open__0dc438ae {\n transform: rotate(0deg);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae {\n background-color: var(--background-color5);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae .DatePicker_module_value__0dc438ae {\n color: var(--secondary-color2);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae svg {\n fill: var(--secondary-color2);\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_container__0dc438ae.DatePicker_module_highlightOnSelect__0dc438ae svg > path {\n fill: var(--secondary-color2) !important;\n}\n.DatePicker_module_root__0dc438ae .DatePicker_module_datePicker__0dc438ae .DatePicker_module_errorText__0dc438ae {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--primary-color1);\n}\n\n.DatePicker_module_popper__0dc438ae {\n display: none;\n background: var(--light-color3);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.DatePicker_module_popper__0dc438ae.DatePicker_module_open__0dc438ae {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}\n.DatePicker_module_popper__0dc438ae.DatePicker_module_open__0dc438ae.DatePicker_module_ranges__0dc438ae {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
16850
16852
|
var modules_5b831cd1 = {"root":"DatePicker_module_root__0dc438ae","custom-picker":"DatePicker_module_customPicker__0dc438ae","highlight":"DatePicker_module_highlight__0dc438ae","icon":"DatePicker_module_icon__0dc438ae","date-picker":"DatePicker_module_datePicker__0dc438ae","label":"DatePicker_module_label__0dc438ae","container":"DatePicker_module_container__0dc438ae","with-custom":"DatePicker_module_withCustom__0dc438ae","disabled":"DatePicker_module_disabled__0dc438ae","down-arrow":"DatePicker_module_downArrow__0dc438ae","placeholder":"DatePicker_module_placeholder__0dc438ae","open":"DatePicker_module_open__0dc438ae","error":"DatePicker_module_error__0dc438ae","left":"DatePicker_module_left__0dc438ae","input":"DatePicker_module_input__0dc438ae","close":"DatePicker_module_close__0dc438ae","value":"DatePicker_module_value__0dc438ae","highlightOnSelect":"DatePicker_module_highlightOnSelect__0dc438ae","error-text":"DatePicker_module_errorText__0dc438ae","popper":"DatePicker_module_popper__0dc438ae","ranges":"DatePicker_module_ranges__0dc438ae"};
|
|
16851
|
-
n(css
|
|
16853
|
+
n(css$_,{});
|
|
16852
16854
|
|
|
16853
16855
|
var getDateAndUnixRange$2 = function getDateAndUnixRange(duration) {
|
|
16854
16856
|
var startingDate = sub(new Date(), duration);
|
|
@@ -17014,9 +17016,9 @@ var getDatePickerDisplayValue = function getDatePickerDisplayValue(_ref3) {
|
|
|
17014
17016
|
return '';
|
|
17015
17017
|
};
|
|
17016
17018
|
|
|
17017
|
-
var css$
|
|
17019
|
+
var css$Z = ".ClockView_module_root__d8762639 {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-block: 1.5rem;\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 {\n height: 15rem;\n width: 15rem;\n position: relative;\n background-color: var(--light-color2);\n border-radius: 100%;\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_number__d8762639 {\n position: absolute;\n height: 2rem;\n width: 2rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n cursor: pointer;\n border-radius: 100%;\n border: none;\n background: none;\n z-index: 2;\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_number__d8762639:hover {\n background: var(--background-color5);\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_number__d8762639.ClockView_module_selected__d8762639 {\n background: var(--secondary-color2);\n color: var(--white);\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_number__d8762639.ClockView_module_disabled__d8762639 {\n cursor: not-allowed;\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_midpoint__d8762639 {\n position: absolute;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n height: 0.625rem;\n width: 0.625rem;\n background: var(--secondary-color2);\n border-radius: 100%;\n}\n.ClockView_module_root__d8762639 .ClockView_module_clock__d8762639 .ClockView_module_connector__d8762639 {\n height: 6rem;\n width: 0.15rem;\n position: absolute;\n right: auto;\n bottom: auto;\n background-color: var(--secondary-color2);\n transform: translate(-50%, -50%);\n}";
|
|
17018
17020
|
var modules_96026e2e = {"root":"ClockView_module_root__d8762639","clock":"ClockView_module_clock__d8762639","number":"ClockView_module_number__d8762639","selected":"ClockView_module_selected__d8762639","disabled":"ClockView_module_disabled__d8762639","midpoint":"ClockView_module_midpoint__d8762639","connector":"ClockView_module_connector__d8762639"};
|
|
17019
|
-
n(css$
|
|
17021
|
+
n(css$Z,{});
|
|
17020
17022
|
|
|
17021
17023
|
var clockConfig = {
|
|
17022
17024
|
0: {
|
|
@@ -17216,13 +17218,13 @@ var ClockView = function ClockView() {
|
|
|
17216
17218
|
});
|
|
17217
17219
|
};
|
|
17218
17220
|
|
|
17219
|
-
var css$
|
|
17221
|
+
var css$Y = ".Calender_module_root__a2bedc75 {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
17220
17222
|
var modules_3722b5cd = {"root":"Calender_module_root__a2bedc75"};
|
|
17221
|
-
n(css$
|
|
17223
|
+
n(css$Y,{});
|
|
17222
17224
|
|
|
17223
|
-
var css$
|
|
17225
|
+
var css$X = ".Body_module_root__85b1b679 {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
17224
17226
|
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
17225
|
-
n(css$
|
|
17227
|
+
n(css$X,{});
|
|
17226
17228
|
|
|
17227
17229
|
var TodayIndicator = function TodayIndicator(_ref) {
|
|
17228
17230
|
var className = _ref.className;
|
|
@@ -17241,9 +17243,9 @@ var TodayIndicator = function TodayIndicator(_ref) {
|
|
|
17241
17243
|
});
|
|
17242
17244
|
};
|
|
17243
17245
|
|
|
17244
|
-
var css$
|
|
17246
|
+
var css$W = ".Dates_module_root__e4a0dad8 {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates_module_root__e4a0dad8 > div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8 {\n background-color: var(--secondary-color2);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8:hover .Dates_module_date__e4a0dad8 {\n background: var(--secondary-color2);\n color: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_today__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_today__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--white);\n font-weight: 500;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_today__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_minInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8 {\n background-color: var(--secondary-color2);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_today__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_today__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--white);\n font-weight: 500;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8.Dates_module_today__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_maxInRange__e4a0dad8:hover .Dates_module_date__e4a0dad8 {\n background: var(--secondary-color2);\n color: var(--white);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRange__e4a0dad8 {\n background: var(--background-color5);\n border-radius: 0rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRange__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--secondary-color2);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRange__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRangeSelected__e4a0dad8 {\n background: var(--background-color5);\n border-radius: 0rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRangeSelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRangeSelected__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRangeSelected__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_midInRangeSelected__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_firstHovered__e4a0dad8 {\n background: var(--background-color5);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_firstHovered__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--secondary-color2);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_firstHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_firstHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_firstHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_lastHovered__e4a0dad8 {\n background: var(--background-color5);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_lastHovered__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--secondary-color2);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_lastHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_lastHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_lastHovered__e4a0dad8.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n display: none;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_today__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_today__e4a0dad8 .Dates_module_date__e4a0dad8 {\n color: var(--secondary-color2);\n font-weight: 500;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_today__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n margin-top: -0.825rem;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_todaySelected__e4a0dad8 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_todaySelected__e4a0dad8 .Dates_module_date__e4a0dad8 {\n font-weight: 500;\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div.Dates_module_todaySelected__e4a0dad8 .Dates_module_indicator__e4a0dad8 {\n margin-top: -0.825rem;\n fill: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div .Dates_module_date__e4a0dad8 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--text-color);\n}\n.Dates_module_root__e4a0dad8 > div .Dates_module_date__e4a0dad8.Dates_module_selected__e4a0dad8 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div .Dates_module_date__e4a0dad8.Dates_module_unSelected__e4a0dad8 {\n background-color: var(--white);\n border-color: var(--secondary-color2);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates_module_root__e4a0dad8 > div .Dates_module_date__e4a0dad8.Dates_module_disabled__e4a0dad8 {\n border-radius: 1.5rem;\n color: var(--mono-color2);\n cursor: not-allowed;\n}\n.Dates_module_root__e4a0dad8 > div .Dates_module_date__e4a0dad8.Dates_module_diffMonth__e4a0dad8 {\n opacity: 0.6;\n}\n.Dates_module_root__e4a0dad8 > div:hover .Dates_module_date__e4a0dad8 {\n background: var(--background-color5);\n color: var(--secondary-color2);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Dates_module_root__e4a0dad8 > div:hover .Dates_module_selected__e4a0dad8 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Dates_module_root__e4a0dad8 > div:hover .Dates_module_disabled__e4a0dad8 {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--mono-color3);\n}";
|
|
17245
17247
|
var modules_b02dadcc = {"root":"Dates_module_root__e4a0dad8","minInRange":"Dates_module_minInRange__e4a0dad8","date":"Dates_module_date__e4a0dad8","today":"Dates_module_today__e4a0dad8","indicator":"Dates_module_indicator__e4a0dad8","today-selected":"Dates_module_todaySelected__e4a0dad8","maxInRange":"Dates_module_maxInRange__e4a0dad8","midInRange":"Dates_module_midInRange__e4a0dad8","midInRangeSelected":"Dates_module_midInRangeSelected__e4a0dad8","first-hovered":"Dates_module_firstHovered__e4a0dad8","last-hovered":"Dates_module_lastHovered__e4a0dad8","selected":"Dates_module_selected__e4a0dad8","unSelected":"Dates_module_unSelected__e4a0dad8","disabled":"Dates_module_disabled__e4a0dad8","diffMonth":"Dates_module_diffMonth__e4a0dad8"};
|
|
17246
|
-
n(css$
|
|
17248
|
+
n(css$W,{});
|
|
17247
17249
|
|
|
17248
17250
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
17249
17251
|
var monthAsNumber = _ref.monthAsNumber,
|
|
@@ -17519,9 +17521,9 @@ var Dates = function Dates(props) {
|
|
|
17519
17521
|
});
|
|
17520
17522
|
};
|
|
17521
17523
|
|
|
17522
|
-
var css$
|
|
17524
|
+
var css$V = ".Days_module_days__aef77920 {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days_module_days__aef77920 span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: var(--text-color);\n flex-basis: 14.28%;\n}";
|
|
17523
17525
|
var modules_82c45006 = {"days":"Days_module_days__aef77920"};
|
|
17524
|
-
n(css$
|
|
17526
|
+
n(css$V,{});
|
|
17525
17527
|
|
|
17526
17528
|
var Days = function Days() {
|
|
17527
17529
|
var daysInWeek = DAYS;
|
|
@@ -17542,9 +17544,9 @@ var Body = function Body(props) {
|
|
|
17542
17544
|
});
|
|
17543
17545
|
};
|
|
17544
17546
|
|
|
17545
|
-
var css$
|
|
17547
|
+
var css$U = ".Footer_module_root__d4200fd2 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n margin-inline: 1rem;\n gap: 2.5rem;\n}\n.Footer_module_root__d4200fd2 button[data-elem=base-cell].Footer_module_apply__d4200fd2[type=submit] {\n background-color: var(--secondary-color2);\n margin-top: auto;\n flex: 1;\n}\n.Footer_module_root__d4200fd2 button[data-elem=base-cell].Footer_module_clear__d4200fd2[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Footer_module_root__d4200fd2 button[data-elem=base-cell].Footer_module_clear__d4200fd2[type=submit]:hover {\n background-color: var(--light-color1);\n}";
|
|
17546
17548
|
var modules_b490bd5d = {"root":"Footer_module_root__d4200fd2","apply":"Footer_module_apply__d4200fd2","clear":"Footer_module_clear__d4200fd2"};
|
|
17547
|
-
n(css$
|
|
17549
|
+
n(css$U,{});
|
|
17548
17550
|
|
|
17549
17551
|
/* eslint-disable no-nested-ternary */
|
|
17550
17552
|
var Footer$2 = function Footer(props) {
|
|
@@ -17573,9 +17575,9 @@ var Footer$2 = function Footer(props) {
|
|
|
17573
17575
|
});
|
|
17574
17576
|
};
|
|
17575
17577
|
|
|
17576
|
-
var css$
|
|
17578
|
+
var css$T = ".DateSwitcher_module_root__188f5e6f {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n padding-inline: 0.75rem;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n width: 100%;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_value__188f5e6f {\n width: 100%;\n padding: 0.9375rem;\n background-color: var(--background-color5);\n border-radius: 4px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_value__188f5e6f > span {\n color: var(--secondary-color2);\n font-size: 1rem;\n font-weight: 500;\n line-height: 0.7969rem;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_arrows__188f5e6f {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_arrows__188f5e6f button[data-elem=base-cell].DateSwitcher_module_arrow__188f5e6f {\n width: 2rem;\n height: 1.3rem;\n border-radius: 4px 4px 0 0;\n background-color: var(--light-color2);\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_arrows__188f5e6f button[data-elem=base-cell].DateSwitcher_module_arrow__188f5e6f:hover {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_arrows__188f5e6f button[data-elem=base-cell].DateSwitcher_module_arrow__188f5e6f > [data-elem=component2] > [data-elem=title] {\n color: var(--text-color);\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_switchSelector__188f5e6f .DateSwitcher_module_arrows__188f5e6f button[data-elem=base-cell].DateSwitcher_module_arrow__188f5e6f:nth-child(2) {\n border-radius: 0 0 4px 4px;\n}\n.DateSwitcher_module_root__188f5e6f .DateSwitcher_module_to__188f5e6f {\n font-size: 1rem;\n font-weight: 500;\n margin-inline: 0.25rem;\n}";
|
|
17577
17579
|
var modules_b23c6c1c = {"root":"DateSwitcher_module_root__188f5e6f","switch-selector":"DateSwitcher_module_switchSelector__188f5e6f","value":"DateSwitcher_module_value__188f5e6f","arrows":"DateSwitcher_module_arrows__188f5e6f","arrow":"DateSwitcher_module_arrow__188f5e6f","to":"DateSwitcher_module_to__188f5e6f"};
|
|
17578
|
-
n(css$
|
|
17580
|
+
n(css$T,{});
|
|
17579
17581
|
|
|
17580
17582
|
var SwitchSelector = function SwitchSelector(_ref) {
|
|
17581
17583
|
var _selectedMonth$year;
|
|
@@ -17672,9 +17674,9 @@ var DateSwitcher = function DateSwitcher(props) {
|
|
|
17672
17674
|
});
|
|
17673
17675
|
};
|
|
17674
17676
|
|
|
17675
|
-
var css$
|
|
17677
|
+
var css$S = ".TimeSwitcher_module_root__93141999 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n gap: 0.5rem;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 button[data-elem=base-cell].TimeSwitcher_module_time__93141999 {\n width: 2.5rem;\n height: 2.5rem;\n background-color: var(--light-color2);\n color: var(--text-color);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 button[data-elem=base-cell].TimeSwitcher_module_time__93141999.TimeSwitcher_module_selected__93141999 {\n background-color: var(--background-color5);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 button[data-elem=base-cell].TimeSwitcher_module_time__93141999 > [data-elem=component2] > [data-elem=title] {\n font-size: 0.7rem;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 button[data-elem=base-cell].TimeSwitcher_module_time__93141999:hover {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999 {\n width: 2rem;\n height: 1.25rem;\n padding: 0 0.5rem;\n outline: none;\n border-radius: 2px 2px 0 0;\n background-color: var(--light-color2);\n border: 0.05px solid var(--mono-color2);\n color: var(--text-color);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999.TimeSwitcher_module_selected__93141999 {\n background-color: var(--background-color5);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999 > [data-elem=component2] > [data-elem=title] {\n font-size: 0.5rem;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999:hover {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n border-color: var(--secondary-color2);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999:nth-child(2) {\n border-radius: 0 0 2px 2px;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999:nth-child(2) > [data-elem=component2] > [data-elem=title] {\n font-size: 0.5rem;\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_timeCounter__93141999 .TimeSwitcher_module_meridianContainer__93141999 button[data-elem=base-cell].TimeSwitcher_module_meridian__93141999:nth-child(2):hover {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n border-color: var(--secondary-color2);\n}\n.TimeSwitcher_module_root__93141999 .TimeSwitcher_module_to__93141999 {\n font-size: 1rem;\n font-weight: 500;\n margin-inline: 0.25rem;\n}";
|
|
17676
17678
|
var modules_8266d05f = {"root":"TimeSwitcher_module_root__93141999","time-counter":"TimeSwitcher_module_timeCounter__93141999","time":"TimeSwitcher_module_time__93141999","selected":"TimeSwitcher_module_selected__93141999","meridian-container":"TimeSwitcher_module_meridianContainer__93141999","meridian":"TimeSwitcher_module_meridian__93141999","to":"TimeSwitcher_module_to__93141999"};
|
|
17677
|
-
n(css$
|
|
17679
|
+
n(css$S,{});
|
|
17678
17680
|
|
|
17679
17681
|
var TimeCounter = function TimeCounter(_ref) {
|
|
17680
17682
|
var _timeRangeSelection$t, _timeRangeSelection$t2, _timeRangeSelection$t3, _timeRangeSelection$t4;
|
|
@@ -17760,13 +17762,13 @@ var TimeSwitcher = function TimeSwitcher(props) {
|
|
|
17760
17762
|
});
|
|
17761
17763
|
};
|
|
17762
17764
|
|
|
17763
|
-
var css$
|
|
17765
|
+
var css$R = ".Header_module_root__ec986923 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.Header_module_root__ec986923 .Header_module_titleContainer__ec986923 {\n align-self: stretch;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header_module_root__ec986923 .Header_module_titleContainer__ec986923 .Header_module_title__ec986923 {\n font-weight: 500;\n font-size: 0.875rem;\n color: var(--text-color);\n line-height: 1.3125rem;\n}\n.Header_module_root__ec986923 .Header_module_titleContainer__ec986923 .Header_module_icon__ec986923 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--text-color);\n stroke-width: 0.5px;\n cursor: pointer;\n}\n.Header_module_root__ec986923 .Header_module_dateTimeSwitch__ec986923 {\n width: 100%;\n}";
|
|
17764
17766
|
var modules_cf337dc1 = {"root":"Header_module_root__ec986923","title-container":"Header_module_titleContainer__ec986923","title":"Header_module_title__ec986923","icon":"Header_module_icon__ec986923","date-time-switch":"Header_module_dateTimeSwitch__ec986923"};
|
|
17765
|
-
n(css$
|
|
17767
|
+
n(css$R,{});
|
|
17766
17768
|
|
|
17767
|
-
var css$
|
|
17769
|
+
var css$Q = ".DateAndTimeSelection_module_root__f884539a {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n padding-inline: 0.75rem;\n width: 100%;\n}\n.DateAndTimeSelection_module_root__f884539a > span {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--text-color);\n}\n.DateAndTimeSelection_module_root__f884539a > div {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n width: 100%;\n gap: 0.25rem;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a {\n flex: 1;\n border: 1px solid var(--mono-color2) !important;\n border-radius: 4px;\n padding: 0.75rem 1rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n background-color: var(--light-color3) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a.DateAndTimeSelection_module_active__f884539a {\n background-color: var(--secondary-color2) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a.DateAndTimeSelection_module_active__f884539a > [data-elem=component2] > [data-elem=title] {\n color: var(--white);\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a:hover.DateAndTimeSelection_module_active__f884539a {\n background-color: var(--secondary-color2) !important;\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a:hover.DateAndTimeSelection_module_active__f884539a > [data-elem=component2] > [data-elem=title] {\n color: var(--white);\n}\n.DateAndTimeSelection_module_root__f884539a > div button[data-elem=base-cell].DateAndTimeSelection_module_selector__f884539a > [data-elem=component2] > [data-elem=title] {\n color: var(--text-color);\n}";
|
|
17768
17770
|
var modules_a8ff92a5 = {"root":"DateAndTimeSelection_module_root__f884539a","selector":"DateAndTimeSelection_module_selector__f884539a","active":"DateAndTimeSelection_module_active__f884539a"};
|
|
17769
|
-
n(css$
|
|
17771
|
+
n(css$Q,{});
|
|
17770
17772
|
|
|
17771
17773
|
var DateAndTimeSelection = function DateAndTimeSelection(_ref) {
|
|
17772
17774
|
var _timeRangeSelection$n, _timeRangeSelection$n2, _timeRangeSelection$n3;
|
|
@@ -18154,9 +18156,9 @@ var Calender = function Calender(props) {
|
|
|
18154
18156
|
});
|
|
18155
18157
|
};
|
|
18156
18158
|
|
|
18157
|
-
var css$
|
|
18159
|
+
var css$P = ".CustomRanges_module_root__04803108 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n padding: 0.25rem;\n gap: 0.25rem;\n}\n.CustomRanges_module_root__04803108 .CustomRanges_module_option__04803108[data-elem=base-cell] {\n background-color: transparent !important;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CustomRanges_module_root__04803108 .CustomRanges_module_option__04803108[data-elem=base-cell] > [data-elem=component2] {\n color: var(--mono-color1);\n}\n.CustomRanges_module_root__04803108 .CustomRanges_module_option__04803108[data-elem=base-cell]:hover {\n background-color: var(--mono-color3) !important;\n}\n.CustomRanges_module_root__04803108 .CustomRanges_module_option__04803108[data-elem=base-cell].CustomRanges_module_selected__04803108 {\n background-color: var(--mono-color2) !important;\n}";
|
|
18158
18160
|
var modules_5c8a78d6 = {"root":"CustomRanges_module_root__04803108","option":"CustomRanges_module_option__04803108","selected":"CustomRanges_module_selected__04803108"};
|
|
18159
|
-
n(css$
|
|
18161
|
+
n(css$P,{});
|
|
18160
18162
|
|
|
18161
18163
|
var getDateAndUnixRange$1 = function getDateAndUnixRange(duration) {
|
|
18162
18164
|
var startingDate = sub(new Date(), duration);
|
|
@@ -18219,9 +18221,9 @@ var CustomRanges$1 = function CustomRanges(_ref) {
|
|
|
18219
18221
|
});
|
|
18220
18222
|
};
|
|
18221
18223
|
|
|
18222
|
-
var css$
|
|
18224
|
+
var css$O = ".Ranges_module_root__a16b2691 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n padding-inline: 1rem;\n padding-block: 1.25rem;\n overflow-y: scroll;\n height: 26.5rem;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-right: 1px solid var(--light-color1);\n gap: 0.25rem;\n}\n.Ranges_module_root__a16b2691::-webkit-scrollbar {\n display: none;\n}\n.Ranges_module_root__a16b2691 .Ranges_module_option__a16b2691[data-elem=base-cell] {\n background-color: transparent !important;\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Ranges_module_root__a16b2691 .Ranges_module_option__a16b2691[data-elem=base-cell] > [data-elem=component2] {\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.3125rem;\n}\n.Ranges_module_root__a16b2691 .Ranges_module_option__a16b2691[data-elem=base-cell]:hover {\n background-color: var(--background-color5) !important;\n}\n.Ranges_module_root__a16b2691 .Ranges_module_option__a16b2691[data-elem=base-cell].Ranges_module_selected__a16b2691 {\n background-color: var(--secondary-color2) !important;\n}\n.Ranges_module_root__a16b2691 .Ranges_module_option__a16b2691[data-elem=base-cell].Ranges_module_selected__a16b2691 > [data-elem=component2] {\n color: var(--white) !important;\n}";
|
|
18223
18225
|
var modules_5d54108d = {"root":"Ranges_module_root__a16b2691","option":"Ranges_module_option__a16b2691","selected":"Ranges_module_selected__a16b2691"};
|
|
18224
|
-
n(css$
|
|
18226
|
+
n(css$O,{});
|
|
18225
18227
|
|
|
18226
18228
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
18227
18229
|
var startingDate = sub(new Date(), duration);
|
|
@@ -18594,9 +18596,9 @@ DatePicker.defaultProps = {
|
|
|
18594
18596
|
enableFutureDates: false
|
|
18595
18597
|
};
|
|
18596
18598
|
|
|
18597
|
-
var css$
|
|
18599
|
+
var css$N = ".DisplayPicture_module_root__57c62b8f.DisplayPicture_module_sm__57c62b8f img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.DisplayPicture_module_root__57c62b8f.DisplayPicture_module_sm__57c62b8f div {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n background-color: var(--secondary-color2);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__57c62b8f.DisplayPicture_module_sm__57c62b8f div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture_module_root__57c62b8f.DisplayPicture_module_md__57c62b8f img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n -o-object-fit: cover;\n object-fit: cover;\n}\n.DisplayPicture_module_root__57c62b8f.DisplayPicture_module_md__57c62b8f div {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n background-color: var(--secondary-color2);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__57c62b8f.DisplayPicture_module_md__57c62b8f div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
18598
18600
|
var modules_49a16e28 = {"root":"DisplayPicture_module_root__57c62b8f","sm":"DisplayPicture_module_sm__57c62b8f","md":"DisplayPicture_module_md__57c62b8f"};
|
|
18599
|
-
n(css$
|
|
18601
|
+
n(css$N,{});
|
|
18600
18602
|
|
|
18601
18603
|
var DisplayPicture = function DisplayPicture(props) {
|
|
18602
18604
|
var _props$name = props.name,
|
|
@@ -18623,9 +18625,9 @@ var DisplayPicture = function DisplayPicture(props) {
|
|
|
18623
18625
|
});
|
|
18624
18626
|
};
|
|
18625
18627
|
|
|
18626
|
-
var css$
|
|
18628
|
+
var css$M = ".HierarchyItem_module_root__81fe6e38 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0rem 0.5rem;\n cursor: pointer;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1], .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 {\n padding: 0;\n height: auto;\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component1] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38, .HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component3] .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n transform: rotate(-180deg);\n width: 1rem;\n height: 1rem;\n fill: var(--text-color);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38 > [data-elem=component2] .HierarchyItem_module_title__81fe6e38 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 100%;\n height: auto;\n padding: 0.25rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover {\n background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_header__81fe6e38:hover .HierarchyItem_module_title__81fe6e38 svg {\n color: var(--primary-color4);\n fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component1] .HierarchyItem_module_tail__81fe6e38::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38 .HierarchyItem_module_body__81fe6e38 > [data-elem=component2] .HierarchyItem_module_children__81fe6e38 {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_expand__81fe6e38 .HierarchyItem_module_icon__81fe6e38 {\n transform: none;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_open__81fe6e38 > .HierarchyItem_module_body__81fe6e38 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 {\n background: var(--background-color4);\n}\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_icon__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38,\n.HierarchyItem_module_root__81fe6e38.HierarchyItem_module_active__81fe6e38 > .HierarchyItem_module_header__81fe6e38 .HierarchyItem_module_title__81fe6e38 svg {\n color: var(--primary-color4);\n fill: var(--primary-color4);\n}";
|
|
18627
18629
|
var modules_6d03d164 = {"root":"HierarchyItem_module_root__81fe6e38","header":"HierarchyItem_module_header__81fe6e38","expand":"HierarchyItem_module_expand__81fe6e38","icon":"HierarchyItem_module_icon__81fe6e38","title":"HierarchyItem_module_title__81fe6e38","body":"HierarchyItem_module_body__81fe6e38","tail":"HierarchyItem_module_tail__81fe6e38","children":"HierarchyItem_module_children__81fe6e38","open":"HierarchyItem_module_open__81fe6e38","active":"HierarchyItem_module_active__81fe6e38"};
|
|
18628
|
-
n(css$
|
|
18630
|
+
n(css$M,{});
|
|
18629
18631
|
|
|
18630
18632
|
var HierarchyItem = function HierarchyItem(props) {
|
|
18631
18633
|
var defaultOpen = props.defaultOpen,
|
|
@@ -18714,9 +18716,9 @@ HierarchyItem.propTypes = {
|
|
|
18714
18716
|
active: propTypesExports.bool
|
|
18715
18717
|
};
|
|
18716
18718
|
|
|
18717
|
-
var css$
|
|
18719
|
+
var css$L = ".HierarchyBrowser_module_root__2fb8bba6 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 20rem;\n position: relative;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_header__2fb8bba6 {\n padding: 0.5rem;\n background: var(--text-color);\n color: var(--light-color3);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_body__2fb8bba6 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6 .HierarchyBrowser_module_item__2fb8bba6 .HierarchyBrowser_module_itemIcon__2fb8bba6 {\n width: 1rem;\n}\n.HierarchyBrowser_module_root__2fb8bba6::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser_module_root__2fb8bba6.HierarchyBrowser_module_resizable__2fb8bba6:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
18718
18720
|
var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__2fb8bba6","header":"HierarchyBrowser_module_header__2fb8bba6","body":"HierarchyBrowser_module_body__2fb8bba6","item":"HierarchyBrowser_module_item__2fb8bba6","item-icon":"HierarchyBrowser_module_itemIcon__2fb8bba6","resizable":"HierarchyBrowser_module_resizable__2fb8bba6"};
|
|
18719
|
-
n(css$
|
|
18721
|
+
n(css$L,{});
|
|
18720
18722
|
|
|
18721
18723
|
var Title = function Title(props) {
|
|
18722
18724
|
var item = props.item;
|
|
@@ -18833,9 +18835,9 @@ HierarchyBrowser.propTypes = {
|
|
|
18833
18835
|
title: propTypesExports.string
|
|
18834
18836
|
};
|
|
18835
18837
|
|
|
18836
|
-
var css$
|
|
18838
|
+
var css$K = ".CheckBox_module_root__6c6c7d85 {\n cursor: pointer;\n gap: 10px;\n color: var(--mono-color1);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionLeft__6c6c7d85 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_positionRight__6c6c7d85 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__6c6c7d85 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 {\n cursor: default;\n color: var(--mono-color2);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n fill: var(--grey10);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_disabled__6c6c7d85 .CheckBox_module_icon__6c6c7d85 path {\n stroke: var(--grey5);\n}\n.CheckBox_module_root__6c6c7d85.CheckBox_module_selected__6c6c7d85 {\n color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) {\n color: var(--text-color);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(1) {\n fill: var(--background-color5);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 rect:nth-of-type(2) {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85:hover:not(.CheckBox_module_disabled__6c6c7d85) .CheckBox_module_icon__6c6c7d85 path {\n stroke: var(--secondary-color2);\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85 {\n display: inline-block;\n border-radius: 0.2rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconSm__6c6c7d85 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconMd__6c6c7d85 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__6c6c7d85 .CheckBox_module_icon__6c6c7d85.CheckBox_module_iconLg__6c6c7d85 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CheckBox_module_root__6c6c7d85 input:focus + .CheckBox_module_icon__6c6c7d85 {\n box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.CheckBox_module_root__6c6c7d85 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
18837
18839
|
var modules_066398a2 = {"root":"CheckBox_module_root__6c6c7d85","position-left":"CheckBox_module_positionLeft__6c6c7d85","position-right":"CheckBox_module_positionRight__6c6c7d85","disabled":"CheckBox_module_disabled__6c6c7d85","icon":"CheckBox_module_icon__6c6c7d85","selected":"CheckBox_module_selected__6c6c7d85","icon-sm":"CheckBox_module_iconSm__6c6c7d85","icon-md":"CheckBox_module_iconMd__6c6c7d85","icon-lg":"CheckBox_module_iconLg__6c6c7d85"};
|
|
18838
|
-
n(css$
|
|
18840
|
+
n(css$K,{});
|
|
18839
18841
|
|
|
18840
18842
|
var getIcon = function getIcon(checked, intermediate) {
|
|
18841
18843
|
if (checked) {
|
|
@@ -18908,9 +18910,9 @@ Checkbox.propTypes = {
|
|
|
18908
18910
|
onChange: propTypesExports.func
|
|
18909
18911
|
};
|
|
18910
18912
|
|
|
18911
|
-
var css$
|
|
18913
|
+
var css$J = ".Dropdown_module_root__6f32e28e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_label__6f32e28e.Dropdown_module_required__6f32e28e::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n max-width: 100%;\n position: relative;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_input__6f32e28e:focus + .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n background: var(--light-color3);\n outline: none;\n border-radius: 0.3125rem;\n border: 0.0625rem solid #dfe0e2;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_placeholder__6f32e28e {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n transform: rotate(180deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e .Dropdown_module_icon__6f32e28e.Dropdown_module_open__6f32e28e {\n transform: rotate(0deg);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_header__6f32e28e .Dropdown_module_select__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n border-color: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_open__6f32e28e .Dropdown_module_header__6f32e28e {\n border-color: var(--primary-color4);\n}\n.Dropdown_module_root__6f32e28e.Dropdown_module_disabled__6f32e28e .Dropdown_module_select__6f32e28e {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackError__6f32e28e {\n color: var(--primary-color1);\n fill: var(--primary-color1);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_feedback__6f32e28e.Dropdown_module_feedbackSuccess__6f32e28e {\n color: var(--primary-color2);\n fill: var(--primary-color2);\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown_module_root__6f32e28e .Dropdown_module_bottom__6f32e28e .Dropdown_module_count__6f32e28e.Dropdown_module_exceeded__6f32e28e {\n color: var(--primary-color1);\n}\n\n.Dropdown_module_body__6f32e28e {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n border: 0.0625rem solid var(--light-color2);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n padding: 1rem;\n overflow-y: auto;\n min-height: 4rem;\n outline: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiOptions__6f32e28e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n margin-bottom: 0.5rem;\n list-style: none;\n}\n.Dropdown_module_body__6f32e28e .Dropdown_module_multiApply__6f32e28e {\n margin-top: 0.5rem;\n}\n.Dropdown_module_body__6f32e28e.Dropdown_module_open__6f32e28e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
18912
18914
|
var modules_1b90f5ea = {"root":"Dropdown_module_root__6f32e28e","label":"Dropdown_module_label__6f32e28e","required":"Dropdown_module_required__6f32e28e","header":"Dropdown_module_header__6f32e28e","input":"Dropdown_module_input__6f32e28e","select":"Dropdown_module_select__6f32e28e","feedback-error":"Dropdown_module_feedbackError__6f32e28e","placeholder":"Dropdown_module_placeholder__6f32e28e","icon":"Dropdown_module_icon__6f32e28e","open":"Dropdown_module_open__6f32e28e","disabled":"Dropdown_module_disabled__6f32e28e","bottom":"Dropdown_module_bottom__6f32e28e","feedback":"Dropdown_module_feedback__6f32e28e","feedback-success":"Dropdown_module_feedbackSuccess__6f32e28e","count":"Dropdown_module_count__6f32e28e","exceeded":"Dropdown_module_exceeded__6f32e28e","body":"Dropdown_module_body__6f32e28e","multi-options":"Dropdown_module_multiOptions__6f32e28e","multi-apply":"Dropdown_module_multiApply__6f32e28e"};
|
|
18913
|
-
n(css$
|
|
18915
|
+
n(css$J,{});
|
|
18914
18916
|
|
|
18915
18917
|
var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
18916
18918
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -19340,9 +19342,9 @@ Dropdown$1.defaultProps = {
|
|
|
19340
19342
|
hideIcon: false
|
|
19341
19343
|
};
|
|
19342
19344
|
|
|
19343
|
-
var css$
|
|
19345
|
+
var css$I = ".Radio_module_root__c3d663ec {\n cursor: pointer;\n gap: 10px;\n color: var(--grey1);\n}\n.Radio_module_root__c3d663ec.Radio_module_positionLeft__c3d663ec {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_positionRight__c3d663ec {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec {\n cursor: default;\n color: var(--grey4);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n stroke: var(--grey5);\n fill: var(--grey10);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec rect:nth-of-type(2) {\n stroke: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_disabled__c3d663ec .Radio_module_icon__c3d663ec circle {\n fill: var(--grey5);\n}\n.Radio_module_root__c3d663ec.Radio_module_selected__c3d663ec {\n color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) {\n color: var(--text-color);\n}\n.Radio_module_root__c3d663ec:hover:not(.Radio_module_disabled__c3d663ec) .Radio_module_icon__c3d663ec rect:nth-of-type(1) {\n stroke: var(--primary-color4);\n fill: var(--background-color5);\n}\n.Radio_module_root__c3d663ec input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec {\n display: inline-block;\n border-radius: 50%;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconSm__c3d663ec {\n width: 1rem;\n height: 1rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconMd__c3d663ec {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio_module_root__c3d663ec .Radio_module_icon__c3d663ec.Radio_module_iconLg__c3d663ec {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio_module_root__c3d663ec input:focus + .Radio_module_icon__c3d663ec {\n box-shadow: 0px 0px 0px 0.25rem rgba(15, 98, 254, 0.125);\n}\n.Radio_module_root__c3d663ec [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
19344
19346
|
var modules_3705961f = {"root":"Radio_module_root__c3d663ec","position-left":"Radio_module_positionLeft__c3d663ec","position-right":"Radio_module_positionRight__c3d663ec","disabled":"Radio_module_disabled__c3d663ec","icon":"Radio_module_icon__c3d663ec","selected":"Radio_module_selected__c3d663ec","icon-sm":"Radio_module_iconSm__c3d663ec","icon-md":"Radio_module_iconMd__c3d663ec","icon-lg":"Radio_module_iconLg__c3d663ec"};
|
|
19345
|
-
n(css$
|
|
19347
|
+
n(css$I,{});
|
|
19346
19348
|
|
|
19347
19349
|
var Radio = function Radio(props) {
|
|
19348
19350
|
var label = props.label,
|
|
@@ -19412,9 +19414,9 @@ Radio.propTypes = {
|
|
|
19412
19414
|
onChange: propTypesExports.func
|
|
19413
19415
|
};
|
|
19414
19416
|
|
|
19415
|
-
var css$
|
|
19417
|
+
var css$H = ".DropdownItem_module_root__17146601 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n width: 100%;\n padding: 0.75rem 1rem;\n border-radius: 0.25rem;\n cursor: pointer;\n color: var(--grey);\n outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n cursor: not-allowed;\n}";
|
|
19416
19418
|
var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
|
|
19417
|
-
n(css$
|
|
19419
|
+
n(css$H,{});
|
|
19418
19420
|
|
|
19419
19421
|
var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
19420
19422
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -19504,10 +19506,26 @@ var SelectAll = function SelectAll(props) {
|
|
|
19504
19506
|
|
|
19505
19507
|
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
19506
19508
|
|
|
19507
|
-
var css$
|
|
19508
|
-
var modules_e4619b04 = {"tooltip":"
|
|
19509
|
-
n(css$
|
|
19509
|
+
var css$G = ".Tooltip_module_tooltip__9cc6de6d {\n text-align: center;\n border-radius: 0.25rem;\n min-width: 1rem;\n max-width: auto;\n padding: 0.5rem 0.75rem;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--light-color3);\n background-color: var(--text-color);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_light__9cc6de6d {\n background-color: var(--black);\n color: var(--white);\n}\n.Tooltip_module_tooltip__9cc6de6d.Tooltip_module_dark__9cc6de6d {\n background-color: var(--white);\n color: var(--black);\n}\n.Tooltip_module_tooltip__9cc6de6d .Tooltip_module_arrow__9cc6de6d {\n position: absolute;\n width: 0.65rem;\n height: 0.65rem;\n z-index: -1;\n pointer-events: none;\n transform: rotate(45deg);\n background: var(--text-color);\n}";
|
|
19510
|
+
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
19511
|
+
n(css$G,{});
|
|
19510
19512
|
|
|
19513
|
+
/**
|
|
19514
|
+
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
19515
|
+
*
|
|
19516
|
+
* @returns A React component
|
|
19517
|
+
*
|
|
19518
|
+
* @example
|
|
19519
|
+
* ```tsx
|
|
19520
|
+
* <Tooltip
|
|
19521
|
+
* position='top'
|
|
19522
|
+
* showPointer={false}
|
|
19523
|
+
* content="Hello"
|
|
19524
|
+
* >
|
|
19525
|
+
* <div>Some Element</div>
|
|
19526
|
+
* </Tooltip>
|
|
19527
|
+
* ```
|
|
19528
|
+
*/
|
|
19511
19529
|
var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
19512
19530
|
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
19513
19531
|
var children = props.children,
|
|
@@ -19525,15 +19543,12 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
19525
19543
|
_useState2 = _slicedToArray(_useState, 2),
|
|
19526
19544
|
open = _useState2[0],
|
|
19527
19545
|
setOpen = _useState2[1];
|
|
19528
|
-
|
|
19529
|
-
// eslint-disable-next-line object-curly-newline
|
|
19530
19546
|
var _useFloating = useFloating({
|
|
19531
19547
|
open: open,
|
|
19532
19548
|
onOpenChange: setOpen,
|
|
19533
|
-
// strategy: 'fixed',
|
|
19534
19549
|
placement: position,
|
|
19535
|
-
// Make sure the tooltip stays on the screen
|
|
19536
19550
|
whileElementsMounted: autoUpdate,
|
|
19551
|
+
// Make sure the tooltip stays on the screen
|
|
19537
19552
|
middleware: [offset(12), flip(), shift(), arrow({
|
|
19538
19553
|
element: arrowEl
|
|
19539
19554
|
})]
|
|
@@ -19545,8 +19560,8 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
19545
19560
|
strategy = _useFloating.strategy,
|
|
19546
19561
|
context = _useFloating.context,
|
|
19547
19562
|
middlewareData = _useFloating.middlewareData,
|
|
19548
|
-
|
|
19549
|
-
|
|
19563
|
+
_useFloating$placemen = _useFloating.placement,
|
|
19564
|
+
placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
|
|
19550
19565
|
// Event listeners to change the open state
|
|
19551
19566
|
var hover = useHover(context, {
|
|
19552
19567
|
move: true
|
|
@@ -19557,31 +19572,32 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
19557
19572
|
var role = useRole(context, {
|
|
19558
19573
|
role: 'tooltip'
|
|
19559
19574
|
});
|
|
19560
|
-
|
|
19561
19575
|
// Merge all the interactions into prop getters
|
|
19562
19576
|
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
19563
19577
|
getReferenceProps = _useInteractions.getReferenceProps,
|
|
19564
19578
|
getFloatingProps = _useInteractions.getFloatingProps;
|
|
19565
|
-
var
|
|
19579
|
+
var typedChildren = children;
|
|
19580
|
+
var childrenRef = typedChildren.ref;
|
|
19566
19581
|
var ref = React__default.useMemo(function () {
|
|
19567
19582
|
return o([reference, childrenRef, propRef]);
|
|
19568
|
-
}, [reference, childrenRef]);
|
|
19583
|
+
}, [reference, childrenRef, propRef]);
|
|
19569
19584
|
var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
|
|
19570
19585
|
ref: ref
|
|
19571
|
-
},
|
|
19586
|
+
}, typedChildren.props)));
|
|
19572
19587
|
var side = placement.split('-')[0];
|
|
19573
|
-
var
|
|
19574
|
-
|
|
19575
|
-
|
|
19576
|
-
|
|
19577
|
-
|
|
19578
|
-
|
|
19579
|
-
|
|
19580
|
-
|
|
19588
|
+
var _top$right$bottom$lef = {
|
|
19589
|
+
top: 'bottom',
|
|
19590
|
+
right: 'left',
|
|
19591
|
+
bottom: 'top',
|
|
19592
|
+
left: 'right'
|
|
19593
|
+
},
|
|
19594
|
+
staticSide = _top$right$bottom$lef[side];
|
|
19595
|
+
return jsxs(Fragment, {
|
|
19596
|
+
children: [clonedChildren, jsx(Popper, {
|
|
19581
19597
|
open: open && content != null,
|
|
19582
19598
|
backdrop: false,
|
|
19583
|
-
wrapperId:
|
|
19584
|
-
children:
|
|
19599
|
+
wrapperId: 'tooltip',
|
|
19600
|
+
children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
19585
19601
|
ref: floating,
|
|
19586
19602
|
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
19587
19603
|
style: {
|
|
@@ -19599,12 +19615,12 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
19599
19615
|
opacity: 1,
|
|
19600
19616
|
scale: 1
|
|
19601
19617
|
},
|
|
19602
|
-
children: [showPointer &&
|
|
19618
|
+
children: [showPointer && jsx("div", {
|
|
19603
19619
|
className: modules_e4619b04.arrow,
|
|
19604
19620
|
ref: arrowEl,
|
|
19605
19621
|
style: _defineProperty({
|
|
19606
|
-
left: (_middlewareData$arrow =
|
|
19607
|
-
top: (_middlewareData$arrow3 =
|
|
19622
|
+
left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
|
|
19623
|
+
top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
|
|
19608
19624
|
right: '',
|
|
19609
19625
|
bottom: ''
|
|
19610
19626
|
}, staticSide, '-0.3rem')
|
|
@@ -19613,16 +19629,10 @@ var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
|
19613
19629
|
})]
|
|
19614
19630
|
});
|
|
19615
19631
|
});
|
|
19616
|
-
Tooltip.propTypes = {
|
|
19617
|
-
variant: propTypesExports.oneOf(['light', 'dark']),
|
|
19618
|
-
content: propTypesExports.node,
|
|
19619
|
-
position: propTypesExports.oneOf(['right', 'top', 'bottom', 'left']),
|
|
19620
|
-
className: propTypesExports.string
|
|
19621
|
-
};
|
|
19622
19632
|
|
|
19623
|
-
var css$
|
|
19633
|
+
var css$F = ".Dropdownv2_module_root__ca7f2db7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n position: relative;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7 {\n font-size: 0.75rem;\n color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_label__ca7f2db7.Dropdownv2_module_required__ca7f2db7::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n max-width: 100%;\n border-radius: 0.25rem;\n position: relative;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] {\n background-color: var(--background-color5);\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] * {\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n fill: var(--secondary-color2) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n fill: transparent;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_highlightOnSelect__ca7f2db7 [data-elem=select] .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n stroke: var(--secondary-color2);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n outline: 1px solid var(--secondary-color2);\n transition: outline 100ms ease-in-out;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7.Dropdownv2_module_error__ca7f2db7 {\n border: 1px solid var(--primary-color1);\n border-radius: 0.3125rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7 {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7 {\n border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_input__ca7f2db7:focus + .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 25rem;\n max-width: 100%;\n gap: 0.5rem;\n outline: none;\n border-radius: 0.3125rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n background: var(--light-color3);\n cursor: pointer;\n font-weight: 500;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_placeholder__ca7f2db7 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIcon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: transparent !important;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7 > path {\n stroke: var(--text-color);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_caretIconUpDown__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(0deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_iconBundle__ca7f2db7 .Dropdownv2_module_infoIcon__ca7f2db7 path {\n stroke: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7 {\n width: 1.5rem;\n height: 1.5rem;\n transition: transform 0.5s;\n fill: var(--text-color) !important;\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 .Dropdownv2_module_icon__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n transform: rotate(180deg);\n}\n.Dropdownv2_module_root__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 .Dropdownv2_module_select__ca7f2db7.Dropdownv2_module_feedbackError__ca7f2db7 {\n border-color: var(--primary-color1);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_open__ca7f2db7 .Dropdownv2_module_header__ca7f2db7 {\n border-color: var(--primary-color4);\n}\n.Dropdownv2_module_root__ca7f2db7.Dropdownv2_module_disabled__ca7f2db7 .Dropdownv2_module_select__ca7f2db7 {\n background: var(--grey10);\n cursor: not-allowed;\n}\n\n.Dropdownv2_module_body__ca7f2db7 {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--light-color3);\n width: auto;\n border-radius: 0.3125rem;\n padding: 1.25rem 0rem 1.25rem 0rem;\n overflow-y: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n min-height: 4rem;\n max-height: 25rem !important;\n outline: none;\n box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);\n}\n.Dropdownv2_module_body__ca7f2db7::-webkit-scrollbar {\n display: none;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_multi__ca7f2db7 li:nth-child(1) {\n padding-left: 1.875rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: sticky;\n top: 0;\n background-color: var(--light-color3);\n padding-inline: 1.25rem;\n padding-block: 0.25rem;\n list-style: none;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] {\n width: auto;\n padding: 0% !important;\n background-color: transparent;\n color: var(--secondary-color2);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_button__ca7f2db7[type=button] > [data-elem=component2] {\n margin-left: 0.3125rem;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_multiOptions__ca7f2db7 .Dropdownv2_module_items__ca7f2db7 {\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--text-color);\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n list-style: none;\n gap: 2.5rem;\n position: sticky;\n background-color: var(--light-color3);\n padding: 0rem 1rem 1rem;\n bottom: 0;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiApply__ca7f2db7[type=submit] {\n flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit] {\n background-color: var(--light-color2);\n color: var(--mono-color1);\n flex: 1;\n}\n.Dropdownv2_module_body__ca7f2db7 .Dropdownv2_module_footer__ca7f2db7 button[data-elem=base-cell].Dropdownv2_module_multiClear__ca7f2db7[type=submit]:hover {\n background-color: var(--light-color1);\n}\n.Dropdownv2_module_body__ca7f2db7.Dropdownv2_module_open__ca7f2db7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
19624
19634
|
var modules_ef7e5a18 = {"root":"Dropdownv2_module_root__ca7f2db7","label":"Dropdownv2_module_label__ca7f2db7","required":"Dropdownv2_module_required__ca7f2db7","header":"Dropdownv2_module_header__ca7f2db7","highlightOnSelect":"Dropdownv2_module_highlightOnSelect__ca7f2db7","icon-bundle":"Dropdownv2_module_iconBundle__ca7f2db7","caret-icon":"Dropdownv2_module_caretIcon__ca7f2db7","caret-icon-upDown":"Dropdownv2_module_caretIconUpDown__ca7f2db7","open":"Dropdownv2_module_open__ca7f2db7","error":"Dropdownv2_module_error__ca7f2db7","input":"Dropdownv2_module_input__ca7f2db7","select":"Dropdownv2_module_select__ca7f2db7","feedback-error":"Dropdownv2_module_feedbackError__ca7f2db7","placeholder":"Dropdownv2_module_placeholder__ca7f2db7","info-icon":"Dropdownv2_module_infoIcon__ca7f2db7","icon":"Dropdownv2_module_icon__ca7f2db7","disabled":"Dropdownv2_module_disabled__ca7f2db7","body":"Dropdownv2_module_body__ca7f2db7","multi":"Dropdownv2_module_multi__ca7f2db7","multi-options":"Dropdownv2_module_multiOptions__ca7f2db7","button":"Dropdownv2_module_button__ca7f2db7","items":"Dropdownv2_module_items__ca7f2db7","footer":"Dropdownv2_module_footer__ca7f2db7","multi-apply":"Dropdownv2_module_multiApply__ca7f2db7","multi-clear":"Dropdownv2_module_multiClear__ca7f2db7"};
|
|
19625
|
-
n(css$
|
|
19635
|
+
n(css$F,{});
|
|
19626
19636
|
|
|
19627
19637
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
19628
19638
|
var _selectedOptions$map;
|
|
@@ -20132,9 +20142,9 @@ Dropdown.propTypes = {
|
|
|
20132
20142
|
hideIcon: propTypesExports.bool
|
|
20133
20143
|
};
|
|
20134
20144
|
|
|
20135
|
-
var css$
|
|
20145
|
+
var css$E = ".DropdownItemv2_module_root__6ca0311e {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n padding: 0.625rem 0.75rem;\n border-radius: 0.25rem;\n cursor: pointer;\n margin-inline: 1.25rem;\n color: var(--grey);\n outline: none;\n margin-bottom: 1.25rem;\n}\n.DropdownItemv2_module_root__6ca0311e:nth-last-child(1) {\n margin-bottom: 0rem;\n}\n.DropdownItemv2_module_root__6ca0311e > .DropdownItemv2_module_input__6ca0311e {\n cursor: pointer;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e {\n background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e:hover {\n cursor: not-allowed;\n background: var(--background-color1);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_error__6ca0311e .DropdownItemv2_module_title__6ca0311e .DropdownItemv2_module_icon__6ca0311e path {\n stroke: var(--primary-color1);\n}\n.DropdownItemv2_module_root__6ca0311e:hover {\n background: var(--background-color4);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e {\n filter: opacity(0.25);\n}\n.DropdownItemv2_module_root__6ca0311e.DropdownItemv2_module_disabled__6ca0311e:hover {\n cursor: not-allowed;\n}";
|
|
20136
20146
|
var modules_29afc192 = {"root":"DropdownItemv2_module_root__6ca0311e","input":"DropdownItemv2_module_input__6ca0311e","error":"DropdownItemv2_module_error__6ca0311e","title":"DropdownItemv2_module_title__6ca0311e","icon":"DropdownItemv2_module_icon__6ca0311e","disabled":"DropdownItemv2_module_disabled__6ca0311e"};
|
|
20137
|
-
n(css$
|
|
20147
|
+
n(css$E,{});
|
|
20138
20148
|
|
|
20139
20149
|
var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
20140
20150
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -20221,9 +20231,9 @@ DropdownItem.defaultProps = {
|
|
|
20221
20231
|
customComponent: null
|
|
20222
20232
|
};
|
|
20223
20233
|
|
|
20224
|
-
var css$
|
|
20234
|
+
var css$D = ".BaseModal_module_root__627cb2d4 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n height: 43.75rem;\n width: 62.5rem;\n position: fixed;\n background: var(--light-color3);\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 8px;\n outline: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4 {\n overflow-y: scroll;\n padding: 1rem;\n -ms-overflow-style: none;\n scrollbar-width: none;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_body__627cb2d4::-webkit-scrollbar {\n display: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4,\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n padding: 1rem;\n color: var(--text-color);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_header__627cb2d4 {\n font-weight: 500;\n font-size: 1.375rem;\n box-shadow: 0px 0.1px 2px rgba(24, 24, 24, 0.08);\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 {\n margin-top: auto;\n border-radius: 0 0 8px 8px;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.BaseModal_module_root__627cb2d4 .BaseModal_module_footer__627cb2d4 button.BaseModal_module_dismiss__627cb2d4[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] {\n position: absolute;\n right: 1rem;\n top: 1rem;\n padding: 0.25rem;\n height: auto;\n background: var(--light-color3);\n box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell]:hover {\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.BaseModal_module_root__627cb2d4 button.BaseModal_module_close__627cb2d4[data-elem=base-cell] .BaseModal_module_icon__627cb2d4 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--text-color);\n}";
|
|
20225
20235
|
var modules_f23ae002 = {"root":"BaseModal_module_root__627cb2d4","body":"BaseModal_module_body__627cb2d4","header":"BaseModal_module_header__627cb2d4","footer":"BaseModal_module_footer__627cb2d4","dismiss":"BaseModal_module_dismiss__627cb2d4","close":"BaseModal_module_close__627cb2d4","icon":"BaseModal_module_icon__627cb2d4"};
|
|
20226
|
-
n(css$
|
|
20236
|
+
n(css$D,{});
|
|
20227
20237
|
|
|
20228
20238
|
var footerAnimations = {
|
|
20229
20239
|
initial: {
|
|
@@ -20436,9 +20446,9 @@ BaseModal.propTypes = {
|
|
|
20436
20446
|
animationProperties: propTypesExports.object
|
|
20437
20447
|
};
|
|
20438
20448
|
|
|
20439
|
-
var css$
|
|
20449
|
+
var css$C = ".Dialog_module_root__afbc0e34 {\n padding: 0.25rem 0px;\n height: -moz-fit-content;\n height: fit-content;\n max-height: 30rem;\n background: var(--light-color3);\n border-radius: 0.625rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_sm__afbc0e34 {\n width: 18.75rem;\n}\n.Dialog_module_root__afbc0e34.Dialog_module_md__afbc0e34 {\n width: 35rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n color: var(--mono-color1);\n background-color: var(--light-color2);\n border-radius: 0.25rem;\n outline: 1px solid var(--light-color2) !important;\n border: none;\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_footer__afbc0e34 button.Dialog_module_cancel__afbc0e34[data-elem=base-cell]:hover {\n background-color: var(--light-color1);\n}\n.Dialog_module_root__afbc0e34 .Dialog_module_description__afbc0e34 {\n font-size: 1rem;\n height: -moz-fit-content;\n height: fit-content;\n color: var(--text-color);\n}";
|
|
20440
20450
|
var modules_ca1540aa = {"root":"Dialog_module_root__afbc0e34","sm":"Dialog_module_sm__afbc0e34","md":"Dialog_module_md__afbc0e34","footer":"Dialog_module_footer__afbc0e34","cancel":"Dialog_module_cancel__afbc0e34","description":"Dialog_module_description__afbc0e34"};
|
|
20441
|
-
n(css$
|
|
20451
|
+
n(css$C,{});
|
|
20442
20452
|
|
|
20443
20453
|
var Header$1 = function Header(_ref) {
|
|
20444
20454
|
var title = _ref.title;
|
|
@@ -20601,9 +20611,9 @@ DialogBox.defaultProps = {
|
|
|
20601
20611
|
size: 'md'
|
|
20602
20612
|
};
|
|
20603
20613
|
|
|
20604
|
-
var css$
|
|
20614
|
+
var css$B = ".TextFieldv2_module_root__d006d40c {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n letter-spacing: 0.02rem;\n color: var(--text-color);\n letter-spacing: 0.3199999928px;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_required__d006d40c::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.75rem;\n height: auto;\n max-width: 100%;\n width: 100%;\n border-radius: 0.25rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c:focus-within {\n outline: 1px solid var(--secondary-color2);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c .TextFieldv2_module_icon__d006d40c {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component1] > svg.TextFieldv2_module_error__d006d40c path {\n stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] {\n flex: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n -moz-appearance: textfield;\n flex: 1;\n background-color: var(--light-color3) !important;\n border: none;\n font-weight: 400;\n color: var(--text-color);\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-outer-spin-button, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:focus {\n outline: none;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_error__d006d40c {\n color: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_sm__d006d40c {\n padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n padding: 0rem 0.5rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c::-moz-placeholder {\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.125rem;\n letter-spacing: 0.01rem;\n color: var(--mono-color2);\n opacity: 1;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:-webkit-autofill:active {\n -webkit-box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -webkit-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:hover, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:focus, .TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c:autofill:active {\n box-shadow: 0 0 0 30px var(--light-color3) inset !important;\n -moz-text-fill-color: initial !important;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button] {\n width: auto;\n height: -moz-fit-content;\n height: fit-content;\n padding: 0;\n background-color: transparent;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] button[data-elem=base-cell].TextFieldv2_module_button__d006d40c[type=button].TextFieldv2_module_error__d006d40c > [data-elem=component1] .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c {\n width: 1rem;\n height: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c > [data-elem=component3] .TextFieldv2_module_span__d006d40c .TextFieldv2_module_icon__d006d40c.TextFieldv2_module_error__d006d40c.TextFieldv2_module_error__d006d40c path {\n stroke: var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c {\n padding: 0;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c {\n resize: vertical;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_md__d006d40c {\n padding: 0.313rem 0.75rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_typeTextarea__d006d40c > [data-elem=component2] .TextFieldv2_module_input__d006d40c.TextFieldv2_module_lg__d006d40c {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_feedbackError__d006d40c {\n box-shadow: 0px 0px 2px 0px var(--primary-color1);\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderDefault__d006d40c {\n border-width: 0.063rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderBottom__d006d40c {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextFieldv2_module_root__d006d40c label .TextFieldv2_module_inputWrapper__d006d40c.TextFieldv2_module_borderNone__d006d40c {\n border-width: 0rem;\n}";
|
|
20605
20615
|
var modules_6d3d1b60 = {"root":"TextFieldv2_module_root__d006d40c","required":"TextFieldv2_module_required__d006d40c","input-wrapper":"TextFieldv2_module_inputWrapper__d006d40c","icon":"TextFieldv2_module_icon__d006d40c","error":"TextFieldv2_module_error__d006d40c","input":"TextFieldv2_module_input__d006d40c","sm":"TextFieldv2_module_sm__d006d40c","md":"TextFieldv2_module_md__d006d40c","lg":"TextFieldv2_module_lg__d006d40c","button":"TextFieldv2_module_button__d006d40c","span":"TextFieldv2_module_span__d006d40c","type-textarea":"TextFieldv2_module_typeTextarea__d006d40c","feedback-error":"TextFieldv2_module_feedbackError__d006d40c","border-default":"TextFieldv2_module_borderDefault__d006d40c","border-bottom":"TextFieldv2_module_borderBottom__d006d40c","border-none":"TextFieldv2_module_borderNone__d006d40c"};
|
|
20606
|
-
n(css$
|
|
20616
|
+
n(css$B,{});
|
|
20607
20617
|
|
|
20608
20618
|
var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
20609
20619
|
var id = props.id,
|
|
@@ -20851,9 +20861,9 @@ TextField$1.propTypes = {
|
|
|
20851
20861
|
required: propTypesExports.bool
|
|
20852
20862
|
};
|
|
20853
20863
|
|
|
20854
|
-
var css$
|
|
20864
|
+
var css$A = ".RichEditor_module_root__035ff1b7 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7 {\n width: 2.5rem;\n height: 2.5rem;\n background-color: transparent !important;\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n z-index: 2;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_bold__035ff1b7 [data-elem=title] {\n font-size: 1.3rem;\n font-weight: 700;\n line-height: 2.0194rem;\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_italic__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n font-style: italic;\n font-weight: 300;\n color: var(--mono-color1);\n padding-inline: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_strike__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n text-decoration: line-through;\n font-weight: 400;\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_underline__035ff1b7 [data-elem=title] {\n font-size: 1.5rem;\n line-height: 2.0194rem;\n font-weight: 400;\n color: var(--mono-color1);\n text-decoration: underline;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 {\n cursor: pointer;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label {\n height: 100%;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 > label [data-elem=base-cell] {\n box-shadow: none;\n padding: 0.5rem;\n height: 100%;\n position: relative;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] {\n position: absolute;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_color__035ff1b7 [data-elem=component2] [data-elem=input] {\n opacity: 0;\n width: 2.5rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_link__035ff1b7 [data-elem=component2], .RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_align__035ff1b7 [data-elem=component2] {\n min-width: unset;\n display: inline-block;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 {\n background-color: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_item__035ff1b7.RichEditor_module_active__035ff1b7 [data-elem=title] {\n color: var(--white);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 {\n height: 2.5rem;\n width: 10rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] {\n height: 100%;\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.1450980392);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] {\n padding: 0 !important;\n padding-inline: 1rem 0.75rem !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] [data-elem=value] {\n color: var(--mono-color1);\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_menu__035ff1b7 .RichEditor_module_dropdown__035ff1b7 [data-elem=header] [data-elem=select] svg {\n fill: var(--mono-color1) !important;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 {\n box-shadow: 0px 0px 0.125rem 0px rgba(0, 0, 0, 0.2509803922);\n width: 100%;\n height: 16rem;\n border-radius: 0.25rem;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div {\n border-radius: 0.25rem;\n height: 100%;\n padding: 0.75rem 1rem;\n overflow-y: scroll;\n -ms-overflow-style: none;\n scrollbar-width: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div::-webkit-scrollbar {\n display: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div > p:nth-child(1)::before {\n color: var(--mono-color2);\n content: attr(data-placeholder);\n float: left;\n height: 0;\n pointer-events: none;\n}\n.RichEditor_module_root__035ff1b7 .RichEditor_module_editor__035ff1b7 > div:focus-within {\n outline: var(--secondary-color2) 1px solid;\n}\n\n.RichEditor_module_popper__035ff1b7 {\n min-width: 15rem !important;\n}";
|
|
20855
20865
|
var modules_64f0815c = {"root":"RichEditor_module_root__035ff1b7","menu":"RichEditor_module_menu__035ff1b7","item":"RichEditor_module_item__035ff1b7","bold":"RichEditor_module_bold__035ff1b7","italic":"RichEditor_module_italic__035ff1b7","strike":"RichEditor_module_strike__035ff1b7","underline":"RichEditor_module_underline__035ff1b7","color":"RichEditor_module_color__035ff1b7","link":"RichEditor_module_link__035ff1b7","align":"RichEditor_module_align__035ff1b7","active":"RichEditor_module_active__035ff1b7","dropdown":"RichEditor_module_dropdown__035ff1b7","editor":"RichEditor_module_editor__035ff1b7","popper":"RichEditor_module_popper__035ff1b7"};
|
|
20856
|
-
n(css$
|
|
20866
|
+
n(css$A,{});
|
|
20857
20867
|
|
|
20858
20868
|
var ColorPalletteIcon = function ColorPalletteIcon(_ref) {
|
|
20859
20869
|
var _ref$color = _ref.color,
|
|
@@ -21281,13 +21291,13 @@ var RichEditor = function RichEditor(_ref2) {
|
|
|
21281
21291
|
});
|
|
21282
21292
|
};
|
|
21283
21293
|
|
|
21284
|
-
var css$
|
|
21294
|
+
var css$z = ".Slider_module_sliderContainer__d2f3f668 {\n position: relative;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668 {\n width: 300px;\n cursor: pointer;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled {\n cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled::-webkit-slider-thumb {\n cursor: not-allowed;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_slider__d2f3f668:disabled ~ .Slider_module_tooltip__d2f3f668 {\n opacity: 0;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_tooltip__d2f3f668 {\n position: absolute;\n margin-left: 7%;\n top: -30px;\n transform: translateX(-50%);\n background-color: var(--primary-color4);\n color: var(--white);\n padding: 2px 5px;\n border-radius: 4px;\n font-size: 12px;\n font-weight: 600;\n opacity: 1;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_label__d2f3f668 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-bottom: 0.3rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_minMaxContainer__d2f3f668 {\n display: flex;\n width: 300px;\n justify-content: space-between;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_min__d2f3f668 {\n margin-left: 0.1rem;\n}\n.Slider_module_sliderContainer__d2f3f668 .Slider_module_max__d2f3f668 {\n margin-left: auto;\n}";
|
|
21285
21295
|
var modules_321294e1 = {"slider-container":"Slider_module_sliderContainer__d2f3f668","slider":"Slider_module_slider__d2f3f668","tooltip":"Slider_module_tooltip__d2f3f668","label":"Slider_module_label__d2f3f668","minMaxContainer":"Slider_module_minMaxContainer__d2f3f668","min":"Slider_module_min__d2f3f668","max":"Slider_module_max__d2f3f668"};
|
|
21286
|
-
n(css$
|
|
21296
|
+
n(css$z,{});
|
|
21287
21297
|
|
|
21288
|
-
var css$
|
|
21298
|
+
var css$y = ".RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_label__4162aa4a {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-bottom: 0.5rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a {\n position: relative;\n width: 300px;\n height: 8px;\n background: rgba(211, 211, 211, 0.5137254902);\n border: solid 1px var(--mono-color3);\n border-radius: 5px;\n cursor: pointer;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a {\n position: absolute;\n top: 50%;\n transform: translate(-50%, -50%);\n width: 16px;\n height: 16px;\n background: var(--primary-color4);\n border-radius: 50%;\n cursor: pointer;\n z-index: 1;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:before {\n content: attr(data-value);\n position: absolute;\n bottom: 22px;\n left: 50%;\n transform: translateX(-50%);\n background: var(--primary-color4);\n color: var(--white);\n font-weight: 600;\n padding: 2px 5px;\n border-radius: 4px;\n font-size: 12px;\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.2s ease;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderThumb__4162aa4a:hover:before {\n opacity: 1;\n visibility: visible;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangeslider__4162aa4a .RangeSlider_module_rangesliderTrack__4162aa4a {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n height: 8px;\n background: var(--primary-color4);\n border-radius: 5px;\n z-index: 0;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderInput__4162aa4a {\n display: none;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_rangesliderLabel__4162aa4a {\n margin: 5px;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_minMaxContainer__4162aa4a {\n display: flex;\n width: 300px;\n justify-content: space-between;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--mono-color1);\n margin-top: 0.3rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_min__4162aa4a {\n margin-left: 0.1rem;\n}\n.RangeSlider_module_rangesliderContainer__4162aa4a .RangeSlider_module_max__4162aa4a {\n margin-left: auto;\n}";
|
|
21289
21299
|
var modules_4958cef5 = {"rangeslider-container":"RangeSlider_module_rangesliderContainer__4162aa4a","label":"RangeSlider_module_label__4162aa4a","rangeslider":"RangeSlider_module_rangeslider__4162aa4a","rangeslider-thumb":"RangeSlider_module_rangesliderThumb__4162aa4a","rangeslider-track":"RangeSlider_module_rangesliderTrack__4162aa4a","rangeslider-input":"RangeSlider_module_rangesliderInput__4162aa4a","rangeslider-label":"RangeSlider_module_rangesliderLabel__4162aa4a","minMaxContainer":"RangeSlider_module_minMaxContainer__4162aa4a","min":"RangeSlider_module_min__4162aa4a","max":"RangeSlider_module_max__4162aa4a"};
|
|
21290
|
-
n(css$
|
|
21300
|
+
n(css$y,{});
|
|
21291
21301
|
|
|
21292
21302
|
function RangeSlider(props) {
|
|
21293
21303
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -21570,9 +21580,9 @@ Slider.defaultProps = {
|
|
|
21570
21580
|
percent: false
|
|
21571
21581
|
};
|
|
21572
21582
|
|
|
21573
|
-
var css$
|
|
21583
|
+
var css$x = ".Switch_module_root__c4b20963 {\n cursor: pointer;\n gap: 0.625rem;\n position: relative;\n height: 1.5rem;\n}\n.Switch_module_root__c4b20963.Switch_module_disabled__c4b20963 {\n cursor: default;\n}\n.Switch_module_root__c4b20963.Switch_module_positionLeft__c4b20963 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Switch_module_root__c4b20963.Switch_module_positionRight__c4b20963 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Switch_module_root__c4b20963 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963 {\n position: relative;\n width: 3rem;\n height: 100%;\n cursor: pointer;\n background-color: var(--grey5);\n transition: 0.4s;\n border-radius: 0.75rem;\n}\n.Switch_module_root__c4b20963 .Switch_module_pill__c4b20963:before {\n position: absolute;\n content: \"\";\n height: 1.25rem;\n width: 1.25rem;\n left: 0.125rem;\n bottom: 0.125rem;\n background-color: var(--white);\n transition: 0.4s;\n border-radius: 50%;\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963 {\n background-color: var(--primary-color4);\n}\n.Switch_module_root__c4b20963 input:checked + .Switch_module_pill__c4b20963:before {\n transform: translateX(1.5rem);\n}\n.Switch_module_root__c4b20963 input:focus + .Switch_module_pill__c4b20963::before {\n box-shadow: 0px 0px 0px 8px rgba(15, 98, 254, 0.125);\n}\n.Switch_module_root__c4b20963 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}";
|
|
21574
21584
|
var modules_18a327ff = {"root":"Switch_module_root__c4b20963","disabled":"Switch_module_disabled__c4b20963","position-left":"Switch_module_positionLeft__c4b20963","position-right":"Switch_module_positionRight__c4b20963","pill":"Switch_module_pill__c4b20963"};
|
|
21575
|
-
n(css$
|
|
21585
|
+
n(css$x,{});
|
|
21576
21586
|
|
|
21577
21587
|
var Switch = function Switch(props) {
|
|
21578
21588
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -21642,9 +21652,9 @@ Switch.defaultProps = {
|
|
|
21642
21652
|
onChange: function onChange() {}
|
|
21643
21653
|
};
|
|
21644
21654
|
|
|
21645
|
-
var css$
|
|
21655
|
+
var css$w = ".TextField_module_root__c4f1e326 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__c4f1e326 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.3125rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_required__c4f1e326::after {\n content: \" *\";\n color: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 .TextField_module_icon__c4f1e326 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--text-color);\n width: 100%;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326::-webkit-outer-spin-button, .TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326:focus {\n outline: none;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_sm__c4f1e326 {\n padding: 0.5rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_md__c4f1e326 {\n padding: 0.688rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_lg__c4f1e326 {\n padding: 1rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 {\n padding: 0;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326 {\n resize: vertical;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_md__c4f1e326 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_typeTextarea__c4f1e326 > [data-elem=component2] .TextField_module_input__c4f1e326.TextField_module_lg__c4f1e326 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326:focus-within {\n border: 0.063rem solid var(--primary-color4);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326:focus-within.TextField_module_feedbackError__c4f1e326 {\n border-color: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderDefault__c4f1e326 {\n border-width: 0.063rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderBottom__c4f1e326 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__c4f1e326 label .TextField_module_inputWrapper__c4f1e326.TextField_module_borderNone__c4f1e326 {\n border-width: 0rem;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n min-height: 2rem;\n width: 100%;\n gap: 1rem;\n color: var(--grey3);\n font-size: 0.75rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326 {\n flex: 1;\n margin-right: auto;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326.TextField_module_feedbackError__c4f1e326 {\n color: var(--primary-color1);\n fill: var(--primary-color1);\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_feedback__c4f1e326.TextField_module_feedbackSuccess__c4f1e326 {\n color: var(--primary-color2);\n fill: var(--primary-color2);\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_count__c4f1e326 {\n text-align: right;\n margin-left: auto;\n}\n.TextField_module_root__c4f1e326 .TextField_module_bottom__c4f1e326 .TextField_module_count__c4f1e326.TextField_module_exceeded__c4f1e326 {\n color: var(--primary-color1);\n}";
|
|
21646
21656
|
var modules_c1d23762 = {"root":"TextField_module_root__c4f1e326","required":"TextField_module_required__c4f1e326","input-wrapper":"TextField_module_inputWrapper__c4f1e326","icon":"TextField_module_icon__c4f1e326","input":"TextField_module_input__c4f1e326","sm":"TextField_module_sm__c4f1e326","md":"TextField_module_md__c4f1e326","lg":"TextField_module_lg__c4f1e326","type-textarea":"TextField_module_typeTextarea__c4f1e326","feedback-error":"TextField_module_feedbackError__c4f1e326","border-default":"TextField_module_borderDefault__c4f1e326","border-bottom":"TextField_module_borderBottom__c4f1e326","border-none":"TextField_module_borderNone__c4f1e326","bottom":"TextField_module_bottom__c4f1e326","feedback":"TextField_module_feedback__c4f1e326","feedback-success":"TextField_module_feedbackSuccess__c4f1e326","count":"TextField_module_count__c4f1e326","exceeded":"TextField_module_exceeded__c4f1e326"};
|
|
21647
|
-
n(css$
|
|
21657
|
+
n(css$w,{});
|
|
21648
21658
|
|
|
21649
21659
|
var TextField = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
21650
21660
|
var _inputValue$length;
|
|
@@ -21842,9 +21852,9 @@ TextField.defaultProps = {
|
|
|
21842
21852
|
required: false
|
|
21843
21853
|
};
|
|
21844
21854
|
|
|
21845
|
-
var css$
|
|
21855
|
+
var css$v = ".PageHeader_module_root__7605a9e3 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n background-color: transparent;\n gap: 1rem;\n color: var(--text-color);\n}\n.PageHeader_module_root__7605a9e3.PageHeader_module_compact__7605a9e3 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n}\n.PageHeader_module_root__7605a9e3 .PageHeader_module_breadcrumb__7605a9e3 [data-elem=breadcrumb-item-active] {\n color: var(--text-color);\n}\n.PageHeader_module_root__7605a9e3 .PageHeader_module_contents__7605a9e3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n margin-left: auto;\n gap: 0.75rem;\n}\n.PageHeader_module_root__7605a9e3 .PageHeader_module_contents__7605a9e3.PageHeader_module_startLeft__7605a9e3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n margin-left: unset;\n}\n.PageHeader_module_root__7605a9e3 .PageHeader_module_contents__7605a9e3 .PageHeader_module_right__7605a9e3 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.75rem;\n flex-wrap: wrap;\n}\n\n.PageHeader_module_download__7605a9e3,\n.PageHeader_module_calender__7605a9e3 {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
21846
21856
|
var modules_bdcbeaa5 = {"root":"PageHeader_module_root__7605a9e3","compact":"PageHeader_module_compact__7605a9e3","breadcrumb":"PageHeader_module_breadcrumb__7605a9e3","contents":"PageHeader_module_contents__7605a9e3","start-left":"PageHeader_module_startLeft__7605a9e3","right":"PageHeader_module_right__7605a9e3","download":"PageHeader_module_download__7605a9e3","calender":"PageHeader_module_calender__7605a9e3"};
|
|
21847
|
-
n(css$
|
|
21857
|
+
n(css$v,{});
|
|
21848
21858
|
|
|
21849
21859
|
var PageHeader = function PageHeader(props) {
|
|
21850
21860
|
var theme = props.theme,
|
|
@@ -22065,9 +22075,9 @@ function getCustomPagination$1(curr, total, limit) {
|
|
|
22065
22075
|
});
|
|
22066
22076
|
}
|
|
22067
22077
|
|
|
22068
|
-
var css$v = ".Paginationv2_module_root__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.4375rem 1rem;\n background: var(--light-color1);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Paginationv2_module_root__7be52c53::-webkit-scrollbar {\n display: none;\n}\n.Paginationv2_module_root__7be52c53.Paginationv2_module_floating__7be52c53 {\n background: var(--light-color1);\n position: absolute;\n border-radius: 6.25rem;\n width: 100%;\n bottom: 3rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n max-width: 9.5rem;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 > [data-elem=component2] {\n height: 100%;\n width: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 {\n gap: 0.75rem;\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: -moz-fit-content !important;\n width: fit-content !important;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 > [data-elem=component1]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.0313rem;\n height: 50%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n width: -moz-fit-content;\n width: fit-content;\n padding: 0.625rem;\n border: 0rem solid transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--text-color);\n font-size: 0.875rem;\n background-color: var(--secondary-color2);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] > svg {\n color: var(--text-color);\n width: 1rem;\n height: 1rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_totalData__7be52c53 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_totalData__7be52c53 span {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex: 1;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53.Paginationv2_module_stretch__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53.Paginationv2_module_customPageNumber__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53.Paginationv2_module_disable__7be52c53 {\n pointer-events: none;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53 [data-elem=title] {\n color: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53 .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53 {\n cursor: pointer;\n border-radius: 100%;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 500;\n height: 2.5rem;\n width: 2.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n text-align: center;\n border: 1px solid transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_customNumber__7be52c53 {\n border-radius: 0;\n font-size: 0.875rem;\n width: auto;\n white-space: nowrap;\n padding-inline: 0.3125rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:not([data-active=true]) {\n display: inline-flex;\n }\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:hover {\n color: var(--secondary-color2);\n background: var(--background-color5);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_active__7be52c53 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_disabled__7be52c53 {\n color: var(--light-color2);\n cursor: not-allowed;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_ellipsis__7be52c53 {\n font-size: 1.8rem;\n padding-top: 0.125rem;\n font-weight: 600;\n align-items: unset;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_ellipsis__7be52c53:hover {\n color: var(--secondary-color2);\n background: transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n flex: 1;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_totalData__7be52c53 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.125rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 > [data-elem=base-cell] {\n flex: 0 !important;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n width: auto;\n min-width: auto;\n padding: 0;\n flex: 1;\n background: transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 > [data-elem*=component] > * {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 {\n background: transparent;\n padding: 0rem;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n border: 0.0313rem solid var(--secondary-color2);\n box-shadow: 0.1875rem 0.1875rem 0.25rem 0rem rgba(194, 194, 194, 0.12) inset;\n gap: 0;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label {\n height: 100%;\n font-size: 0.875rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] {\n background-color: transparent;\n color: var(--white);\n width: 3rem;\n flex: 1;\n padding: 0rem !important;\n border: none;\n border-radius: 0rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n background-color: transparent !important;\n border: none;\n height: 100%;\n width: 100%;\n color: var(--text-color);\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_button__7be52c53 {\n border-radius: 0rem;\n background-color: var(--secondary-color2);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_button__7be52c53 .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}";
|
|
22078
|
+
var css$u = ".Paginationv2_module_root__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.4375rem 1rem;\n background: var(--light-color1);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Paginationv2_module_root__7be52c53::-webkit-scrollbar {\n display: none;\n}\n.Paginationv2_module_root__7be52c53.Paginationv2_module_floating__7be52c53 {\n background: var(--light-color1);\n position: absolute;\n border-radius: 6.25rem;\n width: 100%;\n bottom: 3rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1rem;\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n flex-grow: 0;\n max-width: 9.5rem;\n background-color: transparent;\n padding: 0;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 > [data-elem=component2] {\n height: 100%;\n width: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 {\n gap: 0.75rem;\n padding: 0;\n border-radius: 0.25rem;\n height: 100%;\n width: -moz-fit-content !important;\n width: fit-content !important;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_rowSwitcherHandle__7be52c53 > [data-elem=component1]::before {\n content: \"\";\n margin: auto;\n background: var(--white);\n width: 0.0313rem;\n height: 50%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n width: -moz-fit-content;\n width: fit-content;\n padding: 0.625rem;\n border: 0rem solid transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--text-color);\n font-size: 0.875rem;\n background-color: var(--secondary-color2);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_rowSwitcher__7be52c53 .Paginationv2_module_dropdown__7be52c53 > [data-elem=header] > [data-elem=select] > svg {\n color: var(--text-color);\n width: 1rem;\n height: 1rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_totalData__7be52c53 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n font-weight: 500;\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_leftOptions__7be52c53 .Paginationv2_module_totalData__7be52c53 span {\n font-size: 1rem;\n line-height: 1.5rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n flex: 1;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53.Paginationv2_module_stretch__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53.Paginationv2_module_customPageNumber__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53.Paginationv2_module_disable__7be52c53 {\n pointer-events: none;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53 [data-elem=title] {\n color: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_button__7be52c53 .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 1rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53 {\n cursor: pointer;\n border-radius: 100%;\n font-size: 0.875rem;\n line-height: 1.125rem;\n font-weight: 500;\n height: 2.5rem;\n width: 2.5rem;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n background-color: transparent;\n text-align: center;\n border: 1px solid transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_customNumber__7be52c53 {\n border-radius: 0;\n font-size: 0.875rem;\n width: auto;\n white-space: nowrap;\n padding-inline: 0.3125rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:not([data-active=true]) {\n display: inline-flex;\n }\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53:hover {\n color: var(--secondary-color2);\n background: var(--background-color5);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_active__7be52c53 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_disabled__7be52c53 {\n color: var(--light-color2);\n cursor: not-allowed;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_ellipsis__7be52c53 {\n font-size: 1.8rem;\n padding-top: 0.125rem;\n font-weight: 600;\n align-items: unset;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_pageNumbers__7be52c53 > .Paginationv2_module_pageSelect__7be52c53 .Paginationv2_module_number__7be52c53.Paginationv2_module_ellipsis__7be52c53:hover {\n color: var(--secondary-color2);\n background: transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n flex: 1;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_totalData__7be52c53 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 500;\n line-height: 1.125rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 > [data-elem=base-cell] {\n flex: 0 !important;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n width: auto;\n min-width: auto;\n padding: 0;\n flex: 1;\n background: transparent;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 > [data-elem*=component] > * {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 {\n background: transparent;\n padding: 0rem;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n border: 0.0313rem solid var(--secondary-color2);\n box-shadow: 0.1875rem 0.1875rem 0.25rem 0rem rgba(194, 194, 194, 0.12) inset;\n gap: 0;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label {\n height: 100%;\n font-size: 0.875rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] {\n background-color: transparent;\n color: var(--white);\n width: 3rem;\n flex: 1;\n padding: 0rem !important;\n border: none;\n border-radius: 0rem;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--grey1);\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] > [data-elem=component2] {\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_inputbox__7be52c53 > label > [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n background-color: transparent !important;\n border: none;\n height: 100%;\n width: 100%;\n color: var(--text-color);\n font-size: 0.875rem;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_button__7be52c53 {\n border-radius: 0rem;\n background-color: var(--secondary-color2);\n padding: 0.75rem 0.5rem;\n height: 100%;\n}\n.Paginationv2_module_root__7be52c53 .Paginationv2_module_options__7be52c53 .Paginationv2_module_form__7be52c53 .Paginationv2_module_jumpToPage__7be52c53 .Paginationv2_module_button__7be52c53 .Paginationv2_module_icon__7be52c53 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}";
|
|
22069
22079
|
var modules_4c812c2d = {"root":"Paginationv2_module_root__7be52c53","floating":"Paginationv2_module_floating__7be52c53","left-options":"Paginationv2_module_leftOptions__7be52c53","row-switcher":"Paginationv2_module_rowSwitcher__7be52c53","row-switcher-handle":"Paginationv2_module_rowSwitcherHandle__7be52c53","dropdown":"Paginationv2_module_dropdown__7be52c53","total-data":"Paginationv2_module_totalData__7be52c53","page-numbers":"Paginationv2_module_pageNumbers__7be52c53","stretch":"Paginationv2_module_stretch__7be52c53","custom-page-number":"Paginationv2_module_customPageNumber__7be52c53","button":"Paginationv2_module_button__7be52c53","disable":"Paginationv2_module_disable__7be52c53","icon":"Paginationv2_module_icon__7be52c53","pageSelect":"Paginationv2_module_pageSelect__7be52c53","number":"Paginationv2_module_number__7be52c53","custom-number":"Paginationv2_module_customNumber__7be52c53","active":"Paginationv2_module_active__7be52c53","disabled":"Paginationv2_module_disabled__7be52c53","ellipsis":"Paginationv2_module_ellipsis__7be52c53","options":"Paginationv2_module_options__7be52c53","form":"Paginationv2_module_form__7be52c53","jump-to-page":"Paginationv2_module_jumpToPage__7be52c53","inputbox":"Paginationv2_module_inputbox__7be52c53"};
|
|
22070
|
-
n(css$
|
|
22080
|
+
n(css$u,{});
|
|
22071
22081
|
|
|
22072
22082
|
var dropdownOptions$1 = [{
|
|
22073
22083
|
title: '10 per page',
|
|
@@ -22546,30 +22556,6 @@ Pagination$1.propTypes = {
|
|
|
22546
22556
|
onChange: propTypesExports.func
|
|
22547
22557
|
};
|
|
22548
22558
|
|
|
22549
|
-
var css$u = ".Skeleton_module_root__d40be17c {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n width: 100%;\n gap: 1.5rem;\n padding: 1rem;\n}";
|
|
22550
|
-
var modules_37a5ff73$4 = {"root":"Skeleton_module_root__d40be17c"};
|
|
22551
|
-
n(css$u,{});
|
|
22552
|
-
|
|
22553
|
-
var TILES$1 = _toConsumableArray(Array(3).keys()).map(function () {
|
|
22554
|
-
return 70;
|
|
22555
|
-
});
|
|
22556
|
-
var ChartSkeleton$1 = function ChartSkeleton(_ref) {
|
|
22557
|
-
var theme = _ref.theme,
|
|
22558
|
-
fallback = _ref.fallback;
|
|
22559
|
-
return /*#__PURE__*/jsx("div", {
|
|
22560
|
-
className: modules_37a5ff73$4.root,
|
|
22561
|
-
children: TILES$1.map(function (tile) {
|
|
22562
|
-
return /*#__PURE__*/jsx(Skeleton, {
|
|
22563
|
-
theme: theme,
|
|
22564
|
-
variant: "rounded",
|
|
22565
|
-
width: "".concat(tile, "%"),
|
|
22566
|
-
height: "3rem",
|
|
22567
|
-
noAnimation: fallback
|
|
22568
|
-
}, tile);
|
|
22569
|
-
})
|
|
22570
|
-
});
|
|
22571
|
-
};
|
|
22572
|
-
|
|
22573
22559
|
var css$t = ".Tabs_module_tabsContainer__8ae609b9 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.Tabs_module_tabsContainerVertical__8ae609b9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n height: 100%;\n}\n\n.Tabs_module_tabs__8ae609b9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n position: relative;\n}\n\n.Tabs_module_vertical__8ae609b9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n position: relative;\n width: 3.75rem;\n border-right: 0.03125rem solid var(--light-color1);\n height: 100%;\n}\n\n.Tabs_module_tab__8ae609b9 {\n width: 100%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: flex-start;\n border-bottom: 0.0313rem solid var(--light-color1);\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_vertical__8ae609b9 {\n height: -moz-fit-content;\n height: fit-content;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] {\n padding: 5px !important;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell].Tabs_module_active__8ae609b9 {\n color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] > [data-elem=component1] > .Tabs_module_icon__8ae609b9,\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell] > [data-elem=component3] > .Tabs_module_icon__8ae609b9 {\n fill: var(--text-color);\n width: 1.5rem;\n height: 1.5rem;\n}\n.Tabs_module_tab__8ae609b9 > [data-elem=base-cell]:disabled {\n color: var(--mono-color2) !important;\n}\n.Tabs_module_tab__8ae609b9:hover {\n color: var(--primary-color4) !important;\n background: var(--background-color4);\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_active__8ae609b9 {\n color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9.Tabs_module_active__8ae609b9 > [data-elem=base-cell] > [data-elem=component1] > .Tabs_module_icon__8ae609b9 {\n fill: var(--secondary-color2);\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 [data-elem=base-cell] {\n height: 2.3125rem;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 [data-elem=base-cell].Tabs_module_active__8ae609b9 {\n color: var(--primary-color4) !important;\n}\n.Tabs_module_tab__8ae609b9 .Tabs_module_dropdown__8ae609b9 > [data-elem=header] > [data-elem=select] {\n background-color: transparent;\n border: none;\n padding: 5px !important;\n width: auto;\n font-size: 0.875rem;\n font-weight: 500;\n}\n\n.Tabs_module_tabSlider__8ae609b9 {\n position: absolute;\n bottom: 0;\n left: 0;\n height: 3px;\n background-color: var(--primary-color4);\n transition: left 0.3s ease-in-out, width 0.3s ease-in-out;\n width: 100%;\n}\n\n.Tabs_module_tabSliderVertical__8ae609b9 {\n position: absolute;\n right: 0;\n width: 0.0313rem;\n background-color: var(--primary-color4);\n transition: left 0.3s ease-in-out, width 0.3s ease-in-out;\n width: 100%;\n}\n\n.Tabs_module_tabContent__8ae609b9 {\n padding-top: 10px;\n border-top: 1px solid var(--grey3);\n z-index: -1;\n}\n\n.Tabs_module_tabContentVertical__8ae609b9 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n width: 100%;\n}";
|
|
22574
22560
|
var modules_78ab5066 = {"tabs-container":"Tabs_module_tabsContainer__8ae609b9","tabs-container-vertical":"Tabs_module_tabsContainerVertical__8ae609b9","tabs":"Tabs_module_tabs__8ae609b9","vertical":"Tabs_module_vertical__8ae609b9","tab":"Tabs_module_tab__8ae609b9","active":"Tabs_module_active__8ae609b9","icon":"Tabs_module_icon__8ae609b9","dropdown":"Tabs_module_dropdown__8ae609b9","tab-slider":"Tabs_module_tabSlider__8ae609b9","tab-slider-vertical":"Tabs_module_tabSliderVertical__8ae609b9","tab-content":"Tabs_module_tabContent__8ae609b9","tab-content-vertical":"Tabs_module_tabContentVertical__8ae609b9"};
|
|
22575
22561
|
n(css$t,{});
|
|
@@ -22579,8 +22565,6 @@ var Tabs = function Tabs(props) {
|
|
|
22579
22565
|
tabs = _props$tabs === void 0 ? [] : _props$tabs,
|
|
22580
22566
|
_props$className = props.className,
|
|
22581
22567
|
className = _props$className === void 0 ? '' : _props$className,
|
|
22582
|
-
loading = props.loading,
|
|
22583
|
-
fallback = props.fallback,
|
|
22584
22568
|
selectedTab = props.selectedTab,
|
|
22585
22569
|
setSelectedTab = props.setSelectedTab,
|
|
22586
22570
|
_props$direction = props.direction,
|
|
@@ -22597,7 +22581,7 @@ var Tabs = function Tabs(props) {
|
|
|
22597
22581
|
sliderWidth = _useState4[0],
|
|
22598
22582
|
setSliderWidth = _useState4[1];
|
|
22599
22583
|
var tabRefs = useRef([]);
|
|
22600
|
-
var tabIndex = tabs
|
|
22584
|
+
var tabIndex = tabs.findIndex(function (tab) {
|
|
22601
22585
|
if (tab.dropdown) {
|
|
22602
22586
|
var _tab$dropdownItems;
|
|
22603
22587
|
var dropdownItem = (_tab$dropdownItems = tab.dropdownItems) === null || _tab$dropdownItems === void 0 ? void 0 : _tab$dropdownItems.find(function (item) {
|
|
@@ -22608,23 +22592,23 @@ var Tabs = function Tabs(props) {
|
|
|
22608
22592
|
return tab.id === selectedTab;
|
|
22609
22593
|
});
|
|
22610
22594
|
var selectedTabIndex = tabIndex !== -1 ? tabIndex : 0;
|
|
22611
|
-
var _useState5 = useState(),
|
|
22595
|
+
var _useState5 = useState(0),
|
|
22612
22596
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
22613
22597
|
activeTab = _useState6[0],
|
|
22614
22598
|
setActiveTab = _useState6[1];
|
|
22615
22599
|
useEffect(function () {
|
|
22616
22600
|
setActiveTab(selectedTabIndex);
|
|
22617
22601
|
}, [selectedTabIndex]);
|
|
22618
|
-
var updateSliderPosition = function
|
|
22602
|
+
var updateSliderPosition = useCallback(function () {
|
|
22619
22603
|
var activeTabElement = tabRefs.current[activeTab];
|
|
22620
22604
|
if (activeTabElement) {
|
|
22621
22605
|
setSliderLeft(activeTabElement.offsetLeft);
|
|
22622
22606
|
setSliderWidth(activeTabElement.offsetWidth);
|
|
22623
22607
|
}
|
|
22624
|
-
};
|
|
22608
|
+
}, [activeTab]);
|
|
22625
22609
|
useEffect(function () {
|
|
22626
22610
|
updateSliderPosition();
|
|
22627
|
-
}, [activeTab, tabs, selectedTab]);
|
|
22611
|
+
}, [activeTab, tabs, selectedTab, updateSliderPosition]);
|
|
22628
22612
|
var handleTabClick = function handleTabClick(id, index) {
|
|
22629
22613
|
setSelectedTab(id);
|
|
22630
22614
|
setActiveTab(index);
|
|
@@ -22633,14 +22617,9 @@ var Tabs = function Tabs(props) {
|
|
|
22633
22617
|
setSelectedTab(selectedValue);
|
|
22634
22618
|
updateSliderPosition();
|
|
22635
22619
|
};
|
|
22636
|
-
|
|
22637
|
-
return /*#__PURE__*/jsx(ChartSkeleton$1, {
|
|
22638
|
-
fallback: !loading && fallback
|
|
22639
|
-
});
|
|
22640
|
-
}
|
|
22641
|
-
return /*#__PURE__*/jsxs("div", {
|
|
22620
|
+
return jsxs("div", {
|
|
22642
22621
|
className: classes(vertical ? modules_78ab5066['tabs-container-vertical'] : modules_78ab5066['tabs-container'], className),
|
|
22643
|
-
children: [
|
|
22622
|
+
children: [jsxs("div", {
|
|
22644
22623
|
className: vertical ? modules_78ab5066.vertical : modules_78ab5066.tabs,
|
|
22645
22624
|
children: [tabs.map(function (tab, index) {
|
|
22646
22625
|
var isActive = tab.id === selectedTab;
|
|
@@ -22653,79 +22632,73 @@ var Tabs = function Tabs(props) {
|
|
|
22653
22632
|
dropdownItems = tab.dropdownItems;
|
|
22654
22633
|
var getLeftComponent = function getLeftComponent() {
|
|
22655
22634
|
if (LeftIcon) {
|
|
22656
|
-
if (LeftIcon.Active || LeftIcon.InActive) {
|
|
22657
|
-
if (isActive) {
|
|
22658
|
-
return
|
|
22635
|
+
if (_typeof$1(LeftIcon) === 'object' && (LeftIcon.Active || LeftIcon.InActive)) {
|
|
22636
|
+
if (isActive && LeftIcon.Active) {
|
|
22637
|
+
return jsx(LeftIcon.Active, {});
|
|
22638
|
+
}
|
|
22639
|
+
if (LeftIcon.InActive) {
|
|
22640
|
+
return jsx(LeftIcon.InActive, {});
|
|
22659
22641
|
}
|
|
22660
|
-
return /*#__PURE__*/jsx(LeftIcon.InActive, {});
|
|
22661
22642
|
}
|
|
22662
|
-
|
|
22643
|
+
if (typeof LeftIcon === 'function') {
|
|
22644
|
+
return jsx(LeftIcon, {});
|
|
22645
|
+
}
|
|
22663
22646
|
}
|
|
22664
22647
|
return null;
|
|
22665
22648
|
};
|
|
22666
|
-
return
|
|
22649
|
+
return jsx("div", {
|
|
22667
22650
|
ref: function ref(_ref) {
|
|
22668
22651
|
tabRefs.current[index] = _ref;
|
|
22669
22652
|
},
|
|
22670
22653
|
className: classes(modules_78ab5066.tab, vertical ? modules_78ab5066.vertical : modules_78ab5066.horizontal, isActive ? modules_78ab5066.active : ''),
|
|
22671
|
-
children: dropdown ?
|
|
22672
|
-
className: "".concat(modules_78ab5066.dropdown, " ").concat(isActive
|
|
22654
|
+
children: dropdown ? jsx(Dropdown$1, {
|
|
22655
|
+
className: "".concat(String(modules_78ab5066.dropdown), " ").concat(String(isActive && modules_78ab5066.active)),
|
|
22673
22656
|
onChange: function onChange(event) {
|
|
22674
22657
|
var selectedValue = event.target.value;
|
|
22675
22658
|
handleDropClick(selectedValue);
|
|
22676
22659
|
setActiveTab(index);
|
|
22677
22660
|
},
|
|
22678
22661
|
value: selectedTab,
|
|
22679
|
-
placeholder: title
|
|
22680
|
-
|
|
22681
|
-
|
|
22682
|
-
children: dropdownItems.map(function (option) {
|
|
22683
|
-
return /*#__PURE__*/jsx(DropdownItem$1, {
|
|
22662
|
+
placeholder: title,
|
|
22663
|
+
children: dropdownItems === null || dropdownItems === void 0 ? void 0 : dropdownItems.map(function (option) {
|
|
22664
|
+
return jsx(DropdownItem$1, {
|
|
22684
22665
|
title: option.title,
|
|
22685
22666
|
value: option.id
|
|
22686
22667
|
}, option.id);
|
|
22687
22668
|
})
|
|
22688
|
-
}) :
|
|
22689
|
-
size:
|
|
22690
|
-
|
|
22691
|
-
|
|
22692
|
-
variant: "text",
|
|
22669
|
+
}) : jsx(Button, {
|
|
22670
|
+
size: 'auto',
|
|
22671
|
+
radius: 'none',
|
|
22672
|
+
variant: 'text',
|
|
22693
22673
|
disabled: disabled,
|
|
22694
22674
|
className: isActive ? modules_78ab5066.active : '',
|
|
22695
22675
|
title: title,
|
|
22696
22676
|
onClick: function onClick() {
|
|
22697
|
-
|
|
22677
|
+
handleTabClick(tab.id, index);
|
|
22698
22678
|
},
|
|
22699
22679
|
leftComponent: function leftComponent() {
|
|
22700
22680
|
return getLeftComponent();
|
|
22701
22681
|
},
|
|
22702
22682
|
rightComponent: RightIcon && function () {
|
|
22703
|
-
return
|
|
22683
|
+
return jsx(RightIcon, {
|
|
22704
22684
|
className: modules_78ab5066.icon
|
|
22705
22685
|
});
|
|
22706
22686
|
}
|
|
22707
22687
|
}, id)
|
|
22708
22688
|
}, tab.id);
|
|
22709
|
-
}),
|
|
22689
|
+
}), jsx("div", {
|
|
22710
22690
|
className: vertical ? modules_78ab5066['tab-slider-vertical'] : modules_78ab5066['tab-slider'],
|
|
22711
22691
|
style: {
|
|
22712
|
-
left: "".concat(sliderLeft, "px"),
|
|
22713
|
-
width: "".concat(sliderWidth, "px")
|
|
22692
|
+
left: "".concat(String(sliderLeft), "px"),
|
|
22693
|
+
width: "".concat(String(sliderWidth), "px")
|
|
22714
22694
|
}
|
|
22715
22695
|
})]
|
|
22716
|
-
}),
|
|
22696
|
+
}), jsx("div", {
|
|
22717
22697
|
className: !vertical ? modules_78ab5066['tab-content'] : modules_78ab5066['tab-content-vertical'],
|
|
22718
22698
|
children: children
|
|
22719
22699
|
})]
|
|
22720
22700
|
});
|
|
22721
22701
|
};
|
|
22722
|
-
Tabs.propTypes = {
|
|
22723
|
-
className: propTypesExports.string,
|
|
22724
|
-
tabs: propTypesExports.arrayOf(propTypesExports.string),
|
|
22725
|
-
selectedTab: propTypesExports.number,
|
|
22726
|
-
loading: propTypesExports.bool,
|
|
22727
|
-
fallback: propTypesExports.bool
|
|
22728
|
-
};
|
|
22729
22702
|
|
|
22730
22703
|
var css$s = ".BaseSidePanel_module_drawer__7530745f {\n position: absolute;\n right: 0;\n top: 0;\n bottom: 0;\n height: 100%;\n z-index: 10;\n width: 30%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--light-color3);\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n overflow-x: hidden;\n}\n.BaseSidePanel_module_drawer__7530745f.BaseSidePanel_module_animation__7530745f {\n transform: translateX(0%);\n transition: transform 250ms ease-in-out;\n}\n.BaseSidePanel_module_drawer__7530745f.BaseSidePanel_module_close__7530745f {\n transform: translateX(100%);\n}\n.BaseSidePanel_module_drawer__7530745f .BaseSidePanel_module_body__7530745f {\n flex: 1;\n overflow-y: auto;\n}\n.BaseSidePanel_module_drawer__7530745f .BaseSidePanel_module_tabs__7530745f,\n.BaseSidePanel_module_drawer__7530745f .BaseSidePanel_module_content__7530745f {\n width: 100%;\n}\n\n.BaseSidePanel_module_modal__7530745f {\n height: 100%;\n width: 50%;\n border-radius: 0;\n right: 0;\n top: auto;\n transform: none;\n}";
|
|
22731
22704
|
var modules_c7321921 = {"drawer":"BaseSidePanel_module_drawer__7530745f","animation":"BaseSidePanel_module_animation__7530745f","close":"BaseSidePanel_module_close__7530745f","body":"BaseSidePanel_module_body__7530745f","tabs":"BaseSidePanel_module_tabs__7530745f","content":"BaseSidePanel_module_content__7530745f","modal":"BaseSidePanel_module_modal__7530745f"};
|
|
@@ -25475,8 +25448,8 @@ var css$7 = ".Table_module_root__1ec2bc6d {\n position: relative;\n border-rad
|
|
|
25475
25448
|
var modules_2e8406c7 = {"root":"Table_module_root__1ec2bc6d","table":"Table_module_table__1ec2bc6d","pagination":"Table_module_pagination__1ec2bc6d","floating":"Table_module_floating__1ec2bc6d","drawer":"Table_module_drawer__1ec2bc6d","standalone":"Table_module_standalone__1ec2bc6d","chips":"Table_module_chips__1ec2bc6d","filters":"Table_module_filters__1ec2bc6d","overlay":"Table_module_overlay__1ec2bc6d"};
|
|
25476
25449
|
n(css$7,{});
|
|
25477
25450
|
|
|
25478
|
-
var css$6 = ".
|
|
25479
|
-
var modules_a0fe63f9 = {"root":"
|
|
25451
|
+
var css$6 = ".TableFilters_module_root__c9d60034[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 1.0625rem 1.25rem;\n height: auto;\n width: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] {\n flex: 1;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__c9d60034 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_details__c9d60034 .TableFilters_module_description__c9d60034 {\n max-width: 30rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n height: 3rem;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n border-radius: 0.3125rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 {\n height: 100%;\n width: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label {\n height: 100%;\n align-self: stretch;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] {\n padding: 0rem;\n height: 100%;\n border-radius: 0.3125rem;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n outline: none;\n box-shadow: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] > [data-elem=component1] {\n padding: 0.625rem 0rem 0.625rem 0.75rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] > [data-elem=component2] {\n padding: 0.625rem 0rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input] {\n font-size: 0.875rem;\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_search__c9d60034 > label > [data-elem=base-cell] [data-elem=input]::-moz-placeholder {\n font-weight: 500;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] {\n background-color: transparent;\n width: auto;\n border-left: 0.1px solid var(--mono-color3);\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n height: 100%;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] > [data-elem=text] {\n color: var(--text-color);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__c9d60034 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_icon__c9d60034.TableFilters_module_arrow__c9d60034 {\n width: 1.75rem;\n height: 1.75rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell]:hover {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component2] button.TableFilters_module_searchButton__c9d60034[data-elem=base-cell].TableFilters_module_clear__c9d60034 {\n background-color: var(--light-color2);\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] {\n flex: 1;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] {\n background: transparent;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n height: -moz-fit-content;\n height: fit-content;\n padding: 0.82rem 0.8rem !important;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] > [data-elem=component3] {\n color: var(--white) !important;\n font-size: 0.75rem !important;\n font-weight: 500;\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 button.TableFilters_module_advFilter__c9d60034[data-elem=base-cell].TableFilters_module_filter__c9d60034 {\n padding: 0.7rem 0.7rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_icon__c9d60034 {\n width: 1.25rem;\n height: 1.25rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] {\n border: none;\n padding: 0.7rem 0.65rem;\n width: auto;\n font-size: 0.875rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select]:hover {\n opacity: 0.7;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__c9d60034 {\n background-color: var(--secondary-color2);\n padding: 0.1rem 0.5rem;\n background-color: var(--secondary-color2);\n border-radius: 0.25rem;\n color: var(--white) !important;\n font-size: 0.75rem !important;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] span.TableFilters_module_value__c9d60034.TableFilters_module_hide__c9d60034 {\n display: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > div {\n margin-left: -0.3125rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > svg {\n width: 1.5rem;\n height: 1.5rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 > [data-elem=header] > [data-elem=select] > div {\n display: none;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 .TableFilters_module_item__c9d60034 {\n height: 3rem;\n}\n.TableFilters_module_root__c9d60034[data-elem=base-cell] > [data-elem=component3] .TableFilters_module_filters__c9d60034 .TableFilters_module_columnDropdown__c9d60034 .TableFilters_module_item__c9d60034 > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.TableFilters_module_columnDropdownPopper__c9d60034 {\n width: 20rem !important;\n}";
|
|
25452
|
+
var modules_a0fe63f9 = {"root":"TableFilters_module_root__c9d60034","details":"TableFilters_module_details__c9d60034","description":"TableFilters_module_description__c9d60034","search":"TableFilters_module_search__c9d60034","search-button":"TableFilters_module_searchButton__c9d60034","icon":"TableFilters_module_icon__c9d60034","arrow":"TableFilters_module_arrow__c9d60034","clear":"TableFilters_module_clear__c9d60034","filters":"TableFilters_module_filters__c9d60034","adv-filter":"TableFilters_module_advFilter__c9d60034","filter":"TableFilters_module_filter__c9d60034","column-dropdown":"TableFilters_module_columnDropdown__c9d60034","value":"TableFilters_module_value__c9d60034","hide":"TableFilters_module_hide__c9d60034","item":"TableFilters_module_item__c9d60034","column-dropdown-popper":"TableFilters_module_columnDropdownPopper__c9d60034"};
|
|
25480
25453
|
n(css$6,{});
|
|
25481
25454
|
|
|
25482
25455
|
var TableFilters = function TableFilters(props) {
|
|
@@ -25604,10 +25577,13 @@ var TableFilters = function TableFilters(props) {
|
|
|
25604
25577
|
className: modules_a0fe63f9.filters,
|
|
25605
25578
|
children: [rightActions === null || rightActions === void 0 ? void 0 : rightActions({
|
|
25606
25579
|
toggleDrawer: toggleDrawer
|
|
25607
|
-
}), !disabledSearch && /*#__PURE__*/jsx(Button, {
|
|
25580
|
+
}), !disabledSearch && /*#__PURE__*/jsx(Button, _objectSpread2({
|
|
25608
25581
|
size: "auto",
|
|
25609
25582
|
className: classes(modules_a0fe63f9['adv-filter'], filtersCount > 0 ? modules_a0fe63f9.filter : ''),
|
|
25610
|
-
title:
|
|
25583
|
+
title: /*#__PURE__*/jsx(Filter, {
|
|
25584
|
+
className: modules_a0fe63f9.icon,
|
|
25585
|
+
v2: true
|
|
25586
|
+
}),
|
|
25611
25587
|
onClick: function onClick() {
|
|
25612
25588
|
toggleDrawer({
|
|
25613
25589
|
data: {
|
|
@@ -25615,14 +25591,12 @@ var TableFilters = function TableFilters(props) {
|
|
|
25615
25591
|
standalone: true
|
|
25616
25592
|
}
|
|
25617
25593
|
});
|
|
25618
|
-
},
|
|
25619
|
-
leftComponent: function leftComponent() {
|
|
25620
|
-
return /*#__PURE__*/jsx(Filter, {
|
|
25621
|
-
className: modules_a0fe63f9.icon,
|
|
25622
|
-
v2: true
|
|
25623
|
-
});
|
|
25624
25594
|
}
|
|
25625
|
-
}
|
|
25595
|
+
}, getAdvancedFilterTitle() && {
|
|
25596
|
+
rightComponent: function rightComponent() {
|
|
25597
|
+
return getAdvancedFilterTitle();
|
|
25598
|
+
}
|
|
25599
|
+
})), columnFilters.length > 0 && /*#__PURE__*/jsx(Dropdown, {
|
|
25626
25600
|
className: modules_a0fe63f9['column-dropdown'],
|
|
25627
25601
|
popperClassName: modules_a0fe63f9['column-dropdown-popper'],
|
|
25628
25602
|
leftComponent: {
|
|
@@ -26947,5 +26921,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
|
|
|
26947
26921
|
});
|
|
26948
26922
|
});
|
|
26949
26923
|
|
|
26950
|
-
export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseBarChart as BaseBarChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart$1 as CapsuleChart, CapsuleChartIcon, CapsuleChart as CapsuleChartV2, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep,
|
|
26924
|
+
export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseBarChart as BaseBarChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart$1 as CapsuleChart, CapsuleChartIcon, CapsuleChart as CapsuleChartV2, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, CapsulePolarChart as NestedPieChartV2, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
|
|
26951
26925
|
//# sourceMappingURL=index.js.map
|