@equinor/echo-components 0.5.8-rc2 → 0.5.10
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/LICENSE +21 -21
- package/README.md +62 -62
- package/dist/components/buttonWithPopover/ButtonWithPopover.d.ts +21 -21
- package/dist/components/contextMenu/ContextMenu.d.ts +35 -35
- package/dist/components/contextMenuPopover/DataInfoButton.d.ts +19 -19
- package/dist/components/contextMenuPopover/DataInfoPopover.d.ts +18 -18
- package/dist/components/datePicker/PopupHeader.d.ts +19 -19
- package/dist/components/datePicker/ReactDatePicker.d.ts +19 -19
- package/dist/components/dialogGenerator/DialogGenerator.d.ts +26 -26
- package/dist/components/dropdown/Dropdown.d.ts +37 -37
- package/dist/components/echoBottomBar/EchoBottomBar.d.ts +7 -7
- package/dist/components/echoCard/Body.d.ts +7 -7
- package/dist/components/echoCard/DateSection.d.ts +8 -8
- package/dist/components/echoCard/EchoCard.d.ts +7 -7
- package/dist/components/echoCard/LinkSection.d.ts +8 -8
- package/dist/components/echoCard/Title.d.ts +13 -13
- package/dist/components/echoCard/index.d.ts +14 -14
- package/dist/components/echoHeader/EchoHeader.d.ts +20 -20
- package/dist/components/floatingActionButton/FloatingActionButton.d.ts +29 -29
- package/dist/components/floatingSearchBar/FloatingSearchBar.d.ts +31 -0
- package/dist/components/index.d.ts +19 -17
- package/dist/components/inlineTagIconLink/InlineTagIconLink.d.ts +12 -12
- package/dist/components/listItem/ListItem.d.ts +50 -50
- package/dist/components/listItem/index.d.ts +1 -1
- package/dist/components/listRow/ListRow.d.ts +29 -29
- package/dist/components/sidebarButton/SidebarButton.d.ts +61 -41
- package/dist/components/sidesheet/enums.d.ts +5 -5
- package/dist/components/sidesheet/index.d.ts +11 -11
- package/dist/components/sidesheet/sheet/Sheet.d.ts +19 -19
- package/dist/components/sidesheet/sheet/index.d.ts +1 -1
- package/dist/components/sidesheet/sheet/utils.d.ts +2 -2
- package/dist/components/sidesheet/sheetTopArea/SheetTopArea.d.ts +16 -16
- package/dist/components/sidesheet/sheetTopArea/index.d.ts +1 -1
- package/dist/components/splitView/SplitView.d.ts +10 -0
- package/dist/components/splitView/index.d.ts +8 -0
- package/dist/components/splitView/left/SplitViewLeft.d.ts +7 -0
- package/dist/components/tagContextMenu/TagContextMenu.d.ts +30 -30
- package/dist/components/timePicker/TimePicker.d.ts +12 -12
- package/dist/elements/draggableItemsWrapper/DraggableItemsWrapper.d.ts +18 -18
- package/dist/elements/icon/Icon.d.ts +20 -20
- package/dist/elements/index.d.ts +8 -8
- package/dist/elements/radioButtonGroup/RadioButtonGroup.d.ts +20 -20
- package/dist/elements/roundIconButton/RoundIconButton.d.ts +13 -13
- package/dist/elements/sliderField/SliderField.d.ts +25 -25
- package/dist/elements/tagIcon/TagIcon.d.ts +16 -16
- package/dist/elements/tagIcon/TagIconShadow.d.ts +13 -13
- package/dist/elements/textIconButton/TextIconButton.d.ts +19 -19
- package/dist/helpers/classnames.d.ts +5 -5
- package/dist/helpers/getIcon.d.ts +2 -2
- package/dist/helpers/index.d.ts +3 -3
- package/dist/helpers/tagCategoryIcon.d.ts +38 -38
- package/dist/hooks/index.d.ts +2 -0
- package/dist/hooks/useEventListener.d.ts +3 -0
- package/dist/hooks/useKeyboardNavigation.d.ts +21 -0
- package/dist/icons/echoAssets/external.d.ts +5 -3
- package/dist/icons/echoAssets/index.d.ts +3 -2
- package/dist/icons/echoAssets/notifications.d.ts +9 -0
- package/dist/icons/echoAssets/workOrders.d.ts +11 -0
- package/dist/icons/index.d.ts +3 -1
- package/dist/index.d.ts +9 -8
- package/dist/index.js +992 -570
- package/dist/index.js.map +1 -1
- package/dist/setupTests.d.ts +1 -1
- package/dist/structure/iconList/IconList.d.ts +32 -32
- package/dist/structure/iconList/createListRow.d.ts +14 -14
- package/dist/structure/index.d.ts +3 -3
- package/dist/structure/linkCard/LinkCard.d.ts +26 -26
- package/dist/structure/optionsList/OptionsList.d.ts +24 -24
- package/dist/theme/index.d.ts +1 -1
- package/dist/theme/themeConst.d.ts +65 -65
- package/dist/types/actionButton.d.ts +6 -6
- package/dist/types/dataInformation.d.ts +8 -8
- package/dist/types/draggableItem.d.ts +5 -5
- package/dist/types/expandableRowProps.d.ts +6 -6
- package/dist/types/iconItem.d.ts +4 -4
- package/dist/types/iconListItem.d.ts +6 -6
- package/dist/types/index.d.ts +9 -10
- package/dist/types/linkCardItem.d.ts +5 -5
- package/dist/types/optionsItem.d.ts +6 -6
- package/dist/types/radioButtonItem.d.ts +4 -4
- package/package.json +121 -126
- package/dist/components/rightPanel/PanelContextWrapper.d.ts +0 -19
- package/dist/components/rightPanel/index.d.ts +0 -5
- package/dist/components/rightPanel/menuButton/MenuButton.d.ts +0 -26
- package/dist/components/rightPanel/panel/Panel.d.ts +0 -18
- package/dist/components/rightPanel/panelContent/PanelContent.d.ts +0 -21
- package/dist/components/rightPanel/panelWrapper/PanelWrapper.d.ts +0 -21
- package/dist/components/rightPanel/usePanelContext.d.ts +0 -8
- package/dist/icons/echoAssets/data.d.ts +0 -3
- package/dist/types/menuItem.d.ts +0 -9
package/dist/index.js
CHANGED
|
@@ -34,19 +34,19 @@ function styleInject(css, ref) {
|
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
37
|
-
var css_248z$
|
|
38
|
-
styleInject(css_248z$
|
|
37
|
+
var css_248z$x = ":root{--xSmall:0.25rem;--small:0.5rem;--medium:1rem;--large:1.5rem;--xLarge:2rem;--black:#000;--white:#fff;--equiBlue1:#233746;--equiBlue2:#d7e1ed;--equiBlue3:#d5eaf4;--equiGray1:#87929a;--equiGray2:#b4bbc0;--equiGray3:#d1d5d8;--equiGray4:#e3e6e8;--equiGray5:#f7f7f7;--equiRed1:#ff1243;--darkEquiRed:#ce183e;--equiGreen1:#006f79;--equiGreen2:#deedee;--equiGreen3:#e6faec;--echoText:#3d3d3d;--disabledBackgroundColor:#eaeaea;--disabledColor:#6f6f6f;--pm01:#0f0;--pm02:#ff1493;--pm03:#0ff;--pm04:#9400d3;--pm05:#1e90ff;--pm06:#ffdead;--pm010:#ff4500;--pm015:#228b22;--pm020:#00008b;--onGoing:#fbca36;--done:#4bb748;--asBuilt:#007079;--planned:#4bb748;--future:#52c0ff;--historic:#ff7d98;--outOfService:#ff9200;--reserved:#243746;--voided:#eb0000;--default:#dcdcdc;--ok:#23ef2a;--os:#adaead;--pa:#f94693;--pb:#fd0;--unknown:#525252;--rfccSent:#bcf316;--rfccPartly:#c7f316;--rfcc:#60f316;--rfocSent:#0dccf2;--rfocPartly:#1accf2;--rfoc:#0d59f2;--rfccRejected:#ff1243;--rfocRejected:#ff1243;--handoverError:#eb0000;--priorityHigh:#ff1243;--priorityMedium:#fbca36;--systems:#d5eaf4;--locations:#3eb54a;--ofpDark:#f4d6a2;--ofpLight:#faebce;--warningText:#ad6200;--warningIcon:#ff9200;--warningBackground:#ffe7d6;--dropDownButtonBackground:#f0f0f0;--dropDownTextColor:grey;--searchBarBackground:#f7f7f7;--highSeverity:#ffc1c1;--mediumSeverity:#ffe7d6;--lowSeverity:#dce6ee;--defaultSeverity:#d5eaf4;--highSeverityText:#eb0000;--mediumSeverityText:#52c0ff;--lowSeverityText:#4bb748;--defaultSeverityText:#3d3d3d;--toggleActive:#4bb748;--toggleInactive:#b30d2f;--hoverIcon:#004f55;--hoverIconWithNotification:#b30d2f;--tertiaryText:#6f6f6f}#root,body,html{height:100%;overflow:hidden;width:100%}html[data-theme=dark]{--equiGreen1:#006f79}body,h1,h2,h3,h4,h5,h6,label,p{color:var(--echoText)}body,html,span{font-family:Equinor!important}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f7f7f7;border-radius:5px}::-webkit-scrollbar-thumb{background:#007079;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#004f55}button,input{appearance:none;background:transparent;border:inherit;color:inherit;font:inherit;outline:0}input,input:after,input:before{-webkit-user-select:initial;-khtml-user-select:initial;-moz-user-select:initial;-ms-user-select:initial;user-select:auto}";
|
|
38
|
+
styleInject(css_248z$x);
|
|
39
39
|
|
|
40
|
-
/**
|
|
41
|
-
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
42
|
-
*
|
|
43
|
-
* @param {IconProps} {
|
|
44
|
-
* name: The name of the icon to be displayed
|
|
45
|
-
* title: The html title to use
|
|
46
|
-
* color:The color to icon should have
|
|
47
|
-
* size: The wanted size of the icon. Possible values are 16, 24, 32, 40 and 48
|
|
48
|
-
* }
|
|
49
|
-
* @return {*} {JSX.Element} A icon for the provided information
|
|
40
|
+
/**
|
|
41
|
+
* Component that work's as a eds icon wrapper, it imports all eds possible icons
|
|
42
|
+
*
|
|
43
|
+
* @param {IconProps} {
|
|
44
|
+
* name: The name of the icon to be displayed
|
|
45
|
+
* title: The html title to use
|
|
46
|
+
* color:The color to icon should have
|
|
47
|
+
* size: The wanted size of the icon. Possible values are 16, 24, 32, 40 and 48
|
|
48
|
+
* }
|
|
49
|
+
* @return {*} {JSX.Element} A icon for the provided information
|
|
50
50
|
*/
|
|
51
51
|
var Icon = function Icon(_ref) {
|
|
52
52
|
var name = _ref.name,
|
|
@@ -305,21 +305,21 @@ var nonIterableSpread = {exports: {}};
|
|
|
305
305
|
|
|
306
306
|
var _toConsumableArray$1 = /*@__PURE__*/getDefaultExportFromCjs(toConsumableArray.exports);
|
|
307
307
|
|
|
308
|
-
var css_248z$
|
|
309
|
-
var style$
|
|
310
|
-
styleInject(css_248z$
|
|
308
|
+
var css_248z$w = ".dataInfoButton-module_button__N4F5j{background-color:var(--white)!important;border:2px solid var(--equiGreen1)!important;box-shadow:0 4px 4px rgba(0,0,0,.25);color:var(--asBuilt)!important;height:48px!important;margin:3px!important;width:48px!important}.dataInfoButton-module_button__N4F5j:hover{background:#deedee!important}.dataInfoButton-module_buttonWithBadge__Qjm3a:after{background:var(--white);border:1px solid var(--asBuilt);border-radius:100%;box-sizing:unset;color:var(--equiGreen1);content:attr(data-count)!important;display:block;font-size:9px;font-style:normal;font-weight:700;height:18px!important;left:25px!important;line-height:20px;position:absolute;text-align:center;top:-5px!important;width:18px!important}";
|
|
309
|
+
var style$a = {"button":"dataInfoButton-module_button__N4F5j","buttonWithBadge":"dataInfoButton-module_buttonWithBadge__Qjm3a"};
|
|
310
|
+
styleInject(css_248z$w);
|
|
311
311
|
|
|
312
|
-
/**
|
|
313
|
-
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
314
|
-
*
|
|
315
|
-
* @param {DataInfoButtonProps} { data } Contains data information related to how the button should be rendered
|
|
316
|
-
* numberOfItems: If number is 1 or less no badge will be displayed on the button. If number is over 99,
|
|
317
|
-
* then the text 99+ will be displayed. Otherwise the provided number will be displayed
|
|
318
|
-
* label: The name of the data type, will be displayed on the button
|
|
319
|
-
* ariaLabel: The aria label set on the button, if empty the label will be used
|
|
320
|
-
* onTagInfoClicked: The method to be called when button is pressed
|
|
321
|
-
* itemButtonClassName: Used to style button if default styling is not wanted. class name might need higher precedence for overriding existing styling e.g. "div.itemButtonClassName { background-color: blue !important}"
|
|
322
|
-
* @return {*} {JSX.Element} Data information button with or without a badge based on the provided data object
|
|
312
|
+
/**
|
|
313
|
+
* Component that renders a data information button with a badge to indicate the number of items under that scoped type
|
|
314
|
+
*
|
|
315
|
+
* @param {DataInfoButtonProps} { data } Contains data information related to how the button should be rendered
|
|
316
|
+
* numberOfItems: If number is 1 or less no badge will be displayed on the button. If number is over 99,
|
|
317
|
+
* then the text 99+ will be displayed. Otherwise the provided number will be displayed
|
|
318
|
+
* label: The name of the data type, will be displayed on the button
|
|
319
|
+
* ariaLabel: The aria label set on the button, if empty the label will be used
|
|
320
|
+
* onTagInfoClicked: The method to be called when button is pressed
|
|
321
|
+
* itemButtonClassName: Used to style button if default styling is not wanted. class name might need higher precedence for overriding existing styling e.g. "div.itemButtonClassName { background-color: blue !important}"
|
|
322
|
+
* @return {*} {JSX.Element} Data information button with or without a badge based on the provided data object
|
|
323
323
|
*/
|
|
324
324
|
var DataInfoButton = function DataInfoButton(_ref) {
|
|
325
325
|
var data = _ref.data;
|
|
@@ -327,25 +327,25 @@ var DataInfoButton = function DataInfoButton(_ref) {
|
|
|
327
327
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
328
328
|
"aria-label": (_a = data.ariaLabel) !== null && _a !== void 0 ? _a : data.label,
|
|
329
329
|
onClick: data.onTagInfoClicked,
|
|
330
|
-
className: "".concat(data.itemButtonClassName, " ").concat(style$
|
|
330
|
+
className: "".concat(data.itemButtonClassName, " ").concat(style$a.button, " ").concat(data.numberOfItems > 1 ? style$a.buttonWithBadge : ''),
|
|
331
331
|
variant: "ghost_icon",
|
|
332
332
|
"data-count": data.numberOfItems > 99 ? '99+' : data.numberOfItems
|
|
333
333
|
}, data.label);
|
|
334
334
|
};
|
|
335
335
|
|
|
336
|
-
var css_248z$
|
|
337
|
-
var style$
|
|
338
|
-
styleInject(css_248z$
|
|
336
|
+
var css_248z$v = ".dataInfoPopover-module_wrapper__l8JCd{display:flex;flex-direction:column;position:absolute;right:0;z-index:10}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-end;border-bottom:7px solid rgba(0,0,0,.4);border-left:7px solid transparent;border-right:7px solid transparent;height:0;margin-right:17px;margin-top:3px;position:relative;width:0}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:after{border-bottom-color:rgba(0,0,0,.4)}.dataInfoPopover-module_optionsPopover__ZPXbv .arrow:before{border-bottom:0}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-end;background:rgba(0,0,0,.4);border:0;border-radius:5px;display:flex;justify-content:space-between;max-width:max-content;padding:var(--small);position:relative}@media screen and (max-width:440px){.dataInfoPopover-module_optionsPopover__ZPXbv{max-width:270px}}.dataInfoPopover-module_groupWrapper__InWuY{display:flex;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:440px){.dataInfoPopover-module_wrapper__l8JCd{left:0}.dataInfoPopover-module_arrow__KXQ5a{align-self:flex-start;margin-left:15px}.dataInfoPopover-module_optionsPopover__ZPXbv{align-self:flex-start}}.dataInfoPopover-module_banner__QtiKf{white-space:nowrap}.dataInfoPopover-module_infoMessage__lqzTe{color:var(--equiGray4)!important}.dataInfoPopover-module_banner__QtiKf>div{padding:0 16px 0 0!important}.dataInfoPopover-module_banner__QtiKf>hr{display:none}";
|
|
337
|
+
var style$9 = {"wrapper":"dataInfoPopover-module_wrapper__l8JCd","arrow":"dataInfoPopover-module_arrow__KXQ5a","optionsPopover":"dataInfoPopover-module_optionsPopover__ZPXbv","groupWrapper":"dataInfoPopover-module_groupWrapper__InWuY","banner":"dataInfoPopover-module_banner__QtiKf","infoMessage":"dataInfoPopover-module_infoMessage__lqzTe"};
|
|
338
|
+
styleInject(css_248z$v);
|
|
339
339
|
|
|
340
|
-
/**
|
|
341
|
-
* Component that renders a popover with data information buttons
|
|
342
|
-
*
|
|
343
|
-
* @param {DataInfoPopoverProps} {
|
|
344
|
-
* dataToShow: list of DataInformation objects to be displayed.
|
|
345
|
-
* The itemType in these objects are used to group them together in the popover
|
|
346
|
-
* isLoading: loading flag that tells if a dot progress should be displayed if data is being fetched
|
|
347
|
-
* }
|
|
348
|
-
* @return {*} {JSX.Element} Popover with data information buttons based on the provided DataInformation objects
|
|
340
|
+
/**
|
|
341
|
+
* Component that renders a popover with data information buttons
|
|
342
|
+
*
|
|
343
|
+
* @param {DataInfoPopoverProps} {
|
|
344
|
+
* dataToShow: list of DataInformation objects to be displayed.
|
|
345
|
+
* The itemType in these objects are used to group them together in the popover
|
|
346
|
+
* isLoading: loading flag that tells if a dot progress should be displayed if data is being fetched
|
|
347
|
+
* }
|
|
348
|
+
* @return {*} {JSX.Element} Popover with data information buttons based on the provided DataInformation objects
|
|
349
349
|
*/
|
|
350
350
|
var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
351
351
|
var dataToShow = _ref.dataToShow,
|
|
@@ -372,15 +372,15 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
372
372
|
};
|
|
373
373
|
});
|
|
374
374
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
375
|
-
className: style$
|
|
375
|
+
className: style$9.wrapper
|
|
376
376
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
377
|
-
className: style$
|
|
377
|
+
className: style$9.arrow
|
|
378
378
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
379
|
-
className: style$
|
|
379
|
+
className: style$9.optionsPopover
|
|
380
380
|
}, isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(DotProgress, {
|
|
381
381
|
color: "neutral"
|
|
382
382
|
}), showNoDataIndicator && !isLoading && dataToShow.length === 0 && /*#__PURE__*/React__default.createElement(Banner, {
|
|
383
|
-
className: style$
|
|
383
|
+
className: style$9.banner
|
|
384
384
|
}, /*#__PURE__*/React__default.createElement(Banner.Icon, {
|
|
385
385
|
variant: "info"
|
|
386
386
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -388,11 +388,11 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
388
388
|
title: "No data to display",
|
|
389
389
|
color: themeConst.asBuilt
|
|
390
390
|
})), /*#__PURE__*/React__default.createElement(Banner.Message, {
|
|
391
|
-
className: style$
|
|
391
|
+
className: style$9.infoMessage
|
|
392
392
|
}, "No information to display")), Object.keys(getDataGroupings).map(function (key) {
|
|
393
393
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
394
394
|
key: key,
|
|
395
|
-
className: style$
|
|
395
|
+
className: style$9.groupWrapper
|
|
396
396
|
}, getDataGroupings[key].map(function (data, index) {
|
|
397
397
|
return /*#__PURE__*/React__default.createElement(DataInfoButton, {
|
|
398
398
|
data: data,
|
|
@@ -402,20 +402,20 @@ var DataInfoPopover = function DataInfoPopover(_ref) {
|
|
|
402
402
|
})));
|
|
403
403
|
};
|
|
404
404
|
|
|
405
|
-
var css_248z$
|
|
406
|
-
var style$
|
|
407
|
-
styleInject(css_248z$
|
|
405
|
+
var css_248z$u = ".buttonWithPopover-module_button__FDyTt{background-color:var(--white)!important;border:3px solid var(--white)!important;border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:border-box;height:46px!important;width:46px!important}.buttonWithPopover-module_button__FDyTt:hover{background:#deedee!important}.buttonWithPopover-module_wrapper__-pQfB{position:relative}.buttonWithPopover-module_spinner__LMbqe{height:34px!important;margin:3px;width:34px!important}";
|
|
406
|
+
var style$8 = {"button":"buttonWithPopover-module_button__FDyTt","wrapper":"buttonWithPopover-module_wrapper__-pQfB","spinner":"buttonWithPopover-module_spinner__LMbqe"};
|
|
407
|
+
styleInject(css_248z$u);
|
|
408
408
|
|
|
409
|
-
/**
|
|
410
|
-
* Component that renders a round button, that opens a popover upon being clicked
|
|
411
|
-
*
|
|
412
|
-
* @param {ButtonWithPopoverProps} {
|
|
413
|
-
* onShowMoreClicked: method called upon button clicked
|
|
414
|
-
* fetchedData: array of DataInformation that popover should be displayed when button is clicked.
|
|
415
|
-
* Meant to be the return value of the fetchDataToShow method
|
|
416
|
-
* isLoading: flag to show loading state if data fetch takes some time
|
|
417
|
-
* expanded: flag to determine if popover should be expanded or not
|
|
418
|
-
* @return {*} {JSX.Element} Round button with belonging popover to display data information buttons
|
|
409
|
+
/**
|
|
410
|
+
* Component that renders a round button, that opens a popover upon being clicked
|
|
411
|
+
*
|
|
412
|
+
* @param {ButtonWithPopoverProps} {
|
|
413
|
+
* onShowMoreClicked: method called upon button clicked
|
|
414
|
+
* fetchedData: array of DataInformation that popover should be displayed when button is clicked.
|
|
415
|
+
* Meant to be the return value of the fetchDataToShow method
|
|
416
|
+
* isLoading: flag to show loading state if data fetch takes some time
|
|
417
|
+
* expanded: flag to determine if popover should be expanded or not
|
|
418
|
+
* @return {*} {JSX.Element} Round button with belonging popover to display data information buttons
|
|
419
419
|
*/
|
|
420
420
|
var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
421
421
|
var onShowMoreClicked = _ref.onShowMoreClicked,
|
|
@@ -438,14 +438,14 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
438
438
|
}
|
|
439
439
|
};
|
|
440
440
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
441
|
-
className: style$
|
|
441
|
+
className: style$8.wrapper
|
|
442
442
|
}, expanded && isLoading ? /*#__PURE__*/React__default.createElement("div", {
|
|
443
|
-
className: style$
|
|
443
|
+
className: style$8.button,
|
|
444
444
|
onClick: onShowMoreClicked
|
|
445
445
|
}, /*#__PURE__*/React__default.createElement(CircularProgress, {
|
|
446
|
-
className: style$
|
|
446
|
+
className: style$8.spinner
|
|
447
447
|
})) : /*#__PURE__*/React__default.createElement(Button, {
|
|
448
|
-
className: style$
|
|
448
|
+
className: style$8.button,
|
|
449
449
|
variant: "ghost_icon",
|
|
450
450
|
onClick: onShowMoreClicked
|
|
451
451
|
}, renderPopoverButton()), expanded && /*#__PURE__*/React__default.createElement(DataInfoPopover, {
|
|
@@ -454,18 +454,18 @@ var ButtonWithPopover = function ButtonWithPopover(_ref) {
|
|
|
454
454
|
}));
|
|
455
455
|
};
|
|
456
456
|
|
|
457
|
-
var css_248z$
|
|
458
|
-
var styles$
|
|
459
|
-
styleInject(css_248z$
|
|
457
|
+
var css_248z$t = ".tagIcon-module_icon__FVhlT{border:3px solid var(--white);border-radius:10rem;box-sizing:border-box;height:46px;padding:8px;position:relative;transform-origin:left top;width:46px}.tagIcon-module_shadow__dAk0l{border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);height:46px;width:46px}";
|
|
458
|
+
var styles$j = {"icon":"tagIcon-module_icon__FVhlT","shadow":"tagIcon-module_shadow__dAk0l"};
|
|
459
|
+
styleInject(css_248z$t);
|
|
460
460
|
|
|
461
|
-
/**
|
|
462
|
-
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
463
|
-
*
|
|
464
|
-
* @param {TagIconProps} {
|
|
465
|
-
* icon: Icon to be wrapped
|
|
466
|
-
* legendColor: background color to apply. Need to be valid css color
|
|
467
|
-
* }
|
|
468
|
-
* @return {*} {JSX.Element} Wrapped icon with provided color
|
|
461
|
+
/**
|
|
462
|
+
* Component that will wrap the provided icon with a background color (usually the legend color)
|
|
463
|
+
*
|
|
464
|
+
* @param {TagIconProps} {
|
|
465
|
+
* icon: Icon to be wrapped
|
|
466
|
+
* legendColor: background color to apply. Need to be valid css color
|
|
467
|
+
* }
|
|
468
|
+
* @return {*} {JSX.Element} Wrapped icon with provided color
|
|
469
469
|
*/
|
|
470
470
|
var TagIcon = function TagIcon(_ref) {
|
|
471
471
|
var icon = _ref.icon,
|
|
@@ -474,44 +474,44 @@ var TagIcon = function TagIcon(_ref) {
|
|
|
474
474
|
style: {
|
|
475
475
|
background: legendColor
|
|
476
476
|
},
|
|
477
|
-
className: "".concat(styles$
|
|
477
|
+
className: "".concat(styles$j.icon)
|
|
478
478
|
}, icon);
|
|
479
479
|
};
|
|
480
480
|
|
|
481
|
-
/**
|
|
482
|
-
* Component that will wrap the provided child element in a shadow.
|
|
483
|
-
* Should be used to add shadow to the tagIcon component
|
|
484
|
-
*
|
|
485
|
-
* @param {TagIconShadowWrapperProps} { children } Child element to wrap
|
|
486
|
-
* @return {*} {JSX.Element} wrapped child element in a shadow
|
|
481
|
+
/**
|
|
482
|
+
* Component that will wrap the provided child element in a shadow.
|
|
483
|
+
* Should be used to add shadow to the tagIcon component
|
|
484
|
+
*
|
|
485
|
+
* @param {TagIconShadowWrapperProps} { children } Child element to wrap
|
|
486
|
+
* @return {*} {JSX.Element} wrapped child element in a shadow
|
|
487
487
|
*/
|
|
488
488
|
var TagIconShadowWrapper = function TagIconShadowWrapper(_ref) {
|
|
489
489
|
var children = _ref.children;
|
|
490
490
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
491
|
-
className: "".concat(styles$
|
|
491
|
+
className: "".concat(styles$j.shadow)
|
|
492
492
|
}, children);
|
|
493
493
|
};
|
|
494
494
|
|
|
495
|
-
var css_248z$
|
|
496
|
-
var styles$
|
|
497
|
-
styleInject(css_248z$
|
|
495
|
+
var css_248z$s = ".tagContextMenu-module_contextWrapper__o8wWz{border-radius:10rem;cursor:pointer;width:fit-content}.tagContextMenu-module_contextWrapperExpanded__FJI8c{cursor:pointer;display:flex;flex-wrap:wrap}.tagContextMenu-module_selected__4L6WK{box-shadow:0 0 10px 5px var(--toggleActive)}.tagContextMenu-module_tagInfoWrapper__y4LBf{align-items:center;background-color:var(--white);border-radius:10rem;box-shadow:0 4px 4px rgba(0,0,0,.25);box-sizing:unset;display:flex;height:52px;overflow:hidden;padding:1px;width:100%}.tagContextMenu-module_tagText__8GaFk{cursor:pointer;margin:auto;max-width:240px;min-width:55px;overflow:hidden;padding:0 var(--small) 0 var(--small);text-align:start;text-overflow:ellipsis;white-space:nowrap;width:100%}@media screen and (max-width:440px){.tagContextMenu-module_tagText__8GaFk{max-width:140px;min-width:140px}}@media screen and (min-width:440px) and (max-width:560px){.tagContextMenu-module_tagText__8GaFk{max-width:240px}}.tagContextMenu-module_tagHeader__NW1El{color:var(--equiGreen1)!important;font-weight:700!important;overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagDescription__lrT1D{overflow:hidden;text-overflow:ellipsis}.tagContextMenu-module_tagInfoIcon__AMpqu{margin:3px}";
|
|
496
|
+
var styles$i = {"contextWrapper":"tagContextMenu-module_contextWrapper__o8wWz","contextWrapperExpanded":"tagContextMenu-module_contextWrapperExpanded__FJI8c","selected":"tagContextMenu-module_selected__4L6WK","tagInfoWrapper":"tagContextMenu-module_tagInfoWrapper__y4LBf","tagText":"tagContextMenu-module_tagText__8GaFk","tagHeader":"tagContextMenu-module_tagHeader__NW1El","tagDescription":"tagContextMenu-module_tagDescription__lrT1D","tagInfoIcon":"tagContextMenu-module_tagInfoIcon__AMpqu"};
|
|
497
|
+
styleInject(css_248z$s);
|
|
498
498
|
|
|
499
|
-
/**
|
|
500
|
-
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
501
|
-
* The condensed variant will only display the the relevant tag icon
|
|
502
|
-
* The expanded variant will display relevant tag icon, tag number and tag description
|
|
503
|
-
*
|
|
504
|
-
* @param {TagContextMenuProps} {
|
|
505
|
-
* expanded: flag that state if the context menu should be expanded or not
|
|
506
|
-
* setExpanded: method to update the expanded flag
|
|
507
|
-
* tagNo: the tag no to display
|
|
508
|
-
* description: the tag description
|
|
509
|
-
* openTagInformation: method called when expanded context menu is called
|
|
510
|
-
* selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
|
|
511
|
-
* selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
|
|
512
|
-
* children: Meant to be used to pass TagIcon component to this component
|
|
513
|
-
* }
|
|
514
|
-
* @return {*} {JSX.Element} a tag context menu for the provided properties
|
|
499
|
+
/**
|
|
500
|
+
* Component that renders a tag context menu that can be expanded and closed upon click
|
|
501
|
+
* The condensed variant will only display the the relevant tag icon
|
|
502
|
+
* The expanded variant will display relevant tag icon, tag number and tag description
|
|
503
|
+
*
|
|
504
|
+
* @param {TagContextMenuProps} {
|
|
505
|
+
* expanded: flag that state if the context menu should be expanded or not
|
|
506
|
+
* setExpanded: method to update the expanded flag
|
|
507
|
+
* tagNo: the tag no to display
|
|
508
|
+
* description: the tag description
|
|
509
|
+
* openTagInformation: method called when expanded context menu is called
|
|
510
|
+
* selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
|
|
511
|
+
* selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
|
|
512
|
+
* children: Meant to be used to pass TagIcon component to this component
|
|
513
|
+
* }
|
|
514
|
+
* @return {*} {JSX.Element} a tag context menu for the provided properties
|
|
515
515
|
*/
|
|
516
516
|
var TagContextMenu = function TagContextMenu(_ref) {
|
|
517
517
|
var expanded = _ref.expanded,
|
|
@@ -524,20 +524,20 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
524
524
|
children = _ref.children;
|
|
525
525
|
if (expanded) {
|
|
526
526
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
527
|
-
className: styles$
|
|
527
|
+
className: styles$i.contextWrapperExpanded,
|
|
528
528
|
onClick: openTagInformation
|
|
529
529
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
530
|
-
className: styles$
|
|
530
|
+
className: styles$i.tagInfoWrapper
|
|
531
531
|
}, children, /*#__PURE__*/React__default.createElement("div", {
|
|
532
|
-
className: styles$
|
|
532
|
+
className: styles$i.tagText
|
|
533
533
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
534
534
|
variant: "h5",
|
|
535
|
-
className: styles$
|
|
535
|
+
className: styles$i.tagHeader
|
|
536
536
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
537
537
|
variant: "body_short",
|
|
538
|
-
className: styles$
|
|
538
|
+
className: styles$i.tagDescription
|
|
539
539
|
}, description)), /*#__PURE__*/React__default.createElement("div", {
|
|
540
|
-
className: styles$
|
|
540
|
+
className: styles$i.tagInfoIcon
|
|
541
541
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
542
542
|
variant: "ghost_icon"
|
|
543
543
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -548,7 +548,7 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
548
548
|
} else {
|
|
549
549
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
550
550
|
"data-testid": "open-tag-info",
|
|
551
|
-
className: "".concat(styles$
|
|
551
|
+
className: "".concat(styles$i.contextWrapper, " ").concat(selected ? selectedClassName ? selectedClassName : styles$i.selected : ''),
|
|
552
552
|
onClick: function onClick() {
|
|
553
553
|
setExpanded(true);
|
|
554
554
|
}
|
|
@@ -556,28 +556,28 @@ var TagContextMenu = function TagContextMenu(_ref) {
|
|
|
556
556
|
}
|
|
557
557
|
};
|
|
558
558
|
|
|
559
|
-
var css_248z$
|
|
560
|
-
var style$
|
|
561
|
-
styleInject(css_248z$
|
|
559
|
+
var css_248z$r = ".contextMenu-module_wrapper__p-0Zc{display:flex;flex-wrap:wrap;position:absolute;width:fit-content}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-right:4px}@media screen and (max-width:440px){.contextMenu-module_wrapper__p-0Zc{max-width:250px}.contextMenu-module_wrapper__p-0Zc>div:first-child{margin-bottom:5px}}";
|
|
560
|
+
var style$7 = {"wrapper":"contextMenu-module_wrapper__p-0Zc"};
|
|
561
|
+
styleInject(css_248z$r);
|
|
562
562
|
|
|
563
|
-
/**
|
|
564
|
-
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
565
|
-
* With the ability to provide more information button and related popover that should be wrapped with the context menu
|
|
566
|
-
*
|
|
567
|
-
* @param {ContextMenuProps} {
|
|
568
|
-
* icon: icon to be displayed
|
|
569
|
-
* expanded: flag to determine if context menu should be expanded or not
|
|
570
|
-
* legendColor: color used for the tag icon
|
|
571
|
-
* setExpanded: method to update expanded flag
|
|
572
|
-
* tagNo: The tag number to display
|
|
573
|
-
* description: The tag description to display
|
|
574
|
-
* positionStyle: The position styling element used to position the context menu
|
|
575
|
-
* openTagInformation: Method that will be called when expanded context menu is clicked
|
|
576
|
-
* selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
|
|
577
|
-
* selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
|
|
578
|
-
* children: Related elements to display, e.g. more information button
|
|
579
|
-
* }
|
|
580
|
-
* @return {*} {JSX.Element} Context menu with relevant children wrapped
|
|
563
|
+
/**
|
|
564
|
+
* Component that renders full context menu functionality, meant for displaying tag context menu.
|
|
565
|
+
* With the ability to provide more information button and related popover that should be wrapped with the context menu
|
|
566
|
+
*
|
|
567
|
+
* @param {ContextMenuProps} {
|
|
568
|
+
* icon: icon to be displayed
|
|
569
|
+
* expanded: flag to determine if context menu should be expanded or not
|
|
570
|
+
* legendColor: color used for the tag icon
|
|
571
|
+
* setExpanded: method to update expanded flag
|
|
572
|
+
* tagNo: The tag number to display
|
|
573
|
+
* description: The tag description to display
|
|
574
|
+
* positionStyle: The position styling element used to position the context menu
|
|
575
|
+
* openTagInformation: Method that will be called when expanded context menu is clicked
|
|
576
|
+
* selected: Flag to handle if there are multiple context menu's on a page, and a selected style should be applied
|
|
577
|
+
* selectedClassName: styling used to handle multiple tag visible on the page at the same time, class will be added to tagIcon when context menu is not expanded
|
|
578
|
+
* children: Related elements to display, e.g. more information button
|
|
579
|
+
* }
|
|
580
|
+
* @return {*} {JSX.Element} Context menu with relevant children wrapped
|
|
581
581
|
*/
|
|
582
582
|
var ContextMenu = function ContextMenu(_ref) {
|
|
583
583
|
var icon = _ref.icon,
|
|
@@ -593,7 +593,7 @@ var ContextMenu = function ContextMenu(_ref) {
|
|
|
593
593
|
children = _ref.children;
|
|
594
594
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
595
595
|
style: positionStyle,
|
|
596
|
-
className: style$
|
|
596
|
+
className: style$7.wrapper
|
|
597
597
|
}, /*#__PURE__*/React__default.createElement(TagContextMenu, {
|
|
598
598
|
setExpanded: setExpanded,
|
|
599
599
|
openTagInformation: openTagInformation,
|
|
@@ -13325,16 +13325,16 @@ var require$$61 = /*@__PURE__*/getAugmentedNamespace(esm);
|
|
|
13325
13325
|
|
|
13326
13326
|
var DatePicker = /*@__PURE__*/getDefaultExportFromCjs(reactDatepicker_min.exports);
|
|
13327
13327
|
|
|
13328
|
-
var css_248z$n = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13329
|
-
styleInject(css_248z$
|
|
13328
|
+
var css_248z$q = "@charset \"UTF-8\";.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:\"\";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{margin-left:-4px;position:absolute;width:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border:8px solid transparent;box-sizing:content-box;content:\"\";height:0;left:-8px;position:absolute;width:1px;z-index:-1}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom-color:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{margin-top:-8px;top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#f0f0f0;border-top:none}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:after{top:0}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle:before{border-bottom-color:#aeaeae;top:-1px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{bottom:0;margin-bottom:-8px}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after,.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-bottom:none;border-top-color:#fff}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:after{bottom:0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle:before{border-top-color:#aeaeae;bottom:-1px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0;width:100%}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;position:relative}.react-datepicker--time-only .react-datepicker__triangle{left:35px}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__triangle{left:50px;position:absolute}.react-datepicker-popper{z-index:1}.react-datepicker-popper[data-placement^=bottom]{padding-top:10px}.react-datepicker-popper[data-placement=bottom-end] .react-datepicker__triangle,.react-datepicker-popper[data-placement=top-end] .react-datepicker__triangle{left:auto;right:50px}.react-datepicker-popper[data-placement^=top]{padding-bottom:10px}.react-datepicker-popper[data-placement^=right]{padding-left:8px}.react-datepicker-popper[data-placement^=right] .react-datepicker__triangle{left:auto;right:42px}.react-datepicker-popper[data-placement^=left]{padding-right:8px}.react-datepicker-popper[data-placement^=left] .react-datepicker__triangle{left:42px;right:auto}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 2px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-72px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day-names,.react-datepicker__week{white-space:nowrap}.react-datepicker__day-names{margin-bottom:-8px}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__month--in-range,.react-datepicker__month--in-selecting-range,.react-datepicker__month--selected,.react-datepicker__quarter--in-range,.react-datepicker__quarter--in-selecting-range,.react-datepicker__quarter--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__month--in-range:hover,.react-datepicker__month--in-selecting-range:hover,.react-datepicker__month--selected:hover,.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter--in-selecting-range:hover,.react-datepicker__quarter--selected:hover{background-color:#1d5d90}.react-datepicker__month--disabled,.react-datepicker__quarter--disabled{color:#ccc;pointer-events:none}.react-datepicker__month--disabled:hover,.react-datepicker__quarter--disabled:hover{background-color:transparent;cursor:default}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:hover,.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover,.react-datepicker__year-text:hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:hover,.react-datepicker__month-text--highlighted:hover,.react-datepicker__quarter-text--highlighted:hover,.react-datepicker__year-text--highlighted:hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:hover,.react-datepicker__day--in-selecting-range:hover,.react-datepicker__day--selected:hover,.react-datepicker__month-text--in-range:hover,.react-datepicker__month-text--in-selecting-range:hover,.react-datepicker__month-text--selected:hover,.react-datepicker__quarter-text--in-range:hover,.react-datepicker__quarter-text--in-selecting-range:hover,.react-datepicker__quarter-text--selected:hover,.react-datepicker__year-text--in-range:hover,.react-datepicker__year-text--in-selecting-range:hover,.react-datepicker__year-text--selected:hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#2579ba;border-radius:.3rem;color:#fff}.react-datepicker__day--keyboard-selected:hover,.react-datepicker__month-text--keyboard-selected:hover,.react-datepicker__quarter-text--keyboard-selected:hover,.react-datepicker__year-text--keyboard-selected:hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:rgba(33,107,165,.5)}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled:hover,.react-datepicker__month-text--disabled:hover,.react-datepicker__quarter-text--disabled:hover,.react-datepicker__year-text--disabled:hover{background-color:transparent}.react-datepicker__month-text.react-datepicker__month--in-range:hover,.react-datepicker__month-text.react-datepicker__month--selected:hover,.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,.react-datepicker__month-text.react-datepicker__quarter--selected:hover,.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,.react-datepicker__quarter-text.react-datepicker__month--selected:hover,.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover{background-color:#216ba5}.react-datepicker__month-text:hover,.react-datepicker__quarter-text:hover{background-color:#f0f0f0}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:transparent;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:\"×\";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:rgba(0,0,0,.8);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}";
|
|
13329
|
+
styleInject(css_248z$q);
|
|
13330
13330
|
|
|
13331
|
-
var css_248z$
|
|
13332
|
-
var style$
|
|
13333
|
-
styleInject(css_248z$
|
|
13331
|
+
var css_248z$p = ".datePicker-module_ReactDatePicker__isczD{display:flex;flex-direction:column;max-width:250px;position:relative;width:100%}.datePicker-module_dateLabel__sVIAX{color:#6f6f6f;font-family:Equinor;font-size:.75rem;font-weight:400;line-height:1.333em;margin-bottom:0;position:relative;text-align:left}.datePicker-module_dateInput__NkIj-{background-color:#f7f7f7!important;box-shadow:inset 0 -1px 0 0 #6f6f6f;display:inline-block;height:36px;width:100%}.datePicker-module_calendarIcon__E-K4F{bottom:-28px;color:#616161;cursor:pointer;height:20px;position:absolute;right:12px;width:20px;z-index:1}.datePicker-module_closeIcon__28ALq{color:#616161;cursor:pointer;height:20px!important;width:20px!important;z-index:1}.datePicker-module_clearDateValue__FIR6W{bottom:4px;cursor:pointer;height:30px!important;position:absolute!important;right:9px;width:30px!important}";
|
|
13332
|
+
var style$6 = {"ReactDatePicker":"datePicker-module_ReactDatePicker__isczD","dateLabel":"datePicker-module_dateLabel__sVIAX","dateInput":"datePicker-module_dateInput__NkIj-","calendarIcon":"datePicker-module_calendarIcon__E-K4F","closeIcon":"datePicker-module_closeIcon__28ALq","clearDateValue":"datePicker-module_clearDateValue__FIR6W"};
|
|
13333
|
+
styleInject(css_248z$p);
|
|
13334
13334
|
|
|
13335
|
-
var css_248z$
|
|
13336
|
-
var style$
|
|
13337
|
-
styleInject(css_248z$
|
|
13335
|
+
var css_248z$o = ".popupHeader-module_popupHeader__J9YNu{align-items:center;column-gap:16px;display:grid;grid-template-columns:20px auto auto 20px;max-width:250px;padding:24px 20px;width:100%}.popupHeader-module_iconButton__gb7xJ{color:#006f79;height:20px;line-height:0;margin:0;padding:0;text-align:center;width:20px}.popupHeader-module_todayLabel__EkrgU{color:#006f79;cursor:pointer;text-align:right}";
|
|
13336
|
+
var style$5 = {"popupHeader":"popupHeader-module_popupHeader__J9YNu","iconButton":"popupHeader-module_iconButton__gb7xJ","todayLabel":"popupHeader-module_todayLabel__EkrgU"};
|
|
13337
|
+
styleInject(css_248z$o);
|
|
13338
13338
|
|
|
13339
13339
|
var PopupHeader = function PopupHeader(_ref) {
|
|
13340
13340
|
var date = _ref.date,
|
|
@@ -13345,9 +13345,9 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13345
13345
|
nextMonthButtonDisabled = _ref.nextMonthButtonDisabled;
|
|
13346
13346
|
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
|
13347
13347
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13348
|
-
className: style$
|
|
13348
|
+
className: style$5.popupHeader
|
|
13349
13349
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
13350
|
-
className: style$
|
|
13350
|
+
className: style$5.iconButton,
|
|
13351
13351
|
onClick: function onClick(event) {
|
|
13352
13352
|
event.preventDefault();
|
|
13353
13353
|
event.stopPropagation();
|
|
@@ -13360,13 +13360,13 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13360
13360
|
})), /*#__PURE__*/React__default.createElement(Typography, {
|
|
13361
13361
|
variant: "body_short"
|
|
13362
13362
|
}, months[getMonth(date)], " ", getYear(date)), /*#__PURE__*/React__default.createElement(Typography, {
|
|
13363
|
-
className: style$
|
|
13363
|
+
className: style$5.todayLabel,
|
|
13364
13364
|
variant: "body_short",
|
|
13365
13365
|
onClick: function onClick() {
|
|
13366
13366
|
return changeDate === null || changeDate === void 0 ? void 0 : changeDate(new Date());
|
|
13367
13367
|
}
|
|
13368
13368
|
}, "Today"), /*#__PURE__*/React__default.createElement("button", {
|
|
13369
|
-
className: style$
|
|
13369
|
+
className: style$5.iconButton,
|
|
13370
13370
|
onClick: function onClick(event) {
|
|
13371
13371
|
event.preventDefault();
|
|
13372
13372
|
event.stopPropagation();
|
|
@@ -13380,8 +13380,8 @@ var PopupHeader = function PopupHeader(_ref) {
|
|
|
13380
13380
|
})));
|
|
13381
13381
|
};
|
|
13382
13382
|
|
|
13383
|
-
var css_248z$
|
|
13384
|
-
styleInject(css_248z$
|
|
13383
|
+
var css_248z$n = ".EDSPicker .react-datepicker{font-family:Equinor!important}.EDSPicker .react-datepicker__header{background-color:#fff;border-bottom:none;line-height:48px;min-height:48px}.EDSPicker .react-datepicker__navigation--next,.EDSPicker .react-datepicker__navigation--previous{min-height:48px;right:8px;top:6px}.react-datepicker__navigation-icon:before{border-color:var(--asBuilt)}.EDSPicker .react-datepicker__current-month{font-weight:500}.EDSPicker .react-datepicker__day-names{border-top:1px solid #ececec;margin:10px 0 0;padding:10px 0 0;text-align:center}.EDSPicker .react-datepicker__day-name{color:#6f6f6f;font-size:11px;line-height:unset;visibility:hidden;width:35px}.EDSPicker .react-datepicker__day-name:first-letter{visibility:visible}.EDSPicker .react-datepicker__day{color:#007079;font-weight:500;line-height:35px;width:35px}.EDSPicker .react-datepicker__day--selected,.EDSPicker .react-datepicker__month-text--keyboard-selected,.EDSPicker .react-datepicker__quarter-text--keyboard-selected,.EDSPicker .react-datepicker__year-text--keyboard-selected{background-color:#007079;color:#fff}.EDSPicker .react-datepicker__day--keyboard-selected{background-color:unset}.EDSPicker .react-datepicker__day--disabled{color:#ccc}.EDSPicker .react-datepicker-popper{z-index:4!important}.react-datepicker__time-container{border:none;float:left;padding-top:8px;width:100%}.react-datepicker__header--time{padding:0 16px;text-align:left;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{padding:0 8px;text-align:left;width:100%}";
|
|
13384
|
+
styleInject(css_248z$n);
|
|
13385
13385
|
|
|
13386
13386
|
reactDatepicker_min.exports.registerLocale('en-gb', enGb);
|
|
13387
13387
|
var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
@@ -13401,9 +13401,9 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13401
13401
|
onChanged === null || onChanged === void 0 ? void 0 : onChanged(date);
|
|
13402
13402
|
}, [onChanged]);
|
|
13403
13403
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13404
|
-
className: classnames$2(style$
|
|
13404
|
+
className: classnames$2(style$6.ReactDatePicker, 'EDSPicker') + " ".concat(className !== null && className !== void 0 ? className : '')
|
|
13405
13405
|
}, /*#__PURE__*/React__default.createElement("label", {
|
|
13406
|
-
className: style$
|
|
13406
|
+
className: style$6.dateLabel,
|
|
13407
13407
|
htmlFor: id,
|
|
13408
13408
|
onClick: function onClick() {
|
|
13409
13409
|
var _a;
|
|
@@ -13412,11 +13412,11 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13412
13412
|
}, label, !value && /*#__PURE__*/React__default.createElement(Icon, {
|
|
13413
13413
|
color: themeConst.asBuilt,
|
|
13414
13414
|
name: "calendar",
|
|
13415
|
-
className: style$
|
|
13415
|
+
className: style$6.calendarIcon
|
|
13416
13416
|
})), /*#__PURE__*/React__default.createElement(DatePicker, {
|
|
13417
13417
|
ref: ref,
|
|
13418
13418
|
locale: "en-gb",
|
|
13419
|
-
className: style$
|
|
13419
|
+
className: style$6.dateInput,
|
|
13420
13420
|
selected: value,
|
|
13421
13421
|
onChange: onDateValueChange,
|
|
13422
13422
|
dateFormat: showTimeSelect ? 'dd.MM.yyyy HH:mm' : 'dd.MM.yyyy',
|
|
@@ -13446,7 +13446,7 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13446
13446
|
minDate: maxDate,
|
|
13447
13447
|
maxDate: minDate
|
|
13448
13448
|
}), value && /*#__PURE__*/React__default.createElement(Button, {
|
|
13449
|
-
className: style$
|
|
13449
|
+
className: style$6.clearDateValue,
|
|
13450
13450
|
variant: 'ghost_icon',
|
|
13451
13451
|
onClick: function onClick() {
|
|
13452
13452
|
onChanged(null);
|
|
@@ -13454,27 +13454,27 @@ var ReactDatePicker = function ReactDatePicker(_ref) {
|
|
|
13454
13454
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
13455
13455
|
color: themeConst.asBuilt,
|
|
13456
13456
|
name: "close",
|
|
13457
|
-
className: style$
|
|
13457
|
+
className: style$6.closeIcon
|
|
13458
13458
|
})));
|
|
13459
13459
|
};
|
|
13460
13460
|
|
|
13461
|
-
var css_248z$
|
|
13462
|
-
var styles$
|
|
13463
|
-
styleInject(css_248z$
|
|
13461
|
+
var css_248z$m = ".dialogGenerator-module_footer__h-ido{box-sizing:border-box;display:flex;justify-content:flex-end;width:100%}.dialogGenerator-module_footer__h-ido button:nth-child(2){margin:0 0 0 15px}";
|
|
13462
|
+
var styles$h = {"footer":"dialogGenerator-module_footer__h-ido"};
|
|
13463
|
+
styleInject(css_248z$m);
|
|
13464
13464
|
|
|
13465
|
-
/**
|
|
13466
|
-
* Component that renders a dialog box based on input properties
|
|
13467
|
-
*
|
|
13468
|
-
* @param {DialogGeneratorProps} {
|
|
13469
|
-
* dialogStyle: style property to override existing styling on the dialog wrapper
|
|
13470
|
-
* title: the title of the dialog
|
|
13471
|
-
* children: The main content of the dialog
|
|
13472
|
-
* actionButtons: the buttons to show in the dialog
|
|
13473
|
-
* open: if the dialog should be open
|
|
13474
|
-
* isDismissable: if the modal is closable by clicking aside or by hitting ESC key
|
|
13475
|
-
* onClose: callback to be called when the dialog is closed
|
|
13476
|
-
* }
|
|
13477
|
-
* @return {*} {JSX.Element} Dialog component
|
|
13465
|
+
/**
|
|
13466
|
+
* Component that renders a dialog box based on input properties
|
|
13467
|
+
*
|
|
13468
|
+
* @param {DialogGeneratorProps} {
|
|
13469
|
+
* dialogStyle: style property to override existing styling on the dialog wrapper
|
|
13470
|
+
* title: the title of the dialog
|
|
13471
|
+
* children: The main content of the dialog
|
|
13472
|
+
* actionButtons: the buttons to show in the dialog
|
|
13473
|
+
* open: if the dialog should be open
|
|
13474
|
+
* isDismissable: if the modal is closable by clicking aside or by hitting ESC key
|
|
13475
|
+
* onClose: callback to be called when the dialog is closed
|
|
13476
|
+
* }
|
|
13477
|
+
* @return {*} {JSX.Element} Dialog component
|
|
13478
13478
|
*/
|
|
13479
13479
|
var DialogGenerator = function DialogGenerator(_ref) {
|
|
13480
13480
|
var dialogStyle = _ref.dialogStyle,
|
|
@@ -13492,7 +13492,7 @@ var DialogGenerator = function DialogGenerator(_ref) {
|
|
|
13492
13492
|
return _onClose && _onClose();
|
|
13493
13493
|
}
|
|
13494
13494
|
}, /*#__PURE__*/React__default.createElement(Dialog.Header, null, /*#__PURE__*/React__default.createElement(Dialog.Title, null, title)), /*#__PURE__*/React__default.createElement(Dialog.CustomContent, null, children), actionButtons.length > 0 && /*#__PURE__*/React__default.createElement(Dialog.Actions, {
|
|
13495
|
-
className: styles$
|
|
13495
|
+
className: styles$h.footer
|
|
13496
13496
|
}, actionButtons.map(function (actionButton, index) {
|
|
13497
13497
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
13498
13498
|
key: index,
|
|
@@ -14425,32 +14425,32 @@ var VariableSizeList = /*#__PURE__*/createListComponent({
|
|
|
14425
14425
|
}
|
|
14426
14426
|
});
|
|
14427
14427
|
|
|
14428
|
-
var css_248z$
|
|
14429
|
-
var styles$
|
|
14430
|
-
styleInject(css_248z$
|
|
14428
|
+
var css_248z$l = ".dropdown-module_dropdownToggleHome__j-1Iw{align-items:center;background-color:var(--dropDownButtonBackground);border:1px solid var(--equiGreen1);color:var(--echoText);display:flex;font-size:1rem;justify-content:space-between;line-height:1.5rem;margin:2.5rem 0;min-width:224px;padding:.5rem;text-align:left;width:auto}@media screen and (min-width:640px){.dropdown-module_dropdownToggleHome__j-1Iw{margin:0}}.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{background:var(--white);box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);display:flex;flex-direction:column;max-height:50vh;max-width:25rem;min-width:170px;padding:var(--small) var(--small) 0 var(--small);position:absolute;width:100%!important;z-index:60}@media screen and (min-width:360px){.dropdown-module_dropdownToggleHome__j-1Iw+.dropdown-module_dropdownDownShow__udQxQ{max-height:60vh}}@media screen and (min-width:640px){.dropdown-module_dropdownSelected__qAhjn{line-height:56px}.dropdown-module_dropdownSelected__qAhjn>svg{height:56px}}.dropdown-module_dropdownSelected__qAhjn{background:none;border:1px solid transparent;font-size:1.5rem;margin:0}.dropdown-module_dropdownToggleHomeActive__-gnJa{background-color:var(--equiGray4);border:1px solid var(--equiGreen1);outline:none}.dropdown-module_dropdownToggleHome__j-1Iw:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdownToggle__2epO-{align-items:center;background-color:var(--equiGray5);border:none;color:var(--echoText);display:flex;justify-content:space-between;padding:8px;text-align:left;width:100%}.dropdown-module_dropdownToggle__2epO-:focus{border:1px solid var(--asBuilt);outline:none;padding:7px}.dropdown-module_dropdownToggle__2epO-:disabled{color:var(--disabledColor);cursor:not-allowed}.dropdown-module_dropdown__dEzjq{background:var(--searchBarBackground);display:none;margin-top:8px;max-height:0;transition:max-height .15s ease-out}.dropdown-module_dropdownUpShow__ybf1P{bottom:calc(100% - 14px);box-shadow:0 -7px 8px rgba(0,0,0,.2),0 -5px 22px rgba(0,0,0,.12),0 -12px 17px rgba(0,0,0,.14)}.dropdown-module_dropdownDownShow__udQxQ,.dropdown-module_dropdownUpShow__ybf1P{background:#fff;display:flex;flex-direction:column;max-height:60vh;padding:var(--small) var(--small) 0 var(--small);position:absolute}.dropdown-module_dropdownDownShow__udQxQ{box-shadow:0 7px 8px rgba(0,0,0,.2),0 5px 22px rgba(0,0,0,.12),0 12px 17px rgba(0,0,0,.14);max-width:25rem;min-width:170px;z-index:60}.dropdown-module_options__MZIK7{min-width:99%}.dropdown-module_optionsItem__taZ-w{background:transparent;border:none;box-sizing:border-box;color:var(--echoText);padding:0 var(--small);padding-left:var(--medium);text-align:left;white-space:normal;width:100%;word-break:break-word}.dropdown-module_optionsItem__taZ-w:focus,.dropdown-module_optionsItem__taZ-w:hover{background-color:#e6faec;color:var(--asBuilt)}.dropdown-module_optionsItem__taZ-w:focus{border:1px solid var(--asBuilt);box-sizing:border-box}.dropdown-module_filteredDataList__mf4zQ{margin-bottom:var(--small);max-height:300px;overflow-y:auto}.dropdown-module_filteredDataListWithSearch__u9ue2{margin-bottom:var(--small);max-height:200px;overflow-y:auto}@media screen and (min-width:360px){.dropdown-module_filteredDataListWithSearch__u9ue2{max-height:300px}}.dropdown-module_searchWrapper__ov0ck{padding:var(--medium)}.dropdown-module_searchWrapper__ov0ck input{outline:none!important}.dropdown-module_floatRight__0lnYV{float:right}";
|
|
14429
|
+
var styles$g = {"dropdownToggleHome":"dropdown-module_dropdownToggleHome__j-1Iw","dropdownDownShow":"dropdown-module_dropdownDownShow__udQxQ","dropdownSelected":"dropdown-module_dropdownSelected__qAhjn","dropdownToggleHomeActive":"dropdown-module_dropdownToggleHomeActive__-gnJa","dropdownToggle":"dropdown-module_dropdownToggle__2epO-","dropdown":"dropdown-module_dropdown__dEzjq","dropdownUpShow":"dropdown-module_dropdownUpShow__ybf1P","options":"dropdown-module_options__MZIK7","optionsItem":"dropdown-module_optionsItem__taZ-w","filteredDataList":"dropdown-module_filteredDataList__mf4zQ","filteredDataListWithSearch":"dropdown-module_filteredDataListWithSearch__u9ue2","searchWrapper":"dropdown-module_searchWrapper__ov0ck","floatRight":"dropdown-module_floatRight__0lnYV"};
|
|
14430
|
+
styleInject(css_248z$l);
|
|
14431
14431
|
|
|
14432
14432
|
var _EchoUtils$Hooks = EchoUtils.Hooks,
|
|
14433
14433
|
useFocus = _EchoUtils$Hooks.useFocus,
|
|
14434
14434
|
useOnOutsideClick = _EchoUtils$Hooks.useOnOutsideClick;
|
|
14435
14435
|
var generateRandomId = EchoUtils.Utils.generateRandomId;
|
|
14436
|
-
/**
|
|
14437
|
-
* Component that renders a dropdown menu, e.g., for a plant selector.
|
|
14438
|
-
* Additional possibility to make the list searchable by adding a search field.
|
|
14439
|
-
* @param {DropdownItemProps} {
|
|
14440
|
-
* selected: The item that is currently selected from the list.
|
|
14441
|
-
* data: The list of data items to be displayed in the dropdown.
|
|
14442
|
-
* placeholder: Placeholder text to be displayed when no item is selected.
|
|
14443
|
-
* openDownWards: Flag which decides if the menu is opened downwards or upwards.
|
|
14444
|
-
* filterFunc: Function which filters the list of data based on the value of the search field.
|
|
14445
|
-
* setSelected: Function for setting the selected item.
|
|
14446
|
-
* isDisabled: Flag which disables the dropdown.
|
|
14447
|
-
* disabledText: The title text that displays when the dropdown is disabled.
|
|
14448
|
-
* variant: Decides which style the dropdown should have. Either default or compact.
|
|
14449
|
-
* showSearch: Flag which decides whether we should include the search field or not.
|
|
14450
|
-
* position: Determines if the dropdown position should be relative or absolute.
|
|
14451
|
-
* triggerOpen: Callback to trigger when the dropdown is opened.
|
|
14452
|
-
* }
|
|
14453
|
-
* @return {*} {JSX.Element} The dropdown component.
|
|
14436
|
+
/**
|
|
14437
|
+
* Component that renders a dropdown menu, e.g., for a plant selector.
|
|
14438
|
+
* Additional possibility to make the list searchable by adding a search field.
|
|
14439
|
+
* @param {DropdownItemProps} {
|
|
14440
|
+
* selected: The item that is currently selected from the list.
|
|
14441
|
+
* data: The list of data items to be displayed in the dropdown.
|
|
14442
|
+
* placeholder: Placeholder text to be displayed when no item is selected.
|
|
14443
|
+
* openDownWards: Flag which decides if the menu is opened downwards or upwards.
|
|
14444
|
+
* filterFunc: Function which filters the list of data based on the value of the search field.
|
|
14445
|
+
* setSelected: Function for setting the selected item.
|
|
14446
|
+
* isDisabled: Flag which disables the dropdown.
|
|
14447
|
+
* disabledText: The title text that displays when the dropdown is disabled.
|
|
14448
|
+
* variant: Decides which style the dropdown should have. Either default or compact.
|
|
14449
|
+
* showSearch: Flag which decides whether we should include the search field or not.
|
|
14450
|
+
* position: Determines if the dropdown position should be relative or absolute.
|
|
14451
|
+
* triggerOpen: Callback to trigger when the dropdown is opened.
|
|
14452
|
+
* }
|
|
14453
|
+
* @return {*} {JSX.Element} The dropdown component.
|
|
14454
14454
|
*/
|
|
14455
14455
|
var Dropdown = function Dropdown(_ref) {
|
|
14456
14456
|
var selected = _ref.selected,
|
|
@@ -14550,7 +14550,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14550
14550
|
}, [filteredData]);
|
|
14551
14551
|
var RenderDropdown = function RenderDropdown() {
|
|
14552
14552
|
var _a, _b;
|
|
14553
|
-
var dropdownShow = openDownWards ? styles$
|
|
14553
|
+
var dropdownShow = openDownWards ? styles$g.dropdownDownShow : styles$g.dropdownUpShow;
|
|
14554
14554
|
var _useFocus = useFocus(),
|
|
14555
14555
|
_useFocus2 = _slicedToArray(_useFocus, 2),
|
|
14556
14556
|
searchInput = _useFocus2[0],
|
|
@@ -14568,12 +14568,12 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14568
14568
|
key: index,
|
|
14569
14569
|
role: "option",
|
|
14570
14570
|
"aria-selected": false,
|
|
14571
|
-
className: styles$
|
|
14571
|
+
className: styles$g.options,
|
|
14572
14572
|
onClick: function onClick(event) {
|
|
14573
14573
|
return handleItemSelected(event, filteredData[index]);
|
|
14574
14574
|
}
|
|
14575
14575
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14576
|
-
className: styles$
|
|
14576
|
+
className: styles$g.optionsItem
|
|
14577
14577
|
}, filteredData[index]));
|
|
14578
14578
|
};
|
|
14579
14579
|
var getItemSize = function getItemSize(index) {
|
|
@@ -14590,16 +14590,16 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14590
14590
|
width: buttonRef && buttonRef.current && ((_a = buttonRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) ? "".concat((_b = buttonRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth, "px") : '100%',
|
|
14591
14591
|
position: position
|
|
14592
14592
|
},
|
|
14593
|
-
className: isOpen ? dropdownShow : styles$
|
|
14593
|
+
className: isOpen ? dropdownShow : styles$g.dropdown
|
|
14594
14594
|
}, showSearch && /*#__PURE__*/React__default.createElement("div", {
|
|
14595
|
-
className: styles$
|
|
14595
|
+
className: styles$g.searchWrapper
|
|
14596
14596
|
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
14597
14597
|
onChange: handleSetFilter,
|
|
14598
14598
|
value: filter,
|
|
14599
14599
|
ref: searchInput,
|
|
14600
14600
|
placeholder: 'Search'
|
|
14601
14601
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14602
|
-
className: filterFunc ? styles$
|
|
14602
|
+
className: filterFunc ? styles$g.filteredDataListWithSearch : styles$g.filteredDataList
|
|
14603
14603
|
}, isOpen && filteredData ? /*#__PURE__*/React__default.createElement(VariableSizeList, {
|
|
14604
14604
|
ref: listRef,
|
|
14605
14605
|
width: width,
|
|
@@ -14613,7 +14613,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14613
14613
|
"data-testid": "dropdown-button",
|
|
14614
14614
|
disabled: isDisabled,
|
|
14615
14615
|
ref: buttonRef,
|
|
14616
|
-
className: [variant === 'compact' ? styles$
|
|
14616
|
+
className: [variant === 'compact' ? styles$g.dropdownToggleHome : styles$g.dropdownToggle, variant === 'compact' && isOpen === true ? styles$g.dropdownToggleHomeActive : '', variant === 'compact' && selected ? styles$g.dropdownSelected : ''].join(' '),
|
|
14617
14617
|
onClick: function onClick(event) {
|
|
14618
14618
|
return handleIsOpenToggle(event);
|
|
14619
14619
|
},
|
|
@@ -14628,33 +14628,33 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
14628
14628
|
})), openDownWards && RenderDropdown());
|
|
14629
14629
|
};
|
|
14630
14630
|
|
|
14631
|
-
var css_248z$
|
|
14632
|
-
var styles$
|
|
14633
|
-
styleInject(css_248z$
|
|
14631
|
+
var css_248z$k = ".echoBottomBar-module_barWrapper__fze7V{display:flex;justify-content:space-between}.echoBottomBar-module_barContainer__E1ga8{align-items:center;background-color:#fff;display:flex;height:48px;justify-content:center;width:100%;z-index:1}@media screen and (orientation:portrait){.echoBottomBar-module_barContainer__E1ga8{border-top:1px solid var(--default)}}@media screen and (orientation:landscape){.echoBottomBar-module_barWrapper__fze7V{height:100%;width:56px}.echoBottomBar-module_barContainer__E1ga8{border-right:1px solid var(--default);flex-direction:column;height:100%;width:56px}}";
|
|
14632
|
+
var styles$f = {"barWrapper":"echoBottomBar-module_barWrapper__fze7V","barContainer":"echoBottomBar-module_barContainer__E1ga8"};
|
|
14633
|
+
styleInject(css_248z$k);
|
|
14634
14634
|
|
|
14635
14635
|
var EchoBottomBar = function EchoBottomBar(_ref) {
|
|
14636
14636
|
var children = _ref.children,
|
|
14637
14637
|
style = _ref.style;
|
|
14638
14638
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14639
|
-
className: styles$
|
|
14639
|
+
className: styles$f.barWrapper
|
|
14640
14640
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14641
|
-
className: styles$
|
|
14641
|
+
className: styles$f.barContainer,
|
|
14642
14642
|
style: style
|
|
14643
14643
|
}, children));
|
|
14644
14644
|
};
|
|
14645
14645
|
|
|
14646
|
-
var css_248z$
|
|
14647
|
-
var style$
|
|
14648
|
-
styleInject(css_248z$
|
|
14646
|
+
var css_248z$j = ".echoCard-module_cardContainer__s5ER9{background:var(--white);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.14),0 3px 4px rgba(0,0,0,.12);display:grid;grid-template-areas:\"date header\" \"date custom\" \"link link\";max-width:400px;overflow:hidden}.echoCard-module_titleSection__H5rYq{align-items:center;display:flex;grid-area:header;justify-content:space-between;padding:16px}.echoCard-module_titlePadding__hdzJs{padding:4px 16px}.echoCard-module_tileHeaderTitle__W0byt{color:var(--asBuilt);text-decoration:underline}.echoCard-module_iconContainer__PFGGY{display:flex}.echoCard-module_iconContainer__PFGGY>div{align-self:center;height:100%}.echoCard-module_dayOfMonth__olic3{font-size:32px;font-weight:500}.echoCard-module_dateSection__fqMCX{background-color:var(--asBuilt);color:#fff;grid-area:date;padding:16px 8px;text-align:center;width:72px}.echoCard-module_dateSection__fqMCX>span,.echoCard-module_dayOfMonth__olic3{color:#fff!important}.echoCard-module_monthText__vqKbw{font-size:14px}.echoCard-module_dateSection__fqMCX>span{font-size:10px;letter-spacing:1.1px;line-height:16px;margin-bottom:8px;text-transform:uppercase}.echoCard-module_date__jAsO6{display:flex;flex-direction:column}.echoCard-module_body__aax8l{grid-area:custom;padding:0 16px 16px}.echoCard-module_bodyText__Oq5UW,.echoCard-module_body__aax8l>div{vertical-align:top;word-break:break-all}.echoCard-module_bodyText__Oq5UW{height:48px;margin-block-end:0;margin-block-start:0;overflow:hidden;width:calc(100% - 32px)}.echoCard-module_childrenWrapper__kfDmU{grid-area:custom}.echoCard-module_linkSection__-muDW{align-items:center;background-color:var(--equiGray5);display:flex;grid-area:link;min-height:48px;padding:0 16px}.echoCard-module_linkSection__-muDW>button,.echoCard-module_linkSection__-muDW>div,.echoCard-module_linkSection__-muDW>span,.echoCard-module_linkSection__-muDW>svg{margin-right:8px}";
|
|
14647
|
+
var style$4 = {"cardContainer":"echoCard-module_cardContainer__s5ER9","titleSection":"echoCard-module_titleSection__H5rYq","titlePadding":"echoCard-module_titlePadding__hdzJs","tileHeaderTitle":"echoCard-module_tileHeaderTitle__W0byt","iconContainer":"echoCard-module_iconContainer__PFGGY","dayOfMonth":"echoCard-module_dayOfMonth__olic3","dateSection":"echoCard-module_dateSection__fqMCX","monthText":"echoCard-module_monthText__vqKbw","date":"echoCard-module_date__jAsO6","body":"echoCard-module_body__aax8l","bodyText":"echoCard-module_bodyText__Oq5UW","childrenWrapper":"echoCard-module_childrenWrapper__kfDmU","linkSection":"echoCard-module_linkSection__-muDW"};
|
|
14648
|
+
styleInject(css_248z$j);
|
|
14649
14649
|
|
|
14650
14650
|
var Body = function Body(_ref) {
|
|
14651
14651
|
var bodyText = _ref.bodyText,
|
|
14652
14652
|
children = _ref.children,
|
|
14653
14653
|
className = _ref.className;
|
|
14654
14654
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14655
|
-
className: "".concat(style$
|
|
14655
|
+
className: "".concat(style$4.body, " ").concat(className)
|
|
14656
14656
|
}, /*#__PURE__*/React__default.createElement("p", {
|
|
14657
|
-
className: style$
|
|
14657
|
+
className: style$4.bodyText
|
|
14658
14658
|
}, bodyText), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
14659
14659
|
};
|
|
14660
14660
|
|
|
@@ -14665,13 +14665,13 @@ var DateSection = function DateSection(_ref) {
|
|
|
14665
14665
|
className = _ref.className;
|
|
14666
14666
|
var months = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
|
|
14667
14667
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14668
|
-
className: "".concat(style$
|
|
14668
|
+
className: "".concat(style$4.dateSection, " ").concat(className)
|
|
14669
14669
|
}, date && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, dateSectionText), /*#__PURE__*/React__default.createElement("div", {
|
|
14670
|
-
className: style$
|
|
14670
|
+
className: style$4.date
|
|
14671
14671
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
14672
|
-
className: style$
|
|
14672
|
+
className: style$4.dayOfMonth
|
|
14673
14673
|
}, " ", new Date(date).getDate()), /*#__PURE__*/React__default.createElement("span", {
|
|
14674
|
-
className: style$
|
|
14674
|
+
className: style$4.monthText
|
|
14675
14675
|
}, months[new Date(date).getMonth()], " ", new Date(date).getFullYear()))), /*#__PURE__*/React__default.createElement("div", null, children));
|
|
14676
14676
|
};
|
|
14677
14677
|
|
|
@@ -14680,7 +14680,7 @@ var EchoCard$1 = function EchoCard(_ref) {
|
|
|
14680
14680
|
className = _ref.className,
|
|
14681
14681
|
style = _ref.style;
|
|
14682
14682
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14683
|
-
className: "".concat(style$
|
|
14683
|
+
className: "".concat(style$4.cardContainer, " ").concat(className),
|
|
14684
14684
|
style: style
|
|
14685
14685
|
}, children);
|
|
14686
14686
|
};
|
|
@@ -14694,7 +14694,7 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
14694
14694
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
14695
14695
|
variant: "ghost_icon",
|
|
14696
14696
|
onClick: icon.onClick,
|
|
14697
|
-
className: style$
|
|
14697
|
+
className: style$4.iconContainer,
|
|
14698
14698
|
key: icon.name
|
|
14699
14699
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
14700
14700
|
color: icon.color,
|
|
@@ -14703,7 +14703,7 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
14703
14703
|
}));
|
|
14704
14704
|
} else {
|
|
14705
14705
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14706
|
-
className: style$
|
|
14706
|
+
className: style$4.iconContainer,
|
|
14707
14707
|
key: icon.name
|
|
14708
14708
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
14709
14709
|
color: icon.color,
|
|
@@ -14713,7 +14713,7 @@ var LinkSection = function LinkSection(_ref) {
|
|
|
14713
14713
|
}
|
|
14714
14714
|
});
|
|
14715
14715
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14716
|
-
className: "".concat(style$
|
|
14716
|
+
className: "".concat(style$4.linkSection, " ").concat(className)
|
|
14717
14717
|
}, children, linkActionSection);
|
|
14718
14718
|
};
|
|
14719
14719
|
|
|
@@ -14748,7 +14748,7 @@ var Title = function Title(_ref) {
|
|
|
14748
14748
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
14749
14749
|
variant: "ghost_icon",
|
|
14750
14750
|
onClick: icon.onClick,
|
|
14751
|
-
className: style$
|
|
14751
|
+
className: style$4.iconContainer,
|
|
14752
14752
|
key: icon.name
|
|
14753
14753
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
14754
14754
|
color: icon.color,
|
|
@@ -14757,7 +14757,7 @@ var Title = function Title(_ref) {
|
|
|
14757
14757
|
}));
|
|
14758
14758
|
} else {
|
|
14759
14759
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14760
|
-
className: style$
|
|
14760
|
+
className: style$4.iconContainer,
|
|
14761
14761
|
key: icon.name
|
|
14762
14762
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
14763
14763
|
color: icon.color,
|
|
@@ -14766,14 +14766,14 @@ var Title = function Title(_ref) {
|
|
|
14766
14766
|
}));
|
|
14767
14767
|
}
|
|
14768
14768
|
});
|
|
14769
|
-
var titleClassNames = classnames$2(style$
|
|
14769
|
+
var titleClassNames = classnames$2(style$4.titleSection, _defineProperty$1({}, style$4.titlePadding, headerIcons && headerIcons.length > 0));
|
|
14770
14770
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14771
14771
|
className: "".concat(titleClassNames, " ").concat(className)
|
|
14772
14772
|
}, /*#__PURE__*/React__default.createElement("span", {
|
|
14773
|
-
className: style$
|
|
14773
|
+
className: style$4.tileHeaderTitle,
|
|
14774
14774
|
onClick: onHeaderClick
|
|
14775
14775
|
}, headerTitle), /*#__PURE__*/React__default.createElement("div", {
|
|
14776
|
-
className: style$
|
|
14776
|
+
className: style$4.iconContainer
|
|
14777
14777
|
}, headerActionSection));
|
|
14778
14778
|
};
|
|
14779
14779
|
|
|
@@ -14783,20 +14783,20 @@ EchoCard.Body = Body;
|
|
|
14783
14783
|
EchoCard.LinkSection = LinkSection;
|
|
14784
14784
|
EchoCard.DateSection = DateSection;
|
|
14785
14785
|
|
|
14786
|
-
var css_248z$
|
|
14787
|
-
var styles$
|
|
14788
|
-
styleInject(css_248z$
|
|
14786
|
+
var css_248z$i = ".echoHeader-module_headerWrapper__1aaPR{background-color:#fff;border-bottom:1px solid var(--equiGray5);display:flex;justify-content:space-between;left:0;padding:8px 88px;position:fixed;right:0;top:0;z-index:1}.echoHeader-module_headerContainer__jHC0e{align-items:center;display:flex;height:47px}.echoHeader-module_moduleIcon__-U7mU{width:48px}.echoHeader-module_titleSection__macuj{align-items:baseline;display:flex;flex-direction:row;width:100%}.echoHeader-module_titleSection__macuj>h2{font-weight:500;margin:0}.echoHeader-module_titleSection__macuj>div,.echoHeader-module_titleSection__macuj>h2{display:inline-block;font-size:16px;line-height:16px;width:auto}.echoHeader-module_moduleTextTitle__CiJzX,.echoHeader-module_plantName__eNNEy{padding-left:8px}.echoHeader-module_customSection__gGG2C{align-items:center;display:flex}";
|
|
14787
|
+
var styles$e = {"headerWrapper":"echoHeader-module_headerWrapper__1aaPR","headerContainer":"echoHeader-module_headerContainer__jHC0e","moduleIcon":"echoHeader-module_moduleIcon__-U7mU","titleSection":"echoHeader-module_titleSection__macuj","moduleTextTitle":"echoHeader-module_moduleTextTitle__CiJzX","plantName":"echoHeader-module_plantName__eNNEy","customSection":"echoHeader-module_customSection__gGG2C"};
|
|
14788
|
+
styleInject(css_248z$i);
|
|
14789
14789
|
|
|
14790
|
-
/**
|
|
14791
|
-
* Component that renders the Echo header
|
|
14792
|
-
*
|
|
14793
|
-
* @param {EchoHeaderProps} {
|
|
14794
|
-
* moduleTitle: the title of the module
|
|
14795
|
-
* moduleIcon: the module Icon
|
|
14796
|
-
* plantName: show the plant name next to the module title
|
|
14797
|
-
* customSection: a section in the header where there can be custom components
|
|
14798
|
-
* }
|
|
14799
|
-
* @returns {*} {JSX.Element} Echo header with custom section
|
|
14790
|
+
/**
|
|
14791
|
+
* Component that renders the Echo header
|
|
14792
|
+
*
|
|
14793
|
+
* @param {EchoHeaderProps} {
|
|
14794
|
+
* moduleTitle: the title of the module
|
|
14795
|
+
* moduleIcon: the module Icon
|
|
14796
|
+
* plantName: show the plant name next to the module title
|
|
14797
|
+
* customSection: a section in the header where there can be custom components
|
|
14798
|
+
* }
|
|
14799
|
+
* @returns {*} {JSX.Element} Echo header with custom section
|
|
14800
14800
|
*/
|
|
14801
14801
|
var EchoHeader = function EchoHeader(_ref) {
|
|
14802
14802
|
var _ref$moduleTitle = _ref.moduleTitle,
|
|
@@ -14808,24 +14808,286 @@ var EchoHeader = function EchoHeader(_ref) {
|
|
|
14808
14808
|
var CustomSection = customHeaderSection;
|
|
14809
14809
|
var ModuleIcon = moduleIcon;
|
|
14810
14810
|
return /*#__PURE__*/React__default.createElement("header", {
|
|
14811
|
-
className: styles$
|
|
14811
|
+
className: styles$e.headerWrapper
|
|
14812
14812
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14813
|
-
className: styles$
|
|
14813
|
+
className: styles$e.headerContainer
|
|
14814
14814
|
}, typeof ModuleIcon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
14815
|
-
className: styles$
|
|
14815
|
+
className: styles$e.moduleIcon,
|
|
14816
14816
|
name: ModuleIcon,
|
|
14817
14817
|
color: themeConst.asBuilt
|
|
14818
14818
|
}) : /*#__PURE__*/React__default.createElement(ModuleIcon, null), /*#__PURE__*/React__default.createElement("div", {
|
|
14819
|
-
className: styles$
|
|
14819
|
+
className: styles$e.titleSection
|
|
14820
14820
|
}, /*#__PURE__*/React__default.createElement("h2", {
|
|
14821
|
-
className: styles$
|
|
14821
|
+
className: styles$e.moduleTextTitle
|
|
14822
14822
|
}, moduleTitle), plantName && /*#__PURE__*/React__default.createElement("div", {
|
|
14823
|
-
className: styles$
|
|
14823
|
+
className: styles$e.plantName
|
|
14824
14824
|
}, '- ' + plantName))), /*#__PURE__*/React__default.createElement("div", {
|
|
14825
|
-
className: styles$
|
|
14825
|
+
className: styles$e.customSection
|
|
14826
14826
|
}, CustomSection && /*#__PURE__*/React__default.createElement(CustomSection, null)));
|
|
14827
14827
|
};
|
|
14828
14828
|
|
|
14829
|
+
var css_248z$h = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init{background:rgba(0,0,0,.65)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:hover{background:rgba(0,0,0,.9)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:active{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
|
|
14830
|
+
var style$3 = {"button":"floatingActionButton-module_button__-08q2","colors":"floatingActionButton-module_colors__0init","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
|
|
14831
|
+
styleInject(css_248z$h);
|
|
14832
|
+
|
|
14833
|
+
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
14834
|
+
switch (echoVariant) {
|
|
14835
|
+
case 'square_icon_with_text':
|
|
14836
|
+
return 'contained';
|
|
14837
|
+
case 'square_icon':
|
|
14838
|
+
case 'circle_icon':
|
|
14839
|
+
default:
|
|
14840
|
+
return 'contained_icon';
|
|
14841
|
+
}
|
|
14842
|
+
};
|
|
14843
|
+
var getEchoVariantStyle = function getEchoVariantStyle(echoVariant) {
|
|
14844
|
+
switch (echoVariant) {
|
|
14845
|
+
case 'circle_icon':
|
|
14846
|
+
return style$3.circle_icon;
|
|
14847
|
+
case 'square_icon':
|
|
14848
|
+
return style$3.square_icon;
|
|
14849
|
+
case 'square_icon_with_text':
|
|
14850
|
+
default:
|
|
14851
|
+
return '';
|
|
14852
|
+
}
|
|
14853
|
+
};
|
|
14854
|
+
/**
|
|
14855
|
+
* Floating actions buttons exists within the viewport, seperated from any sheet, dialog or menu
|
|
14856
|
+
* and are typically used for special actions pertaining to the module they are used in.
|
|
14857
|
+
* @return {*} {JSX.Element} Floating actions button
|
|
14858
|
+
*/
|
|
14859
|
+
var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
14860
|
+
var label = _ref.label,
|
|
14861
|
+
iconName = _ref.iconName,
|
|
14862
|
+
ariaLabel = _ref.ariaLabel,
|
|
14863
|
+
variant = _ref.variant,
|
|
14864
|
+
disabled = _ref.disabled,
|
|
14865
|
+
onClick = _ref.onClick;
|
|
14866
|
+
return /*#__PURE__*/React__default.createElement(Button, {
|
|
14867
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
|
|
14868
|
+
onClick: onClick,
|
|
14869
|
+
className: "".concat(style$3.button, " ").concat(!disabled && style$3.colors, " ").concat(getEchoVariantStyle(variant)),
|
|
14870
|
+
variant: getEdsVariant(variant),
|
|
14871
|
+
disabled: disabled !== null && disabled !== void 0 ? disabled : false
|
|
14872
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
14873
|
+
name: iconName,
|
|
14874
|
+
className: style$3.icon
|
|
14875
|
+
}), variant === 'square_icon_with_text' && label);
|
|
14876
|
+
};
|
|
14877
|
+
|
|
14878
|
+
var css_248z$g = ".floatingSearchBar-module_searchbarWrapper__-sSMM{max-width:344px;position:relative}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]{background:none;box-shadow:none;height:48px}.floatingSearchBar-module_searchbar__0U3fZ div[class^=Input__Container]:focus-within{outline:none}.floatingSearchBar-module_searchbar__0U3fZ input{--eds-input-adornment-color:#fff!important;background:rgba(0,0,0,.65);border-radius:4px;color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ svg{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input::placeholder{color:#dee5e7}.floatingSearchBar-module_searchbar__0U3fZ input:focus,.floatingSearchBar-module_searchbar__0U3fZ input:hover{background:rgba(0,0,0,.9)}.floatingSearchBar-module_searchbar__0U3fZ button{opacity:.6}.floatingSearchBar-module_searchbar__0U3fZ button:hover{background:transparent;opacity:1}.floatingSearchBar-module_searchbar__0U3fZ button:focus{opacity:1;outline-color:var(--white)}.floatingSearchBar-module_items__oxyVh{background:pink;background:rgba(0,0,0,.9);border-radius:4px;color:#fff;font-size:16px;font-style:normal;font-weight:400;line-height:16px;margin-top:4px;padding:8px 0;position:absolute;width:100%}.floatingSearchBar-module_item__nxfxG{padding:1rem 1.5rem}.floatingSearchBar-module_item__nxfxG:hover{background:hsla(0,0%,100%,.16);cursor:pointer}.floatingSearchBar-module_activeItem__IQ7gz{background:hsla(0,0%,100%,.16)}";
|
|
14879
|
+
var style$2 = {"searchbarWrapper":"floatingSearchBar-module_searchbarWrapper__-sSMM","searchbar":"floatingSearchBar-module_searchbar__0U3fZ","items":"floatingSearchBar-module_items__oxyVh","item":"floatingSearchBar-module_item__nxfxG","activeItem":"floatingSearchBar-module_activeItem__IQ7gz"};
|
|
14880
|
+
styleInject(css_248z$g);
|
|
14881
|
+
|
|
14882
|
+
var useEventListener = function useEventListener(eventName, handler, options) {
|
|
14883
|
+
var element = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
14884
|
+
var savedHandler = useRef();
|
|
14885
|
+
useEffect(function () {
|
|
14886
|
+
savedHandler.current = handler;
|
|
14887
|
+
}, [handler]);
|
|
14888
|
+
useEffect(function () {
|
|
14889
|
+
if (!element || !element.addEventListener) {
|
|
14890
|
+
return;
|
|
14891
|
+
}
|
|
14892
|
+
var eventListener = function eventListener(event) {
|
|
14893
|
+
return savedHandler.current(event);
|
|
14894
|
+
};
|
|
14895
|
+
element.addEventListener(eventName, eventListener, options);
|
|
14896
|
+
return function () {
|
|
14897
|
+
element.removeEventListener(eventName, eventListener, options);
|
|
14898
|
+
};
|
|
14899
|
+
}, [eventName, element]);
|
|
14900
|
+
};
|
|
14901
|
+
|
|
14902
|
+
var Keys = {
|
|
14903
|
+
ArrowUp: "up",
|
|
14904
|
+
ArrowRight: "right",
|
|
14905
|
+
ArrowDown: "down",
|
|
14906
|
+
ArrowLeft: "left",
|
|
14907
|
+
Enter: "enter",
|
|
14908
|
+
Escape: "escape"
|
|
14909
|
+
};
|
|
14910
|
+
var useListNavigator = function useListNavigator(listLength) {
|
|
14911
|
+
var initialIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
|
|
14912
|
+
var keyboardEvents = arguments.length > 2 ? arguments[2] : undefined;
|
|
14913
|
+
var listenerTarget = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
14914
|
+
var _useState = useState(initialIndex),
|
|
14915
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
14916
|
+
currIndex = _useState2[0],
|
|
14917
|
+
setCurrIndex = _useState2[1];
|
|
14918
|
+
var downHandler = useCallback(function (e) {
|
|
14919
|
+
setCurrIndex(function (c) {
|
|
14920
|
+
return c < listLength - 1 ? c + 1 : listLength - 1;
|
|
14921
|
+
});
|
|
14922
|
+
}, [listLength]);
|
|
14923
|
+
var upHandler = useCallback(function (e) {
|
|
14924
|
+
setCurrIndex(function (c) {
|
|
14925
|
+
return c < 0 ? -1 : c - 1;
|
|
14926
|
+
});
|
|
14927
|
+
}, [listLength]);
|
|
14928
|
+
var enter = useCallback(function () {
|
|
14929
|
+
if (keyboardEvents === null || keyboardEvents === void 0 ? void 0 : keyboardEvents.enter) {
|
|
14930
|
+
if (currIndex === -1) {
|
|
14931
|
+
return;
|
|
14932
|
+
}
|
|
14933
|
+
keyboardEvents.enter(currIndex);
|
|
14934
|
+
}
|
|
14935
|
+
}, [currIndex, keyboardEvents]);
|
|
14936
|
+
useKeyboardNavigation({
|
|
14937
|
+
up: upHandler,
|
|
14938
|
+
down: downHandler,
|
|
14939
|
+
enter: enter
|
|
14940
|
+
}, listenerTarget);
|
|
14941
|
+
return currIndex;
|
|
14942
|
+
};
|
|
14943
|
+
/**
|
|
14944
|
+
* 1. On open: focus should be undefined/inactive. (list should scroll/show selected item if any).
|
|
14945
|
+
* 2. user presses a key (usually down) - scroll list to focused element, which should be first item
|
|
14946
|
+
* in the first section. Also set focused section.
|
|
14947
|
+
* 3. Potentially jump to last in list if user goes up?
|
|
14948
|
+
*/
|
|
14949
|
+
var useSectionNavigator = function useSectionNavigator(sections, initialSelected, keyboardEvents) {
|
|
14950
|
+
var listenerTarget = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : document;
|
|
14951
|
+
var _useState3 = useState(initialSelected),
|
|
14952
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
14953
|
+
focusedSection = _useState4[0],
|
|
14954
|
+
setFocusedSection = _useState4[1];
|
|
14955
|
+
var _useState5 = useState(initialSelected),
|
|
14956
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
14957
|
+
focusedOption = _useState6[0],
|
|
14958
|
+
setFocusedOption = _useState6[1];
|
|
14959
|
+
var up = useCallback(function () {
|
|
14960
|
+
var nextSection = focusedSection;
|
|
14961
|
+
var nextOption = focusedOption;
|
|
14962
|
+
if (nextOption > 0) {
|
|
14963
|
+
// there exists more options in this section
|
|
14964
|
+
setFocusedOption(nextOption - 1);
|
|
14965
|
+
} else {
|
|
14966
|
+
// we're on the first option in section and should move to a previous section.
|
|
14967
|
+
if (nextSection > 0) {
|
|
14968
|
+
nextSection -= 1;
|
|
14969
|
+
// getting last index of option in section
|
|
14970
|
+
nextOption = sections[nextSection].options.length - 1;
|
|
14971
|
+
setFocusedSection(nextSection);
|
|
14972
|
+
setFocusedOption(nextOption);
|
|
14973
|
+
} else {
|
|
14974
|
+
// if initial is deselected -- we add this step.
|
|
14975
|
+
if (initialSelected === -1 && focusedOption === 0 && focusedSection === 0) {
|
|
14976
|
+
// deselect
|
|
14977
|
+
setFocusedSection(-1);
|
|
14978
|
+
setFocusedOption(-1);
|
|
14979
|
+
} else {
|
|
14980
|
+
// we're at deselected - move user down to end
|
|
14981
|
+
nextSection = sections.length - 1;
|
|
14982
|
+
nextOption = sections[nextSection].options.length - 1;
|
|
14983
|
+
setFocusedSection(nextSection);
|
|
14984
|
+
setFocusedOption(nextOption);
|
|
14985
|
+
}
|
|
14986
|
+
}
|
|
14987
|
+
}
|
|
14988
|
+
}, [sections, focusedSection, focusedOption]);
|
|
14989
|
+
var down = useCallback(function () {
|
|
14990
|
+
var _a, _b;
|
|
14991
|
+
var nextSection = focusedSection;
|
|
14992
|
+
var nextOption = focusedOption;
|
|
14993
|
+
if (nextOption < ((_b = (_a = sections[nextSection]) === null || _a === void 0 ? void 0 : _a.options.length) !== null && _b !== void 0 ? _b : 0) - 1) {
|
|
14994
|
+
setFocusedOption(nextOption + 1);
|
|
14995
|
+
} else {
|
|
14996
|
+
// we're at the end of options in section
|
|
14997
|
+
if (nextSection < sections.length - 1) {
|
|
14998
|
+
// there exists more sections
|
|
14999
|
+
setFocusedSection(nextSection + 1);
|
|
15000
|
+
setFocusedOption(0);
|
|
15001
|
+
} else {
|
|
15002
|
+
// we're at the end of sections - back to start (de-selected).
|
|
15003
|
+
// props says we need a deselected step
|
|
15004
|
+
if (initialSelected === -1) {
|
|
15005
|
+
setFocusedSection(-1);
|
|
15006
|
+
setFocusedOption(-1);
|
|
15007
|
+
} else {
|
|
15008
|
+
setFocusedSection(0);
|
|
15009
|
+
setFocusedOption(0);
|
|
15010
|
+
}
|
|
15011
|
+
}
|
|
15012
|
+
}
|
|
15013
|
+
}, [sections, focusedSection, focusedOption]);
|
|
15014
|
+
var enter = useCallback(function () {
|
|
15015
|
+
if (keyboardEvents.enter) {
|
|
15016
|
+
if (focusedOption === -1 && focusedSection === -1) {
|
|
15017
|
+
return;
|
|
15018
|
+
}
|
|
15019
|
+
keyboardEvents.enter(focusedSection, focusedOption);
|
|
15020
|
+
}
|
|
15021
|
+
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
15022
|
+
var escape = useCallback(function () {
|
|
15023
|
+
keyboardEvents.escape && keyboardEvents.escape();
|
|
15024
|
+
}, [focusedSection, focusedOption, keyboardEvents]);
|
|
15025
|
+
useKeyboardNavigation({
|
|
15026
|
+
up: up,
|
|
15027
|
+
down: down,
|
|
15028
|
+
enter: enter,
|
|
15029
|
+
escape: escape
|
|
15030
|
+
}, listenerTarget);
|
|
15031
|
+
return {
|
|
15032
|
+
focusedSection: focusedSection,
|
|
15033
|
+
focusedOption: focusedOption
|
|
15034
|
+
};
|
|
15035
|
+
};
|
|
15036
|
+
var useKeyboardNavigation = function useKeyboardNavigation(keyboardEvents) {
|
|
15037
|
+
var listenerTarget = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : document;
|
|
15038
|
+
var handleKeyDown = useCallback(function (e) {
|
|
15039
|
+
var key = Keys[e.key];
|
|
15040
|
+
var handler = keyboardEvents[key];
|
|
15041
|
+
if (handler) {
|
|
15042
|
+
handler(e);
|
|
15043
|
+
}
|
|
15044
|
+
}, [keyboardEvents]);
|
|
15045
|
+
useEventListener("keydown", handleKeyDown, false, listenerTarget);
|
|
15046
|
+
};
|
|
15047
|
+
|
|
15048
|
+
var _typeof$2 = {exports: {}};
|
|
15049
|
+
|
|
15050
|
+
(function (module) {
|
|
15051
|
+
function _typeof(obj) {
|
|
15052
|
+
"@babel/helpers - typeof";
|
|
15053
|
+
|
|
15054
|
+
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
15055
|
+
return typeof obj;
|
|
15056
|
+
} : function (obj) {
|
|
15057
|
+
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
15058
|
+
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
15059
|
+
}
|
|
15060
|
+
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
15061
|
+
} (_typeof$2));
|
|
15062
|
+
|
|
15063
|
+
var _typeof$1 = /*@__PURE__*/getDefaultExportFromCjs(_typeof$2.exports);
|
|
15064
|
+
|
|
15065
|
+
function classnames$1() {
|
|
15066
|
+
for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15067
|
+
parts[_key] = arguments[_key];
|
|
15068
|
+
}
|
|
15069
|
+
var classes = parts.filter(Boolean).reduce(function (classes, part) {
|
|
15070
|
+
if (part) {
|
|
15071
|
+
if (Array.isArray(part)) {
|
|
15072
|
+
console.log('classnames does not support array yet!');
|
|
15073
|
+
} else if (_typeof$1(part) === 'object') {
|
|
15074
|
+
for (var key in part) {
|
|
15075
|
+
if (part[key]) {
|
|
15076
|
+
classes.push(key);
|
|
15077
|
+
}
|
|
15078
|
+
}
|
|
15079
|
+
} else if (typeof part === 'string' || typeof part === 'number') {
|
|
15080
|
+
classes.push(part);
|
|
15081
|
+
}
|
|
15082
|
+
}
|
|
15083
|
+
return classes;
|
|
15084
|
+
}, []).join(' ');
|
|
15085
|
+
if (classes) {
|
|
15086
|
+
return classes;
|
|
15087
|
+
}
|
|
15088
|
+
return undefined;
|
|
15089
|
+
}
|
|
15090
|
+
|
|
14829
15091
|
var _path$7, _path2$3;
|
|
14830
15092
|
function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$c.apply(this, arguments); }
|
|
14831
15093
|
var SvgCableIcon = function SvgCableIcon(props) {
|
|
@@ -15070,23 +15332,23 @@ var TagCategoryType;
|
|
|
15070
15332
|
TagCategoryType["JunctionBox"] = "junction box";
|
|
15071
15333
|
TagCategoryType["Administrative"] = "administrative";
|
|
15072
15334
|
})(TagCategoryType || (TagCategoryType = {}));
|
|
15073
|
-
/**
|
|
15074
|
-
* Method that returns the relevant Icon for the tagCategoryDescription provided
|
|
15075
|
-
* Tag icon is the default JSX.Element Icon returned
|
|
15076
|
-
* @export
|
|
15077
|
-
* @param {('electrical'
|
|
15078
|
-
* | 'main equipment'
|
|
15079
|
-
* | 'line'
|
|
15080
|
-
* | 'manual valve'
|
|
15081
|
-
* | 'circuit/starter'
|
|
15082
|
-
* | 'instrument'
|
|
15083
|
-
* | 'cable'
|
|
15084
|
-
* | 'function'
|
|
15085
|
-
* | 'signal'
|
|
15086
|
-
* | 'telecom'
|
|
15087
|
-
* | 'junction box'
|
|
15088
|
-
* | 'administrative'
|
|
15089
|
-
* @return {*} {JSX.Element} Relevant icon for the provided tagCategoryDescription
|
|
15335
|
+
/**
|
|
15336
|
+
* Method that returns the relevant Icon for the tagCategoryDescription provided
|
|
15337
|
+
* Tag icon is the default JSX.Element Icon returned
|
|
15338
|
+
* @export
|
|
15339
|
+
* @param {('electrical'
|
|
15340
|
+
* | 'main equipment'
|
|
15341
|
+
* | 'line'
|
|
15342
|
+
* | 'manual valve'
|
|
15343
|
+
* | 'circuit/starter'
|
|
15344
|
+
* | 'instrument'
|
|
15345
|
+
* | 'cable'
|
|
15346
|
+
* | 'function'
|
|
15347
|
+
* | 'signal'
|
|
15348
|
+
* | 'telecom'
|
|
15349
|
+
* | 'junction box'
|
|
15350
|
+
* | 'administrative'
|
|
15351
|
+
* @return {*} {JSX.Element} Relevant icon for the provided tagCategoryDescription
|
|
15090
15352
|
*/
|
|
15091
15353
|
var TagCategoryIcon = function TagCategoryIcon(_ref) {
|
|
15092
15354
|
var tagCategoryDescription = _ref.tagCategoryDescription;
|
|
@@ -15153,9 +15415,110 @@ function getIcon(tagCategoryDescription) {
|
|
|
15153
15415
|
});
|
|
15154
15416
|
}
|
|
15155
15417
|
|
|
15156
|
-
|
|
15157
|
-
|
|
15158
|
-
|
|
15418
|
+
/**
|
|
15419
|
+
* Floating search bar
|
|
15420
|
+
*
|
|
15421
|
+
* @param {FloatingSearchBarProps} {
|
|
15422
|
+
* }
|
|
15423
|
+
* @return {*} {JSX.Element}
|
|
15424
|
+
*/
|
|
15425
|
+
var FloatingSearchBar = function FloatingSearchBar(_ref) {
|
|
15426
|
+
var ariaLabel = _ref.ariaLabel,
|
|
15427
|
+
placeholder = _ref.placeholder,
|
|
15428
|
+
onSearchQueryChange = _ref.onSearchQueryChange,
|
|
15429
|
+
suggestions = _ref.suggestions,
|
|
15430
|
+
onSuggestionClick = _ref.onSuggestionClick;
|
|
15431
|
+
var _useState = useState(false),
|
|
15432
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
15433
|
+
isOpen = _useState2[0],
|
|
15434
|
+
setIsOpen = _useState2[1];
|
|
15435
|
+
var _useState3 = useState(''),
|
|
15436
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
15437
|
+
value = _useState4[0],
|
|
15438
|
+
setValue = _useState4[1];
|
|
15439
|
+
var containerRef = useRef(null);
|
|
15440
|
+
var openMenu = function openMenu() {
|
|
15441
|
+
setIsOpen(true);
|
|
15442
|
+
};
|
|
15443
|
+
var closeMenu = function closeMenu() {
|
|
15444
|
+
if (isOpen) {
|
|
15445
|
+
setIsOpen(false);
|
|
15446
|
+
}
|
|
15447
|
+
};
|
|
15448
|
+
EchoUtils.Hooks.useOnOutsideClick(closeMenu, {
|
|
15449
|
+
refs: [containerRef]
|
|
15450
|
+
});
|
|
15451
|
+
function onClick(suggestion) {
|
|
15452
|
+
setValue('');
|
|
15453
|
+
closeMenu();
|
|
15454
|
+
onSuggestionClick(suggestion);
|
|
15455
|
+
}
|
|
15456
|
+
return /*#__PURE__*/React__default.createElement("form", {
|
|
15457
|
+
ref: containerRef,
|
|
15458
|
+
className: style$2.searchbarWrapper,
|
|
15459
|
+
onFocus: function onFocus() {
|
|
15460
|
+
return openMenu();
|
|
15461
|
+
},
|
|
15462
|
+
autoComplete: 'off',
|
|
15463
|
+
onSubmit: function onSubmit(e) {
|
|
15464
|
+
return e.preventDefault();
|
|
15465
|
+
}
|
|
15466
|
+
}, /*#__PURE__*/React__default.createElement(Search, {
|
|
15467
|
+
id: 'search',
|
|
15468
|
+
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : 'Search',
|
|
15469
|
+
placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : 'Search',
|
|
15470
|
+
"aria-controls": "menu-default",
|
|
15471
|
+
"aria-haspopup": "true",
|
|
15472
|
+
className: style$2.searchbar,
|
|
15473
|
+
onChange: function onChange(e) {
|
|
15474
|
+
var value = e.target.value;
|
|
15475
|
+
setValue(value);
|
|
15476
|
+
onSearchQueryChange(value);
|
|
15477
|
+
if (value === '') {
|
|
15478
|
+
closeMenu();
|
|
15479
|
+
} else if (!isOpen) {
|
|
15480
|
+
openMenu();
|
|
15481
|
+
}
|
|
15482
|
+
},
|
|
15483
|
+
value: value
|
|
15484
|
+
}), isOpen && suggestions && suggestions.length > 0 && /*#__PURE__*/React__default.createElement(Suggestions, {
|
|
15485
|
+
suggestions: suggestions,
|
|
15486
|
+
containerRef: containerRef.current,
|
|
15487
|
+
onClick: onClick
|
|
15488
|
+
}));
|
|
15489
|
+
};
|
|
15490
|
+
function Suggestions(_ref2) {
|
|
15491
|
+
var suggestions = _ref2.suggestions,
|
|
15492
|
+
_onClick = _ref2.onClick,
|
|
15493
|
+
containerRef = _ref2.containerRef;
|
|
15494
|
+
var _a;
|
|
15495
|
+
var currentIndex = useListNavigator((_a = suggestions === null || suggestions === void 0 ? void 0 : suggestions.length) !== null && _a !== void 0 ? _a : 0, -1, {
|
|
15496
|
+
enter: function enter(index) {
|
|
15497
|
+
var clickedSuggestion = suggestions === null || suggestions === void 0 ? void 0 : suggestions[index];
|
|
15498
|
+
clickedSuggestion && _onClick(clickedSuggestion);
|
|
15499
|
+
}
|
|
15500
|
+
}, containerRef !== null && containerRef !== void 0 ? containerRef : undefined);
|
|
15501
|
+
return /*#__PURE__*/React__default.createElement("ul", {
|
|
15502
|
+
role: 'listbox',
|
|
15503
|
+
className: style$2.items,
|
|
15504
|
+
"aria-expanded": true
|
|
15505
|
+
}, suggestions === null || suggestions === void 0 ? void 0 : suggestions.map(function (suggestion, index) {
|
|
15506
|
+
var className = classnames$1(style$2.item, _defineProperty$1({}, style$2.activeItem, currentIndex === index));
|
|
15507
|
+
return /*#__PURE__*/React__default.createElement("li", {
|
|
15508
|
+
role: 'option',
|
|
15509
|
+
id: suggestion.id,
|
|
15510
|
+
className: className,
|
|
15511
|
+
onClick: function onClick(e) {
|
|
15512
|
+
_onClick(suggestion);
|
|
15513
|
+
},
|
|
15514
|
+
key: suggestion.id
|
|
15515
|
+
}, suggestion.label);
|
|
15516
|
+
}));
|
|
15517
|
+
}
|
|
15518
|
+
|
|
15519
|
+
var css_248z$f = ".inlineTagIconLink-module_tagButtonNoHover__tds0f,.inlineTagIconLink-module_tagButton__VttNW{cursor:pointer;display:flex!important;height:auto;min-height:64px;min-width:215px;padding:.5rem!important;width:100%}.inlineTagIconLink-module_tagButtonNoHover__tds0f:hover{background:none!important}.inlineTagIconLink-module_textContainer__NRkCB{flex:1 1 auto;text-align:left}.inlineTagIconLink-module_description__uN2V-{-webkit-line-clamp:2;color:var(--echoText)!important;font-size:10px!important;font-weight:500!important;word-break:break-word}.inlineTagIconLink-module_description__uN2V-,.inlineTagIconLink-module_tag__IuyCt{-webkit-box-orient:vertical;display:-webkit-box;line-height:1em;overflow:hidden;text-overflow:ellipsis}.inlineTagIconLink-module_tag__IuyCt{-webkit-line-clamp:1;word-break:break-all}.inlineTagIconLink-module_icon__tYgTF{border-radius:10rem;box-sizing:border-box;flex:1 1 auto;height:40px;margin-right:.25rem;padding:.5rem;position:relative;width:40px}";
|
|
15520
|
+
var styles$d = {"tagButton":"inlineTagIconLink-module_tagButton__VttNW","tagButtonNoHover":"inlineTagIconLink-module_tagButtonNoHover__tds0f","textContainer":"inlineTagIconLink-module_textContainer__NRkCB","description":"inlineTagIconLink-module_description__uN2V-","tag":"inlineTagIconLink-module_tag__IuyCt","icon":"inlineTagIconLink-module_icon__tYgTF"};
|
|
15521
|
+
styleInject(css_248z$f);
|
|
15159
15522
|
|
|
15160
15523
|
var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
15161
15524
|
var onClickHandler = _ref.onClickHandler,
|
|
@@ -15176,7 +15539,7 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15176
15539
|
return iconToShow;
|
|
15177
15540
|
}
|
|
15178
15541
|
};
|
|
15179
|
-
var buttonStyle = disableHover ? styles$
|
|
15542
|
+
var buttonStyle = disableHover ? styles$d.tagButtonNoHover : styles$d.tagButton;
|
|
15180
15543
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
15181
15544
|
variant: 'ghost',
|
|
15182
15545
|
onClick: onClickHandler,
|
|
@@ -15185,64 +15548,21 @@ var InlineTagIconLink = function InlineTagIconLink(_ref) {
|
|
|
15185
15548
|
style: {
|
|
15186
15549
|
background: legendColor
|
|
15187
15550
|
},
|
|
15188
|
-
className: styles$
|
|
15551
|
+
className: styles$d.icon
|
|
15189
15552
|
}, tagCategoryDescription && getIcon(tagCategoryDescription !== null && tagCategoryDescription !== void 0 ? tagCategoryDescription : ''), !tagCategoryDescription && icon && showEDSOrCustomIcon(icon)), /*#__PURE__*/React__default.createElement("div", {
|
|
15190
|
-
className: styles$
|
|
15553
|
+
className: styles$d.textContainer
|
|
15191
15554
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
15192
15555
|
variant: "body_short_link",
|
|
15193
|
-
className: styles$
|
|
15556
|
+
className: styles$d.tag
|
|
15194
15557
|
}, tagNo), /*#__PURE__*/React__default.createElement(Typography, {
|
|
15195
|
-
className: styles$
|
|
15558
|
+
className: styles$d.description,
|
|
15196
15559
|
variant: "body_short"
|
|
15197
15560
|
}, description)));
|
|
15198
15561
|
};
|
|
15199
15562
|
|
|
15200
|
-
var
|
|
15201
|
-
|
|
15202
|
-
(
|
|
15203
|
-
function _typeof(obj) {
|
|
15204
|
-
"@babel/helpers - typeof";
|
|
15205
|
-
|
|
15206
|
-
return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
15207
|
-
return typeof obj;
|
|
15208
|
-
} : function (obj) {
|
|
15209
|
-
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
15210
|
-
}, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(obj);
|
|
15211
|
-
}
|
|
15212
|
-
module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
15213
|
-
} (_typeof$2));
|
|
15214
|
-
|
|
15215
|
-
var _typeof$1 = /*@__PURE__*/getDefaultExportFromCjs(_typeof$2.exports);
|
|
15216
|
-
|
|
15217
|
-
function classnames$1() {
|
|
15218
|
-
for (var _len = arguments.length, parts = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
15219
|
-
parts[_key] = arguments[_key];
|
|
15220
|
-
}
|
|
15221
|
-
var classes = parts.filter(Boolean).reduce(function (classes, part) {
|
|
15222
|
-
if (part) {
|
|
15223
|
-
if (Array.isArray(part)) {
|
|
15224
|
-
console.log('classnames does not support array yet!');
|
|
15225
|
-
} else if (_typeof$1(part) === 'object') {
|
|
15226
|
-
for (var key in part) {
|
|
15227
|
-
if (part[key]) {
|
|
15228
|
-
classes.push(key);
|
|
15229
|
-
}
|
|
15230
|
-
}
|
|
15231
|
-
} else if (typeof part === 'string' || typeof part === 'number') {
|
|
15232
|
-
classes.push(part);
|
|
15233
|
-
}
|
|
15234
|
-
}
|
|
15235
|
-
return classes;
|
|
15236
|
-
}, []).join(' ');
|
|
15237
|
-
if (classes) {
|
|
15238
|
-
return classes;
|
|
15239
|
-
}
|
|
15240
|
-
return undefined;
|
|
15241
|
-
}
|
|
15242
|
-
|
|
15243
|
-
var css_248z$d = ".listItem-module_flexContainer__coznC{display:flex;flex-flow:row nowrap;justify-content:flex-start}.listItem-module_container__sivKu{align-items:center;box-sizing:border-box;gap:.5rem;min-height:48px;padding:0 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--default);cursor:pointer}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
15244
|
-
var styles$a = {"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"};
|
|
15245
|
-
styleInject(css_248z$d);
|
|
15563
|
+
var css_248z$e = ".listItem-module_flexContainer__coznC{display:flex;flex-flow:row nowrap;justify-content:flex-start}.listItem-module_container__sivKu{align-items:center;box-sizing:border-box;gap:.5rem;min-height:48px;padding:0 1rem}.listItem-module_listItemContainer__MtMLQ{border-bottom:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:first-child{border-top:1px solid var(--default)}.listItem-module_hoverItem__bPUhP:hover{background-color:var(--default);cursor:pointer}.listItem-module_infoContainer__V0R7i{align-items:center;display:grid;flex-grow:1;gap:.2rem;grid-template-columns:1fr}.listItem-module_icon__lHCt6{align-items:center;border-radius:50%;display:flex;flex-direction:column;justify-content:center;padding:.5rem;width:max-content}";
|
|
15564
|
+
var styles$c = {"flexContainer":"listItem-module_flexContainer__coznC","container":"listItem-module_container__sivKu listItem-module_flexContainer__coznC","listItemContainer":"listItem-module_listItemContainer__MtMLQ listItem-module_container__sivKu listItem-module_flexContainer__coznC","hoverItem":"listItem-module_hoverItem__bPUhP","infoContainer":"listItem-module_infoContainer__V0R7i","icon":"listItem-module_icon__lHCt6"};
|
|
15565
|
+
styleInject(css_248z$e);
|
|
15246
15566
|
|
|
15247
15567
|
function ListItem(props) {
|
|
15248
15568
|
var _a;
|
|
@@ -15254,13 +15574,13 @@ function ListItem(props) {
|
|
|
15254
15574
|
var caption = resolvePropToComponent('caption', props.caption);
|
|
15255
15575
|
// Container styling
|
|
15256
15576
|
var Container = (_a = props.as) !== null && _a !== void 0 ? _a : 'li';
|
|
15257
|
-
var containerClassNames = classnames$1(styles$
|
|
15577
|
+
var containerClassNames = classnames$1(styles$c.listItemContainer, _defineProperty$1({}, styles$c.hoverItem, Container === 'li'), props.className);
|
|
15258
15578
|
return /*#__PURE__*/React__default.createElement(Container, {
|
|
15259
15579
|
className: containerClassNames,
|
|
15260
15580
|
style: props.style,
|
|
15261
15581
|
onClick: props.onCardClick
|
|
15262
15582
|
}, props.listAction, props.visual, props.icon && /*#__PURE__*/React__default.createElement("div", {
|
|
15263
|
-
className: styles$
|
|
15583
|
+
className: styles$c.icon,
|
|
15264
15584
|
style: {
|
|
15265
15585
|
backgroundColor: props.icon.backgroundColor,
|
|
15266
15586
|
margin: props.icon.backgroundColor ? '0.5rem 0' : ''
|
|
@@ -15269,7 +15589,7 @@ function ListItem(props) {
|
|
|
15269
15589
|
name: props.icon.name,
|
|
15270
15590
|
color: props.icon.color
|
|
15271
15591
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15272
|
-
className: styles$
|
|
15592
|
+
className: styles$c.infoContainer
|
|
15273
15593
|
}, primary, secondary, tertiary), caption, props.itemAction);
|
|
15274
15594
|
}
|
|
15275
15595
|
function resolvePropToComponent(variant, prop, group) {
|
|
@@ -15287,55 +15607,6 @@ function resolvePropToComponent(variant, prop, group) {
|
|
|
15287
15607
|
}
|
|
15288
15608
|
}
|
|
15289
15609
|
|
|
15290
|
-
var css_248z$c = ".floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init{background:rgba(0,0,0,.65)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:hover{background:rgba(0,0,0,.9)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_colors__0init:active{background:var(--equiGreen3);border:1px solid var(--echoText);color:var(--echoText)}.floatingActionButton-module_button__-08q2.floatingActionButton-module_circle_icon__mdkpf{min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ{border-radius:4px;min-height:48px;min-width:48px}.floatingActionButton-module_button__-08q2.floatingActionButton-module_square_icon__aAEVQ:hover{border-radius:4px}";
|
|
15291
|
-
var style$2 = {"button":"floatingActionButton-module_button__-08q2","colors":"floatingActionButton-module_colors__0init","circle_icon":"floatingActionButton-module_circle_icon__mdkpf","square_icon":"floatingActionButton-module_square_icon__aAEVQ"};
|
|
15292
|
-
styleInject(css_248z$c);
|
|
15293
|
-
|
|
15294
|
-
var getEdsVariant = function getEdsVariant(echoVariant) {
|
|
15295
|
-
switch (echoVariant) {
|
|
15296
|
-
case 'square_icon_with_text':
|
|
15297
|
-
return 'contained';
|
|
15298
|
-
case 'square_icon':
|
|
15299
|
-
case 'circle_icon':
|
|
15300
|
-
default:
|
|
15301
|
-
return 'contained_icon';
|
|
15302
|
-
}
|
|
15303
|
-
};
|
|
15304
|
-
var getEchoVariantStyle = function getEchoVariantStyle(echoVariant) {
|
|
15305
|
-
switch (echoVariant) {
|
|
15306
|
-
case 'circle_icon':
|
|
15307
|
-
return style$2.circle_icon;
|
|
15308
|
-
case 'square_icon':
|
|
15309
|
-
return style$2.square_icon;
|
|
15310
|
-
case 'square_icon_with_text':
|
|
15311
|
-
default:
|
|
15312
|
-
return '';
|
|
15313
|
-
}
|
|
15314
|
-
};
|
|
15315
|
-
/**
|
|
15316
|
-
* Floating actions buttons exists within the viewport, seperated from any sheet, dialog or menu
|
|
15317
|
-
* and are typically used for special actions pertaining to the module they are used in.
|
|
15318
|
-
* @return {*} {JSX.Element} Floating actions button
|
|
15319
|
-
*/
|
|
15320
|
-
var FloatingActionButton = function FloatingActionButton(_ref) {
|
|
15321
|
-
var label = _ref.label,
|
|
15322
|
-
iconName = _ref.iconName,
|
|
15323
|
-
ariaLabel = _ref.ariaLabel,
|
|
15324
|
-
variant = _ref.variant,
|
|
15325
|
-
disabled = _ref.disabled,
|
|
15326
|
-
onClick = _ref.onClick;
|
|
15327
|
-
return /*#__PURE__*/React__default.createElement(Button, {
|
|
15328
|
-
"aria-label": ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : label,
|
|
15329
|
-
onClick: onClick,
|
|
15330
|
-
className: "".concat(style$2.button, " ").concat(!disabled && style$2.colors, " ").concat(getEchoVariantStyle(variant)),
|
|
15331
|
-
variant: getEdsVariant(variant),
|
|
15332
|
-
disabled: disabled !== null && disabled !== void 0 ? disabled : false
|
|
15333
|
-
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
15334
|
-
name: iconName,
|
|
15335
|
-
className: style$2.icon
|
|
15336
|
-
}), variant === 'square_icon_with_text' && label);
|
|
15337
|
-
};
|
|
15338
|
-
|
|
15339
15610
|
var dist = {exports: {}};
|
|
15340
15611
|
|
|
15341
15612
|
/**!
|
|
@@ -19634,15 +19905,15 @@ Please read the updated README.md at https://github.com/SortableJS/react-sortabl
|
|
|
19634
19905
|
} (dist));
|
|
19635
19906
|
|
|
19636
19907
|
var DraggableHandleSelector = 'globalDraggableHandle';
|
|
19637
|
-
/**
|
|
19638
|
-
* Component that renders a wrapper for items that are draggable
|
|
19639
|
-
*
|
|
19640
|
-
* @param {DraggableItemsWrapperProps} {
|
|
19641
|
-
* style: style element to override wrapper style
|
|
19642
|
-
* onChange: method that will be called when elements have be reordered inside the wrapper
|
|
19643
|
-
* children: list of elements that can be reordered
|
|
19644
|
-
* }
|
|
19645
|
-
* @return {*} {JSX.Element}
|
|
19908
|
+
/**
|
|
19909
|
+
* Component that renders a wrapper for items that are draggable
|
|
19910
|
+
*
|
|
19911
|
+
* @param {DraggableItemsWrapperProps} {
|
|
19912
|
+
* style: style element to override wrapper style
|
|
19913
|
+
* onChange: method that will be called when elements have be reordered inside the wrapper
|
|
19914
|
+
* children: list of elements that can be reordered
|
|
19915
|
+
* }
|
|
19916
|
+
* @return {*} {JSX.Element}
|
|
19646
19917
|
*/
|
|
19647
19918
|
var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
19648
19919
|
var style = _ref.style,
|
|
@@ -19683,20 +19954,20 @@ var DraggableItemsWrapper = function DraggableItemsWrapper(_ref) {
|
|
|
19683
19954
|
})));
|
|
19684
19955
|
};
|
|
19685
19956
|
|
|
19686
|
-
var css_248z$
|
|
19687
|
-
var styles$
|
|
19688
|
-
styleInject(css_248z$
|
|
19957
|
+
var css_248z$d = ".radioButton-module_buttonWrapper__gzYAz span,.radioButton-module_header__f6AoN{font-weight:500!important}.radioButton-module_buttonWrapper__gzYAz{display:flex;justify-content:space-between;margin:10px auto 0;max-width:230px}.radioButton-module_buttonWrapper__gzYAz label{color:#000;display:flex;flex-direction:column;font-size:14px}";
|
|
19958
|
+
var styles$b = {"header":"radioButton-module_header__f6AoN","buttonWrapper":"radioButton-module_buttonWrapper__gzYAz"};
|
|
19959
|
+
styleInject(css_248z$d);
|
|
19689
19960
|
|
|
19690
|
-
/**
|
|
19691
|
-
* Component that renders a Radio Button Group with a set of options to choose from
|
|
19692
|
-
*
|
|
19693
|
-
* @param {RadioButtonGroupProps} {
|
|
19694
|
-
* title: The title of the radio button group,
|
|
19695
|
-
* options: List of items to be displayed as options,
|
|
19696
|
-
* style: Style element to override wrapper style,
|
|
19697
|
-
* onSelected: Method to be called when the selected value is changed
|
|
19698
|
-
* }
|
|
19699
|
-
* @return {*} {JSX.Element}
|
|
19961
|
+
/**
|
|
19962
|
+
* Component that renders a Radio Button Group with a set of options to choose from
|
|
19963
|
+
*
|
|
19964
|
+
* @param {RadioButtonGroupProps} {
|
|
19965
|
+
* title: The title of the radio button group,
|
|
19966
|
+
* options: List of items to be displayed as options,
|
|
19967
|
+
* style: Style element to override wrapper style,
|
|
19968
|
+
* onSelected: Method to be called when the selected value is changed
|
|
19969
|
+
* }
|
|
19970
|
+
* @return {*} {JSX.Element}
|
|
19700
19971
|
*/
|
|
19701
19972
|
var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
19702
19973
|
var title = _ref.title,
|
|
@@ -19707,9 +19978,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19707
19978
|
style: style
|
|
19708
19979
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
19709
19980
|
variant: "body_short",
|
|
19710
|
-
className: styles$
|
|
19981
|
+
className: styles$b.header
|
|
19711
19982
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
19712
|
-
className: styles$
|
|
19983
|
+
className: styles$b.buttonWrapper
|
|
19713
19984
|
}, options.map(function (option, index) {
|
|
19714
19985
|
return /*#__PURE__*/React__default.createElement(Radio, {
|
|
19715
19986
|
key: index,
|
|
@@ -19722,9 +19993,9 @@ var RadioButtonGroup = function RadioButtonGroup(_ref) {
|
|
|
19722
19993
|
})));
|
|
19723
19994
|
};
|
|
19724
19995
|
|
|
19725
|
-
var css_248z$
|
|
19996
|
+
var css_248z$c = ".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)}";
|
|
19726
19997
|
var style$1 = {"pageMenuButton":"roundIconButton-module_pageMenuButton__KIxry","toggleButton":"roundIconButton-module_toggleButton__pmI4P","activeButton":"roundIconButton-module_activeButton__JJoxc"};
|
|
19727
|
-
styleInject(css_248z$
|
|
19998
|
+
styleInject(css_248z$c);
|
|
19728
19999
|
|
|
19729
20000
|
var RoundIconButtonVariants;
|
|
19730
20001
|
(function (RoundIconButtonVariants) {
|
|
@@ -19756,23 +20027,23 @@ var RoundIconButton = function RoundIconButton(_ref) {
|
|
|
19756
20027
|
}, mutateIcon(variant));
|
|
19757
20028
|
};
|
|
19758
20029
|
|
|
19759
|
-
var css_248z$
|
|
19760
|
-
var styles$
|
|
19761
|
-
styleInject(css_248z$
|
|
20030
|
+
var css_248z$b = ".sliderField-module_sliderField__gp6ce{display:flex;flex-direction:column;margin:0 0 30px}.sliderField-module_sliderField__gp6ce output,.sliderField-module_sliderField__gp6ce p,.sliderField-module_sliderField__gp6ce span{font-weight:500}.sliderField-module_sliderWrapper__pAwLd{margin:10px auto 0;text-align:center;width:230px}.sliderField-module_sliderWrapper__pAwLd span{display:none}.sliderField-module_sliderWrapper__pAwLd output{font-size:16px}.sliderField-module_sliderWrapper__pAwLd div{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg\"><rect y=\"11\" fill=\"%23DEEDEE\" width=\"100%\" height=\"4\" rx=\"2\"/></svg>')}";
|
|
20031
|
+
var styles$a = {"sliderField":"sliderField-module_sliderField__gp6ce","sliderWrapper":"sliderField-module_sliderWrapper__pAwLd"};
|
|
20032
|
+
styleInject(css_248z$b);
|
|
19762
20033
|
|
|
19763
|
-
/**
|
|
19764
|
-
* Component that renders a slider with numeric or custom values
|
|
19765
|
-
*
|
|
19766
|
-
* @param {SliderFieldProps} {
|
|
19767
|
-
* value: Current value of the slider,
|
|
19768
|
-
* min: Minimum value of the slider,
|
|
19769
|
-
* max: Maximum value of the slider,
|
|
19770
|
-
* labels: List of labels to use if the slider should not display numeric values,
|
|
19771
|
-
* title: Text shown as title of the slider,
|
|
19772
|
-
* onChange: Method that will be called if the slider value is changed,
|
|
19773
|
-
* style: style element to override wrapper style
|
|
19774
|
-
* }
|
|
19775
|
-
* @return {*} {JSX.Element}
|
|
20034
|
+
/**
|
|
20035
|
+
* Component that renders a slider with numeric or custom values
|
|
20036
|
+
*
|
|
20037
|
+
* @param {SliderFieldProps} {
|
|
20038
|
+
* value: Current value of the slider,
|
|
20039
|
+
* min: Minimum value of the slider,
|
|
20040
|
+
* max: Maximum value of the slider,
|
|
20041
|
+
* labels: List of labels to use if the slider should not display numeric values,
|
|
20042
|
+
* title: Text shown as title of the slider,
|
|
20043
|
+
* onChange: Method that will be called if the slider value is changed,
|
|
20044
|
+
* style: style element to override wrapper style
|
|
20045
|
+
* }
|
|
20046
|
+
* @return {*} {JSX.Element}
|
|
19776
20047
|
*/
|
|
19777
20048
|
var SliderField = function SliderField(_ref) {
|
|
19778
20049
|
var value = _ref.value,
|
|
@@ -19786,12 +20057,12 @@ var SliderField = function SliderField(_ref) {
|
|
|
19786
20057
|
return labelsAsParam[currentValue];
|
|
19787
20058
|
};
|
|
19788
20059
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
19789
|
-
className: styles$
|
|
20060
|
+
className: styles$a.sliderField,
|
|
19790
20061
|
style: style
|
|
19791
20062
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
19792
20063
|
variant: "body_short"
|
|
19793
20064
|
}, title), /*#__PURE__*/React__default.createElement("div", {
|
|
19794
|
-
className: styles$
|
|
20065
|
+
className: styles$a.sliderWrapper
|
|
19795
20066
|
}, !labels || labels && labels.length === 0 ? /*#__PURE__*/React__default.createElement(Slider, {
|
|
19796
20067
|
value: value,
|
|
19797
20068
|
min: min,
|
|
@@ -19814,20 +20085,20 @@ var SliderField = function SliderField(_ref) {
|
|
|
19814
20085
|
})));
|
|
19815
20086
|
};
|
|
19816
20087
|
|
|
19817
|
-
var css_248z$
|
|
19818
|
-
var styles$
|
|
19819
|
-
styleInject(css_248z$
|
|
20088
|
+
var css_248z$a = ".textIconButton-module_button__9s6rE{align-items:center;border-radius:5px;display:flex;flex-direction:column;height:93px;justify-content:center;overflow:hidden;padding:3px;position:relative;width:93px}.textIconButton-module_button__9s6rE:active,.textIconButton-module_button__9s6rE:focus{background-color:var(--equiGreen3)}.textIconButton-module_button__9s6rE:hover{background-color:#c3f3d2}.textIconButton-module_button__9s6rE svg{margin:0 0 2px;z-index:2}.textIconButton-module_text__hw0bg{position:relative;text-align:center!important;z-index:2}";
|
|
20089
|
+
var styles$9 = {"button":"textIconButton-module_button__9s6rE","text":"textIconButton-module_text__hw0bg"};
|
|
20090
|
+
styleInject(css_248z$a);
|
|
19820
20091
|
|
|
19821
|
-
/**
|
|
19822
|
-
* Component that renders a button with the icon and the text provided
|
|
19823
|
-
*
|
|
19824
|
-
* @param {TextIconButtonProps} {
|
|
19825
|
-
* icon: the name of the icon to display
|
|
19826
|
-
* title: the title text that the button should display
|
|
19827
|
-
* onClick: the function that will be called when user clicks the button
|
|
19828
|
-
* style: Optional parameter that will override the button style
|
|
19829
|
-
* }
|
|
19830
|
-
* @return {*} {JSX.Element} A button with the provided icon and text
|
|
20092
|
+
/**
|
|
20093
|
+
* Component that renders a button with the icon and the text provided
|
|
20094
|
+
*
|
|
20095
|
+
* @param {TextIconButtonProps} {
|
|
20096
|
+
* icon: the name of the icon to display
|
|
20097
|
+
* title: the title text that the button should display
|
|
20098
|
+
* onClick: the function that will be called when user clicks the button
|
|
20099
|
+
* style: Optional parameter that will override the button style
|
|
20100
|
+
* }
|
|
20101
|
+
* @return {*} {JSX.Element} A button with the provided icon and text
|
|
19831
20102
|
*/
|
|
19832
20103
|
var TextIconButton = function TextIconButton(_ref) {
|
|
19833
20104
|
var icon = _ref.icon,
|
|
@@ -19836,7 +20107,7 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
19836
20107
|
style = _ref.style;
|
|
19837
20108
|
var CustomIcon = icon;
|
|
19838
20109
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
19839
|
-
className: styles$
|
|
20110
|
+
className: styles$9.button,
|
|
19840
20111
|
onClick: onClick,
|
|
19841
20112
|
style: style
|
|
19842
20113
|
}, typeof icon == 'string' ? /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -19845,33 +20116,33 @@ var TextIconButton = function TextIconButton(_ref) {
|
|
|
19845
20116
|
color: themeConst.asBuilt,
|
|
19846
20117
|
size: 40
|
|
19847
20118
|
}) : /*#__PURE__*/React__default.createElement(CustomIcon, null), /*#__PURE__*/React__default.createElement(Typography, {
|
|
19848
|
-
className: styles$
|
|
20119
|
+
className: styles$9.text,
|
|
19849
20120
|
color: themeConst.asBuilt
|
|
19850
20121
|
}, title));
|
|
19851
20122
|
};
|
|
19852
20123
|
|
|
19853
|
-
var css_248z$
|
|
19854
|
-
var styles$
|
|
19855
|
-
styleInject(css_248z$
|
|
20124
|
+
var css_248z$9 = ".listRow-module_wrapper__j5Czq{border-bottom:1px solid #dcdcdc;display:flex;flex-direction:column}.listRow-module_row__5taKB{align-items:stretch;display:flex;justify-content:space-between;min-height:48px}.listRow-module_infoCol__fSiO5{display:flex;margin:auto 0}.listRow-module_draggable__WoQYD{align-items:center;cursor:pointer;display:flex}.listRow-module_info__fX3UU{display:flex;flex-direction:column;justify-content:center;margin-left:var(--medium)}.listRow-module_info__fX3UU p{font-size:14px}.listRow-module_iconCol__A4oE0{align-items:stretch;display:flex}.listRow-module_activeIconButton__GdFjq{background-color:var(--equiGreen3)}.listRow-module_activeIconButton__GdFjq,.listRow-module_iconButton__j9G0z{align-items:center;display:flex;padding:0 12px}.listRow-module_iconButton__j9G0z:hover{background-color:#c3f3d2}.listRow-module_iconButton__j9G0z:active,.listRow-module_iconButton__j9G0z:focus{background-color:var(--equiGreen3)}.listRow-module_expandedRow__DdJu5{align-items:stretch;background-color:var(--equiGreen3);display:flex;justify-content:flex-end;min-height:48px}.listRow-module_close__gdtqH{align-items:center;cursor:pointer;display:flex;justify-content:center;width:54px}";
|
|
20125
|
+
var styles$8 = {"wrapper":"listRow-module_wrapper__j5Czq","row":"listRow-module_row__5taKB","infoCol":"listRow-module_infoCol__fSiO5","draggable":"listRow-module_draggable__WoQYD","info":"listRow-module_info__fX3UU","iconCol":"listRow-module_iconCol__A4oE0","activeIconButton":"listRow-module_activeIconButton__GdFjq","iconButton":"listRow-module_iconButton__j9G0z","expandedRow":"listRow-module_expandedRow__DdJu5","close":"listRow-module_close__gdtqH"};
|
|
20126
|
+
styleInject(css_248z$9);
|
|
19856
20127
|
|
|
19857
|
-
/**
|
|
19858
|
-
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
19859
|
-
*
|
|
19860
|
-
* @param {ListRowProps} {
|
|
19861
|
-
* isDraggable: flag to indicate that the row can be rearranged in a list
|
|
19862
|
-
* item: { The item to be rendered in the row
|
|
19863
|
-
* title: the title of the item in the row
|
|
19864
|
-
* subtitle: the subtitle of the item in the row
|
|
19865
|
-
* icons: the icons that will be displayed on the same row, and their respective actions
|
|
19866
|
-
* }
|
|
19867
|
-
* expandable: { object with properties to handle if the row is expandable. If undefined the row cannot be expanded
|
|
19868
|
-
* iconItems: the items that will be displayed if row is expanded, and their respective actions
|
|
19869
|
-
* expanded: flag to indicate if the row is expanded or not
|
|
19870
|
-
* setExpanded: method that updates the expanded flag
|
|
19871
|
-
* }
|
|
19872
|
-
* style: style element to override wrapper style
|
|
19873
|
-
* }
|
|
19874
|
-
* @return {*} {JSX.Element} a row element to be used in a list
|
|
20128
|
+
/**
|
|
20129
|
+
* Component that renders one row in a list. The row can be marked as draggable and expandable
|
|
20130
|
+
*
|
|
20131
|
+
* @param {ListRowProps} {
|
|
20132
|
+
* isDraggable: flag to indicate that the row can be rearranged in a list
|
|
20133
|
+
* item: { The item to be rendered in the row
|
|
20134
|
+
* title: the title of the item in the row
|
|
20135
|
+
* subtitle: the subtitle of the item in the row
|
|
20136
|
+
* icons: the icons that will be displayed on the same row, and their respective actions
|
|
20137
|
+
* }
|
|
20138
|
+
* expandable: { object with properties to handle if the row is expandable. If undefined the row cannot be expanded
|
|
20139
|
+
* iconItems: the items that will be displayed if row is expanded, and their respective actions
|
|
20140
|
+
* expanded: flag to indicate if the row is expanded or not
|
|
20141
|
+
* setExpanded: method that updates the expanded flag
|
|
20142
|
+
* }
|
|
20143
|
+
* style: style element to override wrapper style
|
|
20144
|
+
* }
|
|
20145
|
+
* @return {*} {JSX.Element} a row element to be used in a list
|
|
19875
20146
|
*/
|
|
19876
20147
|
var ListRow = function ListRow(_ref) {
|
|
19877
20148
|
var isDraggable = _ref.isDraggable,
|
|
@@ -19879,30 +20150,30 @@ var ListRow = function ListRow(_ref) {
|
|
|
19879
20150
|
expandable = _ref.expandable,
|
|
19880
20151
|
style = _ref.style;
|
|
19881
20152
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
19882
|
-
className: styles$
|
|
20153
|
+
className: styles$8.wrapper,
|
|
19883
20154
|
style: style
|
|
19884
20155
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
19885
|
-
className: styles$
|
|
20156
|
+
className: styles$8.row
|
|
19886
20157
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
19887
|
-
className: styles$
|
|
20158
|
+
className: styles$8.infoCol
|
|
19888
20159
|
}, isDraggable && /*#__PURE__*/React__default.createElement("div", {
|
|
19889
|
-
className: styles$
|
|
20160
|
+
className: styles$8.draggable
|
|
19890
20161
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
19891
20162
|
name: "unfold_more",
|
|
19892
20163
|
title: "Move",
|
|
19893
20164
|
color: themeConst.asBuilt
|
|
19894
20165
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
19895
|
-
className: styles$
|
|
20166
|
+
className: styles$8.info
|
|
19896
20167
|
}, item.title && /*#__PURE__*/React__default.createElement(Typography, {
|
|
19897
20168
|
variant: "body_short",
|
|
19898
20169
|
bold: true
|
|
19899
20170
|
}, item.title), item.subTitle && /*#__PURE__*/React__default.createElement(Typography, {
|
|
19900
20171
|
variant: "body_short"
|
|
19901
20172
|
}, item.subTitle))), /*#__PURE__*/React__default.createElement("div", {
|
|
19902
|
-
className: styles$
|
|
20173
|
+
className: styles$8.iconCol
|
|
19903
20174
|
}, item.icons.map(function (icon, itemIndex) {
|
|
19904
20175
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
19905
|
-
className: styles$
|
|
20176
|
+
className: styles$8.iconButton,
|
|
19906
20177
|
key: itemIndex,
|
|
19907
20178
|
onClick: icon.onClick
|
|
19908
20179
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -19911,7 +20182,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
19911
20182
|
color: themeConst.asBuilt
|
|
19912
20183
|
}));
|
|
19913
20184
|
}), expandable && /*#__PURE__*/React__default.createElement("button", {
|
|
19914
|
-
className: expandable && expandable.expanded ? styles$
|
|
20185
|
+
className: expandable && expandable.expanded ? styles$8.activeIconButton : styles$8.iconButton,
|
|
19915
20186
|
onClick: function onClick() {
|
|
19916
20187
|
expandable.setExpanded(true);
|
|
19917
20188
|
}
|
|
@@ -19920,10 +20191,10 @@ var ListRow = function ListRow(_ref) {
|
|
|
19920
20191
|
title: "Expand",
|
|
19921
20192
|
color: themeConst.asBuilt
|
|
19922
20193
|
})))), expandable && expandable.expanded && /*#__PURE__*/React__default.createElement("div", {
|
|
19923
|
-
className: styles$
|
|
20194
|
+
className: styles$8.expandedRow
|
|
19924
20195
|
}, expandable.iconItems.map(function (icon, iconItemsIndex) {
|
|
19925
20196
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
19926
|
-
className: styles$
|
|
20197
|
+
className: styles$8.iconButton,
|
|
19927
20198
|
key: iconItemsIndex,
|
|
19928
20199
|
onClick: icon.onClick
|
|
19929
20200
|
}, /*#__PURE__*/React__default.createElement(Icon, {
|
|
@@ -19932,7 +20203,7 @@ var ListRow = function ListRow(_ref) {
|
|
|
19932
20203
|
color: themeConst.asBuilt
|
|
19933
20204
|
}));
|
|
19934
20205
|
}), /*#__PURE__*/React__default.createElement("button", {
|
|
19935
|
-
className: styles$
|
|
20206
|
+
className: styles$8.iconButton,
|
|
19936
20207
|
onClick: function onClick() {
|
|
19937
20208
|
expandable.setExpanded(false);
|
|
19938
20209
|
}
|
|
@@ -19943,33 +20214,32 @@ var ListRow = function ListRow(_ref) {
|
|
|
19943
20214
|
}))));
|
|
19944
20215
|
};
|
|
19945
20216
|
|
|
19946
|
-
var css_248z$
|
|
19947
|
-
var styles$
|
|
19948
|
-
styleInject(css_248z$
|
|
20217
|
+
var css_248z$8 = ".sidebarButton-module_button__37sG4{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:.5em 0;position:relative;width:100%}.sidebarButton-module_button__37sG4:focus-visible{outline:1px dashed var(--asBuilt)}.sidebarButton-module_button__37sG4:hover{background-color:var(--equiGreen2)}.sidebarButton-module_button__37sG4:active{background-color:var(--equiGreen3);border-color:var(--asBuilt)}.sidebarButton-module_activeButton__WkS2p{background-color:var(--equiGreen3);border-color:var(--asBuilt)!important}.sidebarButton-module_activeButton__WkS2p:hover{background-color:var(--equiGreen2)!important;border-color:var(--asBuilt)}.sidebarButton-module_button__37sG4 svg{height:20px;margin-bottom:.25em;width:20px;z-index:2}.sidebarButton-module_button__37sG4:hover .sidebarButton-module_text__S0hrv,.sidebarButton-module_button__37sG4:hover svg{fill:var(--hoverIcon);color:var(--hoverIcon)!important}.sidebarButton-module_activeButton__WkS2p .sidebarButton-module_text__S0hrv,.sidebarButton-module_activeButton__WkS2p svg{fill:var(--asBuilt);color:var(--asBuilt)!important}.sidebarButton-module_text__S0hrv{color:var(--echoText)!important;font-size:11px!important;font-weight:500!important;line-height:12px!important;margin-top:.25em!important;overflow:hidden!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:50px!important}.sidebarButton-module_rightBarButton__nh2hd{border-left:2px solid hsla(0,0%,100%,0);height:56px!important;left:-2px;width:64px!important}.sidebarButton-module_leftBarButton__C5g1N{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:64px}.sidebarButton-module_bottomBarButton__UJRT3{border-top:2px solid hsla(0,0%,100%,0);height:100%;padding:.25em 0 .5em}.sidebarButton-module_tabButton__eQISU{border-right:2px solid hsla(0,0%,100%,0);height:56px;width:100%}.sidebarButton-module_rightBarButton__nh2hd:hover{border-left:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:hover{border-right:2px solid var(--default)}.sidebarButton-module_leftBarButton__C5g1N:active,.sidebarButton-module_rightBarButton__nh2hd:active{border-color:var(--asBuilt)!important}.sidebarButton-module_tabItemCount__nQc-M{align-items:center;background-color:var(--white);border:1px solid var(--equiGreen1);border-radius:50%;color:var(--equiGreen1);display:flex;font-size:11.5px;font-weight:800;height:fit-content;justify-content:center;min-height:21px;min-width:21px;position:absolute;right:3px;top:3px;width:fit-content;z-index:2}@media screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_bottomBarButton__UJRT3{border-right:2px solid hsla(0,0%,100%,0);border-top:none;height:-webkit-fill-available}}@media screen and (max-width:767px) and (orientation:portrait),screen and (max-width:927px) and (orientation:landscape){.sidebarButton-module_rightBarButton__nh2hd{border-bottom:2px solid var(--default);border-left:none!important;height:48px!important;left:0;padding:.25em 0 .5em}}";
|
|
20218
|
+
var styles$7 = {"button":"sidebarButton-module_button__37sG4","activeButton":"sidebarButton-module_activeButton__WkS2p","text":"sidebarButton-module_text__S0hrv","rightBarButton":"sidebarButton-module_rightBarButton__nh2hd","leftBarButton":"sidebarButton-module_leftBarButton__C5g1N","bottomBarButton":"sidebarButton-module_bottomBarButton__UJRT3","tabButton":"sidebarButton-module_tabButton__eQISU","tabItemCount":"sidebarButton-module_tabItemCount__nQc-M"};
|
|
20219
|
+
styleInject(css_248z$8);
|
|
19949
20220
|
|
|
19950
|
-
/**
|
|
19951
|
-
* The reusable button component that is used in sidebars/bottom bar
|
|
19952
|
-
*
|
|
19953
|
-
* On desktop it will have an active border on the left/right/top
|
|
19954
|
-
* depending if
|
|
19955
|
-
* The
|
|
19956
|
-
*
|
|
19957
|
-
* On mobile with the right sidebar, the active border will be on the bottom.
|
|
19958
|
-
* In landscape mode with the bottom bar, the active border will be on the right.
|
|
19959
|
-
*
|
|
19960
|
-
*
|
|
19961
|
-
*
|
|
19962
|
-
*
|
|
19963
|
-
*
|
|
19964
|
-
*
|
|
19965
|
-
*
|
|
19966
|
-
*
|
|
19967
|
-
*
|
|
19968
|
-
*
|
|
19969
|
-
*
|
|
19970
|
-
*
|
|
19971
|
-
* }
|
|
19972
|
-
* @return {*} {JSX.Element}
|
|
20221
|
+
/**
|
|
20222
|
+
* The reusable button component that is used in the sidebars/bottom bar.
|
|
20223
|
+
*
|
|
20224
|
+
* On desktop it will have an active border on the left/right/top,
|
|
20225
|
+
* depending if the ButtonPosition is set to: "right"/"left"/"bottom".
|
|
20226
|
+
* The active border will be on the right if it's a tab button and ButtonPosition is set to: "tab".
|
|
20227
|
+
*
|
|
20228
|
+
* On mobile with the right sidebar, the active border will be on the bottom.
|
|
20229
|
+
* In landscape mode with the bottom bar, the active border will be on the right.
|
|
20230
|
+
*
|
|
20231
|
+
* The button contains an icon and a descriptive text.
|
|
20232
|
+
* @param {*} {
|
|
20233
|
+
* text: the text below the icon.
|
|
20234
|
+
* active: boolean describing the button's active state.
|
|
20235
|
+
* onClick: the onClick event.
|
|
20236
|
+
* count: will display a count on the button.
|
|
20237
|
+
* buttonPosition: decides the active border, depending if the button is placed in the right bar/left bar/bottom bar.
|
|
20238
|
+
* refValue: a reference value, in case it's needed.
|
|
20239
|
+
* id: the id of the button, in case it's needed.
|
|
20240
|
+
* children: the icon to be displayed.
|
|
20241
|
+
* }
|
|
20242
|
+
* @return {*} {JSX.Element}
|
|
19973
20243
|
*/
|
|
19974
20244
|
var SidebarButton = function SidebarButton(_ref) {
|
|
19975
20245
|
var _classnames;
|
|
@@ -19977,7 +20247,7 @@ var SidebarButton = function SidebarButton(_ref) {
|
|
|
19977
20247
|
active = _ref.active,
|
|
19978
20248
|
onClick = _ref.onClick,
|
|
19979
20249
|
count = _ref.count,
|
|
19980
|
-
|
|
20250
|
+
buttonPosition = _ref.buttonPosition,
|
|
19981
20251
|
refValue = _ref.refValue,
|
|
19982
20252
|
id = _ref.id,
|
|
19983
20253
|
children = _ref.children;
|
|
@@ -19987,11 +20257,11 @@ var SidebarButton = function SidebarButton(_ref) {
|
|
|
19987
20257
|
type: "button",
|
|
19988
20258
|
onClick: onClick,
|
|
19989
20259
|
id: id,
|
|
19990
|
-
className: classnames$2(styles$
|
|
20260
|
+
className: classnames$2(styles$7.button, (_classnames = {}, _defineProperty$1(_classnames, styles$7.leftBarButton, buttonPosition === 'left'), _defineProperty$1(_classnames, styles$7.rightBarButton, buttonPosition === 'right'), _defineProperty$1(_classnames, styles$7.bottomBarButton, buttonPosition === 'bottom'), _defineProperty$1(_classnames, styles$7.tabButton, buttonPosition === 'tab'), _defineProperty$1(_classnames, styles$7.activeButton, active), _classnames))
|
|
19991
20261
|
}, children, count && count > 1 && /*#__PURE__*/React__default.createElement("span", {
|
|
19992
|
-
className: styles$
|
|
20262
|
+
className: styles$7.tabItemCount
|
|
19993
20263
|
}, count), /*#__PURE__*/React__default.createElement(Typography, {
|
|
19994
|
-
className: styles$
|
|
20264
|
+
className: styles$7.text
|
|
19995
20265
|
}, text));
|
|
19996
20266
|
};
|
|
19997
20267
|
SidebarButton.defaultProps = {
|
|
@@ -20002,7 +20272,7 @@ SidebarButton.defaultProps = {
|
|
|
20002
20272
|
}),
|
|
20003
20273
|
refValue: undefined,
|
|
20004
20274
|
id: '',
|
|
20005
|
-
|
|
20275
|
+
buttonPosition: 'right'
|
|
20006
20276
|
};
|
|
20007
20277
|
|
|
20008
20278
|
/******************************************************************************
|
|
@@ -20039,22 +20309,22 @@ var SideSheetOrientation;
|
|
|
20039
20309
|
SideSheetOrientation["Fullscreen"] = "fullscreen";
|
|
20040
20310
|
})(SideSheetOrientation || (SideSheetOrientation = {}));
|
|
20041
20311
|
|
|
20042
|
-
var css_248z$
|
|
20043
|
-
var styles$
|
|
20044
|
-
styleInject(css_248z$
|
|
20312
|
+
var css_248z$7 = ".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}";
|
|
20313
|
+
var styles$6 = {"container":"Sheet-module_container__MJ-Md","verticalContainer":"Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","blockContainer":"Sheet-module_blockContainer__JZVGn","rightContainer":"Sheet-module_rightContainer__u1DzS Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","leftContainer":"Sheet-module_leftContainer__8nvAG Sheet-module_verticalContainer__0wKqY Sheet-module_container__MJ-Md","horizontalContainer":"Sheet-module_horizontalContainer__ibaGL Sheet-module_container__MJ-Md","fullscreenContainer":"Sheet-module_fullscreenContainer__5qqvB Sheet-module_container__MJ-Md"};
|
|
20314
|
+
styleInject(css_248z$7);
|
|
20045
20315
|
|
|
20046
20316
|
function getSheetContainerClass(side, orientation, floating) {
|
|
20047
20317
|
switch (orientation) {
|
|
20048
20318
|
case SideSheetOrientation.Horizontal:
|
|
20049
|
-
return styles$
|
|
20319
|
+
return styles$6.horizontalContainer;
|
|
20050
20320
|
case SideSheetOrientation.Fullscreen:
|
|
20051
|
-
return styles$
|
|
20321
|
+
return styles$6.fullscreenContainer;
|
|
20052
20322
|
case SideSheetOrientation.Vertical:
|
|
20053
20323
|
default:
|
|
20054
20324
|
{
|
|
20055
|
-
var className = side === 'left' ? styles$
|
|
20325
|
+
var className = side === 'left' ? styles$6.leftContainer : styles$6.rightContainer;
|
|
20056
20326
|
if (floating === false) {
|
|
20057
|
-
className += ' ' + styles$
|
|
20327
|
+
className += ' ' + styles$6.blockContainer;
|
|
20058
20328
|
}
|
|
20059
20329
|
return className;
|
|
20060
20330
|
}
|
|
@@ -20081,9 +20351,9 @@ function Sheet(_ref) {
|
|
|
20081
20351
|
}, children);
|
|
20082
20352
|
}
|
|
20083
20353
|
|
|
20084
|
-
var css_248z$
|
|
20085
|
-
var styles$
|
|
20086
|
-
styleInject(css_248z$
|
|
20354
|
+
var css_248z$6 = ".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}";
|
|
20355
|
+
var styles$5 = {"topArea":"SheetTopArea-module_topArea__0B8Jn","actions":"SheetTopArea-module_actions__nPP4D"};
|
|
20356
|
+
styleInject(css_248z$6);
|
|
20087
20357
|
|
|
20088
20358
|
function SheetTopArea(_ref) {
|
|
20089
20359
|
var orientation = _ref.orientation,
|
|
@@ -20091,7 +20361,7 @@ function SheetTopArea(_ref) {
|
|
|
20091
20361
|
closeSheet = _ref.closeSheet,
|
|
20092
20362
|
previous = _ref.previous;
|
|
20093
20363
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20094
|
-
className: styles$
|
|
20364
|
+
className: styles$5.topArea
|
|
20095
20365
|
}, /*#__PURE__*/React__default.createElement("div", null, previous), orientation && onOrientationChange && /*#__PURE__*/React__default.createElement(SheetOrientationActions, {
|
|
20096
20366
|
orientation: orientation,
|
|
20097
20367
|
onOrientationChange: onOrientationChange
|
|
@@ -20115,7 +20385,7 @@ function SheetOrientationActions(_ref2) {
|
|
|
20115
20385
|
}
|
|
20116
20386
|
}
|
|
20117
20387
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
20118
|
-
className: styles$
|
|
20388
|
+
className: styles$5.actions
|
|
20119
20389
|
}, /*#__PURE__*/React__default.createElement(Typography, {
|
|
20120
20390
|
variant: "overline"
|
|
20121
20391
|
}, "ViewPort:"), /*#__PURE__*/React__default.createElement(Button, {
|
|
@@ -20124,7 +20394,7 @@ function SheetOrientationActions(_ref2) {
|
|
|
20124
20394
|
return handleChange(SideSheetOrientation.Vertical);
|
|
20125
20395
|
}
|
|
20126
20396
|
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20127
|
-
name: "
|
|
20397
|
+
name: "sheet_leftposition",
|
|
20128
20398
|
color: calculateColor(SideSheetOrientation.Vertical)
|
|
20129
20399
|
})), /*#__PURE__*/React__default.createElement(Button, {
|
|
20130
20400
|
variant: "ghost_icon",
|
|
@@ -20168,6 +20438,61 @@ function SideSheet(_a) {
|
|
|
20168
20438
|
return null;
|
|
20169
20439
|
}
|
|
20170
20440
|
|
|
20441
|
+
var css_248z$5 = ".SplitViewLeft-module_left__zMnS5{border-right:1px solid var(--default);display:grid;grid-template-columns:480px;grid-template-rows:1fr min-content;height:inherit}.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}";
|
|
20442
|
+
var styles$4 = {"left":"SplitViewLeft-module_left__zMnS5","collapsedLeft":"SplitViewLeft-module_collapsedLeft__qObsf","minimize":"SplitViewLeft-module_minimize__RwGrL"};
|
|
20443
|
+
styleInject(css_248z$5);
|
|
20444
|
+
|
|
20445
|
+
function Left(_ref) {
|
|
20446
|
+
var _ref$isMinimizable = _ref.isMinimizable,
|
|
20447
|
+
isMinimizable = _ref$isMinimizable === void 0 ? true : _ref$isMinimizable,
|
|
20448
|
+
children = _ref.children;
|
|
20449
|
+
var _useState = useState(false),
|
|
20450
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
20451
|
+
isMinimized = _useState2[0],
|
|
20452
|
+
setIsMinimized = _useState2[1];
|
|
20453
|
+
var className = classnames$1(styles$4.left, _defineProperty$1({}, styles$4.collapsedLeft, isMinimized));
|
|
20454
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
20455
|
+
className: className
|
|
20456
|
+
}, !isMinimized && children, isMinimizable && /*#__PURE__*/React__default.createElement("div", {
|
|
20457
|
+
className: styles$4.minimize
|
|
20458
|
+
}, isMinimized ? /*#__PURE__*/React__default.createElement(Button, {
|
|
20459
|
+
variant: "ghost_icon",
|
|
20460
|
+
onClick: function onClick() {
|
|
20461
|
+
return setIsMinimized(false);
|
|
20462
|
+
}
|
|
20463
|
+
}, /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20464
|
+
name: "last_page"
|
|
20465
|
+
})) : /*#__PURE__*/React__default.createElement(Button, {
|
|
20466
|
+
variant: "ghost",
|
|
20467
|
+
onClick: function onClick() {
|
|
20468
|
+
return setIsMinimized(true);
|
|
20469
|
+
}
|
|
20470
|
+
}, "Minimize ", /*#__PURE__*/React__default.createElement(Icon$1, {
|
|
20471
|
+
name: "first_page"
|
|
20472
|
+
}), ' ')));
|
|
20473
|
+
}
|
|
20474
|
+
|
|
20475
|
+
var css_248z$4 = ".SplitView-module_container__bqjFB{display:grid;grid-template-columns:min-content 1fr;height:inherit;width:inherit}.SplitView-module_right__fUhei{display:grid;grid-template-columns:1fr;height:inherit}";
|
|
20476
|
+
var styles$3 = {"container":"SplitView-module_container__bqjFB","right":"SplitView-module_right__fUhei"};
|
|
20477
|
+
styleInject(css_248z$4);
|
|
20478
|
+
|
|
20479
|
+
function SplitView$1(_ref) {
|
|
20480
|
+
var children = _ref.children;
|
|
20481
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
20482
|
+
className: styles$3.container
|
|
20483
|
+
}, children);
|
|
20484
|
+
}
|
|
20485
|
+
function Right(_ref2) {
|
|
20486
|
+
var children = _ref2.children;
|
|
20487
|
+
return /*#__PURE__*/React__default.createElement("div", {
|
|
20488
|
+
className: styles$3.right
|
|
20489
|
+
}, children);
|
|
20490
|
+
}
|
|
20491
|
+
|
|
20492
|
+
var SplitView = SplitView$1;
|
|
20493
|
+
SplitView.Left = Left;
|
|
20494
|
+
SplitView.Right = Right;
|
|
20495
|
+
|
|
20171
20496
|
var css_248z$3 = ".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}";
|
|
20172
20497
|
var style = {"timeContainer":"timePicker-module_timeContainer__iXIeX","timeIcon":"timePicker-module_timeIcon__sBUaj","timeSelect":"timePicker-module_timeSelect__R6aai"};
|
|
20173
20498
|
styleInject(css_248z$3);
|
|
@@ -20220,58 +20545,155 @@ var TimePicker = function TimePicker(_ref) {
|
|
|
20220
20545
|
}));
|
|
20221
20546
|
};
|
|
20222
20547
|
|
|
20548
|
+
var staticData$2 = {
|
|
20549
|
+
width: '24',
|
|
20550
|
+
height: '24',
|
|
20551
|
+
prefix: 'echo',
|
|
20552
|
+
group: 'robim_external'
|
|
20553
|
+
};
|
|
20554
|
+
/*
|
|
20555
|
+
* ROBIM EXTERNAL ICONS
|
|
20556
|
+
*/
|
|
20557
|
+
var robim_external_ald = Object.assign(Object.assign({}, staticData$2), {
|
|
20558
|
+
name: 'robim_external_ald',
|
|
20559
|
+
svgPathData: 'M14.668 2H12.4862V3.30581C11.9304 3.40198 11.3855 3.57148 10.8635 3.81176C10.5784 3.94295 10.302 4.0944 10.0358 4.26488L10.1402 4.93741C10.2611 4.88021 10.4019 4.84764 10.5601 4.84764C10.8558 4.84764 11.0909 4.96149 11.248 5.13718C11.3195 5.21716 11.3643 5.29818 11.392 5.36251C11.406 5.39491 11.449 5.56212 11.4434 5.53418C11.449 5.56212 11.4493 5.56024 11.4434 5.53418L11.5052 6.11419C11.5658 6.08309 11.6268 6.05334 11.6885 6.02494C11.9474 5.90582 12.2142 5.81169 12.4862 5.74321V12.0113L10.2955 12.4317L10.2964 12.4371C9.99951 12.494 9.88359 13.3423 10.0374 14.3319L10.0423 14.363C9.54261 14.4368 9.08132 14.5257 8.66797 14.6275V10.7949C8.54519 10.8547 8.40143 10.8889 8.2395 10.8889C7.9438 10.8889 7.70863 10.775 7.55149 10.5993C7.47998 10.5194 7.40754 10.374 7.40754 10.374L7.35847 10.2144L7.3024 10.3881C7.29401 10.4151 7.31851 10.3535 7.3024 10.3881C7.27024 10.4576 7.21931 10.5408 7.1402 10.6204C6.98007 10.7815 6.75675 10.8771 6.48615 10.8879V20.1818C6.48615 21.186 9.66087 22 13.5771 22C17.4933 22 20.668 21.186 20.668 20.1818V10.485H20.647C20.5895 9.65778 20.4148 8.84456 20.1282 8.07572C19.7719 7.11982 19.2495 6.25128 18.5911 5.51965C17.9326 4.78805 17.1509 4.20771 16.2906 3.81176C15.7686 3.57148 15.2237 3.40198 14.668 3.30581V2ZM8.66797 18.8698V17.2515C9.69396 17.5039 11.0154 17.678 12.4862 17.7363V18.385C11.0154 18.4433 9.69396 18.6174 8.66797 18.8698ZM12.4862 20.7728C10.3 20.7115 8.66797 20.4701 8.66797 20.1817C8.66797 19.8933 10.3 19.6519 12.4862 19.5907V20.7728ZM18.4862 20.1817C18.4862 20.4701 16.8541 20.7115 14.668 20.7728V19.5907C16.8541 19.6519 18.4862 19.8933 18.4862 20.1817ZM14.668 18.385V17.7363C16.1387 17.678 17.4602 17.5039 18.4862 17.2515V18.8698C17.4602 18.6174 16.1387 18.4433 14.668 18.385ZM17.5501 14.4333C17.648 14.0856 17.6594 13.5127 17.5616 12.8826C17.4078 11.8931 17.0424 11.1372 16.7456 11.1941L14.668 11.5927V5.74321C14.9399 5.81169 15.2068 5.90582 15.4656 6.02494C16.0643 6.3005 16.6084 6.7044 17.0666 7.21356C17.5248 7.72273 17.8884 8.3272 18.1363 8.99245C18.3198 9.48449 18.4373 10.0027 18.4862 10.5305V14.6275C18.1966 14.5562 17.8835 14.4912 17.5501 14.4333Z M2.9536 6.83033C2.9536 6.83033 2.74397 6.92391 2.69575 7.04657C2.65871 7.14079 2.65871 7.21182 2.69575 7.30605C2.74397 7.4287 2.9536 7.52228 2.9536 7.52228H4.15689L4.45771 9.2089C4.45771 9.2089 4.50068 9.42514 4.80151 9.42514C5.10233 9.42514 5.1453 9.2089 5.1453 9.2089L5.53207 6.65734L6.04777 10.1171C6.04777 10.1171 6.09074 10.3333 6.43454 10.3333C6.77834 10.3333 6.82131 10.1171 6.82131 10.1171L7.337 5.9654L7.89567 10.1171C7.89567 10.1171 7.93865 10.3333 8.23947 10.3333C8.54029 10.3333 8.58327 10.1171 8.58327 10.1171L9.09896 6.65734L9.48573 9.2089C9.48573 9.2089 9.52871 9.42514 9.82953 9.42514C10.1304 9.42514 10.1733 9.2089 10.1733 9.2089L10.5171 7.52228H11.6774C11.6774 7.52228 11.8407 7.44413 11.8923 7.34929C11.9568 7.2308 11.9568 7.12181 11.8923 7.00332C11.8407 6.90848 11.6774 6.83033 11.6774 6.83033H11.0328L10.9039 5.61942C10.9039 5.61942 10.8609 5.40319 10.5601 5.40319C10.2593 5.40319 10.2163 5.61942 10.2163 5.61942L9.91548 7.04657L9.48573 4.27877C9.48573 4.27877 9.44276 4.06254 9.14194 4.06254C8.84111 4.06254 8.79814 4.27877 8.79814 4.27877L8.28244 7.69527L7.63783 3.32734C7.63783 3.32734 7.59485 3.11111 7.29403 3.11111C6.99321 3.11111 6.95023 3.32734 6.95023 3.32734L6.39156 7.69527L5.83289 4.27877C5.83289 4.27877 5.78992 4.06254 5.4891 4.06254C5.18828 4.06254 5.1453 4.27877 5.1453 4.27877L4.75853 7.04657L4.45771 5.61942C4.45771 5.61942 4.41473 5.40319 4.11391 5.40319C3.81309 5.40319 3.77011 5.61942 3.77011 5.61942L3.59822 6.83033H2.9536Z'
|
|
20560
|
+
});
|
|
20561
|
+
var robim_external_timp = Object.assign(Object.assign({}, staticData$2), {
|
|
20562
|
+
name: 'robim_external_timp',
|
|
20563
|
+
svgPathData: 'M18.5817 10.0521V11.7779H19.6243C20.1749 11.7779 20.5836 11.4634 20.5836 10.9193C20.5836 10.3667 20.1665 10.0521 19.6243 10.0521H18.5817Z M3.66797 4C2.5634 4 1.66797 4.89543 1.66797 6V18C1.66797 19.1046 2.5634 20 3.66797 20H21.668C22.7725 20 23.668 19.1046 23.668 18V6C23.668 4.89543 22.7725 4 21.668 4H3.66797ZM9.63756 14.847C9.63756 14.9405 9.58751 15 9.48741 15H8.72001C8.61992 15 8.56153 14.9405 8.56153 14.847V9.4825C8.56153 9.39749 8.60323 9.32947 8.68665 9.30397L9.46239 9.01492C9.57083 8.97241 9.63756 9.02342 9.63756 9.13394V14.847ZM6.24544 14.847C6.24544 14.9405 6.19539 15 6.0953 15H5.32789C5.2278 15 5.17775 14.9405 5.17775 14.847V10.0521H3.82645C3.72636 10.0521 3.66797 9.99259 3.66797 9.89908V9.20195C3.66797 9.10843 3.72636 9.04892 3.82645 9.04892H7.59673C7.69683 9.04892 7.75522 9.10843 7.75522 9.20195V9.89908C7.75522 9.99259 7.69683 10.0521 7.59673 10.0521H6.24544V14.847ZM11.6047 15C11.7048 15 11.7632 14.9405 11.7632 14.847V11.4038L13.1479 14.0393C13.1813 14.1158 13.2396 14.1583 13.3231 14.1583H13.8152C13.8986 14.1583 13.957 14.1243 13.9987 14.0393L15.3834 11.4294V14.847C15.3834 14.9405 15.4418 15 15.5419 15H16.2842C16.3843 15 16.4344 14.9405 16.4344 14.847V9.20195C16.4344 9.10843 16.3843 9.04892 16.2842 9.04892H15.5836C15.5001 9.04892 15.4418 9.08293 15.4 9.16794L13.5733 12.6791L11.7465 9.16794C11.7048 9.08293 11.6464 9.04892 11.563 9.04892H10.8624C10.7623 9.04892 10.7039 9.10843 10.7039 9.20195V14.847C10.7039 14.9405 10.7623 15 10.8624 15H11.6047ZM17.5056 9.20195C17.5056 9.10843 17.564 9.04892 17.6641 9.04892H19.666C20.7754 9.04892 21.668 9.71204 21.668 10.9193C21.668 12.1265 20.7754 12.7811 19.666 12.7811H18.5817V14.847C18.5817 14.9405 18.5316 15 18.4315 15H17.6641C17.564 15 17.5056 14.9405 17.5056 14.847V9.20195Z'
|
|
20564
|
+
});
|
|
20565
|
+
var robim_external_timp_text = Object.assign(Object.assign({}, staticData$2), {
|
|
20566
|
+
name: 'robim_external_timp_text',
|
|
20567
|
+
svgPathData: 'M8.78062 15.3333C8.90296 15.3333 8.96413 15.2606 8.96413 15.1463V8.1637C8.96413 8.02862 8.88257 7.96628 8.75004 8.01823L7.80191 8.37152C7.69996 8.40269 7.64898 8.48582 7.64898 8.58972V15.1463C7.64898 15.2606 7.72035 15.3333 7.84269 15.3333H8.78062Z M4.6347 15.3333C4.75704 15.3333 4.81821 15.2606 4.81821 15.1463V9.28591H6.46979C6.59213 9.28591 6.6635 9.21317 6.6635 9.09887V8.24683C6.6635 8.13253 6.59213 8.0598 6.46979 8.0598H1.86167C1.73933 8.0598 1.66797 8.13253 1.66797 8.24683V9.09887C1.66797 9.21317 1.73933 9.28591 1.86167 9.28591H3.51326V15.1463C3.51326 15.2606 3.57443 15.3333 3.69677 15.3333H4.6347Z M11.5622 15.1463C11.5622 15.2606 11.4908 15.3333 11.3685 15.3333H10.4611C10.3388 15.3333 10.2674 15.2606 10.2674 15.1463V8.24683C10.2674 8.13253 10.3388 8.0598 10.4611 8.0598H11.3175C11.4194 8.0598 11.4908 8.10136 11.5418 8.20527L13.7745 12.4967L16.0072 8.20527C16.0582 8.10136 16.1295 8.0598 16.2315 8.0598H17.0878C17.2102 8.0598 17.2714 8.13253 17.2714 8.24683V15.1463C17.2714 15.2606 17.2102 15.3333 17.0878 15.3333H16.1805C16.0582 15.3333 15.9868 15.2606 15.9868 15.1463V10.9692L14.2944 14.1592C14.2434 14.2631 14.1721 14.3046 14.0701 14.3046H13.4686C13.3667 14.3046 13.2953 14.2527 13.2545 14.1592L11.5622 10.938V15.1463Z M18.7744 8.0598C18.6521 8.0598 18.5807 8.13253 18.5807 8.24683V15.1463C18.5807 15.2606 18.6521 15.3333 18.7744 15.3333H19.7123C19.8347 15.3333 19.8958 15.2606 19.8958 15.1463V12.6213H21.2212C22.5771 12.6213 23.668 11.8213 23.668 10.3458C23.668 8.87028 22.5771 8.0598 21.2212 8.0598H18.7744ZM19.8958 11.3952V9.28589H21.1702C21.8329 9.28589 22.3426 9.67035 22.3426 10.3458C22.3426 11.0108 21.8431 11.3952 21.1702 11.3952H19.8958Z'
|
|
20568
|
+
});
|
|
20569
|
+
var robim_external_iwit = Object.assign(Object.assign({}, staticData$2), {
|
|
20570
|
+
name: 'robim_external_iwit',
|
|
20571
|
+
svgPathData: 'M18.2095 4.88028C18.5051 5.64289 18.6572 6.46026 18.6572 7.28571H13.0702V13.2571H13.1962L18.6572 9.17143V13.2571H21.5977V13.8857H18.6572V16.0857H16.1048L13.1922 13.8857H12.4123L9.47174 16.0857H6.89508V13.8857H3.95456V13.2571H6.89508V9.1713L12.3044 13.2571H12.4821V7.28571L6.89508 7.28572C6.89508 6.46026 7.0472 5.64289 7.34275 4.88028C7.6383 4.11766 8.0715 3.42473 8.6176 2.84104C9.16371 2.25736 9.81203 1.79436 10.5256 1.47847C11.2391 1.16258 12.0038 1 12.7761 1C13.5484 1 14.3132 1.16258 15.0267 1.47847C15.7402 1.79436 16.3886 2.25736 16.9347 2.84104C17.4808 3.42473 17.914 4.11766 18.2095 4.88028Z M3.66797 16.2969V16.8816L4.37008 17.0105V22.291L3.66797 22.4199V23H5.92075V22.4199L5.21864 22.291V17.0105L5.92075 16.8816V16.2969H3.66797Z M7.68679 16.9874L8.32428 16.8816V16.2969H6.33426V16.8816L6.83822 16.9506L8.20367 23H8.95747L10.2152 18.3502L10.3229 17.7471H10.3488L10.4608 18.3502L11.7013 23H12.4594L13.8248 16.9506L14.3288 16.8816V16.2969H12.3345V16.8816L12.9763 16.9874L12.188 20.6797L12.0631 21.5406H12.0373L11.865 20.6797L10.7063 16.2969H9.95679L8.80241 20.6797L8.63442 21.5222L8.60857 21.5176L8.49227 20.6797L7.68679 16.9874Z M14.7466 16.2969V16.8816L15.4487 17.0105V22.291L14.7466 22.4199V23H16.9994V22.4199L16.2973 22.291V17.0105L16.9994 16.8816V16.2969H14.7466Z M22.668 17.7793V16.2969H17.456V17.7793H18.184L18.2443 17.0105H19.6399V22.291L18.9377 22.4199V23H21.1905V22.4199L20.4884 22.291V17.0105H21.8797L21.9443 17.7793H22.668Z'
|
|
20572
|
+
});
|
|
20573
|
+
|
|
20223
20574
|
var staticData$1 = {
|
|
20224
20575
|
width: '24',
|
|
20225
20576
|
height: '24',
|
|
20226
20577
|
prefix: 'echo',
|
|
20227
|
-
group: '
|
|
20578
|
+
group: 'notifications'
|
|
20228
20579
|
};
|
|
20229
|
-
var
|
|
20230
|
-
name: '
|
|
20580
|
+
var notifications_main_group = Object.assign(Object.assign({}, staticData$1), {
|
|
20581
|
+
name: 'notifications_main_group',
|
|
20231
20582
|
svgPathData: 'M5.77441 8H7.77441V10H5.77441V8Z M5.77441 12H7.77441V14H5.77441V12Z M5.77441 16H7.77441V18H5.77441V16Z M8.77441 16H13.7744V18H8.77441V16Z M8.77441 12H15.7744V14H8.77441V12Z M8.77441 8H15.7744V10H8.77441V8Z M2.587 21.413C2.979 21.8043 3.45 22 4 22H11V20H4V6H18V12H20V6C20 5.45 19.8043 4.97933 19.413 4.588C19.021 4.196 18.55 4 18 4H13.3774C13.1585 2.84003 12.1451 2 10.9647 2H10.7744C9.70928 2 8.7581 2.66676 8.39485 3.66803L8.27441 4H4C3.45 4 2.979 4.196 2.587 4.588C2.19567 4.97933 2 5.45 2 6V20C2 20.55 2.19567 21.021 2.587 21.413ZM19 14.875L21.125 17L21.85 16.275C22.0333 16.0917 22.125 15.8583 22.125 15.575C22.125 15.2917 22.0333 15.0583 21.85 14.875L21.125 14.15C20.9417 13.9667 20.7083 13.875 20.425 13.875C20.1417 13.875 19.9083 13.9667 19.725 14.15L19 14.875ZM13 20.875V23H15.125L20.425 17.7L18.3 15.575L13 20.875ZM11.5244 4.5C11.5244 4.09 11.1844 3.75 10.7744 3.75C10.3644 3.75 10.0244 4.09 10.0244 4.5C10.0244 4.91 10.3644 5.25 10.7744 5.25C11.1844 5.25 11.5244 4.91 11.5244 4.5Z'
|
|
20232
20583
|
});
|
|
20233
|
-
var
|
|
20234
|
-
name: '
|
|
20235
|
-
svgPathData: '
|
|
20584
|
+
var notifications_m1 = Object.assign(Object.assign({}, staticData$1), {
|
|
20585
|
+
name: 'notifications_m1',
|
|
20586
|
+
svgPathData: 'M15.8952 10.1274L17.039 9.68572V15.0881H15.811C15.6884 15.0881 15.5676 15.1245 15.4763 15.2122C15.3843 15.3007 15.345 15.4198 15.345 15.5401V16.6881C15.345 16.8084 15.3843 16.9275 15.4763 17.016C15.5676 17.1037 15.6884 17.1401 15.811 17.1401H20.473C20.596 17.1401 20.717 17.1033 20.8062 17.0104C20.8941 16.9189 20.925 16.8001 20.925 16.6881V15.5401C20.925 15.4281 20.8941 15.3093 20.8062 15.2178C20.717 15.1249 20.596 15.0881 20.473 15.0881H19.245V7.2941C19.245 7.1653 19.2083 7.01774 19.0835 6.92736C18.956 6.83504 18.8025 6.85015 18.6792 6.89743L16.2756 7.80573C16.0932 7.86782 15.9642 7.99695 15.9023 8.17959L15.3715 9.61845C15.3194 9.75784 15.3016 9.94732 15.4404 10.0762C15.5738 10.2 15.7589 10.1785 15.8952 10.1274Z M4.78695 17.1401C4.90954 17.1401 5.03034 17.1037 5.12157 17.016C5.21363 16.9275 5.25295 16.8084 5.25295 16.6881V11.8153L7.19748 15.4466C7.23756 15.5339 7.29686 15.6123 7.38015 15.6688C7.4665 15.7274 7.56632 15.7541 7.67095 15.7541H8.49695C8.59408 15.7541 8.69262 15.7344 8.78267 15.6785C8.87151 15.6234 8.93541 15.5433 8.98229 15.4506L10.929 11.8505V16.6881C10.929 16.8084 10.9683 16.9275 11.0603 17.016C11.1516 17.1037 11.2724 17.1401 11.395 17.1401H12.641C12.764 17.1401 12.885 17.1033 12.9742 17.0104C13.0621 16.9189 13.093 16.8001 13.093 16.6881V7.3921C13.093 7.28014 13.0621 7.16134 12.9742 7.06984C12.885 6.97692 12.764 6.9401 12.641 6.9401H11.465C11.3678 6.9401 11.2693 6.95978 11.1792 7.01567C11.0901 7.07096 11.0261 7.15129 10.9792 7.24435L8.09095 12.6912L5.20268 7.24436C5.15577 7.15129 5.09176 7.07096 5.00267 7.01567C4.91262 6.95978 4.81409 6.9401 4.71695 6.9401H3.54095C3.41836 6.9401 3.29757 6.97645 3.20633 7.06418C3.11427 7.1527 3.07495 7.2718 3.07495 7.3921V16.6881C3.07495 16.8084 3.11427 16.9275 3.20633 17.016C3.29757 17.1037 3.41836 17.1401 3.54095 17.1401H4.78695Z'
|
|
20587
|
+
});
|
|
20588
|
+
var notifications_m2 = Object.assign(Object.assign({}, staticData$1), {
|
|
20589
|
+
name: 'notifications_m2',
|
|
20590
|
+
svgPathData: 'M4.06076 17.184C4.18334 17.184 4.30414 17.1477 4.39538 17.0599C4.48744 16.9714 4.52676 16.8523 4.52676 16.732V11.8592L6.47129 15.4905C6.51136 15.5778 6.57067 15.6562 6.65395 15.7128C6.7403 15.7713 6.84013 15.798 6.94476 15.798H7.77075C7.86789 15.798 7.96643 15.7783 8.05648 15.7224C8.14532 15.6673 8.20921 15.5873 8.2561 15.4945L10.2028 11.8944V16.732C10.2028 16.8523 10.2421 16.9714 10.3341 17.0599C10.4254 17.1477 10.5462 17.184 10.6688 17.184H11.9148C12.0378 17.184 12.1588 17.1472 12.248 17.0543C12.3359 16.9628 12.3668 16.844 12.3668 16.732V7.43601C12.3668 7.32406 12.3359 7.20526 12.248 7.11375C12.1588 7.02084 12.0378 6.98401 11.9148 6.98401H10.7388C10.6416 6.98401 10.5431 7.00369 10.453 7.05958C10.3639 7.11487 10.2999 7.1952 10.253 7.28826L7.36475 12.7351L4.47649 7.28827C4.42957 7.1952 4.36556 7.11488 4.27648 7.05958C4.18643 7.00369 4.08789 6.98401 3.99076 6.98401H2.81475C2.69217 6.98401 2.57137 7.02036 2.48013 7.10809C2.38807 7.19661 2.34875 7.31572 2.34875 7.43601V16.732C2.34875 16.8523 2.38807 16.9714 2.48013 17.0599C2.57137 17.1477 2.69217 17.184 2.81475 17.184H4.06076Z M14.9728 17.184H20.6988C20.9182 17.184 21.1052 17.0663 21.1924 16.8483L21.6134 15.6978L21.6141 15.6961C21.661 15.5729 21.6755 15.4206 21.5835 15.2934C21.4931 15.1686 21.3456 15.132 21.2168 15.132H18.2083C19.0342 14.3753 19.7705 13.6271 20.3223 12.8567C20.9603 11.9661 21.3608 11.0334 21.3608 10.012C21.3608 9.04197 21.0362 8.23749 20.4464 7.67611C19.8577 7.11581 19.0241 6.81598 18.0388 6.81598C17.1044 6.81598 16.2952 7.12573 15.6967 7.67543C15.0985 8.22492 14.7219 9.00388 14.6337 9.92287L14.6334 9.92537C14.6229 10.0513 14.6532 10.1797 14.7463 10.2766C14.8381 10.372 14.9632 10.408 15.0848 10.408H16.3168C16.4298 10.408 16.5441 10.3767 16.6348 10.2965C16.724 10.2176 16.7691 10.11 16.7811 9.99674C16.8457 9.62263 16.9952 9.3517 17.199 9.17394C17.4034 8.99565 17.6796 8.89598 18.0248 8.89598C18.3953 8.89598 18.6651 9.02408 18.8435 9.21812C19.0242 9.41456 19.1268 9.69571 19.1268 10.026C19.1268 10.4627 18.9728 10.9281 18.7005 11.4121C18.4286 11.8955 18.0448 12.3865 17.6008 12.8711C16.8289 13.7136 15.8923 14.5188 15.0785 15.2184C14.9546 15.3249 14.8335 15.429 14.7163 15.5304C14.5601 15.6644 14.5208 15.8273 14.5208 15.99V16.732C14.5208 16.8439 14.5516 16.9627 14.6395 17.0542C14.7287 17.1472 14.8497 17.184 14.9728 17.184Z'
|
|
20591
|
+
});
|
|
20592
|
+
var notifications_m3 = Object.assign(Object.assign({}, staticData$1), {
|
|
20593
|
+
name: 'notifications_m3',
|
|
20594
|
+
svgPathData: 'M19.1376 10.4443L20.8375 8.76843L20.8385 8.76742C20.9053 8.70057 20.9541 8.62747 20.9846 8.54435C21.0145 8.46269 21.023 8.38149 21.023 8.304V7.268C21.023 7.15605 20.9922 7.03725 20.9043 6.94575C20.8151 6.85283 20.6941 6.816 20.571 6.816H15.531C15.4361 6.816 15.331 6.83481 15.2377 6.89596C15.1431 6.95796 15.0794 7.05112 15.0466 7.16443L14.6297 8.30385C14.5826 8.42738 14.5691 8.57702 14.6559 8.7028C14.7426 8.82858 14.8866 8.868 15.013 8.868H18.2045L16.6512 10.387L16.6496 10.3886C16.5235 10.5147 16.465 10.6799 16.465 10.852V11.748C16.465 11.8628 16.4937 11.985 16.5811 12.0797C16.6709 12.177 16.7939 12.214 16.917 12.214H17.533C18.1346 12.214 18.6241 12.333 18.9576 12.5635C19.2802 12.7866 19.475 13.1259 19.475 13.624C19.475 14.0592 19.3247 14.4271 19.0467 14.6872C18.7678 14.948 18.3412 15.118 17.757 15.118C16.7259 15.118 15.9663 14.6973 15.441 14.1195C15.3606 14.031 15.2285 13.9258 15.0613 13.9624C14.9033 13.9969 14.8193 14.1377 14.7732 14.2452L14.3492 15.4033L14.3455 15.4145C14.3172 15.5087 14.3073 15.6066 14.3329 15.7057C14.3584 15.8046 14.4138 15.8836 14.4796 15.9494C15.1647 16.6345 16.3932 17.184 17.785 17.184C18.9831 17.184 19.9656 16.8021 20.6503 16.1585C21.3353 15.5145 21.709 14.6206 21.709 13.624C21.709 12.7196 21.4215 11.9478 20.8962 11.3811C20.4537 10.9035 19.8522 10.5819 19.1376 10.4443ZM4.33764 16.8919C4.2464 16.9796 4.1256 17.016 4.00302 17.016H2.75702C2.63443 17.016 2.51363 16.9796 2.42239 16.8919C2.33033 16.8034 2.29102 16.6843 2.29102 16.564V7.268C2.29102 7.14771 2.33033 7.02861 2.42239 6.94009C2.51363 6.85236 2.63443 6.816 2.75702 6.816H3.93302C4.03015 6.816 4.12869 6.83568 4.21874 6.89157C4.30783 6.94687 4.37183 7.0272 4.41875 7.12026L7.30702 12.5671L10.1953 7.12026C10.2422 7.02719 10.3062 6.94687 10.3953 6.89157C10.4853 6.83568 10.5839 6.816 10.681 6.816H11.857C11.9801 6.816 12.1011 6.85283 12.1903 6.94575C12.2781 7.03725 12.309 7.15605 12.309 7.268V16.564C12.309 16.676 12.2781 16.7948 12.1903 16.8863C12.1011 16.9792 11.9801 17.016 11.857 17.016H10.611C10.4884 17.016 10.3676 16.9796 10.2764 16.8919C10.1843 16.8034 10.145 16.6843 10.145 16.564V11.7264L8.19836 15.3265C8.15147 15.4193 8.08758 15.4993 7.99874 15.5544C7.90869 15.6103 7.81015 15.63 7.71302 15.63H6.88702C6.78239 15.63 6.68256 15.6033 6.59622 15.5447C6.51293 15.4882 6.45362 15.4098 6.41355 15.3225L4.46902 11.6912V16.564C4.46902 16.6843 4.4297 16.8034 4.33764 16.8919Z'
|
|
20595
|
+
});
|
|
20596
|
+
var notifications_m4 = Object.assign(Object.assign({}, staticData$1), {
|
|
20597
|
+
name: 'notifications_m4',
|
|
20598
|
+
svgPathData: 'M18.4337 15H14.4617C14.3387 15 14.2177 14.9632 14.1285 14.8703C14.0406 14.7788 14.0097 14.66 14.0097 14.548V13.638C14.0097 13.4757 14.0478 13.3358 14.145 13.1998L14.146 13.1983L18.556 7.13635L18.5577 7.134C18.6155 7.05701 18.6847 6.9956 18.769 6.95489C18.8529 6.91439 18.9401 6.9 19.0257 6.9H20.1877C20.3108 6.9 20.4318 6.93683 20.521 7.02975C20.6089 7.12125 20.6397 7.24005 20.6397 7.352V12.948H21.6717C21.7982 12.948 21.9421 12.9874 22.0289 13.1132C22.1156 13.239 22.1022 13.3886 22.0551 13.5121L22.0544 13.5138L21.6382 14.6516C21.6054 14.7649 21.5417 14.858 21.4471 14.92C21.3538 14.9812 21.2487 15 21.1537 15H20.6397V16.648C20.6397 16.76 20.6089 16.8788 20.521 16.9703C20.4318 17.0632 20.3108 17.1 20.1877 17.1H18.8997C18.7771 17.1 18.6563 17.0636 18.5651 16.9759C18.473 16.8874 18.4337 16.7683 18.4337 16.648V15ZM3.95434 16.9759C3.8631 17.0636 3.7423 17.1 3.61971 17.1H2.37371C2.25113 17.1 2.13033 17.0636 2.03909 16.9759C1.94703 16.8874 1.90771 16.7683 1.90771 16.648V7.352C1.90771 7.23171 1.94703 7.11261 2.03909 7.02409C2.13033 6.93636 2.25113 6.9 2.37371 6.9H3.54972C3.64685 6.9 3.74539 6.91968 3.83544 6.97557C3.92452 7.03087 3.98853 7.1112 4.03545 7.20426L6.92371 12.6511L9.81199 7.20425C9.8589 7.11119 9.92291 7.03087 10.012 6.97557C10.102 6.91968 10.2006 6.9 10.2977 6.9H11.4737C11.5968 6.9 11.7178 6.93683 11.807 7.02975C11.8948 7.12125 11.9257 7.24005 11.9257 7.352V16.648C11.9257 16.76 11.8948 16.8788 11.807 16.9703C11.7178 17.0632 11.5968 17.1 11.4737 17.1H10.2277C10.1051 17.1 9.98433 17.0636 9.89309 16.9759C9.80103 16.8874 9.76171 16.7683 9.76171 16.648V11.8104L7.81506 15.4105C7.76817 15.5033 7.70428 15.5833 7.61544 15.6384C7.52539 15.6943 7.42685 15.714 7.32971 15.714H6.50372C6.39909 15.714 6.29926 15.6873 6.21291 15.6287C6.12963 15.5722 6.07032 15.4938 6.03025 15.4065L4.08572 11.7752V16.648C4.08572 16.7683 4.0464 16.8874 3.95434 16.9759ZM18.4337 10.4313L16.6044 12.948H18.4337V10.4313Z'
|
|
20599
|
+
});
|
|
20600
|
+
var notifications_m5 = Object.assign(Object.assign({}, staticData$1), {
|
|
20601
|
+
name: 'notifications_m5',
|
|
20602
|
+
svgPathData: 'M15.7391 6.91238C15.832 6.84011 15.9432 6.816 16.0491 6.816H20.6831C20.8108 6.816 20.9539 6.85673 21.0343 6.98921C21.1088 7.11187 21.0905 7.25223 21.0548 7.35925L21.0533 7.36401L20.6309 8.53232C20.5979 8.61484 20.5502 8.70492 20.4668 8.77168C20.3782 8.84251 20.2739 8.868 20.1651 8.868H17.2749L17.0037 10.1365C17.4221 9.964 17.8668 9.896 18.3451 9.896C19.3816 9.896 20.237 10.2648 20.8328 10.8869C21.4275 11.5079 21.7511 12.368 21.7511 13.33C21.7511 14.6247 21.2551 15.5941 20.515 16.2372C19.7793 16.8766 18.8138 17.184 17.8831 17.184C16.3965 17.184 15.3671 16.5988 14.6897 15.9214C14.6202 15.852 14.567 15.7686 14.5426 15.671C14.518 15.5728 14.5262 15.4743 14.5574 15.3808L14.559 15.3758L14.9648 14.2567C15.0057 14.1423 15.0881 13.9961 15.2508 13.9578C15.4198 13.9181 15.5597 14.0198 15.6505 14.1189C16.0116 14.5139 16.3308 14.7706 16.6714 14.9305C17.0104 15.0896 17.3854 15.16 17.8691 15.16C18.8651 15.16 19.5171 14.3956 19.5171 13.456C19.5171 12.9922 19.3758 12.6045 19.1175 12.3342C18.8607 12.0655 18.4687 11.892 17.9251 11.892C17.1733 11.892 16.6275 12.1876 16.1573 12.5504C16.0774 12.6124 15.9804 12.6654 15.8648 12.6722C15.7446 12.6792 15.6387 12.6341 15.5486 12.5641L14.9898 12.131C14.9181 12.077 14.8491 12.0073 14.8063 11.9126C14.7621 11.8147 14.7545 11.7094 14.7743 11.6003L15.5723 7.20428C15.5929 7.0912 15.6441 6.98624 15.7391 6.91238Z M2.38028 6.94009C2.47152 6.85236 2.59231 6.816 2.7149 6.816H3.8909C3.98804 6.816 4.08657 6.83568 4.17662 6.89157C4.26571 6.94687 4.32972 7.0272 4.37663 7.12026L7.2649 12.5671L10.1532 7.12026C10.2001 7.02719 10.2641 6.94687 10.3532 6.89157C10.4432 6.83568 10.5418 6.816 10.6389 6.816H11.8149C11.9379 6.816 12.059 6.85283 12.1482 6.94575C12.236 7.03725 12.2669 7.15605 12.2669 7.268V16.564C12.2669 16.676 12.236 16.7948 12.1482 16.8863C12.059 16.9792 11.9379 17.016 11.8149 17.016H10.5689C10.4463 17.016 10.3255 16.9796 10.2343 16.8919C10.1422 16.8034 10.1029 16.6843 10.1029 16.564V11.7264L8.15624 15.3265C8.10936 15.4193 8.04546 15.4993 7.95662 15.5544C7.86657 15.6103 7.76803 15.63 7.6709 15.63H6.8449C6.74027 15.63 6.64045 15.6033 6.5541 15.5447C6.47081 15.4882 6.41151 15.4098 6.37143 15.3225L4.4269 11.6912V16.564C4.4269 16.6843 4.38758 16.8034 4.29552 16.8919C4.20429 16.9796 4.08349 17.016 3.9609 17.016H2.7149C2.59231 17.016 2.47152 16.9796 2.38028 16.8919C2.28822 16.8034 2.2489 16.6843 2.2489 16.564V7.268C2.2489 7.14771 2.28822 7.02861 2.38028 6.94009Z'
|
|
20603
|
+
});
|
|
20604
|
+
var notifications_m6 = Object.assign(Object.assign({}, staticData$1), {
|
|
20605
|
+
name: 'notifications_m6',
|
|
20606
|
+
svgPathData: 'M4.11364 16.9759C4.0224 17.0636 3.9016 17.1 3.77902 17.1H2.53302C2.41043 17.1 2.28963 17.0636 2.19839 16.9759C2.10633 16.8874 2.06702 16.7683 2.06702 16.648V7.35199C2.06702 7.2317 2.10633 7.1126 2.19839 7.02408C2.28963 6.93635 2.41043 6.89999 2.53302 6.89999H3.70902C3.80615 6.89999 3.90469 6.91967 3.99474 6.97557C4.08383 7.03086 4.14783 7.11119 4.19475 7.20426L7.08302 12.6511L9.97129 7.20425C10.0182 7.11118 10.0822 7.03086 10.1713 6.97557C10.2613 6.91967 10.3599 6.89999 10.457 6.89999H11.633C11.7561 6.89999 11.8771 6.93682 11.9663 7.02974C12.0541 7.12124 12.085 7.24004 12.085 7.35199V16.648C12.085 16.7599 12.0541 16.8787 11.9663 16.9703C11.8771 17.0632 11.7561 17.1 11.633 17.1H10.387C10.2644 17.1 10.1436 17.0636 10.0524 16.9759C9.96033 16.8874 9.92102 16.7683 9.92102 16.648V11.8104L7.97436 15.4105C7.92748 15.5032 7.86358 15.5833 7.77474 15.6384C7.68469 15.6943 7.58615 15.714 7.48902 15.714H6.66302C6.55839 15.714 6.45856 15.6873 6.37222 15.6287C6.28893 15.5722 6.22962 15.4938 6.18955 15.4065L4.24502 11.7752V16.648C4.24502 16.7683 4.2057 16.8874 4.11364 16.9759ZM20.8129 16.3055C20.1262 16.9345 19.1942 17.268 18.205 17.268C17.1819 17.268 16.2087 16.9415 15.494 16.1426C14.7818 15.3465 14.351 14.1089 14.351 12.336C14.351 10.6206 14.7529 9.22166 15.5038 8.2467C16.2595 7.26563 17.3554 6.73199 18.695 6.73199C19.5042 6.73199 20.2568 6.87687 20.9685 7.30681C21.0723 7.36926 21.1521 7.45895 21.1864 7.57556C21.2198 7.68918 21.2024 7.80245 21.1632 7.90099L21.1627 7.90227L20.7443 8.99027C20.7019 9.10559 20.6186 9.21474 20.4805 9.25537C20.3479 9.29437 20.2159 9.25461 20.1066 9.19094C19.608 8.90236 19.1673 8.81199 18.709 8.81199C18.1815 8.81199 17.6952 8.94343 17.3188 9.29975C17.0264 9.57649 16.7827 10.0054 16.6466 10.6586C17.1898 10.197 17.891 9.97999 18.583 9.97999C20.166 9.97999 21.933 11.1644 21.933 13.61C21.933 14.7554 21.5019 15.6743 20.8129 16.3055ZM17.0892 14.7666C17.3466 15.0482 17.7259 15.23 18.219 15.23C18.7046 15.23 19.0844 15.0486 19.344 14.7661C19.6056 14.4816 19.755 14.0837 19.755 13.638C19.755 12.7652 19.1701 12.046 18.219 12.046C17.7269 12.046 17.3475 12.2305 17.0895 12.5143C16.8293 12.8005 16.683 13.1987 16.683 13.638C16.683 14.0848 16.8296 14.4826 17.0892 14.7666Z'
|
|
20607
|
+
});
|
|
20608
|
+
var notifications_m9 = Object.assign(Object.assign({}, staticData$1), {
|
|
20609
|
+
name: 'notifications_m9',
|
|
20610
|
+
svgPathData: 'M3.84896 17.1C3.97155 17.1 4.09235 17.0637 4.18358 16.9759C4.27565 16.8874 4.31496 16.7683 4.31496 16.648V11.7752L6.2595 15.4065C6.29957 15.4938 6.35887 15.5722 6.44216 15.6288C6.52851 15.6873 6.62833 15.714 6.73296 15.714H7.55896C7.6561 15.714 7.75463 15.6943 7.84469 15.6384C7.93353 15.5833 7.99742 15.5033 8.0443 15.4105L9.99096 11.8104V16.648C9.99096 16.7683 10.0303 16.8874 10.1223 16.9759C10.2136 17.0637 10.3344 17.1 10.457 17.1H11.703C11.826 17.1 11.947 17.0632 12.0362 16.9703C12.1241 16.8788 12.155 16.76 12.155 16.648V7.35201C12.155 7.24006 12.1241 7.12126 12.0362 7.02975C11.947 6.93684 11.826 6.90001 11.703 6.90001H10.527C10.4298 6.90001 10.3313 6.91969 10.2412 6.97558C10.1522 7.03087 10.0882 7.1112 10.0412 7.20426L7.15296 12.6511L4.2647 7.20427C4.21778 7.11121 4.15377 7.03088 4.06469 6.97558C3.97464 6.91969 3.8761 6.90001 3.77896 6.90001H2.60296C2.48038 6.90001 2.35958 6.93637 2.26834 7.02409C2.17628 7.11261 2.13696 7.23172 2.13696 7.35201V16.648C2.13696 16.7683 2.17628 16.8874 2.26834 16.9759C2.35958 17.0637 2.48038 17.1 2.60296 17.1H3.84896Z M18.009 6.73201C17.0198 6.73201 16.0878 7.06553 15.4011 7.69453C14.7121 8.3257 14.281 9.24462 14.281 10.39C14.281 12.8356 16.048 14.02 17.631 14.02C18.323 14.02 19.0242 13.803 19.5674 13.3414C19.4313 13.9946 19.1876 14.4235 18.8952 14.7003C18.5188 15.0566 18.0325 15.188 17.505 15.188C17.0467 15.188 16.6059 15.0976 16.1074 14.809C15.9981 14.7454 15.8661 14.7056 15.7335 14.7446C15.5954 14.7853 15.5121 14.8944 15.4697 15.0097L15.0507 16.0991C15.0116 16.1976 14.9942 16.3108 15.0276 16.4244C15.0619 16.5411 15.1417 16.6307 15.2456 16.6932C15.9572 17.1231 16.7098 17.268 17.519 17.268C18.8586 17.268 19.9545 16.7344 20.7102 15.7533C21.4611 14.7783 21.863 13.3794 21.863 11.664C21.863 9.89107 21.4322 8.65352 20.72 7.85741C20.0053 7.05846 19.0321 6.73201 18.009 6.73201ZM17.995 8.77001C18.4881 8.77001 18.8674 8.95178 19.1249 9.23344C19.3844 9.51738 19.531 9.91519 19.531 10.362C19.531 10.8013 19.3847 11.1995 19.1245 11.4857C18.8665 11.7695 18.4871 11.954 17.995 11.954C17.0439 11.954 16.459 11.2348 16.459 10.362C16.459 9.91631 16.6084 9.51837 16.87 9.23387C17.1296 8.95141 17.5094 8.77001 17.995 8.77001Z'
|
|
20236
20611
|
});
|
|
20237
20612
|
|
|
20238
20613
|
var staticData = {
|
|
20239
20614
|
width: '24',
|
|
20240
20615
|
height: '24',
|
|
20241
20616
|
prefix: 'echo',
|
|
20242
|
-
group: '
|
|
20617
|
+
group: 'workorders'
|
|
20243
20618
|
};
|
|
20244
|
-
|
|
20245
|
-
|
|
20246
|
-
|
|
20247
|
-
|
|
20248
|
-
|
|
20249
|
-
|
|
20619
|
+
var workorders_main_group = Object.assign(Object.assign({}, staticData), {
|
|
20620
|
+
name: 'workorders_main_group',
|
|
20621
|
+
svgPathData: 'M10.5 9L7.9683 6.47887V4.97887L4.98943 2L2 4.98944L4.98943 7.97887H6.47887L9 10.5L10.5 9ZM21.7227 18.2241L16.493 13H15.5063L13 15.5036V16.4893L18.2297 21.7134C18.4146 21.897 18.6646 22 18.9253 22C19.186 22 19.4362 21.897 19.621 21.7134L21.7227 19.5942C21.9006 19.4103 22 19.1647 22 18.9091C22 18.6535 21.9006 18.4079 21.7227 18.2241ZM18.9303 19.5942L14.7465 15.4149L15.4471 14.7151L19.6309 18.8943L18.9303 19.5942ZM17.2135 8.81418L8.66019 17.4082C8.79696 17.7732 8.86911 18.1592 8.87341 18.5489C8.87085 19.4634 8.50549 20.3397 7.85715 20.9864C7.20883 21.633 6.33024 21.9975 5.41336 22C4.85805 21.9976 4.31196 21.8581 3.82387 21.594L6.54733 18.9452L5.07414 17.4758L2.39914 20.1343C2.07465 19.5222 1.94332 18.8267 2.02241 18.1389C2.1015 17.4511 2.38732 16.8032 2.84231 16.2803C3.2973 15.7575 3.9002 15.3842 4.57181 15.2093C5.24343 15.0345 5.95235 15.0663 6.60548 15.3008L9.3677 12.507L11.4515 10.4189L15.1103 6.76477C14.9778 6.39889 14.909 6.01309 14.9068 5.62407C14.9068 4.70877 15.2714 3.83096 15.9203 3.18375C16.5692 2.53653 17.4492 2.17294 18.3668 2.17294C18.919 2.1765 19.4616 2.31597 19.9466 2.57895L17.2716 5.23738L18.7448 6.70677L21.4198 4C21.7014 4.52279 21.8413 5.10975 21.8259 5.70297C21.8105 6.29617 21.6403 6.87513 21.332 7.38268C21.0238 7.89023 20.5881 8.30883 20.0682 8.59717C19.5482 8.88551 18.9617 9.03361 18.3668 9.02686C17.9727 9.02639 17.5818 8.95433 17.2135 8.81418Z'
|
|
20622
|
+
});
|
|
20623
|
+
var workorders_pm01 = Object.assign(Object.assign({}, staticData), {
|
|
20624
|
+
name: 'workorders_pm01',
|
|
20625
|
+
svgPathData: 'M3.54033 2.06696C3.61739 1.99287 3.71966 1.96191 3.82409 1.96191H6.72808C7.56369 1.96191 8.33044 2.20696 8.89105 2.68841C9.45472 3.17249 9.79706 3.88486 9.79706 4.78891C9.79706 5.69306 9.45463 6.40262 8.89064 6.88372C8.32987 7.36208 7.56318 7.60381 6.72808 7.60381H5.32009V10.3791C5.32009 10.4745 5.29379 10.575 5.21967 10.6522C5.14443 10.7306 5.0421 10.7619 4.93729 10.7619H3.82409C3.71966 10.7619 3.61739 10.731 3.54033 10.6569C3.46259 10.5821 3.4292 10.4814 3.4292 10.3791V2.34471C3.4292 2.24245 3.4626 2.14171 3.54033 2.06696ZM12.1058 2.06696C12.1828 1.99287 12.2851 1.96191 12.3895 1.96191H13.4059C13.4888 1.96191 13.5724 1.9787 13.6487 2.02605C13.7242 2.0729 13.7787 2.1411 13.8187 2.22061L16.322 6.94141L18.8253 2.22061C18.8653 2.1411 18.9198 2.0729 18.9953 2.02605C19.0716 1.9787 19.1552 1.96191 19.2381 1.96191H20.2545C20.3593 1.96191 20.4616 1.99326 20.5369 2.07163C20.611 2.14884 20.6373 2.24933 20.6373 2.34471V10.3791C20.6373 10.4745 20.611 10.575 20.5369 10.6522C20.4616 10.7306 20.3593 10.7619 20.2545 10.7619H19.1776C19.0732 10.7619 18.9709 10.731 18.8938 10.6569C18.8161 10.5821 18.7827 10.4814 18.7827 10.3791V6.16697L17.0854 9.30595C17.0454 9.38519 16.991 9.45315 16.9157 9.49988C16.8394 9.54723 16.7558 9.56402 16.6729 9.56402H15.959C15.8699 9.56402 15.7852 9.54133 15.7121 9.49169C15.6414 9.44374 15.591 9.3771 15.5568 9.30263L13.8613 6.13628V10.3791C13.8613 10.4814 13.8279 10.5821 13.7502 10.6569C13.6731 10.731 13.5709 10.7619 13.4664 10.7619H12.3895C12.2851 10.7619 12.1828 10.731 12.1058 10.6569C12.028 10.5821 11.9946 10.4814 11.9946 10.3791V2.34471C11.9946 2.24245 12.028 2.14171 12.1058 2.06696ZM5.32009 3.71971V5.84601H6.66758C7.03741 5.84601 7.34474 5.74236 7.55656 5.56411C7.76518 5.38857 7.89407 5.13033 7.89407 4.78891C7.89407 4.44172 7.76236 4.18032 7.55196 4.00307C7.33835 3.82312 7.03088 3.71971 6.66758 3.71971H5.32009ZM4.46219 13.5228C5.16654 12.6493 6.17065 12.1513 7.35602 12.1513C8.53508 12.1513 9.53587 12.6495 10.2384 13.523C10.9387 14.3936 11.3358 15.6274 11.3358 17.0947C11.3358 18.562 10.9387 19.7958 10.2384 20.6664C9.53587 21.5398 8.53508 22.0381 7.35602 22.0381C6.17065 22.0381 5.16654 21.5401 4.46219 20.6665C3.76015 19.7959 3.36304 18.562 3.36304 17.0947C3.36304 15.6274 3.76015 14.3935 4.46219 13.5228ZM18.1838 12.2932C18.2927 12.3721 18.3263 12.5021 18.3263 12.6199V19.9921H19.5076C19.6191 19.9921 19.7263 20.0253 19.8049 20.1072C19.8823 20.1878 19.9102 20.2932 19.9102 20.3947V21.4771C19.9102 21.5785 19.8823 21.6839 19.8049 21.7646C19.7263 21.8464 19.6191 21.8797 19.5076 21.8797H15.1121C15.001 21.8797 14.8935 21.8468 14.8129 21.7693C14.7316 21.6911 14.6963 21.5854 14.6963 21.4771V20.3947C14.6963 20.2864 14.7316 20.1807 14.8129 20.1025C14.8935 20.025 15.001 19.9921 15.1121 19.9921H16.2935V14.8405L15.1847 15.2686L15.1832 15.2692C15.0575 15.3163 14.8945 15.3333 14.7787 15.2257C14.6584 15.114 14.6719 14.9477 14.7198 14.8195L15.2204 13.4626C15.2764 13.2971 15.3928 13.1806 15.5582 13.1245L17.8248 12.2679C17.9373 12.2247 18.0726 12.2127 18.1838 12.2932ZM5.92083 14.8589C5.57369 15.3596 5.36943 16.1112 5.36943 17.0947C5.36943 18.0782 5.57369 18.8297 5.92083 19.3305C6.26332 19.8245 6.75087 20.0845 7.35602 20.0845C7.947 20.0845 8.43165 19.8253 8.77471 19.3305C9.12205 18.8294 9.3294 18.0776 9.3294 17.0947C9.3294 16.1117 9.12205 15.3599 8.77471 14.8589C8.43165 14.364 7.947 14.1049 7.35602 14.1049C6.75087 14.1049 6.26332 14.3648 5.92083 14.8589Z'
|
|
20626
|
+
});
|
|
20627
|
+
var workorders_pm02 = Object.assign(Object.assign({}, staticData), {
|
|
20628
|
+
name: 'workorders_pm02',
|
|
20629
|
+
svgPathData: 'M3.50713 2.06696C3.58419 1.99287 3.68646 1.96191 3.79089 1.96191H6.69488C7.53049 1.96191 8.29724 2.20696 8.85785 2.68841C9.42152 3.17249 9.76386 3.88486 9.76386 4.78891C9.76386 5.69306 9.42143 6.40262 8.85744 6.88372C8.29667 7.36207 7.52998 7.60382 6.69488 7.60382H5.28689V10.3791C5.28689 10.4745 5.26059 10.575 5.18647 10.6522C5.11123 10.7306 5.0089 10.7619 4.90409 10.7619H3.79089C3.68646 10.7619 3.58419 10.731 3.50713 10.6569C3.42939 10.5821 3.396 10.4814 3.396 10.3791V2.34471C3.396 2.24245 3.42939 2.14171 3.50713 2.06696ZM12.0726 2.06696C12.1496 1.99287 12.2519 1.96191 12.3563 1.96191H13.3727C13.4556 1.96191 13.5392 1.9787 13.6155 2.02605C13.691 2.0729 13.7454 2.14108 13.7855 2.22058L16.2888 6.94141L18.7921 2.22058C18.8322 2.14108 18.8866 2.0729 18.9621 2.02605C19.0384 1.9787 19.122 1.96191 19.2049 1.96191H20.2213C20.3261 1.96191 20.4284 1.99326 20.5037 2.07163C20.5778 2.14884 20.6041 2.24933 20.6041 2.34471V10.3791C20.6041 10.4745 20.5778 10.575 20.5037 10.6522C20.4284 10.7306 20.3261 10.7619 20.2213 10.7619H19.1444C19.04 10.7619 18.9377 10.731 18.8606 10.6569C18.7829 10.5821 18.7495 10.4814 18.7495 10.3791V6.16697L17.0522 9.30597C17.0121 9.38521 16.9578 9.45316 16.8825 9.49988C16.8062 9.54723 16.7226 9.56402 16.6397 9.56402H15.9258C15.8367 9.56402 15.752 9.54133 15.6789 9.49169C15.6082 9.44374 15.5578 9.3771 15.5236 9.30262L13.8281 6.13628V10.3791C13.8281 10.4814 13.7947 10.5821 13.717 10.6569C13.6399 10.731 13.5377 10.7619 13.4332 10.7619H12.3563C12.2519 10.7619 12.1496 10.731 12.0726 10.6569C11.9948 10.5821 11.9614 10.4814 11.9614 10.3791V2.34471C11.9614 2.24245 11.9948 2.14171 12.0726 2.06696ZM5.28689 3.71971V5.84601H6.63438C7.00421 5.84601 7.31154 5.74236 7.52336 5.56411C7.73198 5.38857 7.86087 5.13033 7.86087 4.78891C7.86087 4.44172 7.72916 4.18032 7.51876 4.00307C7.30515 3.82312 6.99768 3.71971 6.63438 3.71971H5.28689ZM4.78133 13.5228C5.48568 12.6493 6.48979 12.1513 7.67516 12.1513C8.85422 12.1513 9.85501 12.6495 10.5576 13.523C11.2578 14.3936 11.6549 15.6274 11.6549 17.0947C11.6549 18.562 11.2578 19.7958 10.5576 20.6664C9.85501 21.5398 8.85422 22.0381 7.67516 22.0381C6.48979 22.0381 5.48568 21.5401 4.78133 20.6665C4.07929 19.7959 3.68218 18.562 3.68218 17.0947C3.68218 15.6274 4.07929 14.3935 4.78133 13.5228ZM14.9886 12.9554C15.5481 12.4415 16.3052 12.1513 17.1809 12.1513C18.1051 12.1513 18.8848 12.4325 19.4346 12.9558C19.9854 13.48 20.2894 14.2319 20.2894 15.1411C20.2894 16.0976 19.9145 16.9722 19.3148 17.8095C18.7859 18.5479 18.0764 19.2651 17.28 19.9921H20.1772C20.295 19.9921 20.425 20.0256 20.5039 20.1346C20.5843 20.2455 20.5726 20.3799 20.5297 20.4922L20.5292 20.4935L20.1325 21.578C20.0539 21.7744 19.8864 21.8797 19.6888 21.8797H14.2901C14.1787 21.8797 14.0714 21.8464 13.9928 21.7646C13.9154 21.684 13.8875 21.5785 13.8875 21.4771V20.7775C13.8875 20.6284 13.9232 20.4825 14.0637 20.362C14.1741 20.2665 14.2882 20.1684 14.405 20.068C15.1722 19.4084 16.0565 18.6482 16.7853 17.8528C17.2047 17.3951 17.5677 16.9307 17.8253 16.4728C18.0833 16.0143 18.2303 15.5715 18.2303 15.1543C18.2303 14.8381 18.132 14.5669 17.957 14.3766C17.7838 14.1883 17.5228 14.0653 17.1677 14.0653C16.8375 14.0653 16.5713 14.1607 16.3736 14.3332C16.1764 14.5052 16.0332 14.7662 15.9717 15.1236C15.961 15.226 15.9205 15.3218 15.8415 15.3917C15.7614 15.4626 15.6596 15.4909 15.5573 15.4909H14.3957C14.2855 15.4909 14.1744 15.4583 14.0936 15.3742C14.0116 15.289 13.9842 15.1752 13.9936 15.0614L13.9938 15.0593C14.0765 14.198 14.4293 13.4692 14.9886 12.9554ZM6.23997 14.8589C5.89284 15.3596 5.68857 16.1112 5.68857 17.0947C5.68857 18.0782 5.89284 18.8297 6.23997 19.3305C6.58247 19.8245 7.07001 20.0845 7.67516 20.0845C8.26614 20.0845 8.75079 19.8253 9.09385 19.3305C9.44119 18.8294 9.64855 18.0776 9.64855 17.0947C9.64855 16.1117 9.44119 15.3599 9.09385 14.8589C8.75079 14.364 8.26614 14.1049 7.67516 14.1049C7.07001 14.1049 6.58247 14.3648 6.23997 14.8589Z'
|
|
20630
|
+
});
|
|
20631
|
+
var workorders_pm03 = Object.assign(Object.assign({}, staticData), {
|
|
20632
|
+
name: 'workorders_pm03',
|
|
20633
|
+
svgPathData: 'M3.50542 2.06697C3.58248 1.99287 3.68475 1.96191 3.78918 1.96191H6.69317C7.52878 1.96191 8.29553 2.20697 8.85614 2.68842C9.41981 3.17249 9.76215 3.88486 9.76215 4.78892C9.76215 5.69307 9.41972 6.40262 8.85573 6.88372C8.29496 7.36207 7.52827 7.60382 6.69317 7.60382H5.28518V10.3791C5.28518 10.4745 5.25888 10.575 5.18476 10.6522C5.10951 10.7306 5.00719 10.7619 4.90238 10.7619H3.78918C3.68475 10.7619 3.58248 10.731 3.50542 10.6569C3.42769 10.5821 3.39429 10.4814 3.39429 10.3791V2.34472C3.39429 2.24245 3.42769 2.14172 3.50542 2.06697ZM12.0709 2.06697C12.1479 1.99287 12.2502 1.96191 12.3546 1.96191H13.371C13.4539 1.96191 13.5375 1.9787 13.6138 2.02605C13.6893 2.07291 13.7438 2.1411 13.7838 2.22062L13.7848 2.22253L16.2871 6.94141L18.7894 2.22253L18.7903 2.22062C18.8304 2.1411 18.8849 2.07291 18.9604 2.02605C19.0367 1.9787 19.1203 1.96191 19.2032 1.96191H20.2196C20.3244 1.96191 20.4267 1.99326 20.5019 2.07164C20.5761 2.14885 20.6024 2.24933 20.6024 2.34472V10.3791C20.6024 10.4745 20.5761 10.575 20.5019 10.6522C20.4267 10.7306 20.3244 10.7619 20.2196 10.7619H19.1427C19.0382 10.7619 18.936 10.731 18.8589 10.6569C18.7812 10.5821 18.7478 10.4814 18.7478 10.3791V6.16697L17.0518 9.30341L17.0505 9.30585C17.0105 9.38514 16.9561 9.45313 16.8808 9.49988C16.8045 9.54723 16.7209 9.56402 16.638 9.56402H15.9241C15.835 9.56402 15.7503 9.54133 15.6772 9.49168C15.6065 9.44375 15.5561 9.3771 15.5219 9.30262L13.8264 6.13628V10.3791C13.8264 10.4814 13.793 10.5821 13.7153 10.6569C13.6382 10.731 13.5359 10.7619 13.4315 10.7619H12.3546C12.2502 10.7619 12.1479 10.731 12.0709 10.6569C11.9931 10.5821 11.9597 10.4814 11.9597 10.3791V2.34472C11.9597 2.24245 11.9931 2.14172 12.0709 2.06697ZM5.28518 3.71972V5.84602H6.63267C7.0025 5.84602 7.30983 5.74236 7.52165 5.56412C7.73027 5.38857 7.85916 5.13033 7.85916 4.78892C7.85916 4.44173 7.72745 4.18032 7.51705 4.00307C7.30344 3.82312 6.99597 3.71972 6.63267 3.71972H5.28518ZM4.81829 13.5228C5.52264 12.6493 6.52676 12.1513 7.71212 12.1513C8.89118 12.1513 9.89197 12.6495 10.5945 13.523C11.2948 14.3936 11.6919 15.6274 11.6919 17.0947C11.6919 18.562 11.2948 19.7958 10.5945 20.6664C9.89197 21.5398 8.89118 22.0381 7.71212 22.0381C6.52676 22.0381 5.52264 21.5401 4.81829 20.6665C4.11625 19.7959 3.71914 18.562 3.71914 17.0947C3.71914 15.6274 4.11625 14.3935 4.81829 13.5228ZM14.541 12.3812C14.624 12.3268 14.7181 12.3097 14.8047 12.3097H19.5567C19.6681 12.3097 19.7754 12.3429 19.8539 12.4248C19.9313 12.5054 19.9593 12.6108 19.9593 12.7123V13.6891C19.9593 13.7604 19.9514 13.834 19.9244 13.9076C19.897 13.9823 19.8531 14.0484 19.7922 14.1093L19.7913 14.1102L18.1565 15.722C18.8454 15.846 19.4235 16.1504 19.846 16.6063C20.3366 17.1358 20.6061 17.8574 20.6061 18.7051C20.6061 19.6386 20.2561 20.4751 19.6152 21.0775C18.9747 21.6797 18.0544 22.0381 16.9299 22.0381C15.6233 22.0381 14.4711 21.522 13.83 20.8809C13.77 20.8209 13.7205 20.7499 13.6978 20.662C13.6751 20.5738 13.6837 20.486 13.7095 20.4001L13.7123 20.3907L14.1116 19.3C14.1546 19.1997 14.2299 19.0771 14.3668 19.0471C14.5114 19.0155 14.6278 19.106 14.7024 19.1881C15.2017 19.7374 15.9241 20.1373 16.9035 20.1373C17.4588 20.1373 17.8673 19.9755 18.1355 19.7247C18.4031 19.4745 18.5469 19.1211 18.5469 18.7051C18.5469 18.2281 18.3598 17.9008 18.0488 17.6858C17.729 17.4647 17.262 17.3521 16.6923 17.3521H16.1115C16 17.3521 15.8911 17.3187 15.8121 17.233C15.735 17.1496 15.7089 17.0409 15.7089 16.9363V16.0915C15.7089 15.9346 15.7621 15.7852 15.876 15.6712L15.8773 15.6699L17.3832 14.1973H14.3163C14.2013 14.1973 14.0747 14.1615 13.999 14.0517C13.9233 13.9419 13.934 13.8097 13.977 13.6971L13.9775 13.6958L14.3704 12.6219C14.3999 12.5194 14.4569 12.4363 14.541 12.3812ZM6.27693 14.8589C5.9298 15.3596 5.72553 16.1112 5.72553 17.0947C5.72553 18.0782 5.9298 18.8297 6.27693 19.3305C6.61943 19.8245 7.10697 20.0845 7.71212 20.0845C8.3031 20.0845 8.78775 19.8253 9.13081 19.3305C9.47816 18.8294 9.68551 18.0776 9.68551 17.0947C9.68551 16.1117 9.47816 15.3599 9.13081 14.8589C8.78775 14.364 8.3031 14.1049 7.71212 14.1049C7.10697 14.1049 6.61943 14.3648 6.27693 14.8589Z'
|
|
20634
|
+
});
|
|
20635
|
+
var workorders_pm04 = Object.assign(Object.assign({}, staticData), {
|
|
20636
|
+
name: 'workorders_pm04',
|
|
20637
|
+
svgPathData: 'M3.29722 2.06696C3.37428 1.99287 3.47655 1.96191 3.58098 1.96191H6.48496C7.32058 1.96191 8.08733 2.20696 8.64794 2.68841C9.2116 3.17248 9.55395 3.88486 9.55395 4.78891C9.55395 5.69306 9.21151 6.40262 8.64752 6.88372C8.08675 7.36208 7.32007 7.60382 6.48496 7.60382H5.07697V10.3791C5.07697 10.4745 5.05067 10.575 4.97655 10.6522C4.90131 10.7306 4.79898 10.7619 4.69417 10.7619H3.58098C3.47655 10.7619 3.37428 10.731 3.29722 10.6569C3.21948 10.5821 3.18608 10.4814 3.18608 10.3791V2.34471C3.18608 2.24244 3.21948 2.14171 3.29722 2.06696ZM11.8626 2.06696C11.9397 1.99287 12.042 1.96191 12.1464 1.96191H13.1628C13.2457 1.96191 13.3293 1.9787 13.4056 2.02605C13.4811 2.07291 13.5355 2.1411 13.5756 2.22062L13.5766 2.22252L16.0789 6.9414L18.5812 2.22252L18.5821 2.22062C18.6222 2.1411 18.6767 2.07291 18.7522 2.02605C18.8285 1.9787 18.9121 1.96191 18.995 1.96191H20.0114C20.1162 1.96191 20.2185 1.99326 20.2937 2.07164C20.3679 2.14884 20.3942 2.24933 20.3942 2.34471V10.3791C20.3942 10.4745 20.3679 10.575 20.2937 10.6522C20.2185 10.7306 20.1162 10.7619 20.0114 10.7619H18.9345C18.83 10.7619 18.7278 10.731 18.6507 10.6569C18.573 10.5821 18.5396 10.4814 18.5396 10.3791V6.16697L16.8436 9.30341L16.8423 9.30585C16.8023 9.38514 16.7479 9.45313 16.6726 9.49988C16.5963 9.54723 16.5127 9.56402 16.4298 9.56402H15.7159C15.6268 9.56402 15.5421 9.54133 15.469 9.49168C15.3983 9.44375 15.3479 9.3771 15.3137 9.30262L13.6182 6.13627V10.3791C13.6182 10.4814 13.5848 10.5821 13.5071 10.6569C13.43 10.731 13.3277 10.7619 13.2233 10.7619H12.1464C12.042 10.7619 11.9397 10.731 11.8626 10.6569C11.7849 10.5821 11.7515 10.4814 11.7515 10.3791V2.34471C11.7515 2.24244 11.7849 2.14171 11.8626 2.06696ZM5.07697 3.71972V5.84601H6.42446C6.7943 5.84601 7.10162 5.74236 7.31345 5.56411C7.52207 5.38856 7.65096 5.13033 7.65096 4.78891C7.65096 4.44172 7.51924 4.18032 7.30884 4.00307C7.09523 3.82312 6.78777 3.71972 6.42446 3.71972H5.07697ZM4.17825 13.5228C4.8826 12.6493 5.88672 12.1513 7.07208 12.1513C8.25115 12.1513 9.25193 12.6495 9.95448 13.523C10.6547 14.3936 11.0519 15.6274 11.0519 17.0947C11.0519 18.562 10.6547 19.7958 9.95448 20.6664C9.25193 21.5398 8.25115 22.0381 7.07208 22.0381C5.88672 22.0381 4.8826 21.5401 4.17825 20.6665C3.47621 19.7959 3.0791 18.562 3.0791 17.0947C3.0791 15.6274 3.47621 14.3935 4.17825 13.5228ZM17.8213 12.3591C17.8965 12.3228 17.975 12.3097 18.0531 12.3097H19.1487C19.2601 12.3097 19.3674 12.3429 19.4459 12.4248C19.5233 12.5054 19.5513 12.6108 19.5513 12.7123V18.0121H20.5479C20.6629 18.0121 20.7895 18.0479 20.8652 18.1576C20.9409 18.2674 20.9302 18.3995 20.8872 18.5121L20.8867 18.5135L20.4938 19.5874C20.4643 19.6899 20.4072 19.773 20.3231 19.8281C20.2402 19.8825 20.146 19.8997 20.0595 19.8997H19.5513V21.4771C19.5513 21.5785 19.5233 21.684 19.4459 21.7646C19.3674 21.8464 19.2601 21.8797 19.1487 21.8797H17.9343C17.8232 21.8797 17.7158 21.8468 17.6351 21.7693C17.5538 21.6911 17.5185 21.5854 17.5185 21.4771V19.8997H13.7499C13.6385 19.8997 13.5312 19.8664 13.4527 19.7846C13.3753 19.7039 13.3473 19.5985 13.3473 19.4971V18.6391C13.3473 18.4903 13.382 18.3634 13.4704 18.2396L13.4713 18.2384L17.6293 12.5228L17.6307 12.5209C17.6833 12.4508 17.7458 12.3956 17.8213 12.3591ZM5.63689 14.8589C5.28976 15.3596 5.08549 16.1112 5.08549 17.0947C5.08549 18.0782 5.28976 18.8297 5.63689 19.3305C5.97939 19.8245 6.46694 20.0845 7.07208 20.0845C7.66306 20.0845 8.14771 19.8253 8.49077 19.3305C8.83812 18.8294 9.04547 18.0776 9.04547 17.0947C9.04547 16.1117 8.83812 15.3599 8.49077 14.8589C8.14771 14.364 7.66306 14.1049 7.07208 14.1049C6.46693 14.1049 5.97939 14.3648 5.63689 14.8589ZM15.7238 18.0121H17.5185V15.5431L15.7238 18.0121Z'
|
|
20250
20638
|
});
|
|
20251
|
-
var
|
|
20252
|
-
name: '
|
|
20253
|
-
svgPathData: '
|
|
20639
|
+
var workorders_pm05 = Object.assign(Object.assign({}, staticData), {
|
|
20640
|
+
name: 'workorders_pm05',
|
|
20641
|
+
svgPathData: 'M3.47857 2.06698C3.55563 1.99289 3.6579 1.96193 3.76233 1.96193H6.66631C7.50193 1.96193 8.26868 2.20698 8.82929 2.68843C9.39295 3.1725 9.7353 3.88487 9.7353 4.78893C9.7353 5.69308 9.39286 6.40263 8.82887 6.88374C8.2681 7.36209 7.50142 7.60384 6.66631 7.60384H5.25832V10.3791C5.25832 10.4745 5.23202 10.575 5.1579 10.6522C5.08266 10.7306 4.98033 10.7619 4.87552 10.7619H3.76233C3.6579 10.7619 3.55563 10.731 3.47857 10.6569C3.40083 10.5821 3.36743 10.4814 3.36743 10.3791V2.34473C3.36743 2.24246 3.40083 2.14173 3.47857 2.06698ZM12.044 2.06698C12.1211 1.99289 12.2233 1.96193 12.3278 1.96193H13.3442C13.427 1.96193 13.5107 1.97871 13.587 2.02606C13.6624 2.07293 13.7169 2.14111 13.757 2.22063L13.7579 2.22254L16.2602 6.94142L18.7625 2.22254L18.7635 2.22063C18.8036 2.14111 18.858 2.07293 18.9335 2.02606C19.0098 1.97871 19.0934 1.96193 19.1763 1.96193H20.1927C20.2975 1.96193 20.3999 1.99327 20.4751 2.07165C20.5492 2.14886 20.5755 2.24934 20.5755 2.34473V10.3791C20.5755 10.4745 20.5492 10.575 20.4751 10.6522C20.3999 10.7306 20.2975 10.7619 20.1927 10.7619H19.1158C19.0114 10.7619 18.9091 10.731 18.8321 10.6569C18.7543 10.5821 18.7209 10.4814 18.7209 10.3791V6.16698L17.0249 9.30343L17.0237 9.30587C16.9836 9.38515 16.9293 9.45315 16.8539 9.4999C16.7776 9.54725 16.694 9.56403 16.6111 9.56403H15.8972C15.8082 9.56403 15.7235 9.54135 15.6503 9.4917C15.5797 9.44376 15.5292 9.37711 15.4951 9.30264L13.7995 6.13628V10.3791C13.7995 10.4814 13.7662 10.5821 13.6884 10.6569C13.6114 10.731 13.5091 10.7619 13.4047 10.7619H12.3278C12.2233 10.7619 12.1211 10.731 12.044 10.6569C11.9663 10.5821 11.9329 10.4814 11.9329 10.3791V2.34473C11.9329 2.24246 11.9663 2.14173 12.044 2.06698ZM5.25832 3.71974V5.84603H6.60581C6.97565 5.84603 7.28297 5.74237 7.4948 5.56413C7.70342 5.38858 7.83231 5.13035 7.83231 4.78893C7.83231 4.44174 7.70059 4.18033 7.49019 4.00309C7.27658 3.82314 6.96912 3.71974 6.60581 3.71974H5.25832ZM4.67542 13.5228C5.37977 12.6493 6.38389 12.1513 7.56925 12.1513C8.74832 12.1513 9.7491 12.6495 10.4517 13.523C11.1519 14.3936 11.549 15.6274 11.549 17.0947C11.549 18.562 11.1519 19.7958 10.4517 20.6664C9.7491 21.5398 8.74832 22.0381 7.56925 22.0381C6.38389 22.0381 5.37977 21.5401 4.67542 20.6666C3.97338 19.7959 3.57627 18.562 3.57627 17.0947C3.57627 15.6274 3.97338 14.3935 4.67542 13.5228ZM6.13406 14.8589C5.78693 15.3596 5.58266 16.1112 5.58266 17.0947C5.58266 18.0782 5.78693 18.8298 6.13406 19.3305C6.47656 19.8245 6.9641 20.0845 7.56925 20.0845C8.16023 20.0845 8.64488 19.8253 8.98794 19.3305C9.33529 18.8294 9.54264 18.0776 9.54264 17.0947C9.54264 16.1117 9.33529 15.3599 8.98794 14.8589C8.64488 14.364 8.16023 14.1049 7.56925 14.1049C6.9641 14.1049 6.47656 14.3649 6.13406 14.8589Z M15.0022 12.3956C15.0844 12.3316 15.1836 12.3097 15.2801 12.3097H19.6492C19.7653 12.3097 19.8904 12.3466 19.9602 12.4616C20.0252 12.5686 20.0101 12.6927 19.9774 12.7909L19.976 12.7948L19.5781 13.8956C19.5476 13.9719 19.5046 14.0524 19.4306 14.1116C19.3524 14.1742 19.2597 14.1973 19.1608 14.1973H16.4167L16.1476 15.4562C16.5507 15.282 16.9803 15.2137 17.4449 15.2137C18.4163 15.2137 19.2164 15.5591 19.7734 16.1407C20.3294 16.7213 20.6326 17.5262 20.6326 18.4279C20.6326 19.642 20.1678 20.5494 19.4753 21.1512C18.7864 21.7498 17.8819 22.0381 17.0093 22.0381C15.6145 22.0381 14.6497 21.4893 14.015 20.8546C13.9519 20.7915 13.9043 20.7165 13.8825 20.6294C13.8606 20.5418 13.8677 20.4535 13.8959 20.3689L13.8973 20.3648L14.2799 19.3096C14.3177 19.2036 14.3914 19.076 14.5328 19.0428C14.6792 19.0083 14.8029 19.0959 14.8869 19.1876C15.2285 19.5614 15.5319 19.8057 15.8567 19.9582C16.1803 20.1102 16.5376 20.1769 16.9961 20.1769C17.9497 20.1769 18.5734 19.444 18.5734 18.5467C18.5734 18.1046 18.4388 17.7328 18.1902 17.4727C17.9428 17.2138 17.5666 17.0485 17.0489 17.0485C16.3329 17.0485 15.8133 17.3303 15.3676 17.6741C15.2945 17.7309 15.207 17.7781 15.105 17.7841C14.9988 17.7903 14.9044 17.7506 14.8226 17.6871L14.2967 17.2795C14.2308 17.23 14.168 17.1664 14.1298 17.0817C14.0904 16.9946 14.0833 16.9003 14.1013 16.8012L14.8537 12.6564C14.8723 12.554 14.9183 12.4608 15.0022 12.3956Z'
|
|
20642
|
+
});
|
|
20643
|
+
var workorders_pm06 = Object.assign(Object.assign({}, staticData), {
|
|
20644
|
+
name: 'workorders_pm06',
|
|
20645
|
+
svgPathData: 'M3.32232 2.06697C3.39938 1.99288 3.50165 1.96193 3.60608 1.96193H6.51006C7.34568 1.96193 8.11243 2.20697 8.67304 2.68842C9.2367 3.17249 9.57905 3.88486 9.57905 4.78892C9.57905 5.69308 9.23661 6.40263 8.67262 6.88373C8.11185 7.36208 7.34517 7.60381 6.51006 7.60381H5.10207V10.3791C5.10207 10.4745 5.07577 10.575 5.00165 10.6522C4.92641 10.7306 4.82408 10.7619 4.71927 10.7619H3.60608C3.50165 10.7619 3.39938 10.731 3.32232 10.6569C3.24458 10.5821 3.21118 10.4814 3.21118 10.3791V2.34472C3.21118 2.24245 3.24458 2.14173 3.32232 2.06697ZM11.8877 2.06697C11.9648 1.99288 12.0671 1.96193 12.1715 1.96193H13.1879C13.2708 1.96193 13.3544 1.97871 13.4307 2.02606C13.5062 2.07293 13.5607 2.14112 13.6007 2.22065L13.6017 2.22254L16.104 6.94144L18.6063 2.22254L18.6072 2.22065C18.6473 2.14112 18.7018 2.07293 18.7773 2.02606C18.8535 1.97871 18.9372 1.96193 19.0201 1.96193H20.0365C20.1413 1.96193 20.2436 1.99327 20.3188 2.07163C20.393 2.14884 20.4193 2.24933 20.4193 2.34472V10.3791C20.4193 10.4745 20.393 10.575 20.3188 10.6522C20.2436 10.7306 20.1413 10.7619 20.0365 10.7619H18.9596C18.8551 10.7619 18.7529 10.731 18.6758 10.6569C18.5981 10.5821 18.5647 10.4814 18.5647 10.3791V6.16698L16.8687 9.30341L16.8673 9.30611C16.8273 9.38528 16.7729 9.4532 16.6977 9.49989C16.6214 9.54724 16.5378 9.56402 16.4549 9.56402H15.741C15.6519 9.56402 15.5672 9.54135 15.4941 9.4917C15.4234 9.44375 15.373 9.37711 15.3388 9.30264L13.6433 6.13629V10.3791C13.6433 10.4814 13.6099 10.5821 13.5322 10.6569C13.4551 10.731 13.3528 10.7619 13.2484 10.7619H12.1715C12.0671 10.7619 11.9648 10.731 11.8877 10.6569C11.81 10.5821 11.7766 10.4814 11.7766 10.3791V2.34472C11.7766 2.24245 11.81 2.14173 11.8877 2.06697ZM5.10207 3.71972V5.84604H6.44956C6.8194 5.84604 7.12672 5.74237 7.33855 5.56412C7.54717 5.38857 7.67606 5.13034 7.67606 4.78892C7.67606 4.44173 7.54434 4.18033 7.33394 4.00308C7.12033 3.82313 6.81287 3.71972 6.44956 3.71972H5.10207ZM4.35159 13.5228C5.05594 12.6493 6.06006 12.1513 7.24542 12.1513C8.42449 12.1513 9.42528 12.6495 10.1278 13.523C10.8281 14.3936 11.2252 15.6274 11.2252 17.0947C11.2252 18.562 10.8281 19.7958 10.1278 20.6664C9.42528 21.5398 8.42449 22.0381 7.24542 22.0381C6.06006 22.0381 5.05594 21.5401 4.35159 20.6665C3.64955 19.7959 3.25244 18.562 3.25244 17.0947C3.25244 15.6274 3.64955 14.3935 4.35159 13.5228ZM5.81023 14.8589C5.4631 15.3596 5.25883 16.1112 5.25883 17.0947C5.25883 18.0782 5.4631 18.8297 5.81023 19.3305C6.15273 19.8245 6.64028 20.0845 7.24542 20.0845C7.83641 20.0845 8.32106 19.8253 8.66411 19.3305C9.01146 18.8294 9.21881 18.0776 9.21881 17.0947C9.21881 16.1117 9.01146 15.3599 8.66411 14.8589C8.32106 14.364 7.83641 14.1049 7.24542 14.1049C6.64028 14.1049 6.15273 14.3648 5.81023 14.8589Z M19.8971 12.7377C19.893 12.7073 19.8754 12.6802 19.8489 12.6647C19.1951 12.2816 18.5037 12.1513 17.7598 12.1513C14.8693 12.1513 13.6876 14.8845 13.6876 17.4115C13.6876 19.0796 14.0929 20.24 14.7592 20.9848C15.4277 21.732 16.3382 22.0381 17.2978 22.0381C18.2253 22.0381 19.0981 21.7254 19.7407 21.1368C20.3853 20.5463 20.7892 19.6863 20.7892 18.6127C20.7892 16.3212 19.1351 15.2137 17.6542 15.2137C16.984 15.2137 16.3058 15.431 15.7917 15.8933C15.9177 15.2356 16.1558 14.8063 16.446 14.5316C16.8067 14.1902 17.2718 14.0653 17.773 14.0653C18.2001 14.0653 18.6117 14.148 19.0742 14.4095C19.0926 14.42 19.1133 14.4262 19.1344 14.4274C19.1901 14.4304 19.2419 14.3988 19.2647 14.348L19.3603 14.1343L19.3614 14.1315L19.7574 13.1018L19.7582 13.0998L19.8899 12.7908C19.897 12.774 19.8995 12.7557 19.8971 12.7377ZM15.8393 18.6391C15.8393 18.2197 15.979 17.8384 16.2287 17.5637C16.4766 17.291 16.8407 17.1145 17.3111 17.1145C18.2227 17.1145 18.7828 17.8052 18.7828 18.6391C18.7828 19.0645 18.6402 19.4456 18.3891 19.7187C18.1396 19.9901 17.7752 20.1637 17.3111 20.1637C16.8399 20.1637 16.4758 19.9898 16.2284 19.7191C15.9792 19.4465 15.8393 19.0655 15.8393 18.6391Z'
|
|
20646
|
+
});
|
|
20647
|
+
var workorders_pm10 = Object.assign(Object.assign({}, staticData), {
|
|
20648
|
+
name: 'workorders_pm10',
|
|
20649
|
+
svgPathData: 'M3.50713 2.06697C3.58419 1.99288 3.68646 1.96193 3.79089 1.96193H6.69488C7.53049 1.96193 8.29724 2.20697 8.85785 2.68842C9.42152 3.17249 9.76386 3.88486 9.76386 4.78892C9.76386 5.69308 9.42143 6.40263 8.85744 6.88373C8.29667 7.36208 7.52998 7.60381 6.69488 7.60381H5.28689V10.3791C5.28689 10.4745 5.26059 10.575 5.18646 10.6522C5.11122 10.7306 5.0089 10.7619 4.90409 10.7619H3.79089C3.68646 10.7619 3.58419 10.731 3.50713 10.6569C3.4294 10.5821 3.396 10.4814 3.396 10.3791V2.34472C3.396 2.24245 3.4294 2.14173 3.50713 2.06697ZM12.0726 2.06697C12.1496 1.99288 12.2519 1.96193 12.3563 1.96193H13.3727C13.4556 1.96193 13.5392 1.97871 13.6155 2.02606C13.691 2.07293 13.7455 2.14112 13.7855 2.22065L13.7865 2.22254L16.2888 6.94144L18.7911 2.22254L18.7921 2.22065C18.8321 2.14112 18.8866 2.07293 18.9621 2.02606C19.0384 1.97871 19.122 1.96193 19.2049 1.96193H20.2213C20.3261 1.96193 20.4284 1.99327 20.5037 2.07163C20.5778 2.14884 20.6041 2.24933 20.6041 2.34472V10.3791C20.6041 10.4745 20.5778 10.575 20.5037 10.6522C20.4284 10.7306 20.3261 10.7619 20.2213 10.7619H19.1444C19.04 10.7619 18.9377 10.731 18.8606 10.6569C18.7829 10.5821 18.7495 10.4814 18.7495 10.3791V6.16698L17.0535 9.30341L17.0521 9.30611C17.0121 9.38528 16.9577 9.4532 16.8825 9.49989C16.8062 9.54724 16.7226 9.56402 16.6397 9.56402H15.9258C15.8367 9.56402 15.752 9.54135 15.6789 9.4917C15.6082 9.44375 15.5578 9.37711 15.5236 9.30264L13.8281 6.13629V10.3791C13.8281 10.4814 13.7947 10.5821 13.717 10.6569C13.6399 10.731 13.5376 10.7619 13.4332 10.7619H12.3563C12.2519 10.7619 12.1496 10.731 12.0726 10.6569C11.9948 10.5821 11.9614 10.4814 11.9614 10.3791V2.34472C11.9614 2.24245 11.9948 2.14173 12.0726 2.06697ZM5.28689 3.71972V5.84604H6.63438C7.00421 5.84604 7.31154 5.74237 7.52336 5.56412C7.73198 5.38857 7.86087 5.13034 7.86087 4.78892C7.86087 4.44173 7.72916 4.18033 7.51876 4.00308C7.30515 3.82313 6.99768 3.71972 6.63438 3.71972H5.28689ZM12.875 13.5228C13.5794 12.6493 14.5835 12.1513 15.7689 12.1513C16.9479 12.1513 17.9487 12.6495 18.6513 13.523C19.3515 14.3936 19.7487 15.6274 19.7487 17.0947C19.7487 18.562 19.3515 19.7958 18.6513 20.6664C17.9487 21.5398 16.9479 22.0381 15.7689 22.0381C14.5835 22.0381 13.5794 21.5401 12.875 20.6665C12.173 19.7959 11.7759 18.562 11.7759 17.0947C11.7759 15.6274 12.173 14.3935 12.875 13.5228ZM14.3337 14.8589C13.9866 15.3596 13.7823 16.1112 13.7823 17.0947C13.7823 18.0782 13.9866 18.8297 14.3337 19.3305C14.6762 19.8245 15.1637 20.0845 15.7689 20.0845C16.3599 20.0845 16.8445 19.8253 17.1876 19.3305C17.5349 18.8294 17.7423 18.0776 17.7423 17.0947C17.7423 16.1117 17.5349 15.3599 17.1876 14.8589C16.8445 14.364 16.3599 14.1049 15.7689 14.1049C15.1637 14.1049 14.6762 14.3648 14.3337 14.8589Z M8.00731 12.2932C8.11625 12.3721 8.14978 12.5021 8.14978 12.6199V19.9921H9.33117C9.44259 19.9921 9.54986 20.0254 9.6284 20.1072C9.70582 20.1878 9.73377 20.2933 9.73377 20.3947V21.4771C9.73377 21.5785 9.70582 21.684 9.6284 21.7646C9.54986 21.8464 9.44259 21.8797 9.33117 21.8797H4.9356C4.82456 21.8797 4.71707 21.8468 4.63644 21.7693C4.55512 21.6911 4.5198 21.5854 4.5198 21.4771V20.3947C4.5198 20.2864 4.55512 20.1807 4.63644 20.1025C4.71707 20.025 4.82456 19.9921 4.9356 19.9921H6.11699V14.8405L5.00823 15.2686C4.88256 15.3157 4.71807 15.3333 4.60222 15.2257C4.482 15.1141 4.49538 14.9479 4.54329 14.8197L5.04396 13.4626C5.09996 13.2971 5.21617 13.1807 5.38158 13.1245L7.64925 12.2675C7.76164 12.2245 7.89626 12.2128 8.00731 12.2932Z'
|
|
20650
|
+
});
|
|
20651
|
+
var workorders_pm15 = Object.assign(Object.assign({}, staticData), {
|
|
20652
|
+
name: 'workorders_pm15',
|
|
20653
|
+
svgPathData: 'M3.50713 2.06697C3.58419 1.99288 3.68646 1.96193 3.79089 1.96193H6.69488C7.53049 1.96193 8.29724 2.20697 8.85785 2.68842C9.42152 3.17249 9.76386 3.88486 9.76386 4.78892C9.76386 5.69308 9.42143 6.40263 8.85744 6.88373C8.29667 7.36208 7.52998 7.60381 6.69488 7.60381H5.28689V10.3791C5.28689 10.4745 5.26059 10.575 5.18646 10.6522C5.11122 10.7306 5.0089 10.7619 4.90409 10.7619H3.79089C3.68646 10.7619 3.58419 10.731 3.50713 10.6569C3.4294 10.5821 3.396 10.4814 3.396 10.3791V2.34472C3.396 2.24245 3.4294 2.14173 3.50713 2.06697ZM12.0726 2.06697C12.1496 1.99288 12.2519 1.96193 12.3563 1.96193H13.3727C13.4556 1.96193 13.5392 1.97871 13.6155 2.02606C13.691 2.07293 13.7455 2.14112 13.7855 2.22065L13.7865 2.22254L16.2888 6.94144L18.7911 2.22254L18.7921 2.22065C18.8321 2.14112 18.8866 2.07293 18.9621 2.02606C19.0384 1.97871 19.122 1.96193 19.2049 1.96193H20.2213C20.3261 1.96193 20.4284 1.99327 20.5037 2.07163C20.5778 2.14884 20.6041 2.24933 20.6041 2.34472V10.3791C20.6041 10.4745 20.5778 10.575 20.5037 10.6522C20.4284 10.7306 20.3261 10.7619 20.2213 10.7619H19.1444C19.04 10.7619 18.9377 10.731 18.8606 10.6569C18.7829 10.5821 18.7495 10.4814 18.7495 10.3791V6.16698L17.0535 9.30341L17.0521 9.30611C17.0121 9.38528 16.9577 9.4532 16.8825 9.49989C16.8062 9.54724 16.7226 9.56402 16.6397 9.56402H15.9258C15.8367 9.56402 15.752 9.54135 15.6789 9.4917C15.6082 9.44375 15.5578 9.37711 15.5236 9.30264L13.8281 6.13629V10.3791C13.8281 10.4814 13.7947 10.5821 13.717 10.6569C13.6399 10.731 13.5376 10.7619 13.4332 10.7619H12.3563C12.2519 10.7619 12.1496 10.731 12.0726 10.6569C11.9948 10.5821 11.9614 10.4814 11.9614 10.3791V2.34472C11.9614 2.24245 11.9948 2.14173 12.0726 2.06697ZM5.28689 3.71972V5.84604H6.63438C7.00421 5.84604 7.31154 5.74237 7.52336 5.56412C7.73198 5.38857 7.86087 5.13034 7.86087 4.78892C7.86087 4.44173 7.72916 4.18033 7.51876 4.00308C7.30515 3.82313 6.99768 3.71972 6.63438 3.71972H5.28689ZM13.7031 12.3956C13.7853 12.3316 13.8844 12.3097 13.9809 12.3097H18.3501C18.4661 12.3097 18.5912 12.3466 18.6611 12.4616C18.726 12.5686 18.7109 12.6927 18.6782 12.7909L18.6769 12.7948L18.2809 13.8904L18.2789 13.8956C18.2484 13.9719 18.2054 14.0524 18.1314 14.1116C18.0532 14.1742 17.9605 14.1973 17.8617 14.1973H15.1176L14.8485 15.4562C15.2516 15.282 15.6812 15.2137 16.1457 15.2137C17.1171 15.2137 17.9172 15.5592 18.4742 16.1407C19.0302 16.7213 19.3335 17.5262 19.3335 18.4279C19.3335 19.642 18.8686 20.5494 18.1762 21.1512C17.4873 21.7498 16.5827 22.0381 15.7101 22.0381C14.3154 22.0381 13.3506 21.4893 12.7158 20.8546C12.6528 20.7915 12.6051 20.7165 12.5833 20.6294C12.5614 20.5418 12.5686 20.4535 12.5968 20.3689L12.5982 20.3649L12.9807 19.3096C13.0187 19.2037 13.0925 19.076 13.2336 19.0428C13.3801 19.0083 13.5037 19.0959 13.5877 19.1876C13.9293 19.5614 14.2327 19.8057 14.5576 19.9582C14.8812 20.1102 15.2385 20.1769 15.6969 20.1769C16.6506 20.1769 17.2743 19.444 17.2743 18.5467C17.2743 18.1047 17.1396 17.7329 16.891 17.4727C16.6437 17.2139 16.2674 17.0485 15.7497 17.0485C15.0338 17.0485 14.5142 17.3303 14.0685 17.6741C13.9953 17.7309 13.9079 17.7781 13.8058 17.7841C13.6995 17.7903 13.605 17.7506 13.5232 17.6869L12.9975 17.2795L12.9963 17.2786C12.9306 17.2291 12.8688 17.1662 12.8306 17.0817C12.7913 16.9946 12.7842 16.9003 12.8022 16.8012L13.5546 12.6564C13.5732 12.5541 13.6191 12.4609 13.7031 12.3956Z M8.41363 12.2909C8.52257 12.3698 8.5561 12.4997 8.5561 12.6176V19.9898H9.73749C9.84891 19.9898 9.95618 20.023 10.0347 20.1048C10.1121 20.1855 10.1401 20.2909 10.1401 20.3924V21.4747C10.1401 21.5762 10.1121 21.6816 10.0347 21.7623C9.95618 21.8441 9.84891 21.8773 9.73749 21.8773H5.34192C5.23088 21.8773 5.12339 21.8445 5.04276 21.7669C4.96144 21.6887 4.92612 21.5831 4.92612 21.4747V20.3924C4.92612 20.284 4.96144 20.1783 5.04276 20.1002C5.12339 20.0226 5.23088 19.9898 5.34192 19.9898H6.52331V14.8381L5.41455 15.2663C5.28888 15.3134 5.12439 15.3309 5.00854 15.2234C4.88832 15.1117 4.9017 14.9455 4.94962 14.8174L5.45028 13.4603C5.50629 13.2948 5.62249 13.1783 5.7879 13.1222L8.05558 12.2652C8.16796 12.2222 8.30258 12.2104 8.41363 12.2909Z'
|
|
20654
|
+
});
|
|
20655
|
+
var workorders_pm20 = Object.assign(Object.assign({}, staticData), {
|
|
20656
|
+
name: 'workorders_pm20',
|
|
20657
|
+
svgPathData: 'M3.47735 2.06695C3.55441 1.99286 3.65668 1.96191 3.76111 1.96191H6.66509C7.50071 1.96191 8.26746 2.20695 8.82807 2.6884C9.39173 3.17247 9.73408 3.88485 9.73408 4.78891C9.73408 5.69306 9.39164 6.40262 8.82765 6.88372C8.26688 7.36206 7.5002 7.6038 6.66509 7.6038H5.2571V10.3791C5.2571 10.4745 5.2308 10.575 5.15668 10.6522C5.08144 10.7306 4.97911 10.7619 4.8743 10.7619H3.76111C3.65668 10.7619 3.55441 10.7309 3.47735 10.6569C3.39961 10.5821 3.36621 10.4814 3.36621 10.3791V2.34471C3.36621 2.24244 3.39961 2.14171 3.47735 2.06695ZM12.0428 2.06695C12.1198 1.99286 12.2221 1.96191 12.3265 1.96191H13.3429C13.4258 1.96191 13.5095 1.9787 13.5857 2.02605C13.6612 2.07291 13.7157 2.14111 13.7558 2.22063L13.7567 2.22253L16.259 6.94142L18.7613 2.22253L18.7623 2.22063C18.8024 2.14111 18.8568 2.07291 18.9323 2.02605C19.0086 1.9787 19.0922 1.96191 19.1751 1.96191H20.1915C20.2963 1.96191 20.3986 1.99325 20.4739 2.07162C20.548 2.14883 20.5743 2.24932 20.5743 2.34471V10.3791C20.5743 10.4745 20.548 10.575 20.4739 10.6522C20.3986 10.7306 20.2963 10.7619 20.1915 10.7619H19.1146C19.0102 10.7619 18.9079 10.7309 18.8308 10.6569C18.7531 10.5821 18.7197 10.4814 18.7197 10.3791V6.16696L17.0237 9.30339L17.0223 9.3061C16.9823 9.38527 16.928 9.45318 16.8527 9.49988C16.7764 9.54722 16.6928 9.56401 16.6099 9.56401H15.896C15.8069 9.56401 15.7223 9.54133 15.6491 9.49168C15.5784 9.44373 15.528 9.3771 15.4938 9.30262L13.7983 6.13628V10.3791C13.7983 10.4814 13.7649 10.5821 13.6872 10.6569C13.6101 10.7309 13.5079 10.7619 13.4034 10.7619H12.3265C12.2221 10.7619 12.1198 10.7309 12.0428 10.6569C11.965 10.5821 11.9316 10.4814 11.9316 10.3791V2.34471C11.9316 2.24244 11.965 2.14171 12.0428 2.06695ZM5.2571 3.71971V5.84602H6.60459C6.97443 5.84602 7.28175 5.74236 7.49358 5.56411C7.7022 5.38855 7.83109 5.13032 7.83109 4.78891C7.83109 4.44171 7.69937 4.18031 7.48897 4.00306C7.27536 3.82312 6.9679 3.71971 6.60459 3.71971H5.2571ZM4.58347 12.9554C5.14301 12.4415 5.90008 12.1513 6.77572 12.1513C7.70001 12.1513 8.47971 12.4325 9.02952 12.9558C9.58027 13.4799 9.88431 14.2319 9.88431 15.1411C9.88431 16.0976 9.50938 16.9722 8.90965 17.8095C8.38077 18.5479 7.67129 19.2651 6.87488 19.9921H9.77211C9.88991 19.9921 10.0199 20.0256 10.0988 20.1345C10.1791 20.2454 10.1675 20.3797 10.1247 20.492L10.1241 20.4935L9.72906 21.5734L9.72731 21.578C9.64875 21.7744 9.48126 21.8797 9.28371 21.8797H3.88494C3.77353 21.8797 3.66625 21.8464 3.58771 21.7646C3.51029 21.6839 3.48234 21.5785 3.48234 21.4771V20.7775C3.48234 20.6285 3.51804 20.4827 3.65819 20.3623C3.76868 20.2667 3.88284 20.1686 3.99973 20.0681C4.76699 19.4085 5.65132 18.6483 6.38017 17.8528C6.79952 17.3951 7.1626 16.9307 7.4202 16.4728C7.67814 16.0143 7.82512 15.5715 7.82512 15.1543C7.82512 14.8381 7.72691 14.5669 7.55187 14.3766C7.37866 14.1883 7.11771 14.0653 6.76252 14.0653C6.4324 14.0653 6.16615 14.1607 5.96844 14.3332C5.77126 14.5052 5.62811 14.7662 5.56655 15.1236C5.55584 15.226 5.51536 15.3218 5.43635 15.3917C5.35622 15.4626 5.25445 15.4909 5.15213 15.4909H3.99054C3.8804 15.4909 3.76931 15.4583 3.68845 15.3742C3.60647 15.289 3.57903 15.1752 3.58851 15.0614L3.58868 15.0593C3.67137 14.198 4.02413 13.4692 4.58347 12.9554ZM13.7605 13.5228C14.4648 12.6493 15.469 12.1513 16.6543 12.1513C17.8334 12.1513 18.8342 12.6495 19.5367 13.523C20.237 14.3936 20.6341 15.6274 20.6341 17.0947C20.6341 18.562 20.237 19.7958 19.5367 20.6664C18.8342 21.5398 17.8334 22.0381 16.6543 22.0381C15.469 22.0381 14.4648 21.5401 13.7605 20.6665C13.0585 19.7959 12.6613 18.562 12.6613 17.0947C12.6613 15.6274 13.0585 14.3935 13.7605 13.5228ZM15.2191 14.8589C14.872 15.3596 14.6677 16.1112 14.6677 17.0947C14.6677 18.0782 14.872 18.8297 15.2191 19.3305C15.5616 19.8245 16.0492 20.0845 16.6543 20.0845C17.2453 20.0845 17.73 19.8253 18.073 19.3305C18.4204 18.8294 18.6277 18.0776 18.6277 17.0947C18.6277 16.1117 18.4204 15.3599 18.073 14.8589C17.73 14.364 17.2453 14.1049 16.6543 14.1049C16.0492 14.1049 15.5616 14.3648 15.2191 14.8589Z'
|
|
20254
20658
|
});
|
|
20255
20659
|
|
|
20256
20660
|
var echoIcons = /*#__PURE__*/Object.freeze({
|
|
20257
20661
|
__proto__: null,
|
|
20258
|
-
|
|
20259
|
-
|
|
20260
|
-
|
|
20261
|
-
|
|
20662
|
+
robim_external_ald: robim_external_ald,
|
|
20663
|
+
robim_external_timp: robim_external_timp,
|
|
20664
|
+
robim_external_timp_text: robim_external_timp_text,
|
|
20665
|
+
robim_external_iwit: robim_external_iwit,
|
|
20666
|
+
notifications_main_group: notifications_main_group,
|
|
20667
|
+
notifications_m1: notifications_m1,
|
|
20668
|
+
notifications_m2: notifications_m2,
|
|
20669
|
+
notifications_m3: notifications_m3,
|
|
20670
|
+
notifications_m4: notifications_m4,
|
|
20671
|
+
notifications_m5: notifications_m5,
|
|
20672
|
+
notifications_m6: notifications_m6,
|
|
20673
|
+
notifications_m9: notifications_m9,
|
|
20674
|
+
workorders_main_group: workorders_main_group,
|
|
20675
|
+
workorders_pm01: workorders_pm01,
|
|
20676
|
+
workorders_pm02: workorders_pm02,
|
|
20677
|
+
workorders_pm03: workorders_pm03,
|
|
20678
|
+
workorders_pm04: workorders_pm04,
|
|
20679
|
+
workorders_pm05: workorders_pm05,
|
|
20680
|
+
workorders_pm06: workorders_pm06,
|
|
20681
|
+
workorders_pm10: workorders_pm10,
|
|
20682
|
+
workorders_pm15: workorders_pm15,
|
|
20683
|
+
workorders_pm20: workorders_pm20
|
|
20262
20684
|
});
|
|
20263
20685
|
|
|
20264
20686
|
Icon$1.add(Object.assign(Object.assign({}, edsIcons), echoIcons));
|
|
20265
20687
|
|
|
20266
|
-
/**
|
|
20267
|
-
* Helper method that will return a list row given some input values. Used in IconList component for rendering rows
|
|
20268
|
-
*
|
|
20269
|
-
* @param {boolean} isDraggable flag to indicate that the row is draggable
|
|
20270
|
-
* @param {number} index the index of the list
|
|
20271
|
-
* @param {IconListState} iconListState the state from the IconList component used to create the row and its interactions
|
|
20272
|
-
* @param {(value: React.SetStateAction<IconListState>) => void} setIconListState the action to update the state from the IconList component
|
|
20273
|
-
* @param {IconItem[]} expandedIcons the icons to be displayed if the row is expandable. Is undefined if the row should not be expandable
|
|
20274
|
-
* @return {*} {React.ReactNode} A list row component created from the input parameters
|
|
20688
|
+
/**
|
|
20689
|
+
* Helper method that will return a list row given some input values. Used in IconList component for rendering rows
|
|
20690
|
+
*
|
|
20691
|
+
* @param {boolean} isDraggable flag to indicate that the row is draggable
|
|
20692
|
+
* @param {number} index the index of the list
|
|
20693
|
+
* @param {IconListState} iconListState the state from the IconList component used to create the row and its interactions
|
|
20694
|
+
* @param {(value: React.SetStateAction<IconListState>) => void} setIconListState the action to update the state from the IconList component
|
|
20695
|
+
* @param {IconItem[]} expandedIcons the icons to be displayed if the row is expandable. Is undefined if the row should not be expandable
|
|
20696
|
+
* @return {*} {React.ReactNode} A list row component created from the input parameters
|
|
20275
20697
|
*/
|
|
20276
20698
|
var createListRow = function createListRow(isDraggable, index, iconListState, setIconListState, expandedIcons) {
|
|
20277
20699
|
return /*#__PURE__*/React__default.createElement(ListRow, {
|
|
@@ -20303,22 +20725,22 @@ var css_248z$2 = ".iconList-module_wrapper__AMjAK{display:flex;flex-direction:co
|
|
|
20303
20725
|
var styles$2 = {"wrapper":"iconList-module_wrapper__AMjAK","header":"iconList-module_header__g2suM"};
|
|
20304
20726
|
styleInject(css_248z$2);
|
|
20305
20727
|
|
|
20306
|
-
/**
|
|
20307
|
-
* Component that renders an IconList of rows, that can be draggable and/or expandable
|
|
20308
|
-
*
|
|
20309
|
-
* @param {IconListProps} {
|
|
20310
|
-
* style: the style to override the IconList wrapper
|
|
20311
|
-
* title: The title of the list
|
|
20312
|
-
* items: { The items to be rendered in the row
|
|
20313
|
-
* title: the title of the item in the row
|
|
20314
|
-
* subtitle: the subtitle of the item in the row
|
|
20315
|
-
* icons: the icons that will be displayed on the same row, and their respective actions
|
|
20316
|
-
* }[]
|
|
20317
|
-
* isDraggable: flag to indicate if the elements in the list should be draggable
|
|
20318
|
-
* expandedIcons: list of icons that should be displayed if a row is expanded. If undefined no row can be expanded
|
|
20319
|
-
* onUpdatedOrder: method that will be called when the order of the list has changed
|
|
20320
|
-
* }
|
|
20321
|
-
* @return {*} {JSX.Element} a list of items that can be draggable and/or expandable
|
|
20728
|
+
/**
|
|
20729
|
+
* Component that renders an IconList of rows, that can be draggable and/or expandable
|
|
20730
|
+
*
|
|
20731
|
+
* @param {IconListProps} {
|
|
20732
|
+
* style: the style to override the IconList wrapper
|
|
20733
|
+
* title: The title of the list
|
|
20734
|
+
* items: { The items to be rendered in the row
|
|
20735
|
+
* title: the title of the item in the row
|
|
20736
|
+
* subtitle: the subtitle of the item in the row
|
|
20737
|
+
* icons: the icons that will be displayed on the same row, and their respective actions
|
|
20738
|
+
* }[]
|
|
20739
|
+
* isDraggable: flag to indicate if the elements in the list should be draggable
|
|
20740
|
+
* expandedIcons: list of icons that should be displayed if a row is expanded. If undefined no row can be expanded
|
|
20741
|
+
* onUpdatedOrder: method that will be called when the order of the list has changed
|
|
20742
|
+
* }
|
|
20743
|
+
* @return {*} {JSX.Element} a list of items that can be draggable and/or expandable
|
|
20322
20744
|
*/
|
|
20323
20745
|
var IconList = function IconList(_ref) {
|
|
20324
20746
|
var style = _ref.style,
|
|
@@ -20396,21 +20818,21 @@ var css_248z$1 = ".linkCard-module_wrapper__eoD5r{background-color:var(--white);
|
|
|
20396
20818
|
var styles$1 = {"wrapper":"linkCard-module_wrapper__eoD5r","image":"linkCard-module_image__EUhQK","header":"linkCard-module_header__P5GTe","title":"linkCard-module_title__WGglA","subTitle":"linkCard-module_subTitle__0j2D5","links":"linkCard-module_links__LkokT","link":"linkCard-module_link__uaQqQ"};
|
|
20397
20819
|
styleInject(css_248z$1);
|
|
20398
20820
|
|
|
20399
|
-
/**
|
|
20400
|
-
* Component that renders a card with an image and a list of links
|
|
20401
|
-
*
|
|
20402
|
-
* @param {LinkCardProps} {
|
|
20403
|
-
* style: style element to override wrapper style
|
|
20404
|
-
* image: the image scr of the image to be displayed
|
|
20405
|
-
* title: the title of the card
|
|
20406
|
-
* subTitle: the subtitle of the cars
|
|
20407
|
-
* links { A list of links to display
|
|
20408
|
-
* title: the text of the link
|
|
20409
|
-
* url: the url to the link
|
|
20410
|
-
* target: how the link should be opened. Possible values are '_blank' | '_self', default is '_self'
|
|
20411
|
-
* }
|
|
20412
|
-
* }
|
|
20413
|
-
* @return {*} {JSX.Element} a card element with an image and some provided links
|
|
20821
|
+
/**
|
|
20822
|
+
* Component that renders a card with an image and a list of links
|
|
20823
|
+
*
|
|
20824
|
+
* @param {LinkCardProps} {
|
|
20825
|
+
* style: style element to override wrapper style
|
|
20826
|
+
* image: the image scr of the image to be displayed
|
|
20827
|
+
* title: the title of the card
|
|
20828
|
+
* subTitle: the subtitle of the cars
|
|
20829
|
+
* links { A list of links to display
|
|
20830
|
+
* title: the text of the link
|
|
20831
|
+
* url: the url to the link
|
|
20832
|
+
* target: how the link should be opened. Possible values are '_blank' | '_self', default is '_self'
|
|
20833
|
+
* }
|
|
20834
|
+
* }
|
|
20835
|
+
* @return {*} {JSX.Element} a card element with an image and some provided links
|
|
20414
20836
|
*/
|
|
20415
20837
|
var LinkCard = function LinkCard(_ref) {
|
|
20416
20838
|
var style = _ref.style,
|
|
@@ -20489,20 +20911,20 @@ var css_248z = ".optionsList-module_wrapper__r6i4r{display:table;width:100%}.opt
|
|
|
20489
20911
|
var styles = {"wrapper":"optionsList-module_wrapper__r6i4r","head":"optionsList-module_head__W2pf7","row":"optionsList-module_row__hkSEt","item":"optionsList-module_item__uXdrQ","itemTitle":"optionsList-module_itemTitle__tQcdj","columnTitle":"optionsList-module_columnTitle__ciUTO","radio":"optionsList-module_radio__Ll5Fr","circle":"optionsList-module_circle__5Ub8n"};
|
|
20490
20912
|
styleInject(css_248z);
|
|
20491
20913
|
|
|
20492
|
-
/**
|
|
20493
|
-
* Component that renders a list with a set number of radio buttons for each row in the list
|
|
20494
|
-
*
|
|
20495
|
-
* @param {OptionsListProps} {
|
|
20496
|
-
* items:{ the items that should be shown in the list
|
|
20497
|
-
* title: the text displayed for a row in the list
|
|
20498
|
-
* color: the background color used in the badge in front of the title of the item
|
|
20499
|
-
* selectedColumnIndex: specifies witch radio button should have selected state. Should not be larger than the columns input property
|
|
20500
|
-
* }
|
|
20501
|
-
* style: Optional parameter that can override the wrapper style
|
|
20502
|
-
* titles: list of title that should be shown for the different columns in the list
|
|
20503
|
-
* columns: the number of columns the list should have
|
|
20504
|
-
* }
|
|
20505
|
-
* @return {*} {JSX.Element} a list of rows with a set of radio buttons
|
|
20914
|
+
/**
|
|
20915
|
+
* Component that renders a list with a set number of radio buttons for each row in the list
|
|
20916
|
+
*
|
|
20917
|
+
* @param {OptionsListProps} {
|
|
20918
|
+
* items:{ the items that should be shown in the list
|
|
20919
|
+
* title: the text displayed for a row in the list
|
|
20920
|
+
* color: the background color used in the badge in front of the title of the item
|
|
20921
|
+
* selectedColumnIndex: specifies witch radio button should have selected state. Should not be larger than the columns input property
|
|
20922
|
+
* }
|
|
20923
|
+
* style: Optional parameter that can override the wrapper style
|
|
20924
|
+
* titles: list of title that should be shown for the different columns in the list
|
|
20925
|
+
* columns: the number of columns the list should have
|
|
20926
|
+
* }
|
|
20927
|
+
* @return {*} {JSX.Element} a list of rows with a set of radio buttons
|
|
20506
20928
|
*/
|
|
20507
20929
|
var OptionsList = function OptionsList(_ref) {
|
|
20508
20930
|
var items = _ref.items,
|
|
@@ -20550,5 +20972,5 @@ var OptionsList = function OptionsList(_ref) {
|
|
|
20550
20972
|
}));
|
|
20551
20973
|
};
|
|
20552
20974
|
|
|
20553
|
-
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, FloatingActionButton, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, getIcon,
|
|
20975
|
+
export { ButtonWithPopover, ContextMenu, DataInfoButton, DialogGenerator, DraggableItemsWrapper, Dropdown, EchoBottomBar, EchoCard, EchoHeader, FloatingActionButton, FloatingSearchBar, Icon, IconList, InlineTagIconLink, LinkCard, ListItem, ListRow, OptionsList, RadioButtonGroup, ReactDatePicker, RoundIconButton, RoundIconButtonVariants, SideSheet, SideSheetOrientation, SidebarButton, SliderField, SplitView, TagCategoryIcon, TagCategoryType, TagContextMenu, TagIcon, TagIconShadowWrapper, TextIconButton, TimePicker, classnames$1 as classnames, echoIcons, getIcon, notifications_m1, notifications_m2, notifications_m3, notifications_m4, notifications_m5, notifications_m6, notifications_m9, notifications_main_group, robim_external_ald, robim_external_iwit, robim_external_timp, robim_external_timp_text, themeConst, useKeyboardNavigation, useListNavigator, useSectionNavigator, workorders_main_group, workorders_pm01, workorders_pm02, workorders_pm03, workorders_pm04, workorders_pm05, workorders_pm06, workorders_pm10, workorders_pm15, workorders_pm20 };
|
|
20554
20976
|
//# sourceMappingURL=index.js.map
|