@equinor/echo-components 0.5.10 → 0.5.11
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/components/index.d.ts +1 -0
- package/dist/components/rightPanel/PanelContextWrapper.d.ts +19 -0
- package/dist/components/rightPanel/index.d.ts +5 -0
- package/dist/components/rightPanel/menuButton/MenuButton.d.ts +26 -0
- package/dist/components/rightPanel/panel/Panel.d.ts +18 -0
- package/dist/components/rightPanel/panelContent/PanelContent.d.ts +21 -0
- package/dist/components/rightPanel/panelWrapper/PanelWrapper.d.ts +21 -0
- package/dist/components/rightPanel/usePanelContext.d.ts +8 -0
- package/dist/index.js +910 -123
- package/dist/index.js.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/menuItem.d.ts +9 -0
- package/package.json +7 -2
package/dist/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, Dialog, Search, Radio, Slider, Autocomplete, Tooltip } from '@equinor/eds-core-react';
|
|
1
|
+
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, Dialog, Search, Radio, Slider, Menu, Autocomplete, Tooltip } from '@equinor/eds-core-react';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import React__default, { useState, useEffect, useCallback, createElement, PureComponent, useRef, useMemo } from 'react';
|
|
4
4
|
import * as require$$1 from 'react-dom';
|
|
@@ -34,8 +34,8 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
37
|
+
var css_248z$A = ":root{--xSmall:0.25rem;--small:0.5rem;--medium:1rem;--large:1.5rem;--xLarge:2rem;--black:#000;--white:#fff;--equiBlue1:#233746;--equiBlue2:#d7e1ed;--equiBlue3:#d5eaf4;--equiGray1:#87929a;--equiGray2:#b4bbc0;--equiGray3:#d1d5d8;--equiGray4:#e3e6e8;--equiGray5:#f7f7f7;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--pm01:#0f0;--pm02:#ff1493;--pm03:#0ff;--pm04:#9400d3;--pm05:#1e90ff;--pm06:#ffdead;--pm010:#ff4500;--pm015:#228b22;--pm020:#00008b;--onGoing:#fbca36;--done:#4bb748;--asBuilt:#007079;--planned:#4bb748;--future:#52c0ff;--historic:#ff7d98;--outOfService:#ff9200;--reserved:#243746;--voided:#eb0000;--default:#dcdcdc;--ok:#23ef2a;--os:#adaead;--pa:#f94693;--pb:#fd0;--unknown:#525252;--rfccSent:#bcf316;--rfccPartly:#c7f316;--rfcc:#60f316;--rfocSent:#0dccf2;--rfocPartly:#1accf2;--rfoc:#0d59f2;--rfccRejected:#ff1243;--rfocRejected:#ff1243;--handoverError:#eb0000;--priorityHigh:#ff1243;--priorityMedium:#fbca36;--systems:#d5eaf4;--locations:#3eb54a;--ofpDark:#f4d6a2;--ofpLight:#faebce;--warningText:#ad6200;--warningIcon:#ff9200;--warningBackground:#ffe7d6;--dropDownButtonBackground:#f0f0f0;--dropDownTextColor:grey;--searchBarBackground:#f7f7f7;--highSeverity:#ffc1c1;--mediumSeverity:#ffe7d6;--lowSeverity:#dce6ee;--defaultSeverity:#d5eaf4;--highSeverityText:#eb0000;--mediumSeverityText:#52c0ff;--lowSeverityText:#4bb748;--defaultSeverityText:#3d3d3d;--toggleActive:#4bb748;--toggleInactive:#b30d2f;--hoverIcon:#004f55;--hoverIconWithNotification:#b30d2f;--tertiaryText:#6f6f6f}#root,body,html{height:100%;overflow:hidden;width:100%}html[data-theme=dark]{--equiGreen1:#006f79}body,h1,h2,h3,h4,h5,h6,label,p{color:var(--echoText)}body,html,span{font-family:Equinor!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:5px}::-webkit-scrollbar-thumb{background:#007079;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004f55}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}";
|
|
38
|
+
styleInject(css_248z$A);
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
@@ -305,9 +305,9 @@ var nonIterableSpread = {exports: {}};
|
|
|
305
305
|
|
|
306
306
|
var _toConsumableArray$1 = /*@__PURE__*/getDefaultExportFromCjs(toConsumableArray.exports);
|
|
307
307
|
|
|
308
|
-
var css_248z$
|
|
308
|
+
var css_248z$z = ".dataInfoButton-module_button__N4F5j{background-color:var(--white)!important;border:2px solid var(--equiGreen1)!important;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--asBuilt)!important;height:48px!important;margin:3px!important;width:48px!important}.dataInfoButton-module_button__N4F5j:hover{background:#deedee!important}.dataInfoButton-module_buttonWithBadge__Qjm3a:after{background:var(--white);border:1px solid var(--asBuilt);border-radius:100%;box-sizing:unset;color:var(--equiGreen1);content:attr(data-count)!important;display:block;font-size:9px;font-style:normal;font-weight:700;height:18px!important;left:25px!important;line-height:20px;position:absolute;text-align:center;top:-5px!important;width:18px!important}";
|
|
309
309
|
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
310
|
-
styleInject(css_248z$
|
|
310
|
+
styleInject(css_248z$z);
|
|
311
311
|
|
|
312
312
|
/**
|
|
313
313
|
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
@@ -333,9 +333,9 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
333
333
|
}, data.label);
|
|
334
334
|
};
|
|
335
335
|
|
|
336
|
-
var css_248z$
|
|
336
|
+
var css_248z$y = ".dataInfoPopover-module_wrapper__l8JCd{display:flex;flex-direction:column;position:absolute;right:0;z-index:10}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-end;border-bottom:7px solid rgba(0,0,0,.4);border-left:7px solid transparent;border-right:7px solid transparent;height:0;margin-right:17px;margin-top:3px;position:relative;width:0}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:after{border-bottom-color:rgba(0,0,0,.4)}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:before{border-bottom:0}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-end;background:rgba(0,0,0,.4);border:0;border-radius:5px;display:flex;justify-content:space-between;max-width:max-content;padding:var(--small);position:relative}@media screen and (max-width:440px){.dataInfoPopover-module_optionsPopover__ZPXbv{max-width:270px}}.dataInfoPopover-module_groupWrapper__InWuY{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:440px){.dataInfoPopover-module_wrapper__l8JCd{left:0}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-start;margin-left:15px}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-start}}.dataInfoPopover-module_banner__QtiKf{white-space:nowrap}.dataInfoPopover-module_infoMessage__lqzTe{color:var(--equiGray4)!important}.dataInfoPopover-module_banner__QtiKf>div{padding:0 16px 0 0!important}.dataInfoPopover-module_banner__QtiKf>hr{display:none}";
|
|
337
337
|
var style$9 = {"wrapper":"dataInfoPopover-module_wrapper__l8JCd","arrow":"dataInfoPopover-module_arrow__KXQ5a","optionsPopover":"dataInfoPopover-module_optionsPopover__ZPXbv","groupWrapper":"dataInfoPopover-module_groupWrapper__InWuY","banner":"dataInfoPopover-module_banner__QtiKf","infoMessage":"dataInfoPopover-module_infoMessage__lqzTe"};
|
|
338
|
-
styleInject(css_248z$
|
|
338
|
+
styleInject(css_248z$y);
|
|
339
339
|
|
|
340
340
|
/**
|
|
341
341
|
* Component that renders a popover with data information buttons
|
|
@@ -402,9 +402,9 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
402
402
|
})));
|
|
403
403
|
};
|
|
404
404
|
|
|
405
|
-
var css_248z$
|
|
405
|
+
var css_248z$x = ".buttonWithPopover-module_button__FDyTt{background-color:var(--white)!important;border:3px solid var(--white)!important;border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:46px!important;width:46px!important}.buttonWithPopover-module_button__FDyTt:hover{background:#deedee!important}.buttonWithPopover-module_wrapper__-pQfB{position:relative}.buttonWithPopover-module_spinner__LMbqe{height:34px!important;margin:3px;width:34px!important}";
|
|
406
406
|
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
407
|
-
styleInject(css_248z$
|
|
407
|
+
styleInject(css_248z$x);
|
|
408
408
|
|
|
409
409
|
/**
|
|
410
410
|
* Component that renders a round button, that opens a popover upon being clicked
|
|
@@ -454,9 +454,9 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
454
454
|
}));
|
|
455
455
|
};
|
|
456
456
|
|
|
457
|
-
var css_248z$
|
|
458
|
-
var styles$
|
|
459
|
-
styleInject(css_248z$
|
|
457
|
+
var css_248z$w = ".tagIcon-module_icon__FVhlT{border:3px solid var(--white);border-radius:10rem;box-sizing:border-box;height:46px;padding:8px;position:relative;transform-origin:left top;width:46px}.tagIcon-module_shadow__dAk0l{border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);height:46px;width:46px}";
|
|
458
|
+
var styles$m = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
459
|
+
styleInject(css_248z$w);
|
|
460
460
|
|
|
461
461
|
/**
|
|
462
462
|
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
@@ -474,7 +474,7 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
474
474
|
style: {
|
|
475
475
|
background: legendColor
|
|
476
476
|
},
|
|
477
|
-
className: "".concat(styles$
|
|
477
|
+
className: "".concat(styles$m.icon)
|
|
478
478
|
}, icon);
|
|
479
479
|
};
|
|
480
480
|
|
|
@@ -488,13 +488,13 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
488
488
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
489
489
|
var children = _ref.children;
|
|
490
490
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
491
|
-
className: "".concat(styles$
|
|
491
|
+
className: "".concat(styles$m.shadow)
|
|
492
492
|
}, children);
|
|
493
493
|
};
|
|
494
494
|
|
|
495
|
-
var css_248z$
|
|
496
|
-
var styles$
|
|
497
|
-
styleInject(css_248z$
|
|
495
|
+
var css_248z$v = ".tagContextMenu-module_contextWrapper__o8wWz{border-radius:10rem;cursor:pointer;width:fit-content}.tagContextMenu-module_contextWrapperExpanded__FJI8c{cursor:pointer;display:flex;flex-wrap:wrap}.tagContextMenu-module_selected__4L6WK{box-shadow:0 0 10px 5px var(--toggleActive)}.tagContextMenu-module_tagInfoWrapper__y4LBf{align-items:center;background-color:var(--white);border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:unset;display:flex;height:52px;overflow:hidden;padding:1px;width:100%}.tagContextMenu-module_tagText__8GaFk{cursor:pointer;margin:auto;max-width:240px;min-width:55px;overflow:hidden;padding:0 var(--small) 0 var(--small);text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:440px){.tagContextMenu-module_tagText__8GaFk{max-width:140px;min-width:140px}}@media screen and (min-width:440px) and (max-width:560px){.tagContextMenu-module_tagText__8GaFk{max-width:240px}}.tagContextMenu-module_tagHeader__NW1El{color:var(--equiGreen1)!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagDescription__lrT1D{overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagInfoIcon__AMpqu{margin:3px}";
|
|
496
|
+
var styles$l = {"contextWrapper":"tagContextMenu-module_contextWrapper__o8wWz","contextWrapperExpanded":"tagContextMenu-module_contextWrapperExpanded__FJI8c","selected":"tagContextMenu-module_selected__4L6WK","tagInfoWrapper":"tagContextMenu-module_tagInfoWrapper__y4LBf","tagText":"tagContextMenu-module_tagText__8GaFk","tagHeader":"tagContextMenu-module_tagHeader__NW1El","tagDescription":"tagContextMenu-module_tagDescription__lrT1D","tagInfoIcon":"tagContextMenu-module_tagInfoIcon__AMpqu"};
|
|
497
|
+
styleInject(css_248z$v);
|
|
498
498
|
|
|
499
499
|
/**
|
|
500
500
|
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
@@ -524,20 +524,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
524
524
|
children = _ref.children;
|
|
525
525
|
if (expanded) {
|
|
526
526
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
527
|
-
className: styles$
|
|
527
|
+
className: styles$l.contextWrapperExpanded,
|
|
528
528
|
onClick: openTagInformation
|
|
529
529
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
530
|
-
className: styles$
|
|
530
|
+
className: styles$l.tagInfoWrapper
|
|
531
531
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
532
|
-
className: styles$
|
|
532
|
+
className: styles$l.tagText
|
|
533
533
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
534
534
|
variant: "h5",
|
|
535
|
-
className: styles$
|
|
535
|
+
className: styles$l.tagHeader
|
|
536
536
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
537
537
|
variant: "body_short",
|
|
538
|
-
className: styles$
|
|
538
|
+
className: styles$l.tagDescription
|
|
539
539
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
540
|
-
className: styles$
|
|
540
|
+
className: styles$l.tagInfoIcon
|
|
541
541
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
542
542
|
variant: "ghost_icon"
|
|
543
543
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -548,7 +548,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
548
548
|
} else {
|
|
549
549
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
550
550
|
"data-testid": "open-tag-info",
|
|
551
|
-
className: "".concat(styles$
|
|
551
|
+
className: "".concat(styles$l.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$l.selected : ''),
|
|
552
552
|
onClick: function onClick() {
|
|
553
553
|
setExpanded(true);
|
|
554
554
|
}
|
|
@@ -556,9 +556,9 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
556
556
|
}
|
|
557
557
|
};
|
|
558
558
|
|
|
559
|
-
var css_248z$
|
|
559
|
+
var css_248z$u = ".contextMenu-module_wrapper__p-0Zc{display:flex;flex-wrap:wrap;position:absolute;width:fit-content}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-right:4px}@media screen and (max-width:440px){.contextMenu-module_wrapper__p-0Zc{max-width:250px}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-bottom:5px}}";
|
|
560
560
|
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
561
|
-
styleInject(css_248z$
|
|
561
|
+
styleInject(css_248z$u);
|
|
562
562
|
|
|
563
563
|
/**
|
|
564
564
|
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
@@ -12536,7 +12536,7 @@ function orderModifiers(modifiers) {
|
|
|
12536
12536
|
}, []);
|
|
12537
12537
|
}
|
|
12538
12538
|
|
|
12539
|
-
function debounce(fn) {
|
|
12539
|
+
function debounce$1(fn) {
|
|
12540
12540
|
var pending;
|
|
12541
12541
|
return function () {
|
|
12542
12542
|
if (!pending) {
|
|
@@ -12849,7 +12849,7 @@ function popperGenerator(generatorOptions) {
|
|
|
12849
12849
|
},
|
|
12850
12850
|
// Async and optimistically optimized update – it will not be executed if
|
|
12851
12851
|
// not necessary (debounced to run at most once-per-tick)
|
|
12852
|
-
update: debounce(function () {
|
|
12852
|
+
update: debounce$1(function () {
|
|
12853
12853
|
return new Promise(function (resolve) {
|
|
12854
12854
|
instance.forceUpdate();
|
|
12855
12855
|
resolve(state);
|
|
@@ -13325,16 +13325,16 @@ var require$$61 = /*@__PURE__*/getAugmentedNamespace(esm);
|
|
|
13325
13325
|
|
|
13326
13326
|
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_min.exports);
|
|
13327
13327
|
|
|
13328
|
-
var css_248z$q = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13329
|
-
styleInject(css_248z$
|
|
13328
|
+
var css_248z$t = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13329
|
+
styleInject(css_248z$t);
|
|
13330
13330
|
|
|
13331
|
-
var css_248z$
|
|
13331
|
+
var css_248z$s = ".datePicker-module_ReactDatePicker__isczD{display:flex;flex-direction:column;max-width:250px;position:relative;width:100%}.datePicker-module_dateLabel__sVIAX{color:#6f6f6f;font-family:Equinor;font-size:.75rem;font-weight:400;line-height:1.333em;margin-bottom:0;position:relative;text-align:left}.datePicker-module_dateInput__NkIj-{background-color:#f7f7f7!important;box-shadow:inset 0 -1px 0 0 #6f6f6f;display:inline-block;height:36px;width:100%}.datePicker-module_calendarIcon__E-K4F{bottom:-28px;color:#616161;cursor:pointer;height:20px;position:absolute;right:12px;width:20px;z-index:1}.datePicker-module_closeIcon__28ALq{color:#616161;cursor:pointer;height:20px!important;width:20px!important;z-index:1}.datePicker-module_clearDateValue__FIR6W{bottom:4px;cursor:pointer;height:30px!important;position:absolute!important;right:9px;width:30px!important}";
|
|
13332
13332
|
var style$6 = {"ReactDatePicker":"datePicker-module_ReactDatePicker__isczD","dateLabel":"datePicker-module_dateLabel__sVIAX","dateInput":"datePicker-module_dateInput__NkIj-","calendarIcon":"datePicker-module_calendarIcon__E-K4F","closeIcon":"datePicker-module_closeIcon__28ALq","clearDateValue":"datePicker-module_clearDateValue__FIR6W"};
|
|
13333
|
-
styleInject(css_248z$
|
|
13333
|
+
styleInject(css_248z$s);
|
|
13334
13334
|
|
|
13335
|
-
var css_248z$
|
|
13335
|
+
var css_248z$r = ".popupHeader-module_popupHeader__J9YNu{align-items:center;column-gap:16px;display:grid;grid-template-columns:20px auto auto 20px;max-width:250px;padding:24px 20px;width:100%}.popupHeader-module_iconButton__gb7xJ{color:#006f79;height:20px;line-height:0;margin:0;padding:0;text-align:center;width:20px}.popupHeader-module_todayLabel__EkrgU{color:#006f79;cursor:pointer;text-align:right}";
|
|
13336
13336
|
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
13337
|
-
styleInject(css_248z$
|
|
13337
|
+
styleInject(css_248z$r);
|
|
13338
13338
|
|
|
13339
13339
|
var PopupHeader = function PopupHeader(_ref) {
|
|
13340
13340
|
var date = _ref.date,
|
|
@@ -13380,8 +13380,8 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13380
13380
|
})));
|
|
13381
13381
|
};
|
|
13382
13382
|
|
|
13383
|
-
var css_248z$
|
|
13384
|
-
styleInject(css_248z$
|
|
13383
|
+
var css_248z$q = ".EDSPicker .react-datepicker{font-family:Equinor!important}.EDSPicker .react-datepicker__header{background-color:#fff;border-bottom:none;line-height:48px;min-height:48px}.EDSPicker .react-datepicker__navigation--next,.EDSPicker .react-datepicker__navigation--previous{min-height:48px;right:8px;top:6px}.react-datepicker__navigation-icon:before{border-color:var(--asBuilt)}.EDSPicker .react-datepicker__current-month{font-weight:500}.EDSPicker .react-datepicker__day-names{border-top:1px solid #ececec;margin:10px 0 0;padding:10px 0 0;text-align:center}.EDSPicker .react-datepicker__day-name{color:#6f6f6f;font-size:11px;line-height:unset;visibility:hidden;width:35px}.EDSPicker .react-datepicker__day-name:first-letter{visibility:visible}.EDSPicker .react-datepicker__day{color:#007079;font-weight:500;line-height:35px;width:35px}.EDSPicker .react-datepicker__day--selected,.EDSPicker .react-datepicker__month-text--keyboard-selected,.EDSPicker .react-datepicker__quarter-text--keyboard-selected,.EDSPicker .react-datepicker__year-text--keyboard-selected{background-color:#007079;color:#fff}.EDSPicker .react-datepicker__day--keyboard-selected{background-color:unset}.EDSPicker .react-datepicker__day--disabled{color:#ccc}.EDSPicker .react-datepicker-popper{z-index:4!important}.react-datepicker__time-container{border:none;float:left;padding-top:8px;width:100%}.react-datepicker__header--time{padding:0 16px;text-align:left;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{padding:0 8px;text-align:left;width:100%}";
|
|
13384
|
+
styleInject(css_248z$q);
|
|
13385
13385
|
|
|
13386
13386
|
reactDatepicker_min.exports.registerLocale('en-gb', enGb);
|
|
13387
13387
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
@@ -13458,9 +13458,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13458
13458
|
})));
|
|
13459
13459
|
};
|
|
13460
13460
|
|
|
13461
|
-
var css_248z$
|
|
13462
|
-
var styles$
|
|
13463
|
-
styleInject(css_248z$
|
|
13461
|
+
var css_248z$p = ".dialogGenerator-module_footer__h-ido{box-sizing:border-box;display:flex;justify-content:flex-end;width:100%}.dialogGenerator-module_footer__h-ido button:nth-child(2){margin:0 0 0 15px}";
|
|
13462
|
+
var styles$k = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
13463
|
+
styleInject(css_248z$p);
|
|
13464
13464
|
|
|
13465
13465
|
/**
|
|
13466
13466
|
* Component that renders a dialog box based on input properties
|
|
@@ -13492,7 +13492,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
13492
13492
|
return _onClose && _onClose();
|
|
13493
13493
|
}
|
|
13494
13494
|
}, /*#__PURE__*/React__default.createElement(Dialog.Header, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, title)), /*#__PURE__*/React__default.createElement(Dialog.CustomContent, null, children), actionButtons.length > 0 && /*#__PURE__*/React__default.createElement(Dialog.Actions, {
|
|
13495
|
-
className: styles$
|
|
13495
|
+
className: styles$k.footer
|
|
13496
13496
|
}, actionButtons.map(function (actionButton, index) {
|
|
13497
13497
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
13498
13498
|
key: index,
|
|
@@ -13590,7 +13590,7 @@ function memoizeOne(resultFn, isEqual) {
|
|
|
13590
13590
|
// Animation frame based implementation of setTimeout.
|
|
13591
13591
|
// Inspired by Joe Lambert, https://gist.github.com/joelambert/1002116#file-requesttimeout-js
|
|
13592
13592
|
var hasNativePerformanceNow = typeof performance === 'object' && typeof performance.now === 'function';
|
|
13593
|
-
var now = hasNativePerformanceNow ? function () {
|
|
13593
|
+
var now$1 = hasNativePerformanceNow ? function () {
|
|
13594
13594
|
return performance.now();
|
|
13595
13595
|
} : function () {
|
|
13596
13596
|
return Date.now();
|
|
@@ -13599,10 +13599,10 @@ function cancelTimeout(timeoutID) {
|
|
|
13599
13599
|
cancelAnimationFrame(timeoutID.id);
|
|
13600
13600
|
}
|
|
13601
13601
|
function requestTimeout(callback, delay) {
|
|
13602
|
-
var start = now();
|
|
13602
|
+
var start = now$1();
|
|
13603
13603
|
|
|
13604
13604
|
function tick() {
|
|
13605
|
-
if (now() - start >= delay) {
|
|
13605
|
+
if (now$1() - start >= delay) {
|
|
13606
13606
|
callback.call(null);
|
|
13607
13607
|
} else {
|
|
13608
13608
|
timeoutID.id = requestAnimationFrame(tick);
|
|
@@ -14425,9 +14425,9 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
14425
14425
|
}
|
|
14426
14426
|
});
|
|
14427
14427
|
|
|
14428
|
-
var css_248z$
|
|
14429
|
-
var styles$
|
|
14430
|
-
styleInject(css_248z$
|
|
14428
|
+
var css_248z$o = ".dropdown-module_dropdownToggleHome__j-1Iw{align-items:center;background-color:var(--dropDownButtonBackground);border:1px solid var(--equiGreen1);color:var(--echoText);display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin:2.5rem 0;min-width:224px;padding:.5rem;text-align:left;width:auto}@media screen and (min-width:640px){.dropdown-module_dropdownToggleHome__j-1Iw{margin:0}}.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{background:var(--white);box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);display:flex;flex-direction:column;max-height:50vh;max-width:25rem;min-width:170px;padding:var(--small) var(--small) 0 var(--small);position:absolute;width:100%!important;z-index:60}@media screen and (min-width:360px){.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{max-height:60vh}}@media screen and (min-width:640px){.dropdown-module_dropdownSelected__qAhjn{line-height:56px}.dropdown-module_dropdownSelected__qAhjn>svg{height:56px}}.dropdown-module_dropdownSelected__qAhjn{background:none;border:1px solid transparent;font-size:1.5rem;margin:0}.dropdown-module_dropdownToggleHomeActive__-gnJa{background-color:var(--equiGray4);border:1px solid var(--equiGreen1);outline:none}.dropdown-module_dropdownToggleHome__j-1Iw:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdownToggle__2epO-{align-items:center;background-color:var(--equiGray5);border:none;color:var(--echoText);display:flex;justify-content:space-between;padding:8px;text-align:left;width:100%}.dropdown-module_dropdownToggle__2epO-:focus{border:1px solid var(--asBuilt);outline:none;padding:7px}.dropdown-module_dropdownToggle__2epO-:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdown__dEzjq{background:var(--searchBarBackground);display:none;margin-top:8px;max-height:0;transition:max-height .15s ease-out}.dropdown-module_dropdownUpShow__ybf1P{bottom:calc(100% - 14px);box-shadow:0 -7px 8px rgba(0,0,0,.2),0 -5px 22px rgba(0,0,0,.12),0 -12px 17px rgba(0,0,0,.14)}.dropdown-module_dropdownDownShow__udQxQ,.dropdown-module_dropdownUpShow__ybf1P{background:#fff;display:flex;flex-direction:column;max-height:60vh;padding:var(--small) var(--small) 0 var(--small);position:absolute}.dropdown-module_dropdownDownShow__udQxQ{box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);max-width:25rem;min-width:170px;z-index:60}.dropdown-module_options__MZIK7{min-width:99%}.dropdown-module_optionsItem__taZ-w{background:transparent;border:none;box-sizing:border-box;color:var(--echoText);padding:0 var(--small);padding-left:var(--medium);text-align:left;white-space:normal;width:100%;word-break:break-word}.dropdown-module_optionsItem__taZ-w:focus,.dropdown-module_optionsItem__taZ-w:hover{background-color:#e6faec;color:var(--asBuilt)}.dropdown-module_optionsItem__taZ-w:focus{border:1px solid var(--asBuilt);box-sizing:border-box}.dropdown-module_filteredDataList__mf4zQ{margin-bottom:var(--small);max-height:300px;overflow-y:auto}.dropdown-module_filteredDataListWithSearch__u9ue2{margin-bottom:var(--small);max-height:200px;overflow-y:auto}@media screen and (min-width:360px){.dropdown-module_filteredDataListWithSearch__u9ue2{max-height:300px}}.dropdown-module_searchWrapper__ov0ck{padding:var(--medium)}.dropdown-module_searchWrapper__ov0ck input{outline:none!important}.dropdown-module_floatRight__0lnYV{float:right}";
|
|
14429
|
+
var styles$j = {"dropdownToggleHome":"dropdown-module_dropdownToggleHome__j-1Iw","dropdownDownShow":"dropdown-module_dropdownDownShow__udQxQ","dropdownSelected":"dropdown-module_dropdownSelected__qAhjn","dropdownToggleHomeActive":"dropdown-module_dropdownToggleHomeActive__-gnJa","dropdownToggle":"dropdown-module_dropdownToggle__2epO-","dropdown":"dropdown-module_dropdown__dEzjq","dropdownUpShow":"dropdown-module_dropdownUpShow__ybf1P","options":"dropdown-module_options__MZIK7","optionsItem":"dropdown-module_optionsItem__taZ-w","filteredDataList":"dropdown-module_filteredDataList__mf4zQ","filteredDataListWithSearch":"dropdown-module_filteredDataListWithSearch__u9ue2","searchWrapper":"dropdown-module_searchWrapper__ov0ck","floatRight":"dropdown-module_floatRight__0lnYV"};
|
|
14430
|
+
styleInject(css_248z$o);
|
|
14431
14431
|
|
|
14432
14432
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
14433
14433
|
useFocus = _EchoUtils$Hooks.useFocus,
|
|
@@ -14550,7 +14550,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14550
14550
|
}, [filteredData]);
|
|
14551
14551
|
var RenderDropdown = function RenderDropdown() {
|
|
14552
14552
|
var _a, _b;
|
|
14553
|
-
var dropdownShow = openDownWards ? styles$
|
|
14553
|
+
var dropdownShow = openDownWards ? styles$j.dropdownDownShow : styles$j.dropdownUpShow;
|
|
14554
14554
|
var _useFocus = useFocus(),
|
|
14555
14555
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
14556
14556
|
searchInput = _useFocus2[0],
|
|
@@ -14568,12 +14568,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14568
14568
|
key: index,
|
|
14569
14569
|
role: "option",
|
|
14570
14570
|
"aria-selected": false,
|
|
14571
|
-
className: styles$
|
|
14571
|
+
className: styles$j.options,
|
|
14572
14572
|
onClick: function onClick(event) {
|
|
14573
14573
|
return handleItemSelected(event, filteredData[index]);
|
|
14574
14574
|
}
|
|
14575
14575
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14576
|
-
className: styles$
|
|
14576
|
+
className: styles$j.optionsItem
|
|
14577
14577
|
}, filteredData[index]));
|
|
14578
14578
|
};
|
|
14579
14579
|
var getItemSize = function getItemSize(index) {
|
|
@@ -14590,16 +14590,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14590
14590
|
width: buttonRef && buttonRef.current && ((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) ? "".concat((_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px") : '100%',
|
|
14591
14591
|
position: position
|
|
14592
14592
|
},
|
|
14593
|
-
className: isOpen ? dropdownShow : styles$
|
|
14593
|
+
className: isOpen ? dropdownShow : styles$j.dropdown
|
|
14594
14594
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
14595
|
-
className: styles$
|
|
14595
|
+
className: styles$j.searchWrapper
|
|
14596
14596
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
14597
14597
|
onChange: handleSetFilter,
|
|
14598
14598
|
value: filter,
|
|
14599
14599
|
ref: searchInput,
|
|
14600
14600
|
placeholder: 'Search'
|
|
14601
14601
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14602
|
-
className: filterFunc ? styles$
|
|
14602
|
+
className: filterFunc ? styles$j.filteredDataListWithSearch : styles$j.filteredDataList
|
|
14603
14603
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
14604
14604
|
ref: listRef,
|
|
14605
14605
|
width: width,
|
|
@@ -14613,7 +14613,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14613
14613
|
"data-testid": "dropdown-button",
|
|
14614
14614
|
disabled: isDisabled,
|
|
14615
14615
|
ref: buttonRef,
|
|
14616
|
-
className: [variant === 'compact' ? styles$
|
|
14616
|
+
className: [variant === 'compact' ? styles$j.dropdownToggleHome : styles$j.dropdownToggle, variant === 'compact' && isOpen === true ? styles$j.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$j.dropdownSelected : ''].join(' '),
|
|
14617
14617
|
onClick: function onClick(event) {
|
|
14618
14618
|
return handleIsOpenToggle(event);
|
|
14619
14619
|
},
|
|
@@ -14628,24 +14628,24 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14628
14628
|
})), openDownWards && RenderDropdown());
|
|
14629
14629
|
};
|
|
14630
14630
|
|
|
14631
|
-
var css_248z$
|
|
14632
|
-
var styles$
|
|
14633
|
-
styleInject(css_248z$
|
|
14631
|
+
var css_248z$n = ".echoBottomBar-module_barWrapper__fze7V{display:flex;justify-content:space-between}.echoBottomBar-module_barContainer__E1ga8{align-items:center;background-color:#fff;display:flex;height:48px;justify-content:center;width:100%;z-index:1}@media screen and (orientation:portrait){.echoBottomBar-module_barContainer__E1ga8{border-top:1px solid var(--default)}}@media screen and (orientation:landscape){.echoBottomBar-module_barWrapper__fze7V{height:100%;width:56px}.echoBottomBar-module_barContainer__E1ga8{border-right:1px solid var(--default);flex-direction:column;height:100%;width:56px}}";
|
|
14632
|
+
var styles$i = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
14633
|
+
styleInject(css_248z$n);
|
|
14634
14634
|
|
|
14635
14635
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
14636
14636
|
var children = _ref.children,
|
|
14637
14637
|
style = _ref.style;
|
|
14638
14638
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14639
|
-
className: styles$
|
|
14639
|
+
className: styles$i.barWrapper
|
|
14640
14640
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14641
|
-
className: styles$
|
|
14641
|
+
className: styles$i.barContainer,
|
|
14642
14642
|
style: style
|
|
14643
14643
|
}, children));
|
|
14644
14644
|
};
|
|
14645
14645
|
|
|
14646
|
-
var css_248z$
|
|
14646
|
+
var css_248z$m = ".echoCard-module_cardContainer__s5ER9{background:var(--white);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.14),0 3px 4px rgba(0,0,0,.12);display:grid;grid-template-areas:\"date header\" \"date custom\" \"link link\";max-width:400px;overflow:hidden}.echoCard-module_titleSection__H5rYq{align-items:center;display:flex;grid-area:header;justify-content:space-between;padding:16px}.echoCard-module_titlePadding__hdzJs{padding:4px 16px}.echoCard-module_tileHeaderTitle__W0byt{color:var(--asBuilt);text-decoration:underline}.echoCard-module_iconContainer__PFGGY{display:flex}.echoCard-module_iconContainer__PFGGY>div{align-self:center;height:100%}.echoCard-module_dayOfMonth__olic3{font-size:32px;font-weight:500}.echoCard-module_dateSection__fqMCX{background-color:var(--asBuilt);color:#fff;grid-area:date;padding:16px 8px;text-align:center;width:72px}.echoCard-module_dateSection__fqMCX>span,.echoCard-module_dayOfMonth__olic3{color:#fff!important}.echoCard-module_monthText__vqKbw{font-size:14px}.echoCard-module_dateSection__fqMCX>span{font-size:10px;letter-spacing:1.1px;line-height:16px;margin-bottom:8px;text-transform:uppercase}.echoCard-module_date__jAsO6{display:flex;flex-direction:column}.echoCard-module_body__aax8l{grid-area:custom;padding:0 16px 16px}.echoCard-module_bodyText__Oq5UW,.echoCard-module_body__aax8l>div{vertical-align:top;word-break:break-all}.echoCard-module_bodyText__Oq5UW{height:48px;margin-block-end:0;margin-block-start:0;overflow:hidden;width:calc(100% - 32px)}.echoCard-module_childrenWrapper__kfDmU{grid-area:custom}.echoCard-module_linkSection__-muDW{align-items:center;background-color:var(--equiGray5);display:flex;grid-area:link;min-height:48px;padding:0 16px}.echoCard-module_linkSection__-muDW>button,.echoCard-module_linkSection__-muDW>div,.echoCard-module_linkSection__-muDW>span,.echoCard-module_linkSection__-muDW>svg{margin-right:8px}";
|
|
14647
14647
|
var style$4 = {"cardContainer":"echoCard-module_cardContainer__s5ER9","titleSection":"echoCard-module_titleSection__H5rYq","titlePadding":"echoCard-module_titlePadding__hdzJs","tileHeaderTitle":"echoCard-module_tileHeaderTitle__W0byt","iconContainer":"echoCard-module_iconContainer__PFGGY","dayOfMonth":"echoCard-module_dayOfMonth__olic3","dateSection":"echoCard-module_dateSection__fqMCX","monthText":"echoCard-module_monthText__vqKbw","date":"echoCard-module_date__jAsO6","body":"echoCard-module_body__aax8l","bodyText":"echoCard-module_bodyText__Oq5UW","childrenWrapper":"echoCard-module_childrenWrapper__kfDmU","linkSection":"echoCard-module_linkSection__-muDW"};
|
|
14648
|
-
styleInject(css_248z$
|
|
14648
|
+
styleInject(css_248z$m);
|
|
14649
14649
|
|
|
14650
14650
|
var Body = function Body(_ref) {
|
|
14651
14651
|
var bodyText = _ref.bodyText,
|
|
@@ -14783,9 +14783,9 @@ EchoCard.Body = Body;
|
|
|
14783
14783
|
EchoCard.LinkSection = LinkSection;
|
|
14784
14784
|
EchoCard.DateSection = DateSection;
|
|
14785
14785
|
|
|
14786
|
-
var css_248z$
|
|
14787
|
-
var styles$
|
|
14788
|
-
styleInject(css_248z$
|
|
14786
|
+
var css_248z$l = ".echoHeader-module_headerWrapper__1aaPR{background-color:#fff;border-bottom:1px solid var(--equiGray5);display:flex;justify-content:space-between;left:0;padding:8px 88px;position:fixed;right:0;top:0;z-index:1}.echoHeader-module_headerContainer__jHC0e{align-items:center;display:flex;height:47px}.echoHeader-module_moduleIcon__-U7mU{width:48px}.echoHeader-module_titleSection__macuj{align-items:baseline;display:flex;flex-direction:row;width:100%}.echoHeader-module_titleSection__macuj>h2{font-weight:500;margin:0}.echoHeader-module_titleSection__macuj>div,.echoHeader-module_titleSection__macuj>h2{display:inline-block;font-size:16px;line-height:16px;width:auto}.echoHeader-module_moduleTextTitle__CiJzX,.echoHeader-module_plantName__eNNEy{padding-left:8px}.echoHeader-module_customSection__gGG2C{align-items:center;display:flex}";
|
|
14787
|
+
var styles$h = {"headerWrapper":"echoHeader-module_headerWrapper__1aaPR","headerContainer":"echoHeader-module_headerContainer__jHC0e","moduleIcon":"echoHeader-module_moduleIcon__-U7mU","titleSection":"echoHeader-module_titleSection__macuj","moduleTextTitle":"echoHeader-module_moduleTextTitle__CiJzX","plantName":"echoHeader-module_plantName__eNNEy","customSection":"echoHeader-module_customSection__gGG2C"};
|
|
14788
|
+
styleInject(css_248z$l);
|
|
14789
14789
|
|
|
14790
14790
|
/**
|
|
14791
14791
|
* Component that renders the Echo header
|
|
@@ -14808,27 +14808,27 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
14808
14808
|
var CustomSection = customHeaderSection;
|
|
14809
14809
|
var ModuleIcon = moduleIcon;
|
|
14810
14810
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
14811
|
-
className: styles$
|
|
14811
|
+
className: styles$h.headerWrapper
|
|
14812
14812
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14813
|
-
className: styles$
|
|
14813
|
+
className: styles$h.headerContainer
|
|
14814
14814
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
14815
|
-
className: styles$
|
|
14815
|
+
className: styles$h.moduleIcon,
|
|
14816
14816
|
name: ModuleIcon,
|
|
14817
14817
|
color: themeConst.asBuilt
|
|
14818
14818
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
14819
|
-
className: styles$
|
|
14819
|
+
className: styles$h.titleSection
|
|
14820
14820
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
14821
|
-
className: styles$
|
|
14821
|
+
className: styles$h.moduleTextTitle
|
|
14822
14822
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
14823
|
-
className: styles$
|
|
14823
|
+
className: styles$h.plantName
|
|
14824
14824
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
14825
|
-
className: styles$
|
|
14825
|
+
className: styles$h.customSection
|
|
14826
14826
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
14827
14827
|
};
|
|
14828
14828
|
|
|
14829
|
-
var css_248z$
|
|
14829
|
+
var css_248z$k = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init{background:rgba(0,0,0,.65)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:hover{background:rgba(0,0,0,.9)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:active{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
|
|
14830
14830
|
var style$3 = {"button":"floatingActionButton-module_button__-08q2","colors":"floatingActionButton-module_colors__0init","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
|
|
14831
|
-
styleInject(css_248z$
|
|
14831
|
+
styleInject(css_248z$k);
|
|
14832
14832
|
|
|
14833
14833
|
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
14834
14834
|
switch (echoVariant) {
|
|
@@ -14875,9 +14875,9 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
|
14875
14875
|
}), variant === 'square_icon_with_text' && label);
|
|
14876
14876
|
};
|
|
14877
14877
|
|
|
14878
|
-
var css_248z$
|
|
14878
|
+
var css_248z$j = ".floatingSearchBar-module_searchbarWrapper__-sSMM{max-width:344px;position:relative}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]{background:none;box-shadow:none;height:48px}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]:focus-within{outline:none}.floatingSearchBar-module_searchbar__0U3fZ input{--eds-input-adornment-color:#fff!important;background:rgba(0,0,0,.65);border-radius:4px;color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ svg{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input::placeholder{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input:focus,.floatingSearchBar-module_searchbar__0U3fZ input:hover{background:rgba(0,0,0,.9)}.floatingSearchBar-module_searchbar__0U3fZ button{opacity:.6}.floatingSearchBar-module_searchbar__0U3fZ button:hover{background:transparent;opacity:1}.floatingSearchBar-module_searchbar__0U3fZ button:focus{opacity:1;outline-color:var(--white)}.floatingSearchBar-module_items__oxyVh{background:pink;background:rgba(0,0,0,.9);border-radius:4px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:16px;margin-top:4px;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_item__nxfxG{padding:1rem 1.5rem}.floatingSearchBar-module_item__nxfxG:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__IQ7gz{background:hsla(0,0%,100%,.16)}";
|
|
14879
14879
|
var style$2 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__-sSMM","searchbar":"floatingSearchBar-module_searchbar__0U3fZ","items":"floatingSearchBar-module_items__oxyVh","item":"floatingSearchBar-module_item__nxfxG","activeItem":"floatingSearchBar-module_activeItem__IQ7gz"};
|
|
14880
|
-
styleInject(css_248z$
|
|
14880
|
+
styleInject(css_248z$j);
|
|
14881
14881
|
|
|
14882
14882
|
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
14883
14883
|
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
@@ -15516,9 +15516,9 @@ function Suggestions(_ref2) {
|
|
|
15516
15516
|
}));
|
|
15517
15517
|
}
|
|
15518
15518
|
|
|
15519
|
-
var css_248z$
|
|
15520
|
-
var styles$
|
|
15521
|
-
styleInject(css_248z$
|
|
15519
|
+
var css_248z$i = ".inlineTagIconLink-module_tagButtonNoHover__tds0f,.inlineTagIconLink-module_tagButton__VttNW{cursor:pointer;display:flex!important;height:auto;min-height:64px;min-width:215px;padding:.5rem!important;width:100%}.inlineTagIconLink-module_tagButtonNoHover__tds0f:hover{background:none!important}.inlineTagIconLink-module_textContainer__NRkCB{flex:1 1 auto;text-align:left}.inlineTagIconLink-module_description__uN2V-{-webkit-line-clamp:2;color:var(--echoText)!important;font-size:10px!important;font-weight:500!important;word-break:break-word}.inlineTagIconLink-module_description__uN2V-,.inlineTagIconLink-module_tag__IuyCt{-webkit-box-orient:vertical;display:-webkit-box;line-height:1em;overflow:hidden;text-overflow:ellipsis}.inlineTagIconLink-module_tag__IuyCt{-webkit-line-clamp:1;word-break:break-all}.inlineTagIconLink-module_icon__tYgTF{border-radius:10rem;box-sizing:border-box;flex:1 1 auto;height:40px;margin-right:.25rem;padding:.5rem;position:relative;width:40px}";
|
|
15520
|
+
var styles$g = {"tagButton":"inlineTagIconLink-module_tagButton__VttNW","tagButtonNoHover":"inlineTagIconLink-module_tagButtonNoHover__tds0f","textContainer":"inlineTagIconLink-module_textContainer__NRkCB","description":"inlineTagIconLink-module_description__uN2V-","tag":"inlineTagIconLink-module_tag__IuyCt","icon":"inlineTagIconLink-module_icon__tYgTF"};
|
|
15521
|
+
styleInject(css_248z$i);
|
|
15522
15522
|
|
|
15523
15523
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
15524
15524
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -15539,7 +15539,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15539
15539
|
return iconToShow;
|
|
15540
15540
|
}
|
|
15541
15541
|
};
|
|
15542
|
-
var buttonStyle = disableHover ? styles$
|
|
15542
|
+
var buttonStyle = disableHover ? styles$g.tagButtonNoHover : styles$g.tagButton;
|
|
15543
15543
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
15544
15544
|
variant: 'ghost',
|
|
15545
15545
|
onClick: onClickHandler,
|
|
@@ -15548,21 +15548,21 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15548
15548
|
style: {
|
|
15549
15549
|
background: legendColor
|
|
15550
15550
|
},
|
|
15551
|
-
className: styles$
|
|
15551
|
+
className: styles$g.icon
|
|
15552
15552
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
15553
|
-
className: styles$
|
|
15553
|
+
className: styles$g.textContainer
|
|
15554
15554
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
15555
15555
|
variant: "body_short_link",
|
|
15556
|
-
className: styles$
|
|
15556
|
+
className: styles$g.tag
|
|
15557
15557
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
15558
|
-
className: styles$
|
|
15558
|
+
className: styles$g.description,
|
|
15559
15559
|
variant: "body_short"
|
|
15560
15560
|
}, description)));
|
|
15561
15561
|
};
|
|
15562
15562
|
|
|
15563
|
-
var css_248z$
|
|
15564
|
-
var styles$
|
|
15565
|
-
styleInject(css_248z$
|
|
15563
|
+
var css_248z$h = ".listItem-module_flexContainer__coznC{display:flex;flex-flow:row nowrap;justify-content:flex-start}.listItem-module_container__sivKu{align-items:center;box-sizing:border-box;gap:.5rem;min-height:48px;padding:0 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--default);cursor:pointer}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
15564
|
+
var styles$f = {"flexContainer":"listItem-module_flexContainer__coznC","container":"listItem-module_container__sivKu listItem-module_flexContainer__coznC","listItemContainer":"listItem-module_listItemContainer__MtMLQ listItem-module_container__sivKu listItem-module_flexContainer__coznC","hoverItem":"listItem-module_hoverItem__bPUhP","infoContainer":"listItem-module_infoContainer__V0R7i","icon":"listItem-module_icon__lHCt6"};
|
|
15565
|
+
styleInject(css_248z$h);
|
|
15566
15566
|
|
|
15567
15567
|
function ListItem(props) {
|
|
15568
15568
|
var _a;
|
|
@@ -15574,13 +15574,13 @@ function ListItem(props) {
|
|
|
15574
15574
|
var caption = resolvePropToComponent('caption', props.caption);
|
|
15575
15575
|
// Container styling
|
|
15576
15576
|
var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
|
|
15577
|
-
var containerClassNames = classnames$1(styles$
|
|
15577
|
+
var containerClassNames = classnames$1(styles$f.listItemContainer, _defineProperty$1({}, styles$f.hoverItem, Container === 'li'), props.className);
|
|
15578
15578
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
15579
15579
|
className: containerClassNames,
|
|
15580
15580
|
style: props.style,
|
|
15581
15581
|
onClick: props.onCardClick
|
|
15582
15582
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
15583
|
-
className: styles$
|
|
15583
|
+
className: styles$f.icon,
|
|
15584
15584
|
style: {
|
|
15585
15585
|
backgroundColor: props.icon.backgroundColor,
|
|
15586
15586
|
margin: props.icon.backgroundColor ? '0.5rem 0' : ''
|
|
@@ -15589,7 +15589,7 @@ function ListItem(props) {
|
|
|
15589
15589
|
name: props.icon.name,
|
|
15590
15590
|
color: props.icon.color
|
|
15591
15591
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15592
|
-
className: styles$
|
|
15592
|
+
className: styles$f.infoContainer
|
|
15593
15593
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
15594
15594
|
}
|
|
15595
15595
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -16205,7 +16205,7 @@ function isRectEqual(rect1, rect2) {
|
|
|
16205
16205
|
|
|
16206
16206
|
var _throttleTimeout;
|
|
16207
16207
|
|
|
16208
|
-
function throttle(callback, ms) {
|
|
16208
|
+
function throttle$1(callback, ms) {
|
|
16209
16209
|
return function () {
|
|
16210
16210
|
if (!_throttleTimeout) {
|
|
16211
16211
|
var args = arguments,
|
|
@@ -18311,7 +18311,7 @@ Sortable.utils = {
|
|
|
18311
18311
|
return !!closest(el, selector, el, false);
|
|
18312
18312
|
},
|
|
18313
18313
|
extend: extend,
|
|
18314
|
-
throttle: throttle,
|
|
18314
|
+
throttle: throttle$1,
|
|
18315
18315
|
closest: closest,
|
|
18316
18316
|
toggleClass: toggleClass,
|
|
18317
18317
|
clone: clone,
|
|
@@ -18495,7 +18495,7 @@ function clearPointerElemChangedInterval() {
|
|
|
18495
18495
|
clearInterval(pointerElemChangedInterval);
|
|
18496
18496
|
}
|
|
18497
18497
|
|
|
18498
|
-
var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
|
|
18498
|
+
var autoScroll = throttle$1(function (evt, options, rootEl, isFallback) {
|
|
18499
18499
|
// Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
|
|
18500
18500
|
if (!options.scroll) return;
|
|
18501
18501
|
var x = (evt.touches ? evt.touches[0] : evt).clientX,
|
|
@@ -19954,9 +19954,9 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
19954
19954
|
})));
|
|
19955
19955
|
};
|
|
19956
19956
|
|
|
19957
|
-
var css_248z$
|
|
19958
|
-
var styles$
|
|
19959
|
-
styleInject(css_248z$
|
|
19957
|
+
var css_248z$g = ".radioButton-module_buttonWrapper__gzYAz span,.radioButton-module_header__f6AoN{font-weight:500!important}.radioButton-module_buttonWrapper__gzYAz{display:flex;justify-content:space-between;margin:10px auto 0;max-width:230px}.radioButton-module_buttonWrapper__gzYAz label{color:#000;display:flex;flex-direction:column;font-size:14px}";
|
|
19958
|
+
var styles$e = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
19959
|
+
styleInject(css_248z$g);
|
|
19960
19960
|
|
|
19961
19961
|
/**
|
|
19962
19962
|
* Component that renders a Radio Button Group with a set of options to choose from
|
|
@@ -19978,9 +19978,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19978
19978
|
style: style
|
|
19979
19979
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
19980
19980
|
variant: "body_short",
|
|
19981
|
-
className: styles$
|
|
19981
|
+
className: styles$e.header
|
|
19982
19982
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
19983
|
-
className: styles$
|
|
19983
|
+
className: styles$e.buttonWrapper
|
|
19984
19984
|
}, options.map(function (option, index) {
|
|
19985
19985
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
19986
19986
|
key: index,
|
|
@@ -19993,9 +19993,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19993
19993
|
})));
|
|
19994
19994
|
};
|
|
19995
19995
|
|
|
19996
|
-
var css_248z$
|
|
19996
|
+
var css_248z$f = ".roundIconButton-module_pageMenuButton__KIxry{background:#fff;border:1px solid var(--equiGreen1);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:48px;padding:10px;width:48px}.roundIconButton-module_pageMenuButton__KIxry:hover{background-color:var(--equiGreen2);color:var(--hoverIcon)}.roundIconButton-module_pageMenuButton__KIxry:hover svg{fill:var(--hoverIcon)}.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleInactive);border:1px solid var(--toggleInactive)}.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(179,13,47,.5);border:1px solid var(--toggleInactive)}.roundIconButton-module_activeButton__JJoxc{background:var(--equiGreen1);border:2px solid var(--equiGreen1)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleActive);border:1px solid var(--toggleActive)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(75,183,72,.5);border:1px solid var(--toggleActive)}";
|
|
19997
19997
|
var style$1 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
19998
|
-
styleInject(css_248z$
|
|
19998
|
+
styleInject(css_248z$f);
|
|
19999
19999
|
|
|
20000
20000
|
var RoundIconButtonVariants;
|
|
20001
20001
|
(function (RoundIconButtonVariants) {
|
|
@@ -20027,9 +20027,9 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
20027
20027
|
}, mutateIcon(variant));
|
|
20028
20028
|
};
|
|
20029
20029
|
|
|
20030
|
-
var css_248z$
|
|
20031
|
-
var styles$
|
|
20032
|
-
styleInject(css_248z$
|
|
20030
|
+
var css_248z$e = ".sliderField-module_sliderField__gp6ce{display:flex;flex-direction:column;margin:0 0 30px}.sliderField-module_sliderField__gp6ce output,.sliderField-module_sliderField__gp6ce p,.sliderField-module_sliderField__gp6ce span{font-weight:500}.sliderField-module_sliderWrapper__pAwLd{margin:10px auto 0;text-align:center;width:230px}.sliderField-module_sliderWrapper__pAwLd span{display:none}.sliderField-module_sliderWrapper__pAwLd output{font-size:16px}.sliderField-module_sliderWrapper__pAwLd div{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\"><rect y=\"11\" fill=\"%23DEEDEE\" width=\"100%\" height=\"4\" rx=\"2\"/></svg>')}";
|
|
20031
|
+
var styles$d = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
20032
|
+
styleInject(css_248z$e);
|
|
20033
20033
|
|
|
20034
20034
|
/**
|
|
20035
20035
|
* Component that renders a slider with numeric or custom values
|
|
@@ -20057,12 +20057,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
20057
20057
|
return labelsAsParam[currentValue];
|
|
20058
20058
|
};
|
|
20059
20059
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20060
|
-
className: styles$
|
|
20060
|
+
className: styles$d.sliderField,
|
|
20061
20061
|
style: style
|
|
20062
20062
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20063
20063
|
variant: "body_short"
|
|
20064
20064
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
20065
|
-
className: styles$
|
|
20065
|
+
className: styles$d.sliderWrapper
|
|
20066
20066
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
20067
20067
|
value: value,
|
|
20068
20068
|
min: min,
|
|
@@ -20085,9 +20085,9 @@ var SliderField = function SliderField(_ref) {
|
|
|
20085
20085
|
})));
|
|
20086
20086
|
};
|
|
20087
20087
|
|
|
20088
|
-
var css_248z$
|
|
20089
|
-
var styles$
|
|
20090
|
-
styleInject(css_248z$
|
|
20088
|
+
var css_248z$d = ".textIconButton-module_button__9s6rE{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:93px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:93px}.textIconButton-module_button__9s6rE:active,.textIconButton-module_button__9s6rE:focus{background-color:var(--equiGreen3)}.textIconButton-module_button__9s6rE:hover{background-color:#c3f3d2}.textIconButton-module_button__9s6rE svg{margin:0 0 2px;z-index:2}.textIconButton-module_text__hw0bg{position:relative;text-align:center!important;z-index:2}";
|
|
20089
|
+
var styles$c = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
20090
|
+
styleInject(css_248z$d);
|
|
20091
20091
|
|
|
20092
20092
|
/**
|
|
20093
20093
|
* Component that renders a button with the icon and the text provided
|
|
@@ -20107,7 +20107,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20107
20107
|
style = _ref.style;
|
|
20108
20108
|
var CustomIcon = icon;
|
|
20109
20109
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20110
|
-
className: styles$
|
|
20110
|
+
className: styles$c.button,
|
|
20111
20111
|
onClick: onClick,
|
|
20112
20112
|
style: style
|
|
20113
20113
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20116,14 +20116,14 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20116
20116
|
color: themeConst.asBuilt,
|
|
20117
20117
|
size: 40
|
|
20118
20118
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
20119
|
-
className: styles$
|
|
20119
|
+
className: styles$c.text,
|
|
20120
20120
|
color: themeConst.asBuilt
|
|
20121
20121
|
}, title));
|
|
20122
20122
|
};
|
|
20123
20123
|
|
|
20124
|
-
var css_248z$
|
|
20125
|
-
var styles$
|
|
20126
|
-
styleInject(css_248z$
|
|
20124
|
+
var css_248z$c = ".listRow-module_wrapper__j5Czq{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column}.listRow-module_row__5taKB{align-items:stretch;display:flex;justify-content:space-between;min-height:48px}.listRow-module_infoCol__fSiO5{display:flex;margin:auto 0}.listRow-module_draggable__WoQYD{align-items:center;cursor:pointer;display:flex}.listRow-module_info__fX3UU{display:flex;flex-direction:column;justify-content:center;margin-left:var(--medium)}.listRow-module_info__fX3UU p{font-size:14px}.listRow-module_iconCol__A4oE0{align-items:stretch;display:flex}.listRow-module_activeIconButton__GdFjq{background-color:var(--equiGreen3)}.listRow-module_activeIconButton__GdFjq,.listRow-module_iconButton__j9G0z{align-items:center;display:flex;padding:0 12px}.listRow-module_iconButton__j9G0z:hover{background-color:#c3f3d2}.listRow-module_iconButton__j9G0z:active,.listRow-module_iconButton__j9G0z:focus{background-color:var(--equiGreen3)}.listRow-module_expandedRow__DdJu5{align-items:stretch;background-color:var(--equiGreen3);display:flex;justify-content:flex-end;min-height:48px}.listRow-module_close__gdtqH{align-items:center;cursor:pointer;display:flex;justify-content:center;width:54px}";
|
|
20125
|
+
var styles$b = {"wrapper":"listRow-module_wrapper__j5Czq","row":"listRow-module_row__5taKB","infoCol":"listRow-module_infoCol__fSiO5","draggable":"listRow-module_draggable__WoQYD","info":"listRow-module_info__fX3UU","iconCol":"listRow-module_iconCol__A4oE0","activeIconButton":"listRow-module_activeIconButton__GdFjq","iconButton":"listRow-module_iconButton__j9G0z","expandedRow":"listRow-module_expandedRow__DdJu5","close":"listRow-module_close__gdtqH"};
|
|
20126
|
+
styleInject(css_248z$c);
|
|
20127
20127
|
|
|
20128
20128
|
/**
|
|
20129
20129
|
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
@@ -20150,30 +20150,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
20150
20150
|
expandable = _ref.expandable,
|
|
20151
20151
|
style = _ref.style;
|
|
20152
20152
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20153
|
-
className: styles$
|
|
20153
|
+
className: styles$b.wrapper,
|
|
20154
20154
|
style: style
|
|
20155
20155
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20156
|
-
className: styles$
|
|
20156
|
+
className: styles$b.row
|
|
20157
20157
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20158
|
-
className: styles$
|
|
20158
|
+
className: styles$b.infoCol
|
|
20159
20159
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
20160
|
-
className: styles$
|
|
20160
|
+
className: styles$b.draggable
|
|
20161
20161
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
20162
20162
|
name: "unfold_more",
|
|
20163
20163
|
title: "Move",
|
|
20164
20164
|
color: themeConst.asBuilt
|
|
20165
20165
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
20166
|
-
className: styles$
|
|
20166
|
+
className: styles$b.info
|
|
20167
20167
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20168
20168
|
variant: "body_short",
|
|
20169
20169
|
bold: true
|
|
20170
20170
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20171
20171
|
variant: "body_short"
|
|
20172
20172
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
20173
|
-
className: styles$
|
|
20173
|
+
className: styles$b.iconCol
|
|
20174
20174
|
}, item.icons.map(function (icon, itemIndex) {
|
|
20175
20175
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20176
|
-
className: styles$
|
|
20176
|
+
className: styles$b.iconButton,
|
|
20177
20177
|
key: itemIndex,
|
|
20178
20178
|
onClick: icon.onClick
|
|
20179
20179
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20182,7 +20182,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20182
20182
|
color: themeConst.asBuilt
|
|
20183
20183
|
}));
|
|
20184
20184
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
20185
|
-
className: expandable && expandable.expanded ? styles$
|
|
20185
|
+
className: expandable && expandable.expanded ? styles$b.activeIconButton : styles$b.iconButton,
|
|
20186
20186
|
onClick: function onClick() {
|
|
20187
20187
|
expandable.setExpanded(true);
|
|
20188
20188
|
}
|
|
@@ -20191,10 +20191,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
20191
20191
|
title: "Expand",
|
|
20192
20192
|
color: themeConst.asBuilt
|
|
20193
20193
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
20194
|
-
className: styles$
|
|
20194
|
+
className: styles$b.expandedRow
|
|
20195
20195
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
20196
20196
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20197
|
-
className: styles$
|
|
20197
|
+
className: styles$b.iconButton,
|
|
20198
20198
|
key: iconItemsIndex,
|
|
20199
20199
|
onClick: icon.onClick
|
|
20200
20200
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20203,7 +20203,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20203
20203
|
color: themeConst.asBuilt
|
|
20204
20204
|
}));
|
|
20205
20205
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
20206
|
-
className: styles$
|
|
20206
|
+
className: styles$b.iconButton,
|
|
20207
20207
|
onClick: function onClick() {
|
|
20208
20208
|
expandable.setExpanded(false);
|
|
20209
20209
|
}
|
|
@@ -20214,6 +20214,793 @@ var ListRow = function ListRow(_ref) {
|
|
|
20214
20214
|
}))));
|
|
20215
20215
|
};
|
|
20216
20216
|
|
|
20217
|
+
var css_248z$b = ".menuButton-module_button__qpHsn{align-items:center;border-left:none;box-sizing:border-box;display:flex;flex-direction:column;height:56px;margin-left:-1px;overflow:hidden;padding:8px 0 0;position:relative;width:-webkit-fill-available}.menuButton-module_text__MiZeF{color:var(--echoText)!important;font-size:10.5px!important;font-weight:500!important;line-height:12px!important;margin-top:2px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-left:2px solid var(--asBuilt);border-right:2px solid var(--equiGreen3)}.menuButton-module_button__qpHsn:hover{background-color:#deeeed}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-right:2px solid #deeeed}.menuButton-module_button__qpHsn svg{margin:0 0 2px;z-index:2}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq svg,.menuButton-module_button__qpHsn:active svg,.menuButton-module_button__qpHsn:hover svg{fill:#007079}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:active .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:hover .menuButton-module_text__MiZeF{color:#007079!important}@media screen and (max-width:768px) and (orientation:portrait),screen and (max-width:928px) and (orientation:landscape){.menuButton-module_button__qpHsn{height:48px;margin-bottom:-1px;margin-left:0;padding:6px 0 0;width:56px}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-bottom:2px solid var(--asBuilt);border-left:none;border-right:none}.menuButton-module_button__qpHsn svg{height:20px;margin:0 0 2px;width:20px;z-index:2}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-left:none;border-right:none}}";
|
|
20218
|
+
var styles$a = {"button":"menuButton-module_button__qpHsn","text":"menuButton-module_text__MiZeF","active":"menuButton-module_active__1Dznq"};
|
|
20219
|
+
styleInject(css_248z$b);
|
|
20220
|
+
|
|
20221
|
+
/**
|
|
20222
|
+
* The menu bottom items
|
|
20223
|
+
* On desktop it will have an active border on the left,
|
|
20224
|
+
* and on mobile the active border will be on the bottom
|
|
20225
|
+
* Contains an icon and a descriptive text
|
|
20226
|
+
* @param {*} {
|
|
20227
|
+
* text, the text below the icon, also displayed on hover
|
|
20228
|
+
* active, boolean describing the buttons active state
|
|
20229
|
+
* children, the icon to be displayed
|
|
20230
|
+
* onClick, the on click event
|
|
20231
|
+
* refValue, a reference value in case its needed
|
|
20232
|
+
* id: the id of the button in case its needed
|
|
20233
|
+
* }
|
|
20234
|
+
* @return {*} {JSX.Element}
|
|
20235
|
+
*/
|
|
20236
|
+
var MenuButton = function MenuButton(_ref) {
|
|
20237
|
+
var text = _ref.text,
|
|
20238
|
+
active = _ref.active,
|
|
20239
|
+
children = _ref.children,
|
|
20240
|
+
onClick = _ref.onClick,
|
|
20241
|
+
refValue = _ref.refValue,
|
|
20242
|
+
id = _ref.id;
|
|
20243
|
+
return /*#__PURE__*/React__default.createElement("button", {
|
|
20244
|
+
title: text,
|
|
20245
|
+
ref: refValue,
|
|
20246
|
+
type: "button",
|
|
20247
|
+
onClick: onClick,
|
|
20248
|
+
id: id,
|
|
20249
|
+
className: classnames$2(styles$a.button, _defineProperty$1({}, styles$a.active, active))
|
|
20250
|
+
}, children, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20251
|
+
className: styles$a.text
|
|
20252
|
+
}, text));
|
|
20253
|
+
};
|
|
20254
|
+
MenuButton.defaultProps = {
|
|
20255
|
+
refValue: undefined,
|
|
20256
|
+
id: ''
|
|
20257
|
+
};
|
|
20258
|
+
|
|
20259
|
+
/**
|
|
20260
|
+
* Panel context with default initialized values
|
|
20261
|
+
*
|
|
20262
|
+
*/
|
|
20263
|
+
var PanelContext = /*#__PURE__*/React__default.createContext({
|
|
20264
|
+
activePanel: undefined,
|
|
20265
|
+
panelSize: 'wide',
|
|
20266
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- need to match interface
|
|
20267
|
+
updateActivePanel: function updateActivePanel(newActivePanel) {
|
|
20268
|
+
throw new Error('Panel Context not initialized use Panel component');
|
|
20269
|
+
},
|
|
20270
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- need to match interface
|
|
20271
|
+
updatePanelSize: function updatePanelSize(newPanelSize) {
|
|
20272
|
+
throw new Error('Panel Context not initialized use Panel component');
|
|
20273
|
+
}
|
|
20274
|
+
});
|
|
20275
|
+
/**
|
|
20276
|
+
* The panel context wrapper that should be used within Panel component to store the state of the panel
|
|
20277
|
+
*
|
|
20278
|
+
*/
|
|
20279
|
+
var PanelContextWrapper = function PanelContextWrapper(_ref) {
|
|
20280
|
+
var children = _ref.children;
|
|
20281
|
+
var _React$useState = React__default.useState(undefined),
|
|
20282
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
20283
|
+
activePanel = _React$useState2[0],
|
|
20284
|
+
setActivePanel = _React$useState2[1];
|
|
20285
|
+
var updateActivePanel = React__default.useCallback(function (newActivePanel) {
|
|
20286
|
+
return setActivePanel(newActivePanel);
|
|
20287
|
+
}, []);
|
|
20288
|
+
var _React$useState3 = React__default.useState('wide'),
|
|
20289
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
20290
|
+
panelSize = _React$useState4[0],
|
|
20291
|
+
setPanelSize = _React$useState4[1];
|
|
20292
|
+
var updatePanelSize = React__default.useCallback(function (newPanelSize) {
|
|
20293
|
+
return setPanelSize(newPanelSize);
|
|
20294
|
+
}, []);
|
|
20295
|
+
var value = React__default.useMemo(function () {
|
|
20296
|
+
return {
|
|
20297
|
+
activePanel: activePanel,
|
|
20298
|
+
updateActivePanel: updateActivePanel,
|
|
20299
|
+
panelSize: panelSize,
|
|
20300
|
+
updatePanelSize: updatePanelSize
|
|
20301
|
+
};
|
|
20302
|
+
}, [activePanel, panelSize, updateActivePanel, updatePanelSize]);
|
|
20303
|
+
return /*#__PURE__*/React__default.createElement(PanelContext.Provider, {
|
|
20304
|
+
value: value
|
|
20305
|
+
}, children);
|
|
20306
|
+
};
|
|
20307
|
+
|
|
20308
|
+
/**
|
|
20309
|
+
* lodash (Custom Build) <https://lodash.com/>
|
|
20310
|
+
* Build: `lodash modularize exports="npm" -o ./`
|
|
20311
|
+
* Copyright jQuery Foundation and other contributors <https://jquery.org/>
|
|
20312
|
+
* Released under MIT license <https://lodash.com/license>
|
|
20313
|
+
* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
|
|
20314
|
+
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
20315
|
+
*/
|
|
20316
|
+
|
|
20317
|
+
/** Used as the `TypeError` message for "Functions" methods. */
|
|
20318
|
+
var FUNC_ERROR_TEXT = 'Expected a function';
|
|
20319
|
+
|
|
20320
|
+
/** Used as references for various `Number` constants. */
|
|
20321
|
+
var NAN = 0 / 0;
|
|
20322
|
+
|
|
20323
|
+
/** `Object#toString` result references. */
|
|
20324
|
+
var symbolTag = '[object Symbol]';
|
|
20325
|
+
|
|
20326
|
+
/** Used to match leading and trailing whitespace. */
|
|
20327
|
+
var reTrim = /^\s+|\s+$/g;
|
|
20328
|
+
|
|
20329
|
+
/** Used to detect bad signed hexadecimal string values. */
|
|
20330
|
+
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
|
|
20331
|
+
|
|
20332
|
+
/** Used to detect binary string values. */
|
|
20333
|
+
var reIsBinary = /^0b[01]+$/i;
|
|
20334
|
+
|
|
20335
|
+
/** Used to detect octal string values. */
|
|
20336
|
+
var reIsOctal = /^0o[0-7]+$/i;
|
|
20337
|
+
|
|
20338
|
+
/** Built-in method references without a dependency on `root`. */
|
|
20339
|
+
var freeParseInt = parseInt;
|
|
20340
|
+
|
|
20341
|
+
/** Detect free variable `global` from Node.js. */
|
|
20342
|
+
var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
|
20343
|
+
|
|
20344
|
+
/** Detect free variable `self`. */
|
|
20345
|
+
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
|
|
20346
|
+
|
|
20347
|
+
/** Used as a reference to the global object. */
|
|
20348
|
+
var root = freeGlobal || freeSelf || Function('return this')();
|
|
20349
|
+
|
|
20350
|
+
/** Used for built-in method references. */
|
|
20351
|
+
var objectProto = Object.prototype;
|
|
20352
|
+
|
|
20353
|
+
/**
|
|
20354
|
+
* Used to resolve the
|
|
20355
|
+
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
|
|
20356
|
+
* of values.
|
|
20357
|
+
*/
|
|
20358
|
+
var objectToString = objectProto.toString;
|
|
20359
|
+
|
|
20360
|
+
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
20361
|
+
var nativeMax = Math.max,
|
|
20362
|
+
nativeMin = Math.min;
|
|
20363
|
+
|
|
20364
|
+
/**
|
|
20365
|
+
* Gets the timestamp of the number of milliseconds that have elapsed since
|
|
20366
|
+
* the Unix epoch (1 January 1970 00:00:00 UTC).
|
|
20367
|
+
*
|
|
20368
|
+
* @static
|
|
20369
|
+
* @memberOf _
|
|
20370
|
+
* @since 2.4.0
|
|
20371
|
+
* @category Date
|
|
20372
|
+
* @returns {number} Returns the timestamp.
|
|
20373
|
+
* @example
|
|
20374
|
+
*
|
|
20375
|
+
* _.defer(function(stamp) {
|
|
20376
|
+
* console.log(_.now() - stamp);
|
|
20377
|
+
* }, _.now());
|
|
20378
|
+
* // => Logs the number of milliseconds it took for the deferred invocation.
|
|
20379
|
+
*/
|
|
20380
|
+
var now = function() {
|
|
20381
|
+
return root.Date.now();
|
|
20382
|
+
};
|
|
20383
|
+
|
|
20384
|
+
/**
|
|
20385
|
+
* Creates a debounced function that delays invoking `func` until after `wait`
|
|
20386
|
+
* milliseconds have elapsed since the last time the debounced function was
|
|
20387
|
+
* invoked. The debounced function comes with a `cancel` method to cancel
|
|
20388
|
+
* delayed `func` invocations and a `flush` method to immediately invoke them.
|
|
20389
|
+
* Provide `options` to indicate whether `func` should be invoked on the
|
|
20390
|
+
* leading and/or trailing edge of the `wait` timeout. The `func` is invoked
|
|
20391
|
+
* with the last arguments provided to the debounced function. Subsequent
|
|
20392
|
+
* calls to the debounced function return the result of the last `func`
|
|
20393
|
+
* invocation.
|
|
20394
|
+
*
|
|
20395
|
+
* **Note:** If `leading` and `trailing` options are `true`, `func` is
|
|
20396
|
+
* invoked on the trailing edge of the timeout only if the debounced function
|
|
20397
|
+
* is invoked more than once during the `wait` timeout.
|
|
20398
|
+
*
|
|
20399
|
+
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
|
|
20400
|
+
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
|
|
20401
|
+
*
|
|
20402
|
+
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
|
|
20403
|
+
* for details over the differences between `_.debounce` and `_.throttle`.
|
|
20404
|
+
*
|
|
20405
|
+
* @static
|
|
20406
|
+
* @memberOf _
|
|
20407
|
+
* @since 0.1.0
|
|
20408
|
+
* @category Function
|
|
20409
|
+
* @param {Function} func The function to debounce.
|
|
20410
|
+
* @param {number} [wait=0] The number of milliseconds to delay.
|
|
20411
|
+
* @param {Object} [options={}] The options object.
|
|
20412
|
+
* @param {boolean} [options.leading=false]
|
|
20413
|
+
* Specify invoking on the leading edge of the timeout.
|
|
20414
|
+
* @param {number} [options.maxWait]
|
|
20415
|
+
* The maximum time `func` is allowed to be delayed before it's invoked.
|
|
20416
|
+
* @param {boolean} [options.trailing=true]
|
|
20417
|
+
* Specify invoking on the trailing edge of the timeout.
|
|
20418
|
+
* @returns {Function} Returns the new debounced function.
|
|
20419
|
+
* @example
|
|
20420
|
+
*
|
|
20421
|
+
* // Avoid costly calculations while the window size is in flux.
|
|
20422
|
+
* jQuery(window).on('resize', _.debounce(calculateLayout, 150));
|
|
20423
|
+
*
|
|
20424
|
+
* // Invoke `sendMail` when clicked, debouncing subsequent calls.
|
|
20425
|
+
* jQuery(element).on('click', _.debounce(sendMail, 300, {
|
|
20426
|
+
* 'leading': true,
|
|
20427
|
+
* 'trailing': false
|
|
20428
|
+
* }));
|
|
20429
|
+
*
|
|
20430
|
+
* // Ensure `batchLog` is invoked once after 1 second of debounced calls.
|
|
20431
|
+
* var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
|
|
20432
|
+
* var source = new EventSource('/stream');
|
|
20433
|
+
* jQuery(source).on('message', debounced);
|
|
20434
|
+
*
|
|
20435
|
+
* // Cancel the trailing debounced invocation.
|
|
20436
|
+
* jQuery(window).on('popstate', debounced.cancel);
|
|
20437
|
+
*/
|
|
20438
|
+
function debounce(func, wait, options) {
|
|
20439
|
+
var lastArgs,
|
|
20440
|
+
lastThis,
|
|
20441
|
+
maxWait,
|
|
20442
|
+
result,
|
|
20443
|
+
timerId,
|
|
20444
|
+
lastCallTime,
|
|
20445
|
+
lastInvokeTime = 0,
|
|
20446
|
+
leading = false,
|
|
20447
|
+
maxing = false,
|
|
20448
|
+
trailing = true;
|
|
20449
|
+
|
|
20450
|
+
if (typeof func != 'function') {
|
|
20451
|
+
throw new TypeError(FUNC_ERROR_TEXT);
|
|
20452
|
+
}
|
|
20453
|
+
wait = toNumber(wait) || 0;
|
|
20454
|
+
if (isObject(options)) {
|
|
20455
|
+
leading = !!options.leading;
|
|
20456
|
+
maxing = 'maxWait' in options;
|
|
20457
|
+
maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
|
|
20458
|
+
trailing = 'trailing' in options ? !!options.trailing : trailing;
|
|
20459
|
+
}
|
|
20460
|
+
|
|
20461
|
+
function invokeFunc(time) {
|
|
20462
|
+
var args = lastArgs,
|
|
20463
|
+
thisArg = lastThis;
|
|
20464
|
+
|
|
20465
|
+
lastArgs = lastThis = undefined;
|
|
20466
|
+
lastInvokeTime = time;
|
|
20467
|
+
result = func.apply(thisArg, args);
|
|
20468
|
+
return result;
|
|
20469
|
+
}
|
|
20470
|
+
|
|
20471
|
+
function leadingEdge(time) {
|
|
20472
|
+
// Reset any `maxWait` timer.
|
|
20473
|
+
lastInvokeTime = time;
|
|
20474
|
+
// Start the timer for the trailing edge.
|
|
20475
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20476
|
+
// Invoke the leading edge.
|
|
20477
|
+
return leading ? invokeFunc(time) : result;
|
|
20478
|
+
}
|
|
20479
|
+
|
|
20480
|
+
function remainingWait(time) {
|
|
20481
|
+
var timeSinceLastCall = time - lastCallTime,
|
|
20482
|
+
timeSinceLastInvoke = time - lastInvokeTime,
|
|
20483
|
+
result = wait - timeSinceLastCall;
|
|
20484
|
+
|
|
20485
|
+
return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
|
|
20486
|
+
}
|
|
20487
|
+
|
|
20488
|
+
function shouldInvoke(time) {
|
|
20489
|
+
var timeSinceLastCall = time - lastCallTime,
|
|
20490
|
+
timeSinceLastInvoke = time - lastInvokeTime;
|
|
20491
|
+
|
|
20492
|
+
// Either this is the first call, activity has stopped and we're at the
|
|
20493
|
+
// trailing edge, the system time has gone backwards and we're treating
|
|
20494
|
+
// it as the trailing edge, or we've hit the `maxWait` limit.
|
|
20495
|
+
return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
|
|
20496
|
+
(timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
|
|
20497
|
+
}
|
|
20498
|
+
|
|
20499
|
+
function timerExpired() {
|
|
20500
|
+
var time = now();
|
|
20501
|
+
if (shouldInvoke(time)) {
|
|
20502
|
+
return trailingEdge(time);
|
|
20503
|
+
}
|
|
20504
|
+
// Restart the timer.
|
|
20505
|
+
timerId = setTimeout(timerExpired, remainingWait(time));
|
|
20506
|
+
}
|
|
20507
|
+
|
|
20508
|
+
function trailingEdge(time) {
|
|
20509
|
+
timerId = undefined;
|
|
20510
|
+
|
|
20511
|
+
// Only invoke if we have `lastArgs` which means `func` has been
|
|
20512
|
+
// debounced at least once.
|
|
20513
|
+
if (trailing && lastArgs) {
|
|
20514
|
+
return invokeFunc(time);
|
|
20515
|
+
}
|
|
20516
|
+
lastArgs = lastThis = undefined;
|
|
20517
|
+
return result;
|
|
20518
|
+
}
|
|
20519
|
+
|
|
20520
|
+
function cancel() {
|
|
20521
|
+
if (timerId !== undefined) {
|
|
20522
|
+
clearTimeout(timerId);
|
|
20523
|
+
}
|
|
20524
|
+
lastInvokeTime = 0;
|
|
20525
|
+
lastArgs = lastCallTime = lastThis = timerId = undefined;
|
|
20526
|
+
}
|
|
20527
|
+
|
|
20528
|
+
function flush() {
|
|
20529
|
+
return timerId === undefined ? result : trailingEdge(now());
|
|
20530
|
+
}
|
|
20531
|
+
|
|
20532
|
+
function debounced() {
|
|
20533
|
+
var time = now(),
|
|
20534
|
+
isInvoking = shouldInvoke(time);
|
|
20535
|
+
|
|
20536
|
+
lastArgs = arguments;
|
|
20537
|
+
lastThis = this;
|
|
20538
|
+
lastCallTime = time;
|
|
20539
|
+
|
|
20540
|
+
if (isInvoking) {
|
|
20541
|
+
if (timerId === undefined) {
|
|
20542
|
+
return leadingEdge(lastCallTime);
|
|
20543
|
+
}
|
|
20544
|
+
if (maxing) {
|
|
20545
|
+
// Handle invocations in a tight loop.
|
|
20546
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20547
|
+
return invokeFunc(lastCallTime);
|
|
20548
|
+
}
|
|
20549
|
+
}
|
|
20550
|
+
if (timerId === undefined) {
|
|
20551
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20552
|
+
}
|
|
20553
|
+
return result;
|
|
20554
|
+
}
|
|
20555
|
+
debounced.cancel = cancel;
|
|
20556
|
+
debounced.flush = flush;
|
|
20557
|
+
return debounced;
|
|
20558
|
+
}
|
|
20559
|
+
|
|
20560
|
+
/**
|
|
20561
|
+
* Creates a throttled function that only invokes `func` at most once per
|
|
20562
|
+
* every `wait` milliseconds. The throttled function comes with a `cancel`
|
|
20563
|
+
* method to cancel delayed `func` invocations and a `flush` method to
|
|
20564
|
+
* immediately invoke them. Provide `options` to indicate whether `func`
|
|
20565
|
+
* should be invoked on the leading and/or trailing edge of the `wait`
|
|
20566
|
+
* timeout. The `func` is invoked with the last arguments provided to the
|
|
20567
|
+
* throttled function. Subsequent calls to the throttled function return the
|
|
20568
|
+
* result of the last `func` invocation.
|
|
20569
|
+
*
|
|
20570
|
+
* **Note:** If `leading` and `trailing` options are `true`, `func` is
|
|
20571
|
+
* invoked on the trailing edge of the timeout only if the throttled function
|
|
20572
|
+
* is invoked more than once during the `wait` timeout.
|
|
20573
|
+
*
|
|
20574
|
+
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
|
|
20575
|
+
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
|
|
20576
|
+
*
|
|
20577
|
+
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
|
|
20578
|
+
* for details over the differences between `_.throttle` and `_.debounce`.
|
|
20579
|
+
*
|
|
20580
|
+
* @static
|
|
20581
|
+
* @memberOf _
|
|
20582
|
+
* @since 0.1.0
|
|
20583
|
+
* @category Function
|
|
20584
|
+
* @param {Function} func The function to throttle.
|
|
20585
|
+
* @param {number} [wait=0] The number of milliseconds to throttle invocations to.
|
|
20586
|
+
* @param {Object} [options={}] The options object.
|
|
20587
|
+
* @param {boolean} [options.leading=true]
|
|
20588
|
+
* Specify invoking on the leading edge of the timeout.
|
|
20589
|
+
* @param {boolean} [options.trailing=true]
|
|
20590
|
+
* Specify invoking on the trailing edge of the timeout.
|
|
20591
|
+
* @returns {Function} Returns the new throttled function.
|
|
20592
|
+
* @example
|
|
20593
|
+
*
|
|
20594
|
+
* // Avoid excessively updating the position while scrolling.
|
|
20595
|
+
* jQuery(window).on('scroll', _.throttle(updatePosition, 100));
|
|
20596
|
+
*
|
|
20597
|
+
* // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
|
|
20598
|
+
* var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
|
|
20599
|
+
* jQuery(element).on('click', throttled);
|
|
20600
|
+
*
|
|
20601
|
+
* // Cancel the trailing throttled invocation.
|
|
20602
|
+
* jQuery(window).on('popstate', throttled.cancel);
|
|
20603
|
+
*/
|
|
20604
|
+
function throttle(func, wait, options) {
|
|
20605
|
+
var leading = true,
|
|
20606
|
+
trailing = true;
|
|
20607
|
+
|
|
20608
|
+
if (typeof func != 'function') {
|
|
20609
|
+
throw new TypeError(FUNC_ERROR_TEXT);
|
|
20610
|
+
}
|
|
20611
|
+
if (isObject(options)) {
|
|
20612
|
+
leading = 'leading' in options ? !!options.leading : leading;
|
|
20613
|
+
trailing = 'trailing' in options ? !!options.trailing : trailing;
|
|
20614
|
+
}
|
|
20615
|
+
return debounce(func, wait, {
|
|
20616
|
+
'leading': leading,
|
|
20617
|
+
'maxWait': wait,
|
|
20618
|
+
'trailing': trailing
|
|
20619
|
+
});
|
|
20620
|
+
}
|
|
20621
|
+
|
|
20622
|
+
/**
|
|
20623
|
+
* Checks if `value` is the
|
|
20624
|
+
* [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
|
|
20625
|
+
* of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
|
|
20626
|
+
*
|
|
20627
|
+
* @static
|
|
20628
|
+
* @memberOf _
|
|
20629
|
+
* @since 0.1.0
|
|
20630
|
+
* @category Lang
|
|
20631
|
+
* @param {*} value The value to check.
|
|
20632
|
+
* @returns {boolean} Returns `true` if `value` is an object, else `false`.
|
|
20633
|
+
* @example
|
|
20634
|
+
*
|
|
20635
|
+
* _.isObject({});
|
|
20636
|
+
* // => true
|
|
20637
|
+
*
|
|
20638
|
+
* _.isObject([1, 2, 3]);
|
|
20639
|
+
* // => true
|
|
20640
|
+
*
|
|
20641
|
+
* _.isObject(_.noop);
|
|
20642
|
+
* // => true
|
|
20643
|
+
*
|
|
20644
|
+
* _.isObject(null);
|
|
20645
|
+
* // => false
|
|
20646
|
+
*/
|
|
20647
|
+
function isObject(value) {
|
|
20648
|
+
var type = typeof value;
|
|
20649
|
+
return !!value && (type == 'object' || type == 'function');
|
|
20650
|
+
}
|
|
20651
|
+
|
|
20652
|
+
/**
|
|
20653
|
+
* Checks if `value` is object-like. A value is object-like if it's not `null`
|
|
20654
|
+
* and has a `typeof` result of "object".
|
|
20655
|
+
*
|
|
20656
|
+
* @static
|
|
20657
|
+
* @memberOf _
|
|
20658
|
+
* @since 4.0.0
|
|
20659
|
+
* @category Lang
|
|
20660
|
+
* @param {*} value The value to check.
|
|
20661
|
+
* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
|
|
20662
|
+
* @example
|
|
20663
|
+
*
|
|
20664
|
+
* _.isObjectLike({});
|
|
20665
|
+
* // => true
|
|
20666
|
+
*
|
|
20667
|
+
* _.isObjectLike([1, 2, 3]);
|
|
20668
|
+
* // => true
|
|
20669
|
+
*
|
|
20670
|
+
* _.isObjectLike(_.noop);
|
|
20671
|
+
* // => false
|
|
20672
|
+
*
|
|
20673
|
+
* _.isObjectLike(null);
|
|
20674
|
+
* // => false
|
|
20675
|
+
*/
|
|
20676
|
+
function isObjectLike(value) {
|
|
20677
|
+
return !!value && typeof value == 'object';
|
|
20678
|
+
}
|
|
20679
|
+
|
|
20680
|
+
/**
|
|
20681
|
+
* Checks if `value` is classified as a `Symbol` primitive or object.
|
|
20682
|
+
*
|
|
20683
|
+
* @static
|
|
20684
|
+
* @memberOf _
|
|
20685
|
+
* @since 4.0.0
|
|
20686
|
+
* @category Lang
|
|
20687
|
+
* @param {*} value The value to check.
|
|
20688
|
+
* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
|
|
20689
|
+
* @example
|
|
20690
|
+
*
|
|
20691
|
+
* _.isSymbol(Symbol.iterator);
|
|
20692
|
+
* // => true
|
|
20693
|
+
*
|
|
20694
|
+
* _.isSymbol('abc');
|
|
20695
|
+
* // => false
|
|
20696
|
+
*/
|
|
20697
|
+
function isSymbol(value) {
|
|
20698
|
+
return typeof value == 'symbol' ||
|
|
20699
|
+
(isObjectLike(value) && objectToString.call(value) == symbolTag);
|
|
20700
|
+
}
|
|
20701
|
+
|
|
20702
|
+
/**
|
|
20703
|
+
* Converts `value` to a number.
|
|
20704
|
+
*
|
|
20705
|
+
* @static
|
|
20706
|
+
* @memberOf _
|
|
20707
|
+
* @since 4.0.0
|
|
20708
|
+
* @category Lang
|
|
20709
|
+
* @param {*} value The value to process.
|
|
20710
|
+
* @returns {number} Returns the number.
|
|
20711
|
+
* @example
|
|
20712
|
+
*
|
|
20713
|
+
* _.toNumber(3.2);
|
|
20714
|
+
* // => 3.2
|
|
20715
|
+
*
|
|
20716
|
+
* _.toNumber(Number.MIN_VALUE);
|
|
20717
|
+
* // => 5e-324
|
|
20718
|
+
*
|
|
20719
|
+
* _.toNumber(Infinity);
|
|
20720
|
+
* // => Infinity
|
|
20721
|
+
*
|
|
20722
|
+
* _.toNumber('3.2');
|
|
20723
|
+
* // => 3.2
|
|
20724
|
+
*/
|
|
20725
|
+
function toNumber(value) {
|
|
20726
|
+
if (typeof value == 'number') {
|
|
20727
|
+
return value;
|
|
20728
|
+
}
|
|
20729
|
+
if (isSymbol(value)) {
|
|
20730
|
+
return NAN;
|
|
20731
|
+
}
|
|
20732
|
+
if (isObject(value)) {
|
|
20733
|
+
var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
|
|
20734
|
+
value = isObject(other) ? (other + '') : other;
|
|
20735
|
+
}
|
|
20736
|
+
if (typeof value != 'string') {
|
|
20737
|
+
return value === 0 ? value : +value;
|
|
20738
|
+
}
|
|
20739
|
+
value = value.replace(reTrim, '');
|
|
20740
|
+
var isBinary = reIsBinary.test(value);
|
|
20741
|
+
return (isBinary || reIsOctal.test(value))
|
|
20742
|
+
? freeParseInt(value.slice(2), isBinary ? 2 : 8)
|
|
20743
|
+
: (reIsBadHex.test(value) ? NAN : +value);
|
|
20744
|
+
}
|
|
20745
|
+
|
|
20746
|
+
var lodash_throttle = throttle;
|
|
20747
|
+
|
|
20748
|
+
/**
|
|
20749
|
+
* Hook that exposes panel context, if not used within a PanelContext this hook will throw an error
|
|
20750
|
+
*
|
|
20751
|
+
* @export
|
|
20752
|
+
* @return {*} {PanelContextState} Returns the existing panel context or throws error if not used within a PanelContext
|
|
20753
|
+
*/
|
|
20754
|
+
function usePanelContext() {
|
|
20755
|
+
var context = React__default.useContext(PanelContext);
|
|
20756
|
+
if (!context) {
|
|
20757
|
+
throw new Error("Panel compound components cannot be rendered outside the Panel component");
|
|
20758
|
+
}
|
|
20759
|
+
return context;
|
|
20760
|
+
}
|
|
20761
|
+
|
|
20762
|
+
var css_248z$a = ".panelWrapper-module_wrapper__asJxL{position:fixed;right:0;z-index:5}.panelWrapper-module_topBarWrapper__Nt84G{background-color:#fff;border-left:1px solid #dcdcdc;box-sizing:border-box;height:100vh;padding:4px 0;width:64px;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:none}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{background:#fff;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;right:64px;top:0;transition:width .4s ease-in-out;width:0;z-index:1200}.panelWrapper-module_narrowPanel__zW0DI{width:240px!important}.panelWrapper-module_activeContentPanel__1nAhR{border-left:2px solid #f7f7f7;padding-left:14px;padding-right:16px;padding-top:16px;width:320px}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:none}.panelWrapper-module_buttonWrapper__xbmQI{height:calc(100vh - 16px)}.panelWrapper-module_moreMenu__CP-ne{max-height:100vh;overflow:auto}@media screen and (max-width:768px) and (orientation:portrait),screen and (max-width:928px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{border-bottom:1px solid #dcdcdc;border-left:none;display:flex;flex-direction:row;height:48px;padding-bottom:0;padding-top:0;width:100vw;z-index:10}.panelWrapper-module_moreMenu__CP-ne{max-height:calc(100vh - 150px)}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:flex}.panelWrapper-module_moduleTitle__4Wloo{display:flex;margin:auto 0 auto 16px}.panelWrapper-module_moduleTitle__4Wloo p{color:var(--echoText);font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{height:100vh;right:0}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:flex;justify-content:flex-end;margin-right:8px}.panelWrapper-module_buttonWrapper__xbmQI{display:none}}@media screen and (max-width:768px) and (orientation:portrait){.panelWrapper-module_moduleTitle__4Wloo{width:140px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 140px)}}@media screen and (max-width:928px) and (orientation:landscape){.panelWrapper-module_moduleTitle__4Wloo{width:240px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 240px)}}";
|
|
20763
|
+
var styles$9 = {"wrapper":"panelWrapper-module_wrapper__asJxL","topBarWrapper":"panelWrapper-module_topBarWrapper__Nt84G","narrowPanel":"panelWrapper-module_narrowPanel__zW0DI","contentPanel":"panelWrapper-module_contentPanel__JWij5","activeContentPanel":"panelWrapper-module_activeContentPanel__1nAhR","buttonWrapperMobile":"panelWrapper-module_buttonWrapperMobile__pcR1V","buttonWrapper":"panelWrapper-module_buttonWrapper__xbmQI","moreMenu":"panelWrapper-module_moreMenu__CP-ne","moduleTitle":"panelWrapper-module_moduleTitle__4Wloo"};
|
|
20764
|
+
styleInject(css_248z$a);
|
|
20765
|
+
|
|
20766
|
+
/**
|
|
20767
|
+
* Component that display's the buttons in a panel. It will automatically try to calculate how many buttons to display
|
|
20768
|
+
* and how many buttons to hide behind the more menu.
|
|
20769
|
+
* It controls which panel to display when a button is clicked
|
|
20770
|
+
* On desktop this component will render on the right side, and on the top in mobile view
|
|
20771
|
+
*
|
|
20772
|
+
* @param {*} {
|
|
20773
|
+
* menuItems, the items to be displayed in the menu and its belonging panels
|
|
20774
|
+
* header, the header that will be displayed on mobile.
|
|
20775
|
+
* If its a string then it will only display a header text. But it can also be a component with self defined html
|
|
20776
|
+
* }
|
|
20777
|
+
* @return {*} {JSX.Element}
|
|
20778
|
+
*/
|
|
20779
|
+
var PanelWrapper = function PanelWrapper(_ref) {
|
|
20780
|
+
var _classnames;
|
|
20781
|
+
var menuItems = _ref.menuItems,
|
|
20782
|
+
header = _ref.header;
|
|
20783
|
+
var _a, _b;
|
|
20784
|
+
var _usePanelContext = usePanelContext(),
|
|
20785
|
+
activePanel = _usePanelContext.activePanel,
|
|
20786
|
+
panelSize = _usePanelContext.panelSize,
|
|
20787
|
+
updateActivePanel = _usePanelContext.updateActivePanel,
|
|
20788
|
+
updatePanelSize = _usePanelContext.updatePanelSize;
|
|
20789
|
+
var _useState = useState(false),
|
|
20790
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20791
|
+
isMenuOpen = _useState2[0],
|
|
20792
|
+
setIsMenuOpen = _useState2[1];
|
|
20793
|
+
var menuRef = useRef(null);
|
|
20794
|
+
var _useState3 = useState([]),
|
|
20795
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
20796
|
+
buttonsToDisplay = _useState4[0],
|
|
20797
|
+
setButtonsToDisplay = _useState4[1];
|
|
20798
|
+
var _useState5 = useState([]),
|
|
20799
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
20800
|
+
buttonsInOverflow = _useState6[0],
|
|
20801
|
+
setButtonsInOverflow = _useState6[1];
|
|
20802
|
+
var mobileWrapperRef = useRef(null);
|
|
20803
|
+
var desktopWrapperRef = useRef(null);
|
|
20804
|
+
var handleActiveMenuItemChanged = function handleActiveMenuItemChanged(menuItemType, panelSizeToUse) {
|
|
20805
|
+
setIsMenuOpen(false);
|
|
20806
|
+
if (menuItemType === activePanel) {
|
|
20807
|
+
updateActivePanel(undefined);
|
|
20808
|
+
} else {
|
|
20809
|
+
updateActivePanel(menuItemType);
|
|
20810
|
+
}
|
|
20811
|
+
updatePanelSize(panelSizeToUse !== null && panelSizeToUse !== void 0 ? panelSizeToUse : 'wide');
|
|
20812
|
+
};
|
|
20813
|
+
var calculateOverflow = useCallback(function () {
|
|
20814
|
+
var _a, _b, _c, _d, _e, _f;
|
|
20815
|
+
var numberOfIconsThereIsRoomFor;
|
|
20816
|
+
if ((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) {
|
|
20817
|
+
numberOfIconsThereIsRoomFor = ((_c = (_b = mobileWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0) / 56;
|
|
20818
|
+
} else if ((_d = desktopWrapperRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) {
|
|
20819
|
+
numberOfIconsThereIsRoomFor = ((_f = (_e = desktopWrapperRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight) !== null && _f !== void 0 ? _f : 0) / 56;
|
|
20820
|
+
}
|
|
20821
|
+
if (!numberOfIconsThereIsRoomFor) {
|
|
20822
|
+
return;
|
|
20823
|
+
}
|
|
20824
|
+
var iconsInOverflow = 0;
|
|
20825
|
+
if (numberOfIconsThereIsRoomFor < menuItems.length) {
|
|
20826
|
+
if (menuItems.length - numberOfIconsThereIsRoomFor < 1) {
|
|
20827
|
+
iconsInOverflow = 2;
|
|
20828
|
+
} else {
|
|
20829
|
+
var numberOfIconsThereIsRoomForPlusMoreButton = Math.floor(numberOfIconsThereIsRoomFor) - 1;
|
|
20830
|
+
iconsInOverflow = Math.floor(menuItems.length - numberOfIconsThereIsRoomForPlusMoreButton);
|
|
20831
|
+
}
|
|
20832
|
+
}
|
|
20833
|
+
var menuItemsCopy = _toConsumableArray$1(menuItems);
|
|
20834
|
+
setButtonsToDisplay(menuItemsCopy.slice(0, menuItems.length - iconsInOverflow));
|
|
20835
|
+
setButtonsInOverflow(menuItemsCopy.slice(menuItems.length - iconsInOverflow));
|
|
20836
|
+
}, [menuItems]);
|
|
20837
|
+
useEffect(function () {
|
|
20838
|
+
calculateOverflow();
|
|
20839
|
+
}, [calculateOverflow]);
|
|
20840
|
+
useEffect(function () {
|
|
20841
|
+
function updateSize() {
|
|
20842
|
+
setIsMenuOpen(false);
|
|
20843
|
+
calculateOverflow();
|
|
20844
|
+
}
|
|
20845
|
+
var throttledUpdateResize = lodash_throttle(updateSize, 1000);
|
|
20846
|
+
window.addEventListener('resize', throttledUpdateResize);
|
|
20847
|
+
return function () {
|
|
20848
|
+
window.removeEventListener('resize', throttledUpdateResize);
|
|
20849
|
+
};
|
|
20850
|
+
}, [menuItems, calculateOverflow]);
|
|
20851
|
+
var getActivePanel = function getActivePanel(panelId) {
|
|
20852
|
+
if (!panelId) return null;
|
|
20853
|
+
var panelToLookFor = menuItems.find(function (item) {
|
|
20854
|
+
return item.labelId === panelId;
|
|
20855
|
+
});
|
|
20856
|
+
if (panelToLookFor) {
|
|
20857
|
+
return panelToLookFor;
|
|
20858
|
+
}
|
|
20859
|
+
return null;
|
|
20860
|
+
};
|
|
20861
|
+
var getPanelComponentForActivePanel = function getPanelComponentForActivePanel(panelId) {
|
|
20862
|
+
var panel = getActivePanel(panelId);
|
|
20863
|
+
if (panel) {
|
|
20864
|
+
var PanelComponent = panel.component;
|
|
20865
|
+
return /*#__PURE__*/React__default.createElement(PanelComponent, null);
|
|
20866
|
+
}
|
|
20867
|
+
return null;
|
|
20868
|
+
};
|
|
20869
|
+
var renderMenuItems = function renderMenuItems() {
|
|
20870
|
+
var _a, _b;
|
|
20871
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, buttonsToDisplay.map(function (button) {
|
|
20872
|
+
return /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
20873
|
+
text: button.label,
|
|
20874
|
+
key: button.labelId,
|
|
20875
|
+
active: activePanel === button.labelId,
|
|
20876
|
+
onClick: function onClick() {
|
|
20877
|
+
return handleActiveMenuItemChanged(button.labelId, button.panelSize);
|
|
20878
|
+
}
|
|
20879
|
+
}, typeof button.icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20880
|
+
color: themeConst.echoText,
|
|
20881
|
+
name: button.icon
|
|
20882
|
+
}) : button.icon);
|
|
20883
|
+
}), buttonsInOverflow.length > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
20884
|
+
text: "More",
|
|
20885
|
+
refValue: menuRef,
|
|
20886
|
+
id: "more-menu-options-anchor",
|
|
20887
|
+
active: isMenuOpen,
|
|
20888
|
+
onClick: function onClick() {
|
|
20889
|
+
return setIsMenuOpen(!isMenuOpen);
|
|
20890
|
+
}
|
|
20891
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20892
|
+
color: themeConst.echoText,
|
|
20893
|
+
name: "more_vertical"
|
|
20894
|
+
})), /*#__PURE__*/React__default.createElement(Menu, {
|
|
20895
|
+
anchorEl: menuRef.current,
|
|
20896
|
+
id: "more-menu-options",
|
|
20897
|
+
onClose: function onClose() {
|
|
20898
|
+
return setIsMenuOpen(false);
|
|
20899
|
+
},
|
|
20900
|
+
placement: ((_b = (_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0) > 0 ? 'bottom-start' : 'left',
|
|
20901
|
+
className: styles$9.moreMenu,
|
|
20902
|
+
open: isMenuOpen
|
|
20903
|
+
}, buttonsInOverflow.map(function (button) {
|
|
20904
|
+
return /*#__PURE__*/React__default.createElement(Menu.Item, {
|
|
20905
|
+
key: button.labelId,
|
|
20906
|
+
onClick: function onClick() {
|
|
20907
|
+
return handleActiveMenuItemChanged(button.labelId, button.panelSize);
|
|
20908
|
+
}
|
|
20909
|
+
}, typeof button.icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20910
|
+
color: themeConst.echoText,
|
|
20911
|
+
name: button.icon
|
|
20912
|
+
}) : button.icon, button.label);
|
|
20913
|
+
}))));
|
|
20914
|
+
};
|
|
20915
|
+
var renderMenuItemsBasedOnRef = function renderMenuItemsBasedOnRef(ref) {
|
|
20916
|
+
if (ref) return renderMenuItems();
|
|
20917
|
+
};
|
|
20918
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
20919
|
+
className: styles$9.wrapper
|
|
20920
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20921
|
+
className: styles$9.topBarWrapper
|
|
20922
|
+
}, typeof header === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
20923
|
+
className: styles$9.moduleTitle
|
|
20924
|
+
}, /*#__PURE__*/React__default.createElement(Typography, null, header)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header), /*#__PURE__*/React__default.createElement("div", {
|
|
20925
|
+
ref: mobileWrapperRef,
|
|
20926
|
+
className: styles$9.buttonWrapperMobile
|
|
20927
|
+
}, renderMenuItemsBasedOnRef((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)), /*#__PURE__*/React__default.createElement("div", {
|
|
20928
|
+
className: styles$9.buttonWrapper,
|
|
20929
|
+
ref: desktopWrapperRef
|
|
20930
|
+
}, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), /*#__PURE__*/React__default.createElement("div", {
|
|
20931
|
+
className: classnames$2(styles$9.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$9.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$9.activeContentPanel, activePanel), _classnames))
|
|
20932
|
+
}, getPanelComponentForActivePanel(activePanel)));
|
|
20933
|
+
};
|
|
20934
|
+
|
|
20935
|
+
/**
|
|
20936
|
+
* The actual right side panel. This component wraps the panel with a panel state
|
|
20937
|
+
*
|
|
20938
|
+
* @param {PanelProps} {
|
|
20939
|
+
* menuItems, the items to be displayed in the menu and its belonging panels
|
|
20940
|
+
* header, the header that will be displayed on mobile.
|
|
20941
|
+
* If its a string then it will only display a header text. But it can also be a component with self defined html
|
|
20942
|
+
* }
|
|
20943
|
+
* @return {*} {JSX.Element}
|
|
20944
|
+
*/
|
|
20945
|
+
var Panel = function Panel(_ref) {
|
|
20946
|
+
var menuItems = _ref.menuItems,
|
|
20947
|
+
header = _ref.header;
|
|
20948
|
+
return /*#__PURE__*/React__default.createElement(PanelContextWrapper, null, /*#__PURE__*/React__default.createElement(PanelWrapper, {
|
|
20949
|
+
header: header,
|
|
20950
|
+
menuItems: menuItems
|
|
20951
|
+
}));
|
|
20952
|
+
};
|
|
20953
|
+
|
|
20954
|
+
var css_248z$9 = ".panelContent-module_headerWrapper__BAc2H{display:flex;justify-content:space-between;padding-bottom:16px}.panelContent-module_panelTitle__jqqJT{margin:auto 0!important}.panelContent-module_bodyWrapper__EHsg5{height:calc(100vh - 112px);margin-right:-8px;margin-top:16px;overflow-x:hidden;overflow-y:auto}.panelContent-module_contentWrapper__1re5K{margin-right:8px}";
|
|
20955
|
+
var styles$8 = {"headerWrapper":"panelContent-module_headerWrapper__BAc2H","panelTitle":"panelContent-module_panelTitle__jqqJT","bodyWrapper":"panelContent-module_bodyWrapper__EHsg5","contentWrapper":"panelContent-module_contentWrapper__1re5K"};
|
|
20956
|
+
styleInject(css_248z$9);
|
|
20957
|
+
|
|
20958
|
+
/**
|
|
20959
|
+
* The component that wraps the panel drawer content
|
|
20960
|
+
* This components displays a header with close and possible back button
|
|
20961
|
+
* It also displays the content wrapped with some css
|
|
20962
|
+
*
|
|
20963
|
+
* @param {PanelContentProps} {
|
|
20964
|
+
* header, the header text to display
|
|
20965
|
+
* children, the panels content
|
|
20966
|
+
* backToMainPanel: optional parameter that controls whether the panel should have a back button or not
|
|
20967
|
+
* to be used in cases where there are panels within panels
|
|
20968
|
+
* }
|
|
20969
|
+
* @return {*} {JSX.Element}
|
|
20970
|
+
*/
|
|
20971
|
+
var PanelContent = function PanelContent(_ref) {
|
|
20972
|
+
var header = _ref.header,
|
|
20973
|
+
children = _ref.children,
|
|
20974
|
+
backToMainPanel = _ref.backToMainPanel;
|
|
20975
|
+
var _usePanelContext = usePanelContext(),
|
|
20976
|
+
updateActivePanel = _usePanelContext.updateActivePanel;
|
|
20977
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
20978
|
+
className: styles$8.headerWrapper
|
|
20979
|
+
}, backToMainPanel && /*#__PURE__*/React__default.createElement(Button, {
|
|
20980
|
+
variant: "ghost_icon",
|
|
20981
|
+
onClick: backToMainPanel
|
|
20982
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20983
|
+
name: "chevron_left"
|
|
20984
|
+
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
20985
|
+
variant: "h4",
|
|
20986
|
+
className: styles$8.panelTitle
|
|
20987
|
+
}, header), /*#__PURE__*/React__default.createElement(Button, {
|
|
20988
|
+
variant: "ghost_icon",
|
|
20989
|
+
onClick: function onClick() {
|
|
20990
|
+
return updateActivePanel(undefined);
|
|
20991
|
+
}
|
|
20992
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20993
|
+
name: "close"
|
|
20994
|
+
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
20995
|
+
className: styles$8.bodyWrapper
|
|
20996
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20997
|
+
className: styles$8.contentWrapper
|
|
20998
|
+
}, children)));
|
|
20999
|
+
};
|
|
21000
|
+
PanelContent.defaultProps = {
|
|
21001
|
+
backToMainPanel: undefined
|
|
21002
|
+
};
|
|
21003
|
+
|
|
20217
21004
|
var css_248z$8 = ".sidebarButton-module_button__37sG4{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.5em 0;position:relative;width:100%}.sidebarButton-module_button__37sG4:focus-visible{outline:1px dashed var(--asBuilt)}.sidebarButton-module_button__37sG4:hover{background-color:var(--equiGreen2)}.sidebarButton-module_button__37sG4:active{background-color:var(--equiGreen3);border-color:var(--asBuilt)}.sidebarButton-module_activeButton__WkS2p{background-color:var(--equiGreen3);border-color:var(--asBuilt)!important}.sidebarButton-module_activeButton__WkS2p:hover{background-color:var(--equiGreen2)!important;border-color:var(--asBuilt)}.sidebarButton-module_button__37sG4 svg{height:20px;margin-bottom:.25em;width:20px;z-index:2}.sidebarButton-module_button__37sG4:hover .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4:hover svg{fill:var(--hoverIcon);color:var(--hoverIcon)!important}.sidebarButton-module_activeButton__WkS2p .sidebarButton-module_text__S0hrv,.sidebarButton-module_activeButton__WkS2p svg{fill:var(--asBuilt);color:var(--asBuilt)!important}.sidebarButton-module_text__S0hrv{color:var(--echoText)!important;font-size:11px!important;font-weight:500!important;line-height:12px!important;margin-top:.25em!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.sidebarButton-module_rightBarButton__nh2hd{border-left:2px solid hsla(0,0%,100%,0);height:56px!important;left:-2px;width:64px!important}.sidebarButton-module_leftBarButton__C5g1N{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:64px}.sidebarButton-module_bottomBarButton__UJRT3{border-top:2px solid hsla(0,0%,100%,0);height:100%;padding:.25em 0 .5em}.sidebarButton-module_tabButton__eQISU{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:100%}.sidebarButton-module_rightBarButton__nh2hd:hover{border-left:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:hover{border-right:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:active,.sidebarButton-module_rightBarButton__nh2hd:active{border-color:var(--asBuilt)!important}.sidebarButton-module_tabItemCount__nQc-M{align-items:center;background-color:var(--white);border:1px solid var(--equiGreen1);border-radius:50%;color:var(--equiGreen1);display:flex;font-size:11.5px;font-weight:800;height:fit-content;justify-content:center;min-height:21px;min-width:21px;position:absolute;right:3px;top:3px;width:fit-content;z-index:2}@media screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_bottomBarButton__UJRT3{border-right:2px solid hsla(0,0%,100%,0);border-top:none;height:-webkit-fill-available}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_rightBarButton__nh2hd{border-bottom:2px solid var(--default);border-left:none!important;height:48px!important;left:0;padding:.25em 0 .5em}}";
|
|
20218
21005
|
var styles$7 = {"button":"sidebarButton-module_button__37sG4","activeButton":"sidebarButton-module_activeButton__WkS2p","text":"sidebarButton-module_text__S0hrv","rightBarButton":"sidebarButton-module_rightBarButton__nh2hd","leftBarButton":"sidebarButton-module_leftBarButton__C5g1N","bottomBarButton":"sidebarButton-module_bottomBarButton__UJRT3","tabButton":"sidebarButton-module_tabButton__eQISU","tabItemCount":"sidebarButton-module_tabItemCount__nQc-M"};
|
|
20219
21006
|
styleInject(css_248z$8);
|
|
@@ -20972,5 +21759,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
20972
21759
|
}));
|
|
20973
21760
|
};
|
|
20974
21761
|
|
|
20975
|
-
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useKeyboardNavigation, useListNavigator, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
21762
|
+
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, Panel, PanelContent, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useKeyboardNavigation, useListNavigator, usePanelContext, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
20976
21763
|
//# sourceMappingURL=index.js.map
|