scorer-ui-kit 1.7.21 → 1.7.22
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/organisms/AreaUploadManager.d.ts +4 -0
- package/dist/LineUI/LineUIVideo.d.ts +3 -1
- package/dist/NoImageBig~MNFHGlMj.svg +4 -0
- package/dist/index.js +154 -89
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +154 -89
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -3535,6 +3535,17 @@ var DropArea = function DropArea(_ref3) {
|
|
|
3535
3535
|
|
|
3536
3536
|
setInDropZone(false);
|
|
3537
3537
|
}, [dropCallback]);
|
|
3538
|
+
var handleWindowDragAndDrop = React.useCallback(function (e) {
|
|
3539
|
+
e.preventDefault();
|
|
3540
|
+
}, []);
|
|
3541
|
+
React.useEffect(function () {
|
|
3542
|
+
window.addEventListener("dragover", handleWindowDragAndDrop);
|
|
3543
|
+
window.addEventListener("drop", handleWindowDragAndDrop);
|
|
3544
|
+
return function () {
|
|
3545
|
+
window.removeEventListener('dragover', handleWindowDragAndDrop);
|
|
3546
|
+
window.removeEventListener('drop', handleWindowDragAndDrop);
|
|
3547
|
+
};
|
|
3548
|
+
}, [handleWindowDragAndDrop]);
|
|
3538
3549
|
return React__default.createElement(Container$c, Object.assign({}, {
|
|
3539
3550
|
height: height
|
|
3540
3551
|
}, props), React__default.createElement(DragAndDrop, Object.assign({}, {
|
|
@@ -4420,7 +4431,7 @@ var Container$g = styled__default.div(_templateObject$r || (_templateObject$r =
|
|
|
4420
4431
|
return theme.fontFamily.ui;
|
|
4421
4432
|
});
|
|
4422
4433
|
var StyledDropArea = styled__default(DropArea)(_templateObject2$q || (_templateObject2$q = _taggedTemplateLiteralLoose(["\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n"])));
|
|
4423
|
-
var InputButtonWrapper = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n z-index: 99;\n margin-top: 20px;\n"])));
|
|
4434
|
+
var InputButtonWrapper = styled__default.div(_templateObject3$n || (_templateObject3$n = _taggedTemplateLiteralLoose(["\n z-index: 99;\n margin-top: 20px;\n display: flex;\n gap: 20px;\n"])));
|
|
4424
4435
|
var FilesUploadGroup = styled__default.div(_templateObject4$j || (_templateObject4$j = _taggedTemplateLiteralLoose(["\n padding: ", ";\n display: flex;\n flex-direction: column;\n align-items: center;\n border-radius: 5px;\n background-color: hsl(204, 15%, 94%);\n position: relative;\n"])), function (_ref2) {
|
|
4425
4436
|
var hasFiles = _ref2.hasFiles;
|
|
4426
4437
|
return hasFiles ? '26px 0 20px 0' : '65px 0 42px 0';
|
|
@@ -4487,10 +4498,18 @@ var AreaUploadManager = function AreaUploadManager(_ref3) {
|
|
|
4487
4498
|
selectFilesText = _ref3$selectFilesText === void 0 ? 'Select Files' : _ref3$selectFilesText,
|
|
4488
4499
|
_ref3$addMoreFilesTex = _ref3.addMoreFilesText,
|
|
4489
4500
|
addMoreFilesText = _ref3$addMoreFilesTex === void 0 ? 'Add More Files' : _ref3$addMoreFilesTex,
|
|
4501
|
+
_ref3$clearFilesText = _ref3.clearFilesText,
|
|
4502
|
+
clearFilesText = _ref3$clearFilesText === void 0 ? 'Clear Files' : _ref3$clearFilesText,
|
|
4503
|
+
_ref3$beginUploadText = _ref3.beginUploadText,
|
|
4504
|
+
beginUploadText = _ref3$beginUploadText === void 0 ? 'Begin Upload' : _ref3$beginUploadText,
|
|
4490
4505
|
allowedFileTypes = _ref3.allowedFileTypes,
|
|
4491
4506
|
customComponent = _ref3.customComponent,
|
|
4492
4507
|
_ref3$onChangeCallbac = _ref3.onChangeCallback,
|
|
4493
|
-
onChangeCallback = _ref3$onChangeCallbac === void 0 ? function () {} : _ref3$onChangeCallbac
|
|
4508
|
+
onChangeCallback = _ref3$onChangeCallbac === void 0 ? function () {} : _ref3$onChangeCallbac,
|
|
4509
|
+
_ref3$clearFilesCallb = _ref3.clearFilesCallback,
|
|
4510
|
+
clearFilesCallback = _ref3$clearFilesCallb === void 0 ? function () {} : _ref3$clearFilesCallb,
|
|
4511
|
+
_ref3$beginUploadCall = _ref3.beginUploadCallback,
|
|
4512
|
+
beginUploadCallback = _ref3$beginUploadCall === void 0 ? function () {} : _ref3$beginUploadCall;
|
|
4494
4513
|
|
|
4495
4514
|
var _useState = React.useState(null),
|
|
4496
4515
|
files = _useState[0],
|
|
@@ -4508,6 +4527,10 @@ var AreaUploadManager = function AreaUploadManager(_ref3) {
|
|
|
4508
4527
|
setFiles(goodFiles);
|
|
4509
4528
|
onChangeCallback(goodFiles, rejectedFiles);
|
|
4510
4529
|
}, [files, allowedFileTypes, onChangeCallback]);
|
|
4530
|
+
var clearFiles = React.useCallback(function () {
|
|
4531
|
+
setFiles(null);
|
|
4532
|
+
clearFilesCallback();
|
|
4533
|
+
}, [clearFilesCallback]);
|
|
4511
4534
|
return React__default.createElement(Container$g, null, React__default.createElement(FilesUploadGroup, {
|
|
4512
4535
|
hasFiles: files !== null
|
|
4513
4536
|
}, React__default.createElement(StyledDropArea, {
|
|
@@ -4519,8 +4542,17 @@ var AreaUploadManager = function AreaUploadManager(_ref3) {
|
|
|
4519
4542
|
text: files !== null ? addMoreFilesText : selectFilesText,
|
|
4520
4543
|
inputCallback: handleFiles,
|
|
4521
4544
|
multiple: true,
|
|
4522
|
-
buttonDesign: files !== null ? 'secondary' : 'primary'
|
|
4523
|
-
|
|
4545
|
+
buttonDesign: files !== null ? 'secondary' : 'primary',
|
|
4546
|
+
accept: allowedFileTypes === null || allowedFileTypes === void 0 ? void 0 : allowedFileTypes.join(', ')
|
|
4547
|
+
}), files !== null && React__default.createElement(React.Fragment, null, React__default.createElement(Button, {
|
|
4548
|
+
size: 'small',
|
|
4549
|
+
onClick: beginUploadCallback,
|
|
4550
|
+
design: 'primary'
|
|
4551
|
+
}, beginUploadText), React__default.createElement(Button, {
|
|
4552
|
+
size: 'small',
|
|
4553
|
+
onClick: clearFiles,
|
|
4554
|
+
design: 'secondary'
|
|
4555
|
+
}, clearFilesText)))));
|
|
4524
4556
|
};
|
|
4525
4557
|
|
|
4526
4558
|
var _excluded$i = ["children", "spacing"];
|
|
@@ -5430,7 +5462,7 @@ var LoadingBox = function LoadingBox(_ref2) {
|
|
|
5430
5462
|
|
|
5431
5463
|
var _excluded$o = ["buttonIcon", "buttonText", "list", "selected", "disabled", "isLoading", "loadingText", "optionType", "hasOptionsFilter", "searchPlaceholder", "maxDisplayedItems", "searchResultText", "emptyResultText", "onSelect"];
|
|
5432
5464
|
|
|
5433
|
-
var _templateObject$B, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$m, _templateObject6$k, _templateObject7$j, _templateObject8$h, _templateObject9$g;
|
|
5465
|
+
var _templateObject$B, _templateObject2$A, _templateObject3$v, _templateObject4$q, _templateObject5$m, _templateObject6$k, _templateObject7$j, _templateObject8$h, _templateObject9$g, _templateObject10$d;
|
|
5434
5466
|
var Container$o = styled__default.div(_templateObject$B || (_templateObject$B = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
5435
5467
|
var TopLine$1 = styled__default.div(_templateObject2$A || (_templateObject2$A = _taggedTemplateLiteralLoose(["\n ", ";\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])), function (_ref) {
|
|
5436
5468
|
var theme = _ref.theme;
|
|
@@ -5438,7 +5470,7 @@ var TopLine$1 = styled__default.div(_templateObject2$A || (_templateObject2$A =
|
|
|
5438
5470
|
});
|
|
5439
5471
|
var InnerBox = styled__default.div(_templateObject3$v || (_templateObject3$v = _taggedTemplateLiteralLoose(["\n border-bottom-left-radius: 3px;\n border-bottom-right-radius: 3px;\n box-shadow: 0 4px 9px 0 hsla(204, 22%, 67%, 0.07);\n border-right: solid 1px hsl(207, 16%, 86%);\n border-bottom: solid 1px hsl(207, 16%, 86%);\n border-left: solid 1px hsl(207, 16%, 86%);\n background-color: hsl(200, 23%, 97%);\n"])));
|
|
5440
5472
|
var StyledFilterOption = styled__default(FilterOption)(_templateObject4$q || (_templateObject4$q = _taggedTemplateLiteralLoose(["\n letter-spacing: 0.2px;\n"])));
|
|
5441
|
-
var OptionList = styled__default.div(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n max-height: 162px;\n min-height: 40px;\n overflow-y: scroll;\n ::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n\n ", " {\n height: 35px;\n padding-left: 10px;\n }\n"])), StyledFilterOption);
|
|
5473
|
+
var OptionList = styled__default.div(_templateObject5$m || (_templateObject5$m = _taggedTemplateLiteralLoose(["\n max-height: 162px;\n min-height: 40px;\n position: relative;\n overflow-y: scroll;\n ::-webkit-scrollbar { /* Hide scrollbar for Chrome, Safari and Opera */\n display: none;\n }\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n\n ", " {\n height: 35px;\n padding-left: 10px;\n }\n"])), StyledFilterOption);
|
|
5442
5474
|
var ResultsContainer = styled__default.div(_templateObject6$k || (_templateObject6$k = _taggedTemplateLiteralLoose(["\n border-top: 1px solid hsl(0, 0%, 91%);\n padding-bottom: 8px;\n"])));
|
|
5443
5475
|
var ResultCounter = styled__default.div(_templateObject7$j || (_templateObject7$j = _taggedTemplateLiteralLoose(["\n opacity: 0.75;\n font-family: ", ";\n color: hsl(0, 0%, 55%);\n font-size: 12px;\n font-style: italic;\n font-weight: 300;\n display: flex;\n align-items: center;\n justify-content: left;\n padding-left: 9px;\n height: 30px;\n margin-bottom: 6px;\n border-bottom: 1px solid hsl(0, 0%, 91%);\n"])), function (_ref2) {
|
|
5444
5476
|
var theme = _ref2.theme;
|
|
@@ -5446,6 +5478,7 @@ var ResultCounter = styled__default.div(_templateObject7$j || (_templateObject7$
|
|
|
5446
5478
|
});
|
|
5447
5479
|
var SearchWrapper = styled__default.div(_templateObject8$h || (_templateObject8$h = _taggedTemplateLiteralLoose(["\n height: 41px;\n display: flex;\n align-items: center;\n"])));
|
|
5448
5480
|
var EmptyResultText = styled__default.div(_templateObject9$g || (_templateObject9$g = _taggedTemplateLiteralLoose(["\n display: block;\n color: hsl(0, 0%, 56%);\n margin-left: 12px;\n user-select: none;\n pointer-events: none;\n height: 35px;\n display: flex;\n align-items: center;\n font-size: 12px;\n"])));
|
|
5481
|
+
var Gradient = styled__default.div(_templateObject10$d || (_templateObject10$d = _taggedTemplateLiteralLoose(["\n position: absolute;\n right: 0px;\n bottom: 9px;\n height: 25px;\n background-image: linear-gradient(to bottom, rgba(246, 247, 249, 0) 1%, #F6F7F9 120%);\n width: 100%;\n"])));
|
|
5449
5482
|
|
|
5450
5483
|
var isValueSelected = function isValueSelected(item, selected) {
|
|
5451
5484
|
var isItemSelected = false;
|
|
@@ -5672,7 +5705,7 @@ var FilterDropdown = function FilterDropdown(_ref3) {
|
|
|
5672
5705
|
optionType: optionType,
|
|
5673
5706
|
value: value
|
|
5674
5707
|
}));
|
|
5675
|
-
}) : React__default.createElement(EmptyResultText, null, emptyResultText))))));
|
|
5708
|
+
}) : React__default.createElement(EmptyResultText, null, emptyResultText)), list.length > 5 && React__default.createElement(Gradient, null)))));
|
|
5676
5709
|
};
|
|
5677
5710
|
|
|
5678
5711
|
var _excluded$p = ["buttonText", "disabled", "list", "isLoading", "loadingText", "isSortAscending", "selected", "descendingText", "ascendingText", "onSelect"];
|
|
@@ -5777,7 +5810,7 @@ var SortDropdown = function SortDropdown(_ref6) {
|
|
|
5777
5810
|
}))))));
|
|
5778
5811
|
};
|
|
5779
5812
|
|
|
5780
|
-
var _templateObject$D, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$o, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$i, _templateObject10$
|
|
5813
|
+
var _templateObject$D, _templateObject2$C, _templateObject3$x, _templateObject4$s, _templateObject5$o, _templateObject6$m, _templateObject7$l, _templateObject8$j, _templateObject9$i, _templateObject10$e, _templateObject11$9, _templateObject12$6, _templateObject13$4, _templateObject14$3, _templateObject15$2, _templateObject16$2, _templateObject17$2, _templateObject18$2, _templateObject19$2, _templateObject20$2, _templateObject21$2, _templateObject22$2, _templateObject23$1;
|
|
5781
5814
|
var Container$q = styled__default.div(_templateObject$D || (_templateObject$D = _taggedTemplateLiteralLoose(["\n display: inline-block;\n position: relative;\n"])));
|
|
5782
5815
|
var ContextActionBaseCSS = styled.css(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n -webkit-tap-highlight-color: transparent;\n border: none;\n background: none;\n display: flex;\n justify-content:left;\n align-items:center;\n flex-wrap: wrap;\n cursor: pointer;\n outline: none;\n text-decoration: none;\n padding: 0;\n"])));
|
|
5783
5816
|
var ContextIcon = styled__default.div(_templateObject3$x || (_templateObject3$x = _taggedTemplateLiteralLoose(["\n ", ";\n width: 30px;\n height: 30px;\n border-radius: 3px;\n display:flex;\n justify-content:center;\n align-items:center;\n svg {\n display: block;\n }\n"])), function (_ref) {
|
|
@@ -5803,7 +5836,7 @@ var ContentBox$1 = styled__default.div(_templateObject8$j || (_templateObject8$j
|
|
|
5803
5836
|
}, function (_ref7) {
|
|
5804
5837
|
var openState = _ref7.openState,
|
|
5805
5838
|
disabled = _ref7.disabled;
|
|
5806
|
-
return openState && styled.css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n display: ", ";\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n "])), openState.isOpen ? 'inline-block' : 'none', disabled && 'none', openState.position === 'bottom-right' && styled.css(_templateObject10$
|
|
5839
|
+
return openState && styled.css(_templateObject9$i || (_templateObject9$i = _taggedTemplateLiteralLoose(["\n display: ", ";\n display: ", ";\n ", ";\n ", ";\n ", ";\n ", ";\n "])), openState.isOpen ? 'inline-block' : 'none', disabled && 'none', openState.position === 'bottom-right' && styled.css(_templateObject10$e || (_templateObject10$e = _taggedTemplateLiteralLoose(["\n bottom: 0;\n left: 0;\n transform: translateY(calc(100% + 5px ));\n "]))), openState.position === 'bottom-left' && styled.css(_templateObject11$9 || (_templateObject11$9 = _taggedTemplateLiteralLoose(["\n bottom: 0;\n right: 0;\n transform: translateY(calc(100% + 5px ));\n "]))), openState.position === 'top-left' && styled.css(_templateObject12$6 || (_templateObject12$6 = _taggedTemplateLiteralLoose(["\n top: 0;\n right: 0;\n transform: translateY(calc( -100% - 5px ));\n "]))), openState.position === 'top-right' && styled.css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteralLoose(["\n top: 0;\n left: 0;\n transform: translateY(calc( -100% - 5px ));\n "]))));
|
|
5807
5840
|
});
|
|
5808
5841
|
var ButtonWrapper$1 = styled__default.div(_templateObject14$3 || (_templateObject14$3 = _taggedTemplateLiteralLoose(["\n display: inline-block;\n"])));
|
|
5809
5842
|
var TopLine$3 = styled__default.div(_templateObject15$2 || (_templateObject15$2 = _taggedTemplateLiteralLoose(["\n ", ";\n height: 3px;\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n"])), function (_ref8) {
|
|
@@ -6783,7 +6816,7 @@ var StatusIcon = function StatusIcon(_ref5) {
|
|
|
6783
6816
|
}));
|
|
6784
6817
|
};
|
|
6785
6818
|
|
|
6786
|
-
var _templateObject$J, _templateObject2$H, _templateObject3$C, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$
|
|
6819
|
+
var _templateObject$J, _templateObject2$H, _templateObject3$C, _templateObject4$w, _templateObject5$s, _templateObject6$p, _templateObject7$o, _templateObject8$m, _templateObject9$j, _templateObject10$f, _templateObject11$a, _templateObject12$7, _templateObject13$5, _templateObject14$4, _templateObject15$3, _templateObject16$3, _templateObject17$3;
|
|
6787
6820
|
var HandleTouchReactionKeyframes = styled.keyframes(_templateObject$J || (_templateObject$J = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(3);\n }\n\n 100% {\n transform: scale(1.75);\n }\n"])));
|
|
6788
6821
|
var HandleMouseReactionKeyframes = styled.keyframes(_templateObject2$H || (_templateObject2$H = _taggedTemplateLiteralLoose(["\n 0% {\n transform: scale(1);\n }\n\n 75% {\n transform: scale(0);\n }\n\n 100% {\n transform: scale(0.5);\n }\n"])));
|
|
6789
6822
|
var HandleBase = styled__default.svg(_templateObject3$C || (_templateObject3$C = _taggedTemplateLiteralLoose(["\n touch-action: none;\n user-select: none;\n overflow: visible;\n cursor: pointer;\n fill: ", ";\n appearance: none;\n"])), function (_ref) {
|
|
@@ -6813,7 +6846,7 @@ var HandleReactiveRing = styled__default.circle(_templateObject9$j || (_template
|
|
|
6813
6846
|
styling = _ref4.styling;
|
|
6814
6847
|
return theme.custom.lines[styling].handleReactiveRing.stroke;
|
|
6815
6848
|
});
|
|
6816
|
-
var HandleContrastLayer = styled__default.circle(_templateObject10$
|
|
6849
|
+
var HandleContrastLayer = styled__default.circle(_templateObject10$f || (_templateObject10$f = _taggedTemplateLiteralLoose(["\n overflow: visible;\n mix-blend-mode: multiply;\n fill: none;\n stroke: ", ";\n"])), function (_ref5) {
|
|
6817
6850
|
var theme = _ref5.theme,
|
|
6818
6851
|
styling = _ref5.styling;
|
|
6819
6852
|
return theme.custom.lines[styling].handleContrastLayer.stroke;
|
|
@@ -7032,7 +7065,7 @@ var HandleUnit = function HandleUnit(props) {
|
|
|
7032
7065
|
}, index + pointIndexOffset))));
|
|
7033
7066
|
};
|
|
7034
7067
|
|
|
7035
|
-
var _templateObject$K, _templateObject2$I, _templateObject3$D, _templateObject4$x, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$n, _templateObject9$k, _templateObject10$
|
|
7068
|
+
var _templateObject$K, _templateObject2$I, _templateObject3$D, _templateObject4$x, _templateObject5$t, _templateObject6$q, _templateObject7$p, _templateObject8$n, _templateObject9$k, _templateObject10$g, _templateObject11$b, _templateObject12$8, _templateObject13$6;
|
|
7036
7069
|
var ContrastLine = styled__default.line(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n stroke: ", ";\n mix-blend-mode: multiply;\n stroke-width: ", "px;\n stroke-opacity: ", ";\n cursor: pointer;\n"])), function (_ref) {
|
|
7037
7070
|
var theme = _ref.theme,
|
|
7038
7071
|
styling = _ref.styling;
|
|
@@ -7078,7 +7111,7 @@ var GrabHandleContrast = styled__default(GrabHandle)(_templateObject9$k || (_tem
|
|
|
7078
7111
|
styling = _ref9.styling;
|
|
7079
7112
|
return theme.custom.lines[styling].grabHandleContrast.stroke;
|
|
7080
7113
|
});
|
|
7081
|
-
var GrabHandleGroup = styled__default.g(_templateObject10$
|
|
7114
|
+
var GrabHandleGroup = styled__default.g(_templateObject10$g || (_templateObject10$g = _taggedTemplateLiteralLoose(["\n\n ", ", ", " {\n transition: r 250ms ease;\n }\n\n ", ";\n"])), GrabHandle, GrabHandleContrast, function (props) {
|
|
7082
7115
|
return props.showIndex && styled.css(_templateObject11$b || (_templateObject11$b = _taggedTemplateLiteralLoose(["\n ", ", ", " {\n pointer-events: none;\n r: ", ";\n }\n "])), GrabHandle, GrabHandleContrast, props.originalRadius * 1.75);
|
|
7083
7116
|
});
|
|
7084
7117
|
var DMCircle = styled__default.circle(_templateObject12$8 || (_templateObject12$8 = _taggedTemplateLiteralLoose(["\n fill: hsla(203, 100%, 35%, 0.49);\n cursor: pointer;\n"])));
|
|
@@ -7801,6 +7834,10 @@ var LineUIVideo = function LineUIVideo(_ref) {
|
|
|
7801
7834
|
onLineClick = _ref$onLineClick === void 0 ? function () {} : _ref$onLineClick,
|
|
7802
7835
|
_ref$onLoaded = _ref.onLoaded,
|
|
7803
7836
|
onLoaded = _ref$onLoaded === void 0 ? function () {} : _ref$onLoaded,
|
|
7837
|
+
_ref$lineClickSensing = _ref.lineClickSensingBorder,
|
|
7838
|
+
lineClickSensingBorder = _ref$lineClickSensing === void 0 ? '65' : _ref$lineClickSensing,
|
|
7839
|
+
_ref$hasClickSensingB = _ref.hasClickSensingBorder,
|
|
7840
|
+
hasClickSensingBorder = _ref$hasClickSensingB === void 0 ? true : _ref$hasClickSensingB,
|
|
7804
7841
|
_ref$videoOptions = _ref.videoOptions,
|
|
7805
7842
|
_ref$videoOptions$loo = _ref$videoOptions.loop,
|
|
7806
7843
|
loop = _ref$videoOptions$loo === void 0 ? false : _ref$videoOptions$loo,
|
|
@@ -7988,6 +8025,8 @@ var LineUIVideo = function LineUIVideo(_ref) {
|
|
|
7988
8025
|
}, state.map(function (lineSet, index) {
|
|
7989
8026
|
return React__default.createElement(LineSet, {
|
|
7990
8027
|
key: index,
|
|
8028
|
+
hasClickSensingBorder: hasClickSensingBorder,
|
|
8029
|
+
lineClickSensingBorder: lineClickSensingBorder,
|
|
7991
8030
|
onLineMoveEnd: onLineMoveEnd,
|
|
7992
8031
|
onLineClick: onLineClick,
|
|
7993
8032
|
lineSetId: index,
|
|
@@ -8776,6 +8815,41 @@ var MultilineContent = function MultilineContent(_ref) {
|
|
|
8776
8815
|
}));
|
|
8777
8816
|
};
|
|
8778
8817
|
|
|
8818
|
+
var _path, _path2;
|
|
8819
|
+
|
|
8820
|
+
function _extends$1() {
|
|
8821
|
+
_extends$1 = Object.assign || function (target) {
|
|
8822
|
+
for (var i = 1; i < arguments.length; i++) {
|
|
8823
|
+
var source = arguments[i];
|
|
8824
|
+
|
|
8825
|
+
for (var key in source) {
|
|
8826
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
8827
|
+
target[key] = source[key];
|
|
8828
|
+
}
|
|
8829
|
+
}
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
return target;
|
|
8833
|
+
};
|
|
8834
|
+
|
|
8835
|
+
return _extends$1.apply(this, arguments);
|
|
8836
|
+
}
|
|
8837
|
+
|
|
8838
|
+
function SvgNoImageBig(props) {
|
|
8839
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
|
8840
|
+
width: 610,
|
|
8841
|
+
height: 446,
|
|
8842
|
+
fill: "none",
|
|
8843
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
8844
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
|
8845
|
+
fill: "#DDD",
|
|
8846
|
+
d: "M0 0h609.91v446H0z"
|
|
8847
|
+
})), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
|
|
8848
|
+
d: "M242.675 210.273V235h-3.429l-12.569-18.135h-.23V235h-3.73v-24.727h3.453l12.581 18.159h.229v-18.159h3.695zm26.921 12.363c0 2.641-.483 4.91-1.448 6.81-.966 1.892-2.29 3.349-3.973 4.371-1.674 1.014-3.578 1.521-5.711 1.521-2.141 0-4.052-.507-5.735-1.521-1.674-1.022-2.994-2.483-3.96-4.383-.966-1.9-1.449-4.166-1.449-6.798 0-2.64.483-4.906 1.449-6.797.966-1.9 2.286-3.357 3.96-4.371 1.683-1.022 3.594-1.533 5.735-1.533 2.133 0 4.037.511 5.711 1.533 1.683 1.014 3.007 2.471 3.973 4.371.965 1.891 1.448 4.157 1.448 6.797zm-3.694 0c0-2.012-.326-3.706-.978-5.083-.644-1.384-1.53-2.431-2.656-3.139-1.119-.716-2.387-1.075-3.804-1.075-1.424 0-2.696.359-3.815 1.075-1.119.708-2.004 1.755-2.656 3.139-.644 1.377-.966 3.071-.966 5.083 0 2.013.322 3.711.966 5.096.652 1.376 1.537 2.422 2.656 3.139 1.119.708 2.391 1.062 3.815 1.062 1.417 0 2.685-.354 3.804-1.062 1.126-.717 2.012-1.763 2.656-3.139.652-1.385.978-3.083.978-5.096zm21.075-12.363V235h-3.731v-24.727h3.731zm5.433 0h4.528l7.872 19.221h.29l7.872-19.221h4.527V235h-3.549v-17.893h-.23l-7.292 17.857h-2.946l-7.293-17.87h-.229V235h-3.55v-24.727zM325.012 235h-3.96l8.899-24.727h4.31L343.159 235h-3.96l-6.991-20.236h-.193L325.012 235zm.664-9.683h12.847v3.139h-12.847v-3.139zm36.627-7.232a7.585 7.585 0 00-.942-1.969 6.038 6.038 0 00-1.389-1.497 5.856 5.856 0 00-1.847-.954 7.439 7.439 0 00-2.258-.326c-1.392 0-2.648.359-3.767 1.075-1.119.716-2.004 1.767-2.656 3.151-.644 1.377-.966 3.063-.966 5.059 0 2.005.326 3.699.978 5.083.652 1.385 1.545 2.435 2.68 3.152 1.135.716 2.427 1.074 3.876 1.074 1.344 0 2.515-.273 3.514-.821a5.723 5.723 0 002.33-2.318c.555-1.006.833-2.189.833-3.55l.966.181h-7.075v-3.078h9.719v2.813c0 2.077-.443 3.88-1.328 5.409a9.043 9.043 0 01-3.646 3.525c-1.546.83-3.317 1.244-5.313 1.244-2.238 0-4.202-.515-5.892-1.545-1.682-1.031-2.994-2.492-3.936-4.383-.942-1.9-1.413-4.154-1.413-6.762 0-1.972.274-3.742.821-5.312.548-1.57 1.316-2.902 2.306-3.997a10.094 10.094 0 013.514-2.523c1.352-.588 2.829-.881 4.431-.881 1.336 0 2.58.197 3.731.591a10.07 10.07 0 013.091 1.679 9.51 9.51 0 012.258 2.583c.595.99.998 2.089 1.207 3.297h-3.827zM371.035 235v-24.727h15.503v3.211h-11.772v7.534h10.963v3.2h-10.963v7.57h11.917V235h-15.648z",
|
|
8849
|
+
fill: "#656565"
|
|
8850
|
+
})));
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8779
8853
|
var _excluded$x = ["loop", "autoPlay", "controls", "muted"];
|
|
8780
8854
|
|
|
8781
8855
|
var _templateObject$U, _templateObject2$P, _templateObject3$I, _templateObject4$C, _templateObject5$y, _templateObject6$s, _templateObject7$r, _templateObject8$p;
|
|
@@ -8868,7 +8942,6 @@ var MediaBox = function MediaBox(_ref5) {
|
|
|
8868
8942
|
minWidth: minWidth,
|
|
8869
8943
|
minHeight: minHeight
|
|
8870
8944
|
}), mediaType === 'video' ? React__default.createElement(Video$3, Object.assign({}, {
|
|
8871
|
-
src: src,
|
|
8872
8945
|
loop: loop,
|
|
8873
8946
|
autoPlay: autoPlay,
|
|
8874
8947
|
controls: controls,
|
|
@@ -8876,24 +8949,22 @@ var MediaBox = function MediaBox(_ref5) {
|
|
|
8876
8949
|
onError: onError,
|
|
8877
8950
|
hasModalLimits: hasModalLimits
|
|
8878
8951
|
}, videoValues, {
|
|
8952
|
+
src: loadFailed ? '' : src,
|
|
8879
8953
|
isLoaded: loaded && !loadFailed,
|
|
8880
8954
|
preload: 'metadata',
|
|
8881
8955
|
onCanPlayThrough: handleLoad
|
|
8882
8956
|
})) : React__default.createElement(StyledImage, Object.assign({}, {
|
|
8883
|
-
src: src,
|
|
8884
8957
|
alt: alt,
|
|
8885
8958
|
onError: onError,
|
|
8886
8959
|
hasModalLimits: hasModalLimits
|
|
8887
8960
|
}, {
|
|
8961
|
+
src: loadFailed ? '' : src,
|
|
8888
8962
|
onLoad: handleLoad,
|
|
8889
8963
|
isLoaded: loaded && !loadFailed
|
|
8890
8964
|
})), !loaded && React__default.createElement(LoadingOverlay$3, null, React__default.createElement(Spinner, {
|
|
8891
8965
|
size: 'large',
|
|
8892
8966
|
styling: 'primary'
|
|
8893
|
-
})), loadFailed && React__default.createElement(
|
|
8894
|
-
icon: 'MissingImage',
|
|
8895
|
-
size: 48
|
|
8896
|
-
})));
|
|
8967
|
+
})), loadFailed && React__default.createElement(SvgNoImageBig, null));
|
|
8897
8968
|
};
|
|
8898
8969
|
|
|
8899
8970
|
var _templateObject$V, _templateObject2$Q, _templateObject3$J, _templateObject4$D, _templateObject5$z, _templateObject6$t;
|
|
@@ -9169,37 +9240,34 @@ var useMediaModal = function useMediaModal() {
|
|
|
9169
9240
|
};
|
|
9170
9241
|
};
|
|
9171
9242
|
|
|
9172
|
-
var _templateObject$W, _templateObject2$R, _templateObject3$K, _templateObject4$E, _templateObject5$A, _templateObject6$u, _templateObject7$s
|
|
9173
|
-
var Container$E = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n position: relative;\n height: inherit;\n background: grey;\n border-radius: 3px;\n overflow: hidden;\n width: 55px;\n height: auto;\n opacity: 0.65;\n margin-right: 10px;\n\n &::after {\n content: '';\n display: block;\n padding-bottom: 75%;\n ", "\n }\n\n ", "\n\n &:hover {\n
|
|
9243
|
+
var _templateObject$W, _templateObject2$R, _templateObject3$K, _templateObject4$E, _templateObject5$A, _templateObject6$u, _templateObject7$s;
|
|
9244
|
+
var Container$E = styled__default.div(_templateObject$W || (_templateObject$W = _taggedTemplateLiteralLoose(["\n position: relative;\n height: inherit;\n background: grey;\n border-radius: 3px;\n overflow: hidden;\n width: 55px;\n height: auto;\n opacity: 0.65;\n margin-right: 10px;\n\n &::after {\n content: '';\n display: block;\n padding-bottom: 75%;\n ", "\n }\n\n ", "\n\n &:hover {\n cursor: pointer;\n\n ", "\n }\n\n"])), function (_ref) {
|
|
9174
9245
|
var aspect = _ref.aspect;
|
|
9175
9246
|
return aspect === '16:9' && styled.css(_templateObject2$R || (_templateObject2$R = _taggedTemplateLiteralLoose(["\n padding-left: 56.25%;\n "])));
|
|
9176
9247
|
}, function (_ref2) {
|
|
9177
9248
|
var theme = _ref2.theme;
|
|
9178
9249
|
return theme && styled.css(_templateObject3$K || (_templateObject3$K = _taggedTemplateLiteralLoose(["\n transition:\n opacity ", " ", ",\n transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeOut, theme.animation.speed.fast, theme.animation.easing.primary.easeOut);
|
|
9179
9250
|
}, function (_ref3) {
|
|
9180
|
-
var
|
|
9181
|
-
|
|
9182
|
-
|
|
9183
|
-
|
|
9184
|
-
|
|
9185
|
-
|
|
9186
|
-
});
|
|
9187
|
-
|
|
9188
|
-
var
|
|
9189
|
-
var
|
|
9190
|
-
|
|
9191
|
-
|
|
9192
|
-
|
|
9193
|
-
|
|
9194
|
-
|
|
9195
|
-
|
|
9196
|
-
|
|
9197
|
-
|
|
9198
|
-
|
|
9199
|
-
|
|
9200
|
-
_ref5$retryLimit = _ref5.retryLimit,
|
|
9201
|
-
retryLimit = _ref5$retryLimit === void 0 ? 5 : _ref5$retryLimit,
|
|
9202
|
-
closeText = _ref5.closeText;
|
|
9251
|
+
var theme = _ref3.theme,
|
|
9252
|
+
hoverZoom = _ref3.hoverZoom;
|
|
9253
|
+
return theme && hoverZoom && styled.css(_templateObject4$E || (_templateObject4$E = _taggedTemplateLiteralLoose(["\n transform: scale(1.5);\n opacity: 1;\n transition: transform ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.primary.easeOut);
|
|
9254
|
+
});
|
|
9255
|
+
var ImageWrapper = styled__default.img(_templateObject5$A || (_templateObject5$A = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n display: block;\n"])));
|
|
9256
|
+
var NoImageWrapper = styled__default.div(_templateObject6$u || (_templateObject6$u = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n height: 41px;\n width: 55px;\n object-fit: cover;\n display: block;\n"])));
|
|
9257
|
+
var PlayableDrop = styled__default.div(_templateObject7$s || (_templateObject7$s = _taggedTemplateLiteralLoose(["\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n background-color: hsla(0, 0%, 0%, .5);\n height: 24px;\n width: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n display: flex;\n svg {\n padding-left: 2px;\n path {\n stroke: hsla(0, 0%, 100%, 1.000);\n }\n }\n };\n"])), IconWrapper);
|
|
9258
|
+
|
|
9259
|
+
var TableRowThumbnail = function TableRowThumbnail(_ref4) {
|
|
9260
|
+
var _ref4$hoverZoom = _ref4.hoverZoom,
|
|
9261
|
+
hoverZoom = _ref4$hoverZoom === void 0 ? true : _ref4$hoverZoom,
|
|
9262
|
+
_ref4$image = _ref4.image,
|
|
9263
|
+
image = _ref4$image === void 0 ? '' : _ref4$image,
|
|
9264
|
+
mediaUrl = _ref4.mediaUrl,
|
|
9265
|
+
mediaType = _ref4.mediaType,
|
|
9266
|
+
_ref4$retryImageLoad = _ref4.retryImageLoad,
|
|
9267
|
+
retryImageLoad = _ref4$retryImageLoad === void 0 ? false : _ref4$retryImageLoad,
|
|
9268
|
+
_ref4$retryLimit = _ref4.retryLimit,
|
|
9269
|
+
retryLimit = _ref4$retryLimit === void 0 ? 5 : _ref4$retryLimit,
|
|
9270
|
+
closeText = _ref4.closeText;
|
|
9203
9271
|
|
|
9204
9272
|
var _useState = React.useState(true),
|
|
9205
9273
|
showImage = _useState[0],
|
|
@@ -9220,20 +9288,17 @@ var TableRowThumbnail = function TableRowThumbnail(_ref5) {
|
|
|
9220
9288
|
var timeoutRef = React.useRef(null);
|
|
9221
9289
|
var handleModal = React.useCallback(function () {
|
|
9222
9290
|
try {
|
|
9223
|
-
|
|
9224
|
-
|
|
9225
|
-
|
|
9226
|
-
|
|
9227
|
-
|
|
9228
|
-
|
|
9229
|
-
});
|
|
9230
|
-
}
|
|
9231
|
-
|
|
9291
|
+
createMediaModal({
|
|
9292
|
+
src: showImage && mediaUrl ? mediaUrl : '',
|
|
9293
|
+
mediaType: mediaType ? mediaType : 'img',
|
|
9294
|
+
minHeight: '240px',
|
|
9295
|
+
closeText: closeText
|
|
9296
|
+
});
|
|
9232
9297
|
return Promise.resolve();
|
|
9233
9298
|
} catch (e) {
|
|
9234
9299
|
return Promise.reject(e);
|
|
9235
9300
|
}
|
|
9236
|
-
}, [closeText, createMediaModal, mediaType, mediaUrl]);
|
|
9301
|
+
}, [closeText, createMediaModal, mediaType, mediaUrl, showImage]);
|
|
9237
9302
|
React.useEffect(function () {
|
|
9238
9303
|
setShowImage(false);
|
|
9239
9304
|
setRetryCount(0);
|
|
@@ -9355,7 +9420,7 @@ var useCopyToClipboard = function useCopyToClipboard() {
|
|
|
9355
9420
|
};
|
|
9356
9421
|
};
|
|
9357
9422
|
|
|
9358
|
-
var _templateObject$Y, _templateObject2$T, _templateObject3$L, _templateObject4$F, _templateObject5$B, _templateObject6$v, _templateObject7$t, _templateObject8$
|
|
9423
|
+
var _templateObject$Y, _templateObject2$T, _templateObject3$L, _templateObject4$F, _templateObject5$B, _templateObject6$v, _templateObject7$t, _templateObject8$q, _templateObject9$l, _templateObject10$h, _templateObject11$c;
|
|
9359
9424
|
var CopyToClipboard = styled__default.button(_templateObject$Y || (_templateObject$Y = _taggedTemplateLiteralLoose(["\n\n cursor: pointer;\n opacity: 0;\n\n position: absolute;\n right: 0;\n top: 14px;\n width: 20px;\n height: 20px;\n background: transparent;\n border: none;\n outline: none;\n\n ", "\n\n svg {\n display: block;\n }\n\n &:hover {\n opacity: 1 !important;\n }\n\n"])), function (_ref) {
|
|
9360
9425
|
var theme = _ref.theme;
|
|
9361
9426
|
return theme && styled.css(_templateObject2$T || (_templateObject2$T = _taggedTemplateLiteralLoose(["\n transition: ", " ", ";\n "])), theme.animation.speed.normal, theme.animation.easing.easeOut);
|
|
@@ -9374,11 +9439,11 @@ var CellContainer = styled__default.div(_templateObject3$L || (_templateObject3$
|
|
|
9374
9439
|
var hideDivider = _ref4.hideDivider;
|
|
9375
9440
|
return !hideDivider && styled.css(_templateObject7$t || (_templateObject7$t = _taggedTemplateLiteralLoose(["\n &::after {\n content: '';\n display: block;\n height: 1px;\n background: #afa9a9;\n opacity: 0.25;\n left: 0;\n right: 0;\n width: 100%;\n bottom: 0px;\n position: absolute;\n }\n "])));
|
|
9376
9441
|
});
|
|
9377
|
-
var UnitText = styled__default.span(_templateObject8$
|
|
9442
|
+
var UnitText = styled__default.span(_templateObject8$q || (_templateObject8$q = _taggedTemplateLiteralLoose(["\n ", "\n"])), function (_ref5) {
|
|
9378
9443
|
var theme = _ref5.theme;
|
|
9379
9444
|
return styled.css(_templateObject9$l || (_templateObject9$l = _taggedTemplateLiteralLoose(["\n ", ";\n "])), theme.typography.table.columnData['unit']);
|
|
9380
9445
|
});
|
|
9381
|
-
var StatusBlip = styled__default.div(_templateObject10$
|
|
9446
|
+
var StatusBlip = styled__default.div(_templateObject10$h || (_templateObject10$h = _taggedTemplateLiteralLoose(["\n display: inline-block;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n margin-right: 8px;\n ", "\n"])), function (_ref6) {
|
|
9382
9447
|
var _ref6$status = _ref6.status,
|
|
9383
9448
|
status = _ref6$status === void 0 ? 'neutral' : _ref6$status,
|
|
9384
9449
|
colors = _ref6.theme.colors;
|
|
@@ -9542,7 +9607,7 @@ var TableHeaderTitle = function TableHeaderTitle(_ref4) {
|
|
|
9542
9607
|
}), header);
|
|
9543
9608
|
};
|
|
9544
9609
|
|
|
9545
|
-
var _templateObject$$, _templateObject2$W, _templateObject3$N, _templateObject4$H, _templateObject5$C, _templateObject6$w, _templateObject7$u, _templateObject8$
|
|
9610
|
+
var _templateObject$$, _templateObject2$W, _templateObject3$N, _templateObject4$H, _templateObject5$C, _templateObject6$w, _templateObject7$u, _templateObject8$r, _templateObject9$m, _templateObject10$i, _templateObject11$d, _templateObject12$9, _templateObject13$7, _templateObject14$5, _templateObject15$4;
|
|
9546
9611
|
var HeaderRow = styled__default.div(_templateObject$$ || (_templateObject$$ = _taggedTemplateLiteralLoose(["\n display: table-row;\n height: 50px;\n"])));
|
|
9547
9612
|
var HeaderItem = styled__default.div(_templateObject2$W || (_templateObject2$W = _taggedTemplateLiteralLoose(["\n display: table-cell;\n height: inherit;\n vertical-align:top;\n line-height: 20px;\n position: relative;\n font-family: ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n\n ", ";\n"])), function (p) {
|
|
9548
9613
|
return p.theme.fontFamily.ui;
|
|
@@ -9562,11 +9627,11 @@ var HeaderItem = styled__default.div(_templateObject2$W || (_templateObject2$W =
|
|
|
9562
9627
|
}, function (_ref4) {
|
|
9563
9628
|
var headerStyle = _ref4.headerStyle,
|
|
9564
9629
|
isSortActive = _ref4.isSortActive;
|
|
9565
|
-
return headerStyle === 'subHeader' && styled.css(_templateObject8$
|
|
9630
|
+
return headerStyle === 'subHeader' && styled.css(_templateObject8$r || (_templateObject8$r = _taggedTemplateLiteralLoose(["\n padding-bottom: 15px;\n\n &::after {\n content: '';\n display: block;\n height: 1px;\n background-color: hsl(0, 0%, 89%);\n left: ", ";\n right: 0;\n width: ", ";\n bottom: 0px;\n position: absolute;\n }\n"])), isSortActive ? '-15px' : '0', isSortActive ? 'calc(100% + 15px)' : '100%');
|
|
9566
9631
|
});
|
|
9567
9632
|
var TitleItems = styled__default.div(_templateObject9$m || (_templateObject9$m = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n ", ";\n"])), function (_ref5) {
|
|
9568
9633
|
var alignment = _ref5.alignment;
|
|
9569
|
-
return alignment && styled.css(_templateObject10$
|
|
9634
|
+
return alignment && styled.css(_templateObject10$i || (_templateObject10$i = _taggedTemplateLiteralLoose(["\n ", ";\n ", ";\n "])), alignment === 'right' ? 'align-items: flex-end' : null, alignment === 'center' ? 'align-items: center' : null);
|
|
9570
9635
|
});
|
|
9571
9636
|
var GroupTitle = styled__default.div(_templateObject11$d || (_templateObject11$d = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n margin-bottom: 4px;\n"])));
|
|
9572
9637
|
var Title$4 = styled__default.div(_templateObject12$9 || (_templateObject12$9 = _taggedTemplateLiteralLoose(["\n padding-left: 2px;\n padding-right: 8px;\n color: hsla(210, 2%, 51%, 0.65);\n font-weight: 500;\n font-size: 12px;\n letter-spacing: 0.3px;\n white-space: nowrap;\n"])));
|
|
@@ -9802,7 +9867,7 @@ var TypeTable = function TypeTable(_ref3) {
|
|
|
9802
9867
|
|
|
9803
9868
|
var _excluded$y = ["type", "placeholder", "defaultValue", "rowKey", "alignment", "toLink", "saveCallback"];
|
|
9804
9869
|
|
|
9805
|
-
var _templateObject$11, _templateObject2$Y, _templateObject3$P, _templateObject4$J, _templateObject5$E, _templateObject6$x, _templateObject7$v, _templateObject8$
|
|
9870
|
+
var _templateObject$11, _templateObject2$Y, _templateObject3$P, _templateObject4$J, _templateObject5$E, _templateObject6$x, _templateObject7$v, _templateObject8$s, _templateObject9$n, _templateObject10$j;
|
|
9806
9871
|
var Container$H = styled__default.div(_templateObject$11 || (_templateObject$11 = _taggedTemplateLiteralLoose(["\n position: relative;\n ", "\n"])), function (_ref) {
|
|
9807
9872
|
var theme = _ref.theme;
|
|
9808
9873
|
return styled.css(_templateObject2$Y || (_templateObject2$Y = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n "])), theme.fontFamily.ui);
|
|
@@ -9812,12 +9877,12 @@ var StyledLoadingButton = styled__default(ButtonWithLoading)(_templateObject4$J
|
|
|
9812
9877
|
var StyledLink = styled__default(reactRouterDom.Link)(_templateObject5$E || (_templateObject5$E = _taggedTemplateLiteralLoose(["\n color: inherit;\n text-decoration: none;\n\n &:hover {\n text-decoration: underline;\n }\n"])));
|
|
9813
9878
|
var EditContainer = styled__default.div(_templateObject6$x || (_templateObject6$x = _taggedTemplateLiteralLoose(["\n min-width: 320px;\n background-color: hsl(0, 0%, 100%);\n z-index: 99;\n position: absolute;\n bottom: -15px;\n left: -11px;\n display: flex;\n align-items: center;\n justify-content: center;\n ", " {\n margin:0;\n span {\n margin: 0;\n }\n }\n ", " {\n margin-left: 5px;\n }\n ", " {\n margin-left: 5px;\n }\n"])), StyledLabel, StyledButton$4, StyledLoadingButton);
|
|
9814
9879
|
var StyledIconButton$1 = styled__default(IconButton$2)(_templateObject7$v || (_templateObject7$v = _taggedTemplateLiteralLoose([""])));
|
|
9815
|
-
var TextContainer$2 = styled__default.div(_templateObject8$
|
|
9880
|
+
var TextContainer$2 = styled__default.div(_templateObject8$s || (_templateObject8$s = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-right: 18px;\n\n ", "\n\n ", "\n\n ", " {\n opacity: 0;\n position: absolute;\n top: 7px;\n right: 0;\n };\n\n &:hover {\n ", " {\n opacity: 1;\n };\n }\n"])), function (_ref2) {
|
|
9816
9881
|
var alignment = _ref2.alignment;
|
|
9817
9882
|
return alignment === 'center' && styled.css(_templateObject9$n || (_templateObject9$n = _taggedTemplateLiteralLoose(["\n justify-content: center;\n "])));
|
|
9818
9883
|
}, function (_ref3) {
|
|
9819
9884
|
var alignment = _ref3.alignment;
|
|
9820
|
-
return alignment === 'right' && styled.css(_templateObject10$
|
|
9885
|
+
return alignment === 'right' && styled.css(_templateObject10$j || (_templateObject10$j = _taggedTemplateLiteralLoose(["\n justify-content: flex-end;\n"])));
|
|
9821
9886
|
}, StyledIconButton$1, StyledIconButton$1);
|
|
9822
9887
|
|
|
9823
9888
|
var EditCell = function EditCell(_ref4) {
|
|
@@ -11582,7 +11647,7 @@ var Controls = function Controls(_ref) {
|
|
|
11582
11647
|
|
|
11583
11648
|
var _excluded$z = ["isEmptyWithIcon", "status", "noticeIcon", "hasNotice", "noticeMessage", "noticeTitle", "emptyIcon"];
|
|
11584
11649
|
|
|
11585
|
-
var _templateObject$19, _templateObject2$13, _templateObject3$W, _templateObject4$Q, _templateObject5$L, _templateObject6$z, _templateObject7$w, _templateObject8$
|
|
11650
|
+
var _templateObject$19, _templateObject2$13, _templateObject3$W, _templateObject4$Q, _templateObject5$L, _templateObject6$z, _templateObject7$w, _templateObject8$t, _templateObject9$o;
|
|
11586
11651
|
var Container$P = styled__default.div(_templateObject$19 || (_templateObject$19 = _taggedTemplateLiteralLoose(["\n width: 100%;\n height: 170px;\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n position: relative;\n\n ", " {\n height: 100%;\n width: 100%;\n text-align: center;\n img, video {\n border-radius: 3px;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n"])), MediaBoxWrapper);
|
|
11587
11652
|
var EmptyWithIcon = styled__default.div(_templateObject2$13 || (_templateObject2$13 = _taggedTemplateLiteralLoose(["\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n width: 100%;\n ", "\n;\n\n ", " {\n display: flex;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
11588
11653
|
var hasPadding = _ref.hasPadding;
|
|
@@ -11596,7 +11661,7 @@ var Notice = styled__default.div(_templateObject3$W || (_templateObject3$W = _ta
|
|
|
11596
11661
|
var NoticeMessage = styled__default.div(_templateObject5$L || (_templateObject5$L = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 10px;\n"])), EllipsisStyles);
|
|
11597
11662
|
var NoticeTitle = styled__default.div(_templateObject6$z || (_templateObject6$z = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 245px;\n font-size: 12px;\n"])), EllipsisStyles);
|
|
11598
11663
|
var NoticeIcon = styled__default.div(_templateObject7$w || (_templateObject7$w = _taggedTemplateLiteralLoose(["\n height: 20px;\n width: 20px;\n margin-left: 2px;\n\n ", " {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n }\n"])), IconWrapper);
|
|
11599
|
-
var NoticeTextGroup = styled__default.div(_templateObject8$
|
|
11664
|
+
var NoticeTextGroup = styled__default.div(_templateObject8$t || (_templateObject8$t = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: column;\n margin-left: 14px;\n"])));
|
|
11600
11665
|
var StatusLine = styled__default.div(_templateObject9$o || (_templateObject9$o = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n height: 3px;\n width: 100%;\n"])), function (_ref3) {
|
|
11601
11666
|
var theme = _ref3.theme,
|
|
11602
11667
|
color = _ref3.color;
|
|
@@ -11633,7 +11698,7 @@ var MediaStream = function MediaStream(_ref4) {
|
|
|
11633
11698
|
}));
|
|
11634
11699
|
};
|
|
11635
11700
|
|
|
11636
|
-
var _templateObject$1a, _templateObject2$14, _templateObject3$X, _templateObject4$R, _templateObject5$M, _templateObject6$A, _templateObject7$x, _templateObject8$
|
|
11701
|
+
var _templateObject$1a, _templateObject2$14, _templateObject3$X, _templateObject4$R, _templateObject5$M, _templateObject6$A, _templateObject7$x, _templateObject8$u, _templateObject9$p;
|
|
11637
11702
|
var Container$Q = styled__default.div(_templateObject$1a || (_templateObject$1a = _taggedTemplateLiteralLoose(["\n display: flex;\n height: 60px;\n"])));
|
|
11638
11703
|
var LeftData = styled__default.div(_templateObject2$14 || (_templateObject2$14 = _taggedTemplateLiteralLoose(["\n ", ";\n\n padding: 0 12px 0 12px;\n display: flex;\n\n ", " {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n }\n"])), function (_ref) {
|
|
11639
11704
|
var theme = _ref.theme,
|
|
@@ -11656,7 +11721,7 @@ var LeftSubTitle = styled__default.div(_templateObject7$x || (_templateObject7$x
|
|
|
11656
11721
|
var hasRightData = _ref5.hasRightData;
|
|
11657
11722
|
return hasRightData ? "max-width: 140px;" : "max-width: 250px;";
|
|
11658
11723
|
});
|
|
11659
|
-
var Title$5 = styled__default.div(_templateObject8$
|
|
11724
|
+
var Title$5 = styled__default.div(_templateObject8$u || (_templateObject8$u = _taggedTemplateLiteralLoose(["\n ", ";\n max-width: 80px;\n color: hsla(195, 10%, 52%, 0.72);\n font-size: 10px;\n ", ";\n"])), EllipsisStyles, function (_ref6) {
|
|
11660
11725
|
var hasMarginBottom = _ref6.hasMarginBottom;
|
|
11661
11726
|
return hasMarginBottom && "margin-bottom: 6px;";
|
|
11662
11727
|
});
|
|
@@ -12174,7 +12239,7 @@ var ContentArea = styled__default.div(_templateObject6$C || (_templateObject6$C
|
|
|
12174
12239
|
return paddingOverride ? paddingOverride : '70px 90px';
|
|
12175
12240
|
});
|
|
12176
12241
|
|
|
12177
|
-
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q, _templateObject6$D, _templateObject7$y, _templateObject8$
|
|
12242
|
+
var _templateObject$1i, _templateObject2$19, _templateObject3$10, _templateObject4$W, _templateObject5$Q, _templateObject6$D, _templateObject7$y, _templateObject8$v, _templateObject9$q, _templateObject10$k, _templateObject11$e, _templateObject12$a, _templateObject13$8, _templateObject14$6, _templateObject15$5, _templateObject16$4, _templateObject17$4, _templateObject18$3, _templateObject19$3, _templateObject20$3, _templateObject21$3;
|
|
12178
12243
|
var ContextTitle = styled__default.div(_templateObject$1i || (_templateObject$1i = _taggedTemplateLiteralLoose(["\n opacity: 0;\n\n ", "\n\n ", "\n"])), function (_ref) {
|
|
12179
12244
|
var theme = _ref.theme;
|
|
12180
12245
|
return styled.css(_templateObject2$19 || (_templateObject2$19 = _taggedTemplateLiteralLoose(["\n transition: opacity ", " ", ";\n "])), theme.animation.speed.fast, theme.animation.easing.primary.easeInOut);
|
|
@@ -12190,9 +12255,9 @@ var ContextIndicator = styled__default.div(_templateObject6$D || (_templateObjec
|
|
|
12190
12255
|
var theme = _ref4.theme;
|
|
12191
12256
|
return styled.css(_templateObject7$y || (_templateObject7$y = _taggedTemplateLiteralLoose(["\n transition: opacity 0 ", ";\n "])), theme.animation.easing.primary.easeInOut);
|
|
12192
12257
|
});
|
|
12193
|
-
var ContextActionBaseCSS$1 = styled.css(_templateObject8$
|
|
12258
|
+
var ContextActionBaseCSS$1 = styled.css(_templateObject8$v || (_templateObject8$v = _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"])));
|
|
12194
12259
|
var StyledAnchor = styled__default.a(_templateObject9$q || (_templateObject9$q = _taggedTemplateLiteralLoose(["\n display: flex;\n text-decoration: none;\n"])));
|
|
12195
|
-
var ExternalIconWrapper = styled__default.div(_templateObject10$
|
|
12260
|
+
var ExternalIconWrapper = styled__default.div(_templateObject10$k || (_templateObject10$k = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
12196
12261
|
var ContextWrapper = styled__default.div(_templateObject11$e || (_templateObject11$e = _taggedTemplateLiteralLoose(["\n ", "\n ", "\n\n ", "\n\n &:hover ", "{\n opacity: 1;\n ", ";\n ", "{\n [stroke]{\n stroke: ", ";\n }\n }\n }\n"])), ContextActionBaseCSS$1, function (_ref5) {
|
|
12197
12262
|
var theme = _ref5.theme;
|
|
12198
12263
|
return theme && styled.css(_templateObject12$a || (_templateObject12$a = _taggedTemplateLiteralLoose(["\n font-family: ", ";\n ", ";\n "])), theme.fontFamily.ui, theme.typography.global.mainMenu.menuItem["default"]);
|
|
@@ -12436,7 +12501,7 @@ var useMenu = function useMenu(defaultMenuOpen, canAlwaysPin) {
|
|
|
12436
12501
|
};
|
|
12437
12502
|
};
|
|
12438
12503
|
|
|
12439
|
-
var _templateObject$1j, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R, _templateObject6$E, _templateObject7$z, _templateObject8$
|
|
12504
|
+
var _templateObject$1j, _templateObject2$1a, _templateObject3$11, _templateObject4$X, _templateObject5$R, _templateObject6$E, _templateObject7$z, _templateObject8$w, _templateObject9$r, _templateObject10$l, _templateObject11$f, _templateObject12$b, _templateObject13$9, _templateObject14$7, _templateObject15$6;
|
|
12440
12505
|
var Submenu = styled__default.ul(_templateObject$1j || (_templateObject$1j = _taggedTemplateLiteralLoose(["\n display: block;\n position: relative;\n margin-left: 40px;\n padding: 0;\n\n"])));
|
|
12441
12506
|
var SubmenuHeader = styled__default.div(_templateObject2$1a || (_templateObject2$1a = _taggedTemplateLiteralLoose(["\n display: block;\n height: 40px;\n margin-left: 40px;\n"])));
|
|
12442
12507
|
var SubmenuItemTitle = styled__default.span(_templateObject3$11 || (_templateObject3$11 = _taggedTemplateLiteralLoose(["\n display: block;\n ", ";\n\n"])), function (_ref) {
|
|
@@ -12446,13 +12511,13 @@ var SubmenuItemTitle = styled__default.span(_templateObject3$11 || (_templateObj
|
|
|
12446
12511
|
var SubmenuItemLink = styled__default(reactRouterDom.Link)(_templateObject5$R || (_templateObject5$R = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n"])), resetButtonStyles);
|
|
12447
12512
|
var ExternalIconWrapper$1 = styled__default.div(_templateObject6$E || (_templateObject6$E = _taggedTemplateLiteralLoose(["\n margin-left: 15px;\n"])));
|
|
12448
12513
|
var SubmenuItemAnchor = styled__default.a(_templateObject7$z || (_templateObject7$z = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n align-items: center;\n"])), resetButtonStyles);
|
|
12449
|
-
var SubmenuItem = styled__default.li(_templateObject8$
|
|
12514
|
+
var SubmenuItem = styled__default.li(_templateObject8$w || (_templateObject8$w = _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) {
|
|
12450
12515
|
var colors = _ref2.theme.colors;
|
|
12451
12516
|
return colors.divider;
|
|
12452
12517
|
}, SubmenuItemLink, SubmenuItemAnchor, function (_ref3) {
|
|
12453
12518
|
var theme = _ref3.theme,
|
|
12454
12519
|
isActive = _ref3.isActive;
|
|
12455
|
-
return theme && styled.css(_templateObject9$r || (_templateObject9$r = _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$
|
|
12520
|
+
return theme && styled.css(_templateObject9$r || (_templateObject9$r = _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$l || (_templateObject10$l = _taggedTemplateLiteralLoose(["\n &, &:hover {\n ", ";\n }\n "])), theme.typography.global.mainMenu.subItem.active));
|
|
12456
12521
|
});
|
|
12457
12522
|
var SubmenuContainer = styled__default.div(_templateObject11$f || (_templateObject11$f = _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) {
|
|
12458
12523
|
var theme = _ref4.theme;
|
|
@@ -12583,7 +12648,7 @@ var generateSubmenus = function generateSubmenus(submenu, onClickCallback) {
|
|
|
12583
12648
|
return output;
|
|
12584
12649
|
};
|
|
12585
12650
|
|
|
12586
|
-
var _templateObject$1k, _templateObject2$1b, _templateObject3$12, _templateObject4$Y, _templateObject5$S, _templateObject6$F, _templateObject7$A, _templateObject8$
|
|
12651
|
+
var _templateObject$1k, _templateObject2$1b, _templateObject3$12, _templateObject4$Y, _templateObject5$S, _templateObject6$F, _templateObject7$A, _templateObject8$x, _templateObject9$s, _templateObject10$m, _templateObject11$g, _templateObject12$c, _templateObject13$a, _templateObject14$8, _templateObject15$7;
|
|
12587
12652
|
var Logo = styled__default(reactRouterDom.Link)(_templateObject$1k || (_templateObject$1k = _taggedTemplateLiteralLoose(["\n height: 50px;\n margin: 0 20px 55px 15px;\n display: flex;\n\n object {\n pointer-events: none;\n }\n"])));
|
|
12588
12653
|
var LogoMark = styled__default.div(_templateObject2$1b || (_templateObject2$1b = _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"])));
|
|
12589
12654
|
var LogoType = styled__default.div(_templateObject3$12 || (_templateObject3$12 = _taggedTemplateLiteralLoose(["\n opacity: 0;\n flex: 1;\n height: 50px;\n display: flex;\n justify-content: left;\n align-items: center;\n"])));
|
|
@@ -12592,10 +12657,10 @@ var SVGObjectText = styled__default.object(_templateObject5$S || (_templateObjec
|
|
|
12592
12657
|
var NavigationContainer = styled__default.div(_templateObject6$F || (_templateObject6$F = _taggedTemplateLiteralLoose([""])));
|
|
12593
12658
|
var MenuFooter = styled__default.div(_templateObject7$A || (_templateObject7$A = _taggedTemplateLiteralLoose(["\n ", ";\n display: flex;\n flex-direction: column;\n flex: 1;\n justify-content: flex-end;\n"])), function (_ref) {
|
|
12594
12659
|
var theme = _ref.theme;
|
|
12595
|
-
return theme && styled.css(_templateObject8$
|
|
12660
|
+
return theme && styled.css(_templateObject8$x || (_templateObject8$x = _taggedTemplateLiteralLoose(["\n ", "\n "])), theme.styles.global.mainMenu.footerBackground);
|
|
12596
12661
|
});
|
|
12597
12662
|
var FooterItemContainer = styled__default.div(_templateObject9$s || (_templateObject9$s = _taggedTemplateLiteralLoose(["\n min-height: 70px;\n"])));
|
|
12598
|
-
var PushContainer = styled__default.div(_templateObject10$
|
|
12663
|
+
var PushContainer = styled__default.div(_templateObject10$m || (_templateObject10$m = _taggedTemplateLiteralLoose(["\n position: relative;\n height: 100%;\n ", ";\n"])), function (_ref2) {
|
|
12599
12664
|
var theme = _ref2.theme,
|
|
12600
12665
|
isPinned = _ref2.isPinned;
|
|
12601
12666
|
return theme && styled.css(_templateObject11$g || (_templateObject11$g = _taggedTemplateLiteralLoose(["\n width: ", ";\n "])), isPinned ? theme.dimensions.global.mainMenu.width.open : theme.dimensions.global.mainMenu.width.closed);
|
|
@@ -12723,7 +12788,7 @@ var MainMenu = function MainMenu(_ref5) {
|
|
|
12723
12788
|
})) : null))), document.body));
|
|
12724
12789
|
};
|
|
12725
12790
|
|
|
12726
|
-
var _templateObject$1l, _templateObject2$1c, _templateObject3$13, _templateObject4$Z, _templateObject5$T, _templateObject6$G, _templateObject7$B, _templateObject8$
|
|
12791
|
+
var _templateObject$1l, _templateObject2$1c, _templateObject3$13, _templateObject4$Z, _templateObject5$T, _templateObject6$G, _templateObject7$B, _templateObject8$y, _templateObject9$t, _templateObject10$n, _templateObject11$h;
|
|
12727
12792
|
var MetaConatiner = styled__default.div(_templateObject$1l || (_templateObject$1l = _taggedTemplateLiteralLoose(["\n margin: 10px 10px;\n border: 1px solid #e2e2e380;\n background-color: #eeeded80;\n border-radius: 5px;\n &:active { \n box-shadow: 4px 4px #eeeded80;\n }\n"])));
|
|
12728
12793
|
var LabelTitle = styled__default.div(_templateObject2$1c || (_templateObject2$1c = _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: #575757;\n font-family: ", ";\n margin-top: 2px;\n"])), function (_ref) {
|
|
12729
12794
|
var theme = _ref.theme;
|
|
@@ -12736,9 +12801,9 @@ var LabelNotes = styled__default.div(_templateObject4$Z || (_templateObject4$Z =
|
|
|
12736
12801
|
});
|
|
12737
12802
|
var TitleContainer = styled__default.div(_templateObject6$G || (_templateObject6$G = _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"])));
|
|
12738
12803
|
var Container$U = styled__default.div(_templateObject7$B || (_templateObject7$B = _taggedTemplateLiteralLoose(["\n cursor: pointer;\n"])));
|
|
12739
|
-
var TitleBox = styled__default.div(_templateObject8$
|
|
12804
|
+
var TitleBox = styled__default.div(_templateObject8$y || (_templateObject8$y = _taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: space-between;\n align-items: center;\n"])));
|
|
12740
12805
|
var IconBox = styled__default.div(_templateObject9$t || (_templateObject9$t = _taggedTemplateLiteralLoose(["\n padding: 1px 5px 0 0;\n"])));
|
|
12741
|
-
var CopyTextBox = styled__default.pre(_templateObject10$
|
|
12806
|
+
var CopyTextBox = styled__default.pre(_templateObject10$n || (_templateObject10$n = _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 hsl(195deg 5% 60% / 72%);\n background-color: #f8f9fa;\n border-radius: 5px;\n opacity: 0.76;\n font-weight: 500;\n color: #575757;\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) {
|
|
12742
12807
|
var theme = _ref3.theme;
|
|
12743
12808
|
return theme.fontFamily.data;
|
|
12744
12809
|
});
|
|
@@ -12812,7 +12877,7 @@ var UserDrawerMeta = function UserDrawerMeta(_ref4) {
|
|
|
12812
12877
|
}, notes) : null)));
|
|
12813
12878
|
};
|
|
12814
12879
|
|
|
12815
|
-
var _templateObject$1m, _templateObject2$1d, _templateObject3$14, _templateObject4$_, _templateObject5$U, _templateObject6$H, _templateObject7$C, _templateObject8$
|
|
12880
|
+
var _templateObject$1m, _templateObject2$1d, _templateObject3$14, _templateObject4$_, _templateObject5$U, _templateObject6$H, _templateObject7$C, _templateObject8$z, _templateObject9$u, _templateObject10$o, _templateObject11$i, _templateObject12$d, _templateObject13$b, _templateObject14$9, _templateObject15$8, _templateObject16$5, _templateObject17$5, _templateObject18$4, _templateObject19$4, _templateObject20$4, _templateObject21$4, _templateObject22$3;
|
|
12816
12881
|
var DrawerTop = styled__default.div(_templateObject$1m || (_templateObject$1m = _taggedTemplateLiteralLoose([""])));
|
|
12817
12882
|
var DrawerBottom = styled__default.div(_templateObject2$1d || (_templateObject2$1d = _taggedTemplateLiteralLoose(["\n ", ";\n"])), function (_ref) {
|
|
12818
12883
|
var theme = _ref.theme;
|
|
@@ -12830,9 +12895,9 @@ var UserOptions = styled__default.div(_templateObject7$C || (_templateObject7$C
|
|
|
12830
12895
|
var colors = _ref4.theme.colors;
|
|
12831
12896
|
return colors.divider;
|
|
12832
12897
|
});
|
|
12833
|
-
var Logout = styled__default.div(_templateObject8$
|
|
12898
|
+
var Logout = styled__default.div(_templateObject8$z || (_templateObject8$z = _taggedTemplateLiteralLoose(["\n padding: 0 20px;\n"])));
|
|
12834
12899
|
var LinkMenu = styled__default.ul(_templateObject9$u || (_templateObject9$u = _taggedTemplateLiteralLoose(["\n padding: 0;\n margin: 12px 0 0 0;\n list-style: none;\n"])));
|
|
12835
|
-
var LinkMenuItem = styled__default.li(_templateObject10$
|
|
12900
|
+
var LinkMenuItem = styled__default.li(_templateObject10$o || (_templateObject10$o = _taggedTemplateLiteralLoose(["\n padding: 10px 0;\n"])));
|
|
12836
12901
|
var IconWrapper$4 = styled__default.div(_templateObject11$i || (_templateObject11$i = _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"])));
|
|
12837
12902
|
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"])));
|
|
12838
12903
|
var LinkMenuItemA = styled__default(reactRouterDom.Link)(_templateObject13$b || (_templateObject13$b = _taggedTemplateLiteralLoose(["\n ", ";\n display: block;\n width: 100%;\n\n ", ";\n\n ", ";\n"])), resetButtonStyles, function (_ref5) {
|
|
@@ -12967,7 +13032,7 @@ var UserMenu = function UserMenu(_ref16) {
|
|
|
12967
13032
|
}, title)) : null));
|
|
12968
13033
|
};
|
|
12969
13034
|
|
|
12970
|
-
var _templateObject$1n, _templateObject2$1e, _templateObject3$15, _templateObject4$$, _templateObject5$V, _templateObject6$I, _templateObject7$D, _templateObject8$
|
|
13035
|
+
var _templateObject$1n, _templateObject2$1e, _templateObject3$15, _templateObject4$$, _templateObject5$V, _templateObject6$I, _templateObject7$D, _templateObject8$A;
|
|
12971
13036
|
var Container$V = styled__default.div(_templateObject$1n || (_templateObject$1n = _taggedTemplateLiteralLoose(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding: 18px 20px 12px 20px;\n height: 122px;\n"])));
|
|
12972
13037
|
var ImgWrapper = styled__default.div(_templateObject2$1e || (_templateObject2$1e = _taggedTemplateLiteralLoose(["\n border-radius: 5px;\n overflow: hidden;\n height: 40px;\n width: 40px;\n flex-shrink: 0;\n"])));
|
|
12973
13038
|
var EmptyImg = styled__default.div(_templateObject3$15 || (_templateObject3$15 = _taggedTemplateLiteralLoose(["\n background-color: hsl(210, 22%, 91%);\n width: 100%;\n height: 100%;\n"])));
|
|
@@ -12979,7 +13044,7 @@ var Image$2 = styled__default.div(_templateObject4$$ || (_templateObject4$$ = _t
|
|
|
12979
13044
|
var InfoContainer = styled__default.div(_templateObject5$V || (_templateObject5$V = _taggedTemplateLiteralLoose(["\n margin-left: 20px;\n"])));
|
|
12980
13045
|
var Title$8 = styled__default.div(_templateObject6$I || (_templateObject6$I = _taggedTemplateLiteralLoose(["\n font-size: 16px;\n font-weight: 500;\n color: hsl(0, 0%, 34%);\n"])));
|
|
12981
13046
|
var Message = styled__default.div(_templateObject7$D || (_templateObject7$D = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n overflow: hidden;\n color: hsl(0, 0%, 34%);\n margin: 4px 0;\n height: 30px;\n text-overflow: ellipsis;\n overflow: hidden;\n display: inline-block;\n vertical-align: middle;\n"])));
|
|
12982
|
-
var TimeMsg = styled__default.div(_templateObject8$
|
|
13047
|
+
var TimeMsg = styled__default.div(_templateObject8$A || (_templateObject8$A = _taggedTemplateLiteralLoose(["\n font-size: 13px;\n font-weight: 500;\n color: hsl(0, 0%, 67%);\n margin-top: 15px;\n"])));
|
|
12983
13048
|
|
|
12984
13049
|
var NotificationItem = function NotificationItem(_ref) {
|
|
12985
13050
|
var imgUrl = _ref.imgUrl,
|
|
@@ -13027,7 +13092,7 @@ var NotificationsHistory = function NotificationsHistory(_ref3) {
|
|
|
13027
13092
|
return React__default.createElement(Container$W, 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')));
|
|
13028
13093
|
};
|
|
13029
13094
|
|
|
13030
|
-
var _templateObject$1p, _templateObject2$1g, _templateObject3$17, _templateObject4$10, _templateObject5$W, _templateObject6$J, _templateObject7$E, _templateObject8$
|
|
13095
|
+
var _templateObject$1p, _templateObject2$1g, _templateObject3$17, _templateObject4$10, _templateObject5$W, _templateObject6$J, _templateObject7$E, _templateObject8$B, _templateObject9$v, _templateObject10$p, _templateObject11$j, _templateObject12$e, _templateObject13$c, _templateObject14$a;
|
|
13031
13096
|
var Container$X = styled__default.div(_templateObject$1p || (_templateObject$1p = _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) {
|
|
13032
13097
|
var theme = _ref.theme,
|
|
13033
13098
|
colors = _ref.theme.colors;
|
|
@@ -13050,13 +13115,13 @@ var DrawerToggle = styled__default.button.attrs({
|
|
|
13050
13115
|
type: 'button'
|
|
13051
13116
|
})(_templateObject7$E || (_templateObject7$E = _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) {
|
|
13052
13117
|
var theme = _ref5.theme;
|
|
13053
|
-
return styled.css(_templateObject8$
|
|
13118
|
+
return styled.css(_templateObject8$B || (_templateObject8$B = _taggedTemplateLiteralLoose(["\n border-bottom: 5px solid ", ";\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);
|
|
13054
13119
|
}, function (_ref6) {
|
|
13055
13120
|
var isActive = _ref6.isActive,
|
|
13056
13121
|
theme = _ref6.theme;
|
|
13057
13122
|
return isActive && styled.css(_templateObject9$v || (_templateObject9$v = _taggedTemplateLiteralLoose(["\n &, &:hover {\n border-bottom-color: ", ";\n }\n "])), theme.colors.menu.active);
|
|
13058
13123
|
});
|
|
13059
|
-
var DrawerPortalWrapper = styled__default.div(_templateObject10$
|
|
13124
|
+
var DrawerPortalWrapper = styled__default.div(_templateObject10$p || (_templateObject10$p = _taggedTemplateLiteralLoose([""])));
|
|
13060
13125
|
var Drawer = styled__default.div(_templateObject11$j || (_templateObject11$j = _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) {
|
|
13061
13126
|
var theme = _ref7.theme;
|
|
13062
13127
|
return theme.fontFamily.ui;
|
|
@@ -13732,7 +13797,7 @@ var GlobalUI = function GlobalUI(_ref) {
|
|
|
13732
13797
|
|
|
13733
13798
|
var _excluded$K = ["children"];
|
|
13734
13799
|
|
|
13735
|
-
var _templateObject$1C, _templateObject2$1q, _templateObject3$1e, _templateObject4$14, _templateObject5$Y, _templateObject6$L, _templateObject7$F, _templateObject8$
|
|
13800
|
+
var _templateObject$1C, _templateObject2$1q, _templateObject3$1e, _templateObject4$14, _templateObject5$Y, _templateObject6$L, _templateObject7$F, _templateObject8$C, _templateObject9$w;
|
|
13736
13801
|
var Container$14 = styled__default.div(_templateObject$1C || (_templateObject$1C = _taggedTemplateLiteralLoose(["\n width: 286px;\n border-right: 1px solid hsla(0, 0%, 84%, 50%);\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n display: flex;\n flex-direction: column;\n"])));
|
|
13737
13802
|
var LogoContainer = styled__default.div(_templateObject2$1q || (_templateObject2$1q = _taggedTemplateLiteralLoose(["\n height: 84px;\n color: hsl(205, 7%, 35%);\n border-bottom: 1px solid hsla(0, 0%, 84%, 50%);\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n padding-top: 18px;\n padding-bottom: 15px;\n"])));
|
|
13738
13803
|
var LogoTopText = styled__default.div(_templateObject3$1e || (_templateObject3$1e = _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"])));
|
|
@@ -13740,7 +13805,7 @@ var LogoBottomText = styled__default.div(_templateObject4$14 || (_templateObject
|
|
|
13740
13805
|
var SidebarBox = styled__default.div(_templateObject5$Y || (_templateObject5$Y = _taggedTemplateLiteralLoose(["\n position: relative;\n border-bottom: 1px solid hsla(0, 0%, 84%, 50%);\n padding: 22px 20px 21px 20px;\n"])));
|
|
13741
13806
|
var SidebarHeading = styled__default.div(_templateObject6$L || (_templateObject6$L = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: hsl(0, 0%, 50%);\n margin-bottom: 18px;\n"])));
|
|
13742
13807
|
var SidebarLinkHeading = styled__default.div(_templateObject7$F || (_templateObject7$F = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: hsl(0, 0%, 50%);\n"])));
|
|
13743
|
-
var BackLink = styled__default(reactRouterDom.Link)(_templateObject8$
|
|
13808
|
+
var BackLink = styled__default(reactRouterDom.Link)(_templateObject8$C || (_templateObject8$C = _taggedTemplateLiteralLoose(["\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.35px;\n color: hsl(0, 0%, 50%);\n"])));
|
|
13744
13809
|
var SLink = styled__default(reactRouterDom.Link)(_templateObject9$w || (_templateObject9$w = _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: hsl(0, 0%, 55%);\n border-radius: 3px;\n background-color: hsl(206, 70%, 96%);\n text-decoration: none;\n padding: 7px 20px;\n"])));
|
|
13745
13810
|
var SidebarLink = function SidebarLink(_ref) {
|
|
13746
13811
|
var title = _ref.title,
|