@lanaco/lnc-react-ui 2.1.17 → 2.1.21
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 +332 -103
- package/lib/index.js +332 -102
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -4616,7 +4616,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
4616
4616
|
}
|
|
4617
4617
|
}
|
|
4618
4618
|
|
|
4619
|
-
var _templateObject$
|
|
4619
|
+
var _templateObject$q;
|
|
4620
4620
|
|
|
4621
4621
|
var getCheckboxCss = function getCheckboxCss(props) {
|
|
4622
4622
|
var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
|
|
@@ -4661,7 +4661,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
|
|
|
4661
4661
|
height = "1.6875rem";
|
|
4662
4662
|
}
|
|
4663
4663
|
|
|
4664
|
-
return css(_templateObject$
|
|
4664
|
+
return css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral__default['default'](["\n .c-", "-container {\n font-family: ", ";\n display: inline-block;\n position: relative;\n padding: 0.25rem;\n padding-left: ", ";\n ", "\n cursor: pointer;\n font-size: ", ";\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n margin: ", ";\n margin-left: ", ";\n cursor: pointer;\n }\n\n /* Hide the browser's default checkbox */\n .c-", "-container input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n }\n\n /* Create a custom checkbox */\n .c-", "-checkmark {\n position: absolute;\n top: 0;\n left: 0;\n height: ", ";\n width: ", ";\n background-color: #eee;\n border: 0.0625rem solid ", ";\n border-radius: 2px;\n transition: all 200ms ease;\n }\n\n /* On mouse-over, add a grey background color */\n .c-", "-container:hover input ~ .c-", "-checkmark {\n cursor: pointer;\n }\n\n .c-", "-container:hover input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n cursor: default;\n }\n\n .c-", "-container input:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n /* When the checkbox is checked, add a blue background */\n .c-", "-container input:checked ~ .c-", "-checkmark {\n background-color: ", ";\n }\n\n .c-", "-container input:checked:disabled ~ .c-", "-checkmark {\n background-color: ", ";\n border: 0.0625rem solid ", ";\n cursor: default;\n }\n\n /* Create the checkmark/indicator (hidden when not checked) */\n .c-", "-checkmark:after {\n content: \"\";\n position: absolute;\n display: none;\n }\n\n /* Show the checkmark when checked */\n .c-", "-container input:checked ~ .c-", "-checkmark:after {\n display: block;\n }\n\n /* Style the checkmark/indicator */\n .c-", "-container .c-", "-checkmark:after {\n left: ", ";\n top: ", ";\n width: ", ";\n height: ", ";\n border: solid white;\n border-width: 0 0.21875rem 0.21875rem 0;\n -webkit-transform: rotate(35deg);\n -ms-transform: rotate(35deg);\n transform: rotate(35deg);\n }\n "])), props.id, props.theme.typography.fontFamily, padingLeft, paddingTop, props.theme.typography[props.size].fontSize, margin, marginLeft, props.id, props.id, height, width, props.theme.palette[props.color].main, props.id, props.id, props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette.gray[900], props.id, props.id, props.theme.palette[props.color].main, props.id, props.id, props.theme.palette.gray[900], props.theme.palette.gray.textLight, props.id, props.id, props.id, props.id, props.id, left, top, checkWidth, checkHeight);
|
|
4665
4665
|
};
|
|
4666
4666
|
|
|
4667
4667
|
var CheckBox = function CheckBox(props) {
|
|
@@ -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$
|
|
4719
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e;
|
|
4720
4720
|
|
|
4721
4721
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4722
4722
|
return {
|
|
@@ -4787,14 +4787,14 @@ var Label = newStyled.label(function (props) {
|
|
|
4787
4787
|
}
|
|
4788
4788
|
};
|
|
4789
4789
|
});
|
|
4790
|
-
var Text$2 = newStyled.label(_templateObject$
|
|
4790
|
+
var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral__default['default'](["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
|
|
4791
4791
|
return props.theme.typography.fontFamily;
|
|
4792
4792
|
}, function (props) {
|
|
4793
4793
|
return props.theme.typography[props.size].fontSize;
|
|
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$k || (_templateObject2$k = _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;
|
|
@@ -6554,11 +6554,11 @@ SwitchTransition.defaultProps = {
|
|
|
6554
6554
|
};
|
|
6555
6555
|
var SwitchTransition$1 = SwitchTransition;
|
|
6556
6556
|
|
|
6557
|
-
var _templateObject$
|
|
6558
|
-
var Container$
|
|
6557
|
+
var _templateObject$o, _templateObject2$j, _templateObject3$d, _templateObject4$b, _templateObject5$b, _templateObject6$9, _templateObject7$7, _templateObject8$7, _templateObject9$7, _templateObject10$7, _templateObject11$5, _templateObject12$5, _templateObject13$3;
|
|
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$1 = newStyled.div(_templateObject2$
|
|
6561
|
+
var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _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
6562
|
var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _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
|
});
|
|
@@ -6636,7 +6636,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6636
6636
|
|
|
6637
6637
|
var _options = pagination ? options.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : options;
|
|
6638
6638
|
|
|
6639
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
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
6642
|
styles: css(_templateObject13$3 || (_templateObject13$3 = _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 "])))
|
|
@@ -22432,7 +22432,7 @@ var heightBySize$d = function heightBySize(size, hasText) {
|
|
|
22432
22432
|
if (size === "large") return "2.375rem";
|
|
22433
22433
|
};
|
|
22434
22434
|
|
|
22435
|
-
var Container$
|
|
22435
|
+
var Container$k = newStyled.span(function (props) {
|
|
22436
22436
|
return {
|
|
22437
22437
|
"& .react-datepicker__triangle": {
|
|
22438
22438
|
display: "none"
|
|
@@ -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,14 +22529,15 @@ 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
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
22535
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$k, {
|
|
22533
22536
|
theme: theme,
|
|
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$
|
|
22701
|
+
var _templateObject$n, _templateObject2$i;
|
|
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
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22703
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
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"])));
|
|
22707
|
+
var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _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$
|
|
22725
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _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";
|
|
@@ -22732,8 +22736,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22732
22736
|
if (size === "large") return "2.25rem";
|
|
22733
22737
|
};
|
|
22734
22738
|
|
|
22735
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22736
|
-
var Container$
|
|
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"])));
|
|
22740
|
+
var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _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);
|
|
@@ -22959,7 +22963,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22959
22963
|
}
|
|
22960
22964
|
};
|
|
22961
22965
|
|
|
22962
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
22966
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$j, themeProps, /*#__PURE__*/React__default['default'].createElement(Inner$4, themeProps, /*#__PURE__*/React__default['default'].createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$3, _extends__default['default']({}, themeProps, {
|
|
22963
22967
|
ref: InputRef,
|
|
22964
22968
|
autoComplete: "off",
|
|
22965
22969
|
id: id,
|
|
@@ -23019,7 +23023,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
23019
23023
|
onChange: PropTypes__default['default'].func
|
|
23020
23024
|
}, _defineProperty__default['default'](_DropdownLookup$propT, "load", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "clear", PropTypes__default['default'].func), _defineProperty__default['default'](_DropdownLookup$propT, "className", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "initialValue", PropTypes__default['default'].object), _defineProperty__default['default'](_DropdownLookup$propT, "notItemsFoundText", PropTypes__default['default'].string), _defineProperty__default['default'](_DropdownLookup$propT, "size", PropTypes__default['default'].oneOf(["small", "medium", "large"])), _defineProperty__default['default'](_DropdownLookup$propT, "color", PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
|
|
23021
23025
|
|
|
23022
|
-
var _templateObject$
|
|
23026
|
+
var _templateObject$l;
|
|
23023
23027
|
|
|
23024
23028
|
var getPadding = function getPadding(size) {
|
|
23025
23029
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -23033,7 +23037,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
23033
23037
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
23034
23038
|
};
|
|
23035
23039
|
|
|
23036
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
23040
|
+
var Span$1 = newStyled.span(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
23037
23041
|
return props.theme.typography[props.size].fontSize;
|
|
23038
23042
|
}, function (props) {
|
|
23039
23043
|
return getPadding(props.size);
|
|
@@ -23290,7 +23294,7 @@ var Icon = newStyled.i(function (props) {
|
|
|
23290
23294
|
fontSize: props.theme.typography[props.size].fontSize
|
|
23291
23295
|
};
|
|
23292
23296
|
});
|
|
23293
|
-
var Container$
|
|
23297
|
+
var Container$i = newStyled.div(function (props) {
|
|
23294
23298
|
return {
|
|
23295
23299
|
display: "flex",
|
|
23296
23300
|
fontFamily: props.theme.typography.fontFamily,
|
|
@@ -23374,7 +23378,7 @@ var PasswordInput = /*#__PURE__*/React__default['default'].forwardRef(function (
|
|
|
23374
23378
|
size: size,
|
|
23375
23379
|
color: color
|
|
23376
23380
|
};
|
|
23377
|
-
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Container$
|
|
23381
|
+
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(Container$i, themeProps, /*#__PURE__*/React__default['default'].createElement(Input$2, _extends__default['default']({}, themeProps, {
|
|
23378
23382
|
type: locked ? "password" : "text",
|
|
23379
23383
|
autoComplete: autoComplete ? "true" : "false",
|
|
23380
23384
|
value: value,
|
|
@@ -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$
|
|
31318
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31321
|
+
var _templateObject$k, _templateObject2$g;
|
|
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$g || (_templateObject2$g = _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;
|
|
@@ -31449,7 +31453,7 @@ Modal$1.propTypes = {
|
|
|
31449
31453
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
31450
31454
|
};
|
|
31451
31455
|
|
|
31452
|
-
var Container$
|
|
31456
|
+
var Container$h = newStyled.div(function (props) {
|
|
31453
31457
|
return {
|
|
31454
31458
|
position: "fixed",
|
|
31455
31459
|
alignItems: "center",
|
|
@@ -31552,7 +31556,7 @@ var ConfirmationForm = function ConfirmationForm(props) {
|
|
|
31552
31556
|
if (clickOutsideToClose || !showHeader) onClose();
|
|
31553
31557
|
};
|
|
31554
31558
|
|
|
31555
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
31559
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$h, _extends__default['default']({}, themeProps, {
|
|
31556
31560
|
className: className,
|
|
31557
31561
|
onClick: onClickOutsideModal
|
|
31558
31562
|
}), /*#__PURE__*/React__default['default'].createElement(Modal, themeProps, showHeader ? /*#__PURE__*/React__default['default'].createElement(Header, themeProps, /*#__PURE__*/React__default['default'].createElement(Title, themeProps, header), /*#__PURE__*/React__default['default'].createElement(CloseButton, themeProps, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
@@ -31623,12 +31627,12 @@ 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$
|
|
31630
|
+
var _templateObject$j, _templateObject2$f, _templateObject3$b;
|
|
31627
31631
|
|
|
31628
|
-
var Dropdown = newStyled.div(_templateObject$
|
|
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$
|
|
31635
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral__default['default'](["\n padding: 2px;\n"])));
|
|
31632
31636
|
var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _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) {
|
|
@@ -31705,13 +31709,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31705
31709
|
return freeze;
|
|
31706
31710
|
};
|
|
31707
31711
|
|
|
31708
|
-
var _templateObject$
|
|
31709
|
-
var Container$
|
|
31712
|
+
var _templateObject$i, _templateObject2$e;
|
|
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$e || (_templateObject2$e = _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
|
|
|
@@ -31788,7 +31792,7 @@ var FormViewMovement = function FormViewMovement(props) {
|
|
|
31788
31792
|
})));
|
|
31789
31793
|
};
|
|
31790
31794
|
|
|
31791
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
31795
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$g, themeProps, renderFirst(), renderPrevious(), renderNext(), renderLast());
|
|
31792
31796
|
};
|
|
31793
31797
|
|
|
31794
31798
|
FormViewMovement.defaultProps = {
|
|
@@ -49028,13 +49032,13 @@ var TableSelectionType = {
|
|
|
49028
49032
|
MULTIPLE: "multiple"
|
|
49029
49033
|
};
|
|
49030
49034
|
|
|
49031
|
-
var _templateObject$
|
|
49032
|
-
var Container$
|
|
49035
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
|
|
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\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$d || (_templateObject2$d = _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
49044
|
var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral__default['default'](["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
@@ -49208,7 +49212,7 @@ var Pagination = function Pagination(props) {
|
|
|
49208
49212
|
})));
|
|
49209
49213
|
};
|
|
49210
49214
|
|
|
49211
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49215
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$f, themeProps, renderFirst(), renderPrevious(), renderCurrentPage(), renderNext(), renderLast(), renderPageSize(), renderRowInformation(), renderExportButtons());
|
|
49212
49216
|
};
|
|
49213
49217
|
|
|
49214
49218
|
Pagination.defaultProps = {
|
|
@@ -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$
|
|
49277
|
-
var Container$
|
|
49278
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49280
|
+
var _templateObject$g, _templateObject2$c, _templateObject3$9, _templateObject4$8, _templateObject5$8, _templateObject6$6, _templateObject7$5, _templateObject8$5, _templateObject9$5, _templateObject10$5, _templateObject11$4, _templateObject12$4;
|
|
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);
|
|
49282
|
+
var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral__default['default'](["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49279
49283
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49280
49284
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49281
49285
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49282
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _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:
|
|
49286
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _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, {
|
|
@@ -49478,7 +49485,7 @@ var TableView = function TableView(props) {
|
|
|
49478
49485
|
}));
|
|
49479
49486
|
};
|
|
49480
49487
|
|
|
49481
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49488
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$e, null, /*#__PURE__*/React__default['default'].createElement(Wrapper$1, null, /*#__PURE__*/React__default['default'].createElement(TableTable$1, {
|
|
49482
49489
|
cellSpacing: 0
|
|
49483
49490
|
}, /*#__PURE__*/React__default['default'].createElement(TableHead$1, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49484
49491
|
return x.hide !== true;
|
|
@@ -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$
|
|
49497
|
+
var _templateObject$f, _templateObject2$b;
|
|
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 ";
|
|
@@ -49495,8 +49502,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49495
49502
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49496
49503
|
};
|
|
49497
49504
|
|
|
49498
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49499
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49505
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral__default['default'](["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49506
|
+
var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _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$
|
|
49545
|
+
var _templateObject$e, _templateObject2$a, _templateObject3$8, _templateObject4$7, _templateObject5$7, _templateObject6$5, _templateObject7$4, _templateObject8$4, _templateObject9$4, _templateObject10$4, _templateObject11$3, _templateObject12$3, _templateObject13$2;
|
|
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
|
|
|
@@ -49565,10 +49572,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49565
49572
|
return css;
|
|
49566
49573
|
};
|
|
49567
49574
|
|
|
49568
|
-
var Container$
|
|
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$
|
|
49578
|
+
var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49572
49579
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral__default['default'](["\n border-top: 1px solid #80808025;\n"])));
|
|
49573
49580
|
var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _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);
|
|
@@ -49959,7 +49966,7 @@ var DataView = function DataView(props) {
|
|
|
49959
49966
|
|
|
49960
49967
|
var renderComponent = function renderComponent() {
|
|
49961
49968
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49962
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
49969
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$d, _extends__default['default']({}, themeProps, {
|
|
49963
49970
|
shadow: Shadow
|
|
49964
49971
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default['default'].createElement(SwitchTransition$1, {
|
|
49965
49972
|
mode: "out-in"
|
|
@@ -49994,8 +50001,8 @@ DataView.propTypes = {
|
|
|
49994
50001
|
color: PropTypes__default['default'].string
|
|
49995
50002
|
};
|
|
49996
50003
|
|
|
49997
|
-
var _templateObject$
|
|
49998
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
50004
|
+
var _templateObject$d;
|
|
50005
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral__default['default'](["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49999
50006
|
|
|
50000
50007
|
var FormMovement = function FormMovement(props) {
|
|
50001
50008
|
//====== PROPS ======
|
|
@@ -50105,9 +50112,9 @@ 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$
|
|
50109
|
-
var Container$
|
|
50110
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50115
|
+
var _templateObject$c, _templateObject2$9, _templateObject3$7, _templateObject4$6, _templateObject5$6, _templateObject6$4, _templateObject7$3, _templateObject8$3, _templateObject9$3, _templateObject10$3, _templateObject11$2, _templateObject12$2, _templateObject13$1;
|
|
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);
|
|
50117
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral__default['default']([""])));
|
|
50111
50118
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral__default['default'](["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50112
50119
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50113
50120
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral__default['default'](["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50314,7 +50321,7 @@ var Table = function Table(props) {
|
|
|
50314
50321
|
}));
|
|
50315
50322
|
};
|
|
50316
50323
|
|
|
50317
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
50324
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$c, null, /*#__PURE__*/React__default['default'].createElement(Wrapper, null, /*#__PURE__*/React__default['default'].createElement(TableTable, {
|
|
50318
50325
|
cellSpacing: 0
|
|
50319
50326
|
}, /*#__PURE__*/React__default['default'].createElement(TableHead, null, /*#__PURE__*/React__default['default'].createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default['default'].createElement("th", {
|
|
50320
50327
|
style: {
|
|
@@ -50604,7 +50611,7 @@ uuid.v4 = v4;
|
|
|
50604
50611
|
|
|
50605
50612
|
var uuid_1 = uuid;
|
|
50606
50613
|
|
|
50607
|
-
var _templateObject$
|
|
50614
|
+
var _templateObject$b, _templateObject2$8, _templateObject3$6, _templateObject4$5, _templateObject5$5, _templateObject6$3, _templateObject7$2, _templateObject8$2, _templateObject9$2, _templateObject10$2, _templateObject11$1, _templateObject12$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
|
|
|
@@ -50712,8 +50719,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50712
50719
|
return css;
|
|
50713
50720
|
};
|
|
50714
50721
|
|
|
50715
|
-
var Container$
|
|
50716
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50722
|
+
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"])));
|
|
50723
|
+
var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral__default['default'](["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50717
50724
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral__default['default'](["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50718
50725
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral__default['default'](["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50719
50726
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51970,7 +51977,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
|
|
|
51970
51977
|
return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null);
|
|
51971
51978
|
};
|
|
51972
51979
|
|
|
51973
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
51980
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default['default'].createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51974
51981
|
});
|
|
51975
51982
|
Grid.defaultProps = {
|
|
51976
51983
|
theme: theme,
|
|
@@ -52003,7 +52010,7 @@ Grid.propTypes = {
|
|
|
52003
52010
|
Developer: PropTypes__default['default'].bool
|
|
52004
52011
|
};
|
|
52005
52012
|
|
|
52006
|
-
var _templateObject$
|
|
52013
|
+
var _templateObject$a;
|
|
52007
52014
|
|
|
52008
52015
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
52009
52016
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -52017,7 +52024,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
52017
52024
|
if (size === "large") return "2.375rem";
|
|
52018
52025
|
};
|
|
52019
52026
|
|
|
52020
|
-
var Button = newStyled.button(_templateObject$
|
|
52027
|
+
var Button = newStyled.button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n max-height: ", ";\n min-height: ", ";\n flex-grow: 1;\n appearance: none;\n outline: none;\n border: none;\n transition: all 220ms;\n display: inline-block;\n cursor: pointer;\n margin: 0.125rem;\n border-radius: 0.125rem;\n border: 0.09375rem solid transparent;\n ", "\n color: ", ";\n background-color: ", ";\n\n &:hover {\n ", "\n color: ", ";\n background-color: ", ";\n }\n\n &:disabled {\n background-color: ", ";\n\n color: ", ";\n opacity: 0.7;\n cursor: default;\n border: 0.09375rem solid #bfbfbf80;\n }\n"])), function (props) {
|
|
52021
52028
|
return props.theme.typography[props.size].fontSize;
|
|
52022
52029
|
}, function (props) {
|
|
52023
52030
|
return props.theme.typography.fontFamily;
|
|
@@ -52067,8 +52074,8 @@ var TagItem = function TagItem(props) {
|
|
|
52067
52074
|
}, text);
|
|
52068
52075
|
};
|
|
52069
52076
|
|
|
52070
|
-
var _templateObject$
|
|
52071
|
-
var Container$
|
|
52077
|
+
var _templateObject$9;
|
|
52078
|
+
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"])));
|
|
52072
52079
|
|
|
52073
52080
|
var TagSelector = function TagSelector(props) {
|
|
52074
52081
|
var _props$tags = props.tags,
|
|
@@ -52107,7 +52114,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52107
52114
|
});
|
|
52108
52115
|
};
|
|
52109
52116
|
|
|
52110
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52117
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$a, {
|
|
52111
52118
|
size: size,
|
|
52112
52119
|
color: color,
|
|
52113
52120
|
theme: theme,
|
|
@@ -52189,7 +52196,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52189
52196
|
}
|
|
52190
52197
|
};
|
|
52191
52198
|
|
|
52192
|
-
var _templateObject$
|
|
52199
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52193
52200
|
|
|
52194
52201
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52195
52202
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52217,8 +52224,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52217
52224
|
if (size === "large") return "2.25rem";
|
|
52218
52225
|
};
|
|
52219
52226
|
|
|
52220
|
-
var Container$
|
|
52221
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52227
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52228
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n border: 0.0625rem solid #bfbfbf80;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n cursor: pointer;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
52222
52229
|
return props.theme.typography.fontFamily;
|
|
52223
52230
|
}, function (props) {
|
|
52224
52231
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52273,7 +52280,7 @@ var Chip = function Chip(props) {
|
|
|
52273
52280
|
disabled: disabled,
|
|
52274
52281
|
inactive: inactive
|
|
52275
52282
|
};
|
|
52276
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52283
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$9, _extends__default['default']({}, themeProps, {
|
|
52277
52284
|
className: className
|
|
52278
52285
|
}), /*#__PURE__*/React__default['default'].createElement(Inner$3, themeProps, /*#__PURE__*/React__default['default'].createElement(Text$1, _extends__default['default']({}, themeProps, {
|
|
52279
52286
|
onClick: function onClick() {
|
|
@@ -52328,7 +52335,7 @@ Chip.propTypes = {
|
|
|
52328
52335
|
var css_248z$1 = ".item-enter {\n opacity: 0;\n}\n\n.item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.item-exit {\n}\n\n.item-exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
52329
52336
|
styleInject(css_248z$1);
|
|
52330
52337
|
|
|
52331
|
-
var _templateObject$
|
|
52338
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52332
52339
|
|
|
52333
52340
|
function ownKeys(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; }
|
|
52334
52341
|
|
|
@@ -52352,8 +52359,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52352
52359
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52353
52360
|
};
|
|
52354
52361
|
|
|
52355
|
-
var Container$
|
|
52356
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52362
|
+
var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border: 0.09375rem solid #bfbfbf;\n background-color: white;\n border-radius: 0.1875rem;\n width: 100%;\n\n transition: all 250ms ease;\n"])));
|
|
52363
|
+
var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral__default['default'](["\n padding: 0.15rem;\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n flex-grow: 10;\n transition: all 250ms ease;\n"])));
|
|
52357
52364
|
var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n margin: 0.125rem;\n flex-grow: 1;\n transition: all 250ms ease;\n\n & > div {\n width: 100%;\n }\n"])));
|
|
52358
52365
|
var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n margin: 0.125rem;\n margin-left: 0.25rem;\n flex-grow: 1;\n transition: all 250ms ease;\n"])));
|
|
52359
52366
|
var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral__default['default'](["\n width: 100%;\n transition: all 250ms ease;\n text-decoration: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n box-sizing: border-box;\n outline: none;\n border: none;\n padding: ", ";\n background-color: transparent;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n border-radius: 0.1875rem;\n"])), function (props) {
|
|
@@ -52511,7 +52518,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52511
52518
|
}
|
|
52512
52519
|
};
|
|
52513
52520
|
|
|
52514
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52521
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$8, _extends__default['default']({
|
|
52515
52522
|
className: className
|
|
52516
52523
|
}, themeProps), /*#__PURE__*/React__default['default'].createElement(Inner$2, themeProps, /*#__PURE__*/React__default['default'].createElement(SearchIcon, themeProps, /*#__PURE__*/React__default['default'].createElement("i", {
|
|
52517
52524
|
className: "fas fa-search fa-fw"
|
|
@@ -52573,7 +52580,7 @@ SearchBar.propTypes = {
|
|
|
52573
52580
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52574
52581
|
};
|
|
52575
52582
|
|
|
52576
|
-
var _templateObject$
|
|
52583
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52577
52584
|
|
|
52578
52585
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52579
52586
|
if (size === "small") {
|
|
@@ -52595,10 +52602,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52595
52602
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52596
52603
|
};
|
|
52597
52604
|
|
|
52598
|
-
var Container$
|
|
52605
|
+
var Container$7 = newStyled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral__default['default'](["\n overflow: hidden;\n background-color: #f1f1f1;\n border-radius: 0.1875rem 0.1875rem 0 0;\n background-color: ", ";\n"])), function (props) {
|
|
52599
52606
|
return props.theme.palette[props.color].main;
|
|
52600
52607
|
});
|
|
52601
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52608
|
+
var Tab = newStyled.button(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral__default['default'](["\n ", "\n background-color: inherit;\n float: left;\n border: none;\n outline: none;\n cursor: pointer;\n ", "\n transition: 0.25s;\n font-family: ", ";\n font-size: ", ";\n color: ", ";\n\n &:hover {\n background-color: ", ";\n }\n\n background-color: ", ";\n"])), function (props) {
|
|
52602
52609
|
return heightBySize$2(props.size);
|
|
52603
52610
|
}, function (props) {
|
|
52604
52611
|
return paddingBySize$3(props.size);
|
|
@@ -52658,7 +52665,7 @@ var Tabs = function Tabs(props) {
|
|
|
52658
52665
|
});
|
|
52659
52666
|
};
|
|
52660
52667
|
|
|
52661
|
-
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52668
|
+
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(Container$7, _extends__default['default']({}, themeProps, {
|
|
52662
52669
|
className: className
|
|
52663
52670
|
}), tabs.map(function (tab) {
|
|
52664
52671
|
return /*#__PURE__*/React__default['default'].createElement(Tab, _extends__default['default']({
|
|
@@ -52689,7 +52696,7 @@ Tabs.propTypes = {
|
|
|
52689
52696
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52690
52697
|
};
|
|
52691
52698
|
|
|
52692
|
-
var _templateObject$
|
|
52699
|
+
var _templateObject$5, _templateObject2$4;
|
|
52693
52700
|
|
|
52694
52701
|
var fontSize$1 = function fontSize(props) {
|
|
52695
52702
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52718,7 +52725,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52718
52725
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52719
52726
|
};
|
|
52720
52727
|
|
|
52721
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52728
|
+
var ContainerBox = newStyled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral__default['default'](["\n border: 0.0625rem solid ", ";\n border-radius: 0.15625rem;\n background-color: ", ";\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52722
52729
|
return props.theme.palette[props.color].dark;
|
|
52723
52730
|
}, function (props) {
|
|
52724
52731
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52731,7 +52738,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52731
52738
|
}, function (props) {
|
|
52732
52739
|
return paddingBySizeContainerBox(props.size);
|
|
52733
52740
|
});
|
|
52734
|
-
var Container$
|
|
52741
|
+
var Container$6 = newStyled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral__default['default'](["\n color: ", ";\n font-size: ", ";\n font-family: ", ";\n padding: ", ";\n padding-left: 0px;\n word-wrap: break-word;\n box-sizing: border-box;\n"])), function (props) {
|
|
52735
52742
|
return props.theme.palette[props.color].dark;
|
|
52736
52743
|
}, function (props) {
|
|
52737
52744
|
return fontSize$1(props);
|
|
@@ -52756,7 +52763,7 @@ var Alet = function Alet(props) {
|
|
|
52756
52763
|
if (hasContainer) return /*#__PURE__*/React__default['default'].createElement(ContainerBox, _extends__default['default']({}, themeProps, {
|
|
52757
52764
|
className: className
|
|
52758
52765
|
}), message);
|
|
52759
|
-
if (!hasContainer) return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52766
|
+
if (!hasContainer) return /*#__PURE__*/React__default['default'].createElement(Container$6, _extends__default['default']({}, themeProps, {
|
|
52760
52767
|
className: className
|
|
52761
52768
|
}), message);
|
|
52762
52769
|
};
|
|
@@ -52778,7 +52785,7 @@ Alet.propTypes = {
|
|
|
52778
52785
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52779
52786
|
};
|
|
52780
52787
|
|
|
52781
|
-
var _templateObject$
|
|
52788
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52782
52789
|
|
|
52783
52790
|
var fontSize = function fontSize(props) {
|
|
52784
52791
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52795,12 +52802,12 @@ var fontSize = function fontSize(props) {
|
|
|
52795
52802
|
return newFontSize;
|
|
52796
52803
|
};
|
|
52797
52804
|
|
|
52798
|
-
var Container$
|
|
52805
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52799
52806
|
return props.theme.typography[props.size].fontSize;
|
|
52800
52807
|
}, function (props) {
|
|
52801
52808
|
return props.theme.typography.fontFamily;
|
|
52802
52809
|
});
|
|
52803
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52810
|
+
var LabelContainer = newStyled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral__default['default'](["\n font-size: ", ";\n font-family: ", ";\n margin-bottom: 0.1875rem;\n color: #777a80;\n"])), function (props) {
|
|
52804
52811
|
return fontSize(props);
|
|
52805
52812
|
}, function (props) {
|
|
52806
52813
|
return props.theme.typography.fontFamily;
|
|
@@ -52824,7 +52831,7 @@ var FormField = function FormField(props) {
|
|
|
52824
52831
|
size: size,
|
|
52825
52832
|
color: color
|
|
52826
52833
|
};
|
|
52827
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52834
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$5, _extends__default['default']({}, themeProps, {
|
|
52828
52835
|
className: className
|
|
52829
52836
|
}), label && label !== null && /*#__PURE__*/React__default['default'].createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default['default'].createElement(ErrorContainer, _extends__default['default']({}, themeProps, {
|
|
52830
52837
|
hasContainer: hasContainer
|
|
@@ -52854,7 +52861,7 @@ FormField.propTypes = {
|
|
|
52854
52861
|
size: PropTypes__default['default'].oneOf(["small", "medium", "large"])
|
|
52855
52862
|
};
|
|
52856
52863
|
|
|
52857
|
-
var _templateObject$
|
|
52864
|
+
var _templateObject$3;
|
|
52858
52865
|
|
|
52859
52866
|
var getColumns = function getColumns(columns) {
|
|
52860
52867
|
var frs = "";
|
|
@@ -52866,7 +52873,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52866
52873
|
return frs;
|
|
52867
52874
|
};
|
|
52868
52875
|
|
|
52869
|
-
var Container$
|
|
52876
|
+
var Container$4 = newStyled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral__default['default'](["\n display: grid;\n grid-template-columns: ", ";\n\n & > div {\n margin: ", ";\n }\n"])), function (props) {
|
|
52870
52877
|
return getColumns(props.columns);
|
|
52871
52878
|
}, function (props) {
|
|
52872
52879
|
return props.fieldMargin;
|
|
@@ -52877,7 +52884,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52877
52884
|
columns = props.columns,
|
|
52878
52885
|
children = props.children,
|
|
52879
52886
|
fieldMargin = props.fieldMargin;
|
|
52880
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
52887
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$4, {
|
|
52881
52888
|
columns: columns,
|
|
52882
52889
|
fieldMargin: fieldMargin,
|
|
52883
52890
|
className: className
|
|
@@ -52907,7 +52914,7 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52907
52914
|
if (size === "large") return "2.375rem";
|
|
52908
52915
|
};
|
|
52909
52916
|
|
|
52910
|
-
var Container$
|
|
52917
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52911
52918
|
return {
|
|
52912
52919
|
"& .react-datepicker__triangle": {
|
|
52913
52920
|
display: "none"
|
|
@@ -53045,7 +53052,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53045
53052
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
53046
53053
|
};
|
|
53047
53054
|
|
|
53048
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
53055
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$3, {
|
|
53049
53056
|
theme: theme,
|
|
53050
53057
|
size: size,
|
|
53051
53058
|
color: color
|
|
@@ -53093,10 +53100,10 @@ PeriodSelector.propTypes = {
|
|
|
53093
53100
|
color: PropTypes__default['default'].oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53094
53101
|
};
|
|
53095
53102
|
|
|
53096
|
-
var _templateObject$
|
|
53103
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53097
53104
|
|
|
53098
53105
|
var paddingBySize = function paddingBySize(size) {
|
|
53099
|
-
if (size === "small") return "0.
|
|
53106
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53100
53107
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53101
53108
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53102
53109
|
};
|
|
@@ -53107,8 +53114,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53107
53114
|
if (size === "large") return "2rem";
|
|
53108
53115
|
};
|
|
53109
53116
|
|
|
53110
|
-
var Container$
|
|
53111
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53117
|
+
var Container$2 = newStyled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"])));
|
|
53118
|
+
var Inner$1 = newStyled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral__default['default'](["\n display: flex;\n align-items: flex-start;\n flex-direction: row;\n font-family: ", ";\n font-size: ", ";\n padding: 0;\n margin: 0;\n border-radius: 0.5rem;\n\n min-height: ", ";\n max-height: ", ";\n"])), function (props) {
|
|
53112
53119
|
return props.theme.typography.fontFamily;
|
|
53113
53120
|
}, function (props) {
|
|
53114
53121
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53151,7 +53158,7 @@ var Item = function Item(props) {
|
|
|
53151
53158
|
color: color,
|
|
53152
53159
|
disabled: disabled
|
|
53153
53160
|
};
|
|
53154
|
-
return /*#__PURE__*/React__default['default'].createElement(Container$
|
|
53161
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$2, _extends__default['default']({}, themeProps, {
|
|
53155
53162
|
className: className
|
|
53156
53163
|
}), /*#__PURE__*/React__default['default'].createElement(Inner$1, themeProps, /*#__PURE__*/React__default['default'].createElement(Text, _extends__default['default']({}, themeProps, {
|
|
53157
53164
|
title: tooltip
|
|
@@ -53191,8 +53198,8 @@ Item.propTypes = {
|
|
|
53191
53198
|
var css_248z = ".option-item-enter {\n opacity: 0;\n}\n\n.option-item-enter-active {\n transition: all 0.2s ease-in;\n opacity: 1;\n}\n\n.option-item-exit {\n}\n\n.option--exit-active {\n opacity: 0;\n transition: opacity 200ms ease-out;\n}\n";
|
|
53192
53199
|
styleInject(css_248z);
|
|
53193
53200
|
|
|
53194
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53195
|
-
var spin = keyframes$2(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53201
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53202
|
+
var spin = keyframes$2(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral__default['default'](["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53196
53203
|
|
|
53197
53204
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53198
53205
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53218,7 +53225,7 @@ var containerColor = function containerColor(props) {
|
|
|
53218
53225
|
return props.theme.palette[props.color].lighter;
|
|
53219
53226
|
};
|
|
53220
53227
|
|
|
53221
|
-
var Container = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53228
|
+
var Container$1 = newStyled.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral__default['default'](["\n display: inline-block;\n position: relative;\n box-sizing: border-box;\n border-bottom: 0.125rem solid\n ", ";\n background-color: ", ";\n border-radius: 0.125rem;\n width: 100%;\n transition: all 250ms ease;\n"])), function (props) {
|
|
53222
53229
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53223
53230
|
}, function (props) {
|
|
53224
53231
|
return containerColor(props);
|
|
@@ -53453,7 +53460,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53453
53460
|
}
|
|
53454
53461
|
};
|
|
53455
53462
|
|
|
53456
|
-
return /*#__PURE__*/React__default['default'].createElement(Container, _extends__default['default']({
|
|
53463
|
+
return /*#__PURE__*/React__default['default'].createElement(Container$1, _extends__default['default']({
|
|
53457
53464
|
className: className
|
|
53458
53465
|
}, themeProps, {
|
|
53459
53466
|
focus: inputFocus
|
|
@@ -53542,6 +53549,228 @@ MultiSelectDropdown.propTypes = {
|
|
|
53542
53549
|
addOptionText: PropTypes__default['default'].string
|
|
53543
53550
|
};
|
|
53544
53551
|
|
|
53552
|
+
var _templateObject, _templateObject2;
|
|
53553
|
+
var Container = newStyled.div(function (props) {
|
|
53554
|
+
return {
|
|
53555
|
+
gridArea: "timeSpentItem",
|
|
53556
|
+
display: "flex",
|
|
53557
|
+
columnGap: "2px",
|
|
53558
|
+
justifyContent: "start"
|
|
53559
|
+
};
|
|
53560
|
+
});
|
|
53561
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53562
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n padding-right: 2%;\n"])));
|
|
53563
|
+
|
|
53564
|
+
var TimeInput = function TimeInput(props) {
|
|
53565
|
+
var id = props.id,
|
|
53566
|
+
value = props.value,
|
|
53567
|
+
size = props.size,
|
|
53568
|
+
color = props.color,
|
|
53569
|
+
theme = props.theme,
|
|
53570
|
+
className = props.className,
|
|
53571
|
+
onChange = props.onChange,
|
|
53572
|
+
_props$disabled = props.disabled,
|
|
53573
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53574
|
+
_props$step = props.step,
|
|
53575
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53576
|
+
|
|
53577
|
+
var _useState = React.useState(value),
|
|
53578
|
+
_useState2 = _slicedToArray__default['default'](_useState, 2),
|
|
53579
|
+
val = _useState2[0],
|
|
53580
|
+
setVal = _useState2[1];
|
|
53581
|
+
|
|
53582
|
+
var _useState3 = React.useState(Math.trunc(props.value)),
|
|
53583
|
+
_useState4 = _slicedToArray__default['default'](_useState3, 2),
|
|
53584
|
+
spentHours = _useState4[0],
|
|
53585
|
+
setSpentHours = _useState4[1];
|
|
53586
|
+
|
|
53587
|
+
var _useState5 = React.useState(Math.trunc(props.value % 1 * 60)),
|
|
53588
|
+
_useState6 = _slicedToArray__default['default'](_useState5, 2),
|
|
53589
|
+
spentMinutes = _useState6[0],
|
|
53590
|
+
setSpentMinutes = _useState6[1];
|
|
53591
|
+
|
|
53592
|
+
var stepDecimal = step / 60;
|
|
53593
|
+
var stepValue = parseInt(step);
|
|
53594
|
+
React.useEffect(function () {
|
|
53595
|
+
setVal(value);
|
|
53596
|
+
setSpentHours(Math.trunc(props.value));
|
|
53597
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53598
|
+
}, [value]);
|
|
53599
|
+
|
|
53600
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53601
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53602
|
+
|
|
53603
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53604
|
+
timeSpent = 0;
|
|
53605
|
+
}
|
|
53606
|
+
|
|
53607
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53608
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53609
|
+
}
|
|
53610
|
+
|
|
53611
|
+
var hoursToAdd = 0;
|
|
53612
|
+
|
|
53613
|
+
if (timeSpent > 60) {
|
|
53614
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53615
|
+
timeSpent %= 60;
|
|
53616
|
+
}
|
|
53617
|
+
|
|
53618
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53619
|
+
var oldTime = val;
|
|
53620
|
+
|
|
53621
|
+
if (oldTime <= stepDecimal) {
|
|
53622
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53623
|
+
timeSpent = stepValue;
|
|
53624
|
+
}
|
|
53625
|
+
}
|
|
53626
|
+
|
|
53627
|
+
if (oldTime <= 24) {
|
|
53628
|
+
var oldHours = Math.trunc(val);
|
|
53629
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53630
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53631
|
+
if (newTimeSpent > 24) return 24;
|
|
53632
|
+
return newTimeSpent;
|
|
53633
|
+
}
|
|
53634
|
+
};
|
|
53635
|
+
|
|
53636
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53637
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53638
|
+
|
|
53639
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53640
|
+
timeSpent = 0;
|
|
53641
|
+
}
|
|
53642
|
+
|
|
53643
|
+
if (timeSpent >= 24) {
|
|
53644
|
+
return 24.0;
|
|
53645
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53646
|
+
var oldTime = parseFloat(val);
|
|
53647
|
+
|
|
53648
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53649
|
+
return stepDecimal;
|
|
53650
|
+
} else {
|
|
53651
|
+
return oldTime % 1;
|
|
53652
|
+
}
|
|
53653
|
+
} else {
|
|
53654
|
+
var _oldTime = val;
|
|
53655
|
+
|
|
53656
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53657
|
+
|
|
53658
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53659
|
+
oldDecimalValue = "0.0";
|
|
53660
|
+
}
|
|
53661
|
+
|
|
53662
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53663
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53664
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53665
|
+
return parseFloat(newTimeSpent);
|
|
53666
|
+
}
|
|
53667
|
+
};
|
|
53668
|
+
|
|
53669
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53670
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53671
|
+
setSpentHours(Math.trunc(time));
|
|
53672
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53673
|
+
setVal(time);
|
|
53674
|
+
onChange(id, time);
|
|
53675
|
+
};
|
|
53676
|
+
|
|
53677
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53678
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53679
|
+
setSpentHours(Math.trunc(time));
|
|
53680
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53681
|
+
setVal(time);
|
|
53682
|
+
onChange(id, time);
|
|
53683
|
+
};
|
|
53684
|
+
|
|
53685
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53686
|
+
setSpentMinutes(value);
|
|
53687
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53688
|
+
setTimeout(function () {
|
|
53689
|
+
setSpentHours(Math.trunc(time));
|
|
53690
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53691
|
+
setVal(time);
|
|
53692
|
+
}, 100);
|
|
53693
|
+
onChange(id, time);
|
|
53694
|
+
};
|
|
53695
|
+
|
|
53696
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53697
|
+
setSpentHours(value);
|
|
53698
|
+
var time = ConvertHoursToDecimal(value);
|
|
53699
|
+
setTimeout(function () {
|
|
53700
|
+
setSpentHours(Math.trunc(time));
|
|
53701
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53702
|
+
setVal(time);
|
|
53703
|
+
}, 100);
|
|
53704
|
+
onChange(id, time);
|
|
53705
|
+
};
|
|
53706
|
+
|
|
53707
|
+
return /*#__PURE__*/React__default['default'].createElement(Container, {
|
|
53708
|
+
className: className
|
|
53709
|
+
}, /*#__PURE__*/React__default['default'].createElement(FlexCenter, null, /*#__PURE__*/React__default['default'].createElement(ButtonWraper, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
53710
|
+
icon: "minus",
|
|
53711
|
+
onClick: minusButtonClickHandler,
|
|
53712
|
+
disabled: disabled,
|
|
53713
|
+
size: size,
|
|
53714
|
+
color: color,
|
|
53715
|
+
theme: theme
|
|
53716
|
+
})), /*#__PURE__*/React__default['default'].createElement(ButtonWraper, null, /*#__PURE__*/React__default['default'].createElement(Button$1, {
|
|
53717
|
+
id: "addButton",
|
|
53718
|
+
icon: "plus",
|
|
53719
|
+
onClick: plusButtonClickHandler,
|
|
53720
|
+
disabled: disabled,
|
|
53721
|
+
size: size,
|
|
53722
|
+
color: color,
|
|
53723
|
+
theme: theme
|
|
53724
|
+
}))), /*#__PURE__*/React__default['default'].createElement(FormField, {
|
|
53725
|
+
label: "h",
|
|
53726
|
+
required: true
|
|
53727
|
+
}, /*#__PURE__*/React__default['default'].createElement(NumberInput, {
|
|
53728
|
+
id: "timeSpentHours",
|
|
53729
|
+
value: spentHours,
|
|
53730
|
+
onChange: hoursChangeHandler,
|
|
53731
|
+
disabled: disabled,
|
|
53732
|
+
size: size,
|
|
53733
|
+
color: color,
|
|
53734
|
+
theme: theme
|
|
53735
|
+
})), /*#__PURE__*/React__default['default'].createElement(FormField, {
|
|
53736
|
+
label: "min",
|
|
53737
|
+
required: true
|
|
53738
|
+
}, /*#__PURE__*/React__default['default'].createElement(NumberInput, {
|
|
53739
|
+
id: "timeSpentMinutes",
|
|
53740
|
+
value: spentMinutes,
|
|
53741
|
+
onChange: minutesChangeHandler,
|
|
53742
|
+
label: "min",
|
|
53743
|
+
disabled: disabled,
|
|
53744
|
+
size: size,
|
|
53745
|
+
color: color,
|
|
53746
|
+
theme: theme
|
|
53747
|
+
})));
|
|
53748
|
+
};
|
|
53749
|
+
|
|
53750
|
+
TimeInput.defaultProps = {
|
|
53751
|
+
id: "",
|
|
53752
|
+
theme: theme,
|
|
53753
|
+
disabled: false,
|
|
53754
|
+
onChange: function onChange() {},
|
|
53755
|
+
className: "",
|
|
53756
|
+
preventDefault: true,
|
|
53757
|
+
size: "small",
|
|
53758
|
+
color: "primary",
|
|
53759
|
+
value: "",
|
|
53760
|
+
step: ""
|
|
53761
|
+
};
|
|
53762
|
+
TimeInput.propTypes = {
|
|
53763
|
+
theme: PropTypes__default['default'].object.isRequired,
|
|
53764
|
+
id: PropTypes__default['default'].string,
|
|
53765
|
+
disabled: PropTypes__default['default'].bool,
|
|
53766
|
+
onChange: PropTypes__default['default'].func,
|
|
53767
|
+
className: PropTypes__default['default'].string,
|
|
53768
|
+
value: PropTypes__default['default'].string,
|
|
53769
|
+
size: PropTypes__default['default'].oneOf(["small", "medium", "large"]),
|
|
53770
|
+
color: PropTypes__default['default'].oneOf(["primary", "secondary", "gray"]),
|
|
53771
|
+
step: PropTypes__default['default'].string
|
|
53772
|
+
};
|
|
53773
|
+
|
|
53545
53774
|
exports.Alert = Alet;
|
|
53546
53775
|
exports.Button = Button$1;
|
|
53547
53776
|
exports.CheckBox = CheckBox;
|
|
@@ -53569,5 +53798,6 @@ exports.Tabs = Tabs;
|
|
|
53569
53798
|
exports.TagSelector = TagSelector;
|
|
53570
53799
|
exports.TextArea = TextArea;
|
|
53571
53800
|
exports.TextInput = TextInput;
|
|
53801
|
+
exports.TimeInput = TimeInput;
|
|
53572
53802
|
exports.ToggleSwitch = ToggleSwitch;
|
|
53573
53803
|
exports.theme = theme;
|