@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.js
CHANGED
|
@@ -4716,7 +4716,7 @@ CheckBox.propTypes = {
|
|
|
4716
4716
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4717
4717
|
};
|
|
4718
4718
|
|
|
4719
|
-
var _templateObject$p, _templateObject2$
|
|
4719
|
+
var _templateObject$p, _templateObject2$l, _templateObject3$f;
|
|
4720
4720
|
|
|
4721
4721
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4722
4722
|
return {
|
|
@@ -4794,7 +4794,7 @@ var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTe
|
|
|
4794
4794
|
}, function (props) {
|
|
4795
4795
|
return getLabelAndTextProps()[props.size].top;
|
|
4796
4796
|
});
|
|
4797
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4797
|
+
var Input$4 = newStyled.input(_templateObject2$l || (_templateObject2$l = _taggedTemplateLiteral__default['default'](["\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) {
|
|
4798
4798
|
return props.theme.palette[props.color].main;
|
|
4799
4799
|
}, function (props) {
|
|
4800
4800
|
return props.theme.palette[props.color].main;
|
|
@@ -4827,7 +4827,7 @@ var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _tagge
|
|
|
4827
4827
|
}, function (props) {
|
|
4828
4828
|
return props.theme.palette.gray[1000];
|
|
4829
4829
|
});
|
|
4830
|
-
var Span$2 = newStyled.span(_templateObject3$
|
|
4830
|
+
var Span$2 = newStyled.span(_templateObject3$f || (_templateObject3$f = _taggedTemplateLiteral__default['default'](["\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) {
|
|
4831
4831
|
return getSpanProps()[props.size].top;
|
|
4832
4832
|
}, function (props) {
|
|
4833
4833
|
return getSpanProps()[props.size].left;
|
|
@@ -6554,17 +6554,17 @@ SwitchTransition.defaultProps = {
|
|
|
6554
6554
|
};
|
|
6555
6555
|
var SwitchTransition$1 = SwitchTransition;
|
|
6556
6556
|
|
|
6557
|
-
var _templateObject$o, _templateObject2$
|
|
6557
|
+
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;
|
|
6558
6558
|
var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral__default['default'](["\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) {
|
|
6559
6559
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6560
6560
|
}, theme.typography.fontFamily);
|
|
6561
|
-
var Table$
|
|
6562
|
-
var Body = newStyled.div(_templateObject3$
|
|
6561
|
+
var Table$2 = newStyled.div(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6562
|
+
var Body$1 = newStyled.div(_templateObject3$e || (_templateObject3$e = _taggedTemplateLiteral__default['default'](["\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) {
|
|
6563
6563
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6564
6564
|
});
|
|
6565
|
-
var Row = newStyled.div(_templateObject4$
|
|
6566
|
-
var HeaderRow = newStyled.div(_templateObject5$
|
|
6567
|
-
var HeaderColumnCheck = newStyled.div(_templateObject6$
|
|
6565
|
+
var Row = newStyled.div(_templateObject4$c || (_templateObject4$c = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
6566
|
+
var HeaderRow = newStyled.div(_templateObject5$c || (_templateObject5$c = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
6567
|
+
var HeaderColumnCheck = newStyled.div(_templateObject6$a || (_templateObject6$a = _taggedTemplateLiteral__default['default'](["\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) {
|
|
6568
6568
|
return props.check ? "8px" : "0";
|
|
6569
6569
|
});
|
|
6570
6570
|
var ColumnCheck = newStyled.div(_templateObject7$7 || (_templateObject7$7 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
@@ -6576,9 +6576,9 @@ var ColumnTitle = newStyled.div(_templateObject8$7 || (_templateObject8$7 = _tag
|
|
|
6576
6576
|
var HeaderColumnTitle = newStyled.div(_templateObject9$7 || (_templateObject9$7 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
6577
6577
|
return props.theme.typography[props.size].fontSize;
|
|
6578
6578
|
});
|
|
6579
|
-
var FooterRow = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
6580
|
-
var ButtonContainer$
|
|
6581
|
-
var PageNumber = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6579
|
+
var FooterRow$1 = newStyled.div(_templateObject10$7 || (_templateObject10$7 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
6580
|
+
var ButtonContainer$4 = newStyled.div(_templateObject11$5 || (_templateObject11$5 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
|
|
6581
|
+
var PageNumber$1 = newStyled.div(_templateObject12$5 || (_templateObject12$5 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
6582
6582
|
return props.theme.typography[props.size].fontSize;
|
|
6583
6583
|
}); //=======================================================================
|
|
6584
6584
|
|
|
@@ -6639,8 +6639,8 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6639
6639
|
return /*#__PURE__*/React__default['default'].createElement(Container$l, _extends__default['default']({}, themeProps, {
|
|
6640
6640
|
className: className
|
|
6641
6641
|
}), /*#__PURE__*/React__default['default'].createElement(Global, {
|
|
6642
|
-
styles: css(_templateObject13$
|
|
6643
|
-
}), /*#__PURE__*/React__default['default'].createElement(Table$
|
|
6642
|
+
styles: css(_templateObject13$4 || (_templateObject13$4 = _taggedTemplateLiteral__default['default'](["\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 "])))
|
|
6643
|
+
}), /*#__PURE__*/React__default['default'].createElement(Table$2, null, /*#__PURE__*/React__default['default'].createElement(HeaderRow, null, /*#__PURE__*/React__default['default'].createElement(HeaderColumnCheck, {
|
|
6644
6644
|
check: style === "regular"
|
|
6645
6645
|
}, style === "regular" ? /*#__PURE__*/React__default['default'].createElement(CheckBox, {
|
|
6646
6646
|
id: id,
|
|
@@ -6664,7 +6664,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6664
6664
|
size: size,
|
|
6665
6665
|
theme: theme,
|
|
6666
6666
|
tooltip: label
|
|
6667
|
-
})), /*#__PURE__*/React__default['default'].createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default['default'].createElement(Body, themeProps, /*#__PURE__*/React__default['default'].createElement(TransitionGroup$1, {
|
|
6667
|
+
})), /*#__PURE__*/React__default['default'].createElement(HeaderColumnTitle, themeProps, title)), /*#__PURE__*/React__default['default'].createElement(Body$1, themeProps, /*#__PURE__*/React__default['default'].createElement(TransitionGroup$1, {
|
|
6668
6668
|
component: "div"
|
|
6669
6669
|
}, _options.map(function (x, i) {
|
|
6670
6670
|
var isChecked = false;
|
|
@@ -6704,25 +6704,25 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6704
6704
|
size: size,
|
|
6705
6705
|
theme: theme
|
|
6706
6706
|
})), /*#__PURE__*/React__default['default'].createElement(ColumnTitle, themeProps, x[itemText])));
|
|
6707
|
-
})))), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$
|
|
6707
|
+
})))), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow$1, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
6708
6708
|
icon: "angle-double-left",
|
|
6709
6709
|
onClick: function onClick() {
|
|
6710
6710
|
return setPage(1);
|
|
6711
6711
|
},
|
|
6712
6712
|
disabled: page === 1 || disabled
|
|
6713
|
-
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$
|
|
6713
|
+
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
6714
6714
|
icon: "angle-left",
|
|
6715
6715
|
onClick: function onClick() {
|
|
6716
6716
|
return setPage(page - 1);
|
|
6717
6717
|
},
|
|
6718
6718
|
disabled: page === 1 || disabled
|
|
6719
|
-
}))), /*#__PURE__*/React__default['default'].createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$
|
|
6719
|
+
}))), /*#__PURE__*/React__default['default'].createElement(PageNumber$1, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
6720
6720
|
icon: "angle-right",
|
|
6721
6721
|
onClick: function onClick() {
|
|
6722
6722
|
return setPage(page + 1);
|
|
6723
6723
|
},
|
|
6724
6724
|
disabled: page === pageCount || disabled
|
|
6725
|
-
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$
|
|
6725
|
+
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$4, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
6726
6726
|
icon: "angle-double-right",
|
|
6727
6727
|
onClick: function onClick() {
|
|
6728
6728
|
return setPage(pageCount);
|
|
@@ -22503,7 +22503,7 @@ var DateInput = function DateInput(props) {
|
|
|
22503
22503
|
};
|
|
22504
22504
|
|
|
22505
22505
|
var handleChange = function handleChange(jsDateObject) {
|
|
22506
|
-
if (jsDateObject === null) callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22506
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22507
22507
|
};
|
|
22508
22508
|
|
|
22509
22509
|
var getValue = function getValue() {
|
|
@@ -22511,6 +22511,9 @@ var DateInput = function DateInput(props) {
|
|
|
22511
22511
|
return moment(value, "DD.MM.YYYY.").toDate();
|
|
22512
22512
|
};
|
|
22513
22513
|
|
|
22514
|
+
React.useEffect(function () {
|
|
22515
|
+
setDateText(value);
|
|
22516
|
+
}, [value]);
|
|
22514
22517
|
React.useEffect(function () {
|
|
22515
22518
|
var timeOutId = setTimeout(function () {
|
|
22516
22519
|
return handleDelayedOnChange();
|
|
@@ -22526,7 +22529,7 @@ var DateInput = function DateInput(props) {
|
|
|
22526
22529
|
};
|
|
22527
22530
|
|
|
22528
22531
|
var handleOnChange = function handleOnChange(jsDateObject) {
|
|
22529
|
-
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22532
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") setDateText("");else setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22530
22533
|
};
|
|
22531
22534
|
|
|
22532
22535
|
return /*#__PURE__*/React__default['default'].createElement(Container$k, {
|
|
@@ -22534,6 +22537,7 @@ var DateInput = function DateInput(props) {
|
|
|
22534
22537
|
size: size,
|
|
22535
22538
|
color: color
|
|
22536
22539
|
}, /*#__PURE__*/React__default['default'].createElement(DatePicker, {
|
|
22540
|
+
value: dateText,
|
|
22537
22541
|
selected: getValue(),
|
|
22538
22542
|
onChange: handleOnChange,
|
|
22539
22543
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -22694,13 +22698,13 @@ DropDown.propTypes = {
|
|
|
22694
22698
|
|
|
22695
22699
|
var _excluded = ["duration", "delay", "children"];
|
|
22696
22700
|
|
|
22697
|
-
var _templateObject$n, _templateObject2$
|
|
22701
|
+
var _templateObject$n, _templateObject2$j;
|
|
22698
22702
|
|
|
22699
22703
|
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; }
|
|
22700
22704
|
|
|
22701
22705
|
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__default['default'](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; }
|
|
22702
22706
|
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral__default['default'](["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22703
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22707
|
+
var Wrapper$2 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral__default['default'](["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22704
22708
|
|
|
22705
22709
|
var FadeIn = function FadeIn(_ref) {
|
|
22706
22710
|
var _ref$duration = _ref.duration,
|
|
@@ -22718,7 +22722,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22718
22722
|
}), children);
|
|
22719
22723
|
};
|
|
22720
22724
|
|
|
22721
|
-
var _templateObject$m, _templateObject2$
|
|
22725
|
+
var _templateObject$m, _templateObject2$i, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22722
22726
|
|
|
22723
22727
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22724
22728
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22733,7 +22737,7 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22733
22737
|
};
|
|
22734
22738
|
|
|
22735
22739
|
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22736
|
-
var Container$j = newStyled.div(_templateObject2$
|
|
22740
|
+
var Container$j = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22737
22741
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22738
22742
|
}, function (props) {
|
|
22739
22743
|
return heightBySize$b(props.size);
|
|
@@ -22742,14 +22746,14 @@ var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _tag
|
|
|
22742
22746
|
}, function (props) {
|
|
22743
22747
|
return props.disabled ? props.theme.palette.gray[200] : props.theme.palette[props.color].lighter;
|
|
22744
22748
|
});
|
|
22745
|
-
var Inner$4 = newStyled.div(_templateObject3$
|
|
22746
|
-
var InputContainer$2 = newStyled.div(_templateObject4$
|
|
22747
|
-
var ButtonContainer$
|
|
22749
|
+
var Inner$4 = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral__default['default'](["\n display: flex;\n"])));
|
|
22750
|
+
var InputContainer$2 = newStyled.div(_templateObject4$b || (_templateObject4$b = _taggedTemplateLiteral__default['default'](["\n flex-grow: 1;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n justify-content: center;\n"])));
|
|
22751
|
+
var ButtonContainer$3 = newStyled.div(_templateObject5$b || (_templateObject5$b = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22748
22752
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
22749
22753
|
}, function (props) {
|
|
22750
22754
|
return props.clickable ? "pointer" : "inherit";
|
|
22751
22755
|
});
|
|
22752
|
-
var TimesButtonContainer = newStyled.div(_templateObject6$
|
|
22756
|
+
var TimesButtonContainer = newStyled.div(_templateObject6$9 || (_templateObject6$9 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
22753
22757
|
return props.disabled ? props.theme.palette.gray.textLight : props.theme.palette[props.color].main;
|
|
22754
22758
|
});
|
|
22755
22759
|
var LoadingButtonContainer = newStyled.div(_templateObject7$6 || (_templateObject7$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
@@ -22976,7 +22980,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22976
22980
|
className: "fas fa-times fa-fw"
|
|
22977
22981
|
})), loading && /*#__PURE__*/React__default['default'].createElement(LoadingButtonContainer, themeProps, /*#__PURE__*/React__default['default'].createElement("i", {
|
|
22978
22982
|
className: "fas fa-redo fa-fw"
|
|
22979
|
-
})), !loading && /*#__PURE__*/React__default['default'].createElement(ButtonContainer$
|
|
22983
|
+
})), !loading && /*#__PURE__*/React__default['default'].createElement(ButtonContainer$3, _extends__default['default']({}, themeProps, {
|
|
22980
22984
|
clickable: options == null || options.length === 0,
|
|
22981
22985
|
onClick: function onClick() {
|
|
22982
22986
|
if (options == null || options.length === 0) {
|
|
@@ -31314,11 +31318,11 @@ var AnimatePresence = function (_a) {
|
|
|
31314
31318
|
: childrenToRender.map(function (child) { return React.cloneElement(child); })));
|
|
31315
31319
|
};
|
|
31316
31320
|
|
|
31317
|
-
var _templateObject$k, _templateObject2$
|
|
31321
|
+
var _templateObject$k, _templateObject2$h;
|
|
31318
31322
|
var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral__default['default'](["\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) {
|
|
31319
31323
|
return props.zIndex;
|
|
31320
31324
|
});
|
|
31321
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31325
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral__default['default'](["\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) {
|
|
31322
31326
|
return props.width;
|
|
31323
31327
|
}, function (props) {
|
|
31324
31328
|
return props.zIndex;
|
|
@@ -31623,13 +31627,13 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31623
31627
|
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"};
|
|
31624
31628
|
styleInject(css_248z$6);
|
|
31625
31629
|
|
|
31626
|
-
var _templateObject$j, _templateObject2$
|
|
31630
|
+
var _templateObject$j, _templateObject2$g, _templateObject3$c;
|
|
31627
31631
|
|
|
31628
31632
|
var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral__default['default'](["\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) {
|
|
31629
31633
|
return props.show ? "block" : "none";
|
|
31630
31634
|
});
|
|
31631
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31632
|
-
var Item$4 = newStyled.a(_templateObject3$
|
|
31635
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
|
|
31636
|
+
var Item$4 = newStyled.a(_templateObject3$c || (_templateObject3$c = _taggedTemplateLiteral__default['default'](["\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); //============================================================
|
|
31633
31637
|
|
|
31634
31638
|
var DropdownMenu = function DropdownMenu(props) {
|
|
31635
31639
|
var _props$actionData = props.actionData,
|
|
@@ -31705,13 +31709,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31705
31709
|
return freeze;
|
|
31706
31710
|
};
|
|
31707
31711
|
|
|
31708
|
-
var _templateObject$i, _templateObject2$
|
|
31712
|
+
var _templateObject$i, _templateObject2$f;
|
|
31709
31713
|
var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral__default['default'](["\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) {
|
|
31710
31714
|
return props.theme.typography.small.fontSize;
|
|
31711
31715
|
}, function (props) {
|
|
31712
31716
|
return props.theme.typography.fontFamily;
|
|
31713
31717
|
});
|
|
31714
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31718
|
+
var Item$3 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31715
31719
|
return props.first ? "0" : "6px";
|
|
31716
31720
|
});
|
|
31717
31721
|
|
|
@@ -49028,19 +49032,19 @@ var TableSelectionType = {
|
|
|
49028
49032
|
MULTIPLE: "multiple"
|
|
49029
49033
|
};
|
|
49030
49034
|
|
|
49031
|
-
var _templateObject$h, _templateObject2$
|
|
49032
|
-
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n
|
|
49035
|
+
var _templateObject$h, _templateObject2$e, _templateObject3$b, _templateObject4$a, _templateObject5$a, _templateObject6$8;
|
|
49036
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral__default['default'](["\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) {
|
|
49033
49037
|
return props.theme.typography.small.fontSize;
|
|
49034
49038
|
}, function (props) {
|
|
49035
49039
|
return props.theme.typography.fontFamily;
|
|
49036
49040
|
});
|
|
49037
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
49041
|
+
var Item$2 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral__default['default'](["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
49038
49042
|
return props.first ? "0" : "6px";
|
|
49039
49043
|
});
|
|
49040
|
-
var ExportItem = newStyled.div(_templateObject3$
|
|
49041
|
-
var ItemText = newStyled.div(_templateObject4$
|
|
49042
|
-
var ItemCurrentPage = newStyled.div(_templateObject5$
|
|
49043
|
-
var ItemDropdown = newStyled.div(_templateObject6$
|
|
49044
|
+
var ExportItem = newStyled.div(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
49045
|
+
var ItemText = newStyled.div(_templateObject4$a || (_templateObject4$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 12px;\n display: flex;\n align-items: center;\n"])));
|
|
49046
|
+
var ItemCurrentPage = newStyled.div(_templateObject5$a || (_templateObject5$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n"])));
|
|
49047
|
+
var ItemDropdown = newStyled.div(_templateObject6$8 || (_templateObject6$8 = _taggedTemplateLiteral__default['default'](["\n padding-left: 14px;\n display: flex;\n align-items: center;\n"])));
|
|
49044
49048
|
|
|
49045
49049
|
var Pagination = function Pagination(props) {
|
|
49046
49050
|
//======================== PROPS ============================================
|
|
@@ -49273,15 +49277,17 @@ Pagination.propTypes = {
|
|
|
49273
49277
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49274
49278
|
};
|
|
49275
49279
|
|
|
49276
|
-
var _templateObject$g, _templateObject2$
|
|
49280
|
+
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;
|
|
49277
49281
|
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49278
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49279
|
-
var TableTable$1 = newStyled.table(_templateObject3$
|
|
49280
|
-
var TableHead$1 = newStyled.thead(_templateObject4$
|
|
49281
|
-
var TableHeadRow$1 = newStyled.tr(_templateObject5$
|
|
49282
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$
|
|
49282
|
+
var Wrapper$1 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49283
|
+
var TableTable$1 = newStyled.table(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49284
|
+
var TableHead$1 = newStyled.thead(_templateObject4$9 || (_templateObject4$9 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49285
|
+
var TableHeadRow$1 = newStyled.tr(_templateObject5$9 || (_templateObject5$9 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49286
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$7 || (_templateObject6$7 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
49283
49287
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49284
|
-
}, theme.palette.primary.light)
|
|
49288
|
+
}, theme.palette.primary.light, function (props) {
|
|
49289
|
+
return props.hideOrdering ? "inherit" : "pointer";
|
|
49290
|
+
});
|
|
49285
49291
|
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49286
49292
|
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n"])));
|
|
49287
49293
|
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral__default['default'](["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
@@ -49448,6 +49454,7 @@ var TableView = function TableView(props) {
|
|
|
49448
49454
|
}; //-------------------------------------------------------------------
|
|
49449
49455
|
|
|
49450
49456
|
return /*#__PURE__*/React__default['default'].createElement(TableHeadCell$1, {
|
|
49457
|
+
hideOrdering: hideOrdering,
|
|
49451
49458
|
key: i,
|
|
49452
49459
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49453
49460
|
}, /*#__PURE__*/React__default['default'].createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default['default'].createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default['default'].createElement(HeaderCellIcon$1, {
|
|
@@ -49487,7 +49494,7 @@ var TableView = function TableView(props) {
|
|
|
49487
49494
|
}))), /*#__PURE__*/React__default['default'].createElement(TableBody$1, null, renderBody()))));
|
|
49488
49495
|
};
|
|
49489
49496
|
|
|
49490
|
-
var _templateObject$f, _templateObject2$
|
|
49497
|
+
var _templateObject$f, _templateObject2$c;
|
|
49491
49498
|
|
|
49492
49499
|
var heightBySize$5 = function heightBySize(size) {
|
|
49493
49500
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49496,7 +49503,7 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49496
49503
|
};
|
|
49497
49504
|
|
|
49498
49505
|
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49499
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49506
|
+
var StyledSpinner = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default['default'](["\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) {
|
|
49500
49507
|
return heightBySize$5(props.size);
|
|
49501
49508
|
}, function (props) {
|
|
49502
49509
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49535,7 +49542,7 @@ Spinner.propTypes = {
|
|
|
49535
49542
|
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";
|
|
49536
49543
|
styleInject(css_248z$4);
|
|
49537
49544
|
|
|
49538
|
-
var _templateObject$e, _templateObject2$
|
|
49545
|
+
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;
|
|
49539
49546
|
|
|
49540
49547
|
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; }
|
|
49541
49548
|
|
|
@@ -49568,20 +49575,20 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49568
49575
|
var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral__default['default'](["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49569
49576
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49570
49577
|
});
|
|
49571
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49572
|
-
var PaginationContainer$1 = newStyled.div(_templateObject3$
|
|
49573
|
-
var FormContainer$2 = newStyled.div(_templateObject4$
|
|
49578
|
+
var TableContainer$1 = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49579
|
+
var PaginationContainer$1 = newStyled.div(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
|
|
49580
|
+
var FormContainer$2 = newStyled.div(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
49574
49581
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
49575
49582
|
});
|
|
49576
|
-
var HeaderContainer$1 = newStyled.div(_templateObject5$
|
|
49577
|
-
var FlexItem$1 = newStyled.div(_templateObject6$
|
|
49583
|
+
var HeaderContainer$1 = newStyled.div(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
49584
|
+
var FlexItem$1 = newStyled.div(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral__default['default'](["\n padding-right: 6px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
49578
49585
|
newStyled.div(_templateObject7$4 || (_templateObject7$4 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
49579
49586
|
newStyled.div(_templateObject8$4 || (_templateObject8$4 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
|
|
49580
49587
|
var LoaderContainer$1 = newStyled.div(_templateObject9$4 || (_templateObject9$4 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
49581
49588
|
var LoaderContainerTransparent$1 = newStyled.div(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
49582
49589
|
var Loader$1 = newStyled.div(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
49583
49590
|
var DivRelative$1 = newStyled.div(_templateObject12$3 || (_templateObject12$3 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
|
|
49584
|
-
var FilteringContainer = newStyled.div(_templateObject13$
|
|
49591
|
+
var FilteringContainer = newStyled.div(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n"])));
|
|
49585
49592
|
|
|
49586
49593
|
var DataView = function DataView(props) {
|
|
49587
49594
|
var emptyFunc = function emptyFunc() {};
|
|
@@ -50105,13 +50112,13 @@ FormMovement.propTypes = {
|
|
|
50105
50112
|
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";
|
|
50106
50113
|
styleInject(css_248z$3);
|
|
50107
50114
|
|
|
50108
|
-
var _templateObject$c, _templateObject2$
|
|
50115
|
+
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;
|
|
50109
50116
|
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral__default['default'](["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50110
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50111
|
-
var TableTable = newStyled.table(_templateObject3$
|
|
50112
|
-
var TableHead = newStyled.thead(_templateObject4$
|
|
50113
|
-
var TableHeadRow = newStyled.tr(_templateObject5$
|
|
50114
|
-
var TableHeadCell = newStyled.th(_templateObject6$
|
|
50117
|
+
var Wrapper = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default']([""])));
|
|
50118
|
+
var TableTable = newStyled.table(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50119
|
+
var TableHead = newStyled.thead(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50120
|
+
var TableHeadRow = newStyled.tr(_templateObject5$7 || (_templateObject5$7 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
50121
|
+
var TableHeadCell = newStyled.th(_templateObject6$5 || (_templateObject6$5 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
50115
50122
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
50116
50123
|
}, theme.palette.primary.light);
|
|
50117
50124
|
var HeaderInnerCell = newStyled.div(_templateObject7$3 || (_templateObject7$3 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
@@ -50128,11 +50135,11 @@ var TableBodyRow = newStyled.tr(_templateObject12$2 || (_templateObject12$2 = _t
|
|
|
50128
50135
|
}, function (props) {
|
|
50129
50136
|
if (props.selectedRow === true) return "\n background-color: ".concat(theme.palette.primary.lighter, ";\n cursor: pointer;\n ");else return "";
|
|
50130
50137
|
});
|
|
50131
|
-
var TableBodyCell = newStyled.td(_templateObject13$
|
|
50138
|
+
var TableBodyCell = newStyled.td(_templateObject13$2 || (_templateObject13$2 = _taggedTemplateLiteral__default['default'](["\n padding: ", ";\n"])), function (props) {
|
|
50132
50139
|
return props.selectionCell === true ? "1px 1px 1px 6px" : "5px 5px 5px 10px";
|
|
50133
50140
|
});
|
|
50134
50141
|
|
|
50135
|
-
var Table = function Table(props) {
|
|
50142
|
+
var Table$1 = function Table(props) {
|
|
50136
50143
|
//======================== PROPS ============================================
|
|
50137
50144
|
var _props$Columns = props.Columns,
|
|
50138
50145
|
Columns = _props$Columns === void 0 ? [] : _props$Columns,
|
|
@@ -50325,7 +50332,7 @@ var Table = function Table(props) {
|
|
|
50325
50332
|
}))), /*#__PURE__*/React__default['default'].createElement(TableBody, null, renderBody()))));
|
|
50326
50333
|
};
|
|
50327
50334
|
|
|
50328
|
-
Table.defaultProps = {
|
|
50335
|
+
Table$1.defaultProps = {
|
|
50329
50336
|
theme: theme,
|
|
50330
50337
|
size: "small",
|
|
50331
50338
|
color: "primary",
|
|
@@ -50355,7 +50362,7 @@ Table.defaultProps = {
|
|
|
50355
50362
|
EnableOrdering: false,
|
|
50356
50363
|
SelectionType: "single"
|
|
50357
50364
|
};
|
|
50358
|
-
Table.propTypes = {
|
|
50365
|
+
Table$1.propTypes = {
|
|
50359
50366
|
theme: PropTypes__default['default'].object.isRequired,
|
|
50360
50367
|
size: PropTypes__default['default'].string,
|
|
50361
50368
|
color: PropTypes__default['default'].string,
|
|
@@ -50604,7 +50611,7 @@ uuid.v4 = v4;
|
|
|
50604
50611
|
|
|
50605
50612
|
var uuid_1 = uuid;
|
|
50606
50613
|
|
|
50607
|
-
var _templateObject$b, _templateObject2$
|
|
50614
|
+
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;
|
|
50608
50615
|
|
|
50609
50616
|
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; }
|
|
50610
50617
|
|
|
@@ -50672,7 +50679,9 @@ var getDefaultState = function getDefaultState() {
|
|
|
50672
50679
|
SelectedEntirePage: false,
|
|
50673
50680
|
SelectionType: TableSelectionType.MULTIPLE,
|
|
50674
50681
|
Columns: [],
|
|
50675
|
-
Actions: []
|
|
50682
|
+
Actions: [],
|
|
50683
|
+
FooterText: "",
|
|
50684
|
+
HeaderText: ""
|
|
50676
50685
|
},
|
|
50677
50686
|
Form: {
|
|
50678
50687
|
Mode: "READ",
|
|
@@ -50713,19 +50722,29 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50713
50722
|
};
|
|
50714
50723
|
|
|
50715
50724
|
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral__default['default'](["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50716
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50717
|
-
var PaginationContainer = newStyled.div(_templateObject3$
|
|
50718
|
-
var
|
|
50725
|
+
var TableContainer = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50726
|
+
var PaginationContainer = newStyled.div(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50727
|
+
var ItemFooterText = newStyled.div(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
50728
|
+
return props.theme.typography.small.fontSize;
|
|
50729
|
+
}, function (props) {
|
|
50730
|
+
return props.theme.typography.fontFamily;
|
|
50731
|
+
});
|
|
50732
|
+
var ItemHeaderText = newStyled.div(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
50733
|
+
return props.theme.typography.small.fontSize;
|
|
50734
|
+
}, function (props) {
|
|
50735
|
+
return props.theme.typography.fontFamily;
|
|
50736
|
+
});
|
|
50737
|
+
var FormContainer$1 = newStyled.div(_templateObject6$4 || (_templateObject6$4 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50719
50738
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
50720
50739
|
});
|
|
50721
|
-
var HeaderContainer = newStyled.div(
|
|
50722
|
-
var FlexItem = newStyled.div(
|
|
50723
|
-
var DeveloperMessageContainer = newStyled.div(
|
|
50724
|
-
var DeveloperMessage = newStyled.div(
|
|
50725
|
-
var LoaderContainer = newStyled.div(
|
|
50726
|
-
var LoaderContainerTransparent = newStyled.div(
|
|
50727
|
-
var Loader = newStyled.div(
|
|
50728
|
-
var DivRelative = newStyled.div(
|
|
50740
|
+
var HeaderContainer = newStyled.div(_templateObject7$2 || (_templateObject7$2 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
50741
|
+
var FlexItem = newStyled.div(_templateObject8$2 || (_templateObject8$2 = _taggedTemplateLiteral__default['default'](["\n padding-left: 3px;\n padding-right: 4px;\n font-size: 1.4em;\n max-height: 40px;\n"])));
|
|
50742
|
+
var DeveloperMessageContainer = newStyled.div(_templateObject9$2 || (_templateObject9$2 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
50743
|
+
var DeveloperMessage = newStyled.div(_templateObject10$2 || (_templateObject10$2 = _taggedTemplateLiteral__default['default'](["\n color: rgb(180, 3, 3);\n"])));
|
|
50744
|
+
var LoaderContainer = newStyled.div(_templateObject11$1 || (_templateObject11$1 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
50745
|
+
var LoaderContainerTransparent = newStyled.div(_templateObject12$1 || (_templateObject12$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 0px;\n right: 0px;\n width: 100%;\n height: 100%;\n background-color: transparent;\n z-index: 10000000;\n"])));
|
|
50746
|
+
var Loader = newStyled.div(_templateObject13$1 || (_templateObject13$1 = _taggedTemplateLiteral__default['default'](["\n position: absolute;\n top: 48%;\n left: 47%;\n"])));
|
|
50747
|
+
var DivRelative = newStyled.div(_templateObject14$1 || (_templateObject14$1 = _taggedTemplateLiteral__default['default'](["\n position: relative;\n"])));
|
|
50729
50748
|
var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
|
|
50730
50749
|
//====================== PROPS ======================================================
|
|
50731
50750
|
var theme = props.theme,
|
|
@@ -50893,7 +50912,9 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
50893
50912
|
SelectedEntirePage: false,
|
|
50894
50913
|
SelectionType: TableSelectionType.MULTIPLE,
|
|
50895
50914
|
Columns: [],
|
|
50896
|
-
Actions: []
|
|
50915
|
+
Actions: [],
|
|
50916
|
+
FooterText: "",
|
|
50917
|
+
HeaderText: ""
|
|
50897
50918
|
},
|
|
50898
50919
|
Form: {
|
|
50899
50920
|
Mode: "READ",
|
|
@@ -51802,6 +51823,14 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51802
51823
|
}));
|
|
51803
51824
|
};
|
|
51804
51825
|
|
|
51826
|
+
var renderHeaderText = function renderHeaderText() {
|
|
51827
|
+
if (state.General.CurrentView !== "TableView" || Load === null) {
|
|
51828
|
+
return false;
|
|
51829
|
+
}
|
|
51830
|
+
|
|
51831
|
+
return /*#__PURE__*/React__default['default'].createElement(ItemHeaderText, themeProps, props.HeaderText);
|
|
51832
|
+
};
|
|
51833
|
+
|
|
51805
51834
|
var renderLookupTakeValues = function renderLookupTakeValues() {
|
|
51806
51835
|
if (state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE) {
|
|
51807
51836
|
return /*#__PURE__*/React__default['default'].createElement(FlexItem, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
@@ -51888,7 +51917,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51888
51917
|
return /*#__PURE__*/React__default['default'].createElement(PaginationContainer, null, /*#__PURE__*/React__default['default'].createElement(Pagination, _extends__default['default']({}, cfg, {
|
|
51889
51918
|
inverted: true,
|
|
51890
51919
|
Localization: Localization.Pagination || {}
|
|
51891
|
-
})));
|
|
51920
|
+
})), /*#__PURE__*/React__default['default'].createElement(ItemFooterText, themeProps, props.FooterText));
|
|
51892
51921
|
};
|
|
51893
51922
|
|
|
51894
51923
|
var renderSpinner = function renderSpinner() {
|
|
@@ -51899,7 +51928,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51899
51928
|
var renderTable = function renderTable() {
|
|
51900
51929
|
if (state.General.CurrentView !== "TableView" && state.General.DataFromBackend) return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
51901
51930
|
var id = state.General.IsLookup ? SelectedData.Identificator : "Guid";
|
|
51902
|
-
return /*#__PURE__*/React__default['default'].createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default['default'].createElement(Table, {
|
|
51931
|
+
return /*#__PURE__*/React__default['default'].createElement(DivRelative, null, renderSpinner(), /*#__PURE__*/React__default['default'].createElement(Table$1, {
|
|
51903
51932
|
IsLoading: state.General.IsLoading,
|
|
51904
51933
|
Columns: state.Table.Columns,
|
|
51905
51934
|
Data: state.Table.Data,
|
|
@@ -51966,7 +51995,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51966
51995
|
var x5 = state.Options.ReadOnly || !state.Options.EnableSwitchReadOnlyMode || Form === null || Form === undefined || state.General.CurrentView !== "FormView" ? false : true;
|
|
51967
51996
|
var x6 = state.General.CurrentView !== "TableView" || Load === null ? false : true;
|
|
51968
51997
|
var x7 = state.General.IsLookup && state.Table.SelectionType === TableSelectionType.MULTIPLE ? true : false;
|
|
51969
|
-
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderLookupTakeValues());
|
|
51998
|
+
if (x1 || x2 || x3 || x4 || x5 || x6 || x7) return /*#__PURE__*/React__default['default'].createElement(HeaderContainer, null, renderChangeToTableView(), renderDeleteSelectedButton(), renderGoToAddButton(), renderFormViewMovement(), renderSwitchToEditModeButton(), renderRefreshButton(), renderHeaderText(), renderLookupTakeValues());
|
|
51970
51999
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
51971
52000
|
};
|
|
51972
52001
|
|
|
@@ -52067,8 +52096,17 @@ var TagItem = function TagItem(props) {
|
|
|
52067
52096
|
}, text);
|
|
52068
52097
|
};
|
|
52069
52098
|
|
|
52070
|
-
var _templateObject$9;
|
|
52071
|
-
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
52099
|
+
var _templateObject$9, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3;
|
|
52100
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral__default['default'](["\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);
|
|
52101
|
+
var ButtonContainer$2 = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default'](["\n margin: 3px;\n"])));
|
|
52102
|
+
var PageNumber = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n font-size: calc(\n ", " + 3px\n );\n margin: 3px 5px;\n"])), function (props) {
|
|
52103
|
+
return props.theme.typography[props.size].fontSize;
|
|
52104
|
+
});
|
|
52105
|
+
var Table = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n flex-direction: column;\n"])));
|
|
52106
|
+
var FooterRow = newStyled.div(_templateObject5$5 || (_templateObject5$5 = _taggedTemplateLiteral__default['default'](["\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"])));
|
|
52107
|
+
var Body = newStyled.div(_templateObject6$3 || (_templateObject6$3 = _taggedTemplateLiteral__default['default'](["\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) {
|
|
52108
|
+
return props.height && props.height !== "" ? props.height : "auto";
|
|
52109
|
+
});
|
|
52072
52110
|
|
|
52073
52111
|
var TagSelector = function TagSelector(props) {
|
|
52074
52112
|
var _props$tags = props.tags,
|
|
@@ -52083,7 +52121,27 @@ var TagSelector = function TagSelector(props) {
|
|
|
52083
52121
|
theme = props.theme,
|
|
52084
52122
|
mapId = props.mapId,
|
|
52085
52123
|
mapName = props.mapName,
|
|
52086
|
-
className = props.className
|
|
52124
|
+
className = props.className,
|
|
52125
|
+
pagination = props.pagination,
|
|
52126
|
+
height = props.height,
|
|
52127
|
+
width = props.width,
|
|
52128
|
+
displayedItemsCount = props.displayedItemsCount;
|
|
52129
|
+
var themeProps = {
|
|
52130
|
+
theme: theme,
|
|
52131
|
+
size: size,
|
|
52132
|
+
color: color,
|
|
52133
|
+
height: height,
|
|
52134
|
+
width: width
|
|
52135
|
+
};
|
|
52136
|
+
|
|
52137
|
+
var _useState = React.useState(1),
|
|
52138
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
52139
|
+
page = _useState2[0],
|
|
52140
|
+
setPage = _useState2[1];
|
|
52141
|
+
|
|
52142
|
+
var pageCount = Math.floor(tags.length / displayedItemsCount) + 1;
|
|
52143
|
+
|
|
52144
|
+
var _tags = pagination ? tags.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : tags;
|
|
52087
52145
|
|
|
52088
52146
|
var calculateSelectionForTag = function calculateSelectionForTag(tagId) {
|
|
52089
52147
|
return selectedTags.find(function (item) {
|
|
@@ -52092,8 +52150,8 @@ var TagSelector = function TagSelector(props) {
|
|
|
52092
52150
|
};
|
|
52093
52151
|
|
|
52094
52152
|
var renderTags = function renderTags() {
|
|
52095
|
-
return
|
|
52096
|
-
return /*#__PURE__*/React__default['default'].createElement(TagItem, {
|
|
52153
|
+
return /*#__PURE__*/React__default['default'].createElement(Body, themeProps, _tags.map(function (tag, i) {
|
|
52154
|
+
return /*#__PURE__*/React__default['default'].createElement(TagItem, _extends__default['default']({}, themeProps, {
|
|
52097
52155
|
key: i,
|
|
52098
52156
|
text: tag[mapName],
|
|
52099
52157
|
id: tag[mapId],
|
|
@@ -52103,16 +52161,37 @@ var TagSelector = function TagSelector(props) {
|
|
|
52103
52161
|
size: size,
|
|
52104
52162
|
color: color,
|
|
52105
52163
|
theme: theme
|
|
52106
|
-
});
|
|
52107
|
-
});
|
|
52164
|
+
}));
|
|
52165
|
+
}));
|
|
52108
52166
|
};
|
|
52109
52167
|
|
|
52110
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$a, {
|
|
52111
|
-
size: size,
|
|
52112
|
-
color: color,
|
|
52113
|
-
theme: theme,
|
|
52168
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$a, _extends__default['default']({}, themeProps, {
|
|
52114
52169
|
className: className
|
|
52115
|
-
}, renderTags()
|
|
52170
|
+
}), /*#__PURE__*/React__default['default'].createElement(Table, null, renderTags(), pagination && /*#__PURE__*/React__default['default'].createElement(FooterRow, null, /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
52171
|
+
icon: "angle-double-left",
|
|
52172
|
+
onClick: function onClick() {
|
|
52173
|
+
return setPage(1);
|
|
52174
|
+
},
|
|
52175
|
+
disabled: page === 1 || disabled
|
|
52176
|
+
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
52177
|
+
icon: "angle-left",
|
|
52178
|
+
onClick: function onClick() {
|
|
52179
|
+
return setPage(page - 1);
|
|
52180
|
+
},
|
|
52181
|
+
disabled: page === 1 || disabled
|
|
52182
|
+
}))), /*#__PURE__*/React__default['default'].createElement(PageNumber, themeProps, "".concat(page, "/").concat(pageCount)), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
52183
|
+
icon: "angle-right",
|
|
52184
|
+
onClick: function onClick() {
|
|
52185
|
+
return setPage(page + 1);
|
|
52186
|
+
},
|
|
52187
|
+
disabled: page === pageCount || disabled
|
|
52188
|
+
}))), /*#__PURE__*/React__default['default'].createElement(ButtonContainer$2, null, /*#__PURE__*/React__default['default'].createElement(Button$1, _extends__default['default']({}, themeProps, {
|
|
52189
|
+
icon: "angle-double-right",
|
|
52190
|
+
onClick: function onClick() {
|
|
52191
|
+
return setPage(pageCount);
|
|
52192
|
+
},
|
|
52193
|
+
disabled: page === pageCount || disabled
|
|
52194
|
+
}))))));
|
|
52116
52195
|
};
|
|
52117
52196
|
|
|
52118
52197
|
TagSelector.defaultProps = {
|
|
@@ -52126,7 +52205,9 @@ TagSelector.defaultProps = {
|
|
|
52126
52205
|
selectedTags: [],
|
|
52127
52206
|
toggleTagSelection: function toggleTagSelection() {},
|
|
52128
52207
|
mapId: "id",
|
|
52129
|
-
mapName: "name"
|
|
52208
|
+
mapName: "name",
|
|
52209
|
+
displayedItemsCount: 7,
|
|
52210
|
+
pagination: true
|
|
52130
52211
|
};
|
|
52131
52212
|
TagSelector.propTypes = {
|
|
52132
52213
|
theme: PropTypes__default['default'].object.isRequired,
|
|
@@ -52138,6 +52219,8 @@ TagSelector.propTypes = {
|
|
|
52138
52219
|
className: PropTypes__default['default'].string,
|
|
52139
52220
|
mapId: PropTypes__default['default'].string,
|
|
52140
52221
|
mapName: PropTypes__default['default'].string,
|
|
52222
|
+
displayedItemsCount: PropTypes__default['default'].number,
|
|
52223
|
+
pagination: PropTypes__default['default'].bool,
|
|
52141
52224
|
size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
|
|
52142
52225
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52143
52226
|
};
|
|
@@ -53096,7 +53179,7 @@ PeriodSelector.propTypes = {
|
|
|
53096
53179
|
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53097
53180
|
|
|
53098
53181
|
var paddingBySize = function paddingBySize(size) {
|
|
53099
|
-
if (size === "small") return "0.
|
|
53182
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53100
53183
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53101
53184
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53102
53185
|
};
|