@equinor/echo-components 0.5.29 → 0.5.30
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/legend/MainLegend.d.ts +14 -0
- package/dist/components/legend/index.d.ts +2 -0
- package/dist/components/legend/layerLegend/LayerLegend.d.ts +29 -0
- package/dist/components/legend/layerLegend/index.d.ts +1 -0
- package/dist/icons/echoAssets/general.d.ts +2 -0
- package/dist/icons/echoAssets/index.d.ts +1 -0
- package/dist/index.js +267 -114
- package/dist/index.js.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/legend.d.ts +4 -0
- package/package.json +4 -1
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default, { useState, useEffect, createElement, Component, useCallback, PureComponent, useRef, useLayoutEffect, useMemo, createContext, useContext, forwardRef, isValidElement, cloneElement, useDebugValue } from 'react';
|
|
3
|
-
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, TextField, Dialog, Search, Radio, Slider, Menu, Autocomplete
|
|
3
|
+
import { Icon as Icon$1, Button, DotProgress, Banner, CircularProgress, Typography, TextField, Dialog, Search, Tooltip as Tooltip$1, Radio, Slider, Menu, Autocomplete } from '@equinor/eds-core-react';
|
|
4
4
|
import * as ReactDOM from 'react-dom';
|
|
5
5
|
import ReactDOM__default, { findDOMNode, createPortal } from 'react-dom';
|
|
6
6
|
import * as edsIcons from '@equinor/eds-icons';
|
|
@@ -34,19 +34,19 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
37
|
+
var css_248z$F = ":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;--equiGreen4:#c3f3d2;--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$F);
|
|
39
39
|
|
|
40
|
-
var css_248z$
|
|
41
|
-
var styles$
|
|
42
|
-
styleInject(css_248z$
|
|
40
|
+
var css_248z$E = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);display:flex;gap:.5rem;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:pointer}.BlackLink-module_linkElement__WGkkg>span{line-height:0}.BlackLink-module_linkElement__WGkkg:hover{text-decoration:underline}.BlackLink-module_linkElement__WGkkg:focus{outline:1px dashed #007079;text-decoration:underline}.BlackLink-module_linkIcon__GW-93{min-height:24px;min-width:24px}";
|
|
41
|
+
var styles$r = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
|
|
42
|
+
styleInject(css_248z$E);
|
|
43
43
|
|
|
44
44
|
var BlackLink = function BlackLink(_ref) {
|
|
45
45
|
var href = _ref.href,
|
|
46
46
|
linkText = _ref.linkText,
|
|
47
47
|
preserveTab = _ref.preserveTab;
|
|
48
48
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
49
|
-
className: styles$
|
|
49
|
+
className: styles$r.linkElement,
|
|
50
50
|
id: linkText,
|
|
51
51
|
href: href,
|
|
52
52
|
tabIndex: 0,
|
|
@@ -55,7 +55,7 @@ var BlackLink = function BlackLink(_ref) {
|
|
|
55
55
|
}, /*#__PURE__*/React__default.createElement("label", {
|
|
56
56
|
htmlFor: linkText
|
|
57
57
|
}, linkText), /*#__PURE__*/React__default.createElement(Icon, {
|
|
58
|
-
className: styles$
|
|
58
|
+
className: styles$r.linkIcon,
|
|
59
59
|
color: 'var(--echoText)',
|
|
60
60
|
name: "external_link",
|
|
61
61
|
size: 24
|
|
@@ -202,19 +202,19 @@ function _iterableToArrayLimit(arr, i) {
|
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
204
|
|
|
205
|
-
function _arrayLikeToArray$
|
|
205
|
+
function _arrayLikeToArray$3(arr, len) {
|
|
206
206
|
if (len == null || len > arr.length) len = arr.length;
|
|
207
207
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
208
208
|
return arr2;
|
|
209
209
|
}
|
|
210
210
|
|
|
211
|
-
function _unsupportedIterableToArray$
|
|
211
|
+
function _unsupportedIterableToArray$3(o, minLen) {
|
|
212
212
|
if (!o) return;
|
|
213
|
-
if (typeof o === "string") return _arrayLikeToArray$
|
|
213
|
+
if (typeof o === "string") return _arrayLikeToArray$3(o, minLen);
|
|
214
214
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
215
215
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
216
216
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
217
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$
|
|
217
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$3(o, minLen);
|
|
218
218
|
}
|
|
219
219
|
|
|
220
220
|
function _nonIterableRest() {
|
|
@@ -222,11 +222,11 @@ function _nonIterableRest() {
|
|
|
222
222
|
}
|
|
223
223
|
|
|
224
224
|
function _slicedToArray(arr, i) {
|
|
225
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$
|
|
225
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray$3(arr, i) || _nonIterableRest();
|
|
226
226
|
}
|
|
227
227
|
|
|
228
228
|
function _arrayWithoutHoles$1(arr) {
|
|
229
|
-
if (Array.isArray(arr)) return _arrayLikeToArray$
|
|
229
|
+
if (Array.isArray(arr)) return _arrayLikeToArray$3(arr);
|
|
230
230
|
}
|
|
231
231
|
|
|
232
232
|
function _iterableToArray$1(iter) {
|
|
@@ -238,12 +238,12 @@ function _nonIterableSpread$1() {
|
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
function _toConsumableArray$1(arr) {
|
|
241
|
-
return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$
|
|
241
|
+
return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1();
|
|
242
242
|
}
|
|
243
243
|
|
|
244
|
-
var css_248z$
|
|
244
|
+
var css_248z$D = ".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}";
|
|
245
245
|
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
246
|
-
styleInject(css_248z$
|
|
246
|
+
styleInject(css_248z$D);
|
|
247
247
|
|
|
248
248
|
/**
|
|
249
249
|
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
@@ -269,9 +269,9 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
269
269
|
}, data.label);
|
|
270
270
|
};
|
|
271
271
|
|
|
272
|
-
var css_248z$
|
|
272
|
+
var css_248z$C = ".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}";
|
|
273
273
|
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"};
|
|
274
|
-
styleInject(css_248z$
|
|
274
|
+
styleInject(css_248z$C);
|
|
275
275
|
|
|
276
276
|
/**
|
|
277
277
|
* Component that renders a popover with data information buttons
|
|
@@ -338,9 +338,9 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
338
338
|
})));
|
|
339
339
|
};
|
|
340
340
|
|
|
341
|
-
var css_248z$
|
|
341
|
+
var css_248z$B = ".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}";
|
|
342
342
|
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
343
|
-
styleInject(css_248z$
|
|
343
|
+
styleInject(css_248z$B);
|
|
344
344
|
|
|
345
345
|
/**
|
|
346
346
|
* Component that renders a round button, that opens a popover upon being clicked
|
|
@@ -390,9 +390,9 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
390
390
|
}));
|
|
391
391
|
};
|
|
392
392
|
|
|
393
|
-
var css_248z$
|
|
394
|
-
var styles$
|
|
395
|
-
styleInject(css_248z$
|
|
393
|
+
var css_248z$A = ".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}";
|
|
394
|
+
var styles$q = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
395
|
+
styleInject(css_248z$A);
|
|
396
396
|
|
|
397
397
|
/**
|
|
398
398
|
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
@@ -410,7 +410,7 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
410
410
|
style: {
|
|
411
411
|
background: legendColor
|
|
412
412
|
},
|
|
413
|
-
className: "".concat(styles$
|
|
413
|
+
className: "".concat(styles$q.icon)
|
|
414
414
|
}, icon);
|
|
415
415
|
};
|
|
416
416
|
|
|
@@ -424,13 +424,13 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
424
424
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
425
425
|
var children = _ref.children;
|
|
426
426
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
427
|
-
className: "".concat(styles$
|
|
427
|
+
className: "".concat(styles$q.shadow)
|
|
428
428
|
}, children);
|
|
429
429
|
};
|
|
430
430
|
|
|
431
|
-
var css_248z$
|
|
432
|
-
var styles$
|
|
433
|
-
styleInject(css_248z$
|
|
431
|
+
var css_248z$z = ".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}";
|
|
432
|
+
var styles$p = {"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"};
|
|
433
|
+
styleInject(css_248z$z);
|
|
434
434
|
|
|
435
435
|
/**
|
|
436
436
|
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
@@ -460,20 +460,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
460
460
|
children = _ref.children;
|
|
461
461
|
if (expanded) {
|
|
462
462
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
463
|
-
className: styles$
|
|
463
|
+
className: styles$p.contextWrapperExpanded,
|
|
464
464
|
onClick: openTagInformation
|
|
465
465
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
466
|
-
className: styles$
|
|
466
|
+
className: styles$p.tagInfoWrapper
|
|
467
467
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
468
|
-
className: styles$
|
|
468
|
+
className: styles$p.tagText
|
|
469
469
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
470
470
|
variant: "h5",
|
|
471
|
-
className: styles$
|
|
471
|
+
className: styles$p.tagHeader
|
|
472
472
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
473
473
|
variant: "body_short",
|
|
474
|
-
className: styles$
|
|
474
|
+
className: styles$p.tagDescription
|
|
475
475
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
476
|
-
className: styles$
|
|
476
|
+
className: styles$p.tagInfoIcon
|
|
477
477
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
478
478
|
variant: "ghost_icon"
|
|
479
479
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -484,7 +484,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
484
484
|
} else {
|
|
485
485
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
486
486
|
"data-testid": "open-tag-info",
|
|
487
|
-
className: "".concat(styles$
|
|
487
|
+
className: "".concat(styles$p.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$p.selected : ''),
|
|
488
488
|
onClick: function onClick() {
|
|
489
489
|
setExpanded(true);
|
|
490
490
|
}
|
|
@@ -492,9 +492,9 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
492
492
|
}
|
|
493
493
|
};
|
|
494
494
|
|
|
495
|
-
var css_248z$
|
|
495
|
+
var css_248z$y = ".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}}";
|
|
496
496
|
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
497
|
-
styleInject(css_248z$
|
|
497
|
+
styleInject(css_248z$y);
|
|
498
498
|
|
|
499
499
|
/**
|
|
500
500
|
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
@@ -962,9 +962,9 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
962
962
|
});
|
|
963
963
|
}
|
|
964
964
|
|
|
965
|
-
var css_248z$
|
|
966
|
-
var styles$
|
|
967
|
-
styleInject(css_248z$
|
|
965
|
+
var css_248z$x = ".CopyToClipboard-module_copyToClipboardContainer__xA1rT{cursor:pointer;display:flex;gap:.5rem}.CopyToClipboard-module_readonlyInput__rfIQF{border-bottom:1px solid var(--equiGray1);color:#bebebe;cursor:pointer;min-width:100px;pointer-events:none}.CopyToClipboard-module_textFieldSelector__0PJ8S{flex-grow:3}.CopyToClipboard-module_copyButton__XdBoF{max-width:100px}.CopyToClipboard-module_copyButton__XdBoF[aria-pressed=true]>*{border-color:var(--toggleActive);color:var(--toggleActive);font-size:.8rem}";
|
|
966
|
+
var styles$o = {"copyToClipboardContainer":"CopyToClipboard-module_copyToClipboardContainer__xA1rT","readonlyInput":"CopyToClipboard-module_readonlyInput__rfIQF","textFieldSelector":"CopyToClipboard-module_textFieldSelector__0PJ8S","copyButton":"CopyToClipboard-module_copyButton__XdBoF"};
|
|
967
|
+
styleInject(css_248z$x);
|
|
968
968
|
|
|
969
969
|
var CopyToClipboard = function CopyToClipboard(props) {
|
|
970
970
|
var _a;
|
|
@@ -995,6 +995,7 @@ var CopyToClipboard = function CopyToClipboard(props) {
|
|
|
995
995
|
}, _callee);
|
|
996
996
|
}));
|
|
997
997
|
}
|
|
998
|
+
/** Handles the operation to highlight the text inside an input element while it is disabled. */
|
|
998
999
|
function handleReadonlySelect(originElement) {
|
|
999
1000
|
var edsInput = originElement.querySelector('input');
|
|
1000
1001
|
if (edsInput instanceof HTMLInputElement) {
|
|
@@ -1005,31 +1006,28 @@ var CopyToClipboard = function CopyToClipboard(props) {
|
|
|
1005
1006
|
}
|
|
1006
1007
|
}
|
|
1007
1008
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1008
|
-
|
|
1009
|
-
className: styles$m.copyToClipboardContainer,
|
|
1010
|
-
tabIndex: -1,
|
|
1011
|
-
role: "generic"
|
|
1009
|
+
className: styles$o.copyToClipboardContainer
|
|
1012
1010
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1011
|
+
className: styles$o.textFieldSelector,
|
|
1013
1012
|
onClick: function onClick(e) {
|
|
1014
1013
|
return handleReadonlySelect(e.currentTarget);
|
|
1015
|
-
}
|
|
1016
|
-
tabIndex: -1,
|
|
1017
|
-
role: "generic"
|
|
1014
|
+
}
|
|
1018
1015
|
}, /*#__PURE__*/React__default.createElement(TextField, {
|
|
1019
|
-
className: styles$
|
|
1016
|
+
className: styles$o.readonlyInput,
|
|
1020
1017
|
id: "copy-".concat((_a = props.copyableText) === null || _a === void 0 ? void 0 : _a.substring(0, 8)),
|
|
1021
1018
|
value: props.copyableText,
|
|
1022
1019
|
disabled: true
|
|
1023
1020
|
})), /*#__PURE__*/React__default.createElement(Button, {
|
|
1024
|
-
className: styles$
|
|
1021
|
+
className: styles$o.copyButton,
|
|
1025
1022
|
variant: "outlined",
|
|
1026
1023
|
onClick: function onClick() {
|
|
1027
1024
|
return handleClipboard(props.copyableText);
|
|
1028
1025
|
},
|
|
1029
|
-
disabled: !(props.copyableText.length > 0)
|
|
1026
|
+
disabled: !(props.copyableText.length > 0),
|
|
1027
|
+
"aria-pressed": textIsCopied
|
|
1030
1028
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
1031
1029
|
name: textIsCopied ? 'check' : 'copy'
|
|
1032
|
-
}),
|
|
1030
|
+
}), textIsCopied ? 'Copied' : 'Copy'));
|
|
1033
1031
|
};
|
|
1034
1032
|
|
|
1035
1033
|
var classnamesExports$1 = {};
|
|
@@ -10247,11 +10245,11 @@ var parsers = {
|
|
|
10247
10245
|
|
|
10248
10246
|
function _typeof$3(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof$3 = function _typeof(obj) { return typeof obj; }; } else { _typeof$3 = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof$3(obj); }
|
|
10249
10247
|
|
|
10250
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$
|
|
10248
|
+
function _createForOfIteratorHelper$1(o, allowArrayLike) { var it; if (typeof Symbol === "undefined" || o[Symbol.iterator] == null) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$2(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = o[Symbol.iterator](); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it.return != null) it.return(); } finally { if (didErr) throw err; } } }; }
|
|
10251
10249
|
|
|
10252
|
-
function _unsupportedIterableToArray$
|
|
10250
|
+
function _unsupportedIterableToArray$2(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$2(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$2(o, minLen); }
|
|
10253
10251
|
|
|
10254
|
-
function _arrayLikeToArray$
|
|
10252
|
+
function _arrayLikeToArray$2(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
10255
10253
|
// - [yYQqMLwIdDecihHKkms]o matches any available ordinal number token
|
|
10256
10254
|
// (one of the certain letters followed by `o`)
|
|
10257
10255
|
// - (\w)\1* matches any sequences of the same letter
|
|
@@ -10625,7 +10623,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
|
|
|
10625
10623
|
}).join('').match(formattingTokensRegExp);
|
|
10626
10624
|
var usedTokens = [];
|
|
10627
10625
|
|
|
10628
|
-
var _iterator = _createForOfIteratorHelper(tokens),
|
|
10626
|
+
var _iterator = _createForOfIteratorHelper$1(tokens),
|
|
10629
10627
|
_step;
|
|
10630
10628
|
|
|
10631
10629
|
try {
|
|
@@ -10736,7 +10734,7 @@ function parse(dirtyDateString, dirtyFormatString, dirtyReferenceDate, options)
|
|
|
10736
10734
|
var utcDate = subMilliseconds(date, getTimezoneOffsetInMilliseconds(date));
|
|
10737
10735
|
var flags = {};
|
|
10738
10736
|
|
|
10739
|
-
var _iterator2 = _createForOfIteratorHelper(uniquePrioritySetters),
|
|
10737
|
+
var _iterator2 = _createForOfIteratorHelper$1(uniquePrioritySetters),
|
|
10740
10738
|
_step2;
|
|
10741
10739
|
|
|
10742
10740
|
try {
|
|
@@ -13964,16 +13962,16 @@ var require$$65 = /*@__PURE__*/getAugmentedNamespace(set$1);
|
|
|
13964
13962
|
|
|
13965
13963
|
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_minExports);
|
|
13966
13964
|
|
|
13967
|
-
var css_248z$u = "@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 15px}.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:-87px;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:#bad9f1;border-radius:.3rem;color:#000}.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}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
13968
|
-
styleInject(css_248z$
|
|
13965
|
+
var css_248z$w = "@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 15px}.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:-87px;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:#bad9f1;border-radius:.3rem;color:#000}.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}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}";
|
|
13966
|
+
styleInject(css_248z$w);
|
|
13969
13967
|
|
|
13970
|
-
var css_248z$
|
|
13968
|
+
var css_248z$v = ".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}";
|
|
13971
13969
|
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"};
|
|
13972
|
-
styleInject(css_248z$
|
|
13970
|
+
styleInject(css_248z$v);
|
|
13973
13971
|
|
|
13974
|
-
var css_248z$
|
|
13972
|
+
var css_248z$u = ".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}";
|
|
13975
13973
|
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
13976
|
-
styleInject(css_248z$
|
|
13974
|
+
styleInject(css_248z$u);
|
|
13977
13975
|
|
|
13978
13976
|
var PopupHeader = function PopupHeader(_ref) {
|
|
13979
13977
|
var date = _ref.date,
|
|
@@ -14019,8 +14017,8 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
14019
14017
|
})));
|
|
14020
14018
|
};
|
|
14021
14019
|
|
|
14022
|
-
var css_248z$
|
|
14023
|
-
styleInject(css_248z$
|
|
14020
|
+
var css_248z$t = ".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%}";
|
|
14021
|
+
styleInject(css_248z$t);
|
|
14024
14022
|
|
|
14025
14023
|
reactDatepicker_minExports.registerLocale('en-gb', enGb);
|
|
14026
14024
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
@@ -14097,9 +14095,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
14097
14095
|
})));
|
|
14098
14096
|
};
|
|
14099
14097
|
|
|
14100
|
-
var css_248z$
|
|
14101
|
-
var styles$
|
|
14102
|
-
styleInject(css_248z$
|
|
14098
|
+
var css_248z$s = ".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}";
|
|
14099
|
+
var styles$n = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
14100
|
+
styleInject(css_248z$s);
|
|
14103
14101
|
|
|
14104
14102
|
/**
|
|
14105
14103
|
* Component that renders a dialog box based on input properties
|
|
@@ -14131,7 +14129,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
14131
14129
|
return _onClose && _onClose();
|
|
14132
14130
|
}
|
|
14133
14131
|
}, /*#__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, {
|
|
14134
|
-
className: styles$
|
|
14132
|
+
className: styles$n.footer
|
|
14135
14133
|
}, actionButtons.map(function (actionButton, index) {
|
|
14136
14134
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
14137
14135
|
key: index,
|
|
@@ -15064,9 +15062,9 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
15064
15062
|
}
|
|
15065
15063
|
});
|
|
15066
15064
|
|
|
15067
|
-
var css_248z$
|
|
15068
|
-
var styles$
|
|
15069
|
-
styleInject(css_248z$
|
|
15065
|
+
var css_248z$r = ".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}";
|
|
15066
|
+
var styles$m = {"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"};
|
|
15067
|
+
styleInject(css_248z$r);
|
|
15070
15068
|
|
|
15071
15069
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
15072
15070
|
useFocus$1 = _EchoUtils$Hooks.useFocus,
|
|
@@ -15189,7 +15187,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
15189
15187
|
}, [filteredData]);
|
|
15190
15188
|
var RenderDropdown = function RenderDropdown() {
|
|
15191
15189
|
var _a, _b;
|
|
15192
|
-
var dropdownShow = openDownWards ? styles$
|
|
15190
|
+
var dropdownShow = openDownWards ? styles$m.dropdownDownShow : styles$m.dropdownUpShow;
|
|
15193
15191
|
var _useFocus = useFocus$1(),
|
|
15194
15192
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
15195
15193
|
searchInput = _useFocus2[0],
|
|
@@ -15207,12 +15205,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
15207
15205
|
key: index,
|
|
15208
15206
|
role: "option",
|
|
15209
15207
|
"aria-selected": false,
|
|
15210
|
-
className: styles$
|
|
15208
|
+
className: styles$m.options,
|
|
15211
15209
|
onClick: function onClick(event) {
|
|
15212
15210
|
return handleItemSelected(event, filteredData[index]);
|
|
15213
15211
|
}
|
|
15214
15212
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15215
|
-
className: styles$
|
|
15213
|
+
className: styles$m.optionsItem
|
|
15216
15214
|
}, filteredData[index]));
|
|
15217
15215
|
};
|
|
15218
15216
|
var getItemSize = function getItemSize(index) {
|
|
@@ -15229,16 +15227,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
15229
15227
|
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%',
|
|
15230
15228
|
position: position
|
|
15231
15229
|
},
|
|
15232
|
-
className: isOpen ? dropdownShow : styles$
|
|
15230
|
+
className: isOpen ? dropdownShow : styles$m.dropdown
|
|
15233
15231
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
15234
|
-
className: styles$
|
|
15232
|
+
className: styles$m.searchWrapper
|
|
15235
15233
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
15236
15234
|
onChange: handleSetFilter,
|
|
15237
15235
|
value: filter,
|
|
15238
15236
|
ref: searchInput,
|
|
15239
15237
|
placeholder: 'Search'
|
|
15240
15238
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15241
|
-
className: filterFunc ? styles$
|
|
15239
|
+
className: filterFunc ? styles$m.filteredDataListWithSearch : styles$m.filteredDataList
|
|
15242
15240
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
15243
15241
|
ref: listRef,
|
|
15244
15242
|
width: width,
|
|
@@ -15252,7 +15250,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
15252
15250
|
"data-testid": "dropdown-button",
|
|
15253
15251
|
disabled: isDisabled,
|
|
15254
15252
|
ref: buttonRef,
|
|
15255
|
-
className: [variant === 'compact' ? styles$
|
|
15253
|
+
className: [variant === 'compact' ? styles$m.dropdownToggleHome : styles$m.dropdownToggle, variant === 'compact' && isOpen === true ? styles$m.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$m.dropdownSelected : ''].join(' '),
|
|
15256
15254
|
onClick: function onClick(event) {
|
|
15257
15255
|
return handleIsOpenToggle(event);
|
|
15258
15256
|
},
|
|
@@ -15267,24 +15265,24 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
15267
15265
|
})), openDownWards && RenderDropdown());
|
|
15268
15266
|
};
|
|
15269
15267
|
|
|
15270
|
-
var css_248z$
|
|
15271
|
-
var styles$
|
|
15272
|
-
styleInject(css_248z$
|
|
15268
|
+
var css_248z$q = ".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}}";
|
|
15269
|
+
var styles$l = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
15270
|
+
styleInject(css_248z$q);
|
|
15273
15271
|
|
|
15274
15272
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
15275
15273
|
var children = _ref.children,
|
|
15276
15274
|
style = _ref.style;
|
|
15277
15275
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15278
|
-
className: styles$
|
|
15276
|
+
className: styles$l.barWrapper
|
|
15279
15277
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15280
|
-
className: styles$
|
|
15278
|
+
className: styles$l.barContainer,
|
|
15281
15279
|
style: style
|
|
15282
15280
|
}, children));
|
|
15283
15281
|
};
|
|
15284
15282
|
|
|
15285
|
-
var css_248z$
|
|
15283
|
+
var css_248z$p = ".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}";
|
|
15286
15284
|
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"};
|
|
15287
|
-
styleInject(css_248z$
|
|
15285
|
+
styleInject(css_248z$p);
|
|
15288
15286
|
|
|
15289
15287
|
var Body = function Body(_ref) {
|
|
15290
15288
|
var bodyText = _ref.bodyText,
|
|
@@ -15442,9 +15440,9 @@ EchoCard.Body = Body;
|
|
|
15442
15440
|
EchoCard.LinkSection = LinkSection;
|
|
15443
15441
|
EchoCard.DateSection = DateSection;
|
|
15444
15442
|
|
|
15445
|
-
var css_248z$
|
|
15446
|
-
var styles$
|
|
15447
|
-
styleInject(css_248z$
|
|
15443
|
+
var css_248z$o = ".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}";
|
|
15444
|
+
var styles$k = {"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"};
|
|
15445
|
+
styleInject(css_248z$o);
|
|
15448
15446
|
|
|
15449
15447
|
/**
|
|
15450
15448
|
* Component that renders the Echo header
|
|
@@ -15467,21 +15465,21 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
15467
15465
|
var CustomSection = customHeaderSection;
|
|
15468
15466
|
var ModuleIcon = moduleIcon;
|
|
15469
15467
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
15470
|
-
className: styles$
|
|
15468
|
+
className: styles$k.headerWrapper
|
|
15471
15469
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15472
|
-
className: styles$
|
|
15470
|
+
className: styles$k.headerContainer
|
|
15473
15471
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
15474
|
-
className: styles$
|
|
15472
|
+
className: styles$k.moduleIcon,
|
|
15475
15473
|
name: ModuleIcon,
|
|
15476
15474
|
color: themeConst.asBuilt
|
|
15477
15475
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
15478
|
-
className: styles$
|
|
15476
|
+
className: styles$k.titleSection
|
|
15479
15477
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
15480
|
-
className: styles$
|
|
15478
|
+
className: styles$k.moduleTextTitle
|
|
15481
15479
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
15482
|
-
className: styles$
|
|
15480
|
+
className: styles$k.plantName
|
|
15483
15481
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
15484
|
-
className: styles$
|
|
15482
|
+
className: styles$k.customSection
|
|
15485
15483
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
15486
15484
|
};
|
|
15487
15485
|
|
|
@@ -17627,9 +17625,9 @@ var EchoTooltip = Object.freeze({
|
|
|
17627
17625
|
TooltipContent: TooltipContent
|
|
17628
17626
|
});
|
|
17629
17627
|
|
|
17630
|
-
var css_248z$
|
|
17628
|
+
var css_248z$n = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA{background:rgba(0,0,0,.8);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA:hover{background:rgba(0,0,0,.9);color:var(--white)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_active__nXRwO:hover{background:var(--equiGreen4);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}";
|
|
17631
17629
|
var style$3 = {"button":"floatingActionButton-module_button__-08q2","primary":"floatingActionButton-module_primary__Os-YA","active":"floatingActionButton-module_active__nXRwO","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
|
|
17632
|
-
styleInject(css_248z$
|
|
17630
|
+
styleInject(css_248z$n);
|
|
17633
17631
|
|
|
17634
17632
|
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
17635
17633
|
switch (echoVariant) {
|
|
@@ -17677,9 +17675,9 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
|
17677
17675
|
}), variant === 'square_icon_with_text' && label);
|
|
17678
17676
|
};
|
|
17679
17677
|
|
|
17680
|
-
var css_248z$
|
|
17678
|
+
var css_248z$m = ".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,.8);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;list-style:none;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)}";
|
|
17681
17679
|
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"};
|
|
17682
|
-
styleInject(css_248z$
|
|
17680
|
+
styleInject(css_248z$m);
|
|
17683
17681
|
|
|
17684
17682
|
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
17685
17683
|
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
@@ -18323,9 +18321,9 @@ function Suggestions(_ref2) {
|
|
|
18323
18321
|
}));
|
|
18324
18322
|
}
|
|
18325
18323
|
|
|
18326
|
-
var css_248z$
|
|
18327
|
-
var styles$
|
|
18328
|
-
styleInject(css_248z$
|
|
18324
|
+
var css_248z$l = ".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}";
|
|
18325
|
+
var styles$j = {"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"};
|
|
18326
|
+
styleInject(css_248z$l);
|
|
18329
18327
|
|
|
18330
18328
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
18331
18329
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -18346,7 +18344,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
18346
18344
|
return iconToShow;
|
|
18347
18345
|
}
|
|
18348
18346
|
};
|
|
18349
|
-
var buttonStyle = disableHover ? styles$
|
|
18347
|
+
var buttonStyle = disableHover ? styles$j.tagButtonNoHover : styles$j.tagButton;
|
|
18350
18348
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
18351
18349
|
variant: 'ghost',
|
|
18352
18350
|
onClick: onClickHandler,
|
|
@@ -18355,18 +18353,161 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
18355
18353
|
style: {
|
|
18356
18354
|
background: legendColor
|
|
18357
18355
|
},
|
|
18358
|
-
className: styles$
|
|
18356
|
+
className: styles$j.icon
|
|
18359
18357
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
18360
|
-
className: styles$
|
|
18358
|
+
className: styles$j.textContainer
|
|
18361
18359
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
18362
18360
|
variant: "body_short_link",
|
|
18363
|
-
className: styles$
|
|
18361
|
+
className: styles$j.tag
|
|
18364
18362
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
18365
|
-
className: styles$
|
|
18363
|
+
className: styles$j.description,
|
|
18366
18364
|
variant: "body_short"
|
|
18367
18365
|
}, description)));
|
|
18368
18366
|
};
|
|
18369
18367
|
|
|
18368
|
+
var css_248z$k = ".MainLegend-module_accordion__xjveF{align-items:center;align-self:flex-start;background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;height:2.25rem;justify-content:space-between;padding:10px 16px;user-select:none;width:100%}.MainLegend-module_accordion__xjveF:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_left__NKMwB,.MainLegend-module_right__0BIFF{align-items:center;display:flex}.MainLegend-module_icon__neT4f{margin-right:8px}.MainLegend-module_content__nzDkL{align-self:stretch;display:flex;flex-direction:column}button{padding:0}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
|
|
18369
|
+
var styles$i = {"accordion":"MainLegend-module_accordion__xjveF","left":"MainLegend-module_left__NKMwB","right":"MainLegend-module_right__0BIFF","icon":"MainLegend-module_icon__neT4f","content":"MainLegend-module_content__nzDkL","layerIcon":"MainLegend-module_layerIcon__xI2Mf"};
|
|
18370
|
+
styleInject(css_248z$k);
|
|
18371
|
+
|
|
18372
|
+
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
18373
|
+
function _unsupportedIterableToArray$1(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray$1(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray$1(o, minLen); }
|
|
18374
|
+
function _arrayLikeToArray$1(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
18375
|
+
// Sort layers with and without their own icons
|
|
18376
|
+
function separateLayers(layers) {
|
|
18377
|
+
var iconLayers = [];
|
|
18378
|
+
var nonIconLayers = [];
|
|
18379
|
+
var maxIconsOnLegend = 5;
|
|
18380
|
+
var _iterator = _createForOfIteratorHelper(layers),
|
|
18381
|
+
_step;
|
|
18382
|
+
try {
|
|
18383
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
18384
|
+
var layer = _step.value;
|
|
18385
|
+
if (iconLayers.length < maxIconsOnLegend && layer.iconName) {
|
|
18386
|
+
iconLayers.push(layer);
|
|
18387
|
+
} else {
|
|
18388
|
+
nonIconLayers.push(layer);
|
|
18389
|
+
}
|
|
18390
|
+
}
|
|
18391
|
+
} catch (err) {
|
|
18392
|
+
_iterator.e(err);
|
|
18393
|
+
} finally {
|
|
18394
|
+
_iterator.f();
|
|
18395
|
+
}
|
|
18396
|
+
return [iconLayers, nonIconLayers];
|
|
18397
|
+
}
|
|
18398
|
+
function MainLegend(_ref) {
|
|
18399
|
+
var legends = _ref.legends,
|
|
18400
|
+
layers = _ref.layers;
|
|
18401
|
+
var _useState = useState([]),
|
|
18402
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18403
|
+
defaultLayers = _useState2[0],
|
|
18404
|
+
setDefaultLayers = _useState2[1];
|
|
18405
|
+
var _useState3 = useState([]),
|
|
18406
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
18407
|
+
uniqueLayers = _useState4[0],
|
|
18408
|
+
setUniqueLayers = _useState4[1];
|
|
18409
|
+
var _useState5 = useState(false),
|
|
18410
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
18411
|
+
isOpen = _useState6[0],
|
|
18412
|
+
setIsOpen = _useState6[1];
|
|
18413
|
+
var isMobile = useIsMobile();
|
|
18414
|
+
var toggle = function toggle() {
|
|
18415
|
+
setIsOpen(function (isOpen) {
|
|
18416
|
+
return !isOpen;
|
|
18417
|
+
});
|
|
18418
|
+
};
|
|
18419
|
+
// Set icons on main layer
|
|
18420
|
+
useEffect(function () {
|
|
18421
|
+
var _separateLayers = separateLayers(layers),
|
|
18422
|
+
_separateLayers2 = _slicedToArray(_separateLayers, 2),
|
|
18423
|
+
iconLayers = _separateLayers2[0],
|
|
18424
|
+
nonIconLayers = _separateLayers2[1];
|
|
18425
|
+
setUniqueLayers(iconLayers);
|
|
18426
|
+
setDefaultLayers(nonIconLayers);
|
|
18427
|
+
}, [layers]);
|
|
18428
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
18429
|
+
className: styles$i.content
|
|
18430
|
+
}, legends), /*#__PURE__*/React__default.createElement("button", {
|
|
18431
|
+
className: styles$i.accordion,
|
|
18432
|
+
onClick: toggle,
|
|
18433
|
+
role: "widget"
|
|
18434
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
18435
|
+
className: styles$i.left
|
|
18436
|
+
}, isOpen ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18437
|
+
className: styles$i.icon,
|
|
18438
|
+
size: 24,
|
|
18439
|
+
name: "collapse_screen"
|
|
18440
|
+
}), /*#__PURE__*/React__default.createElement("div", null, "Minimize legend")) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18441
|
+
className: styles$i.icon,
|
|
18442
|
+
size: 24,
|
|
18443
|
+
name: "expand_screen"
|
|
18444
|
+
}), /*#__PURE__*/React__default.createElement("div", null, "Expand legend"))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
|
|
18445
|
+
className: styles$i.right
|
|
18446
|
+
}, uniqueLayers.map(function (layer, index) {
|
|
18447
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
18448
|
+
key: index,
|
|
18449
|
+
className: styles$i.layerIcon
|
|
18450
|
+
}, /*#__PURE__*/React__default.createElement(Tooltip$1, {
|
|
18451
|
+
title: layer.title
|
|
18452
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18453
|
+
size: 18,
|
|
18454
|
+
name: layer.iconName
|
|
18455
|
+
})));
|
|
18456
|
+
}), defaultLayers.length > 0 && /*#__PURE__*/React__default.createElement("div", null, "+", defaultLayers.length))));
|
|
18457
|
+
}
|
|
18458
|
+
|
|
18459
|
+
var css_248z$j = ".LayerLegend-module_layerLegendContainer__DLfLy{background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-bottom:2px;user-select:none}.LayerLegend-module_header__8NHIX{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:12px;width:100%}.LayerLegend-module_activeHeader__EBvGl:hover{background:rgba(0,0,0,.9);border-radius:4px;color:var(--white)}.LayerLegend-module_leftInactive__1Lq18{align-items:center;display:flex;font-size:.875rem}.LayerLegend-module_leftActive__KrRDh{font-weight:700}.LayerLegend-module_right__-IwVs{align-items:center;display:flex;font-size:.625rem}.LayerLegend-module_icon__8VwWd{margin-right:8px}.LayerLegend-module_content__ElkbY{height:auto;padding-bottom:14px;padding-top:8px;width:100%}.LayerLegend-module_items__BC1cp{margin-right:4px}";
|
|
18460
|
+
var styles$h = {"layerLegendContainer":"LayerLegend-module_layerLegendContainer__DLfLy","header":"LayerLegend-module_header__8NHIX","activeHeader":"LayerLegend-module_activeHeader__EBvGl LayerLegend-module_header__8NHIX","disabledHeader":"LayerLegend-module_disabledHeader__Rd25i LayerLegend-module_header__8NHIX","leftInactive":"LayerLegend-module_leftInactive__1Lq18","leftActive":"LayerLegend-module_leftActive__KrRDh LayerLegend-module_leftInactive__1Lq18","right":"LayerLegend-module_right__-IwVs","icon":"LayerLegend-module_icon__8VwWd","content":"LayerLegend-module_content__ElkbY","items":"LayerLegend-module_items__BC1cp"};
|
|
18461
|
+
styleInject(css_248z$j);
|
|
18462
|
+
|
|
18463
|
+
function LayerLegend(_ref) {
|
|
18464
|
+
var _classnames;
|
|
18465
|
+
var title = _ref.title,
|
|
18466
|
+
iconName = _ref.iconName,
|
|
18467
|
+
itemsCount = _ref.itemsCount,
|
|
18468
|
+
itemsTitle = _ref.itemsTitle,
|
|
18469
|
+
children = _ref.children,
|
|
18470
|
+
disabled = _ref.disabled;
|
|
18471
|
+
var _useState = useState(false),
|
|
18472
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
18473
|
+
isOpen = _useState2[0],
|
|
18474
|
+
setIsOpen = _useState2[1];
|
|
18475
|
+
var toggle = function toggle() {
|
|
18476
|
+
setIsOpen(function (isOpen) {
|
|
18477
|
+
return !isOpen;
|
|
18478
|
+
});
|
|
18479
|
+
};
|
|
18480
|
+
var left = classnames$1((_classnames = {}, _defineProperty$1(_classnames, styles$h.leftActive, isOpen), _defineProperty$1(_classnames, styles$h.leftInactive, !isOpen), _classnames));
|
|
18481
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
18482
|
+
className: styles$h.layerLegendContainer
|
|
18483
|
+
}, /*#__PURE__*/React__default.createElement("button", {
|
|
18484
|
+
className: disabled ? styles$h.disabledHeader : styles$h.activeHeader,
|
|
18485
|
+
onClick: toggle,
|
|
18486
|
+
"aria-expanded": isOpen,
|
|
18487
|
+
"aria-controls": "legendContent",
|
|
18488
|
+
disabled: disabled
|
|
18489
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
18490
|
+
className: left
|
|
18491
|
+
}, iconName && /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18492
|
+
className: styles$h.icon,
|
|
18493
|
+
size: 18,
|
|
18494
|
+
name: iconName
|
|
18495
|
+
}), /*#__PURE__*/React__default.createElement("div", null, title)), /*#__PURE__*/React__default.createElement("div", {
|
|
18496
|
+
className: styles$h.right
|
|
18497
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
18498
|
+
className: styles$h.items
|
|
18499
|
+
}, itemsTitle ? itemsTitle.toUpperCase() : 'ITEMS', ":"), /*#__PURE__*/React__default.createElement("div", null, itemsCount), !disabled && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen ? /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18500
|
+
size: 24,
|
|
18501
|
+
name: "chevron_up"
|
|
18502
|
+
}) : /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
18503
|
+
size: 24,
|
|
18504
|
+
name: "chevron_down"
|
|
18505
|
+
})))), isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
18506
|
+
id: "legendContent",
|
|
18507
|
+
className: styles$h.content
|
|
18508
|
+
}, children));
|
|
18509
|
+
}
|
|
18510
|
+
|
|
18370
18511
|
var css_248z$i = ".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(--equiGray5);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}";
|
|
18371
18512
|
var styles$g = {"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"};
|
|
18372
18513
|
styleInject(css_248z$i);
|
|
@@ -24872,7 +25013,7 @@ function WorkOrderListItem(props) {
|
|
|
24872
25013
|
});
|
|
24873
25014
|
}
|
|
24874
25015
|
|
|
24875
|
-
var staticData$
|
|
25016
|
+
var staticData$4 = {
|
|
24876
25017
|
width: '24',
|
|
24877
25018
|
height: '24',
|
|
24878
25019
|
prefix: 'echo',
|
|
@@ -24881,23 +25022,34 @@ var staticData$3 = {
|
|
|
24881
25022
|
/*
|
|
24882
25023
|
* ROBIM EXTERNAL ICONS
|
|
24883
25024
|
*/
|
|
24884
|
-
var robim_external_ald = Object.assign(Object.assign({}, staticData$
|
|
25025
|
+
var robim_external_ald = Object.assign(Object.assign({}, staticData$4), {
|
|
24885
25026
|
name: 'robim_external_ald',
|
|
24886
25027
|
svgPathData: 'M14.668 2H12.4862V3.30581C11.9304 3.40198 11.3855 3.57148 10.8635 3.81176C10.5784 3.94295 10.302 4.0944 10.0358 4.26488L10.1402 4.93741C10.2611 4.88021 10.4019 4.84764 10.5601 4.84764C10.8558 4.84764 11.0909 4.96149 11.248 5.13718C11.3195 5.21716 11.3643 5.29818 11.392 5.36251C11.406 5.39491 11.449 5.56212 11.4434 5.53418C11.449 5.56212 11.4493 5.56024 11.4434 5.53418L11.5052 6.11419C11.5658 6.08309 11.6268 6.05334 11.6885 6.02494C11.9474 5.90582 12.2142 5.81169 12.4862 5.74321V12.0113L10.2955 12.4317L10.2964 12.4371C9.99951 12.494 9.88359 13.3423 10.0374 14.3319L10.0423 14.363C9.54261 14.4368 9.08132 14.5257 8.66797 14.6275V10.7949C8.54519 10.8547 8.40143 10.8889 8.2395 10.8889C7.9438 10.8889 7.70863 10.775 7.55149 10.5993C7.47998 10.5194 7.40754 10.374 7.40754 10.374L7.35847 10.2144L7.3024 10.3881C7.29401 10.4151 7.31851 10.3535 7.3024 10.3881C7.27024 10.4576 7.21931 10.5408 7.1402 10.6204C6.98007 10.7815 6.75675 10.8771 6.48615 10.8879V20.1818C6.48615 21.186 9.66087 22 13.5771 22C17.4933 22 20.668 21.186 20.668 20.1818V10.485H20.647C20.5895 9.65778 20.4148 8.84456 20.1282 8.07572C19.7719 7.11982 19.2495 6.25128 18.5911 5.51965C17.9326 4.78805 17.1509 4.20771 16.2906 3.81176C15.7686 3.57148 15.2237 3.40198 14.668 3.30581V2ZM8.66797 18.8698V17.2515C9.69396 17.5039 11.0154 17.678 12.4862 17.7363V18.385C11.0154 18.4433 9.69396 18.6174 8.66797 18.8698ZM12.4862 20.7728C10.3 20.7115 8.66797 20.4701 8.66797 20.1817C8.66797 19.8933 10.3 19.6519 12.4862 19.5907V20.7728ZM18.4862 20.1817C18.4862 20.4701 16.8541 20.7115 14.668 20.7728V19.5907C16.8541 19.6519 18.4862 19.8933 18.4862 20.1817ZM14.668 18.385V17.7363C16.1387 17.678 17.4602 17.5039 18.4862 17.2515V18.8698C17.4602 18.6174 16.1387 18.4433 14.668 18.385ZM17.5501 14.4333C17.648 14.0856 17.6594 13.5127 17.5616 12.8826C17.4078 11.8931 17.0424 11.1372 16.7456 11.1941L14.668 11.5927V5.74321C14.9399 5.81169 15.2068 5.90582 15.4656 6.02494C16.0643 6.3005 16.6084 6.7044 17.0666 7.21356C17.5248 7.72273 17.8884 8.3272 18.1363 8.99245C18.3198 9.48449 18.4373 10.0027 18.4862 10.5305V14.6275C18.1966 14.5562 17.8835 14.4912 17.5501 14.4333Z M2.9536 6.83033C2.9536 6.83033 2.74397 6.92391 2.69575 7.04657C2.65871 7.14079 2.65871 7.21182 2.69575 7.30605C2.74397 7.4287 2.9536 7.52228 2.9536 7.52228H4.15689L4.45771 9.2089C4.45771 9.2089 4.50068 9.42514 4.80151 9.42514C5.10233 9.42514 5.1453 9.2089 5.1453 9.2089L5.53207 6.65734L6.04777 10.1171C6.04777 10.1171 6.09074 10.3333 6.43454 10.3333C6.77834 10.3333 6.82131 10.1171 6.82131 10.1171L7.337 5.9654L7.89567 10.1171C7.89567 10.1171 7.93865 10.3333 8.23947 10.3333C8.54029 10.3333 8.58327 10.1171 8.58327 10.1171L9.09896 6.65734L9.48573 9.2089C9.48573 9.2089 9.52871 9.42514 9.82953 9.42514C10.1304 9.42514 10.1733 9.2089 10.1733 9.2089L10.5171 7.52228H11.6774C11.6774 7.52228 11.8407 7.44413 11.8923 7.34929C11.9568 7.2308 11.9568 7.12181 11.8923 7.00332C11.8407 6.90848 11.6774 6.83033 11.6774 6.83033H11.0328L10.9039 5.61942C10.9039 5.61942 10.8609 5.40319 10.5601 5.40319C10.2593 5.40319 10.2163 5.61942 10.2163 5.61942L9.91548 7.04657L9.48573 4.27877C9.48573 4.27877 9.44276 4.06254 9.14194 4.06254C8.84111 4.06254 8.79814 4.27877 8.79814 4.27877L8.28244 7.69527L7.63783 3.32734C7.63783 3.32734 7.59485 3.11111 7.29403 3.11111C6.99321 3.11111 6.95023 3.32734 6.95023 3.32734L6.39156 7.69527L5.83289 4.27877C5.83289 4.27877 5.78992 4.06254 5.4891 4.06254C5.18828 4.06254 5.1453 4.27877 5.1453 4.27877L4.75853 7.04657L4.45771 5.61942C4.45771 5.61942 4.41473 5.40319 4.11391 5.40319C3.81309 5.40319 3.77011 5.61942 3.77011 5.61942L3.59822 6.83033H2.9536Z'
|
|
24887
25028
|
});
|
|
24888
|
-
var robim_external_timp = Object.assign(Object.assign({}, staticData$
|
|
25029
|
+
var robim_external_timp = Object.assign(Object.assign({}, staticData$4), {
|
|
24889
25030
|
name: 'robim_external_timp',
|
|
24890
25031
|
svgPathData: 'M18.5817 10.0521V11.7779H19.6243C20.1749 11.7779 20.5836 11.4634 20.5836 10.9193C20.5836 10.3667 20.1665 10.0521 19.6243 10.0521H18.5817Z M3.66797 4C2.5634 4 1.66797 4.89543 1.66797 6V18C1.66797 19.1046 2.5634 20 3.66797 20H21.668C22.7725 20 23.668 19.1046 23.668 18V6C23.668 4.89543 22.7725 4 21.668 4H3.66797ZM9.63756 14.847C9.63756 14.9405 9.58751 15 9.48741 15H8.72001C8.61992 15 8.56153 14.9405 8.56153 14.847V9.4825C8.56153 9.39749 8.60323 9.32947 8.68665 9.30397L9.46239 9.01492C9.57083 8.97241 9.63756 9.02342 9.63756 9.13394V14.847ZM6.24544 14.847C6.24544 14.9405 6.19539 15 6.0953 15H5.32789C5.2278 15 5.17775 14.9405 5.17775 14.847V10.0521H3.82645C3.72636 10.0521 3.66797 9.99259 3.66797 9.89908V9.20195C3.66797 9.10843 3.72636 9.04892 3.82645 9.04892H7.59673C7.69683 9.04892 7.75522 9.10843 7.75522 9.20195V9.89908C7.75522 9.99259 7.69683 10.0521 7.59673 10.0521H6.24544V14.847ZM11.6047 15C11.7048 15 11.7632 14.9405 11.7632 14.847V11.4038L13.1479 14.0393C13.1813 14.1158 13.2396 14.1583 13.3231 14.1583H13.8152C13.8986 14.1583 13.957 14.1243 13.9987 14.0393L15.3834 11.4294V14.847C15.3834 14.9405 15.4418 15 15.5419 15H16.2842C16.3843 15 16.4344 14.9405 16.4344 14.847V9.20195C16.4344 9.10843 16.3843 9.04892 16.2842 9.04892H15.5836C15.5001 9.04892 15.4418 9.08293 15.4 9.16794L13.5733 12.6791L11.7465 9.16794C11.7048 9.08293 11.6464 9.04892 11.563 9.04892H10.8624C10.7623 9.04892 10.7039 9.10843 10.7039 9.20195V14.847C10.7039 14.9405 10.7623 15 10.8624 15H11.6047ZM17.5056 9.20195C17.5056 9.10843 17.564 9.04892 17.6641 9.04892H19.666C20.7754 9.04892 21.668 9.71204 21.668 10.9193C21.668 12.1265 20.7754 12.7811 19.666 12.7811H18.5817V14.847C18.5817 14.9405 18.5316 15 18.4315 15H17.6641C17.564 15 17.5056 14.9405 17.5056 14.847V9.20195Z'
|
|
24891
25032
|
});
|
|
24892
|
-
var robim_external_timp_text = Object.assign(Object.assign({}, staticData$
|
|
25033
|
+
var robim_external_timp_text = Object.assign(Object.assign({}, staticData$4), {
|
|
24893
25034
|
name: 'robim_external_timp_text',
|
|
24894
25035
|
svgPathData: 'M8.78062 15.3333C8.90296 15.3333 8.96413 15.2606 8.96413 15.1463V8.1637C8.96413 8.02862 8.88257 7.96628 8.75004 8.01823L7.80191 8.37152C7.69996 8.40269 7.64898 8.48582 7.64898 8.58972V15.1463C7.64898 15.2606 7.72035 15.3333 7.84269 15.3333H8.78062Z M4.6347 15.3333C4.75704 15.3333 4.81821 15.2606 4.81821 15.1463V9.28591H6.46979C6.59213 9.28591 6.6635 9.21317 6.6635 9.09887V8.24683C6.6635 8.13253 6.59213 8.0598 6.46979 8.0598H1.86167C1.73933 8.0598 1.66797 8.13253 1.66797 8.24683V9.09887C1.66797 9.21317 1.73933 9.28591 1.86167 9.28591H3.51326V15.1463C3.51326 15.2606 3.57443 15.3333 3.69677 15.3333H4.6347Z M11.5622 15.1463C11.5622 15.2606 11.4908 15.3333 11.3685 15.3333H10.4611C10.3388 15.3333 10.2674 15.2606 10.2674 15.1463V8.24683C10.2674 8.13253 10.3388 8.0598 10.4611 8.0598H11.3175C11.4194 8.0598 11.4908 8.10136 11.5418 8.20527L13.7745 12.4967L16.0072 8.20527C16.0582 8.10136 16.1295 8.0598 16.2315 8.0598H17.0878C17.2102 8.0598 17.2714 8.13253 17.2714 8.24683V15.1463C17.2714 15.2606 17.2102 15.3333 17.0878 15.3333H16.1805C16.0582 15.3333 15.9868 15.2606 15.9868 15.1463V10.9692L14.2944 14.1592C14.2434 14.2631 14.1721 14.3046 14.0701 14.3046H13.4686C13.3667 14.3046 13.2953 14.2527 13.2545 14.1592L11.5622 10.938V15.1463Z M18.7744 8.0598C18.6521 8.0598 18.5807 8.13253 18.5807 8.24683V15.1463C18.5807 15.2606 18.6521 15.3333 18.7744 15.3333H19.7123C19.8347 15.3333 19.8958 15.2606 19.8958 15.1463V12.6213H21.2212C22.5771 12.6213 23.668 11.8213 23.668 10.3458C23.668 8.87028 22.5771 8.0598 21.2212 8.0598H18.7744ZM19.8958 11.3952V9.28589H21.1702C21.8329 9.28589 22.3426 9.67035 22.3426 10.3458C22.3426 11.0108 21.8431 11.3952 21.1702 11.3952H19.8958Z'
|
|
24895
25036
|
});
|
|
24896
|
-
var robim_external_iwit = Object.assign(Object.assign({}, staticData$
|
|
25037
|
+
var robim_external_iwit = Object.assign(Object.assign({}, staticData$4), {
|
|
24897
25038
|
name: 'robim_external_iwit',
|
|
24898
25039
|
svgPathData: 'M18.2095 4.88028C18.5051 5.64289 18.6572 6.46026 18.6572 7.28571H13.0702V13.2571H13.1962L18.6572 9.17143V13.2571H21.5977V13.8857H18.6572V16.0857H16.1048L13.1922 13.8857H12.4123L9.47174 16.0857H6.89508V13.8857H3.95456V13.2571H6.89508V9.1713L12.3044 13.2571H12.4821V7.28571L6.89508 7.28572C6.89508 6.46026 7.0472 5.64289 7.34275 4.88028C7.6383 4.11766 8.0715 3.42473 8.6176 2.84104C9.16371 2.25736 9.81203 1.79436 10.5256 1.47847C11.2391 1.16258 12.0038 1 12.7761 1C13.5484 1 14.3132 1.16258 15.0267 1.47847C15.7402 1.79436 16.3886 2.25736 16.9347 2.84104C17.4808 3.42473 17.914 4.11766 18.2095 4.88028Z M3.66797 16.2969V16.8816L4.37008 17.0105V22.291L3.66797 22.4199V23H5.92075V22.4199L5.21864 22.291V17.0105L5.92075 16.8816V16.2969H3.66797Z M7.68679 16.9874L8.32428 16.8816V16.2969H6.33426V16.8816L6.83822 16.9506L8.20367 23H8.95747L10.2152 18.3502L10.3229 17.7471H10.3488L10.4608 18.3502L11.7013 23H12.4594L13.8248 16.9506L14.3288 16.8816V16.2969H12.3345V16.8816L12.9763 16.9874L12.188 20.6797L12.0631 21.5406H12.0373L11.865 20.6797L10.7063 16.2969H9.95679L8.80241 20.6797L8.63442 21.5222L8.60857 21.5176L8.49227 20.6797L7.68679 16.9874Z M14.7466 16.2969V16.8816L15.4487 17.0105V22.291L14.7466 22.4199V23H16.9994V22.4199L16.2973 22.291V17.0105L16.9994 16.8816V16.2969H14.7466Z M22.668 17.7793V16.2969H17.456V17.7793H18.184L18.2443 17.0105H19.6399V22.291L18.9377 22.4199V23H21.1905V22.4199L20.4884 22.291V17.0105H21.8797L21.9443 17.7793H22.668Z'
|
|
24899
25040
|
});
|
|
24900
25041
|
|
|
25042
|
+
var staticData$3 = {
|
|
25043
|
+
width: '24',
|
|
25044
|
+
height: '24',
|
|
25045
|
+
prefix: 'echo',
|
|
25046
|
+
group: 'general'
|
|
25047
|
+
};
|
|
25048
|
+
var map_legend_info = Object.assign(Object.assign({}, staticData$3), {
|
|
25049
|
+
name: 'map_legend_info',
|
|
25050
|
+
svgPathData: 'M14 6C14 3.79 15.79 2 18 2C20.21 2 22 3.79 22 6C22 7.28292 21.21 7.97332 20.4408 8.64554C19.711 9.28326 19 9.90463 19 11H17C17 9.17873 17.9421 8.45659 18.7704 7.82167C19.4202 7.32361 20 6.87922 20 6C20 4.9 19.1 4 18 4C16.9 4 16 4.9 16 6H14ZM8 20L13 22L18.3162 20.2279C18.7246 20.0918 19 19.7097 19 19.2792V16H17V18.5585L14 19.5585V10.5674L15 10.2711V8.18518L13 8.77778L8 7L2.71591 8.56566C2.29129 8.69147 2 9.08159 2 9.52445V21.3063C2 21.6476 2.33435 21.8885 2.65811 21.7806L8 20ZM7 18.2251V9.38224L4 10.2711V19.2251L7 18.2251ZM12 10.5449V19.4459L9 18.2459V9.47821L12 10.5449ZM17 12V14H19V12H17Z'
|
|
25051
|
+
});
|
|
25052
|
+
|
|
24901
25053
|
var staticData$2 = {
|
|
24902
25054
|
width: '24',
|
|
24903
25055
|
height: '24',
|
|
@@ -25005,6 +25157,7 @@ var workorders_pm20 = Object.assign(Object.assign({}, staticData), {
|
|
|
25005
25157
|
|
|
25006
25158
|
var echoIcons = /*#__PURE__*/Object.freeze({
|
|
25007
25159
|
__proto__: null,
|
|
25160
|
+
map_legend_info: map_legend_info,
|
|
25008
25161
|
notifications_m1: notifications_m1,
|
|
25009
25162
|
notifications_m2: notifications_m2,
|
|
25010
25163
|
notifications_m3: notifications_m3,
|
|
@@ -25321,5 +25474,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
25321
25474
|
}));
|
|
25322
25475
|
};
|
|
25323
25476
|
|
|
25324
|
-
export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, MenuButton, OptionsList, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelStore, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
25477
|
+
export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LayerLegend, LinkCard, ListItem, ListRow, MainLegend, MenuButton, OptionsList, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$1 as classnames, echoIcons, getIcon, map_legend_info, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelStore, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
25325
25478
|
//# sourceMappingURL=index.js.map
|