scorer-ui-kit 2.1.1 → 2.1.2
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/Form/atoms/IconButton.d.ts +1 -1
- package/dist/Misc/index.d.ts +3 -2
- package/dist/Misc/molecules/Pagination.d.ts +20 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.js +549 -317
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +549 -318
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.modern.js
CHANGED
|
@@ -1704,7 +1704,7 @@ var Icon = function Icon(_ref) {
|
|
|
1704
1704
|
_ref$weight = _ref.weight,
|
|
1705
1705
|
weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
|
|
1706
1706
|
_ref$color = _ref.color,
|
|
1707
|
-
color = _ref$color === void 0 ? '
|
|
1707
|
+
color = _ref$color === void 0 ? 'grey-12' : _ref$color,
|
|
1708
1708
|
_ref$forSvgUsage = _ref.forSvgUsage,
|
|
1709
1709
|
forSvgUsage = _ref$forSvgUsage === void 0 ? false : _ref$forSvgUsage;
|
|
1710
1710
|
var iconWeight = dimensions.icons.weights[weight];
|
|
@@ -1712,11 +1712,11 @@ var Icon = function Icon(_ref) {
|
|
|
1712
1712
|
return IconSVG != null ? forSvgUsage ? React__default.createElement(IconWrapperForSVG, null, IconSVG({
|
|
1713
1713
|
size: size,
|
|
1714
1714
|
weight: iconWeight,
|
|
1715
|
-
color: "var(--" + color + ")"
|
|
1715
|
+
color: "var(--" + color + ", var(--grey-12))"
|
|
1716
1716
|
})) : React__default.createElement(IconWrapper, null, IconSVG({
|
|
1717
1717
|
size: size,
|
|
1718
1718
|
weight: iconWeight,
|
|
1719
|
-
color: "var(--" + color + ")"
|
|
1719
|
+
color: "var(--" + color + ", var(--grey-12))"
|
|
1720
1720
|
})) : null;
|
|
1721
1721
|
};
|
|
1722
1722
|
|
|
@@ -2130,13 +2130,11 @@ var _excluded$3 = ["icon", "size", "weight", "color", "hoverColor"];
|
|
|
2130
2130
|
|
|
2131
2131
|
var _templateObject$8;
|
|
2132
2132
|
var StyledButton$1 = styled.button(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteralLoose(["\n ", ";\n [stroke]{\n stroke: ", ";\n }\n &:hover {\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n"])), resetButtonStyles, function (_ref) {
|
|
2133
|
-
var
|
|
2134
|
-
|
|
2135
|
-
return theme.colors.icons[color];
|
|
2133
|
+
var color = _ref.color;
|
|
2134
|
+
return color;
|
|
2136
2135
|
}, IconWrapper, function (_ref2) {
|
|
2137
|
-
var
|
|
2138
|
-
|
|
2139
|
-
return theme.colors.icons[hoverColor];
|
|
2136
|
+
var hoverColor = _ref2.hoverColor;
|
|
2137
|
+
return hoverColor;
|
|
2140
2138
|
});
|
|
2141
2139
|
|
|
2142
2140
|
var IconButton$2 = function IconButton(_ref3) {
|
|
@@ -3119,7 +3117,7 @@ var uniqueID = function uniqueID() {
|
|
|
3119
3117
|
};
|
|
3120
3118
|
|
|
3121
3119
|
var isNotNumber = function isNotNumber(value) {
|
|
3122
|
-
var intValue =
|
|
3120
|
+
var intValue = Number(value);
|
|
3123
3121
|
return intValue !== intValue;
|
|
3124
3122
|
};
|
|
3125
3123
|
|
|
@@ -4046,24 +4044,21 @@ var Container$d = styled.div(_templateObject$o || (_templateObject$o = _taggedTe
|
|
|
4046
4044
|
});
|
|
4047
4045
|
var InnerContainer$2 = styled.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n position: relative;\n z-index: 99;\n"])));
|
|
4048
4046
|
var ToolHeader = styled.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 17px;\n"])));
|
|
4049
|
-
var TextGroup = styled.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 20px;\n font-weight: 500;\n color:
|
|
4050
|
-
var theme = _ref2.theme;
|
|
4051
|
-
return theme.colors.icons.mono;
|
|
4052
|
-
}, IconWrapper);
|
|
4047
|
+
var TextGroup = styled.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 20px;\n font-weight: 500;\n color: var(--mono);\n\n ", " {\n display: flex;\n align-items: center;\n margin-right: 14px;\n }\n"])), IconWrapper);
|
|
4053
4048
|
var ButtonsGroup = styled.div(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n button + button {\n margin-left: 10px;\n }\n"])));
|
|
4054
|
-
var PreviewArea = styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n height: ", ";\n width: ", ";\n border-radius: 5px;\n background-color: var(--grey-3);\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, var(--white-a10) 35px, var(--white-a10) 70px);\n"])), function (
|
|
4055
|
-
var canvasHeight =
|
|
4049
|
+
var PreviewArea = styled.div(_templateObject6$c || (_templateObject6$c = _taggedTemplateLiteralLoose(["\n position: relative;\n overflow: hidden;\n height: ", ";\n width: ", ";\n border-radius: 5px;\n background-color: var(--grey-3);\n background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, var(--white-a10) 35px, var(--white-a10) 70px);\n"])), function (_ref2) {
|
|
4050
|
+
var canvasHeight = _ref2.canvasHeight;
|
|
4056
4051
|
return canvasHeight ? canvasHeight + "px" : "462px";
|
|
4057
|
-
}, function (
|
|
4058
|
-
var canvasWidth =
|
|
4052
|
+
}, function (_ref3) {
|
|
4053
|
+
var canvasWidth = _ref3.canvasWidth;
|
|
4059
4054
|
return canvasWidth ? canvasWidth + "px" : "485px";
|
|
4060
4055
|
});
|
|
4061
4056
|
var HiddenImage = styled.img(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
4062
|
-
var SelectedArea = styled.div(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n position: absolute;\n border: dashed 1px var(--black-a12);\n box-shadow: 0 0 0 9999em var(--black-a11);\n ", ";\n cursor: move;\n"])), function (
|
|
4063
|
-
var cropLeft =
|
|
4064
|
-
cropTop =
|
|
4065
|
-
cropWidth =
|
|
4066
|
-
cropHeight =
|
|
4057
|
+
var SelectedArea = styled.div(_templateObject8$b || (_templateObject8$b = _taggedTemplateLiteralLoose(["\n position: absolute;\n border: dashed 1px var(--black-a12);\n box-shadow: 0 0 0 9999em var(--black-a11);\n ", ";\n cursor: move;\n"])), function (_ref4) {
|
|
4058
|
+
var cropLeft = _ref4.cropLeft,
|
|
4059
|
+
cropTop = _ref4.cropTop,
|
|
4060
|
+
cropWidth = _ref4.cropWidth,
|
|
4061
|
+
cropHeight = _ref4.cropHeight;
|
|
4067
4062
|
return css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n "])), cropTop, cropLeft, cropWidth, cropHeight);
|
|
4068
4063
|
});
|
|
4069
4064
|
var viewDimensions = {
|
|
@@ -4081,30 +4076,30 @@ var viewDimensions = {
|
|
|
4081
4076
|
isResizing: false
|
|
4082
4077
|
};
|
|
4083
4078
|
|
|
4084
|
-
var CropTool = function CropTool(
|
|
4085
|
-
var
|
|
4086
|
-
title =
|
|
4087
|
-
|
|
4088
|
-
cancelBtnTxt =
|
|
4089
|
-
|
|
4090
|
-
cropBtnTxt =
|
|
4091
|
-
|
|
4092
|
-
isResizable =
|
|
4093
|
-
|
|
4094
|
-
cropHeight =
|
|
4095
|
-
|
|
4096
|
-
cropWidth =
|
|
4097
|
-
|
|
4098
|
-
canvasHeight =
|
|
4099
|
-
|
|
4100
|
-
canvasWidth =
|
|
4101
|
-
aspectRatio =
|
|
4102
|
-
imgUrl =
|
|
4103
|
-
onCrop =
|
|
4104
|
-
|
|
4105
|
-
onClose =
|
|
4106
|
-
|
|
4107
|
-
onError =
|
|
4079
|
+
var CropTool = function CropTool(_ref5) {
|
|
4080
|
+
var _ref5$title = _ref5.title,
|
|
4081
|
+
title = _ref5$title === void 0 ? 'Crop Image' : _ref5$title,
|
|
4082
|
+
_ref5$cancelBtnTxt = _ref5.cancelBtnTxt,
|
|
4083
|
+
cancelBtnTxt = _ref5$cancelBtnTxt === void 0 ? 'Cancel' : _ref5$cancelBtnTxt,
|
|
4084
|
+
_ref5$cropBtnTxt = _ref5.cropBtnTxt,
|
|
4085
|
+
cropBtnTxt = _ref5$cropBtnTxt === void 0 ? 'Crop & Save' : _ref5$cropBtnTxt,
|
|
4086
|
+
_ref5$isResizable = _ref5.isResizable,
|
|
4087
|
+
isResizable = _ref5$isResizable === void 0 ? true : _ref5$isResizable,
|
|
4088
|
+
_ref5$cropHeight = _ref5.cropHeight,
|
|
4089
|
+
cropHeight = _ref5$cropHeight === void 0 ? 300 : _ref5$cropHeight,
|
|
4090
|
+
_ref5$cropWidth = _ref5.cropWidth,
|
|
4091
|
+
cropWidth = _ref5$cropWidth === void 0 ? 350 : _ref5$cropWidth,
|
|
4092
|
+
_ref5$canvasHeight = _ref5.canvasHeight,
|
|
4093
|
+
canvasHeight = _ref5$canvasHeight === void 0 ? 400 : _ref5$canvasHeight,
|
|
4094
|
+
_ref5$canvasWidth = _ref5.canvasWidth,
|
|
4095
|
+
canvasWidth = _ref5$canvasWidth === void 0 ? 450 : _ref5$canvasWidth,
|
|
4096
|
+
aspectRatio = _ref5.aspectRatio,
|
|
4097
|
+
imgUrl = _ref5.imgUrl,
|
|
4098
|
+
onCrop = _ref5.onCrop,
|
|
4099
|
+
_ref5$onClose = _ref5.onClose,
|
|
4100
|
+
onClose = _ref5$onClose === void 0 ? function () {} : _ref5$onClose,
|
|
4101
|
+
_ref5$onError = _ref5.onError,
|
|
4102
|
+
onError = _ref5$onError === void 0 ? function () {} : _ref5$onError;
|
|
4108
4103
|
|
|
4109
4104
|
var _useState = useState(false),
|
|
4110
4105
|
isLoading = _useState[0],
|
|
@@ -4237,9 +4232,9 @@ var CropTool = function CropTool(_ref6) {
|
|
|
4237
4232
|
top = rect.top,
|
|
4238
4233
|
width = rect.width,
|
|
4239
4234
|
height = rect.height;
|
|
4240
|
-
var
|
|
4241
|
-
posX =
|
|
4242
|
-
posY =
|
|
4235
|
+
var _ref6 = [e.clientX, e.clientY],
|
|
4236
|
+
posX = _ref6[0],
|
|
4237
|
+
posY = _ref6[1];
|
|
4243
4238
|
var newCursorStyle;
|
|
4244
4239
|
|
|
4245
4240
|
if (!isResizable) {
|
|
@@ -4293,9 +4288,9 @@ var CropTool = function CropTool(_ref6) {
|
|
|
4293
4288
|
return;
|
|
4294
4289
|
}
|
|
4295
4290
|
|
|
4296
|
-
var
|
|
4297
|
-
posX =
|
|
4298
|
-
posY =
|
|
4291
|
+
var _ref7 = [e.clientX, e.clientY],
|
|
4292
|
+
posX = _ref7[0],
|
|
4293
|
+
posY = _ref7[1];
|
|
4299
4294
|
var newDimensions = aspectRatio ? updateCropWithAspect(viewDimensions, posX, posY, aspectRatio) : updateCropValues(viewDimensions, posX, posY);
|
|
4300
4295
|
|
|
4301
4296
|
if (!newDimensions.isUpdateRequired) {
|
|
@@ -4917,42 +4912,39 @@ var Container$h = styled.div(_templateObject$u || (_templateObject$u = _taggedTe
|
|
|
4917
4912
|
return theme.styles.modal.overlay;
|
|
4918
4913
|
});
|
|
4919
4914
|
var CloseIcon = styled(Icon)(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose([""])));
|
|
4920
|
-
var CloseButton = styled.button(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 0;\n top: -30px;\n color:
|
|
4921
|
-
var
|
|
4922
|
-
|
|
4923
|
-
}, IconWrapper, function (_ref5) {
|
|
4924
|
-
var _ref5$selected = _ref5.selected,
|
|
4925
|
-
selected = _ref5$selected === void 0 ? false : _ref5$selected;
|
|
4915
|
+
var CloseButton = styled.button(_templateObject4$l || (_templateObject4$l = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n right: 0;\n top: -30px;\n color: var(--mono);\n font-size: 14px;\n font-weight: 500;\n\n ", " {\n display: flex;\n margin-left: 12px;\n }\n ", "\n &:focus {\n outline: none;\n }\n\n &:hover:enabled {\n ", "\n }\n\n &:active:enabled {\n opacity: .9;\n }\n &:disabled {\n opacity: 0.1;\n }\n"])), resetButtonStyles, IconWrapper, function (_ref4) {
|
|
4916
|
+
var _ref4$selected = _ref4.selected,
|
|
4917
|
+
selected = _ref4$selected === void 0 ? false : _ref4$selected;
|
|
4926
4918
|
return selected && css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid var(--primary-7);\n "])));
|
|
4927
|
-
}, function (
|
|
4928
|
-
var theme =
|
|
4919
|
+
}, function (_ref5) {
|
|
4920
|
+
var theme = _ref5.theme;
|
|
4929
4921
|
return theme && css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n opacity: .8;\n transition: transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.inOut);
|
|
4930
4922
|
});
|
|
4931
|
-
var LightBox = styled.div(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n position: relative;\n margin: 27px 0 0;\n z-index: 9999;\n width: ", ";\n padding: ", ";\n border-radius: 5px;\n ", ";\n"])), function (
|
|
4932
|
-
var width =
|
|
4923
|
+
var LightBox = styled.div(_templateObject7$f || (_templateObject7$f = _taggedTemplateLiteralLoose(["\n position: relative;\n margin: 27px 0 0;\n z-index: 9999;\n width: ", ";\n padding: ", ";\n border-radius: 5px;\n ", ";\n"])), function (_ref6) {
|
|
4924
|
+
var width = _ref6.width;
|
|
4933
4925
|
return width ? width : "580px";
|
|
4934
|
-
}, function (
|
|
4935
|
-
var padding =
|
|
4926
|
+
}, function (_ref7) {
|
|
4927
|
+
var padding = _ref7.padding;
|
|
4936
4928
|
return padding ? "30px 40px" : "0";
|
|
4937
|
-
}, function (
|
|
4938
|
-
var theme =
|
|
4929
|
+
}, function (_ref8) {
|
|
4930
|
+
var theme = _ref8.theme;
|
|
4939
4931
|
return theme.styles.modal.container;
|
|
4940
4932
|
});
|
|
4941
4933
|
|
|
4942
|
-
var Modal = function Modal(
|
|
4943
|
-
var
|
|
4944
|
-
isOpen =
|
|
4945
|
-
|
|
4946
|
-
isCloseEnable =
|
|
4947
|
-
|
|
4948
|
-
closeText =
|
|
4949
|
-
|
|
4950
|
-
width =
|
|
4951
|
-
|
|
4952
|
-
padding =
|
|
4953
|
-
customComponent =
|
|
4954
|
-
onDismiss =
|
|
4955
|
-
dismissCallback =
|
|
4934
|
+
var Modal = function Modal(_ref9) {
|
|
4935
|
+
var _ref9$isOpen = _ref9.isOpen,
|
|
4936
|
+
isOpen = _ref9$isOpen === void 0 ? false : _ref9$isOpen,
|
|
4937
|
+
_ref9$isCloseEnable = _ref9.isCloseEnable,
|
|
4938
|
+
isCloseEnable = _ref9$isCloseEnable === void 0 ? true : _ref9$isCloseEnable,
|
|
4939
|
+
_ref9$closeText = _ref9.closeText,
|
|
4940
|
+
closeText = _ref9$closeText === void 0 ? '' : _ref9$closeText,
|
|
4941
|
+
_ref9$width = _ref9.width,
|
|
4942
|
+
width = _ref9$width === void 0 ? '' : _ref9$width,
|
|
4943
|
+
_ref9$padding = _ref9.padding,
|
|
4944
|
+
padding = _ref9$padding === void 0 ? true : _ref9$padding,
|
|
4945
|
+
customComponent = _ref9.customComponent,
|
|
4946
|
+
onDismiss = _ref9.onDismiss,
|
|
4947
|
+
dismissCallback = _ref9.dismissCallback;
|
|
4956
4948
|
var lightBoxRef = useRef(null);
|
|
4957
4949
|
|
|
4958
4950
|
var onClickOutside = function onClickOutside() {
|
|
@@ -6302,30 +6294,27 @@ var Title$1 = styled.div(_templateObject$B || (_templateObject$B = _taggedTempla
|
|
|
6302
6294
|
});
|
|
6303
6295
|
var FakeCheckbox = styled.div(_templateObject2$A || (_templateObject2$A = _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"])));
|
|
6304
6296
|
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"])));
|
|
6305
|
-
var CheckMarkWrapper = styled.div(_templateObject4$q || (_templateObject4$q = _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:
|
|
6306
|
-
var theme = _ref2.theme;
|
|
6307
|
-
return theme.colors.icons.inverse;
|
|
6308
|
-
});
|
|
6297
|
+
var CheckMarkWrapper = styled.div(_templateObject4$q || (_templateObject4$q = _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"])));
|
|
6309
6298
|
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"])));
|
|
6310
6299
|
var FakeInnerRadio = styled.div(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
6311
|
-
var Container$m = styled.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (
|
|
6312
|
-
var styles =
|
|
6313
|
-
selected =
|
|
6314
|
-
disabled =
|
|
6300
|
+
var Container$m = 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) {
|
|
6301
|
+
var styles = _ref2.theme.styles,
|
|
6302
|
+
selected = _ref2.selected,
|
|
6303
|
+
disabled = _ref2.disabled;
|
|
6315
6304
|
return styles && css(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n ", ", ", " {\n ", ";\n }\n\n &:hover {\n cursor: pointer;\n ", " {\n color: ", ";\n }\n\n ", " {\n ", ";\n }\n\n ", " {\n border-color: ", ";\n }\n }\n\n ", ";\n\n ", ";\n "])), FakeCheckbox, FakeRadioButton, styles.form.checkbox.unchecked["default"], Title$1, styles.form.checkbox.unchecked.hover.borderColor, FakeCheckbox, styles.form.checkbox.unchecked.hover, FakeRadioButton, styles.form.checkbox.unchecked.hover.borderColor, selected && css(_templateObject9$e || (_templateObject9$e = _taggedTemplateLiteralLoose(["\n ", " {\n color: ", ";\n }\n ", " {\n ", ";\n border: none;\n }\n\n ", " {\n border-color: ", ";\n ", " {\n background-color: ", ";\n }\n }\n\n &:hover {\n ", "{\n ", ";\n }\n\n ", " {\n border-color: ", ";\n ", " {\n background-color: ", ";\n }\n }\n }\n "])), Title$1, styles.form.checkbox.checked["default"].backgroundColor, FakeCheckbox, styles.form.checkbox.checked["default"], FakeRadioButton, styles.form.checkbox.checked["default"].backgroundColor, FakeInnerRadio, styles.form.checkbox.checked["default"].backgroundColor, FakeCheckbox, styles.form.checkbox.checked.hover, FakeRadioButton, styles.form.checkbox.checked.hover.backgroundColor, FakeInnerRadio, styles.form.checkbox.checked.hover.backgroundColor), disabled && css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n "]))));
|
|
6316
6305
|
});
|
|
6317
6306
|
|
|
6318
|
-
var FilterOption = function FilterOption(
|
|
6319
|
-
var title =
|
|
6320
|
-
|
|
6321
|
-
optionType =
|
|
6322
|
-
|
|
6323
|
-
selected =
|
|
6324
|
-
|
|
6325
|
-
disabled =
|
|
6326
|
-
|
|
6327
|
-
onClick =
|
|
6328
|
-
props = _objectWithoutPropertiesLoose(
|
|
6307
|
+
var FilterOption = function FilterOption(_ref3) {
|
|
6308
|
+
var title = _ref3.title,
|
|
6309
|
+
_ref3$optionType = _ref3.optionType,
|
|
6310
|
+
optionType = _ref3$optionType === void 0 ? "text" : _ref3$optionType,
|
|
6311
|
+
_ref3$selected = _ref3.selected,
|
|
6312
|
+
selected = _ref3$selected === void 0 ? false : _ref3$selected,
|
|
6313
|
+
_ref3$disabled = _ref3.disabled,
|
|
6314
|
+
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
|
|
6315
|
+
_ref3$onClick = _ref3.onClick,
|
|
6316
|
+
onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick,
|
|
6317
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$o);
|
|
6329
6318
|
|
|
6330
6319
|
var iconWeight = dimensions.icons.weights['regular'];
|
|
6331
6320
|
return React__default.createElement(Container$m, Object.assign({}, {
|
|
@@ -6354,12 +6343,10 @@ var Container$n = styled.div(_templateObject$C || (_templateObject$C = _taggedTe
|
|
|
6354
6343
|
}, IconWrapper);
|
|
6355
6344
|
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);
|
|
6356
6345
|
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) {
|
|
6357
|
-
var
|
|
6358
|
-
typography = _ref2$theme.typography,
|
|
6359
|
-
colors = _ref2$theme.colors,
|
|
6346
|
+
var typography = _ref2.theme.typography,
|
|
6360
6347
|
theme = _ref2.theme,
|
|
6361
6348
|
color = _ref2.color;
|
|
6362
|
-
return css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n\n &::placeholder {\n ", ";\n color: ", ";\n font-size: 12px;\n }\n "])), theme.fontFamily.ui, typography.filters.searchInput.value, typography.filters.searchInput.placeholder,
|
|
6349
|
+
return css(_templateObject8$i || (_templateObject8$i = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n\n &::placeholder {\n ", ";\n color: var(--", ");\n font-size: 12px;\n }\n "])), theme.fontFamily.ui, typography.filters.searchInput.value, typography.filters.searchInput.placeholder, color);
|
|
6363
6350
|
});
|
|
6364
6351
|
|
|
6365
6352
|
var BasicSearchInput = function BasicSearchInput(_ref3) {
|
|
@@ -12413,33 +12400,29 @@ var _excluded$D = ["icon", "size", "weight", "label", "linkTo"];
|
|
|
12413
12400
|
var _templateObject$1f, _templateObject2$17, _templateObject3$_, _templateObject4$U;
|
|
12414
12401
|
var TextContainer$3 = styled.div(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
12415
12402
|
var StyledLink$1 = styled(Link)(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n"])));
|
|
12416
|
-
var TagWrapper = styled.div(_templateObject3$_ || (_templateObject3$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: ", "px;\n font-weight: 500;\n color: var(--grey-11);\n padding: 4px 10px;\n border: solid 1px var(--grey-8);\n display: inline-flex;\n align-items: center;\n border-radius: 3px;\n height: 26px;\n\n ", " {\n [stroke]{\n
|
|
12403
|
+
var TagWrapper = styled.div(_templateObject3$_ || (_templateObject3$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n font-size: ", "px;\n font-weight: 500;\n color: var(--grey-11);\n padding: 4px 10px;\n border: solid 1px var(--grey-8);\n display: inline-flex;\n align-items: center;\n border-radius: 3px;\n height: 26px;\n\n ", " {\n [stroke]{\n stroke: var(--dimmed);\n }\n margin-right: 8px;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n ", ";\n"])), function (_ref) {
|
|
12417
12404
|
var theme = _ref.theme;
|
|
12418
12405
|
return theme.fontFamily.ui;
|
|
12419
12406
|
}, function (_ref2) {
|
|
12420
12407
|
var size = _ref2.size;
|
|
12421
12408
|
return size;
|
|
12422
12409
|
}, IconWrapper, function (_ref3) {
|
|
12423
|
-
var
|
|
12424
|
-
|
|
12425
|
-
|
|
12426
|
-
var theme = _ref4.theme,
|
|
12427
|
-
hoverColor = _ref4.hoverColor,
|
|
12428
|
-
enableHover = _ref4.enableHover;
|
|
12429
|
-
return enableHover && css(_templateObject4$U || (_templateObject4$U = _taggedTemplateLiteralLoose(["\n &:hover {\n cursor: pointer;\n border-color: ", ";\n color: ", ";\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n "])), theme.colors.icons[hoverColor], theme.colors.icons[hoverColor], IconWrapper, theme.colors.icons[hoverColor]);
|
|
12410
|
+
var hoverColor = _ref3.hoverColor,
|
|
12411
|
+
enableHover = _ref3.enableHover;
|
|
12412
|
+
return enableHover && css(_templateObject4$U || (_templateObject4$U = _taggedTemplateLiteralLoose(["\n &:hover {\n cursor: pointer;\n border-color: var(--", ");\n color: var(--", ");\n ", " {\n [stroke]{\n stroke: var(--", ");\n }\n }\n }\n "])), hoverColor, hoverColor, IconWrapper, hoverColor);
|
|
12430
12413
|
});
|
|
12431
12414
|
|
|
12432
|
-
var Tag = function Tag(
|
|
12433
|
-
var
|
|
12434
|
-
icon =
|
|
12435
|
-
|
|
12436
|
-
size =
|
|
12437
|
-
|
|
12438
|
-
weight =
|
|
12439
|
-
|
|
12440
|
-
label =
|
|
12441
|
-
linkTo =
|
|
12442
|
-
props = _objectWithoutPropertiesLoose(
|
|
12415
|
+
var Tag = function Tag(_ref4) {
|
|
12416
|
+
var _ref4$icon = _ref4.icon,
|
|
12417
|
+
icon = _ref4$icon === void 0 ? '' : _ref4$icon,
|
|
12418
|
+
_ref4$size = _ref4.size,
|
|
12419
|
+
size = _ref4$size === void 0 ? 14 : _ref4$size,
|
|
12420
|
+
_ref4$weight = _ref4.weight,
|
|
12421
|
+
weight = _ref4$weight === void 0 ? 'regular' : _ref4$weight,
|
|
12422
|
+
_ref4$label = _ref4.label,
|
|
12423
|
+
label = _ref4$label === void 0 ? '' : _ref4$label,
|
|
12424
|
+
linkTo = _ref4.linkTo,
|
|
12425
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded$D);
|
|
12443
12426
|
|
|
12444
12427
|
var renderTag = function renderTag() {
|
|
12445
12428
|
return React__default.createElement(TagWrapper, {
|
|
@@ -12559,18 +12542,275 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12559
12542
|
}, finishTextButton))), React__default.createElement(SelectedResults, null, renderSelected(selectedTemplate, totalSelected, totalAvailable)));
|
|
12560
12543
|
};
|
|
12561
12544
|
|
|
12562
|
-
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q;
|
|
12563
|
-
var
|
|
12564
|
-
var
|
|
12545
|
+
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q, _templateObject6$D, _templateObject7$A, _templateObject8$v, _templateObject9$o, _templateObject10$k;
|
|
12546
|
+
var WIDTH_PER_NUMBER = 12;
|
|
12547
|
+
var PaginationContainer = styled.div(_templateObject$1i || (_templateObject$1i = _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"])));
|
|
12548
|
+
var PageLabel = styled.label(_templateObject2$19 || (_templateObject2$19 = _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"])));
|
|
12549
|
+
var StaticPageCount = styled.div(_templateObject3$10 || (_templateObject3$10 = _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"])));
|
|
12550
|
+
var StyledInput$3 = styled.input(_templateObject4$W || (_templateObject4$W = _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) {
|
|
12551
|
+
var textColor = _ref.textColor;
|
|
12552
|
+
return textColor;
|
|
12553
|
+
}, function (_ref2) {
|
|
12554
|
+
var maxWidth = _ref2.maxWidth;
|
|
12555
|
+
return maxWidth ? maxWidth : '40px';
|
|
12556
|
+
}, WIDTH_PER_NUMBER / 2);
|
|
12557
|
+
var shakeAnimation = keyframes(_templateObject5$Q || (_templateObject5$Q = _taggedTemplateLiteralLoose(["\n 0% { transform: translateX(0); }\n 10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }\n 20%, 40%, 60%, 80% { transform: translateX(5px); }\n 100% { transform: translateX(0); }\n"])));
|
|
12558
|
+
var InputContainer$2 = styled.div(_templateObject6$D || (_templateObject6$D = _taggedTemplateLiteralLoose(["\n height: var(--input-height, 40px);\n animation: ", " 150ms 2 linear;\n flex-grow: 0;\n display: flex;\n flex-direction: row;\n justify-content: flex-start;\n align-items: center;\n padding: 0 8px;\n border-radius: 3px;\n box-shadow: 0 2px 1px 0 rgba(0, 102, 255, 0.04);\n ", ";\n"])), function (_ref3) {
|
|
12559
|
+
var shouldShake = _ref3.shouldShake;
|
|
12560
|
+
return shouldShake ? shakeAnimation : 'none';
|
|
12561
|
+
}, function (_ref4) {
|
|
12562
|
+
var borderColor = _ref4.borderColor;
|
|
12563
|
+
return borderColor && "border: 1px solid " + borderColor;
|
|
12564
|
+
});
|
|
12565
|
+
var GoButton = styled(Button)(_templateObject7$A || (_templateObject7$A = _taggedTemplateLiteralLoose(["\n height: 24px;\n padding: 0 8px;\n margin-left: 8px;\n"])));
|
|
12566
|
+
var ArrowWrapper = styled.div(_templateObject8$v || (_templateObject8$v = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0 8px;\n"])));
|
|
12567
|
+
var ArrowButton = styled.button(_templateObject9$o || (_templateObject9$o = _taggedTemplateLiteralLoose(["\n ", ";\n width: 40px;\n height: 40px;\n padding: 12px;\n border-radius: 3px;\n box-shadow: 0 4px 9px 0 rgba(152, 174, 189, 0.07);\n border: solid 1px var(--grey-9);\n background-color: var(grey-2);\n pointer-events: ", ";\n opacity: ", ";\n\n &:focus, &:hover {\n outline: 2px solid #838383;\n }\n"])), resetButtonStyles, function (_ref5) {
|
|
12568
|
+
var active = _ref5.active;
|
|
12569
|
+
return active ? 'auto' : 'none';
|
|
12570
|
+
}, function (_ref6) {
|
|
12571
|
+
var active = _ref6.active;
|
|
12572
|
+
return active ? '1' : '0.5';
|
|
12573
|
+
});
|
|
12574
|
+
var ItemsSelectWrapper = styled.div(_templateObject10$k || (_templateObject10$k = _taggedTemplateLiteralLoose(["\n ", " {\n width: ", ";\n }\n margin-right: 35px;\n\n ", " {\n margin-bottom: 0;\n }\n"])), SelectWrapper, function (_ref7) {
|
|
12575
|
+
var width = _ref7.width;
|
|
12576
|
+
return width ? width : "60px";
|
|
12577
|
+
}, StyledLabel);
|
|
12578
|
+
|
|
12579
|
+
var Pagination = function Pagination(props) {
|
|
12580
|
+
var _props$pageText = props.pageText,
|
|
12581
|
+
pageText = _props$pageText === void 0 ? 'Page:' : _props$pageText,
|
|
12582
|
+
_props$totalPages = props.totalPages,
|
|
12583
|
+
totalPages = _props$totalPages === void 0 ? 199 : _props$totalPages,
|
|
12584
|
+
_props$activePage = props.activePage,
|
|
12585
|
+
activePage = _props$activePage === void 0 ? 1 : _props$activePage,
|
|
12586
|
+
_props$buttonText = props.buttonText,
|
|
12587
|
+
buttonText = _props$buttonText === void 0 ? 'GO' : _props$buttonText,
|
|
12588
|
+
_props$itemsText = props.itemsText,
|
|
12589
|
+
itemsText = _props$itemsText === void 0 ? 'Items Per Page' : _props$itemsText,
|
|
12590
|
+
_props$selectWidth = props.selectWidth,
|
|
12591
|
+
selectWidth = _props$selectWidth === void 0 ? '60px' : _props$selectWidth,
|
|
12592
|
+
_props$selectDisabled = props.selectDisabled,
|
|
12593
|
+
selectDisabled = _props$selectDisabled === void 0 ? false : _props$selectDisabled,
|
|
12594
|
+
_props$itemsOptions = props.itemsOptions,
|
|
12595
|
+
itemsOptions = _props$itemsOptions === void 0 ? [] : _props$itemsOptions,
|
|
12596
|
+
onPageChange = props.onPageChange,
|
|
12597
|
+
onItemsChange = props.onItemsChange;
|
|
12598
|
+
|
|
12599
|
+
var _useState = useState('default'),
|
|
12600
|
+
fieldState = _useState[0],
|
|
12601
|
+
setFieldState = _useState[1];
|
|
12602
|
+
|
|
12603
|
+
var _useState2 = useState(activePage.toString()),
|
|
12604
|
+
pageValue = _useState2[0],
|
|
12605
|
+
setPageValue = _useState2[1];
|
|
12606
|
+
|
|
12607
|
+
var _useState3 = useState(parseInt(pageValue) > totalPages && fieldState !== '' ? false : true),
|
|
12608
|
+
disableGo = _useState3[0],
|
|
12609
|
+
setDisabledGo = _useState3[1];
|
|
12610
|
+
|
|
12611
|
+
var _useState4 = useState(false),
|
|
12612
|
+
shouldShake = _useState4[0],
|
|
12613
|
+
setShouldShake = _useState4[1];
|
|
12614
|
+
|
|
12615
|
+
var inputRef = useRef(null);
|
|
12616
|
+
var getValidWidth = useCallback(function () {
|
|
12617
|
+
return totalPages.toString().length * WIDTH_PER_NUMBER + WIDTH_PER_NUMBER / 2 + "px";
|
|
12618
|
+
}, [totalPages]);
|
|
12619
|
+
var isValidInput = useCallback(function (value) {
|
|
12620
|
+
if (isNotNumber(value)) {
|
|
12621
|
+
return false;
|
|
12622
|
+
}
|
|
12623
|
+
|
|
12624
|
+
if (parseInt(value) > totalPages) {
|
|
12625
|
+
return false;
|
|
12626
|
+
}
|
|
12627
|
+
|
|
12628
|
+
if (parseInt(value) <= 0) {
|
|
12629
|
+
return false;
|
|
12630
|
+
}
|
|
12631
|
+
|
|
12632
|
+
if (value === '') {
|
|
12633
|
+
return false;
|
|
12634
|
+
}
|
|
12635
|
+
|
|
12636
|
+
return true;
|
|
12637
|
+
}, [totalPages]);
|
|
12638
|
+
var onInputChange = useCallback(function (_ref8) {
|
|
12639
|
+
var value = _ref8.target.value;
|
|
12640
|
+
setShouldShake(false);
|
|
12641
|
+
|
|
12642
|
+
if (isNotNumber(value)) {
|
|
12643
|
+
return;
|
|
12644
|
+
}
|
|
12645
|
+
|
|
12646
|
+
var validDigitValue = value === '' ? '' : Number(value.slice(-totalPages.toString().length)).toString();
|
|
12647
|
+
setPageValue(validDigitValue);
|
|
12648
|
+
|
|
12649
|
+
if (isValidInput(validDigitValue)) {
|
|
12650
|
+
setFieldState('processing');
|
|
12651
|
+
setDisabledGo(false);
|
|
12652
|
+
} else {
|
|
12653
|
+
setFieldState('invalid');
|
|
12654
|
+
setDisabledGo(true);
|
|
12655
|
+
setShouldShake(true);
|
|
12656
|
+
}
|
|
12657
|
+
}, [isValidInput, totalPages]);
|
|
12658
|
+
|
|
12659
|
+
var _onBlur = useCallback(function (_ref9) {
|
|
12660
|
+
var value = _ref9.target.value;
|
|
12661
|
+
|
|
12662
|
+
if (value === '') {
|
|
12663
|
+
setPageValue(activePage.toString());
|
|
12664
|
+
} else if (isValidInput(value) && parseInt(value) !== activePage) {
|
|
12665
|
+
setDisabledGo(false);
|
|
12666
|
+
setFieldState('processing');
|
|
12667
|
+
return;
|
|
12668
|
+
} else if (!isValidInput(value)) {
|
|
12669
|
+
setFieldState('invalid');
|
|
12670
|
+
setDisabledGo(true);
|
|
12671
|
+
return;
|
|
12672
|
+
}
|
|
12673
|
+
|
|
12674
|
+
setFieldState('default');
|
|
12675
|
+
}, [activePage, isValidInput]);
|
|
12676
|
+
|
|
12677
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
12678
|
+
if (event.key === 'Enter' && isValidInput(pageValue)) {
|
|
12679
|
+
onClickGo();
|
|
12680
|
+
}
|
|
12681
|
+
};
|
|
12682
|
+
|
|
12683
|
+
var _onFocus = function onFocus(_ref10) {
|
|
12684
|
+
var value = _ref10.target.value;
|
|
12685
|
+
|
|
12686
|
+
if (isValidInput(value)) {
|
|
12687
|
+
setFieldState('processing');
|
|
12688
|
+
} else {
|
|
12689
|
+
setFieldState('invalid');
|
|
12690
|
+
setDisabledGo(true);
|
|
12691
|
+
}
|
|
12692
|
+
};
|
|
12693
|
+
|
|
12694
|
+
var getStateColor = useCallback(function (state) {
|
|
12695
|
+
switch (state) {
|
|
12696
|
+
case 'processing':
|
|
12697
|
+
return 'var(--primary-7)';
|
|
12698
|
+
|
|
12699
|
+
case 'invalid':
|
|
12700
|
+
return 'var(--warning-8)';
|
|
12701
|
+
|
|
12702
|
+
case 'default':
|
|
12703
|
+
default:
|
|
12704
|
+
return 'var(--grey-9)';
|
|
12705
|
+
}
|
|
12706
|
+
}, []);
|
|
12707
|
+
var onClickGo = useCallback(function () {
|
|
12708
|
+
onPageChange(parseInt(pageValue));
|
|
12709
|
+
inputRef.current && inputRef.current.blur();
|
|
12710
|
+
setDisabledGo(true);
|
|
12711
|
+
setFieldState('default');
|
|
12712
|
+
}, [onPageChange, pageValue]);
|
|
12713
|
+
|
|
12714
|
+
var handlePageChange = function handlePageChange(value) {
|
|
12715
|
+
onPageChange(value);
|
|
12716
|
+
setPageValue(value.toString());
|
|
12717
|
+
};
|
|
12718
|
+
|
|
12719
|
+
var onItemsSelectChange = useCallback(function (value) {
|
|
12720
|
+
onItemsChange(Number(value));
|
|
12721
|
+
}, [onItemsChange]);
|
|
12722
|
+
|
|
12723
|
+
var handlePaste = function handlePaste(e) {
|
|
12724
|
+
var clipboardData = e.clipboardData || window.clipboardData;
|
|
12725
|
+
var pastedText = clipboardData.getData('text');
|
|
12726
|
+
|
|
12727
|
+
if (!/^\d+$/.test(pastedText)) {
|
|
12728
|
+
e.preventDefault();
|
|
12729
|
+
}
|
|
12730
|
+
};
|
|
12731
|
+
|
|
12732
|
+
return React__default.createElement(PaginationContainer, null, React__default.createElement(ItemsSelectWrapper, {
|
|
12733
|
+
width: selectWidth
|
|
12734
|
+
}, React__default.createElement(SelectField, {
|
|
12735
|
+
disabled: selectDisabled,
|
|
12736
|
+
label: {
|
|
12737
|
+
htmlFor: 'paginationPages',
|
|
12738
|
+
text: itemsText,
|
|
12739
|
+
isSameRow: true
|
|
12740
|
+
},
|
|
12741
|
+
defaultValue: 1,
|
|
12742
|
+
changeCallback: onItemsSelectChange
|
|
12743
|
+
}, React__default.createElement(Fragment, null, itemsOptions.map(function (_ref11, index) {
|
|
12744
|
+
var value = _ref11.value,
|
|
12745
|
+
textValue = _ref11.textValue;
|
|
12746
|
+
return React__default.createElement("option", {
|
|
12747
|
+
key: index,
|
|
12748
|
+
value: value
|
|
12749
|
+
}, textValue);
|
|
12750
|
+
})))), React__default.createElement(PageLabel, {
|
|
12751
|
+
htmlFor: 'goButton'
|
|
12752
|
+
}, pageText), React__default.createElement(InputContainer$2, {
|
|
12753
|
+
borderColor: getStateColor(fieldState),
|
|
12754
|
+
shouldShake: shouldShake
|
|
12755
|
+
}, React__default.createElement(StyledInput$3, {
|
|
12756
|
+
ref: inputRef,
|
|
12757
|
+
value: pageValue,
|
|
12758
|
+
onChange: function onChange(e) {
|
|
12759
|
+
return onInputChange(e);
|
|
12760
|
+
},
|
|
12761
|
+
textColor: getStateColor(fieldState),
|
|
12762
|
+
onFocus: function onFocus(e) {
|
|
12763
|
+
return _onFocus(e);
|
|
12764
|
+
},
|
|
12765
|
+
onBlur: function onBlur(e) {
|
|
12766
|
+
return _onBlur(e);
|
|
12767
|
+
},
|
|
12768
|
+
onPaste: function onPaste(e) {
|
|
12769
|
+
return handlePaste(e);
|
|
12770
|
+
},
|
|
12771
|
+
onKeyDown: handleKeyDown,
|
|
12772
|
+
maxWidth: getValidWidth()
|
|
12773
|
+
}), React__default.createElement(StaticPageCount, null, '/' + "\xA0" + totalPages.toString()), React__default.createElement(GoButton, {
|
|
12774
|
+
id: 'goButton',
|
|
12775
|
+
size: 'small',
|
|
12776
|
+
design: 'primary',
|
|
12777
|
+
disabled: disableGo,
|
|
12778
|
+
onClick: onClickGo
|
|
12779
|
+
}, buttonText)), React__default.createElement(ArrowWrapper, null, React__default.createElement(ArrowButton, {
|
|
12780
|
+
onClick: function onClick() {
|
|
12781
|
+
return handlePageChange(activePage - 1);
|
|
12782
|
+
},
|
|
12783
|
+
disabled: activePage <= 1,
|
|
12784
|
+
active: fieldState === 'default' && activePage > 1
|
|
12785
|
+
}, React__default.createElement(Icon, {
|
|
12786
|
+
icon: 'Left',
|
|
12787
|
+
color: 'dimmed',
|
|
12788
|
+
size: 8
|
|
12789
|
+
})), React__default.createElement(ArrowButton, {
|
|
12790
|
+
onClick: function onClick() {
|
|
12791
|
+
return handlePageChange(activePage + 1);
|
|
12792
|
+
},
|
|
12793
|
+
disabled: activePage >= totalPages,
|
|
12794
|
+
active: fieldState === 'default' && activePage < totalPages
|
|
12795
|
+
}, React__default.createElement(Icon, {
|
|
12796
|
+
icon: 'Right',
|
|
12797
|
+
color: 'dimmed',
|
|
12798
|
+
size: 8
|
|
12799
|
+
}))));
|
|
12800
|
+
};
|
|
12801
|
+
|
|
12802
|
+
var _templateObject$1j, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R;
|
|
12803
|
+
var Container$T = styled.div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose([""])));
|
|
12804
|
+
var Title$7 = styled.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12565
12805
|
var typography = _ref.theme.typography;
|
|
12566
12806
|
return typography.modal.title;
|
|
12567
12807
|
});
|
|
12568
|
-
var MessageBox$1 = styled.div(_templateObject3$
|
|
12808
|
+
var MessageBox$1 = styled.div(_templateObject3$11 || (_templateObject3$11 = _taggedTemplateLiteralLoose(["\n ", ";\n margin: 28px 0;\n"])), function (_ref2) {
|
|
12569
12809
|
var typography = _ref2.theme.typography;
|
|
12570
12810
|
return typography.modal.basicContent;
|
|
12571
12811
|
});
|
|
12572
|
-
var StyledButton$6 = styled(Button)(_templateObject4$
|
|
12573
|
-
var ButtonsGroup$1 = styled.div(_templateObject5$
|
|
12812
|
+
var StyledButton$6 = styled(Button)(_templateObject4$X || (_templateObject4$X = _taggedTemplateLiteralLoose(["\n margin-left: 10px;\n"])));
|
|
12813
|
+
var ButtonsGroup$1 = styled.div(_templateObject5$R || (_templateObject5$R = _taggedTemplateLiteralLoose(["\n text-align: right;\n"])));
|
|
12574
12814
|
|
|
12575
12815
|
var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
12576
12816
|
var _ref3$title = _ref3.title,
|
|
@@ -12612,24 +12852,24 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
12612
12852
|
}, rightButtonText)));
|
|
12613
12853
|
};
|
|
12614
12854
|
|
|
12615
|
-
var _templateObject$
|
|
12855
|
+
var _templateObject$1k, _templateObject2$1b, _templateObject3$12, _templateObject4$Y, _templateObject5$S, _templateObject6$E;
|
|
12616
12856
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
12617
12857
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
12618
|
-
var Layout = styled.div(_templateObject$
|
|
12858
|
+
var Layout = styled.div(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n height: 100%;\n ", ";\n"])), function (_ref) {
|
|
12619
12859
|
var theme = _ref.theme;
|
|
12620
12860
|
return theme.styles.global.background;
|
|
12621
12861
|
});
|
|
12622
|
-
var MobileLayout = styled.div(_templateObject2$
|
|
12623
|
-
var Content = styled.div(_templateObject3$
|
|
12862
|
+
var MobileLayout = styled.div(_templateObject2$1b || (_templateObject2$1b = _taggedTemplateLiteralLoose([""])));
|
|
12863
|
+
var Content = styled.div(_templateObject3$12 || (_templateObject3$12 = _taggedTemplateLiteralLoose(["\n padding: ", ";\n flex: 1;\n overflow: auto;\n\n & > div {\n max-width: 1400px;\n }\n\n ", "\n"])), function (_ref2) {
|
|
12624
12864
|
var _ref2$padBottom = _ref2.padBottom,
|
|
12625
12865
|
padBottom = _ref2$padBottom === void 0 ? true : _ref2$padBottom;
|
|
12626
12866
|
return padBottom ? '70px 90px' : '70px 90px 0';
|
|
12627
12867
|
}, function (_ref3) {
|
|
12628
12868
|
var maxWidth = _ref3.maxWidth;
|
|
12629
|
-
return maxWidth && css(_templateObject4$
|
|
12869
|
+
return maxWidth && css(_templateObject4$Y || (_templateObject4$Y = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
12630
12870
|
});
|
|
12631
|
-
var MainContainer = styled.div(_templateObject5$
|
|
12632
|
-
var ContentArea = styled.div(_templateObject6$
|
|
12871
|
+
var MainContainer = styled.div(_templateObject5$S || (_templateObject5$S = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
12872
|
+
var ContentArea = styled.div(_templateObject6$E || (_templateObject6$E = _taggedTemplateLiteralLoose(["\n flex: 1;\n width: 100%;\n padding: ", ";\n margin-left: auto;\n margin-right: auto;\n\n @media ", " {\n padding: ", ";\n }\n\n @media ", " {\n max-width: ", ";\n padding: ", ";\n }\n"])), function (_ref4) {
|
|
12633
12873
|
var paddingOverride = _ref4.paddingOverride;
|
|
12634
12874
|
return paddingOverride ? paddingOverride : '40px 20px';
|
|
12635
12875
|
}, deviceMediaQuery.medium, function (_ref5) {
|
|
@@ -12643,26 +12883,26 @@ var ContentArea = styled.div(_templateObject6$D || (_templateObject6$D = _tagged
|
|
|
12643
12883
|
return paddingOverride ? paddingOverride : '70px 90px';
|
|
12644
12884
|
});
|
|
12645
12885
|
|
|
12646
|
-
var _templateObject$
|
|
12647
|
-
var ContextTitle = styled.div(_templateObject$
|
|
12886
|
+
var _templateObject$1l, _templateObject2$1c, _templateObject3$13, _templateObject4$Z, _templateObject5$T, _templateObject6$F, _templateObject7$B, _templateObject8$w, _templateObject9$p, _templateObject10$l, _templateObject11$d, _templateObject12$a, _templateObject13$9, _templateObject14$7, _templateObject15$5, _templateObject16$5, _templateObject17$5, _templateObject18$3, _templateObject19$3, _templateObject20$3, _templateObject21$3;
|
|
12887
|
+
var ContextTitle = styled.div(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
12648
12888
|
var theme = _ref.theme;
|
|
12649
|
-
return css(_templateObject2$
|
|
12889
|
+
return css(_templateObject2$1c || (_templateObject2$1c = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12650
12890
|
}, function (_ref2) {
|
|
12651
12891
|
var compact = _ref2.compact;
|
|
12652
|
-
return compact && css(_templateObject3$
|
|
12892
|
+
return compact && css(_templateObject3$13 || (_templateObject3$13 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
12653
12893
|
});
|
|
12654
|
-
var ContextIcon$1 = styled.div(_templateObject4$
|
|
12894
|
+
var ContextIcon$1 = styled.div(_templateObject4$Z || (_templateObject4$Z = _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) {
|
|
12655
12895
|
var theme = _ref3.theme;
|
|
12656
|
-
return css(_templateObject5$
|
|
12896
|
+
return css(_templateObject5$T || (_templateObject5$T = _taggedTemplateLiteralLoose(["\n ", ";\n transition: background ", " ", ";\n "])), theme.styles.global.mainMenu.iconBackground["default"], theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12657
12897
|
});
|
|
12658
|
-
var ContextIndicator = styled.div(_templateObject6$
|
|
12898
|
+
var ContextIndicator = styled.div(_templateObject6$F || (_templateObject6$F = _taggedTemplateLiteralLoose(["\n width: 12px;\n height: 12px;\n flex: 0 0 14px;\n margin: 0 20px 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n\n svg {\n display: block;\n height: 12px;\n width: 12px;\n }\n\n opacity: 0;\n\n ", "\n\n"])), function (_ref4) {
|
|
12659
12899
|
var theme = _ref4.theme;
|
|
12660
|
-
return css(_templateObject7$
|
|
12900
|
+
return css(_templateObject7$B || (_templateObject7$B = _taggedTemplateLiteralLoose(["\n transition: opacity 0 ", ";\n "])), theme.animation.easing.primary.easeInOut);
|
|
12661
12901
|
});
|
|
12662
|
-
var ContextActionBaseCSS$1 = css(_templateObject8$
|
|
12663
|
-
var StyledAnchor = styled.a(_templateObject9$
|
|
12664
|
-
var ExternalIconWrapper = styled.div(_templateObject10$
|
|
12665
|
-
var ContextWrapper = styled.div(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke:
|
|
12902
|
+
var ContextActionBaseCSS$1 = css(_templateObject8$w || (_templateObject8$w = _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 width: 100%;\n outline: none;\n padding: 0;\n text-decoration: none;\n"])));
|
|
12903
|
+
var StyledAnchor = styled.a(_templateObject9$p || (_templateObject9$p = _taggedTemplateLiteralLoose(["\n display: flex;\n text-decoration: none;\n"])));
|
|
12904
|
+
var ExternalIconWrapper = styled.div(_templateObject10$l || (_templateObject10$l = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
12905
|
+
var ContextWrapper = styled.div(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n"])), ContextActionBaseCSS$1, function (_ref5) {
|
|
12666
12906
|
var theme = _ref5.theme;
|
|
12667
12907
|
return theme && css(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12668
12908
|
}, function (_ref6) {
|
|
@@ -12671,64 +12911,55 @@ var ContextWrapper = styled.div(_templateObject11$d || (_templateObject11$d = _t
|
|
|
12671
12911
|
}, ContextIcon$1, function (_ref7) {
|
|
12672
12912
|
var theme = _ref7.theme;
|
|
12673
12913
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12674
|
-
}, IconWrapper
|
|
12914
|
+
}, IconWrapper);
|
|
12915
|
+
var ContextActionA = styled(Link)(_templateObject14$7 || (_templateObject14$7 = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n\n ", "\n"])), ContextActionBaseCSS$1, function (_ref8) {
|
|
12675
12916
|
var theme = _ref8.theme;
|
|
12676
|
-
return theme.colors.icons['inverse'];
|
|
12677
|
-
});
|
|
12678
|
-
var ContextActionA = styled(Link)(_templateObject14$7 || (_templateObject14$7 = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: ", ";\n }\n }\n }\n\n ", "\n"])), ContextActionBaseCSS$1, function (_ref9) {
|
|
12679
|
-
var theme = _ref9.theme;
|
|
12680
12917
|
return theme && css(_templateObject15$5 || (_templateObject15$5 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12681
|
-
}, function (
|
|
12682
|
-
var $menuOpen =
|
|
12918
|
+
}, function (_ref9) {
|
|
12919
|
+
var $menuOpen = _ref9.$menuOpen;
|
|
12683
12920
|
return $menuOpen && css(_templateObject16$5 || (_templateObject16$5 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n "])), ContextTitle);
|
|
12684
|
-
}, ContextIcon$1, function (
|
|
12685
|
-
var theme =
|
|
12921
|
+
}, ContextIcon$1, function (_ref10) {
|
|
12922
|
+
var theme = _ref10.theme;
|
|
12686
12923
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12687
|
-
}, IconWrapper, function (
|
|
12688
|
-
var
|
|
12689
|
-
return
|
|
12690
|
-
|
|
12691
|
-
var $isActive = _ref13.$isActive;
|
|
12692
|
-
return $isActive && css(_templateObject17$5 || (_templateObject17$5 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref14) {
|
|
12693
|
-
var theme = _ref14.theme;
|
|
12924
|
+
}, IconWrapper, function (_ref11) {
|
|
12925
|
+
var $isActive = _ref11.$isActive;
|
|
12926
|
+
return $isActive && css(_templateObject17$5 || (_templateObject17$5 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref12) {
|
|
12927
|
+
var theme = _ref12.theme;
|
|
12694
12928
|
return theme.styles.global.mainMenu.iconBackground.active;
|
|
12695
12929
|
});
|
|
12696
12930
|
});
|
|
12697
|
-
var ContextActionButton$1 = styled.button(_templateObject18$3 || (_templateObject18$3 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke:
|
|
12698
|
-
var theme =
|
|
12931
|
+
var ContextActionButton$1 = styled.button(_templateObject18$3 || (_templateObject18$3 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: var(--inverse);\n }\n }\n }\n\n ", "\n"])), ContextActionBaseCSS$1, function (_ref13) {
|
|
12932
|
+
var theme = _ref13.theme;
|
|
12699
12933
|
return theme && css(_templateObject19$3 || (_templateObject19$3 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12700
|
-
}, function (
|
|
12701
|
-
var menuOpen =
|
|
12702
|
-
theme =
|
|
12934
|
+
}, function (_ref14) {
|
|
12935
|
+
var menuOpen = _ref14.menuOpen,
|
|
12936
|
+
theme = _ref14.theme;
|
|
12703
12937
|
return menuOpen && css(_templateObject20$3 || (_templateObject20$3 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n\n ", "{\n opacity: 1;\n transition: opacity ", " ", " ", ";\n }\n "])), ContextTitle, ContextIndicator, theme.animation.speed.normal, theme.animation.easing.primary.easeInOut, theme.animation.speed.fast);
|
|
12704
|
-
}, ContextIcon$1, function (
|
|
12705
|
-
var theme =
|
|
12938
|
+
}, ContextIcon$1, function (_ref15) {
|
|
12939
|
+
var theme = _ref15.theme;
|
|
12706
12940
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12707
|
-
}, IconWrapper, function (
|
|
12708
|
-
var
|
|
12709
|
-
return
|
|
12710
|
-
|
|
12711
|
-
var isActive = _ref19.isActive;
|
|
12712
|
-
return isActive && css(_templateObject21$3 || (_templateObject21$3 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref20) {
|
|
12713
|
-
var theme = _ref20.theme;
|
|
12941
|
+
}, IconWrapper, function (_ref16) {
|
|
12942
|
+
var isActive = _ref16.isActive;
|
|
12943
|
+
return isActive && css(_templateObject21$3 || (_templateObject21$3 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref17) {
|
|
12944
|
+
var theme = _ref17.theme;
|
|
12714
12945
|
return theme.styles.global.mainMenu.iconBackground.active;
|
|
12715
12946
|
});
|
|
12716
12947
|
});
|
|
12717
12948
|
|
|
12718
|
-
var ContextItem = function ContextItem(
|
|
12719
|
-
var
|
|
12720
|
-
hasSubmenu =
|
|
12721
|
-
|
|
12722
|
-
contextKey =
|
|
12723
|
-
submenuOpen =
|
|
12724
|
-
menuOpen =
|
|
12725
|
-
title =
|
|
12726
|
-
href =
|
|
12727
|
-
icon =
|
|
12728
|
-
compact =
|
|
12729
|
-
isActive =
|
|
12730
|
-
isExternalLink =
|
|
12731
|
-
onClickCallback =
|
|
12949
|
+
var ContextItem = function ContextItem(_ref18) {
|
|
12950
|
+
var _ref18$hasSubmenu = _ref18.hasSubmenu,
|
|
12951
|
+
hasSubmenu = _ref18$hasSubmenu === void 0 ? false : _ref18$hasSubmenu,
|
|
12952
|
+
_ref18$contextKey = _ref18.contextKey,
|
|
12953
|
+
contextKey = _ref18$contextKey === void 0 ? -1 : _ref18$contextKey,
|
|
12954
|
+
submenuOpen = _ref18.submenuOpen,
|
|
12955
|
+
menuOpen = _ref18.menuOpen,
|
|
12956
|
+
title = _ref18.title,
|
|
12957
|
+
href = _ref18.href,
|
|
12958
|
+
icon = _ref18.icon,
|
|
12959
|
+
compact = _ref18.compact,
|
|
12960
|
+
isActive = _ref18.isActive,
|
|
12961
|
+
isExternalLink = _ref18.isExternalLink,
|
|
12962
|
+
onClickCallback = _ref18.onClickCallback;
|
|
12732
12963
|
var internal = React__default.createElement(React__default.Fragment, null, React__default.createElement(ContextIcon$1, Object.assign({}, {
|
|
12733
12964
|
compact: compact
|
|
12734
12965
|
}), React__default.createElement(Icon, {
|
|
@@ -12905,23 +13136,23 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
12905
13136
|
};
|
|
12906
13137
|
};
|
|
12907
13138
|
|
|
12908
|
-
var _templateObject$
|
|
12909
|
-
var Submenu = styled.ul(_templateObject$
|
|
12910
|
-
var SubmenuHeader = styled.div(_templateObject2$
|
|
12911
|
-
var SubmenuItemTitle = styled.span(_templateObject3$
|
|
13139
|
+
var _templateObject$1m, _templateObject2$1d, _templateObject3$14, _templateObject4$_, _templateObject5$U, _templateObject6$G, _templateObject7$C, _templateObject8$x, _templateObject9$q, _templateObject10$m, _templateObject11$e, _templateObject12$b, _templateObject13$a, _templateObject14$8, _templateObject15$6;
|
|
13140
|
+
var Submenu = styled.ul(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13141
|
+
var SubmenuHeader = styled.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13142
|
+
var SubmenuItemTitle = styled.span(_templateObject3$14 || (_templateObject3$14 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
12912
13143
|
var theme = _ref.theme;
|
|
12913
|
-
return theme && css(_templateObject4$
|
|
13144
|
+
return theme && css(_templateObject4$_ || (_templateObject4$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
12914
13145
|
});
|
|
12915
|
-
var SubmenuItemLink = styled(Link)(_templateObject5$
|
|
12916
|
-
var ExternalIconWrapper$1 = styled.div(_templateObject6$
|
|
12917
|
-
var SubmenuItemAnchor = styled.a(_templateObject7$
|
|
12918
|
-
var SubmenuItem = styled.li(_templateObject8$
|
|
13146
|
+
var SubmenuItemLink = styled(Link)(_templateObject5$U || (_templateObject5$U = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13147
|
+
var ExternalIconWrapper$1 = styled.div(_templateObject6$G || (_templateObject6$G = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13148
|
+
var SubmenuItemAnchor = styled.a(_templateObject7$C || (_templateObject7$C = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
13149
|
+
var SubmenuItem = styled.li(_templateObject8$x || (_templateObject8$x = _taggedTemplateLiteralLoose(["\n display: block;\n height: 30px;\n padding-left: 40px;\n position: relative;\n\n &::after {\n display: block;\n content: '';\n height: 1px;\n width: 14px;\n position: absolute;\n left: 0;\n top: 10px;\n background: ", ";\n }\n\n ", ", ", "{\n\n ", ";\n\n\n\n }\n"])), function (_ref2) {
|
|
12919
13150
|
var colors = _ref2.theme.colors;
|
|
12920
13151
|
return colors.divider;
|
|
12921
13152
|
}, SubmenuItemLink, SubmenuItemAnchor, function (_ref3) {
|
|
12922
13153
|
var theme = _ref3.theme,
|
|
12923
13154
|
isActive = _ref3.isActive;
|
|
12924
|
-
return theme && css(_templateObject9$
|
|
13155
|
+
return theme && css(_templateObject9$q || (_templateObject9$q = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n\n &:hover {\n ", ";\n }\n\n ", "\n\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subItem["default"], theme.typography.global.mainMenu.subItem.hover, isActive && css(_templateObject10$m || (_templateObject10$m = _taggedTemplateLiteralLoose(["\n &, &:hover {\n ", ";\n }\n "])), theme.typography.global.mainMenu.subItem.active));
|
|
12925
13156
|
});
|
|
12926
13157
|
var SubmenuContainer = styled.div(_templateObject11$e || (_templateObject11$e = _taggedTemplateLiteralLoose(["\n ", ";\n\n position: relative;\n overflow: hidden;\n\n &::after {\n display: block;\n content: '';\n width: 1px;\n position: absolute;\n left: 40px;\n top: 0;\n bottom: 35px;\n background: ", ";\n }\n\n"])), function (_ref4) {
|
|
12927
13158
|
var theme = _ref4.theme;
|
|
@@ -13052,19 +13283,19 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
13052
13283
|
return output;
|
|
13053
13284
|
};
|
|
13054
13285
|
|
|
13055
|
-
var _templateObject$
|
|
13056
|
-
var Logo = styled(Link)(_templateObject$
|
|
13057
|
-
var LogoMark = styled.div(_templateObject2$
|
|
13058
|
-
var LogoType = styled.div(_templateObject3$
|
|
13059
|
-
var SVGObject = styled.object(_templateObject4
|
|
13060
|
-
var SVGObjectText = styled.object(_templateObject5$
|
|
13061
|
-
var NavigationContainer = styled.div(_templateObject6$
|
|
13062
|
-
var MenuFooter = styled.div(_templateObject7$
|
|
13286
|
+
var _templateObject$1n, _templateObject2$1e, _templateObject3$15, _templateObject4$$, _templateObject5$V, _templateObject6$H, _templateObject7$D, _templateObject8$y, _templateObject9$r, _templateObject10$n, _templateObject11$f, _templateObject12$c, _templateObject13$b, _templateObject14$9, _templateObject15$7;
|
|
13287
|
+
var Logo = styled(Link)(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteralLoose(["\n height: 50px;\n margin: 0 20px 55px 15px;\n display: flex;\n\n object {\n pointer-events: none;\n }\n"])));
|
|
13288
|
+
var LogoMark = styled.div(_templateObject2$1e || (_templateObject2$1e = _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"])));
|
|
13289
|
+
var LogoType = styled.div(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n flex: 1;\n height: 50px;\n display: flex;\n justify-content: left;\n align-items: center;\n"])));
|
|
13290
|
+
var SVGObject = styled.object(_templateObject4$$ || (_templateObject4$$ = _taggedTemplateLiteralLoose([""])));
|
|
13291
|
+
var SVGObjectText = styled.object(_templateObject5$V || (_templateObject5$V = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
13292
|
+
var NavigationContainer = styled.div(_templateObject6$H || (_templateObject6$H = _taggedTemplateLiteralLoose([""])));
|
|
13293
|
+
var MenuFooter = styled.div(_templateObject7$D || (_templateObject7$D = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-direction: column;\n flex: 1;\n justify-content: flex-end;\n"])), function (_ref) {
|
|
13063
13294
|
var theme = _ref.theme;
|
|
13064
|
-
return theme && css(_templateObject8$
|
|
13295
|
+
return theme && css(_templateObject8$y || (_templateObject8$y = _taggedTemplateLiteralLoose(["\n ", "\n "])), theme.styles.global.mainMenu.footerBackground);
|
|
13065
13296
|
});
|
|
13066
|
-
var FooterItemContainer = styled.div(_templateObject9$
|
|
13067
|
-
var PushContainer = styled.div(_templateObject10$
|
|
13297
|
+
var FooterItemContainer = styled.div(_templateObject9$r || (_templateObject9$r = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
13298
|
+
var PushContainer = styled.div(_templateObject10$n || (_templateObject10$n = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref2) {
|
|
13068
13299
|
var theme = _ref2.theme,
|
|
13069
13300
|
isPinned = _ref2.isPinned;
|
|
13070
13301
|
return theme && css(_templateObject11$f || (_templateObject11$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), isPinned ? theme.dimensions.global.mainMenu.width.open : theme.dimensions.global.mainMenu.width.closed);
|
|
@@ -13197,22 +13428,22 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13197
13428
|
})) : null))), document.body));
|
|
13198
13429
|
};
|
|
13199
13430
|
|
|
13200
|
-
var _templateObject$
|
|
13201
|
-
var MetaConatiner = styled.div(_templateObject$
|
|
13202
|
-
var LabelTitle = styled.div(_templateObject2$
|
|
13431
|
+
var _templateObject$1o, _templateObject2$1f, _templateObject3$16, _templateObject4$10, _templateObject5$W, _templateObject6$I, _templateObject7$E, _templateObject8$z, _templateObject9$s, _templateObject10$o, _templateObject11$g;
|
|
13432
|
+
var MetaConatiner = styled.div(_templateObject$1o || (_templateObject$1o = _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"])));
|
|
13433
|
+
var LabelTitle = styled.div(_templateObject2$1f || (_templateObject2$1f = _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) {
|
|
13203
13434
|
var theme = _ref.theme;
|
|
13204
13435
|
return theme.fontFamily.ui;
|
|
13205
13436
|
});
|
|
13206
|
-
var LabelContent = styled.div(_templateObject3$
|
|
13207
|
-
var LabelNotes = styled.div(_templateObject4
|
|
13437
|
+
var LabelContent = styled.div(_templateObject3$16 || (_templateObject3$16 = _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"])));
|
|
13438
|
+
var LabelNotes = styled.div(_templateObject4$10 || (_templateObject4$10 = _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) {
|
|
13208
13439
|
var theme = _ref2.theme;
|
|
13209
|
-
return theme && css(_templateObject5$
|
|
13440
|
+
return theme && css(_templateObject5$W || (_templateObject5$W = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
13210
13441
|
});
|
|
13211
|
-
var TitleContainer = styled.div(_templateObject6$
|
|
13212
|
-
var Container$V = styled.div(_templateObject7$
|
|
13213
|
-
var TitleBox = styled.div(_templateObject8$
|
|
13214
|
-
var IconBox = styled.div(_templateObject9$
|
|
13215
|
-
var CopyTextBox = styled.pre(_templateObject10$
|
|
13442
|
+
var TitleContainer = styled.div(_templateObject6$I || (_templateObject6$I = _taggedTemplateLiteralLoose(["\n display: flex;\n gap:6px;\n flex-direction: row;\n align-items: center;\n margin-left: 10px;\n margin: 3px 0 5px 10px;\n"])));
|
|
13443
|
+
var Container$V = styled.div(_templateObject7$E || (_templateObject7$E = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
13444
|
+
var TitleBox = styled.div(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13445
|
+
var IconBox = styled.div(_templateObject9$s || (_templateObject9$s = _taggedTemplateLiteralLoose(["\n padding: 1px 5px 0 0;\n opacity: 0;\n ", ":hover & {\n opacity: 1;\n cursor: pointer;\n }\n"])), Container$V);
|
|
13446
|
+
var CopyTextBox = styled.pre(_templateObject10$o || (_templateObject10$o = _taggedTemplateLiteralLoose(["\n padding: 5px;\n font-size: 10px;\n line-height: 1.2;\n box-shadow: 2px 2px 4px (195deg 16% 72% / 72%);\n border: 1px solid var(--grey-8);\n background-color: var(--grey-2);\n border-radius: 5px;\n opacity: 0.76;\n font-weight: 500;\n color: var(--grey-11);\n position: absolute;\n max-width: 170px;\n white-space: pre-wrap;\n font-family: ", ";\n right:10px;\n margin-top: -23px;\n"])), function (_ref3) {
|
|
13216
13447
|
var theme = _ref3.theme;
|
|
13217
13448
|
return theme.fontFamily.data;
|
|
13218
13449
|
});
|
|
@@ -13286,20 +13517,20 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13286
13517
|
}, notes) : null)));
|
|
13287
13518
|
};
|
|
13288
13519
|
|
|
13289
|
-
var _templateObject$
|
|
13290
|
-
var Container$W = styled.div(_templateObject$
|
|
13520
|
+
var _templateObject$1p, _templateObject2$1g, _templateObject3$17, _templateObject4$11;
|
|
13521
|
+
var Container$W = styled.div(_templateObject$1p || (_templateObject$1p = _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) {
|
|
13291
13522
|
var theme = _ref.theme;
|
|
13292
13523
|
return theme.colors.divider;
|
|
13293
13524
|
});
|
|
13294
|
-
var ColumnContainer = styled.div(_templateObject2$
|
|
13295
|
-
var Title$8 = styled.div(_templateObject3$
|
|
13525
|
+
var ColumnContainer = styled.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding-left: 14px;\n align-items: flex-start;\n"])));
|
|
13526
|
+
var Title$8 = styled.div(_templateObject3$17 || (_templateObject3$17 = _taggedTemplateLiteralLoose(["\n opacity: 0.76;\n font-family: ", ";\n font-size: 12px;\n font-weight: 500;\n letter-spacing: 0.34px;\n color: ", ";\n"])), function (_ref2) {
|
|
13296
13527
|
var theme = _ref2.theme;
|
|
13297
13528
|
return theme.fontFamily.ui;
|
|
13298
13529
|
}, function (_ref3) {
|
|
13299
13530
|
var theme = _ref3.theme;
|
|
13300
13531
|
return theme.typography.global.mainMenu.subheader.color;
|
|
13301
13532
|
});
|
|
13302
|
-
var SubTitle$1 = styled.div(_templateObject4$
|
|
13533
|
+
var SubTitle$1 = styled.div(_templateObject4$11 || (_templateObject4$11 = _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) {
|
|
13303
13534
|
var theme = _ref4.theme;
|
|
13304
13535
|
return theme.fontFamily.ui;
|
|
13305
13536
|
}, function (_ref5) {
|
|
@@ -13323,26 +13554,26 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13323
13554
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
13324
13555
|
};
|
|
13325
13556
|
|
|
13326
|
-
var _templateObject$
|
|
13327
|
-
var DrawerTop = styled.div(_templateObject$
|
|
13328
|
-
var DrawerBottom = styled.div(_templateObject2$
|
|
13557
|
+
var _templateObject$1q, _templateObject2$1h, _templateObject3$18, _templateObject4$12, _templateObject5$X, _templateObject6$J, _templateObject7$F, _templateObject8$A, _templateObject9$t, _templateObject10$p, _templateObject11$h, _templateObject12$d, _templateObject13$c, _templateObject14$a, _templateObject15$8, _templateObject16$6, _templateObject17$6, _templateObject18$4, _templateObject19$4;
|
|
13558
|
+
var DrawerTop = styled.div(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteralLoose([""])));
|
|
13559
|
+
var DrawerBottom = styled.div(_templateObject2$1h || (_templateObject2$1h = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
13329
13560
|
var theme = _ref.theme;
|
|
13330
|
-
return css(_templateObject3$
|
|
13561
|
+
return css(_templateObject3$18 || (_templateObject3$18 = _taggedTemplateLiteralLoose(["\n width: 100%;\n position: fixed;\n bottom: 50px;\n\n @media ", " {\n position: static;\n bottom: 0;\n }\n "])), theme.deviceMediaQuery.medium);
|
|
13331
13562
|
});
|
|
13332
|
-
var DrawerHeader = styled.h2(_templateObject4$
|
|
13563
|
+
var DrawerHeader = styled.h2(_templateObject4$12 || (_templateObject4$12 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
13333
13564
|
var theme = _ref2.theme;
|
|
13334
13565
|
return theme.typography.global.mainMenu.subheader;
|
|
13335
13566
|
});
|
|
13336
|
-
var CurrentUser = styled.div(_templateObject5$
|
|
13567
|
+
var CurrentUser = styled.div(_templateObject5$X || (_templateObject5$X = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 15px;\n\n ", ";\n"])), function (_ref3) {
|
|
13337
13568
|
var theme = _ref3.theme;
|
|
13338
|
-
return css(_templateObject6$
|
|
13569
|
+
return css(_templateObject6$J || (_templateObject6$J = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n ", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.typography.global.mainMenu.identity);
|
|
13339
13570
|
});
|
|
13340
|
-
var UserOptions = styled.div(_templateObject7$
|
|
13571
|
+
var UserOptions = styled.div(_templateObject7$F || (_templateObject7$F = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 10px 20px;\n ", ";\n\n"])), function (_ref4) {
|
|
13341
13572
|
var theme = _ref4.theme;
|
|
13342
|
-
return css(_templateObject8$
|
|
13573
|
+
return css(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n "])), theme.styles.global.mainMenu.lines.backgroundColor);
|
|
13343
13574
|
});
|
|
13344
|
-
var Logout = styled.div(_templateObject9$
|
|
13345
|
-
var LinkMenu = styled.ul(_templateObject10$
|
|
13575
|
+
var Logout = styled.div(_templateObject9$t || (_templateObject9$t = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n"])));
|
|
13576
|
+
var LinkMenu = styled.ul(_templateObject10$p || (_templateObject10$p = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
13346
13577
|
var LinkMenuItem = styled.li(_templateObject11$h || (_templateObject11$h = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
13347
13578
|
var IconWrapperFooter = styled.div(_templateObject12$d || (_templateObject12$d = _taggedTemplateLiteralLoose(["\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 padding-right: 20px;\n"])));
|
|
13348
13579
|
var LinkMenuItemA = styled(Link)(_templateObject13$c || (_templateObject13$c = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n width: 100%;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref5) {
|
|
@@ -13484,19 +13715,19 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
13484
13715
|
}, title)) : null));
|
|
13485
13716
|
};
|
|
13486
13717
|
|
|
13487
|
-
var _templateObject$
|
|
13488
|
-
var Container$X = styled.div(_templateObject$
|
|
13489
|
-
var ImgWrapper = styled.div(_templateObject2$
|
|
13490
|
-
var EmptyImg = styled.div(_templateObject3$
|
|
13491
|
-
var Image$2 = styled.div(_templateObject4$
|
|
13718
|
+
var _templateObject$1r, _templateObject2$1i, _templateObject3$19, _templateObject4$13, _templateObject5$Y, _templateObject6$K, _templateObject7$G, _templateObject8$B;
|
|
13719
|
+
var Container$X = styled.div(_templateObject$1r || (_templateObject$1r = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 18px 20px 12px 20px;\n height: 122px;\n"])));
|
|
13720
|
+
var ImgWrapper = styled.div(_templateObject2$1i || (_templateObject2$1i = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
13721
|
+
var EmptyImg = styled.div(_templateObject3$19 || (_templateObject3$19 = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
13722
|
+
var Image$2 = styled.div(_templateObject4$13 || (_templateObject4$13 = _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) {
|
|
13492
13723
|
return p.image;
|
|
13493
13724
|
}, function (p) {
|
|
13494
13725
|
return p.image ? 'block' : 'none';
|
|
13495
13726
|
});
|
|
13496
|
-
var InfoContainer = styled.div(_templateObject5$
|
|
13497
|
-
var Title$9 = styled.div(_templateObject6$
|
|
13498
|
-
var Message = styled.div(_templateObject7$
|
|
13499
|
-
var TimeMsg = styled.div(_templateObject8$
|
|
13727
|
+
var InfoContainer = styled.div(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
13728
|
+
var Title$9 = styled.div(_templateObject6$K || (_templateObject6$K = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-weight: 500;\n color: var(--grey-11);\n"])));
|
|
13729
|
+
var Message = styled.div(_templateObject7$G || (_templateObject7$G = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n overflow: hidden;\n color: var(--grey-11);\n margin: 4px 0;\n height: 30px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n vertical-align: middle;\n"])));
|
|
13730
|
+
var TimeMsg = styled.div(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n color: var(--grey-12);\n margin-top: 15px;\n"])));
|
|
13500
13731
|
|
|
13501
13732
|
var NotificationItem = function NotificationItem(_ref) {
|
|
13502
13733
|
var imgUrl = _ref.imgUrl,
|
|
@@ -13508,13 +13739,13 @@ var NotificationItem = function NotificationItem(_ref) {
|
|
|
13508
13739
|
}) : React__default.createElement(EmptyImg, null)), React__default.createElement(InfoContainer, null, React__default.createElement(Title$9, null, title), React__default.createElement(Message, null, message), React__default.createElement(TimeMsg, null, time)));
|
|
13509
13740
|
};
|
|
13510
13741
|
|
|
13511
|
-
var _templateObject$
|
|
13512
|
-
var Container$Y = styled.div(_templateObject$
|
|
13513
|
-
var StatusContainer = styled.h2(_templateObject2$
|
|
13742
|
+
var _templateObject$1s, _templateObject2$1j, _templateObject3$1a;
|
|
13743
|
+
var Container$Y = styled.div(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
13744
|
+
var StatusContainer = styled.h2(_templateObject2$1j || (_templateObject2$1j = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n padding: 10px 0 10px 20px;\n font-size: 14px;\n font-weight: 500;\n color: var(--grey-12);\n border-bottom: ", " 1px solid;\n margin: 0;\n"])), function (_ref) {
|
|
13514
13745
|
var theme = _ref.theme;
|
|
13515
13746
|
return theme.colors.divider;
|
|
13516
13747
|
});
|
|
13517
|
-
var NotificationWrapper = styled.div(_templateObject3$
|
|
13748
|
+
var NotificationWrapper = styled.div(_templateObject3$1a || (_templateObject3$1a = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n"])), function (_ref2) {
|
|
13518
13749
|
var colors = _ref2.theme.colors;
|
|
13519
13750
|
return colors.divider;
|
|
13520
13751
|
});
|
|
@@ -13544,15 +13775,15 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
13544
13775
|
return React__default.createElement(Container$Y, 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')));
|
|
13545
13776
|
};
|
|
13546
13777
|
|
|
13547
|
-
var _templateObject$
|
|
13548
|
-
var Container$Z = styled.div(_templateObject$
|
|
13778
|
+
var _templateObject$1t, _templateObject2$1k, _templateObject3$1b, _templateObject4$14, _templateObject5$Z, _templateObject6$L, _templateObject7$H, _templateObject8$C, _templateObject9$u, _templateObject10$q, _templateObject11$i, _templateObject12$e, _templateObject13$d, _templateObject14$b;
|
|
13779
|
+
var Container$Z = styled.div(_templateObject$1t || (_templateObject$1t = _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) {
|
|
13549
13780
|
var theme = _ref.theme,
|
|
13550
13781
|
colors = _ref.theme.colors;
|
|
13551
|
-
return colors && css(_templateObject2$
|
|
13782
|
+
return colors && css(_templateObject2$1k || (_templateObject2$1k = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n background-color:", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.styles.global.mainMenu.background.backgroundColor);
|
|
13552
13783
|
});
|
|
13553
|
-
var SearchBar = styled.div(_templateObject3$
|
|
13554
|
-
var IconWrapper$4 = styled.div(_templateObject4$
|
|
13555
|
-
var SearchInput = styled.input(_templateObject5$
|
|
13784
|
+
var SearchBar = styled.div(_templateObject3$1b || (_templateObject3$1b = _taggedTemplateLiteralLoose(["\n margin-left: 25px;\n flex: 0 1 500px;\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
13785
|
+
var IconWrapper$4 = styled.div(_templateObject4$14 || (_templateObject4$14 = _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"])));
|
|
13786
|
+
var SearchInput = styled.input(_templateObject5$Z || (_templateObject5$Z = _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) {
|
|
13556
13787
|
var theme = _ref2.theme;
|
|
13557
13788
|
return theme.fontFamily.data;
|
|
13558
13789
|
}, function (_ref3) {
|
|
@@ -13562,18 +13793,18 @@ var SearchInput = styled.input(_templateObject5$Y || (_templateObject5$Y = _tagg
|
|
|
13562
13793
|
var typography = _ref4.theme.typography;
|
|
13563
13794
|
return typography.global.topBar.search.placeholder;
|
|
13564
13795
|
});
|
|
13565
|
-
var ButtonArea = styled.div(_templateObject6$
|
|
13796
|
+
var ButtonArea = styled.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose(["\n height: inherit;\n padding-right: 10px;\n display: flex;\n"])));
|
|
13566
13797
|
var DrawerToggle = styled.button.attrs({
|
|
13567
13798
|
type: 'button'
|
|
13568
|
-
})(_templateObject7$
|
|
13799
|
+
})(_templateObject7$H || (_templateObject7$H = _taggedTemplateLiteralLoose(["\n width: 60px;\n margin: 0 5px;\n height: inherit;\n background: none;\n border: none;\n outline: none;\n cursor: pointer;\n\n ", ";\n\n ", "\n"])), function (_ref5) {
|
|
13569
13800
|
var theme = _ref5.theme;
|
|
13570
|
-
return css(_templateObject8$
|
|
13801
|
+
return css(_templateObject8$C || (_templateObject8$C = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid transparent;\n /*", ";*/\n\n &:hover {\n border-bottom-color: ", ";\n }\n\n transition: border ", " ", ";\n "])), theme.colors.menu.indicator, theme.colors.menu.hover, theme.animation.speed.normal, theme.animation.easing.primary.easeInOut);
|
|
13571
13802
|
}, function (_ref6) {
|
|
13572
13803
|
var isActive = _ref6.isActive,
|
|
13573
13804
|
theme = _ref6.theme;
|
|
13574
|
-
return isActive && css(_templateObject9$
|
|
13805
|
+
return isActive && css(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n }\n "])), theme.colors.menu.active);
|
|
13575
13806
|
});
|
|
13576
|
-
var DrawerPortalWrapper = styled.div(_templateObject10$
|
|
13807
|
+
var DrawerPortalWrapper = styled.div(_templateObject10$q || (_templateObject10$q = _taggedTemplateLiteralLoose([""])));
|
|
13577
13808
|
var Drawer = styled.div(_templateObject11$i || (_templateObject11$i = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n\n position: fixed;\n right: -10px;\n top: 65px;\n bottom: 0;\n background: ", ";\n border-left: ", " 1px solid;\n width: ", ";\n opacity: 0;\n visibility: hidden;\n z-index: 100;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n ", ";\n\n ", "\n"])), function (_ref7) {
|
|
13578
13809
|
var theme = _ref7.theme;
|
|
13579
13810
|
return theme.fontFamily.ui;
|
|
@@ -13747,8 +13978,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
13747
13978
|
}, children);
|
|
13748
13979
|
};
|
|
13749
13980
|
|
|
13750
|
-
var _templateObject$
|
|
13751
|
-
var TabListWrapper = styled.div(_templateObject$
|
|
13981
|
+
var _templateObject$1u;
|
|
13982
|
+
var TabListWrapper = styled.div(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n"])));
|
|
13752
13983
|
|
|
13753
13984
|
var TabList = function TabList(_ref) {
|
|
13754
13985
|
var children = _ref.children,
|
|
@@ -13765,11 +13996,11 @@ var TabList = function TabList(_ref) {
|
|
|
13765
13996
|
|
|
13766
13997
|
var _excluded$G = ["children", "tabFor", "onClick"];
|
|
13767
13998
|
|
|
13768
|
-
var _templateObject$
|
|
13769
|
-
var TabComponent = styled.div(_templateObject$
|
|
13770
|
-
var TabLabel = styled.label(_templateObject2$
|
|
13999
|
+
var _templateObject$1v, _templateObject2$1l, _templateObject3$1c;
|
|
14000
|
+
var TabComponent = styled.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose(["\n margin-right: 39px;\n display: flex;\n align-items: center;\n line-height: 20px;\n"])));
|
|
14001
|
+
var TabLabel = styled.label(_templateObject2$1l || (_templateObject2$1l = _taggedTemplateLiteralLoose(["\n height: 40px;\n ", "\n font-size: 15px;\n font-weight: ", ";\n letter-spacing: 0.09px;\n color: ", ";\n cursor: pointer;\n border-bottom: ", ";\n padding-top: 6px;\n padding-bottom: 14px;\n flex-shrink: 0;\n"])), function (_ref) {
|
|
13771
14002
|
var theme = _ref.theme;
|
|
13772
|
-
return css(_templateObject3$
|
|
14003
|
+
return css(_templateObject3$1c || (_templateObject3$1c = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
13773
14004
|
}, function (_ref2) {
|
|
13774
14005
|
var active = _ref2.active;
|
|
13775
14006
|
return active ? '600' : '500';
|
|
@@ -13804,8 +14035,8 @@ var Tab = function Tab(_ref5) {
|
|
|
13804
14035
|
|
|
13805
14036
|
var _excluded$H = ["children", "tabId"];
|
|
13806
14037
|
|
|
13807
|
-
var _templateObject$
|
|
13808
|
-
var Container$_ = styled.div(_templateObject$
|
|
14038
|
+
var _templateObject$1w;
|
|
14039
|
+
var Container$_ = styled.div(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteralLoose(["\n"])));
|
|
13809
14040
|
|
|
13810
14041
|
var TabContent = function TabContent(_ref) {
|
|
13811
14042
|
var children = _ref.children,
|
|
@@ -13820,15 +14051,15 @@ var TabContent = function TabContent(_ref) {
|
|
|
13820
14051
|
|
|
13821
14052
|
var _excluded$I = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
13822
14053
|
|
|
13823
|
-
var _templateObject$
|
|
13824
|
-
var Container$$ = styled.button(_templateObject$
|
|
13825
|
-
var LinkTab = styled.div(_templateObject2$
|
|
14054
|
+
var _templateObject$1x, _templateObject2$1m, _templateObject3$1d, _templateObject4$15;
|
|
14055
|
+
var Container$$ = styled.button(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14056
|
+
var LinkTab = styled.div(_templateObject2$1m || (_templateObject2$1m = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: center;\n align-items: center;\n height: 100%;\n\n ", ";\n\n ", "\n"])), function (_ref) {
|
|
13826
14057
|
var theme = _ref.theme;
|
|
13827
|
-
return css(_templateObject3$
|
|
14058
|
+
return css(_templateObject3$1d || (_templateObject3$1d = _taggedTemplateLiteralLoose(["\n transition: border ", " ", ";\n border-bottom: 5px solid ", ";\n\n ", " {\n [stroke]{\n stroke: var(--dimmed);\n }\n }\n\n &:hover {\n border-bottom-color: ", ";\n ", " {\n [stroke]{\n stroke: ", ";\n }\n }\n }\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeInOut, theme.colors.menu.indicator, IconWrapper, theme.colors.menu.hover, IconWrapper, theme.colors.menu.hover);
|
|
13828
14059
|
}, function (_ref2) {
|
|
13829
14060
|
var isActive = _ref2.isActive,
|
|
13830
14061
|
theme = _ref2.theme;
|
|
13831
|
-
return isActive && css(_templateObject4$
|
|
14062
|
+
return isActive && css(_templateObject4$15 || (_templateObject4$15 = _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);
|
|
13832
14063
|
});
|
|
13833
14064
|
|
|
13834
14065
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -13862,23 +14093,23 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
13862
14093
|
|
|
13863
14094
|
var _excluded$J = ["icon", "title", "subtitle", "tabFor"];
|
|
13864
14095
|
|
|
13865
|
-
var _templateObject$
|
|
13866
|
-
var Container$10 = styled.div(_templateObject$
|
|
14096
|
+
var _templateObject$1y, _templateObject2$1n, _templateObject3$1e, _templateObject4$16, _templateObject5$_, _templateObject6$M;
|
|
14097
|
+
var Container$10 = styled.div(_templateObject$1y || (_templateObject$1y = _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) {
|
|
13867
14098
|
var active = _ref.active;
|
|
13868
|
-
return active ? css(_templateObject2$
|
|
14099
|
+
return active ? css(_templateObject2$1n || (_templateObject2$1n = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid var(--primary-11);\n "]))) : css(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid transparent;\n "])));
|
|
13869
14100
|
}, IconWrapper);
|
|
13870
|
-
var Title$a = styled.div(_templateObject4$
|
|
14101
|
+
var Title$a = styled.div(_templateObject4$16 || (_templateObject4$16 = _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) {
|
|
13871
14102
|
var theme = _ref2.theme;
|
|
13872
14103
|
return theme.fontFamily.ui;
|
|
13873
14104
|
}, function (_ref3) {
|
|
13874
14105
|
var active = _ref3.active;
|
|
13875
14106
|
return active ? 'var(--primary-11)' : 'var(--grey-11)';
|
|
13876
14107
|
});
|
|
13877
|
-
var SubTitle$2 = styled.div(_templateObject5$
|
|
14108
|
+
var SubTitle$2 = styled.div(_templateObject5$_ || (_templateObject5$_ = _taggedTemplateLiteralLoose(["\n font-size: 12px;\n font-family: ", ";\n font-style: italic;\n color: var(--grey-a10);\n flex-shrink: 0;\n white-space: nowrap;\n text-overflow: ellipsis;\n"])), function (_ref4) {
|
|
13878
14109
|
var theme = _ref4.theme;
|
|
13879
14110
|
return theme.fontFamily.data;
|
|
13880
14111
|
});
|
|
13881
|
-
var TextGroup$1 = styled.div(_templateObject6$
|
|
14112
|
+
var TextGroup$1 = styled.div(_templateObject6$M || (_templateObject6$M = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: 20px;\n"])));
|
|
13882
14113
|
|
|
13883
14114
|
var TabWithIcon = function TabWithIcon(_ref5) {
|
|
13884
14115
|
var icon = _ref5.icon,
|
|
@@ -13912,9 +14143,9 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
13912
14143
|
}), title), subtitle && React__default.createElement(SubTitle$2, null, subtitle)));
|
|
13913
14144
|
};
|
|
13914
14145
|
|
|
13915
|
-
var _templateObject$
|
|
13916
|
-
var Container$11 = styled.div(_templateObject$
|
|
13917
|
-
var TabListWrapper$1 = styled.div(_templateObject2$
|
|
14146
|
+
var _templateObject$1z, _templateObject2$1o;
|
|
14147
|
+
var Container$11 = styled.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose([""])));
|
|
14148
|
+
var TabListWrapper$1 = styled.div(_templateObject2$1o || (_templateObject2$1o = _taggedTemplateLiteralLoose(["\n padding-top: 10px;\n padding-left: ", ";\n box-shadow: 0 -5px 5px 0 var(--black-a1);\n border-bottom: 1px solid var(--grey-6);\n overflow-y: auto;\n scrollbar-width: none; /* Firefox */\n -ms-overflow-style: none; /* Internet Explorer 10+ */\n &::-webkit-scrollbar { /* WebKit */\n width: 0;\n height: 0;\n }\n"])), function (_ref) {
|
|
13918
14149
|
var paddingLeft = _ref.paddingLeft;
|
|
13919
14150
|
return paddingLeft ? paddingLeft : '87px';
|
|
13920
14151
|
});
|
|
@@ -13952,13 +14183,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
13952
14183
|
|
|
13953
14184
|
var _excluded$K = ["closeId", "closeText"];
|
|
13954
14185
|
|
|
13955
|
-
var _templateObject$
|
|
13956
|
-
var StyledButton$7 = styled.button(_templateObject$
|
|
14186
|
+
var _templateObject$1A, _templateObject2$1p, _templateObject3$1f, _templateObject4$17;
|
|
14187
|
+
var StyledButton$7 = styled.button(_templateObject$1A || (_templateObject$1A = _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) {
|
|
13957
14188
|
var theme = _ref.theme;
|
|
13958
|
-
return css(_templateObject2$
|
|
14189
|
+
return css(_templateObject2$1p || (_templateObject2$1p = _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);
|
|
13959
14190
|
}, MOBILE_CLOSE_HEIGHT);
|
|
13960
|
-
var IconContainer$2 = styled.div(_templateObject3$
|
|
13961
|
-
var TextWrapper$1 = styled.div(_templateObject4$
|
|
14191
|
+
var IconContainer$2 = styled.div(_templateObject3$1f || (_templateObject3$1f = _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"])));
|
|
14192
|
+
var TextWrapper$1 = styled.div(_templateObject4$17 || (_templateObject4$17 = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
13962
14193
|
|
|
13963
14194
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
13964
14195
|
var closeId = _ref2.closeId,
|
|
@@ -13980,9 +14211,9 @@ var CloseButton$1 = function CloseButton(_ref2) {
|
|
|
13980
14211
|
})), React__default.createElement(TextWrapper$1, null, closeText));
|
|
13981
14212
|
};
|
|
13982
14213
|
|
|
13983
|
-
var _templateObject$
|
|
13984
|
-
var Container$12 = styled.div(_templateObject$
|
|
13985
|
-
var ContentWrapper = styled.div(_templateObject2$
|
|
14214
|
+
var _templateObject$1B, _templateObject2$1q;
|
|
14215
|
+
var Container$12 = styled.div(_templateObject$1B || (_templateObject$1B = _taggedTemplateLiteralLoose(["\n position: relative;\n min-height: calc(100vh - ", "px);\n width: 100%;\n overflow-y: scroll;\n"])), MOBILE_NAVBAR_HEIGHT + MOBILE_CLOSE_HEIGHT);
|
|
14216
|
+
var ContentWrapper = styled.div(_templateObject2$1q || (_templateObject2$1q = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
13986
14217
|
|
|
13987
14218
|
var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
13988
14219
|
var closeId = _ref.closeId,
|
|
@@ -13994,11 +14225,11 @@ var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
|
13994
14225
|
return selected === closeId ? null : React__default.createElement(Container$12, null, React__default.createElement(ContentWrapper, null, children));
|
|
13995
14226
|
};
|
|
13996
14227
|
|
|
13997
|
-
var _templateObject$
|
|
13998
|
-
var Container$13 = styled.div(_templateObject$
|
|
13999
|
-
var ItemWrapper = styled.div(_templateObject2$
|
|
14228
|
+
var _templateObject$1C, _templateObject2$1r, _templateObject3$1g;
|
|
14229
|
+
var Container$13 = styled.div(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose([""])));
|
|
14230
|
+
var ItemWrapper = styled.div(_templateObject2$1r || (_templateObject2$1r = _taggedTemplateLiteralLoose(["\n padding: 14px 0;\n ", ";\n"])), function (_ref) {
|
|
14000
14231
|
var theme = _ref.theme;
|
|
14001
|
-
return css(_templateObject3$
|
|
14232
|
+
return css(_templateObject3$1g || (_templateObject3$1g = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", "\n "])), theme.colors.divider);
|
|
14002
14233
|
});
|
|
14003
14234
|
|
|
14004
14235
|
var MobileMenu = function MobileMenu(_ref2) {
|
|
@@ -14069,10 +14300,10 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14069
14300
|
})));
|
|
14070
14301
|
};
|
|
14071
14302
|
|
|
14072
|
-
var _templateObject$
|
|
14073
|
-
var Logo$1 = styled(Link)(_templateObject$
|
|
14074
|
-
var LogoMark$1 = styled.div(_templateObject2$
|
|
14075
|
-
var SVGObject$1 = styled.object(_templateObject3$
|
|
14303
|
+
var _templateObject$1D, _templateObject2$1s, _templateObject3$1h;
|
|
14304
|
+
var Logo$1 = styled(Link)(_templateObject$1D || (_templateObject$1D = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n justify-content: center;\n align-items: center;\n object {\n pointer-events: none;\n height: 25px;\n }\n"])), resetButtonStyles);
|
|
14305
|
+
var LogoMark$1 = styled.div(_templateObject2$1s || (_templateObject2$1s = _taggedTemplateLiteralLoose(["\n margin-right: 15px;\n"])));
|
|
14306
|
+
var SVGObject$1 = styled.object(_templateObject3$1h || (_templateObject3$1h = _taggedTemplateLiteralLoose([""])));
|
|
14076
14307
|
|
|
14077
14308
|
var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
14078
14309
|
var _ref$home = _ref.home,
|
|
@@ -14096,8 +14327,8 @@ var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
|
14096
14327
|
|
|
14097
14328
|
var _excluded$L = ["closeId", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "userSubmenu", "userDrawerBespoke", "loggedInUser", "onLogout", "onLanguageToggle"];
|
|
14098
14329
|
|
|
14099
|
-
var _templateObject$
|
|
14100
|
-
var Container$14 = styled.div(_templateObject$
|
|
14330
|
+
var _templateObject$1E;
|
|
14331
|
+
var Container$14 = styled.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose(["\n background: ", ";\n z-index: 100;\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
|
|
14101
14332
|
var theme = _ref.theme;
|
|
14102
14333
|
return theme.styles.global.mainMenu.background;
|
|
14103
14334
|
});
|
|
@@ -14138,17 +14369,17 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14138
14369
|
|
|
14139
14370
|
var _excluded$M = ["content", "home", "logoMark", "supportUrl", "defaultMenuOpen", "closeText", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "hasNotifications", "userSubmenu", "userDrawerBespoke", "loggedInUser", "notificationsHistory", "customDrawer", "onLogout", "onLanguageToggle"];
|
|
14140
14371
|
|
|
14141
|
-
var _templateObject$
|
|
14372
|
+
var _templateObject$1F, _templateObject2$1t;
|
|
14142
14373
|
var CLOSE_ID = 'closeMenu';
|
|
14143
14374
|
var NOTI_TAB = 'notifications';
|
|
14144
14375
|
var USER_TAB = 'user';
|
|
14145
14376
|
var MENU_TAB = 'menu';
|
|
14146
14377
|
var CUSTOM_TAB = 'custom';
|
|
14147
|
-
var Container$15 = styled.nav(_templateObject$
|
|
14378
|
+
var Container$15 = styled.nav(_templateObject$1F || (_templateObject$1F = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n position: sticky;\n top: 0;\n left: 0;\n width: 100%;\n z-index: 99;\n"])), function (_ref) {
|
|
14148
14379
|
var theme = _ref.theme;
|
|
14149
14380
|
return theme.styles.global.mainMenu.background.backgroundColor;
|
|
14150
14381
|
});
|
|
14151
|
-
var HeaderContainer = styled.div(_templateObject2$
|
|
14382
|
+
var HeaderContainer = styled.div(_templateObject2$1t || (_templateObject2$1t = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n height: ", "px;\n border-bottom: ", " 1px solid;\n\n ", " {\n flex-basis: 0;\n flex-grow: 3;\n }\n"])), MOBILE_NAVBAR_HEIGHT, function (_ref2) {
|
|
14152
14383
|
var theme = _ref2.theme;
|
|
14153
14384
|
return theme.colors.divider;
|
|
14154
14385
|
}, TabListWrapper);
|
|
@@ -14276,16 +14507,16 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14276
14507
|
|
|
14277
14508
|
var _excluded$O = ["children"];
|
|
14278
14509
|
|
|
14279
|
-
var _templateObject$
|
|
14280
|
-
var Container$16 = styled.div(_templateObject$
|
|
14281
|
-
var LogoContainer = styled.div(_templateObject2$
|
|
14282
|
-
var LogoTopText = styled.div(_templateObject3$
|
|
14283
|
-
var LogoBottomText = styled.div(_templateObject4$
|
|
14284
|
-
var SidebarBox = styled.div(_templateObject5
|
|
14285
|
-
var SidebarHeading = styled.div(_templateObject6$
|
|
14286
|
-
var SidebarLinkHeading = styled.div(_templateObject7$
|
|
14287
|
-
var BackLink = styled(Link)(_templateObject8$
|
|
14288
|
-
var SLink = styled(Link)(_templateObject9$
|
|
14510
|
+
var _templateObject$1G, _templateObject2$1u, _templateObject3$1i, _templateObject4$18, _templateObject5$$, _templateObject6$N, _templateObject7$I, _templateObject8$D, _templateObject9$v;
|
|
14511
|
+
var Container$16 = styled.div(_templateObject$1G || (_templateObject$1G = _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"])));
|
|
14512
|
+
var LogoContainer = styled.div(_templateObject2$1u || (_templateObject2$1u = _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"])));
|
|
14513
|
+
var LogoTopText = styled.div(_templateObject3$1i || (_templateObject3$1i = _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"])));
|
|
14514
|
+
var LogoBottomText = styled.div(_templateObject4$18 || (_templateObject4$18 = _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"])));
|
|
14515
|
+
var SidebarBox = styled.div(_templateObject5$$ || (_templateObject5$$ = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid var(--grey-a7);\n padding: 22px 20px 21px 20px;\n"])));
|
|
14516
|
+
var SidebarHeading = styled.div(_templateObject6$N || (_templateObject6$N = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n margin-bottom: 18px;\n"])));
|
|
14517
|
+
var SidebarLinkHeading = styled.div(_templateObject7$I || (_templateObject7$I = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n"])));
|
|
14518
|
+
var BackLink = styled(Link)(_templateObject8$D || (_templateObject8$D = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: var(--grey-10);\n"])));
|
|
14519
|
+
var SLink = styled(Link)(_templateObject9$v || (_templateObject9$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 30px;\n top: 15px;\n /* width: 80px; */\n /* height: 30px; */\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n color: var(--grey-9);\n border-radius: 3px;\n background-color: var(--primary-2);\n text-decoration: none;\n padding: 7px 20px;\n"])));
|
|
14289
14520
|
var SidebarLink = function SidebarLink(_ref) {
|
|
14290
14521
|
var title = _ref.title,
|
|
14291
14522
|
to = _ref.to;
|
|
@@ -14306,5 +14537,5 @@ var Sidebar = function Sidebar(_ref3) {
|
|
|
14306
14537
|
return React__default.createElement(Container$16, Object.assign({}, props), children);
|
|
14307
14538
|
};
|
|
14308
14539
|
|
|
14309
|
-
export { ActionButtons, ActionsBar, AlertBar, AlertWrapper, AreaUploadManager, AvatarUploader, BackLink, BasicSearchInput, Button, ButtonWithIcon, ButtonWithLoading, CameraPanelWrapper, CameraPanels, Checkbox, ConfirmationModal, Content, Controls, CropTool, DatePicker, DebouncedSearcher, DropArea, DurationSlider, EditCell, FilterBar, FilterButton, FilterDropdown, FilterDropdownContainer, FilterInputs, FilterLayout, FiltersResults, Form, GlobalUI, Icon, IconButton$2 as IconButton, Input, InputFileButton, IntroductionText, Label, Layout, LineReducer, LineSetContext, LineUI, LineUI$1 as LineUIRTC, LineUIVideo, Logo$2 as Logo, MainContainer, MainMenu, MediaBox, ModalContext, ModalProvider, MultilineContent, Notification, NotificationProvider, PTZContext, PTZProvider, reducer as PTZReducer, PageHeader, PageTitle, PasswordField, PercentageSlider, RadioButton, SelectField, SelectWrapper, Sidebar, SidebarBox, SidebarHeading, SidebarLink, SidebarLinkHeading, SliderInput, SmallInput, SortDropdown, Spinner, SplitButton, StatusIcon, Switch, Tab, TabContent, TabContext, TabList, TabWithIcon, TableHeaderTitle, TableRowThumbnail, Tabs, TabsWithIconBar, Tag, TagList, TagListWrapper, TextArea, TextAreaField, TextField, TopBar, TypeTable, WebRTCPlayer as WebRTCClient, light as defaultTheme, isDateInterval, isFilterItem, resetButtonStyles, useClickOutside, useCopyToClipboard, useInterval, useMediaModal, useModal, useNotification, usePTZ, usePoll, useThemeToggle, useTitle, useTo };
|
|
14540
|
+
export { ActionButtons, ActionsBar, AlertBar, AlertWrapper, AreaUploadManager, AvatarUploader, BackLink, BasicSearchInput, Button, ButtonWithIcon, ButtonWithLoading, CameraPanelWrapper, CameraPanels, Checkbox, ConfirmationModal, Content, Controls, CropTool, DatePicker, DebouncedSearcher, DropArea, DurationSlider, EditCell, FilterBar, FilterButton, FilterDropdown, FilterDropdownContainer, FilterInputs, FilterLayout, FiltersResults, Form, GlobalUI, Icon, IconButton$2 as IconButton, Input, InputFileButton, IntroductionText, Label, Layout, LineReducer, LineSetContext, LineUI, LineUI$1 as LineUIRTC, LineUIVideo, Logo$2 as Logo, MainContainer, MainMenu, MediaBox, ModalContext, ModalProvider, MultilineContent, Notification, NotificationProvider, PTZContext, PTZProvider, reducer as PTZReducer, PageHeader, PageTitle, Pagination, PasswordField, PercentageSlider, RadioButton, SelectField, SelectWrapper, Sidebar, SidebarBox, SidebarHeading, SidebarLink, SidebarLinkHeading, SliderInput, SmallInput, SortDropdown, Spinner, SplitButton, StatusIcon, Switch, Tab, TabContent, TabContext, TabList, TabWithIcon, TableHeaderTitle, TableRowThumbnail, Tabs, TabsWithIconBar, Tag, TagList, TagListWrapper, TextArea, TextAreaField, TextField, TopBar, TypeTable, WebRTCPlayer as WebRTCClient, light as defaultTheme, isDateInterval, isFilterItem, resetButtonStyles, useClickOutside, useCopyToClipboard, useInterval, useMediaModal, useModal, useNotification, usePTZ, usePoll, useThemeToggle, useTitle, useTo };
|
|
14310
14541
|
//# sourceMappingURL=index.modern.js.map
|