@lanaco/lnc-react-ui 2.1.18 → 2.1.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/lib/index.esm.js +184 -101
- package/lib/index.js +184 -101
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -4675,7 +4675,7 @@ CheckBox.propTypes = {
|
|
|
4675
4675
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4676
4676
|
};
|
|
4677
4677
|
|
|
4678
|
-
var _templateObject$p, _templateObject2$
|
|
4678
|
+
var _templateObject$p, _templateObject2$l, _templateObject3$f;
|
|
4679
4679
|
|
|
4680
4680
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4681
4681
|
return {
|
|
@@ -4753,7 +4753,7 @@ var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTe
|
|
|
4753
4753
|
}, function (props) {
|
|
4754
4754
|
return getLabelAndTextProps()[props.size].top;
|
|
4755
4755
|
});
|
|
4756
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4756
|
+
var Input$4 = newStyled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral(["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4757
4757
|
return props.theme.palette[props.color].main;
|
|
4758
4758
|
}, function (props) {
|
|
4759
4759
|
return props.theme.palette[props.color].main;
|
|
@@ -4786,7 +4786,7 @@ var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _tagge
|
|
|
4786
4786
|
}, function (props) {
|
|
4787
4787
|
return props.theme.palette.gray[1000];
|
|
4788
4788
|
});
|
|
4789
|
-
var Span$2 = newStyled.span(_templateObject3$
|
|
4789
|
+
var Span$2 = newStyled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral(["\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n\n &:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: white;\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4790
4790
|
return getSpanProps()[props.size].top;
|
|
4791
4791
|
}, function (props) {
|
|
4792
4792
|
return getSpanProps()[props.size].left;
|
|
@@ -6513,17 +6513,17 @@ SwitchTransition.defaultProps = {
|
|
|
6513
6513
|
};
|
|
6514
6514
|
var SwitchTransition$1 = SwitchTransition;
|
|
6515
6515
|
|
|
6516
|
-
var _templateObject$o, _templateObject2$
|
|
6516
|
+
var _templateObject$o, _templateObject2$k, _templateObject3$e, _templateObject4$c, _templateObject5$c, _templateObject6$a, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$4;
|
|
6517
6517
|
var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6518
6518
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6519
6519
|
}, theme.typography.fontFamily);
|
|
6520
|
-
var Table$
|
|
6521
|
-
var Body = newStyled.div(_templateObject3$
|
|
6520
|
+
var Table$2 = newStyled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6521
|
+
var Body$1 = newStyled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
6522
6522
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6523
6523
|
});
|
|
6524
|
-
var Row = newStyled.div(_templateObject4$
|
|
6525
|
-
var HeaderRow = newStyled.div(_templateObject5$
|
|
6526
|
-
var HeaderColumnCheck = newStyled.div(_templateObject6$
|
|
6524
|
+
var Row = newStyled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n cursor: pointer;\n transition: all 250ms ease;\n background-color: white;\n\n &:hover {\n background-color: whitesmoke;\n }\n"])));
|
|
6525
|
+
var HeaderRow = newStyled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n border-bottom: 1px solid #80808050;\n background-color: whitesmoke;\n border-radius: 3px 3px 0 0;\n position: sticky;\n"])));
|
|
6526
|
+
var HeaderColumnCheck = newStyled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteral(["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-right: ", ";\n padding-left: 8px;\n border-right: 1px solid #80808050;\n"])), function (props) {
|
|
6527
6527
|
return props.check ? "8px" : "0";
|
|
6528
6528
|
});
|
|
6529
6529
|
var ColumnCheck = newStyled.div(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 5px ", " 5px 8px;\n border-right: 1px solid #80808050;\n"])), function (props) {
|
|
@@ -6535,9 +6535,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
|
|
|
6535
6535
|
var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral(["\n padding: 3px;\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: 8px;\n padding-right: 8px;\n font-size: calc(\n ", " + 3px\n );\n"])), function (props) {
|
|
6536
6536
|
return props.theme.typography[props.size].fontSize;
|
|
6537
6537
|
});
|
|
6538
|
-
var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
|
|
6539
|
-
var ButtonContainer$
|
|
6540
|
-
var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6538
|
+
var FooterRow$1 = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral(["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
|
|
6539
|
+
var ButtonContainer$4 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
|
|
6540
|
+
var PageNumber$1 = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6541
6541
|
return props.theme.typography[props.size].fontSize;
|
|
6542
6542
|
}); //=======================================================================
|
|
6543
6543
|
|
|
@@ -6598,8 +6598,8 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6598
6598
|
return /*#__PURE__*/React__default.createElement(Container$l, _extends({}, themeProps, {
|
|
6599
6599
|
className: className
|
|
6600
6600
|
}), /*#__PURE__*/React__default.createElement(Global, {
|
|
6601
|
-
styles: css(_templateObject13$
|
|
6602
|
-
}), /*#__PURE__*/React__default.createElement(Table$
|
|
6601
|
+
styles: css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
6602
|
+
}), /*#__PURE__*/React__default.createElement(Table$2, null, /*#__PURE__*/React__default.createElement(HeaderRow, null, /*#__PURE__*/React__default.createElement(HeaderColumnCheck, {
|
|
6603
6603
|
check: style === "regular"
|
|
6604
6604
|
}, style === "regular" ? /*#__PURE__*/React__default.createElement(CheckBox, {
|
|
6605
6605
|
id: id,
|
|
@@ -6623,7 +6623,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6623
6623
|
size: size,
|
|
6624
6624
|
theme: theme,
|
|
6625
6625
|
tooltip: label
|
|
6626
|
-
})), /*#__PURE__*/React__default.createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default.createElement(Body, themeProps, /*#__PURE__*/React__default.createElement(TransitionGroup$1, {
|
|
6626
|
+
})), /*#__PURE__*/React__default.createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default.createElement(Body$1, themeProps, /*#__PURE__*/React__default.createElement(TransitionGroup$1, {
|
|
6627
6627
|
component: "div"
|
|
6628
6628
|
}, _options.map(function (x, i) {
|
|
6629
6629
|
var isChecked = false;
|
|
@@ -6663,25 +6663,25 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6663
6663
|
size: size,
|
|
6664
6664
|
theme: theme
|
|
6665
6665
|
})), /*#__PURE__*/React__default.createElement(ColumnTitle, themeProps, x[itemText])));
|
|
6666
|
-
})))), pagination && /*#__PURE__*/React__default.createElement(FooterRow, null, /*#__PURE__*/React__default.createElement(ButtonContainer$
|
|
6666
|
+
})))), pagination && /*#__PURE__*/React__default.createElement(FooterRow$1, null, /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
6667
6667
|
icon: "angle-double-left",
|
|
6668
6668
|
onClick: function onClick() {
|
|
6669
6669
|
return setPage(1);
|
|
6670
6670
|
},
|
|
6671
6671
|
disabled: page === 1 || disabled
|
|
6672
|
-
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$
|
|
6672
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
6673
6673
|
icon: "angle-left",
|
|
6674
6674
|
onClick: function onClick() {
|
|
6675
6675
|
return setPage(page - 1);
|
|
6676
6676
|
},
|
|
6677
6677
|
disabled: page === 1 || disabled
|
|
6678
|
-
}))), /*#__PURE__*/React__default.createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$
|
|
6678
|
+
}))), /*#__PURE__*/React__default.createElement(PageNumber$1, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
6679
6679
|
icon: "angle-right",
|
|
6680
6680
|
onClick: function onClick() {
|
|
6681
6681
|
return setPage(page + 1);
|
|
6682
6682
|
},
|
|
6683
6683
|
disabled: page === pageCount || disabled
|
|
6684
|
-
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$
|
|
6684
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$4, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
6685
6685
|
icon: "angle-double-right",
|
|
6686
6686
|
onClick: function onClick() {
|
|
6687
6687
|
return setPage(pageCount);
|
|
@@ -22462,7 +22462,7 @@ var DateInput = function DateInput(props) {
|
|
|
22462
22462
|
};
|
|
22463
22463
|
|
|
22464
22464
|
var handleChange = function handleChange(jsDateObject) {
|
|
22465
|
-
if (jsDateObject === null) callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22465
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22466
22466
|
};
|
|
22467
22467
|
|
|
22468
22468
|
var getValue = function getValue() {
|
|
@@ -22470,6 +22470,9 @@ var DateInput = function DateInput(props) {
|
|
|
22470
22470
|
return moment(value, "DD.MM.YYYY.").toDate();
|
|
22471
22471
|
};
|
|
22472
22472
|
|
|
22473
|
+
useEffect(function () {
|
|
22474
|
+
setDateText(value);
|
|
22475
|
+
}, [value]);
|
|
22473
22476
|
useEffect(function () {
|
|
22474
22477
|
var timeOutId = setTimeout(function () {
|
|
22475
22478
|
return handleDelayedOnChange();
|
|
@@ -22485,7 +22488,7 @@ var DateInput = function DateInput(props) {
|
|
|
22485
22488
|
};
|
|
22486
22489
|
|
|
22487
22490
|
var handleOnChange = function handleOnChange(jsDateObject) {
|
|
22488
|
-
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22491
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") setDateText("");else setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22489
22492
|
};
|
|
22490
22493
|
|
|
22491
22494
|
return /*#__PURE__*/React__default.createElement(Container$k, {
|
|
@@ -22493,6 +22496,7 @@ var DateInput = function DateInput(props) {
|
|
|
22493
22496
|
size: size,
|
|
22494
22497
|
color: color
|
|
22495
22498
|
}, /*#__PURE__*/React__default.createElement(DatePicker, {
|
|
22499
|
+
value: dateText,
|
|
22496
22500
|
selected: getValue(),
|
|
22497
22501
|
onChange: handleOnChange,
|
|
22498
22502
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -22653,13 +22657,13 @@ DropDown.propTypes = {
|
|
|
22653
22657
|
|
|
22654
22658
|
var _excluded = ["duration", "delay", "children"];
|
|
22655
22659
|
|
|
22656
|
-
var _templateObject$n, _templateObject2$
|
|
22660
|
+
var _templateObject$n, _templateObject2$j;
|
|
22657
22661
|
|
|
22658
22662
|
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22659
22663
|
|
|
22660
22664
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22661
22665
|
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22662
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22666
|
+
var Wrapper$2 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22663
22667
|
|
|
22664
22668
|
var FadeIn = function FadeIn(_ref) {
|
|
22665
22669
|
var _ref$duration = _ref.duration,
|
|
@@ -22677,7 +22681,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22677
22681
|
}), children);
|
|
22678
22682
|
};
|
|
22679
22683
|
|
|
22680
|
-
var _templateObject$m, _templateObject2$
|
|
22684
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22681
22685
|
|
|
22682
22686
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22683
22687
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22692,7 +22696,7 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22692
22696
|
};
|
|
22693
22697
|
|
|
22694
22698
|
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22695
|
-
var Container$j = newStyled.div(_templateObject2$
|
|
22699
|
+
var Container$j = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
|
|
22696
22700
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22697
22701
|
}, function (props) {
|
|
22698
22702
|
return heightBySize$b(props.size);
|
|
@@ -22701,14 +22705,14 @@ var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _tag
|
|
|
22701
22705
|
}, function (props) {
|
|
22702
22706
|
return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
|
|
22703
22707
|
});
|
|
22704
|
-
var Inner$4 = newStyled.div(_templateObject3$
|
|
22705
|
-
var InputContainer$2 = newStyled.div(_templateObject4$
|
|
22706
|
-
var ButtonContainer$
|
|
22708
|
+
var Inner$4 = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n display: flex;\n"])));
|
|
22709
|
+
var InputContainer$2 = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral(["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
22710
|
+
var ButtonContainer$3 = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: ", ";\n"])), function (props) {
|
|
22707
22711
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
22708
22712
|
}, function (props) {
|
|
22709
22713
|
return props.clickable ? "pointer" : "inherit";
|
|
22710
22714
|
});
|
|
22711
|
-
var TimesButtonContainer = newStyled.div(_templateObject6$
|
|
22715
|
+
var TimesButtonContainer = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n cursor: pointer;\n"])), function (props) {
|
|
22712
22716
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
22713
22717
|
});
|
|
22714
22718
|
var LoadingButtonContainer = newStyled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral(["\n margin-left: auto;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 250ms ease;\n color: ", ";\n padding: 0 0.1875rem;\n\n animation: ", " 0.7s ease-in-out infinite;\n"])), function (props) {
|
|
@@ -22935,7 +22939,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22935
22939
|
className: "fas fa-times fa-fw"
|
|
22936
22940
|
})), loading && /*#__PURE__*/React__default.createElement(LoadingButtonContainer, themeProps, /*#__PURE__*/React__default.createElement("i", {
|
|
22937
22941
|
className: "fas fa-redo fa-fw"
|
|
22938
|
-
})), !loading && /*#__PURE__*/React__default.createElement(ButtonContainer$
|
|
22942
|
+
})), !loading && /*#__PURE__*/React__default.createElement(ButtonContainer$3, _extends({}, themeProps, {
|
|
22939
22943
|
clickable: options == null || options.length === 0,
|
|
22940
22944
|
onClick: function onClick() {
|
|
22941
22945
|
if (options == null || options.length === 0) {
|
|
@@ -31273,11 +31277,11 @@ var AnimatePresence = function (_a) {
|
|
|
31273
31277
|
: childrenToRender.map(function (child) { return cloneElement(child); })));
|
|
31274
31278
|
};
|
|
31275
31279
|
|
|
31276
|
-
var _templateObject$k, _templateObject2$
|
|
31280
|
+
var _templateObject$k, _templateObject2$h;
|
|
31277
31281
|
var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
|
|
31278
31282
|
return props.zIndex;
|
|
31279
31283
|
});
|
|
31280
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31284
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
|
|
31281
31285
|
return props.width;
|
|
31282
31286
|
}, function (props) {
|
|
31283
31287
|
return props.zIndex;
|
|
@@ -31582,13 +31586,13 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31582
31586
|
var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
|
|
31583
31587
|
styleInject(css_248z$6);
|
|
31584
31588
|
|
|
31585
|
-
var _templateObject$j, _templateObject2$
|
|
31589
|
+
var _templateObject$j, _templateObject2$g, _templateObject3$c;
|
|
31586
31590
|
|
|
31587
31591
|
var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
|
|
31588
31592
|
return props.show ? "block" : "none";
|
|
31589
31593
|
});
|
|
31590
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31591
|
-
var Item$4 = newStyled.a(_templateObject3$
|
|
31594
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
|
|
31595
|
+
var Item$4 = newStyled.a(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral(["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
|
|
31592
31596
|
|
|
31593
31597
|
var DropdownMenu = function DropdownMenu(props) {
|
|
31594
31598
|
var _props$actionData = props.actionData,
|
|
@@ -31664,13 +31668,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31664
31668
|
return freeze;
|
|
31665
31669
|
};
|
|
31666
31670
|
|
|
31667
|
-
var _templateObject$i, _templateObject2$
|
|
31671
|
+
var _templateObject$i, _templateObject2$f;
|
|
31668
31672
|
var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n padding: 0px 8px;\n"])), function (props) {
|
|
31669
31673
|
return props.theme.typography.small.fontSize;
|
|
31670
31674
|
}, function (props) {
|
|
31671
31675
|
return props.theme.typography.fontFamily;
|
|
31672
31676
|
});
|
|
31673
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31677
|
+
var Item$3 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31674
31678
|
return props.first ? "0" : "6px";
|
|
31675
31679
|
});
|
|
31676
31680
|
|
|
@@ -48987,19 +48991,19 @@ var TableSelectionType = {
|
|
|
48987
48991
|
MULTIPLE: "multiple"
|
|
48988
48992
|
};
|
|
48989
48993
|
|
|
48990
|
-
var _templateObject$h, _templateObject2$
|
|
48991
|
-
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n
|
|
48994
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8;
|
|
48995
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
48992
48996
|
return props.theme.typography.small.fontSize;
|
|
48993
48997
|
}, function (props) {
|
|
48994
48998
|
return props.theme.typography.fontFamily;
|
|
48995
48999
|
});
|
|
48996
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
49000
|
+
var Item$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
48997
49001
|
return props.first ? "0" : "6px";
|
|
48998
49002
|
});
|
|
48999
|
-
var ExportItem = newStyled.div(_templateObject3$
|
|
49000
|
-
var ItemText = newStyled.div(_templateObject4$
|
|
49001
|
-
var ItemCurrentPage = newStyled.div(_templateObject5$
|
|
49002
|
-
var ItemDropdown = newStyled.div(_templateObject6$
|
|
49003
|
+
var ExportItem = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
49004
|
+
var ItemText = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral(["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
|
|
49005
|
+
var ItemCurrentPage = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
|
|
49006
|
+
var ItemDropdown = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral(["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
|
|
49003
49007
|
|
|
49004
49008
|
var Pagination = function Pagination(props) {
|
|
49005
49009
|
//======================== PROPS ============================================
|
|
@@ -49232,15 +49236,17 @@ Pagination.propTypes = {
|
|
|
49232
49236
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49233
49237
|
};
|
|
49234
49238
|
|
|
49235
|
-
var _templateObject$g, _templateObject2$
|
|
49239
|
+
var _templateObject$g, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
|
|
49236
49240
|
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49237
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49238
|
-
var TableTable$1 = newStyled.table(_templateObject3$
|
|
49239
|
-
var TableHead$1 = newStyled.thead(_templateObject4$
|
|
49240
|
-
var TableHeadRow$1 = newStyled.tr(_templateObject5$
|
|
49241
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$
|
|
49241
|
+
var Wrapper$1 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49242
|
+
var TableTable$1 = newStyled.table(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49243
|
+
var TableHead$1 = newStyled.thead(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49244
|
+
var TableHeadRow$1 = newStyled.tr(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49245
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: ", ";\n }\n"])), function (props) {
|
|
49242
49246
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49243
|
-
}, theme.palette.primary.light)
|
|
49247
|
+
}, theme.palette.primary.light, function (props) {
|
|
49248
|
+
return props.hideOrdering ? "inherit" : "pointer";
|
|
49249
|
+
});
|
|
49244
49250
|
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49245
49251
|
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49246
49252
|
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
@@ -49407,6 +49413,7 @@ var TableView = function TableView(props) {
|
|
|
49407
49413
|
}; //-------------------------------------------------------------------
|
|
49408
49414
|
|
|
49409
49415
|
return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49416
|
+
hideOrdering: hideOrdering,
|
|
49410
49417
|
key: i,
|
|
49411
49418
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49412
49419
|
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default.createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon$1, {
|
|
@@ -49446,7 +49453,7 @@ var TableView = function TableView(props) {
|
|
|
49446
49453
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
|
|
49447
49454
|
};
|
|
49448
49455
|
|
|
49449
|
-
var _templateObject$f, _templateObject2$
|
|
49456
|
+
var _templateObject$f, _templateObject2$c;
|
|
49450
49457
|
|
|
49451
49458
|
var heightBySize$5 = function heightBySize(size) {
|
|
49452
49459
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49455,7 +49462,7 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49455
49462
|
};
|
|
49456
49463
|
|
|
49457
49464
|
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49458
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49465
|
+
var StyledSpinner = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
|
|
49459
49466
|
return heightBySize$5(props.size);
|
|
49460
49467
|
}, function (props) {
|
|
49461
49468
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49494,7 +49501,7 @@ Spinner.propTypes = {
|
|
|
49494
49501
|
var css_248z$4 = ".fade1-enter {\n opacity: 0;\n}\n.fade1-exit {\n opacity: 1;\n}\n.fade1-enter-active {\n opacity: 1;\n}\n.fade1-exit-active {\n opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n transition: opacity 330ms;\n}\n\n.fade2-enter {\n opacity: 0;\n}\n.fade2-exit {\n opacity: 1;\n}\n.fade2-enter-active {\n opacity: 1;\n}\n.fade2-exit-active {\n opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n transition: opacity 330ms;\n}\n";
|
|
49495
49502
|
styleInject(css_248z$4);
|
|
49496
49503
|
|
|
49497
|
-
var _templateObject$e, _templateObject2$
|
|
49504
|
+
var _templateObject$e, _templateObject2$b, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$3;
|
|
49498
49505
|
|
|
49499
49506
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
49500
49507
|
|
|
@@ -49527,20 +49534,20 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49527
49534
|
var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49528
49535
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49529
49536
|
});
|
|
49530
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49531
|
-
var PaginationContainer$1 = newStyled.div(_templateObject3$
|
|
49532
|
-
var FormContainer$2 = newStyled.div(_templateObject4$
|
|
49537
|
+
var TableContainer$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49538
|
+
var PaginationContainer$1 = newStyled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49539
|
+
var FormContainer$2 = newStyled.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
49533
49540
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
49534
49541
|
});
|
|
49535
|
-
var HeaderContainer$1 = newStyled.div(_templateObject5$
|
|
49536
|
-
var FlexItem$1 = newStyled.div(_templateObject6$
|
|
49542
|
+
var HeaderContainer$1 = newStyled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n padding: 4px 0;\n border-radius: 3px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
|
|
49543
|
+
var FlexItem$1 = newStyled.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
49537
49544
|
newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
49538
49545
|
newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
49539
49546
|
var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
|
|
49540
49547
|
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
49541
49548
|
var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
49542
49549
|
var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
49543
|
-
var FilteringContainer = newStyled.div(_templateObject13$
|
|
49550
|
+
var FilteringContainer = newStyled.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
49544
49551
|
|
|
49545
49552
|
var DataView = function DataView(props) {
|
|
49546
49553
|
var emptyFunc = function emptyFunc() {};
|
|
@@ -50064,13 +50071,13 @@ FormMovement.propTypes = {
|
|
|
50064
50071
|
var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
|
|
50065
50072
|
styleInject(css_248z$3);
|
|
50066
50073
|
|
|
50067
|
-
var _templateObject$c, _templateObject2$
|
|
50074
|
+
var _templateObject$c, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$2;
|
|
50068
50075
|
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50069
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50070
|
-
var TableTable = newStyled.table(_templateObject3$
|
|
50071
|
-
var TableHead = newStyled.thead(_templateObject4$
|
|
50072
|
-
var TableHeadRow = newStyled.tr(_templateObject5$
|
|
50073
|
-
var TableHeadCell = newStyled.th(_templateObject6$
|
|
50076
|
+
var Wrapper = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral([""])));
|
|
50077
|
+
var TableTable = newStyled.table(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50078
|
+
var TableHead = newStyled.thead(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50079
|
+
var TableHeadRow = newStyled.tr(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
50080
|
+
var TableHeadCell = newStyled.th(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: #f0f0f0;\n cursor: pointer;\n }\n"])), function (props) {
|
|
50074
50081
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
50075
50082
|
}, theme.palette.primary.light);
|
|
50076
50083
|
var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
@@ -50087,11 +50094,11 @@ var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _t
|
|
|
50087
50094
|
}, function (props) {
|
|
50088
50095
|
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
|
|
50089
50096
|
});
|
|
50090
|
-
var TableBodyCell = newStyled.td(_templateObject13$
|
|
50097
|
+
var TableBodyCell = newStyled.td(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral(["\n padding: ", ";\n"])), function (props) {
|
|
50091
50098
|
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
50092
50099
|
});
|
|
50093
50100
|
|
|
50094
|
-
var Table = function Table(props) {
|
|
50101
|
+
var Table$1 = function Table(props) {
|
|
50095
50102
|
//======================== PROPS ============================================
|
|
50096
50103
|
var _props$Columns = props.Columns,
|
|
50097
50104
|
Columns = _props$Columns === void 0 ? [] : _props$Columns,
|
|
@@ -50284,7 +50291,7 @@ var Table = function Table(props) {
|
|
|
50284
50291
|
}))), /*#__PURE__*/React__default.createElement(TableBody, null, renderBody()))));
|
|
50285
50292
|
};
|
|
50286
50293
|
|
|
50287
|
-
Table.defaultProps = {
|
|
50294
|
+
Table$1.defaultProps = {
|
|
50288
50295
|
theme: theme,
|
|
50289
50296
|
size: "small",
|
|
50290
50297
|
color: "primary",
|
|
@@ -50314,7 +50321,7 @@ Table.defaultProps = {
|
|
|
50314
50321
|
EnableOrdering: false,
|
|
50315
50322
|
SelectionType: "single"
|
|
50316
50323
|
};
|
|
50317
|
-
Table.propTypes = {
|
|
50324
|
+
Table$1.propTypes = {
|
|
50318
50325
|
theme: PropTypes.object.isRequired,
|
|
50319
50326
|
size: PropTypes.string,
|
|
50320
50327
|
color: PropTypes.string,
|
|
@@ -50563,7 +50570,7 @@ uuid.v4 = v4;
|
|
|
50563
50570
|
|
|
50564
50571
|
var uuid_1 = uuid;
|
|
50565
50572
|
|
|
50566
|
-
var _templateObject$b, _templateObject2$
|
|
50573
|
+
var _templateObject$b, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$1, _templateObject13$1, _templateObject14$1;
|
|
50567
50574
|
|
|
50568
50575
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
50569
50576
|
|
|
@@ -50631,7 +50638,9 @@ var getDefaultState = function getDefaultState() {
|
|
|
50631
50638
|
SelectedEntirePage: false,
|
|
50632
50639
|
SelectionType: TableSelectionType.MULTIPLE,
|
|
50633
50640
|
Columns: [],
|
|
50634
|
-
Actions: []
|
|
50641
|
+
Actions: [],
|
|
50642
|
+
FooterText: "",
|
|
50643
|
+
HeaderText: ""
|
|
50635
50644
|
},
|
|
50636
50645
|
Form: {
|
|
50637
50646
|
Mode: "READ",
|
|
@@ -50672,19 +50681,29 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50672
50681
|
};
|
|
50673
50682
|
|
|
50674
50683
|
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50675
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50676
|
-
var PaginationContainer = newStyled.div(_templateObject3$
|
|
50677
|
-
var
|
|
50684
|
+
var TableContainer = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50685
|
+
var PaginationContainer = newStyled.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50686
|
+
var ItemFooterText = newStyled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n padding-left: 6px;\n padding-right: 7px;\n display: flex;\n align-items: center;\n margin-left: auto;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
50687
|
+
return props.theme.typography.small.fontSize;
|
|
50688
|
+
}, function (props) {
|
|
50689
|
+
return props.theme.typography.fontFamily;
|
|
50690
|
+
});
|
|
50691
|
+
var ItemHeaderText = newStyled.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n max-height: 40px;\n padding-left: 3px;\n padding-right: 4px;\n display: flex;\n align-items: left;\n font-size: ", ";\n font-family: ", ";\n font-weight: bold;\n"])), function (props) {
|
|
50692
|
+
return props.theme.typography.small.fontSize;
|
|
50693
|
+
}, function (props) {
|
|
50694
|
+
return props.theme.typography.fontFamily;
|
|
50695
|
+
});
|
|
50696
|
+
var FormContainer$1 = newStyled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50678
50697
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
50679
50698
|
});
|
|
50680
|
-
var HeaderContainer = newStyled.div(
|
|
50681
|
-
var FlexItem = newStyled.div(
|
|
50682
|
-
var DeveloperMessageContainer = newStyled.div(
|
|
50683
|
-
var DeveloperMessage = newStyled.div(
|
|
50684
|
-
var LoaderContainer = newStyled.div(
|
|
50685
|
-
var LoaderContainerTransparent = newStyled.div(
|
|
50686
|
-
var Loader = newStyled.div(
|
|
50687
|
-
var DivRelative = newStyled.div(
|
|
50699
|
+
var HeaderContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n margin-bottom: 5px;\n border-radius: 3px;\n padding: 0px;\n font-size: 12px;\n font-family: \"Ubuntu\";\n"])));
|
|
50700
|
+
var FlexItem = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral(["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
50701
|
+
var DeveloperMessageContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral(["\n margin-top: 5px;\n padding: 8px;\n border: 2px solid rgba(255, 0, 0, 0.725);\n background-color: rgba(252, 79, 79, 0.104);\n font-size: 11px;\n"])));
|
|
50702
|
+
var DeveloperMessage = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral(["\n color: rgb(180, 3, 3);\n"])));
|
|
50703
|
+
var LoaderContainer = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: #eceaea;\n z-index: 10000000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n"])));
|
|
50704
|
+
var LoaderContainerTransparent = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
50705
|
+
var Loader = newStyled.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral(["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
50706
|
+
var DivRelative = newStyled.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral(["\n position: relative;\n"])));
|
|
50688
50707
|
var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
50689
50708
|
//====================== PROPS ======================================================
|
|
50690
50709
|
var theme = props.theme,
|
|
@@ -50852,7 +50871,9 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
50852
50871
|
SelectedEntirePage: false,
|
|
50853
50872
|
SelectionType: TableSelectionType.MULTIPLE,
|
|
50854
50873
|
Columns: [],
|
|
50855
|
-
Actions: []
|
|
50874
|
+
Actions: [],
|
|
50875
|
+
FooterText: "",
|
|
50876
|
+
HeaderText: ""
|
|
50856
50877
|
},
|
|
50857
50878
|
Form: {
|
|
50858
50879
|
Mode: "READ",
|
|
@@ -51761,6 +51782,14 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51761
51782
|
}));
|
|
51762
51783
|
};
|
|
51763
51784
|
|
|
51785
|
+
var renderHeaderText = function renderHeaderText() {
|
|
51786
|
+
if (state.General.CurrentView !== "TableView" || Load === null) {
|
|
51787
|
+
return false;
|
|
51788
|
+
}
|
|
51789
|
+
|
|
51790
|
+
return /*#__PURE__*/React__default.createElement(ItemHeaderText, themeProps, props.HeaderText);
|
|
51791
|
+
};
|
|
51792
|
+
|
|
51764
51793
|
var renderLookupTakeValues = function renderLookupTakeValues() {
|
|
51765
51794
|
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51766
51795
|
return /*#__PURE__*/React__default.createElement(FlexItem, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
@@ -51847,7 +51876,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51847
51876
|
return /*#__PURE__*/React__default.createElement(PaginationContainer, null, /*#__PURE__*/React__default.createElement(Pagination, _extends({}, cfg, {
|
|
51848
51877
|
inverted: true,
|
|
51849
51878
|
Localization: Localization.Pagination || {}
|
|
51850
|
-
})));
|
|
51879
|
+
})), /*#__PURE__*/React__default.createElement(ItemFooterText, themeProps, props.FooterText));
|
|
51851
51880
|
};
|
|
51852
51881
|
|
|
51853
51882
|
var renderSpinner = function renderSpinner() {
|
|
@@ -51858,7 +51887,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51858
51887
|
var renderTable = function renderTable() {
|
|
51859
51888
|
if (state.General.CurrentView !== "TableView" && state.General.DataFromBackend) return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51860
51889
|
var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
|
|
51861
|
-
return /*#__PURE__*/React__default.createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default.createElement(Table, {
|
|
51890
|
+
return /*#__PURE__*/React__default.createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default.createElement(Table$1, {
|
|
51862
51891
|
IsLoading: state.General.IsLoading,
|
|
51863
51892
|
Columns: state.Table.Columns,
|
|
51864
51893
|
Data: state.Table.Data,
|
|
@@ -51925,7 +51954,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51925
51954
|
var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
|
|
51926
51955
|
var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
|
|
51927
51956
|
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
|
|
51928
|
-
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default.createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
|
|
51957
|
+
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default.createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderHeaderText(), renderLookupTakeValues());
|
|
51929
51958
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51930
51959
|
};
|
|
51931
51960
|
|
|
@@ -52026,8 +52055,17 @@ var TagItem = function TagItem(props) {
|
|
|
52026
52055
|
}, text);
|
|
52027
52056
|
};
|
|
52028
52057
|
|
|
52029
|
-
var _templateObject$9;
|
|
52030
|
-
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
|
|
52058
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3;
|
|
52059
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n font-family: ", ";\n"])), theme.typography.fontFamily);
|
|
52060
|
+
var ButtonContainer$2 = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n margin: 3px;\n"])));
|
|
52061
|
+
var PageNumber = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
52062
|
+
return props.theme.typography[props.size].fontSize;
|
|
52063
|
+
});
|
|
52064
|
+
var Table = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n"])));
|
|
52065
|
+
var FooterRow = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral(["\n display: flex;\n // flex-direction: row;\n align-items: center;\n justify-content: center;\n flex-wrap: wrap;\n\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n padding: 3px;\n\n margin-top: 8px;\n"])));
|
|
52066
|
+
var Body = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
52067
|
+
return props.height && props.height !== "" ? props.height : "auto";
|
|
52068
|
+
});
|
|
52031
52069
|
|
|
52032
52070
|
var TagSelector = function TagSelector(props) {
|
|
52033
52071
|
var _props$tags = props.tags,
|
|
@@ -52042,7 +52080,27 @@ var TagSelector = function TagSelector(props) {
|
|
|
52042
52080
|
theme = props.theme,
|
|
52043
52081
|
mapId = props.mapId,
|
|
52044
52082
|
mapName = props.mapName,
|
|
52045
|
-
className = props.className
|
|
52083
|
+
className = props.className,
|
|
52084
|
+
pagination = props.pagination,
|
|
52085
|
+
height = props.height,
|
|
52086
|
+
width = props.width,
|
|
52087
|
+
displayedItemsCount = props.displayedItemsCount;
|
|
52088
|
+
var themeProps = {
|
|
52089
|
+
theme: theme,
|
|
52090
|
+
size: size,
|
|
52091
|
+
color: color,
|
|
52092
|
+
height: height,
|
|
52093
|
+
width: width
|
|
52094
|
+
};
|
|
52095
|
+
|
|
52096
|
+
var _useState = useState(1),
|
|
52097
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
52098
|
+
page = _useState2[0],
|
|
52099
|
+
setPage = _useState2[1];
|
|
52100
|
+
|
|
52101
|
+
var pageCount = Math.floor(tags.length / displayedItemsCount) + 1;
|
|
52102
|
+
|
|
52103
|
+
var _tags = pagination ? tags.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : tags;
|
|
52046
52104
|
|
|
52047
52105
|
var calculateSelectionForTag = function calculateSelectionForTag(tagId) {
|
|
52048
52106
|
return selectedTags.find(function (item) {
|
|
@@ -52051,8 +52109,8 @@ var TagSelector = function TagSelector(props) {
|
|
|
52051
52109
|
};
|
|
52052
52110
|
|
|
52053
52111
|
var renderTags = function renderTags() {
|
|
52054
|
-
return
|
|
52055
|
-
return /*#__PURE__*/React__default.createElement(TagItem, {
|
|
52112
|
+
return /*#__PURE__*/React__default.createElement(Body, themeProps, _tags.map(function (tag, i) {
|
|
52113
|
+
return /*#__PURE__*/React__default.createElement(TagItem, _extends({}, themeProps, {
|
|
52056
52114
|
key: i,
|
|
52057
52115
|
text: tag[mapName],
|
|
52058
52116
|
id: tag[mapId],
|
|
@@ -52062,16 +52120,37 @@ var TagSelector = function TagSelector(props) {
|
|
|
52062
52120
|
size: size,
|
|
52063
52121
|
color: color,
|
|
52064
52122
|
theme: theme
|
|
52065
|
-
});
|
|
52066
|
-
});
|
|
52123
|
+
}));
|
|
52124
|
+
}));
|
|
52067
52125
|
};
|
|
52068
52126
|
|
|
52069
|
-
return /*#__PURE__*/React__default.createElement(Container$a, {
|
|
52070
|
-
size: size,
|
|
52071
|
-
color: color,
|
|
52072
|
-
theme: theme,
|
|
52127
|
+
return /*#__PURE__*/React__default.createElement(Container$a, _extends({}, themeProps, {
|
|
52073
52128
|
className: className
|
|
52074
|
-
}, renderTags()
|
|
52129
|
+
}), /*#__PURE__*/React__default.createElement(Table, null, renderTags(), pagination && /*#__PURE__*/React__default.createElement(FooterRow, null, /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
52130
|
+
icon: "angle-double-left",
|
|
52131
|
+
onClick: function onClick() {
|
|
52132
|
+
return setPage(1);
|
|
52133
|
+
},
|
|
52134
|
+
disabled: page === 1 || disabled
|
|
52135
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
52136
|
+
icon: "angle-left",
|
|
52137
|
+
onClick: function onClick() {
|
|
52138
|
+
return setPage(page - 1);
|
|
52139
|
+
},
|
|
52140
|
+
disabled: page === 1 || disabled
|
|
52141
|
+
}))), /*#__PURE__*/React__default.createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
52142
|
+
icon: "angle-right",
|
|
52143
|
+
onClick: function onClick() {
|
|
52144
|
+
return setPage(page + 1);
|
|
52145
|
+
},
|
|
52146
|
+
disabled: page === pageCount || disabled
|
|
52147
|
+
}))), /*#__PURE__*/React__default.createElement(ButtonContainer$2, null, /*#__PURE__*/React__default.createElement(Button$1, _extends({}, themeProps, {
|
|
52148
|
+
icon: "angle-double-right",
|
|
52149
|
+
onClick: function onClick() {
|
|
52150
|
+
return setPage(pageCount);
|
|
52151
|
+
},
|
|
52152
|
+
disabled: page === pageCount || disabled
|
|
52153
|
+
}))))));
|
|
52075
52154
|
};
|
|
52076
52155
|
|
|
52077
52156
|
TagSelector.defaultProps = {
|
|
@@ -52085,7 +52164,9 @@ TagSelector.defaultProps = {
|
|
|
52085
52164
|
selectedTags: [],
|
|
52086
52165
|
toggleTagSelection: function toggleTagSelection() {},
|
|
52087
52166
|
mapId: "id",
|
|
52088
|
-
mapName: "name"
|
|
52167
|
+
mapName: "name",
|
|
52168
|
+
displayedItemsCount: 7,
|
|
52169
|
+
pagination: true
|
|
52089
52170
|
};
|
|
52090
52171
|
TagSelector.propTypes = {
|
|
52091
52172
|
theme: PropTypes.object.isRequired,
|
|
@@ -52097,6 +52178,8 @@ TagSelector.propTypes = {
|
|
|
52097
52178
|
className: PropTypes.string,
|
|
52098
52179
|
mapId: PropTypes.string,
|
|
52099
52180
|
mapName: PropTypes.string,
|
|
52181
|
+
displayedItemsCount: PropTypes.number,
|
|
52182
|
+
pagination: PropTypes.bool,
|
|
52100
52183
|
size: PropTypes.oneOf(["small", "medium", "large"]),
|
|
52101
52184
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52102
52185
|
};
|
|
@@ -53055,7 +53138,7 @@ PeriodSelector.propTypes = {
|
|
|
53055
53138
|
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53056
53139
|
|
|
53057
53140
|
var paddingBySize = function paddingBySize(size) {
|
|
53058
|
-
if (size === "small") return "0.
|
|
53141
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53059
53142
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53060
53143
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53061
53144
|
};
|