@equinor/echo-components 0.5.10 → 0.5.12
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/components/sidesheet/sheet/utils.d.ts +1 -1
- package/dist/hooks/index.d.ts +2 -1
- package/dist/hooks/useIsMobile.d.ts +5 -0
- package/dist/index.js +939 -127
- 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;
|
|
@@ -14899,6 +14899,28 @@ var useEventListener = function useEventListener(eventName, handler, options) {
|
|
|
14899
14899
|
}, [eventName, element]);
|
|
14900
14900
|
};
|
|
14901
14901
|
|
|
14902
|
+
var useInitial = EchoUtils.Hooks.useInitial;
|
|
14903
|
+
/**
|
|
14904
|
+
* Hook for checking if page is loaded from mobile device.
|
|
14905
|
+
* @returns boolean true if on mobile.
|
|
14906
|
+
*/
|
|
14907
|
+
function useIsMobile() {
|
|
14908
|
+
var _useState = useState(false),
|
|
14909
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14910
|
+
isMobile = _useState2[0],
|
|
14911
|
+
setIsMobile = _useState2[1];
|
|
14912
|
+
useInitial(function () {
|
|
14913
|
+
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
|
14914
|
+
// true for mobile device
|
|
14915
|
+
setIsMobile(true);
|
|
14916
|
+
} else {
|
|
14917
|
+
// false for not mobile device
|
|
14918
|
+
setIsMobile(false);
|
|
14919
|
+
}
|
|
14920
|
+
});
|
|
14921
|
+
return isMobile;
|
|
14922
|
+
}
|
|
14923
|
+
|
|
14902
14924
|
var Keys = {
|
|
14903
14925
|
ArrowUp: "up",
|
|
14904
14926
|
ArrowRight: "right",
|
|
@@ -15516,9 +15538,9 @@ function Suggestions(_ref2) {
|
|
|
15516
15538
|
}));
|
|
15517
15539
|
}
|
|
15518
15540
|
|
|
15519
|
-
var css_248z$
|
|
15520
|
-
var styles$
|
|
15521
|
-
styleInject(css_248z$
|
|
15541
|
+
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}";
|
|
15542
|
+
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"};
|
|
15543
|
+
styleInject(css_248z$i);
|
|
15522
15544
|
|
|
15523
15545
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
15524
15546
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -15539,7 +15561,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15539
15561
|
return iconToShow;
|
|
15540
15562
|
}
|
|
15541
15563
|
};
|
|
15542
|
-
var buttonStyle = disableHover ? styles$
|
|
15564
|
+
var buttonStyle = disableHover ? styles$g.tagButtonNoHover : styles$g.tagButton;
|
|
15543
15565
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
15544
15566
|
variant: 'ghost',
|
|
15545
15567
|
onClick: onClickHandler,
|
|
@@ -15548,21 +15570,21 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15548
15570
|
style: {
|
|
15549
15571
|
background: legendColor
|
|
15550
15572
|
},
|
|
15551
|
-
className: styles$
|
|
15573
|
+
className: styles$g.icon
|
|
15552
15574
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
15553
|
-
className: styles$
|
|
15575
|
+
className: styles$g.textContainer
|
|
15554
15576
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
15555
15577
|
variant: "body_short_link",
|
|
15556
|
-
className: styles$
|
|
15578
|
+
className: styles$g.tag
|
|
15557
15579
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
15558
|
-
className: styles$
|
|
15580
|
+
className: styles$g.description,
|
|
15559
15581
|
variant: "body_short"
|
|
15560
15582
|
}, description)));
|
|
15561
15583
|
};
|
|
15562
15584
|
|
|
15563
|
-
var css_248z$
|
|
15564
|
-
var styles$
|
|
15565
|
-
styleInject(css_248z$
|
|
15585
|
+
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}";
|
|
15586
|
+
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"};
|
|
15587
|
+
styleInject(css_248z$h);
|
|
15566
15588
|
|
|
15567
15589
|
function ListItem(props) {
|
|
15568
15590
|
var _a;
|
|
@@ -15574,13 +15596,13 @@ function ListItem(props) {
|
|
|
15574
15596
|
var caption = resolvePropToComponent('caption', props.caption);
|
|
15575
15597
|
// Container styling
|
|
15576
15598
|
var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
|
|
15577
|
-
var containerClassNames = classnames$1(styles$
|
|
15599
|
+
var containerClassNames = classnames$1(styles$f.listItemContainer, _defineProperty$1({}, styles$f.hoverItem, Container === 'li'), props.className);
|
|
15578
15600
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
15579
15601
|
className: containerClassNames,
|
|
15580
15602
|
style: props.style,
|
|
15581
15603
|
onClick: props.onCardClick
|
|
15582
15604
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
15583
|
-
className: styles$
|
|
15605
|
+
className: styles$f.icon,
|
|
15584
15606
|
style: {
|
|
15585
15607
|
backgroundColor: props.icon.backgroundColor,
|
|
15586
15608
|
margin: props.icon.backgroundColor ? '0.5rem 0' : ''
|
|
@@ -15589,7 +15611,7 @@ function ListItem(props) {
|
|
|
15589
15611
|
name: props.icon.name,
|
|
15590
15612
|
color: props.icon.color
|
|
15591
15613
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15592
|
-
className: styles$
|
|
15614
|
+
className: styles$f.infoContainer
|
|
15593
15615
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
15594
15616
|
}
|
|
15595
15617
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -16205,7 +16227,7 @@ function isRectEqual(rect1, rect2) {
|
|
|
16205
16227
|
|
|
16206
16228
|
var _throttleTimeout;
|
|
16207
16229
|
|
|
16208
|
-
function throttle(callback, ms) {
|
|
16230
|
+
function throttle$1(callback, ms) {
|
|
16209
16231
|
return function () {
|
|
16210
16232
|
if (!_throttleTimeout) {
|
|
16211
16233
|
var args = arguments,
|
|
@@ -18311,7 +18333,7 @@ Sortable.utils = {
|
|
|
18311
18333
|
return !!closest(el, selector, el, false);
|
|
18312
18334
|
},
|
|
18313
18335
|
extend: extend,
|
|
18314
|
-
throttle: throttle,
|
|
18336
|
+
throttle: throttle$1,
|
|
18315
18337
|
closest: closest,
|
|
18316
18338
|
toggleClass: toggleClass,
|
|
18317
18339
|
clone: clone,
|
|
@@ -18495,7 +18517,7 @@ function clearPointerElemChangedInterval() {
|
|
|
18495
18517
|
clearInterval(pointerElemChangedInterval);
|
|
18496
18518
|
}
|
|
18497
18519
|
|
|
18498
|
-
var autoScroll = throttle(function (evt, options, rootEl, isFallback) {
|
|
18520
|
+
var autoScroll = throttle$1(function (evt, options, rootEl, isFallback) {
|
|
18499
18521
|
// Bug: https://bugzilla.mozilla.org/show_bug.cgi?id=505521
|
|
18500
18522
|
if (!options.scroll) return;
|
|
18501
18523
|
var x = (evt.touches ? evt.touches[0] : evt).clientX,
|
|
@@ -19954,9 +19976,9 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
19954
19976
|
})));
|
|
19955
19977
|
};
|
|
19956
19978
|
|
|
19957
|
-
var css_248z$
|
|
19958
|
-
var styles$
|
|
19959
|
-
styleInject(css_248z$
|
|
19979
|
+
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}";
|
|
19980
|
+
var styles$e = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
19981
|
+
styleInject(css_248z$g);
|
|
19960
19982
|
|
|
19961
19983
|
/**
|
|
19962
19984
|
* Component that renders a Radio Button Group with a set of options to choose from
|
|
@@ -19978,9 +20000,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19978
20000
|
style: style
|
|
19979
20001
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
19980
20002
|
variant: "body_short",
|
|
19981
|
-
className: styles$
|
|
20003
|
+
className: styles$e.header
|
|
19982
20004
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
19983
|
-
className: styles$
|
|
20005
|
+
className: styles$e.buttonWrapper
|
|
19984
20006
|
}, options.map(function (option, index) {
|
|
19985
20007
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
19986
20008
|
key: index,
|
|
@@ -19993,9 +20015,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19993
20015
|
})));
|
|
19994
20016
|
};
|
|
19995
20017
|
|
|
19996
|
-
var css_248z$
|
|
20018
|
+
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
20019
|
var style$1 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
19998
|
-
styleInject(css_248z$
|
|
20020
|
+
styleInject(css_248z$f);
|
|
19999
20021
|
|
|
20000
20022
|
var RoundIconButtonVariants;
|
|
20001
20023
|
(function (RoundIconButtonVariants) {
|
|
@@ -20027,9 +20049,9 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
20027
20049
|
}, mutateIcon(variant));
|
|
20028
20050
|
};
|
|
20029
20051
|
|
|
20030
|
-
var css_248z$
|
|
20031
|
-
var styles$
|
|
20032
|
-
styleInject(css_248z$
|
|
20052
|
+
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>')}";
|
|
20053
|
+
var styles$d = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
20054
|
+
styleInject(css_248z$e);
|
|
20033
20055
|
|
|
20034
20056
|
/**
|
|
20035
20057
|
* Component that renders a slider with numeric or custom values
|
|
@@ -20057,12 +20079,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
20057
20079
|
return labelsAsParam[currentValue];
|
|
20058
20080
|
};
|
|
20059
20081
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20060
|
-
className: styles$
|
|
20082
|
+
className: styles$d.sliderField,
|
|
20061
20083
|
style: style
|
|
20062
20084
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20063
20085
|
variant: "body_short"
|
|
20064
20086
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
20065
|
-
className: styles$
|
|
20087
|
+
className: styles$d.sliderWrapper
|
|
20066
20088
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
20067
20089
|
value: value,
|
|
20068
20090
|
min: min,
|
|
@@ -20085,9 +20107,9 @@ var SliderField = function SliderField(_ref) {
|
|
|
20085
20107
|
})));
|
|
20086
20108
|
};
|
|
20087
20109
|
|
|
20088
|
-
var css_248z$
|
|
20089
|
-
var styles$
|
|
20090
|
-
styleInject(css_248z$
|
|
20110
|
+
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}";
|
|
20111
|
+
var styles$c = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
20112
|
+
styleInject(css_248z$d);
|
|
20091
20113
|
|
|
20092
20114
|
/**
|
|
20093
20115
|
* Component that renders a button with the icon and the text provided
|
|
@@ -20107,7 +20129,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20107
20129
|
style = _ref.style;
|
|
20108
20130
|
var CustomIcon = icon;
|
|
20109
20131
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20110
|
-
className: styles$
|
|
20132
|
+
className: styles$c.button,
|
|
20111
20133
|
onClick: onClick,
|
|
20112
20134
|
style: style
|
|
20113
20135
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20116,14 +20138,14 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
20116
20138
|
color: themeConst.asBuilt,
|
|
20117
20139
|
size: 40
|
|
20118
20140
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
20119
|
-
className: styles$
|
|
20141
|
+
className: styles$c.text,
|
|
20120
20142
|
color: themeConst.asBuilt
|
|
20121
20143
|
}, title));
|
|
20122
20144
|
};
|
|
20123
20145
|
|
|
20124
|
-
var css_248z$
|
|
20125
|
-
var styles$
|
|
20126
|
-
styleInject(css_248z$
|
|
20146
|
+
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}";
|
|
20147
|
+
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"};
|
|
20148
|
+
styleInject(css_248z$c);
|
|
20127
20149
|
|
|
20128
20150
|
/**
|
|
20129
20151
|
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
@@ -20150,30 +20172,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
20150
20172
|
expandable = _ref.expandable,
|
|
20151
20173
|
style = _ref.style;
|
|
20152
20174
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20153
|
-
className: styles$
|
|
20175
|
+
className: styles$b.wrapper,
|
|
20154
20176
|
style: style
|
|
20155
20177
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20156
|
-
className: styles$
|
|
20178
|
+
className: styles$b.row
|
|
20157
20179
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20158
|
-
className: styles$
|
|
20180
|
+
className: styles$b.infoCol
|
|
20159
20181
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
20160
|
-
className: styles$
|
|
20182
|
+
className: styles$b.draggable
|
|
20161
20183
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
20162
20184
|
name: "unfold_more",
|
|
20163
20185
|
title: "Move",
|
|
20164
20186
|
color: themeConst.asBuilt
|
|
20165
20187
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
20166
|
-
className: styles$
|
|
20188
|
+
className: styles$b.info
|
|
20167
20189
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20168
20190
|
variant: "body_short",
|
|
20169
20191
|
bold: true
|
|
20170
20192
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
20171
20193
|
variant: "body_short"
|
|
20172
20194
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
20173
|
-
className: styles$
|
|
20195
|
+
className: styles$b.iconCol
|
|
20174
20196
|
}, item.icons.map(function (icon, itemIndex) {
|
|
20175
20197
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20176
|
-
className: styles$
|
|
20198
|
+
className: styles$b.iconButton,
|
|
20177
20199
|
key: itemIndex,
|
|
20178
20200
|
onClick: icon.onClick
|
|
20179
20201
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20182,7 +20204,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20182
20204
|
color: themeConst.asBuilt
|
|
20183
20205
|
}));
|
|
20184
20206
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
20185
|
-
className: expandable && expandable.expanded ? styles$
|
|
20207
|
+
className: expandable && expandable.expanded ? styles$b.activeIconButton : styles$b.iconButton,
|
|
20186
20208
|
onClick: function onClick() {
|
|
20187
20209
|
expandable.setExpanded(true);
|
|
20188
20210
|
}
|
|
@@ -20191,10 +20213,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
20191
20213
|
title: "Expand",
|
|
20192
20214
|
color: themeConst.asBuilt
|
|
20193
20215
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
20194
|
-
className: styles$
|
|
20216
|
+
className: styles$b.expandedRow
|
|
20195
20217
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
20196
20218
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
20197
|
-
className: styles$
|
|
20219
|
+
className: styles$b.iconButton,
|
|
20198
20220
|
key: iconItemsIndex,
|
|
20199
20221
|
onClick: icon.onClick
|
|
20200
20222
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -20203,7 +20225,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
20203
20225
|
color: themeConst.asBuilt
|
|
20204
20226
|
}));
|
|
20205
20227
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
20206
|
-
className: styles$
|
|
20228
|
+
className: styles$b.iconButton,
|
|
20207
20229
|
onClick: function onClick() {
|
|
20208
20230
|
expandable.setExpanded(false);
|
|
20209
20231
|
}
|
|
@@ -20214,6 +20236,793 @@ var ListRow = function ListRow(_ref) {
|
|
|
20214
20236
|
}))));
|
|
20215
20237
|
};
|
|
20216
20238
|
|
|
20239
|
+
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}}";
|
|
20240
|
+
var styles$a = {"button":"menuButton-module_button__qpHsn","text":"menuButton-module_text__MiZeF","active":"menuButton-module_active__1Dznq"};
|
|
20241
|
+
styleInject(css_248z$b);
|
|
20242
|
+
|
|
20243
|
+
/**
|
|
20244
|
+
* The menu bottom items
|
|
20245
|
+
* On desktop it will have an active border on the left,
|
|
20246
|
+
* and on mobile the active border will be on the bottom
|
|
20247
|
+
* Contains an icon and a descriptive text
|
|
20248
|
+
* @param {*} {
|
|
20249
|
+
* text, the text below the icon, also displayed on hover
|
|
20250
|
+
* active, boolean describing the buttons active state
|
|
20251
|
+
* children, the icon to be displayed
|
|
20252
|
+
* onClick, the on click event
|
|
20253
|
+
* refValue, a reference value in case its needed
|
|
20254
|
+
* id: the id of the button in case its needed
|
|
20255
|
+
* }
|
|
20256
|
+
* @return {*} {JSX.Element}
|
|
20257
|
+
*/
|
|
20258
|
+
var MenuButton = function MenuButton(_ref) {
|
|
20259
|
+
var text = _ref.text,
|
|
20260
|
+
active = _ref.active,
|
|
20261
|
+
children = _ref.children,
|
|
20262
|
+
onClick = _ref.onClick,
|
|
20263
|
+
refValue = _ref.refValue,
|
|
20264
|
+
id = _ref.id;
|
|
20265
|
+
return /*#__PURE__*/React__default.createElement("button", {
|
|
20266
|
+
title: text,
|
|
20267
|
+
ref: refValue,
|
|
20268
|
+
type: "button",
|
|
20269
|
+
onClick: onClick,
|
|
20270
|
+
id: id,
|
|
20271
|
+
className: classnames$2(styles$a.button, _defineProperty$1({}, styles$a.active, active))
|
|
20272
|
+
}, children, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20273
|
+
className: styles$a.text
|
|
20274
|
+
}, text));
|
|
20275
|
+
};
|
|
20276
|
+
MenuButton.defaultProps = {
|
|
20277
|
+
refValue: undefined,
|
|
20278
|
+
id: ''
|
|
20279
|
+
};
|
|
20280
|
+
|
|
20281
|
+
/**
|
|
20282
|
+
* Panel context with default initialized values
|
|
20283
|
+
*
|
|
20284
|
+
*/
|
|
20285
|
+
var PanelContext = /*#__PURE__*/React__default.createContext({
|
|
20286
|
+
activePanel: undefined,
|
|
20287
|
+
panelSize: 'wide',
|
|
20288
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- need to match interface
|
|
20289
|
+
updateActivePanel: function updateActivePanel(newActivePanel) {
|
|
20290
|
+
throw new Error('Panel Context not initialized use Panel component');
|
|
20291
|
+
},
|
|
20292
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars -- need to match interface
|
|
20293
|
+
updatePanelSize: function updatePanelSize(newPanelSize) {
|
|
20294
|
+
throw new Error('Panel Context not initialized use Panel component');
|
|
20295
|
+
}
|
|
20296
|
+
});
|
|
20297
|
+
/**
|
|
20298
|
+
* The panel context wrapper that should be used within Panel component to store the state of the panel
|
|
20299
|
+
*
|
|
20300
|
+
*/
|
|
20301
|
+
var PanelContextWrapper = function PanelContextWrapper(_ref) {
|
|
20302
|
+
var children = _ref.children;
|
|
20303
|
+
var _React$useState = React__default.useState(undefined),
|
|
20304
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
20305
|
+
activePanel = _React$useState2[0],
|
|
20306
|
+
setActivePanel = _React$useState2[1];
|
|
20307
|
+
var updateActivePanel = React__default.useCallback(function (newActivePanel) {
|
|
20308
|
+
return setActivePanel(newActivePanel);
|
|
20309
|
+
}, []);
|
|
20310
|
+
var _React$useState3 = React__default.useState('wide'),
|
|
20311
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
20312
|
+
panelSize = _React$useState4[0],
|
|
20313
|
+
setPanelSize = _React$useState4[1];
|
|
20314
|
+
var updatePanelSize = React__default.useCallback(function (newPanelSize) {
|
|
20315
|
+
return setPanelSize(newPanelSize);
|
|
20316
|
+
}, []);
|
|
20317
|
+
var value = React__default.useMemo(function () {
|
|
20318
|
+
return {
|
|
20319
|
+
activePanel: activePanel,
|
|
20320
|
+
updateActivePanel: updateActivePanel,
|
|
20321
|
+
panelSize: panelSize,
|
|
20322
|
+
updatePanelSize: updatePanelSize
|
|
20323
|
+
};
|
|
20324
|
+
}, [activePanel, panelSize, updateActivePanel, updatePanelSize]);
|
|
20325
|
+
return /*#__PURE__*/React__default.createElement(PanelContext.Provider, {
|
|
20326
|
+
value: value
|
|
20327
|
+
}, children);
|
|
20328
|
+
};
|
|
20329
|
+
|
|
20330
|
+
/**
|
|
20331
|
+
* lodash (Custom Build) <https://lodash.com/>
|
|
20332
|
+
* Build: `lodash modularize exports="npm" -o ./`
|
|
20333
|
+
* Copyright jQuery Foundation and other contributors <https://jquery.org/>
|
|
20334
|
+
* Released under MIT license <https://lodash.com/license>
|
|
20335
|
+
* Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
|
|
20336
|
+
* Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
|
|
20337
|
+
*/
|
|
20338
|
+
|
|
20339
|
+
/** Used as the `TypeError` message for "Functions" methods. */
|
|
20340
|
+
var FUNC_ERROR_TEXT = 'Expected a function';
|
|
20341
|
+
|
|
20342
|
+
/** Used as references for various `Number` constants. */
|
|
20343
|
+
var NAN = 0 / 0;
|
|
20344
|
+
|
|
20345
|
+
/** `Object#toString` result references. */
|
|
20346
|
+
var symbolTag = '[object Symbol]';
|
|
20347
|
+
|
|
20348
|
+
/** Used to match leading and trailing whitespace. */
|
|
20349
|
+
var reTrim = /^\s+|\s+$/g;
|
|
20350
|
+
|
|
20351
|
+
/** Used to detect bad signed hexadecimal string values. */
|
|
20352
|
+
var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
|
|
20353
|
+
|
|
20354
|
+
/** Used to detect binary string values. */
|
|
20355
|
+
var reIsBinary = /^0b[01]+$/i;
|
|
20356
|
+
|
|
20357
|
+
/** Used to detect octal string values. */
|
|
20358
|
+
var reIsOctal = /^0o[0-7]+$/i;
|
|
20359
|
+
|
|
20360
|
+
/** Built-in method references without a dependency on `root`. */
|
|
20361
|
+
var freeParseInt = parseInt;
|
|
20362
|
+
|
|
20363
|
+
/** Detect free variable `global` from Node.js. */
|
|
20364
|
+
var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
|
|
20365
|
+
|
|
20366
|
+
/** Detect free variable `self`. */
|
|
20367
|
+
var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
|
|
20368
|
+
|
|
20369
|
+
/** Used as a reference to the global object. */
|
|
20370
|
+
var root = freeGlobal || freeSelf || Function('return this')();
|
|
20371
|
+
|
|
20372
|
+
/** Used for built-in method references. */
|
|
20373
|
+
var objectProto = Object.prototype;
|
|
20374
|
+
|
|
20375
|
+
/**
|
|
20376
|
+
* Used to resolve the
|
|
20377
|
+
* [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
|
|
20378
|
+
* of values.
|
|
20379
|
+
*/
|
|
20380
|
+
var objectToString = objectProto.toString;
|
|
20381
|
+
|
|
20382
|
+
/* Built-in method references for those with the same name as other `lodash` methods. */
|
|
20383
|
+
var nativeMax = Math.max,
|
|
20384
|
+
nativeMin = Math.min;
|
|
20385
|
+
|
|
20386
|
+
/**
|
|
20387
|
+
* Gets the timestamp of the number of milliseconds that have elapsed since
|
|
20388
|
+
* the Unix epoch (1 January 1970 00:00:00 UTC).
|
|
20389
|
+
*
|
|
20390
|
+
* @static
|
|
20391
|
+
* @memberOf _
|
|
20392
|
+
* @since 2.4.0
|
|
20393
|
+
* @category Date
|
|
20394
|
+
* @returns {number} Returns the timestamp.
|
|
20395
|
+
* @example
|
|
20396
|
+
*
|
|
20397
|
+
* _.defer(function(stamp) {
|
|
20398
|
+
* console.log(_.now() - stamp);
|
|
20399
|
+
* }, _.now());
|
|
20400
|
+
* // => Logs the number of milliseconds it took for the deferred invocation.
|
|
20401
|
+
*/
|
|
20402
|
+
var now = function() {
|
|
20403
|
+
return root.Date.now();
|
|
20404
|
+
};
|
|
20405
|
+
|
|
20406
|
+
/**
|
|
20407
|
+
* Creates a debounced function that delays invoking `func` until after `wait`
|
|
20408
|
+
* milliseconds have elapsed since the last time the debounced function was
|
|
20409
|
+
* invoked. The debounced function comes with a `cancel` method to cancel
|
|
20410
|
+
* delayed `func` invocations and a `flush` method to immediately invoke them.
|
|
20411
|
+
* Provide `options` to indicate whether `func` should be invoked on the
|
|
20412
|
+
* leading and/or trailing edge of the `wait` timeout. The `func` is invoked
|
|
20413
|
+
* with the last arguments provided to the debounced function. Subsequent
|
|
20414
|
+
* calls to the debounced function return the result of the last `func`
|
|
20415
|
+
* invocation.
|
|
20416
|
+
*
|
|
20417
|
+
* **Note:** If `leading` and `trailing` options are `true`, `func` is
|
|
20418
|
+
* invoked on the trailing edge of the timeout only if the debounced function
|
|
20419
|
+
* is invoked more than once during the `wait` timeout.
|
|
20420
|
+
*
|
|
20421
|
+
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
|
|
20422
|
+
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
|
|
20423
|
+
*
|
|
20424
|
+
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
|
|
20425
|
+
* for details over the differences between `_.debounce` and `_.throttle`.
|
|
20426
|
+
*
|
|
20427
|
+
* @static
|
|
20428
|
+
* @memberOf _
|
|
20429
|
+
* @since 0.1.0
|
|
20430
|
+
* @category Function
|
|
20431
|
+
* @param {Function} func The function to debounce.
|
|
20432
|
+
* @param {number} [wait=0] The number of milliseconds to delay.
|
|
20433
|
+
* @param {Object} [options={}] The options object.
|
|
20434
|
+
* @param {boolean} [options.leading=false]
|
|
20435
|
+
* Specify invoking on the leading edge of the timeout.
|
|
20436
|
+
* @param {number} [options.maxWait]
|
|
20437
|
+
* The maximum time `func` is allowed to be delayed before it's invoked.
|
|
20438
|
+
* @param {boolean} [options.trailing=true]
|
|
20439
|
+
* Specify invoking on the trailing edge of the timeout.
|
|
20440
|
+
* @returns {Function} Returns the new debounced function.
|
|
20441
|
+
* @example
|
|
20442
|
+
*
|
|
20443
|
+
* // Avoid costly calculations while the window size is in flux.
|
|
20444
|
+
* jQuery(window).on('resize', _.debounce(calculateLayout, 150));
|
|
20445
|
+
*
|
|
20446
|
+
* // Invoke `sendMail` when clicked, debouncing subsequent calls.
|
|
20447
|
+
* jQuery(element).on('click', _.debounce(sendMail, 300, {
|
|
20448
|
+
* 'leading': true,
|
|
20449
|
+
* 'trailing': false
|
|
20450
|
+
* }));
|
|
20451
|
+
*
|
|
20452
|
+
* // Ensure `batchLog` is invoked once after 1 second of debounced calls.
|
|
20453
|
+
* var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
|
|
20454
|
+
* var source = new EventSource('/stream');
|
|
20455
|
+
* jQuery(source).on('message', debounced);
|
|
20456
|
+
*
|
|
20457
|
+
* // Cancel the trailing debounced invocation.
|
|
20458
|
+
* jQuery(window).on('popstate', debounced.cancel);
|
|
20459
|
+
*/
|
|
20460
|
+
function debounce(func, wait, options) {
|
|
20461
|
+
var lastArgs,
|
|
20462
|
+
lastThis,
|
|
20463
|
+
maxWait,
|
|
20464
|
+
result,
|
|
20465
|
+
timerId,
|
|
20466
|
+
lastCallTime,
|
|
20467
|
+
lastInvokeTime = 0,
|
|
20468
|
+
leading = false,
|
|
20469
|
+
maxing = false,
|
|
20470
|
+
trailing = true;
|
|
20471
|
+
|
|
20472
|
+
if (typeof func != 'function') {
|
|
20473
|
+
throw new TypeError(FUNC_ERROR_TEXT);
|
|
20474
|
+
}
|
|
20475
|
+
wait = toNumber(wait) || 0;
|
|
20476
|
+
if (isObject(options)) {
|
|
20477
|
+
leading = !!options.leading;
|
|
20478
|
+
maxing = 'maxWait' in options;
|
|
20479
|
+
maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
|
|
20480
|
+
trailing = 'trailing' in options ? !!options.trailing : trailing;
|
|
20481
|
+
}
|
|
20482
|
+
|
|
20483
|
+
function invokeFunc(time) {
|
|
20484
|
+
var args = lastArgs,
|
|
20485
|
+
thisArg = lastThis;
|
|
20486
|
+
|
|
20487
|
+
lastArgs = lastThis = undefined;
|
|
20488
|
+
lastInvokeTime = time;
|
|
20489
|
+
result = func.apply(thisArg, args);
|
|
20490
|
+
return result;
|
|
20491
|
+
}
|
|
20492
|
+
|
|
20493
|
+
function leadingEdge(time) {
|
|
20494
|
+
// Reset any `maxWait` timer.
|
|
20495
|
+
lastInvokeTime = time;
|
|
20496
|
+
// Start the timer for the trailing edge.
|
|
20497
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20498
|
+
// Invoke the leading edge.
|
|
20499
|
+
return leading ? invokeFunc(time) : result;
|
|
20500
|
+
}
|
|
20501
|
+
|
|
20502
|
+
function remainingWait(time) {
|
|
20503
|
+
var timeSinceLastCall = time - lastCallTime,
|
|
20504
|
+
timeSinceLastInvoke = time - lastInvokeTime,
|
|
20505
|
+
result = wait - timeSinceLastCall;
|
|
20506
|
+
|
|
20507
|
+
return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;
|
|
20508
|
+
}
|
|
20509
|
+
|
|
20510
|
+
function shouldInvoke(time) {
|
|
20511
|
+
var timeSinceLastCall = time - lastCallTime,
|
|
20512
|
+
timeSinceLastInvoke = time - lastInvokeTime;
|
|
20513
|
+
|
|
20514
|
+
// Either this is the first call, activity has stopped and we're at the
|
|
20515
|
+
// trailing edge, the system time has gone backwards and we're treating
|
|
20516
|
+
// it as the trailing edge, or we've hit the `maxWait` limit.
|
|
20517
|
+
return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
|
|
20518
|
+
(timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
|
|
20519
|
+
}
|
|
20520
|
+
|
|
20521
|
+
function timerExpired() {
|
|
20522
|
+
var time = now();
|
|
20523
|
+
if (shouldInvoke(time)) {
|
|
20524
|
+
return trailingEdge(time);
|
|
20525
|
+
}
|
|
20526
|
+
// Restart the timer.
|
|
20527
|
+
timerId = setTimeout(timerExpired, remainingWait(time));
|
|
20528
|
+
}
|
|
20529
|
+
|
|
20530
|
+
function trailingEdge(time) {
|
|
20531
|
+
timerId = undefined;
|
|
20532
|
+
|
|
20533
|
+
// Only invoke if we have `lastArgs` which means `func` has been
|
|
20534
|
+
// debounced at least once.
|
|
20535
|
+
if (trailing && lastArgs) {
|
|
20536
|
+
return invokeFunc(time);
|
|
20537
|
+
}
|
|
20538
|
+
lastArgs = lastThis = undefined;
|
|
20539
|
+
return result;
|
|
20540
|
+
}
|
|
20541
|
+
|
|
20542
|
+
function cancel() {
|
|
20543
|
+
if (timerId !== undefined) {
|
|
20544
|
+
clearTimeout(timerId);
|
|
20545
|
+
}
|
|
20546
|
+
lastInvokeTime = 0;
|
|
20547
|
+
lastArgs = lastCallTime = lastThis = timerId = undefined;
|
|
20548
|
+
}
|
|
20549
|
+
|
|
20550
|
+
function flush() {
|
|
20551
|
+
return timerId === undefined ? result : trailingEdge(now());
|
|
20552
|
+
}
|
|
20553
|
+
|
|
20554
|
+
function debounced() {
|
|
20555
|
+
var time = now(),
|
|
20556
|
+
isInvoking = shouldInvoke(time);
|
|
20557
|
+
|
|
20558
|
+
lastArgs = arguments;
|
|
20559
|
+
lastThis = this;
|
|
20560
|
+
lastCallTime = time;
|
|
20561
|
+
|
|
20562
|
+
if (isInvoking) {
|
|
20563
|
+
if (timerId === undefined) {
|
|
20564
|
+
return leadingEdge(lastCallTime);
|
|
20565
|
+
}
|
|
20566
|
+
if (maxing) {
|
|
20567
|
+
// Handle invocations in a tight loop.
|
|
20568
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20569
|
+
return invokeFunc(lastCallTime);
|
|
20570
|
+
}
|
|
20571
|
+
}
|
|
20572
|
+
if (timerId === undefined) {
|
|
20573
|
+
timerId = setTimeout(timerExpired, wait);
|
|
20574
|
+
}
|
|
20575
|
+
return result;
|
|
20576
|
+
}
|
|
20577
|
+
debounced.cancel = cancel;
|
|
20578
|
+
debounced.flush = flush;
|
|
20579
|
+
return debounced;
|
|
20580
|
+
}
|
|
20581
|
+
|
|
20582
|
+
/**
|
|
20583
|
+
* Creates a throttled function that only invokes `func` at most once per
|
|
20584
|
+
* every `wait` milliseconds. The throttled function comes with a `cancel`
|
|
20585
|
+
* method to cancel delayed `func` invocations and a `flush` method to
|
|
20586
|
+
* immediately invoke them. Provide `options` to indicate whether `func`
|
|
20587
|
+
* should be invoked on the leading and/or trailing edge of the `wait`
|
|
20588
|
+
* timeout. The `func` is invoked with the last arguments provided to the
|
|
20589
|
+
* throttled function. Subsequent calls to the throttled function return the
|
|
20590
|
+
* result of the last `func` invocation.
|
|
20591
|
+
*
|
|
20592
|
+
* **Note:** If `leading` and `trailing` options are `true`, `func` is
|
|
20593
|
+
* invoked on the trailing edge of the timeout only if the throttled function
|
|
20594
|
+
* is invoked more than once during the `wait` timeout.
|
|
20595
|
+
*
|
|
20596
|
+
* If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
|
|
20597
|
+
* until to the next tick, similar to `setTimeout` with a timeout of `0`.
|
|
20598
|
+
*
|
|
20599
|
+
* See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
|
|
20600
|
+
* for details over the differences between `_.throttle` and `_.debounce`.
|
|
20601
|
+
*
|
|
20602
|
+
* @static
|
|
20603
|
+
* @memberOf _
|
|
20604
|
+
* @since 0.1.0
|
|
20605
|
+
* @category Function
|
|
20606
|
+
* @param {Function} func The function to throttle.
|
|
20607
|
+
* @param {number} [wait=0] The number of milliseconds to throttle invocations to.
|
|
20608
|
+
* @param {Object} [options={}] The options object.
|
|
20609
|
+
* @param {boolean} [options.leading=true]
|
|
20610
|
+
* Specify invoking on the leading edge of the timeout.
|
|
20611
|
+
* @param {boolean} [options.trailing=true]
|
|
20612
|
+
* Specify invoking on the trailing edge of the timeout.
|
|
20613
|
+
* @returns {Function} Returns the new throttled function.
|
|
20614
|
+
* @example
|
|
20615
|
+
*
|
|
20616
|
+
* // Avoid excessively updating the position while scrolling.
|
|
20617
|
+
* jQuery(window).on('scroll', _.throttle(updatePosition, 100));
|
|
20618
|
+
*
|
|
20619
|
+
* // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
|
|
20620
|
+
* var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
|
|
20621
|
+
* jQuery(element).on('click', throttled);
|
|
20622
|
+
*
|
|
20623
|
+
* // Cancel the trailing throttled invocation.
|
|
20624
|
+
* jQuery(window).on('popstate', throttled.cancel);
|
|
20625
|
+
*/
|
|
20626
|
+
function throttle(func, wait, options) {
|
|
20627
|
+
var leading = true,
|
|
20628
|
+
trailing = true;
|
|
20629
|
+
|
|
20630
|
+
if (typeof func != 'function') {
|
|
20631
|
+
throw new TypeError(FUNC_ERROR_TEXT);
|
|
20632
|
+
}
|
|
20633
|
+
if (isObject(options)) {
|
|
20634
|
+
leading = 'leading' in options ? !!options.leading : leading;
|
|
20635
|
+
trailing = 'trailing' in options ? !!options.trailing : trailing;
|
|
20636
|
+
}
|
|
20637
|
+
return debounce(func, wait, {
|
|
20638
|
+
'leading': leading,
|
|
20639
|
+
'maxWait': wait,
|
|
20640
|
+
'trailing': trailing
|
|
20641
|
+
});
|
|
20642
|
+
}
|
|
20643
|
+
|
|
20644
|
+
/**
|
|
20645
|
+
* Checks if `value` is the
|
|
20646
|
+
* [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)
|
|
20647
|
+
* of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)
|
|
20648
|
+
*
|
|
20649
|
+
* @static
|
|
20650
|
+
* @memberOf _
|
|
20651
|
+
* @since 0.1.0
|
|
20652
|
+
* @category Lang
|
|
20653
|
+
* @param {*} value The value to check.
|
|
20654
|
+
* @returns {boolean} Returns `true` if `value` is an object, else `false`.
|
|
20655
|
+
* @example
|
|
20656
|
+
*
|
|
20657
|
+
* _.isObject({});
|
|
20658
|
+
* // => true
|
|
20659
|
+
*
|
|
20660
|
+
* _.isObject([1, 2, 3]);
|
|
20661
|
+
* // => true
|
|
20662
|
+
*
|
|
20663
|
+
* _.isObject(_.noop);
|
|
20664
|
+
* // => true
|
|
20665
|
+
*
|
|
20666
|
+
* _.isObject(null);
|
|
20667
|
+
* // => false
|
|
20668
|
+
*/
|
|
20669
|
+
function isObject(value) {
|
|
20670
|
+
var type = typeof value;
|
|
20671
|
+
return !!value && (type == 'object' || type == 'function');
|
|
20672
|
+
}
|
|
20673
|
+
|
|
20674
|
+
/**
|
|
20675
|
+
* Checks if `value` is object-like. A value is object-like if it's not `null`
|
|
20676
|
+
* and has a `typeof` result of "object".
|
|
20677
|
+
*
|
|
20678
|
+
* @static
|
|
20679
|
+
* @memberOf _
|
|
20680
|
+
* @since 4.0.0
|
|
20681
|
+
* @category Lang
|
|
20682
|
+
* @param {*} value The value to check.
|
|
20683
|
+
* @returns {boolean} Returns `true` if `value` is object-like, else `false`.
|
|
20684
|
+
* @example
|
|
20685
|
+
*
|
|
20686
|
+
* _.isObjectLike({});
|
|
20687
|
+
* // => true
|
|
20688
|
+
*
|
|
20689
|
+
* _.isObjectLike([1, 2, 3]);
|
|
20690
|
+
* // => true
|
|
20691
|
+
*
|
|
20692
|
+
* _.isObjectLike(_.noop);
|
|
20693
|
+
* // => false
|
|
20694
|
+
*
|
|
20695
|
+
* _.isObjectLike(null);
|
|
20696
|
+
* // => false
|
|
20697
|
+
*/
|
|
20698
|
+
function isObjectLike(value) {
|
|
20699
|
+
return !!value && typeof value == 'object';
|
|
20700
|
+
}
|
|
20701
|
+
|
|
20702
|
+
/**
|
|
20703
|
+
* Checks if `value` is classified as a `Symbol` primitive or object.
|
|
20704
|
+
*
|
|
20705
|
+
* @static
|
|
20706
|
+
* @memberOf _
|
|
20707
|
+
* @since 4.0.0
|
|
20708
|
+
* @category Lang
|
|
20709
|
+
* @param {*} value The value to check.
|
|
20710
|
+
* @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
|
|
20711
|
+
* @example
|
|
20712
|
+
*
|
|
20713
|
+
* _.isSymbol(Symbol.iterator);
|
|
20714
|
+
* // => true
|
|
20715
|
+
*
|
|
20716
|
+
* _.isSymbol('abc');
|
|
20717
|
+
* // => false
|
|
20718
|
+
*/
|
|
20719
|
+
function isSymbol(value) {
|
|
20720
|
+
return typeof value == 'symbol' ||
|
|
20721
|
+
(isObjectLike(value) && objectToString.call(value) == symbolTag);
|
|
20722
|
+
}
|
|
20723
|
+
|
|
20724
|
+
/**
|
|
20725
|
+
* Converts `value` to a number.
|
|
20726
|
+
*
|
|
20727
|
+
* @static
|
|
20728
|
+
* @memberOf _
|
|
20729
|
+
* @since 4.0.0
|
|
20730
|
+
* @category Lang
|
|
20731
|
+
* @param {*} value The value to process.
|
|
20732
|
+
* @returns {number} Returns the number.
|
|
20733
|
+
* @example
|
|
20734
|
+
*
|
|
20735
|
+
* _.toNumber(3.2);
|
|
20736
|
+
* // => 3.2
|
|
20737
|
+
*
|
|
20738
|
+
* _.toNumber(Number.MIN_VALUE);
|
|
20739
|
+
* // => 5e-324
|
|
20740
|
+
*
|
|
20741
|
+
* _.toNumber(Infinity);
|
|
20742
|
+
* // => Infinity
|
|
20743
|
+
*
|
|
20744
|
+
* _.toNumber('3.2');
|
|
20745
|
+
* // => 3.2
|
|
20746
|
+
*/
|
|
20747
|
+
function toNumber(value) {
|
|
20748
|
+
if (typeof value == 'number') {
|
|
20749
|
+
return value;
|
|
20750
|
+
}
|
|
20751
|
+
if (isSymbol(value)) {
|
|
20752
|
+
return NAN;
|
|
20753
|
+
}
|
|
20754
|
+
if (isObject(value)) {
|
|
20755
|
+
var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
|
|
20756
|
+
value = isObject(other) ? (other + '') : other;
|
|
20757
|
+
}
|
|
20758
|
+
if (typeof value != 'string') {
|
|
20759
|
+
return value === 0 ? value : +value;
|
|
20760
|
+
}
|
|
20761
|
+
value = value.replace(reTrim, '');
|
|
20762
|
+
var isBinary = reIsBinary.test(value);
|
|
20763
|
+
return (isBinary || reIsOctal.test(value))
|
|
20764
|
+
? freeParseInt(value.slice(2), isBinary ? 2 : 8)
|
|
20765
|
+
: (reIsBadHex.test(value) ? NAN : +value);
|
|
20766
|
+
}
|
|
20767
|
+
|
|
20768
|
+
var lodash_throttle = throttle;
|
|
20769
|
+
|
|
20770
|
+
/**
|
|
20771
|
+
* Hook that exposes panel context, if not used within a PanelContext this hook will throw an error
|
|
20772
|
+
*
|
|
20773
|
+
* @export
|
|
20774
|
+
* @return {*} {PanelContextState} Returns the existing panel context or throws error if not used within a PanelContext
|
|
20775
|
+
*/
|
|
20776
|
+
function usePanelContext() {
|
|
20777
|
+
var context = React__default.useContext(PanelContext);
|
|
20778
|
+
if (!context) {
|
|
20779
|
+
throw new Error("Panel compound components cannot be rendered outside the Panel component");
|
|
20780
|
+
}
|
|
20781
|
+
return context;
|
|
20782
|
+
}
|
|
20783
|
+
|
|
20784
|
+
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)}}";
|
|
20785
|
+
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"};
|
|
20786
|
+
styleInject(css_248z$a);
|
|
20787
|
+
|
|
20788
|
+
/**
|
|
20789
|
+
* Component that display's the buttons in a panel. It will automatically try to calculate how many buttons to display
|
|
20790
|
+
* and how many buttons to hide behind the more menu.
|
|
20791
|
+
* It controls which panel to display when a button is clicked
|
|
20792
|
+
* On desktop this component will render on the right side, and on the top in mobile view
|
|
20793
|
+
*
|
|
20794
|
+
* @param {*} {
|
|
20795
|
+
* menuItems, the items to be displayed in the menu and its belonging panels
|
|
20796
|
+
* header, the header that will be displayed on mobile.
|
|
20797
|
+
* If its a string then it will only display a header text. But it can also be a component with self defined html
|
|
20798
|
+
* }
|
|
20799
|
+
* @return {*} {JSX.Element}
|
|
20800
|
+
*/
|
|
20801
|
+
var PanelWrapper = function PanelWrapper(_ref) {
|
|
20802
|
+
var _classnames;
|
|
20803
|
+
var menuItems = _ref.menuItems,
|
|
20804
|
+
header = _ref.header;
|
|
20805
|
+
var _a, _b;
|
|
20806
|
+
var _usePanelContext = usePanelContext(),
|
|
20807
|
+
activePanel = _usePanelContext.activePanel,
|
|
20808
|
+
panelSize = _usePanelContext.panelSize,
|
|
20809
|
+
updateActivePanel = _usePanelContext.updateActivePanel,
|
|
20810
|
+
updatePanelSize = _usePanelContext.updatePanelSize;
|
|
20811
|
+
var _useState = useState(false),
|
|
20812
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20813
|
+
isMenuOpen = _useState2[0],
|
|
20814
|
+
setIsMenuOpen = _useState2[1];
|
|
20815
|
+
var menuRef = useRef(null);
|
|
20816
|
+
var _useState3 = useState([]),
|
|
20817
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
20818
|
+
buttonsToDisplay = _useState4[0],
|
|
20819
|
+
setButtonsToDisplay = _useState4[1];
|
|
20820
|
+
var _useState5 = useState([]),
|
|
20821
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
20822
|
+
buttonsInOverflow = _useState6[0],
|
|
20823
|
+
setButtonsInOverflow = _useState6[1];
|
|
20824
|
+
var mobileWrapperRef = useRef(null);
|
|
20825
|
+
var desktopWrapperRef = useRef(null);
|
|
20826
|
+
var handleActiveMenuItemChanged = function handleActiveMenuItemChanged(menuItemType, panelSizeToUse) {
|
|
20827
|
+
setIsMenuOpen(false);
|
|
20828
|
+
if (menuItemType === activePanel) {
|
|
20829
|
+
updateActivePanel(undefined);
|
|
20830
|
+
} else {
|
|
20831
|
+
updateActivePanel(menuItemType);
|
|
20832
|
+
}
|
|
20833
|
+
updatePanelSize(panelSizeToUse !== null && panelSizeToUse !== void 0 ? panelSizeToUse : 'wide');
|
|
20834
|
+
};
|
|
20835
|
+
var calculateOverflow = useCallback(function () {
|
|
20836
|
+
var _a, _b, _c, _d, _e, _f;
|
|
20837
|
+
var numberOfIconsThereIsRoomFor;
|
|
20838
|
+
if ((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) {
|
|
20839
|
+
numberOfIconsThereIsRoomFor = ((_c = (_b = mobileWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientWidth) !== null && _c !== void 0 ? _c : 0) / 56;
|
|
20840
|
+
} else if ((_d = desktopWrapperRef.current) === null || _d === void 0 ? void 0 : _d.clientHeight) {
|
|
20841
|
+
numberOfIconsThereIsRoomFor = ((_f = (_e = desktopWrapperRef.current) === null || _e === void 0 ? void 0 : _e.clientHeight) !== null && _f !== void 0 ? _f : 0) / 56;
|
|
20842
|
+
}
|
|
20843
|
+
if (!numberOfIconsThereIsRoomFor) {
|
|
20844
|
+
return;
|
|
20845
|
+
}
|
|
20846
|
+
var iconsInOverflow = 0;
|
|
20847
|
+
if (numberOfIconsThereIsRoomFor < menuItems.length) {
|
|
20848
|
+
if (menuItems.length - numberOfIconsThereIsRoomFor < 1) {
|
|
20849
|
+
iconsInOverflow = 2;
|
|
20850
|
+
} else {
|
|
20851
|
+
var numberOfIconsThereIsRoomForPlusMoreButton = Math.floor(numberOfIconsThereIsRoomFor) - 1;
|
|
20852
|
+
iconsInOverflow = Math.floor(menuItems.length - numberOfIconsThereIsRoomForPlusMoreButton);
|
|
20853
|
+
}
|
|
20854
|
+
}
|
|
20855
|
+
var menuItemsCopy = _toConsumableArray$1(menuItems);
|
|
20856
|
+
setButtonsToDisplay(menuItemsCopy.slice(0, menuItems.length - iconsInOverflow));
|
|
20857
|
+
setButtonsInOverflow(menuItemsCopy.slice(menuItems.length - iconsInOverflow));
|
|
20858
|
+
}, [menuItems]);
|
|
20859
|
+
useEffect(function () {
|
|
20860
|
+
calculateOverflow();
|
|
20861
|
+
}, [calculateOverflow]);
|
|
20862
|
+
useEffect(function () {
|
|
20863
|
+
function updateSize() {
|
|
20864
|
+
setIsMenuOpen(false);
|
|
20865
|
+
calculateOverflow();
|
|
20866
|
+
}
|
|
20867
|
+
var throttledUpdateResize = lodash_throttle(updateSize, 1000);
|
|
20868
|
+
window.addEventListener('resize', throttledUpdateResize);
|
|
20869
|
+
return function () {
|
|
20870
|
+
window.removeEventListener('resize', throttledUpdateResize);
|
|
20871
|
+
};
|
|
20872
|
+
}, [menuItems, calculateOverflow]);
|
|
20873
|
+
var getActivePanel = function getActivePanel(panelId) {
|
|
20874
|
+
if (!panelId) return null;
|
|
20875
|
+
var panelToLookFor = menuItems.find(function (item) {
|
|
20876
|
+
return item.labelId === panelId;
|
|
20877
|
+
});
|
|
20878
|
+
if (panelToLookFor) {
|
|
20879
|
+
return panelToLookFor;
|
|
20880
|
+
}
|
|
20881
|
+
return null;
|
|
20882
|
+
};
|
|
20883
|
+
var getPanelComponentForActivePanel = function getPanelComponentForActivePanel(panelId) {
|
|
20884
|
+
var panel = getActivePanel(panelId);
|
|
20885
|
+
if (panel) {
|
|
20886
|
+
var PanelComponent = panel.component;
|
|
20887
|
+
return /*#__PURE__*/React__default.createElement(PanelComponent, null);
|
|
20888
|
+
}
|
|
20889
|
+
return null;
|
|
20890
|
+
};
|
|
20891
|
+
var renderMenuItems = function renderMenuItems() {
|
|
20892
|
+
var _a, _b;
|
|
20893
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, buttonsToDisplay.map(function (button) {
|
|
20894
|
+
return /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
20895
|
+
text: button.label,
|
|
20896
|
+
key: button.labelId,
|
|
20897
|
+
active: activePanel === button.labelId,
|
|
20898
|
+
onClick: function onClick() {
|
|
20899
|
+
return handleActiveMenuItemChanged(button.labelId, button.panelSize);
|
|
20900
|
+
}
|
|
20901
|
+
}, typeof button.icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20902
|
+
color: themeConst.echoText,
|
|
20903
|
+
name: button.icon
|
|
20904
|
+
}) : button.icon);
|
|
20905
|
+
}), buttonsInOverflow.length > 0 && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
20906
|
+
text: "More",
|
|
20907
|
+
refValue: menuRef,
|
|
20908
|
+
id: "more-menu-options-anchor",
|
|
20909
|
+
active: isMenuOpen,
|
|
20910
|
+
onClick: function onClick() {
|
|
20911
|
+
return setIsMenuOpen(!isMenuOpen);
|
|
20912
|
+
}
|
|
20913
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20914
|
+
color: themeConst.echoText,
|
|
20915
|
+
name: "more_vertical"
|
|
20916
|
+
})), /*#__PURE__*/React__default.createElement(Menu, {
|
|
20917
|
+
anchorEl: menuRef.current,
|
|
20918
|
+
id: "more-menu-options",
|
|
20919
|
+
onClose: function onClose() {
|
|
20920
|
+
return setIsMenuOpen(false);
|
|
20921
|
+
},
|
|
20922
|
+
placement: ((_b = (_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0) > 0 ? 'bottom-start' : 'left',
|
|
20923
|
+
className: styles$9.moreMenu,
|
|
20924
|
+
open: isMenuOpen
|
|
20925
|
+
}, buttonsInOverflow.map(function (button) {
|
|
20926
|
+
return /*#__PURE__*/React__default.createElement(Menu.Item, {
|
|
20927
|
+
key: button.labelId,
|
|
20928
|
+
onClick: function onClick() {
|
|
20929
|
+
return handleActiveMenuItemChanged(button.labelId, button.panelSize);
|
|
20930
|
+
}
|
|
20931
|
+
}, typeof button.icon === 'string' ? /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20932
|
+
color: themeConst.echoText,
|
|
20933
|
+
name: button.icon
|
|
20934
|
+
}) : button.icon, button.label);
|
|
20935
|
+
}))));
|
|
20936
|
+
};
|
|
20937
|
+
var renderMenuItemsBasedOnRef = function renderMenuItemsBasedOnRef(ref) {
|
|
20938
|
+
if (ref) return renderMenuItems();
|
|
20939
|
+
};
|
|
20940
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
20941
|
+
className: styles$9.wrapper
|
|
20942
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
20943
|
+
className: styles$9.topBarWrapper
|
|
20944
|
+
}, typeof header === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
20945
|
+
className: styles$9.moduleTitle
|
|
20946
|
+
}, /*#__PURE__*/React__default.createElement(Typography, null, header)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header), /*#__PURE__*/React__default.createElement("div", {
|
|
20947
|
+
ref: mobileWrapperRef,
|
|
20948
|
+
className: styles$9.buttonWrapperMobile
|
|
20949
|
+
}, renderMenuItemsBasedOnRef((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)), /*#__PURE__*/React__default.createElement("div", {
|
|
20950
|
+
className: styles$9.buttonWrapper,
|
|
20951
|
+
ref: desktopWrapperRef
|
|
20952
|
+
}, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), /*#__PURE__*/React__default.createElement("div", {
|
|
20953
|
+
className: classnames$2(styles$9.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$9.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$9.activeContentPanel, activePanel), _classnames))
|
|
20954
|
+
}, getPanelComponentForActivePanel(activePanel)));
|
|
20955
|
+
};
|
|
20956
|
+
|
|
20957
|
+
/**
|
|
20958
|
+
* The actual right side panel. This component wraps the panel with a panel state
|
|
20959
|
+
*
|
|
20960
|
+
* @param {PanelProps} {
|
|
20961
|
+
* menuItems, the items to be displayed in the menu and its belonging panels
|
|
20962
|
+
* header, the header that will be displayed on mobile.
|
|
20963
|
+
* If its a string then it will only display a header text. But it can also be a component with self defined html
|
|
20964
|
+
* }
|
|
20965
|
+
* @return {*} {JSX.Element}
|
|
20966
|
+
*/
|
|
20967
|
+
var Panel = function Panel(_ref) {
|
|
20968
|
+
var menuItems = _ref.menuItems,
|
|
20969
|
+
header = _ref.header;
|
|
20970
|
+
return /*#__PURE__*/React__default.createElement(PanelContextWrapper, null, /*#__PURE__*/React__default.createElement(PanelWrapper, {
|
|
20971
|
+
header: header,
|
|
20972
|
+
menuItems: menuItems
|
|
20973
|
+
}));
|
|
20974
|
+
};
|
|
20975
|
+
|
|
20976
|
+
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}";
|
|
20977
|
+
var styles$8 = {"headerWrapper":"panelContent-module_headerWrapper__BAc2H","panelTitle":"panelContent-module_panelTitle__jqqJT","bodyWrapper":"panelContent-module_bodyWrapper__EHsg5","contentWrapper":"panelContent-module_contentWrapper__1re5K"};
|
|
20978
|
+
styleInject(css_248z$9);
|
|
20979
|
+
|
|
20980
|
+
/**
|
|
20981
|
+
* The component that wraps the panel drawer content
|
|
20982
|
+
* This components displays a header with close and possible back button
|
|
20983
|
+
* It also displays the content wrapped with some css
|
|
20984
|
+
*
|
|
20985
|
+
* @param {PanelContentProps} {
|
|
20986
|
+
* header, the header text to display
|
|
20987
|
+
* children, the panels content
|
|
20988
|
+
* backToMainPanel: optional parameter that controls whether the panel should have a back button or not
|
|
20989
|
+
* to be used in cases where there are panels within panels
|
|
20990
|
+
* }
|
|
20991
|
+
* @return {*} {JSX.Element}
|
|
20992
|
+
*/
|
|
20993
|
+
var PanelContent = function PanelContent(_ref) {
|
|
20994
|
+
var header = _ref.header,
|
|
20995
|
+
children = _ref.children,
|
|
20996
|
+
backToMainPanel = _ref.backToMainPanel;
|
|
20997
|
+
var _usePanelContext = usePanelContext(),
|
|
20998
|
+
updateActivePanel = _usePanelContext.updateActivePanel;
|
|
20999
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
21000
|
+
className: styles$8.headerWrapper
|
|
21001
|
+
}, backToMainPanel && /*#__PURE__*/React__default.createElement(Button, {
|
|
21002
|
+
variant: "ghost_icon",
|
|
21003
|
+
onClick: backToMainPanel
|
|
21004
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
21005
|
+
name: "chevron_left"
|
|
21006
|
+
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
21007
|
+
variant: "h4",
|
|
21008
|
+
className: styles$8.panelTitle
|
|
21009
|
+
}, header), /*#__PURE__*/React__default.createElement(Button, {
|
|
21010
|
+
variant: "ghost_icon",
|
|
21011
|
+
onClick: function onClick() {
|
|
21012
|
+
return updateActivePanel(undefined);
|
|
21013
|
+
}
|
|
21014
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
21015
|
+
name: "close"
|
|
21016
|
+
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
21017
|
+
className: styles$8.bodyWrapper
|
|
21018
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
21019
|
+
className: styles$8.contentWrapper
|
|
21020
|
+
}, children)));
|
|
21021
|
+
};
|
|
21022
|
+
PanelContent.defaultProps = {
|
|
21023
|
+
backToMainPanel: undefined
|
|
21024
|
+
};
|
|
21025
|
+
|
|
20217
21026
|
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
21027
|
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
21028
|
styleInject(css_248z$8);
|
|
@@ -20313,7 +21122,8 @@ var css_248z$7 = ".Sheet-module_container__MJ-Md{background-color:var(--white);b
|
|
|
20313
21122
|
var styles$6 = {"container":"Sheet-module_container__MJ-Md","verticalContainer":"Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","blockContainer":"Sheet-module_blockContainer__JZVGn","rightContainer":"Sheet-module_rightContainer__u1DzS Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","leftContainer":"Sheet-module_leftContainer__8nvAG Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","horizontalContainer":"Sheet-module_horizontalContainer__ibaGL Sheet-module_container__MJ-Md","fullscreenContainer":"Sheet-module_fullscreenContainer__5qqvB Sheet-module_container__MJ-Md"};
|
|
20314
21123
|
styleInject(css_248z$7);
|
|
20315
21124
|
|
|
20316
|
-
function
|
|
21125
|
+
function GetSheetContainerClass(side, orientation, floating, isMobile) {
|
|
21126
|
+
if (isMobile) return styles$6.fullscreenContainer;
|
|
20317
21127
|
switch (orientation) {
|
|
20318
21128
|
case SideSheetOrientation.Horizontal:
|
|
20319
21129
|
return styles$6.horizontalContainer;
|
|
@@ -20339,9 +21149,10 @@ function Sheet(_ref) {
|
|
|
20339
21149
|
children = _ref.children,
|
|
20340
21150
|
className = _ref.className,
|
|
20341
21151
|
style = _ref.style;
|
|
21152
|
+
var isMobile = useIsMobile();
|
|
20342
21153
|
var containerClass = useMemo(function () {
|
|
20343
|
-
return
|
|
20344
|
-
}, [side, orientation, floating]);
|
|
21154
|
+
return GetSheetContainerClass(side, orientation, floating, isMobile);
|
|
21155
|
+
}, [side, orientation, floating, isMobile]);
|
|
20345
21156
|
if (className !== undefined) {
|
|
20346
21157
|
containerClass += ' ' + className;
|
|
20347
21158
|
}
|
|
@@ -20360,9 +21171,10 @@ function SheetTopArea(_ref) {
|
|
|
20360
21171
|
onOrientationChange = _ref.onOrientationChange,
|
|
20361
21172
|
closeSheet = _ref.closeSheet,
|
|
20362
21173
|
previous = _ref.previous;
|
|
21174
|
+
var isMobile = useIsMobile();
|
|
20363
21175
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20364
21176
|
className: styles$5.topArea
|
|
20365
|
-
}, /*#__PURE__*/React__default.createElement("div", null, previous), orientation && onOrientationChange && /*#__PURE__*/React__default.createElement(SheetOrientationActions, {
|
|
21177
|
+
}, /*#__PURE__*/React__default.createElement("div", null, previous), orientation && onOrientationChange && !isMobile && /*#__PURE__*/React__default.createElement(SheetOrientationActions, {
|
|
20366
21178
|
orientation: orientation,
|
|
20367
21179
|
onOrientationChange: onOrientationChange
|
|
20368
21180
|
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -20972,5 +21784,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
20972
21784
|
}));
|
|
20973
21785
|
};
|
|
20974
21786
|
|
|
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 };
|
|
21787
|
+
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, useIsMobile, 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
21788
|
//# sourceMappingURL=index.js.map
|