@banyan_cloud/roots 1.0.20 → 1.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/cjs/index.js +2600 -453
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +2599 -454
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +2598 -455
- package/package.json +1 -1
- package/styles/_utils.scss +6 -0
package/dist/cjs/index.js
CHANGED
|
@@ -1580,9 +1580,9 @@ var getCSSVariableValue = function getCSSVariableValue(variable) {
|
|
|
1580
1580
|
|
|
1581
1581
|
var e$1=[],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$1.indexOf(i);-1===u&&(u=e$1.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}}
|
|
1582
1582
|
|
|
1583
|
-
var css$
|
|
1584
|
-
var modules_3af9b74c = {"root":"
|
|
1585
|
-
n(css$
|
|
1583
|
+
var css$Q = ".BaseCell_module_root__81e07d2d {\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(--white);\n max-width: 100%;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d > [data-elem*=component] {\n display: inline-block;\n max-height: 100%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_sm__81e07d2d {\n width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_md__81e07d2d {\n width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_lg__81e07d2d {\n width: 21.875rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_auto__81e07d2d {\n width: auto;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusDefault__81e07d2d {\n border-radius: 0.25rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusRound__81e07d2d {\n border-radius: 50%;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_borderRadiusEllipse__81e07d2d {\n border-radius: 1.563rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d {\n flex-grow: 1;\n flex-shrink: 1;\n min-width: 3rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_sm__81e07d2d {\n min-width: 9.063rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_md__81e07d2d {\n min-width: 15.625rem;\n}\n.BaseCell_module_root__81e07d2d.BaseCell_module_flexible__81e07d2d.BaseCell_module_lg__81e07d2d {\n min-width: 21.875rem;\n}";
|
|
1584
|
+
var modules_3af9b74c = {"root":"BaseCell_module_root__81e07d2d","sm":"BaseCell_module_sm__81e07d2d","md":"BaseCell_module_md__81e07d2d","lg":"BaseCell_module_lg__81e07d2d","auto":"BaseCell_module_auto__81e07d2d","border-radius-default":"BaseCell_module_borderRadiusDefault__81e07d2d","border-radius-round":"BaseCell_module_borderRadiusRound__81e07d2d","border-radius-ellipse":"BaseCell_module_borderRadiusEllipse__81e07d2d","flexible":"BaseCell_module_flexible__81e07d2d"};
|
|
1585
|
+
n(css$Q,{});
|
|
1586
1586
|
|
|
1587
1587
|
var BaseCell = /*#__PURE__*/React.forwardRef(function BaseCell(props, ref) {
|
|
1588
1588
|
var className = props.className,
|
|
@@ -1988,9 +1988,9 @@ Server.defaultProps = {
|
|
|
1988
1988
|
className: ''
|
|
1989
1989
|
};
|
|
1990
1990
|
|
|
1991
|
-
var css$
|
|
1991
|
+
var css$P = ".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}";
|
|
1992
1992
|
var modules_e313d483 = {"right":"Arrow_module_right__19f08663","left":"Arrow_module_left__19f08663","bottom":"Arrow_module_bottom__19f08663","top":"Arrow_module_top__19f08663"};
|
|
1993
|
-
n(css$
|
|
1993
|
+
n(css$P,{});
|
|
1994
1994
|
|
|
1995
1995
|
var Arrow$1 = function Arrow(props) {
|
|
1996
1996
|
var className = props.className,
|
|
@@ -2010,9 +2010,9 @@ Arrow$1.defaultProps = {
|
|
|
2010
2010
|
position: 'right'
|
|
2011
2011
|
};
|
|
2012
2012
|
|
|
2013
|
-
var css$
|
|
2013
|
+
var css$O = ".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}";
|
|
2014
2014
|
var modules_bf5b0b74 = {"left":"Chevron_module_left__8b1808eb","bottom":"Chevron_module_bottom__8b1808eb","right":"Chevron_module_right__8b1808eb","top":"Chevron_module_top__8b1808eb"};
|
|
2015
|
-
n(css$
|
|
2015
|
+
n(css$O,{});
|
|
2016
2016
|
|
|
2017
2017
|
var Chevron = function Chevron(props) {
|
|
2018
2018
|
var className = props.className,
|
|
@@ -2307,9 +2307,9 @@ Reset.defaultProps = {
|
|
|
2307
2307
|
className: ''
|
|
2308
2308
|
};
|
|
2309
2309
|
|
|
2310
|
-
var css$
|
|
2310
|
+
var css$N = ".Accordion_module_root__43fdf130 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n width: 100%;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[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__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] > [data-elem=component1] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] > [data-elem=component1] .Accordion_module_icon__43fdf130 {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] .Accordion_module_title__43fdf130 {\n flex: 1 1 auto;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover {\n background: var(--background);\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover .Accordion_module_icon__43fdf130,\n.Accordion_module_root__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell]:hover .Accordion_module_title__43fdf130 {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.Accordion_module_root__43fdf130 > .Accordion_module_body__43fdf130 {\n display: none;\n padding: 0.5rem 2.5rem;\n}\n.Accordion_module_root__43fdf130.Accordion_module_open__43fdf130 > .Accordion_module_header__43fdf130[data-elem=base-cell] [data-elem=component1] .Accordion_module_icon__43fdf130 {\n transform: none;\n}\n.Accordion_module_root__43fdf130.Accordion_module_open__43fdf130 > .Accordion_module_body__43fdf130 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
2311
2311
|
var modules_8207625f = {"root":"Accordion_module_root__43fdf130","header":"Accordion_module_header__43fdf130","icon":"Accordion_module_icon__43fdf130","title":"Accordion_module_title__43fdf130","body":"Accordion_module_body__43fdf130","open":"Accordion_module_open__43fdf130"};
|
|
2312
|
-
n(css$
|
|
2312
|
+
n(css$N,{});
|
|
2313
2313
|
|
|
2314
2314
|
var Accordion = function Accordion(props) {
|
|
2315
2315
|
var defaultOpen = props.defaultOpen,
|
|
@@ -2376,13 +2376,13 @@ Accordion.defaultProps = {
|
|
|
2376
2376
|
className: ''
|
|
2377
2377
|
};
|
|
2378
2378
|
|
|
2379
|
-
var css$
|
|
2379
|
+
var css$M = ".Alert_module_root__b5fc9a1d {\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: 500px;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionBottomCenter__b5fc9a1d {\n left: 50%;\n bottom: 1rem;\n transform: translate(-50%, 0);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_positionTopRight__b5fc9a1d {\n right: 1rem;\n top: 1rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding: 0.313rem 0.938rem 0rem 0rem;\n height: auto;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_icons__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d {\n padding: 0.188rem 0.938rem 0rem 0rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_title__b5fc9a1d {\n font-size: 0.875rem;\n font-weight: 600;\n padding-right: 2px;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_left__b5fc9a1d .Alert_module_content__b5fc9a1d .Alert_module_description__b5fc9a1d {\n word-wrap: break-word;\n height: auto;\n font-size: 0.875rem;\n font-weight: 400;\n margin-bottom: 0.5rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d {\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__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_button__b5fc9a1d {\n padding: 0.313rem 1rem;\n font-weight: 400;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d {\n padding-top: 0.313rem;\n}\n.Alert_module_root__b5fc9a1d .Alert_module_actions__b5fc9a1d .Alert_module_close__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n width: 1.25rem;\n height: 1.25rem;\n fill: var(--black);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderDefault__b5fc9a1d {\n border-width: 0.063rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderThickLeft__b5fc9a1d {\n border-width: 0.063rem 0.063rem 0.063rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_borderNone__b5fc9a1d {\n border-width: 0rem 0rem 0rem 0.25rem;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d {\n border-style: solid;\n border-color: var(--info);\n background-color: #edf5ff;\n}\n.Alert_module_root__b5fc9a1d.Alert_module_info__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--info);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d {\n border-style: solid;\n border-color: var(--success);\n background-color: var(--success-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_success__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--success);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d {\n border-style: solid;\n border-color: var(--error);\n background-color: var(--error-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_danger__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--error);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d {\n border-style: solid;\n border-color: var(--warning);\n background-color: var(--warning-bg);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_warning__b5fc9a1d .Alert_module_icon__b5fc9a1d {\n fill: var(--warning);\n}\n.Alert_module_root__b5fc9a1d.Alert_module_shadow__b5fc9a1d {\n box-shadow: 0.125rem 0.5rem 1rem rgba(60, 60, 60, 0.12);\n}";
|
|
2380
2380
|
var modules_3a764ea3 = {"root":"Alert_module_root__b5fc9a1d","position-bottom-center":"Alert_module_positionBottomCenter__b5fc9a1d","position-top-right":"Alert_module_positionTopRight__b5fc9a1d","left":"Alert_module_left__b5fc9a1d","icons":"Alert_module_icons__b5fc9a1d","icon":"Alert_module_icon__b5fc9a1d","content":"Alert_module_content__b5fc9a1d","title":"Alert_module_title__b5fc9a1d","description":"Alert_module_description__b5fc9a1d","actions":"Alert_module_actions__b5fc9a1d","button":"Alert_module_button__b5fc9a1d","close":"Alert_module_close__b5fc9a1d","border-default":"Alert_module_borderDefault__b5fc9a1d","border-thick-left":"Alert_module_borderThickLeft__b5fc9a1d","border-none":"Alert_module_borderNone__b5fc9a1d","info":"Alert_module_info__b5fc9a1d","success":"Alert_module_success__b5fc9a1d","danger":"Alert_module_danger__b5fc9a1d","warning":"Alert_module_warning__b5fc9a1d","shadow":"Alert_module_shadow__b5fc9a1d"};
|
|
2381
|
-
n(css$
|
|
2381
|
+
n(css$M,{});
|
|
2382
2382
|
|
|
2383
|
-
var css$
|
|
2384
|
-
var modules_ab72627b = {"
|
|
2385
|
-
n(css$
|
|
2383
|
+
var css$L = "button.BaseButton_module_root__39a3f3ec[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 -ms-user-select: none;\n user-select: none;\n border: none;\n background: none;\n padding: 0.5rem 0.75rem;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:focus {\n outline: 1px solid var(--highlight);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:active {\n outline: none;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell]:disabled {\n cursor: not-allowed;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_contained__39a3f3ec {\n background: var(--black);\n color: var(--white);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_outlined__39a3f3ec {\n color: var(--black);\n border: 1px solid var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell].BaseButton_module_text__39a3f3ec {\n color: var(--black);\n}\nbutton.BaseButton_module_root__39a3f3ec[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__39a3f3ec[data-elem=base-cell] [data-elem=component2] {\n min-width: 0;\n}\nbutton.BaseButton_module_root__39a3f3ec[data-elem=base-cell] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}";
|
|
2384
|
+
var modules_ab72627b = {"root":"BaseButton_module_root__39a3f3ec","contained":"BaseButton_module_contained__39a3f3ec","outlined":"BaseButton_module_outlined__39a3f3ec","text":"BaseButton_module_text__39a3f3ec"};
|
|
2385
|
+
n(css$L,{});
|
|
2386
2386
|
|
|
2387
2387
|
var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
2388
2388
|
var className = props.className,
|
|
@@ -2394,7 +2394,8 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
|
2394
2394
|
radius = props.radius,
|
|
2395
2395
|
disabled = props.disabled,
|
|
2396
2396
|
type = props.type,
|
|
2397
|
-
|
|
2397
|
+
_onClick = props.onClick,
|
|
2398
|
+
blurOnClick = props.blurOnClick,
|
|
2398
2399
|
variant = props.variant;
|
|
2399
2400
|
var Title = title && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
2400
2401
|
"data-elem": "title",
|
|
@@ -2412,7 +2413,13 @@ var BaseButton = /*#__PURE__*/React.forwardRef(function BaseButton(props, ref) {
|
|
|
2412
2413
|
attrs: {
|
|
2413
2414
|
disabled: disabled,
|
|
2414
2415
|
type: type,
|
|
2415
|
-
onClick: onClick
|
|
2416
|
+
onClick: function onClick(event) {
|
|
2417
|
+
if (blurOnClick) {
|
|
2418
|
+
var _event$currentTarget;
|
|
2419
|
+
event === null || event === void 0 ? void 0 : (_event$currentTarget = event.currentTarget) === null || _event$currentTarget === void 0 ? void 0 : _event$currentTarget.blur();
|
|
2420
|
+
}
|
|
2421
|
+
_onClick(event);
|
|
2422
|
+
}
|
|
2416
2423
|
},
|
|
2417
2424
|
RootDOM: "button"
|
|
2418
2425
|
});
|
|
@@ -2422,6 +2429,7 @@ BaseButton.propTypes = _objectSpread2(_objectSpread2({}, BaseCell.propTypes), {}
|
|
|
2422
2429
|
disabled: propTypes$1.exports.bool,
|
|
2423
2430
|
type: propTypes$1.exports.oneOf(['button', 'submit', 'reset']),
|
|
2424
2431
|
onClick: propTypes$1.exports.func,
|
|
2432
|
+
blurOnClick: propTypes$1.exports.bool,
|
|
2425
2433
|
variant: propTypes$1.exports.oneOf(['contained', 'outlined', 'text'])
|
|
2426
2434
|
});
|
|
2427
2435
|
BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps), {}, {
|
|
@@ -2429,12 +2437,13 @@ BaseButton.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProp
|
|
|
2429
2437
|
disabled: false,
|
|
2430
2438
|
type: 'submit',
|
|
2431
2439
|
onClick: function onClick() {},
|
|
2440
|
+
blurOnClick: true,
|
|
2432
2441
|
variant: 'contained'
|
|
2433
2442
|
});
|
|
2434
2443
|
|
|
2435
|
-
var css$
|
|
2444
|
+
var css$K = ".Button_module_root__fe35a4dc[data-elem=base-cell] {\n cursor: pointer;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_primary__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--highlight);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--success);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_success__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--success);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--error);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_danger__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--error);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_contained__fe35a4dc {\n background-color: var(--warning);\n color: var(--white);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell].Button_module_warning__fe35a4dc.Button_module_text__fe35a4dc {\n color: var(--warning);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_contained__fe35a4dc {\n background-color: var(--grey4);\n color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc {\n background-color: transparent;\n border-color: var(--grey);\n}\n.Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_outlined__fe35a4dc, .Button_module_root__fe35a4dc[data-elem=base-cell]:disabled.Button_module_text__fe35a4dc {\n color: var(--grey);\n}";
|
|
2436
2445
|
var modules_b0070f27 = {"root":"Button_module_root__fe35a4dc","primary":"Button_module_primary__fe35a4dc","contained":"Button_module_contained__fe35a4dc","outlined":"Button_module_outlined__fe35a4dc","text":"Button_module_text__fe35a4dc","success":"Button_module_success__fe35a4dc","danger":"Button_module_danger__fe35a4dc","warning":"Button_module_warning__fe35a4dc"};
|
|
2437
|
-
n(css$
|
|
2446
|
+
n(css$K,{});
|
|
2438
2447
|
|
|
2439
2448
|
var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
2440
2449
|
var className = props.className,
|
|
@@ -2447,6 +2456,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
|
2447
2456
|
radius = props.radius,
|
|
2448
2457
|
disabled = props.disabled,
|
|
2449
2458
|
onClick = props.onClick,
|
|
2459
|
+
blurOnClick = props.blurOnClick,
|
|
2450
2460
|
variant = props.variant,
|
|
2451
2461
|
color = props.color;
|
|
2452
2462
|
return /*#__PURE__*/jsxRuntime.jsx(BaseButton, {
|
|
@@ -2460,6 +2470,7 @@ var Button = /*#__PURE__*/React.forwardRef(function Button(props, ref) {
|
|
|
2460
2470
|
radius: radius,
|
|
2461
2471
|
disabled: disabled,
|
|
2462
2472
|
onClick: onClick,
|
|
2473
|
+
blurOnClick: blurOnClick,
|
|
2463
2474
|
variant: variant,
|
|
2464
2475
|
className: classes(modules_b0070f27.root, modules_b0070f27["radius-".concat(radius)], modules_b0070f27[variant], modules_b0070f27[color], className)
|
|
2465
2476
|
});
|
|
@@ -2476,9 +2487,9 @@ Button.defaultProps = _objectSpread2(_objectSpread2({}, BaseButton.defaultProps)
|
|
|
2476
2487
|
radius: 'default'
|
|
2477
2488
|
});
|
|
2478
2489
|
|
|
2479
|
-
var css$
|
|
2490
|
+
var css$J = ".Chip_module_root__0aa07630[data-elem=base-cell] {\n position: relative;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell] [data-elem=component2] [data-elem=title] {\n font-weight: 500;\n font-size: 0.875rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_sm__0aa07630 {\n height: 2rem;\n padding: 0.188rem 0.5rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_md__0aa07630 {\n height: 2.25rem;\n padding: 0.563rem 1rem;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey5);\n color: var(--grey);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_status__0aa07630:hover {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630 {\n border-width: 1px;\n border-style: solid;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630 {\n background-color: var(--success-bg);\n color: var(--success);\n border-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_success__0aa07630:hover {\n background-color: var(--success-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630 {\n background-color: var(--info-bg);\n color: var(--info);\n border-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_info__0aa07630:hover {\n background-color: var(--info-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630 {\n background-color: var(--error-bg);\n color: var(--error);\n border-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_danger__0aa07630:hover {\n background-color: var(--error-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630 {\n background-color: var(--warning-bg);\n color: var(--warning);\n border-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_warning__0aa07630:hover {\n background-color: var(--warning-outline);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630 {\n background-color: var(--grey8);\n color: var(--grey);\n border-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell].Chip_module_input__0aa07630.Chip_module_default__0aa07630:hover {\n background-color: var(--grey6);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 {\n filter: grayscale(1);\n border-color: var(--grey4);\n background-color: var(--grey5);\n color: var(--grey2);\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630 [data-elem=component3], .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component1],\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630 [data-elem=component3] {\n opacity: 0.5;\n}\n.Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_status__0aa07630:hover, .Chip_module_root__0aa07630[data-elem=base-cell]:disabled.Chip_module_input__0aa07630:hover {\n box-shadow: none;\n background-color: var(--grey5);\n}";
|
|
2480
2491
|
var modules_31aa5fd7 = {"root":"Chip_module_root__0aa07630","sm":"Chip_module_sm__0aa07630","md":"Chip_module_md__0aa07630","status":"Chip_module_status__0aa07630","success":"Chip_module_success__0aa07630","info":"Chip_module_info__0aa07630","danger":"Chip_module_danger__0aa07630","warning":"Chip_module_warning__0aa07630","default":"Chip_module_default__0aa07630","input":"Chip_module_input__0aa07630"};
|
|
2481
|
-
n(css$
|
|
2492
|
+
n(css$J,{});
|
|
2482
2493
|
|
|
2483
2494
|
var Chip = function Chip(props) {
|
|
2484
2495
|
var className = props.className,
|
|
@@ -5818,128 +5829,9 @@ const useListNavigation = function (_ref, _temp2) {
|
|
|
5818
5829
|
};
|
|
5819
5830
|
};
|
|
5820
5831
|
|
|
5821
|
-
|
|
5822
|
-
* Provides a matching callback that can be used to focus an item as the user
|
|
5823
|
-
* types, often used in tandem with `useListNavigation()`.
|
|
5824
|
-
* @see https://floating-ui.com/docs/useTypeahead
|
|
5825
|
-
*/
|
|
5826
|
-
const useTypeahead = function (_ref, _temp) {
|
|
5827
|
-
var _ref2;
|
|
5828
|
-
|
|
5829
|
-
let {
|
|
5830
|
-
open,
|
|
5831
|
-
dataRef
|
|
5832
|
-
} = _ref;
|
|
5833
|
-
let {
|
|
5834
|
-
listRef,
|
|
5835
|
-
activeIndex,
|
|
5836
|
-
onMatch = () => {},
|
|
5837
|
-
enabled = true,
|
|
5838
|
-
findMatch = null,
|
|
5839
|
-
resetMs = 1000,
|
|
5840
|
-
ignoreKeys = [],
|
|
5841
|
-
selectedIndex = null
|
|
5842
|
-
} = _temp === void 0 ? {
|
|
5843
|
-
listRef: {
|
|
5844
|
-
current: []
|
|
5845
|
-
},
|
|
5846
|
-
activeIndex: null
|
|
5847
|
-
} : _temp;
|
|
5848
|
-
const timeoutIdRef = React__namespace.useRef();
|
|
5849
|
-
const stringRef = React__namespace.useRef('');
|
|
5850
|
-
const prevIndexRef = React__namespace.useRef((_ref2 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref2 : -1);
|
|
5851
|
-
const matchIndexRef = React__namespace.useRef(null);
|
|
5852
|
-
index(() => {
|
|
5853
|
-
if (open) {
|
|
5854
|
-
clearTimeout(timeoutIdRef.current);
|
|
5855
|
-
matchIndexRef.current = null;
|
|
5856
|
-
stringRef.current = '';
|
|
5857
|
-
}
|
|
5858
|
-
}, [open]);
|
|
5859
|
-
index(() => {
|
|
5860
|
-
// Sync arrow key navigation but not typeahead navigation
|
|
5861
|
-
if (open && stringRef.current === '') {
|
|
5862
|
-
var _ref3;
|
|
5863
|
-
|
|
5864
|
-
prevIndexRef.current = (_ref3 = selectedIndex != null ? selectedIndex : activeIndex) != null ? _ref3 : -1;
|
|
5865
|
-
}
|
|
5866
|
-
}, [open, selectedIndex, activeIndex]);
|
|
5867
|
-
|
|
5868
|
-
function onKeyDown(event) {
|
|
5869
|
-
// Correctly scope nested non-portalled floating elements. Since the nested
|
|
5870
|
-
// floating element is inside of the another, we find the closest role
|
|
5871
|
-
// that indicates the floating element scope.
|
|
5872
|
-
const target = getTarget(event.nativeEvent);
|
|
5873
|
-
|
|
5874
|
-
if (isElement(target) && (activeElement(getDocument(target)) !== event.currentTarget ? target.closest('[role="dialog"],[role="menu"],[role="listbox"],[role="tree"],[role="grid"]') !== event.currentTarget : false)) {
|
|
5875
|
-
return;
|
|
5876
|
-
}
|
|
5877
|
-
|
|
5878
|
-
if (stringRef.current.length > 0 && stringRef.current[0] !== ' ') {
|
|
5879
|
-
dataRef.current.typing = true;
|
|
5880
|
-
|
|
5881
|
-
if (event.key === ' ') {
|
|
5882
|
-
stopEvent$1(event);
|
|
5883
|
-
}
|
|
5884
|
-
}
|
|
5885
|
-
|
|
5886
|
-
const listContent = listRef.current;
|
|
5887
|
-
|
|
5888
|
-
if (listContent == null || ignoreKeys.includes(event.key) || // Character key
|
|
5889
|
-
event.key.length !== 1 || // Modifier key
|
|
5890
|
-
event.ctrlKey || event.metaKey || event.altKey) {
|
|
5891
|
-
return;
|
|
5892
|
-
} // Bail out if the list contains a word like "llama" or "aaron". TODO:
|
|
5893
|
-
// allow it in this case, too.
|
|
5894
|
-
|
|
5895
|
-
|
|
5896
|
-
const allowRapidSuccessionOfFirstLetter = listContent.every(text => {
|
|
5897
|
-
var _text$, _text$2;
|
|
5898
|
-
|
|
5899
|
-
return text ? ((_text$ = text[0]) == null ? void 0 : _text$.toLocaleLowerCase()) !== ((_text$2 = text[1]) == null ? void 0 : _text$2.toLocaleLowerCase()) : true;
|
|
5900
|
-
}); // Allows the user to cycle through items that start with the same letter
|
|
5901
|
-
// in rapid succession
|
|
5902
|
-
|
|
5903
|
-
if (allowRapidSuccessionOfFirstLetter && stringRef.current === event.key) {
|
|
5904
|
-
stringRef.current = '';
|
|
5905
|
-
prevIndexRef.current = matchIndexRef.current;
|
|
5906
|
-
}
|
|
5907
|
-
|
|
5908
|
-
stringRef.current += event.key;
|
|
5909
|
-
clearTimeout(timeoutIdRef.current);
|
|
5910
|
-
timeoutIdRef.current = setTimeout(() => {
|
|
5911
|
-
stringRef.current = '';
|
|
5912
|
-
prevIndexRef.current = matchIndexRef.current;
|
|
5913
|
-
dataRef.current.typing = false;
|
|
5914
|
-
}, resetMs);
|
|
5915
|
-
const prevIndex = prevIndexRef.current;
|
|
5916
|
-
const orderedList = [...listContent.slice((prevIndex != null ? prevIndex : 0) + 1), ...listContent.slice(0, (prevIndex != null ? prevIndex : 0) + 1)];
|
|
5917
|
-
const str = findMatch ? findMatch(orderedList, stringRef.current) : orderedList.find(text => (text == null ? void 0 : text.toLocaleLowerCase().indexOf(stringRef.current.toLocaleLowerCase())) === 0);
|
|
5918
|
-
const index = str ? listContent.indexOf(str) : -1;
|
|
5919
|
-
|
|
5920
|
-
if (index !== -1) {
|
|
5921
|
-
onMatch(index);
|
|
5922
|
-
matchIndexRef.current = index;
|
|
5923
|
-
}
|
|
5924
|
-
}
|
|
5925
|
-
|
|
5926
|
-
if (!enabled) {
|
|
5927
|
-
return {};
|
|
5928
|
-
}
|
|
5929
|
-
|
|
5930
|
-
return {
|
|
5931
|
-
reference: {
|
|
5932
|
-
onKeyDown
|
|
5933
|
-
},
|
|
5934
|
-
floating: {
|
|
5935
|
-
onKeyDown
|
|
5936
|
-
}
|
|
5937
|
-
};
|
|
5938
|
-
};
|
|
5939
|
-
|
|
5940
|
-
var css$G = ".Popper_module_backdrop__c7f1e48a {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_transparent__c7f1e48a {\n background: none;\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_hideBackdrop__c7f1e48a {\n position: static;\n}";
|
|
5832
|
+
var css$I = ".Popper_module_backdrop__c7f1e48a {\n position: fixed;\n z-index: 100;\n inset: 0;\n background: rgba(0, 0, 0, 0.4);\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_transparent__c7f1e48a {\n background: none;\n}\n.Popper_module_backdrop__c7f1e48a.Popper_module_hideBackdrop__c7f1e48a {\n position: static;\n}";
|
|
5941
5833
|
var modules_fe46b225 = {"backdrop":"Popper_module_backdrop__c7f1e48a","transparent":"Popper_module_transparent__c7f1e48a","hide-backdrop":"Popper_module_hideBackdrop__c7f1e48a"};
|
|
5942
|
-
n(css$
|
|
5834
|
+
n(css$I,{});
|
|
5943
5835
|
|
|
5944
5836
|
var Popper = function Popper(props) {
|
|
5945
5837
|
var open = props.open,
|
|
@@ -5948,8 +5840,18 @@ var Popper = function Popper(props) {
|
|
|
5948
5840
|
backdrop = props.backdrop,
|
|
5949
5841
|
className = props.className,
|
|
5950
5842
|
transparent = props.transparent;
|
|
5843
|
+
var id = useId();
|
|
5844
|
+
var portalId = "".concat(wrapperId).concat(id);
|
|
5845
|
+
React.useEffect(function () {
|
|
5846
|
+
return function () {
|
|
5847
|
+
var portalDOM = document.getElementById(portalId);
|
|
5848
|
+
if (portalDOM) {
|
|
5849
|
+
document.body.removeChild(portalDOM);
|
|
5850
|
+
}
|
|
5851
|
+
};
|
|
5852
|
+
}, []);
|
|
5951
5853
|
return /*#__PURE__*/jsxRuntime.jsx(FloatingPortal, {
|
|
5952
|
-
id:
|
|
5854
|
+
id: portalId,
|
|
5953
5855
|
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingOverlay, {
|
|
5954
5856
|
lockScroll: true,
|
|
5955
5857
|
className: classes(className, modules_fe46b225.backdrop, transparent ? modules_fe46b225.transparent : '', backdrop ? '' : modules_fe46b225['hide-backdrop']),
|
|
@@ -11791,9 +11693,9 @@ process.env.NODE_ENV !== "production" ? Link.propTypes
|
|
|
11791
11693
|
} : void 0;
|
|
11792
11694
|
var Link$1 = Link;
|
|
11793
11695
|
|
|
11794
|
-
var css$
|
|
11696
|
+
var css$H = ".Breadcrumbs_module_container__7d7f9279 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n width: auto;\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_seperator__7d7f9279 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: var(--grey2);\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_breadcrumbItem__7d7f9279 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--grey2);\n}\n.Breadcrumbs_module_container__7d7f9279 .Breadcrumbs_module_breadcrumbItem__7d7f9279.Breadcrumbs_module_active__7d7f9279 {\n color: var(--black);\n}";
|
|
11795
11697
|
var modules_651f50a9 = {"container":"Breadcrumbs_module_container__7d7f9279","seperator":"Breadcrumbs_module_seperator__7d7f9279","breadcrumb-item":"Breadcrumbs_module_breadcrumbItem__7d7f9279","active":"Breadcrumbs_module_active__7d7f9279"};
|
|
11796
|
-
n(css$
|
|
11698
|
+
n(css$H,{});
|
|
11797
11699
|
|
|
11798
11700
|
var BreadCrumbs = function BreadCrumbs(props) {
|
|
11799
11701
|
var crumbs = props.crumbs,
|
|
@@ -14034,7 +13936,7 @@ var languageLoaders = {
|
|
|
14034
13936
|
return Promise.resolve().then(function () { return cssExtras; });
|
|
14035
13937
|
}),
|
|
14036
13938
|
css: createLanguageAsyncLoader("css", function () {
|
|
14037
|
-
return Promise.resolve().then(function () { return css$
|
|
13939
|
+
return Promise.resolve().then(function () { return css$G; });
|
|
14038
13940
|
}),
|
|
14039
13941
|
d: createLanguageAsyncLoader("d", function () {
|
|
14040
13942
|
return Promise.resolve().then(function () { return d; });
|
|
@@ -21317,10 +21219,10 @@ var markup$2 = /*#__PURE__*/_mergeNamespaces({
|
|
|
21317
21219
|
default: markup_1
|
|
21318
21220
|
}, [markup_1]);
|
|
21319
21221
|
|
|
21320
|
-
var css_1 = css$
|
|
21321
|
-
css$
|
|
21322
|
-
css$
|
|
21323
|
-
function css$
|
|
21222
|
+
var css_1 = css$F;
|
|
21223
|
+
css$F.displayName = 'css';
|
|
21224
|
+
css$F.aliases = [];
|
|
21225
|
+
function css$F(Prism) {
|
|
21324
21226
|
(function(Prism) {
|
|
21325
21227
|
var string = /("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;
|
|
21326
21228
|
Prism.languages.css = {
|
|
@@ -21380,7 +21282,7 @@ function css$D(Prism) {
|
|
|
21380
21282
|
})(Prism);
|
|
21381
21283
|
}
|
|
21382
21284
|
|
|
21383
|
-
var css$
|
|
21285
|
+
var css$G = /*#__PURE__*/_mergeNamespaces({
|
|
21384
21286
|
__proto__: null,
|
|
21385
21287
|
default: css_1
|
|
21386
21288
|
}, [css_1]);
|
|
@@ -21546,7 +21448,7 @@ var h = hastscript.exports;
|
|
|
21546
21448
|
var decode$1 = parseEntities_1;
|
|
21547
21449
|
var Prism = prismCore.exports;
|
|
21548
21450
|
var markup = markup_1;
|
|
21549
|
-
var css$
|
|
21451
|
+
var css$E = css_1;
|
|
21550
21452
|
var clike = clike_1;
|
|
21551
21453
|
var js = javascript_1;
|
|
21552
21454
|
|
|
@@ -21574,7 +21476,7 @@ refract.listLanguages = listLanguages;
|
|
|
21574
21476
|
|
|
21575
21477
|
// Register bundled grammars.
|
|
21576
21478
|
register$1(markup);
|
|
21577
|
-
register$1(css$
|
|
21479
|
+
register$1(css$E);
|
|
21578
21480
|
register$1(clike);
|
|
21579
21481
|
register$1(js);
|
|
21580
21482
|
|
|
@@ -32616,9 +32518,9 @@ var dracula = {
|
|
|
32616
32518
|
numberColor: "#bd93f9"
|
|
32617
32519
|
};
|
|
32618
32520
|
|
|
32619
|
-
var css$
|
|
32521
|
+
var css$D = ".CodeSnippet_module_root__cea57b34 {\n padding: 0.5rem, 1rem;\n position: relative;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 {\n position: absolute;\n right: 1rem;\n top: 0.5rem;\n cursor: pointer;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34.CodeSnippet_module_dark__cea57b34 {\n fill: var(--white);\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_icon__cea57b34.CodeSnippet_module_light__cea57b34 {\n fill: var(--black);\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_notCopied__cea57b34 {\n display: none;\n}\n.CodeSnippet_module_root__cea57b34 .CodeSnippet_module_copy__cea57b34 .CodeSnippet_module_copied__cea57b34 {\n position: absolute;\n right: 1.375rem;\n top: 2.188rem;\n padding: 0.5rem;\n border-radius: 0.25rem;\n background-color: var(--highlight);\n color: var(--grey10);\n}";
|
|
32620
32522
|
var modules_c548043f = {"root":"CodeSnippet_module_root__cea57b34","copy":"CodeSnippet_module_copy__cea57b34","icon":"CodeSnippet_module_icon__cea57b34","dark":"CodeSnippet_module_dark__cea57b34","light":"CodeSnippet_module_light__cea57b34","notCopied":"CodeSnippet_module_notCopied__cea57b34","copied":"CodeSnippet_module_copied__cea57b34"};
|
|
32621
|
-
n(css$
|
|
32523
|
+
n(css$D,{});
|
|
32622
32524
|
|
|
32623
32525
|
var CodeSnippet = function CodeSnippet(props) {
|
|
32624
32526
|
var copy = props.copy,
|
|
@@ -33502,9 +33404,9 @@ function sub$1(date, duration) {
|
|
|
33502
33404
|
return finalDate;
|
|
33503
33405
|
}
|
|
33504
33406
|
|
|
33505
|
-
var css$
|
|
33407
|
+
var css$C = ".Header_module_container__26bf5a9c {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0rem 1.5625rem;\n}\n.Header_module_container__26bf5a9c .Header_module_title__26bf5a9c {\n font-weight: 400;\n font-size: 0.8rem;\n color: var(--black);\n}\n.Header_module_container__26bf5a9c .Header_module_icon__26bf5a9c {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n cursor: pointer;\n}";
|
|
33506
33408
|
var modules_cf337dc1 = {"container":"Header_module_container__26bf5a9c","title":"Header_module_title__26bf5a9c","icon":"Header_module_icon__26bf5a9c"};
|
|
33507
|
-
n(css$
|
|
33409
|
+
n(css$C,{});
|
|
33508
33410
|
|
|
33509
33411
|
var Header = function Header(props) {
|
|
33510
33412
|
var selectedMonth = props.selectedMonth,
|
|
@@ -33536,17 +33438,17 @@ var Header = function Header(props) {
|
|
|
33536
33438
|
});
|
|
33537
33439
|
};
|
|
33538
33440
|
|
|
33539
|
-
var css$
|
|
33441
|
+
var css$B = ".Calender_module_root__5221cce4 {\n padding: 1rem 0rem;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
33540
33442
|
var modules_3722b5cd = {"root":"Calender_module_root__5221cce4"};
|
|
33541
|
-
n(css$
|
|
33443
|
+
n(css$B,{});
|
|
33542
33444
|
|
|
33543
|
-
var css$
|
|
33445
|
+
var css$A = ".Body_module_root__85b1b679 {\n padding: 0.5rem 0.5rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n}";
|
|
33544
33446
|
var modules_e6b80d99 = {"root":"Body_module_root__85b1b679"};
|
|
33545
|
-
n(css$
|
|
33447
|
+
n(css$A,{});
|
|
33546
33448
|
|
|
33547
|
-
var css$
|
|
33449
|
+
var css$z = ".Dates_module_dates__e3e1fc43 {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n align-items: center;\n flex-wrap: wrap;\n}\n.Dates_module_dates__e3e1fc43 div {\n flex-basis: 14.28%;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-bottom: 0.25rem;\n cursor: pointer;\n align-self: center;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_date__e3e1fc43 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n text-align: center;\n vertical-align: middle;\n border-radius: 1.5rem;\n height: 2.5rem;\n width: 2.5rem;\n font-weight: 400;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_selected__e3e1fc43 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_unSelected__e3e1fc43 {\n background-color: var(--white);\n border-color: var(--highlight);\n border-width: 0.125rem;\n border-style: solid;\n color: var(--black);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_disabled__e3e1fc43 {\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e3e1fc43 div .Dates_module_diffMonth__e3e1fc43 {\n opacity: 0.6;\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_date__e3e1fc43 {\n background: var(--background);\n color: var(--highlight);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_selected__e3e1fc43 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 div:hover .Dates_module_disabled__e3e1fc43 {\n background: transparent;\n box-shadow: none;\n border-radius: 1.5rem;\n color: var(--grey2);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43 {\n background-color: var(--highlight);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_minInRange__e3e1fc43:hover .Dates_module_date__e3e1fc43 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43 {\n background-color: var(--highlight);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--white);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_maxInRange__e3e1fc43:hover .Dates_module_date__e3e1fc43 {\n background: var(--highlight);\n color: var(--white);\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_midInRange__e3e1fc43 {\n background: var(--background);\n border-radius: 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_midInRange__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_firstHovered__e3e1fc43 {\n background: var(--background);\n border-radius: 0rem 1.5rem 1.5rem 0rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_firstHovered__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_lastHovered__e3e1fc43 {\n background: var(--background);\n border-radius: 1.5rem 0rem 0rem 1.5rem;\n}\n.Dates_module_dates__e3e1fc43 .Dates_module_lastHovered__e3e1fc43 .Dates_module_date__e3e1fc43 {\n color: var(--highlight);\n}";
|
|
33548
33450
|
var modules_b02dadcc = {"dates":"Dates_module_dates__e3e1fc43","date":"Dates_module_date__e3e1fc43","selected":"Dates_module_selected__e3e1fc43","unSelected":"Dates_module_unSelected__e3e1fc43","disabled":"Dates_module_disabled__e3e1fc43","diffMonth":"Dates_module_diffMonth__e3e1fc43","minInRange":"Dates_module_minInRange__e3e1fc43","maxInRange":"Dates_module_maxInRange__e3e1fc43","midInRange":"Dates_module_midInRange__e3e1fc43","first-hovered":"Dates_module_firstHovered__e3e1fc43","last-hovered":"Dates_module_lastHovered__e3e1fc43"};
|
|
33549
|
-
n(css$
|
|
33451
|
+
n(css$z,{});
|
|
33550
33452
|
|
|
33551
33453
|
var getDatesOfLastWeekOfLastMonth = function getDatesOfLastWeekOfLastMonth(_ref) {
|
|
33552
33454
|
var monthAsNumber = _ref.monthAsNumber,
|
|
@@ -33793,9 +33695,9 @@ var Dates = function Dates(props) {
|
|
|
33793
33695
|
});
|
|
33794
33696
|
};
|
|
33795
33697
|
|
|
33796
|
-
var css$
|
|
33698
|
+
var css$y = ".Days_module_days__0d7923fd {\n display: grid;\n grid-template-columns: repeat(7, 1fr);\n text-align: center;\n}\n.Days_module_days__0d7923fd span {\n padding: 0.75rem 0.5rem;\n font-weight: 500;\n font-size: 0.875rem;\n color: black;\n flex-basis: 14.28%;\n}";
|
|
33797
33699
|
var modules_82c45006 = {"days":"Days_module_days__0d7923fd"};
|
|
33798
|
-
n(css$
|
|
33700
|
+
n(css$y,{});
|
|
33799
33701
|
|
|
33800
33702
|
var Days = function Days() {
|
|
33801
33703
|
var daysInWeek = DAYS;
|
|
@@ -33816,9 +33718,9 @@ var Body = function Body(props) {
|
|
|
33816
33718
|
});
|
|
33817
33719
|
};
|
|
33818
33720
|
|
|
33819
|
-
var css$
|
|
33721
|
+
var css$x = ".Footer_module_root__a02ecfd8 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-inline: 1rem;\n}\n.Footer_module_root__a02ecfd8 .Footer_module_apply__a02ecfd8 {\n margin-top: 0.5rem;\n width: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n.Footer_module_selectedDate__a02ecfd8 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.125rem;\n background: var(--white);\n border: 0.0625rem solid var(--grey4);\n border-radius: 0.25rem;\n padding: 0.3rem 0rem 0.3rem 1rem;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 {\n font-weight: 500;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 .Footer_module_cross__a02ecfd8 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Footer_module_selectedDate__a02ecfd8 .Footer_module_date__a02ecfd8 .Footer_module_value__a02ecfd8 {\n font-weight: 400;\n padding-right: 0.7rem;\n border-right: 1px var(--grey3) solid;\n}\n\n.Footer_module_dateRanges__a02ecfd8 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n margin-top: 0.5rem;\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8 {\n display: flex;\n align-items: center;\n padding: 0.875rem 1rem;\n gap: 1.125rem;\n cursor: pointer;\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8:hover {\n background-color: var(--background);\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_dateRange__a02ecfd8 span {\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.3125rem;\n color: var(--black);\n}\n.Footer_module_dateRanges__a02ecfd8 .Footer_module_selected__a02ecfd8 {\n background-color: var(--background);\n}";
|
|
33820
33722
|
var modules_b490bd5d = {"root":"Footer_module_root__a02ecfd8","apply":"Footer_module_apply__a02ecfd8","selected-date":"Footer_module_selectedDate__a02ecfd8","date":"Footer_module_date__a02ecfd8","cross":"Footer_module_cross__a02ecfd8","value":"Footer_module_value__a02ecfd8","date-ranges":"Footer_module_dateRanges__a02ecfd8","date-range":"Footer_module_dateRange__a02ecfd8","selected":"Footer_module_selected__a02ecfd8"};
|
|
33821
|
-
n(css$
|
|
33723
|
+
n(css$x,{});
|
|
33822
33724
|
|
|
33823
33725
|
var getDateAndUnixRange = function getDateAndUnixRange(duration) {
|
|
33824
33726
|
var startingDate = sub$1(new Date(), duration);
|
|
@@ -34052,9 +33954,9 @@ var Calender = function Calender(props) {
|
|
|
34052
33954
|
});
|
|
34053
33955
|
};
|
|
34054
33956
|
|
|
34055
|
-
var css$
|
|
33957
|
+
var css$w = ".DatePicker_module_root__a549d7a9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n max-width: 100%;\n width: 25%;\n overflow: visible;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_label__a549d7a9 {\n font-weight: 400;\n font-size: 0.75rem;\n color: var(--black);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: transparent;\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n width: auto;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 > div {\n display: flex;\n align-items: center;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_placeholder__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey1);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin-left: 0.9375rem;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_value__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--black);\n margin-left: 0.9375rem;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_value__a549d7a9 span {\n font-weight: 500;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_input__a549d7a9 {\n display: none;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_icon__a549d7a9 {\n width: 1.5rem;\n height: 1.5rem;\n stroke: #181818;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_down__a549d7a9 {\n transform: rotate(270deg);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_container__a549d7a9 .DatePicker_module_up__a549d7a9 {\n transform: rotate(90deg);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n position: relative;\n background: var(--grey10);\n border: 0.0625rem solid #d9d9d9;\n border-radius: 0.25rem;\n border: 0.0625rem solid var(--grey5);\n padding: 0.75rem 1rem;\n cursor: pointer;\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 .DatePicker_module_downArrow__a549d7a9 {\n transform: rotate(270deg);\n fill: var(--grey3);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_disabled__a549d7a9 .DatePicker_module_placeholder__a549d7a9 {\n font-weight: 400;\n font-size: 1rem;\n color: var(--grey3);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.DatePicker_module_root__a549d7a9.DatePicker_module_open__a549d7a9 {\n border-color: var(--highlight);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_error__a549d7a9 {\n border: 0.0938rem solid var(--error);\n}\n.DatePicker_module_root__a549d7a9 .DatePicker_module_errorText__a549d7a9 {\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 0.9375rem;\n color: var(--error);\n}\n\n.DatePicker_module_popper__a549d7a9 {\n display: none;\n background: var(--white);\n border: 0.0625rem solid #d9d9d9;\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n border-radius: 0.25rem;\n overflow: auto;\n}\n.DatePicker_module_popper__a549d7a9.DatePicker_module_open__a549d7a9 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n position: absolute;\n}";
|
|
34056
33958
|
var modules_5b831cd1 = {"root":"DatePicker_module_root__a549d7a9","label":"DatePicker_module_label__a549d7a9","container":"DatePicker_module_container__a549d7a9","placeholder":"DatePicker_module_placeholder__a549d7a9","value":"DatePicker_module_value__a549d7a9","input":"DatePicker_module_input__a549d7a9","icon":"DatePicker_module_icon__a549d7a9","down":"DatePicker_module_down__a549d7a9","up":"DatePicker_module_up__a549d7a9","disabled":"DatePicker_module_disabled__a549d7a9","down-arrow":"DatePicker_module_downArrow__a549d7a9","open":"DatePicker_module_open__a549d7a9","error":"DatePicker_module_error__a549d7a9","error-text":"DatePicker_module_errorText__a549d7a9","popper":"DatePicker_module_popper__a549d7a9"};
|
|
34057
|
-
n(css$
|
|
33959
|
+
n(css$w,{});
|
|
34058
33960
|
|
|
34059
33961
|
var isMaxRangeExceeded = function isMaxRangeExceeded(_ref) {
|
|
34060
33962
|
var maxRange = _ref.maxRange,
|
|
@@ -34275,9 +34177,9 @@ DatePicker.defaultProps = {
|
|
|
34275
34177
|
disableDatesAfter: []
|
|
34276
34178
|
};
|
|
34277
34179
|
|
|
34278
|
-
var css$
|
|
34180
|
+
var css$v = ".HierarchyItem_module_root__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n flex: 1;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n min-height: 2rem;\n height: auto;\n padding: 0.25rem;\n cursor: pointer;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1], .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_icon__d7b2e7cd, .HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component3] .HierarchyItem_module_icon__d7b2e7cd {\n transform: rotate(-90deg);\n width: 1rem;\n height: 1rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] {\n flex: 1 1 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_title__d7b2e7cd {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover {\n background: var(--background);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_icon__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd,\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_header__d7b2e7cd:hover .HierarchyItem_module_title__d7b2e7cd svg {\n color: var(--highlight);\n fill: var(--highlight);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd {\n display: none;\n flex: 1 0 auto;\n padding: 0px 0rem 0px 0.25rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] {\n flex: 0 0 1.6rem;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n width: 1.6rem;\n height: 100%;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component1] .HierarchyItem_module_tail__d7b2e7cd::after {\n content: \"\";\n display: block;\n margin: auto;\n width: 1px;\n flex: 1;\n background: var(--grey1);\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd .HierarchyItem_module_body__d7b2e7cd > [data-elem=component2] .HierarchyItem_module_children__d7b2e7cd {\n flex: 1 0 auto;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_header__d7b2e7cd .HierarchyItem_module_icon__d7b2e7cd {\n transform: none;\n}\n.HierarchyItem_module_root__d7b2e7cd.HierarchyItem_module_open__d7b2e7cd > .HierarchyItem_module_body__d7b2e7cd {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.25rem;\n height: auto;\n}";
|
|
34279
34181
|
var modules_6d03d164 = {"root":"HierarchyItem_module_root__d7b2e7cd","header":"HierarchyItem_module_header__d7b2e7cd","icon":"HierarchyItem_module_icon__d7b2e7cd","title":"HierarchyItem_module_title__d7b2e7cd","body":"HierarchyItem_module_body__d7b2e7cd","tail":"HierarchyItem_module_tail__d7b2e7cd","children":"HierarchyItem_module_children__d7b2e7cd","open":"HierarchyItem_module_open__d7b2e7cd"};
|
|
34280
|
-
n(css$
|
|
34182
|
+
n(css$v,{});
|
|
34281
34183
|
|
|
34282
34184
|
var HierarchyItem = function HierarchyItem(props) {
|
|
34283
34185
|
var defaultOpen = props.defaultOpen,
|
|
@@ -34341,9 +34243,9 @@ HierarchyItem.defaultProps = {
|
|
|
34341
34243
|
onClick: function onClick() {}
|
|
34342
34244
|
};
|
|
34343
34245
|
|
|
34344
|
-
var css$
|
|
34246
|
+
var css$u = ".HierarchyBrowser_module_root__649d3da2 {\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__649d3da2 .HierarchyBrowser_module_header__649d3da2 {\n padding: 0.5rem;\n background: var(--dark-grey);\n color: var(--white);\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_body__649d3da2 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n overflow: auto;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_item__649d3da2 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.25rem;\n}\n.HierarchyBrowser_module_root__649d3da2 .HierarchyBrowser_module_item__649d3da2 .HierarchyBrowser_module_itemIcon__649d3da2 {\n width: 1rem;\n}\n.HierarchyBrowser_module_root__649d3da2::after {\n position: absolute;\n right: 0;\n content: \"\";\n width: 1px;\n height: 100%;\n background: var(--grey4);\n}\n.HierarchyBrowser_module_root__649d3da2.HierarchyBrowser_module_resizable__649d3da2:hover::after {\n width: 3px;\n cursor: col-resize;\n}";
|
|
34345
34247
|
var modules_5e29d515 = {"root":"HierarchyBrowser_module_root__649d3da2","header":"HierarchyBrowser_module_header__649d3da2","body":"HierarchyBrowser_module_body__649d3da2","item":"HierarchyBrowser_module_item__649d3da2","item-icon":"HierarchyBrowser_module_itemIcon__649d3da2","resizable":"HierarchyBrowser_module_resizable__649d3da2"};
|
|
34346
|
-
n(css$
|
|
34248
|
+
n(css$u,{});
|
|
34347
34249
|
|
|
34348
34250
|
var Title = function Title(props) {
|
|
34349
34251
|
var item = props.item;
|
|
@@ -34376,7 +34278,8 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34376
34278
|
maxWidth = props.maxWidth,
|
|
34377
34279
|
borderSize = props.borderSize,
|
|
34378
34280
|
resizable = props.resizable,
|
|
34379
|
-
setItemProps = props.setItemProps
|
|
34281
|
+
setItemProps = props.setItemProps,
|
|
34282
|
+
title = props.title;
|
|
34380
34283
|
var browserRef = React.useRef(null);
|
|
34381
34284
|
useResize({
|
|
34382
34285
|
ref: browserRef,
|
|
@@ -34416,9 +34319,11 @@ var HierarchyBrowser = function HierarchyBrowser(props) {
|
|
|
34416
34319
|
className: classes(modules_5e29d515.root, className, resizable ? modules_5e29d515.resizable : ''),
|
|
34417
34320
|
children: [/*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34418
34321
|
className: modules_5e29d515.header,
|
|
34419
|
-
|
|
34322
|
+
"data-elem": "header",
|
|
34323
|
+
children: title
|
|
34420
34324
|
}), /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
34421
34325
|
className: modules_5e29d515.body,
|
|
34326
|
+
"data-elem": "body",
|
|
34422
34327
|
children: renderTree(metadata)
|
|
34423
34328
|
})]
|
|
34424
34329
|
});
|
|
@@ -34436,7 +34341,8 @@ HierarchyBrowser.propTypes = {
|
|
|
34436
34341
|
minWidth: propTypes$1.exports.number,
|
|
34437
34342
|
maxWidth: propTypes$1.exports.number,
|
|
34438
34343
|
resizable: propTypes$1.exports.bool,
|
|
34439
|
-
setItemProps: propTypes$1.exports.func
|
|
34344
|
+
setItemProps: propTypes$1.exports.func,
|
|
34345
|
+
title: propTypes$1.exports.string
|
|
34440
34346
|
};
|
|
34441
34347
|
HierarchyBrowser.defaultProps = {
|
|
34442
34348
|
className: '',
|
|
@@ -34448,12 +34354,13 @@ HierarchyBrowser.defaultProps = {
|
|
|
34448
34354
|
resizable: false,
|
|
34449
34355
|
setItemProps: function setItemProps() {
|
|
34450
34356
|
return {};
|
|
34451
|
-
}
|
|
34357
|
+
},
|
|
34358
|
+
title: 'Browser'
|
|
34452
34359
|
};
|
|
34453
34360
|
|
|
34454
|
-
var css$
|
|
34361
|
+
var css$t = ".TextField_module_root__9cc1db47 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n gap: 0.5rem;\n}\n.TextField_module_root__9cc1db47 label {\n width: 100%;\n max-width: 100%;\n font-weight: 400;\n font-size: 0.75rem;\n line-height: 1.125rem;\n letter-spacing: 0.32px;\n color: var(--grey);\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.5rem;\n padding: 0rem 0.5rem;\n max-width: 100%;\n width: 100%;\n border-color: var(--grey4);\n border-style: solid;\n border-radius: 0.25rem;\n height: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 .TextField_module_icon__9cc1db47 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] {\n flex: 1;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n -moz-appearance: textfield;\n flex: 1;\n background-color: transparent;\n border: none;\n font-weight: 400;\n font-size: 0.875rem;\n line-height: 1.125rem;\n letter-spacing: 0.16px;\n color: var(--black);\n width: 100%;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-outer-spin-button, .TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:focus {\n outline: none;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47:disabled {\n background: var(--grey9);\n color: var(--grey3);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_sm__9cc1db47 {\n padding: 0.5rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.688rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 1rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 {\n padding: 0;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47 {\n resize: vertical;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_md__9cc1db47 {\n padding: 0.313rem 0.75rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_typeTextarea__9cc1db47 > [data-elem=component2] .TextField_module_input__9cc1db47.TextField_module_lg__9cc1db47 {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within {\n border: 0.063rem solid var(--info);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47:focus-within.TextField_module_feedbackError__9cc1db47 {\n border-color: var(--error);\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderDefault__9cc1db47 {\n border-width: 0.063rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderBottom__9cc1db47 {\n border-width: 0rem 0rem 0.063rem 0rem;\n}\n.TextField_module_root__9cc1db47 label .TextField_module_inputWrapper__9cc1db47.TextField_module_borderNone__9cc1db47 {\n border-width: 0rem;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 {\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 -ms-user-select: none;\n user-select: none;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47 {\n flex: 1;\n margin-right: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackError__9cc1db47 {\n color: var(--error);\n fill: var(--error);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_feedback__9cc1db47.TextField_module_feedbackSuccess__9cc1db47 {\n color: var(--success);\n fill: var(--success);\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47 {\n text-align: right;\n margin-left: auto;\n}\n.TextField_module_root__9cc1db47 .TextField_module_bottom__9cc1db47 .TextField_module_count__9cc1db47.TextField_module_exceeded__9cc1db47 {\n color: var(--error);\n}";
|
|
34455
34362
|
var modules_c1d23762 = {"root":"TextField_module_root__9cc1db47","input-wrapper":"TextField_module_inputWrapper__9cc1db47","icon":"TextField_module_icon__9cc1db47","input":"TextField_module_input__9cc1db47","sm":"TextField_module_sm__9cc1db47","md":"TextField_module_md__9cc1db47","lg":"TextField_module_lg__9cc1db47","type-textarea":"TextField_module_typeTextarea__9cc1db47","feedback-error":"TextField_module_feedbackError__9cc1db47","border-default":"TextField_module_borderDefault__9cc1db47","border-bottom":"TextField_module_borderBottom__9cc1db47","border-none":"TextField_module_borderNone__9cc1db47","bottom":"TextField_module_bottom__9cc1db47","feedback":"TextField_module_feedback__9cc1db47","feedback-success":"TextField_module_feedbackSuccess__9cc1db47","count":"TextField_module_count__9cc1db47","exceeded":"TextField_module_exceeded__9cc1db47"};
|
|
34456
|
-
n(css$
|
|
34363
|
+
n(css$t,{});
|
|
34457
34364
|
|
|
34458
34365
|
var TextField = /*#__PURE__*/React.forwardRef(function TextField(props, inputRef) {
|
|
34459
34366
|
var _inputValue$length;
|
|
@@ -34576,9 +34483,9 @@ TextField.defaultProps = {
|
|
|
34576
34483
|
feedbackAndCount: false
|
|
34577
34484
|
};
|
|
34578
34485
|
|
|
34579
|
-
var css$
|
|
34486
|
+
var css$s = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.CheckBox_module_root__d1bdcb36 {\n cursor: pointer;\n gap: 10px;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_positionLeft__d1bdcb36 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_positionRight__d1bdcb36 {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.CheckBox_module_root__d1bdcb36 input[type=checkbox] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.CheckBox_module_root__d1bdcb36.CheckBox_module_disabled__d1bdcb36 {\n cursor: default;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36 {\n display: inline-block;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconSm__d1bdcb36 {\n width: 1rem;\n height: 1rem;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconMd__d1bdcb36 {\n width: 1.25rem;\n height: 1.25rem;\n}\n.CheckBox_module_root__d1bdcb36 .CheckBox_module_icon__d1bdcb36.CheckBox_module_iconLg__d1bdcb36 {\n width: 1.5rem;\n height: 2rem;\n}\n.CheckBox_module_root__d1bdcb36 [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34580
34487
|
var modules_066398a2 = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"CheckBox_module_root__d1bdcb36","position-left":"CheckBox_module_positionLeft__d1bdcb36","position-right":"CheckBox_module_positionRight__d1bdcb36","disabled":"CheckBox_module_disabled__d1bdcb36","icon":"CheckBox_module_icon__d1bdcb36","icon-sm":"CheckBox_module_iconSm__d1bdcb36","icon-md":"CheckBox_module_iconMd__d1bdcb36","icon-lg":"CheckBox_module_iconLg__d1bdcb36"};
|
|
34581
|
-
n(css$
|
|
34488
|
+
n(css$s,{});
|
|
34582
34489
|
|
|
34583
34490
|
var Checkbox = function Checkbox(props) {
|
|
34584
34491
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34649,9 +34556,9 @@ Checkbox.defaultProps = {
|
|
|
34649
34556
|
onChange: function onChange() {}
|
|
34650
34557
|
};
|
|
34651
34558
|
|
|
34652
|
-
var css$
|
|
34559
|
+
var css$r = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.Radio_module_root__dc9ececa {\n cursor: pointer;\n gap: 10px;\n}\n.Radio_module_root__dc9ececa.Radio_module_positionLeft__dc9ececa {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Radio_module_root__dc9ececa.Radio_module_positionRight__dc9ececa {\n display: flex;\n flex-direction: row-reverse;\n justify-content: flex-end;\n align-items: center;\n}\n.Radio_module_root__dc9ececa.Radio_module_disabled__dc9ececa {\n cursor: default;\n}\n.Radio_module_root__dc9ececa input[type=radio] {\n opacity: 0;\n z-index: 1;\n position: absolute;\n width: 1px;\n height: 1px;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa {\n display: inline-block;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconSm__dc9ececa {\n width: 1rem;\n height: 1rem;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconMd__dc9ececa {\n width: 1.25rem;\n height: 1.25rem;\n}\n.Radio_module_root__dc9ececa .Radio_module_icon__dc9ececa.Radio_module_iconLg__dc9ececa {\n width: 1.5rem;\n height: 2rem;\n}\n.Radio_module_root__dc9ececa [data-elem=label] {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}";
|
|
34653
34560
|
var modules_3705961f = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Radio_module_root__dc9ececa","position-left":"Radio_module_positionLeft__dc9ececa","position-right":"Radio_module_positionRight__dc9ececa","disabled":"Radio_module_disabled__dc9ececa","icon":"Radio_module_icon__dc9ececa","icon-sm":"Radio_module_iconSm__dc9ececa","icon-md":"Radio_module_iconMd__dc9ececa","icon-lg":"Radio_module_iconLg__dc9ececa"};
|
|
34654
|
-
n(css$
|
|
34561
|
+
n(css$r,{});
|
|
34655
34562
|
|
|
34656
34563
|
var Radio = function Radio(props) {
|
|
34657
34564
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -34719,9 +34626,9 @@ Radio.defaultProps = {
|
|
|
34719
34626
|
onChange: function onChange() {}
|
|
34720
34627
|
};
|
|
34721
34628
|
|
|
34722
|
-
var css$
|
|
34723
|
-
var modules_1b90f5ea = {"root":"
|
|
34724
|
-
n(css$
|
|
34629
|
+
var css$q = ".Dropdown_module_root__1ad8038e {\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: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n max-width: 100%;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_label__1ad8038e {\n font-size: 0.75rem;\n color: var(--grey);\n width: auto;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e {\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__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_input__1ad8038e {\n position: absolute;\n opacity: 0;\n width: 1px;\n height: 1px;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_input__1ad8038e:focus + .Dropdown_module_select__1ad8038e {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_input__1ad8038e:focus + .Dropdown_module_select__1ad8038e.Dropdown_module_feedbackError__1ad8038e {\n border-color: var(--error);\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_select__1ad8038e {\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(--white);\n outline: none;\n border: 1px solid var(--grey5);\n border-radius: 0.25rem;\n padding: 0.75rem 0.75rem 0.75rem 1rem;\n cursor: pointer;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_select__1ad8038e .Dropdown_module_placeholder__1ad8038e {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n color: var(--black);\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_select__1ad8038e .Dropdown_module_icon__1ad8038e {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_header__1ad8038e .Dropdown_module_select__1ad8038e.Dropdown_module_feedbackError__1ad8038e {\n border-color: var(--error);\n}\n.Dropdown_module_root__1ad8038e.Dropdown_module_open__1ad8038e .Dropdown_module_header__1ad8038e {\n border-color: var(--highlight);\n}\n.Dropdown_module_root__1ad8038e.Dropdown_module_disabled__1ad8038e .Dropdown_module_select__1ad8038e {\n background: var(--grey10);\n cursor: not-allowed;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e {\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 -ms-user-select: none;\n user-select: none;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e .Dropdown_module_feedback__1ad8038e {\n flex: 1;\n margin-right: auto;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e .Dropdown_module_feedback__1ad8038e.Dropdown_module_feedbackError__1ad8038e {\n color: var(--error);\n fill: var(--error);\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e .Dropdown_module_feedback__1ad8038e.Dropdown_module_feedbackSuccess__1ad8038e {\n color: var(--success);\n fill: var(--success);\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e .Dropdown_module_count__1ad8038e {\n text-align: right;\n margin-left: auto;\n}\n.Dropdown_module_root__1ad8038e .Dropdown_module_bottom__1ad8038e .Dropdown_module_count__1ad8038e.Dropdown_module_exceeded__1ad8038e {\n color: var(--error);\n}\n\n.Dropdown_module_body__1ad8038e {\n display: none;\n position: absolute;\n top: calc(100% + 0.5rem);\n background: var(--white);\n width: auto;\n border: 0.063rem solid var(--grey5);\n box-shadow: 0rem 0.5rem 1.25rem rgba(24, 24, 24, 0.08);\n border-radius: 0.25rem;\n padding: 1rem;\n overflow-y: auto;\n min-height: 4rem;\n outline: none;\n}\n.Dropdown_module_body__1ad8038e .Dropdown_module_multiOptions__1ad8038e {\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__1ad8038e .Dropdown_module_multiApply__1ad8038e {\n margin-top: 0.5rem;\n}\n.Dropdown_module_body__1ad8038e.Dropdown_module_open__1ad8038e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
34630
|
+
var modules_1b90f5ea = {"root":"Dropdown_module_root__1ad8038e","label":"Dropdown_module_label__1ad8038e","header":"Dropdown_module_header__1ad8038e","input":"Dropdown_module_input__1ad8038e","select":"Dropdown_module_select__1ad8038e","feedback-error":"Dropdown_module_feedbackError__1ad8038e","placeholder":"Dropdown_module_placeholder__1ad8038e","icon":"Dropdown_module_icon__1ad8038e","open":"Dropdown_module_open__1ad8038e","disabled":"Dropdown_module_disabled__1ad8038e","bottom":"Dropdown_module_bottom__1ad8038e","feedback":"Dropdown_module_feedback__1ad8038e","feedback-success":"Dropdown_module_feedbackSuccess__1ad8038e","count":"Dropdown_module_count__1ad8038e","exceeded":"Dropdown_module_exceeded__1ad8038e","body":"Dropdown_module_body__1ad8038e","multi-options":"Dropdown_module_multiOptions__1ad8038e","multi-apply":"Dropdown_module_multiApply__1ad8038e"};
|
|
34631
|
+
n(css$q,{});
|
|
34725
34632
|
|
|
34726
34633
|
var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef) {
|
|
34727
34634
|
var _selectedOptions$map, _ref2, _selectedOptions$;
|
|
@@ -34738,7 +34645,8 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34738
34645
|
disabled = props.disabled,
|
|
34739
34646
|
id = props.id,
|
|
34740
34647
|
name = props.name,
|
|
34741
|
-
feedback = props.feedback
|
|
34648
|
+
feedback = props.feedback,
|
|
34649
|
+
formatter = props.formatter;
|
|
34742
34650
|
var _useState = React.useState(false),
|
|
34743
34651
|
_useState2 = _slicedToArray(_useState, 2),
|
|
34744
34652
|
open = _useState2[0],
|
|
@@ -34751,7 +34659,8 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34751
34659
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
34752
34660
|
selectedIndex = _useState6[0],
|
|
34753
34661
|
setSelectedIndex = _useState6[1];
|
|
34754
|
-
var
|
|
34662
|
+
var listItemsRef = React.useRef([]);
|
|
34663
|
+
var multiOptionsRef = React.useRef(null);
|
|
34755
34664
|
var isControlled = value !== undefined;
|
|
34756
34665
|
|
|
34757
34666
|
// for uncontrolled input
|
|
@@ -34792,85 +34701,68 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34792
34701
|
}), useRole(context, {
|
|
34793
34702
|
role: 'listbox'
|
|
34794
34703
|
}), useListNavigation(context, {
|
|
34795
|
-
listRef:
|
|
34796
|
-
activeIndex: activeIndex,
|
|
34797
|
-
selectedIndex: selectedIndex,
|
|
34798
|
-
onNavigate: setActiveIndex,
|
|
34799
|
-
focusItemOnHover: true
|
|
34800
|
-
}), useTypeahead(context, {
|
|
34801
|
-
listRef: listRef,
|
|
34802
|
-
onMatch: open ? setActiveIndex : setSelectedIndex,
|
|
34704
|
+
listRef: listItemsRef,
|
|
34803
34705
|
activeIndex: activeIndex,
|
|
34804
34706
|
selectedIndex: selectedIndex,
|
|
34805
|
-
|
|
34806
|
-
return list.find(function (elem) {
|
|
34807
|
-
var _elem$textContent;
|
|
34808
|
-
return (elem === null || elem === void 0 ? void 0 : (_elem$textContent = elem.textContent) === null || _elem$textContent === void 0 ? void 0 : _elem$textContent.toLowerCase().indexOf(typedString)) === 0;
|
|
34809
|
-
});
|
|
34810
|
-
}
|
|
34707
|
+
onNavigate: setActiveIndex
|
|
34811
34708
|
}), useDismiss(context)]),
|
|
34812
34709
|
getReferenceProps = _useInteractions.getReferenceProps,
|
|
34813
34710
|
getFloatingProps = _useInteractions.getFloatingProps,
|
|
34814
34711
|
getItemProps = _useInteractions.getItemProps;
|
|
34815
|
-
var onSelect = function onSelect(
|
|
34816
|
-
|
|
34817
|
-
|
|
34818
|
-
|
|
34819
|
-
|
|
34820
|
-
selected = dataset.selected,
|
|
34821
|
-
elem = dataset.elem;
|
|
34822
|
-
|
|
34823
|
-
// to support form libraries which require name and value on the event
|
|
34824
|
-
var nativeEvent = event.nativeEvent || event;
|
|
34825
|
-
var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
34826
|
-
Object.defineProperty(clonedEvent, 'target', {
|
|
34827
|
-
writable: true,
|
|
34828
|
-
value: {
|
|
34829
|
-
value: itemValue,
|
|
34830
|
-
name: name
|
|
34712
|
+
var onSelect = function onSelect(child, selected) {
|
|
34713
|
+
return function (event) {
|
|
34714
|
+
var _itemValue$toString;
|
|
34715
|
+
if (event.currentTarget.getAttribute('data-elem') !== 'dropdown-item') {
|
|
34716
|
+
return;
|
|
34831
34717
|
}
|
|
34832
|
-
|
|
34833
|
-
|
|
34718
|
+
var itemValue = child.props.value;
|
|
34719
|
+
var itemValueString = itemValue === null || itemValue === void 0 ? void 0 : (_itemValue$toString = itemValue.toString) === null || _itemValue$toString === void 0 ? void 0 : _itemValue$toString.call(itemValue);
|
|
34720
|
+
var index = event.currentTarget.getAttribute('data-index');
|
|
34721
|
+
|
|
34722
|
+
// to support form libraries which require name and value on the event
|
|
34723
|
+
var nativeEvent = event.nativeEvent || event;
|
|
34724
|
+
var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
34725
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
34726
|
+
writable: true,
|
|
34727
|
+
value: {
|
|
34728
|
+
value: itemValueString,
|
|
34729
|
+
name: name
|
|
34730
|
+
}
|
|
34731
|
+
});
|
|
34732
|
+
|
|
34733
|
+
// if (elem === 'dropdown-item') {
|
|
34834
34734
|
setSelectedIndex(parseInt(index, 10));
|
|
34835
34735
|
if (multi) {
|
|
34836
|
-
|
|
34837
|
-
|
|
34838
|
-
|
|
34839
|
-
|
|
34840
|
-
|
|
34841
|
-
} else {
|
|
34842
|
-
onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent, [].concat(_toConsumableArray(value !== null && value !== void 0 ? value : []), [itemValue]));
|
|
34843
|
-
}
|
|
34736
|
+
// eslint-disable-next-line no-lonely-if
|
|
34737
|
+
if (selected === true) {
|
|
34738
|
+
setUncontrolledValue(uncontrolledValue.filter(function (val) {
|
|
34739
|
+
return val !== itemValueString;
|
|
34740
|
+
}));
|
|
34844
34741
|
} else {
|
|
34845
|
-
|
|
34846
|
-
if (selected === 'true') {
|
|
34847
|
-
setUncontrolledValue(uncontrolledValue.filter(function (val) {
|
|
34848
|
-
return val !== itemValue;
|
|
34849
|
-
}));
|
|
34850
|
-
} else {
|
|
34851
|
-
setUncontrolledValue([].concat(_toConsumableArray(uncontrolledValue !== null && uncontrolledValue !== void 0 ? uncontrolledValue : []), [itemValue]));
|
|
34852
|
-
}
|
|
34742
|
+
setUncontrolledValue([].concat(_toConsumableArray(uncontrolledValue !== null && uncontrolledValue !== void 0 ? uncontrolledValue : []), [itemValueString]));
|
|
34853
34743
|
}
|
|
34744
|
+
setActiveIndex(parseInt(index, 10));
|
|
34854
34745
|
} else {
|
|
34855
34746
|
if (isControlled) {
|
|
34856
|
-
onChange(clonedEvent,
|
|
34747
|
+
onChange(clonedEvent, itemValueString.toString());
|
|
34857
34748
|
} else {
|
|
34858
|
-
setUncontrolledValue(
|
|
34749
|
+
setUncontrolledValue(itemValueString.toString());
|
|
34859
34750
|
}
|
|
34860
34751
|
setActiveIndex(null);
|
|
34861
34752
|
setOpen(false);
|
|
34862
34753
|
}
|
|
34863
|
-
|
|
34864
|
-
|
|
34865
|
-
var onNavigate = function onNavigate(event) {
|
|
34866
|
-
var selectKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34867
|
-
if (selectKey) {
|
|
34868
|
-
event.stopPropagation();
|
|
34869
|
-
onSelect(event);
|
|
34870
|
-
}
|
|
34754
|
+
// }
|
|
34755
|
+
};
|
|
34871
34756
|
};
|
|
34872
|
-
|
|
34873
|
-
|
|
34757
|
+
|
|
34758
|
+
var onNavigate = function onNavigate(child, selected) {
|
|
34759
|
+
return function (event) {
|
|
34760
|
+
var selectKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
|
|
34761
|
+
if (selectKey) {
|
|
34762
|
+
event.stopPropagation();
|
|
34763
|
+
onSelect(child, selected)(event);
|
|
34764
|
+
}
|
|
34765
|
+
};
|
|
34874
34766
|
};
|
|
34875
34767
|
React.useImperativeHandle(inputRef, function () {
|
|
34876
34768
|
return {
|
|
@@ -34884,19 +34776,17 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34884
34776
|
}
|
|
34885
34777
|
};
|
|
34886
34778
|
}, []);
|
|
34887
|
-
|
|
34888
|
-
return setOpen(false);
|
|
34889
|
-
});
|
|
34779
|
+
var childrenArray = React.Children.toArray(children);
|
|
34890
34780
|
var selectedOptions = React.useMemo(function () {
|
|
34891
34781
|
var inputValue = uncontrolledValue;
|
|
34892
|
-
if (isControlled) {
|
|
34782
|
+
if (isControlled && !multi) {
|
|
34893
34783
|
inputValue = value;
|
|
34894
34784
|
}
|
|
34895
34785
|
var options = [];
|
|
34896
34786
|
if (inputValue != null && inputValue !== '') {
|
|
34897
|
-
|
|
34898
|
-
var _inputValue$
|
|
34899
|
-
if (multi && ((_inputValue$
|
|
34787
|
+
childrenArray === null || childrenArray === void 0 ? void 0 : childrenArray.forEach(function (child) {
|
|
34788
|
+
var _inputValue$indexOf, _inputValue, _inputValue$indexOf2, _child$props, _child$props$value, _child$props$value$to, _inputValue2, _child$props2, _child$props2$value, _child$props2$value$t;
|
|
34789
|
+
if (multi && ((_inputValue$indexOf = (_inputValue = inputValue) === null || _inputValue === void 0 ? void 0 : (_inputValue$indexOf2 = _inputValue.indexOf) === null || _inputValue$indexOf2 === void 0 ? void 0 : _inputValue$indexOf2.call(_inputValue, child === null || child === void 0 ? void 0 : (_child$props = child.props) === null || _child$props === void 0 ? void 0 : (_child$props$value = _child$props.value) === null || _child$props$value === void 0 ? void 0 : (_child$props$value$to = _child$props$value.toString) === null || _child$props$value$to === void 0 ? void 0 : _child$props$value$to.call(_child$props$value))) !== null && _inputValue$indexOf !== void 0 ? _inputValue$indexOf : -1) !== -1 || !multi && ((_inputValue2 = inputValue) === null || _inputValue2 === void 0 ? void 0 : _inputValue2.toString()) === (child === null || child === void 0 ? void 0 : (_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : (_child$props2$value = _child$props2.value) === null || _child$props2$value === void 0 ? void 0 : (_child$props2$value$t = _child$props2$value.toString) === null || _child$props2$value$t === void 0 ? void 0 : _child$props2$value$t.call(_child$props2$value))) {
|
|
34900
34790
|
var _child$props3, _child$props4, _child$props4$value, _child$props4$value$t;
|
|
34901
34791
|
options.push({
|
|
34902
34792
|
title: child === null || child === void 0 ? void 0 : (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title,
|
|
@@ -34907,25 +34797,93 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34907
34797
|
}
|
|
34908
34798
|
return options;
|
|
34909
34799
|
}, [value, uncontrolledValue, multi]);
|
|
34910
|
-
var items =
|
|
34800
|
+
var items = childrenArray.map(function (child, index) {
|
|
34801
|
+
var _child$props6;
|
|
34911
34802
|
var selected = false;
|
|
34912
|
-
if (selectedOptions.
|
|
34803
|
+
if (selectedOptions.findIndex(function (option) {
|
|
34913
34804
|
var _child$props5, _child$props5$value, _child$props5$value$t;
|
|
34914
34805
|
return option.value === (child === null || child === void 0 ? void 0 : (_child$props5 = child.props) === null || _child$props5 === void 0 ? void 0 : (_child$props5$value = _child$props5.value) === null || _child$props5$value === void 0 ? void 0 : (_child$props5$value$t = _child$props5$value.toString) === null || _child$props5$value$t === void 0 ? void 0 : _child$props5$value$t.call(_child$props5$value));
|
|
34915
|
-
})) {
|
|
34806
|
+
}) !== -1) {
|
|
34916
34807
|
selected = true;
|
|
34917
34808
|
}
|
|
34918
34809
|
return /*#__PURE__*/React.cloneElement(child, _objectSpread2({}, getItemProps({
|
|
34919
|
-
|
|
34810
|
+
key: child === null || child === void 0 ? void 0 : (_child$props6 = child.props) === null || _child$props6 === void 0 ? void 0 : _child$props6.value,
|
|
34811
|
+
onKeyDown: onNavigate(child, selected),
|
|
34812
|
+
onClick: onSelect(child, selected),
|
|
34813
|
+
onMouseEnter: function onMouseEnter() {
|
|
34814
|
+
setActiveIndex(index);
|
|
34815
|
+
},
|
|
34920
34816
|
dataAttrs: {
|
|
34921
34817
|
'data-index': index
|
|
34922
34818
|
},
|
|
34923
34819
|
selected: selected,
|
|
34820
|
+
tabIndex: activeIndex === index ? 0 : -1,
|
|
34924
34821
|
ref: function ref(node) {
|
|
34925
|
-
|
|
34822
|
+
listItemsRef.current[index] = node;
|
|
34926
34823
|
}
|
|
34927
34824
|
})));
|
|
34928
34825
|
});
|
|
34826
|
+
var _useState9 = React.useState(false),
|
|
34827
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
34828
|
+
pointer = _useState10[0],
|
|
34829
|
+
setPointer = _useState10[1];
|
|
34830
|
+
if (!open && pointer) {
|
|
34831
|
+
setPointer(false);
|
|
34832
|
+
}
|
|
34833
|
+
React.useLayoutEffect(function () {
|
|
34834
|
+
if (open && activeIndex != null && !pointer) {
|
|
34835
|
+
requestAnimationFrame(function () {
|
|
34836
|
+
var _listItemsRef$current;
|
|
34837
|
+
(_listItemsRef$current = listItemsRef.current[activeIndex]) === null || _listItemsRef$current === void 0 ? void 0 : _listItemsRef$current.scrollIntoView({
|
|
34838
|
+
block: 'nearest'
|
|
34839
|
+
});
|
|
34840
|
+
});
|
|
34841
|
+
}
|
|
34842
|
+
}, [open, activeIndex, pointer]);
|
|
34843
|
+
React.useEffect(function () {
|
|
34844
|
+
if (multi) {
|
|
34845
|
+
setUncontrolledValue(value);
|
|
34846
|
+
}
|
|
34847
|
+
}, [open, multi, value]);
|
|
34848
|
+
var onSelectAll = function onSelectAll(event, selected) {
|
|
34849
|
+
// to support form libraries which require name and value on the event
|
|
34850
|
+
var nativeEvent = event.nativeEvent || event;
|
|
34851
|
+
var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
34852
|
+
var itemValue = [];
|
|
34853
|
+
if (selected) {
|
|
34854
|
+
itemValue = childrenArray.map(function (child) {
|
|
34855
|
+
var _child$props7, _child$props7$value, _child$props7$value$t;
|
|
34856
|
+
return child === null || child === void 0 ? void 0 : (_child$props7 = child.props) === null || _child$props7 === void 0 ? void 0 : (_child$props7$value = _child$props7.value) === null || _child$props7$value === void 0 ? void 0 : (_child$props7$value$t = _child$props7$value.toString) === null || _child$props7$value$t === void 0 ? void 0 : _child$props7$value$t.call(_child$props7$value);
|
|
34857
|
+
});
|
|
34858
|
+
}
|
|
34859
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
34860
|
+
writable: true,
|
|
34861
|
+
value: {
|
|
34862
|
+
value: itemValue,
|
|
34863
|
+
name: name
|
|
34864
|
+
}
|
|
34865
|
+
});
|
|
34866
|
+
|
|
34867
|
+
// eslint-disable-next-line no-lonely-if
|
|
34868
|
+
if (selected === true) {
|
|
34869
|
+
setUncontrolledValue(itemValue);
|
|
34870
|
+
} else {
|
|
34871
|
+
setUncontrolledValue(itemValue);
|
|
34872
|
+
}
|
|
34873
|
+
setActiveIndex(0);
|
|
34874
|
+
};
|
|
34875
|
+
var onApply = function onApply(event) {
|
|
34876
|
+
var nativeEvent = event.nativeEvent || event;
|
|
34877
|
+
var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
34878
|
+
Object.defineProperty(clonedEvent, 'target', {
|
|
34879
|
+
writable: true,
|
|
34880
|
+
value: {
|
|
34881
|
+
value: uncontrolledValue,
|
|
34882
|
+
name: name
|
|
34883
|
+
}
|
|
34884
|
+
});
|
|
34885
|
+
onChange(event, uncontrolledValue);
|
|
34886
|
+
};
|
|
34929
34887
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
34930
34888
|
className: classes(className, modules_1b90f5ea.root, open ? modules_1b90f5ea.open : '', disabled ? modules_1b90f5ea.disabled : ''),
|
|
34931
34889
|
children: [label && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -34963,7 +34921,7 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34963
34921
|
children: [/*#__PURE__*/jsxRuntime.jsx("span", {
|
|
34964
34922
|
"data-elem": "placeholder",
|
|
34965
34923
|
className: modules_1b90f5ea.placeholder,
|
|
34966
|
-
children: (_ref2 = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ?
|
|
34924
|
+
children: (_ref2 = (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 1 ? formatter(selectedOptions.length) : selectedOptions === null || selectedOptions === void 0 ? void 0 : (_selectedOptions$ = selectedOptions[0]) === null || _selectedOptions$ === void 0 ? void 0 : _selectedOptions$.title) !== null && _ref2 !== void 0 ? _ref2 : placeholder
|
|
34967
34925
|
}), /*#__PURE__*/jsxRuntime.jsx(Caret, {
|
|
34968
34926
|
"data-elem": "icon",
|
|
34969
34927
|
className: classes(modules_1b90f5ea.icon, modules_1b90f5ea['drop-icon'])
|
|
@@ -34974,25 +34932,55 @@ var Dropdown = /*#__PURE__*/React.forwardRef(function Dropdown(props, inputRef)
|
|
|
34974
34932
|
wrapperId: "dropdown-popper",
|
|
34975
34933
|
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingFocusManager, {
|
|
34976
34934
|
context: context,
|
|
34977
|
-
initialFocus:
|
|
34978
|
-
|
|
34935
|
+
initialFocus: -1,
|
|
34936
|
+
modal: false,
|
|
34937
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("ul", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
34979
34938
|
'data-elem': 'body',
|
|
34980
34939
|
role: 'group',
|
|
34981
34940
|
ref: floating,
|
|
34982
34941
|
onKeyDown: function onKeyDown(event) {
|
|
34983
|
-
|
|
34942
|
+
setPointer(false);
|
|
34943
|
+
if (event.key === 'Tab' && !multi) {
|
|
34984
34944
|
setOpen(false);
|
|
34985
34945
|
}
|
|
34986
34946
|
},
|
|
34947
|
+
onPointerMove: function onPointerMove() {
|
|
34948
|
+
setPointer(true);
|
|
34949
|
+
},
|
|
34987
34950
|
style: {
|
|
34988
34951
|
position: strategy,
|
|
34989
34952
|
top: y !== null && y !== void 0 ? y : 0,
|
|
34990
34953
|
left: x !== null && x !== void 0 ? x : 0
|
|
34991
34954
|
},
|
|
34992
|
-
onClick: onClick,
|
|
34993
34955
|
className: classes(modules_1b90f5ea.body, popperClassName, open ? modules_1b90f5ea.open : '')
|
|
34994
34956
|
})), {}, {
|
|
34995
|
-
children:
|
|
34957
|
+
children: [multi && /*#__PURE__*/jsxRuntime.jsxs("li", {
|
|
34958
|
+
ref: multiOptionsRef,
|
|
34959
|
+
className: modules_1b90f5ea['multi-options'],
|
|
34960
|
+
tabIndex: -1,
|
|
34961
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
34962
|
+
label: "Select All",
|
|
34963
|
+
position: "left",
|
|
34964
|
+
checked: selectedOptions.length === childrenArray.length,
|
|
34965
|
+
onChange: onSelectAll
|
|
34966
|
+
}), ' ', /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
34967
|
+
blurOnClick: false,
|
|
34968
|
+
variant: "text",
|
|
34969
|
+
title: "Clear",
|
|
34970
|
+
size: "auto",
|
|
34971
|
+
color: "danger",
|
|
34972
|
+
onClick: function onClick(event) {
|
|
34973
|
+
var _multiOptionsRef$curr;
|
|
34974
|
+
multiOptionsRef === null || multiOptionsRef === void 0 ? void 0 : (_multiOptionsRef$curr = multiOptionsRef.current) === null || _multiOptionsRef$curr === void 0 ? void 0 : _multiOptionsRef$curr.focus();
|
|
34975
|
+
onSelectAll(event, false);
|
|
34976
|
+
}
|
|
34977
|
+
})]
|
|
34978
|
+
}), items, multi && /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
34979
|
+
className: modules_1b90f5ea['multi-apply'],
|
|
34980
|
+
title: "Apply",
|
|
34981
|
+
size: "auto",
|
|
34982
|
+
onClick: onApply
|
|
34983
|
+
})]
|
|
34996
34984
|
}))
|
|
34997
34985
|
})
|
|
34998
34986
|
}), feedback != null && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
@@ -35020,7 +35008,8 @@ Dropdown.propTypes = {
|
|
|
35020
35008
|
feedback: propTypes$1.exports.shape({
|
|
35021
35009
|
text: propTypes$1.exports.node,
|
|
35022
35010
|
type: propTypes$1.exports.oneOf(['error', 'success', 'default'])
|
|
35023
|
-
})
|
|
35011
|
+
}),
|
|
35012
|
+
formatter: propTypes$1.exports.func
|
|
35024
35013
|
};
|
|
35025
35014
|
Dropdown.defaultProps = {
|
|
35026
35015
|
popperClassName: '',
|
|
@@ -35034,12 +35023,15 @@ Dropdown.defaultProps = {
|
|
|
35034
35023
|
multi: false,
|
|
35035
35024
|
onChange: null,
|
|
35036
35025
|
onBlur: null,
|
|
35037
|
-
feedback: null
|
|
35026
|
+
feedback: null,
|
|
35027
|
+
formatter: function formatter(totalSelected) {
|
|
35028
|
+
return "".concat(totalSelected, " options selected");
|
|
35029
|
+
}
|
|
35038
35030
|
};
|
|
35039
35031
|
|
|
35040
|
-
var css$
|
|
35041
|
-
var modules_bf949acd = {"
|
|
35042
|
-
n(css$
|
|
35032
|
+
var css$p = ".DropdownItem_module_root__61492174 {\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__61492174 > .DropdownItem_module_input__61492174 {\n cursor: pointer;\n}\n.DropdownItem_module_root__61492174:focus {\n background: var(--grey6);\n}\n.DropdownItem_module_root__61492174.DropdownItem_module_selected__61492174 {\n background: var(--info-bg);\n}";
|
|
35033
|
+
var modules_bf949acd = {"root":"DropdownItem_module_root__61492174","input":"DropdownItem_module_input__61492174","selected":"DropdownItem_module_selected__61492174"};
|
|
35034
|
+
n(css$p,{});
|
|
35043
35035
|
|
|
35044
35036
|
var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, ref) {
|
|
35045
35037
|
// eslint-disable-next-line object-curly-newline
|
|
@@ -35048,32 +35040,39 @@ var DropdownItem = /*#__PURE__*/React.forwardRef(function DropdownItem(props, re
|
|
|
35048
35040
|
variant = props.variant,
|
|
35049
35041
|
selected = props.selected,
|
|
35050
35042
|
onKeyDown = props.onKeyDown,
|
|
35043
|
+
onMouseEnter = props.onMouseEnter,
|
|
35051
35044
|
onClick = props.onClick,
|
|
35052
35045
|
dataAttrs = props.dataAttrs,
|
|
35053
|
-
className = props.className
|
|
35046
|
+
className = props.className,
|
|
35047
|
+
tabIndex = props.tabIndex;
|
|
35054
35048
|
var action = null;
|
|
35055
35049
|
switch (variant) {
|
|
35056
35050
|
case 'checkbox':
|
|
35057
35051
|
action = /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
35058
|
-
|
|
35052
|
+
className: modules_bf949acd.input,
|
|
35053
|
+
checked: selected,
|
|
35054
|
+
disabled: true
|
|
35059
35055
|
});
|
|
35060
35056
|
break;
|
|
35061
35057
|
case 'radio':
|
|
35062
|
-
action = /*#__PURE__*/jsxRuntime.jsx(
|
|
35063
|
-
|
|
35058
|
+
action = /*#__PURE__*/jsxRuntime.jsx(Radio, {
|
|
35059
|
+
className: modules_bf949acd.input,
|
|
35060
|
+
checked: selected,
|
|
35061
|
+
disabled: true
|
|
35064
35062
|
});
|
|
35065
35063
|
break;
|
|
35066
35064
|
}
|
|
35067
|
-
return /*#__PURE__*/jsxRuntime.jsxs("
|
|
35065
|
+
return /*#__PURE__*/jsxRuntime.jsxs("li", _objectSpread2(_objectSpread2({
|
|
35068
35066
|
ref: ref,
|
|
35069
35067
|
className: classes(className, modules_bf949acd.root, selected ? modules_bf949acd.selected : ''),
|
|
35070
35068
|
"data-elem": "dropdown-item",
|
|
35071
35069
|
"data-variant": variant,
|
|
35072
35070
|
"data-value": value,
|
|
35073
35071
|
"data-selected": selected,
|
|
35074
|
-
onClick: onClick
|
|
35072
|
+
onClick: onClick,
|
|
35073
|
+
onMouseEnter: onMouseEnter
|
|
35075
35074
|
}, _objectSpread2({}, dataAttrs)), {}, {
|
|
35076
|
-
tabIndex:
|
|
35075
|
+
tabIndex: tabIndex,
|
|
35077
35076
|
role: "option",
|
|
35078
35077
|
"aria-selected": selected,
|
|
35079
35078
|
onKeyDown: onKeyDown,
|
|
@@ -35099,9 +35098,9 @@ DropdownItem.defaultProps = {
|
|
|
35099
35098
|
selected: false
|
|
35100
35099
|
};
|
|
35101
35100
|
|
|
35102
|
-
var css$
|
|
35103
|
-
var modules_f23ae002 = {"root":"
|
|
35104
|
-
n(css$
|
|
35101
|
+
var css$o = ".BaseModal_module_root__2dd7477e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n top: 50%;\n left: 50%;\n right: auto;\n bottom: auto;\n transform: translate(-50%, -50%);\n max-height: 100%;\n width: 50%;\n position: fixed;\n background: #ffffff;\n box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.13);\n border-radius: 5px;\n outline: none;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_body__2dd7477e {\n overflow-y: scroll;\n padding: 0 15px;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_header__2dd7477e,\n.BaseModal_module_root__2dd7477e .BaseModal_module_footer__2dd7477e {\n padding: 1rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_header__2dd7477e {\n font-weight: 500;\n font-size: 1.375rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_footer__2dd7477e {\n margin-top: auto;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_close__2dd7477e {\n position: absolute;\n right: 0.5rem;\n top: 0.5rem;\n}\n.BaseModal_module_root__2dd7477e .BaseModal_module_close__2dd7477e .BaseModal_module_icon__2dd7477e {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--black);\n}";
|
|
35102
|
+
var modules_f23ae002 = {"root":"BaseModal_module_root__2dd7477e","body":"BaseModal_module_body__2dd7477e","header":"BaseModal_module_header__2dd7477e","footer":"BaseModal_module_footer__2dd7477e","close":"BaseModal_module_close__2dd7477e","icon":"BaseModal_module_icon__2dd7477e"};
|
|
35103
|
+
n(css$o,{});
|
|
35105
35104
|
|
|
35106
35105
|
var BaseModal = function BaseModal(props) {
|
|
35107
35106
|
var className = props.className,
|
|
@@ -35110,18 +35109,24 @@ var BaseModal = function BaseModal(props) {
|
|
|
35110
35109
|
renderFooter = props.renderFooter,
|
|
35111
35110
|
toggle = props.toggle,
|
|
35112
35111
|
open = props.open;
|
|
35113
|
-
var
|
|
35114
|
-
useOutsideClickListener(ref, function () {
|
|
35115
|
-
return toggle(false);
|
|
35116
|
-
});
|
|
35117
|
-
if (open) {
|
|
35118
|
-
return /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
35112
|
+
var _useFloating = useFloating({
|
|
35119
35113
|
open: open,
|
|
35120
|
-
|
|
35121
|
-
|
|
35122
|
-
|
|
35114
|
+
onOpenChange: toggle
|
|
35115
|
+
}),
|
|
35116
|
+
floating = _useFloating.floating,
|
|
35117
|
+
context = _useFloating.context;
|
|
35118
|
+
var _useInteractions = useInteractions([useDismiss(context)]),
|
|
35119
|
+
getFloatingProps = _useInteractions.getFloatingProps;
|
|
35120
|
+
return /*#__PURE__*/jsxRuntime.jsx(Popper, {
|
|
35121
|
+
open: open,
|
|
35122
|
+
transparent: false,
|
|
35123
|
+
wrapperId: "base-modal-popper",
|
|
35124
|
+
children: open && /*#__PURE__*/jsxRuntime.jsx(FloatingFocusManager, {
|
|
35125
|
+
context: context,
|
|
35126
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread2(_objectSpread2({}, getFloatingProps({
|
|
35123
35127
|
className: classes(modules_f23ae002.root, className),
|
|
35124
|
-
ref:
|
|
35128
|
+
ref: floating
|
|
35129
|
+
})), {}, {
|
|
35125
35130
|
children: [renderHeader && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35126
35131
|
"data-elem": "header",
|
|
35127
35132
|
className: modules_f23ae002.header,
|
|
@@ -35134,20 +35139,23 @@ var BaseModal = function BaseModal(props) {
|
|
|
35134
35139
|
"data-elem": "footer",
|
|
35135
35140
|
className: modules_f23ae002.footer,
|
|
35136
35141
|
children: renderFooter
|
|
35137
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
35142
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
35143
|
+
size: "auto",
|
|
35144
|
+
variant: "text",
|
|
35138
35145
|
"data-elem": "close",
|
|
35139
|
-
className: modules_f23ae002.
|
|
35146
|
+
className: modules_f23ae002.close,
|
|
35140
35147
|
onClick: function onClick() {
|
|
35141
35148
|
toggle(false);
|
|
35142
35149
|
},
|
|
35143
|
-
|
|
35144
|
-
|
|
35145
|
-
|
|
35150
|
+
rightComponent: function rightComponent() {
|
|
35151
|
+
return /*#__PURE__*/jsxRuntime.jsx(Cross$1, {
|
|
35152
|
+
className: modules_f23ae002.icon
|
|
35153
|
+
});
|
|
35154
|
+
}
|
|
35146
35155
|
})]
|
|
35147
|
-
})
|
|
35148
|
-
})
|
|
35149
|
-
}
|
|
35150
|
-
return null;
|
|
35156
|
+
}))
|
|
35157
|
+
})
|
|
35158
|
+
});
|
|
35151
35159
|
};
|
|
35152
35160
|
BaseModal.propTypes = {
|
|
35153
35161
|
className: propTypes$1.exports.string,
|
|
@@ -35162,9 +35170,9 @@ BaseModal.defaultProps = {
|
|
|
35162
35170
|
toggle: function toggle() {}
|
|
35163
35171
|
};
|
|
35164
35172
|
|
|
35165
|
-
var css$
|
|
35173
|
+
var css$n = ".Dialog_module_root__2974a020 {\n padding: 0.25rem 0px;\n max-height: 14rem;\n background: #ffffff;\n border-radius: 0.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_sm__2974a020 {\n width: 21.25rem;\n}\n.Dialog_module_root__2974a020.Dialog_module_md__2974a020 {\n width: 35rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_header__2974a020 {\n font-weight: 600;\n font-size: 0.875rem;\n color: var(--black);\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 1rem;\n}\n.Dialog_module_root__2974a020 .Dialog_module_footer__2974a020 .Dialog_module_cancel__2974a020[data-elem=base-cell] {\n display: flex;\n color: var(--grey1);\n border-radius: 0.25rem;\n border: 1px solid var(--grey4);\n}\n.Dialog_module_root__2974a020 .Dialog_module_description__2974a020 {\n padding: 0.5rem 0px;\n font-size: 0.75rem;\n}";
|
|
35166
35174
|
var modules_ca1540aa = {"root":"Dialog_module_root__2974a020","sm":"Dialog_module_sm__2974a020","md":"Dialog_module_md__2974a020","header":"Dialog_module_header__2974a020","footer":"Dialog_module_footer__2974a020","cancel":"Dialog_module_cancel__2974a020","description":"Dialog_module_description__2974a020"};
|
|
35167
|
-
n(css$
|
|
35175
|
+
n(css$n,{});
|
|
35168
35176
|
|
|
35169
35177
|
/* eslint-disable object-curly-newline */
|
|
35170
35178
|
var DialogBox = function DialogBox(props) {
|
|
@@ -35228,9 +35236,9 @@ DialogBox.defaultProps = {
|
|
|
35228
35236
|
size: 'sm'
|
|
35229
35237
|
};
|
|
35230
35238
|
|
|
35231
|
-
var css$
|
|
35239
|
+
var css$m = ".PageHeader_module_root__2aae78e0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n width: 100%;\n background-color: transparent;\n gap: 4px;\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeDark__2aae78e0 {\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeDark__2aae78e0 .PageHeader_module_breadcrumb__2aae78e0 [data-elem=breadcrumb-item-active] {\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0.PageHeader_module_themeLight__2aae78e0 {\n color: var(--dark-grey);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_description__2aae78e0 {\n color: var(--grey);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0,\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_right__2aae78e0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 10px;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0 .PageHeader_module_title__2aae78e0 {\n font-size: 2.25rem;\n font-weight: 600;\n line-height: 3.375rem;\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_contents__2aae78e0 .PageHeader_module_left__2aae78e0 .PageHeader_module_chip__2aae78e0 {\n font-weight: 500;\n background: var(--highlight);\n color: var(--white);\n}\n.PageHeader_module_root__2aae78e0 .PageHeader_module_description__2aae78e0 {\n font-size: 1rem;\n font-weight: 400;\n line-height: 1.5rem;\n}\n\n.PageHeader_module_download__2aae78e0,\n.PageHeader_module_calender__2aae78e0 {\n width: 1.5rem;\n height: 1.5rem;\n}";
|
|
35232
35240
|
var modules_bdcbeaa5 = {"root":"PageHeader_module_root__2aae78e0","theme-dark":"PageHeader_module_themeDark__2aae78e0","breadcrumb":"PageHeader_module_breadcrumb__2aae78e0","theme-light":"PageHeader_module_themeLight__2aae78e0","description":"PageHeader_module_description__2aae78e0","contents":"PageHeader_module_contents__2aae78e0","left":"PageHeader_module_left__2aae78e0","right":"PageHeader_module_right__2aae78e0","title":"PageHeader_module_title__2aae78e0","chip":"PageHeader_module_chip__2aae78e0","download":"PageHeader_module_download__2aae78e0","calender":"PageHeader_module_calender__2aae78e0"};
|
|
35233
|
-
n(css$
|
|
35241
|
+
n(css$m,{});
|
|
35234
35242
|
|
|
35235
35243
|
var PageHeader = function PageHeader(props) {
|
|
35236
35244
|
var theme = props.theme,
|
|
@@ -35372,9 +35380,9 @@ function getPagination(curr, total, limit) {
|
|
|
35372
35380
|
return pages;
|
|
35373
35381
|
}
|
|
35374
35382
|
|
|
35375
|
-
var css$
|
|
35383
|
+
var css$l = ".Pagination_module_root__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: stretch;\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.625rem 2.125rem;\n background: var(--dark-grey);\n margin-top: auto;\n width: 100%;\n height: 3.5rem;\n overflow: auto;\n transition-property: background-color, color, bottom, width;\n transition-duration: 0.33s;\n transition-timing-function: ease-out;\n}\n.Pagination_module_root__4c778f02::-webkit-scrollbar {\n display: none;\n}\n.Pagination_module_root__4c778f02.Pagination_module_floating__4c778f02 {\n background: var(--dark-grey-o-85);\n position: absolute;\n border-radius: 6.25rem;\n width: 82%;\n bottom: 3rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_pagination__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_jumpToPage__4c778f02,\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: none;\n gap: 0.75rem;\n background-color: var(--grey);\n padding: 0;\n border-radius: 0.3125rem;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 > [data-elem=component2] {\n display: flex;\n flex: 1 0 auto;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_text__4c778f02 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n height: 100%;\n display: block;\n padding: 0.5rem;\n font-size: 0.875rem;\n font-weight: 500;\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] {\n height: 2.375rem;\n width: auto;\n min-width: -webkit-fit-content;\n min-width: -moz-fit-content;\n min-width: fit-content;\n padding: 0.625rem;\n background-color: var(--grey);\n border: none;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > [data-elem=placeholder] {\n color: var(--white);\n font-size: 0.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_rowSwitcher__4c778f02 .Pagination_module_dropdown__4c778f02 > [data-elem=header] > [data-elem=select] > svg {\n fill: var(--white);\n width: 0.813rem;\n height: 0.813rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 1.25rem;\n flex: 1 1 100%;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 {\n flex: 1 1 60%;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02.Pagination_module_disable__4c778f02 {\n pointer-events: none;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 [data-elem=title] {\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n gap: 0.625rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02 {\n cursor: pointer;\n border-radius: 50%;\n background-color: #e0e0e0;\n color: var(--black);\n width: 2.313rem;\n line-height: 2.313rem;\n text-align: center;\n font-size: 1rem;\n border: 1px solid transparent;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: none;\n}\n@media (min-width: 768px) {\n .Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:not([data-active=true]) {\n display: block;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02:hover {\n border: 1px solid var(--highlight);\n color: var(--highlight);\n background: var(--background);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_pageNumbers__4c778f02 > .Pagination_module_pageSelect__4c778f02 .Pagination_module_number__4c778f02.Pagination_module_active__4c778f02 {\n background-color: var(--highlight);\n color: var(--white);\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: none;\n padding: 0;\n flex: 0 1 20%;\n background: transparent;\n}\n@media (min-width: 992px) {\n .Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n }\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] {\n width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 > [data-elem*=component] > * {\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 {\n width: 100%;\n background: transparent;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: stretch;\n gap: 0.75rem;\n padding: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 > [data-elem*=component] {\n overflow: hidden;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 {\n background-color: var(--grey);\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] {\n overflow: hidden;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 [data-elem=left] [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_button__4c778f02 .Pagination_module_icon__4c778f02 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n flex-shrink: 0;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 {\n width: 5rem;\n max-width: 100%;\n height: 100%;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] {\n border-radius: 0.313rem;\n background-color: var(--grey);\n color: var(--white);\n border-color: var(--grey);\n width: 4.875rem;\n}\n.Pagination_module_root__4c778f02 .Pagination_module_form__4c778f02 .Pagination_module_jumpToPage__4c778f02 .Pagination_module_inputbox__4c778f02 [data-elem=base-cell] [data-elem=input] {\n text-align: center;\n color: var(--white);\n background-color: var(--grey);\n border: none;\n width: 100%;\n}\n\n.Pagination_module_paginationTest__4c778f02 {\n height: 80%;\n width: 100%;\n overflow: scroll;\n background-color: powderblue;\n display: flex;\n flex-direction: column;\n}\n\n.Pagination_module_dropdownPopper__4c778f02 {\n -ms-overflow-style: none;\n scrollbar-width: none;\n padding: 0.25rem;\n}\n.Pagination_module_dropdownPopper__4c778f02::-webkit-scrollbar {\n display: none;\n}";
|
|
35376
35384
|
var modules_a3d40e77 = {"root":"Pagination_module_root__4c778f02","floating":"Pagination_module_floating__4c778f02","row-switcher":"Pagination_module_rowSwitcher__4c778f02","pagination":"Pagination_module_pagination__4c778f02","jump-to-page":"Pagination_module_jumpToPage__4c778f02","form":"Pagination_module_form__4c778f02","text":"Pagination_module_text__4c778f02","dropdown":"Pagination_module_dropdown__4c778f02","page-numbers":"Pagination_module_pageNumbers__4c778f02","button":"Pagination_module_button__4c778f02","disable":"Pagination_module_disable__4c778f02","icon":"Pagination_module_icon__4c778f02","pageSelect":"Pagination_module_pageSelect__4c778f02","number":"Pagination_module_number__4c778f02","active":"Pagination_module_active__4c778f02","inputbox":"Pagination_module_inputbox__4c778f02","pagination-test":"Pagination_module_paginationTest__4c778f02","dropdown-popper":"Pagination_module_dropdownPopper__4c778f02"};
|
|
35377
|
-
n(css$
|
|
35385
|
+
n(css$l,{});
|
|
35378
35386
|
|
|
35379
35387
|
var dropdownOptions = ['10', '25', '50', '100', '200', '250'];
|
|
35380
35388
|
var reducer = function reducer(state, _ref) {
|
|
@@ -35606,13 +35614,13 @@ Pagination.defaultProps = {
|
|
|
35606
35614
|
onChange: function onChange() {}
|
|
35607
35615
|
};
|
|
35608
35616
|
|
|
35609
|
-
var css$
|
|
35610
|
-
var modules_bbfded44 = {"root":"
|
|
35611
|
-
n(css$
|
|
35617
|
+
var css$k = ".Stepper_module_root__781d3116 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 1rem;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n position: relative;\n z-index: 1;\n gap: 0.5rem;\n flex: 1;\n cursor: default;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116:last-child {\n flex: 0 1 auto;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116:last-child .Stepper_module_title__781d3116::after {\n display: none;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n position: relative;\n width: 1.5rem;\n height: 1.5rem;\n background: var(--white);\n border: 0.063rem solid var(--grey2);\n border-radius: 2rem;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_icon__781d3116 {\n width: 0.75rem;\n height: 0.75rem;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_icon__781d3116.Stepper_module_errorIcon__781d3116 {\n fill: var(--error);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_icon__781d3116.Stepper_module_completionIcon__781d3116 {\n fill: var(--highlight);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_icon__781d3116.Stepper_module_completionIcon__781d3116.Stepper_module_active__781d3116 {\n fill: var(--white);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_progress__781d3116 {\n position: absolute;\n z-index: -1;\n inset: -0.3rem;\n border-radius: 2rem;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_left__781d3116 .Stepper_module_progress__781d3116::after {\n position: absolute;\n content: \"\";\n inset: 0.15rem;\n background: white;\n border-radius: 2rem;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_right__781d3116 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n flex: 1;\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: flex-start;\n gap: 0.75rem;\n width: 100%;\n font-size: 1rem;\n color: var(--grey2);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116::after {\n content: \"\";\n flex: 1;\n min-width: 1.5rem;\n border-bottom: 0.063rem solid;\n margin-top: 0.75rem;\n border-bottom-color: var(--grey2);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116 .Stepper_module_right__781d3116 .Stepper_module_description__781d3116 {\n font-size: 0.75rem;\n color: var(--grey2);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_active__781d3116 .Stepper_module_left__781d3116 {\n background: var(--highlight);\n color: var(--white);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_active__781d3116 .Stepper_module_left__781d3116, .Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_completed__781d3116 .Stepper_module_left__781d3116 {\n border-color: var(--highlight);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_active__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116, .Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_completed__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116 {\n color: var(--black);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_active__781d3116 .Stepper_module_right__781d3116 .Stepper_module_description__781d3116, .Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_completed__781d3116 .Stepper_module_right__781d3116 .Stepper_module_description__781d3116 {\n color: var(--grey);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_completed__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116::after {\n border-bottom-color: var(--highlight);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_error__781d3116 .Stepper_module_left__781d3116 {\n background: var(--white);\n border-color: var(--error);\n color: var(--error);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_error__781d3116 .Stepper_module_right__781d3116 .Stepper_module_title__781d3116 {\n color: var(--error);\n}\n.Stepper_module_root__781d3116 .Stepper_module_step__781d3116.Stepper_module_error__781d3116 .Stepper_module_right__781d3116 .Stepper_module_description__781d3116 {\n color: rgba(var(--error), 0.6);\n}";
|
|
35618
|
+
var modules_bbfded44 = {"root":"Stepper_module_root__781d3116","step":"Stepper_module_step__781d3116","title":"Stepper_module_title__781d3116","left":"Stepper_module_left__781d3116","icon":"Stepper_module_icon__781d3116","error-icon":"Stepper_module_errorIcon__781d3116","completion-icon":"Stepper_module_completionIcon__781d3116","active":"Stepper_module_active__781d3116","progress":"Stepper_module_progress__781d3116","right":"Stepper_module_right__781d3116","description":"Stepper_module_description__781d3116","completed":"Stepper_module_completed__781d3116","error":"Stepper_module_error__781d3116"};
|
|
35619
|
+
n(css$k,{});
|
|
35612
35620
|
|
|
35613
|
-
var css$
|
|
35621
|
+
var css$j = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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}";
|
|
35614
35622
|
var modules_dd21d9e9 = {"white":"--white","black":"--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"};
|
|
35615
|
-
n(css$
|
|
35623
|
+
n(css$j,{});
|
|
35616
35624
|
|
|
35617
35625
|
var COLORS = Object.keys(modules_dd21d9e9).reduce(function (acc, curr) {
|
|
35618
35626
|
acc[curr] = getCSSVariableValue(modules_dd21d9e9[curr]);
|
|
@@ -35636,14 +35644,14 @@ var Step = function Step(props) {
|
|
|
35636
35644
|
});
|
|
35637
35645
|
} else if (completion === 1) {
|
|
35638
35646
|
display = /*#__PURE__*/jsxRuntime.jsx(Tick, {
|
|
35639
|
-
className: classes(modules_bbfded44.icon, modules_bbfded44['completion-icon'])
|
|
35647
|
+
className: classes(modules_bbfded44.icon, modules_bbfded44['completion-icon'], active ? modules_bbfded44.active : '')
|
|
35640
35648
|
});
|
|
35641
35649
|
}
|
|
35642
35650
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35643
35651
|
className: classes(modules_bbfded44.step, active ? modules_bbfded44.active : '', completion === 1 ? modules_bbfded44.completed : '', error ? modules_bbfded44.error : ''),
|
|
35644
35652
|
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
35645
35653
|
className: modules_bbfded44.left,
|
|
35646
|
-
children: [display, active === true && completion > 0 && completion
|
|
35654
|
+
children: [display, active === true && completion > 0 && completion <= 1 && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
35647
35655
|
className: modules_bbfded44.progress,
|
|
35648
35656
|
style: {
|
|
35649
35657
|
backgroundImage: "conic-gradient(".concat(COLORS.highlight, ", ").concat(completion * 100, "%, transparent 0%)")
|
|
@@ -35724,9 +35732,9 @@ var TableColumn = /*#__PURE__*/_createClass$1(function TableColumn(_ref) {
|
|
|
35724
35732
|
this.sticky = sticky;
|
|
35725
35733
|
});
|
|
35726
35734
|
|
|
35727
|
-
var css$
|
|
35735
|
+
var css$i = ".TableCell_module_root__b998b6b2[data-elem=base-cell] {\n background: var(--white);\n border-bottom: 1px solid var(--grey4);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n overflow: hidden;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n flex: 1;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell] > [data-elem*=component] .TableCell_module_cellText__b998b6b2 {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n display: inline-block;\n width: 100%;\n font-size: 0.875rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 {\n background: var(--grey7);\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_headerCell__b998b6b2 .TableCell_module_cellText__b998b6b2 {\n font-weight: 600;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_bodyCell__b998b6b2 .TableCell_module_cellText__b998b6b2.TableCell_module_multiLine__b998b6b2 {\n white-space: normal;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n font-size: 0.75rem;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyLeft__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n left: 0;\n}\n.TableCell_module_root__b998b6b2[data-elem=base-cell].TableCell_module_stickyRight__b998b6b2 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n position: -webkit-sticky;\n position: sticky;\n right: 0;\n}";
|
|
35728
35736
|
var modules_7ba8d001 = {"root":"TableCell_module_root__b998b6b2","cell-text":"TableCell_module_cellText__b998b6b2","header-cell":"TableCell_module_headerCell__b998b6b2","body-cell":"TableCell_module_bodyCell__b998b6b2","multi-line":"TableCell_module_multiLine__b998b6b2","sticky-left":"TableCell_module_stickyLeft__b998b6b2","sticky-right":"TableCell_module_stickyRight__b998b6b2"};
|
|
35729
|
-
n(css$
|
|
35737
|
+
n(css$i,{});
|
|
35730
35738
|
|
|
35731
35739
|
var TableCell = /*#__PURE__*/React.forwardRef(function TableCell(props, ref) {
|
|
35732
35740
|
var className = props.className,
|
|
@@ -35786,24 +35794,24 @@ TableCell.defaultProps = _objectSpread2(_objectSpread2({}, BaseCell.defaultProps
|
|
|
35786
35794
|
cellTitle: null
|
|
35787
35795
|
});
|
|
35788
35796
|
|
|
35789
|
-
var css$
|
|
35790
|
-
var modules_f6618a87 = {"root":"
|
|
35791
|
-
n(css$
|
|
35797
|
+
var css$h = ".TableRow_module_root__b76a6936 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.TableRow_module_root__b76a6936.TableRow_module_headerRow__b76a6936 {\n background: var(--grey6);\n}\n.TableRow_module_root__b76a6936.TableRow_module_bodyRow__b76a6936 {\n background: var(--white);\n}\n.TableRow_module_root__b76a6936.TableRow_module_bodyRow__b76a6936:hover > [data-elem=base-cell] {\n background: var(--info-bg);\n}\n.TableRow_module_root__b76a6936.TableRow_module_bodyRow__b76a6936[data-active=true] > [data-elem=base-cell] {\n background: var(--background);\n}\n.TableRow_module_root__b76a6936 > [data-elem=base-cell]:first-child {\n padding-left: 1rem;\n}\n.TableRow_module_root__b76a6936 > [data-elem=base-cell]:last-child {\n padding-right: 1rem;\n}";
|
|
35798
|
+
var modules_f6618a87 = {"root":"TableRow_module_root__b76a6936","header-row":"TableRow_module_headerRow__b76a6936","body-row":"TableRow_module_bodyRow__b76a6936"};
|
|
35799
|
+
n(css$h,{});
|
|
35792
35800
|
|
|
35793
|
-
var TableRow = function
|
|
35801
|
+
var TableRow = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
35794
35802
|
var _headerData$map;
|
|
35795
|
-
// eslint-disable-next-line object-curly-newline
|
|
35796
35803
|
var type = props.type,
|
|
35797
35804
|
headerData = props.headerData,
|
|
35798
35805
|
datum = props.datum,
|
|
35799
35806
|
_index = props._index,
|
|
35800
|
-
selected = props.selected,
|
|
35801
35807
|
customCells = props.customCells,
|
|
35802
35808
|
className = props.className,
|
|
35803
|
-
|
|
35809
|
+
setActiveId = props.setActiveId;
|
|
35804
35810
|
return /*#__PURE__*/jsxRuntime.jsx("tr", {
|
|
35811
|
+
ref: ref,
|
|
35812
|
+
tabIndex: -1,
|
|
35805
35813
|
"data-elem": "table-row",
|
|
35806
|
-
className: classes(className, modules_f6618a87.root,
|
|
35814
|
+
className: classes(className, modules_f6618a87.root, modules_f6618a87["".concat(type, "-row")]),
|
|
35807
35815
|
children: headerData === null || headerData === void 0 ? void 0 : (_headerData$map = headerData.map) === null || _headerData$map === void 0 ? void 0 : _headerData$map.call(headerData, function (item) {
|
|
35808
35816
|
var _getCustomCell;
|
|
35809
35817
|
var cellContent = null;
|
|
@@ -35814,7 +35822,7 @@ var TableRow = function TableRow(props) {
|
|
|
35814
35822
|
}
|
|
35815
35823
|
var cellProps = _objectSpread2(_objectSpread2(_objectSpread2({}, props), item), {}, {
|
|
35816
35824
|
_index: _index,
|
|
35817
|
-
|
|
35825
|
+
setActiveId: setActiveId,
|
|
35818
35826
|
key: item.id,
|
|
35819
35827
|
datum: datum,
|
|
35820
35828
|
cellContent: cellContent,
|
|
@@ -35834,7 +35842,7 @@ var TableRow = function TableRow(props) {
|
|
|
35834
35842
|
);
|
|
35835
35843
|
})
|
|
35836
35844
|
});
|
|
35837
|
-
};
|
|
35845
|
+
});
|
|
35838
35846
|
TableRow.propTypes = {
|
|
35839
35847
|
className: propTypes$1.exports.string,
|
|
35840
35848
|
type: propTypes$1.exports.oneOf(['header', 'body']),
|
|
@@ -35852,8 +35860,7 @@ TableRow.propTypes = {
|
|
|
35852
35860
|
style: propTypes$1.exports.object,
|
|
35853
35861
|
multiLine: propTypes$1.exports.bool
|
|
35854
35862
|
})),
|
|
35855
|
-
|
|
35856
|
-
selected: propTypes$1.exports.bool
|
|
35863
|
+
setActiveId: propTypes$1.exports.func
|
|
35857
35864
|
};
|
|
35858
35865
|
TableRow.defaultProps = {
|
|
35859
35866
|
className: '',
|
|
@@ -35864,39 +35871,45 @@ TableRow.defaultProps = {
|
|
|
35864
35871
|
body: null
|
|
35865
35872
|
},
|
|
35866
35873
|
headerData: [],
|
|
35867
|
-
|
|
35868
|
-
selected: false
|
|
35874
|
+
setActiveId: function setActiveId() {}
|
|
35869
35875
|
};
|
|
35870
35876
|
|
|
35871
|
-
var css$
|
|
35877
|
+
var css$g = ".TableBody_module_root__77e2990d {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35872
35878
|
var modules_82c0c387 = {"root":"TableBody_module_root__77e2990d"};
|
|
35873
|
-
n(css$
|
|
35879
|
+
n(css$g,{});
|
|
35874
35880
|
|
|
35875
|
-
/* eslint-disable
|
|
35881
|
+
/* eslint-disable no-underscore-dangle */
|
|
35876
35882
|
var TableBody = function TableBody(props) {
|
|
35877
35883
|
var tableData = props.tableData,
|
|
35878
|
-
uniqueKey = props.uniqueKey,
|
|
35879
|
-
activeData = props.activeData,
|
|
35880
|
-
setActiveData = props.setActiveData,
|
|
35881
35884
|
headerData = props.headerData,
|
|
35882
35885
|
customCells = props.customCells,
|
|
35883
35886
|
className = props.className;
|
|
35887
|
+
var listRef = React.useRef([]);
|
|
35884
35888
|
return /*#__PURE__*/jsxRuntime.jsx("tbody", {
|
|
35885
35889
|
"data-elem": "table-body",
|
|
35886
35890
|
className: classes(modules_82c0c387.root, className),
|
|
35887
35891
|
children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (datum, _index) {
|
|
35888
|
-
var key = datum === null || datum === void 0 ? void 0 : datum.
|
|
35889
|
-
var
|
|
35890
|
-
|
|
35891
|
-
|
|
35892
|
-
|
|
35892
|
+
var key = datum === null || datum === void 0 ? void 0 : datum.uuid;
|
|
35893
|
+
var setActiveId = function setActiveId() {
|
|
35894
|
+
var reset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
35895
|
+
// _setActi(veId(reset ? null : datum?.[uniqueKey]);
|
|
35896
|
+
if (reset) {
|
|
35897
|
+
// ref.current.blur();
|
|
35898
|
+
listRef.current[_index].removeAttribute('data-active');
|
|
35899
|
+
} else {
|
|
35900
|
+
// listRef.current.focus();
|
|
35901
|
+
listRef.current[_index].setAttribute('data-active', true);
|
|
35902
|
+
}
|
|
35903
|
+
};
|
|
35893
35904
|
return /*#__PURE__*/jsxRuntime.jsx(TableRow, {
|
|
35905
|
+
ref: function ref(node) {
|
|
35906
|
+
listRef.current[_index] = node;
|
|
35907
|
+
},
|
|
35894
35908
|
datum: datum,
|
|
35895
|
-
selected: selected,
|
|
35896
35909
|
headerData: headerData,
|
|
35897
35910
|
customCells: customCells,
|
|
35898
|
-
|
|
35899
|
-
|
|
35911
|
+
_index: _index,
|
|
35912
|
+
setActiveId: setActiveId
|
|
35900
35913
|
}, key);
|
|
35901
35914
|
})
|
|
35902
35915
|
});
|
|
@@ -35913,9 +35926,6 @@ TableBody.propTypes = {
|
|
|
35913
35926
|
multiLine: propTypes$1.exports.bool
|
|
35914
35927
|
})),
|
|
35915
35928
|
tableData: propTypes$1.exports.arrayOf(propTypes$1.exports.object),
|
|
35916
|
-
uniqueKey: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
35917
|
-
activeData: propTypes$1.exports.object,
|
|
35918
|
-
setActiveData: propTypes$1.exports.func,
|
|
35919
35929
|
customCells: propTypes$1.exports.shape({
|
|
35920
35930
|
header: propTypes$1.exports.object,
|
|
35921
35931
|
body: propTypes$1.exports.object
|
|
@@ -35925,18 +35935,15 @@ TableBody.defaultProps = {
|
|
|
35925
35935
|
className: '',
|
|
35926
35936
|
headerData: [],
|
|
35927
35937
|
tableData: [],
|
|
35928
|
-
uniqueKey: [],
|
|
35929
|
-
activeData: {},
|
|
35930
|
-
setActiveData: function setActiveData() {},
|
|
35931
35938
|
customCells: {
|
|
35932
35939
|
header: null,
|
|
35933
35940
|
body: null
|
|
35934
35941
|
}
|
|
35935
35942
|
};
|
|
35936
35943
|
|
|
35937
|
-
var css$
|
|
35944
|
+
var css$f = ".TableHeader_module_root__daf69a14 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n}";
|
|
35938
35945
|
var modules_3be98c28 = {"root":"TableHeader_module_root__daf69a14"};
|
|
35939
|
-
n(css$
|
|
35946
|
+
n(css$f,{});
|
|
35940
35947
|
|
|
35941
35948
|
/* eslint-disable react/forbid-prop-types */
|
|
35942
35949
|
var TableHeader = function TableHeader(props) {
|
|
@@ -35975,18 +35982,15 @@ TableHeader.defaultProps = {
|
|
|
35975
35982
|
}
|
|
35976
35983
|
};
|
|
35977
35984
|
|
|
35978
|
-
var css$
|
|
35985
|
+
var css$e = ".BaseTable_module_root__7a8d241c {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n background: var(--white);\n overflow: auto;\n}";
|
|
35979
35986
|
var modules_f1817c60 = {"root":"BaseTable_module_root__7a8d241c"};
|
|
35980
|
-
n(css$
|
|
35987
|
+
n(css$e,{});
|
|
35981
35988
|
|
|
35982
35989
|
/* eslint-disable react/forbid-prop-types */
|
|
35983
35990
|
var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
35984
35991
|
var headerData = props.headerData,
|
|
35985
35992
|
customCells = props.customCells,
|
|
35986
35993
|
tableData = props.tableData,
|
|
35987
|
-
uniqueKey = props.uniqueKey,
|
|
35988
|
-
activeData = props.activeData,
|
|
35989
|
-
setActiveData = props.setActiveData,
|
|
35990
35994
|
className = props.className;
|
|
35991
35995
|
var transformedHeaderData = headerData.map(function (header) {
|
|
35992
35996
|
return new TableColumn(header);
|
|
@@ -36002,10 +36006,7 @@ var BaseTable = /*#__PURE__*/React.forwardRef(function BaseTable(props, ref) {
|
|
|
36002
36006
|
ref: ref,
|
|
36003
36007
|
headerData: transformedHeaderData,
|
|
36004
36008
|
customCells: customCells,
|
|
36005
|
-
tableData: tableData
|
|
36006
|
-
uniqueKey: uniqueKey,
|
|
36007
|
-
activeData: activeData,
|
|
36008
|
-
setActiveData: setActiveData
|
|
36009
|
+
tableData: tableData
|
|
36009
36010
|
})]
|
|
36010
36011
|
});
|
|
36011
36012
|
});
|
|
@@ -36021,9 +36022,6 @@ BaseTable.propTypes = {
|
|
|
36021
36022
|
multiLine: propTypes$1.exports.bool
|
|
36022
36023
|
})),
|
|
36023
36024
|
tableData: propTypes$1.exports.arrayOf(propTypes$1.exports.object),
|
|
36024
|
-
uniqueKey: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
36025
|
-
activeData: propTypes$1.exports.object,
|
|
36026
|
-
setActiveData: propTypes$1.exports.func,
|
|
36027
36025
|
customCells: propTypes$1.exports.shape({
|
|
36028
36026
|
header: propTypes$1.exports.func,
|
|
36029
36027
|
body: propTypes$1.exports.func
|
|
@@ -36033,18 +36031,15 @@ BaseTable.defaultProps = {
|
|
|
36033
36031
|
className: '',
|
|
36034
36032
|
headerData: [],
|
|
36035
36033
|
tableData: [],
|
|
36036
|
-
uniqueKey: [],
|
|
36037
|
-
activeData: {},
|
|
36038
|
-
setActiveData: function setActiveData() {},
|
|
36039
36034
|
customCells: {
|
|
36040
36035
|
header: null,
|
|
36041
36036
|
body: null
|
|
36042
36037
|
}
|
|
36043
36038
|
};
|
|
36044
36039
|
|
|
36045
|
-
var css$
|
|
36040
|
+
var css$d = ".TableChips_module_root__ed8402e9[data-elem=base-cell] {\n padding: 0.5rem 1.5rem;\n width: 100%;\n background: var(--grey8);\n border-radius: 0.25rem 0.25rem 0 0;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__ed8402e9 {\n height: 2rem;\n width: 2rem;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component1] .TableChips_module_back__ed8402e9 [data-elem=component1] .TableChips_module_icon__ed8402e9 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--white);\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component2] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n gap: 0.5rem;\n overflow-x: auto;\n flex: 1;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component2]::-webkit-scrollbar {\n display: none;\n}\n.TableChips_module_root__ed8402e9[data-elem=base-cell] > [data-elem=component2] .TableChips_module_chip__ed8402e9 .TableChips_module_chipIcon__ed8402e9 {\n width: 1rem;\n height: 1rem;\n}";
|
|
36046
36041
|
var modules_016d9b3e = {"root":"TableChips_module_root__ed8402e9","back":"TableChips_module_back__ed8402e9","icon":"TableChips_module_icon__ed8402e9","chip":"TableChips_module_chip__ed8402e9","chip-icon":"TableChips_module_chipIcon__ed8402e9"};
|
|
36047
|
-
n(css$
|
|
36042
|
+
n(css$d,{});
|
|
36048
36043
|
|
|
36049
36044
|
var TableChips = function TableChips(props) {
|
|
36050
36045
|
var _chips$filter;
|
|
@@ -36140,9 +36135,9 @@ var TableChip = /*#__PURE__*/_createClass$1(function TableChip(_ref) {
|
|
|
36140
36135
|
this.disabled = disabled;
|
|
36141
36136
|
});
|
|
36142
36137
|
|
|
36143
|
-
var css$
|
|
36138
|
+
var css$c = ".Popover_module_root__265e51dc {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background-color: var(--white);\n padding: 1rem;\n border-radius: 0.25rem;\n}";
|
|
36144
36139
|
var modules_dfc4608f = {"root":"Popover_module_root__265e51dc"};
|
|
36145
|
-
n(css$
|
|
36140
|
+
n(css$c,{});
|
|
36146
36141
|
|
|
36147
36142
|
var Popover = function Popover(props) {
|
|
36148
36143
|
var children = props.children,
|
|
@@ -36218,9 +36213,9 @@ Popover.defaultProps = {
|
|
|
36218
36213
|
onClose: function onClose() {}
|
|
36219
36214
|
};
|
|
36220
36215
|
|
|
36221
|
-
var css$
|
|
36216
|
+
var css$b = ".Columns_module_popover__680b100e {\n height: 100%;\n}\n\n.Columns_module_root__680b100e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 1rem;\n position: relative;\n height: 100%;\n max-width: 100%;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 1.5rem;\n width: 100%;\n padding: 0;\n height: auto;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e > [data-elem=component1] {\n font-weight: 500;\n}\n.Columns_module_root__680b100e .Columns_module_header__680b100e > [data-elem=component2] .Columns_module_search__680b100e {\n width: 100%;\n}\n.Columns_module_root__680b100e .Columns_module_close__680b100e {\n position: absolute;\n top: -1rem;\n right: -1rem;\n}\n.Columns_module_root__680b100e .Columns_module_close__680b100e .Columns_module_icon__680b100e {\n width: 1rem;\n height: 1rem;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n gap: 0.5rem;\n overflow-y: auto;\n flex: 1 1 auto;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e {\n height: 3rem;\n}\n.Columns_module_root__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e > [data-elem=title] {\n text-overflow: ellipsis;\n overflow: hidden;\n white-space: nowrap;\n}\n.Columns_module_root__680b100e .Columns_module_footer__680b100e .Columns_module_expand__680b100e .Columns_module_icon__680b100e {\n width: 1.5rem;\n height: 1.5rem;\n transform: rotate(180deg);\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_header__680b100e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n padding-right: 2rem;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_header__680b100e > [data-elem=component2] {\n flex: 1;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_close__680b100e {\n top: -0.25rem;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_body__680b100e {\n display: grid;\n grid-template-columns: 1fr 1fr;\n flex: 0 1 auto;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_body__680b100e .Columns_module_item__680b100e {\n overflow: hidden;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_footer__680b100e {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n margin-top: auto;\n}\n.Columns_module_root__680b100e.Columns_module_expanded__680b100e .Columns_module_footer__680b100e .Columns_module_expand__680b100e .Columns_module_icon__680b100e {\n transform: rotate(0deg);\n}";
|
|
36222
36217
|
var modules_48c02c99 = {"popover":"Columns_module_popover__680b100e","root":"Columns_module_root__680b100e","header":"Columns_module_header__680b100e","search":"Columns_module_search__680b100e","close":"Columns_module_close__680b100e","icon":"Columns_module_icon__680b100e","body":"Columns_module_body__680b100e","item":"Columns_module_item__680b100e","footer":"Columns_module_footer__680b100e","expand":"Columns_module_expand__680b100e","expanded":"Columns_module_expanded__680b100e"};
|
|
36223
|
-
n(css$
|
|
36218
|
+
n(css$b,{});
|
|
36224
36219
|
|
|
36225
36220
|
var Columns = function Columns(props) {
|
|
36226
36221
|
var open = props.open,
|
|
@@ -36318,9 +36313,9 @@ var Columns = function Columns(props) {
|
|
|
36318
36313
|
});
|
|
36319
36314
|
};
|
|
36320
36315
|
|
|
36321
|
-
var css$
|
|
36316
|
+
var css$a = ".TableFilters_module_root__0ffd53bf[data-elem=base-cell] {\n -ms-overflow-style: none;\n scrollbar-width: none;\n overflow-x: auto;\n padding: 0.5rem;\n gap: 1.25rem;\n width: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell]::-webkit-scrollbar {\n display: none;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_icon__0ffd53bf {\n width: 1.5rem;\n height: 1.5rem;\n flex-shrink: 0;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_iconButton__0ffd53bf {\n padding: 0rem;\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem*=component] {\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_left__0ffd53bf,\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_center__0ffd53bf,\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf {\n height: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf {\n gap: 1rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf [data-elem=left] {\n gap: 1rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component1] .TableFilters_module_left__0ffd53bf .TableFilters_module_filterValue__0ffd53bf {\n color: var(--white);\n background: var(--highlight);\n padding: 0.125rem 0.5rem;\n border-radius: 50%;\n font-size: 0.813rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] {\n flex: 1;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf {\n width: 100%;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf [data-elem=base-cell] {\n background: var(--grey7);\n border-color: var(--grey3);\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] > [data-elem=component2] .TableFilters_module_center__0ffd53bf .TableFilters_module_icon__0ffd53bf {\n width: 1.25rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf {\n width: auto;\n padding: 0;\n gap: 2.5rem;\n}\n.TableFilters_module_root__0ffd53bf[data-elem=base-cell] .TableFilters_module_right__0ffd53bf > [data-elem*=component] {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}";
|
|
36322
36317
|
var modules_a0fe63f9 = {"root":"TableFilters_module_root__0ffd53bf","icon":"TableFilters_module_icon__0ffd53bf","icon-button":"TableFilters_module_iconButton__0ffd53bf","left":"TableFilters_module_left__0ffd53bf","center":"TableFilters_module_center__0ffd53bf","right":"TableFilters_module_right__0ffd53bf","filter-value":"TableFilters_module_filterValue__0ffd53bf"};
|
|
36323
|
-
n(css$
|
|
36318
|
+
n(css$a,{});
|
|
36324
36319
|
|
|
36325
36320
|
var TableFilters = function TableFilters(props) {
|
|
36326
36321
|
var className = props.className,
|
|
@@ -36452,9 +36447,9 @@ TableFilters.defaultProps = {
|
|
|
36452
36447
|
}
|
|
36453
36448
|
};
|
|
36454
36449
|
|
|
36455
|
-
var css$
|
|
36450
|
+
var css$9 = ".Table_module_root__d17cb64f {\n position: relative;\n border-style: solid;\n border-color: var(--grey4);\n border-width: 1px 1px 0px 1px;\n border-radius: 0.25rem;\n width: 100%;\n max-width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.Table_module_root__d17cb64f .Table_module_table__d17cb64f {\n height: calc(100% - 6rem);\n padding-bottom: 3.5rem;\n}\n.Table_module_root__d17cb64f .Table_module_pagination__d17cb64f {\n position: absolute;\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n}\n.Table_module_root__d17cb64f .Table_module_pagination__d17cb64f.Table_module_floating__d17cb64f {\n bottom: 1rem;\n}\n.Table_module_root__d17cb64f .Table_module_chips__d17cb64f,\n.Table_module_root__d17cb64f .Table_module_filters__d17cb64f,\n.Table_module_root__d17cb64f .Table_module_table__d17cb64f > [data-elem=table-header] {\n position: -webkit-sticky;\n position: sticky;\n z-index: 1;\n top: 0;\n}";
|
|
36456
36451
|
var modules_2e8406c7 = {"root":"Table_module_root__d17cb64f","table":"Table_module_table__d17cb64f","pagination":"Table_module_pagination__d17cb64f","floating":"Table_module_floating__d17cb64f","chips":"Table_module_chips__d17cb64f","filters":"Table_module_filters__d17cb64f"};
|
|
36457
|
-
n(css$
|
|
36452
|
+
n(css$9,{});
|
|
36458
36453
|
|
|
36459
36454
|
var INTERSECTION = 1;
|
|
36460
36455
|
var STEP = 0.1;
|
|
@@ -36611,9 +36606,9 @@ Table.defaultProps = {
|
|
|
36611
36606
|
paginationData: null
|
|
36612
36607
|
};
|
|
36613
36608
|
|
|
36614
|
-
var css$
|
|
36609
|
+
var css$8 = ".Tabs_module_root__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n\n.Tabs_module_tabView__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 {\n cursor: pointer;\n margin-right: 0.25rem;\n padding: 0.5rem 0rem 0.5rem 0.5rem;\n text-align: left;\n font-size: 1rem;\n font-weight: 500;\n color: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--grey3);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.Tabs_module_tabView__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--dark-grey);\n}\n.Tabs_module_tabView__df3be7a0:hover, .Tabs_module_tabViewSelected__df3be7a0:hover {\n background-color: var(--background);\n border-radius: 0.25rem;\n color: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--highlight);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabView__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0, .Tabs_module_tabViewSelected__df3be7a0:hover .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n\n.Tabs_module_tabViewSelected__df3be7a0 {\n color: var(--highlight);\n border-bottom: 0.125rem solid var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_left__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_saperator__df3be7a0 {\n border-right: 0.031rem solid var(--highlight);\n border-radius: 0.625rem;\n height: 1.438rem;\n margin: 0rem 0rem 0rem 1rem;\n}\n.Tabs_module_tabViewSelected__df3be7a0 .Tabs_module_content__df3be7a0 .Tabs_module_right__df3be7a0 .Tabs_module_iconContainer__df3be7a0 .Tabs_module_icon__df3be7a0 {\n width: 1.5rem;\n height: 1.5rem;\n fill: var(--highlight);\n}";
|
|
36615
36610
|
var modules_78ab5066 = {"root":"Tabs_module_root__df3be7a0","tab-view":"Tabs_module_tabView__df3be7a0","tab-view-selected":"Tabs_module_tabViewSelected__df3be7a0","content":"Tabs_module_content__df3be7a0","left":"Tabs_module_left__df3be7a0","icon-container":"Tabs_module_iconContainer__df3be7a0","icon":"Tabs_module_icon__df3be7a0","right":"Tabs_module_right__df3be7a0","saperator":"Tabs_module_saperator__df3be7a0"};
|
|
36616
|
-
n(css$
|
|
36611
|
+
n(css$8,{});
|
|
36617
36612
|
|
|
36618
36613
|
var Tabs = function Tabs(props) {
|
|
36619
36614
|
var tabs = props.tabs,
|
|
@@ -36704,9 +36699,9 @@ Tabs.defaultProps = {
|
|
|
36704
36699
|
setSelectedTab: 'None'
|
|
36705
36700
|
};
|
|
36706
36701
|
|
|
36707
|
-
var css$
|
|
36702
|
+
var css$7 = ".Tooltip_module_root__c909817e {\n display: inline-block;\n position: relative;\n}\n.Tooltip_module_tooltip__c909817e {\n text-align: center;\n position: fixed;\n border-radius: 0.25rem;\n min-width: auto;\n max-width: 12rem;\n padding: 0.375rem;\n font-size: 0.875rem;\n font-family: sans-serif;\n line-height: 1;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_light__c909817e {\n color: var(--black);\n background: var(--grey7);\n border-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_dark__c909817e {\n color: var(--white);\n background: var(--black);\n border-color: var(--white);\n}\n.Tooltip_module_tooltip__c909817e::before {\n content: \"\";\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: 0.375rem;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e::before {\n top: 100%;\n left: 50%;\n transform: translate(-50%, 0%);\n border-top-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e.Tooltip_module_light__c909817e::before {\n border-top-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_top__c909817e.Tooltip_module_dark__c909817e::before {\n border-top-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e::before {\n top: 0%;\n left: 50%;\n transform: translate(-50%, -100%);\n border-bottom-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e.Tooltip_module_light__c909817e::before {\n border-bottom-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_bottom__c909817e.Tooltip_module_dark__c909817e::before {\n border-bottom-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e::before {\n top: 50%;\n left: 100%;\n transform: translate(0%, -50%);\n border-left-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e.Tooltip_module_light__c909817e::before {\n border-left-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_left__c909817e.Tooltip_module_dark__c909817e::before {\n border-left-color: var(--black);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e::before {\n top: 50%;\n left: 0%;\n transform: translate(-100%, -50%);\n border-right-style: solid;\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e.Tooltip_module_light__c909817e::before {\n border-right-color: var(--grey7);\n}\n.Tooltip_module_tooltip__c909817e.Tooltip_module_right__c909817e.Tooltip_module_dark__c909817e::before {\n border-right-color: var(--black);\n}";
|
|
36708
36703
|
var modules_e4619b04 = {"root":"Tooltip_module_root__c909817e","tooltip":"Tooltip_module_tooltip__c909817e","light":"Tooltip_module_light__c909817e","dark":"Tooltip_module_dark__c909817e","top":"Tooltip_module_top__c909817e","bottom":"Tooltip_module_bottom__c909817e","left":"Tooltip_module_left__c909817e","right":"Tooltip_module_right__c909817e"};
|
|
36709
|
-
n(css$
|
|
36704
|
+
n(css$7,{});
|
|
36710
36705
|
|
|
36711
36706
|
var getPositionStyles = function getPositionStyles(_ref) {
|
|
36712
36707
|
var _anchor$current$getBo, _anchor$current, _anchor$current$getBo2, _anchor$current$getBo3, _anchor$current$getBo4, _anchor$current2, _anchor$current2$getB, _anchor$current2$getB2, _anchor$current$getBo5, _anchor$current3, _anchor$current3$getB, _anchor$current3$getB2, _anchor$current$getBo6, _anchor$current4, _anchor$current4$getB, _anchor$current4$getB2, _anchor$current$getBo7, _anchor$current5, _anchor$current5$getB, _anchor$current5$getB2, _anchor$current$getBo8, _anchor$current6, _anchor$current6$getB, _anchor$current6$getB2, _anchor$current$getBo9, _anchor$current7, _anchor$current7$getB, _anchor$current7$getB2, _anchor$current$getBo10, _anchor$current8, _anchor$current8$getB, _anchor$current8$getB2, _anchor$current$getBo11, _anchor$current9, _anchor$current9$getB, _anchor$current9$getB2, _anchor$current$getBo12, _anchor$current10, _anchor$current10$get, _anchor$current10$get2, _anchor$current$getBo13, _anchor$current11, _anchor$current11$get, _anchor$current11$get2, _anchor$current$getBo14, _anchor$current12, _anchor$current12$get, _anchor$current12$get2;
|
|
@@ -36800,9 +36795,9 @@ Tooltip.defaultProps = {
|
|
|
36800
36795
|
position: 'top'
|
|
36801
36796
|
};
|
|
36802
36797
|
|
|
36803
|
-
var css$
|
|
36798
|
+
var css$6 = ".BaseSidePanel_module_root__c7817916 {\n max-height: 100%;\n height: 100%;\n display: flex;\n width: 30%;\n flex-direction: column;\n top: 0;\n background: #ffffff;\n box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.12);\n overflow-x: hidden;\n transition: 0.5s;\n}\n.BaseSidePanel_module_root__c7817916.BaseSidePanel_module_close__c7817916 {\n width: 0rem;\n}\n.BaseSidePanel_module_root__c7817916 .BaseSidePanel_module_body__c7817916 {\n flex: 1;\n overflow-y: auto;\n}";
|
|
36804
36799
|
var modules_c7321921 = {"root":"BaseSidePanel_module_root__c7817916","close":"BaseSidePanel_module_close__c7817916","body":"BaseSidePanel_module_body__c7817916"};
|
|
36805
|
-
n(css$
|
|
36800
|
+
n(css$6,{});
|
|
36806
36801
|
|
|
36807
36802
|
var BaseSidePanel = function BaseSidePanel(props) {
|
|
36808
36803
|
var className = props.className,
|
|
@@ -47426,7 +47421,7 @@ var mathMin$4 = Math.min;
|
|
|
47426
47421
|
var mathMax$4 = Math.max;
|
|
47427
47422
|
var mathSin$3 = Math.sin;
|
|
47428
47423
|
var mathCos$3 = Math.cos;
|
|
47429
|
-
var PI2$
|
|
47424
|
+
var PI2$6 = Math.PI * 2;
|
|
47430
47425
|
var start = create$1();
|
|
47431
47426
|
var end = create$1();
|
|
47432
47427
|
var extremity = create$1();
|
|
@@ -47482,7 +47477,7 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
|
|
|
47482
47477
|
var vec2Min = min$1;
|
|
47483
47478
|
var vec2Max = max$1;
|
|
47484
47479
|
var diff = Math.abs(startAngle - endAngle);
|
|
47485
|
-
if (diff % PI2$
|
|
47480
|
+
if (diff % PI2$6 < 1e-4 && diff > 1e-4) {
|
|
47486
47481
|
min[0] = x - rx;
|
|
47487
47482
|
min[1] = y - ry;
|
|
47488
47483
|
max[0] = x + rx;
|
|
@@ -47495,19 +47490,19 @@ function fromArc(x, y, rx, ry, startAngle, endAngle, anticlockwise, min, max) {
|
|
|
47495
47490
|
end[1] = mathSin$3(endAngle) * ry + y;
|
|
47496
47491
|
vec2Min(min, start, end);
|
|
47497
47492
|
vec2Max(max, start, end);
|
|
47498
|
-
startAngle = startAngle % (PI2$
|
|
47493
|
+
startAngle = startAngle % (PI2$6);
|
|
47499
47494
|
if (startAngle < 0) {
|
|
47500
|
-
startAngle = startAngle + PI2$
|
|
47495
|
+
startAngle = startAngle + PI2$6;
|
|
47501
47496
|
}
|
|
47502
|
-
endAngle = endAngle % (PI2$
|
|
47497
|
+
endAngle = endAngle % (PI2$6);
|
|
47503
47498
|
if (endAngle < 0) {
|
|
47504
|
-
endAngle = endAngle + PI2$
|
|
47499
|
+
endAngle = endAngle + PI2$6;
|
|
47505
47500
|
}
|
|
47506
47501
|
if (startAngle > endAngle && !anticlockwise) {
|
|
47507
|
-
endAngle += PI2$
|
|
47502
|
+
endAngle += PI2$6;
|
|
47508
47503
|
}
|
|
47509
47504
|
else if (startAngle < endAngle && anticlockwise) {
|
|
47510
|
-
startAngle += PI2$
|
|
47505
|
+
startAngle += PI2$6;
|
|
47511
47506
|
}
|
|
47512
47507
|
if (anticlockwise) {
|
|
47513
47508
|
var tmp = endAngle;
|
|
@@ -47545,7 +47540,7 @@ var mathCos$2 = Math.cos;
|
|
|
47545
47540
|
var mathSin$2 = Math.sin;
|
|
47546
47541
|
var mathAbs$1 = Math.abs;
|
|
47547
47542
|
var PI$4 = Math.PI;
|
|
47548
|
-
var PI2$
|
|
47543
|
+
var PI2$5 = PI$4 * 2;
|
|
47549
47544
|
var hasTypedArray = typeof Float32Array !== 'undefined';
|
|
47550
47545
|
var tmpAngles = [];
|
|
47551
47546
|
function modPI2(radian) {
|
|
@@ -47555,22 +47550,22 @@ function modPI2(radian) {
|
|
|
47555
47550
|
function normalizeArcAngles(angles, anticlockwise) {
|
|
47556
47551
|
var newStartAngle = modPI2(angles[0]);
|
|
47557
47552
|
if (newStartAngle < 0) {
|
|
47558
|
-
newStartAngle += PI2$
|
|
47553
|
+
newStartAngle += PI2$5;
|
|
47559
47554
|
}
|
|
47560
47555
|
var delta = newStartAngle - angles[0];
|
|
47561
47556
|
var newEndAngle = angles[1];
|
|
47562
47557
|
newEndAngle += delta;
|
|
47563
|
-
if (!anticlockwise && newEndAngle - newStartAngle >= PI2$
|
|
47564
|
-
newEndAngle = newStartAngle + PI2$
|
|
47558
|
+
if (!anticlockwise && newEndAngle - newStartAngle >= PI2$5) {
|
|
47559
|
+
newEndAngle = newStartAngle + PI2$5;
|
|
47565
47560
|
}
|
|
47566
|
-
else if (anticlockwise && newStartAngle - newEndAngle >= PI2$
|
|
47567
|
-
newEndAngle = newStartAngle - PI2$
|
|
47561
|
+
else if (anticlockwise && newStartAngle - newEndAngle >= PI2$5) {
|
|
47562
|
+
newEndAngle = newStartAngle - PI2$5;
|
|
47568
47563
|
}
|
|
47569
47564
|
else if (!anticlockwise && newStartAngle > newEndAngle) {
|
|
47570
|
-
newEndAngle = newStartAngle + (PI2$
|
|
47565
|
+
newEndAngle = newStartAngle + (PI2$5 - modPI2(newStartAngle - newEndAngle));
|
|
47571
47566
|
}
|
|
47572
47567
|
else if (anticlockwise && newStartAngle < newEndAngle) {
|
|
47573
|
-
newEndAngle = newStartAngle - (PI2$
|
|
47568
|
+
newEndAngle = newStartAngle - (PI2$5 - modPI2(newEndAngle - newStartAngle));
|
|
47574
47569
|
}
|
|
47575
47570
|
angles[0] = newStartAngle;
|
|
47576
47571
|
angles[1] = newEndAngle;
|
|
@@ -47960,7 +47955,7 @@ var PathProxy = (function () {
|
|
|
47960
47955
|
x0 = mathCos$2(startAngle) * rx + cx;
|
|
47961
47956
|
y0 = mathSin$2(startAngle) * ry + cy;
|
|
47962
47957
|
}
|
|
47963
|
-
l = mathMax$3(rx, ry) * mathMin$3(PI2$
|
|
47958
|
+
l = mathMax$3(rx, ry) * mathMin$3(PI2$5, Math.abs(delta));
|
|
47964
47959
|
xi = mathCos$2(endAngle) * rx + cx;
|
|
47965
47960
|
yi = mathSin$2(endAngle) * ry + cy;
|
|
47966
47961
|
break;
|
|
@@ -48273,16 +48268,16 @@ function containStroke$2(x0, y0, x1, y1, x2, y2, lineWidth, x, y) {
|
|
|
48273
48268
|
return d <= _l / 2;
|
|
48274
48269
|
}
|
|
48275
48270
|
|
|
48276
|
-
var PI2$
|
|
48271
|
+
var PI2$4 = Math.PI * 2;
|
|
48277
48272
|
function normalizeRadian(angle) {
|
|
48278
|
-
angle %= PI2$
|
|
48273
|
+
angle %= PI2$4;
|
|
48279
48274
|
if (angle < 0) {
|
|
48280
|
-
angle += PI2$
|
|
48275
|
+
angle += PI2$4;
|
|
48281
48276
|
}
|
|
48282
48277
|
return angle;
|
|
48283
48278
|
}
|
|
48284
48279
|
|
|
48285
|
-
var PI2$
|
|
48280
|
+
var PI2$3 = Math.PI * 2;
|
|
48286
48281
|
function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWidth, x, y) {
|
|
48287
48282
|
if (lineWidth === 0) {
|
|
48288
48283
|
return false;
|
|
@@ -48294,7 +48289,7 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
|
|
|
48294
48289
|
if ((d - _l > r) || (d + _l < r)) {
|
|
48295
48290
|
return false;
|
|
48296
48291
|
}
|
|
48297
|
-
if (Math.abs(startAngle - endAngle) % PI2$
|
|
48292
|
+
if (Math.abs(startAngle - endAngle) % PI2$3 < 1e-4) {
|
|
48298
48293
|
return true;
|
|
48299
48294
|
}
|
|
48300
48295
|
if (anticlockwise) {
|
|
@@ -48307,14 +48302,14 @@ function containStroke$1(cx, cy, r, startAngle, endAngle, anticlockwise, lineWid
|
|
|
48307
48302
|
endAngle = normalizeRadian(endAngle);
|
|
48308
48303
|
}
|
|
48309
48304
|
if (startAngle > endAngle) {
|
|
48310
|
-
endAngle += PI2$
|
|
48305
|
+
endAngle += PI2$3;
|
|
48311
48306
|
}
|
|
48312
48307
|
var angle = Math.atan2(y, x);
|
|
48313
48308
|
if (angle < 0) {
|
|
48314
|
-
angle += PI2$
|
|
48309
|
+
angle += PI2$3;
|
|
48315
48310
|
}
|
|
48316
48311
|
return (angle >= startAngle && angle <= endAngle)
|
|
48317
|
-
|| (angle + PI2$
|
|
48312
|
+
|| (angle + PI2$3 >= startAngle && angle + PI2$3 <= endAngle);
|
|
48318
48313
|
}
|
|
48319
48314
|
|
|
48320
48315
|
function windingLine(x0, y0, x1, y1, x, y) {
|
|
@@ -48334,7 +48329,7 @@ function windingLine(x0, y0, x1, y1, x, y) {
|
|
|
48334
48329
|
}
|
|
48335
48330
|
|
|
48336
48331
|
var CMD$1 = PathProxy$1.CMD;
|
|
48337
|
-
var PI2$
|
|
48332
|
+
var PI2$2 = Math.PI * 2;
|
|
48338
48333
|
var EPSILON$1 = 1e-4;
|
|
48339
48334
|
function isAroundEqual$1(a, b) {
|
|
48340
48335
|
return Math.abs(a - b) < EPSILON$1;
|
|
@@ -48451,9 +48446,9 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
|
|
|
48451
48446
|
if (dTheta < 1e-4) {
|
|
48452
48447
|
return 0;
|
|
48453
48448
|
}
|
|
48454
|
-
if (dTheta >= PI2$
|
|
48449
|
+
if (dTheta >= PI2$2 - 1e-4) {
|
|
48455
48450
|
startAngle = 0;
|
|
48456
|
-
endAngle = PI2$
|
|
48451
|
+
endAngle = PI2$2;
|
|
48457
48452
|
var dir = anticlockwise ? 1 : -1;
|
|
48458
48453
|
if (x >= roots[0] + cx && x <= roots[1] + cx) {
|
|
48459
48454
|
return dir;
|
|
@@ -48468,8 +48463,8 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
|
|
|
48468
48463
|
endAngle = tmp_1;
|
|
48469
48464
|
}
|
|
48470
48465
|
if (startAngle < 0) {
|
|
48471
|
-
startAngle += PI2$
|
|
48472
|
-
endAngle += PI2$
|
|
48466
|
+
startAngle += PI2$2;
|
|
48467
|
+
endAngle += PI2$2;
|
|
48473
48468
|
}
|
|
48474
48469
|
var w = 0;
|
|
48475
48470
|
for (var i = 0; i < 2; i++) {
|
|
@@ -48478,10 +48473,10 @@ function windingArc(cx, cy, r, startAngle, endAngle, anticlockwise, x, y) {
|
|
|
48478
48473
|
var angle = Math.atan2(y, x_);
|
|
48479
48474
|
var dir = anticlockwise ? 1 : -1;
|
|
48480
48475
|
if (angle < 0) {
|
|
48481
|
-
angle = PI2$
|
|
48476
|
+
angle = PI2$2 + angle;
|
|
48482
48477
|
}
|
|
48483
48478
|
if ((angle >= startAngle && angle <= endAngle)
|
|
48484
|
-
|| (angle + PI2$
|
|
48479
|
+
|| (angle + PI2$2 >= startAngle && angle + PI2$2 <= endAngle)) {
|
|
48485
48480
|
if (angle > Math.PI / 2 && angle < Math.PI * 1.5) {
|
|
48486
48481
|
dir = -dir;
|
|
48487
48482
|
}
|
|
@@ -51104,7 +51099,7 @@ Ellipse.prototype.type = 'ellipse';
|
|
|
51104
51099
|
var Ellipse$1 = Ellipse;
|
|
51105
51100
|
|
|
51106
51101
|
var PI$2 = Math.PI;
|
|
51107
|
-
var PI2 = PI$2 * 2;
|
|
51102
|
+
var PI2$1 = PI$2 * 2;
|
|
51108
51103
|
var mathSin = Math.sin;
|
|
51109
51104
|
var mathCos = Math.cos;
|
|
51110
51105
|
var mathACos = Math.acos;
|
|
@@ -51215,12 +51210,12 @@ function buildPath$1(ctx, shape) {
|
|
|
51215
51210
|
var cx = shape.cx, cy = shape.cy;
|
|
51216
51211
|
var clockwise = !!shape.clockwise;
|
|
51217
51212
|
var arc = mathAbs(endAngle - startAngle);
|
|
51218
|
-
var mod = arc > PI2 && arc % PI2;
|
|
51213
|
+
var mod = arc > PI2$1 && arc % PI2$1;
|
|
51219
51214
|
mod > e && (arc = mod);
|
|
51220
51215
|
if (!(radius > e)) {
|
|
51221
51216
|
ctx.moveTo(cx, cy);
|
|
51222
51217
|
}
|
|
51223
|
-
else if (arc > PI2 - e) {
|
|
51218
|
+
else if (arc > PI2$1 - e) {
|
|
51224
51219
|
ctx.moveTo(cx + radius * mathCos(startAngle), cy + radius * mathSin(startAngle));
|
|
51225
51220
|
ctx.arc(cx, cy, radius, startAngle, endAngle, !clockwise);
|
|
51226
51221
|
if (innerRadius > e) {
|
|
@@ -55327,6 +55322,92 @@ function makeSeriesEncodeForAxisCoordSys(coordDimensions, seriesModel, source) {
|
|
|
55327
55322
|
encodeSeriesName.length && (encode.seriesName = encodeSeriesName);
|
|
55328
55323
|
return encode;
|
|
55329
55324
|
}
|
|
55325
|
+
/**
|
|
55326
|
+
* Work for data like [{name: ..., value: ...}, ...].
|
|
55327
|
+
*
|
|
55328
|
+
* @return encode Never be `null/undefined`.
|
|
55329
|
+
*/
|
|
55330
|
+
|
|
55331
|
+
function makeSeriesEncodeForNameBased(seriesModel, source, dimCount) {
|
|
55332
|
+
var encode = {};
|
|
55333
|
+
var datasetModel = querySeriesUpstreamDatasetModel(seriesModel); // Currently only make default when using dataset, util more reqirements occur.
|
|
55334
|
+
|
|
55335
|
+
if (!datasetModel) {
|
|
55336
|
+
return encode;
|
|
55337
|
+
}
|
|
55338
|
+
|
|
55339
|
+
var sourceFormat = source.sourceFormat;
|
|
55340
|
+
var dimensionsDefine = source.dimensionsDefine;
|
|
55341
|
+
var potentialNameDimIndex;
|
|
55342
|
+
|
|
55343
|
+
if (sourceFormat === SOURCE_FORMAT_OBJECT_ROWS || sourceFormat === SOURCE_FORMAT_KEYED_COLUMNS) {
|
|
55344
|
+
each$3(dimensionsDefine, function (dim, idx) {
|
|
55345
|
+
if ((isObject$2(dim) ? dim.name : dim) === 'name') {
|
|
55346
|
+
potentialNameDimIndex = idx;
|
|
55347
|
+
}
|
|
55348
|
+
});
|
|
55349
|
+
}
|
|
55350
|
+
|
|
55351
|
+
var idxResult = function () {
|
|
55352
|
+
var idxRes0 = {};
|
|
55353
|
+
var idxRes1 = {};
|
|
55354
|
+
var guessRecords = []; // 5 is an experience value.
|
|
55355
|
+
|
|
55356
|
+
for (var i = 0, len = Math.min(5, dimCount); i < len; i++) {
|
|
55357
|
+
var guessResult = doGuessOrdinal(source.data, sourceFormat, source.seriesLayoutBy, dimensionsDefine, source.startIndex, i);
|
|
55358
|
+
guessRecords.push(guessResult);
|
|
55359
|
+
var isPureNumber = guessResult === BE_ORDINAL.Not; // [Strategy of idxRes0]: find the first BE_ORDINAL.Not as the value dim,
|
|
55360
|
+
// and then find a name dim with the priority:
|
|
55361
|
+
// "BE_ORDINAL.Might|BE_ORDINAL.Must" > "other dim" > "the value dim itself".
|
|
55362
|
+
|
|
55363
|
+
if (isPureNumber && idxRes0.v == null && i !== potentialNameDimIndex) {
|
|
55364
|
+
idxRes0.v = i;
|
|
55365
|
+
}
|
|
55366
|
+
|
|
55367
|
+
if (idxRes0.n == null || idxRes0.n === idxRes0.v || !isPureNumber && guessRecords[idxRes0.n] === BE_ORDINAL.Not) {
|
|
55368
|
+
idxRes0.n = i;
|
|
55369
|
+
}
|
|
55370
|
+
|
|
55371
|
+
if (fulfilled(idxRes0) && guessRecords[idxRes0.n] !== BE_ORDINAL.Not) {
|
|
55372
|
+
return idxRes0;
|
|
55373
|
+
} // [Strategy of idxRes1]: if idxRes0 not satisfied (that is, no BE_ORDINAL.Not),
|
|
55374
|
+
// find the first BE_ORDINAL.Might as the value dim,
|
|
55375
|
+
// and then find a name dim with the priority:
|
|
55376
|
+
// "other dim" > "the value dim itself".
|
|
55377
|
+
// That is for backward compat: number-like (e.g., `'3'`, `'55'`) can be
|
|
55378
|
+
// treated as number.
|
|
55379
|
+
|
|
55380
|
+
|
|
55381
|
+
if (!isPureNumber) {
|
|
55382
|
+
if (guessResult === BE_ORDINAL.Might && idxRes1.v == null && i !== potentialNameDimIndex) {
|
|
55383
|
+
idxRes1.v = i;
|
|
55384
|
+
}
|
|
55385
|
+
|
|
55386
|
+
if (idxRes1.n == null || idxRes1.n === idxRes1.v) {
|
|
55387
|
+
idxRes1.n = i;
|
|
55388
|
+
}
|
|
55389
|
+
}
|
|
55390
|
+
}
|
|
55391
|
+
|
|
55392
|
+
function fulfilled(idxResult) {
|
|
55393
|
+
return idxResult.v != null && idxResult.n != null;
|
|
55394
|
+
}
|
|
55395
|
+
|
|
55396
|
+
return fulfilled(idxRes0) ? idxRes0 : fulfilled(idxRes1) ? idxRes1 : null;
|
|
55397
|
+
}();
|
|
55398
|
+
|
|
55399
|
+
if (idxResult) {
|
|
55400
|
+
encode.value = [idxResult.v]; // `potentialNameDimIndex` has highest priority.
|
|
55401
|
+
|
|
55402
|
+
var nameDimIndex = potentialNameDimIndex != null ? potentialNameDimIndex : idxResult.n; // By default, label use itemName in charts.
|
|
55403
|
+
// So we dont set encodeLabel here.
|
|
55404
|
+
|
|
55405
|
+
encode.itemName = [nameDimIndex];
|
|
55406
|
+
encode.seriesName = [nameDimIndex];
|
|
55407
|
+
}
|
|
55408
|
+
|
|
55409
|
+
return encode;
|
|
55410
|
+
}
|
|
55330
55411
|
/**
|
|
55331
55412
|
* @return If return null/undefined, indicate that should not use datasetModel.
|
|
55332
55413
|
*/
|
|
@@ -63709,6 +63790,37 @@ function getVisualFromData(data, key) {
|
|
|
63709
63790
|
}
|
|
63710
63791
|
}
|
|
63711
63792
|
|
|
63793
|
+
// Inlucdes: pieSelect, pieUnSelect, pieToggleSelect, mapSelect, mapUnSelect, mapToggleSelect
|
|
63794
|
+
|
|
63795
|
+
function createLegacyDataSelectAction(seriesType, ecRegisterAction) {
|
|
63796
|
+
function getSeriesIndices(ecModel, payload) {
|
|
63797
|
+
var seriesIndices = [];
|
|
63798
|
+
ecModel.eachComponent({
|
|
63799
|
+
mainType: 'series',
|
|
63800
|
+
subType: seriesType,
|
|
63801
|
+
query: payload
|
|
63802
|
+
}, function (seriesModel) {
|
|
63803
|
+
seriesIndices.push(seriesModel.seriesIndex);
|
|
63804
|
+
});
|
|
63805
|
+
return seriesIndices;
|
|
63806
|
+
}
|
|
63807
|
+
|
|
63808
|
+
each$3([[seriesType + 'ToggleSelect', 'toggleSelect'], [seriesType + 'Select', 'select'], [seriesType + 'UnSelect', 'unselect']], function (eventsMap) {
|
|
63809
|
+
ecRegisterAction(eventsMap[0], function (payload, ecModel, api) {
|
|
63810
|
+
payload = extend({}, payload);
|
|
63811
|
+
|
|
63812
|
+
if (process.env.NODE_ENV !== 'production') {
|
|
63813
|
+
deprecateReplaceLog(payload.type, eventsMap[1]);
|
|
63814
|
+
}
|
|
63815
|
+
|
|
63816
|
+
api.dispatchAction(extend(payload, {
|
|
63817
|
+
type: eventsMap[1],
|
|
63818
|
+
seriesIndex: getSeriesIndices(ecModel, payload)
|
|
63819
|
+
}));
|
|
63820
|
+
});
|
|
63821
|
+
});
|
|
63822
|
+
}
|
|
63823
|
+
|
|
63712
63824
|
function handleSeriesLegacySelectEvents(type, eventPostfix, ecIns, ecModel, payload) {
|
|
63713
63825
|
var legacyEventName = type + eventPostfix;
|
|
63714
63826
|
|
|
@@ -74153,6 +74265,297 @@ function extendChartView(proto) {
|
|
|
74153
74265
|
return View;
|
|
74154
74266
|
}
|
|
74155
74267
|
|
|
74268
|
+
PathProxy$1.CMD;
|
|
74269
|
+
|
|
74270
|
+
function projectPointToLine(x1, y1, x2, y2, x, y, out, limitToEnds) {
|
|
74271
|
+
var dx = x - x1;
|
|
74272
|
+
var dy = y - y1;
|
|
74273
|
+
var dx1 = x2 - x1;
|
|
74274
|
+
var dy1 = y2 - y1;
|
|
74275
|
+
var lineLen = Math.sqrt(dx1 * dx1 + dy1 * dy1);
|
|
74276
|
+
dx1 /= lineLen;
|
|
74277
|
+
dy1 /= lineLen; // dot product
|
|
74278
|
+
|
|
74279
|
+
var projectedLen = dx * dx1 + dy * dy1;
|
|
74280
|
+
var t = projectedLen / lineLen;
|
|
74281
|
+
|
|
74282
|
+
if (limitToEnds) {
|
|
74283
|
+
t = Math.min(Math.max(t, 0), 1);
|
|
74284
|
+
}
|
|
74285
|
+
|
|
74286
|
+
t *= lineLen;
|
|
74287
|
+
var ox = out[0] = x1 + t * dx1;
|
|
74288
|
+
var oy = out[1] = y1 + t * dy1;
|
|
74289
|
+
return Math.sqrt((ox - x) * (ox - x) + (oy - y) * (oy - y));
|
|
74290
|
+
}
|
|
74291
|
+
|
|
74292
|
+
|
|
74293
|
+
var pt0 = new Point$1();
|
|
74294
|
+
var pt1 = new Point$1();
|
|
74295
|
+
var pt2 = new Point$1();
|
|
74296
|
+
var dir = new Point$1();
|
|
74297
|
+
var dir2 = new Point$1();
|
|
74298
|
+
|
|
74299
|
+
var tmpArr = [];
|
|
74300
|
+
var tmpProjPoint = new Point$1();
|
|
74301
|
+
/**
|
|
74302
|
+
* Reduce the line segment attached to the label to limit the turn angle between two segments.
|
|
74303
|
+
* @param linePoints
|
|
74304
|
+
* @param minTurnAngle Radian of minimum turn angle. 0 - 180
|
|
74305
|
+
*/
|
|
74306
|
+
|
|
74307
|
+
function limitTurnAngle(linePoints, minTurnAngle) {
|
|
74308
|
+
if (!(minTurnAngle <= 180 && minTurnAngle > 0)) {
|
|
74309
|
+
return;
|
|
74310
|
+
}
|
|
74311
|
+
|
|
74312
|
+
minTurnAngle = minTurnAngle / 180 * Math.PI; // The line points can be
|
|
74313
|
+
// /pt1----pt2 (label)
|
|
74314
|
+
// /
|
|
74315
|
+
// pt0/
|
|
74316
|
+
|
|
74317
|
+
pt0.fromArray(linePoints[0]);
|
|
74318
|
+
pt1.fromArray(linePoints[1]);
|
|
74319
|
+
pt2.fromArray(linePoints[2]);
|
|
74320
|
+
Point$1.sub(dir, pt0, pt1);
|
|
74321
|
+
Point$1.sub(dir2, pt2, pt1);
|
|
74322
|
+
var len1 = dir.len();
|
|
74323
|
+
var len2 = dir2.len();
|
|
74324
|
+
|
|
74325
|
+
if (len1 < 1e-3 || len2 < 1e-3) {
|
|
74326
|
+
return;
|
|
74327
|
+
}
|
|
74328
|
+
|
|
74329
|
+
dir.scale(1 / len1);
|
|
74330
|
+
dir2.scale(1 / len2);
|
|
74331
|
+
var angleCos = dir.dot(dir2);
|
|
74332
|
+
var minTurnAngleCos = Math.cos(minTurnAngle);
|
|
74333
|
+
|
|
74334
|
+
if (minTurnAngleCos < angleCos) {
|
|
74335
|
+
// Smaller than minTurnAngle
|
|
74336
|
+
// Calculate project point of pt0 on pt1-pt2
|
|
74337
|
+
var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
|
|
74338
|
+
tmpProjPoint.fromArray(tmpArr); // Calculate new projected length with limited minTurnAngle and get the new connect point
|
|
74339
|
+
|
|
74340
|
+
tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI - minTurnAngle)); // Limit the new calculated connect point between pt1 and pt2.
|
|
74341
|
+
|
|
74342
|
+
var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
|
|
74343
|
+
|
|
74344
|
+
if (isNaN(t)) {
|
|
74345
|
+
return;
|
|
74346
|
+
}
|
|
74347
|
+
|
|
74348
|
+
if (t < 0) {
|
|
74349
|
+
Point$1.copy(tmpProjPoint, pt1);
|
|
74350
|
+
} else if (t > 1) {
|
|
74351
|
+
Point$1.copy(tmpProjPoint, pt2);
|
|
74352
|
+
}
|
|
74353
|
+
|
|
74354
|
+
tmpProjPoint.toArray(linePoints[1]);
|
|
74355
|
+
}
|
|
74356
|
+
}
|
|
74357
|
+
/**
|
|
74358
|
+
* Limit the angle of line and the surface
|
|
74359
|
+
* @param maxSurfaceAngle Radian of minimum turn angle. 0 - 180. 0 is same direction to normal. 180 is opposite
|
|
74360
|
+
*/
|
|
74361
|
+
|
|
74362
|
+
function limitSurfaceAngle(linePoints, surfaceNormal, maxSurfaceAngle) {
|
|
74363
|
+
if (!(maxSurfaceAngle <= 180 && maxSurfaceAngle > 0)) {
|
|
74364
|
+
return;
|
|
74365
|
+
}
|
|
74366
|
+
|
|
74367
|
+
maxSurfaceAngle = maxSurfaceAngle / 180 * Math.PI;
|
|
74368
|
+
pt0.fromArray(linePoints[0]);
|
|
74369
|
+
pt1.fromArray(linePoints[1]);
|
|
74370
|
+
pt2.fromArray(linePoints[2]);
|
|
74371
|
+
Point$1.sub(dir, pt1, pt0);
|
|
74372
|
+
Point$1.sub(dir2, pt2, pt1);
|
|
74373
|
+
var len1 = dir.len();
|
|
74374
|
+
var len2 = dir2.len();
|
|
74375
|
+
|
|
74376
|
+
if (len1 < 1e-3 || len2 < 1e-3) {
|
|
74377
|
+
return;
|
|
74378
|
+
}
|
|
74379
|
+
|
|
74380
|
+
dir.scale(1 / len1);
|
|
74381
|
+
dir2.scale(1 / len2);
|
|
74382
|
+
var angleCos = dir.dot(surfaceNormal);
|
|
74383
|
+
var maxSurfaceAngleCos = Math.cos(maxSurfaceAngle);
|
|
74384
|
+
|
|
74385
|
+
if (angleCos < maxSurfaceAngleCos) {
|
|
74386
|
+
// Calculate project point of pt0 on pt1-pt2
|
|
74387
|
+
var d = projectPointToLine(pt1.x, pt1.y, pt2.x, pt2.y, pt0.x, pt0.y, tmpArr, false);
|
|
74388
|
+
tmpProjPoint.fromArray(tmpArr);
|
|
74389
|
+
var HALF_PI = Math.PI / 2;
|
|
74390
|
+
var angle2 = Math.acos(dir2.dot(surfaceNormal));
|
|
74391
|
+
var newAngle = HALF_PI + angle2 - maxSurfaceAngle;
|
|
74392
|
+
|
|
74393
|
+
if (newAngle >= HALF_PI) {
|
|
74394
|
+
// parallel
|
|
74395
|
+
Point$1.copy(tmpProjPoint, pt2);
|
|
74396
|
+
} else {
|
|
74397
|
+
// Calculate new projected length with limited minTurnAngle and get the new connect point
|
|
74398
|
+
tmpProjPoint.scaleAndAdd(dir2, d / Math.tan(Math.PI / 2 - newAngle)); // Limit the new calculated connect point between pt1 and pt2.
|
|
74399
|
+
|
|
74400
|
+
var t = pt2.x !== pt1.x ? (tmpProjPoint.x - pt1.x) / (pt2.x - pt1.x) : (tmpProjPoint.y - pt1.y) / (pt2.y - pt1.y);
|
|
74401
|
+
|
|
74402
|
+
if (isNaN(t)) {
|
|
74403
|
+
return;
|
|
74404
|
+
}
|
|
74405
|
+
|
|
74406
|
+
if (t < 0) {
|
|
74407
|
+
Point$1.copy(tmpProjPoint, pt1);
|
|
74408
|
+
} else if (t > 1) {
|
|
74409
|
+
Point$1.copy(tmpProjPoint, pt2);
|
|
74410
|
+
}
|
|
74411
|
+
}
|
|
74412
|
+
|
|
74413
|
+
tmpProjPoint.toArray(linePoints[1]);
|
|
74414
|
+
}
|
|
74415
|
+
}
|
|
74416
|
+
|
|
74417
|
+
function setLabelLineState(labelLine, ignore, stateName, stateModel) {
|
|
74418
|
+
var isNormal = stateName === 'normal';
|
|
74419
|
+
var stateObj = isNormal ? labelLine : labelLine.ensureState(stateName); // Make sure display.
|
|
74420
|
+
|
|
74421
|
+
stateObj.ignore = ignore; // Set smooth
|
|
74422
|
+
|
|
74423
|
+
var smooth = stateModel.get('smooth');
|
|
74424
|
+
|
|
74425
|
+
if (smooth && smooth === true) {
|
|
74426
|
+
smooth = 0.3;
|
|
74427
|
+
}
|
|
74428
|
+
|
|
74429
|
+
stateObj.shape = stateObj.shape || {};
|
|
74430
|
+
|
|
74431
|
+
if (smooth > 0) {
|
|
74432
|
+
stateObj.shape.smooth = smooth;
|
|
74433
|
+
}
|
|
74434
|
+
|
|
74435
|
+
var styleObj = stateModel.getModel('lineStyle').getLineStyle();
|
|
74436
|
+
isNormal ? labelLine.useStyle(styleObj) : stateObj.style = styleObj;
|
|
74437
|
+
}
|
|
74438
|
+
|
|
74439
|
+
function buildLabelLinePath(path, shape) {
|
|
74440
|
+
var smooth = shape.smooth;
|
|
74441
|
+
var points = shape.points;
|
|
74442
|
+
|
|
74443
|
+
if (!points) {
|
|
74444
|
+
return;
|
|
74445
|
+
}
|
|
74446
|
+
|
|
74447
|
+
path.moveTo(points[0][0], points[0][1]);
|
|
74448
|
+
|
|
74449
|
+
if (smooth > 0 && points.length >= 3) {
|
|
74450
|
+
var len1 = dist$1(points[0], points[1]);
|
|
74451
|
+
var len2 = dist$1(points[1], points[2]);
|
|
74452
|
+
|
|
74453
|
+
if (!len1 || !len2) {
|
|
74454
|
+
path.lineTo(points[1][0], points[1][1]);
|
|
74455
|
+
path.lineTo(points[2][0], points[2][1]);
|
|
74456
|
+
return;
|
|
74457
|
+
}
|
|
74458
|
+
|
|
74459
|
+
var moveLen = Math.min(len1, len2) * smooth;
|
|
74460
|
+
var midPoint0 = lerp$1([], points[1], points[0], moveLen / len1);
|
|
74461
|
+
var midPoint2 = lerp$1([], points[1], points[2], moveLen / len2);
|
|
74462
|
+
var midPoint1 = lerp$1([], midPoint0, midPoint2, 0.5);
|
|
74463
|
+
path.bezierCurveTo(midPoint0[0], midPoint0[1], midPoint0[0], midPoint0[1], midPoint1[0], midPoint1[1]);
|
|
74464
|
+
path.bezierCurveTo(midPoint2[0], midPoint2[1], midPoint2[0], midPoint2[1], points[2][0], points[2][1]);
|
|
74465
|
+
} else {
|
|
74466
|
+
for (var i = 1; i < points.length; i++) {
|
|
74467
|
+
path.lineTo(points[i][0], points[i][1]);
|
|
74468
|
+
}
|
|
74469
|
+
}
|
|
74470
|
+
}
|
|
74471
|
+
/**
|
|
74472
|
+
* Create a label line if necessary and set it's style.
|
|
74473
|
+
*/
|
|
74474
|
+
|
|
74475
|
+
|
|
74476
|
+
function setLabelLineStyle(targetEl, statesModels, defaultStyle) {
|
|
74477
|
+
var labelLine = targetEl.getTextGuideLine();
|
|
74478
|
+
var label = targetEl.getTextContent();
|
|
74479
|
+
|
|
74480
|
+
if (!label) {
|
|
74481
|
+
// Not show label line if there is no label.
|
|
74482
|
+
if (labelLine) {
|
|
74483
|
+
targetEl.removeTextGuideLine();
|
|
74484
|
+
}
|
|
74485
|
+
|
|
74486
|
+
return;
|
|
74487
|
+
}
|
|
74488
|
+
|
|
74489
|
+
var normalModel = statesModels.normal;
|
|
74490
|
+
var showNormal = normalModel.get('show');
|
|
74491
|
+
var labelIgnoreNormal = label.ignore;
|
|
74492
|
+
|
|
74493
|
+
for (var i = 0; i < DISPLAY_STATES.length; i++) {
|
|
74494
|
+
var stateName = DISPLAY_STATES[i];
|
|
74495
|
+
var stateModel = statesModels[stateName];
|
|
74496
|
+
var isNormal = stateName === 'normal';
|
|
74497
|
+
|
|
74498
|
+
if (stateModel) {
|
|
74499
|
+
var stateShow = stateModel.get('show');
|
|
74500
|
+
var isLabelIgnored = isNormal ? labelIgnoreNormal : retrieve2(label.states[stateName] && label.states[stateName].ignore, labelIgnoreNormal);
|
|
74501
|
+
|
|
74502
|
+
if (isLabelIgnored // Not show when label is not shown in this state.
|
|
74503
|
+
|| !retrieve2(stateShow, showNormal) // Use normal state by default if not set.
|
|
74504
|
+
) {
|
|
74505
|
+
var stateObj = isNormal ? labelLine : labelLine && labelLine.states[stateName];
|
|
74506
|
+
|
|
74507
|
+
if (stateObj) {
|
|
74508
|
+
stateObj.ignore = true;
|
|
74509
|
+
}
|
|
74510
|
+
|
|
74511
|
+
continue;
|
|
74512
|
+
} // Create labelLine if not exists
|
|
74513
|
+
|
|
74514
|
+
|
|
74515
|
+
if (!labelLine) {
|
|
74516
|
+
labelLine = new Polyline$1();
|
|
74517
|
+
targetEl.setTextGuideLine(labelLine); // Reset state of normal because it's new created.
|
|
74518
|
+
// NOTE: NORMAL should always been the first!
|
|
74519
|
+
|
|
74520
|
+
if (!isNormal && (labelIgnoreNormal || !showNormal)) {
|
|
74521
|
+
setLabelLineState(labelLine, true, 'normal', statesModels.normal);
|
|
74522
|
+
} // Use same state proxy.
|
|
74523
|
+
|
|
74524
|
+
|
|
74525
|
+
if (targetEl.stateProxy) {
|
|
74526
|
+
labelLine.stateProxy = targetEl.stateProxy;
|
|
74527
|
+
}
|
|
74528
|
+
}
|
|
74529
|
+
|
|
74530
|
+
setLabelLineState(labelLine, false, stateName, stateModel);
|
|
74531
|
+
}
|
|
74532
|
+
}
|
|
74533
|
+
|
|
74534
|
+
if (labelLine) {
|
|
74535
|
+
defaults(labelLine.style, defaultStyle); // Not fill.
|
|
74536
|
+
|
|
74537
|
+
labelLine.style.fill = null;
|
|
74538
|
+
var showAbove = normalModel.get('showAbove');
|
|
74539
|
+
var labelLineConfig = targetEl.textGuideLineConfig = targetEl.textGuideLineConfig || {};
|
|
74540
|
+
labelLineConfig.showAbove = showAbove || false; // Custom the buildPath.
|
|
74541
|
+
|
|
74542
|
+
labelLine.buildPath = buildLabelLinePath;
|
|
74543
|
+
}
|
|
74544
|
+
}
|
|
74545
|
+
function getLabelLineStatesModels(itemModel, labelLineName) {
|
|
74546
|
+
labelLineName = labelLineName || 'labelLine';
|
|
74547
|
+
var statesModels = {
|
|
74548
|
+
normal: itemModel.getModel(labelLineName)
|
|
74549
|
+
};
|
|
74550
|
+
|
|
74551
|
+
for (var i = 0; i < SPECIAL_STATES.length; i++) {
|
|
74552
|
+
var stateName = SPECIAL_STATES[i];
|
|
74553
|
+
statesModels[stateName] = itemModel.getModel([stateName, labelLineName]);
|
|
74554
|
+
}
|
|
74555
|
+
|
|
74556
|
+
return statesModels;
|
|
74557
|
+
}
|
|
74558
|
+
|
|
74156
74559
|
function prepareLayoutList(input) {
|
|
74157
74560
|
var list = [];
|
|
74158
74561
|
|
|
@@ -74192,6 +74595,175 @@ function prepareLayoutList(input) {
|
|
|
74192
74595
|
|
|
74193
74596
|
return list;
|
|
74194
74597
|
}
|
|
74598
|
+
|
|
74599
|
+
function shiftLayout(list, xyDim, sizeDim, minBound, maxBound, balanceShift) {
|
|
74600
|
+
var len = list.length;
|
|
74601
|
+
|
|
74602
|
+
if (len < 2) {
|
|
74603
|
+
return;
|
|
74604
|
+
}
|
|
74605
|
+
|
|
74606
|
+
list.sort(function (a, b) {
|
|
74607
|
+
return a.rect[xyDim] - b.rect[xyDim];
|
|
74608
|
+
});
|
|
74609
|
+
var lastPos = 0;
|
|
74610
|
+
var delta;
|
|
74611
|
+
var adjusted = false;
|
|
74612
|
+
var totalShifts = 0;
|
|
74613
|
+
|
|
74614
|
+
for (var i = 0; i < len; i++) {
|
|
74615
|
+
var item = list[i];
|
|
74616
|
+
var rect = item.rect;
|
|
74617
|
+
delta = rect[xyDim] - lastPos;
|
|
74618
|
+
|
|
74619
|
+
if (delta < 0) {
|
|
74620
|
+
// shiftForward(i, len, -delta);
|
|
74621
|
+
rect[xyDim] -= delta;
|
|
74622
|
+
item.label[xyDim] -= delta;
|
|
74623
|
+
adjusted = true;
|
|
74624
|
+
}
|
|
74625
|
+
|
|
74626
|
+
var shift = Math.max(-delta, 0);
|
|
74627
|
+
totalShifts += shift;
|
|
74628
|
+
lastPos = rect[xyDim] + rect[sizeDim];
|
|
74629
|
+
}
|
|
74630
|
+
|
|
74631
|
+
if (totalShifts > 0 && balanceShift) {
|
|
74632
|
+
// Shift back to make the distribution more equally.
|
|
74633
|
+
shiftList(-totalShifts / len, 0, len);
|
|
74634
|
+
} // TODO bleedMargin?
|
|
74635
|
+
|
|
74636
|
+
|
|
74637
|
+
var first = list[0];
|
|
74638
|
+
var last = list[len - 1];
|
|
74639
|
+
var minGap;
|
|
74640
|
+
var maxGap;
|
|
74641
|
+
updateMinMaxGap(); // If ends exceed two bounds, squeeze at most 80%, then take the gap of two bounds.
|
|
74642
|
+
|
|
74643
|
+
minGap < 0 && squeezeGaps(-minGap, 0.8);
|
|
74644
|
+
maxGap < 0 && squeezeGaps(maxGap, 0.8);
|
|
74645
|
+
updateMinMaxGap();
|
|
74646
|
+
takeBoundsGap(minGap, maxGap, 1);
|
|
74647
|
+
takeBoundsGap(maxGap, minGap, -1); // Handle bailout when there is not enough space.
|
|
74648
|
+
|
|
74649
|
+
updateMinMaxGap();
|
|
74650
|
+
|
|
74651
|
+
if (minGap < 0) {
|
|
74652
|
+
squeezeWhenBailout(-minGap);
|
|
74653
|
+
}
|
|
74654
|
+
|
|
74655
|
+
if (maxGap < 0) {
|
|
74656
|
+
squeezeWhenBailout(maxGap);
|
|
74657
|
+
}
|
|
74658
|
+
|
|
74659
|
+
function updateMinMaxGap() {
|
|
74660
|
+
minGap = first.rect[xyDim] - minBound;
|
|
74661
|
+
maxGap = maxBound - last.rect[xyDim] - last.rect[sizeDim];
|
|
74662
|
+
}
|
|
74663
|
+
|
|
74664
|
+
function takeBoundsGap(gapThisBound, gapOtherBound, moveDir) {
|
|
74665
|
+
if (gapThisBound < 0) {
|
|
74666
|
+
// Move from other gap if can.
|
|
74667
|
+
var moveFromMaxGap = Math.min(gapOtherBound, -gapThisBound);
|
|
74668
|
+
|
|
74669
|
+
if (moveFromMaxGap > 0) {
|
|
74670
|
+
shiftList(moveFromMaxGap * moveDir, 0, len);
|
|
74671
|
+
var remained = moveFromMaxGap + gapThisBound;
|
|
74672
|
+
|
|
74673
|
+
if (remained < 0) {
|
|
74674
|
+
squeezeGaps(-remained * moveDir, 1);
|
|
74675
|
+
}
|
|
74676
|
+
} else {
|
|
74677
|
+
squeezeGaps(-gapThisBound * moveDir, 1);
|
|
74678
|
+
}
|
|
74679
|
+
}
|
|
74680
|
+
}
|
|
74681
|
+
|
|
74682
|
+
function shiftList(delta, start, end) {
|
|
74683
|
+
if (delta !== 0) {
|
|
74684
|
+
adjusted = true;
|
|
74685
|
+
}
|
|
74686
|
+
|
|
74687
|
+
for (var i = start; i < end; i++) {
|
|
74688
|
+
var item = list[i];
|
|
74689
|
+
var rect = item.rect;
|
|
74690
|
+
rect[xyDim] += delta;
|
|
74691
|
+
item.label[xyDim] += delta;
|
|
74692
|
+
}
|
|
74693
|
+
} // Squeeze gaps if the labels exceed margin.
|
|
74694
|
+
|
|
74695
|
+
|
|
74696
|
+
function squeezeGaps(delta, maxSqeezePercent) {
|
|
74697
|
+
var gaps = [];
|
|
74698
|
+
var totalGaps = 0;
|
|
74699
|
+
|
|
74700
|
+
for (var i = 1; i < len; i++) {
|
|
74701
|
+
var prevItemRect = list[i - 1].rect;
|
|
74702
|
+
var gap = Math.max(list[i].rect[xyDim] - prevItemRect[xyDim] - prevItemRect[sizeDim], 0);
|
|
74703
|
+
gaps.push(gap);
|
|
74704
|
+
totalGaps += gap;
|
|
74705
|
+
}
|
|
74706
|
+
|
|
74707
|
+
if (!totalGaps) {
|
|
74708
|
+
return;
|
|
74709
|
+
}
|
|
74710
|
+
|
|
74711
|
+
var squeezePercent = Math.min(Math.abs(delta) / totalGaps, maxSqeezePercent);
|
|
74712
|
+
|
|
74713
|
+
if (delta > 0) {
|
|
74714
|
+
for (var i = 0; i < len - 1; i++) {
|
|
74715
|
+
// Distribute the shift delta to all gaps.
|
|
74716
|
+
var movement = gaps[i] * squeezePercent; // Forward
|
|
74717
|
+
|
|
74718
|
+
shiftList(movement, 0, i + 1);
|
|
74719
|
+
}
|
|
74720
|
+
} else {
|
|
74721
|
+
// Backward
|
|
74722
|
+
for (var i = len - 1; i > 0; i--) {
|
|
74723
|
+
// Distribute the shift delta to all gaps.
|
|
74724
|
+
var movement = gaps[i - 1] * squeezePercent;
|
|
74725
|
+
shiftList(-movement, i, len);
|
|
74726
|
+
}
|
|
74727
|
+
}
|
|
74728
|
+
}
|
|
74729
|
+
/**
|
|
74730
|
+
* Squeeze to allow overlap if there is no more space available.
|
|
74731
|
+
* Let other overlapping strategy like hideOverlap do the job instead of keep exceeding the bounds.
|
|
74732
|
+
*/
|
|
74733
|
+
|
|
74734
|
+
|
|
74735
|
+
function squeezeWhenBailout(delta) {
|
|
74736
|
+
var dir = delta < 0 ? -1 : 1;
|
|
74737
|
+
delta = Math.abs(delta);
|
|
74738
|
+
var moveForEachLabel = Math.ceil(delta / (len - 1));
|
|
74739
|
+
|
|
74740
|
+
for (var i = 0; i < len - 1; i++) {
|
|
74741
|
+
if (dir > 0) {
|
|
74742
|
+
// Forward
|
|
74743
|
+
shiftList(moveForEachLabel, 0, i + 1);
|
|
74744
|
+
} else {
|
|
74745
|
+
// Backward
|
|
74746
|
+
shiftList(-moveForEachLabel, len - i - 1, len);
|
|
74747
|
+
}
|
|
74748
|
+
|
|
74749
|
+
delta -= moveForEachLabel;
|
|
74750
|
+
|
|
74751
|
+
if (delta <= 0) {
|
|
74752
|
+
return;
|
|
74753
|
+
}
|
|
74754
|
+
}
|
|
74755
|
+
}
|
|
74756
|
+
|
|
74757
|
+
return adjusted;
|
|
74758
|
+
}
|
|
74759
|
+
/**
|
|
74760
|
+
* Adjust labels on y direction to avoid overlap.
|
|
74761
|
+
*/
|
|
74762
|
+
|
|
74763
|
+
function shiftLayoutOnY(list, topBound, bottomBound, // If average the shifts on all labels and add them to 0
|
|
74764
|
+
balanceShift) {
|
|
74765
|
+
return shiftLayout(list, 'y', 'height', topBound, bottomBound, balanceShift);
|
|
74766
|
+
}
|
|
74195
74767
|
function hideOverlap(labelList) {
|
|
74196
74768
|
var displayedLabels = []; // TODO, render overflow visible first, put in the displayedLabels.
|
|
74197
74769
|
|
|
@@ -76015,7 +76587,7 @@ function createBackgroundEl(coord, isHorizontalOrRadial, layout) {
|
|
|
76015
76587
|
|
|
76016
76588
|
var BarView$1 = BarView;
|
|
76017
76589
|
|
|
76018
|
-
function install$
|
|
76590
|
+
function install$8(registers) {
|
|
76019
76591
|
registers.registerChartView(BarView$1);
|
|
76020
76592
|
registers.registerSeriesModel(BarSeries);
|
|
76021
76593
|
registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout$1, 'bar')); // Do layout after other overall layout, which can preapre some informations.
|
|
@@ -76050,6 +76622,1323 @@ function install$7(registers) {
|
|
|
76050
76622
|
});
|
|
76051
76623
|
}
|
|
76052
76624
|
|
|
76625
|
+
var PI2 = Math.PI * 2;
|
|
76626
|
+
var RADIAN$1 = Math.PI / 180;
|
|
76627
|
+
|
|
76628
|
+
function getViewRect(seriesModel, api) {
|
|
76629
|
+
return getLayoutRect(seriesModel.getBoxLayoutParams(), {
|
|
76630
|
+
width: api.getWidth(),
|
|
76631
|
+
height: api.getHeight()
|
|
76632
|
+
});
|
|
76633
|
+
}
|
|
76634
|
+
|
|
76635
|
+
function getBasicPieLayout(seriesModel, api) {
|
|
76636
|
+
var viewRect = getViewRect(seriesModel, api);
|
|
76637
|
+
var center = seriesModel.get('center');
|
|
76638
|
+
var radius = seriesModel.get('radius');
|
|
76639
|
+
|
|
76640
|
+
if (!isArray(radius)) {
|
|
76641
|
+
radius = [0, radius];
|
|
76642
|
+
}
|
|
76643
|
+
|
|
76644
|
+
if (!isArray(center)) {
|
|
76645
|
+
center = [center, center];
|
|
76646
|
+
}
|
|
76647
|
+
|
|
76648
|
+
var width = parsePercent(viewRect.width, api.getWidth());
|
|
76649
|
+
var height = parsePercent(viewRect.height, api.getHeight());
|
|
76650
|
+
var size = Math.min(width, height);
|
|
76651
|
+
var r0 = parsePercent(radius[0], size / 2);
|
|
76652
|
+
var r = parsePercent(radius[1], size / 2);
|
|
76653
|
+
var cx;
|
|
76654
|
+
var cy;
|
|
76655
|
+
var coordSys = seriesModel.coordinateSystem;
|
|
76656
|
+
|
|
76657
|
+
if (coordSys) {
|
|
76658
|
+
// percentage is not allowed when coordinate system is specified
|
|
76659
|
+
var point = coordSys.dataToPoint(center);
|
|
76660
|
+
cx = point[0] || 0;
|
|
76661
|
+
cy = point[1] || 0;
|
|
76662
|
+
} else {
|
|
76663
|
+
cx = parsePercent(center[0], width) + viewRect.x;
|
|
76664
|
+
cy = parsePercent(center[1], height) + viewRect.y;
|
|
76665
|
+
}
|
|
76666
|
+
|
|
76667
|
+
return {
|
|
76668
|
+
cx: cx,
|
|
76669
|
+
cy: cy,
|
|
76670
|
+
r0: r0,
|
|
76671
|
+
r: r
|
|
76672
|
+
};
|
|
76673
|
+
}
|
|
76674
|
+
function pieLayout(seriesType, ecModel, api) {
|
|
76675
|
+
ecModel.eachSeriesByType(seriesType, function (seriesModel) {
|
|
76676
|
+
var data = seriesModel.getData();
|
|
76677
|
+
var valueDim = data.mapDimension('value');
|
|
76678
|
+
var viewRect = getViewRect(seriesModel, api);
|
|
76679
|
+
|
|
76680
|
+
var _a = getBasicPieLayout(seriesModel, api),
|
|
76681
|
+
cx = _a.cx,
|
|
76682
|
+
cy = _a.cy,
|
|
76683
|
+
r = _a.r,
|
|
76684
|
+
r0 = _a.r0;
|
|
76685
|
+
|
|
76686
|
+
var startAngle = -seriesModel.get('startAngle') * RADIAN$1;
|
|
76687
|
+
var minAngle = seriesModel.get('minAngle') * RADIAN$1;
|
|
76688
|
+
var validDataCount = 0;
|
|
76689
|
+
data.each(valueDim, function (value) {
|
|
76690
|
+
!isNaN(value) && validDataCount++;
|
|
76691
|
+
});
|
|
76692
|
+
var sum = data.getSum(valueDim); // Sum may be 0
|
|
76693
|
+
|
|
76694
|
+
var unitRadian = Math.PI / (sum || validDataCount) * 2;
|
|
76695
|
+
var clockwise = seriesModel.get('clockwise');
|
|
76696
|
+
var roseType = seriesModel.get('roseType');
|
|
76697
|
+
var stillShowZeroSum = seriesModel.get('stillShowZeroSum'); // [0...max]
|
|
76698
|
+
|
|
76699
|
+
var extent = data.getDataExtent(valueDim);
|
|
76700
|
+
extent[0] = 0; // In the case some sector angle is smaller than minAngle
|
|
76701
|
+
|
|
76702
|
+
var restAngle = PI2;
|
|
76703
|
+
var valueSumLargerThanMinAngle = 0;
|
|
76704
|
+
var currentAngle = startAngle;
|
|
76705
|
+
var dir = clockwise ? 1 : -1;
|
|
76706
|
+
data.setLayout({
|
|
76707
|
+
viewRect: viewRect,
|
|
76708
|
+
r: r
|
|
76709
|
+
});
|
|
76710
|
+
data.each(valueDim, function (value, idx) {
|
|
76711
|
+
var angle;
|
|
76712
|
+
|
|
76713
|
+
if (isNaN(value)) {
|
|
76714
|
+
data.setItemLayout(idx, {
|
|
76715
|
+
angle: NaN,
|
|
76716
|
+
startAngle: NaN,
|
|
76717
|
+
endAngle: NaN,
|
|
76718
|
+
clockwise: clockwise,
|
|
76719
|
+
cx: cx,
|
|
76720
|
+
cy: cy,
|
|
76721
|
+
r0: r0,
|
|
76722
|
+
r: roseType ? NaN : r
|
|
76723
|
+
});
|
|
76724
|
+
return;
|
|
76725
|
+
} // FIXME 兼容 2.0 但是 roseType 是 area 的时候才是这样？
|
|
76726
|
+
|
|
76727
|
+
|
|
76728
|
+
if (roseType !== 'area') {
|
|
76729
|
+
angle = sum === 0 && stillShowZeroSum ? unitRadian : value * unitRadian;
|
|
76730
|
+
} else {
|
|
76731
|
+
angle = PI2 / validDataCount;
|
|
76732
|
+
}
|
|
76733
|
+
|
|
76734
|
+
if (angle < minAngle) {
|
|
76735
|
+
angle = minAngle;
|
|
76736
|
+
restAngle -= minAngle;
|
|
76737
|
+
} else {
|
|
76738
|
+
valueSumLargerThanMinAngle += value;
|
|
76739
|
+
}
|
|
76740
|
+
|
|
76741
|
+
var endAngle = currentAngle + dir * angle;
|
|
76742
|
+
data.setItemLayout(idx, {
|
|
76743
|
+
angle: angle,
|
|
76744
|
+
startAngle: currentAngle,
|
|
76745
|
+
endAngle: endAngle,
|
|
76746
|
+
clockwise: clockwise,
|
|
76747
|
+
cx: cx,
|
|
76748
|
+
cy: cy,
|
|
76749
|
+
r0: r0,
|
|
76750
|
+
r: roseType ? linearMap(value, extent, [r0, r]) : r
|
|
76751
|
+
});
|
|
76752
|
+
currentAngle = endAngle;
|
|
76753
|
+
}); // Some sector is constrained by minAngle
|
|
76754
|
+
// Rest sectors needs recalculate angle
|
|
76755
|
+
|
|
76756
|
+
if (restAngle < PI2 && validDataCount) {
|
|
76757
|
+
// Average the angle if rest angle is not enough after all angles is
|
|
76758
|
+
// Constrained by minAngle
|
|
76759
|
+
if (restAngle <= 1e-3) {
|
|
76760
|
+
var angle_1 = PI2 / validDataCount;
|
|
76761
|
+
data.each(valueDim, function (value, idx) {
|
|
76762
|
+
if (!isNaN(value)) {
|
|
76763
|
+
var layout_1 = data.getItemLayout(idx);
|
|
76764
|
+
layout_1.angle = angle_1;
|
|
76765
|
+
layout_1.startAngle = startAngle + dir * idx * angle_1;
|
|
76766
|
+
layout_1.endAngle = startAngle + dir * (idx + 1) * angle_1;
|
|
76767
|
+
}
|
|
76768
|
+
});
|
|
76769
|
+
} else {
|
|
76770
|
+
unitRadian = restAngle / valueSumLargerThanMinAngle;
|
|
76771
|
+
currentAngle = startAngle;
|
|
76772
|
+
data.each(valueDim, function (value, idx) {
|
|
76773
|
+
if (!isNaN(value)) {
|
|
76774
|
+
var layout_2 = data.getItemLayout(idx);
|
|
76775
|
+
var angle = layout_2.angle === minAngle ? minAngle : value * unitRadian;
|
|
76776
|
+
layout_2.startAngle = currentAngle;
|
|
76777
|
+
layout_2.endAngle = currentAngle + dir * angle;
|
|
76778
|
+
currentAngle += dir * angle;
|
|
76779
|
+
}
|
|
76780
|
+
});
|
|
76781
|
+
}
|
|
76782
|
+
}
|
|
76783
|
+
});
|
|
76784
|
+
}
|
|
76785
|
+
|
|
76786
|
+
/*
|
|
76787
|
+
* Licensed to the Apache Software Foundation (ASF) under one
|
|
76788
|
+
* or more contributor license agreements. See the NOTICE file
|
|
76789
|
+
* distributed with this work for additional information
|
|
76790
|
+
* regarding copyright ownership. The ASF licenses this file
|
|
76791
|
+
* to you under the Apache License, Version 2.0 (the
|
|
76792
|
+
* "License"); you may not use this file except in compliance
|
|
76793
|
+
* with the License. You may obtain a copy of the License at
|
|
76794
|
+
*
|
|
76795
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
76796
|
+
*
|
|
76797
|
+
* Unless required by applicable law or agreed to in writing,
|
|
76798
|
+
* software distributed under the License is distributed on an
|
|
76799
|
+
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
76800
|
+
* KIND, either express or implied. See the License for the
|
|
76801
|
+
* specific language governing permissions and limitations
|
|
76802
|
+
* under the License.
|
|
76803
|
+
*/
|
|
76804
|
+
|
|
76805
|
+
|
|
76806
|
+
/**
|
|
76807
|
+
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
|
76808
|
+
*/
|
|
76809
|
+
|
|
76810
|
+
/*
|
|
76811
|
+
* Licensed to the Apache Software Foundation (ASF) under one
|
|
76812
|
+
* or more contributor license agreements. See the NOTICE file
|
|
76813
|
+
* distributed with this work for additional information
|
|
76814
|
+
* regarding copyright ownership. The ASF licenses this file
|
|
76815
|
+
* to you under the Apache License, Version 2.0 (the
|
|
76816
|
+
* "License"); you may not use this file except in compliance
|
|
76817
|
+
* with the License. You may obtain a copy of the License at
|
|
76818
|
+
*
|
|
76819
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
76820
|
+
*
|
|
76821
|
+
* Unless required by applicable law or agreed to in writing,
|
|
76822
|
+
* software distributed under the License is distributed on an
|
|
76823
|
+
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
76824
|
+
* KIND, either express or implied. See the License for the
|
|
76825
|
+
* specific language governing permissions and limitations
|
|
76826
|
+
* under the License.
|
|
76827
|
+
*/
|
|
76828
|
+
function dataFilter(seriesType) {
|
|
76829
|
+
return {
|
|
76830
|
+
seriesType: seriesType,
|
|
76831
|
+
reset: function (seriesModel, ecModel) {
|
|
76832
|
+
var legendModels = ecModel.findComponents({
|
|
76833
|
+
mainType: 'legend'
|
|
76834
|
+
});
|
|
76835
|
+
|
|
76836
|
+
if (!legendModels || !legendModels.length) {
|
|
76837
|
+
return;
|
|
76838
|
+
}
|
|
76839
|
+
|
|
76840
|
+
var data = seriesModel.getData();
|
|
76841
|
+
data.filterSelf(function (idx) {
|
|
76842
|
+
var name = data.getName(idx); // If in any legend component the status is not selected.
|
|
76843
|
+
|
|
76844
|
+
for (var i = 0; i < legendModels.length; i++) {
|
|
76845
|
+
// @ts-ignore FIXME: LegendModel
|
|
76846
|
+
if (!legendModels[i].isSelected(name)) {
|
|
76847
|
+
return false;
|
|
76848
|
+
}
|
|
76849
|
+
}
|
|
76850
|
+
|
|
76851
|
+
return true;
|
|
76852
|
+
});
|
|
76853
|
+
}
|
|
76854
|
+
};
|
|
76855
|
+
}
|
|
76856
|
+
|
|
76857
|
+
var RADIAN = Math.PI / 180;
|
|
76858
|
+
|
|
76859
|
+
function adjustSingleSide(list, cx, cy, r, dir, viewWidth, viewHeight, viewLeft, viewTop, farthestX) {
|
|
76860
|
+
if (list.length < 2) {
|
|
76861
|
+
return;
|
|
76862
|
+
}
|
|
76863
|
+
|
|
76864
|
+
function recalculateXOnSemiToAlignOnEllipseCurve(semi) {
|
|
76865
|
+
var rB = semi.rB;
|
|
76866
|
+
var rB2 = rB * rB;
|
|
76867
|
+
|
|
76868
|
+
for (var i = 0; i < semi.list.length; i++) {
|
|
76869
|
+
var item = semi.list[i];
|
|
76870
|
+
var dy = Math.abs(item.label.y - cy); // horizontal r is always same with original r because x is not changed.
|
|
76871
|
+
|
|
76872
|
+
var rA = r + item.len;
|
|
76873
|
+
var rA2 = rA * rA; // Use ellipse implicit function to calculate x
|
|
76874
|
+
|
|
76875
|
+
var dx = Math.sqrt((1 - Math.abs(dy * dy / rB2)) * rA2);
|
|
76876
|
+
var newX = cx + (dx + item.len2) * dir;
|
|
76877
|
+
var deltaX = newX - item.label.x;
|
|
76878
|
+
var newTargetWidth = item.targetTextWidth - deltaX * dir; // text x is changed, so need to recalculate width.
|
|
76879
|
+
|
|
76880
|
+
constrainTextWidth(item, newTargetWidth, true);
|
|
76881
|
+
item.label.x = newX;
|
|
76882
|
+
}
|
|
76883
|
+
} // Adjust X based on the shifted y. Make tight labels aligned on an ellipse curve.
|
|
76884
|
+
|
|
76885
|
+
|
|
76886
|
+
function recalculateX(items) {
|
|
76887
|
+
// Extremes of
|
|
76888
|
+
var topSemi = {
|
|
76889
|
+
list: [],
|
|
76890
|
+
maxY: 0
|
|
76891
|
+
};
|
|
76892
|
+
var bottomSemi = {
|
|
76893
|
+
list: [],
|
|
76894
|
+
maxY: 0
|
|
76895
|
+
};
|
|
76896
|
+
|
|
76897
|
+
for (var i = 0; i < items.length; i++) {
|
|
76898
|
+
if (items[i].labelAlignTo !== 'none') {
|
|
76899
|
+
continue;
|
|
76900
|
+
}
|
|
76901
|
+
|
|
76902
|
+
var item = items[i];
|
|
76903
|
+
var semi = item.label.y > cy ? bottomSemi : topSemi;
|
|
76904
|
+
var dy = Math.abs(item.label.y - cy);
|
|
76905
|
+
|
|
76906
|
+
if (dy >= semi.maxY) {
|
|
76907
|
+
var dx = item.label.x - cx - item.len2 * dir; // horizontal r is always same with original r because x is not changed.
|
|
76908
|
+
|
|
76909
|
+
var rA = r + item.len; // Canculate rB based on the topest / bottemest label.
|
|
76910
|
+
|
|
76911
|
+
var rB = Math.abs(dx) < rA ? Math.sqrt(dy * dy / (1 - dx * dx / rA / rA)) : rA;
|
|
76912
|
+
semi.rB = rB;
|
|
76913
|
+
semi.maxY = dy;
|
|
76914
|
+
}
|
|
76915
|
+
|
|
76916
|
+
semi.list.push(item);
|
|
76917
|
+
}
|
|
76918
|
+
|
|
76919
|
+
recalculateXOnSemiToAlignOnEllipseCurve(topSemi);
|
|
76920
|
+
recalculateXOnSemiToAlignOnEllipseCurve(bottomSemi);
|
|
76921
|
+
}
|
|
76922
|
+
|
|
76923
|
+
var len = list.length;
|
|
76924
|
+
|
|
76925
|
+
for (var i = 0; i < len; i++) {
|
|
76926
|
+
if (list[i].position === 'outer' && list[i].labelAlignTo === 'labelLine') {
|
|
76927
|
+
var dx = list[i].label.x - farthestX;
|
|
76928
|
+
list[i].linePoints[1][0] += dx;
|
|
76929
|
+
list[i].label.x = farthestX;
|
|
76930
|
+
}
|
|
76931
|
+
}
|
|
76932
|
+
|
|
76933
|
+
if (shiftLayoutOnY(list, viewTop, viewTop + viewHeight)) {
|
|
76934
|
+
recalculateX(list);
|
|
76935
|
+
}
|
|
76936
|
+
}
|
|
76937
|
+
|
|
76938
|
+
function avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop) {
|
|
76939
|
+
var leftList = [];
|
|
76940
|
+
var rightList = [];
|
|
76941
|
+
var leftmostX = Number.MAX_VALUE;
|
|
76942
|
+
var rightmostX = -Number.MAX_VALUE;
|
|
76943
|
+
|
|
76944
|
+
for (var i = 0; i < labelLayoutList.length; i++) {
|
|
76945
|
+
var label = labelLayoutList[i].label;
|
|
76946
|
+
|
|
76947
|
+
if (isPositionCenter(labelLayoutList[i])) {
|
|
76948
|
+
continue;
|
|
76949
|
+
}
|
|
76950
|
+
|
|
76951
|
+
if (label.x < cx) {
|
|
76952
|
+
leftmostX = Math.min(leftmostX, label.x);
|
|
76953
|
+
leftList.push(labelLayoutList[i]);
|
|
76954
|
+
} else {
|
|
76955
|
+
rightmostX = Math.max(rightmostX, label.x);
|
|
76956
|
+
rightList.push(labelLayoutList[i]);
|
|
76957
|
+
}
|
|
76958
|
+
}
|
|
76959
|
+
|
|
76960
|
+
for (var i = 0; i < labelLayoutList.length; i++) {
|
|
76961
|
+
var layout = labelLayoutList[i];
|
|
76962
|
+
|
|
76963
|
+
if (!isPositionCenter(layout) && layout.linePoints) {
|
|
76964
|
+
if (layout.labelStyleWidth != null) {
|
|
76965
|
+
continue;
|
|
76966
|
+
}
|
|
76967
|
+
|
|
76968
|
+
var label = layout.label;
|
|
76969
|
+
var linePoints = layout.linePoints;
|
|
76970
|
+
var targetTextWidth = void 0;
|
|
76971
|
+
|
|
76972
|
+
if (layout.labelAlignTo === 'edge') {
|
|
76973
|
+
if (label.x < cx) {
|
|
76974
|
+
targetTextWidth = linePoints[2][0] - layout.labelDistance - viewLeft - layout.edgeDistance;
|
|
76975
|
+
} else {
|
|
76976
|
+
targetTextWidth = viewLeft + viewWidth - layout.edgeDistance - linePoints[2][0] - layout.labelDistance;
|
|
76977
|
+
}
|
|
76978
|
+
} else if (layout.labelAlignTo === 'labelLine') {
|
|
76979
|
+
if (label.x < cx) {
|
|
76980
|
+
targetTextWidth = leftmostX - viewLeft - layout.bleedMargin;
|
|
76981
|
+
} else {
|
|
76982
|
+
targetTextWidth = viewLeft + viewWidth - rightmostX - layout.bleedMargin;
|
|
76983
|
+
}
|
|
76984
|
+
} else {
|
|
76985
|
+
if (label.x < cx) {
|
|
76986
|
+
targetTextWidth = label.x - viewLeft - layout.bleedMargin;
|
|
76987
|
+
} else {
|
|
76988
|
+
targetTextWidth = viewLeft + viewWidth - label.x - layout.bleedMargin;
|
|
76989
|
+
}
|
|
76990
|
+
}
|
|
76991
|
+
|
|
76992
|
+
layout.targetTextWidth = targetTextWidth;
|
|
76993
|
+
constrainTextWidth(layout, targetTextWidth);
|
|
76994
|
+
}
|
|
76995
|
+
}
|
|
76996
|
+
|
|
76997
|
+
adjustSingleSide(rightList, cx, cy, r, 1, viewWidth, viewHeight, viewLeft, viewTop, rightmostX);
|
|
76998
|
+
adjustSingleSide(leftList, cx, cy, r, -1, viewWidth, viewHeight, viewLeft, viewTop, leftmostX);
|
|
76999
|
+
|
|
77000
|
+
for (var i = 0; i < labelLayoutList.length; i++) {
|
|
77001
|
+
var layout = labelLayoutList[i];
|
|
77002
|
+
|
|
77003
|
+
if (!isPositionCenter(layout) && layout.linePoints) {
|
|
77004
|
+
var label = layout.label;
|
|
77005
|
+
var linePoints = layout.linePoints;
|
|
77006
|
+
var isAlignToEdge = layout.labelAlignTo === 'edge';
|
|
77007
|
+
var padding = label.style.padding;
|
|
77008
|
+
var paddingH = padding ? padding[1] + padding[3] : 0; // textRect.width already contains paddingH if bgColor is set
|
|
77009
|
+
|
|
77010
|
+
var extraPaddingH = label.style.backgroundColor ? 0 : paddingH;
|
|
77011
|
+
var realTextWidth = layout.rect.width + extraPaddingH;
|
|
77012
|
+
var dist = linePoints[1][0] - linePoints[2][0];
|
|
77013
|
+
|
|
77014
|
+
if (isAlignToEdge) {
|
|
77015
|
+
if (label.x < cx) {
|
|
77016
|
+
linePoints[2][0] = viewLeft + layout.edgeDistance + realTextWidth + layout.labelDistance;
|
|
77017
|
+
} else {
|
|
77018
|
+
linePoints[2][0] = viewLeft + viewWidth - layout.edgeDistance - realTextWidth - layout.labelDistance;
|
|
77019
|
+
}
|
|
77020
|
+
} else {
|
|
77021
|
+
if (label.x < cx) {
|
|
77022
|
+
linePoints[2][0] = label.x + layout.labelDistance;
|
|
77023
|
+
} else {
|
|
77024
|
+
linePoints[2][0] = label.x - layout.labelDistance;
|
|
77025
|
+
}
|
|
77026
|
+
|
|
77027
|
+
linePoints[1][0] = linePoints[2][0] + dist;
|
|
77028
|
+
}
|
|
77029
|
+
|
|
77030
|
+
linePoints[1][1] = linePoints[2][1] = label.y;
|
|
77031
|
+
}
|
|
77032
|
+
}
|
|
77033
|
+
}
|
|
77034
|
+
/**
|
|
77035
|
+
* Set max width of each label, and then wrap each label to the max width.
|
|
77036
|
+
*
|
|
77037
|
+
* @param layout label layout
|
|
77038
|
+
* @param availableWidth max width for the label to display
|
|
77039
|
+
* @param forceRecalculate recaculate the text layout even if the current width
|
|
77040
|
+
* is smaller than `availableWidth`. This is useful when the text was previously
|
|
77041
|
+
* wrapped by calling `constrainTextWidth` but now `availableWidth` changed, in
|
|
77042
|
+
* which case, previous wrapping should be redo.
|
|
77043
|
+
*/
|
|
77044
|
+
|
|
77045
|
+
|
|
77046
|
+
function constrainTextWidth(layout, availableWidth, forceRecalculate) {
|
|
77047
|
+
if (forceRecalculate === void 0) {
|
|
77048
|
+
forceRecalculate = false;
|
|
77049
|
+
}
|
|
77050
|
+
|
|
77051
|
+
if (layout.labelStyleWidth != null) {
|
|
77052
|
+
// User-defined style.width has the highest priority.
|
|
77053
|
+
return;
|
|
77054
|
+
}
|
|
77055
|
+
|
|
77056
|
+
var label = layout.label;
|
|
77057
|
+
var style = label.style;
|
|
77058
|
+
var textRect = layout.rect;
|
|
77059
|
+
var bgColor = style.backgroundColor;
|
|
77060
|
+
var padding = style.padding;
|
|
77061
|
+
var paddingH = padding ? padding[1] + padding[3] : 0;
|
|
77062
|
+
var overflow = style.overflow; // textRect.width already contains paddingH if bgColor is set
|
|
77063
|
+
|
|
77064
|
+
var oldOuterWidth = textRect.width + (bgColor ? 0 : paddingH);
|
|
77065
|
+
|
|
77066
|
+
if (availableWidth < oldOuterWidth || forceRecalculate) {
|
|
77067
|
+
var oldHeight = textRect.height;
|
|
77068
|
+
|
|
77069
|
+
if (overflow && overflow.match('break')) {
|
|
77070
|
+
// Temporarily set background to be null to calculate
|
|
77071
|
+
// the bounding box without backgroud.
|
|
77072
|
+
label.setStyle('backgroundColor', null); // Set constraining width
|
|
77073
|
+
|
|
77074
|
+
label.setStyle('width', availableWidth - paddingH); // This is the real bounding box of the text without padding
|
|
77075
|
+
|
|
77076
|
+
var innerRect = label.getBoundingRect();
|
|
77077
|
+
label.setStyle('width', Math.ceil(innerRect.width));
|
|
77078
|
+
label.setStyle('backgroundColor', bgColor);
|
|
77079
|
+
} else {
|
|
77080
|
+
var availableInnerWidth = availableWidth - paddingH;
|
|
77081
|
+
var newWidth = availableWidth < oldOuterWidth // Current text is too wide, use `availableWidth` as max width.
|
|
77082
|
+
? availableInnerWidth : // Current available width is enough, but the text may have
|
|
77083
|
+
// already been wrapped with a smaller available width.
|
|
77084
|
+
forceRecalculate ? availableInnerWidth > layout.unconstrainedWidth // Current available is larger than text width,
|
|
77085
|
+
// so don't constrain width (otherwise it may have
|
|
77086
|
+
// empty space in the background).
|
|
77087
|
+
? null // Current available is smaller than text width, so
|
|
77088
|
+
// use the current available width as constraining
|
|
77089
|
+
// width.
|
|
77090
|
+
: availableInnerWidth : // Current available width is enough, so no need to
|
|
77091
|
+
// constrain.
|
|
77092
|
+
null;
|
|
77093
|
+
label.setStyle('width', newWidth);
|
|
77094
|
+
}
|
|
77095
|
+
|
|
77096
|
+
var newRect = label.getBoundingRect();
|
|
77097
|
+
textRect.width = newRect.width;
|
|
77098
|
+
var margin = (label.style.margin || 0) + 2.1;
|
|
77099
|
+
textRect.height = newRect.height + margin;
|
|
77100
|
+
textRect.y -= (textRect.height - oldHeight) / 2;
|
|
77101
|
+
}
|
|
77102
|
+
}
|
|
77103
|
+
|
|
77104
|
+
function isPositionCenter(sectorShape) {
|
|
77105
|
+
// Not change x for center label
|
|
77106
|
+
return sectorShape.position === 'center';
|
|
77107
|
+
}
|
|
77108
|
+
|
|
77109
|
+
function pieLabelLayout(seriesModel) {
|
|
77110
|
+
var data = seriesModel.getData();
|
|
77111
|
+
var labelLayoutList = [];
|
|
77112
|
+
var cx;
|
|
77113
|
+
var cy;
|
|
77114
|
+
var hasLabelRotate = false;
|
|
77115
|
+
var minShowLabelRadian = (seriesModel.get('minShowLabelAngle') || 0) * RADIAN;
|
|
77116
|
+
var viewRect = data.getLayout('viewRect');
|
|
77117
|
+
var r = data.getLayout('r');
|
|
77118
|
+
var viewWidth = viewRect.width;
|
|
77119
|
+
var viewLeft = viewRect.x;
|
|
77120
|
+
var viewTop = viewRect.y;
|
|
77121
|
+
var viewHeight = viewRect.height;
|
|
77122
|
+
|
|
77123
|
+
function setNotShow(el) {
|
|
77124
|
+
el.ignore = true;
|
|
77125
|
+
}
|
|
77126
|
+
|
|
77127
|
+
function isLabelShown(label) {
|
|
77128
|
+
if (!label.ignore) {
|
|
77129
|
+
return true;
|
|
77130
|
+
}
|
|
77131
|
+
|
|
77132
|
+
for (var key in label.states) {
|
|
77133
|
+
if (label.states[key].ignore === false) {
|
|
77134
|
+
return true;
|
|
77135
|
+
}
|
|
77136
|
+
}
|
|
77137
|
+
|
|
77138
|
+
return false;
|
|
77139
|
+
}
|
|
77140
|
+
|
|
77141
|
+
data.each(function (idx) {
|
|
77142
|
+
var sector = data.getItemGraphicEl(idx);
|
|
77143
|
+
var sectorShape = sector.shape;
|
|
77144
|
+
var label = sector.getTextContent();
|
|
77145
|
+
var labelLine = sector.getTextGuideLine();
|
|
77146
|
+
var itemModel = data.getItemModel(idx);
|
|
77147
|
+
var labelModel = itemModel.getModel('label'); // Use position in normal or emphasis
|
|
77148
|
+
|
|
77149
|
+
var labelPosition = labelModel.get('position') || itemModel.get(['emphasis', 'label', 'position']);
|
|
77150
|
+
var labelDistance = labelModel.get('distanceToLabelLine');
|
|
77151
|
+
var labelAlignTo = labelModel.get('alignTo');
|
|
77152
|
+
var edgeDistance = parsePercent(labelModel.get('edgeDistance'), viewWidth);
|
|
77153
|
+
var bleedMargin = labelModel.get('bleedMargin');
|
|
77154
|
+
var labelLineModel = itemModel.getModel('labelLine');
|
|
77155
|
+
var labelLineLen = labelLineModel.get('length');
|
|
77156
|
+
labelLineLen = parsePercent(labelLineLen, viewWidth);
|
|
77157
|
+
var labelLineLen2 = labelLineModel.get('length2');
|
|
77158
|
+
labelLineLen2 = parsePercent(labelLineLen2, viewWidth);
|
|
77159
|
+
|
|
77160
|
+
if (Math.abs(sectorShape.endAngle - sectorShape.startAngle) < minShowLabelRadian) {
|
|
77161
|
+
each$3(label.states, setNotShow);
|
|
77162
|
+
each$3(labelLine.states, setNotShow);
|
|
77163
|
+
label.ignore = labelLine.ignore = true;
|
|
77164
|
+
return;
|
|
77165
|
+
}
|
|
77166
|
+
|
|
77167
|
+
if (!isLabelShown(label)) {
|
|
77168
|
+
return;
|
|
77169
|
+
}
|
|
77170
|
+
|
|
77171
|
+
var midAngle = (sectorShape.startAngle + sectorShape.endAngle) / 2;
|
|
77172
|
+
var nx = Math.cos(midAngle);
|
|
77173
|
+
var ny = Math.sin(midAngle);
|
|
77174
|
+
var textX;
|
|
77175
|
+
var textY;
|
|
77176
|
+
var linePoints;
|
|
77177
|
+
var textAlign;
|
|
77178
|
+
cx = sectorShape.cx;
|
|
77179
|
+
cy = sectorShape.cy;
|
|
77180
|
+
var isLabelInside = labelPosition === 'inside' || labelPosition === 'inner';
|
|
77181
|
+
|
|
77182
|
+
if (labelPosition === 'center') {
|
|
77183
|
+
textX = sectorShape.cx;
|
|
77184
|
+
textY = sectorShape.cy;
|
|
77185
|
+
textAlign = 'center';
|
|
77186
|
+
} else {
|
|
77187
|
+
var x1 = (isLabelInside ? (sectorShape.r + sectorShape.r0) / 2 * nx : sectorShape.r * nx) + cx;
|
|
77188
|
+
var y1 = (isLabelInside ? (sectorShape.r + sectorShape.r0) / 2 * ny : sectorShape.r * ny) + cy;
|
|
77189
|
+
textX = x1 + nx * 3;
|
|
77190
|
+
textY = y1 + ny * 3;
|
|
77191
|
+
|
|
77192
|
+
if (!isLabelInside) {
|
|
77193
|
+
// For roseType
|
|
77194
|
+
var x2 = x1 + nx * (labelLineLen + r - sectorShape.r);
|
|
77195
|
+
var y2 = y1 + ny * (labelLineLen + r - sectorShape.r);
|
|
77196
|
+
var x3 = x2 + (nx < 0 ? -1 : 1) * labelLineLen2;
|
|
77197
|
+
var y3 = y2;
|
|
77198
|
+
|
|
77199
|
+
if (labelAlignTo === 'edge') {
|
|
77200
|
+
// Adjust textX because text align of edge is opposite
|
|
77201
|
+
textX = nx < 0 ? viewLeft + edgeDistance : viewLeft + viewWidth - edgeDistance;
|
|
77202
|
+
} else {
|
|
77203
|
+
textX = x3 + (nx < 0 ? -labelDistance : labelDistance);
|
|
77204
|
+
}
|
|
77205
|
+
|
|
77206
|
+
textY = y3;
|
|
77207
|
+
linePoints = [[x1, y1], [x2, y2], [x3, y3]];
|
|
77208
|
+
}
|
|
77209
|
+
|
|
77210
|
+
textAlign = isLabelInside ? 'center' : labelAlignTo === 'edge' ? nx > 0 ? 'right' : 'left' : nx > 0 ? 'left' : 'right';
|
|
77211
|
+
}
|
|
77212
|
+
|
|
77213
|
+
var PI = Math.PI;
|
|
77214
|
+
var labelRotate = 0;
|
|
77215
|
+
var rotate = labelModel.get('rotate');
|
|
77216
|
+
|
|
77217
|
+
if (isNumber(rotate)) {
|
|
77218
|
+
labelRotate = rotate * (PI / 180);
|
|
77219
|
+
} else if (labelPosition === 'center') {
|
|
77220
|
+
labelRotate = 0;
|
|
77221
|
+
} else if (rotate === 'radial' || rotate === true) {
|
|
77222
|
+
var radialAngle = nx < 0 ? -midAngle + PI : -midAngle;
|
|
77223
|
+
labelRotate = radialAngle;
|
|
77224
|
+
} else if (rotate === 'tangential' && labelPosition !== 'outside' && labelPosition !== 'outer') {
|
|
77225
|
+
var rad = Math.atan2(nx, ny);
|
|
77226
|
+
|
|
77227
|
+
if (rad < 0) {
|
|
77228
|
+
rad = PI * 2 + rad;
|
|
77229
|
+
}
|
|
77230
|
+
|
|
77231
|
+
var isDown = ny > 0;
|
|
77232
|
+
|
|
77233
|
+
if (isDown) {
|
|
77234
|
+
rad = PI + rad;
|
|
77235
|
+
}
|
|
77236
|
+
|
|
77237
|
+
labelRotate = rad - PI;
|
|
77238
|
+
}
|
|
77239
|
+
|
|
77240
|
+
hasLabelRotate = !!labelRotate;
|
|
77241
|
+
label.x = textX;
|
|
77242
|
+
label.y = textY;
|
|
77243
|
+
label.rotation = labelRotate;
|
|
77244
|
+
label.setStyle({
|
|
77245
|
+
verticalAlign: 'middle'
|
|
77246
|
+
}); // Not sectorShape the inside label
|
|
77247
|
+
|
|
77248
|
+
if (!isLabelInside) {
|
|
77249
|
+
var textRect = label.getBoundingRect().clone();
|
|
77250
|
+
textRect.applyTransform(label.getComputedTransform()); // Text has a default 1px stroke. Exclude this.
|
|
77251
|
+
|
|
77252
|
+
var margin = (label.style.margin || 0) + 2.1;
|
|
77253
|
+
textRect.y -= margin / 2;
|
|
77254
|
+
textRect.height += margin;
|
|
77255
|
+
labelLayoutList.push({
|
|
77256
|
+
label: label,
|
|
77257
|
+
labelLine: labelLine,
|
|
77258
|
+
position: labelPosition,
|
|
77259
|
+
len: labelLineLen,
|
|
77260
|
+
len2: labelLineLen2,
|
|
77261
|
+
minTurnAngle: labelLineModel.get('minTurnAngle'),
|
|
77262
|
+
maxSurfaceAngle: labelLineModel.get('maxSurfaceAngle'),
|
|
77263
|
+
surfaceNormal: new Point$1(nx, ny),
|
|
77264
|
+
linePoints: linePoints,
|
|
77265
|
+
textAlign: textAlign,
|
|
77266
|
+
labelDistance: labelDistance,
|
|
77267
|
+
labelAlignTo: labelAlignTo,
|
|
77268
|
+
edgeDistance: edgeDistance,
|
|
77269
|
+
bleedMargin: bleedMargin,
|
|
77270
|
+
rect: textRect,
|
|
77271
|
+
unconstrainedWidth: textRect.width,
|
|
77272
|
+
labelStyleWidth: label.style.width
|
|
77273
|
+
});
|
|
77274
|
+
} else {
|
|
77275
|
+
label.setStyle({
|
|
77276
|
+
align: textAlign
|
|
77277
|
+
});
|
|
77278
|
+
var selectState = label.states.select;
|
|
77279
|
+
|
|
77280
|
+
if (selectState) {
|
|
77281
|
+
selectState.x += label.x;
|
|
77282
|
+
selectState.y += label.y;
|
|
77283
|
+
}
|
|
77284
|
+
}
|
|
77285
|
+
|
|
77286
|
+
sector.setTextConfig({
|
|
77287
|
+
inside: isLabelInside
|
|
77288
|
+
});
|
|
77289
|
+
});
|
|
77290
|
+
|
|
77291
|
+
if (!hasLabelRotate && seriesModel.get('avoidLabelOverlap')) {
|
|
77292
|
+
avoidOverlap(labelLayoutList, cx, cy, r, viewWidth, viewHeight, viewLeft, viewTop);
|
|
77293
|
+
}
|
|
77294
|
+
|
|
77295
|
+
for (var i = 0; i < labelLayoutList.length; i++) {
|
|
77296
|
+
var layout = labelLayoutList[i];
|
|
77297
|
+
var label = layout.label;
|
|
77298
|
+
var labelLine = layout.labelLine;
|
|
77299
|
+
var notShowLabel = isNaN(label.x) || isNaN(label.y);
|
|
77300
|
+
|
|
77301
|
+
if (label) {
|
|
77302
|
+
label.setStyle({
|
|
77303
|
+
align: layout.textAlign
|
|
77304
|
+
});
|
|
77305
|
+
|
|
77306
|
+
if (notShowLabel) {
|
|
77307
|
+
each$3(label.states, setNotShow);
|
|
77308
|
+
label.ignore = true;
|
|
77309
|
+
}
|
|
77310
|
+
|
|
77311
|
+
var selectState = label.states.select;
|
|
77312
|
+
|
|
77313
|
+
if (selectState) {
|
|
77314
|
+
selectState.x += label.x;
|
|
77315
|
+
selectState.y += label.y;
|
|
77316
|
+
}
|
|
77317
|
+
}
|
|
77318
|
+
|
|
77319
|
+
if (labelLine) {
|
|
77320
|
+
var linePoints = layout.linePoints;
|
|
77321
|
+
|
|
77322
|
+
if (notShowLabel || !linePoints) {
|
|
77323
|
+
each$3(labelLine.states, setNotShow);
|
|
77324
|
+
labelLine.ignore = true;
|
|
77325
|
+
} else {
|
|
77326
|
+
limitTurnAngle(linePoints, layout.minTurnAngle);
|
|
77327
|
+
limitSurfaceAngle(linePoints, layout.surfaceNormal, layout.maxSurfaceAngle);
|
|
77328
|
+
labelLine.setShape({
|
|
77329
|
+
points: linePoints
|
|
77330
|
+
}); // Set the anchor to the midpoint of sector
|
|
77331
|
+
|
|
77332
|
+
label.__hostTarget.textGuideLineConfig = {
|
|
77333
|
+
anchor: new Point$1(linePoints[0][0], linePoints[0][1])
|
|
77334
|
+
};
|
|
77335
|
+
}
|
|
77336
|
+
}
|
|
77337
|
+
}
|
|
77338
|
+
}
|
|
77339
|
+
|
|
77340
|
+
function getSectorCornerRadius(model, shape, zeroIfNull) {
|
|
77341
|
+
var cornerRadius = model.get('borderRadius');
|
|
77342
|
+
|
|
77343
|
+
if (cornerRadius == null) {
|
|
77344
|
+
return zeroIfNull ? {
|
|
77345
|
+
cornerRadius: 0
|
|
77346
|
+
} : null;
|
|
77347
|
+
}
|
|
77348
|
+
|
|
77349
|
+
if (!isArray(cornerRadius)) {
|
|
77350
|
+
cornerRadius = [cornerRadius, cornerRadius, cornerRadius, cornerRadius];
|
|
77351
|
+
}
|
|
77352
|
+
|
|
77353
|
+
var dr = Math.abs(shape.r || 0 - shape.r0 || 0);
|
|
77354
|
+
return {
|
|
77355
|
+
cornerRadius: map$1(cornerRadius, function (cr) {
|
|
77356
|
+
return parsePercent$1(cr, dr);
|
|
77357
|
+
})
|
|
77358
|
+
};
|
|
77359
|
+
}
|
|
77360
|
+
|
|
77361
|
+
/**
|
|
77362
|
+
* Piece of pie including Sector, Label, LabelLine
|
|
77363
|
+
*/
|
|
77364
|
+
|
|
77365
|
+
var PiePiece =
|
|
77366
|
+
/** @class */
|
|
77367
|
+
function (_super) {
|
|
77368
|
+
__extends$1(PiePiece, _super);
|
|
77369
|
+
|
|
77370
|
+
function PiePiece(data, idx, startAngle) {
|
|
77371
|
+
var _this = _super.call(this) || this;
|
|
77372
|
+
|
|
77373
|
+
_this.z2 = 2;
|
|
77374
|
+
var text = new ZRText$1();
|
|
77375
|
+
|
|
77376
|
+
_this.setTextContent(text);
|
|
77377
|
+
|
|
77378
|
+
_this.updateData(data, idx, startAngle, true);
|
|
77379
|
+
|
|
77380
|
+
return _this;
|
|
77381
|
+
}
|
|
77382
|
+
|
|
77383
|
+
PiePiece.prototype.updateData = function (data, idx, startAngle, firstCreate) {
|
|
77384
|
+
var sector = this;
|
|
77385
|
+
var seriesModel = data.hostModel;
|
|
77386
|
+
var itemModel = data.getItemModel(idx);
|
|
77387
|
+
var emphasisModel = itemModel.getModel('emphasis');
|
|
77388
|
+
var layout = data.getItemLayout(idx); // cornerRadius & innerCornerRadius doesn't exist in the item layout. Use `0` if null value is specified.
|
|
77389
|
+
// see `setItemLayout` in `pieLayout.ts`.
|
|
77390
|
+
|
|
77391
|
+
var sectorShape = extend(getSectorCornerRadius(itemModel.getModel('itemStyle'), layout, true), layout); // Ignore NaN data.
|
|
77392
|
+
|
|
77393
|
+
if (isNaN(sectorShape.startAngle)) {
|
|
77394
|
+
// Use NaN shape to avoid drawing shape.
|
|
77395
|
+
sector.setShape(sectorShape);
|
|
77396
|
+
return;
|
|
77397
|
+
}
|
|
77398
|
+
|
|
77399
|
+
if (firstCreate) {
|
|
77400
|
+
sector.setShape(sectorShape);
|
|
77401
|
+
var animationType = seriesModel.getShallow('animationType');
|
|
77402
|
+
|
|
77403
|
+
if (seriesModel.ecModel.ssr) {
|
|
77404
|
+
// Use scale animation in SSR mode(opacity?)
|
|
77405
|
+
// Because CSS SVG animation doesn't support very customized shape animation.
|
|
77406
|
+
initProps(sector, {
|
|
77407
|
+
scaleX: 0,
|
|
77408
|
+
scaleY: 0
|
|
77409
|
+
}, seriesModel, {
|
|
77410
|
+
dataIndex: idx,
|
|
77411
|
+
isFrom: true
|
|
77412
|
+
});
|
|
77413
|
+
sector.originX = sectorShape.cx;
|
|
77414
|
+
sector.originY = sectorShape.cy;
|
|
77415
|
+
} else if (animationType === 'scale') {
|
|
77416
|
+
sector.shape.r = layout.r0;
|
|
77417
|
+
initProps(sector, {
|
|
77418
|
+
shape: {
|
|
77419
|
+
r: layout.r
|
|
77420
|
+
}
|
|
77421
|
+
}, seriesModel, idx);
|
|
77422
|
+
} // Expansion
|
|
77423
|
+
else {
|
|
77424
|
+
if (startAngle != null) {
|
|
77425
|
+
sector.setShape({
|
|
77426
|
+
startAngle: startAngle,
|
|
77427
|
+
endAngle: startAngle
|
|
77428
|
+
});
|
|
77429
|
+
initProps(sector, {
|
|
77430
|
+
shape: {
|
|
77431
|
+
startAngle: layout.startAngle,
|
|
77432
|
+
endAngle: layout.endAngle
|
|
77433
|
+
}
|
|
77434
|
+
}, seriesModel, idx);
|
|
77435
|
+
} else {
|
|
77436
|
+
sector.shape.endAngle = layout.startAngle;
|
|
77437
|
+
updateProps$1(sector, {
|
|
77438
|
+
shape: {
|
|
77439
|
+
endAngle: layout.endAngle
|
|
77440
|
+
}
|
|
77441
|
+
}, seriesModel, idx);
|
|
77442
|
+
}
|
|
77443
|
+
}
|
|
77444
|
+
} else {
|
|
77445
|
+
saveOldStyle(sector); // Transition animation from the old shape
|
|
77446
|
+
|
|
77447
|
+
updateProps$1(sector, {
|
|
77448
|
+
shape: sectorShape
|
|
77449
|
+
}, seriesModel, idx);
|
|
77450
|
+
}
|
|
77451
|
+
|
|
77452
|
+
sector.useStyle(data.getItemVisual(idx, 'style'));
|
|
77453
|
+
setStatesStylesFromModel(sector, itemModel);
|
|
77454
|
+
var midAngle = (layout.startAngle + layout.endAngle) / 2;
|
|
77455
|
+
var offset = seriesModel.get('selectedOffset');
|
|
77456
|
+
var dx = Math.cos(midAngle) * offset;
|
|
77457
|
+
var dy = Math.sin(midAngle) * offset;
|
|
77458
|
+
var cursorStyle = itemModel.getShallow('cursor');
|
|
77459
|
+
cursorStyle && sector.attr('cursor', cursorStyle);
|
|
77460
|
+
|
|
77461
|
+
this._updateLabel(seriesModel, data, idx);
|
|
77462
|
+
|
|
77463
|
+
sector.ensureState('emphasis').shape = extend({
|
|
77464
|
+
r: layout.r + (emphasisModel.get('scale') ? emphasisModel.get('scaleSize') || 0 : 0)
|
|
77465
|
+
}, getSectorCornerRadius(emphasisModel.getModel('itemStyle'), layout));
|
|
77466
|
+
extend(sector.ensureState('select'), {
|
|
77467
|
+
x: dx,
|
|
77468
|
+
y: dy,
|
|
77469
|
+
shape: getSectorCornerRadius(itemModel.getModel(['select', 'itemStyle']), layout)
|
|
77470
|
+
});
|
|
77471
|
+
extend(sector.ensureState('blur'), {
|
|
77472
|
+
shape: getSectorCornerRadius(itemModel.getModel(['blur', 'itemStyle']), layout)
|
|
77473
|
+
});
|
|
77474
|
+
var labelLine = sector.getTextGuideLine();
|
|
77475
|
+
var labelText = sector.getTextContent();
|
|
77476
|
+
labelLine && extend(labelLine.ensureState('select'), {
|
|
77477
|
+
x: dx,
|
|
77478
|
+
y: dy
|
|
77479
|
+
}); // TODO: needs dx, dy in zrender?
|
|
77480
|
+
|
|
77481
|
+
extend(labelText.ensureState('select'), {
|
|
77482
|
+
x: dx,
|
|
77483
|
+
y: dy
|
|
77484
|
+
});
|
|
77485
|
+
toggleHoverEmphasis(this, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
|
|
77486
|
+
};
|
|
77487
|
+
|
|
77488
|
+
PiePiece.prototype._updateLabel = function (seriesModel, data, idx) {
|
|
77489
|
+
var sector = this;
|
|
77490
|
+
var itemModel = data.getItemModel(idx);
|
|
77491
|
+
var labelLineModel = itemModel.getModel('labelLine');
|
|
77492
|
+
var style = data.getItemVisual(idx, 'style');
|
|
77493
|
+
var visualColor = style && style.fill;
|
|
77494
|
+
var visualOpacity = style && style.opacity;
|
|
77495
|
+
setLabelStyle(sector, getLabelStatesModels(itemModel), {
|
|
77496
|
+
labelFetcher: data.hostModel,
|
|
77497
|
+
labelDataIndex: idx,
|
|
77498
|
+
inheritColor: visualColor,
|
|
77499
|
+
defaultOpacity: visualOpacity,
|
|
77500
|
+
defaultText: seriesModel.getFormattedLabel(idx, 'normal') || data.getName(idx)
|
|
77501
|
+
});
|
|
77502
|
+
var labelText = sector.getTextContent(); // Set textConfig on sector.
|
|
77503
|
+
|
|
77504
|
+
sector.setTextConfig({
|
|
77505
|
+
// reset position, rotation
|
|
77506
|
+
position: null,
|
|
77507
|
+
rotation: null
|
|
77508
|
+
}); // Make sure update style on labelText after setLabelStyle.
|
|
77509
|
+
// Because setLabelStyle will replace a new style on it.
|
|
77510
|
+
|
|
77511
|
+
labelText.attr({
|
|
77512
|
+
z2: 10
|
|
77513
|
+
});
|
|
77514
|
+
var labelPosition = seriesModel.get(['label', 'position']);
|
|
77515
|
+
|
|
77516
|
+
if (labelPosition !== 'outside' && labelPosition !== 'outer') {
|
|
77517
|
+
sector.removeTextGuideLine();
|
|
77518
|
+
} else {
|
|
77519
|
+
var polyline = this.getTextGuideLine();
|
|
77520
|
+
|
|
77521
|
+
if (!polyline) {
|
|
77522
|
+
polyline = new Polyline$1();
|
|
77523
|
+
this.setTextGuideLine(polyline);
|
|
77524
|
+
} // Default use item visual color
|
|
77525
|
+
|
|
77526
|
+
|
|
77527
|
+
setLabelLineStyle(this, getLabelLineStatesModels(itemModel), {
|
|
77528
|
+
stroke: visualColor,
|
|
77529
|
+
opacity: retrieve3(labelLineModel.get(['lineStyle', 'opacity']), visualOpacity, 1)
|
|
77530
|
+
});
|
|
77531
|
+
}
|
|
77532
|
+
};
|
|
77533
|
+
|
|
77534
|
+
return PiePiece;
|
|
77535
|
+
}(Sector$1); // Pie view
|
|
77536
|
+
|
|
77537
|
+
|
|
77538
|
+
var PieView =
|
|
77539
|
+
/** @class */
|
|
77540
|
+
function (_super) {
|
|
77541
|
+
__extends$1(PieView, _super);
|
|
77542
|
+
|
|
77543
|
+
function PieView() {
|
|
77544
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
|
77545
|
+
|
|
77546
|
+
_this.ignoreLabelLineUpdate = true;
|
|
77547
|
+
return _this;
|
|
77548
|
+
}
|
|
77549
|
+
|
|
77550
|
+
PieView.prototype.render = function (seriesModel, ecModel, api, payload) {
|
|
77551
|
+
var data = seriesModel.getData();
|
|
77552
|
+
var oldData = this._data;
|
|
77553
|
+
var group = this.group;
|
|
77554
|
+
var startAngle; // First render
|
|
77555
|
+
|
|
77556
|
+
if (!oldData && data.count() > 0) {
|
|
77557
|
+
var shape = data.getItemLayout(0);
|
|
77558
|
+
|
|
77559
|
+
for (var s = 1; isNaN(shape && shape.startAngle) && s < data.count(); ++s) {
|
|
77560
|
+
shape = data.getItemLayout(s);
|
|
77561
|
+
}
|
|
77562
|
+
|
|
77563
|
+
if (shape) {
|
|
77564
|
+
startAngle = shape.startAngle;
|
|
77565
|
+
}
|
|
77566
|
+
} // remove empty-circle if it exists
|
|
77567
|
+
|
|
77568
|
+
|
|
77569
|
+
if (this._emptyCircleSector) {
|
|
77570
|
+
group.remove(this._emptyCircleSector);
|
|
77571
|
+
} // when all data are filtered, show lightgray empty circle
|
|
77572
|
+
|
|
77573
|
+
|
|
77574
|
+
if (data.count() === 0 && seriesModel.get('showEmptyCircle')) {
|
|
77575
|
+
var sector = new Sector$1({
|
|
77576
|
+
shape: getBasicPieLayout(seriesModel, api)
|
|
77577
|
+
});
|
|
77578
|
+
sector.useStyle(seriesModel.getModel('emptyCircleStyle').getItemStyle());
|
|
77579
|
+
this._emptyCircleSector = sector;
|
|
77580
|
+
group.add(sector);
|
|
77581
|
+
}
|
|
77582
|
+
|
|
77583
|
+
data.diff(oldData).add(function (idx) {
|
|
77584
|
+
var piePiece = new PiePiece(data, idx, startAngle);
|
|
77585
|
+
data.setItemGraphicEl(idx, piePiece);
|
|
77586
|
+
group.add(piePiece);
|
|
77587
|
+
}).update(function (newIdx, oldIdx) {
|
|
77588
|
+
var piePiece = oldData.getItemGraphicEl(oldIdx);
|
|
77589
|
+
piePiece.updateData(data, newIdx, startAngle);
|
|
77590
|
+
piePiece.off('click');
|
|
77591
|
+
group.add(piePiece);
|
|
77592
|
+
data.setItemGraphicEl(newIdx, piePiece);
|
|
77593
|
+
}).remove(function (idx) {
|
|
77594
|
+
var piePiece = oldData.getItemGraphicEl(idx);
|
|
77595
|
+
removeElementWithFadeOut(piePiece, seriesModel, idx);
|
|
77596
|
+
}).execute();
|
|
77597
|
+
pieLabelLayout(seriesModel); // Always use initial animation.
|
|
77598
|
+
|
|
77599
|
+
if (seriesModel.get('animationTypeUpdate') !== 'expansion') {
|
|
77600
|
+
this._data = data;
|
|
77601
|
+
}
|
|
77602
|
+
};
|
|
77603
|
+
|
|
77604
|
+
PieView.prototype.dispose = function () {};
|
|
77605
|
+
|
|
77606
|
+
PieView.prototype.containPoint = function (point, seriesModel) {
|
|
77607
|
+
var data = seriesModel.getData();
|
|
77608
|
+
var itemLayout = data.getItemLayout(0);
|
|
77609
|
+
|
|
77610
|
+
if (itemLayout) {
|
|
77611
|
+
var dx = point[0] - itemLayout.cx;
|
|
77612
|
+
var dy = point[1] - itemLayout.cy;
|
|
77613
|
+
var radius = Math.sqrt(dx * dx + dy * dy);
|
|
77614
|
+
return radius <= itemLayout.r && radius >= itemLayout.r0;
|
|
77615
|
+
}
|
|
77616
|
+
};
|
|
77617
|
+
|
|
77618
|
+
PieView.type = 'pie';
|
|
77619
|
+
return PieView;
|
|
77620
|
+
}(ChartView$1);
|
|
77621
|
+
|
|
77622
|
+
var PieView$1 = PieView;
|
|
77623
|
+
|
|
77624
|
+
/**
|
|
77625
|
+
* [Usage]:
|
|
77626
|
+
* (1)
|
|
77627
|
+
* createListSimply(seriesModel, ['value']);
|
|
77628
|
+
* (2)
|
|
77629
|
+
* createListSimply(seriesModel, {
|
|
77630
|
+
* coordDimensions: ['value'],
|
|
77631
|
+
* dimensionsCount: 5
|
|
77632
|
+
* });
|
|
77633
|
+
*/
|
|
77634
|
+
|
|
77635
|
+
function createSeriesDataSimply(seriesModel, opt, nameList) {
|
|
77636
|
+
opt = isArray(opt) && {
|
|
77637
|
+
coordDimensions: opt
|
|
77638
|
+
} || extend({
|
|
77639
|
+
encodeDefine: seriesModel.getEncode()
|
|
77640
|
+
}, opt);
|
|
77641
|
+
var source = seriesModel.getSource();
|
|
77642
|
+
var dimensions = prepareSeriesDataSchema(source, opt).dimensions;
|
|
77643
|
+
var list = new SeriesData$1(dimensions, seriesModel);
|
|
77644
|
+
list.initData(source, nameList);
|
|
77645
|
+
return list;
|
|
77646
|
+
}
|
|
77647
|
+
|
|
77648
|
+
/*
|
|
77649
|
+
* Licensed to the Apache Software Foundation (ASF) under one
|
|
77650
|
+
* or more contributor license agreements. See the NOTICE file
|
|
77651
|
+
* distributed with this work for additional information
|
|
77652
|
+
* regarding copyright ownership. The ASF licenses this file
|
|
77653
|
+
* to you under the Apache License, Version 2.0 (the
|
|
77654
|
+
* "License"); you may not use this file except in compliance
|
|
77655
|
+
* with the License. You may obtain a copy of the License at
|
|
77656
|
+
*
|
|
77657
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
77658
|
+
*
|
|
77659
|
+
* Unless required by applicable law or agreed to in writing,
|
|
77660
|
+
* software distributed under the License is distributed on an
|
|
77661
|
+
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
77662
|
+
* KIND, either express or implied. See the License for the
|
|
77663
|
+
* specific language governing permissions and limitations
|
|
77664
|
+
* under the License.
|
|
77665
|
+
*/
|
|
77666
|
+
|
|
77667
|
+
|
|
77668
|
+
/**
|
|
77669
|
+
* AUTO-GENERATED FILE. DO NOT MODIFY.
|
|
77670
|
+
*/
|
|
77671
|
+
|
|
77672
|
+
/*
|
|
77673
|
+
* Licensed to the Apache Software Foundation (ASF) under one
|
|
77674
|
+
* or more contributor license agreements. See the NOTICE file
|
|
77675
|
+
* distributed with this work for additional information
|
|
77676
|
+
* regarding copyright ownership. The ASF licenses this file
|
|
77677
|
+
* to you under the Apache License, Version 2.0 (the
|
|
77678
|
+
* "License"); you may not use this file except in compliance
|
|
77679
|
+
* with the License. You may obtain a copy of the License at
|
|
77680
|
+
*
|
|
77681
|
+
* http://www.apache.org/licenses/LICENSE-2.0
|
|
77682
|
+
*
|
|
77683
|
+
* Unless required by applicable law or agreed to in writing,
|
|
77684
|
+
* software distributed under the License is distributed on an
|
|
77685
|
+
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
77686
|
+
* KIND, either express or implied. See the License for the
|
|
77687
|
+
* specific language governing permissions and limitations
|
|
77688
|
+
* under the License.
|
|
77689
|
+
*/
|
|
77690
|
+
|
|
77691
|
+
/**
|
|
77692
|
+
* LegendVisualProvider is an bridge that pick encoded color from data and
|
|
77693
|
+
* provide to the legend component.
|
|
77694
|
+
*/
|
|
77695
|
+
var LegendVisualProvider =
|
|
77696
|
+
/** @class */
|
|
77697
|
+
function () {
|
|
77698
|
+
function LegendVisualProvider( // Function to get data after filtered. It stores all the encoding info
|
|
77699
|
+
getDataWithEncodedVisual, // Function to get raw data before filtered.
|
|
77700
|
+
getRawData) {
|
|
77701
|
+
this._getDataWithEncodedVisual = getDataWithEncodedVisual;
|
|
77702
|
+
this._getRawData = getRawData;
|
|
77703
|
+
}
|
|
77704
|
+
|
|
77705
|
+
LegendVisualProvider.prototype.getAllNames = function () {
|
|
77706
|
+
var rawData = this._getRawData(); // We find the name from the raw data. In case it's filtered by the legend component.
|
|
77707
|
+
// Normally, the name can be found in rawData, but can't be found in filtered data will display as gray.
|
|
77708
|
+
|
|
77709
|
+
|
|
77710
|
+
return rawData.mapArray(rawData.getName);
|
|
77711
|
+
};
|
|
77712
|
+
|
|
77713
|
+
LegendVisualProvider.prototype.containName = function (name) {
|
|
77714
|
+
var rawData = this._getRawData();
|
|
77715
|
+
|
|
77716
|
+
return rawData.indexOfName(name) >= 0;
|
|
77717
|
+
};
|
|
77718
|
+
|
|
77719
|
+
LegendVisualProvider.prototype.indexOfName = function (name) {
|
|
77720
|
+
// Only get data when necessary.
|
|
77721
|
+
// Because LegendVisualProvider constructor may be new in the stage that data is not prepared yet.
|
|
77722
|
+
// Invoking Series#getData immediately will throw an error.
|
|
77723
|
+
var dataWithEncodedVisual = this._getDataWithEncodedVisual();
|
|
77724
|
+
|
|
77725
|
+
return dataWithEncodedVisual.indexOfName(name);
|
|
77726
|
+
};
|
|
77727
|
+
|
|
77728
|
+
LegendVisualProvider.prototype.getItemVisual = function (dataIndex, key) {
|
|
77729
|
+
// Get encoded visual properties from final filtered data.
|
|
77730
|
+
var dataWithEncodedVisual = this._getDataWithEncodedVisual();
|
|
77731
|
+
|
|
77732
|
+
return dataWithEncodedVisual.getItemVisual(dataIndex, key);
|
|
77733
|
+
};
|
|
77734
|
+
|
|
77735
|
+
return LegendVisualProvider;
|
|
77736
|
+
}();
|
|
77737
|
+
|
|
77738
|
+
var LegendVisualProvider$1 = LegendVisualProvider;
|
|
77739
|
+
|
|
77740
|
+
var PieSeriesModel =
|
|
77741
|
+
/** @class */
|
|
77742
|
+
function (_super) {
|
|
77743
|
+
__extends$1(PieSeriesModel, _super);
|
|
77744
|
+
|
|
77745
|
+
function PieSeriesModel() {
|
|
77746
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
77747
|
+
}
|
|
77748
|
+
/**
|
|
77749
|
+
* @overwrite
|
|
77750
|
+
*/
|
|
77751
|
+
|
|
77752
|
+
|
|
77753
|
+
PieSeriesModel.prototype.init = function (option) {
|
|
77754
|
+
_super.prototype.init.apply(this, arguments); // Enable legend selection for each data item
|
|
77755
|
+
// Use a function instead of direct access because data reference may changed
|
|
77756
|
+
|
|
77757
|
+
|
|
77758
|
+
this.legendVisualProvider = new LegendVisualProvider$1(bind$1(this.getData, this), bind$1(this.getRawData, this));
|
|
77759
|
+
|
|
77760
|
+
this._defaultLabelLine(option);
|
|
77761
|
+
};
|
|
77762
|
+
/**
|
|
77763
|
+
* @overwrite
|
|
77764
|
+
*/
|
|
77765
|
+
|
|
77766
|
+
|
|
77767
|
+
PieSeriesModel.prototype.mergeOption = function () {
|
|
77768
|
+
_super.prototype.mergeOption.apply(this, arguments);
|
|
77769
|
+
};
|
|
77770
|
+
/**
|
|
77771
|
+
* @overwrite
|
|
77772
|
+
*/
|
|
77773
|
+
|
|
77774
|
+
|
|
77775
|
+
PieSeriesModel.prototype.getInitialData = function () {
|
|
77776
|
+
var data = createSeriesDataSimply(this, {
|
|
77777
|
+
coordDimensions: ['value'],
|
|
77778
|
+
encodeDefaulter: curry(makeSeriesEncodeForNameBased, this)
|
|
77779
|
+
});
|
|
77780
|
+
var valueList = [];
|
|
77781
|
+
data.each(data.mapDimension('value'), function (value) {
|
|
77782
|
+
valueList.push(value);
|
|
77783
|
+
});
|
|
77784
|
+
this.seats = getPercentSeats(valueList, data.hostModel.get('percentPrecision'));
|
|
77785
|
+
return data;
|
|
77786
|
+
};
|
|
77787
|
+
/**
|
|
77788
|
+
* @overwrite
|
|
77789
|
+
*/
|
|
77790
|
+
|
|
77791
|
+
|
|
77792
|
+
PieSeriesModel.prototype.getDataParams = function (dataIndex) {
|
|
77793
|
+
var params = _super.prototype.getDataParams.call(this, dataIndex);
|
|
77794
|
+
|
|
77795
|
+
params.percent = this.seats[dataIndex];
|
|
77796
|
+
params.$vars.push('percent');
|
|
77797
|
+
return params;
|
|
77798
|
+
};
|
|
77799
|
+
|
|
77800
|
+
PieSeriesModel.prototype._defaultLabelLine = function (option) {
|
|
77801
|
+
// Extend labelLine emphasis
|
|
77802
|
+
defaultEmphasis(option, 'labelLine', ['show']);
|
|
77803
|
+
var labelLineNormalOpt = option.labelLine;
|
|
77804
|
+
var labelLineEmphasisOpt = option.emphasis.labelLine; // Not show label line if `label.normal.show = false`
|
|
77805
|
+
|
|
77806
|
+
labelLineNormalOpt.show = labelLineNormalOpt.show && option.label.show;
|
|
77807
|
+
labelLineEmphasisOpt.show = labelLineEmphasisOpt.show && option.emphasis.label.show;
|
|
77808
|
+
};
|
|
77809
|
+
|
|
77810
|
+
PieSeriesModel.type = 'series.pie';
|
|
77811
|
+
PieSeriesModel.defaultOption = {
|
|
77812
|
+
// zlevel: 0,
|
|
77813
|
+
z: 2,
|
|
77814
|
+
legendHoverLink: true,
|
|
77815
|
+
colorBy: 'data',
|
|
77816
|
+
// 默认全局居中
|
|
77817
|
+
center: ['50%', '50%'],
|
|
77818
|
+
radius: [0, '75%'],
|
|
77819
|
+
// 默认顺时针
|
|
77820
|
+
clockwise: true,
|
|
77821
|
+
startAngle: 90,
|
|
77822
|
+
// 最小角度改为0
|
|
77823
|
+
minAngle: 0,
|
|
77824
|
+
// If the angle of a sector less than `minShowLabelAngle`,
|
|
77825
|
+
// the label will not be displayed.
|
|
77826
|
+
minShowLabelAngle: 0,
|
|
77827
|
+
// 选中时扇区偏移量
|
|
77828
|
+
selectedOffset: 10,
|
|
77829
|
+
// 选择模式，默认关闭，可选single，multiple
|
|
77830
|
+
// selectedMode: false,
|
|
77831
|
+
// 南丁格尔玫瑰图模式，'radius'（半径） | 'area'（面积）
|
|
77832
|
+
// roseType: null,
|
|
77833
|
+
percentPrecision: 2,
|
|
77834
|
+
// If still show when all data zero.
|
|
77835
|
+
stillShowZeroSum: true,
|
|
77836
|
+
// cursor: null,
|
|
77837
|
+
left: 0,
|
|
77838
|
+
top: 0,
|
|
77839
|
+
right: 0,
|
|
77840
|
+
bottom: 0,
|
|
77841
|
+
width: null,
|
|
77842
|
+
height: null,
|
|
77843
|
+
label: {
|
|
77844
|
+
// color: 'inherit',
|
|
77845
|
+
// If rotate around circle
|
|
77846
|
+
rotate: 0,
|
|
77847
|
+
show: true,
|
|
77848
|
+
overflow: 'truncate',
|
|
77849
|
+
// 'outer', 'inside', 'center'
|
|
77850
|
+
position: 'outer',
|
|
77851
|
+
// 'none', 'labelLine', 'edge'. Works only when position is 'outer'
|
|
77852
|
+
alignTo: 'none',
|
|
77853
|
+
// Closest distance between label and chart edge.
|
|
77854
|
+
// Works only position is 'outer' and alignTo is 'edge'.
|
|
77855
|
+
edgeDistance: '25%',
|
|
77856
|
+
// Works only position is 'outer' and alignTo is not 'edge'.
|
|
77857
|
+
bleedMargin: 10,
|
|
77858
|
+
// Distance between text and label line.
|
|
77859
|
+
distanceToLabelLine: 5 // formatter: 标签文本格式器，同Tooltip.formatter，不支持异步回调
|
|
77860
|
+
// 默认使用全局文本样式，详见TEXTSTYLE
|
|
77861
|
+
// distance: 当position为inner时有效，为label位置到圆心的距离与圆半径(环状图为内外半径和)的比例系数
|
|
77862
|
+
|
|
77863
|
+
},
|
|
77864
|
+
// Enabled when label.normal.position is 'outer'
|
|
77865
|
+
labelLine: {
|
|
77866
|
+
show: true,
|
|
77867
|
+
// 引导线两段中的第一段长度
|
|
77868
|
+
length: 15,
|
|
77869
|
+
// 引导线两段中的第二段长度
|
|
77870
|
+
length2: 15,
|
|
77871
|
+
smooth: false,
|
|
77872
|
+
minTurnAngle: 90,
|
|
77873
|
+
maxSurfaceAngle: 90,
|
|
77874
|
+
lineStyle: {
|
|
77875
|
+
// color: 各异,
|
|
77876
|
+
width: 1,
|
|
77877
|
+
type: 'solid'
|
|
77878
|
+
}
|
|
77879
|
+
},
|
|
77880
|
+
itemStyle: {
|
|
77881
|
+
borderWidth: 1,
|
|
77882
|
+
borderJoin: 'round'
|
|
77883
|
+
},
|
|
77884
|
+
showEmptyCircle: true,
|
|
77885
|
+
emptyCircleStyle: {
|
|
77886
|
+
color: 'lightgray',
|
|
77887
|
+
opacity: 1
|
|
77888
|
+
},
|
|
77889
|
+
labelLayout: {
|
|
77890
|
+
// Hide the overlapped label.
|
|
77891
|
+
hideOverlap: true
|
|
77892
|
+
},
|
|
77893
|
+
emphasis: {
|
|
77894
|
+
scale: true,
|
|
77895
|
+
scaleSize: 5
|
|
77896
|
+
},
|
|
77897
|
+
// If use strategy to avoid label overlapping
|
|
77898
|
+
avoidLabelOverlap: true,
|
|
77899
|
+
// Animation type. Valid values: expansion, scale
|
|
77900
|
+
animationType: 'expansion',
|
|
77901
|
+
animationDuration: 1000,
|
|
77902
|
+
// Animation type when update. Valid values: transition, expansion
|
|
77903
|
+
animationTypeUpdate: 'transition',
|
|
77904
|
+
animationEasingUpdate: 'cubicInOut',
|
|
77905
|
+
animationDurationUpdate: 500,
|
|
77906
|
+
animationEasing: 'cubicInOut'
|
|
77907
|
+
};
|
|
77908
|
+
return PieSeriesModel;
|
|
77909
|
+
}(SeriesModel$1);
|
|
77910
|
+
|
|
77911
|
+
var PieSeriesModel$1 = PieSeriesModel;
|
|
77912
|
+
|
|
77913
|
+
function negativeDataFilter(seriesType) {
|
|
77914
|
+
return {
|
|
77915
|
+
seriesType: seriesType,
|
|
77916
|
+
reset: function (seriesModel, ecModel) {
|
|
77917
|
+
var data = seriesModel.getData();
|
|
77918
|
+
data.filterSelf(function (idx) {
|
|
77919
|
+
// handle negative value condition
|
|
77920
|
+
var valueDim = data.mapDimension('value');
|
|
77921
|
+
var curValue = data.get(valueDim, idx);
|
|
77922
|
+
|
|
77923
|
+
if (isNumber(curValue) && !isNaN(curValue) && curValue < 0) {
|
|
77924
|
+
return false;
|
|
77925
|
+
}
|
|
77926
|
+
|
|
77927
|
+
return true;
|
|
77928
|
+
});
|
|
77929
|
+
}
|
|
77930
|
+
};
|
|
77931
|
+
}
|
|
77932
|
+
|
|
77933
|
+
function install$7(registers) {
|
|
77934
|
+
registers.registerChartView(PieView$1);
|
|
77935
|
+
registers.registerSeriesModel(PieSeriesModel$1);
|
|
77936
|
+
createLegacyDataSelectAction('pie', registers.registerAction);
|
|
77937
|
+
registers.registerLayout(curry(pieLayout, 'pie'));
|
|
77938
|
+
registers.registerProcessor(dataFilter('pie'));
|
|
77939
|
+
registers.registerProcessor(negativeDataFilter('pie'));
|
|
77940
|
+
}
|
|
77941
|
+
|
|
76053
77942
|
var GridModel =
|
|
76054
77943
|
/** @class */
|
|
76055
77944
|
function (_super) {
|
|
@@ -82830,13 +84719,13 @@ function install(registers) {
|
|
|
82830
84719
|
registers.registerPainter('canvas', CanvasPainter$1);
|
|
82831
84720
|
}
|
|
82832
84721
|
|
|
82833
|
-
var css$
|
|
84722
|
+
var css$5 = ".BaseVerticalBarChart_module_root__db36f9d1 {\n width: \"100%\";\n}";
|
|
82834
84723
|
var modules_8757388c = {"root":"BaseVerticalBarChart_module_root__db36f9d1"};
|
|
82835
|
-
n(css$
|
|
84724
|
+
n(css$5,{});
|
|
82836
84725
|
|
|
82837
|
-
use([install$2, install$3, install$4, install$1, install$
|
|
84726
|
+
use([install$2, install$3, install$4, install$1, install$8, install]);
|
|
82838
84727
|
var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
82839
|
-
var _seriesData$chartData, _seriesData$
|
|
84728
|
+
var _seriesOption$length, _seriesData$metaData$, _seriesData$metaData, _seriesData$metaData$2, _seriesData$chartData, _seriesData$chartData9;
|
|
82840
84729
|
var title = props.title,
|
|
82841
84730
|
gridContainLabel = props.gridContainLabel,
|
|
82842
84731
|
gridOptions = props.gridOptions,
|
|
@@ -82850,13 +84739,16 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
82850
84739
|
axisColor = props.axisColor,
|
|
82851
84740
|
barWidth = props.barWidth,
|
|
82852
84741
|
cursor = props.cursor,
|
|
84742
|
+
legend = props.legend,
|
|
84743
|
+
tooltip = props.tooltip,
|
|
84744
|
+
seriesName = props.seriesName,
|
|
82853
84745
|
stacked = props.stacked,
|
|
82854
84746
|
seriesOption = props.seriesOption,
|
|
82855
84747
|
style = props.style,
|
|
82856
84748
|
className = props.className;
|
|
82857
84749
|
var seriesOptionObject = {
|
|
82858
84750
|
type: 'bar',
|
|
82859
|
-
barWidth: stacked ? barWidth : barWidth / seriesOption.length,
|
|
84751
|
+
barWidth: stacked ? barWidth : barWidth / ((_seriesOption$length = seriesOption === null || seriesOption === void 0 ? void 0 : seriesOption.length) !== null && _seriesOption$length !== void 0 ? _seriesOption$length : 1),
|
|
82860
84752
|
cursor: cursor,
|
|
82861
84753
|
stack: stacked,
|
|
82862
84754
|
groupPadding: 3,
|
|
@@ -82877,25 +84769,28 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
82877
84769
|
itemStyle: {
|
|
82878
84770
|
borderRadius: [0, 2, 2, 0]
|
|
82879
84771
|
},
|
|
84772
|
+
name: (_seriesData$metaData$ = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$metaData = seriesData.metaData) === null || _seriesData$metaData === void 0 ? void 0 : (_seriesData$metaData$2 = _seriesData$metaData.keyData) === null || _seriesData$metaData$2 === void 0 ? void 0 : _seriesData$metaData$2.x1) !== null && _seriesData$metaData$ !== void 0 ? _seriesData$metaData$ : '',
|
|
82880
84773
|
data: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
|
|
82881
|
-
var _seriesData$chartData2, _seriesData$chartData3;
|
|
84774
|
+
var _seriesData$chartData2, _seriesData$chartData3, _seriesData$chartData4;
|
|
82882
84775
|
return {
|
|
82883
|
-
value: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$
|
|
84776
|
+
value: (_seriesData$chartData2 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData3 = seriesData.chartData) === null || _seriesData$chartData3 === void 0 ? void 0 : (_seriesData$chartData4 = _seriesData$chartData3[key]) === null || _seriesData$chartData4 === void 0 ? void 0 : _seriesData$chartData4.x1) !== null && _seriesData$chartData2 !== void 0 ? _seriesData$chartData2 : ''
|
|
82884
84777
|
};
|
|
82885
84778
|
})
|
|
82886
84779
|
};
|
|
82887
84780
|
var generateSeries = function generateSeries() {
|
|
82888
84781
|
return seriesOption.map(function (objectData, index) {
|
|
82889
|
-
var _objectData$label, _seriesData$
|
|
84782
|
+
var _seriesOptionObject$l, _objectData$label, _seriesData$chartData5;
|
|
82890
84783
|
return _objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), objectData), {}, {
|
|
82891
|
-
label: _objectSpread2(_objectSpread2({}, seriesOptionObject.label), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
|
|
82892
|
-
|
|
82893
|
-
|
|
84784
|
+
label: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$l = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.label) !== null && _seriesOptionObject$l !== void 0 ? _seriesOptionObject$l : {}), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
|
|
84785
|
+
name: seriesName(index),
|
|
84786
|
+
data: Object.keys((_seriesData$chartData5 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData5 !== void 0 ? _seriesData$chartData5 : {}).map(function (key, subIndex) {
|
|
84787
|
+
var _seriesData$chartData6, _seriesData$chartData7, _seriesData$chartData8, _objectData$barColor$, _objectData$barColor, _objectData$color, _seriesOption$subInde, _seriesOption$subInde2;
|
|
82894
84788
|
return {
|
|
82895
|
-
value: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$
|
|
84789
|
+
value: (_seriesData$chartData6 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData7 = seriesData.chartData) === null || _seriesData$chartData7 === void 0 ? void 0 : (_seriesData$chartData8 = _seriesData$chartData7[key]) === null || _seriesData$chartData8 === void 0 ? void 0 : _seriesData$chartData8["x".concat(index + 1)]) !== null && _seriesData$chartData6 !== void 0 ? _seriesData$chartData6 : '',
|
|
82896
84790
|
itemStyle: {
|
|
82897
|
-
color: (objectData === null || objectData === void 0 ? void 0 : (_objectData$barColor = objectData.barColor) === null || _objectData$barColor === void 0 ? void 0 : _objectData$barColor[subIndex]) || (objectData === null || objectData === void 0 ? void 0 : objectData.color)
|
|
82898
|
-
}
|
|
84791
|
+
color: ((_objectData$barColor$ = objectData === null || objectData === void 0 ? void 0 : (_objectData$barColor = objectData.barColor) === null || _objectData$barColor === void 0 ? void 0 : _objectData$barColor[subIndex]) !== null && _objectData$barColor$ !== void 0 ? _objectData$barColor$ : '') || ((_objectData$color = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color !== void 0 ? _objectData$color : '')
|
|
84792
|
+
},
|
|
84793
|
+
tooltip: _objectSpread2({}, (_seriesOption$subInde = (_seriesOption$subInde2 = seriesOption[subIndex]) === null || _seriesOption$subInde2 === void 0 ? void 0 : _seriesOption$subInde2.tooltip) !== null && _seriesOption$subInde !== void 0 ? _seriesOption$subInde : {})
|
|
82899
84794
|
};
|
|
82900
84795
|
})
|
|
82901
84796
|
});
|
|
@@ -82910,10 +84805,12 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
|
|
|
82910
84805
|
containLabel: gridContainLabel
|
|
82911
84806
|
}, gridOptions),
|
|
82912
84807
|
xAxis: {
|
|
82913
|
-
data: Object.keys((_seriesData$
|
|
84808
|
+
data: Object.keys((_seriesData$chartData9 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : {}),
|
|
82914
84809
|
show: xAxisShow,
|
|
82915
84810
|
type: 'category'
|
|
82916
84811
|
},
|
|
84812
|
+
legend: _objectSpread2({}, legend),
|
|
84813
|
+
tooltip: _objectSpread2({}, tooltip),
|
|
82917
84814
|
yAxis: {
|
|
82918
84815
|
type: 'value',
|
|
82919
84816
|
axisLabel: {
|
|
@@ -82949,17 +84846,20 @@ BaseVerticalBarChart.propTypes = {
|
|
|
82949
84846
|
gridContainLabel: propTypes$1.exports.bool,
|
|
82950
84847
|
gridOptions: propTypes$1.exports.object,
|
|
82951
84848
|
xAxisShow: propTypes$1.exports.bool,
|
|
84849
|
+
tooltip: propTypes$1.exports.object,
|
|
82952
84850
|
seriesData: propTypes$1.exports.shape({
|
|
82953
84851
|
chartData: propTypes$1.exports.object,
|
|
82954
84852
|
metaData: propTypes$1.exports.object
|
|
82955
84853
|
}),
|
|
82956
|
-
onEvents: propTypes$1.exports.
|
|
84854
|
+
onEvents: propTypes$1.exports.func,
|
|
82957
84855
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
82958
84856
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
82959
84857
|
yAxisLineShow: propTypes$1.exports.bool,
|
|
82960
84858
|
yAxisTickShow: propTypes$1.exports.bool,
|
|
82961
84859
|
axisColor: propTypes$1.exports.string,
|
|
82962
84860
|
barWidth: propTypes$1.exports.string,
|
|
84861
|
+
legend: propTypes$1.exports.object,
|
|
84862
|
+
seriesName: propTypes$1.exports.func,
|
|
82963
84863
|
cursor: propTypes$1.exports.string,
|
|
82964
84864
|
stacked: propTypes$1.exports.bool,
|
|
82965
84865
|
seriesOption: propTypes$1.exports.arrayOf(propTypes$1.exports.shape),
|
|
@@ -82976,14 +84876,21 @@ BaseVerticalBarChart.defaultProps = {
|
|
|
82976
84876
|
top: 5
|
|
82977
84877
|
},
|
|
82978
84878
|
xAxisShow: false,
|
|
84879
|
+
tooltip: {
|
|
84880
|
+
trigger: 'item'
|
|
84881
|
+
},
|
|
82979
84882
|
seriesData: {},
|
|
82980
|
-
onEvents: {},
|
|
84883
|
+
onEvents: function onEvents() {},
|
|
82981
84884
|
yAxisLabelShow: false,
|
|
82982
84885
|
ySplitLineShow: false,
|
|
82983
84886
|
yAxisLineShow: false,
|
|
82984
84887
|
yAxisTickShow: false,
|
|
82985
84888
|
axisColor: 'grey',
|
|
82986
84889
|
barWidth: '50%',
|
|
84890
|
+
seriesName: function seriesName() {},
|
|
84891
|
+
legend: {
|
|
84892
|
+
show: true
|
|
84893
|
+
},
|
|
82987
84894
|
cursor: 'default',
|
|
82988
84895
|
stacked: true,
|
|
82989
84896
|
seriesOption: [{
|
|
@@ -82996,13 +84903,13 @@ BaseVerticalBarChart.defaultProps = {
|
|
|
82996
84903
|
className: ''
|
|
82997
84904
|
};
|
|
82998
84905
|
|
|
82999
|
-
var css$
|
|
84906
|
+
var css$4 = ".BaseHorizontalBarChart_module_root__75f8867a {\n width: \"100%\";\n}";
|
|
83000
84907
|
var modules_8904c6a0 = {"root":"BaseHorizontalBarChart_module_root__75f8867a"};
|
|
83001
|
-
n(css$
|
|
84908
|
+
n(css$4,{});
|
|
83002
84909
|
|
|
83003
|
-
use([install$2, install$3, install$4, install$1, install$
|
|
84910
|
+
use([install$2, install$3, install$4, install$1, install$8, install]);
|
|
83004
84911
|
var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
83005
|
-
var _seriesData$chartData, _seriesData$
|
|
84912
|
+
var _seriesOption$length, _seriesData$metaData$, _seriesData$metaData, _seriesData$metaData$2, _seriesData$chartData, _seriesData$chartData9;
|
|
83006
84913
|
var title = props.title,
|
|
83007
84914
|
gridContainLabel = props.gridContainLabel,
|
|
83008
84915
|
gridOptions = props.gridOptions,
|
|
@@ -83015,13 +84922,16 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
83015
84922
|
yAxisTickShow = props.yAxisTickShow,
|
|
83016
84923
|
barWidth = props.barWidth,
|
|
83017
84924
|
cursor = props.cursor,
|
|
84925
|
+
legend = props.legend,
|
|
84926
|
+
tooltip = props.tooltip,
|
|
84927
|
+
seriesName = props.seriesName,
|
|
83018
84928
|
stacked = props.stacked,
|
|
83019
84929
|
seriesOption = props.seriesOption,
|
|
83020
84930
|
style = props.style,
|
|
83021
84931
|
className = props.className;
|
|
83022
84932
|
var seriesOptionObject = {
|
|
83023
84933
|
type: 'bar',
|
|
83024
|
-
barWidth: stacked ? barWidth : barWidth / seriesOption.length,
|
|
84934
|
+
barWidth: stacked ? barWidth : barWidth / ((_seriesOption$length = seriesOption === null || seriesOption === void 0 ? void 0 : seriesOption.length) !== null && _seriesOption$length !== void 0 ? _seriesOption$length : 1),
|
|
83025
84935
|
cursor: cursor,
|
|
83026
84936
|
stack: stacked,
|
|
83027
84937
|
groupPadding: 3,
|
|
@@ -83040,19 +84950,27 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
83040
84950
|
itemStyle: {
|
|
83041
84951
|
borderRadius: [0, 2, 2, 0]
|
|
83042
84952
|
},
|
|
84953
|
+
name: (_seriesData$metaData$ = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$metaData = seriesData.metaData) === null || _seriesData$metaData === void 0 ? void 0 : (_seriesData$metaData$2 = _seriesData$metaData.keyData) === null || _seriesData$metaData$2 === void 0 ? void 0 : _seriesData$metaData$2.x1) !== null && _seriesData$metaData$ !== void 0 ? _seriesData$metaData$ : '',
|
|
83043
84954
|
data: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
|
|
83044
|
-
var _seriesData$chartData2, _seriesData$chartData3;
|
|
83045
|
-
return seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$
|
|
84955
|
+
var _seriesData$chartData2, _seriesData$chartData3, _seriesData$chartData4;
|
|
84956
|
+
return (_seriesData$chartData2 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData3 = seriesData.chartData) === null || _seriesData$chartData3 === void 0 ? void 0 : (_seriesData$chartData4 = _seriesData$chartData3[key]) === null || _seriesData$chartData4 === void 0 ? void 0 : _seriesData$chartData4.x1) !== null && _seriesData$chartData2 !== void 0 ? _seriesData$chartData2 : '';
|
|
83046
84957
|
})
|
|
83047
84958
|
};
|
|
83048
84959
|
var generateSeries = function generateSeries() {
|
|
83049
84960
|
return seriesOption.map(function (objectData, index) {
|
|
83050
|
-
var _objectData$label, _seriesData$
|
|
84961
|
+
var _seriesOptionObject$l, _objectData$label, _seriesData$chartData5;
|
|
83051
84962
|
return _objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), objectData), {}, {
|
|
83052
|
-
label: _objectSpread2(_objectSpread2({}, seriesOptionObject.label), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
|
|
83053
|
-
|
|
83054
|
-
|
|
83055
|
-
|
|
84963
|
+
label: _objectSpread2(_objectSpread2({}, (_seriesOptionObject$l = seriesOptionObject === null || seriesOptionObject === void 0 ? void 0 : seriesOptionObject.label) !== null && _seriesOptionObject$l !== void 0 ? _seriesOptionObject$l : {}), (_objectData$label = objectData === null || objectData === void 0 ? void 0 : objectData.label) !== null && _objectData$label !== void 0 ? _objectData$label : {}),
|
|
84964
|
+
name: seriesName(index),
|
|
84965
|
+
data: Object.keys((_seriesData$chartData5 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData5 !== void 0 ? _seriesData$chartData5 : {}).map(function (key, subIndex) {
|
|
84966
|
+
var _seriesData$chartData6, _seriesData$chartData7, _seriesData$chartData8, _objectData$barColor$, _objectData$barColor, _objectData$color, _seriesOption$subInde, _seriesOption$subInde2;
|
|
84967
|
+
return {
|
|
84968
|
+
value: (_seriesData$chartData6 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData7 = seriesData.chartData) === null || _seriesData$chartData7 === void 0 ? void 0 : (_seriesData$chartData8 = _seriesData$chartData7[key]) === null || _seriesData$chartData8 === void 0 ? void 0 : _seriesData$chartData8["x".concat(index + 1)]) !== null && _seriesData$chartData6 !== void 0 ? _seriesData$chartData6 : '',
|
|
84969
|
+
itemStyle: {
|
|
84970
|
+
color: ((_objectData$barColor$ = objectData === null || objectData === void 0 ? void 0 : (_objectData$barColor = objectData.barColor) === null || _objectData$barColor === void 0 ? void 0 : _objectData$barColor[subIndex]) !== null && _objectData$barColor$ !== void 0 ? _objectData$barColor$ : '') || ((_objectData$color = objectData === null || objectData === void 0 ? void 0 : objectData.color) !== null && _objectData$color !== void 0 ? _objectData$color : '')
|
|
84971
|
+
},
|
|
84972
|
+
tooltip: _objectSpread2({}, (_seriesOption$subInde = (_seriesOption$subInde2 = seriesOption[subIndex]) === null || _seriesOption$subInde2 === void 0 ? void 0 : _seriesOption$subInde2.tooltip) !== null && _seriesOption$subInde !== void 0 ? _seriesOption$subInde : {})
|
|
84973
|
+
};
|
|
83056
84974
|
})
|
|
83057
84975
|
});
|
|
83058
84976
|
});
|
|
@@ -83069,8 +84987,10 @@ var BaseHorizontalBarChart = function BaseHorizontalBarChart(props) {
|
|
|
83069
84987
|
show: xAxisShow,
|
|
83070
84988
|
type: 'value'
|
|
83071
84989
|
},
|
|
84990
|
+
legend: _objectSpread2({}, legend),
|
|
84991
|
+
tooltip: _objectSpread2({}, tooltip),
|
|
83072
84992
|
yAxis: {
|
|
83073
|
-
data: Object.keys((_seriesData$
|
|
84993
|
+
data: Object.keys((_seriesData$chartData9 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData9 !== void 0 ? _seriesData$chartData9 : {}),
|
|
83074
84994
|
type: 'category',
|
|
83075
84995
|
axisLabel: {
|
|
83076
84996
|
show: yAxisLabelShow
|
|
@@ -83100,17 +85020,20 @@ BaseHorizontalBarChart.propTypes = {
|
|
|
83100
85020
|
title: propTypes$1.exports.string,
|
|
83101
85021
|
gridContainLabel: propTypes$1.exports.bool,
|
|
83102
85022
|
gridOptions: propTypes$1.exports.object,
|
|
85023
|
+
tooltip: propTypes$1.exports.object,
|
|
83103
85024
|
xAxisShow: propTypes$1.exports.bool,
|
|
83104
85025
|
seriesData: propTypes$1.exports.shape({
|
|
83105
85026
|
chartData: propTypes$1.exports.object,
|
|
83106
85027
|
metaData: propTypes$1.exports.object
|
|
83107
85028
|
}),
|
|
83108
|
-
onEvents: propTypes$1.exports.
|
|
85029
|
+
onEvents: propTypes$1.exports.func,
|
|
83109
85030
|
yAxisLabelShow: propTypes$1.exports.bool,
|
|
83110
85031
|
ySplitLineShow: propTypes$1.exports.bool,
|
|
83111
85032
|
yAxisLineShow: propTypes$1.exports.bool,
|
|
83112
85033
|
yAxisTickShow: propTypes$1.exports.bool,
|
|
83113
85034
|
barWidth: propTypes$1.exports.string,
|
|
85035
|
+
legend: propTypes$1.exports.object,
|
|
85036
|
+
seriesName: propTypes$1.exports.func,
|
|
83114
85037
|
cursor: propTypes$1.exports.string,
|
|
83115
85038
|
stacked: propTypes$1.exports.bool,
|
|
83116
85039
|
seriesOption: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
@@ -83127,13 +85050,20 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
83127
85050
|
top: 5
|
|
83128
85051
|
},
|
|
83129
85052
|
xAxisShow: false,
|
|
85053
|
+
tooltip: {
|
|
85054
|
+
trigger: 'item'
|
|
85055
|
+
},
|
|
83130
85056
|
seriesData: {},
|
|
83131
|
-
onEvents: {},
|
|
85057
|
+
onEvents: function onEvents() {},
|
|
83132
85058
|
yAxisLabelShow: false,
|
|
83133
85059
|
ySplitLineShow: false,
|
|
83134
85060
|
yAxisLineShow: false,
|
|
83135
85061
|
yAxisTickShow: false,
|
|
83136
85062
|
barWidth: '50%',
|
|
85063
|
+
seriesName: function seriesName() {},
|
|
85064
|
+
legend: {
|
|
85065
|
+
show: false
|
|
85066
|
+
},
|
|
83137
85067
|
cursor: 'default',
|
|
83138
85068
|
stacked: true,
|
|
83139
85069
|
seriesOption: [{
|
|
@@ -83146,9 +85076,155 @@ BaseHorizontalBarChart.defaultProps = {
|
|
|
83146
85076
|
className: ''
|
|
83147
85077
|
};
|
|
83148
85078
|
|
|
83149
|
-
var css$
|
|
85079
|
+
var css$3 = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\n.BasePieChart_module_root__faeb32b6 {\n width: \"100%\";\n}";
|
|
85080
|
+
var modules_c20882aa = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"BasePieChart_module_root__faeb32b6"};
|
|
85081
|
+
n(css$3,{});
|
|
85082
|
+
|
|
85083
|
+
use([install$2, install$3, install$4, install$1, install$7, install]);
|
|
85084
|
+
var BasePieChart = function BasePieChart(props) {
|
|
85085
|
+
var _seriesData$chartData;
|
|
85086
|
+
var title = props.title,
|
|
85087
|
+
gridOptions = props.gridOptions,
|
|
85088
|
+
tooltip = props.tooltip,
|
|
85089
|
+
seriesData = props.seriesData,
|
|
85090
|
+
semiDoughnut = props.semiDoughnut,
|
|
85091
|
+
radius = props.radius,
|
|
85092
|
+
cursor = props.cursor,
|
|
85093
|
+
showLabelLine = props.showLabelLine,
|
|
85094
|
+
itemStyle = props.itemStyle,
|
|
85095
|
+
legend = props.legend,
|
|
85096
|
+
seriesOption = props.seriesOption,
|
|
85097
|
+
style = props.style,
|
|
85098
|
+
className = props.className;
|
|
85099
|
+
var seriesOptionObject = {
|
|
85100
|
+
type: 'pie',
|
|
85101
|
+
radius: radius,
|
|
85102
|
+
legendHoverLink: false,
|
|
85103
|
+
avoidLabelOverlap: false,
|
|
85104
|
+
cursor: cursor,
|
|
85105
|
+
labelLine: {
|
|
85106
|
+
show: showLabelLine
|
|
85107
|
+
},
|
|
85108
|
+
itemStyle: _objectSpread2({}, itemStyle),
|
|
85109
|
+
data: Object.keys((_seriesData$chartData = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData !== void 0 ? _seriesData$chartData : {}).map(function (key) {
|
|
85110
|
+
var _seriesData$chartData2;
|
|
85111
|
+
var temp = [];
|
|
85112
|
+
temp.push({
|
|
85113
|
+
value: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData2 = seriesData.chartData) === null || _seriesData$chartData2 === void 0 ? void 0 : _seriesData$chartData2[key]
|
|
85114
|
+
});
|
|
85115
|
+
return temp;
|
|
85116
|
+
})
|
|
85117
|
+
};
|
|
85118
|
+
var generateSeries = function generateSeries() {
|
|
85119
|
+
var _seriesData$chartData3, _seriesData$chartData7;
|
|
85120
|
+
var semiDoughnutValue = 0;
|
|
85121
|
+
return _objectSpread2(_objectSpread2(_objectSpread2({}, seriesOptionObject), seriesOption), {}, {
|
|
85122
|
+
startAngle: semiDoughnut ? 180 : 90,
|
|
85123
|
+
data: semiDoughnut ? [].concat(_toConsumableArray(Object.keys((_seriesData$chartData3 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData3 !== void 0 ? _seriesData$chartData3 : {}).map(function (key, subIndex) {
|
|
85124
|
+
var _seriesData$chartData4, _seriesData$chartData5, _seriesData$chartData6, _seriesData$metaData, _seriesOption$subInde, _seriesOption$subInde2, _seriesOption$subInde3, _seriesOption$subInde4;
|
|
85125
|
+
semiDoughnutValue += (_seriesData$chartData4 = seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData5 = seriesData.chartData) === null || _seriesData$chartData5 === void 0 ? void 0 : _seriesData$chartData5[key]) !== null && _seriesData$chartData4 !== void 0 ? _seriesData$chartData4 : 0;
|
|
85126
|
+
return {
|
|
85127
|
+
value: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData6 = seriesData.chartData) === null || _seriesData$chartData6 === void 0 ? void 0 : _seriesData$chartData6[key],
|
|
85128
|
+
name: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$metaData = seriesData.metaData) === null || _seriesData$metaData === void 0 ? void 0 : _seriesData$metaData.keyData[key],
|
|
85129
|
+
itemStyle: _objectSpread2({}, (_seriesOption$subInde = seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde2 = seriesOption[subIndex]) === null || _seriesOption$subInde2 === void 0 ? void 0 : _seriesOption$subInde2.itemStyle) !== null && _seriesOption$subInde !== void 0 ? _seriesOption$subInde : {}),
|
|
85130
|
+
label: _objectSpread2({}, seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde3 = seriesOption[subIndex]) === null || _seriesOption$subInde3 === void 0 ? void 0 : _seriesOption$subInde3.label),
|
|
85131
|
+
tooltip: _objectSpread2({}, seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde4 = seriesOption[subIndex]) === null || _seriesOption$subInde4 === void 0 ? void 0 : _seriesOption$subInde4.tooltip)
|
|
85132
|
+
};
|
|
85133
|
+
})), [{
|
|
85134
|
+
value: semiDoughnutValue,
|
|
85135
|
+
name: '',
|
|
85136
|
+
itemStyle: {
|
|
85137
|
+
opacity: 0
|
|
85138
|
+
},
|
|
85139
|
+
tooltip: {
|
|
85140
|
+
show: false
|
|
85141
|
+
}
|
|
85142
|
+
}]) : Object.keys((_seriesData$chartData7 = seriesData === null || seriesData === void 0 ? void 0 : seriesData.chartData) !== null && _seriesData$chartData7 !== void 0 ? _seriesData$chartData7 : {}).map(function (key, subIndex) {
|
|
85143
|
+
var _seriesData$chartData8, _seriesData$metaData2, _seriesData$metaData3, _seriesOption$subInde5, _seriesOption$subInde6, _seriesOption$subInde7;
|
|
85144
|
+
return {
|
|
85145
|
+
value: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$chartData8 = seriesData.chartData) === null || _seriesData$chartData8 === void 0 ? void 0 : _seriesData$chartData8[key],
|
|
85146
|
+
name: seriesData === null || seriesData === void 0 ? void 0 : (_seriesData$metaData2 = seriesData.metaData) === null || _seriesData$metaData2 === void 0 ? void 0 : (_seriesData$metaData3 = _seriesData$metaData2.keyData) === null || _seriesData$metaData3 === void 0 ? void 0 : _seriesData$metaData3[key],
|
|
85147
|
+
itemStyle: _objectSpread2({}, seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde5 = seriesOption[subIndex]) === null || _seriesOption$subInde5 === void 0 ? void 0 : _seriesOption$subInde5.itemStyle),
|
|
85148
|
+
label: _objectSpread2({}, seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde6 = seriesOption[subIndex]) === null || _seriesOption$subInde6 === void 0 ? void 0 : _seriesOption$subInde6.label),
|
|
85149
|
+
tooltip: _objectSpread2({}, seriesOption === null || seriesOption === void 0 ? void 0 : (_seriesOption$subInde7 = seriesOption[subIndex]) === null || _seriesOption$subInde7 === void 0 ? void 0 : _seriesOption$subInde7.tooltip)
|
|
85150
|
+
};
|
|
85151
|
+
})
|
|
85152
|
+
});
|
|
85153
|
+
};
|
|
85154
|
+
return /*#__PURE__*/jsxRuntime.jsx(_default, {
|
|
85155
|
+
option: _objectSpread2(_objectSpread2({
|
|
85156
|
+
title: {
|
|
85157
|
+
text: title
|
|
85158
|
+
}
|
|
85159
|
+
}, gridOptions), {}, {
|
|
85160
|
+
tooltip: _objectSpread2({}, tooltip),
|
|
85161
|
+
legend: _objectSpread2({}, legend),
|
|
85162
|
+
series: generateSeries()
|
|
85163
|
+
}),
|
|
85164
|
+
echarts: echarts,
|
|
85165
|
+
notMerge: true,
|
|
85166
|
+
lazyUpdate: true,
|
|
85167
|
+
className: classes(className, modules_c20882aa.root),
|
|
85168
|
+
style: style
|
|
85169
|
+
});
|
|
85170
|
+
};
|
|
85171
|
+
BasePieChart.propTypes = {
|
|
85172
|
+
title: propTypes$1.exports.string,
|
|
85173
|
+
gridOptions: propTypes$1.exports.object,
|
|
85174
|
+
tooltip: propTypes$1.exports.object,
|
|
85175
|
+
seriesData: propTypes$1.exports.shape({
|
|
85176
|
+
chartData: propTypes$1.exports.object,
|
|
85177
|
+
metaData: propTypes$1.exports.object
|
|
85178
|
+
}),
|
|
85179
|
+
semiDoughnut: propTypes$1.exports.bool,
|
|
85180
|
+
cursor: propTypes$1.exports.string,
|
|
85181
|
+
radius: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
85182
|
+
showLabelLine: propTypes$1.exports.bool,
|
|
85183
|
+
itemStyle: propTypes$1.exports.object,
|
|
85184
|
+
legend: propTypes$1.exports.object,
|
|
85185
|
+
seriesOption: propTypes$1.exports.arrayOf(propTypes$1.exports.shape),
|
|
85186
|
+
style: propTypes$1.exports.objectOf(propTypes$1.exports.shape),
|
|
85187
|
+
className: propTypes$1.exports.string
|
|
85188
|
+
};
|
|
85189
|
+
BasePieChart.defaultProps = {
|
|
85190
|
+
title: '',
|
|
85191
|
+
gridOptions: {
|
|
85192
|
+
left: 0,
|
|
85193
|
+
right: 0,
|
|
85194
|
+
bottom: 20,
|
|
85195
|
+
top: 10
|
|
85196
|
+
},
|
|
85197
|
+
tooltip: {
|
|
85198
|
+
trigger: 'item'
|
|
85199
|
+
},
|
|
85200
|
+
seriesData: {},
|
|
85201
|
+
semiDoughnut: true,
|
|
85202
|
+
cursor: 'default',
|
|
85203
|
+
radius: ['30%', '60%'],
|
|
85204
|
+
showLabelLine: false,
|
|
85205
|
+
itemStyle: {
|
|
85206
|
+
borderWidth: 5,
|
|
85207
|
+
borderColor: 'white',
|
|
85208
|
+
borderType: 'solid'
|
|
85209
|
+
},
|
|
85210
|
+
legend: {
|
|
85211
|
+
top: '80%',
|
|
85212
|
+
left: '30%',
|
|
85213
|
+
orient: 'vertical'
|
|
85214
|
+
},
|
|
85215
|
+
seriesOption: [{
|
|
85216
|
+
stackIndex: 1
|
|
85217
|
+
}],
|
|
85218
|
+
style: {
|
|
85219
|
+
width: '100%',
|
|
85220
|
+
height: '100%'
|
|
85221
|
+
},
|
|
85222
|
+
className: ''
|
|
85223
|
+
};
|
|
85224
|
+
|
|
85225
|
+
var css$2 = ".BaseWidget_module_root__57853874 {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: stretch;\n height: 100%;\n width: 100%;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: 0.25rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874.BaseWidget_module_noOptions__57853874 {\n flex: 1;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 .BaseWidget_module_title__57853874 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerTitle__57853874 .BaseWidget_module_value__57853874 {\n white-space: nowrap;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 {\n display: flex;\n flex-direction: row;\n justify-content: flex-end;\n align-items: center;\n gap: 0.5rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] {\n background-color: transparent;\n width: 100%;\n color: var(--white);\n padding: 0.07rem 0.5rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] [data-elem=placeholder] {\n font-size: 0.875rem;\n color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_dropdownHeader__57853874 [data-elem=select] > svg {\n fill: var(--white);\n width: 0.875rem;\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_expandButton__57853874 {\n height: 1.75rem;\n color: var(--white);\n border-color: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_header__57853874 .BaseWidget_module_headerOptions__57853874 .BaseWidget_module_expandButton__57853874 .BaseWidget_module_expandIcon__57853874 {\n height: 1.25rem;\n width: 1.25rem;\n fill: var(--white);\n}\n.BaseWidget_module_root__57853874 .BaseWidget_module_children__57853874 {\n flex: 1 1;\n}\n\n.BaseWidget_module_dropdownPopper__57853874 {\n padding: 0rem;\n background: var(--grey1);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874 {\n height: 2.25rem;\n color: var(--white);\n background: var(--grey);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:hover, .BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:focus {\n color: var(--dark-grey);\n background: var(--grey2);\n}\n.BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:hover label > svg, .BaseWidget_module_dropdownPopper__57853874 .BaseWidget_module_dropdownItem__57853874:focus label > svg {\n border: 1px solid var(--dark-grey);\n border-radius: 0.25rem;\n}";
|
|
83150
85226
|
var modules_6a0e74b6 = {"root":"BaseWidget_module_root__57853874","header":"BaseWidget_module_header__57853874","header-title":"BaseWidget_module_headerTitle__57853874","no-options":"BaseWidget_module_noOptions__57853874","title":"BaseWidget_module_title__57853874","value":"BaseWidget_module_value__57853874","header-options":"BaseWidget_module_headerOptions__57853874","dropdown-header":"BaseWidget_module_dropdownHeader__57853874","expand-button":"BaseWidget_module_expandButton__57853874","expand-icon":"BaseWidget_module_expandIcon__57853874","children":"BaseWidget_module_children__57853874","dropdown-popper":"BaseWidget_module_dropdownPopper__57853874","dropdown-item":"BaseWidget_module_dropdownItem__57853874"};
|
|
83151
|
-
n(css$
|
|
85227
|
+
n(css$2,{});
|
|
83152
85228
|
|
|
83153
85229
|
var generateOptions = function generateOptions(optionData) {
|
|
83154
85230
|
var _optionData$id, _optionData$placehold, _optionData$value, _optionData$onChange, _optionData$selectOpt, _optionData$title, _optionData$onClick;
|
|
@@ -83244,9 +85320,9 @@ BaseWidget.defaultProps = {
|
|
|
83244
85320
|
className: ''
|
|
83245
85321
|
};
|
|
83246
85322
|
|
|
83247
|
-
var css = ".DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
85323
|
+
var css$1 = ".DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 img {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div {\n height: 1.5rem;\n width: 1.5rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_sm__a7ba07d1 div span {\n font-size: 1rem;\n font-weight: 600;\n color: var(--white);\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 img {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div {\n height: 5.3125rem;\n width: 5.3125rem;\n border-radius: 100%;\n background-color: var(--highlight);\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n}\n.DisplayPicture_module_root__a7ba07d1.DisplayPicture_module_md__a7ba07d1 div span {\n font-size: 2rem;\n font-weight: 600;\n color: var(--white);\n}";
|
|
83248
85324
|
var modules_49a16e28 = {"root":"DisplayPicture_module_root__a7ba07d1","sm":"DisplayPicture_module_sm__a7ba07d1","md":"DisplayPicture_module_md__a7ba07d1"};
|
|
83249
|
-
n(css,{});
|
|
85325
|
+
n(css$1,{});
|
|
83250
85326
|
|
|
83251
85327
|
var DisplayPicture = function DisplayPicture(props) {
|
|
83252
85328
|
var name = props.name,
|
|
@@ -83280,6 +85356,75 @@ DisplayPicture.defaultProps = {
|
|
|
83280
85356
|
size: 'sm'
|
|
83281
85357
|
};
|
|
83282
85358
|
|
|
85359
|
+
var css = ":root {\n --white: #ffffff;\n --black: #000000;\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 --highlight: #0f62fe;\n --dark-blue: #001833;\n --background: #d0e2ff;\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: #da1e28;\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\ndiv.Toggle_module_root__28c80ae9 {\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n overflow: auto;\n padding: 0.25rem;\n background: var(--grey8);\n width: -webkit-fit-content;\n width: -moz-fit-content;\n width: fit-content;\n border-radius: 0.4rem 0.4rem;\n box-shadow: inset 0px 1px 2px rgba(97, 97, 97, 0.2), inset 0px 2px 4px rgba(97, 97, 97, 0.2);\n}\ndiv.Toggle_module_root__28c80ae9 [data-elem=base-cell].Toggle_module_toggleButton__28c80ae9 {\n color: var(--grey);\n padding: 0.2rem;\n height: 2rem;\n background: transparent;\n}\ndiv.Toggle_module_root__28c80ae9 [data-elem=base-cell].Toggle_module_toggleButton__28c80ae9.Toggle_module_active__28c80ae9 {\n box-shadow: -2px -2px 4px rgba(166, 166, 166, 0.25), 2px 2px 4px rgba(166, 166, 166, 0.24);\n background: var(--white);\n border-radius: 0.25rem;\n color: var(--dark-grey);\n}";
|
|
85360
|
+
var modules_a2cdc77c = {"white":"var(--white)","black":"var(--black)","dark-grey":"var(--dark-grey)","dark-grey-o-85":"var(--dark-grey-o-85)","grey":"var(--grey)","grey1":"var(--grey1)","grey2":"var(--grey2)","grey3":"var(--grey3)","grey4":"var(--grey4)","grey5":"var(--grey5)","grey6":"var(--grey6)","grey7":"var(--grey7)","grey8":"var(--grey8)","grey9":"var(--grey9)","grey10":"var(--grey10)","highlight":"var(--highlight)","dark-blue":"var(--dark-blue)","background":"var(--background)","banyan-blue":"var(--banyan-blue)","banyan-orange":"var(--banyan-orange)","banyan-pink":"var(--banyan-pink)","banyan-gradient":"var(--banyan-gradient)","error":"var(--error)","error-bg":"var(--error-bg)","error-outline":"var(--error-outline)","success":"var(--success)","success-bg":"var(--success-bg)","success-outline":"var(--success-outline)","warning":"var(--warning)","warning-bg":"var(--warning-bg)","warning-outline":"var(--warning-outline)","info":"var(--info)","info-bg":"var(--info-bg)","info-outline":"var(--info-outline)","root":"Toggle_module_root__28c80ae9","toggle-button":"Toggle_module_toggleButton__28c80ae9","active":"Toggle_module_active__28c80ae9"};
|
|
85361
|
+
n(css,{});
|
|
85362
|
+
|
|
85363
|
+
/* eslint-disable no-unused-vars */
|
|
85364
|
+
var Toggle = function Toggle(props) {
|
|
85365
|
+
var options = props.options,
|
|
85366
|
+
selectedToggle = props.selectedToggle,
|
|
85367
|
+
setSelectedToggle = props.setSelectedToggle,
|
|
85368
|
+
onChange = props.onChange;
|
|
85369
|
+
var onButtonClick = function onButtonClick(value) {
|
|
85370
|
+
setSelectedToggle(value);
|
|
85371
|
+
onChange(value);
|
|
85372
|
+
};
|
|
85373
|
+
return /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
85374
|
+
className: modules_a2cdc77c.root,
|
|
85375
|
+
children: options.map(function (item) {
|
|
85376
|
+
var title = item.title,
|
|
85377
|
+
value = item.value,
|
|
85378
|
+
leftComponent = item.leftComponent,
|
|
85379
|
+
rightComponent = item.rightComponent,
|
|
85380
|
+
color = item.color;
|
|
85381
|
+
var isActive = selectedToggle === value;
|
|
85382
|
+
return /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
85383
|
+
className: classes(modules_a2cdc77c['toggle-button'], selectedToggle === value ? modules_a2cdc77c.active : ''),
|
|
85384
|
+
onClick: function onClick() {
|
|
85385
|
+
return onButtonClick(value);
|
|
85386
|
+
},
|
|
85387
|
+
title: value,
|
|
85388
|
+
value: value,
|
|
85389
|
+
color: isActive ? color : 'default',
|
|
85390
|
+
leftComponent: leftComponent,
|
|
85391
|
+
rightComponent: rightComponent,
|
|
85392
|
+
children: value
|
|
85393
|
+
}, title);
|
|
85394
|
+
})
|
|
85395
|
+
});
|
|
85396
|
+
};
|
|
85397
|
+
Toggle.propTypes = {
|
|
85398
|
+
options: propTypes$1.exports.arrayOf(propTypes$1.exports.string),
|
|
85399
|
+
selectedToggle: propTypes$1.exports.string,
|
|
85400
|
+
setSelectedToggle: propTypes$1.exports.string
|
|
85401
|
+
};
|
|
85402
|
+
Toggle.defaultProps = {
|
|
85403
|
+
options: [{
|
|
85404
|
+
title: 'First',
|
|
85405
|
+
value: 'First',
|
|
85406
|
+
rightCompoenent: '',
|
|
85407
|
+
leftCompoenent: ''
|
|
85408
|
+
}, {
|
|
85409
|
+
title: 'Second',
|
|
85410
|
+
value: 'Second',
|
|
85411
|
+
rightCompoenent: '',
|
|
85412
|
+
leftCompoenent: ''
|
|
85413
|
+
}, {
|
|
85414
|
+
title: 'Third',
|
|
85415
|
+
value: 'Third',
|
|
85416
|
+
rightCompoenent: '',
|
|
85417
|
+
leftCompoenent: ''
|
|
85418
|
+
}, {
|
|
85419
|
+
title: 'Fourth',
|
|
85420
|
+
value: 'Fourth',
|
|
85421
|
+
rightCompoenent: '',
|
|
85422
|
+
leftCompoenent: ''
|
|
85423
|
+
}],
|
|
85424
|
+
selectedToggle: 'First',
|
|
85425
|
+
setSelectedToggle: 'None'
|
|
85426
|
+
};
|
|
85427
|
+
|
|
83283
85428
|
var abapExports = requireAbap();
|
|
83284
85429
|
|
|
83285
85430
|
var abap = /*#__PURE__*/_mergeNamespaces({
|
|
@@ -84319,6 +86464,7 @@ exports.BaseButton = BaseButton;
|
|
|
84319
86464
|
exports.BaseCell = BaseCell;
|
|
84320
86465
|
exports.BaseHorizontalBarChart = BaseHorizontalBarChart;
|
|
84321
86466
|
exports.BaseModal = BaseModal;
|
|
86467
|
+
exports.BasePieChart = BasePieChart;
|
|
84322
86468
|
exports.BaseSidePanel = BaseSidePanel;
|
|
84323
86469
|
exports.BaseTable = BaseTable;
|
|
84324
86470
|
exports.BaseVerticalBarChart = BaseVerticalBarChart;
|
|
@@ -84376,6 +86522,7 @@ exports.TableFilters = TableFilters;
|
|
|
84376
86522
|
exports.Tabs = Tabs;
|
|
84377
86523
|
exports.TextField = TextField;
|
|
84378
86524
|
exports.TickIcon = Tick;
|
|
86525
|
+
exports.Toggle = Toggle;
|
|
84379
86526
|
exports.Tooltip = Tooltip;
|
|
84380
86527
|
exports.ViewIcon = View;
|
|
84381
86528
|
exports.classes = classes;
|