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.js
CHANGED
|
@@ -1707,7 +1707,7 @@ var Icon = function Icon(_ref) {
|
|
|
1707
1707
|
_ref$weight = _ref.weight,
|
|
1708
1708
|
weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
|
|
1709
1709
|
_ref$color = _ref.color,
|
|
1710
|
-
color = _ref$color === void 0 ? '
|
|
1710
|
+
color = _ref$color === void 0 ? 'grey-12' : _ref$color,
|
|
1711
1711
|
_ref$forSvgUsage = _ref.forSvgUsage,
|
|
1712
1712
|
forSvgUsage = _ref$forSvgUsage === void 0 ? false : _ref$forSvgUsage;
|
|
1713
1713
|
var iconWeight = dimensions.icons.weights[weight];
|
|
@@ -1715,11 +1715,11 @@ var Icon = function Icon(_ref) {
|
|
|
1715
1715
|
return IconSVG != null ? forSvgUsage ? React__default.createElement(IconWrapperForSVG, null, IconSVG({
|
|
1716
1716
|
size: size,
|
|
1717
1717
|
weight: iconWeight,
|
|
1718
|
-
color: "var(--" + color + ")"
|
|
1718
|
+
color: "var(--" + color + ", var(--grey-12))"
|
|
1719
1719
|
})) : React__default.createElement(IconWrapper, null, IconSVG({
|
|
1720
1720
|
size: size,
|
|
1721
1721
|
weight: iconWeight,
|
|
1722
|
-
color: "var(--" + color + ")"
|
|
1722
|
+
color: "var(--" + color + ", var(--grey-12))"
|
|
1723
1723
|
})) : null;
|
|
1724
1724
|
};
|
|
1725
1725
|
|
|
@@ -2133,13 +2133,11 @@ var _excluded$3 = ["icon", "size", "weight", "color", "hoverColor"];
|
|
|
2133
2133
|
|
|
2134
2134
|
var _templateObject$8;
|
|
2135
2135
|
var StyledButton$1 = styled__default.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) {
|
|
2136
|
-
var
|
|
2137
|
-
|
|
2138
|
-
return theme.colors.icons[color];
|
|
2136
|
+
var color = _ref.color;
|
|
2137
|
+
return color;
|
|
2139
2138
|
}, IconWrapper, function (_ref2) {
|
|
2140
|
-
var
|
|
2141
|
-
|
|
2142
|
-
return theme.colors.icons[hoverColor];
|
|
2139
|
+
var hoverColor = _ref2.hoverColor;
|
|
2140
|
+
return hoverColor;
|
|
2143
2141
|
});
|
|
2144
2142
|
|
|
2145
2143
|
var IconButton$2 = function IconButton(_ref3) {
|
|
@@ -3122,7 +3120,7 @@ var uniqueID = function uniqueID() {
|
|
|
3122
3120
|
};
|
|
3123
3121
|
|
|
3124
3122
|
var isNotNumber = function isNotNumber(value) {
|
|
3125
|
-
var intValue =
|
|
3123
|
+
var intValue = Number(value);
|
|
3126
3124
|
return intValue !== intValue;
|
|
3127
3125
|
};
|
|
3128
3126
|
|
|
@@ -4049,24 +4047,21 @@ var Container$d = styled__default.div(_templateObject$o || (_templateObject$o =
|
|
|
4049
4047
|
});
|
|
4050
4048
|
var InnerContainer$2 = styled__default.div(_templateObject2$n || (_templateObject2$n = _taggedTemplateLiteralLoose(["\n position: relative;\n z-index: 99;\n"])));
|
|
4051
4049
|
var ToolHeader = styled__default.div(_templateObject3$k || (_templateObject3$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n margin-bottom: 17px;\n"])));
|
|
4052
|
-
var TextGroup = styled__default.div(_templateObject4$h || (_templateObject4$h = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n font-size: 20px;\n font-weight: 500;\n color:
|
|
4053
|
-
var theme = _ref2.theme;
|
|
4054
|
-
return theme.colors.icons.mono;
|
|
4055
|
-
}, IconWrapper);
|
|
4050
|
+
var TextGroup = styled__default.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);
|
|
4056
4051
|
var ButtonsGroup = styled__default.div(_templateObject5$f || (_templateObject5$f = _taggedTemplateLiteralLoose(["\n button + button {\n margin-left: 10px;\n }\n"])));
|
|
4057
|
-
var PreviewArea = styled__default.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 (
|
|
4058
|
-
var canvasHeight =
|
|
4052
|
+
var PreviewArea = styled__default.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) {
|
|
4053
|
+
var canvasHeight = _ref2.canvasHeight;
|
|
4059
4054
|
return canvasHeight ? canvasHeight + "px" : "462px";
|
|
4060
|
-
}, function (
|
|
4061
|
-
var canvasWidth =
|
|
4055
|
+
}, function (_ref3) {
|
|
4056
|
+
var canvasWidth = _ref3.canvasWidth;
|
|
4062
4057
|
return canvasWidth ? canvasWidth + "px" : "485px";
|
|
4063
4058
|
});
|
|
4064
4059
|
var HiddenImage = styled__default.img(_templateObject7$c || (_templateObject7$c = _taggedTemplateLiteralLoose(["\n display: none;\n"])));
|
|
4065
|
-
var SelectedArea = styled__default.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 (
|
|
4066
|
-
var cropLeft =
|
|
4067
|
-
cropTop =
|
|
4068
|
-
cropWidth =
|
|
4069
|
-
cropHeight =
|
|
4060
|
+
var SelectedArea = styled__default.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) {
|
|
4061
|
+
var cropLeft = _ref4.cropLeft,
|
|
4062
|
+
cropTop = _ref4.cropTop,
|
|
4063
|
+
cropWidth = _ref4.cropWidth,
|
|
4064
|
+
cropHeight = _ref4.cropHeight;
|
|
4070
4065
|
return styled.css(_templateObject9$b || (_templateObject9$b = _taggedTemplateLiteralLoose(["\n top: ", "px;\n left: ", "px;\n width: ", "px;\n height: ", "px;\n "])), cropTop, cropLeft, cropWidth, cropHeight);
|
|
4071
4066
|
});
|
|
4072
4067
|
var viewDimensions = {
|
|
@@ -4084,30 +4079,30 @@ var viewDimensions = {
|
|
|
4084
4079
|
isResizing: false
|
|
4085
4080
|
};
|
|
4086
4081
|
|
|
4087
|
-
var CropTool = function CropTool(
|
|
4088
|
-
var
|
|
4089
|
-
title =
|
|
4090
|
-
|
|
4091
|
-
cancelBtnTxt =
|
|
4092
|
-
|
|
4093
|
-
cropBtnTxt =
|
|
4094
|
-
|
|
4095
|
-
isResizable =
|
|
4096
|
-
|
|
4097
|
-
cropHeight =
|
|
4098
|
-
|
|
4099
|
-
cropWidth =
|
|
4100
|
-
|
|
4101
|
-
canvasHeight =
|
|
4102
|
-
|
|
4103
|
-
canvasWidth =
|
|
4104
|
-
aspectRatio =
|
|
4105
|
-
imgUrl =
|
|
4106
|
-
onCrop =
|
|
4107
|
-
|
|
4108
|
-
onClose =
|
|
4109
|
-
|
|
4110
|
-
onError =
|
|
4082
|
+
var CropTool = function CropTool(_ref5) {
|
|
4083
|
+
var _ref5$title = _ref5.title,
|
|
4084
|
+
title = _ref5$title === void 0 ? 'Crop Image' : _ref5$title,
|
|
4085
|
+
_ref5$cancelBtnTxt = _ref5.cancelBtnTxt,
|
|
4086
|
+
cancelBtnTxt = _ref5$cancelBtnTxt === void 0 ? 'Cancel' : _ref5$cancelBtnTxt,
|
|
4087
|
+
_ref5$cropBtnTxt = _ref5.cropBtnTxt,
|
|
4088
|
+
cropBtnTxt = _ref5$cropBtnTxt === void 0 ? 'Crop & Save' : _ref5$cropBtnTxt,
|
|
4089
|
+
_ref5$isResizable = _ref5.isResizable,
|
|
4090
|
+
isResizable = _ref5$isResizable === void 0 ? true : _ref5$isResizable,
|
|
4091
|
+
_ref5$cropHeight = _ref5.cropHeight,
|
|
4092
|
+
cropHeight = _ref5$cropHeight === void 0 ? 300 : _ref5$cropHeight,
|
|
4093
|
+
_ref5$cropWidth = _ref5.cropWidth,
|
|
4094
|
+
cropWidth = _ref5$cropWidth === void 0 ? 350 : _ref5$cropWidth,
|
|
4095
|
+
_ref5$canvasHeight = _ref5.canvasHeight,
|
|
4096
|
+
canvasHeight = _ref5$canvasHeight === void 0 ? 400 : _ref5$canvasHeight,
|
|
4097
|
+
_ref5$canvasWidth = _ref5.canvasWidth,
|
|
4098
|
+
canvasWidth = _ref5$canvasWidth === void 0 ? 450 : _ref5$canvasWidth,
|
|
4099
|
+
aspectRatio = _ref5.aspectRatio,
|
|
4100
|
+
imgUrl = _ref5.imgUrl,
|
|
4101
|
+
onCrop = _ref5.onCrop,
|
|
4102
|
+
_ref5$onClose = _ref5.onClose,
|
|
4103
|
+
onClose = _ref5$onClose === void 0 ? function () {} : _ref5$onClose,
|
|
4104
|
+
_ref5$onError = _ref5.onError,
|
|
4105
|
+
onError = _ref5$onError === void 0 ? function () {} : _ref5$onError;
|
|
4111
4106
|
|
|
4112
4107
|
var _useState = React.useState(false),
|
|
4113
4108
|
isLoading = _useState[0],
|
|
@@ -4240,9 +4235,9 @@ var CropTool = function CropTool(_ref6) {
|
|
|
4240
4235
|
top = rect.top,
|
|
4241
4236
|
width = rect.width,
|
|
4242
4237
|
height = rect.height;
|
|
4243
|
-
var
|
|
4244
|
-
posX =
|
|
4245
|
-
posY =
|
|
4238
|
+
var _ref6 = [e.clientX, e.clientY],
|
|
4239
|
+
posX = _ref6[0],
|
|
4240
|
+
posY = _ref6[1];
|
|
4246
4241
|
var newCursorStyle;
|
|
4247
4242
|
|
|
4248
4243
|
if (!isResizable) {
|
|
@@ -4296,9 +4291,9 @@ var CropTool = function CropTool(_ref6) {
|
|
|
4296
4291
|
return;
|
|
4297
4292
|
}
|
|
4298
4293
|
|
|
4299
|
-
var
|
|
4300
|
-
posX =
|
|
4301
|
-
posY =
|
|
4294
|
+
var _ref7 = [e.clientX, e.clientY],
|
|
4295
|
+
posX = _ref7[0],
|
|
4296
|
+
posY = _ref7[1];
|
|
4302
4297
|
var newDimensions = aspectRatio ? updateCropWithAspect(viewDimensions, posX, posY, aspectRatio) : updateCropValues(viewDimensions, posX, posY);
|
|
4303
4298
|
|
|
4304
4299
|
if (!newDimensions.isUpdateRequired) {
|
|
@@ -4920,42 +4915,39 @@ var Container$h = styled__default.div(_templateObject$u || (_templateObject$u =
|
|
|
4920
4915
|
return theme.styles.modal.overlay;
|
|
4921
4916
|
});
|
|
4922
4917
|
var CloseIcon = styled__default(Icon)(_templateObject3$p || (_templateObject3$p = _taggedTemplateLiteralLoose([""])));
|
|
4923
|
-
var CloseButton = styled__default.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:
|
|
4924
|
-
var
|
|
4925
|
-
|
|
4926
|
-
}, IconWrapper, function (_ref5) {
|
|
4927
|
-
var _ref5$selected = _ref5.selected,
|
|
4928
|
-
selected = _ref5$selected === void 0 ? false : _ref5$selected;
|
|
4918
|
+
var CloseButton = styled__default.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) {
|
|
4919
|
+
var _ref4$selected = _ref4.selected,
|
|
4920
|
+
selected = _ref4$selected === void 0 ? false : _ref4$selected;
|
|
4929
4921
|
return selected && styled.css(_templateObject5$j || (_templateObject5$j = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid var(--primary-7);\n "])));
|
|
4930
|
-
}, function (
|
|
4931
|
-
var theme =
|
|
4922
|
+
}, function (_ref5) {
|
|
4923
|
+
var theme = _ref5.theme;
|
|
4932
4924
|
return theme && styled.css(_templateObject6$g || (_templateObject6$g = _taggedTemplateLiteralLoose(["\n opacity: .8;\n transition: transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.inOut);
|
|
4933
4925
|
});
|
|
4934
|
-
var LightBox = styled__default.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 (
|
|
4935
|
-
var width =
|
|
4926
|
+
var LightBox = styled__default.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) {
|
|
4927
|
+
var width = _ref6.width;
|
|
4936
4928
|
return width ? width : "580px";
|
|
4937
|
-
}, function (
|
|
4938
|
-
var padding =
|
|
4929
|
+
}, function (_ref7) {
|
|
4930
|
+
var padding = _ref7.padding;
|
|
4939
4931
|
return padding ? "30px 40px" : "0";
|
|
4940
|
-
}, function (
|
|
4941
|
-
var theme =
|
|
4932
|
+
}, function (_ref8) {
|
|
4933
|
+
var theme = _ref8.theme;
|
|
4942
4934
|
return theme.styles.modal.container;
|
|
4943
4935
|
});
|
|
4944
4936
|
|
|
4945
|
-
var Modal = function Modal(
|
|
4946
|
-
var
|
|
4947
|
-
isOpen =
|
|
4948
|
-
|
|
4949
|
-
isCloseEnable =
|
|
4950
|
-
|
|
4951
|
-
closeText =
|
|
4952
|
-
|
|
4953
|
-
width =
|
|
4954
|
-
|
|
4955
|
-
padding =
|
|
4956
|
-
customComponent =
|
|
4957
|
-
onDismiss =
|
|
4958
|
-
dismissCallback =
|
|
4937
|
+
var Modal = function Modal(_ref9) {
|
|
4938
|
+
var _ref9$isOpen = _ref9.isOpen,
|
|
4939
|
+
isOpen = _ref9$isOpen === void 0 ? false : _ref9$isOpen,
|
|
4940
|
+
_ref9$isCloseEnable = _ref9.isCloseEnable,
|
|
4941
|
+
isCloseEnable = _ref9$isCloseEnable === void 0 ? true : _ref9$isCloseEnable,
|
|
4942
|
+
_ref9$closeText = _ref9.closeText,
|
|
4943
|
+
closeText = _ref9$closeText === void 0 ? '' : _ref9$closeText,
|
|
4944
|
+
_ref9$width = _ref9.width,
|
|
4945
|
+
width = _ref9$width === void 0 ? '' : _ref9$width,
|
|
4946
|
+
_ref9$padding = _ref9.padding,
|
|
4947
|
+
padding = _ref9$padding === void 0 ? true : _ref9$padding,
|
|
4948
|
+
customComponent = _ref9.customComponent,
|
|
4949
|
+
onDismiss = _ref9.onDismiss,
|
|
4950
|
+
dismissCallback = _ref9.dismissCallback;
|
|
4959
4951
|
var lightBoxRef = React.useRef(null);
|
|
4960
4952
|
|
|
4961
4953
|
var onClickOutside = function onClickOutside() {
|
|
@@ -6305,30 +6297,27 @@ var Title$1 = styled__default.div(_templateObject$B || (_templateObject$B = _tag
|
|
|
6305
6297
|
});
|
|
6306
6298
|
var FakeCheckbox = styled__default.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"])));
|
|
6307
6299
|
var FakeCheckboxInner = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n bottom: 0;\n right: 0;\n left: 0;\n box-sizing: border-box;\n"])));
|
|
6308
|
-
var CheckMarkWrapper = styled__default.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:
|
|
6309
|
-
var theme = _ref2.theme;
|
|
6310
|
-
return theme.colors.icons.inverse;
|
|
6311
|
-
});
|
|
6300
|
+
var CheckMarkWrapper = styled__default.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"])));
|
|
6312
6301
|
var FakeRadioButton = styled__default.div(_templateObject5$o || (_templateObject5$o = _taggedTemplateLiteralLoose(["\n position: relative;\n display: inline-block;\n width: 18px;\n height: 18px;\n user-select: none;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n border-width: 2px;\n border-style: solid;\n"])));
|
|
6313
6302
|
var FakeInnerRadio = styled__default.div(_templateObject6$l || (_templateObject6$l = _taggedTemplateLiteralLoose(["\n width: 10px;\n height: 10px;\n border-radius: 50%;\n user-select: none;\n"])));
|
|
6314
|
-
var Container$m = styled__default.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (
|
|
6315
|
-
var styles =
|
|
6316
|
-
selected =
|
|
6317
|
-
disabled =
|
|
6303
|
+
var Container$m = styled__default.div(_templateObject7$k || (_templateObject7$k = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n height: 100%;\n width: 100%;\n\n ", ";\n"])), function (_ref2) {
|
|
6304
|
+
var styles = _ref2.theme.styles,
|
|
6305
|
+
selected = _ref2.selected,
|
|
6306
|
+
disabled = _ref2.disabled;
|
|
6318
6307
|
return styles && styled.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 && styled.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 && styled.css(_templateObject10$c || (_templateObject10$c = _taggedTemplateLiteralLoose(["\n cursor: not-allowed;\n "]))));
|
|
6319
6308
|
});
|
|
6320
6309
|
|
|
6321
|
-
var FilterOption = function FilterOption(
|
|
6322
|
-
var title =
|
|
6323
|
-
|
|
6324
|
-
optionType =
|
|
6325
|
-
|
|
6326
|
-
selected =
|
|
6327
|
-
|
|
6328
|
-
disabled =
|
|
6329
|
-
|
|
6330
|
-
onClick =
|
|
6331
|
-
props = _objectWithoutPropertiesLoose(
|
|
6310
|
+
var FilterOption = function FilterOption(_ref3) {
|
|
6311
|
+
var title = _ref3.title,
|
|
6312
|
+
_ref3$optionType = _ref3.optionType,
|
|
6313
|
+
optionType = _ref3$optionType === void 0 ? "text" : _ref3$optionType,
|
|
6314
|
+
_ref3$selected = _ref3.selected,
|
|
6315
|
+
selected = _ref3$selected === void 0 ? false : _ref3$selected,
|
|
6316
|
+
_ref3$disabled = _ref3.disabled,
|
|
6317
|
+
disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
|
|
6318
|
+
_ref3$onClick = _ref3.onClick,
|
|
6319
|
+
onClick = _ref3$onClick === void 0 ? function () {} : _ref3$onClick,
|
|
6320
|
+
props = _objectWithoutPropertiesLoose(_ref3, _excluded$o);
|
|
6332
6321
|
|
|
6333
6322
|
var iconWeight = dimensions.icons.weights['regular'];
|
|
6334
6323
|
return React__default.createElement(Container$m, Object.assign({}, {
|
|
@@ -6357,12 +6346,10 @@ var Container$n = styled__default.div(_templateObject$C || (_templateObject$C =
|
|
|
6357
6346
|
}, IconWrapper);
|
|
6358
6347
|
var CrossButton = styled__default.button(_templateObject6$m || (_templateObject6$m = _taggedTemplateLiteralLoose(["\n ", ";\n flex-shrink: 0;\n flex-grow: 0;\n flex-basis: auto;\n width: 26px;\n\n ", " {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), resetButtonStyles, IconWrapper);
|
|
6359
6348
|
var StyledInput$2 = styled__default.input(_templateObject7$l || (_templateObject7$l = _taggedTemplateLiteralLoose(["\n ", ";\n\n ", ";\n\n &:disabled {\n cursor: not-allowed;\n }\n\n font-size: 12px;\n border: none;\n height: 100%;\n width: 100%;\n background-color: transparent;\n box-sizing: border-box;\n border-radius: 3px;\n outline: none;\n margin-left: 7px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n\n"])), removeAutoFillStyle, function (_ref2) {
|
|
6360
|
-
var
|
|
6361
|
-
typography = _ref2$theme.typography,
|
|
6362
|
-
colors = _ref2$theme.colors,
|
|
6349
|
+
var typography = _ref2.theme.typography,
|
|
6363
6350
|
theme = _ref2.theme,
|
|
6364
6351
|
color = _ref2.color;
|
|
6365
|
-
return styled.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,
|
|
6352
|
+
return styled.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);
|
|
6366
6353
|
});
|
|
6367
6354
|
|
|
6368
6355
|
var BasicSearchInput = function BasicSearchInput(_ref3) {
|
|
@@ -12416,33 +12403,29 @@ var _excluded$D = ["icon", "size", "weight", "label", "linkTo"];
|
|
|
12416
12403
|
var _templateObject$1f, _templateObject2$17, _templateObject3$_, _templateObject4$U;
|
|
12417
12404
|
var TextContainer$3 = styled__default.div(_templateObject$1f || (_templateObject$1f = _taggedTemplateLiteralLoose(["\n user-select: none;\n"])));
|
|
12418
12405
|
var StyledLink$1 = styled__default(reactRouterDom.Link)(_templateObject2$17 || (_templateObject2$17 = _taggedTemplateLiteralLoose(["\n text-decoration: none;\n"])));
|
|
12419
|
-
var TagWrapper = styled__default.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
|
|
12406
|
+
var TagWrapper = styled__default.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) {
|
|
12420
12407
|
var theme = _ref.theme;
|
|
12421
12408
|
return theme.fontFamily.ui;
|
|
12422
12409
|
}, function (_ref2) {
|
|
12423
12410
|
var size = _ref2.size;
|
|
12424
12411
|
return size;
|
|
12425
12412
|
}, IconWrapper, function (_ref3) {
|
|
12426
|
-
var
|
|
12427
|
-
|
|
12428
|
-
|
|
12429
|
-
var theme = _ref4.theme,
|
|
12430
|
-
hoverColor = _ref4.hoverColor,
|
|
12431
|
-
enableHover = _ref4.enableHover;
|
|
12432
|
-
return enableHover && styled.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]);
|
|
12413
|
+
var hoverColor = _ref3.hoverColor,
|
|
12414
|
+
enableHover = _ref3.enableHover;
|
|
12415
|
+
return enableHover && styled.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);
|
|
12433
12416
|
});
|
|
12434
12417
|
|
|
12435
|
-
var Tag = function Tag(
|
|
12436
|
-
var
|
|
12437
|
-
icon =
|
|
12438
|
-
|
|
12439
|
-
size =
|
|
12440
|
-
|
|
12441
|
-
weight =
|
|
12442
|
-
|
|
12443
|
-
label =
|
|
12444
|
-
linkTo =
|
|
12445
|
-
props = _objectWithoutPropertiesLoose(
|
|
12418
|
+
var Tag = function Tag(_ref4) {
|
|
12419
|
+
var _ref4$icon = _ref4.icon,
|
|
12420
|
+
icon = _ref4$icon === void 0 ? '' : _ref4$icon,
|
|
12421
|
+
_ref4$size = _ref4.size,
|
|
12422
|
+
size = _ref4$size === void 0 ? 14 : _ref4$size,
|
|
12423
|
+
_ref4$weight = _ref4.weight,
|
|
12424
|
+
weight = _ref4$weight === void 0 ? 'regular' : _ref4$weight,
|
|
12425
|
+
_ref4$label = _ref4.label,
|
|
12426
|
+
label = _ref4$label === void 0 ? '' : _ref4$label,
|
|
12427
|
+
linkTo = _ref4.linkTo,
|
|
12428
|
+
props = _objectWithoutPropertiesLoose(_ref4, _excluded$D);
|
|
12446
12429
|
|
|
12447
12430
|
var renderTag = function renderTag() {
|
|
12448
12431
|
return React__default.createElement(TagWrapper, {
|
|
@@ -12562,18 +12545,275 @@ var ActionsBar = function ActionsBar(_ref3) {
|
|
|
12562
12545
|
}, finishTextButton))), React__default.createElement(SelectedResults, null, renderSelected(selectedTemplate, totalSelected, totalAvailable)));
|
|
12563
12546
|
};
|
|
12564
12547
|
|
|
12565
|
-
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q;
|
|
12566
|
-
var
|
|
12567
|
-
var
|
|
12548
|
+
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q, _templateObject6$D, _templateObject7$A, _templateObject8$v, _templateObject9$o, _templateObject10$k;
|
|
12549
|
+
var WIDTH_PER_NUMBER = 12;
|
|
12550
|
+
var PaginationContainer = styled__default.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"])));
|
|
12551
|
+
var PageLabel = styled__default.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"])));
|
|
12552
|
+
var StaticPageCount = styled__default.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"])));
|
|
12553
|
+
var StyledInput$3 = styled__default.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) {
|
|
12554
|
+
var textColor = _ref.textColor;
|
|
12555
|
+
return textColor;
|
|
12556
|
+
}, function (_ref2) {
|
|
12557
|
+
var maxWidth = _ref2.maxWidth;
|
|
12558
|
+
return maxWidth ? maxWidth : '40px';
|
|
12559
|
+
}, WIDTH_PER_NUMBER / 2);
|
|
12560
|
+
var shakeAnimation = styled.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"])));
|
|
12561
|
+
var InputContainer$2 = styled__default.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) {
|
|
12562
|
+
var shouldShake = _ref3.shouldShake;
|
|
12563
|
+
return shouldShake ? shakeAnimation : 'none';
|
|
12564
|
+
}, function (_ref4) {
|
|
12565
|
+
var borderColor = _ref4.borderColor;
|
|
12566
|
+
return borderColor && "border: 1px solid " + borderColor;
|
|
12567
|
+
});
|
|
12568
|
+
var GoButton = styled__default(Button)(_templateObject7$A || (_templateObject7$A = _taggedTemplateLiteralLoose(["\n height: 24px;\n padding: 0 8px;\n margin-left: 8px;\n"])));
|
|
12569
|
+
var ArrowWrapper = styled__default.div(_templateObject8$v || (_templateObject8$v = _taggedTemplateLiteralLoose(["\n display: flex;\n gap: 0 8px;\n"])));
|
|
12570
|
+
var ArrowButton = styled__default.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) {
|
|
12571
|
+
var active = _ref5.active;
|
|
12572
|
+
return active ? 'auto' : 'none';
|
|
12573
|
+
}, function (_ref6) {
|
|
12574
|
+
var active = _ref6.active;
|
|
12575
|
+
return active ? '1' : '0.5';
|
|
12576
|
+
});
|
|
12577
|
+
var ItemsSelectWrapper = styled__default.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) {
|
|
12578
|
+
var width = _ref7.width;
|
|
12579
|
+
return width ? width : "60px";
|
|
12580
|
+
}, StyledLabel);
|
|
12581
|
+
|
|
12582
|
+
var Pagination = function Pagination(props) {
|
|
12583
|
+
var _props$pageText = props.pageText,
|
|
12584
|
+
pageText = _props$pageText === void 0 ? 'Page:' : _props$pageText,
|
|
12585
|
+
_props$totalPages = props.totalPages,
|
|
12586
|
+
totalPages = _props$totalPages === void 0 ? 199 : _props$totalPages,
|
|
12587
|
+
_props$activePage = props.activePage,
|
|
12588
|
+
activePage = _props$activePage === void 0 ? 1 : _props$activePage,
|
|
12589
|
+
_props$buttonText = props.buttonText,
|
|
12590
|
+
buttonText = _props$buttonText === void 0 ? 'GO' : _props$buttonText,
|
|
12591
|
+
_props$itemsText = props.itemsText,
|
|
12592
|
+
itemsText = _props$itemsText === void 0 ? 'Items Per Page' : _props$itemsText,
|
|
12593
|
+
_props$selectWidth = props.selectWidth,
|
|
12594
|
+
selectWidth = _props$selectWidth === void 0 ? '60px' : _props$selectWidth,
|
|
12595
|
+
_props$selectDisabled = props.selectDisabled,
|
|
12596
|
+
selectDisabled = _props$selectDisabled === void 0 ? false : _props$selectDisabled,
|
|
12597
|
+
_props$itemsOptions = props.itemsOptions,
|
|
12598
|
+
itemsOptions = _props$itemsOptions === void 0 ? [] : _props$itemsOptions,
|
|
12599
|
+
onPageChange = props.onPageChange,
|
|
12600
|
+
onItemsChange = props.onItemsChange;
|
|
12601
|
+
|
|
12602
|
+
var _useState = React.useState('default'),
|
|
12603
|
+
fieldState = _useState[0],
|
|
12604
|
+
setFieldState = _useState[1];
|
|
12605
|
+
|
|
12606
|
+
var _useState2 = React.useState(activePage.toString()),
|
|
12607
|
+
pageValue = _useState2[0],
|
|
12608
|
+
setPageValue = _useState2[1];
|
|
12609
|
+
|
|
12610
|
+
var _useState3 = React.useState(parseInt(pageValue) > totalPages && fieldState !== '' ? false : true),
|
|
12611
|
+
disableGo = _useState3[0],
|
|
12612
|
+
setDisabledGo = _useState3[1];
|
|
12613
|
+
|
|
12614
|
+
var _useState4 = React.useState(false),
|
|
12615
|
+
shouldShake = _useState4[0],
|
|
12616
|
+
setShouldShake = _useState4[1];
|
|
12617
|
+
|
|
12618
|
+
var inputRef = React.useRef(null);
|
|
12619
|
+
var getValidWidth = React.useCallback(function () {
|
|
12620
|
+
return totalPages.toString().length * WIDTH_PER_NUMBER + WIDTH_PER_NUMBER / 2 + "px";
|
|
12621
|
+
}, [totalPages]);
|
|
12622
|
+
var isValidInput = React.useCallback(function (value) {
|
|
12623
|
+
if (isNotNumber(value)) {
|
|
12624
|
+
return false;
|
|
12625
|
+
}
|
|
12626
|
+
|
|
12627
|
+
if (parseInt(value) > totalPages) {
|
|
12628
|
+
return false;
|
|
12629
|
+
}
|
|
12630
|
+
|
|
12631
|
+
if (parseInt(value) <= 0) {
|
|
12632
|
+
return false;
|
|
12633
|
+
}
|
|
12634
|
+
|
|
12635
|
+
if (value === '') {
|
|
12636
|
+
return false;
|
|
12637
|
+
}
|
|
12638
|
+
|
|
12639
|
+
return true;
|
|
12640
|
+
}, [totalPages]);
|
|
12641
|
+
var onInputChange = React.useCallback(function (_ref8) {
|
|
12642
|
+
var value = _ref8.target.value;
|
|
12643
|
+
setShouldShake(false);
|
|
12644
|
+
|
|
12645
|
+
if (isNotNumber(value)) {
|
|
12646
|
+
return;
|
|
12647
|
+
}
|
|
12648
|
+
|
|
12649
|
+
var validDigitValue = value === '' ? '' : Number(value.slice(-totalPages.toString().length)).toString();
|
|
12650
|
+
setPageValue(validDigitValue);
|
|
12651
|
+
|
|
12652
|
+
if (isValidInput(validDigitValue)) {
|
|
12653
|
+
setFieldState('processing');
|
|
12654
|
+
setDisabledGo(false);
|
|
12655
|
+
} else {
|
|
12656
|
+
setFieldState('invalid');
|
|
12657
|
+
setDisabledGo(true);
|
|
12658
|
+
setShouldShake(true);
|
|
12659
|
+
}
|
|
12660
|
+
}, [isValidInput, totalPages]);
|
|
12661
|
+
|
|
12662
|
+
var _onBlur = React.useCallback(function (_ref9) {
|
|
12663
|
+
var value = _ref9.target.value;
|
|
12664
|
+
|
|
12665
|
+
if (value === '') {
|
|
12666
|
+
setPageValue(activePage.toString());
|
|
12667
|
+
} else if (isValidInput(value) && parseInt(value) !== activePage) {
|
|
12668
|
+
setDisabledGo(false);
|
|
12669
|
+
setFieldState('processing');
|
|
12670
|
+
return;
|
|
12671
|
+
} else if (!isValidInput(value)) {
|
|
12672
|
+
setFieldState('invalid');
|
|
12673
|
+
setDisabledGo(true);
|
|
12674
|
+
return;
|
|
12675
|
+
}
|
|
12676
|
+
|
|
12677
|
+
setFieldState('default');
|
|
12678
|
+
}, [activePage, isValidInput]);
|
|
12679
|
+
|
|
12680
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
12681
|
+
if (event.key === 'Enter' && isValidInput(pageValue)) {
|
|
12682
|
+
onClickGo();
|
|
12683
|
+
}
|
|
12684
|
+
};
|
|
12685
|
+
|
|
12686
|
+
var _onFocus = function onFocus(_ref10) {
|
|
12687
|
+
var value = _ref10.target.value;
|
|
12688
|
+
|
|
12689
|
+
if (isValidInput(value)) {
|
|
12690
|
+
setFieldState('processing');
|
|
12691
|
+
} else {
|
|
12692
|
+
setFieldState('invalid');
|
|
12693
|
+
setDisabledGo(true);
|
|
12694
|
+
}
|
|
12695
|
+
};
|
|
12696
|
+
|
|
12697
|
+
var getStateColor = React.useCallback(function (state) {
|
|
12698
|
+
switch (state) {
|
|
12699
|
+
case 'processing':
|
|
12700
|
+
return 'var(--primary-7)';
|
|
12701
|
+
|
|
12702
|
+
case 'invalid':
|
|
12703
|
+
return 'var(--warning-8)';
|
|
12704
|
+
|
|
12705
|
+
case 'default':
|
|
12706
|
+
default:
|
|
12707
|
+
return 'var(--grey-9)';
|
|
12708
|
+
}
|
|
12709
|
+
}, []);
|
|
12710
|
+
var onClickGo = React.useCallback(function () {
|
|
12711
|
+
onPageChange(parseInt(pageValue));
|
|
12712
|
+
inputRef.current && inputRef.current.blur();
|
|
12713
|
+
setDisabledGo(true);
|
|
12714
|
+
setFieldState('default');
|
|
12715
|
+
}, [onPageChange, pageValue]);
|
|
12716
|
+
|
|
12717
|
+
var handlePageChange = function handlePageChange(value) {
|
|
12718
|
+
onPageChange(value);
|
|
12719
|
+
setPageValue(value.toString());
|
|
12720
|
+
};
|
|
12721
|
+
|
|
12722
|
+
var onItemsSelectChange = React.useCallback(function (value) {
|
|
12723
|
+
onItemsChange(Number(value));
|
|
12724
|
+
}, [onItemsChange]);
|
|
12725
|
+
|
|
12726
|
+
var handlePaste = function handlePaste(e) {
|
|
12727
|
+
var clipboardData = e.clipboardData || window.clipboardData;
|
|
12728
|
+
var pastedText = clipboardData.getData('text');
|
|
12729
|
+
|
|
12730
|
+
if (!/^\d+$/.test(pastedText)) {
|
|
12731
|
+
e.preventDefault();
|
|
12732
|
+
}
|
|
12733
|
+
};
|
|
12734
|
+
|
|
12735
|
+
return React__default.createElement(PaginationContainer, null, React__default.createElement(ItemsSelectWrapper, {
|
|
12736
|
+
width: selectWidth
|
|
12737
|
+
}, React__default.createElement(SelectField, {
|
|
12738
|
+
disabled: selectDisabled,
|
|
12739
|
+
label: {
|
|
12740
|
+
htmlFor: 'paginationPages',
|
|
12741
|
+
text: itemsText,
|
|
12742
|
+
isSameRow: true
|
|
12743
|
+
},
|
|
12744
|
+
defaultValue: 1,
|
|
12745
|
+
changeCallback: onItemsSelectChange
|
|
12746
|
+
}, React__default.createElement(React.Fragment, null, itemsOptions.map(function (_ref11, index) {
|
|
12747
|
+
var value = _ref11.value,
|
|
12748
|
+
textValue = _ref11.textValue;
|
|
12749
|
+
return React__default.createElement("option", {
|
|
12750
|
+
key: index,
|
|
12751
|
+
value: value
|
|
12752
|
+
}, textValue);
|
|
12753
|
+
})))), React__default.createElement(PageLabel, {
|
|
12754
|
+
htmlFor: 'goButton'
|
|
12755
|
+
}, pageText), React__default.createElement(InputContainer$2, {
|
|
12756
|
+
borderColor: getStateColor(fieldState),
|
|
12757
|
+
shouldShake: shouldShake
|
|
12758
|
+
}, React__default.createElement(StyledInput$3, {
|
|
12759
|
+
ref: inputRef,
|
|
12760
|
+
value: pageValue,
|
|
12761
|
+
onChange: function onChange(e) {
|
|
12762
|
+
return onInputChange(e);
|
|
12763
|
+
},
|
|
12764
|
+
textColor: getStateColor(fieldState),
|
|
12765
|
+
onFocus: function onFocus(e) {
|
|
12766
|
+
return _onFocus(e);
|
|
12767
|
+
},
|
|
12768
|
+
onBlur: function onBlur(e) {
|
|
12769
|
+
return _onBlur(e);
|
|
12770
|
+
},
|
|
12771
|
+
onPaste: function onPaste(e) {
|
|
12772
|
+
return handlePaste(e);
|
|
12773
|
+
},
|
|
12774
|
+
onKeyDown: handleKeyDown,
|
|
12775
|
+
maxWidth: getValidWidth()
|
|
12776
|
+
}), React__default.createElement(StaticPageCount, null, '/' + "\xA0" + totalPages.toString()), React__default.createElement(GoButton, {
|
|
12777
|
+
id: 'goButton',
|
|
12778
|
+
size: 'small',
|
|
12779
|
+
design: 'primary',
|
|
12780
|
+
disabled: disableGo,
|
|
12781
|
+
onClick: onClickGo
|
|
12782
|
+
}, buttonText)), React__default.createElement(ArrowWrapper, null, React__default.createElement(ArrowButton, {
|
|
12783
|
+
onClick: function onClick() {
|
|
12784
|
+
return handlePageChange(activePage - 1);
|
|
12785
|
+
},
|
|
12786
|
+
disabled: activePage <= 1,
|
|
12787
|
+
active: fieldState === 'default' && activePage > 1
|
|
12788
|
+
}, React__default.createElement(Icon, {
|
|
12789
|
+
icon: 'Left',
|
|
12790
|
+
color: 'dimmed',
|
|
12791
|
+
size: 8
|
|
12792
|
+
})), React__default.createElement(ArrowButton, {
|
|
12793
|
+
onClick: function onClick() {
|
|
12794
|
+
return handlePageChange(activePage + 1);
|
|
12795
|
+
},
|
|
12796
|
+
disabled: activePage >= totalPages,
|
|
12797
|
+
active: fieldState === 'default' && activePage < totalPages
|
|
12798
|
+
}, React__default.createElement(Icon, {
|
|
12799
|
+
icon: 'Right',
|
|
12800
|
+
color: 'dimmed',
|
|
12801
|
+
size: 8
|
|
12802
|
+
}))));
|
|
12803
|
+
};
|
|
12804
|
+
|
|
12805
|
+
var _templateObject$1j, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R;
|
|
12806
|
+
var Container$T = styled__default.div(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose([""])));
|
|
12807
|
+
var Title$7 = styled__default.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12568
12808
|
var typography = _ref.theme.typography;
|
|
12569
12809
|
return typography.modal.title;
|
|
12570
12810
|
});
|
|
12571
|
-
var MessageBox$1 = styled__default.div(_templateObject3$
|
|
12811
|
+
var MessageBox$1 = styled__default.div(_templateObject3$11 || (_templateObject3$11 = _taggedTemplateLiteralLoose(["\n ", ";\n margin: 28px 0;\n"])), function (_ref2) {
|
|
12572
12812
|
var typography = _ref2.theme.typography;
|
|
12573
12813
|
return typography.modal.basicContent;
|
|
12574
12814
|
});
|
|
12575
|
-
var StyledButton$6 = styled__default(Button)(_templateObject4$
|
|
12576
|
-
var ButtonsGroup$1 = styled__default.div(_templateObject5$
|
|
12815
|
+
var StyledButton$6 = styled__default(Button)(_templateObject4$X || (_templateObject4$X = _taggedTemplateLiteralLoose(["\n margin-left: 10px;\n"])));
|
|
12816
|
+
var ButtonsGroup$1 = styled__default.div(_templateObject5$R || (_templateObject5$R = _taggedTemplateLiteralLoose(["\n text-align: right;\n"])));
|
|
12577
12817
|
|
|
12578
12818
|
var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
12579
12819
|
var _ref3$title = _ref3.title,
|
|
@@ -12615,24 +12855,24 @@ var ConfirmationModal = function ConfirmationModal(_ref3) {
|
|
|
12615
12855
|
}, rightButtonText)));
|
|
12616
12856
|
};
|
|
12617
12857
|
|
|
12618
|
-
var _templateObject$
|
|
12858
|
+
var _templateObject$1k, _templateObject2$1b, _templateObject3$12, _templateObject4$Y, _templateObject5$S, _templateObject6$E;
|
|
12619
12859
|
var MOBILE_CLOSE_HEIGHT = 50;
|
|
12620
12860
|
var MOBILE_NAVBAR_HEIGHT = 68;
|
|
12621
|
-
var Layout = styled__default.div(_templateObject$
|
|
12861
|
+
var Layout = styled__default.div(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n height: 100%;\n ", ";\n"])), function (_ref) {
|
|
12622
12862
|
var theme = _ref.theme;
|
|
12623
12863
|
return theme.styles.global.background;
|
|
12624
12864
|
});
|
|
12625
|
-
var MobileLayout = styled__default.div(_templateObject2$
|
|
12626
|
-
var Content = styled__default.div(_templateObject3$
|
|
12865
|
+
var MobileLayout = styled__default.div(_templateObject2$1b || (_templateObject2$1b = _taggedTemplateLiteralLoose([""])));
|
|
12866
|
+
var Content = styled__default.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) {
|
|
12627
12867
|
var _ref2$padBottom = _ref2.padBottom,
|
|
12628
12868
|
padBottom = _ref2$padBottom === void 0 ? true : _ref2$padBottom;
|
|
12629
12869
|
return padBottom ? '70px 90px' : '70px 90px 0';
|
|
12630
12870
|
}, function (_ref3) {
|
|
12631
12871
|
var maxWidth = _ref3.maxWidth;
|
|
12632
|
-
return maxWidth && styled.css(_templateObject4$
|
|
12872
|
+
return maxWidth && styled.css(_templateObject4$Y || (_templateObject4$Y = _taggedTemplateLiteralLoose(["\n & > div {\n max-width: ", ";\n }\n "])), maxWidth);
|
|
12633
12873
|
});
|
|
12634
|
-
var MainContainer = styled__default.div(_templateObject5$
|
|
12635
|
-
var ContentArea = styled__default.div(_templateObject6$
|
|
12874
|
+
var MainContainer = styled__default.div(_templateObject5$S || (_templateObject5$S = _taggedTemplateLiteralLoose(["\n flex: 1;\n display: flex;\n flex-direction: column;\n"])));
|
|
12875
|
+
var ContentArea = styled__default.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) {
|
|
12636
12876
|
var paddingOverride = _ref4.paddingOverride;
|
|
12637
12877
|
return paddingOverride ? paddingOverride : '40px 20px';
|
|
12638
12878
|
}, deviceMediaQuery.medium, function (_ref5) {
|
|
@@ -12646,26 +12886,26 @@ var ContentArea = styled__default.div(_templateObject6$D || (_templateObject6$D
|
|
|
12646
12886
|
return paddingOverride ? paddingOverride : '70px 90px';
|
|
12647
12887
|
});
|
|
12648
12888
|
|
|
12649
|
-
var _templateObject$
|
|
12650
|
-
var ContextTitle = styled__default.div(_templateObject$
|
|
12889
|
+
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;
|
|
12890
|
+
var ContextTitle = styled__default.div(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
12651
12891
|
var theme = _ref.theme;
|
|
12652
|
-
return styled.css(_templateObject2$
|
|
12892
|
+
return styled.css(_templateObject2$1c || (_templateObject2$1c = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
12653
12893
|
}, function (_ref2) {
|
|
12654
12894
|
var compact = _ref2.compact;
|
|
12655
|
-
return compact && styled.css(_templateObject3$
|
|
12895
|
+
return compact && styled.css(_templateObject3$13 || (_templateObject3$13 = _taggedTemplateLiteralLoose(["\n font-size:14px;\n "])));
|
|
12656
12896
|
});
|
|
12657
|
-
var ContextIcon$1 = styled__default.div(_templateObject4$
|
|
12897
|
+
var ContextIcon$1 = styled__default.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) {
|
|
12658
12898
|
var theme = _ref3.theme;
|
|
12659
|
-
return styled.css(_templateObject5$
|
|
12899
|
+
return styled.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);
|
|
12660
12900
|
});
|
|
12661
|
-
var ContextIndicator = styled__default.div(_templateObject6$
|
|
12901
|
+
var ContextIndicator = styled__default.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) {
|
|
12662
12902
|
var theme = _ref4.theme;
|
|
12663
|
-
return styled.css(_templateObject7$
|
|
12903
|
+
return styled.css(_templateObject7$B || (_templateObject7$B = _taggedTemplateLiteralLoose(["\n transition: opacity 0 ", ";\n "])), theme.animation.easing.primary.easeInOut);
|
|
12664
12904
|
});
|
|
12665
|
-
var ContextActionBaseCSS$1 = styled.css(_templateObject8$
|
|
12666
|
-
var StyledAnchor = styled__default.a(_templateObject9$
|
|
12667
|
-
var ExternalIconWrapper = styled__default.div(_templateObject10$
|
|
12668
|
-
var ContextWrapper = styled__default.div(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke:
|
|
12905
|
+
var ContextActionBaseCSS$1 = styled.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"])));
|
|
12906
|
+
var StyledAnchor = styled__default.a(_templateObject9$p || (_templateObject9$p = _taggedTemplateLiteralLoose(["\n display: flex;\n text-decoration: none;\n"])));
|
|
12907
|
+
var ExternalIconWrapper = styled__default.div(_templateObject10$l || (_templateObject10$l = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
12908
|
+
var ContextWrapper = styled__default.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) {
|
|
12669
12909
|
var theme = _ref5.theme;
|
|
12670
12910
|
return theme && styled.css(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12671
12911
|
}, function (_ref6) {
|
|
@@ -12674,64 +12914,55 @@ var ContextWrapper = styled__default.div(_templateObject11$d || (_templateObject
|
|
|
12674
12914
|
}, ContextIcon$1, function (_ref7) {
|
|
12675
12915
|
var theme = _ref7.theme;
|
|
12676
12916
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12677
|
-
}, IconWrapper
|
|
12917
|
+
}, IconWrapper);
|
|
12918
|
+
var ContextActionA = styled__default(reactRouterDom.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) {
|
|
12678
12919
|
var theme = _ref8.theme;
|
|
12679
|
-
return theme.colors.icons['inverse'];
|
|
12680
|
-
});
|
|
12681
|
-
var ContextActionA = styled__default(reactRouterDom.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) {
|
|
12682
|
-
var theme = _ref9.theme;
|
|
12683
12920
|
return theme && styled.css(_templateObject15$5 || (_templateObject15$5 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12684
|
-
}, function (
|
|
12685
|
-
var $menuOpen =
|
|
12921
|
+
}, function (_ref9) {
|
|
12922
|
+
var $menuOpen = _ref9.$menuOpen;
|
|
12686
12923
|
return $menuOpen && styled.css(_templateObject16$5 || (_templateObject16$5 = _taggedTemplateLiteralLoose(["\n ", "{\n opacity: 1;\n }\n "])), ContextTitle);
|
|
12687
|
-
}, ContextIcon$1, function (
|
|
12688
|
-
var theme =
|
|
12924
|
+
}, ContextIcon$1, function (_ref10) {
|
|
12925
|
+
var theme = _ref10.theme;
|
|
12689
12926
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12690
|
-
}, IconWrapper, function (
|
|
12691
|
-
var
|
|
12692
|
-
return
|
|
12693
|
-
|
|
12694
|
-
var $isActive = _ref13.$isActive;
|
|
12695
|
-
return $isActive && styled.css(_templateObject17$5 || (_templateObject17$5 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref14) {
|
|
12696
|
-
var theme = _ref14.theme;
|
|
12927
|
+
}, IconWrapper, function (_ref11) {
|
|
12928
|
+
var $isActive = _ref11.$isActive;
|
|
12929
|
+
return $isActive && styled.css(_templateObject17$5 || (_templateObject17$5 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref12) {
|
|
12930
|
+
var theme = _ref12.theme;
|
|
12697
12931
|
return theme.styles.global.mainMenu.iconBackground.active;
|
|
12698
12932
|
});
|
|
12699
12933
|
});
|
|
12700
|
-
var ContextActionButton$1 = styled__default.button(_templateObject18$3 || (_templateObject18$3 = _taggedTemplateLiteralLoose(["\n ", "\n\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke:
|
|
12701
|
-
var theme =
|
|
12934
|
+
var ContextActionButton$1 = styled__default.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) {
|
|
12935
|
+
var theme = _ref13.theme;
|
|
12702
12936
|
return theme && styled.css(_templateObject19$3 || (_templateObject19$3 = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
12703
|
-
}, function (
|
|
12704
|
-
var menuOpen =
|
|
12705
|
-
theme =
|
|
12937
|
+
}, function (_ref14) {
|
|
12938
|
+
var menuOpen = _ref14.menuOpen,
|
|
12939
|
+
theme = _ref14.theme;
|
|
12706
12940
|
return menuOpen && styled.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);
|
|
12707
|
-
}, ContextIcon$1, function (
|
|
12708
|
-
var theme =
|
|
12941
|
+
}, ContextIcon$1, function (_ref15) {
|
|
12942
|
+
var theme = _ref15.theme;
|
|
12709
12943
|
return theme.styles.global.mainMenu.iconBackground.hover;
|
|
12710
|
-
}, IconWrapper, function (
|
|
12711
|
-
var
|
|
12712
|
-
return
|
|
12713
|
-
|
|
12714
|
-
var isActive = _ref19.isActive;
|
|
12715
|
-
return isActive && styled.css(_templateObject21$3 || (_templateObject21$3 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref20) {
|
|
12716
|
-
var theme = _ref20.theme;
|
|
12944
|
+
}, IconWrapper, function (_ref16) {
|
|
12945
|
+
var isActive = _ref16.isActive;
|
|
12946
|
+
return isActive && styled.css(_templateObject21$3 || (_templateObject21$3 = _taggedTemplateLiteralLoose(["\n ", ",\n &:hover ", "{\n ", ";\n }\n "])), ContextIcon$1, ContextIcon$1, function (_ref17) {
|
|
12947
|
+
var theme = _ref17.theme;
|
|
12717
12948
|
return theme.styles.global.mainMenu.iconBackground.active;
|
|
12718
12949
|
});
|
|
12719
12950
|
});
|
|
12720
12951
|
|
|
12721
|
-
var ContextItem = function ContextItem(
|
|
12722
|
-
var
|
|
12723
|
-
hasSubmenu =
|
|
12724
|
-
|
|
12725
|
-
contextKey =
|
|
12726
|
-
submenuOpen =
|
|
12727
|
-
menuOpen =
|
|
12728
|
-
title =
|
|
12729
|
-
href =
|
|
12730
|
-
icon =
|
|
12731
|
-
compact =
|
|
12732
|
-
isActive =
|
|
12733
|
-
isExternalLink =
|
|
12734
|
-
onClickCallback =
|
|
12952
|
+
var ContextItem = function ContextItem(_ref18) {
|
|
12953
|
+
var _ref18$hasSubmenu = _ref18.hasSubmenu,
|
|
12954
|
+
hasSubmenu = _ref18$hasSubmenu === void 0 ? false : _ref18$hasSubmenu,
|
|
12955
|
+
_ref18$contextKey = _ref18.contextKey,
|
|
12956
|
+
contextKey = _ref18$contextKey === void 0 ? -1 : _ref18$contextKey,
|
|
12957
|
+
submenuOpen = _ref18.submenuOpen,
|
|
12958
|
+
menuOpen = _ref18.menuOpen,
|
|
12959
|
+
title = _ref18.title,
|
|
12960
|
+
href = _ref18.href,
|
|
12961
|
+
icon = _ref18.icon,
|
|
12962
|
+
compact = _ref18.compact,
|
|
12963
|
+
isActive = _ref18.isActive,
|
|
12964
|
+
isExternalLink = _ref18.isExternalLink,
|
|
12965
|
+
onClickCallback = _ref18.onClickCallback;
|
|
12735
12966
|
var internal = React__default.createElement(React__default.Fragment, null, React__default.createElement(ContextIcon$1, Object.assign({}, {
|
|
12736
12967
|
compact: compact
|
|
12737
12968
|
}), React__default.createElement(Icon, {
|
|
@@ -12908,23 +13139,23 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
12908
13139
|
};
|
|
12909
13140
|
};
|
|
12910
13141
|
|
|
12911
|
-
var _templateObject$
|
|
12912
|
-
var Submenu = styled__default.ul(_templateObject$
|
|
12913
|
-
var SubmenuHeader = styled__default.div(_templateObject2$
|
|
12914
|
-
var SubmenuItemTitle = styled__default.span(_templateObject3$
|
|
13142
|
+
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;
|
|
13143
|
+
var Submenu = styled__default.ul(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
13144
|
+
var SubmenuHeader = styled__default.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
13145
|
+
var SubmenuItemTitle = styled__default.span(_templateObject3$14 || (_templateObject3$14 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
12915
13146
|
var theme = _ref.theme;
|
|
12916
|
-
return theme && styled.css(_templateObject4$
|
|
13147
|
+
return theme && styled.css(_templateObject4$_ || (_templateObject4$_ = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", "\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.subheader);
|
|
12917
13148
|
});
|
|
12918
|
-
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$
|
|
12919
|
-
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$
|
|
12920
|
-
var SubmenuItemAnchor = styled__default.a(_templateObject7$
|
|
12921
|
-
var SubmenuItem = styled__default.li(_templateObject8$
|
|
13149
|
+
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$U || (_templateObject5$U = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
13150
|
+
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$G || (_templateObject6$G = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
13151
|
+
var SubmenuItemAnchor = styled__default.a(_templateObject7$C || (_templateObject7$C = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
13152
|
+
var SubmenuItem = styled__default.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) {
|
|
12922
13153
|
var colors = _ref2.theme.colors;
|
|
12923
13154
|
return colors.divider;
|
|
12924
13155
|
}, SubmenuItemLink, SubmenuItemAnchor, function (_ref3) {
|
|
12925
13156
|
var theme = _ref3.theme,
|
|
12926
13157
|
isActive = _ref3.isActive;
|
|
12927
|
-
return theme && styled.css(_templateObject9$
|
|
13158
|
+
return theme && styled.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 && styled.css(_templateObject10$m || (_templateObject10$m = _taggedTemplateLiteralLoose(["\n &, &:hover {\n ", ";\n }\n "])), theme.typography.global.mainMenu.subItem.active));
|
|
12928
13159
|
});
|
|
12929
13160
|
var SubmenuContainer = styled__default.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) {
|
|
12930
13161
|
var theme = _ref4.theme;
|
|
@@ -13055,19 +13286,19 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
13055
13286
|
return output;
|
|
13056
13287
|
};
|
|
13057
13288
|
|
|
13058
|
-
var _templateObject$
|
|
13059
|
-
var Logo = styled__default(reactRouterDom.Link)(_templateObject$
|
|
13060
|
-
var LogoMark = styled__default.div(_templateObject2$
|
|
13061
|
-
var LogoType = styled__default.div(_templateObject3$
|
|
13062
|
-
var SVGObject = styled__default.object(_templateObject4
|
|
13063
|
-
var SVGObjectText = styled__default.object(_templateObject5$
|
|
13064
|
-
var NavigationContainer = styled__default.div(_templateObject6$
|
|
13065
|
-
var MenuFooter = styled__default.div(_templateObject7$
|
|
13289
|
+
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;
|
|
13290
|
+
var Logo = styled__default(reactRouterDom.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"])));
|
|
13291
|
+
var LogoMark = styled__default.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"])));
|
|
13292
|
+
var LogoType = styled__default.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"])));
|
|
13293
|
+
var SVGObject = styled__default.object(_templateObject4$$ || (_templateObject4$$ = _taggedTemplateLiteralLoose([""])));
|
|
13294
|
+
var SVGObjectText = styled__default.object(_templateObject5$V || (_templateObject5$V = _taggedTemplateLiteralLoose(["\n max-width: 180px;\n"])));
|
|
13295
|
+
var NavigationContainer = styled__default.div(_templateObject6$H || (_templateObject6$H = _taggedTemplateLiteralLoose([""])));
|
|
13296
|
+
var MenuFooter = styled__default.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) {
|
|
13066
13297
|
var theme = _ref.theme;
|
|
13067
|
-
return theme && styled.css(_templateObject8$
|
|
13298
|
+
return theme && styled.css(_templateObject8$y || (_templateObject8$y = _taggedTemplateLiteralLoose(["\n ", "\n "])), theme.styles.global.mainMenu.footerBackground);
|
|
13068
13299
|
});
|
|
13069
|
-
var FooterItemContainer = styled__default.div(_templateObject9$
|
|
13070
|
-
var PushContainer = styled__default.div(_templateObject10$
|
|
13300
|
+
var FooterItemContainer = styled__default.div(_templateObject9$r || (_templateObject9$r = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
13301
|
+
var PushContainer = styled__default.div(_templateObject10$n || (_templateObject10$n = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref2) {
|
|
13071
13302
|
var theme = _ref2.theme,
|
|
13072
13303
|
isPinned = _ref2.isPinned;
|
|
13073
13304
|
return theme && styled.css(_templateObject11$f || (_templateObject11$f = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), isPinned ? theme.dimensions.global.mainMenu.width.open : theme.dimensions.global.mainMenu.width.closed);
|
|
@@ -13200,22 +13431,22 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
13200
13431
|
})) : null))), document.body));
|
|
13201
13432
|
};
|
|
13202
13433
|
|
|
13203
|
-
var _templateObject$
|
|
13204
|
-
var MetaConatiner = styled__default.div(_templateObject$
|
|
13205
|
-
var LabelTitle = styled__default.div(_templateObject2$
|
|
13434
|
+
var _templateObject$1o, _templateObject2$1f, _templateObject3$16, _templateObject4$10, _templateObject5$W, _templateObject6$I, _templateObject7$E, _templateObject8$z, _templateObject9$s, _templateObject10$o, _templateObject11$g;
|
|
13435
|
+
var MetaConatiner = styled__default.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"])));
|
|
13436
|
+
var LabelTitle = styled__default.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) {
|
|
13206
13437
|
var theme = _ref.theme;
|
|
13207
13438
|
return theme.fontFamily.ui;
|
|
13208
13439
|
});
|
|
13209
|
-
var LabelContent = styled__default.div(_templateObject3$
|
|
13210
|
-
var LabelNotes = styled__default.div(_templateObject4
|
|
13440
|
+
var LabelContent = styled__default.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"])));
|
|
13441
|
+
var LabelNotes = styled__default.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) {
|
|
13211
13442
|
var theme = _ref2.theme;
|
|
13212
|
-
return theme && styled.css(_templateObject5$
|
|
13443
|
+
return theme && styled.css(_templateObject5$W || (_templateObject5$W = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.data);
|
|
13213
13444
|
});
|
|
13214
|
-
var TitleContainer = styled__default.div(_templateObject6$
|
|
13215
|
-
var Container$V = styled__default.div(_templateObject7$
|
|
13216
|
-
var TitleBox = styled__default.div(_templateObject8$
|
|
13217
|
-
var IconBox = styled__default.div(_templateObject9$
|
|
13218
|
-
var CopyTextBox = styled__default.pre(_templateObject10$
|
|
13445
|
+
var TitleContainer = styled__default.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"])));
|
|
13446
|
+
var Container$V = styled__default.div(_templateObject7$E || (_templateObject7$E = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
13447
|
+
var TitleBox = styled__default.div(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
13448
|
+
var IconBox = styled__default.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);
|
|
13449
|
+
var CopyTextBox = styled__default.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) {
|
|
13219
13450
|
var theme = _ref3.theme;
|
|
13220
13451
|
return theme.fontFamily.data;
|
|
13221
13452
|
});
|
|
@@ -13289,20 +13520,20 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
13289
13520
|
}, notes) : null)));
|
|
13290
13521
|
};
|
|
13291
13522
|
|
|
13292
|
-
var _templateObject$
|
|
13293
|
-
var Container$W = styled__default.div(_templateObject$
|
|
13523
|
+
var _templateObject$1p, _templateObject2$1g, _templateObject3$17, _templateObject4$11;
|
|
13524
|
+
var Container$W = styled__default.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) {
|
|
13294
13525
|
var theme = _ref.theme;
|
|
13295
13526
|
return theme.colors.divider;
|
|
13296
13527
|
});
|
|
13297
|
-
var ColumnContainer = styled__default.div(_templateObject2$
|
|
13298
|
-
var Title$8 = styled__default.div(_templateObject3$
|
|
13528
|
+
var ColumnContainer = styled__default.div(_templateObject2$1g || (_templateObject2$1g = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n padding-left: 14px;\n align-items: flex-start;\n"])));
|
|
13529
|
+
var Title$8 = styled__default.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) {
|
|
13299
13530
|
var theme = _ref2.theme;
|
|
13300
13531
|
return theme.fontFamily.ui;
|
|
13301
13532
|
}, function (_ref3) {
|
|
13302
13533
|
var theme = _ref3.theme;
|
|
13303
13534
|
return theme.typography.global.mainMenu.subheader.color;
|
|
13304
13535
|
});
|
|
13305
|
-
var SubTitle$1 = styled__default.div(_templateObject4$
|
|
13536
|
+
var SubTitle$1 = styled__default.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) {
|
|
13306
13537
|
var theme = _ref4.theme;
|
|
13307
13538
|
return theme.fontFamily.ui;
|
|
13308
13539
|
}, function (_ref5) {
|
|
@@ -13326,26 +13557,26 @@ var DrawerBottomMenu = function DrawerBottomMenu(_ref6) {
|
|
|
13326
13557
|
}), React__default.createElement(ColumnContainer, null, React__default.createElement(Title$8, null, title), React__default.createElement(SubTitle$1, null, subTitle)));
|
|
13327
13558
|
};
|
|
13328
13559
|
|
|
13329
|
-
var _templateObject$
|
|
13330
|
-
var DrawerTop = styled__default.div(_templateObject$
|
|
13331
|
-
var DrawerBottom = styled__default.div(_templateObject2$
|
|
13560
|
+
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;
|
|
13561
|
+
var DrawerTop = styled__default.div(_templateObject$1q || (_templateObject$1q = _taggedTemplateLiteralLoose([""])));
|
|
13562
|
+
var DrawerBottom = styled__default.div(_templateObject2$1h || (_templateObject2$1h = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
13332
13563
|
var theme = _ref.theme;
|
|
13333
|
-
return styled.css(_templateObject3$
|
|
13564
|
+
return styled.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);
|
|
13334
13565
|
});
|
|
13335
|
-
var DrawerHeader = styled__default.h2(_templateObject4$
|
|
13566
|
+
var DrawerHeader = styled__default.h2(_templateObject4$12 || (_templateObject4$12 = _taggedTemplateLiteralLoose(["\n ", ";\n padding: 0;\n margin: 0 0 5px;\n"])), function (_ref2) {
|
|
13336
13567
|
var theme = _ref2.theme;
|
|
13337
13568
|
return theme.typography.global.mainMenu.subheader;
|
|
13338
13569
|
});
|
|
13339
|
-
var CurrentUser = styled__default.div(_templateObject5$
|
|
13570
|
+
var CurrentUser = styled__default.div(_templateObject5$X || (_templateObject5$X = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 15px;\n\n ", ";\n"])), function (_ref3) {
|
|
13340
13571
|
var theme = _ref3.theme;
|
|
13341
|
-
return styled.css(_templateObject6$
|
|
13572
|
+
return styled.css(_templateObject6$J || (_templateObject6$J = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n ", ";\n "])), theme.styles.global.mainMenu.lines.backgroundColor, theme.typography.global.mainMenu.identity);
|
|
13342
13573
|
});
|
|
13343
|
-
var UserOptions = styled__default.div(_templateObject7$
|
|
13574
|
+
var UserOptions = styled__default.div(_templateObject7$F || (_templateObject7$F = _taggedTemplateLiteralLoose(["\n padding: 20px 20px 10px 20px;\n ", ";\n\n"])), function (_ref4) {
|
|
13344
13575
|
var theme = _ref4.theme;
|
|
13345
|
-
return styled.css(_templateObject8$
|
|
13576
|
+
return styled.css(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n "])), theme.styles.global.mainMenu.lines.backgroundColor);
|
|
13346
13577
|
});
|
|
13347
|
-
var Logout = styled__default.div(_templateObject9$
|
|
13348
|
-
var LinkMenu = styled__default.ul(_templateObject10$
|
|
13578
|
+
var Logout = styled__default.div(_templateObject9$t || (_templateObject9$t = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n"])));
|
|
13579
|
+
var LinkMenu = styled__default.ul(_templateObject10$p || (_templateObject10$p = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
13349
13580
|
var LinkMenuItem = styled__default.li(_templateObject11$h || (_templateObject11$h = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
13350
13581
|
var IconWrapperFooter = styled__default.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"])));
|
|
13351
13582
|
var LinkMenuItemA = styled__default(reactRouterDom.Link)(_templateObject13$c || (_templateObject13$c = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n width: 100%;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref5) {
|
|
@@ -13487,19 +13718,19 @@ var UserMenu = function UserMenu(_ref12) {
|
|
|
13487
13718
|
}, title)) : null));
|
|
13488
13719
|
};
|
|
13489
13720
|
|
|
13490
|
-
var _templateObject$
|
|
13491
|
-
var Container$X = styled__default.div(_templateObject$
|
|
13492
|
-
var ImgWrapper = styled__default.div(_templateObject2$
|
|
13493
|
-
var EmptyImg = styled__default.div(_templateObject3$
|
|
13494
|
-
var Image$2 = styled__default.div(_templateObject4$
|
|
13721
|
+
var _templateObject$1r, _templateObject2$1i, _templateObject3$19, _templateObject4$13, _templateObject5$Y, _templateObject6$K, _templateObject7$G, _templateObject8$B;
|
|
13722
|
+
var Container$X = styled__default.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"])));
|
|
13723
|
+
var ImgWrapper = styled__default.div(_templateObject2$1i || (_templateObject2$1i = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
13724
|
+
var EmptyImg = styled__default.div(_templateObject3$19 || (_templateObject3$19 = _taggedTemplateLiteralLoose(["\n background-color: var(--grey-5);\n width: 100%;\n height: 100%;\n"])));
|
|
13725
|
+
var Image$2 = styled__default.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) {
|
|
13495
13726
|
return p.image;
|
|
13496
13727
|
}, function (p) {
|
|
13497
13728
|
return p.image ? 'block' : 'none';
|
|
13498
13729
|
});
|
|
13499
|
-
var InfoContainer = styled__default.div(_templateObject5$
|
|
13500
|
-
var Title$9 = styled__default.div(_templateObject6$
|
|
13501
|
-
var Message = styled__default.div(_templateObject7$
|
|
13502
|
-
var TimeMsg = styled__default.div(_templateObject8$
|
|
13730
|
+
var InfoContainer = styled__default.div(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
13731
|
+
var Title$9 = styled__default.div(_templateObject6$K || (_templateObject6$K = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-weight: 500;\n color: var(--grey-11);\n"])));
|
|
13732
|
+
var Message = styled__default.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"])));
|
|
13733
|
+
var TimeMsg = styled__default.div(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n color: var(--grey-12);\n margin-top: 15px;\n"])));
|
|
13503
13734
|
|
|
13504
13735
|
var NotificationItem = function NotificationItem(_ref) {
|
|
13505
13736
|
var imgUrl = _ref.imgUrl,
|
|
@@ -13511,13 +13742,13 @@ var NotificationItem = function NotificationItem(_ref) {
|
|
|
13511
13742
|
}) : 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)));
|
|
13512
13743
|
};
|
|
13513
13744
|
|
|
13514
|
-
var _templateObject$
|
|
13515
|
-
var Container$Y = styled__default.div(_templateObject$
|
|
13516
|
-
var StatusContainer = styled__default.h2(_templateObject2$
|
|
13745
|
+
var _templateObject$1s, _templateObject2$1j, _templateObject3$1a;
|
|
13746
|
+
var Container$Y = styled__default.div(_templateObject$1s || (_templateObject$1s = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n"])));
|
|
13747
|
+
var StatusContainer = styled__default.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) {
|
|
13517
13748
|
var theme = _ref.theme;
|
|
13518
13749
|
return theme.colors.divider;
|
|
13519
13750
|
});
|
|
13520
|
-
var NotificationWrapper = styled__default.div(_templateObject3$
|
|
13751
|
+
var NotificationWrapper = styled__default.div(_templateObject3$1a || (_templateObject3$1a = _taggedTemplateLiteralLoose(["\n border-bottom: ", " 1px solid;\n"])), function (_ref2) {
|
|
13521
13752
|
var colors = _ref2.theme.colors;
|
|
13522
13753
|
return colors.divider;
|
|
13523
13754
|
});
|
|
@@ -13547,15 +13778,15 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
13547
13778
|
return React__default.createElement(Container$Y, null, unread && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, readNotificationsText), renderNotifications(unread, 'unread')), read && React__default.createElement(React.Fragment, null, React__default.createElement(StatusContainer, null, unreadNotificationsText), renderNotifications(read, 'read')));
|
|
13548
13779
|
};
|
|
13549
13780
|
|
|
13550
|
-
var _templateObject$
|
|
13551
|
-
var Container$Z = styled__default.div(_templateObject$
|
|
13781
|
+
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;
|
|
13782
|
+
var Container$Z = styled__default.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) {
|
|
13552
13783
|
var theme = _ref.theme,
|
|
13553
13784
|
colors = _ref.theme.colors;
|
|
13554
|
-
return colors && styled.css(_templateObject2$
|
|
13785
|
+
return colors && styled.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);
|
|
13555
13786
|
});
|
|
13556
|
-
var SearchBar = styled__default.div(_templateObject3$
|
|
13557
|
-
var IconWrapper$4 = styled__default.div(_templateObject4$
|
|
13558
|
-
var SearchInput = styled__default.input(_templateObject5$
|
|
13787
|
+
var SearchBar = styled__default.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"])));
|
|
13788
|
+
var IconWrapper$4 = styled__default.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"])));
|
|
13789
|
+
var SearchInput = styled__default.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) {
|
|
13559
13790
|
var theme = _ref2.theme;
|
|
13560
13791
|
return theme.fontFamily.data;
|
|
13561
13792
|
}, function (_ref3) {
|
|
@@ -13565,18 +13796,18 @@ var SearchInput = styled__default.input(_templateObject5$Y || (_templateObject5$
|
|
|
13565
13796
|
var typography = _ref4.theme.typography;
|
|
13566
13797
|
return typography.global.topBar.search.placeholder;
|
|
13567
13798
|
});
|
|
13568
|
-
var ButtonArea = styled__default.div(_templateObject6$
|
|
13799
|
+
var ButtonArea = styled__default.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose(["\n height: inherit;\n padding-right: 10px;\n display: flex;\n"])));
|
|
13569
13800
|
var DrawerToggle = styled__default.button.attrs({
|
|
13570
13801
|
type: 'button'
|
|
13571
|
-
})(_templateObject7$
|
|
13802
|
+
})(_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) {
|
|
13572
13803
|
var theme = _ref5.theme;
|
|
13573
|
-
return styled.css(_templateObject8$
|
|
13804
|
+
return styled.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);
|
|
13574
13805
|
}, function (_ref6) {
|
|
13575
13806
|
var isActive = _ref6.isActive,
|
|
13576
13807
|
theme = _ref6.theme;
|
|
13577
|
-
return isActive && styled.css(_templateObject9$
|
|
13808
|
+
return isActive && styled.css(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n }\n "])), theme.colors.menu.active);
|
|
13578
13809
|
});
|
|
13579
|
-
var DrawerPortalWrapper = styled__default.div(_templateObject10$
|
|
13810
|
+
var DrawerPortalWrapper = styled__default.div(_templateObject10$q || (_templateObject10$q = _taggedTemplateLiteralLoose([""])));
|
|
13580
13811
|
var Drawer = styled__default.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) {
|
|
13581
13812
|
var theme = _ref7.theme;
|
|
13582
13813
|
return theme.fontFamily.ui;
|
|
@@ -13750,8 +13981,8 @@ var Tabs = function Tabs(_ref) {
|
|
|
13750
13981
|
}, children);
|
|
13751
13982
|
};
|
|
13752
13983
|
|
|
13753
|
-
var _templateObject$
|
|
13754
|
-
var TabListWrapper = styled__default.div(_templateObject$
|
|
13984
|
+
var _templateObject$1u;
|
|
13985
|
+
var TabListWrapper = styled__default.div(_templateObject$1u || (_templateObject$1u = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n"])));
|
|
13755
13986
|
|
|
13756
13987
|
var TabList = function TabList(_ref) {
|
|
13757
13988
|
var children = _ref.children,
|
|
@@ -13768,11 +13999,11 @@ var TabList = function TabList(_ref) {
|
|
|
13768
13999
|
|
|
13769
14000
|
var _excluded$G = ["children", "tabFor", "onClick"];
|
|
13770
14001
|
|
|
13771
|
-
var _templateObject$
|
|
13772
|
-
var TabComponent = styled__default.div(_templateObject$
|
|
13773
|
-
var TabLabel = styled__default.label(_templateObject2$
|
|
14002
|
+
var _templateObject$1v, _templateObject2$1l, _templateObject3$1c;
|
|
14003
|
+
var TabComponent = styled__default.div(_templateObject$1v || (_templateObject$1v = _taggedTemplateLiteralLoose(["\n margin-right: 39px;\n display: flex;\n align-items: center;\n line-height: 20px;\n"])));
|
|
14004
|
+
var TabLabel = styled__default.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) {
|
|
13774
14005
|
var theme = _ref.theme;
|
|
13775
|
-
return styled.css(_templateObject3$
|
|
14006
|
+
return styled.css(_templateObject3$1c || (_templateObject3$1c = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
13776
14007
|
}, function (_ref2) {
|
|
13777
14008
|
var active = _ref2.active;
|
|
13778
14009
|
return active ? '600' : '500';
|
|
@@ -13807,8 +14038,8 @@ var Tab = function Tab(_ref5) {
|
|
|
13807
14038
|
|
|
13808
14039
|
var _excluded$H = ["children", "tabId"];
|
|
13809
14040
|
|
|
13810
|
-
var _templateObject$
|
|
13811
|
-
var Container$_ = styled__default.div(_templateObject$
|
|
14041
|
+
var _templateObject$1w;
|
|
14042
|
+
var Container$_ = styled__default.div(_templateObject$1w || (_templateObject$1w = _taggedTemplateLiteralLoose(["\n"])));
|
|
13812
14043
|
|
|
13813
14044
|
var TabContent = function TabContent(_ref) {
|
|
13814
14045
|
var children = _ref.children,
|
|
@@ -13823,15 +14054,15 @@ var TabContent = function TabContent(_ref) {
|
|
|
13823
14054
|
|
|
13824
14055
|
var _excluded$I = ["tabFor", "icon", "closeId", "counter", "status"];
|
|
13825
14056
|
|
|
13826
|
-
var _templateObject$
|
|
13827
|
-
var Container$$ = styled__default.button(_templateObject$
|
|
13828
|
-
var LinkTab = styled__default.div(_templateObject2$
|
|
14057
|
+
var _templateObject$1x, _templateObject2$1m, _templateObject3$1d, _templateObject4$15;
|
|
14058
|
+
var Container$$ = styled__default.button(_templateObject$1x || (_templateObject$1x = _taggedTemplateLiteralLoose(["\n ", "\n flex-basis: auto;\n flex-grow: 1;\n"])), resetButtonStyles);
|
|
14059
|
+
var LinkTab = styled__default.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) {
|
|
13829
14060
|
var theme = _ref.theme;
|
|
13830
|
-
return styled.css(_templateObject3$
|
|
14061
|
+
return styled.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);
|
|
13831
14062
|
}, function (_ref2) {
|
|
13832
14063
|
var isActive = _ref2.isActive,
|
|
13833
14064
|
theme = _ref2.theme;
|
|
13834
|
-
return isActive && styled.css(_templateObject4$
|
|
14065
|
+
return isActive && styled.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);
|
|
13835
14066
|
});
|
|
13836
14067
|
|
|
13837
14068
|
var MobileTab = function MobileTab(_ref3) {
|
|
@@ -13865,23 +14096,23 @@ var MobileTab = function MobileTab(_ref3) {
|
|
|
13865
14096
|
|
|
13866
14097
|
var _excluded$J = ["icon", "title", "subtitle", "tabFor"];
|
|
13867
14098
|
|
|
13868
|
-
var _templateObject$
|
|
13869
|
-
var Container$10 = styled__default.div(_templateObject$
|
|
14099
|
+
var _templateObject$1y, _templateObject2$1n, _templateObject3$1e, _templateObject4$16, _templateObject5$_, _templateObject6$M;
|
|
14100
|
+
var Container$10 = styled__default.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) {
|
|
13870
14101
|
var active = _ref.active;
|
|
13871
|
-
return active ? styled.css(_templateObject2$
|
|
14102
|
+
return active ? styled.css(_templateObject2$1n || (_templateObject2$1n = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid var(--primary-11);\n "]))) : styled.css(_templateObject3$1e || (_templateObject3$1e = _taggedTemplateLiteralLoose(["\n border-bottom: 3px solid transparent;\n "])));
|
|
13872
14103
|
}, IconWrapper);
|
|
13873
|
-
var Title$a = styled__default.div(_templateObject4$
|
|
14104
|
+
var Title$a = styled__default.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) {
|
|
13874
14105
|
var theme = _ref2.theme;
|
|
13875
14106
|
return theme.fontFamily.ui;
|
|
13876
14107
|
}, function (_ref3) {
|
|
13877
14108
|
var active = _ref3.active;
|
|
13878
14109
|
return active ? 'var(--primary-11)' : 'var(--grey-11)';
|
|
13879
14110
|
});
|
|
13880
|
-
var SubTitle$2 = styled__default.div(_templateObject5$
|
|
14111
|
+
var SubTitle$2 = styled__default.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) {
|
|
13881
14112
|
var theme = _ref4.theme;
|
|
13882
14113
|
return theme.fontFamily.data;
|
|
13883
14114
|
});
|
|
13884
|
-
var TextGroup$1 = styled__default.div(_templateObject6$
|
|
14115
|
+
var TextGroup$1 = styled__default.div(_templateObject6$M || (_templateObject6$M = _taggedTemplateLiteralLoose(["\n margin-left: 12px;\n margin-right: 20px;\n"])));
|
|
13885
14116
|
|
|
13886
14117
|
var TabWithIcon = function TabWithIcon(_ref5) {
|
|
13887
14118
|
var icon = _ref5.icon,
|
|
@@ -13915,9 +14146,9 @@ var TabWithIcon = function TabWithIcon(_ref5) {
|
|
|
13915
14146
|
}), title), subtitle && React__default.createElement(SubTitle$2, null, subtitle)));
|
|
13916
14147
|
};
|
|
13917
14148
|
|
|
13918
|
-
var _templateObject$
|
|
13919
|
-
var Container$11 = styled__default.div(_templateObject$
|
|
13920
|
-
var TabListWrapper$1 = styled__default.div(_templateObject2$
|
|
14149
|
+
var _templateObject$1z, _templateObject2$1o;
|
|
14150
|
+
var Container$11 = styled__default.div(_templateObject$1z || (_templateObject$1z = _taggedTemplateLiteralLoose([""])));
|
|
14151
|
+
var TabListWrapper$1 = styled__default.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) {
|
|
13921
14152
|
var paddingLeft = _ref.paddingLeft;
|
|
13922
14153
|
return paddingLeft ? paddingLeft : '87px';
|
|
13923
14154
|
});
|
|
@@ -13955,13 +14186,13 @@ var TabsWithIconBar = function TabsWithIconBar(_ref2) {
|
|
|
13955
14186
|
|
|
13956
14187
|
var _excluded$K = ["closeId", "closeText"];
|
|
13957
14188
|
|
|
13958
|
-
var _templateObject$
|
|
13959
|
-
var StyledButton$7 = styled__default.button(_templateObject$
|
|
14189
|
+
var _templateObject$1A, _templateObject2$1p, _templateObject3$1f, _templateObject4$17;
|
|
14190
|
+
var StyledButton$7 = styled__default.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) {
|
|
13960
14191
|
var theme = _ref.theme;
|
|
13961
|
-
return styled.css(_templateObject2$
|
|
14192
|
+
return styled.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);
|
|
13962
14193
|
}, MOBILE_CLOSE_HEIGHT);
|
|
13963
|
-
var IconContainer$2 = styled__default.div(_templateObject3$
|
|
13964
|
-
var TextWrapper$1 = styled__default.div(_templateObject4$
|
|
14194
|
+
var IconContainer$2 = styled__default.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"])));
|
|
14195
|
+
var TextWrapper$1 = styled__default.div(_templateObject4$17 || (_templateObject4$17 = _taggedTemplateLiteralLoose(["\n text-transform: uppercase;\n"])));
|
|
13965
14196
|
|
|
13966
14197
|
var CloseButton$1 = function CloseButton(_ref2) {
|
|
13967
14198
|
var closeId = _ref2.closeId,
|
|
@@ -13983,9 +14214,9 @@ var CloseButton$1 = function CloseButton(_ref2) {
|
|
|
13983
14214
|
})), React__default.createElement(TextWrapper$1, null, closeText));
|
|
13984
14215
|
};
|
|
13985
14216
|
|
|
13986
|
-
var _templateObject$
|
|
13987
|
-
var Container$12 = styled__default.div(_templateObject$
|
|
13988
|
-
var ContentWrapper = styled__default.div(_templateObject2$
|
|
14217
|
+
var _templateObject$1B, _templateObject2$1q;
|
|
14218
|
+
var Container$12 = styled__default.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);
|
|
14219
|
+
var ContentWrapper = styled__default.div(_templateObject2$1q || (_templateObject2$1q = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
13989
14220
|
|
|
13990
14221
|
var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
13991
14222
|
var closeId = _ref.closeId,
|
|
@@ -13997,11 +14228,11 @@ var MobileNavbarContent = function MobileNavbarContent(_ref) {
|
|
|
13997
14228
|
return selected === closeId ? null : React__default.createElement(Container$12, null, React__default.createElement(ContentWrapper, null, children));
|
|
13998
14229
|
};
|
|
13999
14230
|
|
|
14000
|
-
var _templateObject$
|
|
14001
|
-
var Container$13 = styled__default.div(_templateObject$
|
|
14002
|
-
var ItemWrapper = styled__default.div(_templateObject2$
|
|
14231
|
+
var _templateObject$1C, _templateObject2$1r, _templateObject3$1g;
|
|
14232
|
+
var Container$13 = styled__default.div(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose([""])));
|
|
14233
|
+
var ItemWrapper = styled__default.div(_templateObject2$1r || (_templateObject2$1r = _taggedTemplateLiteralLoose(["\n padding: 14px 0;\n ", ";\n"])), function (_ref) {
|
|
14003
14234
|
var theme = _ref.theme;
|
|
14004
|
-
return styled.css(_templateObject3$
|
|
14235
|
+
return styled.css(_templateObject3$1g || (_templateObject3$1g = _taggedTemplateLiteralLoose(["\n border-bottom: 1px solid ", "\n "])), theme.colors.divider);
|
|
14005
14236
|
});
|
|
14006
14237
|
|
|
14007
14238
|
var MobileMenu = function MobileMenu(_ref2) {
|
|
@@ -14072,10 +14303,10 @@ var MobileMenu = function MobileMenu(_ref2) {
|
|
|
14072
14303
|
})));
|
|
14073
14304
|
};
|
|
14074
14305
|
|
|
14075
|
-
var _templateObject$
|
|
14076
|
-
var Logo$1 = styled__default(reactRouterDom.Link)(_templateObject$
|
|
14077
|
-
var LogoMark$1 = styled__default.div(_templateObject2$
|
|
14078
|
-
var SVGObject$1 = styled__default.object(_templateObject3$
|
|
14306
|
+
var _templateObject$1D, _templateObject2$1s, _templateObject3$1h;
|
|
14307
|
+
var Logo$1 = styled__default(reactRouterDom.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);
|
|
14308
|
+
var LogoMark$1 = styled__default.div(_templateObject2$1s || (_templateObject2$1s = _taggedTemplateLiteralLoose(["\n margin-right: 15px;\n"])));
|
|
14309
|
+
var SVGObject$1 = styled__default.object(_templateObject3$1h || (_templateObject3$1h = _taggedTemplateLiteralLoose([""])));
|
|
14079
14310
|
|
|
14080
14311
|
var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
14081
14312
|
var _ref$home = _ref.home,
|
|
@@ -14099,8 +14330,8 @@ var MobileLogoLink = function MobileLogoLink(_ref) {
|
|
|
14099
14330
|
|
|
14100
14331
|
var _excluded$L = ["closeId", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "userSubmenu", "userDrawerBespoke", "loggedInUser", "onLogout", "onLanguageToggle"];
|
|
14101
14332
|
|
|
14102
|
-
var _templateObject$
|
|
14103
|
-
var Container$14 = styled__default.div(_templateObject$
|
|
14333
|
+
var _templateObject$1E;
|
|
14334
|
+
var Container$14 = styled__default.div(_templateObject$1E || (_templateObject$1E = _taggedTemplateLiteralLoose(["\n background: ", ";\n z-index: 100;\n display: flex;\n flex-direction: column;\n"])), function (_ref) {
|
|
14104
14335
|
var theme = _ref.theme;
|
|
14105
14336
|
return theme.styles.global.mainMenu.background;
|
|
14106
14337
|
});
|
|
@@ -14141,17 +14372,17 @@ var MobileUserMenu = function MobileUserMenu(_ref2) {
|
|
|
14141
14372
|
|
|
14142
14373
|
var _excluded$M = ["content", "home", "logoMark", "supportUrl", "defaultMenuOpen", "closeText", "hasLanguage", "hasLogout", "logoutLink", "hasCurrentUser", "hasNotifications", "userSubmenu", "userDrawerBespoke", "loggedInUser", "notificationsHistory", "customDrawer", "onLogout", "onLanguageToggle"];
|
|
14143
14374
|
|
|
14144
|
-
var _templateObject$
|
|
14375
|
+
var _templateObject$1F, _templateObject2$1t;
|
|
14145
14376
|
var CLOSE_ID = 'closeMenu';
|
|
14146
14377
|
var NOTI_TAB = 'notifications';
|
|
14147
14378
|
var USER_TAB = 'user';
|
|
14148
14379
|
var MENU_TAB = 'menu';
|
|
14149
14380
|
var CUSTOM_TAB = 'custom';
|
|
14150
|
-
var Container$15 = styled__default.nav(_templateObject$
|
|
14381
|
+
var Container$15 = styled__default.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) {
|
|
14151
14382
|
var theme = _ref.theme;
|
|
14152
14383
|
return theme.styles.global.mainMenu.background.backgroundColor;
|
|
14153
14384
|
});
|
|
14154
|
-
var HeaderContainer = styled__default.div(_templateObject2$
|
|
14385
|
+
var HeaderContainer = styled__default.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) {
|
|
14155
14386
|
var theme = _ref2.theme;
|
|
14156
14387
|
return theme.colors.divider;
|
|
14157
14388
|
}, TabListWrapper);
|
|
@@ -14279,16 +14510,16 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
14279
14510
|
|
|
14280
14511
|
var _excluded$O = ["children"];
|
|
14281
14512
|
|
|
14282
|
-
var _templateObject$
|
|
14283
|
-
var Container$16 = styled__default.div(_templateObject$
|
|
14284
|
-
var LogoContainer = styled__default.div(_templateObject2$
|
|
14285
|
-
var LogoTopText = styled__default.div(_templateObject3$
|
|
14286
|
-
var LogoBottomText = styled__default.div(_templateObject4$
|
|
14287
|
-
var SidebarBox = styled__default.div(_templateObject5
|
|
14288
|
-
var SidebarHeading = styled__default.div(_templateObject6$
|
|
14289
|
-
var SidebarLinkHeading = styled__default.div(_templateObject7$
|
|
14290
|
-
var BackLink = styled__default(reactRouterDom.Link)(_templateObject8$
|
|
14291
|
-
var SLink = styled__default(reactRouterDom.Link)(_templateObject9$
|
|
14513
|
+
var _templateObject$1G, _templateObject2$1u, _templateObject3$1i, _templateObject4$18, _templateObject5$$, _templateObject6$N, _templateObject7$I, _templateObject8$D, _templateObject9$v;
|
|
14514
|
+
var Container$16 = styled__default.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"])));
|
|
14515
|
+
var LogoContainer = styled__default.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"])));
|
|
14516
|
+
var LogoTopText = styled__default.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"])));
|
|
14517
|
+
var LogoBottomText = styled__default.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"])));
|
|
14518
|
+
var SidebarBox = styled__default.div(_templateObject5$$ || (_templateObject5$$ = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid var(--grey-a7);\n padding: 22px 20px 21px 20px;\n"])));
|
|
14519
|
+
var SidebarHeading = styled__default.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"])));
|
|
14520
|
+
var SidebarLinkHeading = styled__default.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"])));
|
|
14521
|
+
var BackLink = styled__default(reactRouterDom.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"])));
|
|
14522
|
+
var SLink = styled__default(reactRouterDom.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"])));
|
|
14292
14523
|
var SidebarLink = function SidebarLink(_ref) {
|
|
14293
14524
|
var title = _ref.title,
|
|
14294
14525
|
to = _ref.to;
|
|
@@ -14373,6 +14604,7 @@ exports.PTZProvider = PTZProvider;
|
|
|
14373
14604
|
exports.PTZReducer = reducer;
|
|
14374
14605
|
exports.PageHeader = PageHeader;
|
|
14375
14606
|
exports.PageTitle = PageTitle;
|
|
14607
|
+
exports.Pagination = Pagination;
|
|
14376
14608
|
exports.PasswordField = PasswordField;
|
|
14377
14609
|
exports.PercentageSlider = PercentageSlider;
|
|
14378
14610
|
exports.RadioButton = RadioButton;
|