@equinor/echo-components 0.5.15 → 0.5.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +1 -0
- package/dist/components/workOrderListItem/WorkOrderStatusLabel.d.ts +11 -0
- package/dist/index.js +301 -166
- package/dist/index.js.map +1 -1
- package/dist/utils/workorder.d.ts +3 -4
- package/package.json +1 -1
- package/dist/components/workOrderListItem/index.d.ts +0 -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$B = ":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$B);
|
|
39
39
|
|
|
40
40
|
/**
|
|
41
41
|
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
@@ -354,9 +354,9 @@ var nonIterableSpread = {
|
|
|
354
354
|
|
|
355
355
|
var _toConsumableArray$1 = /*@__PURE__*/getDefaultExportFromCjs(toConsumableArrayExports);
|
|
356
356
|
|
|
357
|
-
var css_248z$
|
|
357
|
+
var css_248z$A = ".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}";
|
|
358
358
|
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
359
|
-
styleInject(css_248z$
|
|
359
|
+
styleInject(css_248z$A);
|
|
360
360
|
|
|
361
361
|
/**
|
|
362
362
|
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
@@ -382,9 +382,9 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
382
382
|
}, data.label);
|
|
383
383
|
};
|
|
384
384
|
|
|
385
|
-
var css_248z$
|
|
385
|
+
var css_248z$z = ".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}";
|
|
386
386
|
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"};
|
|
387
|
-
styleInject(css_248z$
|
|
387
|
+
styleInject(css_248z$z);
|
|
388
388
|
|
|
389
389
|
/**
|
|
390
390
|
* Component that renders a popover with data information buttons
|
|
@@ -451,9 +451,9 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
451
451
|
})));
|
|
452
452
|
};
|
|
453
453
|
|
|
454
|
-
var css_248z$
|
|
454
|
+
var css_248z$y = ".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}";
|
|
455
455
|
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
456
|
-
styleInject(css_248z$
|
|
456
|
+
styleInject(css_248z$y);
|
|
457
457
|
|
|
458
458
|
/**
|
|
459
459
|
* Component that renders a round button, that opens a popover upon being clicked
|
|
@@ -503,9 +503,9 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
503
503
|
}));
|
|
504
504
|
};
|
|
505
505
|
|
|
506
|
-
var css_248z$
|
|
507
|
-
var styles$
|
|
508
|
-
styleInject(css_248z$
|
|
506
|
+
var css_248z$x = ".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}";
|
|
507
|
+
var styles$n = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
508
|
+
styleInject(css_248z$x);
|
|
509
509
|
|
|
510
510
|
/**
|
|
511
511
|
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
@@ -523,7 +523,7 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
523
523
|
style: {
|
|
524
524
|
background: legendColor
|
|
525
525
|
},
|
|
526
|
-
className: "".concat(styles$
|
|
526
|
+
className: "".concat(styles$n.icon)
|
|
527
527
|
}, icon);
|
|
528
528
|
};
|
|
529
529
|
|
|
@@ -537,13 +537,13 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
537
537
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
538
538
|
var children = _ref.children;
|
|
539
539
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
540
|
-
className: "".concat(styles$
|
|
540
|
+
className: "".concat(styles$n.shadow)
|
|
541
541
|
}, children);
|
|
542
542
|
};
|
|
543
543
|
|
|
544
|
-
var css_248z$
|
|
545
|
-
var styles$
|
|
546
|
-
styleInject(css_248z$
|
|
544
|
+
var css_248z$w = ".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}";
|
|
545
|
+
var styles$m = {"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"};
|
|
546
|
+
styleInject(css_248z$w);
|
|
547
547
|
|
|
548
548
|
/**
|
|
549
549
|
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
@@ -573,20 +573,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
573
573
|
children = _ref.children;
|
|
574
574
|
if (expanded) {
|
|
575
575
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
576
|
-
className: styles$
|
|
576
|
+
className: styles$m.contextWrapperExpanded,
|
|
577
577
|
onClick: openTagInformation
|
|
578
578
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
579
|
-
className: styles$
|
|
579
|
+
className: styles$m.tagInfoWrapper
|
|
580
580
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
581
|
-
className: styles$
|
|
581
|
+
className: styles$m.tagText
|
|
582
582
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
583
583
|
variant: "h5",
|
|
584
|
-
className: styles$
|
|
584
|
+
className: styles$m.tagHeader
|
|
585
585
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
586
586
|
variant: "body_short",
|
|
587
|
-
className: styles$
|
|
587
|
+
className: styles$m.tagDescription
|
|
588
588
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
589
|
-
className: styles$
|
|
589
|
+
className: styles$m.tagInfoIcon
|
|
590
590
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
591
591
|
variant: "ghost_icon"
|
|
592
592
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -597,7 +597,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
597
597
|
} else {
|
|
598
598
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
599
599
|
"data-testid": "open-tag-info",
|
|
600
|
-
className: "".concat(styles$
|
|
600
|
+
className: "".concat(styles$m.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$m.selected : ''),
|
|
601
601
|
onClick: function onClick() {
|
|
602
602
|
setExpanded(true);
|
|
603
603
|
}
|
|
@@ -605,9 +605,9 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
605
605
|
}
|
|
606
606
|
};
|
|
607
607
|
|
|
608
|
-
var css_248z$
|
|
608
|
+
var css_248z$v = ".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}}";
|
|
609
609
|
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
610
|
-
styleInject(css_248z$
|
|
610
|
+
styleInject(css_248z$v);
|
|
611
611
|
|
|
612
612
|
/**
|
|
613
613
|
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
@@ -13390,16 +13390,16 @@ var require$$61 = /*@__PURE__*/getAugmentedNamespace(esm);
|
|
|
13390
13390
|
|
|
13391
13391
|
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_minExports);
|
|
13392
13392
|
|
|
13393
|
-
var css_248z$t = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13394
|
-
styleInject(css_248z$
|
|
13393
|
+
var css_248z$u = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13394
|
+
styleInject(css_248z$u);
|
|
13395
13395
|
|
|
13396
|
-
var css_248z$
|
|
13396
|
+
var css_248z$t = ".datePicker-module_ReactDatePicker__isczD{display:flex;flex-direction:column;max-width:250px;position:relative;width:100%}.datePicker-module_dateLabel__sVIAX{color:#6f6f6f;font-family:Equinor;font-size:.75rem;font-weight:400;line-height:1.333em;margin-bottom:0;position:relative;text-align:left}.datePicker-module_dateInput__NkIj-{background-color:#f7f7f7!important;box-shadow:inset 0 -1px 0 0 #6f6f6f;display:inline-block;height:36px;width:100%}.datePicker-module_calendarIcon__E-K4F{bottom:-28px;color:#616161;cursor:pointer;height:20px;position:absolute;right:12px;width:20px;z-index:1}.datePicker-module_closeIcon__28ALq{color:#616161;cursor:pointer;height:20px!important;width:20px!important;z-index:1}.datePicker-module_clearDateValue__FIR6W{bottom:4px;cursor:pointer;height:30px!important;position:absolute!important;right:9px;width:30px!important}";
|
|
13397
13397
|
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"};
|
|
13398
|
-
styleInject(css_248z$
|
|
13398
|
+
styleInject(css_248z$t);
|
|
13399
13399
|
|
|
13400
|
-
var css_248z$
|
|
13400
|
+
var css_248z$s = ".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}";
|
|
13401
13401
|
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
13402
|
-
styleInject(css_248z$
|
|
13402
|
+
styleInject(css_248z$s);
|
|
13403
13403
|
|
|
13404
13404
|
var PopupHeader = function PopupHeader(_ref) {
|
|
13405
13405
|
var date = _ref.date,
|
|
@@ -13445,8 +13445,8 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13445
13445
|
})));
|
|
13446
13446
|
};
|
|
13447
13447
|
|
|
13448
|
-
var css_248z$
|
|
13449
|
-
styleInject(css_248z$
|
|
13448
|
+
var css_248z$r = ".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%}";
|
|
13449
|
+
styleInject(css_248z$r);
|
|
13450
13450
|
|
|
13451
13451
|
reactDatepicker_minExports.registerLocale('en-gb', enGb);
|
|
13452
13452
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
@@ -13523,9 +13523,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13523
13523
|
})));
|
|
13524
13524
|
};
|
|
13525
13525
|
|
|
13526
|
-
var css_248z$
|
|
13527
|
-
var styles$
|
|
13528
|
-
styleInject(css_248z$
|
|
13526
|
+
var css_248z$q = ".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}";
|
|
13527
|
+
var styles$l = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
13528
|
+
styleInject(css_248z$q);
|
|
13529
13529
|
|
|
13530
13530
|
/**
|
|
13531
13531
|
* Component that renders a dialog box based on input properties
|
|
@@ -13557,7 +13557,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
13557
13557
|
return _onClose && _onClose();
|
|
13558
13558
|
}
|
|
13559
13559
|
}, /*#__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, {
|
|
13560
|
-
className: styles$
|
|
13560
|
+
className: styles$l.footer
|
|
13561
13561
|
}, actionButtons.map(function (actionButton, index) {
|
|
13562
13562
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
13563
13563
|
key: index,
|
|
@@ -14490,9 +14490,9 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
14490
14490
|
}
|
|
14491
14491
|
});
|
|
14492
14492
|
|
|
14493
|
-
var css_248z$
|
|
14494
|
-
var styles$
|
|
14495
|
-
styleInject(css_248z$
|
|
14493
|
+
var css_248z$p = ".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}";
|
|
14494
|
+
var styles$k = {"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"};
|
|
14495
|
+
styleInject(css_248z$p);
|
|
14496
14496
|
|
|
14497
14497
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
14498
14498
|
useFocus$1 = _EchoUtils$Hooks.useFocus,
|
|
@@ -14615,7 +14615,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14615
14615
|
}, [filteredData]);
|
|
14616
14616
|
var RenderDropdown = function RenderDropdown() {
|
|
14617
14617
|
var _a, _b;
|
|
14618
|
-
var dropdownShow = openDownWards ? styles$
|
|
14618
|
+
var dropdownShow = openDownWards ? styles$k.dropdownDownShow : styles$k.dropdownUpShow;
|
|
14619
14619
|
var _useFocus = useFocus$1(),
|
|
14620
14620
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
14621
14621
|
searchInput = _useFocus2[0],
|
|
@@ -14633,12 +14633,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14633
14633
|
key: index,
|
|
14634
14634
|
role: "option",
|
|
14635
14635
|
"aria-selected": false,
|
|
14636
|
-
className: styles$
|
|
14636
|
+
className: styles$k.options,
|
|
14637
14637
|
onClick: function onClick(event) {
|
|
14638
14638
|
return handleItemSelected(event, filteredData[index]);
|
|
14639
14639
|
}
|
|
14640
14640
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14641
|
-
className: styles$
|
|
14641
|
+
className: styles$k.optionsItem
|
|
14642
14642
|
}, filteredData[index]));
|
|
14643
14643
|
};
|
|
14644
14644
|
var getItemSize = function getItemSize(index) {
|
|
@@ -14655,16 +14655,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14655
14655
|
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%',
|
|
14656
14656
|
position: position
|
|
14657
14657
|
},
|
|
14658
|
-
className: isOpen ? dropdownShow : styles$
|
|
14658
|
+
className: isOpen ? dropdownShow : styles$k.dropdown
|
|
14659
14659
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
14660
|
-
className: styles$
|
|
14660
|
+
className: styles$k.searchWrapper
|
|
14661
14661
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
14662
14662
|
onChange: handleSetFilter,
|
|
14663
14663
|
value: filter,
|
|
14664
14664
|
ref: searchInput,
|
|
14665
14665
|
placeholder: 'Search'
|
|
14666
14666
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14667
|
-
className: filterFunc ? styles$
|
|
14667
|
+
className: filterFunc ? styles$k.filteredDataListWithSearch : styles$k.filteredDataList
|
|
14668
14668
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
14669
14669
|
ref: listRef,
|
|
14670
14670
|
width: width,
|
|
@@ -14678,7 +14678,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14678
14678
|
"data-testid": "dropdown-button",
|
|
14679
14679
|
disabled: isDisabled,
|
|
14680
14680
|
ref: buttonRef,
|
|
14681
|
-
className: [variant === 'compact' ? styles$
|
|
14681
|
+
className: [variant === 'compact' ? styles$k.dropdownToggleHome : styles$k.dropdownToggle, variant === 'compact' && isOpen === true ? styles$k.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$k.dropdownSelected : ''].join(' '),
|
|
14682
14682
|
onClick: function onClick(event) {
|
|
14683
14683
|
return handleIsOpenToggle(event);
|
|
14684
14684
|
},
|
|
@@ -14693,24 +14693,24 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14693
14693
|
})), openDownWards && RenderDropdown());
|
|
14694
14694
|
};
|
|
14695
14695
|
|
|
14696
|
-
var css_248z$
|
|
14697
|
-
var styles$
|
|
14698
|
-
styleInject(css_248z$
|
|
14696
|
+
var css_248z$o = ".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}}";
|
|
14697
|
+
var styles$j = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
14698
|
+
styleInject(css_248z$o);
|
|
14699
14699
|
|
|
14700
14700
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
14701
14701
|
var children = _ref.children,
|
|
14702
14702
|
style = _ref.style;
|
|
14703
14703
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14704
|
-
className: styles$
|
|
14704
|
+
className: styles$j.barWrapper
|
|
14705
14705
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14706
|
-
className: styles$
|
|
14706
|
+
className: styles$j.barContainer,
|
|
14707
14707
|
style: style
|
|
14708
14708
|
}, children));
|
|
14709
14709
|
};
|
|
14710
14710
|
|
|
14711
|
-
var css_248z$
|
|
14711
|
+
var css_248z$n = ".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}";
|
|
14712
14712
|
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"};
|
|
14713
|
-
styleInject(css_248z$
|
|
14713
|
+
styleInject(css_248z$n);
|
|
14714
14714
|
|
|
14715
14715
|
var Body = function Body(_ref) {
|
|
14716
14716
|
var bodyText = _ref.bodyText,
|
|
@@ -14912,9 +14912,9 @@ EchoCard.Body = Body;
|
|
|
14912
14912
|
EchoCard.LinkSection = LinkSection;
|
|
14913
14913
|
EchoCard.DateSection = DateSection;
|
|
14914
14914
|
|
|
14915
|
-
var css_248z$
|
|
14916
|
-
var styles$
|
|
14917
|
-
styleInject(css_248z$
|
|
14915
|
+
var css_248z$m = ".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}";
|
|
14916
|
+
var styles$i = {"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"};
|
|
14917
|
+
styleInject(css_248z$m);
|
|
14918
14918
|
|
|
14919
14919
|
/**
|
|
14920
14920
|
* Component that renders the Echo header
|
|
@@ -14937,21 +14937,21 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
14937
14937
|
var CustomSection = customHeaderSection;
|
|
14938
14938
|
var ModuleIcon = moduleIcon;
|
|
14939
14939
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
14940
|
-
className: styles$
|
|
14940
|
+
className: styles$i.headerWrapper
|
|
14941
14941
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14942
|
-
className: styles$
|
|
14942
|
+
className: styles$i.headerContainer
|
|
14943
14943
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
14944
|
-
className: styles$
|
|
14944
|
+
className: styles$i.moduleIcon,
|
|
14945
14945
|
name: ModuleIcon,
|
|
14946
14946
|
color: themeConst.asBuilt
|
|
14947
14947
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
14948
|
-
className: styles$
|
|
14948
|
+
className: styles$i.titleSection
|
|
14949
14949
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
14950
|
-
className: styles$
|
|
14950
|
+
className: styles$i.moduleTextTitle
|
|
14951
14951
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
14952
|
-
className: styles$
|
|
14952
|
+
className: styles$i.plantName
|
|
14953
14953
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
14954
|
-
className: styles$
|
|
14954
|
+
className: styles$i.customSection
|
|
14955
14955
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
14956
14956
|
};
|
|
14957
14957
|
|
|
@@ -16945,9 +16945,9 @@ var EchoTooltip = Object.freeze({
|
|
|
16945
16945
|
TooltipContent: TooltipContent
|
|
16946
16946
|
});
|
|
16947
16947
|
|
|
16948
|
-
var css_248z$
|
|
16948
|
+
var css_248z$l = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_primary__Os-YA{background:rgba(0,0,0,.65);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}";
|
|
16949
16949
|
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"};
|
|
16950
|
-
styleInject(css_248z$
|
|
16950
|
+
styleInject(css_248z$l);
|
|
16951
16951
|
|
|
16952
16952
|
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
16953
16953
|
switch (echoVariant) {
|
|
@@ -16995,9 +16995,9 @@ var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
|
16995
16995
|
}), variant === 'square_icon_with_text' && label);
|
|
16996
16996
|
};
|
|
16997
16997
|
|
|
16998
|
-
var css_248z$
|
|
16998
|
+
var css_248z$k = ".floatingSearchBar-module_searchbarWrapper__-sSMM{max-width:344px;position:relative}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]{background:none;box-shadow:none;height:48px}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]:focus-within{outline:none}.floatingSearchBar-module_searchbar__0U3fZ input{--eds-input-adornment-color:#fff!important;background:rgba(0,0,0,.65);border-radius:4px;color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ svg{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input::placeholder{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input:focus,.floatingSearchBar-module_searchbar__0U3fZ input:hover{background:rgba(0,0,0,.9)}.floatingSearchBar-module_searchbar__0U3fZ button{opacity:.6}.floatingSearchBar-module_searchbar__0U3fZ button:hover{background:transparent;opacity:1}.floatingSearchBar-module_searchbar__0U3fZ button:focus{opacity:1;outline-color:var(--white)}.floatingSearchBar-module_items__oxyVh{background:pink;background:rgba(0,0,0,.9);border-radius:4px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:16px;margin-top:4px;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_item__nxfxG{padding:1rem 1.5rem}.floatingSearchBar-module_item__nxfxG:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__IQ7gz{background:hsla(0,0%,100%,.16)}";
|
|
16999
16999
|
var style$2 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__-sSMM","searchbar":"floatingSearchBar-module_searchbar__0U3fZ","items":"floatingSearchBar-module_items__oxyVh","item":"floatingSearchBar-module_item__nxfxG","activeItem":"floatingSearchBar-module_activeItem__IQ7gz"};
|
|
17000
|
-
styleInject(css_248z$
|
|
17000
|
+
styleInject(css_248z$k);
|
|
17001
17001
|
|
|
17002
17002
|
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
17003
17003
|
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
@@ -17641,9 +17641,9 @@ function Suggestions(_ref2) {
|
|
|
17641
17641
|
}));
|
|
17642
17642
|
}
|
|
17643
17643
|
|
|
17644
|
-
var css_248z$
|
|
17645
|
-
var styles$
|
|
17646
|
-
styleInject(css_248z$
|
|
17644
|
+
var css_248z$j = ".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}";
|
|
17645
|
+
var styles$h = {"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"};
|
|
17646
|
+
styleInject(css_248z$j);
|
|
17647
17647
|
|
|
17648
17648
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
17649
17649
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -17664,7 +17664,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
17664
17664
|
return iconToShow;
|
|
17665
17665
|
}
|
|
17666
17666
|
};
|
|
17667
|
-
var buttonStyle = disableHover ? styles$
|
|
17667
|
+
var buttonStyle = disableHover ? styles$h.tagButtonNoHover : styles$h.tagButton;
|
|
17668
17668
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
17669
17669
|
variant: 'ghost',
|
|
17670
17670
|
onClick: onClickHandler,
|
|
@@ -17673,21 +17673,21 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
17673
17673
|
style: {
|
|
17674
17674
|
background: legendColor
|
|
17675
17675
|
},
|
|
17676
|
-
className: styles$
|
|
17676
|
+
className: styles$h.icon
|
|
17677
17677
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
17678
|
-
className: styles$
|
|
17678
|
+
className: styles$h.textContainer
|
|
17679
17679
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
17680
17680
|
variant: "body_short_link",
|
|
17681
|
-
className: styles$
|
|
17681
|
+
className: styles$h.tag
|
|
17682
17682
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
17683
|
-
className: styles$
|
|
17683
|
+
className: styles$h.description,
|
|
17684
17684
|
variant: "body_short"
|
|
17685
17685
|
}, description)));
|
|
17686
17686
|
};
|
|
17687
17687
|
|
|
17688
|
-
var css_248z$
|
|
17689
|
-
var styles$
|
|
17690
|
-
styleInject(css_248z$
|
|
17688
|
+
var css_248z$i = ".listItem-module_flexContainer__coznC{display:flex;flex-flow:row nowrap;justify-content:flex-start}.listItem-module_container__sivKu{align-items:center;box-sizing:border-box;gap:.5rem;min-height:48px;padding:0 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--equiGray5);cursor:pointer}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
17689
|
+
var styles$g = {"flexContainer":"listItem-module_flexContainer__coznC","container":"listItem-module_container__sivKu listItem-module_flexContainer__coznC","listItemContainer":"listItem-module_listItemContainer__MtMLQ listItem-module_container__sivKu listItem-module_flexContainer__coznC","hoverItem":"listItem-module_hoverItem__bPUhP","infoContainer":"listItem-module_infoContainer__V0R7i","icon":"listItem-module_icon__lHCt6"};
|
|
17690
|
+
styleInject(css_248z$i);
|
|
17691
17691
|
|
|
17692
17692
|
function ListItem(props) {
|
|
17693
17693
|
var _a;
|
|
@@ -17699,13 +17699,13 @@ function ListItem(props) {
|
|
|
17699
17699
|
var caption = resolvePropToComponent('caption', props.caption);
|
|
17700
17700
|
// Container styling
|
|
17701
17701
|
var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
|
|
17702
|
-
var containerClassNames = classnames$1(styles$
|
|
17702
|
+
var containerClassNames = classnames$1(styles$g.listItemContainer, _defineProperty$1({}, styles$g.hoverItem, Container === 'li'), props.className);
|
|
17703
17703
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
17704
17704
|
className: containerClassNames,
|
|
17705
17705
|
style: props.style,
|
|
17706
17706
|
onClick: props.onCardClick
|
|
17707
17707
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
17708
|
-
className: styles$
|
|
17708
|
+
className: styles$g.icon,
|
|
17709
17709
|
style: {
|
|
17710
17710
|
backgroundColor: props.icon.backgroundColor,
|
|
17711
17711
|
margin: props.icon.backgroundColor ? '0.5rem 0' : ''
|
|
@@ -17714,7 +17714,7 @@ function ListItem(props) {
|
|
|
17714
17714
|
name: props.icon.name,
|
|
17715
17715
|
color: props.icon.color
|
|
17716
17716
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
17717
|
-
className: styles$
|
|
17717
|
+
className: styles$g.infoContainer
|
|
17718
17718
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
17719
17719
|
}
|
|
17720
17720
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -22087,9 +22087,9 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
22087
22087
|
})));
|
|
22088
22088
|
};
|
|
22089
22089
|
|
|
22090
|
-
var css_248z$
|
|
22091
|
-
var styles$
|
|
22092
|
-
styleInject(css_248z$
|
|
22090
|
+
var css_248z$h = ".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}";
|
|
22091
|
+
var styles$f = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
22092
|
+
styleInject(css_248z$h);
|
|
22093
22093
|
|
|
22094
22094
|
/**
|
|
22095
22095
|
* Component that renders a Radio Button Group with a set of options to choose from
|
|
@@ -22111,9 +22111,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
22111
22111
|
style: style
|
|
22112
22112
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
22113
22113
|
variant: "body_short",
|
|
22114
|
-
className: styles$
|
|
22114
|
+
className: styles$f.header
|
|
22115
22115
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
22116
|
-
className: styles$
|
|
22116
|
+
className: styles$f.buttonWrapper
|
|
22117
22117
|
}, options.map(function (option, index) {
|
|
22118
22118
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
22119
22119
|
key: index,
|
|
@@ -22126,9 +22126,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
22126
22126
|
})));
|
|
22127
22127
|
};
|
|
22128
22128
|
|
|
22129
|
-
var css_248z$
|
|
22129
|
+
var css_248z$g = ".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)}";
|
|
22130
22130
|
var style$1 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
22131
|
-
styleInject(css_248z$
|
|
22131
|
+
styleInject(css_248z$g);
|
|
22132
22132
|
|
|
22133
22133
|
var RoundIconButtonVariants;
|
|
22134
22134
|
(function (RoundIconButtonVariants) {
|
|
@@ -22160,9 +22160,9 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
22160
22160
|
}, mutateIcon(variant));
|
|
22161
22161
|
};
|
|
22162
22162
|
|
|
22163
|
-
var css_248z$
|
|
22164
|
-
var styles$
|
|
22165
|
-
styleInject(css_248z$
|
|
22163
|
+
var css_248z$f = ".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>')}";
|
|
22164
|
+
var styles$e = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
22165
|
+
styleInject(css_248z$f);
|
|
22166
22166
|
|
|
22167
22167
|
/**
|
|
22168
22168
|
* Component that renders a slider with numeric or custom values
|
|
@@ -22190,12 +22190,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
22190
22190
|
return labelsAsParam[currentValue];
|
|
22191
22191
|
};
|
|
22192
22192
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
22193
|
-
className: styles$
|
|
22193
|
+
className: styles$e.sliderField,
|
|
22194
22194
|
style: style
|
|
22195
22195
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
22196
22196
|
variant: "body_short"
|
|
22197
22197
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
22198
|
-
className: styles$
|
|
22198
|
+
className: styles$e.sliderWrapper
|
|
22199
22199
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
22200
22200
|
value: value,
|
|
22201
22201
|
min: min,
|
|
@@ -22218,9 +22218,9 @@ var SliderField = function SliderField(_ref) {
|
|
|
22218
22218
|
})));
|
|
22219
22219
|
};
|
|
22220
22220
|
|
|
22221
|
-
var css_248z$
|
|
22222
|
-
var styles$
|
|
22223
|
-
styleInject(css_248z$
|
|
22221
|
+
var css_248z$e = ".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}";
|
|
22222
|
+
var styles$d = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
22223
|
+
styleInject(css_248z$e);
|
|
22224
22224
|
|
|
22225
22225
|
/**
|
|
22226
22226
|
* Component that renders a button with the icon and the text provided
|
|
@@ -22240,7 +22240,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
22240
22240
|
style = _ref.style;
|
|
22241
22241
|
var CustomIcon = icon;
|
|
22242
22242
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
22243
|
-
className: styles$
|
|
22243
|
+
className: styles$d.button,
|
|
22244
22244
|
onClick: onClick,
|
|
22245
22245
|
style: style
|
|
22246
22246
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -22249,14 +22249,14 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
22249
22249
|
color: themeConst.asBuilt,
|
|
22250
22250
|
size: 40
|
|
22251
22251
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
22252
|
-
className: styles$
|
|
22252
|
+
className: styles$d.text,
|
|
22253
22253
|
color: themeConst.asBuilt
|
|
22254
22254
|
}, title));
|
|
22255
22255
|
};
|
|
22256
22256
|
|
|
22257
|
-
var css_248z$
|
|
22258
|
-
var styles$
|
|
22259
|
-
styleInject(css_248z$
|
|
22257
|
+
var css_248z$d = ".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}";
|
|
22258
|
+
var styles$c = {"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"};
|
|
22259
|
+
styleInject(css_248z$d);
|
|
22260
22260
|
|
|
22261
22261
|
/**
|
|
22262
22262
|
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
@@ -22283,30 +22283,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
22283
22283
|
expandable = _ref.expandable,
|
|
22284
22284
|
style = _ref.style;
|
|
22285
22285
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
22286
|
-
className: styles$
|
|
22286
|
+
className: styles$c.wrapper,
|
|
22287
22287
|
style: style
|
|
22288
22288
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
22289
|
-
className: styles$
|
|
22289
|
+
className: styles$c.row
|
|
22290
22290
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
22291
|
-
className: styles$
|
|
22291
|
+
className: styles$c.infoCol
|
|
22292
22292
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
22293
|
-
className: styles$
|
|
22293
|
+
className: styles$c.draggable
|
|
22294
22294
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
22295
22295
|
name: "unfold_more",
|
|
22296
22296
|
title: "Move",
|
|
22297
22297
|
color: themeConst.asBuilt
|
|
22298
22298
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
22299
|
-
className: styles$
|
|
22299
|
+
className: styles$c.info
|
|
22300
22300
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
22301
22301
|
variant: "body_short",
|
|
22302
22302
|
bold: true
|
|
22303
22303
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
22304
22304
|
variant: "body_short"
|
|
22305
22305
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
22306
|
-
className: styles$
|
|
22306
|
+
className: styles$c.iconCol
|
|
22307
22307
|
}, item.icons.map(function (icon, itemIndex) {
|
|
22308
22308
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
22309
|
-
className: styles$
|
|
22309
|
+
className: styles$c.iconButton,
|
|
22310
22310
|
key: itemIndex,
|
|
22311
22311
|
onClick: icon.onClick
|
|
22312
22312
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -22315,7 +22315,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
22315
22315
|
color: themeConst.asBuilt
|
|
22316
22316
|
}));
|
|
22317
22317
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
22318
|
-
className: expandable && expandable.expanded ? styles$
|
|
22318
|
+
className: expandable && expandable.expanded ? styles$c.activeIconButton : styles$c.iconButton,
|
|
22319
22319
|
onClick: function onClick() {
|
|
22320
22320
|
expandable.setExpanded(true);
|
|
22321
22321
|
}
|
|
@@ -22324,10 +22324,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
22324
22324
|
title: "Expand",
|
|
22325
22325
|
color: themeConst.asBuilt
|
|
22326
22326
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
22327
|
-
className: styles$
|
|
22327
|
+
className: styles$c.expandedRow
|
|
22328
22328
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
22329
22329
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
22330
|
-
className: styles$
|
|
22330
|
+
className: styles$c.iconButton,
|
|
22331
22331
|
key: iconItemsIndex,
|
|
22332
22332
|
onClick: icon.onClick
|
|
22333
22333
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -22336,7 +22336,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
22336
22336
|
color: themeConst.asBuilt
|
|
22337
22337
|
}));
|
|
22338
22338
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
22339
|
-
className: styles$
|
|
22339
|
+
className: styles$c.iconButton,
|
|
22340
22340
|
onClick: function onClick() {
|
|
22341
22341
|
expandable.setExpanded(false);
|
|
22342
22342
|
}
|
|
@@ -22347,9 +22347,9 @@ var ListRow = function ListRow(_ref) {
|
|
|
22347
22347
|
}))));
|
|
22348
22348
|
};
|
|
22349
22349
|
|
|
22350
|
-
var css_248z$
|
|
22351
|
-
var styles$
|
|
22352
|
-
styleInject(css_248z$
|
|
22350
|
+
var css_248z$c = ".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}}";
|
|
22351
|
+
var styles$b = {"button":"menuButton-module_button__qpHsn","text":"menuButton-module_text__MiZeF","active":"menuButton-module_active__1Dznq"};
|
|
22352
|
+
styleInject(css_248z$c);
|
|
22353
22353
|
|
|
22354
22354
|
/**
|
|
22355
22355
|
* The menu bottom items
|
|
@@ -22379,9 +22379,9 @@ var MenuButton = function MenuButton(_ref) {
|
|
|
22379
22379
|
type: "button",
|
|
22380
22380
|
onClick: onClick,
|
|
22381
22381
|
id: id,
|
|
22382
|
-
className: classnames$2(styles$
|
|
22382
|
+
className: classnames$2(styles$b.button, _defineProperty$1({}, styles$b.active, active))
|
|
22383
22383
|
}, children, /*#__PURE__*/React__default.createElement(Typography, {
|
|
22384
|
-
className: styles$
|
|
22384
|
+
className: styles$b.text
|
|
22385
22385
|
}, text));
|
|
22386
22386
|
};
|
|
22387
22387
|
MenuButton.defaultProps = {
|
|
@@ -22892,9 +22892,9 @@ function usePanelContext() {
|
|
|
22892
22892
|
return context;
|
|
22893
22893
|
}
|
|
22894
22894
|
|
|
22895
|
-
var css_248z$
|
|
22896
|
-
var styles$
|
|
22897
|
-
styleInject(css_248z$
|
|
22895
|
+
var css_248z$b = ".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:100dvh;padding:4px 0;width:64px;z-index:10}.panelWrapper-module_topBarWrapper__Nt84G div:first-child{display:none}.panelWrapper-module_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{background:#fff;box-sizing:border-box;height:100%;overflow:hidden;position:absolute;right:64px;top:0;transition:width .4s ease-in-out;width:0;z-index:1200}.panelWrapper-module_narrowPanel__zW0DI{width:240px!important}.panelWrapper-module_activeContentPanel__1nAhR{border-left:2px solid #f7f7f7;padding-left:14px;padding-right:16px;padding-top:16px;width:320px}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:none}.panelWrapper-module_buttonWrapper__xbmQI{height:calc(100dvh - 16px)}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{width:calc(100dvw - 56px)}}@media screen and (max-width:767px) and (orientation:portrait){.panelWrapper-module_topBarWrapper__Nt84G{width:100dvw}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_topBarWrapper__Nt84G{border-bottom:1px solid #dcdcdc;border-left:none;display:flex;flex-direction:row;height:48px;padding-bottom:0;padding-top:0;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_contentPanel__JWij5,.panelWrapper-module_narrowPanel__zW0DI{height:100dvh;right:0}.panelWrapper-module_buttonWrapperMobile__pcR1V{display:flex;justify-content:flex-end;margin-right:8px}.panelWrapper-module_buttonWrapper__xbmQI{display:none}}@media screen and (max-width:768px) and (orientation:portrait){.panelWrapper-module_moduleTitle__4Wloo{width:140px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 140px)}}@media screen and (max-width:927px) and (orientation:landscape){.panelWrapper-module_moduleTitle__4Wloo{width:240px}.panelWrapper-module_buttonWrapperMobile__pcR1V{width:calc(100vw - 240px)}}";
|
|
22896
|
+
var styles$a = {"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","moduleTitle":"panelWrapper-module_moduleTitle__4Wloo"};
|
|
22897
|
+
styleInject(css_248z$b);
|
|
22898
22898
|
|
|
22899
22899
|
/**
|
|
22900
22900
|
* Component that display's the buttons in a panel. It will automatically try to calculate how many buttons to display
|
|
@@ -23048,19 +23048,19 @@ var PanelWrapper = function PanelWrapper(_ref) {
|
|
|
23048
23048
|
if (ref) return renderMenuItems();
|
|
23049
23049
|
};
|
|
23050
23050
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23051
|
-
className: styles$
|
|
23051
|
+
className: styles$a.wrapper
|
|
23052
23052
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
23053
|
-
className: styles$
|
|
23053
|
+
className: styles$a.topBarWrapper
|
|
23054
23054
|
}, typeof header === 'string' ? /*#__PURE__*/React__default.createElement("div", {
|
|
23055
|
-
className: styles$
|
|
23055
|
+
className: styles$a.moduleTitle
|
|
23056
23056
|
}, /*#__PURE__*/React__default.createElement(Typography, null, header)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, header), /*#__PURE__*/React__default.createElement("div", {
|
|
23057
23057
|
ref: mobileWrapperRef,
|
|
23058
|
-
className: styles$
|
|
23058
|
+
className: styles$a.buttonWrapperMobile
|
|
23059
23059
|
}, renderMenuItemsBasedOnRef((_a = mobileWrapperRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth)), /*#__PURE__*/React__default.createElement("div", {
|
|
23060
|
-
className: styles$
|
|
23060
|
+
className: styles$a.buttonWrapper,
|
|
23061
23061
|
ref: desktopWrapperRef
|
|
23062
23062
|
}, renderMenuItemsBasedOnRef((_b = desktopWrapperRef.current) === null || _b === void 0 ? void 0 : _b.clientHeight))), /*#__PURE__*/React__default.createElement("div", {
|
|
23063
|
-
className: classnames$2(styles$
|
|
23063
|
+
className: classnames$2(styles$a.contentPanel, (_classnames = {}, _defineProperty$1(_classnames, styles$a.narrowPanel, panelSize === 'narrow' && activePanel), _defineProperty$1(_classnames, styles$a.activeContentPanel, activePanel), _classnames))
|
|
23064
23064
|
}, getPanelComponentForActivePanel(activePanel)));
|
|
23065
23065
|
};
|
|
23066
23066
|
|
|
@@ -23083,9 +23083,9 @@ var Panel = function Panel(_ref) {
|
|
|
23083
23083
|
}));
|
|
23084
23084
|
};
|
|
23085
23085
|
|
|
23086
|
-
var css_248z$
|
|
23087
|
-
var styles$
|
|
23088
|
-
styleInject(css_248z$
|
|
23086
|
+
var css_248z$a = ".panelContent-module_headerWrapper__BAc2H{display:flex;justify-content:space-between;padding-bottom:16px}.panelContent-module_panelTitle__jqqJT{margin:auto 0!important}.panelContent-module_bodyWrapper__EHsg5{height:calc(100dvh - 112px);margin-right:-8px;margin-top:16px;overflow-x:hidden;overflow-y:auto}.panelContent-module_contentWrapper__1re5K{margin-right:8px}";
|
|
23087
|
+
var styles$9 = {"headerWrapper":"panelContent-module_headerWrapper__BAc2H","panelTitle":"panelContent-module_panelTitle__jqqJT","bodyWrapper":"panelContent-module_bodyWrapper__EHsg5","contentWrapper":"panelContent-module_contentWrapper__1re5K"};
|
|
23088
|
+
styleInject(css_248z$a);
|
|
23089
23089
|
|
|
23090
23090
|
/**
|
|
23091
23091
|
* The component that wraps the panel drawer content
|
|
@@ -23107,7 +23107,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
23107
23107
|
var _usePanelContext = usePanelContext(),
|
|
23108
23108
|
updateActivePanel = _usePanelContext.updateActivePanel;
|
|
23109
23109
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
23110
|
-
className: styles$
|
|
23110
|
+
className: styles$9.headerWrapper
|
|
23111
23111
|
}, backToMainPanel && /*#__PURE__*/React__default.createElement(Button, {
|
|
23112
23112
|
variant: "ghost_icon",
|
|
23113
23113
|
onClick: backToMainPanel
|
|
@@ -23115,7 +23115,7 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
23115
23115
|
name: "chevron_left"
|
|
23116
23116
|
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
23117
23117
|
variant: "h4",
|
|
23118
|
-
className: styles$
|
|
23118
|
+
className: styles$9.panelTitle
|
|
23119
23119
|
}, header), /*#__PURE__*/React__default.createElement(Button, {
|
|
23120
23120
|
variant: "ghost_icon",
|
|
23121
23121
|
onClick: function onClick() {
|
|
@@ -23124,18 +23124,18 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
23124
23124
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
23125
23125
|
name: "close"
|
|
23126
23126
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
23127
|
-
className: styles$
|
|
23127
|
+
className: styles$9.bodyWrapper
|
|
23128
23128
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
23129
|
-
className: styles$
|
|
23129
|
+
className: styles$9.contentWrapper
|
|
23130
23130
|
}, children)));
|
|
23131
23131
|
};
|
|
23132
23132
|
PanelContent.defaultProps = {
|
|
23133
23133
|
backToMainPanel: undefined
|
|
23134
23134
|
};
|
|
23135
23135
|
|
|
23136
|
-
var css_248z$
|
|
23137
|
-
var styles$
|
|
23138
|
-
styleInject(css_248z$
|
|
23136
|
+
var css_248z$9 = ".sidebarButton-module_button__37sG4{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.5em 0;position:relative;width:100%}.sidebarButton-module_button__37sG4:focus-visible{outline:1px dashed var(--asBuilt)}.sidebarButton-module_button__37sG4:hover{background-color:var(--equiGreen2)}.sidebarButton-module_button__37sG4:active{background-color:var(--equiGreen3);border-color:var(--asBuilt)}.sidebarButton-module_activeButton__WkS2p{background-color:var(--equiGreen3);border-color:var(--asBuilt)!important}.sidebarButton-module_activeButton__WkS2p:hover{background-color:var(--equiGreen2)!important;border-color:var(--asBuilt)}.sidebarButton-module_button__37sG4 svg{height:20px;margin-bottom:.25em;width:20px;z-index:2}.sidebarButton-module_button__37sG4:hover .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4:hover svg{fill:var(--hoverIcon);color:var(--hoverIcon)!important}.sidebarButton-module_activeButton__WkS2p .sidebarButton-module_text__S0hrv,.sidebarButton-module_activeButton__WkS2p svg{fill:var(--asBuilt);color:var(--asBuilt)!important}.sidebarButton-module_text__S0hrv{color:var(--echoText)!important;font-size:11px!important;font-weight:500!important;line-height:12px!important;margin-top:.25em!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.sidebarButton-module_rightBarButton__nh2hd{border-left:2px solid hsla(0,0%,100%,0);height:56px!important;left:-2px;width:64px!important}.sidebarButton-module_leftBarButton__C5g1N{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:64px}.sidebarButton-module_bottomBarButton__UJRT3{border-top:2px solid hsla(0,0%,100%,0);height:100%;padding:.25em 0 .5em}.sidebarButton-module_tabButton__eQISU{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:100%}.sidebarButton-module_rightBarButton__nh2hd:hover{border-left:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:hover{border-right:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:active,.sidebarButton-module_rightBarButton__nh2hd:active{border-color:var(--asBuilt)!important}.sidebarButton-module_tabItemCount__nQc-M{align-items:center;background-color:var(--white);border:1px solid var(--equiGreen1);border-radius:50%;color:var(--equiGreen1);display:flex;font-size:11.5px;font-weight:800;height:fit-content;justify-content:center;min-height:21px;min-width:21px;position:absolute;right:3px;top:3px;width:fit-content;z-index:2}@media screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_bottomBarButton__UJRT3{border-right:2px solid hsla(0,0%,100%,0);border-top:none;height:-webkit-fill-available}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_rightBarButton__nh2hd{border-bottom:2px solid var(--default);border-left:none!important;height:48px!important;left:0;padding:.25em 0 .5em}}";
|
|
23137
|
+
var styles$8 = {"button":"sidebarButton-module_button__37sG4","activeButton":"sidebarButton-module_activeButton__WkS2p","text":"sidebarButton-module_text__S0hrv","rightBarButton":"sidebarButton-module_rightBarButton__nh2hd","leftBarButton":"sidebarButton-module_leftBarButton__C5g1N","bottomBarButton":"sidebarButton-module_bottomBarButton__UJRT3","tabButton":"sidebarButton-module_tabButton__eQISU","tabItemCount":"sidebarButton-module_tabItemCount__nQc-M"};
|
|
23138
|
+
styleInject(css_248z$9);
|
|
23139
23139
|
|
|
23140
23140
|
/**
|
|
23141
23141
|
* The reusable button component that is used in the sidebars/bottom bar.
|
|
@@ -23176,11 +23176,11 @@ var SidebarButton = function SidebarButton(_ref) {
|
|
|
23176
23176
|
type: "button",
|
|
23177
23177
|
onClick: onClick,
|
|
23178
23178
|
id: id,
|
|
23179
|
-
className: classnames$2(styles$
|
|
23179
|
+
className: classnames$2(styles$8.button, (_classnames = {}, _defineProperty$1(_classnames, styles$8.leftBarButton, buttonPosition === 'left'), _defineProperty$1(_classnames, styles$8.rightBarButton, buttonPosition === 'right'), _defineProperty$1(_classnames, styles$8.bottomBarButton, buttonPosition === 'bottom'), _defineProperty$1(_classnames, styles$8.tabButton, buttonPosition === 'tab'), _defineProperty$1(_classnames, styles$8.activeButton, active), _classnames))
|
|
23180
23180
|
}, children, count && count > 1 && /*#__PURE__*/React__default.createElement("span", {
|
|
23181
|
-
className: styles$
|
|
23181
|
+
className: styles$8.tabItemCount
|
|
23182
23182
|
}, count), /*#__PURE__*/React__default.createElement(Typography, {
|
|
23183
|
-
className: styles$
|
|
23183
|
+
className: styles$8.text
|
|
23184
23184
|
}, text));
|
|
23185
23185
|
};
|
|
23186
23186
|
SidebarButton.defaultProps = {
|
|
@@ -23201,23 +23201,23 @@ var SideSheetOrientation;
|
|
|
23201
23201
|
SideSheetOrientation["Fullscreen"] = "fullscreen";
|
|
23202
23202
|
})(SideSheetOrientation || (SideSheetOrientation = {}));
|
|
23203
23203
|
|
|
23204
|
-
var css_248z$
|
|
23205
|
-
var styles$
|
|
23206
|
-
styleInject(css_248z$
|
|
23204
|
+
var css_248z$8 = ".Sheet-module_container__MJ-Md{background-color:var(--white);bottom:0;display:grid;grid-template-rows:min-content 1fr;overflow:hidden;position:absolute;z-index:1}.Sheet-module_verticalContainer__0wKqY{box-shadow:0 3px 4px 0 rgba(0,0,0,.12),0 2px 4px 0 rgba(0,0,0,.14);top:0;width:480px}.Sheet-module_blockContainer__JZVGn{position:static}.Sheet-module_rightContainer__u1DzS{right:0}.Sheet-module_leftContainer__8nvAG{left:0}.Sheet-module_horizontalContainer__ibaGL{box-shadow:3px 0 4px 0 rgba(0,0,0,.12),2px 0 4px 0 rgba(0,0,0,.14);height:min-content;left:0;max-height:720px;min-height:240px;position:absolute;right:0}.Sheet-module_fullscreenContainer__5qqvB{left:0;position:absolute;right:0;top:0}";
|
|
23205
|
+
var styles$7 = {"container":"Sheet-module_container__MJ-Md","verticalContainer":"Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","blockContainer":"Sheet-module_blockContainer__JZVGn","rightContainer":"Sheet-module_rightContainer__u1DzS Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","leftContainer":"Sheet-module_leftContainer__8nvAG Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","horizontalContainer":"Sheet-module_horizontalContainer__ibaGL Sheet-module_container__MJ-Md","fullscreenContainer":"Sheet-module_fullscreenContainer__5qqvB Sheet-module_container__MJ-Md"};
|
|
23206
|
+
styleInject(css_248z$8);
|
|
23207
23207
|
|
|
23208
23208
|
function GetSheetContainerClass(side, orientation, floating, isMobile) {
|
|
23209
|
-
if (isMobile) return styles$
|
|
23209
|
+
if (isMobile) return styles$7.fullscreenContainer;
|
|
23210
23210
|
switch (orientation) {
|
|
23211
23211
|
case SideSheetOrientation.Horizontal:
|
|
23212
|
-
return styles$
|
|
23212
|
+
return styles$7.horizontalContainer;
|
|
23213
23213
|
case SideSheetOrientation.Fullscreen:
|
|
23214
|
-
return styles$
|
|
23214
|
+
return styles$7.fullscreenContainer;
|
|
23215
23215
|
case SideSheetOrientation.Vertical:
|
|
23216
23216
|
default:
|
|
23217
23217
|
{
|
|
23218
|
-
var className = side === 'left' ? styles$
|
|
23218
|
+
var className = side === 'left' ? styles$7.leftContainer : styles$7.rightContainer;
|
|
23219
23219
|
if (floating === false) {
|
|
23220
|
-
className += ' ' + styles$
|
|
23220
|
+
className += ' ' + styles$7.blockContainer;
|
|
23221
23221
|
}
|
|
23222
23222
|
return className;
|
|
23223
23223
|
}
|
|
@@ -23245,9 +23245,9 @@ function Sheet(_ref) {
|
|
|
23245
23245
|
}, children);
|
|
23246
23246
|
}
|
|
23247
23247
|
|
|
23248
|
-
var css_248z$
|
|
23249
|
-
var styles$
|
|
23250
|
-
styleInject(css_248z$
|
|
23248
|
+
var css_248z$7 = ".SheetTopArea-module_topArea__0B8Jn{align-items:center;border-bottom:1px solid var(--default);display:grid;gap:.5rem;grid-template-columns:1fr max-content max-content;height:48px;width:inherit}.SheetTopArea-module_actions__nPP4D{align-items:center;display:flex;flex-flow:row nowrap;gap:.2rem}";
|
|
23249
|
+
var styles$6 = {"topArea":"SheetTopArea-module_topArea__0B8Jn","actions":"SheetTopArea-module_actions__nPP4D"};
|
|
23250
|
+
styleInject(css_248z$7);
|
|
23251
23251
|
|
|
23252
23252
|
function SheetTopArea(_ref) {
|
|
23253
23253
|
var orientation = _ref.orientation,
|
|
@@ -23256,7 +23256,7 @@ function SheetTopArea(_ref) {
|
|
|
23256
23256
|
previous = _ref.previous;
|
|
23257
23257
|
var isMobile = useIsMobile();
|
|
23258
23258
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23259
|
-
className: styles$
|
|
23259
|
+
className: styles$6.topArea
|
|
23260
23260
|
}, /*#__PURE__*/React__default.createElement("div", null, previous), orientation && onOrientationChange && !isMobile && /*#__PURE__*/React__default.createElement(SheetOrientationActions, {
|
|
23261
23261
|
orientation: orientation,
|
|
23262
23262
|
onOrientationChange: onOrientationChange
|
|
@@ -23280,7 +23280,7 @@ function SheetOrientationActions(_ref2) {
|
|
|
23280
23280
|
}
|
|
23281
23281
|
}
|
|
23282
23282
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23283
|
-
className: styles$
|
|
23283
|
+
className: styles$6.actions
|
|
23284
23284
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
23285
23285
|
variant: "overline"
|
|
23286
23286
|
}, "ViewPort:"), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -23333,9 +23333,9 @@ function SideSheet(_a) {
|
|
|
23333
23333
|
return null;
|
|
23334
23334
|
}
|
|
23335
23335
|
|
|
23336
|
-
var css_248z$
|
|
23337
|
-
var styles$
|
|
23338
|
-
styleInject(css_248z$
|
|
23336
|
+
var css_248z$6 = ".SplitViewLeft-module_left__zMnS5{border-right:1px solid var(--default);display:grid;grid-template-columns:480px;grid-template-rows:1fr min-content;height:inherit;overflow:hidden}.SplitViewLeft-module_collapsedLeft__qObsf{grid-template-columns:min-content}.SplitViewLeft-module_minimize__RwGrL{align-items:center;align-self:flex-end;border-top:1px solid var(--default);display:flex;flex-direction:row;justify-content:flex-end;padding:.2rem .5rem}.SplitViewLeft-module_collapsedLeft__qObsf .SplitViewLeft-module_minimize__RwGrL{padding-left:0;padding-right:0}";
|
|
23337
|
+
var styles$5 = {"left":"SplitViewLeft-module_left__zMnS5","collapsedLeft":"SplitViewLeft-module_collapsedLeft__qObsf","minimize":"SplitViewLeft-module_minimize__RwGrL"};
|
|
23338
|
+
styleInject(css_248z$6);
|
|
23339
23339
|
|
|
23340
23340
|
function Left(_ref) {
|
|
23341
23341
|
var className = _ref.className,
|
|
@@ -23347,12 +23347,12 @@ function Left(_ref) {
|
|
|
23347
23347
|
_useState2 = _slicedToArray(_useState, 2),
|
|
23348
23348
|
isMinimized = _useState2[0],
|
|
23349
23349
|
setIsMinimized = _useState2[1];
|
|
23350
|
-
var containerClassName = classnames$1(styles$
|
|
23350
|
+
var containerClassName = classnames$1(styles$5.left, _defineProperty$1({}, styles$5.collapsedLeft, isMinimized), className);
|
|
23351
23351
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23352
23352
|
className: containerClassName,
|
|
23353
23353
|
style: style
|
|
23354
23354
|
}, !isMinimized && children, isMinimizable && /*#__PURE__*/React__default.createElement("div", {
|
|
23355
|
-
className: styles$
|
|
23355
|
+
className: styles$5.minimize
|
|
23356
23356
|
}, isMinimized ? /*#__PURE__*/React__default.createElement(Button, {
|
|
23357
23357
|
variant: "ghost_icon",
|
|
23358
23358
|
onClick: function onClick() {
|
|
@@ -23370,15 +23370,15 @@ function Left(_ref) {
|
|
|
23370
23370
|
}), ' ')));
|
|
23371
23371
|
}
|
|
23372
23372
|
|
|
23373
|
-
var css_248z$
|
|
23374
|
-
var styles$
|
|
23375
|
-
styleInject(css_248z$
|
|
23373
|
+
var css_248z$5 = ".SplitView-module_container__bqjFB{display:grid;grid-template-columns:min-content 1fr;height:inherit;overflow:hidden;width:inherit}.SplitView-module_right__fUhei{display:grid;grid-template-columns:1fr;height:inherit;overflow:hidden}";
|
|
23374
|
+
var styles$4 = {"container":"SplitView-module_container__bqjFB","right":"SplitView-module_right__fUhei"};
|
|
23375
|
+
styleInject(css_248z$5);
|
|
23376
23376
|
|
|
23377
23377
|
function SplitView$1(_ref) {
|
|
23378
23378
|
var className = _ref.className,
|
|
23379
23379
|
style = _ref.style,
|
|
23380
23380
|
children = _ref.children;
|
|
23381
|
-
var containerClass = classnames$1(styles$
|
|
23381
|
+
var containerClass = classnames$1(styles$4.container, className);
|
|
23382
23382
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23383
23383
|
className: containerClass,
|
|
23384
23384
|
style: style
|
|
@@ -23388,7 +23388,7 @@ function Right(_ref2) {
|
|
|
23388
23388
|
var className = _ref2.className,
|
|
23389
23389
|
style = _ref2.style,
|
|
23390
23390
|
children = _ref2.children;
|
|
23391
|
-
var containerClass = classnames$1(styles$
|
|
23391
|
+
var containerClass = classnames$1(styles$4.right, className);
|
|
23392
23392
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
23393
23393
|
className: containerClass,
|
|
23394
23394
|
style: style
|
|
@@ -23399,9 +23399,9 @@ var SplitView = SplitView$1;
|
|
|
23399
23399
|
SplitView.Left = Left;
|
|
23400
23400
|
SplitView.Right = Right;
|
|
23401
23401
|
|
|
23402
|
-
var css_248z$
|
|
23402
|
+
var css_248z$4 = ".timePicker-module_timeContainer__iXIeX{display:flex;flex-direction:row;max-width:102px;position:relative;width:100%}.timePicker-module_timeIcon__sBUaj{color:#616161;cursor:pointer;height:18px;position:absolute;right:13px;top:25px;width:18px;z-index:1}.timePicker-module_timeSelect__R6aai{box-sizing:border-box;padding:2px;width:100%}.timePicker-module_timeSelect__R6aai button[aria-label=\"clear options\"],.timePicker-module_timeSelect__R6aai button[aria-label=\"toggle options\"]{display:none}.timePicker-module_timeSelect__R6aai input{padding-right:40px}";
|
|
23403
23403
|
var style = {"timeContainer":"timePicker-module_timeContainer__iXIeX","timeIcon":"timePicker-module_timeIcon__sBUaj","timeSelect":"timePicker-module_timeSelect__R6aai"};
|
|
23404
|
-
styleInject(css_248z$
|
|
23404
|
+
styleInject(css_248z$4);
|
|
23405
23405
|
|
|
23406
23406
|
var TimePicker = function TimePicker(_ref) {
|
|
23407
23407
|
var id = _ref.id,
|
|
@@ -23451,6 +23451,141 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
23451
23451
|
}));
|
|
23452
23452
|
};
|
|
23453
23453
|
|
|
23454
|
+
function dateToStringOrEmpty(date) {
|
|
23455
|
+
var empty = '-';
|
|
23456
|
+
if (!date) {
|
|
23457
|
+
return empty;
|
|
23458
|
+
}
|
|
23459
|
+
if (typeof date === 'string') {
|
|
23460
|
+
date = new Date(date);
|
|
23461
|
+
}
|
|
23462
|
+
var dateFormatEnGb = 'en-GB';
|
|
23463
|
+
var dateString = date.toLocaleDateString(dateFormatEnGb);
|
|
23464
|
+
if (dateString.toLowerCase().includes('invalid date')) {
|
|
23465
|
+
return dateString;
|
|
23466
|
+
}
|
|
23467
|
+
if (isEpochDateTime(date)) {
|
|
23468
|
+
return empty;
|
|
23469
|
+
}
|
|
23470
|
+
return dateString;
|
|
23471
|
+
}
|
|
23472
|
+
function isEpochDateTime(date) {
|
|
23473
|
+
var time = date.toUTCString();
|
|
23474
|
+
return time === 'Thu, 01 Jan 1970 00:00:00 GMT';
|
|
23475
|
+
}
|
|
23476
|
+
|
|
23477
|
+
function setWorkOrderIconName(type) {
|
|
23478
|
+
switch (type.toLowerCase()) {
|
|
23479
|
+
case 'pm01':
|
|
23480
|
+
return 'workorders_pm01';
|
|
23481
|
+
case 'pm02':
|
|
23482
|
+
return 'workorders_pm02';
|
|
23483
|
+
case 'pm03':
|
|
23484
|
+
return 'workorders_pm03';
|
|
23485
|
+
case 'pm04':
|
|
23486
|
+
return 'workorders_pm04';
|
|
23487
|
+
case 'pm05':
|
|
23488
|
+
return 'workorders_pm05';
|
|
23489
|
+
case 'pm06':
|
|
23490
|
+
return 'workorders_pm06';
|
|
23491
|
+
case 'pm10':
|
|
23492
|
+
return 'workorders_pm10';
|
|
23493
|
+
case 'pm15':
|
|
23494
|
+
return 'workorders_pm15';
|
|
23495
|
+
case 'pm20':
|
|
23496
|
+
return 'workorders_pm20';
|
|
23497
|
+
default:
|
|
23498
|
+
return 'workorders_main_group';
|
|
23499
|
+
}
|
|
23500
|
+
}
|
|
23501
|
+
function getIsActive(statusIds) {
|
|
23502
|
+
if (statusIds.includes('TECO') || statusIds.includes('CLSD')) return false;
|
|
23503
|
+
return true;
|
|
23504
|
+
}
|
|
23505
|
+
|
|
23506
|
+
var css_248z$3 = ".WorkOrderListItem-module_container__AaZwJ{padding:1rem}.WorkOrderListItem-module_container__AaZwJ>div:not(:first-of-type){gap:8px}.WorkOrderListItem-module_visual__UCRRo{align-items:center;background-color:var(--echoText);border-radius:50%;color:#fff;display:flex;flex-direction:column;font-size:12px;font-weight:500;height:40px;justify-content:center;margin:.5rem;padding:.5rem;width:40px}.WorkOrderListItem-module_primary__aflKC{align-items:center;display:flex;flex-flow:row nowrap}.WorkOrderListItem-module_tertiary__9VMmL{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}.WorkOrderListItem-module_statusContainer__YJ0If{align-items:center;display:flex;flex-flow:row nowrap;gap:.2rem}.WorkOrderListItem-module_statusIndicator__aCFoR{border-radius:50%;height:.75rem;margin-left:.5rem;width:.75rem}.WorkOrderListItem-module_statusText__a2z46{display:contents;margin-left:.25rem}";
|
|
23507
|
+
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","statusContainer":"WorkOrderListItem-module_statusContainer__YJ0If","statusIndicator":"WorkOrderListItem-module_statusIndicator__aCFoR","statusText":"WorkOrderListItem-module_statusText__a2z46"};
|
|
23508
|
+
styleInject(css_248z$3);
|
|
23509
|
+
|
|
23510
|
+
function WorkOrderStatusLabel(_ref) {
|
|
23511
|
+
var workOrderStatus = _ref.workOrderStatus;
|
|
23512
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
23513
|
+
className: styles$3.statusContainer
|
|
23514
|
+
}, /*#__PURE__*/React__default.createElement("span", {
|
|
23515
|
+
style: {
|
|
23516
|
+
background: resolveStatusColor(workOrderStatus)
|
|
23517
|
+
},
|
|
23518
|
+
className: styles$3.statusIndicator
|
|
23519
|
+
}), /*#__PURE__*/React__default.createElement(Typography, {
|
|
23520
|
+
variant: 'chart',
|
|
23521
|
+
group: 'ui',
|
|
23522
|
+
className: styles$3.statusText
|
|
23523
|
+
}, getIsActive(workOrderStatus) ? 'Active' : 'Completed'));
|
|
23524
|
+
}
|
|
23525
|
+
function resolveStatusColor(workOrderStatus) {
|
|
23526
|
+
if (getIsActive(workOrderStatus)) {
|
|
23527
|
+
return WorkOrderStatusColorMap['active'];
|
|
23528
|
+
}
|
|
23529
|
+
return WorkOrderStatusColorMap['completed'];
|
|
23530
|
+
}
|
|
23531
|
+
var WorkOrderStatusColorMap = {
|
|
23532
|
+
completed: '#4BB748',
|
|
23533
|
+
active: '#FF9200'
|
|
23534
|
+
};
|
|
23535
|
+
|
|
23536
|
+
function WorkOrderListItem(props) {
|
|
23537
|
+
var _classnames;
|
|
23538
|
+
var isMobile = useIsMobile();
|
|
23539
|
+
var wo = props.workOrder;
|
|
23540
|
+
var displayHeaderDate = function displayHeaderDate() {
|
|
23541
|
+
if (wo.orderType.toUpperCase() === 'PM01') {
|
|
23542
|
+
return /*#__PURE__*/React__default.createElement("div", null, "Req. end date: ", dateToStringOrEmpty(wo.requiredEndDateTime));
|
|
23543
|
+
}
|
|
23544
|
+
if (wo.orderType.toUpperCase() === 'PM02') {
|
|
23545
|
+
return /*#__PURE__*/React__default.createElement("div", null, "Planned date: ", dateToStringOrEmpty(wo.maintenancePlanDate));
|
|
23546
|
+
}
|
|
23547
|
+
return null;
|
|
23548
|
+
};
|
|
23549
|
+
var isOverflow = wo.planningPlant && wo.planningPlant.length > 26 || wo.requiredEndDateTime && wo.requiredEndDateTime.toString().length > 26;
|
|
23550
|
+
var tertiary = classnames$1((_classnames = {}, _defineProperty$1(_classnames, styles$3.tertiaryMultiline, isOverflow || isMobile), _defineProperty$1(_classnames, styles$3.tertiary, !isOverflow && !isMobile), _classnames));
|
|
23551
|
+
return /*#__PURE__*/React__default.createElement(ListItem, {
|
|
23552
|
+
className: styles$3.container,
|
|
23553
|
+
onCardClick: props.isHeader ? undefined : props.itemClicked,
|
|
23554
|
+
primary: /*#__PURE__*/React__default.createElement("div", {
|
|
23555
|
+
className: styles$3.primary
|
|
23556
|
+
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
23557
|
+
variant: 'h6'
|
|
23558
|
+
}, wo.id.substring(4)), /*#__PURE__*/React__default.createElement(WorkOrderStatusLabel, {
|
|
23559
|
+
workOrderStatus: wo.activeStatusIds
|
|
23560
|
+
})),
|
|
23561
|
+
secondary: /*#__PURE__*/React__default.createElement(Typography, {
|
|
23562
|
+
variant: 'caption',
|
|
23563
|
+
className: styles$3.secondaryText
|
|
23564
|
+
}, wo.description),
|
|
23565
|
+
tertiary: /*#__PURE__*/React__default.createElement("div", {
|
|
23566
|
+
className: tertiary
|
|
23567
|
+
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
23568
|
+
variant: 'chart',
|
|
23569
|
+
group: 'ui',
|
|
23570
|
+
className: styles$3.tertiaryText
|
|
23571
|
+
}, wo.planningPlant), !isOverflow && !isMobile && /*#__PURE__*/React__default.createElement("div", {
|
|
23572
|
+
className: styles$3.divider
|
|
23573
|
+
}), /*#__PURE__*/React__default.createElement(Typography, {
|
|
23574
|
+
variant: 'chart',
|
|
23575
|
+
group: 'ui',
|
|
23576
|
+
className: styles$3.tertiaryText
|
|
23577
|
+
}, displayHeaderDate())),
|
|
23578
|
+
visual: /*#__PURE__*/React__default.createElement("div", {
|
|
23579
|
+
className: styles$3.visual
|
|
23580
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
23581
|
+
name: setWorkOrderIconName(wo.orderType),
|
|
23582
|
+
color: "white"
|
|
23583
|
+
})),
|
|
23584
|
+
itemAction: props.itemAction,
|
|
23585
|
+
as: props.isHeader ? 'div' : 'li'
|
|
23586
|
+
});
|
|
23587
|
+
}
|
|
23588
|
+
|
|
23454
23589
|
var staticData$3 = {
|
|
23455
23590
|
width: '24',
|
|
23456
23591
|
height: '24',
|
|
@@ -23900,5 +24035,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
23900
24035
|
}));
|
|
23901
24036
|
};
|
|
23902
24037
|
|
|
23903
|
-
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, Panel, PanelContent, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelContext, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
24038
|
+
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, EchoTooltip, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, Panel, PanelContent, PanelWrapper, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, WorkOrderListItem, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, punches_main_group, punches_pa, punches_pb, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useIsMobile, useKeyboardNavigation, useListNavigator, usePanelContext, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
23904
24039
|
//# sourceMappingURL=index.js.map
|