@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.esm.js
CHANGED
|
@@ -4575,7 +4575,7 @@ if (process.env.NODE_ENV !== 'production') {
|
|
|
4575
4575
|
}
|
|
4576
4576
|
}
|
|
4577
4577
|
|
|
4578
|
-
var _templateObject$
|
|
4578
|
+
var _templateObject$q;
|
|
4579
4579
|
|
|
4580
4580
|
var getCheckboxCss = function getCheckboxCss(props) {
|
|
4581
4581
|
var left, top, width, height, checkWidth, checkHeight, margin, marginLeft, padingLeft, paddingTop;
|
|
@@ -4620,7 +4620,7 @@ var getCheckboxCss = function getCheckboxCss(props) {
|
|
|
4620
4620
|
height = "1.6875rem";
|
|
4621
4621
|
}
|
|
4622
4622
|
|
|
4623
|
-
return css(_templateObject$
|
|
4623
|
+
return css(_templateObject$q || (_templateObject$q = _taggedTemplateLiteral(["\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);
|
|
4624
4624
|
};
|
|
4625
4625
|
|
|
4626
4626
|
var CheckBox = function CheckBox(props) {
|
|
@@ -4675,7 +4675,7 @@ CheckBox.propTypes = {
|
|
|
4675
4675
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
4676
4676
|
};
|
|
4677
4677
|
|
|
4678
|
-
var _templateObject$
|
|
4678
|
+
var _templateObject$p, _templateObject2$k, _templateObject3$e;
|
|
4679
4679
|
|
|
4680
4680
|
var getLabelAndTextProps = function getLabelAndTextProps() {
|
|
4681
4681
|
return {
|
|
@@ -4746,14 +4746,14 @@ var Label = newStyled.label(function (props) {
|
|
|
4746
4746
|
}
|
|
4747
4747
|
};
|
|
4748
4748
|
});
|
|
4749
|
-
var Text$2 = newStyled.label(_templateObject$
|
|
4749
|
+
var Text$2 = newStyled.label(_templateObject$p || (_templateObject$p = _taggedTemplateLiteral(["\n position: relative;\n font-family: ", ";\n font-size: ", ";\n top: ", ";\n"])), function (props) {
|
|
4750
4750
|
return props.theme.typography.fontFamily;
|
|
4751
4751
|
}, function (props) {
|
|
4752
4752
|
return props.theme.typography[props.size].fontSize;
|
|
4753
4753
|
}, function (props) {
|
|
4754
4754
|
return getLabelAndTextProps()[props.size].top;
|
|
4755
4755
|
});
|
|
4756
|
-
var Input$4 = newStyled.input(_templateObject2$
|
|
4756
|
+
var Input$4 = newStyled.input(_templateObject2$k || (_templateObject2$k = _taggedTemplateLiteral(["\n &:checked + span {\n background-color: ", ";\n }\n\n &:focus + span {\n box-shadow: 0 0 0.0625rem\n ", ";\n }\n\n &:checked + span:before {\n transform: translateX(90%);\n }\n\n &:checked:disabled + span {\n }\n\n &:checked:disabled + span:before {\n backround-color: red;\n }\n\n &:disabled + span {\n position: absolute;\n cursor: pointer;\n top: ", ";\n left: ", ";\n right: 0;\n bottom: 0;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n height: ", ";\n width: ", ";\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n\n &:checked:disabled + span:before {\n position: absolute;\n content: \"\";\n height: ", ";\n width: ", ";\n left: 0.0625rem;\n top: -0.125rem;\n background-color: ", ";\n -webkit-transition: 0.4s;\n transition: 0.4s;\n border: 0.0625rem solid ", ";\n border-radius: 0.125rem;\n }\n"])), function (props) {
|
|
4757
4757
|
return props.theme.palette[props.color].main;
|
|
4758
4758
|
}, function (props) {
|
|
4759
4759
|
return props.theme.palette[props.color].main;
|
|
@@ -6513,11 +6513,11 @@ SwitchTransition.defaultProps = {
|
|
|
6513
6513
|
};
|
|
6514
6514
|
var SwitchTransition$1 = SwitchTransition;
|
|
6515
6515
|
|
|
6516
|
-
var _templateObject$
|
|
6517
|
-
var Container$
|
|
6516
|
+
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;
|
|
6517
|
+
var Container$l = newStyled.div(_templateObject$o || (_templateObject$o = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n box-shadow: 0 0 6px #bebebe;\n border-radius: 0.175rem;\n padding: 8px;\n width: ", ";\n\n font-family: ", ";\n"])), function (props) {
|
|
6518
6518
|
return props.width && props.width !== "" ? props.width : "fit-content";
|
|
6519
6519
|
}, theme.typography.fontFamily);
|
|
6520
|
-
var Table$1 = newStyled.div(_templateObject2$
|
|
6520
|
+
var Table$1 = newStyled.div(_templateObject2$j || (_templateObject2$j = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n border: 1.7px solid #80808060;\n background-color: whitesmoke;\n border-radius: 0.175rem;\n"])));
|
|
6521
6521
|
var Body = newStyled.div(_templateObject3$d || (_templateObject3$d = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n &::-webkit-scrollbar {\n background: white;\n height: 0;\n width: 0;\n }\n overflow: auto;\n height: ", ";\n"])), function (props) {
|
|
6522
6522
|
return props.height && props.height !== "" ? props.height : "auto";
|
|
6523
6523
|
});
|
|
@@ -6595,7 +6595,7 @@ var CheckboxLookup = function CheckboxLookup(props) {
|
|
|
6595
6595
|
|
|
6596
6596
|
var _options = pagination ? options.slice((page - 1) * displayedItemsCount, page * displayedItemsCount) : options;
|
|
6597
6597
|
|
|
6598
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
6598
|
+
return /*#__PURE__*/React__default.createElement(Container$l, _extends({}, themeProps, {
|
|
6599
6599
|
className: className
|
|
6600
6600
|
}), /*#__PURE__*/React__default.createElement(Global, {
|
|
6601
6601
|
styles: css(_templateObject13$3 || (_templateObject13$3 = _taggedTemplateLiteral(["\n .item-enter {\n opacity: 0;\n }\n\n .item-enter-active {\n transition: all 0.4s ease-in;\n opacity: 1;\n }\n\n .item-exit {\n }\n\n .item-exit-active {\n opacity: 0;\n transition: opacity 400ms ease-out;\n }\n "])))
|
|
@@ -22391,7 +22391,7 @@ var heightBySize$d = function heightBySize(size, hasText) {
|
|
|
22391
22391
|
if (size === "large") return "2.375rem";
|
|
22392
22392
|
};
|
|
22393
22393
|
|
|
22394
|
-
var Container$
|
|
22394
|
+
var Container$k = newStyled.span(function (props) {
|
|
22395
22395
|
return {
|
|
22396
22396
|
"& .react-datepicker__triangle": {
|
|
22397
22397
|
display: "none"
|
|
@@ -22462,7 +22462,7 @@ var DateInput = function DateInput(props) {
|
|
|
22462
22462
|
};
|
|
22463
22463
|
|
|
22464
22464
|
var handleChange = function handleChange(jsDateObject) {
|
|
22465
|
-
if (jsDateObject === null) callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22465
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") callOnChange(id, "");else callOnChange(id, jsDateObject);
|
|
22466
22466
|
};
|
|
22467
22467
|
|
|
22468
22468
|
var getValue = function getValue() {
|
|
@@ -22470,6 +22470,9 @@ var DateInput = function DateInput(props) {
|
|
|
22470
22470
|
return moment(value, "DD.MM.YYYY.").toDate();
|
|
22471
22471
|
};
|
|
22472
22472
|
|
|
22473
|
+
useEffect(function () {
|
|
22474
|
+
setDateText(value);
|
|
22475
|
+
}, [value]);
|
|
22473
22476
|
useEffect(function () {
|
|
22474
22477
|
var timeOutId = setTimeout(function () {
|
|
22475
22478
|
return handleDelayedOnChange();
|
|
@@ -22485,14 +22488,15 @@ var DateInput = function DateInput(props) {
|
|
|
22485
22488
|
};
|
|
22486
22489
|
|
|
22487
22490
|
var handleOnChange = function handleOnChange(jsDateObject) {
|
|
22488
|
-
setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22491
|
+
if (jsDateObject === null || jsDateObject === "Invalid date") setDateText("");else setDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
22489
22492
|
};
|
|
22490
22493
|
|
|
22491
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22494
|
+
return /*#__PURE__*/React__default.createElement(Container$k, {
|
|
22492
22495
|
theme: theme,
|
|
22493
22496
|
size: size,
|
|
22494
22497
|
color: color
|
|
22495
22498
|
}, /*#__PURE__*/React__default.createElement(DatePicker, {
|
|
22499
|
+
value: dateText,
|
|
22496
22500
|
selected: getValue(),
|
|
22497
22501
|
onChange: handleOnChange,
|
|
22498
22502
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -22653,13 +22657,13 @@ DropDown.propTypes = {
|
|
|
22653
22657
|
|
|
22654
22658
|
var _excluded = ["duration", "delay", "children"];
|
|
22655
22659
|
|
|
22656
|
-
var _templateObject$
|
|
22660
|
+
var _templateObject$n, _templateObject2$i;
|
|
22657
22661
|
|
|
22658
22662
|
function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
22659
22663
|
|
|
22660
22664
|
function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
22661
|
-
var fadeIn = keyframes$2(_templateObject$
|
|
22662
|
-
var Wrapper$2 = newStyled.div(_templateObject2$
|
|
22665
|
+
var fadeIn = keyframes$2(_templateObject$n || (_templateObject$n = _taggedTemplateLiteral(["\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n"])));
|
|
22666
|
+
var Wrapper$2 = newStyled.div(_templateObject2$i || (_templateObject2$i = _taggedTemplateLiteral(["\n @media (prefers-reduced-motion: no-preference) {\n animation-name: ", ";\n animation-fill-mode: backwards;\n }\n"])), fadeIn);
|
|
22663
22667
|
|
|
22664
22668
|
var FadeIn = function FadeIn(_ref) {
|
|
22665
22669
|
var _ref$duration = _ref.duration,
|
|
@@ -22677,7 +22681,7 @@ var FadeIn = function FadeIn(_ref) {
|
|
|
22677
22681
|
}), children);
|
|
22678
22682
|
};
|
|
22679
22683
|
|
|
22680
|
-
var _templateObject$
|
|
22684
|
+
var _templateObject$m, _templateObject2$h, _templateObject3$c, _templateObject4$a, _templateObject5$a, _templateObject6$8, _templateObject7$6, _templateObject8$6, _templateObject9$6, _templateObject10$6, _DropdownLookup$propT;
|
|
22681
22685
|
|
|
22682
22686
|
var paddingBySize$a = function paddingBySize(size) {
|
|
22683
22687
|
if (size === "small") return "0.325rem 0.375rem";
|
|
@@ -22691,8 +22695,8 @@ var heightBySize$b = function heightBySize(size) {
|
|
|
22691
22695
|
if (size === "large") return "2.25rem";
|
|
22692
22696
|
};
|
|
22693
22697
|
|
|
22694
|
-
var spin$2 = keyframes$2(_templateObject$
|
|
22695
|
-
var Container$
|
|
22698
|
+
var spin$2 = keyframes$2(_templateObject$m || (_templateObject$m = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
22699
|
+
var Container$j = newStyled.div(_templateObject2$h || (_templateObject2$h = _taggedTemplateLiteral(["\n display: inline-block;\n position: relative;\n margin: 0;\n padding: 0;\n width: 100%;\n border-bottom: 0.125rem solid\n ", ";\n min-height: ", ";\n max-height: ", ";\n transition: all 250ms ease;\n border-radius: 0.125rem;\n background-color: ", ";\n"])), function (props) {
|
|
22696
22700
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
22697
22701
|
}, function (props) {
|
|
22698
22702
|
return heightBySize$b(props.size);
|
|
@@ -22918,7 +22922,7 @@ var DropdownLookup = function DropdownLookup(props) {
|
|
|
22918
22922
|
}
|
|
22919
22923
|
};
|
|
22920
22924
|
|
|
22921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
22925
|
+
return /*#__PURE__*/React__default.createElement(Container$j, themeProps, /*#__PURE__*/React__default.createElement(Inner$4, themeProps, /*#__PURE__*/React__default.createElement(InputContainer$2, themeProps, /*#__PURE__*/React__default.createElement(Input$3, _extends({}, themeProps, {
|
|
22922
22926
|
ref: InputRef,
|
|
22923
22927
|
autoComplete: "off",
|
|
22924
22928
|
id: id,
|
|
@@ -22978,7 +22982,7 @@ DropdownLookup.propTypes = (_DropdownLookup$propT = {
|
|
|
22978
22982
|
onChange: PropTypes.func
|
|
22979
22983
|
}, _defineProperty(_DropdownLookup$propT, "load", PropTypes.func), _defineProperty(_DropdownLookup$propT, "clear", PropTypes.func), _defineProperty(_DropdownLookup$propT, "className", PropTypes.string), _defineProperty(_DropdownLookup$propT, "initialValue", PropTypes.object), _defineProperty(_DropdownLookup$propT, "notItemsFoundText", PropTypes.string), _defineProperty(_DropdownLookup$propT, "size", PropTypes.oneOf(["small", "medium", "large"])), _defineProperty(_DropdownLookup$propT, "color", PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])), _DropdownLookup$propT);
|
|
22980
22984
|
|
|
22981
|
-
var _templateObject$
|
|
22985
|
+
var _templateObject$l;
|
|
22982
22986
|
|
|
22983
22987
|
var getPadding = function getPadding(size) {
|
|
22984
22988
|
if (size === "small") return "0.4125rem 0.34375rem";
|
|
@@ -22992,7 +22996,7 @@ var heightBySize$a = function heightBySize(size) {
|
|
|
22992
22996
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
22993
22997
|
};
|
|
22994
22998
|
|
|
22995
|
-
var Span$1 = newStyled.span(_templateObject$
|
|
22999
|
+
var Span$1 = newStyled.span(_templateObject$l || (_templateObject$l = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n background-color: inherit;\n font-size: ", ";\n padding: ", ";\n color: ", ";\n ", "\n"])), function (props) {
|
|
22996
23000
|
return props.theme.typography[props.size].fontSize;
|
|
22997
23001
|
}, function (props) {
|
|
22998
23002
|
return getPadding(props.size);
|
|
@@ -23249,7 +23253,7 @@ var Icon = newStyled.i(function (props) {
|
|
|
23249
23253
|
fontSize: props.theme.typography[props.size].fontSize
|
|
23250
23254
|
};
|
|
23251
23255
|
});
|
|
23252
|
-
var Container$
|
|
23256
|
+
var Container$i = newStyled.div(function (props) {
|
|
23253
23257
|
return {
|
|
23254
23258
|
display: "flex",
|
|
23255
23259
|
fontFamily: props.theme.typography.fontFamily,
|
|
@@ -23333,7 +23337,7 @@ var PasswordInput = /*#__PURE__*/React__default.forwardRef(function (props, ref)
|
|
|
23333
23337
|
size: size,
|
|
23334
23338
|
color: color
|
|
23335
23339
|
};
|
|
23336
|
-
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$
|
|
23340
|
+
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Container$i, themeProps, /*#__PURE__*/React__default.createElement(Input$2, _extends({}, themeProps, {
|
|
23337
23341
|
type: locked ? "password" : "text",
|
|
23338
23342
|
autoComplete: autoComplete ? "true" : "false",
|
|
23339
23343
|
value: value,
|
|
@@ -31273,11 +31277,11 @@ var AnimatePresence = function (_a) {
|
|
|
31273
31277
|
: childrenToRender.map(function (child) { return cloneElement(child); })));
|
|
31274
31278
|
};
|
|
31275
31279
|
|
|
31276
|
-
var _templateObject$
|
|
31277
|
-
var Overlay = newStyled(motion.div)(_templateObject$
|
|
31280
|
+
var _templateObject$k, _templateObject2$g;
|
|
31281
|
+
var Overlay = newStyled(motion.div)(_templateObject$k || (_templateObject$k = _taggedTemplateLiteral(["\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.3);\n z-index: ", ";\n"])), function (props) {
|
|
31278
31282
|
return props.zIndex;
|
|
31279
31283
|
});
|
|
31280
|
-
var ModalContainer = newStyled(motion.div)(_templateObject2$
|
|
31284
|
+
var ModalContainer = newStyled(motion.div)(_templateObject2$g || (_templateObject2$g = _taggedTemplateLiteral(["\n width: 50%;\n background-color: white;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n border-radius: 0.2rem;\n background: white;\n z-index: ", ";\n"])), function (props) {
|
|
31281
31285
|
return props.width;
|
|
31282
31286
|
}, function (props) {
|
|
31283
31287
|
return props.zIndex;
|
|
@@ -31408,7 +31412,7 @@ Modal$1.propTypes = {
|
|
|
31408
31412
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
31409
31413
|
};
|
|
31410
31414
|
|
|
31411
|
-
var Container$
|
|
31415
|
+
var Container$h = newStyled.div(function (props) {
|
|
31412
31416
|
return {
|
|
31413
31417
|
position: "fixed",
|
|
31414
31418
|
alignItems: "center",
|
|
@@ -31511,7 +31515,7 @@ var ConfirmationForm = function ConfirmationForm(props) {
|
|
|
31511
31515
|
if (clickOutsideToClose || !showHeader) onClose();
|
|
31512
31516
|
};
|
|
31513
31517
|
|
|
31514
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31518
|
+
return /*#__PURE__*/React__default.createElement(Container$h, _extends({}, themeProps, {
|
|
31515
31519
|
className: className,
|
|
31516
31520
|
onClick: onClickOutsideModal
|
|
31517
31521
|
}), /*#__PURE__*/React__default.createElement(Modal, themeProps, showHeader ? /*#__PURE__*/React__default.createElement(Header, themeProps, /*#__PURE__*/React__default.createElement(Title, themeProps, header), /*#__PURE__*/React__default.createElement(CloseButton, themeProps, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
@@ -31582,12 +31586,12 @@ var css_248z$6 = ".styles-module_dropbtn__3BuA0 {\n font-size: var(--base-addit
|
|
|
31582
31586
|
var styles$1 = {"dropbtn":"styles-module_dropbtn__3BuA0","disabled":"styles-module_disabled__3pCU6","dropdownContent":"styles-module_dropdownContent__2g5rN","dropdown":"styles-module_dropdown__zPTAO","linkInnerSpan":"styles-module_linkInnerSpan__2Gjny","linkIconSpan":"styles-module_linkIconSpan__1IQ0O","iconSpan":"styles-module_iconSpan__2IYf9","mymove":"styles-module_mymove__2DflL"};
|
|
31583
31587
|
styleInject(css_248z$6);
|
|
31584
31588
|
|
|
31585
|
-
var _templateObject$
|
|
31589
|
+
var _templateObject$j, _templateObject2$f, _templateObject3$b;
|
|
31586
31590
|
|
|
31587
|
-
var Dropdown = newStyled.div(_templateObject$
|
|
31591
|
+
var Dropdown = newStyled.div(_templateObject$j || (_templateObject$j = _taggedTemplateLiteral(["\n display: ", ";\n position: absolute;\n background-color: white;\n min-width: 160px;\n border-radius: 3.5px;\n box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);\n z-index: 1;\n"])), function (props) {
|
|
31588
31592
|
return props.show ? "block" : "none";
|
|
31589
31593
|
});
|
|
31590
|
-
var ItemWrapper$2 = newStyled.div(_templateObject2$
|
|
31594
|
+
var ItemWrapper$2 = newStyled.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteral(["\n padding: 2px;\n"])));
|
|
31591
31595
|
var Item$4 = newStyled.a(_templateObject3$b || (_templateObject3$b = _taggedTemplateLiteral(["\n background-color: white;\n color: ", ";\n padding: 6px 6px;\n text-decoration: none;\n display: block;\n font-size: 12px;\n padding: 2px;\n\n &:hover {\n background-color: whitesmoke;\n color: ", ";\n }\n"])), theme.palette.primary.main, theme.palette.primary.light); //============================================================
|
|
31592
31596
|
|
|
31593
31597
|
var DropdownMenu = function DropdownMenu(props) {
|
|
@@ -31664,13 +31668,13 @@ var freeze = function freeze(dependcies) {
|
|
|
31664
31668
|
return freeze;
|
|
31665
31669
|
};
|
|
31666
31670
|
|
|
31667
|
-
var _templateObject$
|
|
31668
|
-
var Container$
|
|
31671
|
+
var _templateObject$i, _templateObject2$e;
|
|
31672
|
+
var Container$g = newStyled.div(_templateObject$i || (_templateObject$i = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n font-size: ", ";\n font-family: ", ";\n padding: 0px 8px;\n"])), function (props) {
|
|
31669
31673
|
return props.theme.typography.small.fontSize;
|
|
31670
31674
|
}, function (props) {
|
|
31671
31675
|
return props.theme.typography.fontFamily;
|
|
31672
31676
|
});
|
|
31673
|
-
var Item$3 = newStyled.div(_templateObject2$
|
|
31677
|
+
var Item$3 = newStyled.div(_templateObject2$e || (_templateObject2$e = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
31674
31678
|
return props.first ? "0" : "6px";
|
|
31675
31679
|
});
|
|
31676
31680
|
|
|
@@ -31747,7 +31751,7 @@ var FormViewMovement = function FormViewMovement(props) {
|
|
|
31747
31751
|
})));
|
|
31748
31752
|
};
|
|
31749
31753
|
|
|
31750
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
31754
|
+
return /*#__PURE__*/React__default.createElement(Container$g, themeProps, renderFirst(), renderPrevious(), renderNext(), renderLast());
|
|
31751
31755
|
};
|
|
31752
31756
|
|
|
31753
31757
|
FormViewMovement.defaultProps = {
|
|
@@ -48987,13 +48991,13 @@ var TableSelectionType = {
|
|
|
48987
48991
|
MULTIPLE: "multiple"
|
|
48988
48992
|
};
|
|
48989
48993
|
|
|
48990
|
-
var _templateObject$
|
|
48991
|
-
var Container$
|
|
48994
|
+
var _templateObject$h, _templateObject2$d, _templateObject3$a, _templateObject4$9, _templateObject5$9, _templateObject6$7;
|
|
48995
|
+
var Container$f = newStyled.div(_templateObject$h || (_templateObject$h = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n justify-content: left;\n align-items: center;\n\n border-radius: 3px;\n padding: 4px;\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
48992
48996
|
return props.theme.typography.small.fontSize;
|
|
48993
48997
|
}, function (props) {
|
|
48994
48998
|
return props.theme.typography.fontFamily;
|
|
48995
48999
|
});
|
|
48996
|
-
var Item$2 = newStyled.div(_templateObject2$
|
|
49000
|
+
var Item$2 = newStyled.div(_templateObject2$d || (_templateObject2$d = _taggedTemplateLiteral(["\n padding-left: ", ";\n display: flex;\n align-items: center;\n"])), function (props) {
|
|
48997
49001
|
return props.first ? "0" : "6px";
|
|
48998
49002
|
});
|
|
48999
49003
|
var ExportItem = newStyled.div(_templateObject3$a || (_templateObject3$a = _taggedTemplateLiteral(["\n padding-left: 6px;\n display: flex;\n align-items: center;\n margin-left: auto;\n"])));
|
|
@@ -49167,7 +49171,7 @@ var Pagination = function Pagination(props) {
|
|
|
49167
49171
|
})));
|
|
49168
49172
|
};
|
|
49169
49173
|
|
|
49170
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49174
|
+
return /*#__PURE__*/React__default.createElement(Container$f, themeProps, renderFirst(), renderPrevious(), renderCurrentPage(), renderNext(), renderLast(), renderPageSize(), renderRowInformation(), renderExportButtons());
|
|
49171
49175
|
};
|
|
49172
49176
|
|
|
49173
49177
|
Pagination.defaultProps = {
|
|
@@ -49232,15 +49236,17 @@ Pagination.propTypes = {
|
|
|
49232
49236
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
49233
49237
|
};
|
|
49234
49238
|
|
|
49235
|
-
var _templateObject$
|
|
49236
|
-
var Container$
|
|
49237
|
-
var Wrapper$1 = newStyled.div(_templateObject2$
|
|
49239
|
+
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;
|
|
49240
|
+
var Container$e = newStyled.div(_templateObject$g || (_templateObject$g = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
49241
|
+
var Wrapper$1 = newStyled.div(_templateObject2$c || (_templateObject2$c = _taggedTemplateLiteral(["\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n"])));
|
|
49238
49242
|
var TableTable$1 = newStyled.table(_templateObject3$9 || (_templateObject3$9 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
49239
49243
|
var TableHead$1 = newStyled.thead(_templateObject4$8 || (_templateObject4$8 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
49240
49244
|
var TableHeadRow$1 = newStyled.tr(_templateObject5$8 || (_templateObject5$8 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
49241
|
-
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor:
|
|
49245
|
+
var TableHeadCell$1 = newStyled.th(_templateObject6$6 || (_templateObject6$6 = _taggedTemplateLiteral(["\n text-align: left;\n transition: all 250ms ease;\n font-weight: 900;\n font-size: 13px;\n\n ", "\n\n &:first-of-type {\n border-radius: 3px 0 0 0;\n }\n\n &:last-of-type {\n border-radius: 0 3px 0 0;\n }\n\n &:hover {\n // background-color: ", ";\n background-color: whitesmoke;\n cursor: ", ";\n }\n"])), function (props) {
|
|
49242
49246
|
return props.selectionCell === true ? "width: 27px; padding: 1px 1px 1px 6px;" : "padding: 5px 5px 5px 6px;";
|
|
49243
|
-
}, theme.palette.primary.light)
|
|
49247
|
+
}, theme.palette.primary.light, function (props) {
|
|
49248
|
+
return props.hideOrdering ? "inherit" : "pointer";
|
|
49249
|
+
});
|
|
49244
49250
|
var HeaderInnerCell$1 = newStyled.div(_templateObject7$5 || (_templateObject7$5 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: row;\n align-items: center;\n // justify-content: center;\n\n & i {\n color: black;\n }\n"])));
|
|
49245
49251
|
var HeaderCellText$1 = newStyled.span(_templateObject8$5 || (_templateObject8$5 = _taggedTemplateLiteral(["\n color: black;\n"])));
|
|
49246
49252
|
var HeaderCellIcon$1 = newStyled.span(_templateObject9$5 || (_templateObject9$5 = _taggedTemplateLiteral(["\n color: black;\n margin-left: auto;\n\n & i {\n color: ", ";\n }\n"])), function (props) {
|
|
@@ -49407,6 +49413,7 @@ var TableView = function TableView(props) {
|
|
|
49407
49413
|
}; //-------------------------------------------------------------------
|
|
49408
49414
|
|
|
49409
49415
|
return /*#__PURE__*/React__default.createElement(TableHeadCell$1, {
|
|
49416
|
+
hideOrdering: hideOrdering,
|
|
49410
49417
|
key: i,
|
|
49411
49418
|
onClick: IsLoading || hideOrdering ? function () {} : headerClick
|
|
49412
49419
|
}, /*#__PURE__*/React__default.createElement(HeaderInnerCell$1, null, /*#__PURE__*/React__default.createElement(HeaderCellText$1, null, def.displayName), !hideOrdering && /*#__PURE__*/React__default.createElement(HeaderCellIcon$1, {
|
|
@@ -49437,7 +49444,7 @@ var TableView = function TableView(props) {
|
|
|
49437
49444
|
}));
|
|
49438
49445
|
};
|
|
49439
49446
|
|
|
49440
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49447
|
+
return /*#__PURE__*/React__default.createElement(Container$e, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49441
49448
|
cellSpacing: 0
|
|
49442
49449
|
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49443
49450
|
return x.hide !== true;
|
|
@@ -49446,7 +49453,7 @@ var TableView = function TableView(props) {
|
|
|
49446
49453
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
|
|
49447
49454
|
};
|
|
49448
49455
|
|
|
49449
|
-
var _templateObject$
|
|
49456
|
+
var _templateObject$f, _templateObject2$b;
|
|
49450
49457
|
|
|
49451
49458
|
var heightBySize$5 = function heightBySize(size) {
|
|
49452
49459
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49454,8 +49461,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49454
49461
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49455
49462
|
};
|
|
49456
49463
|
|
|
49457
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49458
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49464
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49465
|
+
var StyledSpinner = newStyled.div(_templateObject2$b || (_templateObject2$b = _taggedTemplateLiteral(["\n display: inline-block;\n ", "\n border: 0.3125rem solid ", ";\n border-radius: 50%;\n border-top-color: ", ";\n animation: ", " 0.8s ease-in-out infinite;\n"])), function (props) {
|
|
49459
49466
|
return heightBySize$5(props.size);
|
|
49460
49467
|
}, function (props) {
|
|
49461
49468
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49494,7 +49501,7 @@ Spinner.propTypes = {
|
|
|
49494
49501
|
var css_248z$4 = ".fade1-enter {\n opacity: 0;\n}\n.fade1-exit {\n opacity: 1;\n}\n.fade1-enter-active {\n opacity: 1;\n}\n.fade1-exit-active {\n opacity: 0;\n}\n.fade1-enter-active,\n.fade1-exit-active {\n transition: opacity 330ms;\n}\n\n.fade2-enter {\n opacity: 0;\n}\n.fade2-exit {\n opacity: 1;\n}\n.fade2-enter-active {\n opacity: 1;\n}\n.fade2-exit-active {\n opacity: 0;\n}\n.fade2-enter-active,\n.fade2-exit-active {\n transition: opacity 330ms;\n}\n";
|
|
49495
49502
|
styleInject(css_248z$4);
|
|
49496
49503
|
|
|
49497
|
-
var _templateObject$
|
|
49504
|
+
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;
|
|
49498
49505
|
|
|
49499
49506
|
function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
49500
49507
|
|
|
@@ -49524,10 +49531,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49524
49531
|
return css;
|
|
49525
49532
|
};
|
|
49526
49533
|
|
|
49527
|
-
var Container$
|
|
49534
|
+
var Container$d = newStyled.div(_templateObject$e || (_templateObject$e = _taggedTemplateLiteral(["\n box-shadow: ", ";\n border-radius: 3px;\n padding: 0 4px;\n"])), function (props) {
|
|
49528
49535
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49529
49536
|
});
|
|
49530
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49537
|
+
var TableContainer$1 = newStyled.div(_templateObject2$a || (_templateObject2$a = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
49531
49538
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49532
49539
|
var FormContainer$2 = newStyled.div(_templateObject4$7 || (_templateObject4$7 = _taggedTemplateLiteral(["\n height: 100%;\n // overflow-y: auto;\n // max-height: calc(100vh - 120px);\n border-radius: 3px;\n\n ", "\n"])), function (props) {
|
|
49533
49540
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -49918,7 +49925,7 @@ var DataView = function DataView(props) {
|
|
|
49918
49925
|
|
|
49919
49926
|
var renderComponent = function renderComponent() {
|
|
49920
49927
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49928
|
+
return /*#__PURE__*/React__default.createElement(Container$d, _extends({}, themeProps, {
|
|
49922
49929
|
shadow: Shadow
|
|
49923
49930
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
49924
49931
|
mode: "out-in"
|
|
@@ -49953,8 +49960,8 @@ DataView.propTypes = {
|
|
|
49953
49960
|
color: PropTypes.string
|
|
49954
49961
|
};
|
|
49955
49962
|
|
|
49956
|
-
var _templateObject$
|
|
49957
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
49963
|
+
var _templateObject$d;
|
|
49964
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49958
49965
|
|
|
49959
49966
|
var FormMovement = function FormMovement(props) {
|
|
49960
49967
|
//====== PROPS ======
|
|
@@ -50064,9 +50071,9 @@ FormMovement.propTypes = {
|
|
|
50064
50071
|
var css_248z$3 = "@charset \"UTF-8\";\n@import \"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;700&display=swap\";\n\n:root {\n /* BASE COLORS */\n --color-base-blue: #00537a;\n --color-base-blue-darker: #003b57;\n --color-base-blue-lighter: #006999;\n --color-base-gray: #a2a5ab;\n --color-base-gray-darker: #777a80;\n --color-base-gray-lighter: #dee1e6;\n --color-base-gray-lightest: #f0f2f7;\n --color-base-green: #2a963c;\n --color-base-green-darker: #21732f;\n --color-base-green-ligher: #3eb051;\n --color-base-red: #e0223e;\n --color-base-red-darker: #e3566b;\n --color-base-red-ligher: #9c1f32;\n --color-base-dirty-white: #fcfcfc;\n --color-base-white: white;\n --color-base-backgroud: #dceff5;\n\n /* BASE FONTS */\n --font-base-ubuntu: \"Ubuntu\", sans-serif;\n --font-size-base: 14px;\n\n /* DISABLED */\n --disabled-bg-color: #dedede;\n --disabled-text-color: #666666;\n\n /* TRANSITIONS */\n --transition-base-duration: 220ms;\n}\n\n.styles-module_baseContainer__38IbG {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ {\n width: min-content;\n display: flex;\n flex-direction: row;\n justify-content: center;\n padding: 1px;\n background-color: inherit;\n background: inherit;\n color: inherit;\n width: max-content;\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_baseContainerWithSideLabel__2emzZ .styles-module_baseLabel__2rgVW {\n width: auto;\n}\n\n.styles-module_baseLabel__2rgVW {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-gray-darker);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-end;\n height: 1em;\n min-height: 1em;\n}\n\n.styles-module_baseInputHolder__3VF0D {\n border: 0px;\n height: 2em;\n min-height: 2em;\n width: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div {\n min-height: 100%;\n}\n\n.styles-module_baseInputHolder__3VF0D > div > div {\n min-height: 100%;\n}\n\n.styles-module_baseErrorText__M44G8 {\n font-size: 0.8em;\n font-weight: 400;\n color: var(--color-base-red);\n width: 100%;\n display: flex;\n justify-content: left;\n align-items: flex-start;\n height: 1em;\n min-height: 1em;\n}\n\n/*----------------- ICONS AND FONTS ------------------------*/\n\n.styles-module_lnc__16g9S {\n font-family: \"lnclines\";\n font-size: 12px;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n.styles-module_ubuntuFont__ybxMw {\n font-family: var(--font-base-ubuntu);\n}\n\n.styles-module_lnc_anchor__1mOUZ:before {\n content: \"\\61\";\n}\n.styles-module_lnc_armchair__1ya1K:before {\n content: \"\\62\";\n}\n.styles-module_lnc_arrow_contract__g0Nfy:before {\n content: \"\\63\";\n}\n.styles-module_lnc_arrow_down__3vJHh:before {\n content: \"\\64\";\n}\n.styles-module_lnc_arrow_down_up__35ACC:before {\n content: \"\\65\";\n}\n.styles-module_lnc_arrow_expand__wPIqf:before {\n content: \"\\66\";\n}\n.styles-module_lnc_arrow_left___DGbf:before {\n content: \"\\67\";\n}\n.styles-module_lnc_arrow_left_right__1PiwM:before {\n content: \"\\68\";\n}\n.styles-module_lnc_arrow_right__1buc1:before {\n content: \"\\69\";\n}\n.styles-module_lnc_arrow_right_left__A_6hC:before {\n content: \"\\6a\";\n}\n.styles-module_lnc_arrow_up__27fzF:before {\n content: \"\\6b\";\n}\n.styles-module_lnc_arrow_up_down__3XdKK:before {\n content: \"\\6c\";\n}\n.styles-module_lnc_arrow_x__2PHh1:before {\n content: \"\\6d\";\n}\n.styles-module_lnc_arrow_y__2IWUO:before {\n content: \"\\6e\";\n}\n.styles-module_lnc_at__2SfkV:before {\n content: \"\\6f\";\n}\n.styles-module_lnc_badge__1ar9m:before {\n content: \"\\70\";\n}\n.styles-module_lnc_battery_empty__2UtUR:before {\n content: \"\\71\";\n}\n.styles-module_lnc_battery_full__3iSFV:before {\n content: \"\\72\";\n}\n.styles-module_lnc_battery_halfempty__HJsq8:before {\n content: \"\\73\";\n}\n.styles-module_lnc_battery_halffull__34JQt:before {\n content: \"\\74\";\n}\n.styles-module_lnc_bed__2Bv8u:before {\n content: \"\\75\";\n}\n.styles-module_lnc_bell__3-99o:before {\n content: \"\\76\";\n}\n.styles-module_lnc_bill__2WK08:before {\n content: \"\\77\";\n}\n.styles-module_lnc_book__2uUqR:before {\n content: \"\\78\";\n}\n.styles-module_lnc_bookmark__3xtMI:before {\n content: \"\\79\";\n}\n.styles-module_lnc_box__1GQ6r:before {\n content: \"\\7a\";\n}\n.styles-module_lnc_box2__1mgu3:before {\n content: \"\\41\";\n}\n.styles-module_lnc_briefcase__1WEOE:before {\n content: \"\\42\";\n}\n.styles-module_lnc_brightness__2b3sQ:before {\n content: \"\\43\";\n}\n.styles-module_lnc_broom__lxEs9:before {\n content: \"\\44\";\n}\n.styles-module_lnc_browser__11uX3:before {\n content: \"\\45\";\n}\n.styles-module_lnc_browser_software__3WUtv:before {\n content: \"\\46\";\n}\n.styles-module_lnc_brush__6mPfK:before {\n content: \"\\47\";\n}\n.styles-module_lnc_bubble__19XCr:before {\n content: \"\\48\";\n}\n.styles-module_lnc_bubble_check__3EDz2:before {\n content: \"\\49\";\n}\n.styles-module_lnc_bubble_dots__3UiH_:before {\n content: \"\\4a\";\n}\n.styles-module_lnc_bubbles__3IArb:before {\n content: \"\\4b\";\n}\n.styles-module_lnc_building__2xoeI:before {\n content: \"\\4c\";\n}\n.styles-module_lnc_bulb__o7i2f:before {\n content: \"\\4d\";\n}\n.styles-module_lnc_calculations__1xUSk:before {\n content: \"\\4e\";\n}\n.styles-module_lnc_calendar__3FtsF:before {\n content: \"\\4f\";\n}\n.styles-module_lnc_cctv__3RxxA:before {\n content: \"\\50\";\n}\n.styles-module_lnc_chart__1vxPE:before {\n content: \"\\51\";\n}\n.styles-module_lnc_chart_down__3lKSV:before {\n content: \"\\52\";\n}\n.styles-module_lnc_chart_pie__-pJZV:before {\n content: \"\\53\";\n}\n.styles-module_lnc_chart_up__1ZO5x:before {\n content: \"\\54\";\n}\n.styles-module_lnc_check__1RPUp:before {\n content: \"\\55\";\n}\n.styles-module_lnc_checkbox__2Dzv0:before {\n content: \"\\56\";\n}\n.styles-module_lnc_clock__1_sBx:before {\n content: \"\\57\";\n}\n.styles-module_lnc_clone__3EVg8:before {\n content: \"\\58\";\n}\n.styles-module_lnc_cloud__3G0gK:before {\n content: \"\\59\";\n}\n.styles-module_lnc_cloud_download__3wjl3:before {\n content: \"\\5a\";\n}\n.styles-module_lnc_cloud_no__2_RSN:before {\n content: \"\\30\";\n}\n.styles-module_lnc_cloud_upload__UtjX8:before {\n content: \"\\31\";\n}\n.styles-module_lnc_code__83D7f:before {\n content: \"\\32\";\n}\n.styles-module_lnc_coffe__3lvps:before {\n content: \"\\33\";\n}\n.styles-module_lnc_cog__1cfYg:before {\n content: \"\\34\";\n}\n.styles-module_lnc_comparation__15_VM:before {\n content: \"\\35\";\n}\n.styles-module_lnc_contract__3vyx2:before {\n content: \"\\36\";\n}\n.styles-module_lnc_cpu__1ASGP:before {\n content: \"\\37\";\n}\n.styles-module_lnc_creditcard__2wdg_:before {\n content: \"\\38\";\n}\n.styles-module_lnc_cursor__1keXd:before {\n content: \"\\39\";\n}\n.styles-module_lnc_cut__3n_2y:before {\n content: \"\\21\";\n}\n.styles-module_lnc_dashboard__3nW31:before {\n content: \"\\22\";\n}\n.styles-module_lnc_database__2n8Gb:before {\n content: \"\\23\";\n}\n.styles-module_lnc_down__2C-R7:before {\n content: \"\\24\";\n}\n.styles-module_lnc_download__3W4eN:before {\n content: \"\\25\";\n}\n.styles-module_lnc_download2__FQJRc:before {\n content: \"\\26\";\n}\n.styles-module_lnc_drop__prcFy:before {\n content: \"\\27\";\n}\n.styles-module_lnc_earth__2kk6C:before {\n content: \"\\28\";\n}\n.styles-module_lnc_equal__1idc4:before {\n content: \"\\29\";\n}\n.styles-module_lnc_eraser__140Tm:before {\n content: \"\\2a\";\n}\n.styles-module_lnc_exchange__1F8Xe:before {\n content: \"\\2b\";\n}\n.styles-module_lnc_exchange2__TK1ey:before {\n content: \"\\2c\";\n}\n.styles-module_lnc_expand__SuCNT:before {\n content: \"\\2d\";\n}\n.styles-module_lnc_eyedropper__ztoSi:before {\n content: \"\\2e\";\n}\n.styles-module_lnc_file__1qiUG:before {\n content: \"\\2f\";\n}\n.styles-module_lnc_file_broken__1fRaz:before {\n content: \"\\3a\";\n}\n.styles-module_lnc_file_check__1Afkt:before {\n content: \"\\3b\";\n}\n.styles-module_lnc_file_download__B7cX-:before {\n content: \"\\3c\";\n}\n.styles-module_lnc_file_image__2li0v:before {\n content: \"\\3d\";\n}\n.styles-module_lnc_file_minus__2GUoy:before {\n content: \"\\3e\";\n}\n.styles-module_lnc_file_plus__1tiZy:before {\n content: \"\\3f\";\n}\n.styles-module_lnc_file_text__NwM9m:before {\n content: \"\\40\";\n}\n.styles-module_lnc_file_upload__1IwPA:before {\n content: \"\\5b\";\n}\n.styles-module_lnc_file_warning__2e102:before {\n content: \"\\5d\";\n}\n.styles-module_lnc_file_x__BSBn1:before {\n content: \"\\5e\";\n}\n.styles-module_lnc_filter__1gYeq:before {\n content: \"\\5f\";\n}\n.styles-module_lnc_fingerprint__L3_2j:before {\n content: \"\\60\";\n}\n.styles-module_lnc_flag__3FTpw:before {\n content: \"\\7b\";\n}\n.styles-module_lnc_flashdrive__11xkO:before {\n content: \"\\7c\";\n}\n.styles-module_lnc_folder__1mArN:before {\n content: \"\\7d\";\n}\n.styles-module_lnc_fragile__a_RLx:before {\n content: \"\\7e\";\n}\n.styles-module_lnc_glass__wBAnb:before {\n content: \"\\5c\";\n}\n.styles-module_lnc_grid__1B2cs:before {\n content: \"\\e000\";\n}\n.styles-module_lnc_grid_masonery__6vAwP:before {\n content: \"\\e001\";\n}\n.styles-module_lnc_harddrive__3HecB:before {\n content: \"\\e002\";\n}\n.styles-module_lnc_headphones__1IRid:before {\n content: \"\\e003\";\n}\n.styles-module_lnc_heart__30_Dc:before {\n content: \"\\e004\";\n}\n.styles-module_lnc_home__1LWG5:before {\n content: \"\\e005\";\n}\n.styles-module_lnc_image__3XWmh:before {\n content: \"\\e006\";\n}\n.styles-module_lnc_in__IuJWj:before {\n content: \"\\e007\";\n}\n.styles-module_lnc_inbox__E74SS:before {\n content: \"\\e008\";\n}\n.styles-module_lnc_infinity__1RvvQ:before {\n content: \"\\e009\";\n}\n.styles-module_lnc_info__z95Ob:before {\n content: \"\\e00a\";\n}\n.styles-module_lnc_injection__2IsuK:before {\n content: \"\\e00b\";\n}\n.styles-module_lnc_internet__cxoEO:before {\n content: \"\\e00c\";\n}\n.styles-module_lnc_internet2__3LMdv:before {\n content: \"\\e00d\";\n}\n.styles-module_lnc_intersect__39vbH:before {\n content: \"\\e00e\";\n}\n.styles-module_lnc_key__2y70L:before {\n content: \"\\e00f\";\n}\n.styles-module_lnc_laptop__34gQU:before {\n content: \"\\e010\";\n}\n.styles-module_lnc_layers__36j1J:before {\n content: \"\\e011\";\n}\n.styles-module_lnc_layout__3Nu0-:before {\n content: \"\\e012\";\n}\n.styles-module_lnc_leaf__TnTjW:before {\n content: \"\\e013\";\n}\n.styles-module_lnc_left__10F5v:before {\n content: \"\\e014\";\n}\n.styles-module_lnc_lifering__2xRtL:before {\n content: \"\\e015\";\n}\n.styles-module_lnc_link__1L7Lq:before {\n content: \"\\e016\";\n}\n.styles-module_lnc_list__3cGnx:before {\n content: \"\\e017\";\n}\n.styles-module_lnc_list2__1g9i8:before {\n content: \"\\e018\";\n}\n.styles-module_lnc_location__2K1vc:before {\n content: \"\\e019\";\n}\n.styles-module_lnc_lock_off__1pwfe:before {\n content: \"\\e01a\";\n}\n.styles-module_lnc_lock_on__R7CsM:before {\n content: \"\\e01b\";\n}\n.styles-module_lnc_magnet__1xUko:before {\n content: \"\\e01c\";\n}\n.styles-module_lnc_mail__1-4Wq:before {\n content: \"\\e01d\";\n}\n.styles-module_lnc_map__2G6fo:before {\n content: \"\\e01e\";\n}\n.styles-module_lnc_megaphone__1U1Tj:before {\n content: \"\\e01f\";\n}\n.styles-module_lnc_microphone__1NMns:before {\n content: \"\\e020\";\n}\n.styles-module_lnc_microphone_no__2RWUY:before {\n content: \"\\e021\";\n}\n.styles-module_lnc_microscope__2AQCZ:before {\n content: \"\\e022\";\n}\n.styles-module_lnc_minus__28NzW:before {\n content: \"\\e023\";\n}\n.styles-module_lnc_mobile__3U8Lo:before {\n content: \"\\e024\";\n}\n.styles-module_lnc_monitor__1FYh4:before {\n content: \"\\e025\";\n}\n.styles-module_lnc_move__2cnG4:before {\n content: \"\\e026\";\n}\n.styles-module_lnc_move2__2-1c-:before {\n content: \"\\e027\";\n}\n.styles-module_lnc_network__1MijV:before {\n content: \"\\e028\";\n}\n.styles-module_lnc_onoff__1ZOVJ:before {\n content: \"\\e029\";\n}\n.styles-module_lnc_out___Zvj0:before {\n content: \"\\e02a\";\n}\n.styles-module_lnc_pause__2GVgP:before {\n content: \"\\e02b\";\n}\n.styles-module_lnc_pencil__2agKN:before {\n content: \"\\e02c\";\n}\n.styles-module_lnc_pencil_ruler__24nqS:before {\n content: \"\\e02d\";\n}\n.styles-module_lnc_peper_plane__1qFRM:before {\n content: \"\\e02e\";\n}\n.styles-module_lnc_peperclip__13DaN:before {\n content: \"\\e02f\";\n}\n.styles-module_lnc_phone__19YBI:before {\n content: \"\\e030\";\n}\n.styles-module_lnc_phone_ringing__a3Kv8:before {\n content: \"\\e031\";\n}\n.styles-module_lnc_photo__18Q1V:before {\n content: \"\\e032\";\n}\n.styles-module_lnc_photo_no__3oatk:before {\n content: \"\\e033\";\n}\n.styles-module_lnc_pin__3lM5Z:before {\n content: \"\\e034\";\n}\n.styles-module_lnc_plaster__2vI3i:before {\n content: \"\\e035\";\n}\n.styles-module_lnc_play__1OC8v:before {\n content: \"\\e036\";\n}\n.styles-module_lnc_plus__1c00f:before {\n content: \"\\e037\";\n}\n.styles-module_lnc_power_cable__Kxpjn:before {\n content: \"\\e038\";\n}\n.styles-module_lnc_presentation__34sFZ:before {\n content: \"\\e039\";\n}\n.styles-module_lnc_printer__CTvDs:before {\n content: \"\\e03a\";\n}\n.styles-module_lnc_question__Fx68o:before {\n content: \"\\e03b\";\n}\n.styles-module_lnc_redo__128IY:before {\n content: \"\\e03c\";\n}\n.styles-module_lnc_refresh__MrGzd:before {\n content: \"\\e03d\";\n}\n.styles-module_lnc_reload__9QGWt:before {\n content: \"\\e03e\";\n}\n.styles-module_lnc_repeat__2zF-q:before {\n content: \"\\e03f\";\n}\n.styles-module_lnc_replace__2NrlU:before {\n content: \"\\e040\";\n}\n.styles-module_lnc_right__1Tjn9:before {\n content: \"\\e041\";\n}\n.styles-module_lnc_rocket__2IgNF:before {\n content: \"\\e042\";\n}\n.styles-module_lnc_router__3Lmyt:before {\n content: \"\\e043\";\n}\n.styles-module_lnc_ruler__1zJy4:before {\n content: \"\\e044\";\n}\n.styles-module_lnc_safety__ODng_:before {\n content: \"\\e045\";\n}\n.styles-module_lnc_search__3fsCd:before {\n content: \"\\e047\";\n}\n.styles-module_lnc_settings__aYSqN:before {\n content: \"\\e048\";\n}\n.styles-module_lnc_settings2__1QxU2:before {\n content: \"\\e049\";\n}\n.styles-module_lnc_share__u6ngi:before {\n content: \"\\e04a\";\n}\n.styles-module_lnc_shield_check__2EWRM:before {\n content: \"\\e04b\";\n}\n.styles-module_lnc_shop_basket__26vEs:before {\n content: \"\\e04c\";\n}\n.styles-module_lnc_shop_cart__3N0Nv:before {\n content: \"\\e04d\";\n}\n.styles-module_lnc_shop_cart2__1TlL0:before {\n content: \"\\e04e\";\n}\n.styles-module_lnc_shuffle__vZLlv:before {\n content: \"\\e04f\";\n}\n.styles-module_lnc_slash__2YK_q:before {\n content: \"\\e050\";\n}\n.styles-module_lnc_spanner__129hA:before {\n content: \"\\e051\";\n}\n.styles-module_lnc_speaker__19oJH:before {\n content: \"\\e052\";\n}\n.styles-module_lnc_speaker_minus__BLI9-:before {\n content: \"\\e053\";\n}\n.styles-module_lnc_speaker_plus__1QtrR:before {\n content: \"\\e054\";\n}\n.styles-module_lnc_speaker_x__1VIfZ:before {\n content: \"\\e055\";\n}\n.styles-module_lnc_star__3kpNQ:before {\n content: \"\\e056\";\n}\n.styles-module_lnc_stop__tNiYb:before {\n content: \"\\e057\";\n}\n.styles-module_lnc_tag__2Fv-2:before {\n content: \"\\e059\";\n}\n.styles-module_lnc_target__VrxN8:before {\n content: \"\\e05a\";\n}\n.styles-module_lnc_trash__3cF6w:before {\n content: \"\\e05b\";\n}\n.styles-module_lnc_trolley__3OvXo:before {\n content: \"\\e05c\";\n}\n.styles-module_lnc_undo__1tJoX:before {\n content: \"\\e05d\";\n}\n.styles-module_lnc_up__3eKPI:before {\n content: \"\\e05e\";\n}\n.styles-module_lnc_upload__3gwmX:before {\n content: \"\\e05f\";\n}\n.styles-module_lnc_upload2__3hTP1:before {\n content: \"\\e060\";\n}\n.styles-module_lnc_user__1942u:before {\n content: \"\\e061\";\n}\n.styles-module_lnc_user2__21L0B:before {\n content: \"\\e062\";\n}\n.styles-module_lnc_user3__12PJt:before {\n content: \"\\e063\";\n}\n.styles-module_lnc_users__uUh5y:before {\n content: \"\\e064\";\n}\n.styles-module_lnc_video_player__eTudW:before {\n content: \"\\e065\";\n}\n.styles-module_lnc_wallet__NWMof:before {\n content: \"\\e066\";\n}\n.styles-module_lnc_warning__1XnCh:before {\n content: \"\\e067\";\n}\n.styles-module_lnc_wheelchair__-fneh:before {\n content: \"\\e068\";\n}\n.styles-module_lnc_wifi__1PB6c:before {\n content: \"\\e069\";\n}\n.styles-module_lnc_x__2NqwY:before {\n content: \"\\e06a\";\n}\n.styles-module_lnc_zoom_in__2p5NL:before {\n content: \"\\e06b\";\n}\n.styles-module_lnc_zoom_out__3-N8X:before {\n content: \"\\e06c\";\n}\n.styles-module_lnc_firewall__1T-xo:before {\n content: \"\\e06d\";\n}\n.styles-module_lnc_down_double__eQn46:before {\n content: \"\\e046\";\n}\n.styles-module_lnc_file_search__2NdXs:before {\n content: \"\\e06e\";\n}\n.styles-module_lnc_filter2__25zUC:before {\n content: \"\\e06f\";\n}\n.styles-module_lnc_flash__2spoO:before {\n content: \"\\e070\";\n}\n.styles-module_lnc_left_double__lGlAL:before {\n content: \"\\e071\";\n}\n.styles-module_lnc_right_double__2LGrY:before {\n content: \"\\e072\";\n}\n.styles-module_lnc_save__1es4N:before {\n content: \"\\e073\";\n}\n.styles-module_lnc_save_plus__3mggy:before {\n content: \"\\e074\";\n}\n.styles-module_lnc_server__npXWA:before {\n content: \"\\e075\";\n}\n.styles-module_lnc_table__Wz3bc:before {\n content: \"\\e076\";\n}\n.styles-module_lnc_table2__11-XY:before {\n content: \"\\e077\";\n}\n.styles-module_lnc_time_back__3_jgl:before {\n content: \"\\e078\";\n}\n.styles-module_lnc_time_forward__3ttuV:before {\n content: \"\\e079\";\n}\n.styles-module_lnc_up_double__2McTh:before {\n content: \"\\e07a\";\n}\n.styles-module_lnc_align_center__1lFF1:before {\n content: \"\\e058\";\n}\n.styles-module_lnc_align_left__2EEHH:before {\n content: \"\\e07b\";\n}\n.styles-module_lnc_align_right__wdwMo:before {\n content: \"\\e07c\";\n}\n.styles-module_lnc_car__2O1gg:before {\n content: \"\\e07d\";\n}\n.styles-module_lnc_cashregister__29tQ6:before {\n content: \"\\e07e\";\n}\n.styles-module_lnc_file_excel__1vcQh:before {\n content: \"\\e07f\";\n}\n.styles-module_lnc_file_pdf__2t9O1:before {\n content: \"\\e080\";\n}\n.styles-module_lnc_file_word__2DGwd:before {\n content: \"\\e081\";\n}\n.styles-module_lnc_puzzle__2C4g9:before {\n content: \"\\e082\";\n}\n.styles-module_lnc_rotate_vertical__NlAcx:before {\n content: \"\\e083\";\n}\n.styles-module_lnc_rotate_horizontal__1A2w-:before {\n content: \"\\e084\";\n}\n.styles-module_lnc_sum__10wqe:before {\n content: \"\\e085\";\n}\n.styles-module_lnc_usb__12ZHW:before {\n content: \"\\e086\";\n}\n.styles-module_lnc_checklist__2Sfo3:before {\n content: \"\\e087\";\n}\n.styles-module_lnc_checklist2__3UhHY:before {\n content: \"\\e088\";\n}\n.styles-module_lnc_concentrate__umSCo:before {\n content: \"\\e089\";\n}\n.styles-module_lnc_cutlery__13cgD:before {\n content: \"\\e08a\";\n}\n.styles-module_lnc_exchange3__3AZld:before {\n content: \"\\e08b\";\n}\n.styles-module_lnc_graduate_cap__1ByaN:before {\n content: \"\\e08c\";\n}\n.styles-module_lnc_id__2geFo:before {\n content: \"\\e08d\";\n}\n.styles-module_lnc_printer_check__3iWO0:before {\n content: \"\\e08e\";\n}\n.styles-module_lnc_slide_left__1lNSO:before {\n content: \"\\e08f\";\n}\n.styles-module_lnc_slide_right__2Kkpl:before {\n content: \"\\e090\";\n}\n.styles-module_lnc_user_switch__2Hki4:before {\n content: \"\\e091\";\n}\n.styles-module_lnc_aggregate__1b8Xb:before {\n content: \"\\e092\";\n}\n.styles-module_lnc_backspace__2SgjG:before {\n content: \"\\e093\";\n}\n.styles-module_lnc_code2__1EbMZ:before {\n content: \"\\e094\";\n}\n.styles-module_lnc_edit__3BwLt:before {\n content: \"\\e095\";\n}\n.styles-module_lnc_handshake__k9t7X:before {\n content: \"\\e096\";\n}\n.styles-module_lnc_input__1BsI_:before {\n content: \"\\e097\";\n}\n.styles-module_lnc_intersect2__D0t4N:before {\n content: \"\\e098\";\n}\n.styles-module_lnc_logo_dropbox__1bBky:before {\n content: \"\\e099\";\n}\n.styles-module_lnc_logo_facebook__2LFx7:before {\n content: \"\\e09a\";\n}\n.styles-module_lnc_logo_gdrive__lm2Xx:before {\n content: \"\\e09b\";\n}\n.styles-module_lnc_logo_hangouts__3mBpc:before {\n content: \"\\e09c\";\n}\n.styles-module_lnc_logo_instagram__1yoE_:before {\n content: \"\\e09d\";\n}\n.styles-module_lnc_logo_linkedin___bnn1:before {\n content: \"\\e09e\";\n}\n.styles-module_lnc_logo_messenger__22UXJ:before {\n content: \"\\e09f\";\n}\n.styles-module_lnc_logo_paypal__1ctNm:before {\n content: \"\\e0a0\";\n}\n.styles-module_lnc_logo_pinterest__2WBvf:before {\n content: \"\\e0a1\";\n}\n.styles-module_lnc_logo_playstore__2dNKy:before {\n content: \"\\e0a2\";\n}\n.styles-module_lnc_logo_skype__4zqs0:before {\n content: \"\\e0a3\";\n}\n.styles-module_lnc_logo_twitter__2qNGG:before {\n content: \"\\e0a4\";\n}\n.styles-module_lnc_logo_viber__a0Vu8:before {\n content: \"\\e0a5\";\n}\n.styles-module_lnc_logo_whatsapp__1pRGX:before {\n content: \"\\e0a6\";\n}\n.styles-module_lnc_logo_youtube__2rBKz:before {\n content: \"\\e0a7\";\n}\n.styles-module_lnc_measure__7wXpY:before {\n content: \"\\e0a8\";\n}\n.styles-module_lnc_percent__3qmzf:before {\n content: \"\\e0a9\";\n}\n.styles-module_lnc_scan_barcode__2BfUT:before {\n content: \"\\e0aa\";\n}\n.styles-module_lnc_scan_number__20DM5:before {\n content: \"\\e0ab\";\n}\n.styles-module_lnc_scan_qr__2TG1C:before {\n content: \"\\e0ac\";\n}\n.styles-module_lnc_user_speaker__2XqGz:before {\n content: \"\\e0ad\";\n}\n.styles-module_lnc_users_connected__2gVEp:before {\n content: \"\\e0ae\";\n}\n.styles-module_lnc_dots__iFPx7:before {\n content: \"\\e0af\";\n}\n.styles-module_lnc_grid_plus__13nKs:before {\n content: \"\\e0b0\";\n}\n.styles-module_lnc_sort_vertical__27lK1:before {\n content: \"\\e0b1\";\n}\n.styles-module_lnc_sort_horizontal__NCpoS:before {\n content: \"\\e0b2\";\n}\n.styles-module_lnc_grid_minus__YaD5A:before {\n content: \"\\e0b3\";\n}\n.styles-module_lnc_calendar_check__Xk2zp:before {\n content: \"\\e0b4\";\n}\n.styles-module_lnc_calendar_minus__1WJp0:before {\n content: \"\\e0b5\";\n}\n.styles-module_lnc_calendar_plus__3dmG_:before {\n content: \"\\e0b6\";\n}\n.styles-module_lnc_calendar_x__MI4zD:before {\n content: \"\\e0b7\";\n}\n.styles-module_lnc_eye__3StZy:before {\n content: \"\\e0b8\";\n}\n.styles-module_lnc_eye_no__3YiHU:before {\n content: \"\\e0b9\";\n}\n";
|
|
50065
50072
|
styleInject(css_248z$3);
|
|
50066
50073
|
|
|
50067
|
-
var _templateObject$
|
|
50068
|
-
var Container$
|
|
50069
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50074
|
+
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;
|
|
50075
|
+
var Container$c = newStyled.div(_templateObject$c || (_templateObject$c = _taggedTemplateLiteral(["\n border-radius: 3px;\n font-size: ", ";\n font-family: ", ";\n"])), theme.typography.small.fontSize, theme.typography.fontFamily);
|
|
50076
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([""])));
|
|
50070
50077
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50071
50078
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50072
50079
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50273,7 +50280,7 @@ var Table = function Table(props) {
|
|
|
50273
50280
|
}));
|
|
50274
50281
|
};
|
|
50275
50282
|
|
|
50276
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
50283
|
+
return /*#__PURE__*/React__default.createElement(Container$c, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50277
50284
|
cellSpacing: 0
|
|
50278
50285
|
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50279
50286
|
style: {
|
|
@@ -50563,7 +50570,7 @@ uuid.v4 = v4;
|
|
|
50563
50570
|
|
|
50564
50571
|
var uuid_1 = uuid;
|
|
50565
50572
|
|
|
50566
|
-
var _templateObject$
|
|
50573
|
+
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;
|
|
50567
50574
|
|
|
50568
50575
|
function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
50569
50576
|
|
|
@@ -50671,8 +50678,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50671
50678
|
return css;
|
|
50672
50679
|
};
|
|
50673
50680
|
|
|
50674
|
-
var Container$
|
|
50675
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50681
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50682
|
+
var TableContainer = newStyled.div(_templateObject2$8 || (_templateObject2$8 = _taggedTemplateLiteral(["\n font-family: var(--font-base-ubuntu);\n display: flex;\n justify-content: space-between;\n flex-direction: column;\n"])));
|
|
50676
50683
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50677
50684
|
var FormContainer$1 = newStyled.div(_templateObject4$5 || (_templateObject4$5 = _taggedTemplateLiteral(["\n height: 100%;\n overflow-y: auto;\n max-height: calc(100vh - 120px);\n ", "\n"])), function (props) {
|
|
50678
50685
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51929,7 +51936,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51929
51936
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51930
51937
|
};
|
|
51931
51938
|
|
|
51932
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
51939
|
+
return /*#__PURE__*/React__default.createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51933
51940
|
});
|
|
51934
51941
|
Grid.defaultProps = {
|
|
51935
51942
|
theme: theme,
|
|
@@ -51962,7 +51969,7 @@ Grid.propTypes = {
|
|
|
51962
51969
|
Developer: PropTypes.bool
|
|
51963
51970
|
};
|
|
51964
51971
|
|
|
51965
|
-
var _templateObject$
|
|
51972
|
+
var _templateObject$a;
|
|
51966
51973
|
|
|
51967
51974
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
51968
51975
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -51976,7 +51983,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
51976
51983
|
if (size === "large") return "2.375rem";
|
|
51977
51984
|
};
|
|
51978
51985
|
|
|
51979
|
-
var Button = newStyled.button(_templateObject$
|
|
51986
|
+
var Button = newStyled.button(_templateObject$a || (_templateObject$a = _taggedTemplateLiteral(["\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) {
|
|
51980
51987
|
return props.theme.typography[props.size].fontSize;
|
|
51981
51988
|
}, function (props) {
|
|
51982
51989
|
return props.theme.typography.fontFamily;
|
|
@@ -52026,8 +52033,8 @@ var TagItem = function TagItem(props) {
|
|
|
52026
52033
|
}, text);
|
|
52027
52034
|
};
|
|
52028
52035
|
|
|
52029
|
-
var _templateObject$
|
|
52030
|
-
var Container$
|
|
52036
|
+
var _templateObject$9;
|
|
52037
|
+
var Container$a = newStyled.div(_templateObject$9 || (_templateObject$9 = _taggedTemplateLiteral(["\n display: flex;\n width: fit-content;\n flex-direction: row;\n padding: 3px;\n border: 1.5px solid #bfbfbf80;\n border-radius: 2px;\n flex-wrap: wrap;\n justify-content: flex-start;\n"])));
|
|
52031
52038
|
|
|
52032
52039
|
var TagSelector = function TagSelector(props) {
|
|
52033
52040
|
var _props$tags = props.tags,
|
|
@@ -52066,7 +52073,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52066
52073
|
});
|
|
52067
52074
|
};
|
|
52068
52075
|
|
|
52069
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52076
|
+
return /*#__PURE__*/React__default.createElement(Container$a, {
|
|
52070
52077
|
size: size,
|
|
52071
52078
|
color: color,
|
|
52072
52079
|
theme: theme,
|
|
@@ -52148,7 +52155,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52148
52155
|
}
|
|
52149
52156
|
};
|
|
52150
52157
|
|
|
52151
|
-
var _templateObject$
|
|
52158
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52152
52159
|
|
|
52153
52160
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52154
52161
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52176,8 +52183,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52176
52183
|
if (size === "large") return "2.25rem";
|
|
52177
52184
|
};
|
|
52178
52185
|
|
|
52179
|
-
var Container$
|
|
52180
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52186
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52187
|
+
var Inner$3 = newStyled.div(_templateObject2$7 || (_templateObject2$7 = _taggedTemplateLiteral(["\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) {
|
|
52181
52188
|
return props.theme.typography.fontFamily;
|
|
52182
52189
|
}, function (props) {
|
|
52183
52190
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52232,7 +52239,7 @@ var Chip = function Chip(props) {
|
|
|
52232
52239
|
disabled: disabled,
|
|
52233
52240
|
inactive: inactive
|
|
52234
52241
|
};
|
|
52235
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52242
|
+
return /*#__PURE__*/React__default.createElement(Container$9, _extends({}, themeProps, {
|
|
52236
52243
|
className: className
|
|
52237
52244
|
}), /*#__PURE__*/React__default.createElement(Inner$3, themeProps, /*#__PURE__*/React__default.createElement(Text$1, _extends({}, themeProps, {
|
|
52238
52245
|
onClick: function onClick() {
|
|
@@ -52287,7 +52294,7 @@ Chip.propTypes = {
|
|
|
52287
52294
|
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";
|
|
52288
52295
|
styleInject(css_248z$1);
|
|
52289
52296
|
|
|
52290
|
-
var _templateObject$
|
|
52297
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52291
52298
|
|
|
52292
52299
|
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; }
|
|
52293
52300
|
|
|
@@ -52311,8 +52318,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52311
52318
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52312
52319
|
};
|
|
52313
52320
|
|
|
52314
|
-
var Container$
|
|
52315
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52321
|
+
var Container$8 = newStyled.div(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteral(["\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"])));
|
|
52322
|
+
var ItemContainer$1 = newStyled.div(_templateObject2$6 || (_templateObject2$6 = _taggedTemplateLiteral(["\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"])));
|
|
52316
52323
|
var ItemWrapper$1 = newStyled.div(_templateObject3$4 || (_templateObject3$4 = _taggedTemplateLiteral(["\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"])));
|
|
52317
52324
|
var InputContainer$1 = newStyled.div(_templateObject4$3 || (_templateObject4$3 = _taggedTemplateLiteral(["\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"])));
|
|
52318
52325
|
var Input$1 = newStyled.input(_templateObject5$3 || (_templateObject5$3 = _taggedTemplateLiteral(["\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) {
|
|
@@ -52470,7 +52477,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52470
52477
|
}
|
|
52471
52478
|
};
|
|
52472
52479
|
|
|
52473
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52480
|
+
return /*#__PURE__*/React__default.createElement(Container$8, _extends({
|
|
52474
52481
|
className: className
|
|
52475
52482
|
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon, themeProps, /*#__PURE__*/React__default.createElement("i", {
|
|
52476
52483
|
className: "fas fa-search fa-fw"
|
|
@@ -52532,7 +52539,7 @@ SearchBar.propTypes = {
|
|
|
52532
52539
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52533
52540
|
};
|
|
52534
52541
|
|
|
52535
|
-
var _templateObject$
|
|
52542
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52536
52543
|
|
|
52537
52544
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52538
52545
|
if (size === "small") {
|
|
@@ -52554,10 +52561,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52554
52561
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52555
52562
|
};
|
|
52556
52563
|
|
|
52557
|
-
var Container$
|
|
52564
|
+
var Container$7 = newStyled.div(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteral(["\n overflow: hidden;\n background-color: #f1f1f1;\n border-radius: 0.1875rem 0.1875rem 0 0;\n background-color: ", ";\n"])), function (props) {
|
|
52558
52565
|
return props.theme.palette[props.color].main;
|
|
52559
52566
|
});
|
|
52560
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52567
|
+
var Tab = newStyled.button(_templateObject2$5 || (_templateObject2$5 = _taggedTemplateLiteral(["\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) {
|
|
52561
52568
|
return heightBySize$2(props.size);
|
|
52562
52569
|
}, function (props) {
|
|
52563
52570
|
return paddingBySize$3(props.size);
|
|
@@ -52617,7 +52624,7 @@ var Tabs = function Tabs(props) {
|
|
|
52617
52624
|
});
|
|
52618
52625
|
};
|
|
52619
52626
|
|
|
52620
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$
|
|
52627
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$7, _extends({}, themeProps, {
|
|
52621
52628
|
className: className
|
|
52622
52629
|
}), tabs.map(function (tab) {
|
|
52623
52630
|
return /*#__PURE__*/React__default.createElement(Tab, _extends({
|
|
@@ -52648,7 +52655,7 @@ Tabs.propTypes = {
|
|
|
52648
52655
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52649
52656
|
};
|
|
52650
52657
|
|
|
52651
|
-
var _templateObject$
|
|
52658
|
+
var _templateObject$5, _templateObject2$4;
|
|
52652
52659
|
|
|
52653
52660
|
var fontSize$1 = function fontSize(props) {
|
|
52654
52661
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52677,7 +52684,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52677
52684
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52678
52685
|
};
|
|
52679
52686
|
|
|
52680
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52687
|
+
var ContainerBox = newStyled.div(_templateObject$5 || (_templateObject$5 = _taggedTemplateLiteral(["\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) {
|
|
52681
52688
|
return props.theme.palette[props.color].dark;
|
|
52682
52689
|
}, function (props) {
|
|
52683
52690
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52690,7 +52697,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52690
52697
|
}, function (props) {
|
|
52691
52698
|
return paddingBySizeContainerBox(props.size);
|
|
52692
52699
|
});
|
|
52693
|
-
var Container$
|
|
52700
|
+
var Container$6 = newStyled.div(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteral(["\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) {
|
|
52694
52701
|
return props.theme.palette[props.color].dark;
|
|
52695
52702
|
}, function (props) {
|
|
52696
52703
|
return fontSize$1(props);
|
|
@@ -52715,7 +52722,7 @@ var Alet = function Alet(props) {
|
|
|
52715
52722
|
if (hasContainer) return /*#__PURE__*/React__default.createElement(ContainerBox, _extends({}, themeProps, {
|
|
52716
52723
|
className: className
|
|
52717
52724
|
}), message);
|
|
52718
|
-
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$
|
|
52725
|
+
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$6, _extends({}, themeProps, {
|
|
52719
52726
|
className: className
|
|
52720
52727
|
}), message);
|
|
52721
52728
|
};
|
|
@@ -52737,7 +52744,7 @@ Alet.propTypes = {
|
|
|
52737
52744
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52738
52745
|
};
|
|
52739
52746
|
|
|
52740
|
-
var _templateObject$
|
|
52747
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52741
52748
|
|
|
52742
52749
|
var fontSize = function fontSize(props) {
|
|
52743
52750
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52754,12 +52761,12 @@ var fontSize = function fontSize(props) {
|
|
|
52754
52761
|
return newFontSize;
|
|
52755
52762
|
};
|
|
52756
52763
|
|
|
52757
|
-
var Container$
|
|
52764
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52758
52765
|
return props.theme.typography[props.size].fontSize;
|
|
52759
52766
|
}, function (props) {
|
|
52760
52767
|
return props.theme.typography.fontFamily;
|
|
52761
52768
|
});
|
|
52762
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52769
|
+
var LabelContainer = newStyled.div(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n margin-bottom: 0.1875rem;\n color: #777a80;\n"])), function (props) {
|
|
52763
52770
|
return fontSize(props);
|
|
52764
52771
|
}, function (props) {
|
|
52765
52772
|
return props.theme.typography.fontFamily;
|
|
@@ -52783,7 +52790,7 @@ var FormField = function FormField(props) {
|
|
|
52783
52790
|
size: size,
|
|
52784
52791
|
color: color
|
|
52785
52792
|
};
|
|
52786
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52793
|
+
return /*#__PURE__*/React__default.createElement(Container$5, _extends({}, themeProps, {
|
|
52787
52794
|
className: className
|
|
52788
52795
|
}), label && label !== null && /*#__PURE__*/React__default.createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default.createElement(ErrorContainer, _extends({}, themeProps, {
|
|
52789
52796
|
hasContainer: hasContainer
|
|
@@ -52813,7 +52820,7 @@ FormField.propTypes = {
|
|
|
52813
52820
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
52814
52821
|
};
|
|
52815
52822
|
|
|
52816
|
-
var _templateObject$
|
|
52823
|
+
var _templateObject$3;
|
|
52817
52824
|
|
|
52818
52825
|
var getColumns = function getColumns(columns) {
|
|
52819
52826
|
var frs = "";
|
|
@@ -52825,7 +52832,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52825
52832
|
return frs;
|
|
52826
52833
|
};
|
|
52827
52834
|
|
|
52828
|
-
var Container$
|
|
52835
|
+
var Container$4 = newStyled.div(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteral(["\n display: grid;\n grid-template-columns: ", ";\n\n & > div {\n margin: ", ";\n }\n"])), function (props) {
|
|
52829
52836
|
return getColumns(props.columns);
|
|
52830
52837
|
}, function (props) {
|
|
52831
52838
|
return props.fieldMargin;
|
|
@@ -52836,7 +52843,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52836
52843
|
columns = props.columns,
|
|
52837
52844
|
children = props.children,
|
|
52838
52845
|
fieldMargin = props.fieldMargin;
|
|
52839
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52846
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
52840
52847
|
columns: columns,
|
|
52841
52848
|
fieldMargin: fieldMargin,
|
|
52842
52849
|
className: className
|
|
@@ -52866,7 +52873,7 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52866
52873
|
if (size === "large") return "2.375rem";
|
|
52867
52874
|
};
|
|
52868
52875
|
|
|
52869
|
-
var Container$
|
|
52876
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52870
52877
|
return {
|
|
52871
52878
|
"& .react-datepicker__triangle": {
|
|
52872
52879
|
display: "none"
|
|
@@ -53004,7 +53011,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53004
53011
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
53005
53012
|
};
|
|
53006
53013
|
|
|
53007
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53014
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
53008
53015
|
theme: theme,
|
|
53009
53016
|
size: size,
|
|
53010
53017
|
color: color
|
|
@@ -53052,10 +53059,10 @@ PeriodSelector.propTypes = {
|
|
|
53052
53059
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53053
53060
|
};
|
|
53054
53061
|
|
|
53055
|
-
var _templateObject$
|
|
53062
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53056
53063
|
|
|
53057
53064
|
var paddingBySize = function paddingBySize(size) {
|
|
53058
|
-
if (size === "small") return "0.
|
|
53065
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53059
53066
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53060
53067
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53061
53068
|
};
|
|
@@ -53066,8 +53073,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53066
53073
|
if (size === "large") return "2rem";
|
|
53067
53074
|
};
|
|
53068
53075
|
|
|
53069
|
-
var Container$
|
|
53070
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53076
|
+
var Container$2 = newStyled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n"])));
|
|
53077
|
+
var Inner$1 = newStyled.div(_templateObject2$2 || (_templateObject2$2 = _taggedTemplateLiteral(["\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) {
|
|
53071
53078
|
return props.theme.typography.fontFamily;
|
|
53072
53079
|
}, function (props) {
|
|
53073
53080
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53110,7 +53117,7 @@ var Item = function Item(props) {
|
|
|
53110
53117
|
color: color,
|
|
53111
53118
|
disabled: disabled
|
|
53112
53119
|
};
|
|
53113
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53120
|
+
return /*#__PURE__*/React__default.createElement(Container$2, _extends({}, themeProps, {
|
|
53114
53121
|
className: className
|
|
53115
53122
|
}), /*#__PURE__*/React__default.createElement(Inner$1, themeProps, /*#__PURE__*/React__default.createElement(Text, _extends({}, themeProps, {
|
|
53116
53123
|
title: tooltip
|
|
@@ -53150,8 +53157,8 @@ Item.propTypes = {
|
|
|
53150
53157
|
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";
|
|
53151
53158
|
styleInject(css_248z);
|
|
53152
53159
|
|
|
53153
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53154
|
-
var spin = keyframes$2(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53160
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53161
|
+
var spin = keyframes$2(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n 100% {\n transform: rotate(360deg);\n }\n\n 0% {\n transform: rotate(0deg);\n }\n"])));
|
|
53155
53162
|
|
|
53156
53163
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53157
53164
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53177,7 +53184,7 @@ var containerColor = function containerColor(props) {
|
|
|
53177
53184
|
return props.theme.palette[props.color].lighter;
|
|
53178
53185
|
};
|
|
53179
53186
|
|
|
53180
|
-
var Container = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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) {
|
|
53187
|
+
var Container$1 = newStyled.div(_templateObject2$1 || (_templateObject2$1 = _taggedTemplateLiteral(["\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) {
|
|
53181
53188
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53182
53189
|
}, function (props) {
|
|
53183
53190
|
return containerColor(props);
|
|
@@ -53412,7 +53419,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53412
53419
|
}
|
|
53413
53420
|
};
|
|
53414
53421
|
|
|
53415
|
-
return /*#__PURE__*/React__default.createElement(Container, _extends({
|
|
53422
|
+
return /*#__PURE__*/React__default.createElement(Container$1, _extends({
|
|
53416
53423
|
className: className
|
|
53417
53424
|
}, themeProps, {
|
|
53418
53425
|
focus: inputFocus
|
|
@@ -53501,4 +53508,226 @@ MultiSelectDropdown.propTypes = {
|
|
|
53501
53508
|
addOptionText: PropTypes.string
|
|
53502
53509
|
};
|
|
53503
53510
|
|
|
53504
|
-
|
|
53511
|
+
var _templateObject, _templateObject2;
|
|
53512
|
+
var Container = newStyled.div(function (props) {
|
|
53513
|
+
return {
|
|
53514
|
+
gridArea: "timeSpentItem",
|
|
53515
|
+
display: "flex",
|
|
53516
|
+
columnGap: "2px",
|
|
53517
|
+
justifyContent: "start"
|
|
53518
|
+
};
|
|
53519
|
+
});
|
|
53520
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53521
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-right: 2%;\n"])));
|
|
53522
|
+
|
|
53523
|
+
var TimeInput = function TimeInput(props) {
|
|
53524
|
+
var id = props.id,
|
|
53525
|
+
value = props.value,
|
|
53526
|
+
size = props.size,
|
|
53527
|
+
color = props.color,
|
|
53528
|
+
theme = props.theme,
|
|
53529
|
+
className = props.className,
|
|
53530
|
+
onChange = props.onChange,
|
|
53531
|
+
_props$disabled = props.disabled,
|
|
53532
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53533
|
+
_props$step = props.step,
|
|
53534
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53535
|
+
|
|
53536
|
+
var _useState = useState(value),
|
|
53537
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53538
|
+
val = _useState2[0],
|
|
53539
|
+
setVal = _useState2[1];
|
|
53540
|
+
|
|
53541
|
+
var _useState3 = useState(Math.trunc(props.value)),
|
|
53542
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53543
|
+
spentHours = _useState4[0],
|
|
53544
|
+
setSpentHours = _useState4[1];
|
|
53545
|
+
|
|
53546
|
+
var _useState5 = useState(Math.trunc(props.value % 1 * 60)),
|
|
53547
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
53548
|
+
spentMinutes = _useState6[0],
|
|
53549
|
+
setSpentMinutes = _useState6[1];
|
|
53550
|
+
|
|
53551
|
+
var stepDecimal = step / 60;
|
|
53552
|
+
var stepValue = parseInt(step);
|
|
53553
|
+
useEffect(function () {
|
|
53554
|
+
setVal(value);
|
|
53555
|
+
setSpentHours(Math.trunc(props.value));
|
|
53556
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53557
|
+
}, [value]);
|
|
53558
|
+
|
|
53559
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53560
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53561
|
+
|
|
53562
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53563
|
+
timeSpent = 0;
|
|
53564
|
+
}
|
|
53565
|
+
|
|
53566
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53567
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53568
|
+
}
|
|
53569
|
+
|
|
53570
|
+
var hoursToAdd = 0;
|
|
53571
|
+
|
|
53572
|
+
if (timeSpent > 60) {
|
|
53573
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53574
|
+
timeSpent %= 60;
|
|
53575
|
+
}
|
|
53576
|
+
|
|
53577
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53578
|
+
var oldTime = val;
|
|
53579
|
+
|
|
53580
|
+
if (oldTime <= stepDecimal) {
|
|
53581
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53582
|
+
timeSpent = stepValue;
|
|
53583
|
+
}
|
|
53584
|
+
}
|
|
53585
|
+
|
|
53586
|
+
if (oldTime <= 24) {
|
|
53587
|
+
var oldHours = Math.trunc(val);
|
|
53588
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53589
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53590
|
+
if (newTimeSpent > 24) return 24;
|
|
53591
|
+
return newTimeSpent;
|
|
53592
|
+
}
|
|
53593
|
+
};
|
|
53594
|
+
|
|
53595
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53596
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53597
|
+
|
|
53598
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53599
|
+
timeSpent = 0;
|
|
53600
|
+
}
|
|
53601
|
+
|
|
53602
|
+
if (timeSpent >= 24) {
|
|
53603
|
+
return 24.0;
|
|
53604
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53605
|
+
var oldTime = parseFloat(val);
|
|
53606
|
+
|
|
53607
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53608
|
+
return stepDecimal;
|
|
53609
|
+
} else {
|
|
53610
|
+
return oldTime % 1;
|
|
53611
|
+
}
|
|
53612
|
+
} else {
|
|
53613
|
+
var _oldTime = val;
|
|
53614
|
+
|
|
53615
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53616
|
+
|
|
53617
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53618
|
+
oldDecimalValue = "0.0";
|
|
53619
|
+
}
|
|
53620
|
+
|
|
53621
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53622
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53623
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53624
|
+
return parseFloat(newTimeSpent);
|
|
53625
|
+
}
|
|
53626
|
+
};
|
|
53627
|
+
|
|
53628
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53629
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53630
|
+
setSpentHours(Math.trunc(time));
|
|
53631
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53632
|
+
setVal(time);
|
|
53633
|
+
onChange(id, time);
|
|
53634
|
+
};
|
|
53635
|
+
|
|
53636
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53637
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53638
|
+
setSpentHours(Math.trunc(time));
|
|
53639
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53640
|
+
setVal(time);
|
|
53641
|
+
onChange(id, time);
|
|
53642
|
+
};
|
|
53643
|
+
|
|
53644
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53645
|
+
setSpentMinutes(value);
|
|
53646
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53647
|
+
setTimeout(function () {
|
|
53648
|
+
setSpentHours(Math.trunc(time));
|
|
53649
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53650
|
+
setVal(time);
|
|
53651
|
+
}, 100);
|
|
53652
|
+
onChange(id, time);
|
|
53653
|
+
};
|
|
53654
|
+
|
|
53655
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53656
|
+
setSpentHours(value);
|
|
53657
|
+
var time = ConvertHoursToDecimal(value);
|
|
53658
|
+
setTimeout(function () {
|
|
53659
|
+
setSpentHours(Math.trunc(time));
|
|
53660
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53661
|
+
setVal(time);
|
|
53662
|
+
}, 100);
|
|
53663
|
+
onChange(id, time);
|
|
53664
|
+
};
|
|
53665
|
+
|
|
53666
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
53667
|
+
className: className
|
|
53668
|
+
}, /*#__PURE__*/React__default.createElement(FlexCenter, null, /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53669
|
+
icon: "minus",
|
|
53670
|
+
onClick: minusButtonClickHandler,
|
|
53671
|
+
disabled: disabled,
|
|
53672
|
+
size: size,
|
|
53673
|
+
color: color,
|
|
53674
|
+
theme: theme
|
|
53675
|
+
})), /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53676
|
+
id: "addButton",
|
|
53677
|
+
icon: "plus",
|
|
53678
|
+
onClick: plusButtonClickHandler,
|
|
53679
|
+
disabled: disabled,
|
|
53680
|
+
size: size,
|
|
53681
|
+
color: color,
|
|
53682
|
+
theme: theme
|
|
53683
|
+
}))), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53684
|
+
label: "h",
|
|
53685
|
+
required: true
|
|
53686
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53687
|
+
id: "timeSpentHours",
|
|
53688
|
+
value: spentHours,
|
|
53689
|
+
onChange: hoursChangeHandler,
|
|
53690
|
+
disabled: disabled,
|
|
53691
|
+
size: size,
|
|
53692
|
+
color: color,
|
|
53693
|
+
theme: theme
|
|
53694
|
+
})), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53695
|
+
label: "min",
|
|
53696
|
+
required: true
|
|
53697
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53698
|
+
id: "timeSpentMinutes",
|
|
53699
|
+
value: spentMinutes,
|
|
53700
|
+
onChange: minutesChangeHandler,
|
|
53701
|
+
label: "min",
|
|
53702
|
+
disabled: disabled,
|
|
53703
|
+
size: size,
|
|
53704
|
+
color: color,
|
|
53705
|
+
theme: theme
|
|
53706
|
+
})));
|
|
53707
|
+
};
|
|
53708
|
+
|
|
53709
|
+
TimeInput.defaultProps = {
|
|
53710
|
+
id: "",
|
|
53711
|
+
theme: theme,
|
|
53712
|
+
disabled: false,
|
|
53713
|
+
onChange: function onChange() {},
|
|
53714
|
+
className: "",
|
|
53715
|
+
preventDefault: true,
|
|
53716
|
+
size: "small",
|
|
53717
|
+
color: "primary",
|
|
53718
|
+
value: "",
|
|
53719
|
+
step: ""
|
|
53720
|
+
};
|
|
53721
|
+
TimeInput.propTypes = {
|
|
53722
|
+
theme: PropTypes.object.isRequired,
|
|
53723
|
+
id: PropTypes.string,
|
|
53724
|
+
disabled: PropTypes.bool,
|
|
53725
|
+
onChange: PropTypes.func,
|
|
53726
|
+
className: PropTypes.string,
|
|
53727
|
+
value: PropTypes.string,
|
|
53728
|
+
size: PropTypes.oneOf(["small", "medium", "large"]),
|
|
53729
|
+
color: PropTypes.oneOf(["primary", "secondary", "gray"]),
|
|
53730
|
+
step: PropTypes.string
|
|
53731
|
+
};
|
|
53732
|
+
|
|
53733
|
+
export { Alet as Alert, Button$1 as Button, CheckBox, CheckboxLookup, ConfirmationForm, DataView, DateInput, DropDown, DropdownLookup, DropdownMenu, FormContainer, FormField, Grid, Icon$1 as Icon, ItemCounter, Modal$1 as Modal, MultiSelectDropdown, NumberInput, Pagination, PasswordInput, PeriodSelector, SearchBar, Spinner, Tabs, TagSelector, TextArea, TextInput, TimeInput, ToggleSwitch, theme };
|