scorer-ui-kit 2.2.3 → 2.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +150 -145
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +150 -145
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -5687,11 +5687,15 @@ var _excluded$l = ["mainButtonId", "buttonList", "design", "size", "textMaxWidth
|
|
|
5687
5687
|
_excluded2 = ["id", "text", "icon", "disabled"],
|
|
5688
5688
|
_excluded3 = ["id", "text", "icon", "disabled"];
|
|
5689
5689
|
|
|
5690
|
-
var _templateObject$B, _templateObject2$w, _templateObject3$r;
|
|
5691
|
-
var TOGGLE_ICON_WIDTH =
|
|
5692
|
-
var Container$j = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n
|
|
5693
|
-
var
|
|
5694
|
-
var
|
|
5690
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$r, _templateObject4$n;
|
|
5691
|
+
var TOGGLE_ICON_WIDTH = 30;
|
|
5692
|
+
var Container$j = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n height: var(--button-height);\n overflow: visible;\n"])));
|
|
5693
|
+
var ButtonsWrapper$1 = styled__default.div(_templateObject2$w || (_templateObject2$w = _taggedTemplateLiteralLoose(["\n ", ";\n font-family: var(--font-ui);\n position: relative;\n display: inline-flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n border-radius: 3px;\n border: 1px solid var(--border);\n background: linear-gradient(135deg, var(--gradient-1) 0%, var(--gradient-2) 100%);\n box-shadow: var(--button-lift-default-x, 0px) var(--button-lift-default-y, 2px) var(--button-lift-default-blur, 4px) var(--button-lift-default-spread, 2px) var(--button-lift-default-color, rgba(221, 234, 248, 0.08));\n"])), function (_ref) {
|
|
5694
|
+
var isOpen = _ref.isOpen;
|
|
5695
|
+
return isOpen && "z-index: 100";
|
|
5696
|
+
});
|
|
5697
|
+
var MainButtonWrapper = styled__default.div(_templateObject3$r || (_templateObject3$r = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n align-self: stretch;\n"])));
|
|
5698
|
+
var ToggleIcon = styled__default.button(_templateObject4$n || (_templateObject4$n = _taggedTemplateLiteralLoose(["\n ", "\n display: flex;\n height: var(--button-height);\n padding: 3px var(--button-icon-h-padding);\n justify-content: space-between;\n align-items: center;\n flex-shrink: 0;\n border-left: 1px solid var(--toggle-icon-border);\n cursor: pointer;\n\n ", " {\n svg {\n display: flex;\n justify-content: center;\n align-items: center;\n path, g {\n stroke: var(--toggle-icon);\n }\n }\n }\n\n &:hover:enabled {\n background: var(--toggle-icon-hover-bg);\n }\n\n &:active:enabled {\n background: var(--toggle-icon-active-bg);\n ", " {\n svg path, svg g {\n stroke: var(--toggle-icon-active);\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n\n ", " {\n svg path {\n stroke: var(--toggle-icon-disabled);\n }\n }\n }\n\n"])), resetButtonStyles, IconWrapper, IconWrapper, IconWrapper);
|
|
5695
5699
|
|
|
5696
5700
|
var validateMaxWidth = function validateMaxWidth(btnTextMaxWidth, textMaxWidth) {
|
|
5697
5701
|
if (textMaxWidth) return textMaxWidth;
|
|
@@ -5699,23 +5703,23 @@ var validateMaxWidth = function validateMaxWidth(btnTextMaxWidth, textMaxWidth)
|
|
|
5699
5703
|
return undefined;
|
|
5700
5704
|
};
|
|
5701
5705
|
|
|
5702
|
-
var SplitButton = function SplitButton(
|
|
5703
|
-
var mainButtonId =
|
|
5704
|
-
buttonList =
|
|
5705
|
-
|
|
5706
|
-
design =
|
|
5707
|
-
size =
|
|
5708
|
-
textMaxWidth =
|
|
5709
|
-
|
|
5710
|
-
disabled =
|
|
5711
|
-
rest = _objectWithoutPropertiesLoose(
|
|
5706
|
+
var SplitButton = function SplitButton(_ref2) {
|
|
5707
|
+
var mainButtonId = _ref2.mainButtonId,
|
|
5708
|
+
buttonList = _ref2.buttonList,
|
|
5709
|
+
_ref2$design = _ref2.design,
|
|
5710
|
+
design = _ref2$design === void 0 ? 'primary' : _ref2$design,
|
|
5711
|
+
size = _ref2.size,
|
|
5712
|
+
textMaxWidth = _ref2.textMaxWidth,
|
|
5713
|
+
_ref2$disabled = _ref2.disabled,
|
|
5714
|
+
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
5715
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
5712
5716
|
|
|
5713
5717
|
var _useState = React.useState(false),
|
|
5714
5718
|
isOpen = _useState[0],
|
|
5715
5719
|
setIsOpen = _useState[1];
|
|
5716
5720
|
|
|
5717
5721
|
var mainButtonRef = React.useRef(null);
|
|
5718
|
-
var
|
|
5722
|
+
var buttonsWrapperRef = React.useRef(null);
|
|
5719
5723
|
var toggleOpen = React.useCallback(function () {
|
|
5720
5724
|
setIsOpen(function (prev) {
|
|
5721
5725
|
return !prev;
|
|
@@ -5724,20 +5728,21 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5724
5728
|
var closeCallback = React.useCallback(function () {
|
|
5725
5729
|
setIsOpen(false);
|
|
5726
5730
|
}, []);
|
|
5727
|
-
useClickOutside(
|
|
5728
|
-
return React__default.createElement(Container$j, Object.assign({
|
|
5729
|
-
ref:
|
|
5730
|
-
className: "split-button-" + design + " button-" + size
|
|
5731
|
+
useClickOutside(buttonsWrapperRef, closeCallback);
|
|
5732
|
+
return React__default.createElement(Container$j, null, React__default.createElement(ButtonsWrapper$1, Object.assign({
|
|
5733
|
+
ref: buttonsWrapperRef,
|
|
5734
|
+
className: "split-button-" + design + " button-" + size,
|
|
5735
|
+
isOpen: isOpen
|
|
5731
5736
|
}, rest), React__default.createElement(MainButtonWrapper, {
|
|
5732
5737
|
ref: mainButtonRef
|
|
5733
5738
|
}, buttonList.filter(function (button) {
|
|
5734
5739
|
return button.id === mainButtonId;
|
|
5735
|
-
}).map(function (
|
|
5736
|
-
var id =
|
|
5737
|
-
text =
|
|
5738
|
-
icon =
|
|
5739
|
-
disabledItemProp =
|
|
5740
|
-
props = _objectWithoutPropertiesLoose(
|
|
5740
|
+
}).map(function (_ref3) {
|
|
5741
|
+
var id = _ref3.id,
|
|
5742
|
+
text = _ref3.text,
|
|
5743
|
+
icon = _ref3.icon,
|
|
5744
|
+
disabledItemProp = _ref3.disabled,
|
|
5745
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
5741
5746
|
|
|
5742
5747
|
return React__default.createElement(SplitButtonOption, Object.assign({
|
|
5743
5748
|
key: id,
|
|
@@ -5758,14 +5763,14 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5758
5763
|
size: 8
|
|
5759
5764
|
}))), isOpen && !disabled ? React__default.createElement(React.Fragment, null, buttonList.filter(function (button) {
|
|
5760
5765
|
return button.id !== mainButtonId;
|
|
5761
|
-
}).map(function (
|
|
5766
|
+
}).map(function (_ref4) {
|
|
5762
5767
|
var _mainButtonRef$curren;
|
|
5763
5768
|
|
|
5764
|
-
var id =
|
|
5765
|
-
text =
|
|
5766
|
-
icon =
|
|
5767
|
-
disabledItemProp =
|
|
5768
|
-
props = _objectWithoutPropertiesLoose(
|
|
5769
|
+
var id = _ref4.id,
|
|
5770
|
+
text = _ref4.text,
|
|
5771
|
+
icon = _ref4.icon,
|
|
5772
|
+
disabledItemProp = _ref4.disabled,
|
|
5773
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded3);
|
|
5769
5774
|
|
|
5770
5775
|
return React__default.createElement(SplitButtonOption, Object.assign({
|
|
5771
5776
|
key: id,
|
|
@@ -5780,7 +5785,7 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5780
5785
|
}, props, {
|
|
5781
5786
|
closeCallback: closeCallback
|
|
5782
5787
|
}));
|
|
5783
|
-
})) : null);
|
|
5788
|
+
})) : null));
|
|
5784
5789
|
};
|
|
5785
5790
|
|
|
5786
5791
|
var _excluded$m = ["id", "buttonType", "icon", "text", "iconPosition", "size"];
|
|
@@ -5812,13 +5817,13 @@ var ButtonsStack = function ButtonsStack(_ref) {
|
|
|
5812
5817
|
}));
|
|
5813
5818
|
};
|
|
5814
5819
|
|
|
5815
|
-
var _templateObject$D, _templateObject2$x, _templateObject3$s, _templateObject4$
|
|
5820
|
+
var _templateObject$D, _templateObject2$x, _templateObject3$s, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f;
|
|
5816
5821
|
var Container$l = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref) {
|
|
5817
5822
|
var hide = _ref.hide;
|
|
5818
5823
|
return hide && styled.css(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: none;\n "])));
|
|
5819
5824
|
});
|
|
5820
5825
|
var Label$1 = styled__default.label(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n text-align: left;\n font-size: 14px;\n font-weight: 300;\n text-decoration: none;\n color: var(--grey-11);\n padding: 12px;\n border-bottom: var(--grey-6) 1px solid;\n"])), fontFamily.ui);
|
|
5821
|
-
var Item = styled__default.div(_templateObject4$
|
|
5826
|
+
var Item = styled__default.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n padding: 12px;\n display: flex;\n justify-content: left;\n"])));
|
|
5822
5827
|
var IconWrap = styled__default.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n flex: 0 0 40px;\n padding-top: 2px;\n"])));
|
|
5823
5828
|
var Input$1 = styled__default.input(_templateObject6$i || (_templateObject6$i = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n text-align: left;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.2px;\n text-decoration: none;\n color: var(--grey-11);\n background-color: transparent;\n\n width: 100%;\n border: ", ";\n outline: none;\n flex: 1;\n justify-content: space-between;\n border-radius: 3px;\n\n &:focus, &:hover {\n\n border-color: ", ";\n }\n"])), fontFamily.data, function (_ref2) {
|
|
5824
5829
|
var isTimeInput = _ref2.isTimeInput;
|
|
@@ -6015,7 +6020,7 @@ var DateTimeBlock = function DateTimeBlock(_ref6) {
|
|
|
6015
6020
|
})))));
|
|
6016
6021
|
};
|
|
6017
6022
|
|
|
6018
|
-
var _templateObject$E, _templateObject2$y, _templateObject3$t, _templateObject4$
|
|
6023
|
+
var _templateObject$E, _templateObject2$y, _templateObject3$t, _templateObject4$p, _templateObject5$m, _templateObject6$j, _templateObject7$i, _templateObject8$g, _templateObject9$d, _templateObject10$b, _templateObject11$7, _templateObject12$5, _templateObject13$4, _templateObject14$2, _templateObject15$1, _templateObject16$1, _templateObject17$1, _templateObject18$1, _templateObject19$1, _templateObject20$1, _templateObject21$1, _templateObject22$1, _templateObject23;
|
|
6019
6024
|
|
|
6020
6025
|
var initializeInterval = function initializeInterval(day) {
|
|
6021
6026
|
return {
|
|
@@ -6032,7 +6037,7 @@ var TODAY_INTERVAL = initializeInterval(dateFns.startOfDay(new Date()));
|
|
|
6032
6037
|
var Container$m = styled__default.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6033
6038
|
var DateTimeArea = styled__default.div(_templateObject2$y || (_templateObject2$y = _taggedTemplateLiteralLoose(["\n border-right: var(--grey-6) 1px solid;\n width: 170px;\n display: flex;\n flex-direction: column;\n"])));
|
|
6034
6039
|
var TimeZoneOption = styled__default.div(_templateObject3$t || (_templateObject3$t = _taggedTemplateLiteralLoose(["\n border-top: var(--grey-6) 1px solid;\n margin-top: auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 10px;\n box-sizing: border-box;\n"])));
|
|
6035
|
-
var TimeZoneLabel = styled__default.div(_templateObject4$
|
|
6040
|
+
var TimeZoneLabel = styled__default.div(_templateObject4$p || (_templateObject4$p = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n text-align: left;\n font-size: 12px;\n font-weight: 300;\n color: var(--grey-11);\n"])), fontFamily.ui);
|
|
6036
6041
|
var TimeZoneValue = styled__default.div(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n text-align: left;\n font-size: 12px;\n font-weight: 300;\n color: var(--grey-11);\n"])), fontFamily.data);
|
|
6037
6042
|
var CalendarArea = styled__default.div(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
6038
6043
|
var CalendarHeader = styled__default.div(_templateObject7$i || (_templateObject7$i = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 70px;\n border-bottom: var(--grey-6) 1px solid;\n text-align: center;\n"])));
|
|
@@ -6345,14 +6350,14 @@ var FilterDropdownContainer = function FilterDropdownContainer(_ref) {
|
|
|
6345
6350
|
|
|
6346
6351
|
var _excluded$o = ["icon", "hasFlipArrow", "isSortAscending", "isOpen", "children"];
|
|
6347
6352
|
|
|
6348
|
-
var _templateObject$G, _templateObject2$A, _templateObject3$u, _templateObject4$
|
|
6353
|
+
var _templateObject$G, _templateObject2$A, _templateObject3$u, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$j;
|
|
6349
6354
|
var FlipWrapper = styled__default.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
6350
6355
|
var isSortAscending = _ref.isSortAscending;
|
|
6351
6356
|
return isSortAscending && styled.css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n transform: scaleY(-1);\n "])));
|
|
6352
6357
|
});
|
|
6353
6358
|
var StyledButton$4 = styled__default.button(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n ", ";\n border-radius: 3px;\n height: 30px;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref2) {
|
|
6354
6359
|
var animation = _ref2.theme.animation;
|
|
6355
|
-
return styled.css(_templateObject4$
|
|
6360
|
+
return styled.css(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n\n box-shadow: 0px 4px 9px 0px var(--primary-a1);\n background-color: var(--grey-1);\n border: var(--grey-7) 1px solid;\n text-align: left;\n font-size: 12px;\n font-weight: 400;\n text-decoration: none;\n color: var(--grey-11);\n\n font-family: ", ";\n transition: opacity ", " ", ";\n\n ", " {\n padding: 0 9px;\n display: flex;\n align-items: center;\n [stroke]{\n stroke: var(--dimmed);\n }\n }\n\n &:hover:enabled {\n background-color: var(--primary-7);\n border-color: var(--primary-7);\n border: var(--primary-7) 1px solid;\n color: var(--white-1);\n transition:\n background ", " ", ",\n border ", " ", ";\n }\n\n &:active:enabled {\n background-color: var(--primary-7);\n border-color: var(--primary-7);\n border: var(--primary-7) 1px solid;\n color: var(--white-1);\n }\n\n &:hover:enabled, &:active:enabled {\n ", " {\n [stroke]{\n transition: stroke ", " ", ";\n stroke: var(--white-1);\n }\n }\n }\n\n &:disabled {\n cursor: not-allowed;\n opacity: 50%;\n }\n"])), fontFamily.ui, animation.speed.normal, animation.easing.primary.inOut, IconWrapper, animation.speed.fast, animation.easing.primary.inOut, animation.speed.fast, animation.easing.primary.inOut, IconWrapper, animation.speed.faster, animation.easing.primary.inOut);
|
|
6356
6361
|
}, function (_ref3) {
|
|
6357
6362
|
var isOpen = _ref3.isOpen,
|
|
6358
6363
|
hasFlipArrow = _ref3.hasFlipArrow;
|
|
@@ -6395,14 +6400,14 @@ var FilterButton = function FilterButton(_ref5) {
|
|
|
6395
6400
|
|
|
6396
6401
|
var _excluded$p = ["title", "value", "optionType", "selected", "disabled", "onClick"];
|
|
6397
6402
|
|
|
6398
|
-
var _templateObject$H, _templateObject2$B, _templateObject3$v, _templateObject4$
|
|
6403
|
+
var _templateObject$H, _templateObject2$B, _templateObject3$v, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$c;
|
|
6399
6404
|
var Title$1 = styled__default.div(_templateObject$H || (_templateObject$H = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n display: block;\n color: var(--grey-9);\n font-size: 14px;\n font-weight: 500;\n margin-left: 12px;\n user-select: none;\n pointer-events: none;\n"])), function (_ref) {
|
|
6400
6405
|
var theme = _ref.theme;
|
|
6401
6406
|
return theme.fontFamily.data;
|
|
6402
6407
|
});
|
|
6403
6408
|
var FakeCheckbox = styled__default.div(_templateObject2$B || (_templateObject2$B = _taggedTemplateLiteralLoose(["\n box-sizing: border-box;\n position: relative;\n width: 18px;\n height: 18px;\n border-radius: 5px;\n border-width: 2px;\n border-style: solid;\n"])));
|
|
6404
6409
|
var FakeCheckboxInner = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n"])));
|
|
6405
|
-
var CheckMarkWrapper = styled__default.div(_templateObject4$
|
|
6410
|
+
var CheckMarkWrapper = styled__default.div(_templateObject4$r || (_templateObject4$r = _taggedTemplateLiteralLoose(["\n position: absolute;\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n svg {\n display: block;\n [stroke]{\n stroke: transparent;\n }\n [fill] {\n fill: var(--inverse);\n }\n }\n"])));
|
|
6406
6411
|
var FakeRadioButton = styled__default.div(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n width: 18px;\n height: 18px;\n user-select: none;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border-width: 2px;\n border-style: solid;\n"])));
|
|
6407
6412
|
var FakeInnerRadio = styled__default.div(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
6408
6413
|
var Container$o = styled__default.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (_ref2) {
|
|
@@ -6439,7 +6444,7 @@ var FilterOption = function FilterOption(_ref3) {
|
|
|
6439
6444
|
|
|
6440
6445
|
var _excluded$q = ["color", "hasBorder", "iconSize", "disabled", "noBackground", "hasCrossButton", "onCrossClick", "width"];
|
|
6441
6446
|
|
|
6442
|
-
var _templateObject$I, _templateObject2$C, _templateObject3$w, _templateObject4$
|
|
6447
|
+
var _templateObject$I, _templateObject2$C, _templateObject3$w, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$l, _templateObject8$i;
|
|
6443
6448
|
var Container$p = styled__default.div(_templateObject$I || (_templateObject$I = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", " {\n flex-shrink: 0;\n display: flex;\n }\n\n height: 30px;\n padding: 0 0 0 8px;\n align-items: center;\n display: flex;\n border-radius: 3px;\n"])), function (_ref) {
|
|
6444
6449
|
var styles = _ref.theme.styles,
|
|
6445
6450
|
theme = _ref.theme,
|
|
@@ -6447,7 +6452,7 @@ var Container$p = styled__default.div(_templateObject$I || (_templateObject$I =
|
|
|
6447
6452
|
disabled = _ref.disabled,
|
|
6448
6453
|
noBackground = _ref.noBackground,
|
|
6449
6454
|
width = _ref.width;
|
|
6450
|
-
return styled.css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n\n ", ";\n\n background-color: ", ";\n\n &:focus-within {\n background-color: ", ";\n border: ", ";\n }\n\n "])), hasBorder && styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n border: ", ";\n box-shadow: ", ";\n "])), styles.filters.searchInput["default"].border, styles.filters.searchInput["default"].boxShadow), disabled && styled.css(_templateObject4$
|
|
6455
|
+
return styled.css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n\n ", ";\n\n background-color: ", ";\n\n &:focus-within {\n background-color: ", ";\n border: ", ";\n }\n\n "])), hasBorder && styled.css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n border: ", ";\n box-shadow: ", ";\n "])), styles.filters.searchInput["default"].border, styles.filters.searchInput["default"].boxShadow), disabled && styled.css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n opacity: 50%;\n cursor: not-allowed;\n "]))), width && styled.css(_templateObject5$p || (_templateObject5$p = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), width), noBackground ? 'transparent' : theme.styles.filters.searchInput["default"].backgroundColor, noBackground ? 'transparent' : styles.filters.searchInput.focused.backgroundColor, noBackground ? 'transparent' : styles.filters.searchInput.focused.border);
|
|
6451
6456
|
}, IconWrapper);
|
|
6452
6457
|
var CrossButton = styled__default.button(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n ", ";\n flex-shrink: 0;\n flex-grow: 0;\n flex-basis: auto;\n width: 26px;\n\n ", " {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), resetButtonStyles, IconWrapper);
|
|
6453
6458
|
var StyledInput$2 = styled__default.input(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n\n font-size: 12px;\n border: none;\n height: 100%;\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n border-radius: 3px;\n outline: none;\n margin-left: 7px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n"])), removeAutoFillStyle, function (_ref2) {
|
|
@@ -6516,7 +6521,7 @@ var isFilterItem = function isFilterItem(item) {
|
|
|
6516
6521
|
|
|
6517
6522
|
var _excluded$r = ["buttonIcon", "buttonText", "disabled", "minWidth", "minHeight", "isSortAscending", "children", "onToggleOpenCallback", "onCloseCallback"];
|
|
6518
6523
|
|
|
6519
|
-
var _templateObject$J, _templateObject2$D, _templateObject3$x, _templateObject4$
|
|
6524
|
+
var _templateObject$J, _templateObject2$D, _templateObject3$x, _templateObject4$t;
|
|
6520
6525
|
var Container$q = styled__default.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6521
6526
|
var ButtonWrapper = styled__default.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: inline-block;\n"])));
|
|
6522
6527
|
var ContentBox = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n z-index: 100;\n min-width: ", "px;\n position: absolute;\n\n ", ";\n"])), function (_ref) {
|
|
@@ -6525,7 +6530,7 @@ var ContentBox = styled__default.div(_templateObject3$x || (_templateObject3$x =
|
|
|
6525
6530
|
}, function (_ref2) {
|
|
6526
6531
|
var openState = _ref2.openState,
|
|
6527
6532
|
disabled = _ref2.disabled;
|
|
6528
|
-
return openState && styled.css(_templateObject4$
|
|
6533
|
+
return openState && styled.css(_templateObject4$t || (_templateObject4$t = _taggedTemplateLiteralLoose(["\n display: ", ";\n display: ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n "])), openState.isOpen ? 'inline-block' : 'none', disabled && 'none', openState.position === 'bottom-right' && "\n bottom: 0;\n left: 0;\n transform: translateY(calc(100% + 5px ));\n ", openState.position === 'bottom-left' && "\n bottom: 0;\n right: 0;\n transform: translateY(calc(100% + 5px ));\n ", openState.position === 'top-left' && "\n top: 0;\n right: 0;\n transform: translateY(calc( -100% - 5px ));\n ", openState.position === 'top-right' && "\n top: 0;\n left: 0;\n transform: translateY(calc( -100% - 5px ));\n ");
|
|
6529
6534
|
});
|
|
6530
6535
|
|
|
6531
6536
|
var getDropPosition = function getDropPosition(buttonRect, minWidth, minHeight) {
|
|
@@ -6645,11 +6650,11 @@ var LoadingBox = function LoadingBox(_ref) {
|
|
|
6645
6650
|
|
|
6646
6651
|
var _excluded$s = ["buttonIcon", "buttonText", "list", "selected", "disabled", "isLoading", "loadingText", "optionType", "hasOptionsFilter", "searchPlaceholder", "maxDisplayedItems", "searchResultText", "emptyResultText", "onSelect"];
|
|
6647
6652
|
|
|
6648
|
-
var _templateObject$L, _templateObject2$F, _templateObject3$y, _templateObject4$
|
|
6653
|
+
var _templateObject$L, _templateObject2$F, _templateObject3$y, _templateObject4$u, _templateObject5$q, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$f, _templateObject10$d;
|
|
6649
6654
|
var Container$s = styled__default.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6650
6655
|
var TopLine$1 = styled__default.div(_templateObject2$F || (_templateObject2$F = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-7);\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])));
|
|
6651
6656
|
var InnerBox = styled__default.div(_templateObject3$y || (_templateObject3$y = _taggedTemplateLiteralLoose(["\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n box-shadow: 0 4px 9px 0 var(--grey-a2);\n border-right: solid 1px var(--grey-7);\n border-bottom: solid 1px var(--grey-7);\n border-left: solid 1px var(--grey-7);\n background-color: var(--grey-2);\n"])));
|
|
6652
|
-
var StyledFilterOption = styled__default(FilterOption)(_templateObject4$
|
|
6657
|
+
var StyledFilterOption = styled__default(FilterOption)(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
6653
6658
|
var OptionList = styled__default.div(_templateObject5$q || (_templateObject5$q = _taggedTemplateLiteralLoose(["\n max-height: ", ";\n min-height: 40px;\n position: relative;\n overflow-y: auto;\n margin-right: 2px;\n\n ", " {\n height: 35px;\n padding-left: 10px;\n }\n"])), function (_ref) {
|
|
6654
6659
|
var moreItem = _ref.moreItem;
|
|
6655
6660
|
return moreItem ? '168px' : '175px';
|
|
@@ -6892,11 +6897,11 @@ var FilterDropdown = function FilterDropdown(_ref2) {
|
|
|
6892
6897
|
|
|
6893
6898
|
var _excluded$t = ["buttonText", "disabled", "list", "isLoading", "loadingText", "isSortAscending", "selected", "descendingText", "ascendingText", "onSelect"];
|
|
6894
6899
|
|
|
6895
|
-
var _templateObject$M, _templateObject2$G, _templateObject3$z, _templateObject4$
|
|
6900
|
+
var _templateObject$M, _templateObject2$G, _templateObject3$z, _templateObject4$v, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k, _templateObject9$g;
|
|
6896
6901
|
var Container$t = styled__default.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6897
6902
|
var TopLine$2 = styled__default.div(_templateObject2$G || (_templateObject2$G = _taggedTemplateLiteralLoose(["\n background-color: var(--primary-7);\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])));
|
|
6898
6903
|
var InnerBox$1 = styled__default.div(_templateObject3$z || (_templateObject3$z = _taggedTemplateLiteralLoose(["\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n border-top: unset;\n box-shadow: 0px 5px 25px 0px var(--primary-a1);\n background-color: var(--grey-1);\n border-color: var(--grey-6);\n border: var(--grey-6) 1px solid;\n"])));
|
|
6899
|
-
var StyledFilterOption$1 = styled__default(FilterOption)(_templateObject4$
|
|
6904
|
+
var StyledFilterOption$1 = styled__default(FilterOption)(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
6900
6905
|
var OptionList$1 = styled__default.div(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n ", " {\n height: 35px;\n padding-left: 10px;\n }\n"])), StyledFilterOption$1);
|
|
6901
6906
|
var OrderGroup = styled__default.div(_templateObject6$o || (_templateObject6$o = _taggedTemplateLiteralLoose(["\n display: flex;\n border-top: var(--grey-6) 1px solid;\n margin-top: 5px;\n button:first-child {\n border-right: var(--grey-6) 1px solid;\n }\n"])));
|
|
6902
6907
|
var OrderButton = styled__default.button(_templateObject7$n || (_templateObject7$n = _taggedTemplateLiteralLoose(["\n ", ";\n width: 100%;\n display: flex;\n align-items: center;\n font-family: ", ";\n color: var(--grey-12);\n font-size: 14px;\n height: 35px;\n ", "\n"])), resetButtonStyles, fontFamily.data, function (_ref) {
|
|
@@ -6979,12 +6984,12 @@ var SortDropdown = function SortDropdown(_ref2) {
|
|
|
6979
6984
|
}))))));
|
|
6980
6985
|
};
|
|
6981
6986
|
|
|
6982
|
-
var _templateObject$N, _templateObject2$H, _templateObject3$A, _templateObject4$
|
|
6987
|
+
var _templateObject$N, _templateObject2$H, _templateObject3$A, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$o, _templateObject8$l, _templateObject9$h, _templateObject10$e, _templateObject11$8, _templateObject12$6, _templateObject13$5, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$1;
|
|
6983
6988
|
var Container$u = styled__default.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6984
6989
|
var ContextActionBaseCSS = styled.css(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n border: none;\n background: none;\n display: flex;\n justify-content:left;\n align-items:center;\n flex-wrap: wrap;\n cursor: pointer;\n outline: none;\n text-decoration: none;\n padding: 0;\n"])));
|
|
6985
6990
|
var ContextIcon = styled__default.div(_templateObject3$A || (_templateObject3$A = _taggedTemplateLiteralLoose(["\n ", ";\n width: 30px;\n height: 30px;\n border-radius: 3px;\n display:flex;\n justify-content:center;\n align-items:center;\n svg {\n display: block;\n }\n"])), function (_ref) {
|
|
6986
6991
|
var theme = _ref.theme;
|
|
6987
|
-
return styled.css(_templateObject4$
|
|
6992
|
+
return styled.css(_templateObject4$w || (_templateObject4$w = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-2);\n transition: background ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
6988
6993
|
});
|
|
6989
6994
|
var ContextActionButton = styled__default.button(_templateObject5$s || (_templateObject5$s = _taggedTemplateLiteralLoose(["\n ", "\n ", "{\n cursor: pointer;\n }\n &:hover {\n div > svg > g {\n stroke: var(--white-1);\n }\n }\n &:hover ", "{\n background-color: var(--primary-8);\n }\n }\n ", "\n ", "\n"])), ContextActionBaseCSS, ContextIcon, ContextIcon, function (_ref2) {
|
|
6990
6995
|
var isActive = _ref2.isActive;
|
|
@@ -7264,12 +7269,12 @@ var DropdownDatePicker = function DropdownDatePicker(_ref) {
|
|
|
7264
7269
|
|
|
7265
7270
|
var _excluded$v = ["hasShowMore", "searchFilters", "datePickerFilters", "dropdownFilters", "showMoreText", "showLessText"];
|
|
7266
7271
|
|
|
7267
|
-
var _templateObject$P, _templateObject2$I, _templateObject3$B, _templateObject4$
|
|
7272
|
+
var _templateObject$P, _templateObject2$I, _templateObject3$B, _templateObject4$x, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$m;
|
|
7268
7273
|
var fadeInAnimation = styled.keyframes(_templateObject$P || (_templateObject$P = _taggedTemplateLiteralLoose(["\n 0% {\n width: 50%;\n opacity: .5;\n }\n 50% {\n opacity: 1;\n }\n 100% {\n width: 100%;\n }\n"])));
|
|
7269
7274
|
var SearchInputWrapper = styled__default.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n flex: 1 1 200px;\n max-width: 320px;\n"])));
|
|
7270
7275
|
var CloseSearchInputWrapper = styled__default.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
7271
7276
|
var theme = _ref.theme;
|
|
7272
|
-
return theme && styled.css(_templateObject4$
|
|
7277
|
+
return theme && styled.css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n animation: ", " ", " ", ";\n "])), fadeInAnimation, theme.animation.speed.slow, theme.animation.easing.primary.inOut);
|
|
7273
7278
|
});
|
|
7274
7279
|
var StyledFilterButton = styled__default(FilterButton)(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose([""])));
|
|
7275
7280
|
var StyledDropdown = styled__default(FilterDropdown)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose([""])));
|
|
@@ -7390,11 +7395,11 @@ var FilterInputs = function FilterInputs(_ref2) {
|
|
|
7390
7395
|
|
|
7391
7396
|
var _excluded$w = ["labelLists", "totalResults", "resultTextTemplate", "clearText", "resultsDateFormat", "onRemoveFilter", "onClearAll"];
|
|
7392
7397
|
|
|
7393
|
-
var _templateObject$Q, _templateObject2$J, _templateObject3$C, _templateObject4$
|
|
7398
|
+
var _templateObject$Q, _templateObject2$J, _templateObject3$C, _templateObject4$y, _templateObject5$u, _templateObject6$r, _templateObject7$q;
|
|
7394
7399
|
var Container$x = styled__default.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 12px;\n min-height: 22px;\n"])));
|
|
7395
7400
|
var ResultsTextWrapper = styled__default.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-9);\n"])), fontFamily.ui);
|
|
7396
7401
|
var FilterLabel = styled__default.div(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n height: 18px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n padding: 0 11px 0 8px;\n margin-left: 3px;\n color: var(--grey-9);\n font-family: ", ";\n\n ", " {\n display: flex;\n align-items: center;\n }\n border-right: 1px solid var(--grey-8);\n"])), fontFamily.data, IconWrapper);
|
|
7397
|
-
var FilterLabelText = styled__default.div(_templateObject4$
|
|
7402
|
+
var FilterLabelText = styled__default.div(_templateObject4$y || (_templateObject4$y = _taggedTemplateLiteralLoose(["\n padding: ", ";\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n max-width: 300px;\n"])), function (_ref) {
|
|
7398
7403
|
var hasIcon = _ref.hasIcon;
|
|
7399
7404
|
return hasIcon ? '0 15px 0 9px' : '0 15px 0 0';
|
|
7400
7405
|
});
|
|
@@ -7931,7 +7936,7 @@ var FilterBar = function FilterBar(_ref4) {
|
|
|
7931
7936
|
})));
|
|
7932
7937
|
};
|
|
7933
7938
|
|
|
7934
|
-
var _templateObject$S, _templateObject2$L, _templateObject3$E, _templateObject4$
|
|
7939
|
+
var _templateObject$S, _templateObject2$L, _templateObject3$E, _templateObject4$z, _templateObject5$v;
|
|
7935
7940
|
var Container$z = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n"])));
|
|
7936
7941
|
var StatusCounter = styled__default.div(_templateObject2$L || (_templateObject2$L = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 14px;;\n top: -12px;\n border-radius: 4px;\n height: 14px;\n min-width: 14px;\n padding: 2px;\n font-size: 10px;\n color: white;\n display: flex;\n align-items: center;\n justify-content: center;\n ", "\n background-color: ", ";\n"])), function (_ref) {
|
|
7937
7942
|
var animation = _ref.theme.animation;
|
|
@@ -7941,7 +7946,7 @@ var StatusCounter = styled__default.div(_templateObject2$L || (_templateObject2$
|
|
|
7941
7946
|
color = _ref2.color;
|
|
7942
7947
|
return color ? theme.colors.status[color] : 'var(--grey-5)';
|
|
7943
7948
|
});
|
|
7944
|
-
var StatusDot = styled__default.div(_templateObject4$
|
|
7949
|
+
var StatusDot = styled__default.div(_templateObject4$z || (_templateObject4$z = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border: solid 2px var(--grey-1);\n border-radius: 50%;\n position: absolute;\n top: -6px;\n right: -9px;\n ", "\n background-color: ", ";\n"])), function (_ref3) {
|
|
7945
7950
|
var animation = _ref3.theme.animation;
|
|
7946
7951
|
return styled.css(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n transition: background-color ", " ", ";\n "])), animation.speed.slow, animation.easing.primary.easeInOut);
|
|
7947
7952
|
}, function (_ref4) {
|
|
@@ -7967,7 +7972,7 @@ var StatusIcon = function StatusIcon(_ref5) {
|
|
|
7967
7972
|
}));
|
|
7968
7973
|
};
|
|
7969
7974
|
|
|
7970
|
-
var _templateObject$T, _templateObject2$M, _templateObject3$F, _templateObject4$
|
|
7975
|
+
var _templateObject$T, _templateObject2$M, _templateObject3$F, _templateObject4$A, _templateObject5$w, _templateObject6$s, _templateObject7$r, _templateObject8$n, _templateObject9$i, _templateObject10$f, _templateObject11$9, _templateObject12$7, _templateObject13$6, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$3;
|
|
7971
7976
|
var HandleTouchReactionKeyframes = styled.keyframes(_templateObject$T || (_templateObject$T = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(3);\n }\n\n 100% {\n transform: scale(1.75);\n }\n"])));
|
|
7972
7977
|
var HandleMouseReactionKeyframes = styled.keyframes(_templateObject2$M || (_templateObject2$M = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(0.5);\n }\n"])));
|
|
7973
7978
|
var HandleBase = styled__default.svg(_templateObject3$F || (_templateObject3$F = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n overflow: visible;\n cursor: pointer;\n fill: ", ";\n appearance: none;\n"])), function (_ref) {
|
|
@@ -7975,7 +7980,7 @@ var HandleBase = styled__default.svg(_templateObject3$F || (_templateObject3$F =
|
|
|
7975
7980
|
styling = _ref.styling;
|
|
7976
7981
|
return theme.custom.lines[styling].handleBase.fill;
|
|
7977
7982
|
});
|
|
7978
|
-
var HandleRingLayer = styled__default.circle(_templateObject4$
|
|
7983
|
+
var HandleRingLayer = styled__default.circle(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n fill: none;\n stroke: ", ";\n mask: url(#", ");\n"])), function (_ref2) {
|
|
7979
7984
|
var theme = _ref2.theme,
|
|
7980
7985
|
styling = _ref2.styling;
|
|
7981
7986
|
return theme.custom.lines[styling].handleRingLayer.stroke;
|
|
@@ -8216,7 +8221,7 @@ var HandleUnit = function HandleUnit(props) {
|
|
|
8216
8221
|
}, index + pointIndexOffset))));
|
|
8217
8222
|
};
|
|
8218
8223
|
|
|
8219
|
-
var _templateObject$U, _templateObject2$N, _templateObject3$G, _templateObject4$
|
|
8224
|
+
var _templateObject$U, _templateObject2$N, _templateObject3$G, _templateObject4$B, _templateObject5$x, _templateObject6$t, _templateObject7$s, _templateObject8$o, _templateObject9$j, _templateObject10$g, _templateObject11$a, _templateObject12$8, _templateObject13$7, _templateObject14$5;
|
|
8220
8225
|
var ContrastLine = styled__default.line(_templateObject$U || (_templateObject$U = _taggedTemplateLiteralLoose(["\n stroke: ", ";\n mix-blend-mode: multiply;\n stroke-width: ", "px;\n stroke-opacity: ", ";\n cursor: pointer;\n"])), function (_ref) {
|
|
8221
8226
|
var theme = _ref.theme,
|
|
8222
8227
|
styling = _ref.styling;
|
|
@@ -8242,7 +8247,7 @@ var GrabHandle = styled__default.circle(_templateObject3$G || (_templateObject3$
|
|
|
8242
8247
|
styling = _ref6.styling;
|
|
8243
8248
|
return theme.custom.lines[styling].grabHandle.stroke;
|
|
8244
8249
|
}, function (props) {
|
|
8245
|
-
return props.hide && styled.css(_templateObject4$
|
|
8250
|
+
return props.hide && styled.css(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0;\n "])));
|
|
8246
8251
|
});
|
|
8247
8252
|
var GrabHandleIndexGroup$1 = styled__default.g(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n opacity: 0;\n pointer-events: none;\n ", ";\n\n"])), function (props) {
|
|
8248
8253
|
return props.showIndex && styled.css(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n opacity: 1;\n "])));
|
|
@@ -8506,7 +8511,7 @@ var LineUnit = function LineUnit(props) {
|
|
|
8506
8511
|
|
|
8507
8512
|
var LineSetContext = React.createContext({});
|
|
8508
8513
|
|
|
8509
|
-
var _templateObject$V, _templateObject2$O, _templateObject3$H, _templateObject4$
|
|
8514
|
+
var _templateObject$V, _templateObject2$O, _templateObject3$H, _templateObject4$C;
|
|
8510
8515
|
var FilledPolygon = styled__default.polygon(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n fill: ", ";\n opacity: ", ";\n"])), function (_ref) {
|
|
8511
8516
|
var color = _ref.color;
|
|
8512
8517
|
return color;
|
|
@@ -8525,7 +8530,7 @@ var AreaLabelText = styled__default.text(_templateObject3$H || (_templateObject3
|
|
|
8525
8530
|
return theme.custom.lines[styling].label.fill;
|
|
8526
8531
|
}, function (_ref5) {
|
|
8527
8532
|
var showAreaLabelShadow = _ref5.showAreaLabelShadow;
|
|
8528
|
-
return showAreaLabelShadow && styled.css(_templateObject4$
|
|
8533
|
+
return showAreaLabelShadow && styled.css(_templateObject4$C || (_templateObject4$C = _taggedTemplateLiteralLoose(["\n text-shadow:\n -1px -1px 0 #000,\n 1px -1px 0 #000,\n -1px 1px 0 #000,\n 1px 1px 0 #000;\n "])));
|
|
8529
8534
|
});
|
|
8530
8535
|
|
|
8531
8536
|
var AreaLabel = function AreaLabel(_ref6) {
|
|
@@ -8790,11 +8795,11 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8790
8795
|
}));
|
|
8791
8796
|
};
|
|
8792
8797
|
|
|
8793
|
-
var _templateObject$W, _templateObject2$P, _templateObject3$I, _templateObject4$
|
|
8798
|
+
var _templateObject$W, _templateObject2$P, _templateObject3$I, _templateObject4$D, _templateObject5$y;
|
|
8794
8799
|
var Container$A = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n\n"])));
|
|
8795
8800
|
var LoadingOverlay$1 = styled__default.div(_templateObject2$P || (_templateObject2$P = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
8796
8801
|
var Frame = styled__default.svg(_templateObject3$I || (_templateObject3$I = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
8797
|
-
return props.transculent && styled.css(_templateObject4$
|
|
8802
|
+
return props.transculent && styled.css(_templateObject4$D || (_templateObject4$D = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
8798
8803
|
});
|
|
8799
8804
|
var Image$1 = styled__default.img(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n object-fit: contain;\n width: 100%;\n height: 100%;\n"])));
|
|
8800
8805
|
|
|
@@ -8999,11 +9004,11 @@ var LineUI = function LineUI(_ref) {
|
|
|
8999
9004
|
|
|
9000
9005
|
var _excluded$y = ["loop", "autoPlay", "controls", "muted"];
|
|
9001
9006
|
|
|
9002
|
-
var _templateObject$X, _templateObject2$Q, _templateObject3$J, _templateObject4$
|
|
9007
|
+
var _templateObject$X, _templateObject2$Q, _templateObject3$J, _templateObject4$E, _templateObject5$z;
|
|
9003
9008
|
var Container$B = styled__default.div(_templateObject$X || (_templateObject$X = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n"])));
|
|
9004
9009
|
var Video$1 = styled__default.video(_templateObject2$Q || (_templateObject2$Q = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n border-radius: 3px;\n background-color: hsla(0deg, 0%, 0%, 35%);\n"])));
|
|
9005
9010
|
var LoadingOverlay$2 = styled__default.div(_templateObject3$J || (_templateObject3$J = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
9006
|
-
var Frame$1 = styled__default.svg(_templateObject4$
|
|
9011
|
+
var Frame$1 = styled__default.svg(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
9007
9012
|
return props.transcalent && styled.css(_templateObject5$z || (_templateObject5$z = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
9008
9013
|
});
|
|
9009
9014
|
|
|
@@ -9552,11 +9557,11 @@ function getPeerId(id) {
|
|
|
9552
9557
|
return 'WRP_' + id + '_' + Math.floor(Math.random() * (9000 - 10) + 10).toString();
|
|
9553
9558
|
}
|
|
9554
9559
|
|
|
9555
|
-
var _templateObject$Z, _templateObject2$R, _templateObject3$K, _templateObject4$
|
|
9560
|
+
var _templateObject$Z, _templateObject2$R, _templateObject3$K, _templateObject4$F, _templateObject5$A;
|
|
9556
9561
|
var Container$C = styled__default.div(_templateObject$Z || (_templateObject$Z = _taggedTemplateLiteralLoose(["\n position: relative;\n line-height: 0;\n user-select: none;\n touch-action: none;\n /* box-shadow: 0 10px 20px hsla(195deg, 65%, 5%, 35%); */\n /* border: 10px solid hsla(195deg, 45%, 35%, 45%); */\n /* border-radius:3px; */\n\n width: auto;\n /* transform: translateY(-70%); */\n"])));
|
|
9557
9562
|
var Video$3 = styled__default(WebRTCPlayer)(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 100%;\n border-radius: 3px;\n background-color: hsla(0deg, 0%, 0%, 35%);\n"])));
|
|
9558
9563
|
var LoadingOverlay$3 = styled__default.div(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n position: absolute;\n top:0;\n bottom: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"])));
|
|
9559
|
-
var Frame$2 = styled__default.svg(_templateObject4$
|
|
9564
|
+
var Frame$2 = styled__default.svg(_templateObject4$F || (_templateObject4$F = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n margin: 0;\n\n overflow: visible;\n\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n transition: background 250ms ease;\n background: hsla(0deg, 0%, 0%, 0%);\n\n ", "\n\n"])), function (props) {
|
|
9560
9565
|
return props.transcalent && styled.css(_templateObject5$A || (_templateObject5$A = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
9561
9566
|
});
|
|
9562
9567
|
|
|
@@ -9903,7 +9908,7 @@ var LineReducer = (function (state, action) {
|
|
|
9903
9908
|
}
|
|
9904
9909
|
});
|
|
9905
9910
|
|
|
9906
|
-
var _templateObject$_, _templateObject2$S, _templateObject3$L, _templateObject4$
|
|
9911
|
+
var _templateObject$_, _templateObject2$S, _templateObject3$L, _templateObject4$G, _templateObject5$B, _templateObject6$u, _templateObject7$t;
|
|
9907
9912
|
var ICON_SIZE = 24;
|
|
9908
9913
|
var GAP_LEFT = 20;
|
|
9909
9914
|
var ICON_MARGIN_LEFT = -GAP_LEFT - ICON_SIZE;
|
|
@@ -9913,7 +9918,7 @@ var TitlesWrapper = styled__default.div(_templateObject2$S || (_templateObject2$
|
|
|
9913
9918
|
return areaTitleBottom ? "column-reverse" : "column";
|
|
9914
9919
|
});
|
|
9915
9920
|
var IconContainer$1 = styled__default.div(_templateObject3$L || (_templateObject3$L = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-left: 0px;\n justify-content: left;\n\n @media ", " {\n margin-left: ", "px;\n justify-content: center;\n }\n\n svg {\n display: block;\n }\n"])), deviceMediaQuery.large, ICON_MARGIN_LEFT);
|
|
9916
|
-
var Title$3 = styled__default.h1(_templateObject4$
|
|
9921
|
+
var Title$3 = styled__default.h1(_templateObject4$G || (_templateObject4$G = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n text-align: left;\n font-size: 26px;\n font-weight: 600;\n text-decoration: none;\n color: var(--grey-12);\n margin: 0;\n"])));
|
|
9917
9922
|
var AreaTitleCss = styled.css(_templateObject5$B || (_templateObject5$B = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n text-align: left;\n font-size: 18px;\n font-weight: 600;\n text-decoration: none;\n color: var(--grey-11);\n"])));
|
|
9918
9923
|
var AreaTitle = styled__default.div(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose(["\n ", "\n"])), AreaTitleCss);
|
|
9919
9924
|
var AreaLinkTitle = styled__default(reactRouterDom.Link)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose(["\n ", "\n &:hover {\n text-decoration: underline;\n }\n"])), AreaTitleCss);
|
|
@@ -9957,7 +9962,7 @@ var IntroductionText = function IntroductionText(_ref2) {
|
|
|
9957
9962
|
|
|
9958
9963
|
var _excluded$B = ["icon", "size", "weight", "label", "linkTo", "noBorder", "tagSize"];
|
|
9959
9964
|
|
|
9960
|
-
var _templateObject$10, _templateObject2$U, _templateObject3$M, _templateObject4$
|
|
9965
|
+
var _templateObject$10, _templateObject2$U, _templateObject3$M, _templateObject4$H, _templateObject5$C, _templateObject6$v, _templateObject7$u;
|
|
9961
9966
|
var TextContainer$2 = styled__default.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
9962
9967
|
var StyledLink = styled__default(reactRouterDom.Link)(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n"])));
|
|
9963
9968
|
var TagWrapper = styled__default.div(_templateObject3$M || (_templateObject3$M = _taggedTemplateLiteralLoose(["\n font-family: var(--font-data);\n font-size: ", "px;\n font-weight: 500;\n color: var(--grey-11);\n padding: 4px 10px;\n\n ", ";\n\n display: inline-flex;\n align-items: center;\n flex-shrink: 0;\n gap: 8px;\n\n ", ";\n\n ", ";\n\n ", " {\n [stroke]{\n stroke: var(--dimmed);\n }\n\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n ", ";\n"])), function (_ref) {
|
|
@@ -9965,7 +9970,7 @@ var TagWrapper = styled__default.div(_templateObject3$M || (_templateObject3$M =
|
|
|
9965
9970
|
return size;
|
|
9966
9971
|
}, function (_ref2) {
|
|
9967
9972
|
var noBorder = _ref2.noBorder;
|
|
9968
|
-
return !noBorder && styled.css(_templateObject4$
|
|
9973
|
+
return !noBorder && styled.css(_templateObject4$H || (_templateObject4$H = _taggedTemplateLiteralLoose(["\n border: solid 1px var(--grey-8);\n border-radius: 3px;\n "])));
|
|
9969
9974
|
}, function (_ref3) {
|
|
9970
9975
|
var tagSize = _ref3.tagSize;
|
|
9971
9976
|
return tagSize === 'compact' && styled.css(_templateObject5$C || (_templateObject5$C = _taggedTemplateLiteralLoose(["\n padding: 2px 6px;\n gap: 4px;\n "])));
|
|
@@ -10019,12 +10024,12 @@ var Tag = function Tag(_ref6) {
|
|
|
10019
10024
|
}, renderTag()) : renderTag();
|
|
10020
10025
|
};
|
|
10021
10026
|
|
|
10022
|
-
var _templateObject$11, _templateObject2$V, _templateObject3$N, _templateObject4$
|
|
10027
|
+
var _templateObject$11, _templateObject2$V, _templateObject3$N, _templateObject4$I, _templateObject5$D;
|
|
10023
10028
|
var Container$F = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 32px;\n"])));
|
|
10024
10029
|
var LeftPanel = styled__default.div(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n"])));
|
|
10025
10030
|
var RightPanel = styled__default.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n padding-top: 0px;\n }\n\n"])), function (_ref) {
|
|
10026
10031
|
var iconLeftPanel = _ref.iconLeftPanel;
|
|
10027
|
-
return iconLeftPanel && styled.css(_templateObject4$
|
|
10032
|
+
return iconLeftPanel && styled.css(_templateObject4$I || (_templateObject4$I = _taggedTemplateLiteralLoose(["\n padding-top: 32px;\n "])));
|
|
10028
10033
|
}, deviceMediaQuery.large);
|
|
10029
10034
|
var TagListWrapper = styled__default.div(_templateObject5$D || (_templateObject5$D = _taggedTemplateLiteralLoose(["\n display: inline-flex;\n align-items: flex-start;\n flex-wrap: wrap;\n gap: 4px;\n margin-bottom: 5px;\n margin-top: 29px;\n"])));
|
|
10030
10035
|
|
|
@@ -10082,7 +10087,7 @@ var MultilineContent = function MultilineContent(_ref) {
|
|
|
10082
10087
|
}));
|
|
10083
10088
|
};
|
|
10084
10089
|
|
|
10085
|
-
var _templateObject$13, _templateObject2$W, _templateObject3$O, _templateObject4$
|
|
10090
|
+
var _templateObject$13, _templateObject2$W, _templateObject3$O, _templateObject4$J, _templateObject5$E, _templateObject6$w, _templateObject7$v;
|
|
10086
10091
|
var Container$H = styled__default.div(_templateObject$13 || (_templateObject$13 = _taggedTemplateLiteralLoose(["\n position: relative;\n height: inherit;\n background: grey;\n border-radius: 3px;\n overflow: hidden;\n width: 55px;\n height: auto;\n opacity: 0.65;\n margin-right: 10px;\n\n &::after {\n content: '';\n display: block;\n padding-bottom: 75%;\n ", "\n }\n\n ", "\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n"])), function (_ref) {
|
|
10087
10092
|
var aspect = _ref.aspect;
|
|
10088
10093
|
return aspect === '16:9' && styled.css(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n padding-left: 56.25%;\n "])));
|
|
@@ -10092,7 +10097,7 @@ var Container$H = styled__default.div(_templateObject$13 || (_templateObject$13
|
|
|
10092
10097
|
}, function (_ref3) {
|
|
10093
10098
|
var theme = _ref3.theme,
|
|
10094
10099
|
hoverZoom = _ref3.hoverZoom;
|
|
10095
|
-
return theme && hoverZoom && styled.css(_templateObject4$
|
|
10100
|
+
return theme && hoverZoom && styled.css(_templateObject4$J || (_templateObject4$J = _taggedTemplateLiteralLoose(["\n transform: scale(1.5);\n opacity: 1;\n transition: transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeOut);
|
|
10096
10101
|
});
|
|
10097
10102
|
var ImageWrapper = styled__default.img(_templateObject5$E || (_templateObject5$E = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
10098
10103
|
var NoImageWrapper = styled__default.div(_templateObject6$w || (_templateObject6$w = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n height: 41px;\n width: 55px;\n object-fit: cover;\n display: block;\n"])));
|
|
@@ -10232,7 +10237,7 @@ var TypeTableDeviceStatus = function TypeTableDeviceStatus(_ref2) {
|
|
|
10232
10237
|
});
|
|
10233
10238
|
};
|
|
10234
10239
|
|
|
10235
|
-
var _templateObject$15, _templateObject2$Y, _templateObject3$P, _templateObject4$
|
|
10240
|
+
var _templateObject$15, _templateObject2$Y, _templateObject3$P, _templateObject4$K, _templateObject5$F, _templateObject6$x, _templateObject7$w, _templateObject8$p, _templateObject9$k, _templateObject10$h, _templateObject11$b;
|
|
10236
10241
|
var CopyToClipboard = styled__default.button(_templateObject$15 || (_templateObject$15 = _taggedTemplateLiteralLoose(["\n\n cursor: pointer;\n opacity: 0;\n\n position: absolute;\n right: 0;\n top: 14px;\n width: 20px;\n height: 20px;\n background: transparent;\n border: none;\n outline: none;\n\n ", "\n\n svg {\n display: block;\n }\n\n &:hover {\n opacity: 1 !important;\n }\n\n"])), function (_ref) {
|
|
10237
10242
|
var theme = _ref.theme;
|
|
10238
10243
|
return theme && styled.css(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n transition: ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.easeOut);
|
|
@@ -10243,7 +10248,7 @@ var CellContainer = styled__default.div(_templateObject3$P || (_templateObject3$
|
|
|
10243
10248
|
var theme = _ref2.theme,
|
|
10244
10249
|
cellStyle = _ref2.cellStyle,
|
|
10245
10250
|
alignment = _ref2.alignment;
|
|
10246
|
-
return cellStyle === 'firstColumn' ? styled.css(_templateObject4$
|
|
10251
|
+
return cellStyle === 'firstColumn' ? styled.css(_templateObject4$K || (_templateObject4$K = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData[cellStyle]) : styled.css(_templateObject5$F || (_templateObject5$F = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData[cellStyle][alignment]);
|
|
10247
10252
|
}, function (_ref3) {
|
|
10248
10253
|
var hasCopyButton = _ref3.hasCopyButton;
|
|
10249
10254
|
return hasCopyButton && styled.css(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n padding-right: 20px;\n "])));
|
|
@@ -10382,7 +10387,7 @@ var TypeTableRow = function TypeTableRow(_ref2) {
|
|
|
10382
10387
|
}));
|
|
10383
10388
|
};
|
|
10384
10389
|
|
|
10385
|
-
var _templateObject$17, _templateObject2$_, _templateObject3$Q, _templateObject4$
|
|
10390
|
+
var _templateObject$17, _templateObject2$_, _templateObject3$Q, _templateObject4$L;
|
|
10386
10391
|
var HeaderTitle = styled__default.div(_templateObject$17 || (_templateObject$17 = _taggedTemplateLiteralLoose(["\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n display: inline-flex;\n justify-content: center;\n align-content: center;\n position: relative;\n padding: 0 2px;\n user-select: none;\n z-index: 99;\n\n ", " {\n position: absolute;\n top: 0px;\n left: -15px;\n display: none;\n border-bottom-left-radius: 3px;\n border-top-left-radius: 3px;\n padding: 3px 1px;\n\n ", "\n }\n\n ", "\n\n ", "\n"])), IconWrapper, function (_ref) {
|
|
10387
10392
|
var ascending = _ref.ascending;
|
|
10388
10393
|
return ascending && styled.css(_templateObject2$_ || (_templateObject2$_ = _taggedTemplateLiteralLoose(["\n transform: rotate(180deg);\n border-bottom-right-radius: 3px;\n border-top-right-radius: 3px;\n border-bottom-left-radius: 0;\n border-top-left-radius: 0;\n top: 0;\n "])));
|
|
@@ -10392,7 +10397,7 @@ var HeaderTitle = styled__default.div(_templateObject$17 || (_templateObject$17
|
|
|
10392
10397
|
}, function (_ref3) {
|
|
10393
10398
|
var styles = _ref3.theme.styles,
|
|
10394
10399
|
sortable = _ref3.sortable;
|
|
10395
|
-
return sortable && styled.css(_templateObject4$
|
|
10400
|
+
return sortable && styled.css(_templateObject4$L || (_templateObject4$L = _taggedTemplateLiteralLoose(["\n\n ", ";\n\n &:hover {\n cursor: pointer;\n ", ";\n\n ", " {\n ", ";\n display: inline-flex;\n }\n }\n "])), styles.tables.header.sortable["default"], styles.tables.header.sortable.hover, IconWrapper, styles.tables.header.sortable.hover);
|
|
10396
10401
|
});
|
|
10397
10402
|
|
|
10398
10403
|
var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
@@ -10422,7 +10427,7 @@ var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
|
10422
10427
|
}), header);
|
|
10423
10428
|
};
|
|
10424
10429
|
|
|
10425
|
-
var _templateObject$18, _templateObject2$$, _templateObject3$R, _templateObject4$
|
|
10430
|
+
var _templateObject$18, _templateObject2$$, _templateObject3$R, _templateObject4$M, _templateObject5$G, _templateObject6$y, _templateObject7$x, _templateObject8$q, _templateObject9$l, _templateObject10$i, _templateObject11$c, _templateObject12$9, _templateObject13$8, _templateObject14$6, _templateObject15$4, _templateObject16$4, _templateObject17$4;
|
|
10426
10431
|
var HeaderRow = styled__default.div(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n display: table-row;\n height: 50px;\n"])));
|
|
10427
10432
|
var HeaderItem = styled__default.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n display: table-cell;\n height: inherit;\n vertical-align:top;\n line-height: 20px;\n position: relative;\n font-family: ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (p) {
|
|
10428
10433
|
return p.theme.fontFamily.ui;
|
|
@@ -10433,7 +10438,7 @@ var HeaderItem = styled__default.div(_templateObject2$$ || (_templateObject2$$ =
|
|
|
10433
10438
|
var theme = _ref2.theme,
|
|
10434
10439
|
alignment = _ref2.alignment,
|
|
10435
10440
|
headerStyle = _ref2.headerStyle;
|
|
10436
|
-
return alignment ? styled.css(_templateObject4$
|
|
10441
|
+
return alignment ? styled.css(_templateObject4$M || (_templateObject4$M = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table[headerStyle][alignment]) : styled.css(_templateObject5$G || (_templateObject5$G = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table[headerStyle]['left']);
|
|
10437
10442
|
}, function (p) {
|
|
10438
10443
|
return p.fixedWidth && styled.css(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n width: ", "px;\n "])), p.fixedWidth);
|
|
10439
10444
|
}, function (_ref3) {
|
|
@@ -10591,11 +10596,11 @@ var TypeTableHeader = function TypeTableHeader(_ref9) {
|
|
|
10591
10596
|
}));
|
|
10592
10597
|
};
|
|
10593
10598
|
|
|
10594
|
-
var _templateObject$19, _templateObject2$10, _templateObject3$S, _templateObject4$
|
|
10599
|
+
var _templateObject$19, _templateObject2$10, _templateObject3$S, _templateObject4$N, _templateObject5$H;
|
|
10595
10600
|
var Container$J = styled__default.div(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose([""])));
|
|
10596
10601
|
var TableContainer = styled__default.div(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteralLoose(["\n display: table;\n width: 100%;\n position: relative;\n"])));
|
|
10597
10602
|
var LoadingText$1 = styled__default.div(_templateObject3$S || (_templateObject3$S = _taggedTemplateLiteralLoose(["\n color: var(--grey-a11);\n"])));
|
|
10598
|
-
var LoadingBox$1 = styled__default.div(_templateObject4$
|
|
10603
|
+
var LoadingBox$1 = styled__default.div(_templateObject4$N || (_templateObject4$N = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n z-index: 99;\n background-color: ", ";\n height: calc(100% - 50px);\n opacity: 85%;\n width: 100%;\n min-height: 100px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding: 20px;\n\n ", " {\n margin-top: 10px;\n }\n"])), function (_ref) {
|
|
10599
10604
|
var theme = _ref.theme;
|
|
10600
10605
|
return theme.colors["pureBase"];
|
|
10601
10606
|
}, LoadingText$1);
|
|
@@ -10689,13 +10694,13 @@ var TypeTable = function TypeTable(_ref3) {
|
|
|
10689
10694
|
|
|
10690
10695
|
var _excluded$C = ["type", "placeholder", "defaultValue", "rowKey", "alignment", "toLink", "saveCallback"];
|
|
10691
10696
|
|
|
10692
|
-
var _templateObject$1a, _templateObject2$11, _templateObject3$T, _templateObject4$
|
|
10697
|
+
var _templateObject$1a, _templateObject2$11, _templateObject3$T, _templateObject4$O, _templateObject5$I, _templateObject6$z, _templateObject7$y, _templateObject8$r, _templateObject9$m, _templateObject10$j;
|
|
10693
10698
|
var Container$K = styled__default.div(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n"])), function (_ref) {
|
|
10694
10699
|
var theme = _ref.theme;
|
|
10695
10700
|
return styled.css(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
10696
10701
|
});
|
|
10697
10702
|
var StyledButton$5 = styled__default(Button)(_templateObject3$T || (_templateObject3$T = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
10698
|
-
var StyledLoadingButton = styled__default(ButtonWithLoading)(_templateObject4$
|
|
10703
|
+
var StyledLoadingButton = styled__default(ButtonWithLoading)(_templateObject4$O || (_templateObject4$O = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
10699
10704
|
var StyledLink$1 = styled__default(reactRouterDom.Link)(_templateObject5$I || (_templateObject5$I = _taggedTemplateLiteralLoose(["\n color: inherit;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
10700
10705
|
var EditContainer = styled__default.div(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n min-width: 320px;\n background-color: var(--grey-2);\n z-index: 99;\n position: absolute;\n bottom: -15px;\n left: -11px;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n margin:0;\n span {\n margin: 0;\n }\n }\n ", " {\n margin-left: 5px;\n }\n ", " {\n margin-left: 5px;\n }\n"])), StyledLabel, StyledButton$5, StyledLoadingButton);
|
|
10701
10706
|
var StyledIconButton$1 = styled__default(IconButton$2)(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose([""])));
|
|
@@ -11157,14 +11162,14 @@ var PTZProvider = function PTZProvider(_ref) {
|
|
|
11157
11162
|
}, children);
|
|
11158
11163
|
};
|
|
11159
11164
|
|
|
11160
|
-
var _templateObject$1b, _templateObject2$12, _templateObject3$U, _templateObject4$
|
|
11165
|
+
var _templateObject$1b, _templateObject2$12, _templateObject3$U, _templateObject4$P, _templateObject5$J;
|
|
11161
11166
|
var Active = styled__default.g(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11162
11167
|
var active = _ref.active;
|
|
11163
11168
|
return active && styled.css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11164
11169
|
});
|
|
11165
11170
|
var Hover = styled__default.g(_templateObject3$U || (_templateObject3$U = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11166
11171
|
var hover = _ref2.hover;
|
|
11167
|
-
return hover && styled.css(_templateObject4$
|
|
11172
|
+
return hover && styled.css(_templateObject4$P || (_templateObject4$P = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11168
11173
|
});
|
|
11169
11174
|
var Container$L = styled__default.g(_templateObject5$J || (_templateObject5$J = _taggedTemplateLiteralLoose(["\n"])));
|
|
11170
11175
|
|
|
@@ -11239,14 +11244,14 @@ var Up = function Up() {
|
|
|
11239
11244
|
})));
|
|
11240
11245
|
};
|
|
11241
11246
|
|
|
11242
|
-
var _templateObject$1c, _templateObject2$13, _templateObject3$V, _templateObject4$
|
|
11247
|
+
var _templateObject$1c, _templateObject2$13, _templateObject3$V, _templateObject4$Q, _templateObject5$K, _templateObject6$A;
|
|
11243
11248
|
var Active$1 = styled__default.g(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11244
11249
|
var active = _ref.active;
|
|
11245
11250
|
return active && styled.css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11246
11251
|
});
|
|
11247
11252
|
var Hover$1 = styled__default.g(_templateObject3$V || (_templateObject3$V = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11248
11253
|
var hover = _ref2.hover;
|
|
11249
|
-
return hover && styled.css(_templateObject4$
|
|
11254
|
+
return hover && styled.css(_templateObject4$Q || (_templateObject4$Q = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11250
11255
|
});
|
|
11251
11256
|
var Container$M = styled__default.g(_templateObject5$K || (_templateObject5$K = _taggedTemplateLiteralLoose(["\n"])));
|
|
11252
11257
|
var Arrow$1 = styled__default.g(_templateObject6$A || (_templateObject6$A = _taggedTemplateLiteralLoose(["\n\n"])));
|
|
@@ -11323,14 +11328,14 @@ var Down = function Down() {
|
|
|
11323
11328
|
})));
|
|
11324
11329
|
};
|
|
11325
11330
|
|
|
11326
|
-
var _templateObject$1d, _templateObject2$14, _templateObject3$W, _templateObject4$
|
|
11331
|
+
var _templateObject$1d, _templateObject2$14, _templateObject3$W, _templateObject4$R, _templateObject5$L;
|
|
11327
11332
|
var Active$2 = styled__default.g(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11328
11333
|
var active = _ref.active;
|
|
11329
11334
|
return active && styled.css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11330
11335
|
});
|
|
11331
11336
|
var Hover$2 = styled__default.g(_templateObject3$W || (_templateObject3$W = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11332
11337
|
var hover = _ref2.hover;
|
|
11333
|
-
return hover && styled.css(_templateObject4$
|
|
11338
|
+
return hover && styled.css(_templateObject4$R || (_templateObject4$R = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11334
11339
|
});
|
|
11335
11340
|
var Container$N = styled__default.g(_templateObject5$L || (_templateObject5$L = _taggedTemplateLiteralLoose(["\n"])));
|
|
11336
11341
|
|
|
@@ -11407,14 +11412,14 @@ var Left = function Left() {
|
|
|
11407
11412
|
})));
|
|
11408
11413
|
};
|
|
11409
11414
|
|
|
11410
|
-
var _templateObject$1e, _templateObject2$15, _templateObject3$X, _templateObject4$
|
|
11415
|
+
var _templateObject$1e, _templateObject2$15, _templateObject3$X, _templateObject4$S, _templateObject5$M;
|
|
11411
11416
|
var Active$3 = styled__default.g(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11412
11417
|
var active = _ref.active;
|
|
11413
11418
|
return active && styled.css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11414
11419
|
});
|
|
11415
11420
|
var Hover$3 = styled__default.g(_templateObject3$X || (_templateObject3$X = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11416
11421
|
var hover = _ref2.hover;
|
|
11417
|
-
return hover && styled.css(_templateObject4$
|
|
11422
|
+
return hover && styled.css(_templateObject4$S || (_templateObject4$S = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11418
11423
|
});
|
|
11419
11424
|
var Container$O = styled__default.g(_templateObject5$M || (_templateObject5$M = _taggedTemplateLiteralLoose(["\n"])));
|
|
11420
11425
|
|
|
@@ -12304,14 +12309,14 @@ var ZoomBase = function ZoomBase(_ref) {
|
|
|
12304
12309
|
})), children));
|
|
12305
12310
|
};
|
|
12306
12311
|
|
|
12307
|
-
var _templateObject$1f, _templateObject2$16, _templateObject3$Y, _templateObject4$
|
|
12312
|
+
var _templateObject$1f, _templateObject2$16, _templateObject3$Y, _templateObject4$T, _templateObject5$N;
|
|
12308
12313
|
var Active$4 = styled__default.g(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12309
12314
|
var active = _ref.active;
|
|
12310
12315
|
return active && styled.css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12311
12316
|
});
|
|
12312
12317
|
var Hover$4 = styled__default.g(_templateObject3$Y || (_templateObject3$Y = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
12313
12318
|
var hover = _ref2.hover;
|
|
12314
|
-
return hover && styled.css(_templateObject4$
|
|
12319
|
+
return hover && styled.css(_templateObject4$T || (_templateObject4$T = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12315
12320
|
});
|
|
12316
12321
|
var Container$P = styled__default.g(_templateObject5$N || (_templateObject5$N = _taggedTemplateLiteralLoose(["\n"])));
|
|
12317
12322
|
|
|
@@ -12381,14 +12386,14 @@ var Up$1 = function Up() {
|
|
|
12381
12386
|
})));
|
|
12382
12387
|
};
|
|
12383
12388
|
|
|
12384
|
-
var _templateObject$1g, _templateObject2$17, _templateObject3$Z, _templateObject4$
|
|
12389
|
+
var _templateObject$1g, _templateObject2$17, _templateObject3$Z, _templateObject4$U, _templateObject5$O;
|
|
12385
12390
|
var Active$5 = styled__default.g(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12386
12391
|
var active = _ref.active;
|
|
12387
12392
|
return active && styled.css(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12388
12393
|
});
|
|
12389
12394
|
var Hover$5 = styled__default.g(_templateObject3$Z || (_templateObject3$Z = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
12390
12395
|
var hover = _ref2.hover;
|
|
12391
|
-
return hover && styled.css(_templateObject4$
|
|
12396
|
+
return hover && styled.css(_templateObject4$U || (_templateObject4$U = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12392
12397
|
});
|
|
12393
12398
|
var Container$Q = styled__default.g(_templateObject5$O || (_templateObject5$O = _taggedTemplateLiteralLoose(["\n"])));
|
|
12394
12399
|
|
|
@@ -12469,7 +12474,7 @@ var Controls = function Controls(_ref) {
|
|
|
12469
12474
|
|
|
12470
12475
|
var _excluded$D = ["isEmptyWithIcon", "status", "noticeIcon", "hasNotice", "noticeMessage", "noticeTitle", "emptyIcon"];
|
|
12471
12476
|
|
|
12472
|
-
var _templateObject$1i, _templateObject2$18, _templateObject3$_, _templateObject4$
|
|
12477
|
+
var _templateObject$1i, _templateObject2$18, _templateObject3$_, _templateObject4$V, _templateObject5$P, _templateObject6$B, _templateObject7$z, _templateObject8$s;
|
|
12473
12478
|
var Container$S = styled__default.div(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 170px;\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n position: relative;\n\n ", " {\n height: 100%;\n width: 100%;\n text-align: center;\n img, video {\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n"])), MediaBoxWrapper);
|
|
12474
12479
|
var EmptyWithIcon = styled__default.div(_templateObject2$18 || (_templateObject2$18 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n ", "\n;\n\n ", " {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
12475
12480
|
var hasPadding = _ref.hasPadding;
|
|
@@ -12479,7 +12484,7 @@ var Notice = styled__default.div(_templateObject3$_ || (_templateObject3$_ = _ta
|
|
|
12479
12484
|
var color = _ref2.color;
|
|
12480
12485
|
return color && "var(--" + color + ")";
|
|
12481
12486
|
});
|
|
12482
|
-
var NoticeMessage = styled__default.div(_templateObject4$
|
|
12487
|
+
var NoticeMessage = styled__default.div(_templateObject4$V || (_templateObject4$V = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 10px;\n"])), EllipsisStyles);
|
|
12483
12488
|
var NoticeTitle = styled__default.div(_templateObject5$P || (_templateObject5$P = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 12px;\n"])), EllipsisStyles);
|
|
12484
12489
|
var NoticeIcon = styled__default.div(_templateObject6$B || (_templateObject6$B = _taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n margin-left: 2px;\n\n ", " {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n }\n"])), IconWrapper);
|
|
12485
12490
|
var NoticeTextGroup = styled__default.div(_templateObject7$z || (_templateObject7$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-left: 14px;\n"])));
|
|
@@ -12518,13 +12523,13 @@ var MediaStream = function MediaStream(_ref4) {
|
|
|
12518
12523
|
}));
|
|
12519
12524
|
};
|
|
12520
12525
|
|
|
12521
|
-
var _templateObject$1j, _templateObject2$19, _templateObject3$$, _templateObject4$
|
|
12526
|
+
var _templateObject$1j, _templateObject2$19, _templateObject3$$, _templateObject4$W, _templateObject5$Q, _templateObject6$C, _templateObject7$A, _templateObject8$t, _templateObject9$n;
|
|
12522
12527
|
var Container$T = styled__default.div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 60px;\n"])));
|
|
12523
12528
|
var LeftData = styled__default.div(_templateObject2$19 || (_templateObject2$19 = _taggedTemplateLiteralLoose(["\n ", ";\n\n padding: 0 12px 0 12px;\n display: flex;\n\n ", " {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
12524
12529
|
var hasRightData = _ref.hasRightData;
|
|
12525
12530
|
return hasRightData && styled.css(_templateObject3$$ || (_templateObject3$$ = _taggedTemplateLiteralLoose(["\n border-right: var(--grey-6) 1px solid;\n width: 195px;\n "])));
|
|
12526
12531
|
}, IconWrapper);
|
|
12527
|
-
var RightData = styled__default.div(_templateObject4$
|
|
12532
|
+
var RightData = styled__default.div(_templateObject4$W || (_templateObject4$W = _taggedTemplateLiteralLoose(["\n padding: 0 12px 0 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
12528
12533
|
var DeviceDataGroup = styled__default.div(_templateObject5$Q || (_templateObject5$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-left: 14px;\n justify-content: center;\n"])));
|
|
12529
12534
|
var LeftTitle = styled__default.div(_templateObject6$C || (_templateObject6$C = _taggedTemplateLiteralLoose(["\n ", ";\n ", "};\n ", ";\n\n color: var(--grey-a10);\n font-size: 10px;\n"])), EllipsisStyles, function (_ref2) {
|
|
12530
12535
|
var hasRightData = _ref2.hasRightData;
|
|
@@ -12653,14 +12658,14 @@ var DebouncedSearcher = function DebouncedSearcher(_ref) {
|
|
|
12653
12658
|
|
|
12654
12659
|
var _excluded$G = ["design", "size", "position", "text"];
|
|
12655
12660
|
|
|
12656
|
-
var _templateObject$1n, _templateObject2$1a, _templateObject3$10, _templateObject4$
|
|
12661
|
+
var _templateObject$1n, _templateObject2$1a, _templateObject3$10, _templateObject4$X, _templateObject5$R, _templateObject6$D;
|
|
12657
12662
|
var Container$U = styled__default.div(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteralLoose([""])));
|
|
12658
12663
|
var Title$6 = styled__default.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-10);\n font-size: 12px;\n font-weight: 700;\n margin-bottom: 17px;\n"])), function (_ref) {
|
|
12659
12664
|
var theme = _ref.theme;
|
|
12660
12665
|
return theme.fontFamily.ui;
|
|
12661
12666
|
});
|
|
12662
|
-
var ButtonsWrapper$
|
|
12663
|
-
var LeftButtons = styled__default.div(_templateObject4$
|
|
12667
|
+
var ButtonsWrapper$2 = styled__default.div(_templateObject3$10 || (_templateObject3$10 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
12668
|
+
var LeftButtons = styled__default.div(_templateObject4$X || (_templateObject4$X = _taggedTemplateLiteralLoose(["\n button {\n margin: 0 10px 10px 0;\n }\n"])));
|
|
12664
12669
|
var RightButtons = styled__default.div(_templateObject5$R || (_templateObject5$R = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
12665
12670
|
var SelectedResults = styled__default.div(_templateObject6$D || (_templateObject6$D = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n margin-top: 29px;\n min-height: 19px;\n color: var(--grey-10);\n font-size: 12px;\n"])), function (_ref2) {
|
|
12666
12671
|
var theme = _ref2.theme;
|
|
@@ -12687,7 +12692,7 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12687
12692
|
totalAvailable = _ref3$totalAvailable === void 0 ? 0 : _ref3$totalAvailable,
|
|
12688
12693
|
_ref3$finishCallback = _ref3.finishCallback,
|
|
12689
12694
|
finishCallback = _ref3$finishCallback === void 0 ? function () {} : _ref3$finishCallback;
|
|
12690
|
-
return React__default.createElement(Container$U, null, React__default.createElement(Title$6, null, title), React__default.createElement(ButtonsWrapper$
|
|
12695
|
+
return React__default.createElement(Container$U, null, React__default.createElement(Title$6, null, title), React__default.createElement(ButtonsWrapper$2, null, React__default.createElement(LeftButtons, null, actionButtons.map(function (_ref4, index) {
|
|
12691
12696
|
var design = _ref4.design,
|
|
12692
12697
|
size = _ref4.size,
|
|
12693
12698
|
position = _ref4.position,
|
|
@@ -12706,12 +12711,12 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12706
12711
|
}, finishTextButton))), React__default.createElement(SelectedResults, null, renderSelected(selectedTemplate, totalSelected, totalAvailable)));
|
|
12707
12712
|
};
|
|
12708
12713
|
|
|
12709
|
-
var _templateObject$1o, _templateObject2$1b, _templateObject3$11, _templateObject4$
|
|
12714
|
+
var _templateObject$1o, _templateObject2$1b, _templateObject3$11, _templateObject4$Y, _templateObject5$S, _templateObject6$E, _templateObject7$B, _templateObject8$u, _templateObject9$o, _templateObject10$k;
|
|
12710
12715
|
var WIDTH_PER_NUMBER = 12;
|
|
12711
12716
|
var PaginationContainer = styled__default.div(_templateObject$1o || (_templateObject$1o = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: center;\n padding-top: 20px;\n padding-bottom: 20px;\n width: 100%;\n height: fit-content;\n margin-right: 10px;\n white-space: nowrap;\n gap: 0 8px;\n vertical-align: baseline;\n"])));
|
|
12712
12717
|
var PageLabel = styled__default.label(_templateObject2$1b || (_templateObject2$1b = _taggedTemplateLiteralLoose(["\n font-family: var(--font-ui);\n font-weight: 500px;\n font-size: 14px;\n color: var(--grey-10);\n text-align: left;\n"])));
|
|
12713
12718
|
var StaticPageCount = styled__default.div(_templateObject3$11 || (_templateObject3$11 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n box-sizing: border-box;\n font-size: 14px;\n color: var(--grey-8);\n height: 100%;\n text-align: left;\n padding-top: 1px;\n padding-right: 1px;\n"])));
|
|
12714
|
-
var StyledInput$3 = styled__default.input(_templateObject4$
|
|
12719
|
+
var StyledInput$3 = styled__default.input(_templateObject4$Y || (_templateObject4$Y = _taggedTemplateLiteralLoose(["\n ", ";\n color: ", ";\n max-width: ", ";\n font-family: var(--font-data);\n height: 100%;\n box-sizing: border-box;\n outline: none;\n background: transparent;\n text-align: right;\n font-size: 14px;\n font-weight: 500;\n line-height: 25px;\n border: none;\n padding-right: ", "px;\n"])), removeAutoFillStyle, function (_ref) {
|
|
12715
12720
|
var textColor = _ref.textColor;
|
|
12716
12721
|
return textColor;
|
|
12717
12722
|
}, function (_ref2) {
|
|
@@ -12966,7 +12971,7 @@ var Pagination = function Pagination(props) {
|
|
|
12966
12971
|
}))));
|
|
12967
12972
|
};
|
|
12968
12973
|
|
|
12969
|
-
var _templateObject$1p, _templateObject2$1c, _templateObject3$12, _templateObject4$
|
|
12974
|
+
var _templateObject$1p, _templateObject2$1c, _templateObject3$12, _templateObject4$Z, _templateObject5$T;
|
|
12970
12975
|
var Container$V = styled__default.div(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteralLoose([""])));
|
|
12971
12976
|
var Title$7 = styled__default.div(_templateObject2$1c || (_templateObject2$1c = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12972
12977
|
var typography = _ref.theme.typography;
|
|
@@ -12976,7 +12981,7 @@ var MessageBox$1 = styled__default.div(_templateObject3$12 || (_templateObject3$
|
|
|
12976
12981
|
var typography = _ref2.theme.typography;
|
|
12977
12982
|
return typography.modal.basicContent;
|
|
12978
12983
|
});
|
|
12979
|
-
var StyledButton$6 = styled__default(Button)(_templateObject4$
|
|
12984
|
+
var StyledButton$6 = styled__default(Button)(_templateObject4$Z || (_templateObject4$Z = _taggedTemplateLiteralLoose(["\n margin-left: 10px;\n"])));
|
|
12980
12985
|
var ButtonsGroup$1 = styled__default.div(_templateObject5$T || (_templateObject5$T = _taggedTemplateLiteralLoose(["\n text-align: right;\n"])));
|
|
12981
12986
|
|
|
12982
12987
|
var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
@@ -13019,11 +13024,11 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
13019
13024
|
}, rightButtonText)));
|
|
13020
13025
|
};
|
|
13021
13026
|
|
|
13022
|
-
var _templateObject$1q, _templateObject2$1d, _templateObject3$13, _templateObject4$
|
|
13027
|
+
var _templateObject$1q, _templateObject2$1d, _templateObject3$13, _templateObject4$_, _templateObject5$U, _templateObject6$F, _templateObject7$C, _templateObject8$v, _templateObject9$p, _templateObject10$l, _templateObject11$d, _templateObject12$a;
|
|
13023
13028
|
var Container$W = styled__default.div(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteralLoose(["\n max-width: var(--max-content-width);\n margin-top: var(--utility-header-padding-top);\n padding: 0 var(--content-layout-padding-right) 0 var(--content-layout-padding-left);\n height: 48px;\n width: 100%;\n display: flex;\n"])));
|
|
13024
13029
|
var LeftArea = styled__default.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: var(--columnPadding, 16px);\n flex: 1 0 0;\n"])));
|
|
13025
13030
|
var BackLinkIcon = styled__default.div(_templateObject3$13 || (_templateObject3$13 = _taggedTemplateLiteralLoose(["\n display: flex;\n width: 16px;\n height: 16px;\n justify-content: center;\n align-items: center;\n flex: 1; \n > div {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n"])));
|
|
13026
|
-
var BackLink = styled__default(reactRouterDom.Link)(_templateObject4$
|
|
13031
|
+
var BackLink = styled__default(reactRouterDom.Link)(_templateObject4$_ || (_templateObject4$_ = _taggedTemplateLiteralLoose(["\n position: relative;\n display: flex;\n padding: 0;\n align-items: center;\n gap: 8px;\n color: var(--grey-10);\n text-align: center;\n font-family: var(--font-ui);\n font-size: 12px;\n font-style: normal;\n font-weight: 600;\n line-height: normal;\n border: none;\n background: none;\n text-decoration: none;\n transition: color 0.25s ease;\n margin-left: ", ";\n\n ", "{\n svg * {\n transition: stroke 0.25s ease;\n }\n }\n \n &:hover {\n color: var(--grey-12);\n ", "{\n svg * {\n stroke: var(--grey-12);\n }\n }\n }\n\n ", "\n"])), function (props) {
|
|
13027
13032
|
return props.$iconInGutter ? '-24px' : '0';
|
|
13028
13033
|
}, BackLinkIcon, BackLinkIcon, function (_ref) {
|
|
13029
13034
|
var $showDivider = _ref.$showDivider;
|
|
@@ -13115,11 +13120,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
13115
13120
|
}, children);
|
|
13116
13121
|
};
|
|
13117
13122
|
|
|
13118
|
-
var _templateObject$1r, _templateObject2$1e, _templateObject3$14, _templateObject4
|
|
13123
|
+
var _templateObject$1r, _templateObject2$1e, _templateObject3$14, _templateObject4$$, _templateObject5$V;
|
|
13119
13124
|
var Container$X = styled__default.div(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n flex-direction: column;\n position: relative;\n\n min-height: 100%;\n display: flex;\n"])));
|
|
13120
13125
|
var HeaderArea = styled__default.div(_templateObject2$1e || (_templateObject2$1e = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: var(--max-content-width);\n padding: \n 24px\n var(--content-layout-padding-right)\n 32px\n var(--content-layout-padding-left);\n \n"])));
|
|
13121
13126
|
var TabArea = styled__default.div(_templateObject3$14 || (_templateObject3$14 = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n border-bottom: 1px solid var(--grey-8);\n"])));
|
|
13122
|
-
var TabAreaInner = styled__default.div(_templateObject4
|
|
13127
|
+
var TabAreaInner = styled__default.div(_templateObject4$$ || (_templateObject4$$ = _taggedTemplateLiteralLoose(["\n max-width: var(--max-content-width);\n flex: 1;\n width: 100%;\n padding: \n 0\n var(--content-layout-padding-right)\n 0\n var(--content-layout-padding-left);\n"])));
|
|
13123
13128
|
var Content = styled__default.div(_templateObject5$V || (_templateObject5$V = _taggedTemplateLiteralLoose(["\n width: 100%;\n max-width: var(--max-content-width);\n padding: \n var(--content-layout-padding-top)\n var(--content-layout-padding-right)\n var(--content-layout-padding-bottom)\n var(--content-layout-padding-left);\n\n display: flex;\n flex: 1;\n flex-direction: column;\n"])));
|
|
13124
13129
|
|
|
13125
13130
|
var ContentLayout = function ContentLayout(_ref) {
|
|
@@ -13164,11 +13169,11 @@ var FullWidthContentBlock = function FullWidthContentBlock(_ref2) {
|
|
|
13164
13169
|
}, children));
|
|
13165
13170
|
};
|
|
13166
13171
|
|
|
13167
|
-
var _templateObject$1t, _templateObject2$1g, _templateObject3$15, _templateObject4
|
|
13172
|
+
var _templateObject$1t, _templateObject2$1g, _templateObject3$15, _templateObject4$10, _templateObject5$W, _templateObject6$G, _templateObject7$D, _templateObject8$w;
|
|
13168
13173
|
var Inner$1 = styled__default.div(_templateObject$1t || (_templateObject$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: 0 0 200px;\n justify-content: center;\n align-items: center;\n gap: 8px;\n"])));
|
|
13169
13174
|
var Line = styled__default.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n background: var(--grey-10);\n flex: 1;\n"])));
|
|
13170
13175
|
var IconContainer$2 = styled__default.div(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n flex: 0 0 20px;\n svg {\n path {\n stroke: var(--grey-11);\n }\n }\n"])));
|
|
13171
|
-
var IconDefault = styled__default.svg(_templateObject4
|
|
13176
|
+
var IconDefault = styled__default.svg(_templateObject4$10 || (_templateObject4$10 = _taggedTemplateLiteralLoose(["\n transform: ", ";\n"])), function (_ref) {
|
|
13172
13177
|
var $layout = _ref.$layout;
|
|
13173
13178
|
return $layout === 'horizontal' ? 'rotate(0deg)' : 'rotate(90deg)';
|
|
13174
13179
|
});
|
|
@@ -13237,12 +13242,12 @@ var ResizeLine = function ResizeLine(_ref4) {
|
|
|
13237
13242
|
}))), React__default.createElement(Line, null)));
|
|
13238
13243
|
};
|
|
13239
13244
|
|
|
13240
|
-
var _templateObject$1u, _templateObject2$1h, _templateObject3$16, _templateObject4$
|
|
13245
|
+
var _templateObject$1u, _templateObject2$1h, _templateObject3$16, _templateObject4$11, _templateObject5$X, _templateObject6$H, _templateObject7$E, _templateObject8$x, _templateObject9$q, _templateObject10$m, _templateObject11$e, _templateObject12$b, _templateObject13$9, _templateObject14$7, _templateObject15$5, _templateObject16$5, _templateObject17$5, _templateObject18$3, _templateObject19$3;
|
|
13241
13246
|
var DebugData = styled__default.div(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n position: absolute;\n z-index: 10;\n bottom: 20px;\n left: 20px;\n background: #ededed99;\n border: grey 1px solid;\n padding: 20px;\n line-height: 20px;\n font-size: 12px;\n div {\n display: block;\n }\n span {\n display: inline-block;\n width: 130px;\n font-weight: 600;\n }\n"])));
|
|
13242
13247
|
var MainArea = styled__default.div(_templateObject2$1h || (_templateObject2$1h = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n flex: 1;\n\n ", "\n"])), function (_ref) {
|
|
13243
13248
|
var $layout = _ref.$layout,
|
|
13244
13249
|
$minDimension = _ref.$minDimension;
|
|
13245
|
-
return $layout === 'vertical' ? styled.css(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-height: " + $minDimension + "px;" : null) : styled.css(_templateObject4$
|
|
13250
|
+
return $layout === 'vertical' ? styled.css(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-height: " + $minDimension + "px;" : null) : styled.css(_templateObject4$11 || (_templateObject4$11 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-width: " + $minDimension + "px;" : null);
|
|
13246
13251
|
});
|
|
13247
13252
|
var SideAreaInner = styled__default.div(_templateObject5$X || (_templateObject5$X = _taggedTemplateLiteralLoose(["\n display: flex;\n flex: 1;\n height: 100%;\n transition: opacity 0.2s cubic-bezier(0.85, 0, 0.15, 1);\n"])));
|
|
13248
13253
|
var SideArea = styled__default.div(_templateObject6$H || (_templateObject6$H = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n flex: 0 0 ", "px;\n display: ", ";\n transition: \n min-width 0.65s cubic-bezier(0, 0.55, 0.45, 1),\n min-height 0.65s cubic-bezier(0, 0.55, 0.45, 1);\n \n ", "\n\n\n ", "\n\n ", "\n\n ", "\n\n ", "\n"])), function (_ref2) {
|
|
@@ -13614,14 +13619,14 @@ var clampInt = function clampInt(value, lower, upper) {
|
|
|
13614
13619
|
return clampedInt;
|
|
13615
13620
|
};
|
|
13616
13621
|
|
|
13617
|
-
var _templateObject$1v, _templateObject2$1i, _templateObject3$17, _templateObject4$
|
|
13622
|
+
var _templateObject$1v, _templateObject2$1i, _templateObject3$17, _templateObject4$12, _templateObject5$Y, _templateObject6$I, _templateObject7$F;
|
|
13618
13623
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
13619
13624
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
13620
13625
|
var Layout = styled__default.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
13621
13626
|
var MobileLayout = styled__default.div(_templateObject2$1i || (_templateObject2$1i = _taggedTemplateLiteralLoose([""])));
|
|
13622
13627
|
var Content$1 = styled__default.div(_templateObject3$17 || (_templateObject3$17 = _taggedTemplateLiteralLoose(["\n padding: 0;\n flex: 1;\n overflow: auto;\n\n & > div {\n max-width: 1400px;\n }\n\n ", "\n"])), function (_ref) {
|
|
13623
13628
|
var maxWidth = _ref.maxWidth;
|
|
13624
|
-
return maxWidth && styled.css(_templateObject4$
|
|
13629
|
+
return maxWidth && styled.css(_templateObject4$12 || (_templateObject4$12 = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
13625
13630
|
});
|
|
13626
13631
|
var MainContainer = styled__default.div(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
13627
13632
|
var ContentArea = styled__default.div(_templateObject6$I || (_templateObject6$I = _taggedTemplateLiteralLoose(["\n flex: 1;\n width: 100%;\n margin-left: auto;\n margin-right: auto;\n\n ", "\n"])), function (_ref2) {
|
|
@@ -13631,7 +13636,7 @@ var ContentArea = styled__default.div(_templateObject6$I || (_templateObject6$I
|
|
|
13631
13636
|
return legacyLayout && styled.css(_templateObject7$F || (_templateObject7$F = _taggedTemplateLiteralLoose(["\n padding: ", ";\n\n @media ", " {\n padding: ", ";\n }\n\n @media ", " {\n max-width: ", ";\n padding: ", ";\n }\n "])), paddingOverride ? paddingOverride : '40px 20px', deviceMediaQuery.medium, paddingOverride ? paddingOverride : '40px', deviceMediaQuery.large, maxWidth ? maxWidth : "1200px", paddingOverride ? paddingOverride : '70px 90px');
|
|
13632
13637
|
});
|
|
13633
13638
|
|
|
13634
|
-
var _templateObject$1w, _templateObject2$1j, _templateObject3$18, _templateObject4$
|
|
13639
|
+
var _templateObject$1w, _templateObject2$1j, _templateObject3$18, _templateObject4$13, _templateObject5$Z, _templateObject6$J, _templateObject7$G, _templateObject8$y, _templateObject9$r, _templateObject10$n, _templateObject11$f, _templateObject12$c, _templateObject13$a, _templateObject14$8, _templateObject15$6, _templateObject16$6, _templateObject17$6, _templateObject18$4, _templateObject19$4, _templateObject20$3, _templateObject21$3;
|
|
13635
13640
|
var ContextTitle = styled__default.div(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
13636
13641
|
var theme = _ref.theme;
|
|
13637
13642
|
return styled.css(_templateObject2$1j || (_templateObject2$1j = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
@@ -13639,7 +13644,7 @@ var ContextTitle = styled__default.div(_templateObject$1w || (_templateObject$1w
|
|
|
13639
13644
|
var compact = _ref2.compact;
|
|
13640
13645
|
return compact && styled.css(_templateObject3$18 || (_templateObject3$18 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
13641
13646
|
});
|
|
13642
|
-
var ContextIcon$1 = styled__default.div(_templateObject4$
|
|
13647
|
+
var ContextIcon$1 = styled__default.div(_templateObject4$13 || (_templateObject4$13 = _taggedTemplateLiteralLoose(["\n ", ";\n\n flex: 0 0 40px;\n width: 40px;\n height: 40px;\n margin: 0 20px;\n\n border-radius: 7px;\n display:flex;\n justify-content:center;\n align-items:center;\n\n svg {\n display: block;\n }\n"])), function (_ref3) {
|
|
13643
13648
|
var theme = _ref3.theme;
|
|
13644
13649
|
return styled.css(_templateObject5$Z || (_templateObject5$Z = _taggedTemplateLiteralLoose(["\n ", ";\n transition: background ", " ", ";\n "])), theme.styles.global.mainMenu.iconBackground["default"], theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
13645
13650
|
});
|
|
@@ -13884,12 +13889,12 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
13884
13889
|
};
|
|
13885
13890
|
};
|
|
13886
13891
|
|
|
13887
|
-
var _templateObject$1x, _templateObject2$1k, _templateObject3$19, _templateObject4$
|
|
13892
|
+
var _templateObject$1x, _templateObject2$1k, _templateObject3$19, _templateObject4$14, _templateObject5$_, _templateObject6$K, _templateObject7$H, _templateObject8$z, _templateObject9$s, _templateObject10$o, _templateObject11$g, _templateObject12$d, _templateObject13$b, _templateObject14$9, _templateObject15$7;
|
|
13888
13893
|
var Submenu = styled__default.ul(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13889
13894
|
var SubmenuHeader = styled__default.div(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13890
13895
|
var SubmenuItemTitle = styled__default.span(_templateObject3$19 || (_templateObject3$19 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
13891
13896
|
var theme = _ref.theme;
|
|
13892
|
-
return theme && styled.css(_templateObject4$
|
|
13897
|
+
return theme && styled.css(_templateObject4$14 || (_templateObject4$14 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
13893
13898
|
});
|
|
13894
13899
|
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$_ || (_templateObject5$_ = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13895
13900
|
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$K || (_templateObject6$K = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
@@ -14031,11 +14036,11 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
14031
14036
|
return output;
|
|
14032
14037
|
};
|
|
14033
14038
|
|
|
14034
|
-
var _templateObject$1y, _templateObject2$1l, _templateObject3$1a, _templateObject4$
|
|
14039
|
+
var _templateObject$1y, _templateObject2$1l, _templateObject3$1a, _templateObject4$15, _templateObject5$$, _templateObject6$L, _templateObject7$I, _templateObject8$A, _templateObject9$t, _templateObject10$p, _templateObject11$h, _templateObject12$e, _templateObject13$c, _templateObject14$a, _templateObject15$8;
|
|
14035
14040
|
var Logo = styled__default(reactRouterDom.Link)(_templateObject$1y || (_templateObject$1y = _taggedTemplateLiteralLoose(["\n height: 50px;\n margin: 0 20px 55px 15px;\n display: flex;\n\n object {\n pointer-events: none;\n }\n"])));
|
|
14036
14041
|
var LogoMark = styled__default.div(_templateObject2$1l || (_templateObject2$1l = _taggedTemplateLiteralLoose(["\n height: 50px;\n flex: 0 0 50px;\n margin-right: 15px;\n display: flex;\n justify-content: center;\n align-items: center;\n\n"])));
|
|
14037
14042
|
var LogoType = styled__default.div(_templateObject3$1a || (_templateObject3$1a = _taggedTemplateLiteralLoose(["\n opacity: 0;\n flex: 1;\n height: 50px;\n display: flex;\n justify-content: left;\n align-items: center;\n"])));
|
|
14038
|
-
var SVGObject = styled__default.object(_templateObject4$
|
|
14043
|
+
var SVGObject = styled__default.object(_templateObject4$15 || (_templateObject4$15 = _taggedTemplateLiteralLoose([""])));
|
|
14039
14044
|
var SVGObjectText = styled__default.object(_templateObject5$$ || (_templateObject5$$ = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
14040
14045
|
var NavigationContainer = styled__default.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose([""])));
|
|
14041
14046
|
var MenuFooter = styled__default.div(_templateObject7$I || (_templateObject7$I = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-direction: column;\n flex: 1;\n justify-content: flex-end;\n"])), function (_ref) {
|
|
@@ -14176,14 +14181,14 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
14176
14181
|
})) : null))), document.body));
|
|
14177
14182
|
};
|
|
14178
14183
|
|
|
14179
|
-
var _templateObject$1z, _templateObject2$1m, _templateObject3$1b, _templateObject4$
|
|
14184
|
+
var _templateObject$1z, _templateObject2$1m, _templateObject3$1b, _templateObject4$16, _templateObject5$10, _templateObject6$M, _templateObject7$J, _templateObject8$B, _templateObject9$u, _templateObject10$q, _templateObject11$i;
|
|
14180
14185
|
var MetaConatiner = styled__default.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose(["\n margin: 10px 10px;\n border: 1px solid var(--grey-3);\n background-color: var(--grey-a2);\n border-radius: 5px;\n &:active {\n box-shadow: 4px 4px var(--grey-a2);\n }\n"])));
|
|
14181
14186
|
var LabelTitle = styled__default.div(_templateObject2$1m || (_templateObject2$1m = _taggedTemplateLiteralLoose(["\n max-width: 130px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n opacity: 0.76;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-11);\n font-family: ", ";\n margin-top: 2px;\n"])), function (_ref) {
|
|
14182
14187
|
var theme = _ref.theme;
|
|
14183
14188
|
return theme.fontFamily.ui;
|
|
14184
14189
|
});
|
|
14185
14190
|
var LabelContent = styled__default.div(_templateObject3$1b || (_templateObject3$1b = _taggedTemplateLiteralLoose(["\n font-size: 10px;\n padding-left: 10px;\n max-width: 200px;\n overflow-wrap: initial;\n white-space: break-spaces;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 4px 0 5px 0;\n white-space: nowrap;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-8);\n"])));
|
|
14186
|
-
var LabelNotes = styled__default.div(_templateObject4$
|
|
14191
|
+
var LabelNotes = styled__default.div(_templateObject4$16 || (_templateObject4$16 = _taggedTemplateLiteralLoose(["\n padding-left: 10px;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin: 5px 0 8px 0;\n max-height: 23px;\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: var(--grey-8);\n ", "\n"])), function (_ref2) {
|
|
14187
14192
|
var theme = _ref2.theme;
|
|
14188
14193
|
return theme && styled.css(_templateObject5$10 || (_templateObject5$10 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
14189
14194
|
});
|
|
@@ -14265,7 +14270,7 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
14265
14270
|
}, notes) : null)));
|
|
14266
14271
|
};
|
|
14267
14272
|
|
|
14268
|
-
var _templateObject$1A, _templateObject2$1n, _templateObject3$1c, _templateObject4$
|
|
14273
|
+
var _templateObject$1A, _templateObject2$1n, _templateObject3$1c, _templateObject4$17;
|
|
14269
14274
|
var Container$10 = styled__default.div(_templateObject$1A || (_templateObject$1A = _taggedTemplateLiteralLoose(["\n padding: 16px 10px 14px 23px;\n display: flex;\n flex-direction: row;\n border-top: 1px solid ", ";\n align-items: center;\n cursor: pointer;\n svg {\n margin-top: 7px;\n }\n"])), function (_ref) {
|
|
14270
14275
|
var theme = _ref.theme;
|
|
14271
14276
|
return theme.colors.divider;
|
|
@@ -14278,7 +14283,7 @@ var Title$8 = styled__default.div(_templateObject3$1c || (_templateObject3$1c =
|
|
|
14278
14283
|
var theme = _ref3.theme;
|
|
14279
14284
|
return theme.typography.global.mainMenu.subheader.color;
|
|
14280
14285
|
});
|
|
14281
|
-
var SubTitle$1 = styled__default.div(_templateObject4$
|
|
14286
|
+
var SubTitle$1 = styled__default.div(_templateObject4$17 || (_templateObject4$17 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.29px;\n color: ", ";\n padding-top: 2px;\n opacity: 0.5;\n"])), function (_ref4) {
|
|
14282
14287
|
var theme = _ref4.theme;
|
|
14283
14288
|
return theme.fontFamily.ui;
|
|
14284
14289
|
}, function (_ref5) {
|
|
@@ -14302,13 +14307,13 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
14302
14307
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
14303
14308
|
};
|
|
14304
14309
|
|
|
14305
|
-
var _templateObject$1B, _templateObject2$1o, _templateObject3$1d, _templateObject4$
|
|
14310
|
+
var _templateObject$1B, _templateObject2$1o, _templateObject3$1d, _templateObject4$18, _templateObject5$11, _templateObject6$N, _templateObject7$K, _templateObject8$C, _templateObject9$v, _templateObject10$r, _templateObject11$j, _templateObject12$f, _templateObject13$d, _templateObject14$b, _templateObject15$9, _templateObject16$7, _templateObject17$7, _templateObject18$5, _templateObject19$5;
|
|
14306
14311
|
var DrawerTop = styled__default.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose([""])));
|
|
14307
14312
|
var DrawerBottom = styled__default.div(_templateObject2$1o || (_templateObject2$1o = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
14308
14313
|
var theme = _ref.theme;
|
|
14309
14314
|
return styled.css(_templateObject3$1d || (_templateObject3$1d = _taggedTemplateLiteralLoose(["\n width: 100%;\n position: fixed;\n bottom: 50px;\n\n @media ", " {\n position: static;\n bottom: 0;\n }\n "])), theme.deviceMediaQuery.medium);
|
|
14310
14315
|
});
|
|
14311
|
-
var DrawerHeader = styled__default.h2(_templateObject4$
|
|
14316
|
+
var DrawerHeader = styled__default.h2(_templateObject4$18 || (_templateObject4$18 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
14312
14317
|
var theme = _ref2.theme;
|
|
14313
14318
|
return theme.typography.global.mainMenu.subheader;
|
|
14314
14319
|
});
|
|
@@ -14463,11 +14468,11 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
14463
14468
|
}, title)) : null));
|
|
14464
14469
|
};
|
|
14465
14470
|
|
|
14466
|
-
var _templateObject$1C, _templateObject2$1p, _templateObject3$1e, _templateObject4$
|
|
14471
|
+
var _templateObject$1C, _templateObject2$1p, _templateObject3$1e, _templateObject4$19, _templateObject5$12, _templateObject6$O, _templateObject7$L, _templateObject8$D;
|
|
14467
14472
|
var Container$11 = styled__default.div(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 18px 20px 12px 20px;\n height: 122px;\n"])));
|
|
14468
14473
|
var ImgWrapper = styled__default.div(_templateObject2$1p || (_templateObject2$1p = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
14469
14474
|
var EmptyImg = styled__default.div(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
14470
|
-
var Image$2 = styled__default.div(_templateObject4$
|
|
14475
|
+
var Image$2 = styled__default.div(_templateObject4$19 || (_templateObject4$19 = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n background-image: url(", ");\n background-position: center center;\n background-size: cover;\n background-repeat: no-repeat;\n display: ", ";\n"])), function (p) {
|
|
14471
14476
|
return p.image;
|
|
14472
14477
|
}, function (p) {
|
|
14473
14478
|
return p.image ? 'block' : 'none';
|
|
@@ -14523,14 +14528,14 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
14523
14528
|
return React__default.createElement(Container$12, null, unread && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, readNotificationsText), renderNotifications(unread, 'unread')), read && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, unreadNotificationsText), renderNotifications(read, 'read')));
|
|
14524
14529
|
};
|
|
14525
14530
|
|
|
14526
|
-
var _templateObject$1E, _templateObject2$1r, _templateObject3$1g, _templateObject4$
|
|
14531
|
+
var _templateObject$1E, _templateObject2$1r, _templateObject3$1g, _templateObject4$1a, _templateObject5$13, _templateObject6$P, _templateObject7$M, _templateObject8$E, _templateObject9$w, _templateObject10$s, _templateObject11$k, _templateObject12$g, _templateObject13$e, _templateObject14$c;
|
|
14527
14532
|
var Container$13 = styled__default.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose(["\n z-index: 9;\n position: sticky;\n top: 0;\n align-self: flex-start;\n height: 65px;\n width: 100%;\n display: flex;\n justify-content: space-between;\n\n ", "\n"])), function (_ref) {
|
|
14528
14533
|
var theme = _ref.theme,
|
|
14529
14534
|
colors = _ref.theme.colors;
|
|
14530
14535
|
return colors && styled.css(_templateObject2$1r || (_templateObject2$1r = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n background-color:", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.styles.global.mainMenu.background.backgroundColor);
|
|
14531
14536
|
});
|
|
14532
14537
|
var SearchBar = styled__default.div(_templateObject3$1g || (_templateObject3$1g = _taggedTemplateLiteralLoose(["\n margin-left: 25px;\n flex: 0 1 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
14533
|
-
var IconWrapper$4 = styled__default.div(_templateObject4$
|
|
14538
|
+
var IconWrapper$4 = styled__default.div(_templateObject4$1a || (_templateObject4$1a = _taggedTemplateLiteralLoose(["\n flex: 0 40px;\n width: 5px;\n display: flex;\n justify-content: center;\n align-items: center;\n > div {\n display: flex;\n flex-direction: column;\n justify-content: center;\n }\n"])));
|
|
14534
14539
|
var SearchInput = styled__default.input(_templateObject5$13 || (_templateObject5$13 = _taggedTemplateLiteralLoose(["\n ", ";\n font-family: ", ";\n flex: 1;\n height: 35px;\n line-height: 35px;\n border: none;\n outline: none;\n background: transparent;\n\n ", ";\n\n &::placeholder {\n font-style: italic;\n ", ";\n }\n"])), removeAutoFillStyle, function (_ref2) {
|
|
14535
14540
|
var theme = _ref2.theme;
|
|
14536
14541
|
return theme.fontFamily.data;
|
|
@@ -14779,7 +14784,7 @@ var TabContent = function TabContent(_ref) {
|
|
|
14779
14784
|
|
|
14780
14785
|
var _excluded$J = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
14781
14786
|
|
|
14782
|
-
var _templateObject$1I, _templateObject2$1t, _templateObject3$1i, _templateObject4$
|
|
14787
|
+
var _templateObject$1I, _templateObject2$1t, _templateObject3$1i, _templateObject4$1b;
|
|
14783
14788
|
var Container$15 = styled__default.button(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14784
14789
|
var LinkTab = styled__default.div(_templateObject2$1t || (_templateObject2$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_ref) {
|
|
14785
14790
|
var theme = _ref.theme;
|
|
@@ -14787,7 +14792,7 @@ var LinkTab = styled__default.div(_templateObject2$1t || (_templateObject2$1t =
|
|
|
14787
14792
|
}, function (_ref2) {
|
|
14788
14793
|
var isActive = _ref2.isActive,
|
|
14789
14794
|
theme = _ref2.theme;
|
|
14790
|
-
return isActive && styled.css(_templateObject4$
|
|
14795
|
+
return isActive && styled.css(_templateObject4$1b || (_templateObject4$1b = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n "])), theme.colors.menu.active, IconWrapper, theme.colors.menu.active);
|
|
14791
14796
|
});
|
|
14792
14797
|
|
|
14793
14798
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -14821,12 +14826,12 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14821
14826
|
|
|
14822
14827
|
var _excluded$K = ["icon", "title", "subtitle", "tabFor"];
|
|
14823
14828
|
|
|
14824
|
-
var _templateObject$1J, _templateObject2$1u, _templateObject3$1j, _templateObject4$
|
|
14829
|
+
var _templateObject$1J, _templateObject2$1u, _templateObject3$1j, _templateObject4$1c, _templateObject5$14, _templateObject6$Q;
|
|
14825
14830
|
var Container$16 = styled__default.div(_templateObject$1J || (_templateObject$1J = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n margin-right: 22px;\n padding-bottom: 7px;\n height: 60px;\n cursor: pointer;\n\n ", ";\n ", " {\n margin-left: 2px;\n flex-shrink: 0;\n }\n"])), function (_ref) {
|
|
14826
14831
|
var active = _ref.active;
|
|
14827
14832
|
return active ? styled.css(_templateObject2$1u || (_templateObject2$1u = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid var(--primary-11);\n "]))) : styled.css(_templateObject3$1j || (_templateObject3$1j = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid transparent;\n "])));
|
|
14828
14833
|
}, IconWrapper);
|
|
14829
|
-
var Title$a = styled__default.div(_templateObject4$
|
|
14834
|
+
var Title$a = styled__default.div(_templateObject4$1c || (_templateObject4$1c = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-family: ", ";\n letter-spacing: 0.09px;\n font-weight: 500;\n color: ", ";\n margin-bottom: 5px;\n flex-shrink: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])), function (_ref2) {
|
|
14830
14835
|
var theme = _ref2.theme;
|
|
14831
14836
|
return theme.fontFamily.ui;
|
|
14832
14837
|
}, function (_ref3) {
|
|
@@ -14911,13 +14916,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14911
14916
|
|
|
14912
14917
|
var _excluded$L = ["closeId", "closeText"];
|
|
14913
14918
|
|
|
14914
|
-
var _templateObject$1L, _templateObject2$1w, _templateObject3$1k, _templateObject4$
|
|
14919
|
+
var _templateObject$1L, _templateObject2$1w, _templateObject3$1k, _templateObject4$1d;
|
|
14915
14920
|
var StyledButton$7 = styled__default.button(_templateObject$1L || (_templateObject$1L = _taggedTemplateLiteralLoose(["\n ", "\n\n ", ";\n \n height: ", "px;\n position: fixed;\n bottom: 0;\n font-size: 14px;\n outline: none;\n\n width: 100%;\n text-align: center;\n white-space: nowrap;\n padding: 0 40px;\n\n"])), resetButtonStyles, function (_ref) {
|
|
14916
14921
|
var theme = _ref.theme;
|
|
14917
14922
|
return styled.css(_templateObject2$1w || (_templateObject2$1w = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n ", ";\n border-top: 1px solid ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"], theme.styles.global.mainMenu.background, theme.colors.divider);
|
|
14918
14923
|
}, MOBILE_CLOSE_HEIGHT);
|
|
14919
14924
|
var IconContainer$3 = styled__default.div(_templateObject3$1k || (_templateObject3$1k = _taggedTemplateLiteralLoose(["\n height: inherit;\n position: absolute;\n top: 0;\n left: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n margin: 0 20px;\n\n svg {\n display:block;\n }\n"])));
|
|
14920
|
-
var TextWrapper$1 = styled__default.div(_templateObject4$
|
|
14925
|
+
var TextWrapper$1 = styled__default.div(_templateObject4$1d || (_templateObject4$1d = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
14921
14926
|
|
|
14922
14927
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
14923
14928
|
var closeId = _ref2.closeId,
|
|
@@ -15237,11 +15242,11 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
15237
15242
|
|
|
15238
15243
|
var _excluded$P = ["children"];
|
|
15239
15244
|
|
|
15240
|
-
var _templateObject$1R, _templateObject2$1B, _templateObject3$1n, _templateObject4$
|
|
15245
|
+
var _templateObject$1R, _templateObject2$1B, _templateObject3$1n, _templateObject4$1e, _templateObject5$15, _templateObject6$R, _templateObject7$N, _templateObject8$F, _templateObject9$x;
|
|
15241
15246
|
var Container$1c = styled__default.div(_templateObject$1R || (_templateObject$1R = _taggedTemplateLiteralLoose(["\n width: 286px;\n border-right: 1px solid var(--grey-a7);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n"])));
|
|
15242
15247
|
var LogoContainer = styled__default.div(_templateObject2$1B || (_templateObject2$1B = _taggedTemplateLiteralLoose(["\n height: 84px;\n color: var(--grey-11);\n border-bottom: 1px solid var(--grey-a7);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-top: 18px;\n padding-bottom: 15px;\n"])));
|
|
15243
15248
|
var LogoTopText = styled__default.div(_templateObject3$1n || (_templateObject3$1n = _taggedTemplateLiteralLoose(["\n height: 31px;\n font-family: Monorale;\n font-size: 18px;\n font-weight: 500;\n line-height: 1.72;\n letter-spacing: 4.5px;\n text-align: center;\n"])));
|
|
15244
|
-
var LogoBottomText = styled__default.div(_templateObject4$
|
|
15249
|
+
var LogoBottomText = styled__default.div(_templateObject4$1e || (_templateObject4$1e = _taggedTemplateLiteralLoose(["\n height: 19px;\n font-family: Monorale;\n font-size: 16px;\n font-weight: 300;\n line-height: normal;\n letter-spacing: 14.11px;\n text-align: center;\n"])));
|
|
15245
15250
|
var SidebarBox = styled__default.div(_templateObject5$15 || (_templateObject5$15 = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid var(--grey-a7);\n padding: 22px 20px 21px 20px;\n"])));
|
|
15246
15251
|
var SidebarHeading = styled__default.div(_templateObject6$R || (_templateObject6$R = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n margin-bottom: 18px;\n"])));
|
|
15247
15252
|
var SidebarLinkHeading = styled__default.div(_templateObject7$N || (_templateObject7$N = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n"])));
|