scorer-ui-kit 2.2.2 → 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/Pages/molecules/PageHeader.d.ts +1 -0
- package/dist/index.js +153 -146
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +153 -146
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -5684,11 +5684,15 @@ var _excluded$l = ["mainButtonId", "buttonList", "design", "size", "textMaxWidth
|
|
|
5684
5684
|
_excluded2 = ["id", "text", "icon", "disabled"],
|
|
5685
5685
|
_excluded3 = ["id", "text", "icon", "disabled"];
|
|
5686
5686
|
|
|
5687
|
-
var _templateObject$B, _templateObject2$w, _templateObject3$r;
|
|
5688
|
-
var TOGGLE_ICON_WIDTH =
|
|
5689
|
-
var Container$j = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n
|
|
5690
|
-
var
|
|
5691
|
-
var
|
|
5687
|
+
var _templateObject$B, _templateObject2$w, _templateObject3$r, _templateObject4$n;
|
|
5688
|
+
var TOGGLE_ICON_WIDTH = 30;
|
|
5689
|
+
var Container$j = styled.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n height: var(--button-height);\n overflow: visible;\n"])));
|
|
5690
|
+
var ButtonsWrapper$1 = styled.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) {
|
|
5691
|
+
var isOpen = _ref.isOpen;
|
|
5692
|
+
return isOpen && "z-index: 100";
|
|
5693
|
+
});
|
|
5694
|
+
var MainButtonWrapper = styled.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"])));
|
|
5695
|
+
var ToggleIcon = styled.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);
|
|
5692
5696
|
|
|
5693
5697
|
var validateMaxWidth = function validateMaxWidth(btnTextMaxWidth, textMaxWidth) {
|
|
5694
5698
|
if (textMaxWidth) return textMaxWidth;
|
|
@@ -5696,23 +5700,23 @@ var validateMaxWidth = function validateMaxWidth(btnTextMaxWidth, textMaxWidth)
|
|
|
5696
5700
|
return undefined;
|
|
5697
5701
|
};
|
|
5698
5702
|
|
|
5699
|
-
var SplitButton = function SplitButton(
|
|
5700
|
-
var mainButtonId =
|
|
5701
|
-
buttonList =
|
|
5702
|
-
|
|
5703
|
-
design =
|
|
5704
|
-
size =
|
|
5705
|
-
textMaxWidth =
|
|
5706
|
-
|
|
5707
|
-
disabled =
|
|
5708
|
-
rest = _objectWithoutPropertiesLoose(
|
|
5703
|
+
var SplitButton = function SplitButton(_ref2) {
|
|
5704
|
+
var mainButtonId = _ref2.mainButtonId,
|
|
5705
|
+
buttonList = _ref2.buttonList,
|
|
5706
|
+
_ref2$design = _ref2.design,
|
|
5707
|
+
design = _ref2$design === void 0 ? 'primary' : _ref2$design,
|
|
5708
|
+
size = _ref2.size,
|
|
5709
|
+
textMaxWidth = _ref2.textMaxWidth,
|
|
5710
|
+
_ref2$disabled = _ref2.disabled,
|
|
5711
|
+
disabled = _ref2$disabled === void 0 ? false : _ref2$disabled,
|
|
5712
|
+
rest = _objectWithoutPropertiesLoose(_ref2, _excluded$l);
|
|
5709
5713
|
|
|
5710
5714
|
var _useState = useState(false),
|
|
5711
5715
|
isOpen = _useState[0],
|
|
5712
5716
|
setIsOpen = _useState[1];
|
|
5713
5717
|
|
|
5714
5718
|
var mainButtonRef = useRef(null);
|
|
5715
|
-
var
|
|
5719
|
+
var buttonsWrapperRef = useRef(null);
|
|
5716
5720
|
var toggleOpen = useCallback(function () {
|
|
5717
5721
|
setIsOpen(function (prev) {
|
|
5718
5722
|
return !prev;
|
|
@@ -5721,20 +5725,21 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5721
5725
|
var closeCallback = useCallback(function () {
|
|
5722
5726
|
setIsOpen(false);
|
|
5723
5727
|
}, []);
|
|
5724
|
-
useClickOutside(
|
|
5725
|
-
return React__default.createElement(Container$j, Object.assign({
|
|
5726
|
-
ref:
|
|
5727
|
-
className: "split-button-" + design + " button-" + size
|
|
5728
|
+
useClickOutside(buttonsWrapperRef, closeCallback);
|
|
5729
|
+
return React__default.createElement(Container$j, null, React__default.createElement(ButtonsWrapper$1, Object.assign({
|
|
5730
|
+
ref: buttonsWrapperRef,
|
|
5731
|
+
className: "split-button-" + design + " button-" + size,
|
|
5732
|
+
isOpen: isOpen
|
|
5728
5733
|
}, rest), React__default.createElement(MainButtonWrapper, {
|
|
5729
5734
|
ref: mainButtonRef
|
|
5730
5735
|
}, buttonList.filter(function (button) {
|
|
5731
5736
|
return button.id === mainButtonId;
|
|
5732
|
-
}).map(function (
|
|
5733
|
-
var id =
|
|
5734
|
-
text =
|
|
5735
|
-
icon =
|
|
5736
|
-
disabledItemProp =
|
|
5737
|
-
props = _objectWithoutPropertiesLoose(
|
|
5737
|
+
}).map(function (_ref3) {
|
|
5738
|
+
var id = _ref3.id,
|
|
5739
|
+
text = _ref3.text,
|
|
5740
|
+
icon = _ref3.icon,
|
|
5741
|
+
disabledItemProp = _ref3.disabled,
|
|
5742
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded2);
|
|
5738
5743
|
|
|
5739
5744
|
return React__default.createElement(SplitButtonOption, Object.assign({
|
|
5740
5745
|
key: id,
|
|
@@ -5755,14 +5760,14 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5755
5760
|
size: 8
|
|
5756
5761
|
}))), isOpen && !disabled ? React__default.createElement(Fragment, null, buttonList.filter(function (button) {
|
|
5757
5762
|
return button.id !== mainButtonId;
|
|
5758
|
-
}).map(function (
|
|
5763
|
+
}).map(function (_ref4) {
|
|
5759
5764
|
var _mainButtonRef$curren;
|
|
5760
5765
|
|
|
5761
|
-
var id =
|
|
5762
|
-
text =
|
|
5763
|
-
icon =
|
|
5764
|
-
disabledItemProp =
|
|
5765
|
-
props = _objectWithoutPropertiesLoose(
|
|
5766
|
+
var id = _ref4.id,
|
|
5767
|
+
text = _ref4.text,
|
|
5768
|
+
icon = _ref4.icon,
|
|
5769
|
+
disabledItemProp = _ref4.disabled,
|
|
5770
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded3);
|
|
5766
5771
|
|
|
5767
5772
|
return React__default.createElement(SplitButtonOption, Object.assign({
|
|
5768
5773
|
key: id,
|
|
@@ -5777,7 +5782,7 @@ var SplitButton = function SplitButton(_ref) {
|
|
|
5777
5782
|
}, props, {
|
|
5778
5783
|
closeCallback: closeCallback
|
|
5779
5784
|
}));
|
|
5780
|
-
})) : null);
|
|
5785
|
+
})) : null));
|
|
5781
5786
|
};
|
|
5782
5787
|
|
|
5783
5788
|
var _excluded$m = ["id", "buttonType", "icon", "text", "iconPosition", "size"];
|
|
@@ -5809,13 +5814,13 @@ var ButtonsStack = function ButtonsStack(_ref) {
|
|
|
5809
5814
|
}));
|
|
5810
5815
|
};
|
|
5811
5816
|
|
|
5812
|
-
var _templateObject$D, _templateObject2$x, _templateObject3$s, _templateObject4$
|
|
5817
|
+
var _templateObject$D, _templateObject2$x, _templateObject3$s, _templateObject4$o, _templateObject5$l, _templateObject6$i, _templateObject7$h, _templateObject8$f;
|
|
5813
5818
|
var Container$l = styled.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n\n ", "\n"])), function (_ref) {
|
|
5814
5819
|
var hide = _ref.hide;
|
|
5815
5820
|
return hide && css(_templateObject2$x || (_templateObject2$x = _taggedTemplateLiteralLoose(["\n display: none;\n "])));
|
|
5816
5821
|
});
|
|
5817
5822
|
var Label$1 = styled.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);
|
|
5818
|
-
var Item = styled.div(_templateObject4$
|
|
5823
|
+
var Item = styled.div(_templateObject4$o || (_templateObject4$o = _taggedTemplateLiteralLoose(["\n padding: 12px;\n display: flex;\n justify-content: left;\n"])));
|
|
5819
5824
|
var IconWrap = styled.div(_templateObject5$l || (_templateObject5$l = _taggedTemplateLiteralLoose(["\n flex: 0 0 40px;\n padding-top: 2px;\n"])));
|
|
5820
5825
|
var Input$1 = styled.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) {
|
|
5821
5826
|
var isTimeInput = _ref2.isTimeInput;
|
|
@@ -6012,7 +6017,7 @@ var DateTimeBlock = function DateTimeBlock(_ref6) {
|
|
|
6012
6017
|
})))));
|
|
6013
6018
|
};
|
|
6014
6019
|
|
|
6015
|
-
var _templateObject$E, _templateObject2$y, _templateObject3$t, _templateObject4$
|
|
6020
|
+
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;
|
|
6016
6021
|
|
|
6017
6022
|
var initializeInterval = function initializeInterval(day) {
|
|
6018
6023
|
return {
|
|
@@ -6029,7 +6034,7 @@ var TODAY_INTERVAL = initializeInterval(startOfDay(new Date()));
|
|
|
6029
6034
|
var Container$m = styled.div(_templateObject$E || (_templateObject$E = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
6030
6035
|
var DateTimeArea = styled.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"])));
|
|
6031
6036
|
var TimeZoneOption = styled.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"])));
|
|
6032
|
-
var TimeZoneLabel = styled.div(_templateObject4$
|
|
6037
|
+
var TimeZoneLabel = styled.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);
|
|
6033
6038
|
var TimeZoneValue = styled.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);
|
|
6034
6039
|
var CalendarArea = styled.div(_templateObject6$j || (_templateObject6$j = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
6035
6040
|
var CalendarHeader = styled.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"])));
|
|
@@ -6342,14 +6347,14 @@ var FilterDropdownContainer = function FilterDropdownContainer(_ref) {
|
|
|
6342
6347
|
|
|
6343
6348
|
var _excluded$o = ["icon", "hasFlipArrow", "isSortAscending", "isOpen", "children"];
|
|
6344
6349
|
|
|
6345
|
-
var _templateObject$G, _templateObject2$A, _templateObject3$u, _templateObject4$
|
|
6350
|
+
var _templateObject$G, _templateObject2$A, _templateObject3$u, _templateObject4$q, _templateObject5$n, _templateObject6$k, _templateObject7$j;
|
|
6346
6351
|
var FlipWrapper = styled.div(_templateObject$G || (_templateObject$G = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
6347
6352
|
var isSortAscending = _ref.isSortAscending;
|
|
6348
6353
|
return isSortAscending && css(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n transform: scaleY(-1);\n "])));
|
|
6349
6354
|
});
|
|
6350
6355
|
var StyledButton$4 = styled.button(_templateObject3$u || (_templateObject3$u = _taggedTemplateLiteralLoose(["\n ", ";\n border-radius: 3px;\n height: 30px;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref2) {
|
|
6351
6356
|
var animation = _ref2.theme.animation;
|
|
6352
|
-
return css(_templateObject4$
|
|
6357
|
+
return 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);
|
|
6353
6358
|
}, function (_ref3) {
|
|
6354
6359
|
var isOpen = _ref3.isOpen,
|
|
6355
6360
|
hasFlipArrow = _ref3.hasFlipArrow;
|
|
@@ -6392,14 +6397,14 @@ var FilterButton = function FilterButton(_ref5) {
|
|
|
6392
6397
|
|
|
6393
6398
|
var _excluded$p = ["title", "value", "optionType", "selected", "disabled", "onClick"];
|
|
6394
6399
|
|
|
6395
|
-
var _templateObject$H, _templateObject2$B, _templateObject3$v, _templateObject4$
|
|
6400
|
+
var _templateObject$H, _templateObject2$B, _templateObject3$v, _templateObject4$r, _templateObject5$o, _templateObject6$l, _templateObject7$k, _templateObject8$h, _templateObject9$e, _templateObject10$c;
|
|
6396
6401
|
var Title$1 = styled.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) {
|
|
6397
6402
|
var theme = _ref.theme;
|
|
6398
6403
|
return theme.fontFamily.data;
|
|
6399
6404
|
});
|
|
6400
6405
|
var FakeCheckbox = styled.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"])));
|
|
6401
6406
|
var FakeCheckboxInner = styled.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"])));
|
|
6402
|
-
var CheckMarkWrapper = styled.div(_templateObject4$
|
|
6407
|
+
var CheckMarkWrapper = styled.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"])));
|
|
6403
6408
|
var FakeRadioButton = styled.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"])));
|
|
6404
6409
|
var FakeInnerRadio = styled.div(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
6405
6410
|
var Container$o = styled.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (_ref2) {
|
|
@@ -6436,7 +6441,7 @@ var FilterOption = function FilterOption(_ref3) {
|
|
|
6436
6441
|
|
|
6437
6442
|
var _excluded$q = ["color", "hasBorder", "iconSize", "disabled", "noBackground", "hasCrossButton", "onCrossClick", "width"];
|
|
6438
6443
|
|
|
6439
|
-
var _templateObject$I, _templateObject2$C, _templateObject3$w, _templateObject4$
|
|
6444
|
+
var _templateObject$I, _templateObject2$C, _templateObject3$w, _templateObject4$s, _templateObject5$p, _templateObject6$m, _templateObject7$l, _templateObject8$i;
|
|
6440
6445
|
var Container$p = styled.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) {
|
|
6441
6446
|
var styles = _ref.theme.styles,
|
|
6442
6447
|
theme = _ref.theme,
|
|
@@ -6444,7 +6449,7 @@ var Container$p = styled.div(_templateObject$I || (_templateObject$I = _taggedTe
|
|
|
6444
6449
|
disabled = _ref.disabled,
|
|
6445
6450
|
noBackground = _ref.noBackground,
|
|
6446
6451
|
width = _ref.width;
|
|
6447
|
-
return 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 && css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n border: ", ";\n box-shadow: ", ";\n "])), styles.filters.searchInput["default"].border, styles.filters.searchInput["default"].boxShadow), disabled && css(_templateObject4$
|
|
6452
|
+
return 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 && css(_templateObject3$w || (_templateObject3$w = _taggedTemplateLiteralLoose(["\n border: ", ";\n box-shadow: ", ";\n "])), styles.filters.searchInput["default"].border, styles.filters.searchInput["default"].boxShadow), disabled && css(_templateObject4$s || (_templateObject4$s = _taggedTemplateLiteralLoose(["\n opacity: 50%;\n cursor: not-allowed;\n "]))), width && 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);
|
|
6448
6453
|
}, IconWrapper);
|
|
6449
6454
|
var CrossButton = styled.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);
|
|
6450
6455
|
var StyledInput$2 = styled.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) {
|
|
@@ -6513,7 +6518,7 @@ var isFilterItem = function isFilterItem(item) {
|
|
|
6513
6518
|
|
|
6514
6519
|
var _excluded$r = ["buttonIcon", "buttonText", "disabled", "minWidth", "minHeight", "isSortAscending", "children", "onToggleOpenCallback", "onCloseCallback"];
|
|
6515
6520
|
|
|
6516
|
-
var _templateObject$J, _templateObject2$D, _templateObject3$x, _templateObject4$
|
|
6521
|
+
var _templateObject$J, _templateObject2$D, _templateObject3$x, _templateObject4$t;
|
|
6517
6522
|
var Container$q = styled.div(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n position: relative;\n"])));
|
|
6518
6523
|
var ButtonWrapper = styled.div(_templateObject2$D || (_templateObject2$D = _taggedTemplateLiteralLoose(["\n display: inline-block;\n"])));
|
|
6519
6524
|
var ContentBox = styled.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n z-index: 100;\n min-width: ", "px;\n position: absolute;\n\n ", ";\n"])), function (_ref) {
|
|
@@ -6522,7 +6527,7 @@ var ContentBox = styled.div(_templateObject3$x || (_templateObject3$x = _taggedT
|
|
|
6522
6527
|
}, function (_ref2) {
|
|
6523
6528
|
var openState = _ref2.openState,
|
|
6524
6529
|
disabled = _ref2.disabled;
|
|
6525
|
-
return openState && css(_templateObject4$
|
|
6530
|
+
return openState && 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 ");
|
|
6526
6531
|
});
|
|
6527
6532
|
|
|
6528
6533
|
var getDropPosition = function getDropPosition(buttonRect, minWidth, minHeight) {
|
|
@@ -6642,11 +6647,11 @@ var LoadingBox = function LoadingBox(_ref) {
|
|
|
6642
6647
|
|
|
6643
6648
|
var _excluded$s = ["buttonIcon", "buttonText", "list", "selected", "disabled", "isLoading", "loadingText", "optionType", "hasOptionsFilter", "searchPlaceholder", "maxDisplayedItems", "searchResultText", "emptyResultText", "onSelect"];
|
|
6644
6649
|
|
|
6645
|
-
var _templateObject$L, _templateObject2$F, _templateObject3$y, _templateObject4$
|
|
6650
|
+
var _templateObject$L, _templateObject2$F, _templateObject3$y, _templateObject4$u, _templateObject5$q, _templateObject6$n, _templateObject7$m, _templateObject8$j, _templateObject9$f, _templateObject10$d;
|
|
6646
6651
|
var Container$s = styled.div(_templateObject$L || (_templateObject$L = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6647
6652
|
var TopLine$1 = styled.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"])));
|
|
6648
6653
|
var InnerBox = styled.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"])));
|
|
6649
|
-
var StyledFilterOption = styled(FilterOption)(_templateObject4$
|
|
6654
|
+
var StyledFilterOption = styled(FilterOption)(_templateObject4$u || (_templateObject4$u = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
6650
6655
|
var OptionList = styled.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) {
|
|
6651
6656
|
var moreItem = _ref.moreItem;
|
|
6652
6657
|
return moreItem ? '168px' : '175px';
|
|
@@ -6889,11 +6894,11 @@ var FilterDropdown = function FilterDropdown(_ref2) {
|
|
|
6889
6894
|
|
|
6890
6895
|
var _excluded$t = ["buttonText", "disabled", "list", "isLoading", "loadingText", "isSortAscending", "selected", "descendingText", "ascendingText", "onSelect"];
|
|
6891
6896
|
|
|
6892
|
-
var _templateObject$M, _templateObject2$G, _templateObject3$z, _templateObject4$
|
|
6897
|
+
var _templateObject$M, _templateObject2$G, _templateObject3$z, _templateObject4$v, _templateObject5$r, _templateObject6$o, _templateObject7$n, _templateObject8$k, _templateObject9$g;
|
|
6893
6898
|
var Container$t = styled.div(_templateObject$M || (_templateObject$M = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6894
6899
|
var TopLine$2 = styled.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"])));
|
|
6895
6900
|
var InnerBox$1 = styled.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"])));
|
|
6896
|
-
var StyledFilterOption$1 = styled(FilterOption)(_templateObject4$
|
|
6901
|
+
var StyledFilterOption$1 = styled(FilterOption)(_templateObject4$v || (_templateObject4$v = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
6897
6902
|
var OptionList$1 = styled.div(_templateObject5$r || (_templateObject5$r = _taggedTemplateLiteralLoose(["\n ", " {\n height: 35px;\n padding-left: 10px;\n }\n"])), StyledFilterOption$1);
|
|
6898
6903
|
var OrderGroup = styled.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"])));
|
|
6899
6904
|
var OrderButton = styled.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) {
|
|
@@ -6976,12 +6981,12 @@ var SortDropdown = function SortDropdown(_ref2) {
|
|
|
6976
6981
|
}))))));
|
|
6977
6982
|
};
|
|
6978
6983
|
|
|
6979
|
-
var _templateObject$N, _templateObject2$H, _templateObject3$A, _templateObject4$
|
|
6984
|
+
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;
|
|
6980
6985
|
var Container$u = styled.div(_templateObject$N || (_templateObject$N = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
6981
6986
|
var ContextActionBaseCSS = 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"])));
|
|
6982
6987
|
var ContextIcon = styled.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) {
|
|
6983
6988
|
var theme = _ref.theme;
|
|
6984
|
-
return css(_templateObject4$
|
|
6989
|
+
return 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);
|
|
6985
6990
|
});
|
|
6986
6991
|
var ContextActionButton = styled.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) {
|
|
6987
6992
|
var isActive = _ref2.isActive;
|
|
@@ -7261,12 +7266,12 @@ var DropdownDatePicker = function DropdownDatePicker(_ref) {
|
|
|
7261
7266
|
|
|
7262
7267
|
var _excluded$v = ["hasShowMore", "searchFilters", "datePickerFilters", "dropdownFilters", "showMoreText", "showLessText"];
|
|
7263
7268
|
|
|
7264
|
-
var _templateObject$P, _templateObject2$I, _templateObject3$B, _templateObject4$
|
|
7269
|
+
var _templateObject$P, _templateObject2$I, _templateObject3$B, _templateObject4$x, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$m;
|
|
7265
7270
|
var fadeInAnimation = 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"])));
|
|
7266
7271
|
var SearchInputWrapper = styled.div(_templateObject2$I || (_templateObject2$I = _taggedTemplateLiteralLoose(["\n flex: 1 1 200px;\n max-width: 320px;\n"])));
|
|
7267
7272
|
var CloseSearchInputWrapper = styled.div(_templateObject3$B || (_templateObject3$B = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
7268
7273
|
var theme = _ref.theme;
|
|
7269
|
-
return theme && css(_templateObject4$
|
|
7274
|
+
return theme && css(_templateObject4$x || (_templateObject4$x = _taggedTemplateLiteralLoose(["\n animation: ", " ", " ", ";\n "])), fadeInAnimation, theme.animation.speed.slow, theme.animation.easing.primary.inOut);
|
|
7270
7275
|
});
|
|
7271
7276
|
var StyledFilterButton = styled(FilterButton)(_templateObject5$t || (_templateObject5$t = _taggedTemplateLiteralLoose([""])));
|
|
7272
7277
|
var StyledDropdown = styled(FilterDropdown)(_templateObject6$q || (_templateObject6$q = _taggedTemplateLiteralLoose([""])));
|
|
@@ -7387,11 +7392,11 @@ var FilterInputs = function FilterInputs(_ref2) {
|
|
|
7387
7392
|
|
|
7388
7393
|
var _excluded$w = ["labelLists", "totalResults", "resultTextTemplate", "clearText", "resultsDateFormat", "onRemoveFilter", "onClearAll"];
|
|
7389
7394
|
|
|
7390
|
-
var _templateObject$Q, _templateObject2$J, _templateObject3$C, _templateObject4$
|
|
7395
|
+
var _templateObject$Q, _templateObject2$J, _templateObject3$C, _templateObject4$y, _templateObject5$u, _templateObject6$r, _templateObject7$q;
|
|
7391
7396
|
var Container$x = styled.div(_templateObject$Q || (_templateObject$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 12px;\n min-height: 22px;\n"])));
|
|
7392
7397
|
var ResultsTextWrapper = styled.div(_templateObject2$J || (_templateObject2$J = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n color: var(--grey-9);\n"])), fontFamily.ui);
|
|
7393
7398
|
var FilterLabel = styled.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);
|
|
7394
|
-
var FilterLabelText = styled.div(_templateObject4$
|
|
7399
|
+
var FilterLabelText = styled.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) {
|
|
7395
7400
|
var hasIcon = _ref.hasIcon;
|
|
7396
7401
|
return hasIcon ? '0 15px 0 9px' : '0 15px 0 0';
|
|
7397
7402
|
});
|
|
@@ -7928,7 +7933,7 @@ var FilterBar = function FilterBar(_ref4) {
|
|
|
7928
7933
|
})));
|
|
7929
7934
|
};
|
|
7930
7935
|
|
|
7931
|
-
var _templateObject$S, _templateObject2$L, _templateObject3$E, _templateObject4$
|
|
7936
|
+
var _templateObject$S, _templateObject2$L, _templateObject3$E, _templateObject4$z, _templateObject5$v;
|
|
7932
7937
|
var Container$z = styled.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n"])));
|
|
7933
7938
|
var StatusCounter = styled.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) {
|
|
7934
7939
|
var animation = _ref.theme.animation;
|
|
@@ -7938,7 +7943,7 @@ var StatusCounter = styled.div(_templateObject2$L || (_templateObject2$L = _tagg
|
|
|
7938
7943
|
color = _ref2.color;
|
|
7939
7944
|
return color ? theme.colors.status[color] : 'var(--grey-5)';
|
|
7940
7945
|
});
|
|
7941
|
-
var StatusDot = styled.div(_templateObject4$
|
|
7946
|
+
var StatusDot = styled.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) {
|
|
7942
7947
|
var animation = _ref3.theme.animation;
|
|
7943
7948
|
return css(_templateObject5$v || (_templateObject5$v = _taggedTemplateLiteralLoose(["\n transition: background-color ", " ", ";\n "])), animation.speed.slow, animation.easing.primary.easeInOut);
|
|
7944
7949
|
}, function (_ref4) {
|
|
@@ -7964,7 +7969,7 @@ var StatusIcon = function StatusIcon(_ref5) {
|
|
|
7964
7969
|
}));
|
|
7965
7970
|
};
|
|
7966
7971
|
|
|
7967
|
-
var _templateObject$T, _templateObject2$M, _templateObject3$F, _templateObject4$
|
|
7972
|
+
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;
|
|
7968
7973
|
var HandleTouchReactionKeyframes = 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"])));
|
|
7969
7974
|
var HandleMouseReactionKeyframes = 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"])));
|
|
7970
7975
|
var HandleBase = styled.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) {
|
|
@@ -7972,7 +7977,7 @@ var HandleBase = styled.svg(_templateObject3$F || (_templateObject3$F = _taggedT
|
|
|
7972
7977
|
styling = _ref.styling;
|
|
7973
7978
|
return theme.custom.lines[styling].handleBase.fill;
|
|
7974
7979
|
});
|
|
7975
|
-
var HandleRingLayer = styled.circle(_templateObject4$
|
|
7980
|
+
var HandleRingLayer = styled.circle(_templateObject4$A || (_templateObject4$A = _taggedTemplateLiteralLoose(["\n fill: none;\n stroke: ", ";\n mask: url(#", ");\n"])), function (_ref2) {
|
|
7976
7981
|
var theme = _ref2.theme,
|
|
7977
7982
|
styling = _ref2.styling;
|
|
7978
7983
|
return theme.custom.lines[styling].handleRingLayer.stroke;
|
|
@@ -8213,7 +8218,7 @@ var HandleUnit = function HandleUnit(props) {
|
|
|
8213
8218
|
}, index + pointIndexOffset))));
|
|
8214
8219
|
};
|
|
8215
8220
|
|
|
8216
|
-
var _templateObject$U, _templateObject2$N, _templateObject3$G, _templateObject4$
|
|
8221
|
+
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;
|
|
8217
8222
|
var ContrastLine = styled.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) {
|
|
8218
8223
|
var theme = _ref.theme,
|
|
8219
8224
|
styling = _ref.styling;
|
|
@@ -8239,7 +8244,7 @@ var GrabHandle = styled.circle(_templateObject3$G || (_templateObject3$G = _tagg
|
|
|
8239
8244
|
styling = _ref6.styling;
|
|
8240
8245
|
return theme.custom.lines[styling].grabHandle.stroke;
|
|
8241
8246
|
}, function (props) {
|
|
8242
|
-
return props.hide && css(_templateObject4$
|
|
8247
|
+
return props.hide && css(_templateObject4$B || (_templateObject4$B = _taggedTemplateLiteralLoose(["\n pointer-events: none;\n opacity: 0;\n "])));
|
|
8243
8248
|
});
|
|
8244
8249
|
var GrabHandleIndexGroup$1 = styled.g(_templateObject5$x || (_templateObject5$x = _taggedTemplateLiteralLoose(["\n opacity: 0;\n pointer-events: none;\n ", ";\n\n"])), function (props) {
|
|
8245
8250
|
return props.showIndex && css(_templateObject6$t || (_templateObject6$t = _taggedTemplateLiteralLoose(["\n opacity: 1;\n "])));
|
|
@@ -8503,7 +8508,7 @@ var LineUnit = function LineUnit(props) {
|
|
|
8503
8508
|
|
|
8504
8509
|
var LineSetContext = createContext({});
|
|
8505
8510
|
|
|
8506
|
-
var _templateObject$V, _templateObject2$O, _templateObject3$H, _templateObject4$
|
|
8511
|
+
var _templateObject$V, _templateObject2$O, _templateObject3$H, _templateObject4$C;
|
|
8507
8512
|
var FilledPolygon = styled.polygon(_templateObject$V || (_templateObject$V = _taggedTemplateLiteralLoose(["\n fill: ", ";\n opacity: ", ";\n"])), function (_ref) {
|
|
8508
8513
|
var color = _ref.color;
|
|
8509
8514
|
return color;
|
|
@@ -8522,7 +8527,7 @@ var AreaLabelText = styled.text(_templateObject3$H || (_templateObject3$H = _tag
|
|
|
8522
8527
|
return theme.custom.lines[styling].label.fill;
|
|
8523
8528
|
}, function (_ref5) {
|
|
8524
8529
|
var showAreaLabelShadow = _ref5.showAreaLabelShadow;
|
|
8525
|
-
return showAreaLabelShadow && css(_templateObject4$
|
|
8530
|
+
return showAreaLabelShadow && 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 "])));
|
|
8526
8531
|
});
|
|
8527
8532
|
|
|
8528
8533
|
var AreaLabel = function AreaLabel(_ref6) {
|
|
@@ -8787,11 +8792,11 @@ var LineSet = function LineSet(_ref8) {
|
|
|
8787
8792
|
}));
|
|
8788
8793
|
};
|
|
8789
8794
|
|
|
8790
|
-
var _templateObject$W, _templateObject2$P, _templateObject3$I, _templateObject4$
|
|
8795
|
+
var _templateObject$W, _templateObject2$P, _templateObject3$I, _templateObject4$D, _templateObject5$y;
|
|
8791
8796
|
var Container$A = styled.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"])));
|
|
8792
8797
|
var LoadingOverlay$1 = styled.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"])));
|
|
8793
8798
|
var Frame = styled.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) {
|
|
8794
|
-
return props.transculent && css(_templateObject4$
|
|
8799
|
+
return props.transculent && css(_templateObject4$D || (_templateObject4$D = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
8795
8800
|
});
|
|
8796
8801
|
var Image$1 = styled.img(_templateObject5$y || (_templateObject5$y = _taggedTemplateLiteralLoose(["\n object-fit: contain;\n width: 100%;\n height: 100%;\n"])));
|
|
8797
8802
|
|
|
@@ -8996,11 +9001,11 @@ var LineUI = function LineUI(_ref) {
|
|
|
8996
9001
|
|
|
8997
9002
|
var _excluded$y = ["loop", "autoPlay", "controls", "muted"];
|
|
8998
9003
|
|
|
8999
|
-
var _templateObject$X, _templateObject2$Q, _templateObject3$J, _templateObject4$
|
|
9004
|
+
var _templateObject$X, _templateObject2$Q, _templateObject3$J, _templateObject4$E, _templateObject5$z;
|
|
9000
9005
|
var Container$B = styled.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"])));
|
|
9001
9006
|
var Video$1 = styled.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"])));
|
|
9002
9007
|
var LoadingOverlay$2 = styled.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"])));
|
|
9003
|
-
var Frame$1 = styled.svg(_templateObject4$
|
|
9008
|
+
var Frame$1 = styled.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) {
|
|
9004
9009
|
return props.transcalent && css(_templateObject5$z || (_templateObject5$z = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
9005
9010
|
});
|
|
9006
9011
|
|
|
@@ -9549,11 +9554,11 @@ function getPeerId(id) {
|
|
|
9549
9554
|
return 'WRP_' + id + '_' + Math.floor(Math.random() * (9000 - 10) + 10).toString();
|
|
9550
9555
|
}
|
|
9551
9556
|
|
|
9552
|
-
var _templateObject$Z, _templateObject2$R, _templateObject3$K, _templateObject4$
|
|
9557
|
+
var _templateObject$Z, _templateObject2$R, _templateObject3$K, _templateObject4$F, _templateObject5$A;
|
|
9553
9558
|
var Container$C = styled.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"])));
|
|
9554
9559
|
var Video$3 = styled(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"])));
|
|
9555
9560
|
var LoadingOverlay$3 = styled.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"])));
|
|
9556
|
-
var Frame$2 = styled.svg(_templateObject4$
|
|
9561
|
+
var Frame$2 = styled.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) {
|
|
9557
9562
|
return props.transcalent && css(_templateObject5$A || (_templateObject5$A = _taggedTemplateLiteralLoose(["\n background: hsla(0deg, 0%, 0%, 35%);\n "])));
|
|
9558
9563
|
});
|
|
9559
9564
|
|
|
@@ -9900,7 +9905,7 @@ var LineReducer = (function (state, action) {
|
|
|
9900
9905
|
}
|
|
9901
9906
|
});
|
|
9902
9907
|
|
|
9903
|
-
var _templateObject$_, _templateObject2$S, _templateObject3$L, _templateObject4$
|
|
9908
|
+
var _templateObject$_, _templateObject2$S, _templateObject3$L, _templateObject4$G, _templateObject5$B, _templateObject6$u, _templateObject7$t;
|
|
9904
9909
|
var ICON_SIZE = 24;
|
|
9905
9910
|
var GAP_LEFT = 20;
|
|
9906
9911
|
var ICON_MARGIN_LEFT = -GAP_LEFT - ICON_SIZE;
|
|
@@ -9910,7 +9915,7 @@ var TitlesWrapper = styled.div(_templateObject2$S || (_templateObject2$S = _tagg
|
|
|
9910
9915
|
return areaTitleBottom ? "column-reverse" : "column";
|
|
9911
9916
|
});
|
|
9912
9917
|
var IconContainer$1 = styled.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);
|
|
9913
|
-
var Title$3 = styled.h1(_templateObject4$
|
|
9918
|
+
var Title$3 = styled.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"])));
|
|
9914
9919
|
var AreaTitleCss = 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"])));
|
|
9915
9920
|
var AreaTitle = styled.div(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose(["\n ", "\n"])), AreaTitleCss);
|
|
9916
9921
|
var AreaLinkTitle = styled(Link)(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose(["\n ", "\n &:hover {\n text-decoration: underline;\n }\n"])), AreaTitleCss);
|
|
@@ -9954,7 +9959,7 @@ var IntroductionText = function IntroductionText(_ref2) {
|
|
|
9954
9959
|
|
|
9955
9960
|
var _excluded$B = ["icon", "size", "weight", "label", "linkTo", "noBorder", "tagSize"];
|
|
9956
9961
|
|
|
9957
|
-
var _templateObject$10, _templateObject2$U, _templateObject3$M, _templateObject4$
|
|
9962
|
+
var _templateObject$10, _templateObject2$U, _templateObject3$M, _templateObject4$H, _templateObject5$C, _templateObject6$v, _templateObject7$u;
|
|
9958
9963
|
var TextContainer$2 = styled.div(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
9959
9964
|
var StyledLink = styled(Link)(_templateObject2$U || (_templateObject2$U = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n display: flex;\n"])));
|
|
9960
9965
|
var TagWrapper = styled.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) {
|
|
@@ -9962,7 +9967,7 @@ var TagWrapper = styled.div(_templateObject3$M || (_templateObject3$M = _taggedT
|
|
|
9962
9967
|
return size;
|
|
9963
9968
|
}, function (_ref2) {
|
|
9964
9969
|
var noBorder = _ref2.noBorder;
|
|
9965
|
-
return !noBorder && css(_templateObject4$
|
|
9970
|
+
return !noBorder && css(_templateObject4$H || (_templateObject4$H = _taggedTemplateLiteralLoose(["\n border: solid 1px var(--grey-8);\n border-radius: 3px;\n "])));
|
|
9966
9971
|
}, function (_ref3) {
|
|
9967
9972
|
var tagSize = _ref3.tagSize;
|
|
9968
9973
|
return tagSize === 'compact' && css(_templateObject5$C || (_templateObject5$C = _taggedTemplateLiteralLoose(["\n padding: 2px 6px;\n gap: 4px;\n "])));
|
|
@@ -10016,18 +10021,20 @@ var Tag = function Tag(_ref6) {
|
|
|
10016
10021
|
}, renderTag()) : renderTag();
|
|
10017
10022
|
};
|
|
10018
10023
|
|
|
10019
|
-
var _templateObject$11, _templateObject2$V, _templateObject3$N, _templateObject4$
|
|
10024
|
+
var _templateObject$11, _templateObject2$V, _templateObject3$N, _templateObject4$I, _templateObject5$D;
|
|
10020
10025
|
var Container$F = styled.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n gap: 32px;\n"])));
|
|
10021
10026
|
var LeftPanel = styled.div(_templateObject2$V || (_templateObject2$V = _taggedTemplateLiteralLoose(["\n"])));
|
|
10022
10027
|
var RightPanel = styled.div(_templateObject3$N || (_templateObject3$N = _taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n padding-top: 0px;\n }\n\n"])), function (_ref) {
|
|
10023
10028
|
var iconLeftPanel = _ref.iconLeftPanel;
|
|
10024
|
-
return iconLeftPanel && css(_templateObject4$
|
|
10029
|
+
return iconLeftPanel && css(_templateObject4$I || (_templateObject4$I = _taggedTemplateLiteralLoose(["\n padding-top: 32px;\n "])));
|
|
10025
10030
|
}, deviceMediaQuery.large);
|
|
10026
10031
|
var TagListWrapper = styled.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"])));
|
|
10027
10032
|
|
|
10028
10033
|
var PageHeader = function PageHeader(_ref2) {
|
|
10029
10034
|
var title = _ref2.title,
|
|
10030
10035
|
icon = _ref2.icon,
|
|
10036
|
+
_ref2$iconColor = _ref2.iconColor,
|
|
10037
|
+
iconColor = _ref2$iconColor === void 0 ? 'primary-9' : _ref2$iconColor,
|
|
10031
10038
|
introductionText = _ref2.introductionText,
|
|
10032
10039
|
areaHref = _ref2.areaHref,
|
|
10033
10040
|
areaTitle = _ref2.areaTitle,
|
|
@@ -10038,7 +10045,7 @@ var PageHeader = function PageHeader(_ref2) {
|
|
|
10038
10045
|
areaTitleBottom = _ref2.areaTitleBottom,
|
|
10039
10046
|
rightContent = _ref2.rightContent;
|
|
10040
10047
|
return React__default.createElement(Container$F, null, React__default.createElement(LeftPanel, null, React__default.createElement(PageTitle, Object.assign({
|
|
10041
|
-
iconColor:
|
|
10048
|
+
iconColor: iconColor
|
|
10042
10049
|
}, {
|
|
10043
10050
|
title: title,
|
|
10044
10051
|
icon: icon,
|
|
@@ -10077,7 +10084,7 @@ var MultilineContent = function MultilineContent(_ref) {
|
|
|
10077
10084
|
}));
|
|
10078
10085
|
};
|
|
10079
10086
|
|
|
10080
|
-
var _templateObject$13, _templateObject2$W, _templateObject3$O, _templateObject4$
|
|
10087
|
+
var _templateObject$13, _templateObject2$W, _templateObject3$O, _templateObject4$J, _templateObject5$E, _templateObject6$w, _templateObject7$v;
|
|
10081
10088
|
var Container$H = styled.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) {
|
|
10082
10089
|
var aspect = _ref.aspect;
|
|
10083
10090
|
return aspect === '16:9' && css(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n padding-left: 56.25%;\n "])));
|
|
@@ -10087,7 +10094,7 @@ var Container$H = styled.div(_templateObject$13 || (_templateObject$13 = _tagged
|
|
|
10087
10094
|
}, function (_ref3) {
|
|
10088
10095
|
var theme = _ref3.theme,
|
|
10089
10096
|
hoverZoom = _ref3.hoverZoom;
|
|
10090
|
-
return theme && hoverZoom && css(_templateObject4$
|
|
10097
|
+
return theme && hoverZoom && 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);
|
|
10091
10098
|
});
|
|
10092
10099
|
var ImageWrapper = styled.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"])));
|
|
10093
10100
|
var NoImageWrapper = styled.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"])));
|
|
@@ -10227,7 +10234,7 @@ var TypeTableDeviceStatus = function TypeTableDeviceStatus(_ref2) {
|
|
|
10227
10234
|
});
|
|
10228
10235
|
};
|
|
10229
10236
|
|
|
10230
|
-
var _templateObject$15, _templateObject2$Y, _templateObject3$P, _templateObject4$
|
|
10237
|
+
var _templateObject$15, _templateObject2$Y, _templateObject3$P, _templateObject4$K, _templateObject5$F, _templateObject6$x, _templateObject7$w, _templateObject8$p, _templateObject9$k, _templateObject10$h, _templateObject11$b;
|
|
10231
10238
|
var CopyToClipboard = styled.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) {
|
|
10232
10239
|
var theme = _ref.theme;
|
|
10233
10240
|
return theme && css(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n transition: ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.easeOut);
|
|
@@ -10238,7 +10245,7 @@ var CellContainer = styled.div(_templateObject3$P || (_templateObject3$P = _tagg
|
|
|
10238
10245
|
var theme = _ref2.theme,
|
|
10239
10246
|
cellStyle = _ref2.cellStyle,
|
|
10240
10247
|
alignment = _ref2.alignment;
|
|
10241
|
-
return cellStyle === 'firstColumn' ? css(_templateObject4$
|
|
10248
|
+
return cellStyle === 'firstColumn' ? css(_templateObject4$K || (_templateObject4$K = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData[cellStyle]) : css(_templateObject5$F || (_templateObject5$F = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData[cellStyle][alignment]);
|
|
10242
10249
|
}, function (_ref3) {
|
|
10243
10250
|
var hasCopyButton = _ref3.hasCopyButton;
|
|
10244
10251
|
return hasCopyButton && css(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n padding-right: 20px;\n "])));
|
|
@@ -10377,7 +10384,7 @@ var TypeTableRow = function TypeTableRow(_ref2) {
|
|
|
10377
10384
|
}));
|
|
10378
10385
|
};
|
|
10379
10386
|
|
|
10380
|
-
var _templateObject$17, _templateObject2$_, _templateObject3$Q, _templateObject4$
|
|
10387
|
+
var _templateObject$17, _templateObject2$_, _templateObject3$Q, _templateObject4$L;
|
|
10381
10388
|
var HeaderTitle = styled.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) {
|
|
10382
10389
|
var ascending = _ref.ascending;
|
|
10383
10390
|
return ascending && 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 "])));
|
|
@@ -10387,7 +10394,7 @@ var HeaderTitle = styled.div(_templateObject$17 || (_templateObject$17 = _tagged
|
|
|
10387
10394
|
}, function (_ref3) {
|
|
10388
10395
|
var styles = _ref3.theme.styles,
|
|
10389
10396
|
sortable = _ref3.sortable;
|
|
10390
|
-
return sortable && css(_templateObject4$
|
|
10397
|
+
return sortable && 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);
|
|
10391
10398
|
});
|
|
10392
10399
|
|
|
10393
10400
|
var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
@@ -10417,7 +10424,7 @@ var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
|
10417
10424
|
}), header);
|
|
10418
10425
|
};
|
|
10419
10426
|
|
|
10420
|
-
var _templateObject$18, _templateObject2$$, _templateObject3$R, _templateObject4$
|
|
10427
|
+
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;
|
|
10421
10428
|
var HeaderRow = styled.div(_templateObject$18 || (_templateObject$18 = _taggedTemplateLiteralLoose(["\n display: table-row;\n height: 50px;\n"])));
|
|
10422
10429
|
var HeaderItem = styled.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) {
|
|
10423
10430
|
return p.theme.fontFamily.ui;
|
|
@@ -10428,7 +10435,7 @@ var HeaderItem = styled.div(_templateObject2$$ || (_templateObject2$$ = _taggedT
|
|
|
10428
10435
|
var theme = _ref2.theme,
|
|
10429
10436
|
alignment = _ref2.alignment,
|
|
10430
10437
|
headerStyle = _ref2.headerStyle;
|
|
10431
|
-
return alignment ? css(_templateObject4$
|
|
10438
|
+
return alignment ? css(_templateObject4$M || (_templateObject4$M = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table[headerStyle][alignment]) : css(_templateObject5$G || (_templateObject5$G = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table[headerStyle]['left']);
|
|
10432
10439
|
}, function (p) {
|
|
10433
10440
|
return p.fixedWidth && css(_templateObject6$y || (_templateObject6$y = _taggedTemplateLiteralLoose(["\n width: ", "px;\n "])), p.fixedWidth);
|
|
10434
10441
|
}, function (_ref3) {
|
|
@@ -10586,11 +10593,11 @@ var TypeTableHeader = function TypeTableHeader(_ref9) {
|
|
|
10586
10593
|
}));
|
|
10587
10594
|
};
|
|
10588
10595
|
|
|
10589
|
-
var _templateObject$19, _templateObject2$10, _templateObject3$S, _templateObject4$
|
|
10596
|
+
var _templateObject$19, _templateObject2$10, _templateObject3$S, _templateObject4$N, _templateObject5$H;
|
|
10590
10597
|
var Container$J = styled.div(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose([""])));
|
|
10591
10598
|
var TableContainer = styled.div(_templateObject2$10 || (_templateObject2$10 = _taggedTemplateLiteralLoose(["\n display: table;\n width: 100%;\n position: relative;\n"])));
|
|
10592
10599
|
var LoadingText$1 = styled.div(_templateObject3$S || (_templateObject3$S = _taggedTemplateLiteralLoose(["\n color: var(--grey-a11);\n"])));
|
|
10593
|
-
var LoadingBox$1 = styled.div(_templateObject4$
|
|
10600
|
+
var LoadingBox$1 = styled.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) {
|
|
10594
10601
|
var theme = _ref.theme;
|
|
10595
10602
|
return theme.colors["pureBase"];
|
|
10596
10603
|
}, LoadingText$1);
|
|
@@ -10684,13 +10691,13 @@ var TypeTable = function TypeTable(_ref3) {
|
|
|
10684
10691
|
|
|
10685
10692
|
var _excluded$C = ["type", "placeholder", "defaultValue", "rowKey", "alignment", "toLink", "saveCallback"];
|
|
10686
10693
|
|
|
10687
|
-
var _templateObject$1a, _templateObject2$11, _templateObject3$T, _templateObject4$
|
|
10694
|
+
var _templateObject$1a, _templateObject2$11, _templateObject3$T, _templateObject4$O, _templateObject5$I, _templateObject6$z, _templateObject7$y, _templateObject8$r, _templateObject9$m, _templateObject10$j;
|
|
10688
10695
|
var Container$K = styled.div(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n"])), function (_ref) {
|
|
10689
10696
|
var theme = _ref.theme;
|
|
10690
10697
|
return css(_templateObject2$11 || (_templateObject2$11 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
10691
10698
|
});
|
|
10692
10699
|
var StyledButton$5 = styled(Button)(_templateObject3$T || (_templateObject3$T = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
10693
|
-
var StyledLoadingButton = styled(ButtonWithLoading)(_templateObject4$
|
|
10700
|
+
var StyledLoadingButton = styled(ButtonWithLoading)(_templateObject4$O || (_templateObject4$O = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
10694
10701
|
var StyledLink$1 = styled(Link)(_templateObject5$I || (_templateObject5$I = _taggedTemplateLiteralLoose(["\n color: inherit;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
10695
10702
|
var EditContainer = styled.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);
|
|
10696
10703
|
var StyledIconButton$1 = styled(IconButton$2)(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose([""])));
|
|
@@ -11152,14 +11159,14 @@ var PTZProvider = function PTZProvider(_ref) {
|
|
|
11152
11159
|
}, children);
|
|
11153
11160
|
};
|
|
11154
11161
|
|
|
11155
|
-
var _templateObject$1b, _templateObject2$12, _templateObject3$U, _templateObject4$
|
|
11162
|
+
var _templateObject$1b, _templateObject2$12, _templateObject3$U, _templateObject4$P, _templateObject5$J;
|
|
11156
11163
|
var Active = styled.g(_templateObject$1b || (_templateObject$1b = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11157
11164
|
var active = _ref.active;
|
|
11158
11165
|
return active && css(_templateObject2$12 || (_templateObject2$12 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11159
11166
|
});
|
|
11160
11167
|
var Hover = styled.g(_templateObject3$U || (_templateObject3$U = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11161
11168
|
var hover = _ref2.hover;
|
|
11162
|
-
return hover && css(_templateObject4$
|
|
11169
|
+
return hover && css(_templateObject4$P || (_templateObject4$P = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11163
11170
|
});
|
|
11164
11171
|
var Container$L = styled.g(_templateObject5$J || (_templateObject5$J = _taggedTemplateLiteralLoose(["\n"])));
|
|
11165
11172
|
|
|
@@ -11234,14 +11241,14 @@ var Up = function Up() {
|
|
|
11234
11241
|
})));
|
|
11235
11242
|
};
|
|
11236
11243
|
|
|
11237
|
-
var _templateObject$1c, _templateObject2$13, _templateObject3$V, _templateObject4$
|
|
11244
|
+
var _templateObject$1c, _templateObject2$13, _templateObject3$V, _templateObject4$Q, _templateObject5$K, _templateObject6$A;
|
|
11238
11245
|
var Active$1 = styled.g(_templateObject$1c || (_templateObject$1c = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11239
11246
|
var active = _ref.active;
|
|
11240
11247
|
return active && css(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11241
11248
|
});
|
|
11242
11249
|
var Hover$1 = styled.g(_templateObject3$V || (_templateObject3$V = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11243
11250
|
var hover = _ref2.hover;
|
|
11244
|
-
return hover && css(_templateObject4$
|
|
11251
|
+
return hover && css(_templateObject4$Q || (_templateObject4$Q = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11245
11252
|
});
|
|
11246
11253
|
var Container$M = styled.g(_templateObject5$K || (_templateObject5$K = _taggedTemplateLiteralLoose(["\n"])));
|
|
11247
11254
|
var Arrow$1 = styled.g(_templateObject6$A || (_templateObject6$A = _taggedTemplateLiteralLoose(["\n\n"])));
|
|
@@ -11318,14 +11325,14 @@ var Down = function Down() {
|
|
|
11318
11325
|
})));
|
|
11319
11326
|
};
|
|
11320
11327
|
|
|
11321
|
-
var _templateObject$1d, _templateObject2$14, _templateObject3$W, _templateObject4$
|
|
11328
|
+
var _templateObject$1d, _templateObject2$14, _templateObject3$W, _templateObject4$R, _templateObject5$L;
|
|
11322
11329
|
var Active$2 = styled.g(_templateObject$1d || (_templateObject$1d = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11323
11330
|
var active = _ref.active;
|
|
11324
11331
|
return active && css(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11325
11332
|
});
|
|
11326
11333
|
var Hover$2 = styled.g(_templateObject3$W || (_templateObject3$W = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11327
11334
|
var hover = _ref2.hover;
|
|
11328
|
-
return hover && css(_templateObject4$
|
|
11335
|
+
return hover && css(_templateObject4$R || (_templateObject4$R = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11329
11336
|
});
|
|
11330
11337
|
var Container$N = styled.g(_templateObject5$L || (_templateObject5$L = _taggedTemplateLiteralLoose(["\n"])));
|
|
11331
11338
|
|
|
@@ -11402,14 +11409,14 @@ var Left = function Left() {
|
|
|
11402
11409
|
})));
|
|
11403
11410
|
};
|
|
11404
11411
|
|
|
11405
|
-
var _templateObject$1e, _templateObject2$15, _templateObject3$X, _templateObject4$
|
|
11412
|
+
var _templateObject$1e, _templateObject2$15, _templateObject3$X, _templateObject4$S, _templateObject5$M;
|
|
11406
11413
|
var Active$3 = styled.g(_templateObject$1e || (_templateObject$1e = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
11407
11414
|
var active = _ref.active;
|
|
11408
11415
|
return active && css(_templateObject2$15 || (_templateObject2$15 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11409
11416
|
});
|
|
11410
11417
|
var Hover$3 = styled.g(_templateObject3$X || (_templateObject3$X = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
11411
11418
|
var hover = _ref2.hover;
|
|
11412
|
-
return hover && css(_templateObject4$
|
|
11419
|
+
return hover && css(_templateObject4$S || (_templateObject4$S = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
11413
11420
|
});
|
|
11414
11421
|
var Container$O = styled.g(_templateObject5$M || (_templateObject5$M = _taggedTemplateLiteralLoose(["\n"])));
|
|
11415
11422
|
|
|
@@ -12299,14 +12306,14 @@ var ZoomBase = function ZoomBase(_ref) {
|
|
|
12299
12306
|
})), children));
|
|
12300
12307
|
};
|
|
12301
12308
|
|
|
12302
|
-
var _templateObject$1f, _templateObject2$16, _templateObject3$Y, _templateObject4$
|
|
12309
|
+
var _templateObject$1f, _templateObject2$16, _templateObject3$Y, _templateObject4$T, _templateObject5$N;
|
|
12303
12310
|
var Active$4 = styled.g(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12304
12311
|
var active = _ref.active;
|
|
12305
12312
|
return active && css(_templateObject2$16 || (_templateObject2$16 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12306
12313
|
});
|
|
12307
12314
|
var Hover$4 = styled.g(_templateObject3$Y || (_templateObject3$Y = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
12308
12315
|
var hover = _ref2.hover;
|
|
12309
|
-
return hover && css(_templateObject4$
|
|
12316
|
+
return hover && css(_templateObject4$T || (_templateObject4$T = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12310
12317
|
});
|
|
12311
12318
|
var Container$P = styled.g(_templateObject5$N || (_templateObject5$N = _taggedTemplateLiteralLoose(["\n"])));
|
|
12312
12319
|
|
|
@@ -12376,14 +12383,14 @@ var Up$1 = function Up() {
|
|
|
12376
12383
|
})));
|
|
12377
12384
|
};
|
|
12378
12385
|
|
|
12379
|
-
var _templateObject$1g, _templateObject2$17, _templateObject3$Z, _templateObject4$
|
|
12386
|
+
var _templateObject$1g, _templateObject2$17, _templateObject3$Z, _templateObject4$U, _templateObject5$O;
|
|
12380
12387
|
var Active$5 = styled.g(_templateObject$1g || (_templateObject$1g = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n\n"])), function (_ref) {
|
|
12381
12388
|
var active = _ref.active;
|
|
12382
12389
|
return active && css(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12383
12390
|
});
|
|
12384
12391
|
var Hover$5 = styled.g(_templateObject3$Z || (_templateObject3$Z = _taggedTemplateLiteralLoose(["\n opacity: 0;\n ", "\n"])), function (_ref2) {
|
|
12385
12392
|
var hover = _ref2.hover;
|
|
12386
|
-
return hover && css(_templateObject4$
|
|
12393
|
+
return hover && css(_templateObject4$U || (_templateObject4$U = _taggedTemplateLiteralLoose(["opacity: 1;"])));
|
|
12387
12394
|
});
|
|
12388
12395
|
var Container$Q = styled.g(_templateObject5$O || (_templateObject5$O = _taggedTemplateLiteralLoose(["\n"])));
|
|
12389
12396
|
|
|
@@ -12464,7 +12471,7 @@ var Controls = function Controls(_ref) {
|
|
|
12464
12471
|
|
|
12465
12472
|
var _excluded$D = ["isEmptyWithIcon", "status", "noticeIcon", "hasNotice", "noticeMessage", "noticeTitle", "emptyIcon"];
|
|
12466
12473
|
|
|
12467
|
-
var _templateObject$1i, _templateObject2$18, _templateObject3$_, _templateObject4$
|
|
12474
|
+
var _templateObject$1i, _templateObject2$18, _templateObject3$_, _templateObject4$V, _templateObject5$P, _templateObject6$B, _templateObject7$z, _templateObject8$s;
|
|
12468
12475
|
var Container$S = styled.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);
|
|
12469
12476
|
var EmptyWithIcon = styled.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) {
|
|
12470
12477
|
var hasPadding = _ref.hasPadding;
|
|
@@ -12474,7 +12481,7 @@ var Notice = styled.div(_templateObject3$_ || (_templateObject3$_ = _taggedTempl
|
|
|
12474
12481
|
var color = _ref2.color;
|
|
12475
12482
|
return color && "var(--" + color + ")";
|
|
12476
12483
|
});
|
|
12477
|
-
var NoticeMessage = styled.div(_templateObject4$
|
|
12484
|
+
var NoticeMessage = styled.div(_templateObject4$V || (_templateObject4$V = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 10px;\n"])), EllipsisStyles);
|
|
12478
12485
|
var NoticeTitle = styled.div(_templateObject5$P || (_templateObject5$P = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 12px;\n"])), EllipsisStyles);
|
|
12479
12486
|
var NoticeIcon = styled.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);
|
|
12480
12487
|
var NoticeTextGroup = styled.div(_templateObject7$z || (_templateObject7$z = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-left: 14px;\n"])));
|
|
@@ -12513,13 +12520,13 @@ var MediaStream = function MediaStream(_ref4) {
|
|
|
12513
12520
|
}));
|
|
12514
12521
|
};
|
|
12515
12522
|
|
|
12516
|
-
var _templateObject$1j, _templateObject2$19, _templateObject3$$, _templateObject4$
|
|
12523
|
+
var _templateObject$1j, _templateObject2$19, _templateObject3$$, _templateObject4$W, _templateObject5$Q, _templateObject6$C, _templateObject7$A, _templateObject8$t, _templateObject9$n;
|
|
12517
12524
|
var Container$T = styled.div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 60px;\n"])));
|
|
12518
12525
|
var LeftData = styled.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) {
|
|
12519
12526
|
var hasRightData = _ref.hasRightData;
|
|
12520
12527
|
return hasRightData && css(_templateObject3$$ || (_templateObject3$$ = _taggedTemplateLiteralLoose(["\n border-right: var(--grey-6) 1px solid;\n width: 195px;\n "])));
|
|
12521
12528
|
}, IconWrapper);
|
|
12522
|
-
var RightData = styled.div(_templateObject4$
|
|
12529
|
+
var RightData = styled.div(_templateObject4$W || (_templateObject4$W = _taggedTemplateLiteralLoose(["\n padding: 0 12px 0 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n"])));
|
|
12523
12530
|
var DeviceDataGroup = styled.div(_templateObject5$Q || (_templateObject5$Q = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-left: 14px;\n justify-content: center;\n"])));
|
|
12524
12531
|
var LeftTitle = styled.div(_templateObject6$C || (_templateObject6$C = _taggedTemplateLiteralLoose(["\n ", ";\n ", "};\n ", ";\n\n color: var(--grey-a10);\n font-size: 10px;\n"])), EllipsisStyles, function (_ref2) {
|
|
12525
12532
|
var hasRightData = _ref2.hasRightData;
|
|
@@ -12648,14 +12655,14 @@ var DebouncedSearcher = function DebouncedSearcher(_ref) {
|
|
|
12648
12655
|
|
|
12649
12656
|
var _excluded$G = ["design", "size", "position", "text"];
|
|
12650
12657
|
|
|
12651
|
-
var _templateObject$1n, _templateObject2$1a, _templateObject3$10, _templateObject4$
|
|
12658
|
+
var _templateObject$1n, _templateObject2$1a, _templateObject3$10, _templateObject4$X, _templateObject5$R, _templateObject6$D;
|
|
12652
12659
|
var Container$U = styled.div(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteralLoose([""])));
|
|
12653
12660
|
var Title$6 = styled.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) {
|
|
12654
12661
|
var theme = _ref.theme;
|
|
12655
12662
|
return theme.fontFamily.ui;
|
|
12656
12663
|
});
|
|
12657
|
-
var ButtonsWrapper$
|
|
12658
|
-
var LeftButtons = styled.div(_templateObject4$
|
|
12664
|
+
var ButtonsWrapper$2 = styled.div(_templateObject3$10 || (_templateObject3$10 = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n"])));
|
|
12665
|
+
var LeftButtons = styled.div(_templateObject4$X || (_templateObject4$X = _taggedTemplateLiteralLoose(["\n button {\n margin: 0 10px 10px 0;\n }\n"])));
|
|
12659
12666
|
var RightButtons = styled.div(_templateObject5$R || (_templateObject5$R = _taggedTemplateLiteralLoose(["\n flex-shrink: 0;\n"])));
|
|
12660
12667
|
var SelectedResults = styled.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) {
|
|
12661
12668
|
var theme = _ref2.theme;
|
|
@@ -12682,7 +12689,7 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12682
12689
|
totalAvailable = _ref3$totalAvailable === void 0 ? 0 : _ref3$totalAvailable,
|
|
12683
12690
|
_ref3$finishCallback = _ref3.finishCallback,
|
|
12684
12691
|
finishCallback = _ref3$finishCallback === void 0 ? function () {} : _ref3$finishCallback;
|
|
12685
|
-
return React__default.createElement(Container$U, null, React__default.createElement(Title$6, null, title), React__default.createElement(ButtonsWrapper$
|
|
12692
|
+
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) {
|
|
12686
12693
|
var design = _ref4.design,
|
|
12687
12694
|
size = _ref4.size,
|
|
12688
12695
|
position = _ref4.position,
|
|
@@ -12701,12 +12708,12 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12701
12708
|
}, finishTextButton))), React__default.createElement(SelectedResults, null, renderSelected(selectedTemplate, totalSelected, totalAvailable)));
|
|
12702
12709
|
};
|
|
12703
12710
|
|
|
12704
|
-
var _templateObject$1o, _templateObject2$1b, _templateObject3$11, _templateObject4$
|
|
12711
|
+
var _templateObject$1o, _templateObject2$1b, _templateObject3$11, _templateObject4$Y, _templateObject5$S, _templateObject6$E, _templateObject7$B, _templateObject8$u, _templateObject9$o, _templateObject10$k;
|
|
12705
12712
|
var WIDTH_PER_NUMBER = 12;
|
|
12706
12713
|
var PaginationContainer = styled.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"])));
|
|
12707
12714
|
var PageLabel = styled.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"])));
|
|
12708
12715
|
var StaticPageCount = styled.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"])));
|
|
12709
|
-
var StyledInput$3 = styled.input(_templateObject4$
|
|
12716
|
+
var StyledInput$3 = styled.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) {
|
|
12710
12717
|
var textColor = _ref.textColor;
|
|
12711
12718
|
return textColor;
|
|
12712
12719
|
}, function (_ref2) {
|
|
@@ -12961,7 +12968,7 @@ var Pagination = function Pagination(props) {
|
|
|
12961
12968
|
}))));
|
|
12962
12969
|
};
|
|
12963
12970
|
|
|
12964
|
-
var _templateObject$1p, _templateObject2$1c, _templateObject3$12, _templateObject4$
|
|
12971
|
+
var _templateObject$1p, _templateObject2$1c, _templateObject3$12, _templateObject4$Z, _templateObject5$T;
|
|
12965
12972
|
var Container$V = styled.div(_templateObject$1p || (_templateObject$1p = _taggedTemplateLiteralLoose([""])));
|
|
12966
12973
|
var Title$7 = styled.div(_templateObject2$1c || (_templateObject2$1c = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12967
12974
|
var typography = _ref.theme.typography;
|
|
@@ -12971,7 +12978,7 @@ var MessageBox$1 = styled.div(_templateObject3$12 || (_templateObject3$12 = _tag
|
|
|
12971
12978
|
var typography = _ref2.theme.typography;
|
|
12972
12979
|
return typography.modal.basicContent;
|
|
12973
12980
|
});
|
|
12974
|
-
var StyledButton$6 = styled(Button)(_templateObject4$
|
|
12981
|
+
var StyledButton$6 = styled(Button)(_templateObject4$Z || (_templateObject4$Z = _taggedTemplateLiteralLoose(["\n margin-left: 10px;\n"])));
|
|
12975
12982
|
var ButtonsGroup$1 = styled.div(_templateObject5$T || (_templateObject5$T = _taggedTemplateLiteralLoose(["\n text-align: right;\n"])));
|
|
12976
12983
|
|
|
12977
12984
|
var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
@@ -13014,11 +13021,11 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
13014
13021
|
}, rightButtonText)));
|
|
13015
13022
|
};
|
|
13016
13023
|
|
|
13017
|
-
var _templateObject$1q, _templateObject2$1d, _templateObject3$13, _templateObject4$
|
|
13024
|
+
var _templateObject$1q, _templateObject2$1d, _templateObject3$13, _templateObject4$_, _templateObject5$U, _templateObject6$F, _templateObject7$C, _templateObject8$v, _templateObject9$p, _templateObject10$l, _templateObject11$d, _templateObject12$a;
|
|
13018
13025
|
var Container$W = styled.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"])));
|
|
13019
13026
|
var LeftArea = styled.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n gap: var(--columnPadding, 16px);\n flex: 1 0 0;\n"])));
|
|
13020
13027
|
var BackLinkIcon = styled.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"])));
|
|
13021
|
-
var BackLink = styled(Link)(_templateObject4$
|
|
13028
|
+
var BackLink = styled(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) {
|
|
13022
13029
|
return props.$iconInGutter ? '-24px' : '0';
|
|
13023
13030
|
}, BackLinkIcon, BackLinkIcon, function (_ref) {
|
|
13024
13031
|
var $showDivider = _ref.$showDivider;
|
|
@@ -13110,11 +13117,11 @@ var Tabs = function Tabs(_ref) {
|
|
|
13110
13117
|
}, children);
|
|
13111
13118
|
};
|
|
13112
13119
|
|
|
13113
|
-
var _templateObject$1r, _templateObject2$1e, _templateObject3$14, _templateObject4
|
|
13120
|
+
var _templateObject$1r, _templateObject2$1e, _templateObject3$14, _templateObject4$$, _templateObject5$V;
|
|
13114
13121
|
var Container$X = styled.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"])));
|
|
13115
13122
|
var HeaderArea = styled.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"])));
|
|
13116
13123
|
var TabArea = styled.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"])));
|
|
13117
|
-
var TabAreaInner = styled.div(_templateObject4
|
|
13124
|
+
var TabAreaInner = styled.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"])));
|
|
13118
13125
|
var Content = styled.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"])));
|
|
13119
13126
|
|
|
13120
13127
|
var ContentLayout = function ContentLayout(_ref) {
|
|
@@ -13159,11 +13166,11 @@ var FullWidthContentBlock = function FullWidthContentBlock(_ref2) {
|
|
|
13159
13166
|
}, children));
|
|
13160
13167
|
};
|
|
13161
13168
|
|
|
13162
|
-
var _templateObject$1t, _templateObject2$1g, _templateObject3$15, _templateObject4
|
|
13169
|
+
var _templateObject$1t, _templateObject2$1g, _templateObject3$15, _templateObject4$10, _templateObject5$W, _templateObject6$G, _templateObject7$D, _templateObject8$w;
|
|
13163
13170
|
var Inner$1 = styled.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"])));
|
|
13164
13171
|
var Line = styled.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n background: var(--grey-10);\n flex: 1;\n"])));
|
|
13165
13172
|
var IconContainer$2 = styled.div(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n flex: 0 0 20px;\n svg {\n path {\n stroke: var(--grey-11);\n }\n }\n"])));
|
|
13166
|
-
var IconDefault = styled.svg(_templateObject4
|
|
13173
|
+
var IconDefault = styled.svg(_templateObject4$10 || (_templateObject4$10 = _taggedTemplateLiteralLoose(["\n transform: ", ";\n"])), function (_ref) {
|
|
13167
13174
|
var $layout = _ref.$layout;
|
|
13168
13175
|
return $layout === 'horizontal' ? 'rotate(0deg)' : 'rotate(90deg)';
|
|
13169
13176
|
});
|
|
@@ -13232,12 +13239,12 @@ var ResizeLine = function ResizeLine(_ref4) {
|
|
|
13232
13239
|
}))), React__default.createElement(Line, null)));
|
|
13233
13240
|
};
|
|
13234
13241
|
|
|
13235
|
-
var _templateObject$1u, _templateObject2$1h, _templateObject3$16, _templateObject4$
|
|
13242
|
+
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;
|
|
13236
13243
|
var DebugData = styled.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"])));
|
|
13237
13244
|
var MainArea = styled.div(_templateObject2$1h || (_templateObject2$1h = _taggedTemplateLiteralLoose(["\n display: flex;\n position: relative;\n flex: 1;\n\n ", "\n"])), function (_ref) {
|
|
13238
13245
|
var $layout = _ref.$layout,
|
|
13239
13246
|
$minDimension = _ref.$minDimension;
|
|
13240
|
-
return $layout === 'vertical' ? css(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-height: " + $minDimension + "px;" : null) : css(_templateObject4$
|
|
13247
|
+
return $layout === 'vertical' ? css(_templateObject3$16 || (_templateObject3$16 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-height: " + $minDimension + "px;" : null) : css(_templateObject4$11 || (_templateObject4$11 = _taggedTemplateLiteralLoose(["\n ", ";\n "])), $minDimension ? "min-width: " + $minDimension + "px;" : null);
|
|
13241
13248
|
});
|
|
13242
13249
|
var SideAreaInner = styled.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"])));
|
|
13243
13250
|
var SideArea = styled.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) {
|
|
@@ -13609,14 +13616,14 @@ var clampInt = function clampInt(value, lower, upper) {
|
|
|
13609
13616
|
return clampedInt;
|
|
13610
13617
|
};
|
|
13611
13618
|
|
|
13612
|
-
var _templateObject$1v, _templateObject2$1i, _templateObject3$17, _templateObject4$
|
|
13619
|
+
var _templateObject$1v, _templateObject2$1i, _templateObject3$17, _templateObject4$12, _templateObject5$Y, _templateObject6$I, _templateObject7$F;
|
|
13613
13620
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
13614
13621
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
13615
13622
|
var Layout = styled.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose(["\n display: flex;\n"])));
|
|
13616
13623
|
var MobileLayout = styled.div(_templateObject2$1i || (_templateObject2$1i = _taggedTemplateLiteralLoose([""])));
|
|
13617
13624
|
var Content$1 = styled.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) {
|
|
13618
13625
|
var maxWidth = _ref.maxWidth;
|
|
13619
|
-
return maxWidth && css(_templateObject4$
|
|
13626
|
+
return maxWidth && css(_templateObject4$12 || (_templateObject4$12 = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
13620
13627
|
});
|
|
13621
13628
|
var MainContainer = styled.div(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
13622
13629
|
var ContentArea = styled.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) {
|
|
@@ -13626,7 +13633,7 @@ var ContentArea = styled.div(_templateObject6$I || (_templateObject6$I = _tagged
|
|
|
13626
13633
|
return legacyLayout && 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');
|
|
13627
13634
|
});
|
|
13628
13635
|
|
|
13629
|
-
var _templateObject$1w, _templateObject2$1j, _templateObject3$18, _templateObject4$
|
|
13636
|
+
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;
|
|
13630
13637
|
var ContextTitle = styled.div(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
13631
13638
|
var theme = _ref.theme;
|
|
13632
13639
|
return css(_templateObject2$1j || (_templateObject2$1j = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
@@ -13634,7 +13641,7 @@ var ContextTitle = styled.div(_templateObject$1w || (_templateObject$1w = _tagge
|
|
|
13634
13641
|
var compact = _ref2.compact;
|
|
13635
13642
|
return compact && css(_templateObject3$18 || (_templateObject3$18 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
13636
13643
|
});
|
|
13637
|
-
var ContextIcon$1 = styled.div(_templateObject4$
|
|
13644
|
+
var ContextIcon$1 = styled.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) {
|
|
13638
13645
|
var theme = _ref3.theme;
|
|
13639
13646
|
return 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);
|
|
13640
13647
|
});
|
|
@@ -13879,12 +13886,12 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
13879
13886
|
};
|
|
13880
13887
|
};
|
|
13881
13888
|
|
|
13882
|
-
var _templateObject$1x, _templateObject2$1k, _templateObject3$19, _templateObject4$
|
|
13889
|
+
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;
|
|
13883
13890
|
var Submenu = styled.ul(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13884
13891
|
var SubmenuHeader = styled.div(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13885
13892
|
var SubmenuItemTitle = styled.span(_templateObject3$19 || (_templateObject3$19 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
13886
13893
|
var theme = _ref.theme;
|
|
13887
|
-
return theme && css(_templateObject4$
|
|
13894
|
+
return theme && css(_templateObject4$14 || (_templateObject4$14 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
13888
13895
|
});
|
|
13889
13896
|
var SubmenuItemLink = styled(Link)(_templateObject5$_ || (_templateObject5$_ = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13890
13897
|
var ExternalIconWrapper$1 = styled.div(_templateObject6$K || (_templateObject6$K = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
@@ -14026,11 +14033,11 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
14026
14033
|
return output;
|
|
14027
14034
|
};
|
|
14028
14035
|
|
|
14029
|
-
var _templateObject$1y, _templateObject2$1l, _templateObject3$1a, _templateObject4$
|
|
14036
|
+
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;
|
|
14030
14037
|
var Logo = styled(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"])));
|
|
14031
14038
|
var LogoMark = styled.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"])));
|
|
14032
14039
|
var LogoType = styled.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"])));
|
|
14033
|
-
var SVGObject = styled.object(_templateObject4$
|
|
14040
|
+
var SVGObject = styled.object(_templateObject4$15 || (_templateObject4$15 = _taggedTemplateLiteralLoose([""])));
|
|
14034
14041
|
var SVGObjectText = styled.object(_templateObject5$$ || (_templateObject5$$ = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
14035
14042
|
var NavigationContainer = styled.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose([""])));
|
|
14036
14043
|
var MenuFooter = styled.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) {
|
|
@@ -14171,14 +14178,14 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
14171
14178
|
})) : null))), document.body));
|
|
14172
14179
|
};
|
|
14173
14180
|
|
|
14174
|
-
var _templateObject$1z, _templateObject2$1m, _templateObject3$1b, _templateObject4$
|
|
14181
|
+
var _templateObject$1z, _templateObject2$1m, _templateObject3$1b, _templateObject4$16, _templateObject5$10, _templateObject6$M, _templateObject7$J, _templateObject8$B, _templateObject9$u, _templateObject10$q, _templateObject11$i;
|
|
14175
14182
|
var MetaConatiner = styled.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"])));
|
|
14176
14183
|
var LabelTitle = styled.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) {
|
|
14177
14184
|
var theme = _ref.theme;
|
|
14178
14185
|
return theme.fontFamily.ui;
|
|
14179
14186
|
});
|
|
14180
14187
|
var LabelContent = styled.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"])));
|
|
14181
|
-
var LabelNotes = styled.div(_templateObject4$
|
|
14188
|
+
var LabelNotes = styled.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) {
|
|
14182
14189
|
var theme = _ref2.theme;
|
|
14183
14190
|
return theme && css(_templateObject5$10 || (_templateObject5$10 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
14184
14191
|
});
|
|
@@ -14260,7 +14267,7 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
14260
14267
|
}, notes) : null)));
|
|
14261
14268
|
};
|
|
14262
14269
|
|
|
14263
|
-
var _templateObject$1A, _templateObject2$1n, _templateObject3$1c, _templateObject4$
|
|
14270
|
+
var _templateObject$1A, _templateObject2$1n, _templateObject3$1c, _templateObject4$17;
|
|
14264
14271
|
var Container$10 = styled.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) {
|
|
14265
14272
|
var theme = _ref.theme;
|
|
14266
14273
|
return theme.colors.divider;
|
|
@@ -14273,7 +14280,7 @@ var Title$8 = styled.div(_templateObject3$1c || (_templateObject3$1c = _taggedTe
|
|
|
14273
14280
|
var theme = _ref3.theme;
|
|
14274
14281
|
return theme.typography.global.mainMenu.subheader.color;
|
|
14275
14282
|
});
|
|
14276
|
-
var SubTitle$1 = styled.div(_templateObject4$
|
|
14283
|
+
var SubTitle$1 = styled.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) {
|
|
14277
14284
|
var theme = _ref4.theme;
|
|
14278
14285
|
return theme.fontFamily.ui;
|
|
14279
14286
|
}, function (_ref5) {
|
|
@@ -14297,13 +14304,13 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
14297
14304
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
14298
14305
|
};
|
|
14299
14306
|
|
|
14300
|
-
var _templateObject$1B, _templateObject2$1o, _templateObject3$1d, _templateObject4$
|
|
14307
|
+
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;
|
|
14301
14308
|
var DrawerTop = styled.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose([""])));
|
|
14302
14309
|
var DrawerBottom = styled.div(_templateObject2$1o || (_templateObject2$1o = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
14303
14310
|
var theme = _ref.theme;
|
|
14304
14311
|
return 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);
|
|
14305
14312
|
});
|
|
14306
|
-
var DrawerHeader = styled.h2(_templateObject4$
|
|
14313
|
+
var DrawerHeader = styled.h2(_templateObject4$18 || (_templateObject4$18 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
14307
14314
|
var theme = _ref2.theme;
|
|
14308
14315
|
return theme.typography.global.mainMenu.subheader;
|
|
14309
14316
|
});
|
|
@@ -14458,11 +14465,11 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
14458
14465
|
}, title)) : null));
|
|
14459
14466
|
};
|
|
14460
14467
|
|
|
14461
|
-
var _templateObject$1C, _templateObject2$1p, _templateObject3$1e, _templateObject4$
|
|
14468
|
+
var _templateObject$1C, _templateObject2$1p, _templateObject3$1e, _templateObject4$19, _templateObject5$12, _templateObject6$O, _templateObject7$L, _templateObject8$D;
|
|
14462
14469
|
var Container$11 = styled.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"])));
|
|
14463
14470
|
var ImgWrapper = styled.div(_templateObject2$1p || (_templateObject2$1p = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
14464
14471
|
var EmptyImg = styled.div(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
14465
|
-
var Image$2 = styled.div(_templateObject4$
|
|
14472
|
+
var Image$2 = styled.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) {
|
|
14466
14473
|
return p.image;
|
|
14467
14474
|
}, function (p) {
|
|
14468
14475
|
return p.image ? 'block' : 'none';
|
|
@@ -14518,14 +14525,14 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
14518
14525
|
return React__default.createElement(Container$12, null, unread && React__default.createElement(Fragment, null, React__default.createElement(StatusContainer, null, readNotificationsText), renderNotifications(unread, 'unread')), read && React__default.createElement(Fragment, null, React__default.createElement(StatusContainer, null, unreadNotificationsText), renderNotifications(read, 'read')));
|
|
14519
14526
|
};
|
|
14520
14527
|
|
|
14521
|
-
var _templateObject$1E, _templateObject2$1r, _templateObject3$1g, _templateObject4$
|
|
14528
|
+
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;
|
|
14522
14529
|
var Container$13 = styled.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) {
|
|
14523
14530
|
var theme = _ref.theme,
|
|
14524
14531
|
colors = _ref.theme.colors;
|
|
14525
14532
|
return colors && 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);
|
|
14526
14533
|
});
|
|
14527
14534
|
var SearchBar = styled.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"])));
|
|
14528
|
-
var IconWrapper$4 = styled.div(_templateObject4$
|
|
14535
|
+
var IconWrapper$4 = styled.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"])));
|
|
14529
14536
|
var SearchInput = styled.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) {
|
|
14530
14537
|
var theme = _ref2.theme;
|
|
14531
14538
|
return theme.fontFamily.data;
|
|
@@ -14774,7 +14781,7 @@ var TabContent = function TabContent(_ref) {
|
|
|
14774
14781
|
|
|
14775
14782
|
var _excluded$J = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
14776
14783
|
|
|
14777
|
-
var _templateObject$1I, _templateObject2$1t, _templateObject3$1i, _templateObject4$
|
|
14784
|
+
var _templateObject$1I, _templateObject2$1t, _templateObject3$1i, _templateObject4$1b;
|
|
14778
14785
|
var Container$15 = styled.button(_templateObject$1I || (_templateObject$1I = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14779
14786
|
var LinkTab = styled.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) {
|
|
14780
14787
|
var theme = _ref.theme;
|
|
@@ -14782,7 +14789,7 @@ var LinkTab = styled.div(_templateObject2$1t || (_templateObject2$1t = _taggedTe
|
|
|
14782
14789
|
}, function (_ref2) {
|
|
14783
14790
|
var isActive = _ref2.isActive,
|
|
14784
14791
|
theme = _ref2.theme;
|
|
14785
|
-
return isActive && css(_templateObject4$
|
|
14792
|
+
return isActive && 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);
|
|
14786
14793
|
});
|
|
14787
14794
|
|
|
14788
14795
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -14816,12 +14823,12 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
14816
14823
|
|
|
14817
14824
|
var _excluded$K = ["icon", "title", "subtitle", "tabFor"];
|
|
14818
14825
|
|
|
14819
|
-
var _templateObject$1J, _templateObject2$1u, _templateObject3$1j, _templateObject4$
|
|
14826
|
+
var _templateObject$1J, _templateObject2$1u, _templateObject3$1j, _templateObject4$1c, _templateObject5$14, _templateObject6$Q;
|
|
14820
14827
|
var Container$16 = styled.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) {
|
|
14821
14828
|
var active = _ref.active;
|
|
14822
14829
|
return active ? css(_templateObject2$1u || (_templateObject2$1u = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid var(--primary-11);\n "]))) : css(_templateObject3$1j || (_templateObject3$1j = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid transparent;\n "])));
|
|
14823
14830
|
}, IconWrapper);
|
|
14824
|
-
var Title$a = styled.div(_templateObject4$
|
|
14831
|
+
var Title$a = styled.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) {
|
|
14825
14832
|
var theme = _ref2.theme;
|
|
14826
14833
|
return theme.fontFamily.ui;
|
|
14827
14834
|
}, function (_ref3) {
|
|
@@ -14906,13 +14913,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
14906
14913
|
|
|
14907
14914
|
var _excluded$L = ["closeId", "closeText"];
|
|
14908
14915
|
|
|
14909
|
-
var _templateObject$1L, _templateObject2$1w, _templateObject3$1k, _templateObject4$
|
|
14916
|
+
var _templateObject$1L, _templateObject2$1w, _templateObject3$1k, _templateObject4$1d;
|
|
14910
14917
|
var StyledButton$7 = styled.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) {
|
|
14911
14918
|
var theme = _ref.theme;
|
|
14912
14919
|
return 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);
|
|
14913
14920
|
}, MOBILE_CLOSE_HEIGHT);
|
|
14914
14921
|
var IconContainer$3 = styled.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"])));
|
|
14915
|
-
var TextWrapper$1 = styled.div(_templateObject4$
|
|
14922
|
+
var TextWrapper$1 = styled.div(_templateObject4$1d || (_templateObject4$1d = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
14916
14923
|
|
|
14917
14924
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
14918
14925
|
var closeId = _ref2.closeId,
|
|
@@ -15232,11 +15239,11 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
15232
15239
|
|
|
15233
15240
|
var _excluded$P = ["children"];
|
|
15234
15241
|
|
|
15235
|
-
var _templateObject$1R, _templateObject2$1B, _templateObject3$1n, _templateObject4$
|
|
15242
|
+
var _templateObject$1R, _templateObject2$1B, _templateObject3$1n, _templateObject4$1e, _templateObject5$15, _templateObject6$R, _templateObject7$N, _templateObject8$F, _templateObject9$x;
|
|
15236
15243
|
var Container$1c = styled.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"])));
|
|
15237
15244
|
var LogoContainer = styled.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"])));
|
|
15238
15245
|
var LogoTopText = styled.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"])));
|
|
15239
|
-
var LogoBottomText = styled.div(_templateObject4$
|
|
15246
|
+
var LogoBottomText = styled.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"])));
|
|
15240
15247
|
var SidebarBox = styled.div(_templateObject5$15 || (_templateObject5$15 = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid var(--grey-a7);\n padding: 22px 20px 21px 20px;\n"])));
|
|
15241
15248
|
var SidebarHeading = styled.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"])));
|
|
15242
15249
|
var SidebarLinkHeading = styled.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"])));
|