@equinor/echo-components 0.7.13 → 0.7.15
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 -1
- package/dist/components/searchBar/common/SearchSuggestions.d.ts +4 -0
- package/dist/components/searchBar/common/SuggestionGroup.d.ts +4 -0
- package/dist/components/searchBar/common/types.d.ts +26 -0
- package/dist/components/{floatingSearchBar → searchBar/floatingSearchBar}/FloatingSearchBar.d.ts +2 -18
- package/dist/components/searchBar/index.d.ts +3 -0
- package/dist/components/searchBar/responsiveSearchBar/ResponsiveSearchBar.d.ts +28 -0
- package/dist/components/splitView/left/SplitViewLeft.d.ts +2 -1
- package/dist/index.js +645 -497
- package/dist/index.js.map +1 -1
- package/dist/types/workOrderItem.d.ts +7 -0
- package/dist/utils/workorder.d.ts +3 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -34,8 +34,8 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
37
|
+
var css_248z$H = ":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$H);
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
@@ -427,16 +427,16 @@ function getIcon(tagCategoryDescription) {
|
|
|
427
427
|
});
|
|
428
428
|
}
|
|
429
429
|
|
|
430
|
-
var css_248z$
|
|
431
|
-
var styles$
|
|
432
|
-
styleInject(css_248z$
|
|
430
|
+
var css_248z$G = ".BlackLink-module_linkElement__WGkkg{align-items:center;color:var(--echoText);cursor:auto;cursor:pointer;display:inline-flex;gap:.5rem;text-decoration:underline;text-decoration:none}.BlackLink-module_linkElement__WGkkg>label{cursor:inherit}.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}";
|
|
431
|
+
var styles$t = {"linkElement":"BlackLink-module_linkElement__WGkkg","linkIcon":"BlackLink-module_linkIcon__GW-93"};
|
|
432
|
+
styleInject(css_248z$G);
|
|
433
433
|
|
|
434
434
|
var BlackLink = function BlackLink(_ref) {
|
|
435
435
|
var className = _ref.className,
|
|
436
436
|
href = _ref.href,
|
|
437
437
|
linkText = _ref.linkText,
|
|
438
438
|
preserveTab = _ref.preserveTab;
|
|
439
|
-
var linkElement = classnames$3(className, styles$
|
|
439
|
+
var linkElement = classnames$3(className, styles$t.linkElement);
|
|
440
440
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
441
441
|
className: linkElement,
|
|
442
442
|
id: linkText,
|
|
@@ -447,7 +447,7 @@ var BlackLink = function BlackLink(_ref) {
|
|
|
447
447
|
}, /*#__PURE__*/React__default.createElement("label", {
|
|
448
448
|
htmlFor: linkText
|
|
449
449
|
}, linkText), /*#__PURE__*/React__default.createElement(Icon, {
|
|
450
|
-
className: styles$
|
|
450
|
+
className: styles$t.linkIcon,
|
|
451
451
|
color: 'var(--echoText)',
|
|
452
452
|
name: "external_link",
|
|
453
453
|
size: 24
|
|
@@ -606,9 +606,9 @@ function _toConsumableArray$1(arr) {
|
|
|
606
606
|
return _arrayWithoutHoles$1(arr) || _iterableToArray$1(arr) || _unsupportedIterableToArray$3(arr) || _nonIterableSpread$1();
|
|
607
607
|
}
|
|
608
608
|
|
|
609
|
-
var css_248z$
|
|
609
|
+
var css_248z$F = ".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}";
|
|
610
610
|
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
611
|
-
styleInject(css_248z$
|
|
611
|
+
styleInject(css_248z$F);
|
|
612
612
|
|
|
613
613
|
/**
|
|
614
614
|
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
@@ -634,9 +634,9 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
634
634
|
}, data.label);
|
|
635
635
|
};
|
|
636
636
|
|
|
637
|
-
var css_248z$
|
|
637
|
+
var css_248z$E = ".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}";
|
|
638
638
|
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"};
|
|
639
|
-
styleInject(css_248z$
|
|
639
|
+
styleInject(css_248z$E);
|
|
640
640
|
|
|
641
641
|
/**
|
|
642
642
|
* Component that renders a popover with data information buttons
|
|
@@ -703,9 +703,9 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
703
703
|
})));
|
|
704
704
|
};
|
|
705
705
|
|
|
706
|
-
var css_248z$
|
|
706
|
+
var css_248z$D = ".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}";
|
|
707
707
|
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
708
|
-
styleInject(css_248z$
|
|
708
|
+
styleInject(css_248z$D);
|
|
709
709
|
|
|
710
710
|
/**
|
|
711
711
|
* Component that renders a round button, that opens a popover upon being clicked
|
|
@@ -16134,9 +16134,9 @@ function LineChart(_ref) {
|
|
|
16134
16134
|
});
|
|
16135
16135
|
}
|
|
16136
16136
|
|
|
16137
|
-
var css_248z$
|
|
16138
|
-
var styles$
|
|
16139
|
-
styleInject(css_248z$
|
|
16137
|
+
var css_248z$C = ".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}";
|
|
16138
|
+
var styles$s = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
16139
|
+
styleInject(css_248z$C);
|
|
16140
16140
|
|
|
16141
16141
|
/**
|
|
16142
16142
|
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
@@ -16154,7 +16154,7 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
16154
16154
|
style: {
|
|
16155
16155
|
background: legendColor
|
|
16156
16156
|
},
|
|
16157
|
-
className: "".concat(styles$
|
|
16157
|
+
className: "".concat(styles$s.icon)
|
|
16158
16158
|
}, icon);
|
|
16159
16159
|
};
|
|
16160
16160
|
|
|
@@ -16168,13 +16168,13 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
16168
16168
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
16169
16169
|
var children = _ref.children;
|
|
16170
16170
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16171
|
-
className: "".concat(styles$
|
|
16171
|
+
className: "".concat(styles$s.shadow)
|
|
16172
16172
|
}, children);
|
|
16173
16173
|
};
|
|
16174
16174
|
|
|
16175
|
-
var css_248z$
|
|
16176
|
-
var styles$
|
|
16177
|
-
styleInject(css_248z$
|
|
16175
|
+
var css_248z$B = ".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}";
|
|
16176
|
+
var styles$r = {"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"};
|
|
16177
|
+
styleInject(css_248z$B);
|
|
16178
16178
|
|
|
16179
16179
|
/**
|
|
16180
16180
|
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
@@ -16204,20 +16204,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
16204
16204
|
children = _ref.children;
|
|
16205
16205
|
if (expanded) {
|
|
16206
16206
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16207
|
-
className: styles$
|
|
16207
|
+
className: styles$r.contextWrapperExpanded,
|
|
16208
16208
|
onClick: openTagInformation
|
|
16209
16209
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16210
|
-
className: styles$
|
|
16210
|
+
className: styles$r.tagInfoWrapper
|
|
16211
16211
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
16212
|
-
className: styles$
|
|
16212
|
+
className: styles$r.tagText
|
|
16213
16213
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
16214
16214
|
variant: "h5",
|
|
16215
|
-
className: styles$
|
|
16215
|
+
className: styles$r.tagHeader
|
|
16216
16216
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
16217
16217
|
variant: "body_short",
|
|
16218
|
-
className: styles$
|
|
16218
|
+
className: styles$r.tagDescription
|
|
16219
16219
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
16220
|
-
className: styles$
|
|
16220
|
+
className: styles$r.tagInfoIcon
|
|
16221
16221
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16222
16222
|
variant: "ghost_icon"
|
|
16223
16223
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -16228,7 +16228,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
16228
16228
|
} else {
|
|
16229
16229
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16230
16230
|
"data-testid": "open-tag-info",
|
|
16231
|
-
className: "".concat(styles$
|
|
16231
|
+
className: "".concat(styles$r.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$r.selected : ''),
|
|
16232
16232
|
onClick: function onClick() {
|
|
16233
16233
|
setExpanded(true);
|
|
16234
16234
|
}
|
|
@@ -16236,9 +16236,9 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
16236
16236
|
}
|
|
16237
16237
|
};
|
|
16238
16238
|
|
|
16239
|
-
var css_248z$
|
|
16239
|
+
var css_248z$A = ".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}}";
|
|
16240
16240
|
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
16241
|
-
styleInject(css_248z$
|
|
16241
|
+
styleInject(css_248z$A);
|
|
16242
16242
|
|
|
16243
16243
|
/**
|
|
16244
16244
|
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
@@ -16672,9 +16672,9 @@ function __awaiter(thisArg, _arguments, P, generator) {
|
|
|
16672
16672
|
});
|
|
16673
16673
|
}
|
|
16674
16674
|
|
|
16675
|
-
var css_248z$
|
|
16676
|
-
var styles$
|
|
16677
|
-
styleInject(css_248z$
|
|
16675
|
+
var css_248z$z = ".CopyToClipboard-module_copyToClipboardContainer__xA1rT{color:#3d3d3d!important;cursor:pointer;display:flex;gap:.5rem;height:36px;min-width:100px}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label=warning]{background-color:#ffe7d6!important}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label=error]{background-color:#ffc1c1!important}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label=success]{background-color:#e6faec!important}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label$=-multiline]{align-items:center;height:unset}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label$=warning-multiline]{background-color:#ffe7d6!important}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label$=error-multiline]{background-color:#ffc1c1!important}.CopyToClipboard-module_copyToClipboardContainer__xA1rT[aria-label$=success-multiline]{background-color:#e6faec}.CopyToClipboard-module_readonlyInput__rfIQF{background-color:#dcdcdc!important;border-bottom:1px solid #dcdcdc;color:#bebebe!important;cursor:pointer;min-width:100px;pointer-events:none}.CopyToClipboard-module_readonlyInput__rfIQF input{color:inherit!important}.CopyToClipboard-module_readonlyInput__rfIQF>div>textarea{overflow-y:hidden}.CopyToClipboard-module_textFieldSelector__0PJ8S{flex-grow:3}.CopyToClipboard-module_copyButton__XdBoF{width:100px}.CopyToClipboard-module_copyButton__XdBoF[aria-label=error-button],.CopyToClipboard-module_copyButton__XdBoF[aria-label=success-button],.CopyToClipboard-module_copyButton__XdBoF[aria-label=warning-button]{background-color:inherit;border:1px solid #3d3d3d!important;color:#3d3d3d!important}.CopyToClipboard-module_copyButton__XdBoF[aria-pressed=true]>*{border-color:var(--toggleActive);font-size:.7rem}";
|
|
16676
|
+
var styles$q = {"copyToClipboardContainer":"CopyToClipboard-module_copyToClipboardContainer__xA1rT","readonlyInput":"CopyToClipboard-module_readonlyInput__rfIQF","textFieldSelector":"CopyToClipboard-module_textFieldSelector__0PJ8S","copyButton":"CopyToClipboard-module_copyButton__XdBoF"};
|
|
16677
|
+
styleInject(css_248z$z);
|
|
16678
16678
|
|
|
16679
16679
|
var CopyToClipboard = function CopyToClipboard(props) {
|
|
16680
16680
|
var _a;
|
|
@@ -16727,23 +16727,23 @@ var CopyToClipboard = function CopyToClipboard(props) {
|
|
|
16727
16727
|
}
|
|
16728
16728
|
}
|
|
16729
16729
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16730
|
-
className: styles$
|
|
16730
|
+
className: styles$q.copyToClipboardContainer,
|
|
16731
16731
|
"aria-label": props.multiline ? "".concat(props.variant, "-multiline") : props.variant
|
|
16732
16732
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16733
|
-
className: styles$
|
|
16733
|
+
className: styles$q.textFieldSelector,
|
|
16734
16734
|
onClick: function onClick() {
|
|
16735
16735
|
return handleReadonlySelect();
|
|
16736
16736
|
}
|
|
16737
16737
|
}, /*#__PURE__*/React__default.createElement(TextField, {
|
|
16738
16738
|
ref: edsRef,
|
|
16739
|
-
className: styles$
|
|
16739
|
+
className: styles$q.readonlyInput,
|
|
16740
16740
|
id: "copy-".concat((_a = props.copyableText) === null || _a === void 0 ? void 0 : _a.substring(0, 8)),
|
|
16741
16741
|
value: props.copyableText,
|
|
16742
16742
|
disabled: true,
|
|
16743
16743
|
multiline: props.multiline
|
|
16744
16744
|
})), /*#__PURE__*/React__default.createElement(Button, {
|
|
16745
16745
|
"aria-label": "".concat(props.variant, "-button"),
|
|
16746
|
-
className: styles$
|
|
16746
|
+
className: styles$q.copyButton,
|
|
16747
16747
|
variant: "outlined",
|
|
16748
16748
|
onClick: function onClick() {
|
|
16749
16749
|
return handleClipboard(props.copyableText);
|
|
@@ -29675,16 +29675,16 @@ var require$$65 = /*@__PURE__*/getAugmentedNamespace(set$1);
|
|
|
29675
29675
|
var reactDatepicker_minExports = reactDatepicker_min.exports;
|
|
29676
29676
|
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_minExports);
|
|
29677
29677
|
|
|
29678
|
-
var css_248z$x = "@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}.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__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),.react-datepicker__year--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__year--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__year--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__year--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__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.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}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}";
|
|
29679
|
-
styleInject(css_248z$
|
|
29678
|
+
var css_248z$y = "@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}.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__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),.react-datepicker__year--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__year--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__year--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__year--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__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.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}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}";
|
|
29679
|
+
styleInject(css_248z$y);
|
|
29680
29680
|
|
|
29681
|
-
var css_248z$
|
|
29681
|
+
var css_248z$x = ".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;margin-left:8px;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}";
|
|
29682
29682
|
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"};
|
|
29683
|
-
styleInject(css_248z$
|
|
29683
|
+
styleInject(css_248z$x);
|
|
29684
29684
|
|
|
29685
|
-
var css_248z$
|
|
29685
|
+
var css_248z$w = ".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}";
|
|
29686
29686
|
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
29687
|
-
styleInject(css_248z$
|
|
29687
|
+
styleInject(css_248z$w);
|
|
29688
29688
|
|
|
29689
29689
|
var PopupHeader = function PopupHeader(_ref) {
|
|
29690
29690
|
var date = _ref.date,
|
|
@@ -29729,8 +29729,8 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
29729
29729
|
})));
|
|
29730
29730
|
};
|
|
29731
29731
|
|
|
29732
|
-
var css_248z$
|
|
29733
|
-
styleInject(css_248z$
|
|
29732
|
+
var css_248z$v = ".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%}";
|
|
29733
|
+
styleInject(css_248z$v);
|
|
29734
29734
|
|
|
29735
29735
|
reactDatepicker_minExports.registerLocale('en-gb', enGb);
|
|
29736
29736
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
@@ -29807,9 +29807,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
29807
29807
|
})));
|
|
29808
29808
|
};
|
|
29809
29809
|
|
|
29810
|
-
var css_248z$
|
|
29811
|
-
var styles$
|
|
29812
|
-
styleInject(css_248z$
|
|
29810
|
+
var css_248z$u = ".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}";
|
|
29811
|
+
var styles$p = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
29812
|
+
styleInject(css_248z$u);
|
|
29813
29813
|
|
|
29814
29814
|
/**
|
|
29815
29815
|
* Component that renders a dialog box based on input properties
|
|
@@ -29841,7 +29841,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
29841
29841
|
return _onClose && _onClose();
|
|
29842
29842
|
}
|
|
29843
29843
|
}, /*#__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, {
|
|
29844
|
-
className: styles$
|
|
29844
|
+
className: styles$p.footer
|
|
29845
29845
|
}, actionButtons.map(function (actionButton, index) {
|
|
29846
29846
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
29847
29847
|
key: index,
|
|
@@ -30774,9 +30774,9 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
30774
30774
|
}
|
|
30775
30775
|
});
|
|
30776
30776
|
|
|
30777
|
-
var css_248z$
|
|
30778
|
-
var styles$
|
|
30779
|
-
styleInject(css_248z$
|
|
30777
|
+
var css_248z$t = ".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}";
|
|
30778
|
+
var styles$o = {"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"};
|
|
30779
|
+
styleInject(css_248z$t);
|
|
30780
30780
|
|
|
30781
30781
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
30782
30782
|
useFocus$1 = _EchoUtils$Hooks.useFocus,
|
|
@@ -30899,7 +30899,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
30899
30899
|
}, [filteredData]);
|
|
30900
30900
|
var RenderDropdown = function RenderDropdown() {
|
|
30901
30901
|
var _a, _b;
|
|
30902
|
-
var dropdownShow = openDownWards ? styles$
|
|
30902
|
+
var dropdownShow = openDownWards ? styles$o.dropdownDownShow : styles$o.dropdownUpShow;
|
|
30903
30903
|
var _useFocus = useFocus$1(),
|
|
30904
30904
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
30905
30905
|
searchInput = _useFocus2[0],
|
|
@@ -30917,12 +30917,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
30917
30917
|
key: index,
|
|
30918
30918
|
role: "option",
|
|
30919
30919
|
"aria-selected": false,
|
|
30920
|
-
className: styles$
|
|
30920
|
+
className: styles$o.options,
|
|
30921
30921
|
onClick: function onClick(event) {
|
|
30922
30922
|
return handleItemSelected(event, filteredData[index]);
|
|
30923
30923
|
}
|
|
30924
30924
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
30925
|
-
className: styles$
|
|
30925
|
+
className: styles$o.optionsItem
|
|
30926
30926
|
}, filteredData[index]));
|
|
30927
30927
|
};
|
|
30928
30928
|
var getItemSize = function getItemSize(index) {
|
|
@@ -30939,16 +30939,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
30939
30939
|
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%',
|
|
30940
30940
|
position: position
|
|
30941
30941
|
},
|
|
30942
|
-
className: isOpen ? dropdownShow : styles$
|
|
30942
|
+
className: isOpen ? dropdownShow : styles$o.dropdown
|
|
30943
30943
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
30944
|
-
className: styles$
|
|
30944
|
+
className: styles$o.searchWrapper
|
|
30945
30945
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
30946
30946
|
onChange: handleSetFilter,
|
|
30947
30947
|
value: filter,
|
|
30948
30948
|
ref: searchInput,
|
|
30949
30949
|
placeholder: 'Search'
|
|
30950
30950
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
30951
|
-
className: filterFunc ? styles$
|
|
30951
|
+
className: filterFunc ? styles$o.filteredDataListWithSearch : styles$o.filteredDataList
|
|
30952
30952
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
30953
30953
|
ref: listRef,
|
|
30954
30954
|
width: width,
|
|
@@ -30962,7 +30962,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
30962
30962
|
"data-testid": "dropdown-button",
|
|
30963
30963
|
disabled: isDisabled,
|
|
30964
30964
|
ref: buttonRef,
|
|
30965
|
-
className: [variant === 'compact' ? styles$
|
|
30965
|
+
className: [variant === 'compact' ? styles$o.dropdownToggleHome : styles$o.dropdownToggle, variant === 'compact' && isOpen === true ? styles$o.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$o.dropdownSelected : ''].join(' '),
|
|
30966
30966
|
onClick: function onClick(event) {
|
|
30967
30967
|
return handleIsOpenToggle(event);
|
|
30968
30968
|
},
|
|
@@ -30977,24 +30977,24 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
30977
30977
|
})), openDownWards && RenderDropdown());
|
|
30978
30978
|
};
|
|
30979
30979
|
|
|
30980
|
-
var css_248z$
|
|
30981
|
-
var styles$
|
|
30982
|
-
styleInject(css_248z$
|
|
30980
|
+
var css_248z$s = ".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}}";
|
|
30981
|
+
var styles$n = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
30982
|
+
styleInject(css_248z$s);
|
|
30983
30983
|
|
|
30984
30984
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
30985
30985
|
var children = _ref.children,
|
|
30986
30986
|
style = _ref.style;
|
|
30987
30987
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
30988
|
-
className: styles$
|
|
30988
|
+
className: styles$n.barWrapper
|
|
30989
30989
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
30990
|
-
className: styles$
|
|
30990
|
+
className: styles$n.barContainer,
|
|
30991
30991
|
style: style
|
|
30992
30992
|
}, children));
|
|
30993
30993
|
};
|
|
30994
30994
|
|
|
30995
|
-
var css_248z$
|
|
30995
|
+
var css_248z$r = ".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}";
|
|
30996
30996
|
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"};
|
|
30997
|
-
styleInject(css_248z$
|
|
30997
|
+
styleInject(css_248z$r);
|
|
30998
30998
|
|
|
30999
30999
|
var Body = function Body(_ref) {
|
|
31000
31000
|
var bodyText = _ref.bodyText,
|
|
@@ -31142,9 +31142,9 @@ EchoCard.Body = Body;
|
|
|
31142
31142
|
EchoCard.LinkSection = LinkSection;
|
|
31143
31143
|
EchoCard.DateSection = DateSection;
|
|
31144
31144
|
|
|
31145
|
-
var css_248z$
|
|
31146
|
-
var styles$
|
|
31147
|
-
styleInject(css_248z$
|
|
31145
|
+
var css_248z$q = ".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}";
|
|
31146
|
+
var styles$m = {"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"};
|
|
31147
|
+
styleInject(css_248z$q);
|
|
31148
31148
|
|
|
31149
31149
|
/**
|
|
31150
31150
|
* Component that renders the Echo header
|
|
@@ -31167,21 +31167,21 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
31167
31167
|
var CustomSection = customHeaderSection;
|
|
31168
31168
|
var ModuleIcon = moduleIcon;
|
|
31169
31169
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
31170
|
-
className: styles$
|
|
31170
|
+
className: styles$m.headerWrapper
|
|
31171
31171
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
31172
|
-
className: styles$
|
|
31172
|
+
className: styles$m.headerContainer
|
|
31173
31173
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
31174
|
-
className: styles$
|
|
31174
|
+
className: styles$m.moduleIcon,
|
|
31175
31175
|
name: ModuleIcon,
|
|
31176
31176
|
color: themeConst.asBuilt
|
|
31177
31177
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
31178
|
-
className: styles$
|
|
31178
|
+
className: styles$m.titleSection
|
|
31179
31179
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
31180
|
-
className: styles$
|
|
31180
|
+
className: styles$m.moduleTextTitle
|
|
31181
31181
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
31182
|
-
className: styles$
|
|
31182
|
+
className: styles$m.plantName
|
|
31183
31183
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
31184
|
-
className: styles$
|
|
31184
|
+
className: styles$m.customSection
|
|
31185
31185
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
31186
31186
|
};
|
|
31187
31187
|
|
|
@@ -33451,9 +33451,9 @@ var EchoTooltip = Object.freeze({
|
|
|
33451
33451
|
TooltipContent: TooltipContent
|
|
33452
33452
|
});
|
|
33453
33453
|
|
|
33454
|
-
var css_248z$
|
|
33454
|
+
var css_248z$p = ".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}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon_with_text_below__MDM7Q{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon_with_text_below__MDM7Q>span{display:flex;flex-direction:column;font-size:11px;font-style:normal;font-weight:500;gap:0;line-height:12px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon_with_text_below__MDM7Q:hover{border-radius:4px}";
|
|
33455
33455
|
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","square_icon_with_text_below":"floatingActionButton-module_square_icon_with_text_below__MDM7Q"};
|
|
33456
|
-
styleInject(css_248z$
|
|
33456
|
+
styleInject(css_248z$p);
|
|
33457
33457
|
|
|
33458
33458
|
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
33459
33459
|
switch (echoVariant) {
|
|
@@ -33504,311 +33504,9 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
|
33504
33504
|
}), (variant === 'square_icon_with_text' || variant === 'square_icon_with_text_below') && label && /*#__PURE__*/React__default.createElement("span", null, label));
|
|
33505
33505
|
};
|
|
33506
33506
|
|
|
33507
|
-
var
|
|
33508
|
-
|
|
33509
|
-
|
|
33510
|
-
useEffect(function () {
|
|
33511
|
-
savedHandler.current = handler;
|
|
33512
|
-
}, [handler]);
|
|
33513
|
-
useEffect(function () {
|
|
33514
|
-
if (!element || !element.addEventListener) {
|
|
33515
|
-
return;
|
|
33516
|
-
}
|
|
33517
|
-
var eventListener = function eventListener(event) {
|
|
33518
|
-
return savedHandler.current(event);
|
|
33519
|
-
};
|
|
33520
|
-
element.addEventListener(eventName, eventListener, options);
|
|
33521
|
-
return function () {
|
|
33522
|
-
element.removeEventListener(eventName, eventListener, options);
|
|
33523
|
-
};
|
|
33524
|
-
}, [eventName, element, options]);
|
|
33525
|
-
};
|
|
33526
|
-
|
|
33527
|
-
var useInitial = EchoUtils.Hooks.useInitial;
|
|
33528
|
-
/**
|
|
33529
|
-
* Hook for checking if page is loaded from mobile device.
|
|
33530
|
-
* @returns boolean true if on mobile.
|
|
33531
|
-
*/
|
|
33532
|
-
function useIsMobile() {
|
|
33533
|
-
var _useState = useState(false),
|
|
33534
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33535
|
-
isMobile = _useState2[0],
|
|
33536
|
-
setIsMobile = _useState2[1];
|
|
33537
|
-
useInitial(function () {
|
|
33538
|
-
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
|
33539
|
-
// true for mobile device
|
|
33540
|
-
setIsMobile(true);
|
|
33541
|
-
} else {
|
|
33542
|
-
// false for not mobile device
|
|
33543
|
-
setIsMobile(false);
|
|
33544
|
-
}
|
|
33545
|
-
});
|
|
33546
|
-
return isMobile;
|
|
33547
|
-
}
|
|
33548
|
-
|
|
33549
|
-
var Keys = {
|
|
33550
|
-
ArrowUp: 'up',
|
|
33551
|
-
ArrowRight: 'right',
|
|
33552
|
-
ArrowDown: 'down',
|
|
33553
|
-
ArrowLeft: 'left',
|
|
33554
|
-
Enter: 'enter',
|
|
33555
|
-
Escape: 'escape'
|
|
33556
|
-
};
|
|
33557
|
-
var useKeyboardNavigation = function useKeyboardNavigation(keyboardEvents) {
|
|
33558
|
-
var listenerTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
|
|
33559
|
-
var handleKeyDown = useCallback(function (e) {
|
|
33560
|
-
var key = Keys[e.key];
|
|
33561
|
-
var handler = keyboardEvents[key];
|
|
33562
|
-
if (handler) {
|
|
33563
|
-
handler(e);
|
|
33564
|
-
}
|
|
33565
|
-
}, [keyboardEvents]);
|
|
33566
|
-
useEventListener('keydown', handleKeyDown, false, listenerTarget);
|
|
33567
|
-
};
|
|
33568
|
-
/**
|
|
33569
|
-
* Handles keyboard navigation and key events in the floating search bar suggestions.
|
|
33570
|
-
*/
|
|
33571
|
-
var useSearchBarSectionNavigator = function useSearchBarSectionNavigator(sections, initialSelected, keyboardEvents) {
|
|
33572
|
-
var listenerTarget = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
33573
|
-
var _useState = useState(initialSelected),
|
|
33574
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33575
|
-
focusedSection = _useState2[0],
|
|
33576
|
-
setFocusedSection = _useState2[1];
|
|
33577
|
-
var _useState3 = useState(initialSelected),
|
|
33578
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
33579
|
-
focusedOption = _useState4[0],
|
|
33580
|
-
setFocusedOption = _useState4[1];
|
|
33581
|
-
var up = useCallback(function () {
|
|
33582
|
-
var nextSection = focusedSection;
|
|
33583
|
-
var nextOption = focusedOption;
|
|
33584
|
-
if (nextOption > 0) {
|
|
33585
|
-
// there exists more options in this section
|
|
33586
|
-
setFocusedOption(nextOption - 1);
|
|
33587
|
-
} else {
|
|
33588
|
-
// we're on the first option in section and should move to a previous section.
|
|
33589
|
-
if (nextSection > 0) {
|
|
33590
|
-
nextSection -= 1;
|
|
33591
|
-
// getting last index of option in section
|
|
33592
|
-
nextOption = sections[nextSection].options.length - 1;
|
|
33593
|
-
setFocusedSection(nextSection);
|
|
33594
|
-
setFocusedOption(nextOption);
|
|
33595
|
-
} else {
|
|
33596
|
-
// if initial is deselected -- we add this step.
|
|
33597
|
-
if (initialSelected === -1 && focusedOption === 0 && focusedSection === 0) {
|
|
33598
|
-
// deselect
|
|
33599
|
-
setFocusedSection(-1);
|
|
33600
|
-
setFocusedOption(-1);
|
|
33601
|
-
} else {
|
|
33602
|
-
// we're at deselected - move user down to end
|
|
33603
|
-
nextSection = sections.length - 1;
|
|
33604
|
-
nextOption = sections[nextSection].options.length - 1;
|
|
33605
|
-
setFocusedSection(nextSection);
|
|
33606
|
-
setFocusedOption(nextOption);
|
|
33607
|
-
}
|
|
33608
|
-
}
|
|
33609
|
-
}
|
|
33610
|
-
}, [sections, focusedSection, focusedOption]);
|
|
33611
|
-
var down = useCallback(function () {
|
|
33612
|
-
var _a, _b;
|
|
33613
|
-
var nextSection = focusedSection;
|
|
33614
|
-
var nextOption = focusedOption;
|
|
33615
|
-
if (nextOption < ((_b = (_a = sections[nextSection]) === null || _a === void 0 ? void 0 : _a.options.length) !== null && _b !== void 0 ? _b : 0) - 1) {
|
|
33616
|
-
setFocusedOption(nextOption + 1);
|
|
33617
|
-
} else {
|
|
33618
|
-
// we're at the end of options in section
|
|
33619
|
-
if (nextSection < sections.length - 1) {
|
|
33620
|
-
// there exists more sections
|
|
33621
|
-
setFocusedSection(nextSection + 1);
|
|
33622
|
-
setFocusedOption(0);
|
|
33623
|
-
} else {
|
|
33624
|
-
// we're at the end of sections - back to start (de-selected).
|
|
33625
|
-
// props says we need a deselected step
|
|
33626
|
-
if (initialSelected === -1) {
|
|
33627
|
-
setFocusedSection(-1);
|
|
33628
|
-
setFocusedOption(-1);
|
|
33629
|
-
} else {
|
|
33630
|
-
setFocusedSection(0);
|
|
33631
|
-
setFocusedOption(0);
|
|
33632
|
-
}
|
|
33633
|
-
}
|
|
33634
|
-
}
|
|
33635
|
-
}, [sections, focusedSection, focusedOption]);
|
|
33636
|
-
var enter = useCallback(function () {
|
|
33637
|
-
if (keyboardEvents.enter) {
|
|
33638
|
-
if (focusedOption === -1 && focusedSection === -1) {
|
|
33639
|
-
return;
|
|
33640
|
-
}
|
|
33641
|
-
keyboardEvents.enter(focusedSection, focusedOption);
|
|
33642
|
-
}
|
|
33643
|
-
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
33644
|
-
var escape = useCallback(function () {
|
|
33645
|
-
keyboardEvents.escape && keyboardEvents.escape();
|
|
33646
|
-
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
33647
|
-
useKeyboardNavigation({
|
|
33648
|
-
up: up,
|
|
33649
|
-
down: down,
|
|
33650
|
-
enter: enter,
|
|
33651
|
-
escape: escape
|
|
33652
|
-
}, listenerTarget);
|
|
33653
|
-
return {
|
|
33654
|
-
focusedSection: focusedSection,
|
|
33655
|
-
focusedOption: focusedOption
|
|
33656
|
-
};
|
|
33657
|
-
};
|
|
33658
|
-
|
|
33659
|
-
var css_248z$n = ".floatingSearchBar-module_searchbarWrapper__-sSMM{max-width:404px;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{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:rgba(0,0,0,.9);border-radius:4px;margin-top:4px;max-height:400px;overflow:auto;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_items__oxyVh::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border:2px solid hsla(0,0%,100%,.06)}.floatingSearchBar-module_items__oxyVh::-webkit-scrollbar-track{background:rgba(0,0,0,.9)}.floatingSearchBar-module_groupWrapper__B6-q3{color:var(--white);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem;list-style:none;margin:0;padding:0}.floatingSearchBar-module_groupTitle__3fYBM{border-bottom:1px solid hsla(0,0%,100%,.16);padding:.5rem 1rem}.floatingSearchBar-module_item__nxfxG{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;padding:1rem 1.25rem}.floatingSearchBar-module_item__nxfxG svg{min-width:24px}.floatingSearchBar-module_loading__lY-99{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;padding:1rem 1.25rem}.floatingSearchBar-module_item__nxfxG:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__IQ7gz{background:hsla(0,0%,100%,.16)}";
|
|
33660
|
-
var style$2 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__-sSMM","searchbar":"floatingSearchBar-module_searchbar__0U3fZ","items":"floatingSearchBar-module_items__oxyVh","groupWrapper":"floatingSearchBar-module_groupWrapper__B6-q3","groupTitle":"floatingSearchBar-module_groupTitle__3fYBM","item":"floatingSearchBar-module_item__nxfxG","loading":"floatingSearchBar-module_loading__lY-99","activeItem":"floatingSearchBar-module_activeItem__IQ7gz"};
|
|
33661
|
-
styleInject(css_248z$n);
|
|
33662
|
-
|
|
33663
|
-
/**
|
|
33664
|
-
* Floating search bar
|
|
33665
|
-
*
|
|
33666
|
-
* @param {FloatingSearchBarProps} {
|
|
33667
|
-
* }
|
|
33668
|
-
* @return {*} {JSX.Element}
|
|
33669
|
-
*/
|
|
33670
|
-
var FloatingSearchBar = function FloatingSearchBar(_ref) {
|
|
33671
|
-
var ariaLabel = _ref.ariaLabel,
|
|
33672
|
-
placeholder = _ref.placeholder,
|
|
33673
|
-
onSearchQueryChange = _ref.onSearchQueryChange,
|
|
33674
|
-
suggestionGroups = _ref.suggestionGroups,
|
|
33675
|
-
onSuggestionClick = _ref.onSuggestionClick,
|
|
33676
|
-
isLoading = _ref.isLoading;
|
|
33677
|
-
var _useState = useState(false),
|
|
33678
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
33679
|
-
isOpen = _useState2[0],
|
|
33680
|
-
setIsOpen = _useState2[1];
|
|
33681
|
-
var _useState3 = useState(''),
|
|
33682
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
33683
|
-
value = _useState4[0],
|
|
33684
|
-
setValue = _useState4[1];
|
|
33685
|
-
var containerRef = useRef(null);
|
|
33686
|
-
var openMenu = function openMenu() {
|
|
33687
|
-
setIsOpen(true);
|
|
33688
|
-
};
|
|
33689
|
-
var closeMenu = function closeMenu() {
|
|
33690
|
-
if (isOpen) setIsOpen(false);
|
|
33691
|
-
};
|
|
33692
|
-
EchoUtils.Hooks.useOnOutsideClick(closeMenu, {
|
|
33693
|
-
refs: [containerRef]
|
|
33694
|
-
});
|
|
33695
|
-
useKeyboardNavigation({
|
|
33696
|
-
escape: closeMenu
|
|
33697
|
-
});
|
|
33698
|
-
function onClick(suggestion) {
|
|
33699
|
-
setValue(suggestion.label);
|
|
33700
|
-
closeMenu();
|
|
33701
|
-
onSuggestionClick(suggestion);
|
|
33702
|
-
}
|
|
33703
|
-
return /*#__PURE__*/React__default.createElement("form", {
|
|
33704
|
-
ref: containerRef,
|
|
33705
|
-
className: style$2.searchbarWrapper,
|
|
33706
|
-
onFocus: function onFocus() {
|
|
33707
|
-
return value && openMenu();
|
|
33708
|
-
},
|
|
33709
|
-
autoComplete: 'off',
|
|
33710
|
-
onSubmit: function onSubmit(e) {
|
|
33711
|
-
return e.preventDefault();
|
|
33712
|
-
}
|
|
33713
|
-
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
33714
|
-
id: 'search',
|
|
33715
|
-
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Search',
|
|
33716
|
-
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search',
|
|
33717
|
-
"aria-controls": "menu-default",
|
|
33718
|
-
"aria-haspopup": "true",
|
|
33719
|
-
className: style$2.searchbar,
|
|
33720
|
-
onChange: function onChange(e) {
|
|
33721
|
-
//TODO: Prevent up and down arrow keys from moving the cursor back and forth.
|
|
33722
|
-
// It appears EDS swallows the Up and Down arrow events.
|
|
33723
|
-
var val = e.target.value;
|
|
33724
|
-
setValue(val);
|
|
33725
|
-
onSearchQueryChange(val);
|
|
33726
|
-
if (val === '') closeMenu();else if (!isOpen) openMenu();
|
|
33727
|
-
},
|
|
33728
|
-
value: value
|
|
33729
|
-
}), isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
33730
|
-
className: style$2.items
|
|
33731
|
-
}, isLoading && /*#__PURE__*/React__default.createElement("li", {
|
|
33732
|
-
className: style$2.loading,
|
|
33733
|
-
role: 'option',
|
|
33734
|
-
id: 'loading',
|
|
33735
|
-
key: 'loading'
|
|
33736
|
-
}, /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
33737
|
-
size: 24,
|
|
33738
|
-
color: 'neutral'
|
|
33739
|
-
})), !isLoading && isOpen && suggestionGroups && suggestionGroups.length > 0 && /*#__PURE__*/React__default.createElement(SearchSuggestions, {
|
|
33740
|
-
suggestionGroups: suggestionGroups,
|
|
33741
|
-
containerRef: containerRef.current,
|
|
33742
|
-
onClick: onClick
|
|
33743
|
-
})));
|
|
33744
|
-
};
|
|
33745
|
-
function SearchSuggestions(_ref2) {
|
|
33746
|
-
var suggestionGroups = _ref2.suggestionGroups,
|
|
33747
|
-
containerRef = _ref2.containerRef,
|
|
33748
|
-
onClick = _ref2.onClick;
|
|
33749
|
-
var _useSearchBarSectionN = useSearchBarSectionNavigator(suggestionGroups, 0, {
|
|
33750
|
-
enter: function enter() {
|
|
33751
|
-
var section = suggestionGroups[focusedSection];
|
|
33752
|
-
var option = section.options[focusedOption];
|
|
33753
|
-
onClick(option);
|
|
33754
|
-
}
|
|
33755
|
-
}, containerRef !== null && containerRef !== void 0 ? containerRef : undefined),
|
|
33756
|
-
focusedSection = _useSearchBarSectionN.focusedSection,
|
|
33757
|
-
focusedOption = _useSearchBarSectionN.focusedOption;
|
|
33758
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, suggestionGroups.map(function (suggestionGroup, index) {
|
|
33759
|
-
return /*#__PURE__*/React__default.createElement(SuggestionGroup, {
|
|
33760
|
-
suggestionGroup: suggestionGroup,
|
|
33761
|
-
onClick: onClick,
|
|
33762
|
-
key: suggestionGroup.id,
|
|
33763
|
-
focusedOption: index === focusedSection ? focusedOption : -1
|
|
33764
|
-
});
|
|
33765
|
-
}));
|
|
33766
|
-
}
|
|
33767
|
-
function SuggestionGroup(_ref3) {
|
|
33768
|
-
var suggestionGroup = _ref3.suggestionGroup,
|
|
33769
|
-
_onClick = _ref3.onClick,
|
|
33770
|
-
focusedOption = _ref3.focusedOption;
|
|
33771
|
-
var _a;
|
|
33772
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("ul", {
|
|
33773
|
-
role: 'listbox',
|
|
33774
|
-
className: style$2.groupWrapper,
|
|
33775
|
-
"aria-expanded": true,
|
|
33776
|
-
key: suggestionGroup.id,
|
|
33777
|
-
id: suggestionGroup.id
|
|
33778
|
-
}, suggestionGroup.title && /*#__PURE__*/React__default.createElement("div", {
|
|
33779
|
-
className: style$2.groupTitle
|
|
33780
|
-
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
33781
|
-
group: "paragraph",
|
|
33782
|
-
variant: "overline",
|
|
33783
|
-
token: {
|
|
33784
|
-
textTransform: 'uppercase',
|
|
33785
|
-
color: 'white'
|
|
33786
|
-
}
|
|
33787
|
-
}, suggestionGroup.title)), (_a = suggestionGroup.options) === null || _a === void 0 ? void 0 : _a.map(function (suggestion, index) {
|
|
33788
|
-
var className = classnames$3(style$2.item, _defineProperty$1({}, style$2.activeItem, index === focusedOption));
|
|
33789
|
-
return /*#__PURE__*/React__default.createElement("li", {
|
|
33790
|
-
role: 'option',
|
|
33791
|
-
id: suggestion.id,
|
|
33792
|
-
className: className,
|
|
33793
|
-
onClick: function onClick() {
|
|
33794
|
-
_onClick(suggestion);
|
|
33795
|
-
},
|
|
33796
|
-
key: suggestion.id
|
|
33797
|
-
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
33798
|
-
name: suggestion.iconName
|
|
33799
|
-
}), /*#__PURE__*/React__default.createElement(Typography, {
|
|
33800
|
-
group: "heading",
|
|
33801
|
-
variant: "h6",
|
|
33802
|
-
token: {
|
|
33803
|
-
color: 'white'
|
|
33804
|
-
}
|
|
33805
|
-
}, suggestion.label));
|
|
33806
|
-
})));
|
|
33807
|
-
}
|
|
33808
|
-
|
|
33809
|
-
var css_248z$m = ".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}";
|
|
33810
|
-
var styles$k = {"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"};
|
|
33811
|
-
styleInject(css_248z$m);
|
|
33507
|
+
var css_248z$o = ".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}";
|
|
33508
|
+
var styles$l = {"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"};
|
|
33509
|
+
styleInject(css_248z$o);
|
|
33812
33510
|
|
|
33813
33511
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
33814
33512
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -33829,7 +33527,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
33829
33527
|
return iconToShow;
|
|
33830
33528
|
}
|
|
33831
33529
|
};
|
|
33832
|
-
var buttonStyle = disableHover ? styles$
|
|
33530
|
+
var buttonStyle = disableHover ? styles$l.tagButtonNoHover : styles$l.tagButton;
|
|
33833
33531
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
33834
33532
|
variant: 'ghost',
|
|
33835
33533
|
onClick: onClickHandler,
|
|
@@ -33838,21 +33536,43 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
33838
33536
|
style: {
|
|
33839
33537
|
background: legendColor
|
|
33840
33538
|
},
|
|
33841
|
-
className: styles$
|
|
33539
|
+
className: styles$l.icon
|
|
33842
33540
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
33843
|
-
className: styles$
|
|
33541
|
+
className: styles$l.textContainer
|
|
33844
33542
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
33845
33543
|
variant: "body_short_link",
|
|
33846
|
-
className: styles$
|
|
33544
|
+
className: styles$l.tag
|
|
33847
33545
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
33848
|
-
className: styles$
|
|
33546
|
+
className: styles$l.description,
|
|
33849
33547
|
variant: "body_short"
|
|
33850
33548
|
}, description)));
|
|
33851
33549
|
};
|
|
33852
33550
|
|
|
33853
|
-
var
|
|
33854
|
-
|
|
33855
|
-
|
|
33551
|
+
var useInitial = EchoUtils.Hooks.useInitial;
|
|
33552
|
+
/**
|
|
33553
|
+
* Hook for checking if page is loaded from mobile device.
|
|
33554
|
+
* @returns boolean true if on mobile.
|
|
33555
|
+
*/
|
|
33556
|
+
function useIsMobile() {
|
|
33557
|
+
var _useState = useState(false),
|
|
33558
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33559
|
+
isMobile = _useState2[0],
|
|
33560
|
+
setIsMobile = _useState2[1];
|
|
33561
|
+
useInitial(function () {
|
|
33562
|
+
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
|
|
33563
|
+
// true for mobile device
|
|
33564
|
+
setIsMobile(true);
|
|
33565
|
+
} else {
|
|
33566
|
+
// false for not mobile device
|
|
33567
|
+
setIsMobile(false);
|
|
33568
|
+
}
|
|
33569
|
+
});
|
|
33570
|
+
return isMobile;
|
|
33571
|
+
}
|
|
33572
|
+
|
|
33573
|
+
var css_248z$n = ".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;margin-top:2px;max-width:460px;padding:8px 14px;user-select:none;width:100%}.MainLegend-module_accordionDesktop__Z7SS-:hover{background:rgba(0,0,0,.9);color:var(--white)}.MainLegend-module_accordionMobile__tOTvf{width:278px}.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;overflow:auto;padding-right:4px}.MainLegend-module_content__nzDkL::-webkit-scrollbar{width:8px}.MainLegend-module_content__nzDkL::-webkit-scrollbar-thumb{background:rgba(0,0,0,.65)}.MainLegend-module_content__nzDkL::-webkit-scrollbar-track{background:none}.MainLegend-module_contentMobile__msQoO{padding-right:0;width:278px}.MainLegend-module_contentMobile__msQoO::-webkit-scrollbar{display:none}.MainLegend-module_layerIcon__xI2Mf{margin-right:10px}.MainLegend-module_layerIcon__xI2Mf:last-of-type{margin-right:0}";
|
|
33574
|
+
var styles$k = {"accordion":"MainLegend-module_accordion__xjveF","accordionDesktop":"MainLegend-module_accordionDesktop__Z7SS- MainLegend-module_accordion__xjveF","accordionMobile":"MainLegend-module_accordionMobile__tOTvf MainLegend-module_accordion__xjveF","left":"MainLegend-module_left__NKMwB","right":"MainLegend-module_right__0BIFF","icon":"MainLegend-module_icon__neT4f","content":"MainLegend-module_content__nzDkL","contentMobile":"MainLegend-module_contentMobile__msQoO MainLegend-module_content__nzDkL","layerIcon":"MainLegend-module_layerIcon__xI2Mf"};
|
|
33575
|
+
styleInject(css_248z$n);
|
|
33856
33576
|
|
|
33857
33577
|
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; } } }; }
|
|
33858
33578
|
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); }
|
|
@@ -33919,8 +33639,8 @@ function MainLegend(_ref) {
|
|
|
33919
33639
|
}).join(' ');
|
|
33920
33640
|
return undefined;
|
|
33921
33641
|
};
|
|
33922
|
-
var accordion = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$
|
|
33923
|
-
var content = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$
|
|
33642
|
+
var accordion = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$k.accordionMobile, isMobile), _defineProperty$1(_classnames, styles$k.accordionDesktop, !isMobile), _classnames));
|
|
33643
|
+
var content = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$k.contentMobile, isMobile), _defineProperty$1(_classnames2, styles$k.content, !isMobile), _classnames2));
|
|
33924
33644
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
33925
33645
|
style: legendContentStyle,
|
|
33926
33646
|
className: content
|
|
@@ -33930,25 +33650,25 @@ function MainLegend(_ref) {
|
|
|
33930
33650
|
onClick: toggle,
|
|
33931
33651
|
role: "widget"
|
|
33932
33652
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
33933
|
-
className: styles$
|
|
33653
|
+
className: styles$k.left
|
|
33934
33654
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
33935
|
-
className: styles$
|
|
33655
|
+
className: styles$k.icon,
|
|
33936
33656
|
size: 24,
|
|
33937
33657
|
name: "map_legend_info"
|
|
33938
33658
|
}), isOpen ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "Minimize map legend"), /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
33939
|
-
className: styles$
|
|
33659
|
+
className: styles$k.icon,
|
|
33940
33660
|
size: 24,
|
|
33941
33661
|
name: "chevron_down"
|
|
33942
33662
|
})) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", null, "Expand map legend"), /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
33943
|
-
className: styles$
|
|
33663
|
+
className: styles$k.icon,
|
|
33944
33664
|
size: 24,
|
|
33945
33665
|
name: "chevron_up"
|
|
33946
33666
|
}))), !isMobile && !isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
33947
|
-
className: styles$
|
|
33667
|
+
className: styles$k.right
|
|
33948
33668
|
}, uniqueLayers.map(function (layer, index) {
|
|
33949
33669
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
33950
33670
|
key: layer.title + index,
|
|
33951
|
-
className: styles$
|
|
33671
|
+
className: styles$k.layerIcon
|
|
33952
33672
|
}, /*#__PURE__*/React__default.createElement(Tooltip$2, {
|
|
33953
33673
|
title: layer.title
|
|
33954
33674
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
@@ -33960,9 +33680,139 @@ function MainLegend(_ref) {
|
|
|
33960
33680
|
}, /*#__PURE__*/React__default.createElement("div", null, "+", defaultLayers.length)))));
|
|
33961
33681
|
}
|
|
33962
33682
|
|
|
33963
|
-
var
|
|
33964
|
-
var
|
|
33965
|
-
|
|
33683
|
+
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
33684
|
+
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
33685
|
+
var savedHandler = useRef();
|
|
33686
|
+
useEffect(function () {
|
|
33687
|
+
savedHandler.current = handler;
|
|
33688
|
+
}, [handler]);
|
|
33689
|
+
useEffect(function () {
|
|
33690
|
+
if (!element || !element.addEventListener) {
|
|
33691
|
+
return;
|
|
33692
|
+
}
|
|
33693
|
+
var eventListener = function eventListener(event) {
|
|
33694
|
+
return savedHandler.current(event);
|
|
33695
|
+
};
|
|
33696
|
+
element.addEventListener(eventName, eventListener, options);
|
|
33697
|
+
return function () {
|
|
33698
|
+
element.removeEventListener(eventName, eventListener, options);
|
|
33699
|
+
};
|
|
33700
|
+
}, [eventName, element, options]);
|
|
33701
|
+
};
|
|
33702
|
+
|
|
33703
|
+
var Keys = {
|
|
33704
|
+
ArrowUp: 'up',
|
|
33705
|
+
ArrowRight: 'right',
|
|
33706
|
+
ArrowDown: 'down',
|
|
33707
|
+
ArrowLeft: 'left',
|
|
33708
|
+
Enter: 'enter',
|
|
33709
|
+
Escape: 'escape'
|
|
33710
|
+
};
|
|
33711
|
+
var useKeyboardNavigation = function useKeyboardNavigation(keyboardEvents) {
|
|
33712
|
+
var listenerTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
|
|
33713
|
+
var handleKeyDown = useCallback(function (e) {
|
|
33714
|
+
var key = Keys[e.key];
|
|
33715
|
+
var handler = keyboardEvents[key];
|
|
33716
|
+
if (handler) {
|
|
33717
|
+
handler(e);
|
|
33718
|
+
}
|
|
33719
|
+
}, [keyboardEvents]);
|
|
33720
|
+
useEventListener('keydown', handleKeyDown, false, listenerTarget);
|
|
33721
|
+
};
|
|
33722
|
+
/**
|
|
33723
|
+
* Handles keyboard navigation and key events in the floating search bar suggestions.
|
|
33724
|
+
*/
|
|
33725
|
+
var useSearchBarSectionNavigator = function useSearchBarSectionNavigator(sections, initialSelected, keyboardEvents) {
|
|
33726
|
+
var listenerTarget = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
33727
|
+
var _useState = useState(initialSelected),
|
|
33728
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
33729
|
+
focusedSection = _useState2[0],
|
|
33730
|
+
setFocusedSection = _useState2[1];
|
|
33731
|
+
var _useState3 = useState(initialSelected),
|
|
33732
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
33733
|
+
focusedOption = _useState4[0],
|
|
33734
|
+
setFocusedOption = _useState4[1];
|
|
33735
|
+
var up = useCallback(function () {
|
|
33736
|
+
var nextSection = focusedSection;
|
|
33737
|
+
var nextOption = focusedOption;
|
|
33738
|
+
if (nextOption > 0) {
|
|
33739
|
+
// there exists more options in this section
|
|
33740
|
+
setFocusedOption(nextOption - 1);
|
|
33741
|
+
} else {
|
|
33742
|
+
// we're on the first option in section and should move to a previous section.
|
|
33743
|
+
if (nextSection > 0) {
|
|
33744
|
+
nextSection -= 1;
|
|
33745
|
+
// getting last index of option in section
|
|
33746
|
+
nextOption = sections[nextSection].options.length - 1;
|
|
33747
|
+
setFocusedSection(nextSection);
|
|
33748
|
+
setFocusedOption(nextOption);
|
|
33749
|
+
} else {
|
|
33750
|
+
// if initial is deselected -- we add this step.
|
|
33751
|
+
if (initialSelected === -1 && focusedOption === 0 && focusedSection === 0) {
|
|
33752
|
+
// deselect
|
|
33753
|
+
setFocusedSection(-1);
|
|
33754
|
+
setFocusedOption(-1);
|
|
33755
|
+
} else {
|
|
33756
|
+
// we're at deselected - move user down to end
|
|
33757
|
+
nextSection = sections.length - 1;
|
|
33758
|
+
nextOption = sections[nextSection].options.length - 1;
|
|
33759
|
+
setFocusedSection(nextSection);
|
|
33760
|
+
setFocusedOption(nextOption);
|
|
33761
|
+
}
|
|
33762
|
+
}
|
|
33763
|
+
}
|
|
33764
|
+
}, [sections, focusedSection, focusedOption]);
|
|
33765
|
+
var down = useCallback(function () {
|
|
33766
|
+
var _a, _b;
|
|
33767
|
+
var nextSection = focusedSection;
|
|
33768
|
+
var nextOption = focusedOption;
|
|
33769
|
+
if (nextOption < ((_b = (_a = sections[nextSection]) === null || _a === void 0 ? void 0 : _a.options.length) !== null && _b !== void 0 ? _b : 0) - 1) {
|
|
33770
|
+
setFocusedOption(nextOption + 1);
|
|
33771
|
+
} else {
|
|
33772
|
+
// we're at the end of options in section
|
|
33773
|
+
if (nextSection < sections.length - 1) {
|
|
33774
|
+
// there exists more sections
|
|
33775
|
+
setFocusedSection(nextSection + 1);
|
|
33776
|
+
setFocusedOption(0);
|
|
33777
|
+
} else {
|
|
33778
|
+
// we're at the end of sections - back to start (de-selected).
|
|
33779
|
+
// props says we need a deselected step
|
|
33780
|
+
if (initialSelected === -1) {
|
|
33781
|
+
setFocusedSection(-1);
|
|
33782
|
+
setFocusedOption(-1);
|
|
33783
|
+
} else {
|
|
33784
|
+
setFocusedSection(0);
|
|
33785
|
+
setFocusedOption(0);
|
|
33786
|
+
}
|
|
33787
|
+
}
|
|
33788
|
+
}
|
|
33789
|
+
}, [sections, focusedSection, focusedOption]);
|
|
33790
|
+
var enter = useCallback(function () {
|
|
33791
|
+
if (keyboardEvents.enter) {
|
|
33792
|
+
if (focusedOption === -1 && focusedSection === -1) {
|
|
33793
|
+
return;
|
|
33794
|
+
}
|
|
33795
|
+
keyboardEvents.enter(focusedSection, focusedOption);
|
|
33796
|
+
}
|
|
33797
|
+
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
33798
|
+
var escape = useCallback(function () {
|
|
33799
|
+
keyboardEvents.escape && keyboardEvents.escape();
|
|
33800
|
+
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
33801
|
+
useKeyboardNavigation({
|
|
33802
|
+
up: up,
|
|
33803
|
+
down: down,
|
|
33804
|
+
enter: enter,
|
|
33805
|
+
escape: escape
|
|
33806
|
+
}, listenerTarget);
|
|
33807
|
+
return {
|
|
33808
|
+
focusedSection: focusedSection,
|
|
33809
|
+
focusedOption: focusedOption
|
|
33810
|
+
};
|
|
33811
|
+
};
|
|
33812
|
+
|
|
33813
|
+
var css_248z$m = ".LayerLegend-module_layerLegendContainer__DLfLy{background:rgba(0,0,0,.65);border-radius:4px;color:var(--white);cursor:pointer;font-weight:500;margin-bottom:2px;max-width:460px;user-select:none}.LayerLegend-module_layerLegendContainer__DLfLy:last-of-type{margin-bottom:0}.LayerLegend-module_header__8NHIX{align-items:center;display:flex;height:2.5rem;justify-content:space-between;padding:12px;width:100%}.LayerLegend-module_desktopHeader__ztHh3{cursor:pointer}.LayerLegend-module_desktopHeader__ztHh3: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{cursor:auto;height:auto;padding-bottom:14px;padding-top:8px;width:100%}.LayerLegend-module_items__BC1cp{margin-right:4px}.LayerLegend-module_title__I53dY{text-align:left}";
|
|
33814
|
+
var styles$j = {"layerLegendContainer":"LayerLegend-module_layerLegendContainer__DLfLy","header":"LayerLegend-module_header__8NHIX","desktopHeader":"LayerLegend-module_desktopHeader__ztHh3 LayerLegend-module_header__8NHIX","mobileHeader":"LayerLegend-module_mobileHeader__qDHmS 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","title":"LayerLegend-module_title__I53dY"};
|
|
33815
|
+
styleInject(css_248z$m);
|
|
33966
33816
|
|
|
33967
33817
|
function LayerLegend(_ref) {
|
|
33968
33818
|
var _classnames, _classnames2;
|
|
@@ -33983,13 +33833,13 @@ function LayerLegend(_ref) {
|
|
|
33983
33833
|
return !isOpen;
|
|
33984
33834
|
});
|
|
33985
33835
|
};
|
|
33986
|
-
var left = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$
|
|
33987
|
-
var header = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$
|
|
33836
|
+
var left = classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$j.leftActive, isOpen), _defineProperty$1(_classnames, styles$j.leftInactive, !isOpen), _classnames));
|
|
33837
|
+
var header = classnames$3((_classnames2 = {}, _defineProperty$1(_classnames2, styles$j.mobileHeader, isMobile), _defineProperty$1(_classnames2, styles$j.desktopHeader, !isMobile), _classnames2));
|
|
33988
33838
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
33989
33839
|
style: style,
|
|
33990
|
-
className: styles$
|
|
33840
|
+
className: styles$j.layerLegendContainer
|
|
33991
33841
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
33992
|
-
className: disabled ? styles$
|
|
33842
|
+
className: disabled ? styles$j.disabledHeader : header,
|
|
33993
33843
|
onClick: toggle,
|
|
33994
33844
|
"aria-expanded": isOpen,
|
|
33995
33845
|
"aria-controls": "legendContent",
|
|
@@ -33997,15 +33847,15 @@ function LayerLegend(_ref) {
|
|
|
33997
33847
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
33998
33848
|
className: left
|
|
33999
33849
|
}, iconName && /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
34000
|
-
className: styles$
|
|
33850
|
+
className: styles$j.icon,
|
|
34001
33851
|
size: 18,
|
|
34002
33852
|
name: iconName
|
|
34003
33853
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
34004
|
-
className: styles$
|
|
33854
|
+
className: styles$j.title
|
|
34005
33855
|
}, title)), /*#__PURE__*/React__default.createElement("div", {
|
|
34006
|
-
className: styles$
|
|
33856
|
+
className: styles$j.right
|
|
34007
33857
|
}, !isMobile && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
34008
|
-
className: styles$
|
|
33858
|
+
className: styles$j.items
|
|
34009
33859
|
}, 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, {
|
|
34010
33860
|
size: 24,
|
|
34011
33861
|
name: "chevron_up"
|
|
@@ -34014,13 +33864,13 @@ function LayerLegend(_ref) {
|
|
|
34014
33864
|
name: "chevron_down"
|
|
34015
33865
|
})))), isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
34016
33866
|
id: "legendContent",
|
|
34017
|
-
className: styles$
|
|
33867
|
+
className: styles$j.content
|
|
34018
33868
|
}, children));
|
|
34019
33869
|
}
|
|
34020
33870
|
|
|
34021
|
-
var css_248z$
|
|
34022
|
-
var styles$
|
|
34023
|
-
styleInject(css_248z$
|
|
33871
|
+
var css_248z$l = ".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;padding:.625rem 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default);text-decoration:none}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--equiGray5);cursor:pointer;text-decoration:none}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_infoContainer__V0R7i h6,.listItem-module_infoContainer__V0R7i p{overflow:hidden;text-overflow:ellipsis;white-space:normal!important}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
33872
|
+
var styles$i = {"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"};
|
|
33873
|
+
styleInject(css_248z$l);
|
|
34024
33874
|
|
|
34025
33875
|
function ListItem(props) {
|
|
34026
33876
|
// Main content Area
|
|
@@ -34032,14 +33882,14 @@ function ListItem(props) {
|
|
|
34032
33882
|
// Container styling
|
|
34033
33883
|
var Container;
|
|
34034
33884
|
if (props.as && !props.href) Container = props.as;else if (props.href) Container = 'a';else Container = 'li';
|
|
34035
|
-
var containerClassNames = classnames$3(styles$
|
|
33885
|
+
var containerClassNames = classnames$3(styles$i.listItemContainer, _defineProperty$1({}, styles$i.hoverItem, !!props.onCardClick), props.className);
|
|
34036
33886
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
34037
33887
|
href: props.href,
|
|
34038
33888
|
className: containerClassNames,
|
|
34039
33889
|
style: props.style,
|
|
34040
33890
|
onClick: props.onCardClick
|
|
34041
33891
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
34042
|
-
className: styles$
|
|
33892
|
+
className: styles$i.icon,
|
|
34043
33893
|
style: {
|
|
34044
33894
|
backgroundColor: props.icon.backgroundColor
|
|
34045
33895
|
}
|
|
@@ -34047,7 +33897,7 @@ function ListItem(props) {
|
|
|
34047
33897
|
name: props.icon.name,
|
|
34048
33898
|
color: props.icon.color
|
|
34049
33899
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
34050
|
-
className: styles$
|
|
33900
|
+
className: styles$i.infoContainer
|
|
34051
33901
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
34052
33902
|
}
|
|
34053
33903
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -38416,9 +38266,9 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
38416
38266
|
})));
|
|
38417
38267
|
};
|
|
38418
38268
|
|
|
38419
|
-
var css_248z$
|
|
38420
|
-
var styles$
|
|
38421
|
-
styleInject(css_248z$
|
|
38269
|
+
var css_248z$k = ".radioButton-module_buttonWrapper__gzYAz span,.radioButton-module_header__f6AoN{font-weight:500!important}.radioButton-module_buttonWrapper__gzYAz{display:flex;justify-content:space-between;margin:10px auto 0;max-width:230px}.radioButton-module_buttonWrapper__gzYAz label{color:#000;display:flex;flex-direction:column;font-size:14px}";
|
|
38270
|
+
var styles$h = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
38271
|
+
styleInject(css_248z$k);
|
|
38422
38272
|
|
|
38423
38273
|
/**
|
|
38424
38274
|
* Component that renders a Radio Button Group with a set of options to choose from
|
|
@@ -38440,9 +38290,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
38440
38290
|
style: style
|
|
38441
38291
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
38442
38292
|
variant: "body_short",
|
|
38443
|
-
className: styles$
|
|
38293
|
+
className: styles$h.header
|
|
38444
38294
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
38445
|
-
className: styles$
|
|
38295
|
+
className: styles$h.buttonWrapper
|
|
38446
38296
|
}, options.map(function (option, index) {
|
|
38447
38297
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
38448
38298
|
key: index,
|
|
@@ -38455,9 +38305,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
38455
38305
|
})));
|
|
38456
38306
|
};
|
|
38457
38307
|
|
|
38458
|
-
var css_248z$
|
|
38459
|
-
var style$
|
|
38460
|
-
styleInject(css_248z$
|
|
38308
|
+
var css_248z$j = ".roundIconButton-module_pageMenuButton__KIxry{background:#fff;border:1px solid var(--equiGreen1);border-radius:50%;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:48px;padding:10px;width:48px}.roundIconButton-module_pageMenuButton__KIxry:hover{background-color:var(--equiGreen2);color:var(--hoverIcon)}.roundIconButton-module_pageMenuButton__KIxry:hover svg{fill:var(--hoverIcon)}.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleInactive);border:1px solid var(--toggleInactive)}.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(179,13,47,.5);border:1px solid var(--toggleInactive)}.roundIconButton-module_activeButton__JJoxc{background:var(--equiGreen1);border:2px solid var(--equiGreen1)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P{background:var(--toggleActive);border:1px solid var(--toggleActive)}.roundIconButton-module_activeButton__JJoxc.roundIconButton-module_toggleButton__pmI4P:hover{background:rgba(75,183,72,.5);border:1px solid var(--toggleActive)}";
|
|
38309
|
+
var style$2 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
38310
|
+
styleInject(css_248z$j);
|
|
38461
38311
|
|
|
38462
38312
|
var RoundIconButtonVariants;
|
|
38463
38313
|
(function (RoundIconButtonVariants) {
|
|
@@ -38483,15 +38333,15 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
38483
38333
|
}
|
|
38484
38334
|
};
|
|
38485
38335
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
38486
|
-
className: "".concat(style$
|
|
38336
|
+
className: "".concat(style$2.pageMenuButton, " ").concat(isToggleVariant ? style$2.toggleButton : '', " ").concat(active ? style$2.activeButton : ''),
|
|
38487
38337
|
onClick: onClick,
|
|
38488
38338
|
title: label
|
|
38489
38339
|
}, mutateIcon(variant));
|
|
38490
38340
|
};
|
|
38491
38341
|
|
|
38492
|
-
var css_248z$
|
|
38493
|
-
var styles$
|
|
38494
|
-
styleInject(css_248z$
|
|
38342
|
+
var css_248z$i = ".sliderField-module_sliderField__gp6ce{display:flex;flex-direction:column;margin:0 0 30px}.sliderField-module_sliderField__gp6ce output,.sliderField-module_sliderField__gp6ce p,.sliderField-module_sliderField__gp6ce span{font-weight:500}.sliderField-module_sliderWrapper__pAwLd{margin:10px auto 0;text-align:center;width:230px}.sliderField-module_sliderWrapper__pAwLd span{display:none}.sliderField-module_sliderWrapper__pAwLd output{font-size:16px}.sliderField-module_sliderWrapper__pAwLd div{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\"><rect y=\"11\" fill=\"%23DEEDEE\" width=\"100%\" height=\"4\" rx=\"2\"/></svg>')}";
|
|
38343
|
+
var styles$g = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
38344
|
+
styleInject(css_248z$i);
|
|
38495
38345
|
|
|
38496
38346
|
/**
|
|
38497
38347
|
* Component that renders a slider with numeric or custom values
|
|
@@ -38519,12 +38369,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
38519
38369
|
return labelsAsParam[currentValue];
|
|
38520
38370
|
};
|
|
38521
38371
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
38522
|
-
className: styles$
|
|
38372
|
+
className: styles$g.sliderField,
|
|
38523
38373
|
style: style
|
|
38524
38374
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
38525
38375
|
variant: "body_short"
|
|
38526
38376
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
38527
|
-
className: styles$
|
|
38377
|
+
className: styles$g.sliderWrapper
|
|
38528
38378
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
38529
38379
|
value: value,
|
|
38530
38380
|
min: min,
|
|
@@ -38547,9 +38397,9 @@ var SliderField = function SliderField(_ref) {
|
|
|
38547
38397
|
})));
|
|
38548
38398
|
};
|
|
38549
38399
|
|
|
38550
|
-
var css_248z$
|
|
38551
|
-
var styles$
|
|
38552
|
-
styleInject(css_248z$
|
|
38400
|
+
var css_248z$h = ".textIconButton-module_button__9s6rE{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:93px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:93px}.textIconButton-module_button__9s6rE:active,.textIconButton-module_button__9s6rE:focus{background-color:var(--equiGreen3)}.textIconButton-module_button__9s6rE:hover{background-color:#c3f3d2}.textIconButton-module_button__9s6rE svg{margin:0 0 2px;z-index:2}.textIconButton-module_text__hw0bg{position:relative;text-align:center!important;z-index:2}";
|
|
38401
|
+
var styles$f = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
38402
|
+
styleInject(css_248z$h);
|
|
38553
38403
|
|
|
38554
38404
|
/**
|
|
38555
38405
|
* Component that renders a button with the icon and the text provided
|
|
@@ -38569,7 +38419,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
38569
38419
|
style = _ref.style;
|
|
38570
38420
|
var CustomIcon = icon;
|
|
38571
38421
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
38572
|
-
className: styles$
|
|
38422
|
+
className: styles$f.button,
|
|
38573
38423
|
onClick: onClick,
|
|
38574
38424
|
style: style
|
|
38575
38425
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -38578,14 +38428,14 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
38578
38428
|
color: themeConst.asBuilt,
|
|
38579
38429
|
size: 40
|
|
38580
38430
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38581
|
-
className: styles$
|
|
38431
|
+
className: styles$f.text,
|
|
38582
38432
|
color: themeConst.asBuilt
|
|
38583
38433
|
}, title));
|
|
38584
38434
|
};
|
|
38585
38435
|
|
|
38586
|
-
var css_248z$
|
|
38587
|
-
var styles$
|
|
38588
|
-
styleInject(css_248z$
|
|
38436
|
+
var css_248z$g = ".listRow-module_wrapper__j5Czq{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column}.listRow-module_row__5taKB{align-items:stretch;display:flex;justify-content:space-between;min-height:48px}.listRow-module_infoCol__fSiO5{display:flex;margin:auto 0}.listRow-module_draggable__WoQYD{align-items:center;cursor:pointer;display:flex}.listRow-module_info__fX3UU{display:flex;flex-direction:column;justify-content:center;margin-left:var(--medium)}.listRow-module_info__fX3UU p{font-size:14px}.listRow-module_iconCol__A4oE0{align-items:stretch;display:flex}.listRow-module_activeIconButton__GdFjq{background-color:var(--equiGreen3)}.listRow-module_activeIconButton__GdFjq,.listRow-module_iconButton__j9G0z{align-items:center;display:flex;padding:0 12px}.listRow-module_iconButton__j9G0z:hover{background-color:#c3f3d2}.listRow-module_iconButton__j9G0z:active,.listRow-module_iconButton__j9G0z:focus{background-color:var(--equiGreen3)}.listRow-module_expandedRow__DdJu5{align-items:stretch;background-color:var(--equiGreen3);display:flex;justify-content:flex-end;min-height:48px}.listRow-module_close__gdtqH{align-items:center;cursor:pointer;display:flex;justify-content:center;width:54px}";
|
|
38437
|
+
var styles$e = {"wrapper":"listRow-module_wrapper__j5Czq","row":"listRow-module_row__5taKB","infoCol":"listRow-module_infoCol__fSiO5","draggable":"listRow-module_draggable__WoQYD","info":"listRow-module_info__fX3UU","iconCol":"listRow-module_iconCol__A4oE0","activeIconButton":"listRow-module_activeIconButton__GdFjq","iconButton":"listRow-module_iconButton__j9G0z","expandedRow":"listRow-module_expandedRow__DdJu5","close":"listRow-module_close__gdtqH"};
|
|
38438
|
+
styleInject(css_248z$g);
|
|
38589
38439
|
|
|
38590
38440
|
/**
|
|
38591
38441
|
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
@@ -38612,30 +38462,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
38612
38462
|
expandable = _ref.expandable,
|
|
38613
38463
|
style = _ref.style;
|
|
38614
38464
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
38615
|
-
className: styles$
|
|
38465
|
+
className: styles$e.wrapper,
|
|
38616
38466
|
style: style
|
|
38617
38467
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
38618
|
-
className: styles$
|
|
38468
|
+
className: styles$e.row
|
|
38619
38469
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
38620
|
-
className: styles$
|
|
38470
|
+
className: styles$e.infoCol
|
|
38621
38471
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
38622
|
-
className: styles$
|
|
38472
|
+
className: styles$e.draggable
|
|
38623
38473
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
38624
38474
|
name: "unfold_more",
|
|
38625
38475
|
title: "Move",
|
|
38626
38476
|
color: themeConst.asBuilt
|
|
38627
38477
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
38628
|
-
className: styles$
|
|
38478
|
+
className: styles$e.info
|
|
38629
38479
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
38630
38480
|
variant: "body_short",
|
|
38631
38481
|
bold: true
|
|
38632
38482
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
38633
38483
|
variant: "body_short"
|
|
38634
38484
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
38635
|
-
className: styles$
|
|
38485
|
+
className: styles$e.iconCol
|
|
38636
38486
|
}, item.icons.map(function (icon, itemIndex) {
|
|
38637
38487
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
38638
|
-
className: styles$
|
|
38488
|
+
className: styles$e.iconButton,
|
|
38639
38489
|
key: itemIndex,
|
|
38640
38490
|
onClick: icon.onClick
|
|
38641
38491
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -38644,7 +38494,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
38644
38494
|
color: themeConst.asBuilt
|
|
38645
38495
|
}));
|
|
38646
38496
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
38647
|
-
className: expandable && expandable.expanded ? styles$
|
|
38497
|
+
className: expandable && expandable.expanded ? styles$e.activeIconButton : styles$e.iconButton,
|
|
38648
38498
|
onClick: function onClick() {
|
|
38649
38499
|
expandable.setExpanded(true);
|
|
38650
38500
|
}
|
|
@@ -38653,10 +38503,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
38653
38503
|
title: "Expand",
|
|
38654
38504
|
color: themeConst.asBuilt
|
|
38655
38505
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
38656
|
-
className: styles$
|
|
38506
|
+
className: styles$e.expandedRow
|
|
38657
38507
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
38658
38508
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
38659
|
-
className: styles$
|
|
38509
|
+
className: styles$e.iconButton,
|
|
38660
38510
|
key: iconItemsIndex,
|
|
38661
38511
|
onClick: icon.onClick
|
|
38662
38512
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -38665,7 +38515,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
38665
38515
|
color: themeConst.asBuilt
|
|
38666
38516
|
}));
|
|
38667
38517
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
38668
|
-
className: styles$
|
|
38518
|
+
className: styles$e.iconButton,
|
|
38669
38519
|
onClick: function onClick() {
|
|
38670
38520
|
expandable.setExpanded(false);
|
|
38671
38521
|
}
|
|
@@ -38676,9 +38526,9 @@ var ListRow = function ListRow(_ref) {
|
|
|
38676
38526
|
}))));
|
|
38677
38527
|
};
|
|
38678
38528
|
|
|
38679
|
-
var css_248z$
|
|
38680
|
-
var styles$
|
|
38681
|
-
styleInject(css_248z$
|
|
38529
|
+
var css_248z$f = ".PCMatrix-module_grid__KVnaW{display:grid;gap:.5rem;grid-template-areas:\"p c c c c\" \"p . lowXlabel medXlabel highXlabel\" \"p lowYlabel low0 med0 high0\" \"p mediumYlabel low1 med1 high1\" \"p highYlabel low2 med2 high2\";grid-template-columns:min-content min-content 1fr 1fr 1fr;grid-template-rows:min-content min-content 1fr 1fr 1fr;height:100%;width:100%}.PCMatrix-module_probabilityLabel__6J3GY,.PCMatrix-module_riskLabel__TQ-uR{align-items:center;display:flex;justify-content:center}.PCMatrix-module_probabilityLabel__6J3GY{grid-area:p;writing-mode:vertical-rl}.PCMatrix-module_consequenceLabel__5Du3v{display:flex;grid-area:c;justify-content:center}.PCMatrix-module_riskCell__Zzdlf{background:hotpink}.PCMatrix-module_lowRiskCell__w2B5g{background:#c1e7c1}.PCMatrix-module_mediumRiskCell__JSf05{background:#ffdaa8}.PCMatrix-module_highRiskCell__jDABG{background:#ff949b}.PCMatrix-module_highlightedLowRiskCell__7uvc7{border:5px solid #4bb748}.PCMatrix-module_highlightedMediumRiskCell__4FHJy{border:5px solid #ff9200}.PCMatrix-module_highlightedHighRiskCell__6T-i-{border:5px solid #eb0000}";
|
|
38530
|
+
var styles$d = {"grid":"PCMatrix-module_grid__KVnaW","riskLabel":"PCMatrix-module_riskLabel__TQ-uR","probabilityLabel":"PCMatrix-module_probabilityLabel__6J3GY","consequenceLabel":"PCMatrix-module_consequenceLabel__5Du3v","riskCell":"PCMatrix-module_riskCell__Zzdlf","lowRiskCell":"PCMatrix-module_lowRiskCell__w2B5g","mediumRiskCell":"PCMatrix-module_mediumRiskCell__JSf05","highRiskCell":"PCMatrix-module_highRiskCell__jDABG","highlightedLowRiskCell":"PCMatrix-module_highlightedLowRiskCell__7uvc7","highlightedMediumRiskCell":"PCMatrix-module_highlightedMediumRiskCell__4FHJy","highlightedHighRiskCell":"PCMatrix-module_highlightedHighRiskCell__6T-i-"};
|
|
38531
|
+
styleInject(css_248z$f);
|
|
38682
38532
|
|
|
38683
38533
|
function translateRiskLevel(factor) {
|
|
38684
38534
|
switch (factor) {
|
|
@@ -38700,7 +38550,7 @@ var PCMatrix = function PCMatrix(_ref) {
|
|
|
38700
38550
|
var RiskCell = function RiskCell(props) {
|
|
38701
38551
|
var _classnames;
|
|
38702
38552
|
var isHighlighted = props.riskTuple[0] === currentRiskTuple[0] && props.riskTuple[1] === currentRiskTuple[1];
|
|
38703
|
-
var cellClassName = classnames$3(styles$
|
|
38553
|
+
var cellClassName = classnames$3(styles$d.riskCell, (_classnames = {}, _defineProperty$1(_classnames, styles$d.lowRiskCell, props.factor === 'low'), _defineProperty$1(_classnames, styles$d.mediumRiskCell, props.factor === 'medium'), _defineProperty$1(_classnames, styles$d.highRiskCell, props.factor === 'high'), _defineProperty$1(_classnames, styles$d.highlightedLowRiskCell, props.factor === 'low' && isHighlighted), _defineProperty$1(_classnames, styles$d.highlightedMediumRiskCell, props.factor === 'medium' && isHighlighted), _defineProperty$1(_classnames, styles$d.highlightedHighRiskCell, props.factor === 'high' && isHighlighted), _classnames));
|
|
38704
38554
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
38705
38555
|
className: cellClassName,
|
|
38706
38556
|
style: {
|
|
@@ -38708,59 +38558,59 @@ var PCMatrix = function PCMatrix(_ref) {
|
|
|
38708
38558
|
}
|
|
38709
38559
|
});
|
|
38710
38560
|
};
|
|
38711
|
-
var pcMatrixGrid = classnames$3(className, styles$
|
|
38561
|
+
var pcMatrixGrid = classnames$3(className, styles$d.grid);
|
|
38712
38562
|
return /*#__PURE__*/React__default.createElement("section", {
|
|
38713
38563
|
className: pcMatrixGrid
|
|
38714
38564
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
38715
38565
|
group: "paragraph",
|
|
38716
38566
|
variant: "meta",
|
|
38717
|
-
className: styles$
|
|
38567
|
+
className: styles$d.consequenceLabel
|
|
38718
38568
|
}, "Consequence"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38719
38569
|
group: "paragraph",
|
|
38720
38570
|
variant: "overline",
|
|
38721
38571
|
style: {
|
|
38722
38572
|
gridArea: 'lowXlabel'
|
|
38723
38573
|
},
|
|
38724
|
-
className: styles$
|
|
38574
|
+
className: styles$d.riskLabel
|
|
38725
38575
|
}, "Low"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38726
38576
|
group: "paragraph",
|
|
38727
38577
|
variant: "overline",
|
|
38728
38578
|
style: {
|
|
38729
38579
|
gridArea: 'medXlabel'
|
|
38730
38580
|
},
|
|
38731
|
-
className: styles$
|
|
38581
|
+
className: styles$d.riskLabel
|
|
38732
38582
|
}, "Medium"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38733
38583
|
group: "paragraph",
|
|
38734
38584
|
variant: "overline",
|
|
38735
38585
|
style: {
|
|
38736
38586
|
gridArea: 'highXlabel'
|
|
38737
38587
|
},
|
|
38738
|
-
className: styles$
|
|
38588
|
+
className: styles$d.riskLabel
|
|
38739
38589
|
}, "High"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38740
38590
|
group: "paragraph",
|
|
38741
38591
|
variant: "overline",
|
|
38742
38592
|
style: {
|
|
38743
38593
|
gridArea: 'lowYlabel'
|
|
38744
38594
|
},
|
|
38745
|
-
className: styles$
|
|
38595
|
+
className: styles$d.riskLabel
|
|
38746
38596
|
}, "Low"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38747
38597
|
group: "paragraph",
|
|
38748
38598
|
variant: "overline",
|
|
38749
38599
|
style: {
|
|
38750
38600
|
gridArea: 'mediumYlabel'
|
|
38751
38601
|
},
|
|
38752
|
-
className: styles$
|
|
38602
|
+
className: styles$d.riskLabel
|
|
38753
38603
|
}, "Medium"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38754
38604
|
group: "paragraph",
|
|
38755
38605
|
variant: "overline",
|
|
38756
38606
|
style: {
|
|
38757
38607
|
gridArea: 'highYlabel'
|
|
38758
38608
|
},
|
|
38759
|
-
className: styles$
|
|
38609
|
+
className: styles$d.riskLabel
|
|
38760
38610
|
}, "High"), /*#__PURE__*/React__default.createElement(Typography, {
|
|
38761
38611
|
group: "paragraph",
|
|
38762
38612
|
variant: "meta",
|
|
38763
|
-
className: styles$
|
|
38613
|
+
className: styles$d.probabilityLabel
|
|
38764
38614
|
}, "Probability"), /*#__PURE__*/React__default.createElement(RiskCell, {
|
|
38765
38615
|
riskTuple: [0, 0],
|
|
38766
38616
|
gridArea: "low0",
|
|
@@ -38800,9 +38650,9 @@ var PCMatrix = function PCMatrix(_ref) {
|
|
|
38800
38650
|
}));
|
|
38801
38651
|
};
|
|
38802
38652
|
|
|
38803
|
-
var css_248z$
|
|
38804
|
-
var styles$
|
|
38805
|
-
styleInject(css_248z$
|
|
38653
|
+
var css_248z$e = ".menuButton-module_button__qpHsn{align-items:center;border-left:none;box-sizing:border-box;display:flex;flex-direction:column;height:56px;margin-left:-1px;overflow:hidden;padding:8px 0 0;position:relative;width:-webkit-fill-available}.menuButton-module_text__MiZeF{color:var(--echoText)!important;font-size:10.5px!important;font-weight:500!important;line-height:12px!important;margin-top:2px!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-left:2px solid var(--asBuilt);border-right:2px solid var(--equiGreen3)}.menuButton-module_button__qpHsn:hover{background-color:#deeeed}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-right:2px solid #deeeed}.menuButton-module_button__qpHsn svg{margin:0 0 2px;z-index:2}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq svg,.menuButton-module_button__qpHsn:active svg,.menuButton-module_button__qpHsn:hover svg{fill:#007079}.menuButton-module_button__qpHsn.menuButton-module_active__1Dznq .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:active .menuButton-module_text__MiZeF,.menuButton-module_button__qpHsn:hover .menuButton-module_text__MiZeF{color:#007079!important}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.menuButton-module_button__qpHsn{height:48px;margin-bottom:-1px;margin-left:0;padding:6px 0 0;width:56px}.menuButton-module_active__1Dznq,.menuButton-module_button__qpHsn:active{background-color:var(--equiGreen3);border-bottom:2px solid var(--asBuilt);border-left:none;border-right:none}.menuButton-module_button__qpHsn svg{height:20px;margin:0 0 2px;width:20px;z-index:2}.menuButton-module_active__1Dznq:hover,.menuButton-module_button__qpHsn:hover:active{border-left:none;border-right:none}}";
|
|
38654
|
+
var styles$c = {"button":"menuButton-module_button__qpHsn","text":"menuButton-module_text__MiZeF","active":"menuButton-module_active__1Dznq"};
|
|
38655
|
+
styleInject(css_248z$e);
|
|
38806
38656
|
|
|
38807
38657
|
/**
|
|
38808
38658
|
* The menu bottom items
|
|
@@ -38831,9 +38681,9 @@ var MenuButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
38831
38681
|
type: "button",
|
|
38832
38682
|
onClick: onClick,
|
|
38833
38683
|
id: id,
|
|
38834
|
-
className: classnames$1(styles$
|
|
38684
|
+
className: classnames$1(styles$c.button, _defineProperty$1({}, styles$c.active, active))
|
|
38835
38685
|
}), children, /*#__PURE__*/React__default.createElement(Typography, {
|
|
38836
|
-
className: styles$
|
|
38686
|
+
className: styles$c.text
|
|
38837
38687
|
}, text));
|
|
38838
38688
|
});
|
|
38839
38689
|
MenuButton.displayName = 'MenuButton';
|
|
@@ -39405,9 +39255,9 @@ var usePanelStore = create(function (set) {
|
|
|
39405
39255
|
};
|
|
39406
39256
|
});
|
|
39407
39257
|
|
|
39408
|
-
var css_248z$
|
|
39409
|
-
var styles$
|
|
39410
|
-
styleInject(css_248z$
|
|
39258
|
+
var css_248z$d = ".panelWrapper-module_wrapper__asJxL{position:fixed;right:0;z-index:5}.panelWrapper-module_topBarWrapper__Nt84G{background-color:#fff;border-left:1px solid #dcdcdc;box-sizing:border-box;height:calc(100dvh - 64px);padding-left:env(safe-area-inset-left,0);padding-right:env(safe-area-inset-right,0);width:64px;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:none}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{background:#fff;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;right:64px;top:0;transition:width .4s ease-in-out;width:0;z-index:1200}.panelWrapper-module_narrowPanel__zW0DI{width:320px!important}.panelWrapper-module_activeContentPanel__1nAhR{border-left:2px solid #f7f7f7;width:480px}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:none}.panelWrapper-module_buttonWrapper__xbmQI{height:calc(100dvh - 70px)}.panelWrapper-module_buttonAtBottomWrapper__jLd-d{bottom:6px;position:absolute;width:100%}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{width:calc(100dvw - 56px)}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{height:100dvh;right:0}}@media screen and (max-width:767px) and (orientation:portrait){.panelWrapper-module_topBarWrapper__Nt84G{width:100dvw}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{height:calc(100dvh - 48px);right:0}.panelWrapper-module_activeContentPanel__1nAhR{width:100dvw}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_buttonAtBottomWrapper__jLd-d{display:none}.panelWrapper-module_topBarWrapper__Nt84G{border-bottom:1px solid #dcdcdc;border-left:none;display:flex;flex-direction:row;height:48px;padding-bottom:0;padding-top:0;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:flex}.panelWrapper-module_moduleTitle__4Wloo{display:flex;margin:auto 0 auto 16px}.panelWrapper-module_moduleTitle__4Wloo p{color:var(--echoText);font-size:16px;font-weight:500;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:flex;justify-content:flex-end;margin-right:8px}.panelWrapper-module_buttonWrapper__xbmQI{display:none}}@media screen and (max-width:768px) and (orientation:portrait){.panelWrapper-module_moduleTitle__4Wloo{width:140px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 140px)}}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_moduleTitle__4Wloo{width:240px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 240px)}}";
|
|
39259
|
+
var styles$b = {"wrapper":"panelWrapper-module_wrapper__asJxL","topBarWrapper":"panelWrapper-module_topBarWrapper__Nt84G","narrowPanel":"panelWrapper-module_narrowPanel__zW0DI","contentPanel":"panelWrapper-module_contentPanel__JWij5","activeContentPanel":"panelWrapper-module_activeContentPanel__1nAhR","buttonWrapperMobile":"panelWrapper-module_buttonWrapperMobile__pcR1V","buttonWrapper":"panelWrapper-module_buttonWrapper__xbmQI","buttonAtBottomWrapper":"panelWrapper-module_buttonAtBottomWrapper__jLd-d","moduleTitle":"panelWrapper-module_moduleTitle__4Wloo"};
|
|
39260
|
+
styleInject(css_248z$d);
|
|
39411
39261
|
|
|
39412
39262
|
/**
|
|
39413
39263
|
* Component that display's the buttons in a panel. It will automatically try to calculate how many buttons to display
|
|
@@ -39553,13 +39403,13 @@ var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
39553
39403
|
if (button.skipPanelContent) {
|
|
39554
39404
|
var PanelComponent = button.component;
|
|
39555
39405
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
39556
|
-
className: styles$
|
|
39406
|
+
className: styles$b.buttonAtBottomWrapper
|
|
39557
39407
|
}, /*#__PURE__*/React__default.createElement(PanelComponent, {
|
|
39558
39408
|
key: button.labelId
|
|
39559
39409
|
}));
|
|
39560
39410
|
}
|
|
39561
39411
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
39562
|
-
className: styles$
|
|
39412
|
+
className: styles$b.buttonAtBottomWrapper
|
|
39563
39413
|
}, /*#__PURE__*/React__default.createElement(MenuButton, {
|
|
39564
39414
|
text: button.label,
|
|
39565
39415
|
key: button.labelId,
|
|
@@ -39640,19 +39490,19 @@ var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
39640
39490
|
if (ref) return renderMenuItems();
|
|
39641
39491
|
};
|
|
39642
39492
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
39643
|
-
className: styles$
|
|
39493
|
+
className: styles$b.wrapper
|
|
39644
39494
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
39645
|
-
className: styles$
|
|
39495
|
+
className: styles$b.topBarWrapper
|
|
39646
39496
|
}, typeof header === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
39647
|
-
className: styles$
|
|
39497
|
+
className: styles$b.moduleTitle
|
|
39648
39498
|
}, /*#__PURE__*/React__default.createElement(Typography, null, header)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header), /*#__PURE__*/React__default.createElement("div", {
|
|
39649
39499
|
ref: mobileWrapperRef,
|
|
39650
|
-
className: styles$
|
|
39500
|
+
className: styles$b.buttonWrapperMobile
|
|
39651
39501
|
}, renderMenuItemsBasedOnRef((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)), /*#__PURE__*/React__default.createElement("div", {
|
|
39652
|
-
className: styles$
|
|
39502
|
+
className: styles$b.buttonWrapper,
|
|
39653
39503
|
ref: desktopWrapperRef
|
|
39654
39504
|
}, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), !((_c = getActivePanel(activePanel)) === null || _c === void 0 ? void 0 : _c.skipPanelContent) && /*#__PURE__*/React__default.createElement("div", {
|
|
39655
|
-
className: classnames$1(styles$
|
|
39505
|
+
className: classnames$1(styles$b.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$b.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$b.activeContentPanel, activePanel), _classnames))
|
|
39656
39506
|
}, getPanelComponentForActivePanel(activePanel)));
|
|
39657
39507
|
};
|
|
39658
39508
|
|
|
@@ -39682,9 +39532,9 @@ var Panel = function Panel(_ref) {
|
|
|
39682
39532
|
});
|
|
39683
39533
|
};
|
|
39684
39534
|
|
|
39685
|
-
var css_248z$
|
|
39686
|
-
var styles$
|
|
39687
|
-
styleInject(css_248z$
|
|
39535
|
+
var css_248z$c = ".panelContent-module_headerWrapper__BAc2H{display:flex;padding:12px 8px}.panelContent-module_headerActionsWrapper__l-nIj,.panelContent-module_headerFullActionsWrapper__No2uY{display:flex;margin:4px 4px 4px 8px}.panelContent-module_headerFullActionsWrapper__No2uY{justify-content:space-between}.panelContent-module_headerActionsWrapper__l-nIj{justify-content:end}.panelContent-module_narrowPanelTitleWithBackButton__YtZI5,.panelContent-module_narrowPanelTitleWithoutBackButton__gwhZD,.panelContent-module_panelTitleWithBackButton__5rlga,.panelContent-module_panelTitle__jqqJT{flex-grow:2;margin:auto 0!important;overflow:hidden;padding-left:4px;padding-right:4px;text-overflow:ellipsis;white-space:nowrap}.panelContent-module_narrowPanelTitleWithoutBackButton__gwhZD,.panelContent-module_panelTitle__jqqJT{max-width:calc(100% - 48px)}.panelContent-module_narrowPanelTitleWithBackButton__YtZI5,.panelContent-module_panelTitleWithBackButton__5rlga{max-width:calc(100% - 88px)}.panelContent-module_bodyWrapperWithFooter__uoMyR,.panelContent-module_bodyWrapper__EHsg5{height:calc(100dvh - 128px);overflow-x:hidden;overflow-y:hidden}.panelContent-module_bodyWrapperWithFooter__uoMyR{height:calc(100dvh - 184px)}.panelContent-module_footer__P1Nr8{border-top:1px solid #dcdcdc;height:55px}.panelContent-module_contentWrapper__1re5K{height:calc(100% - 16px);margin-right:8px;overflow-x:auto;padding-left:16px;padding-right:8px}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.panelContent-module_headerWrapper__BAc2H{padding:4px}}@media screen and (max-width:927px) and (orientation:landscape){.panelContent-module_bodyWrapperWithFooter__uoMyR{height:calc(100dvh - 104px)}.panelContent-module_bodyWrapper__EHsg5{height:calc(100dvh - 48px)}}@media screen and (max-width:767px) and (orientation:portrait){.panelContent-module_bodyWrapperWithFooter__uoMyR{height:calc(100dvh - 152px)}.panelContent-module_bodyWrapper__EHsg5{height:calc(100dvh - 96px)}.panelContent-module_headerWrapper__BAc2H{padding:4px}}";
|
|
39536
|
+
var styles$a = {"headerWrapper":"panelContent-module_headerWrapper__BAc2H","headerFullActionsWrapper":"panelContent-module_headerFullActionsWrapper__No2uY","headerActionsWrapper":"panelContent-module_headerActionsWrapper__l-nIj","narrowPanelTitleWithBackButton":"panelContent-module_narrowPanelTitleWithBackButton__YtZI5","narrowPanelTitleWithoutBackButton":"panelContent-module_narrowPanelTitleWithoutBackButton__gwhZD","panelTitleWithBackButton":"panelContent-module_panelTitleWithBackButton__5rlga","panelTitle":"panelContent-module_panelTitle__jqqJT","bodyWrapper":"panelContent-module_bodyWrapper__EHsg5","bodyWrapperWithFooter":"panelContent-module_bodyWrapperWithFooter__uoMyR","footer":"panelContent-module_footer__P1Nr8","contentWrapper":"panelContent-module_contentWrapper__1re5K"};
|
|
39537
|
+
styleInject(css_248z$c);
|
|
39688
39538
|
|
|
39689
39539
|
/**
|
|
39690
39540
|
* The component that wraps the panel drawer content
|
|
@@ -39710,7 +39560,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
39710
39560
|
updateActivePanel = _usePanelStore.updateActivePanel,
|
|
39711
39561
|
panelSize = _usePanelStore.panelSize;
|
|
39712
39562
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
39713
|
-
className: styles$
|
|
39563
|
+
className: styles$a.headerWrapper
|
|
39714
39564
|
}, backToMainPanel && /*#__PURE__*/React__default.createElement(Button, {
|
|
39715
39565
|
variant: "ghost_icon",
|
|
39716
39566
|
onClick: backToMainPanel
|
|
@@ -39719,7 +39569,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
39719
39569
|
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
39720
39570
|
group: "heading",
|
|
39721
39571
|
variant: "h2",
|
|
39722
|
-
className: classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$
|
|
39572
|
+
className: classnames$3((_classnames = {}, _defineProperty$1(_classnames, styles$a.narrowPanelTitleWithBackButton, panelSize === 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$a.narrowPanelTitleWithoutBackButton, panelSize === 'narrow' && !backToMainPanel), _defineProperty$1(_classnames, styles$a.panelTitleWithBackButton, panelSize !== 'narrow' && !!backToMainPanel), _defineProperty$1(_classnames, styles$a.panelTitle, panelSize !== 'narrow' && !backToMainPanel), _classnames))
|
|
39723
39573
|
}, header), /*#__PURE__*/React__default.createElement(Button, {
|
|
39724
39574
|
variant: "ghost_icon",
|
|
39725
39575
|
onClick: function onClick() {
|
|
@@ -39728,9 +39578,9 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
39728
39578
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
39729
39579
|
name: "close"
|
|
39730
39580
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
39731
|
-
className: footer ? styles$
|
|
39581
|
+
className: footer ? styles$a.bodyWrapperWithFooter : styles$a.bodyWrapper
|
|
39732
39582
|
}, children), footer && /*#__PURE__*/React__default.createElement("div", {
|
|
39733
|
-
className: styles$
|
|
39583
|
+
className: styles$a.footer
|
|
39734
39584
|
}, footer));
|
|
39735
39585
|
};
|
|
39736
39586
|
PanelContent.defaultProps = {
|
|
@@ -39750,10 +39600,248 @@ PanelContent.defaultProps = {
|
|
|
39750
39600
|
var PanelContentWrapper = function PanelContentWrapper(_ref) {
|
|
39751
39601
|
var children = _ref.children;
|
|
39752
39602
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
39753
|
-
className: styles$
|
|
39603
|
+
className: styles$a.contentWrapper
|
|
39754
39604
|
}, children));
|
|
39755
39605
|
};
|
|
39756
39606
|
|
|
39607
|
+
function SuggestionGroup(_ref) {
|
|
39608
|
+
var suggestionGroup = _ref.suggestionGroup,
|
|
39609
|
+
_onClick = _ref.onClick,
|
|
39610
|
+
focusedOption = _ref.focusedOption,
|
|
39611
|
+
styles = _ref.styles;
|
|
39612
|
+
var _a;
|
|
39613
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("ul", {
|
|
39614
|
+
role: "listbox",
|
|
39615
|
+
className: styles.groupWrapper,
|
|
39616
|
+
"aria-expanded": true,
|
|
39617
|
+
key: suggestionGroup.id,
|
|
39618
|
+
id: suggestionGroup.id
|
|
39619
|
+
}, suggestionGroup.title && /*#__PURE__*/React__default.createElement("div", {
|
|
39620
|
+
className: styles.groupTitle
|
|
39621
|
+
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
39622
|
+
group: "paragraph",
|
|
39623
|
+
variant: "overline"
|
|
39624
|
+
}, suggestionGroup.title)), (_a = suggestionGroup.options) === null || _a === void 0 ? void 0 : _a.map(function (suggestion, index) {
|
|
39625
|
+
var className = classnames$3(styles.item, _defineProperty$1({}, styles.activeItem, index === focusedOption));
|
|
39626
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
39627
|
+
role: "option",
|
|
39628
|
+
id: suggestion.id,
|
|
39629
|
+
className: className,
|
|
39630
|
+
onClick: function onClick() {
|
|
39631
|
+
_onClick(suggestion);
|
|
39632
|
+
},
|
|
39633
|
+
key: suggestion.id
|
|
39634
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
39635
|
+
className: styles.itemIcon,
|
|
39636
|
+
name: suggestion.iconName
|
|
39637
|
+
}), /*#__PURE__*/React__default.createElement(Typography, {
|
|
39638
|
+
className: styles.itemText,
|
|
39639
|
+
group: "heading",
|
|
39640
|
+
variant: "h6"
|
|
39641
|
+
}, suggestion.label));
|
|
39642
|
+
})));
|
|
39643
|
+
}
|
|
39644
|
+
|
|
39645
|
+
function SearchSuggestions(_ref) {
|
|
39646
|
+
var suggestionGroups = _ref.suggestionGroups,
|
|
39647
|
+
containerRef = _ref.containerRef,
|
|
39648
|
+
onClick = _ref.onClick,
|
|
39649
|
+
styles = _ref.styles;
|
|
39650
|
+
var _useSearchBarSectionN = useSearchBarSectionNavigator(suggestionGroups, 0, {
|
|
39651
|
+
enter: function enter() {
|
|
39652
|
+
var section = suggestionGroups[focusedSection];
|
|
39653
|
+
var option = section.options[focusedOption];
|
|
39654
|
+
onClick(option);
|
|
39655
|
+
}
|
|
39656
|
+
}, containerRef !== null && containerRef !== void 0 ? containerRef : undefined),
|
|
39657
|
+
focusedSection = _useSearchBarSectionN.focusedSection,
|
|
39658
|
+
focusedOption = _useSearchBarSectionN.focusedOption;
|
|
39659
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, suggestionGroups.map(function (suggestionGroup, index) {
|
|
39660
|
+
return /*#__PURE__*/React__default.createElement(SuggestionGroup, {
|
|
39661
|
+
suggestionGroup: suggestionGroup,
|
|
39662
|
+
onClick: onClick,
|
|
39663
|
+
key: suggestionGroup.id,
|
|
39664
|
+
focusedOption: index === focusedSection ? focusedOption : -1,
|
|
39665
|
+
styles: styles
|
|
39666
|
+
});
|
|
39667
|
+
}));
|
|
39668
|
+
}
|
|
39669
|
+
|
|
39670
|
+
var css_248z$b = ".floatingSearchBar-module_searchbarWrapper__1Zv66{max-width:404px;position:relative}.floatingSearchBar-module_searchbar__IMcPV div[class^=Input__Container]{background:none;box-shadow:none;height:48px}.floatingSearchBar-module_searchbar__IMcPV div[class^=Input__Container]:focus-within{outline:none}.floatingSearchBar-module_searchbar__IMcPV input{background:rgba(0,0,0,.8);border-radius:4px;color:#dee5e7}.floatingSearchBar-module_searchbar__IMcPV svg{color:#dee5e7}.floatingSearchBar-module_searchbar__IMcPV input::placeholder{color:#dee5e7}.floatingSearchBar-module_searchbar__IMcPV input:focus,.floatingSearchBar-module_searchbar__IMcPV input:hover{background:rgba(0,0,0,.9)}.floatingSearchBar-module_searchbar__IMcPV button{opacity:.6}.floatingSearchBar-module_searchbar__IMcPV button:hover{background:transparent;opacity:1}.floatingSearchBar-module_searchbar__IMcPV button:focus{opacity:1;outline-color:var(--white)}.floatingSearchBar-module_items__v-bJz{background:rgba(0,0,0,.9);border-radius:4px;margin-top:4px;max-height:400px;overflow:auto;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_items__v-bJz::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.25);border:2px solid hsla(0,0%,100%,.06)}.floatingSearchBar-module_items__v-bJz::-webkit-scrollbar-track{background:rgba(0,0,0,.9)}.floatingSearchBar-module_groupWrapper__qDvLA{color:var(--white);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem;list-style:none;margin:0;padding:0}.floatingSearchBar-module_groupTitle__8-zPC{border-bottom:1px solid hsla(0,0%,100%,.16);padding:.5rem 1rem}.floatingSearchBar-module_groupTitle__8-zPC p{color:var(--white)!important;text-transform:uppercase!important}.floatingSearchBar-module_item__lyBJo{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;padding:1rem 1.25rem}.floatingSearchBar-module_item__lyBJo svg{min-width:24px}.floatingSearchBar-module_item__lyBJo .floatingSearchBar-module_itemText__MM2On{color:var(--white)!important}.floatingSearchBar-module_loading__CViEf{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;padding:1rem 1.25rem}.floatingSearchBar-module_item__lyBJo:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__G-aOl{background:hsla(0,0%,100%,.16)}";
|
|
39671
|
+
var style$1 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__1Zv66","searchbar":"floatingSearchBar-module_searchbar__IMcPV","items":"floatingSearchBar-module_items__v-bJz","groupWrapper":"floatingSearchBar-module_groupWrapper__qDvLA","groupTitle":"floatingSearchBar-module_groupTitle__8-zPC","item":"floatingSearchBar-module_item__lyBJo","itemText":"floatingSearchBar-module_itemText__MM2On","loading":"floatingSearchBar-module_loading__CViEf","activeItem":"floatingSearchBar-module_activeItem__G-aOl"};
|
|
39672
|
+
styleInject(css_248z$b);
|
|
39673
|
+
|
|
39674
|
+
/**
|
|
39675
|
+
* Floating search bar
|
|
39676
|
+
*
|
|
39677
|
+
* @param {FloatingSearchBarProps} {
|
|
39678
|
+
* }
|
|
39679
|
+
* @return {*} {JSX.Element}
|
|
39680
|
+
*/
|
|
39681
|
+
var FloatingSearchBar = function FloatingSearchBar(_ref) {
|
|
39682
|
+
var ariaLabel = _ref.ariaLabel,
|
|
39683
|
+
placeholder = _ref.placeholder,
|
|
39684
|
+
onSearchQueryChange = _ref.onSearchQueryChange,
|
|
39685
|
+
suggestionGroups = _ref.suggestionGroups,
|
|
39686
|
+
onSuggestionClick = _ref.onSuggestionClick,
|
|
39687
|
+
isLoading = _ref.isLoading;
|
|
39688
|
+
var _useState = useState(false),
|
|
39689
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39690
|
+
isOpen = _useState2[0],
|
|
39691
|
+
setIsOpen = _useState2[1];
|
|
39692
|
+
var _useState3 = useState(''),
|
|
39693
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
39694
|
+
value = _useState4[0],
|
|
39695
|
+
setValue = _useState4[1];
|
|
39696
|
+
var containerRef = useRef(null);
|
|
39697
|
+
var openMenu = function openMenu() {
|
|
39698
|
+
setIsOpen(true);
|
|
39699
|
+
};
|
|
39700
|
+
var closeMenu = function closeMenu() {
|
|
39701
|
+
if (isOpen) setIsOpen(false);
|
|
39702
|
+
};
|
|
39703
|
+
EchoUtils.Hooks.useOnOutsideClick(closeMenu, {
|
|
39704
|
+
refs: [containerRef]
|
|
39705
|
+
});
|
|
39706
|
+
useKeyboardNavigation({
|
|
39707
|
+
escape: closeMenu
|
|
39708
|
+
});
|
|
39709
|
+
function onClick(suggestion) {
|
|
39710
|
+
setValue(suggestion.label);
|
|
39711
|
+
closeMenu();
|
|
39712
|
+
onSuggestionClick(suggestion);
|
|
39713
|
+
}
|
|
39714
|
+
return /*#__PURE__*/React__default.createElement("form", {
|
|
39715
|
+
ref: containerRef,
|
|
39716
|
+
className: style$1.searchbarWrapper,
|
|
39717
|
+
onFocus: function onFocus() {
|
|
39718
|
+
return value && openMenu();
|
|
39719
|
+
},
|
|
39720
|
+
autoComplete: 'off',
|
|
39721
|
+
onSubmit: function onSubmit(e) {
|
|
39722
|
+
return e.preventDefault();
|
|
39723
|
+
}
|
|
39724
|
+
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
39725
|
+
id: 'search',
|
|
39726
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Search',
|
|
39727
|
+
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search',
|
|
39728
|
+
"aria-controls": "menu-default",
|
|
39729
|
+
"aria-haspopup": "true",
|
|
39730
|
+
className: style$1.searchbar,
|
|
39731
|
+
onChange: function onChange(e) {
|
|
39732
|
+
//TODO: Prevent up and down arrow keys from moving the cursor back and forth.
|
|
39733
|
+
// It appears EDS swallows the Up and Down arrow events.
|
|
39734
|
+
var val = e.target.value;
|
|
39735
|
+
setValue(val);
|
|
39736
|
+
onSearchQueryChange(val);
|
|
39737
|
+
if (val === '') closeMenu();else if (!isOpen) openMenu();
|
|
39738
|
+
},
|
|
39739
|
+
value: value
|
|
39740
|
+
}), isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
39741
|
+
className: style$1.items
|
|
39742
|
+
}, isLoading && /*#__PURE__*/React__default.createElement("li", {
|
|
39743
|
+
className: style$1.loading,
|
|
39744
|
+
role: 'option',
|
|
39745
|
+
id: 'loading',
|
|
39746
|
+
key: 'loading'
|
|
39747
|
+
}, /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
39748
|
+
size: 24,
|
|
39749
|
+
color: 'neutral'
|
|
39750
|
+
})), !isLoading && isOpen && suggestionGroups && suggestionGroups.length > 0 && /*#__PURE__*/React__default.createElement(SearchSuggestions, {
|
|
39751
|
+
suggestionGroups: suggestionGroups,
|
|
39752
|
+
containerRef: containerRef.current,
|
|
39753
|
+
onClick: onClick,
|
|
39754
|
+
styles: style$1
|
|
39755
|
+
})));
|
|
39756
|
+
};
|
|
39757
|
+
|
|
39758
|
+
var css_248z$a = ".responsiveSearchBar-module_searchbarWrapper__1E-m9{height:auto;width:100%}.responsiveSearchBar-module_searchbar__1d1C- input{border:1px solid var(--asBuilt)}.responsiveSearchBar-module_searchbar__1d1C->div:focus-within{outline:none}.responsiveSearchBar-module_searchbar__1d1C- svg{color:var(--disabledColor);height:24px;width:24px}.responsiveSearchBar-module_items__ZPp0x{background:hsla(0,0%,100%,.9);border-radius:4px;margin-top:4px;max-height:400px;overflow:auto;padding:8px 0;position:absolute;width:100%}.responsiveSearchBar-module_groupWrapper__Sso1X{color:var(--echoText);font-size:1rem;font-style:normal;font-weight:400;line-height:1rem;list-style:none;margin:0;padding:0}.responsiveSearchBar-module_groupTitle__G22Ag{border-bottom:1px solid hsla(0,0%,100%,.16);padding:.5rem 1rem}.responsiveSearchBar-module_groupTitle__G22Ag p{color:var(--echoText)!important}.responsiveSearchBar-module_item__qyV7F{align-items:center;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;padding:.625rem .5rem}.responsiveSearchBar-module_item__qyV7F svg{min-width:24px}.responsiveSearchBar-module_loading__jnujg{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;gap:1rem;justify-content:center;padding:1rem 1.25rem}";
|
|
39759
|
+
var styles$9 = {"searchbarWrapper":"responsiveSearchBar-module_searchbarWrapper__1E-m9","searchbar":"responsiveSearchBar-module_searchbar__1d1C-","items":"responsiveSearchBar-module_items__ZPp0x","groupWrapper":"responsiveSearchBar-module_groupWrapper__Sso1X","groupTitle":"responsiveSearchBar-module_groupTitle__G22Ag","item":"responsiveSearchBar-module_item__qyV7F","loading":"responsiveSearchBar-module_loading__jnujg"};
|
|
39760
|
+
styleInject(css_248z$a);
|
|
39761
|
+
|
|
39762
|
+
/**
|
|
39763
|
+
* Floating search bar
|
|
39764
|
+
*
|
|
39765
|
+
* @param {Props} {
|
|
39766
|
+
* }
|
|
39767
|
+
* @return {*} {JSX.Element}
|
|
39768
|
+
*/
|
|
39769
|
+
var ResponsiveSearchBar = function ResponsiveSearchBar(_a) {
|
|
39770
|
+
var ariaLabel = _a.ariaLabel,
|
|
39771
|
+
placeholder = _a.placeholder,
|
|
39772
|
+
onSearchQueryChange = _a.onSearchQueryChange,
|
|
39773
|
+
suggestionGroups = _a.suggestionGroups,
|
|
39774
|
+
onSuggestionClick = _a.onSuggestionClick,
|
|
39775
|
+
isLoading = _a.isLoading,
|
|
39776
|
+
props = __rest(_a, ["ariaLabel", "placeholder", "onSearchQueryChange", "suggestionGroups", "onSuggestionClick", "isLoading"]);
|
|
39777
|
+
var _useState = useState(false),
|
|
39778
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
39779
|
+
isOpen = _useState2[0],
|
|
39780
|
+
setIsOpen = _useState2[1];
|
|
39781
|
+
var _useState3 = useState(''),
|
|
39782
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
39783
|
+
value = _useState4[0],
|
|
39784
|
+
setValue = _useState4[1];
|
|
39785
|
+
var containerRef = useRef(null);
|
|
39786
|
+
var openMenu = function openMenu() {
|
|
39787
|
+
setIsOpen(true);
|
|
39788
|
+
};
|
|
39789
|
+
var closeMenu = function closeMenu() {
|
|
39790
|
+
if (isOpen) setIsOpen(false);
|
|
39791
|
+
};
|
|
39792
|
+
EchoUtils.Hooks.useOnOutsideClick(closeMenu, {
|
|
39793
|
+
refs: [containerRef]
|
|
39794
|
+
});
|
|
39795
|
+
useKeyboardNavigation({
|
|
39796
|
+
escape: closeMenu
|
|
39797
|
+
});
|
|
39798
|
+
function onClick(suggestion) {
|
|
39799
|
+
setValue(suggestion.label);
|
|
39800
|
+
closeMenu();
|
|
39801
|
+
onSuggestionClick(suggestion);
|
|
39802
|
+
}
|
|
39803
|
+
function onSearchValueChange(e) {
|
|
39804
|
+
var val = e.target.value;
|
|
39805
|
+
setValue(val);
|
|
39806
|
+
onSearchQueryChange(val);
|
|
39807
|
+
if (val === '') closeMenu();else if (!isOpen) openMenu();
|
|
39808
|
+
}
|
|
39809
|
+
return /*#__PURE__*/React__default.createElement("form", Object.assign({
|
|
39810
|
+
ref: containerRef,
|
|
39811
|
+
className: styles$9.searchbarWrapper,
|
|
39812
|
+
onFocus: function onFocus() {
|
|
39813
|
+
return value && openMenu();
|
|
39814
|
+
},
|
|
39815
|
+
autoComplete: 'off',
|
|
39816
|
+
onSubmit: function onSubmit(e) {
|
|
39817
|
+
return e.preventDefault();
|
|
39818
|
+
}
|
|
39819
|
+
}, props), /*#__PURE__*/React__default.createElement(Search, {
|
|
39820
|
+
id: "responsiveSearch",
|
|
39821
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Search',
|
|
39822
|
+
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search',
|
|
39823
|
+
"aria-controls": "menu-default",
|
|
39824
|
+
"aria-haspopup": "true",
|
|
39825
|
+
className: styles$9.searchbar,
|
|
39826
|
+
onChange: onSearchValueChange,
|
|
39827
|
+
value: value
|
|
39828
|
+
}), isOpen && /*#__PURE__*/React__default.createElement("div", {
|
|
39829
|
+
className: styles$9.items
|
|
39830
|
+
}, isLoading && /*#__PURE__*/React__default.createElement("li", {
|
|
39831
|
+
className: styles$9.loading,
|
|
39832
|
+
role: 'option',
|
|
39833
|
+
id: 'loading',
|
|
39834
|
+
key: 'loading'
|
|
39835
|
+
}, /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
39836
|
+
size: 24
|
|
39837
|
+
})), !isLoading && isOpen && suggestionGroups && suggestionGroups.length > 0 && /*#__PURE__*/React__default.createElement(SearchSuggestions, {
|
|
39838
|
+
suggestionGroups: suggestionGroups,
|
|
39839
|
+
containerRef: containerRef.current,
|
|
39840
|
+
onClick: onClick,
|
|
39841
|
+
styles: styles$9
|
|
39842
|
+
})));
|
|
39843
|
+
};
|
|
39844
|
+
|
|
39757
39845
|
var css_248z$9 = ".sidebarButton-module_button__37sG4{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;padding:.5em 0;position:relative;width:100%}.sidebarButton-module_button__37sG4:focus-visible{outline:1px dashed var(--asBuilt)}.sidebarButton-module_button__37sG4:hover{background-color:var(--equiGreen2)}.sidebarButton-module_button__37sG4[aria-pressed=true]{background-color:var(--equiGreen3);border-color:var(--asBuilt)}.sidebarButton-module_button__37sG4:hover[aria-pressed=true]{background-color:var(--equiGreen4);border-color:var(--hoverIcon)}.sidebarButton-module_button__37sG4 svg{height:21px;width:21px}.sidebarButton-module_button__37sG4:hover .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4:hover svg{fill:var(--hoverIcon);color:var(--hoverIcon)!important}.sidebarButton-module_button__37sG4[aria-pressed=true] .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4[aria-pressed=true] svg{fill:var(--asBuilt);color:var(--asBuilt)!important}.sidebarButton-module_text__S0hrv{color:var(--echoText)!important;font-size:11px!important;font-weight:500!important;line-height:12px!important;margin-top:.25em!important;min-width:100%!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.sidebarButton-module_rightBarButton__nh2hd{border-left:2px solid hsla(0,0%,100%,0);height:56px!important;left:-2px;width:64px!important}.sidebarButton-module_leftBarButton__C5g1N{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:64px}.sidebarButton-module_bottomBarButton__UJRT3{border-top:2px solid hsla(0,0%,100%,0);height:100%;padding:.25em 0 .5em}.sidebarButton-module_tabButton__eQISU{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:100%}.sidebarButton-module_rightBarButton__nh2hd:hover{border-left:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:hover{border-right:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N[aria-pressed=true],.sidebarButton-module_rightBarButton__nh2hd[aria-pressed=true]{border-color:var(--asBuilt)!important}.sidebarButton-module_tabItemCount__nQc-M{align-items:center;background-color:var(--white);border:1px solid var(--equiGreen1);border-radius:50%;color:var(--equiGreen1);display:flex;font-size:11.5px;font-weight:800;height:fit-content;justify-content:center;min-height:21px;min-width:21px;position:absolute;right:3px;top:3px;width:fit-content}@media screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_bottomBarButton__UJRT3{border-right:2px solid hsla(0,0%,100%,0);border-top:none;height:-webkit-fill-available}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_rightBarButton__nh2hd{border-bottom:2px solid hsla(0,0%,100%,0)!important;border-left:none!important;height:48px!important;left:0;padding:.25em 0 .5em}.sidebarButton-module_rightBarButton__nh2hd:hover{border-bottom:2px solid var(--default)}.sidebarButton-module_rightBarButton__nh2hd:hover[aria-pressed=true],.sidebarButton-module_rightBarButton__nh2hd[aria-pressed=true]{border-bottom:2px solid var(--asBuilt)}}";
|
|
39758
39846
|
var styles$8 = {"button":"sidebarButton-module_button__37sG4","text":"sidebarButton-module_text__S0hrv","rightBarButton":"sidebarButton-module_rightBarButton__nh2hd","leftBarButton":"sidebarButton-module_leftBarButton__C5g1N","bottomBarButton":"sidebarButton-module_bottomBarButton__UJRT3","tabButton":"sidebarButton-module_tabButton__eQISU","tabItemCount":"sidebarButton-module_tabItemCount__nQc-M"};
|
|
39759
39847
|
styleInject(css_248z$9);
|
|
@@ -39972,8 +40060,10 @@ function Left(_ref) {
|
|
|
39972
40060
|
style = _ref.style,
|
|
39973
40061
|
_ref$isMinimizable = _ref.isMinimizable,
|
|
39974
40062
|
isMinimizable = _ref$isMinimizable === void 0 ? true : _ref$isMinimizable,
|
|
40063
|
+
_ref$defaultMinimized = _ref.defaultMinimized,
|
|
40064
|
+
defaultMinimized = _ref$defaultMinimized === void 0 ? false : _ref$defaultMinimized,
|
|
39975
40065
|
children = _ref.children;
|
|
39976
|
-
var _useState = useState(false),
|
|
40066
|
+
var _useState = useState(defaultMinimized || false),
|
|
39977
40067
|
_useState2 = _slicedToArray(_useState, 2),
|
|
39978
40068
|
isMinimized = _useState2[0],
|
|
39979
40069
|
setIsMinimized = _useState2[1];
|
|
@@ -40128,9 +40218,51 @@ function setWorkOrderIconName(type) {
|
|
|
40128
40218
|
return 'workorders_main_group';
|
|
40129
40219
|
}
|
|
40130
40220
|
}
|
|
40221
|
+
var statusColors = {
|
|
40222
|
+
completed: {
|
|
40223
|
+
color: 'black',
|
|
40224
|
+
background: '#C7C7C7'
|
|
40225
|
+
},
|
|
40226
|
+
expired: {
|
|
40227
|
+
color: 'white',
|
|
40228
|
+
background: '#B30D2F'
|
|
40229
|
+
},
|
|
40230
|
+
withinsevendays: {
|
|
40231
|
+
color: 'black',
|
|
40232
|
+
background: '#EB0000'
|
|
40233
|
+
},
|
|
40234
|
+
eightdaystoonemonth: {
|
|
40235
|
+
color: 'white',
|
|
40236
|
+
background: '#FF9200'
|
|
40237
|
+
},
|
|
40238
|
+
onetothreemonths: {
|
|
40239
|
+
color: 'black',
|
|
40240
|
+
background: '#FFC67A'
|
|
40241
|
+
},
|
|
40242
|
+
threetosixmonths: {
|
|
40243
|
+
color: 'black',
|
|
40244
|
+
background: '#C1E7C1'
|
|
40245
|
+
},
|
|
40246
|
+
sixtotwelvemonth: {
|
|
40247
|
+
color: 'black',
|
|
40248
|
+
background: '#4BB748'
|
|
40249
|
+
},
|
|
40250
|
+
inmorethanoneyear: {
|
|
40251
|
+
color: 'white',
|
|
40252
|
+
background: '#358132'
|
|
40253
|
+
},
|
|
40254
|
+
unknown: {
|
|
40255
|
+
color: 'black',
|
|
40256
|
+
background: '#9E9E9E'
|
|
40257
|
+
}
|
|
40258
|
+
};
|
|
40259
|
+
function setRequiredEndDateColor(requiredEndDateStatus) {
|
|
40260
|
+
var status = (requiredEndDateStatus === null || requiredEndDateStatus === void 0 ? void 0 : requiredEndDateStatus.toLowerCase()) || 'unknown';
|
|
40261
|
+
return statusColors[status];
|
|
40262
|
+
}
|
|
40131
40263
|
|
|
40132
|
-
var css_248z$3 = ".WorkOrderListItem-module_container__AaZwJ{padding:1rem}.WorkOrderListItem-module_container__AaZwJ>div:not(:first-of-type){gap:4px}.WorkOrderListItem-module_visual__UCRRo{align-items:center;
|
|
40133
|
-
var styles$3 = {"container":"WorkOrderListItem-module_container__AaZwJ","visual":"WorkOrderListItem-module_visual__UCRRo","primary":"WorkOrderListItem-module_primary__aflKC","tertiary":"WorkOrderListItem-module_tertiary__9VMmL WorkOrderListItem-module_primary__aflKC","tertiaryMultiline":"WorkOrderListItem-module_tertiaryMultiline__fnZfW WorkOrderListItem-module_primary__aflKC","primaryText":"WorkOrderListItem-module_primaryText__Fdd7q","secondaryText":"WorkOrderListItem-module_secondaryText__I85sw","tertiaryText":"WorkOrderListItem-module_tertiaryText__TRbrY","divider":"WorkOrderListItem-module_divider__XvYes","workorderStatusContainer":"WorkOrderListItem-module_workorderStatusContainer__rerr6","workorderstatusText":"WorkOrderListItem-module_workorderstatusText__GGO-u","completedIndicator":"WorkOrderListItem-module_completedIndicator__0cN-Q","activeIndicator":"WorkOrderListItem-module_activeIndicator__t9TzB","workorderId":"WorkOrderListItem-module_workorderId__QXhKw"};
|
|
40264
|
+
var css_248z$3 = ".WorkOrderListItem-module_container__AaZwJ{padding:1rem}.WorkOrderListItem-module_container__AaZwJ>div:not(:first-of-type){gap:4px}.WorkOrderListItem-module_visual__UCRRo{align-items:center;border-radius:50%;display:flex;flex-direction:column;font-size:12px;font-weight:500;justify-content:center;margin:.5rem;min-height:40px;min-width:40px;padding:.5rem}.WorkOrderListItem-module_visualActive__uYrbW{background-color:#ff9200}.WorkOrderListItem-module_visualCompleted__maOBS{background-color:#4bb748}.WorkOrderListItem-module_primary__aflKC{align-items:center;display:flex;flex-flow:row nowrap;gap:5px}.WorkOrderListItem-module_tertiary__9VMmL{color:var(--tertiaryText)!important;flex-direction:row;font-size:.75rem!important;gap:.75rem}.WorkOrderListItem-module_tertiaryMultiline__fnZfW{align-items:flex-start;flex-direction:column;gap:.1rem}.WorkOrderListItem-module_primaryText__Fdd7q{width:auto}.WorkOrderListItem-module_secondaryText__I85sw{color:#565656}.WorkOrderListItem-module_tertiaryText__TRbrY{color:var(--tertiaryText)}.WorkOrderListItem-module_divider__XvYes{border:1px solid #d9d9d9;height:.75rem;margin-bottom:5px}.WorkOrderListItem-module_workorderStatusContainer__rerr6{align-items:center;display:inline-flex;gap:5px}.WorkOrderListItem-module_workorderstatusText__GGO-u{line-height:0!important;margin-left:.25rem;overflow:initial!important}.WorkOrderListItem-module_activeIndicator__t9TzB,.WorkOrderListItem-module_completedIndicator__0cN-Q{border-radius:50%;height:.75rem;margin-bottom:3px;width:.75rem}.WorkOrderListItem-module_activeIndicator__t9TzB{background-color:#ff9200}.WorkOrderListItem-module_completedIndicator__0cN-Q{background-color:#4bb748}.WorkOrderListItem-module_workorderId__QXhKw{width:auto}.WorkOrderListItem-module_requiredEndDate__a-YFO{padding:6px}";
|
|
40265
|
+
var styles$3 = {"container":"WorkOrderListItem-module_container__AaZwJ","visual":"WorkOrderListItem-module_visual__UCRRo","visualActive":"WorkOrderListItem-module_visualActive__uYrbW WorkOrderListItem-module_visual__UCRRo","visualCompleted":"WorkOrderListItem-module_visualCompleted__maOBS WorkOrderListItem-module_visual__UCRRo","primary":"WorkOrderListItem-module_primary__aflKC","tertiary":"WorkOrderListItem-module_tertiary__9VMmL WorkOrderListItem-module_primary__aflKC","tertiaryMultiline":"WorkOrderListItem-module_tertiaryMultiline__fnZfW WorkOrderListItem-module_primary__aflKC","primaryText":"WorkOrderListItem-module_primaryText__Fdd7q","secondaryText":"WorkOrderListItem-module_secondaryText__I85sw","tertiaryText":"WorkOrderListItem-module_tertiaryText__TRbrY","divider":"WorkOrderListItem-module_divider__XvYes","workorderStatusContainer":"WorkOrderListItem-module_workorderStatusContainer__rerr6","workorderstatusText":"WorkOrderListItem-module_workorderstatusText__GGO-u","completedIndicator":"WorkOrderListItem-module_completedIndicator__0cN-Q","activeIndicator":"WorkOrderListItem-module_activeIndicator__t9TzB","workorderId":"WorkOrderListItem-module_workorderId__QXhKw","requiredEndDate":"WorkOrderListItem-module_requiredEndDate__a-YFO"};
|
|
40134
40266
|
styleInject(css_248z$3);
|
|
40135
40267
|
|
|
40136
40268
|
function WorkOrderStatusLabel(_ref) {
|
|
@@ -40158,17 +40290,30 @@ function getFullLocaledDatetime(date) {
|
|
|
40158
40290
|
function WorkOrderListItem(props) {
|
|
40159
40291
|
var wo = props.workOrder;
|
|
40160
40292
|
var showDate = setShowDate(wo);
|
|
40293
|
+
var requiredEndDateColor = setRequiredEndDateColor(wo.requiredEndDateStatus);
|
|
40161
40294
|
var displayHeaderDate = function displayHeaderDate() {
|
|
40162
40295
|
var _a, _b;
|
|
40163
40296
|
if (((_a = wo.orderType) === null || _a === void 0 ? void 0 : _a.toUpperCase()) === 'PM01') {
|
|
40164
40297
|
return /*#__PURE__*/React__default.createElement("time", {
|
|
40165
40298
|
dateTime: getFullLocaledDatetime(wo.requiredEndDateTime)
|
|
40166
|
-
}, "Req. end date: ",
|
|
40299
|
+
}, "Req. end date:", ' ', /*#__PURE__*/React__default.createElement("span", {
|
|
40300
|
+
style: {
|
|
40301
|
+
background: requiredEndDateColor.background,
|
|
40302
|
+
color: requiredEndDateColor.color
|
|
40303
|
+
},
|
|
40304
|
+
className: styles$3.requiredEndDate
|
|
40305
|
+
}, dateToStringOrEmpty(wo.requiredEndDateTime)));
|
|
40167
40306
|
}
|
|
40168
40307
|
if (((_b = wo.orderType) === null || _b === void 0 ? void 0 : _b.toUpperCase()) === 'PM02') {
|
|
40169
40308
|
return /*#__PURE__*/React__default.createElement("time", {
|
|
40170
40309
|
dateTime: getFullLocaledDatetime(wo.maintenancePlanDate)
|
|
40171
|
-
}, "Planned date: ",
|
|
40310
|
+
}, "Planned date:", ' ', /*#__PURE__*/React__default.createElement("span", {
|
|
40311
|
+
style: {
|
|
40312
|
+
background: requiredEndDateColor.background,
|
|
40313
|
+
color: requiredEndDateColor.color
|
|
40314
|
+
},
|
|
40315
|
+
className: styles$3.requiredEndDate
|
|
40316
|
+
}, dateToStringOrEmpty(wo.maintenancePlanDate)));
|
|
40172
40317
|
}
|
|
40173
40318
|
return null;
|
|
40174
40319
|
};
|
|
@@ -40187,19 +40332,22 @@ function WorkOrderListItem(props) {
|
|
|
40187
40332
|
variant: 'caption',
|
|
40188
40333
|
className: styles$3.secondaryText
|
|
40189
40334
|
}, wo.description),
|
|
40190
|
-
tertiary: /*#__PURE__*/React__default.createElement(Typography, {
|
|
40335
|
+
tertiary: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Typography, {
|
|
40191
40336
|
variant: "meta",
|
|
40192
40337
|
className: styles$3.tertiary
|
|
40193
40338
|
}, wo.planningPlant, /*#__PURE__*/React__default.createElement("span", {
|
|
40194
40339
|
role: "seperator",
|
|
40195
40340
|
"aria-orientation": "vertical",
|
|
40196
40341
|
className: styles$3.divider
|
|
40197
|
-
}), showDate &&
|
|
40342
|
+
}), wo.workCenterId), showDate && /*#__PURE__*/React__default.createElement(Typography, {
|
|
40343
|
+
variant: "meta",
|
|
40344
|
+
className: styles$3.tertiary
|
|
40345
|
+
}, displayHeaderDate())),
|
|
40198
40346
|
visual: /*#__PURE__*/React__default.createElement("div", {
|
|
40199
|
-
className: styles$3.
|
|
40347
|
+
className: wo.isActive ? styles$3.visualActive : styles$3.visualCompleted
|
|
40200
40348
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
40201
40349
|
name: setWorkOrderIconName(wo.orderType),
|
|
40202
|
-
color: "
|
|
40350
|
+
color: "black"
|
|
40203
40351
|
})),
|
|
40204
40352
|
itemAction: props.itemAction,
|
|
40205
40353
|
as: props.isHeader ? 'div' : 'li'
|
|
@@ -40721,5 +40869,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
40721
40869
|
}));
|
|
40722
40870
|
};
|
|
40723
40871
|
|
|
40724
|
-
export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LayerLegend, LineChart, LinkCard, ListItem, ListRow, MainLegend, MenuButton, OptionsList, PCMatrix, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView,
|
|
40872
|
+
export { BlackLink, ButtonWithPopover, ContextMenu, CopyToClipboard, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LayerLegend, LineChart, LinkCard, ListItem, ListRow, MainLegend, MenuButton, OptionsList, PCMatrix, Panel, PanelContent, PanelContentWrapper, PanelWrapper, RadioButtonGroup, ReactDatePicker, ResponsiveSearchBar, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$3 as classnames, distance_circle, echoIcons, getIcon, map_legend_info, measuring_point, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, polygon, polygon_symbol, polyline, polyrectangle, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_methane_sensor, robim_external_satellite, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, usePanelStore, useSearchBarSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
40725
40873
|
//# sourceMappingURL=index.js.map
|