@lanaco/lnc-react-ui 2.1.16 → 2.1.20
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 +329 -103
- package/lib/index.js +329 -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,9 +49236,9 @@ 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"])));
|
|
@@ -49437,7 +49441,7 @@ var TableView = function TableView(props) {
|
|
|
49437
49441
|
}));
|
|
49438
49442
|
};
|
|
49439
49443
|
|
|
49440
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49444
|
+
return /*#__PURE__*/React__default.createElement(Container$e, null, /*#__PURE__*/React__default.createElement(Wrapper$1, null, /*#__PURE__*/React__default.createElement(TableTable$1, {
|
|
49441
49445
|
cellSpacing: 0
|
|
49442
49446
|
}, /*#__PURE__*/React__default.createElement(TableHead$1, null, /*#__PURE__*/React__default.createElement(TableHeadRow$1, null, renderSelectAllHeaderCell(), Columns.filter(function (x) {
|
|
49443
49447
|
return x.hide !== true;
|
|
@@ -49446,7 +49450,7 @@ var TableView = function TableView(props) {
|
|
|
49446
49450
|
}))), /*#__PURE__*/React__default.createElement(TableBody$1, null, renderBody()))));
|
|
49447
49451
|
};
|
|
49448
49452
|
|
|
49449
|
-
var _templateObject$
|
|
49453
|
+
var _templateObject$f, _templateObject2$b;
|
|
49450
49454
|
|
|
49451
49455
|
var heightBySize$5 = function heightBySize(size) {
|
|
49452
49456
|
if (size === "small") return "\n width: 1.4rem;\n height: 1.4rem;\n ";
|
|
@@ -49454,8 +49458,8 @@ var heightBySize$5 = function heightBySize(size) {
|
|
|
49454
49458
|
if (size === "large") return "\n width: 1.8rem;\n height: 1.8rem;\n ";
|
|
49455
49459
|
};
|
|
49456
49460
|
|
|
49457
|
-
var spin$1 = keyframes$2(_templateObject$
|
|
49458
|
-
var StyledSpinner = newStyled.div(_templateObject2$
|
|
49461
|
+
var spin$1 = keyframes$2(_templateObject$f || (_templateObject$f = _taggedTemplateLiteral(["\n to {\n transform: rotate(360deg);\n }\n"])));
|
|
49462
|
+
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
49463
|
return heightBySize$5(props.size);
|
|
49460
49464
|
}, function (props) {
|
|
49461
49465
|
return props.theme.palette[props.color].lighter;
|
|
@@ -49494,7 +49498,7 @@ Spinner.propTypes = {
|
|
|
49494
49498
|
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
49499
|
styleInject(css_248z$4);
|
|
49496
49500
|
|
|
49497
|
-
var _templateObject$
|
|
49501
|
+
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
49502
|
|
|
49499
49503
|
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
49504
|
|
|
@@ -49524,10 +49528,10 @@ var getBorderSyle$1 = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
49524
49528
|
return css;
|
|
49525
49529
|
};
|
|
49526
49530
|
|
|
49527
|
-
var Container$
|
|
49531
|
+
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
49532
|
return props.shadow === false ? "0" : "0 0 12px #bebebe";
|
|
49529
49533
|
});
|
|
49530
|
-
var TableContainer$1 = newStyled.div(_templateObject2$
|
|
49534
|
+
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
49535
|
var PaginationContainer$1 = newStyled.div(_templateObject3$8 || (_templateObject3$8 = _taggedTemplateLiteral(["\n border-top: 1px solid #80808025;\n"])));
|
|
49532
49536
|
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
49537
|
return getBorderSyle$1(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -49918,7 +49922,7 @@ var DataView = function DataView(props) {
|
|
|
49918
49922
|
|
|
49919
49923
|
var renderComponent = function renderComponent() {
|
|
49920
49924
|
var key = General.CurrentView !== "TableView" && General.DataFromBackend;
|
|
49921
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
49925
|
+
return /*#__PURE__*/React__default.createElement(Container$d, _extends({}, themeProps, {
|
|
49922
49926
|
shadow: Shadow
|
|
49923
49927
|
}), renderFiltering(), renderHeader(), /*#__PURE__*/React__default.createElement(SwitchTransition$1, {
|
|
49924
49928
|
mode: "out-in"
|
|
@@ -49953,8 +49957,8 @@ DataView.propTypes = {
|
|
|
49953
49957
|
color: PropTypes.string
|
|
49954
49958
|
};
|
|
49955
49959
|
|
|
49956
|
-
var _templateObject$
|
|
49957
|
-
var Item$1 = newStyled.div(_templateObject$
|
|
49960
|
+
var _templateObject$d;
|
|
49961
|
+
var Item$1 = newStyled.div(_templateObject$d || (_templateObject$d = _taggedTemplateLiteral(["\n padding-left: 0.1875rem;\n padding-right: 0.25rem;\n"])));
|
|
49958
49962
|
|
|
49959
49963
|
var FormMovement = function FormMovement(props) {
|
|
49960
49964
|
//====== PROPS ======
|
|
@@ -50064,9 +50068,9 @@ FormMovement.propTypes = {
|
|
|
50064
50068
|
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
50069
|
styleInject(css_248z$3);
|
|
50066
50070
|
|
|
50067
|
-
var _templateObject$
|
|
50068
|
-
var Container$
|
|
50069
|
-
var Wrapper = newStyled.div(_templateObject2$
|
|
50071
|
+
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;
|
|
50072
|
+
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);
|
|
50073
|
+
var Wrapper = newStyled.div(_templateObject2$9 || (_templateObject2$9 = _taggedTemplateLiteral([""])));
|
|
50070
50074
|
var TableTable = newStyled.table(_templateObject3$7 || (_templateObject3$7 = _taggedTemplateLiteral(["\n border-collapse: collapse;\n width: 100%;\n"])));
|
|
50071
50075
|
var TableHead = newStyled.thead(_templateObject4$6 || (_templateObject4$6 = _taggedTemplateLiteral(["\n color: ", ";\n border-top: 1px solid #80808025;\n"])), theme.palette.primary.textDark);
|
|
50072
50076
|
var TableHeadRow = newStyled.tr(_templateObject5$6 || (_templateObject5$6 = _taggedTemplateLiteral(["\n border-bottom: 1px solid #80808025;\n"])));
|
|
@@ -50273,7 +50277,7 @@ var Table = function Table(props) {
|
|
|
50273
50277
|
}));
|
|
50274
50278
|
};
|
|
50275
50279
|
|
|
50276
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
50280
|
+
return /*#__PURE__*/React__default.createElement(Container$c, null, /*#__PURE__*/React__default.createElement(Wrapper, null, /*#__PURE__*/React__default.createElement(TableTable, {
|
|
50277
50281
|
cellSpacing: 0
|
|
50278
50282
|
}, /*#__PURE__*/React__default.createElement(TableHead, null, /*#__PURE__*/React__default.createElement(TableHeadRow, null, renderSelectAllHeaderCell(), /*#__PURE__*/React__default.createElement("th", {
|
|
50279
50283
|
style: {
|
|
@@ -50563,7 +50567,7 @@ uuid.v4 = v4;
|
|
|
50563
50567
|
|
|
50564
50568
|
var uuid_1 = uuid;
|
|
50565
50569
|
|
|
50566
|
-
var _templateObject$
|
|
50570
|
+
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
50571
|
|
|
50568
50572
|
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
50573
|
|
|
@@ -50671,8 +50675,8 @@ var getBorderSyle = function getBorderSyle(borderStyle, read, theme, color) {
|
|
|
50671
50675
|
return css;
|
|
50672
50676
|
};
|
|
50673
50677
|
|
|
50674
|
-
var Container$
|
|
50675
|
-
var TableContainer = newStyled.div(_templateObject2$
|
|
50678
|
+
var Container$b = newStyled.div(_templateObject$b || (_templateObject$b = _taggedTemplateLiteral(["\n box-shadow: 0 0 12px #bebebe;\n borderradius: 3px;\n padding: 4px;\n"])));
|
|
50679
|
+
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
50680
|
var PaginationContainer = newStyled.div(_templateObject3$6 || (_templateObject3$6 = _taggedTemplateLiteral(["\n margin-top: 6px;\n border-top: 1px solid #80808025;\n"])));
|
|
50677
50681
|
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
50682
|
return getBorderSyle(props.borderStyle, props.read, props.theme, props.color);
|
|
@@ -51929,7 +51933,7 @@ var Grid = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
|
51929
51933
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
51930
51934
|
};
|
|
51931
51935
|
|
|
51932
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
51936
|
+
return /*#__PURE__*/React__default.createElement(Container$b, themeProps, renderHeader(), /*#__PURE__*/React__default.createElement(TableContainer, themeProps, renderDeleteConfirmationBox(), renderTable(), renderForm(), renderDeveloperMessages()), renderPagination());
|
|
51933
51937
|
});
|
|
51934
51938
|
Grid.defaultProps = {
|
|
51935
51939
|
theme: theme,
|
|
@@ -51962,7 +51966,7 @@ Grid.propTypes = {
|
|
|
51962
51966
|
Developer: PropTypes.bool
|
|
51963
51967
|
};
|
|
51964
51968
|
|
|
51965
|
-
var _templateObject$
|
|
51969
|
+
var _templateObject$a;
|
|
51966
51970
|
|
|
51967
51971
|
var paddingBySize$5 = function paddingBySize(size, hasText) {
|
|
51968
51972
|
if (size === "small") return "0.34375rem 0.4rem";
|
|
@@ -51976,7 +51980,7 @@ var heightBySize$4 = function heightBySize(size) {
|
|
|
51976
51980
|
if (size === "large") return "2.375rem";
|
|
51977
51981
|
};
|
|
51978
51982
|
|
|
51979
|
-
var Button = newStyled.button(_templateObject$
|
|
51983
|
+
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
51984
|
return props.theme.typography[props.size].fontSize;
|
|
51981
51985
|
}, function (props) {
|
|
51982
51986
|
return props.theme.typography.fontFamily;
|
|
@@ -52026,8 +52030,8 @@ var TagItem = function TagItem(props) {
|
|
|
52026
52030
|
}, text);
|
|
52027
52031
|
};
|
|
52028
52032
|
|
|
52029
|
-
var _templateObject$
|
|
52030
|
-
var Container$
|
|
52033
|
+
var _templateObject$9;
|
|
52034
|
+
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
52035
|
|
|
52032
52036
|
var TagSelector = function TagSelector(props) {
|
|
52033
52037
|
var _props$tags = props.tags,
|
|
@@ -52066,7 +52070,7 @@ var TagSelector = function TagSelector(props) {
|
|
|
52066
52070
|
});
|
|
52067
52071
|
};
|
|
52068
52072
|
|
|
52069
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52073
|
+
return /*#__PURE__*/React__default.createElement(Container$a, {
|
|
52070
52074
|
size: size,
|
|
52071
52075
|
color: color,
|
|
52072
52076
|
theme: theme,
|
|
@@ -52148,7 +52152,7 @@ var ItemCounter = function ItemCounter(props) {
|
|
|
52148
52152
|
}
|
|
52149
52153
|
};
|
|
52150
52154
|
|
|
52151
|
-
var _templateObject$
|
|
52155
|
+
var _templateObject$8, _templateObject2$7, _templateObject3$5, _templateObject4$4, _templateObject5$4, _templateObject6$2;
|
|
52152
52156
|
|
|
52153
52157
|
var getBtnContainerColor = function getBtnContainerColor(props) {
|
|
52154
52158
|
if (props.additional && props.inactive) return props.theme.palette.gray[100];
|
|
@@ -52176,8 +52180,8 @@ var heightBySize$3 = function heightBySize(size) {
|
|
|
52176
52180
|
if (size === "large") return "2.25rem";
|
|
52177
52181
|
};
|
|
52178
52182
|
|
|
52179
|
-
var Container$
|
|
52180
|
-
var Inner$3 = newStyled.div(_templateObject2$
|
|
52183
|
+
var Container$9 = newStyled.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n display: inline-block;\n box-sizing: border-box;\n"])));
|
|
52184
|
+
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
52185
|
return props.theme.typography.fontFamily;
|
|
52182
52186
|
}, function (props) {
|
|
52183
52187
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -52232,7 +52236,7 @@ var Chip = function Chip(props) {
|
|
|
52232
52236
|
disabled: disabled,
|
|
52233
52237
|
inactive: inactive
|
|
52234
52238
|
};
|
|
52235
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52239
|
+
return /*#__PURE__*/React__default.createElement(Container$9, _extends({}, themeProps, {
|
|
52236
52240
|
className: className
|
|
52237
52241
|
}), /*#__PURE__*/React__default.createElement(Inner$3, themeProps, /*#__PURE__*/React__default.createElement(Text$1, _extends({}, themeProps, {
|
|
52238
52242
|
onClick: function onClick() {
|
|
@@ -52287,7 +52291,7 @@ Chip.propTypes = {
|
|
|
52287
52291
|
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
52292
|
styleInject(css_248z$1);
|
|
52289
52293
|
|
|
52290
|
-
var _templateObject$
|
|
52294
|
+
var _templateObject$7, _templateObject2$6, _templateObject3$4, _templateObject4$3, _templateObject5$3, _templateObject6$1, _templateObject7$1, _templateObject8$1, _templateObject9$1, _templateObject10$1;
|
|
52291
52295
|
|
|
52292
52296
|
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
52297
|
|
|
@@ -52311,8 +52315,8 @@ var iconPaddingBySize$1 = function iconPaddingBySize(size) {
|
|
|
52311
52315
|
if (size === "large") return "0.78125rem 0.625rem 0.375rem 0.625rem";
|
|
52312
52316
|
};
|
|
52313
52317
|
|
|
52314
|
-
var Container$
|
|
52315
|
-
var ItemContainer$1 = newStyled.div(_templateObject2$
|
|
52318
|
+
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"])));
|
|
52319
|
+
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
52320
|
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
52321
|
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
52322
|
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 +52474,7 @@ var SearchBar = function SearchBar(props) {
|
|
|
52470
52474
|
}
|
|
52471
52475
|
};
|
|
52472
52476
|
|
|
52473
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52477
|
+
return /*#__PURE__*/React__default.createElement(Container$8, _extends({
|
|
52474
52478
|
className: className
|
|
52475
52479
|
}, themeProps), /*#__PURE__*/React__default.createElement(Inner$2, themeProps, /*#__PURE__*/React__default.createElement(SearchIcon, themeProps, /*#__PURE__*/React__default.createElement("i", {
|
|
52476
52480
|
className: "fas fa-search fa-fw"
|
|
@@ -52532,7 +52536,7 @@ SearchBar.propTypes = {
|
|
|
52532
52536
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background", "transparent"])
|
|
52533
52537
|
};
|
|
52534
52538
|
|
|
52535
|
-
var _templateObject$
|
|
52539
|
+
var _templateObject$6, _templateObject2$5, _templateObject3$3, _templateObject4$2, _templateObject5$2;
|
|
52536
52540
|
|
|
52537
52541
|
var paddingBySize$3 = function paddingBySize(size) {
|
|
52538
52542
|
if (size === "small") {
|
|
@@ -52554,10 +52558,10 @@ var heightBySize$2 = function heightBySize(size, hasText) {
|
|
|
52554
52558
|
if (size === "large") return "max-height: 2.375rem; min-height: 2.375rem;";
|
|
52555
52559
|
};
|
|
52556
52560
|
|
|
52557
|
-
var Container$
|
|
52561
|
+
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
52562
|
return props.theme.palette[props.color].main;
|
|
52559
52563
|
});
|
|
52560
|
-
var Tab = newStyled.button(_templateObject2$
|
|
52564
|
+
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
52565
|
return heightBySize$2(props.size);
|
|
52562
52566
|
}, function (props) {
|
|
52563
52567
|
return paddingBySize$3(props.size);
|
|
@@ -52617,7 +52621,7 @@ var Tabs = function Tabs(props) {
|
|
|
52617
52621
|
});
|
|
52618
52622
|
};
|
|
52619
52623
|
|
|
52620
|
-
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$
|
|
52624
|
+
return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Container$7, _extends({}, themeProps, {
|
|
52621
52625
|
className: className
|
|
52622
52626
|
}), tabs.map(function (tab) {
|
|
52623
52627
|
return /*#__PURE__*/React__default.createElement(Tab, _extends({
|
|
@@ -52648,7 +52652,7 @@ Tabs.propTypes = {
|
|
|
52648
52652
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
52649
52653
|
};
|
|
52650
52654
|
|
|
52651
|
-
var _templateObject$
|
|
52655
|
+
var _templateObject$5, _templateObject2$4;
|
|
52652
52656
|
|
|
52653
52657
|
var fontSize$1 = function fontSize(props) {
|
|
52654
52658
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52677,7 +52681,7 @@ var paddingBySizeContainerBox = function paddingBySizeContainerBox(size) {
|
|
|
52677
52681
|
if (size === "large") return "0.3125rem 0.5rem";
|
|
52678
52682
|
};
|
|
52679
52683
|
|
|
52680
|
-
var ContainerBox = newStyled.div(_templateObject$
|
|
52684
|
+
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
52685
|
return props.theme.palette[props.color].dark;
|
|
52682
52686
|
}, function (props) {
|
|
52683
52687
|
return props.theme.palette[props.color].lighter;
|
|
@@ -52690,7 +52694,7 @@ var ContainerBox = newStyled.div(_templateObject$4 || (_templateObject$4 = _tagg
|
|
|
52690
52694
|
}, function (props) {
|
|
52691
52695
|
return paddingBySizeContainerBox(props.size);
|
|
52692
52696
|
});
|
|
52693
|
-
var Container$
|
|
52697
|
+
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
52698
|
return props.theme.palette[props.color].dark;
|
|
52695
52699
|
}, function (props) {
|
|
52696
52700
|
return fontSize$1(props);
|
|
@@ -52715,7 +52719,7 @@ var Alet = function Alet(props) {
|
|
|
52715
52719
|
if (hasContainer) return /*#__PURE__*/React__default.createElement(ContainerBox, _extends({}, themeProps, {
|
|
52716
52720
|
className: className
|
|
52717
52721
|
}), message);
|
|
52718
|
-
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$
|
|
52722
|
+
if (!hasContainer) return /*#__PURE__*/React__default.createElement(Container$6, _extends({}, themeProps, {
|
|
52719
52723
|
className: className
|
|
52720
52724
|
}), message);
|
|
52721
52725
|
};
|
|
@@ -52737,7 +52741,7 @@ Alet.propTypes = {
|
|
|
52737
52741
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray", "background"])
|
|
52738
52742
|
};
|
|
52739
52743
|
|
|
52740
|
-
var _templateObject$
|
|
52744
|
+
var _templateObject$4, _templateObject2$3, _templateObject3$2;
|
|
52741
52745
|
|
|
52742
52746
|
var fontSize = function fontSize(props) {
|
|
52743
52747
|
var fontSize = props.theme.typography[props.size].fontSize;
|
|
@@ -52754,12 +52758,12 @@ var fontSize = function fontSize(props) {
|
|
|
52754
52758
|
return newFontSize;
|
|
52755
52759
|
};
|
|
52756
52760
|
|
|
52757
|
-
var Container$
|
|
52761
|
+
var Container$5 = newStyled.div(_templateObject$4 || (_templateObject$4 = _taggedTemplateLiteral(["\n font-size: ", ";\n font-family: ", ";\n"])), function (props) {
|
|
52758
52762
|
return props.theme.typography[props.size].fontSize;
|
|
52759
52763
|
}, function (props) {
|
|
52760
52764
|
return props.theme.typography.fontFamily;
|
|
52761
52765
|
});
|
|
52762
|
-
var LabelContainer = newStyled.div(_templateObject2$
|
|
52766
|
+
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
52767
|
return fontSize(props);
|
|
52764
52768
|
}, function (props) {
|
|
52765
52769
|
return props.theme.typography.fontFamily;
|
|
@@ -52783,7 +52787,7 @@ var FormField = function FormField(props) {
|
|
|
52783
52787
|
size: size,
|
|
52784
52788
|
color: color
|
|
52785
52789
|
};
|
|
52786
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52790
|
+
return /*#__PURE__*/React__default.createElement(Container$5, _extends({}, themeProps, {
|
|
52787
52791
|
className: className
|
|
52788
52792
|
}), label && label !== null && /*#__PURE__*/React__default.createElement(LabelContainer, themeProps, label, required ? "*" : ""), children, errorMessage && errorMessage !== "" && /*#__PURE__*/React__default.createElement(ErrorContainer, _extends({}, themeProps, {
|
|
52789
52793
|
hasContainer: hasContainer
|
|
@@ -52813,7 +52817,7 @@ FormField.propTypes = {
|
|
|
52813
52817
|
size: PropTypes.oneOf(["small", "medium", "large"])
|
|
52814
52818
|
};
|
|
52815
52819
|
|
|
52816
|
-
var _templateObject$
|
|
52820
|
+
var _templateObject$3;
|
|
52817
52821
|
|
|
52818
52822
|
var getColumns = function getColumns(columns) {
|
|
52819
52823
|
var frs = "";
|
|
@@ -52825,7 +52829,7 @@ var getColumns = function getColumns(columns) {
|
|
|
52825
52829
|
return frs;
|
|
52826
52830
|
};
|
|
52827
52831
|
|
|
52828
|
-
var Container$
|
|
52832
|
+
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
52833
|
return getColumns(props.columns);
|
|
52830
52834
|
}, function (props) {
|
|
52831
52835
|
return props.fieldMargin;
|
|
@@ -52836,7 +52840,7 @@ var FormContainer = function FormContainer(props) {
|
|
|
52836
52840
|
columns = props.columns,
|
|
52837
52841
|
children = props.children,
|
|
52838
52842
|
fieldMargin = props.fieldMargin;
|
|
52839
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
52843
|
+
return /*#__PURE__*/React__default.createElement(Container$4, {
|
|
52840
52844
|
columns: columns,
|
|
52841
52845
|
fieldMargin: fieldMargin,
|
|
52842
52846
|
className: className
|
|
@@ -52866,13 +52870,13 @@ var heightBySize$1 = function heightBySize(size, hasText) {
|
|
|
52866
52870
|
if (size === "large") return "2.375rem";
|
|
52867
52871
|
};
|
|
52868
52872
|
|
|
52869
|
-
var Container$
|
|
52873
|
+
var Container$3 = newStyled.span(function (props) {
|
|
52870
52874
|
return {
|
|
52871
52875
|
"& .react-datepicker__triangle": {
|
|
52872
52876
|
display: "none"
|
|
52873
52877
|
},
|
|
52874
52878
|
"& .react-datepicker-wrapper": {
|
|
52875
|
-
width: "
|
|
52879
|
+
width: "25%",
|
|
52876
52880
|
boxSizing: "border-box"
|
|
52877
52881
|
},
|
|
52878
52882
|
"& input": {
|
|
@@ -53004,7 +53008,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53004
53008
|
setEndDateText(moment(jsDateObject).format("DD.MM.YYYY."));
|
|
53005
53009
|
};
|
|
53006
53010
|
|
|
53007
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53011
|
+
return /*#__PURE__*/React__default.createElement(Container$3, {
|
|
53008
53012
|
theme: theme,
|
|
53009
53013
|
size: size,
|
|
53010
53014
|
color: color
|
|
@@ -53014,7 +53018,7 @@ var PeriodSelector = function PeriodSelector(props) {
|
|
|
53014
53018
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
53015
53019
|
disabled: disabled,
|
|
53016
53020
|
className: className
|
|
53017
|
-
}),
|
|
53021
|
+
}), " ", /*#__PURE__*/React__default.createElement(DatePicker, {
|
|
53018
53022
|
selected: getEndDate(),
|
|
53019
53023
|
onChange: handleOnEndDateChange,
|
|
53020
53024
|
dateFormat: dateFormat ? dateFormat : "dd.MM.yyyy.",
|
|
@@ -53052,10 +53056,10 @@ PeriodSelector.propTypes = {
|
|
|
53052
53056
|
color: PropTypes.oneOf(["primary", "secondary", "success", "error", "warning", "gray"])
|
|
53053
53057
|
};
|
|
53054
53058
|
|
|
53055
|
-
var _templateObject$
|
|
53059
|
+
var _templateObject$2, _templateObject2$2, _templateObject3$1, _templateObject4$1, _templateObject5$1;
|
|
53056
53060
|
|
|
53057
53061
|
var paddingBySize = function paddingBySize(size) {
|
|
53058
|
-
if (size === "small") return "0.
|
|
53062
|
+
if (size === "small") return "0.25rem 0.4rem 0.2rem 0.4rem";
|
|
53059
53063
|
if (size === "medium") return "0.2625rem 0.5rem 0.2625rem 0.5rem";
|
|
53060
53064
|
if (size === "large") return "0.35rem 0.7rem 0.35rem 0.7rem";
|
|
53061
53065
|
};
|
|
@@ -53066,8 +53070,8 @@ var heightBySize = function heightBySize(size) {
|
|
|
53066
53070
|
if (size === "large") return "2rem";
|
|
53067
53071
|
};
|
|
53068
53072
|
|
|
53069
|
-
var Container$
|
|
53070
|
-
var Inner$1 = newStyled.div(_templateObject2$
|
|
53073
|
+
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"])));
|
|
53074
|
+
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
53075
|
return props.theme.typography.fontFamily;
|
|
53072
53076
|
}, function (props) {
|
|
53073
53077
|
return props.theme.typography[props.size].fontSize;
|
|
@@ -53110,7 +53114,7 @@ var Item = function Item(props) {
|
|
|
53110
53114
|
color: color,
|
|
53111
53115
|
disabled: disabled
|
|
53112
53116
|
};
|
|
53113
|
-
return /*#__PURE__*/React__default.createElement(Container$
|
|
53117
|
+
return /*#__PURE__*/React__default.createElement(Container$2, _extends({}, themeProps, {
|
|
53114
53118
|
className: className
|
|
53115
53119
|
}), /*#__PURE__*/React__default.createElement(Inner$1, themeProps, /*#__PURE__*/React__default.createElement(Text, _extends({}, themeProps, {
|
|
53116
53120
|
title: tooltip
|
|
@@ -53150,8 +53154,8 @@ Item.propTypes = {
|
|
|
53150
53154
|
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
53155
|
styleInject(css_248z);
|
|
53152
53156
|
|
|
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"])));
|
|
53157
|
+
var _templateObject$1, _templateObject2$1, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16;
|
|
53158
|
+
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
53159
|
|
|
53156
53160
|
var getIconFontSize = function getIconFontSize(props) {
|
|
53157
53161
|
if (props.size === "small") return props.theme.typography.small.fontSize;
|
|
@@ -53177,7 +53181,7 @@ var containerColor = function containerColor(props) {
|
|
|
53177
53181
|
return props.theme.palette[props.color].lighter;
|
|
53178
53182
|
};
|
|
53179
53183
|
|
|
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) {
|
|
53184
|
+
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
53185
|
return props.disabled ? props.theme.palette.gray[900] : props.theme.palette[props.color].main;
|
|
53182
53186
|
}, function (props) {
|
|
53183
53187
|
return containerColor(props);
|
|
@@ -53412,7 +53416,7 @@ var MultiSelectDropdown = function MultiSelectDropdown(props) {
|
|
|
53412
53416
|
}
|
|
53413
53417
|
};
|
|
53414
53418
|
|
|
53415
|
-
return /*#__PURE__*/React__default.createElement(Container, _extends({
|
|
53419
|
+
return /*#__PURE__*/React__default.createElement(Container$1, _extends({
|
|
53416
53420
|
className: className
|
|
53417
53421
|
}, themeProps, {
|
|
53418
53422
|
focus: inputFocus
|
|
@@ -53501,4 +53505,226 @@ MultiSelectDropdown.propTypes = {
|
|
|
53501
53505
|
addOptionText: PropTypes.string
|
|
53502
53506
|
};
|
|
53503
53507
|
|
|
53504
|
-
|
|
53508
|
+
var _templateObject, _templateObject2;
|
|
53509
|
+
var Container = newStyled.div(function (props) {
|
|
53510
|
+
return {
|
|
53511
|
+
gridArea: "timeSpentItem",
|
|
53512
|
+
display: "flex",
|
|
53513
|
+
columnGap: "2px",
|
|
53514
|
+
justifyContent: "start"
|
|
53515
|
+
};
|
|
53516
|
+
});
|
|
53517
|
+
var FlexCenter = newStyled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n justify-content: center;\n align-items: end;\n"])));
|
|
53518
|
+
var ButtonWraper = newStyled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n padding-right: 2%;\n"])));
|
|
53519
|
+
|
|
53520
|
+
var TimeInput = function TimeInput(props) {
|
|
53521
|
+
var id = props.id,
|
|
53522
|
+
value = props.value,
|
|
53523
|
+
size = props.size,
|
|
53524
|
+
color = props.color,
|
|
53525
|
+
theme = props.theme,
|
|
53526
|
+
className = props.className,
|
|
53527
|
+
onChange = props.onChange,
|
|
53528
|
+
_props$disabled = props.disabled,
|
|
53529
|
+
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
53530
|
+
_props$step = props.step,
|
|
53531
|
+
step = _props$step === void 0 ? 1 : _props$step;
|
|
53532
|
+
|
|
53533
|
+
var _useState = useState(value),
|
|
53534
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53535
|
+
val = _useState2[0],
|
|
53536
|
+
setVal = _useState2[1];
|
|
53537
|
+
|
|
53538
|
+
var _useState3 = useState(Math.trunc(props.value)),
|
|
53539
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
53540
|
+
spentHours = _useState4[0],
|
|
53541
|
+
setSpentHours = _useState4[1];
|
|
53542
|
+
|
|
53543
|
+
var _useState5 = useState(Math.trunc(props.value % 1 * 60)),
|
|
53544
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
53545
|
+
spentMinutes = _useState6[0],
|
|
53546
|
+
setSpentMinutes = _useState6[1];
|
|
53547
|
+
|
|
53548
|
+
var stepDecimal = step / 60;
|
|
53549
|
+
var stepValue = parseInt(step);
|
|
53550
|
+
useEffect(function () {
|
|
53551
|
+
setVal(value);
|
|
53552
|
+
setSpentHours(Math.trunc(props.value));
|
|
53553
|
+
setSpentMinutes(Math.trunc(props.value % 1 * 60));
|
|
53554
|
+
}, [value]);
|
|
53555
|
+
|
|
53556
|
+
var ConvertMinutesToDecimal = function ConvertMinutesToDecimal(newMinutesValue) {
|
|
53557
|
+
var timeSpent = parseFloat(newMinutesValue);
|
|
53558
|
+
|
|
53559
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53560
|
+
timeSpent = 0;
|
|
53561
|
+
}
|
|
53562
|
+
|
|
53563
|
+
if (!Number.isInteger(timeSpent)) {
|
|
53564
|
+
timeSpent = Math.trunc(timeSpent);
|
|
53565
|
+
}
|
|
53566
|
+
|
|
53567
|
+
var hoursToAdd = 0;
|
|
53568
|
+
|
|
53569
|
+
if (timeSpent > 60) {
|
|
53570
|
+
hoursToAdd = Math.trunc(timeSpent / 60);
|
|
53571
|
+
timeSpent %= 60;
|
|
53572
|
+
}
|
|
53573
|
+
|
|
53574
|
+
timeSpent = Math.trunc(timeSpent / stepValue) * stepValue;
|
|
53575
|
+
var oldTime = val;
|
|
53576
|
+
|
|
53577
|
+
if (oldTime <= stepDecimal) {
|
|
53578
|
+
if (timeSpent <= stepValue || isNaN(timeSpent) || timeSpent === undefined) {
|
|
53579
|
+
timeSpent = stepValue;
|
|
53580
|
+
}
|
|
53581
|
+
}
|
|
53582
|
+
|
|
53583
|
+
if (oldTime <= 24) {
|
|
53584
|
+
var oldHours = Math.trunc(val);
|
|
53585
|
+
var newTimeSpent = oldHours + hoursToAdd + timeSpent / 60;
|
|
53586
|
+
newTimeSpent = parseFloat(newTimeSpent.toFixed(5));
|
|
53587
|
+
if (newTimeSpent > 24) return 24;
|
|
53588
|
+
return newTimeSpent;
|
|
53589
|
+
}
|
|
53590
|
+
};
|
|
53591
|
+
|
|
53592
|
+
var ConvertHoursToDecimal = function ConvertHoursToDecimal(newHoursValue) {
|
|
53593
|
+
var timeSpent = parseFloat(newHoursValue);
|
|
53594
|
+
|
|
53595
|
+
if (isNaN(timeSpent) || timeSpent === undefined) {
|
|
53596
|
+
timeSpent = 0;
|
|
53597
|
+
}
|
|
53598
|
+
|
|
53599
|
+
if (timeSpent >= 24) {
|
|
53600
|
+
return 24.0;
|
|
53601
|
+
} else if (parseInt(timeSpent) === 0) {
|
|
53602
|
+
var oldTime = parseFloat(val);
|
|
53603
|
+
|
|
53604
|
+
if (oldTime % 1 <= stepDecimal) {
|
|
53605
|
+
return stepDecimal;
|
|
53606
|
+
} else {
|
|
53607
|
+
return oldTime % 1;
|
|
53608
|
+
}
|
|
53609
|
+
} else {
|
|
53610
|
+
var _oldTime = val;
|
|
53611
|
+
|
|
53612
|
+
var oldDecimalValue = ("" + _oldTime).split(".")[1];
|
|
53613
|
+
|
|
53614
|
+
if (oldDecimalValue === undefined || oldDecimalValue === "") {
|
|
53615
|
+
oldDecimalValue = "0.0";
|
|
53616
|
+
}
|
|
53617
|
+
|
|
53618
|
+
oldDecimalValue = "0." + oldDecimalValue;
|
|
53619
|
+
var newTimeSpent = timeSpent + parseFloat(oldDecimalValue);
|
|
53620
|
+
newTimeSpent = newTimeSpent.toFixed(2);
|
|
53621
|
+
return parseFloat(newTimeSpent);
|
|
53622
|
+
}
|
|
53623
|
+
};
|
|
53624
|
+
|
|
53625
|
+
var plusButtonClickHandler = function plusButtonClickHandler() {
|
|
53626
|
+
var time = ConvertMinutesToDecimal(spentMinutes + stepValue);
|
|
53627
|
+
setSpentHours(Math.trunc(time));
|
|
53628
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53629
|
+
setVal(time);
|
|
53630
|
+
onChange(id, time);
|
|
53631
|
+
};
|
|
53632
|
+
|
|
53633
|
+
var minusButtonClickHandler = function minusButtonClickHandler() {
|
|
53634
|
+
var time = ConvertMinutesToDecimal(spentMinutes - stepValue);
|
|
53635
|
+
setSpentHours(Math.trunc(time));
|
|
53636
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53637
|
+
setVal(time);
|
|
53638
|
+
onChange(id, time);
|
|
53639
|
+
};
|
|
53640
|
+
|
|
53641
|
+
var minutesChangeHandler = function minutesChangeHandler(_, value) {
|
|
53642
|
+
setSpentMinutes(value);
|
|
53643
|
+
var time = ConvertMinutesToDecimal(value);
|
|
53644
|
+
setTimeout(function () {
|
|
53645
|
+
setSpentHours(Math.trunc(time));
|
|
53646
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53647
|
+
setVal(time);
|
|
53648
|
+
}, 100);
|
|
53649
|
+
onChange(id, time);
|
|
53650
|
+
};
|
|
53651
|
+
|
|
53652
|
+
var hoursChangeHandler = function hoursChangeHandler(_, value) {
|
|
53653
|
+
setSpentHours(value);
|
|
53654
|
+
var time = ConvertHoursToDecimal(value);
|
|
53655
|
+
setTimeout(function () {
|
|
53656
|
+
setSpentHours(Math.trunc(time));
|
|
53657
|
+
setSpentMinutes(Math.round(time % 1 * 60));
|
|
53658
|
+
setVal(time);
|
|
53659
|
+
}, 100);
|
|
53660
|
+
onChange(id, time);
|
|
53661
|
+
};
|
|
53662
|
+
|
|
53663
|
+
return /*#__PURE__*/React__default.createElement(Container, {
|
|
53664
|
+
className: className
|
|
53665
|
+
}, /*#__PURE__*/React__default.createElement(FlexCenter, null, /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53666
|
+
icon: "minus",
|
|
53667
|
+
onClick: minusButtonClickHandler,
|
|
53668
|
+
disabled: disabled,
|
|
53669
|
+
size: size,
|
|
53670
|
+
color: color,
|
|
53671
|
+
theme: theme
|
|
53672
|
+
})), /*#__PURE__*/React__default.createElement(ButtonWraper, null, /*#__PURE__*/React__default.createElement(Button$1, {
|
|
53673
|
+
id: "addButton",
|
|
53674
|
+
icon: "plus",
|
|
53675
|
+
onClick: plusButtonClickHandler,
|
|
53676
|
+
disabled: disabled,
|
|
53677
|
+
size: size,
|
|
53678
|
+
color: color,
|
|
53679
|
+
theme: theme
|
|
53680
|
+
}))), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53681
|
+
label: "h",
|
|
53682
|
+
required: true
|
|
53683
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53684
|
+
id: "timeSpentHours",
|
|
53685
|
+
value: spentHours,
|
|
53686
|
+
onChange: hoursChangeHandler,
|
|
53687
|
+
disabled: disabled,
|
|
53688
|
+
size: size,
|
|
53689
|
+
color: color,
|
|
53690
|
+
theme: theme
|
|
53691
|
+
})), /*#__PURE__*/React__default.createElement(FormField, {
|
|
53692
|
+
label: "min",
|
|
53693
|
+
required: true
|
|
53694
|
+
}, /*#__PURE__*/React__default.createElement(NumberInput, {
|
|
53695
|
+
id: "timeSpentMinutes",
|
|
53696
|
+
value: spentMinutes,
|
|
53697
|
+
onChange: minutesChangeHandler,
|
|
53698
|
+
label: "min",
|
|
53699
|
+
disabled: disabled,
|
|
53700
|
+
size: size,
|
|
53701
|
+
color: color,
|
|
53702
|
+
theme: theme
|
|
53703
|
+
})));
|
|
53704
|
+
};
|
|
53705
|
+
|
|
53706
|
+
TimeInput.defaultProps = {
|
|
53707
|
+
id: "",
|
|
53708
|
+
theme: theme,
|
|
53709
|
+
disabled: false,
|
|
53710
|
+
onChange: function onChange() {},
|
|
53711
|
+
className: "",
|
|
53712
|
+
preventDefault: true,
|
|
53713
|
+
size: "small",
|
|
53714
|
+
color: "primary",
|
|
53715
|
+
value: "",
|
|
53716
|
+
step: ""
|
|
53717
|
+
};
|
|
53718
|
+
TimeInput.propTypes = {
|
|
53719
|
+
theme: PropTypes.object.isRequired,
|
|
53720
|
+
id: PropTypes.string,
|
|
53721
|
+
disabled: PropTypes.bool,
|
|
53722
|
+
onChange: PropTypes.func,
|
|
53723
|
+
className: PropTypes.string,
|
|
53724
|
+
value: PropTypes.string,
|
|
53725
|
+
size: PropTypes.oneOf(["small", "medium", "large"]),
|
|
53726
|
+
color: PropTypes.oneOf(["primary", "secondary", "gray"]),
|
|
53727
|
+
step: PropTypes.string
|
|
53728
|
+
};
|
|
53729
|
+
|
|
53730
|
+
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 };
|