@banyan_cloud/roots 2.0.21 → 2.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +1105 -868
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/src/components/chartsV2/LineChart/BaseAreaChart.d.ts +1 -0
- package/dist/esm/src/components/hierarchy/browser/HierarchyBrowser.d.ts +22 -15
- package/dist/esm/src/components/hierarchy/item/HierarchyItem.d.ts +22 -10
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { motion, AnimatePresence, useAnimate } from 'framer-motion';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback,
|
|
3
|
+
import React__default, { forwardRef, createElement, isValidElement, useState, useRef, useLayoutEffect, useEffect, useImperativeHandle, useCallback, cloneElement, useMemo, useReducer, Children } from 'react';
|
|
4
4
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
5
5
|
import * as ReactDOM from 'react-dom';
|
|
6
6
|
import { createPortal } from 'react-dom';
|
|
@@ -5102,9 +5102,9 @@ var isEmptyHtmlString = function isEmptyHtmlString(htmlString) {
|
|
|
5102
5102
|
|
|
5103
5103
|
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
5104
5104
|
|
|
5105
|
-
var css$
|
|
5105
|
+
var css$1y = ".BaseCell_module_root__e11a03a1 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem;\n gap: 0.5rem;\n flex: none;\n height: 3rem;\n background: var(--light-color3);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1 > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_sm__e11a03a1 {\n width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_md__e11a03a1 {\n width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_lg__e11a03a1 {\n width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_auto__e11a03a1 {\n width: auto;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusDefault__e11a03a1 {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusRound__e11a03a1 {\n border-radius: 50%;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusEllipse__e11a03a1 {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_borderRadiusNone__e11a03a1 {\n border-radius: 0rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1 {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_sm__e11a03a1 {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_md__e11a03a1 {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_flexible__e11a03a1.BaseCell_module_lg__e11a03a1 {\n min-width: 21.875rem;\n}\n.BaseCell_module_root__e11a03a1.BaseCell_module_centered__e11a03a1 {\n justify-content: center;\n}";
|
|
5106
5106
|
var modules_3af9b74c = {"root":"BaseCell_module_root__e11a03a1","sm":"BaseCell_module_sm__e11a03a1","md":"BaseCell_module_md__e11a03a1","lg":"BaseCell_module_lg__e11a03a1","auto":"BaseCell_module_auto__e11a03a1","border-radius-default":"BaseCell_module_borderRadiusDefault__e11a03a1","border-radius-round":"BaseCell_module_borderRadiusRound__e11a03a1","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__e11a03a1","border-radius-none":"BaseCell_module_borderRadiusNone__e11a03a1","flexible":"BaseCell_module_flexible__e11a03a1","centered":"BaseCell_module_centered__e11a03a1"};
|
|
5107
|
-
n(css$
|
|
5107
|
+
n(css$1y,{});
|
|
5108
5108
|
|
|
5109
5109
|
/**
|
|
5110
5110
|
* BaseCell - A flexible container component for displaying up to three components in a structured layout
|
|
@@ -5164,9 +5164,9 @@ var BaseCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5164
5164
|
return null;
|
|
5165
5165
|
});
|
|
5166
5166
|
|
|
5167
|
-
var css$
|
|
5167
|
+
var css$1x = "button.BaseButton_module_root__eb55429f[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n display: inline-flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:focus {\n outline: 1px solid var(--primary-color4);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_contained__eb55429f {\n background: var(--text-color);\n color: var(--light-color3);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_outlined__eb55429f {\n color: var(--text-color);\n border: 1px solid var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell].BaseButton_module_text__eb55429f {\n color: var(--text-color);\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__eb55429f[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
5168
5168
|
var modules_ab72627b = {"root":"BaseButton_module_root__eb55429f","contained":"BaseButton_module_contained__eb55429f","outlined":"BaseButton_module_outlined__eb55429f","text":"BaseButton_module_text__eb55429f"};
|
|
5169
|
-
n(css$
|
|
5169
|
+
n(css$1x,{});
|
|
5170
5170
|
|
|
5171
5171
|
var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5172
5172
|
var _props$className = props.className,
|
|
@@ -5216,9 +5216,9 @@ var BaseButton = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5216
5216
|
});
|
|
5217
5217
|
});
|
|
5218
5218
|
|
|
5219
|
-
var css$
|
|
5219
|
+
var css$1w = ".Button_module_root__cb319292[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__cb319292[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292 {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_text__cb319292 {\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--secondary-color2);\n color: var(--secondary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--secondary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_primary__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color2);\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color2);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_success__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color2);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color1);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color1);\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color1);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_danger__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--primary-color3);\n color: var(--light-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_contained__cb319292:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--primary-color3);\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover {\n background-color: var(--primary-color3);\n color: var(--white);\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_outlined__cb319292:hover:hover {\n opacity: 0.85;\n}\n.Button_module_root__cb319292[data-elem=base-cell].Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--primary-color3);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_contained__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_contained__cb319292 {\n background-color: var(--mono-color3);\n color: var(--mono-color1);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292 {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_primary__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_success__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_danger__cb319292.Button_module_text__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_outlined__cb319292, .Button_module_root__cb319292[data-elem=base-cell]:disabled.Button_module_warning__cb319292.Button_module_text__cb319292 {\n color: var(--grey);\n}";
|
|
5220
5220
|
var modules_b0070f27 = {"root":"Button_module_root__cb319292","primary":"Button_module_primary__cb319292","contained":"Button_module_contained__cb319292","text":"Button_module_text__cb319292","outlined":"Button_module_outlined__cb319292","success":"Button_module_success__cb319292","danger":"Button_module_danger__cb319292","warning":"Button_module_warning__cb319292"};
|
|
5221
|
-
n(css$
|
|
5221
|
+
n(css$1w,{});
|
|
5222
5222
|
|
|
5223
5223
|
var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5224
5224
|
var _props$className = props.className,
|
|
@@ -5260,9 +5260,9 @@ var Button = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
5260
5260
|
});
|
|
5261
5261
|
});
|
|
5262
5262
|
|
|
5263
|
-
var css$
|
|
5263
|
+
var css$1v = ".Chip_module_root__9718bcd4[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_sm__9718bcd4 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_md__9718bcd4 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_status__9718bcd4:hover {\n box-shadow: 0px 8px 20px rgba(24, 24, 24, 0.08);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_success__9718bcd4:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4 {\n background-color: var(--info-bg);\n color: var(--primary-color4);\n border-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_info__9718bcd4:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4 {\n background-color: var(--error-bg);\n color: var(--primary-color1);\n border-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_danger__9718bcd4:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_warning__9718bcd4:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell].Chip_module_input__9718bcd4.Chip_module_default__9718bcd4:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4 [data-elem=component3], .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component1],\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_status__9718bcd4:hover, .Chip_module_root__9718bcd4[data-elem=base-cell]:disabled.Chip_module_input__9718bcd4:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
5264
5264
|
var modules_31aa5fd7 = {"root":"Chip_module_root__9718bcd4","sm":"Chip_module_sm__9718bcd4","md":"Chip_module_md__9718bcd4","status":"Chip_module_status__9718bcd4","success":"Chip_module_success__9718bcd4","info":"Chip_module_info__9718bcd4","danger":"Chip_module_danger__9718bcd4","warning":"Chip_module_warning__9718bcd4","default":"Chip_module_default__9718bcd4","input":"Chip_module_input__9718bcd4"};
|
|
5265
|
-
n(css$
|
|
5265
|
+
n(css$1v,{});
|
|
5266
5266
|
|
|
5267
5267
|
var Chip = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
5268
5268
|
var _props$className = props.className,
|
|
@@ -5466,9 +5466,9 @@ AngleDouble.defaultProps = {
|
|
|
5466
5466
|
className: ''
|
|
5467
5467
|
};
|
|
5468
5468
|
|
|
5469
|
-
var css$
|
|
5469
|
+
var css$1u = ".Arrow_module_right__19f08663 {\n transform: rotate(0deg);\n}\n\n.Arrow_module_left__19f08663 {\n transform: rotate(180deg);\n}\n\n.Arrow_module_bottom__19f08663 {\n transform: rotate(90deg);\n}\n\n.Arrow_module_top__19f08663 {\n transform: rotate(270deg);\n}";
|
|
5470
5470
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
5471
|
-
n(css$
|
|
5471
|
+
n(css$1u,{});
|
|
5472
5472
|
|
|
5473
5473
|
var Arrow = function Arrow(props) {
|
|
5474
5474
|
var className = props.className,
|
|
@@ -6350,9 +6350,9 @@ CheckboxIcon.UnChecked.defaultProps = {
|
|
|
6350
6350
|
className: ''
|
|
6351
6351
|
};
|
|
6352
6352
|
|
|
6353
|
-
var css$
|
|
6353
|
+
var css$1t = ".Chevron_module_left__8b1808eb {\n transform: rotate(0deg);\n}\n\n.Chevron_module_bottom__8b1808eb {\n transform: rotate(90deg);\n}\n\n.Chevron_module_right__8b1808eb {\n transform: rotate(180deg);\n}\n\n.Chevron_module_top__8b1808eb {\n transform: rotate(270deg);\n}";
|
|
6354
6354
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
6355
|
-
n(css$
|
|
6355
|
+
n(css$1t,{});
|
|
6356
6356
|
|
|
6357
6357
|
var Chevron = function Chevron(props) {
|
|
6358
6358
|
var className = props.className,
|
|
@@ -7201,10 +7201,10 @@ Reset.defaultProps = {
|
|
|
7201
7201
|
className: ''
|
|
7202
7202
|
};
|
|
7203
7203
|
|
|
7204
|
-
var _excluded = ["className"];
|
|
7204
|
+
var _excluded$1 = ["className"];
|
|
7205
7205
|
var SearchIcon = function SearchIcon(_ref) {
|
|
7206
7206
|
var className = _ref.className,
|
|
7207
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
7207
|
+
rest = _objectWithoutProperties(_ref, _excluded$1);
|
|
7208
7208
|
return /*#__PURE__*/jsxs("svg", _objectSpread2(_objectSpread2({
|
|
7209
7209
|
width: "25",
|
|
7210
7210
|
height: "25",
|
|
@@ -7534,9 +7534,9 @@ var SearchButton = function SearchButton(props) {
|
|
|
7534
7534
|
});
|
|
7535
7535
|
};
|
|
7536
7536
|
|
|
7537
|
-
var css$
|
|
7537
|
+
var css$1s = ".Accordion_module_root__ee8e457a {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a {\n transition: all 0.3s ease-in-out;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1], .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__ee8e457a, .Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] .Accordion_module_icon__ee8e457a {\n transform: rotate(90deg);\n width: 1rem;\n height: 1rem;\n fill: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] > [data-elem=component3] {\n margin-left: auto;\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] .Accordion_module_title__ee8e457a {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n color: var(--text-color);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover {\n background: var(--background-color4);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_icon__ee8e457a,\n.Accordion_module_root__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell]:hover .Accordion_module_title__ee8e457a {\n color: var(--secondary-color1);\n fill: var(--secondary-color1);\n}\n.Accordion_module_root__ee8e457a > .Accordion_module_body__ee8e457a {\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_header__ee8e457a[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__ee8e457a {\n transform: none;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] {\n width: -moz-fit-content;\n width: fit-content;\n align-self: flex-end;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n}\n.Accordion_module_root__ee8e457a.Accordion_module_open__ee8e457a > .Accordion_module_body__ee8e457a > button[data-elem=base-cell] .Accordion_module_expand__ee8e457a {\n height: 1.5rem;\n width: 1.5rem;\n}";
|
|
7538
7538
|
var modules_8207625f = {"root":"Accordion_module_root__ee8e457a","header":"Accordion_module_header__ee8e457a","icon":"Accordion_module_icon__ee8e457a","title":"Accordion_module_title__ee8e457a","body":"Accordion_module_body__ee8e457a","open":"Accordion_module_open__ee8e457a","expand":"Accordion_module_expand__ee8e457a"};
|
|
7539
|
-
n(css$
|
|
7539
|
+
n(css$1s,{});
|
|
7540
7540
|
|
|
7541
7541
|
var Accordion = function Accordion(props) {
|
|
7542
7542
|
var open = props.open,
|
|
@@ -11830,13 +11830,13 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
11830
11830
|
}, [activeId, disabledIndicesRef, listRef, enabled, orientation, rtl, virtual, open, activeIndex, nested, selectedIndex, openOnArrowKeyDown, focusItemOnHover, allowEscape, cols, loop, refs, focusItem, onNavigate, onOpenChange]);
|
|
11831
11831
|
};
|
|
11832
11832
|
|
|
11833
|
-
var css$
|
|
11833
|
+
var css$1r = ".Alert_module_root__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 0.938rem;\n width: 37.5rem;\n opacity: 1;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomCenter__67bc0572 {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopRight__67bc0572 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionBottomRight__67bc0572 {\n right: 1rem;\n bottom: 1rem;\n}\n.Alert_module_root__67bc0572.Alert_module_positionTopCenter__67bc0572 {\n left: 50%;\n top: 1rem;\n transform: translate(-50%, 0%);\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.25rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_icons__67bc0572 .Alert_module_icon__67bc0572 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_title__67bc0572 {\n font-size: 1rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__67bc0572 .Alert_module_left__67bc0572 .Alert_module_content__67bc0572 .Alert_module_description__67bc0572 {\n word-wrap: break-word;\n height: auto;\n font-size: 1rem;\n font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 5px;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_button__67bc0572 {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 {\n height: auto;\n}\n.Alert_module_root__67bc0572 .Alert_module_actions__67bc0572 .Alert_module_close__67bc0572 .Alert_module_icon__67bc0572 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Alert_module_root__67bc0572.Alert_module_borderDefault__67bc0572 {\n border-width: 0.063rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderThickLeft__67bc0572 {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_borderNone__67bc0572 {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color4);\n background-color: var(--background-color5);\n}\n.Alert_module_root__67bc0572.Alert_module_info__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color4);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color2);\n background-color: var(--background-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_success__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color2);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color1);\n background-color: var(--background-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_danger__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color1);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 {\n border-style: solid;\n border-color: var(--primary-color3);\n background-color: var(--background-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_warning__67bc0572 .Alert_module_icon__67bc0572 {\n fill: var(--primary-color3);\n}\n.Alert_module_root__67bc0572.Alert_module_shadow__67bc0572 {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
11834
11834
|
var modules_3a764ea3$1 = {"root":"Alert_module_root__67bc0572","position-bottom-center":"Alert_module_positionBottomCenter__67bc0572","position-top-right":"Alert_module_positionTopRight__67bc0572","position-bottom-right":"Alert_module_positionBottomRight__67bc0572","position-top-center":"Alert_module_positionTopCenter__67bc0572","left":"Alert_module_left__67bc0572","icons":"Alert_module_icons__67bc0572","icon":"Alert_module_icon__67bc0572","content":"Alert_module_content__67bc0572","title":"Alert_module_title__67bc0572","description":"Alert_module_description__67bc0572","actions":"Alert_module_actions__67bc0572","button":"Alert_module_button__67bc0572","close":"Alert_module_close__67bc0572","border-default":"Alert_module_borderDefault__67bc0572","border-thick-left":"Alert_module_borderThickLeft__67bc0572","border-none":"Alert_module_borderNone__67bc0572","info":"Alert_module_info__67bc0572","success":"Alert_module_success__67bc0572","danger":"Alert_module_danger__67bc0572","warning":"Alert_module_warning__67bc0572","shadow":"Alert_module_shadow__67bc0572"};
|
|
11835
|
-
n(css$
|
|
11835
|
+
n(css$1r,{});
|
|
11836
11836
|
|
|
11837
|
-
var css$
|
|
11837
|
+
var css$1q = ".Popper_module_backdrop__9fc51220 {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(var(--black), 0.4);\n}\n.Popper_module_backdrop__9fc51220.Popper_module_transparent__9fc51220 {\n background: none;\n}\n.Popper_module_backdrop__9fc51220.Popper_module_hideBackdrop__9fc51220 {\n position: static !important;\n}";
|
|
11838
11838
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__9fc51220","transparent":"Popper_module_transparent__9fc51220","hide-backdrop":"Popper_module_hideBackdrop__9fc51220"};
|
|
11839
|
-
n(css$
|
|
11839
|
+
n(css$1q,{});
|
|
11840
11840
|
|
|
11841
11841
|
var Popper = function Popper(props) {
|
|
11842
11842
|
var open = props.open,
|
|
@@ -12088,9 +12088,9 @@ Alert$1.defaultProps = {
|
|
|
12088
12088
|
className: ''
|
|
12089
12089
|
};
|
|
12090
12090
|
|
|
12091
|
-
var css$
|
|
12091
|
+
var css$1p = ".Alert_module_root__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n position: fixed;\n padding: 1rem;\n width: 37.5rem;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_info__c6a97f74 {\n background-color: var(--background-color4);\n}\n.Alert_module_root__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74.Alert_module_danger__c6a97f74 {\n background-color: var(--background-color1);\n}\n.Alert_module_root__c6a97f74.Alert_module_success__c6a97f74 {\n background-color: var(--background-color2);\n}\n.Alert_module_root__c6a97f74.Alert_module_warning__c6a97f74 {\n background-color: var(--background-color3);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomCenter__c6a97f74 {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopRight__c6a97f74 {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionBottomRight__c6a97f74 {\n right: 1rem;\n bottom: 1rem;\n}\n.Alert_module_root__c6a97f74.Alert_module_positionTopCenter__c6a97f74 {\n left: 50%;\n top: 1rem;\n transform: translate(-50%, 0%);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_info__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--secondary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_error__c6a97f74, .Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_danger__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color1);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_success__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color2);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74.Alert_module_warning__c6a97f74 {\n box-shadow: 0px 0px 0.6rem 0px var(--primary-color3);\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_iconContainer__c6a97f74 .Alert_module_icon__c6a97f74 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n margin-left: 1.25rem;\n gap: 0.25rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_title__c6a97f74 {\n color: var(--text-color);\n font-size: 1rem;\n font-weight: 600;\n}\n.Alert_module_root__c6a97f74 .Alert_module_left__c6a97f74 .Alert_module_content__c6a97f74 .Alert_module_description__c6a97f74 {\n word-wrap: break-word;\n color: var(--text-color);\n font-size: 1rem;\n line-height: 1.3125rem;\n font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n gap: 0.3125rem;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_button__c6a97f74 {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 {\n height: auto;\n}\n.Alert_module_root__c6a97f74 .Alert_module_actions__c6a97f74 .Alert_module_close__c6a97f74 .Alert_module_icon__c6a97f74 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Alert_module_root__c6a97f74.Alert_module_shadow__c6a97f74 {\n box-shadow: 0rem 0rem 0.5rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
12092
12092
|
var modules_3a764ea3 = {"root":"Alert_module_root__c6a97f74","info":"Alert_module_info__c6a97f74","error":"Alert_module_error__c6a97f74","danger":"Alert_module_danger__c6a97f74","success":"Alert_module_success__c6a97f74","warning":"Alert_module_warning__c6a97f74","position-bottom-center":"Alert_module_positionBottomCenter__c6a97f74","position-top-right":"Alert_module_positionTopRight__c6a97f74","position-bottom-right":"Alert_module_positionBottomRight__c6a97f74","position-top-center":"Alert_module_positionTopCenter__c6a97f74","left":"Alert_module_left__c6a97f74","icon-container":"Alert_module_iconContainer__c6a97f74","icon":"Alert_module_icon__c6a97f74","content":"Alert_module_content__c6a97f74","title":"Alert_module_title__c6a97f74","description":"Alert_module_description__c6a97f74","actions":"Alert_module_actions__c6a97f74","button":"Alert_module_button__c6a97f74","close":"Alert_module_close__c6a97f74","shadow":"Alert_module_shadow__c6a97f74"};
|
|
12093
|
-
n(css$
|
|
12093
|
+
n(css$1p,{});
|
|
12094
12094
|
|
|
12095
12095
|
var ALERT_DISMISS_TIME = 2000;
|
|
12096
12096
|
var ANIMATION = {
|
|
@@ -12308,9 +12308,9 @@ Alert.propTypes = {
|
|
|
12308
12308
|
className: propTypesExports.string
|
|
12309
12309
|
};
|
|
12310
12310
|
|
|
12311
|
-
var css$
|
|
12311
|
+
var css$1o = ".Popover_module_root__c48bb8a2 {\n padding: 0.5rem;\n border-radius: 0.25rem;\n border: 1px solid var(--grey);\n}\n.Popover_module_root__c48bb8a2.Popover_module_darkTheme__c48bb8a2 {\n box-shadow: 0px dark 20px rgba(24, 24, 24, 0.08);\n background-color: var(--dark-grey);\n color: var(--white);\n border-color: var(--grey);\n}\n.Popover_module_root__c48bb8a2.Popover_module_lightTheme__c48bb8a2 {\n box-shadow: 0px light 20px rgba(24, 24, 24, 0.08);\n background-color: var(--white);\n color: var(--dark-grey);\n border-color: var(--grey4);\n}";
|
|
12312
12312
|
var modules_dfc4608f = {"root":"Popover_module_root__c48bb8a2","dark-theme":"Popover_module_darkTheme__c48bb8a2","light-theme":"Popover_module_lightTheme__c48bb8a2"};
|
|
12313
|
-
n(css$
|
|
12313
|
+
n(css$1o,{});
|
|
12314
12314
|
|
|
12315
12315
|
var Popover = function Popover(props) {
|
|
12316
12316
|
var _middlewareOptions$of, _middlewareOptions$sh, _middlewareOptions$fl;
|
|
@@ -12394,9 +12394,9 @@ Popover.propTypes = {
|
|
|
12394
12394
|
theme: propTypesExports.oneOf(['light', 'dark'])
|
|
12395
12395
|
};
|
|
12396
12396
|
|
|
12397
|
-
var css$
|
|
12397
|
+
var css$1n = ".Text_module_root__d10e5305 {\n color: var(--text-color);\n}\n.Text_module_root__d10e5305.Text_module_h1__d10e5305 {\n font-size: 2.25rem;\n line-height: 2.75rem;\n}\n.Text_module_root__d10e5305.Text_module_h2__d10e5305 {\n font-size: 1.375rem;\n line-height: 1.688rem;\n}\n.Text_module_root__d10e5305.Text_module_b1__d10e5305 {\n font-size: 1rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b2__d10e5305 {\n font-size: 0.875rem;\n line-height: 1.188rem;\n}\n.Text_module_root__d10e5305.Text_module_b3__d10e5305 {\n font-size: 0.75rem;\n line-height: 1.063rem;\n}\n.Text_module_root__d10e5305.Text_module_regularStroke__d10e5305 {\n font-weight: 400;\n}\n.Text_module_root__d10e5305.Text_module_mediumStroke__d10e5305 {\n font-weight: 500;\n}\n.Text_module_root__d10e5305.Text_module_semiboldStroke__d10e5305 {\n font-weight: 600;\n}\n.Text_module_root__d10e5305.Text_module_boldStroke__d10e5305 {\n font-weight: 800;\n}";
|
|
12398
12398
|
var modules_22fa3f10 = {"root":"Text_module_root__d10e5305","h1":"Text_module_h1__d10e5305","h2":"Text_module_h2__d10e5305","b1":"Text_module_b1__d10e5305","b2":"Text_module_b2__d10e5305","b3":"Text_module_b3__d10e5305","regular-stroke":"Text_module_regularStroke__d10e5305","medium-stroke":"Text_module_mediumStroke__d10e5305","semibold-stroke":"Text_module_semiboldStroke__d10e5305","bold-stroke":"Text_module_boldStroke__d10e5305"};
|
|
12399
|
-
n(css$
|
|
12399
|
+
n(css$1n,{});
|
|
12400
12400
|
|
|
12401
12401
|
var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12402
12402
|
var _props$variant = props.variant,
|
|
@@ -12430,9 +12430,9 @@ var Text = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12430
12430
|
return null;
|
|
12431
12431
|
});
|
|
12432
12432
|
|
|
12433
|
-
var css$
|
|
12433
|
+
var css$1m = ".Link_module_root__349e1c8c {\n color: var(--primary-color4);\n text-decoration: none;\n}\n.Link_module_root__349e1c8c.Link_module_underlineNone__349e1c8c {\n text-decoration: none;\n}\n.Link_module_root__349e1c8c.Link_module_underlineHover__349e1c8c:hover {\n text-decoration: underline;\n}\n.Link_module_root__349e1c8c.Link_module_underlineAlways__349e1c8c {\n text-decoration: underline;\n}";
|
|
12434
12434
|
var modules_475441e2 = {"root":"Link_module_root__349e1c8c","underline-none":"Link_module_underlineNone__349e1c8c","underline-hover":"Link_module_underlineHover__349e1c8c","underline-always":"Link_module_underlineAlways__349e1c8c"};
|
|
12435
|
-
n(css$
|
|
12435
|
+
n(css$1m,{});
|
|
12436
12436
|
|
|
12437
12437
|
var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
12438
12438
|
var _props$variant = props.variant,
|
|
@@ -12469,9 +12469,9 @@ var Link = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
12469
12469
|
});
|
|
12470
12470
|
});
|
|
12471
12471
|
|
|
12472
|
-
var css$
|
|
12472
|
+
var css$1l = ".Breadcrumbs_module_root__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1rem;\n width: auto;\n overflow: auto;\n width: 100%;\n}\n.Breadcrumbs_module_root__b3226ed9 [data-elem=breadcrumb-separator-icon] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n stroke: var(--text-color);\n fill: var(--text-color);\n width: 1.5rem;\n height: 1.5rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] {\n background: var(--grey6);\n color: var(--text-color);\n height: 0.75rem;\n padding: 0.25rem;\n}\n.Breadcrumbs_module_root__b3226ed9 button.Breadcrumbs_module_expand__b3226ed9[data-elem=base-cell] [data-elem=title] {\n margin-bottom: 0.4rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] {\n height: 2rem;\n width: 2rem;\n background-color: var(--mono-color1) !important;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] > [data-elem=component1] > svg {\n margin-left: 0.125rem;\n fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell] .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 {\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 4px;\n background-color: var(--mono-color2) !important;\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 {\n background-color: var(--mono-color1) !important;\n color: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumbActions__b3226ed9[data-elem=base-cell].Breadcrumbs_module_home__b3226ed9.Breadcrumbs_module_highlight__b3226ed9 .Breadcrumbs_module_icon__b3226ed9 {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--light-color3);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.5rem;\n border-radius: 0.25rem;\n background: var(--mono-color2);\n font-weight: 500;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9:hover:not(.Breadcrumbs_module_active__b3226ed9) {\n cursor: pointer;\n background: var(--light-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 {\n background-color: var(--mono-color1);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9.Breadcrumbs_module_active__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n fill: var(--white);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--text-color);\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__b3226ed9 .Breadcrumbs_module_crumb__b3226ed9 .Breadcrumbs_module_iconWrapper__b3226ed9 svg {\n fill: var(--primary-color4);\n}\n\ndiv.Breadcrumbs_module_popover__b3226ed9 {\n height: auto;\n width: auto;\n padding: 0.07rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 [data-elem=placeholder] {\n font-size: 0.875rem;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 0.5rem;\n border-radius: 0.25rem;\n background: transparent;\n font-weight: 500;\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9:hover {\n cursor: pointer;\n background: var(--light-color1);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_title__b3226ed9 {\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__b3226ed9 .Breadcrumbs_module_crumbList__b3226ed9 .Breadcrumbs_module_value__b3226ed9 {\n color: var(--text-color);\n}\n\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 {\n background: var(--white) !important;\n border-color: var(--white) !important;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 [data-elem=placeholder] {\n color: var(--white);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 > svg {\n fill: var(--dark-grey);\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] {\n flex: 1;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 > [data-elem=component2] .Breadcrumbs_module_contentLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 button.Breadcrumbs_module_optionLight__b3226ed9 {\n color: #7c7c7c;\n}\ndiv.Breadcrumbs_module_popoverLight__b3226ed9 .Breadcrumbs_module_bodyLight__b3226ed9 .Breadcrumbs_module_contentLight__b3226ed9 .Breadcrumbs_module_expandIconLight__b3226ed9 {\n fill: var(--dark-grey);\n}";
|
|
12473
12473
|
var modules_651f50a9$1 = {"root":"Breadcrumbs_module_root__b3226ed9","expand":"Breadcrumbs_module_expand__b3226ed9","crumb-actions":"Breadcrumbs_module_crumbActions__b3226ed9","icon":"Breadcrumbs_module_icon__b3226ed9","home":"Breadcrumbs_module_home__b3226ed9","highlight":"Breadcrumbs_module_highlight__b3226ed9","crumb":"Breadcrumbs_module_crumb__b3226ed9","active":"Breadcrumbs_module_active__b3226ed9","title":"Breadcrumbs_module_title__b3226ed9","value":"Breadcrumbs_module_value__b3226ed9","iconWrapper":"Breadcrumbs_module_iconWrapper__b3226ed9","popover":"Breadcrumbs_module_popover__b3226ed9","crumb-list":"Breadcrumbs_module_crumbList__b3226ed9","popover-light":"Breadcrumbs_module_popoverLight__b3226ed9","body-light":"Breadcrumbs_module_bodyLight__b3226ed9","content-light":"Breadcrumbs_module_contentLight__b3226ed9","option-light":"Breadcrumbs_module_optionLight__b3226ed9","expand-icon-light":"Breadcrumbs_module_expandIconLight__b3226ed9"};
|
|
12474
|
-
n(css$
|
|
12474
|
+
n(css$1l,{});
|
|
12475
12475
|
|
|
12476
12476
|
var BreadCrumbs$1 = function BreadCrumbs(props) {
|
|
12477
12477
|
var crumbs = props.crumbs,
|
|
@@ -12653,9 +12653,9 @@ BreadCrumbs$1.defaultProps = {
|
|
|
12653
12653
|
className: ''
|
|
12654
12654
|
};
|
|
12655
12655
|
|
|
12656
|
-
var css$
|
|
12656
|
+
var css$1k = ".Breadcrumbs_module_root__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.25rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n width: auto;\n max-width: 17rem;\n border: 0.0313rem solid transparent;\n background: var(--light-color2);\n padding: 0.625rem 0.75rem;\n gap: 0rem;\n border-radius: 0.25rem;\n border: 0.0938rem solid transparent;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_expand__a12d45a5 {\n border: 0.0938rem solid var(--secondary-color2);\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component1] div.Breadcrumbs_module_iconWrapper__a12d45a5 > svg {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component2] > [data-elem=title] {\n font-size: 0.875rem;\n color: var(--text-color);\n line-height: 1.3125rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit].Breadcrumbs_module_gap__a12d45a5 > [data-elem=component2] {\n margin-left: 0.7775rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] {\n margin-left: 1.785rem;\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5 {\n width: 1rem;\n height: 1rem;\n}\n.Breadcrumbs_module_root__a12d45a5 button[data-elem=base-cell].Breadcrumbs_module_selected__a12d45a5[type=submit] > [data-elem=component3] .Breadcrumbs_module_icon__a12d45a5.Breadcrumbs_module_expand__a12d45a5 path {\n stroke: var(--secondary-color2);\n}\n\ndiv.Breadcrumbs_module_popover__a12d45a5 {\n height: auto;\n padding: 0.75rem 0.625rem 0rem 0.625rem;\n background: var(--white) !important;\n border-color: var(--white) !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n padding: 0.5rem 0.75rem;\n margin-bottom: 0.625rem;\n border-radius: 0.125rem;\n border: 0.0313rem solid var(--side-bar-icon2);\n font-weight: 500;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5:hover {\n cursor: pointer;\n background: var(--light-color2);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5.Breadcrumbs_module_active__a12d45a5 {\n background: var(--background-color5);\n border: 0.0313rem solid transparent;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.625rem;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_iconWrapper__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n color: var(--text-color);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_left__a12d45a5 .Breadcrumbs_module_value__a12d45a5 {\n color: var(--text-color);\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circle__a12d45a5 {\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: white;\n border-radius: 50%;\n z-index: 1000;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: flex-end;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--white);\n border-radius: 50%;\n z-index: 101;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 {\n margin-right: 1.8px;\n margin-bottom: 1.4px;\n transform: rotate(180deg);\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5 .Breadcrumbs_module_icon__a12d45a5 > path {\n fill: var(--secondary-color2);\n stroke: var(--secondary-color2);\n stroke-width: 0.2rem;\n stroke-linecap: round !important;\n stroke-linejoin: round;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleDropdown__a12d45a5::before {\n content: \"\";\n width: 0%;\n height: 26px;\n border-left: 1.5px dashed var(--secondary-color2);\n position: relative;\n bottom: 100%;\n right: -3.6px;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: 12px;\n height: 12px;\n border: 1.5px solid var(--secondary-color2);\n background-color: var(--secondary-color2);\n border-radius: 50%;\n z-index: 100;\n}\ndiv.Breadcrumbs_module_popover__a12d45a5 .Breadcrumbs_module_crumbList__a12d45a5 .Breadcrumbs_module_right__a12d45a5 .Breadcrumbs_module_circleFilled__a12d45a5::before {\n content: \"\";\n width: 0%;\n height: 40px;\n border-left: 1.5px solid var(--secondary-color2);\n position: relative;\n bottom: 200%;\n right: -3.6px;\n}";
|
|
12657
12657
|
var modules_651f50a9 = {"root":"Breadcrumbs_module_root__a12d45a5","selected":"Breadcrumbs_module_selected__a12d45a5","expand":"Breadcrumbs_module_expand__a12d45a5","iconWrapper":"Breadcrumbs_module_iconWrapper__a12d45a5","gap":"Breadcrumbs_module_gap__a12d45a5","icon":"Breadcrumbs_module_icon__a12d45a5","popover":"Breadcrumbs_module_popover__a12d45a5","crumb-list":"Breadcrumbs_module_crumbList__a12d45a5","active":"Breadcrumbs_module_active__a12d45a5","left":"Breadcrumbs_module_left__a12d45a5","value":"Breadcrumbs_module_value__a12d45a5","right":"Breadcrumbs_module_right__a12d45a5","circle":"Breadcrumbs_module_circle__a12d45a5","circle-dropdown":"Breadcrumbs_module_circleDropdown__a12d45a5","circle-filled":"Breadcrumbs_module_circleFilled__a12d45a5"};
|
|
12658
|
-
n(css$
|
|
12658
|
+
n(css$1k,{});
|
|
12659
12659
|
|
|
12660
12660
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
12661
12661
|
var _crumbs, _crumbs2, _crumbs3;
|
|
@@ -12763,9 +12763,9 @@ BreadCrumbs.propTypes = {
|
|
|
12763
12763
|
className: propTypesExports.string
|
|
12764
12764
|
};
|
|
12765
12765
|
|
|
12766
|
-
var css$
|
|
12766
|
+
var css$1j = ".Callout_module_root__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1rem;\n width: 100%;\n opacity: 1;\n background-color: var(--light-color3);\n border-radius: 0.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 {\n padding: 0.5rem;\n width: 2.5rem;\n height: 2.5rem;\n border-radius: 0.625rem;\n background: var(--light-color3);\n box-shadow: 0px 0px 0.25rem 0px rgba(0, 0, 0, 0.271);\n transition: box-shadow 0.5s ease-in-out;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_iconContainer__6038df42 .Callout_module_icon__6038df42 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.25rem;\n margin-left: 1.25rem;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_title__6038df42 {\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 600;\n}\n.Callout_module_root__6038df42 .Callout_module_left__6038df42 .Callout_module_content__6038df42 .Callout_module_description__6038df42 {\n word-wrap: break-word;\n height: auto;\n color: var(--text-color);\n font-size: 0.875rem;\n font-weight: 400;\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_info__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--secondary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_success__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color2);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_danger__6038df42 .Callout_module_iconContainer__6038df42, .Callout_module_root__6038df42.Callout_module_error__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color1);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 {\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n}\n.Callout_module_root__6038df42.Callout_module_warning__6038df42 .Callout_module_iconContainer__6038df42 {\n box-shadow: 0rem 0rem 0.4rem 0rem var(--primary-color3);\n}\n.Callout_module_root__6038df42.Callout_module_shadow__6038df42 {\n box-shadow: 0rem 0.0625rem 0.25rem 0rem rgba(0, 0, 0, 0.25), 0rem 0.1875rem 0.25rem 0rem rgba(0, 0, 0, 0.25);\n}";
|
|
12767
12767
|
var modules_b6de2704 = {"root":"Callout_module_root__6038df42","left":"Callout_module_left__6038df42","icon-container":"Callout_module_iconContainer__6038df42","icon":"Callout_module_icon__6038df42","content":"Callout_module_content__6038df42","title":"Callout_module_title__6038df42","description":"Callout_module_description__6038df42","info":"Callout_module_info__6038df42","success":"Callout_module_success__6038df42","danger":"Callout_module_danger__6038df42","error":"Callout_module_error__6038df42","warning":"Callout_module_warning__6038df42","shadow":"Callout_module_shadow__6038df42"};
|
|
12768
|
-
n(css$
|
|
12768
|
+
n(css$1j,{});
|
|
12769
12769
|
|
|
12770
12770
|
var Callout = /*#__PURE__*/forwardRef(function (props) {
|
|
12771
12771
|
var _props$showIcon = props.showIcon,
|
|
@@ -12851,9 +12851,9 @@ Callout.propTypes = {
|
|
|
12851
12851
|
className: propTypesExports.string
|
|
12852
12852
|
};
|
|
12853
12853
|
|
|
12854
|
-
var css$
|
|
12854
|
+
var css$1i = ":root {\n --white: #ffffff;\n --black: #141920;\n --dark-grey: #333333;\n --dark-grey-o-85: rgba(51, 51, 51, 0.85);\n --grey: #737373;\n --grey1: #888888;\n --grey2: #a6a6a6;\n --grey3: #bbbbbb;\n --grey4: #c4c4c4;\n --grey5: #dddddd;\n --grey6: #e8e8e8;\n --grey7: #eeeeee;\n --grey8: #f2f2f2;\n --grey9: #eff0f0;\n --grey10: #f7f7f7;\n --skeleton: #e0e1e9;\n --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\n --menu-black: #191b1f;\n --banyan-blue: #00037c;\n --banyan-orange: #ff892a;\n --banyan-pink: #ff1597;\n --banyan-gradient: linear-gradient(\n \t84.71deg,\n \tvar(--banyan-pink) 0.48%,\n \tvar(--banyan-orange) 99.57%\n );\n --error: #ff626a;\n --error-bg: #fff1f1;\n --error-outline: rgba(218, 30, 40, 0.08);\n --success: #24a148;\n --success-bg: #defbe6;\n --success-outline: rgba(36, 161, 72, 0.08);\n --warning: #f1c21b;\n --warning-bg: #fff8e1;\n --warning-outline: rgba(203, 160, 6, 0.08);\n --info: #0043ce;\n --info-bg: #edf5ff;\n --info-outline: #2864db98;\n}\n:root[data-theme=light] {\n --primary-color1: #bd3c45;\n --primary-color2: #487349;\n --primary-color3: #cba006;\n --primary-color4: #0043ce;\n --secondary-color1: #0a15f9;\n --secondary-color2: #0f62fe;\n --secondary-color3: #0fa9ff;\n --secondary-color4: #a91aa3;\n --secondary-color5: #ef87f8;\n --secondary-color6: #fcab0f;\n --secondary-color7: #dce01d;\n --background-color1: #ffebec;\n --background-color2: #edffed;\n --background-color3: #fff6d4;\n --background-color4: #e6edff;\n --background-color5: #cfdfff;\n --mono-color1: #71839b;\n --mono-color2: #b7cadb;\n --mono-color3: #d8dfe5;\n --light-color1: #efeff0;\n --light-color2: #f7f7f8;\n --light-color3: #ffffff;\n --text-color: #141920;\n --side-bar-icon1: #97979f;\n --side-bar-icon2: #d5d5db;\n}\n:root[data-theme=dark] {\n --primary-color1: #b33030;\n --primary-color2: #4e9f3d;\n --primary-color3: #ebb700;\n --primary-color4: #0053ff;\n --secondary-color1: #2e37ff;\n --secondary-color2: #2d76ff;\n --secondary-color3: #39b8ff;\n --secondary-color4: #dc00d3;\n --secondary-color5: #f8a4ff;\n --secondary-color6: #ffbf45;\n --secondary-color7: #fbff42;\n --background-color1: #e5d3d4;\n --background-color2: #d6e5d6;\n --background-color3: #e5ddbe;\n --background-color4: #cfd6e5;\n --background-color5: #bac9e5;\n --mono-color1: #4c5869;\n --mono-color2: #8d9ba8;\n --mono-color3: #a8adb2;\n --light-color1: #1b1b1c;\n --light-color2: #151517;\n --light-color3: #141920;\n --text-color: #fafafa;\n --side-bar-icon1: #96969e;\n --side-bar-icon2: #bcbcc2;\n}";
|
|
12855
12855
|
var modules_1722b0e5 = {"white":"--white","black":"--black","menu-black":"--menu-black","dark-grey":"--dark-grey","dark-grey-o-85":"--dark-grey-o-85","grey":"--grey","grey1":"--grey1","grey2":"--grey2","grey3":"--grey3","grey4":"--grey4","grey5":"--grey5","grey6":"--grey6","grey7":"--grey7","grey8":"--grey8","grey9":"--grey9","grey10":"--grey10","highlight":"--highlight","dark-blue":"--dark-blue","background":"--background","banyan-blue":"--banyan-blue","banyan-orange":"--banyan-orange","banyan-pink":"--banyan-pink","banyan-gradient":"--banyan-gradient","error":"--error","error-bg":"--error-bg","error-outline":"--error-outline","success":"--success","success-bg":"--success-bg","success-outline":"--success-outline","warning":"--warning","warning-bg":"--warning-bg","warning-outline":"--warning-outline","info":"--info","info-bg":"--info-bg","info-outline":"--info-outline","theme-light-primary-color1":"#bd3c45","theme-light-primary-color2":"#487349","theme-light-primary-color3":"#cba006","theme-light-primary-color4":"#0043ce","theme-light-secondary-color1":"#0a15f9","theme-light-secondary-color2":"#0f62fe","theme-light-secondary-color3":"#0fa9ff","theme-light-secondary-color4":"#a91aa3","theme-light-secondary-color5":"#ef87f8","theme-light-secondary-color6":"#fcab0f","theme-light-secondary-color7":"#dce01d","theme-light-background-color1":"#ffebec","theme-light-background-color2":"#edffed","theme-light-background-color3":"#fff6d4","theme-light-background-color4":"#e6edff","theme-light-background-color5":"#cfdfff","theme-light-mono-color1":"#71839b","theme-light-mono-color2":"#b7cadb","theme-light-mono-color3":"#d8dfe5","theme-light-light-color1":"#efeff0","theme-light-light-color2":"#f7f7f8","theme-light-light-color3":"#ffffff","theme-light-side-bar-icon1":"#97979f","theme-light-side-bar-icon2":"#d5d5db","theme-light-text-color":"#141920","theme-dark-primary-color1":"#b33030","theme-dark-primary-color2":"#4e9f3d","theme-dark-primary-color3":"#ebb700","theme-dark-primary-color4":"#0053ff","theme-dark-secondary-color1":"#2e37ff","theme-dark-secondary-color2":"#2d76ff","theme-dark-secondary-color3":"#39b8ff","theme-dark-secondary-color4":"#dc00d3","theme-dark-secondary-color5":"#f8a4ff","theme-dark-secondary-color6":"#ffbf45","theme-dark-secondary-color7":"#fbff42","theme-dark-background-color1":"#e5d3d4","theme-dark-background-color2":"#d6e5d6","theme-dark-background-color3":"#e5ddbe","theme-dark-background-color4":"#cfd6e5","theme-dark-background-color5":"#bac9e5","theme-dark-mono-color1":"#4c5869","theme-dark-mono-color2":"#8d9ba8","theme-dark-mono-color3":"#a8adb2","theme-dark-light-color1":"#000000","theme-dark-light-color2":"#151517","theme-dark-light-color3":"#1b1b1c","theme-dark-side-bar-icon1":"#96969e","theme-dark-side-bar-icon2":"#bcbcc2","theme-dark-text-color":"#fafafa"};
|
|
12856
|
-
n(css$
|
|
12856
|
+
n(css$1i,{});
|
|
12857
12857
|
|
|
12858
12858
|
var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
12859
12859
|
if (curr.includes('theme')) {
|
|
@@ -12865,9 +12865,9 @@ var COLORS = Object.keys(modules_1722b0e5).reduce(function (acc, curr) {
|
|
|
12865
12865
|
return acc;
|
|
12866
12866
|
}, {});
|
|
12867
12867
|
|
|
12868
|
-
var css$
|
|
12869
|
-
var modules_6d3781f0 = {"root":"BaseAreaChart_module_root__42b6c9fb","empty":"BaseAreaChart_module_empty__42b6c9fb","text":"BaseAreaChart_module_text__42b6c9fb","title":"BaseAreaChart_module_title__42b6c9fb","description":"BaseAreaChart_module_description__42b6c9fb"};
|
|
12870
|
-
n(css$
|
|
12868
|
+
var css$1h = ".BaseAreaChart_module_root__42b6c9fb {\n width: \"100%\";\n}\n\n.BaseAreaChart_module_empty__42b6c9fb {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb .BaseAreaChart_module_title__42b6c9fb {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BaseAreaChart_module_empty__42b6c9fb .BaseAreaChart_module_text__42b6c9fb .BaseAreaChart_module_description__42b6c9fb {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
12869
|
+
var modules_6d3781f0$1 = {"root":"BaseAreaChart_module_root__42b6c9fb","empty":"BaseAreaChart_module_empty__42b6c9fb","text":"BaseAreaChart_module_text__42b6c9fb","title":"BaseAreaChart_module_title__42b6c9fb","description":"BaseAreaChart_module_description__42b6c9fb"};
|
|
12870
|
+
n(css$1h,{});
|
|
12871
12871
|
|
|
12872
12872
|
echarts.use([TitleComponent, LegendComponent, TooltipComponent, GridComponent, DatasetComponent, LineChart, CanvasRenderer]);
|
|
12873
12873
|
function getLinearGradient(color) {
|
|
@@ -12975,17 +12975,17 @@ var BaseAreaChart$1 = function BaseAreaChart(_ref) {
|
|
|
12975
12975
|
if (isEmpty !== null && isEmpty !== void 0 && isEmpty.show) {
|
|
12976
12976
|
var _isEmpty$title;
|
|
12977
12977
|
return jsxs("div", {
|
|
12978
|
-
className: classes(modules_6d3781f0.empty, isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.className),
|
|
12978
|
+
className: classes(modules_6d3781f0$1.empty, isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.className),
|
|
12979
12979
|
children: [jsx("div", {
|
|
12980
|
-
className: modules_6d3781f0.icon,
|
|
12980
|
+
className: modules_6d3781f0$1.icon,
|
|
12981
12981
|
children: (isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.type) === 'line' ? jsx(LineChartIcon, {}) : jsx(AreaChartIcon, {})
|
|
12982
12982
|
}), jsxs("div", {
|
|
12983
|
-
className: modules_6d3781f0.text,
|
|
12983
|
+
className: modules_6d3781f0$1.text,
|
|
12984
12984
|
children: [jsx("div", {
|
|
12985
|
-
className: modules_6d3781f0.title,
|
|
12985
|
+
className: modules_6d3781f0$1.title,
|
|
12986
12986
|
children: (_isEmpty$title = isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.title) !== null && _isEmpty$title !== void 0 ? _isEmpty$title : 'No Data Found'
|
|
12987
12987
|
}), jsx("div", {
|
|
12988
|
-
className: modules_6d3781f0.description,
|
|
12988
|
+
className: modules_6d3781f0$1.description,
|
|
12989
12989
|
children: isEmpty === null || isEmpty === void 0 ? void 0 : isEmpty.description
|
|
12990
12990
|
})]
|
|
12991
12991
|
})]
|
|
@@ -13130,14 +13130,14 @@ var BaseAreaChart$1 = function BaseAreaChart(_ref) {
|
|
|
13130
13130
|
echarts: echarts,
|
|
13131
13131
|
notMerge: true,
|
|
13132
13132
|
lazyUpdate: true,
|
|
13133
|
-
className: classes(modules_6d3781f0.root, className),
|
|
13133
|
+
className: classes(modules_6d3781f0$1.root, className),
|
|
13134
13134
|
style: style
|
|
13135
13135
|
});
|
|
13136
13136
|
};
|
|
13137
13137
|
|
|
13138
|
-
var css$
|
|
13138
|
+
var css$1g = ".CapsuleChart_module_root__a4eceb11 {\n width: \"100%\";\n}\n\n.CapsuleChart_module_empty__a4eceb11 {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 .CapsuleChart_module_title__a4eceb11 {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.CapsuleChart_module_empty__a4eceb11 .CapsuleChart_module_text__a4eceb11 .CapsuleChart_module_description__a4eceb11 {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
13139
13139
|
var modules_7b350c6d = {"root":"CapsuleChart_module_root__a4eceb11","empty":"CapsuleChart_module_empty__a4eceb11","text":"CapsuleChart_module_text__a4eceb11","title":"CapsuleChart_module_title__a4eceb11","description":"CapsuleChart_module_description__a4eceb11"};
|
|
13140
|
-
n(css$
|
|
13140
|
+
n(css$1g,{});
|
|
13141
13141
|
|
|
13142
13142
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
13143
13143
|
var AXIS_COLORS$1 = {
|
|
@@ -13453,13 +13453,13 @@ var CapsuleChart$1 = function CapsuleChart(props) {
|
|
|
13453
13453
|
});
|
|
13454
13454
|
};
|
|
13455
13455
|
|
|
13456
|
-
var css$
|
|
13456
|
+
var css$1f = ".HeatMapChart_module_root__41cf6ace {\n width: \"100%\";\n}";
|
|
13457
13457
|
var modules_0ba85659 = {"root":"HeatMapChart_module_root__41cf6ace"};
|
|
13458
|
-
n(css$
|
|
13458
|
+
n(css$1f,{});
|
|
13459
13459
|
|
|
13460
|
-
var css$
|
|
13460
|
+
var css$1e = ".Skeleton_module_root__ad62f983 {\n width: 100%;\n height: 100%;\n background: var(--grey6);\n background-repeat: no-repeat;\n background-size: cover;\n display: inline-block;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-color: var(--skeleton);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-color: var(--grey2);\n opacity: 0.2;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983 {\n animation-duration: 1.25s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: Skeleton_module_shimmer__ad62f983;\n animation-timing-function: linear;\n -webkit-animation-fill-mode: forwards;\n -webkit-animation-iteration-count: infinite;\n -webkit-animation-name: Skeleton_module_shimmer__ad62f983;\n -webkit-animation-timing-function: linear;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_lightTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--skeleton) 0%, var(--grey8) 20%, var(--skeleton) 40%, var(--skeleton) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_animated__ad62f983.Skeleton_module_darkTheme__ad62f983 {\n background-image: linear-gradient(to right, var(--grey2) 0%, var(--grey4) 20%, var(--grey2) 40%, var(--grey2) 100%);\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_text__ad62f983 {\n height: 1.5rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_circle__ad62f983 {\n border-radius: 50%;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_rounded__ad62f983 {\n border-radius: 0.25rem;\n}\n.Skeleton_module_root__ad62f983.Skeleton_module_ellipse__ad62f983 {\n border-radius: 1.5rem;\n}\n\n@keyframes Skeleton_module_shimmer__ad62f983 {\n 0% {\n background-position: -50rem 0;\n }\n 100% {\n background-position: 50rem 0;\n }\n}";
|
|
13461
13461
|
var modules_37a5ff73$9 = {"root":"Skeleton_module_root__ad62f983","light-theme":"Skeleton_module_lightTheme__ad62f983","dark-theme":"Skeleton_module_darkTheme__ad62f983","animated":"Skeleton_module_animated__ad62f983","shimmer":"Skeleton_module_shimmer__ad62f983","text":"Skeleton_module_text__ad62f983","circle":"Skeleton_module_circle__ad62f983","rounded":"Skeleton_module_rounded__ad62f983","ellipse":"Skeleton_module_ellipse__ad62f983"};
|
|
13462
|
-
n(css$
|
|
13462
|
+
n(css$1e,{});
|
|
13463
13463
|
|
|
13464
13464
|
var Skeleton = function Skeleton(props) {
|
|
13465
13465
|
var height = props.height,
|
|
@@ -13498,9 +13498,9 @@ Skeleton.defaultProps = {
|
|
|
13498
13498
|
style: {}
|
|
13499
13499
|
};
|
|
13500
13500
|
|
|
13501
|
-
var css$
|
|
13501
|
+
var css$1d = ".Skeleton_module_root__79bb2358 {\n display: grid;\n grid-template-rows: auto;\n grid-template-columns: repeat(6, 1fr);\n row-gap: 0.25rem;\n -moz-column-gap: 0.25rem;\n column-gap: 0.25rem;\n height: 100%;\n}";
|
|
13502
13502
|
var modules_37a5ff73$8 = {"root":"Skeleton_module_root__79bb2358"};
|
|
13503
|
-
n(css$
|
|
13503
|
+
n(css$1d,{});
|
|
13504
13504
|
|
|
13505
13505
|
var BOXES = _toConsumableArray(Array(36).keys()).map(function () {
|
|
13506
13506
|
return Math.random() * 80 + 20;
|
|
@@ -13746,13 +13746,13 @@ HeatMapChart.defaultProps = {
|
|
|
13746
13746
|
theme: 'dark'
|
|
13747
13747
|
};
|
|
13748
13748
|
|
|
13749
|
-
var css$
|
|
13749
|
+
var css$1c = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
13750
13750
|
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
13751
|
-
n(css$
|
|
13751
|
+
n(css$1c,{});
|
|
13752
13752
|
|
|
13753
|
-
var css$
|
|
13753
|
+
var css$1b = ".Skeleton_module_root__daf92a10 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: flex-start;\n height: 100%;\n width: 100%;\n gap: 1rem;\n padding: 2rem;\n}";
|
|
13754
13754
|
var modules_37a5ff73$7 = {"root":"Skeleton_module_root__daf92a10"};
|
|
13755
|
-
n(css$
|
|
13755
|
+
n(css$1b,{});
|
|
13756
13756
|
|
|
13757
13757
|
var BARS$1 = _toConsumableArray(Array(8).keys()).map(function () {
|
|
13758
13758
|
return Math.random() * 80 + 20;
|
|
@@ -14045,13 +14045,13 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
14045
14045
|
theme: 'dark'
|
|
14046
14046
|
};
|
|
14047
14047
|
|
|
14048
|
-
var css$
|
|
14048
|
+
var css$1a = ".NestedPieChart_module_root__c8f30b3e {\n width: 100%;\n}";
|
|
14049
14049
|
var modules_23ba650c = {"root":"NestedPieChart_module_root__c8f30b3e"};
|
|
14050
|
-
n(css$
|
|
14050
|
+
n(css$1a,{});
|
|
14051
14051
|
|
|
14052
|
-
var css$
|
|
14052
|
+
var css$19 = ".Skeleton_module_root__ecbd3e3d {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n overflow: hidden;\n position: relative;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_outer__ecbd3e3d,\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n max-width: 100%;\n max-height: 100%;\n}\n.Skeleton_module_root__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n position: absolute;\n opacity: 1;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n opacity: 1;\n height: 0.5rem;\n position: absolute;\n transform-origin: left;\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(1) {\n transform: translateX(3.25rem) rotate(45deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(2) {\n transform: translateX(3.25rem) rotate(-75deg);\n}\n.Skeleton_module_root__ecbd3e3d span.Skeleton_module_line__ecbd3e3d:nth-last-of-type(3) {\n transform: translateX(3.25rem) rotate(-10deg);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_lightTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n background: var(--white);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d > .Skeleton_module_inner__ecbd3e3d {\n background: var(--menu-black);\n}\n.Skeleton_module_root__ecbd3e3d.Skeleton_module_darkTheme__ecbd3e3d span.Skeleton_module_line__ecbd3e3d {\n background: var(--menu-black);\n}";
|
|
14053
14053
|
var modules_37a5ff73$6 = {"root":"Skeleton_module_root__ecbd3e3d","outer":"Skeleton_module_outer__ecbd3e3d","inner":"Skeleton_module_inner__ecbd3e3d","line":"Skeleton_module_line__ecbd3e3d","light-theme":"Skeleton_module_lightTheme__ecbd3e3d","dark-theme":"Skeleton_module_darkTheme__ecbd3e3d"};
|
|
14054
|
-
n(css$
|
|
14054
|
+
n(css$19,{});
|
|
14055
14055
|
|
|
14056
14056
|
var ChartSkeleton$3 = function ChartSkeleton(_ref) {
|
|
14057
14057
|
var theme = _ref.theme,
|
|
@@ -14275,9 +14275,9 @@ NestedPieChart.defaultProps = {
|
|
|
14275
14275
|
theme: 'dark'
|
|
14276
14276
|
};
|
|
14277
14277
|
|
|
14278
|
-
var css$
|
|
14278
|
+
var css$18 = ".BasePieChart_module_root__231fde9b {\n width: \"100%\";\n}\n\n.BasePieChart_module_empty__231fde9b {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b .BasePieChart_module_title__231fde9b {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BasePieChart_module_empty__231fde9b .BasePieChart_module_text__231fde9b .BasePieChart_module_description__231fde9b {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14279
14279
|
var modules_c20882aa$1 = {"root":"BasePieChart_module_root__231fde9b","empty":"BasePieChart_module_empty__231fde9b","text":"BasePieChart_module_text__231fde9b","title":"BasePieChart_module_title__231fde9b","description":"BasePieChart_module_description__231fde9b"};
|
|
14280
|
-
n(css$
|
|
14280
|
+
n(css$18,{});
|
|
14281
14281
|
|
|
14282
14282
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, PieChart, CanvasRenderer, LegendComponent]);
|
|
14283
14283
|
var BasePieChart$1 = function BasePieChart(props) {
|
|
@@ -14474,9 +14474,9 @@ BasePieChart$1.propTypes = {
|
|
|
14474
14474
|
className: propTypesExports.string
|
|
14475
14475
|
};
|
|
14476
14476
|
|
|
14477
|
-
var css$
|
|
14477
|
+
var css$17 = ".BaseRegionChart_module_root__617af265 {\n width: \"100%\";\n}";
|
|
14478
14478
|
var modules_459dfe63 = {"root":"BaseRegionChart_module_root__617af265"};
|
|
14479
|
-
n(css$
|
|
14479
|
+
n(css$17,{});
|
|
14480
14480
|
|
|
14481
14481
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, DatasetComponent, MapChart, VisualMapComponent, GeoComponent, LegendComponent, CanvasRenderer]);
|
|
14482
14482
|
var BaseRegionChart = function BaseRegionChart(props) {
|
|
@@ -14565,9 +14565,9 @@ BaseRegionChart.defaultProps = {
|
|
|
14565
14565
|
className: ''
|
|
14566
14566
|
};
|
|
14567
14567
|
|
|
14568
|
-
var css$
|
|
14568
|
+
var css$16 = ".StackedPieChart_module_root__6de8b3dd {\n width: \"100%\";\n}\n\n.StackedPieChart_module_empty__6de8b3dd {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd .StackedPieChart_module_title__6de8b3dd {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.StackedPieChart_module_empty__6de8b3dd .StackedPieChart_module_text__6de8b3dd .StackedPieChart_module_description__6de8b3dd {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14569
14569
|
var modules_6ce6a45d = {"root":"StackedPieChart_module_root__6de8b3dd","empty":"StackedPieChart_module_empty__6de8b3dd","text":"StackedPieChart_module_text__6de8b3dd","title":"StackedPieChart_module_title__6de8b3dd","description":"StackedPieChart_module_description__6de8b3dd"};
|
|
14570
|
-
n(css$
|
|
14570
|
+
n(css$16,{});
|
|
14571
14571
|
|
|
14572
14572
|
echarts.use([TitleComponent, TooltipComponent, GridComponent, LegendComponent, PolarComponent, BarChart, CanvasRenderer]);
|
|
14573
14573
|
var determineGradient$1 = function determineGradient(seriesData, objectData, index, subIndex, key) {
|
|
@@ -14794,9 +14794,9 @@ var StackedPieChart = function StackedPieChart(props) {
|
|
|
14794
14794
|
});
|
|
14795
14795
|
};
|
|
14796
14796
|
|
|
14797
|
-
var css$
|
|
14797
|
+
var css$15 = ".BaseVerticalBarChart_module_root__f21e92e0 {\n width: \"100%\";\n}\n\n.BaseVerticalBarChart_module_empty__f21e92e0 {\n gap: 1rem;\n height: 90%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 .BaseVerticalBarChart_module_title__f21e92e0 {\n font-family: Poppins;\n font-size: 1.75rem;\n font-weight: 600;\n line-height: 1.875rem;\n}\n.BaseVerticalBarChart_module_empty__f21e92e0 .BaseVerticalBarChart_module_text__f21e92e0 .BaseVerticalBarChart_module_description__f21e92e0 {\n font-family: Poppins;\n font-size: 1.25rem;\n font-weight: 400;\n line-height: 1.3125rem;\n}";
|
|
14798
14798
|
var modules_8757388c = {"root":"BaseVerticalBarChart_module_root__f21e92e0","empty":"BaseVerticalBarChart_module_empty__f21e92e0","text":"BaseVerticalBarChart_module_text__f21e92e0","title":"BaseVerticalBarChart_module_title__f21e92e0","description":"BaseVerticalBarChart_module_description__f21e92e0"};
|
|
14799
|
-
n(css$
|
|
14799
|
+
n(css$15,{});
|
|
14800
14800
|
|
|
14801
14801
|
echarts.use([TitleComponent, DataZoomComponent, DataZoomInsideComponent, DataZoomSliderComponent, TooltipComponent, GridComponent, DatasetComponent, LegendComponent, BarChart, CanvasRenderer]);
|
|
14802
14802
|
var AXIS_COLORS = {
|
|
@@ -15176,9 +15176,9 @@ var getColorGradient = function getColorGradient(ctx, gradientString) {
|
|
|
15176
15176
|
return gradient;
|
|
15177
15177
|
};
|
|
15178
15178
|
|
|
15179
|
-
var css$
|
|
15179
|
+
var css$14 = ".Skeleton_module_root__cca72340 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-end;\n gap: 1rem;\n height: 100%;\n width: 100%;\n padding: 2rem;\n}";
|
|
15180
15180
|
var modules_37a5ff73$5 = {"root":"Skeleton_module_root__cca72340"};
|
|
15181
|
-
n(css$
|
|
15181
|
+
n(css$14,{});
|
|
15182
15182
|
|
|
15183
15183
|
var BARS = _toConsumableArray(Array(10).keys()).map(function () {
|
|
15184
15184
|
return Math.random() * 80 + 20;
|
|
@@ -15572,6 +15572,10 @@ var CapsuleChart = function CapsuleChart(_ref) {
|
|
|
15572
15572
|
});
|
|
15573
15573
|
};
|
|
15574
15574
|
|
|
15575
|
+
var css$13 = ".BaseAreaChart_module_root__bc4048ba {\n width: \"100%\";\n}\n\n.BaseAreaChart_module_legend__bc4048ba {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 0.625rem;\n}\n.BaseAreaChart_module_legend__bc4048ba > span {\n width: 8rem !important;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline-block;\n}";
|
|
15576
|
+
var modules_6d3781f0 = {"root":"BaseAreaChart_module_root__bc4048ba","legend":"BaseAreaChart_module_legend__bc4048ba"};
|
|
15577
|
+
n(css$13,{});
|
|
15578
|
+
|
|
15575
15579
|
Chart.register(CategoryScale, LinearScale, PointElement, LineElement, Title$1, Tooltip$1, Legend, Filler);
|
|
15576
15580
|
var BaseAreaChart = function BaseAreaChart(props) {
|
|
15577
15581
|
var _legend$display, _legend$position, _tooltip$borderWidth, _tooltip$callbacks, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2, _tooltip$bodyFont3;
|
|
@@ -15602,104 +15606,96 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15602
15606
|
borderColors = _props$borderColors === void 0 ? ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)'] : _props$borderColors,
|
|
15603
15607
|
style = props.style,
|
|
15604
15608
|
extra = props.extra,
|
|
15605
|
-
dataSetOptions = props.dataSetOptions
|
|
15609
|
+
dataSetOptions = props.dataSetOptions,
|
|
15610
|
+
_props$hoverEffect = props.hoverEffect,
|
|
15611
|
+
hoverEffect = _props$hoverEffect === void 0 ? false : _props$hoverEffect;
|
|
15612
|
+
var _useState = useState([]),
|
|
15613
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
15614
|
+
excludedIndices = _useState2[0],
|
|
15615
|
+
setExcludedIndices = _useState2[1];
|
|
15616
|
+
var _useState3 = useState(null),
|
|
15617
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
15618
|
+
hoveredIndex = _useState4[0],
|
|
15619
|
+
setHoveredIndex = _useState4[1];
|
|
15620
|
+
var handleLegendClick = useCallback(function (event, legendItem) {
|
|
15621
|
+
var index = legendItem.index;
|
|
15622
|
+
setExcludedIndices(function (prevIndices) {
|
|
15623
|
+
var newIndices = _toConsumableArray(prevIndices);
|
|
15624
|
+
if (newIndices.includes(index)) {
|
|
15625
|
+
newIndices.splice(newIndices.indexOf(index), 1); // Un-exclude
|
|
15626
|
+
} else {
|
|
15627
|
+
newIndices.push(index); // Exclude
|
|
15628
|
+
}
|
|
15629
|
+
return newIndices;
|
|
15630
|
+
});
|
|
15631
|
+
}, []);
|
|
15606
15632
|
var chartOptionsProps = {
|
|
15607
15633
|
pointStyle: 'rectRot',
|
|
15608
15634
|
pointRadius: 4,
|
|
15609
15635
|
pointHoverRadius: 6,
|
|
15610
15636
|
borderWidth: 2
|
|
15611
15637
|
};
|
|
15612
|
-
var
|
|
15613
|
-
|
|
15614
|
-
|
|
15615
|
-
|
|
15616
|
-
|
|
15617
|
-
|
|
15618
|
-
|
|
15619
|
-
|
|
15620
|
-
|
|
15621
|
-
}) : [].concat(_toConsumableArray(prevHidden), [index]);
|
|
15622
|
-
var dataset = chart.data.datasets[index];
|
|
15623
|
-
if (dataset) {
|
|
15624
|
-
dataset.hidden = newHidden.includes(index);
|
|
15625
|
-
}
|
|
15626
|
-
chart.update();
|
|
15627
|
-
return newHidden;
|
|
15628
|
-
});
|
|
15629
|
-
};
|
|
15630
|
-
var customLegendPlugin = {
|
|
15631
|
-
id: 'customLegend',
|
|
15632
|
-
afterUpdate: function afterUpdate(chart) {
|
|
15633
|
-
var ul = legendRef.current;
|
|
15634
|
-
while (ul !== null && ul !== void 0 && ul.firstChild) {
|
|
15635
|
-
ul.firstChild.remove();
|
|
15636
|
-
}
|
|
15637
|
-
chart.data.datasets.forEach(function (dataset, index) {
|
|
15638
|
-
var li = document.createElement('li');
|
|
15639
|
-
li.style.display = 'flex';
|
|
15640
|
-
li.style.alignItems = 'center';
|
|
15641
|
-
li.style.cursor = 'pointer';
|
|
15642
|
-
li.style.opacity = hiddenDatasets.includes(index) ? '0.5' : '1';
|
|
15643
|
-
li.style.margin = '5px 10px';
|
|
15644
|
-
li.style.maxWidth = '120px';
|
|
15645
|
-
li.style.whiteSpace = 'nowrap';
|
|
15646
|
-
li.style.overflow = 'hidden';
|
|
15647
|
-
li.style.textOverflow = 'ellipsis';
|
|
15648
|
-
var textColor = hiddenDatasets.includes(index) ? 'grey' : 'inherit';
|
|
15649
|
-
var bgColor = dataset.backgroundColor;
|
|
15650
|
-
var circleColor = typeof bgColor === 'string' ? bgColor : 'grey';
|
|
15651
|
-
var labelText = typeof dataset.label === 'string' ? dataset.label : '';
|
|
15652
|
-
li.onclick = function () {
|
|
15653
|
-
toggleDatasetVisibility(index, chart);
|
|
15654
|
-
li.style.color = li.style.color === 'grey' ? 'inherit' : 'grey';
|
|
15655
|
-
function resolveStrokeColor(color) {
|
|
15656
|
-
if (typeof color === 'string') return color;
|
|
15657
|
-
if (Array.isArray(color)) {
|
|
15658
|
-
var firstColor = color[0];
|
|
15659
|
-
if (typeof firstColor === 'string') return firstColor;
|
|
15660
|
-
if (firstColor !== null && _typeof$1(firstColor) === 'object' && 'toString' in firstColor && typeof firstColor.toString === 'function') {
|
|
15661
|
-
return firstColor.toString();
|
|
15662
|
-
}
|
|
15663
|
-
}
|
|
15664
|
-
if (_typeof$1(color) === 'object' && 'toString' in color && typeof color.toString === 'function') {
|
|
15665
|
-
return color.toString();
|
|
15666
|
-
}
|
|
15667
|
-
return 'grey';
|
|
15668
|
-
}
|
|
15669
|
-
var circle = li.querySelector('circle');
|
|
15670
|
-
if (circle) {
|
|
15671
|
-
var stroke = circle.getAttribute('stroke');
|
|
15672
|
-
var resolvedColor = resolveStrokeColor(dataset.backgroundColor);
|
|
15673
|
-
circle.setAttribute('stroke', stroke === 'grey' ? resolvedColor : 'grey');
|
|
15674
|
-
}
|
|
15675
|
-
};
|
|
15676
|
-
li.innerHTML = "\n\t\t\t\t\t<svg width=\"15\" height=\"15\" viewBox=\"0 0 30 30\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<circle cx=\"15\" cy=\"15\" r=\"12\" stroke=\"".concat(circleColor, "\" stroke-width=\"6\"/>\n\t\t\t\t\t</svg>\n\t\t\t\t<span style=\"margin-left: 10px; color: ").concat(textColor, ";\">").concat(labelText, "</span>\n\t\t\t\t");
|
|
15677
|
-
ul === null || ul === void 0 || ul.appendChild(li);
|
|
15678
|
-
});
|
|
15679
|
-
}
|
|
15680
|
-
};
|
|
15638
|
+
var labels = seriesData !== null && seriesData !== void 0 && seriesData.chartData ? Object.keys(seriesData.chartData).map(function (key) {
|
|
15639
|
+
return key;
|
|
15640
|
+
}) : [];
|
|
15641
|
+
useRef(null);
|
|
15642
|
+
var _useState5 = useState([]),
|
|
15643
|
+
_useState6 = _slicedToArray(_useState5, 2);
|
|
15644
|
+
_useState6[0];
|
|
15645
|
+
_useState6[1];
|
|
15646
|
+
console.log(excludedIndices);
|
|
15681
15647
|
var chartData = _objectSpread2({
|
|
15682
15648
|
labels: seriesData.metaData.xAxisData,
|
|
15683
15649
|
datasets: Object.keys(seriesData.chartData).map(function (key, index) {
|
|
15684
15650
|
var _seriesData$chartData, _chartOptionsProps$po, _chartOptionsProps$po2, _chartOptionsProps$po3, _chartOptionsProps$bo;
|
|
15651
|
+
console.log(index);
|
|
15652
|
+
var isHovered = !hoverEffect || hoveredIndex === null || hoveredIndex === index;
|
|
15685
15653
|
return {
|
|
15686
15654
|
label: key,
|
|
15687
15655
|
data: (_seriesData$chartData = seriesData.chartData[key]) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : [],
|
|
15688
15656
|
fill: !isLineChart,
|
|
15689
|
-
backgroundColor:
|
|
15690
|
-
|
|
15657
|
+
backgroundColor: function backgroundColor(ctx) {
|
|
15658
|
+
return isLineChart ? 'transparent' : lineColors.map(function (option, index) {
|
|
15659
|
+
if (hoveredIndex !== null && hoveredIndex !== index) {
|
|
15660
|
+
return 'rgba(211, 211, 211, 0.2)';
|
|
15661
|
+
}
|
|
15662
|
+
if (excludedIndices.includes(index)) {
|
|
15663
|
+
return 'transparent';
|
|
15664
|
+
}
|
|
15665
|
+
var color = option;
|
|
15666
|
+
if (typeof color === 'string' && color.startsWith('linear-gradient')) {
|
|
15667
|
+
return getColorGradient(ctx, color);
|
|
15668
|
+
}
|
|
15669
|
+
return color || '#000'; // Fallback solid color
|
|
15670
|
+
});
|
|
15671
|
+
},
|
|
15672
|
+
borderColor: excludedIndices.includes(index) ? 'transparent' : isHovered ? borderColors[index % borderColors.length] : 'rgba(211, 211, 211, 0.3)',
|
|
15673
|
+
pointBackgroundColor: excludedIndices.includes(index) ? 'transparent' : isHovered ? borderColors[index % borderColors.length] : 'rgba(211, 211, 211, 0.3)',
|
|
15691
15674
|
tension: smooth ? 0.4 : 0,
|
|
15692
15675
|
pointStyle: (_chartOptionsProps$po = chartOptionsProps.pointStyle) !== null && _chartOptionsProps$po !== void 0 ? _chartOptionsProps$po : 'rectRot',
|
|
15693
15676
|
pointRadius: (_chartOptionsProps$po2 = chartOptionsProps.pointRadius) !== null && _chartOptionsProps$po2 !== void 0 ? _chartOptionsProps$po2 : 4,
|
|
15694
15677
|
pointHoverRadius: (_chartOptionsProps$po3 = chartOptionsProps.pointHoverRadius) !== null && _chartOptionsProps$po3 !== void 0 ? _chartOptionsProps$po3 : 6,
|
|
15695
15678
|
borderWidth: (_chartOptionsProps$bo = chartOptionsProps.borderWidth) !== null && _chartOptionsProps$bo !== void 0 ? _chartOptionsProps$bo : 2,
|
|
15696
|
-
pointBackgroundColor: borderColors[index % borderColors.length],
|
|
15697
15679
|
datalabels: {
|
|
15698
|
-
display: false
|
|
15680
|
+
display: false
|
|
15699
15681
|
}
|
|
15700
15682
|
};
|
|
15701
15683
|
})
|
|
15702
15684
|
}, dataSetOptions);
|
|
15685
|
+
var hoveredIndexRef = useRef(null);
|
|
15686
|
+
var handleHover = function handleHover(index) {
|
|
15687
|
+
if (!hoverEffect) return;
|
|
15688
|
+
hoveredIndexRef.current = index;
|
|
15689
|
+
setHoveredIndex(index);
|
|
15690
|
+
};
|
|
15691
|
+
var legendColors = lineColors ? lineColors.map(function (option) {
|
|
15692
|
+
var color = option;
|
|
15693
|
+
if (typeof color !== 'string' || !color.startsWith('linear-gradient')) {
|
|
15694
|
+
return color;
|
|
15695
|
+
}
|
|
15696
|
+
var stops = color.match(/#(?:[0-9a-fA-F]{3}){1,2}/g);
|
|
15697
|
+
return (stops === null || stops === void 0 ? void 0 : stops[0]) || '#000';
|
|
15698
|
+
}) : [];
|
|
15703
15699
|
var chartOptions = _objectSpread2(_objectSpread2({
|
|
15704
15700
|
responsive: true,
|
|
15705
15701
|
maintainAspectRatio: false,
|
|
@@ -15719,6 +15715,18 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15719
15715
|
font: {
|
|
15720
15716
|
family: 'Poppins'
|
|
15721
15717
|
}
|
|
15718
|
+
},
|
|
15719
|
+
onClick: function onClick(event, legendItem) {
|
|
15720
|
+
handleLegendClick(event, legendItem);
|
|
15721
|
+
handleHover(legendItem.index); // Set hover on legend click
|
|
15722
|
+
},
|
|
15723
|
+
onHover: function onHover(event, legendItem) {
|
|
15724
|
+
handleHover(legendItem.index);
|
|
15725
|
+
},
|
|
15726
|
+
onLeave: function onLeave() {
|
|
15727
|
+
if (!hoverEffect) return;
|
|
15728
|
+
setHoveredIndex(null);
|
|
15729
|
+
hoveredIndexRef.current = null;
|
|
15722
15730
|
}
|
|
15723
15731
|
}, legend),
|
|
15724
15732
|
tooltip: _objectSpread2({
|
|
@@ -15839,7 +15847,7 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15839
15847
|
}, cursor ? {
|
|
15840
15848
|
cursor: cursor
|
|
15841
15849
|
} : {}), chartOptionsProps);
|
|
15842
|
-
|
|
15850
|
+
_objectSpread2({
|
|
15843
15851
|
display: 'flex',
|
|
15844
15852
|
listStyle: 'none',
|
|
15845
15853
|
padding: '0px'
|
|
@@ -15853,12 +15861,64 @@ var BaseAreaChart = function BaseAreaChart(props) {
|
|
|
15853
15861
|
}, style),
|
|
15854
15862
|
children: [jsx(Line, _objectSpread2({
|
|
15855
15863
|
data: chartData,
|
|
15856
|
-
options: chartOptions
|
|
15857
|
-
|
|
15858
|
-
|
|
15859
|
-
|
|
15860
|
-
|
|
15861
|
-
|
|
15864
|
+
options: chartOptions
|
|
15865
|
+
}, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && jsx("ul", {
|
|
15866
|
+
style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
|
|
15867
|
+
children: labels.map(function (label, index) {
|
|
15868
|
+
var _legendColors$index, _legend$circle;
|
|
15869
|
+
var color = hoveredIndex !== null && hoveredIndex !== index ? '#D3D3D3' : excludedIndices.includes(index) ? '#D3D3D3' : (_legendColors$index = legendColors[index]) !== null && _legendColors$index !== void 0 ? _legendColors$index : '#000';
|
|
15870
|
+
return jsxs("li", {
|
|
15871
|
+
style: {
|
|
15872
|
+
display: 'flex',
|
|
15873
|
+
alignItems: 'center',
|
|
15874
|
+
cursor: 'pointer'
|
|
15875
|
+
},
|
|
15876
|
+
onClick: function onClick(e) {
|
|
15877
|
+
handleLegendClick(e, {
|
|
15878
|
+
index: index
|
|
15879
|
+
});
|
|
15880
|
+
handleHover(index);
|
|
15881
|
+
},
|
|
15882
|
+
onMouseEnter: function onMouseEnter() {
|
|
15883
|
+
handleHover(index);
|
|
15884
|
+
},
|
|
15885
|
+
onMouseLeave: function onMouseLeave() {
|
|
15886
|
+
setHoveredIndex(null);
|
|
15887
|
+
hoveredIndexRef.current = null;
|
|
15888
|
+
},
|
|
15889
|
+
children: [((_legend$circle = legend === null || legend === void 0 ? void 0 : legend.circle) !== null && _legend$circle !== void 0 ? _legend$circle : true) && jsx("svg", {
|
|
15890
|
+
width: '15',
|
|
15891
|
+
height: '15',
|
|
15892
|
+
viewBox: '0 0 30 30',
|
|
15893
|
+
fill: 'none',
|
|
15894
|
+
children: jsx("circle", {
|
|
15895
|
+
cx: '15',
|
|
15896
|
+
cy: '15',
|
|
15897
|
+
r: '12',
|
|
15898
|
+
stroke: color,
|
|
15899
|
+
strokeWidth: '6'
|
|
15900
|
+
})
|
|
15901
|
+
}), jsx("div", {
|
|
15902
|
+
style: {
|
|
15903
|
+
marginLeft: 10
|
|
15904
|
+
},
|
|
15905
|
+
children: legend !== null && legend !== void 0 && legend.customLabels ? legend === null || legend === void 0 ? void 0 : legend.customLabels({
|
|
15906
|
+
label: label,
|
|
15907
|
+
index: index,
|
|
15908
|
+
color: color
|
|
15909
|
+
}) : jsx("div", {
|
|
15910
|
+
className: modules_6d3781f0.legend,
|
|
15911
|
+
children: jsx("span", {
|
|
15912
|
+
style: {
|
|
15913
|
+
color: '#333'
|
|
15914
|
+
},
|
|
15915
|
+
children: label
|
|
15916
|
+
})
|
|
15917
|
+
})
|
|
15918
|
+
})]
|
|
15919
|
+
}, index);
|
|
15920
|
+
})
|
|
15921
|
+
}), ' ']
|
|
15862
15922
|
});
|
|
15863
15923
|
};
|
|
15864
15924
|
|
|
@@ -18951,145 +19011,596 @@ var DisplayPicture = function DisplayPicture(props) {
|
|
|
18951
19011
|
});
|
|
18952
19012
|
};
|
|
18953
19013
|
|
|
18954
|
-
|
|
18955
|
-
|
|
19014
|
+
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
19015
|
+
|
|
19016
|
+
var css$J = ".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}";
|
|
19017
|
+
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
18956
19018
|
n(css$J,{});
|
|
18957
19019
|
|
|
18958
|
-
|
|
18959
|
-
|
|
18960
|
-
|
|
18961
|
-
|
|
18962
|
-
|
|
18963
|
-
|
|
18964
|
-
|
|
18965
|
-
|
|
18966
|
-
|
|
18967
|
-
|
|
18968
|
-
|
|
19020
|
+
/**
|
|
19021
|
+
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
19022
|
+
*
|
|
19023
|
+
* @returns A React component
|
|
19024
|
+
*
|
|
19025
|
+
* @example
|
|
19026
|
+
* ```tsx
|
|
19027
|
+
* <Tooltip
|
|
19028
|
+
* position='top'
|
|
19029
|
+
* showPointer={false}
|
|
19030
|
+
* content="Hello"
|
|
19031
|
+
* >
|
|
19032
|
+
* <div>Some Element</div>
|
|
19033
|
+
* </Tooltip>
|
|
19034
|
+
* ```
|
|
19035
|
+
*/
|
|
19036
|
+
var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
19037
|
+
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
19038
|
+
var children = props.children,
|
|
19039
|
+
_props$position = props.position,
|
|
19040
|
+
position = _props$position === void 0 ? 'top' : _props$position,
|
|
19041
|
+
content = props.content,
|
|
19042
|
+
_props$variant = props.variant,
|
|
19043
|
+
variant = _props$variant === void 0 ? 'light' : _props$variant,
|
|
19044
|
+
_props$className = props.className,
|
|
19045
|
+
className = _props$className === void 0 ? '' : _props$className,
|
|
19046
|
+
_props$showPointer = props.showPointer,
|
|
19047
|
+
showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
|
|
19048
|
+
var arrowEl = useRef(null);
|
|
19049
|
+
var _useState = useState(false),
|
|
18969
19050
|
_useState2 = _slicedToArray(_useState, 2),
|
|
18970
19051
|
open = _useState2[0],
|
|
18971
19052
|
setOpen = _useState2[1];
|
|
18972
|
-
var
|
|
18973
|
-
|
|
18974
|
-
|
|
18975
|
-
|
|
18976
|
-
|
|
18977
|
-
|
|
18978
|
-
|
|
18979
|
-
|
|
18980
|
-
|
|
18981
|
-
|
|
18982
|
-
|
|
18983
|
-
|
|
18984
|
-
|
|
18985
|
-
|
|
18986
|
-
|
|
18987
|
-
|
|
18988
|
-
|
|
18989
|
-
|
|
19053
|
+
var _useFloating = useFloating({
|
|
19054
|
+
open: open,
|
|
19055
|
+
onOpenChange: setOpen,
|
|
19056
|
+
placement: position,
|
|
19057
|
+
whileElementsMounted: autoUpdate,
|
|
19058
|
+
// Make sure the tooltip stays on the screen
|
|
19059
|
+
middleware: [offset(12), flip(), shift(), arrow({
|
|
19060
|
+
element: arrowEl
|
|
19061
|
+
})]
|
|
19062
|
+
}),
|
|
19063
|
+
x = _useFloating.x,
|
|
19064
|
+
y = _useFloating.y,
|
|
19065
|
+
reference = _useFloating.reference,
|
|
19066
|
+
floating = _useFloating.floating,
|
|
19067
|
+
strategy = _useFloating.strategy,
|
|
19068
|
+
context = _useFloating.context,
|
|
19069
|
+
middlewareData = _useFloating.middlewareData,
|
|
19070
|
+
_useFloating$placemen = _useFloating.placement,
|
|
19071
|
+
placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
|
|
19072
|
+
// Event listeners to change the open state
|
|
19073
|
+
var hover = useHover(context, {
|
|
19074
|
+
move: true
|
|
18990
19075
|
});
|
|
18991
|
-
|
|
18992
|
-
|
|
18993
|
-
|
|
18994
|
-
|
|
18995
|
-
|
|
18996
|
-
|
|
18997
|
-
|
|
18998
|
-
|
|
18999
|
-
|
|
19000
|
-
|
|
19001
|
-
|
|
19002
|
-
|
|
19003
|
-
|
|
19004
|
-
|
|
19005
|
-
|
|
19006
|
-
|
|
19007
|
-
|
|
19008
|
-
|
|
19009
|
-
|
|
19010
|
-
|
|
19011
|
-
|
|
19012
|
-
|
|
19013
|
-
|
|
19014
|
-
|
|
19015
|
-
|
|
19016
|
-
|
|
19017
|
-
|
|
19018
|
-
|
|
19076
|
+
var focus = useFocus(context);
|
|
19077
|
+
var dismiss = useDismiss(context);
|
|
19078
|
+
// Role props for screen readers
|
|
19079
|
+
var role = useRole(context, {
|
|
19080
|
+
role: 'tooltip'
|
|
19081
|
+
});
|
|
19082
|
+
// Merge all the interactions into prop getters
|
|
19083
|
+
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
19084
|
+
getReferenceProps = _useInteractions.getReferenceProps,
|
|
19085
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
19086
|
+
var typedChildren = children;
|
|
19087
|
+
var childrenRef = typedChildren.ref;
|
|
19088
|
+
var ref = React__default.useMemo(function () {
|
|
19089
|
+
return o([reference, childrenRef, propRef]);
|
|
19090
|
+
}, [reference, childrenRef, propRef]);
|
|
19091
|
+
var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
|
|
19092
|
+
ref: ref
|
|
19093
|
+
}, typedChildren.props)));
|
|
19094
|
+
var side = placement.split('-')[0];
|
|
19095
|
+
var _top$right$bottom$lef = {
|
|
19096
|
+
top: 'bottom',
|
|
19097
|
+
right: 'left',
|
|
19098
|
+
bottom: 'top',
|
|
19099
|
+
left: 'right'
|
|
19100
|
+
},
|
|
19101
|
+
staticSide = _top$right$bottom$lef[side];
|
|
19102
|
+
return jsxs(Fragment, {
|
|
19103
|
+
children: [clonedChildren, jsx(Popper, {
|
|
19104
|
+
open: open && content != null,
|
|
19105
|
+
backdrop: false,
|
|
19106
|
+
wrapperId: 'tooltip',
|
|
19107
|
+
children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
19108
|
+
ref: floating,
|
|
19109
|
+
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
19110
|
+
style: {
|
|
19111
|
+
position: strategy,
|
|
19112
|
+
top: y !== null && y !== void 0 ? y : 0,
|
|
19113
|
+
left: x !== null && x !== void 0 ? x : 0,
|
|
19114
|
+
zIndex: 100
|
|
19115
|
+
}
|
|
19116
|
+
})), {}, {
|
|
19117
|
+
initial: {
|
|
19118
|
+
opacity: 0,
|
|
19119
|
+
scale: 0
|
|
19120
|
+
},
|
|
19121
|
+
animate: {
|
|
19122
|
+
opacity: 1,
|
|
19123
|
+
scale: 1
|
|
19124
|
+
},
|
|
19125
|
+
children: [showPointer && jsx("div", {
|
|
19126
|
+
className: modules_e4619b04.arrow,
|
|
19127
|
+
ref: arrowEl,
|
|
19128
|
+
style: _defineProperty({
|
|
19129
|
+
left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
|
|
19130
|
+
top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
|
|
19131
|
+
right: '',
|
|
19132
|
+
bottom: ''
|
|
19133
|
+
}, staticSide, '-0.3rem')
|
|
19134
|
+
}), content]
|
|
19135
|
+
}))
|
|
19136
|
+
})]
|
|
19137
|
+
});
|
|
19138
|
+
});
|
|
19139
|
+
|
|
19140
|
+
var css$I = ".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}";
|
|
19141
|
+
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"};
|
|
19142
|
+
n(css$I,{});
|
|
19143
|
+
|
|
19144
|
+
var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
19145
|
+
var id = props.id,
|
|
19146
|
+
name = props.name,
|
|
19147
|
+
_props$label = props.label,
|
|
19148
|
+
label = _props$label === void 0 ? '' : _props$label,
|
|
19149
|
+
_props$placeholder = props.placeholder,
|
|
19150
|
+
placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
|
|
19151
|
+
_props$type = props.type,
|
|
19152
|
+
type = _props$type === void 0 ? 'text' : _props$type,
|
|
19153
|
+
value = props.value,
|
|
19154
|
+
required = props.required,
|
|
19155
|
+
_props$defaultValue = props.defaultValue,
|
|
19156
|
+
defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
|
|
19157
|
+
_onFocus = props.onFocus,
|
|
19158
|
+
onBlur = props.onBlur,
|
|
19159
|
+
_props$onChange = props.onChange,
|
|
19160
|
+
onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
19161
|
+
_props$size = props.size,
|
|
19162
|
+
size = _props$size === void 0 ? 'md' : _props$size,
|
|
19163
|
+
_props$border = props.border,
|
|
19164
|
+
border = _props$border === void 0 ? 'default' : _props$border,
|
|
19165
|
+
_props$theme = props.theme,
|
|
19166
|
+
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
19167
|
+
LeftComponent = props.LeftComponent,
|
|
19168
|
+
RightComponent = props.RightComponent,
|
|
19169
|
+
className = props.className,
|
|
19170
|
+
disabled = props.disabled,
|
|
19171
|
+
_props$inputProps = props.inputProps,
|
|
19172
|
+
inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
|
|
19173
|
+
feedback = props.feedback,
|
|
19174
|
+
maxLength = props.maxLength,
|
|
19175
|
+
_props$onKeyDown = props.onKeyDown,
|
|
19176
|
+
onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
|
|
19177
|
+
autocomplete = props.autocomplete,
|
|
19178
|
+
_props$autocompleteOp = props.autocompleteOptions,
|
|
19179
|
+
autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
|
|
19180
|
+
custom = props.custom;
|
|
19181
|
+
var _useRef = useRef(value !== undefined),
|
|
19182
|
+
isControlled = _useRef.current;
|
|
19183
|
+
|
|
19184
|
+
// for uncontrolled input
|
|
19185
|
+
var _useState = useState(defaultValue),
|
|
19186
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19187
|
+
uncontrolledValue = _useState2[0],
|
|
19188
|
+
setUncontrolledValue = _useState2[1];
|
|
19189
|
+
var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
|
|
19190
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
19191
|
+
inputType = _useState4[0],
|
|
19192
|
+
setInputType = _useState4[1];
|
|
19193
|
+
var _useState5 = useState(null),
|
|
19194
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
19195
|
+
anchorEl = _useState6[0],
|
|
19196
|
+
setAnchorEl = _useState6[1];
|
|
19197
|
+
var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
|
|
19198
|
+
if (autocomplete) {
|
|
19199
|
+
var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
|
|
19200
|
+
autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
|
|
19201
|
+
}
|
|
19202
|
+
};
|
|
19203
|
+
var handleChange = function handleChange(event) {
|
|
19204
|
+
var _inputHelper = inputHelper(event),
|
|
19205
|
+
fieldValue = _inputHelper.fieldValue;
|
|
19206
|
+
checkAndOpenAutocomplete(fieldValue);
|
|
19207
|
+
if (isControlled) {
|
|
19208
|
+
onChange(event, fieldValue);
|
|
19209
|
+
} else {
|
|
19210
|
+
setUncontrolledValue(fieldValue);
|
|
19211
|
+
}
|
|
19212
|
+
};
|
|
19213
|
+
var getLeftComponent = function getLeftComponent() {
|
|
19214
|
+
if (type === 'email') {
|
|
19215
|
+
return /*#__PURE__*/jsx(Email, {
|
|
19216
|
+
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
19217
|
+
});
|
|
19218
|
+
}
|
|
19219
|
+
if (type === 'password' && inputType === 'password') {
|
|
19220
|
+
return /*#__PURE__*/jsx(Password, {
|
|
19221
|
+
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
19222
|
+
});
|
|
19223
|
+
}
|
|
19224
|
+
if (type === 'password' && inputType === 'text') {
|
|
19225
|
+
return /*#__PURE__*/jsx(UnlockPassword, {
|
|
19226
|
+
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
19227
|
+
});
|
|
19228
|
+
}
|
|
19229
|
+
return /*#__PURE__*/jsx(LeftComponent, {
|
|
19230
|
+
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
19231
|
+
});
|
|
19232
|
+
};
|
|
19233
|
+
var getRightComponent = function getRightComponent() {
|
|
19234
|
+
if (type === 'password') {
|
|
19235
|
+
var _ref, _feedback$info;
|
|
19236
|
+
return /*#__PURE__*/jsxs(Fragment, {
|
|
19237
|
+
children: [/*#__PURE__*/jsx(Button, {
|
|
19238
|
+
className: classes(modules_6d3d1b60.button, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
19239
|
+
title: "",
|
|
19240
|
+
variant: "contained",
|
|
19241
|
+
type: "button",
|
|
19242
|
+
leftComponent: function leftComponent() {
|
|
19243
|
+
return inputType === 'password' ? /*#__PURE__*/jsx(HidePassword, {
|
|
19244
|
+
className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
19245
|
+
position: "left"
|
|
19246
|
+
}) : /*#__PURE__*/jsx(ViewPasswordIcon, {
|
|
19247
|
+
className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
19248
|
+
position: "left"
|
|
19249
|
+
});
|
|
19250
|
+
},
|
|
19251
|
+
onClick: function onClick() {
|
|
19252
|
+
if (inputType === 'password') {
|
|
19253
|
+
setInputType('text');
|
|
19254
|
+
return;
|
|
19255
|
+
}
|
|
19256
|
+
setInputType('password');
|
|
19257
|
+
}
|
|
19258
|
+
}), feedback && /*#__PURE__*/jsx(Tooltip, {
|
|
19259
|
+
content: (_ref = (_feedback$info = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info !== void 0 ? _feedback$info : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref !== void 0 ? _ref : '',
|
|
19260
|
+
position: "right",
|
|
19261
|
+
className: modules_6d3d1b60.tooltip,
|
|
19262
|
+
variant: "light",
|
|
19263
|
+
children: /*#__PURE__*/jsx("span", {
|
|
19264
|
+
className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
19265
|
+
children: /*#__PURE__*/jsx(Info, {
|
|
19266
|
+
className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
|
|
19267
|
+
})
|
|
19268
|
+
})
|
|
19269
|
+
})]
|
|
19270
|
+
});
|
|
19271
|
+
}
|
|
19272
|
+
if (feedback) {
|
|
19273
|
+
var _ref2, _feedback$info2;
|
|
19274
|
+
return /*#__PURE__*/jsx(Tooltip, {
|
|
19275
|
+
content: (_ref2 = (_feedback$info2 = feedback === null || feedback === void 0 ? void 0 : feedback.info) !== null && _feedback$info2 !== void 0 ? _feedback$info2 : feedback === null || feedback === void 0 ? void 0 : feedback.error) !== null && _ref2 !== void 0 ? _ref2 : '',
|
|
19276
|
+
position: "right",
|
|
19277
|
+
className: modules_6d3d1b60.tooltip,
|
|
19278
|
+
variant: "light",
|
|
19279
|
+
children: /*#__PURE__*/jsx("span", {
|
|
19280
|
+
className: classes(modules_6d3d1b60.span, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
19281
|
+
children: /*#__PURE__*/jsx(Info, {
|
|
19282
|
+
className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
|
|
19283
|
+
})
|
|
19284
|
+
})
|
|
19285
|
+
});
|
|
19286
|
+
}
|
|
19287
|
+
return /*#__PURE__*/jsx(RightComponent, {});
|
|
19288
|
+
};
|
|
19289
|
+
var inputValue = isControlled ? value !== null && value !== void 0 ? value : '' : uncontrolledValue;
|
|
19290
|
+
var Input = /*#__PURE__*/createElement(type === 'textarea' ? 'textarea' : 'input', _objectSpread2(_objectSpread2({
|
|
19291
|
+
id: id,
|
|
19292
|
+
name: name,
|
|
19293
|
+
disabled: disabled,
|
|
19294
|
+
type: inputType,
|
|
19295
|
+
defaultValue: defaultValue,
|
|
19296
|
+
placeholder: placeholder
|
|
19297
|
+
}, maxLength !== null && maxLength), {}, {
|
|
19298
|
+
onFocus: function onFocus() {
|
|
19299
|
+
checkAndOpenAutocomplete(inputValue);
|
|
19300
|
+
_onFocus === null || _onFocus === void 0 || _onFocus();
|
|
19301
|
+
},
|
|
19302
|
+
onBlur: onBlur,
|
|
19303
|
+
onKeyDown: onKeyDown,
|
|
19304
|
+
required: required,
|
|
19305
|
+
'data-elem': 'input',
|
|
19306
|
+
ref: o([inputRef]),
|
|
19307
|
+
value: inputValue,
|
|
19308
|
+
onChange: handleChange,
|
|
19309
|
+
className: classes(modules_6d3d1b60[size], modules_6d3d1b60.input, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : '')
|
|
19310
|
+
}, inputProps));
|
|
19311
|
+
var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
|
|
19312
|
+
return /*#__PURE__*/jsx(ErrorBoundary, {
|
|
19313
|
+
FallbackComponent: function FallbackComponent(args) {
|
|
19314
|
+
return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
|
|
19315
|
+
className: modules_6d3d1b60['error-boundary'],
|
|
19316
|
+
custom: custom
|
|
19317
|
+
}));
|
|
19318
|
+
},
|
|
19319
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
19320
|
+
className: classes(modules_6d3d1b60.root, className),
|
|
19321
|
+
children: [/*#__PURE__*/jsxs("label", {
|
|
19322
|
+
children: [label && /*#__PURE__*/jsx("span", {
|
|
19323
|
+
className: required ? modules_6d3d1b60.required : '',
|
|
19324
|
+
children: label
|
|
19325
|
+
}), /*#__PURE__*/jsx(BaseCell, {
|
|
19326
|
+
ref: setAnchorEl,
|
|
19327
|
+
className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
|
|
19328
|
+
component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
|
|
19329
|
+
component2: Input,
|
|
19330
|
+
component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
|
|
19331
|
+
})]
|
|
19332
|
+
}), autocomplete && /*#__PURE__*/jsx(Popover, {
|
|
19333
|
+
anchorEl: anchorEl,
|
|
19334
|
+
open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
|
|
19335
|
+
setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
|
|
19336
|
+
theme: theme,
|
|
19337
|
+
placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
|
|
19338
|
+
middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
|
|
19339
|
+
children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
|
|
19340
|
+
name: name,
|
|
19341
|
+
value: value
|
|
19342
|
+
})
|
|
19343
|
+
})]
|
|
19344
|
+
})
|
|
19345
|
+
});
|
|
19346
|
+
});
|
|
19347
|
+
TextField$1.propTypes = {
|
|
19348
|
+
id: propTypesExports.string,
|
|
19349
|
+
name: propTypesExports.string,
|
|
19350
|
+
disabled: propTypesExports.bool,
|
|
19351
|
+
label: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
|
|
19352
|
+
placeholder: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
|
|
19353
|
+
type: propTypesExports.oneOf(['text', 'email', 'password', 'number', 'textarea']),
|
|
19354
|
+
value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
|
|
19355
|
+
defaultValue: propTypesExports.string,
|
|
19356
|
+
onChange: propTypesExports.func,
|
|
19357
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
19358
|
+
border: propTypesExports.oneOf(['default', 'bottom', 'none']),
|
|
19359
|
+
LeftComponent: propTypesExports.node,
|
|
19360
|
+
RightComponent: propTypesExports.node,
|
|
19361
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
19362
|
+
inputProps: propTypesExports.object,
|
|
19363
|
+
count: propTypesExports.shape({
|
|
19364
|
+
limit: propTypesExports.number
|
|
19365
|
+
}),
|
|
19366
|
+
feedback: propTypesExports.shape({
|
|
19367
|
+
text: propTypesExports.node,
|
|
19368
|
+
type: propTypesExports.oneOf(['error', 'success', 'default'])
|
|
19369
|
+
}),
|
|
19370
|
+
feedbackAndCount: propTypesExports.bool,
|
|
19371
|
+
maxLength: propTypesExports.number,
|
|
19372
|
+
onKeyDown: propTypesExports.func,
|
|
19373
|
+
autocomplete: propTypesExports.bool,
|
|
19374
|
+
autocompleteOptions: propTypesExports.shape({
|
|
19375
|
+
open: propTypesExports.bool,
|
|
19376
|
+
setOpen: propTypesExports.func,
|
|
19377
|
+
render: propTypesExports.func,
|
|
19378
|
+
predicate: propTypesExports.func,
|
|
19379
|
+
placement: propTypesExports.string,
|
|
19380
|
+
middlewareOptions: propTypesExports.shape({
|
|
19381
|
+
offset: propTypesExports.object,
|
|
19382
|
+
shift: propTypesExports.object,
|
|
19383
|
+
flip: propTypesExports.object
|
|
19384
|
+
})
|
|
19385
|
+
}),
|
|
19386
|
+
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
19387
|
+
required: propTypesExports.bool
|
|
19388
|
+
};
|
|
19389
|
+
|
|
19390
|
+
var css$H = ".HierarchyItem_module_root__c7b1f900 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: relative;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_dashedConnector__c7b1f900 {\n position: absolute;\n height: 1.2rem;\n border-left: 0.0825rem dashed #cccccc;\n margin-top: 2.2rem;\n margin-left: 0.97rem;\n z-index: 9;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover {\n background: none;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900 svg {\n color: inherit;\n fill: inherit;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_searching__c7b1f900 > .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_searchWrapper__c7b1f900 {\n display: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_headerNoCount__c7b1f900 {\n margin-left: 7px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: auto;\n width: 100%;\n padding: 0rem 0rem !important;\n cursor: pointer;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1], .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1] .HierarchyItem_module_expand__c7b1f900, .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] .HierarchyItem_module_expand__c7b1f900 {\n padding: 0;\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component1] .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900, .HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component3] .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900 {\n width: 1rem;\n margin-left: -0.07rem;\n height: 1.49rem;\n fill: var(--text-color);\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_title__c7b1f900 {\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 margin-top: 2px;\n white-space: nowrap; /* Prevents text from wrapping */\n overflow: hidden; /* Hides overflow content */\n text-overflow: ellipsis;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 {\n display: flex;\n align-items: center;\n background: white;\n box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);\n border-radius: 0.25rem;\n height: 2.3rem;\n margin-left: -28px;\n margin-bottom: 2px;\n margin-top: 1px;\n padding: 0 !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchButton__c7b1f900 {\n width: 20px;\n margin: 0 !important;\n padding: 0 !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 {\n width: 100%;\n padding-left: 12px;\n height: 100%;\n gap: 0.25rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] {\n box-shadow: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell]:focus-within {\n outline: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] > [data-elem=component3] > button {\n margin-top: 1px;\n padding: 0;\n height: auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] > [data-elem=component3] > button [data-elem=title] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 [data-elem=base-cell] > [data-elem=component1] {\n width: 1.244rem;\n margin-left: 7px;\n margin-top: 2.9px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 label {\n display: contents;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 > [data-elem=component2] .HierarchyItem_module_searchFieldWrapper__c7b1f900 .HierarchyItem_module_searchInput__c7b1f900 input {\n outline: none;\n font-size: 0.875rem;\n height: 100%;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 {\n height: 100%;\n display: none;\n transition: opacity 0.2s ease;\n padding-block: 0 !important;\n padding-inline: 0.75rem !important;\n height: 2.25rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 [data-elem=title] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_searchWrapper__c7b1f900 .HierarchyItem_module_searchButton__c7b1f900 {\n width: 20px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover {\n background: var(--background-color4);\n border-radius: 4px;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_title__c7b1f900 svg {\n color: var(--primary-color4);\n fill: var(--primary-color4);\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_header__c7b1f900:hover .HierarchyItem_module_searchWrapper__c7b1f900 {\n height: 2.5rem;\n display: block;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 {\n margin-left: 10px;\n position: relative;\n width: 1rem;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_collapsedTail__c7b1f900 {\n position: absolute;\n top: 120%;\n left: 0.4rem;\n width: 1px;\n height: 1.25rem;\n background: var(--grey1);\n z-index: 1;\n pointer-events: none;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_dashedConnectorForButton__c7b1f900 {\n height: 1.2rem;\n border-left: 0.0825rem dashed #cccccc;\n margin-top: 30px;\n margin-left: 2.18rem;\n z-index: 9;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_expandContainer__c7b1f900 .HierarchyItem_module_hiddenConnector__c7b1f900 {\n border-left: none !important;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_collapsedTailSpacer__c7b1f900 {\n height: 0.3rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.5rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_tail__c7b1f900 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1rem;\n height: 100%;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_tail__c7b1f900::after {\n content: \"\";\n display: block;\n margin: auto;\n margin-top: -0.525rem;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n margin-bottom: -0.55rem;\n margin-left: 9px;\n z-index: 1;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_highlightTail__c7b1f900 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1rem;\n height: 100%;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component1] .HierarchyItem_module_highlightTail__c7b1f900::after {\n content: \"\";\n display: block;\n margin: auto;\n margin-top: -0.525rem;\n width: 1px;\n flex: 1;\n background: #0f62fe;\n margin-bottom: -0.55rem;\n margin-left: 9px;\n z-index: 1;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__c7b1f900 .HierarchyItem_module_body__c7b1f900 > [data-elem=component2] .HierarchyItem_module_children__c7b1f900 {\n flex: 1 0 auto;\n width: 100%;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_expand__c7b1f900 .HierarchyItem_module_icon__c7b1f900 {\n transform: none;\n height: 0.7625rem;\n width: 0rem;\n margin-left: 1.4rem;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_body__c7b1f900 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0rem;\n height: auto;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_open__c7b1f900 > .HierarchyItem_module_collapsedTail__c7b1f900 {\n display: none;\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 {\n background: var(--background-color4);\n}\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_icon__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_title__c7b1f900,\n.HierarchyItem_module_root__c7b1f900.HierarchyItem_module_active__c7b1f900 > .HierarchyItem_module_header__c7b1f900 .HierarchyItem_module_title__c7b1f900 svg {\n color: var(--primary-color4);\n fill: var(--primary-color4);\n}";
|
|
19391
|
+
var modules_6d03d164 = {"root":"HierarchyItem_module_root__c7b1f900","dashed-connector":"HierarchyItem_module_dashedConnector__c7b1f900","searching":"HierarchyItem_module_searching__c7b1f900","header":"HierarchyItem_module_header__c7b1f900","icon":"HierarchyItem_module_icon__c7b1f900","title":"HierarchyItem_module_title__c7b1f900","searchWrapper":"HierarchyItem_module_searchWrapper__c7b1f900","headerNoCount":"HierarchyItem_module_headerNoCount__c7b1f900","expand":"HierarchyItem_module_expand__c7b1f900","searchFieldWrapper":"HierarchyItem_module_searchFieldWrapper__c7b1f900","searchButton":"HierarchyItem_module_searchButton__c7b1f900","searchInput":"HierarchyItem_module_searchInput__c7b1f900","expand-container":"HierarchyItem_module_expandContainer__c7b1f900","collapsed-tail":"HierarchyItem_module_collapsedTail__c7b1f900","dashed-connector-for-button":"HierarchyItem_module_dashedConnectorForButton__c7b1f900","hidden-connector":"HierarchyItem_module_hiddenConnector__c7b1f900","collapsed-tail-spacer":"HierarchyItem_module_collapsedTailSpacer__c7b1f900","body":"HierarchyItem_module_body__c7b1f900","tail":"HierarchyItem_module_tail__c7b1f900","highlight-tail":"HierarchyItem_module_highlightTail__c7b1f900","children":"HierarchyItem_module_children__c7b1f900","open":"HierarchyItem_module_open__c7b1f900","active":"HierarchyItem_module_active__c7b1f900"};
|
|
19392
|
+
n(css$H,{});
|
|
19393
|
+
|
|
19394
|
+
var HierarchyItem = function HierarchyItem(props) {
|
|
19395
|
+
var _props$defaultOpen = props.defaultOpen,
|
|
19396
|
+
defaultOpen = _props$defaultOpen === void 0 ? false : _props$defaultOpen,
|
|
19397
|
+
_props$iconPlacement = props.iconPlacement,
|
|
19398
|
+
iconPlacement = _props$iconPlacement === void 0 ? 'left' : _props$iconPlacement,
|
|
19399
|
+
title = props.title,
|
|
19400
|
+
children = props.children,
|
|
19401
|
+
_onClick = props.onClick,
|
|
19402
|
+
onDoubleClick = props.onDoubleClick,
|
|
19403
|
+
_props$active = props.active,
|
|
19404
|
+
active = _props$active === void 0 ? false : _props$active,
|
|
19405
|
+
isLastItem = props.isLastItem;
|
|
19406
|
+
props.isSingleItem;
|
|
19407
|
+
var count = props.count,
|
|
19408
|
+
leftComponent = props.leftComponent,
|
|
19409
|
+
name = props.name,
|
|
19410
|
+
onSearchSubmit = props.onSearchSubmit,
|
|
19411
|
+
pathString = props.pathString,
|
|
19412
|
+
lastActive = props.lastActive,
|
|
19413
|
+
isSearching = props.isSearching,
|
|
19414
|
+
onSearchStart = props.onSearchStart;
|
|
19415
|
+
var _useState = useState(defaultOpen),
|
|
19416
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19417
|
+
open = _useState2[0],
|
|
19418
|
+
setOpen = _useState2[1];
|
|
19419
|
+
var _useState3 = useState(''),
|
|
19420
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
19421
|
+
searchText = _useState4[0],
|
|
19422
|
+
setSearchText = _useState4[1];
|
|
19423
|
+
var icon = jsxs("div", {
|
|
19424
|
+
className: modules_6d03d164['expand-container'],
|
|
19425
|
+
children: [jsx(Button, {
|
|
19426
|
+
className: modules_6d03d164.expand,
|
|
19427
|
+
size: 'auto',
|
|
19428
|
+
variant: 'text',
|
|
19429
|
+
color: 'default',
|
|
19430
|
+
onClick: function onClick() {
|
|
19431
|
+
setOpen(function (prevState) {
|
|
19432
|
+
var newState = !prevState;
|
|
19433
|
+
_onClick === null || _onClick === void 0 || _onClick(newState);
|
|
19434
|
+
onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
|
|
19435
|
+
return newState;
|
|
19436
|
+
});
|
|
19437
|
+
},
|
|
19438
|
+
leftComponent: function leftComponent() {
|
|
19439
|
+
return jsx(ExpandCollapseIcon, {
|
|
19440
|
+
className: classes(modules_6d03d164.icon, open ? modules_6d03d164.iconClosed : modules_6d03d164.iconOpen),
|
|
19441
|
+
open: open
|
|
19442
|
+
});
|
|
19443
|
+
}
|
|
19444
|
+
}), !open && !isLastItem && jsx("span", {
|
|
19445
|
+
className: modules_6d03d164['collapsed-tail']
|
|
19446
|
+
}), open && jsx("div", {
|
|
19447
|
+
className: classes(modules_6d03d164['dashed-connector-for-button'])
|
|
19448
|
+
})]
|
|
19449
|
+
});
|
|
19450
|
+
var handleSearchSubmit = function handleSearchSubmit() {
|
|
19451
|
+
onSearchSubmit === null || onSearchSubmit === void 0 || onSearchSubmit(searchText, pathString);
|
|
19452
|
+
};
|
|
19453
|
+
// console.log('isSingleItem', isSingleItem, name);
|
|
19454
|
+
// console.log('isLastItem', isLastItem, name);
|
|
19455
|
+
// console.log('icon', icon, name);
|
|
19456
|
+
// console.log('iconPlacement', iconPlacement, name);
|
|
19457
|
+
console.log('count === undefined', count === undefined, name);
|
|
19458
|
+
return jsxs("div", {
|
|
19459
|
+
className: classes(modules_6d03d164.root, open && modules_6d03d164.open, active && modules_6d03d164.active, isSearching && modules_6d03d164.searching),
|
|
19460
|
+
children: [jsx(BaseCell, {
|
|
19461
|
+
flexible: true,
|
|
19462
|
+
size: 'auto',
|
|
19463
|
+
className: classes(modules_6d03d164.header, count === undefined && modules_6d03d164.headerNoCount),
|
|
19464
|
+
component1: iconPlacement === 'left' ? icon : undefined,
|
|
19465
|
+
component2: isSearching && open ? jsx("div", {
|
|
19466
|
+
className: modules_6d03d164.searchFieldWrapper,
|
|
19467
|
+
children: jsx(TextField$1, {
|
|
19468
|
+
label: null,
|
|
19469
|
+
className: modules_6d03d164.searchInput,
|
|
19470
|
+
placeholder: "Search ".concat(name),
|
|
19471
|
+
size: 'md',
|
|
19472
|
+
type: 'text',
|
|
19473
|
+
value: searchText,
|
|
19474
|
+
onChange: function onChange(e) {
|
|
19475
|
+
setSearchText(e.target.value);
|
|
19476
|
+
},
|
|
19477
|
+
onKeyDown: function onKeyDown(e) {
|
|
19478
|
+
if (e.key === 'Enter') {
|
|
19479
|
+
handleSearchSubmit();
|
|
19480
|
+
}
|
|
19481
|
+
},
|
|
19482
|
+
LeftComponent: function LeftComponent() {
|
|
19483
|
+
return leftComponent;
|
|
19484
|
+
},
|
|
19485
|
+
RightComponent: function RightComponent() {
|
|
19486
|
+
return jsx(Button, {
|
|
19487
|
+
title: jsx(MagnifyingGlass, {
|
|
19488
|
+
className: modules_6d03d164.searchButton
|
|
19489
|
+
}),
|
|
19490
|
+
onClick: handleSearchSubmit,
|
|
19491
|
+
variant: 'text',
|
|
19492
|
+
size: 'auto',
|
|
19493
|
+
color: 'default'
|
|
19494
|
+
});
|
|
19495
|
+
}
|
|
19496
|
+
})
|
|
19497
|
+
}) : jsx(Button, {
|
|
19498
|
+
className: modules_6d03d164.title,
|
|
19499
|
+
flexible: true,
|
|
19500
|
+
size: 'auto',
|
|
19501
|
+
variant: 'text',
|
|
19502
|
+
color: 'default',
|
|
19503
|
+
onClick: function onClick(event) {
|
|
19504
|
+
var detail = event.detail;
|
|
19505
|
+
if (detail === 1) _onClick === null || _onClick === void 0 || _onClick(open);else if (detail === 2 && count) {
|
|
19506
|
+
setOpen(function (prevState) {
|
|
19507
|
+
var newState = !prevState;
|
|
19508
|
+
onDoubleClick === null || onDoubleClick === void 0 || onDoubleClick(newState);
|
|
19509
|
+
return newState;
|
|
19510
|
+
});
|
|
19511
|
+
}
|
|
19512
|
+
},
|
|
19019
19513
|
leftComponent: function leftComponent() {
|
|
19020
19514
|
return title;
|
|
19021
19515
|
}
|
|
19022
19516
|
}),
|
|
19023
|
-
component3:
|
|
19024
|
-
|
|
19025
|
-
|
|
19517
|
+
component3: !isSearching && open ? jsx(Button, {
|
|
19518
|
+
size: 'auto',
|
|
19519
|
+
variant: 'text',
|
|
19520
|
+
color: 'default',
|
|
19521
|
+
className: modules_6d03d164.searchWrapper,
|
|
19522
|
+
onClick: function onClick() {
|
|
19523
|
+
onSearchStart === null || onSearchStart === void 0 || onSearchStart(); // trigger search state in parent
|
|
19524
|
+
},
|
|
19525
|
+
title: jsx(MagnifyingGlass, {
|
|
19526
|
+
className: modules_6d03d164.searchButton
|
|
19527
|
+
})
|
|
19528
|
+
}) : undefined
|
|
19529
|
+
}), !open && !isLastItem && jsx("div", {
|
|
19530
|
+
className: modules_6d03d164['collapsed-tail-spacer']
|
|
19531
|
+
}), !isLastItem && (count === undefined || iconPlacement !== 'left') && jsx("div", {
|
|
19532
|
+
"data-elem": 'connector-dot',
|
|
19533
|
+
className: classes(modules_6d03d164['dashed-connector'])
|
|
19534
|
+
}), open && jsx(BaseCell, {
|
|
19535
|
+
size: 'auto',
|
|
19026
19536
|
className: modules_6d03d164.body,
|
|
19027
|
-
component1:
|
|
19028
|
-
|
|
19537
|
+
component1: jsx("div", {
|
|
19538
|
+
style: {
|
|
19539
|
+
display: isLastItem ? 'none' : 'flex'
|
|
19540
|
+
},
|
|
19541
|
+
className: classes(lastActive ? modules_6d03d164['highlight-tail'] : modules_6d03d164.tail)
|
|
19029
19542
|
}),
|
|
19030
|
-
component2:
|
|
19543
|
+
component2: jsx("div", {
|
|
19031
19544
|
className: modules_6d03d164.children,
|
|
19032
19545
|
children: children
|
|
19033
19546
|
})
|
|
19034
19547
|
})]
|
|
19035
19548
|
});
|
|
19036
19549
|
};
|
|
19037
|
-
HierarchyItem.propTypes = {
|
|
19038
|
-
iconPlacement: propTypesExports.oneOf(['left', 'right', 'none']),
|
|
19039
|
-
title: propTypesExports.node,
|
|
19040
|
-
defaultOpen: propTypesExports.bool,
|
|
19041
|
-
onClick: propTypesExports.func,
|
|
19042
|
-
active: propTypesExports.bool
|
|
19043
|
-
};
|
|
19044
19550
|
|
|
19045
|
-
var css$
|
|
19046
|
-
var modules_5e29d515 = {"root":"
|
|
19047
|
-
n(css$
|
|
19551
|
+
var css$G = ".HierarchyBrowser_module_root__d1032907 {\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__d1032907 .HierarchyBrowser_module_header__d1032907 {\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__d1032907 .HierarchyBrowser_module_body__d1032907 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n resize: horizontal;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n width: 100%;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemIcon__d1032907 {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.25rem;\n height: 1.25rem;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemTitle__d1032907 {\n font-size: 1.25rem;\n font-weight: 500;\n color: #1e1e1e;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countBg__d1032907 {\n background-color: #b7cadb;\n padding: 0.3125rem;\n border-radius: 4px;\n min-width: 1.75rem;\n height: 1.75rem;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.HierarchyBrowser_module_root__d1032907 .HierarchyBrowser_module_item__d1032907 .HierarchyBrowser_module_itemCount__d1032907 .HierarchyBrowser_module_countText__d1032907 {\n color: #ffffff;\n font-weight: 500;\n font-size: 1.125rem;\n line-height: 1;\n}\n.HierarchyBrowser_module_root__d1032907.HierarchyBrowser_module_resizable__d1032907:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
19552
|
+
var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__d1032907","header":"HierarchyBrowser_module_header__d1032907","body":"HierarchyBrowser_module_body__d1032907","item":"HierarchyBrowser_module_item__d1032907","item-icon":"HierarchyBrowser_module_itemIcon__d1032907","item-title":"HierarchyBrowser_module_itemTitle__d1032907","item-count":"HierarchyBrowser_module_itemCount__d1032907","count-bg":"HierarchyBrowser_module_countBg__d1032907","count-text":"HierarchyBrowser_module_countText__d1032907","resizable":"HierarchyBrowser_module_resizable__d1032907"};
|
|
19553
|
+
n(css$G,{});
|
|
19048
19554
|
|
|
19049
|
-
var
|
|
19050
|
-
|
|
19051
|
-
var
|
|
19052
|
-
|
|
19053
|
-
|
|
19054
|
-
|
|
19055
|
-
case 'object':
|
|
19056
|
-
Icon = Server;
|
|
19057
|
-
break;
|
|
19058
|
-
}
|
|
19059
|
-
return /*#__PURE__*/jsxs("span", {
|
|
19555
|
+
var _excluded = ["leftComponent", "rightComponent", "title", "count"];
|
|
19556
|
+
var Title = function Title(_ref) {
|
|
19557
|
+
var leftComponent = _ref.leftComponent,
|
|
19558
|
+
title = _ref.title,
|
|
19559
|
+
rightComponent = _ref.rightComponent;
|
|
19560
|
+
return jsxs("span", {
|
|
19060
19561
|
className: modules_5e29d515.item,
|
|
19061
|
-
children: [
|
|
19062
|
-
className: modules_5e29d515['item-icon']
|
|
19063
|
-
|
|
19562
|
+
children: [leftComponent && jsx("span", {
|
|
19563
|
+
className: modules_5e29d515['item-icon'],
|
|
19564
|
+
children: leftComponent
|
|
19565
|
+
}), jsx("span", {
|
|
19064
19566
|
className: modules_5e29d515['item-title'],
|
|
19065
|
-
children:
|
|
19066
|
-
}),
|
|
19567
|
+
children: title
|
|
19568
|
+
}), rightComponent !== undefined && Number(rightComponent) !== 0 && jsx("span", {
|
|
19067
19569
|
className: modules_5e29d515['item-count'],
|
|
19068
|
-
children:
|
|
19570
|
+
children: jsx("span", {
|
|
19571
|
+
className: modules_5e29d515['count-bg'],
|
|
19572
|
+
children: jsx("span", {
|
|
19573
|
+
className: modules_5e29d515['count-text'],
|
|
19574
|
+
children: rightComponent
|
|
19575
|
+
})
|
|
19576
|
+
})
|
|
19069
19577
|
})]
|
|
19070
19578
|
});
|
|
19071
19579
|
};
|
|
19072
|
-
var HierarchyBrowser = function HierarchyBrowser(
|
|
19073
|
-
var
|
|
19074
|
-
className =
|
|
19075
|
-
|
|
19076
|
-
metadata =
|
|
19077
|
-
|
|
19078
|
-
onItemClick =
|
|
19079
|
-
|
|
19080
|
-
onItemDoubleClick =
|
|
19081
|
-
|
|
19082
|
-
minWidth =
|
|
19083
|
-
maxWidth =
|
|
19084
|
-
borderSize =
|
|
19085
|
-
resizable =
|
|
19086
|
-
|
|
19087
|
-
setItemProps =
|
|
19580
|
+
var HierarchyBrowser = function HierarchyBrowser(_ref2) {
|
|
19581
|
+
var _ref2$className = _ref2.className,
|
|
19582
|
+
className = _ref2$className === void 0 ? '' : _ref2$className,
|
|
19583
|
+
_ref2$metadata = _ref2.metadata,
|
|
19584
|
+
metadata = _ref2$metadata === void 0 ? [] : _ref2$metadata,
|
|
19585
|
+
_ref2$onItemClick = _ref2.onItemClick,
|
|
19586
|
+
onItemClick = _ref2$onItemClick === void 0 ? function () {} : _ref2$onItemClick,
|
|
19587
|
+
_ref2$onItemDoubleCli = _ref2.onItemDoubleClick,
|
|
19588
|
+
onItemDoubleClick = _ref2$onItemDoubleCli === void 0 ? function () {} : _ref2$onItemDoubleCli,
|
|
19589
|
+
_ref2$minWidth = _ref2.minWidth,
|
|
19590
|
+
minWidth = _ref2$minWidth === void 0 ? 220 : _ref2$minWidth,
|
|
19591
|
+
maxWidth = _ref2.maxWidth,
|
|
19592
|
+
borderSize = _ref2.borderSize,
|
|
19593
|
+
resizable = _ref2.resizable,
|
|
19594
|
+
_ref2$setItemProps = _ref2.setItemProps,
|
|
19595
|
+
setItemProps = _ref2$setItemProps === void 0 ? function () {
|
|
19088
19596
|
return {};
|
|
19089
|
-
} :
|
|
19090
|
-
|
|
19091
|
-
title = _props$title === void 0 ? 'Browser' : _props$title;
|
|
19597
|
+
} : _ref2$setItemProps;
|
|
19598
|
+
_ref2.title;
|
|
19092
19599
|
var browserRef = useRef(null);
|
|
19600
|
+
var _useState = useState({}),
|
|
19601
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19602
|
+
searchResults = _useState2[0],
|
|
19603
|
+
setSearchResults = _useState2[1];
|
|
19093
19604
|
useResize({
|
|
19094
19605
|
ref: browserRef,
|
|
19095
19606
|
styles: {
|
|
@@ -19099,9 +19610,72 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
19099
19610
|
},
|
|
19100
19611
|
enabled: resizable
|
|
19101
19612
|
});
|
|
19613
|
+
var _useState3 = useState(null),
|
|
19614
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
19615
|
+
lastOpenedPath = _useState4[0],
|
|
19616
|
+
setLastOpenedPath = _useState4[1];
|
|
19617
|
+
var _useState5 = useState(null),
|
|
19618
|
+
_useState6 = _slicedToArray(_useState5, 2);
|
|
19619
|
+
_useState6[0];
|
|
19620
|
+
var setLastOpenedItem = _useState6[1];
|
|
19621
|
+
var _useState7 = useState(new Set()),
|
|
19622
|
+
_useState8 = _slicedToArray(_useState7, 2);
|
|
19623
|
+
_useState8[0];
|
|
19624
|
+
var setOpenPaths = _useState8[1];
|
|
19625
|
+
var _useState9 = useState(null),
|
|
19626
|
+
_useState0 = _slicedToArray(_useState9, 2),
|
|
19627
|
+
searchingPath = _useState0[0],
|
|
19628
|
+
setSearchingPath = _useState0[1];
|
|
19629
|
+
var getParentPath = function getParentPath(path) {
|
|
19630
|
+
var parts = path.split('.list[');
|
|
19631
|
+
if (parts.length <= 1) return null;
|
|
19632
|
+
parts.pop();
|
|
19633
|
+
return parts.join('.list[');
|
|
19634
|
+
};
|
|
19635
|
+
var trackOpenState = function trackOpenState(item, pathString, open) {
|
|
19636
|
+
setOpenPaths(function (prevPaths) {
|
|
19637
|
+
var newPaths = new Set(prevPaths);
|
|
19638
|
+
if (open) {
|
|
19639
|
+
newPaths.add(pathString);
|
|
19640
|
+
setLastOpenedPath(pathString);
|
|
19641
|
+
setLastOpenedItem(item);
|
|
19642
|
+
} else {
|
|
19643
|
+
Array.from(newPaths).forEach(function (p) {
|
|
19644
|
+
if (p === pathString || p.startsWith("".concat(pathString, "."))) {
|
|
19645
|
+
newPaths["delete"](p);
|
|
19646
|
+
}
|
|
19647
|
+
});
|
|
19648
|
+
if (lastOpenedPath === pathString || lastOpenedPath !== null && lastOpenedPath !== void 0 && lastOpenedPath.startsWith("".concat(pathString, "."))) {
|
|
19649
|
+
var parent = getParentPath(pathString);
|
|
19650
|
+
if (parent && newPaths.has(parent)) {
|
|
19651
|
+
setLastOpenedPath(parent);
|
|
19652
|
+
} else {
|
|
19653
|
+
var sorted = Array.from(newPaths).sort(function (a, b) {
|
|
19654
|
+
return b.length - a.length;
|
|
19655
|
+
});
|
|
19656
|
+
var fallback = sorted[0];
|
|
19657
|
+
if (fallback) {
|
|
19658
|
+
setLastOpenedPath(fallback);
|
|
19659
|
+
} else {
|
|
19660
|
+
setLastOpenedPath(null);
|
|
19661
|
+
setLastOpenedItem(null);
|
|
19662
|
+
}
|
|
19663
|
+
}
|
|
19664
|
+
}
|
|
19665
|
+
}
|
|
19666
|
+
return newPaths;
|
|
19667
|
+
});
|
|
19668
|
+
};
|
|
19102
19669
|
var handleItemClick = function handleItemClick(item, pathString) {
|
|
19103
19670
|
return function (open) {
|
|
19104
19671
|
onItemClick(item, pathString, open);
|
|
19672
|
+
if (!open) {
|
|
19673
|
+
setSearchResults(function (prev) {
|
|
19674
|
+
var updated = _objectSpread2({}, prev);
|
|
19675
|
+
delete updated[pathString];
|
|
19676
|
+
return updated;
|
|
19677
|
+
});
|
|
19678
|
+
}
|
|
19105
19679
|
};
|
|
19106
19680
|
};
|
|
19107
19681
|
var handleItemDoubleClick = function handleItemDoubleClick(item, pathString) {
|
|
@@ -19109,61 +19683,88 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
19109
19683
|
onItemDoubleClick(item, pathString, open);
|
|
19110
19684
|
};
|
|
19111
19685
|
};
|
|
19686
|
+
var handleSearchSubmit = function handleSearchSubmit(searchText, pathString) {
|
|
19687
|
+
setSearchResults(function (prev) {
|
|
19688
|
+
return _objectSpread2(_objectSpread2({}, prev), {}, _defineProperty({}, pathString, searchText.toLowerCase()));
|
|
19689
|
+
});
|
|
19690
|
+
};
|
|
19691
|
+
var shouldDisplayItem = function shouldDisplayItem(item, searchText) {
|
|
19692
|
+
var _item$title;
|
|
19693
|
+
if (!searchText) return true;
|
|
19694
|
+
return (_item$title = item.title) === null || _item$title === void 0 ? void 0 : _item$title.toLowerCase().includes(searchText);
|
|
19695
|
+
};
|
|
19112
19696
|
var _renderTree = function renderTree(data) {
|
|
19113
|
-
var _data$list$map, _data$list, _data$list$map2;
|
|
19114
19697
|
var pathString = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
|
|
19115
|
-
|
|
19116
|
-
|
|
19117
|
-
|
|
19118
|
-
var
|
|
19119
|
-
|
|
19120
|
-
|
|
19121
|
-
|
|
19698
|
+
var isLast = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
|
19699
|
+
var isSingleItem = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
|
|
19700
|
+
if (!data) return null;
|
|
19701
|
+
var children = Array.isArray(data.list) ? data.list : [];
|
|
19702
|
+
var currentPath = pathString || 'metadata';
|
|
19703
|
+
var searchText = searchResults[currentPath] || '';
|
|
19704
|
+
var filteredChildren = searchText ? children.filter(function (child) {
|
|
19705
|
+
return shouldDisplayItem(child, searchText);
|
|
19706
|
+
}) : children;
|
|
19707
|
+
var _setItemProps = setItemProps(data, currentPath),
|
|
19708
|
+
leftComponent = _setItemProps.leftComponent,
|
|
19709
|
+
rightComponent = _setItemProps.rightComponent,
|
|
19710
|
+
title = _setItemProps.title,
|
|
19711
|
+
count = _setItemProps.count;
|
|
19712
|
+
_objectWithoutProperties(_setItemProps, _excluded);
|
|
19713
|
+
return jsx(HierarchyItem, {
|
|
19714
|
+
title: jsx(Title, {
|
|
19715
|
+
leftComponent: leftComponent,
|
|
19716
|
+
title: title,
|
|
19717
|
+
rightComponent: rightComponent
|
|
19122
19718
|
}),
|
|
19123
|
-
iconPlacement:
|
|
19124
|
-
onClick:
|
|
19125
|
-
|
|
19126
|
-
|
|
19127
|
-
|
|
19128
|
-
|
|
19129
|
-
|
|
19130
|
-
|
|
19719
|
+
iconPlacement: children.length ? 'left' : 'none',
|
|
19720
|
+
onClick: function onClick(open) {
|
|
19721
|
+
handleItemClick(data, currentPath)(open);
|
|
19722
|
+
trackOpenState(data, currentPath, open);
|
|
19723
|
+
},
|
|
19724
|
+
onDoubleClick: function onDoubleClick(open) {
|
|
19725
|
+
handleItemDoubleClick(data, currentPath)(open);
|
|
19726
|
+
trackOpenState(data, currentPath, open);
|
|
19727
|
+
},
|
|
19728
|
+
lastActive: lastOpenedPath === currentPath,
|
|
19729
|
+
isLastItem: isLast,
|
|
19730
|
+
isSingleItem: isSingleItem,
|
|
19731
|
+
count: count,
|
|
19732
|
+
name: title,
|
|
19733
|
+
leftComponent: leftComponent,
|
|
19734
|
+
isSearching: searchingPath === currentPath,
|
|
19735
|
+
onSearchStart: function onSearchStart() {
|
|
19736
|
+
return setSearchingPath(currentPath);
|
|
19737
|
+
},
|
|
19738
|
+
onSearchSubmit: function onSearchSubmit(text) {
|
|
19739
|
+
handleSearchSubmit(text, currentPath);
|
|
19740
|
+
setSearchingPath(null);
|
|
19741
|
+
},
|
|
19742
|
+
children: filteredChildren.map(function (child, index) {
|
|
19743
|
+
var isLastItem = index === filteredChildren.length - 1;
|
|
19744
|
+
var isSingleItem = filteredChildren.length === 1;
|
|
19745
|
+
var nextPath = "".concat(currentPath, ".list[").concat(index, "]");
|
|
19746
|
+
return _renderTree(child, nextPath, index === 0, isLastItem, isSingleItem);
|
|
19747
|
+
})
|
|
19748
|
+
}, currentPath);
|
|
19131
19749
|
};
|
|
19132
|
-
return
|
|
19750
|
+
return jsx("div", {
|
|
19133
19751
|
ref: browserRef,
|
|
19134
19752
|
className: classes(modules_5e29d515.root, resizable ? modules_5e29d515.resizable : '', className),
|
|
19135
|
-
children:
|
|
19136
|
-
className: modules_5e29d515.header,
|
|
19137
|
-
"data-elem": "header",
|
|
19138
|
-
children: title
|
|
19139
|
-
}), /*#__PURE__*/jsx("div", {
|
|
19753
|
+
children: jsx("div", {
|
|
19140
19754
|
className: modules_5e29d515.body,
|
|
19141
|
-
"data-elem":
|
|
19142
|
-
children:
|
|
19143
|
-
|
|
19755
|
+
"data-elem": 'body',
|
|
19756
|
+
children: (metadata || []).map(function (item, index) {
|
|
19757
|
+
var isLastItem = index === metadata.length - 1;
|
|
19758
|
+
var isSingleItem = metadata.length === 1;
|
|
19759
|
+
return _renderTree(item, "metadata[".concat(index, "]"), index === 0, isLastItem, isSingleItem);
|
|
19760
|
+
})
|
|
19761
|
+
})
|
|
19144
19762
|
});
|
|
19145
19763
|
};
|
|
19146
|
-
HierarchyBrowser.propTypes = {
|
|
19147
|
-
className: propTypesExports.string,
|
|
19148
|
-
metadata: propTypesExports.objectOf({
|
|
19149
|
-
title: propTypesExports.string,
|
|
19150
|
-
id: propTypesExports.string,
|
|
19151
|
-
count: propTypesExports.number,
|
|
19152
|
-
list: propTypesExports.array
|
|
19153
|
-
}),
|
|
19154
|
-
onItemClick: propTypesExports.func,
|
|
19155
|
-
onItemDoubleClick: propTypesExports.func,
|
|
19156
|
-
borderSize: propTypesExports.number,
|
|
19157
|
-
minWidth: propTypesExports.number,
|
|
19158
|
-
maxWidth: propTypesExports.number,
|
|
19159
|
-
resizable: propTypesExports.bool,
|
|
19160
|
-
setItemProps: propTypesExports.func,
|
|
19161
|
-
title: propTypesExports.string
|
|
19162
|
-
};
|
|
19163
19764
|
|
|
19164
|
-
var css$
|
|
19765
|
+
var css$F = ".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}";
|
|
19165
19766
|
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"};
|
|
19166
|
-
n(css$
|
|
19767
|
+
n(css$F,{});
|
|
19167
19768
|
|
|
19168
19769
|
var getIcon = function getIcon(checked, intermediate) {
|
|
19169
19770
|
if (checked) {
|
|
@@ -19236,9 +19837,9 @@ Checkbox.propTypes = {
|
|
|
19236
19837
|
onChange: propTypesExports.func
|
|
19237
19838
|
};
|
|
19238
19839
|
|
|
19239
|
-
var css$
|
|
19840
|
+
var css$E = ".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}";
|
|
19240
19841
|
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"};
|
|
19241
|
-
n(css$
|
|
19842
|
+
n(css$E,{});
|
|
19242
19843
|
|
|
19243
19844
|
var Dropdown$1 = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
19244
19845
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -19668,9 +20269,9 @@ Dropdown$1.defaultProps = {
|
|
|
19668
20269
|
hideIcon: false
|
|
19669
20270
|
};
|
|
19670
20271
|
|
|
19671
|
-
var css$
|
|
20272
|
+
var css$D = ".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}";
|
|
19672
20273
|
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"};
|
|
19673
|
-
n(css$
|
|
20274
|
+
n(css$D,{});
|
|
19674
20275
|
|
|
19675
20276
|
var Radio = function Radio(props) {
|
|
19676
20277
|
var label = props.label,
|
|
@@ -19734,231 +20335,105 @@ Radio.propTypes = {
|
|
|
19734
20335
|
disabled: propTypesExports.bool,
|
|
19735
20336
|
label: propTypesExports.string,
|
|
19736
20337
|
checked: propTypesExports.bool,
|
|
19737
|
-
defaultChecked: propTypesExports.bool,
|
|
19738
|
-
position: propTypesExports.oneOf(['left', 'right']),
|
|
19739
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
19740
|
-
onChange: propTypesExports.func
|
|
19741
|
-
};
|
|
19742
|
-
|
|
19743
|
-
var css$
|
|
19744
|
-
var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
|
|
19745
|
-
n(css$
|
|
19746
|
-
|
|
19747
|
-
var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
19748
|
-
// eslint-disable-next-line object-curly-newline
|
|
19749
|
-
var title = props.title,
|
|
19750
|
-
value = props.value,
|
|
19751
|
-
variant = props.variant,
|
|
19752
|
-
selected = props.selected,
|
|
19753
|
-
onKeyDown = props.onKeyDown,
|
|
19754
|
-
onMouseEnter = props.onMouseEnter,
|
|
19755
|
-
onClick = props.onClick,
|
|
19756
|
-
dataAttrs = props.dataAttrs,
|
|
19757
|
-
className = props.className,
|
|
19758
|
-
tabIndex = props.tabIndex,
|
|
19759
|
-
disabled = props.disabled,
|
|
19760
|
-
customComponent = props.customComponent;
|
|
19761
|
-
var action = null;
|
|
19762
|
-
switch (variant) {
|
|
19763
|
-
case 'checkbox':
|
|
19764
|
-
action = /*#__PURE__*/jsx(Checkbox, {
|
|
19765
|
-
className: modules_bf949acd.input,
|
|
19766
|
-
checked: selected,
|
|
19767
|
-
disabled: true
|
|
19768
|
-
});
|
|
19769
|
-
break;
|
|
19770
|
-
case 'radio':
|
|
19771
|
-
action = /*#__PURE__*/jsx(Radio, {
|
|
19772
|
-
className: modules_bf949acd.input,
|
|
19773
|
-
checked: selected,
|
|
19774
|
-
disabled: true
|
|
19775
|
-
});
|
|
19776
|
-
break;
|
|
19777
|
-
}
|
|
19778
|
-
return /*#__PURE__*/jsxs("li", _objectSpread2(_objectSpread2({
|
|
19779
|
-
ref: ref,
|
|
19780
|
-
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', className),
|
|
19781
|
-
"data-elem": "dropdown-item",
|
|
19782
|
-
"data-variant": variant,
|
|
19783
|
-
"data-value": value,
|
|
19784
|
-
"data-selected": selected,
|
|
19785
|
-
onClick: onClick,
|
|
19786
|
-
onMouseEnter: onMouseEnter
|
|
19787
|
-
}, _objectSpread2({}, dataAttrs)), {}, {
|
|
19788
|
-
tabIndex: tabIndex,
|
|
19789
|
-
role: "option",
|
|
19790
|
-
"aria-selected": selected,
|
|
19791
|
-
onKeyDown: onKeyDown,
|
|
19792
|
-
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsx("span", {
|
|
19793
|
-
"data-elem": "title",
|
|
19794
|
-
children: title
|
|
19795
|
-
})]
|
|
19796
|
-
}));
|
|
19797
|
-
});
|
|
19798
|
-
DropdownItem$1.propTypes = {
|
|
19799
|
-
className: propTypesExports.string,
|
|
19800
|
-
title: propTypesExports.node,
|
|
19801
|
-
variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
|
|
19802
|
-
selected: propTypesExports.bool,
|
|
19803
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
19804
|
-
dataAttrs: propTypesExports.object,
|
|
19805
|
-
customComponent: propTypesExports.node
|
|
19806
|
-
};
|
|
19807
|
-
DropdownItem$1.defaultProps = {
|
|
19808
|
-
className: '',
|
|
19809
|
-
title: '',
|
|
19810
|
-
variant: 'default',
|
|
19811
|
-
dataAttrs: {},
|
|
19812
|
-
selected: false,
|
|
19813
|
-
customComponent: null
|
|
19814
|
-
};
|
|
19815
|
-
|
|
19816
|
-
var SelectAll = function SelectAll(props) {
|
|
19817
|
-
var _props$className = props.className,
|
|
19818
|
-
className = _props$className === void 0 ? '' : _props$className;
|
|
19819
|
-
return /*#__PURE__*/jsx("svg", {
|
|
19820
|
-
width: "1.125rem",
|
|
19821
|
-
height: "1.125rem",
|
|
19822
|
-
viewBox: "0 0 18 18",
|
|
19823
|
-
fill: "none",
|
|
19824
|
-
className: className,
|
|
19825
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
19826
|
-
children: /*#__PURE__*/jsx("path", {
|
|
19827
|
-
d: "M0 2H2V0C0.9 0 0 0.9 0 2ZM0 10H2V8H0V10ZM4 18H6V16H4V18ZM0 6H2V4H0V6ZM10 0H8V2H10V0ZM16 0V2H18C18 0.9 17.1 0 16 0ZM2 18V16H0C0 17.1 0.9 18 2 18ZM0 14H2V12H0V14ZM6 0H4V2H6V0ZM8 18H10V16H8V18ZM16 10H18V8H16V10ZM16 18C17.1 18 18 17.1 18 16H16V18ZM16 6H18V4H16V6ZM16 14H18V12H16V14ZM12 18H14V16H12V18ZM12 2H14V0H12V2ZM5 14H13C13.55 14 14 13.55 14 13V5C14 4.45 13.55 4 13 4H5C4.45 4 4 4.45 4 5V13C4 13.55 4.45 14 5 14ZM6 6H12V12H6V6Z",
|
|
19828
|
-
fill: "#0F62FE"
|
|
19829
|
-
})
|
|
19830
|
-
});
|
|
19831
|
-
};
|
|
19832
|
-
|
|
19833
|
-
function o(f){return r=>{f.forEach(n=>{typeof n=="function"?n(r):n!=null&&(n.current=r);});}}
|
|
19834
|
-
|
|
19835
|
-
var css$D = ".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}";
|
|
19836
|
-
var modules_e4619b04 = {"tooltip":"Tooltip_module_tooltip__9cc6de6d","light":"Tooltip_module_light__9cc6de6d","dark":"Tooltip_module_dark__9cc6de6d","arrow":"Tooltip_module_arrow__9cc6de6d"};
|
|
19837
|
-
n(css$D,{});
|
|
19838
|
-
|
|
19839
|
-
/**
|
|
19840
|
-
* Tooltip - A tooltip component to be used as a wrapper to show the customised tooltip for the component
|
|
19841
|
-
*
|
|
19842
|
-
* @returns A React component
|
|
19843
|
-
*
|
|
19844
|
-
* @example
|
|
19845
|
-
* ```tsx
|
|
19846
|
-
* <Tooltip
|
|
19847
|
-
* position='top'
|
|
19848
|
-
* showPointer={false}
|
|
19849
|
-
* content="Hello"
|
|
19850
|
-
* >
|
|
19851
|
-
* <div>Some Element</div>
|
|
19852
|
-
* </Tooltip>
|
|
19853
|
-
* ```
|
|
19854
|
-
*/
|
|
19855
|
-
var Tooltip = /*#__PURE__*/forwardRef(function (props, propRef) {
|
|
19856
|
-
var _middlewareData$arrow, _middlewareData$arrow2, _middlewareData$arrow3, _middlewareData$arrow4;
|
|
19857
|
-
var children = props.children,
|
|
19858
|
-
_props$position = props.position,
|
|
19859
|
-
position = _props$position === void 0 ? 'top' : _props$position,
|
|
19860
|
-
content = props.content,
|
|
19861
|
-
_props$variant = props.variant,
|
|
19862
|
-
variant = _props$variant === void 0 ? 'light' : _props$variant,
|
|
19863
|
-
_props$className = props.className,
|
|
19864
|
-
className = _props$className === void 0 ? '' : _props$className,
|
|
19865
|
-
_props$showPointer = props.showPointer,
|
|
19866
|
-
showPointer = _props$showPointer === void 0 ? true : _props$showPointer;
|
|
19867
|
-
var arrowEl = useRef(null);
|
|
19868
|
-
var _useState = useState(false),
|
|
19869
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
19870
|
-
open = _useState2[0],
|
|
19871
|
-
setOpen = _useState2[1];
|
|
19872
|
-
var _useFloating = useFloating({
|
|
19873
|
-
open: open,
|
|
19874
|
-
onOpenChange: setOpen,
|
|
19875
|
-
placement: position,
|
|
19876
|
-
whileElementsMounted: autoUpdate,
|
|
19877
|
-
// Make sure the tooltip stays on the screen
|
|
19878
|
-
middleware: [offset(12), flip(), shift(), arrow({
|
|
19879
|
-
element: arrowEl
|
|
19880
|
-
})]
|
|
19881
|
-
}),
|
|
19882
|
-
x = _useFloating.x,
|
|
19883
|
-
y = _useFloating.y,
|
|
19884
|
-
reference = _useFloating.reference,
|
|
19885
|
-
floating = _useFloating.floating,
|
|
19886
|
-
strategy = _useFloating.strategy,
|
|
19887
|
-
context = _useFloating.context,
|
|
19888
|
-
middlewareData = _useFloating.middlewareData,
|
|
19889
|
-
_useFloating$placemen = _useFloating.placement,
|
|
19890
|
-
placement = _useFloating$placemen === void 0 ? 'top' : _useFloating$placemen;
|
|
19891
|
-
// Event listeners to change the open state
|
|
19892
|
-
var hover = useHover(context, {
|
|
19893
|
-
move: true
|
|
19894
|
-
});
|
|
19895
|
-
var focus = useFocus(context);
|
|
19896
|
-
var dismiss = useDismiss(context);
|
|
19897
|
-
// Role props for screen readers
|
|
19898
|
-
var role = useRole(context, {
|
|
19899
|
-
role: 'tooltip'
|
|
19900
|
-
});
|
|
19901
|
-
// Merge all the interactions into prop getters
|
|
19902
|
-
var _useInteractions = useInteractions([hover, focus, dismiss, role]),
|
|
19903
|
-
getReferenceProps = _useInteractions.getReferenceProps,
|
|
19904
|
-
getFloatingProps = _useInteractions.getFloatingProps;
|
|
19905
|
-
var typedChildren = children;
|
|
19906
|
-
var childrenRef = typedChildren.ref;
|
|
19907
|
-
var ref = React__default.useMemo(function () {
|
|
19908
|
-
return o([reference, childrenRef, propRef]);
|
|
19909
|
-
}, [reference, childrenRef, propRef]);
|
|
19910
|
-
var clonedChildren = /*#__PURE__*/cloneElement(children, getReferenceProps(_objectSpread2({
|
|
19911
|
-
ref: ref
|
|
19912
|
-
}, typedChildren.props)));
|
|
19913
|
-
var side = placement.split('-')[0];
|
|
19914
|
-
var _top$right$bottom$lef = {
|
|
19915
|
-
top: 'bottom',
|
|
19916
|
-
right: 'left',
|
|
19917
|
-
bottom: 'top',
|
|
19918
|
-
left: 'right'
|
|
19919
|
-
},
|
|
19920
|
-
staticSide = _top$right$bottom$lef[side];
|
|
19921
|
-
return jsxs(Fragment, {
|
|
19922
|
-
children: [clonedChildren, jsx(Popper, {
|
|
19923
|
-
open: open && content != null,
|
|
19924
|
-
backdrop: false,
|
|
19925
|
-
wrapperId: 'tooltip',
|
|
19926
|
-
children: jsxs(motion.div, _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
19927
|
-
ref: floating,
|
|
19928
|
-
className: classes(modules_e4619b04.tooltip, modules_e4619b04[variant], className),
|
|
19929
|
-
style: {
|
|
19930
|
-
position: strategy,
|
|
19931
|
-
top: y !== null && y !== void 0 ? y : 0,
|
|
19932
|
-
left: x !== null && x !== void 0 ? x : 0,
|
|
19933
|
-
zIndex: 100
|
|
19934
|
-
}
|
|
19935
|
-
})), {}, {
|
|
19936
|
-
initial: {
|
|
19937
|
-
opacity: 0,
|
|
19938
|
-
scale: 0
|
|
19939
|
-
},
|
|
19940
|
-
animate: {
|
|
19941
|
-
opacity: 1,
|
|
19942
|
-
scale: 1
|
|
19943
|
-
},
|
|
19944
|
-
children: [showPointer && jsx("div", {
|
|
19945
|
-
className: modules_e4619b04.arrow,
|
|
19946
|
-
ref: arrowEl,
|
|
19947
|
-
style: _defineProperty({
|
|
19948
|
-
left: (_middlewareData$arrow = (_middlewareData$arrow2 = middlewareData.arrow) === null || _middlewareData$arrow2 === void 0 ? void 0 : _middlewareData$arrow2.x) !== null && _middlewareData$arrow !== void 0 ? _middlewareData$arrow : '',
|
|
19949
|
-
top: (_middlewareData$arrow3 = (_middlewareData$arrow4 = middlewareData.arrow) === null || _middlewareData$arrow4 === void 0 ? void 0 : _middlewareData$arrow4.y) !== null && _middlewareData$arrow3 !== void 0 ? _middlewareData$arrow3 : '',
|
|
19950
|
-
right: '',
|
|
19951
|
-
bottom: ''
|
|
19952
|
-
}, staticSide, '-0.3rem')
|
|
19953
|
-
}), content]
|
|
19954
|
-
}))
|
|
20338
|
+
defaultChecked: propTypesExports.bool,
|
|
20339
|
+
position: propTypesExports.oneOf(['left', 'right']),
|
|
20340
|
+
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
20341
|
+
onChange: propTypesExports.func
|
|
20342
|
+
};
|
|
20343
|
+
|
|
20344
|
+
var css$C = ".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}";
|
|
20345
|
+
var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
|
|
20346
|
+
n(css$C,{});
|
|
20347
|
+
|
|
20348
|
+
var DropdownItem$1 = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
20349
|
+
// eslint-disable-next-line object-curly-newline
|
|
20350
|
+
var title = props.title,
|
|
20351
|
+
value = props.value,
|
|
20352
|
+
variant = props.variant,
|
|
20353
|
+
selected = props.selected,
|
|
20354
|
+
onKeyDown = props.onKeyDown,
|
|
20355
|
+
onMouseEnter = props.onMouseEnter,
|
|
20356
|
+
onClick = props.onClick,
|
|
20357
|
+
dataAttrs = props.dataAttrs,
|
|
20358
|
+
className = props.className,
|
|
20359
|
+
tabIndex = props.tabIndex,
|
|
20360
|
+
disabled = props.disabled,
|
|
20361
|
+
customComponent = props.customComponent;
|
|
20362
|
+
var action = null;
|
|
20363
|
+
switch (variant) {
|
|
20364
|
+
case 'checkbox':
|
|
20365
|
+
action = /*#__PURE__*/jsx(Checkbox, {
|
|
20366
|
+
className: modules_bf949acd.input,
|
|
20367
|
+
checked: selected,
|
|
20368
|
+
disabled: true
|
|
20369
|
+
});
|
|
20370
|
+
break;
|
|
20371
|
+
case 'radio':
|
|
20372
|
+
action = /*#__PURE__*/jsx(Radio, {
|
|
20373
|
+
className: modules_bf949acd.input,
|
|
20374
|
+
checked: selected,
|
|
20375
|
+
disabled: true
|
|
20376
|
+
});
|
|
20377
|
+
break;
|
|
20378
|
+
}
|
|
20379
|
+
return /*#__PURE__*/jsxs("li", _objectSpread2(_objectSpread2({
|
|
20380
|
+
ref: ref,
|
|
20381
|
+
className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', className),
|
|
20382
|
+
"data-elem": "dropdown-item",
|
|
20383
|
+
"data-variant": variant,
|
|
20384
|
+
"data-value": value,
|
|
20385
|
+
"data-selected": selected,
|
|
20386
|
+
onClick: onClick,
|
|
20387
|
+
onMouseEnter: onMouseEnter
|
|
20388
|
+
}, _objectSpread2({}, dataAttrs)), {}, {
|
|
20389
|
+
tabIndex: tabIndex,
|
|
20390
|
+
role: "option",
|
|
20391
|
+
"aria-selected": selected,
|
|
20392
|
+
onKeyDown: onKeyDown,
|
|
20393
|
+
children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsx("span", {
|
|
20394
|
+
"data-elem": "title",
|
|
20395
|
+
children: title
|
|
19955
20396
|
})]
|
|
19956
|
-
});
|
|
20397
|
+
}));
|
|
19957
20398
|
});
|
|
20399
|
+
DropdownItem$1.propTypes = {
|
|
20400
|
+
className: propTypesExports.string,
|
|
20401
|
+
title: propTypesExports.node,
|
|
20402
|
+
variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
|
|
20403
|
+
selected: propTypesExports.bool,
|
|
20404
|
+
// eslint-disable-next-line react/forbid-prop-types
|
|
20405
|
+
dataAttrs: propTypesExports.object,
|
|
20406
|
+
customComponent: propTypesExports.node
|
|
20407
|
+
};
|
|
20408
|
+
DropdownItem$1.defaultProps = {
|
|
20409
|
+
className: '',
|
|
20410
|
+
title: '',
|
|
20411
|
+
variant: 'default',
|
|
20412
|
+
dataAttrs: {},
|
|
20413
|
+
selected: false,
|
|
20414
|
+
customComponent: null
|
|
20415
|
+
};
|
|
20416
|
+
|
|
20417
|
+
var SelectAll = function SelectAll(props) {
|
|
20418
|
+
var _props$className = props.className,
|
|
20419
|
+
className = _props$className === void 0 ? '' : _props$className;
|
|
20420
|
+
return /*#__PURE__*/jsx("svg", {
|
|
20421
|
+
width: "1.125rem",
|
|
20422
|
+
height: "1.125rem",
|
|
20423
|
+
viewBox: "0 0 18 18",
|
|
20424
|
+
fill: "none",
|
|
20425
|
+
className: className,
|
|
20426
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
20427
|
+
children: /*#__PURE__*/jsx("path", {
|
|
20428
|
+
d: "M0 2H2V0C0.9 0 0 0.9 0 2ZM0 10H2V8H0V10ZM4 18H6V16H4V18ZM0 6H2V4H0V6ZM10 0H8V2H10V0ZM16 0V2H18C18 0.9 17.1 0 16 0ZM2 18V16H0C0 17.1 0.9 18 2 18ZM0 14H2V12H0V14ZM6 0H4V2H6V0ZM8 18H10V16H8V18ZM16 10H18V8H16V10ZM16 18C17.1 18 18 17.1 18 16H16V18ZM16 6H18V4H16V6ZM16 14H18V12H16V14ZM12 18H14V16H12V18ZM12 2H14V0H12V2ZM5 14H13C13.55 14 14 13.55 14 13V5C14 4.45 13.55 4 13 4H5C4.45 4 4 4.45 4 5V13C4 13.55 4.45 14 5 14ZM6 6H12V12H6V6Z",
|
|
20429
|
+
fill: "#0F62FE"
|
|
20430
|
+
})
|
|
20431
|
+
});
|
|
20432
|
+
};
|
|
19958
20433
|
|
|
19959
|
-
var css$
|
|
20434
|
+
var css$B = ".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}";
|
|
19960
20435
|
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"};
|
|
19961
|
-
n(css$
|
|
20436
|
+
n(css$B,{});
|
|
19962
20437
|
|
|
19963
20438
|
var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
|
|
19964
20439
|
var _selectedOptions$map;
|
|
@@ -20468,9 +20943,9 @@ Dropdown.propTypes = {
|
|
|
20468
20943
|
hideIcon: propTypesExports.bool
|
|
20469
20944
|
};
|
|
20470
20945
|
|
|
20471
|
-
var css$
|
|
20946
|
+
var css$A = ".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}";
|
|
20472
20947
|
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"};
|
|
20473
|
-
n(css$
|
|
20948
|
+
n(css$A,{});
|
|
20474
20949
|
|
|
20475
20950
|
var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
|
|
20476
20951
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -20557,9 +21032,9 @@ DropdownItem.defaultProps = {
|
|
|
20557
21032
|
customComponent: null
|
|
20558
21033
|
};
|
|
20559
21034
|
|
|
20560
|
-
var css$
|
|
21035
|
+
var css$z = ".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}";
|
|
20561
21036
|
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"};
|
|
20562
|
-
n(css$
|
|
21037
|
+
n(css$z,{});
|
|
20563
21038
|
|
|
20564
21039
|
var Header$1 = function Header(_ref) {
|
|
20565
21040
|
var title = _ref.title;
|
|
@@ -20636,340 +21111,90 @@ var DialogBox = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
20636
21111
|
Body = dialogProps.body,
|
|
20637
21112
|
appliedSize = dialogProps.size,
|
|
20638
21113
|
hideCrossDismiss = dialogProps.hideCrossDismiss;
|
|
20639
|
-
var size = appliedSize || defaultSize;
|
|
20640
|
-
var toggle = function toggle() {
|
|
20641
|
-
onCancel === null || onCancel === void 0 || onCancel();
|
|
20642
|
-
setOpen(false);
|
|
20643
|
-
};
|
|
20644
|
-
var headerProps = {
|
|
20645
|
-
title: title
|
|
20646
|
-
};
|
|
20647
|
-
var footerProps = function footerProps(_ref3) {
|
|
20648
|
-
var setNoDismissEnabled = _ref3.setNoDismissEnabled;
|
|
20649
|
-
return _objectSpread2(_objectSpread2(_objectSpread2({
|
|
20650
|
-
action: actionText,
|
|
20651
|
-
cancel: cancelText,
|
|
20652
|
-
hideCancel: hideCancel,
|
|
20653
|
-
variant: variant,
|
|
20654
|
-
setOpen: setOpen
|
|
20655
|
-
}, _customAction && {
|
|
20656
|
-
customAction: function customAction() {
|
|
20657
|
-
return _customAction({
|
|
20658
|
-
setNoDismissEnabled: setNoDismissEnabled,
|
|
20659
|
-
dismiss: function dismiss() {
|
|
20660
|
-
setOpen(false);
|
|
20661
|
-
}
|
|
20662
|
-
});
|
|
20663
|
-
}
|
|
20664
|
-
}), _onAction && {
|
|
20665
|
-
onAction: function onAction() {
|
|
20666
|
-
_onAction({
|
|
20667
|
-
dismiss: function dismiss() {
|
|
20668
|
-
setOpen(false);
|
|
20669
|
-
}
|
|
20670
|
-
});
|
|
20671
|
-
}
|
|
20672
|
-
}), !hideCancel && {
|
|
20673
|
-
onCancel: toggle
|
|
20674
|
-
});
|
|
20675
|
-
};
|
|
20676
|
-
var dialog = function dialog(appliedDialogProps) {
|
|
20677
|
-
setDialogProps(_objectSpread2(_objectSpread2({}, dialogProps), appliedDialogProps));
|
|
20678
|
-
};
|
|
20679
|
-
useImperativeHandle(ref, function () {
|
|
20680
|
-
return {
|
|
20681
|
-
dialog: dialog
|
|
20682
|
-
};
|
|
20683
|
-
});
|
|
20684
|
-
useEffect(function () {
|
|
20685
|
-
if (dialogProps.title && (dialogProps.description || dialogProps.body)) {
|
|
20686
|
-
setOpen(function (prev) {
|
|
20687
|
-
return !prev;
|
|
20688
|
-
});
|
|
20689
|
-
}
|
|
20690
|
-
}, [dialogProps]);
|
|
20691
|
-
var _useState5 = useState(false),
|
|
20692
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
20693
|
-
dismissEnabled = _useState6[0],
|
|
20694
|
-
setNoDismissEnabled = _useState6[1];
|
|
20695
|
-
useEffect(function () {
|
|
20696
|
-
setNoDismissEnabled(noDismiss);
|
|
20697
|
-
}, [noDismiss]);
|
|
20698
|
-
return /*#__PURE__*/jsxs(BaseModal, {
|
|
20699
|
-
open: open,
|
|
20700
|
-
toggle: toggle,
|
|
20701
|
-
hideCrossDismiss: hideCrossDismiss,
|
|
20702
|
-
noDismiss: dismissEnabled,
|
|
20703
|
-
className: classes(modules_ca1540aa.root, modules_ca1540aa[size], className),
|
|
20704
|
-
renderHeader: title && /*#__PURE__*/jsx(Header$1, _objectSpread2({}, headerProps)),
|
|
20705
|
-
renderFooter: /*#__PURE__*/jsx(Footer$1, _objectSpread2({}, footerProps({
|
|
20706
|
-
setNoDismissEnabled: setNoDismissEnabled
|
|
20707
|
-
}))),
|
|
20708
|
-
children: [Body && /*#__PURE__*/jsx(Body, {
|
|
20709
|
-
setNoDismissEnabled: setNoDismissEnabled
|
|
20710
|
-
}), /*#__PURE__*/jsx("div", {
|
|
20711
|
-
className: modules_ca1540aa.description,
|
|
20712
|
-
children: description
|
|
20713
|
-
})]
|
|
20714
|
-
});
|
|
20715
|
-
});
|
|
20716
|
-
DialogBox.propTypes = {
|
|
20717
|
-
className: propTypesExports.string,
|
|
20718
|
-
size: propTypesExports.oneOf(['sm', 'md'])
|
|
20719
|
-
};
|
|
20720
|
-
DialogBox.defaultProps = {
|
|
20721
|
-
className: '',
|
|
20722
|
-
size: 'md'
|
|
20723
|
-
};
|
|
20724
|
-
|
|
20725
|
-
var css$z = ".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}";
|
|
20726
|
-
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"};
|
|
20727
|
-
n(css$z,{});
|
|
20728
|
-
|
|
20729
|
-
var TextField$1 = /*#__PURE__*/forwardRef(function (props, inputRef) {
|
|
20730
|
-
var id = props.id,
|
|
20731
|
-
name = props.name,
|
|
20732
|
-
_props$label = props.label,
|
|
20733
|
-
label = _props$label === void 0 ? '' : _props$label,
|
|
20734
|
-
_props$placeholder = props.placeholder,
|
|
20735
|
-
placeholder = _props$placeholder === void 0 ? '' : _props$placeholder,
|
|
20736
|
-
_props$type = props.type,
|
|
20737
|
-
type = _props$type === void 0 ? 'text' : _props$type,
|
|
20738
|
-
value = props.value,
|
|
20739
|
-
required = props.required,
|
|
20740
|
-
_props$defaultValue = props.defaultValue,
|
|
20741
|
-
defaultValue = _props$defaultValue === void 0 ? '' : _props$defaultValue,
|
|
20742
|
-
_onFocus = props.onFocus,
|
|
20743
|
-
onBlur = props.onBlur,
|
|
20744
|
-
_props$onChange = props.onChange,
|
|
20745
|
-
onChange = _props$onChange === void 0 ? function () {} : _props$onChange,
|
|
20746
|
-
_props$size = props.size,
|
|
20747
|
-
size = _props$size === void 0 ? 'md' : _props$size,
|
|
20748
|
-
_props$border = props.border,
|
|
20749
|
-
border = _props$border === void 0 ? 'default' : _props$border,
|
|
20750
|
-
_props$theme = props.theme,
|
|
20751
|
-
theme = _props$theme === void 0 ? 'light' : _props$theme,
|
|
20752
|
-
LeftComponent = props.LeftComponent,
|
|
20753
|
-
RightComponent = props.RightComponent,
|
|
20754
|
-
className = props.className,
|
|
20755
|
-
disabled = props.disabled,
|
|
20756
|
-
_props$inputProps = props.inputProps,
|
|
20757
|
-
inputProps = _props$inputProps === void 0 ? {} : _props$inputProps,
|
|
20758
|
-
feedback = props.feedback,
|
|
20759
|
-
maxLength = props.maxLength,
|
|
20760
|
-
_props$onKeyDown = props.onKeyDown,
|
|
20761
|
-
onKeyDown = _props$onKeyDown === void 0 ? function () {} : _props$onKeyDown,
|
|
20762
|
-
autocomplete = props.autocomplete,
|
|
20763
|
-
_props$autocompleteOp = props.autocompleteOptions,
|
|
20764
|
-
autocompleteOptions = _props$autocompleteOp === void 0 ? {} : _props$autocompleteOp,
|
|
20765
|
-
custom = props.custom;
|
|
20766
|
-
var _useRef = useRef(value !== undefined),
|
|
20767
|
-
isControlled = _useRef.current;
|
|
20768
|
-
|
|
20769
|
-
// for uncontrolled input
|
|
20770
|
-
var _useState = useState(defaultValue),
|
|
20771
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
20772
|
-
uncontrolledValue = _useState2[0],
|
|
20773
|
-
setUncontrolledValue = _useState2[1];
|
|
20774
|
-
var _useState3 = useState(type !== null && type !== void 0 ? type : 'textarea'),
|
|
20775
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
20776
|
-
inputType = _useState4[0],
|
|
20777
|
-
setInputType = _useState4[1];
|
|
20778
|
-
var _useState5 = useState(null),
|
|
20779
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
20780
|
-
anchorEl = _useState6[0],
|
|
20781
|
-
setAnchorEl = _useState6[1];
|
|
20782
|
-
var checkAndOpenAutocomplete = function checkAndOpenAutocomplete(inputString) {
|
|
20783
|
-
if (autocomplete) {
|
|
20784
|
-
var _autocompleteOptions$, _autocompleteOptions$2, _autocompleteOptions$3;
|
|
20785
|
-
autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$ = autocompleteOptions.setOpen) === null || _autocompleteOptions$ === void 0 || _autocompleteOptions$.call(autocompleteOptions, (_autocompleteOptions$2 = autocompleteOptions === null || autocompleteOptions === void 0 || (_autocompleteOptions$3 = autocompleteOptions.predicate) === null || _autocompleteOptions$3 === void 0 ? void 0 : _autocompleteOptions$3.call(autocompleteOptions, inputString)) !== null && _autocompleteOptions$2 !== void 0 ? _autocompleteOptions$2 : (inputString === null || inputString === void 0 ? void 0 : inputString.length) > 0);
|
|
20786
|
-
}
|
|
20787
|
-
};
|
|
20788
|
-
var handleChange = function handleChange(event) {
|
|
20789
|
-
var _inputHelper = inputHelper(event),
|
|
20790
|
-
fieldValue = _inputHelper.fieldValue;
|
|
20791
|
-
checkAndOpenAutocomplete(fieldValue);
|
|
20792
|
-
if (isControlled) {
|
|
20793
|
-
onChange(event, fieldValue);
|
|
20794
|
-
} else {
|
|
20795
|
-
setUncontrolledValue(fieldValue);
|
|
20796
|
-
}
|
|
21114
|
+
var size = appliedSize || defaultSize;
|
|
21115
|
+
var toggle = function toggle() {
|
|
21116
|
+
onCancel === null || onCancel === void 0 || onCancel();
|
|
21117
|
+
setOpen(false);
|
|
20797
21118
|
};
|
|
20798
|
-
var
|
|
20799
|
-
|
|
20800
|
-
return /*#__PURE__*/jsx(Email, {
|
|
20801
|
-
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
20802
|
-
});
|
|
20803
|
-
}
|
|
20804
|
-
if (type === 'password' && inputType === 'password') {
|
|
20805
|
-
return /*#__PURE__*/jsx(Password, {
|
|
20806
|
-
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
20807
|
-
});
|
|
20808
|
-
}
|
|
20809
|
-
if (type === 'password' && inputType === 'text') {
|
|
20810
|
-
return /*#__PURE__*/jsx(UnlockPassword, {
|
|
20811
|
-
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
20812
|
-
});
|
|
20813
|
-
}
|
|
20814
|
-
return /*#__PURE__*/jsx(LeftComponent, {
|
|
20815
|
-
className: feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''
|
|
20816
|
-
});
|
|
21119
|
+
var headerProps = {
|
|
21120
|
+
title: title
|
|
20817
21121
|
};
|
|
20818
|
-
var
|
|
20819
|
-
|
|
20820
|
-
|
|
20821
|
-
|
|
20822
|
-
|
|
20823
|
-
|
|
20824
|
-
|
|
20825
|
-
|
|
20826
|
-
|
|
20827
|
-
|
|
20828
|
-
|
|
20829
|
-
|
|
20830
|
-
|
|
20831
|
-
|
|
20832
|
-
className: classes(modules_6d3d1b60.icon, feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60.error : ''),
|
|
20833
|
-
position: "left"
|
|
20834
|
-
});
|
|
20835
|
-
},
|
|
20836
|
-
onClick: function onClick() {
|
|
20837
|
-
if (inputType === 'password') {
|
|
20838
|
-
setInputType('text');
|
|
20839
|
-
return;
|
|
20840
|
-
}
|
|
20841
|
-
setInputType('password');
|
|
21122
|
+
var footerProps = function footerProps(_ref3) {
|
|
21123
|
+
var setNoDismissEnabled = _ref3.setNoDismissEnabled;
|
|
21124
|
+
return _objectSpread2(_objectSpread2(_objectSpread2({
|
|
21125
|
+
action: actionText,
|
|
21126
|
+
cancel: cancelText,
|
|
21127
|
+
hideCancel: hideCancel,
|
|
21128
|
+
variant: variant,
|
|
21129
|
+
setOpen: setOpen
|
|
21130
|
+
}, _customAction && {
|
|
21131
|
+
customAction: function customAction() {
|
|
21132
|
+
return _customAction({
|
|
21133
|
+
setNoDismissEnabled: setNoDismissEnabled,
|
|
21134
|
+
dismiss: function dismiss() {
|
|
21135
|
+
setOpen(false);
|
|
20842
21136
|
}
|
|
20843
|
-
})
|
|
20844
|
-
|
|
20845
|
-
|
|
20846
|
-
|
|
20847
|
-
|
|
20848
|
-
|
|
20849
|
-
|
|
20850
|
-
|
|
20851
|
-
|
|
20852
|
-
|
|
20853
|
-
|
|
20854
|
-
|
|
20855
|
-
|
|
20856
|
-
|
|
20857
|
-
|
|
20858
|
-
|
|
20859
|
-
|
|
20860
|
-
|
|
20861
|
-
|
|
20862
|
-
|
|
20863
|
-
|
|
20864
|
-
|
|
20865
|
-
|
|
20866
|
-
|
|
20867
|
-
|
|
20868
|
-
|
|
20869
|
-
})
|
|
21137
|
+
});
|
|
21138
|
+
}
|
|
21139
|
+
}), _onAction && {
|
|
21140
|
+
onAction: function onAction() {
|
|
21141
|
+
_onAction({
|
|
21142
|
+
dismiss: function dismiss() {
|
|
21143
|
+
setOpen(false);
|
|
21144
|
+
}
|
|
21145
|
+
});
|
|
21146
|
+
}
|
|
21147
|
+
}), !hideCancel && {
|
|
21148
|
+
onCancel: toggle
|
|
21149
|
+
});
|
|
21150
|
+
};
|
|
21151
|
+
var dialog = function dialog(appliedDialogProps) {
|
|
21152
|
+
setDialogProps(_objectSpread2(_objectSpread2({}, dialogProps), appliedDialogProps));
|
|
21153
|
+
};
|
|
21154
|
+
useImperativeHandle(ref, function () {
|
|
21155
|
+
return {
|
|
21156
|
+
dialog: dialog
|
|
21157
|
+
};
|
|
21158
|
+
});
|
|
21159
|
+
useEffect(function () {
|
|
21160
|
+
if (dialogProps.title && (dialogProps.description || dialogProps.body)) {
|
|
21161
|
+
setOpen(function (prev) {
|
|
21162
|
+
return !prev;
|
|
20870
21163
|
});
|
|
20871
21164
|
}
|
|
20872
|
-
|
|
20873
|
-
|
|
20874
|
-
|
|
20875
|
-
|
|
20876
|
-
|
|
20877
|
-
|
|
20878
|
-
|
|
20879
|
-
|
|
20880
|
-
|
|
20881
|
-
|
|
20882
|
-
|
|
20883
|
-
|
|
20884
|
-
|
|
20885
|
-
|
|
20886
|
-
},
|
|
20887
|
-
|
|
20888
|
-
|
|
20889
|
-
|
|
20890
|
-
|
|
20891
|
-
|
|
20892
|
-
|
|
20893
|
-
|
|
20894
|
-
|
|
20895
|
-
|
|
20896
|
-
var AutocompletePopover = autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.render;
|
|
20897
|
-
return /*#__PURE__*/jsx(ErrorBoundary, {
|
|
20898
|
-
FallbackComponent: function FallbackComponent(args) {
|
|
20899
|
-
return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
|
|
20900
|
-
className: modules_6d3d1b60['error-boundary'],
|
|
20901
|
-
custom: custom
|
|
20902
|
-
}));
|
|
20903
|
-
},
|
|
20904
|
-
children: /*#__PURE__*/jsxs("div", {
|
|
20905
|
-
className: classes(modules_6d3d1b60.root, className),
|
|
20906
|
-
children: [/*#__PURE__*/jsxs("label", {
|
|
20907
|
-
children: [label && /*#__PURE__*/jsx("span", {
|
|
20908
|
-
className: required ? modules_6d3d1b60.required : '',
|
|
20909
|
-
children: label
|
|
20910
|
-
}), /*#__PURE__*/jsx(BaseCell, {
|
|
20911
|
-
ref: setAnchorEl,
|
|
20912
|
-
className: classes(modules_6d3d1b60['input-wrapper'], modules_6d3d1b60["border-".concat(border)], modules_6d3d1b60["type-".concat(type)], feedback !== null && feedback !== void 0 && feedback.error ? modules_6d3d1b60['feedback-error'] : ''),
|
|
20913
|
-
component1: (LeftComponent || type === 'password' || type === 'email') && getLeftComponent(),
|
|
20914
|
-
component2: Input,
|
|
20915
|
-
component3: (RightComponent || type === 'password' || feedback) && getRightComponent()
|
|
20916
|
-
})]
|
|
20917
|
-
}), autocomplete && /*#__PURE__*/jsx(Popover, {
|
|
20918
|
-
anchorEl: anchorEl,
|
|
20919
|
-
open: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.open,
|
|
20920
|
-
setOpen: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.setOpen,
|
|
20921
|
-
theme: theme,
|
|
20922
|
-
placement: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.placement,
|
|
20923
|
-
middlewareOptions: autocompleteOptions === null || autocompleteOptions === void 0 ? void 0 : autocompleteOptions.middlewareOptions,
|
|
20924
|
-
children: AutocompletePopover && /*#__PURE__*/jsx(AutocompletePopover, {
|
|
20925
|
-
name: name,
|
|
20926
|
-
value: value
|
|
20927
|
-
})
|
|
20928
|
-
})]
|
|
20929
|
-
})
|
|
21165
|
+
}, [dialogProps]);
|
|
21166
|
+
var _useState5 = useState(false),
|
|
21167
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
21168
|
+
dismissEnabled = _useState6[0],
|
|
21169
|
+
setNoDismissEnabled = _useState6[1];
|
|
21170
|
+
useEffect(function () {
|
|
21171
|
+
setNoDismissEnabled(noDismiss);
|
|
21172
|
+
}, [noDismiss]);
|
|
21173
|
+
return /*#__PURE__*/jsxs(BaseModal, {
|
|
21174
|
+
open: open,
|
|
21175
|
+
toggle: toggle,
|
|
21176
|
+
hideCrossDismiss: hideCrossDismiss,
|
|
21177
|
+
noDismiss: dismissEnabled,
|
|
21178
|
+
className: classes(modules_ca1540aa.root, modules_ca1540aa[size], className),
|
|
21179
|
+
renderHeader: title && /*#__PURE__*/jsx(Header$1, _objectSpread2({}, headerProps)),
|
|
21180
|
+
renderFooter: /*#__PURE__*/jsx(Footer$1, _objectSpread2({}, footerProps({
|
|
21181
|
+
setNoDismissEnabled: setNoDismissEnabled
|
|
21182
|
+
}))),
|
|
21183
|
+
children: [Body && /*#__PURE__*/jsx(Body, {
|
|
21184
|
+
setNoDismissEnabled: setNoDismissEnabled
|
|
21185
|
+
}), /*#__PURE__*/jsx("div", {
|
|
21186
|
+
className: modules_ca1540aa.description,
|
|
21187
|
+
children: description
|
|
21188
|
+
})]
|
|
20930
21189
|
});
|
|
20931
21190
|
});
|
|
20932
|
-
|
|
20933
|
-
|
|
20934
|
-
|
|
20935
|
-
|
|
20936
|
-
|
|
20937
|
-
|
|
20938
|
-
|
|
20939
|
-
value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.number]),
|
|
20940
|
-
defaultValue: propTypesExports.string,
|
|
20941
|
-
onChange: propTypesExports.func,
|
|
20942
|
-
size: propTypesExports.oneOf(['sm', 'md', 'lg']),
|
|
20943
|
-
border: propTypesExports.oneOf(['default', 'bottom', 'none']),
|
|
20944
|
-
LeftComponent: propTypesExports.node,
|
|
20945
|
-
RightComponent: propTypesExports.node,
|
|
20946
|
-
// eslint-disable-next-line react/forbid-prop-types
|
|
20947
|
-
inputProps: propTypesExports.object,
|
|
20948
|
-
count: propTypesExports.shape({
|
|
20949
|
-
limit: propTypesExports.number
|
|
20950
|
-
}),
|
|
20951
|
-
feedback: propTypesExports.shape({
|
|
20952
|
-
text: propTypesExports.node,
|
|
20953
|
-
type: propTypesExports.oneOf(['error', 'success', 'default'])
|
|
20954
|
-
}),
|
|
20955
|
-
feedbackAndCount: propTypesExports.bool,
|
|
20956
|
-
maxLength: propTypesExports.number,
|
|
20957
|
-
onKeyDown: propTypesExports.func,
|
|
20958
|
-
autocomplete: propTypesExports.bool,
|
|
20959
|
-
autocompleteOptions: propTypesExports.shape({
|
|
20960
|
-
open: propTypesExports.bool,
|
|
20961
|
-
setOpen: propTypesExports.func,
|
|
20962
|
-
render: propTypesExports.func,
|
|
20963
|
-
predicate: propTypesExports.func,
|
|
20964
|
-
placement: propTypesExports.string,
|
|
20965
|
-
middlewareOptions: propTypesExports.shape({
|
|
20966
|
-
offset: propTypesExports.object,
|
|
20967
|
-
shift: propTypesExports.object,
|
|
20968
|
-
flip: propTypesExports.object
|
|
20969
|
-
})
|
|
20970
|
-
}),
|
|
20971
|
-
theme: propTypesExports.oneOf(['light', 'dark']),
|
|
20972
|
-
required: propTypesExports.bool
|
|
21191
|
+
DialogBox.propTypes = {
|
|
21192
|
+
className: propTypesExports.string,
|
|
21193
|
+
size: propTypesExports.oneOf(['sm', 'md'])
|
|
21194
|
+
};
|
|
21195
|
+
DialogBox.defaultProps = {
|
|
21196
|
+
className: '',
|
|
21197
|
+
size: 'md'
|
|
20973
21198
|
};
|
|
20974
21199
|
|
|
20975
21200
|
var css$y = ".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}";
|
|
@@ -26262,8 +26487,8 @@ WidgetFallback.defaultProps = {
|
|
|
26262
26487
|
theme: 'dark'
|
|
26263
26488
|
};
|
|
26264
26489
|
|
|
26265
|
-
var css$1 = ".BaseV2Widget_module_root__e6c7c86b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: hidden;\n border-radius: 2.5rem;\n height: 100%;\n width: 100%;\n position: relative;\n background: #fbfbfb;\n box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1.25rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b [data-elem=title] {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n color: #1a2028;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b {\n padding: 0rem 0.25rem;\n height: 2.8rem;\n width: auto;\n background: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b .BaseV2Widget_module_titlePrimary__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-size: 0.875rem;\n text-align: center;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b [data-elem=title-desc] {\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n text-align: left;\n color: var(--text-color);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_back__e6c7c86b {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b .BaseV2Widget_module_back__e6c7c86b [data-elem=component1] .BaseV2Widget_module_icon__e6c7c86b {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b.BaseV2Widget_module_noOptions__e6c7c86b {\n flex: 1;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b.BaseV2Widget_module_noTitleOptions__e6c7c86b .BaseV2Widget_module_titleContainer__e6c7c86b {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.4rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b button.BaseV2Widget_module_title__e6c7c86b {\n height: auto;\n background: transparent;\n cursor: pointer;\n border-radius: 0.25rem;\n padding: 0 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerTitle__e6c7c86b button.BaseV2Widget_module_title__e6c7c86b .BaseV2Widget_module_icon__e6c7c86b {\n width: 1rem;\n height: 1rem;\n fill: var(--menu-black);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b.BaseV2Widget_module_toggle__e6c7c86b {\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b {\n border-radius: 0.25rem;\n background-color: transparent !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n height: auto;\n width: -moz-fit-content;\n width: fit-content;\n cursor: pointer;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] {\n box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] {\n padding: 0.4375rem 0.5rem !important;\n width: -moz-fit-content;\n width: fit-content;\n border: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] > svg {\n width: 1.5rem;\n aspect-ratio: 1;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_dropdownHeader__e6c7c86b > [data-elem=header] [data-elem=select] > [data-elem=value] {\n max-width: 12.5rem;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_expandButton__e6c7c86b {\n padding: 0 0.25rem;\n height: 1.75rem;\n color: var(--dark-grey);\n border-color: var(--grey6);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.3125rem;\n text-align: left;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_expandButton__e6c7c86b .BaseV2Widget_module_expandIcon__e6c7c86b {\n height: 0.8331rem;\n width: 0.8331rem;\n fill: var(--dark-grey);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] {\n border-radius: 0.25rem;\n border: none !important;\n height: 2.4rem;\n background-color: transparent !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n color: var(--text-color);\n font-size: 1rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b button.BaseV2Widget_module_filterButton__e6c7c86b[data-elem=base-cell] > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--secondary-color2);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_toggleBody__e6c7c86b {\n padding: 0rem 0.25rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b {\n min-width: 12rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] {\n height: 2.4rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] > div {\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] span[class*=placeholder] {\n font-size: 1rem;\n color: var(--text-color);\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_header__e6c7c86b .BaseV2Widget_module_headerOptions__e6c7c86b .BaseV2Widget_module_headerOptionsList__e6c7c86b .BaseV2Widget_module_datePicker__e6c7c86b [data-elem=header] span[class*=value] {\n font-size: 1rem;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_drawer__e6c7c86b {\n width: 40%;\n height: inherit;\n border-radius: 2.5rem;\n box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_overlay__e6c7c86b {\n background: rgba(0, 0, 0, 0.16);\n -webkit-backdrop-filter: blur(5px);\n backdrop-filter: blur(5px);\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n z-index: 3;\n}\n.BaseV2Widget_module_root__e6c7c86b .BaseV2Widget_module_children__e6c7c86b {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}";
|
|
26266
|
-
var modules_d563b0a9 = {"root":"
|
|
26490
|
+
var css$1 = ".BaseV2Widget_module_root__e03f52a0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: hidden;\n border-radius: 2.5rem;\n height: 100%;\n width: 100%;\n position: relative;\n background: #fbfbfb;\n box-shadow: 4px 4px 25px 2px rgba(226, 226, 226, 0.8);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: flex-start;\n padding: 1.713rem 1.713rem 0.25rem 1.713rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 1.25rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 [data-elem=title] {\n font-size: 16px;\n font-weight: 600;\n line-height: 24px;\n text-align: left;\n color: #1a2028;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 {\n padding: 0rem 0.25rem;\n height: 2.8rem;\n width: auto;\n background: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 .BaseV2Widget_module_titlePrimary__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 [data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-size: 0.875rem;\n text-align: center;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 [data-elem=title-desc] {\n font-size: 14px;\n font-weight: 400;\n line-height: 21px;\n text-align: left;\n color: var(--text-color);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_back__e03f52a0 {\n height: 1.5rem;\n width: 1.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 .BaseV2Widget_module_back__e03f52a0 [data-elem=component1] .BaseV2Widget_module_icon__e03f52a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0.BaseV2Widget_module_noOptions__e03f52a0 {\n flex: 1;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0.BaseV2Widget_module_noTitleOptions__e03f52a0 .BaseV2Widget_module_titleContainer__e03f52a0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 button.BaseV2Widget_module_title__e03f52a0 {\n height: auto;\n background: transparent;\n cursor: pointer;\n border-radius: 0.25rem;\n padding: 0 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerTitle__e03f52a0 button.BaseV2Widget_module_title__e03f52a0 .BaseV2Widget_module_icon__e03f52a0 {\n width: 1rem;\n height: 1rem;\n fill: var(--menu-black);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 {\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n align-items: flex-end;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0.BaseV2Widget_module_toggle__e03f52a0 {\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n height: 2.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 {\n border-radius: 0.25rem;\n background-color: transparent !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n height: auto;\n width: -moz-fit-content;\n width: fit-content;\n cursor: pointer;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] {\n box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] {\n padding: 0.4375rem 0.5rem !important;\n width: -moz-fit-content;\n width: fit-content;\n border: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] > svg {\n width: 1.5rem;\n aspect-ratio: 1;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_dropdownHeader__e03f52a0 > [data-elem=header] [data-elem=select] > [data-elem=value] {\n max-width: 12.5rem;\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_expandButton__e03f52a0 {\n padding: 0 0.25rem;\n height: 1.75rem;\n color: var(--dark-grey);\n border-color: var(--grey6);\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.3125rem;\n text-align: left;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_expandButton__e03f52a0 .BaseV2Widget_module_expandIcon__e03f52a0 {\n height: 0.8331rem;\n width: 0.8331rem;\n fill: var(--dark-grey);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] {\n border-radius: 0.25rem;\n border: none !important;\n height: 2.4rem;\n background-color: transparent !important;\n box-shadow: 0rem 0rem 0.125rem 0rem rgba(0, 0, 0, 0.25);\n width: -moz-fit-content;\n width: fit-content;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] > [data-elem=component2] > [data-elem=title] {\n color: var(--text-color);\n font-size: 1rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 button.BaseV2Widget_module_filterButton__e03f52a0[data-elem=base-cell] > [data-elem=component1] > svg {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--secondary-color2);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_toggleBody__e03f52a0 {\n padding: 0rem 0.25rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 {\n min-width: 12rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] {\n height: 2.4rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] > div {\n gap: 0.5rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] span[class*=placeholder] {\n font-size: 1rem;\n color: var(--text-color);\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_header__e03f52a0 .BaseV2Widget_module_headerOptions__e03f52a0 .BaseV2Widget_module_headerOptionsList__e03f52a0 .BaseV2Widget_module_datePicker__e03f52a0 [data-elem=header] span[class*=value] {\n font-size: 1rem;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_drawer__e03f52a0 {\n width: 40%;\n height: inherit;\n border-radius: 2.5rem;\n box-shadow: none !important;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_overlay__e03f52a0 {\n background: rgba(0, 0, 0, 0.16);\n -webkit-backdrop-filter: blur(5px);\n backdrop-filter: blur(5px);\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n z-index: 3;\n}\n.BaseV2Widget_module_root__e03f52a0 .BaseV2Widget_module_children__e03f52a0 {\n flex: 1 1;\n position: relative;\n padding: 0.5rem;\n}";
|
|
26491
|
+
var modules_d563b0a9 = {"root":"BaseV2Widget_module_root__e03f52a0","header":"BaseV2Widget_module_header__e03f52a0","header-title":"BaseV2Widget_module_headerTitle__e03f52a0","title-container":"BaseV2Widget_module_titleContainer__e03f52a0","title-primary":"BaseV2Widget_module_titlePrimary__e03f52a0","toggle-body":"BaseV2Widget_module_toggleBody__e03f52a0","back":"BaseV2Widget_module_back__e03f52a0","icon":"BaseV2Widget_module_icon__e03f52a0","no-options":"BaseV2Widget_module_noOptions__e03f52a0","no-title-options":"BaseV2Widget_module_noTitleOptions__e03f52a0","title":"BaseV2Widget_module_title__e03f52a0","header-options":"BaseV2Widget_module_headerOptions__e03f52a0","toggle":"BaseV2Widget_module_toggle__e03f52a0","header-options-list":"BaseV2Widget_module_headerOptionsList__e03f52a0","dropdown-header":"BaseV2Widget_module_dropdownHeader__e03f52a0","expand-button":"BaseV2Widget_module_expandButton__e03f52a0","expand-icon":"BaseV2Widget_module_expandIcon__e03f52a0","filter-button":"BaseV2Widget_module_filterButton__e03f52a0","date-picker":"BaseV2Widget_module_datePicker__e03f52a0","drawer":"BaseV2Widget_module_drawer__e03f52a0","overlay":"BaseV2Widget_module_overlay__e03f52a0","children":"BaseV2Widget_module_children__e03f52a0"};
|
|
26267
26492
|
n(css$1,{});
|
|
26268
26493
|
|
|
26269
26494
|
var generateOptions$1 = function generateOptions(_ref) {
|
|
@@ -26388,7 +26613,9 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
|
|
|
26388
26613
|
_props$body = props.body,
|
|
26389
26614
|
Body = _props$body === void 0 ? function () {} : _props$body,
|
|
26390
26615
|
_props$headerOptions = props.headerOptions,
|
|
26391
|
-
headerOptions = _props$headerOptions === void 0 ? null : _props$headerOptions
|
|
26616
|
+
headerOptions = _props$headerOptions === void 0 ? null : _props$headerOptions,
|
|
26617
|
+
_props$rightActions = props.rightActions,
|
|
26618
|
+
rightActions = _props$rightActions === void 0 ? null : _props$rightActions;
|
|
26392
26619
|
var emptyChartData = useMemo(function () {
|
|
26393
26620
|
return Children.toArray(children).every(function (child) {
|
|
26394
26621
|
var _child$props$seriesDa, _child$props;
|
|
@@ -26497,7 +26724,7 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
|
|
|
26497
26724
|
children: titleOptions
|
|
26498
26725
|
})]
|
|
26499
26726
|
}) : titleText]
|
|
26500
|
-
}), /*#__PURE__*/jsx("div", {
|
|
26727
|
+
}), (options === null || options === void 0 ? void 0 : options.length) > 0 && /*#__PURE__*/jsx("div", {
|
|
26501
26728
|
className: modules_d563b0a9['header-options'],
|
|
26502
26729
|
"data-elem": "header-options",
|
|
26503
26730
|
children: /*#__PURE__*/jsx("div", {
|
|
@@ -26510,6 +26737,16 @@ var BaseWidget$1 = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
|
|
|
26510
26737
|
});
|
|
26511
26738
|
}))
|
|
26512
26739
|
})
|
|
26740
|
+
}), rightActions && /*#__PURE__*/jsx("div", {
|
|
26741
|
+
className: modules_d563b0a9['header-options'],
|
|
26742
|
+
"data-elem": "header-options",
|
|
26743
|
+
children: /*#__PURE__*/jsx("div", {
|
|
26744
|
+
className: classes(modules_d563b0a9['header-options-list']),
|
|
26745
|
+
"data-elem": "header-options-list",
|
|
26746
|
+
children: rightActions && rightActions({
|
|
26747
|
+
toggleDrawer: toggleDrawer
|
|
26748
|
+
})
|
|
26749
|
+
})
|
|
26513
26750
|
})]
|
|
26514
26751
|
}), /*#__PURE__*/jsx(BaseSidePanel, {
|
|
26515
26752
|
toggle: toggleDrawer,
|